@charset "UTF-8";

#fv h2{
 width: 140px;
 background-image: url(../images/facility/h2.png);
}

#sec-facility,
#sec-access,
#sec-company{
 margin: -130px 0 0;
 padding: 130px 0 0;
}
#facility{
 margin: 0 auto;
 padding: 83px 0 140px;
 width: 1000px;
}
h3{
 width: 100%;
 height: 80px;
 font-size: 32px;
 line-height: 100%;
 text-align: center;
 color: #fff;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
 background-image: url(../common/images/h3.jpg);
 background-position: center center;
 background-size: cover;
 border-radius: 20px;
 background-repeat: no-repeat;
 display: flex;
 justify-content: center;
 align-items: center;
 position: relative;
}
#facility .facility{
 margin: 0 auto;
 padding: 80px 0 0;
 width: 500px;
}
#facility .facility .info{
 width: 100%;
}
#facility .facility .info tr{
 border-bottom: 2px dotted #d8d8d8;
}
#facility .facility .info tr.non{
 border-bottom: none;
}
#facility .facility .info th,
#facility .facility .info td{
 padding: 13px 0 8px;
}
#facility .facility .info th{
 width: 95px;
 font-size: 19px;
 line-height: 100%;
 text-align: left;
 font-weight: bold;
 color: #039a42;
}
#facility .facility .info td{
 width: auto;
 font-size: 17px;
 line-height: 100%;
 text-align: left;
 color: #000;
}
#facility .facility .info th.sv{
 padding: 18px 0 12px;
}
#facility .facility .info th .info2{
 margin: 5px 0 0 5%;
 width: 95%;
}
#facility .facility .info  th .info2 th{
 width: 200px;
}
#facility .facility .info  th .info2 td{
 font-weight: normal;
}

#access{
 margin: 0 auto;
 padding: 50px 0 150px;
 width: 1000px;
}
#access .access{
 margin: 0 auto;
 padding: 58px 0 0;
 width: 800px;
}
#access .access iframe{
 width: 100%;
 height: 480px;
 border-radius: 30px;
}
#access .access p{
 margin: 0;
 padding: 10px 0 0;
 width: 100%;
 font-size: 16px;
 line-height: 26px;
 text-align: left;
}

#company{
 margin: 0 auto;
 padding: 50px 0 110px;
 width: 1000px;
}
#company .company{
 margin: 0 auto;
 padding: 80px 0 0;
 width: 500px;
}
#company .company .info{
 width: 100%;
}
#company .company .info tr{
 border-bottom: 2px dotted #d8d8d8;
}
#company .company .info th,
#company .company .info td{
 padding: 13px 0 8px;
}
#company .company .info th{
 width: 120px;
 font-size: 19px;
 line-height: 100%;
 text-align: left;
 font-weight: bold;
 color: #039a42;
}
#company .company .info td{
 width: auto;
 font-size: 17px;
 line-height: 100%;
 text-align: left;
 color: #000;
}


@media screen and (max-width: 1620px){
#sec-facility,
#sec-access,
#sec-company{
 margin: -8vw 0 0;
 padding: 8vw 0 0;
}

}
@media screen and (max-width: 1020px){
#facility{
 padding: 8.2vw 0 13.8vw;
 width: 98%;
}
h3{
 height: 7.8vw;
 font-size: 3.1vw;
}
#facility .facility{
 padding: 7.9vw 0 0;
 width: 50%;
}
#facility .facility .info th,
#facility .facility .info td{
 padding: 1.25vw 0 0.82vw;
}
#facility .facility .info th{
 width: 19%;
 font-size: 1.86vw;
}
#facility .facility .info td{
 font-size: 1.67vw;
}
#facility .facility .info th.sv{
 padding: 1.7vw 0 1.1vw;
}
#facility .facility .info th .info2{
 margin: 0.5vw 0 0 5%;
 width: 95%;
}
#facility .facility .info  th .info2 th{
 width: 42%;
}

#access{
 padding: 4.9vw 0 14.8vw;
 width: 98%;
}
#access .access{
 padding: 5.7vw 0 0;
 width: 80%;
}
#access .access iframe{
 height: 47vw;
}
#access .access p{
 padding: 0.98vw 0 0;
 font-size: 1.57vw;
 line-height: 150%;
}

#company{
 padding: 4.9vw 0 10.8vw;
 width: 98%;
}
#company .company{
 padding: 7.9vw 0 0;
 width: 50%;
}
#company .company .info th,
#company .company .info td{
 padding: 1.28vw 0 0.78vw;
}
#company .company .info th{
 width: 24%;
 font-size: 1.88vw;
}
#company .company .info td{
 font-size: 1.68vw;
}



}


@media screen and (max-width: 780px){
#fv h2{
 width: 26%;
 background-image: url(../images/facility/h2.png);
}

#sec-facility,
#sec-access,
#sec-company{
 margin: -18vw 0 0;
 padding: 18vw 0 0;
}
#facility{
 margin: 0 auto;
 padding: 12vw 0 10vw;
 width: 95%;
}
h3{
 width: 100%;
 height: 10vw;
 font-size: 4.6vw;
 line-height: 100%;
 text-align: center;
 color: #fff;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
 background-image: url(../common/images/h3.jpg);
 background-position: center center;
 background-size: cover;
 border-radius: 20px;
 background-repeat: no-repeat;
 display: flex;
 justify-content: center;
 align-items: center;
 position: relative;
}
#facility .facility{
 margin: 0 auto;
 padding: 5vw 0 0;
 width: 90%;
}
#facility .facility .info{
 width: 100%;
}
#facility .facility .info tr{
 border-bottom: 2px dotted #d8d8d8;
}
#facility .facility .info tr.non{
 border-bottom: none;
}
#facility .facility .info th,
#facility .facility .info td{
 padding: 3vw 0 2vw;
}
#facility .facility .info th{
 width: 17%;
 font-size: 3.3vw;
 line-height: 100%;
 text-align: left;
 font-weight: bold;
 color: #039a42;
}
#facility .facility .info td{
 width: auto;
 font-size: 3.3vw;
 line-height: 100%;
 text-align: left;
 color: #000;
}
#facility .facility .info tr.sp th,
#facility .facility .info tr.sp td{
 line-height: 140%;
}
#facility .facility .info th.sv{
 padding: 3vw 0 2vw;
}
#facility .facility .info th .info2{
 margin: 1vw 0 0 5%;
 width: 95%;
}
#facility .facility .info  th .info2 th{
 width: 40%;
}
#facility .facility .info  th .info2 td{
 font-weight: normal;
}

#access{
 margin: 0 auto;
 padding: 6vw 0 10vw;
 width: 95%;
}
#access .access{
 margin: 0 auto;
 padding: 7vw 0 0;
 width: 90%;
}
#access .access iframe{
 width: 100%;
 height: 80vw;
 border-radius: 30px;
}
#access .access p{
 margin: 0;
 padding: 10px 0 0;
 width: 100%;
 font-size: 3.2vw;
 line-height: 150%;
 text-align: left;
}

#company{
 margin: 0 auto;
 padding: 6vw 0 18vw;
 width: 95%;
}
#company .company{
 margin: 0 auto;
 padding: 6vw 0 0;
 width: 90%;
}
#company .company .info{
 width: 100%;
}
#company .company .info tr{
 border-bottom: 2px dotted #d8d8d8;
}
#company .company .info th,
#company .company .info td{
 padding: 3vw 0 2vw;
}
#company .company .info th{
 width: 26%;
 font-size: 3.3vw;
 line-height: 100%;
 text-align: left;
 font-weight: bold;
 color: #039a42;
}
#company .company .info td{
 width: auto;
 font-size: 3.3vw;
 line-height: 100%;
 text-align: left;
 color: #000;
}




}