@charset "utf-8";

/*　***********************
　　　　default
**********************　*/

@media screen and (min-width: 991px){
.pc_none{display: none}
}

/*　***********************
　　　　title
**********************　*/
.main__title{margin-bottom: 49px;text-align: center}
.main__title h2{margin-top: 0;margin-bottom: 0;color: #0A60B7;}
.main__title h2::before{content: ""; display: block;width: 1px;height: 86px;background: #707070;margin-left: auto;margin-right: auto;}
.main__title span{display: block;font-size: 3.2vw;margin-top: .8em}
@media screen and (min-width: 490px){
.main__title h2{font-size: 44px}
.main__title span{font-size: 17px}
}

/*　***********************
　　　　grid
**********************　*/
.grid__area{display: flex;flex-wrap: wrap;}
.grid__area .bussiness__list__item{width: 100%;margin-bottom: 25px}
.grid__area .facility__list__item{width: 100%;position: relative;margin-bottom: 25px}
.grid__area .bussiness__list__item img,.grid__area .facility__list__item img{width: 100%}
@media screen and (min-width: 576px){
.grid__area{justify-content: space-between}
.grid__area .bussiness__list__item{width: calc((100% - 30px) / 2);}
.grid__area .facility__list__item{width: calc((100% - 30px) / 2);}
.grid__area .facility__list__item:not(:nth-of-type(2n)){margin-right: 30px}
}
@media screen and (min-width: 768px){
.grid__area{justify-content: center}
.grid__area .bussiness__list__item{width: calc((100% - 120px) / 2);}
.grid__area .bussiness__list__item{margin-right: 30px;margin-left: 30px}
}
@media screen and (min-width: 991px){
.grid__area .bussiness__list__item{width: calc((100% - 46px) / 3);}
.grid__area .facility__list__item{width: calc((100% - 90px) / 4)}
.grid__area .facility__list__item:not(:nth-of-type(2n)){margin-right: inherit}
.grid__area .facility__list__item:not(:nth-of-type(4n)){margin-right: 30px}
}

/*　***********************
　　　　greeting
**********************　*/
#greeting__area{position: relative}
#greeting__area{margin-top:70px;margin-bottom: 45px }

#greeting__area #greeting__area__text h2{text-align: right;font-size: 3.2vw;margin-top: 1em;margin-bottom: 0;color: #0A60B7}
#greeting__area #greeting__area__text p{margin-top: 2.2em;margin-bottom: 0;line-height: 1.86em;letter-spacing: .2em}
@media screen and (min-width: 490px){
#greeting__area #greeting__area__text h2{font-size: 19px;}
#greeting__area #greeting__area__text p{font-size: 18px;}
}
@media screen and (min-width: 768px){
#greeting__area__img{/*width: 60%;*/width: 42%;margin-left: 30px;/*max-width: 973px*/}
#greeting__area #greeting__area__text{position: absolute;top:0;right: 50%;transform: translateX(50%);}
#greeting__area #greeting__area__text p{display: flex;justify-content: flex-end;padding-left: 48%}
}

@media screen and (min-width: 991px){
#greeting__area{margin-top:130px;margin-bottom: 89px }
}
@media screen and (min-width: 1280px){
/*#greeting__area__img{width: 973px;}*/
#greeting__area #greeting__area__text p{font-size: 24px;}
#greeting__area__img{margin-left: 63px}
}

/*　***********************
　　　　bussiness
**********************　*/
#bussiness__area{margin-bottom: 25px;}

.bussiness__list__item .bussiness__list__text{margin-top: -70px;text-align: center;background: rgba(255,255,255,1.00);padding: 22px .5em;position: relative;z-index: 1}
.bussiness__list__item .bussiness__list__text{width: 80%;max-width:239px;margin-left: auto;margin-right: auto }
.bussiness__list__item .bussiness__list__text p{margin-top: 0;margin-bottom: 0;letter-spacing: .2em}
.bussiness__list__item .bussiness__list__text p{font-size: 4.8vw;}
.bussiness__list__item .bussiness__list__text span{color: #9A9A9A;display: block;margin-top: 1.2em;font-size: 3.2vw;letter-spacing: .2em}
.bussiness__list__item .bussiness__list__exp p{margin-bottom: 0;text-align: center;line-height: 1.5em}
@media screen and (min-width: 490px){
.bussiness__list__item .bussiness__list__text p{font-size: 22px;}
.bussiness__list__item .bussiness__list__text span{font-size: 13px;}
}


@media screen and (min-width: 991px){
#bussiness__area{margin-bottom: 75px }
}

/*　***********************
　　　　facility
**********************　*/
#facility__area{position: relative;z-index: 1}


.facility__list__item .facility__list__img{position: relative}
.facility__list__item .facility__list__img .facility__list__spec{position: absolute;top:0;left: 0; width: 100%;height: 100%;background: rgba(0,0,0,.9);}
.facility__list__item .facility__list__img .facility__list__spec{opacity: 0;transition: .2s ease-in;display: flex;align-items: center;justify-content: center}
.facility__list__item:hover .facility__list__img .facility__list__spec{opacity: 1;}

.facility__list__spec dl{margin-top:0;margin-bottom: 0;padding-top: .7em;padding-bottom: .7em;line-height: 1.5em;border-bottom: 1px dotted rgba(255,255,255,1.00)}
.facility__list__spec dl{font-size: 3.5vw;color: rgba(255,255,255,1.00); display: flex}
.facility__list__spec dl dt{width: 5.5em}
.facility__list__spec dl dd{width: calc(100% - 5.5em);margin-left: 0}

.facility__list__item .facility__list__text{text-align: center;margin-top: 10px}
.facility__list__item .facility__list__text p{margin-top: 0;margin-bottom: 0}
.facility__list__item .facility__list__text p{font-size: 4.2vw;}
.facility__list__item .facility__list__text p span{display: block;font-size: 3.5vw;color:#0A60B7;margin-top:10px }
@media screen and (min-width: 490px){
.facility__list__spec dl{font-size: 14px;}
.facility__list__item .facility__list__text p{font-size: 18px;}
.facility__list__item .facility__list__text p span{font-size: 14px;}
}

#main__facility__list{display: flex;justify-content: space-between}
#main__facility__list{margin-top: 20px}
#main__facility__list > p{-ms-writing-mode: tb-rl;writing-mode: vertical-rl;text-orientation: mixed;padding: .5em;border: 1px solid #707070;display: inline-block;letter-spacing: .2em;height: 13.2em;color: #0A60B7;font-weight: 500;text-align: center}
_:lang(x)+_:-webkit-full-screen-document, #main__facility__list > p {height: 15.2em;}
#main__facility__list #table__scroll{overflow-x: auto;white-space: nowrap;width: 85%;max-width: 1005px;margin-left: 15px;}
#main__facility__list #table__scroll::-webkit-scrollbar{height: 20px;}
#main__facility__list #table__scroll::-webkit-scrollbar-track{background:rgba(219,219,219,1.00);border-radius: 5px}
#main__facility__list #table__scroll::-webkit-scrollbar-thumb {background: #999;border-radius: 5px}

#main__facility__list table tr:first-of-type th{background: rgba(10,96,183,1.00);color: rgba(255,255,255,1.00)}
#main__facility__list table{font-size: 3.5vw;width:1000px;margin-bottom: 20px;letter-spacing: .1em;line-height: 1.3em}
#main__facility__list table tr:first-of-type th:first-of-type{width: 34%}
#main__facility__list table tr:first-of-type th:nth-of-type(2){width: 20%}
#main__facility__list table tr:first-of-type th:nth-of-type(3){width: 20%}
#main__facility__list table tr:first-of-type th:last-of-type{width: 24%}
#main__facility__list table .facility__name{text-align: left}
#main__facility__list table tr{border-bottom: 1px solid #707070}
#main__facility__list table :not(.facility__name){text-align: center}
#main__facility__list table th,#main__facility__list table td{padding:1em 1.5em}
#main__facility__list table th span,#main__facility__list table td span{color: #0A60B7}
@media screen and (min-width: 490px){
.facility__list__spec dl{font-size: 14px;}
.facility__list__item .facility__list__text p{font-size: 18px;}
.facility__list__item .facility__list__text p span{font-size: 14px;}
#main__facility__list table{padding-left:25px;font-size: 14px;  }
#main__facility__list table tr:first-of-type th{background: rgba(255,255,255,1.00);color: #393939}
#main__facility__list > p{font-size: 18px;}
#main__facility__list > p{margin-top: 35px; margin-bottom: 0; margin-right: 30px}
}
@media screen and (min-width: 991px){
#main__facility__list{margin-top: 65px}
#main__facility__list table{width:100%;}
#main__facility__list > p{margin-top: 65px; margin-right: 77px}
}

/*　***********************
　　　　recruit
**********************　*/
#recruit__area{padding-top: 180px;padding-bottom: 180px;background:rgba(206,227,255,.2);}
#recruit__area{clip-path: polygon(0 5%, 100% 0, 100% 95%, 0% 100%);}
#recruit__area #recruit__area__posi{position: relative;}
#recruit__area #recruit__area__img img{margin-left: auto;margin-right: auto}
#recruit__area #recruit__area__exp span{display: block;font-size: 3.2vw;color: #0A60B7;margin-top: 1em;}
#recruit__area #recruit__area__exp h2{letter-spacing: .15em;margin-top: 1.8em;margin-bottom: 0;color: #011931;font-weight: 700}
#recruit__area #recruit__area__exp p{line-height: 1.58em;margin-bottom: 0;margin-top: 1.2em}
@media screen and (min-width:490px){
#recruit__area #recruit__area__exp span{font-size: 19px;}
	#recruit__area #recruit__area__exp h2{font-size: 34px;}
#recruit__area #recruit__area__exp p{font-size: 14px}
}

@media screen and (min-width:768px){
#recruit__area{clip-path: polygon(0 10%, 100% 0, 100% 95%, 0% 100%);  margin-top: -45px;}
#recruit__area #recruit__area__img{width:52%;/*max-width:908px;*/margin-left: auto;margin-right: 25px}
#recruit__area #recruit__area__text{position: absolute;left: 50%;top:0;transform: translateX(-50%);}
#recruit__area #recruit__area__exp{ /*width: 50%;*/width: 42%; }
}

@media screen and (min-width:991px){
#recruit__area{padding-top: 360px;padding-bottom: 380px;}
#recruit__area #recruit__area__exp p{font-size: 16px}
}

@media screen and (min-width:1280px){
#recruit__area{clip-path: polygon(0 15%, 100% 0, 100% 85%, 0% 100%);  margin-top: -45px;}
#recruit__area #recruit__area__img{margin-right: 50px;width:50%;}
/*#recruit__area #recruit__area__img{width:60%;}*/
/*#recruit__area #recruit__area__exp{width:675px }*/
#recruit__area #recruit__area__exp p{font-size: 18px}
}

#recruit__information{margin-top: 50px;}
#recruit__information h3{text-align: center;padding: .8em;color: rgba(255,255,255,1.00);background:#0A60B7;margin-top: 0 }
#recruit__information__list{}
#recruit__information__list dl{margin-top: 0; margin-bottom: 0;display: flex;flex-wrap: wrap;font-size: 3.8vw;line-height: 1.68em;letter-spacing: 0.15em}
#recruit__information__list dl dt,#recruit__information__list dl dd{padding: .8em;width: 100%}
#recruit__information__list dl dt{font-weight: 700;}
#recruit__information__list dl dd{margin-left: 0}
#recruit__information__list dl:nth-of-type(odd){background:rgba(255,255,255,.8) }
@media screen and (min-width:490px){
#recruit__information__list dl{font-size: 15px}
}

@media screen and (min-width:768px){
#recruit__information__list dl dt{width: 8em}
#recruit__information__list dl dd{width: calc(100% - 8em)}
}

@media screen and (min-width:991px){
#recruit__information{width: 850px;margin-left: auto;margin-right: auto}
#recruit__information__list dl dt{width: 12em}
#recruit__information__list dl dd{width: calc(100% - 12em)}
#recruit__information__list dl dt,#recruit__information__list dl dd{padding: 1em 2em;}
}


#recruit__contact{margin-top: 30px}
#recruit__contact #recruit__contact__form{width: 100%;border: 1px solid #707070;transition: .2s ease-in}
#recruit__contact #recruit__contact__form:hover{background: rgba(223,223,223,1.00) }
#recruit__contact #recruit__contact__form:hover a{opacity: .8}
#recruit__contact #recruit__contact__form a{display: flex;justify-content: center;align-items: center;height:80px }
#recruit__contact #recruit__contact__form a{color:rgba(3,62,122,1.00) }
#recruit__contact #recruit__contact__form a{font-size: 5vw;}
#recruit__contact #recruit__contact__form a::before{display: inline-block;content: "\f0e0";font-family: "Font Awesome 5 Free";font-weight: 900;color:rgba(3,62,122,1.00);margin-right: .8em;margin-top: .18em }
#recruit__contact #recruit__contact__tel{margin-top: 25px}
#recruit__contact #recruit__contact__num{display: flex;justify-content: center;align-items: center}
#recruit__contact #recruit__contact__num span{display: block;margin-right: .8em;font-size:  3.8vw;color:rgba(3,62,122,1.00);font-weight: 600;letter-spacing: .15em }
#recruit__contact #recruit__contact__num a{display: block;font-size: 8vw;color:rgba(3,62,122,1.00);;font-weight: 600;letter-spacing: .15em }
#recruit__contact #recruit__contact__info p{text-align: center;line-height: 1.4em;margin-top: 0;margin-bottom: 0}
@media screen and (min-width:490px){
#recruit__contact #recruit__contact__form a{font-size: 28px;}
#recruit__contact #recruit__contact__form a{height:124px }
#recruit__contact #recruit__contact__num span{font-size:  25px; }
#recruit__contact #recruit__contact__num a{font-size:  40px; }
}

@media screen and (min-width:768px){
#recruit__contact #recruit__contact__tel{display: flex;justify-content: center;align-items: center}
#recruit__contact #recruit__contact__num{padding-right: 1em;border-right: 1px solid rgba(3,62,122,1.00);margin-right: 1em;}
#recruit__contact #recruit__contact__info p{text-align: left}
}
@media screen and (min-width:991px){
#recruit__contact{margin-top: 60px}
#recruit__contact #recruit__contact__tel{margin-top: 50px}
#recruit__contact #recruit__contact__num span{font-size:  40px; }
#recruit__contact #recruit__contact__num a{font-size:  60px; }
}
@media screen and (min-width:1280px){
#recruit__contact #recruit__contact__num{padding-right: 30px;margin-right: 36px;}
#recruit__contact #recruit__contact__info p{font-size:  22px; }
}

/*　***********************
　　　　company
**********************　*/
#company__profile{}
#company__profile dl{display: flex;margin-top: 0;margin-bottom: 0;flex-wrap: wrap;}
#company__profile dl{font-size: 3.8vw;letter-spacing: .15em;line-height: 1.67em}
#company__profile dl dt{background: rgba(10,96,183,1.00);color: rgba(255,255,255,1.00);font-weight: 600}
#company__profile dl dt,#company__profile dl dd{width: 100%;padding: 1em}
#company__profile dl dd{margin-left: 0}
#company__profile dl dd a{color:rgba(10,96,183,1.00) ;transition: .2s ease-out}
#company__profile dl dd a:hover{color:rgba(10,96,183,.8);text-decoration: underline; }
#company__area #map{margin-top: 50px}
@media screen and (min-width:490px){
#company__profile dl{font-size: 16px}
}
@media screen and (min-width:768px){
#company__profile{width: 700px;margin-left: auto;margin-right: auto}
#company__profile dl{border-bottom: 1px dotted #707070}
#company__profile dl dt{background: rgba(255,255,255,1.00);color:#393939}
#company__profile dl dt{width: 200px;padding-left:4em }
#company__profile dl dd{width: calc(100% - 200px);}
#company__area #map{margin-top: 120px}
}
@media screen and (min-width:1280px){
#company__profile{width: 945px;}
#company__profile dl dt{width: 375px;}
#company__profile dl dd{width: calc(100% - 375px);}
}

/*　***********************
　　　　contact
**********************　*/
#ThanksComment{padding-top: 20vh;padding-bottom: 20vh;}
#ThanksComment p{text-align: center;line-height: 2.2em}
#ThanksComment a{margin-top: 2em;text-align: center;font-size: 3.8vw;display: block}
@media screen and (min-width:490px){
#ThanksComment a{font-size: 16px}
}

#privacy__area{margin-top: 100px;}
#privacy{height: 300px;overflow-y: auto;}
#privacy__inner{padding: 40px 20px;background: rgba(241,241,241,.4)}
#privacy__inner h4{padding-bottom: .5em;border-bottom: 1px dashed rgba(180,180,180,1.00);font-weight: 600}
#privacy__inner p{margin-bottom: 2.2em}
#privacy__inner h4{font-size: 3.8vw}
#privacy__inner p{font-size: 3.3vw;line-height: 1.5em}

#privacy::-webkit-scrollbar{width: 20px;}
#privacy::-webkit-scrollbar-track{background:rgba(219,219,219,1.00);border-radius: 5px}
#privacy::-webkit-scrollbar-thumb {background: #999;border-radius: 5px}


@media screen and (min-width:490px){
#privacy__inner h4{font-size: 16px}
#privacy__inner p{font-size: 13px}
}

@media screen and (min-width:991px){
#privacy{width: 700px;margin-left: auto;margin-right: auto}
}