/*共通*/
html{scroll-behavior:smooth;scroll-padding-top:100px;}
body{font-family:'Noto Sans JP',sans-serif;interpolate-size:allow-keywords;color:#333;overflow-wrap:anywhere;word-break:normal;line-break:strict;}
main{padding-top:70px;}
a:hover{opacity:0.8;transition:all .3s ease-in-out;}
summary{display:block;}
summary::-webkit-details-marker{display:none;}
.content_area{background:#fff;position:relative;border-top-left-radius:12px;border-top-right-radius:12px;box-shadow:0 -2px 3px rgba(23,113,132,.15);padding:60px 20px;margin-top:-12px;}
.content_inner{max-width:1200px;width:100%;margin:0 auto;}
.content_inner > section{margin-top:50px;}
.content_inner > section#guide{margin-top:0;}
@media screen and (min-width:1261px) {
    .pc_only{display:block!important;}
    .tb_from{display:none!important;}
    .sp_only{display:none!important;}
}
@media screen and (max-width:1260px) {
    .pc_only{display:none!important;}
    .tb_from{display:block!important;}
    .sp_only{display:none!important;}
}
@media screen and (max-width:767px) {
    .pc_only{display:none!important;}
    .tb_from{display:block!important;}
    .sp_only{display:block!important;}
    .content_area{padding:15px 20px;}
    .content_inner > section{margin-top:40px;}
    .content_inner > section#guide{margin-top:40px;}
}

/*ヘッダー*/
header{display:flex;justify-content:space-between;padding:20px;align-items:center;box-shadow:0 2px 4px rgba(23,113,132,.15);width:100%;height:70px;position:fixed;z-index:10;background:#fff;}
header .logo{display:flex;justify-content:space-between;gap:15px;align-items:center;}
header .logo a{width:130px;display:block;}
header .logo .pre_ico{font-size:12px;font-weight:bold;color:#2E5CE6;border:1px solid #2E5CE6;border-radius:999px;height:26px;padding:5px 10px;}
header .glonav ul{display:flex;gap:15px;align-items:center;}
header .glonav li{font-size:14px;}
header .glonav .login{color:#fff;background:#2E5CE6;border-radius:5px;padding:5px 10px;}
header .glonav .apply{color:#fff;background:#F19E17;border-radius:5px;padding:5px 10px;}
header .hum{display:block;width:36px;height:23px;position:relative;cursor:pointer;}
header .hum span{display:block;width:36px;height:3px;position:absolute;left:0;background:#333;border-radius:99px;}
header .hum span:nth-of-type(1){top:0;}
header .hum span:nth-of-type(2){top:0;bottom:0;margin:auto 0;}
header .hum span:nth-of-type(3){bottom:0;}
@media screen and (max-width:1260px) {
    header .glonav{position:absolute;right:-100%;transition:all .3s ease-in-out;background:#fff;box-shadow:0 0 5px rgba(23,113,132,.2);top:0;width:30vw;height:100vh;border-top-left-radius:5px;border-bottom-left-radius:5px;padding:80px 20px;z-index:-1;}
    header.on .glonav{right:0;}
    header .glonav ul{display:block;}
    header .glonav li{font-weight:bold;margin-bottom:20px;}
    header .glonav li{padding-left:20px;position:relative;}
    header .glonav li:before{content:"";display:block;width:14px;height:2px;position:absolute;top:0;bottom:0;left:0;margin:auto 0;background:#999;border-radius:99px;}
    header .glonav .login{color:#333;background:url(../img/login_b.svg) no-repeat left center / 14px;border-radius:0;padding:0 0 0 20px;}
    header .glonav .login:before{display:none;}
    header .glonav .apply{color:#333;background:url(../img/apply_b.svg) no-repeat left center / 14px;border-radius:0;padding:0 0 0 20px;}
    header .glonav .apply:before{display:none;}
    header .hum span{transition:all .3s ease-in-out;}
    header.on .hum span:nth-of-type(1){top:10px;transform:rotate(45deg);}
    header.on .hum span:nth-of-type(2){opacity:0;}
    header.on .hum span:nth-of-type(3){bottom:10px;transform:rotate(-45deg);}
}
@media screen and (max-width:767px) {
    header .glonav{width:calc(100% - 5px);height:98vh;padding:80px 17px;}
}

/*フッター*/
footer{border-top:1px solid #97a7d5;}
footer .footer_inner{display:flex;justify-content:space-between;padding:30px 20px;background:#F3F4F7;align-items:center;}
footer .logo{width:110px;}
footer .footnav ul{display:flex;gap:15px;}
footer .footnav li{font-size:14px;}
footer .c_right{background:linear-gradient(to right, #1D3373, #516CB9);color:#fff;text-align:center;display:block;font-size:10px;padding:2px 0;}
@media screen and (max-width:1260px) {
	footer .footnav ul{gap:8px;}
	footer .footnav li{font-size:12px;}
}
@media screen and (max-width:767px) {
    footer{margin-top:40px;}
    footer .footer_inner{display:block;}
    footer .logo{width:130px;margin-bottom:20px;}
    footer .footnav ul{display:block;}
    footer .footnav li{padding-left:50px;position:relative;margin-bottom:20px;font-size:13px;}
    footer .footnav li:last-child{margin-bottom:0;}
    footer .footnav li:before{content:"";display:block;height:1px;width:36px;background:#ccc;position:absolute;top:0;bottom:0;left:0;margin:auto 0;}
}

/*fv*/
.fv{height:80vh;background:#F7F8FA url("../img/fv_bckg.png") no-repeat center / cover;overflow:hidden;}
.fv_inner{max-width:1200px;width:100%;height:100%;margin:0 auto;position:relative;}
.fv_inner:after{content:"";background:url("../img/fv_person.png") no-repeat center / contain;display:block;width:480px;height:80vh;position:absolute;right:60px;bottom:-60px;}
.fv h1{background:rgba(255,255,255,.95);border-radius:5px;position:absolute;top:0;bottom:0;left:120px;margin:auto 0;width:460px;height:fit-content;box-shadow:0 0 7px rgba(255,255,255,.6);color:#2E5CE6;font-weight:bold;padding:15px;}
.fv .h1_upper{display:block;font-size:32px;margin-bottom:5px;}
.fv .h1_upper .small{font-size:28px;}
.fv .h1_mid{display:block;font-size:48px;line-height:1.25;margin-bottom:10px;}
.fv .h1_lower{display:block;font-size:22px;}
.fv .h1_lower .pre_ico{font-size:13px;color:#fff;background:#F19E17;display:inline-block;margin-left:10px;border-radius:999px;padding:3px 10px;vertical-align:middle;}
.fv .h1_lower small{display:block;font-size:14px;margin-top:8px;}
@media screen and (max-width:1260px) {
    .fv{height:70vh;}
    .fv h1{left:auto;right:42%;width:410px;}
    .fv .h1_upper{font-size:26px;}
    .fv .h1_upper .small{font-size:22px;}
    .fv .h1_mid{font-size:42px;}
    .fv .h1_lower{font-size:20px;}
    .fv .h1_lower .pre_ico{font-size:12px;}
    .fv .h1_lower small{font-size:12px;}
    .fv_inner:after{width:42%;right:20px;max-height:650px;}
}
@media screen and (max-width:767px) {
    .fv{height:46vh;}
    .fv h1{left:auto;right:calc(50% - 50px);width:auto;padding:20px 5px;}
    .fv .h1_upper{font-size:20px;margin-bottom:3px;}
    .fv .h1_upper .small{font-size:16px;}
    .fv .h1_mid{font-size:28px;margin-bottom:6px;}
    .fv .h1_lower{font-size:14px;}
    .fv .h1_lower .pre_ico{font-size:11px;}
    .fv .h1_lower small{line-height:1.4;margin-top:4px;}
    .fv_inner:after{background-image:url("../img/fv_person_sp.png");width:37vw;height:57vh;max-height:500px;left:calc(50% + 62px);right:auto;}
}
@media screen and (max-width:484px) {
    .fv h1{left:20px;right:auto;}
}

/*二階層目FV*/
.second_window{height:120px;background:url(../img/second_window.png) no-repeat center / cover;}
@media screen and (max-width:767px) {
    .second_window{height:60px;}
}

/*CTA表示*/
.button_div{position:absolute;top:-62px;left:0;right:0;margin:0 auto;border:1px solid #97a7d5;border-radius:5px;background:#fff;padding:30px 100px;display:flex;justify-content:center;gap:80px;width:fit-content;box-shadow:0 0 4px rgba(211, 234, 239, 0.4);}
.button_div > div{border-radius:5px;width:250px;box-shadow:0 2px 4px rgba(23,113,132,.25);}
.button_div > div.login{background:#2E5CE6;}
.button_div > div.apply{background:#F19E17;}
.button_div > div a{display:flex;justify-content:center;gap:10px;align-items:center;width:100%;height:100%;color:#fff;font-size:18px;font-weight:bold;padding:20px;}
@media screen and (max-width:1260px) {
    .button_div{width:calc(100% - 40px);margin:0 auto;}
}
@media screen and (max-width:767px) {
    .button_div{width:100%;position:relative;top:auto;border:0;box-shadow:none;padding:0;gap:10px;}
    .button_div > div a img{width:15px;}
    .button_div > div a{font-size:15px;}
}

/*コンテンツ表示*/
.sec_container{padding:50px 60px;border:1px solid #97a7d5;border-radius:5px;box-shadow:0 0 10px rgba(23,113,132,.05);}
.sec_container h2{font-size:20px;padding-left:20px;position:relative;margin-bottom:20px;}
.sec_container h2:before,
.sec_container h2:after{content:"";display:block;position:absolute;top:0;bottom:0;margin:auto 0;border-radius:50%;}
.sec_container h2:before{background-color:#FFA066;width:11px;height:11px;left:0;}
.sec_container h2:after{background-color:#FFBE84;width:7px;height:7px;left:2px;}
.sec_container ul{border-top:1px solid #97a7d5;}
.sec_container ul li{border-bottom:1px solid #97a7d5;}
.sec_container .aco_list li details::details-content{overflow:clip;height:0;transition:height 300ms ease-in-out,content-visibility 300ms ease-in-out allow-discrete;}
.sec_container .aco_list li details[open]::details-content{height:auto;}
.sec_container .aco_list li .li_head{cursor:pointer;display:flex;padding:18px 50px 18px 0;font-size:16px;position:relative;line-height:1.3;}
.sec_container .aco_list li .li_head:before,
.sec_container .aco_list li .li_head:after{content:"";display:block;position:absolute;top:0;bottom:0;right:20px;margin:auto 0;background:#2E5CE6;width:12px;height:2px;transition:all .3s ease-in-out;}
.sec_container .aco_list li .li_head:after{transform:rotate(90deg);}
.sec_container .aco_list li details[open] .li_head:after{transform:rotate(0deg);}
.sec_container .aco_list li .li_head .date{display:inline-block;width:170px;margin-right:10px;}
.sec_container .aco_list li .li_head .title{flex:1;}
.sec_container .aco_list li .li_body{font-size:14px;padding:15px 0 15px 180px;background:#F3F4F7;}
.sec_container .aco_list li .li_body p{margin-bottom:5px;line-height:1.5;}
.sec_container .aco_list li .li_body p:last-child{margin-bottom:0;}
.sec_container .aco_list li .li_body .underline{text-decoration:underline;}
.sec_container .link_list li{padding:18px 0;font-size:16px;line-height:1.3;}
.sec_container .link_list li a{padding-right:25px;position:relative;text-decoration:underline;}
.sec_container .link_list li a:after{content:"";width:12px;height:12px;display:block;background:url(../img/tab-link.svg) no-repeat center / contain;position:absolute;top:0;bottom:0;right:0;margin:auto 0;}
.sec_container .contact_box{border-top:1px solid #97a7d5;}
.sec_container .contact_box p{margin:18px 0 22px;font-size:14px;}
.sec_container .contact_box dl{display:flex;margin-bottom:20px;align-items:baseline;}
.sec_container .contact_box dl:last-child{margin-bottom:0;}
.sec_container .contact_box dl dt{width:80px;font-size:14px;font-weight:bold;}
.sec_container .contact_box dl dd .upper{display:block;font-size:24px;font-weight:bold;margin-bottom:5px;}
.sec_container .contact_box dl dd .lower{display:block;font-size:12px;}
@media screen and (max-width:767px) {
    .sec_container{padding:10px 0;border:none;border-radius:0;box-shadow:none;}
    .sec_container .aco_list li .li_head{display:block;}
    .sec_container .aco_list li .li_head .date{display:block;margin-bottom:4px;}
    .sec_container .aco_list li .li_head:before,
    .sec_container .aco_list li .li_head:after{width:20px;height:3px;}
    .sec_container .aco_list li .li_body{padding:15px 10px;}
    .sec_container .link_list li a{display:block;width:100%;padding-right:35px;}
    .sec_container .link_list li a:after{right:10px;}
}

/*バナー表示*/
.banners{margin-top:50px;display:flex;justify-content:space-between;}
.banners a{display:block;border-radius:5px;overflow:hidden}
.banners a img{max-width:390px;}
@media screen and (max-width:1260px) {
    .banners{gap:0.5%;}
    .banners a{width:33%;}
    .banners a img{width:100%;max-width:100%;}
}
@media screen and (max-width:767px) {
    .banners{display:block;}
    .banners a{width:100%;margin-bottom:10px;}
}