東京大学未来ビジョン研究センター

<!DOCTYPE html> <html lang="ja" dir="ltr" itemscope itemtype="https://schema.org/WebSite"> <head> <meta charset="utf-8"> <meta content="IE=Edge" http-equiv="X-UA-Compatible"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta content="telephone=no" name="format-detection"> <meta content="東京大学未来ビジョン研究センター" name="title"> <meta content="東京大学未来ビジョン研究センター" name="description"> <meta name="sitelock-site-verification" content="5411" />  <meta content="東京大学未来ビジョン研究センター" itemprop="name"> <meta content="東京大学未来ビジョン研究センター" itemprop="description">  <meta content="website" property="og:type"> <meta content="東京大学未来ビジョン研究センター" property="og:title"> <meta content="東京大学未来ビジョン研究センター" property="og:description"> <meta content="https://ifi.u-tokyo.ac.jp/" property="og:url">  <meta content="https://ifi.u-tokyo.ac.jp/wp/wp-content/themes/ifi/images/common/ogp.jpg" property="og:image" > <link href='//code.jquery.com' rel='preconnect dns-prefetch'> <link href='//fonts.googleapis.com' rel='preconnect dns-prefetch'> <link href='//fonts.gstatic.com' rel='preconnect dns-prefetch'> <link href='//www.google-analytics.com' rel='preconnect dns-prefetch'>  <link rel="icon" href="/wp/wp-content/themes/ifi/images/common/favicon.png"> <link rel="shortcut icon" href="/wp/wp-content/themes/ifi/images/common/favicon.ico"> <link rel="apple-touch-icon" sizes="180x180" href="/wp/wp-content/themes/ifi/images/common/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/wp/wp-content/themes/ifi/images/common/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/wp/wp-content/themes/ifi/images/common/favicon-16x16.png"> <link rel="manifest" href="/wp/wp-content/themes/ifi/images/common/site.webmanifest"> <link rel="mask-icon" href="/wp/wp-content/themes/ifi/images/common/safari-pinned-tab.svg" color="#006098"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="theme-color" content="#ffffff">  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-137426389-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-137426389-1'); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-YJ8F21YHH4"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-YJ8F21YHH4'); </script> <link href="/wp/wp-content/themes/ifi/css/slick.css" class="async"> <link href="/wp/wp-content/themes/ifi/css/slick-theme.css" class="async"> <link href="/wp/wp-content/themes/ifi/css/fontawesome-all.min.css" class="async"> <link href="/wp/wp-content/themes/ifi/css/modaal.min.css" class="async"> <style> @charset "UTF-8"; /* * * Copyright (c) 2016, Codia Inc. All rights reserved. * Data : 2016.11.11 * */ * { box-sizing: border-box; } * { box-sizing: border-box; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%; } *:focus { outline: none; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { outline: 0; margin: 0; border: 0; padding: 0; background: transparent; font: inherit; vertical-align: baseline; } html { overflow-x: hidden; } body { line-height: 1; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; } ul, ol { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: none; } a { margin: 0; padding: 0; background: transparent; font: inherit; color: #006098; text-decoration: underline; vertical-align: baseline; } a:hover, a:focus, a:active { text-decoration: none; } @media print, (min-width: 1040px) { a[href^="tel:"] { pointer-events: none; } } img { max-width: 100%; max-height: 100%; height: auto; vertical-align: top; } img[src$=".svg"] { width: 100%; } sup, sub { font-size: 78%; } sup { vertical-align: super; } sub { vertical-align: sub; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; margin: 1em 0; border: 0; padding: 0; height: 1px; border-top: 1px solid #cccccc; } button { cursor: pointer; } button, fieldset, form, input, label, legend, select, textarea { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; padding: 0; vertical-align: baseline; border: none; outline: none; } input, textarea { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-appearance: none; max-width: 100%; } input[type=button], input[type=submit] { cursor: pointer; -webkit-appearance: none; } :placeholder-shown, ::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder { color: #aaa; opacity: 1; } ::-webkit-search-cancel-button { -webkit-appearance: none; } .clearFix::after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } @media print, (min-width: 768px) { ._font-sizeS { font-size: 1.2rem; } } @media print, (min-width: 768px) { ._font-sizeM { font-size: 1.4rem; } } @media print, (min-width: 768px) { ._font-sizeL { font-size: 1.8rem; } } ._hide { display: none; } ._align-right { text-align: right !important; } ._align-left { text-align: left !important; } ._align-center { text-align: center !important; } ._indent { text-indent: 1rem !important; } ._block-right { margin-right: 0 !important; margin-left: auto !important; } ._block-center { margin-right: auto !important; margin-left: auto !important; } ._block-left { margin-right: auto !important; margin-left: 0 !important; } ._font-normal { font-weight: normal !important; } ._font-bold { font-weight: bold !important; } ._text-italic { font-style: italic !important; } ._text-underline { text-decoration: underline !important; } ._text-blink { text-decoration: blink !important; } ._text-line_through { text-decoration: line-through !important; } @media print, (min-width: 768px) { ._only-SP { display: none; } } @media print, (min-width: 1040px) { ._under-TB { display: none; } } ._over-TB { display: none; } @media print, (min-width: 768px) { ._over-TB { display: block; } } ._over-PC { display: none; } @media print, (min-width: 1040px) { ._over-PC { display: block; } } ._content_fixed { position: fixed; width: 100%; height: 100%; } @media print, (min-width: 915px) { ._content_fixed { position: relative; width: auto; height: auto; top: 0 !important; } } ._pointer-events { pointer-events: none; } ._border { border: 2px solid #EFF2F3; } figure { width: 100%; } figcaption { text-align: center; } .panel img.alignleft, .panel img.alignright, .panel div.alignleft, .panel div.alignright, .module_column-col1 img.alignleft, .module_column-col1 img.alignright, .module_column-col1 div.alignleft, .module_column-col1 div.alignright, .module_column-col2 img.alignleft, .module_column-col2 img.alignright, .module_column-col2 div.alignleft, .module_column-col2 div.alignright, .textarea img.alignleft, .textarea img.alignright, .textarea div.alignleft, .textarea div.alignright { display: block; margin: 0 auto 10px; max-width: calc(50% - 12.5px); height: auto; } @media print, (min-width: 768px) { .panel img.alignleft, .panel img.alignright, .panel div.alignleft, .panel div.alignright, .module_column-col1 img.alignleft, .module_column-col1 img.alignright, .module_column-col1 div.alignleft, .module_column-col1 div.alignright, .module_column-col2 img.alignleft, .module_column-col2 img.alignright, .module_column-col2 div.alignleft, .module_column-col2 div.alignright, .textarea img.alignleft, .textarea img.alignright, .textarea div.alignleft, .textarea div.alignright { margin: 0; max-width: calc(50% - 25px); } } .panel img.alignleft img, .panel img.alignright img, .panel div.alignleft img, .panel div.alignright img, .module_column-col1 img.alignleft img, .module_column-col1 img.alignright img, .module_column-col1 div.alignleft img, .module_column-col1 div.alignright img, .module_column-col2 img.alignleft img, .module_column-col2 img.alignright img, .module_column-col2 div.alignleft img, .module_column-col2 div.alignright img, .textarea img.alignleft img, .textarea img.alignright img, .textarea div.alignleft img, .textarea div.alignright img { height: auto; } .panel img.alignleft, .panel div.alignleft, .module_column-col1 img.alignleft, .module_column-col1 div.alignleft, .module_column-col2 img.alignleft, .module_column-col2 div.alignleft, .textarea img.alignleft, .textarea div.alignleft { float: left; margin-right: 25px; } @media print, (min-width: 768px) { .panel img.alignleft, .panel div.alignleft, .module_column-col1 img.alignleft, .module_column-col1 div.alignleft, .module_column-col2 img.alignleft, .module_column-col2 div.alignleft, .textarea img.alignleft, .textarea div.alignleft { margin-right: 30px; } } .panel img.alignright, .panel div.alignright, .module_column-col1 img.alignright, .module_column-col1 div.alignright, .module_column-col2 img.alignright, .module_column-col2 div.alignright, .textarea img.alignright, .textarea div.alignright { float: right; margin-left: 25px; } @media print, (min-width: 768px) { .panel img.alignright, .panel div.alignright, .module_column-col1 img.alignright, .module_column-col1 div.alignright, .module_column-col2 img.alignright, .module_column-col2 div.alignright, .textarea img.alignright, .textarea div.alignright { margin-left: 30px; } } .panel img.aligncenter, .panel div.aligncenter, .module_column-col1 img.aligncenter, .module_column-col1 div.aligncenter, .module_column-col2 img.aligncenter, .module_column-col2 div.aligncenter, .textarea img.aligncenter, .textarea div.aligncenter { display: block; margin: 0 auto; } .panel img.size-full, .panel div.size-full, .module_column-col1 img.size-full, .module_column-col1 div.size-full, .module_column-col2 img.size-full, .module_column-col2 div.size-full, .textarea img.size-full, .textarea div.size-full { width: 100%; } html { font-size: 10px; } body { position: relative; z-index: 0; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 400; line-height: 1.65; font-size: 16px; letter-spacing: 0.05em; color: #222222; word-wrap: break-word; overflow-wrap: break-word; } .global_header { position: fixed; top: 0; left: 0; z-index: 50; width: 100%; height: 56px; background-color: #ffffff; transition: 0.5s; } body._fixed .global_header { position: fixed; } @media print { .global_header { position: absolute; } } @media print, (min-width: 915px) { .global_header { height: 100px; background-color: #ffffff; } } @media print, (min-width: 915px) { body._fixed .global_header { height: 70px; } } @media print, (min-width: 915px) { body.home .global_header { background-color: rgba(255, 255, 255, 0.4); } } @media print, (min-width: 915px) { body.home._fixed .global_header { background-color: #ffffff; } } .global_header .global_inner { padding: 0; } @media print, (min-width: 1040px) { .global_header .global_inner { display: flex; flex-wrap: wrap; padding: 0; max-width: 100%; width: 100%; } } .global_header .gh_logo { position: relative; z-index: 39; padding: 10px 15px; background-color: #ffffff; transition: 0.5s; } @media print, (min-width: 915px) { .global_header .gh_logo { position: absolute; top: 0; left: 0; padding: 20px 15px; width: 305px; background-color: transparent; } } @media print, (min-width: 1190px) { .global_header .gh_logo { padding: 20px 50px; width: 432px; } } @media print, (min-width: 915px) { body._fixed .global_header .gh_logo { padding: 11px 50px; width: 334px; } } .global_header .gh_logo a { display: block; width: 213px; height: 36px; background: url("/wp/wp-content/themes/ifi/images/common/logo_01.svg") no-repeat center/contain; text-indent: 100%; white-space: nowrap; overflow: hidden; transition: 0.5s; } body.tax-tf_news_cat .global_header .gh_logo a, body.page-template-page-stfl .global_header .gh_logo a, body.post-type-archive-tf_news .global_header .gh_logo a, body.iam_stfl .global_header .gh_logo a, body.single-tf_news .global_header .gh_logo a { background: url("/wp/wp-content/themes/ifi/images/common/logo_03.svg") no-repeat center/contain; } @media print, (min-width: 915px) { .global_header .gh_logo a { width: 100%; height: 60px; } } @media print, (min-width: 915px) { body._fixed .global_header .gh_logo a { width: 234px; height: 47px; } } .global_header .gh_logo a:hover { opacity: 0.5; } .post-type-archive-publications .module_title-08, .post-type-archive-publications .module_title-06, .page-template-page-publications2 .module_title-08, .page-template-page-publications2 .module_title-06 { margin-top: 80px !important; } .global_header2 { width: 100%; padding: 5px; background-color: #052030; transition: 0.5s; } .global_header2 a { display: flex; margin: 0 auto; transition: 0.5s; pointer-events: none; } .global_header2 a:hover { opacity: 0.5; } .global_header2 img { width: 214px; display: block; margin: 0 auto; } @media print, (min-width: 768px) { .global_header2 img { width: 332px; } } @media print, (min-width: 768px) { .global_header2 { padding: 22px; } } @media print, (min-width: 915px) { .global_menu { display: none; } } .global_menu .global_menu_btn { position: fixed; right: 0; top: 0; z-index: 60; width: 56px; height: 56px; background-color: #ffffff; } .global_menu .global_menu_btn .global_menu_icon { display: block; position: absolute; top: 15px; left: 15px; z-index: 2; margin: 0 auto; width: 30px; height: 5px; background-color: #006098; transition: 0.5s; } body._open-menu .global_menu .global_menu_btn .global_menu_icon { background-color: transparent; } .global_menu .global_menu_btn .global_menu_icon:before, .global_menu .global_menu_btn .global_menu_icon:after { content: " "; display: block; position: absolute; left: 0; width: 100%; height: 5px; transition: all 0.3s; background-color: #ffffff; } .global_menu .global_menu_btn .global_menu_icon:before { top: 10px; background-color: #006098; z-index: 2; } body._open-menu .global_menu .global_menu_btn .global_menu_icon:before { top: 10px; left: -2px; width: 33px; transform: rotate(45deg); } .global_menu .global_menu_btn .global_menu_icon:after { top: 20px; width: 20px; background-color: #429538; z-index: 1; } body._open-menu .global_menu .global_menu_btn .global_menu_icon:after { top: 10px; left: -2px; width: 33px; transform: rotate(-45deg); } .global_search .gs_inner { display: flex; justify-content: space-between; align-items: center; } @media print, (min-width: 915px) { .global_search .gs_inner { padding: 52px 15px; position: relative; justify-content: center; align-items: center; } } .global_search .gs_inner .module_search-01 { width: 100%; } @media print, (min-width: 915px) { .global_search .gs_inner .module_search-01 { max-width: 580px; width: 60%; } } .global_search .gs_inner .close_btn { display: none; position: relative; width: 30px; height: 40px; cursor: pointer; } .global_search .gs_inner .close_btn:hover:before, .global_search .gs_inner .close_btn:hover:after { background-color: #C1D7E4; } @media print, (min-width: 915px) { .global_search .gs_inner .close_btn { display: block; position: absolute; right: 50px; top: calc(50% - 19px); } } .global_search .gs_inner .close_btn:before, .global_search .gs_inner .close_btn:after { content: " "; display: block; position: absolute; top: calc(50% - 1px); left: 0; width: 100%; height: 2px; transition: all 0.3s; border-radius: 10px; background-color: #efefef; } .global_search .gs_inner .close_btn:before { transform: rotate(45deg); } .global_search .gs_inner .close_btn:after { transform: rotate(-45deg); } .global_navigation { position: fixed; top: 0; left: 0; z-index: 37; width: 100%; background-color: #efefef; transition: 0.5s; transform: translateY(-100%); } @media print { .global_navigation { display: none; } } body._open-menu .global_navigation { top: 56px; opacity: 1; transform: translateX(0); } @media print, (min-width: 915px) { body._open-menu .global_navigation { top: 0; } } @media print, (min-width: 915px) { .global_navigation { position: relative; top: auto; left: auto; z-index: 40; width: 100%; background: none; transform: translateX(0); } } .global_navigation .gn_inner { padding: 0 0 180px; height: 100vh; overflow-y: auto; -webkit-overflow-scrolling: touch; } @media print, (min-width: 915px) { .global_navigation .gn_inner { padding: 0; height: auto; overflow-y: visible; } } @media print, (min-width: 915px) { body.tax-tf_news_cat .global_navigation .gn_inner .module_menu-01, body.page-template-page-stfl .global_navigation .gn_inner .module_menu-01, body.post-type-archive-tf_news .global_navigation .gn_inner .module_menu-01, body.iam_stfl .global_navigation .gn_inner .module_menu-01, body.single-tf_news .global_navigation .gn_inner .module_menu-01, body.error404 .global_navigation .gn_inner .module_menu-01 { display: none; } } body.tax-tf_news_cat .global_navigation .gn_inner .module_list-11, body.page-template-page-stfl .global_navigation .gn_inner .module_list-11, body.post-type-archive-tf_news .global_navigation .gn_inner .module_list-11, body.iam_stfl .global_navigation .gn_inner .module_list-11, body.single-tf_news .global_navigation .gn_inner .module_list-11, body.error404 .global_navigation .gn_inner .module_list-11 { margin-top: 40px; padding: 0 15px; } @media print, (min-width: 915px) { body.tax-tf_news_cat .global_navigation .gn_inner .module_list-11, body.page-template-page-stfl .global_navigation .gn_inner .module_list-11, body.post-type-archive-tf_news .global_navigation .gn_inner .module_list-11, body.iam_stfl .global_navigation .gn_inner .module_list-11, body.single-tf_news .global_navigation .gn_inner .module_list-11, body.error404 .global_navigation .gn_inner .module_list-11 { display: none; } } .global_navigation .gn_inner .gn_body { padding: 0 15px; } @media print, (min-width: 915px) { .global_navigation .gn_inner .gn_body { padding: 0; position: absolute; right: 16px; top: 16px; display: flex; flex-wrap: wrap; transition: 0.5s; } } @media print, (min-width: 1190px) { .global_navigation .gn_inner .gn_body { right: 50px; } } @media print, (min-width: 915px) { .gn_head { position: absolute; right: 5px; top: 38px; height: 52px; margin-bottom: 0; transition: 0.5s; } } @media print, (min-width: 1190px) { .gn_head { right: 30px; } } @media print, (min-width: 915px) { body._fixed .gn_head { top: 0; height: 70px; } } .gn_head ul li { position: relative; display: flex; flex-wrap: wrap; border-bottom: 1px solid #ababab; } .gn_head ul li a { width: 100%; position: relative; display: block; padding: 18px 20px; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 400; font-size: 15px; color: #222222; text-decoration: none; transition: 0.5s; } @media print, (min-width: 915px) { .gn_head ul li a { padding: 0; font-size: 14px; color: #ffffff; border-bottom: none; margin-bottom: 2px; } } .gn_head ul li a._open-submenu { background-color: #006098; color: #ffffff; } @media print, (min-width: 915px) { .gn_head ul li a._open-submenu { background-color: transparent; color: #222222; } } .gn_head ul li label { position: relative; display: flex; justify-content: center; align-items: center; margin-top: 0 !important; width: 60px; border-left: 1px solid #ababab; transition: 0.5s; } @media print, (min-width: 915px) { .gn_head ul li label { display: none; } } .gn_head ul li label._open-submenu { background-color: #006098; border-left: 1px solid #ffffff; } .gn_head ul li label span { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 0; line-height: 0; cursor: pointer; } .gn_head ul li label span:before, .gn_head ul li label span:after { content: ""; width: 17px; height: 3px; border-radius: 5px; background-color: #429538; position: absolute; transition: all 0.5s; } .gn_head ul li label span:before { top: calc(50% - 8px); left: calc(50% - 2px); width: 3px; height: 17px; } .gn_head ul li label span:after { left: calc(50% - 9px); top: calc(50% - 1px); } .gn_head ul li label._open-submenu span:before { background-color: #ffffff; transform: rotate(-90deg); } .gn_head ul li label._open-submenu span:after { background-color: #ffffff; transform: rotate(180deg); } .gn_head ul li label button { display: none; } .gn_head ul li div[class^=accordion-] { display: none; width: 100%; transition: top 0.3s; } @media print, (min-width: 915px) { .gn_head .ul-top { display: flex; justify-content: center; align-items: center; height: 62px; } } @media print, (min-width: 915px) { body._fixed .gn_head .ul-top { height: 70px; } } @media print, (min-width: 915px) { .gn_head .ul-top > li { position: relative; display: block; height: 62px; border-bottom: none; } } @media print, (min-width: 915px) { body._fixed .gn_head .ul-top > li { height: 70px; } } .gn_head .ul-top > li:first-child { color: #980047; } @media print, (min-width: 915px) { body.en .gn_head .ul-top > li:first-child .accordion-01 .accordion_inner-01 .ul-01 > li { width: 100%; } } .gn_head .ul-top > li:first-child .accordion-01 .accordion_inner-01 .ul-01 > li:nth-child(2) { display: none; } @media print, (min-width: 915px) { .gn_head .ul-top > li:hover a:after { transform: scale(1, 1) !important; } } @media print, (min-width: 915px) { .gn_head .ul-top > li:hover .accordion-01 { top: 100px; visibility: visible; opacity: 1; background-color: rgba(0, 106, 152, 0.95); } } .gn_head .ul-top > li:hover .accordion-01:after { visibility: visible; opacity: 1; } @media print, (min-width: 915px) { .gn_head .ul-top > li:hover .accordion-01 .accordion_inner-01 { padding-top: 50px; padding-bottom: 50px; padding-left: 20px; padding-right: 20px; height: auto; } } .gn_head .ul-top > li.child > a { width: calc(100% - 60px); } @media print, (min-width: 915px) { .gn_head .ul-top > li.child > a { width: auto; } } .gn_head .ul-top > li.child > a:before { content: none; } .gn_head .ul-top > li > a { width: 100%; } @media print, (min-width: 915px) { .gn_head .ul-top > li > a { position: relative; display: flex; padding: 17px 10px; align-items: center; justify-content: center; margin-bottom: 0; height: 62px; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 400; font-size: 17px; color: #000000; border-bottom: none; } } @media print, (min-width: 1190px) { .gn_head .ul-top > li > a { padding: 17px 18px; } } .gn_head .ul-top > li > a._open-submenu:before { color: #ffffff; border-left: 1px solid #ffffff; } .gn_head .ul-top > li > a._open-submenu:after { transform: scale(1, 1); } body.home .gn_head .ul-top > li > a._open-submenu:after { transform: scale(0, 1); } .gn_head .ul-top > li > a:before { content: "\f105"; font-family: "Font Awesome 6 Pro"; font-weight: 400; line-height: 1; position: absolute; top: 0; right: 0; padding: 16px 21px 16px 20px; height: 100%; color: #429538; font-size: 28px; border-left: 1px solid #ababab; box-sizing: border-box; } @media print, (min-width: 915px) { .gn_head .ul-top > li > a:before { content: none; } } @media print, (min-width: 915px) { .gn_head .ul-top > li > a:after { position: absolute; bottom: 0; left: 10px; content: ""; width: calc(100% - 20px); height: 3px; background: #429538; transform: scale(0, 1); transform-origin: center top; transition: transform 0.3s; } } @media print, (min-width: 915px) { body._fixed .gn_head .ul-top > li > a { height: 70px; } } @media print, (min-width: 915px) { .gn_head .ul-top > li > a .title { display: block; font-size: 16px; font-weight: bold; } } .gn_head .ul-top > li .accordion-01 { background-color: #ffffff; } @media print, (min-width: 915px) { .gn_head .ul-top > li .accordion-01 { display: block !important; position: fixed; top: 100px; right: 0; width: 100%; visibility: hidden; opacity: 0; transition: background 0.5s, opacity 0.5s; } } @media print, (min-width: 915px) { body._fixed .gn_head .ul-top > li .accordion-01 { top: 70px; } } @media print, (min-width: 915px) { .gn_head .ul-top > li .accordion-01:after { content: ""; position: fixed; z-index: -1; top: 100px; left: -20px; display: block; width: calc(100% + 40px); height: 100vh; visibility: hidden; opacity: 0; pointer-events: none; } } @media print, (min-width: 915px) { body._fixed .gn_head .ul-top > li .accordion-01:after { top: 70px; } } .gn_head .ul-top > li .accordion-01 .accordion_inner-01 { padding: 0 20px 30px; } @media print, (min-width: 915px) { .gn_head .ul-top > li .accordion-01 .accordion_inner-01 { padding: 0; display: flex; justify-content: center; margin: 0 auto; height: 0; transition: padding-top 0.5s, padding-bottom 0.5s; } } @media print, (min-width: 915px) { .gn_head .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 { max-width: 1040px; width: 100%; box-sizing: border-box; } } @media print, (min-width: 915px) { .gn_head .ul-top > li .accordion-01 .accordion_inner-01 .ul-01._side { max-width: 600px; width: 50%; } } @media print, (min-width: 915px) { .gn_head .ul-top > li .accordion-01 .accordion_inner-01 .ul-01._side > li { width: 50%; } } @media print, (min-width: 915px) { .gn_head .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li { border-bottom: none; width: 50%; display: inline-block; float: left; } } @media print, (min-width: 915px) { .gn_head .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li:hover .accordion-02 { display: block; opacity: 1; } } .gn_head .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li:first-child { display: none; } @media print, (min-width: 915px) { .gn_head .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li:first-child { display: block; width: 100%; margin: 11px 0 23px; } } @media print, (min-width: 915px) { .gn_head .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li:first-child a { font-size: 24px; font-weight: bold; padding: 0; } } .gn_head .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li:first-child a:before { content: none; } .gn_head .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li.child > a { width: calc(100% - 65px); } @media print, (min-width: 915px) { .gn_head .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li.child > a { width: 100%; } } .gn_head .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li > a { padding: 18px 15px; } @media print, (min-width: 915px) { .gn_head .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li > a { position: relative; width: 100%; margin: 0; padding: 8px 50px 8px 20px; font-size: 16px; color: #ffffff; } } .gn_head .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li > a:hover { opacity: 0.7; } .gn_head .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li > a._open-submenu { background-color: #efefef; color: #222222; } @media print, (min-width: 915px) { .gn_head .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li > a._open-submenu { background-color: transparent; color: #ffffff; } } .gn_head .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li > a:before { content: none; position: absolute; left: 0; top: 8px; color: #C1D7E4; font-family: "Font Awesome 6 Pro"; font-weight: 100; line-height: 1; font-size: 24px; } @media print, (min-width: 915px) { .gn_head .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li > a:before { content: "\f105"; } } .gn_head .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li > a:hover { background-color: #efefef; } @media print, (min-width: 915px) { .gn_head .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li > a:hover { background-color: transparent; opacity: 1; } } .gn_head .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li > a:hover:before { opacity: 0.7; } @media print, (min-width: 915px) { .gn_head .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li > a:hover:before { opacity: 1; } } .gn_head .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li .accordion-02 { padding-bottom: 30px; } @media print, (min-width: 915px) { .gn_head .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li .accordion-02 { opacity: 0; position: absolute; width: 290px; left: -290px; top: 0; padding-bottom: 0; border-bottom: none; } } .gn_head .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li .accordion-02 .accordion_inner-02 { padding: 10px 0; background-color: #f5f3f9; } @media print, (min-width: 915px) { .gn_head .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li .accordion-02 .accordion_inner-02 { padding: 0; } } .gn_head .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li .accordion-02 .accordion_inner-02 .ul-02 > li { border-bottom: none; } @media print, (min-width: 915px) { .gn_head .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li .accordion-02 .accordion_inner-02 .ul-02 > li:last-child a { border-bottom: none; } } .gn_head .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li .accordion-02 .accordion_inner-02 .ul-02 > li > a { padding: 5px 30px; border-bottom: none; } @media print, (min-width: 915px) { .gn_head .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li .accordion-02 .accordion_inner-02 .ul-02 > li > a { display: block; padding: 20px 30px; font-size: 15px; background-color: rgba(66, 149, 56, 0.9); font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 400; color: #ffffff; border-bottom: 1px solid #E9E4F1; text-decoration: none; } } .gn_head .side { display: none; } @media print, (min-width: 915px) { .gn_head .side { display: block; max-width: 440px; width: 50%; padding: 10px 0 20px 100px; border-left: 1px solid #C1D7E4; } } .gn_head .side .title { font-size: 24px; font-weight: bold; color: #ffffff; } .gn_head .side .image { position: relative; top: 0; left: 0; width: 100%; margin-top: 20px; padding-top: 54%; height: 0; overflow: hidden; transition: 0.5s; } .gn_head .side .image img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: auto; margin: auto; max-width: none; max-height: none; display: block; transition: all 0.8s; } .gn_head .side .text { margin-top: 10px; font-size: 14px; color: #C1D7E4; } body.en .gn_head .side .text { font-family: "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; } .gn_sub_box-01 { margin-top: 45px; } @media print, (min-width: 915px) { .gn_sub_box-01 { display: none; } } body.tax-tf_news_cat .gn_sub_box-01, body.page-template-page-stfl .gn_sub_box-01, body.post-type-archive-tf_news .gn_sub_box-01, body.iam_stfl .gn_sub_box-01, body.single-tf_news .gn_sub_box-01, body.error404 .gn_sub_box-01 { margin-top: 30px; } body.tax-tf_news_cat .gn_sub_box-01 ul > li:first-child, body.page-template-page-stfl .gn_sub_box-01 ul > li:first-child, body.post-type-archive-tf_news .gn_sub_box-01 ul > li:first-child, body.iam_stfl .gn_sub_box-01 ul > li:first-child, body.single-tf_news .gn_sub_box-01 ul > li:first-child, body.error404 .gn_sub_box-01 ul > li:first-child { width: 100%; } .gn_sub_box-01 ul { display: flex; flex-flow: wrap; width: 100%; position: relative; } .gn_sub_box-01 ul > li { margin-bottom: 20px; width: 50%; } @media print, (min-width: 915px) { .gn_sub_box-01 ul > li { padding: 0; margin-bottom: 0; border-right: 1px solid #efefef; } } .gn_sub_box-01 ul > li:last-child a span:after { content: "\f35d"; font-family: "Font Awesome 6 Pro"; font-weight: 100; line-height: 1; position: relative; margin-left: 5px; } .gn_sub_box-01 ul > li a { display: block; text-decoration: none; font-size: 13px; text-align: center; color: #707070; transition: 0.5s; } .gn_sub_box-01 ul > li a:hover { opacity: 0.7; } @media print, (min-width: 915px) { .gn_sub_box-01 ul > li a { padding: 0 20px; color: #efefef; } } .gn_sub_box-02 { margin-top: 35px; } @media print, (min-width: 915px) { .gn_sub_box-02 { margin-top: 0; position: fixed; top: 0; left: 0; z-index: 40; width: 100%; background-color: rgba(0, 106, 152, 0.95); transition: 0.5s; transform: translateY(-100%); } } @media print, (min-width: 915px) { body._open-language .gn_sub_box-02 { top: 0; opacity: 1; transform: translateX(0); } } @media print, (min-width: 915px) { .gn_sub_box-02 .global_language { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 212px; margin: 0 auto; } } .gn_sub_box-02 .global_language .gl_inner > .title { display: none; } @media print, (min-width: 915px) { .gn_sub_box-02 .global_language .gl_inner > .title { display: block; text-align: center; color: #ffffff; font-size: 20px; } } .gn_sub_box-02 .global_language .gl_inner ul { display: flex; flex-flow: wrap; justify-content: center; position: relative; } @media print, (min-width: 915px) { .gn_sub_box-02 .global_language .gl_inner ul { margin-top: 25px; } } .gn_sub_box-02 .global_language .gl_inner ul > li { margin-bottom: 10px; width: 50%; } .gn_sub_box-02 .global_language .gl_inner ul > li:first-child { border-right: 1px solid #ababab; } @media print, (min-width: 915px) { .gn_sub_box-02 .global_language .gl_inner ul > li:first-child { border-right: 1px solid transparent; } } .gn_sub_box-02 .global_language .gl_inner ul > li:first-child a { color: #006098; } @media print, (min-width: 915px) { .gn_sub_box-02 .global_language .gl_inner ul > li:first-child a { color: #ffffff; border: 1px solid #ffffff; } } body.en .gn_sub_box-02 .global_language .gl_inner ul > li:first-child a { color: #707070; } @media print, (min-width: 915px) { body.en .gn_sub_box-02 .global_language .gl_inner ul > li:first-child a { color: #ffffff; border: 1px solid transparent; } } body.en .gn_sub_box-02 .global_language .gl_inner ul > li:first-child a:hover { color: #006098; } @media print, (min-width: 915px) { body.en .gn_sub_box-02 .global_language .gl_inner ul > li:first-child a:hover { color: #ffffff; border: 1px solid #ffffff; } } body.en .gn_sub_box-02 .global_language .gl_inner ul > li:nth-child(2) a { color: #006098; } @media print, (min-width: 915px) { body.en .gn_sub_box-02 .global_language .gl_inner ul > li:nth-child(2) a { color: #ffffff; border: 1px solid #ffffff; } } @media print, (min-width: 915px) { .gn_sub_box-02 .global_language .gl_inner ul > li { width: 220px; margin: 0 20px; } } .gn_sub_box-02 .global_language .gl_inner ul > li a { display: block; text-decoration: none; font-size: 15px; font-weight: bold; text-align: center; color: #707070; transition: 0.5s; } @media print, (min-width: 915px) { .gn_sub_box-02 .global_language .gl_inner ul > li a { padding: 15px 0; color: #ffffff; font-size: 16px; font-weight: 500; border: 1px solid rgba(0, 106, 152, 0.95); } } .gn_sub_box-02 .global_language .gl_inner ul > li a:hover { color: #006098; } @media print, (min-width: 915px) { .gn_sub_box-02 .global_language .gl_inner ul > li a:hover { color: #ffffff; border: 1px solid #ffffff; } } .gn_sub_box-02 .global_language .gl_inner .close_btn { display: none; position: relative; width: 30px; height: 40px; cursor: pointer; } .gn_sub_box-02 .global_language .gl_inner .close_btn:hover:before, .gn_sub_box-02 .global_language .gl_inner .close_btn:hover:after { background-color: #C1D7E4; } @media print, (min-width: 915px) { .gn_sub_box-02 .global_language .gl_inner .close_btn { display: block; position: absolute; right: 50px; top: 60px; } } .gn_sub_box-02 .global_language .gl_inner .close_btn:before, .gn_sub_box-02 .global_language .gl_inner .close_btn:after { content: " "; display: block; position: absolute; top: calc(50% - 1px); left: 0; width: 100%; height: 2px; transition: all 0.3s; border-radius: 10px; background-color: #efefef; } .gn_sub_box-02 .global_language .gl_inner .close_btn:before { transform: rotate(45deg); } .gn_sub_box-02 .global_language .gl_inner .close_btn:after { transform: rotate(-45deg); } .gn_sub_box-03 { margin-top: 35px; } @media print, (min-width: 915px) { .gn_sub_box-03 { margin-top: 0; position: fixed; top: 0; left: 0; z-index: 40; width: 100%; background-color: rgba(0, 106, 152, 0.95); transition: 0.5s; transform: translateY(-100%); } } @media print, (min-width: 915px) { body._open-search .gn_sub_box-03 { top: 0; opacity: 1; transform: translateX(0); } } .gn_sub_box-04 { display: none; } @media print, (min-width: 915px) { .gn_sub_box-04 { display: block; } } body._fixed .gn_sub_box-04 { display: none; } body.tax-tf_news_cat .gn_sub_box-04, body.page-template-page-stfl .gn_sub_box-04, body.post-type-archive-tf_news .gn_sub_box-04, body.iam_stfl .gn_sub_box-04, body.single-tf_news .gn_sub_box-04 { margin-top: 35px; transition: 0.8s; } @media print, (min-width: 915px) { body.tax-tf_news_cat .gn_sub_box-04, body.page-template-page-stfl .gn_sub_box-04, body.post-type-archive-tf_news .gn_sub_box-04, body.iam_stfl .gn_sub_box-04, body.single-tf_news .gn_sub_box-04 { display: block; } } body.tax-tf_news_cat .gn_sub_box-04 ul li, body.page-template-page-stfl .gn_sub_box-04 ul li, body.post-type-archive-tf_news .gn_sub_box-04 ul li, body.iam_stfl .gn_sub_box-04 ul li, body.single-tf_news .gn_sub_box-04 ul li { padding: 0 25px; } body.tax-tf_news_cat .gn_sub_box-04 ul li:first-child, body.page-template-page-stfl .gn_sub_box-04 ul li:first-child, body.post-type-archive-tf_news .gn_sub_box-04 ul li:first-child, body.iam_stfl .gn_sub_box-04 ul li:first-child, body.single-tf_news .gn_sub_box-04 ul li:first-child { border-right: 1px solid #222222; } body.tax-tf_news_cat .gn_sub_box-04 ul li:last-child, body.page-template-page-stfl .gn_sub_box-04 ul li:last-child, body.post-type-archive-tf_news .gn_sub_box-04 ul li:last-child, body.iam_stfl .gn_sub_box-04 ul li:last-child, body.single-tf_news .gn_sub_box-04 ul li:last-child { padding: 0 0 0 25px; } body.tax-tf_news_cat .gn_sub_box-04 ul li i, body.page-template-page-stfl .gn_sub_box-04 ul li i, body.post-type-archive-tf_news .gn_sub_box-04 ul li i, body.iam_stfl .gn_sub_box-04 ul li i, body.single-tf_news .gn_sub_box-04 ul li i { margin-left: 10px; } body.tax-tf_news_cat .gn_sub_box-04, body.page-template-page-stfl._fixed .gn_sub_box-04, body.post-type-archive-tf_news._fixed .gn_sub_box-04, body.iam_stfl._fixed .gn_sub_box-04, body.single-tf_news._fixed .gn_sub_box-04, body.error404._fixed .gn_sub_box-04 { margin-top: 10px; } .gn_sub_box-04 ul { display: flex; } .gn_sub_box-04 ul li { padding: 0 20px; font-size: 14px; transition: 0.5s; } .gn_sub_box-04 ul li:last-child { padding: 0 0 0 20px; } .gn_sub_box-04 ul li:hover { opacity: 0.7; } .gn_sub_box-04 ul li a { color: #222222; text-decoration: none; } .gn_sub_box-04 ul li i { cursor: pointer; } .gn_sub_box-04 ul li.language { cursor: pointer; } .gn_sub_box-04 ul li.search { cursor: pointer; } .drawer_overlay { display: none; opacity: 0; } @media print, (min-width: 768px) { .drawer_overlay { display: block; } } body._open-menu .drawer_overlay { display: none !important; } @media print, (min-width: 768px) { body._open-menu .drawer_overlay { position: fixed; opacity: 1; z-index: 40; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: rgba(34, 34, 34, 0.6); } } body._open-search .drawer_overlay { display: none; } @media print, (min-width: 768px) { body._open-search .drawer_overlay { position: fixed; opacity: 1; z-index: 40; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: rgba(34, 34, 34, 0.6); } } body._open-language .drawer_overlay { display: none; } @media print, (min-width: 768px) { body._open-language .drawer_overlay { position: fixed; opacity: 1; z-index: 40; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: rgba(34, 34, 34, 0.6); } } @media print, (min-width: 768px) { #sp-top-main { display: none; } } #pc-top-main { display: none; } @media print, (min-width: 768px) { #pc-top-main { display: block; } } .global_mainVisual { margin-top: 56px; } @media print, (min-width: 768px) { .global_mainVisual { margin-top: 100px; } } .global_mainVisual .global_inner { padding: 0; margin: 0 auto; width: 100%; height: 90vh; overflow: hidden; position: relative; } @media print, (min-width: 768px) { .global_mainVisual .global_inner { min-width: 100%; } } @media print, (min-width: 768px) { .global_mainVisual .global_inner { width: 100%; height: 90vh; overflow: hidden; } } .global_mainVisual .global_inner .slick-list { display: block; width: 100%; height: 100%; } .global_mainVisual .global_inner .slick-track { height: 100%; } .global_mainVisual .global_inner .top-main-slide { display: block; width: 100%; height: 100%; position: relative; } .global_mainVisual .global_inner .top-main-slide .top-main-slide-page { display: block; width: 100%; height: 100%; background-size: cover; background-position: center center; position: absolute; } @media print, (min-width: 768px) { .global_mainVisual .global_inner .top-main-slide .top-main-slide-page.slide-num-0 { top: 0; left: 0; width: 64%; } .global_mainVisual .global_inner .top-main-slide .top-main-slide-page.slide-num-1, .global_mainVisual .global_inner .top-main-slide .top-main-slide-page.slide-num-2 { right: 0; width: 36%; height: 45vh; } .global_mainVisual .global_inner .top-main-slide .top-main-slide-page.slide-num-1 { top: 0; } .global_mainVisual .global_inner .top-main-slide .top-main-slide-page.slide-num-2 { bottom: 0; } .global_mainVisual .global_inner .top-main-slide .top-main-slide-page.slide-only .top-main-txt { font-size: 18px; } } .global_mainVisual .global_inner .top-main-slide .top-main-slide-page.contain { background-size: contain; background-repeat: no-repeat; } .global_mainVisual .global_inner .top-main-slide .top-main-slide-page .top-main-txt { text-decoration: none; display: block; position: absolute; width: 100%; /* height: 25vh; */ color: #fff; display: block; bottom: 0; left: 0; background: rgba(34, 34, 34, 0.7); font-size: 14px; } .global_mainVisual .global_inner .top-main-slide .top-main-slide-page .top-main-txt .inner { padding: 4% 50px 4% 30px; } .global_mainVisual .global_inner .top-main-slide .top-main-slide-page div.top-main-txt svg { display: none; } .global_mainVisual .global_inner .top-main-slide .top-main-slide-page a.top-main-txt .inner:after { content: ""; display: block; width: 40px; height: 100%; background-color: #00456D; right: 0; top: 0; position: absolute; } .global_mainVisual .global_inner .top-main-slide .top-main-slide-page a.top-main-txt .inner svg { fill: #fff; position: absolute; right: 0; z-index: 2; top: 0; bottom: 0; right: 12px; margin: auto; } .global_mainVisual .global_inner .slick-prev, .global_mainVisual .global_inner .slick-next { display: inline-block; opacity: 0.8; width: 40px; height: 40px; } .global_mainVisual .global_banner { position: fixed; right: 0; bottom: 0; z-index: 36; display: flex; position: fixed; width: 100%; } @media print, (min-width: 768px) { .global_mainVisual .global_banner { position: absolute; bottom: auto; top: 30px; width: auto; flex-flow: column; gap: 10px; } } .global_mainVisual .top-mailmagazine { width: 50%; height: 46px; background: #429538; flex-grow: 1; } @media print, (min-width: 768px) { .global_mainVisual .top-mailmagazine { width: 60px; height: initial; border: 1px solid #fff; border-right: 0; } } .global_mainVisual .top-mailmagazine a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-weight: 500; color: #fff; text-decoration: none; transition: 0.5s; font-size: 13px; letter-spacing: 0.05em; color: #fff; } @media print, (min-width: 768px) { .global_mainVisual .top-mailmagazine a { height: initial; font-size: 17px; letter-spacing: 0.15em; writing-mode: vertical-rl; padding: 21px 16px; } } .global_mainVisual .top-mailmagazine a:before { content: ""; display: inline-block; vertical-align: middle; margin-right: 10px; background: url("/wp/wp-content/themes/ifi/images/common/icon_mailmagazine.svg") 50% 50% no-repeat; background-size: cover; width: 23px; height: 21px; } @media print, (min-width: 768px) { .global_mainVisual .top-mailmagazine a:before { margin: 0 0 10px 0; } } .global_mainVisual .top-mailmagazine a:hover { opacity: 0.6; } .global_mainVisual .top-donation { width: 50%; height: 46px; background: #006098; border-left: 1px solid #fff; flex-grow: 1; } @media print, (min-width: 768px) { .global_mainVisual .top-donation { width: 60px; height: initial; border: 1px solid #fff; border-right: 0; } } .global_mainVisual .top-donation a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-weight: 500; color: #fff; text-decoration: none; transition: 0.5s; font-size: 13px; letter-spacing: 0.05em; color: #fff; } @media print, (min-width: 768px) { .global_mainVisual .top-donation a { height: initial; font-size: 17px; letter-spacing: 0.15em; writing-mode: vertical-rl; padding: 21px 16px; } } .global_mainVisual .top-donation a:before { content: ""; display: inline-block; vertical-align: middle; margin-right: 10px; background: url("/wp/wp-content/themes/ifi/images/common/icon_heart-solid.svg") 50% 50% no-repeat; background-size: contain; width: 23px; height: 21px; } @media print, (min-width: 768px) { .global_mainVisual .top-donation a:before { margin: 0 0 10px 0; } } .global_mainVisual .top-donation a:hover { opacity: 0.6; } .home_contents-00 { position: relative; padding-bottom: 0; } .home_contents-00 .global_inner { padding: 0; } @media print, (min-width: 768px) { .home_contents-00 .global_inner { min-width: 100%; } } .home_contents-00 .gm_slider { margin: 0 auto; width: 100%; overflow: hidden; position: relative; } @media print, (min-width: 768px) { .home_contents-00 .gm_slider { width: 100%; overflow: hidden; } } .home_contents-00 .gm_slider ul { margin-bottom: 0; width: 100%; margin: auto; } @media print, (min-width: 768px) { .home_contents-00 .gm_slider ul { width: 84%; padding: 0; } } .home_contents-00 .gm_slider ul .slick-list { padding: 0; } .home_contents-00 .gm_slider ul .slick-track { display: flex; } .home_contents-00 .gm_slider ul .slick-slide { height: 400px; background-size: cover; background-position: center center; } @media print, (min-width: 768px) { .home_contents-00 .gm_slider ul .slick-slide { height: 600px; display: inline-block; margin: 0; } } .home_contents-00 .gm_slider ul .slick-slide a { display: block; position: relative; width: 100%; height: 100%; color: #006098; } .home_contents-00 .gm_slider .slick-prev, .home_contents-00 .gm_slider .slick-next { top: auto; bottom: -20px; width: 40px; height: 40px; background-color: #999999; color: #ffffff; transition: 0.5s; } @media print, (min-width: 768px) { .home_contents-00 .gm_slider .slick-prev, .home_contents-00 .gm_slider .slick-next { bottom: -40px; width: 80px; height: 80px; } } .home_contents-00 .gm_slider .slick-prev:hover, .home_contents-00 .gm_slider .slick-next:hover { background-color: #006098; } .home_contents-00 .gm_slider .slick-prev:before, .home_contents-00 .gm_slider .slick-next:before { content: none; } .home_contents-00 .gm_slider .slick-prev svg, .home_contents-00 .gm_slider .slick-next svg { position: absolute; top: calc(50% - 8px); fill: #ffffff; width: 17px; height: 17px; } @media print, (min-width: 768px) { .home_contents-00 .gm_slider .slick-prev svg, .home_contents-00 .gm_slider .slick-next svg { top: calc(50% - 16px); width: 32px; height: 32px; } } .home_contents-00 .gm_slider .slick-prev { left: auto; right: 146px; } @media print, (min-width: 768px) { .home_contents-00 .gm_slider .slick-prev { right: 185px; } } .home_contents-00 .gm_slider .slick-prev svg { right: calc(50% - 12px); } @media print, (min-width: 768px) { .home_contents-00 .gm_slider .slick-prev svg { right: calc(50% - 22px); } } .home_contents-00 .gm_slider .slick-next { right: 105px; } @media print, (min-width: 768px) { .home_contents-00 .gm_slider .slick-next { right: 104px; } } .home_contents-00 .gm_slider .slick-next svg { left: calc(50% - 12px); } @media print, (min-width: 768px) { .home_contents-00 .gm_slider .slick-next svg { left: calc(50% - 22px); } } .home_contents-00 .gm_slider .slick-dots { right: 0; bottom: 0; background-color: #006098; width: 104px; height: 40px; z-index: 1; } @media print, (min-width: 768px) { .home_contents-00 .gm_slider .slick-dots { height: 80px; } } .home_contents-00 .gm_slider .slick-dots li button { display: none; transition: background-color 0.3s; font-size: 16px; font-weight: bold; line-height: 16px; color: #ffffff; } .home_contents-00 .gm_slider .slick-dots li button::before { content: none; } .home_contents-00 .gm_slider .slick-dots li button[aria-selected=true] { display: block; } .home_contents-00 .gm_title { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 400; font-size: 24px; color: #ffffff; text-align: center; transition: 0.5s; color: #222; } @media print, (min-width: 768px) { .home_contents-00 .gm_title { font-size: 38px; } } .home_contents-00 .gm_title .inner { position: relative; z-index: 2; padding: 20px 15px; background: rgba(255, 255, 255, 0.7); width: 90%; } @media print, (min-width: 768px) { .home_contents-00 .gm_title .inner { width: 84%; width: 100%; max-width: 534px; padding: 50px 60px 40px; } } .home_contents-00 .gm_title span { display: block; } .home_contents-00 .gm_title .title { font-size: 22px; font-weight: bold; letter-spacing: 2px; } @media print, (min-width: 768px) { .home_contents-00 .gm_title .title { font-size: 32px; line-height: 1.4; } } .home_contents-00 .gm_title .subtitle { margin-top: 7px; font-size: 14px; display: none; } .home_contents-00 .gm_title .text { margin: 10px auto; font-size: 12px; font-weight: normal; } @media print, (min-width: 768px) { .home_contents-00 .gm_title .text { max-width: 760px; font-size: 14px; margin-bottom: 20px; } } body.en .home_contents-00 .gm_title .text { font-family: "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; } .home_contents-00 .gm_title .module_btn-03 { margin-top: 50px; } .home_contents-00 .gm_more { display: none; flex-direction: column; align-items: center; position: absolute; left: 0; bottom: 0; z-index: 48; width: 100%; } .home_contents-00 .gm_more span.gmm-text { font-size: 12px; color: #ffffff; letter-spacing: 0.2em; } .home_contents-00 .gm_more span.gmm-line { overflow: hidden; margin-top: 10px; width: 1px; height: 100px; } .home_contents-00 .gm_more span.gmm-line::after { content: ""; display: block; width: 100%; height: 100%; background-color: #ffffff; animation: gm_more 3.5s cubic-bezier(0.95, 0.05, 0.795, 0.035) 0s infinite; } @keyframes gm_more { 0% { transform: translateY(-100.5%); } 40% { transform: translateY(0); } 100% { transform: translateY(100.5%); } } [class*=home_contents-] .global_inner { max-width: 1200px; } .home_contents-01 { padding: 80px 0 65px; } @media print, (min-width: 768px) { .home_contents-01 { padding: 100px 0; } } .home_contents-01 .global_inner { display: block; } @media print, (min-width: 768px) { .home_contents-01 .global_inner { display: flex; flex-wrap: wrap; justify-content: space-between; } } @media print, (min-width: 768px) { .home_contents-01 .global_inner .head { width: 38%; } } .home_contents-01 .global_inner .head .module_title-04 { margin-bottom: 0 !important; } .home_contents-01 .global_inner .body { margin-top: 35px; } @media print, (min-width: 768px) { .home_contents-01 .global_inner .body { width: 60.5%; margin-top: 20px; } } .home_contents-01 .global_inner .body .text { font-size: 15px; } @media print, (min-width: 768px) { .home_contents-01 .global_inner .body .text { font-size: 16px; } } body.en .home_contents-01 .global_inner .body .text { font-family: "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; } .home_contents-01 .global_inner .module_btn-04 { margin-top: 40px; } @media print, (min-width: 768px) { .home_contents-01 .global_inner .module_btn-04 { margin-top: 65px; } } .home_contents-02 { overflow: hidden; position: relative; padding: 70px 0 60px; background: rgb(255, 255, 255); background: linear-gradient(to right, #efefef 0%, #efefef 50%, white 50%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f1f8fc", GradientType=1); } @media print, (min-width: 768px) { .home_contents-02 { padding: 100px 0 90px; } } .home_contents-02:before { content: ""; position: absolute; top: 10%; right: 0; z-index: 0; width: 214px; height: 136px; background: url(/wp/wp-content/themes/ifi/images/common/bg_logo_02.svg) no-repeat center/contain; } @media print, (min-width: 768px) { .home_contents-02:before { top: 11%; right: calc(50% - 570px); width: 354px; height: 226px; z-index: 0; } } .home_contents-02 .module_slider-02 { margin-top: 40px; } .home_contents-02 .global_inner .module_btn-04 { margin-top: 40px; } @media print, (min-width: 768px) { .home_contents-02 .global_inner .module_btn-04 { margin-top: 60px; } } .home_contents-03 { padding: 60px 0; } @media print, (min-width: 768px) { .home_contents-03 { padding: 100px 0; } } @media print, (min-width: 768px) { .home_contents-03 .global_inner .topics_box { display: flex; justify-content: space-between; } } .home_contents-03 .global_inner .topics_box .module_panel-01 { margin-top: 40px; } @media print, (min-width: 768px) { .home_contents-03 .global_inner .topics_box .module_panel-01 { max-width: 600px; width: 50%; margin-top: 70px; margin-right: 40px; } } .home_contents-03 .global_inner .topics_box .module_card-01 { margin-top: 40px !important; } @media print, (min-width: 768px) { .home_contents-03 .global_inner .topics_box .module_card-01 { width: calc(50% - 40px); margin-top: 70px !important; } } .home_contents-03 .global_inner .module_btn-04 { margin-top: 50px; } @media print, (min-width: 768px) { .home_contents-03 .global_inner .module_btn-04 { margin-top: 60px; } } .home_contents-04 { padding: 65px 0; background-image: url(/wp/wp-content/themes/ifi/images/common/bg_event_01.jpg); background-size: cover; background-position: top center; background-repeat: no-repeat; } @media print, (min-width: 768px) { .home_contents-04 { padding: 90px 0; background-image: url(/wp/wp-content/themes/ifi/images/common/pc/bg_event_01.jpg); } } .home_contents-04 em { font-style: italic; } .home_contents-04 .global_inner .module_card-02 { margin-top: 40px; } @media print, (min-width: 768px) { .home_contents-04 .global_inner .module_card-02 { margin-top: 70px; } } .home_contents-04 .global_inner .module_btn-03 { margin-top: 30px !important; } @media print, (min-width: 768px) { .home_contents-04 .global_inner .module_btn-03 { margin-top: 40px !important; } } .home_contents-04 .global_inner .module_btn-03 a { text-align: center; font-weight: 400; } .home_contents-04 .global_inner .module_btn-03 a span { display: block; } .home_contents-05 { padding: 40px 0 30px; } @media print, (min-width: 768px) { .home_contents-05 { padding: 120px 0 40px; } } .home_contents-05 .global_inner .module_list-03 { margin-top: 33px; } @media print, (min-width: 768px) { .home_contents-05 .global_inner .module_list-03 { margin-top: 60px; } } .home_contents-05 .global_inner .module_btn-04 { margin-top: 40px !important; } @media print, (min-width: 768px) { .home_contents-05 .global_inner .module_btn-04 { position: absolute; top: -35px; right: 27px; } } .home_contents-06 { padding: 30px 0 80px; } @media print, (min-width: 768px) { .home_contents-06 { padding: 40px 0 120px; } } .home_contents-06 .global_inner .module_card-03 { margin-top: 43px; } @media print, (min-width: 768px) { .home_contents-06 .global_inner .module_card-03 { margin-top: 70px; } } .home_contents-06 .global_inner .module_btn-04 { margin-top: 40px !important; } @media print, (min-width: 768px) { .home_contents-06 .global_inner .module_btn-04 { position: absolute; top: -35px; right: 27px; } } .global_breadCrumb { padding: 4px 0 9px; width: 100%; } @media print, (min-width: 768px) { .global_breadCrumb { padding: 10px 0 15px; } } body.single-tf_news .global_breadCrumb, body.post-type-archive-tf_news .global_breadCrumb { display: none; } body.single:not(.single-tf_news) .global_breadCrumb, body.category .global_breadCrumb, body.post-type-archive-event .global_breadCrumb, body.date .global_breadCrumb, body.old-event .global_breadCrumb, body.page-template-page-navigation .global_breadCrumb, body.page-template-page-navigation3 .global_breadCrumb, body.tax-people_cat .global_breadCrumb, body.page-template-page-publications .global_breadCrumb, body.publications .global_breadCrumb, body.about .global_breadCrumb, body.page-template-page-sitemap .global_breadCrumb, body.page-template-page-oneColumn .global_breadCrumb, body.search .global_breadCrumb, body.error404 .global_breadCrumb, body.post-type-archive-publications .global_breadCrumb, body.tax-publications_cat .global_breadCrumb, body.term-working-papers .global_breadCrumb, body.page-template-page-publications2 .global_breadCrumb { padding: 62px 0 7px; background-color: #efefef; } @media print, (min-width: 915px) { body.single:not(.single-tf_news) .global_breadCrumb, body.category .global_breadCrumb, body.post-type-archive-event .global_breadCrumb, body.date .global_breadCrumb, body.old-event .global_breadCrumb, body.page-template-page-navigation .global_breadCrumb, body.page-template-page-navigation3 .global_breadCrumb, body.tax-people_cat .global_breadCrumb, body.page-template-page-publications .global_breadCrumb, body.publications .global_breadCrumb, body.about .global_breadCrumb, body.page-template-page-sitemap .global_breadCrumb, body.page-template-page-oneColumn .global_breadCrumb, body.search .global_breadCrumb, body.error404 .global_breadCrumb, body.post-type-archive-publications .global_breadCrumb, body.tax-publications_cat .global_breadCrumb, body.term-working-papers .global_breadCrumb, body.page-template-page-publications2 .global_breadCrumb { padding: 107px 0 7px; } } .global_contents { overflow: hidden; } .global_pageVisual { position: relative; width: 100%; height: 330px; background-image: url("/wp/wp-content/themes/ifi/images/common/bg_pageVisual_01.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; margin-top: 56px; overflow: hidden; } @media print, (min-width: 915px) { .global_pageVisual { height: 380px; margin-top: 100px; } } @media print, (min-width: 915px) { body._fixed .global_pageVisual { margin-top: 70px; } } .global_pageVisual:after { position: absolute; top: 0; left: 0; z-index: 1; content: ""; display: block; width: 100%; height: 100%; margin-top: 0; background-color: rgba(70, 70, 70, 0.3); } .global_pageVisual .global_inner { position: relative; display: flex; justify-content: center; align-items: center; max-width: unset; height: 100%; } @media print, (min-width: 1040px) { .global_pageVisual .global_inner { max-width: 1020px; } } .global_pageVisual .global_inner .gm_title_box { width: 100%; position: relative; z-index: 2; } @media print, (min-width: 768px) { .global_pageVisual .global_inner .gm_title_box { font-size: 32px; } } .global_pageVisual .global_inner .gm_title_box .gm_title-main { text-align: center; } body.projects .global_pageVisual .global_inner .gm_title_box .gm_title-main { text-align: left; } .global_pageVisual .global_inner .gm_title_box .gm_title-main .subtitle { display: block; font-size: 15px; margin-bottom: 15px; } @media print, (min-width: 768px) { .global_pageVisual .global_inner .gm_title_box .gm_title-main .subtitle { font-size: 18px; margin-bottom: 20px; } } .global_pageVisual .global_inner .gm_title-main { position: relative; z-index: 2; font-size: 20px; color: #ffffff; font-weight: bold; line-height: 1.6; } @media print, (min-width: 768px) { .global_pageVisual .global_inner .gm_title-main { font-size: 32px; } } .global_pageVisual .global_inner .gm_title-main span { display: block; font-size: 28px; line-height: 1.3; } @media print, (min-width: 768px) { .global_pageVisual .global_inner .gm_title-main span { font-size: 32px; line-height: 1.4; } } .global_page { padding: 40px 0 100px; } @media print, (min-width: 768px) { .global_page { padding: 60px 0 180px; } } .global_page .global_inner { display: flex; flex-wrap: wrap; } @media print, (min-width: 768px) { .global_page .global_inner { max-width: 1080px; justify-content: space-between; } } .global_page .module_tab-03 { position: relative; z-index: 2; width: 100%; margin: -90px auto 40px; } @media print, (min-width: 768px) { .global_page .module_tab-03 { margin: -110px auto 30px; } } .global_container { width: 100%; line-height: 1.8em; } .global_container b, .global_container strong { font-weight: bold; } .global_container em { font-style: italic; } @media print { .global_container { max-width: 1080px; width: 100%; } } @media print, (min-width: 915px) { .global_container { max-width: 840px; width: calc(100% - 400px); } } @media print, print and (min-width: 915px) { .global_container { max-width: 1080px; width: 100%; } } @media print, (min-width: 915px) { body.tax-tf_news_cat .global_container, body.page-template-page-stfl .global_container, body.post-type-archive-tf_news .global_container, body.iam_stfl .global_container, body.single-tf_news .global_container { width: calc(100% - 340px); } } @media print, print and (min-width: 915px) { body.tax-tf_news_cat .global_container, body.page-template-page-stfl .global_container, body.post-type-archive-tf_news .global_container, body.iam_stfl .global_container, body.single-tf_news .global_container { max-width: 1080px; width: 100%; } } body.single-event .global_container { max-width: 840px; width: 100%; margin: 0 auto; } body.page-template-page-policyrecommendations-workingpaper .global_container { max-width: 100%; width: 100%; margin: 0 auto; } .global_container a[rel=noopener]:after { font-family: "Font Awesome 6 Pro"; font-weight: 100; line-height: 1; content: "\f35d"; margin-left: 3px; line-height: 1; } ._one_column .global_container { max-width: 840px; width: 100%; margin: 0 auto; } body.archive .global_container .module_title-08, body.old-event .global_container .module_title-08, body.page-template-page-oneColumn .global_container .module_title-08 { margin-bottom: 50px; } @media print, (min-width: 768px) { body.archive .global_container .module_title-08, body.old-event .global_container .module_title-08, body.page-template-page-oneColumn .global_container .module_title-08 { margin-bottom: 80px; } } body.page-template-page-about .global_container { max-width: 100%; width: 100%; } body.page-template-page-organization .global_container { max-width: 100%; width: 100%; } body.archive ._one_column .global_container, body.page-template-page-navigation ._one_column .global_container, body.page-template-page-navigation2 ._one_column .global_container, body.page-template-page-navigation3 ._one_column .global_container, body.old-event .global_container, body.page-template-page-sitemap .global_container { max-width: 100%; width: 100%; } body.page-template-page-contact .global_container { max-width: 840px; width: 100%; margin: 0 auto; } body.page-template-page-navigation .global_container .module_navigation-01 { margin-top: 50px !important; } @media print, (min-width: 768px) { body.page-template-page-navigation .global_container .module_navigation-01 { margin-top: 100px !important; } } body.page-template-page-navigation2 .global_container .module_title-06, body.page-template-page-navigation3 .global_container .module_title-06 { margin-top: 50px; } @media print, (min-width: 768px) { body.page-template-page-navigation2 .global_container .module_title-06, body.page-template-page-navigation3 .global_container .module_title-06 { margin-top: 90px; } } body.page-template-page-navigation2 .global_container .module_panel-02, body.page-template-page-navigation3 .global_container .module_panel-02 { margin-top: 40px; } @media print, (min-width: 768px) { body.page-template-page-navigation2 .global_container .module_panel-02, body.page-template-page-navigation3 .global_container .module_panel-02 { margin-top: 50px; } } body.category .global_container .cat_caption, body.date:not(.post-type-archive) .global_container .cat_caption, body.old-event .global_container .cat_caption { text-align: center; margin: 40px 0; font-weight: bold; } @media print, (min-width: 768px) { body.category .global_container .cat_caption, body.date:not(.post-type-archive) .global_container .cat_caption, body.old-event .global_container .cat_caption { margin: 0 0 60px; } } body.category .global_container .module_tab-01 .panel, body.date:not(.post-type-archive) .global_container .module_tab-01 .panel, body.old-event .global_container .module_tab-01 .panel { padding: 0; } @media print, (min-width: 768px) { body.category .global_container .module_tab-01 .panel, body.date:not(.post-type-archive) .global_container .module_tab-01 .panel, body.old-event .global_container .module_tab-01 .panel { padding: 40px 0; } } @media print, (min-width: 768px) { body.category .global_container .module_tab-01, body.date:not(.post-type-archive) .global_container .module_tab-01, body.old-event .global_container .module_tab-01 { margin-top: 0 !important; margin-bottom: 75px; } } body.category .global_container .module_accordion-01, body.date:not(.post-type-archive) .global_container .module_accordion-01, body.old-event .global_container .module_accordion-01 { margin: 40px 0 20px; } @media print, (min-width: 768px) { body.category .global_container .module_accordion-01, body.date:not(.post-type-archive) .global_container .module_accordion-01, body.old-event .global_container .module_accordion-01 { top: 221px; } } body.category .global_container .module_accordion-02, body.date:not(.post-type-archive) .global_container .module_accordion-02, body.old-event .global_container .module_accordion-02 { margin: 0 0 40px; } @media print, (min-width: 768px) { body.category .global_container .module_accordion-02, body.date:not(.post-type-archive) .global_container .module_accordion-02, body.old-event .global_container .module_accordion-02 { top: 230px; right: 395px; } } body.post-type-archive-event.date .global_container .eventlist_contents-01 > p { display: none; } body.post-type-archive-event.date .global_container .module_tab-01 .panel { padding: 0; } @media print, (min-width: 768px) { body.post-type-archive-event.date .global_container .module_tab-01 .panel { padding: 40px 0; } } @media print, (min-width: 768px) { body.post-type-archive-event.date .global_container .module_tab-01 { margin-top: 0 !important; margin-bottom: 75px; } } body.post-type-archive-event.date .global_container .module_accordion-01 { margin: 40px 0; } @media print, (min-width: 768px) { body.post-type-archive-event.date .global_container .module_accordion-01 { top: 221px; } } body.post-type-archive-event .global_container .module_card-04 { margin-top: 40px; } @media print, (min-width: 768px) { body.post-type-archive-event .global_container .module_card-04 { margin-top: 50px; } } body.post-type-archive-event .global_container .module_accordion-01 { width: 100%; } @media print, (min-width: 768px) { body.post-type-archive-event .global_container .module_accordion-01 { width: auto; } } body.single-event .global_container .module_tab-02 { margin-top: 40px; } body.single-event .global_container .module_tab-02 .panel { padding: 50px 0; } @media print, (min-width: 768px) { body.single-event .global_container .module_tab-02 .panel { padding: 90px 0; } } body.single-event .global_container .module_tab-02 .panel p img, body.single-event .global_container .module_tab-02 .panel figure img { width: 100%; } body.single-event .global_container .module_prevNext-01 { margin-top: 10px !important; padding-top: 0 !important; } body.single-event .global_container .module_prevNext-01 li { margin: 0 auto; } body.single-people .global_container { max-width: 100%; width: 100%; } body.single-people .global_container .module_tab-02 .tab_box label { width: 33.3333%; font-size: 13px; } @media print, (min-width: 768px) { body.single-people .global_container .module_tab-02 .tab_box label { font-size: 18px; } } body.single-people .global_container .module_tab-02 .tab_box label:nth-child(2) { border-right: 1px solid #999999; } @media print, (min-width: 768px) { body.single-people .global_container .module_tab-02 .tab_box label:nth-child(2) { border-right: none; } } body.tax-people_cat .global_container .module_list-08 { margin-top: 40px !important; } @media print, (min-width: 768px) { body.tax-people_cat .global_container .module_list-08 { margin-top: 60px !important; } } body.tax-people_cat .global_container .module_tab-01 { margin-top: 20px !important; } @media print, (min-width: 768px) { body.tax-people_cat .global_container .module_tab-01 { margin-top: 40px !important; } } body.tax-people_cat .global_container .module_tab-01 .tab_box label { width: 33.3333%; } @media print, (min-width: 768px) { body.tax-people_cat .global_container .module_tab-01 .tab_box label { width: 20%; } } body.tax-people_cat .global_container .module_tab-01 .tab_box label:nth-child(2) { border-right: 1px solid #999999; } @media print, (min-width: 768px) { body.tax-people_cat .global_container .module_tab-01 .tab_box label:nth-child(2) { border-right: none; } } body.tax-people_cat .global_container .module_tab-01 .tab_box label:nth-child(4) { border-right: 1px solid #999999; } @media print, (min-width: 768px) { body.tax-people_cat .global_container .module_tab-01 .tab_box label:nth-child(4) { border-right: none; } } body.single-project-news .global_container .module_prevNext-01 li.prev, body.single-tf_news .global_container .module_prevNext-01 li.prev { top: 40px; left: 0; } body.single-project-news .global_container .module_prevNext-01 li.top, body.single-tf_news .global_container .module_prevNext-01 li.top { margin: 50px auto 0; } body.single-project-news .global_container .module_prevNext-01 li.next, body.single-tf_news .global_container .module_prevNext-01 li.next { top: 40px; right: 0; } body.post-type-archive-tf_news ._one_column .global_container, body.tax-tf_news_cat ._one_column .global_container { position: relative; max-width: 840px; width: 100%; } @media print, (min-width: 915px) { body.post-type-archive-tf_news ._one_column .global_container, body.tax-tf_news_cat ._one_column .global_container { width: calc(100% - 340px); } } @media print, (min-width: 768px) { body.post-type-archive-tf_news ._one_column .global_container .module_accordion-01, body.tax-tf_news_cat ._one_column .global_container .module_accordion-01 { position: relative; top: 0; right: auto; left: 0; } } .module_accordion-01.no-absolute { top: 0; width: auto; } .global_sidebar { width: 100%; order: 3; } @media print { .global_sidebar { display: none; } } @media print, (min-width: 915px) { .global_sidebar { margin-top: 0; width: 300px; margin-left: 100px; order: inherit; } } body.tax-tf_news_cat .global_sidebar, body.page-template-page-stfl .global_sidebar, body.post-type-archive-tf_news .global_sidebar, body.iam_stfl .global_sidebar, body.single-tf_news .global_sidebar, body.error404 .global_sidebar { display: none; } @media print, (min-width: 915px) { body.tax-tf_news_cat .global_sidebar, body.page-template-page-stfl .global_sidebar, body.post-type-archive-tf_news .global_sidebar, body.iam_stfl .global_sidebar, body.single-tf_news .global_sidebar, body.error404 .global_sidebar { display: block; margin-left: 40px; } } @media print, print and (min-width: 915px) { body.tax-tf_news_cat .global_sidebar, body.page-template-page-stfl .global_sidebar, body.post-type-archive-tf_news .global_sidebar, body.iam_stfl .global_sidebar, body.single-tf_news .global_sidebar, body.error404 .global_sidebar { display: none; } } .global_sidebar .module_list-07 { margin-top: 50px !important; } @media print, (min-width: 915px) { .global_sidebar .module_list-07 { margin-top: 0 !important; } } .global_sidebar .module_list-07 + .module_list-07 { margin-top: 30px !important; } .global_sidebar .module_list-09 { margin-top: 50px !important; } .global_sidebar .module_list-11 { margin-top: 15px !important; } .global_footer { position: relative; background-color: #052030; } @media print { .global_footer { display: none; } } body.home .global_footer { margin-bottom: 46px; } @media print, (min-width: 768px) { body.home .global_footer { margin-bottom: 0; } } .global_footer:before { content: none; position: absolute; bottom: 0; left: 0; z-index: 0; width: 356px; height: 150px; background: url(/wp/wp-content/themes/ifi/images/common/bg_logo_03.svg) no-repeat top; overflow: hidden; } @media print, (min-width: 768px) { .global_footer:before { content: ""; } } .global_footer .head { padding: 55px 0 0; } @media print, (min-width: 768px) { .global_footer .head { padding: 60px 0; } } .global_footer .head .btn_box { position: absolute; top: -45px; right: 15px; } .global_footer .head .btn_box .btn a { display: block; width: 72px; height: 71px; background: url(/wp/wp-content/themes/ifi/images/common/pageTop_01.svg) no-repeat center/contain; text-decoration: none; transition: 0.5s; } .global_footer .head .btn_box .btn a:hover { opacity: 0.8; } @media print, (min-width: 768px) { .global_footer .head .global_inner { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1200px; } } @media print, (min-width: 768px) { .global_footer .head .global_inner .logo_box { width: 50%; display: flex; flex-wrap: wrap; } } @media print, (min-width: 768px) { .global_footer .head .global_inner .logo_box .inner { width: 50%; } } .global_footer .head .global_inner .logo_box .logo { width: 80%; margin: 0 auto; } @media print, (min-width: 768px) { .global_footer .head .global_inner .logo_box .logo { width: 100%; max-width: 256px; margin: 0; } } .global_footer .head .global_inner .logo_box .logo a { display: block; transition: 0.5s; } .global_footer .head .global_inner .logo_box .logo a:hover { opacity: 0.5; } .global_footer .head .global_inner .logo_box .address { margin-top: 30px; font-size: 16px; color: #ffffff; text-align: center; } .global_footer .head .global_inner .logo_box .address a { text-decoration: none; color: #ffffff; transition: 0.5s; } .global_footer .head .global_inner .logo_box .address a:hover { opacity: 0.5; } @media print, (min-width: 768px) { .global_footer .head .global_inner .logo_box .address { margin-top: 0; margin-left: 10px; text-align: left; } } .global_footer .head .global_inner .logo_box .module_btn-05 { margin-top: 25px; } @media print, (min-width: 768px) { .global_footer .head .global_inner .logo_box .module_btn-05 { max-width: 184px; width: 80%; margin: 25px 0 0 10px; } } .global_footer .head .global_inner .logo_box .module_btn-05 + .module_btn-05 { margin-top: 10px !important; } @media print, (min-width: 768px) { .global_footer .head .global_inner .logo_box .module_btn-05 + .module_btn-05 { max-width: 200px; width: 80%; margin: 15px 0 0 10px !important; } } .global_footer .head .global_inner .logo_box .sns { margin: 20px auto 10px; display: flex; flex-wrap: wrap; justify-content: center; } @media print, (min-width: 768px) { .global_footer .head .global_inner .logo_box .sns { justify-content: flex-start; margin: 20px 0 0 10px; } } .global_footer .head .global_inner .logo_box .sns li { position: relative; margin-right: 20px; } .global_footer .head .global_inner .logo_box .sns li:last-child { margin-right: 0; } .global_footer .head .global_inner .logo_box .sns li a { text-decoration: none; color: #ffffff; font-size: 30px; transition: 0.5s; } .global_footer .head .global_inner .logo_box .sns li a:hover { opacity: 0.5; } .global_footer .head .global_inner .logo_box .sns li a:hover + .tips { opacity: 1; } .global_footer .head .global_inner .logo_box .sns li .tips { position: absolute; bottom: -20px; left: 0; z-index: 5; opacity: 0; font-size: 12px; padding: 0 3px; color: #222222; background-color: #ffffff; border: 1px solid #efefef; word-break: keep-all; pointer-events: none; transition: 0.5s; } .global_footer .head .global_inner .logo_box .sns li .fa-envelope:before { content: ""; display: inline-block; vertical-align: -2px; background: url(/wp/wp-content/themes/ifi/images/common/icon_mailmagazine.svg) 50% 50% no-repeat; background-size: cover; width: 30px; height: 27px; } .global_footer .head .global_inner .menu_box { display: none; } @media print, (min-width: 768px) { .global_footer .head .global_inner .menu_box { display: flex; flex-wrap: wrap; justify-content: flex-end; width: 50%; } } .global_footer .head .global_inner .menu_box .inner { width: 30%; transition: 0.5s; } @media print, (min-width: 1040px) { .global_footer .head .global_inner .menu_box .inner { width: 20%; } } .global_footer .head .global_inner .menu_box .inner:first-child { width: 50%; margin-right: 4%; } .global_footer .head .global_inner .menu_box .inner .title-01 li { margin-bottom: 20px; } .global_footer .head .global_inner .menu_box .inner .title-01 li a { display: block; text-decoration: none; font-size: 16px; font-weight: bold; color: #ffffff; transition: 0.5s; } .global_footer .head .global_inner .menu_box .inner .title-01 li a:hover { color: #429538; } .global_footer .head .global_inner .menu_box .inner .title-02 { margin: 0 0 0 10px; } .global_footer .head .global_inner .menu_box .inner .title-02 li a { display: block; text-decoration: none; font-size: 14px; color: #ffffff; transition: 0.5s; padding: 4px 0; } .global_footer .head .global_inner .menu_box .inner .title-02 li a:hover { color: #429538; } .global_footer .head .global_inner .menu_box .inner .module_list-02 { margin-top: 30px; } @media print, (min-width: 768px) { .global_footer .body { padding: 23px 0; border-top: 1px solid #C1D7E4; } } .global_footer .body .global_inner { padding: 0; } @media print, (min-width: 768px) { .global_footer .body .global_inner { display: flex; justify-content: space-between; flex-direction: row-reverse; align-items: center; padding: 0 15px; } } .global_footer .body .global_inner .module_list-02 { display: flex; flex-wrap: wrap; justify-content: space-around; margin-top: 25px; padding: 0 15px; } @media print, (min-width: 768px) { .global_footer .body .global_inner .module_list-02 { margin-top: 0; } } .global_footer .body .global_inner .module_list-02 li + li { margin-left: 40px; } .global_footer .body .global_inner .module_list-02 li a { color: #C1D7E4; } .global_footer .body .global_inner .module_list-02 li a:hover { color: #429538; } .global_footer .body .global_inner .copyright { margin-top: 35px; padding: 9px 15px; color: #C1D7E4; text-align: center; font-size: 12px; border-top: 1px solid #C1D7E4; } @media print, (min-width: 768px) { .global_footer .body .global_inner .copyright { margin-top: 0; text-align: left; font-size: 13px; border: none; } } .global_footer._stfl:before { content: none; } .global_footer._stfl .head { padding: 35px 0 0; } @media print, (min-width: 768px) { .global_footer._stfl .head { padding: 60px 0; } } .global_footer._stfl .head .global_inner .logo_box { width: 100%; } @media print, (min-width: 768px) { .global_footer._stfl .head .global_inner .logo_box .inner:first-child { max-width: 440px; } } @media print, (min-width: 768px) { .global_footer._stfl .head .global_inner .logo_box .inner { display: flex; flex-wrap: wrap; } } .global_footer._stfl .head .global_inner .logo_box .inner .logo { max-width: 100%; } @media print, (min-width: 768px) { .global_footer._stfl .head .global_inner .logo_box .inner .logo { margin-right: 30px; } } .global_footer._stfl .head .global_inner .logo_box .inner .logo a { color: #ffffff; text-align: center; text-decoration: none; } @media print, (min-width: 768px) { .global_footer._stfl .head .global_inner .logo_box .inner .logo a { text-align: left; } } @media print, (min-width: 768px) { .global_footer._stfl .head .global_inner .logo_box .inner .address { margin: 0 50px 0 0; } } @media print, (min-width: 768px) { .global_footer._stfl .head .global_inner .logo_box .inner .module_btn-05 { max-width: 200px; width: 35%; margin: 0; } } @media print, (min-width: 768px) { .global_footer._stfl .body .global_inner { justify-content: center; } } .global_footer2 { background-color: #052030; } .global_footer2 .copyright { padding: 9px 0; color: #C1D7E4; text-align: center; font-size: 12px; } @media print, (min-width: 768px) { .global_footer2 .copyright { padding: 32px 15px; font-size: 13px; } } html { background-color: #f1f1f1; } @media print { html { background-color: #ffffff; } } body { background-color: #ffffff; } @media print { body { background-color: #ffffff; } } #tinymce { max-width: 900px; margin: 20px auto; padding: 20px 15px; background-color: #fff; min-height: 250px; display: block; /* pタグ（通常テキスト）とモジュール間の余白 */ } #tinymce table + #tinymce table, #tinymce table + #tinymce [class*=module_], #tinymce table + #tinymce [class^=_]:not(section):not(img):not(li):not([class*=_anime]):not([class*=_delay]), #tinymce [class*=module_] + #tinymce table, #tinymce [class*=module_] + #tinymce [class*=module_], #tinymce [class*=module_] + #tinymce [class^=_]:not(section):not(img):not(li):not([class*=_anime]):not([class*=_delay]), #tinymce [class^=_]:not(section):not(img):not(li):not([class*=_anime]):not([class*=_delay]) + #tinymce table, #tinymce [class^=_]:not(section):not(img):not(li):not([class*=_anime]):not([class*=_delay]) + #tinymce [class*=module_], #tinymce [class^=_]:not(section):not(img):not(li):not([class*=_anime]):not([class*=_delay]) + #tinymce [class^=_]:not(section):not(img):not(li):not([class*=_anime]):not([class*=_delay]) { margin-top: 30px; } #tinymce p:not([class]) + table, #tinymce p:not([class]) + [class*=top_], #tinymce p:not([class]) + [class*=module_]:not([class*=module_title-]), #tinymce p:not([class]) + [class^=_]:not(section):not(img):not(li) { margin-top: 30px; } .event_contents-01 { width: 100%; padding: 30px 20px; background-color: #efefef; } @media print, (min-width: 768px) { .event_contents-01 { padding: 65px 80px; } } .event_contents-01 ul li { display: flex; flex-wrap: wrap; margin-top: 20px; } .event_contents-01 ul li:first-child { margin-top: 0; } .event_contents-01 ul li .head { width: 25%; font-size: 16px; color: #006098; } @media print, (min-width: 768px) { .event_contents-01 ul li .head { width: 15%; } } @media print, (min-width: 768px) { body.en .event_contents-01 ul li .head { width: 20%; } } .event_contents-01 ul li .body { width: 75%; padding-left: 20px; font-size: 16px; color: #222222; } @media print, (min-width: 768px) { .event_contents-01 ul li .body { width: 85%; } } @media print, (min-width: 768px) { body.en .event_contents-01 ul li .body { width: 80%; } } .event_contents-01 ul li .body i { margin-right: 5px; color: #006098; } .event_contents-01 .module_title-03 { margin-top: 15px; font-size: 16px; text-align: center; } @media print, (min-width: 768px) { .event_contents-01 .module_title-03 { margin-top: 30px; font-size: 18px; } } .event_contents-01 .module_btn-01 { display: block; margin-top: 35px; text-align: center; } @media print, (min-width: 768px) { .event_contents-01 .module_btn-01 { margin-top: 45px; } } .event_contents-01 .module_btn-01 a { padding: 12px 50px; font-size: 15px; } .event_contents-01 .module_btn-01 i { margin-right: 7px; } .event_contents-02 { width: 100%; } .event_contents-02 ul { margin-top: 40px; } .event_contents-02 ul li { padding: 33px 0; border-bottom: 1px solid #C1D7E4; } .event_contents-02 ul li:first-child { border-top: 1px solid #C1D7E4; } @media print, (min-width: 768px) { .event_contents-02 ul li { display: flex; flex-wrap: wrap; align-items: center; padding: 30px 0; } } .event_contents-02 ul li .head { font-size: 14px; color: #429538; } @media print, (min-width: 768px) { .event_contents-02 ul li .head { max-width: 210px; width: 30%; font-size: 18px; color: #707070; text-align: center; } } .event_contents-02 ul li .body { width: 100%; margin-top: 10px; } @media print, (min-width: 768px) { .event_contents-02 ul li .body { width: 70%; margin-top: 0; } } .event_contents-02 ul li .body .title { font-size: 16px; font-weight: 700; color: #222222; } .event_contents-02 ul li .body .text { margin-top: 5px; padding-left: 20px; font-size: 14px; color: #707070; font-weight: 700; } body.en .event_contents-02 ul li .body .text { font-family: "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; } .event_contents-02 ul li .body .text a { color: #006098; font-weight: 400; } .event_contents-02 .module_title-06 { margin-top: 60px !important; } @media print, (min-width: 768px) { .event_contents-02 .module_title-06 { margin-top: 80px !important; } } .event_contents-02 .textarea { margin-top: 30px; } .eventlist_contents-01 { width: 100%; } .eventlist_contents-01 .module_tab-01 { margin-bottom: 40px; } @media print, (min-width: 768px) { .eventlist_contents-01 .module_tab-01 { margin-bottom: 80px; } } .eventlist_contents-01 .module_tab-01 .tab_box label { width: 50%; } .eventlist_contents-01 .module_tab-01 .tab_box label:nth-child(2) { border-right: 1px solid #999999; } @media print, (min-width: 768px) { .eventlist_contents-01 .module_tab-01 .tab_box label:nth-child(2) { border-right: none; } } .publications_contents-02 .module_title-06 { margin-top: 60px !important; } @media print, (min-width: 768px) { .publications_contents-02 .module_title-06 { margin-top: 80px !important; } } .publications_contents-02 .textarea { margin-top: 30px; } .publications_contents-02 .module_list-06 { margin-top: 50px !important; } @media print, (min-width: 768px) { .publications_contents-02 .module_list-06 { margin-top: 60px !important; } } .people_contents-02 { max-width: 640px; width: 100%; } @media print { .people_contents-02 { max-width: 1080px !important; width: 100% !important; } } @media print, (min-width: 768px) { .people_contents-02 { width: calc(100% - 400px); } } .people_contents-02 .module_title-06 { margin-top: 60px !important; } .people_contents-02 .module_title-06:first-child { margin-top: 0 !important; } @media print, (min-width: 768px) { .people_contents-02 .module_title-06 { margin-top: 80px !important; } } .textarea { margin-top: 30px; } @media print, (min-width: 768px) { .textarea p:not([class])::after, .textarea div:not([class])::after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } } .textarea p:not([class^=module_title-]), .textarea span, .textarea div:not([class^=module_title-]), .module_column-col1 p:not([class^=module_title-]), .module_column-col1 span, .module_column-col1 div:not([class^=module_title-]), .module_column-col2 p:not([class^=module_title-]), .module_column-col2 span, .module_column-col2 div:not([class^=module_title-]) { font-family: "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif !important; } .textarea p:not([class^=module_title-]) .alignright, .textarea span .alignright, .textarea div:not([class^=module_title-]) .alignright, .module_column-col1 p:not([class^=module_title-]) .alignright, .module_column-col1 span .alignright, .module_column-col1 div:not([class^=module_title-]) .alignright, .module_column-col2 p:not([class^=module_title-]) .alignright, .module_column-col2 span .alignright, .module_column-col2 div:not([class^=module_title-]) .alignright { float: right; margin: 20px 0 20px 20px; } .textarea p:not([class^=module_title-]) .alignleft, .textarea span .alignleft, .textarea div:not([class^=module_title-]) .alignleft, .module_column-col1 p:not([class^=module_title-]) .alignleft, .module_column-col1 span .alignleft, .module_column-col1 div:not([class^=module_title-]) .alignleft, .module_column-col2 p:not([class^=module_title-]) .alignleft, .module_column-col2 span .alignleft, .module_column-col2 div:not([class^=module_title-]) .alignleft { float: left; margin: 20px 20px 20px 0; } .textarea ul li, .textarea ol li, .module_column-col1 ul li, .module_column-col1 ol li, .module_column-col2 ul li, .module_column-col2 ol li { font-family: "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif !important; } .textarea ul li p, .textarea ul li span, .textarea ul li div, .textarea ol li p, .textarea ol li span, .textarea ol li div, .module_column-col1 ul li p, .module_column-col1 ul li span, .module_column-col1 ul li div, .module_column-col1 ol li p, .module_column-col1 ol li span, .module_column-col1 ol li div, .module_column-col2 ul li p, .module_column-col2 ul li span, .module_column-col2 ul li div, .module_column-col2 ol li p, .module_column-col2 ol li span, .module_column-col2 ol li div { font-family: "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif !important; } .people_sidebar-01 { width: 100%; margin-top: 30px; } @media print { .people_sidebar-01 { display: none; } } @media print, (min-width: 768px) { .people_sidebar-01 { width: 300px; margin-top: 0; margin-left: 100px; } } @media print, print and (min-width: 768px) { .people_sidebar-01 { display: none; } } .people_sidebar-01 .module_list-09 { margin-top: 30px !important; } .units_contents-01 { width: 100%; } .units_contents-01 .module_tab-01 { margin-bottom: 50px; } @media print, (min-width: 768px) { .units_contents-01 .module_tab-01 { margin-bottom: 80px; } } .units_contents-01 .module_tab-01 .tab_box .inner { flex-wrap: wrap; } @media print, (min-width: 768px) { .units_contents-01 .module_tab-01 .tab_box .inner { flex-wrap: nowrap; } } .units_contents-01 .module_tab-01 .tab_box label { width: 50%; } @media print, (min-width: 768px) { .units_contents-01 .module_tab-01 .tab_box label { width: 100%; } } .units_contents-01 .module_tab-01 .tab_box label:nth-child(3) { border-right: 1px solid #999999; } @media print, (min-width: 768px) { .units_contents-01 .module_tab-01 .tab_box label:nth-child(3) { border-right: none; } } .units_contents-02 .module_title-06 { margin-top: 60px !important; } .units_contents-02 .module_title-06:first-child { margin-top: 0 !important; } @media print, (min-width: 768px) { .units_contents-02 .module_title-06 { margin-top: 80px !important; } } .units_contents-02 .textarea { margin-top: 30px; } .units_contents-02 .textarea + .module_btn-04 { margin-top: 50px !important; margin-bottom: 15px; } @media print, (min-width: 768px) { .units_contents-02 .textarea + .module_btn-04 { margin-top: 60px !important; } } .units_contents-02 .module_list-03 li a .body { margin-top: 0; } .units_contents-03 { position: relative; width: 100%; } .units_contents-03:first-child .module_title-06:first-child { margin-top: 0 !important; } .units_contents-03 .module_title-06 { margin-top: 60px !important; } @media print, (min-width: 768px) { .units_contents-03 .module_title-06 { margin-top: 80px !important; } } .units_contents-03 .textarea { margin-top: 30px; } @media print, (min-width: 768px) { .units_contents-03 .module_list-08 { margin-top: 50px !important; } } @media print, (min-width: 768px) { .units_contents-03 .module_list-04 { margin-top: 50px !important; } } .units_contents-03 .module_list-04 li { border-bottom: 1px solid #C1D7E4; } .units_contents-03 .module_list-04 li:first-child { border-top: 1px solid #C1D7E4; } .units_contents-03 .module_list-04 li a { position: relative; width: 100%; padding: 17px 40px 17px 0; display: flex; text-decoration: none; } @media print, (min-width: 768px) { .units_contents-03 .module_list-04 li a { padding: 20px 80px 20px 0; } } .units_contents-03 .module_list-04 li a._pointer-events:before { content: none; } .units_contents-03 .module_list-04 li a:before { content: "\f105"; font-family: "Font Awesome 6 Pro"; font-weight: 100; line-height: 1; position: absolute; top: calc(50% - 16px); right: 15px; font-size: 32px; color: #006098; transition: 0.5s; } @media print, (min-width: 768px) { .units_contents-03 .module_list-04 li a:before { right: 30px; } } .units_contents-03 .module_list-04 li a:hover:before { right: 5px; } @media print, (min-width: 768px) { .units_contents-03 .module_list-04 li a:hover:before { right: 20px; } } .units_contents-03 .module_list-04 li a:hover .head .image { transform: scale(1.1); } @media print, (min-width: 768px) { .units_contents-03 .module_list-04 li a .head { max-width: 100px; padding-top: 100px; } } .units_contents-03 .module_list-04 li a .body .day_box { margin-top: 0; } .units_contents-03 .module_list-04 li a .body .day_box time { font-size: 13px; } .units_contents-03 .module_list-04 li a .body .day_box .category { font-size: 12px; color: #222222; font-weight: 700; } .units_contents-03 .module_list-04 li a .body .title_box .subtitle { font-size: 14px; color: #222222; } .units_contents-03 .module_list-04 li a .body .title_box .title { font-size: 14px; margin-top: 5px; } @media print, (min-width: 768px) { .units_contents-03 .module_list-04 li a .body .title_box .title { font-size: 16px; } } .units_contents-03 .module_card-02 { position: relative; } @media print, (min-width: 768px) { .units_contents-03 .module_card-02 { margin-top: 50px !important; } } .units_contents-03 .module_card-02 li a { background-color: #efefef; } .units_contents-03 .module_btn-04 { margin-top: 40px !important; } @media print, (min-width: 768px) { .units_contents-03 .module_btn-04 { max-width: 200px; position: absolute; top: 90px; right: 12px; margin-top: 0 !important; } } .project_contents-01 { width: 100%; } .project_contents-01 .module_tab-01 { margin-bottom: 50px; } @media print, (min-width: 768px) { .project_contents-01 .module_tab-01 { margin-bottom: 80px; } } .project_contents-01 .module_tab-01 .tab_box .inner { flex-wrap: wrap; } @media print, (min-width: 768px) { .project_contents-01 .module_tab-01 .tab_box .inner { flex-wrap: nowrap; } } .project_contents-01 .module_tab-01 .tab_box label { width: 50%; } @media print, (min-width: 768px) { .project_contents-01 .module_tab-01 .tab_box label { width: 100%; } } .project_contents-01 .module_tab-01 .tab_box label:nth-child(3) { border-right: 1px solid #999999; } @media print, (min-width: 768px) { .project_contents-01 .module_tab-01 .tab_box label:nth-child(3) { border-right: none; } } .project_contents-02 .module_title-06 { margin-top: 60px !important; } @media print, (min-width: 768px) { .project_contents-02 .module_title-06 { margin-top: 80px !important; } } .project_contents-02 .module_title-06:first-child { margin-top: 0 !important; } .project_contents-02 .textarea { margin-top: 30px; } .project_contents-02 .module_btn-04 { margin-top: 50px !important; margin-bottom: 15px; } @media print, (min-width: 768px) { .project_contents-02 .module_btn-04 { margin-top: 60px !important; } } .project_contents-03 { width: 100%; margin-top: 50px; } @media print, (min-width: 768px) { .project_contents-03 { margin-top: 90px; } } .project_contents-03 .module_list-08 { margin-top: 30px !important; } .organization_contents-01 .module_title-06 { margin-top: 60px; } @media print, (min-width: 768px) { .organization_contents-01 .module_title-06 { margin-top: 80px; } } .organization_contents-01 .module_title-03 + .module_list-08 { margin-top: 10px !important; } .organization_contents-01 .module_list-08 li { flex-wrap: wrap; } .organization_contents-01 .module_list-08 li .subtitle { margin-bottom: 10px; font-size: 20px; font-weight: bold; } .stfl_contents-01 .module_btn-01 { display: block; margin: 30px auto 0; } .stfl_contents-01 .module_btn-01 a { font-size: 15px; letter-spacing: 2px; } .stfl_footer { background-color: #F6F6F6; margin-top: 50px; margin-bottom: -100px; padding: 50px 0 100px; } @media print, (min-width: 768px) { .stfl_footer { margin-top: 100px; margin-bottom: -180px; padding: 90px 0; } } .stfl_footer .global_inner .column { position: relative; width: 100%; } @media print, (min-width: 768px) { .stfl_footer .global_inner .column { width: calc(50% - 20px); } } .stfl_footer .global_inner .column:nth-child(2) { margin-top: 50px; } @media print, (min-width: 768px) { .stfl_footer .global_inner .column:nth-child(2) { margin-top: 0; } } .stfl_footer .global_inner .module_list-03 { margin-top: 35px; width: 100%; } .stfl_footer .global_inner .module_list-03 li a { padding: 20px 40px 20px 0; } .stfl_footer .global_inner .module_list-03 li a .body .title { font-size: 16px; } .stfl_footer .global_inner .btn { margin-top: 20px; text-align: right; } @media print, (min-width: 768px) { .stfl_footer .global_inner .btn { position: absolute; top: -10px; right: 0; } } .stfl_footer .global_inner .btn a { position: relative; padding-bottom: 2px; color: #980047; font-size: 14px; text-decoration: none; } .stfl_footer .global_inner .btn a:after { position: absolute; left: 0; bottom: -2px; content: ""; width: 100%; height: 2px; background-color: #980047; transform: scale(1, 1); transition: transform 0.25s; } .stfl_footer .global_inner .btn a i { margin-right: 12px; } .stfl_footer .global_inner .btn a:hover:after { animation: hover-in 0.5s, hover-out 0.5s 0.5s; } @keyframes hover-in { 0% { transform-origin: right top; transform: scale(1, 1); } 100% { transform-origin: right top; transform: scale(0, 1); } } @keyframes hover-out { 0% { transform-origin: left top; transform: scale(0, 1); } 100% { transform-origin: left top; transform: scale(1, 1); } } .tf_achievement_content-01 .module_title-02 { margin-top: 40px !important; } @media print, (min-width: 768px) { .tf_achievement_content-01 .module_title-02 { margin-top: 60px !important; } } .tf_achievement_content-01 .module_title-02:first-child { margin-top: 0 !important; } .tf_achievement_content-01 .module_list-01 { margin-top: 25px !important; } .tf_achievement_content-01 .module_list-01 li { margin-top: 15px; } .tf_achievement_content-01 .module_list-01 li:first-child { margin-top: 0; } .tf_achievement_content-01 .textarea { margin-top: 20px; } @media print, (min-width: 768px) { .tf_achievement_content-01 .textarea { margin-top: 30px; } } body.en .about_content-01 p { font-family: "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; } .about_content-01 .module_title-06 { margin-top: 50px !important; } @media print, (min-width: 768px) { .about_content-01 .module_title-06 { margin-top: 100px !important; } } .about_content-01 .module_title-06 + .module_column-col2, .about_content-01 .module_title-06 + p { margin-top: 30px !important; } @media print, (min-width: 768px) { .about_content-01 .module_title-06 + .module_column-col2, .about_content-01 .module_title-06 + p { margin-top: 30px !important; } } .about_content-01 .module_title-06 + .module_contents-04, .about_content-01 .module_title-06 + .module_panel-05, .about_content-01 .module_title-06 + .module_panel-06 { margin-top: 30px; } @media print, (min-width: 768px) { .about_content-01 .module_title-06 + .module_contents-04, .about_content-01 .module_title-06 + .module_panel-05, .about_content-01 .module_title-06 + .module_panel-06 { margin-top: 50px; } } .about_content-01 .module_column-col2._text > .col { width: 100%; } @media print, (min-width: 768px) { .about_content-01 .module_column-col2._text > .col { width: calc(50% - 20px); } } .form_contents-01 .title-01 { text-align: center; color: #222222; } .form_contents-01 .title-01 .title { font-size: 28px; font-weight: bold; line-height: 1.4; } @media print, (min-width: 768px) { .form_contents-01 .title-01 .title { font-size: 32px; } } .form_contents-01 .title-01 .subtitle { margin-top: 15px; font-family: "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 400; font-size: 18px; line-height: 1.6; } .form_contents-01 .box-01 { margin-top: 30px; padding: 25px 20px 30px; background-color: #efefef; } @media print, (min-width: 768px) { .form_contents-01 .box-01 { margin-top: 60px; padding: 65px 80px; } } .form_contents-01 .box-01 .title-02 { color: #006098; } .form_contents-01 .box-01 .title-02 .title { font-size: 20px; font-weight: bold; } .form_contents-01 .box-01 .title-02 .subtitle { margin-top: 5px; font-family: "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 400; font-size: 15px; line-height: 1.6; } .form_contents-01 .box-01 ul { margin-top: 25px; } .form_contents-01 .box-01 ul li { padding: 15px 0; border-top: 1px solid #999999; font-size: 16px; color: #222222; } .form_contents-01 .box-01 ul li:last-child { border-bottom: 1px solid #999999; } @media print, (min-width: 768px) { .form_contents-01 .box-01 ul li { display: flex; flex-wrap: wrap; } } .form_contents-01 .box-01 ul li .head { position: relative; display: inline-block; min-width: 130px; } .form_contents-01 .box-01 ul li .head:before { content: "："; position: absolute; top: 0; right: 0; } @media print, (min-width: 768px) { .form_contents-01 .box-01 ul li .body { width: calc(100% - 130px); padding: 0 0 0 25px; } } .form_contents-01 .box-01 ul li .body .title { line-height: 1.4; } .form_contents-01 .box-01 ul li .body .subtitle { margin-top: 5px; font-size: 12px; line-height: 1.6; } @media print, (min-width: 768px) { .form_contents-01 .box-01 ul li .body .subtitle { margin-top: 10px; } } .form_contents-01 .textbox-01 { margin-top: 25px; } .form_contents-01 .textbox-01 .title { font-size: 16px; } .form_contents-01 .textbox-01 .subtitle { margin-top: 5px; font-family: "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 400; font-size: 14px; line-height: 1.6; } .form_contents-01 .textbox-01 .module_list-01 { margin-top: 30px; } .form_contents-01 .box-02 { border: 1px solid #efefef; margin-top: 50px; padding: 30px 20px; } @media print, (min-width: 768px) { .form_contents-01 .box-02 { margin-top: 60px; padding: 45px 110px; } } .form_contents-01 .box-02 .title { font-size: 18px; font-weight: bold; text-align: center; } .form_contents-01 .box-02 .jp { margin-top: 15px; font-size: 14px; } .form_contents-01 .box-02 .en { margin-top: 10px; font-family: "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 400; font-size: 14px; } .form_contents-01 .box-03 { margin: 15px 0; } .form_contents-01 .box-03 .jp { font-size: 16px; } .form_contents-01 .box-03 .en { font-size: 14px; font-family: "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 400; } .form_contents-01 .module_title-03 { text-align: center; font-family: "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: bold; } .form_contents-01 .module_title-03 + p { text-align: center; } .form_contents-01 .module_title-03.wpcf7c-elm-step3 { margin-top: 40px !important; } .form_contents-01 .module_btn-01 { margin-top: 30px; } #bbpress-forums .bbp-breadcrumb { display: none; } #bbpress-forums a.subscription-toggle { padding: 2px 8px; background-color: #0072e9; color: white; margin-left: 1em; text-decoration: none; transition: 0.5s; } #bbpress-forums a.subscription-toggle:hover { background-color: #0059b6; } #bbpress-forums .bbp-submit-wrapper button { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 13px; line-height: 1.3; -webkit-user-select: none; -moz-user-select: none; user-select: none; transition: background 0.15s; color: #ffffff; background-color: #0072e9; border-color: transparent; transition: 0.5s; } #bbpress-forums .bbp-submit-wrapper button:hover { background-color: #0059b6; } #bbpress-forums .bbp-form legend { font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 300; font-size: 18px; text-align: left; color: #222222; font-weight: bold; letter-spacing: 1px; line-height: 1.5em; } @media print, (min-width: 768px) { #bbpress-forums .bbp-form legend { font-size: 20px; } } #bbpress-forums input[type=password], #bbpress-forums input[type=text], #bbpress-forums input[type=email], #bbpress-forums textarea, #bbpress-forums select, #bbpress-forums input[type=number] { display: block; width: 100%; padding: 6px 12px; font-size: 13px; line-height: 1.3; color: #555555; background-color: #ffffff; background-image: none; border: 1px solid #e0e0e0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } #bbpress-forums input[type=checkbox] { display: inline-block; -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; } #bbpress-forums input[type=radio] { display: inline-block; -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; } @media screen and (orientation: landscape) { _::-webkit-full-page-media, _:future, :root .global_mainVisual .gm_slider { min-height: 440px; height: 400px; } } @media screen and (orientation: landscape) and (min-width: 768px) { _::-webkit-full-page-media, _:future, :root .global_mainVisual .gm_slider { height: 100vh; } } @media screen and (orientation: landscape) { _::-webkit-full-page-media, _:future, :root .global_mainVisual .gm_slider ul { height: 100%; } _::-webkit-full-page-media, _:future, :root .global_mainVisual .gm_slider ul .slick-list { height: 100%; } _::-webkit-full-page-media, _:future, :root .global_mainVisual .gm_slider ul .slick-track { height: 100%; } _::-webkit-full-page-media, _:future, :root .global_mainVisual .gm_slider ul .slick-slide { height: 100%; } _::-webkit-full-page-media, _:future, :root .global_mainVisual .gm_title { padding: 80px 15px 50px; } _::-webkit-full-page-media, _:future, :root .module_panel-01 li .head { width: 42%; padding-top: 32%; } _::-webkit-full-page-media, _:future, :root .global_footer .head .global_inner .logo_box .logo { width: 40%; } } @media screen and (orientation: landscape) and (min-width: 768px) { _::-webkit-full-page-media, _:future, :root .global_footer .head .global_inner .logo_box .logo { width: 100%; } } @media all and (-ms-high-contrast: none) { *::-ms-backdrop, .module_panel-02 li .head { max-width: none !important; } } .anchor-link-list { display: flex; flex-wrap: wrap; } .anchor-link-list .module_btn-06 + .module_btn-06 { margin-top: 0 !important; margin-bottom: 10px; } @media print, (min-width: 768px) { .anchor-link-list { margin-bottom: 40px; justify-content: space-between; } } .policyrecommendations_workingpaper > li { padding: 25px 15px; display: flex; flex-direction: column; background: #EFEFEF; } @media print, (min-width: 768px) { .policyrecommendations_workingpaper > li { padding: 25px 30px; } } .policyrecommendations_workingpaper > li + li { margin-top: 30px; } .policyrecommendations_workingpaper > li .date { color: #006098; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 600; font-size: 18px; line-height: 100%; letter-spacing: 0.9px; margin-bottom: 10px; } @media print, (min-width: 768px) { .policyrecommendations_workingpaper > li .date { margin-bottom: 15px; } } .policyrecommendations_workingpaper > li .title { font-size: 20px; font-weight: 700; line-height: 150%; letter-spacing: 1px; } @media print, (min-width: 768px) { .policyrecommendations_workingpaper > li .title { font-size: 22px; letter-spacing: 1.1px; } } .policyrecommendations_workingpaper > li .name { margin-top: 18px; font-size: 16px; font-weight: 700; line-height: 150%; letter-spacing: 0.8px; } .policyrecommendations_workingpaper > li .text { margin-top: 7px; font-size: 13px; font-weight: 400; line-height: 150%; letter-spacing: 0.65px; } .policyrecommendations_workingpaper > li .module_btn-01 { margin: 20px 0 0; display: flex; flex-wrap: wrap; flex-direction: column; gap: 15px; } @media print, (min-width: 768px) { .policyrecommendations_workingpaper > li .module_btn-01 { margin-top: 30px; flex-direction: row; } } .policyrecommendations_workingpaper > li .module_btn-01 li a { display: block; text-align: left; padding: 9px 25px; font-size: 13px; font-weight: 700; line-height: 150%; /* 19.5px */ letter-spacing: 0.65px; text-decoration: none; } @media print, (min-width: 768px) { .policyrecommendations_workingpaper > li .module_btn-01 li a { display: inline-block; min-width: 215px; text-align: center; padding: 9px 40px; font-size: 14px; letter-spacing: 0.7px; } } .policyrecommendations_workingpaper > li .module_btn-01 li a span { position: static; } .policyrecommendations_workingpaper > li .module_btn-01 li a span:after { font-size: 12px; font-weight: 900; } @media print, (min-width: 768px) { .policyrecommendations_workingpaper > li .module_btn-01 li a span:after { font-size: 14px; } } .policyrecommendations_workingpaper > li .module_btn-01 li a[target=_blank] { position: relative; padding-right: 40px; } .policyrecommendations_workingpaper > li .module_btn-01 li a[target=_blank] span:after { content: "\f35d"; position: absolute; top: 50%; right: 10px; transform: translate(0, -50%); } @media print, (min-width: 768px) { .policyrecommendations_workingpaper > li .module_btn-01 li a[target=_blank] span:after { right: 15.5px; } } .policyrecommendations_workingpaper > li .module_btn-01 li a[href$=".doc"] span:after, .policyrecommendations_workingpaper > li .module_btn-01 li a[href$=".docx"] span:after, .policyrecommendations_workingpaper > li .module_btn-01 li a[href$=".docm"] span:after { content: "\f15b"; } .policyrecommendations_workingpaper > li .module_btn-01 li a[href$=".pdf"] span:after { content: "\f1c1"; } .policyrecommendations_workingpaper > li .module_btn-01 li a[href$=".xls"] span:after, .policyrecommendations_workingpaper > li .module_btn-01 li a[href$=".xlsx"] span:after, .policyrecommendations_workingpaper > li .module_btn-01 li a[href$=".xlsm"] span:after { content: "\f1c3"; } .policyrecommendations_workingpaper > li .en { margin-top: 25px; border-top: 1px solid #DDD; padding-top: 25px; } @media print, (min-width: 768px) { .policyrecommendations_workingpaper._workingpaper > li .date { margin-bottom: 10px; } } .policyrecommendations_workingpaper._workingpaper > li .text { margin-top: 10px; } .policyrecommendations_workingpaper._workingpaper > li .module_btn-01 { margin-top: 15px; } .global_inner { position: relative; padding: 0 15px; } @media print, (min-width: 768px) { .global_inner { margin: 0 auto; padding: 0 20px; max-width: calc(1040px + 40px); } } @media print, (min-width: 1040px) { .global_inner { max-width: calc(1040px + 40px); } } section { padding: 25px 0; } @media print, (min-width: 768px) { section { padding: 100px 0; } } /*p:not([class]) { & + & { margin-top: 1.5em; } } [class*="top_"], [class*="module_"], [class^="_"]:not(section):not(img) { & + &, p:not([class]) + &, & + p:not([class]) { margin-top: 15px; @include breakPoint_over-TB { margin-top: 30px; } } } [class*="module_btn"]{ & + & { margin-top: 15px; @include breakPoint_over-TB { margin-top: 20px; } } }*/ /*.global_container{ > .module_title-01:first-of-type{ margin-top: 0 !important; } > .module_column-col1:first-of-type{ margin-top: 0; .module_title-01:first-of-type{ margin-top: 0 !important; } } > .module_column-col2:first-of-type{ margin-top: 0 ; } }*/ [class*=module_title] + p:not([class]) { margin-top: 15px; } [class*=module_title] + ul, [class*=module_title] + ol, [class*=module_title] + .module_table-01 { margin-top: 20px; } @media print, (min-width: 768px) { [class*=module_title] + ul, [class*=module_title] + ol, [class*=module_title] + .module_table-01 { margin-top: 30px; } } [class*=module_title] + img { margin-top: 30px; } [class*=module_title] + [class*=module_title] { margin-top: 1em; } [class*=module_title] + [class*=module_column] { margin-top: 10px !important; } [class*=module_title] + [class*=module_column] > [class*=module_title]:first-child { margin-top: 1em; } [class*=module_column] + .module_title-01, [class*=module_column] + .module_title-06, [class*=module_wrap] + .module_title-01, [class*=module_wrap] + .module_title-06, p:not([class]) + .module_title-01, p:not([class]) + .module_title-06, ul + .module_title-01, ul + .module_title-06, ol + .module_title-01, ol + .module_title-06, .module_table-01 + .module_title-01, .module_table-01 + .module_title-06 { margin-top: 50px; } @media print, (min-width: 768px) { [class*=module_column] + .module_title-01, [class*=module_column] + .module_title-06, [class*=module_wrap] + .module_title-01, [class*=module_wrap] + .module_title-06, p:not([class]) + .module_title-01, p:not([class]) + .module_title-06, ul + .module_title-01, ul + .module_title-06, ol + .module_title-01, ol + .module_title-06, .module_table-01 + .module_title-01, .module_table-01 + .module_title-06 { margin-top: 80px; } } [class*=module_column] + .module_title-02, [class*=module_wrap] + .module_title-02, p:not([class]) + .module_title-02, ul + .module_title-02, ol + .module_title-02, .module_table-01 + .module_title-02 { margin-top: 30px; } @media print, (min-width: 768px) { [class*=module_column] + .module_title-02, [class*=module_wrap] + .module_title-02, p:not([class]) + .module_title-02, ul + .module_title-02, ol + .module_title-02, .module_table-01 + .module_title-02 { margin-top: 50px; } } [class*=module_column] + .module_title-03, [class*=module_wrap] + .module_title-03, p:not([class]) + .module_title-03, ul + .module_title-03, ol + .module_title-03, .module_table-01 + .module_title-03 { margin-top: 30px; } @media print, (min-width: 768px) { [class*=module_column] + .module_title-03, [class*=module_wrap] + .module_title-03, p:not([class]) + .module_title-03, ul + .module_title-03, ol + .module_title-03, .module_table-01 + .module_title-03 { margin-top: 50px; } } .module_title-04 { margin-bottom: 50px; } @media print, (min-width: 768px) { .module_title-04 { margin-bottom: 80px; } } .module_title-08 { margin-bottom: 50px; } @media print, (min-width: 768px) { .module_title-08 { margin-bottom: 80px; } } .page-template-page-publications .module_btn-04 + .module_title-08 { margin-top: 30px; } @media print, (min-width: 768px) { .page-template-page-publications .module_btn-04 + .module_title-08 { margin-top: 50px; } } [class*=module_column] .module_title-01, [class*=module_column] .module_title-06 { margin-top: 50px; } @media print, (min-width: 768px) { [class*=module_column] .module_title-01, [class*=module_column] .module_title-06 { margin-top: 80px; } } [class*=module_column] .module_title-02 { margin-top: 30px; } @media print, (min-width: 768px) { [class*=module_column] .module_title-02 { margin-top: 50px; } } [class*=module_column] .module_title-03 { margin-top: 30px; } @media print, (min-width: 768px) { [class*=module_column] .module_title-03 { margin-top: 50px; } } [class*=module_column] + [class*=module_column] { margin-top: 30px; } [class*=module_column] [class*=module_title] + [class*=module_title] { margin-top: 1em; } img + .module_title-01, img + .module_title-02, img + .module_title-03 { margin-top: 20px; } @media print, (min-width: 768px) { img + .module_title-01, img + .module_title-02, img + .module_title-03 { margin-top: 50px; } } p:not([class]) + p:not([class]), figure + p:not([class]), p:not([class]) + figure, p:not([class]) + p[class^=_], figure + p[class^=_], p[class^=_] + figure, p[class^=_] + p:not([class]), p[class^=_] + p[class^=_] { margin-top: 1em; } @media print, (min-width: 768px) { p:not([class]) + p:not([class]), figure + p:not([class]), p:not([class]) + figure, p:not([class]) + p[class^=_], figure + p[class^=_], p[class^=_] + figure, p[class^=_] + p:not([class]), p[class^=_] + p[class^=_] { margin-top: 1.5em; } } p:not([class]) + [class*=module_]:not([class*=module_title]):not([class*=module_button]), p[class^=_] + [class*=module_]:not([class*=module_title]):not([class*=module_button]) { margin-top: 60px; } @media print, (min-width: 768px) { p:not([class]) + [class*=module_]:not([class*=module_title]):not([class*=module_button]), p[class^=_] + [class*=module_]:not([class*=module_title]):not([class*=module_button]) { margin-top: 50px; } } p:not([class]) + [class*=module_list], p[class^=_] + [class*=module_list] { margin-top: 20px; } [class*=top_] + [class*=top_], [class*=top_] + p:not([class]), [class*=top_] + [class*=module_]:not([class*=module_title]):not([class*=module_button-]):not([class*=module_tab-]), [class*=module_]:not([class*=module_title]):not([class*=module_button-]):not([class*=module_tab-]) + p:not([class]), [class*=top_] + [class^=_]:not(section):not(img):not(li), [class^=_]:not(section):not(img):not(li) + p:not([class]), [class*=module_]:not([class*=module_title]):not([class*=module_button-]):not([class*=module_tab-]) + [class*=top_], [class*=module_]:not([class*=module_title]):not([class*=module_button-]):not([class*=module_tab-]) + [class*=module_]:not([class*=module_title]):not([class*=module_button-]):not([class*=module_tab-]), [class*=module_]:not([class*=module_title]):not([class*=module_button-]):not([class*=module_tab-]) + [class^=_]:not(section):not(img):not(li), [class^=_]:not(section):not(img):not(li) + [class*=top_], [class^=_]:not(section):not(img):not(li) + [class*=module_]:not([class*=module_title]):not([class*=module_button-]):not([class*=module_tab-]), [class^=_]:not(section):not(img):not(li) + [class^=_]:not(section):not(img):not(li) { margin-top: 30px; } [class*=top_] + [class*=module_column], [class*=top_] + [class*=module_box], [class*=top_] + [class*=module_search], [class*=top_] + [class*=module_gallery], [class*=module_]:not([class*=module_title]):not([class*=module_button-]):not([class*=module_tab-]) + [class*=module_column], [class*=module_]:not([class*=module_title]):not([class*=module_button-]):not([class*=module_tab-]) + [class*=module_box], [class*=module_]:not([class*=module_title]):not([class*=module_button-]):not([class*=module_tab-]) + [class*=module_search], [class*=module_]:not([class*=module_title]):not([class*=module_button-]):not([class*=module_tab-]) + [class*=module_gallery], [class^=_]:not(section):not(img):not(li) + [class*=module_column], [class^=_]:not(section):not(img):not(li) + [class*=module_box], [class^=_]:not(section):not(img):not(li) + [class*=module_search], [class^=_]:not(section):not(img):not(li) + [class*=module_gallery] { margin-top: 30px; } @media print, (min-width: 768px) { [class*=top_] + [class*=module_column], [class*=top_] + [class*=module_box], [class*=top_] + [class*=module_search], [class*=top_] + [class*=module_gallery], [class*=module_]:not([class*=module_title]):not([class*=module_button-]):not([class*=module_tab-]) + [class*=module_column], [class*=module_]:not([class*=module_title]):not([class*=module_button-]):not([class*=module_tab-]) + [class*=module_box], [class*=module_]:not([class*=module_title]):not([class*=module_button-]):not([class*=module_tab-]) + [class*=module_search], [class*=module_]:not([class*=module_title]):not([class*=module_button-]):not([class*=module_tab-]) + [class*=module_gallery], [class^=_]:not(section):not(img):not(li) + [class*=module_column], [class^=_]:not(section):not(img):not(li) + [class*=module_box], [class^=_]:not(section):not(img):not(li) + [class*=module_search], [class^=_]:not(section):not(img):not(li) + [class*=module_gallery] { margin-top: 50px; } } [class*=module_title] + [class*=module_gallery] { margin-top: 30px; } /*[class*="module_"] { & + .module_title-02, & + .module_title-03 { margin-top: 1em; } & ~ .module_title-01, & ~ [class*="module_column-col"]:not([class*="_bg_box"]) > .module_title-01 { margin-top: 60px; @include breakPoint_over-TB { margin-top: 80px; } } & ~ .module_title-02, & ~ [class*="module_column-col"]:not([class*="_bg_box"]) > .module_title-02 { margin-top: 40px; @include breakPoint_over-TB { margin-top: 50px; } } & ~ .module_title-03, & ~ [class*="module_column-col"]:not([class*="_bg_box"]) > .module_title-03 { margin-top: 20px; @include breakPoint_over-TB { margin-top: 50px; } } }*/ [class*=module_btn] + [class*=module_btn] { margin-top: 15px; } @media print, (min-width: 768px) { [class*=module_btn] + [class*=module_btn] { margin-top: 20px; } } [class*=module_space-] { border: none; margin-bottom: 0; } .module_space-10 { padding-top: 5px !important; } @media print, (min-width: 768px) { .module_space-10 { padding-top: 10px !important; } } .module_space-20 { padding-top: 10px !important; } @media print, (min-width: 768px) { .module_space-20 { padding-top: 20px !important; } } .module_space-30 { padding-top: 15px !important; } @media print, (min-width: 768px) { .module_space-30 { padding-top: 30px !important; } } .module_space-40 { padding-top: 20px !important; } @media print, (min-width: 768px) { .module_space-40 { padding-top: 40px !important; } } .module_space-50 { padding-top: 25px !important; } @media print, (min-width: 768px) { .module_space-50 { padding-top: 50px !important; } } .module_space-60 { padding-top: 30px !important; } @media print, (min-width: 768px) { .module_space-60 { padding-top: 60px !important; } } ._bg_box-01 { background-color: #efefef; padding: 35px 20px; } @media print, (min-width: 768px) { ._bg_box-01 { padding: 50px; } } ._bg_box-02 { background-color: #E9E4F1; padding: 35px 20px; } @media print, (min-width: 768px) { ._bg_box-02 { padding: 50px; } } .module_text-01 { font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 400; font-size: 16px; color: #222222; display: block; } .module_category-01 { margin-top: 15px !important; margin-right: 20px; display: inline-block; } .module_category-01 span { margin-left: 10px; padding: 5px 15px; border-radius: 15px; background-color: #006A98; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 400; color: #ffffff; font-size: 13px; text-align: center; } .module_category-01 span:first-child { margin-left: 0; } .module_time-01 { margin-top: 15px !important; margin-bottom: 20px; display: inline-block; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 400; font-size: 16px; color: #777777; letter-spacing: 0.1em; } .module_caption-01 span { font-size: 14px; } .module_btn-01, .module_btn-06 { display: block; margin-left: auto; margin-right: auto; text-align: center; } .module_btn-01 a, .module_btn-06 a { position: relative; display: inline-block; padding: 15px 30px; text-decoration: none; color: #ffffff; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 400; font-size: 14px; text-align: center; border: 1px #006098 solid; background-color: #006098; transition: 0.5s; } @media print, (min-width: 768px) { .module_btn-01 a, .module_btn-06 a { padding: 15px 50px; } } body.tf_news-template-default .module_btn-01 a, body.iam_stfl .module_btn-01 a, body.tf_news-template-default .module_btn-06 a, body.iam_stfl .module_btn-06 a { border-color: #980047; background-color: #980047; } body.tf_news-template-default .module_btn-01 a:hover, body.iam_stfl .module_btn-01 a:hover, body.tf_news-template-default .module_btn-06 a:hover, body.iam_stfl .module_btn-06 a:hover { color: #980047; background-color: #ffffff; } body.tf_news-template-default .module_btn-01 a:hover span:after, body.iam_stfl .module_btn-01 a:hover span:after, body.tf_news-template-default .module_btn-06 a:hover span:after, body.iam_stfl .module_btn-06 a:hover span:after { color: #980047; } .module_btn-01 a:hover, .module_btn-06 a:hover { color: #006098; background-color: #ffffff; } .module_btn-01 a:hover span:after, .module_btn-06 a:hover span:after { color: #006098; } .module_btn-01 a span, .module_btn-06 a span { position: relative; display: inline-block; } .module_btn-01 a span:after, .module_btn-06 a span:after { margin-left: 5px; font-family: "Font Awesome 6 Pro"; font-weight: 100; line-height: 1; font-size: 13px; color: #ffffff; transition: 0.5s; } .module_btn-01._external a span:after, .module_btn-06._external a span:after { content: "\f35d"; } .module_btn-01._file a span:after, .module_btn-06._file a span:after { content: "\f15b"; } .module_btn-01._pdf a span:after, .module_btn-06._pdf a span:after { content: "\f1c1"; } .module_btn-01._excel a span:after, .module_btn-06._excel a span:after { content: "\f1c3"; } .module_btn-06 a { padding: 10px 5px; min-width: 135px; position: relative; font-size: 12px; } @media print, (min-width: 768px) { .module_btn-06 a { padding: 15px; min-width: 190px; font-size: 14px; } } .module_btn-06 a:after { content: "\f105"; font-family: "Font Awesome 6 Pro"; font-weight: 100; line-height: 1; position: absolute; top: auto; bottom: 15px; right: 10px; font-size: 16px; color: #fff; transform: rotate(90deg); } @media print, (min-width: 768px) { .module_btn-06 a:after { bottom: 20px; } } .module_btn-02 { display: block; margin-left: auto; margin-right: auto; text-align: center; } .module_btn-02 a { position: relative; display: inline-block; padding: 15px 30px; text-decoration: none; color: #006098; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 400; font-size: 14px; text-align: center; border: 1px #006098 solid; background-color: #ffffff; transition: 0.5s; } @media print, (min-width: 768px) { .module_btn-02 a { padding: 15px 50px; } } body.tf_news-template-default .module_btn-02 a, body.iam_stfl .module_btn-02 a { border-color: #980047; background-color: #980047; } body.tf_news-template-default .module_btn-02 a:hover, body.iam_stfl .module_btn-02 a:hover { color: #980047; background-color: #ffffff; } body.tf_news-template-default .module_btn-02 a:hover span:after, body.iam_stfl .module_btn-02 a:hover span:after { color: #980047; } .module_btn-02 a:hover { color: #ffffff; background-color: #006098; } .module_btn-02 a:hover span:after { color: #ffffff; } .module_btn-02 a span { position: relative; display: inline-block; } .module_btn-02 a span:after { margin-left: 5px; font-family: "Font Awesome 6 Pro"; font-weight: 100; line-height: 1; font-size: 13px; color: #ffffff; transition: 0.5s; } .module_btn-02._external a span:after { content: "\f35d"; } .module_btn-02._file a span:after { content: "\f15b"; } .module_btn-02._pdf a span:after { content: "\f1c1"; } .module_btn-02._excel a span:after { content: "\f1c3"; } .module_btn-03 { position: relative; z-index: 3; max-width: 280px; width: 80%; margin: 0 auto; } .module_btn-03:before, .module_btn-03:after { content: ""; position: absolute; z-index: 4; background-color: rgba(255, 255, 255, 0.6); transition: 0.9s; } .module_btn-03:before { left: -16px; bottom: -16px; width: 32px; height: 32px; } .module_btn-03:after { top: -12px; right: -12px; width: 24px; height: 24px; } .module_btn-03:hover:before { bottom: 42px; } .module_btn-03:hover:after { top: 45px; } .module_btn-03 a { position: relative; display: block; border: 2px solid #ffffff; font-size: 15px; font-weight: bold; color: #ffffff; text-decoration: none; text-align: center; overflow: hidden; } .module_btn-03 a:before { content: ""; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 54px; background-color: rgba(255, 255, 255, 0.3); } .module_btn-03 a span { position: relative; z-index: 2; display: block; padding: 15px; } .module_btn-04 { position: relative; z-index: 3; max-width: 280px; width: 80%; margin: 0 auto; } .module_btn-04:before, .module_btn-04:after { content: ""; position: absolute; z-index: 4; transition: 0.9s; } .module_btn-04:before { left: -16px; bottom: -16px; z-index: -1; width: 32px; height: 32px; background-color: #C1D7E4; } @media print, (min-width: 768px) { .module_btn-04:before { left: -16px; bottom: -16px; width: 32px; height: 32px; } } .module_btn-04:after { top: -12px; right: -12px; width: 24px; height: 24px; background-color: #006098; } .module_btn-04:hover:before { bottom: 36px; background-color: rgba(0, 96, 152, 0.7); } @media print, (min-width: 768px) { .module_btn-04:hover:before { bottom: 33px; } } .module_btn-04:hover:after { top: 40px; background-color: rgba(193, 215, 228, 0.5); } @media print, (min-width: 768px) { .module_btn-04:hover:after { top: 37px; } } .module_btn-04 a { position: relative; display: block; border: 1px solid #222222; font-size: 15px; color: #222222; text-decoration: none; text-align: center; overflow: hidden; } .module_btn-04 a span { position: relative; z-index: 2; display: block; padding: 13px; line-height: 1.6; } @media print, (min-width: 768px) { .module_btn-04 a span { padding: 12px; } } .module_btn-05 { max-width: 200px; width: 60%; margin: 0 auto; } .module_btn-05 a { display: block; padding: 13px 0; width: 100%; border: 1px solid #ffffff; text-align: center; font-size: 14px; color: #ffffff; text-decoration: none; transition: 0.5s; } .module_btn-05 a:hover { background-color: #ffffff; color: #052030; } .module_line-01 { border-top: 1px dashed #c2c2c2; margin: 30px 0 0 !important; padding-bottom: 30px; } @media print, (min-width: 768px) { .module_line-01 { margin: 60px 0 0 !important; padding-bottom: 60px; } } .module_caption-01, .wp-caption-text { margin-top: 5px; font-family: "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 400; font-size: 14px; text-align: left; color: #999999; line-height: 1.6em; } .module_title-01 { width: 100%; position: relative; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 400; font-size: 26px; font-weight: bold; text-align: left; color: #006098; letter-spacing: 1px; line-height: 1.5em; } body.tf_news-template-default .module_title-01, body.iam_stfl .module_title-01 { color: #980047; } @media print, (min-width: 768px) { .module_title-01 { font-size: 28px; } } .module_title-02 { width: 100%; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 400; font-size: 22px; text-align: left; color: #222222; font-weight: bold; letter-spacing: 1px; line-height: 1.5em; } @media print, (min-width: 768px) { .module_title-02 { font-size: 24px; } } .module_title-03 { width: 100%; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 300; font-size: 18px; text-align: left; color: #222222; font-weight: bold; letter-spacing: 1px; line-height: 1.5em; } @media print, (min-width: 768px) { .module_title-03 { font-size: 20px; } } .module_title-04 { position: relative; padding-top: 17px; padding-left: 42px; padding-bottom: 4px; font-size: 28px; font-weight: bold; color: #006098; line-height: 1.3em; letter-spacing: 1.6px; } @media print, (min-width: 768px) { .module_title-04 { font-size: 36px; } } .module_title-04:before, .module_title-04:after { content: ""; position: absolute; width: 16px; } .module_title-04:before { top: 8px; left: 0; min-height: 50px; height: calc(100% - 7px); background-color: #429538; } .module_title-04:after { top: 0; left: 8px; height: 16px; background-color: #006098; } .module_title-05 { font-size: 28px; font-weight: bold; color: #222222; text-align: center; padding-bottom: 30px; } @media print, (min-width: 768px) { .module_title-05 { font-size: 42px; padding-bottom: 32px; } } .module_title-05 span { position: relative; } .module_title-05 span:before, .module_title-05 span:after { content: ""; position: absolute; width: 16px; } .module_title-05 span:before { top: 59px; left: calc(50% - 26px); width: 60px; height: 14px; background-color: #429538; } @media print, (min-width: 768px) { .module_title-05 span:before { top: 84px; } } .module_title-05 span:after { top: 50px; left: calc(50% - 34px); height: 16px; background-color: #006098; } @media print, (min-width: 768px) { .module_title-05 span:after { top: 75px; } } .module_title-06 { position: relative; padding-top: 17px; padding-left: 42px; padding-bottom: 4px; font-size: 28px; font-weight: bold; color: #006098; line-height: 1.3em; letter-spacing: 1.6px; } @media print, (min-width: 768px) { .module_title-06 { font-size: 28px; } } .module_title-06:before, .module_title-06:after { content: ""; position: absolute; width: 16px; } .module_title-06:before { top: 8px; left: 0; min-height: 50px; height: calc(100% - 7px); background-color: #429538; } .module_title-06:after { top: 0; left: 8px; height: 16px; background-color: #006098; } .module_title-07 { margin-bottom: 30px; padding: 25px 0; font-size: 26px; font-weight: bold; color: #006098; letter-spacing: 1.5px; line-height: 1.5em; border-top: 3px solid #006098; border-bottom: 3px solid #006098; } body.tf_news-template-default .module_title-07, body.iam_stfl .module_title-07 { color: #980047; border-color: #980047; } @media print, (min-width: 768px) { .module_title-07 { margin-bottom: 50px; padding: 30px 0; font-size: 28px; } } body.en .module_title-07 span { font-family: "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; } .module_title-07 .module_list-04 { margin-bottom: 25px; } .module_title-07 time { font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 400; font-size: 16px; color: #999999; letter-spacing: 0.1em; } .module_title-08 { font-size: 28px; font-weight: bold; color: #222222; text-align: center; padding-bottom: 39px; line-height: 1.4em; } @media print, (min-width: 768px) { .module_title-08 { font-size: 32px; padding-bottom: 40px; } } .module_title-08 span { position: relative; display: block; } .module_title-08 span:before, .module_title-08 span:after { content: ""; position: absolute; width: 16px; } .module_title-08 span:before { bottom: -39px; left: calc(50% - 26px); width: 60px; height: 14px; background-color: #429538; } @media print, (min-width: 768px) { .module_title-08 span:before { bottom: -43px; } } .module_title-08 span:after { bottom: -30px; left: calc(50% - 34px); height: 16px; background-color: #006098; } @media print, (min-width: 768px) { .module_title-08 span:after { bottom: -34px; } } .module_title-09 { padding: 6px 0 6px 55px; position: relative; font-size: 28px; font-weight: 700; color: #980047; line-height: 1; } @media print, (min-width: 768px) { .module_title-09 { padding: 6px 0 6px 60px; } } .module_title-09:before, .module_title-09:after { content: ""; position: absolute; background-color: rgba(228, 193, 201, 0.5); width: 25px; height: 25px; } .module_title-09:before { top: 0; left: 0; } .module_title-09:after { top: 15px; left: 15px; } ul.module_list-01 { font-size: 16px; } ul.module_list-01 > li { text-indent: -21px; margin-left: 21px; margin-bottom: 10px; } ul.module_list-01 > li:last-child { margin-bottom: 0; } ul.module_list-01 > li::before { content: ""; position: relative; top: -2px; left: 4px; display: inline-block; margin-right: 13px; width: 8px; height: 8px; background-color: #429538; box-sizing: border-box; vertical-align: baseline; } ul.module_list-01 > li i { display: inline; } ul.module_list-01 > li strong { font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: bold; } ol.module_list-01 { font-size: 16px; counter-reset: number 0; } ol.module_list-01 > li { margin-bottom: 10px; padding-left: 30px; position: relative; } ol.module_list-01 > li:last-child { margin-bottom: 0; } ol.module_list-01 > li::before { position: absolute; left: 2px; top: 0; counter-increment: number 1; content: counter(number) "."; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 400; color: #429538; font-size: 20px; } ol.module_list-01 > li strong { font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: bold; } .module_list-02 { font-size: 12px; } @media print, (min-width: 768px) { .module_list-02 { font-size: 14px; } } .module_list-02 li { text-indent: -21px; margin-left: 21px; margin-bottom: 5px; } .module_list-02 li:last-child { margin-bottom: 0; } .module_list-02 li::before { content: "\f105"; font-family: "Font Awesome 6 Pro"; font-weight: 500; line-height: 1; position: relative; top: 0; left: 24px; display: inline-block; margin-right: 20px; font-size: 16px; color: #429538; box-sizing: border-box; vertical-align: baseline; transition: 0.5s; } .module_list-02 li a { text-decoration: none; color: #ffffff; transition: 0.5s; } .module_list-02 li a:hover { color: #429538; } .module_list-03 li { border-bottom: 1px solid #C1D7E4; } .module_list-03 li:first-child { border-top: 1px solid #C1D7E4; } .module_list-03 li a { position: relative; padding: 17px 40px 17px 0; display: block; text-decoration: none; transition: 0.5s; } @media print, (min-width: 768px) { .module_list-03 li a { padding: 20px 80px 20px 0; } } .module_list-03 li a._pointer-events:before { content: none; } .module_list-03 li a._pointer-events .body .title { text-decoration: none; color: #222222; } .module_list-03 li a:before { content: "\f105"; font-family: "Font Awesome 6 Pro"; font-weight: 100; line-height: 1; position: absolute; top: calc(50% - 16px); right: 15px; font-size: 32px; color: #006098; transition: 0.5s; } @media print, (min-width: 768px) { .module_list-03 li a:before { right: 30px; } } .module_list-03 li a:hover { opacity: 0.6; } .module_list-03 li a:hover:before { right: 5px; } @media print, (min-width: 768px) { .module_list-03 li a:hover:before { right: 20px; } } .module_list-03 li a:hover .body .title { color: #006098; } .module_list-03 li a .head { display: flex; flex-wrap: wrap; } .module_list-03 li a .head time { font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 400; font-size: 14px; color: #999999; letter-spacing: 0.1em; } .module_list-03 li a .head .category { font-size: 14px; font-weight: bold; color: #222222; } .module_list-03 li a .body { margin-top: 5px; } .module_list-03 li a .body .title { font-size: 15px; color: #006098; transition: 0.5s; } @media print, (min-width: 768px) { .module_list-03 li a .body .title { font-size: 16px; } } body.en .module_list-03 li a .body .title { font-family: "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; } .module_list-03 li a .body .title i { margin-left: 7px; } .module_list-04 li { position: relative; display: flex; } .module_list-04 li .head { position: relative; top: 0; left: 0; width: 20%; margin-right: 15px; max-width: 90px; padding-top: 90px; height: 0; overflow: hidden; transition: 0.5s; } .module_list-04 li .head .image { position: absolute; top: 0%; right: 0%; bottom: 0%; left: 0%; width: 100%; height: auto; margin: auto; max-width: none; max-height: none; display: block; background-image: url("/wp/wp-content/themes/ifi/images/common/noimage_520_520.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; transition: 0.8s; } .module_list-04 li .body { width: calc(80% - 15px); } .module_list-04 li .body .day_box { display: flex; flex-wrap: wrap; margin-top: -10px; } .module_list-04 li .body .day_box time { font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 400; font-size: 16px; color: #999999; letter-spacing: 0.1em; } .module_list-04 li .body .day_box .category { font-size: 15px; font-weight: 400; color: #999999; } .module_list-04 li .body .title_box .title { font-size: 16px; color: #222222; font-weight: 400; line-height: 1.5em; transition: 0.5s; } .module_list-04 li .body .title_box .title i { margin-left: 7px; } @media print, (min-width: 768px) { .module_list-05 { display: flex; flex-wrap: wrap; justify-content: space-between; } } .module_list-05 li { border-bottom: 1px solid #C1D7E4; padding-top: 40px; padding-bottom: 40px; } .module_list-05 li::after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } @media print, (min-width: 768px) { .module_list-05 li { margin-bottom: 40px; padding-top: 0; padding-bottom: 0; border-bottom: none; width: calc(50% - 30px); } } .module_list-05 li:first-child { padding-top: 0; } .module_list-05 li:last-child { padding-bottom: 0; border-bottom: none; } @media print, (min-width: 768px) { .module_list-05 li:after { content: none; } } .module_list-05 li .head { float: left; position: relative; top: 0; left: 0; width: 20%; margin: 0 20px 0 10px; min-width: 90px; padding-top: 38%; height: 0; border: 1px solid #999999; overflow: hidden; transition: 0.5s; } @media print, (min-width: 768px) { .module_list-05 li .head { float: none; margin: 0 auto; max-width: 250px; width: 100%; padding-top: 113%; } } .module_list-05 li .head .image { position: absolute; top: 0%; right: 0%; bottom: 0%; left: 0%; width: 100%; height: auto; margin: auto; max-width: none; max-height: none; display: block; background-image: url("/wp/wp-content/themes/ifi/images/common/noimage_500_660.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; transition: 0.8s; } .module_list-05 li .body { transition: 0.5s; } .module_list-05 li .body a { display: block; text-decoration: none; transition: 0.5s; } .module_list-05 li .body a:hover { opacity: 0.6; } .module_list-05 li .body .category { font-size: 14px; font-weight: 400; color: #707070; } @media print, (min-width: 768px) { .module_list-05 li .body .category { margin-top: 20px; } } .module_list-05 li .body .title { margin-top: 5px; font-size: 18px; color: #006098; font-weight: 700; line-height: 1.5em; transition: 0.5s; } .module_list-05 li .body .text { margin-top: 12px; font-size: 16px; color: #222222; } @media print, (min-width: 768px) { .module_list-05 li .body .text { margin-top: 14px; } } body.en .module_list-05 li .body .text { font-family: "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; } .module_list-06 li { padding: 30px 0; border-bottom: 1px solid #C1D7E4; } .module_list-06 li::after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .module_list-06 li:first-child { border-top: 1px solid #C1D7E4; } .module_list-06 li .head { float: left; position: relative; top: 0; left: 0; width: 100px; margin: 0 30px 0 0; padding-top: 39%; height: 0; border: 1px solid #999999; overflow: hidden; transition: 0.5s; } @media print, (min-width: 768px) { .module_list-06 li .head { padding-top: 22%; width: 16%; } } .module_list-06 li .head .image { position: absolute; top: 0%; right: 0%; bottom: 0%; left: 0%; width: 100%; height: auto; margin: auto; max-width: none; max-height: none; display: block; background-image: url("/wp/wp-content/themes/ifi/images/common/noimage_500_660.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; transition: 0.8s; } .module_list-06 li .body .title { font-size: 16px; color: #222222; font-weight: 700; line-height: 1.5em; transition: 0.5s; } .module_list-06 li .body .subtitle { margin-top: 3px; font-size: 14px; font-weight: 400; color: #999999; } .module_list-06 li .body .text { margin-top: 15px; font-size: 14px; color: #222222; } .module_list-06 li .body .text a { color: #006098; } .module_list-07 li { border-bottom: 1px solid #ffffff; } .module_list-07 li:first-child { padding: 20px 0; font-size: 18px; background-color: #006098; color: #ffffff; font-weight: 700; text-align: center; } .module_list-07 li a { position: relative; padding: 16px 50px 16px 20px; display: block; background-color: #efefef; font-size: 14px; line-height: 20px; color: #222222; text-decoration: none; } .module_list-07 li a._pointer-events { padding: 16px 20px 16px 20px; } .module_list-07 li a._pointer-events:before { content: none; } .module_list-07 li a:before { content: "\f105"; font-family: "Font Awesome 6 Pro"; font-weight: 100; line-height: 1; position: absolute; top: calc(50% - 13px); right: 20px; font-size: 26px; color: #006098; transition: 0.5s; } .module_list-07 li a:hover:before { right: 10px; } .module_list-08 { display: flex; flex-wrap: wrap; justify-content: space-between; } .module_list-08 li { width: 100%; margin-top: 20px; } @media print, (min-width: 768px) { .module_list-08 li { display: flex; width: calc(50% - 20px); margin-top: 40px; } } .module_list-08 li:first-child { margin-top: 0; } @media print, (min-width: 768px) { .module_list-08 li:nth-child(2) { margin-top: 0; } } .module_list-08 li a { width: 100%; position: relative; padding: 20px 20px 40px 0; display: flex; flex-wrap: wrap; justify-content: space-between; background-color: #efefef; text-decoration: none; } @media print, (min-width: 768px) { .module_list-08 li a { padding: 20px 20px 40px 20px; } } .module_list-08 li a:hover .head .image { transform: scale(1.1); } .module_list-08 li a:hover .body { opacity: 0.6; } .module_list-08 li a._pointer-events .body .title { color: #222222; } .module_list-08 li .head { position: relative; top: 0; left: 0; width: 124px; padding-top: 124px; height: 0; overflow: hidden; transition: 0.5s; } @media print, (min-width: 768px) { .module_list-08 li .head { width: 110px; padding-top: 110px; } } .module_list-08 li .head .image { position: absolute; top: 0%; right: 0%; bottom: 0%; left: 0%; width: 100%; height: auto; margin: auto; max-width: none; max-height: none; display: block; background-image: url("/wp/wp-content/themes/ifi/images/common/noimage_248_248.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; transition: 0.8s; } .module_list-08 li .body { width: calc(100% - 144px); transition: 0.5s; } @media print, (min-width: 768px) { .module_list-08 li .body { width: calc(100% - 130px); } } .module_list-08 li .body .title { font-size: 18px; color: #006098; font-weight: 700; line-height: 1.5em; transition: 0.5s; } .module_list-08 li .body .title i { margin-left: 7px; } .module_list-08 li .body .subtitle { margin-top: 7px; font-size: 15px; font-weight: 400; line-height: 1.5em; color: #222222; } .module_list-08 li .body .subtitle span { display: block; } body.en .module_list-08 li .body .subtitle { font-family: "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; } .module_list-08 li .foot { position: absolute; right: 0; bottom: 0; } .module_list-08 li .foot .btn { position: relative; width: 32px; height: 32px; background-color: #006098; border: 1px solid #006098; transition: 0.5s; } .module_list-08 li .foot .btn svg { position: absolute; top: calc(50% - 7px); right: calc(50% - 5px); width: 15px; height: 14px; fill: #ffffff; transition: 0.5s; } .module_list-09 { width: 100%; } .module_list-09 li { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px; border-bottom: 1px solid #ffffff; background-color: #efefef; } .module_list-09 li:first-child { display: block; padding: 20px 0; font-size: 18px; background-color: #006098; color: #ffffff; font-weight: 700; text-align: center; } .module_list-09 li div { margin-top: 4px; width: 100%; } .module_list-09 li div:first-child { margin-top: 0; } .module_list-09 li .link-02 { width: calc(50% - 2px); } .module_list-09 li a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 9px; border: 1px solid #006098; color: #006098; text-decoration: none; text-align: center; transition: 0.5s; } .module_list-09 li a:hover { background-color: #006098; color: #ffffff; } .module_list-09 li a i { margin-left: 6px; } .module_list-10 li { padding: 15px 0; display: flex; justify-content: space-between; border-bottom: 1px solid #C1D7E4; } .module_list-10 li .head { width: 75px; font-size: 16px; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 400; color: #222222; } @media print, (min-width: 768px) { .module_list-10 li .head { width: 145px; } } .module_list-10 li .body { width: calc(100% - 95px); font-size: 16px; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 400; color: #222222; display: flex; align-items: center; } @media print, (min-width: 768px) { .module_list-10 li .body { width: calc(100% - 175px); } } body.en .module_list-10 li .body .text { font-family: "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; } .module_list-11 li { border: 1px solid #980047; } .module_list-11 li a { display: block; padding: 18px 30px; color: #980047; text-align: center; font-size: 14px; text-decoration: none; transition: 0.5s; } .module_list-11 li a:hover { background-color: #980047; color: #ffffff; } .module_list-11 li:first-child { border-bottom: none; } .module_list-12 { position: relative; display: flex; flex-wrap: wrap; } .module_list-12 li { width: calc((100% - 10px) / 2); margin-right: 10px; margin-bottom: 10px; } @media print, (min-width: 768px) { .module_list-12 li { width: calc((100% - 60px) / 4); margin-right: 20px; margin-bottom: 20px; } } .module_list-12 li:nth-child(2n+2) { margin-right: 0; } @media print, (min-width: 768px) { .module_list-12 li:nth-child(2n+2) { margin-right: 20px; } } @media print, (min-width: 768px) { .module_list-12 li:nth-child(4n+4) { margin-right: 0; } } .module_list-12 li a { display: block; position: relative; top: 0; left: 0; width: 100%; margin-right: 15px; padding-top: 135%; height: 0; overflow: hidden; transition: 0.5s; } .module_list-12 li a:hover .image { opacity: 0.7; } .module_list-12 li a .btn { position: absolute; right: 0; bottom: 0; z-index: 2; width: 35px; height: 35px; background-color: rgba(0, 0, 0, 0.4); } .module_list-12 li a .btn:before { position: absolute; content: "\f08e"; font-family: "Font Awesome 6 Pro"; font-weight: 400; line-height: 1; right: 7px; bottom: 9px; color: #ffffff; } .module_list-12 li a .image { position: absolute; top: 0%; right: 0%; bottom: 0%; left: 0%; width: 100%; height: auto; margin: auto; max-width: none; max-height: none; display: block; background-size: cover; background-repeat: no-repeat; background-position: center; transition: all 0.8s; } .module_list-13 { display: flex; flex-wrap: wrap; font-size: 16px; } .module_list-13 > li { text-indent: -21px; margin-left: 21px; width: 50%; margin-bottom: 10px; } @media print, (min-width: 768px) { .module_list-13 > li { width: calc((100% - 63px) / 3); } } .module_list-13 > li::before { content: ""; position: relative; top: -2px; left: 4px; display: inline-block; margin-right: 22px; width: 8px; height: 8px; background-color: #429538; box-sizing: border-box; vertical-align: baseline; } .module_table-01 { overflow: auto; } @media print, (min-width: 768px) { .module_table-01 { overflow: unset; } } .module_table-02 { border: none; } .module_table-02 tr th, .module_table-02 tr td { padding: 10px 20px; border: none; } .module_table-02 tr th { background-color: #980047; } .module_table-02 tr th:first-child { min-width: 20px; } .module_table-02 tr:nth-child(2n+3) td, .module_table-02 tr:nth-child(2n+3) th { background-color: #efefef; } .module_table-03 { border: none; } .module_table-03 tr th, .module_table-03 tr td { padding: 10px 20px; border: none; } .module_table-03 tr th { background-color: #980047; } .module_table-03 tr:nth-child(2n+3) td, .module_table-03 tr:nth-child(2n+3) th { background-color: #efefef; } table { width: 100% !important; border: 1px solid #C1D7E4; } table tr td, table tr th { padding: 10px 20px; } @media print, (min-width: 768px) { table tr td, table tr th { padding: 25px 20px; } } table tr td { background-color: #ffffff; border-right: 1px solid #C1D7E4; border-bottom: 1px solid #C1D7E4; color: #222222; } table tr th { min-width: 120px; vertical-align: top; background: #006098; border-right: 1px solid #C1D7E4; border-bottom: 1px solid #C1D7E4; color: #ffffff; font-size: 16px; text-align: left; } @media print, (min-width: 768px) { table tr th { font-size: 18px; } } .module_card-01 li { border-bottom: 1px solid #C1D7E4; } @media print, (min-width: 768px) { .module_card-01 li { margin-top: 20px; border: none; } } .module_card-01 li:first-child { border-top: 1px solid #C1D7E4; } @media print, (min-width: 768px) { .module_card-01 li:first-child { margin-top: 0; border: none; } } .module_card-01 li a { padding: 30px 0; text-decoration: none; display: flex; } @media print, (min-width: 768px) { .module_card-01 li a { padding: 0; } } .module_card-01 li a:hover .head .image { transform: scale(1.1); } .module_card-01 li a:hover .body .day_box { opacity: 0.6; } .module_card-01 li a:hover .body .title_box { opacity: 0.6; } .module_card-01 li a._pointer-events .body .title_box .title { color: #222222; } .module_card-01 li a .head { position: relative; top: 0; left: 0; width: 20%; margin-right: 15px; padding-top: 20%; height: 0; overflow: hidden; transition: 0.5s; } @media print, (min-width: 768px) { .module_card-01 li a .head { width: 34%; margin-right: 30px; padding-top: 34%; } } .module_card-01 li a .head .image { position: absolute; top: 0%; right: 0%; bottom: 0%; left: 0%; width: 100%; height: auto; margin: auto; max-width: none; max-height: none; display: block; background-image: url("/wp/wp-content/themes/ifi/images/common/noimage_520_520.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; transition: all 0.8s; } .module_card-01 li a .body { width: calc(80% - 15px); color: #222222; } @media print, (min-width: 768px) { .module_card-01 li a .body { width: calc(66% - 30px); } } .module_card-01 li a .body .day_box { display: flex; flex-wrap: wrap; transition: 0.5s; } @media print, (min-width: 768px) { .module_card-01 li a .body .day_box { margin-top: -5px; } } .module_card-01 li a .body .day_box time { margin-right: 5px; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 400; font-size: 14px; color: #999999; letter-spacing: 0.1em; } .module_card-01 li a .body .day_box .category { font-size: 14px; font-weight: bold; color: #222222; } .module_card-01 li a .body .title_box { margin-top: 15px; transition: 0.5s; } .module_card-01 li a .body .title_box .text { font-size: 13px; } .module_card-01 li a .body .title_box .title { color: #006098; margin-top: 10px; font-size: 15px; transition: 0.5s; } @media print, (min-width: 768px) { .module_card-01 li a .body .title_box .title { font-size: 16px; } } body.en .module_card-01 li a .body .title_box .title { font-family: "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; } .module_card-01 li a .body .title_box .title i { margin-left: 7px; } @media print, (min-width: 768px) { .module_card-02 { display: flex; flex-wrap: wrap; } } .module_card-02 li { margin-bottom: 10px; background-color: rgba(255, 255, 255, 0.9); } .module_card-02 li:nth-child(3n+3) { margin-right: 0; } @media print, (min-width: 768px) { .module_card-02 li { margin-right: 20px; width: calc((100% - 40px) / 3); margin-bottom: 20px; } } @media print, (min-width: 1040px) { .module_card-02 li { margin-right: 40px; width: calc((100% - 80px) / 3); margin-bottom: 40px; } } .module_card-02 li a { position: relative; height: 100%; display: block; padding: 30px 20px 65px; text-decoration: none; transition: 0.5s; } @media print, (min-width: 768px) { .module_card-02 li a { padding: 45px 35px 65px; } } .module_card-02 li a:hover { opacity: 0.6; } .module_card-02 li a._pointer-events .body .title { color: #222222; } .module_card-02 li a .banner { display: flex; justify-content: flex-end; margin-right: -20px; margin-top: -30px; margin-bottom: 15px; } @media print, (min-width: 768px) { .module_card-02 li a .banner { margin-right: -35px; margin-top: -45px; margin-bottom: 10px; } } .module_card-02 li a .banner .report { padding: 8px 10px; width: 120px; background-color: #0085A6; font-size: 12px; text-align: center; color: #ffffff; letter-spacing: 2px; } @media print, (min-width: 768px) { .module_card-02 li a .banner .report { padding: 6px 10px; width: 136px; font-size: 14px; } } .module_card-02 li a .banner .report i { margin-right: 4px; } .module_card-02 li a .head { display: flex; flex-wrap: wrap; } @media print, (min-width: 768px) { .module_card-02 li a .head { align-items: baseline; } } .module_card-02 li a .head time { margin-right: 15px; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 700; font-size: 40px; color: #006098; line-height: 40px; letter-spacing: 3px; } .module_card-02 li a .head time span { margin-left: 5px; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 700; font-size: 14px; color: #222222; letter-spacing: 1px; } .module_card-02 li a .head .category { font-size: 18px; font-weight: bold; color: #222222; } @media print, (min-width: 768px) { .module_card-02 li a .head .category { font-size: 20px; } } .module_card-02 li a .body .title { margin-top: 5px; font-size: 15px; color: #006098; transition: 0.5s; } @media print, (min-width: 768px) { .module_card-02 li a .body .title { font-size: 16px; } } .module_card-02 li a .body .title i { margin-left: 7px; } .module_card-02 li a .body .venue { position: relative; margin-top: 10px; color: #707070; font-size: 14px; padding-left: 16px; } .module_card-02 li a .body .venue:before { content: "\f3c5"; font-family: "Font Awesome 6 Pro"; font-weight: 500; line-height: 1; position: absolute; top: 4px; left: 0; } .module_card-02 li a .foot { position: absolute; right: 0; bottom: 0; } .module_card-02 li a .foot .btn { position: relative; width: 50px; height: 50px; background-color: #006098; transition: 0.5s; } .module_card-02 li a .foot .btn svg { position: absolute; top: calc(50% - 11px); right: calc(50% - 8px); width: 23px; height: 23px; fill: #ffffff; } @media print, (min-width: 768px) { .module_card-03 { display: flex; flex-wrap: wrap; } } .module_card-03 li { margin-top: 30px; background-color: #006098; } .module_card-03 li:first-child { margin-top: 0; } @media print, (min-width: 768px) { .module_card-03 li:nth-child(3n+3) { margin-right: 0; } } @media print, (min-width: 768px) { .module_card-03 li { margin-right: 20px; margin-top: 0; margin-bottom: 20px; width: calc((100% - 40px) / 3); } } @media print, (min-width: 1040px) { .module_card-03 li { margin-right: 40px; margin-bottom: 40px; width: calc((100% - 80px) / 3); } } .module_card-03 li a { position: relative; display: flex; flex-wrap: wrap; padding: 15px 15px 65px 25px; height: 100%; text-decoration: none; transition: 0.5s; } @media print, (min-width: 768px) { .module_card-03 li a { padding: 20px 20px 70px 35px; } } .module_card-03 li a:hover { opacity: 0.6; } .module_card-03 li a:hover .foot { /* .btn{ background-color: $color-white; svg{ fill: $color-primary; } }*/ } .module_card-03 li a .head { width: 61%; margin-top: 15px; margin-right: 20px; } @media print, (min-width: 768px) { .module_card-03 li a .head { width: 60.5%; } } .module_card-03 li a .head.full { width: 100%; } .module_card-03 li a .head time { font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 400; font-size: 14px; color: #ffffff; letter-spacing: 0.1em; } .module_card-03 li a .head .category { display: inline-block; font-size: 14px; font-weight: bold; color: #C1D7E4; } .module_card-03 li a .head .title { margin-top: 15px; font-size: 15px; color: #ffffff; } @media print, (min-width: 768px) { .module_card-03 li a .head .title { font-size: 16px; } } body.en .module_card-03 li a .head .title { font-family: "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; } .module_card-03 li a .body { position: relative; top: 0; left: 0; width: calc(39% - 20px); padding-top: 45%; height: 0; overflow: hidden; transition: 0.5s; } @media print, (min-width: 768px) { .module_card-03 li a .body { width: calc(39.5% - 20px); padding-top: 46.5%; } } .module_card-03 li a .body .image { position: absolute; top: 0%; right: 0%; bottom: 0%; left: 0%; width: 100%; height: auto; margin: auto; max-width: none; max-height: none; display: block; background-size: cover; background-repeat: no-repeat; background-position: center; } .module_card-03 li a .foot { position: absolute; right: 0; bottom: 0; } .module_card-03 li a .foot .btn { position: relative; width: 50px; height: 50px; background-color: #429538; border: 1px solid #429538; transition: 0.5s; } .module_card-03 li a .foot .btn svg { position: absolute; top: calc(50% - 11px); right: calc(50% - 8px); width: 23px; height: 23px; fill: #ffffff; transition: 0.5s; } .module_card-04 { width: 100%; } .module_card-04 li { width: 100%; margin-top: 20px; background-color: #efefef; } .module_card-04 li:first-child { margin-top: 0; } .module_card-04 li a { position: relative; height: 100%; display: block; padding: 30px 65px 30px 30px; text-decoration: none; transition: 0.5s; } .module_card-04 li a:hover { opacity: 0.6; } .module_card-04 li a:hover .body .title { color: #006098; } .module_card-04 li a._pointer-events .body .title { color: #222222; } .module_card-04 li a .banner { display: flex; margin-bottom: 10px; } @media print, (min-width: 768px) { .module_card-04 li a .banner { position: absolute; top: 0; right: 0; } } .module_card-04 li a .banner .report { padding: 3px 10px; width: 136px; background-color: #0085A6; font-size: 13px; text-align: center; color: #ffffff; letter-spacing: 2px; } @media print, (min-width: 768px) { .module_card-04 li a .banner .report { padding: 5px 10px; font-size: 14px; } } .module_card-04 li a .banner .report i { margin-right: 4px; } .module_card-04 li a .head { display: flex; flex-wrap: wrap; align-items: baseline; } .module_card-04 li a .head time { margin-right: 20px; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 700; font-size: 40px; color: #006098; line-height: 40px; letter-spacing: 3px; } .module_card-04 li a .head time span { margin-left: 5px; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 700; font-size: 16px; color: #222222; letter-spacing: 1px; } .module_card-04 li a .head .category { font-size: 16px; font-weight: bold; color: #222222; } .module_card-04 li a .body .venue { position: relative; font-size: 14px; color: #222222; padding-left: 16px; } .module_card-04 li a .body .venue:before { content: "\f3c5"; font-family: "Font Awesome 6 Pro"; font-weight: 500; line-height: 1; position: absolute; top: 7px; left: 0; } .module_card-04 li a .body .title { margin-top: 10px; font-size: 18px; color: #006098; transition: 0.5s; } .module_card-04 li a .body .title i { margin-left: 7px; } body.en .module_card-04 li a .body .title { font-family: "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; } .module_card-04 li a .foot { position: absolute; right: 0; bottom: 0; } .module_card-04 li a .foot .btn { position: relative; width: 50px; height: 50px; background-color: #006098; transition: 0.5s; } .module_card-04 li a .foot .btn svg { position: absolute; top: calc(50% - 11px); right: calc(50% - 8px); width: 23px; height: 23px; fill: #ffffff; } @media print, (min-width: 768px) { .module_card-05 li { margin-top: 20px; } } @media print, (min-width: 768px) { .module_card-05 li:first-child { margin-top: 0; } } .module_card-05 li a { padding: 30px 0; text-decoration: none; display: flex; } @media print, (min-width: 768px) { .module_card-05 li a { padding: 0; } } .module_card-05 li a:hover .head .image { transform: scale(1.1); } .module_card-05 li a:hover .body .day_box { opacity: 0.8; } .module_card-05 li a:hover .body .title_box { opacity: 0.8; } .module_card-05 li a:hover .body .title_box .title { color: #006098; } .module_card-05 li a .head { position: relative; top: 0; left: 0; width: 20%; margin-right: 15px; padding-top: 20%; height: 0; overflow: hidden; transition: 0.5s; } @media print, (min-width: 768px) { .module_card-05 li a .head { width: 34%; margin-right: 30px; padding-top: 33.7%; } } .module_card-05 li a .head .image { position: absolute; top: 0%; right: 0%; bottom: 0%; left: 0%; width: 100%; height: auto; margin: auto; max-width: none; max-height: none; display: block; background-size: cover; background-repeat: no-repeat; background-position: center; transition: all 0.8s; } .module_card-05 li a .body { width: calc(80% - 15px); color: #222222; } @media print, (min-width: 768px) { .module_card-05 li a .body { width: calc(66% - 30px); } } .module_card-05 li a .body .title { margin-top: 10px; font-size: 15px; transition: 0.5s; } @media print, (min-width: 768px) { .module_card-05 li a .body .title { font-size: 16px; } } .module_card-05 li a .body .text { font-size: 13px; } .module_card-05 li a .foot { position: absolute; right: 0; bottom: 0; } .module_card-05 li a .foot .btn { position: relative; width: 50px; height: 50px; background-color: #006098; transition: 0.5s; } .module_card-05 li a .foot .btn svg { position: absolute; top: calc(50% - 11px); right: calc(50% - 8px); width: 23px; height: 23px; fill: #ffffff; } @media print, (min-width: 768px) { .module_accordion-01, .module_accordion-02 { position: absolute; right: 20px; top: -72px; } } .module_accordion-01 input[type=checkbox], .module_accordion-02 input[type=checkbox] { display: none; } .module_accordion-01 input[type=checkbox]:checked + label:after, .module_accordion-02 input[type=checkbox]:checked + label:after { transform: rotate(180deg); } .module_accordion-01 input[type=checkbox]:checked + label + .box, .module_accordion-02 input[type=checkbox]:checked + label + .box { height: auto; position: relative; z-index: 2; opacity: 1; } @media print, (min-width: 768px) { .module_accordion-01 input[type=checkbox]:checked + label + .box, .module_accordion-02 input[type=checkbox]:checked + label + .box { position: absolute; } } .module_accordion-01 label, .module_accordion-02 label { position: relative; display: block; width: 100%; padding: 13px 50px 13px 30px; font-size: 16px; color: #006098; background-color: #ffffff; border: 1px solid #C1D7E4; text-decoration: none; cursor: pointer; transition: 0.6s; } @media print, (min-width: 768px) { .module_accordion-01 label, .module_accordion-02 label { width: 300px; } } .module_accordion-01 label:after, .module_accordion-02 label:after { font-family: "Font Awesome 6 Pro"; font-weight: 500; line-height: 1; content: "\f107"; position: absolute; top: calc(50% - 8px); right: 15px; transition: transform 0.6s; transform: rotate(0deg); } @media print, (min-width: 768px) { .module_accordion-01 label:after, .module_accordion-02 label:after { right: 30px; } } .module_accordion-01 label:hover, .module_accordion-02 label:hover { background-color: #006098; color: #ffffff; } .module_accordion-01 .box, .module_accordion-02 .box { height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.6s; } .module_accordion-01 .box ul, .module_accordion-02 .box ul { margin-top: 2px; } .module_accordion-01 .box ul li, .module_accordion-02 .box ul li { margin-bottom: 2px; } .module_accordion-01 .box ul li:last-child, .module_accordion-02 .box ul li:last-child { margin-bottom: 0; } .module_accordion-01 .box ul li a, .module_accordion-02 .box ul li a { display: block; width: 100%; padding: 17px 30px; font-size: 16px; color: #006098; background-color: #ffffff; border: 1px solid #C1D7E4; text-decoration: none; transition: 0.6s; } @media print, (min-width: 768px) { .module_accordion-01 .box ul li a, .module_accordion-02 .box ul li a { width: 300px; } } .module_accordion-01 .box ul li a:hover, .module_accordion-02 .box ul li a:hover { background-color: #006098; color: #ffffff; } .module_tab-01 input[type=radio] { display: none; } .module_tab-01 .tab_box { width: 100%; overflow-x: auto; position: relative; text-align: center; -webkit-overflow-scrolling: touch; } @media print, (min-width: 1040px) { .module_tab-01 .tab_box { overflow-x: unset; } } .module_tab-01 .tab_box .inner { width: 100%; font-size: 0; display: flex; flex-wrap: wrap; } .module_tab-01 .tab_box a { padding: 18px 0; text-decoration: none; display: block; color: #999999; transition: 0.5s; } body.category-topics .module_tab-01 .tab_box .tab_label-01:before, body.term-faculty .module_tab-01 .tab_box .tab_label-01:before, body.page-template-page-project .module_tab-01 .tab_box .tab_label-01:before, body.page-template-page-units .module_tab-01 .tab_box .tab_label-01:before, body.post-type-archive-event:not(.date) .module_tab-01 .tab_box .tab_label-01:before, body.term-17 .module_tab-01 .tab_box .tab_label-01:before { transform: scale(1, 1); } body.category-topics .module_tab-01 .tab_box .tab_label-01 a, body.term-faculty .module_tab-01 .tab_box .tab_label-01 a, body.page-template-page-project .module_tab-01 .tab_box .tab_label-01 a, body.page-template-page-units .module_tab-01 .tab_box .tab_label-01 a, body.post-type-archive-event:not(.date) .module_tab-01 .tab_box .tab_label-01 a, body.term-17 .module_tab-01 .tab_box .tab_label-01 a { color: #006098; } body.category-annoucement .module_tab-01 .tab_box .tab_label-02:before, body.overview .module_tab-01 .tab_box .tab_label-02:before, body.old-event .module_tab-01 .tab_box .tab_label-02:before, body.post-type-archive-event.date .module_tab-01 .tab_box .tab_label-02:before, body.term-36 .module_tab-01 .tab_box .tab_label-02:before { transform: scale(1, 1); } body.category-annoucement .module_tab-01 .tab_box .tab_label-02 a, body.overview .module_tab-01 .tab_box .tab_label-02 a, body.old-event .module_tab-01 .tab_box .tab_label-02 a, body.post-type-archive-event.date .module_tab-01 .tab_box .tab_label-02 a, body.term-36 .module_tab-01 .tab_box .tab_label-02 a { color: #006098; } body.category-in-the-news .module_tab-01 .tab_box .tab_label-03:before, body.news .module_tab-01 .tab_box .tab_label-03:before, body.single-project-news .module_tab-01 .tab_box .tab_label-03:before, body.single-unit-news .module_tab-01 .tab_box .tab_label-03:before, body.term-37 .module_tab-01 .tab_box .tab_label-03:before { transform: scale(1, 1); } body.category-in-the-news .module_tab-01 .tab_box .tab_label-03 a, body.news .module_tab-01 .tab_box .tab_label-03 a, body.single-project-news .module_tab-01 .tab_box .tab_label-03 a, body.single-unit-news .module_tab-01 .tab_box .tab_label-03 a, body.term-37 .module_tab-01 .tab_box .tab_label-03 a { color: #006098; } body.category-in-the-news .module_tab-01 .tab_box .tab_label-04:before, body.results .module_tab-01 .tab_box .tab_label-04:before, body.term-18 .module_tab-01 .tab_box .tab_label-04:before { transform: scale(1, 1); } body.category-in-the-news .module_tab-01 .tab_box .tab_label-04 a, body.results .module_tab-01 .tab_box .tab_label-04 a, body.term-18 .module_tab-01 .tab_box .tab_label-04 a { color: #006098; } body.category-in-the-news .module_tab-01 .tab_box .tab_label-05:before, body.term-admin .module_tab-01 .tab_box .tab_label-05:before, body.results .module_tab-01 .tab_box .tab_label-05:before, body.term-19 .module_tab-01 .tab_box .tab_label-05:before { transform: scale(1, 1); } body.category-in-the-news .module_tab-01 .tab_box .tab_label-05 a, body.term-admin .module_tab-01 .tab_box .tab_label-05 a, body.results .module_tab-01 .tab_box .tab_label-05 a, body.term-19 .module_tab-01 .tab_box .tab_label-05 a { color: #006098; } .module_tab-01 .tab_box label { position: relative; display: inline-block; width: 50%; background: #ffffff; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: bold; color: #006098; text-align: center; font-size: 15px; cursor: pointer; transition: 0.5s; } @media print, (min-width: 768px) { .module_tab-01 .tab_box label { width: 33.3333%; font-size: 18px; } } .module_tab-01 .tab_box label:first-child { border-right: 1px solid #999999; } @media print, (min-width: 768px) { .module_tab-01 .tab_box label:first-child { border-right: none; } } .module_tab-01 .tab_box label:before { position: absolute; bottom: 0; left: 0; z-index: 2; content: ""; width: 100%; height: 5px; background: #006098; transform: scale(0, 1); transform-origin: center top; transition: 0.5s; } @media print, (min-width: 768px) { .module_tab-01 .tab_box label:before { height: 4px; left: 20px; width: calc(100% - 40px); } } .module_tab-01 .tab_box label:after { position: absolute; bottom: 0; left: 0; z-index: 1; content: ""; width: 100%; height: 3px; background: #999999; } @media print, (min-width: 768px) { .module_tab-01 .tab_box label:after { content: none; } } .module_tab-01 .tab_box label:hover a { color: #006098; } .module_tab-01 .tab_box label:hover:before { transform: scale(1, 1); } .module_tab-01 .panel { width: 100%; padding: 20px 0; display: none; } @media print, (min-width: 768px) { .module_tab-01 .panel { padding: 40px 0; } } .module_tab-01 #tab-01:checked ~ .tab_box .tab_label-01, .module_tab-01 #tab-02:checked ~ .tab_box .tab_label-02, .module_tab-01 #tab-03:checked ~ .tab_box .tab_label-03, .module_tab-01 #tab-04:checked ~ .tab_box .tab_label-04, .module_tab-01 #tab-05:checked ~ .tab_box .tab_label-05 { background: #ffffff; opacity: 1; } .module_tab-01 #tab-01:checked ~ .panel_box #panel-01, .module_tab-01 #tab-02:checked ~ .panel_box #panel-02, .module_tab-01 #tab-03:checked ~ .panel_box #panel-03, .module_tab-01 #tab-04:checked ~ .panel_box #panel-04, .module_tab-01 #tab-05:checked ~ .panel_box #panel-05 { display: block; } .module_tab-02 input[type=radio] { display: none; } .module_tab-02 .tab_box { width: 100%; overflow-x: auto; position: relative; text-align: center; -webkit-overflow-scrolling: touch; } @media print, (min-width: 1040px) { .module_tab-02 .tab_box { overflow-x: unset; } } .module_tab-02 .tab_box .inner { width: 100%; font-size: 0; display: flex; flex-wrap: wrap; } .module_tab-02 .tab_box label { padding: 18px 0; position: relative; display: inline-block; width: 50%; background: #ffffff; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: bold; color: #999999; text-align: center; font-size: 15px; cursor: pointer; transition: 0.5s; } @media print, (min-width: 768px) { .module_tab-02 .tab_box label { width: 50%; font-size: 18px; } } .module_tab-02 .tab_box label:first-child { border-right: 1px solid #999999; } @media print, (min-width: 768px) { .module_tab-02 .tab_box label:first-child { border-right: none; } } .module_tab-02 .tab_box label:before { position: absolute; bottom: 0; left: 0; z-index: 2; content: ""; width: 100%; height: 5px; background: #006098; transform: scale(0, 1); transform-origin: center top; transition: 0.5s; } @media print, (min-width: 768px) { .module_tab-02 .tab_box label:before { height: 4px; left: 20px; width: calc(100% - 40px); } } .module_tab-02 .tab_box label:after { position: absolute; bottom: 0; left: 0; z-index: 1; content: ""; width: 100%; height: 3px; background: #999999; } @media print, (min-width: 768px) { .module_tab-02 .tab_box label:after { content: none; } } .module_tab-02 .tab_box label:hover { color: #006098; } .module_tab-02 .tab_box label:hover:before { transform: scale(1, 1); } .module_tab-02 .panel { width: 100%; padding: 40px 0; display: none; } @media print, (min-width: 768px) { .module_tab-02 .panel { padding: 50px 0; } } .module_tab-02 .panel .module_accordion-01 { position: relative; right: auto; top: auto; } .module_tab-02 .panel .module_accordion-02 { position: relative; right: auto; top: auto; } .module_tab-02 #tab-01:checked ~ .tab_box .tab_label-01, .module_tab-02 #tab-02:checked ~ .tab_box .tab_label-02, .module_tab-02 #tab-03:checked ~ .tab_box .tab_label-03, .module_tab-02 #tab-04:checked ~ .tab_box .tab_label-04, .module_tab-02 #tab-05:checked ~ .tab_box .tab_label-05 { background: #ffffff; color: #006098; opacity: 1; } .module_tab-02 #tab-01:checked ~ .tab_box .tab_label-01:before, .module_tab-02 #tab-02:checked ~ .tab_box .tab_label-02:before, .module_tab-02 #tab-03:checked ~ .tab_box .tab_label-03:before, .module_tab-02 #tab-04:checked ~ .tab_box .tab_label-04:before, .module_tab-02 #tab-05:checked ~ .tab_box .tab_label-05:before { transform: scale(1, 1); } .module_tab-02 #tab-01:checked ~ .panel_box #panel-01, .module_tab-02 #tab-02:checked ~ .panel_box #panel-02, .module_tab-02 #tab-03:checked ~ .panel_box #panel-03, .module_tab-02 #tab-04:checked ~ .panel_box #panel-04, .module_tab-02 #tab-05:checked ~ .panel_box #panel-05 { display: flex; flex-wrap: wrap; } body.single-people .module_tab-02 #tab-01:checked ~ .panel_box #panel-01, body.single-people .module_tab-02 #tab-02:checked ~ .panel_box #panel-02, body.single-people .module_tab-02 #tab-03:checked ~ .panel_box #panel-03, body.single-people .module_tab-02 #tab-04:checked ~ .panel_box #panel-04, body.single-people .module_tab-02 #tab-05:checked ~ .panel_box #panel-05 { justify-content: space-between; } body.single-event .module_tab-02 #tab-01:checked ~ .panel_box #panel-01, body.single-event .module_tab-02 #tab-02:checked ~ .panel_box #panel-02, body.single-event .module_tab-02 #tab-03:checked ~ .panel_box #panel-03, body.single-event .module_tab-02 #tab-04:checked ~ .panel_box #panel-04, body.single-event .module_tab-02 #tab-05:checked ~ .panel_box #panel-05 { justify-content: flex-start; } .module_tab-03 { padding: 0 30px; } @media print, (min-width: 768px) { .module_tab-03 { padding: 0; } } .module_tab-03 input[type=radio] { display: none; } .module_tab-03 .tab_box { width: 100%; overflow-x: auto; position: relative; text-align: center; -webkit-overflow-scrolling: touch; } @media print, (min-width: 1040px) { .module_tab-03 .tab_box { overflow-x: unset; } } .module_tab-03 .tab_box .inner { width: 100%; font-size: 0; display: flex; flex-wrap: wrap; justify-content: space-between; } .module_tab-03 .tab_box a { position: relative; padding: 17px 50px 17px 30px; text-decoration: none; display: block; color: #222222; text-align: left; transition: 0.5s; border: 1px solid #D1D1D1; } @media print, (min-width: 768px) { .module_tab-03 .tab_box a { text-align: center; height: 100%; display: flex; align-items: center; justify-content: center; } } .module_tab-03 .tab_box a:hover:after { right: 15px; } .module_tab-03 .tab_box a:after { content: "\f105"; font-family: "Font Awesome 6 Pro"; font-weight: 400; line-height: 1; position: absolute; right: 25px; top: calc(50% - 12px); font-size: 24px; transition: 0.5s; } .module_tab-03 .tab_box .tab_label-01 a { border-top: 4px solid #980047; } .module_tab-03 .tab_box .tab_label-01 a:after { color: #980047; } .module_tab-03 .tab_box .tab_label-02 a { border-top: 4px solid #CC2D77; } .module_tab-03 .tab_box .tab_label-02 a:after { color: #CC2D77; } .module_tab-03 .tab_box .tab_label-03 a { border-top: 4px solid #E47BAC; } .module_tab-03 .tab_box .tab_label-03 a:after { color: #E47BAC; } .module_tab-03 .tab_box label { position: relative; display: inline-block; width: 100%; background: #ffffff; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: bold; color: #006098; text-align: center; font-size: 15px; cursor: pointer; transition: 0.5s; } @media print, (min-width: 768px) { .module_tab-03 .tab_box label { width: calc((100% - 50px) / 3); font-size: 18px; } } .module_tab-03 .panel { width: 100%; padding: 20px 0; display: none; } @media print, (min-width: 768px) { .module_tab-03 .panel { padding: 40px 0; } } .module_tab-03 #tab-01:checked ~ .tab_box .tab_label-01, .module_tab-03 #tab-02:checked ~ .tab_box .tab_label-02, .module_tab-03 #tab-03:checked ~ .tab_box .tab_label-03, .module_tab-03 #tab-04:checked ~ .tab_box .tab_label-04, .module_tab-03 #tab-05:checked ~ .tab_box .tab_label-05 { background: #ffffff; opacity: 1; } .module_tab-03 #tab-01:checked ~ .panel_box #panel-01, .module_tab-03 #tab-02:checked ~ .panel_box #panel-02, .module_tab-03 #tab-03:checked ~ .panel_box #panel-03, .module_tab-03 #tab-04:checked ~ .panel_box #panel-04, .module_tab-03 #tab-05:checked ~ .panel_box #panel-05 { display: block; } .module_navigation-01 { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 0 40px; } .module_navigation-01 li { width: 100%; margin-bottom: 30px; } @media print, (min-width: 768px) { .module_navigation-01 li { width: calc((100% - 40px) / 2); margin-bottom: 40px; } } @media print, (min-width: 1040px) { .module_navigation-01 li { width: calc((100% - 80px) / 3); } } .module_navigation-01 li a { position: relative; display: block; text-decoration: none; } .module_navigation-01 li a:hover .head .image { transform: scale(1.1); } .module_navigation-01 li a .head { width: 100%; height: 240px; overflow: hidden; } .module_navigation-01 li a .head .image { width: 100%; height: 240px; background-image: url("/wp/wp-content/themes/ifi/images/common/noimage_360_270.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; transition: all 0.8s; } .module_navigation-01 li a .body { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .module_navigation-01 li a .body .inner .title { font-size: 20px; font-weight: bold; text-shadow: 0 0 8px #000000, 0 0 13px #000000; color: #ffffff; text-align: center; } .module_navigation-01 li a .body .inner .subtitle { font-size: 14px; font-weight: bold; text-shadow: 0 0 8px #000000, 0 0 13px #000000; color: #ffffff; text-align: center; line-height: 1.3em; margin-top: 5px; } .module_navigation-01 li a .body .inner .btn { position: absolute; left: calc(50% - 15px); bottom: 30px; width: 31px; height: 31px; background-color: #ffffff; border-radius: 50%; } .module_navigation-01 li a .body .inner .btn:before { content: "\f105"; font-family: "Font Awesome 6 Pro"; font-weight: 100; line-height: 1; position: absolute; top: calc(50% - 14px); left: calc(50% - 4px); color: #222222; font-size: 28px; } @media print, (min-width: 768px) { .module_post-01 { display: flex; flex-wrap: wrap; } } .module_post-01 li { margin-top: 40px; } @media print, (min-width: 768px) { .module_post-01 li { margin-top: 60px; } } .module_post-01 li:first-child { margin-top: 0; } @media print, (min-width: 768px) { .module_post-01 li:nth-child(2) { margin-top: 0; } } @media print, (min-width: 768px) { .module_post-01 li:nth-child(3) { margin-top: 0; } } @media print, (min-width: 768px) { .module_post-01 li:nth-child(3n+3) { margin-right: 0; } } .module_post-01 li .body { transition: 0.5s; } .module_post-01 li .body .day_box { display: flex; flex-wrap: wrap; margin-top: 10px; transition: 0.5s; } .module_post-01 li .body .day_box time { font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 400; font-size: 14px; color: #999; letter-spacing: 0.1em; } .module_post-01 li .body .day_box .category { font-size: 14px; font-weight: bold; color: #222; } .module_post-01 li .body .title_box .text { font-size: 13px; color: #222; } .module_post-01 li .body .title_box .text .title { margin-top: 5px; font-size: 16px; color: #006098; } .module_post-01 li a { display: block; text-decoration: none; transition: 0.5s; } .module_post-01 li a._pointer-events .body .title_box .title { color: #222222; } .module_post-01 li a:hover .head .image { transform: scale(1.1); } .module_post-01 li a:hover .body { opacity: 0.6; } .module_post-01 li a .head { position: relative; top: 0; left: 0; width: 100%; padding-top: 70%; height: 0; overflow: hidden; transition: 0.5s; } .module_post-01 li a .head._book { padding-top: 142%; border: 1px solid #999; } @media print, (min-width: 768px) { .module_post-01 li a .head { padding-top: 70%; } } .module_post-01 li a .head .image { position: absolute; top: 0%; right: 0%; bottom: 0%; left: 0%; width: 100%; height: auto; margin: auto; max-width: none; max-height: none; display: block; background-image: url("/wp/wp-content/themes/ifi/images/common/noimage_720_540.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; transition: 0.8s; } @media print, (min-width: 768px) { .module_post-01 li a .head .image { background-image: url("/wp/wp-content/themes/ifi/images/common/noimage_360_270.jpg"); } } .module_post-01 li a .body { transition: 0.5s; } .module_post-01 li a .body .day_box { display: flex; flex-wrap: wrap; margin-top: 10px; transition: 0.5s; } .module_post-01 li a .body .day_box time { font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 400; font-size: 14px; color: #999999; letter-spacing: 0.1em; } .module_post-01 li a .body .day_box .category { font-size: 14px; font-weight: bold; color: #222222; } .module_post-01 li a .body .title_box { margin-top: 10px; line-height: 1.6; } .module_post-01 li a .body .title_box .text { font-size: 14px; color: #222222; } @media print, (min-width: 768px) { .module_post-01 li a .body .title_box .text { font-size: 13px; } } .module_post-01 li a .body .title_box .title { margin-top: 5px; font-size: 16px; color: #006098; } body.en .module_post-01 li a .body .title_box .title { font-family: "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; } .module_post-01 li a .body .title_box .title i { margin-left: 7px; } @media print, (min-width: 768px) { .module_post-01 li { margin-right: 20px; width: calc(33.3333% - 13.3333333333px); } } @media print, (min-width: 1040px) { .module_post-01 li { margin-right: 40px; width: calc(33.3333% - 26.6666666667px); } } .module_post-02 li { border-bottom: 1px solid #C1D7E4; } .module_post-02 li:first-child { border-top: 1px solid #C1D7E4; } .module_post-02 li:hover:before { right: 25px; } .module_post-02 li:hover .body .title { color: #006098; } .module_post-02 li .head { display: flex; flex-wrap: wrap; } .module_post-02 li .head time { font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 400; font-size: 14px; color: #999999; letter-spacing: 0.1em; } .module_post-02 li .head .category { font-size: 14px; font-weight: bold; color: #222222; } .module_post-02 li .body { margin-top: 10px; } .module_post-02 li .body .title { font-size: 15px; color: #222222; transition: 0.5s; } @media print, (min-width: 768px) { .module_post-02 li .body .title { font-size: 16px; } } .module_post-02 li a:hover:before { right: 25px; } .module_post-02 li a:hover .body .title { color: #006098; } .module_post-02 li a .head { display: flex; flex-wrap: wrap; } .module_post-02 li a .head time { font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 400; font-size: 14px; color: #999999; letter-spacing: 0.1em; } .module_post-02 li a .head .category { font-size: 14px; font-weight: bold; color: #222222; } .module_post-02 li a .body { margin-top: 10px; } .module_post-02 li a .body .title { font-size: 15px; color: #222222; transition: 0.5s; } @media print, (min-width: 768px) { .module_post-02 li a .body .title { font-size: 16px; } } .module_panel-01 li a { text-decoration: none; } .module_panel-01 li a:hover .head .image { transform: scale(1.1); } .module_panel-01 li a:hover .body .day_box { opacity: 0.6; } .module_panel-01 li a:hover .body .title_box { opacity: 0.6; } .module_panel-01 li .head { position: relative; top: 0; left: -15px; width: 95%; padding-top: 95%; height: 0; overflow: hidden; transition: 0.5s; } @media print, (min-width: 768px) { .module_panel-01 li .head { max-width: 520px; padding-top: 63.5%; left: 0; } } .module_panel-01 li .head .image { position: absolute; top: 0%; right: 0%; bottom: 0%; left: 0%; width: 100%; height: auto; margin: auto; max-width: none; max-height: none; display: block; background-image: url("/wp/wp-content/themes/ifi/images/common/noimage_600_600.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; transition: all 0.8s; } @media print, (min-width: 768px) { .module_panel-01 li .head .image { background-image: url("/wp/wp-content/themes/ifi/images/common/noimage_720_540.jpg"); } } .module_panel-01 li .body { position: relative; top: 0; right: calc(-5% - 15px); width: 95%; margin-top: -70px; padding: 40px 30px 50px; background-color: #006098; color: #ffffff; } @media print, (min-width: 768px) { .module_panel-01 li .body { right: 0; max-width: 430px; float: right; } } .module_panel-01 li .body:after { content: ""; position: absolute; left: -23px; bottom: -23px; width: 45px; height: 45px; background-color: #429538; } .module_panel-01 li .body .day_box { display: flex; flex-wrap: wrap; transition: 0.5s; } .module_panel-01 li .body .day_box time { font-size: 14px; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 400; margin-right: 7px; letter-spacing: 0.1em; } .module_panel-01 li .body .day_box .category { font-size: 14px; font-weight: bold; } .module_panel-01 li .body .title_box { margin-top: 20px; transition: 0.5s; } .module_panel-01 li .body .title_box .text { font-size: 14px; } .module_panel-01 li .body .title_box .title { margin-top: 25px; font-size: 18px; } body.en .module_panel-01 li .body .title_box .title { font-family: "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; } .module_panel-01 li .body .title_box .title i { margin-left: 7px; } .module_panel-02 li { margin-top: 40px; } @media print, (min-width: 768px) { .module_panel-02 li { margin-top: 100px; } } .module_panel-02 li:first-child { margin-top: 0; } @media print, (min-width: 768px) { .module_panel-02 li:nth-child(2n+2) a { flex-direction: row-reverse; } } .module_panel-02 li:nth-child(2n+2) a:hover .body { /* .btn{ background-color: $color-white; svg{ fill: $color-secondary; } }*/ } @media print, (min-width: 768px) { .module_panel-02 li:nth-child(2n+2) a .body { margin-top: 80px; margin-right: -60px; margin-left: 0; } } .module_panel-02 li:nth-child(3n+2) a .body { background-color: #efefef; color: #222222; } .module_panel-02 li:nth-child(3n+2) a .body .btn { background-color: #006098; border: 1px solid #006098; } .module_panel-02 li:nth-child(3n+3) a .body { background-color: #004066; } .module_panel-02 li a { display: block; text-decoration: none; } @media print, (min-width: 768px) { .module_panel-02 li a { display: flex; } } .module_panel-02 li a:hover .head .image { transform: scale(1.1); } .module_panel-02 li a:hover .body { /* .btn{ background-color: $color-white; svg{ fill: $color-primary; } }*/ } .module_panel-02 li .head { position: relative; width: 100%; padding-top: 75%; height: 0; overflow: hidden; transition: 0.5s; } @media print, (min-width: 768px) { .module_panel-02 li .head { max-width: 500px; padding-top: 36%; left: 0; } } .module_panel-02 li .head .image { position: absolute; top: 0%; right: 0%; bottom: 0%; left: 0%; width: 100%; height: auto; margin: auto; max-width: none; max-height: none; display: block; background-image: url("/wp/wp-content/themes/ifi/images/common/noimage_720_540.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; transition: all 0.8s; } .module_panel-02 li .body { position: relative; width: 100%; padding: 25px 30px 75px; background-color: #006098; color: #ffffff; } @media print, (min-width: 768px) { .module_panel-02 li .body { padding: 50px 60px; margin-top: 80px; margin-left: -60px; } } .module_panel-02 li .body .title { font-size: 24px; font-weight: bold; line-height: 1.5em; } .module_panel-02 li .body .title br { display: none; } @media print, (min-width: 768px) { .module_panel-02 li .body .title br { display: block; } } .module_panel-02 li .body .text { margin-top: 30px; font-size: 16px; line-height: 1.7em; } body.en .module_panel-02 li .body .text { font-family: "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; } .module_panel-02 li .body .btn { position: absolute; right: 0; bottom: 0; width: 50px; height: 50px; background-color: #429538; border: 1px solid #429538; transition: 0.5s; } .module_panel-02 li .body .btn svg { position: absolute; top: calc(50% - 11px); right: calc(50% - 8px); fill: #ffffff; width: 23px; height: 23px; transition: 0.5s; } .module_panel-03 { max-width: 860px; width: 100%; margin: 0 auto 40px; } @media print, (min-width: 915px) { .module_panel-03 { margin: 0 auto 90px; } } .module_panel-03 li { display: flex; justify-content: space-between; position: relative; flex-wrap: wrap; } @media print { .module_panel-03 li { flex-wrap: nowrap; gap: 40px; } } .module_panel-03 li:before { content: ""; position: absolute; left: calc(50% - 140px); top: 120px; width: 140px; height: 140px; background-color: rgba(193, 215, 228, 0.5); z-index: -1; } @media print, (min-width: 915px) { .module_panel-03 li:before { left: 10px; top: 200px; } } .module_panel-03 li .head { width: 240px; position: relative; margin: 0 auto; padding-top: 240px; height: 0; overflow: hidden; transition: 0.5s; flex-shrink: 0; } @media print, (min-width: 915px) { .module_panel-03 li .head { width: 300px; padding-top: 300px; left: 0; } } .module_panel-03 li .head .image { position: absolute; top: 0%; right: 0%; bottom: 0%; left: 0%; width: 100%; height: auto; margin: auto; max-width: none; max-height: none; display: block; background-image: url("/wp/wp-content/themes/ifi/images/common/noimage_300_300.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; transition: all 0.8s; -webkit-print-color-adjust: exact; } .module_panel-03 li .body { position: relative; z-index: 2; width: 100%; text-align: center; } @media print, (min-width: 915px) { .module_panel-03 li .body { width: 460px; text-align: left; } } .module_panel-03 li .body .title { margin-top: 40px; font-size: 34px; color: #006098; font-weight: 700; line-height: 1.2em; } @media print, (min-width: 915px) { .module_panel-03 li .body .title { margin-top: 0; font-size: 48px; } } .module_panel-03 li .body .subtitle { margin-top: 10px; font-size: 13px; color: #C1D7E4; font-weight: 700; line-height: 1.4em; } @media print, (min-width: 915px) { .module_panel-03 li .body .subtitle { font-size: 26px; } } .module_panel-03 li .body .position { margin-top: 15px; font-size: 14px; color: #222222; text-align: center; line-height: 1.4; } @media print, (min-width: 915px) { .module_panel-03 li .body .position { margin-top: 30px; text-align: left; } } .module_panel-04 li { display: flex; flex-wrap: wrap; padding: 30px; background-color: #F6F9FB; margin-top: 30px; } .module_panel-04 li:first-child { margin-top: 0; } .module_panel-04 li .head { position: relative; top: 0; left: 0; width: 80%; margin: 0 auto; padding-top: 45.5%; height: 0; overflow: hidden; transition: 0.5s; } @media print, (min-width: 768px) { .module_panel-04 li .head { width: 200px; margin: 0 30px 0 0; padding-top: 15.5%; } } .module_panel-04 li .head .image { position: absolute; top: 0%; right: 0%; bottom: 0%; left: 0%; width: 100%; height: auto; margin: auto; max-width: none; max-height: none; display: block; background-image: url("/wp/wp-content/themes/ifi/images/common/noimage_720_540.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; transition: 0.8s; } @media print, (min-width: 768px) { .module_panel-04 li .head .image { background-image: url("/wp/wp-content/themes/ifi/images/common/noimage_360_270.jpg"); } } .module_panel-04 li .body { width: 100%; } @media print, (min-width: 768px) { .module_panel-04 li .body { width: calc(100% - 230px); } } .module_panel-04 li .body .title { position: relative; margin-top: 20px; padding: 3px 0 0 45px; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 400; font-size: 24px; } @media print, (min-width: 768px) { .module_panel-04 li .body .title { margin-top: 0; } } .module_panel-04 li .body .title:before, .module_panel-04 li .body .title:after { content: ""; position: absolute; display: block; width: 20px; height: 20px; background-color: #C1D7E4; } .module_panel-04 li .body .title:before { top: 0; left: 0; } .module_panel-04 li .body .title:after { top: 10px; left: 10px; } .module_panel-04 li .body .text { margin-top: 15px; font-size: 16px; } @media print, (min-width: 768px) { .module_panel-04 li .body .text { margin-top: 25px; } } body.en .module_panel-04 li .body .text { font-family: "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; } .module_panel-05 { display: flex; flex-wrap: wrap; justify-content: space-between; } .module_panel-05 li { margin-top: 40px; width: 100%; } @media print, (min-width: 768px) { .module_panel-05 li { margin-top: 0; width: calc(50% - 20px); } } .module_panel-05 li:first-child { margin-top: 0; } .module_panel-05 li a { display: block; height: 100%; text-decoration: none; position: relative; background-color: #efefef; } .module_panel-05 li:hover .head .image { transform: scale(1.1); } .module_panel-05 li:hover .foot { /* .btn{ background-color: $color-white; svg{ fill: $color-secondary; } }*/ } .module_panel-05 li .head { position: relative; top: 0; left: 0; width: 100%; margin: 0 auto; padding-top: 56%; height: 0; overflow: hidden; transition: 0.5s; } .module_panel-05 li .head .image { position: absolute; top: 0%; right: 0%; bottom: 0%; left: 0%; width: 100%; height: auto; margin: auto; max-width: none; max-height: none; display: block; background-image: url("/wp/wp-content/themes/ifi/images/common/noimage_720_540.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; transition: 0.8s; } @media print, (min-width: 768px) { .module_panel-05 li .head .image { background-image: url("/wp/wp-content/themes/ifi/images/common/noimage_360_270.jpg"); } } .module_panel-05 li .body { position: relative; padding: 25px 30px 65px; } @media print, (min-width: 768px) { .module_panel-05 li .body { padding: 25px 30px 60px 30px; } } .module_panel-05 li .body .text { font-size: 14px; color: #222222; } .module_panel-05 li .body .title { margin-top: 5px; font-size: 20px; color: #222222; } .module_panel-05 li .body .title span { margin-left: 10px; font-size: 13px; color: #707070; } .module_panel-05 li .foot { position: absolute; right: 0; bottom: 0; } .module_panel-05 li .foot .btn { position: relative; width: 50px; height: 50px; background-color: #006098; border: 1px solid #006098; transition: 0.5s; } .module_panel-05 li .foot .btn svg { position: absolute; top: calc(50% - 11px); right: calc(50% - 8px); fill: #ffffff; width: 23px; height: 23px; transition: 0.5s; } .module_panel-06 li { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-top: 40px; padding: 40px; background-color: #efefef; } .module_panel-06 li:first-child { margin-top: 0; } .module_panel-06 li .head { position: relative; top: 0; left: 0; width: 100%; padding-top: 60%; height: 0; overflow: hidden; transition: 0.5s; } @media print, (min-width: 768px) { .module_panel-06 li .head { padding-top: 18.5%; max-width: 315px; width: 30%; margin-right: 35px; } } .module_panel-06 li .head .image { position: absolute; top: 0%; right: 0%; bottom: 0%; left: 0%; width: 100%; height: auto; margin: auto; max-width: none; max-height: none; display: block; background-image: url("/wp/wp-content/themes/ifi/images/common/noimage_720_540.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; transition: 0.8s; } @media print, (min-width: 768px) { .module_panel-06 li .head .image { background-image: url("/wp/wp-content/themes/ifi/images/common/noimage_360_270.jpg"); } } .module_panel-06 li .body { position: relative; } @media print, (min-width: 768px) { .module_panel-06 li .body { max-width: 640px; width: calc(70% - 35px); } } .module_panel-06 li .body .title { margin-top: 40px; font-size: 20px; color: #222222; font-weight: bold; } @media print, (min-width: 768px) { .module_panel-06 li .body .title { margin-top: 0; } } .module_panel-06 li .body .text { margin-top: 10px; font-size: 16px; color: #222222; } body.en .module_panel-06 li .body .text { font-family: "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; } .module_column-col3, .module_column-col2 { display: flex; flex-wrap: wrap; justify-content: space-between; } @media print, (min-width: 768px) { .module_column-col3, .module_column-col2 { flex-wrap: nowrap; } } @media print, (min-width: 768px) { .module_column-col3, .module_column-col2 { justify-content: space-between; } } .module_column-col3 + .module_column-col3, .module_column-col2 + .module_column-col3, .module_column-col3 + .module_column-col2, .module_column-col2 + .module_column-col2 { margin-top: 15px; } @media print, (min-width: 768px) { .module_column-col3 + .module_column-col3, .module_column-col2 + .module_column-col3, .module_column-col3 + .module_column-col2, .module_column-col2 + .module_column-col2 { margin-top: 30px; } } .module_column-col1 img, .module_column-col2 img { width: auto; height: auto; } .module_column-col1 strong, .module_column-col2 strong { font-weight: bold; } .module_column-col1 em, .module_column-col2 em { font-style: italic; } .module_column-col1 a[rel=noopener]:after, .module_column-col2 a[rel=noopener]:after { font-family: "Font Awesome 6 Pro"; font-weight: 100; line-height: 1; content: "\f08e"; margin-left: 3px; } .module_column-col1::after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .module_column-col1 .alignright { float: right; margin: 0 0 20px 20px; } .module_column-col1 .alignleft { float: left; margin: 0 20px 20px 0; } .module_column-col1._left .img, .module_column-col1._order .img { margin-bottom: 1em; max-width: calc(50% - 10px); } @media print, (min-width: 768px) { .module_column-col1._left .img, .module_column-col1._order .img { max-width: calc(50% - 20px); } } .module_column-col1._left._vertical-SP .img, .module_column-col1._order._vertical-SP .img { max-width: 100%; margin-right: 0; margin-left: 0; } @media print, (min-width: 768px) { .module_column-col1._left._vertical-SP .img, .module_column-col1._order._vertical-SP .img { margin-bottom: 1em; max-width: calc(50% - 20px); } } .module_column-col1._left .img { margin-right: 20px; float: left; } @media print, (min-width: 768px) { .module_column-col1._left .img { margin-right: 40px; } } @media print, (min-width: 768px) { .module_column-col1._left._vertical-SP .img { margin-right: 40px; } } .module_column-col1._order::after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .module_column-col1._order .img { margin-left: 20px; float: right; } @media print, (min-width: 768px) { .module_column-col1._order .img { margin-left: 40px; } } @media print, (min-width: 768px) { .module_column-col1._order._vertical-SP .img { margin-left: 40px; } } .module_column-col2._text > .col { width: 100%; } @media print, (min-width: 768px) { .module_column-col2._text > .col { width: calc(50% - 20px); } } .module_column-col2._text > .col:nth-child(2) { margin-top: 30px; } @media print, (min-width: 768px) { .module_column-col2._text > .col:nth-child(2) { margin-top: 0; } } .module_column-col2 > .col { width: calc(50% - 10px); } @media print, (min-width: 768px) { .module_column-col2 > .col { width: calc(50% - 25px); } } @media print, (min-width: 768px) { .module_column-col2 > .col + .col { margin-top: 0; } } .module_column-col2._order { flex-direction: row-reverse; } .module_column-col2._order > .col + .col { margin-top: 0; margin-bottom: 15px; } @media print, (min-width: 768px) { .module_column-col2._order > .col + .col { margin-bottom: 0; } } .module_column-col2._one_column > .col { width: 100%; } @media print, (min-width: 768px) { .module_column-col2._one_column > .col { width: calc(50% - 25px); } } .module_column-col2._one_column > .col + .col { margin-top: 15px; } @media print, (min-width: 768px) { .module_column-col2._one_column > .col + .col { margin-top: 0; } } .module_column-col2._hide { display: none; } @media print, (min-width: 768px) { .module_column-col3 > .col { width: calc(33.3333333333% - 25px); } } .module_column-col3 > .col + .col { margin-top: 15px; } @media print, (min-width: 768px) { .module_column-col3 > .col + .col { margin-top: 0; } } @media print, (min-width: 768px) { .module_column-col3 > .col > .module_box-blue01 { height: 100%; } } .module_wrap-youtube, .module_wrap-googleMap { position: relative; padding-bottom: 56.25%; width: 100%; height: 0; } .module_wrap-youtube iframe, .module_wrap-googleMap iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .module_slider-01 .caption { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: auto; padding: 5px 10px; background: rgba(34, 34, 34, 0.5); color: #fff; font-size: 14px; text-align: left; line-height: 1.6; } @media print, (min-width: 768px) { .module_slider-01 .caption { padding: 15px 20px; } } .module_slider-01 .slick-slide { padding-bottom: 260px; height: auto; background-repeat: no-repeat; background-size: cover; background-position: center; } @media print, (min-width: 768px) { .module_slider-01 .slick-slide { padding-bottom: 360px; } } .module_slider-01 .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .module_slider-01 .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0 !important; } .module_slider-01 .slick-prev, .module_slider-01 .slick-next { position: absolute; height: 50px; width: 50px; line-height: 0; font-size: 0; cursor: pointer; background: #006098; border: 1px solid #006098; top: 50%; padding: 0; outline: none; z-index: 1; opacity: 1; transition: 0.5s; } body.tf_news-template-default .module_slider-01 .slick-prev, body.iam_stfl .module_slider-01 .slick-prev, body.tf_news-template-default .module_slider-01 .slick-next, body.iam_stfl .module_slider-01 .slick-next { border: 1px solid #980047; background: #980047; } body.tf_news-template-default .module_slider-01 .slick-prev:hover, body.iam_stfl .module_slider-01 .slick-prev:hover, body.tf_news-template-default .module_slider-01 .slick-next:hover, body.iam_stfl .module_slider-01 .slick-next:hover { background-color: #ffffff; } body.tf_news-template-default .module_slider-01 .slick-prev:hover svg, body.iam_stfl .module_slider-01 .slick-prev:hover svg, body.tf_news-template-default .module_slider-01 .slick-next:hover svg, body.iam_stfl .module_slider-01 .slick-next:hover svg { fill: #980047; } .module_slider-01 .slick-prev:before, .module_slider-01 .slick-next:before { content: none; } .module_slider-01 .slick-prev svg, .module_slider-01 .slick-next svg { position: absolute; fill: #ffffff; transition: 0.5s; } .module_slider-01 .slick-prev:hover, .module_slider-01 .slick-next:hover { background-color: #ffffff; } .module_slider-01 .slick-prev:hover svg, .module_slider-01 .slick-next:hover svg { fill: #006098; } .module_slider-01 .slick-next svg { top: calc(50% - 12px); right: calc(50% - 8px); } .module_slider-01 .slick-prev svg { top: calc(50% - 12px); left: calc(50% - 8px); } .module_slider-02 li a { position: relative; display: block; text-decoration: none; } .module_slider-02 li a:hover .head .image { transform: scale(1.1); } .module_slider-02 li a .head { width: 100%; height: 270px; overflow: hidden; } .module_slider-02 li a .head .image { width: 100%; height: 270px; background-size: cover; background-repeat: no-repeat; transition: all 0.8s; } .module_slider-02 li a .body { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .module_slider-02 li a .body .inner .title { padding: 0 20px; font-size: 20px; font-weight: bold; text-shadow: 0 0 8px #000000, 0 0 13px #000000; color: #ffffff; text-align: center; } .module_slider-02 li a .body .inner .subtitle { font-size: 14px; font-weight: bold; text-shadow: 0 0 8px #000000, 0 0 13px #000000; color: #ffffff; text-align: center; line-height: 1.3em; margin-top: 5px; } .module_slider-02 li a .body .inner .btn { position: absolute; left: calc(50% - 15px); bottom: 30px; width: 31px; height: 31px; background-color: #ffffff; border-radius: 50%; } .module_slider-02 li a .body .inner .btn:before { content: "\f105"; font-family: "Font Awesome 6 Pro"; font-weight: 100; line-height: 1; position: absolute; top: calc(50% - 14px); left: calc(50% - 4px); color: #222222; font-size: 28px; } .module_slider-02 .slick-slide { margin: 0 5px; height: auto; background-repeat: no-repeat; background-size: cover; background-position: center; } @media print, (min-width: 768px) { .module_slider-02 .slick-slide { margin: 0 10px; } } .module_slider-02 .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .module_slider-02 .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding-left: calc(50% - 160px) !important; padding-right: calc(50% - 160px) !important; } @media print, (min-width: 768px) { .module_slider-02 .slick-list { padding-left: calc(50% - 190px) !important; padding-right: calc(50% - 190px) !important; } } .module_slider-02 .slick-list:before, .module_slider-02 .slick-list:after { content: ""; position: absolute; top: 0; z-index: 1; width: calc(50% - 580px); height: 270px; background-color: rgba(193, 215, 228, 0.5); } .module_slider-02 .slick-list:before { right: 0; } .module_slider-02 .slick-list:after { left: 0; } .module_slider-02 .slick-prev, .module_slider-02 .slick-next { position: absolute; height: 40px; width: 40px; line-height: 0; font-size: 0; cursor: pointer; background: #999999; top: 50%; padding: 0; border: none; outline: none; z-index: 1; opacity: 1; transition: 0.5s; } .module_slider-02 .slick-prev:hover, .module_slider-02 .slick-next:hover { background-color: #006098; } @media print, (min-width: 768px) { .module_slider-02 .slick-prev, .module_slider-02 .slick-next { top: 50%; height: 64px; width: 64px; } } .module_slider-02 .slick-prev:before, .module_slider-02 .slick-next:before { content: none; } .module_slider-02 .slick-prev svg, .module_slider-02 .slick-next svg { position: absolute; top: calc(50% - 8px); fill: #ffffff; width: 17px; height: 17px; } @media print, (min-width: 768px) { .module_slider-02 .slick-prev svg, .module_slider-02 .slick-next svg { top: calc(50% - 12px); width: 23px; height: 23px; } } @media print, (min-width: 1040px) { .module_slider-02 .slick-prev { left: calc(50% - 580px); } } .module_slider-02 .slick-prev svg { right: calc(50% - 12px); } @media print, (min-width: 768px) { .module_slider-02 .slick-prev svg { right: calc(50% - 16px); } } @media print, (min-width: 1040px) { .module_slider-02 .slick-next { right: calc(50% - 580px); } } .module_slider-02 .slick-next svg { left: calc(50% - 12px); } @media print, (min-width: 768px) { .module_slider-02 .slick-next svg { left: calc(50% - 16px); } } [class*=module_gallery] ul { display: flex; flex-wrap: wrap; } [class*=module_gallery] ul li { margin-top: 20px; } [class*=module_gallery] ul li a { text-decoration: none; } [class*=module_gallery] ul li .head { cursor: pointer; position: relative; transition: 0.5s; } [class*=module_gallery] ul li .head .btn { position: absolute; right: 0; bottom: 0; z-index: 2; width: 27px; height: 27px; background-color: rgba(0, 0, 0, 0.4); } [class*=module_gallery] ul li .head .btn:before { position: absolute; content: "\f00e"; font-family: "Font Awesome 6 Pro"; font-weight: 100; line-height: 1; right: 5px; bottom: 5px; color: #ffffff; } [class*=module_gallery] ul li .head .image { position: relative; top: 0; right: 0; padding-top: 56.25%; height: 0; overflow: hidden; transition: 0.5s; background-size: cover; background-position: center; } [class*=module_gallery] ul li .head .image img { position: absolute; top: 0%; right: 0%; bottom: 0%; left: 0%; width: 100%; height: auto; margin: auto; max-width: none; max-height: none; display: block; } [class*=module_gallery] ul li .head:hover .image { opacity: 0.7; } [class*=module_gallery] ul li .body .module_caption-01 { margin-top: 0; padding: 0; } .module_gallery-01 ul li { width: 100%; } .module_gallery-01 ul li:nth-child(-n+1) { margin-top: 0; } .module_gallery-02 ul li { margin-right: 30px; width: calc((100% - 30px) / 2); } .module_gallery-02 ul li:nth-child(2n+2) { margin-right: 0; } .module_gallery-02 ul li:nth-child(-n+2) { margin-top: 0; } .module_gallery-03 ul li { margin-right: 15px; width: calc((100% - 15px) / 2); } @media print, (min-width: 768px) { .module_gallery-03 ul li { margin-right: 30px; width: calc((100% - 60px) / 3); } } .module_gallery-03 ul li:nth-child(2n+2) { margin-right: 0; } @media print, (min-width: 768px) { .module_gallery-03 ul li:nth-child(2n+2) { margin-right: 30px; } } @media print, (min-width: 768px) { .module_gallery-03 ul li:nth-child(3n+3) { margin-right: 0; } } .module_gallery-03 ul li:nth-child(-n+2) { margin-top: 0; } @media print, (min-width: 768px) { .module_gallery-03 ul li:nth-child(-n+3) { margin-top: 0; } } .module_gallery-04 ul li { margin-right: 15px; width: calc((100% - 15px) / 2); } @media print, (min-width: 768px) { .module_gallery-04 ul li { margin-right: 30px; width: calc((100% - 90px) / 4); } } .module_gallery-04 ul li:nth-child(2n+2) { margin-right: 0; } @media print, (min-width: 768px) { .module_gallery-04 ul li:nth-child(2n+2) { margin-right: 30px; } } @media print, (min-width: 768px) { .module_gallery-04 ul li:nth-child(4n+4) { margin-right: 0; } } .module_gallery-04 ul li:nth-child(-n+2) { margin-top: 0; } @media print, (min-width: 768px) { .module_gallery-04 ul li:nth-child(-n+4) { margin-top: 0; } } .module_gallery-05 ul li { margin-right: 15px; width: calc((100% - 15px) / 2); } @media print, (min-width: 768px) { .module_gallery-05 ul li { margin-right: 30px; width: calc((100% - 120px) / 5); } } .module_gallery-05 ul li:nth-child(2n+2) { margin-right: 0; } @media print, (min-width: 768px) { .module_gallery-05 ul li:nth-child(2n+2) { margin-right: 30px; } } @media print, (min-width: 768px) { .module_gallery-05 ul li:nth-child(5n+5) { margin-right: 0; } } .module_gallery-05 ul li:nth-child(-n+2) { margin-top: 0; } @media print, (min-width: 768px) { .module_gallery-05 ul li:nth-child(-n+5) { margin-top: 0; } } .module_gallery-06 ul li { margin-right: 15px; width: calc((100% - 15px) / 2); } @media print, (min-width: 768px) { .module_gallery-06 ul li { margin-right: 30px; width: calc((100% - 150px) / 6); } } .module_gallery-06 ul li:nth-child(2n+2) { margin-right: 0; } @media print, (min-width: 768px) { .module_gallery-06 ul li:nth-child(2n+2) { margin-right: 30px; } } @media print, (min-width: 768px) { .module_gallery-06 ul li:nth-child(6n+6) { margin-right: 0; } } .module_gallery-06 ul li:nth-child(-n+2) { margin-top: 0; } @media print, (min-width: 768px) { .module_gallery-06 ul li:nth-child(-n+6) { margin-top: 0; } } .modaal-close:focus:after, .modaal-close:focus:before { background: #006098; } .modaal-close:hover:after, .modaal-close:hover:before { background: #006098; } .module_pager-01 { width: 100%; margin-top: 0 !important; margin-bottom: -10px; padding: 40px 0 0; } @media print, (min-width: 768px) { .module_pager-01 { padding: 80px 0 0; } } .module_pager-01 ul { display: flex; flex-wrap: wrap; justify-content: center; } .module_pager-01 ul li a, .module_pager-01 ul li span { position: relative; display: inline-block; width: 40px; height: 50px; margin: 0 5px 5px; background-color: #ffffff; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 400; text-align: center; font-size: 20px; line-height: 50px; color: #222222; text-decoration: none; transition: 0.5s; } .module_pager-01 ul li a:hover, .module_pager-01 ul li span:hover { color: #ffffff; background-color: #429538; } .module_pager-01 ul li a:hover:before, .module_pager-01 ul li span:hover:before { color: #ffffff; } body.post-type-archive-tf_news .module_pager-01 ul li a:hover, body.post-type-archive-tf_news .module_pager-01 ul li span:hover { background-color: #980047; } .module_pager-01 ul li .current { color: #ffffff; background-color: #429538; } body.post-type-archive-tf_news .module_pager-01 ul li .current { background-color: #980047; } .module_pager-01 ul li .prev:before, .module_pager-01 ul li .next:before { position: absolute; top: calc(50% - 13px); font-family: "Font Awesome 6 Pro"; font-weight: 100; line-height: 1; font-size: 28px; color: #222222; transition: 0.5s; } .module_pager-01 ul li .prev:before { content: "\f104"; right: 14px; } .module_pager-01 ul li .next:before { content: "\f105"; left: 14px; } .module_pager-01 ul li .dots { font-size: 22px; background-color: transparent; border: none; } .module_pager-01 ul li .dots:hover { background-color: transparent; border: none; color: #222222; } body.post-type-archive-tf_news .module_pager-01 ul li .dots:hover { background-color: transparent; } @media print, (min-width: 768px) { .module_pager-01 ul li .dots { font-size: 24px; } } @media print, (min-width: 768px) { .module_breadCrumb-01 { text-align: left; } } .module_breadCrumb-01 li { position: relative; margin-right: 38px; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 300; font-size: 12px; display: inline; color: #222222; } @media print, (min-width: 768px) { .module_breadCrumb-01 li { font-size: 13px; } } .module_breadCrumb-01 li:first-child:after { content: none; } .module_breadCrumb-01 li:last-child { margin-right: 0; } .module_breadCrumb-01 li:after { content: "\f105"; font-family: "Font Awesome 6 Pro"; font-weight: 100; line-height: 1; position: absolute; top: 1px; left: -23px; font-size: 16px; color: #222222; } .module_breadCrumb-01 li a { display: inline; color: #222222; text-decoration: none; transition: 0.5s; } .module_breadCrumb-01 li a:hover { opacity: 0.8; } .module_breadCrumb-01 li br { display: none; } .module_prevNext-01 { position: relative; display: flex; justify-content: center; align-items: center; padding-top: 50px; margin-top: 50px !important; border-top: 1px solid #999999; } body.single-event .module_prevNext-01 { border-top: none; } .module_prevNext-01.sp-d-block { display: block; } @media print, (min-width: 768px) { .module_prevNext-01 { margin-top: 60px !important; padding-top: 60px; } .module_prevNext-01.sp-d-block { display: flex; } } .module_prevNext-01 li.top { margin: 50px auto 0; } .module_prevNext-01 li.top + .top { margin-top: 25px; } @media print, (min-width: 768px) { .module_prevNext-01 li.top { margin: 0 40px; } .module_prevNext-01 li.top + .top { margin-top: 0; } } .module_prevNext-01 li.top a { padding: 10px 50px; border: 1px solid #429538; background-color: #429538; font-size: 15px; color: #ffffff; transition: 0.5s; } .module_prevNext-01 li.top a:hover { background-color: #ffffff; color: #429538; } body.single-tf_news .module_prevNext-01 li.top a { border: 1px solid #006098; background-color: #ffffff; color: #006098; } body.single-tf_news .module_prevNext-01 li.top a:hover { background-color: #006098; color: #ffffff; } .module_prevNext-01 li.top a span:before { content: none; } .module_prevNext-01 li.prev { position: absolute; left: 0; top: 40px; } @media print, (min-width: 768px) { .module_prevNext-01 li.prev { top: auto; left: 120px; } } .module_prevNext-01 li.prev a span { padding-left: 25px; } .module_prevNext-01 li.prev a span:before { content: "\f104"; left: 0; } .module_prevNext-01 li.prev a:hover span:before { left: -5px; } .module_prevNext-01 li.next { position: absolute; right: 0; top: 40px; } @media print, (min-width: 768px) { .module_prevNext-01 li.next { top: auto; right: 120px; } } .module_prevNext-01 li.next a span { padding-right: 25px; } .module_prevNext-01 li.next a span:before { content: "\f105"; right: 0; } .module_prevNext-01 li.next a:hover span:before { right: -5px; } .module_prevNext-01 li a { position: relative; display: flex; justify-content: center; align-items: center; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 400; font-size: 16px; text-decoration: none; color: #222222; transition: 0.5s; } .module_prevNext-01 li a span { position: relative; } .module_prevNext-01 li a span:before { position: absolute; font-family: "Font Awesome 6 Pro"; font-weight: 400; line-height: 1; top: calc(50% - 10px); font-size: 20px; color: #429538; transition: 0.5s; } body.single-tf_news .module_prevNext-01 li a span:before { color: #006098; } .module_search-01 { position: relative; width: 100%; } @media print, (min-width: 915px) { .module_search-01 { width: 250px; } } .module_search-01 input[type=search] { padding: 9px 30px 7px 15px; width: 100%; height: 60px; box-sizing: border-box; font-size: 16px; line-height: 60px; } @media print, (min-width: 915px) { .module_search-01 input[type=search] { height: 40px; border-bottom: 1px solid #ffffff; font-size: 16px; line-height: 40px; color: #ffffff; background-color: transparent; } } .module_search-01 button[type=submit] { position: absolute; right: 0; top: 0; width: 60px; height: 60px; background-color: transparent; } @media print, (min-width: 915px) { .module_search-01 button[type=submit] { padding-right: 0; width: 40px; height: 40px; } } .module_search-01 button[type=submit]::before { content: "\f002"; font-family: "Font Awesome 6 Pro"; font-weight: 500; line-height: 1; line-height: 1em; font-size: 24px; color: #006098; } @media print, (min-width: 915px) { .module_search-01 button[type=submit]::before { font-size: 15px; color: #ffffff; } } .module_search-01 button[type=submit] span { display: none; } @media print, (min-width: 915px) { .module_search-01 input:-moz-placeholder-shown { color: #ffffff; } .module_search-01 input:placeholder-shown { color: #ffffff; } } @media print, (min-width: 915px) { .module_search-01 input::-webkit-input-placeholder { color: #ffffff; } } .module_search-01 input:-moz-placeholder { opacity: 1; } @media print, (min-width: 915px) { .module_search-01 input:-moz-placeholder { color: #ffffff; } } .module_search-01 input::-moz-placeholder { opacity: 1; } @media print, (min-width: 915px) { .module_search-01 input::-moz-placeholder { color: #ffffff; } } @media print, (min-width: 915px) { .module_search-01 input:-ms-input-placeholder { color: #ffffff; } } .post-password-form p + p { display: flex; } .post-password-form label[for*=pwbox] { font-size: 0; line-height: 0; width: calc(70% - 60px); } .post-password-form input[type=submit] { width: 60px; background-color: #006098; color: #ffffff; border: 1px solid #006098; transition: 0.5s; } .post-password-form input[type=submit]:hover { background-color: #ffffff; color: #006098; } .module_search-02, label[for*=pwbox] { position: relative; width: 100%; max-width: 350px; } .module_search-02 input[type=search], .module_search-02 input[type=password], label[for*=pwbox] input[type=search], label[for*=pwbox] input[type=password] { padding: 9px 30px 7px 15px; width: 100%; height: 60px; box-sizing: border-box; font-size: 16px; line-height: 60px; background-color: #efefef; } .module_search-02 button[type=submit], .module_search-02 input[type=submit], label[for*=pwbox] button[type=submit], label[for*=pwbox] input[type=submit] { position: absolute; right: 0; top: 0; width: 60px; height: 60px; background-color: transparent; } .module_search-02 button[type=submit]::before, .module_search-02 input[type=submit]::before, label[for*=pwbox] button[type=submit]::before, label[for*=pwbox] input[type=submit]::before { content: "\f002"; font-family: "Font Awesome 6 Pro"; font-weight: 500; line-height: 1; line-height: 1em; font-size: 24px; color: #006098; } .module_search-02 button[type=submit] span, .module_search-02 input[type=submit] span, label[for*=pwbox] button[type=submit] span, label[for*=pwbox] input[type=submit] span { display: none; } .module_search-02 input:-moz-placeholder, label[for*=pwbox] input:-moz-placeholder { opacity: 1; } .module_search-02 input::-moz-placeholder, label[for*=pwbox] input::-moz-placeholder { opacity: 1; } .module_menu-01 ul li { position: relative; display: flex; flex-wrap: wrap; } @media print, (min-width: 915px) { .module_menu-01 ul li { width: 100%; } } .module_menu-01 ul li .link { cursor: pointer; width: 100%; position: relative; display: block; padding: 19px 20px 19px 20px; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 400; font-size: 15px; color: #222222; background-color: #efefef; text-decoration: none; transition: background-color 0.5s; } .module_menu-01 ul li .link._open-submenu { background-color: #980047; color: #ffffff; } @media print, (min-width: 915px) { .module_menu-01 ul li .link { padding: 15px 30px 15px 30px; font-size: 14px; border-bottom: none; } } @media print, (min-width: 915px) { .module_menu-01 ul li .link span { display: inline-block !important; border-bottom: 1px solid transparent; transition: 0.5s; } } .module_menu-01 ul li a { width: 100%; position: relative; display: block; padding: 19px 20px 19px 20px; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 400; font-size: 15px; color: #222222; background-color: #efefef; text-decoration: none; transition: background-color 0.5s; } .module_menu-01 ul li a._open-submenu { background-color: #980047; color: #ffffff; } .module_menu-01 ul li a._open-submenu:before { color: #ffffff; } @media print, (min-width: 915px) { .module_menu-01 ul li a { padding: 15px 30px 15px 30px; font-size: 14px; border-bottom: none; } } @media print, (min-width: 915px) { .module_menu-01 ul li a span { display: inline-block !important; border-bottom: 1px solid transparent; transition: 0.5s; } } .module_menu-01 ul li label { position: relative; display: flex; justify-content: center; align-items: center; margin-top: 0 !important; width: 48px; background-color: #efefef; border-left: 1px solid transparent; transition: 0.5s; } @media print, (min-width: 915px) { .module_menu-01 ul li label { border-left: none; } } .module_menu-01 ul li label._open-submenu { background-color: #980047; border-left: 1px solid transparent; } @media print, (min-width: 915px) { .module_menu-01 ul li label._open-submenu { border-left: none; } } .module_menu-01 ul li label._open-submenu span:before, .module_menu-01 ul li label._open-submenu span:after { background-color: #ffffff; } .module_menu-01 ul li label span { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 0; line-height: 0; cursor: pointer; } .module_menu-01 ul li label span:before, .module_menu-01 ul li label span:after { content: ""; width: 17px; height: 2px; border-radius: 4px; background-color: #980047; position: absolute; transition: all 0.5s; } .module_menu-01 ul li label span:before { top: calc(50% - 8px); left: calc(50% - 2px); width: 2px; height: 16px; } .module_menu-01 ul li label span:after { left: calc(50% - 9px); top: calc(50% - 1px); } .module_menu-01 ul li label._open-submenu span:before { transform: rotate(-90deg); } .module_menu-01 ul li label._open-submenu span:after { transform: rotate(180deg); } .module_menu-01 ul li label button { display: none; } .module_menu-01 ul li div[class^=accordion-] { display: none; width: 100%; transition: top 0.5s; } .module_menu-01 .ul-top > li { border-bottom: 1px solid #ababab; } @media print, (min-width: 915px) { .module_menu-01 .ul-top > li { border-bottom: 2px solid #ffffff; } } .module_menu-01 .ul-top > li:hover .link:before { border-left: 1px solid transparent; } .module_menu-01 .ul-top > li.child .link { width: calc(100% - 48px); } .module_menu-01 .ul-top > li.child .link:before, .module_menu-01 .ul-top > li.child .link:after { content: none; } .module_menu-01 .ul-top > li.child > a { width: calc(100% - 48px); } .module_menu-01 .ul-top > li.child > a:before, .module_menu-01 .ul-top > li.child > a:after { content: none; } .module_menu-01 .ul-top > li.child:hover > .link { background-color: #980047; color: #ffffff; } .module_menu-01 .ul-top > li.child:hover > a { background-color: #980047; color: #ffffff; } .module_menu-01 .ul-top > li.child:hover > label { background-color: #980047; border-left: 1px solid transparent; } @media print, (min-width: 915px) { .module_menu-01 .ul-top > li.child:hover > label { border-left: none; } } .module_menu-01 .ul-top > li.child:hover > label span:after, .module_menu-01 .ul-top > li.child:hover > label span:before { background-color: #ffffff; } .module_menu-01 .ul-top > li .link { width: 100%; position: relative; } .module_menu-01 .ul-top > li .link:before { content: "\f105"; font-family: "Font Awesome 6 Pro"; font-weight: 500; line-height: 1; position: absolute; top: calc(50% - 9px); right: 20px; z-index: 2; font-size: 20px; color: #980047; transition: 0.8s; } .module_menu-01 .ul-top > li .link:after { content: ""; width: 1px; height: 100%; position: absolute; top: 0; right: 47px; z-index: 2; background-color: #ababab; transition: 0.8s; } @media print, (min-width: 915px) { .module_menu-01 .ul-top > li .link:after { content: none; } } .module_menu-01 .ul-top > li .link:hover { background-color: #980047; color: #ffffff; } .module_menu-01 .ul-top > li .link:hover:before { color: #ffffff; } .module_menu-01 .ul-top > li .link:hover:after { background-color: #ffffff; } @media print, (min-width: 915px) { .module_menu-01 .ul-top > li .link .title { display: block; } } .module_menu-01 .ul-top > li > a { width: 100%; position: relative; } .module_menu-01 .ul-top > li > a:before { content: "\f105"; font-family: "Font Awesome 6 Pro"; font-weight: 500; line-height: 1; position: absolute; top: calc(50% - 9px); right: 20px; z-index: 2; font-size: 20px; color: #980047; transition: 0.8s; } .module_menu-01 .ul-top > li > a:after { content: ""; width: 1px; height: 100%; position: absolute; top: 0; right: 47px; z-index: 2; background-color: #ababab; transition: 0.8s; } @media print, (min-width: 915px) { .module_menu-01 .ul-top > li > a:after { content: none; } } body.iam_stfl .module_menu-01 .ul-top > li > a:after { content: none; } .module_menu-01 .ul-top > li > a:hover { background-color: #980047; color: #ffffff; } .module_menu-01 .ul-top > li > a:hover:before { color: #ffffff; } .module_menu-01 .ul-top > li > a:hover:after { background-color: #ffffff; } @media print, (min-width: 915px) { .module_menu-01 .ul-top > li > a .title { display: block; } } .module_menu-01 .ul-top > li > label:hover { background-color: #980047; } .module_menu-01 .ul-top > li > label:hover span:before, .module_menu-01 .ul-top > li > label:hover span:after { background-color: #ffffff; } .module_menu-01 .ul-top > li .accordion-01 { border-top: 1px solid #ffffff; background-color: #ffffff; /* &._open-submenu{ display: block !important; }*/ } @media print, (min-width: 915px) { .module_menu-01 .ul-top > li .accordion-01 { border-top: none; background-color: #efefef; } } .module_menu-01 .ul-top > li .accordion-01 .accordion_inner-01 { padding: 0 35px; } @media print, (min-width: 915px) { .module_menu-01 .ul-top > li .accordion-01 .accordion_inner-01 { padding: 0; } } .module_menu-01 .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 { background-color: #ffffff; padding: 10px 0 30px; } @media print, (min-width: 915px) { .module_menu-01 .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 { background-color: #efefef; } } .module_menu-01 .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li { position: relative; border-bottom: 1px solid #ababab; } @media print, (min-width: 915px) { .module_menu-01 .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li { border-bottom: none; } } @media print, (min-width: 915px) { .module_menu-01 .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li:hover > a { color: #980047; } } .module_menu-01 .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li:hover > a:before { color: #980047; } .module_menu-01 .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li.child > a { width: calc(100% - 48px); } .module_menu-01 .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li > a { position: relative; margin-bottom: 0; padding: 14px 0; background-color: #ffffff; font-size: 15px; color: #222222; } @media print, (min-width: 915px) { .module_menu-01 .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li > a { padding: 10px 40px 10px 60px; background-color: #efefef; } } .module_menu-01 .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li > a._open-submenu { color: #980047; } .module_menu-01 .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li > a._open-submenu:before { color: #980047; } .module_menu-01 .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li > a:before { content: none; font-family: "Font Awesome 6 Pro"; font-weight: 100; line-height: 1; position: absolute; top: calc(50% - 10px); left: 40px; color: #222222; transition: 0.5s; } @media print, (min-width: 915px) { .module_menu-01 .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li > a:before { content: "\f061"; } } .module_menu-01 .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li .accordion-02 { padding-bottom: 30px; } @media print, (min-width: 915px) { .module_menu-01 .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li .accordion-02 { display: none !important; } } .module_menu-01 .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li .accordion-02 .accordion_inner-02 { padding: 10px 0; background-color: #f5f3f9; } .module_menu-01 .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li .accordion-02 .accordion_inner-02 .ul-02 > li { border-bottom: none; } .module_menu-01 .ul-top > li .accordion-01 .accordion_inner-01 .ul-01 > li .accordion-02 .accordion_inner-02 .ul-02 > li > a { padding: 5px 30px; border-bottom: none; } .global_navigation .module_menu-01 ul li .link { padding: 18px 20px; } .global_navigation .module_menu-01 ul li .link:before { content: "\f105"; font-family: "Font Awesome 6 Pro"; font-weight: 400; line-height: 1; position: absolute; top: 0; right: 0; padding: 16px 24px; height: 100%; color: #980047; font-size: 28px; border-left: 1px solid transparent; box-sizing: border-box; } .global_navigation .module_menu-01 ul li .link:after { content: none; } .global_navigation .module_menu-01 ul li label { width: 60px; } .global_navigation .module_menu-01 ul li label span:before, .global_navigation .module_menu-01 ul li label span:after { height: 3px; border-radius: 5px; } .global_navigation .module_menu-01 ul li label span:before { top: calc(50% - 8px); left: calc(50% - 2px); width: 3px; height: 17px; } .global_navigation .module_menu-01 ul li label span:after { left: calc(50% - 9px); top: calc(50% - 1px); } .global_navigation .module_menu-01 .ul-top > li.child .link { width: calc(100% - 60px); } .module_stepList-01 { display: flex; flex-wrap: wrap; margin-top: 50px; } @media print, (min-width: 768px) { .module_stepList-01 { margin-top: 70px; padding: 0 15px; } } .module_stepList-01 li { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: calc(33.3333% - 10px); margin-right: 15px; padding: 15px 0; border: 1px solid #429538; border-right: none; background-color: #ffffff; height: 126px; box-sizing: border-box; } @media print, (min-width: 768px) { .module_stepList-01 li { max-width: 235px; width: calc(33.3333% - 30px); margin-right: 45px; padding: 6px; height: 70px; box-sizing: border-box; } } @media print, (min-width: 1040px) { .module_stepList-01 li { width: 50%; } } .module_stepList-01 li:after { content: ""; position: absolute; top: 30px; right: -38px; z-index: 4; display: block; width: 64px; height: 1px; background-color: #429538; transform: rotate(80deg); } @media print, (min-width: 768px) { .module_stepList-01 li:after { top: 16px; right: -42px; z-index: 1; display: block; width: 49px; height: 1px; transform: rotate(45deg); } } .module_stepList-01 li:before { content: ""; position: absolute; top: 93px; right: -38px; z-index: 1; display: block; width: 64px; height: 1px; background-color: #429538; transform: rotate(-80deg); } @media print, (min-width: 768px) { .module_stepList-01 li:before { top: 50px; right: -42px; z-index: 1; display: block; width: 49px; height: 1px; transform: rotate(-45deg); } } .module_stepList-01 li:last-child { margin-right: 0; border-right: 1px solid #429538; } @media print, (min-width: 768px) { .module_stepList-01 li:last-child { max-width: 250px; } } .module_stepList-01 li:last-child:after, .module_stepList-01 li:last-child:before { content: none; } .module_stepList-01 li:last-child span { width: 100%; } .module_stepList-01 li._now { background-color: #429538; } .module_stepList-01 li._now:after { content: ""; position: absolute; top: -1px; right: -12px; z-index: 2; display: block; width: 0; height: 0; border-style: solid; border-width: 63px 0 63px 12px; border-color: transparent transparent transparent #429538; background-color: transparent; transform: rotate(0deg); } @media print, (min-width: 768px) { .module_stepList-01 li._now:after { content: ""; position: absolute; top: -1px; right: -35px; z-index: 2; display: block; width: 0; height: 0; border-style: solid; border-width: 35px 0 35px 35px; border-color: transparent transparent transparent #429538; background-color: transparent; transform: rotate(0deg); } } .module_stepList-01 li._now:before { content: none; } .module_stepList-01 li._now .step { color: #ffffff; } .module_stepList-01 li._now .title { color: #ffffff; } .module_stepList-01 li .step { width: 100%; font-size: 14px; text-align: center; color: #429538; } .module_stepList-01 li .title { width: 100%; font-size: 18px; text-align: center; color: #429538; } .module_stepList-01 li .title span { font-size: 14px; display: block; } @media print, (min-width: 768px) { .module_stepList-01 li .title span { display: inline; } } .module_stepList-01 .step-03._now:after { content: none; } [class*=module_label_] { display: inline-block; padding: 5px 9px; margin: 0 10px 0 0; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 400; font-size: 14px; } .module_label_any { background-color: #d8d0e6; color: #006098; } .module_label_need { background-color: #F14F4F; color: #ffffff; margin: 0 10px 5px 0; } @media print, (min-width: 768px) { .module_label_need { margin: 0 10px 0 0; } } .module_label_en { margin-top: 0 !important; display: inline-block; font-family: "Font Awesome 6 Pro"; font-weight: 100; line-height: 1; font-size: 14px; line-height: 1.6; } @media print, (min-width: 768px) { .module_label_en { margin-left: 6px; } } .briefing_affiliation-02:after, .program_education:after, .program_acquired:after, .briefing_date:after { content: "\f078"; font-family: "Font Awesome 6 Pro"; font-weight: 600; line-height: 1; position: absolute; right: 15px; top: calc(50% - 8px); color: #333333; pointer-events: none; } @media print, (min-width: 768px) { .briefing_affiliation-02:after, .program_education:after, .program_acquired:after, .briefing_date:after { right: 30px; } } .module_fromList-01 { margin: 50px 0; padding: 26px 0; border-top: 1px solid #999999; border-bottom: 1px solid #999999; } @media print, (min-width: 768px) { .module_fromList-01 { margin: 50px 0 0; padding: 40px 100px; } } .module_fromList-01 + .module_fromList-01 { border-top: none; padding: 0 0 26px; } @media print, (min-width: 768px) { .module_fromList-01 + .module_fromList-01 { padding: 0 100px 26px; } } .module_fromList-01 > li { padding: 23px 0; } .module_from-01 dl dt { position: relative; display: flex; flex-wrap: wrap; align-items: center; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 400; font-size: 16px; line-height: 20px; } @media print, (min-width: 768px) { .module_from-01 dl dt { font-size: 18px; } } .module_from-01 dl dd { position: relative; margin-top: 8px; } @media print, (min-width: 768px) { .module_from-01 dl dd { margin-top: 15px; } } .module_from-01 .module_column-01, .module_from-01 .module_column-02 { margin-top: 15px; } .module_from-01 .module_column-02 { justify-content: space-between; } .module_from-01 .module_column-02 dl { width: calc((100% - 8px) / 2); } @media print, (min-width: 768px) { .module_from-01 .module_column-02 dl { width: calc((100% - 24px) / 2); } } .module_from-01 .module_column-02 dl dt { width: 100%; } .module_from-01 .module_column-02 dl dd { width: 100%; } .module_from-01 .module_column-01 .module_column-02 { margin-bottom: 10px; } @media print, (min-width: 768px) { .module_from-01 .module_column-01 .module_column-02 { justify-content: flex-start; } } .module_from-01 .module_column-01 .module_column-02 span { width: 80px; display: flex; flex-wrap: wrap; } .module_from-01 .module_column-01 .module_column-02 span:nth-child(2) { width: calc(100% - 80px); } @media print, (min-width: 768px) { .module_from-01 .module_column-01 .module_column-02 span.postal { width: 388px !important; } } @media print, (min-width: 768px) { .module_from-01 .module_column-01 .module_column-02 span.pref { width: 388px !important; } } .module_from-01 #btn_auto_postal { position: absolute; top: -32px; right: 0; display: inline-block; width: auto; height: 24px; margin-left: 12px; padding: 2px 8px; background: #999; border-radius: 0; color: #fff; font-size: 12px; text-decoration: none; cursor: pointer; } @media print, (min-width: 768px) { .module_from-01 #btn_auto_postal { position: relative; top: auto; right: auto; height: 48px; margin-left: 24px; padding: 11px 15px; font-size: 16px; } } .module_from-01 input[type=email], .module_from-01 input[type=tel], .module_from-01 input[type=text] { width: 100%; height: 50px; padding: 0 16px; background: #efefef; border: 1px solid #efefef; box-sizing: border-box; color: #222222; line-height: 50px; transition: 0.5s; } .module_from-01 input[type=email].wpcf7-not-valid, .module_from-01 input[type=tel].wpcf7-not-valid, .module_from-01 input[type=text].wpcf7-not-valid { background: rgba(241, 79, 79, 0.2); } .module_from-01 input[type=email]::-webkit-input-placeholder, .module_from-01 input[type=tel]::-webkit-input-placeholder, .module_from-01 input[type=text]::-webkit-input-placeholder { color: #999999; -webkit-transition: 0.1s; transition: 0.1s; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 500; font-size: 1.6rem; line-height: 48px; } .module_from-01 input[type=email]:-moz-placeholder, .module_from-01 input[type=tel]:-moz-placeholder, .module_from-01 input[type=text]:-moz-placeholder { color: #999999; -moz-transition: 0.1s; transition: 0.1s; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 500; font-size: 1.6rem; line-height: 48px; } .module_from-01 input[type=email]::-moz-placeholder, .module_from-01 input[type=tel]::-moz-placeholder, .module_from-01 input[type=text]::-moz-placeholder { color: #999999; -moz-transition: 0.1s; transition: 0.1s; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 500; font-size: 1.6rem; line-height: 48px; } .module_from-01 input[type=email]:-ms-input-placeholder, .module_from-01 input[type=tel]:-ms-input-placeholder, .module_from-01 input[type=text]:-ms-input-placeholder { color: #999999; -ms-transition: 0.1s; transition: 0.1s; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 500; font-size: 1.6rem; line-height: 48px; } .module_from-01 input[type=email]:focus, .module_from-01 input[type=tel]:focus, .module_from-01 input[type=text]:focus { background: #fff; border: 2px solid #429538; color: #222222; } .module_from-01 input[type=email]:focus::-webkit-input-placeholder, .module_from-01 input[type=tel]:focus::-webkit-input-placeholder, .module_from-01 input[type=text]:focus::-webkit-input-placeholder { color: #fff; -webkit-transition: 0.1s; transition: 0.1s; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 500; font-size: 1.6rem; line-height: 48px; } .module_from-01 input[type=email]:focus:-moz-placeholder, .module_from-01 input[type=tel]:focus:-moz-placeholder, .module_from-01 input[type=text]:focus:-moz-placeholder { color: #fff; -moz-transition: 0.1s; transition: 0.1s; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 500; font-size: 1.6rem; line-height: 48px; } .module_from-01 input[type=email]:focus::-moz-placeholder, .module_from-01 input[type=tel]:focus::-moz-placeholder, .module_from-01 input[type=text]:focus::-moz-placeholder { color: #fff; -moz-transition: 0.1s; transition: 0.1s; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 500; font-size: 1.6rem; line-height: 48px; } .module_from-01 input[type=email]:focus:-ms-input-placeholder, .module_from-01 input[type=tel]:focus:-ms-input-placeholder, .module_from-01 input[type=text]:focus:-ms-input-placeholder { color: #fff; -ms-transition: 0.1s; transition: 0.1s; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 500; font-size: 1.6rem; line-height: 48px; } .module_from-01 select { position: relative; width: 100%; height: 50px; padding: 0 30px 0 16px; background: #efefef; border: 1px solid #efefef; box-sizing: border-box; color: #222222; line-height: 50px; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: 0.5s; cursor: pointer; } @media print, (min-width: 768px) { .module_from-01 select { width: 100%; } } .module_from-01 select.wpcf7-not-valid { background: rgba(241, 79, 79, 0.2); } .module_from-01 select.select_budget { display: inline-block; width: 46%; } .module_from-01 select option { color: #222222; background-color: #ffffff; border-top: #d6d6d6 1px solid; } .module_from-01 .wpcf7-form-control-wrap { position: relative; } .module_from-01 .wpcf7-form-control-wrap.affiliation:before { pointer-events: none; content: "\f107"; position: absolute; top: calc(50% - 10px); right: 15px; z-index: 2; font-family: "Font Awesome 6 Pro"; font-weight: 400; line-height: 1; color: #222222; font-size: 20px; } .module_from-01 select::-ms-expand { display: none; } .module_from-01 input[type=checkbox] { display: none; } .module_from-01 .wpcf7-checkbox { margin-top: 15px; display: block; } .module_from-01 .wpcf7-checkbox .wpcf7-list-item { display: block; margin: 0 0 14px 0; } @media print, (min-width: 768px) { .module_from-01 .wpcf7-checkbox .wpcf7-list-item { margin: 0 0 6px 0; } } .module_from-01 .wpcf7-checkbox .wpcf7-list-item:last-child { margin: 0; } .module_from-01 .wpcf7-radio { margin-top: 15px; display: block; } .module_from-01 .wpcf7-radio .wpcf7-list-item { display: block; margin: 0 40px 15px 0; } @media print, (min-width: 768px) { .module_from-01 .wpcf7-radio .wpcf7-list-item { margin: 0 40px 15px 0; display: inline-block; } } .module_from-01 .wpcf7-radio .wpcf7-list-item:last-child { margin: 0; } .module_from-01 .wpcf7c-conf { pointer-events: none; } .module_from-01 textarea { width: 100%; height: 200px; padding: 16px; background: #efefef; border: 1px solid #efefef; box-sizing: border-box; color: #222222; transition: 0.5s; } .module_from-01 textarea.wpcf7-not-valid { background: rgba(241, 79, 79, 0.2); } .module_from-01 textarea:focus { background: #fff; color: #222222; border: 2px solid #429538; } .module_from-01 .module_submit-01 { margin-top: 50px; text-align: center; } .module_from-01 input[type=submit] { width: 90%; display: block; margin: 0 auto; padding: 13px 10px; text-align: center; border: 1px solid #429538; color: #ffffff; background-color: #429538; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 400; font-size: 15px; letter-spacing: 1.2px; transition: 0.5s; cursor: pointer; position: relative; } @media print, (min-width: 768px) { .module_from-01 input[type=submit] { display: inline-block; width: 300px; margin: 0 12px; text-align: center; } } .module_from-01 input[type=submit]:hover { color: #429538; background-color: #ffffff; } .module_from-01 input[type=submit]:hover:after { color: #fff; } .module_from-01 input[type=button] { width: 90%; display: block; margin: 0 auto 20px; padding: 13px 10px; text-align: center; border: 1px solid #429538; color: #429538; background-color: #fff; font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 400; font-size: 15px; letter-spacing: 1.2px; transition: 0.5s; cursor: pointer; position: relative; } @media print, (min-width: 768px) { .module_from-01 input[type=button] { display: inline-block; width: 300px; margin: 0 12px; text-align: center; } } .module_from-01 input[type=button]:hover { color: #fff; background-color: #429538; } .module_from-01 input[type=button]:hover:after { color: #fff; } .module_from-01 div.wpcf7-validation-errors { margin: 0 auto 48px auto !important; padding: 15px; background-color: rgba(241, 79, 79, 0.1) !important; border: 1px solid #F14F4F !important; color: #F14F4F !important; font-size: 14px; } .module_from-01 span.wpcf7-not-valid-tip { margin-top: 5px; color: #F14F4F; } .lead_confirm { margin-top: 40px; text-align: center; } .lead_confirm.wpcf7c-elm-step3 { margin-top: 40px; } .lead_confirm.wpcf7c-elm-step3 + .wpcf7c-elm-step3 { margin-top: 10px; } .lead_confirm.wpcf7c-elm-step3 + .wpcf7c-elm-step3.module_btn-01 { margin-top: 30px; } .lead_confirm.wpcf7c-elm-step3.module_btn-01 { margin-top: 30px; } label { cursor: pointer; } input[type=radio], input[type=checkbox], input[type=hidden] { display: none; } input[type=radio] + span, input[type=checkbox] + span, input[type=hidden] + span { display: inline-block; position: relative; padding-left: 40px; line-height: 2.3; font-size: 16px; } @media print, (min-width: 768px) { input[type=radio] + span, input[type=checkbox] + span, input[type=hidden] + span { line-height: 1.6; } } input[type=radio] + span::before, input[type=radio] + span::after, input[type=checkbox] + span::before, input[type=checkbox] + span::after, input[type=hidden] + span::before, input[type=hidden] + span::after { content: ""; display: block; position: absolute; left: 0; top: 3px; z-index: 0; box-sizing: border-box; border: 1px solid #ababab; padding: 4px 0 0 5px; width: 30px; height: 30px; font-size: 18px; background-color: transparent; transition: all 0.3s ease; } @media print, (min-width: 768px) { input[type=radio] + span::before, input[type=radio] + span::after, input[type=checkbox] + span::before, input[type=checkbox] + span::after, input[type=hidden] + span::before, input[type=hidden] + span::after { padding: 2px 0 0 2px; width: 20px; height: 20px; font-size: 14px; } } input[type=radio] + span::after, input[type=checkbox] + span::after, input[type=hidden] + span::after { border-color: transparent; } input[type=radio]:checked + span::after, input[type=checkbox]:checked + span::after, input[type=hidden]:checked + span::after { color: #ffffff; background-color: #429538; } input[type=radio]:checked + [type=hidden] + span::after, input[type=checkbox]:checked + [type=hidden] + span::after, input[type=hidden]:checked + [type=hidden] + span::after { color: #ffffff; background-color: #429538; } input[type=radio]:hover + span::before, input[type=checkbox]:hover + span::before, input[type=hidden]:hover + span::before { border-color: #429538; } input[type=radio] + span::before, input[type=radio] + span::after { border-radius: 100%; } input[type=radio] + span::after { transform: scale(0.6); } input[type=radio] + [type=hidden] + span::before, input[type=radio] + [type=hidden] + span::after { border-radius: 100%; } input[type=radio] + [type=hidden] + span::after { transform: scale(0.6); } input[type=checkbox] + span::after { content: "\f00c"; font-family: "Font Awesome 6 Pro"; font-weight: 400; line-height: 1; color: transparent; } input[type=checkbox] + [type=hidden] + span::after { content: "\f00c"; font-family: "Font Awesome 6 Pro"; font-weight: 400; line-height: 1; color: transparent; } .module_contents-01 { display: block; } @media print, (min-width: 768px) { .module_contents-01 { display: flex; flex-wrap: wrap; justify-content: space-between; } } @media print, (min-width: 768px) { .module_contents-01 .head { width: 30%; } } .module_contents-01 .head .module_title-04 { margin-bottom: 0 !important; } body.en .module_contents-01 .head .module_title-04 { font-family: "Poppins", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: bold; } .module_contents-01 .body { margin-top: 35px; } @media print, (min-width: 768px) { .module_contents-01 .body { width: calc(70% - 40px); margin-top: 20px; } } .module_contents-01 .body .text { font-size: 15px; } @media print, (min-width: 768px) { .module_contents-01 .body .text { font-size: 16px; } } .module_contents-02 { display: flex; flex-wrap: wrap; justify-content: space-between; } @media print, (min-width: 768px) { .module_contents-02 { align-items: center; } } .module_contents-02 .head { position: relative; width: 65px; } @media print, (min-width: 768px) { .module_contents-02 .head { width: 160px; height: 160px; } } .module_contents-02 .head:before, .module_contents-02 .head:after { content: ""; position: relative; display: block; width: 40px; height: 40px; background-color: rgba(193, 215, 228, 0.5); } @media print, (min-width: 768px) { .module_contents-02 .head:before, .module_contents-02 .head:after { width: 100px; height: 100px; } } .module_contents-02 .head:before { top: 0; left: 0; } .module_contents-02 .head:after { top: -15px; left: 25px; } @media print, (min-width: 768px) { .module_contents-02 .head:after { top: -40px; left: 60px; } } .module_contents-02 .body { width: calc(100% - 85px); } @media print, (min-width: 768px) { .module_contents-02 .body { width: calc(100% - 200px); } } .module_contents-02 .body .text { font-size: 15px; } @media print, (min-width: 768px) { .module_contents-02 .body .text { font-size: 16px; } } body.en .module_contents-02 .body .text { font-family: "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; } .module_contents-03 { background-image: url(/wp/wp-content/themes/ifi/images/common/bg_research_01.jpg); background-size: cover; background-repeat: no-repeat; } .module_contents-03 .global_inner { margin: 0 auto; padding: 60px 20px 75px; } @media print, (min-width: 768px) { .module_contents-03 .global_inner { padding: 100px 15px 110px; } } .module_contents-03 .global_inner .title { max-width: 640px; width: 100%; margin: 0 auto; font-size: 28px; font-weight: bold; color: #ffffff; text-align: center; line-height: 1.2; } .module_contents-03 .global_inner .title br { display: block; } @media print, (min-width: 768px) { .module_contents-03 .global_inner .title br { display: none; } } .module_contents-03 .global_inner .text { max-width: 640px; width: 100%; margin: 30px auto 0; font-size: 15px; color: #ffffff; text-align: left; } @media print, (min-width: 768px) { .module_contents-03 .global_inner .text { font-size: 16px; } } body.en .module_contents-03 .global_inner .text { font-family: "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; } .module_contents-03 .global_inner .module_btn-03 { margin-top: 50px; } @media print, (min-width: 768px) { .module_contents-03 .global_inner .module_btn-03 { margin-top: 40px; } } .module_contents-04 { position: relative; padding: 30px; } @media print, (min-width: 768px) { .module_contents-04 { padding: 50px; } } .module_contents-04 p { font-family: "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; font-weight: 400; } .module_contents-04:before, .module_contents-04:after { content: ""; position: absolute; top: 0; left: 10px; border: 1px solid #efefef; display: block; width: 100%; height: 100%; } .module_contents-04:before { width: calc(100% - 20px); height: 100%; } .module_contents-04:after { top: 10px; left: 0; width: 100%; height: calc(100% - 20px); } .module_contents-05 { padding: 40px 20px; background-color: #efefef; text-align: center; } @media print, (min-width: 768px) { .module_contents-05 { padding: 50px 80px; } } .module_contents-05 .title { font-size: 22px; font-weight: bold; } @media print, (min-width: 768px) { .module_contents-05 .title { font-size: 28px; } } .module_contents-05 .text { margin-top: 20px; font-size: 16px; } .module_contents-05 .module_btn-01, .module_contents-05 .module_btn-02 { margin-top: 30px; } @media print, (min-width: 768px) { .module_contents-05 .module_btn-01, .module_contents-05 .module_btn-02 { margin-top: 45px; } } .module_contents-05 .module_btn-01 a, .module_contents-05 .module_btn-02 a { padding: 10px 50px; } .module_contents-06 { background-color: #efefef; } .module_contents-06 .global_inner { padding: 40px 20px; } @media print, (min-width: 768px) { .module_contents-06 .global_inner { padding: 60px 20px 70px; } } .module_contents-06 .title { font-size: 22px; color: #006098; font-weight: bold; text-align: center; } @media print, (min-width: 768px) { .module_contents-06 .title { font-size: 28px; } } .module_contents-06 .text { margin-top: 15px; font-size: 16px; } body.en .module_contents-06 .text { font-family: "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", Meiryo, sans-serif; } .module_contents-06 .module_list-01 { margin-top: 35px; padding: 35px 20px; background-color: #ffffff; } @media print, (min-width: 768px) { .module_contents-06 .module_list-01 { padding: 35px; display: flex; flex-wrap: wrap; } } @media print, (min-width: 768px) { .module_contents-06 .module_list-01 li { width: calc(33.3333% - 21px); } } .module_contents-06 .module_btn-01 a { padding: 13px 50px; max-width: 280px; width: 80%; } body.contact .module_table-01 .module_btn-01 { text-align: left; } .sitemap_module-01 { border-bottom: 1px solid #C1D7E4; padding: 25px 0; } @media print, (min-width: 768px) { .sitemap_module-01 { padding: 45px 0; } } .sitemap_module-01:first-child { padding: 15px 0 25px; } @media print, (min-width: 768px) { .sitemap_module-01:first-child { padding: 20px 0 45px; } } .sitemap_module-01:nth-child(7) .title + ul li { width: 100%; } @media print, (min-width: 768px) { .sitemap_module-01:nth-child(7) .title + ul li { width: 33.3333333333%; } } .sitemap_module-01:last-child ul li a { font-weight: bold; } .sitemap_module-01 .title a { font-size: 22px; font-weight: bold; color: #006098; text-decoration: none; transition: 0.5s; } @media print, (min-width: 768px) { .sitemap_module-01 .title a { font-size: 26px; } } .sitemap_module-01 .title a:hover { opacity: 0.7; text-decoration: none; } .sitemap_module-01 .title + ul { margin-top: 15px; display: flex; flex-wrap: wrap; } .sitemap_module-01 .title + ul li { width: 50%; } @media print, (min-width: 768px) { .sitemap_module-01 .title + ul li { width: 33.3333333333%; } } .sitemap_module-01 .subtitle { margin-top: 20px; position: relative; padding-left: 15px; font-size: 18px; color: #222222; } @media print, (min-width: 768px) { .sitemap_module-01 .subtitle { margin-top: 30px; font-weight: bold; } } .sitemap_module-01 .subtitle:before { content: "-"; position: absolute; top: 0; left: 0; color: #222222; } .sitemap_module-01 .subtitle + ul { margin-top: 10px; } @media print, (min-width: 768px) { .sitemap_module-01 ul { display: flex; flex-wrap: wrap; } } .sitemap_module-01 ul li { padding: 5px 20px 5px 0; } @media print, (min-width: 768px) { .sitemap_module-01 ul li { padding: 10px 30px 10px 0; width: 33.3333333333%; } } .sitemap_module-01 ul li a { font-size: 16px; color: #006098; text-decoration: none; transition: 0.5s; } .sitemap_module-01 ul li a:hover { opacity: 0.7; text-decoration: none; } .sitemap_module-01 ul + .subtitle { margin-top: 30px; } @media print, (min-width: 768px) { .sitemap_module-01 ul + .subtitle { margin-top: 70px; } } .author-block .contents-flexbox { display: flex; margin-top: 50px; align-items: center; text-decoration: none; } .author-block .contents-flexbox .image-wrap { width: 30%; } .author-block .contents-flexbox .image-wrap img { width: 100%; } .author-block .main-cts { width: 70%; padding-left: 20px; } .author-block .main-cts h3 { text-decoration: underline; } .author-block .main-cts p { color: #333; } @media only screen and (max-width: 768px) { .author-block { padding: 0 0 20px; } .author-block .main-cts { padding-left: 20px; } .author-block .contents-flexbox { margin-top: 30px; } .author-block h3, .author-block p { font-size: 1.2em; } .author-block p { font-size: 1em; } .author-block + .author-block { border-top: 1px solid #ccc; } } .accordionarea { margin-top: 30px; } @media print, (min-width: 768px) { .accordionarea { margin-top: 50px; } } .module_accordion-03._qa .accordion .head { padding: 15px 55px 15px 60px; } @media print, (min-width: 768px) { .module_accordion-03._qa .accordion .head { padding: 15px 55px 15px 80px; } } .module_accordion-03._qa .accordion .head::before { position: absolute; top: 16px; left: 20px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; line-height: 1em; content: "Q"; font-size: 18px; color: #429538; background-color: #C1D7E4; border-radius: 50%; } .module_accordion-03._qa .accordion .body { padding: 15px 55px 15px 60px; } @media print, (min-width: 768px) { .module_accordion-03._qa .accordion .body { padding: 15px 55px 15px 80px; } } .module_accordion-03._qa .accordion .body::before { display: block; position: absolute; top: 16px; left: 20px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; line-height: 1em; font-size: 18px; border-radius: 50%; content: "A"; color: #006098; background-color: #429538; } .module_accordion-03 .accordion { transition: 0.6s; } .module_accordion-03 .accordion._open .head .button { background-color: #429538; } .module_accordion-03 .accordion._open .head .button span::after { transform: rotate(0deg); } .module_accordion-03 .accordion + .accordion { margin-top: 30px; } .module_accordion-03 .accordion .head { position: relative; padding: 15px 80px 15px 20px; cursor: pointer; transition: 0.6s; background-color: #eeeeee; } .module_accordion-03 .accordion .head .title { font-size: 18px; font-style: normal; font-weight: 700; line-height: 150%; /* 27px */ letter-spacing: 1.8px; } @media print, (min-width: 768px) { .module_accordion-03 .accordion .head .title { font-size: 20px; font-style: normal; font-weight: 700; line-height: 150%; /* 30px */ letter-spacing: 2px; } } .module_accordion-03 .accordion .head .button { position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center; width: 60px; height: 100%; transition: 0.6s; background-color: #006098; } .module_accordion-03 .accordion .head .button span::before, .module_accordion-03 .accordion .head .button span::after { position: absolute; top: calc(50% - 1px); left: calc(50% - 9px); display: block; width: 18px; height: 2px; content: ""; background-color: #ffffff; transition: 0.6s; } .module_accordion-03 .accordion .head .button span::after { transform: rotate(90deg); } .module_accordion-03 .accordion .body { position: relative; display: none; padding: 20px 0 0; } @media print, (min-width: 768px) { .module_accordion-03 .accordion .body { padding: 20px 0 0; } } .module_accordion-03 .accordion .body .text { display: flow-root; } .frm_forms h2 { font-size: 2.5rem; font-weight: bold; border-bottom: solid 2px #ccc; margin: 20px 0 40px; } @media print, (min-width: 768px) { .frm_forms { margin: 0 auto; max-width: 750px; } } @media print, (min-width: 768px) { .frm_forms .frm_form_field { margin-bottom: 30px; } } .frm_forms input[type=text], .frm_forms input[type=email], .frm_forms input[type=textarea], .frm_forms select, .frm_forms textarea { border: 1px solid #f3f3f3; width: 100%; height: 50px; background-color: #f3f3f3; font-size: 16px; transition: border-color 0.3s, background-color 0.3s; } .frm_forms textarea { min-height: 10em; } .frm_forms .frm_select { position: relative; cursor: pointer; } .frm_forms .frm_select::after { content: "\f107"; position: absolute; font-family: "Font Awesome 6 Pro"; font-weight: 100; line-height: 1; color: #222222; pointer-events: none; font-size: 6vw; top: 50%; right: 20px; transform: translateY(-50%); } @media print, (min-width: 768px) { .frm_forms .frm_select::after { font-size: 20px; } } .frm_forms .frm_opt_container { display: flex; flex-wrap: wrap; } .frm_forms .frm_opt_container .frm_checkbox, .frm_forms .frm_opt_container .frm_radio { margin-bottom: 10px !important; margin-right: 20px; } .frm_forms .frm_opt_container label { position: relative; padding-left: 28px; } @media print, (min-width: 768px) { .frm_forms .frm_opt_container label { margin-right: 20px; } } .frm_forms .frm_opt_container input { display: block; height: 0; } .frm_forms .frm_opt_container input::before, .frm_forms .frm_opt_container input::after { display: block; position: absolute; top: 0.25em; left: 0; width: 20px; height: 20px; content: ""; transition: 0.3s; cursor: pointer; } .frm_forms .frm_opt_container input::before { border: 1px solid #ababab; } .frm_forms .frm_opt_container input::after { display: flex; align-items: center; justify-content: center; margin: 1px; } .frm_forms .frm_opt_container .frm_checkbox input:checked::before { border: 1px solid #0d47a1; background-color: #0d47a1; } .frm_forms .frm_opt_container .frm_checkbox input:checked::after { color: #fff; } .frm_forms .frm_opt_container .frm_checkbox input::after { color: #fff; font-family: "Font Awesome 6 Pro"; font-weight: 300; line-height: 1; content: "\f00c"; } .frm_forms .frm_opt_container .frm_radio input::before, .frm_forms .frm_opt_container .frm_radio input::after { border-radius: 50%; } .frm_forms .frm_opt_container .frm_radio input::after { transform: scale(0.6); } .frm_forms .frm_opt_container .frm_radio input:checked::after { background-color: #0d47a1; } .frm_forms .frm_button .frm_opt_container { justify-content: space-between; } @media print, (min-width: 768px) { .frm_forms .frm_button .frm_opt_container { justify-content: flex-start; } } .frm_forms .frm_button .frm_opt_container .frm_checkbox, .frm_forms .frm_button .frm_opt_container .frm_radio { margin-bottom: 20px; margin-right: 0; } .frm_forms .frm_button .frm_opt_container label { width: 43vw; height: 50px; display: flex; align-items: center; justify-content: center; text-align: center; padding: 0; text-indent: -1000px; overflow: hidden; } @media print, (min-width: 768px) { .frm_forms .frm_button .frm_opt_container label { width: 200px; } } .frm_forms .frm_button .frm_opt_container input { display: block; padding: 15px 50px; border: 1px solid #0d47a1; border-radius: 3em; font-size: 16px; line-height: 1.3; text-align: center; width: 100%; height: 50px; position: absolute; top: 0; left: 0; z-index: -1; } .frm_forms .frm_button .frm_opt_container input::before { display: none; } .frm_forms .frm_button .frm_opt_container input::after { content: attr(value) ""; width: 100%; height: 50px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #0d47a1; border-radius: 3em; } .frm_forms .frm_button .frm_opt_container input:checked { background: #0d47a1; } .frm_forms .frm_button .frm_opt_container input:checked::before { display: block; position: absolute; top: 55%; left: 20px; transform: translateY(-50%); font-family: "Font Awesome 6 Pro"; font-weight: 300; line-height: 1; content: "\f00c"; background: none; border: none; color: #fff; } .frm_forms .frm_button .frm_opt_container input:checked::after { color: #fff; } .frm_forms .frm_button .frm_opt_container .frm_radio input::before { display: none; } .frm_forms .frm_primary_label { margin-bottom: 10px; display: block; } .frm_forms .frm_primary_label small { margin-left: 10px; } .frm_forms .frm_primary_label::before { margin-right: 1em; padding: 0.2em 0.5em; color: #fff; font-size: 14px; white-space: nowrap; font-weight: normal; display: inline; } .frm_forms .frm_primary_label.required::before { content: "required"; background-color: #E53935; } .frm_forms .privacy { text-align: center; display: block; } .frm_forms .privacy .frm_opt_container { justify-content: center; } .frm_forms .privacy .frm_primary_label { display: none; } .frm_forms .frm_submit { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 50px; } .frm_forms .frm_submit button { display: block; position: relative; padding: 15px; border: 1px solid #429538; width: 100%; font-size: 16px; line-height: 1.3; text-align: center; text-decoration: none; transition: background-color 0.3s, color 0.3s; background: #429538; max-width: 90%; color: #fff; } .frm_forms .frm_submit button:first-child { margin-bottom: 20px; } .frm_forms .frm_submit button:hover { background: #fff; color: #429538; } @media print, (min-width: 768px) { .frm_forms .frm_submit button { max-width: 260px; } .frm_forms .frm_submit button:first-child { margin: 0 20px 0 0; } } .frm_forms .frm_required { font-size: 0; } .frm_forms .hyphen { position: relative; padding-right: 20px !important; } .frm_forms .hyphen::after { content: "-"; position: absolute; top: 2rem; right: 0; } @media only screen and (max-width: 600px) { body .frm_forms .spgrid { grid-column: span 4/span 2 !important; } } .frm_forms .prefectures .frm_select { width: 120%; } .frm_forms .frm_error_style, .frm_forms .frm_error { color: #f00; } .frm_forms .frm_error_style { padding: 5px; border: 1px solid #f00; font-weight: bold; text-align: center; margin-bottom: 50px; } .frm_forms .frm_opt_container { display: flex !important; } .frm_forms .frm_required, .frm_forms .frm-edit-page-btn { display: none; } .frm_forms .frm-line-table tr { display: block; margin-bottom: 30px; border-bottom: none; } .frm_forms .frm-line-table th, .frm_forms .frm-line-table td { display: block; text-align: left; width: 100% !important; padding: 0 !important; color: #000 !important; } .frm_forms .frm-line-table td { padding: 0.5em 1em !important; background: #e8f0fe; margin-top: 10px; } .frm_forms h3.frm_primary_label { display: none; } .frm_forms .frm_message { text-align: center; font-weight: bold; } .frm_forms .frm_2col .frm_form_field.frm_inline_container, .frm_forms .frm_2col .frm_form_field.frm_right_container, .frm_forms .frm_2col .frm_form_field.frm_left_container { grid-template-columns: 35% auto; } .frm_forms .frm_opt_container label { display: flex; } @media print, (min-width: 915px) { .frm_forms .frm_conf_field.frm_left_container .frm_primary_label { display: block !important; } } @media print, (min-width: 915px) { .frm_forms .frm_conf_field { margin-top: 0; } } .frm_forms .frm_opt_container { display: block !important; } .frm_forms .frm_form_subfield-first, .frm_forms .frm_form_subfield-last { margin-bottom: 0; } .event_form-template-default .frm_forms { margin-top: 60px; }/*# sourceMappingURL=style.css.map */</style> <script src="/wp/wp-content/themes/ifi/js/jquery.js" defer></script> <script src="https://ajaxzip3.github.io/ajaxzip3.js" defer></script> <script src="/wp/wp-content/themes/ifi/js/common.js" defer></script> <script src="/wp/wp-content/themes/ifi/js/slick.min.js" defer></script> <script src="/wp/wp-content/themes/ifi/js/modaal.min.js" defer></script>   <title>東京大学未来ビジョン研究センター</title> <meta name='robots' content='max-image-preview:large' /> <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/ifi.u-tokyo.ac.jp\/wp\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.4.5"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83e\udef1\ud83c\udffb\u200d\ud83e\udef2\ud83c\udfff","\ud83e\udef1\ud83c\udffb\u200b\ud83e\udef2\ud83c\udfff")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); /* ]]> */ </script> <link class='async' id='formidable-css' href='https://ifi.u-tokyo.ac.jp/wp/wp-content/plugins/formidable/css/formidableforms.css?ver=19147' type='text/css' media='all' '> <link class='async' id='css-style-css' href='https://ifi.u-tokyo.ac.jp/wp/wp-content/themes/ifi/style.css' type='text/css' media='all' '> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;} </style> <link rel="https://api.w.org/" href="https://ifi.u-tokyo.ac.jp/wp-json/" /><link rel="alternate" type="application/json" href="https://ifi.u-tokyo.ac.jp/wp-json/wp/v2/pages/5" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://ifi.u-tokyo.ac.jp/wp/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.4.5" /> <link rel="canonical" href="https://ifi.u-tokyo.ac.jp/" /> <link rel='shortlink' href='https://ifi.u-tokyo.ac.jp/' /> <link rel="alternate" type="application/json+oembed" href="https://ifi.u-tokyo.ac.jp/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fifi.u-tokyo.ac.jp%2F" /> <link rel="alternate" type="text/xml+oembed" href="https://ifi.u-tokyo.ac.jp/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fifi.u-tokyo.ac.jp%2F&format=xml" /> <script>document.documentElement.className += " js";</script> <link rel="icon" href="/wp/wp-content/uploads/2021/06/favicon-32x32-1.png" sizes="32x32" /> <link rel="icon" href="/wp/wp-content/uploads/2021/06/favicon-32x32-1.png" sizes="192x192" /> <link rel="apple-touch-icon" href="/wp/wp-content/uploads/2021/06/favicon-32x32-1.png" /> <meta name="msapplication-TileImage" content="/wp/wp-content/uploads/2021/06/favicon-32x32-1.png" /> </head> <body itemscope itemtype="https://schema.org/WebPage" class="home page-template-default page page-id-5" id="home" ontouchstart=""> <header id="global_header" class="global_header" role="banner" itemscope itemtype="https://schema.org/WPHeader"> <div class="global_inner"> <h1 class="gh_logo"> <a href="https://ifi.u-tokyo.ac.jp">東京大学未来ビジョン研究センター</a> </h1> <div id="drawer_overlay" class="drawer_overlay"></div> <div class="global_menu"> <button type="button" id="global_menu_btn" class="global_menu_btn"> <span class="global_menu_icon"></span> </button> </div> <nav id="global_navigation" class="global_navigation" role="navigation" itemscope itemtype="https://schema.org/SiteNavigationElement"> <div class="gn_inner"> <div class="gn_head"> <ul class="ul-top"> <li class="child"> <a href="https://ifi.u-tokyo.ac.jp/research/"> <span class="title">研究</span> </a> <label> <input type="button" class="button"><span>開閉</span> </label> <div class="accordion-01"> <div class="accordion_inner-01"> <ul class="ul-01"> <li class=""> <a href="https://ifi.u-tokyo.ac.jp/projects/"> <span>研究部門</span> </a> </li> <li class=""> <a href="https://ifi.u-tokyo.ac.jp/units/"> <span>ユニット(メニューの「研究」をハイライトさせる用)</span> </a> </li> <li class=""> <a href="https://ifi.u-tokyo.ac.jp/research/global_governance/"> <span>地球規模ガバナンス</span> </a> </li> <li class=""> <a href="https://ifi.u-tokyo.ac.jp/research/co_creation_of_communities/"> <span>コミュニティ協創</span> </a> </li> <li class=""> <a href="https://ifi.u-tokyo.ac.jp/research/innovation_and_governance/"> <span>イノベーション・ガバナンス</span> </a> </li> <li class=""> <a href="https://ifi.u-tokyo.ac.jp/research/collaborative_and_sponsored/"> <span>共同研究・寄付研究</span> </a> </li> <li class=""> <a href="https://ifi.u-tokyo.ac.jp/research/closed_integrated_program/"> <span>終了・統合したプログラム</span> </a> </li> </ul> <div class="side"> <p class="title">プラットフォーム機能</p> <div class="image"> <img src="/wp/wp-content/uploads/2019/02/bg_research_01-360x270.jpg" alt="プラットフォーム機能"> </div> <div class="text">IFIは、未来社会に関連する大学の知見を統合する国際ネットワーク・ハブおよび産官学民との協創のプラットフォームとしての役割を果たします。</div> </div> </div> </div> </li> <li class="child"> <a href="https://ifi.u-tokyo.ac.jp/education/"> <span class="title">人材育成</span> </a> <label> <input type="button" class="button"><span>開閉</span> </label> <div class="accordion-01"> <div class="accordion_inner-01"> <ul class="ul-01"> <li class=""> <a href="https://ifi.u-tokyo.ac.jp/education/"> <span>人材育成</span> </a> </li> <li class=""> <a href="http://cfs.t.u-tokyo.ac.jp" target="_blank"> <span>未来社会協創国際卓越大学院プログラム</span> </a> </li> </ul> </div> </div> </li> <li class="child"> <a href="https://ifi.u-tokyo.ac.jp/people/category/core-faculty/"> <span class="title">メンバー</span> </a> <label> <input type="button" class="button"><span>開閉</span> </label> <div class="accordion-01"> <div class="accordion_inner-01"> <ul class="ul-01"> <li class=""> <a href="https://ifi.u-tokyo.ac.jp/people/category/core-faculty/"> <span>メンバー</span> </a> </li> <li class=""> <a href="https://ifi.u-tokyo.ac.jp/people/category/core-faculty/"> <span>専任教員</span> </a> </li> <li class=""> <a href="https://ifi.u-tokyo.ac.jp/people/category/affiliated-faculty/"> <span>兼務教員</span> </a> </li> <li class=""> <a href="https://ifi.u-tokyo.ac.jp/people/category/visiting-faculty/"> <span>客員教員</span> </a> </li> <li class=""> <a href="https://ifi.u-tokyo.ac.jp/people/category/researchers/"> <span>研究員</span> </a> </li> <li class=""> <a href="https://ifi.u-tokyo.ac.jp/people/category/admin/"> <span>スタッフ</span> </a> </li> </ul> </div> </div> </li> <li class="child"> <a href="https://ifi.u-tokyo.ac.jp/news/category/topics/"> <span class="title">ニュース</span> </a> <label> <input type="button" class="button"><span>開閉</span> </label> <div class="accordion-01"> <div class="accordion_inner-01"> <ul class="ul-01"> <li class=""> <a href="https://ifi.u-tokyo.ac.jp/news/"> <span>ニュース</span> </a> </li> <li class=""> <a href="https://ifi.u-tokyo.ac.jp/news/category/topics/"> <span>トピックス</span> </a> </li> <li class=""> <a href="https://ifi.u-tokyo.ac.jp/news/category/annoucement/"> <span>お知らせ</span> </a> </li> <li class=""> <a href="https://ifi.u-tokyo.ac.jp/news/category/in-the-news/"> <span>メディア</span> </a> </li> </ul> </div> </div> </li> <li class=""> <a href="https://ifi.u-tokyo.ac.jp/event/"> <span class="title">イベント</span> </a> </li> <li class="child"> <a href="https://ifi.u-tokyo.ac.jp/publications-top/"> <span class="title">出版物</span> </a> <label> <input type="button" class="button"><span>開閉</span> </label> <div class="accordion-01"> <div class="accordion_inner-01"> <ul class="ul-01"> <li class=""> <a href="https://ifi.u-tokyo.ac.jp/publications-top/"> <span>出版物</span> </a> </li> <li class=""> <a href="https://ifi.u-tokyo.ac.jp/news/category/policy-briefs/"> <span>政策提言</span> </a> </li> <li class=""> <a href="https://ifi.u-tokyo.ac.jp/news/category/topics/society-recommendation/"> <span>社会提言</span> </a> </li> <li class=""> <a href="https://ifi.u-tokyo.ac.jp/news/category/working-papers/"> <span>ワーキングペーパー</span> </a> </li> <li class=""> <a href="https://ifi.u-tokyo.ac.jp/publications/publications_cat/books/"> <span>書籍</span> </a> </li> </ul> </div> </div> </li> <li class="child"> <a href="https://ifi.u-tokyo.ac.jp/about/"> <span class="title">IFIについて</span> </a> <label> <input type="button" class="button"><span>開閉</span> </label> <div class="accordion-01"> <div class="accordion_inner-01"> <ul class="ul-01"> <li class=""> <a href="https://ifi.u-tokyo.ac.jp/about/"> <span>IFIについて</span> </a> </li> <li class=""> <a href="https://ifi.u-tokyo.ac.jp/about/message-from-president/"> <span>総長メッセージ</span> </a> </li> <li class=""> <a href="https://ifi.u-tokyo.ac.jp/about/message-from-director/"> <span>センター長挨拶</span> </a> </li> <li class=""> <a href="https://ifi.u-tokyo.ac.jp/about/successive/"> <span>歴代センター長</span> </a> </li> <li class=""> <a href="https://ifi.u-tokyo.ac.jp/about/organization/"> <span>組織体制</span> </a> </li> <li class=""> <a href="https://ifi.u-tokyo.ac.jp/about/steering-committee/"> <span>運営委員会議事要旨</span> </a> </li> <li class=""> <a href="https://ifi.u-tokyo.ac.jp/about/self-assessment/"> <span>自己点検・評価</span> </a> </li> </ul> <div class="side"> <p class="title">センター長挨拶</p> <div class="image"> <img src="/wp/wp-content/uploads/2023/03/fukushi-360x270.webp" alt="センター長挨拶"> </div> <div class="text">未来ビジョン研究センターは、「東京大学の知性を結集した世界的なネットワークの拠点として、地球と人類社会の未来に関連する学際的かつ社会連携型の研究を推進し、持続可能な未来ビジョンの創造に広く寄与すること」を目的として2019年4月に設置され、…<a href="/about/message-from-director/">詳しく見る</a></div> </div> </div> </div> </li> </ul> </div> <div class="gn_body"> <div class="gn_sub_box-01"> <ul> <li> <a href="https://ifi.u-tokyo.ac.jp/contact/"> <span class="title">お問い合わせ・アクセス</span> </a> </li> <li> <a href="https://ifi.u-tokyo.ac.jp/sitemap/"> <span class="title">サイトマップ</span> </a> </li> <li> <a href="https://ifi.u-tokyo.ac.jp/social-media-policy/"> <span class="title">ソーシャルメディアポリシー</span> </a> </li> <li> <a href="https://ifi.u-tokyo.ac.jp/policy/"> <span class="title">サイトポリシー</span> </a> </li> <li> <a href="https://www.u-tokyo.ac.jp/ja/" target="_blank"> <span class="title">東京大学</span> </a> </li> </ul> </div> <div class="gn_sub_box-02"> <div id="global_language" class="global_language"> <div class="gl_inner"> <div class="title">Language</div> <ul> <li> <a href="https://ifi.u-tokyo.ac.jp"> <span class="title">日本語</span> </a> </li> <li> <a href="https://ifi.u-tokyo.ac.jp/en/"> <span class="title">English</span> </a> </li> </ul> <div id="close_btn" class="close_btn"> <span></span> </div> </div> </div> </div> <div class="gn_sub_box-03"> <div id="global_search" class="global_search"> <div class="gs_inner"> <form class="module_search-01" role="search" method="get" action="https://ifi.u-tokyo.ac.jp/"> <input type="search" name="s" placeholder="サイト内検索"> <button type="submit"><span>検索</span></button> </form> <div id="close_btn" class="close_btn"> <span></span> </div> </div> </div> </div> <div class="gn_sub_box-04"> <ul> <li id="search" class="search"><i class="fas fa-search"></i> 検索</li> <li id="map" class="map"><a href="https://ifi.u-tokyo.ac.jp/contact/"><i class="fas fa-map-marker-alt"></i> アクセス</a></li> <li id="language" class="language"><i class="fas fa-globe"></i> Language</li> <li><a href="https://www.u-tokyo.ac.jp/ja/" target="_blank">東京大学</a></li> </ul> </div> </div> </div> </nav> </div> </header> <main id="global_contents" class="global_contents" role="main" itemscope itemprop="mainContentOfPage"> <div class="global_mainVisual"> <div class="global_inner"> <ul id="" class="top-main-slide "> <li style="background-image: url(/wp/wp-content/uploads/2025/04/pic2.jpg)" class="top-main-slide-page slide-num-0"> <a class="top-main-txt" href="https://ifi.u-tokyo.ac.jp/news/20431/" target="_blank"> <div class="inner"> <p class="txt">2025.04.08</p> <p class="txt">【ニュースリリース】フィリピン国砂糖統制庁と国際交流協定を締結</br>サトウキビ関連ライフサイクル研究と国際展開を推進 </p> <svg xmlns="http://www.w3.org/2000/svg" width="22.628" height="22.628" viewBox="0 0 22.628 22.628"><g transform="translate(245.627 1749.799) rotate(-180)"><path d="M1,16H0V0H16V1H1V16Z" transform="translate(223.001 1738.485) rotate(-45)"></path></g></svg> </div> </a> </li> <li style="background-image: url(/wp/wp-content/uploads/2020/12/201201_top2.jpg)" class="top-main-slide-page slide-num-1"> <a class="top-main-txt" href="https://ifi.u-tokyo.ac.jp/news/category/topics/policy-briefs/" target="_blank"> <div class="inner"> <p class="txt"></p> <p class="txt">【東京大学未来ビジョン研究センター / 研究成果】</br>政策提言一覧 </p> <svg xmlns="http://www.w3.org/2000/svg" width="22.628" height="22.628" viewBox="0 0 22.628 22.628"><g transform="translate(245.627 1749.799) rotate(-180)"><path d="M1,16H0V0H16V1H1V16Z" transform="translate(223.001 1738.485) rotate(-45)"></path></g></svg> </div> </a> </li> <li style="background-image: url(/wp/wp-content/uploads/2021/11/featre_211101.jpg)" class="top-main-slide-page slide-num-2"> <a class="top-main-txt" href="https://ifi.u-tokyo.ac.jp/news/category/topics/working-papers/" target="_blank"> <div class="inner"> <p class="txt"></p> <p class="txt">【東京大学未来ビジョン研究センター / 研究成果】</br>ワーキングペーパー一覧 </p> <svg xmlns="http://www.w3.org/2000/svg" width="22.628" height="22.628" viewBox="0 0 22.628 22.628"><g transform="translate(245.627 1749.799) rotate(-180)"><path d="M1,16H0V0H16V1H1V16Z" transform="translate(223.001 1738.485) rotate(-45)"></path></g></svg> </div> </a> </li> </ul> <div class="global_banner"> <div class="top-mailmagazine"><a href="/contact/newsletter/" target="_blank">メールマガジン登録</a></div> <div class="top-donation"><a href="https://utf.u-tokyo.ac.jp/project/pjt05" target="_blank">本センターへのご寄付</a></div> </div> </div> </div> <section id="global_mainVisual" class="home_contents-00"> <div class="global_inner"> <div class="gm_slider" id="gm_slider"> <ul> <li style="background-image: url(/wp/wp-content/uploads/2020/04/mainvisual02.jpg)"></li> </ul> </div> <div class="gm_title"> <div class="inner"> <span class="title">持続可能な未来社会の<br>創造に向けて</span> <span class="subtitle">Institute for Future Initiatives</span> <span class="text">東京大学未来ビジョン研究センター（IFI）は、卓越した学術知および多様な社会のステークホルダーとの協働を通じ、持続可能な未来社会の創造に貢献します。</span> <div class="module_btn-04"><a href="https://ifi.u-tokyo.ac.jp/about/"><span>詳しく見る</span></a></div> </div> </div> <div class="gm_more"><span class="gmm-text">SCROLL</span><span class="gmm-line"></span></div> </div> </section> <section class="home_contents-03"> <div class="global_inner"> <div class="module_title-05"><span>トピックス</span></div> <div class="topics_box"> <ul class="module_panel-01"> <li> <a href="https://ifi.u-tokyo.ac.jp/news/20431/"> <div class="head"> <div class="image" style="background-image: url(/wp/wp-content/uploads/2025/04/topics_250408-720x540.jpg)"></div> </div> <div class="body"> <div class="day_box"> <time datetime="2025-04-08">2025.04.08 ｜</time> <p class="category">ニュースリリース</p> </div> <div class="title_box"> <p class="text">ビヨンド・”ゼロカーボン”を目指す”Co-JUNKAN”プラットフォーム研究ユニット</p> <p class="title">フィリピン国砂糖統制庁と国際交流協定を締結</br>サトウキビ関連ライフサイクル研究と国際展開を推進</p> </div> </div> </a> </li> </ul> <ul class="module_card-01"> <li> <a href="https://ifi.u-tokyo.ac.jp/news/20348/"> <div class="head"> <p class="image" style="background-image: url(/wp/wp-content/uploads/2025/03/topics_250327wp-600x600.jpg)"></p> </div> <div class="body"> <div class="day_box"> <time datetime="2025-03-27">2025.03.27 ｜</time> <p class="category">ワーキングペーパー</p> </div> <div class="title_box"> <p class="text">城山英明大学院法学政治学研究科 / 公共政策大学院 / 未来ビジョン研究センター教授</p> <p class="title">グローバル保健財政の構造と課題</p> </div> </div> </a> </li> <li> <a href="https://ifi.u-tokyo.ac.jp/news/20312/"> <div class="head"> <p class="image" style="background-image: url(/wp/wp-content/uploads/2025/03/topics_250326-600x600.jpg)"></p> </div> <div class="body"> <div class="day_box"> <time datetime="2025-03-27">2025.03.27 ｜</time> <p class="category">ニュースリリース</p> </div> <div class="title_box"> <p class="text">新しいイノベーションモデル研究ユニット</p> <p class="title">日本人の「デモ嫌い」が生むプロパガンダへの脆弱性を解明</br>-超イデオロギー的に受容される親中ナラティブ-</p> </div> </div> </a> </li> <li> <a href="https://ifi.u-tokyo.ac.jp/news/20232/"> <div class="head"> <p class="image" style="background-image: url(/wp/wp-content/uploads/2025/03/topics_rs_250318-600x600.jpg)"></p> </div> <div class="body"> <div class="day_box"> <time datetime="2025-03-18">2025.03.18 ｜</time> <p class="category">社会提言</p> </div> <div class="title_box"> <p class="text">人生100年を設計する超高齢社会まちづくり研究ユニット</p> <p class="title">個人の生きがいと地域社会の持続可能性の両立を目指した提言</br>～ローカル・コモンズ概念の新たな側面の探究～</p> </div> </div> </a> </li> </ul> </div> <div class="module_btn-04"><a href="https://ifi.u-tokyo.ac.jp/news/category/topics/"><span>一覧を見る</span></a></div> </div> </section> <section class="home_contents-04"> <div class="global_inner"> <div class="module_title-05"><span>イベント</span></div> <ul class="module_card-02"> </ul> <div class="module_btn-03"><a href="https://ifi.u-tokyo.ac.jp/event/"><span>一覧を見る</span></a></div> </div> </section> <section class="home_contents-05"> <div class="global_inner"> <div class="module_title-04">ニュース</div> <ul class="module_list-03"> <li> <a href="/wp/wp-content/uploads/2025/04/250411_recruit_cgc_rm_jp.pdf" target="_blank"> <div class="head"> <time datetime="2025-04-11">2025.04.11</time> <p class="category"></p> </div> <div class="body"> <p class="title">【メンバー募集のお知らせ】教授(グローバル・コモンズ・センター / 国際ルールメイキング) 募集要項<i class="fal fa-file-pdf"></i></p> </div> </a> </li> <li> <a href="/wp/wp-content/uploads/2025/04/250410_recruit_cgc_fa_jp.pdf" target="_blank"> <div class="head"> <time datetime="2025-04-10">2025.04.10</time> <p class="category"></p> </div> <div class="body"> <p class="title">【メンバー募集のお知らせ】教授(グローバル・コモンズ・センター / ネイチャーファイナンス) 募集要項<i class="fal fa-file-pdf"></i></p> </div> </a> </li> <li> <a href="/wp/wp-content/uploads/2025/04/250409_recruit_cgc.pdf" target="_blank"> <div class="head"> <time datetime="2025-04-09">2025.04.09</time> <p class="category"></p> </div> <div class="body"> <p class="title">【メンバー募集のお知らせ】特任研究員(グローバル・コモンズ・センター) 募集要項<i class="fal fa-file-pdf"></i></p> </div> </a> </li> </ul> <div class="module_btn-04"><a href="https://ifi.u-tokyo.ac.jp/news/category/annoucement/"><span>一覧を見る</span></a></div> </div> </section> <section class="home_contents-06"> <div class="global_inner"> <div class="module_title-04">出版物</div> <ul class="module_card-03"> <li> <a href="https://ifi.u-tokyo.ac.jp/publications/future-exploration-2050/"> <div class="head"> <time datetime="2021-03-23">2021.03.23 ｜</time> <p class="category">書籍</p> <p class="title">未来探究2050</br>東大30人の知性が読み解く世界</p> </div> <div class="body"> <div class="image" style="background-image: url(/wp/wp-content/uploads/2021/03/topics_210323-722x1024-1-500x660.jpg)"></div> </div> <div class="foot"> <div class="btn"><svg xmlns="http://www.w3.org/2000/svg" width="22.628" height="22.628" viewBox="0 0 22.628 22.628"><g transform="translate(245.627 1749.799) rotate(-180)"><path d="M1,16H0V0H16V1H1V16Z" transform="translate(223.001 1738.485) rotate(-45)"/></g></svg></div> </div> </a> </li> <li> <a href="https://ifi.u-tokyo.ac.jp/publications/sustainability-science-journal/"> <div class="head"> <time datetime="2019-04-01">2019.04.01 ｜</time> <p class="category">英文ジャーナル</p> <p class="title">サステイナビリティ・サイエンス誌</p> </div> <div class="body"> <div class="image" style="background-image: url(/wp/wp-content/uploads/2019/02/cc735b796ccd3e9127ac6b087ed11512.jpg)"></div> </div> <div class="foot"> <div class="btn"><svg xmlns="http://www.w3.org/2000/svg" width="22.628" height="22.628" viewBox="0 0 22.628 22.628"><g transform="translate(245.627 1749.799) rotate(-180)"><path d="M1,16H0V0H16V1H1V16Z" transform="translate(223.001 1738.485) rotate(-45)"/></g></svg></div> </div> </a> </li> <li> <a href="https://ifi.u-tokyo.ac.jp/publications/sasutena/"> <div class="head"> <time datetime="2019-04-05">2019.04.05 ｜</time> <p class="category">季刊誌</p> <p class="title">和文誌サステナ</p> </div> <div class="body"> <div class="image" style="background-image: url(/wp/wp-content/uploads/2019/03/sasutena47-500x660.png)"></div> </div> <div class="foot"> <div class="btn"><svg xmlns="http://www.w3.org/2000/svg" width="22.628" height="22.628" viewBox="0 0 22.628 22.628"><g transform="translate(245.627 1749.799) rotate(-180)"><path d="M1,16H0V0H16V1H1V16Z" transform="translate(223.001 1738.485) rotate(-45)"/></g></svg></div> </div> </a> </li> </ul> <div class="module_btn-04"><a href="https://ifi.u-tokyo.ac.jp/publications/"><span>一覧を見る</span></a></div> </div> </section> <section class="home_contents-02"> <div class="global_inner"> <div class="module_title-05"><span>研究部門</span></div> </div> <div class="module_slider-02"> <ul> <li> <a href="https://ifi.u-tokyo.ac.jp/research/global_governance/"> <div class="head"> <div class="image" style="background-image: url(/wp/wp-content/uploads/2023/03/global-governance-top-360x270.jpg)"> </div> </div> <div class="body"> <div class="inner"> <p class="title">地球規模ガバナンス</p> <p class="subtitle">Global Governance</p> <p class="btn"></p> </div> </div> </a> </li> <li> <a href="https://ifi.u-tokyo.ac.jp/research/co_creation_of_communities/"> <div class="head"> <div class="image" style="background-image: url(/wp/wp-content/uploads/2023/03/co-creation-of-communities-top-360x270.jpg)"> </div> </div> <div class="body"> <div class="inner"> <p class="title">コミュニティ協創</p> <p class="subtitle">Co-Creation of Communities</p> <p class="btn"></p> </div> </div> </a> </li> <li> <a href="https://ifi.u-tokyo.ac.jp/research/innovation_and_governance/"> <div class="head"> <div class="image" style="background-image: url(/wp/wp-content/uploads/2023/03/innovation-and-governance-top-360x270.jpg)"> </div> </div> <div class="body"> <div class="inner"> <p class="title">イノベーション・ガバナンス</p> <p class="subtitle">Innovation & Governance</p> <p class="btn"></p> </div> </div> </a> </li> <li> <a href="https://ifi.u-tokyo.ac.jp/research/collaborative_and_sponsored/"> <div class="head"> <div class="image" style="background-image: url(/wp/wp-content/uploads/2023/03/collaborative-sponsored-research-top-360x270.jpg)"> </div> </div> <div class="body"> <div class="inner"> <p class="title">共同研究・寄附研究</p> <p class="subtitle">Collaborative / Sponsored Research</p> <p class="btn"></p> </div> </div> </a> </li> </ul> </div> <div class="global_inner"> <div class="module_btn-04"><a href="https://ifi.u-tokyo.ac.jp/research/"><span>一覧を見る</span></a></div> </div> </section> </main>  <footer id="global_footer" class="global_footer" role="contentinfo" itemscope itemtype="https://schema.org/WPFooter"> <div class="head"> <div class="btn_box"> <div class="btn"><a href="#"></a></div> </div> <div class="global_inner"> <div class="logo_box"> <div class="inner"> <div class="logo"><a href="https://ifi.u-tokyo.ac.jp"><span><img src="https://ifi.u-tokyo.ac.jp/wp/wp-content/themes/ifi/images/common/logo_02.svg" alt="東京大学未来ビジョン研究センター"></span></a></div> </div> <div class="inner"> <div class="address"><a href="https://goo.gl/maps/EpgKmfHB6LC2" target="_blank"><i class="far fa-map-marker-alt"></i> 〒113-0033<br>東京都文京区本郷7-3-1</a></div> <div class="module_btn-05"><a href="https://ifi.u-tokyo.ac.jp/contact/"><span>お問い合わせ・アクセス</span></a></div> <ul class="sns"> <li> <a href="https://www.facebook.com/UTokyo.IFI" target="_blank"><i class="fab fa-facebook"></i></a> <p class="tips">Facebook</p> </li> <li> <a href="https://x.com/UTokyoIFI" target="_blank"><i class="fa-brands fa-x-twitter"></i></a> <p class="tips">X(Twitter)</p> </li> <li> <a href="https://www.youtube.com/channel/UCuRajSTtgcCLpE0PgcFOsMw" target="_blank"><i class="fab fa-youtube"></i></a> <p class="tips">YouTube</p> </li> <li> <a href="https://ifi.u-tokyo.ac.jp/contact/newsletter/" target="_blank"><i class="fas fa-envelope"></i></a> <p class="tips">メールマガジン登録</p> </li> </ul> </div> </div> <div class="menu_box"> <div class="inner"> <ul class="title-01"> <li><a href="https://ifi.u-tokyo.ac.jp/research/">研究部門</a></li> </ul> <ul class="title-02"> <li><a href="https://ifi.u-tokyo.ac.jp/research/global_governance/">地球規模ガバナンス</a></li> <li><a href="https://ifi.u-tokyo.ac.jp/research/co_creation_of_communities/">コミュニティ協創</a></li> <li><a href="https://ifi.u-tokyo.ac.jp/research/innovation_and_governance/">イノベーション・ガバナンス</a></li> <li><a href="https://ifi.u-tokyo.ac.jp/research/collaborative_and_sponsored/">共同研究・寄附研究</a></li> <li><a href="https://ifi.u-tokyo.ac.jp/closed_integrated_program/">終了・統合したプログラム</a></li> </ul> </div> <div class="inner"> <ul class="title-01"> <li><a href="https://ifi.u-tokyo.ac.jp/people/category/core-faculty/">メンバー</a></li> <li><a href="https://ifi.u-tokyo.ac.jp/about/">IFIについて</a></li> <li><a href="https://ifi.u-tokyo.ac.jp/education/">人材育成</a></li> </ul> <ul class="module_list-02"> <li><a href="https://ifi.u-tokyo.ac.jp/news/category/topics/">トピックス</a></li> <li><a href="https://ifi.u-tokyo.ac.jp/news/category/annoucement/">お知らせ</a></li> <li><a href="https://ifi.u-tokyo.ac.jp/news/category/in-the-news/">メディア</a></li> <li><a href="https://ifi.u-tokyo.ac.jp/event/">イベント</a></li> </ul> </div> </div> </div> </div> <div class="body"> <div class="global_inner"> <ul class="module_list-02"> <li><a href="https://ifi.u-tokyo.ac.jp/policy/">サイトポリシー</a></li> <li><a href="https://ifi.u-tokyo.ac.jp/social-media-policy/">ソーシャルメディアポリシー</a></li> <li><a href="https://ifi.u-tokyo.ac.jp/sitemap/">サイトマップ</a></li> </ul> <div class="copyright"> <p>© Institute for Future Initiatives, The University of Tokyo</p> </div> </div> </div> </footer> </body> </html>

CINXE.COM

東京大学未来ビジョン研究センター