@charset "UTF-8";

/* facilities ページ (/facilities) 専用スタイル */

[data-pagename="facilities"] #gradient-bg-img {
    background-image: none;
    background-color: #fff;
}

.mb0{ margin-bottom:0 !important; }


.mv-fac{
width:100%;
height:83.20vw;
background:url(../../img/mv-fac-sp.jpg) no-repeat center center;
background-size:cover;
margin:0;
position:relative;
}


.fac-lead{
background:#14B4FF;
padding:6.40vw 0 10.67vw;
}
.fac-copy{
width:87.20vw;
font-size:8.00vw;
line-height:1.125;
color:#fff;
font-weight:900;
margin:0 auto 6.40vw;
}
.fac-anc{
width:87.20vw;
margin:0 auto;
display:flex;
flex-wrap:wrap;
gap:2.13vw;
}
.fac-anc li{
width:87.20vw;
height:8.53vw;
border-bottom:0.27vw solid #fff;
}
.fac-anc li a{
width:87.20vw;
height:8.53vw;
display:block;
color:#fff;
position:relative;
font-size:3.73vw;
line-height:1.6;
font-weight:normal;
text-decoration:none;
padding:2.13vw;
}
.fac-anc li a::after{
content:'';
width:1.33vw;
height:1.33vw;
border-right:0.27vw solid #fff;
border-bottom:0.27vw solid #fff;
transform:rotate(45deg);
position:absolute;
right:5.33vw;
bottom:4.00vw;
}


.view-info{
font-size:4.80vw;
line-height:1.5;
font-weight:bold;
color:#fff;
width:87.20vw;
margin:0 auto 5.33vw;
padding-left:20.27vw;
background:url(../../img/view360-wh.svg) no-repeat left center;
background-size:16.00vw;
}



#fac01{
width:87.20vw;
margin:0 auto;
padding:10.67vw 0 0;
}
#fac02{
width:87.20vw;
margin:0 auto;
padding:10.67vw 0;
}
#fac01 h2,
#fac02 h2{
font-size:8.00vw;
line-height:1;
padding-bottom:2.13vw;
border-bottom:0.27vw solid #14B4FF;
margin:0 0 6.40vw;
}

.fac-list{
display:flex;
flex-wrap:wrap;
gap: 10.67vw;
}
.fac-list li{
width:162.67vw;
font-size:4.27vw;
line-height:1.75;
}
.fac-list li h3{
font-size:4.80vw;
line-height:1.375;
padding-left:2.13vw;
border-left:0.53vw solid #14B4FF;
margin:0 0 4.27vw;
}

.fac-desc03{
margin:0 0 6.40vw;
}
.fac-desc02{
margin:0 0 6.40vw;
}
.fac-tile{
display:flex; 
flex-wrap:wrap;
gap:2.13vw;
margin:0 0 6.40vw;
}
.fac-tile div:nth-child(1),
.fac-tile div:nth-child(2){
width:87.20vw;
}
.fac-tile div:nth-child(3),
.fac-tile div:nth-child(4){
width:42.4vw;
}
.fac-img{
margin:0 0 4.27vw;
}
.fac-img img{
width:87.20vw;
height:40.27vw;
object-fit:cover;
}

.mb24{
margin-bottom:24px !important;
}


.view-link{
position:relative;
background:#057BA2;
color:#fff;
width:87.20vw;
height:13.87vw;
border:0.27vw solid #057BA2;
margin:0 auto;
display:flex;
align-items:center;
font-size:3.73vw;
line-height:1.5;
}

.view-link a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}

.view-link::after{
content:'';
width:5.33vw;
height:5.33vw;
background:url(../../img/icon-arrow-right.svg) no-repeat;
background-size:5.33vw;
position:absolute;
top:calc(50% - 2.67vw);
right:4.27vw;
}



.icon-view{
width:17.60vw;
height:13.33vw;
background:#fff url(../../img/view360-multi.svg) no-repeat center center;
background-size:13.33vw;
}
.view-txt{
width:69.60vw;
padding:0 0 0 2.13vw;
}

.fac-double{
display:flex;
flex-wrap:wrap;
gap:2.13vw;
margin:0 0 4.27vw;
}

.fac-bg{
background:#ebebeb;
padding:10.67vw 0 14.93vw;
}



#fac03,
#fac04,
#fac05{
width:87.20vw;
margin:0 auto 10.67vw;
}

#fac03 h2,
#fac04 h2,
#fac05 h2{
font-size:7.4vw;
line-height:1.125;
margin:0 0 3.6vw;
}

.classroom{
background:#fff;
padding:6.40vw;
display:flex;
flex-wrap:wrap;
gap:2.40vw;
}
.classroom li{
width:36.00vw;
font-size:2.93vw;
line-height:1.75;
}
.fac-thumb{
width:36.00vw;
height:19.47vw;
margin:0 0 1.33vw;
}
.fac-thumb img{
width:36.00vw;
height:19.47vw;
object-fit:cover;
}
.fac-name{
font-size:2.93vw;
line-height:1.5;
font-weight:bold;
}




















@media (min-width: 768px) {

.mv-fac{
width:100%;
height:372px;
background:url(../../img/mv-fac-pc.jpg) no-repeat center center;
background-size:cover;
margin:0;
}

.fac-lead{
background:#14B4FF;
padding:40px 0;
}
.fac-copy{
width:1260px;
font-size:30px;
line-height:1;
color:#fff;
font-weight:900;
margin:0 auto 36px;
}

.view-info{
font-size:22px;
line-height:2;
font-weight:bold;
color:#fff;
width:1260px;
margin:0 auto 16px;
padding-left:72px;
background:url(../../img/view360-wh.svg) no-repeat left center;
background-size:60px;
}



.fac-anc{
width:1260px;
margin:0 auto;
display:flex;
flex-wrap:wrap;
gap:24px 40px;
}
.fac-anc li{
width:393px;
height:32px;
border-bottom:1px solid #fff;
}
.fac-anc li a{
width:393px;
height:32px;
display:block;
color:#fff;
position:relative;
width:393px;
font-size:20px;
line-height:1.6;
font-weight:normal;
text-decoration:none;
padding:0 10px;
}
.fac-anc li a::after{
content:'';
width:5px;
height:5px;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
transform:rotate(45deg);
position:absolute;
right:20px;
bottom:15px;
}

#fac01{
width:1260px;
margin:0 auto;
padding:40px 0 0;
}
#fac02{
width:1260px;
margin:0 auto;
padding:40px 0;
}
#fac01 h2,
#fac02 h2{
font-size:42px;
line-height:1;
padding-bottom:8px;
border-bottom:1px solid #14B4FF;
margin:0 0 24px;
}

.fac-list{
display:flex;
flex-wrap:wrap;
gap: 40px;
}
.fac-list li{
width:610px;
font-size:16px;
line-height:1.75;
}
.fac-list li h3{
font-size:24px;
line-height:1.375;
padding-left:16px;
border-left:5px solid #14B4FF;
margin:0 0 16px;
}

.fac-desc03{
height:84px;
margin:0 0 24px;
}
.fac-desc02{
height:56px;
margin:0 0 24px;
}
.fac-tile{
display:flex;
flex-wrap:wrap;
gap:16px;
margin:0 0 24px;
}
.fac-tile div{
width:297px !important;
}

.fac-img{
margin:0 0 24px;
}
.fac-img img{
width:610px;
height:291px;
object-fit:cover;
}


.view-link{
position:relative;
background:#057BA2;
color:#fff;
width:452px;
height:72px;
border:1px solid #057BA2;
margin:0 auto;
display:flex;
align-items:center;
font-size:18px;
line-height:1.5;
}

.view-link a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}

.view-link::after{
content:'';
width:28px;
height:28px;
background:url(../../img/icon-arrow-right.svg) no-repeat;
background-size:27px;
position:absolute;
top:calc(50% - 14px);
right:16px;
}



.icon-view{
width:92px;
height:70px;
background:#fff url(../../img/view360-multi.svg) no-repeat center center;
background-size:70px;
}
.view-txt{
width:360px;
padding:0 0 0 16px;
}

.fac-double{
display:flex;
flex-wrap:wrap;
gap:16px;
margin:0 0 24px;
}

.fac-bg{
background:#ebebeb;
padding:40px 0 56px;
}

#fac03,
#fac04,
#fac05{
width:1260px;
margin:0 auto 80px;
}

#fac03 h2,
#fac04 h2,
#fac05 h2{
font-size:42px;
line-height:1;
margin:0 0 16px;
}

.classroom{
background:#fff;
padding:24px 30px;
display:flex;
flex-wrap:wrap;
gap:24px 40px;
}
.classroom li{
width:270px;
font-size:16px;
line-height:1.75;
}
.fac-thumb{
width:270px;
height:146px;
margin:0 0 16px;
}
.fac-thumb img{
width:270px;
height:146px;
object-fit:cover;
}
.fac-name{
font-size:16px;
line-height:1.5;
font-weight:bold;
}






/* END PC CSS */
}