@charset "utf-8";

.workation #common-mv .bg{background-image:url(/img/workation/mv.jpg);}

.common-box03 .common-btn02,
#room + .common-box01 .common-btn02{width:250px;}

.common-box02#service02{margin:80px auto;}
.common-box02#service02 > li{justify-content:center;gap:80px;}
.common-box02#service02 > li .img{width:289px;}
.common-box02#service02 > li .img figure{padding-top:80%;}
.common-box02#service02 > li .detail{width:auto;padding:0;}
.common-box02#service02 > li .detail .txt{font-size:2rem;font-weight:500;}

.common-box-border02#concierge .inner{padding:20px 120px 80px;}
.concierge-box{display:flex;justify-content:space-between;gap:80px;}
.concierge-box > div{width:calc(100% - 80px) / 2;}
.concierge-box figure{text-align:center;margin-bottom:20px;}
.concierge-box h4{font-size:3.2rem;margin-bottom:1em;text-align:center;}
.concierge-box h4 small{font-size:2rem;padding-right:24px;}
.concierge-box h4 span{font-size:1.6rem;padding-left:40px;}
.concierge-box .txt{font-size:1.4rem;line-height:2;}
.concierge-box p+p{margin-top:1.5em;}

@media screen and (max-width:999px){
  .common-box-border02#concierge .inner{padding:20px 5% 40px;}
  .concierge-box{flex-direction:column;}
}

@media screen and (max-width:767px){
  .common-box02#service02{margin:60px auto;}
  .common-box02#service02 > li{gap:40px;}
  
  .concierge-box{gap:40px;}
}
@media screen and (max-width:480px){
  .concierge-box h4 span{display:block;padding:0;}
}