/* ==========================================================================
   entrance/scholarship（学費サポート）専用CSS
   ※ entrance.css も併せて読み込まれる（.acc, .cap-list, .scholar-bnr, .payflow-img 等は entrance.css 側）
   ========================================================================== */

.loan-ttl{
font-size:4vw;
line-height:1.75;
color:#057BA2;
font-weight:bold;
}




.col3{
display:flex;
flex-direction:column;
gap:6.40vw;
}
.col3-c{
width:100%;
}

.col2{
display:flex;
flex-direction:column;
gap:6.40vw;
}
.col2-c{
width:100%;
}

.feeT{
border-top:1px solid #ababab;
width:100%;
font-size:3.20vw;
line-height:1.5;
}
.feeT th,
.feeT td{
padding:2.67vw 3.20vw;
border-bottom:1px solid #ababab;
text-align:left;
font-weight:normal;
}
.feeT th{
width:33.33vw;
background:#f4f4f4;
text-align:center;
color:#057BA2;
border-right:1px solid #ababab;
}
.feeT td{
text-align:right;
}
.feeT tr.total td:first-child{
border-right:1px solid #ababab;
}
.feeT tr.total td{
font-weight:bold;
color:#057BA2;
}
.feeT tr.total td:first-child{
text-align:center;
}


.infoT{
border-top:1px solid #ababab;
width:100%;
font-size:3.20vw;
line-height:1.5;
}
.infoT th,
.infoT td{
padding:2.67vw 3.20vw;
border-bottom:1px solid #ababab;
text-align:left;
font-weight:normal;
}
.infoT th{
width:33.33vw;
background:#f4f4f4;
text-align:center;
color:#057BA2;
border-right:1px solid #ababab;
}


.miscT{
border-top:1px solid #ababab;
width:100%;
line-height:1.4;
}

.miscT th:nth-child(1){
width:25%;
}
.miscT th,
.miscT td{
padding:2.13vw 0;
border-right:1px solid #ababab;
border-bottom:1px solid #ababab;
text-align:center;
}
.miscT th:last-child,
.miscT td:last-child{
border-right:0;
}
.miscT th{
font-size:10px;
font-weight:normal;
color:#057BA2;
}
.miscT td{
font-size:12px;
}
.miscT tr:first-child th{
background:#ebebeb;
}
.miscT td:last-child{
font-size:14px;
text-align:right;
}
.miscT td:last-child{
text-align:right;
}


.beneT{
border-top:1px solid #ababab;
width:100%;
font-size:12px;
line-height:1.4;
white-space:nowrap;
}
.beneT th,
.beneT td{
padding:2.13vw 2.67vw;
border-right:1px solid #ababab;
border-bottom:1px solid #ababab;
text-align:center;
font-weight:normal;
}
.beneT th:last-child,
.beneT td:last-child{
border-right:0;
}
.beneT td{
font-size:14px;
}
.beneT thead th{
background:#d8d8d8;
}
.beneT tbody th{
background:#f4f4f4;
}
.beneT thead th:last-child,
.beneT tbody td:last-child{
background:#EBEBEB;
}


.beneT1{
border-top:1px solid #ababab;
width:100%;
table-layout:fixed;
font-size:12px;
line-height:1.4;
}
.beneT1 th,
.beneT1 td{
padding:2.13vw 2.67vw;
border-right:1px solid #ababab;
border-bottom:1px solid #ababab;
text-align:center;
font-weight:normal;
}
.beneT1 th:last-child,
.beneT1 td:last-child{
border-right:0;
}
.beneT1 td{
font-size:14px;
}
.beneT1 thead th{
background:#d8d8d8;
}
.beneT1 tbody th{
background:#f4f4f4;
}

.contact-info{
display:flex;
flex-wrap:wrap;
font-weight:bold;
}
.contact-info dt{
width:18.67vw;
}
.contact-info dd{
width:calc(100% - 18.67vw);
}
.contact-info dd a{
text-decoration:none;
color:#057BA2;
}

.tel{
font-size:6vw;
font-weight:bold;
display:flex;
flex-wrap:wrap;
align-items:center;
gap:0 3vw;
color:#005CD4;
}
.tel-label{
font-size:3vw;
font-weight:bold;
color:#000;
}
.tel-bh{
font-size:3.5vw;
line-height:1;
font-weight:normal !important;
color:#000;
margin-bottom:3vw;
}

.loan01{ width:40.00vw; margin:0 auto; }
.loan02{ width:53.60vw; margin:0 auto; }
.loan03{ width:40.00vw; margin:0 auto; }
.loan04{ width:53.87vw; margin:0 auto; }

.flow-img{
width:100%;
margin:0 auto;
}

.cap-num-list li{
padding-left:2em;
position:relative;
}
.cap-num-list li:nth-child(1)::before{
content:'※1';
position:absolute;
top:0;
left:0;
}
.cap-num-list li:nth-child(2)::before{
content:'※2';
position:absolute;
top:0;
left:0;
}

.scho-list{
width:100%;
display:flex;
flex-direction:column;
gap:6.40vw;
}
.scho-item{
width:100%;
}
.scho-name{
font-size:4.27vw;
line-height:1;
font-weight:bold;
padding:2.40vw 0;
border-bottom:1px solid #057BA2;
margin:0 0 4.27vw;
}
.scho-logo{
margin:0 0 4.27vw;
}

.scho-info{
background:#f4f4f4;
padding:4.27vw;
}

.gbg{
background:#f4f4f4;
padding:1.07vw 2.13vw;
font-size:3.20vw;
line-height:1;
}
.gbg a{
color:#057BA2;
text-decoration:none;
}

.rb-box-half{
width:100%;
border:1px solid #dd2525;
padding:4.27vw 6.40vw;
color:#dd2525;
}


.misc-fee{
display:flex;
flex-wrap:wrap;
gap:3.6vw;
}
.misc-fee li{
width:100%;
}

.twrap{
overflow:auto;
}




@media (min-width: 768px) {

.scholar-col{
display:grid;
gap:40px;
grid-template-columns:1fr 1fr;
}

.loan-ttl{
font-size:22px;
line-height:1.75;
color:#057BA2;
}

.col3{
flex-direction:row;
flex-wrap:wrap;
gap:40px;
}
.col3-c{
width:calc((100% - 80px) / 3);
}

.col2{
flex-direction:row;
gap:40px;
}
.col2-c{
width:calc((100% - 40px) / 2);
}

.feeT{
font-size:14px;
}
.feeT th,
.feeT td{
padding:12px 16px;
}
.feeT th{
width:190px;
}

.infoT{
font-size:14px;
}
.infoT th,
.infoT td{
padding:12px 16px;
}
.infoT th{
width:190px;
}



.miscT th,
.miscT td{
padding:10px 0;
}

.beneT{
table-layout:fixed;
}

.beneT th,
.beneT td{
padding:10px 12px;
}

.beneT1 th,
.beneT1 td{
padding:10px 12px;
}
.contact-info{
display:flex;
flex-wrap:wrap;
font-weight:bold;
}
.contact-info dt{
width:70px;
}
.contact-info dd{
width:calc(100% - 70px);
}
.contact-info dd a{
text-decoration:none;
color:#057BA2;
}

.tel{
font-size:24px;
font-weight:bold;
display:flex;
align-items:center;
gap:24px;
color:#005CD4;
}
.tel-label{
font-size:16px;
font-weight:bold;
color:#000;
}
.tel-bh{
font-size:16px;
font-weight:normal !important;
color:#000;
margin:0;
}

.loan01{ width:150px; margin: 0 auto; }
.loan02{ width:201px; margin: 0 auto; }
.loan03{ width:150px; margin: 0 auto; }
.loan04{ width:202px; margin: 0 auto; }

.flow-img{
width:480px;
margin:0 auto;
}

.cap-num-list li{
padding-left:2em;
position:relative;
}
.cap-num-list li:nth-child(1)::before{
content:'※1';
position:absolute;
top:0;
left:0;
}
.cap-num-list li:nth-child(2)::before{
content:'※2';
position:absolute;
top:0;
left:0;
}

.scho-list{
width:610px;
margin:0 auto;
display:flex;
flex-wrap:wrap;
gap:24px 40px;
}
.scho-item{
width:580px;
}
.scho-name{
font-size:16px;
line-height:1;
font-size:16px;
font-weight:bold;
padding:9px 0;
border-bottom:1px solid #057BA2;
margin:0 0 16px;
}
.scho-logo{
margin:0 0 16px;
}

.scho-info{
background:#f4f4f4;
padding:16px;
}

.gbg{
background:#f4f4f4;
padding:16px;
font-size:16px;
line-height:1;
}
.gbg a{
color:#057BA2;
text-decoration:none;
}

.rb-box-half{
width:580px;
border:1px solid #dd2525;
padding:16px 24px;
color:#dd2525;
}



.misc-fee{
display:flex;
flex-wrap:wrap;
gap:16px 40px;
}
.misc-fee li{
width:calc((100% - 80px) / 3);
}



}