@charset "utf-8";
/* ACCORDER Inc. */
/* Base Style
----------------------- */
*, body { font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif; letter-spacing:1px; color: #666; }
.clearfix:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; } /* Crearfix for Modern Browsers including Firefox, Opera, Safari, etc */
.clearfix { display:inline-block; } /* For Windows IE7 and Mac IE5 */
* html .clearfix{ height:1px; } /* For Windows IE5/IE6: Hides from IE-mac */
.clearfix { display:block; }
.clear { clear:both; } /* End hide from IE-mac */
img { -ms-interpolation-mode:bicubic; image-rendering:optimizequality; vertical-align:bottom; } /* Better images when resized for IE7, FF3.5+ */
a { text-decoration:none; }
a.hover { text-decoration:none; opacity:0.7; }
html,body { height:100%; }
body.active { height: 100vh; overflow: hidden; }
/* wrapper  ----------------------- */
#wrapper { overflow: hidden; position: relative; }

.content800 { width: 95%; max-width: 800px; margin: 0 auto; }
.content1000 { width: 95%; max-width: 1000px; margin: 0 auto; }
.content1100 { width: 95%; max-width: 1100px; margin: 0 auto; }
.content1200 { width: 95%; max-width: 1200px; margin: 0 auto; }
.content1500 { width: 100%; max-width: 1500px; margin: 0 auto; }
/* color  ----------------------- */

/* font  ----------------------- */
@font-face {
    font-family:'Josefin Sans';
    src:url("../fonts/JosefinSans-Light.ttf") format("truetype");
}
@font-face {
    font-family:'Roboto';
    src:url("../fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
    font-family:'BwModelica L';
    src:url("../fonts/BwModelica-Light.otf") format("opentype"),
        url("../fonts/bwmodelica-light-webfont.woff") format("woff"),
        url("../fonts/bwmodelica-light-webfont.woff2") format("woff2");
}
@font-face {
    font-family:'Rolette Qaku';
    src:url("../fonts/RolleteqakuRegular-j2rG.otf") format("opentype");
}

/* animation  ----------------------- */
.tran {
    -ms-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

/*共通  ----------------------- */
.all_new_line { display:inline-block; letter-spacing:inherit; font-family:inherit; color: inherit; }
.all_no_click { pointer-events:none; }
.color_red { color:#f00 !important; }
#autozip { display:none !important; }

.all_mt0 { margin-top:0 !important; }
.all_mt20 {margin-top: 20px!important;}
.all_mt30 {margin-top: 30px!important;}
.all_mt40 {margin-top: 40px!important;}
.all_mt50 {margin-top: 50px!important;}
.sp { display:none; }


/*all  ----------------------- */
img { width: 100%; }

.pankuzu { width: 90%; max-width: 1200px; margin: 10px auto 10px; letter-spacing: 0; font-size: 0; }
.pankuzu li { background: url(../images/all_pankuzu.png) no-repeat center right 13px / 6px; padding-right: 34px; display: inline-block; line-height: 1.8; font-size: 13px; }
.pankuzu li:last-child { background: none; padding-right: 0; color: #33CC8E; }
.pankuzu li a { display: block; font-size: 13px; color: #4D4D4D; }

.all_big_ttl { line-height: 1; letter-spacing: 3px; font-family: 'BwModelica L'; font-size: 46px; color: #03AC74; }
.all_big_ttl span {
    position: relative;
    top: -11px;
    letter-spacing: 4px;
    margin-left: 23px;
    font-family: 'Sawarabi Gothic';
    font-size: 16px;
    color: #03ac74;
}
.all_copy { margin-top:45px; text-align:center; line-height:1.8; font-size:16px; color:#4d4d4d; }
.all_copy p:nth-child(n+2) { margin-top:10px; }

.all_link_btn { width: 200px; margin: 0 auto; }
.all_link_btn a {
    background: #33CC8E url(../images/all_btn_aro.png) no-repeat center right 12px / 12px;
    padding: 20px 0 18px;
    position: relative;
    display: block;
    transition: all .3s;
    line-height: 1;
    text-align: center;
    font-size: 15px;
    color: #FFF;
}
.all_blank a { background: #33CC8E url(../images/all_bg_blank.png) no-repeat center right 12px / 23px !important; }
.all_link_btn a span { height: calc( 100% - 3px ); width: calc( 100% - 3px ); position: absolute; bottom: -3px; right: -3px; border-bottom: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; }
.all_link_text {
    margin-top:10px; 
    display:block;
    text-decoration:underline;
    font-size:0.9em;
    color:#0000ee;
}
.top_news { padding: 102px 0 120px; }
.all_nav_btn { width: 125px; margin: 0 auto; }
.all_nav_btn a { background: #33CC8E; padding: 15px 0 12px; position: relative; display: block; line-height: 1; text-align: center; font-size: 15px; color: #FFF; }
.all_nav_btn a:after{
    content: "";
    background: url(../images/all_btn_aro.png) no-repeat center / contain;
    height: 12px;
    width: 12px;
    position: absolute;
    top: 50%;
    right: 9px;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    z-index: 1;
}
.all_nav_btn a span { height: calc( 100% - 3px ); width: calc( 100% - 3px ); position: absolute; bottom: -3px; right: -3px; border-bottom: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; }
.all_leaf_ttl { background: url(../images/all_leaf_ttl.png) no-repeat center top / 75px; padding-top: 60px; letter-spacing: 3px; text-align: center; font-family: 'Sawarabi Gothic'; font-size: 31px; color: #03AC74; }
.all_blog_side { position: fixed; right: -1px; top: 17%; z-index: 1; width: 52px; transition: all .4s; }

.top_page .all_blog_side { width: 45px; top: 185px; transition: none; opacity: 0; }
.top_page .all_blog_side.stuck { position: absolute; top: 102px; }
.top_page .all_blog_side.tranEnable { transition: all .4s; }
.top_page .all_blog_side.haido { -webkit-transform:translateX(80%); -moz-transform:translateX(80%); transform:translateX(80%); }
.tab_container { position: relative; }

.details .all_blog_side.open { -webkit-transform:translateX(0); -moz-transform:translateX(0); transform:translateX(0); }
@media( max-width: 1100px ){
    .details .all_blog_side { -webkit-transform:translateX(80%); -moz-transform:translateX(80%); transform:translateX(80%); }
}
@media( max-width: 480px ){
    .top_page .all_blog_side { top: 120px; }
}
.all_map_btn {
    background: #34DA9B url(../images/all_btn_aro_simple.png) no-repeat center right 3px / 5px;
    padding: 5px 11px 5px 7px;
    border: 1px solid #34DA9B;
    border-radius: 4px;
    transition: all .3s;
    display: inline-block;
    line-height: 1;
    font-size: 12px;
    color: #FFF;
}

.all_tableB { border-top: 2px solid #FCE400; border-bottom: 2px solid #FCE400; }
.all_tableB * { color: #4D4D4D; }
.all_tableB tr {  }
.all_tableB tr:nth-child(n+2) { border-top: 1px solid #C9CACA; }
.all_tableB th { background: #FFFCE5; width: 280px; padding-left: 10%; vertical-align: middle; font-size: 15px; }
.all_tableB td { padding: 21px 15px 21px 4%; font-size: 15px; line-height: 1.9; }
.all_tableB td .table_email span {
    position: relative;
    top: 2px;
    letter-spacing: 0;
    font-size: 0;
    /*width: 158px;*/
    width: 178px;
    display: inline-block;
}
.all_tableB td .table_email a:hover { opacity: .7; }
.all_tableB ul {  }
.all_tableB ul li { padding-left: 17px; position: relative; }
.all_tableB ul li span { position: absolute; left: 0; top: 6px; line-height: 1; }
.all_tableB_note { margin-top: 10px; display: block; }
.all_tableB_head { display: block; text-indent: -9px; }
.all_tableB_head:nth-child(n+2) { margin-top: 11px; }
.all_tableB_bracket { margin-left: -5px; display: inline-block; }

.all_intros { margin-top: 225px; position: relative; }
.all_intros_inner { width: 100%; max-width: 1000px; margin: 0 auto; }
.all_intros_photo { background-repeat: no-repeat; background-position: center; background-size: cover; width: 57%; height: 520px; position: absolute; right: 0; top: -105px; }
.all_intros_reverse .all_intros_photo { right:auto; left:0;}
.all_intros_txt { background: rgba(255,255,255,0.9); width: 52.1%; padding: 60px 7% 60px 8%; position: relative; box-shadow: #c5c5c5 0px 0px 40px -20px; }
.all_intros_reverse .all_intros_txt { margin-left:auto; }
.all_intros_txt .all_intros_txt_ttl { margin-bottom: 33px; font-family: 'Sawarabi Gothic'; font-size: 25px; color: #000; }
.all_intros_txt .all_intros_txt_ttl .all_intros_txt_upper { margin-bottom: 3px; display: block; font-size: 19px; font-family: inherit; color: inherit; }
.all_intros_txt_copy { margin-bottom: 19px; line-height: 2.2; font-size: 15px; color: #000; }
.all_intros_txt p:last-child { margin-bottom: 0; }

/* NEWS */
.all_news { margin: 110px auto 0; }
.all_news_list li { letter-spacing: 0; font-size: 0; }
.all_news_list li:nth-child(n+2) { margin-top: 31px; }
.all_news_head { width: 145px; padding: 5px 0 11px;  display: inline-block; vertical-align: bottom; border-right: 1px solid #33CC8E; border-bottom: 1px solid #33CC8E; text-align: center; font-size: 15px; }
.all_news_body { width: 100%; padding-bottom: 11px; display: inline-block; border-bottom: 1px solid #E6E6E6; letter-spacing: 0; font-size: 0; }
.all_news_list li:last-child .all_news_body { border-bottom: none; }
.all_news_date { width: 140px; padding: 3px 0; display: inline-block; vertical-align: middle; border-right: 2px solid #E6E6E6; text-align: center; font-size: 14px; }
.all_news_link {
    background: url(../images/all_arrow_g.png) no-repeat right 5px center / 8px;
    width: calc( 100% - 140px );
    padding: 2px 15px 4px 0;
    position: relative;
    top: 1px;
    display: inline-block;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    transition: all .3s;
    line-height: 1.6;
    font-size: 15px;
    color: #4D4D4D;
}
.all_news_list_cate {
    background: #33CC8E;
    width: 113px;
    margin: 0 15px 0;
    padding: 5px 0 4px;
    display: inline-block;
    border-radius: 5px;
    line-height: 1;
    text-align: center;
    font-family: 'Sawarabi Gothic';
    font-size: 13px;
    letter-spacing: 0;
    color: #FFF;
}
.all_news_nav { letter-spacing: 0; font-size: 0; text-align: center; }
.all_news_nav li {
    width: 38px;
    position: relative;
    display: inline-block;
    border-top: 1px solid #E6E6E6;
    border-left: 1px solid #E6E6E6;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}
.all_news_nav li:after,
.all_news_nav li:before { content: ""; background: #FFF; width: 2px; height: 2px; position: absolute; }
.all_news_nav li:after { top: -1px; right: -1px; }
.all_news_nav li:before { bottom: -1px; left: -1px; }
.all_news_nav li:nth-child(n+2) { margin-left: 22px; }
.all_news_nav li a { padding: 9px 0; display: block; line-height: 1; text-align: center; font-size: 18px; color: #000; }
.all_news_nav li.selected a { color: #33CC8E; }
.all_news_nav li.dots { border: none; }
.all_news_nav li.dots span {  font-size: 18px; }

.all_top_back { position:fixed; right:50px; bottom:50px; z-index:19; display:none; }
.all_top_back img { width:91px; }

.news_filter {
    background: #F0F9F8;
    margin: 90px 0 85px;
    padding: 0 40px; 
    border-radius: 8px;
}
.news_filter_inner {
    padding: 14px 0 28px;
    margin-right: -20px;
    letter-spacing: 0;
    font-size: 0;
}
.news_filter li {
    float: left;
    background: #FFF;
    border: 1px solid #C9CACA;
    width: 136px;
    margin-top: 14px;
    padding: 12px 0;
    border-radius: 4px;
    display: inline-block;
    cursor: pointer;
    line-height: 1;
    letter-spacing: 0;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Sawarabi Gothic';
    color: #32cc8e;
    transition: all .4s;
}
.news_filter li { margin-right: 20px; }
.news_filter_more { margin-top: 20px;}
.guideline .news_filter_inner { margin: 0 auto; }
.guideline .news_filter li { width: 14.8%; margin-left: 2.2%; margin-right: 0; float: none; }
.guideline .news_filter li:nth-child(6n+1) { margin-left: 0; }
.guideline .news_filter li:nth-child(n+7) { margin-top: 14px; }

.news_filter li.cate_,
.det_news .all_news_list_cate.cate_ { background: transparent !important; border: 1px solid transparent; color: #FFF; }
.news_filter li.cate_.active,
.det_news .all_news_list_cate.cate_.active { color: transparent; }

.news_filter li.cate_all,
.det_news .all_news_list_cate.cate_all { background: #33CC8E !important; border: 1px solid #33CC8E; color: #FFF; }
.news_filter li.cate_all.active,
.det_news .all_news_list_cate.cate_all.active { color: #33CC8E; }

.news_filter li.cate_about,
.det_news .all_news_list_cate.cate_about { background: #AED35F !important; border: 1px solid #AED35F; color: #FFF; }
.news_filter li.cate_about.active,
.det_news .all_news_list_cate.cate_about.active { color: #AED35F; }

.news_filter li.cate_news,
.det_news .all_news_list_cate.cate_news { background: #72BD5C !important; border: 1px solid #72BD5C; color: #FFF; }
.news_filter li.cate_news.active,
.det_news .all_news_list_cate.cate_news.active { color: #72BD5C; }

.news_filter li.cate_community,
.det_news .all_news_list_cate.cate_community { background: #73C3A2 !important; border: 1px solid #73C3A2; color: #FFF; }
.news_filter li.cate_community.active,
.det_news .all_news_list_cate.cate_community.active { color: #73C3A2; }

.news_filter li.cate_training,
.det_news .all_news_list_cate.cate_training { background: #6FC5C7 !important; border: 1px solid #6FC5C7; color: #FFF; }
.news_filter li.cate_training.active,
.det_news .all_news_list_cate.cate_training.active { color: #6FC5C7; }

.news_filter li.cate_recruit,
.det_news .all_news_list_cate.cate_recruit { background: #6893BB !important; border: 1px solid #6893BB; color: #FFF; }
.news_filter li.cate_recruit.active,
.det_news .all_news_list_cate.cate_recruit.active { color: #6893BB; }

.news_filter li.active,
.det_news li.active { background: #FFF !important; }

.guideline_wrapper .news_filter li.active { background: #33CC8E !important; border: 1px solid #33CC8E; color: #FFF; }

.featured_article { border:1px solid #cdcdcd; }
.featured_article a { display:table; letter-spacing: 0; font-size: 0; }
.news_index_wrapper { padding: 1px 0 0; }
.news_index_wrapper .all_news .bg_w { padding-bottom:110px; }
.featured_article_img { height: 260px; width: 100%; display: inline-block; position: relative; overflow: hidden; }
.featured_article_img span { background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: .4s; }
.featured_article_img span:after {
    content: "";
    background-color: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.featured_article_info { background: #FFF; width: 50%; height: 260px; padding: 0 5% 0 4.6%; display:table-cell; vertical-align: middle; }
.featured_article_info_cate { background: #33CC8E; margin-bottom: 10px; padding: 5px 5px 4px; display: inline-block; line-height: 1; font-family: 'Sawarabi Gothic'; font-size: 13px; color: #FFF; }
.featured_article_info_date { font-size: 15px; }
.featured_article_info_ttl { margin-bottom: 12px; font-family: 'Sawarabi Gothic'; font-size: 20px; color: #33CC8E; }
.featured_article_info_lead { height: 46px; position: relative; overflow: hidden; font-size: 15px; }
.featured_article_info_lead:after { content: "..."; background: #FFF; width: 26px; height: 25px; position: absolute; bottom: 0; right: 0; line-height: 1; text-align: center; }

/* fix */
@media( max-width: 1050px ) {
    .news_filter li:nth-child(5) { margin-right: 0; }
    .news_filter li:nth-child(10) { margin-right: 0; }
    .news_filter_inner { width: 100%; max-width: 760px; margin: 0 auto; }
    .guideline .news_filter_inner { max-width: none; }
}
@media( max-width: 890px ) {
    .news_filter li:nth-child(5) { margin-right: 20px; }
    .news_filter li:nth-child(10) { margin-right: 20px; }
    .news_filter li:nth-child(4) { margin-right: 0; }
    .news_filter li:nth-child(8) { margin-right: 0; }
    .news_filter_inner { max-width: 605px; }

    .guideline .news_filter li { width: 18.2%; }
    .guideline .news_filter li:nth-child(n+1) { margin-right: 0; }
    .guideline .news_filter li:nth-child(6n+1) { margin-left: 2%; }
    .guideline .news_filter li:nth-child(5n+1) { margin-left: 0; }
}
@media( max-width: 720px ) {
    .news_filter li:nth-child(4) { margin-right: 20px; }
    .news_filter li:nth-child(8) { margin-right: 20px; }
    .news_filter li:nth-child(3) { margin-right: 0; }
    .news_filter li:nth-child(6) { margin-right: 0; }
    .news_filter li:nth-child(9) { margin-right: 0; }
    .news_filter_inner { max-width: 450px; }

}
@media( max-width: 740px ) {
    .guideline .news_filter li { width: 23.3%; }
    .guideline .news_filter li:nth-child(n+1) { margin-right: 0; }
    .guideline .news_filter li:nth-child(5n+1) { margin-left: 2%; }
    .guideline .news_filter li:nth-child(4n+1) { margin-left: 0; }
}
@media( max-width: 560px ) {
    .news_filter li { width: 47% !important; margin-right: 0 !important; }
    .news_filter li:nth-child(2n+1) { margin-right: 6% !important; }
    .guideline .news_filter li { width: 47%; margin-left: 6% !important; margin-right: 0 !important; }
    .guideline .news_filter li:nth-child(2n+1) { margin-left: 0 !important; }
}

/* news special */
.top_news .all_news_body { width: calc( 100% - 177px ); margin-left: 32px; }
.top_news .all_news_list { width: 100%; margin: 85px 0 93px; }
.det_news .all_news_list { width: 100%; margin-top: 43px; }
.news .all_news_list { }
.top_news .all_link_btn { margin-top: 85px; }



.det_appli_flow .all_link_btn { width: 320px; margin-top: 50px; }

/*sidebar  ----------------------- */
/*.side_bar { display: none; }*/

.side_bar { position: fixed; left: 35px; top: 50%; z-index: 2; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); }
.side_bar_pc { display: block; }
.side_bar_sp { display: none; }
.side_bar * { transition: all .4s; }
.side_bar ul { letter-spacing: 0; font-size: 0; }
.side_bar .side_bar_pc li { padding: 9px 0 9px 25px; position: relative; border-left: 1px solid #C9CACA; }
.side_bar .side_bar_pc li a { font-family: 'Sawarabi Gothic'; font-size: 14px; color: #C9CACA; }
.side_bar .side_bar_pc li.selected { border-left: none; }
.side_bar .side_bar_pc li.selected a { font-size: 19px; color: #33CC8E; }
.side_bar .side_bar_pc li:after { content: ""; background: url(../images/all_icn_leaf.png) no-repeat center / contain; width: 15px; height: 27px; position: absolute; left: -6px; top: 9px; opacity: 0; transition: all .4s; }
.side_bar .side_bar_pc li.selected:after { opacity: 1; }

/*header  ----------------------- */
#header {
    background: #FFF;
    width: 90%;
    margin: 0 auto;
    position: relative;
    border-radius: 6px;
    z-index: 5;
    text-align: right;
    box-shadow: #c7c7c7 -5px 5px 20px -10px;
    transition: all 0.4s ease;
}
#header_wrapper {
    width: 100%;
    position: absolute;
    top: 28px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 20;
}
#header.active { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
#header_wrapper.sticked #header { width: 100% !important; border-radius: 0; top: 0; z-index: 20; }
#header_wrapper.sticked #header > ul > li:nth-child(7).header_nav_last { border-top-right-radius: 0; }
#header_wrapper.sticked #header > ul > li:nth-child(8).header_nav_last { border-bottom-right-radius: 0; }
#header.active > ul > li:nth-child(7).header_nav_last { border-top-right-radius: 0; }
#header > ul.header_nav_pc { display: inline-block;  }
#header > ul.header_nav_sp { display: none; }
#header > ul { letter-spacing: 0; font-size: 0; }
#header > ul > li { width: 50%; display: inline-block; text-align: center; }
#header > ul > li > a { padding: 32px 15px 28px; position: relative; display: block; line-height: 1; font-size: 15px; font-family: 'Sawarabi Gothic'; color: #4D4D4D; }


#header > ul > li.header_nav_last { background: #33CC8E; width: 190px; height: 50%; transition: .4s; border-left: 1px solid #32cc8e; }
#header > ul > li.header_nav_last > a { padding: 12px 0; color: #FFF; transition: .4s; }
#header > ul > li.header_nav_last > a:after { content: none; }


#header > ul > li:nth-child(7).header_nav_last { height: 38px; position: absolute; top: 0; right: 0; border-top-right-radius: 5px; }
#header > ul > li:nth-child(8).header_nav_last { height: 37px; margin-top: 38px; margin-left: 15px; float: right; border-top: 1px solid #FFF; border-bottom-right-radius: 5px; }

#header_wrapper.sticked #wrapper > ul > li:nth-child(6).header_nav_last,
#header_wrapper.sticked #wrapper > ul > li:nth-child(7).header_nav_last { border-radius: 0; }
#header.hovered { border-bottom-left-radius: 0; }
#header.hovered  > ul > li:nth-child(7).header_nav_last { border-radius: 0; }
.header_nav_inner { width: 100%; position: relative; display: inline-block; overflow: hidden; }
.header_nav_inner span { display: block; transition: all .4s; }
.header_nav_inner span:first-child { font-family: 'BwModelica L'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 600; }
.header_nav_inner span:last-child {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: -25px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    font-family: 'Sawarabi Gothic';
}
.header_logo { width: 130px; position: absolute; top: 50%; left: 25px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
.header_nav_sub {
    background: #FFF;
    width: 100%;
    padding:30px 0 30px 30px;
    display: none;
    position: absolute;
    left: 0;
    top: 75px;
    overflow: hidden;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    text-align: left;
    box-shadow: #c7c7c7 -5px 5px 20px -10px;
}
.header_nav_sub li a,
#header > ul > li.header_nav_last .header_nav_sub li a {padding-right: 30px;position: relative;display:block;transition: all .4s;font-family: 'Sawarabi Gothic';font-size: 15px;color: #4D4D4D; }
.header_nav_sub li a:after,
#header > ul > li.header_nav_last .header_nav_sub li a:after {
    content: "";
    background: url(../images/all_arrow_g.png) no-repeat center / contain;
    width: 7px;
    height: 12px;
    position: absolute;
    right: 19px;
    top: 5px;
    z-index: 1;
    transition: all .3s;
}
.header_nav_has_sub > a {position:relative;}
.header_nav_has_sub > a:before {
    content:"";
    background:url(../images/header_bg_nav_arrow.png) no-repeat center bottom / 11px;
    width:11px;
    height:7px;
    position:absolute;
    right:0;
    top:50%;
    display:block;
    transform:translateY(-3px);
}
.header_nav_has_sub.header_nav_last > a:before {background-image:url(../images/header_bg_nav_arrow_white.png);right:20px;}
.header_nav_has_sub ._new { position:absolute; left:20px; top:calc(50% - 20px); letter-spacing:0; font-size:10px; font-family: 'Sawarabi Gothic'; color:#F75710; }
.header_nav_sub_head { height: 230px; width: 38%; position: relative; display: inline-block; }
.header_nav_sub_head a { height: 100%; display: block; text-align: center; }
.header_nav_sub_head span {
    background-position: center top;
    background-repeat: no-repeat;
    width: 100%;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    font-family: 'Sawarabi Gothic';
    text-align: center;
    font-size: 19px;
    letter-spacing: 3px;
    color: #FFF;
}
.header_nav_sub:after {content: "";background: #C9CACA;width: 100%;height: 1px;position: absolute;top: 0;right: 0;}
#header > ul > li:nth-child(2) .header_nav_sub_head { background: url(../images/header_bg_company.jpg) no-repeat center / cover; }
#header > ul > li:nth-child(2) .header_nav_sub_head span { background-image: url(../images/all_icn_company.png); background-size: 44px; padding-top: 57px; }
#header > ul > li:nth-child(4) .header_nav_sub_head { background: url(../images/header_bg_info.jpg) no-repeat center / cover; }
#header > ul > li:nth-child(4) .header_nav_sub_head span { background-image: url(../images/under_main_ttl_info.png); background-size: 44px; padding-top: 65px; }
#header > ul > li:nth-child(5) .header_nav_sub_head { background: url(../images/header_bg_edc.jpg?20210915) no-repeat center / cover; }
#header > ul > li:nth-child(8) .header_nav_sub_head { background: url(../images/header_bg_recruit.jpg) no-repeat center / cover; }
#header > ul > li:nth-child(8) .header_nav_sub_head span { background-image: url(../images/all_icn_3.png); background-size: 40px; padding-top: 55px; }
.header_nav_sub_head_list {
    width: 62%;
    padding-left: 5.3%;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.header_nav_sub_head_list ul {letter-spacing: 0;font-size: 0;}
.header_nav_sub_head_list ul li { width: 33.3%; display: inline-block; vertical-align:top; }
.header_nav_sub_head_list ul li:nth-child(n+4) { margin-top: 25px; }
.header_ttl { margin-bottom: 20px; }
.header_ttl a { display: block; }
.header_ttl a span { position: relative; display: inline-block; font-family: 'Sawarabi Gothic'; text-align: center; font-size: 19px; letter-spacing: 3px; color: #4D4D4D; }
.header_ttl a span:after {
    content: "";
    background: url(../images/all_arrow_g.png) no-repeat center / contain;
    width: 7px;
    height: 11px;
    position: absolute;
    right: -15px;
    bottom: 7px;
    transition: .4s;
}
#header > ul > li:nth-child(1) { width: 90px; }
#header > ul > li:nth-child(2) { width: 150px; }
#header > ul > li:nth-child(3) { width: 100px; }
#header > ul > li:nth-child(4) { width: 100px; }
#header > ul > li:nth-child(5) { width: 170px; }
#header > ul > li:nth-child(6) { width: 110px; }

.menu_ham { width: 30px; height: 21px; position:absolute; top: 30px; right: 20px; display: none; }
.menu_ham span { position: absolute; left: 0; width: 100%; height: 3px; background-color: #4d4d4d; border-radius: 4px; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; transition: all .4s; }
.menu_ham.open span:nth-of-type(1) { -webkit-transform: translateY(9px) rotate(-45deg); transform: translateY(9px) rotate(-45deg); }
.menu_ham span:nth-of-type(1) { top: 0; }
.menu_ham.open span:nth-of-type(2) { opacity: 0; }
.menu_ham span:nth-of-type(2) { top: 9px; }
.menu_ham.open span:nth-of-type(3) { -webkit-transform: translateY(-9px) rotate(45deg); transform: translateY(-9px) rotate(45deg); }
.menu_ham span:nth-of-type(3) { bottom: 0; }

/*under  ----------------------- */
.under_main_bg { background-repeat: no-repeat; background-position: center; background-size: cover; height: 420px; position: relative; }
.under_main_ttl { width: 100%; position:absolute; top:55%; left:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }
.under_main_ttl .under_main_ttl_main { line-height: 1; letter-spacing: 9px; text-align: center; font-family: 'Sawarabi Gothic'; font-size: 28px; color: #FFF; }
.information .under_main_bg { background-image: url(../images/main_bg_information.jpg); }
.information .under_main_ttl .under_main_ttl_main { background: url(../images/under_main_ttl_info.png) no-repeat center top / 54px; }
.information .under_main_ttl .under_main_ttl_main { padding-top: 85px; }
.contact .under_main_bg { background-image: url(../images/main_bg_contact.jpg); }
.contact .under_main_ttl .under_main_ttl_main { background: url(../images/all_icn_2.png) no-repeat center top / 51px; }
.contact .under_main_ttl .under_main_ttl_main { padding-top: 60px; }
.news .under_main_bg { background-image: url(../images/main_bg_news.jpg); }
.news .under_main_ttl h1 { background: url(../images/all_icn_news.png) no-repeat center top / 57px; }
.news .under_main_ttl h1 { padding-top: 75px; }
.about .under_main_bg { background-image: url(../images/main_bg_company.jpg); }
.about .under_main_ttl .under_main_ttl_main { background: url(../images/all_icn_company.png) no-repeat center top / 49px; }
.about .under_main_ttl .under_main_ttl_main { padding-top: 72px; }

.all_news_article { margin: 102px auto 0; }
.all_news_article_ttl { margin-bottom: 37px; letter-spacing: 3px; font-family: 'Sawarabi Gothic'; font-size: 23px; color: #03AC74; }
.all_news_article_info { padding-top: 90px; }
.all_news_article_cate { margin-bottom: 27px; line-height: 1; }
.all_news_article_cate span { background: #33CC8E; padding: 6px 5px; display: inline-block; font-size: 15px; font-family: 'Sawarabi Gothic'; color: #FFF; }
.all_news_article_date { margin-bottom: 2px; line-height: 1; font-size: 12px; color: #4D4D4D; }
.all_news_article_nav { margin: 18% 0 170px; padding-top: 93px; border-top: 2px solid #4D4D4D; position: relative; }
.all_news_article_nav li { position: absolute; bottom: 0; }
.all_news_article_nav li:nth-child(1) { background: url(../images/all_news_nav_l.png) no-repeat center left / 9px; padding-left: 22px; left: 0; }
.all_news_article_nav li:nth-child(2) { left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%); }
.all_news_article_nav li:nth-child(3) { background: url(../images/all_news_nav_r.png) no-repeat center right / 9px; padding-right: 13px; right: 0; }
.all_news_article_nav li a { display: block; }
.all_news_article_nav_date { display: block; font-size: 12px; color: #4D4D4D; }
.all_news_article_nav_ttl { max-width: 185px; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 1.3; font-size: 15px; font-family: 'Sawarabi Gothic'; color: #33CC8E; }
.all_news_article_content p { margin-bottom: 12px; line-height: 1.8; }
.all_news_article_content p.all_news_article_img { margin: 53px 0 42px; }
.all_news_article_content p:last-child { margin-bottom: 0; }
.all_news_article_content pre { white-space: pre-wrap; }
.news_article .all_link_btn { width: 160px; }
.news_article .all_link_btn { width: 260px; margin-top: 82px; }
.news_other .news_index_wrapper { margin-bottom: 70px; }

/*top  ----------------------- */
.top_main_bg {
    background-image: url(../images/top_main_bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100vh;
    position: relative;
}
.top_main_bg .top_main_bg_ttl {
    width: 100%;
    position: absolute;
    top: 58%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1;
    letter-spacing: 11px;
    text-align: center;
    font-family: 'Sawarabi Gothic';
    font-size: 39px;
    color: #FFF;
}
.top_main_sub_link { width: 105px; position: absolute; right: 45px; bottom: 37px; }
.top_main_sub_link li {background-repeat: no-repeat;background-position: bottom 24px center;background-size: 84px;}
.top_main_sub_link li:nth-child(1) { background-image: url(../images/top_side_link1.png); }
.top_main_sub_link li:nth-child(2) { background-image: url(../images/top_side_link2.png); }
.top_main_sub_link li:nth-child(n+2) { margin-top: 24px; }
.top_main_sub_link img.anim {
    -webkit-animation: rotateA 15s linear infinite;
    -moz-animation: rotateA 15s linear infinite;
    -ms-animation: rotateA 15s linear infinite;
    animation: rotateA 15s linear infinite;
}
@keyframes rotateA {
    0% {
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateZ(359deg);
        -moz-transform: rotateZ(359deg);
        -ms-transform: rotateZ(359deg);
        -o-transform: rotateZ(359deg);
        transform: rotateZ(359deg);
    }
}
.scroll {position:absolute;bottom: 50px;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);}
.scroll span {font-size: 14px;font-family:'Josefin Sans';color: #FFF;}
.scroll img {
    width: 10px;
    position:absolute;
    bottom:-18px;
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    transform:translateX(-50%);
    -webkit-animation: bounce 2s infinite;
    -moz-animation: bounce 2s infinite;
    -ms-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

@keyframes bounce {
    0%, 30%, 50% {
        -webkit-transform: translateX(-50%) translateY(0);
        -moz-transform: translateX(-50%) translateY(0);
        -ms-transform: translateX(-50%) translateY(0);
        -o-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0);
    }
    20% {
        -webkit-transform: translateX(-50%) translateY(-10px);
        -moz-transform: translateX(-50%) translateY(-10px);
        -ms-transform: translateX(-50%) translateY(-10px);
        -o-transform: translateX(-50%) translateY(-10px);
        transform: translateX(-50%) translateY(-10px);
    }
    40% {
        -webkit-transform: translateX(-50%) translateY(-5px);
        -moz-transform: translateX(-50%) translateY(-5px);
        -ms-transform: translateX(-50%) translateY(-5px);
        -o-transform: translateX(-50%) translateY(-5px);
        transform: translateX(-50%) translateY(-5px);
    }
}
.top_intro { width: 90%; margin: 0 auto 210px; padding-top: 90px; text-align: center; position: relative; }
.top_intro_ttl { margin-bottom: 62px; line-height: 1; font-family: 'Sawarabi Gothic'; font-size: 22px; color:#4d4d4d; }
.top_intro_img { width: 100%; max-width: 840px; margin: 0 auto 35px; opacity: 0; }
.top_intro p { line-height: 2; font-size: 15px; }
.top_intro p:nth-child(n+2) { margin-top: 20px; }
.top_intro p:last-child { margin-top: 65px; }
.top_info { background: #F6F9F4; }
.top_info_wrapper { width: 95%; padding-top: 130px; }
.top_info_inner { width: 95%; margin-bottom: 50px; }
.top_info_map { max-width: 514px; margin: 0 auto; position: relative; }

.top_info_map_link { background-repeat: no-repeat; background-position: center; background-size: contain; width: 6%; height: 8.3%; position: absolute; transition: all .4s; transform-origin: bottom; }
.link1 { top: 59.4%;   left: 55.2%; background-image: url(../images/map_pin1.png); z-index: 2; }
.link2 { top: 51.6%; left: 55.2%; background-image: url(../images/map_pin2.png); }
.link3 { top: 36.9%; left: 70.7%; background-image: url(../images/map_pin3.png); }
.link4 { top: 62%; left: 26.4%; background-image: url(../images/map_pin4.png); }
.link5 { top: 57.7%; left: 32.3%; background-image: url(../images/map_pin5.png); }
.link6 { top: 46%; left: 18.4%; background-image: url(../images/map_pin6.png); }
.link7 { top: 46%; left: 25%; background-image: url(../images/map_pin7.png); }
.link8 { top: 40.9%; left: 44.3%; background-image: url(../images/map_pin8.png); z-index: 2; }
.link9 { top: 32.9%; left: 44.3%; background-image: url(../images/map_pin9.png); }

@media(min-width: 1025px) {
    .top_info_map_link:hover { transform: scale(1.2); }
}
.top_info_inner { letter-spacing: 0; font-size: 0; }
.top_info_l,
.top_info_r { display: inline-block; vertical-align: top; }
.top_info_l { width: 55.9%; margin-right: 4%; }
.top_info_r { width: 40.1%; }
.top_info_l_inner { max-width: 540px; }
.top_info_txt { margin: 35px 0 53px; padding-left: 10px; line-height: 2; font-size: 15px; }
.top_info_list {  }
.top_info_list > li:nth-child(n+2) { margin-top: 30px; }
.top_info_list_head { padding-bottom: 5px; margin-bottom: 17px; border-bottom: 1px solid #999; font-size: 18px; color: #03AC74; }
.top_info_list_sub { letter-spacing: 0; font-size: 0; }
.top_info_list_sub li { width: 48%; display: inline-block; vertical-align: top; }
.top_info_list_sub li:nth-child(2n+1) { margin-right: 4%; }
.top_info_list_sub li > span { padding-left: 28px; margin-bottom: 3px; display: block; font-size: 13px; color: #808080; }
.top_info_list_sub li > p { padding-left: 25px; font-size: 14px; color: #4D4D4D; position: relative; }
.top_info_list_sub a {background: url(../images/all_arrow_g.png) no-repeat center right 3px / 7px;max-width:190px;padding-right: 16px;display:block;font-weight: 600;font-size: 14px;color: #4D4D4D;}
.top_info_list_nb {
    background: #03ac74;
    width: 18px;
    height: 18px;
    padding-top: 2px;
    position: absolute;
    top: 1px;
    left: 0;
    border-radius: 18px;
    line-height: 1;
    text-align: center;
    text-indent: 1px;
    font-family: 'Sawarabi Gothic';
    font-size: 14px;
    color: #FFF;
}

.infiniteslide_wrap { background: #FFF; margin-top: 115px; }
.top_slider { letter-spacing: 0; font-size: 0; }
.top_slider div { width: 490px; margin: 20px 9px; }
.top_slider div img { width: 100%; }

.top_nav ul { letter-spacing: 0; font-size: 0; }
.top_nav ul li { width: 33.3333%; display:inline-block; vertical-align: top; position: relative; overflow: hidden; }
.top_nav ul li:nth-child(n+2) { border-left: 1px solid #FFF; }
.top_nav_bg { background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: .6s; }
.top_nav_bg:after {
    content: "";
    background-color: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}
.top_nav ul li:nth-child(1) .top_nav_bg { background-image: url(../images/top_nav_1.jpg); }
.top_nav ul li:nth-child(2) .top_nav_bg { background-image: url(../images/top_nav_2.jpg); }
.top_nav ul li:nth-child(3) .top_nav_bg { background-image: url(../images/top_nav_3.jpg); }
.top_nav ul li a { padding: 120px 20px 95px; position: relative; z-index: 1; display: block; }
.top_nav_ttl {
    background-repeat: no-repeat;
    background-position: center top;
    margin-bottom: 27px;
    padding-top: 65px;
    display: block;
    line-height: 1;
    text-align: center;
    font-family:''Sawarabi Gothic'';
    font-size: 28px;
    color: #FFF;
}
.top_nav ul li:nth-child(4) .top_nav_ttl { font-family: 'Sawarabi Gothic'; font-size: 26px; }
.top_nav ul li:nth-child(1) .top_nav_ttl { background-image: url(../images/all_icn_3.png); background-size: 40px; }
.top_nav ul li:nth-child(2) .top_nav_ttl { background-image: url(../images/all_icn_4.png); background-size: 38px; }
.top_nav ul li:nth-child(3) .top_nav_ttl { background-image: url(../images/all_icn_2.png); background-size: 40px;     background-position: center top 12px; }
.top_nav_txt { display: block; line-height: 2; text-align: center; font-size: 16px; color: #FFF; }
.all_sub-nav { margin: 75px 0 25px; }
.all_sub-nav li:nth-child(n+2) { border-left: 1px solid #C9CACA; }
.all_sub-nav li span { margin: 0 -4px; display: inline-block; font-size: 18px; font-weight: bold; color: #33CC8E; }
.all_sub-nav li { width: 33.3333%; cursor: pointer; float: left; padding: 15px 0; display: block; text-align: center; font-size: 18px; font-weight: bold; color: #33CC8E; }
.all_sub-nav .current { background-color: #E0F7EE; color: #33CC8E; }
.all_main-article { margin-top: 70px; margin-bottom: 70px; }
.all_category--news { color: #fff; background-color: #33CC8E; }

.news .pankuzu { margin-top: 120px; }
.news .all_leaf_ttl { padding-bottom:100px; }

.item-picture { position: relative; overflow: hidden; }
.item-picture span:first-child { background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; top: 0; right: 0; left: 0; bottom: 0; transition: .4s; }
.item-picture span:first-child:after {
    content: "";
    background-color: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}
.news-content { letter-spacing: 0; font-size: 0; }
.news-content .item a { display: block; letter-spacing: 0; font-size: 0; }
.news-content .item-lead { font-size: 12px; color: #000; }
.news-content .item-picture { position: relative; }
.news-content .item-category { width: auto; padding: 2px 4px; position: absolute; bottom: 0; left: 0; display: inline-block; text-align: center; font-size: 12px; font-weight: bold; }
.news-content .item-category {   }
.news-content .item-date { display: block; font-size: 12px; color: #4D4D4D; }
.news-content .item-title { margin-bottom: 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 14px; color: #33CC8E; }

/*タブがない間*/
.top-news-content { margin-top:30px; }
/**/
.top-news-content .item-date { margin-bottom: 3px; }
.top-news-content .item:first-child .item-category { width: 44.6%; }
.top-news-content .item:first-child .item-picture { height: 400px; border: 1px solid #cdcdcd; }
.top-news-content .item:first-child .item-meta { margin-top: 5px; }
.top-news-content .item:nth-child(n+2) { margin-top: 30px; }
.top-news-content .item:nth-child(n+2) .item-body { width: 51.4%; display: inline-block; vertical-align: top; }
.top-news-content .item:nth-child(n+2) .item-picture { width: 44.6%; margin-right: 4%; height: 130px; display: inline-block; border: 1px solid #cdcdcd; }

.sub-news-content .item { width: 100%; padding: 25px 0; margin-left: 0; margin-bottom: 0; }
.sub-news-content .item:nth-child(2) { padding-top: 0; }
.sub-news-content .item:nth-child(n+3) { border-top: 1px solid #e4e4e4; }
.sub-news-content .item .item-body { width: calc(100% - 145px); display: inline-block; vertical-align: top; }
.sub-news-content .item .item-picture { width: 130px; height: 155px; margin-right: 15px; display: inline-block; }
.sub-news-content .item .item-category { width: 100%; text-align: center; }
.sub-news-content .item-featured { margin-bottom: 50px; padding: 20px 0; border-top: 3px solid #03AC74; border-bottom: 3px solid #03AC74; }

.all_news_related { background:#f7f7f7; margin-top:80px; padding: 125px 0 160px; position: relative; }
.all_news_related .all_link_btn { margin-top: 65px; width: 246px; }
.all_news_related ul { letter-spacing: 0; font-size: 0; }
.all_news_related li { width: 30%; margin-left: 5%; display: inline-block; vertical-align: top; }
.all_news_related li:nth-child(3n+1) { margin-left: 0; }
.all_news_related .item-picture { height: 155px; border: 1px solid #cdcdcd; }
.all_news_related_ttl { margin-bottom: 68px; line-height: 1; text-align: center; font-size: 22px; font-family: 'Sawarabi Gothic'; color: #03AC74; }
.all_news_related .news-content .item-title { margin: 5px 0 0; font-size: 19px; white-space: normal ; overflow: visible; color: #33CC8E; }
.all_news_related .news-content .item-meta { margin-top: 15px; }
.all_news_related .news-content .item-lead { font-size: 15px; white-space: inherit; color: #666; }
.all_news_other_related .all_link_btn { margin-top: 95px; width: 200px; }
.all_news_other_related .all_news_body { position: relative; }
.all_main-article_drop_sec { padding:100px 0 80px; }
.all_main-article_drop {
    background: transparent;
    width: calc(100% + 20px);
    margin: 0 auto;
    padding: 7px 0 6px 15px;
    display: block;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
    border: none;
    font-size: 18px;
}
.news_list ul { letter-spacing: 0; font-size: 0; }
.news_list ul li { width: 30%; margin-left: 5%; display: inline-block; vertical-align: top; }
.news_list ul li:nth-child(3n+1) { margin-left: 0; }
.news_list ul li:nth-child(n+4) { margin-top: 68px; }
.news_img { width: 100%; height: 155px; margin-bottom: 15px; position: relative; border: 1px solid #cdcdcd; }
.news_img span:first-child { background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.news_img span:first-child:after {
    content: "";
    background-color: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}
.all_main-article_drop_sec { text-align: center; }
.select_wrapper {
    background: url(../images/all_icn_form_select.jpg) no-repeat center right 4px / 32px;
    display: inline-block;
    width: 95%;
    max-width: 400px;
    overflow: hidden;
    border: 1px solid #C9CACA;
}

.news_cate { background: #33CC8E; padding: 5px 5px 4px; position: absolute; bottom: 0; left: 0; line-height: 1; font-family: 'Sawarabi Gothic'; font-size: 13px; color: #FFF; }
.news_list_date { margin-bottom: 5px; line-height: 1; font-size: 12px; color: #4D4D4D; }
.news_list_ttl { margin-bottom: 5px; font-family: 'Sawarabi Gothic'; font-size: 19px; color: #33CC8E; }
.news_list_lead { font-size: 15px; word-break: break-all; }
.news_list_btn { margin: 115px 0 95px;  }
.det_news .all_link_btn a,
.news_list_btn .all_link_btn a { background: #33CC8E url(../images/all_btn_aro_down.png) no-repeat center right 12px / 12px; }

@media(max-width: 600px){
    .all_news_related li { width: 48%; display: inline-block; }
    .all_news_related li:nth-child(n+2) { margin-left: 0; }
    .all_news_related li:nth-child(n+3) { margin-top: 20px; }
    .all_news_related li:nth-child(2n+2) { margin-left: 4%; }
}
@media(max-width: 480px){
    .sub-news-content .item-featured.item .item-body { width: 100%; margin-top: 10px; }
    .sub-news-content .item-featured.item .item-picture { width: 100%; height: 210px; margin: 0; }
    .sub-news-content .item-featured.item .item-category {  }
}
/*information  ----------------------- */

.all_assets { padding-bottom: 173px; }
.info_nav_intro { margin: 90px 0 50px; line-height: 2; font-size: 15px; }
.info_nav_list { padding-bottom: 70px; border-bottom: 1px solid #4D4D4D; letter-spacing: 0; font-size: 0; }
.info_nav_list li { display: inline-block; }
.info_nav_list li:nth-child(n+2) { margin-left: calc( (100% - ((5 * 126px)))/4 ); }

.all_asset_list { margin-top: 105px; }
.all_asset_list:first-child { margin-top: 80px; }
.all_asset_list > ul  { margin-top: 45px; letter-spacing: 0; font-size: 0; }
.all_asset_list > ul > li { width: 47.5%; display: inline-block; vertical-align: top; border: 1px solid #E6E6E6; }
.all_asset_list > ul > li:nth-child(n+2) { margin-left: 5%; }
.all_asset_list_special .all_asset_content {
    width: 100%;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    text-align: center;
}
.all_asset_ttl { background: url(../images/all_leaf_ttlA.png) no-repeat center / contain; padding: 11px 27px 9px 44px; display: inline-block; font-size: 21px; }
.all_asset_ttl span { letter-spacing: 3px; font-family: 'Sawarabi Gothic'; }
.all_asset_bg:hover { cursor:pointer; }
.all_asset_bg {
    width: 100%; 
    height: 215px;
    display:block;
    position: relative;
    overflow: hidden;
}
.all_asset_bg span {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    transition: .4s;
}
.all_asset_bg:hover span { transform: scale(1.1); }
.all_asset_bg span:after {
    content: "";
    background: #000;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    transition: all .4s;
}
.all_asset_bg span:hover:after {
    opacity: .3;
}

.all_asset_bg.disabled { cursor: default; }
.all_asset_bg.disabled span:hover:after { opacity: 0; }
.all_asset_bg.disabled:hover span { transform: scale(1); }

.asset_mie_1 .all_asset_bg span { background-image: url(../images/information_fuki.jpg); }
.asset_mie_2 .all_asset_bg span { background-image: url(../images/information_kuramochi.jpg); }
.asset_aichi_1 .all_asset_bg span { background-image: url(../images/information_fujimi.jpg); }
.asset_osaka_1 .all_asset_bg span { background-image: url(../images/information_momonoki.jpg); }
.asset_osaka_2 .all_asset_bg span { background-image: url(../images/information_otori.jpg); }
.asset_hyogo_1 .all_asset_bg span { background-image: url(../images/information_hino.jpg); }
.asset_hyogo_2 .all_asset_bg span { background-image: url(../images/information_hinohikari.jpg); }
.asset_shiga_1 .all_asset_bg span { background-image: url(../images/information_hiyoshi.jpg); }
.asset_shiga_2 .all_asset_bg span { background-image: url(../images/information_hiei.jpg); }

.all_asset_inner { padding: 33px 6.7% 48px 8.4%; position: relative; }
.all_asset_list .all_link_btn { margin-top: 32px; }
.all_asset_content {}
.all_asset_content .all_asset_content_ttl { margin-bottom: 6px; font-size: 19px; font-family: 'Sawarabi Gothic'; }
.all_asset_content p { padding-right: 60px; position: relative; font-size: 17px; }
.all_asset_content p span { display: block; font-size: 16px; }
.all_asset_content p a {
    background: #34DA9B url(../images/all_btn_aro_simple.png) no-repeat top 6px right 3px / 5px;
    padding: 4px 11px 4px 7px;
    position: absolute;
    top: 25px;
    right: 0;
    border: 1px solid #34DA9B;
    border-radius: 4px;
    line-height: 1;
    letter-spacing: 0.5px;
    transition: all .3s;
    font-family: 'BwModelica L';
    font-size: 13px;
    color: #FFF;
}
.all_asset_contact { margin-top: 25px; letter-spacing: 0; font-size: 0; }
.all_asset_contact li { width: 48%; display: inline-block; }
.all_asset_contact li:first-child { margin-right: 4%; }
.all_asset_contact a {
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 36px;
    padding: 12px 0 12px 45px;
    line-height: 1;
    display: block;
    font-size: 16px;
}
.all_asset_contact li:nth-child(1) a { background-image: url(../images/all_icn_maru_tel.png) }
.all_asset_contact li:nth-child(2) a { background-image: url(../images/all_icn_maru_contact.png) }

.all_tableA { width: 100%; margin-top: 50px; }
.all_tableA tr:nth-child(n+2) { border-top: 1px solid #E6E6E6; }
.all_tableA tr th { width: 220px; font-size: 15px; }
.all_tableA tr th span { display: inline-block; text-indent: -8px; }
.all_tableA tr td { padding: 19px 0; font-size: 15px; }
.all_tableA tr td span { width: 65px; display: inline-block; }
.all_tableA tr td span.all_tableA_long { width: 150px; }
.all_tableA tr td span.all_new_line { width: auto; }

/*details  ----------------------- */
.details .pankuzu { margin: 10px auto 85px; }
.details .det_top { padding: 110px 0 70px; }
@media( max-width: 480px ){
    .details .det_top { padding: 85px 0 60px; }
    .details .pankuzu { margin: 10px auto 50px; }
}
.bg_w { background:#fff; }
.bg_gr { background: #F0F9F8; }
.bg_be { background: #FFFEF8; }

.det_top { padding: 220px 0 70px; }
.det_top_inner { letter-spacing: 0; font-size: 0; }
.det_top_l,
.det_top_r { display: inline-block; vertical-align: top; border-radius: 10px; overflow: hidden; }
.det_top_l { width: 39%; margin-right: 6.5%; }
.det_top_r { width: 54.5%; }
.det_top_intro { margin-top: 40px; padding-bottom: 20px; border-bottom: 1px dotted #d4d4d4; line-height: 1.8; font-size: 17px; }
.det_top_content p { margin-top: 27px; position: relative; font-size: 15px; }
.det_top_content .all_map_btn { position: absolute; top: 19px; right: 0; }
.det_top_content p span { margin-bottom: 6px; display: block; line-height: 1; }
.det_top_contact { margin-top: 15px; letter-spacing: 0; font-size: 0; }
.det_top_contact li { width: 180px; display: inline-block; }
.det_top_contact li:first-child { margin-right: 5%; }
.det_top_contact a { background-repeat: no-repeat; background-position: center left; background-size: 36px; padding: 12px 0 12px 45px; line-height: 1; display: block; font-size: 16px; }
.det_top_contact li:nth-child(1) a { background-image: url(../images/all_icn_maru_tel.png); }
.det_top_contact li:nth-child(2) a { background-image: url(../images/all_icn_maru_contact.png); }

.det_top_logo img { width: auto; height: 70px; transition: all .4s; }
@media( max-width: 970px ){ .det_top_logo img { height: 65px; } }
@media( max-width: 900px ){ .det_top_logo img { height: 60px; } }
@media( max-width: 840px ){ .det_top_logo img { height: 55px; } }
@media( max-width: 768px ){ .det_top_logo img { height: 65px; } }
@media( max-width: 690px ){ .det_top_logo img { height: 60px; } }
@media( max-width: 640px ){ .det_top_logo img { height: 55px; } }
@media( max-width: 580px ){ .det_top_logo img { height: 50px; } }
@media( max-width: 530px ){ .det_top_logo img { height: 45px; } }
@media( max-width: 480px ){ .det_top_logo img { height: 60px; } }
@media( max-width: 374px ){ .det_top_logo img { height: 55px; } }
@media( max-width: 350px ){ .det_top_logo img { height: 50px; } }
.det_top_img_sp { display: none; }

.det_news { padding: 70px 0 110px; }
.det_news_body { width: 100%; padding-bottom: 11px; display: inline-block; border-bottom: 1px solid #E6E6E6; letter-spacing: 0; font-size: 0; }
.det_news_date { width: 140px; display: inline-block; text-align: center; font-size: 14px; }
.det_news_link { width: calc( 100% - 140px ); display: inline-block; font-size: 15px; }

.det_avail { padding: 100px 0; }
.det_avail table { width: 100%; margin-top: 55px; overflow: hidden; border-radius: 10px; border-collapse: separate; border: 1px solid #AEF0D8; text-align: center; }
.det_avail table tr th { background: #B3E6D5; padding: 21px 0; line-height: 1; text-align: center; font-size: 24px; color: #4D4D4D; }
.det_avail table tr td { background: #FFF; padding: 27px 0; border-top: 1px solid #AEF0D8; }
.det_avail table tr td img { width: 41px; display: inline-block; }
.det_avail table tr td:nth-child(n+2),
.det_avail table tr th:nth-child(n+2) { border-left: 1px solid #AEF0D8; }
.det_avail_note { margin-top: 13px; }
.det_avail_note p:first-child { font-size: 15px; }
.det_avail_note p:last-child { margin-top: 8px; line-height: 1; font-size: 20px; color: #03AC74; }
.det_avail_contact { margin-top: 75px; position: relative; }
.det_avail_contact_sub { background: url(../images/all_speech_big.png) no-repeat center / contain; width: 435px; position: absolute; right: -35px; top: -80px; z-index: 1; }
.det_avail_contact_sub p {
    width: 100%; 
    height: 100px;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.det_avail_contact_sub p span {
    margin-left: 25px;
    position: absolute;
    top: 52%; 
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%); 
    line-height: 1.6;
    color: #03AC74;
}
.det_avail_contact_main { background: #FFF; padding: 27px 0; position: relative; border-radius: 8px; letter-spacing: 0; font-size: 0; }
.det_avail_contact_main p { width: 230px; padding: 39px 0; display: inline-block; border-right: 2px solid #F0F9F8; line-height: 1; text-align: center; font-size: 17px; color: #03AC74; }
.det_avail_contact_main ul { width: calc(100% - 230px); display: inline-block; text-align: center; letter-spacing: 0; font-size: 0; }
.det_avail_contact_main li { width: 46%; display: inline-block; }
.det_avail_contact_main ul li:nth-child(1) a { background-image: url(../images/all_icn_maru_tel.png); }
.det_avail_contact_main ul li:nth-child(2) a { background-image: url(../images/all_icn_maru_contact.png); }
.det_avail_contact_main a { background-repeat: no-repeat; background-position: center left; background-size: 46px; padding: 13px 0 13px 55px; line-height: 1; display: inline-block; font-size: 22px; }

.det_info { padding: 140px 0 60px; }

.slideru { padding-top: 400px; }
.slideru_txt { width: 100%; max-width: 500px; }
.det_photo {  padding: 0 100px 160px; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); transform: translateZ(0); }
.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0,0,0) rotate(0.001deg);
    -moz-transform: translate3d(0,0,0) rotate(0.001deg);
    -ms-transform: translate3d(0,0,0) rotate(0.001deg);
    transform: translate3d(0,0,0) rotate(0.001deg);
}
.det_photo:before {
    content: "";
    background: rgb(255,255,255);
    background: -moz-linear-gradient(90deg, rgba(255,255,255,0.9990371148459384) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,0.9990371148459384) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(90deg, rgba(255,255,255,0.9990371148459384) 0%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
    width: 125px;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.det_photo:after {
    content: "";
    background: rgb(255,255,255);
    background: rgb(255,255,255);
    background: -moz-linear-gradient(270deg, rgba(255,255,255,0.9990371148459384) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(270deg, rgba(255,255,255,0.9990371148459384) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(270deg, rgba(255,255,255,0.9990371148459384) 0%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
    width: 125px;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}
.details .slick-list { overflow: visible; }
.details .slick-slide { margin: 0 130px; transition: all 1s ease; transform-origin: bottom; will-change: transform; transform: translate3d(0,0,0); }
.details .slick-center { -webkit-transform: translate3d(0,0,0) scale(2.125) rotate(0.001deg); -moz-transform: translate3d(0,0,0) scale(2.125) rotate(0.001deg); -ms-transform: translate3d(0,0,0) scale(2.125) rotate(0.001deg); transform: translate3d(0,0,0) scale(2.125) rotate(0.001deg); }
.details .slick-slide img { width: 470px; margin: 0 38px; display: block; border-radius: 8px; }

.slideru_el { vertical-align: bottom; }
.slideru_txt {
    background: #FFF;
    margin-left: 38px;
    padding: 35px 30px 40px 45px;
    position: absolute;
    bottom: -38px;
    left: 0;
    -webkit-transform: scale(0.53);
    -moz-transform: scale(0.53);
    transform: scale(0.47);
    transform-origin: bottom left;
    border-radius: 10px;
    box-shadow: #e6e6e6 10px 10px 20px -10px;
    line-height: 1.9;
    font-size: 18px;
    opacity: 0;
    transition: all 1s;
}
.slick-center .slideru_txt { opacity: 1; }
.slideru_txt span { margin-bottom: 10px; display: block; font-size: 24px; }
.slideru_dots {
    position: relative;
    bottom: 170px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
    text-align: right;
}
.slideru_arrows { width: 100%; height: 100%; position: relative; }
.slideru_arrow_l,
.slideru_arrow_r {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 50px;
    height: 50px;
    display: inline-block !important;
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    transform:translateY(-50%);
    z-index: 5;
}
.slideru_arrow_l { background-image: url(../images/slider_arow.png); left: 3%; -webkit-transform: rotateY(180deg) translateY(-50%); -moz-transform: rotateY(180deg) translateY(-50%); transform: rotateY(180deg) translateY(-50%); }
.slideru_arrow_r { background-image: url(../images/slider_arow.png); right: 3%; }
.det_photo .slick-dots { position: relative; bottom: -20px; letter-spacing: 0; font-size: 0; text-align: right; }
.det_photo .slick-dots li { width: 18px; margin: 0; }
.det_photo .slick-dots li button:before { font-size: 10px; opacity: 1; color: #E2EDE8; }
.det_photo .slick-dots li.slick-active button:before { opacity: 1; color: #33CC8E; }

.det_food { padding: 105px 0 180px; }
.det_food .all_link_btn { margin: 175px auto 0; }
.det_food_ttl { line-height: 1; font-size: 24px; }
.det_food_main { margin-bottom: 275px; position: relative; }
.det_food_main_img { margin-top: 70px; overflow: hidden; border-radius: 8px; }
.det_food_main_list { background: #FFF; width: 90%; max-width: 750px; padding: 55px 15px 40px 5.9%; position: absolute; bottom: -160px; left: 0; border-radius: 8px; box-shadow: #dedede 5px 5px 20px -10px; }
.det_food_main_list p {
    background: url(../images/all_circle_gw.png) no-repeat center / contain;
    width: 53px;
    height: 53px;
    padding: 19px 0;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    line-height: 1;
    text-align: center;
    font-size: 14px;
}
.det_food_main_list ul { margin-top: 30px; letter-spacing: 0; font-size: 0; }
.det_food_main_list ul li { background: url(../images/all_icn_check.png) no-repeat left top 5px / 21px; width: 50%; padding-left: 33px; display: inline-block; vertical-align: top; font-size: 19px; }
.det_food_main_list ul li > span { display: block; font-size: 14px; text-indent: -8px; }
.det_food_main_list ul li:nth-child(n+3) { margin-top: 12px; }
.det_food_sub { position: relative; }
.det_food_sub .det_food_ttl { margin-bottom: 18px; }
.det_food_sub_img { width: 52%; overflow: hidden; border-radius: 8px; }
.det_food_sub_txt { background: #FFF; width: 54.2%; padding: 52px 4% 45px 5.6%; position: absolute; bottom: -80px; right: 0; border-radius: 8px; box-shadow: #dedede 5px 5px 20px -10px; }
.det_food_sub_txt p { line-height: 1.9; font-size: 15px; }
.det_food_sub_txt p:nth-child(n+3) { margin-top: 14px; }
.det_food_sub_ttl {}
.det_food_cross { margin-top: 155px; }
.det_food_cross ul { margin-bottom: 90px; letter-spacing: 0; font-size: 0; }
.det_food_cross ul li { width: 50%; position: relative; display: inline-block; vertical-align: top; font-size: 16px; }
.det_food_cross ul li:nth-child(1):after {
    content: "";
    background: #CDEEE3;
    width: 130px;
    height: 130px;
    position:absolute;
    right: 0;
    bottom: 0;
    -webkit-transform:translate(50%,50%);
    -moz-transform:translate(50%,50%);
    transform:translate(50%,50%);
    border-radius: 100px;
}
.det_food_cross ul li:nth-child(n+3) { border-top: 1px solid #C9CACA; }
.det_food_cross ul li:nth-child(2n+2) { padding-left: 8.5%; border-left: 1px solid #C9CACA; }
.det_food_cross ul li:nth-child(n+3) { padding-top: 70px; }
.det_food_cross ul li:nth-child(-n+2) { padding-bottom: 55px; }
.det_food_cross ul li:nth-child(2n+1) { padding-left: 3%; padding-right: 4%; }
.det_food_cross_ttl { font-size: 15px; }
.det_food_cross_ttl .det_food_cross_ttl_head { background: #03AC74; width: 115px; padding: 7px 0; margin-right: 15px; display: inline-block; border-radius: 15px; line-height: 1; text-align: center; font-size: 17px; color: #FFF; }
.det_food_cross_reg { margin: 13px 0 20px; font-size: 15px; }
.det_food_cross_point { font-size: 15px; }
.det_food_cross_point:nth-child(n+4) { margin-top: 13px; }
.det_food_cross_point span { background: url(../images/all_icn_check.png) no-repeat left / 18px; margin-bottom: 2px; padding-left: 25px; display: block; letter-spacing: 2px; font-size: 16px; color: #03AC74; }
.det_food_cross_nb { position: absolute; z-index: 1; line-height: 1; font-family: 'Fjalla One', sans-serif; font-size: 30px; color: #FFF; }
.det_food_cross ul li:nth-child(1) .det_food_cross_nb { right: 15px; bottom: 10px; }
.det_food_cross ul li:nth-child(2) .det_food_cross_nb { bottom: 10px; left: 15px; }
.det_food_cross ul li:nth-child(3) .det_food_cross_nb { top: 12px; right: 15px; }
.det_food_cross ul li:nth-child(4) .det_food_cross_nb { top: 12px; left: 15px; }


.det_cal { padding: 105px 0 95px; }
.det_cal_main { margin-top: 58px; letter-spacing: 0; font-size: 0; }

.det_cal_main > li { background-size: contain; background-position: center; background-repeat: no-repeat; position: relative; display: inline-block; vertical-align: top; }

.det_cal_main > li {  width: 22.8%; margin-right: 2.9%; }
.det_cal_main > li:nth-child(4n+4) { margin-right: 0; }
.det_cal_main > li:nth-child(n+5) { margin-top: 2.9%; }

@media (max-width:768px) {
    .det_cal_main > li { width: 31%; }
    .det_cal_main > li:nth-child(n+4) { margin-top: 2.9%; }
    .det_cal_main > li:nth-child(4n+4) { margin-right: 3%; }
    .det_cal_main > li:nth-child(3n+3) { margin-right: 0; }
}
@media (max-width:480px) {
    .det_cal_main > li { width: 48.5%; margin-right: 3%; }
    .det_cal_main > li:nth-child(3n+3) { margin-right: 3%; }
    .det_cal_main > li:nth-child(2n+3) { margin-top: 3%; }
    .det_cal_main > li:nth-child(2n+2) { margin-right: 0; }
}

.det_cal_main > li { position: relative; border-radius: 8px; }
.det_cal_main > li > span { background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; }
.det_cal_main > li:nth-child(1) { background-image: url(../images/det_cal_4.jpg); }
.det_cal_main > li:nth-child(2) { background-image: url(../images/det_cal_5.jpg); }
.det_cal_main > li:nth-child(3) { background-image: url(../images/det_cal_6.jpg); }
.det_cal_main > li:nth-child(4) { background-image: url(../images/det_cal_7.jpg); }
.det_cal_main > li:nth-child(5) { background-image: url(../images/det_cal_8.jpg); }
.det_cal_main > li:nth-child(6) { background-image: url(../images/det_cal_9.jpg); }
.det_cal_main > li:nth-child(7) { background-image: url(../images/det_cal_10.jpg); }
.det_cal_main > li:nth-child(8) { background-image: url(../images/det_cal_11.jpg); }
.det_cal_main > li:nth-child(9) { background-image: url(../images/det_cal_12.jpg); }
.det_cal_main > li:nth-child(10) { background-image: url(../images/det_cal_1.jpg); }
.det_cal_main > li:nth-child(11) { background-image: url(../images/det_cal_2.jpg); }
.det_cal_main > li:nth-child(12) { background-image: url(../images/det_cal_3.jpg); }
.det_cal_main > li:nth-child(1) > span:nth-child(1) { background-image: url(../images/det_cal_4_1.png); width: 30.8%; height: 44%; bottom: -8px; left: -6px; }
.det_cal_main > li:nth-child(1) > span:nth-child(2) { background-image: url(../images/det_cal_4_2.png); width: 56.2%; height: 61.4%; top: -20px; right: -10px; }
.det_cal_main > li:nth-child(2) > span:nth-child(1) { background-image: url(../images/det_cal_5_1.png); width: 31.6%; height: 32%; top: -17px; right: -19px; }
.det_cal_main > li:nth-child(2) > span:nth-child(2) { background-image: url(../images/det_cal_5_2.png); width: 23.7%; height: 17.5%; bottom: -1px; left: 6px; }
.det_cal_main > li:nth-child(3) > span:nth-child(1) { background-image: url(../images/det_cal_6_1.png); width: 29.4%; height: 20.6%; bottom: 12px; left: 12px; }
.det_cal_main > li:nth-child(3) > span:nth-child(2) { background-image: url(../images/det_cal_6_2.png); width: 28.5%; height: 22.4%; top: 12px; right: 12px; }
.det_cal_main > li:nth-child(4) > span:nth-child(1) { background-image: url(../images/det_cal_7_1.png); width: 43.9%; height: 46.5%; top: 0; right: 0; }
.det_cal_main > li:nth-child(5) > span:nth-child(1) { background-image: url(../images/det_cal_8_1.png); width: 43.5%; height: 43.5%; top: -12px; right: -12px; }
.det_cal_main > li:nth-child(5) > span:nth-child(2) { background-image: url(../images/det_cal_8_2.png); width: 31.6%; height: 31.6%; bottom: 4px; left: 3px; }
.det_cal_main > li:nth-child(6) > span:nth-child(1) { background-image: url(../images/det_cal_9_1.png); width: 21.1%; height: 24.1%; bottom: 0; left: 15px; }
.det_cal_main > li:nth-child(6) > span:nth-child(2) { background-image: url(../images/det_cal_9_2.png); width: 37.3%; height: 29%; top: -10px; right: -15px; }
.det_cal_main > li:nth-child(6) > span:nth-child(3) { background-image: url(../images/det_cal_9_3.png); width: 32.9%; height: 44.8%; bottom: 0; right: 0; }
.det_cal_main > li:nth-child(7) > span:nth-child(1) { background-image: url(../images/det_cal_10_1.png); width: 28.5%; height: 32.9%; bottom: -5px; left: -15px; }
.det_cal_main > li:nth-child(7) > span:nth-child(2) { background-image: url(../images/det_cal_10_2.png); width: 30.7%; height: 28.1%; top: -12px; right: -12px; }
.det_cal_main > li:nth-child(8) > span:nth-child(1) { background-image: url(../images/det_cal_11_1.png); width: 28.1%; height: 29.4%; top: -10px; right: -5px; }
.det_cal_main > li:nth-child(8) > span:nth-child(2) { background-image: url(../images/det_cal_11_2.png); width: 18.4%; height: 23.7%; top:50%; right: -10px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); }
.det_cal_main > li:nth-child(8) > span:nth-child(3) { background-image: url(../images/det_cal_11_3.png); width: 25.4%; height: 26.3%; bottom: -10px; left: 5px; }
.det_cal_main > li:nth-child(9) > span:nth-child(1) { background-image: url(../images/det_cal_12_1.png); width: 35.1%; height: 28.1%; top: -15px; right: -14px; }
.det_cal_main > li:nth-child(9) > span:nth-child(2) { background-image: url(../images/det_cal_12_2.png); width: 22.4%; height: 30.3%; bottom: -5px; left: -12px; }
.det_cal_main > li:nth-child(10) > span:nth-child(1) { background-image: url(../images/det_cal_1_1.png); width: 77.635%; height: 43.4%; bottom: 5px; left: 8px; }
.det_cal_main > li:nth-child(10) > span:nth-child(2) { background-image: url(../images/det_cal_1_2.png); width: 43%; height: 43.9%; top: -8px; right: -5px; }
.det_cal_main > li:nth-child(11) > span:nth-child(1) { background-image: url(../images/det_cal_2_1.png); width: 31.6%; height: 35.5%; top: -15px; right: -9px; }
.det_cal_main > li:nth-child(11) > span:nth-child(2) { background-image: url(../images/det_cal_2_2.png); width: 34.7%; height: 39.5%; bottom: 9px; left: 9px; }
.det_cal_main > li:nth-child(12) > span:nth-child(1) { background-image: url(../images/det_cal_3_1.png); width: 39.5%; height: 42.2%; top: -7px; right: -7px; }
.det_cal_main > li:nth-child(12) > span:nth-child(2) { background-image: url(../images/det_cal_3_2.png); width: 34.2%; height: 17.6%; bottom: 10px; left: 5px; }
.det_cal_sub { width: 100%; padding-left: 12%; position: absolute; top: 15%; left: 0; }
.det_cal_sub li { background: url(../images/all_icn_check.png) no-repeat top 3px left / 20px; padding-left: 30px; line-height: 1.4; font-size: 17px; }
.det_cal_sub li:nth-child(n+2) { margin-top: 10px; }
.det_cal_note { margin: 34px 0 10px; padding-bottom: 28px; border-bottom: 1px solid #C9CACA; }
.det_cal_note li { padding-left: 95px; position: relative; font-size: 18px; }
.det_cal_note li:nth-child(n+2) { margin-top: 14px; }
.det_cal_note li span { background: #03AC74; width: 85px; padding: 7px 0; position: absolute; top: -3px; left: 0; display: inline-block; border-radius: 15px; line-height: 1; text-align: center; font-size: 17px; color: #FFF; }
.det_cal_note2 p { font-size: 15px; line-height: 1.8; }

.det_gal { padding: 135px 0 25px; }
.photo_gallery { margin-top: 55px; }
.photo_gallery_btn { margin-top: 40px; display: none; }
.photo_gallery_btn.photoLoaded { display: none; }

.photo_gallery_btn.all_link_btn a { background: #34DA9D; }

.det_voice { padding: 95px 0 80px; }
.det_voice_list { margin-top: 70px; }
.det_voice_list li { position: relative; }
.det_voice_list li:nth-child(n+2) { margin-top: 110px; }
.det_voice_list_port {
    width: 205px;
    position:absolute;
    top:50%;
    left:0;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    transform:translateY(-50%);
}
.det_voice_list_cont { margin-left: 270px; }
.det_voice_name { margin-bottom: 12px; display: block; line-height: 1; font-size: 16px; }
.det_voice_ttl { margin-bottom: 25px; font-size: 20px; }
.det_voice_ttl span { background: linear-gradient( transparent 62%, #d9f2e8 62% ); }

.det_voice_list_copy { line-height: 1.85; font-size: 16px; }
.det_voice_list_copy:last-child { margin-top: 12px; }

.det_recruit_schedule_sect:nth-child(n+3) { margin-top: 120px; }
.det_recruit_schedule_sect:nth-child(2) { margin-top: 65px; }
.det_recruit_schedule { padding: 140px 0 110px; }
.det_recruit_schedule_ttl {
    background: url(../images/all_leaf_ttlE.png) no-repeat center / contain;
    width: 100%;
    max-width: 280px;
    margin: 0 auto 42px;
    padding: 16px 0 15px 22px;
    display: block;
    text-align: center;
    line-height: 1;
    font-size: 20px;
}
.det_schedule_content { margin-top: 87px; }
.det_schedule_ttl { margin-bottom: 55px; position: relative; overflow: hidden; letter-spacing: 0; font-size: 0; }
.det_schedule_ttl:after {
    content: "";
    background: #03AC74;
    width: 100%;
    height: 2px;
    position:absolute;
    top:50%;
    left:102px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    transform:translateY(-50%);
}
.det_schedule_ttl > span {
    background: url(../images/all_circle_gw.png) no-repeat center center / contain;
    width: 54px;
    height: 54px;
    margin-left: 30px;
    display: inline-block;
    position: relative;
}
.det_schedule_ttl > span > span {
    width: 100%;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    line-height: 1.2;
    font-size: 14px;
    text-align: center;
    color: #4D4D4D;
}
.det_schedule_el { padding-bottom: 80px; }
.border-t.det_schedule_el { padding-top: 78px; }
.border-t { border-top: 1px solid #C9CACA; }
.det_schedule_el_ttl {
    background: url(../images/all_leaf_ttlB.png) no-repeat center / contain;
    width: 325px;
    margin:0 auto 42px;
    padding: 16px 0 15px 22px;
    display: block;
    text-align: center;
    line-height: 1;
    font-size: 20px;
}

.det_schedule_long { width: 100%; padding-left: 102px; overflow: hidden; }
.det_schedule_long img { width: 870px; }
.det_schedule_med { width: 100%; padding-left: 102px; }
.det_schedule_med img { width: 720px; }
.det_schedule_sma { width: 100%; padding-left: 102px; }
.det_schedule_sma img { width: 650px; }
.det_schedule_content_second { margin-top: 30px; }


.det_recruit_application { padding: 105px 0; text-align: center; }
.det_appli_ttl {
    background: url(../images/all_leaf_ttlC.png) no-repeat center / contain;
    margin: 0 auto 30px;
    width: 280px;
    padding: 17px 0 17px 15px;
    line-height: 1;
    font-size: 20px;
}
.det_appli_note { margin-bottom: 42px; }
.det_appli_note li { font-size: 14px; }
.det_appli_note li:nth-child(n+2) { margin-top: 5px; }
.det_appli_flow_main {
    background: #FFF;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 11px 10px;
    border: 1px solid #C9CACA;
    border-radius: 8px;
    font-size: 18px;
}
.det_appli_flow_main:nth-child(n+2) { margin-top: 100px; position: relative; }
.det_appli_flow_main:nth-child(n+2):after {
    content: "";
    background: url(../images/all_icn_dbl_arrow.png) no-repeat center / contain;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}
.det_appli_flow_note { margin-top: 19px; display: block; font-size: 16px; }
.det_appli_el_first { margin: 50px 0 87px; }
.det_appli_el_last { padding-top: 84px; }

.det_appli_contact_title {
    text-align:center;
    font-size:18px;
    color:#4D4D4D;
}
.det_appli_contact {
    background:#fff;
    width:100%;
    max-width:800px;
    margin:10px auto 0;
    display:table;
    border:1px #C9CACA solid;
    border-radius:10px;
}
.det_appli_contact_left {
    width:230px;
    padding:25px 0;
    display:table-cell;
    text-align:center;
}
.det_appli_contact_left span {
    padding:34px 10px;
    display:block;
    border-right:2px #F0F9F8 solid;
    font-weight:600;
    font-size:17px;
    color:#03AC74;
}
.det_appli_contact .det_appli_contact_right {
    width:calc(100% - 230px);
    margin-top:0;
    display:table-cell;
    letter-spacing:0;
    font-size:0;
}
.det_appli_contact .det_appli_contact_right li { margin-bottom:0 !important; text-align:left; }
.det_appli_contact .all_asset_contact a {
    padding:15px 0 15px 60px;
    font-size:22px;
}
.det_appli_contact .all_asset_contact li:nth-child(1) a {
    background-image:url(../images/all_icn_maru_tel2.png);
    background-size:47px;
}
.det_appli_contact .all_asset_contact li:nth-child(2) a {
    background-image:url(../images/all_icn_maru_contact2.png);
    background-size:47px;
}
.det_appli_contact .all_asset_contact li { width:auto; }
.det_appli_contact .all_asset_contact li:first-child { margin-right:8%; }

.all_leaf_ttl_dbl span { margin: 6px 0 2px; display: block; font-size: 18px; color: #03AC74; }

.det_download { padding: 140px 0 135px; }
.det_download ul { margin-top: 75px; letter-spacing: 0; font-size: 0; }
.det_download ul li { width: 30%; margin-left: 5%; display: inline-block; }
.det_download ul li:nth-child(3n+1) { margin-left: 0; }
.det_download ul li:nth-child(n+4) { margin-top: 35px; }
.det_download ul li a {
    background: #33CC8E url(../images/all_icn_download.png) no-repeat center right 12px / 20px;
    padding: 19px 0 17px;
    position: relative;
    display: block;
    line-height: 1;
    text-align: center;
    font-size: 14px;
    color: #FFF;
    transition: all .3s;
}
.det_download ul li a span {
    height: calc( 100% - 3px );
    width: calc( 100% - 3px );
    position: absolute;
    bottom: -3px;
    right: -3px;
    border-bottom: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
}

/*footer --------------- */
.footer { width: 95%; max-width: 1200px; margin: 0 auto; padding: 83px 0; border-top: 1px solid #C6C6C6; }
.footer_l { display: inline-block; vertical-align: top; letter-spacing: 0; font-size: 0; }
.footer_l div { display: inline-block; vertical-align: middle; }
.footer_l div:first-child { width: 182px; margin: -5px 40px 0 0; }
.footer_l div:last-child {}
.footer_logo { width: 175px; }
.footer_btn {
    background: url(../images/all_btn_aro_g.png) no-repeat center right 8px / 12px;
    width: 100%;
    max-width: 182px;
    margin: 15px auto 0;
    position: relative;
    border-top: 2px solid #E6E6E6;
    border-left: 2px solid #E6E6E6;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    transition: all .4s;
}
.footer_btn:after,
.footer_btn:before { content: ""; background: #FFF; width: 5px; height: 5px; position: absolute; }
.footer_btn:after { top: -3px; right: -3px; }
.footer_btn:before { bottom: -3px; left: -3px; }
.footer_btn a { padding: 13px 0 13px 15px; display: block; line-height: 1; font-size: 14px; transition: all .4s; }
.footer_address { font-size: 14px; }
.footer_address span { margin: 0 0 3px -4px; display: block; font-size: 12px; }
.footer_tel {}
.footer_tel a { background: url(../images/all_icn_maru_tel.png) no-repeat center left / 25px; margin: 7px 0 5px; padding: 2px 0 2px 35px; display: block; line-height: 1; font-size: 22px; color: #33CC8E; }
.footer_tel_note { font-size: 12px; color: #33CC8E; }
.footer_r { width: calc(100% - 450px); float: right; display: inline-block; vertical-align: top; text-align: right; letter-spacing: 0; font-size: 0; }
.footer_link { display: inline-block; line-height: 1; }
.footer_link:nth-child(n+2) { margin-left: 20px; }
.footer_link a { min-width:150px; padding: 7px 8px; display: block; text-align:center; font-size: 13px; border-bottom: 2px solid #33CC8E; border-right: 2px solid #33CC8E; }
.footer_link:first-child a { letter-spacing: 3px; }
.footer_nav { width: 100%; max-width: 720px; margin: 24px 0 18px; padding-bottom: 15px; display: inline-block; border-bottom: 1px solid #E6E6E6; letter-spacing: 0; font-size: 0; }
.footer_nav li { display: inline-block; }
.footer_nav li:nth-child(n+2) { margin-left: 4%; }
.footer_nav li a { background: url(../images/all_arrow_g.png) no-repeat center right 4px / 7px; padding-right: 20px; font-family: 'Sawarabi Gothic'; font-size: 13px; transition: all .4s; }
.footer_sp { display: none; }
.footer_copy { font-size: 12px; font-family: 'BwModelica L'; }

.daily { padding: 140px 0 105px; }
.daily_list { margin-top: 75px; position: relative; }
.daily_inner:after {
    content: "";
    background: #03AC74;
    width: 4px;
    height: calc(100% - 280px);
    position: absolute;
    top: 125px;
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    transform:translateX(-50%);
}
.daily_list li:nth-child(n+2) { margin-top: 20px; }
.daily_list li.selected .daily_inner { display: block; }

.daily_list a {
    background: #33CC8E;
    padding: 32px 0 32px 6.5%;
    position: relative;
    display: block;
    border-radius: 8px;
    line-height: 1;
    font-family: 'Sawarabi Gothic';
    font-size: 26px;
    color: #FFF;
}
.daily_list a:after {
    content: "";
    background: url(../images/all_arrow_w.png) no-repeat center / contain;
    width: 27px;
    height: 16px;
    position:absolute;
    top:50%;
    right:50px;
    -webkit-transform:translateY(-50%) rotate(180deg);
    -moz-transform:translateY(-50%) rotate(180deg);
    transform:translateY(-50%) rotate(180deg);
    -ms-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.daily_list li.open a:after {
    -webkit-transform:translateY(-50%) rotate(0deg);
    -moz-transform:translateY(-50%) rotate(0deg);
    transform:translateY(-50%) rotate(0deg);
}
.daily_list li.selected a { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.daily_bloc { width: 100%; position: relative; }
.daily_list .inner { width: 38%; position: relative; vertical-align: top; }
.left .inner { float: left; }
.right .inner { float: right; }

.daily_time_big {
    background: #03AC74;
    width: 108px;
    padding: 11px 0;
    position:absolute;
    top:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    transform:translateX(-50%);
    z-index: 1;
    border-radius: 50px;
    line-height: 1;
    text-align: center;
    letter-spacing: 2px;
    font-family: 'Fjalla One', sans-serif;
    font-size: 24px;
    color: #FFF;
}
.left .daily_time_big:after {
    content: "";
    background: url(../images/all_icn_dbl_arrow_l.png) no-repeat center / contain;
    width: 22px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: -30px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.right .daily_time_big:after {
    content: "";
    background: url(../images/all_icn_dbl_arrow_r.png) no-repeat center / contain;
    width: 22px;
    height: 16px;
    position: absolute;
    top: 50%;
    right: -30px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.daily_time {
    width: 77px;
    margin: 20px 0;
    padding: 4px 0;
    display: inline-block;
    border: 2px solid #03AC74;
    border-radius: 15px;
    line-height: 1;
    text-align: center;
    font-family: 'Fjalla One', sans-serif;
    font-size: 16px;
    color: #03AC74;
}
.daily_ttl { margin-bottom: 6px; font-size: 24px; }
.daily_ttl span { font-size: 18px; }
.daily_reg { line-height: 1.8; font-size: 15px; }
.daily_pic { width: 100%; overflow: hidden; border-radius: 8px; }
.daily_bloc { padding-bottom: 250px; }
.daily_inner { padding: 65px 6% 80px; display: none; position: relative; }
.daily_center { display: block; text-align: center; }

@media ( min-width:481px ) {
    .daily_beg .daily_time_big,
    .daily_end .daily_time_big { position: relative; left: 0; right: 0; -webkit-transform: none; -moz-transform: none; transform: none; display: inline-block; }
}
.daily_beg { position: relative; }
.daily_end { position: relative; }
.daily_beg,
.daily_end { text-align: center; }
.daily_end_beg { display: block; line-height: 1; font-size: 24px; color: #03AC74; }
.daily_beg .daily_end_beg { margin-bottom: 15px; }
.daily_end .daily_end_beg{ margin-top: 25px; }

.daily_special { float: right; position: relative; right: 60px; }
.daily_first .daily_special { margin-top: 35px; }
.daily_last .daily_special { margin-top: 15px; }
.daily_bloc_special.daily_bloc { padding: 55px 0 105px 0; }
.daily_last.daily_bloc_special.daily_bloc { padding-bottom: 0; }
.daily_special_ttl {
    background: url(../images/all_icn_dbl_arrow_r.png) no-repeat center left / 22px;
    padding-left: 32px;
    position: relative;
    left: -70px;
    display: inline-block;
    vertical-align: top;
    font-size: 24px;
}
.daily_special_pic { width: 178px; border-radius: 100px; overflow: hidden; }
.daily_special_txt {
    background: url(../images/all_speech_daily.png) no-repeat center / contain;
    width: 168px;
    padding: 11px 0 19px 14px;
    position: absolute;
    top: -25px;
    right: -80px;
    line-height: 1.6;
    font-size: 12px;
    color: #03AC74; 
}

/* contact forms */
.all_form { margin: 90px auto 120px; }
.placeholder { font-size: 17px; color: #C9CACA; }
.all_form table { width: 100%; margin-top: 48px; border-top: 2px solid #33CC8E; border-bottom: 2px solid #33CC8E; }
.all_form.entry_form table { border-top: 2px solid #FCE400; border-bottom: 2px solid #FCE400; }
.all_form tr:nth-child(n+2) { border-top: 1px solid #C9CACA; }
.all_form tr:last-child th { padding-top: 0; vertical-align: middle; }
.all_form th { background: #EBFAF4; width: 280px; min-width: 280px; padding: 30px 0 0 25px;; vertical-align: top; position: relative; font-size: 0; }
.all_form.entry_form th { background: #FFFCE5; }
.all_form td { padding: 20px 0 20px 25px; }
.all_form input { width: 95%; max-width: 440px; padding: 5px 0 5px 15px; border: 1px solid #C9CACA; font-size: 17px; }
.all_form input.short_input { width: 37%; max-width: 190px; min-width: 170px; }
.all_form input.shortest_input { width: 95%; max-width: 100px; }
.all_form label { font-size: 17px; vertical-align: middle; }
.all_form label input { margin-right: 15px; }
.all_form label:nth-child(n+2) { margin-left: 25px; }
.all_form input[type=radio] { width: auto; margin-right:0; position: relative; top: -2px; vertical-align: middle; }

.all_form input[type=checkbox] { width: auto; margin-right:0; position: relative; top: -3px; }
.all_form .all_form_checkbox label:nth-child(n+2) { margin: 0; }
.all_form .all_form_checkbox label { display: inline-block; line-height: 2.2; font-size: 16px; }
.all_form .all_form_checkbox label:nth-child(1) { width: 135px; }
.all_form .all_form_checkbox label:nth-child(2) { width: 170px; }
.all_form .all_form_checkbox label:nth-child(3) { width: 135px; }
.all_form .all_form_checkbox label:nth-child(4) { width: 155px; }
.all_form .all_form_checkbox label:nth-child(5) { width: 285px; }
.all_form .all_form_checkbox label:nth-child(6) { width: 100%; }

.all_form input[type=checkbox] { width: auto; margin-right:5px; position: relative; top:-2px; vertical-align:middle; }
.all_form .all_form_checkbox .wpcf7-list-item label { display: inline-block; line-height: 2.2; font-size: 16px; }
.all_form .all_form_checkbox .wpcf7-list-item label:nth-child(n+2) { margin: 0; }
.all_form .all_form_checkbox .wpcf7-list-item:nth-child(1) label { width: 135px; }
.all_form .all_form_checkbox .wpcf7-list-item:nth-child(2) label { width: 170px; }
.all_form .all_form_checkbox .wpcf7-list-item:nth-child(3) label { width: 135px; }
.all_form .all_form_checkbox .wpcf7-list-item:nth-child(4) label { width: 155px; }
.all_form .all_form_checkbox .wpcf7-list-item:nth-child(5) label { width: 285px; }
.all_form .all_form_checkbox .wpcf7-list-item:nth-child(6) label { width: 100%; }
.all_form .all_form_checkbox span.wpcf7-list-item { margin: 0; }
.all_form .all_form_checkbox span.wpcf7-list-item-label::before,
.all_form .all_form_checkbox span.wpcf7-list-item-label::after {
    content: none;
}
.all_form select {
    background: transparent;
    width: calc(100% + 20px);
    padding: 8px 0 8px 15px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
    border: 0;
    font-size: 17px;
}
.all_form input.address_sync {
    background: #FFF;
    width: 100px;
    margin-left: 15px;
    padding: 6px 0;
    border: 1px solid #33CC8E;
    transition: all .4s;
    font-size: 15px;
    color: #33CC8E;
}
.all_form_select_fix {
    background: url(../images/all_icn_form_select.jpg) no-repeat center right 3px / 30px;
    width: 95%;
    max-width: 315px;
    display: inline-block;
    border: 1px solid #C9CACA;
    overflow: hidden;
}

.contact_tbl_hd { position: relative; display: block; line-height: 1; font-size: 17px; color: #4D4D4D; }
.contact_tbl_hd2 { width: 100%; margin-top: 30px; padding-right: 25px; display: block; font-size: 15px; color: #4D4D4D; }
.contact_form_req {
    position:absolute;
    top: 50%;
    right: 25px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    transform:translateY(-50%);
    font-size: 14px;
    color: #E73656;
}
.all_form input::placeholder { font-size: 17px; color: #C9CACA; }
.all_form textarea { width: 95%; max-width: 440px; padding: 5px 0 5px 15px; border: 1px solid #c9caca; font-size: 17px; resize: vertical; }

.form_submit {
    width: 200px;
    margin: 45px auto 0;
}
.form_submit button {
    background: #33CC8E url(../images/all_btn_aro.png) no-repeat center right 12px / 12px;
    width: 100%;
    padding: 15px 0 12px;
    position: relative;
    display: block;
    transition: all .3s;
    border: none;
    line-height: 1;
    text-align: center;
    font-size: 15px;
    color: #FFF;
    overflow: visible;
}

.form_submit span {
    height: calc( 100% - 2px );
    width: calc( 100% - 2px );
    position: absolute;
    bottom: -5px;
    right: -5px;
    border-bottom: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
}
.all_form_privacy { width: 100%; margin-top: 34px; display: table; letter-spacing: 0; font-size: 0; }
.all_form_privacy_l { width: 280px; padding-left: 25px; display: table-cell; vertical-align: middle; }
.all_form .all_form_privacy input { width: auto; max-width: none; position: relative; top: -2px;  }
.all_form_privacy_l p { position: relative; font-size: 17px; }
.all_form_privacy_r { padding: 10px 0 10px 28px; display: table-cell; vertical-align: middle; }
.privacy_note { padding-left: 25px; font-size: 15px; color: #4D4D4D; }
.privacy_note span { color: #33CC8E; }

.thanks .pankuzu { margin-top: 120px; }
.thanks .all_link_btn { width: 246px; }
.all_contact_thanks { margin: 85px auto 150px; }
.all_contact_thanks_content { margin: 62px auto 56px; line-height: 2.6; text-align: center; font-size: 16px; color: #4D4D4D; }

.all_privacy { height: 230px; margin: 70px auto; overflow-y: auto; border: 1px solid #C9CACA; }
.all_privacy_inner { padding: 90px 0 40px; }
.all_privacy .all_privacy_ttl { margin-bottom: 35px; padding-left: 12px; border-left: 4px solid #03AC74; font-size: 18px; font-weight: 600; color: #03AC74; }
.all_privacy .all_privacy_sub_ttl { margin-bottom: 13px; font-size: 17px; font-weight: 600; color: #4D4D4D; }
.all_privacy p { margin-bottom: 25px; line-height: 1.6; font-size: 15px; color: #4D4D4D; }


/* * * * * * * * */
/* Recruit * * * */
/* * * * * * * * */
.all_recruit:before,
.all_recruit:after {  content: ""; background: #FCE400; width: 10px; height: 100vh; position: fixed; top: 0; z-index: 5; }
.all_recruit:before { left: 0; }
.all_recruit:after { right: 0; }
.all_recruit { padding: 0 10px; border-left: none !important; border-right: none !important; }

/*.all_recruit { border-left: 10px solid #FCE400; border-right: 10px solid #FCE400; }*/
.all_recruit .pankuzu { margin-top: 10px; text-align: right; }

.all_recruit_nav { margin-bottom: -2px; letter-spacing: 0; font-size: 0; }
.recruit_top .all_recruit_nav { margin-top:130px; }
.all_recruit_nav li { background-color: #FCE400; background-repeat: no-repeat; background-position: center left 40px; width: 33.3333%; display: inline-block; border-left: 2px solid #FFF; transition: all .4s; }
.all_recruit_nav li.active { background-color: #F7BF0B; }

.all_recruit_nav li:nth-child(n+4) { border-top: 2px solid #FFF; }
.all_recruit_nav li:nth-child(3n+1) { border-left: none; }
.all_recruit_nav li a {
    background: url(../images/all_btn_aro_b.png) no-repeat center right 8.5% / 12px;
    padding: 46px 0;
    display: block;
    text-align: center;
    font-family: 'Sawarabi Gothic';
    font-size: 20px;
    color: #000;
}
.all_recruit_nav li:nth-child(1) { background-image: url(../images/all_icn_speech_y.png); background-size: 77px; }
.all_recruit_nav li:nth-child(2) { background-image: url(../images/all_icn_career_y.png); background-size: 86px; }
.all_recruit_nav li:nth-child(3) { background-image: url(../images/all_icn_book_y.png); background-size: 54px; }
.all_recruit_nav li:nth-child(4) { background-image: url(../images/all_icn_duck_y.png); background-size: 78px; }
.all_recruit_nav li:nth-child(5) { background-image: url(../images/all_icn_feather_y.png); background-size: 74px; }
.all_recruit_nav li:nth-child(6) { background-image: url(../images/all_icn_note_y.png); background-size: 67px; }

.recruit_ttlA { text-align: center; }
.recruit_ttlA_deco { position: relative; display: inline-block; letter-spacing: 8.5px; font-family: 'Sawarabi Gothic'; font-size: 35px; color: #33CC8E; }
.recruit_ttlA_deco:after {
    content: "";
    background: #33CC8E;
    width: 25px;
    height: 5px;
    position:absolute;
    top:50%;
    right:-40px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    transform:translateY(-50%);
}
.recruit_ttlA_deco:before {
    content: "";
    background: #33CC8E;
    width: 25px;
    height: 5px;
    position:absolute;
    top:50%;
    left: -40px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    transform:translateY(-50%);
}
.recruit_ttlA_sub { margin-top: 20px; letter-spacing: 4.5px; text-align: center; font-family: 'Sawarabi Gothic'; font-size: 18px; color: #33CC8E; }
.recruit_index_top { position: relative; }
.recruit_slider { height: 800px; width: 90%; max-width: 1150px; }
.recruit_index_top_ttl {
    width: 100%;
    max-width: 1200px;
    text-align: right;
    position:absolute;
    top:50%;
    right:20px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    transform:translateY(-50%);
}
.recruit_index_top_ttl .recruit_index_top_ttl_content { font-size: 0; }
.recruit_bg_w { background: #FFF; padding: 15px 0px 15px 23px; position: relative; display: inline-block; line-height: 1; letter-spacing: 7px; font-family: 'Sawarabi Gothic'; font-size: 30px; color: #000; }
.recruit_bg_w_fix { margin-top: -1px; }
.recuit_ttl_en {
    position: absolute;
    top: -80px;
    left: -66px;
}
.contentRec1200 {
    width: 100%;
    max-width: 1350px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.recruit_index_top_ttl .all_link_btn { width: 125px; margin-top: 55px; float: right; }

.recruit_index_2 {
    background: #FCE400;
    width: 100%;
    max-width: 1150px;
    margin-top: -80px;
    padding: 123px 0 185px 12%;
    float: right;
    position: relative;
    z-index: 2;
}
.recruit_index_2 .recruit_index_2_ttl { margin-bottom: 20px; line-height: 2; letter-spacing: 5px; font-family: 'Sawarabi Gothic'; font-size: 25px; color: #000; }
.recruit_index_2 p { line-height: 2.6; font-size: 16px; color: #000; }

.recruit_index_3 {
    background: url(../images/recruit_bg_01.jpg) no-repeat right / cover;
    width: 90%;
    max-width: 1150px;
    margin-top: -90px;
    padding: 120px 5% 110px 16%;
    position: relative;
    z-index: 3;
}
.recruit_index_3 .recruit_index_3_ttl { margin-bottom: 20px; line-height: 2; letter-spacing: 5px; font-family: 'Sawarabi Gothic'; font-size: 25px; color: #FFF; }
.recruit_index_3 p { line-height: 2.6; font-size: 18px; color: #FFF; }

.recruit_message { margin-bottom: 260px; position: relative; text-align: right; }
.recruit_message_inner {
     width: 95%; 
     max-width: 1200px; 
     margin: 160px auto 0; 
}
.recruit_message_l { 
    width: 48.5%; 
    position: absolute; 
    top: 0; 
    left: 0; 
}
.recruit_message_l img { width: 100%; }
.recruit_message_r { 
    background: rgba(255,255,255,0.7); 
    width: 100%; 
    padding: 90px 8.5% 80px 8.5%; 
    position: relative; 
    display: inline-block; 
    box-shadow: #dad9d9 5px 5px 30px -15px; 
    text-align: left; 
}
.recruit_message_r .recruit_message_ttl { margin-bottom: 45px; line-height: 1.7; letter-spacing: 10px; font-family: 'Sawarabi Gothic'; font-size: 35px; color: #000; }
.recruit_message_r .recruit_message_txt { margin-bottom: 19px; line-height: 2.2; font-size: 15px; color: #000; }
.recruit_message_r .recruit_message_name { margin-top: 40px; text-align: right; font-size: 19px; color: #000; }
.recruit_index_2 .recruit_en_pos { position: absolute; top: -27px; left: 4%; }
.recruit_message .recruit_en_pos { 
    position: absolute; 
    top: -100px; 
    left: 5%; 
    z-index: 2; 
}
.recruit_inter { position: relative; margin-bottom: 200px; width: 100%; height: 430px; }
.recruit_inter .detail {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 50%;
    margin-right: 229px;
    padding: 75px 0;
    width: 370px;
    height: 100%;
    background-color: #FCE400;
    color: #fff;
    text-align: center;
}
.detail_en {
    width: 215px;
    position: absolute;
    top: -20px;
    left: -20px;
    font-size: 0;
    line-height: 0;
}
.detail_en svg { width: 100%; height: auto; }
.recruit_inter .detail_ttl { padding-top: 53px; font-family: 'Sawarabi Gothic'; font-size: 20px; color: #000; }
.recruit_inter .detail_reg { width: 90%; max-width: 220px; margin: 22px auto 43px; line-height: 1.8; font-size: 18px; color: #000; }
.recruit_inter .list { margin-left: -230px; overflow: hidden; position: absolute; top: 0; right: 0; left: 50%; }
.recruit_inter .list .block { width: 50%; height: 430px; float: left; }
.recruit_inter .slick-dots { display: none; }
.recruit_inter .list .block a { height: 100%; position: relative; display: block; color: #fff; }
.recruit_inter .list .block .thumb { width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; }
.recruit_inter .list .block .thumb .base {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-position: 50% 25%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
}
.recruit_inter .list .block .head {
    background: #FFF;
    width: 95%;
    max-width: 280px;
    padding: 14px 0 14px 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
}
.recruit_inter .list .block .head .recruit_inter_en { margin-bottom: 6px; font-family: 'Sawarabi Gothic'; font-size: 14px; color: #33CC8E; }
.recruit_inter .list .block .head .recruit_inter_jp { margin-bottom: 3px; font-family: 'Sawarabi Gothic'; font-size: 16px; color: #000; }
.recruit_inter .list .block .head p { font-family: 'Sawarabi Gothic'; font-size: 14px; color: #000; }
.block01 .thumb .base { background-image: url(../images/recruit_interview_01.jpg); }
.block02 .thumb .base { background-image: url(../images/recruit_interview_02.jpg); }
.block03 .thumb .base { background-image: url(../images/recruit_interview_03.jpg); }
.block04 .thumb .base { background-image: url(../images/recruit_interview_04.jpg); }
.recruit_inter .thumb .base:after {
    content: "";
    background-color: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transition: all 0.5s;
}
.recruit_slider_navi { position: absolute; bottom: 4px; right: 4px; letter-spacing: 0; font-size: 0; }
.recruit_slider_navi .ctr {
    background-color: #FFF;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 6px;
    width: 30px;
    height: 30px;
    display: inline-block;
}
.recruit_slider_navi .ctr-prev { background-image: url(../images/all_arrow_g2_l.png); margin-right: 2px; }
.recruit_slider_navi .ctr-next { background-image: url(../images/all_arrow_g2_r.png); }
.recruit_inter .slick-slide { margin: 0 1px; }

#career { position: relative; margin-bottom: 225px; }
.career_bg {
    background-color: #FFFCE5;
    position: absolute;
    height: 385px;
    width: 100%;
    bottom: 60px;
    -webkit-transform: skewY(-12deg);
    -moz-transform: skewY(-12deg);
    transform: skewY(-11.8deg);
}
.career_inner { width: 95%; max-width: 1000px; margin: 0 auto; position: relative; z-index: 1; }
.career_intro { max-width: 460px; }
.career_intro .career_intro_ttl { background: url(../images/all_icn_career.png) no-repeat top left / 50px; margin-bottom: 18px; padding-top: 55px; font-family: 'Sawarabi Gothic'; font-size: 20px; color: #000; }
.career_intro_txt { margin-bottom: 29px; letter-spacing: 2px; font-size: 18px; color: #000; }
.career_list { letter-spacing: 0; font-size: 0; }
.career_list li {
    
    height: 325px;
    width: 22.5%;
    position: relative;
    display: inline-block;
}
.career_list li:nth-child(n+2) { margin-left: 3.3333%; }
.career_list li:nth-child(1) { bottom: -50px;}
.career_list li:nth-child(2) { }
.career_list li:nth-child(3) { bottom: 50px;}
.career_list li:nth-child(4) { bottom: 100px;}

.career_list_bg { background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: .3s; }
.career_list li { overflow: hidden; }
.career_list li:nth-child(1) .career_list_bg { background-image: url(../images/recruit_career_01.jpg); }
.career_list li:nth-child(2) .career_list_bg { background-image: url(../images/recruit_career_02.jpg); }
.career_list li:nth-child(3) .career_list_bg { background-image: url(../images/recruit_career_03.jpg); }
.career_list li:nth-child(4) .career_list_bg { background-image: url(../images/recruit_career_04.jpg); }
.career_list li .career_list_bg:after {
    content: "";
    background-color: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}
.career_list li a { overflow: hidden; }
.career_list li a:hover .career_list_bg { transform: scale(1.1); }
.career_list li a:hover .career_list_bg:after { opacity: .3; }

.career_list p {
    background-color: #FFF;
    width: 185px;
    padding: 12px 0 12px 18px;
    position: absolute;
    bottom: 0;
    left: 0;
    font-family: 'Sawarabi Gothic';
    font-size: 13px;
    color: #000;
}
.career_list p span { display: block; font-size: 14px; font-family: inherit; color: #33CC8E; }
#career .all_link_btn { width: 130px; display: inline-block; }
.career_en {
    position: absolute;
    top: -50px;
    right: -45px;
    /*-webkit-transform: rotate(-12.6deg);*/
    /*-moz-transform: rotate(-12.6deg);*/
    /*transform: rotate(-12.6deg);*/
    /*line-height: 1;*/
    /*font-family: Rolette Qaku;*/
    /*font-size: 205px;*/
    /*color: #FCE400;*/
}

#career_info {}
#career_info ul { letter-spacing: 0; font-size: 0; }
#career_info ul li { width: 45%; display: inline-block; vertical-align: top; }
#career_info ul li:nth-child(n+2) { margin-left: 10%; }
#career_info ul li .career_info_bg .career_info_bg_inner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
#career_info ul li:nth-child(1) .career_info_bg .career_info_bg_inner { background: url(../images/recruit_info_01.jpg) no-repeat center / cover; }
#career_info ul li:nth-child(2) .career_info_bg .career_info_bg_inner { background: url(../images/recruit_info_02.jpg) no-repeat center / cover; }
.career_info_bg { height: 280px; margin-bottom: 32px; position: relative; }
#career_info ul li .career_info_bg .career_info_bg_inner:after {
    content: "";
    background-color: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.career_info_bg_btn {
    background: #FFF url(../images/all_btn_aro_g.png) no-repeat right 18px center / 11px;
    width: 185px;
    padding: 18px 0 18px 22px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    line-height: 1;
    font-size: 14px;
    display: inline-block;
    color: #33CC8E;
}
.career_info_ttl { margin-bottom: 17px; font-family: 'Sawarabi Gothic'; font-size: 20px; color: #000; }
.career_info_txt { font-size: 18px; color: #000; }
.career_info_txt span { margin-left: -8px; color: inherit; font-family: inherit; font-size: inherit; }

.recruit_index_links { margin: 130px auto 165px; }
.recruit_index_links ul { letter-spacing: 0; font-size: 0; }
.recruit_index_links ul li { width: 49.9%; display: inline-block; transition: .4s; }
.recruit_index_links ul li:nth-child(n+2) { margin-left: 0.2%; }
.recruit_index_links ul li:nth-child(1) { background: #FCE400 url(../images/all_icn_feather_y.png) no-repeat center left 43px / 75px; }
.recruit_index_links ul li:nth-child(2) { background: #FCE400 url(../images/all_icn_note_y.png) no-repeat center left 43px / 67px; }

.recruit_index_links ul li a {
    background: url(../images/all_btn_aro_b.png) no-repeat center right 8.5% / 12px;
    padding: 46px 0;
    display: block;
    text-align: center;
    font-family: 'Sawarabi Gothic';
    font-size: 20px;
    color: #000;
}

.recruit_mv { background: grey; height: 400px; width: 100%; position: relative; }
.interview .recruit_mv { background: url(../images/recruit_mv_interview.jpg) no-repeat center / cover; }
.career .recruit_mv { background: url(../images/recruit_mv_career.jpg) no-repeat center / cover; }
.training .recruit_mv { background: url(../images/recruit_mv_training.jpg) no-repeat center / cover; }
.environment .recruit_mv { background: url(../images/recruit_mv_environment.jpg) no-repeat center / cover; }
.guideline .recruit_mv { background: url(../images/recruit_mv_guideline.jpg) no-repeat center / cover; }
.internship .recruit_mv { background: url(../images/recruit_mv_intern.jpg) no-repeat center / cover; }
.contact .recruit_mv { background: url(../images/recruit_mv_contact.jpg) no-repeat center / cover; }
.lecturer .recruit_mv { background: url(../images/recruit_mv_lecturer.jpg) no-repeat center / cover; z-index:6; }
.lecturer_request .recruit_mv { background: url(../images/recruit_mv_lecturer_request.jpg) no-repeat center / cover; z-index:6; }
.lecturer_contact .recruit_mv { background: url(../images/recruit_mv_lecturer_contact.jpg) no-repeat center / cover; z-index:6; }


.recruit_mv_txt {
    width: 565px;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(50%);
    line-height: 1;
}
.recruit_mv_txt_inner {
    width: 0;
    padding-left: 0;
    background: #FCE400;
}
.recruit_mv_en {
    position: absolute;
    z-index: 5;
}
.recruit_mv_jp_fix { letter-spacing: inherit; line-height: inherit; font-size: inherit; color: inherit; font-family: inherit; }
.interview .recruit_mv_en { left: 70px; top: -125px; }
.career .recruit_mv_en { left: 44px; top: -120px; }
.training .recruit_mv_en { left: 34px; top: -140px; }
.environment .recruit_mv_en { left: 46px; top: -160px; }
.guideline .recruit_mv_en { left: 44px; top: -150px; }
.internship .recruit_mv_en { left: 51px; top: -157px; }
.contact .recruit_mv_en { left: 51px; top: -118px; }
.recruit_mv_txt_inner { overflow: hidden; position: relative; }
.recruit_mv_jp { white-space: nowrap; }
.recruit_mv_txt_inner:after {
    content: ""; background: #FCE400; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; transition: 1s;
}
.recruit_mv_txt_inner.ok { animation: lulo .8s ease .3s forwards; }
.recruit_mv_txt_inner.ok:after { animation: leftAnim .8s ease .7s forwards; }
@keyframes lulo {
    0% { width: 0; padding-left: 0; }
    100% { width: 100%; padding-left: 135px; }
}
@keyframes lulo_ {
    0% { width: 0; padding-left: 0; }
    100% { width: 100%; padding-left: 6%; }
}

.recruit_mv_jp { padding: 46px 0; line-height: 1.3; font-family: 'Sawarabi Gothic'; font-size: 29px; color: #000; }
.interview .recruit_mv_jp { background: url(../images/all_icn_recruit_black_speech.png) no-repeat center left / 44px; padding-left: 70px; }
.career .recruit_mv_jp { background: url(../images/all_icn_career.png) no-repeat center left / 49px; padding-left: 71px; }
.training .recruit_mv_jp { background: url(../images/all_icn_recruit_black_note.png) no-repeat center left / 30px; padding-left: 60px; }
.environment .recruit_mv_jp { background: url(../images/all_icn_recruit_black_duck.png) no-repeat center left / 43px; padding-left: 60px; }
.guideline .recruit_mv_jp { background: url(../images/all_icn_recruit_black_feather.png) no-repeat center left / 40px; padding-left: 60px; }
.internship .recruit_mv_jp { background: url(../images/all_icn_recruit_black_sheet.png) no-repeat center left / 34px; padding-left: 46px; }
.lecturer .recruit_mv_jp { background: url(../images/all_icn_lecturer_mv.svg) no-repeat center left / 24px 55px; padding-left:58px; }

/* INTERVIEW */
.interview_el { position: relative; }
#interview1 { margin-top: 110px; padding-top: 130px; }
#interview2 { margin-top: 240px; padding-top: 480px; }
#interview3 { margin-top: 270px; padding-top: 200px; }
#interview4 { margin-top: 290px; margin-bottom: 235px; padding-top: 480px; }
.interview_photo { background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; }
#interview1 .interview_photo { background-image: url(../images/recruit_interview_big_01.jpg); width: 57.2%; height: 520px; right: 0; top: 0; }
#interview2 .interview_photo { background-image: url(../images/recruit_interview_big_02.jpg); width: 61%; height: 533px; left: 0; top: 0; }
#interview3 .interview_photo { background-image: url(../images/recruit_interview_big_03.jpg); width: 45.9%; height: 700px; right: 0; top: 0; }
#interview4 .interview_photo { background-image: url(../images/recruit_interview_big_04.jpg); width: 73.1%; height: 558px; left: 0; top: 0; }

.interview_inner { width: 100%; max-width: 1000px; margin: 0 auto; }

.interview_txt { background: rgba(255,255,255,0.9); padding: 65px 6.5% 70px 6.5%; position: relative; box-shadow: #c5c5c5 0px 0px 40px -20px; }
.interview_txt .interview_txt_ttl { margin-bottom: 33px; font-size: 26px; font-family: 'Sawarabi Gothic'; color: #000; }
.interview_txt_copy { line-height: 2.2; font-size: 15px; color: #000; }
.interview_txt_copy:nth-child(n+3) { margin-top: 16px; }
#interview1 .interview_txt { width: 57.1%; }
#interview2 .interview_txt { width: 95%; }
#interview3 .interview_txt { width: 62.2%; }
#interview4 .interview_txt { width: 89.7%; }

.interview_id { background: #FCE400; width: 420px; padding: 32px 0; position: absolute; letter-spacing: 0; font-size: 0; }
.interview_id_l,
.interview_id_r { display: inline-block; vertical-align: middle; line-height: 1; color: #000; }
.interview_id_l { width: 180px; text-align: center; font-size: 14px; }
.interview_id_r { padding-left: 28px; border-left: 2px solid #000; font-family: 'Sawarabi Gothic'; font-size: 25px; }
.interview_id_l span { font-size: 22px; font-family: inherit; color: inherit; }
.interview_id_r span { margin-top: 9px; display: block; font-family: 'Sawarabi Gothic'; font-size: 15px; color: #000; }
#interview1 .interview_id { top: 362px; right: -380px; }
#interview2 .interview_id { top: -30px; right: -54px; }
#interview3 .interview_id { top: -92px; left: -33px; }
#interview4 .interview_id { top: -79px; right: -37px; }

.interview_special {
    width: 85%;
    position: absolute;
    right: 20px;
    top: 715px;
    text-align: right;
    letter-spacing: 0;
    font-size: 0;
}
.interview_special p {
    width: calc(100% - 135px);
    margin-right: 10px;
    display: inline-block;
    text-align: left;
    font-size: 15px;
    color: #000;
}
.interview_special .all_link_btn { width: 125px; margin-right: 0; display: inline-block; vertical-align: top; }
.interview_special .all_link_btn a { background: #33CC8E url(../images/all_icn_download2.png) no-repeat center right 9px / 13px; padding: 13px 0 13px 20px; text-align: left; }
.interview_special.sp { display: none; }
/* CAREER */
.career section:nth-child(n+3) { margin-top: 145px; padding-top: 90px; }
.career section:first-child { margin-top: 200px; }
/*.career section:last-child { margin-bottom: 225px; }*/
.career_anim_wrapper { width: 95%; max-width: 1200px; margin: 0 auto 225px; padding-left: 200px; position: relative; }
.career_head { margin-bottom: 50px; padding-bottom: 26px; position: relative; border-bottom: 2px solid #000; }
.career_head_status { line-height: 1; font-size: 18px; color: #000; }
#career01 { margin-top: 135px; padding-top: 90px; }
.career_head_status span {
    margin: 0 10px;
    position: relative;
    top: 2px;
    display: inline-block;
    line-height: .7;
    font-family: 'Sawarabi Gothic';
    font-size: 67px;
    color: #33CC8E;
}
.career_head_salary { position:absolute; top: 2px; right: 0; letter-spacing: 0; font-size: 0; }
.career_head_salary_box { background: #fce301; width: 50px; margin-right: 17px; padding: 7px 4px; display: inline-block; vertical-align: middle; border: 1px solid #000; line-height: 1.1; letter-spacing: 2px; text-align: center; font-size: 15px; color: #000; }
.career_head_salary_txt { display: inline-block; vertical-align: middle; font-size: 15px; color: #000; }
.career_head_salary_txt > span { display: block; font-size: 15px; color: #000; }
.career_head_border { margin-top: 4px; padding-top: 4px; border-top: 1px dotted #000; }
.career_head_salary_txt > span > span { width: 115px; display: inline-block; font-size: 15px; color: #000; }
.career_head_salary_txt > span > span.all_new_line { width: auto; }
.career_head_salary .katakana { letter-spacing: -1px; }
.career_ttl { margin-bottom: 110px; line-height: 1.6; letter-spacing: 3.5px; font-family: 'Sawarabi Gothic'; font-size: 26px; color: #000; }
.career_body_inner { position: relative; }
.career_body_main { margin-bottom: 9px; font-family: 'Sawarabi Gothic'; font-size: 20px; color: #000; }
.career_body_sec { margin-bottom: 25px; font-family: 'Sawarabi Gothic'; font-size: 17px; color: #000; }
.career_body_reg { margin-bottom: 16px; line-height: 1.9; font-size: 15px; color: #000; }
.career_body_inner p:last-child { margin-bottom: 0; }
.career_body_l { background: rgba(255,255,255,.9); width: 53.2%; padding: 47px 5% 38px 5%; position: relative; z-index: 1; box-shadow: #c5c5c5 0px 0px 40px -20px; }
.career_body_r { width: 51.3%; height: 370px; position: absolute; right: 0; top: -60px; }
 #career01 .career_body_r { background: url(../images/recruit_career_flow_01.jpg) no-repeat center / cover; }
 #career02 .career_body_r { background: url(../images/recruit_career_flow_02.jpg) no-repeat center / cover; }
 #career03 .career_body_r { background: url(../images/recruit_career_flow_03.jpg) no-repeat center / cover; }
 #career04 .career_body_r { background: url(../images/recruit_career_flow_04.jpg) no-repeat center / cover; }

.career_anim { background: #33CC8E; width: 4px; height: 100%; position: absolute; left: 78px; top: 0; }
.career_anim > span { width: 163px !important; height: 163px !important; }
.career_anim_main { width: 163px !important; height: 163px !important; position:absolute; top:0; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%); display: inline-block; }
.career_anim_main.st { position: fixed; }
.career_anim_sub {
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 135px;
    width: 150px;
    height: 150px;
    padding: 0;
    border-radius: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    transition: all 0.6s;
    opacity: 0;
}
.anim_01 { background-image: url(../images/recruit_career_anim_1.jpg); }
.anim_02 { background-image: url(../images/recruit_career_anim_2.jpg); }
.anim_03 { background-image: url(../images/recruit_career_anim_3.jpg); }
.anim_04 { background-image: url(../images/recruit_career_anim_4.jpg); }
.anim_01.anim,
.anim_02.anim,
.anim_03.anim,
.anim_04.anim { opacity: 1; }
.career_anim_main img { transition: all .4s; }

.career_anim_main.animu1 img { -webkit-transform:rotate(0); -moz-transform:rotate(0); transform:rotate(0); }
.career_anim_main.animu2 img { -webkit-transform:rotate(80deg); -moz-transform:rotate(80deg); transform:rotate(80deg); }
.career_anim_main.animu3 img { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg); }
.career_anim_main.animu4 img { -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); transform:rotate(270deg); }


.career section { position: relative; }
.anim_sp {
    width: 150px;
    height: 150px;
    position:absolute;
    top: -200px;
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    transform:translateX(-50%);
    display: none;
    opacity: 0;
    transition: all 1s;
}
.anim_sp img { transition: all 1s; }
.anim_sp.animooted { opacity: 1; }
.anim_sp.animooted2 img { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg); }
.career_anim_sp_sub {
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 115px;
    width: 90%;
    height: 90%;
    border-radius: 500px;
    position: absolute;
    bottom: 5px;
    left: 50%;
    -webkit-transform: translateX(-50%) scale(0.8);
    -moz-transform: translateX(-50%) scale(0.8);
    transform: translateX(-50%) scale(0.8);
    opacity: 0;
    transition: all 1s;
}
.anim_sp.animooted3 .career_anim_sp_sub {
    opacity: 1;
    -webkit-transform: translateX(-50%) scale(1);
    -moz-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
}
.anim_sp01 .career_anim_sp_sub { background-image: url(../images/recruit_career_anim_1.jpg); }
.anim_sp02 .career_anim_sp_sub { background-image: url(../images/recruit_career_anim_2.jpg); }
.anim_sp03 .career_anim_sp_sub { background-image: url(../images/recruit_career_anim_3.jpg); }
.anim_sp04 .career_anim_sp_sub { background-image: url(../images/recruit_career_anim_4.jpg); }

/* Training */
.training .all_intros_photo { background-image: url(../images/recruit_intro_training.jpg); }
.training_list .recruit_ttlA { margin: 155px 0 105px; }
.training_other .recruit_ttlA { margin-bottom: 100px; }

.training_list ul { letter-spacing: 0; font-size: 0; }
.training_list li { background: #FFFEF8; width: 47.5%; padding: 60px 3% 46px 6%; display: inline-block; vertical-align: top; box-shadow: #dad9d9 10px 10px 30px -15px; }
.training_list li:nth-child(n+3) { margin-top: 65px; }
.training_list li:nth-child(2n+2) { margin-left: 5%; }
.training_list_ttl { margin-bottom: 21px; }
.training_list_ttl span { background: linear-gradient( transparent 62%, #FCE400 62% ); display: inline-block; font-family: 'Sawarabi Gothic'; font-size: 25px; color: #000; }
.training_list_reg { margin-bottom: 21px; font-size: 16px; color: #000; }
.training_list_voice { background: url(../images/recruit_training_voice.png) no-repeat left top / 115px; padding-top: 50px; font-size: 16px; color: #33CC8E; }

.all_training_seminar { width: 100%; margin: 120px 0 100px; border-top: 1px dotted #cdcdcd; border-bottom: 1px dotted #cdcdcd; }
.all_training_seminar_inner { width: 95%; max-width: 800px; margin: 0 auto; position: relative; }
.all_training_seminar_l {
    width: 420px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    letter-spacing: 0;
    font-size: 0;
}
.all_training_seminar_img { display: inline-block; width: 173px; vertical-align: middle; overflow: hidden; border-radius: 100px; }
.all_training_seminar_info { width: calc( 100% - 173px ); padding-left: 45px; display: inline-block; vertical-align: middle; font-family: 'Sawarabi Gothic'; font-size: 25px; color: #000; }
.all_training_seminar_info span { margin-bottom: 8px; display: block; font-family: 'Sawarabi Gothic'; font-size: 15px; color: #000; }
.all_training_seminar_r { margin-left: 465px; padding: 55px 0; }
.all_training_seminar_r p { line-height: 2; font-size: 15px; color: #000; }

.all_training_seminar_details { background: #F0F9F8; margin-top: 15px; padding: 65px 11% 59px 95px; display: none; }
.all_training_seminar_details_ttl { margin-bottom: 36px; font-family: 'Sawarabi Gothic'; font-size: 18px; color: #000; }
.all_training_seminar_details_ttl span { margin-left: 20px; display: inline-block; font-family: 'Sawarabi Gothic'; font-size: 18px; color: #000; }
.all_training_seminar_details_txt { margin-bottom: 43px; }
.all_training_seminar_details_txt p { line-height: 2; font-size: 14px; color: #4D4D4D; }
.all_training_seminar_details_txt p:nth-child(n+2) { margin-top: 15px; }
.all_training_seminar_details_txt_sec {  }
.all_training_seminar_details_ttl_sub { margin-bottom: 14px; padding-left: 11px; border-left: 3px solid #03AC74; line-height: 1; font-family: 'Sawarabi Gothic'; font-size: 15px; color: #4D4D4D; }
.all_training_seminar_details_list { margin-bottom: 46px; }
.all_training_seminar_details_list li { background: none; width: 100%; padding: 0; display: block; box-shadow: none; text-indent: -7px; font-size: 13px; color: #4D4D4D; }
.all_training_seminar_details_list li:nth-child(n+2) { margin-top: 4px; }
.all_training_seminar_details_list li:nth-child(2n+2) { margin-left: 0; }
.all_training_seminar_details_link { line-height: 1.2; }
.all_training_seminar_details_link a { font-size: 14px; color: #33CC8E; }
.all_training_seminar_btn { background: #33CC8E; width: 90%; max-width: 375px; margin: 0 auto 50px; padding: 18px 0; position: relative; display: block; border-radius: 5px; cursor: pointer; transition: all .4s; line-height: 1; text-align: center; font-size: 15px; color: #FFF; }
.all_training_seminar_btn:after { content: ""; background: url(../images/all_arrow_w2.png) no-repeat center / contain; width: 15px; height: 9px; position: absolute; top: 50%; right: 7%; transform: translateY(-50%) rotate(180deg); }
.all_training_seminar_btn.active { margin: 65px auto 73px; }
.all_training_seminar_btn.active:after { transform: translateY(-50%) rotate(0deg); }

.training_other { background: #FFFEF8; padding: 150px 0 250px; }
.training_other_img { background-repeat: no-repeat; background-position: center; background-size: cover; width: 51%; height: 270px; float: right; }
.training_other li { position: relative; letter-spacing: 0; font-size: 0; }
.training_other li:nth-child(n+2) { margin-top: 110px; }
.training_other li:nth-child(1) .training_other_img { background-image: url(../images/recruit_training_other_01.jpg); }
.training_other li:nth-child(2) .training_other_img { background-image: url(../images/recruit_training_other_02.jpg); }
.training_other li:nth-child(3) .training_other_img { background-image: url(../images/recruit_training_other_03.jpg); }
.training_other_body { width: 41.5%; }
.training_other .training_list_ttl { margin-bottom: 30px; }
.training_other .training_list_reg { margin-bottom: 29px; }

.environment_top { background: #FFFDED; }
.envi_blocks { padding-bottom: 160px; margin-top: 150px; }
.envi_blocks > div { letter-spacing: 0; font-size: 0; }
.envi_blocks > div:nth-child(n+2) { margin-top: 30px; }
.all_blocks { background: #FFF; padding: 36px 30px 40px 45px; box-shadow: #dad9d9 10px 10px 30px -15px; display: inline-block; vertical-align: top; }
.all_blocks .all_blocks_ttl { margin-bottom: 26px; font-family: 'Sawarabi Gothic'; font-size: 25px; color: #000; }
.block_large { width: 100%; }
.all_blocks_note { margin-top: 22px; text-align: right; font-size: 15px; color: #000; }

.blocs_1 {  }
.blocs_1 .all_blocks,
.blocs_3 .all_blocks,
.blocs_4 .all_blocks { width: 48%; }


.blocs_1 .all_blocks:nth-child(2) { float: right; }
.blocs_1 .all_blocks:nth-child(2) p { max-width: 330px; }

.diamond_list { letter-spacing: 0; font-size: 0; }
.diamond_list li { background: url(../images/all_icn_diamond_y.png) no-repeat left top 2px / 22px; padding-left: 45px; display: inline-block; font-size: 16px; color: #000; }
.diamond_list_border { border: 3px solid #FCE400; border-radius: 7px; }


.blocs_2 .all_blocks { padding: 40px 45px 35px 45px; }
.blocs_2 .diamond_list li { width: 50%; }
.blocs_2 .diamond_list li:nth-child(n+3) { margin-top: 13px; }
.blocs_2 .diamond_list_border { padding: 43px 3% 35px 5.5%; }

.blocs_3_wrapper { width: 48%; display: inline-block; }
.blocs_3_wrapper .all_blocks { width: 100%; }
.blocs_3_wrapper .all_blocks:nth-child(n+2) { margin-top: 32px; }
.blocs_3 .block_long { float: right; }
.blocs_3 .diamond_list li:nth-child(n+2) { margin-top: 22px; }
.blocs_3 .diamond_list_border { padding: 47px 9% 40px 12%; }

.blocs_4 .all_blocks:nth-child(2) { float: right; }

.blocs_5 .diamond_list li:nth-child(n+2) { margin-top: 23px; }

.envi_list { margin-bottom: 175px; }
.envi_list .recruit_ttlA { margin: 145px 0 95px; }
.envi_list > ul { letter-spacing: 0; font-size: 0; }
.envi_list > ul > li { background: #F0F9F8; width: 29.3%; padding: 38px 1% 32px 1%; margin-left: 6%; display: inline-block; box-shadow: #dad9d9 10px 10px 30px -15px; }
.envi_list > ul > li:nth-child(n+4) { margin-top: 50px; }
.envi_list > ul > li:nth-child(3n+1) { margin-left: 0; }
.envi_list li.special { width: 100%; padding: 61px 0; position: relative; }
.envi_list li.special .envi_list_ttl {
    height: 100%;
    padding: 0;
    margin-bottom: 0;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    position:absolute;
    top:50%;
    left: 50px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    transform:translateY(-50%);
    letter-spacing: 6px;
    font-size: 22px;
}
.envi_list li.special ul { margin-left: 15%; letter-spacing: 0; font-size: 0; }
.envi_list li.special ul li { background: url(../images/all_icn_diamond_g.png) no-repeat top 2px left / 24px; width: 33.3333%; padding-left: 45px; display: inline-block; font-family: 'Sawarabi Gothic'; font-size: 20px; color: #33CC8E; }
.envi_list li.special ul li:nth-child(3n+1) { margin-left: 0; }
.envi_list li.special ul li:nth-child(n+4) { margin-top: 24px; }
.envi_list_ttl {
    background-repeat: no-repeat;
    margin-bottom: 22px;
    padding-top: 67px;
    text-align: center;
    font-family: 'Sawarabi Gothic';
    font-size: 19px;
    color: #33CC8E;
}
.special .envi_list_ttl { color: #000; }
.envi_list li:nth-child(1) .envi_list_ttl { background-image: url(../images/recruit_envi_list_01.png); background-size: 45px; background-position: center top 18px; }
.envi_list li:nth-child(2) .envi_list_ttl { background-image: url(../images/recruit_envi_list_02.png); background-size: 42px; background-position: center top 0; }
.envi_list li:nth-child(3) .envi_list_ttl { background-image: url(../images/recruit_envi_list_03.png); background-size: 26px; background-position: center top 10px; }
.envi_list li:nth-child(4) .envi_list_ttl { background-image: url(../images/recruit_envi_list_04.png); background-size: 52px; background-position: center top 8px; }
.envi_list li:nth-child(5) .envi_list_ttl { background-image: url(../images/recruit_envi_list_05.png); background-size: 44px; background-position: center top 16px; }
.envi_list li:nth-child(6) .envi_list_ttl { background-image: url(../images/recruit_envi_list_06.png); background-size: 42px; background-position: center top 16px; }
.envi_list li:nth-child(7) .envi_list_ttl { background-image: url(../images/recruit_envi_list_07.png); background-size: 42px; background-position: center top 7px; }
.envi_list li:nth-child(8) .envi_list_ttl { background-image: url(../images/recruit_envi_list_08.png); background-size: 42px; background-position: center top 12px; }
.envi_list li:nth-child(9) .envi_list_ttl { background-image: url(../images/recruit_envi_list_09.png); background-size: 57px; background-position: center top 14px; }
.envi_list li:nth-child(10) .envi_list_ttl { background-image: url(../images/recruit_envi_list_10.png); background-size: 50px; background-position: center top 14px; }
.envi_list li:nth-child(11) .envi_list_ttl { background-image: url(../images/recruit_envi_list_11.png); background-size: 47px; background-position: center top 12px; }
.envi_list li:nth-child(12) .envi_list_ttl { background-image: url(../images/recruit_envi_list_12.png); background-size: 46px; background-position: center top 7px; }
.envi_list_txt { padding: 0 3.6%; line-height: 1.7; font-size: 15px; color: #000; }
.envi_list_note { margin-top: 15px; padding-left: 12px; font-size: 15px; color: #000; }

.guideline_wrapper { margin: 180px auto 215px; }
.guideline .news_filter { margin: 0; }
.guideline .recruit_ttlA { margin: 90px 0 120px; }
.guideline .recruit_ttlA span { margin-left: 33px; }
.guideline .guideline_table { display: none; }
.guideline .guideline_table.active { display: block; }
.guideline .all_link_btn { width:250px; margin-top:80px; }
.guideline_em_text { margin-bottom:30px; text-align:center; font-weight:600; font-size:25px; color:#f00; }

.internship .all_intros_photo { background-image: url(../images/recruit_intro_intern.jpg); }
.internship_main { background: #FFFEF8; padding: 100px 0 200px; }
.internship_main .recruit_ttlA { margin-bottom: 0; }
.internship_list { margin: 100px 0 125px; letter-spacing: 0; font-size: 0; }
.internship_list li { width: 27.3%; display: inline-block; vertical-align: top; }
.internship_list li:nth-child(n+2) { margin-left: 9%; }
.internship_list_top { margin-bottom: 43px; position: relative; letter-spacing: 0; font-size: 0; }
.internship_list li .internship_list_top span svg { width: 100%; height: 100%; }
.internship_list li .internship_list_top span svg image { width: 100%; height: auto; }
.internship_list li:nth-child(1) .internship_list_top span { width: 35%; max-width: 95px; }
.internship_list li:nth-child(2) .internship_list_top span { width: 38%; max-width: 103px; }
.internship_list li:nth-child(3) .internship_list_top span { width: 37%; max-width: 99px; }
.internship_list_top span {
    position: absolute;
    top: 5%;
    left: 0;
    /*-webkit-transform:rotate(-14deg);*/
    /*-moz-transform:rotate(-14deg);*/
    /*transform:rotate(-14deg);*/
    /*font-family:'Rolette Qaku';*/
    /*font-size: 70px;*/
    color: #33CC8E;
}
.internship_list_img { box-shadow: #d4d4d4 0px 0px 30px -10px; border-radius: 200px; overflow: hidden; }
.internship_list_bot .internship_list_bot_ttl { margin-bottom: 15px; text-align: center; font-family: 'Sawarabi Gothic'; font-size: 24px; color: #000; }
.internship_list_bot p { line-height: 1.74; font-size: 15px; color: #000; }

.internship_contact { background: #fce301; padding: 40px 0; border-radius: 5px; letter-spacing: 0; font-size: 0; }
.internship_contact_l { width: 290px; display: inline-block; vertical-align: middle; text-align: center; }
.internship_contact_r { width: calc(100% - 290px); display: inline-block; vertical-align: middle; }
.internship_contact_l_main { margin-bottom: 3px; font-size: 28px; font-family: 'Sawarabi Gothic'; color: #000; }
.internship_contact_l_sub { font-size: 24px; font-family: 'Sawarabi Gothic'; color: #000; }
.internship_contact_r ul { padding-left: 7%; border-left: 2px solid #F0F9F8; letter-spacing: 0; font-size: 0; }
.internship_contact_r ul li { background-repeat: no-repeat; background-position: center left; background-size: 58px; width: 50%; padding: 11px 0 11px 75px; display: inline-block; vertical-align: middle; }
.internship_contact_r ul li:nth-child(1) { background-image: url(../images/all_icn_maru_tel.png); }
.internship_contact_r ul li:nth-child(2) { background-image: url(../images/all_icn_maru_contact.png); }
.internship_contact_r ul li:nth-child(1) a { letter-spacing: 3px; }
.internship_contact_r ul li a { font-size: 26px; color: #000; }
.internship_contact_r ul li span { display: block; font-size: 17px; color: #000; }

/* ** ** ** ** ** */
/* ** about ** **/
/* ** ** ** ** ** */
.complaints .main_wrapper { margin: 110px 0 200px; }
.flow .main_wrapper { margin: 110px 0 175px; }
.company .main_wrapper { margin: 110px 0 210px; }
.privacy .main_wrapper { margin: 110px 0 200px; }

.company .content800 { width: 90%; }

.company_intro { margin: 58px 0 70px; text-align: center; }
.company_intro p { line-height: 1.8; }
.company_intro p:nth-child(n+2) { margin-top: 10px; }
.company_intro_note { margin-top: 20px; line-height: 1.8; text-align: center; font-size: 16px; color: #4D4D4D; }

.company_table { width: 100%; }
.company_table tr { border-bottom: 1px solid #E6E6E6; }
.company_mid .company_table tr:last-child { border-bottom: none; }
.company_table th { width: 210px; font-size: 15px; color: #4D4D4D; }
.company_table td { padding: 19px 0; font-size: 15px; color: #4D4D4D; }
.company_table td a { color: #4D4D4D; }
.company_table td ul { max-width: 400px; letter-spacing: 0; font-size: 0; }
.company_table td ul li { width: 130px; display: inline-block; line-height: 2; font-size: 15px; }
.company_table span { background: #33CC8E; border: 1px solid #33CC8E; display: inline-block; border-radius: 5px; }
.company_table span a { padding: 3px 4px 2px; display: block; line-height: 1; font-size: 15px; color: #FFF; }

.company_table1 { margin: 51px 0 85px; }
.company_table2 { margin-top: 83px; }
.company_mid { padding: 110px 0 105px; }

/* company index * * * * */
/* * * * * * * * * * * * */
.company_index .pankuzu { margin-top: 0; padding-top: 10px; }
.company_index_nav { padding: 37px 0 60px; letter-spacing: 0; font-size: 0; }
.company_index_nav li { background: #FFF; width: 22.5%; padding: 50px 5px; display: inline-block; border-radius: 10px; box-shadow: #636363 0px 0px 30px -20px; }
.company_index_nav li:nth-child(n+2) { margin-left: 3.3333%; }
.company_index_nav_ttl { text-align: center; font-family: 'Sawarabi Gothic'; font-size: 20px; color: #33CC8E; }
.company_index_nav_ttl.katakana { letter-spacing: -1px; }
.company_index_nav_reg { margin: 19px 0 22px; padding: 0 19px; line-height: 1.8; font-size: 15px; color: #4D4D4D; }
.company_index_nav .all_link_btn { width: 130px; }

.company_nav_wrapper { margin-bottom: -1px; position: relative; z-index: 1; }
.company_nav { padding: 55px 0; letter-spacing: 0; font-size: 0; }
.company_nav li { width: 18.5%; display: inline-block; }
.company_nav li:nth-child(n+2) { margin-left: 1.8%; }
.company_nav li .all_link_btn { width: 100%; }
.company_nav li:last-child a { letter-spacing: 0; }
@media( max-width: 1150px){
    .company_nav li { width: 23.5%; }
    .company_nav li:nth-child(n+2) { margin-left: 2%; }
    .company_nav li:nth-child(4n+1) { margin-left: 0; }
    .company_nav li:nth-child(n+5) { margin-top: 20px; }
}
@media( max-width: 960px){
    .company_nav li { width: 32%; }
    .company_nav li:nth-child(n+2) { margin-left: 2%; }
    .company_nav li:nth-child(4n+1) { margin-left: 2%; }
    .company_nav li:nth-child(3n+1) { margin-left: 0; }
    .company_nav li:nth-child(n+4) { margin-top: 20px; }
}
@media( max-width: 680px){
    .company_nav li { width: 49%; }
    .company_nav li:nth-child(n+2) { margin-left: 2%; }
    .company_nav li:nth-child(3n+1) { margin-left: 2%; }
    .company_nav li:nth-child(2n+1) { margin-left: 0; }
    .company_nav li:nth-child(n+3) { margin-top: 20px; }
}
@media( max-width: 420px){
    .company_nav li { width: 100%; }
    .company_nav li:nth-child(n+2) { margin-left: 0; margin-top: 15px; }
    .company_nav li:nth-child(3n+1) { margin-left: 0; }
}


.under_main_ttl_company { background-color: #F0F9F8; width: 42.5%; height: 100%; position: relative; }
.under_main_ttl_company:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: -149px;
    border-style: solid;
    border-width: 420px 150px 0 0px;
    border-color: #F0F9F8 transparent transparent transparent;
}
.under_main_ttl_company_ttl {
    width: 100%;
    position:absolute;
    top: 60%;
    left: 0;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    transform:translateY(-50%);
}
.under_main_ttl_company_center {
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
}
.under_main_ttl_company_ttl p {
    padding-left: 20px;
    position: relative;
    font-size: 16px;
    font-family: 'BwModelica L';
    color: #33CC8E;
    line-height: 1;
}
.under_main_ttl_company_ttl p:after {
    content: "";
    background: #33CC8E;
    width: 11px;
    height: 4px;
    position:absolute;
    top:50%;
    left:0;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    transform:translateY(-50%);
}
.under_main_ttl_company_ttl .under_main_ttl_company_ttl_main { margin-top: 20px; line-height: 1; font-family: 'Sawarabi Gothic'; font-size: 30px; color: #33CC8E; }

.aboutlogo {
    padding-top: 115px;
}
.aboutlogo_el:nth-child(1) { padding-bottom: 110px; border-bottom: 1px solid #C9CACA; }
.aboutlogo_el:nth-child(2) { padding: 105px 0 107px; border-bottom: 1px solid #C9CACA; }
.aboutlogo_el:nth-child(3) { padding: 100px 0 130px; }
.aboutlogo_intro {

}
.aboutlogo_img { margin: 0 auto; }
.aboutlogo_el:nth-child(1) .aboutlogo_img { width: 101px; }
.aboutlogo_el:nth-child(2) .aboutlogo_img { width: 87px; }

.aboutlogo_sub { text-align: center; font-family: 'Sawarabi Gothic'; font-size: 19px; color: #33CC8E; }
.aboutlogo_intro .aboutlogo_sub { margin-top: 25px; }
.aboutlogo_sub_ttl { margin-top: 25px; line-height: 1.8; text-align: center; font-family: 'Sawarabi Gothic'; font-size: 25px; color: #4D4D4D; }
.aboutlogo_list { margin-top: 80px; }
.aboutlogo_list .aboutlogo_sub { margin-bottom: 46px; }
.aboutlogo_list ul { width: 95%; max-width: 615px; margin: 0 auto; }
.aboutlogo_list ul li { padding-left: 35px; position: relative; letter-spacing: 0px; font-family: 'Sawarabi Gothic'; font-size: 18px; }
.aboutlogo_list_fix.aboutlogo_list ul li { padding-left: 30px; }
.aboutlogo_list_fix.aboutlogo_list ul li:nth-child(n+2) { margin-top: 30px; }
.aboutlogo_list_fix.aboutlogo_list ul li span:first-child { font-size: 26px; }
.aboutlogo_list ul li:nth-child(n+2) { margin-top: 45px; }
.aboutlogo_list ul li span:first-child { position: absolute; left: 0; top: 0; line-height: 1; font-family: 'Sawarabi Gothic'; font-size: 31px; color: #03AC74; }

.aboutlogo_list2 { margin-top: 62px; }
.aboutlogo_list2 .aboutlogo_sub { margin-bottom: 36px; }
.aboutlogo_list2 ul { width: 100%; margin: 0 auto; letter-spacing: 0; font-size: 0; }
.aboutlogo_list2 li { width: 30%; display: inline-block; vertical-align: top; }
.aboutlogo_list2 li:nth-child(n+2) { margin-left: 5%; }
.aboutlogo_list2_ttl { margin-bottom: 24px; font-family: 'Sawarabi Gothic'; font-size: 24px; text-align: center; color: #4D4D4D; }
.aboutlogo_list2 li p { line-height: 2; letter-spacing: 0; font-family: 'Sawarabi Gothic'; font-size: 19px; color: #4D4D4D; }

.aboutlogo_split { letter-spacing: 0; font-size: 0; }
.aboutlogo_split_ttl { margin-bottom: 40px; line-height: 1.5; font-family: 'Sawarabi Gothic'; font-size: 27px; color: #4D4D4D; }
.aboutlogo_split_l { width: calc(100% - 360px); padding-right: 50px; display: inline-block; vertical-align: top; font-size: 16px; }
.aboutlogo_split_l p { line-height: 2.2; font-size: 15px; }
.aboutlogo_split_l p:nth-child(n+3) { margin-top: 19px; }
.aboutlogo_split_r { width: 360px; display: inline-block; vertical-align: top; letter-spacing: 0; text-align: right; font-size: 0; }
.aboutlogo_split_r p { display: inline-block; vertical-align: bottom; }
.aboutlogo_split_r p:nth-child(2) { margin-left: 68px; }
.aboutlogo_split_r span { display: block; text-align: center; font-size: 15px; color: #4D4D4D; }
.aboutlogo_split_r span span { margin: 0 -3px; display: inline-block; }
.aboutlogo_split_r p:nth-child(1) img { width: 138px; margin-top: 22px; }
.aboutlogo_split_r p:nth-child(2) img { width: 130px; margin-top: 45px; }
.aboutlogo_split_r p img { margin: 0 auto; display: block; }

.content_message { width: 95%; max-width: 1280px; margin: 0 auto; }
.about_message { margin-bottom: -1px; padding: 187px 0 103px; position: relative; }
.about_message > div { position: relative; }
.about_message_l {
    background: rgba(255,255,255,.8);
    width: 100%;
    padding: 83px 8.6% 70px 7.5%;
    position: relative;
    z-index: 1;
    box-shadow: #f1eded 2px 2px 15px -3px;
}
.about_message_l p { line-height: 2.2; font-size: 15px; color: #4D4D4D; }
.about_message_l p:nth-child(n+3) { margin-top: 18px; }
.about_message_ttl { 
    margin-bottom: 42px; 
    font-family: 'Sawarabi Gothic'; 
    font-size: 28px; 
    color: #4D4D4D; 
    text-align: center;
}
.about_message_l p.about_message_name { margin-top: 30px; text-align: right; font-size: 19px; }
.about_message_l p.about_message_name span { font-size: 17px; }
.about_message_r { background: url(../images/about_director.jpg) no-repeat center / cover; width: 52%; height: 560px; position: absolute; right: 0; top: -75px; }


/* ** ** ** ** ** */
/* ** nursing ** **/
/* ** ** ** ** ** */
.nursing_first_sec { padding:80px 0 0; }
.nursing_slide_sec { margin-top:100px; }
.nursing_slide_list { letter-spacing:0; font-size:0; }
.nursing_slide_list li { margin-right:30px; display:inline-block; vertical-align:top; -webkit-font-feature-settings:"palt"; font-feature-settings:"palt"; }
.nursing_slide_list li:last-child { margin-right:0; }
.nursing_slide_list a { padding:0 10px 15px 0; position:relative; display:inline-block; font-size:24px; font-family: 'Sawarabi Gothic'; color:#4d4d4d; }
.nursing_slide_list a:after {
    content:"";
    background:#33CC8E;
    width:100%;
    height:4px;
    position:absolute;
    left:0;
    bottom:-5px;
    display:block;
    transition: all 0.3s ease;
    opacity:0;
}
.nursing_slide_list a.on:after,
.nursing_slide_list a:hover:after { bottom:0; opacity:1; }
.nursing_slide_list span { margin-right:8px; font-weight:600; font-size:28px; font-family: 'Sawarabi Gothic'; color:#03ac74; }
.nursing_slide { margin-top:95px; margin-bottom:0 !important; }
.nursing_slide_content { position:relative; }
.nursing_slide_box {
    background:#f0f9f8;
    width:61%;
    padding:65px 15% 75px 8%;
}
.nursing_slide_img {
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    width:47.2%;
    height:382px;
    position:absolute;
    right:0;
    top:65px;
}
#nursing_slide1 .nursing_slide_img { background-image:url(../images/nursing_bg_slide1.jpg); }
#nursing_slide2 .nursing_slide_img { background-image:url(../images/nursing_bg_slide2.jpg); }
#nursing_slide3 .nursing_slide_img { background-image:url(../images/nursing_bg_slide3.jpg); }
#nursing_slide4 .nursing_slide_img { background-image:url(../images/nursing_bg_slide4.jpg); }
#nursing_slide5 .nursing_slide_img { background-image:url(../images/nursing_bg_slide5.jpg); }
#nursing_slide6 .nursing_slide_img { background-image:url(../images/nursing_bg_slide6.jpg); }
#nursing_slide7 .nursing_slide_img { background-image:url(../images/nursing_bg_slide7.jpg); }
.nursing_slide_box_title {
    padding-bottom:8px;
    position:relative;
    border-bottom:1px #03ac74 solid;
    font-size:25px;
    font-family: 'Sawarabi Gothic';
    color:#4d4d4d;
}
.nursing_slide_box_title:after {
    content:"";
    background:#03ac74;
    width:34px;
    height:4px;
    position:absolute;
    left:0;
    bottom:-2px;
    display:block;
}
.nursing_slide_box_title span {
    width:34px;
    margin-right:12px;
    position:relative;
    display:inline-block;
    text-align: center;
    font-size:35px;
    line-height:1;
    font-family: 'Sawarabi Gothic';
    color:#03ac74;
}
.nursing_slide_box_text {
    margin-top:22px;
    line-height:2;
    letter-spacing:2px;
    font-size:15px;
    -webkit-font-feature-settings:"palt";
    font-feature-settings:"palt";
    color:#4d4d4d;
}
.nursing .slick-slide { margin:0; }
.nursing .slick-dots { bottom:-20px; right:-5px; text-align:right; }
.nursing .slick-dots li { width:17px; height:17px; margin:0; }
.nursing .slick-dots li button { width:17px; height:17px; padding:0; }
.nursing .slick-dots li button:before { width:17px; height:17px; color:#e1ece7; opacity:1; }
.nursing .slick-dots li.slick-active button:before { color:#33CC8E; opacity:1; }
.nursing .slick-prev {
    background:#fff url(../images/nursing_bg_slide_prev.png) no-repeat center / 6px !important;
    width:30px;
    height:30px;
    left:auto;
    right:33px;
    top:25px;
    z-index:3;
    border:1px #33CC8E solid;
    transform:none;
}
.nursing .slick-next {
    background:#fff url(../images/nursing_bg_slide_next.png) no-repeat center / 6px !important;
    width:30px;
    height:30px;
    right:0;
    top:25px;
    z-index:3;
    border:1px #33CC8E solid;
    transform:none;
}
.nursing .slick-prev:before,
.nursing .slick-next:before { display:none; }
.nursing .all_training_seminar { margin:155px 0 0; }
.nursing_care_sec { padding:155px 0; }
.nursing_care_inner {
    max-width:1000px;
    margin:0 auto;
    position:relative;
}
.nursing .all_intros { margin-top:180px; }
.nursing .nursing_hygiene_sec .all_intros { margin-top:230px; }
.nursing .all_intros_photo { width:43.7%; height:559px; }
.nursing_care_sec .all_intros_photo { background-image:url(../images/nursing_bg_care.jpg); }
.nursing_column_title {
    letter-spacing:2px;
    font-size:24px;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    color:#4d4d4d;
}
.nursing .all_intros_txt {
    width:63.3%;
    padding:65px 6.5% 65px 7.5%;
    border-radius:10px;
}
.nursing_column_list { margin-top:25px; }
.nursing_column_list li {
    background:url(../images/all_icn_check.png) no-repeat top 4px left / 19px;
    padding-left:32px;
    position:relative;
    line-height:1.8;
    font-size:16px;
    color:#4d4d4d;
}
.nursing_column_list li:nth-child(n+2) { margin-top:20px; }
.nursing_eat_sec {
    background:#fffef8;
    padding:120px 0 105px;
}
.nursing_eat_sec .all_intros_photo { background-image:url(../images/nursing_bg_eat.jpg); }
.nursing_hygiene_sec { padding:130px 0 85px; }
.nursing_hygiene_sec .all_intros_photo { background-image:url(../images/nursing_bg_hygiene.jpg); top:-150px; }
.nursing_hygiene_product_sec { margin-top:115px;  }
.nursing_hygiene_product_list li { position:relative; }
.nursing_hygiene_product_list li:nth-child(2) { margin-top:80px; }
.nursing_hygiene_product_list img { width:100%; }
.nursing_hygiene_product_img { position:absolute; }
.nursing_hygiene_product_img_airwasher { width:23.9%; max-width:286px; left:-10px; top:-50px; }
.nursing_hygiene_product_img_alcohol { width:180px; right:45px; top:-100px; }
.nursing_hygiene_product_content { background:#f0f9f8; max-width:657px; padding:60px 0; }
.nursing_hygiene_product_list .content1000 { width:100%; }
.nursing_hygiene_product_list li:nth-child(1) .nursing_hygiene_product_content { margin-right:auto; padding-left:215px; padding-right:75px; }
.nursing_hygiene_product_list li:nth-child(2) .nursing_hygiene_product_content { margin-left:auto; padding-left:60px; padding-right:215px; }
.nursing_hygiene_product_title {
    font-size:20px;
    font-family: 'Sawarabi Gothic';
    color:#03ac74;
}
.nursing_hygiene_product_title span {
    margin-top:5px;
    padding-left:22px;
    position:relative;
    display:block;
    font-size:15px;
    font-family: 'Sawarabi Gothic';
    color:#03ac74;
}
.nursing_hygiene_product_title span:after {
    content:"";
    background:#03ac74;
    width:13px;
    height:1px;
    position:absolute;
    left:0;
    top:50%;
}
.nursing_hygiene_product_text { margin-top:20px; line-height:1.8; font-size:16px; color:#4d4d4d; }
.nursing_hygiene_sub_ttl {
    margin-bottom: 116px;
    display: block;
    text-align: center;
}
.nursing_hygiene_sub_ttl .nursing_hygiene_sub_ttl_inner {
    display: inline-block;
    position: relative;
    font-size: 23px;
    font-family: 'Sawarabi Gothic';
    color: #03ac74;
}
.nursing_hygiene_sub_ttl .nursing_hygiene_sub_ttl_inner:before,
.nursing_hygiene_sub_ttl .nursing_hygiene_sub_ttl_inner:after {
    content: "";
    background: #03AC74;
    width: 25px;
    height: 3px;
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    transform:translateY(-50%);
}
.nursing_hygiene_sub_ttl .nursing_hygiene_sub_ttl_inner:before {
    left: -42px;
}
.nursing_hygiene_sub_ttl .nursing_hygiene_sub_ttl_inner:after {
    right: -36px;
}
/* privacy * * * * */
/* * * * * * * * * * * * */
.privacy_list {  }
.privacy_list li {  }
.privacy_list > li:nth-child(n+2) { margin-top: 85px; }
.privacy_list .privacy_list_ttl { margin-bottom: 25px; padding-left: 8px; border-left: 4px solid #33CC8E; line-height: 1.2; font-weight: 600; font-size: 18px; color: #33CC8E; }
.privacy_list p { line-height: 1.9; font-size: 16px; color: #4D4D4D; }
.privacy_list ol { margin-top: 25px; }
.privacy_list ol li { line-height: 1.9; }
.privacy_contact { margin-top: 112px; padding: 25px 0; border: 2px solid #33CC8E; border-radius: 10px; letter-spacing: 0; font-size: 0; }
.privacy_contact_head { width: 230px; display: inline-block; vertical-align: middle; }
.privacy_contact_head p { letter-spacing: 3px; text-align: center; font-family: 'Sawarabi Gothic'; font-size: 22px; color: #4D4D4D; }
.privacy_contact_head p span { display: block; letter-spacing: 2px; font-family: 'Sawarabi Gothic'; font-size: 17px; color: #33CC8E; }
.privacy_contact_sec { width: calc(100% - 230px); display: inline-block; letter-spacing: 0; font-size: 0; }
.privacy_contact_address { width: calc(100% - 315px); display: inline-block; vertical-align: middle; }
.privacy_contact_address p { padding-right: 15px; font-size: 15px; color: #4D4D4D; }
.privacy_contact_tel { width: 315px; display: inline-block; vertical-align: middle; border-left: 2px solid #F0F9F8; }
.privacy_contact_tel p { background: url(../images/all_icn_maru_tel.png) no-repeat center left 30px / 46px; padding: 21px 0 21px 90px; }
.privacy_contact_tel p a { letter-spacing: 3px; font-size: 20px; color: #4D4D4D; }
.privacy_contact_tel p span { display: block; font-size: 15px; color: #000; }

/* report * * * * */
/* * * * * * * * * * * * */
.report_nav { margin: 60px 0 105px; letter-spacing: 0; font-size: 0; }
.report_nav li { width: 160px; display: inline-block; }
.report_nav li:nth-child(n+2) { margin-left: calc( (100% - ((5 * 160px)))/4 ); }
.report_nav li:nth-child(5n+1) { margin-left: 0; }
.report_nav li:nth-child(n+6) { margin-top: 20px; }
.report_nav li .all_nav_btn { width: 100%; }

.report_main section:nth-child(n+2){ margin-top: 140px; }
.report_list { margin-top: 58px; }
.report_list li:nth-child(n+2) { margin-top: 135px; }
.report_list_ttl { margin-bottom: 50px; padding: 15px 0 15px; line-height: 1; text-align: center; font-size: 20px; }
.report_list_ttl_reg {background: url(../images/all_leaf_ttlH.png) no-repeat center / contain;width: 226px;padding-left: 23px;letter-spacing: 2px;text-indent: -2px;}
.report_list_ttl_long {background: url(../images/all_leaf_ttlC.png) no-repeat center / contain;width: 260px;padding-left: 21px;letter-spacing: 0;}
.report_list_ttl span { margin-bottom: 6px; display: block; line-height: 1; font-size: 15px; }
.report_list_body { background: #F0F9F8; padding: 55px 0 48px; }
.report_list_body ul:nth-child(n+2) { margin-top: 34px; padding-top: 40px; border-top: 1px solid #C9CACA; }
.report_list_body li:nth-child(n+2) { margin-top: 28px; }
.report_list_body .report_list_body_ttl { margin-bottom: 14px; padding-left: 8px; border-left: 4px solid #03AC74; line-height: 1.2; font-weight: 600; font-size: 18px; color: #03AC74; }
.report_list_body p { line-height: 1.9; font-size: 15px; color: #4D4D4D; }
.report_list_note { margin-top: 12px; line-height: 1; text-align: right; font-size: 15px; color: #4D4D4D; }
.report_el { margin-bottom: 44px; }
.report_el_last { margin-bottom: 0; }
.report_el_ttl { background: #03AC74; padding: 8px 12px; display: inline-block; line-height: 1; font-family: 'Sawarabi Gothic'; font-size: 20px; color: #FFF; }
.report_el_list_wrap { display: table; width: 100%; }
.report_el_list { background: #F7F7F7; padding: 15px 2.2% 27px; letter-spacing: 0; font-size: 0; }
.report_el_list li { width: 13.6666%; margin: 0 1.5%; display: inline-block; }
.report_el_list li > span { display: block; text-align: center; }
.report_el_list_top { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 2px solid #03AC74; line-height: 1.3; font-weight: 600; font-size: 16px; color: #03AC74; }
.report_el_list_bot { font-size: 18px; color: #4D4D4D; }

/* flow * * * * */
/* * * * * * * * * * * * */
.company_flow_chart { margin-bottom: 47px; padding: 58px 0; border-radius: 8px; }

.company_flow_top { margin: 115px 0 145px; }
.company_flow_list {  }
.company_flow_list li { width: 100%; display: table; letter-spacing: 0; font-size: 0; }
.company_flow_list li:nth-child(n+2) { border-top: 1px solid #E6E6E6; }
.company_flow_list_head { width: 290px; padding: 24px 0; display: table-cell; vertical-align: middle; letter-spacing: 2.5px; font-size: 18px; color: #03AC74; }
.company_flow_list_head .company_flow_list_nb {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain; 
    width: 31px;
    height: 31px;
    margin-right: 10px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    display: inline-block;
}
.company_flow_list li:nth-child(1) .company_flow_list_nb { background-image: url(../images/company_flow_list_nb1.png); }
.company_flow_list li:nth-child(2) .company_flow_list_nb { background-image: url(../images/company_flow_list_nb2.png); }
.company_flow_list li:nth-child(3) .company_flow_list_nb { background-image: url(../images/company_flow_list_nb3.png); }
.company_flow_list li:nth-child(4) .company_flow_list_nb { background-image: url(../images/company_flow_list_nb4.png); }
.company_flow_list li:nth-child(5) .company_flow_list_nb { background-image: url(../images/company_flow_list_nb5.png); }

.company_flow_list_body { padding: 15px 0 15px 5%; display: table-cell; vertical-align: middle; font-size: 15px; color: #4D4D4D; }

.company_flow_mid { margin-bottom: 145px; }
.company_flow_mid_list li { width: 100%; display: table; border-bottom: 1px solid #E6E6E6; letter-spacing: 0; font-size: 0; }
.company_flow_mid_list_head { width: 160px; padding: 19px 0; display: table-cell; vertical-align: middle; font-size: 15px; color: #4D4D4D; }
.company_flow_mid_list_body { padding: 19px 0 19px 6.5%; display: table-cell; vertical-align: middle; font-size: 15px; color: #4D4D4D; }

.company_flow_list2 ul { letter-spacing: 0; font-size: 0; }
.company_flow_list2 > ul > li { width: 50%; padding: 68px 15px 72px 0; position: relative; display: inline-block; vertical-align: top; }
.company_flow_list2 > ul > li:nth-child(n+3) { border-top: 1px solid #C9CACA; }
.company_flow_list2 > ul > li:nth-child(2n+2) { padding-left: 11%; border-left: 1px solid #C9CACA; }
.company_flow_list2 > ul > li:nth-child(2n+1) { padding-left: 9%; }
.company_flow_list2 > ul > li:nth-child(1):after,
.company_flow_list2 > ul > li:nth-child(3):after,
.company_flow_list2 > ul > li:nth-child(5):after,
.company_flow_list2 > ul > li:nth-child(7):after {
    content: "";
    background: #FFF;
    width: 37px;
    height: 37px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    -webkit-transform: translate(50%,50%);
    -moz-transform: translate(50%,50%);
    transform: translate(50%,50%);
    border-radius: 50px;
}
.company_flow_list2_sub li:nth-child(n+2) { margin-top: 18px; }
.company_flow_list2_sub li span {
    background-color: #03AC74;
    width: 73px;
    margin-right: 13px;
    padding: 6px 0;
    display: inline-block;
    border-radius: 50px;
    line-height: 1;
    text-align: center;
    font-size: 14px;
    color: #FFF;
}
.company_flow_list2_ttl { margin-bottom: 25px; font-size: 18px; font-weight: 600; }
.company_flow_list2_address { margin-top: 12px; display: block; font-size: 15px; color: #4D4D4D; }
.company_flow_list2_address a { color: #4D4D4D; }
.company_flow_list2_names { font-size: 15px; color: #4D4D4D; }

.company_flow_bottom { margin-top: 175px; border-radius: 8px; }
.company_flow_bottom_inner { width: 90%; max-width: 480px; margin: 0 auto; letter-spacing: 0; font-size: 0; }
.company_flow_bottom_txt { width: calc(100% - 130px); padding-right: 35px; display: inline-block; vertical-align: middle; }
.company_flow_bottom_txt span { max-width: 275px; display: inline-block; text-align: center; font-size: 24px; color: #03AC74; }
.company_flow_bottom .all_link_btn { width: 130px; margin: 54px 0; display: inline-block; vertical-align: middle; }

.company_flow_ttl {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: 16px 0 16px 40px;
    line-height: 1;
    letter-spacing: 2px;
    font-size: 20px;
}
.company_flow_ttl span { margin: 0 -5px; display: inline-block; }
.company_flow_top .company_flow_ttl { background-image: url(../images/all_leaf_ttlE.png); width: 310px; margin-bottom: 25px; }
.company_flow_mid .company_flow_ttl { background-image: url(../images/all_leaf_ttlD.png); width: 202px; margin-bottom: 34px; }
.company_flow_list2 .company_flow_ttl { background-image: url(../images/all_leaf_ttlF.png); width: 380px; margin-bottom: 50px; }

/* company info * * * * */
/* * * * * * * * * * * * */
.company_history { padding: 125px 0 0; }
.company_history ul { margin-top: 60px; position: relative; }
.company_history ul:after { content: ""; background: #03AC74; width: 1px; height: calc(100% - 20px); position: absolute; top: 10px; left: 153px; }
.company_history ul li { letter-spacing: 0; font-size: 0; }
.company_history ul li:nth-child(n+2) { margin-top: 32px; }
.company_history ul li p { width: calc(100% - 165px); padding-left: 40px; line-height: 1.5; position: relative; display: inline-block; font-size: 15px; color: #4D4D4D; }
.company_history ul li:last-child { position: relative; }
.company_history ul li:last-child:after {
    content: "";
    background: #FFF;
    width: 3px;
    height: 100%;
    position: absolute;
    top: 8px;
    left: 152px;
    z-index: 1;
}
.company_history_head { width: 165px; position: relative; display: inline-block; vertical-align: top; font-size: 15px; color: #4D4D4D; }
.company_history_head:after {
    content: "";
    background: #03AC74;
    width: 11px;
    height: 11px;
    position:absolute;
    top: 50%;
    right: 6px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    transform:translateY(-50%);
    border-radius: 25px;
    z-index: 2;
}

.company_history_bottom { margin-top: 140px; } 
.company_history_bottom .company_flow_bottom { margin: 65px auto 0; }

.company_financial_report { margin-top:70px; padding:50px 0 25px; border-radius:10px; }
.company_financial_report_first {
    padding:0 10px 25px;
    text-align:center;
}
.company_financial_report_first .all_link_btn {
    width:231px;
    display:inline-block;
    vertical-align:middle;
}
.company_financial_report .all_link_btn a {
    background:#33CC8E url(../images/all_bg_pdf.png) no-repeat center right 8px / 26px;
    padding:18px 35px 16px 15px;
    text-align:left;
    font-size:14px; 
}

.company_financial_report_first_text {
    margin-right:40px;
    display:inline-block;
    vertical-align:middle;
    font-size:24px;
    color:#03AC74;
}
.company_financial_report_list {
    padding:35px 40px;
    border-top:1px #fff solid;
    letter-spacing:0;
    font-size:0;
}
.company_financial_report_list li {
    width:32%;
    display:inline-block;
    vertical-align:top;
}
.company_financial_report_list li:nth-child(n+2) { margin-left:2%; }
.company_financial_report_list li:nth-child(3n-2) { margin-left:0; }
.company_financial_report_list li:nth-child(n+4) { margin-top:25px; }
.company_financial_report_list .all_link_btn { width:100%; }

/* Animations Related */
.det_schedule_img { position: relative; }
.scroll_indic { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 200; opacity: 0; display: none; }
.scroll_indic span { display: inline-block; }
.scroll_indic .scroll_indic_arrow { background: url(../images/all_slide_arrow.png) no-repeat center / contain; width: 185px; height: 52px; position: relative; }
.scroll_indic .scroll_indic_finger { position: absolute; bottom: 25px; right: 0px; width: 25px; }
.scroll_indic .scroll_indic_finger:after { content: ""; background: url(../images/all_slide_finger.png) no-repeat center / contain; width: 48px; height: 75px; position: absolute; left: 0; top: 0; }
.scroll_indic .scroll_indic_finger.animooted {
    -webkit-animation: suraido 1.5s ease .7s forwards;
    animation: suraido 1.5s ease .7s forwards;
}
.scroll_indic.animooted {
    -webkit-animation: suraidoFade 2.5s ease .5s forwards;
    animation: suraidoFade 2.5s ease .5s forwards;
}

@media (max-width: 900px){
    .det_schedule_img .scroll_indic { display: block; }
}

@-webkit-keyframes suraido {
    0% { right: 0; }
    50% { opacity: 1; }
    100% { right: 100%; opacity: 0; }
}
@keyframes suraido {
    0% { right: 0; }
    50% { opacity: 1; }
    100% { right: 100%; opacity: 0; }
}

@-webkit-keyframes suraidoFade {
    0% { opacity: 0; }
    20% { opacity: 1; }
    50% { opacity: 1; }
    100% { opacity: 0; display: none; }
}
@keyframes suraidoFade {
    0% { opacity: 0; }
    20% { opacity: 1; }
    50% { opacity: 1; }
    100% { opacity: 0; display: none; }
}
@keyframes leftAnim {
    0% { left: 0; }
    100% { left: 100%; }
}
@keyframes opaAnim {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes topBgAnim {
    0% { width: 0; max-width: 0; padding-left: 0; padding-right: 0; }
    100% { width: 90%; max-width: 1150px; padding-left: 16%; padding-right: 5%; }
}
@keyframes topBgAnimSp {
    0% { width: 0; max-width: 0; padding-left: 0; padding-right: 0; }
    100% { width: 90%; max-width: 1150px; padding-left: 10%; padding-right: 5%; }
}
@keyframes opaTranslate {
    0% { opacity: 0; transform: translateY(50px); }
    100% { opacity: 1; transform: translateY(0); }
}
@keyframes mask {
    0% { -webkit-mask-position: 100% 0 }
    100% { -webkit-mask-position: 0 0 }
}

@media (min-width: 1025px) {
    .recruit_index_3.ok { animation: topBgAnim 1s ease .5s forwards; }
}
@media (max-width: 1024px) {  }
@media (min-width: 481px) {
    .recruit_index_3.ok { animation: topBgAnimSp 1s ease .5s forwards; }
    .recruit_index_3.txtAnim .recruit_index_3_ttl { white-space: normal !important; }
    .recruit_index_3.txtAnim p { white-space: normal !important; }

    .recruit_index_3 { width: 0; max-width: 0; padding-left: 0; padding-right: 0; transition: 1s; }
    .recruit_index_3 .recruit_index_3_ttl { white-space: nowrap; }
    .recruit_index_3 p { white-space: nowrap; }
    .recruit_index_3 .recruit_index_3_ttl,
    .recruit_index_3 p {
        -webkit-mask-image: url(../images/mask-img.png);
        mask-image: url(../images/mask-img.png);
        -webkit-mask-size: 200% auto;
        mask-size: 200% auto;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: 100% 0;
    }

    .recruit_index_3.ok .recruit_index_3_ttl {
        animation-delay: 1s;
        animation: mask 2.4s both 1.3s cubic-bezier(0,0,.25,1);
    }
    .recruit_index_3.ok p {
        animation-delay: .8s;
        animation: mask 2.4s both 1.3s cubic-bezier(0,0,.25,1);
    }
}

@media (min-width: 769px) {
    .recruit_message_img { position: relative; overflow: hidden; }
    .recruit_message_r { position: relative; overflow: hidden; box-shadow: none; transition: 2s; }
    .recruit_message_img:after,
    .recruit_message_r:after { content: ""; background: #FFF; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; transition: 1s; }
    .recruit_message.ok .recruit_message_img:after { animation: leftAnim 1s ease .7s forwards; }
    .recruit_message.ok .recruit_message_r:after { animation: leftAnim 1s ease 1s forwards; }
    .recruit_message.ok .recruit_message_r { box-shadow: #dad9d9 5px 5px 30px -15px; }

    .recruit_inter .detail { padding: 0; }
    .detail_inner {padding: 67px 0; position: relative; overflow: hidden; }
    .detail_inner:after { content: ""; background: #FFF; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; transition: 1s; }
    .detail_inner.ok:after { animation: leftAnim .4s ease forwards; }
    .list:after { content: ""; background: #FFF; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; transition: 1s; }
    .list.ok:after { animation: leftAnim .8s ease-in-out .5s forwards; }
    .detail_en { opacity: 0; transition: .4s; }
    .detail_en.ok { animation: opaAnim 1s ease .5s forwards; }
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.top_main_bg .top_main_bg_ttl { opacity: 0; }
.top_main_bg .top_main_bg_ttl.ok { animation: opaAnim 1.5s ease .2s forwards; }

.top_intro_img.ok { animation: opaAnim 1s ease .3s forwards; }
.top_intro_txt p,
.top_intro_txt .top_intro_ttl { opacity: 0; color:#4d4d4d; }
.top_intro p:last-child { opacity: 1; }
.top_intro_txt.ok .top_intro_ttl { animation: opaTranslate 1s ease .1s forwards; }
.top_intro_txt.ok p:nth-child(2) { animation: opaTranslate 1s ease .2s forwards; }
.top_intro_txt.ok p:nth-child(3) { animation: opaTranslate 1s ease .3s forwards; }
.top_intro_txt.ok p:nth-child(4) { animation: opaTranslate 1s ease .4s forwards; }
.top_intro_txt.ok p:nth-child(5) { animation: opaTranslate 1s ease .5s forwards; }
.top_intro_txt.ok p:nth-child(6) { animation: opaTranslate 1s ease .6s forwards; }

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



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.recruit_bg_w:after { content: ""; background: #FFF; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: 1s; }
.recruit_index_top_ttl .animElem.ok .recruit_bg_w:after {  animation: leftAnim 1s ease .1s forwards; }
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.recruit_index_2 { padding: 0; }
.recruit_index_2 .recruit_index_2_txt { padding: 123px 0 185px 12%; position: relative; overflow: hidden; }
.recruit_index_2 .recruit_index_2_txt:after { content: ""; background: #FFF; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; transition: 1s; }
.recruit_index_2 .recruit_index_2_txt.ok:after { animation: leftAnim 1s ease .6s forwards; }
.recruit_index_2 p,
.recruit_index_2 .recruit_index_2_ttl { position: relative; overflow: hidden; }
.recruit_index_2 p:after,
.recruit_index_2 .recruit_index_2_ttl:after { content: ""; background: #fce301; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; transition: 1s; }

.recruit_index_2 .recruit_index_2_txt.ok .recruit_index_2_ttl:after { animation: leftAnim 1s ease .9s forwards; }
.recruit_index_2 .recruit_index_2_txt.ok p:after { animation: leftAnim 1s ease 1s forwards; }

@media(max-width: 480px){
    .recruit_index_2_txt .sp_fix { display: none; }
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.career_list li {
    opacity: 0;
    transform: translateY(50px);
    transition: 1s;
}
.career_list.ok li:nth-child(1) { animation: opaTranslate 1s ease .1s forwards; }
.career_list.ok li:nth-child(2) { animation: opaTranslate 1s ease .2s forwards; }
.career_list.ok li:nth-child(3) { animation: opaTranslate 1s ease .3s forwards; }
.career_list.ok li:nth-child(4) { animation: opaTranslate 1s ease .4s forwards; }
.career_list li a { width: 100%; height: 100%; display: block; }
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.career_info_bg,
.career_info_box { position: relative; overflow: hidden; }
.career_info_bg:after,
.career_info_box:after {
    content: "";
    background: #FFF;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: 1s;
}
.career_info_bg.ok:after,
.career_info_box.ok:after { left: 100%; }

/*

all_edc 森の乳幼児教育研修センター共通

*/
.all_edc .recruit_mv_jp { letter-spacing:4px; }
.all_edc_title {
    text-align:center;
}
.all_edc_title > span {
    padding:0 40px 0 52px;
    position:relative;
    display:inline-block;
    vertical-align:top;
    letter-spacing:10px;
    font-size:36px;
    font-family: 'Sawarabi Gothic';
    color:#33CC8E;
}
.all_edc_title > span:before,
.all_edc_title > span:after {
    content:"";
    background:#33CC8E;
    width:24px;
    height:5px;
    position:absolute;
    left:0;
    top:calc(50% - 2px);
    display:block;
}
.all_edc_title > span:after {
    left:auto;
    right:0;
}
.all_edc_copy {
    margin-top:15px;
    text-align:center;
    line-height:1.8;
    font-size:18px;
    font-family: 'Sawarabi Gothic';
    color:#000;
}
.all_edc_text {
    line-height:2.1;
    font-family: 'Sawarabi Gothic';
    font-size:15px;
    color:#000;
}
.all_training_seminar_r .all_edc_text { letter-spacing:2px; }
.all_edc_foot {
    background:#fff;
    padding:170px 0 130px;
    position:relative;
    z-index:3;
}
.all_edc_foot ._list {
    margin-top:65px;
    display:flex;
    justify-content:space-between;
    letter-spacing: 0;
    font-size: 0;
}
.all_edc_foot ._list li {
    width:calc(33.3% - 1px);
    display:inline-block;
    vertical-align:top;
}
.all_edc_foot ._list a {
    background:#FCE400 url(../images/all_edc_foot_request.png) no-repeat center left 32px / 58px;
    height:171px;
    padding:0 55px 0 110px;
    position:relative;
    display:flex;
    justify-content:flex-start;
    align-items:center;
    transition: background 0.4s ease;
}
.all_edc_foot ._list a:after {
    content:"";
    background:url(../images/all_btn_aro_b.png) no-repeat center right / 12px;
    width:12px;
    height:12px;
    position:absolute;
    right:25px;
    top:calc(50% - 6px);
    display:block;
}
.all_edc_foot ._research a {
    background-image:url(../images/all_edc_foot_research.png);
}
.all_edc_foot ._tel a {
    background-image:url(../images/all_edc_foot_tel.png);
    padding-right:25px;
}
.all_edc_foot ._tel a:after { display:none; }
.all_edc_foot ._list a:hover { background-color:#F7BF0B; }
.all_edc_foot ._head {
    display:block;
    font-size:25px;
    font-family: 'Sawarabi Gothic';
    color:#000;
}
.all_edc_foot ._text {
    display:block;
    font-size:15px;
    font-family: 'Sawarabi Gothic';
    color:#000;
}
.all_edc_foot ._tel {
    display:block;
    letter-spacing:3px;
    font-size:27px;
    font-family: 'Sawarabi Gothic';
    color:#000;
}
.all_edc_foot ._time {
    margin-top:2px;
    display:block;
    letter-spacing:2px;
    font-size:17px;
    font-family: 'Sawarabi Gothic';
    color:#000;
}
.all_edc_form_text {
    width:100%;
    margin-top:60px;
    font-size:17px;
}
.all_leaf_ttl + .all_edc_form_text {
    margin-top:75px;
}
.all_edc_form_text + table {
    margin-top:12px;
}
.all_edc .all_form table {
    border-color:#FCE400;
}
.all_edc .all_form th { background:#FFFCE5; }
.all_edc_form_themes { display:flex; justify-content:space-between; align-items:flex-start; }
.all_edc_form_themes div { width:calc(45% - 10px); }
.all_edc_form_themes div:nth-child(2) { width:calc(55% - 10px); }
.all_edc_form_themes span.wpcf7-list-item { width:100%; margin-left:0; }
.all_edc_form_place span.wpcf7-list-item { margin-right:20px; margin-left:0; }
.all_edc_form_themes div span.wpcf7-list-item:nth-child(n+2) { margin-top:5px; }
.all_edc_form_time { text-align:left; }
.all_edc_form_time div {
    display:inline-block;
    vertical-align:top;
}
.all_edc_form_time > div:nth-child(1) { margin-right:12px; }
.all_edc_form_time .all_form_select_fix { width:auto; margin-right:10px; display:inline-block; vertical-align:middle; }
.all_edc_form_time > div:nth-child(1) select { width:152px; }
.all_edc_form_time > div:nth-child(2) select { width:125px; }
.all_edc_form_time p { display:inline-block; vertical-align:middle; }
.all_edc .wpcf7-checkbox .wpcf7-list-item:nth-child(1) { margin-left:0; }
.all_edc_form_money { display:block; text-align:left; }
.all_edc_form_money input { width:134px; }

/*

edc 森の乳幼児教育研修センターTOP

*/
.edc_top_banner { margin-top:100px; }
.edc_program {
    padding:0 0 105px;
    overflow:hidden;
}
.edc_program_list {
    margin-top:70px;
    position:relative;
    letter-spacing: 0;
    font-size: 0;
}
.edc_program_list:after {
    content:"";
    background:#FFFCE5;
    width:100vw;
    height:calc(100% + 1000px);
    position:absolute;
    left:50%;
    top:210px;
    transform: translateX(-50%);
    display:block;
}
.edc_program_list > li {
    width:47.67%;
    position:relative;
    z-index:2;
    display:inline-block;
    vertical-align:top;
}
.edc_program_list > li:nth-child(2n) { margin-left:4.66%; }
.edc_program_list > li:nth-child(n+3) { margin-top:90px; }
.edc_program_list img { width:100%; }
.edc_program_list ._main { padding-top:38px; }
.edc_program_list ._title {
    margin-bottom:17px;
    text-align:center;
    letter-spacing:4px;
    font-size:20px;
    font-family: 'Sawarabi Gothic';
    color:#000;
}
.edc_program_list ._example {
    background:#fff;
    min-height:120px;
    margin-top:38px;
    padding:28px 30px 24px;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    border:2px #F7BF10 solid;
}
.edc_program_list ._head {
    background:#F7BF10;
    width:114px;
    position:absolute;
    left:50%;
    top:0;
    transform: translate(-50%,-50%);
    border-radius:17px;
    line-height:33px;
    text-align:center;
    letter-spacing:3px;
    font-size:18px;
    font-family: 'Sawarabi Gothic';
    color:#fff;
}
.edc_program_list ._list {
    letter-spacing: 0;
    font-size: 0;
}
.edc_program_list ._list li {
    margin:12px 26px 0 0;
    padding-left:30px;
    position:relative;
    display:inline-block;
    text-align:left;
    vertical-align:top;
    letter-spacing:2px;
    font-size:16px;
    font-family: 'Sawarabi Gothic';
    color:#000;
}
.edc_program_list ._list li:last-child { margin-right:0; }
.edc_program_list ._list li:after {
    content:"";
    background:url(../images/edc_program_diamond.svg) no-repeat center / 100% 100%;
    width:21px;
    height:19px;
    position:absolute;
    left:0;
    top:50%;
    transform: translateY(-50%);
    display:block;
}
.edc_program_list ._quality ._list {
    max-width:420px;
}
.edc_program_list ._quality ._list li {
    width:30.5%;
    margin-right:0;
}
.edc_program_list ._quality ._list li:nth-child(3n) {
    width:39%;
}
.edc_program_list ._management ._list { max-width:450px; }
.edc_program_list ._management ._list li {
    width:50%;
    margin-right:0;
}

.edc_foot {
    background:#fff;
    width:97%;
    max-width:1435px;
    margin:105px auto 0;
    padding:80px 0;
    position:relative;
    border-radius:10px;
}
.edc_foot_bg_text {
    position:absolute;
    left:3%;
    top:-15px;
}
.edc_banner ._link {
    width:85%;
    max-width:800px;
    margin:0 auto;
    position:relative;
    z-index:2;
}
.edc_banner ._link a {
    background:#FCE400;
    height:120px;
    padding:75px;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    letter-spacing:4px;
    font-size:20px;
    font-family: 'Sawarabi Gothic';
    color:#000;
    transition:background 0.4s ease;
}
.edc_banner ._pdf a {
    background:#33CC8E;
    color:#fff;
}
.edc_banner ._link a:hover {
    background-color:#F7BF0B;
}
.edc_banner ._link a:after {
    content:"";
    background:url(../images/edc_foot_aro.svg) no-repeat center right / 100% ;
    width:18px;
    height:18px;
    position:absolute;
    right:35px;
    top:calc(50% - 9px);
    display:block;
}
.edc_banner ._pdf a:after {
    background:url(../images/all_edc_pdf.svg) no-repeat center right / 100% 100%;
    width:26px;
    height:34px;
    top:calc(50% - 17px);
}
.edc_banner ._link + ._link { margin-top:30px; }
.edc_program_list ._img { position: relative; }
.edc_program_list ._img_txt { width: 220px; position: absolute; left: -12px; bottom: -82px; z-index: 7; }


/*

all_lecturer 講師共通

*/
.all_lecturer_position {
    line-height:1.7;
    font-size:11px;
    color:#404040;
}
.all_lecturer_name {
    margin-top:7px;
}
.all_lecturer_name span:nth-child(1) {
    margin-right:12px;
    display:inline-block;
    font-size:20px;
    font-family: 'Sawarabi Gothic';
    color:#000;
}
.all_lecturer_name span:nth-child(2) {
    display:inline-block;
    font-size:11px;
    color:#000;
    opacity:0.43;
}
.all_lecturer_start {
    margin-top:5px;
    font-size:11px;
    color:#404040;
}
.all_lecturer_genre {
    margin-top:10px;
    letter-spacing: 0;
    font-size: 0;
}
.all_lecturer_genre li {
    background:#F0FFF9;
    margin:7px 7px 0 0;
    padding:2px 7px;
    display:inline-block;
    border-radius:8px;
    vertical-align:middle;
    font-size:11px;
    color:#33CC8E;
}
.all_lecturer_genre li:last-child { margin-right:0; }


/*

lecturer 講師一覧

*/
.lecturer_sec { padding-top:130px; }
.lecturer_sec .all_edc_copy { margin-top:0; }
.lecturer_list { margin:75px 0; letter-spacing:0; font-size:0; }
.lecturer_list > li {
    width:30%;
    display:inline-block;
    vertical-align:top;
}
.lecturer_list > li:nth-child(n+2) { margin-left:5%; }
.lecturer_list > li:nth-child(n+4) { margin-top:5%; }
.lecturer_list > li:nth-child(3n-2) { margin-left:0; }
.lecturer_list a { display:block; border:1px #FCE412 solid; }
.lecturer_list ._img { overflow:hidden; }
.lecturer_list ._img div {
    background: url(../images/lecturer_img_default.jpg) no-repeat center / cover;
    width:100%;
    padding-top:75%;
    transition:transform 0.4s ease;
}
.lecturer_list a:hover ._img div {
    transform:scale(1.05);
}
.lecturer_list ._sec {
    padding:30px 22px 45px;
    position:relative;
}
.lecturer_list ._sec:after {
    content:"";
    background:#FCE412 url(../images/all_btn_aro_b.png) no-repeat center / 10px;
    width:40px;
    height:40px;
    position:absolute;
    right:0;
    bottom:0;
    display:block;
}
.lecturer .all_edc_foot {
    padding-top:145px;
}
.lecturer .all_edc_foot .content1200 {
    padding-top:115px;
    border-top:1px #B3B3B3 solid;
}

/*

lecturer_detail 講師詳細

*/
.lecturer_column {
    width: 90%;
    max-width: 1000px;
    margin: 170px auto 85px;
    position: relative;
    border: 4px solid #FCE412;
}
.lecturer_column ._inner {
    width: 85%;
    margin: 0 auto;
    padding: 65px 0 55px;
    letter-spacing: 0;
    font-size: 0;
}
.lecturer_column ._left {
    width: calc(100% - 230px);
    padding: 26px 45px 0 0;
    display: inline-block;
    vertical-align: top;
}
.lecturer_column ._right_none ._left { width:100%; padding:0; }
.lecturer_column ._right {
    width: 230px;
    display: inline-block;
    vertical-align: top;
}
.lecturer_column ._left p {
    line-height: 2;
    letter-spacing: 1px;
    font-size: 14px;
    color: #000;
}
.lecturer_column ._left p:nth-child(n+2) {
    margin-top: 9px;
}
.lecturer_column ._img {
    
}
.lecturer_column ._img img {
    width: 100%;
}
.lecturer_column ._deco {
    position: absolute;
    top: -81px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}
.lecturer_detail_free {
    background:#FFFCE5;
    padding:95px 0;
}
.lecturer_detail_free .content1000 {
    background:#fff;
    padding:90px 100px 82px;
}
.lecturer_detail_free .content1000 > *:nth-child(1) { margin-top:0; }
.lecturer_detail_free h2 {
    margin-top:75px;
    letter-spacing:5px;
    font-size:26px;
    font-family: 'Sawarabi Gothic';
    color:#000;
}
.lecturer_detail_free h3 {
    margin-top:50px;
    padding-bottom:5px;
    border-bottom:1px #B3B3B3 solid;
    letter-spacing:3px;
    font-size:17px;
    font-family: 'Sawarabi Gothic';
    color:#000;
}
.lecturer_detail_free h2 + h3 { margin-top:25px; } 
.lecturer_detail_free ul { margin-top:10px; }
.lecturer_detail_free li {
    padding-left:20px;
    position:relative;
    line-height:2.1;
    font-size:14px;
    color:#000;
}
.lecturer_detail_free li:after {
    content:"";
    background:#33CC8E;
    width:9px;
    height:9px;
    position:absolute;
    left:0;
    top:calc(1.05em - 5px);
    display:block;
    border-radius:50%;
}
.lecturer_detail_free a {
    color:#33CC8E;
}
.lecturer_detail_free p {
    margin-top:5px;
    line-height:2.1;
    font-size:14px;
    color:#000;
}
.intro_yellow_wrapper { margin-top: -78px; padding-bottom: 65px; position: relative; }
.intro_yellow_wrapper:after { content: ""; background: #FCE400; width: calc(100% - 140px); height: 100%; position: absolute; top: 0; left: 0; }
.intro_yellow { width: 90%; max-width: 1200px; margin: 0 auto; position: relative; z-index: 1; }
.intro_yellow ._ttl { margin-top: -38px; display: inline-block; }
.intro_yellow ._ttl_main { background: #FFF; margin-bottom: 12px; padding: 8px 22px 11px; letter-spacing: 10px; font-weight: 600; font-size: 36px; color: #000; }
.intro_yellow ._ttl_sub { letter-spacing: 0; font-size: 0; }
.intro_yellow ._ttl_sub span { background: #FFF; padding: 3px 10px 3px 22px; display: inline-block; letter-spacing: 7px; font-weight: 600; font-size: 22px; color: #000; }
.training_center_mv { background: url(../images/training_center_mv.jpg) no-repeat center / cover; padding-top: 54%; display: block; }
.intro_yellow ._txt { margin-top: 60px; }
.intro_yellow ._txt_main { margin-bottom: 14px; letter-spacing: 7px; font-size: 25px; font-weight: 600; color: #000; }
.intro_yellow ._txt_reg { padding-right: 490px; line-height: 2; letter-spacing:3px; font-size: 14px; color: #000; }
.intro_yellow_wrapper ._img { width: 43.8%; max-width: 650px; position: absolute; bottom: 11%; right: -25px; z-index: 1; }
.intro_yellow_wrapper ._img img { width: 100%; }

.lecturer_detail_intro { background: #FFFCE5; padding: 185px 0 65px; }
.lecturer_detail_intro > ._inner { width: 100%; max-width: 1500px; margin: 0 auto; letter-spacing: 0; font-size: 0; }
.lecturer_detail_intro ._right { width: 53.1%; margin-bottom:0 !important; display: inline-block; }
.lecturer_detail_intro ._left { width: 46.9%; margin-top: 6.1%; display: inline-block; vertical-align: top; position: relative; left: 30px; float: right; z-index: 1; }
.lecturer_detail_intro ._right .slider_element {
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    width:100%;
    padding-top:75%;
}

.lecturer_detail_intro .slick-dots { position: relative; bottom: -15px; letter-spacing: 0; font-size: 0; }
.lecturer_detail_intro .slick-dots li { width: 18px; margin: 0; }
.lecturer_detail_intro .slick-dots li button:before { font-size: 10px; opacity: 1; color: #E2EDE8; }
.lecturer_detail_intro .slick-dots li.slick-active button:before { opacity: 1; color: #33CC8E; }

.lecturer_detail_intro_yellow { background: #fce403; margin-bottom: -80px; padding-right: 50px; position: relative; z-index: 1; }
.lecturer_detail_intro_yellow ._inner { padding: 38px 32px 32px 68px; position: relative; display: inline-block; font-family: 'Sawarabi Gothic'; font-size: 32px; font-weight: 600; color: #000; }
.lecturer_detail_intro_yellow ._inner:before,
.lecturer_detail_intro_yellow ._inner:after { content: ""; background: url(../images/tenten.png) no-repeat center / contain; width: 36px; height: 27px; position: absolute; }
.lecturer_detail_intro_yellow ._inner:before { left: 34px; top: -10px; }
.lecturer_detail_intro_yellow ._inner:after { bottom: -10px; right: 0; transform: rotate(180deg); }
.lecturer_detail_intro_info { padding: 128px 14.5% 45px 65px; position: relative; left: -65px; display: inline-block; }
.lecturer_detail_intro_info:after { content: ""; background: #FFF; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.9; }
.lecturer_detail_intro_info ._catchphrase { position: relative; z-index: 1; line-height: 1.6; font-size: 14px; color: #404040; }
.lecturer_detail_intro_info ._name { margin-top: 10px;position: relative; z-index: 1; }
.lecturer_detail_intro_info ._name p { margin-right:15px; margin-top: 5px; display: inline-block; vertical-align: middle; line-height: 1.5; font-family: 'Sawarabi Gothic'; font-size: 32px; color: #000; }
.lecturer_detail_intro_info ._name span { display: inline-block; opacity: .43; vertical-align: middle; line-height: 1; font-size: 14px; color: #404040; }
.lecturer_detail_intro_info ._date { position: relative; z-index: 1; font-size: 14px; color: #404040; }
.lecturer_detail_intro_info ._list { margin-top: 34px; position: relative; z-index: 1; }
.lecturer_detail_intro_info ._list p { margin-bottom: 6px; padding-left: 25px; position: relative; line-height: 1; font-family: 'Sawarabi Gothic'; font-size: 18px; color: #000; }
.lecturer_detail_intro_info ._list p:after { content: ""; background: #FCE400; width: 12px; height: 12px; border-radius: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
.lecturer_detail_intro_info ._list ul { margin-top:5px; }
.lecturer_detail_intro_info ._list ul li { background: #F0FFF9; margin: 5px 4px 0 0; padding: 4px 7px; display: inline-block; border-radius: 50px; line-height: 1; font-family: 'Sawarabi Gothic'; font-size: 14px; color: #33CC8E; }
.lecturer_detail_intro_info ._list ul li:last-child { margin-right: 0; }
.lecturer_column:after { content: ""; background: #FFF; width: 44.3%; height: 6px; position: absolute; top: -5px; left: 50%; transform: translateX(-50%); z-index: 1; }


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


.cls {
    fill:none;
    stroke:#fff;
    stroke-linecap:round;
    stroke-linejoin:round;
    /*opacity:0.8;*/
}
.cls.mess-1 { stroke-width:15px; }
.cls.mess-2 { stroke-width:20px; }

.top_important-1 { stroke-width:7px; }
.cls.top_recruit-1 { stroke-width:9px; }
.cls.interview-1,
.cls.guidelines-1,
.cls.environment-1,
.cls.internship-1,
.cls.training-1,
.cls.entry-1 { stroke-width:17px; }
.cls.entry-2 { stroke-width:12px; }
.cls.careerup-1 { stroke-width:18px; }



.textAnim,
.textAnim2 { opacity: 0; transition: all .3s; }
.textAnim.textAnimOver,
.textAnim2.textAnimOver { opacity: 1; }