.xsd_block{
display: block;
}
.mxd_block{
display: none;
}
body.home.front .js-viewport-children.m-featured-training_inner {
position: relative;
top: 70px;
top: -2%;
left: 0%;
-ms-transform: inherit;
-webkit-transform: inherit;
transform: inherit;
}
body.home.front .t-topi .tp-btn {
width: 175px;
height: 60px;
position: relative;
margin-left: 5vw;
}
body.home.front .js-viewport-children.m-featured-training_inner.normal.pad_paddi02 {
position: relative;
top: 70px;
top: -13%;
left: 0%;
-ms-transform: inherit;
-webkit-transform: inherit;
transform: inherit;
}
body.home.front .js-viewport-children.m-featured-training_inner.pad_paddi03 {
position: relative;
top: 70px;
top: -4%;
left: 0%;
-ms-transform: inherit;
-webkit-transform: inherit;
transform: inherit;
}
body.home.front .js-viewport-children.m-featured-training_inner.normal.pad_padi {
position: relative;
top: 70px;
top: -14%;
left: 0%;
-ms-transform: inherit;
-webkit-transform: inherit;
transform: inherit;
}
nav.under_navi a,nav.front_navi a {
font-size: 13px;
color: #fff;
font-weight: 500;
letter-spacing: 0.1em;
text-decoration: none;
margin: 6px 0 0 15px;
display: block;
}
nav.under_navi,nav.front_navi {
position: fixed;
width: 100%;
z-index: 10;
padding-top: 20px;
padding-left: 11px;
padding-right: 13px;
padding-bottom: 20px;
}
nav.under_navi.scrolled h2.logo,.logo {
height: auto;
float: left;
width: 122px;
background-size: contain;
background-repeat: no-repeat;
margin: 0;
}
.mainvisual h2.catch{
width: 100%;
top: -215px;
}
.mainvisual p.sub_catch {
position: absolute;
top: -13px;
left: 4%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin: 0;
padding: 0;
font-size: 2.4rem;
letter-spacing: 0.1em;
color: #fff;
font-weight: 400;
width: 100%;
}
.t-topi_list {
margin-left: 20px;
margin-right: 0;
}
.t-topi .wrapper .flex .left {
margin-left: -30px;
}
body.front .a-image_img {
top: 0;
left: 0;
width: 100%;
height: auto;
min-height: 707px;
object-fit: cover;
}
.wdth90 {
    width: auto;
}
body.front .m-featured-training.normal.tp_service-padi {
padding-bottom: 0px;
}
body.front .tp-case_study_catch.flex {
margin-left: 28px;
max-width: 94.2vw;
}
body.front .tp-case_study_catch.flex p {
line-height: 2.142;
margin-bottom: 0px;
margin-top: 0px;
font-size: 1.4rem;
letter-spacing: 0.05em;
line-height: 2;
font-weight: 400;
margin-left: 0px;
}
.tp-case_study .swiper-wrapper {
margin-left: -31.2vw;
}
body.front ul.service_list-tp.tpcomp_flex li img.js-image.a-image_img_list {
min-height: 306px;
object-fit: cover;
}
p.list_imgIn-txt.serif {
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin: 0;
padding: 0;
width: 100%;
text-align: center;
}
body.front .a-image_img {
top: 0;
left: 0;
width: 100%;
height: auto;
min-height: 617px;
object-fit: cover;
}
body.front img.js-image.a-image_img.spTop_img {
min-height: 653px;
}
body.mission .js-viewport-children.m-featured-training_inner {
position: relative;
top: 0%;
left: 47%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-55%,-1%);
}
.under-bread_erea .flex ul {
padding-left: 20px;
}
.m-featured-training_inner {
width: 42.572vw;
}
.enfo-catch {
padding-left: 20px;
}
.in_flex .right {
margin-left: 15px;
}
body.mission .a-image_img {
top: 0;
left: 0;
width: 100%;
height: auto;
min-height: 542px;
object-fit: cover;
}
body.service .js-viewport-children.m-featured-training_inner {
/*  position: relative;
top: -3%;
left: 55%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-55%,-1%);*/
top: -5%;
}
body.service .m-featured-training_info {
/*    text-align: right;
position: relative;
right: 34px;
top: 18px;*/
top: 18px;
}
body.recruit .summary_erea.xsd_block.bkGrey_rec.block1 {
background: #f5f5f5;
}
body.recruit .summary_erea.xsd_block.bkWhite_rec {
background: #f5f5f5;
}
.tp-case_study_catch.flex h2 {
min-width: 260px;
}
.modaal-content-container {
padding: 25px;
}
.modaal-inner-wrapper {
display: table-cell;
width: 100%;
height: 100%;
position: relative;
vertical-align: middle;
text-align: center;
padding: 0;
}
.swiper-list .swiper-button-next {
top: 50%;
left: 76%;
position: absolute;
}
.ceo-message_erea .left h2 {
margin: 0;
font-size: 2.4rem;
font-weight: bold;
line-height: 1.9333;
letter-spacing: 0.2em;
margin-top: 33px;
margin-bottom: 38px;
}
.ceo-message_erea .left {
width: 58%;
padding-left: 20px;
}
.ceo-message_erea .left p.text {
font-size: 1.4rem;
letter-spacing: 0.05em;
line-height: 2;
margin: 0;
font-weight: 400;
position: relative;
left: 1px;
margin-bottom: 33px;
padding-right: 20px;
}
.philosophy_inner h5 {
margin-left: 20px;
}
.philosophy_inner h3 {

}
.philosophy_inner h2 {

}
.philosophy_txt-flex .left {
padding-left: 20px;
}
.philosophy_txt-flex .right {
padding-right: 10px;
}
.summary_inner_flex .left {
width: 40.413%;
}
.summary_inner_flex .right_flex {
padding-right: 20px;
}
.summary_inner_flex .right_flex ul.secound {
width: 320px;
}
.servicebase_inner h5,.servicebase_inner h3,.servicebasefull_inner h5,.servicebasefull_inner h3{
padding-left: 0px;

}
.servicebase_txt-flex {
padding-left: 20px;
}
.servicebasefull_txt-flex .left{
padding-left: 10px;
}
a.top_btn_black_anime.gmap_btn {
top: 22px;
}
.servicebase_txt-flex .right h5 {
margin-left: 0;
}
.recruit_inner h2{
text-align: center;
}
.servicebasefull_txt-flex .left {
padding-left: 50px;
}
body.front ul.service_list-tp.tpcomp_flex li.imgPosi_rela.imgWrap {
max-height: 306px;
}
.servicebasefull_txt-flex .right {
padding-left: 22px;
}
.servicebasefull_txt-flex h5 {
margin-left: 0;
}
.recruit_txt-flex .left{
padding-left: 20px;
}
.recruit_txt-flex .right{
padding-right: 20px;
}
.form-wrapper tbody {
width: 95%;
}
.policy-wrapper {
margin: 0px auto 13px;
width: 90%;
}
.policy-wrapper ul {
background-color: none;
padding: 22px 30px;
overflow-y: scroll;
height: 240px;
width: 100%;
margin-left: auto;
margin-right: auto;
border: 1px solid #cccccc;
}
p.under_catch {
font-size: 1.8rem;
}
.contact_erea .wrapper .left {
margin-right: 0px;
}
.contact_erea .wrapper .left a {
width: 330px;
}
.contact_erea .wrapper .right a {
width: 330px;
}
.contact_erea .wrapper .left a::before{
left: 19%;
}
.flex-f .left {
width: 480px;
padding-left: 20px;
}
.flex-f .right ul.f-first {
margin-right: 15px;
}
.flex-f .right ul.f-secound {
margin-right: 15px;
}
.copy_flex {
padding-left: 20px;
padding-right: 20px;
}
section#driver-debut02{
width: 90%;
}
.m-featured-training.service {
height: 360px;
}
body.detail .detail02-inner .wrapper .flex {
display: flex;
justify-content: center;
flex-wrap: nowrap;
}
body.detail .detail03-inner .wrapper .flex {
display: flex;
align-items: center;
flex-wrap: nowrap;
}
body.detail .detail02-inner .wrapper .flex .right img {
min-height: 382px;
object-fit: cover;
}
body.detail .detail05-inner .wrapper .flex {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
}
body.detail .detail05-inner .wrapper .flex .right:nth-child(3) {
margin-bottom: 40px;
margin-right: 5px;
margin-left: -5px;
}
body.detail .detail05-inner .wrapper .flex .left:nth-child(4) {
margin-bottom: 40px;
}
img.ceoimg {
max-width: 320px;
height: auto;
object-fit: cover;
}
section#ourService-mtb60 {
width: 90%;
}
section#ourService-mtb60-fin {
width: 90%;
}
.other_serviceInner {
width: 100%;
}
.philosophy_erea.detail .philosophy_inner .ttl {
margin-left: 2.5vw;
}
body.detail .philosophy_erea.detail h2.serif {
padding-left: 0;
}
body.detail .philosophy_erea.detail .catch.detail {
margin-left: 3vw;
}
body.detail .philosophy_txt-flex .left {
padding-left: 20px;
}
body.detail .servicebase_erea.detail02 .servicebase_inner {
width: 95%;
}
body.detail .servicebase_erea.detail03 h3.serif, body.detail .servicebase_erea.detail04 h3.serif,body.detail .servicebase_erea.detail05 h3.serif{
left: -15px;
}
body.detail .servicebase_erea.detail02 h3.serif, body.detail .servicebase_erea.detail03 h3.serif, body.detail .servicebase_erea.detail04 h3.serif, body.detail .servicebase_erea.detail05 h3.serif{
left: -27px;
}
body.detail .servicebase_inner h5 {
margin-left: 0px;
}
body.detail .servicebase_erea.detail02 h5::before, body.detail .servicebase_erea.detail03 h5::before,body.detail .servicebase_erea.detail04 h5::before {
content: "";
display: inline-block;
width: 117px;
height: 8px;
position: absolute;
/* top: 70px; */
top: 50%;
left: 0.5%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(0%,45%);
margin: 0;
padding: 0;
background: #3892d7;
opacity: 0.2;
}
body.detail .servicebase_erea.detail05 h5::before {
content: "";
display: inline-block;
width: 117px;
height: 8px;
position: absolute;
/* top: 70px; */
top: 50%;
left: 0.5%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(0%,45%);
margin: 0;
padding: 0;
background: #3892d7;
opacity: 0.2;
}
body.detail .de03_flex-inner {
padding: 27px 27px 35px 32px;
}
body.detail .servicebase_erea.detail02 h5::before ,body.detail .servicebase_erea.detail03 h5::before, body.detail .servicebase_erea.detail04 h5::before, body.detail .servicebase_erea.detail05 h5::before{
left: 0%;
width: 107px;
}
body.mission img.js-image.a-image_img {
/* max-height: 680px; */
max-height: 500px;
        min-height: 780px;
}
body.detail .detail02-inner .wrapper .flex .left {
max-width: 500px;
background: #fff;
height: auto;
padding: 42px 36px 50px 38px;
margin-bottom: -4px;
}
body.detail .detail02-inner .wrapper .flex .right {
max-width: 540px;
height: auto;
}
body.detail .servicebase_inner {
max-width: 1000px;
margin: 0 auto;
width: 95%;
}
body.detail .detail04-inner {
width: 95%;
margin: 0 auto;
}
body.detail .detail03-inner {
width: 95%;
margin: 0 auto;
}
body.detail .detail02-inner {
width: 95%;
margin: 0 auto;
}
body.detail .detail05-inner .wrapper .flex .center , body.detail .detail05-inner .wrapper .flex .left ,body.detail .detail05-inner .wrapper .flex .right{
max-width: 345px;
}
body.detail .detail05-inner .wrapper .flex .center:nth-child(5){
margin-left: -5px;
margin-right: 5px;
}
.caseStudy_erea .wrapper {
width: 93%;
}
body.recruit .recruit-filed_inner {
max-width: 1000px;
margin: 0 auto;
padding-top: 63px;
padding-bottom: 93px;
width: 60%;
margin-left: 2.5vw;
}
.recruit-filed_inner_flex ul.first li {
font-size: 1.8rem;
font-weight: 400;
letter-spacing: 0.1em;
border-bottom: 1px solid #cccccc;
padding-bottom: 41px;
padding-top: 8px;
line-height: 2.285;
}
body.recruit .recruit-filed_inner_flex ul.first li:nth-child(4) {
padding-bottom: 72px;
}
body.recruit .recruit-filed_inner_flex ul.first li:nth-child(5) {
padding-bottom: 10px;
}
body.recruit figure.recruit-img_fi02 {
position: relative;
width: 100%;
height: auto;
top: 0%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
background-repeat: no-repeat;
overflow: hidden;
transform: translate(-50%,0%);
padding: 0;
margin-left: 0;
display: flex;
justify-content: center;
}
body.recruit figure.recruit-img_fi02 img {
width: 100%;

/* object-fit: cover; */
position: relative;
left: 0;
top: 0;
/* display: flex; */
}
body.recruit .summary_erea {
background: #ecf0f2;
padding-top: 20px;
padding-bottom: 70px;
}
body.recruit figure.recruit-img.sp_recWid img {
min-height: 300px;
object-fit: cover;
}
.recruit-filed_inner_flex ul.first li:nth-child(6) {
padding-bottom: 72px;
}
body.recruit figure.recruit-img_fi02.reverse {
left: 31vw;
width: 100vw;
top: 0%;
margin-left: -20vw;
transform: translate(-43vw,0%);
}
body.recruit .recruit-filed_inner.reverse.block2 {
width: 40%;
margin-left: auto;
margin-right: auto;
position: relative;
left: 130px;
width: 60%;
min-width: auto;
}
ul.naviErea {
list-style: none;
position: absolute;
top: -28%;
left: 39%;
display: flex;
justify-content: center;
padding: 0;
margin: 0;
}
.navibk {
max-width: 1000px;
width: 90%;
margin: 0 auto;
position: relative;
margin-bottom: 70px;
margin-top: 40px;
}
ul.naviErea li{
font-size: 1.8rem;
margin: 10px 20px;
margin-left: 0;
font-weight: 500;
}
ul.naviErea li:nth-child(1) {
font-size: 1.8rem;
margin: 10px 20px;
margin-left: 0;
font-weight: 500;
}
body.front figure.a-image ul li.imgPosi_rela.imgWrap {
list-style: none;
overflow: hidden;
max-height: 220px;
}
body.front .a-image_img_list {
min-height: 204px;
}
.policy-check ul {
border: 0;
display: flex;
justify-content: center;
align-items: center;
height: auto;
padding: 0;
margin: 0;
width: 100%;
}
.policy-check {
margin-top: 15px;
}
body.confirm .form-wrapper tbody {
width: 670px;
}
body.confirm span.confirm_txt {
display: block;
font-size: 12px;
margin-right: 0px;
margin-bottom: 5px;
color: #000;
}
body.compleate p.under_catch {
margin-top: 57px;
margin-bottom: 120px;
}
body.compleate section.under_posi-pmd {
padding-top: 75px;
}