/* 企業向けワーケーション */

.page_title_bg{
   display: none;
}

/* style reset */
body {
   min-width: auto;
   font-size: 16px;
   font-family: "Noto Sans JP", sans-serif;
   font-style: normal;
   font-weight: 400;
}
main{
   padding-top: 120px;
}
@media screen and (max-width: 750px) {
   main{
      padding-top:60px;
   }
}

.corporate_new_page .article{
   /* padding-top: 120px; */
}
.img{
   width: 100%;
}
.inlbk{
   display: inline-block;
}
.sp{
   display: none;
}

.inner-1240{
   max-width: 1280px;
   margin: 0 auto;
   padding: 0 20px;
}
.inner_1140{
   max-width: 1180px;
   margin: 0 auto;
   padding: 0 20px;
}

/* font-family */

/* Europa-Regular Regular
font-family: "europa", sans-serif;
font-weight: 400; */




/* 共通パーツ */
.sec-ttlwrap{
   padding-top: 170px;
   position:relative;
}
.sec-ttlwrap::before{
   content: "";
   position: absolute;
   top: 0;
   left: 50%;
   transform: translateX(-50%);
   width: 1px;
   height: 100%;
   background-color: #fff;
}
.sec-ttlIcon{
   margin: 0 auto 35px;
   width: 71px;
   position:relative;
}
.sec-ttl{
   font-size: clamp(20px,3.125vw,45px);
   font-weight: 200;
   line-height: 1.74;
   letter-spacing: 0.09em;
   text-align: center;
   color: #fff;
}
.sec-flex{
   margin-bottom: 96px;
   display: flex;
   justify-content: space-between;
   align-items: start;
}
.sec-flex:last-child{
   margin-bottom: 0;
}
.sec-subTtl{
   font-size: 20px;
   font-weight: 400;
   color: #6b8796;
   line-height: 1.75;
   letter-spacing: 0.00em;
    -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
   text-orientation: upright;
  padding: 52px 20px;
  border:1px solid #6b8796;
  border-radius: 39px;
  background-color: #fff;
  position: relative;
}
.sec-subTtl::before{
   content: "";
   position: absolute;
   top: 37px;
   left: 50%;
   transform: translateX(-50%);
   width: 9px;
   height: 9px;
   border-radius: 50px;
   background-color: #6b8796;
}
.sec-right{
   width: 88%;
}
@media screen and (max-width: 980px) {
.sec-ttlwrap{
   padding-top: 120px;
}
.sec-subTtl{
   font-size: 18px;
   padding: 40px 10px 20px 10px ;
}
.sec-subTtl::before{
   top: 23px;
}

}
@media screen and (max-width: 750px) {
.sp{
   display: block;
}
.pc{
   display: none;
}
.sec-ttlwrap {
   padding-top: 80px;
}
.sec-ttlIcon{
   width: 50px;
}
.sec-flex{
   margin-bottom: 80px;
   flex-direction: column;
   align-items: center;
   gap: 20px;
}
.sec-right{
   width: 100%;
}
.sec-subTtl{
   font-size: 16px;
   padding: 3px 30px 3px 40px;
   writing-mode: horizontal-tb;
   text-orientation: mixed;
   letter-spacing: 0.08em;
}
.sec-subTtl::before{
   width: 6px;
   height: 6px;
   left: 23px;
   top:50%;
   transform: translateY(-50%);

}
}
@media screen and (max-width: 400px) {
.sec-left{
   width: 100%;
}
.sec-subTtl{
   width: 100%;
   display: block;
   text-align: center;
   padding: 3px 10px;
}
.sec-subTtl::before{
   display: none;
}
}



/* fv */
.fv{
   /* padding-top: 65px; */
}
.fv__head{
   margin-bottom: 43px;
}
.fv__ttl--ja{
   font-size: clamp(22px,3.472vw,50px);
   font-weight: 200;
   line-height: 1.75;
   color: #6b8796;
   text-align: center;
}
.fv__ttl--en{
   font-size: clamp(14px,1.388vw,20px);
   font-family: "europa", sans-serif;
   font-weight: 400;
   letter-spacing: 0em;
   color: #6b8796;
   text-align: center;
}
.fv__img{
   width: calc(100% - 44px);
   max-width: 1300px;
   margin: 0 auto;
}

@media screen and (max-width: 767px) {
.fv{
   /* padding-top: 100px; */
}
.fv__head{
   margin-bottom: 30px;
}
.fv__ttl--ja{
   margin-bottom: 15px;
   line-height: 1.4;
}
}

/* merit */

.merit{
   /* padding-bottom:  260px; */
   position: relative;
   background-color: #fafaf4;
}
.merit__top{
   position: absolute;
   top: -200px;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
}
.merit__inner{
      background-color: #6b8796;
      position: relative;
      z-index: 2;
}
.merit__head{
   margin-bottom: 58px;
}
.merit__ttlwrap{
   margin-bottom: 40px;
}
.merit__ttl{
   margin-bottom: 10px;
}
.merit__textWrap{
   width: 100%;
   max-width: 620px;
   margin: 0 auto;
}
.merit__text{
   font-size: clamp(14px,1.111vw,16px);
   color: #fff;
   letter-spacing: 0.1em;
   line-height: 2.06;
}

.merit__contents{
   width: 100%;
}
.merit__item{
   margin-bottom: 60px;
   display: flex;
   justify-content: start;
   align-items: start;
   gap: 24px;
   color: #fff;
}
.merit__item:last-child{
   margin-bottom: 0;
}
.merit__img{
   width: 35%;
   position: relative;
}
.merit__imgText{
   position: absolute;
   top: 12px;
   left: 13px;
   padding: 0 20px;
   font-size: 15px;
   line-height: 1.65;
   color:#fff;
   border-radius: 20px;
   text-align: center;
}
.merit__item01 .merit__imgText{
     background-color: #bdbd96;
}
.merit__item02 .merit__imgText{
     background-color: #d09895;
}
.merit__item03 .merit__imgText{
     background-color: #9fd0dc;
}
.merit__textContents{
   width: calc(65% - 24px);
}
.merit__itemTtl{
   margin-bottom: 18px;
   padding: 7px 0;
   font-size:clamp(16px,1.527vw,22px);
   line-height: 1.47;
   color:#fff;
   text-align: center;
}
.merit__item01 .merit__itemTtl{
   background-color: #bdbd96;
}
.merit__item02 .merit__itemTtl{
   background-color: #d09895;
}
.merit__item03 .merit__itemTtl{
   background-color: #9fd0dc;
}
.merit__itemWrap{
   margin-bottom: 22px;
   padding-left: 5px;
}
.merit__itemSub{
   margin-bottom: 8px;
   font-size: clamp(15px,1.25vw,18px);
   line-height: 1.75;
}
.merit__text1{
   font-size: clamp(14px,1.111vw,16px);
   font-weight: 300;
   letter-spacing: 0.04em;
   line-height: 1.68;
}
.merit__box{
   display: flex;
   justify-content: start;
   align-items: start;
   gap: 3%;
}
.merit__boxList{
   width: 57%;
}
.merit__boxItem{
   width: 100%;
   padding: 5px 0;
   margin-bottom: 5px;
   background-color: #fff;
   font-size: clamp(14px,1.111vw,16px);
   font-weight: 500;
   line-height: 1.75;
   color: #333333;
   text-align: center;
}
.merit__text2{
   width: calc(43% - 25px);
   margin-top: -4px;
}
.merit__text2 p{
   font-size: clamp(12px,0.972vw,14px);
   font-weight: 300;
   line-height: 1.85;
   letter-spacing: 0.12em;
}
.merit__bg{
   margin-top: -1px;
}
.br_375{
   display: none;
}

@media screen and (max-width: 1300px) {
.merit__top{
   top: -15vw;
}
.merit__ttl{
   margin-bottom: 25px;
}
}
@media screen and (max-width: 980px) {
.merit__imgText{
   top: 7px;
   left: 5px;
   padding: 0 10px;
   font-size: 13px;
}
.merit__box{
   display: block;
}
.merit__itemWrap{
   margin-bottom: 10px;
}
.merit__boxList{
   width: 100%;
   margin-bottom: 10px;
}
.merit__boxItem{
   padding: 3px 0;
   line-height: 1.5;
}
.merit__text2{
   width: 100%;
}
}
@media screen and (max-width: 750px) {
.merit__contents{
   margin: 0 auto;
   max-width: 500px;
}
.merit__img{
   width: 100%;
}
.merit__textContents{
   width: 100%;
}
.merit__item{
   margin-bottom: 40px;
   flex-direction: column;
   gap: 10px;
}
.merit__itemTtl{
   margin-bottom: 10px;
   padding: 3px 0;
}
.merit__itemSub{
   line-height: 1.5;
}

}
@media screen and (max-width: 375px) {
.br_375{
   display: block;
}

}

/* intro */
.intro{
   background-color: #fafaf4;
   padding-bottom: 135px;
}
.intro__head{
   margin-bottom: 60px;
}
.intro__ttlwrap::before{
   background-color: #6b8796;
   top: -5px;
   z-index: 0;
}
.intro__ttl{
   color: #6b8796;
}
.intro__img{
   padding-top: 10px;
}
.intro__point{
   padding-top: 98px;
}
.intro__pointList{
   display: flex;
   justify-content: space-between;
   align-items: start;
   gap:3%;
}

.intro__pointText{
   max-width: 310px;
   height: 265px;
   padding: 0 clamp(20px,2.083vw,30px);
   padding-top: clamp(60px,5.763vw,83px);
   background-color: #fff;
   border-radius: 12px;
   position: relative;
   box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
}
.intro__pointIcon{
   position: absolute;
   /* top: -70px; */
   top:-5vw;
   left: 50%;
   transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
   width: clamp(70px,8.68vw,125px);
   height: auto;
   z-index: 1;
}
.intro__pointText p{
   font-size: clamp(14px,1.111vw,16px);
   font-weight: 400;
   line-height: 1.9;
   letter-spacing: 0.04em;
   color: #333333;
}
.intro__meritText{
   margin-bottom: 27px;
   font-size: clamp(18px,1.736vw,25px);
   font-weight: 300;
   line-height: 1.75;
   letter-spacing: 0.06em;
   color: #6b8796;
   text-align: center;
}
.intro__meritImg{
   margin:0 auto;
   max-width: 892px;
}


/* 追加 */
.intro__point2List{
   width: 100%;
}
.intro__point2Item{
   margin-bottom: 40px;
   padding: 50px 50px 50px 45px;
   display: flex;
   justify-content: start;
   align-items: center;
   gap: 5%;
   box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
   background-color: #fff;
   border-radius: 12px;
}
.intro__point2Item--04,.intro__point2Item--06{
   align-items: start;
}
.intro__point2Item--04 .intro__point2Icon,
.intro__point2Item--06 .intro__point2Icon {
   margin-top: 40px;
}
.intro__point2Item:last-child{
   margin-bottom: 0;
}
.intro__point2Icon{
   width: 126px;
}
.intro__point2Text{
   width: calc( 95% - 126px);
}
.intro__point2Text h4{
   margin-bottom: 12px;
   font-size: clamp(18px,1.736vw,25px);
   font-weight: 300;
   line-height: 1.75;
   color: #6b8796;
}
.intro__point2Text p{
   font-size: clamp(14px,1.866vw,16px);
   font-weight: 400;
   line-height: 1.93;
   /* letter-spacing: 0.04em; */
   color: #333333;
}
.intro__point2Wrap{
   margin: 25px 0;
}
.intro__point2Wrap--item{
   margin-right: 10px;
   margin-bottom: 13px;
   display: inline-block;
   padding: 15px 30px;
   font-size: clamp(14px,1.25vw,18px);
   font-weight: 300;
   color: #6b8796;
   border:1px solid #6b8796;
   border-radius: 26px;
}
.intro__point2Wrap--item:last-child{
   margin-right: 0;
   margin-bottom: 0;
}
.intro__point2Text--list{
   margin: 15px 0;
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
   gap: 53px 5%;
}
.intro__point2Text--item{
   width: calc(95% / 2);
}
.intro__point2Text p.intro__point2Sub{
   margin-bottom: 13px;
   padding-left: 18px;
   color: #6b8796;
   font-size: clamp(15px,1.458vw,21px);
   font-weight: 300;
   position: relative;
   line-height: 1.2;
}
.intro__point2Sub::before{
   content: "";
   position: absolute;
   top: 1px;
   left: 0;
   width: 4px;
   height: 100%;
   background-color: #6b8796;
}
.intro__point2Sub--list{
   margin-left: 20px;
}
.intro__point2Sub--list li.indent{
   padding-left: 1em;
   text-indent: -1em;
}
.intro__point2Sub--list li{
   font-size: clamp(14px,1.866vw,16px);
   font-weight: 400;
   line-height: 1.93;
   /* letter-spacing: 0.04em; */
   color: #333333;
}
@media screen and (max-width: 1200px) {
.intro__pointText{
   padding-top: 50px;
   height: 215px;
}
}
@media screen and (max-width: 750px) {
.intro__head{
   margin-bottom: 30px;
}
.intro__point{
   padding-top: 60px;
}
.intro__pointIcon{
   top: -35px;
}
.intro__pointList{
   flex-direction: column;
   align-items: center;
   gap: 50px;
}
.intro__pointText{
   height: auto;
   padding-top: 43px;
   padding-bottom: 30px;
}
.intro__meritText{
   font-size: 16px;
}
.intro__point2Item{
   margin-bottom: 20px;
   padding: 30px 20px 30px 20px;
}
.intro__point2Icon {
    width: 80px;
}
.intro__point2Text {
    width: calc(95% - 80px);
}
.intro__point2Text h4{
   margin-bottom: 8px;
   font-size: 16px;
}
.intro__point2Text p{
   font-size: 12px;
}
.intro__point2Wrap--item{
   margin-right: 3px;
   margin-bottom: 7px;
   padding: 10px 15px;
   font-size: 12px;
}
.intro__point2Sub--list li{
   font-size: 12px;
}
}

@media screen and (max-width: 480px) {
.intro__point2Item{
   display: block;
   padding: 20px;
}
.intro__point2Icon{
 margin: 0 auto 18px;
 width: 62px;
}
.intro__point2Item--04 .intro__point2Icon, .intro__point2Item--06 .intro__point2Icon {
   margin-top: 0;
}
.intro__point2Wrap{
   margin: 15px 0;
}
.intro__point2Text{
   width: 100%;
}
.intro__point2Text--list{
   display: block;
}
.intro__point2Text--item{
   width: 100%;
   max-width: 337px;
   margin: 0 auto 35px;
}
.intro__point2Text p.intro__point2Sub{
   margin-bottom: 8px;
}

}







.workcation{
   width: 100%;
   background-color: #fafaf4;
   position: relative;
}
.workcation_bg{
   position: absolute;
   top: 5px;
   left: 0;
   width: 100%;
   height: auto;
   z-index: 2;
}
.workcation__inner{
   padding-bottom: 160px;
   background-color: #6b8796;
   margin-top: -1px;
}
.workcation__head{
   /* margin-bottom: 85px; */
   position:absolute;
   top: 108px;
   left: 50%;
   transform: translateX(-50%);
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
   -o-transform: translateX(-50%);
   z-index: 3;
}
.workcation__ttl{
   width: 100%;
   white-space: nowrap;
   letter-spacing: 0.04em;
}

.workcation__wrap{
   margin-bottom: 112px;
}
.workcation__wrap--1{
   padding-top: 46px;
}
.workcation__wrap--2{
  margin-bottom: 124px;
}
.workcation__wrap--3{
  margin-bottom:0;
}
.workcation__wrap .sec-subTtl{
   padding: 45px 20px 21px 20px;
}
.workcation__wrap .sec-subTtl::before{
   top: 33px;
}
.workcation__wrap .sec-right{
   width: 87%;
   padding-top: 5px;
}
.workcation__list{
   display: flex;
   justify-content: start;
   align-items: start;
   gap:60px 4%;
   flex-wrap: wrap;
}
.workcation__item{
   width: calc(92% / 3 );
}
.workcation__itemLink{
   transition: .3s;
}
.workcation__itemLink:hover{
   opacity: 0.7;
}
.workcation__itemImg{
   width: 100%;
   /* min-height: 220px; */
   display: block;
   background-position: center center;
   background-size: cover;
   padding-top: 73.5%;
}
.workcation__itemBox{
   padding-top: 24px;
}
.workcation__name{
   margin-bottom: 15px;
   display: inline-block;
   font-size: clamp(12px,1.041vw,15px);
   font-weight: 700;
   line-height: 1;
   color: #fff;
   background-color: #9fd0dc;
   padding: 4px 12px 5px 12px;
   border-radius: 12px;
}
.workcation__itemTtl{
   margin-left: 3px;
   margin-bottom: 15px;
   font-size: clamp(14px,1.111vw,16px);
   font-weight: 700;
   letter-spacing: 0.09em;
   line-height: 1.68;
   color: #fff;
}
.workcation__day{
   margin-left: 3px;
   display: flex;
   justify-content: start;
   align-items: center;
   gap:10px;
}
.workcation__dayIcon{
   display: block;
   width: 26px;
}
.workcation__dayText{
   font-size: clamp(14px,1.111vw,16px);
   font-weight: 700;
   letter-spacing: 0.2em;
   line-height: 1.68;
   color: #fff;
}

@media screen and (max-width: 1200px) {
.workcation__list{
   gap: 50px 2%;
}
.workcation__item{
   width: calc(96% / 3 );
}
.workcation__itemBox{
   padding-top: 10px;
}
.workcation__name{
   margin-bottom: 10px;
}
.workcation__itemTtl{
   margin-bottom: 10px;
}
}
@media screen and (max-width: 980px) {
.workcation__inner{
   padding-bottom: 100px;
}

}
@media screen and (max-width: 750px) {
.workcation__inner{
   padding-bottom: 80px;
}
.workcation__head{
   position: static;
   transform: none;
   -webkit-transform: none;
   -ms-transform: none;
   -moz-transform: none;
   -o-transform: none;
}
.workcation__ttl {
   white-space: wrap;
}
.workcation__wrap{
   margin: 0 auto 80px;
   max-width: 500px;
}
.workcation__wrap--3 {
    margin-bottom: 0;
}
.workcation__wrap .sec-right{
   width: 100%;
}
.workcation__wrap .sec-subTtl{
   padding: 3px 30px 3px 40px;
}
.workcation__wrap .sec-subTtl::before{
   top:50%;
}

.workcation__list{
   display: block;
}
.workcation__item{
   width: 100%;
   margin-bottom: 40px;
}
.workcation__item:last-child{
   margin-bottom: 0;
}
}

@media screen and (max-width: 400px) {
.workcation__inner{
   padding-bottom: 50px;
}
.workcation__wrap .sec-subTtl{
   padding: 3px 10px;
   font-size: 15px;
}
}

/* faq */
.faq{
   /* padding-top: 96px; */
   /* padding-top: 330px; */
   padding-bottom: 80px;
   background-color: #fafaf4;
}
.faq__ttlwrap::before {
    background-color: #6b8796;
    top: -5px;
    z-index: 0;
}
.faq__ttlwrap{
   margin-bottom: 80px;
}
.faq .sec-right{
   margin-top: 20px;
}
.faq__item{
   margin-bottom: 27px;
   padding: 25px 30px 35px;
   background-color: #fff;
   box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
}
.faq__item:last-child{
   margin-bottom: 0;
}
.faq__itemQ, .faq__itemA{
   display: flex;
   justify-content: start;
   align-items: start;
}
.faq__itemQ{
   width: 100%;
   padding-bottom: 12px;
   border-bottom: 1px solid #6b8796;
}
.faq__itemA{
   padding-top: 15px;
}
.faq__itemIcon{
   width: 80px;
}
.iconQ{
   width: 30px;
   margin: 0 auto;
}
.iconA{
   width: 42px;
   margin: 0 auto;
}
.faq__itemText{
   width: calc(100% - 80px);
   font-size: clamp(14px,1.111vw,16px);
   line-height: 1.75;
}
.faq__itemQ .faq__itemText{
   padding-top: 9px;
   padding-left: 6px;
   padding-right: 6px;
   font-weight: 300;
   color: #6b8796;
}
.faq__itemA .faq__itemText{
   padding-top: 5px;
   padding-left: 6px;
   padding-right: 6px;
   font-weight: 300;
   color: #6b8796;
}
.faq__itemText .bold{
   font-weight: 500;
}
.mt20{
   display: block;
   margin-top: 20px;
}

@media screen and (max-width: 980px) {
   .faq__item{
      padding: 20px 25px;
   }
   .faq__itemIcon{
      width: 50px;
   }
   .faq__itemText{
      width: calc(100% - 50px);
   }
   .iconQ{
      width: 22px;
   }
   .iconA {
    width: 26px;
   }
   .faq__itemQ .faq__itemText{
      padding-top: 2px;
   }
}
@media screen and (max-width:750px) {
   .faq{
      /* padding-top: 60px; */
   }
   .faq__ttlwrap{
      margin-bottom: 50px;
   }
   .faq__item{
      padding: 20px 15px 25px ;
   }
   .faq__itemIcon{
      width: 30px;
   }
   .faq__itemText{
      width: calc(100% - 30px);
   }
   .iconQ{
      width: 18px;
   }
   .iconA {
    width: 20px;
   }
   .faq__itemQ .faq__itemText{
      padding-top: 0;
      gap: 2%;
   }
}

@media screen and (max-width:375px) {
.faq__itemQ, .faq__itemA{
   display: block;
}
.faq__itemText{
   width: 100%;
}
}