/* font set */
@font-face {
font-family: 'rajdhani';
font-weight: 700;
src: url('../font/rajdhani.woff') format('opentype');
}
/* header */
.head-wrap { max-width: 1360px; padding: 40px 20px 25px; margin: 0 auto; display: flex; flex-wrap: wrap; }
.head-logo { display: block; width: 131px; }
.head-area { width: calc(100% - 131px); display: flex; flex-wrap: wrap; justify-content: space-between; }
.head-nav { margin-left: auto; margin-top: 14px; }
.head-nav__list { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px 30px; }
.head-nav__item { font-size: 1.5rem; font-weight: 700; color: #000000; line-height: 1; }
.head-area--en .head-nav__item { font-size: 1.4rem; }
.head-nav__btn { transition: .25s; }
.head-lang { font-size: 1.8rem; line-height: 1; display: flex; align-items: flex-start; margin-left: 50px; margin-top: 10px; }
.head-lang__item { position: relative; }
.head-lang__item:nth-child(n+2) { margin-left: 5px; padding-left: 5px; }
.head-lang__item:nth-child(n+2)::after { position: absolute; content: ""; top: 0; bottom: 0; left: 0; margin: auto 0; height: 22px; width: 1px; background: #000000; }
.head-lang--active { background: #015e99; color: #ffffff; line-height: 1; }
.head-lang__jp { line-height: 1; display: block; padding: 2px 8px; }
.head-lang__en { line-height: 1; display: block; padding: 2px 8px; }
.head-nav__label,
.head-sp { display: none; }
@media (max-width: 1365px){
.head-wrap { padding: 25px 20px 25px; }
.head-nav { width: 100%; flex: 0 1 auto; margin-left: 60px; }
.head-nav__list { gap: 10px 20px; }
.head-lang { justify-content: flex-end; margin-left: auto; margin-right: 0; margin-top: 15px; }
}
@media (max-width: 1080px){
.head-lang { font-size: 1.6rem; }
.head-area--en .head-nav__item { font-size: 1.4rem; }
}
@media (max-width: 1000px){
.head-nav { margin-top: 16px; }
.head-lang { font-size: 1.5rem; }
.head-lang__item:nth-child(n+2) { margin-left: 3px; padding-left: 3px; }
.head-lang__item:nth-child(n+2)::after { height: 20px; }
}
@media (max-width: 820px){
.head-area { justify-content: flex-end; }
.head-nav { width: 100%; padding-left: 30px; letter-spacing: -1px; }
}
@media (max-width: 767px){
.head-wrap { padding: 30px 20px 25px; }
.head-area { position: fixed; top: 0; right: 0; width: 270px; background: #015e99; height: 100%; z-index: 10000; display: block; transform: translateX(270px); transition: .25s; }
.hum-open.head-area { transform: translateX(0); }
.head-nav { margin-top: 15px; padding: 0 20px; letter-spacing: 0; }
.head-area--en .head-nav { padding-left: 20px; }
.head-nav { margin-left: 0; }
.head-nav__list { gap: 0; }
.head-nav__item { font-size: 1.5rem; width: 100%; color: #ffffff; }
.head-nav__item:nth-child(n+2) { margin-left: 0; margin-top: 0; border-top: 1px solid #fff; }
.head-nav__btn { padding: 20px 10px; display: block; }
.head-lang { margin-left: 30px; justify-content: center; color: #ffffff; }
.head-lang__item:nth-child(n+2)::after { background: #fff; }
.head-lang--active { background: #fff; color: #015e99; line-height: 1; }
.head-nav__label { display: block; color: #ffffff; font-size: 2.4rem; font-family: "rajdhani"; font-weight: 700; padding-left: 10px; }
.head-sp { display: block; position: fixed; top: 0; right: 0; z-index: 10001; cursor: pointer; }
.head-sp__hum { position: relative; width: 60px; height: 60px; display: block; background: #015e99; }
.head-sp__hum span { position: absolute; left: 15px; width: 30px; height: 3px; background: #fff; border-radius: 2px; transition: .25s; }
.head-sp__hum span:nth-child(1) { top: 18px; }
.head-sp__hum span:nth-child(2) { top: 28px; }
.head-sp__hum span:nth-child(3) { top: 38px; }
.hum-on .head-sp__hum span:nth-child(1) { top: 28px; transform: rotate(45deg); }
.hum-on .head-sp__hum span:nth-child(2) { opacity: 0; }
.hum-on .head-sp__hum span:nth-child(3) { top: 28px; transform: rotate(-45deg); }
}
@media (min-width: 799px) {
.head-nav__btn:hover { opacity: 0.5; }
}
/* home */
.home-header { text-align: center; color: #333333; }
.home-header__en { font-size: 4rem; font-weight: 700; font-family: "rajdhani"; display: block; line-height: 1; }
.home-header__en:first-letter,
.home-header__en .blue { color: #015e99; }
.home-header__jp { display: block; margin-top: 20px; font-size: 2rem; line-height: 1; font-weight: 700; }
.home-header--white { color: #ffffff; }
.home-header--white *:first-letter { color: #ffffff; }
.visual { position: relative; width: 100%; height: calc(41.35vw + 1px); margin: 0 auto; }
.visual::after { position: absolute; content: ""; bottom: 0; left: 0; width: calc(100% - 200px); height: calc(30.77vw - 1px); background: #333; z-index: 10; }
.visual-main { position: absolute; width: calc(100% - 200px); height: calc(37.5vw - 5px); top: 0; right: 0; overflow: hidden; z-index: 100; }
.visual-main__slide { position: relative; width: 100%; height: 100%; background: #333; transition: .25s; }
.visual-main__slide-01 { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; background: url(../../images/visual_slide_01.jpg) no-repeat; width: 100%; height: 100%; background-size: cover; background-position: center; transition: .25s; z-index: 120; opacity: 0; }
.visual-main__slide-02 { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; background: url(../../images/visual_slide_02.jpg) no-repeat; width: 100%; height: 100%; background-size: cover; background-position: center; transition: .25s; z-index: 120; opacity: 0; }
.visual-main__slide-03 { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; background: url(../../images/visual_slide_03.jpg) no-repeat; width: 100%; height: 100%; background-size: cover; background-position: center; transition: .25s; z-index: 120; opacity: 0; }
.visual-main__slide--active { opacity: 1; }
.visual-logo { position: absolute; max-width: 795px; width: 41.4%; left: calc(190px - 5.77vw); top: calc(15.39vw - 5px); z-index: 1000; }
@media (max-width: 1400px){
.visual::after { width: calc(81.02vw + 65px); }
.visual-main { width: calc(81.02vw + 65px); }
.visual-logo { width: calc(31.02vw + 145px); left: calc(12.5vw - 66px); top: calc(16.62vw - 22px); }
}
@media (max-width: 767px){
.visual { height: calc(44.75vw + 56px); }
.visual::after { width: calc(86.58vw + 23px); height: calc(38.04vw + 48px); }
.visual-main { position: absolute; width: calc(86.58vw + 23px); height: calc(38.04vw + 48px); }
.visual-logo { width: calc(25.96vw + 185px); left: calc(8.95vw - 13px); top: calc(12.31vw + 25px); }
}
.home-about { background: #f2f3f3; padding: 100px 0 130px; }
.home-about__txt { margin: 50px auto 0; max-width: 750px; padding: 0 15px; }
.home-contents { padding: 180px 0 0; }
.home-contents__list { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 55px; }
.home-contents__item { width: calc((100% - 40px) / 3); }
.home-contents__item:nth-child(n+4) { margin-top: 20px; }
.home-contents__card-img { position: relative; width: calc(100% - 20px); margin-left: auto; }
.home-contents__card-img::after { position: absolute; content: ""; bottom: 0; left: -20px; height: calc(100% - 50px); background: #333333; width: 20px; }
.home-contents__card-txt { width: calc(100% - 20px); text-align: center; color: #ffffff; background: #333333; font-weight: 700; line-height: 1; padding: 20px 0; }
.home-gallery { padding: 90px 0 110px; background: #015e99; }
.home-gallery__btn { display: block; }
.home-gallery__list { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 50px; }
.home-gallery__item { width: calc(20% - (8px / 5)); overflow: hidden; }
.home-topics { padding-top: 190px; padding-bottom: 190px; }
.home-topics__info-item { padding: 30px 20px 20px; border-bottom: 1px solid #dcdddd; }
.home-topics__info-item .day { color: #015e99; line-height: 1; font-weight: 700; }
.home-topics__info-item .txt-area { margin-top: 20px; }
.home-topics__info-item .txt-area p { font-size: 1.6rem; line-height: 1.75; }
.home-topics__info-item .txt-area p a { color: #015e99; text-decoration: underline; position: relative; }
.home-topics__info-item .txt-area p a[href^="https:"]::after { content: ""; display: inline-block; width: 14px; height: 16px; margin: auto 0; background: url(../images/icon_link.svg) no-repeat; background-size: contain; background-position: center; margin-left: 5px; transform: translateY(3px); margin-right: 5px; }
.home-topics__info-item .txt-area .btn { background: #015e99; color: #ffffff; font-weight: 700; display: inline-block; line-height: 1; padding: 8px 11px; }
.home-topics__more-btn { margin: 60px auto 0; width: 205px; border: 2px solid #015e99; box-shadow: -5px 5px 0px 0px rgba(1, 94, 153, 1); text-align: center; font-weight: 700; font-family: "rajdhani"; line-height: 1; padding: 20px 0; font-size: 2rem; color: #015e99; cursor: pointer; }
@media (min-width: 799px){
.home-contents__card img { transition: .25s; }
.home-contents__card:hover img { opacity: 0.75; }
.home-gallery__item img { transition: .25s; }
.home-gallery__item:hover img { transform: scale(1.05); }
.home-topics__more-btn { transition: .25s; }
.home-topics__more-btn:hover { background: #015e99; color: #ffffff; }
}
@media (max-width: 767px){
.home-header__en { font-size: 3.4rem; }
.home-header__jp { margin-top: 10px; font-size: 1.5rem; }
.home-about { padding: 60px 0 70px; }
.home-about__txt { margin: 40px auto 0; max-width: 598px; }
.home-contents { padding: 60px 0 0; }
.home-contents__list { margin-top: 40px; }
.home-contents__item { width: calc((100% - 15px) / 2); }
.home-contents__item:nth-child(n+3) { margin-top: 15px; }
.home-contents__card-img { width: calc(100% - 10px); }
.home-contents__card-img::after { left: -10px; height: calc(100% - 20px); width: 10px; }
.home-contents__card-txt { width: calc(100% - 10px); padding: calc(1.12vw + 6px) 0; }
.home-gallery { padding: 60px 0 70px; }
.home-gallery__list { margin-top: 40px; }
.home-gallery__item { width: calc(50% - 4px); }
.home-gallery__item:nth-child(n+3) { margin-top: 8px; }
.home-gallery__item:last-child { display: none; }
.home-topics { padding-top: 60px; padding-bottom: 70px; }
.home-topics__info-item { padding: 20px 0px 15px; }
.home-topics__info-item .day { font-size: 1.5rem; }
.home-topics__info-item .txt-area { margin-top: 10px; }
.home-topics__info-item .txt-area p { font-size: 1.4rem; }
.home-topics__info-item .txt-area p a[href^="https:"]::after { width: 16px; height: 16px; transform: translateY(2px); }
.home-topics__info-item .txt-area .btn { padding: 6px 8px; }
.home-topics__more-btn { padding: 15px 0; font-size: 1.8rem; }
}
/* page-based */
.page-head { position: relative; height: 360px; margin-bottom: 150px; }
.page-head::after { height: 300px; width: calc(100% - 200px); content: ""; position: absolute; bottom: 0; left: 0; z-index: 10; background: #333; }
.page-head__main { height: 300px; width: calc(100% - 200px); background: #333; position: absolute; top: 0; right: 0; z-index: 100; }
.page-head__logo { position: absolute; right: 0; left: 0; margin: 0 auto; z-index: 1000; }
.page-head__main-bg { height: 300px; }
.page-header { font-weight: 700; color: #333; font-size: 3rem; line-height: 1.31; margin-bottom: 55px; }
.page-cap { margin-top: 15px; font-size: 1.2rem; line-height: 1.67; }
.page-article + .page-article { margin-top: 160px; }
.page-head--research .page-head__main-bg { background: url(../../images/page_head_bg_repro.jpg) no-repeat; background-size: cover; background-position: center; }
.page-head--research .page-head__logo { max-width: 638px; max-height: 92px; top: 100px; width: calc(68.75vw - 49px); }
.page-head--message .page-head__main-bg { background: url(../../images/page_head_bg_message.jpg) no-repeat; background-size: cover; background-position: center; }
.page-head--message .page-head__logo { max-width: 297px; max-height: 91px; top: 100px; width: calc(32.33vw - 26px); }
.page-head--article .page-head__main-bg { background: url(../../images/page_head_bg_article.jpg) no-repeat; background-size: cover; background-position: center; }
.page-head--article .page-head__logo { max-width: 431px; max-height: 71px; top: 100px; width: calc(46.56vw - 34px); }
.page-head--gallery .page-head__main-bg { background: url(../../images/page_head_bg_gallery.jpg) no-repeat; background-size: cover; background-position: center; }
.page-head--gallery .page-head__logo { max-width: 252px; max-height: 93px; top: 100px; width: calc(27.16vw - 20px); }
.page-head--recruit .page-head__main-bg { background: url(../../images/page_head_bg_recruit.jpg) no-repeat; background-size: cover; background-position: center; }
.page-head--recruit .page-head__logo { max-width: 853px; max-height: 100px; top: 95px; width: calc(69.11vw + 24px); }
.page-head--access .page-head__main-bg { background: url(../../images/page_head_bg_access.jpg) no-repeat; background-size: cover; background-position: center; }
.page-head--access .page-head__logo { max-width: 263px; max-height: 72px; top: 100px; width: calc(28.35vw - 20px); }
.page-head--error401 .page-head__main-bg,
.page-head--error403 .page-head__main-bg,
.page-head--error404 .page-head__main-bg,
.page-head--error500 .page-head__main-bg { background: url(../../images/page_head_bg_error.jpg) no-repeat; background-size: cover; background-position: center; }
.page-head--error401 .page-head__logo { max-width: 605px; max-height: 73px; top: 100px; width: calc(65.2vw - 47px); }
.page-head--error403 .page-head__logo { max-width: 500px; max-height: 73px; top: 100px; width: calc(53.88vw - 38px); }
.page-head--error404 .page-head__logo { max-width: 501px; max-height: 73px; top: 100px; width: calc(53.88vw - 38px); }
.page-head--error500 .page-head__logo { max-width: 729px; max-height: 73px; top: 100px; width: calc(78.56vw - 56px); }
.page-back__btn { position: relative; display: block; border: 1px solid #015e99; color: #015e99; max-width: 360px; margin: 90px auto 0; text-align: center; font-size: 1.6rem; font-weight: 700; line-height: 1; padding: 15px 15px 15px 30px; }
.page-back__btn::before { content: ""; position: absolute; top: 0; bottom: 0; left: 15px; margin: auto 0; width: 0; height: 0; border-style: solid; border-width: 6px 10.4px 6px 0; border-color: transparent #015e99 transparent transparent; transition: .25s; }
.page-head--people .page-head__main-bg { background: url(../../images/page_head_bg_people.jpg) no-repeat; background-size: cover; background-position: center; }
.page-head--people .page-head__logo { max-width: 236px; max-height: 91px; top: 110px; width: calc(25.44vw - 18px); left: calc(50% - 225px - 188px + 100px); right: auto; }
.page-head--people .page-head__people-ill { position: absolute; top: 0; right: calc(50% - 620px + 55px - 100px); height: 300px; z-index: 1001; }
@media(max-width:1400px) {
.page-head::after { width: calc(65vw + 290px); }
.page-head__main { width: calc(65vw + 290px); }
.page-head--people .page-head__logo { left: calc(62.5vw - 488px); }
.page-head--people .page-head__people-ill { right: calc(15vw - 170px); }
}
@media(max-width:1000px) {
.page-head { height: calc(25.86vw + 101px); margin-bottom: 60px; }
.page-head::after { width: calc(100% - 60px); height: calc(25.86vw + 41px); }
.page-head__main { width: calc(100% - 60px); height: calc(25.86vw + 41px); }
.page-head__main-bg { height: calc(25.86vw + 41px); }
.page-header { font-size: 2.4rem; margin-bottom: 20px; }
.page-head--people .page-head__logo { left: calc(15.95vw - 22px); top: calc(8.63vw + 23px); }
.page-head--people .page-head__people-ill { height: calc(25.86vw + 41px); right: calc(23px - 4.32vw); }
}
@media (min-width: 769px) {
.page-back__btn:hover { background: #015e99; color: #fff; }
.page-back__btn:hover::before { left: 12px; border-color: transparent #fff transparent transparent; }
}
@media(max-width:767px) {
.page-head { height: calc(44.75vw + 56px) }
.page-head::after { width: calc(86.58vw + 23px); height: calc(38.04vw + 48px); }
.page-head__main { width: calc(86.58vw + 23px); height: calc(38.04vw + 48px); }
.page-head__main-bg { height: calc(38.04vw + 48px); }
.page-article + .page-article { margin-top: 60px; }
.page-header { font-size: 2.2rem; margin-bottom: 20px; }
.page-head--research .page-head__logo { top: calc(14.55vw + 28px); width: calc(63.54vw - 9px); }
.page-head--message .page-head__logo { top: calc(14.55vw + 28px); width: calc(29.98vw - 8px); }
.page-head--people .page-head__logo { top: calc(14.55vw + 28px); width: calc(22.38vw - 2px); }
.page-head--article .page-head__logo { top: calc(15.66vw + 20px); width: calc(42.73vw - 4px); }
.page-head--gallery .page-head__logo { top: calc(14.55vw + 28px); width: calc(24.39vw + 2px); }
.page-head--recruit .page-head__logo { top: calc(14.55vw + 28px); }
.page-head--access .page-head__logo { top: calc(15.66vw + 20px); width: calc(23.49vw + 17px); }
.page-head--error401 .page-head__logo { top: calc(14.55vw + 28px); width: calc(59.83vw - 6px); }
.page-head--error403 .page-head__logo { top: calc(14.55vw + 28px); width: calc(49.34vw - 4px); }
.page-head--error404 .page-head__logo { top: calc(14.55vw + 28px); width: calc(49.34vw - 4px); }
.page-head--error500 .page-head__logo { top: calc(14.55vw + 28px); width: calc(72.1vw - 7px); }
.page-head--people .page-head__main-bg { background: url(../../images/page_head_bg_people-sp.png) no-repeat; background-size: cover; background-position: center; }
.page-head--people .page-head__logo { left: calc(23.49vw - 40px); top: calc(14.55vw + 28px); width: calc(21.71vw + 10px); }
.page-head--people .page-head__people-ill { height: calc(26.85vw + 34px); right: 0; top: auto; bottom: calc(7.39vw + 3px); }
}
/* message */
.message-label { text-align: center; font-size: 3.5rem; font-weight: 700; font-family: "rajdhani"; display: block; line-height: 1; }
.message-label:first-letter { color: #015e99; }
.message-txt { max-width: 660px; margin: 40px auto 0; }
.message-img { max-width: 400px; margin: 80px auto 0; }
.message-prof { max-width: 400px; margin: 35px auto 0; text-align: right; color: #333; }
.message-prof__day { line-height: 1; }
.message-prof__position { line-height: 1; font-size: 1.8rem; font-weight: 700; margin-top: 20px; }
.message-prof__name { line-height: 1; font-size: 2.6rem; font-weight: 700; margin-top: 15px; }
@media(max-width:767px) {
.message-label { font-size: 3rem; }
.message-txt { margin: 30px auto 0; }
.message-img { margin: 60px auto 0; }
.message-prof { margin: 35px auto 0; }
.message-prof__day { font-size: 1.4rem; }
.message-prof__position { font-size: 1.6rem; }
.message-prof__name { font-size: 2.2rem; }
}
/* research */
.research-list { margin-top: 35px; }
.research-item:nth-child(n+2) { margin-top: 30px; }
.research-item__title { display: flex; flex-wrap: wrap; min-height: 100px; transition: .25s; }
.research-item__label { width: 100px; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; color: #fff; font-family: "rajdhani"; background: #333; }
.research-item__label-ex { font-size: 1.5rem; margin-bottom: 5px; line-height: 1; }
.research-item__label-num { font-size: 4rem; line-height: 1; }
.research-item__name { width: calc(100% - 100px); background: #015e99; color: #fff; display: flex; flex-wrap: wrap; align-items: center; background: #015e99; color: #fff; padding-left: 50px; padding-right: 50px; line-height: 1.5; font-weight: 700; font-size: 2.2rem; }
.research-contents { margin-top: 50px; }
* + .research-contents__sct { margin-top: 75px; }
.research-contents__sct-head { font-weight: 700; font-size: 1.8rem; color: #015e99; line-height: 1.5; margin-bottom: 25px; }
* + .research-contents__sct-head { margin-top: 60px; }
.research-contents__img { margin: 60px auto 20px; max-width: 720px; text-align: center; }
.research-contents__img + .research-contents__img { margin-top: 20px; }
.research-contents__img--float { float: right; margin-left: 30px; margin-bottom: 30px; max-width: 240px; }
.research-contents__note { margin-top: 55px; }
.research-contents__label { font-weight: 700; line-height: 1.5; }
@media (max-width: 767px){
.research-list { margin-top: 30px; }
.research-item:nth-child(n+2) { margin-top: 15px; }
.research-item__title { min-height: 60px; }
.research-item__label { width: 60px; }
.research-item__label-ex { font-size: 1.3rem; margin-bottom: 3px; margin-top: 5px; }
.research-item__label-num { font-size: 3.2rem; }
.research-item__name { width: calc(100% - 60px); padding-left: 10px; padding-right: 10px; font-size: 1.5rem; }
.research-contents { margin-top: 30px; }
* + .research-contents__sct { margin-top: 40px; }
.research-contents__sct-head { font-size: 1.6rem; margin-bottom: 15px; }
.research-contents__img { margin: 40px auto; }
.research-contents__img--float { float: none; margin-left: auto; margin-right: auto; margin-bottom: 30px; max-width: 240px; display: block; }
.research-contents__note { margin-top: 40px; }
}
@media (min-width: 769px) {
a.research-item__title:hover { opacity: 0.5; }
}
/* people */
.people-nav { border: 1px solid #282828; padding: 20px; }
.people-nav__item { position: relative; display: inline-block; padding-left: 1em; margin-right: 10px; font-weight: 700; }
.people-nav__item::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 0.8em; height: 0.8em; margin: auto 0; }
.people-nav__item:nth-child(1) { color: #d69b42; }
.people-nav__item:nth-child(2) { color: #5597d4; }
.people-nav__item:nth-child(3) { color: #dc83ab; }
.people-nav__item:nth-child(4) { color: #73af5f; }
.people-nav__item:nth-child(5) { color: #b6b6b6; }
.people-nav__item:nth-child(1)::before { background: #d69b42; }
.people-nav__item:nth-child(2)::before { background: #5597d4; }
.people-nav__item:nth-child(3)::before { background: #dc83ab; }
.people-nav__item:nth-child(4)::before { background: #73af5f; }
.people-nav__item:nth-child(5)::before { background: #b6b6b6; }
.people-group:nth-child(n+2) { margin-top: 160px; }
.people-group__title { width: 270px; margin: 0 auto; text-align: center; border-bottom: 1px solid #aaaaaa; line-height: 1; padding-bottom: 15px; margin-bottom: 60px; font-size: 2.4rem; font-weight: 700; }
.people-group__list { display: flex; flex-wrap: wrap; justify-content: center; }
.people-group__list--more { justify-content: flex-start; }
.people-group__list--c { justify-content: center!important; }
.people-group__card { width: calc((100% - 220px) / 3); text-align: center; }
.people-group__card:not(:nth-child(3n+1)) { margin-left: 110px; }
.people-group__card:nth-child(n+4) { margin-top: 80px; }
.people-group__card-img { max-width: 240px; margin: 0 auto; width: calc(100% - 20px);}
.people-group__card-name { margin-top: 35px; }
.people-group__card-name--jp { font-size: 2.8rem; line-height: 1.2; font-weight: 700; letter-spacing: -1px; }
.people-group__card-name--en { font-size: 1.4rem; line-height: 1; margin-top: 10px; }
.people-group__card-name--enname { font-size: 2.4rem; line-height: 1.2; font-weight: 700; }
.people-group__card-ex { position: relative; margin-top: 30px; padding-top: 30px; }
.people-group__card-ex::before { content: ""; position: absolute; width: 60px; height: 2px; margin: 0 auto; background: #aaa; top: 0; left: 0; right: 0; }
.people-group__card-ex__work { margin-bottom: 15px; line-height: 1; font-size: 2rem; text-align: center; }
.people-group__card-ex__work a { display: inline-block; font-weight: 700; transition: .25s; line-height: 1.2; }
.people-group__card-ex__work a + a { margin-left: 10px; }
.people-group__card-ex__work .card--1 { color: #d69b42; }
.people-group__card-ex__work .card--2 { color: #5597d4; }
.people-group__card-ex__work .card--3 { color: #dc83ab; }
.people-group__card-ex__work .card--4 { color: #73af5f; }
.people-group__card-ex__work .card--5 { color: #b6b6b6; }
.people-group__card-ex__list { display: flex; flex-wrap: wrap; justify-content: space-between; }
.people-group__card-ex__item { width: calc((100% - 20px) / 3); color: #fff; font-size: 1.8rem; line-height: 1; }
.people-group__card-ex__item:nth-child(1) > * { background: #8c8c8c; }
.people-group__card-ex__item:nth-child(2) > * { background: #ab9e6f; }
.people-group__card-ex__item:nth-child(3) > * { background: #9577a8; }
.people-group__card-ex__item > * { display: block; border-radius: 3px; padding: 5px; text-align: center; transition: .25s; }
.people-group__card-ex__prof { position: relative; max-width: 270px; margin: 0 auto; border: 1px solid #015e99; color: #015e99; display: block; line-height: 1; padding: 10px 30px 10px 10px; font-size: 1.8rem; margin-top: 20px; margin-bottom: 30px; }
.people-group__card-ex__prof::after { content: ""; position: absolute; top: 0; bottom: 0; right: 15px; margin: auto 0; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 10.4px; border-color: transparent transparent transparent #015e99; transition: .25s; }
.people-group__card-mail { width: 25px; margin: 16px auto 0; display: block; height: 16px; display: flex; align-items: flex-start; }
@media (max-width: 1000px){
.people-group__card { width: calc((100% - 60px) / 3); }
.people-group__card:not(:nth-child(3n+1)) { margin-left: 30px; }
.people-group__card-name { margin-top: 35px; }
.people-group__card-name--jp { font-size: calc( 24px + ((1vw - 7.68px)*2.586)); }
.people-group__card-ex__work { font-size: calc( 16px + ((1vw - 7.68px)*1.724)); }
.people-group__card-ex__list { max-width: 270px; margin: 0 auto; }
.people-group__card-ex__item { font-size: calc( 14px + ((1vw - 7.68px)*1.724)); }
}
@media (max-width: 767px){
.people-group:nth-child(n+2) { margin-top: 100px; }
.people-group__title { padding-bottom: 15px; margin-bottom: 60px; font-size: 2.4rem; }
.people-group__list { justify-content: flex-start; }
.people-group__card { width: calc((100% - 60px) / 2); }
.people-group__card:not(:nth-child(3n+1)) { margin-left: 0; }
.people-group__card:nth-child(2n) { margin-left: 60px; }
.people-group__card:nth-child(n+3) { margin-top: 80px; }
.people-group__card-img { max-width: 180px; }
.people-group__card-name { margin-top: 35px; }
.people-group__card-name--jp { font-size: 2.4rem; }
.people-group__card-name--en { font-size: 1.3rem; }
.people-group__card-name--enname { font-size: 1.8rem; }
.people-group__card-ex { margin-top: 15px; padding-top: 15px; }
.people-group__card-ex__work { margin-bottom: 15px; font-size: 1.6rem; }
.people-group__card-ex__item { width: calc((100% - 10px) / 3); font-size: 1.4rem; }
.people-group__card-ex__prof { padding: 7px 30px 7px 7px; font-size: 1.6rem; margin-top: 20px; margin-bottom: 30px; }
}
@media (max-width: 480px){
.people-group__list { justify-content: center; }
.people-group__card { width: 100%; }
.people-group__card:nth-child(2n) { margin-left: 0; }
.people-group__card:nth-child(n+2) { margin-top: 80px; }
}
@media (min-width: 769px){
.people-group__card-ex__prof:hover { background: #015e99; color: #fff; }
.people-group__card-ex__prof:hover::after { right: 10px; border-color: transparent transparent transparent #fff; }
.people-group__card-ex__item a:hover { opacity: 0.5; }
.people-group__card-ex__work a:hover { opacity: 0.5; }
.people-group__card-mail:hover { opacity: 0.5; }
}
.member-prof { margin: 0 auto 80px; max-width: 500px; }
.member-prof__pict-ex { margin-top: 15px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; }
.member-prof__pict-position__label { font-size: 1.8rem; font-weight: 700; line-height: 1; }
.member-prof__pict-position__name { font-size: 2.6rem; font-weight: 700; line-height: 1; margin-top: 15px; }
.member-prof__pict-position__en { font-size: 1.4rem; color: #015e99; line-height: 1; margin-top: 10px; }
.member-prof__pict-mail { color: #015e99; font-size: 1.2rem; }
.member-prof__pict-mail::after { content: ""; width: 25px; height: 16px; background: url(../images/icon_mail.svg) no-repeat; background-size: contain; display: inline-block; margin-left: 5px; transform: translateY(3px); }
.member-sct { margin-top: 40px; padding-top: 50px; border-top: 1px solid #dcdddd; }
.member-header { color: #015e99; line-height: 1; font-size: 1.8rem; font-weight: 700; }
.member-sct__txt { margin-top: 25px; }
.member-sct__perform-item { position: relative; padding-left: 50px; counter-increment: num; padding-top: 25px; }
.member-sct__perform-item:nth-child(n+2) { margin-top: 25px; border-top: 1px solid #015e99; }
.member-sct__perform-item::before { content: ""; position: absolute; background: #015e99; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; font-size: 1.8rem; font-weight: 700; line-height: 1; color: #fff; content: counter(num); top: 25px; left: 0; }
@media (max-width: 767px){
.member-sct__perform-item { padding-left: 45px; }
}
/* article */
.article-content { counter-reset: article_num; }
.article-year:nth-child(n+2) { margin-top: 145px; }
.article-year__label { font-size: 4.5rem; font-weight: 700; line-height: 1; font-family: "rajdhani"; border-bottom: 1px solid #015e99; padding-bottom: 15px; margin-bottom: 55px; }
.article-year__item { position: relative; counter-increment: article_num; padding-left: 60px; font-size: 1.8rem; line-height: 1.56; }
.article-year__item::before { content: counter(article_num); position: absolute; font-size: 3.6rem; font-weight: 700; line-height: 1; font-family: "rajdhani"; left: 0; top: 0; }
.article-year__item:nth-child(n+2) { margin-top: 40px; }
.article-year__item > a { color: #015e99; text-decoration: underline; position: relative; }
.article-year__item > a[href^="https:"]::after { content: ""; display: inline-block; width: 14px; height: 16px; margin: auto 0; background: url(../images/icon_link.svg) no-repeat; background-size: contain; background-position: center; margin-left: 5px; transform: translateY(3px); }
.article-year__item-btn { display: block; margin-top: 10px; }
.article-year__item-btn a { display: inline-block; position: relative; font-size: 1.6rem; font-weight: 700; line-height: 1; padding: 10px 30px 10px 10px; background: #015e99; color: #fff; }
.article-year__item-btn a::after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 7.5px 0 7.5px 13.0px; border-color: transparent transparent transparent #fff; top: 0; bottom: 0; margin: auto 0; right: 10px; }
.article-title { padding: 50px 20px; background: #015e99; margin-bottom: 60px; }
.article-title__inner { max-width: 700px; margin: 0 auto; color: #fff; font-weight: 700; }
.article-title__sub { font-size: 1.7rem; line-height: 1.5; }
.article-title__main { font-size: 2.2rem; line-height: 1.5; margin-top: 10px; }
.article-contents__info { margin-bottom: 50px; }
.article-contents__info-list { border-left: 8px solid #015e99; padding-left: 15px; }
.article-contents__info-item { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; }
.article-contents__info-label { width: 3.5em; }
.article-contents__info-ex { width: calc(100% - 4em); position: relative; }
.article-contents__info-ex::before { content: "："; position: absolute; left: -10px; top: 0; }
.article-contents__info-label--en { width: 6em; line-height: 1.2; margin-top: 6px; }
.article-contents__info-ex--en { width: calc(100% - 6em); position: relative; }
.article-contents__info-ex--en::before { content: "："; position: absolute; left: -10px; top: 0; }
.article-contents__info-other { font-size: 1.3rem; margin-top: 5px; }
.article-contents__info + * { margin-top: 0!important; }
* + .article-contents__txt,
* + .article-contents__sct { margin-top: 75px; }
.article-contents__sct-head { color: #015e99; font-weight: 700; font-size: 1.8rem; line-height: 1.5; margin-bottom: 20px; }
.article-contents__img { margin: 60px auto 30px; max-width: 680px; }
.article-contents__img img { display: block; margin: 0 auto; }
.article-contents__cap { margin-top: 15px; font-size: 1.4rem; line-height: 1.5; }
.article-contents__aside { margin-top: 60px; background: #f2f3f3; padding: 40px 15px; }
.article-contents__aside-inner { max-width: 700px; margin: 0 auto; }
.article-contents__aside-label { font-size: 1.8rem; font-weight: 700; line-height: 1.2; border-bottom: 1px solid #000; margin-bottom: 10px; padding-bottom: 10px; }
.article-contents__aside-txt + .article-contents__aside-txt { margin-top: 1em; }
@media (max-width: 767px){
.article-year:nth-child(n+2) { margin-top: 60px; }
.article-year__label { font-size: 4.4rem; margin-bottom: 30px; }
.article-year__item { padding-left: 50px; font-size: 1.5rem; }
.article-year__item::before { font-size: 3.6rem; }
.article-year__item:nth-child(n+2) { margin-top: 30px; }
}
@media (min-width: 769px){
.article-year__item-btn a:hover { opacity: 0.5; }
}
/* gallery */
.gallery-sct { margin-top: 40px; }
.gallery-sct + .gallery-sct { margin-top: 90px; }
.gallery-sct__head { font-size: 4rem; font-weight: 700; color: #015e99; font-family: "rajdhani"; margin-bottom: 30px; }
.gallery-recently__item { border: 1px solid #015e99; padding: 60px 20px; }
.gallery-recently__item:nth-child(n+2) { margin-top: 60px; }
.gallery-recently__figure { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 30px; }
* + .gallery-recently__figure { margin-top: 30px; }
.gallery-recently__figure-img { width: calc((100% - 40px) / 2); margin: 0 10px; min-height: 0; display: flex; align-items: center; justify-content: center; }
.gallery-recently__figure-img:nth-child(n+3) { margin-top: 20px; }
.gallery-recently__figure-img--long { margin: 20px 10px; width: 70%; min-height: 0; display: flex; align-items: center; justify-content: center; }
.gallery-recently__figure-img--long:first-child { margin-top: 0; }
.gallery-recently__figure-img--long + .gallery-recently__figure-img,
.gallery-recently__figure-img--long + .gallery-recently__figure-img + .gallery-recently__figure-img { margin-top: 0; }
.gallery-recently__title { font-size: 1.8rem; line-height: 1.5; font-weight: 700; color: #015e99; margin-top: 20px; margin-bottom: 20px; }
.gallery-past { border-top: 1px solid #015e99; padding-top: 60px; }
.gallery-past__list { display: flex; flex-wrap: wrap; }
.gallery-past__item { width: calc(25% - 15px); }
.gallery-past__item:not(:nth-child(4n+1)) { margin-left: 20px; }
.gallery-past__item:nth-child(n+5) { margin-top: 20px; }
.gallery-group__cap { font-size: 1.4rem; line-height: 1.5; margin-top: 5px; text-align: center; }
.gallery-memory__list { max-width: 750px; margin: 0 auto; }
.gallery-memory__item:nth-child(n+2) { margin-top: 10px; }
@media (max-width: 767px){
.gallery-sct { margin-top: 30px; }
.gallery-sct + .gallery-sct { margin-top: 40px; }
.gallery-sct__head { font-size: 3.2rem; margin-bottom: 20px; }
.gallery-recently__item { padding: 40px 10px; }
.gallery-recently__title { font-size: 1.6rem; margin-bottom: 15px; }
.gallery-past { padding-top: 30px; }
.gallery-past__item { width: calc((100% - 10px) / 2); min-height: 0; }
.gallery-past__item:not(:nth-child(4n+1)) { margin-left: 0; }
.gallery-past__item:nth-child(2n) { margin-left: 10px; }
.gallery-past__item:nth-child(n+3) { margin-top: 15px; }
}
@media (max-width: 568px){
.gallery-recently__figure-img { width: 100%; margin: 0 auto; }
.gallery-recently__figure-img:nth-child(n+2) { margin-top: 20px; }
.gallery-recently__figure * { max-width: 280px; }
.gallery-recently__figure *:nth-child(n+2) { margin-top: 20px!important; }
.gallery-recently__figure-img { margin: 0;}
.gallery-recently__figure-img--long { margin: 0; width: 100%; }
}
/* recruit */
.recruit-info { border: 2px solid #c00; padding: 30px; margin-bottom: 60px; }
.recruit-info__title { font-weight: 700; color: #c00; font-size: 1.8rem; }
.recruit-wrap { background: #eef8fe; padding: 90px 100px 70px; }
.recruit-txt a { color: #015e99; text-decoration: underline; position: relative; }
.recruit-txt a[href^="https:"]::after { content: ""; display: inline-block; width: 14px; height: 16px; margin: auto 0; background: url(../images/icon_link.svg) no-repeat; background-size: contain; background-position: center; margin-left: 5px; transform: translateY(3px); }
.qa-list { display: flex; flex-wrap: wrap; justify-content: space-between; }
.qa-item { width: calc(50% - 30px); border: 1px solid #015e99; overflow: hidden; }
.qa-item:nth-child(n+3) { margin-top: 60px; }
.qa-quest { text-align: center; font-weight: 700; padding: 40px 20px 70px; }
.qa-quest__num { font-family: "rajdhani"; color: #015e99; font-size: 5rem; line-height: 1; margin-bottom: 20px; }
.qa-quest__title { color: #015e99; font-size: 1.8rem; line-height: 1.89; }
.qa-answer { background: #f5f5f5; padding: 40px; font-size: 1.4rem; line-height: 2; height: 100%; }
@media (max-width: 1000px){
.qa-item { width: calc(50% - 15px); }
.qa-item:nth-child(n+3) { margin-top: 30px; }
}
@media (max-width: 767px){
.recruit-info { padding: 20px; margin-bottom: 40px; }
.recruit-info__title { font-size: 1.6rem; }
.recruit-wrap { padding: 30px 15px; }
.qa-item { width: 100%; }
.qa-item:nth-child(n+2) { margin-top: 20px; }
.qa-quest { padding: 40px 20px 50px; }
.qa-answer { padding: 30px 15px; font-size: 1.3rem; }
}
/* access */
.access-map__area iframe { width: 100%; height: 650px; }
.access-map__lead { margin-top: 65px; margin-bottom: 70px; }
.access-map__ex + .access-map__ex { margin-top: 25px; }
.access-map__label { font-size: 1.8rem; line-height: 1; font-weight: 700; color: #015e99; margin-bottom: 20px; }
@media (max-width: 767px){
.access-map__area iframe { height: 61.6vw; max-height: 350px; }
.access-map__lead { margin-top: 25px; margin-bottom: 40px; }
.access-map__ex + .access-map__ex { margin-top: 20px; }
.access-map__label { font-size: 1.6rem; margin-bottom: 10px; }
}
/* footer */
.foot { margin-top: 190px; }
.home .foot { margin-top: 0; }
.foot-contents { background: #333333; padding: 100px 0; }
.foot-contents__inner { display: flex; flex-wrap: wrap; justify-content: space-between; }
.foot-logo { width: 175px; display: block; }
.foot-info { color: #ffffff; }
.foot-info__place { line-height: 1.625; font-weight: 700; }
.foot-info__adress { font-size: 1.4rem; line-height: 1.357; margin-top: 20px; }
.foot-contact__btn { display: block; width: 205px; border: 2px solid #fff; box-shadow: -5px 5px 0px 0px rgba(255, 255, 255, 1); text-align: center; font-weight: 700; font-family: "rajdhani"; line-height: 1; padding: 20px 0; font-size: 2rem; color: #fff; margin-top: 30px; }
.foot-copy { line-height: 1; padding: 30px 20px 40px; text-align: center; font-size: 1.4rem; line-height: 1.5; }
@media (min-width: 769px){
.foot-contact__btn { transition: .25s; }
.foot-contact__btn:hover { background: #ffffff; color: #333; }
}
@media (max-width: 1000px){
.foot { margin-top: 120px; }
.foot-contents { padding: 40px 0; }
.foot-contents__inner { max-width: 568px; }
.foot-logo { margin: 0 auto; }
.foot-info { width: 100%; margin: 30px auto 0; text-align: center; }
.foot-info__place { font-size: 1.5rem; }
.foot-info__adress { font-size: 1.3rem; margin-top: 15px; }
.foot-contact { width: 100%; }
.foot-contact__btn { padding: 15px 0; font-size: 1.8rem; margin: 30px auto 0; }
.foot-copy { padding: 35px 15px 40px; font-size: 1.3rem; }
}
@media (max-width: 767px){
.foot { margin-top: 60px; }
.foot-contents { padding: 60px 0; }
.foot-logo { margin: 0 auto; }
.foot-info { width: 100%; margin-top: 60px; }
.foot-info__place { font-size: 1.5rem; }
.foot-info__adress { font-size: 1.3rem; margin-top: 15px; }
.foot-contact { width: 100%; }
.foot-contact__btn { padding: 15px 0; font-size: 1.8rem; margin: 30px auto 0; }
.foot-copy { padding: 35px 15px 40px; font-size: 1.3rem; }
}
.home-topics__info-item--hidden { opacity: 0; height: 0; margin: 0; display: none; }
.home-topics__info-item--move { animation-duration: 0.6s; animation-name: morelist; }
@keyframes morelist {
0% { display: none; opacity: 0; }
1% { display: block; }
100% { opacity: 1; }
}
/* error */
.error-btn { position: relative; display: block; border: 1px solid #015e99; color: #015e99; max-width: 360px; margin: 90px auto 0; text-align: center; font-size: 1.6rem; font-weight: 700; line-height: 1; padding: 15px 15px 15px 30px; }
.error-btn::before { content: ""; position: absolute; top: 0; bottom: 0; left: 15px; margin: auto 0; width: 0; height: 0; border-style: solid; border-width: 6px 10.4px 6px 0; border-color: transparent #015e99 transparent transparent; transition: .25s; }
@media (min-width: 769px) {
.error-btn:hover { background: #015e99; color: #fff; }
.error-btn:hover::before { left: 12px; border-color: transparent #fff transparent transparent; }
}
@media (max-width: 767px){
.error-btn { margin: 60px auto 0; }
}