*, *::before, *::after {box-sizing: border-box; }
* {outline: none !important; margin: 0; padding: 0 }
:root {
    --font-family: "Noto Sans JP", sans-serif;
    --font-family-montserrat:  Montserrat, sans-serif;
    --transparent: rgba(0,0,0,0);
    --orange:#FF5F00;
    --black: #000000;
    --white: #FFFFFF; 
    --font14:14px;
    --font16:16px; 
    --font40:40px;
    --fonth2:50px; 
    --font30:30px; 
    --fonth3:20px; 
}

.recru-index-content-wrapper h2{font-size: var(--fonth2);}
.bg-orange-recru{background-color: var( --orange);}
body, p {line-height: 26px; font-size:var(--font14); font-weight: 400; font-family: var(--font-family);}
.btn-orange-border .btn{border: 2px solid var(--orange); color: var(--orange); background: transparent;}
.btn-orange-border .btn:hover, .btn-orange-border .btn:focus, .btn-orange-border .btn:active{background: var(--orange) !important; border: 2px solid var(--orange) !important; color: var(--white);}
.recru-content-title-btn .btn, .az-card, .recru-team-block, .counter-blk {
    /* -webkit-transition: 0.5s ease; */
    -moz-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    /* transition: 0.5s ease; */
 }
.flex-algin-center{
    -ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox; display:-moz-flex;display:-webkit-flex;display:flex;
    -webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;
    -webkit-justify-content:center;-ms-justify-content:center; justify-content:center;
    -webkit-align-items: center; -ms-flex-direction: center; align-items: center;
    flex-wrap: wrap; -webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
}

.btn-orange-border.btn-entry a { background: var(--orange); color: var(--white); font-weight:700;}
.btn-orange-border.btn-entry a:hover, .btn-orange-border.btn-entry a:focus { background: #c5c6c5 !important; border-color: #c5c6c5 !important; color: var(--orange);}

nav.l-nav.js-nav {display: none !important;}
.header-logo.header-logo-recruiting img {width: auto !important; max-width: 70px; margin-left:0 !important;}
.site-header .site-logo .header-logo.header-logo-recruiting { display: flex !important; flex-wrap: wrap !important; width: 129px; margin-left: 10px; padding: 8px 0 0;}
.site-header .site-logo .header-logo.header-logo-recruiting strong {font-weight: 900; font-size: 15px; color: var(--black) !important;}
.recru-index-content-wrapper .recru-img-blk .az-image, .recru-index-content-wrapper .recru-img-blk img{width: 100%; height: 100%; object-fit: fill;}
.recru-index-content-wrapper .row {margin-left: -8px !important; margin-right: -8px !important; }
.recru-index-content-wrapper .row .az-column  {padding-left:8px !important;padding-right:8px !important;}
.recru-index-content-wrapper .container {max-width: 1030px;}
.recru-index-banner-hidden{overflow: hidden;}
.recru-index-banner{position: relative;}
.recru-index-banner h1 { line-height: 0; margin: 0; }
.recru-index-banner:after{content: ""; position: absolute; top:0; left:0; background: url(../images/jp/circle.png) center / cover no-repeat; display: block; width: 100%; height: 100%; }
.recru-precident-banner:after{display: none;}
.recru-index-banner .recru-index-banner-content{display: flex; flex-wrap: wrap; width: 100%; flex-direction: column; height:680px;  z-index: 1;  position: relative; }
.recru-memebr-banner .recru-member-banner-content{height:680px;}
.recru-index-banner .recru-index-banner-content .m-mainvisual__lead-wrap {position: relative; display: block; width: 100%; }
.recru-index-banner .recru-index-banner-content .m-mainvisual__lead-wrap p{ padding: 10px 25px;  font-weight: 700; font-size: var(--fonth3); line-height: 1.8; background-color: var(--orange); color: var(--white); width: auto; display: inline-block; margin: 0; position:relative;}
.recru-index-banner .recru-index-banner-content .m-mainvisual__head{position:absolute;bottom: 4px;}
.recru-index-banner .recru-index-banner-content .m-mainvisual__head span {/*font-size: calc(var(--font30) * 2);*/ letter-spacing: .1em; line-height: 1.5; background: var(--orange);    color: var(--white); font-weight: 900; padding: 10px 20px 15px; }
.recru-index-banner .recru-index-banner-content .m-mainvisual__head span, .recru-index-banner .recru-index-banner-content02 .m-mainvisual__head span {
    font-size: 72px;
}
.recru-index-banner .recru-index-banner-content .m-mainvisual__head span span{background-color: transparent;}
.recru-index-banner .recru-index-banner-content h1 span{display: inline-block;}
.recru-index-banner .recru-index-banner-content h1{bottom: -3px !important;}
.recru-index-banner .recru-index-banner-content .m-mainvisual__bodyTxt {font-size: var(--font30); font-weight: bold; line-height: 1.56; color: var(--white); font-family:var(--font-family-montserrat); position: absolute; right: 8.75%; top: 0; bottom: 0; margin: auto; transform: translateY(50%); letter-spacing: .06em; }
.recru-index-banner .message_president_banner .m-mainvisual__head span {font-size: calc(var(--font40) + 8px);} 
.recru-index-banner .recru-index-banner-content .m-mainvisual__head span.name, 
.recru-index-banner .recru-index-banner-content .m-mainvisual__head span.name.position { font-size: 18px; letter-spacing: .12em; position: relative; top: -2px;}
.recru-index-banner .recru-index-banner-content .m-mainvisual__head span.name.position{font-size: 13px;  padding-left: 20px;}
.recru-index-banner .recru-index-banner-content .m-mainvisual__head b {display: inline-block; background: var(--orange);}
.m-mainvisual__head b span{padding:10px 20px 15px;}
.recru-index-banner .recru-banner-business-content .m-mainvisual__head span.small {font-size: 42px;}


.m-mainvisual__lead-wrap-white{ position:absolute; left:58px; top:80px}
.m-mainvisual__lead-wrap-white p.m-mainvisual__lead {background: rgba(255, 255, 255, .5); display: inline-block; color: var(--orange); padding: 8px; font-size: calc(var(--font40) + 2px);  line-height: 1; font-family: var(--font-family-montserrat); font-weight: bold;}
.recru-index-banner  .recru-banner-business-content  .m-mainvisual__head span.number {line-height: 1.5;color: var(--black); font-family: var(--font-family-montserrat); font-weight: bold;letter-spacing: .1em; font-size: 36px; padding: 10px  40px;position: relative;bottom: -14px;}
.recru-memebr-banner::after{display: none;}
.recru-member-banner-content {}
.recru-member-banner-content .m-pagevisual__nameTxt {position: absolute; bottom: 42%; right: 8.5%; font-size: 28px; letter-spacing: .1em; font-weight: 700; color: var(--white);}
.recru-precident-banner .recru-index-banner-content .m-mainvisual__bodyTxt {color: var(--white);}

/*****Animation*****/
/* .recru-index-banner{animation: zoomin 2s ease 1s backwards;}
.recru-index-banner:after{animation: zoomout 2s ease 1s backwards;}
.recru-index-banner .recru-index-banner-content .m-mainvisual__lead-wrap p,
.recru-index-banner .recru-index-banner-content .m-mainvisual__head {animation: left-in 2s ease 1.5s backwards;}
.zoomin02, .m-mainvisual__lead-wrap-white p.m-mainvisual__lead{animation: fadein 2s ease 1.5s backwards;}
.m-mainvisual__lead-wrap-white p.m-mainvisual__lead{animation: fadein 2s ease 2s backwards;} */


@keyframes left-in {
    from {opacity: 0; width:0; left:-100%; padding: 0;}
    to {opacity: 1; left:0; width:auto;}
}

@keyframes zoomin {
    from {transform: scale(1.1);}
    to {transform: scale(1);}
}

@keyframes zoomout {
    from {transform: scale(0.9);}
    to {transform: scale(1);}
}

@keyframes fadein {
    from {opacity: 0;}
    to {opacity: 1;}
}
/*****Animation end's*****/

.recru-index-content-wrapper, .recru-innerpage-content-wrapper{padding: 100px 0 40px;}
.recru-content-title-btn{position: relative; padding:72px 40px 73px; height:100%; background:var(--white);}
.recru-content-title-btn:before {left: 0; top: 0; background: var(--orange); width: 12px; height: 120px; position: absolute; content: ""; z-index: 1;}
.recru-content-title-btn:after{width: 0; border-style: solid; border-width: 0 0 52px 52px; bottom: 0; position: absolute; content: ""; height: 0; border-color: transparent transparent #787878; right: 0;}
.recru-content-title-btn h2{font-weight: 700; font-size:var(--fonth2); color: var(--orange); line-height: 1; letter-spacing: .06em; margin: 0 0 120px;}
.recru-content-title-btn p{font-size: var(--font14);font-weight: 400;font-family: var(--font-family);color: var(--black);line-height: 2.28;}
.recru-content-title-btn .btn {margin: 15px 0 !important; justify-content: flex-start; text-align: left; line-height: 1.8; /* width: 100%; max-width: 80%; */ }


.recru-team-wrapper .row {justify-content: center;}
.recru-team-wrapper .row + .row .az-column:last-child {display: none;}

.recru-team-block {position: relative; border: 0; overflow: hidden; border-radius: 0; margin: 0 0 16px;}
.recru-team-block:hover{opacity: 0.7;}
.recru-team-block .card-header{opacity: 0;}
.recru-team-block .card-header, .recru-team-block .memebr-name-btn {border-radius: 0; position: absolute; bottom: 45px; z-index: 1; text-transform: uppercase; left: 0; 
color: var(--white); line-height: 1.5;   border: 0; letter-spacing: .1em; font-size:var(--font16); font-weight: bold; }
.recru-team-block .memebr-name-btn{}
.recru-team-block .memebr-name-btn a{color: var(--white) !important; text-decoration:none !important;line-height: 1.5;border: 0;letter-spacing: .1em;font-size:var(--font16);font-weight: bold;text-align:left;padding: 12px 20px;}
.recru-team-block .card-body {padding: 0; border: 0;}
.recru-team-block .card-body a{display: block;} 


body:not(.user-logged-in) .recru-team-block .card-body .az-link {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1;}
body:not(.user-logged-in)  .recru-team-block .card-body .az-link  a {display: block; height: 100%; }
.recru-team-block:hover .card-body .az-link{background: rgba(255, 255, 255, .2);}

.counter-blk {display: block;width: 100%;background: var(--white)!important; position: relative;padding: 40px 15px;border-radius: 0;height:240px; border: 0;}
.counter-blk:hover{opacity: 0.7;}
.counter-blk:after {content: ""; position: absolute; right: 0; bottom: 0; width: 24px; height: 24px; background: url(../images/jp/icon_blockArrow.png) center / cover no-repeat; }
.counter-blk .card-header {position: absolute; background: transparent; border: 0; top: 0; left: 0; display: flex; justify-content: center; align-items: center; text-align: center; margin: auto; height: 100%; width: 100%; font-size: 6rem; font-weight: bold; color: rgba(0, 0, 0, .2); font-family: Montserrat, sans-serif; letter-spacing: .06em; }
.counter-blk .card-body {padding: 0; }
.counter-blk .card-body h5.card-title{font-weight: bold; font-size: var(--fonth3); color: var(--black);}
.counter-blk .az-ctnr{position:unset !important ;}
.orange-counter-blk .card-header {color: rgba(255, 255, 255, .2);}
body:not(.user-logged-in) .counter-blk .az-link {position: absolute; top: 0; left: 0; height: 100%; display: block; width: 100%; z-index: 1; }
body:not(.user-logged-in) .counter-blk .az-link  a {display: block; height: 100%; }

.orange-counter-blk {background: var(--orange) !important;   height: calc(34.2% - 1rem);}
.orange-counter-blk:after{width: 35px; height: 35px;   background-size: 45px; border: 1px solid var(--white);}
.orange-counter-blk .card-body h5.card-title{color: var(--white);}
.business-counter-blk{height: 240px;}
.business-counter-blk:after{ border:0;}
.owner-info-index .p-front-message__nameTxt {position: absolute; bottom: 0; right: 0;}
.owner-info-index .p-front-message__nameTxt .name, .p-front-message__nameTxt .position, .owner-info-index p{color:var(--white);}
.owner-info-index .p-front-message__nameTxt .name {font-size: 18px; line-height:1; margin: 0 0 10px; font-weight: 900; display:block;}
.owner-info-index .p-front-message__nameTxt .position {font-size: var(--font14); line-height:1;}

.index-video-popup{}
.index-video-popup img{
   /* aspect-ratio: 16 / 9;*/
    height: auto;
    width: 100% !important;
}

/*Message pages*/ 

.message-person-content {background: var(--white); padding: 90px 84px 100px;}
.message-person-content h2 {font-size:36px; font-weight: bold; line-height: 1.55; position: relative; margin: 0 0 60px; color: var(--black);}
.message-person-content p{line-height: 2; letter-spacing: .06em; font-size: var(--font16);}
.message-person-content ol, .message-person-content p+p, .message-person-content p+p {margin-top: 35px;}
.message-person-content ol{list-style:none;counter-reset: section;}
.message-person-content ol li{position: relative;}
.message-person-content ol li:before{counter-increment: section; content: counter(section); font-size: var(--font30); font-family: var(--font-family-montserrat); color: var(--orange); font-weight: bold; position: absolute; top: 24px; left: 0; }
.message-person-content ol li h3 {font-weight: bold; font-size: 22px; line-height: 1; border-bottom: 1px solid var(--black); padding: 28px 0 20px 40px;}
.message-person-link .btn {width: 100%;}
.message-person-content .textInner {margin:40px 0 0;}
.message-person-content .textInner p{font-size: calc(var(--font30) - 2px); line-height: 1.5; color: var(--white); background: #211513; display: inline-block; margin: 5px 0; padding: 5px;}
.message-president-content h2:after {content: ""; position: absolute; left: 0; bottom: 0; background: var(--orange); width: 180px; height: 14px;}
.message-president-content h2 .sp-br{display:none;}
.message-president-content h2{font-size: 36px; line-height: 1.55; position: relative; margin: 0 0 55px; padding: 0 0 30px;}
.message-president-content h2:not(:first-child){margin-top:100px;}
.recru-precident-banner .m-mainvisual__lead-wrap-white p.m-mainvisual__lead{background: transparent;}

/*Business pages*/
.business-intro-orange{padding: 80px 170px 70px;}
.business-intro-orange p, .business-intro-orange{line-height: 2; font-size: var(--font16); letter-spacing: .06em; color: var(--white);}
.business-content-wrapper{padding: 90px 85px 80px 80px;}
.recru-business01-main h2 {font-weight: bold; font-size: var(--fonth2); line-height: 1.66; letter-spacing: .12em; margin: 0 0 50px; color: var(--orange);}
.recru-business01-main h3 {font-weight: bold; font-size: calc(var(--fonth3) + 4px); letter-spacing: .06em; margin: 0 0 30px; color: var(--black);}
.business01-2column-item{border-top:2px solid var(--black); padding: 20px 0 30px;}
.business01-2column-item:last-child{border-bottom:2px solid var(--black);}
.business01-2column-item-content {border: 0;}
.business01-2column-item-content .card-header {background-color: transparent; border: 0; position: relative;left:9px; color: var(--white); height: 74px; width: 85px; padding: 0; display: flex; justify-content: flex-start; align-items: flex-end; font-weight: bold; font-size: 20px; z-index: 1; font-family:var(--font-family-montserrat);}
.business01-2column-item-content .card-header::after{content: ""; position: absolute; top: 3px; left: -10px; height: 100%; width: 100%; display: block; background: url(../images/jp/shape-black.svg); background-size: cover; z-index: -1;}
.business01-2column-item-content .card-body {display: flex; flex-direction: column-reverse; justify-content: center; align-items: flex-start; padding: 20px 20px 20px 85px;}
.business01-2column-item-content .card-body  img {width: 185px !important; margin: 15px 0;}
.business01-2column-item-content .card-body  h3{display: block; margin-top: 12px; font-size: 1.2rem; font-weight: bold; line-height: 1.8rem;}
.business01-2column-item-content .card-body .card-title {display: block; margin-top: 12px; font-size: 20px; line-height: 32px;}
.business02-card{border-radius:0;background: transparent;border: 0;padding: 0 0 50px;position: relative;}
.business02-card:last-child{padding-bottom:0;}
.business02-card .card-header {font-size: 50px; color: var(--orange); font-family: var(--font-family-montserrat); letter-spacing: .06em; font-weight: 700; border: 0; background: transparent; padding: 0; position: absolute; top: 3px; left: 0; }
.business02-card .card-body {padding: 0; }
.business02-card .card-body h5 {display: flex; align-items: center; font-size: 20px; color: var(--white); letter-spacing: .16em; line-height: 1.6; font-weight: 900; width: 100%; padding-left: 100px; margin: 0; }
.business02-card .card-body .row{margin-top: 60px;}
.business02-card .card-body p, .business02-card .card-body .az-text{line-height: 2; letter-spacing: .06em; color: var(--white); font-size: var(--font16);}
.business03-content-wrapper .row {border-top: 2px solid var(--black); border-bottom: 2px solid var(--black); padding: 15px 0; margin-bottom: -2px;}
.business03-content-wrapper .row .az-column { border-left: 2px solid var(--black); border-right: 2px solid var(--black); padding:0;}
.business03-content-wrapper .row:not(:last-child) .az-column:first-child {border-right:0;}
.business03-content-wrapper .row .az-column:nth-child(3){border-left:0;}
.business03-content-wrapper .card, .business03-content-wrapper .card .card-header{border:0; background:transparent;}
.business03-content-wrapper .card .card-header{position:relative;padding-left: 30px;font-size: 18px;font-weight: bold;}
.business03-content-wrapper .card .card-header:before{content:""; height: 18px; width: 18px; display: block; position: absolute; left: 6px; top: 16px; background-color: var(--orange); border-radius: 50px; }
.business03-content-wrapper .card .az-element{margin: 0 auto; display: block; text-align: center;}

.business04-content-wrapper{}
.recru-timeline-block{}
.recru-timeline-block {border-top: 3px solid var(--black);  padding:50px 0; margin-bottom: -2px;}
.recru-timeline-block:last-child{border-bottom: 3px solid var(--black);}
.recru-timeline-block .az-column:last-child{border-left: 2px solid var(--black); padding-left: 40px !important;}
.recru-timeline-block  .col-md-3 .az-text {display: inline-flex; letter-spacing: .06em; border-bottom: 8px solid var(--orange); padding-bottom: 13px; line-height: 1; }
.recru-timeline-block .col-md-3 .az-text h4, .recru-timeline-block .col-md-3 .az-text p{margin:0; align-self:flex-end;}
.recru-timeline-block .col-md-3 .az-text h4 {font-size: 32px; font-weight: 900;}
.recru-timeline-block .col-md-3 .az-text p{font-weight: 900; }
.recru-timeline-block .card {border: 0; background: transparent; position: relative;  width: 80%;}
.recru-timeline-block .card:not(:last-child){padding-bottom: 60px;}
.recru-timeline-block .card .card-header {position: absolute; top: 0; left: 0; background: transparent; border-bottom: 0; padding: 0; color: var(--orange); margin-right: 30px; font-size: 24px; letter-spacing: .06em; font-weight: 900;}
.recru-timeline-block .card .card-body{padding: 0;}
.recru-timeline-block .card .card-body .card-title {padding-left: 50px; font-weight: 900; font-size: 24px; margin: 0 0 35px; }
.recru-timeline-block .card .card-body .az-text, .recru-timeline-block .card .card-body p{line-height: 2; font-size: var(--font16);}
.recru-timeline-block .card .card-body img{margin:50px 0 0;}
.recru-value-blk {margin-bottom: 60px; }
.recru-value-item{padding:0; }
.recru-value-item::before {display: none;}
.recru-value-item .card{border: 0; background: transparent; position: relative;}
.recru-value-item .card .card-header {background: transparent; border-bottom: 0; padding: 0; color:var(--orange); font-weight: 700; position: absolute; font-size: 120px; line-height: 1; letter-spacing: .06em; top: -50px; left: 25px; font-family: var(--font-family-montserrat);}
.recru-value-item .card .card-body{padding: 90px 60px 40px;}
.recru-value-item .card .card-body .card-title {font-weight: 700;font-size: 36px;margin: 0 0 40px;letter-spacing: .12em;line-height: 1.55;}
.recru-valueteam-block{background: var(--orange);}
.recru-valueteam-block .az-text{padding: 25px 27px;}
.recru-valueteam-block .az-text p{line-height: 1.66; letter-spacing: .06em; color: var(--white); font-size: 12px;}
.recru-valueteam-block .az-text h3{font-size: 16px; letter-spacing: .12em; line-height: 1.875; color: var(--white); font-feature-settings: "palt"; margin: 0; }
.recru-valueteam-block .az-text .member{font-family:var(--font-family-montserrat); font-size: 20px; letter-spacing: .06em; margin: 0 0 10px; color: var(--black); font-weight: bold; }
body:not(.user-logged-in) .recru-valueteam-block .az-link{position:absolute;top:0;left:0;height: 100%;width: 100%;z-index: 1;}
body:not(.user-logged-in) .recru-valueteam-block .az-link a{display:block;height: 100%;width: 100%;}
.recru-valueteam-block:hover{opacity:0.7;}
.recru-valueteam-block:after {content: ""; position: absolute; right: 0; bottom: 0; width: 24px; height: 24px; background: url(../images/jp/icon_blockArrow.png) center  no-repeat; background-size: 42px; }
.recru-index-banner .recru-index-banner-content .m-mainvisual__head span span {padding: 0;}
.recru-memebr-banner  .recru-member-banner-content .m-mainvisual__head span {font-size: 48px;}
.recru-memebr-intro {background-color: var( --orange); margin-bottom: 60px; padding: 50px 80px 60px; color:  var(--white);}
.recru-memebr-intro h2 {font-weight: 900; font-size:20px; letter-spacing: .12em; color: var(--black); margin: 0 0 20px;}
.recru-memebr-intro p{line-height: 2; letter-spacing: .06em; color:  var(--white);}
/* .recru-member-content-wrapper .recru-member-content-wrapper{} */
.recru-member-banner-content .m-mainvisual__lead-wrap-white p.m-mainvisual__lead { background: transparent;}
.recru-member-content-wrapper .recru-content-title-btn:after{display:none;}
.recru-member-content-wrapper .recru-content-title-btn h2 {font-weight: bold; font-size: 36px; letter-spacing: .12em; color: var(--black); margin: 0 0 60px; line-height: 1.7;}
.recru-member-content-wrapper .recru-content-title-btn  h3 {font-weight: bold; font-size: var(--font16); margin-bottom: 1em;}
.recru-member-content-wrapper .recru-content-title-btn  {padding: 50px 70px 70px 80px;}
h3.p-member-block__headsub:not(:first-child) {margin-top: 30px;}
.other-employees-block .row{}
.other-employees-block .row .az-column{ -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; margin: 0 0 15px;}
.recru-memeber-value{position: relative;}
.recru-memeber-value .card {background: transparent;border-radius: 0;margin: 60px auto 70px;background: var(--orange);padding: 49px 80px 130px;box-sizing: border-box;border: 0;}
/* .recru-memeber-value .card .card-header {background: var(--white); text-align: center; border-radius: 0; display: inline-block; font-size: var(--fonth2); line-height: 1.5; letter-spacing: .1em; padding: 9px 10px; font-weight: 900; margin: 0 auto 30px; } */
.recru-memeber-value .card .card-header {background: transparent; text-align: center; border-radius: 0; display: inline-block; font-size: 21px; line-height: 2; letter-spacing: .1em; padding: 0; font-weight: 900; margin: 0 auto 30px; border-bottom: 1px solid var(--white); color: var(--white); }
.recru-memeber-value .card .card-body {padding: 0;}
.recru-memeber-value .az-blockquote-inner,  .recru-memeber-value .blockquote-footer{font-size: 16px; letter-spacing: .06em; color:  var(--white); line-height: 2;}
.recru-memeber-value .az-blockquote-inner:after,  .recru-memeber-value .az-blockquote-inner:before {display: none;}
.recru-memeber-value .blockquote-footer{ position: absolute; bottom: -88px; width: calc(100% - 377px); text-align: right; left: 0; font-weight: 400;}
.recru-memeber-value .blockquote-footer:after {position: absolute; bottom: 0; margin: auto; content: ""; top: 0; left: calc(100% + 18px); width: 52px; height: 1px; background:  var(--white); }
.recru-memeber-value .az-button { display: flex; justify-content: flex-end; position: absolute; right: 0px;bottom: -100px;}
.recru-memeber-value .az-button .btn {margin: 0 !important; background:transparent; color: var(--white); border-width:2px; border-color:  var(--white); justify-content:flex-start; }
.recru-memeber-team-blk {padding: 47px 30px 44px; background-color: var(--white);}
.recru-memeber-team-blk:hover{opacity:0.7;}
body:not(.user-logged-in) .recru-memeber-team-blk  .container {position: unset;}
body:not(.user-logged-in) .recru-memeber-team-blk  .az-link { position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: block; z-index: 1;}
body:not(.user-logged-in) .recru-memeber-team-blk  .az-link a{height:100%; width:100%; display: block;}
.recru-memeber-team-blk .az-image{position:relative;}
.recru-memeber-team-blk .az-image:after {content: ""; position: absolute; right: 0; bottom: 0; width: 24px; height: 24px; background: url(../images/jp/icon_blockArrow.png) center  no-repeat; background-size: 42px; }
.recru-memeber-team-blk .az-text {margin: 30px 0 0; }
.recru-memeber-team-blk .az-text h3 {letter-spacing: .12em; margin: 0 0 10px; color: var(--black); /*color: var(--orange);*/ font-size: 14px; font-weight: 700; line-height: 21px;}
.recru-memeber-team-blk .az-text p{font-size: 12px; line-height: 1.66;  color: var(--black); /*color: var(--orange);*/ margin:0;}
.recru-culture-blk {margin: 0 auto; padding: 65px 156px; border: 0; border-top: 6px solid var(--black); box-sizing: border-box; background-color: var(--white); border-radius: 0;}
.recru-culture-blk .card-header {border-radius: 0; border: 0; background: transparent; font-size: 65px; position: absolute; left: 50px; padding: 0; display: block; line-height: 1; font-size: 64px; color: var(--orange); font-family: var(--font-family-montserrat); font-weight: 700; top: 70px;}
.recru-culture-blk .card-header:after{content:"";height: 97px;width: 4px;display:block;background:var(--black);position: absolute;right: -41px;top: -10px;}
.recru-culture-blk .card-title {font-size: 36px; font-weight: 700; margin: 0 0 35px; line-height: 1.3; color: var(--black);}
.recru-culture-blk .card-body {padding: 0 0 0 60px;}
.recru-culture-blk .card-body .az-text p {margin: 0 0 42px; font-size: var(--font16); line-height: 2;}
.recru-culture-wrapper .popup-youtube h2 {position: absolute; top: 34px; left: 51px; font-size: 34px; line-height: 51px; color: var(--white); font-weight: 900; margin: 0;}
.recruit-title-block h2 {border-bottom: 4px solid var(--orange); display: inline-block; margin: auto; font-size: 40px;}
.recruit-title-block {text-align: center; border-bottom: 3px solid var(--black); padding: 0 0 50px; margin: 0 !important;}
.recru-recruit-content-wrapper{}
.memeber-middle p {text-align: center; font-size: 16px; margin: 0 0 33px; letter-spacing: .1em; line-height: 1.5; font-weight: 700; }
.card-block01, .card-block02 {border-radius: 0 ; margin-bottom: 80px; border: 0;}
.card-block01 .card-header, .card-block02 .card-header {text-align: center;border-radius: 0 ; font-size: 30px; color: var(--white); line-height: 1; letter-spacing: .1em; padding: 40px 15px; margin: 0 0 65px; background: #000; }
.card-block01 .card-body,  .card-block02 .card-body {padding: 0 84px 84px;}
.card-block01 .card-title {font-size: 18px; letter-spacing: .12em; text-align: center; margin: 0 0 85px; }
.card-block01 .recruit-popup-block, .card-block02 .recruit-popup-block  {border-top: 3px solid var(--black);  border-bottom: 3px solid var(--black);  padding: 30px 0; }
.card-block01 .recruit-popup-block:not(:first-child), .card-block02 .recruit-popup-block:not(:first-child) {border-top:0 !important;}
.card-block01 .recruit-popup-block h2 {position:relative; letter-spacing: .06em; padding-left: 40px; margin: 0 20px 40px 0; font-size:26px;}
.card-block01 .recruit-popup-block h2:before{content: ""; position: absolute; width: 23px; height: 23px; background: var(--orange); top: 0; bottom: 0; left: 0; margin: auto;}
.card-block01 .recruit-popup-block .btn.btn-primary {margin: 0 !important; }
.card-block01 .recruit-popup-block h3 {font-size: 14px; font-weight: 400; display: inline-block; color: var(--white); background: var(--black); line-height: 1.7; padding: 0 4px; margin: 0 0 18px; }
.card-block01 .recruit-popup-block ul{list-style: none;display: inline-block;width: 100%;padding-left: 35px;}
.card-block01 .recruit-popup-block ul li{padding: 4px 0; position: relative; font-size: var(--font16);}
.card-block01 .recruit-popup-block ul li:before{content:""; background: var(--black); border-radius:50px; height: 16px; width: 16px; position:absolute; left: -31px; top: 9px; }
.recruit-notes {margin: 3px 0; padding: 0 0 0 33px; position: relative; }
.recruit-notes::before {content: "※"; position: absolute; left:5px; top: 0; display: block; font-size: var(--font16);}
.card-block02 .recruit-popup-block{}
.card-block02 .recruit-popup-block h3{font-size: 18px; line-height: 1.8; color: var(--black);}
.card-block02 .recruit-popup-block .card-block02-row{}
.card-block02 .recruit-popup-block .card-block02-row .col-md-9 {position: relative; display: flex; align-items: center; flex-wrap: wrap; }
.card-block02 .recruit-popup-block .card-block02-row .col-md-9::after{content: ""; height: 100%; width: 2px; background: var(--black); position: absolute; left: -20px; top: 0; }
.card-block02 .recruit-popup-block .card-block02-row .col-md-9 p{margin-bottom: 0 !important; font-size: var(--font16);}

 
.recru-popup{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.8);z-index: 9999;display: flex;align-items: center;justify-content: center;}
.recru-popup .container {background-color: var(--white); margin: auto; padding: 0; width: 60%; height: 80%; max-width: 1060px;}
.recru-popup .recru-popup-head {padding: 70px 50px 50px; width: 100%; height: 100%; overflow-y: scroll; margin: 0 !important;}
.recru-popup .popup-close button {font-size: 0; padding: 0; height: 100%; width: 100%; display: block; background: transparent; border: 0; border-radius: 0;}
.recru-popup .popup-close{cursor: pointer;position: absolute;width: 40px;height:40px;top: -60px;right:8px;z-index: 99;font-size:0;border:0; background:url(../images/jp/icon_modalClose.png);background-size:cover;}

/* 
 .recru-popup .container{overflow-y: scroll;background-color: var(--white);margin: auto;padding: 70px 50px 50px;width: 50%;height: 80%;} 
.recru-popup .popup-close{cursor: pointer;position: fixed;width: 50px;height: 50px;top: 0;right:0px;z-index: 99;font-size:0;border:0; background:url(../images/jp/icon_modalClose.png);background-size:cover;}
.recru-popup .popup-close button{font-size:0;padding:0;height:100%;width:100%;display:block;background:transparent;border: 0;border-radius:0;} */
.recru-popup .recru-popup-head .az-text{text-align: center;}
.recru-popup .recru-popup-head .az-text  h2 {text-align: center;font-size: 26px;line-height: 1;letter-spacing: .07em;color: var(--white); background-color: var(--orange);display: inline-block;padding: 10px;margin: 0 auto;}

/*icon_modalClock*/
.recru-popup .cards-list{position:relative; margin:65px 0 0;}
.recru-popup .cards-list:before{content: ""; position: absolute; width: 22px; height: 22px; top: -30px; left: 25px; background: url(../images/jp/icon_modalClock.png) center no-repeat; background-size: cover;}
.recru-popup .card {border: 0; margin: 0 0 20px; position: relative;}
.recru-popup .card .card-header {position: absolute; border: 0; background: var(--white); color: var(--orange); font-size: 16px; font-weight: 700; padding: 0 7px 10px; z-index: 1;}
.recru-popup .card-body {padding: 0 0 50px 70px; position: relative;}
.recru-popup .card-body:before{content:"";height:100%;width: 3px;background:var(--black);position:absolute;display:block;left: 28px;top: 0;}
.recru-popup .card-title {background-color: var(--orange);color: var(--white);font-size: 16px;letter-spacing: .08em;font-weight: 700;padding: 4px;
    display: inline-block;margin: 0;}
.recru-popup .card .az-text, .recru-popup .card .az-text p {font-size: 16px; color: var(--black); font-weight: 400; margin-top: 16px; letter-spacing: .08em; text-align: left; }
.recru-popup01, .recru-popup02, .recru-popup03{display: none;}
.open-top-popup01, .open-top-popup02, .open-top-popup03{overflow: hidden;} 
.open-top-popup01 .recru-popup01, .open-top-popup02 .recru-popup02, .open-top-popup03 .recru-popup03{display: flex;}
.newstab-blk .card-header {display: none;}
.newstab-blk .card.tab-pane {border: 0;}
.recruiting-footer {padding: 50px 0 0 0; height: 100%; background: var(--black); text-align: center;}
.recruiting-footer .recru-logo{display: inline-block;}
.recruiting-footer .recru-logo img {max-width: 64px;}
.recruiting-footer .footer-links {display: flex; align-items: center; justify-content: center; margin: 35px 0 10px;}
.recruiting-footer .footer-links ul { display: inline-flex;}
.recruiting-footer .footer-links a{color:var(--white); padding: 0 10px; font-size:12px;}
.recruiting-footer .footer-links a:hover{opacity: .7;}
.recruiting-footer .footer-links ul li{position:relative;}
.recruiting-footer .footer-links ul li:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 1px; height: 12px; background: var(--white); margin: auto;}
.recruiting-footer .recru-copyright{color:var(--white); font-size:12px; padding: 0 15px;}
.recruiting-footer .footer_sub{ border-top: 1px solid rgba(255, 255, 255, .05); padding-bottom: 16px; padding-top: 16px; background-color: #202020; margin: 10px 0 0 0;}
.recruiting-footer .footer-sub-logo-left{text-align: left;} 
.recruiting-footer .footer-sub-logo-left img{width: 40.25px; height: 23px;}
.recruiting-footer .footer-sub-logo-right {text-align: right;}
.recruiting-footer .footer-sub-logo-right img{width: 66px; height: 29px; padding: 7px 0;}

.back-to-top-recru{
 
    position: fixed;
    width: 60px;
    height: 60px;
    background: url(../images/jp/totop.png) center/contain no-repeat;
    display: none;
    right: 0;
    bottom: 0;
    z-index: 1;
    transition: 0s; cursor: pointer;
}

/***********************Responsive***********************/
@media(min-width:992px){
    .primary-menu.primary-recruiting-menu {margin-right: 22px;}
}

@media(min-width:768px){
    .recru-index-banner .recru-recruit-banner-content {
       background-image: unset !important;
    }
}
@media(max-width:1199px){
    .recru-index-banner .recru-index-banner-content {height: 680px;}
    .recru-index-content-wrapper, .recru-innerpage-content-wrapper {padding: 60px 0 40px;}   
    .recru-popup .container {width: 80%;}
    .recru-index-banner .recru-index-banner-content .m-mainvisual__head span, .recru-index-banner .recru-index-banner-content02 .m-mainvisual__head span {
        font-size: 55px;
} 
}

@media(max-width:991px){
    :root {
        --font40: 35px;
        --font30: 26px; 
        --fonth3: 15px;
    }
    .recru-content-title-btn, .recru-member-content-wrapper .recru-content-title-btn {padding: 46px 30px 47px;}
    .counter-blk .card-header {font-size: 5rem;}
    .counter-blk {padding: 18px 15px; height: 180px;}
    .recru-content-title-btn h2{margin-bottom: 70px;}
    .recru-team-block .card-header, .recru-team-block .memebr-name-btn {bottom: 15px;}
    .recru-content-title-btn:before {width: 9px;}
    .recru-content-title-btn .btn {font-size: 14px; width: 270px;}
    /* .recru-index-banner .recru-index-banner-content {height: 450px;} */
    .recru-index-banner .recru-index-banner-content02 .m-mainvisual__head span {font-size: 50px;}
    .message-person-content { padding: 30px 20px; } 
    .message-president-content h2 {font-size: 2rem; margin: 30px 0 55px;}
    .business-intro-orange{padding: 50px 100px;}
    .business-content-wrapper{padding:50px 40px;}
    .recru-value-item {padding: 0;}
    .recru-memeber-value .blockquote-footer{width:calc(100% - 300px);}
    .recru-memebr-intro {padding: 40px;}
    .recru-memebr-banner  .recru-member-banner-content .m-mainvisual__head span {font-size: 28px; padding: 5px 15px 11px;}
    .recru-memebr-banner  .recru-member-banner-content .m-mainvisual__head span.name {font-size: 16px;}
    .recru-memebr-banner .recru-member-banner-content .m-mainvisual__head span.name .position{font-size: 13px;}
    .recru-culture-blk {padding: 65px 35px 65px 146px;}
    .recru-culture-blk .card-header {left: 27px;}
    .recru-culture-blk .card-body {padding: 0 0 0 38px;}
    .recru-culture-blk .card-body {padding: 0 0 0 35px;}
    .card-block01 .card-body,  .card-block02 .card-body {padding: 0 40px 40px;}
    .card-block01 .card-title {font-size: 16px; margin: 0 0 40px; }
    .recru-popup .container {width: 90%; }
    .recru-popup .recru-popup-head{padding: 50px 20px 40px;}
    .header-logo.header-logo-recruiting img { max-width: 58px;}
    .site-header .site-logo .header-logo.header-logo-recruiting strong {font-size: 12px;}
    .recru-index-banner  .recru-banner-business-content .m-mainvisual__head span { margin-bottom: -12px;}
    .back-to-top-recru{width: 40px; height: 40px; background: url(../images/jp/totop_sp.png) center / contain no-repeat; right: 0; bottom: 50px;}
    
}

@media(max-width:767px){
    :root {
        --font40: 30px;
        --fonth2: 40px;
        --font30: 22px;
    }    
    .recru-index-content-wrapper  .az-video {min-height: 1px !important;}
    .orange-counter-warpper{display: flex;flex-wrap: wrap;gap: 15px;}
    .orange-counter-warpper .orange-counter-blk{width: calc(33.33% - 10px);}
    .recru-team-wrapper .row .az-column {width: 50%;}
    .recru-content-title-btn{margin:15px 0;height: auto !important;}
    .white-counter-warpper .az-column {width: 50%; margin: 0 0 15px;}
    .owner-info-index .p-front-message__nameTxt {position: relative; margin: 0;}
    .recru-content-title-btn h2 {margin-bottom: 26px;}
    .recru-content-title-btn:before {width: 8px; height: 80px;}
    .recru-content-title-btn {padding: 42px 23px 30px;}
    .recru-img-blk {margin-bottom: 30px !important;}
    .recru-team-wrapper {margin: 30px 0 0; display: block;}
    .owner-info-index {padding: 0; background: var(--white) !important;}
    .owner-info-index:after{display: none;}
    .owner-info-index .az-element.az-text {background: var(--orange); padding: 0 23px 30px;}
    .owner-info-index h2 {top: -53px; position: relative;}
    .recru-content-title-btn p br, .message-person-content p br {display: none;}
    .message-person-content { padding: 30px 20px; }
    .message-person-link .row .az-column {width: calc(50% - 30px);}
    .m-mainvisual__lead-wrap-white {position: absolute; left: 20px; top: 30px;}
    .m-mainvisual__lead-wrap-white p.m-mainvisual__lead {font-size: 22px; padding: 14px;}
    .message-person-content .textInner p {background: transparent; margin: 0; padding: 0;}
    .message-person-content .textInner p span {background:var(--black); display: block; margin: 0 0 9px; padding: 4px; font-size: 28px;}
    /* .recru-index-banner .recru-index-banner-content .m-mainvisual__head span.name, 
    .recru-index-banner .recru-index-banner-content .m-mainvisual__head span.name .position {font-size: 14px;} */
    .recru-index-banner .message_president_banner .m-mainvisual__head span {font-size: 28px;}
    .recru-index-banner .message_president_banner .m-mainvisual__head { bottom: 0px; }
    .message-president-content h2 {font-size: 30px; margin: 19px 0 30px;}
    .message-president-content h2:after {width: 100px; height: 10px;}
    .business-intro-orange{padding: 50px 50px;}
    .business-content-wrapper{padding:40px 20px;}
    .recru-business01-main h2 {margin: 0 0 20px;}
    .business01-2column-item-content .card-body {justify-content: flex-start; align-items: flex-start; padding: 20px 0;}
    .business02-card .card-body .row {margin-top: 20px;}
    .business02-card .card-header {font-size: 46px; top: 0;}
    .business02-card .card-body h5 {padding-left: 77px; font-size: 18px;}
    .business02-card {padding: 0 0 36px;}
    .business03-content-wrapper .row{border:0;padding: 0;margin: 0;}
    .business03-content-wrapper .row .az-column {border-top:2px solid var(--black) ; border-bottom:2px solid var(--black); border-left: 0 !important; border-right: 0 !important; padding:0 !important; }
    .business03-content-wrapper .row:not(:last-child) .az-column{ border-bottom:0;}
    .business03-content-wrapper .row .az-column .card {margin: 10px 0; border-left: 2px solid var(--black) !important; border-right: 2px solid var(--black) !important; border-radius: 0; padding: 10px 20px; }
    .recru-timeline-block .az-column:last-child {padding-left: 25px !important; margin-left: 25px; margin-top: 25px;}
    .recru-timeline-block .card {border: 0; background: transparent; position: relative; width: 100%;}
    .recru-timeline-block .card:not(:last-child) {padding-bottom: 30px;}
    .recru-timeline-block .card .card-header {font-size: 22px;}
    .recru-timeline-block .card .card-body .card-title {padding-left: 40px; font-size: 22px; margin: 0 0 30px; }
    .recru-timeline-block .card .card-body img {margin: 20px 0 0;}
    .recru-timeline-block {padding: 30px 0;}
    .recru-value-item .card .card-header {font-size: 100px; top: -50px; left: 25px;}
    .recru-value-item {padding: 0;}
    .recru-value-item .card .card-body .card-title {font-size: 22px; margin: 0 0 20px;}
    .recru-value-item .card .card-body {padding: 64px 20px 40px;}
    .recru-valueteam-block  .az-text {padding: 25px; text-align: center; justify-content: center; display: flex; flex-direction: column; align-items: center;}
    .recru-valueteam-block .az-text p{text-align: center;}
    .recru-memeber-value .card {margin: 60px auto 70px; padding: 50px 30px 70px;}
    .recru-memeber-value .blockquote-footer {width: 100%; bottom: unset; text-align: center; margin: 50px 0; position: relative;}
    .recru-memeber-value .az-button {justify-content: center; position: unset; right: unset;}
    .recru-memeber-value .blockquote-footer:after {top:/* calc(100% + 20px)*/ 54px; left: 50%; width: 1px; height: 40px;}
    /* .recru-memeber-value .az-blockquote-inner, .recru-memeber-value .blockquote-footer {font-size: 22px;} */
    .recru-memeber-team-blk {margin-bottom: 15px;}
    .recru-memeber-value .row{margin-bottom: 0 !important;}
    .recru-member-content-wrapper .recru-content-title-btn {padding: 30px 23px 30px; }
    .recru-memebr-intro {padding: 20px;}
    .recru-memebr-banner .recru-banner-business-content .m-mainvisual__head span.name {display: block;}
    .recru-memebr-banner .recru-index-banner-content .m-mainvisual__head {bottom: 10px;}
    .recru-memebr-banner  .recru-member-banner-content .m-mainvisual__head span {font-size: 24px; display: inline-block;}
    /* .recru-member-banner-content .m-pagevisual__nameTxt { font-size: 25px; } */
    .recru-memebr-banner .recru-member-banner-content .m-mainvisual__head span{padding: 10px;}
    .recru-memebr-banner .recru-index-banner-content .m-mainvisual__head {bottom: -3px;}
    .recru-culture-blk {padding: 30px;}
    .recru-culture-blk .card-body {padding: 0;}
    .recru-culture-blk .card-header{font-size: 40px;top: 33px;}
    .recru-culture-blk .card-title {font-size: 20px; margin: 0 0 30px; padding-left: 100px;}
    .recru-culture-blk .card-header:after {height: 60px; width: 3px; right: -29px; top: -5px;}
    .recru-culture-blk .card-body .az-text p {margin: 0 0 30px; }
    .card-block01 .card-body,  .card-block02 .card-body {padding: 0 15px 40px;}
    .card-block01 .card-title { margin:0 0 30px;}
    .card-block01 .recruit-popup-block .btn.btn-primary {margin: 0 0 10px !important;}
    .card-block01 .recruit-popup-block h3 {margin: 18px 0;}
    .card-block01 .recruit-popup-block h2 {margin: 0 0 24px 0;}
    .card-block01 .card-header, .card-block02 .card-header {font-size: 24px; padding: 22px 15px; margin: 0 0 25px;}
    .card-block02 .recruit-popup-block .card-block02-row .col-md-9::after{display: none;}
    .card-block01 .recruit-popup-block, .card-block02 .recruit-popup-block {padding: 30px 0;}
    .card-block02 .recruit-popup-block .card-block02-row .col-md-9 p {margin-bottom: 10px !important; font-size: 16px; line-height: 1.8;}
    .card-block02 .recruit-popup-block h3 {font-size: 16px; margin: 0;}
    .card-block01, .card-block02 {margin-bottom: 30px;}
    .recru-popup .recru-popup-head{padding: 30px 10px 30px;}
    .recru-popup .container .popup-close {width: 40px; height: 40px;}
    .recru-popup .recru-popup-head .az-text  h2 {font-size: 18px; padding: 12px 15px;}
    .recru-popup .cards-list {margin: 50px 0 0;}
    .recru-popup .card-body {padding: 0 0 20px 60px;}
    .recru-popup .card-title {font-size: 14px;}
    .recru-popup .card .az-text, .recru-popup .card .az-text p {font-size: 14px;}
    .recru-popup .card .card-header {font-size: 14px;}
    .recru-popup .card-body:before {width: 2px; left: 24px;}
    .other-employees-block .row { padding: 0 35px; margin: 0 !important;}
    .other-employees-block .slick-arrow{width: 10px;height: 20px; position: absolute; top: 50%; transform: translateY(-50%); bottom: 0; margin: 0; text-indent: -9999px; border:0;}
    .other-employees-block .slick-prev{left: 6px; background: url(../images/jp/icon_sliderLeft.png) center/contain no-repeat;} 
    .other-employees-block .slick-next{right:6px; background: url(../images/jp/icon_sliderRight.png) center/contain no-repeat;} 
    .other-employees-block .row .az-column{margin: 0; padding: 0 !important;}
    .recru-index-banner .recru-index-banner-content .m-mainvisual__head span.name.position{padding-left: 0;}
    .recru-member-banner-content .m-pagevisual__nameTxt {font-size: 16px; line-height: 1;  right: 0; bottom: 50%; width: 100%; padding-left: 15px;}
    .recru-member-content-wrapper .recru-content-title-btn h2 {margin: 0 0 30px;  font-size: 26px; line-height: 1.5; }
    
    .message-person-content p{font-size: 16px;}
    .index-mobile-height {min-height: 311px;}
    .business-counter-blk .card-header {font-size: 80px !important; justify-content: flex-end; z-index: 1; font-family: "Noto Sans JP", sans-serif; font-weight: 900;}
    .business-counter-blk .card-body h5.card-title {margin: 0; line-height: 1.5;}
    .counter-blk-row .az-column .counter-blk.business-counter-blk{height: 100px; display: flex; justify-content: center;}
    .counter-blk.business-counter-blk  .card-body {display: flex; align-items: center;}
    .recru-memebr-banner .recru-index-banner-content .m-mainvisual__head span.name.position { padding-left: 9px; padding-bottom: 15px;}
    .site-header .site-logo .header-logo.header-logo-recruiting {width: 110px; padding: 5px 0 0;}
    .site-header .site-logo .header-logo.header-logo-recruiting strong {font-size: 12px; line-height: 1.5;}
    .header-logo.header-logo-recruiting img {max-width: 40px;}
    .recru-content-title-btn p {font-size: 14px; line-height: 2.28; letter-spacing: .06em;} 
    .owner-info-index p {margin-top: -40px;}
    .member-yajima-banner .recru-member-banner-content .m-mainvisual__head span.mainTxt.-modifier {display: block;}
    .member-yajima-banner .recru-index-banner-content .m-mainvisual__head {display: block;width: 100%;bottom: 0 !important;}
    .member-yajima-banner .recru-index-banner-content .m-mainvisual__head b {display: block;}
    .recru-index-banner .recru-recruit-banner-content { height: 340px !important;}
    .message-person-content ol li:before {font-size: 30px; top: 17px;}
    .message-person-content ol li h3 {font-size: 20px; line-height: 32px; padding: 14px 0 15px 33px;}
    .recru-business01-main h2 { text-align: center; font-size: 30px;}
    .recru-business01-main h3 { font-size: 24px; margin: 0 0 30px; }
    .business02-card .card-body .az-text {margin: 0 0 20px;}
   
    .macbook .recru-memeber-value .blockquote-footer:after{top:72px}
}

@media (max-width: 580px) {
    .counter-blk .card-header {font-size: 64px;}
    .counter-blk {padding: 20px 15px; height: 140px;}
    .orange-counter-blk .card-header {font-size:48px;}
    .orange-counter-blk {padding: 18px 15px; height: 132px;}
    .recru-content-title-btn:after {border-width: 0 0 40px 40px;}
    .recru-index-banner .recru-index-banner-content .m-mainvisual__bodyTxt {font-size: 14px; right: 10px;}
    .recru-index-banner .recru-index-banner-content .m-mainvisual__lead-wrap p {padding: 5px 14px; font-size: 14px;}
    .recru-index-banner .recru-index-banner-content .m-mainvisual__head span, 
    .recru-index-banner .recru-index-banner-content02 .m-mainvisual__head span {font-size: 35px; line-height: 39px;}
    .recru-index-banner .message_president_banner .m-mainvisual__head span {font-size: 28px; line-height: 1;}
    .recru-index-banner .recru-index-banner-content {height: 570px;}
    
    .recru-index-banner .recru-banner-business-content {
        height: 360px;
    }

    .recru-index-content-wrapper, .recru-innerpage-content-wrapper {padding: 40px 0;}
    .recru-index-banner:after {background-size: contain;}
    .message-person-link{padding:15px 0;}
    .message-person-link .row .az-column {width: calc(100% - 30px);}
    .message-person-link  .btn.btn-primary {margin: 7px auto  !important;}
    .message-president-content h2 { margin: 30px 0 45px; }
    .message-president-content h2 br{display: none;}
    .message-president-content h2 .sp-br{display: block;}
    .business-intro-orange {padding: 30px;}
    .counter-blk-row .az-column {width:100%;max-width: 100%;flex: auto;}
    .counter-blk-row .az-column .counter-blk{margin-bottom: 20px;} 
    .recru-member-banner-content .m-mainvisual__lead-wrap-white {left: 0;}
    .recru-memebr-banner .recru-banner-business-content .m-mainvisual__head span { font-size: 22px;}
    .recru-memebr-banner .recru-member-banner-content .m-mainvisual__head span {font-size: 23px; display: inline-block; padding:5px 16px;}
    .recru-memebr-banner .recru-index-banner-content .m-mainvisual__head span.name.position {padding-left: 16px;}
    .recru-memebr-banner .recru-index-banner-content .m-mainvisual__head { bottom: -4px;}
    .m-mainvisual__lead-wrap-white p.m-mainvisual__lead {font-size: 30px; padding: 8px;}
    .recru-culture-blk .card-title br{display: none;}
    .recru-culture-wrapper .popup-youtube h2 {top:20px; left:30px; font-size: 30px;}
    .recru-index-banner.recru-message-banner .recru-index-banner-content {height: 440px;}
    .recru-precident-banner .recru-index-banner-content .m-mainvisual__bodyTxt{font-size: 26px;}
    .recruiting-footer .footer-links, .recruiting-footer .footer-links ul{flex-direction: column; align-items: flex-start;}
    .recruiting-footer .footer-links {padding: 0 15px;}
    .recruiting-footer .footer-links ul li:before{content: none;}
    .recruiting-footer .footer-links a{padding: 0;}
    .recruiting-footer .recru-copyright{text-align: left;}
    .recru-content-title-btn .btn {line-height: 1.4;}
    .recru-index-banner  .recru-banner-business-content  .m-mainvisual__head span{line-height: 1;}
    .recru-index-banner  .recru-banner-business-content  .m-mainvisual__head span.number {font-size: 20px; padding: 7px  14px 10px; bottom: -11px;}
    .recru-index-banner  .recru-banner-business-content  .m-mainvisual__head span.small {font-size: 16px;}
    .member-urushino-banner, .recru-memebr-banner {background-size: 870px !important;}
    .recru-index-banner  .recru-banner-business-content .m-mainvisual__head span {margin-bottom: 0; font-size: 28px;}
    .recru-memebr-banner .recru-member-banner-content .m-mainvisual__head span { font-size: 25px; line-height: 1.7;margin-bottom: -10px;}
    .recru-index-banner .recru-index-banner-content .m-mainvisual__head b {margin-top: 6px; padding-bottom: 5px;}
    .recru-index-banner .message_president_banner.recru-index-banner-content .m-mainvisual__head b { margin-top: 0;}
    
}

@media (max-width: 374px) {
    .counter-blk .card-body h5.card-title br{display: none;}
    .message-president-content h2 {margin: 10px 0 35px;}
    .recru-memebr-banner .recru-member-banner-content .m-mainvisual__head span {font-size: 18px; line-height: 2;}
    .recru-culture-blk .card-header {font-size: 30px; top: 29px;}
    .recru-culture-blk {padding: 20px;}
    .recru-culture-blk .card-title {font-size: 18px; margin: 0 0 25px; padding-left: 90px;}
    .recru-culture-blk .card-header:after {height: 50px; width: 2px; right: -20px; top: -9px;}
    .orange-counter-blk .card-body h5.card-title {margin-top: -9px;}
    .message-person-content .textInner p span {font-size: 24px;}
    .recru-content-title-btn .btn {width: 100%; word-break: break-all;}
    .recru-index-banner .recru-index-banner-content .m-mainvisual__head span, .recru-index-banner .recru-index-banner-content02 .m-mainvisual__head span {
        font-size: 27px; line-height: 1.5;}
        .recru-index-banner .recru-index-banner-content .m-mainvisual__head span {
            padding: 6px 10px 7px;
        }
        .recru-memebr-banner .recru-index-banner-content .m-mainvisual__head span.name.position {
            padding-left: 10px;
        }

        .recru-memebr-banner .recru-member-banner-content .m-mainvisual__head span {
            font-size: 22px;
            line-height: 1.5;
            margin-bottom: -7px;
        }
}



@media only screen and (min-width: 768px) {
    .message_black_pc p {
        color: #000;
    }
}