@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Pacifico');
/*==========================================
共通
===========================================*/
.conversion_scroll_nav .conversion_list li{
    width: 33%;
}
@media screen and (max-width: 767px){
.footer .con_btn_list li {
    width: 33%;
}
}

.recruit{
 overflow: hidden;
}
.recruit .recruit_ttl{
 text-align: center;
 margin: 0 auto 40px;
}
.recruit .recruit_ttl .en{
 font-family: 'Pacifico', cursive;
 font-size: 7.2rem;
}
.recruit .recruit_ttl .ja{
 font-size: 2.4rem;
 font-weight: bold;
 line-height: 1.5;
}
.recruit .recruit_ttl .ja::before{
 content: "";
 display: block;
 max-width: 100px;
 width: 100%;
 height: 7px;
 margin: 25px auto;
 background: #f47813;
}
@media screen and (max-width: 767px) {
.recruit .recruit_ttl .en{
 font-size: 6.6rem;
}
.recruit .recruit_ttl .ja{
 font-size: 2.1rem;
}
}
@media screen and (max-width: 480px) {
.recruit .recruit_ttl .en{
 font-size: 4.6rem;
}
.recruit .recruit_ttl .ja{
 font-size: 1.8rem;
}
.recruit .recruit_ttl .ja::before{
 height: 5px;
 margin: 15px auto;
}
}
/*=== 3点リーダー ====================*/
/* 2行  line-height:1.5 */
.ellipsis_2line{
 position: relative;
 overflow: hidden;
 height:5.2rem;
}
.ellipsis_2line::before, .ellipsis_2line::after {
  position: absolute;
  background: #fff;
}
.ellipsis_2line::before {
  content: "...";
  bottom: 0;
  right: 0;
  padding:0 0 0.08em;
 height: 1.5em;
}
.ellipsis_2line::after{
  content: "";
  width: 100%;
  height: 100%;    
}
/*==========================================
採用ナビ
===========================================*/
.recruit .recruit_nav_wrap{
 margin-bottom: 95px;
}
.recruit .recruit_nav_wrap .recruit_top_btn{
 background: #f47813;
 color: #fff;
 font-weight: bold;
 font-size: 1.8rem;
 text-align: center;
 display: block;
}
.recruit .recruit_nav_wrap .recruit_nav01{
 background: #fffdf6;
}
.recruit .recruit_nav_wrap .recruit_nav02{
 padding: 7px 0 0;
}
.recruit .recruit_nav_wrap .recruit_nav01 ul,
.recruit .recruit_nav_wrap .recruit_nav02 ul{
 display: flex;
}
.recruit .recruit_nav_wrap .recruit_nav01 ul li a,
.recruit .recruit_nav_wrap .recruit_nav02 ul li a{
 color: #333;
 font-weight: bold;
}
.recruit .recruit_nav_wrap .recruit_nav01 ul li a i,
.recruit .recruit_nav_wrap .recruit_nav02 ul li a i,
.recruit .recruit_nav_wrap .recruit_nav01 ul li.recruit_cur p i{
 margin-left: 1em;
 font-size: 1.4rem;
}
.recruit .recruit_nav_wrap .recruit_nav01 ul li.recruit_cur p,
.recruit .recruit_nav_wrap .recruit_nav02 ul li.recruit_cur p{
 color: #f47813;
 font-weight: bold;
}
@media screen and (min-width: 768px) {
.recruit .recruit_nav_wrap .recruit_top_btn:hover{
 background: #feb369;
}
.recruit .recruit_nav_wrap .recruit_nav01{
 padding: 35px 0;
}
.recruit .recruit_nav_wrap .recruit_nav01 ul,
.recruit .recruit_nav_wrap .recruit_nav02 ul{
 width: 100%;
}
.recruit .recruit_nav_wrap .recruit_nav01 ul li:not(:last-child),
.recruit .recruit_nav_wrap .recruit_nav02 ul li:not(:last-child){
 margin-right: 2.8em;
}
.recruit .recruit_nav_wrap .recruit_nav01 ul li a,
.recruit .recruit_nav_wrap .recruit_nav02 ul li a,
.recruit .recruit_nav_wrap .recruit_nav01 ul li.recruit_cur p,
.recruit .recruit_nav_wrap .recruit_nav02 ul li.recruit_cur p{
 position: relative;
 display: inline-block;
}
.recruit .recruit_nav_wrap .recruit_nav01 ul li a:hover,
.recruit .recruit_nav_wrap .recruit_nav02 ul li a:hover{
 color: #f47813;
}
.recruit .recruit_nav_wrap .recruit_nav01 ul li a::after,
.recruit .recruit_nav_wrap .recruit_nav02 ul li a::after,
.recruit .recruit_nav_wrap .recruit_nav01 ul li.recruit_cur p::after,
.recruit .recruit_nav_wrap .recruit_nav02 ul li.recruit_cur p::after{
 position: absolute;
 bottom: -5px;
 left: 50%;
 content: '';
 width: 0;
 height: 5px;
 background-color: #ff9933;
 transition: .3s;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
}
.recruit .recruit_nav_wrap .recruit_nav01 ul li a:hover::after,
.recruit .recruit_nav_wrap .recruit_nav02 ul li a:hover::after,
.recruit .recruit_nav_wrap .recruit_nav01 ul li.recruit_cur p::after,
.recruit .recruit_nav_wrap .recruit_nav02 ul li.recruit_cur p::after{
 width: 100%;
}
}
@media screen and (min-width: 1201px) {
.recruit .recruit_nav_wrap{
 position: relative;
}
.recruit .recruit_nav_wrap .recruit_top_btn{
 position: absolute;
 font-weight: bold;
 max-width: 110px;
 width: 20%;
 height: 80px;
 line-height: 80px;
 left: calc(50% - 565px);
 top: calc(50% - 20px);
}
.recruit .recruit_nav_wrap .recruit_nav01 ul,
.recruit .recruit_nav_wrap .recruit_nav02 ul{
 width: 85%;
 margin: 0 0 0 auto;
}
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
.recruit .recruit_nav_wrap .recruit_nav01 ul li:not(:last-child),
.recruit .recruit_nav_wrap .recruit_nav02 ul li:not(:last-child) {
 margin-right: 1em;
}
}
@media screen and (min-width: 1430px) {
.recruit .recruit_nav_wrap .recruit_nav01 ul, .recruit .recruit_nav_wrap .recruit_nav02 ul{
 margin:0 0 0 calc(50% - 430px);
}
}
@media screen and (max-width: 1200px) {
.recruit .recruit_nav_wrap .recruit_top_btn{
 padding: 15px 2.5%;
}
.recruit .recruit_nav_wrap .recruit_nav01 ul{
 justify-content: space-between;
}
.recruit .recruit_nav_wrap .recruit_nav02 ul{
 justify-content: space-around;
}
.recruit .recruit_nav_wrap .recruit_nav01 ul li a,
.recruit .recruit_nav_wrap .recruit_nav02 ul li a,
.recruit .recruit_nav_wrap .recruit_nav01 ul li.recruit_cur p,
.recruit .recruit_nav_wrap .recruit_nav02 ul li.recruit_cur p{
 font-size: 1.4rem;
}
.recruit .recruit_nav_wrap .recruit_nav01 ul li a i,
.recruit .recruit_nav_wrap .recruit_nav02 ul li a i,
.recruit .recruit_nav_wrap .recruit_nav01 ul li.recruit_cur p i,
.recruit .recruit_nav_wrap .recruit_nav02 ul li.recruit_cur p i{
 margin-left: 0.5em;
 font-size: 1.2rem;
}
}
@media screen and (max-width: 767px) {
.recruit .recruit_nav_wrap .recruit_nav01 ul{
 flex-wrap: wrap;
 padding: 0;
 border: 1px solid #e1e1e1;
}
.recruit .recruit_nav_wrap .recruit_nav01 ul li{
 width: 50%;
 border: 1px solid #e1e1e1;
 border-top: none;
}
.recruit .recruit_nav_wrap .recruit_nav01 ul li:nth-of-type(even),
.recruit .recruit_nav_wrap .recruit_nav01 ul li:nth-of-type(odd){
 border-left: none;
}
.recruit .recruit_nav_wrap .recruit_nav01 ul li:nth-of-type(even){
 border-right: none;
}
.recruit .recruit_nav_wrap .recruit_nav01 ul li:last-child{
 border-bottom: none;
}
.recruit .recruit_nav_wrap .recruit_nav01 ul li.recruit_cur{
 background: #005c3f;
}
.recruit .recruit_nav_wrap .recruit_nav01 ul li.recruit_cur p{
 color: #fff;
}
.recruit .recruit_nav_wrap .recruit_nav01 ul li a,
.recruit .recruit_nav_wrap .recruit_nav01 ul li.recruit_cur p{
 display: block;
 padding: 13px 2.5%;
}
.recruit .recruit_nav_wrap .recruit_nav02,
.recruit .recruit_nav_wrap .recruit_nav02 ul{
 padding: 0;
}
/*.recruit .recruit_nav_wrap .recruit_nav02 ul li{
 background: #ebebeb;
 width: 33.1%;
 text-align: center;
}*/
/*人事からのメッセージ削除時↓*/
.recruit .recruit_nav_wrap .recruit_nav02 ul li{
 background: #ebebeb;
 width: 50%;
 text-align: center;
}
.recruit .recruit_nav_wrap .recruit_nav02 ul li a,
.recruit .recruit_nav_wrap .recruit_nav02 ul li.recruit_cur p{
 display: block;
 font-size: 1.2rem;
 padding: 15px 0;
}
.recruit .recruit_nav_wrap .recruit_nav02 ul li a .sp_none{
 display: none;
}
.recruit .recruit_nav_wrap .recruit_nav02 ul li.recruit_cur{
 background: #005c3f;
}
.recruit .recruit_nav_wrap .recruit_nav02 ul li.recruit_cur p{
 color: #fff;
}
}
@media screen and (max-width: 480px) {
.recruit .recruit_nav_wrap {
 margin-bottom: 55px;
}
}
@media screen and (max-width: 380px) {
.recruit .recruit_nav_wrap .recruit_nav01 ul li a,
.recruit .recruit_nav_wrap .recruit_nav01 ul li.recruit_cur p{
 font-size: 1.2rem;
}
}
/*==========================================
コンタクトボタン
===========================================*/
.recruit .recruit_contact{
 display:flex;
 justify-content:space-between;
 margin-bottom:50px;
}
.recruit .recruit_contact .btn_tel,
.recruit .recruit_contact .btn_form{
 display:block;
 width:48%;
 text-align:center;
 padding:40px 2.5%;
 font-size:2.4rem;
 font-weight:bold;
 letter-spacing:0.05em;
}
.recruit .recruit_contact .btn_tel{
 border:1px solid #ccc;
 position:relative;
}
.recruit .recruit_contact .btn_tel::before{
 position:absolute;
 content:"採用直通ダイヤル";
 top:-7px;
 color:#333;
 font-size:1.8rem;
 background:#fff;
 padding:0 20px;
 left:calc(50% - 87px);
}

.recruit .recruit_contact .btn_form{
 background:#F47813;
 border: 3px solid #FACB9C;
 color:#fff;
}
.recruit .recruit_contact .btn_tel i,
.recruit .recruit_contact .btn_form i{
 font-size:2rem;
 margin-right:0.3em;
}
@media screen and (min-width: 768px) {
.recruit .recruit_contact .btn_tel{
 cursor: default;
 pointer-events: none;
}
.recruit .recruit_contact .btn_form:hover{
 background:#F4B90E;
}
}
@media screen and (max-width: 767px) {
.recruit .recruit_contact .btn_tel,
.recruit .recruit_contact .btn_form{
 padding:25px 2.5%;
 font-size:1.9rem;
}
.recruit .recruit_contact .btn_tel i,
.recruit .recruit_contact .btn_form i{
 font-size:1.6rem;
}
.recruit .recruit_contact .btn_tel::before{
 font-size:1.6rem;
}
}
@media screen and (max-width: 480px) {
.recruit .recruit_contact{
 display:block
}
.recruit .recruit_contact .btn_tel,
.recruit .recruit_contact .btn_form{
 width:100%;
 font-size:2.1rem;
 padding:30px 2.5%;
}
.recruit .recruit_contact .btn_tel{
 margin-bottom:25px;
}
.recruit .recruit_contact .btn_tel i,
.recruit .recruit_contact .btn_form i{
 font-size:1.8rem;
}
}
/*==========================================
募集要項バナー
===========================================*/
.recruit .recruitment_nav .recruit_bnr{
 border: 1px solid #cfcfcf;
 display: block;
 color: #333;
}
@media screen and (min-width: 768px) {
.recruit .recruitment_nav .recruit_bnr{
 transition: border-color 0.15s ease-in-out;
}
.recruit .recruitment_nav .recruit_bnr:hover{
 border-color: #f47813;
}
}
/*=== 新卒採用 =========================*/
.recruit .recruitment_nav .bnr_new-grad{
 padding: 7px;
 position: relative;
 overflow: hidden;
 margin: 0 auto 25px;
}
.recruit .recruitment_nav .bnr_new-grad::before {
 font-family: 'Pacifico', cursive;
 /*content: "New graduate";*/
  content: "Message";
 color: #e7e7e7;
 position: absolute;
 font-size: 8.4rem;
 bottom: 10px;
}
.recruit .recruitment_nav .bnr_new-grad .img{
 font-size: 0;
 max-width: 529px;
 width: 100%;
 position: relative;
 z-index: 1;
}
.recruit .recruitment_nav .bnr_new-grad .text{
 display: flex;
 justify-content:space-around;
 align-items: center;
 font-size: 2.4rem;
 font-weight: bold;
 line-height: 1.5;
 letter-spacing: 0.05em;
 position: relative;
 z-index: 1;
}
.recruit .recruitment_nav .bnr_new-grad .text .large_txt{
 font-size:3.6rem;
}
.recruit .recruitment_nav .bnr_new-grad .text i{
 font-size: 3.8rem;
}
@media screen and (min-width: 768px) {
.recruit .recruitment_nav .bnr_new-grad{
 display: flex;
 justify-content: space-between;
 align-items: center;
}
.recruit .recruitment_nav .bnr_new-grad .text{
 width: 48%;
}
.recruit .recruitment_nav .bnr_new-grad .img{
 width: 48%;
}
.recruit .recruitment_nav .bnr_new-grad .img img{
 transition:0.15s ease-in-out;
}
.recruit .recruitment_nav .bnr_new-grad:hover .img img {
 filter: sepia(40%);
}
}
@media all and (min-width: 768px) and (-ms-high-contrast:none) {
.recruit .recruitment_nav .bnr_new-grad:hover .img img {
 opacity: 0.7;
}
}
@media screen and (max-width: 960px) {
.recruit .recruitment_nav .bnr_new-grad .text{
 font-size: 2.1rem;
}
.recruit .recruitment_nav .bnr_new-grad .text .large_txt{
 font-size: 3rem;
}
}
@media screen and (max-width: 767px) {
.recruit .recruitment_nav .bnr_new-grad::before{
 top: calc(50% - 90px);
 font-size: 14vw;
}
.recruit .recruitment_nav .bnr_new-grad .text{
 padding: 35px 0;
}
.recruit .recruitment_nav .bnr_new-grad .img{
 margin: 0 auto;
}
}
@media screen and (max-width: 480px) {
.recruit .recruitment_nav .bnr_new-grad{
 margin:0 auto 15px;
}
.recruit .recruitment_nav .bnr_new-grad::before{
 top: calc(50% - 50px);
 font-size: 13vw;
}
.recruit .recruitment_nav .bnr_new-grad .text{
 padding: 15px 0;
 font-size: 1.8rem;
}
.recruit .recruitment_nav .bnr_new-grad .text .large_txt{
 font-size: 2.5rem;
}
}
/*=== キャリア・パート =========================*/
.recruit .recruitment_nav .bnr_row{
 display: flex;
 justify-content: space-between;
}
.recruit .recruitment_nav .bnr_career,
.recruit .recruitment_nav .bnr_part{
 width: 48%;
 text-align: center;
 font-size: 1.8rem;
 font-weight: bold;
 line-height: 1.8;
 letter-spacing: 0.05em;
 padding: 35px 2.5%;
}
.recruit .recruitment_nav .bnr_career .large_txt,
.recruit .recruitment_nav .bnr_part .large_txt{
 font-size: 2.4rem;
}
.recruit .recruitment_nav .bnr_career i,
.recruit .recruitment_nav .bnr_part i{
 margin-left: 1em;
}
@media screen and (min-width: 768px) {

}
@media screen and (max-width: 960px) {
.recruit .recruitment_nav .bnr_career,
.recruit .recruitment_nav .bnr_part{
 padding: 25px 2.5%;
}
}
@media screen and (max-width: 480px) {
.recruit .recruitment_nav .bnr_career,
.recruit .recruitment_nav .bnr_part{
 padding: 15px 2.5%;
 font-size: 1.4rem;
}
.recruit .recruitment_nav .bnr_career .large_txt,
.recruit .recruitment_nav .bnr_part .large_txt{
 font-size: 2.1rem;	
}
}
@media screen and (max-width: 380px) {
.recruit .recruitment_nav .bnr_career,
.recruit .recruitment_nav .bnr_part{
 font-size: 1.1rem;
}
.recruit .recruitment_nav .bnr_career .large_txt,
.recruit .recruitment_nav .bnr_part .large_txt{
 font-size: 1.8rem;	
}
}
/*==========================================
採用ナビ【BOTTOM】
===========================================*/
.recruit .recruit_nav_bottom{
margin-top: 120px;
}
.recruit .recruit_nav_bottom .recruit_top_btn{
 background:#f4b90e;
 display: block;
 max-width: 320px;
 width: 100%;
 margin: 50px auto 0;
 padding: 20px 0;
 text-align: center;
 color: #fff;
 font-weight: bold;
 letter-spacing: 0.05em;
}
.recruit .recruit_nav_bottom .recruit_top_btn i{
 margin-left: 4em;
}
@media screen and (min-width: 768px) {
.recruit .recruit_nav_bottom .recruit_top_btn:hover{
 background: #333;
}	
}
@media screen and (max-width: 480px) {
.recruit .recruit_nav_bottom {
 margin-top: 80px;
}
}
/*==========================================
採用トップ
===========================================*/
/*=== 共通 =========================*/
.recruit .top .btn_more{
 border: 2px solid #f07813;
 background: #f07813;
 display: block;
 max-width: 225px;
 width: 100%;
 text-align: center;
 color: #fff;
 font-weight: bold;
 padding: 10px 2.5%;
 line-height:1.5;
}
.recruit .top .btn_more i{
 margin-left: 2em;
}
@media screen and (min-width: 768px) {
.recruit .top .btn_more:hover{
 background: #fff;
 color: #f07813;
}	
}
/*=== メインイメージ =========================*/
.recruit .top .mainimg{
 background: url(../../img/company/recruit/mainimg_top.jpg) no-repeat center top;
 max-width: 1700px;
 width: 100%;
 margin: 0 auto 75px;
 height: 710px;	
}
@media screen and (max-width: 1140px) {
.recruit .top .mainimg{
 height: auto;
 padding-top: 59%;
 background-size: cover;
}
}
@media screen and (max-width: 480px) {
.recruit .top .mainimg{
 margin: 0 auto 45px;
}
}
/*=== 採用バナー =========================*/
.recruit .top .recruit_contact{
 margin-bottom:25px;
}
@media screen and (max-width: 480px) {
.recruit .top .recruit_contact,
.recruit .top .recruit_contact .btn_tel{
 margin-bottom:15px;
}
}
/*=== コンテンツ一覧 =========================*/
.recruit .top .top_contents{
 margin-top: 75px;
}
.recruit .top .top_contents .box{
 letter-spacing: 0.05em;
}
.recruit .top .top_contents .box:not(:last-child){
 margin-bottom: 95px;
}
.recruit .top .top_contents .box .head{
 max-width: 570px;
 width: 100%;
}
.recruit .top .top_contents .box .body{
 line-height: 1.5;
}
.recruit .top .top_contents .box .box_ttl::after{
 content: "";
 max-width: 100px;
 width: 100%;
 height: 7px;
 background: #f07813;
 display: block;
 margin: 25px 0 45px;
}
.recruit .top .top_contents .box .box_ttl .en{
 font-family: 'Pacifico', cursive;
 font-size: 6rem;
 letter-spacing: 0;
}
.recruit .top .top_contents .box .box_ttl .ja{
 font-size: 1.8rem;
}
.recruit .top .top_contents .box .lead_txt{
 font-size:2.1rem;
 color: #333;
 font-weight: bold;
}
.recruit .top .top_contents .box .normal_txt{
margin: 25px auto 50px;
}
.recruit .top .top_contents .box .btn_more{
 margin: 0 0 0 auto;
}
@media screen and (min-width: 768px) {
.recruit .top .top_contents .box{
 display: flex;
 justify-content: space-between;
}
.recruit .top .top_contents .box02,
.recruit .top .top_contents .box04{
 flex-direction: row-reverse;
}
.recruit .top .top_contents .box .head{
 width: 50%;
}
.recruit .top .top_contents .box .body{
 width: 46%;
}
.recruit .top .top_contents .box01 .body,
.recruit .top .top_contents .box03 .body{
 padding-right: 25px;	
}
.recruit .top .top_contents .box02 .body,
.recruit .top .top_contents .box04 .body{
 padding-left: 25px;	
}
.recruit .top .top_contents .box .box_ttl .ja{
 margin: 0 0 0 15%;
}
}
@media screen and (min-width: 768px) and (max-width: 1140px) {
.recruit .top .top_contents .box .head{
 width: 40%;
}
.recruit .top .top_contents .box .body{
 width: 56%;
}
.recruit .top .top_contents .box .lead_txt br{
 display: none;
}
}
@media screen and (max-width: 767px) {
.recruit .top .top_contents .box:not(:last-child) {
 margin-bottom: 65px;
}
.recruit .top .top_contents .box .box_ttl::after{
 margin: 15px 0 35px;	
}
.recruit .top .top_contents .box .head{
 margin: 0 auto;	
}
.recruit .top .top_contents .box .body{
 padding: 0 2.5%;
 margin-top: -50px;
}
.recruit .top .top_contents .box .normal_txt {
 margin: 15px auto 25px;
}
}
@media screen and (max-width: 480px) {
.recruit .top .top_contents {
 margin-top: 45px;
}
.recruit .top .top_contents .box .body{
 padding: 0 4%;	
}
}
/*=== SNSバナー =========================*/
.recruit .top .sns_bnr{
 max-width: 850px;
 width: 100%;
 margin: 110px auto 0;
 display: flex;
 justify-content: space-between;
}
.recruit .top .sns_bnr a{
 border: 1px solid #cfcfcf;
 display: block;
 color: #333;
 width: 48%;
 font-size: 2.4rem;
 font-weight: bold;
 padding: 25px 15px;
}
.recruit .top .sns_bnr a .icon{
 max-width: 69px;
 width: 100%;
}
.recruit .top .sns_bnr a .text{
 line-height: 1.5;
}
.recruit .top .sns_bnr a.bnr_instagram .text{
 text-align: center;
}
.recruit .top .sns_bnr a.bnr_instagram .text .text-img{
 font-size: 0;
 display: block;
 margin: 0 auto;
}
@media screen and (min-width: 768px) {
.recruit .top .sns_bnr a{
 display: flex;
 justify-content: space-between;
 flex-direction: row-reverse;
 align-items: center;
 transition: border-color 0.15s ease-in-out;
}
.recruit .top .sns_bnr a:hover{
 border-color: #f47813;	
}
.recruit .top .sns_bnr a .icon{
 width:  20%;
 font-size: 0;
}
.recruit .top .sns_bnr a .text{
 width: 76%;
}
}
@media screen and (max-width: 960px) {
.recruit .top .sns_bnr a{
 font-size: 2.1rem;
}
}
@media screen and (max-width: 767px) {
.recruit .top .sns_bnr{
 margin: 70px auto 0;
}
.recruit .top .sns_bnr a{
 font-size: 1.8rem;
}
.recruit .top .sns_bnr a .icon{
 margin: 0 auto 25px;
}
.recruit .top .sns_bnr a .text{
 text-align: center;
}
.recruit .top .sns_bnr a.bnr_instagram .text .text-img{
 display: none;
}
}
@media screen and (max-width: 480px) {
.recruit .top .sns_bnr a{
 padding: 15px 2.5%;
}
.recruit .top .sns_bnr a .icon{
 max-width: 50px;
 margin: 0 auto 15px;
}
}
/*=== ブログ =========================*/
.recruit .top .pickup_blog{
 margin-top: 90px;
}
.recruit .top .pickup_blog_ttl{
 text-align: center;
 line-height: 2;
}
.recruit .top .pickup_blog_ttl::after{
 content: "";
 max-width: 100px;
 width: 100%;
 height: 7px;
 background: #f07813;
 display: block;
 margin: 10px auto 25px;
}
.recruit .top .pickup_blog_ttl .en{
 font-size: 6rem;
 font-family: 'Pacifico', cursive;
}
.recruit .top .pickup_blog_ttl .ja{
 font-size: 1.8rem;
 letter-spacing: 0.05em;
}
.recruit .top .pickup_blog .lead_txt{
 text-align: center;
 line-height: 1.5;
}
.recruit .top .pickup_blog .btn_more{
 margin: 0 auto;
}
/*=== 記事 ===*/
.recruit .top .pickup_blog .article_list{
 margin-top: 60px;
}
.recruit .top .pickup_blog .article_list .article{
 border: 1px solid #eaeaea;
 width: 100%;
 margin-bottom: 60px;
 position: relative;
}
.recruit .top .pickup_blog .article_list .article a{
 display: block;
}
.recruit .top .pickup_blog .article_list .article .new{
 position: absolute;
 top: -9px;
 left: 0;
 z-index: 1;
}
.recruit .top .pickup_blog .article_list .article .img{
 padding-top: 66.66%;
 background: #fffaf5;
}
.recruit .top .pickup_blog .article_list .article .img img{
 transition: 0.15s ease-in-out;	
}
.recruit .top .pickup_blog .article_list .article .body{
 padding: 20px;
 line-height: 1.5;
}
.recruit .top .pickup_blog .article_list .article .article_ttl{
 font-size: 1.8rem;
}
.recruit .top .pickup_blog .article_list .article .article_data{
 color:#464646;
 margin-top: 15px;
}
.recruit .top .pickup_blog .article_list .article .article_data i{
 margin-right: 0.3em;
}
.recruit .top .pickup_blog .article_list .article .body ul{
 display: flex;
 justify-content: flex-end;
 margin-top: 15px;
}
@media screen and (min-width: 768px) {
.recruit .top .pickup_blog .article_list{
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}
.recruit .top .pickup_blog .article_list::after{
 content:"";
 display: block;
 width: 32%;
}
.recruit .top .pickup_blog .article_list .article{
 transition: border-color 0.15s ease-in-out;
 width: 32%;
}
.recruit .top .pickup_blog .article_list .article:hover{
 border-color: #f47813;	
}
.recruit .top .pickup_blog .article_list .article .article_data{
 text-align: right;
}
.recruit .top .pickup_blog .article_list .article:hover .img img {
 filter: sepia(40%);
}
}
@media all and (min-width: 768px) and (-ms-high-contrast:none) {
.recruit .top .pickup_blog .article_list .article:hover .img img {
 opacity: 0.7;
}
}
@media screen and (max-width: 960px) {
.recruit .top .pickup_blog .article_list .article .body{
 padding: 20px 4%;
}
.recruit .top .pickup_blog .article_list .article .article_data{
 font-size: 1.4rem;
}
}
@media screen and (max-width: 480px) {
.recruit .top .pickup_blog {
 margin-top: 40px;
}
.recruit .top .pickup_blog .article_list .article{
 margin-bottom: 25px;
}
.recruit .top .pickup_blog .article_list .article .new{
 width: 39px;
 top: -5px;
}
.recruit .top .pickup_blog .article_list .article .article_ttl{
 font-size: 1.6rem;
}
.recruit .top .pickup_blog .article_list .article .article_data{
 font-size: 1.2rem;
 margin-top: 5px;
}
.recruit .top .pickup_blog .article_list .article .body ul{
 margin-top: 5px;
}
}
.recruit .top .pickup_blog .article_list .article .cat{
 display: inline-block;
 padding: 7px 15px;
 box-shadow: 1px 1px rgba(0,0,0,0.13);
 line-height: 1;
}
.recruit .top .pickup_blog .article_list .article .cat{
 background: #f1f1f1;
}
@media all and (-ms-high-contrast:none) {
.recruit .top .pickup_blog .article_list .article .cat{
 padding: 9px 15px 5px;	
}
}
@media screen and (max-width: 480px) {
.recruit .top .pickup_blog .article_list .article .cat{
 font-size: 1.4rem;
}
}
/*==========================================
代表からのあいさつ
===========================================*/
.recruit .president .greeting{
 letter-spacing: 0.05em;
 line-height: 1.8;
}
.recruit .president .greeting .greeting_box:not(:last-child){
 margin-bottom: 88px;
}
.recruit .president .greeting .greeting_box .box_ttl{
 font-size: 2.4rem;
 font-weight: bold;
 color: #333;
}
.recruit .president .greeting .greeting_box .text .body{
 margin-top: 40px;
}
.recruit .president .greeting .greeting_box .text .body p:not(:last-child){
 margin-bottom: 30px; 
}
.recruit .president .greeting .greeting_box.gb1{
 background: url(../../img/company/recruit/bg_president01.png) no-repeat;
 background-position: calc(50% - 145px) bottom;
}
.recruit .president .greeting .greeting_box.gb1 .text{
 margin-top: 50px;
}
.recruit .president .greeting .greeting_box.gb1 .img .president_name br{
 display: none;
}
.recruit .president .greeting .greeting_box.gb1 .img .president_name .name_img{
 display: block;
}
.recruit .president .greeting .greeting_box.gb1 .img{
 max-width: 380px;
 width: 100%;
}
.recruit .president .greeting .greeting_box.gb2 .img,
.recruit .president .greeting .greeting_box.gb3 .img{
 max-width: 440px;
 width: 100%;
}
.recruit .president .greeting .greeting_box.gb2{
 background: url(../../img/company/recruit/bg_president02.png) no-repeat;
 background-position: calc(50% - 230px) bottom;
}
.recruit .president .greeting .greeting_box.gb3{
 background: url(../../img/company/recruit/bg_president03.png) no-repeat;
 background-position: calc(50% - 40px) top;
}
@media screen and (min-width: 768px) {
.recruit .president .greeting .greeting_box{
 display: flex;
 justify-content: space-between;
}
.recruit .president .greeting .greeting_box.gb1 .img{
 width: 30%;
}
.recruit .president .greeting .greeting_box.gb1 .text{
 width: 65%;
 padding-bottom: 35px;
}
.recruit .president .greeting .greeting_box.gb2 .text,
.recruit .president .greeting .greeting_box.gb3 .text{
 margin-top: 50px;
}
.recruit .president .greeting .greeting_box.gb2 .img,
.recruit .president .greeting .greeting_box.gb3 .img{
 width: 40%;
}
.recruit .president .greeting .greeting_box.gb2 .text,
.recruit .president .greeting .greeting_box.gb3 .text{
 width: 55%;
}
.recruit .president .greeting .greeting_box.gb2 .text{
 padding-bottom: 35px;		
}
.recruit .president .greeting .greeting_box.gb3{
 flex-direction :row-reverse;
}
}
@media screen and (max-width: 960px) {
.recruit .president .greeting .greeting_box.gb1 .img .president_name{
 font-size: 1.4rem;	
}
.recruit .president .greeting .greeting_box.gb1 .img .president_name br{
 display: block;
}
}
@media screen and (max-width: 767px) {
.recruit .president .greeting{
 padding: 0;	
}
.recruit .president .greeting .greeting_box{
 padding: 0 2.5%;	
}
.recruit .president .greeting .greeting_box:not(:last-child) {
 margin-bottom: 60px;
}
.recruit .president .greeting .greeting_box .text .body {
 margin-top: 30px;
}
.recruit .president .greeting .greeting_box.gb1{
 background-position: calc(50% - 55px) calc(50% + 120px);
}
.recruit .president .greeting .greeting_box.gb1 .img{
 margin: 0 auto;
 text-align: center;
}
.recruit .president .greeting .greeting_box.gb1 .img .president_img{
 max-width: 300px;
 width: 100%;
 margin: 0 auto;
}
.recruit .president .greeting .greeting_box.gb1 .img .president_name br{
 display: none;
}
.recruit .president .greeting .greeting_box.gb2 .img,
.recruit .president .greeting .greeting_box.gb3 .img{
 margin: 25px auto 0;	
}
.recruit .president .greeting .greeting_box.gb2{
 background-position: calc(50% - 50px) top;
}
}
@media screen and (max-width: 480px) {
.recruit .president .greeting .greeting_box{
 padding: 0 4%;	
}
.recruit .president .greeting .greeting_box.gb1 .text {
 margin-top: 30px;
}
.recruit .president .greeting .greeting_box .box_ttl{
 font-size: 2.1rem;
}
.recruit .president .greeting .greeting_box.gb1{
 background-position: calc(50% - 55px) calc(50% - 120px);
}
.recruit .president .greeting .greeting_box.gb1 .img .president_img{
 max-width: 150px;
}
}
/*=== おばあちゃんとクレヨン =========================*/
.recruit .president .crayon{
 background: #fffdf6;
 padding: 80px 0;
 text-align: center;
 letter-spacing: 0.05em;
 margin-top: 80px;
}
.recruit .president .crayon .crayon_ttl{
 font-family: "Hannari";
 color: #005c3f;
 font-size: 3.6rem;
 background: url(../../img/company/recruit/line_crayon01.png) no-repeat bottom center;
 padding: 0 0 14px;
 position: relative;
 max-width: 438px;
 width: 100%;
 margin: 0 auto 50px;
}
.recruit .president .crayon .crayon_ttl .icon_crayon{
 position: absolute;
 right: -50px;
 bottom: 0;
}
.recruit .president .crayon .lead_txt{
 font-size: 2.1rem;
 font-weight: bold;
 margin-bottom: 40px;
 color: #333;
 line-height: 1.8;
}
.recruit .president .crayon .normal_txt{
 line-height: 1.8;
 margin-bottom: 30px;
}
.recruit .president .crayon .youtube{
 max-width: 810px;
 width: 100%;
 margin: 0 auto;
 position: relative;
 overflow: hidden;
 padding-top: 56.25%;
}
.recruit .president .crayon .youtube iframe{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
.recruit .president .crayon .crayon_btn{
 display: block;
 border: 4px solid #ff9933;
 font-weight: bold;
 color: #ff9933;
 text-align: center;
 max-width: 330px;
 width: 100%;
 margin: 40px auto 0;
 padding: 20px 2.5%;
}
.recruit .president .crayon .crayon_btn i{
 margin-left: 1em;
}
@media screen and (min-width: 768px) {
.recruit .president .crayon .crayon_btn:hover{
 background: #ff9933;
 color: #fff;
}
}
@media screen and (min-width: 961px) {
.recruit .president .crayon .youtube{
 padding-top: 0;
 min-height: 460px;
}
}
@media screen and (max-width: 960px) {
.recruit .president .crayon .lead_txt{
 font-size: 1.8rem;
}
}
@media screen and (max-width: 767px) {
.recruit .president .crayon .crayon_ttl{
 font-size: 2.8rem;
}
.recruit .president .crayon .crayon_ttl .icon_crayon {
 right: 0;
 bottom: 10px;
}
.recruit .president .crayon .lead_txt,
.recruit .president .crayon .normal_txt{
 text-align: left;
}
}
@media screen and (max-width: 480px) {
.recruit .president .crayon{
 margin-top: 60px;
 padding: 60px 0;
}
.recruit .president .crayon .crayon_ttl{
 background-size: contain;
 text-align: left;
 margin: 0 auto 30px;
}
.recruit .president .crayon .lead_txt{
 margin-bottom: 30px;
}
}
/*=== エントリエ =========================*/
.recruit .president .entrie_link{
 margin-top: 80px;
 text-align: center;
}
@media screen and (min-width: 768px) {
.recruit .president .entrie_link a:hover{
 opacity: 0.5;
}
}
@media screen and (max-width: 480px) {
.recruit .president .entrie_link{
 margin-top: 60px;
}
}
/*==========================================
リフォームの仕事を知る
===========================================*/
.recruit .work .lead{
 background: #fffdf6;
 padding: 55px 0;
 text-align: center;
 margin-bottom: 60px;
}
.recruit .work .lead .large_txt{
 font-weight: bold;
 font-size: 2.1rem;
 line-height: 2;
 letter-spacing: 0.05em;
 margin: 0 auto 25px;
 color: #333;
}
.recruit .work .lead .large_txt .wave{
 font-size: 2.6rem;
 background: url(../../img/company/recruit/line_wave.png) bottom repeat-x;
 padding-bottom: 10px;
}
.recruit .work .lead .normal_txt{
 line-height: 2;
}
/* 流れ */
.recruit .work .flow .lead_txt{
 font-size: 2.4rem;
 font-weight: bold;
 letter-spacing: 0.05em;
 text-align: center;
 color: #333;
 margin-bottom: 90px;
}
.recruit .work .flow .flow_box .number{
 color: #fff;
 background: #f39800;
 font-size: 2.4rem;
 border-radius: 5px;
 width: 34px;
 height: 34px;
 text-align: center;
 line-height: 34px;
}
.recruit .work .flow .flow_box .flow_ttl{
 font-size: 2.4rem;
 font-weight: bold;
 letter-spacing: 0.05em;
 margin:  25px 0;
 line-height: 1.5;
}
.recruit .work .flow .flow_box .text .body{
 line-height: 1.8;	
}
.recruit .work .flow .flow_box .img{
 max-width: 434px;
 width: 100%;
}
.recruit .work .flow .flow_box.box1{
 background: url(../../img/company/recruit/bg_work01.png) no-repeat;
 background-position: calc(50% + 100px) calc(50% - 25px);
}
.recruit .work .flow .flow_box.box2{
 background: url(../../img/company/recruit/bg_work02.png) no-repeat;
 background-position: left 220px bottom;
}
.recruit .work .flow .flow_box.box3{
 background: url(../../img/company/recruit/bg_work03.png) no-repeat;
 background-position: left 90px center;
}
.recruit .work .flow .flow_box.box4{
 background: url(../../img/company/recruit/bg_work04.png) no-repeat;
 background-position: right 40px top 40px;
}
.recruit .work .flow .flow_box.box5{
 background: url(../../img/company/recruit/bg_work05.png) no-repeat;
 background-position: right 230px bottom;
}
.recruit .work .flow .flow_box.box6{
 background: url(../../img/company/recruit/bg_work06.png) no-repeat;
 background-position: calc(50% - 200px) center;
}
@media screen and (min-width: 961px) {
.recruit .work .flow .flow_wrap{
 position: relative;
}
.recruit .work .flow .flow_wrap .flow_line,
.recruit .work .flow .flow_wrap .flow_illust{
 position: absolute;
}
.recruit .work .flow .flow_wrap #fl01{
 top: 12%;
 left: 16%
}
.recruit .work .flow .flow_wrap #fl02{
 top: 29.6%;
 right: 23%
}
.recruit .work .flow .flow_wrap #fl03{
 top: 47%;
 right: 23%
}
.recruit .work .flow .flow_wrap #fl04{
 top: 63.5%;
 left: 24%
}
.recruit .work .flow .flow_wrap #fl05{
 top: 81%;
 left: 32%
}
.recruit .work .flow .flow_wrap #fi01{
 top:7%;
 right: 2.5%;
}
.recruit .work .flow .flow_wrap #fi02{
 bottom:36%;
 left: 2.5%;
}
.recruit .work .flow .flow_box.box1{
 margin-bottom: 50px;
}
.recruit .work .flow .flow_box.box2{
 margin-bottom: 20px;
}
.recruit .work .flow .flow_box.box3{
 margin-bottom: 75px;
}
.recruit .work .flow .flow_box.box4{
 margin-bottom: -55px;
}
.recruit .work .flow .flow_box.box5{
 margin-bottom: 55px;
}
.recruit .work .flow .flow_box.box1 .box_inner,
.recruit .work .flow .flow_box.box4 .box_inner,
.recruit .work .flow .flow_box.box5 .box_inner{
 flex-direction: row-reverse;
}
.recruit .work .flow .flow_box.box1 .box_inner{
 max-width: 750px;
 width: 70%;
}
.recruit .work .flow .flow_box.box1 .text{
 width: 35%;
}
.recruit .work .flow .flow_box.box1 .img{
 width: 60%;
}
.recruit .work .flow .flow_box.box2{
 min-height: 365px;
}
.recruit .work .flow .flow_box.box2 .box_inner{
 max-width: 760px;
 width: 70%;
 margin: 0 auto 0 25px;
}
.recruit .work .flow .flow_box.box2 .text{
 width: 35%;
}
.recruit .work .flow .flow_box.box2 .img{
 width: 60%;
}
.recruit .work .flow .flow_box.box3 .box_inner{
 max-width: 900px;
 width: 80%;
 margin:0 0 0 auto;
}
.recruit .work .flow .flow_box.box3 .text{
 width: 47%;
}
.recruit .work .flow .flow_box.box3 .img{
 width: 47%;
}
.recruit .work .flow .flow_box.box4 .box_inner{
 max-width: 760px;
 width: 70%;
 margin:0 25px 0 auto;
}
.recruit .work .flow .flow_box.box4 .text{
 width: 35%;
}
.recruit .work .flow .flow_box.box4 .img{
 width: 60%;
}
.recruit .work .flow .flow_box.box5 .box_inner{
 max-width: 840px;
 width: 80%;
 margin:0 auto 0 0;
}
.recruit .work .flow .flow_box.box5 .text{
 width: 47%;
}
.recruit .work .flow .flow_box.box5 .img{
 width: 47%;
}
.recruit .work .flow .flow_box.box6 .box_inner{
 max-width: 1000px;
 width: 100%;
}
.recruit .work .flow .flow_box.box6 .text{
 width: 60%;
}
.recruit .work .flow .flow_box.box6 .img{
 width: 35%;
}
}
@media screen and (min-width: 768px) {
.recruit .work .flow .flow_box .box_inner{
 display: flex;
 justify-content: space-between;
}
}
@media screen and (min-width: 768px) and (max-width: 960px) {
.recruit .work .flow .flow_box .text{
 width:60%;
}
.recruit .work .flow .flow_box .img{
 width:35%;
}
}
@media screen and (max-width: 1200px) {
.recruit .work .lead .normal_txt .sp_none{
 display: none;
}
.recruit .work .flow .flow_wrap .flow_line{
 display: none;
}
.recruit .work .flow .flow_box .box_inner{
 padding: 0 2.5%;
}
}
@media screen and (max-width: 960px) {
.recruit .work .flow .flow_wrap .flow_illust{
 display: none;
}
.recruit .work .flow .flow_box:not(:last-child){
 margin-bottom: 50px;
}
.recruit .work .flow .flow_box .img{
 margin: 25px auto 0;
}
}
@media screen and (max-width: 767px) {
.recruit .work .lead .large_txt .wave{
 font-size: 2.3rem;
}
.recruit .work .lead .large_txt{
 font-size: 1.8rem;
}
.recruit .work .lead .normal_txt{
 text-align: left;
}
.recruit .work .lead .normal_txt p:not(:last-child){
 margin-bottom: 20px;
}
}
@media screen and (max-width: 480px) {
.recruit .work .lead .normal_txt{
 line-height: 1.8;
}
/*流れ*/
.recruit .work .flow .lead_txt{
 padding: 0 2.5%;
 font-size: 2.1rem;
 line-height: 1.5;
 margin-bottom: 60px;
}
.recruit .work .flow .flow_box .box_inner{
 padding: 0 4%;
}
.recruit .work .flow .flow_box .flow_ttl{
 font-size: 2.1rem;
 margin: 15px 0;
}
}

/*=== 新卒採用 =========================*/
.work_newgraduate {
    padding: 55px 0;
    text-align: center;
    margin-bottom: 60px;
}
.work_newgraduate_txt18 {
  font-weight: 500;
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  color: #333;
  margin-bottom: 60px;
}

.work_newgraduate_txt28 {
  font-weight: 500;
  font-size: 2.8rem;
  line-height: 2;
  letter-spacing: 0.05em;
  margin: 0 auto 40px;
  color: #333;
}
.work_newgraduate_wave {
  background: url(../../img/company/recruit/line_wave.png) bottom repeat-x;
  padding-bottom: 10px;
}
.work_newgraduate_flex {
  display: flex;
  justify-content: space-around;
}
.work_newgraduate_item {
  flex-basis: 45%;
  border: solid 1px #cfcfcf;
  padding: 80px 3%;
}
.work_newgraduate_item_txt01 {
  font-weight: bold;
  font-size: 2.4rem;
  letter-spacing: 0.05em;
  line-height: 2;
  margin: 0 auto 40px;
  color: #333;
}
.work_newgraduate_item_orange {
  color: #ff9933;
  background: linear-gradient(transparent 50%, #fcf3e8 50%);
}
.work_newgraduate_item_blue {
  color: #00aaea;
  background: linear-gradient(transparent 50%, #e5f3fa 50%);
}
.work_newgraduate_item_txt02 {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.05em;
  margin: 0 auto 70px;
  color: #333;
}
.work_newgraduate_item_btn {
  font-weight: bold;
  font-size: 2.1rem;
  letter-spacing: 0.05em;
}
.work_newgraduate_item_btn a{
  color: #fff;
  background: #ff9933;
  width: 100%;
  max-width: 362px;
  margin: 0 auto;
  padding: 20px 0;
  display: block;
}
.work_newgraduate_item_btn a:hover{
  opacity: 0.7;
}
.work_newgraduate_btns {
  margin-right: 1rem;
}
.work_newgraduate_item_bnr {
  margin-top: -30px;
}
.work_newgraduate_item_bnr a:hover{
  opacity: 0.7;
}
.work_newgraduate_bottom_bg {
  background: #fffdf6;
  margin: 80px 0 0 0;
  padding: 60px 0;
}
.work_newgraduate_bottom_txt01 {
  font-weight: 500;
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  line-height: 1.6;
  margin: 0 auto 60px;
  color: #333;
}
.work_newgraduate_bottom_txt02 {
  font-weight: bold;
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  line-height: 1.6;
  margin: 0 auto 20px;
  color: #333;
}
.work_newgraduate_bottom_txt03 {
  font-weight: 500;
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  line-height: 1.6;
  color: #333;
}
.work_newgraduate_bottom_txt01 .br,.work_newgraduate_bottom_txt02 .br {
  display: inline-block;
}
@media screen and (max-width:767px) {
  .work_newgraduate {
    padding: 0;
  }
  .work_newgraduate_flex {
    display: inline-block;
  }
  .work_newgraduate_item {
    margin: 20px auto;
    padding: 40px 3%;
  }
  .work_newgraduate_item_txt01 {
    font-size: 1.8rem;
  }
  .work_newgraduate_txt18 {
    margin-bottom: 30px;
  }
  .work_newgraduate_txt28 {
    font-size: 1.6rem;
    margin: 0 auto 20px;
  }
  .work_newgraduate_bottom_bg {
    margin: 0;
    padding: 40px 3%;
  }
}
/*==========================================
　福利厚生
===========================================*/
.benefits .benefits_box .icon{
 margin: 0 auto 20px;
 width:90px;
 height: 90px;
 font-size: 0;
 position: relative;
 z-index: 1;
}
.benefits .benefits_box .benefits_ttl{
 font-size: 2.4rem;
 font-weight: bold;
 text-align: center;
 margin-bottom: 50px;
 position: relative;
 z-index: 1;
}
.benefits .benefits_box:not(:last-child){
 margin-bottom: 110px;
}
.benefits .benefits_box .benefits_list.bg_blue .item{
 background: url(../../img/company/recruit/bg_st_blue.png);
}
.benefits .benefits_box .benefits_list.bg_orange .item{
 background: url(../../img/company/recruit/bg_st_orange.png);
}
.benefits .benefits_box .benefits_list .img{
 font-size: 0;
}
.benefits .benefits_box .benefits_list .item{
 padding: 30px 25px;
 letter-spacing: 0.05em;
}
.benefits .benefits_box .benefits_list .item .item_ttl{
 font-weight: bold;
 line-height: 1.5;
}
.benefits .benefits_box .benefits_list .item .item_ttl i{
 color: #ff9933;
}
.benefits .benefits_box .benefits_list .item p{
 line-height: 1.8;
 margin-top: 25px;
}
.benefits .benefits_box .benefits_list .list_block:not(:last-child){
 margin-bottom: 50px;
}
.benefits .benefits_box .benefits_list .row_2,
.benefits .benefits_box .benefits_list .row_2_p1,
.benefits .benefits_box .benefits_list .row_3{
 display: flex;
 justify-content: space-between;
}
.benefits .benefits_box .benefits_list .row_3{
 flex-wrap: wrap;
}
.benefits .benefits_box .benefits_list .row_2 .item,
.benefits .benefits_box .benefits_list .row_2 .img{
 width: 48%;
 min-height: 180px;
}
.benefits .benefits_box.box5 .benefits_list .row_2 .item{
 min-height: inherit;
}
.benefits .benefits_box .benefits_list .row_3 .item,
.benefits .benefits_box .benefits_list .row_3 .img{
 width: 30.5%;
}
.benefits .benefits_box .benefits_list .row_3 .img{
 padding: 0;
}
@media screen and (min-width:768px) {
.benefits .benefits_box .benefits_list .row_2 .item,
.benefits .benefits_box .benefits_list .row_2 .img{
 width: 48%;
 min-height: 180px;
}
.benefits .benefits_box .benefits_list .row_3 .item,
.benefits .benefits_box .benefits_list .row_3 .img{
 min-height:180px;
}
.benefits .benefits_box .benefits_list .row_3 .item{
 margin-top: 50px;
}
.benefits .benefits_box .benefits_list .row_3::after{
 content:"";
 display: block;
 width: 30.5%;
}
.benefits .benefits_box .benefits_list .row_3 .item:nth-of-type(1),
.benefits .benefits_box .benefits_list .row_3 .item:nth-of-type(2),
.benefits .benefits_box .benefits_list .row_3 .item:nth-of-type(3){
 margin-top: 0;
}
.benefits .benefits_box .benefits_list .row_2_p1 .item{
 width: 55%;
 min-height: 195px;
}
.benefits .benefits_box .benefits_list .row_2_p1 .img{
 width: 41%;
}
.benefits .benefits_box.box2 .benefits_list .row_3::after,
.benefits .benefits_box.box4 .benefits_list .row_3::after{
 display: none;
}
.benefits .benefits_box.box2 .benefits_list .row_3 .item:nth-of-type(3),
.benefits .benefits_box.box4 .benefits_list .row_3 .item:nth-of-type(3){
 order:1;
}
.benefits .benefits_box.box2 .benefits_list .row_3 .item:nth-of-type(1),
.benefits .benefits_box.box4 .benefits_list .row_3 .item:nth-of-type(1){
 order:2;
}
.benefits .benefits_box.box2 .benefits_list .row_3 .item:nth-of-type(2),
.benefits .benefits_box.box4 .benefits_list .row_3 .item:nth-of-type(2){
 order:3;
}
}
@media screen and (max-width:767px) {
.benefits .benefits_box .icon{
 width: 80px;
 height: 80px;
}
.benefits .benefits_box .benefits_ttl{
 font-size: 2.1rem;	
}
.benefits .benefits_box .benefits_list .list_block:not(:last-child){
 margin-bottom: 30px;
}
.benefits .benefits_box .benefits_list .item{
 padding: 25px 2.5%;
}
.benefits .benefits_box .benefits_list .row_2.row_img .item,
.benefits .benefits_box .benefits_list .row_2.row_img .img{
 width: 100%;
}
.benefits .benefits_box .benefits_list .row_2.row_img,
.benefits .benefits_box .benefits_list .row_2_p1.row_img{
 display: block;
}
.benefits .benefits_box .benefits_list .row_2.row_img .img,
.benefits .benefits_box .benefits_list .row_2_p1.row_img .img{
 margin-top: 30px;
}
.benefits .benefits_box .benefits_list .row_3 .item,
.benefits .benefits_box .benefits_list .row_3 .img{
 width: 48%;
}
.benefits .benefits_box .benefits_list .row_3 .item{
 margin-top: 30px;
}
.benefits .benefits_box .benefits_list .row_3 .item:nth-of-type(1),
.benefits .benefits_box .benefits_list .row_3 .item:nth-of-type(2){
 margin-top: 0;
}
.benefits .benefits_box.box2 .benefits_list .row_3 .img,
.benefits .benefits_box.box4 .benefits_list .row_3 .img,
.benefits .benefits_box.box7 .benefits_list .row_3 .img{
 width: 100%;
}
}
@media screen and (max-width:480px) {
.benefits .benefits_box:not(:last-child){
 margin-bottom: 80px;
}
.benefits .benefits_box .icon{
 width: 60px;
 height: 60px;
 margin: 0 auto 10px;
}
.benefits .benefits_box .benefits_ttl{
 font-size: 1.8rem;	
}
.benefits .benefits_box .benefits_list .list_block:not(:last-child){
 margin-bottom: 15px;
}
.benefits .benefits_box .benefits_list .row_2.row_img .img,
.benefits .benefits_box .benefits_list .row_2_p1.row_img .img{
 margin-top: 15px;
}
.benefits .benefits_box .benefits_list .row_3 .item{
 margin-top: 15px;
}
.benefits .benefits_box .benefits_list .item .item_ttl{
 font-size: 1.4rem;
 min-height: 2.8em;
}
.benefits .benefits_box.box5 .benefits_list .row_2 .item .item_ttl,
.benefits .benefits_box.box6 .benefits_list .row_1 .item .item_ttl{
 min-height: inherit;
}
.benefits .benefits_box .benefits_list .item p{
 font-size: 1.4rem;
 margin-top: 10px;
}
}
/*=== 画像 ========================*/
.benefits .benefits_box.box1 .benefits_list .row_2 .img.img_training{
 background: url(../../img/company/recruit/img_benefits01.jpg) no-repeat top center;
 background-size: cover;
}
.benefits .benefits_box.box2 .benefits_list .row_3 .img.img_award{
 background: url(../../img/company/recruit/img_benefits06.jpg) no-repeat top center;
 background-size: cover;
}
.benefits .benefits_box.box3 .benefits_list .row_3 .img.img_parenting{
 background: url(../../img/company/recruit/img_benefits02.jpg) no-repeat top center;
 background-size: cover;
}
.benefits .benefits_box.box4 .benefits_list .row_3 .img.img_carework{
 background: url(../../img/company/recruit/img_benefits03.jpg) no-repeat top right;
 background-size: cover;
}
.benefits .benefits_box.box7 .benefits_list .row_3 .img.img_support{
 background: url(../../img/company/recruit/img_benefits05.jpg) no-repeat top center;
 background-size: cover;
}
.benefits .benefits_box.box9 .benefits_list .row_2_p1 .img.img_other{
 background: url(../../img/company/recruit/img_benefits04.jpg) no-repeat top center;
 background-size: cover;
}
@media screen and (min-width:768px) {
.benefits .benefits_box.box1 .benefits_list .row_2 .img.img_training,
.benefits .benefits_box.box9 .benefits_list .row_2_p1 .img.img_other{
 min-height: 220px;
}
}
@media screen and (max-width:767px) {
.benefits .benefits_box.box1 .benefits_list .row_2 .img.img_training,
.benefits .benefits_box.box9 .benefits_list .row_2_p1 .img.img_other,
.benefits .benefits_box.box4 .benefits_list .row_3 .img.img_carework,
.benefits .benefits_box.box7 .benefits_list .row_3 .img.img_support,
.benefits .benefits_box.box2 .benefits_list .row_3 .img.img_award{
 padding-top: 42.25%;
}
.benefits .benefits_box.box2 .benefits_list .row_3 .img.img_award{
 background-position: bottom center;
}
}
@media screen and (max-width:480px) {
.benefits .benefits_box.box3 .benefits_list .row_3 .img.img_parenting{
 background-position:top right 20%;
}
}
/*=== 英文字背景 ========================*/
.benefits .benefits_box .benefits_list{
 position: relative;
 z-index: 0;
}
.benefits .benefits_box .benefits_list::before{
 position: absolute;
 font-family: 'Pacifico', cursive;
 font-size: 10.1rem;
 color: #f1f1f1;
 z-index: -1;
}
/*教育研修*/
.benefits .benefits_box.box1 .benefits_list::before{
 content: "Training";
 right: 25px;
 top: -120px;
}
/*表彰*/
.benefits .benefits_box.box2 .benefits_list::before{
 content: "Award";
 left: 25px;
 top: -90px;
}
/*女性・育児支援*/
.benefits .benefits_box.box3 .benefits_list::before{
 content: "Parenting";
 right: 25px;
 top: -120px;
}
/*介護*/
.benefits .benefits_box.box4 .benefits_list::before{
 content: "Care work";
 left: 25px;
 top: -90px;
}
/*休暇*/
.benefits .benefits_box.box5 .benefits_list::before{
 content: "Vacation";
 right: 25px;
 top: -90px;
}
/*待遇*/
.benefits .benefits_box.box6 .benefits_list::before{
 content: "Treatment";
 left: 25px;
 top: -90px;
}
/*補助制度*/
.benefits .benefits_box.box7 .benefits_list::before{
 content: "Support";
 right: 25px;
 top: -110px;
}
/*健康*/
.benefits .benefits_box.box8 .benefits_list::before{
 content: "Health";
 left: 25px;
 top: -90px;
}
/*その他*/
.benefits .benefits_box.box9 .benefits_list::before{
 content: "Other";
 right: 25px;
 top: -90px;
}
@media screen and (max-width:767px) {
.benefits .benefits_box .benefits_list::before{
 font-size: 8rem;
}
/*教育研修*/
.benefits .benefits_box.box1 .benefits_list::before{
 right: 2.5%;
 top: -90px;
}
/*表彰*/
.benefits .benefits_box.box2 .benefits_list::before{
 left: 2.5%;
 top: -80px;
}
/*女性・育児支援*/
.benefits .benefits_box.box3 .benefits_list::before{
 right: 2.5%;
 top: -90px;
}
/*介護*/
.benefits .benefits_box.box4 .benefits_list::before{
 left: 2.5%;
 top: -80px;
}
/*休暇*/
.benefits .benefits_box.box5 .benefits_list::before{
 right: 2.5%;
 top: -80px;
}
/*待遇*/
.benefits .benefits_box.box6 .benefits_list::before{
 left: 2.5%;
 top: -80px;
}
/*補助制度*/
.benefits .benefits_box.box7 .benefits_list::before{
 right: 2.5%;
 top: -80px;
}
/*健康*/
.benefits .benefits_box.box8 .benefits_list::before{
 left: 2.5%;
 top: -80px;
}
/*その他*/
.benefits .benefits_box.box9 .benefits_list::before{
 right: 2.5%;
 top: -80px;
}
}
@media screen and (max-width:480px) {
.benefits .benefits_box .benefits_list::before{
 font-size: 6rem;
}
/*教育研修*/
.benefits .benefits_box.box1 .benefits_list::before{
 right: 4%;
 top: -70px;
}
/*表彰*/
.benefits .benefits_box.box2 .benefits_list::before{
 left: 4%;
 top: -60px;
}
/*女性・育児支援*/
.benefits .benefits_box.box3 .benefits_list::before{
 right: 4%;
 top: -70px;
}
/*介護*/
.benefits .benefits_box.box4 .benefits_list::before{
 left: 4%;
 top: -60px;
}
/*休暇*/
.benefits .benefits_box.box5 .benefits_list::before{
 right: 4%;
 top: -60px;
}
/*待遇*/
.benefits .benefits_box.box6 .benefits_list::before{
 left: 4%;
 top: -60px;
}
/*補助制度*/
.benefits .benefits_box.box7 .benefits_list::before{
 right: 4%;
 top: -60px;
}
/*健康*/
.benefits .benefits_box.box8 .benefits_list::before{
 left: 4%;
 top: -60px;
}
/*その他*/
.benefits .benefits_box.box9 .benefits_list::before{
 right: 4%;
 top: -60px;
}
}
/*==========================================
新卒採用に向けて
===========================================*/
/*=== メイン画像 ========================*/
.recruit .newgraduate .mainimg{
 max-width: 1090px;
 width: 100%;
 margin: 0 auto;
 font-size: 0;
}
@media screen and (max-width:767px){
.recruit .newgraduate .mainimg .sp_none{
 display: none;
}
.recruit .newgraduate .mainimg .pc_none{
 display: block;
}
}
.recruit .newgraduate .top_mynavi-bnr{
 text-align:center;
 margin-top:40px;
 font-size:0;
}
@media screen and (max-width:767px){
.recruit .newgraduate .top_mynavi-bnr{
 margin-top:20px;
}
}
/*=== リード ========================*/
.recruit .newgraduate .lead_block{
 margin-top: 40px;
}
.recruit .newgraduate .lead_block .lead_txt_wrap{
 background: linear-gradient(-75deg, #feffde , #ffebc6 60% );
 padding: 50px 0 234px;
}
.recruit .newgraduate .lead_block .lead_txt{
 text-align: center;
 font-size: 2.1rem;
 line-height: 2;
}
.recruit .newgraduate .lead_block .lead_img{
 max-width: 1090px;
 width: 100%;
 margin: -190px auto 0;
}
@media screen and (min-width:768px) and (max-width:1140px){
.recruit .newgraduate .lead_block .lead_txt_wrap{
 padding: 50px 0 100px;	
}
.recruit .newgraduate .lead_block .lead_img{
 margin: -50px auto 0;		
}
}
@media screen and (max-width:767px){
.recruit .newgraduate .lead_block{
 margin-top: 20px;
}
.recruit .newgraduate .lead_block .lead_txt{
 text-align: left;
}
.recruit .newgraduate .lead_block .lead_txt br{
 display: none;
}
.recruit .newgraduate .lead_block .lead_img .sp_none{
 display: none;
}
.recruit .newgraduate .lead_block .lead_img .pc_none{
 display: block;
}
}
@media screen and (max-width:480px){
.recruit .newgraduate .lead_block .lead_txt{
 font-size: 1.8rem;
}
}
/*=== 人事部よりメッセージ ========================*/
.recruit .newgraduate .message{
 margin-top: 110px;
}
.recruit .newgraduate .message .message_ttl{
 font-size: 2.4rem;
 text-align: center;
 line-height: 1.5;
 max-width: 520px;
 width: 100%;
 margin: 0 auto 60px;
 background: url(../../img/company/recruit/balloon_left.png) no-repeat left bottom,
	 url(../../img/company/recruit/balloon_right.png) no-repeat right bottom;
 padding: 0 35px;
 color: #333;
}
.recruit .newgraduate .message .message_ttl .large_txt{
 font-size: 3.6rem;
 font-weight: bold;
 letter-spacing:0.1em;
}








/*=======本アップ時削除検討css　ここから==========*/
.recruit .newgraduate .message .message_list{
 background: url(../../img/company/recruit/bg_newgrad.png) no-repeat;
 background-position: calc(50% + 50px) calc(50% - 70px);
}
.recruit .newgraduate .message .message_list .box .text{
 padding: 50px 25px 80px;
 line-height: 1.5;
}
.recruit .newgraduate .message .message_list .box .box_ttl{
 font-size: 2.4rem;
 font-weight: bold;
 color: #333;
 margin-bottom: 30px;
}
.recruit .newgraduate .message .message_list .box .box_ttl .line_wave{
 background: url(../../img/company/recruit/line_wave.png) repeat-x left bottom;
 padding-bottom: 10px;
}
.recruit .newgraduate .message .message_list .box .text .normal_txt{
 line-height: 1.8;
}
.recruit .newgraduate .message .message_list .box .text .normal_txt p:not(:last-child){
 margin-bottom: 30px;
}
.recruit .newgraduate .message .message_list .box .img{
 max-width: 770px;
 width: 100%;
}
.recruit .newgraduate .message .message_list .box .img .staff_name_pc{
 font-size:2.1rem;
 position:absolute;
 font-weight:bold;
 color:#fff;
 line-height:1.5;
 padding:5px 1.5%;
 letter-spacing:0.1em;
}
.recruit .newgraduate .message .message_list .box .img .staff_name_pc .staff_name{
 font-size:2.4rem;
}
.recruit .newgraduate .message .message_list .box01{
 margin-bottom: 110px;
}
.recruit .newgraduate .message .message_list .box01 .text{
 background: rgba(241,250,255,0.95);
}
.recruit .newgraduate .message .message_list .box01 .img{
 background: url(../../img/company/recruit/img_newgrad02.jpg) no-repeat left top;
}
.recruit .newgraduate .message .message_list .box01 .img .staff_name_pc{
 background:rgba(63,194,255,0.8);
}
.recruit .newgraduate .message .message_list .box02 .text{
 background: rgba(255,249,226,0.95);
}
.recruit .newgraduate .message .message_list .box02 .img{
 background: url(../../img/company/recruit/img_newgrad03.jpg) no-repeat right top;
}
.recruit .newgraduate .message .message_list .box02 .img .staff_name_pc{
 background:rgba(255,153,51,0.8);
}
@media all and (-ms-high-contrast:none) {
.recruit .newgraduate .message .message_list .box .img .staff_name_pc{
 padding:10px 1.5% 2px;
}
}
@media screen and (min-width:768px) {
.recruit .newgraduate .message .message_list .box{
 position: relative;
 padding-top: 50px;
}
.recruit .newgraduate .message .message_list .box .text{
 position: absolute;
 top: 0;
 max-width: 620px;
 width: 60%;
}
.recruit .newgraduate .message .message_list .box .img{
 height: 680px;
}
.recruit .newgraduate .message .message_list .box01 .text{
 right: 0;
}
.recruit .newgraduate .message .message_list .box02 .img{
 margin: 0 0 0 auto;
}
.recruit .newgraduate .message .message_list .box .text .staff_name_wrap{
 display:none;
}
.recruit .newgraduate .message .message_list .box .text .normal_txt{
 margin-top:40px;
}
.recruit .newgraduate .message .message_list .box01 .img .staff_name_pc{
 bottom:25px;
 left:25px;
}
.recruit .newgraduate .message .message_list .box02 .img .staff_name_pc{
 bottom:25px;
 right:25px;
}
}
@media screen and (min-width:768px) and (max-width:1140px){
.recruit .newgraduate .message .message_list .box .img{
 max-width: 500px;
}
.recruit .newgraduate .message .message_list .box01 .text{
 right: 2.5%;
}
.recruit .newgraduate .message .message_list .box02 .text{
 left: 2.5%;
}
.recruit .newgraduate .message .message_list .box01 .img{
 background-position: left -50px top;
}
.recruit .newgraduate .message .message_list .box02 .img{
 background-position: right -50px top;
}
}
@media screen and (max-width:767px) {
.recruit .newgraduate .message .message_ttl{
 background-position: left 2.5% bottom, right 2.5% bottom;
 padding: 0 40px;
 font-size: 2.1rem;
}
.recruit .newgraduate .message .message_ttl .large_txt{
 font-size: 3rem;
}
.recruit .newgraduate .message .message_list .box .text{
 padding: 50px 2.5% 80px;
}
.recruit .newgraduate .message .message_list .box .img{
 padding-top: 60%;
 background-size: cover;
 position:relative;
}
.recruit .newgraduate .message .message_list .box01 .img{
 background-position:  left top -50px;
}
.recruit .newgraduate .message .message_list .box01 .img .staff_name_pc{
 top:15px;
 right:2.5%;
}
.recruit .newgraduate .message .message_list .box02 .img .staff_name_pc{
 top:15px;
 left:2.5%;
}
}
@media screen and (max-width:480px) {
.recruit .newgraduate .message {
 margin-top: 80px;
}
.recruit .newgraduate .message .message_ttl{
 font-size: 1.8rem;
 margin-bottom: 15px;
}
.recruit .newgraduate .message .message_ttl .large_txt{
 font-size: 2.8rem;
}
.recruit .newgraduate .message .message_list .box .text{
 padding: 30px 4% 60px;
}
.recruit .newgraduate .message .message_list .box .box_ttl{
 font-size: 1.8rem;
 line-height: 2;
 margin-bottom:20px;
}
.recruit .newgraduate .message .message_list .box .img .staff_name_pc{
 font-size:1.8rem;
}
.recruit .newgraduate .message .message_list .box .img .staff_name_pc .staff_name{
 font-size:2.1rem;
}
}
@media screen and (max-width:380px) {
.recruit .newgraduate .message .message_ttl{
 padding-bottom: 10px;
}
.recruit .newgraduate .message .message_ttl .large_txt{
 font-size: 2.4rem;
}
}
/*=======本アップ時削除検討css　ここまで==========*/

.message_headline{
	margin-top: 45px;
	background:rgba(255,153,51,1);
}
.message_headline p{
	color:#fff;
	padding:45px 0;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	letter-spacing:0.2em;
	line-height: 48px;
}
.headline_txt_large{
	font-size: 36px;
	font-weight: bold;
	border-bottom:5px solid #fff100;
	line-height: 72px;
}

.message_txt_head{
	margin: 45px auto;
}

.message_txt_head p{
	font-size: 18px;
	line-height: 42px;
	letter-spacing:0.05em;
	text-align: center;
}

.message_txt02{
	/* background: url(../../img/company/recruit/bg_balloon_left.png) no-repeat left bottom,
	 url(../../img/company/recruit/bg_balloon_right.png) no-repeat right bottom;*/
	 background: url(../../img/company/recruit/bg_circle.png) no-repeat 300px 0;
	 display:flex;
	 padding-bottom: 150px;
}

.message_txt02_left{
	flex-basis:380px;
    background: url(../../img/company/recruit/bg_readtxt.png) no-repeat top center;
    padding:5px;
}
@media all and (-ms-high-contrast:none){
		.message_txt02_left{
	flex-basis:368px;
}
	}
.message_txt_left_line{
	border:1px solid #fff;
}
.message_txt02_left p{
	padding:68px 0;
	font-size: 30px;
	font-weight: bold;
	color:#fff;
	text-align: center;
	line-height: 60px;
}
.message_txt02_left p span{
	font-size: 38px;
	border-bottom:5px solid #fff100;
	line-height: 72px;
}


.message_txt02_right{
	flex-basis:580px;
	margin-left:45px;
}

.message_txt02_right p{
	font-size: 16px;
	letter-spacing:0.05em;
	line-height: 36px
}
.txt_block02{
	margin-top:20px;
}

.message_txt03{
	margin-top: -110px;
}
.message_txt03 p{
	font-size: 24px;
	line-height: 48px;
	font-weight: bold;
	color:#333333;
	text-align: center;
	padding-bottom:20px;
}
.color_or{
	color:#ff9933;
}

.message_img{
	margin-top: -20px;
	position:relative;
	z-index: -1;
}
.cls-1{
	fill:none;
	stroke:#333;
	stroke-miterlimit:10;
	stroke-width:2px;
	stroke-dasharray: 2000;
　　stroke-dashoffset: 0;
}
.sp_block{
	display:none;
}
.hvr img{
	transition:.5s all;
}
.hvr:hover img{
	opacity:.7;
}
@media screen and (max-width: 767px) {
.sp_block{
	display: block;
}
.sp_none{
	display: none;
}

.message_headline p{
	padding: 40px 2%;
	font-size: 20px;
	letter-spacing:0.1em;
	line-height: 36px;
}
.headline_txt_large{
	font-size: 30px;
	line-height: 60px;
}
.message_txt_head p{
	font-size: 18px;
	text-align:left;
	line-height: 36px;
	width:96%;
	margin:auto;
}

.message_txt02{
	 display:block;
	 padding-bottom: 0;
}

.message_txt02_left{
	width:100%;
    background-size:cover;
}
.message_txt02_left p{
	padding:20px 0;
	font-size: 20px;
	line-height: 40px;
}
.message_txt02_left p span{
	font-size: 30px;
	line-height: 50px;
}


.message_txt02_right{
	width:96%;
	margin:40px auto;
}

.message_txt03{
	margin-top: 0;
}
.message_txt03 p{
	width:96%;
	margin:auto;
	font-size: 20px;
	line-height: 40px;
	text-align:left;
}
}



/*=== マイナビリンク ========================*/
.recruit .newgraduate .newgraduate_detail{
 margin-top: 110px;
}
.recruit .newgraduate .newgraduate_detail .bg_wrap{
 background: #fffdf6;
 text-align: center;
 padding: 45px 0;
 margin-top: 25px;
}
.recruit .newgraduate .newgraduate_detail .detail_ttl{
 font-size: 2.1rem;
 font-weight: bold;
 text-align: center;
 color:#333;
 letter-spacing: 0.05em;
}
.recruit .newgraduate .newgraduate_detail .detail_ttl::after{
 content:url(../../img/company/recruit/icon_window.png);
 margin-left: 0.5em;
}
@media screen and (max-width:480px) {
.recruit .newgraduate .newgraduate_detail{
 margin-top: 70px;
}
.recruit .newgraduate .newgraduate_detail .detail_ttl{
 font-size: 1.8rem;
}
}
@media screen and (max-width:380px) {
.recruit .newgraduate .newgraduate_detail .detail_ttl{
 font-size: 1.5rem;
}
}
/*==========================================
キャリア採用
===========================================*/
.recruit .career .mainimg{
 text-align: center;
 margin-bottom: 85px;
}
.recruit .career .lead_block .lead_txt01{
 background: url(../../img/company/recruit/bg_dot.jpg) center center repeat-y #fcf5eb;
 padding: 50px 0 66px;
 text-align: center;
 color: #333;
 font-size: 2rem;
 letter-spacing: 0.05em;
}
.recruit .career .lead_block .lead_txt01 .lead_ttl{
 font-weight: bold;
 font-size: 2rem;
}
.recruit .career .lead_block .lead_txt01 .catch{
 font-weight: bold;
 font-size: 5rem;
 background: url(../../img/company/recruit/line_wave02.png) no-repeat left bottom;
 padding: 40px 0 11px;
 max-width: 415px;
 width: 100%;
 margin: 0 auto 50px;
 position: relative;
}
.recruit .career .lead_block .lead_txt01 .catch::after{
 content: url(../../img/company/recruit/balloon_point.png);
 position: absolute;
 right: 0;
 top: 0;
}
.recruit .career .lead_block .lead_txt02{
 background: #ff9933;
 color: #fff;
 font-size: 2.4rem;
 font-weight: bold;
 padding: 60px 0 50px;
 text-align: center;
}
.recruit .career .lead_block .lead_txt02 .dwn_arw{
 background: #ff9933;
 border: 2px solid #fff;
 width: 60px;
 height: 60px;
 line-height: 60px;
 border-radius: 50%;
 margin: -90px auto 0;
 font-size: 3rem;
}
.recruit .career .lead_block .lead_txt02 .spirits_list{
 display: flex;
 justify-content: space-around;
 flex-wrap: wrap;
 margin: 80px auto 80px;
}
.recruit .career .lead_block .lead_txt02 .spirits_list li{
 position: relative;
 width: 140px;
 height: 140px;
 background: #fff;
 transform: rotate(45deg);
 text-align: center;
}
.recruit .career .lead_block .lead_txt02 .spirits_list li::after{
 content: "";
 display: block;
 position: absolute;
 width: 130px;
 height: 130px;
 border: 1px solid #ff9933;
 text-align: center;
 top: 4px;
 left: 4px;
}
.recruit .career .lead_block .lead_txt02 .spirits_list li p{
 position: absolute;
 top: 50%;
 left: 50%;
 margin: 0;
 font-size: 2rem;
 line-height: 1.8;
 font-weight: bold;
 color: #333;
 white-space: nowrap;
 transform: translate(-50%,-50%) rotate(-45deg);
 transition: 3s ease-in-out;
}
.recruit .career .lead_block .lead_txt03{
 line-height: 2;
 margin: 50px auto 0;
}
.recruit .career .lead_block .lead_txt03 .body{
 padding-top: 50px;
}
.recruit .career .lead_block .lead_txt03 .head{
 line-height: 1.5;
 text-align: right;
}
.recruit .career .lead_block .lead_txt03 .president_name .name_img{
 display: block;
}
@media screen and (min-width: 768px) {        
.recruit .career .lead_block .lead_txt03{
 display: flex;
 flex-direction: row-reverse;
 justify-content: space-between;
}
.recruit .career .lead_block .lead_txt03 .head{
 width: 48%;
}
.recruit .career .lead_block .lead_txt03 .body{
 width: 50%;
}
}
@media screen and (max-width: 960px) {
.recruit .career .lead_block .lead_txt02{
 font-size: 2.1rem;	
}
.recruit .career .lead_block .lead_txt02 .spirits_list li{
 width: 100px;
 height: 100px;
}
.recruit .career .lead_block .lead_txt02 .spirits_list li::after{
 width: 90px;
 height: 90px;
}
.recruit .career .lead_block .lead_txt02 .spirits_list li p{
 font-size: 1.6rem;
}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
.recruit .career .lead_block .lead_txt02 .spirits_list{
 max-width: 480px;
 width: 100%;
}
.recruit .career .lead_block .lead_txt02 .spirits_list li:first-child,
.recruit .career .lead_block .lead_txt02 .spirits_list li:nth-of-type(2){
 margin-right: 50px;	
}
.recruit .career .lead_block .lead_txt02 .spirits_list li:nth-of-type(4),
.recruit .career .lead_block .lead_txt02 .spirits_list li:nth-of-type(5){
 margin-top: 40px;	
}
}
@media screen and (max-width: 767px) {
.recruit .career .mainimg {
 margin-bottom: 55px;
}
.recruit .career .lead_block .lead_txt01{
 padding: 50px 2.5% 66px;
 line-height: 1.5;
 font-size: 1.8rem;
}
.recruit .career .lead_block .lead_txt02{
 line-height: 1.5;
}
.recruit .career .lead_block .lead_txt03 br{
 display: none;
}
}
@media screen and (max-width: 480px) {
.recruit .career .mainimg {
 margin-bottom: 5px;
}
.recruit .career .lead_block .lead_txt01 .catch{
 font-size: 3.5rem;
}
.recruit .career .lead_block .lead_txt02{
 font-size: 1.8rem;
}
.recruit .career .lead_block .lead_txt02 .spirits_list{
 max-width: 300px;
 width: 100%;
 position: relative;
 margin: 50px auto 80px;
}
.recruit .career .lead_block .lead_txt02 .spirits_list li:first-child,
.recruit .career .lead_block .lead_txt02 .spirits_list li:nth-of-type(4){
 margin-right: 20px;	
}
.recruit .career .lead_block .lead_txt02 .spirits_list li:nth-of-type(3){
 position: absolute;
 top: 80px;
}
.recruit .career .lead_block .lead_txt02 .spirits_list li:nth-of-type(4),
.recruit .career .lead_block .lead_txt02 .spirits_list li:nth-of-type(5){
 margin-top: 60px;	
}
.recruit .career .lead_block .lead_txt03 .body{
 padding-top: 30px;
}
}
/*==========================================
詳細はエントリー希望の店舗をご覧ください。
===========================================*/
.recruit .recruitment .entry_shop{
 letter-spacing: 0.05em;
 margin-top: 50px;
}
.recruit .recruitment .entry_shop .entry_shop_ttl{
 font-weight: bold;
 font-size: 2rem;
 color: #333;
 border-bottom: 1px solid #333;
 display:inline-block;
 padding: 0 0 3px 0;
 margin: 0 auto 50px;
 line-height: 1.5;
}
.recruit .recruitment .occupation_block .occupation_ttl{
 background: #ff9933;
 color: #fff;
 font-size: 2rem;
 font-weight: bold;
 padding: 15px 1em;
 margin-bottom: 50px;
}
.recruit .recruitment .occupation_list .occupation_block:not(:last-child){
 margin-bottom: 50px;
}
@media screen and (min-width: 768px) { 
.recruit .recruitment .entry_shop .entry_shop_ttl{
 padding: 0 1em 3px 0;
}
}
@media screen and (max-width: 767px) {
.recruit .recruitment .occupation_block .occupation_ttl{
 font-size: 1.8rem;
 line-height: 1.5;
 padding: 10px 2.5%;
 margin-bottom: 30px;
}
}
.recruit .recruitment .entry_shop .shop_list{
 display: flex;
 flex-wrap: wrap;
}
.recruit .recruitment .entry_shop .shop_list li{
 border: 1px solid #c9c9c9;
 text-align: center;
 position: relative;
 margin-bottom: 20px;
}
.recruit .recruitment .entry_shop .shop_list li a,
.recruit .recruitment .entry_shop .shop_list li .grayout{
 display: block;
 padding: 15px 2.5%;
 font-weight: bold;
}
.recruit .recruitment .entry_shop .shop_list li .grayout{
 background: #898989;
}
@media screen and (min-width: 768px) {
.recruit .recruitment .entry_shop .shop_list li a:hover{
 background:#ff9933; 
}
}
@media screen and (min-width: 1141px) {
.recruit .recruitment .entry_shop .shop_list{
 justify-content: space-between;
}
.recruit .recruitment .entry_shop .shop_list li{
 max-width: 190px;
 width: 22%;
}
.recruit .recruitment .entry_shop .shop_list li:nth-of-type(n+6){
 width: 15%;
}
.recruit .recruitment .entry_shop .shop_list li i{
 position: absolute;
 right: 2.5%;
}
}
@media screen and (max-width: 1140px) {
.recruit .recruitment .entry_shop .shop_list li{
 display: inline-block;
 margin-right: 1em;
}
.recruit .recruitment .entry_shop .shop_list li a,
.recruit .recruitment .entry_shop .shop_list li .grayout{
 padding: 15px 0.5em;
}
.recruit .recruitment .entry_shop .shop_list li i{
 margin-left: 0.5em;
}
}
@media screen and (max-width: 480px) {
.recruit .recruitment .entry_shop .shop_list{
 justify-content: space-between;
}
.recruit .recruitment .entry_shop .shop_list li{
 width: 48%;
 margin-right: 0;
 margin-bottom: 15px;
}
}

.cFlex,
.cFlex_icon{
    display: flex;
}
.shop_info_box{
    margin: 40px 0;
    line-height: 1.8;
}
.shop_info_ttl{
    font-weight: bold;
    font-size: 2.2rem;
    line-height: 1.5;
    margin-bottom: 10px;
}
.shop_info_ttl:before{
    content: '◆';
}
.btn_largemap{
    text-align: right;
    margin: 10px 0;
}

.shop_contents_box{
    margin: 40px 0;
    line-height: 1.8;
}
.shop_contents_ttl{
    font-weight: bold;
    font-size: 2.2rem;
    line-height: 1.5;
    margin: 40px 0 10px;
}
.shop_contents_ttl:before{
    content: '◆';
}
.shop_contents{
    width: 95%;
    padding-left: 2%;
    margin: 20px 0;
}
.shop_photo_left,
.shop_photo_right{
    width: 50%;
}
.shop_contents_movie{
}
.shop_contents_movie iframe{
}
.shop_contents_photo{
    width: 100%;
}
.shop_contents_comment{
    padding: 10px 0;
    margin-bottom: 10px;
}
.shop_contents_movie_comment{
    padding-left: 10px;
    margin: 10px 0;
}
.shop_contents_center{
    max-width: 768px;
    margin: 0 auto;
}
.shop_contents_center_half{
    max-width: 384px;
    margin: 0 auto;
}
.shop_contents_photo1{
    width: 100%;
    margin: 0 auto;
}
.shop_contents_comment1{
    margin-bottom: 10px;
}
.shop_contents_photo2{
    width: 100%;
    margin: 0 auto;
}
.shop_contents_comment2{
    margin-bottom: 10px;
}

.entry_after_box{
    margin: 40px 0;
    line-height: 1.8;
}
.entry_after_ttl{
    font-weight: bold;
    font-size: 2.2rem;
    line-height: 1.5;
    margin-bottom: 10px;
}
.entry_after_ttl:before{
    content: '◆';
}
.entry_after_text{
    width: 95%;
    padding-left: 2%;
}

.company_profile_box{
    margin: 40px 0;
    line-height: 1.8;
}
.company_profile_ttl{
    font-weight: bold;
    font-size: 2.2rem;
    line-height: 1.5;
    margin-bottom: 10px;
}
.company_profile_ttl:before{
    content: '◆';
}
.company_profile_txt{
    margin: 0 auto;
    width: 45%;
}
.company_profile_logo_box{
    padding-left: 2%;
    width: 370px;
    margin: 0 auto;
}
.company_profile_logo_box img{
    width:100%;
}
.company_profile_logo_hometech{
    width: 150px;
    padding: 20px;
}
.company_profile_logo_reformprice{
    width: 100px;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.company_profile_logo_entrie{
    width: 120px;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.company_profile_name{
}
.company_profile_address span{
}
.company_profile_address{
}
.company_profile_address span{
}
.company_profile_url{
}
.company_profile_url span{
}
.company_profile_name span,
.company_profile_address span,
.company_profile_url span{
    width: 25%;
    padding-left: 2%;
}

/*YouTubeレスポンシブサイズ*/
.shop_contents_movie {
    position: relative;
    max-width: 100%;
    padding-top: 56.25%;
}
.shop_contents_movie iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 767px) {
    .cFlex{
        display: initial;
    }
    .shop_photo_left,
    .shop_photo_right{
        width: 95%;
    }
    .company_profile_txt{
        margin: 0 auto;
        width: 100%;
    }
    .company_profile_logo_box{
        width: 100%;
    }
    .company_profile_name span,
    .company_profile_address span,
    .company_profile_url span{
        width: 95%;
        padding-left: 2%;
    }
    .company_profile_name p,
    .company_profile_address p,
    .company_profile_url p{
        padding-left: 4%;
        font-size: 14px;
    }
}

/*==========================================
　募集要項
===========================================*/
.recruit .guidelines .mainimg{
 text-align: center;
 margin-bottom: 50px;
}
.recruit .guidelines .occupation_ttl{
 background: #ff9933;
 color: #fff;
 font-size: 2rem;
 font-weight: bold;
 padding: 13px 1em;
 margin-bottom: 50px;
 line-height: 1.5;
}
.recruit .guidelines .occupation_txt{
 font-size: 1.8rem;
 color:#535353;
 font-weight: bold;
 line-height: 1.5;
 margin-bottom: 50px;
}
.recruit .guidelines .guide_ttl{
 font-weight: bold;
 font-size:2.2rem;
 line-height: 1.5;
 margin-bottom: 10px;
}
.recruit .guidelines .guide_ttl::before{
 content: "◆";
 font-size: 1.8rem;
}
.recruit .guidelines .entry_btn{
 display: block;
 background: #ff9933;
 border: 2px solid #ff9933;
 color: #fff;
 font-weight: bold;
 text-align: center;
 font-size: 2rem;
 max-width: 500px;
 width: 40%;
 margin: 20px auto;
 padding: 23px 2.5%;
}
.recruit .guidelines .entry_btn i{
 margin-left:1em;
}
@media screen and (min-width: 768px) {
.recruit .guidelines .occupation_ttl .shop_name{
 margin-right: 1em;
}
.recruit .guidelines .entry_btn:hover{
 background: #fff;
 color:#ff9933;
}
}
@media screen and (max-width: 767px) {
.recruit .guidelines .occupation_ttl{
 font-size: 1.8rem;
 line-height: 1.5;
 padding: 10px 2.5%;
 margin-bottom: 30px;
}
.recruit .guidelines .occupation_ttl .shop_name{
 display: block;
}
.recruit .guidelines .entry_btn{
 width: 100%;
}
}
/*=== TABLE =========================*/
.recruit .guidelines .guid_list{
 width: 100%;
 border-top: 1px dashed #e5e5e5;
 line-height: 1.8;
}
.recruit .guidelines .guid_list th,
.recruit .guidelines .guid_list td{
 border-bottom: 1px dashed #e5e5e5;
}
.recruit .guidelines .guid_list th{
 background: #fffaf5;
 font-weight: bold;
 color: #333;
}

@media screen and (min-width: 768px) {
.recruit .guidelines .guid_list th{
 padding: 25px 2.5% 25px 60px;
 max-width: 272px;
 width: 25%;
 text-align: left;
}
.recruit .guidelines .guid_list td{
 padding: 25px 2.5%;
 width: 75%
}
}
@media screen and (max-width: 767px) {
.recruit .guidelines .guid_list th,
.recruit .guidelines .guid_list td{
 display: block;
}
.recruit .guidelines .guid_list th{
 padding: 10px 2.5%;
}
.recruit .guidelines .guid_list td{
 padding: 25px 2.5%;
}
}



.entry_btn_box{
    display: flex;
    margin: 20px 0;
}

@media screen and (max-width: 767px) {
.entry_btn_box{
    display: initial;
}
}
.recruit .guidelines .entry_btn_tel{
    background: #198016;
    border: 2px solid #198016;
    display: block;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 2rem;
    max-width: 500px;
    width: 40%;
    margin: 20px auto;
    padding: 23px 2.5%;
}
@media screen and (max-width: 767px) {
.recruit .guidelines .entry_btn_tel:hover{
    background: #fff;
    color: #198016;
}
.recruit .guidelines .entry_btn_tel{
 width: 100%;
}
}
/*==========================================
個人情報保護方針
===========================================*/
.recruit-privacy .lead-block{
 line-height:1.8;
 margin-bottom:60px;
}
.recruit-privacy .privacy-list{
 line-height:1.8;
}
.recruit-privacy .privacy-list .privacy-item:not(:last-child){
 margin-bottom:40px;
}
.recruit-privacy .privacy-item-ttl{
 font-weight:bold;
 border-bottom: dashed 1px #eaeaea;
 padding:0 5px 5px;
}
.recruit-privacy .privacy-item-text{
 padding:15px 2.5% 0 2.2em;
}
.recruit-privacy .offer-dl{
 margin:1em 0 0 1em;
}
.recruit-privacy .offer-dl dl:not(:last-child){
 margin-bottom:1em;
}
.recruit-privacy .offer-dl dt{
 font-weight:bold;
}
.recruit-privacy .offer-dl dd{
 padding:0 0 0 1em;
}
.recruit-privacy-contact{
 margin-top:60px;
 line-height:1.8;
 font-weight:bold;
 font-size:1.4rem;
 text-align:right;
}
@media screen and (min-width: 768px) {
.recruit-privacy-contact-tel a[href^="tel:"] {
 pointer-events: none!important;
 cursor: default!important;
}
}
@media screen and (max-width: 480px) {
.recruit-privacy .privacy-item-text {
 padding: 15px 2.5% 0 2.5%;
}
.recruit-privacy .offer-dl {
 margin: 1em 0 0 0;
}
}