@charset "utf-8";
/* CSS Document */

body{
font-size:16px;
font-family:"Noto Sans JP","Hiragino Kaku Gothic Pro","ヒラギノ角ゴシック Pro",Meiryo,"メイリオ","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-weight: 400;
position:relative;
width: 100%;
overflow-x:hidden;
line-height: 1.8;  word-break: break-all;
-webkit-text-size-adjust: 100%;
}

body main{font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴシック Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.page{
    padding: 10px 0 0px;
}
li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.clrfix {
    display: block;
}.clrfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

/**/

.interview-link-to-archive{
    background-color: #444;
    border: 2px solid #444;
    border-radius: 40px;
}
.interview-link-to-archive:hover {
    background-color: #fff;
    color: #444;
    text-decoration: none;
}


/*------------パンくず------------*/

#topicpath {
    clear: both;
    margin: 5px 0 15px;
    font-size: 76.9%;
    padding-left: 0;
}
#topicpath {
    margin-bottom: 80px;
}
#topicpath a:link,
#topicpath a:visited {
    color: inherit;
    text-decoration: underline;
}

#topicpath li {
    float: left;font-size:16px;
}

#topicpath li + li:before {
    content: "＞";
    margin: 0 3px;
}

h1#pagetl {
    clear: both;
    font-size: 153.8%;
    font-weight: bold;
    margin: 15px 0 25px;
    line-height: 1.1;
}

.texttl {
    clear: both;
    margin: 0 0 20px;
    padding: 11px;
    position: relative;
    min-height: 17px;
}
/*.news
.texttl .icon {
    position: absolute;
    right: 11px;
    top: 8px;
}

.texttl h1 {
    border-left: 4px solid #2A2823;
    padding: 0 0 0 8px;
    font-size: 138.5%;
    font-weight: bold;
}
*/

.single-news .texttl{
    border-bottom: 2px solid #2A2823;
    padding-left: 0px;
    position: relative;background:none;padding: 11px;
}
.single-news .texttl h2,.single-news .texttl h3{border-left:none;}
.single-news .news .newstl time {
    position: absolute;
    right: 15px;
    bottom: 8px;
    font-size: 92.3%;
}
.single-news h2 {
    color: #444;
    display: block;
    position: relative;
    font-size: 32px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.single-news .texttl h2,.single-news .texttl h3 {
    border-left: 4px solid #2A2823;
    padding: 0 0 0 8px;
    font-size: 138.5% !important;
    font-weight: bold;
    line-height: 1.1;
    margin-bottom: 0;
}.single-news .texttl h2, .texttl h3 {
    border-left: none;
}.single-news .texttl.newstl h2 {
    padding-right: 130px;padding-left:0;
}
.news{display:block;padding:0;}



.subtl01 {
    clear: both;
    padding: 0 0 10px;
    position: relative;
    border-bottom: 1px solid #CCC;
    margin: 0 0 15px;
}

.subtl01 h1 {
    border-left: 4px solid #2A2823;
    font-weight: bold;
    font-size: 107.7%;
    padding: 0 0 0 8px;
}

.subtl01 .link {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 1.1;
}

.subtl01 .link a {
    background: url(../images/ic_arrow01.gif) no-repeat left;
    padding: 0 0 0 16px;
    font-size: 92.3%;
    color: inherit;
    text-decoration: none;
}

a{    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out;}

.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}


.section-heading__en{font-family:inherit;}
.section-heading__ja{font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴシック Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;color:inherit;
}
.section-heading {
    margin: 20px 0;
    font-weight: bold;text-align:center;
}

.page-template-recruitpage-recruit-php .container{
    width: 100%;
padding: 0 30px;
    margin-right: auto;
    margin-left: auto;
}
.interview-top__body{color:#333;}
.interview-top__name{    border-top: 1px solid #333;}
/**/
.faq{padding-top:0;padding-bottom:0;}
.faq-heading__btn{    transition: 0.2s ease-in-out;}

.kaso_back{    background-size: cover;
    /* background-attachment: fixed; */
    background-repeat: no-repeat;
    background-position: center center;
    padding-top:300px;
    position: relative;
    overflow: hidden;background-image: url(../../../../../../index/img/new/_5BX2905.jpg);
}
.kaso_tit_wrap{    background: #444444;
    padding: 10px 0;
    color: #fff;}

.pg_data .kaso_back{background-image: url(../img/common/back_data.jpg);
    background-position: center 14%;}

.pg_faq .kaso_back{background-image: url(../../../../../../images/company/recruit/faq/page_title.jpg);
    background-position: center 14%;}

#pagetl{font-size: 38px;}
h1#pagetl {
    clear: both;
    font-size: 153.8%;
    font-weight: bold;
    margin: 15px 0 25px;
    line-height: 1.1;
}
/**/

@media (min-width: 1200px) {
    .page-template-recruitpage-recruit-php .container{
        width: 1300px;
        max-width: 100%;
    }
}

.recruit-top-movie {
    overflow: hidden;
    position: relative;
    border-radius: 22px;
    margin:0 46px;    margin-bottom: 60px;
}

.news2{margin-bottom:80px;}


.catch{
  height:128px;width:100%;
position:absolute;
top:0;
bottom:0;margin:auto 0;
left:6%;
font-size: 128px;
font-weight: 700;
line-height:1;}
.message01 h2{margin-bottom:50px;font-weight:700;}
.message01 h2 span{font-size:24px;font-weight:700;line-height:1;display:block;margin-bottom:50px;}
.message01 p{font-size: 24px;
font-weight: 700;
line-height: 1.25;}
.overimg{    margin-right: calc(50% - 50vw);}
.overimg img{width:100%;object-fit:cover;object-position:50% 50%;}
.message01{display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;}
/**/

#about .section-heading {
    margin: 20px 0;
    font-weight: bold;
}

#message{margin-bottom:160px;}
.recruit-works__body {line-height:1.25;
    max-width: inherit;
    padding: 0;
    font-size: 1rem;
    text-align: center;
}

.interviews-backnumber{display:none;}
.recruit-environments{display:none;}

.personality{    background: url(../img/home/img_person.jpg) no-repeat 50% 100%;
    background-size: cover;
    padding: 30px;
    padding-top: 50px;position:relative;margin-bottom:30px;}
.personality:before{content:'';position:absolute;z-index:1;width:100%;height:100%;top:0;left:0;background:rgba(255,255,255,0.36);}

.personality h3{margin-bottom:40px;position:relative;z-index:2;}

.wrap_n1{}
.recruit-top-movie{    height: 0;
    padding-top: 40%;}

.recruit-top-movie__bg{    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}

.catalog_img_wrap {
    margin-bottom: 30px;
}
.n1_wrap .back_img_wrap{
    background: url(../img/home/img_works.jpg) no-repeat 50% 56%;
    background-size: cover;
    background-repeat: no-repeat;
    position:relative;
    padding: 20px 0;
    padding-bottom: 0;
}
.n2_wrap .back_img_wrap{
    background: url(../img/home/img_data.jpg) no-repeat 50% 6%;
    background-size: cover;
    background-repeat: no-repeat;}

.n1_wrap .back_img_wrap:before {
    content: '';
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
    width: 100%;
    height: 100%;top:0;left:0;
}

#qa1 .n1_wrap .back_img_wrap {
    background: url(../../../../../../images/company/recruit/faq/page_title.jpg) no-repeat 50% 56%;
    background-size: cover;
    background-repeat: no-repeat;
}
#qa1 .n1_wrap .back_img_wrap::before{background: rgba(255, 255, 255, 0.26);}

.n1_wrap .back_img_wrap *{position:relative;z-index:2;    color: #fff;}

.n1_wrap .back_img_wrap .div {
    z-index: 10;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    color: #fff;
    position: relative;
    font-size: 20px;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: column;
}
.motomeru_wrap{position:relative;z-index:2;
    margin-bottom: 10px;
    margin-top: 20px;
    display: table;
    margin: 0 auto;
    max-width: 500px;
    width: 100%;
}
.number01{    display: inline-block;
    width: 30px;
    height: 30px;
    background: #fff;
    margin-right: 20px;}

.motomeru1{    font-size: 20px;    margin-bottom: 14px;    font-weight: bold;}

.button {
  text-decoration: none;
  outline: none;
}
.button:hover{  text-decoration: none;}
a:hover{  text-decoration: none;}

.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.more1 {
    background: #444;
    color: #fff;
    line-height: 44px;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    margin: 0 auto;
    display: table;
    position: relative;
    color: #fff !important;
    max-width: 288px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 40px;
    margin-top: 24px;
	border-radius:30px;
}

.more1:hover{background:#666;}

.more1:hover{text-decoration: none;}

a:hover .more1{background:#666;}


.wrap_n1{position:relative;}

.wrap_n1 h3 span{display:block;}

#movie{padding:60px 0;}
.recruit-information__menu{    justify-content: space-between;}
.recruit-information__menu > li {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 49.4%;
    flex: 0 1 49.4%;
    max-width: 49.4%;
}
  .recruit-information__menu a[aria-controls="career"].active {
    background-color: #009D90;
    color: #fff; }
.recruit-information__menu a[aria-controls="career"] {
    border: 3px solid #009D90;
    color: #009D90;
}
.recruit-information__menu a[aria-controls="career"]:hover:after,.recruit-information__menu a[aria-controls="career"].active:after{border-top: 14px solid #009D90;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;}

.recruit-information__table th{    background-color: #FFE1D4;
    vertical-align: middle;
    padding: 16px;
    border-top: 1px solid #a0a0a0;
    width: 162px;
    font-size: 1.25rem;
    text-align: center;}

.recruit-entry{background:none;}
.btn-entry{
    display: block;
    padding: 30px 20px;
    position: relative;
    border: 2px solid #eb501f;
    background-color: #eb501f;
    width: 100%;
    max-width: 100%;    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out;
}
.btn-entry-new{background-color: #eb501f!important;color:#fff!important;}

.btn-entry-new .btn-enrty_in{
    background: #fff;
    color: #eb501f;
    display: inline-block;
    margin: 0 10px;
    padding: 20px;
    font-weight: bold;
    max-width: 200px;
    width: 100%;margin-bottom:10px;
}
.btn-entry-new .btn-enrty_in:hover{color:#000;}

@media (min-width: 768px) {
    .btn-entry__en {
        font-size: 3rem;
    }
}
.recruit-entry__lead {
    text-align: center;
    margin-bottom: 60px;
    border: 1px solid #000;
    padding: 10px 0;
}

.footer-logo_txt{text-align:center;color:#fff;margin-top: 10px;}

.footer-top{
    background: url(../img/common/footer_img.jpg) no-repeat center 76%;
    background-size: cover;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: column;
    position:relative;
}
.footer-top:before {
    position: absolute;
    content: '';
    background: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 1), rgba(0, 0, 0, 0));
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 40%;
}

.recruit_1{position:relative;margin-top:60px;}

.con_box_in2_wrap{
    max-width: 780px;
    margin: 0 auto;}

h3.tit_here{
    font-size: 20px;
    text-align: center;
    position:relative;
        margin-bottom: 24px;
}

h3.tit_here:before {
    content: '';
    position: absolute;
    z-index: 0;
    height: 1px;
    top: 13px;
    width: 100%;
    background: #000;
    left: 0;
}
h3.tit_here span {
    text-align: center;
    display: table;
    margin: 0 auto;
    background: #fff;
    position: relative;
    padding: 0 26px;
}
.foot .f_tel_wrap {
    color: #FF4D00 !important;
    max-width: 290px;
    display: block;
    line-height: 100%;
    margin-top: -10px;
}

.f_tel {
    position: relative;
    width: 100%;
    padding-left: 43px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    background: url(../img/common/ico_tel.svg) 10px 100% no-repeat;
    background-size: 26px;
    font-weight: 700;
    font-size: 36px;
    line-height: 120%;
}
.con_box_in2{    display: table;
    margin: 0 auto;}

.con_btn{    display: table;
    margin: 0 auto;
    padding: 20px;
    max-width: 290px;
    width: 100%;
    text-align: center;
 /*   border: 1px solid #eb501f;*/
    position: relative;
    color: #eb501f;
    padding-left: 56px;}
/*.con_btn:hover{background:#efefef;}*/

.con_btn:before {
    content: '';
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/common/ico_mail.svg) no-repeat 6% 50%;
    background-size: 24px;
}
a.f_tel_wrap{color: #e3501d;}


#qa1{margin-top:150px;}

#job_description{margin-bottom:80px;}
#job_description .recruit-information__table th {
    background-color: #efefef;}

.header-caption{display:none!important;}


.page-template-recruitpage-recruit-php .container.header-container{width:100%;}
.page-template-recruitpage-recruit-php .container.header-container,.container.header-container {
    width: 100%;max-width: 100%;
    padding: 0 46px;
    padding-top: 20px;
}
.header-menu a{padding:0 12px;    padding-bottom: 20px;}

/**/
#news .section-heading__en{display:inline-block;}
#news .section-heading__ja{display:inline-block;margin-left:20px;font-size:24px;}

.newsbox{flex: 1;}

#news ul{width:100%;/*border-top: 1px solid #cbcdd3;*/}
.news a {
    color: #231815;
    display: inline-block;
}
.news_in.more1 {
    max-width: 100%;
    width: 100%;
    display: block;
    margin: 0 auto;
    border-radius: 30px;
   /* background: #F5F5F5;
     padding: 0px 20px; */
  /*  padding-left: 60px;*/
    z-index: 2;
    position: relative;
}


.news_in li:nth-child(1) { -webkit-transition-delay: .3s; transition-delay: .3s; }
.news_in li:nth-child(2) { -webkit-transition-delay: .6s; transition-delay: .6; }
.news_in li:nth-child(3) { -webkit-transition-delay: .9s; transition-delay: .9s; }
.news_in li:nth-child(4) { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; }
.time1{font-size:15px;display:block;    padding-left: 16px;border-left:1px solid #009D90;
    margin-bottom: 17px;}

h4.new_tit{font-size:20px;}

.news_in  a:hover h4.new_tit{color:#009D90;}

.news_in  a:hover h4.new_tit span{}

.news_text{padding: 14px 26px;    padding-right: 70px;padding-top:0;
    padding-bottom: 2px;position:relative;/*border-bottom:1px solid #cbcdd3;*/}
.news_text:after{content:'';background:url(../../../../../../index/img/new/arrow.svg) no-repeat 50% 50%;background-size:34px;position:absolute;top:0;bottom:0;margin:auto 0;right:0;height: 30px;width:34px;height:34px;
}

.news_in ul li{border-bottom:1px solid #cbcdd3;padding-top:14px;padding-bottom:14px;display:block;}
.news_in  ul li:last-child{border-bottom:none;}

.news_in li a{    display: flex;display:table;
    justify-content: flex-start;
    align-content: space-around;
    align-items: flex-start;width:100%;}
.news_text{width:80%;display:table-cell;    vertical-align: top;}
.img_wrap{width:20%;display:table-cell;    vertical-align: top;}

.news_text p{
font-size: 14px;
font-weight: 400;
line-height: normal;
}
span.noi span:before {
    content:"";
    display: block;
    padding-top: 75%;
}
/*.img_wrap{border: 1px solid #000;}*/

span.noi{display:block;
    border: 1px solid #ccc;
}
span.noi span {
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    background-position: 50% 50%;
}
.scale{overflow:hidden;}
.scale > span{   -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;}
a:hover .scale > span{   -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;}
/**/

.name_alphabet{    font-size: 28px;
    font-weight: bold;}
.name_alphabet span{
    font-size: 17px;
    margin-left: 2px;}

.r_kasen{background: linear-gradient(transparent 60%, #cccccc 30%);display: inline-block;}

.s_txt1 p{color: #444;margin-bottom:0;font-weight:bold;}
.s_txt1{  /*  margin-top: -56px;*/
    position: relative;
    display: block;}
.img_radius{position:relative;margin-top:-40px;}
.inter_wrap a{display:block;height:100%;}

.inter_wrap{margin-bottom:80px;padding:0 10%;}

.no_wrap{display: flex;
    justify-content: flex-start;
    align-items: center;    font-weight: bold;margin-bottom:20px;
}
.no_tit{    font-size: 18px;}

.inter1{    display: block;
    height: 100%;
    position: relative;}
.img_radius:before {
    content: '';
    width: 200px;
    height: 200px;
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    top: -60px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #eee;
}

.inter1 .no1{
    position:relative;
    z-index: 10;
    width: 38px;
    height: 38px;
    top: 0;
    left: 0;
    text-align: center;
    display: flex;
    background: #E5D1AE;
    color: #fff;
    font-weight: bold;
    line-height: 1;
    border-radius: 9px;
    align-items: center;
    justify-content: center;
    align-content: center;    margin-right: 10px;
}
.img_radius img{    width: 100%;
    height: auto;    border-bottom-left-radius: 30%;
    border-bottom-right-radius: 30%;
}

/**/
.recruit-interview__movies .inter_wrap:nth-of-type(1){}
.recruit-interview__movies .inter_wrap:nth-of-type(1) .inter1 .no1{
    background:#E5D1AE;
}
.recruit-interview__movies .inter_wrap:nth-of-type(1) .img_radius:before {
        background: #E5D1AE;
}
.recruit-interview__movies .inter_wrap:nth-of-type(1) .r_kasen{    background: linear-gradient(transparent 60%, #E5D1AE 30%);}

.recruit-interview__movies .inter_wrap:nth-of-type(2){}
.recruit-interview__movies .inter_wrap:nth-of-type(2) .inter1 .no1{
    background:#B6D1BE;
}
.recruit-interview__movies .inter_wrap:nth-of-type(2) .img_radius:before {
        background: #B6D1BE;
}
.recruit-interview__movies .inter_wrap:nth-of-type(2) .r_kasen{    background: linear-gradient(transparent 60%, #B6D1BE 30%);}


.recruit-interview__movies .inter_wrap:nth-of-type(3){}
.recruit-interview__movies .inter_wrap:nth-of-type(3) .inter1 .no1{
    background:#90C1C6;
}
.recruit-interview__movies .inter_wrap:nth-of-type(3) .img_radius:before {
        background: #90C1C6;
}
.recruit-interview__movies .inter_wrap:nth-of-type(3) .r_kasen{    background: linear-gradient(transparent 60%, #90C1C6 30%);}


.recruit-interview__movies .inter_wrap:nth-of-type(4){}
.recruit-interview__movies .inter_wrap:nth-of-type(4) .inter1 .no1{
    background:#B3BFD4;
}
.recruit-interview__movies .inter_wrap:nth-of-type(4) .img_radius:before {
        background: #B3BFD4;
}
.recruit-interview__movies .inter_wrap:nth-of-type(4) .r_kasen{    background: linear-gradient(transparent 60%, #B3BFD4 30%);}


.recruit-interview__movies .inter_wrap:nth-of-type(5){}
.recruit-interview__movies .inter_wrap:nth-of-type(5) .inter1 .no1{
    background:#B8B0CF;
}
.recruit-interview__movies .inter_wrap:nth-of-type(5) .img_radius:before {
        background: #B8B0CF;
}
.recruit-interview__movies .inter_wrap:nth-of-type(5) .r_kasen{    background: linear-gradient(transparent 60%, #B8B0CF 30%);}

.recruit-interview__movies .inter_wrap:nth-of-type(6){}
.recruit-interview__movies .inter_wrap:nth-of-type(6) .inter1 .no1{
    background:#D4C1D0;
}
.recruit-interview__movies .inter_wrap:nth-of-type(6) .img_radius:before {
        background: #D4C1D0;
}
.recruit-interview__movies .inter_wrap:nth-of-type(6) .r_kasen{    background: linear-gradient(transparent 60%, #D4C1D0 30%);}


.recruit-interview__movies .inter_wrap:nth-of-type(7){}
.recruit-interview__movies .inter_wrap:nth-of-type(7) .inter1 .no1{
    background:#D2B6B9;
}
.recruit-interview__movies .inter_wrap:nth-of-type(7) .img_radius:before {
        background: #D2B6B9;
}
.recruit-interview__movies .inter_wrap:nth-of-type(7) .r_kasen{    background: linear-gradient(transparent 60%, #D2B6B9 30%);}


.recruit-interview__movies .inter_wrap:nth-of-type(8){}
.recruit-interview__movies .inter_wrap:nth-of-type(8) .inter1 .no1{
    background:#D2B6B9;
}
.recruit-interview__movies .inter_wrap:nth-of-type(8) .img_radius:before {
        background: #D2B6B9;
}
.recruit-interview__movies .inter_wrap:nth-of-type(8) .r_kasen{    background: linear-gradient(transparent 60%, #D2B6B9 30%);}

.recruit-interview__movies .inter_wrap:nth-of-type(9){}
.recruit-interview__movies .inter_wrap:nth-of-type(9) .inter1 .no1{
    background:#C0B49D;
}
.recruit-interview__movies .inter_wrap:nth-of-type(9) .img_radius:before {
        background: #C0B49D;
}
.recruit-interview__movies .inter_wrap:nth-of-type(9) .r_kasen{    background: linear-gradient(transparent 60%, #C0B49D 30%);}

.mb60{margin-bottom:60px;}

#about .wrap_n1 h3 span{    font-size: 17px;
    margin-top: 7px;}

.nosp{display:block!important;}
.nopc{display:none!important;}


.data-main {
    background:none;
    padding: 10px 0;
    color:inherit;
}
.data-sinrin {
    background-color: #fff;
    padding: 50px 0 40px;
    color: inherit;
    padding-bottom: 0;
}
.data-row{column-gap: 10px;}
.top-0 {
    top: 0px !important;
}

@media (max-width: 1200px){
    .header-menu a {
    padding: 0 8px;
    padding-bottom: 20px;
}
.nosp{display:none!important;}
    .nopc{display:block!important;}
}
@media (max-width: 991.98px) {
        .header-menu a{        padding: 1em 20px;
        text-align: left;
        position: relative;}
            .header-entry br{display:none;}
    .header-entry {
        display: block;
        height: 50px;
        text-align: center;
        line-height: 1.2;
        padding: 7px 5px 0;
        position: fixed;
        right: 70px;
        top: 10px;
        border-radius: 70px;
        width: 110px;
    }
    .footer-logo {
    margin-top: -28%;
    }


}
@media (max-width: 768px) {
    .recruit-works__body{background:none;}
    .container.header-container {
    padding-left: 20px!important;
}
        .kaso_back {
        padding: 30px 0;
        padding-top: 80px;
    }
        h1#pagetl {
        clear: both;
        font-size: 110.8%;
        font-weight: bold;
        margin: 15px 0 15px;
        line-height: 1.1;
    }
    #topicpath li{font-size:13px;}
    
    
    

    .con_box_in2 p{    font-size: 11.6px;}
        .con_box_in2 p.f_tel{    font-size: 26px;
    line-height: 120%;        line-height: 120%;
        min-height: 36px;
    }
    .footer-logo {
    margin-top: -12%;
}
    a.con_btn {
        padding: 10px;}
    
    #job_description .recruit-information__table th {
            background-color: #efefef;
        display: block;
        width: 100%;
        padding: 6px 10px;
    }#job_description .recruit-information__table td{        padding: 18px 15px;
        display: block;
        width: 100%;
    }
    #information .recruit-information__table th {
        padding: 6px 10px;  display: block;
        width: 100%;        font-size: 15px;
    }#information .recruit-information__table td{        padding: 18px 15px;  display: block;
        width: 100%;
    }
    
        .header-menu a {
        padding: 6px 20px;
        text-align: left;
        position: relative;
    }
    
    .catch{height: 60px;font-size:60px;}
    #qa1 {
    margin-top: 0px;
}
    #news ul{padding-left:0;}
    
    .news_in li a {
display: flex;
    justify-content: flex-start;
    align-content: space-around;
    align-items: flex-start;
    width: 100%;
    flex-direction: column;
}.img_wrap {
    width: 100%;
    display: table-cell;
    vertical-align: top;
    max-width: 250px;
        margin: 0 auto;
}.news_text {margin: 0 auto;
    margin-top: 20px;
}h4.new_tit {
    font-size: 15px;
}
    #news .d-flex + div{text-align:center!important;}
    
    #message img{width:100%;height:auto;}
    
    h2.section-heading .section-heading__en{font-size: 1.67rem;}
    
    .section-heading + p{font-size:11.2px;}
    .footer-top {
    background: url(../img/common/footer_img.jpg) no-repeat center 76%;
    background-size: cover;
        height: 380px;    position: relative;
    padding-top: 45%;}
    
    .footer-btn-to-top img{width:40px;height:40px;}
    
    
    .personality {
    padding: 20px;
        padding-top: 30px;}
    .personality h3 {
    font-size: 1.2rem;
}
    .motomeru1{    font-size: 16px; }
    .number01{    line-height: 1.9;}
    .recruit-works__body p {
    margin-bottom: 30px;
    font-size: 0.7rem;
}
.recruit-flow > li {
    position: relative;
    margin-bottom: 20px;
}

    .recruit-flow > li:before {
        content: '';
        position: absolute;
        z-index: 1;
        /* top: 0; */
        bottom: -26px;
        left: 0;
        right: 0;
        margin: 0 auto;
        display: inline-block;
        width: 73.5px;
        height: 30px;
        background: #333;
        clip-path: polygon(0 26.5%, 24.2% 26.5%, 24.2% 0, 75.8% 0, 75.8% 26.5%, 100% 26.5%, 50% 100%);
    }
.recruit-flow > li.recruit-flow__end:before{content:none;}

                .header-menu a{
        padding: 1em 20px;
        text-align: left;
        position: relative;
    }
    #news .d-flex {
    flex-direction: column;}
    #news .section-heading__en {
    display: block;
}
    #news .section-heading__ja {
    display:block;
    margin-left: 0px;
font-size: 1rem;
}
    .message01 h2 br{display:none;}
.recruit-interview__movies .inter_wrap .img_radius:before{    width: 60%;
    height: 60%;}
    
    .message01 h2{
    margin-bottom: 50px;
    font-weight: 700;
    font-size: 1.66rem;
}.message01 h2 span{
    font-size: 20px;
     font-weight: 700;}
    .message01 p {
        font-size: 14px;}
   /* .recruit-information__table th {
        font-size: 1rem;
        width: 100%;
        padding: 6px 16px;
    }*/
    .recruit-information__table td p {
    font-size: 14px;
}
    .recruit-information__table td ul li {
    font-size: 13.8px;
}
}
@media (min-width: 768px) {
    .recruit-interview__movies {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .footer-menu {
        font-size: 0.75rem;
        display: table;
     /*   margin: 0 auto;
        padding-left: 3em;*/
    }
    #message {
    margin-bottom: 50px;
}
}
@media (min-width: 991px) {
    
    
        .recruit-interview__movies {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
    
.recruit-flow_wrap{margin-top:60px;}

.recruit-flow {
    margin-top:30px;
    margin-bottom: 60px;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    align-content: center;
}
.recruit-flow > li {
    position: relative;
    margin-bottom: 20px;
    border: 1px solid #a0a0a0;
    text-align: center;
    font-weight: bold;
    font-size: 1rem;
    padding: 17px 10px;
    line-height: 1.5;
    background-color: #F0F0F0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 13%;
    max-width: 13%;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.recruit-flow > li:before{
    content:'';position:absolute;z-index:1;top:0;bottom:0;margin:auto 0;    right: -37px;
  display: inline-block;
  width: 50px;
  height: 73.5px;
  background: #333;
  clip-path: polygon(0 16%, 26.5% 16%, 26.5% 0, 100% 50%, 26.5% 100%, 26.5% 84%, 0 84%);
}

.recruit-flow > li.recruit-flow__end:before{content:none;}

    
    .header-entry__ja {
    font-size: 0.75rem;
    display: block;
    writing-mode: vertical-lr;
    letter-spacing: 11px;
    padding-top: 5px;
}.header-entry__en {
    font-size: 24px;
    font-weight: bold;
    display: block;
    line-height: 1;
}
    .header-entry{
        border: 2px solid #eb501f;
        background-color: #eb501f;
        color: #fff;
        /* display: none; */
        position: fixed;
        top: 155px;
        right: 0;
        border-radius: 10px 0px 0px 10px;
        background: #FF4D00;
        height: 203px;
        display: flex;
        flex-shrink: 0;
        align-items: flex-start;
        justify-content: center;
        align-content: center;
        padding: 40px 10px;
        padding-left: 22px;
        padding-bottom:30px;
    }    
}@media screen and (max-width: 575.98px) {
    body {
        margin-top: 70px;
    }
    .single-news .texttl.newstl h2 {
        padding-right: 0;
        font-size: 100.5% !important;
    }
    #topicpath{
    margin-bottom: 40px;
}
    .recruit-top-movie{margin: 0 3%;}
    .page-template-recruitpage-recruit-php .container {
        padding: 0 16px;}
    .news_text {
    padding: 14px 16px;
    padding-right: 40px;
}   #message {
    margin-bottom: 30px;
}