@charset "UTF-8";
/* =============================================
                    CONTENTS
============================================= */
sup{ font-size: 70%; vertical-align: top; position: relative; top: -0.1em;}
.en{ font-family: "Roboto Condensed", sans-serif; font-weight: 700;}
.tieup20251020{ background: #000;}
/* contents */
.blue-btn a{ background: #0071BE; font-weight: 700; color: #fff; text-align: center; text-decoration: none; box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.4); display: block; position: relative;}
.blue-btn a::after{ content: ""; border-top: 2px solid #fff; border-right: 2px solid #fff; width: 8px; height: 8px; transform: rotate(45deg); position: absolute; right: 15px; top: 50%; margin-top: -6px;}
.black-btn a{ background: #000; font-weight: 700; color: #fff; text-align: center; text-decoration: none; box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.4); display: block; position: relative;}
.black-btn a::after{ content: ""; border-top: 2px solid #fff; border-right: 2px solid #fff; width: 8px; height: 8px; transform: rotate(45deg); position: absolute; right: 15px; top: 50%; margin-top: -6px;}
.white-btn a{ background: #fff; font-weight: 700; color: #000; text-align: center; text-decoration: none; box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.4); display: block; position: relative;}
.white-btn a::after{ content: ""; border-top: 2px solid #000; border-right: 2px solid #000; width: 8px; height: 8px; transform: rotate(45deg); position: absolute; right: 15px; top: 50%; margin-top: -6px;}
.tieup20251020 #contents{ font-feature-settings: "palt";}
#main .text p{ color: #fff; text-align: justify;}
#main .box .text p:last-of-type{ margin-bottom: 0;}
.sec .tit-box .tit{ position: relative;}
.sec .tit-box .tit .en{ color: #0ab0de; line-height: 1.3;}
.sec .tit-box .tit h2{ font-weight: 900; color: #fff; line-height: 1.3;}
.sec .tit-box .tit::after{ content: ""; background: #fff; height: 1px; position: absolute;}
.sec .tit-box .profile .position{ font-weight: 700; color: #fff; line-height: 1.3;}
.sec .tit-box .profile .name{ font-weight: 700; color: #fff; line-height: 1.3;}
.sec .tit-box .profile .en{ color: #fff; line-height: 1.3;}
.sec .tit-box .read p{ color: #fff;}
#sec01 .box01 .comment-list li .detail h3{ font-weight: 700; line-height: 1.3; color: #fff;}
#sec01 .box01 .comment-list li .detail p{ color: #fff;}
#sec01 .box01 .comment-list li .img-box .img{ border: 1px solid #111;}
#sec01 .box01 .comment-list li .img-box p{ line-height: 1.3; color: #999; text-align: center;}
#sec01 .box02 .box{ background: #111;}
#sec01 .box02 .box .detail h3{ font-weight: 700; line-height: 1.3; color: #fff;}
#sec01 .box02 .box .detail h3 strong{ color: #0ab0de;}
#sec01 .box02 .box .detail p{ color: #fff;}
#sec01 .box02 .box .img-box .img{ border: 1px solid #111;}
#sec01 .box02 .box .img-box p{ line-height: 1.3; color: #999; text-align: center;}
#sec02 .box01 .comment-list li .stit-box{ background: #000;}
#sec02 .box01 .comment-list li .stit-box h3{ font-weight: 700; line-height: 1.3; color: #fff;}
#sec02 .box01 .comment-list li .stit-box .profile-box{ text-align: right; display: flex; align-items: center;}
#sec02 .box01 .comment-list li .stit-box .profile-box .profile .position{ font-weight: 700; color: #fff; line-height: 1.3;}
#sec02 .box01 .comment-list li .stit-box .profile-box .profile .name{ font-weight: 700; color: #fff; line-height: 1.3;}
#sec02 .box01 .comment-list li .stit-box .profile-box .profile .en{ color: #fff; line-height: 1.3;}
#sec02 .box01 .comment-list li .detail{ background: #222;}
#sec02 .box01 .comment-list li .detail p{ color: #fff;}
#sec03{ background: #fff;}
#sec03 .tit-box{ text-align: center;}
#sec03 .tit-box h2{ font-weight: 900; line-height: 1.3;}
#sec03 .tit-box p{ line-height: 1.3;}
#sec03 .news-list li a .img{ border: 1px solid #ccc;}
#sec03 .news-list li a{ text-decoration: none; display: block;}
#sec03 .news-list li a .data{ display: flex; align-items: center;}
#sec03 .news-list li a .data .category{ color: #000; margin-right: auto;}
#sec03 .news-list li a .data .day{ color: #757575;}
#sec03 .news-list li a h3{ font-weight: 700; color: #000;}

/* ==== PC ===== */
@media screen and (min-width: 768px){
/* contents */
.inner{ width: 1080px; margin: 0 auto;}
div.blue-btn,
div.black-btn,
div.white-btn{ width: 520px; margin: 0 auto;}
.blue-btn a{ font-size: 20px; padding: 25px 0 29px; border-radius: 40px;}
.blue-btn a:hover{ box-shadow: none;}
.black-btn a{ font-size: 20px; padding: 25px 0 29px; border-radius: 40px;}
.black-btn a:hover{ box-shadow: none;}
.white-btn a{ font-size: 20px; line-height: 1.3; padding: 15px 0 19px; border-radius: 50px;}
.white-btn a:hover{ box-shadow: none;}
#main .mv{ background: #000 url(../img/main-bg01_pc.jpg) center top no-repeat;}
#main .mv .inner{ height: 650px; position: relative;}
#main .mv h1{ position: absolute; left: 34px; bottom: 40px;}
#main .box{ background: #171717 url(../img/main-bg02_pc.jpg) center top no-repeat; height: 300px; padding: 35px 0 0;}
#main .box .text p{ font-size: 17px; line-height: 2.0; text-align: center; margin-bottom: 10px;}
#main .box .text p:last-of-type{ font-size: 12px;}
.sec .tit-box{ margin-bottom: 150px;}
.sec .tit-box .tit{ margin-bottom: 45px;}
.sec .tit-box .tit .en{ font-size: 24px; margin-bottom: 20px;}
.sec .tit-box .tit h2{ font-size: 48px; padding-bottom: 40px;}
.sec .tit-box .tit::after{ width: 30px;}
.sec .tit-box .profile .position{ font-size: 17px; margin-bottom: 15px;}
.sec .tit-box .profile .name{ font-size: 40px; margin-bottom: 15px;}
.sec .tit-box .profile .en{ font-size: 17px;}
.sec .tit-box .read p{ font-size: 17px; line-height: 2.0;}
#sec01{ background: #000 url(../img/sec01-bg_pc.jpg) center top no-repeat; padding-top: 130px;}
#sec01 .box01{ padding-bottom: 100px;}
#sec01 .box01 .comment-list li{ display: flex; align-items: center; margin-bottom: 70px;}
#sec01 .box01 .comment-list li:nth-of-type(odd){ flex-direction: row-reverse;}
#sec01 .box01 .comment-list li .detail{ width: 520px; margin-right: auto;}
#sec01 .box01 .comment-list li:nth-of-type(odd) .detail{ margin-left: auto; margin-right: 0;}
#sec01 .box01 .comment-list li .detail h3{ font-size: 32px; margin-bottom: 20px;}
#sec01 .box01 .comment-list li .detail p{ font-size: 17px; line-height: 2.0;}
#sec01 .box01 .comment-list li .img-box p{ font-size: 15px; margin-top: 15px;}
#sec01 .box02{ padding-bottom: 100px;}
#sec01 .box02 .box{ display: flex; align-items: center; padding: 35px 30px; margin-bottom: 80px;}
#sec01 .box02 .box .detail{ width: 490px; margin-right: auto;}
#sec01 .box02 .box .detail h3{ font-size: 32px; margin-bottom: 20px;}
#sec01 .box02 .box .detail p{ font-size: 17px; line-height: 2.0;}
#sec01 .box02 .box .img-box p{ font-size: 15px; margin-top: 15px;}
#sec02{ background: #111 url(../img/sec02-bg_pc.jpg) center top no-repeat; padding-top: 130px;}
#sec02 .box01{ padding-bottom: 100px;}
#sec02 .box01 .comment-list li{ margin-bottom: 60px;}
#sec02 .box01 .comment-list li:last-of-type{ margin-bottom: 80px;}
#sec02 .box01 .comment-list li .stit-box{ padding: 30px; display: flex; align-items: center;}
#sec02 .box01 .comment-list li .stit-box h3{ font-size: 40px; margin-right: auto;}
#sec02 .box01 .comment-list li .stit-box .profile-box .profile{ margin-right: 20px;}
#sec02 .box01 .comment-list li .stit-box .profile-box .profile .position{ font-size: 17px; margin-bottom: 8px;}
#sec02 .box01 .comment-list li .stit-box .profile-box .profile .name{ font-size: 40px; margin-bottom: 8px;}
#sec02 .box01 .comment-list li .stit-box .profile-box .profile .en{ font-size: 17px;}
#sec02 .box01 .comment-list li .detail{ padding: 25px 30px;}
#sec02 .box01 .comment-list li .detail p{ font-size: 17px; line-height: 2.0;}
#sec03{ padding: 75px 0 100px;}
#sec03 .tit-box{ margin-bottom: 55px;}
#sec03 .tit-box h2{ font-size: 48px; margin-bottom: 10px;}
#sec03 .tit-box p{ font-size: 24px;}
#sec03 .news-list{ display: flex; flex-wrap: wrap; margin-bottom: 20px;}
#sec03 .news-list li{ width: 520px; margin-right: auto; margin-bottom: 55px;}
#sec03 .news-list li:nth-of-type(even){ margin-right: 0;}
#sec03 .news-list li a .img{ margin-bottom: 15px;}
#sec03 .news-list li a .img img{ width: 100%;}
#sec03 .news-list li a .data{ margin-bottom: 15px;}
#sec03 .news-list li a .data .category{ margin-right: auto;}
#sec03 .news-list li a h3{ font-size: 17px; line-height: 2.0;}

}

/* ==== SP ===== */
@media screen and (max-width: 767px){
body.fixed{ height: 100%; overflow: hidden;}
header{ position: relative; z-index: 200;}
header .g-nav{ width: 100vw;}
/* contents */
.blue-btn a{ font-size: 16px; line-height: 1.3; padding: 10px 0 14px; border-radius: 40px;}
.blue-btn a:hover{ box-shadow: none;}
.black-btn a{ font-size: 16px; padding: 20px 0 24px; border-radius: 40px;}
.black-btn a:hover{ box-shadow: none;}
.white-btn a{ font-size: 16px; line-height: 1.3; padding: 10px 0 14px; border-radius: 40px;}
.white-btn a:hover{ box-shadow: none;}
#main .box{ background: #171717 url(../img/main-bg02_sp.jpg) center top no-repeat; background-size: 100%; padding: 20px 20px 0;}
#main .box .text{ padding-bottom: 40px;}
#main .box .text p{ font-size: 17px; line-height: 1.8; margin-bottom: 10px;}
#main .box .text p:last-of-type{ font-size: 12px; text-align: right;}
.sec .inner{ padding: 0 20px;}
.sec .tit-box{ margin-bottom: 35px;}
.sec .tit-box .tit{ margin-bottom: 20px;}
.sec .tit-box .tit .en{ font-size: 17px; margin-bottom: 5px;}
.sec .tit-box .tit h2{ font-size: 29px; padding-bottom: 20px;}
.sec .tit-box .tit::after{ width: 30px;}
.sec .tit-box .profile .position{ font-size: 14px; margin-bottom: 5px;}
.sec .tit-box .profile .name{ font-size: 25px; margin-bottom: 8px;}
.sec .tit-box .profile .en{ font-size: 14px;}
.sec .tit-box .read p{ font-size: 17px; line-height: 1.8;}
#sec01{ background: #000 url(../img/sec01-bg_sp.jpg?251015) center top no-repeat; background-size: 100%; padding-top: 60%;}
#sec01 .box01{ padding-bottom: 60px;}
#sec01 .box01 .comment-list li{ margin-bottom: 20px;}
#sec01 .box01 .comment-list li .detail{ margin-bottom: 15px;}
#sec01 .box01 .comment-list li .detail h3{ font-size: 22px; margin-bottom: 10px;}
#sec01 .box01 .comment-list li .detail p{ font-size: 17px; line-height: 1.8;}
#sec01 .box01 .comment-list li .img-box p{ font-size: 13px; margin-top: 10px;}
#sec01 .box02{ padding-bottom: 60px;}
#sec01 .box02 .box{ padding: 20px 15px; margin-bottom: 40px;}
#sec01 .box02 .box .detail{ margin-bottom: 15px;}
#sec01 .box02 .box .detail h3{ font-size: 22px; margin-bottom: 10px;}
#sec01 .box02 .box .detail p{ font-size: 17px; line-height: 1.8;}
#sec01 .box02 .box .img-box p{ font-size: 13px; margin-top: 10px;}
#sec02{ background: #111 url(../img/sec02-bg_sp.jpg?251015) center top no-repeat; background-size: 100%; padding-top: 60%;}
#sec02 .box01{ padding-bottom: 60px;}
#sec02 .box01 .comment-list li{ margin-bottom: 30px;}
#sec02 .box01 .comment-list li:last-of-type{ margin-bottom: 40px;}
#sec02 .box01 .comment-list li .stit-box{ padding: 15px;}
#sec02 .box01 .comment-list li .stit-box h3{ font-size: 24px; margin-bottom: 15px;}
#sec02 .box01 .comment-list li .stit-box .profile-box{ justify-content: end;}
#sec02 .box01 .comment-list li .stit-box .profile-box .profile{ margin-right: 10px;}
#sec02 .box01 .comment-list li .stit-box .profile-box .profile .position{ font-size: 12px; margin-bottom: 4px;}
#sec02 .box01 .comment-list li .stit-box .profile-box .profile .name{ font-size: 20px; margin-bottom: 4px;}
#sec02 .box01 .comment-list li .stit-box .profile-box .profile .en{ font-size: 12px;}
#sec02 .box01 .comment-list li .stit-box .profile-box .img{ width: 80px;}
#sec02 .box01 .comment-list li .detail{ padding: 15px;}
#sec02 .box01 .comment-list li .detail p{ font-size: 17px; line-height: 1.8;}
#sec03{ padding: 30px 20px 60px;}
#sec03 .tit-box{ margin-bottom: 25px;}
#sec03 .tit-box h2{ font-size: 29px; margin-bottom: 8px;}
#sec03 .tit-box p{ font-size: 14px;}
#sec03 .news-list{ margin-bottom: 10px;}
#sec03 .news-list li{ margin-bottom: 30px;}
#sec03 .news-list li a .img{ margin-bottom: 8px;}
#sec03 .news-list li a .data{ margin-bottom: 8px;}
#sec03 .news-list li a .data .category{ margin-right: auto;}
#sec03 .news-list li a .data .day{ color: #757575;}
#sec03 .news-list li a h3{ font-size: 17px; line-height: 1.6;}

}