/* start ranking */
.wapper.rankingPage .header{ width: 100%; overflow: hidden; padding: 20px 0; margin-bottom: 1px; background-color: #000000;}
.wapper.rankingPage .header .hgroup{ width: 1000px; overflow: hidden; margin: 0 auto; padding: 0 40px; box-sizing: border-box;}
.wapper.rankingPage .header .hgroup h2{ font-size: 40px; color: #fff; text-align: center; border-bottom: 1px solid #fff;}
.wapper.rankingPage .header .hgroup h3{ font-size: 18px; color: #fff; text-align: center; padding-top: 16px;}

.wapper.rankingPage .w1000Box a:hover{ opacity: 0.6;}

.wapper.rankingPage .w1000Box ul.rank01Area{ width: 100%; overflow: hidden; float: left;}
.wapper.rankingPage .w1000Box ul.rank01Area li{ width: calc(100% / 3); float: left; list-style: none;}
.wapper.rankingPage .w1000Box ul.rank01Area a{ width: 100%; overflow: hidden; display: block; position: relative; color: #fff;}
.wapper.rankingPage .w1000Box ul.rank01Area a .noBgBox{ width: 0; height: 0; border-style: solid; border-width: 90px 90px 0 0; border-color: rgba(0, 0, 0, 0.75) transparent transparent transparent; position: absolute;}
.wapper.rankingPage .w1000Box ul.rank01Area a .noBgBox:before{ border-right: 1px solid #fff; position: absolute; content:" "; z-index: 10px; height: 160px; transform:rotate(45deg); top: -120px; left: 40px;}
.wapper.rankingPage .w1000Box ul.rank01Area a .noBox{ position: absolute; z-index: 10; left: 10px; letter-spacing: 0.1em;}
.wapper.rankingPage .w1000Box ul.rank01Area a .noBox span.s{ font-size: 13px;}
.wapper.rankingPage .w1000Box ul.rank01Area a .noBox span.b{ font-size: 25px;}
.wapper.rankingPage .w1000Box ul.rank01Area a .textBox{ position: absolute; z-index: 10; bottom: 0; width: 100%;}
.wapper.rankingPage .w1000Box ul.rank01Area a .textBox .proof{ width: 100%; overflow: hidden; text-align: center; color: #000; background-color: rgba(127, 127, 127, 0.5); border-left: 10px solid rgba(38, 38, 38, 0.7); border-right: 10px solid rgba(38, 38, 38, 0.7); box-sizing: border-box; padding-top: 2px; line-height: 1.4}
.wapper.rankingPage .w1000Box ul.rank01Area a .textBox .nameArea{ width: 100%; overflow: hidden; margin: 10px 0 9px 0; background-color: rgba(0, 0, 0, 0.7); color: #fff; text-align: center; padding: 10px 0 5px;}
.wapper.rankingPage .w1000Box ul.rank01Area a .textBox .nameArea span.post{ font-size: 15px; display: block; margin: 0 auto; height: 20px;}
.wapper.rankingPage .w1000Box ul.rank01Area a .textBox .nameArea span.name{ font-size: 20px; display: block; margin: 0 auto;}

.wapper.rankingPage .w1000Box ul.rank02Area{ width: 100%; overflow: hidden; float: left;}
.wapper.rankingPage .w1000Box ul.rank02Area li{ width: calc(100% / 4); float: left; list-style: none;}
.wapper.rankingPage .w1000Box ul.rank02Area a{ width: 100%; overflow: hidden; display: block; position: relative; color: #fff;}
.wapper.rankingPage .w1000Box ul.rank02Area a .noBgBox{ width: 0; height: 0; border-style: solid; border-width: 90px 90px 0 0; border-color: rgba(0, 0, 0, 0.75) transparent transparent transparent; position: absolute;}
.wapper.rankingPage .w1000Box ul.rank02Area a .noBgBox:before{ border-right: 1px solid #fff; position: absolute; content:" "; z-index: 10px; height: 160px; transform:rotate(45deg); top: -120px; left: 40px;}
.wapper.rankingPage .w1000Box ul.rank02Area a .noBox{ position: absolute; z-index: 10; left: 10px; letter-spacing: 0.1em;}
.wapper.rankingPage .w1000Box ul.rank02Area a .noBox span.s{ font-size: 13px;}
.wapper.rankingPage .w1000Box ul.rank02Area a .noBox span.b{ font-size: 25px;}
.wapper.rankingPage .w1000Box ul.rank02Area a .textBox{ position: absolute; z-index: 10; bottom: 0; width: 100%;}
.wapper.rankingPage .w1000Box ul.rank02Area li.staffLink {width: 100%;}
.wapper.rankingPage .w1000Box ul.rank02Area li.staffLink p{float: left;}
.wapper.rankingPage .w1000Box ul.rank02Area li.staffLink svg{float:right;}
.wapper.rankingPage .w1000Box ul.rank02Area li:last-child a .textBox{ top: 0; left: 0; right: 0; margin: auto; padding: 130px 0; box-sizing: border-box; text-align: center;width: 25%;}
.wapper.rankingPage .w1000Box ul.rank02Area li:last-child a .textBox p{ text-align: center; color: #000; padding-bottom: 20px;}

.wapper.rankingPage .w1000Box ul.rank02Area a .textBox .proof{ width: 100%; overflow: hidden; text-align: center; color: #000; background-color: rgba(127, 127, 127, 0.5); border-left: 10px solid rgba(38, 38, 38, 0.7); border-right: 10px solid rgba(38, 38, 38, 0.7); box-sizing: border-box; padding-top: 2px; line-height: 1.4}
.wapper.rankingPage .w1000Box ul.rank02Area a .textBox .nameArea{ width: 100%; overflow: hidden; margin: 10px 0 9px 0; background-color: rgba(0, 0, 0, 0.7); color: #fff; text-align: center; padding: 10px 0 5px;}
.wapper.rankingPage .w1000Box ul.rank02Area a .textBox .nameArea span.post{ font-size: 15px; display: block; margin: 0 auto; height: 20px;}
.wapper.rankingPage .w1000Box ul.rank02Area a .textBox .nameArea span.name{ font-size: 20px; display: block; margin: 0 auto;}
.wapper.rankingPage .w1000Box ul.rank02Area a img{ width: 100%;}
/* end ranking */

/* start staff list */
.wapper.stafflistPage .header{ width: 100%; overflow: hidden; padding: 20px 0; background-color: #BABAA2;}
.wapper.stafflistPage .header .hgroup{ width: 1000px; overflow: hidden; margin: 0 auto; padding: 0 40px; box-sizing: border-box;}
.wapper.stafflistPage .header .hgroup h2{ font-size: 40px; color: #000; text-align: center; border-bottom: 1px solid #000;}
.wapper.stafflistPage .header .hgroup h3{ font-size: 18px; color: #000; text-align: center; padding-top: 16px;}
.wapper.stafflistPage .wapper.searchArea{ background: #EBEBE6; width: 100%; overflow: hidden;}
.wapper.stafflistPage .wapper.searchArea .menu{ height: auto; width: 100%; margin: 0 auto; padding: 0;}
.wapper.stafflistPage .wapper.searchArea .menu label{ color: #000; padding: 10px 40px 10px 10px; display: block; margin: 0 auto; text-align: right; width: 1000px; background-image: url(../images/item09.png); background-position: right center; background-repeat: no-repeat; box-sizing: border-box; font-size: 14px;}
.wapper.stafflistPage .wapper.searchArea .menu .searchItem { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; margin: 0; padding: 0; list-style: none; background-color: #C8C8B5;}
.wapper.stafflistPage .wapper.searchArea .menu .searchItem ul{ width: 1000px; margin: 0 auto; list-style: none; overflow: hidden; padding: 20px 0 0;}
.wapper.stafflistPage .wapper.searchArea .menu .searchItem li{ padding: 5px; background-color: #fff; display: inline-block; float: left; width: 180px; box-sizing: border-box; margin-right: 25px; margin-bottom: 20px; transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out;}
.wapper.stafflistPage .wapper.searchArea .menu .searchItem li:nth-child(5n+5){ margin-right: 0;}
.wapper.stafflistPage .wapper.searchArea .menu .searchItem li:hover{ background-color: #A1A081; color: #fff; transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out;}
.wapper.stafflistPage .wapper.searchArea .menu .searchItem li a{ color: #000; font-size: 14px; vertical-align: bottom;width: 100%;display: block;}
.wapper.stafflistPage .wapper.searchArea .menu .searchItem li:hover a{ color: #fff;}
input[type="checkbox"].on-off{ display: none;}
input[type="checkbox"].on-off + .searchItem{ height: 0; overflow: hidden;}
input[type="checkbox"].on-off:checked + .searchItem{ height: 200px;}

.mode_ikemen .wapper.stafflistPage .wapper.searchArea .menu .searchItem #nav_ikemen,
.mode_cute .wapper.stafflistPage .wapper.searchArea .menu .searchItem #nav_cute,
.mode_cool .wapper.stafflistPage .wapper.searchArea .menu .searchItem #nav_cool,
.mode_wild .wapper.stafflistPage .wapper.searchArea .menu .searchItem #nav_wild,
.mode_iyashi .wapper.stafflistPage .wapper.searchArea .menu .searchItem #nav_iyashi,
.mode_oraora .wapper.stafflistPage .wapper.searchArea .menu .searchItem #nav_oraora,
.mode_prince .wapper.stafflistPage .wapper.searchArea .menu .searchItem #nav_prince,
.mode_kind .wapper.stafflistPage .wapper.searchArea .menu .searchItem #nav_kind,
.mode_geinin .wapper.stafflistPage .wapper.searchArea .menu .searchItem #nav_geinin,
.mode_nomi .wapper.stafflistPage .wapper.searchArea .menu .searchItem #nav_nomi,
.mode_ero .wapper.stafflistPage .wapper.searchArea .menu .searchItem #nav_ero,
.mode_akiba .wapper.stafflistPage .wapper.searchArea .menu .searchItem #nav_akiba,
.mode_sekkyo .wapper.stafflistPage .wapper.searchArea .menu .searchItem #nav_sekkyo,
.mode_no1 .wapper.stafflistPage .wapper.searchArea .menu .searchItem #nav_no1{background:#A1A081 ;}

.mode_ikemen .wapper.stafflistPage .wapper.searchArea .menu .searchItem #nav_ikemen a,
.mode_cute .wapper.stafflistPage .wapper.searchArea .menu .searchItem #nav_cute a,
.mode_cool .wapper.stafflistPage .wapper.searchArea .menu .searchItem #nav_cool a,
.mode_wild .wapper.stafflistPage .wapper.searchArea .menu .searchItem #nav_wild a,
.mode_iyashi .wapper.stafflistPage .wapper.searchArea .menu .searchItem #nav_iyashi a,
.mode_oraora .wapper.stafflistPage .wapper.searchArea .menu .searchItem #nav_oraora a,
.mode_prince .wapper.stafflistPage .wapper.searchArea .menu .searchItem #nav_prince a,
.mode_kind .wapper.stafflistPage .wapper.searchArea .menu .searchItem #nav_kind a,
.mode_geinin .wapper.stafflistPage .wapper.searchArea .menu .searchItem #nav_geinin a,
.mode_nomi .wapper.stafflistPage .wapper.searchArea .menu .searchItem #nav_nomi a,
.mode_ero .wapper.stafflistPage .wapper.searchArea .menu .searchItem #nav_ero a,
.mode_akiba .wapper.stafflistPage .wapper.searchArea .menu .searchItem #nav_akiba a,
.mode_sekkyo .wapper.stafflistPage .wapper.searchArea .menu .searchItem #nav_sekkyo a,
.mode_no1 .wapper.stafflistPage .wapper.searchArea .menu .searchItem #nav_no1 a{color:#fff;}

.wapper.stafflistPage ul.staffList{ width: 100%; overflow: hidden;}
.wapper.stafflistPage ul.staffList li{ width: calc(100% / 3); width: 33.3333%; display:block; float: left; overflow: hidden; margin-bottom: 0; padding-bottom: 0; margin-top: 0; padding-top: 0;}
.wapper.stafflistPage ul.staffList li a{ display: block; width: 100%; overflow: hidden; position: relative; vertical-align: bottom;}
.wapper.stafflistPage ul.staffList li a img{ vertical-align: bottom;}
.wapper.stafflistPage ul.staffList li a .textBox{ position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 100; transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out;}
.wapper.stafflistPage ul.staffList li:hover a .textBox{ opacity: 0; transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out;}
.wapper.stafflistPage ul.staffList li a .textBox p.tauriFont{ font-size: 32px; color: #fff; text-align: center; margin: 80% 0 0 0;}
/* end staff list */

/* start staff */
.wapper.staffPage .blueBG{ background-color: #465177;}
.wapper.staffPage .redBG{ background-color: #630205;}

.wapper.staffPage .header{ width: 100%; overflow: hidden; padding: 20px 0;}
.wapper.staffPage .header .hgroup{ width: 1000px; overflow: hidden; margin: 0 auto; padding: 0 40px; box-sizing: border-box;}
.wapper.staffPage .header .hgroup h2{ font-size: 40px; color: #fff; text-align: center; border-bottom: 1px solid #fff;}
.wapper.staffPage .header .hgroup h3{ font-size: 18px; color: #fff; text-align: center; padding-top: 16px;}
.wapper.staffPage .wapper.upperPart{ width: 100%; overflow: hidden; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start;}
.wapper.staffPage .wapper.upperPart .left{ overflow: hidden; width: 480px; min-width: 480px; height: 720px;}
.wapper.staffPage .wapper.upperPart .right{ overflow: hidden; -webkit-flex-grow: 1; flex-grow: 1; height: 720px;}
.wapper.staffPage .wapper.upperPart .right h2{ width: 100%; overflow: hidden; display: block; color: #fff; text-align: center; padding: 10px 20px; box-sizing: border-box; font-size: 34px; filter: saturate(60%);}
.wapper.staffPage .wapper.upperPart .right .div1077{ height: 480px;}
.wapper.staffPage .wapper.upperPart .right .textArea{ width: 100%; overflow: hidden; height: 100%; padding: 40px 0 0; box-sizing: border-box;}
.wapper.staffPage .wapper.upperPart .right .textArea p{ text-align: center; color: #fff; line-height: 1.3;}
.wapper.staffPage .wapper.upperPart .right .textArea p:nth-child(1){ font-size: 20px;}
.wapper.staffPage .wapper.upperPart .right .textArea p:nth-child(2){ font-size: 32px;}
.wapper.staffPage .wapper.upperPart .right .textArea p:nth-child(3){ font-size: 20px;}
.wapper.staffPage .wapper .infoText{ text-align: center; font-size: 22px; padding: 20px; box-sizing: border-box;}

.wapper.staffPage .wapper.centerPart{ width: 100%; overflow: hidden; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start;}
.wapper.staffPage .wapper.centerPart .left{ width: auto; -webkit-flex-grow: 2; flex-grow: 2; height: 480px;}
.wapper.staffPage .wapper.centerPart .center{ min-width: 320px; -webkit-flex-grow: 1; flex-grow: 1;}
.wapper.staffPage .wapper.centerPart .right{ overflow: hidden; height: 480px; width: 160px;}

.wapper.staffPage .wapper.bg{ background-color: #000;}
.wapper.staffPage .wapper .slide-wrap{ height: 563px; position: absolute; width: 100%; background-color: #000;}
.wapper.staffPage .wapper .bx-wrapper{ width: 1000px; margin: 0 auto; box-shadow: 0 0 0 #F4F4F4; border: 0px none; overflow: hidden; background-color: #fff; margin-bottom: 0;}
.wapper.staffPage .wapper .bxslider-staffMovie li{ width: 1000px !important; height: 563px; overflow: hidden; background-position: center center;}
.wapper.staffPage .wapper .bxslider-staffMovie li a{ overflow: hidden; display: block; position: relative;}
.wapper.staffPage .wapper .bxslider-staffMovie li a:hover{ opacity: 0.6;}
.wapper.staffPage .wapper .bxslider-staffMovie li a img{ width: 100% !important;}
.wapper.staffPage .wapper .bxslider-staffMovie li a .title{ width: 100%; overflow: hidden; position: absolute; bottom: 0; background-color: rgba(0, 0, 0, 0.7); color: #fff; padding: 5px 10px 2px; box-sizing: border-box; margin-bottom: 10px; text-align: center; letter-spacing: 0.1em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.wapper.staffPage .wapper .bx-wrapper .bx-controls-direction a{ background-color: rgba(51, 51, 51, 0.8);}
.wapper.staffPage .wapper .bx-wrapper .bx-controls-direction a.bx-prev{ background-image: url(../images/item03.png); background-repeat: no-repeat; height: 45px;}
.wapper.staffPage .wapper .bx-wrapper .bx-controls-direction a.bx-next{ background-image: url(../images/item04.png); background-repeat: no-repeat; height: 45px;}

.wapper.staffPage .wapper.underPart .w1000Box{ padding: 20px 0;}
.wapper.staffPage .wapper.underPart .w1000Box ul{ overflow: hidden; width: 100%; list-style: none;}
.wapper.staffPage .wapper.underPart .w1000Box ul li{ width: 50%; float: left;}
.wapper.staffPage .wapper.underPart .w1000Box ul li .square{ width: 20px; height: 20px; float: left; filter: saturate(60%); margin: 2px 0 0 0;}
.wapper.staffPage .wapper.underPart .w1000Box ul li p{ font-size: 16px; color: #fff; padding-left: 30px;}

.wapper.staffPage .wapper.snsPart{ padding: 0; position: relative;}
.wapper.staffPage .wapper.snsPart .colorBG.background{ width: 100%; height: 100%; position: absolute; filter: saturate(60%);}
.wapper.staffPage .wapper.snsPart .w1000Box{ position: relative; height: 80px; padding: 20px 0;}
.wapper.staffPage .wapper.snsPart a{ display: block; float: left; margin-right: 20px; width: 80px; height: 80px; text-align: center; position: relative;margin-bottom:20px;}
.wapper.staffPage .wapper.snsPart a:hover{ opacity: 0.6;}
.wapper.staffPage .wapper.snsPart a svg{ display: block; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
/*.wapper.staffPage .wapper.snsPart a:nth-child(2) svg{ display: block; margin: 24px auto 0;}
.wapper.staffPage .wapper.snsPart a:nth-child(3) svg{ display: block; margin: 24px auto 0;}
.wapper.staffPage .wapper.snsPart a:nth-child(4) svg{ display: block; margin: 18px auto 0;}
.wapper.staffPage .wapper.snsPart a:nth-child(5) svg{ display: block; margin: 18px auto 0;}
.wapper.staffPage .wapper.snsPart a:nth-child(6) svg{ display: block; margin: 15px auto 0;}*/
.wapper.staffPage .wapper a.backBtn{ display: block; width: 200px; box-sizing: border-box; padding: 5px 5px 2px; text-align: center; color: #fff; letter-spacing: 0.1em; margin: 80px auto 0; font-size: 16px; border-radius: 50px;}
.wapper.staffPage .wapper a.backBtn:hover{ opacity: 0.6;}
/* end staff */

/* start system */
.wapper.systemPage{ background-color: #F1F1E4;}
.wapper.systemPage .header{ width: 100%; overflow: hidden; padding: 20px 0; background-color: #B4AE68;}
.wapper.systemPage .header .hgroup{ width: 1000px; overflow: hidden; margin: 0 auto; padding: 0 40px; box-sizing: border-box;}
.wapper.systemPage .header .hgroup h2{ font-size: 40px; color: #000; text-align: center; border-bottom: 1px solid #000;}
.wapper.systemPage .header .hgroup h3{ font-size: 18px; color: #000; text-align: center; padding-top: 16px;}
.wapper.systemPage .wapper.system{ width: 1000px; overflow: hidden; padding: 20px 0 0; margin: 0 auto; list-style: none;}
.wapper.systemPage .wapper.system li{ margin-bottom: 20px; float: left; overflow: hidden;}
.wapper.systemPage .wapper.system li.col1{ width: calc(100% / 3);}
.wapper.systemPage .wapper.system li.col2{ width: 666px;}
.wapper.systemPage .wapper.system li span.title{ width: 130px; overflow: hidden; display: block; float: left; padding: 2px 5px; box-sizing: border-box; background-color: #B4AE68; color: #fff; font-size: 13px; margin: 0 10px 0 0;}
.wapper.systemPage .wapper.system li p{ font-size: 14px; padding-top: 2px;}
.wapper.systemPage .wapper.system li p span{ font-size: 10px; display: inline-block; margin: 0 0 0 10px;}
.wapper.systemPage .wapper.system li img{ width: 100%;}

.wapper.systemPage .wapper.view{ background-color: #DDDBBB;}
.wapper.systemPage .wapper.view h2{ text-align: center; background-color: #B4AE68; color: #000; font-size: 18px; padding: 10px 0 6px;}
.wapper.systemPage .wapper.view .viewMap{ width: 1000px; overflow: hidden; margin: 20px auto;}
.wapper.systemPage .wapper.map{ background-color: #fff;}
.wapper.systemPage .wapper.map iframe{ margin: 20px auto 0; display: block;}
/* end system */

/* start movie */
.wapper.moviePage{ background-color: #CFBCCF;}
.wapper.moviePage .header{ width: 100%; overflow: hidden; padding: 20px 0; background-color: #800646;}
.wapper.moviePage .header .hgroup{ width: 1000px; overflow: hidden; margin: 0 auto; padding: 0 40px; box-sizing: border-box;}
.wapper.moviePage .header .hgroup h2{ font-size: 40px; color: #fff; text-align: center; border-bottom: 1px solid #fff;}
.wapper.moviePage .header .hgroup h3{ font-size: 18px; color: #fff; text-align: center; padding-top: 16px;}

.wapper.moviePage ul.pageList{ width: 800px; overflow: hidden; padding: 20px 0 10px; margin: 0 auto; display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; list-style: none;}
.wapper.moviePage ul.pageList li{ text-align: center;}
.wapper.moviePage ul.pageList li a{ display: inline-block; overflow: hidden; padding: 2px 10px 0; font-size: 12px; text-align: center; background-color: #800646; color: #fff; border-radius: 50px;}
.wapper.moviePage ul.pageList li a:hover{ background-color: #632041;}
.wapper.moviePage ul.pageList li a.select{ background-color: #632041;}

.wapper.moviePage .wapper.movie{ background-color: #000;}
.wapper.moviePage .wapper.movie .mainMovie{ width: 1000px; overflow: hidden; margin: 0 auto; position: relative;}
.wapper.moviePage .wapper.movie .mainMovie .title{ position: absolute; width: 100%; overflow: ; color: #fff; text-align: center; bottom: 50px; background-color: rgba(0, 0, 0, 0.6)}
.wapper.moviePage .wapper.movie ul.movieList{ width: 1000px; overflow: hidden; margin: 0 auto;}
.wapper.moviePage .wapper.movie ul.movieList li{ width: calc(100% / 3); float: left; position: relative;}
.wapper.moviePage .wapper.movie ul.movieList li .title{ position: absolute; width: 100%; overflow: ; color: #fff; text-align: center; bottom: 50px; background-color: rgba(0, 0, 0, 0.6); font-size: 14px;}
/* end movie */

/* start photo list */
.wapper.photoListPage{ background-color: #E1E1DC;}
.wapper.photoListPage .header{ width: 100%; overflow: hidden; padding: 20px 0; background-color: #969683;}
.wapper.photoListPage .header .hgroup{ width: 1000px; overflow: hidden; margin: 0 auto; padding: 0 40px; box-sizing: border-box;}
.wapper.photoListPage .header .hgroup h2{ font-size: 40px; color: #000; text-align: center; border-bottom: 1px solid #000;}
.wapper.photoListPage .header .hgroup h3{ font-size: 18px; color: #000; text-align: center; padding-top: 16px;}

.wapper.photoListPage ul.pageList{ width: 800px; overflow: hidden; padding: 20px 0 10px; margin: 0 auto; display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; list-style: none;}
.wapper.photoListPage ul.pageList li{ text-align: center;}
.wapper.photoListPage ul.pageList li a{ display: inline-block; overflow: hidden; padding: 2px 10px 0; font-size: 12px; text-align: center; background-color: #969683; color: #fff; border-radius: 50px;}
.wapper.photoListPage ul.pageList li a:hover{ background-color: #6E6D51;}
.wapper.photoListPage ul.pageList li a.select{ background-color: #6E6D51;}

.wapper.photoListPage ul.photoList{ width: 100%; min-width: 1000px; overflow: hidden;}
.wapper.photoListPage ul.photoList li{ width: calc(100% / 5); float: left; overflow: hidden;}
.wapper.photoListPage ul.photoList li:nth-child(odd){ background-color: #E1E1DC;}
.wapper.photoListPage ul.photoList li:nth-child(even){ background-color: #B7B7AA;}
.wapper.photoListPage ul.photoList li a{ width: 100%; overflow: hidden; display: block;}
.wapper.photoListPage ul.photoList li .photo{width: 100%; height: 240px; min-width: 240px;}
.wapper.photoListPage ul.photoList li .text{ width: 100%; min-height: 180px; overflow: hidden; padding: 20px; box-sizing: border-box; text-align: center;}
.wapper.photoListPage ul.photoList li .text p{ color: #000; font-size: 14px; text-align: center;}
/* .wapper.photoListPage ul.photoList li .text p:nth-child(1){ padding-bottom: 40px;} */
.wapper.photoListPage ul.photoList li .text p:nth-child(2){ font-size: 10px;}

.wapper.photoListPage .photoTitle{ width: 1000px; overflow: hidden; padding: 20px 0 10px; margin: 0 auto; text-align: center;}
.wapper.photoListPage .photoTitle h2{ font-size: 20px;}
.wapper.photoListPage .photoTitle span.date{ font-size: 12px;}
.wapper.photoListPage ul.photoList li .text p.font12px{ font-size: 12px;}
/* end photo list */

/* start schedule */
.wapper.schedulePage{ background-color: #D7ECFE;}
.wapper.schedulePage .header{ width: 100%; overflow: hidden; padding: 20px 0; background-color: #B5DCFD;}
.wapper.schedulePage .header .hgroup{ width: 1000px; overflow: hidden; margin: 0 auto; padding: 0 40px; box-sizing: border-box;}
.wapper.schedulePage .header .hgroup h2{ font-size: 40px; color: #000; text-align: center; border-bottom: 1px solid #000;}
.wapper.schedulePage .header .hgroup h3{ font-size: 18px; color: #000; text-align: center; padding-top: 16px;}

.wapper.schedulePage .w1000Box .swiper-container{ width: 100%; overflow: hidden; position: relative;}
.wapper.schedulePage .w1000Box .swiper-container .swiper-header{ position: absolute; width: 100%; overflow: hidden; z-index: 10; height: 50px;}
.wapper.schedulePage .w1000Box .swiper-container .swiper-header .swiper-button-prev{ width: 24px; height: 50px; background-size: 50px; left: 0; top: 0; margin: 0;}
.wapper.schedulePage .w1000Box .swiper-container .swiper-header .swiper-button-next{ width: 24px; height: 50px; background-size: 50px; right: 0; top: 0; margin: 0;}
.wapper.schedulePage .w1000Box .swiper-container .swiper-wrapper .swiper-slide .month{ width: 100%; overflow: hidden; text-align: center; font-size: 18px; background-color: #E6F5FE; margin-bottom: 20px;}
.wapper.schedulePage .w1000Box .swiper-container .swiper-wrapper .swiper-slide table{ width: 490px; overflow: hidden; float: left;}
.wapper.schedulePage .w1000Box .swiper-container .swiper-wrapper .swiper-slide table:nth-child(2){ margin-right: 20px;}
.wapper.schedulePage .w1000Box .swiper-container .swiper-wrapper .swiper-slide table tr td{ vertical-align:bottom; overflow: hidden;}
.wapper.schedulePage .w1000Box .swiper-container .swiper-wrapper .swiper-slide table tr:nth-child(2n+1) td:nth-child(1){ width: 130px; padding: 10px 30px 8px; box-sizing: border-box; background-color: #B5DCFD;}
.wapper.schedulePage .w1000Box .swiper-container .swiper-wrapper .swiper-slide table tr:nth-child(2n+2) td:nth-child(1){ width: 130px; padding: 10px 30px 8px; box-sizing: border-box; background-color: #C9E6FE;}
.wapper.schedulePage .w1000Box .swiper-container .swiper-wrapper .swiper-slide table tr td:nth-child(1){ font-size: 18px; font-weight: 100;}
.wapper.schedulePage .w1000Box .swiper-container .swiper-wrapper .swiper-slide table tr td span.date{ display: inline-block; float: left;}
.wapper.schedulePage .w1000Box .swiper-container .swiper-wrapper .swiper-slide table tr td span.day{ font-size: 12px; display: inline-block; float: left; margin: 5px 0 0 15px;}
.wapper.schedulePage .w1000Box .swiper-container .swiper-wrapper .swiper-slide table tr:nth-child(2n+1) td:nth-child(2){ padding: 10px 30px 8px; box-sizing: border-box; background-color: #C9E6FE;}
.wapper.schedulePage .w1000Box .swiper-container .swiper-wrapper .swiper-slide table tr:nth-child(2n+2) td:nth-child(2){ padding: 10px 30px 8px; box-sizing: border-box; background-color: #B5DCFD;}
.wapper.schedulePage .w1000Box .swiper-container .swiper-wrapper .swiper-slide table tr td:nth-child(2){ font-size: 14px; padding: 10px; box-sizing: border-box;}
/*日曜*/.wapper.schedulePage .w1000Box .swiper-container .swiper-wrapper .swiper-slide table tr td.sun{ color: #b41e1e;}
/*土曜*/.wapper.schedulePage .w1000Box .swiper-container .swiper-wrapper .swiper-slide table tr td.sat{ color: #3264b9;}

.wapper.schedulePage .w1000Box .footer{ width: 100%; overflow: hidden; padding: 40px 0; background-color: #E6F5FE; text-align: center;}
.wapper.schedulePage .w1000Box .footer .button{ width: 160px; height: auto; overflow: hidden; display: inline-block; padding: 10px 10px 6px 16px; color: #6697C6; background-color: #B5DCFD; border-radius: 50px; vertical-align: bottom; margin: 0 auto; text-align: center; position: inherit;}
.wapper.schedulePage .w1000Box .footer .button:nth-child(1){ margin-right: 20px;}
.wapper.schedulePage .w1000Box .footer .button:hover{ opacity: 0.6;}
/* end schedule */


/* start recruit */
.wapper.recruitPage{ background-color: #F1F1E4; line-height:160%;}
.wapper.recruitPage .header{ width: 100%; overflow: hidden; padding: 20px 0;}
.wapper.recruitPage .header.h01{ background-color: #ff9632;}
.wapper.recruitPage .header.h01b{ background-color: #B4DCDC;}
.wapper.recruitPage .header.h01c{ background-color: #C8C8FF;}
.wapper.recruitPage .header.h02{ background-color: #ff9632;}
.wapper.recruitPage .header.h03,.wapper.recruitPage .header.h04{ background-color: #ff9632; padding: 0; color:#fff;}
.wapper.recruitPage .header.h05{ background-color: #cab881;}
.wapper.recruitPage .header.h06{ background-color: #df5488; padding:10px 0;}
.wapper.recruitPage .header.h11{ background-color: #5ebca2; padding:10px 0;}
.wapper.recruitPage .header.h12{ background-color: #15B7CE; padding:10px 0;}
.wapper.recruitPage .header.h13{ background-color: #F064A0; padding:10px 0;}
.wapper.recruitPage .header.h15{ background-color: #1EAA6E; padding:10px 0;}
.wapper.recruitPage .header.h16{ background-color: #1EAA6E; padding:10px 0;}
.wapper.recruitPage .header.h17{ background-color: #E3E3BC; padding:10px 0; border-bottom:8px solid #B5A900;}
.wapper.recruitPage .header.h18{ background-color: #64C878;  padding:5px 0;}
.wapper.recruitPage .header.h19{ background-color: #9632C8; padding:10px 0;}
.wapper.recruitPage .header.h20{ background-color: #B464DC; padding:10px 0;}

.wapper.recruitPage .header .hgroup{ width: 1000px; overflow: hidden; margin: 0 auto; padding: 0 40px; box-sizing: border-box;}
.wapper.recruitPage .header .hgroup h2{ font-size: 40px; color: #000; text-align: center; border-bottom: 1px solid #000; line-height: normal; }
.wapper.recruitPage .header .hgroup h3{ font-size: 30px; color: #000; text-align: center; padding:5px 0;}
.wapper.recruitPage .header.h01c .hgroup h3,.wapper.recruitPage .header.h01b .hgroup h3,.wapper.recruitPage .header.h01 .hgroup h3{ font-size: 18px; color: #000; text-align: center; padding-top: 16px;}
.wapper.recruitPage .header .hgroup h4{ font-size: 22px; color: #000; text-align: center; padding:5px 0;}
.wapper.recruitPage .title04{display:none;}

.makanai_set{background: #A23727;}
.makanai_photo img{width: 93%; margin:0 auto; display:block;}

.wapper.recruitPage .header.h06 .hgroup h3,.wapper.recruitPage .header.h07 .hgroup h3,.wapper.recruitPage .header.h08 .hgroup h3,.wapper.recruitPage .header.h09 .hgroup h3,.wapper.recruitPage .header.h10 .hgroup h3,.wapper.recruitPage .header.h14 .hgroup h3,.wapper.recruitPage .header.h15 .hgroup h3,.wapper.recruitPage .header.h16 .hgroup h3,.wapper.recruitPage .header.h18 .hgroup h3,.wapper.recruitPage .header.h19 .hgroup h3,.wapper.recruitPage .header.h20 .hgroup h3{ color:#fff;}
.wapper.recruitPage .header.h07, .wapper.recruitPage .header.h08, .wapper.recruitPage .header.h09, .wapper.recruitPage .header.h10, .wapper.recruitPage .header.h09, .wapper.recruitPage .header.h14{ background-color: #3278ff;  padding:5px 0;}
.wapper.recruitPage .header.h11 .hgroup h4,.wapper.recruitPage .header.h12 .hgroup h4,.wapper.recruitPage .header.h13 .hgroup h4{ font-size:30px; color:#fff;}

.wapper.recruitPage .wapper.recruit.w16 .imgBox img,.wapper.recruitPage .wapper.recruit.w17 .imgBox img,.wapper.recruitPage .wapper.recruit.w19 .imgBox img{ width:1000px; margin-top:25px; margin-bottom:25px;}

/*.wapper.recruitPage .wapper.recruit{ width: 1000px; overflow: hidden; padding: 20px 0 0; margin: 0 auto; list-style: none;}*/

.wapper.recruitPage .wapper.recruit li span.title{ width: 130px; overflow: hidden; display: block; float: left; padding: 2px 5px; box-sizing: border-box; background-color: #B4AE68; color: #fff; font-size: 13px; margin: 0 10px 0 0;}
.wapper.recruitPage .wapper.recruit li p{ font-size: 14px; padding-top: 2px;}
.wapper.recruitPage .wapper.recruit li p span{ font-size: 10px; display: inline-block; margin: 0 0 0 10px;}
.wapper.recruitPage .wapper.recruit li img{ width: 100%;}

.wapper.recruitPage .wapper.recruit{ width: 100%; overflow: hidden; margin: 0 auto;}
.wapper.recruitPage .wapper.recruit.w01{ background:#ffe8cb;}
.wapper.recruitPage .wapper.recruit.w01b{ background:#fff;}

.wapper.recruitPage .wapper.recruit img{ width: 100%;}
.wapper.recruitPage .imgBox{ width: 1000px; overflow: hidden; margin: 0 auto;}
.wapper.recruitPage .wapper.recruit .imgBox{ width: 1000px; overflow: hidden; margin: 0 auto; text-align:center; position:relative;}
.wapper.recruitPage .wapper.recruit .imgBox h3.tRignt{ position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); margin:0; padding:0;}
.wapper.recruitPage .wapper.recruit .text{ width: 1000px; overflow: hidden; padding: 20px 0; margin: 0 auto;}
.wapper.recruitPage .wapper.recruit.w7 .text, .wapper.recruitPage .wapper.recruit.w8 .text, .wapper.recruitPage .wapper.recruit.w9 .text, .wapper.recruitPage .wapper.recruit.w10 .text{ padding-bottom: 40px;}
.wapper.recruitPage .wapper.recruit p{ width: 100%; font-size:20px; padding:0px;}

.wapper.recruitPage .wapper.recruit ul{ max-width:1000px; overflow: hidden; padding: 20px 0; margin: 0 auto;}
.wapper.recruitPage ul.bnrBox{ width: 90%; max-width:1000px; overflow: hidden; margin: 0 auto; list-style: none; margin-top:10px; margin-bottom:20px; letter-spacing: -.4em;}
/*
.wapper.recruitPage ul.bnrBox li.col1,.wapper.recruitPage ul.bnrBox li.col2,.wapper.recruitPage ul.bnrBox li.col3{ width:326px ; margin:10px 6px 0 0;}
*/
/*.wapper.recruitPage ul.bnrBox li.col1{ width: 326px; margin:10px 6px 0 0;}
.wapper.recruitPage ul.bnrBox li.col2{ width: 326px; margin:10px 0 0 0;}
.wapper.recruitPage ul.bnrBox li.col3{ width: 326px; margin:10px 6px 0 0;}*/
/*.wapper.recruitPage ul.wapper.recruit li.col2{ width: 666px;}*/

@media all and (min-width: 741px) {
    .wapper.recruitPage ul.bnrBox li{ display: inline-block; vertical-align: top; letter-spacing: normal; overflow: hidden; width: 32.333333%; margin-right: 1.5%; margin-top: 1.5%;}
    .wapper.recruitPage ul.bnrBox li:nth-child(3n){ margin-right: 0;}
    .wapper.recruitPage ul.bnrBox li:nth-child(1), .wapper.recruitPage ul.bnrBox li:nth-child(2), .wapper.recruitPage ul.bnrBox li:nth-child(3) { margin-top: 0;}
}

.wapper.recruitPage .wapper.recruit ul.contactBox{width:1000px;}
.wapper.recruitPage .wapper.recruit ul.contactBox li{ float: left; overflow: hidden; width: 200px; height:160px; background-color: #ff9632;}
.wapper.recruitPage .wapper.recruit ul.contactBox li p{ padding:130px 0 0 0; text-align:center; line-height:50%; font-size:21px; color:#000;}
.wapper.recruitPage .wapper.recruit ul.contactBox li.mail p{ padding:110px 0 0 0;}
.wapper.recruitPage .wapper.recruit ul.contactBox li.tel{ background-image: url(../image/recruit/icontel.png); background-position:center 10px ; background-repeat: no-repeat; margin:40px 100px;}
.wapper.recruitPage .wapper.recruit ul.contactBox li.line{ background-image: url(../image/recruit/iconline.png); background-position:center 15px ; background-repeat: no-repeat; margin:40px 100px 40px 0;}
.wapper.recruitPage .wapper.recruit ul.contactBox li.mail{ background-image: url(../image/recruit/iconmail.png); background-position:center 30px ; background-repeat: no-repeat; margin:40px 0 40px 0;}

.wapper.recruitPage .wapper.recruit.w02 li.text,.wapper.recruitPage .wapper.recruit.w03 li.text,.wapper.recruitPage .wapper.recruit.w04 li.text{list-style:none; float:left; width: 70%;}
.wapper.recruitPage .wapper.recruit.w02 li.img,.wapper.recruitPage .wapper.recruit.w03 li.img,.wapper.recruitPage .wapper.recruit.w04 li.img{list-style:none; float:right; padding: 20px 0;}
.wapper.recruitPage .wapper.recruit.w02 li.text P,.wapper.recruitPage .wapper.recruit.w03 li.text P,.wapper.recruitPage .wapper.recruit.w04 li.text P{font-size:20px;}

.wapper.recruitPage .wapper.recruit.w05{ background-color: #ffffdc; padding:26px 0; margin:0 auto; text-align:center;}
.wapper.recruitPage .wapper.recruit.w05 ul{ padding: 0;}

.wapper.recruitPage .wapper.recruit.w06{ background-color: #fff;}
.wapper.recruitPage .wapper.recruit.w06 ul{width:1000px; padding:40px 0;}
.wapper.recruitPage .wapper.recruit.w06 ul li{ float: left; overflow: hidden; width: 280px; height:240px; background-color: #ff9632;}
.wapper.recruitPage .wapper.recruit.w06 ul li.mikeiken{ background-image: url(../image/recruit/bt_mikeiken.png); background-position:center center ; background-repeat: no-repeat; text-align:center; margin: 0 230px 0 100px;}
.wapper.recruitPage .wapper.recruit.w06 ul li.keiken{ background-image: url(../image/recruit/bt_keiken.png); background-position:center center ; background-repeat: no-repeat; text-align:center;}
.wapper.recruitPage .wapper.recruit.w06 .mikeiken h5{ border-bottom: 1px solid #1e966e; font-size:34px; color:#1e966e; padding-top:30px;}
.wapper.recruitPage .wapper.recruit.w06 .keiken h5{ border-bottom: 1px solid #9632c8; font-size:34px; color:#9632c8; padding-top:30px;}
.wapper.recruitPage .wapper.recruit.w06 p{ color:#000; font-size:22px; text-align:center; line-height:130%; padding:17px 5px 0 5px;}

.wapper.recruitPage .wapper.recruit.w07{ background-color: #fff0c8;}

.wapper.recruitPage .wapper.recruit.w08, .wapper.recruitPage .wapper.recruit.w09,.wapper.recruitPage .wapper.recruit.w12, .wapper.recruitPage .wapper.recruit.w13{ background-color: #fff0ff;}
.wapper.recruitPage .wapper.recruit.w08 .imgBox,.wapper.recruitPage .wapper.recruit.w10 .imgBox,.wapper.recruitPage .wapper.recruit.w12 .imgBox,.wapper.recruitPage .wapper.recruit.w14 .imgBox{ margin-top:25px; margin-bottom:25px;}

.wapper.recruitPage .wapper.recruit.w10, .wapper.recruitPage .wapper.recruit.w11,.wapper.recruitPage .wapper.recruit.w14, .wapper.recruitPage .wapper.recruit.w15{ background-color: #ffffb3;}

.wapper.recruitPage .wapper.recruit.w16{ background-color: #c8e9df;}
.wapper.recruitPage .wapper.recruit.w16 .imgBox{ width:100%; background-color: #9FD8C7;}
.wapper.recruitPage .wapper.recruit.w16 p{ margin-top:20px;}

table { border-top: 1px solid #5ebca2; border-right: 1px solid #5ebca2; width: 1000px; border-spacing: 0; margin: 0　auto;}
thead { font-weight:normal;}
th, td { border-bottom: 1px solid #5ebca2; border-left: 1px solid #5ebca2; text-align: center; padding: 20px; font-size:24px;}
th.col1,td.col1 { width: 22%; background-color:#daf0e9;}
th.col2,td.col2 { width: 38%; background-color:#e5f0e5;}
th.col3,td.col3 { width: 38%; background-color:#daf0e9;}

.wapper.recruitPage .wapper.recruit.w17{ background-color: #fff;}
.wapper.recruitPage .wapper.recruit.w17 .imgBox{ width:100%; background-color: #ABE5ED;}
.wapper.recruitPage .wapper.recruit.w17 .qaBox { position:relative; width:480px; float:left;}
.wapper.recruitPage .wapper.recruit.w17 .qaBox .title { min-height:60px; font-size: 24px; background: #15b7ce; padding-top:40px; text-align:center; color: #ffff00; font-weight: bold; letter-spacing: 0.05em;}
.wapper.recruitPage .wapper.recruit.w17 .qaBox .title .nam{ position: absolute; top:3px; left:10px; color: #fff;}
.wapper.recruitPage .wapper.recruit.w17 .qaBox P{margin-top:20px; margin-bottom:40px; min-height:200px;}
.wapper.recruitPage .wapper.recruit.w17 .qaBox:nth-last-child(2n+2){margin-left:38px;}

.wapper.recruitPage .wapper.recruit.w18{ background-color: #FFDCE6;}
.wapper.recruitPage .wapper.recruit.w18 .flowBox { width:1000px; overflow: hidden; padding: 20px 0 30px 0; margin: 0 auto; background-image:url(../image/recruit/yajirushi.png); background-position:center bottom ; background-repeat: no-repeat;}
.wapper.recruitPage .wapper.recruit.w18 .flowBox.none { background-image: none; }
.wapper.recruitPage .wapper.recruit.w18 .flowBox .title { font-size: 30px; padding:15px 10px; text-align: center; letter-spacing: 0.05em; border-bottom:3px solid #dc508e;}
.wapper.recruitPage .wapper.recruit.w18 .flowBox P{margin:40px 0;}

.wapper.recruitPage .wapper.recruit.w19,.wapper.recruitPage .wapper.recruit.w20{ background-color: #FFF0E6;}
.wapper.recruitPage .wapper.recruit.w20.mikeiken{ background-color: #E7F4F4;}
.wapper.recruitPage .wapper.recruit.w19 .imgBox{ width:100%;}

.wapper.recruitPage .wapper.recruit.w20 { width:1000px; overflow: hidden; margin-top:40px; margin-bottom:40px;}
.wapper.recruitPage .wapper.recruit.w20 .left { width:480px; float:left;}
.wapper.recruitPage .wapper.recruit.w20 .right { width:480px; float:right;}
.wapper.recruitPage .wapper.recruit.w20 .guideBox{margin-bottom:20px;}
.wapper.recruitPage .wapper.recruit.w20 .guideBox .title { font-size: 24px; background: #feb7c7; margin-bottom:20px; padding:10px 10px; text-align: center; color: #000; letter-spacing: 0.05em;}
.wapper.recruitPage .wapper.recruit.w20.mikeiken .guideBox .title { background: #B4DCDC;}
.wapper.recruitPage .wapper.recruit.w20 ul{list-style:disc; font-size:20px;}

.wapper.recruitPage .wapper.recruit.w21, .wapper.recruitPage .wapper.recruit.w22,.wapper.recruitPage .wapper.recruit.w25, .wapper.recruitPage .wapper.recruit.w26{ background-color: #DBEEEE;}
.wapper.recruitPage .wapper.recruit.w23, .wapper.recruitPage .wapper.recruit.w24{ background-color: #FFF0FF;}
.wapper.recruitPage .wapper.recruit.w27{ background-color: #B4DCDC;}
.wapper.recruitPage .wapper.recruit.w28{ background-color: #DBEEEE;}
.wapper.recruitPage .wapper.recruit.w29,.wapper.recruitPage .wapper.recruit.w30{ background-color: #E3E3BC;}

.wapper.recruitPage .wapper.recruit.w30 table { border: none; width: 1000px; border-spacing: 0; margin: 0　auto; margin-bottom:40px;}
.wapper.recruitPage .wapper.recruit.w30 thead { font-weight:normal;}
.wapper.recruitPage .wapper.recruit.w30 th,.wapper.recruitPage .wapper.recruit.w30 td { border: none; padding: 20px; font-size:24px;}
.wapper.recruitPage .wapper.recruit.w30 th.col1,.wapper.recruitPage .wapper.recruit.w30 td.col1{ width:48%; background-color:transparent; text-align: left; padding-left: 10%; }
.wapper.recruitPage .wapper.recruit.w30 th.col2,.wapper.recruitPage .wapper.recruit.w30 td.col2{ width:48%; background-color:transparent; text-align: right; padding-right: 10%; }
.wapper.recruitPage .wapper.recruit.w30 th.col3,.wapper.recruitPage .wapper.recruit.w30 td.col3 { width: 100%; background-color:#C2C26F; text-align: center; }
.wapper.recruitPage .wapper.recruit.w30 th.col4,.wapper.recruitPage .wapper.recruit.w30 td.col4 { width: 100%; background-color:#E3E3BC; text-align: center; }
.wapper.recruitPage .wapper.recruit.w30 tr:nth-child(odd){ background-color:#FAFAE6;}
.wapper.recruitPage .wapper.recruit.w30 tr:nth-child(even){ background-color:#EDEDD4;}
.wapper.recruitPage .wapper.recruit.w30 ul{margin-bottom:0px; padding-bottom:0px;}
.wapper.recruitPage .wapper.recruit.w30 .tab{overflow:hidden; width:1000px; margin: 0 auto; margin-top:40px;}
.wapper.recruitPage .wapper.recruit.w30 .tab li{list-style:none; background:#EAEAB2; height:70px; width:15%; padding:15px 10px; float:left; margin-right:1px; font-size:100%; line-height:150%; text-align:center; cursor : pointer;}
.wapper.recruitPage .wapper.recruit.w30 .tab li:nth-child(1){margin-left:22%;}
.wapper.recruitPage .wapper.recruit.w30 .tab li:nth-child(n+2){margin-left:20px;}
.wapper.recruitPage .wapper.recruit.w30 .tab li.select{background:#B5A900;}
.wapper.recruitPage .wapper.recruit.w30 .content {margin-top:0px; padding-top:0px;}
.wapper.recruitPage .wapper.recruit.w30 .content li{background:#EAEAB2; border-top:8px solid #B5A900;}
.wapper.recruitPage .wapper.recruit.w30 .hide {display:none;}
.wapper.recruitPage .wapper.recruit.w30 .date{font-size:60%; font-weight:normal;}
.wapper.recruitPage .wapper.recruit.w30 .total{line-height:120%; font-size:200%; font-weight:bold;}
.wapper.recruitPage .wapper.recruit.w30 .content li .caution{font-size:50%; line-height:80% !important; color:#FF7832;}

.wapper.recruitPage .wapper.recruit.w21 .imgBox,.wapper.recruitPage .wapper.recruit.w23 .imgBox,.wapper.recruitPage .wapper.recruit.w25 .imgBox,.wapper.recruitPage .wapper.recruit.w27 .imgBox,.wapper.recruitPage .wapper.recruit.w33 .imgBox,.wapper.recruitPage .wapper.recruit.w35 .imgBox{ margin-top:25px; margin-bottom:25px;}

.wapper.recruitPage .wapper.recruit.w32,.wapper.recruitPage .wapper.recruit.w33,.wapper.recruitPage .wapper.recruit.w34{ background-color: #E9D4F4;}
.wapper.recruitPage .wapper.recruit.w35{ background-color: #C8C8FF;}
.wapper.recruitPage .wapper.recruit.w36{ background-color: #F5EBFA;}
.wapper.recruitPage .wapper.recruit.w37{ background-color: #B4DCDC; margin:0 auto; padding-top:30px; height:80px; text-align:center;}
.wapper.recruitPage .wapper.recruit.w38{ background-color: #C8C8FF; margin:0 auto; padding-top:30px; height:80px; text-align:center;}
.wapper.recruitPage .wapper.recruit.w37 img,.wapper.recruitPage .wapper.recruit.w38 img{width:248px;}

.wapper.recruitPage .wapper.view{ background-color: #DDDBBB;}
.wapper.recruitPage .wapper.view h2{ text-align: center; background-color: #B4AE68; color: #000; font-size: 18px; padding: 10px 0 6px;}
.wapper.recruitPage .wapper.view .viewMap{ width: 1000px; overflow: hidden; margin: 20px auto;}
.wapper.recruitPage .wapper.map{ background-color: #fff;}
.wapper.recruitPage .wapper.map iframe{ margin: 20px auto 0; display: block;}


@media screen and (max-width:740px) { 

.wapper.recruitPage .header .hgroup h2{ font-size: 20px;}
.wapper.recruitPage .header .hgroup h3{ font-size: 12px;}
.wapper.recruitPage .header .hgroup h4{ font-size: 14px;}

.wapper.recruitPage .header .hgroup{ width: 100%;}

.wapper.recruitPage .header.h01 h3,.wapper.recruitPage .header.h01b h3,.wapper.recruitPage .header.h01c h3,.wapper.recruitPage .header.h02 h3,.wapper.recruitPage .header.h03 h3,.wapper.recruitPage .header.h04 h3,.wapper.recruitPage .header.h05 h3,.wapper.recruitPage .header.h06 h3,.wapper.recruitPage .header.h07 h3,.wapper.recruitPage .header.h08 h3,.wapper.recruitPage .header.h09 h3,.wapper.recruitPage .header.h14 .hgroup h3,.wapper.recruitPage .header.h15 .hgroup h3,.wapper.recruitPage .header.h16 .hgroup h3,.wapper.recruitPage .header.h17 .hgroup h3,.wapper.recruitPage .header.h18 .hgroup h3,.wapper.recruitPage .header.h19 .hgroup h3,.wapper.recruitPage .header.h20 .hgroup h3{font-size: 16px;}
.wapper.recruitPage .header.h11 .hgroup h4,.wapper.recruitPage .header.h12 .hgroup h4,.wapper.recruitPage .header.h13 .hgroup h4{ font-size:16px;}
.wapper.recruitPage .wapper.recruit .text{ width: 90%; padding:10px 0;}

.wapper.recruitPage .imgBox{ width: 100%;}
.wapper.recruitPage .wapper.recruit .imgBox{ width: 100%;}
.wapper.recruitPage .wapper.recruit img{ width: 100%;}
.wapper.recruitPage .header.h05 .hgroup img{ width: 100%;}
.wapper.recruitPage .wapper.recruit.w16 .imgBox img,.wapper.recruitPage .wapper.recruit.w17 .imgBox img,.wapper.recruitPage .wapper.recruit.w19 .imgBox img{ width:100%; margin-top:25px; margin-bottom:25px;}

.wapper.recruitPage .wapper.recruit ul{ width:100%; padding: 10px 0;}
.wapper.recruitPage .wapper.recruit p{ width: 100%; font-size:80%; padding:0;}
.wapper.recruitPage .wapper.recruit li img{ width: 100%;}

.wapper.recruitPage .wapper.recruit ul.bnrBox{ width:90%; overflow: hidden; margin: 0 auto; list-style: none; margin-top:10px; margin-bottom:20px;}
.wapper.recruitPage .wapper.recruit ul.bnrBox li{ overflow: hidden; width: 49%; margin:10px 2% 0 0; display: inline-block; vertical-align: top; letter-spacing: normal; }
/* .wapper.recruitPage .wapper.recruit ul.bnrBox li.col1,.wapper.recruitPage ul.bnrBox li.col2,.wapper.recruitPage ul.bnrBox li.col3{ width: 48%; margin:10px 0 0 5px;} */
/* .wapper.recruitPage ul.bnrBox li:nth-child(3n){ width: 48%; margin:10px 0 0 5px;} */
.wapper.recruitPage .wapper.recruit ul.bnrBox li:nth-child(2n){ margin:10px 0 0 0;}

.wapper.recruitPage .wapper.recruit.w02 li.text,.wapper.recruitPage .wapper.recruit.w03 li.text,.wapper.recruitPage .wapper.recruit.w04 li.text{list-style:none; float:left; width: 100%; padding: 0;}
.wapper.recruitPage .wapper.recruit.w02 li.text P,.wapper.recruitPage .wapper.recruit.w03 li.text P,.wapper.recruitPage .wapper.recruit.w04 li.text P{font-size:14px;}
.wapper.recruitPage .wapper.recruit.w02 li.img,.wapper.recruitPage .wapper.recruit.w03 li.img,.wapper.recruitPage .wapper.recruit.w04 li.img{width:50%; padding: 10px 0;}

.wapper.recruitPage .wapper.recruit ul.contactBox{width:100%; overflow: hidden; margin: 0 auto;}
.wapper.recruitPage .wapper.recruit ul.contactBox li{ float: left; overflow: hidden; width: 30%; height:160px;}
.wapper.recruitPage .wapper.recruit ul.contactBox li p{ padding:130px 0 0 0; text-align:center; line-height:120%; font-size:12px; color:#000;}
.wapper.recruitPage .wapper.recruit ul.contactBox li.mail p{ padding:110px 0 0 0;}
.wapper.recruitPage .wapper.recruit ul.contactBox li.tel{ background-position:center 10px ; background-repeat: no-repeat; margin:10px 0 10px 3%;}
.wapper.recruitPage .wapper.recruit ul.contactBox li.line{ background-position:center 15px ; background-repeat: no-repeat; margin:10px 2%;}
.wapper.recruitPage .wapper.recruit ul.contactBox li.mail{background-position:center 30px ; background-repeat: no-repeat; margin:10px 3% 10px 0;}

.wapper.recruitPage .wapper.recruit.w06 ul{width:100%; padding:20px 0;}
.wapper.recruitPage .wapper.recruit.w06 ul li{ float: left; overflow: hidden; width: 48%; height:200px; background-color: #fff;}
.wapper.recruitPage .wapper.recruit.w06 ul li.mikeiken{ background-position:top right; background-repeat: no-repeat; text-align:center; margin: 0 1% 0 2%;}
.wapper.recruitPage .wapper.recruit.w06 ul li.keiken{ background-position:top right; background-repeat: no-repeat; text-align:center; margin: 0;}
.wapper.recruitPage .wapper.recruit.w06 .mikeiken h5{font-size:24px; color:#1e966e; padding-top:30px;}
.wapper.recruitPage .wapper.recruit.w06 .keiken h5{font-size:24px; color:#9632c8; padding-top:30px;}
.wapper.recruitPage .wapper.recruit.w06 p{ width:90%; color:#000; font-size:14px; line-height:130%; padding:17px 5%;}

table {width: 100%; border-spacing: 0; margin: 0 auto;}
th, td {padding: 20px; font-size:16px;}
.wapper.recruitPage .wapper.recruit.w30 table {width: 100%;}
.wapper.recruitPage .wapper.recruit.w30 th, .wapper.recruitPage .wapper.recruit.w30 td {padding: 20px; font-size:16px;}

.wapper.recruitPage .wapper.recruit.w17 .qaBox {width:100%; float:none; margin-left:2%;}
.wapper.recruitPage .wapper.recruit.w17 .qaBox .title { min-height:40px; font-size: 16px; padding-top:20px;}
.wapper.recruitPage .wapper.recruit.w17 .qaBox P{margin-top:20px; margin-bottom:20px; min-height:0px;}
.wapper.recruitPage .wapper.recruit.w17 .qaBox:nth-last-child(2n+2){ margin-left:2%;}

.wapper.recruitPage .wapper.recruit.w18 .flowBox { width:100%; padding: 20px 0 20px 0;}
.wapper.recruitPage .wapper.recruit.w18 .flowBox .title { font-size: 24px; padding:10px 10px;}
.wapper.recruitPage .wapper.recruit.w18 .flowBox P{width:90%; margin:20px 5% 30px 5%;}

.wapper.recruitPage .wapper.recruit.w20 { width:100%; overflow: hidden; margin-top:40px; margin-bottom:10px;}
.wapper.recruitPage .wapper.recruit.w20 .left { width:90%; float:none; margin:0 5% 0 5%;}
.wapper.recruitPage .wapper.recruit.w20 .right { width:90%; float:none; margin:0 5% 0 5%;}
.wapper.recruitPage .wapper.recruit.w20 .guideBox .title { font-size: 16px;}
.wapper.recruitPage .wapper.recruit.w20 ul{font-size:80%;}

.wapper.recruitPage .wapper.recruit.w30 .tab li{height:50px; width:20%; font-size:80%; line-height:150%;}
.wapper.recruitPage .wapper.recruit.w30 .tab{width:100%; margin-top:10px;}
.wapper.recruitPage .wapper.recruit.w30 .tab li:nth-child(1){margin-left:9%;}
.wapper.recruitPage .wapper.recruit.w30 .tab li:nth-child(n+2){margin-left:10px;}

}

.wapper.recruitPage .mt20{ margin-top:20px;}
.wapper.recruitPage .mr10{ margin-right:10px;}
.wapper.recruitPage .ml38{ margin-left:38px;}
.wapper.recruitPage .mt10{ margin-top:10px;}
.wapper.recruitPage .pt25{ padding-top:25px;}
.wapper.recruitPage .pb15{ padding-bottom:15px;}
.wapper.recruitPage .mb10{ margin-bottom:10px;}
.wapper.recruitPage .mb20{ margin-bottom:20px;}

/* end recruit */


/*------------
 clearfix
--------------*/
.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */