@charset "utf-8";
/* CSS Document */


#mainView{background: url(../images/contents_main01.jpg) no-repeat top left 47%/auto 100%;}
#mainView .mainViewInner{padding:0;width: 90%;}
#mainView .mainViewInner .bgBox{height:35.3125vw;height: 70vw;max-height: 820px;padding: 10% 8% 0 0;}
#mainView .bgBox .titleBox{padding: 10% 0% 5% 30%;}
#mainView .bgBox .imgBox{width: 30%;margin:0;top: 25%;left: -3%;}
#mainView .bgBox .ttl-h1{font-size: 0.5rem;line-height:1.3}
#mainView .bgBox .ttl-h1 span{}
#mainView .bgBox .ttl-h1 .txtTop{}
#mainView .bgBox .ttl-h1 .txtBottom{}
#mainView .bgBox .contactBox{margin: 0.5em 0 0;}
#mainView .contactBox{margin:0;}
#mainView .contactBox .btn{font-size: 1.25em;}
#mainView .lineBox {margin-top: 0.5em;}
#mainView .lineBox .txt{text-align: center;}
#mainView .link .linkBtn {font-size: 1em;}
#mainView .link .txt {}
#mainView .link .arrow {font-size: 0.65em;}
#mainView .mainViewInner span.thAn{position: absolute;bottom: 0%;left: 0%;top: 5%;width: 35%;}

#readingBox .sectionInner{padding: 2em 0 2em;width: 95%;}
#readingBox .titleBox{margin: 0 0 0.75em 0;}
#readingBox .ttl-h2{font-size: 1.2em;}
#readingBox .txtTop{border: none; text-decoration: underline;}
#readingBox p.tac{font-size: 1em;}

#chartSec .sectionInner{padding-top: 4em;}
#chartSec .listBox {display: block;}
#chartSec .listBox .listItem{width:100%;display:block;padding: 1em;}
#chartSec .listBox .listItem .ttl-h3{font-size:1.125em;}
#chartSec .listBox .listItem.last .txt{margin:0 0 0 0em}
#chartSec .listBox .listItem .img{width: 70%;margin: auto auto 0;}

#companySec .listBox {display: block;font-size: 0.9em;}
#companySec .listItem{width: 100%; display: block;}
#companySec .listItem .ttl-h3{font-size: 1em;}
#companySec .listItem .txt{width:100%;padding: 0;}
#companySec .aisatsuBox{border:none; padding:0;}
#companySec .aisatsuBox .boxInner .ttl-h3{font-size: 1.3em;}
#companySec .aisatsuBox .boxInner {flex-direction: column;}
#companySec .aisatsuBox .boxInner .txtBox{width:100%;padding: 0 0 0 0;}
#companySec .aisatsuBox .boxInner .imgBox{width: 40%;text-align: center;display: none;}
#companySec .aisatsuBox .boxInner .txtBox .img{width: 9em;float: right;margin: 0.5em 1em;}

#VenueSec .txtSub,
#VenueSec02 .txtSub{font-size: 1rem;}
#VenueSec .ulBox1,
#VenueSec02 .ulBox1{width:100%;padding: 1em 0.5em;}
#VenueSec .listBox > *,
#VenueSec02 .listBox > *{padding: 0.6em 0.3em 0.5em;}
#VenueSec .listBox li:before,
#VenueSec02 .listBox li:before{font-size:0.5em;}
#VenueSec .date,
#VenueSec02 .date{font-size:1em;padding: 0 0 0 0.5em; flex-wrap: wrap;}
#VenueSec .date .dateTxt,
#VenueSec02 .date .dateTxt{width: 5.2em;}
#VenueSec .date .inTxt01,
#VenueSec02 .date .inTxt01{margin: 0 0.25em 0 0.25em;font-size: 0.75em;}
#VenueSec .contactBox .btn,
#VenueSec02 .contactBox .btn{font-size: 0.9em;}
#VenueSec .pinkTxt,
#VenueSec02 .pinkTxt{text-align: left; margin: 0.5em auto 0; font-size: 0.75em;}
#VenueSec .mapBox,
#VenueSec02 .mapBox{width: 100%;}
#VenueSec .mapBox iframe,
#VenueSec02 .mapBox iframe{width: 100%;}
#VenueSec .ttlTxt,
#VenueSec02 .ttlTxt{color: #00b6d6;}


#departmentSec .listBox{display:block;margin: 0 0 0;}
#departmentSec .listItem{width:100%;position: relative;padding: 0.5em;}
#departmentSec .listItem .ttl-h3{line-height:1;margin:0 0 0.5em 0;}
#departmentSec .listItem .txtBox{padding: 0 0 0 3%;order: 2;width: 75%;}
#departmentSec .listItem .txtBox .kinmuchi{padding: 0 22% 0 0;}
#departmentSec .listItem .imgBox{/* position: absolute; */width: 25%;top: 1em;right: 1em;order: 1;}

#seniorsSec .shainListBox{display:block;margin: 0 0 0;}
#seniorsSec .shainBox{width:100%;}
#seniorsSec .shainBox.imgBox{margin: 1em auto 0;width: 90%;}
#seniorsSec .shainBox:first-child{margin-top:0;}
#seniorsSec .shainBox .txt{margin:0 0 1em;}
#seniorsSec .shainShokaiBox .ttl-h3{font-size:1.125em;margin: 0 0 0.5em 0;}
#seniorsSec .shainShokaiBox .shainInfo{font-size: 0.8em;}
#seniorsSec .shainShokaiBox{margin:0 0 0 0;}
#seniorsSec .shainShokaiBox .box{padding: 0em 0em 1em 1em;width: 80%;}
#seniorsSec .shainShokaiBox .img{width: 20%;}

#jobDescriptionSec .tableBox .ttl-h3{font-size:1.125em;}
#jobDescriptionSec .tableBox table th{width: 6em;}
#jobDescriptionSec .tableBox table .column2Box{display:block;}
#jobDescriptionSec .tableBox table td .txtSizeS{font-size:0.8em;display:inline-block;}
#jobDescriptionSec .tableBox + .tableBox{margin: 2em 0 0;}
#jobDescriptionSec .tableBox table th .txtBox2{background: #f7b400;color:#fff;display: flex;justify-content: space-between;align-items: center;padding: 2% 0.5em; font-size: 73%;}

#recruitMovieSec iframe{width: 100%; height:auto;}