@charset "utf-8";

/* --------------------------------------------------------- */
/* /about/academic.css */
/* --------------------------------------------------------- */

#title{width:73.8182%;}
.block{margin-bottom:90px;}

.txt{font-size:15px;line-height:186%;}

/*タブ切り替え*/
.tab{margin-top:2%;display:flex;flex-wrap:wrap;justify-content:center;}
.tab li{width:32.222%;margin-left:1.667%;font-size:15px;height:60px;margin-bottom:15px;text-align:center;border:1px solid #ccc;background:#f5f5f5;box-sizing:border-box;position:relative;cursor:pointer;transition:background ease 0.3s;display:flex;align-items:center;justify-content:center;}
.tab li:nth-child(3n+1){margin-left:0;}
.tab li:hover,
.tab li.select{background:#fff;}
.tab li.select:before{content:'';display:block;width:0.667em;padding-top:2em;background:#ad1e23;position:absolute;top:50%;left:0;transform:translateY(-50%);}

.tabwrap{margin-top:5%;}
.tabwrap > div{display:none;}
.tabwrap > div.show{display:block;}

/* academic --------------------------- */
#academic{margin-bottom:80px;}
#academic h2{margin-bottom:2%;padding-bottom:0.5em;font-size:24px;line-height:150%;border-bottom:2px solid #ad1e23;}
#academic h2 small{font-size:15px;}
#academic .txt{font-size:15px;line-height:186%;}
#academic .txt a{display:inline-block;color:#005ca9;padding-left:1.334em;background:url(/img/icon/icon-arrow.png) no-repeat center left;background-size:0.6em auto;word-break:break-all;box-sizing:border-box;position:relative;}
#academic .txt a:hover{text-decoration:none;}

.about{margin-bottom:100px;}
.about .img{margin-bottom:55px;}
.about-overview{margin-top:75px;}
.about-overview h3,
.about-step h3{display:flex;align-items:center;font-size:20px;font-weight:700;line-height:150%;margin-bottom:18px;}
.about-overview h3 img,
.about-step h3 img{margin-right:12px;width:auto;}
.about-overview .question{display:flex;font-size:18px;font-weight:700;position:relative;z-index:1;margin-bottom:10px;}
.about-overview .question-inner{display:flex;align-items:center;padding:0 60px 0 20px;position:relative;z-index:9;}
.about-overview .question-inner:before{display:block;content:"";position:absolute;width:100%;height:calc(100% - 26px);z-index:-1;background:#f8f4ac;border-radius:15px;left:0;top:0;bottom:0;margin-top:auto;margin-bottom:auto;}
.about-overview .question img{margin-right:15px;width:auto;}
.about-overview .answer{max-width:750px;margin-left:auto;background:#fcfbe8;border-radius:15px;padding:30px 40px 0 40px;box-sizing:border-box;margin-bottom:50px;}
.about-overview .answer:last-child{margin-bottom:0;}
.about-overview .answer .img1{text-align:center;margin-top:20px;}
.about-overview .answer h4{font-size:18px;font-weight:700;margin-bottom:12px;}
.about-step{margin-top:100px;}
.about-step .content{padding-left:40px;padding-right:40px;}
.about-step .content ol{margin-bottom:25px;}
.about-step .content li{display:flex;margin-bottom:10px;}
.about-step .content li img{width:90px;margin-right:20px;}
.about-step .content li span{padding-top:12px;display:block;width:calc(100% - 110px);}

.system .title{margin-top:25px;}
.system .title .red{color:#ad1e23;}
.system h3{background:#ad1e23;color:#fff;font-size:32px;font-weight:400;padding:17px 0;margin-bottom:38px;text-align:center;}
.system h3 small{font-size:24px;}
.system .box{margin-bottom:80px!important;width:auto!important;}
.system .box-inner{padding-left:30px;padding-right:30px;}
.system .link{margin-bottom:25px;}
.system .link a,
.system .link .anchor{display:inline-block;background:#f3ddde;border-radius:20px;padding:5px 16px;font-size:18px;font-weight:700;vertical-align:middle;}
.system .link a{text-decoration:none;}
.system .link a span,
.system .link .anchor span{display:block;padding-left:35px;padding-right:35px;}
.system .link a span.blank{background:url(/img/about/academic/icon-blank.png) no-repeat right center;}
.system .link .n{display:inline-block;margin-left:18px;vertical-align:middle;}
.system .box h4{font-size:28px;font-weight:700;line-height:150%;margin-bottom:26px;}
.system .box h5{display:flex;align-items:center;margin-top:20px;margin-bottom:10px;}
.system .box h5:first-child{margin-top:8px;}
.system .box h5 .label{color:#fff;font-size:15px;font-weight:700;padding:1px 15px;text-decoration:none;}
.system .box h5 .label .blank{display:block;background:url(/img/about/academic/icon-blank2.png) no-repeat right center;padding-right:26px;}
.system .box h5 .label.blue{background:#3c62b0;}
.system .box h5 .label.blue2{background:#3595bd;}
.system .box h5 .note{font-size:15px;margin-left:20px;font-weight:400;}
.system .box h6{font-size:15px;font-weight:700;margin-top:15px;margin-bottom:3px;}
.system .box h6 .blue{color:#3c62b0;}
.system .box h6 .blue2{color:#3595bd;}
.system .box .list{display:flex;flex-wrap:wrap;margin-bottom:20px;}
.system .box .list.column{flex-direction:column;}
.system .box .list.column dt{margin-bottom:12px;}
.system .box .list:last-child{margin-bottom:0;}
.system .box .list dt{font-size:18px;font-weight:700;margin-right:15px;}
.system .box .list dt .red{color:#ad1e23;}
.system .box .list dt sup{font-size:10px;vertical-align:super;}
.system .box .list dd{line-height:1.86!important;}
.system .box .list dd.w100{width:100%;margin-top:15px;}
.system .box .list dd sup{font-size:10px;vertical-align:super;}
.system .box .list dd .table{margin-top:5px;}
.system .box .list dd .table table{width:100%;}
.system .box .list dd .table th,
.system .box .list dd .table td{border:1px solid #ccc;padding:6px;box-sizing:border-box;text-align:center;vertical-align:middle;}
.system .box .list dd .table th{font-weight:700;}
.system .box .list dd .table th:first-child{width:120px;}
.system .box .list dd .table th:nth-child(2){width:100px;}
.system .box .list dd .table .yellow{background:#fcfbe8;}
.system .box .list dd .table .gray{background:#f5f5f5;}
.system .box .list li{text-indent:-1em;padding-left:1em;}
.system .back{margin-top:80px;margin-bottom:15px;}
.system .back a{display:block;text-align:center;font-weight:700;background:#f8f4ac;padding:10px;text-decoration: none;font-size:15px;}
.system .n li{text-indent:-2.5em;padding-left:2.5em;}
.system .loan-list{display:flex;flex-wrap:wrap;}
.system .loan-list li{width:32.222%;margin-left:1.667%;margin-bottom:30px;text-align:center;}
.system .loan-list li:nth-child(3n+1){margin-left:0;}
.system .loan-list .txt{text-align:center;margin-top:3px;}
.system #tab6 .txt.center{text-align:center;position:relative;margin-top:-30px;}
.system .box2{margin:35px 30px 75px;}
.system .box2 .t2{font-size:24px;font-weight:700;margin-bottom:24px;}
.system .box2 .t2 .red{color:#8b272b;}
.system .box2 .t2 .pink{color:#ca4772;}
.system .box2-inner{padding-left:20px;padding-right:20px;}
.system .box2 ul{display:flex;flex-wrap:wrap;margin-bottom:10px;}
.system .box2 li{margin-right:55px;margin-bottom:15px;}
.system .box2 .txt a{text-decoration: none;}
.system .box2 .txt a.blank:after{display:inline-block;content:"";background:url(/img/about/academic/icon-blank3.png) no-repeat right center;width:13px;height:13px;margin-left:15px;}




@media screen and (max-width: 1240px){

.txt,
#academic .txt{font-size:1.21vw;}
.tab li{font-size:1.21vw;height:4.84vw;}

#academic h2{font-size:1.94vw;}
.about-overview h3,
.about-step h3{font-size:1.61vw;}
.about-overview .question{font-size:1.45vw;}
.about-overview .answer h4{font-size:1.45vw;}

.system .link a,
.system .link .anchor{font-size:1.45vw;}
.system h3{font-size:2.58vw;}
.system .box h4{font-size:2.58vw;}
.system .box h5 .label{font-size:1.21vw;}
.system .box h5 .note{font-size:1.21vw;}
.system .box h6{font-size:1.21vw;}
.system .box .list dt{font-size:1.45vw;}
.system .box .list dd .table th:first-child{width:9.67vw;}
.system .box .list dd .table th:nth-child(2){width:8.06vw;}
.system .back a{font-size:1.21vw;}

}



@media screen and (max-width: 750px){

#title{width:67.353%;}

.block{margin-bottom:45px;}
.txt{font-size:3.2vw;line-height:175%;}

/*タブ切り替え*/
.tab{display:block;}
.tab li{width:auto;margin:0;font-size:3.2vw;height:40px;border-width:0.134vw;line-height:150%;display:flex;align-items:center;justify-content:center;margin-bottom:10px;}
.tab li:hover{background:#f5f5f5;}
.tab li.select{background:#fff;}
.tab li.select:before{width:0.417em;padding-top:2.084em;}
.tabwrap{margin-top:50px;}


/* academic --------------------------- */
#academic h2{padding-bottom:2.942%;font-size:4.267vw;line-height:100%;border-width:0.267vw;margin-bottom:4%;display:flex;align-items:center;}
#academic h2 small{font-size:3.2vw;}
#academic .txt{font-size:3.2vw;line-height:175%;}

.about{margin-bottom:50px;}
.about .img{width:110.295%;margin-left:-5.1475%;margin-bottom:40px;}
.about-overview{margin-top:20px;}
.about-overview h3,
.about-step h3{font-size:4.26vw;margin-bottom:20px;}
.about-overview h3 img,
.about-step h3 img{width:20px;margin-right:5px;}
.about-overview .question{font-size:3.2vw;margin-bottom:10px;line-height:175%;display:block;}
.about-overview .question-inner{padding-left:20px;padding-right:20px;}
.about-overview .question-inner:before{height:calc(100% - 20px);border-radius:7px;}
.about-overview .question img{width:74px;}
.about-overview .answer{padding:15px 20px 0 20px;border-radius:8px;margin-bottom:35px;}
.about-overview .answer h4{font-size:3.73vw;margin-bottom:3px;}
.about-step{margin-top:40px;}
.about-step .content{padding-left:0;}
.about-step .content ol{margin-bottom:16px;}
.about-step .content li{align-items:flex-start;margin-bottom:15px;}
.about-step .content li img{width:60px;margin-right:15px;}
.about-step .content li span{padding-top:0;width:calc(100% - 76px);}

.system h3{font-size:4.266vw;width:110.295%;margin-left:-5.1475%;margin-bottom:28px;padding-top:13px;padding-bottom:13px;}
.system h3 small{font-size:3.2vw;}
.system .box{margin-bottom:50px!important;}
.system .box-inner{padding-left:0;padding-right:0;}
.system .link{margin-bottom:13px;}
.system .link a,
.system .link .anchor{font-size:3.2vw;padding:8px 13px;}
.system .link a span,
.system .link .anchor span{padding-left:35px;padding-right:35px;}
.system .link a span.thin,
.system .link .anchor span.thin{padding-left:13px;padding-right:13px;}
.system .link a span.blank{background-size:8px 8px;}
.system .link .n{margin-left:10px;}
.system .box h4{font-size:4.266vw;margin-bottom:15px;}
.system .box h4 small{font-size:3.2vw;}
.system .box h5{display:block;}
.system .box h5 .label{font-size:3.2vw;padding-top:1px;padding-bottom:1px;display:inline-block;}
.system .box h5 .note{font-size:3.2vw;margin-left:0;margin-top:8px;display:block;}
.system .box h6{font-size:3.2vw;margin-top:7px;}
.system .box .list{margin-bottom:10px;align-items:center;}
.system .box .list.column{align-items:flex-start;}
.system .box .list.column dt{margin-bottom:3px;}
.system .box .list.column dd{width:100%;}
.system .box .list dt{font-size:3.2vw;}
.system .box .list dd .table th,
.system .box .list dd .table td{box-sizing:border-box;}
.system .box .list dd .table th{vertical-align:middle;}
.system .box .list dd .table th .vertical{writing-mode:horizontal-tb;display:block;line-height:1.5;}
.system .box .list dd .table th:first-child{width:24px;}
.system .box .list dd .table th.w100:first-child{width:100%;}
.system .box .list dd .table td span{display:inline-block;text-align:left;}
.system .back{margin-top:50px;}
.system .back a{font-size:3.2vw;padding:17px;}
.system .loan-list{display:block;}
.system .loan-list li{width:100%;margin-left:0;margin-bottom:16px;}
.system #tab6 .txt.center{margin-top:-20px;}
.system .box2{margin:15px 0 35px;}
.system .box2 .t2{font-size:3.73vw;margin-bottom:15px;}
.system .box2-inner{padding-left:13px;padding-right:13px;}
.system .box2 ul{display:block;}
.system .box2 li{margin-right:0;margin-bottom:23px;}
.system .box2 .txt a.blank:after{margin-left:10px;}

}