.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: 260px;
height: 59px;
position: relative;
}
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: 33px;
float: left;
width: 185px;
background-size: contain;
background-repeat: no-repeat;
margin: 0;
}
.mainvisual h2.catch{
font-size: 3.8rem;
top: -85px;
width: calc(100vw * 1000 / 1024);
}
.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;
}
body.front .a-image_img {
top: 0;
left: 0;
width: 100%;
height: auto;
min-height: 707px;
object-fit: cover;
}
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 .a-image {
  height: 100%;
}
body.front img.js-image.a-image_img.spTop_img {
min-height: 653px;
height: 100%;
max-height: none;
}
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 {
top: -5%;
}
body.service .m-featured-training_info {
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 {
margin-left: 20px;
}
.philosophy_inner h2 {
top: -10px;
padding-left: 10px;
padding-right: 10px;
margin-left: 34px;
}
.summary_inner_flex .left {
width: 40.413%;
padding-left: 20px;
}
.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;
margin-left: 20px;
}
.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;
}
.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;
}
body.service section#driver-debut02{
max-width: 1000px;
}
body.service .m-featured-training {
height: 360px;
}
.detail02-inner .wrapper .flex .right {
  max-width: 200px;
}
body.support .detail02-inner .wrapper .flex,
body.listsale .detail02-inner .wrapper .flex,
body.outsourcing .detail02-inner .wrapper .flex,
body.web .detail02-inner .wrapper .flex{
display: flex;
justify-content: center;
flex-wrap: nowrap;
}
body.support .detail03-inner .wrapper .flex,
body.listsale .detail03-inner .wrapper .flex,
body.outsourcing .detail03-inner .wrapper .flex,
body.web .detail03-inner .wrapper .flex {
display: flex;
align-items: center;
flex-wrap: nowrap;
}
body.support .detail02-inner .wrapper .flex .right img,
body.listsale .detail02-inner .wrapper .flex .right img,
body.outsourcing .detail02-inner .wrapper .flex .right img,
body.web .detail02-inner .wrapper .flex .right img {
min-height: 382px;
object-fit: cover;
}
body.support .detail05-inner .wrapper .flex,
body.listsale .detail05-inner .wrapper .flex,
body.outsourcing .detail05-inner .wrapper .flex,
body.web .detail05-inner .wrapper .flex {
display: flex;
align-items: center;
flex-wrap: wrap;
}
body.support .detail05-inner .wrapper .flex .right:nth-child(3),
body.listsale .detail05-inner .wrapper .flex .right:nth-child(3),
body.outsourcing .detail05-inner .wrapper .flex .right:nth-child(3),
body.web .detail05-inner .wrapper .flex .right:nth-child(3) {
margin-bottom: 40px;
margin-right: 5px;
margin-left: -5px;
}
body.support .detail05-inner .wrapper .flex .left:nth-child(4),
body.listsale .detail05-inner .wrapper .flex .left:nth-child(4),
body.outsourcing .detail05-inner .wrapper .flex .left:nth-child(4),
body.web .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.support .philosophy_erea.detail h2.serif,
body.listsale .philosophy_erea.detail h2.serif,
body.outsourcing .philosophy_erea.detail h2.serif,
body.web .philosophy_erea.detail h2.serif {
padding-left: 0;
}
body.support .philosophy_erea.detail .catch.detail,
body.listsale .philosophy_erea.detail .catch.detail,
body.outsourcing .philosophy_erea.detail .catch.detail,
body.web .philosophy_erea.detail .catch.detail {
margin-left: 3vw;
}
body.support .philosophy_erea.detail .philosophy_txt-flex,
body.listsale .philosophy_erea.detail .philosophy_txt-flex,
body.outsourcing .philosophy_erea.detail .philosophy_txt-flex,
body.web .philosophy_erea.detail .philosophy_txt-flex {
  margin-left: 3vw;
  margin-right: 3vw;
}
body.support .servicebase_inner,
body.listsale .servicebase_inner,
body.outsourcing .servicebase_inner,
body.web .servicebase_inner {
width: 95%;
}
body.support .servicebase_erea.detail03 h3.serif, body.support .servicebase_erea.detail04 h3.serif, body.support .servicebase_erea.detail05 h3.serif,
body.listsale .servicebase_erea.detail03 h3.serif, body.listsale .servicebase_erea.detail04 h3.serif, body.listsale .servicebase_erea.detail05 h3.serif,
body.outsourcing .servicebase_erea.detail03 h3.serif, body.outsourcing .servicebase_erea.detail04 h3.serif, body.outsourcing .servicebase_erea.detail05 h3.serif,
body.web .servicebase_erea.detail03 h3.serif, body.web .servicebase_erea.detail04 h3.serif, body.web .servicebase_erea.detail05 h3.serif {
left: -15px;
}
body.support .servicebase_erea.detail02 h3.serif, body.support .servicebase_erea.detail03 h3.serif, body.support .servicebase_erea.detail04 h3.serif, body.support .servicebase_erea.detail05 h3.serif,
body.listsale .servicebase_erea.detail02 h3.serif, body.listsale .servicebase_erea.detail03 h3.serif, body.listsale .servicebase_erea.detail04 h3.serif, body.listsale .servicebase_erea.detail05 h3.serif,
body.outsourcing .servicebase_erea.detail02 h3.serif, body.outsourcing .servicebase_erea.detail03 h3.serif, body.outsourcing .servicebase_erea.detail04 h3.serif, body.outsourcing .servicebase_erea.detail05 h3.serif,
body.web .servicebase_erea.detail02 h3.serif, body.web .servicebase_erea.detail03 h3.serif, body.web .servicebase_erea.detail04 h3.serif, body.web .servicebase_erea.detail05 h3.serif {
left: -27px;
}
body.support .servicebase_inner h5,
body.listsale .servicebase_inner h5,
body.outsourcing .servicebase_inner h5,
body.web .servicebase_inner h5 {
margin-left: 0px;
}
body.support .servicebase_erea.detail02 h5::before, body.support .servicebase_erea.detail03 h5::before, body.support .servicebase_erea.detail04 h5::before,
body.listsale .servicebase_erea.detail02 h5::before, body.listsale .servicebase_erea.detail03 h5::before, body.listsale .servicebase_erea.detail04 h5::before,
body.outsourcing .servicebase_erea.detail02 h5::before, body.outsourcing .servicebase_erea.detail03 h5::before, body.outsourcing .servicebase_erea.detail04 h5::before,
body.web .servicebase_erea.detail02 h5::before, body.web .servicebase_erea.detail03 h5::before, body.web .servicebase_erea.detail04 h5::before {
content: "";
display: inline-block;
width: 117px;
height: 8px;
position: absolute;
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.support .servicebase_erea.detail05 h5::before,
body.listsale .servicebase_erea.detail05 h5::before,
body.outsourcing .servicebase_erea.detail05 h5::before,
body.web .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.support .de03_flex-inner,
body.listsale .de03_flex-inner,
body.outsourcing .de03_flex-inner,
body.web .de03_flex-inner {
padding: 27px 27px 35px 32px;
}
body.support .servicebase_erea.detail02 h5::before ,body.support .servicebase_erea.detail03 h5::before, body.support .servicebase_erea.detail04 h5::before, body.support .servicebase_erea.detail05 h5::before,
body.listsale .servicebase_erea.detail02 h5::before ,body.listsale .servicebase_erea.detail03 h5::before, body.listsale .servicebase_erea.detail04 h5::before, body.listsale .servicebase_erea.detail05 h5::before,
body.outsourcing .servicebase_erea.detail02 h5::before ,body.outsourcing .servicebase_erea.detail03 h5::before, body.outsourcing .servicebase_erea.detail04 h5::before, body.outsourcing .servicebase_erea.detail05 h5::before,
body.web .servicebase_erea.detail02 h5::before ,body.web .servicebase_erea.detail03 h5::before, body.web .servicebase_erea.detail04 h5::before, body.web .servicebase_erea.detail05 h5::before {
left: 0%;
width: 107px;
}
body.mission img.js-image.a-image_img {
max-height: 500px;
min-height: 430px;
}
/* 事業内容　詳細ページ */
.servicebase_erea05--list {
  margin: 0 auto;
  width: calc(100vw * 700 / 768);
}
.servicebase_erea05--item {
  margin: 0 calc(100vw * 20 / 768) calc(100vw * 20 / 768) 0 !important;
  width: calc(100vw * 335 / 768);
  max-width: 335px;
}
.servicebase_erea05--item:nth-child(2n) {
  margin-right: 0;
}

.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;
}
.bkLeft_grey_rightImg {
position: relative;
max-width: none;
width: 100%;
height: 300px;
}
.bkLeft_grey_rightImg img {
width: 100%;
height: auto;
}
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;
}
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;
}