@charset "UTF-8";

.kouzatable {display: none!important;}

a:link { color: #13b5b1; }
a:visited { color: #13b5b1; }
a:hover { color: #13b5b1; }
a:active { color: #13b5b1; }


.container .lead_ttl.switch {display: none!important;}
.container .lead_ttl.switch.active {display: block!important;}
.day_tab a.active { background: #fcb7b7; }
.day_tab a.active .icn {display: none!important;}
.day_cell.active {display: block!important;}
.day_cell {display: none!important;}


.footer .container .footer_h .f_sns {display: none!important;}

/* spspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspsp */
/* spspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspsp */
/* spspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspsp */
/* spspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspsp */
/* spspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspsp */
/* spspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspsp */
/* spspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspsp */
/* spspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspsp */
/* spspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspsp */
/* spspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspsp */
/* spspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspsp */
/* spspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspsp */
/* spspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspsp */
/* spspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspspsp */
@media only screen and (max-width: 999px) {

* {font-size: 12px;}
body, html { background: #ddd;}
#root p{margin-bottom: 0;}
#root { display: block; width: 100%; height: auto; margin: 0 auto; overflow: hidden; background: #fff;}

img { display: block; max-width: 100%; width: auto; height: auto;}

.container .img60 { width: 60%; height: auto; display: block; text-align: center; margin: 10px auto;}

.mb40 {margin-bottom: 5vh;}

.pgttl {position: relative; width: 100%; height: 25vh; overflow: hidden; margin: 10vh auto 0;  }
.pgttl .container {position: absolute; left: 0; right: 0; top: 3vh; z-index: 3; margin: 0 auto;}
.pgttl .ttlbox { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; border-left: solid 10px #000; padding-left: 10px;}
.pgttl .ttlbox p { font-size: 20px; font-weight: bold; color: #000;}
.pgttl .ttlbox .en { margin-left: 10px; }
.pgttl .ttlbox .en p {display: inline-block; background: #f07e01; font-size: 12px; color: #fff; font-weight: bold; padding: 0 10px;}
.pgttl .ttlbox .sub { display: block; width: 100%;}
.pgttl .ttlbox .sub p {font-size: 14px; color: #000;}
.pgttl .mv_main {position: absolute; right: 0; bottom: 0; width: 160%; z-index: 1; height: auto;}
.pgttl .mv_bg {position: absolute; left: 0;bottom: 0%;width: 100%; z-index: 2;}


.container .duelcell { display: block; justify-content: center; width: 100%; margin-top: 0;}
.container .duelcell .cell:nth-of-type(1) { display: block; width: auto; margin: 0 5% 0 auto; text-align: center;}
.container .duelcell .cell:nth-of-type(1) img { display: block; max-width: 100%; height: auto; margin: 0 auto;}
.container .duelcell .cell:nth-of-type(2) { display: block; width: auto;}
.container .duelcell .cell .txt {}
.container .duelcell .cell .txt p { margin-bottom: 20px;}
.container .duelcell .cell a {}

.container .flexcell { display: block; width: 100%; margin-bottom: 10vh;}
.container .flexcell .cell .ttl { margin: 20px 0; font-size: 20px; font-weight: bold;}
.container .flexcell .cell .ttl.pink p { color: #f07a7a;}
.container .flexcell .cell .ttl.orange p { color: #f07e01;}
.container .flexcell .cell .ttl.blue p { color: #59c6c3;}
.container .flexcell .cell.img { text-align: center; display: block; margin: auto;}

.bgcell { position: relative; width: 100%; height: 100vh; overflow: hidden; background: #fbf9fa;}
.bgcell .container { position: absolute; z-index: 3; left: 0; right: 0; top: 10vh; width: 100%; height: auto; margin: auto;  }
.bgcell .container .cell_txt {background: rgba(255,255,255,.8); width: 100%; padding: 5vh 2vw; box-sizing: border-box; margin-top: 10vh; }
.bgcell .container .cell_txt img { margin-bottom: 3vh;}
.bgcell .container .cell_txt div p { margin-bottom: 2vh;}
.bgcell img.bg_main { position: absolute; top: 0;  right: 0; bottom: 0; margin: 0 auto; z-index: 1; width: 100%; height: auto; }
.bgcell img.bgtop { position: absolute; top: 0; left: 0; z-index: 2;  display: block; width: 100%; height: auto;}
.bgcell img.bgbtm { position: absolute; bottom: 0; left: 0; z-index: 2;  display: block; width: 100%; height: auto;}

.decobg { display: block; width: 100%; height: auto;}

.bgw { display: block; width: 100%; background: url(https://aoba200219.smooooth.jp/system_panel/uploads/images/20200501101022884079.png) no-repeat top left,url(https://aoba200219.smooooth.jp/system_panel/uploads/images/20200501110300649326.png) no-repeat left 80%;background-size: 100% auto;  padding-top: 10px;}
.bgw .decobg { display: block; width: 1200px; height: auto; margin: auto; }
.bgw .bgwcell { display: block; width: 98%; height: auto; margin: auto; padding: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: rgba(255,255,255,1); box-shadow: 0 0 3px rgba(0,0,0,0.4); }
.bgw .bgwcell .cell { display: block; width: 100%; margin: 0 auto 10px; text-align: center; }
.bgwcell .tablecell { display: block; }
.bgwcell .tablecell .left { width: 100%;}
.bgwcell .tablecell .left div p { color: #f07e01; font-weight: bold; }
.bgwcell .tablecell .right { width: auto; margin-bottom: 20px;}
.bgwcell .tablecell .right.fl {display: block; width: 100%;}
.bgwcell .tablecell .right.fl .duel { width: 100%; height: auto;}
.bgwcell .bnrarea { display: flex; justify-content: flex-start; flex-wrap: wrap; width: 100%; margin-top: 40px;}
.bgwcell .bnrarea a { display: block; width: 30%; margin: 0 1.5% 20px;}


.form .formcell { width: 100%; display: block; align-items: center; padding: 10px 0;}
.form .formcell div:nth-of-type(1) { width: 100%; padding: 0 0 5px;}
.form .formcell div:nth-of-type(2) { width: 100%; margin-bottom: 0; }
.form .formcell label { margin-bottom: 0; }
.form .formcell input[type="text"] { display: block; width: 100%; padding: 10px; }
.form .formcell select { display: block; width: 100%; padding: 10px; }
.form .formcell textarea { display: block; width: 100%; padding: 10px; height: 20em; }
.form .submit { display: block; width: 100%; height: auto; margin: auto; text-align: center; }
.form .submit button { display: inline-block; background: #f07e01; color: #fff; padding: 30px; text-align: center; }

.webgene-item.bloglist { display: block; width: 100%; margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
.webgene-item.bloglist .artheader { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 100%; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
.webgene-item.bloglist .artheader time { color: #000; padding-right: 10px;}
.webgene-item.bloglist h2 a { font-weight: normal; color: #000;}

.webgene-blog {}
.webgene-blog .webgene-item {}
.webgene-blog .webgene-item header { display: block; width: 100%; margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
.webgene-blog .webgene-item header h2 {}
.webgene-blog .webgene-item header time { padding-left: 20px;}
.webgene-blog .webgene-item .webgene-item-content { text-align: left;}
.webgene-blog .webgene-item .webgene-item-content img { max-width: 100%; height: auto; display: block; margin: 20px auto; text-align: center;}















#root { display: block; width: 100%; height: auto; margin: 0 auto; overflow: hidden; max-width: 100%; background: #fff;}
.wrapper { margin: 0 auto; max-width: 100%;}
.container { margin: 0 auto; max-width: 100%;}

.header { z-index: 100; position: fixed; height: 10vh; width: 100%; max-width: 100%; margin: 0 auto; border-bottom: 5px solid #f07e01; background: rgba(255,255,255,0.9);}
.header .container { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; height: 10vh; width: 96%; margin: 0 auto; padding: 0;}
.header .container .logo img { width: 25vw; height: auto;}
.header .container .h_tel { display: flex;  flex-wrap: nowrap; padding: 2px 5px; background: #fff; border-radius: 15px;}
.header .container .h_tel img { margin-right: 5px; width: 20px; height: 20px;}
.header .container .gmenu { display: none;}

.footer { display: block; position: relative; width: 100%; max-width: 100%; margin: 20px auto 0; background: #f07e01; color: #fff;}
.footer .footer_bg { position: absolute; top: -2px; width: 100%;}
.footer .container { max-width: 100%; margin: 0px auto; padding-top: 50px; font-size: 12px;}
.footer .container .footer_h { margin-bottom: 10px; display: block;  flex-wrap:nowrap; justify-content: flex-start; align-items: center;}
.footer .container .footer_h .f_sns { margin: 2vh 0;}
.footer .container .footer_h .f_sns a { display: flex; flex-wrap:nowrap; justify-content: flex-start; align-items: center;}
.footer .container .footer_h .f_sns img { margin-right: 10px;}
.footer .container .footer_main { border-top: 1px solid #fff; border-bottom: 1px solid #fff; display: block; padding: 15px 0;}
.footer .container .footer_main .f_info {margin-bottom: 2vh;}
.footer .container .footer_main .f_info p { line-height: 1.8;}
.footer .container .footer_main .f_business_cell { display: block; margin: 3vh 0;}
.footer .container .footer_main .f_business_cell .f_business_ttl { background: #df7909; padding: 1px 7px; margin-bottom: 10px !important; border-radius: 20px; width: 30%; text-align: center;}
.footer .footer_copy { height: 42px; line-height: 42px; text-align: center;}

#spMenu { display: flex; justify-content: center; align-items: center; width: 6vw; height: 6vw; z-index: 2; -webkit-border-radius: 30px; border-radius: 30px; padding: 0; -webkit-transition: all 1s; transition: all 1s;}
#spMenu .menu-trigger { position: relative; width: 6vw; height: 6vw; display: flex; justify-content: center; align-items: center;}
.menu-trigger,.menu-trigger span { display: inline-block; transition: all .4s; box-sizing: border-box; }
.menu-trigger span { position: absolute; left: 0; width: 6vw; height: 2px; background: #6e4d3f; font-size:0.1em; }
.menu-trigger span:nth-of-type(1) { top: 0; }
.menu-trigger span:nth-of-type(2) { top: 7px; }
.menu-trigger span:nth-of-type(3) { top: 15px; }
.menu-trigger.active span:nth-of-type(1) { -webkit-transform: translateY(11px) rotate(-45deg); transform: translateY(11px) rotate(-45deg); background: #000; }
.menu-trigger.active span:nth-of-type(2) { opacity: 0; }
.menu-trigger.active span:nth-of-type(3) { -webkit-transform: translateY(-3.5px) rotate(45deg); transform: translateY(-3.5px) rotate(45deg); background: #000; }

.spmenu {position: fixed; top: 0; left: 100vw; width: 100%; height: 100vh; background: rgba(0,0,0,.8); padding: 5vw; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .8s; transition: all .8s;}
.spmenu.active { left: 0; -webkit-transition: all .8s; transition: all .8s;}
.spmenu .gmenu .txt_s {display: none;}
.spmenu .gmenu a {color: #fff; padding: 2vh 0; border-top: dotted 1px rgba(255,255,255,.5); display: block; }
.spmenu .gmenu a:last-child {color: #fff; padding: 2vh 0; border-top: dotted 1px rgba(255,255,255,.5); border-bottom: dotted 1px rgba(255,255,255,.5); display: block; }
.spmenu .gmenu .submenu { padding-left: 10vw;}
.spmenu .gmenu .submenu a:last-child {color: #fff; padding: 2vh 0; border-top: dotted 1px rgba(255,255,255,.5); border-bottom: none; display: block; }



/* TOP */
.mv { position: relative; width: 100%; margin: 10vh auto; overflow: hidden; height: 40vh;}
.mv .slider {position: absolute; top: 0; left: 0; width: 100%; height: 40vh; z-index: 1;}
.mv .slider .mv_main {height: 40vh; width: auto;}
.mv .mv_bg { position: absolute; left: 0; bottom: 0%; width: 100%; z-index: 2;}
.mv .mv_txt {position: absolute; left: -17vw; top: 0; z-index: 3; margin: 0 auto; text-align: center; width: 160vw!important;max-width: 160vw; z-index: 3;}





.container .lead_ttl { display: block; text-align: center; margin: 20px auto 10px; max-width: 98%;}
.container .lead_ttl.h5 {height: 7vh;}

.index_list { margin: 0 auto 20px; padding: 0; display: block;}
.index_list .cell { padding: 10px; margin-bottom: 20px; text-align: center; border-radius: 15px; box-shadow: 0 0 4px #ccc; -webkit-box-sizing: border-box; box-sizing: border-box;}
.index_list .cell .ttl {font-weight: bold; padding: 2px 0; width: 95%; margin: 0 auto 10px; color: #fff; border-radius: 10px;}
.index_list .cell .ttl p { font-size: 14px; }
.index_list .cell .ttl.ttl_01 { background: #fcb7b7;}
.index_list .cell .ttl.ttl_02 { background: #71d3d0;}
.index_list .cell .ttl.ttl_03 { background: #eeb97e;}
.index_list .cell img { margin: 0 auto 10px; max-width: 100%;}
.index_list .cell h3 {  font-weight: bold;}
.index_list .cell .txt { margin: 0 0 10px;}
.index_list .cell a p { background: #f07e01; font-weight: bold; text-align: center; color: #fff; margin: 0 auto; width: 40%; height: 35px; line-height: 35px;}

.index_aboutsus { position: relative; width: 100%; height: auto; margin: 0 auto 10vh;}
.index_aboutsus .lead_ttl { width: auto; height: 9vh;}
.index_aboutsus .bg_main { display: none;}
.index_aboutsus .bg { display: none;}
.index_aboutsus .cell_txt { background: rgba(255,255,255,0.8); border-radius: 15px; border: 1px dashed #f07e01; padding: 20px;}
.index_aboutsus .cell_txt img { margin-bottom: 10px; width: 100%; height: auto;}
.index_aboutsus .cell_txt p {}
.index_aboutsus .cell_txt a.btn01 { text-align: center; width: 40%; height: 35px; line-height: 35px; color: #fff; background: #f07e01; margin: 10px auto 0; border-radius: 0px; padding: 0; border: none;}
.index_aboutsus .cell_txt a.btn01 p { line-height: 35px;}

.index_news { position: relative; width: 100%; margin: 0 auto 10vh; overflow: hidden; display: flex; flex-direction: column;}
.index_news .bgimg { order: 1; display: block; }
.index_news .news_cell { order: 2; display: block; margin: 0 auto; height: auto; background: #fff; border-radius: 15px; padding: 10px 4vw 0;}
.index_news .news_cell a.btn01 { text-align: center; width: 130px; height: 35px; line-height: 35px; color: #fff; background: #f07e01; margin: 20px auto 0; border-radius: 0px; padding: 0; border: none;}
.index_news .news_cell a.btn01 p {}

.list_bnr { display: block; padding: 0 1%;}
.list_bnr a { display: block; width: auto; height: auto; background: #89dad8; border-radius: 15px; color: #fff; padding: 10px; margin: 0 auto 10px;}
.list_bnr a p { color: #fff;}
.list_bnr a .cell { position: relative; display: flex; -webkit-flex-wrap: flex-start; flex-wrap: flex-start; align-items: center; width: 100%; height: 100%;}
.list_bnr a .cell .cell_menu { width: 35px; height: 35px; background: #fff; border-radius: 50%; margin-right: 10px; text-align: center; display: flex; align-items: center; justify-content: center;}
.list_bnr a .cell .cell_menu svg { width: 15px; height: auto;}
.list_bnr a .cell .cell_menu .icon01 { fill: #13b5b1;}
.list_bnr a .cell .cell_menu .icon02 { fill: #f07e01;}
.list_bnr a .cell .cell_txt { display: flex; -webkit-flex-direction: column; flex-direction: column;}
.list_bnr a .cell .cell_txt .txt_s p { font-size: 8px; margin: 2px 0 0;}
.list_bnr a .cell img.icn { position: absolute; top: 50%; right: 0; width: 10px; height: auto; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.list_bnr a.link_recruit { background: #f07e01;}
.list_bnr a.link_recruit .txt_s {}



/* recruit */
.kasou_recruit { background: #fffbed;}

.recruit_ttl { position: relative; width: 100%; max-width: 1900px; margin: 0 auto 45px;}
.recruit_ttl .ttl_main { width: 100%; height: auto;}
.recruit_ttl .ttl_bg { position: absolute; left: 0; bottom: 0%; width: 100%;}
.recruit_ttl .ttl { position: absolute; left: 0; top: 0%; bottom: 0%;}

.recruit_list_bnr { z-index: 10; position: relative; display: block; width: 98%; padding: 0; margin: 0 auto 10vh; }
.recruit03 .recruit_list_bnr { margin: 20px auto 20px;}
.recruit04 .recruit_list_bnr { margin: 20px auto 20px;}
.recruit_list_bnr a { display: flex; width: 100%; height: auto; background: #fcb7b7; border-radius: 15px; color: #fff; padding: 10px; margin: 0 0 3vh 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
.recruit_list_bnr a:nth-of-type(3) { background: #71d3d0;}
.recruit_list_bnr a:nth-of-type(4) { background: #eeb97e;}
.recruit_list_bnr a p { color: #fff; font-size: 4vw;}
.recruit_list_bnr a p br {display: none;}
.recruit_list_bnr a .cell { position: relative; display: flex; -webkit-flex-wrap: flex-start; flex-wrap: flex-start; align-items: center; width: 100%; height: 100%;}
.recruit_list_bnr a .cell .cell_txt { display: flex; align-items: center; }

.recruit_list_bnr a .cell .cell_txt .txt_s { margin: 2px 0 0;}
.recruit_list_bnr a .cell .cell_txt .txt_s  p { font-size: 3vw;}
.recruit_list_bnr a .cell img.icn { position: absolute; top: 50%; right: 0; width: 10px; height: auto; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.recruit_list_bnr a.btn_select .cell img.icn { display: none;}
.recruit_list_bnr a.btn_select .cell:before { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -15px; border: 15px solid transparent; border-top: 15px solid #fcb7b7;}
.recruit_list_bnr a.btn_select:nth-of-type(3) .cell:before { border-top: 15px solid #71d3d0;}
.recruit_list_bnr a.btn_select:nth-of-type(4) .cell:before { border-top: 15px solid #eeb97e;}

.job_area { position: relative; width: 100%;  margin: 20px auto; padding: 0!important; background: #fff;}
.job_area .bg_job { position: absolute; left: 0; top: 0%; width: 100%;}
.job_area .bg_job_btm { z-index: 1; position: absolute; left: 0; bottom: 0%; width: 100%;}


.recruit03 .job_area { display: flex; justify-content: center; flex-direction: column; overflow: hidden; width: 100%; margin: 0;background: #fffbed;}
.recruit03 .job_area .txt { order: 1; margin: 20px;}
.recruit03 .job_area .bgmain { display: none;}
.recruit03 .job_area .bg_job { display: none;}
.recruit03 .job_area .bg_job_btm {display: none; }

.recruit_cell01 { z-index: 10; position: relative; margin: 0 auto; display: block; width: 96%; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }
.recruit_cell01 img { width: 70%; text-align: center; display: block; margin: 0 auto 3vh;}
.recruit_cell01 .txt_cell { width: auto; margin: 0 auto 20px;}
.recruit_cell01 .txt_cell h3 { font-size: 14px; color: #f07e01; margin: 0 0 10px; font-weight: bold;}
.recruit_cell01 .txt_cell p { text-align: left;}

.recruit04 .job_area .lead_ttl { display: block; text-align: center; margin: 0px auto 25px; padding-top: 110px;}


.staff_area { position: relative; width: 100%; margin: 0 auto 20px; padding: 20px 0; background: #fff;}
.staff_area .recruit_cell01:nth-of-type(2n) img { order: 2;}
.staff_area .recruit_cell01:nth-of-type(2n) .txt_cell { order: 1; margin: 0;}
.staff_area .bg_staff_btm { z-index: 1; position: absolute; left: 0; bottom: 0%; width: 100%;}
.recruit03 .staff_area { margin: 0 auto 0px; padding: 0; background: none;}
.recruit04 .staff_area { margin: 0 auto 0px; padding: 0; background: none;}
.recruit04 .staff_area .txt_cell { background: #fff; padding: 10px; border-radius: 15px;}

.point_area { position: relative; width: 100%; margin: 0 auto; padding: 0;}
.point_area .bg_point_btm { display: none;}
.point_area .lead_ttl { display: block; text-align: center; margin: 0 auto 5vh;}

.day_area { position: relative; width: 98%; margin: 0 auto; padding: 0;}
.recruit04 .day_area { padding: 20px 0;}
.recruit04 .day_area .bg_btm { display: none;}

.day_tab {  margin: 10px auto ; display: block; width: 100%;}
.day_tab a { display: block; width: 100%; height: auto; text-align: center; background: #99978e; margin: 0 auto; padding: 0;}
.day_tab a.tab_select { display: block; background: #fcb7b7;}
.day_tab a p { color: #fff; padding: 5px 0; margin: 0; font-weight: bold;}
.day_tab a img.icn { position: absolute; top: 50%; right: 45px; width: 9px; height: 12px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.day_cell { display: block; margin: 0 auto; background: #f7d8d8; border: 5px solid #fcb7b7; padding: 5vw;}

.recruit04 .day_cell { background: #faf0e6; border: 5px solid #e7d6c6; padding: 5px; margin: 20px auto 0;}
.day_list { position: relative; z-index: 10; margin: 0 auto 20px; padding: 0; display: block; }
.day_list .cell { padding: 10px; margin: 0 0 20px 0; width: 100%; text-align: left; border-radius: 15px; box-shadow: 0 0 4px #ccc; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box;}
.day_list .cell .h3_ttl { display: flex; width: 100%; justify-content: flex-start; margin: 0 auto 10px;}
.day_list .cell .ttl { font-size: 16px; font-weight: bold; padding: 0px 5px; margin: 0 10px 0 0; border: 1px solid #000; line-height: 1; display: flex; justify-content: center; align-items: center;}
.day_list .cell h3 { font-size: 16px; font-weight: bold; color: #f07e01; text-align: center; margin: 0; padding: 0;}
.day_list .cell img { margin: 0 auto 10px; width: auto; max-width: 100%;}
.day_list .cell .txt {  margin: 0;}
.day_list .cell .txt span {font-size: 12px!important;}

.recruit_list { position: relative; z-index: 10; margin: 0 auto 20px; padding: 0; display: block;  width: 98%; }
.recruit_list .cell { padding: 10px; margin: 0 auto 20px; width: 100%; text-align: left; border-radius: 15px; box-shadow: 0 0 4px #ccc; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box;}
.recruit_list .cell:nth-of-type(3) { margin: 0 0% 0 0;}
.recruit_list .cell .ttl { padding: 2px 0; width: auto; margin: 0 auto; color: #fff; background: #fcb7b7; border-radius: 10px; text-align: center;}
.recruit_list .cell .ttl p {font-size: 16px; font-weight: bold;}
.recruit_list .cell .ttl + img { margin: 10px auto;}
.recruit_list .cell .h3_ttl { display: flex; width: 100%; height: auto; align-items: center; justify-content: center; margin: 10px auto;}
.recruit_list .cell h3 { font-size: 20px; font-weight: bold; color: #f07e01; text-align: center;}
.recruit_list .cell img { margin: 0 auto 5px; width: auto; max-width: 100%;}
.recruit_list .cell .txt { margin: 0;}



.attention_area { margin: 20px auto; padding: 10px; background: #fff; width: 98%; overflow: hidden;}
.attention_area .lead_ttl { display: block; text-align: center; margin: 0 auto 10px;}

.attention_area .welfare_area { margin: 20px auto 10px; padding: 0;}
.attention_area .welfare_cell { margin: 0 auto 10px; padding: 0;}
.attention_area .welfare_cell .ttl_cell { display: block; margin: 0 auto 10px; }
.attention_area .welfare_cell .ttl_cell p { width: 105px; height: 30px; line-height: 30px; margin: 0 0 10px 0; padding: 0 0; text-align: center; border-radius: 10px; color: #fff; font-size: 18px; font-weight: bold;}
.attention_area .welfare_cell:nth-of-type(1) .ttl_cell p { background-image: linear-gradient( -45deg, #f39292 5%, #f07a7a 5%, #f07a7a 10%, #f39292 10%, #f39292 15%, #f07a7a 15%, #f07a7a 20%, #f39292 20%, #f39292 25%, #f07a7a 25%, #f07a7a 30%, #f39292 30%, #f39292 35%, #f07a7a 35%, #f07a7a 40%, #f39292 40%, #f39292 45%, #f07a7a 45%, #f07a7a 50%, #f39292 50%, #f39292 55%, #f07a7a 55%, #f07a7a 60%, #f39292 60%, #f39292 65%, #f07a7a 65%, #f07a7a 70%, #f39292 70%, #f39292 75%, #f07a7a 75%, #f07a7a 80%, #f39292 80%, #f39292 85%, #f07a7a 85%, #f07a7a 90%, #f39292 90%, #f39292 95%, #f07a7a 95%, #f07a7a); background-size: 40px 40px; background-attachment: fixed;}
.attention_area .welfare_cell:nth-of-type(2) .ttl_cell p { background-image: linear-gradient( -45deg, #f3952f 5%, #f07e0d 5%, #f07e0d 10%, #f3952f 10%, #f3952f 15%, #f07e0d 15%, #f07e0d 20%, #f3952f 20%, #f3952f 25%, #f07e0d 25%, #f07e0d 30%, #f3952f 30%, #f3952f 35%, #f07e0d 35%, #f07e0d 40%, #f3952f 40%, #f3952f 45%, #f07e0d 45%, #f07e0d 50%, #f3952f 50%, #f3952f 55%, #f07e0d 55%, #f07e0d 60%, #f3952f 60%, #f3952f 65%, #f07e0d 65%, #f07e0d 70%, #f3952f 70%, #f3952f 75%, #f07e0d 75%, #f07e0d 80%, #f3952f 80%, #f3952f 85%, #f07e0d 85%, #f07e0d 90%, #f3952f 90%, #f3952f 95%, #f07e0d 95%, #f07e0d); background-size: 40px 40px; background-attachment: fixed;}
.attention_area .welfare_cell:nth-of-type(3) .ttl_cell p { background-image: linear-gradient( -45deg, #77d0ce 5%, #71cbc8 5%, #71cbc8 10%, #77d0ce 10%, #77d0ce 15%, #71cbc8 15%, #71cbc8 20%, #77d0ce 20%, #77d0ce 25%, #71cbc8 25%, #71cbc8 30%, #77d0ce 30%, #77d0ce 35%, #71cbc8 35%, #71cbc8 40%, #77d0ce 40%, #77d0ce 45%, #71cbc8 45%, #71cbc8 50%, #77d0ce 50%, #77d0ce 55%, #71cbc8 55%, #71cbc8 60%, #77d0ce 60%, #77d0ce 65%, #71cbc8 65%, #71cbc8 70%, #77d0ce 70%, #77d0ce 75%, #71cbc8 75%, #71cbc8 80%, #77d0ce 80%, #77d0ce 85%, #71cbc8 85%, #71cbc8 90%, #77d0ce 90%, #77d0ce 95%, #71cbc8 95%, #71cbc8); background-size: 40px 40px; background-attachment: fixed;}
.attention_area .welfare_cell:nth-of-type(4) .ttl_cell p { background-image: linear-gradient( -45deg, #dc9f5b 5%, #d48a39 5%, #d48a39 10%, #dc9f5b 10%, #dc9f5b 15%, #d48a39 15%, #d48a39 20%, #dc9f5b 20%, #dc9f5b 25%, #d48a39 25%, #d48a39 30%, #dc9f5b 30%, #dc9f5b 35%, #d48a39 35%, #d48a39 40%, #dc9f5b 40%, #dc9f5b 45%, #d48a39 45%, #d48a39 50%, #dc9f5b 50%, #dc9f5b 55%, #d48a39 55%, #d48a39 60%, #dc9f5b 60%, #dc9f5b 65%, #d48a39 65%, #d48a39 70%, #dc9f5b 70%, #dc9f5b 75%, #d48a39 75%, #d48a39 80%, #dc9f5b 80%, #dc9f5b 85%, #d48a39 85%, #d48a39 90%, #dc9f5b 90%, #dc9f5b 95%, #d48a39 95%, #d48a39); background-size: 40px 40px; background-attachment: fixed;}
.attention_area .welfare_cell .ttl_cell h3 { font-size: 16px; margin: 10px 0 0 0;}
.attention_area .welfare_cell .txt {  margin: 0 0 10px;}

.attention_area .flow_area { display: block; margin: 20px auto 0; padding: 0;}
.attention_area .flow_cell { margin: 0 auto 20px; padding: 0; width: 98%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.attention_area .flow_cell .num { margin: 0 auto; padding: 0; width: 63px; height: 63px; line-height: 63px; color: #fff; font-weight: bold; text-align: center; background: #f07e01; border-radius: 50%;}
.attention_area .flow_cell .num p {font-size: 36px;}
.attention_area .flow_cell h3 { margin: 10px auto; text-align: center; padding: 0; font-size: 20px; font-weight: bold;}
.attention_area .flow_cell .txt { text-align: left;}

.attention_area .recruit_tbl { display: block; width: 100%; border-collapse:  collapse;}
.attention_area .recruit_tbl .tbl_th { display: block; width: 100%; border: 1px solid #cddeea; border-top: none; background: #e4edf2; padding: 3vw; -webkit-box-sizing: border-box; box-sizing: border-box;}
.attention_area .recruit_tbl .tbl_td { display: block; padding: 3vw; border: 1px solid #cddeea; border-top: none;}
.attention_area .recruit_tbl.tbl_top .tbl_th { border-top: 1px solid #cddeea !important;}
.attention_area .recruit_tbl.tbl_top .tbl_td { border-top: 1px solid #cddeea !important;}
.attention_area .recruit_tbl a { color: #667b00; text-decoration: underline;}

.attention_area .txt_beauty { text-align: center; margin: 0 0 20px;}
.recruit04 .attention_area .recruit_tbl { display: block; width: 100%; border-collapse:  collapse;}
.recruit04 .attention_area .recruit_tbl.tbl_top .tbl_th { border:none!important;}
.recruit04 .attention_area .recruit_tbl.tbl_top .tbl_td { border:none!important;}
.recruit04 .attention_area .recruit_tbl .tbl_th { display: block; width: 100%; border: none; background: none; padding: 0!important; font-weight: bold;}
.recruit04 .attention_area .recruit_tbl .tbl_td { display: block; width: 100%; border: none; padding: 0 0 10px!important; border: none; border-top: none;}

.course_cell { position: relative; width: 100%; overflow: hidden; margin: 0 auto; padding: 10px; background: #fff;}
.course_cell .bg_course { display: none;}
.course_cell .recruit_tbl { display: block; width: 100%; overflow-x: scroll;}

.course_cell .kouzatable{ position: relative; width: 1300px; margin: 0 auto; padding: 0; background: #fff;}

.course_cell .recruit_tbl .tbl_th { display: table-cell; border: 1px solid #cddeea; background: #e4edf2; padding: 10px 0px; text-align: center; color: #62454a; font-weight: bold;}
.course_cell .recruit_tbl .tbl_td { display: table-cell; padding: 10px 0px; border: 1px solid #cddeea; border-top: none;}
.course_cell .recruit_tbl .tbl_th:nth-of-type(2),
.course_cell .recruit_tbl .tbl_th:nth-of-type(8) { width: 150px;}
.course_cell .recruit_tbl .tbl_th:nth-of-type(3),
.course_cell .recruit_tbl .tbl_th:nth-of-type(4),
.course_cell .recruit_tbl .tbl_th:nth-of-type(5),
.course_cell .recruit_tbl .tbl_th:nth-of-type(7) { width: 85px;}
.course_cell .recruit_tbl .tbl_th:nth-of-type(6) { width: 110px;}
.course_cell .recruit_tbl .tbl_th:nth-of-type(1),
.course_cell .recruit_tbl .tbl_td:nth-of-type(1) { width: 419px;}
.course_cell .recruit_tbl .tbl_td:nth-of-type(2),
.course_cell .recruit_tbl .tbl_td:nth-of-type(8) { width: 150px;}
.course_cell .recruit_tbl .tbl_td:nth-of-type(3),
.course_cell .recruit_tbl .tbl_td:nth-of-type(4),
.course_cell .recruit_tbl .tbl_td:nth-of-type(5),
.course_cell .recruit_tbl .tbl_td:nth-of-type(7) { width: 85px;}
.course_cell .recruit_tbl .tbl_td:nth-of-type(6) { width: 110px;}
.course_cell .recruit_tbl .tbl_td p { font-size: 14px; text-align: left; padding: 0 10px;}
.course_cell .recruit_tbl .tbl_td:nth-of-type(3) p,
.course_cell .recruit_tbl .tbl_td:nth-of-type(6) p,
.course_cell .recruit_tbl .tbl_td:nth-of-type(8) p { text-align: right;}
.course_cell .recruit_tbl .tbl_td:nth-of-type(4) p,
.course_cell .recruit_tbl .tbl_td:nth-of-type(5) p,
.course_cell .recruit_tbl .tbl_td:nth-of-type(7) p { text-align: center;}

.course_cell .recruit_tbl.tbl_02 { display: table; width: 750px; border-collapse: collapse;}
.course_cell .recruit_tbl.tbl_02 .tbl_td:nth-of-type(1) { width: 150px; border-left: none;}
.course_cell .recruit_tbl.tbl_02 .tbl_td:nth-of-type(7) { width: 150px;}
.course_cell .recruit_tbl.tbl_02 .tbl_td:nth-of-type(2),
.course_cell .recruit_tbl.tbl_02 .tbl_td:nth-of-type(3),
.course_cell .recruit_tbl.tbl_02 .tbl_td:nth-of-type(4),
.course_cell .recruit_tbl.tbl_02 .tbl_td:nth-of-type(6) { width: 85px;}
.course_cell .recruit_tbl.tbl_02 .tbl_td:nth-of-type(5) { width: 110px;}
.course_cell .recruit_tbl.tbl_02 .tbl_td:nth-of-type(2) p,
.course_cell .recruit_tbl.tbl_02 .tbl_td:nth-of-type(5) p,
.course_cell .recruit_tbl.tbl_02 .tbl_td:nth-of-type(7) p { text-align: right;}
.course_cell .recruit_tbl.tbl_02 .tbl_td:nth-of-type(3) p,
.course_cell .recruit_tbl.tbl_02 .tbl_td:nth-of-type(4) p,
.course_cell .recruit_tbl.tbl_02 .tbl_td:nth-of-type(6) p { text-align: center;}
.course_cell .recruit_tbl a { color: #667b00; text-decoration: underline;}

.traning_area {}




/************************/
/************************/
/************************/
/************************/
/************************/
/************************/
/************************/
/************************/
/************************/
/************************/
.course_cell { position: relative; width: 100%; max-width: 1900px; margin: 20px auto; padding: 0; background: #fff;}

.course_cell .table1 p,.course_cell .table1 span,.course_cell .table1 span span,
.course_cell .table2 p,.course_cell .table1 span,.course_cell .table2 span span,
.course_cell .table3 p,.course_cell .table1 span,.course_cell .table3 span span
 {font-size: 2.5vw!important; line-height: 1.3em;}
.course_cell .table1 p,.course_cell .table2 p,.course_cell .table3 p {padding: 5px!important;}

.course_cell h3 {font-size: 16px; font-weight: bold; color: #f07e01; text-align: center; margin: 0 auto 10px; padding: 0;}
.course_cell .cnt { margin-bottom: 30px;}
.course_cell .cnt p { text-align: center; display: block; margin: 0 auto;}
.course_cell .table1 {}
.course_cell .table1 .ttl { display: flex; width: 100%; justify-content: flex-start; align-items: center; border: solid 1px #cddeea; -webkit-box-sizing: border-box; box-sizing: border-box;}
.course_cell .table1 .ttl div {}
.course_cell .table1 .ttl div:nth-of-type(1) { width: 30%; background: #f07e01; padding: 0; color: #fff; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
.course_cell .table1 .ttl div:nth-of-type(2) { width: 70%; padding: 10px; background: #fffbed; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
.course_cell .table1 .ttl div p {}
.course_cell .table1 .cont { display: flex; width: 100%; justify-content: flex-start; align-items: center; border-bottom: solid 1px #cddeea; border-left: solid 1px #cddeea; border-right: solid 1px #cddeea;}
.course_cell .table1 .cont div:nth-of-type(1) { width: 15%; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
.course_cell .table1 .cont div:nth-of-type(2) { width: 42.5%; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
.course_cell .table1 .cont div:nth-of-type(3) { width: 42.5%; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box;}

.course_cell .table2 { margin-top: 25px;}
.course_cell .table2 .ttl { display: flex; width: 100%; justify-content: flex-start; border: solid 1px #cddeea; background: #f07e01; -webkit-box-sizing: border-box; box-sizing: border-box;}
.course_cell .table2 .ttl div {color: #fff; padding: 3px 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: solid 1px rgba(255,255,255,.4); display: flex; justify-content: center; align-items: center; flex-direction: column;}
.course_cell .table2 .ttl div:nth-of-type(1) { width: 131px;}
.course_cell .table2 .ttl div:nth-of-type(2) { width: 255px;}
.course_cell .table2 .ttl div:nth-of-type(3) { width: 85px; }
.course_cell .table2 .ttl div:nth-of-type(4) { width: 149px;}
.course_cell .table2 .ttl div:nth-of-type(5) { width: 205px;}
.course_cell .table2 .ttl div:nth-of-type(6) { width: 117px;}
.course_cell .table2 .ttl div:nth-of-type(7) { width: 220px; border: none; }

.course_cell .table2 .cont { display: flex; width: 100%; justify-content: flex-start; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: solid 1px #cddeea; border-left: solid 1px #cddeea; border-right: solid 1px #cddeea;}
.course_cell .table2 .cont div { padding: 10px 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: solid 1px #cddeea; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.course_cell .table2 .cont div:nth-of-type(1) { width: 131px;}
.course_cell .table2 .cont div:nth-of-type(2) { width: 255px;}
.course_cell .table2 .cont div:nth-of-type(3) { width: 85px; }
.course_cell .table2 .cont div:nth-of-type(4) { width: 149px;}
.course_cell .table2 .cont div:nth-of-type(5) { width: 205px;}
.course_cell .table2 .cont div:nth-of-type(6) { width: 117px;}
.course_cell .table2 .cont div:nth-of-type(7) { width: 220px; border: none; }

.course_cell .table3 { margin-top: 25px;}
.course_cell .table3 .ttl { display: flex; width: 100%; justify-content: flex-start; align-items: center; border: solid 1px #cddeea; -webkit-box-sizing: border-box; box-sizing: border-box;}
.course_cell .table3 .ttl div {}
.course_cell .table3 .ttl div:nth-of-type(1) { width: 100%; background: #f07e01; padding: 10px; color: #fff; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.course_cell .table3 .ttl div p {}
.course_cell .table3 .maincell { display: flex; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; flex-direction: column;}
.course_cell .table3 .maincell .cellrow { width: 100%; display: flex; flex-direction: column; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px #cddeea;}
.course_cell .table3 .maincell .cell { width: 100%; display: flex; border-bottom: solid 1px #cddeea; }
.course_cell .table3 .maincell .cell:nth-last-of-type(1) { border-bottom: none; }
.course_cell .table3 .maincell .cell .tricell { display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: solid 1px #cddeea;}
.course_cell .table3 .maincell .cell .tricell:nth-of-type(1) { width: 35%;}
.course_cell .table3 .maincell .cell .tricell:nth-of-type(2) { width: 35%;}
.course_cell .table3 .maincell .cell .tricell:nth-of-type(3) { width: 30%;}
.course_cell .table3 .maincell .cell .tricell div { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.course_cell .table3 .maincell .cell .tricell:nth-of-type(1) div p {padding: 10px 0; text-align: left; display: block; width: 96%;}
.course_cell .table3 .maincell .cell .tricell:nth-of-type(2) div p {padding: 10px 0; text-align: left; display: block; width: 96%;}
.course_cell .table3 .maincell .cell .tricell div p br {display: none;}
.course_cell .table3 .maincell .cell .tricell.cource {flex-direction: column; width: 30%; border-right: none;}
.course_cell .table3 .maincell .cell:nth-of-type(1) .tricell.cource .courcelist { display: flex; border-top: solid 1px #cddeea;}
.course_cell .table3 .maincell .cell .tricell.cource .courcelist { display: flex;}
.course_cell .table3 .maincell .cell .tricell.cource .courcelist div { width: 20%;}
.course_cell .table3 .maincell .cell .tricell.cource .courcelist div:nth-of-type(odd) { background: #fffbed;}







/************************/
/************************/
/************************/
/************************/
/************************/
/************************/
/************************/
/************************/
/************************/
/************************/








.traning_area .bg_point_btm { width: 100%; height: auto;}
.traning_cell { position: relative; width: 100%; margin: 0 auto;}
.traning_cell.cell01 { padding: 10px 0 0 0;}
.traning_cell.cell01 .bg_img01 { width: 100%;}
.traning_cell.cell01 .bg_img02 {display: none;}
.traning_cell.cell01 .cell { padding: 10px; margin: 10px 0; width: 100%; text-align: left; border-radius: 15px; box-shadow: 0 0 4px #ccc; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }
.traning_cell.cell02 { padding: 10px 0 0 0;}
.traning_cell.cell02 .bg_img01 {display: none;}
.traning_cell.cell02 .bg_img02 { width: 100%;}
.traning_cell.cell02 .cell { padding: 10px; margin: 10px 0; width: 100%; text-align: left; border-radius: 15px; box-shadow: 0 0 4px #ccc; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }
.traning_cell .cell .h3_ttl { display: flex; width: 100%; justify-content: flex-start; margin: 0 auto 15px;}
.traning_cell .cell h3 { font-size: 16px; font-weight: bold; color: #f07e01; text-align: center; margin: 0; padding: 0;}
.traning_cell.cell02 .cell .txt { margin: 0 0 10px;}
.traning_cell.cell02 .cell .ttl { width: 95%; color: #fff; font-size: 18px; font-weight: bold; padding: 3px 5px; margin: 0 0 10px; border-radius: 10px;}
.traning_cell.cell02 .cell .ttl.ttl01 { background-image: linear-gradient( -45deg, #77d0ce 5%, #71cbc8 5%, #71cbc8 10%, #77d0ce 10%, #77d0ce 15%, #71cbc8 15%, #71cbc8 20%, #77d0ce 20%, #77d0ce 25%, #71cbc8 25%, #71cbc8 30%, #77d0ce 30%, #77d0ce 35%, #71cbc8 35%, #71cbc8 40%, #77d0ce 40%, #77d0ce 45%, #71cbc8 45%, #71cbc8 50%, #77d0ce 50%, #77d0ce 55%, #71cbc8 55%, #71cbc8 60%, #77d0ce 60%, #77d0ce 65%, #71cbc8 65%, #71cbc8 70%, #77d0ce 70%, #77d0ce 75%, #71cbc8 75%, #71cbc8 80%, #77d0ce 80%, #77d0ce 85%, #71cbc8 85%, #71cbc8 90%, #77d0ce 90%, #77d0ce 95%, #71cbc8 95%, #71cbc8); background-size: 40px 40px; background-attachment: fixed;}
.traning_cell.cell02 .cell .ttl.ttl02 { background-image: linear-gradient( -45deg, #f3952f 5%, #f07e0d 5%, #f07e0d 10%, #f3952f 10%, #f3952f 15%, #f07e0d 15%, #f07e0d 20%, #f3952f 20%, #f3952f 25%, #f07e0d 25%, #f07e0d 30%, #f3952f 30%, #f3952f 35%, #f07e0d 35%, #f07e0d 40%, #f3952f 40%, #f3952f 45%, #f07e0d 45%, #f07e0d 50%, #f3952f 50%, #f3952f 55%, #f07e0d 55%, #f07e0d 60%, #f3952f 60%, #f3952f 65%, #f07e0d 65%, #f07e0d 70%, #f3952f 70%, #f3952f 75%, #f07e0d 75%, #f07e0d 80%, #f3952f 80%, #f3952f 85%, #f07e0d 85%, #f07e0d 90%, #f3952f 90%, #f3952f 95%, #f07e0d 95%, #f07e0d); background-size: 40px 40px; background-attachment: fixed;}
.traning_cell.cell02 .cell .ttl.ttl03 { background-image: linear-gradient( -45deg, #f39292 5%, #f07a7a 5%, #f07a7a 10%, #f39292 10%, #f39292 15%, #f07a7a 15%, #f07a7a 20%, #f39292 20%, #f39292 25%, #f07a7a 25%, #f07a7a 30%, #f39292 30%, #f39292 35%, #f07a7a 35%, #f07a7a 40%, #f39292 40%, #f39292 45%, #f07a7a 45%, #f07a7a 50%, #f39292 50%, #f39292 55%, #f07a7a 55%, #f07a7a 60%, #f39292 60%, #f39292 65%, #f07a7a 65%, #f07a7a 70%, #f39292 70%, #f39292 75%, #f07a7a 75%, #f07a7a 80%, #f39292 80%, #f39292 85%, #f07a7a 85%, #f07a7a 90%, #f39292 90%, #f39292 95%, #f07a7a 95%, #f07a7a); background-size: 40px 40px; background-attachment: fixed;}



.beauty_area { width: 100%; margin: 0 auto; padding-top: 20px; padding-bottom: 20px;background:linear-gradient(0deg,#fffbed 0%,#fffbed 30%,#fff 30%,#fff 100%);}
.beauty_area .bg_tp { display: none;}
.beauty_area .bg_main { width: 100%;}
.beauty_area .bg_btm { display: none;}
.beauty_area .lead_ttl { display: block; text-align: center; margin: 20px auto;}
.beauty_cell { width: 100%;  margin: 0 auto; padding: 30px 0 0;}

.beauty_cell .bg_img01 {display: block; margin-bottom: 20px;}
.beauty_cell .cell {  padding: 10px; margin: 0 auto 20px; width: 96%; text-align: left; border-radius: 15px; box-shadow: 0 0 4px #ccc; background: #fff;}
.beauty_cell .cell02 { padding: 10px; margin: 0 auto 20px; width: 96%; text-align: left; border-radius: 15px; box-shadow: 0 0 4px #ccc; background: #fff;}
.beauty_cell .cell h3 { font-size: 16px; font-weight: bold; color: #f07e01; text-align: left; margin: 0 0 20px; padding: 0;}
.beauty_cell .cell .txt { margin: 0 0 20px;}
.beauty_cell .cell02 img { margin: 0 0 20px; padding: 0;}
.beauty_cell .cell02 h3 { font-size: 16px; font-weight: bold; color: #f07e01; text-align: left; margin: 0 0 20px; padding: 0;}
.beauty_cell .cell02 .txt { margin: 0 0 20px;}


.recruit_entry_cell { position: relative; width: 96%; margin: 0 auto; text-align: center;}
.recruit_entry_cell .bg_main { display: none;}
.recruit_entry_cell .bg_header { display: none;}
.recruit_entry_cell .bg_footer { display: none;}
.recruit_entry_cell .ttl_entry { margin-bottom: 5vh; width: 100%; height: auto;}
.recruit_entry_cell .txt_entry { margin-bottom: 5vh; width: 100%; height: auto;}


.recruit_entry_cell .btn_entry {}
.recruit_entry_cell .btn_entry a { position: relative; display: block; max-width: 100%; background: #13b5b1; border-radius: 15px; color: #fff;}
.recruit_entry_cell .btn_entry a p { color: #fff; font-size: 18px;}
.recruit_entry_cell .btn_entry a .cell {  display: flex; -webkit-flex-wrap: flex-start; flex-wrap: flex-start; align-items: center; width: 100%; height: 100%; padding: 3vw;}
.recruit_entry_cell .btn_entry a .cell .cell_menu { width: 30px; height: 30px; background: #fff; border-radius: 50%; margin-right: 10px; text-align: center; display: flex; align-items: center; justify-content: center;}
.recruit_entry_cell .btn_entry a .cell .cell_menu svg { fill: #13b5b1; width: 15px; height: auto;}
.recruit_entry_cell .btn_entry a .cell .cell_txt { display: flex; -webkit-flex-direction: column; flex-direction: column; font-size: 15px; text-align: left; text-decoration: none;}
.recruit_entry_cell .btn_entry a .cell .cell_txt .txt_s { display: none;}
.recruit_entry_cell .btn_entry a .cell img.icn { position: absolute; top: 50%; right: 30px; width: 10px; height: auto; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}


.recruit_entry_cell .entry_beauty { width: 100%; height: auto; margin: 0 auto; background: #fff; border: 5px solid #f07e01; text-align: center; padding: 10px;}
.recruit_entry_cell .entry_beauty .beauty { position: relative;}
.recruit_entry_cell .entry_beauty .beauty .ttl { margin: 0 auto 10px;}
.recruit_entry_cell .entry_beauty .beauty .txt { margin: 0 auto 10px;}
.recruit_entry_cell .entry_beauty .beauty a { display: block; width: auto; height: auto; background: #13b5b1; border-radius: 15px; color: #fff; padding: 10px; margin: 0 auto 10px;}
.recruit_entry_cell .entry_beauty .beauty a p { color: #fff;}
.recruit_entry_cell .entry_beauty .beauty a .cell { position: relative; display: flex; -webkit-flex-wrap: flex-start; flex-wrap: flex-start; align-items: center; width: 100%; height: 100%;}
.recruit_entry_cell .entry_beauty .beauty a .cell .cell_menu { width: 35px; height: 35px; background: #fff; border-radius: 50%; margin-right: 10px; text-align: center; display: flex; align-items: center; justify-content: center;}
.recruit_entry_cell .entry_beauty .beauty a .cell .cell_menu svg { fill: #13b5b1; width: 15px;}
.recruit_entry_cell .entry_beauty .beauty a .cell .cell_txt { display: flex; -webkit-flex-direction: column; flex-direction: column;}
.recruit_entry_cell .entry_beauty .beauty a .cell .cell_txt .txt_s p { font-size: 8px; margin: 2px 0 0; text-align: left;}
.recruit_entry_cell .entry_beauty .beauty a .cell  img.icn { position: absolute; top: 50%; right: 0; width: 10px; height: auto; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}

.container.youtube { display: block; margin: 0 auto 5vh; padding: 5vw; background: #fff; border-radius: 30px; }
.container.youtube div { display: block; width: 100%; height: auto; margin: 0 auto 3vh; }
.container.youtube div iframe { display: block; width: 100%; height: 140px; margin: 0; border: 0; }
.container.youtube .ttl {display: block; width: 100%; margin: 0 auto 3vh; text-align: center;}

.bgwcell.recruit03 .ttl { display: block; width: 100%; margin: 0 auto 5vh; text-align: center;}
.bgwcell.recruit03 .ttl img {padding-top: 4vh;}

}

















































/* pcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpc */
/* pcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpc */
/* pcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpc */
/* pcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpc */
/* pcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpc */
/* pcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpcpc */
@media only screen and (min-width: 1000px) {


.mb40 {margin-bottom: 40px;}

a:hover { text-decoration: none;}
p { margin-top: 0; margin-bottom: 0;}


body, html { background: #ddd;}
#root { display: block; width: 100%; height: auto; margin: 0 auto; overflow: hidden; max-width: 1900px; background: #fff;}
.wrapper { margin: 0 auto; max-width: 1900px;}
.container { margin: 0 auto; max-width: 1200px;}





#spMenu {display: none;}
.spmenu {display: none;}

.pgttl {position: relative; width: 100%; max-width: 1900px; height: 600px; overflow: hidden; margin: 0 auto;  }
.pgttl .container {position: absolute; left: 0; right: 0; top: 200px; z-index: 3; width: 1200px; margin: 0 auto;}
.pgttl .ttlbox { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; border-left: solid 10px #000; padding-left: 10px;}
.pgttl .ttlbox p { font-size: 35px; font-weight: bold; color: #000;}
.pgttl .ttlbox .en { margin-left: 10px; }
.pgttl .ttlbox .en p {display: inline-block; background: #f07e01; font-size: 12px; color: #fff; font-weight: bold; padding: 0 10px;}
.pgttl .ttlbox .sub { display: block; width: 100%;}
.pgttl .ttlbox .sub p {font-size: 20px; color: #000;}
.pgttl .mv_main {position: absolute; left: 0;bottom: 0%;width: 100%; z-index: 1;}
.pgttl .mv_bg {position: absolute; left: 0;bottom: 0%;width: 100%; z-index: 2;}


.container .duelcell { display: flex; justify-content: center; width: 1200px; margin-top: 50px;}
.container .duelcell .cell:nth-of-type(1) { display: block; width: 380px; margin: 0 5% 0 auto; text-align: center;}
.container .duelcell .cell:nth-of-type(1) img { display: block; max-width: 100%; height: auto; margin: 0 auto;}
.container .duelcell .cell:nth-of-type(2) { display: block; width: 820px;}
.container .duelcell .cell .txt {}
.container .duelcell .cell .txt p { margin-bottom: 20px;}
.container .duelcell .cell a {}

.container .flexcell { display: flex; justify-content: space-between; width: 1200px; margin-top: 50px;}
.container .flexcell .cell.img { width: 380px;}
.container .flexcell .cell.txt { width: 790px;}
.container .flexcell.left .cell.img { order:1;}
.container .flexcell.left .cell.txt { order:2;}
.container .flexcell.right .cell.img { order:2;}
.container .flexcell.right .cell.txt { order:1;}
.container .flexcell .cell .ttl { margin: 20px 0; font-size: 24px; font-weight: bold;}
.container .flexcell .cell .ttl.pink p { color: #f07a7a;}
.container .flexcell .cell .ttl.orange p { color: #f07e01;}
.container .flexcell .cell .ttl.blue p { color: #59c6c3;}

.bgcell { position: relative; width: 100%; height: 890px; overflow: hidden; background: #fbf9fa;}
.bgcell .container { position: absolute; z-index: 3; left: 0; right: 0; width: 1200px; height: auto; margin: auto;  }
.bgcell .container .cell_txt {background: rgba(255,255,255,.8); width: 800px; padding: 40px; box-sizing: border-box; margin-top: 200px; }
.bgcell .container .cell_txt img { margin-bottom: 30px;}
.bgcell .container .cell_txt div p { margin-bottom: 20px;}
.bgcell img.bg_main { position: absolute; top: 0;  right: 0; bottom: 0; margin: 0 auto; z-index: 1; width: auto; height: 100%; }
.bgcell img.bgtop { position: absolute; top: 0; left: 0; z-index: 2;  display: block; width: 100%; height: auto;}
.bgcell img.bgbtm { position: absolute; bottom: 0; left: 0; z-index: 2;  display: block; width: 100%; height: auto;}

.decobg { display: block; width: 100%; height: auto;}

.bgw { display: block; width: 100%; background: url(https://aoba200219.smooooth.jp/system_panel/uploads/images/20200501101022884079.png) no-repeat top left,url(https://aoba200219.smooooth.jp/system_panel/uploads/images/20200501110300649326.png) no-repeat left 80%;background-size: 100% auto;  padding-top: 10px;}
.bgw .decobg { display: block; width: 1200px; height: auto; margin: auto; }
.bgw .bgwcell { display: block; width: 1000px; height: auto; margin: auto; padding: 40px; -webkit-border-radius: 10px; border-radius: 10px; background: rgba(255,255,255,1); box-shadow: 0 0 3px rgba(0,0,0,0.4); }
.bgw .bgwcell .cell { display: block; width: 100%; margin: 0 auto 30px; text-align: center; }
.bgwcell .tablecell { display: flex; justify-content: flex-start; flex-wrap: wrap;}
.bgwcell .tablecell .left { width: 25%;}
.bgwcell .tablecell .left div p { color: #f07e01; font-weight: bold; }
.bgwcell .tablecell .right { width: auto; margin-left: 5%; margin-bottom: 30px;}
.bgwcell .tablecell .right.fl {display: flex; width: 65%;}
.bgwcell .tablecell .right.fl .duel { width: 47%; height: auto;}
.bgwcell .bnrarea { display: flex; justify-content: flex-start; flex-wrap: wrap; width: 100%; margin-top: 40px;}
.bgwcell .bnrarea a { display: block; width: 30%; margin: 0 1.5% 20px;}


.form .formdiv { display: flex; justify-content: flex-start; align-items: center; border-top: solid 1px #e3e1dd; }
.form .formdiv .formcell { width: 50%; display: flex; align-items: center; padding: 20px 0;}
.form .formdiv .formcell div:nth-of-type(1) { width: 15%; margin-right: 5%; padding: 20px 0;}
.form .formdiv .formcell div:nth-of-type(2) { width: 75%; }
.form .formcell.full { display: flex; justify-content: flex-start; align-items: center; border-top: solid 1px #e3e1dd; padding: 20px 0; }
.form .formcell.full div:nth-of-type(1) { width: 40%; margin-right: 5%; padding: 20px 0;}
.form .formcell.full div:nth-of-type(2) { width: 55%; }
.form .formcell.txtarea { display: block;  border-top: solid 1px #e3e1dd; padding: 20px 0; }
.form .formcell.txtarea div:nth-of-type(1) { display: block; margin-bottom: 10px;}
.form .formcell.txtarea div:nth-of-type(2) { display: block; }
.form .formcell label { margin-bottom: 0; }
.form .formcell input[type="text"] { display: block; width: 100%; padding: 10px; }
.form .formcell select { display: block; width: 100%; padding: 10px; }
.form .formcell textarea { display: block; width: 100%; padding: 10px; height: 20em; }
.form .submit { display: block; width: 100%; height: auto; margin: auto; text-align: center; }
.form .submit button { display: inline-block; background: #f07e01; color: #fff; padding: 30px; text-align: center; }

.index_news .bgimg { position: absolute; width: 100%; top: 0; left: 0; }
.webgene-item.bloglist { display: block; width: 100%; margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
.webgene-item.bloglist .artheader { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 100%; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
.webgene-item.bloglist .artheader time { font-size: 18px; color: #000; padding-right: 10px;}
.webgene-item.bloglist h2 a { font-size: 18px; font-weight: normal; color: #000;}

.webgene-blog {}
.webgene-blog .webgene-item {}
.webgene-blog .webgene-item header { display: block; width: 100%; margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
.webgene-blog .webgene-item header h2 {}
.webgene-blog .webgene-item header time { padding-left: 20px;}
.webgene-blog .webgene-item .webgene-item-content { text-align: left;}
.webgene-blog .webgene-item .webgene-item-content img { max-width: 100%; height: auto; display: block; margin: 20px auto; text-align: center;}








.header { z-index: 100; position: fixed; height: 95px; width: 100%; max-width: 1900px; margin: 0 auto; border-bottom: 5px solid #f07e01; background: rgba(255,255,255,0.9);}
.header .container { position: relative; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; height: 95px; width: 100%; max-width: 1200px; margin: 0 auto; padding: 0;}
.header .container .h_tel { display: flex;  flex-wrap: nowrap; padding: 2px 5px; background: #fff; border-radius: 15px;}
.header .container .h_tel img { margin-right: 5px;}
.header .container .gmenu { position: relative; display: flex;  flex-wrap: nowrap; height: 95px;}
.header .container .gmenu a { width: 120px; text-align: center; height: 95px; padding: 32px 0 0; color: #000; font-size: 16px;}
.header .container .gmenu a p { margin: 0 0 0; line-height: 1;}
.header .container .gmenu a .txt_s { font-size: 8px; color: rgba(0,0,0,0.3); margin: 2px 0 0;}
.header .container .gmenu a.link_recruit { background: #f07e01; height: 95px; color: #fff;}
.header .container .gmenu a.link_recruit .txt_s { color: #fff;}


.header .container .gmenu .submenu { position: absolute; top: 95px; width: 1px; height: 1px; left: 120px; opacity: 0; z-index: 10; }
.header .container .gmenu .submenu.active { position: absolute; top: 95px; width:300px; height: auto; left: 120px; opacity: 1;}
.header .container .gmenu .submenu.active a { display: block;}
.header .container .gmenu .submenu a {display: none; width: 100%; height: auto; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; background: rgba(255,255,255,.8); -webkit-transition: all 1s; transition: all 1s;}
.header .container .gmenu .submenu a:hover { background: #f07e01; -webkit-transition: all 1s; transition: all 1s; text-align: left;}
.header .container .gmenu .submenu a p {text-align: left;color: #000;}
.header .container .gmenu .submenu a:hover p {text-align: left;color: #fff;}


.header .container .gmenu .finder { position: absolute; top: 95px; width: 1px; height: 1px; left: 100px; opacity: 0; z-index: 1; }
.header .container .gmenu .finder.active { position: absolute; top: 95px; width: 350px; height: 300px; left: 100px; opacity: 1; }




.footer { display: block; position: relative; width: 100%; max-width: 1900px; margin: 70px auto 0; background: #f07e01; color: #fff;}
.footer .footer_bg { position: absolute; top: -2px; width: 100%;}
.footer .container { max-width: 1200px; margin: 0px auto; padding-top: 50px; font-size: 12px;}
.footer .container .footer_h { margin-bottom: 10px; display: flex; flex-diretion: row; flex-wrap:nowrap; justify-content: flex-start; align-items: center;}
.footer .container .footer_h .f_logo { margin-right: 80px;}
.footer .container .footer_h .f_sns a { margin-right: 30px; display: flex; flex-diretion: row; flex-wrap:nowrap; justify-content: flex-start; align-items: center;}
.footer .container .footer_h .f_sns img { margin-right: 10px;}
.footer .container .footer_main { border-top: 1px solid #fff; border-bottom: 1px solid #fff; display: flex; flex-diretion: row; flex-wrap:nowrap; justify-content: space-between; align-items: center; padding: 15px 0;}
.footer .container .footer_main .f_info p { line-height: 1.8;}
.footer .container .footer_main .f_business_cell { display: flex; flex-diretion: row; flex-wrap:nowrap; justify-content: flex-start; align-items: center; margin-bottom: 5px;}
.footer .container .footer_main .f_business_cell .f_business_ttl { background: #df7909; padding: 1px 7px; margin-right: 10px; border-radius: 20px;}
.footer .footer_copy { height: 42px; line-height: 42px; text-align: center;}

/* TOP */
.mv { position: relative; width: 100%; max-width: 1900px; height: 680px; overflow: hidden; margin: 0 auto 40px;}
.mv .slider {position: absolute; top: 0; left: 0; width: 100%; height: 680px; z-index: 1;}
.mv .mv_main { width: auto; height: 700px;}
.mv .mv_bg { position: absolute; left: 0; bottom: 0%; width: 100%; z-index: 2;}
.mv .mv_txt { position: absolute; right: 0; left: 0; margin: 0 auto; top: 15%; width: 95%; max-width: 1332px; margin: 0 auto; text-align: center; z-index: 3;}

.container .lead_ttl { display: block; text-align: center; margin: 0 auto 25px;}

.index_list { margin: 0 auto 80px; padding: 0; display: flex; flex-wrap: wrap;-webkit-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: space-between;}
.index_list .cell { padding: 12px 25px 24px; width: 23%; text-align: center; border-radius: 15px; box-shadow: 0 0 4px #ccc;}
.index_list .cell .ttl { font-size: 18px; font-weight: bold; padding: 2px 0; width: 95%; margin: 0 auto 10px; color: #fff; border-radius: 10px;}
.index_list .cell .ttl.ttl_01 { background: #fcb7b7;}
.index_list .cell .ttl.ttl_02 { background: #71d3d0;}
.index_list .cell .ttl.ttl_03 { background: #eeb97e;}
.index_list .cell .ttl p {font-size: 16px;}
.index_list .cell img { margin: 0 auto 20px; max-width: 100%;}
.index_list .cell h3 { font-size: 17px; font-weight: bold;}
.index_list .cell .txt { font-size: 12px; margin: 0 0 30px;}
.index_list .cell a p { background: #f07e01; font-size: 12px; font-weight: bold; text-align: center; color: #fff; margin: 0 auto; width: 130px; height: 35px; line-height: 35px;}

.index_aboutsus { position: relative; width: 100%; max-width: 1900px; margin: 0 auto 75px;}
.index_aboutsus .lead_ttl { position: absolute; top: 130px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.index_aboutsus .bg_main { width: 100%;}
.index_aboutsus .bg { z-index: 10; position: absolute; left: 0; top: 0; width: 100%;}
.index_aboutsus .cell_txt { position: absolute; right: 7%; top: 260px; width: 58%; background: rgba(255,255,255,0.8); border-radius: 15px; border: 1px dashed #f07e01; padding: 40px;}
.index_aboutsus .cell_txt img { margin-bottom: 30px;}
.index_aboutsus .cell_txt p { font-size: 16px; line-height: 36px;}
.index_aboutsus .cell_txt a.btn01 { text-align: center; width: 130px; height: 35px; line-height: 35px; color: #fff; background: #f07e01; margin: 0 0 0 auto; border-radius: 0px; padding: 0; border: none;}
.index_aboutsus .cell_txt a.btn01 p { line-height: 35px; font-size: 12px;}

.index_news { position: relative; width: 100%; max-width: 1900px; height: 370px; margin: 0 auto 75px; padding-top: 44px; overflow: hidden;}
.index_news .news_cell { position: relative; z-index: 10; display: block; margin: 0 auto; max-width: 800px; height: 274px; background: #fff; border-radius: 15px; padding: 35px 105px 26px;}
.index_news .news_cell a.btn01 { text-align: center; width: 130px; height: 35px; line-height: 35px; color: #fff; background: #f07e01; margin: 0 auto; border-radius: 0px; padding: 0; border: none;}
.index_news .news_cell a.btn01 p { line-height: 35px; font-size: 12px;}

.list_bnr { display: flex;  flex-wrap: nowrap; justify-content: flex-start;}
.list_bnr a { display: block; width: 32.5%; max-width: 390px; height: 110px; background: #89dad8; border-radius: 15px; color: #fff; padding: 0 30px 0 15px; margin: 0 1.25% 10px 0;}
.list_bnr a:nth-of-type(3) { margin: 0 0 10px 0;}
.list_bnr a p { color: #fff;}
.list_bnr a .cell { position: relative; display: flex; -webkit-flex-wrap: flex-start; flex-wrap: flex-start; align-items: center; width: 100%; height: 100%;}
.list_bnr a .cell .cell_menu { width: 65px; height: 65px; background: #fff; border-radius: 50%; margin-right: 20px; text-align: center; display: flex; align-items: center; justify-content: center;}
.list_bnr a .cell .cell_menu .icon01 { fill: #13b5b1;}
.list_bnr a .cell .cell_menu .icon02 { fill: #f07e01;}
.list_bnr a .cell .cell_txt { display: flex; -webkit-flex-direction: column; flex-direction: column; font-size: 21px;}
.list_bnr a .cell .cell_txt .txt_s { font-size: 10px; margin: 2px 0 0;}
.list_bnr a .cell img.icn { position: absolute; top: 50%; right: 0; width: 19px; height: 21px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.list_bnr a.link_recruit { background: #f07e01;}
.list_bnr a.link_recruit .txt_s {}



/* recruit */
.kasou_recruit { background: #fffbed;}

.recruit_ttl { position: relative; width: 100%; max-width: 1900px; margin: 0 auto 45px;}
.recruit_ttl .ttl_main { width: 100%; height: auto;}
.recruit_ttl .ttl_bg { position: absolute; left: 0; bottom: 0%; width: 100%;}
.recruit_ttl .ttl { position: absolute; left: 0; top: 0%; bottom: 0%;}
.recruit_list .cell .ttl + img { margin: 20px auto;}
.recruit_list_bnr { z-index: 10; position: relative; display: flex;  flex-wrap: nowrap; justify-content: space-between; margin: 0 auto 60px;}
.recruit03 .recruit_list_bnr { margin: 20px auto 20px;}
.recruit04 .recruit_list_bnr { margin: 20px auto 20px;}
.recruit_list_bnr a { display: block; width: 24.5%; max-width: 295px; height: 110px; background: #fcb7b7; border-radius: 15px; color: #fff; padding: 0 20px 0 15px; margin: 0 1.25% 10px 0;}
.recruit_list_bnr a:nth-of-type(3) { background: #71d3d0;}
.recruit_list_bnr a:nth-of-type(4) { background: #eeb97e;}
.recruit_list_bnr a p { color: #fff;}
.recruit_list_bnr a .cell { position: relative; display: flex; -webkit-flex-wrap: flex-start; flex-wrap: flex-start; align-items: center; width: 100%; height: 100%;}
.recruit_list_bnr a .cell .cell_txt { display: flex; -webkit-flex-direction: column; flex-direction: column; font-size: 21px;}
.recruit_list_bnr a .cell .cell_txt .txt_s { font-size: 10px; margin: 2px 0 0;}
.recruit_list_bnr a .cell img.icn { position: absolute; top: 50%; right: 0; width: 19px; height: 21px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.recruit_list_bnr a.btn_select .cell img.icn { display: none;}
.recruit_list_bnr a.btn_select .cell:before { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -15px; border: 15px solid transparent; border-top: 15px solid #fcb7b7;}
.recruit_list_bnr a.btn_select:nth-of-type(3) .cell:before { border-top: 15px solid #71d3d0;}
.recruit_list_bnr a.btn_select:nth-of-type(4) .cell:before { border-top: 15px solid #eeb97e;}

.job_area { position: relative; width: 100%; max-width: 1900px; margin: 45px auto 75px; background: #fff;}
.job_area .bg_job { position: absolute; left: 0; top: 0%; width: 100%;}
.job_area .bg_job_btm { z-index: 1; position: absolute; left: 0; bottom: 0%; width: 100%;}

.recruit03 .job_area { position: relative; width: 100%; max-width: 1900px; margin: 0px auto 50px; padding: 0!important; height: 650px; overflow: hidden;}
.recruit03 .job_area .txt { position: absolute; top: 190px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}

.job_area .bgmain { width: 100%; height: auto;}

.recruit_cell01 { z-index: 10; position: relative; max-width: 1060px; margin: 0 auto 70px; display: flex; justify-content: space-between; align-items: center;}
.recruit_cell01 img { width: 42%;}
.recruit_cell01 .txt_cell { width: 50%; margin: 0 15px 0 0;}
.recruit_cell01 .txt_cell h3 { font-size: 30px; color: #f07e01; line-height: 40px; margin: 0 0 40px; font-weight: bold;}
.recruit_cell01 .txt_cell p { font-size: 18px; line-height: 30px;}
.job_area .recruit_cell01:nth-of-type(2n+1) img { order: 2;}
.job_area .recruit_cell01:nth-of-type(2n+1) .txt_cell { order: 1; margin: 0 0 0 15px;}
.job_area .recruit_cell01.cell02:nth-of-type(2n) img { order: 2;}
.job_area .recruit_cell01.cell02:nth-of-type(2n) .txt_cell { order: 1; margin: 0 0 0 15px;}
.job_area .recruit_cell01.cell02:nth-of-type(2n+1) img { order: 1;}
.job_area .recruit_cell01.cell02:nth-of-type(2n+1) .txt_cell { order: 2; margin: 0 0 0 15px;}

.recruit04 .job_area .lead_ttl { display: block; text-align: center; margin: 0px auto 25px; padding-top: 110px;}


.staff_area { position: relative; width: 100%; max-width: 1900px; margin: 0 auto 75px; padding: 0 0 30px; background: #fff;}
.staff_area .recruit_cell01:nth-of-type(2n) img { order: 2;}
.staff_area .recruit_cell01:nth-of-type(2n) .txt_cell { order: 1; margin: 0 0 0 15px;}
.staff_area .bg_staff_btm { z-index: 1; position: absolute; left: 0; bottom: 0%; width: 100%;}
.recruit03 .staff_area { margin: 0 auto 0px; padding: 50px 0 30px; background: none;}
.recruit04 .staff_area {display: none!important; margin: 0 auto 0px; padding: 50px 0 100px; background: none;}
.recruit04 .staff_area .txt_cell { background: #fff; padding: 30px; border-radius: 15px;}

.point_area { position: relative; width: 100%; max-width: 1900px; margin: 0 auto; padding: 0 0 50px;}
.point_area .bg_point_btm { z-index: 1; position: absolute; left: 0; bottom: 0%; width: 100%;}
.point_area .lead_ttl { display: block; text-align: center; margin: 0 auto 50px;}

.day_area { position: relative; width: 100%; margin: 0 auto; padding: 0 ;}
.recruit04 .day_area { padding: 60px 0 110px; background: #fff; max-width: 1900px}
.recruit04 .day_area .bg_btm { z-index: 1; position: absolute; left: 0; bottom: 0%; width: 100%;}
.day_tab { position: relative; max-width: 1200px; margin: 10px auto 0; display: flex; -webkit-flex-wrap: flex-start; flex-wrap: flex-start; align-items: center; width: 100%;}
.day_tab a { position: relative; width: 270px; height: 70px; text-align: center; background: #99978e; margin: 0 10px 0 0; padding: 0;}
.day_tab a.tab_select { background: #fcb7b7;}
.day_tab a p { color: #fff; line-height: 70px; padding: 0; margin: 0; font-weight: bold;}
.day_tab a img.icn { position: absolute; top: 50%; right: 45px; width: 9px; height: 12px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.day_cell { display: block; max-width: 1200px; margin: 0 auto; background: #f7d8d8; border: 5px solid #fcb7b7; padding: 35px;}
.recruit04 .day_cell { background: #faf0e6; border: 5px solid #e7d6c6; padding: 35px; margin: 30px auto 0;}
.day_list { position: relative; z-index: 10; margin: 0 auto 30px; padding: 0; max-width: 1200px; display: flex; flex-wrap: wrap;-webkit-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start;}
.day_list .cell { padding: 12px 25px 24px; margin: 0 2.6% 0 0; width: 31.6%; text-align: left; border-radius: 15px; box-shadow: 0 0 4px #ccc; background: #fff;}
.day_list .cell:nth-of-type(3) { margin: 0 0% 0 0;}
.day_list .cell .h3_ttl { display: flex; width: 100%; justify-content: flex-start; margin: 0 auto 15px;}
.day_list .cell .ttl { font-size: 24px; font-weight: bold; padding: 0px 5px; margin: 0 10px 0 0; border: 1px solid #000; line-height: 1;}
.day_list .cell h3 { font-size: 24px; font-weight: bold; color: #f07e01; text-align: center; margin: 0; padding: 0;}
.day_list .cell img { margin: 41px auto 25px; width: auto; max-width: 100%;}
.day_list .cell .h3_ttl ~ img { margin: 0 auto 25px; width: auto; max-width: 100%;}
.day_list .cell .txt { font-size: 18px; line-height: 30px; margin: 0 0 0px;}


.recruit_list { position: relative; z-index: 10; margin: 0 auto 30px; padding: 0; max-width: 1200px; display: flex; flex-wrap: wrap;-webkit-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start;}
.recruit_list .cell { padding: 12px 25px 24px; margin: 0 2.6% 0 0; width: 31.6%; text-align: left; border-radius: 15px; box-shadow: 0 0 4px #ccc; background: #fff;}
.recruit_list .cell:nth-of-type(3) { margin: 0 0% 0 0;}
.recruit_list .cell .ttl { font-size: 18px; font-weight: bold; padding: 2px 0; width: 200px; margin: 0 auto; color: #fff; background: #fcb7b7; border-radius: 10px; text-align: center;}
.recruit_list .cell .h3_ttl { display: flex; width: 100%; height: 7em; align-items: center; justify-content: center; margin: 0 auto 10px;}
.recruit_list .cell h3 { font-size: 25px; font-weight: bold; color: #f07e01; text-align: center;}
.recruit_list .cell img { margin: 0 auto 5px; width: auto; max-width: 100%;}
.recruit_list .cell .txt { font-size: 18px; line-height: 30px; margin: 0 0 0px;}



.attention_area { max-width: 1060px; margin: 55px auto 35px; padding: 90px 12%; background: #fff; border: 1px solid #ccc; border-radius: 15px; box-shadow: 0 0 4px #ccc;}
.attention_area .lead_ttl { display: block; text-align: center; margin: 0 auto;}
.attention_area .lead_ttl.ttl_01 { margin: 0 auto 80px;}
.attention_area .lead_ttl.ttl_02 { margin: 0 auto 50px;}
.attention_area .lead_ttl.ttl_03 { margin: 0 auto 25px;}

.attention_area .welfare_area { margin: 0 auto 10px; padding: 0;}
.attention_area .welfare_cell { margin: 0 auto 70px; padding: 0; width: auto;}
.attention_area .welfare_cell .ttl_cell { display: flex; flex-wrap: wrap; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; align-items: center; margin: 0 0 15px;}
.attention_area .welfare_cell .ttl_cell p { width: 105px; height: 30px; line-height: 30px; margin: 0 20px 0 0; padding: 0 0; text-align: center; border-radius: 10px; color: #fff; font-size: 18px; font-weight: bold;}
.attention_area .welfare_cell:nth-of-type(1) .ttl_cell p { background-image: linear-gradient( -45deg, #f39292 5%, #f07a7a 5%, #f07a7a 10%, #f39292 10%, #f39292 15%, #f07a7a 15%, #f07a7a 20%, #f39292 20%, #f39292 25%, #f07a7a 25%, #f07a7a 30%, #f39292 30%, #f39292 35%, #f07a7a 35%, #f07a7a 40%, #f39292 40%, #f39292 45%, #f07a7a 45%, #f07a7a 50%, #f39292 50%, #f39292 55%, #f07a7a 55%, #f07a7a 60%, #f39292 60%, #f39292 65%, #f07a7a 65%, #f07a7a 70%, #f39292 70%, #f39292 75%, #f07a7a 75%, #f07a7a 80%, #f39292 80%, #f39292 85%, #f07a7a 85%, #f07a7a 90%, #f39292 90%, #f39292 95%, #f07a7a 95%, #f07a7a); background-size: 40px 40px; background-attachment: fixed;}
.attention_area .welfare_cell:nth-of-type(2) .ttl_cell p { background-image: linear-gradient( -45deg, #f3952f 5%, #f07e0d 5%, #f07e0d 10%, #f3952f 10%, #f3952f 15%, #f07e0d 15%, #f07e0d 20%, #f3952f 20%, #f3952f 25%, #f07e0d 25%, #f07e0d 30%, #f3952f 30%, #f3952f 35%, #f07e0d 35%, #f07e0d 40%, #f3952f 40%, #f3952f 45%, #f07e0d 45%, #f07e0d 50%, #f3952f 50%, #f3952f 55%, #f07e0d 55%, #f07e0d 60%, #f3952f 60%, #f3952f 65%, #f07e0d 65%, #f07e0d 70%, #f3952f 70%, #f3952f 75%, #f07e0d 75%, #f07e0d 80%, #f3952f 80%, #f3952f 85%, #f07e0d 85%, #f07e0d 90%, #f3952f 90%, #f3952f 95%, #f07e0d 95%, #f07e0d); background-size: 40px 40px; background-attachment: fixed;}
.attention_area .welfare_cell:nth-of-type(3) .ttl_cell p { background-image: linear-gradient( -45deg, #77d0ce 5%, #71cbc8 5%, #71cbc8 10%, #77d0ce 10%, #77d0ce 15%, #71cbc8 15%, #71cbc8 20%, #77d0ce 20%, #77d0ce 25%, #71cbc8 25%, #71cbc8 30%, #77d0ce 30%, #77d0ce 35%, #71cbc8 35%, #71cbc8 40%, #77d0ce 40%, #77d0ce 45%, #71cbc8 45%, #71cbc8 50%, #77d0ce 50%, #77d0ce 55%, #71cbc8 55%, #71cbc8 60%, #77d0ce 60%, #77d0ce 65%, #71cbc8 65%, #71cbc8 70%, #77d0ce 70%, #77d0ce 75%, #71cbc8 75%, #71cbc8 80%, #77d0ce 80%, #77d0ce 85%, #71cbc8 85%, #71cbc8 90%, #77d0ce 90%, #77d0ce 95%, #71cbc8 95%, #71cbc8); background-size: 40px 40px; background-attachment: fixed;}
.attention_area .welfare_cell:nth-of-type(4) .ttl_cell p { background-image: linear-gradient( -45deg, #dc9f5b 5%, #d48a39 5%, #d48a39 10%, #dc9f5b 10%, #dc9f5b 15%, #d48a39 15%, #d48a39 20%, #dc9f5b 20%, #dc9f5b 25%, #d48a39 25%, #d48a39 30%, #dc9f5b 30%, #dc9f5b 35%, #d48a39 35%, #d48a39 40%, #dc9f5b 40%, #dc9f5b 45%, #d48a39 45%, #d48a39 50%, #dc9f5b 50%, #dc9f5b 55%, #d48a39 55%, #d48a39 60%, #dc9f5b 60%, #dc9f5b 65%, #d48a39 65%, #d48a39 70%, #dc9f5b 70%, #dc9f5b 75%, #d48a39 75%, #d48a39 80%, #dc9f5b 80%, #dc9f5b 85%, #d48a39 85%, #d48a39 90%, #dc9f5b 90%, #dc9f5b 95%, #d48a39 95%, #d48a39); background-size: 40px 40px; background-attachment: fixed;}
.attention_area .welfare_cell .ttl_cell h3 { font-size: 25px; margin: 0;}
.attention_area .welfare_cell .txt { font-size: 18px; line-height: 30px; margin: 0 0 0px;}

.attention_area .flow_area { display: block; margin: 0 auto 85px; padding: 0;}
.attention_area .flow_cell { margin: 0 auto 45px; padding: 0; width: 800px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.attention_area .flow_cell .num { margin: 0 0px 0 25px; padding: 0; width: 63px; height: 63px; line-height: 63px; color: #fff; font-size: 36px; font-weight: bold; text-align: center; background: #f07e01; border-radius: 50%;}
.attention_area .flow_cell h3 { margin: 0 0px 10px 0px; padding: 0; font-size: 26px; font-weight: bold;}
.attention_area .flow_cell .txt { width: 83.25%; max-width: 666px; font-size: 18px; line-height: 30px; margin-right: 15px;}

.attention_area .recruit_tbl { display: table; width: 100%; border-collapse:  collapse;}
.attention_area .recruit_tbl .tbl_th { display: table-cell; width: 195px; border: 1px solid #cddeea; border-top: none; background: #e4edf2; padding: 10px 20px;}
.attention_area .recruit_tbl .tbl_td { display: table-cell; padding: 10px 30px; border: 1px solid #cddeea; border-top: none;}
.attention_area .recruit_tbl.tbl_top .tbl_th { border-top: 1px solid #cddeea !important;}
.attention_area .recruit_tbl.tbl_top .tbl_td { border-top: 1px solid #cddeea !important;}
.attention_area .recruit_tbl a { color: #667b00; text-decoration: underline;}

.attention_area .txt_beauty { text-align: center; font-size: 18px; line-height: 30px; margin: 0 0 50px;}
.recruit04 .attention_area .recruit_tbl { display: table; width: 100%; border-collapse:  collapse;}
.recruit04 .attention_area .recruit_tbl .tbl_th { display: table-cell; width: 135px; border: none; background: none; padding: 10px 20px; text-align: right; font-weight: bold;}
.recruit04 .attention_area .recruit_tbl .tbl_td { display: table-cell; padding: 10px 30px; border: none; border-top: none;}
.recruit04 .attention_area .recruit_tbl.tbl_top .tbl_th { border-top: none !important;}
.recruit04 .attention_area .recruit_tbl.tbl_top .tbl_td { border-top: none !important;}





/************************/
/************************/
/************************/
/************************/
/************************/
/************************/
/************************/
/************************/
/************************/
/************************/
.course_cell { position: relative; width: 100%; max-width: 1900px; margin: 0 auto; padding: 80px 0 150px; background: #fff;}


.course_cell h3 {font-size: 30px; font-weight: bold; color: #f07e01; text-align: center; margin: 0 auto 10px; padding: 0;}
.course_cell .cnt { margin-bottom: 30px;}
.course_cell .cnt p { text-align: center; display: block; margin: 0 auto;}
.course_cell .table1 {}
.course_cell .table1 .ttl { display: flex; width: 100%; justify-content: flex-start; align-items: center; border: solid 1px #cddeea; -webkit-box-sizing: border-box; box-sizing: border-box;}
.course_cell .table1 .ttl div {}
.course_cell .table1 .ttl div:nth-of-type(1) { width: 30%; background: #f07e01; padding: 10px; color: #fff; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.course_cell .table1 .ttl div:nth-of-type(2) { width: 70%; padding: 10px; background: #fffbed; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.course_cell .table1 .ttl div p {}
.course_cell .table1 .cont { display: flex; width: 100%; justify-content: flex-start; align-items: center; border-bottom: solid 1px #cddeea; border-left: solid 1px #cddeea; border-right: solid 1px #cddeea;}
.course_cell .table1 .cont div:nth-of-type(1) { width: 10%; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.course_cell .table1 .cont div:nth-of-type(2) { width: 25%; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.course_cell .table1 .cont div:nth-of-type(3) { width: 65%; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box;}

.course_cell .table2 { margin-top: 50px;}
.course_cell .table2 .ttl { display: flex; width: 100%; justify-content: flex-start; border: solid 1px #cddeea; background: #f07e01; -webkit-box-sizing: border-box; box-sizing: border-box;}
.course_cell .table2 .ttl div {color: #fff; padding: 3px 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: solid 1px rgba(255,255,255,.4); display: flex; justify-content: center; align-items: center; flex-direction: column;}
.course_cell .table2 .ttl div:nth-of-type(1) { width: 131px;}
.course_cell .table2 .ttl div:nth-of-type(2) { width: 255px;}
.course_cell .table2 .ttl div:nth-of-type(3) { width: 85px; }
.course_cell .table2 .ttl div:nth-of-type(4) { width: 149px;}
.course_cell .table2 .ttl div:nth-of-type(5) { width: 205px;}
.course_cell .table2 .ttl div:nth-of-type(6) { width: 117px;}
.course_cell .table2 .ttl div:nth-of-type(7) { width: 220px; border: none; }

.course_cell .table2 .cont { display: flex; width: 100%; justify-content: flex-start; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: solid 1px #cddeea; border-left: solid 1px #cddeea; border-right: solid 1px #cddeea;}
.course_cell .table2 .cont div { padding: 10px 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: solid 1px #cddeea; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.course_cell .table2 .cont div:nth-of-type(1) { width: 131px;}
.course_cell .table2 .cont div:nth-of-type(2) { width: 255px;}
.course_cell .table2 .cont div:nth-of-type(3) { width: 85px; }
.course_cell .table2 .cont div:nth-of-type(4) { width: 149px;}
.course_cell .table2 .cont div:nth-of-type(5) { width: 205px;}
.course_cell .table2 .cont div:nth-of-type(6) { width: 117px;}
.course_cell .table2 .cont div:nth-of-type(7) { width: 220px; border: none; }

.course_cell .table3 { margin-top: 50px;}
.course_cell .table3 .ttl { display: flex; width: 100%; justify-content: flex-start; align-items: center; border: solid 1px #cddeea; -webkit-box-sizing: border-box; box-sizing: border-box;}
.course_cell .table3 .ttl div {}
.course_cell .table3 .ttl div:nth-of-type(1) { width: 100%; background: #f07e01; padding: 10px; color: #fff; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.course_cell .table3 .ttl div p {}
.course_cell .table3 .maincell { display: flex; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; flex-direction: column;}
.course_cell .table3 .maincell .cellrow { width: 100%; display: flex; flex-direction: column; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px #cddeea;}
.course_cell .table3 .maincell .cell { width: 100%; display: flex; border-bottom: solid 1px #cddeea; }
.course_cell .table3 .maincell .cell:nth-last-of-type(1) { border-bottom: none; }
.course_cell .table3 .maincell .cell .tricell { width: 33%; display: flex;  -webkit-box-sizing: border-box; box-sizing: border-box; border-right: solid 1px #cddeea;}
.course_cell .table3 .maincell .cell .tricell div { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.course_cell .table3 .maincell .cell .tricell div p {padding: 10px 0;}
.course_cell .table3 .maincell .cell .tricell.cource {flex-direction: column; width: 34%; border-right: none;}
.course_cell .table3 .maincell .cell:nth-of-type(1) .tricell.cource .courcelist { display: flex; border-top: solid 1px #cddeea;}
.course_cell .table3 .maincell .cell .tricell.cource .courcelist { display: flex;}
.course_cell .table3 .maincell .cell .tricell.cource .courcelist div { width: 20%;}
.course_cell .table3 .maincell .cell .tricell.cource .courcelist div:nth-of-type(odd) { background: #fffbed;}







/************************/
/************************/
/************************/
/************************/
/************************/
/************************/
/************************/
/************************/
/************************/
/************************/








.course_cell .bg_course { z-index: 1; position: absolute; left: 0; bottom: 0%; width: 100%;}
.course_cell .recruit_tbl { display: table; width: 100%; border-collapse:  collapse;}
.course_cell .recruit_tbl .tbl_th { display: table-cell; border: 1px solid #cddeea; background: #e4edf2; padding: 10px 0px; text-align: center; color: #62454a; font-weight: bold;}
.course_cell .recruit_tbl .tbl_td { display: table-cell; padding: 10px 0px; border: 1px solid #cddeea; border-top: none;}
.course_cell .recruit_tbl .tbl_th:nth-of-type(2),
.course_cell .recruit_tbl .tbl_th:nth-of-type(8) { width: 150px;}
.course_cell .recruit_tbl .tbl_th:nth-of-type(3),
.course_cell .recruit_tbl .tbl_th:nth-of-type(4),
.course_cell .recruit_tbl .tbl_th:nth-of-type(5),
.course_cell .recruit_tbl .tbl_th:nth-of-type(7) { width: 85px;}
.course_cell .recruit_tbl .tbl_th:nth-of-type(6) { width: 110px;}
.course_cell .recruit_tbl .tbl_th:nth-of-type(1),
.course_cell .recruit_tbl .tbl_td:nth-of-type(1) { width: 419px;}
.course_cell .recruit_tbl .tbl_td:nth-of-type(2),
.course_cell .recruit_tbl .tbl_td:nth-of-type(8) { width: 150px;}
.course_cell .recruit_tbl .tbl_td:nth-of-type(3),
.course_cell .recruit_tbl .tbl_td:nth-of-type(4),
.course_cell .recruit_tbl .tbl_td:nth-of-type(5),
.course_cell .recruit_tbl .tbl_td:nth-of-type(7) { width: 85px;}
.course_cell .recruit_tbl .tbl_td:nth-of-type(6) { width: 110px;}
.course_cell .recruit_tbl .tbl_td p { font-size: 14px; text-align: left; padding: 0 10px;}
.course_cell .recruit_tbl .tbl_td:nth-of-type(3) p,
.course_cell .recruit_tbl .tbl_td:nth-of-type(6) p,
.course_cell .recruit_tbl .tbl_td:nth-of-type(8) p { text-align: right;}
.course_cell .recruit_tbl .tbl_td:nth-of-type(4) p,
.course_cell .recruit_tbl .tbl_td:nth-of-type(5) p,
.course_cell .recruit_tbl .tbl_td:nth-of-type(7) p { text-align: center;}

.course_cell .recruit_tbl.tbl_02 { display: table; width: 750px; border-collapse: collapse;}
.course_cell .recruit_tbl.tbl_02 .tbl_td:nth-of-type(1) { width: 150px; border-left: none;}
.course_cell .recruit_tbl.tbl_02 .tbl_td:nth-of-type(7) { width: 150px;}
.course_cell .recruit_tbl.tbl_02 .tbl_td:nth-of-type(2),
.course_cell .recruit_tbl.tbl_02 .tbl_td:nth-of-type(3),
.course_cell .recruit_tbl.tbl_02 .tbl_td:nth-of-type(4),
.course_cell .recruit_tbl.tbl_02 .tbl_td:nth-of-type(6) { width: 85px;}
.course_cell .recruit_tbl.tbl_02 .tbl_td:nth-of-type(5) { width: 110px;}
.course_cell .recruit_tbl.tbl_02 .tbl_td:nth-of-type(2) p,
.course_cell .recruit_tbl.tbl_02 .tbl_td:nth-of-type(5) p,
.course_cell .recruit_tbl.tbl_02 .tbl_td:nth-of-type(7) p { text-align: right;}
.course_cell .recruit_tbl.tbl_02 .tbl_td:nth-of-type(3) p,
.course_cell .recruit_tbl.tbl_02 .tbl_td:nth-of-type(4) p,
.course_cell .recruit_tbl.tbl_02 .tbl_td:nth-of-type(6) p { text-align: center;}
.course_cell .recruit_tbl a { color: #667b00; text-decoration: underline;}

.traning_area {}
.traning_area .bg_point_btm { width: 100%; height: auto;}
.traning_cell { position: relative; width: 100%; max-width: 1200px; margin: 0 auto;}
.traning_cell.cell01 { padding: 150px 0 0 26%;}
.traning_cell.cell01 .bg_img01 { z-index: 1; position: absolute; left: 0; top: 0%; width: 61.6%;}
.traning_cell.cell01 .bg_img02 { z-index: 1; position: absolute; right: 0; top: 64px; width: 24.3%;}
.traning_cell.cell01 .cell { position: relative; z-index: 10; padding: 45px 45px; margin: 0 0 0; width: 93%; text-align: left; border-radius: 15px; box-shadow: 0 0 4px #ccc; background: #fff;}
.traning_cell.cell02 { padding: 50px 0 0 6%;}
.traning_cell.cell02 .bg_img01 { z-index: 1; position: absolute; left: 0; top: -60px; width: 20%;}
.traning_cell.cell02 .bg_img02 { z-index: 1; position: absolute; right: 11.25%; top: 0px; width: 50.25%;}
.traning_cell.cell02 .cell { position: relative; z-index: 10; padding: 65px 65px 35px; margin: 0 0 0; width: 48%; text-align: left; border-radius: 15px; box-shadow: 0 0 4px #ccc; background: #fff;}
.traning_cell .cell .h3_ttl { display: flex; width: 100%; justify-content: flex-start; margin: 0 auto 15px;}
.traning_cell .cell h3 { font-size: 30px; font-weight: bold; color: #f07e01; text-align: center; margin: 0; padding: 0;}
.traning_cell .cell .txt { font-size: 18px; line-height: 30px; margin: 0 0 0px;}
.traning_cell.cell02 .cell h3 { margin: 0 0 30px;}
.traning_cell.cell02 .cell .txt { font-size: 18px; line-height: 30px; margin: 0 0 30px;}
.traning_cell.cell02 .cell .ttl { width: 95%; color: #fff; font-size: 18px; font-weight: bold; padding: 3px 5px; margin: 0 0 10px; border-radius: 10px;}
.traning_cell.cell02 .cell .ttl.ttl01 { background-image: linear-gradient( -45deg, #77d0ce 5%, #71cbc8 5%, #71cbc8 10%, #77d0ce 10%, #77d0ce 15%, #71cbc8 15%, #71cbc8 20%, #77d0ce 20%, #77d0ce 25%, #71cbc8 25%, #71cbc8 30%, #77d0ce 30%, #77d0ce 35%, #71cbc8 35%, #71cbc8 40%, #77d0ce 40%, #77d0ce 45%, #71cbc8 45%, #71cbc8 50%, #77d0ce 50%, #77d0ce 55%, #71cbc8 55%, #71cbc8 60%, #77d0ce 60%, #77d0ce 65%, #71cbc8 65%, #71cbc8 70%, #77d0ce 70%, #77d0ce 75%, #71cbc8 75%, #71cbc8 80%, #77d0ce 80%, #77d0ce 85%, #71cbc8 85%, #71cbc8 90%, #77d0ce 90%, #77d0ce 95%, #71cbc8 95%, #71cbc8); background-size: 40px 40px; background-attachment: fixed;}
.traning_cell.cell02 .cell .ttl.ttl02 { background-image: linear-gradient( -45deg, #f3952f 5%, #f07e0d 5%, #f07e0d 10%, #f3952f 10%, #f3952f 15%, #f07e0d 15%, #f07e0d 20%, #f3952f 20%, #f3952f 25%, #f07e0d 25%, #f07e0d 30%, #f3952f 30%, #f3952f 35%, #f07e0d 35%, #f07e0d 40%, #f3952f 40%, #f3952f 45%, #f07e0d 45%, #f07e0d 50%, #f3952f 50%, #f3952f 55%, #f07e0d 55%, #f07e0d 60%, #f3952f 60%, #f3952f 65%, #f07e0d 65%, #f07e0d 70%, #f3952f 70%, #f3952f 75%, #f07e0d 75%, #f07e0d 80%, #f3952f 80%, #f3952f 85%, #f07e0d 85%, #f07e0d 90%, #f3952f 90%, #f3952f 95%, #f07e0d 95%, #f07e0d); background-size: 40px 40px; background-attachment: fixed;}
.traning_cell.cell02 .cell .ttl.ttl03 { background-image: linear-gradient( -45deg, #f39292 5%, #f07a7a 5%, #f07a7a 10%, #f39292 10%, #f39292 15%, #f07a7a 15%, #f07a7a 20%, #f39292 20%, #f39292 25%, #f07a7a 25%, #f07a7a 30%, #f39292 30%, #f39292 35%, #f07a7a 35%, #f07a7a 40%, #f39292 40%, #f39292 45%, #f07a7a 45%, #f07a7a 50%, #f39292 50%, #f39292 55%, #f07a7a 55%, #f07a7a 60%, #f39292 60%, #f39292 65%, #f07a7a 65%, #f07a7a 70%, #f39292 70%, #f39292 75%, #f07a7a 75%, #f07a7a 80%, #f39292 80%, #f39292 85%, #f07a7a 85%, #f07a7a 90%, #f39292 90%, #f39292 95%, #f07a7a 95%, #f07a7a); background-size: 40px 40px; background-attachment: fixed;}



.beauty_area { position: relative; width: 100%; max-width: 1900px; margin: 0 auto; padding-top: 120px; padding-bottom: 80px;background:linear-gradient(0deg,#fffbed 0%,#fffbed 30%,#fff 30%,#fff 100%);}
.beauty_area .bg_tp { z-index: 1; position: absolute; left: 0px; top: 0%; width: 100%;}
.beauty_area .bg_main { z-index: 1; position: absolute; left: 0px; bottom: 25%; width: 100%;}
.beauty_area .bg_btm { z-index: 1; position: absolute; left: 0px; bottom: 75px; width: 100%;}
.beauty_area .lead_ttl { display: block; text-align: center; margin: 0 auto 55px;}
.beauty_cell { position: relative; width: 100%; max-width: 1200px; margin: 0 auto; padding: 30px 0 0;}

.beauty_cell .bg_img01 { z-index: 5; position: absolute; left: -40px; top: 0%; width: 35%;}
.beauty_cell .cell { position: relative; z-index: 10; padding: 45px 45px 5px; margin: 0 0 35px 27%; width: 68%; text-align: left; border-radius: 15px; box-shadow: 0 0 4px #ccc; background: #fff;}
.beauty_cell .cell02 { position: relative; z-index: 10; padding: 65px 65px 65px; margin: 0 0 0; width: 66%; text-align: left; border-radius: 15px; box-shadow: 0 0 4px #ccc; background: #fff;}
.beauty_cell h3 { font-size: 20px; font-weight: bold; color: #f07e01; text-align: left; margin: 0 0 30px; padding: 0;}
.beauty_cell .txt { font-size: 18px; line-height: 30px; margin: 0 0 50px;}


.recruit_entry_cell { position: relative; width: 100%; max-width: 1900px; margin: 0 auto; text-align: center;}
.recruit_entry_cell .bg_main { position: relative; z-index: 1; width: 100%;}
.recruit_entry_cell .bg_header { z-index: 10; position: absolute; top: -2px; width: 100%;}
.recruit_entry_cell .bg_footer { z-index: 10; position: absolute; bottom: -2px; width: 100%;}
.recruit_entry_cell .ttl_entry { z-index: 10; position: absolute; top: 75px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.recruit_entry_cell .txt_entry { z-index: 10; position: absolute; top: 175px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}


.recruit_entry_cell .btn_entry { z-index: 10; position: absolute; top: 280px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); display: block; width: 420px; height: 110px;}
.recruit_entry_cell .btn_entry a { position: relative; display: block; max-width: 100%; height: 110px; background: #13b5b1; border-radius: 15px; color: #fff;}
.recruit_entry_cell .btn_entry a p { color: #fff;}
.recruit_entry_cell .btn_entry a .cell { position: absolute; top: 0px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); display: flex; -webkit-flex-wrap: flex-start; flex-wrap: flex-start; align-items: center; width: 100%; height: 100%; padding: 0 30px 0 15px;}
.recruit_entry_cell .btn_entry a .cell .cell_menu { width: 60px; height: 60px; background: #fff; border-radius: 50%; margin-right: 20px; text-align: center; display: flex; align-items: center; justify-content: center;}
.recruit_entry_cell .btn_entry a .cell .cell_menu .icon01 { fill: #13b5b1; width: 38px;}
.recruit_entry_cell .btn_entry a .cell .cell_txt { display: flex; -webkit-flex-direction: column; flex-direction: column; font-size: 21px; text-align: left;}
.recruit_entry_cell .btn_entry a .cell .cell_txt .txt_s { font-size: 10px; margin: 2px 0 0;}
.recruit_entry_cell .btn_entry a .cell img.icn { position: absolute; top: 50%; right: 30px; width: 19px; height: 21px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}


.recruit_entry_cell .entry_beauty { z-index: 20; width: 780px; height: 390px; position: absolute; top: 30px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); margin: 0 auto; background: #fff; border: 5px solid #f07e01; text-align: center; padding: 40px 0 0;}
.recruit_entry_cell .entry_beauty .beauty { position: relative;}
.recruit_entry_cell .entry_beauty .beauty .ttl { margin: 0 auto 30px;}
.recruit_entry_cell .entry_beauty .beauty .txt { margin: 0 auto 40px;}
.recruit_entry_cell .entry_beauty .beauty a { position: relative; display: block; width: 420px; height: 100px; background: #13b5b1; border-radius: 15px; color: #fff; margin: 0 auto;}
.recruit_entry_cell .entry_beauty .beauty a p { color: #fff;}
.recruit_entry_cell .entry_beauty .beauty a .cell { position: absolute; top: 0px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); display: flex; -webkit-flex-wrap: flex-start; flex-wrap: flex-start; align-items: center; width: 100%; height: 100%; padding: 0 30px 0 15px;}
.recruit_entry_cell .entry_beauty .beauty a .cell .cell_menu { width: 60px; height: 60px; background: #fff; border-radius: 50%; margin-right: 20px; text-align: center; display: flex; align-items: center; justify-content: center;}
.recruit_entry_cell .entry_beauty .beauty a .cell .cell_menu .icon01 { fill: #13b5b1; width: 38px;}
.recruit_entry_cell .entry_beauty .beauty a .cell .cell_txt { display: flex; -webkit-flex-direction: column; flex-direction: column; font-size: 21px; text-align: left;}
.recruit_entry_cell .entry_beauty .beauty a .cell .cell_txt .txt_s { font-size: 10px; margin: 2px 0 0;}
.recruit_entry_cell .entry_beauty .beauty a .cell img.icn { position: absolute; top: 50%; right: 30px; width: 19px; height: 21px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}



.container.youtube { display: flex; justify-content: space-around; flex-wrap: wrap; margin: 0 auto 135px; padding: 40px 20px 20px; background: #fff; border-radius: 50px; }
.container.youtube div { display: block; width: 30%; height: auto; margin: 0 auto 20px; }
.container.youtube div iframe { display: block; width: 100%; height: 240px; margin: 0; border: 0; }
.container.youtube .ttl {display: block; width: 100%; margin: 0 auto 20px; text-align: center;}


.bgwcell.recruit03 .ttl { display: block; width: 100%; margin: 0 auto 10px; text-align: center;}
.bgwcell.recruit03 .ttl img {padding-bottom: 30px;}
}

.txt_bold p { font-weight: bold !important;}