@charset "UTF-8";

.facility-content{
margin-bottom: 80px;
}

.facility-nav{
list-style: none;
margin: 0 0 60px;
padding: 0;
}

.facility-nav li{
list-style: none;
margin: 0;
background: #F6F6F6;
text-align: center;
font-family: 'Noto Sans JP', sans-serif;
cursor: pointer;
font-size: 16px;
padding: 1em 0;
}

.facility-nav li.active{
 background: var(--c-green);
 color: #fff;
}

.facility-column{
display: none;
}

.facility-column.active{
display: block;
}

.facility-title{
background:var(--c-green);
color: #fff;
text-align: center;
font-size: 18px;
padding: 1em 0;
margin-bottom: 50px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

.facility-title.ico01:before{
content: "";
width: 30px;
height: 24px;
background-image: url(../img/facility/facility/facility_disability_ico01.svg);
background-repeat: no-repeat;
background-size: contain;
display: inline-block;
margin-right: 10px;
vertical-align: -5px;
}

.facility-title.ico02:before{
content: "";
width: 30px;
height: 24px;
background-image: url(../img/facility/facility/facility_disability_ico02.svg);
background-repeat: no-repeat;
background-size: contain;
display: inline-block;
margin-right: 10px;
vertical-align: -5px;
}

.facility-title.ico03:before{
content: "";
width: 30px;
height: 24px;
background-image: url(../img/facility/facility/facility_disability_ico03.svg);
background-repeat: no-repeat;
background-size: contain;
display: inline-block;
margin-right: 10px;
vertical-align: -5px;
}

.facility-title.ico04:before{
content: "";
width: 30px;
height: 24px;
background-image: url(../img/facility/facility/facility_age_ico01.svg);
background-repeat: no-repeat;
background-size: contain;
display: inline-block;
margin-right: 10px;
vertical-align: -5px;
}

.facility-title.ico05:before{
content: "";
width: 30px;
height: 24px;
background-image: url(../img/facility/facility/facility_age_ico02.svg);
background-repeat: no-repeat;
background-size: contain;
display: inline-block;
margin-right: 10px;
vertical-align: -5px;
}

.facility-title.ico06:before{
content: "";
width: 30px;
height: 24px;
background-image: url(../img/facility/facility/facility_age_ico03.svg);
background-repeat: no-repeat;
background-size: contain;
display: inline-block;
margin-right: 10px;
vertical-align: -5px;
}


.facility-list-col{
margin-bottom: 60px;
}

.facility-list-col p.title{
font-size: 18px;
font-family: 'Noto Sans JP', sans-serif;
border-bottom: 1px solid #D0D0D0;
padding-bottom: 1em;
margin-bottom: 1em;
}

.facility-list-col p.title span:nth-of-type(2){
display: block;
font-size: 14px;
}

.facility-list-col .layout .item{
font-family: 'Noto Sans JP', sans-serif;
}

.facility-list-col .layout .item.img > a{
display: inline-block;
overflow: hidden;
border-radius: 20px;
}

.facility-list-col .layout .item.img img{
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}

.facility-list-col .layout .item.img > a:hover img{
transform: scale(1.02);
}

.facility-list-col .layout .item p{
font-size: 14px;
line-height: 2em;
}

.facility-list-col .layout .item .detail{
background: #F6F6F6;
font-size: 14px;
line-height: 2em;
padding: 20px;
margin-bottom: 20px;
}

.facility-list-col .layout .item .detail p.subtitle{
font-size: 14px;
margin: 0 0 15px;
padding: 10px 20px;
text-align: center;
background: #fff;
border: 1px solid var(--c-green);
}

.facility-list-col .layout .item .detail span{
display: block;
text-indent: -3em;
margin-left: 3em;
}

.facility-list-col .layout .item .detail span.em4{
display: block;
text-indent: -4em;
margin-left: 4em;
}

.facility-list-col .layout .item .btns{
padding-top: 10px;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: space-between;
-webkit-box-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}

.facility-list-col .layout .item .btns .col{
flex-basis: 48.5%;
margin-bottom: 10px;
}

.facility-list-col .layout .item .btns .col a{
min-width: 100%;
font-size: 13px;
}

.facility-list-col .layout .item .btns .col a.btn.map:after{
background-color: transparent;
background-image: url(../img/facility/facility/ico_geo.svg);
background-size: 23px auto;
}


/*under pages*/

.facility-under-main{
padding: 0 0 40px;
font-family: 'Noto Sans JP', sans-serif;
}

.facility-under-main .title{
background: var(--c-green);
color: #fff;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
text-align: center;
font-size: 18px;
line-height: 2em;
padding: 1em;
margin:0 0 1em;
}

.facility-under-subtitle{
text-align: center;
font-size: 24px;
font-weight: 700;
margin-bottom: 30px;
}

.facility-under-subtitle span{
display: block;
color: var(--c-green);
font-size: 16px;
margin-top: 10px;
}

.facility-under-main .img img{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

.facility-under-main p{
font-size: 14px;
line-height: 2em;
}

.facility-under-main p.read{
font-size: 16px;
}

.facility-under-content-title{
background: var(--c-green);
color: #fff;
font-size: 18px;
padding: 1em;
text-align: center;
margin-bottom: 40px;
}

.facility-under-content .layout{
margin-bottom: 80px;
}

.facility-under-content .layout .item img{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

.facility-under-content .layout .item:nth-of-type(2) p,
.facility-under-content .layout .item.info p{
font-size: 14px;
line-height: 2em;
}

.facility-under-content .layout .item:nth-of-type(2) p.title,
.facility-under-content .layout .item.info p.title{
font-size: 18px;
border-bottom: 1px solid #D0D0D0;
padding-bottom: 1em;
margin-bottom: 1em;
}

.facility-under-content .layout .item:nth-of-type(2) dl,
.facility-under-content .layout .item.info dl{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: space-between;
-webkit-box-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
align-items: baseline;
margin: 0 0 20px;
}

.facility-under-content .layout .item:nth-of-type(2) dl dt,
.facility-under-content .layout .item.info dl dt{
width: 110px;
text-align: center;
padding: 5px 0;
margin: 0;
background: #000;
color: #fff;
font-size: 14px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}

.facility-under-content .layout .item:nth-of-type(2) dl dd,
.facility-under-content .layout .item.info dl dd{
width: calc(100% - 130px);
padding: 5px 0;
margin: 0;
}

.facility-under-content .provide{
margin-bottom: 80px;
margin-top: -50px;
}

.facility-under-content .provide .provide-title{
color: var(--c-green);
background: #F6F6F6;
max-width: 200px;
text-align: center;
font-size: 18px;
padding: 1em 0;
-webkit-border-radius: 20px 20px 0 0;
-moz-border-radius:20px 20px 0 0;
border-radius:20px 20px 0 0;
}

.facility-under-content .provide .provide-body{
padding: 30px;
background: #F6F6F6;
-webkit-border-radius: 0 20px 20px 20px;
-moz-border-radius:0 20px 20px 20px;
border-radius:0 20px 20px 20px;
}

.facility-under-content .provide .provide-body ul{
list-style: none;
margin: 0;
padding: 0;
}

.facility-under-content .provide .provide-body ul li{
margin-bottom: 20px;
}

.facility-under-content .provide .provide-body ul li span{
display: block;
background: #fff;
padding: 1em 0;
text-align: center;
font-size: 14px;
border: 1px solid var(--c-green);
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}

.facility-under-content .provide .provide-body ul li a{
display: block;
position: relative;
text-decoration: none;
color: #000;
background: #fff;
padding: 1em 0;
text-align: center;
font-size: 14px;
border: 1px solid var(--c-green);
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}

.facility-under-content .provide .provide-body ul li a:after{
content: "";
width: 10px;
height: 10px;
border-top:2px solid var(--c-green);
border-right: 2px solid var(--c-green);
-webkit-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%);
position: absolute;
top: 50%;
right: 20px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}

.facility-under-content .provide .provide-body ul li:last-child{
margin-bottom: 0;
}

.facility-under-content .sns-links{
border-top:2px dashed var(--c-green);
text-align: center;
margin-bottom: 80px;
}

.facility-under-content .sns-links .sns-title{
display: inline-block;
background: #fff;
padding: 0 20px 10px;
margin-bottom: 30px;
font-size: 18px;
line-height: 1em;
color:  var(--c-green);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

.facility-under-content .sns-links ul{
list-style: none;
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}

.facility-under-content .sns-links ul li{
margin: 0 15px;
}

.facility-under-flow{
background: #FBF7EF;
padding: 50px 0 20px;
margin-bottom: 80px;
}

.facility-under-flow ul{
list-style: none;
margin: 0;
padding: 20px 30px;
}

.facility-under-flow ul li{
position: relative;
background: #fff;
padding: 30px;
margin-bottom: 50px;
-moz-box-shadow: 0px 0px 10px #ccc;
-webkit-box-shadow: 0px 0px 10px #ccc;
box-shadow: 0px 0px 10px #ccc;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

.facility-under-flow ul li:after{
content: "";
background-image: url(../img/common/ico_arrow_green.svg);
background-repeat: no-repeat;
background-size: contain;
width: 30px;
height: 30px;
position: absolute;
bottom: 0;
left: calc(50% - 15px);
-webkit-transform: translateY(70%) rotate(90deg);
transform: translateY(70%) rotate(90deg);
}

.facility-under-flow ul.arrow-none li:after{
display: none;
}

.facility-under-flow ul li:last-child:after{
display: none;
}

.facility-under-flow ul li .img{
display: block;
padding: 10px;
text-align: center;
}

.facility-under-flow ul li .img img{
width: 100%;
max-width: 200px;
}

.facility-under-flow ul li .title{
display: block;
padding: 10px;
text-align: center;
font-size: 18px;
line-height: 180%;
background-image: repeating-linear-gradient(to left, #D9D9D9, #D9D9D9 1px, transparent 1px, transparent 5px);
background-position: bottom;
background-repeat: repeat-x;
background-size: 6px 2px;
}

.facility-under-flow ul li .detail{
display: block;
padding: 10px;
font-size: 14px;
line-height: 2em;
}

.facility-under-flow ul li .detail.indent-list{
  text-indent: -1em;
  padding-left: 1em;
}

.facility-under-flow ul li .detail.indent-list span{
  display: block;
}


.facility-under-inside{
background: #FBF7EF;
padding: 50px 0;
}

.facility-under-inside ul{
list-style: none;
margin: 0;
padding: 0;
}

.facility-under-inside ul li{
margin: 0 30px 10px;
padding: 0;
text-align: center;
}

.facility-under-inside ul li img{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

.facility-under-inside ul li span{
min-width: 200px;
display: inline-block;
background: #fff;
padding: 1em 0;
text-align: center;
font-size: 14px;
border: 1px solid var(--c-green);
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

.facility-under-info{
padding: 50px 0;
}

.facility-under-info .layout{
margin-bottom: 40px;
}

.facility-under-info .layout .item:nth-of-type(1){
margin-bottom: 30px;
}

.facility-under-info .info-table{
width: 100%;
border-collapse: collapse;
overflow: hidden;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

.facility-under-info .info-table tr{
border-bottom: 1px solid #d0d0d0;
}

.facility-under-info .info-table tr:last-child{
border-bottom: 0;
}

.facility-under-info .info-table tr th{
padding: 20px;
white-space: nowrap;
font-weight: 400;
background: var(--c-green);
color: #fff;
font-size: 14px;
line-height: 2em;
}
.facility-under-info .info-table tr td{
padding: 20px;
background:#F6F6F6;
font-size: 14px;
line-height: 2em;
}

.facility-under-info .layout .item:nth-of-type(2){
text-align: center;
}

.facility-under-info .layout .item iframe{
width: 100%;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
margin-bottom: 30px;
}

.facility-under-info .layout .item:nth-of-type(2) a.btn.map:after{
background-color: transparent;
background-image: url(../img/about/outline/map_arrow.svg);
background-size: 23px auto;
}

.info-way{
padding-top: 30px;
}

.info-way .item{
margin-bottom: 30px;
}

.info-way .item .car{
background-image: url(../img/facility/facility/ico_car.png);
background-repeat: no-repeat;
background-size: 50px;
background-position: top left;
padding-left: 70px;
}

.info-way .item .bus{
background-image: url(../img/facility/facility/ico_bus.png);
background-repeat: no-repeat;
background-size: 50px;
background-position: top left;
padding-left: 70px;
}

.info-way .item p{
border-bottom: 1px solid #d0d0d0;
padding-bottom: 1em;
}

.info-way .item ul{
list-style: none;
margin: 0;
padding: 0;
}

.info-way .item ul li{
text-indent: -1em;
margin-left: 1em;
font-family: 'Noto Sans JP', sans-serif;
font-size: 14px;
line-height: 2em;
}

.facility-under-staff{
position: relative;
background: #F6F6F6;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

.facility-under-staff-title span{
display: block;
color: #fff;
font-size: 21px;
font-weight: 700;
padding: 1em 3em;
text-align: center;
-webkit-border-radius: 20px 20px 0 0;
-moz-border-radius: 20px 20px 0 0;
border-radius: 20px 20px 0 0;
background-image: url(../img/common/bg_green.jpg);
background-size: cover;
}

.facility-under-staff-content{
padding: 30px;
}

.facility-under-staff-content .img img{
border-radius: 20px;
}

.facility-under-staff-content p{
font-size: 14px;
line-height: 2em;
}

.facility-under-staff-content p.read{
font-size: 18px;
}

.facility-under-staff-content p.sign{
text-align: right;
font-size: 14px;
}

.facility-under-pdf{
background: #FBF7EF;
padding: 50px 0 20px;
margin-top: 80px;
}

.facility-under-pdf p.pdf-read{
font-size: 14px;
line-height: 2em;
}

.facility-under-pdf ul{
list-style: none;
margin: 0;
padding: 30px 0 0;
}

.facility-under-pdf ul li{
margin-bottom: 15px;
}

.facility-under-pdf ul li a{
display: flex;
align-items: center;
height: 100%;
position: relative;
padding: 20px 45px 20px 20px;
font-size: 14px;
text-decoration: none;
color: #000;
background: #fff;
border: 1px solid #D0D0D0;
border-radius: 10px;
}

.facility-under-pdf ul li a:after{
content: "";
width: 20px;
height: 20px;
background-image: url(../img/facility/facility/ico_pdf.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 50%;
right: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}


.facility-under-back{
text-align: center;
padding: 60px 0;
}

.facility-under-back a.btn:after{
background-image: url(../img/facility/facility/ico_back.svg);
background-color: transparent;
background-size: 16px auto;
}




@media (min-width: 768px) {
.facility-content{
margin-bottom: 120px;
}

.facility-nav{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: space-between;
-webkit-box-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}

.facility-nav li{
flex-basis: 33.333%;
font-size: 24px;
padding: 1em 0;
-webkit-border-radius: 20px 20px 0 0;
-moz-border-radius: 20px 20px 0 0;
border-radius: 20px 20px 0 0;
}

.facility-title{
font-size: 34px;
padding: 1em 0;
margin-top: 120px;
margin-bottom: 80px;
}

.facility-title.ico01:before{
content: "";
width: 54px;
height: 43px;
margin-right: 15px;
vertical-align: -9px;
}

.facility-title.ico02:before{
content: "";
width: 43px;
height: 43px;
margin-right: 20px;
vertical-align: -10px;
}

.facility-title.ico03:before{
content: "";
width: 51px;
height: 43px;
margin-right: 15px;
vertical-align: -9px;
}

.facility-title.ico04:before{
content: "";
width: 54px;
height: 49px;
margin-right: 15px;
vertical-align: -9px;
}

.facility-title.ico05:before{
content: "";
width: 57px;
height: 33px;
margin-right: 15px;
vertical-align: -8px;
}

.facility-title.ico06:before{
content: "";
width: 43px;
height: 35px;
margin-right: 15px;
vertical-align: -8px;
}

.facility-list-col{
margin-bottom: 80px;
}

.facility-list-col p.title{
font-size: 26px;
padding-bottom: 1em;
margin-bottom: 1em;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

.facility-list-col p.title span:nth-of-type(2){
font-size: 18px;
margin-left: auto;
}

.facility-list-col .layout{
padding-top: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: space-between;
-webkit-box-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}

.facility-list-col .layout .item{
flex-basis: 47%;
font-family: 'Noto Sans JP', sans-serif;
}

.facility-list-col .layout .item p{
font-size: 16px;
margin-top: 0;
}

.facility-list-col .layout .item .detail{
font-size: 16px;
}

.facility-list-col .layout .item .detail p.subtitle{
font-size: 16px;
}

.facility-list-col .layout .item .btns .col{
flex-basis: 48%;
margin-bottom: 10px;
}

.facility-list-col .layout .item .btns .col a{
min-width: 100%;
font-size: 16px;
}

.facility-list-col .layout .item .btns .col a.btn.map:after{
background-color: transparent;
background-image: url(../img/facility/facility/ico_geo.svg);
background-size: 26px auto;
}

/*under pages*/

.facility-under-main{
padding: 0 0 120px;
}

.facility-under-main .title{
font-size: 26px;
font-weight: 500;
padding: 15px 30px;
margin:0 0 30px;
}

.facility-under-subtitle{
font-size: 36px;
margin-bottom: 50px;
}

.facility-under-subtitle span{
font-size: 20px;
margin-top: 10px;
}

.facility-under-main p{
font-size: 16px;
}

.facility-under-main p.read{
font-size: 26px;
text-align: center;
margin: 30px 0;
}

.facility-under-content-title{
font-size: 34px;
font-weight: 700;
padding: 20px;
margin-bottom: 80px;
}

.facility-under-content .layout{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: space-between;
-webkit-box-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-bottom: 150px;
}

.facility-under-content .layout .item:nth-of-type(1){
flex-basis: 50%;
} 
.facility-under-content .layout .item:nth-of-type(2){
flex-basis: 45%;
}

.facility-under-content .layout .item.info{
flex-basis: 100%;
}

.facility-under-content .layout .item:nth-of-type(2) p,
.facility-under-content .layout .item.info p{
font-size: 16px;
}

.facility-under-content .layout .item:nth-of-type(2) p.title,
.facility-under-content .layout .item.info p.title{
font-size: 24px;
}

.facility-under-content .layout .item:nth-of-type(2) dl dt,
.facility-under-content .layout .item.info dl dt{
width: 130px;
}

.facility-under-content .layout .item:nth-of-type(2) dl dd,
.facility-under-content .layout .item.info dl dd{
width: calc(100% - 150px);
}

.facility-under-content .provide{
margin-bottom: 150px;
margin-top: -120px;
}

.facility-under-content .provide .provide-title{
max-width: 300px;
font-size: 22px;
padding: 1em 0;
}

.facility-under-content .provide .provide-body{
padding: 40px;
}

.facility-under-content .provide .provide-body ul{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: -20px;
}

.facility-under-content .provide .provide-body ul li{
flex-basis: 31%;
margin-right: 3.5%;
margin-top: 20px;
margin-bottom: 0;
}

.facility-under-content .provide .provide-body ul li span{
padding:15px 0;
font-size: 16px;
}

.facility-under-content .provide .provide-body ul li a{
padding:15px 0;
font-size: 16px;
}

.facility-under-content .provide .provide-body ul li a:hover{
color: #fff;
background: var(--c-green);
}

.facility-under-content .provide .provide-body ul li a:hover:after{
border-top:2px solid #fff;
border-right: 2px solid #fff;
top: 50%;
right: 15px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}

.facility-under-content .provide .provide-body ul li:nth-child(3n){
margin-right: 0;
}

.facility-under-content .provide .provide-body ul li:last-child{
margin-bottom: inherit;
}

.facility-under-content .sns-links{
margin-bottom: 150px;
}

.facility-under-content .sns-links .sns-title{
padding: 0 30px 10px;
margin-bottom: 30px;
font-size: 24px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

.facility-under-flow{
padding: 80px 0;
margin-bottom: 80px;
}

.facility-under-flow .comment{
  text-align: center;
}

.facility-under-flow ul{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
padding: 20px 0;
gap: 40px 2%;
}

.facility-under-flow ul li{
flex-basis: 32%;
position: relative;
background: #fff;
padding: 3%;
margin-right: 0;
margin-bottom: 0;
}

.facility-under-flow ul li.large{
flex-basis: 100%;
}

.facility-under-flow ul li:nth-child(3n){
margin-right: 0;
}

.facility-under-flow ul li:after{
content: "";
background-image: url(../img/common/ico_arrow_green.svg);
background-repeat: no-repeat;
background-size: contain;
width: 50px;
height: 50px;
position: absolute;
bottom: inherit;
left: inherit;
top: 50%;
right: -30px;
z-index: 1;
-webkit-transform: translateY(-50%) rotate(0);
transform: translateY(-50%) rotate(0);
}

.facility-under-flow ul li.large:after{
bottom: -45px;
left: 0;
top: auto;
right: 0;
margin: 0 auto;
transform: rotate(90deg);
}

.facility-under-flow ul li:last-child:after{
display: none;
}

.facility-under-flow ul li .title{
font-size: 20px;
}

.facility-under-flow ul li .detail{
font-size: 16px;
}

.facility-under-flow ul li.flex{
  gap: 0 5%;
  align-items: center;
  padding: 3% 5%;
}
.facility-under-flow ul li.flex > .img{
width: 20%;
}
.facility-under-flow ul li.flex > div{
width: 75%;
}
.facility-under-flow ul li.flex .title{
  text-align: left;
}

.facility-under-inside{
padding: 80px 0 50px;
}

.facility-under-inside ul{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

.facility-under-inside ul li{
flex-basis: 30%;
margin: 0;
margin-right: 5%;
margin-bottom: 30px;
}

.facility-under-inside ul li:nth-child(3n){
margin-right: 0;
}

.facility-under-inside ul li span{
font-size: 16px;
}

.facility-under-info{
padding: 80px 0;
}

.facility-under-info .layout{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: space-between;
-webkit-box-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-bottom: 40px;
}

.facility-under-info .layout .item:nth-of-type(1){
flex-basis: 50%;
margin-bottom: 30px;
}

.facility-under-info .info-table tr th{
font-size: 16px;
line-height: 2em;
width: 150px;
}

.facility-under-info .info-table tr td{
font-size: 16px;
line-height: 2em;
}

.facility-under-info .layout .item:nth-of-type(2){
flex-basis: 42%;
text-align: center;
}

.facility-under-info .layout .item:nth-of-type(2) a.btn{
min-width: 100%;
}

.facility-under-info .layout .item iframe{
  width: 100%;
}

.info-way{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

.info-way .item:nth-of-type(1){
flex-basis: 49%;
margin-right: 2%;
}

.info-way .item:nth-of-type(2){
flex-basis: 49%;
}

.info-way .item .car{
background-size: 90px;
padding-left: 110px;
min-height: 90px;
}

.info-way .item .bus{
background-size: 90px;
padding-left: 110px;
min-height: 90px;
}

.info-way .item p{
font-size: 18px;
padding-bottom: .5em;
}

.info-way .item ul li{
font-size: 16px;
}

.facility-under-staff:before{
content: "STAFF VOICE";
position: absolute;
top: -50px;
right: 40px;
z-index: 1;
color: #fff;
font-size: 100px;
}

.facility-under-staff-title{
position: relative;
z-index: 2;
}

.facility-under-staff-title span{
display: inline-block;
font-size: 26px;
padding: 1em 3em;
text-align: center;
-webkit-border-radius: 20px 0 20px 0;
-moz-border-radius: 20px 0 20px 0;
border-radius: 20px 0 20px 0;
}

.facility-under-staff-content{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-pack: space-between;
-webkit-box-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 50px;
}

.facility-under-staff-content .item{
flex-basis: 47%;
}

.facility-under-staff-content.imgnone .item{
flex-basis: 100%;
}

.facility-under-staff-content p{
font-size: 16px;
}

.facility-under-staff-content p.read{
font-size: 24px;
}

.facility-under-staff-content p.sign{
font-size: 16px;
}

.facility-under-pdf{
padding: 80px 0;
margin-top: 80px;
}

.facility-under-pdf p.pdf-read{
text-align: center;
font-size: 18px;
line-height: 2em;
}

.facility-under-pdf ul{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding: 30px 0 0;
}

.facility-under-pdf ul li{
flex-basis: 23%;
margin-right: 2.66666%;
margin-bottom: 20px;
}

.facility-under-pdf ul li:nth-child(4n){
margin-right: 0;
}

.facility-under-pdf ul li a{
padding: 20px 50px 20px 20px;
font-size: 100%;
border-radius: 20px;
}

.facility-under-pdf ul li a:after{
width: 25px;
height: 25px;
}

.facility-under-pdf ul li a:hover{
color: #fff;
background: var(--c-green);
}

.facility-under-back{
padding: 120px 0;
}

}


@media (min-width: 1024px) {
}