@charset "UTF-8";

@font-face {
  font-family: Butler;
  src: url('../fonts/butler_regular.otf');
}

@font-face {
  font-family: Butler-UltraLight;
  src: url('../fonts/Butler_Ultra_Light.otf');
}

@font-face {
  font-family: Hiragino Sans W4;
  src: url('../fonts/HiraginoSansW4.otf');
}


@font-face {
  font-family: HiraMinPro-W6;
  src: url('../fonts/Hiragino-Mincho-Pro-W6.otf');
}

@font-face {
  font-family: HiraMinProN-W3;
  src: url('../fonts/Hiragino-Mincho-ProN-W3.otf');
}


.p-recruit {
 font-family: Hiragino Sans W4;
 
}

svg{}

h1,h2,h3,h4,h5,h6{font-weight: 600;}

/* *****************************************************
キービジュアル
*******************************************************/
.p-recruit_kv_wrap {
  position: relative;
  padding:160px 0px;
}

.p-recruit_kv_bg img {
  width: 100%;
}

.p-recruit_kv_ttl {
  position: absolute;
  top: 24vw;
  left: 0;
  margin-left: 5%;
  width: 34%;
}



@media (min-width: 1025px) {
  .p-recruit_kv_ttl {
    top: 15vw;
    left: auto;
    margin-left: 0;
    width: 18%;
  }
}

.p-recruit_kv_lead {
  font-size: clamp(15px, 4.4vw, 26px);
  line-height: 1.9;
  margin: 8vw auto 0;
  text-align: center;
}

@media (min-width: 1025px) {
  .p-recruit_kv_lead {
    font-size: 26px;
    margin: 80px auto 0;
  }
}

.p-recruit_kv_smalltxt {
  font-size: clamp(12px, 3.6vw, 18px);
  display: block;
  line-height: 1.6;
  margin-top: 4vw;
}



/* *****************************************************
スタッフ募集/アプライ
*******************************************************/
.p-recruit_application_wrap {
  margin: 12vw auto;
}

.p-recruit_short_content{margin:0px auto}

@media (min-width: 1025px){
.p-recruit_kv_smalltxt {
    font-size: 16px;
    margin-top: 20px;
  }
  .p-recruit_application_wrap{margin: 100px auto;}
  .p-recruit_short_content{width: 90%;}
}

.p-recruit_application_ttl {
  position: relative;
  width: 100%;
}

.p-recruit_application_ttl span {
  background-color: #fff;
  display: block;
  margin: 0 auto;
  position: relative;
  padding: 0 4%;
  width: 58%;
  z-index: 1;
}

@media (min-width: 1025px) {
  .p-recruit_application_ttl span {
    width: 40%;
  }
}

.p-recruit_application_ttl::after {
  content: "";
  background-color: #000;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: 30%;
}

.p-recruit_application_lists {
  margin: 8vw auto 0;
}

@media (min-width: 1025px) {
  .p-recruit_application_lists {
    margin: 60px auto 0;
    width: 90%;
  }
}

.p-recruit_application_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  margin-top: 8vw;
}

@media (min-width: 1025px) {
  .p-recruit_application_list {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 20px;
    /* &:nth-of-type(even) {
      flex-direction: row-reverse;
    } */
  }
  .p-recruit_application_list .p-recruit_application_txt {
    margin-left: 40px;
    margin-right: auto;
  }
}

.p-recruit_application_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 3vw auto 0;
  width: 90%;
}

@media (min-width: 1025px) {
  .p-recruit_application_txt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
    width: 35%;
  }
}

.p-recruit_application_txt .m-viewbtn {
  margin: 2vw 0 0 auto;
  width: 58%;
}

@media (min-width: 1025px) {
  .p-recruit_application_txt .m-viewbtn {
    margin-top: 20px;
  }
}

.p-recruit_application_list_ttl {
  width: 30%;
}

.p-recruit_application_list_detail {
  margin-left: 5%;
  width: 70%;
}

@media (min-width: 1025px) {
  .p-recruit_application_list_detail {
    margin-left: 0;
    width: 100%;
  }
}

.p-recruit_application_list_part {
  font-size: 3.4vw;
  font-size: clamp(14px, 3.4vw, 22px);
  font-weight: 600;
}

@media (min-width: 1025px) {
  .p-recruit_application_list_part {
    font-size: 16px;
    margin-top: 20px;
  }
}

.p-recruit_application_list_lead {
  font-size: 3.2vw;
  font-size: clamp(12px, 3.2vw, 18px);
  margin-top: 1.5vw;
}

@media (min-width: 1025px) {
  .p-recruit_application_list_lead {
    font-size: 14px;
    margin-top: 15px;
  }
}

.p-recruit_application_photo {
  width: 100%;
}

@media (min-width: 1025px) {
  .p-recruit_application_photo {
    width: 55%;
  }
}

/* *****************************************************
詳細
*******************************************************/
.p-recruit_detail {
  margin-left: 5%;
}

@media (min-width: 1025px) {
  .p-recruit_detail {
    margin: 0 auto;
    width: 90%;
  }
}

.p-recruit_detail_section {
  margin-top: 18vw;
}

@media (min-width: 1025px) {
  .p-recruit_detail_section {
    margin-top: 140px;
  }
}

.p-recruit_detail_logo {
  position: relative;
  width: 100%;
}

.p-recruit_detail_logo span {
  display: block;
  width: 15%;
}

@media (min-width: 1025px) {
  .p-recruit_detail_logo span {
    width: 10%;
  }
}

.p-recruit_detail_logo::after {
  background-color: #a48b77;
  content: "";
  position: absolute;
  top: 50%;
  left: 15%;
  height: 1px;
  width: 85%;
}

@media (min-width: 1025px) {
  .p-recruit_detail_logo::after {
    left: 10%;
    width: 90%;
  }
}

.p-recruit_detail_list {
  margin-left: 15%;
  padding-left: 2%;
  position: relative;
}

@media (min-width: 1025px) {
  .p-recruit_detail_list {
    margin-left: 10%;
  }
}

.p-recruit_detail_list:nth-of-type(2) {
  margin-top: 8vw;
  padding-top: 8vw;
}

@media (min-width: 1025px) {
  .p-recruit_detail_list:nth-of-type(2) {
    margin-top: 60px;
    padding-top: 60px;
  }
}

.p-recruit_detail_list:nth-of-type(2)::before {
  background-color: #a48b77;
  content: "";
  /* display: block; */
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  width: 100%;
}

.p-recruit_detail_list_ttl {
  font-size: 3.8vw;
  font-size: clamp(18px, 3.8vw, 26px);
  font-weight: 600;
}

@media (min-width: 1025px) {
  .p-recruit_detail_list_ttl {
    font-size: 20px;
  }
}

@media (min-width: 1025px) {
  .p-recruit_detail_list_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
  }
}

.p-recruit_detail_list_txt {
  font-size: 3.4vw;
  font-size: clamp(14px, 3.4vw, 22px);
  margin-top: 2vw;
}

@media (min-width: 1025px) {
  .p-recruit_detail_list_txt {
    font-size: 16px;
    margin-top: 0;
    width: 40%;
  }
}

.p-recruit_detail_list_txt dt {
  float: left;
  font-weight: 300;
  width: 30%;
}

.p-recruit_detail_list_txt dd {
  padding-left: 30%;
}

@media (min-width: 1025px) {
  .p-recruit_detail_list_image {
    width: 60%;
  }
}

.p-recruit_detail_list_tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 3.2vw;
  font-size: clamp(12px, 3.2vw, 18px);
  width: 90%;
}

@media (min-width: 1025px) {
  .p-recruit_detail_list_tag {
    font-size: 16px;
    width: 100%;
  }
}

.p-recruit_detail_list_tag li {
  background-color: #a48b77;
  border-radius: 5px;
  color: #fff;
  margin-top: 4%;
  text-align: center;
  padding: 5px;
  width: 48%;
}

.p-recruit_detail_list_tag li:nth-of-type(odd) {
  margin-right: 4%;
}

@media (min-width: 1025px) {
  .p-recruit_detail_list_tag li:nth-of-type(odd) {
    margin-right: 0;
  }
}

@media (min-width: 1025px) {
  .p-recruit_detail_list_tag li {
    margin-top: 0;
    width: 32%;
  }
  .p-recruit_detail_list_tag li:not(:nth-of-type(3n)) {
    margin-right: 2%;
  }
  .p-recruit_detail_list_tag li:nth-of-type(n + 4) {
    margin-top: 2%;
  }
}

.p-recruit_detail_list_btn a {
  display: block;
  margin: 4vw 0 0;
  padding: 5px;
  text-align: center;
  border: 1px solid #a48b77;
  width: 90%;
}

@media (min-width: 1025px) {
  .p-recruit_detail_list_btn a {
    margin: 30px auto 0;
    -webkit-transition: 400ms;
    transition: 400ms;
    width: 60%;
  }
  .p-recruit_detail_list_btn a:hover {
    background-color: #a48b77;
    color: #fff;
  }
}

/* *****************
勤務時間
********************/
.p-recruit_detail_hours {
  margin-top: 18vw;
}

@media (min-width: 1025px) {
  .p-recruit_detail_hours {
    margin-top: 100px;
  }
  .p-recruit_detail_hours .p-recruit_detail_list_txt {
    width: 100%;
  }
}

/* *****************
勤務場所
********************/
.p-recruit_detail_place {
  margin-top: 18vw;
}

@media (min-width: 1025px) {
  .p-recruit_detail_place {
    margin-top: 100px;
  }
  .p-recruit_detail_place .p-recruit_detail_list_txt {
    width: 100%;
  }
}

@media (min-width: 1025px) {
  .p-recruit_detail_place .p-recruit_detail_list_lead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .p-recruit_detail_place .p-recruit_detail_list_lead li {
    width: 40%;
  }
  .p-recruit_detail_place .p-recruit_detail_list_lead li:nth-of-type(odd) {
    margin-right: 20px;
  }
}




.hiraminpron-W3{font-family: HiraMinProN-W3; font-weight: 300;}

.p-recruit-header video{width:100%; height:100%;}

.p-recruit-our-message{padding:160px 0px 0px}
.p-recruit-our-message .r-message-r1{}
.p-recruit-our-message .r-message-r2{max-width:40%;}
.p-recruit-our-message .r-message-r3{max-width:40%; }
.p-recruit-message{position: relative; padding:50px 0px 100px 0px; background-color:#6597A1; color:#fff;}
.p-recruit-message-content{margin-bottom: 100px;}
.p-recruit-message-content .col:first-child{width:100%;}
.p-recruit-message-content .col:last-child{width:100%}



.p-recruit-message-header{margin:100px auto 50px; text-align: center;}

.p-recruit-message-header-text{line-height: 30px;}
.p-recruit-message-header .slogan{}

.p-recruit-message-header h2{font-size:34px; text-align: center; color:#fff; margin-bottom:15px;}
.p-recruit-message-header img{max-width:404px;}

.work{padding:100px 0px; background-color:#F2F2F2;}
.work .section-title{text-align:center}

.work .tab-content-content{}
.work .tab-content-content h3{
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 40px;
	position:relative
}
.work .tab-content-content h3:after{width:50px; height:1px; position:absolute; content:''; background-color:#75B0C0; left:0px; bottom:-15px;}
.work .tab-content-content p{font-size:14px; line-height: 25px;}

.work .tab-content-suitableperson{margin-top:50px; border:#99816D solid 2px;}
.work .tab-content-suitableperson h5{display: table;
    margin: -12px auto 0px;
    background-color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 0px 25px;
    color: #99816D; position: relative}

.work .tab-content-suitableperson h5:before,
.work .tab-content-suitableperson h5:after{width:10px; height:16px; position:absolute; content:''; background-size:100%; top:5px;}
	
.work .tab-content-suitableperson h5:before{background-image:url('../images/recruit/r-i2.png'); left:6px;}
.work .tab-content-suitableperson h5:after{background-image:url('../images/recruit/r-i3.png'); right:6px;}


.work .tab-content-suitableperson .suitableperson-content icon{width:27px; height:27px; display:table; margin:0px auto 10px}
.work .tab-content-suitableperson .suitableperson-content .col{text-align: center; width:100%; padding: 0px 10px; font-size: 15px;}

.tab-area{margin-top:50px;}
.tab-area .tab{font-weight:600;}
.tab-area .tab span{display: block; font-size: 12px; margin-top: -2px; color: #b1d2db;}
.tab-area .tab-content{display:none; padding: 15px; background-color:#fff;}
.tab-area .tab-content.active{display:block; }



.interview{padding: 100px 20px;}
.interview .section-title{text-align:center}
.interview-content{margin-top: 50px;}
.interview-content .col{}
.interview-content .col a{}
.interview-content .col .interview-content-pic{margin-bottom: 20px;}

.interview-content .col .interview-content-l1{color:#707070; font-size:13px; margin-bottom: 7px; font-weight:600;}
.interview-content .col .interview-content-l2{color:#333333; font-size:13px; font-weight:600; line-height: normal;}
.interview-content .col .interview-content-l3{color:#333333; font-size:24px; font-weight:600;}
.interview-content .col .interview-content-l4{font-family: Butler; color:#75B0C0; font-size:16px; margin-top: 5px;}

.interview-modal.modal{max-width:900px; font-family: Hiragino Sans W4; padding: 50px; border-radius: 0px; top: 70px; margin-bottom:100px;}
.interview-modal.modal a.close-modal{background-image:url('../images/recruit/btnmodalclose.png'); background-size:100%;width: 72px; height: 72px; top: -35px;
    right: -35px;}
.interview-modal .interview-modal-header{margin-bottom:40px; position: relative;}
.interview-modal .interview-modal-header-content{position:absolute; display:table; padding:25px 40px 25px 0px; left:0px; bottom:0px; background-color:#fff;}
.interview-modal .interview-modal-header-content .interview-modal-header-content-row:first-child{margin-bottom:10px;}
.interview-modal .interview-modal-header-content .imhc1{font-size:13px;font-weight: 600; padding-right: 15px; border-right: 1px #DEDEDE solid;}
.interview-modal .interview-modal-header-content .imhc2{font-size:13px; font-weight: 600; padding-left: 15px;}
.interview-modal .interview-modal-header-content .imhc3{font-size:24px; font-weight: 600; margin-right: 10px}
.interview-modal .interview-modal-header-content .imhc4{color:#75B0C0; font-size:16px; font-family: Butler; text-transform: uppercase; font-weight:300}

.interview-modal h3{font-size:40px; font-family: Butler-UltraLight; font-weight: 300; line-height: normal; margin-bottom: 5px;}
.interview-modal .interview-modal-subheading{font-size:14px;}
.interview-modal .interview-modal-content{line-height: 24px; margin-bottom:40px; margin-top:30px; font-size:14px}
.interview-modal .interview-modal-thumbnails{margin-bottom:40px}
.interview-modal .interview-modal-thumbnails .col{width:100%; }
.interview-modal .interview-modal-thumbnails .col:last-child{margin-right:0px; margin-bottom:0px;}
.interview-modal .interview-modal-graph{position: relative; margin-top:30px; height: 500px; }
.interview-modal .interview-modal-graph .timebar{height:500px; position: absolute; background-color: #fff;}
.interview-modal .interview-modal-graph .graphic-img{height:520px; overflow: auto; padding-left: 100px; }

.interview-modal .interview-modal-graph .graphic-img-inner{height: 500px; width: 684px;}

.interview-modal .interview-modal-graph .timebar img,
.interview-modal .interview-modal-graph .graphic-img img{height:100%;}

.interview-modal .modal-close{margin-top:70px;}
.interview-modal .modal-close a.m-viewbtn{margin:0px auto}


.data{padding: 100px 20px; background-color:#f7f7f7;}
.data .section-title{text-align:center}
.data-content{padding: 100px 0px 0px;}
.data-content-inner{}
.data .data-content-block{margin-bottom:70px;}
.data .data-content-block:last-child{margin-bottom:0px;}

.data h3{font-size:24px; font-weight: 600; margin-bottom:20px;}
.data-content-inner .col{margin-bottom:30px; background-color:#fff; padding: 30px;}
.data-content-inner .col icon{display: flex; margin: 0px auto; height: 120px; width: 100%; align-items: center; justify-content: center;}
.data-content-inner .col icon img{}
.data-content-inner .col h5{text-align:center; font-size: 18px;  margin-bottom: 5px;}
.data-content-inner .col p{color:#888; font-size: 15px;}

.data-content-inner .col .r-p1,
.data-content-inner .col .r-p2,
.data-content-inner .col .r-p3,
.data-content-inner .col .r-p4,
.data-content-inner .col .r-p5,
.data-content-inner .col .r-p6{display: block; text-align: center; padding-bottom: 30px;}

/*
.data-content-inner .col .r-p1{max-width:176px;}
.data-content-inner .col .r-p2{max-width:218px;}
.data-content-inner .col .r-p3{max-width:240px;}
.data-content-inner .col .r-p4{max-width:136px;}
.data-content-inner .col .r-p5{max-width:167px;}
.data-content-inner .col .r-p6{max-width:205px;}*/

.data-content-inner .col .r-p1 img,
.data-content-inner .col .r-p2 img,
.data-content-inner .col .r-p3 img,
.data-content-inner .col .r-p4 img,
.data-content-inner .col .r-p5 img,
.data-content-inner .col .r-p6 img{max-height:195px;}


.flow{padding: 100px 20px;}
.flow .section-title{text-align:center}
.flow-content{margin-top: 50px;}
.flow-content .col{position: relative; background-color:#99816D; color:#fff; width:100%;}
.flow-content .col:after{width:11px; height:21px; position: absolute; content:''; background-image:url('../images/recruit/arrow.png'); background-size:100%; top: calc(50% - 10.5px); right: -40px;}

.flow-content .col:last-child:after{display: none;}

.flow-content .flow-num{width:100%; padding-top: 20px; padding-bottom: 10px; font-size:24px; font-family: Butler-UltraLight; text-align: center;}
.flow-content .flow-text{width:100%; text-align: center;}
.flow-content .flow-text span{display: block; font-size:11px; color: #d1c6bd;}

.recruit-info{padding: 100px 20px; background-color:#F7F7F7}
.recruit-info .section-title{text-align:center}
.recruit-info .recruit-info-content{margin-top: 50px;}
.recruit-info .recruit-info-tab-content ul{display:flex; border-bottom:1px #f1f1f1 solid}
.recruit-info .recruit-info-tab-content ul:last-child{border-bottom:0px;}
.recruit-info .recruit-info-tab-content ul li{padding: 20px 0px; }
.recruit-info .recruit-info-tab-content ul li:first-child{width:40%; color: #888888;}
.recruit-info .recruit-info-tab-content ul li:last-child{width:60%;}


.entry{padding: 100px 20px; background-color:#3E3A39;}
.entry .section-title{text-align:center}
.entry .entry-content{margin-top: 50px; width:100%;  margin-bottom:10px}
.entry .entry-content .col{background-color:#fff; padding:30px 50px 50px 50px; }

.entry .p-recruit_link .m-viewbtn{margin:auto}

@media(min-width:1025px)
{
	.p-display-desktop{display:block;}
	.p-display-mobile{display:none;}
	
	.p-recruit-message-content .section-title{max-width:435px}
	
	
	.work .section-title img{max-width:185px}
	.interview .section-title img{max-width:300px}
	.data .section-title img{max-width:150px}
	.flow .section-title img{max-width:150px}
	.recruit-info .section-title img{max-width:370px}
	.entry .section-title img{max-width:180px}
	
	.p-recruit-message .r-message-r1{}
	.p-recruit-message-content .col:first-child{margin-top:30px;}
	
	.p-recruit-message-content{display:flex; margin-bottom: 100px;}
	.p-recruit-message-content .col:first-child{width:50%; margin-top:30px;}
	.p-recruit-message-content .col:last-child{width:50%}
	
	.p-recruit-our-message .r-message-r2{max-width:378px; margin-top: -250px;}
	.p-recruit-our-message .r-message-r3{max-width:507px; position: absolute; right: 0px; top: -150px;}
	
	.work .tab-content-content{display:flex;}
	.work .tab-content-content .col:first-child{width:62%; padding-right:40px}
	.work .tab-content-content .col:last-child{width:38%}
	
	.work .tab-content-suitableperson{}
	
	.work .tab-content-suitableperson .suitableperson-content{display:flex; margin: 30px auto;}
	.work .tab-content-suitableperson .suitableperson-content icon{margin-top:-5px}
	
	.work .tab-content-suitableperson .suitableperson-content .col{border-right:1px #e5e5e5 solid; width: 33.33%;}
	.work .tab-content-suitableperson .suitableperson-content.other .col{width: 50%;}
	
	.work .tab-content-suitableperson .suitableperson-content .col:last-child{border-right:0px;}
		
	.tab-area .tabs{display:flex; flex-wrap: wrap;}
	.tab-area .tabs a{display:block; width:calc(20% - 8px); text-align:center; background-color:#75B0C0; padding:8px 5px; color:#fff; margin-right: 10px; font-size:14px; border-bottom: 6px #F2F2F2 solid;}
	.tab-area .tabs a:last-child{margin-right:0px;}
	/*.tab-area .tabs a span{display:block; font-size:12px; margin-top: -2px;}*/

	.tab-area .tabs a.active{background-color:#fff; color:#3E3A39; border-bottom: 6px #fff solid;}
	.tab-area .tabs a.active span{color:#888888}
	.tab-area .tab-content{padding: 50px; }
	.tab-area .tab-mobile{display:none;}
	
	.interview-content{display:flex; margin-top: 100px;}
	.interview-content .col{width:calc(20% - 4px); margin-right:5px;}
	.interview-content .col:last-child{margin-right:0px;}
	
	.data-content-inner{display:flex; flex-wrap: wrap;}
	.data-content-inner .col{width:calc(33.33% - 13.33px); margin-right:20px}
	.data-content-inner .col:nth-child(3n){margin-right:0px}
	
	.flow-content{display:flex; flex-wrap: wrap;}
	.flow-content .col{width:calc(20% - 56px); margin-right:70px; aspect-ratio: 1/1; border-radius:50%;}
	.flow-content .col:last-child{margin-right:0px;}
	.flow-content .col:after{top: calc(50% - 10.5px); right: -40px;}
	
	.recruit-info-content .tab-area .tabs a{width: calc(50% - 5px); padding: 20px 5px; font-size: 18px;}
	.recruit-info .recruit-info-tab-content{font-size:15px;}
	.recruit-info .recruit-info-tab-content ul li:first-child{width:250px;}
	.recruit-info .recruit-info-tab-content ul li:last-child{width:calc(100% - 250px);}
	
	.entry .entry-content{display:flex;}
	.entry .entry-content .col{margin-right:5px; width:calc(33.33% - 3.33px); margin-bottom:0px; text-align:center}	
	.entry .p-recruit_link{margin-top:20px;}
	
	.interview-modal .interview-modal-thumbnails{display:flex;}
	.interview-modal .interview-modal-thumbnails .col{width:calc(33.33% - 16.66px); margin-right:25px;}

}

@media(max-width:1024px)
{
	.p-display-desktop{display:none;}
	.p-display-mobile{display:block;}
	
/* 	.p-recruit-header video{height:300px; object-fit: cover} */
	.p-recruit-message-header-text{line-height: 26px; font-size: 14px;}
	.p-recruit-message-header h2{font-size:24px;}
	.p-recruit-message-header .slogan{}
	.p-recruit-message-header .slogan img{width:100%}
	
	.p-recruit-message-content .section-title{max-width: 215px; margin:0px auto}
	.p-recruit-message-content .section-title img{}
	
	.p-recruit-message-content .col:first-child{text-align:center}
	.p-recruit-message-content .col:last-child{display: none;}
	
	.p-recruit-our-message .r-message-r1{margin-top:-100px; margin-left: 30%; margin-right: -20px; margin-bottom:30px;}
	.p-recruit-our-message .r-message-r2{margin-top: -60%; margin-bottom: 30%;}	
	.p-recruit-our-message .r-message-r3{display: table; margin: 0px 0px 0px auto; max-width: 48%;}
	
	.data .section-title img{max-width: 75px;}
	
	.work .section-title img{max-width: 93px;}
	.work .tab-content-content .col:first-child{margin-bottom:10px}
	
	.work .tab-content-content h3{font-size:16px}
	.data h3{font-size:20px}
	
	.work .tab-content-suitableperson .suitableperson-content{margin:0px 15px}
	.work .tab-content-suitableperson .suitableperson-content .col{border-bottom:1px #e5e5e5 solid; padding: 20px 0px;}
	.tab-area,
	.interview-content,
	.flow-content,
	.entry .entry-content,
	.recruit-info .recruit-info-content{margin-top: 30px;}
	
	.data-content{padding-top:30px;}

	.tab-area .tabs{display:none;}
	.tab-area .tab-mobile{position: relative; font-weight: 400; font-size: 16px; background-color:#75B0C0; color:#fff; display:block; text-align: center; padding: 10px 35px 10px 10px; border-bottom: 1px #fff solid;}
	.tab-area .tab-mobile:after{width:16px; height:16px; background-image:url('../images/recruit/r-plus.png'); background-size: 100%; position:absolute; content:''; right:15px; top:calc(50% - 10px); color:#fff}
	.tab-area .tab-mobile.active:after{height:2px;color:#333333; background-image:url('../images/recruit/r-minus.png'); top:calc(50% - 1px);}
	
	.tab-area .tab-mobile.active{background-color:#fff; color:#3E3A39 }
	.tab-area .tab-mobile.active span{color:#888888}
	
	.tab-content-content .col img{width:100%}

	.p-recruit-message-header{margin: 50px auto 30px;}
	.p-recruit-our-message{padding:50px 0px 0px}
	
	.p-recruit-message{padding: 50px 15px}
	.work{padding:50px 15px}
	.interview{padding: 50px 15px;}
	.interview .section-title img{max-width: 153px;}
	.interview-content .col{margin-bottom:50px;}
	.interview-content .col:last-child{margin-bottom:0px;}
	.data-content{padding: 50px 0px 0px;}
	.data{padding-top: 50px; padding-bottom: 50px}	
	.flow{padding: 50px 15px;}
	.flow .section-title img{max-width: 79px;}
	
	.flow-content .col{margin: 0px auto 40px; display: flex; padding:15px 25px; align-items: center;}
	.flow-content .col:after{right: calc(50% - 5.5px); top: auto; bottom:-30px; transform: rotate(90deg);}
	.flow-content .col:last-child{margin-bottom:0px;}
	
	.flow-content .flow-num{width:auto; padding-top: 0px; padding-bottom: 0px; margin-right: 15px; font-size:24px; font-family: Butler-UltraLight; text-align: left;}
	.flow-content .flow-text{width:auto; text-align: left; display: flex; align-items: center;}
	.flow-content .flow-text span{display: block; font-size:11px; color: #d1c6bd; margin-left: 10px;}


	.recruit-info .recruit-info-tab-content ul{font-size:15px;}
	.recruit-info{padding: 50px 15px;}
	.recruit-info .section-title img{max-width: 187px;}
	.entry{padding: 50px 15px;}
	.entry .section-title img{max-width:100px;}
	.entry .entry-content .col{display:flex; padding: 15px 20px; margin-bottom:7px; align-items: center;}
	.entry .entry-content .col:last-child{margin-bottom:0px;}
	.entry .entry-content .col .ccc{width:calc(100% - 100px);}
	.entry .entry-content .col .ccc:last-child{width:100px;}
	
	.entry .entry-content .col .ccc .m-viewbtn{width: 100px;}
	
	.jquery-modal.blocker{z-index:999;}	
	
	.interview-modal.modal{padding: 60px 15px 60px 15px; top: 0px; width: 100%; margin-bottom:0px;}
	.interview-modal.modal a.close-modal{width: 40px; height: 40px; top: 10px; right: 10px;}
	.interview-modal h3{font-size:24px;}
	.interview-modal .interview-modal-header{margin-bottom:70px;}
	.interview-modal .interview-modal-thumbnails{margin-bottom:30px;}
	.interview-modal .interview-modal-thumbnails .col{margin-bottom:15px;}
	
	.interview-modal .interview-modal-content{margin-top:20px; margin-bottom:30px;}
	.interview-modal .interview-modal-graph{margin-top:20px;}
	.interview-modal .interview-modal-graph img{}
	
	.interview-modal .interview-modal-header-content{padding: 15px 10px 15px 0px; width: calc(100% - 40px);     bottom: -50px;}
	.interview-modal .interview-modal-header-content .imhc1{font-size:11px; padding-right: 5px;}
	.interview-modal .interview-modal-header-content .imhc2{font-size:11px; padding-left: 5px;}
	.interview-modal .interview-modal-header-content .imhc3{font-size:20px; margin-right: 15px}
	.interview-modal .interview-modal-header-content .imhc4{font-size:14px;}
	.interview-modal .modal-close{display: none;}
}



/*# sourceMappingURL=recruit.css.map */