@charset "UTF-8";

/* 在校生の方へ ページ (/for_student) 専用スタイル */

[data-pagename="for_student"] #gradient-bg-img {
    background-image: none;
    background-color: #fff;
}


.mb0{ margin-bottom:0 !important; }
.mb8{ margin-bottom:2.13vw !important; }
.mb16{ margin-bottom:4.27vw !important; }
.mb24{ margin-bottom:6.40vw !important; }
.mb32{ margin-bottom:8.53vw !important; }
.mb40{ margin-bottom:10.67vw !important; }


.c-header{
padding:6.40vw 0 10.67vw;
background:#14B4FF;
}


.c-header h1{
width:87.20vw;
font-size:6.93vw;
line-height:1;
font-weight:900;
color:#fff;
text-align:center;
margin:0 auto 6.40vw;
}
.c-header h1 span{
display:block;
font-size:3.20vw;
line-height:1.5;
font-weight:normal;
letter-spacing:.2em;
}

.page-anc{
width:87.20vw;
margin:0 auto;
display:flex;
flex-wrap:wrap;
gap:2.13vw;
}
.page-anc li{
width:87.20vw;
border-bottom:0.27vw solid #fff;
position:relative;
}

.page-anc li::after{
content:'';
width:1.87vw;
height:1.87vw;
border-right:0.53vw solid #fff;
border-bottom:0.53vw solid #fff;
transform:rotate(45deg);
position:absolute;
top:calc(50% - 1.87vw);
right:1.87vw;
}

.page-anc li a{
width:87.20vw;
display:block;
padding:2.40vw 2.13vw;
font-size:3.73vw;
line-height:1.2;
color:#fff;
font-weight:normal;
text-decoration:none;
}


.c-container{
width:100%;
margin:0 auto;
padding:10.67vw 0 14.93vw;
font-size:3.20vw;
line-height:1.75;
}

.content-wrap{
width:87.20vw;
margin:0 auto;
}

h2.md01{
font-size:8.00vw;
line-height:1;
margin:0 0 6.40vw;
}
h2.md02{
font-size:6.40vw;
line-height:1;
margin:0 0 6.40vw;
}

h3{
font-size:4.80vw;
line-height:1.375;
padding-left:1.33vw;
border-left:0.53vw solid #14B4FF;
margin:0 0 4.27vw;
}

h4{
font-size:3.20vw;
line-height:1.75;
}

h4.md01{
font-size:3.20vw;
line-height:1.75;
color:#057BA2;
}

h5{
font-size:3.20vw;
line-height:1.75;
}


/* FEED */


.feed-wrap{
margin:0 0 6.40vw;
}


[data-pagename="for_student"] .l-news{
margin:0;
padding-bottom:0;
}

[data-pagename="for_student"] .l-news .news-content.l-archive_list .archive-meta{
flex-grow:1;
min-width:0;
align-content:flex-start;
padding-bottom:4.27vw;
border-bottom:1px solid #0071bc;
}

[data-pagename="for_student"] .l-news .news-content.l-archive_list .archive-meta .l-category{
display:flex;
flex-wrap:wrap;
gap:1vw;
}

.label{
margin-right:0;
}


.feed-caption{
background:#057BA2;
padding:4.27vw 2.13vw;
color:#fff;
margin:6.40vw 0 10.67vw;
}

.list-disc{
margin-left:6.40vw;
font-size:3.20vw;
line-height:1.75;
}
.list-disc li{
list-style:disc;
}
.list-flex-disc{
display:flex;
justify-content:center;
flex-wrap:wrap;
font-size:3.20vw;
line-height:1.75;
gap:1vw 7vw;
margin-left:5vw;
}
.list-flex-disc li{
list-style:disc;
}

.hr{
width:100%;
padding-bottom:10.67vw;
border-bottom:0.27vw solid #ADADAD;
margin-bottom:10.67vw;
}

.inner{
padding:6.40vw;
border:0.27vw solid #adadad;
margin:0 0 10.67vw;
}

.caption{
padding-left:1.2em;
position:relative;
}
.caption::before{
content:'※';
position:absolute;
top:0;
left:0;
}



.spT{
width:100%;
table-layout:fixed;
border:0.27vw solid #adadad;
font-weight:normal;
font-size:2.67vw;
line-height:1.75;
}
.spT thead th{
border:0.27vw solid #adadad;
height:9.07vw;
font-weight:normal;
background:#DBDBDB;
}
.spT tbody th{
background:#f4f4f4;
color:#057BA2;
height:9.07vw;
border:0.27vw solid #adadad;
}
.spT tbody th .small{
font-size:2.13vw;
line-height:1.25;
}

.spT tbody td{
text-align:center;
border:0.27vw solid #adadad;
height:9.07vw;
}
.spT tbody td.yen{
font-weight:bold;
}


.cap-list li{
padding-left:1.2em;
position:relative;
}
.cap-list li::before{
content:'※';
position:absolute;
top:0;
left:0;
}




.carebox{
width:100%;
background:#FFE8DB;
padding:4.27vw;
margin-bottom:8vw;
}

.c-pink{
color:#F00072;
font-weight:500;
}

.bg-gray{
background:#f4f4f4;
padding:10.67vw 0 14.93vw;
}

.cont-box{
width:87.20vw;
margin:0 auto 6.40vw;
background:#fff;
padding:6.40vw;
}



.acc{
margin:0 0 6.40vw;
}


.acc dt{
border:1px solid #057BA2;
font-size:3.73vw;
line-height:1;
font-weight:500;
padding:3.47vw 3.20vw;
position:relative;
color:#057BA2;
}
.acc dt::after{
content:'';
width:6.40vw;
height:6.40vw;
background:url(../../img/icon-plus.svg) no-repeat;
background-size:6.40vw;
position:absolute;
top:2.13vw;
right:3.20vw;
}

.acc dt.open{
background:#EBEBEB;
border:1px solid #EBEBEB;
}


.acc dt.open::after{
content:'';
width:6.40vw;
height:6.40vw;
background:url(../../img/icon-minus.svg) no-repeat;
background-size:6.40vw;
position:absolute;
top:2.13vw;
right:3.20vw;
}


.acc dd{
display:none;
padding:3.20vw 0 0;
}


.col{
display:flex;
flex-wrap:wrap;
gap:3.20vw;
}
.col-l{
width:100%;
}
.col-r{
width:100%;
}

.item-ttl-area{
background:#057BA2;
padding:2.13vw;
}
.item-ttl-area h4{
color:#fff;
font-weight:normal;
line-height:1;
}
.item-ttl-area .ttl-sub{
color:#fff;
font-size:2.67vw;
line-height:1.25;
font-weight:normal;
}

.item-txt{
border:0.27vw solid #057BA2;
padding:2.13vw 3.20vw;
}

.pdf-dl-btn a{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:8.00vw;
border-radius:6.67vw;
text-align:center;
font-size:3.36vw;
position:relative;
background:#dd2525;
color:#fff;
font-weight:normal;
text-decoration:none;
}
.pdf-dl-btn a::before{
content:'';
width:3.20vw;
height:4.27vw;
background:url(../../img/icon-pdf.svg) no-repeat;
background-size:3.20vw;
margin-right:1.07vw;
}

.pdf-dl-btn a:after{
content:'';
width:4.27vw;
height:4.27vw;
background:url(../../img/icon-dl.svg) no-repeat;
background-size:4.27vw;
margin-left:1.07vw;
}

.post-fee{
display:flex;
align-items:center;
}
.post-fee-name{
background:#14B4FF;
color:#fff;
text-align:center;
width:35%;
height:9.07vw;
display:flex;
align-items:center;
justify-content:center;
font-size:2.67vw;
}
.post-fee-fee{
background:#CAEEFF;
font-size:4.80vw;
font-weight:bold;
text-align:center;
width:65%;
height:9.07vw;
}

.postal-att{
border:0.27vw solid #adadad;
padding:4.27vw 2.13vw;
}

.bgp{
background:#f4f4f4;
padding:0 1.07vw;
}
.b-box{
border:0.27vw solid #adadad;
padding:4.27vw 2.13vw;
width:100%;
}

.b-box-half{
border:0.27vw solid #adadad;
padding:4.27vw 2.13vw;
width:100%;
}

.gbg-box-half{
width:100%;
background:#ebebeb;
padding:4.27vw 2.13vw;
}
.gbg-box{
width:100%;
background:#ebebeb;
padding:4.27vw 2.13vw;
}
.c-ttl{
text-align:center;
font-size:4vw;
line-height:1.25;
margin:0 0 2.13vw;
}
.c-contact{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:2.13vw;
font-size:5vw;
line-height:1;
font-weight:bold;
}


.num-list li p{
margin-left:1.2em;
}

.svc-inner{
margin-left:1.2em;
}

.sys-col{
margin:0 0 10vw;
}

.sp-disp{
width:43.73vw;
padding:0;
margin:6.40vw auto;
}
.sp-disp02{
width:43.73vw;
padding:0;
margin:6.40vw auto;
}
.page-link{
width:100%;
height:6.93vw;
border-bottom:0.27vw solid #000;
}
.page-link a{
width:100%;
height:6.93vw;
font-size:3.20vw;
line-height:1;
padding:1.87vw 0;
position:relative;
display:block;
font-weight:normal;
text-decoration:none;
color:#000;
}
.page-link a::after{
content:'';
width:4.27vw;
height:4.27vw;
background:url(../../img/arrow-right-bk.svg) no-repeat;
background-size:4.27vw;
position:absolute;
top:1.33vw;
right:2.13vw;
}

.tel{
font-weight:900;
display:flex;
font-size:4.80vw;
line-height:1;
align-items:center;
gap:2.13vw;
}
.tel span{
font-size:2.67vw;
}










.aligncenter{
justify-content:center;
text-align:center;
}




@media (min-width: 768px) {

.mb0{ margin-bottom:0 !important; }
.mb8{ margin-bottom:8px !important; }
.mb16{ margin-bottom:16px !important; }
.mb24{ margin-bottom:24px !important; }
.mb32{ margin-bottom:32px !important; }
.mb40{ margin-bottom:40px !important; }

.m-auto{ margin:0 auto !important; }


.c-header{
padding:32px 0;
background:#14B4FF;
}

.c-header h1{
width:1260px;
font-size:58px;
font-weight:900;
color:#fff;
margin:0 auto 40px;
text-align:left;
}
.c-header h1 span{
display:block;
font-size:24px;
line-height:1.5;
font-weight:normal;
letter-spacing:.2em;
}

.page-anc{
width:1260px;
margin:0 auto;
display:flex;
gap:40px;
}
.page-anc li{
width:283px;
border-bottom:1px solid #fff;
position:relative;
}

.page-anc li::after{
content:'';
width:10px;
height:10px;
border-right:2px solid #fff;
border-bottom:2px solid #fff;
transform:rotate(45deg);
position:absolute;
top:calc(50% - 10px);
right:14px;
}

.page-anc li a{
width:283px;
display:block;
padding:0 8px 12px;
font-size:16px;
line-height:1.5;
color:#fff;
font-weight:normal;
text-decoration:none;
}

.c-container{
width:100%;
margin:0 auto;
padding:40px 0 56px;
font-size:16px;
line-height:1.75;
}

.content-wrap{
width:1260px;
margin:0 auto;
}

h2.md01{
font-size:42px;
line-height:1.2;
margin:0 0 24px;
}
h2.md02{
font-size:32px;
line-height:1.2;
margin:0 0 24px;
}

h3{
font-size:24px;
line-height:1.375;
padding-left:11px;
border-left:5px solid #14B4FF;
margin:0 0 24px;
}

h4{
font-size:16px;
line-height:1.75;
}

h4.md01{
font-size:16px;
line-height:1.75;
color:#057BA2;
}

h5{
font-size:16px;
line-height:1.75;
}


.feed-wrap{
margin:0 0 24px;
}

[data-pagename="for_student"] .l-news .news-content.l-archive_list .archive-item{
margin-top:40px;
}

[data-pagename="for_student"] .l-news .news-content.l-archive_list .archive-meta{
height:160px;
}

.feed-caption{
background:#057BA2;
padding:16px 24px;
color:#fff;
margin:24px 0 40px;
}

.list-disc{
margin-left:24px;
font-size:16px;
line-height:1.75;
}
.list-disc li{
list-style:disc;
}

.list-flex-disc{
font-size:16px;
line-height:1.75;
display:flex;
gap:.5em 3em;
justify-content:center;
}
.list-flex-disc li{
list-style:disc;
}


.hr{
width:100%;
padding-bottom:40px;
border-bottom:1px solid #ADADAD;
margin-bottom:40px;
}

.inner{
border:1px solid #adadad;
padding:40px 30px;
margin:0 0 40px;
}

.caption{
padding-left:1.2em;
position:relative;
}
.caption::before{
content:'※';
position:absolute;
top:0;
left:0;
}


.pcT{
width:100%;
table-layout:fixed;
border:1px solid #adadad;
font-weight:normal;
font-size:14px;
line-height:1.25;
}
.pcT th{
border:1px solid #adadad;
height:53px;
font-weight:normal;
background:#DBDBDB;
width:144px;
}
.pcT td{
text-align:center;
border:1px solid #adadad;
height:53px;
}
.pcT td.yen{
font-weight:bold;
}
.pcT tr.type td{
background:#f4f4f4;
font-size:10px;
color:#057BA2;
}
.pcT tr.type2 td{
background:#f4f4f4;
color:#057BA2;
}
.cap-list li{
padding-left:1.2em;
position:relative;
}
.cap-list li::before{
content:'※';
position:absolute;
top:0;
left:0;
}


.carebox-col{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;

}


.carebox{
width:580px;
background:#FFE8DB;
padding:16px;
display:inline-block;
height:fit-content;
margin:0;
}

.c-pink{
color:#F00072;
font-weight:500;
}

.bg-gray{
background:#f4f4f4;
padding:40px 0;
}

.cont-box{
width:1260px;
margin:0 auto 40px;
background:#fff;
padding:40px 30px;
}

.acc{
margin:0 0 40px;
}


.acc dt{
border:1px solid #057BA2;
font-size:20px;
line-height:1;
font-weight:500;
padding:13px 12px;
position:relative;
color:#057BA2;
}
.acc dt::after{
content:'';
width:30px;
height:30px;
background:url(../../img/icon-plus.svg) no-repeat;
background-size:30px;
position:absolute;
top:8px;
right:12px;
}

.acc dt.open{
background:#EBEBEB;
border:1px solid #EBEBEB;
}


.acc dt.open::after{
content:'';
width:30px;
height:30px;
background:url(../../img/icon-minus.svg) no-repeat;
background-size:30px;
position:absolute;
top:8px;
right:12px;
}


.acc dd{
display:none;
padding:8px 0 0;
}

.col{
display:flex;
justify-content:space-between;
gap:0;
}
.col-l{
width:580px;
}
.col-r{
width:580px;
}

.item-ttl-area{
background:#057BA2;
padding:12px 16px;
}
.item-ttl-area h4{
color:#fff;
font-weight:normal;
line-height:1;
}
.item-ttl-area .ttl-sub{
color:#fff;
font-size:12px;
line-height:1.25;
font-weight:normal;
}

.item-txt{
border:1px solid #057BA2;
padding:16px;
}


.pdf-dl-btn a{
display:flex;
align-items:center;
justify-content:center;
width:455px;
height:50px;
border-radius:25px;
text-align:center;
font-size:16px;
position:relative;
background:#dd2525;
color:#fff;
font-weight:normal;
text-decoration:none;
}
.pdf-dl-btn a::before{
content:'';
width:20px;
height:27px;
background:url(../../img/icon-pdf.svg) no-repeat;
background-size:20px;
margin-right:13px;
}

.pdf-dl-btn a:after{
content:'';
width:24px;
height:24px;
background:url(../../img/icon-dl.svg) no-repeat;
background-size:24px;
margin-left:13px;
}

.post-fee{
display:flex;
align-items:center;
}
.post-fee-name{
background:#14B4FF;
color:#fff;
text-align:center;
width:204px;
height:42px;
display:flex;
align-items:center;
justify-content:center;
font-size:16px;
}
.post-fee-fee{
background:#CAEEFF;
font-size:24px;
font-weight:bold;
text-align:center;
width:342px;
height:42px;
}

.postal-att{
border:1px solid #adadad;
padding:16px;
}
.bgp{
background:#f4f4f4;
padding:0 4px;
}
.b-box{
border:1px solid #adadad;
padding:16px;
}

.b-box-half{
border:1px solid #adadad;
padding:16px;
width:580px;
}

.gbg-box-half{
width:580px;
background:#ebebeb;
padding:16px;
}
.gbg-box{
width:100%;
background:#ebebeb;
padding:16px;
}
.c-ttl{
text-align:center;
font-size:22px;
line-height:1.35;
margin:0 0 16px;
}
.c-contact{
display:flex;
justify-content:center;
gap:40px;
font-size:24px;
line-height:1;
font-weight:bold;
}

.num-list li p{
margin-left:1.2em;
}

.svc-inner{
margin-left:16px;
}

.sys-col{
display:grid;
gap:80px;
align-items:end;
grid-template-columns:1fr 272px;
margin:0 0 60px;
}



.sp-disp{
width:272px;
padding:0 35px;
margin:16px 0;
}
.sp-disp02{
width:268px;
padding:0 16px;
margin:0 0 8px;
}
.page-link{
width:393px;
height:43px;
border-bottom:1px solid #000;
}
.page-link a{
width:393px;
height:43px;
font-size:20px;
line-height:1.2;
padding:0 8px 16px;
position:relative;
display:block;
font-weight:normal;
text-decoration:none;
color:#000;
}
.page-link a::after{
content:'';
width:24px;
height:24px;
background:url(../../img/arrow-right-bk.svg) no-repeat;
background-size:24px;
position:absolute;
top:calc(50% - 20px);
right:8px;
}

.tel{
font-weight:900;
display:flex;
font-size:24px;
line-height:1;
align-items:center;
gap:8px;
}
.tel span{
font-size:14px;
}

.alignleft{
justify-content:flex-start;
}

.aligncenter{
justify-content:center;
text-align:center;
}

/* END PC CSS */
}
