@charset "UTF-8";
@font-face { font-family: YuGothicMedium; src: local("Yu Gothic Medium"); }
@font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue Regular"); font-weight: 100; }
@font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue Regular"); font-weight: 200; }
html[lang=ja] { line-height: 1.15; }

[lang=ja] body { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","游ゴシック Medium","Yu Gothic",YuGothic,YuGothicMedium,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif; line-height: 1.7; }

@media all and (-ms-high-contrast: none) { [lang=ja] body { font-family: Verdana, Meiryo, sans-serif; } }
@media all and (-ms-high-contrast: active) { [lang=ja] body { font-family: Verdana, Meiryo, sans-serif; } }
[lang=ja] h1, [lang=ja] h2, [lang=ja] h3, [lang=ja] h4, [lang=ja] h5, [lang=ja] h6, [lang=ja] .h1, [lang=ja] .h2, [lang=ja] .h3, [lang=ja] .h4, [lang=ja] .h5, [lang=ja] .h6 { margin-bottom: .625rem; font-family: inherit; font-weight: bold; line-height: 1.4; }

[lang=ja] h1, [lang=ja] .h1 { font-size: 2.375rem; }

[lang=ja] h2, [lang=ja] .h2 { font-size: 1.875rem; }

[lang=ja] h3, [lang=ja] .h3 { font-size: 1.625rem; }

[lang=ja] h4, [lang=ja] .h4 { font-size: 1.375rem; }

[lang=ja] h5, [lang=ja] .h5 { font-size: 1.125rem; }

[lang=ja] h6, [lang=ja] .h6 { font-size: .875rem; }

.lead { font-size: 1.125rem; }

[lang=ja] .display-1 { font-size: 5.75rem; font-weight: 500; line-height: 1.2; }

[lang=ja] .display-2 { font-size: 5.25rem; font-weight: 500; line-height: 1.2; }

[lang=ja] .display-3 { font-size: 4.25rem; font-weight: 500; line-height: 1.2; }

[lang=ja] .display-4 { font-size: 3.25rem; font-weight: 500; line-height: 1.2; }

.blockquote { font-size: 1.25rem; }

[lang=ja] .btn-lg { font-size: 1.125rem; }

body { /* 共通header */ /* 共通headerここまで */ /* 共通footer */ /* 共通footerここまで */ /* トップほか共通ここから */ /* トップほか共通ここまで */ /* 子ページここから */ /* .sub_pageここまで */ }
body p { text-align: justify; word-break: break-all; }
body p:lang(en) { text-align: left; word-break: break-word; }
body .bg-secondary { background-color: #F7F1E5 !important; }
body .btn-secondary { font-weight: bold; background-color: #B17A00; border-color: #B17A00; }
body .btn-secondary:hover { background-color: #D59812; border-color: #EEB73E; }
body .jumbotron { background-color: #EAF1F8; }
body .jumbotron_links { background-color: #fbeed3; }
body .jumbotron_links .container .row .links_bann_wrap { text-align: center; }
body .jumbotron_links .container .row .links_bann_wrap a { display: block; border: 5px solid white; padding: 1rem; background: #12447A; -webkit-box-shadow: 0.15rem 0.15rem 0.25rem rgba(0, 0, 0, 0.2); box-shadow: 0.15rem 0.15rem 0.25rem rgba(0, 0, 0, 0.2); background-position: center; background-repeat: no-repeat; background-size: cover; transition: all 0.3s ease-out; }
body .jumbotron_links .container .row .links_bann_wrap a.logo_mathematicalscience { background-image: url("../images/links_bann_bg_mathematicalscience.jpg"); }
body .jumbotron_links .container .row .links_bann_wrap a.logo_differentialequation { background-image: url("../images/links_bann_bg_differentialequation.jpg"); }
body .jumbotron_links .container .row .links_bann_wrap a.logo_appliedanalysis { background-image: url("../images/links_bann_bg_appliedanalysis.jpg"); }
body .jumbotron_links .container .row .links_bann_wrap a:hover { transform: scale(1.015); filter: brightness(1.1); }
body .jumbotron_links .container .row .links_bann_wrap img { width: 100%; margin: 0 auto; }
body header { width: 100%; border-top: 6px solid #12447A; background: rgba(255, 255, 255, 0.9); box-shadow: 0 0 8px gray; position: fixed; z-index: 9; }
body header .header_navigation { width: 97%; margin: 0 auto; padding: 0.4rem 0 0 0; /* navbarトグルアニメーション */ /* 3本のバーそれぞれの座標を設定 */ /* メニューが開いている時の　3本のバーそれぞれの座標および角度を設定 */ }
@media screen and (min-width: 768px) { body header .header_navigation { padding: 1.375rem 0 0 0; } }
body header .header_navigation .logocontainer_wrap { padding: 0 0 0.4rem 0; }
@media screen and (min-width: 768px) { body header .header_navigation .logocontainer_wrap { padding: 0 0 1.375rem 0; } }
body header .header_navigation .logocontainer_wrap > div { max-width: 1280px; padding: 0; }
body header .header_navigation .logocontainer_wrap > div > div { padding: 0; }
body header .header_navigation .logocontainer_wrap > div > div > div { padding: 0; }
body header .header_navigation .logocontainer_wrap .logocontainer { width: 70%; margin: 0 auto; padding-right: 0; }
@media screen and (min-width: 768px) { body header .header_navigation .logocontainer_wrap .logocontainer { width: 100%; padding: 0 15% 0 0; } }
body header .header_navigation .logocontainer_wrap .logocontainer a { margin-right: 5%; }
body header .header_navigation .logocontainer_wrap .logocontainer a.logo_osakauniv { width: 18%; flex: 0 0 18%; max-width: 18%; padding: 0; }
body header .header_navigation .logocontainer_wrap .logocontainer a.logo_engineerringscience { width: 46%; flex: 0 0 46%; max-width: 46%; padding: 0; }
body header .header_navigation .logocontainer_wrap .logocontainer a.logo_mathematicalscience { width: 26%; flex: 0 0 26%; max-width: 26%; margin-right: 0; padding: 0; }
body header .header_navigation .logocontainer_wrap .logocontainer a.logo_mathematicalmodelcourse { width: 100%; margin-right: 0; padding: 0; }
@media screen and (min-width: 768px) { body header .header_navigation .logocontainer_wrap .logocontainer a.logo_mathematicalmodelcourse { margin-top: 2%; } }
body header .header_navigation .logocontainer_wrap .logocontainer img { width: 100%; }
body header .header_navigation .subnavigation { font-size: 0.8rem; font-weight: bold; padding-right: 0; align-items: center; text-align: right; letter-spacing: 0; }
@media screen and (min-width: 576px) { body header .header_navigation .subnavigation { font-size: 1.025rem; }
  body header .header_navigation .subnavigation:lang(en) { font-size: 0.9rem; } }
body header .header_navigation .subnavigation a { text-decoration: none; color: #12447A; }
body header .header_navigation .subnavigation a:hover { color: #E0A87F; text-decoration: underline; }
body header .header_navigation .subnavigation a.current { color: #E0A87F; }
body header .header_navigation .subnavigation .subnavigation_list { padding: 0; margin: 0.5rem auto 0 auto; /* 多言語リンクボタン */ }
body header .header_navigation .subnavigation .subnavigation_list li { display: inline-block; }
body header .header_navigation .subnavigation .subnavigation_list li::before { font-weight: normal; display: inline-block; padding: 0 0.25rem; color: #12447A; content: "|"; }
@media screen and (min-width: 576px) { body header .header_navigation .subnavigation .subnavigation_list li::before { padding: 0 0.8rem; } }
body header .header_navigation .subnavigation .subnavigation_list li.subnavigation_langb { display: inline-block; }
body header .header_navigation .subnavigation .subnavigation_list li.subnavigation_langb a { font-size: 0.7rem; color: white; padding: 0.15rem 0.75rem; }
body header .header_navigation .subnavigation .subnavigation_list li.subnavigation_langb a:hover { text-decoration: none; }
body header .header_navigation .navbar-toggler { color: rgba(0, 0, 0, 0.5); border: none; padding: 0px; width: 100%; height: 30px; box-sizing: border-box; position: relative; }
body header .header_navigation .navbar-toggler-icon { right: 0; background-image: none; background-color: #000; width: 20px; height: 2px; display: block; position: absolute; transition: ease .5s; }
body header .header_navigation nav.navbar ul.navbar-nav { width: 100%; margin: 0 auto; max-width: 1280px; margin: 0 auto; }
body header .header_navigation nav.navbar ul.navbar-nav li.nav-item { margin: 1%; }
body header .header_navigation nav.navbar ul.navbar-nav li.nav-item a.nav-link { font-size: 1.25rem; white-space: nowrap; font-weight: bold; color: #444; text-align: center; border-bottom: 3px solid #CCC; transition: .3s; }
@media screen and (min-width: 768px) { body header .header_navigation nav.navbar ul.navbar-nav li.nav-item a.nav-link { font-size: 1rem; } }
@media screen and (min-width: 1200px) { body header .header_navigation nav.navbar ul.navbar-nav li.nav-item a.nav-link { font-size: 1.25rem; } }
body header .header_navigation nav.navbar ul.navbar-nav li.nav-item a.nav-link.active { border-bottom: 3px solid #12447A; }
body header .header_navigation nav.navbar ul.navbar-nav li.nav-item a.nav-link:hover { border-bottom: 3px solid #12447A; }
body header .header_navigation .navbar-toggler-icon:nth-of-type(1) { top: 7px; }
body header .header_navigation .navbar-toggler-icon:nth-of-type(2) { top: 14px; }
body header .header_navigation .navbar-toggler-icon:nth-of-type(3) { top: 21px; }
body header .header_navigation .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(1) { top: 13px; transform: rotate(45deg); }
body header .header_navigation .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(2) { opacity: 0; }
body header .header_navigation .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(3) { top: 13px; transform: rotate(-45deg); }
body footer a { color: white; }
body footer a:hover { color: white; }
body footer .footer_navigation { background: #12447A; color: white; font-size: 0.875em; padding: 2em 0; margin-top: 2rem; }
body footer .footer_navigation div { padding: 0; width: 90%; margin: 0 auto; }
@media screen and (min-width: 992px) { body footer .footer_navigation div { width: 95%; max-width: 1280px; } }
body footer .footer_navigation div div { width: 100%; }
body footer .footer_navigation h3 { font-size: 1.35714em; }
body footer .footer_navigation .address .fut_logocontainer { padding: 0; }
body footer .footer_navigation .address .fut_logocontainer a { display: block; }
body footer .footer_navigation .address .fut_logocontainer a img { width: 100%; }
body footer .footer_navigation .address .fut_logocontainer a.logo_osakauniv { margin-right: 3%; width: 21%; }
@media screen and (min-width: 576px) { body footer .footer_navigation .address .fut_logocontainer a.logo_osakauniv { width: 13%; } }
body footer .footer_navigation .address .fut_logocontainer a.logo_engineerringscience { margin-right: 3%; width: 49%; }
@media screen and (min-width: 576px) { body footer .footer_navigation .address .fut_logocontainer a.logo_engineerringscience { width: 32%; } }
body footer .footer_navigation .address .fut_logocontainer a.logo_mathematicalscience { margin-right: 3%; width: 15%; }
@media screen and (min-width: 576px) { body footer .footer_navigation .address .fut_logocontainer a.logo_mathematicalscience { width: 8%; } }
body footer .footer_navigation .address .fut_logocontainer a.logo_mathematicalmodelcourse { width: 90%; margin-top: 3%; }
@media screen and (min-width: 576px) { body footer .footer_navigation .address .fut_logocontainer a.logo_mathematicalmodelcourse { width: 38%; margin-top: 0; } }
body footer .footer_navigation .address .fut_logocontainer address { margin-top: 1rem; margin-bottom: 0; font-size: 0.8em; }
@media screen and (min-width: 576px) { body footer .footer_navigation .address .fut_logocontainer address { margin-top: 0.25rem; font-size: 0.78em; } }
body footer .footer_navigation .address .fut_logocontainer address .fut_accesslink a { display: inline; color: white; border: 1px solid white; font-size: 0.6em; }
body footer .footer_navigation .address .fut_logocontainer address .fut_accesslink a:hover { opacity: 0.8; text-decoration: none; }
body footer .footer_navigation .subnavigation { font-size: 0.6rem; font-weight: bold; padding-right: 0; align-items: center; text-align: center; margin-top: 1rem; }
@media screen and (min-width: 576px) { body footer .footer_navigation .subnavigation { text-align: right; font-size: 0.8rem; margin-top: 0; } }
body footer .footer_navigation .subnavigation a { text-decoration: none; }
body footer .footer_navigation .subnavigation a:hover { text-decoration: underline; }
body footer .footer_navigation .subnavigation .subnavigation_list { padding: 0; margin: 0 auto; /* 多言語リンクボタン */ }
body footer .footer_navigation .subnavigation .subnavigation_list li { display: inline-block; }
body footer .footer_navigation .subnavigation .subnavigation_list li::before { font-weight: normal; display: inline-block; padding: 0 0.75rem; content: "|"; }
body footer .footer_navigation .subnavigation .subnavigation_list li.subnavigation_langb { display: inline-block; }
body footer .footer_navigation .subnavigation .subnavigation_list li.subnavigation_langb a { font-size: 0.7rem; color: white; padding: 0.15rem 0.75rem; }
body footer .footer_navigation .subnavigation .subnavigation_list li.subnavigation_langb a:hover { text-decoration: none; }
body footer .copyright { font-size: 0.8em; text-align: center; color: #575757; padding: 0.5em 0 0 0; background: white; }
body .top_department_links > div { padding: 0 3%; }
body .top_department_links .top_department_links_imgwrap { width: 100%; height: auto; overflow: hidden; margin-bottom: 1em; }
@media screen and (min-width: 992px) { body .top_department_links .top_department_links_imgwrap { margin-bottom: 0; } }
body .top_department_links .top_department_links_imgwrap a { width: 100%; }
body .top_department_links .top_department_links_imgwrap a img { width: 100%; transition: all 0.3s ease-out; }
body .top_department_links .top_department_links_imgwrap a img:hover { transform: scale(1.025); }
body .pagehead_about { z-index: 3; width: 100%; border-radius: 0.75rem; padding: 0.5rem 1.5rem 1.5rem 1.5rem; }
@media screen and (min-width: 768px) { body .pagehead_about { padding: 1rem 2.5rem 2.5rem 2.5rem; border-radius: 1.5rem; } }
body .pagehead_about h3 { color: #12447A; font-weight: lighter; font-size: 2rem; padding: 0 0 0.5rem 0; border-bottom: 1px solid #12447A; letter-spacing: 0.25rem; margin-bottom: 2rem; }
@media screen and (min-width: 992px) { body .pagehead_about h3 { font-size: 2.8rem; } }
body .pagehead_about p { font-size: 1rem; }
body .pagehead_about p + .text-right { font-size: 1.2rem; font-weight: bold; }
body .pagehead_about p + .text-right span { font-size: 80%; margin-right: 1rem; }
body .pagehead_about b, body .pagehead_about strong { font-weight: bold; text-indent: -1rem; display: block; padding: 0 0 0 1rem; }
body.sub_page { /* .page-navigetionここまで */ /* パンくずリストここから */ /* パンくずリストここまで */ /* 横長バナー共通 */ /* 横長バナー共通 */ /* Q&A共通 */ /* faq_section_wrapここまで */ /* 共通見出し設定 */ /* 各ページ固有 */ /* 研究内容ページ固有 */ /* 研究内容ページ固有ここまで */ /* 高校生の方へページ固有 */ /* 高校生の方へページ固有ここまで */ /* 大学院志望の方へページ固有 */ /* 大学院志望の方へページ固有ここまで */ /* メンバーページ固有 */ /* メンバーページ固有ここまで */ }
body.sub_page .page-header { width: 100%; min-height: 350px; background-color: #12447A; text-align: center; padding: 5%; background-position: center; background-repeat: no-repeat; background-size: cover; }
@media screen and (min-width: 768px) { body.sub_page .page-header { min-height: 450px; } }
body.sub_page .page-header h1 { color: white; width: 90%; margin: 5rem auto 0 auto; font-size: 2.5em; padding: 0; -webkit-filter: drop-shadow(0.15rem 0.15rem 0.25rem rgba(0, 0, 0, 0.2)); -moz-filter: drop-shadow(0.15rem 0.15rem 0.25rem rgba(0, 0, 0, 0.2)); -ms-filter: drop-shadow(0.15rem 0.15rem 0.25rem rgba(0, 0, 0, 0.2)); filter: drop-shadow(0.15rem 0.15rem 0.25rem rgba(0, 0, 0, 0.2)); }
@media screen and (min-width: 768px) { body.sub_page .page-header h1 { font-size: 3em; text-align: left; } }
body.sub_page .page-header h1 br { display: inline; }
@media screen and (min-width: 768px) { body.sub_page .page-header h1 br { display: none; } }
body.sub_page .page-header h1 small { display: block; margin-top: 1em; }
body.sub_page .page-header.research { background-image: url("../images/sub_board_research.jpg"); }
body.sub_page .page-header.for_highschool { background-image: url("../images/sub_board_for_highschool.jpg"); }
body.sub_page .page-header.for_university { background-image: url("../images/sub_board_for_university.jpg"); }
body.sub_page .page-header.members { background-image: url("../images/sub_board_members.jpg"); }
body.sub_page .page-navigetion { top: 10rem; margin-top: -5rem; margin-bottom: 2rem; }
body.sub_page .page-navigetion aside ul { border-radius: 0.5rem; }
body.sub_page .page-navigetion aside ul a { color: #12447a; display: block; }
body.sub_page .page-navigetion aside ul li { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e1e5e8+22,dce5ea+64,dce5ea+64 */ background: #e1e5e8; /* Old browsers */ background: -moz-linear-gradient(top, #e1e5e8 22%, #dce5ea 64%, #dce5ea 64%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #e1e5e8 22%, #dce5ea 64%, #dce5ea 64%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #e1e5e8 22%, #dce5ea 64%, #dce5ea 64%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e5e8', endColorstr='#dce5ea',GradientType=0 ); /* IE6-9 */ font-weight: bold; }
body.sub_page .page-navigetion aside ul li ul { border: none; margin-top: 0.5rem; }
body.sub_page .page-navigetion aside ul li ul li { background: white; font-weight: normal; font-size: 90%; }
body.sub_page .breadcrumb { font-size: 0.7rem; background-color: #12447A; }
body.sub_page .links_imgwrap { width: 100%; height: auto; overflow: hidden; margin-bottom: 1em; }
@media screen and (min-width: 992px) { body.sub_page .links_imgwrap { width: 60%; margin: 0 auto; } }
body.sub_page .links_imgwrap a { display: flex; justify-content: center; align-items: center; color: white; margin: 0 auto; font-size: 2.5em; font-weight: bold; text-decoration: none; -webkit-text-shadow: 0.15rem 0.15rem 0.25rem rgba(0, 0, 0, 0.2); -moz-text-shadow: 0.15rem 0.15rem 0.25rem rgba(0, 0, 0, 0.2); -ms-text-shadow: 0.15rem 0.15rem 0.25rem rgba(0, 0, 0, 0.2); text-shadow: 0.15rem 0.15rem 0.25rem rgba(0, 0, 0, 0.2); width: 100%; height: 240px; padding: 0; background-repeat: no-repeat; background-position: right; text-align: center; background-size: cover; transition: all 0.3s ease-out; }
@media screen and (min-width: 768px) { body.sub_page .links_imgwrap a { font-size: 3em; height: 300px; } }
@media screen and (min-width: 992px) { body.sub_page .links_imgwrap a { font-size: 4em; height: 220px; } }
body.sub_page .links_imgwrap a:hover { transform: scale(1.025); }
body.sub_page .faq_section_wrap { background: #E0EAF7; }
body.sub_page .faq_section_wrap .faq_paragraph_wrap { padding: 3rem 2rem; border-bottom: 2px dotted #fff; font-size: 1rem; }
@media screen and (min-width: 576px) { body.sub_page .faq_section_wrap .faq_paragraph_wrap { font-size: 1.25rem; } }
body.sub_page .faq_section_wrap .faq_paragraph_wrap .question { -webkit-filter: drop-shadow(0.15rem 0.15rem 0.25rem rgba(0, 0, 0, 0.2)); -moz-filter: drop-shadow(0.15rem 0.15rem 0.25rem rgba(0, 0, 0, 0.2)); -ms-filter: drop-shadow(0.15rem 0.15rem 0.25rem rgba(0, 0, 0, 0.2)); filter: drop-shadow(0.15rem 0.15rem 0.25rem rgba(0, 0, 0, 0.2)); width: 90%; position: relative; padding: 1rem 2rem 1rem 5rem; color: #fff; border-radius: 3rem; background: #7CB76F; font-weight: bold; margin-bottom: 1rem; }
body.sub_page .faq_section_wrap .faq_paragraph_wrap .question::before { position: absolute; top: 1rem; left: -1.5rem; width: 0; height: 0; content: ''; border-width: 1.5rem 0 0 2rem; border-style: solid; border-color: #7CB76F transparent transparent transparent; transform: rotate(15deg); }
body.sub_page .faq_section_wrap .faq_paragraph_wrap .question span { font-size: 30px; font-size: 3rem; line-height: 50px; position: absolute; top: 0.5rem; left: 1rem; display: block; width: 50px; height: 50px; color: #fff; border-radius: 50%; background: #FFF; }
body.sub_page .faq_section_wrap .faq_paragraph_wrap .question span::before { display: block; content: "Q"; font-size: 2.5rem; text-align: center; font-weight: bold; color: #4F7C46; }
body.sub_page .faq_section_wrap .faq_paragraph_wrap .answer { -webkit-filter: drop-shadow(0.15rem 0.15rem 0.25rem rgba(0, 0, 0, 0.2)); -moz-filter: drop-shadow(0.15rem 0.15rem 0.25rem rgba(0, 0, 0, 0.2)); -ms-filter: drop-shadow(0.15rem 0.15rem 0.25rem rgba(0, 0, 0, 0.2)); filter: drop-shadow(0.15rem 0.15rem 0.25rem rgba(0, 0, 0, 0.2)); font-size: 90%; width: 90%; position: relative; padding: 1.5rem; border-radius: 3rem; background: #FFE5E6; left: 100%; transform: translateX(-100%); }
@media screen and (min-width: 576px) { body.sub_page .faq_section_wrap .faq_paragraph_wrap .answer { padding: 1rem 2rem 1rem 5rem; } }
body.sub_page .faq_section_wrap .faq_paragraph_wrap .answer img { width: 100%; height: 100%; }
body.sub_page .faq_section_wrap .faq_paragraph_wrap .answer::before { position: absolute; top: 1rem; right: -1.5rem; width: 0; height: 0; content: ''; border-width: 1.5rem 2rem 0 0; border-style: solid; border-color: #FFE5E6 transparent transparent transparent; transform: rotate(-15deg); }
body.sub_page .faq_section_wrap .faq_paragraph_wrap .answer p { margin-bottom: 0; }
body.sub_page .faq_section_wrap .faq_paragraph_wrap .answer span { font-size: 30px; font-size: 3rem; line-height: 50px; position: unset; padding: 0; top: 0.5rem; left: 1rem; display: block; width: 50px; height: 50px; color: #fff; border-radius: 50%; background: #FFF; }
@media screen and (min-width: 576px) { body.sub_page .faq_section_wrap .faq_paragraph_wrap .answer span { position: absolute; } }
body.sub_page .faq_section_wrap .faq_paragraph_wrap .answer span::before { display: block; content: "A"; font-size: 2.5rem; text-align: center; font-weight: bold; color: hotpink; }
body.sub_page .headding_shdng { padding: 1rem 2rem; color: white; margin-bottom: 2rem; background: #12447A; border-radius: 3px; -webkit-box-shadow: 5px 5px 0 #bfd3ea; box-shadow: 5px 5px 0 #bfd3ea; }
body.sub_page .headding_grds { padding: 0.5rem 2rem; color: #12447A; margin-bottom: 2rem; border-radius: 3px; background: #e4ecf2; background: -moz-linear-gradient(#ffffff 0%, #e4ecf2 100%); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e4ecf2)); background: -webkit-linear-gradient(#ffffff 0%, #e4ecf2 100%); background: -o-linear-gradient(#ffffff 0%, #e4ecf2 100%); background: -ms-linear-gradient(#ffffff 0%, #e4ecf2 100%); background: linear-gradient(#ffffff 0%, #e4ecf2 100%); }
body.sub_page .headding_wraparound { position: relative; display: inline-block; margin: 0 0 0 -0.6rem; padding: 1rem 3rem; color: #fff; border-radius: 0 0rem 1rem 0; background: #12447A; -webkit-box-shadow: 0.15rem 0.15rem 0.25rem rgba(0, 0, 0, 0.2); box-shadow: 0.15rem 0.15rem 0.25rem rgba(0, 0, 0, 0.2); }
body.sub_page .headding_wraparound:before { position: absolute; bottom: -10px; left: 0; width: 0; height: 0; content: ''; border-top: 10px solid #0C2A4A; border-left: 10px solid transparent; }
body.sub_page.members_page .members_list { text-align: center; justify-content: center; }
body.sub_page.members_page .members_list.card-deck .card { border: none; border-radius: 0; }
@media screen and (min-width: 576px) { body.sub_page.members_page .members_list.card-deck .card { min-width: 12rem; max-width: 50%; } }
@media screen and (min-width: 768px) { body.sub_page.members_page .members_list.card-deck .card { min-width: 12rem; max-width: 33.3333333%; } }
body.sub_page.members_page .members_list.card-deck .card .card-img-top { width: 60%; margin: 0 auto; background: #10e0fe; -webkit-background-image: radial-gradient(circle farthest-corner at 10% 20%, #61baff 0%, #a6effd 90.1%); -moz-background-image: radial-gradient(circle farthest-corner at 10% 20%, #61baff 0%, #a6effd 90.1%); -ms-background-image: radial-gradient(circle farthest-corner at 10% 20%, #61baff 0%, #a6effd 90.1%); -o-background-image: radial-gradient(circle farthest-corner at 10% 20%, #61baff 0%, #a6effd 90.1%); background-image: radial-gradient(circle farthest-corner at 10% 20%, #61baff 0%, #a6effd 90.1%); }
@media screen and (min-width: 576px) { body.sub_page.members_page .members_list.card-deck .card .card-img-top { width: 70%; } }
body.sub_page.members_page .members_list.card-deck .card .card-body { padding: 0; font-size: 0.9rem; line-height: 1.25; }
body.sub_page.members_page .members_list.card-deck .card .card-body h3 { margin: 0.5rem auto; font-size: 1.5rem; white-space: nowrap; }
body.sub_page.members_page .members_list.card-deck .card .card-body h3 span { font-size: 1rem; margin-right: 0.5rem; }
body.sub_page.members_page .members_list.card-deck .card .card-body h3 span:lang(en) { display: block; }
body.sub_page.members_page .members_list.card-deck .card .card-body p { padding: 1rem; margin-bottom: 0; }
body.sub_page.members_page .members_list.card-deck .card .card-footer { padding: 0; background: none; border-top: none; }
body.sub_page.members_page .members_list.card-deck .card .card-footer a { display: block; width: 90%; margin: 0 auto; }
body.sub_page .p_shdng { width: 95%; margin: 0 auto; }

/* bodyここまで */

/*# sourceMappingURL=style.css.map */