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

#mainView{background: url(../images/contents_main01.jpg) no-repeat top center/1920px auto;}
#mainView .mainViewInner{padding:0;position: relative;}
#mainView .mainViewInner .bgBox{height:35.3125vw;height: 680px;max-height: 680px;padding:10% 18% 0 5%;position: relative;}
#mainView .bgBox .titleBox{order:2;padding:20% 0% 5% 46%;}
#mainView .bgBox .imgBox{order:1;margin: 0;position: absolute;width: 47%;top: 10%;}
#mainView .bgBox .ttl-h1{font-size:1rem;line-height:1.7}
#mainView .bgBox .ttl-h1 span{display:block}
#mainView .bgBox .ttl-h1 .txtTop{font-size:1.5625em}
#mainView .bgBox .ttl-h1 .txtBottom{font-size:3.0625em}
#mainView .bgBox .contactBox{margin: 1em 0 0;}
#mainView .lineBox {margin-top: 0.5em; align-items: center; justify-content: center;}
#mainView .lineBox .qr{width: 15%; margin: 0;}
#mainView .lineBox .qr img{width: 100%; height: auto;}
#mainView .link{margin: 0.5em auto 0;}
#mainView .link .linkBtn {color: #000;font-size: 1.625em;font-weight: 600;}
#mainView .link .txt {text-decoration: underline}
#mainView .link .arrow {text-decoration: none;font-size: 0.65em;}
#mainView .mainViewInner span.thAn{position: absolute;bottom: 3%;left: -9%;}

#readingBox{background:#f2f2f2}
#readingBox .ttl-h2{font-size:2.8125em}
#readingBox .txtTop{color:#00b6d6;border-bottom:3px solid}
#readingBox p.tac{color:#000;font-size:1.5625em;font-weight:700}

#chartSec .sectionInner{padding-top:6em}
#chartSec .listBox .listItem .ttl-h3{color:#00b6d6;font-weight:700;font-size:1.5em}
#chartSec .listBox .listItem .txt{margin:0 0 0em;}
#chartSec .listBox .listItem .img{margin:auto 0 0;text-align:center}
#chartSec .listBox .listItem .img img{margin:1em 0 0}
#chartSec .listBox .listItem{width:32%;margin:1em 0 0;border:1px solid #f2f2f2;padding: 1.3em;display:flex;flex-direction:column}
#chartSec .listBox .listItem.last{width:100%;flex-direction:initial;align-items:center;justify-content:center}
#chartSec .listBox .listItem.last .txt{margin:0 0 0 1em}

#companySec .listItem{width: 42%;display:flex;justify-content:flex-start;align-items:flex-start;margin:0 0 .8em}
#companySec .listItem.item01{order:1}
#companySec .listItem.item02{order:3}
#companySec .listItem.item03{order:5}
#companySec .listItem.item04{order:2}
#companySec .listItem.item05{order:4}
#companySec .listItem.item06{order:6}
#companySec .listItem .ttl-h3{width:7em;display:flex;justify-content:space-between;padding: 0 10px;font-size:1.0625em;background:#717071;color:#fff;font-weight:400}
#companySec .listItem .txt{width:calc(100% - 7em);font-size:1em;padding:0 .5em;margin:0}
#companySec .aisatsuBox{border:1px solid #f2f2f2;padding: 3em;margin:2em 0 0}
#companySec .aisatsuBox .boxInner .txtBox{/* width:calc(100% - 283px); *//* padding:0 3em 0 3em; */width: 100%;}
#companySec .aisatsuBox .boxInner .ttl-h3{color:#00b6d6;font-size:2.7em;line-height:1.2;border-bottom:4px solid #f7b400;padding:0 0 .2em;margin:0 0 .5em;width: 100%;}
#companySec .aisatsuBox .boxInner .txtBox .img{width: auto;float: left;margin: 0 1em;}

#VenueSec .txtSub,
#VenueSec02 .txtSub{display:block;font-size:1.5625rem;}
#VenueSec .date,
#VenueSec02 .date{font-size: 1.5625em;line-height: 1.4;padding-left: 1em;margin: 0;display: flex;align-items: center;}
#VenueSec .date .dateTxt,
#VenueSec02 .date .dateTxt{width: 5.2em;}
#VenueSec .date .inTxt01,
#VenueSec02 .date .inTxt01{font-size: 20px;display: inline-block;margin: 0 0.5em 0 0.25em;}
#VenueSec .date .officeTxt,
#VenueSec02 .date .officeTxt{font-size: 18px;padding-left: 1em;}
#VenueSec .ulBox1,
#VenueSec02 .ulBox1{width: 800px;margin: 1em auto;padding: 2em 3em;border: 1px solid #cccccc;}
#VenueSec .listBox > *,
#VenueSec02 .listBox > *{border-bottom: 1px dashed #c9caca;padding: 0.6em 2em 0.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content: space-between;align-items: center;position: relative;}
#VenueSec .listBox li:before,
#VenueSec02 .listBox li:before{content:"";display: block;width:0.5em;height: 0.5em;background-color: #cfcfcf;/* border-radius: 0.5em; */position: absolute;}
#VenueSec .listBox > *:nth-of-type(1),
#VenueSec02 .listBox > *:nth-of-type(1){}
#VenueSec .listBox > *:nth-of-type(2),
#VenueSec02 .listBox > *:nth-of-type(2){}
#VenueSec .listBox > *:nth-of-type(3),
#VenueSec02 .listBox > *:nth-of-type(3){}
#VenueSec .listBox > *:last-child,
#VenueSec02 .listBox > *:last-child{border-bottom:none;}
#VenueSec .attentionTxt,
#VenueSec02 .attentionTxt{width: 800px;margin: 1em auto;}
#VenueSec .pinkTxt,
#VenueSec02 .pinkTxt{color: #e7437d;width: 100%;}
#VenueSec .contactBox,
#VenueSec02 .contactBox{margin:0;}
#VenueSec .contactBox .btn,
#VenueSec02 .contactBox .btn{font-size:1.125em;width: 10em;}
#VenueSec .ttlTxt,
#VenueSec02 .ttlTxt{color: #00b6d6;}

#departmentSec .listBox{margin:-1em 0 0}
#departmentSec .listItem{width:49%;margin:1em 0 0;border:1px solid #f2f2f2;padding:1em;display:flex}
#departmentSec .listItem .ttl-h3{color:#f7b400;font-weight:700;font-size:1.25em}
#departmentSec .listItem .txtBox{padding:0 2em 0 0}
#departmentSec .listItem .txtBox .kinmuchi{color:#333}

#seniorsSec .shainListBox{margin:-3em 0 0}
#seniorsSec .shainBox{width:48%;margin:3em auto 0;}
#seniorsSec .shainBox .txt{font-size:.875em;line-height: 1.8;text-align: justify;margin: 0 0 10px 0;}
#seniorsSec .shainBox .shainImg{display:block;box-shadow:5px 5px 0 0 #f29600}
#seniorsSec .shainShokaiBox{display:flex;justify-content:flex-start;margin:0 0 2em}
#seniorsSec .shainShokaiBox .box{order:2;padding:1em;display:flex;flex-direction:column;justify-content:space-between}
#seniorsSec .shainShokaiBox .ttl-h3{line-height:1.3;font-size:1.25em}
#seniorsSec .shainShokaiBox .txtTop{display:block;color:#00b6d6}
#seniorsSec .shainShokaiBox .txtBottom{display:block;color:#f29600}
#seniorsSec .shainShokaiBox .img{order:1}
#seniorsSec .shainShokaiBox .name .en{font-size:.75em;margin:0 0 0 1em;color:#858787}
#seniorsSec .shainInfo .busho{margin:0}
#seniorsSec .shainInfo .name{margin:0}
#seniorsSec .shainInfo .jp{font-size:.875em;color:#595757}

#jobDescriptionSec > .sectionInner{max-width:750px;}
#jobDescriptionSec .tableBox{}
#jobDescriptionSec .tableBox .ttl-h3{font-size: 1.8125em; color: #024160;}
#jobDescriptionSec .tableBox table{table-layout:fixed; width:100%;}
#jobDescriptionSec .tableBox table *{border:none;}
#jobDescriptionSec .tableBox table tr{border-bottom:1px dashed #c9c9c9; padding:10px 0;}
#jobDescriptionSec .tableBox table tr:last-child{border-bottom: 2px solid #c9c9c9;}
#jobDescriptionSec .tableBox table th{width: 16%;padding-left:0;vertical-align:middle;}
#jobDescriptionSec .tableBox table td{padding-left: 2%;vertical-align:middle;}
#jobDescriptionSec .tableBox table th .txtBox{background: #f7b400;color:#fff;display: flex;justify-content: space-between;align-items: center;padding: 2% 0.5em;}
#jobDescriptionSec .tableBox table th .txtBox2{background: #f7b400;color:#fff;display: flex;justify-content: space-between;align-items: center;padding: 2% 0.5em; font-size: 95%;}
#jobDescriptionSec .tableBox table td .column2Box .txt{margin: 0 1em 0 0;}
#jobDescriptionSec .tableBox table td .column2Box .listBox{flex: 1 0 0;}
#jobDescriptionSec .tableBox.chiiki .txtBox{background: #c3d22e;}
#jobDescriptionSec .tableBox + .tableBox{margin: 3em 0 0;}
#jobDescriptionSec .tableBox .listBox {}
#jobDescriptionSec .tableBox .listBox li{margin:0 1em 0 0;}
#jobDescriptionSec #mapBox{margin:45px auto 0;}
#jobDescriptionSec #mapBox .boxTop{margin-bottom:45px;}
#jobDescriptionSec #mapBox .box{width:45%;}
#jobDescriptionSec #mapBox .address{}
#jobDescriptionSec #mapBox .address .name{display:block; line-height:1.4; border-left:7px solid #ffea00; padding-left:0.5em;}
#jobDescriptionSec #mapBox .address .jusho{display:block; font-size:14px; font-weight:normal; padding-left:1em;}
#jobDescriptionSec #mapBox .box .mapMore{display:block; text-align:center;}
#jobDescriptionSec #mapBox .box.noMap{border:1px solid #e3e3e3; padding:10px 0; text-align:center;}

#jobDescriptionSec .formBtnArea{background:#fff;}
#jobDescriptionSec .formBtnArea{padding:45px 0;}
#jobDescriptionSec .formBtnArea .formBtnInner{width:865px;margin: 0 auto;padding: 25px 20px;border: 5px solid #000;border-radius: 25px;background: #fff;}
#jobDescriptionSec .formBtnArea .formBtnInner .logoBox{margin-right:20px; padding:10px 20px 10px 0; border-right:3px solid #000;}
#jobDescriptionSec .formBtnArea .formBtnInner .txtBox{width:calc(100% - 253px); text-align:center;}
#jobDescriptionSec .formBtnArea .formBtnInner .txtBox .txt{font-size:18px; color:#ea1c24; margin-bottom:10px;}

#jobDescriptionSec .tableBox table .pinkL{font-weight:600; font-size:23px; color:#e7437d;}
#jobDescriptionSec .tableBox table .blackL{font-weight:600; font-size:23px;}
#jobDescriptionSec .tableBox table .blackS{font-size: 16px;color:#000;font-weight:normal;}
#jobDescriptionSec .tableBox table .pinkS,
#jobDescriptionSec .tableBox table .pinkSS{font-size:17px; color:#e7437d;}