@charset "UTF-8";


/* =================== */
/*       pubulic       */
/* =================== */
.slick-slider { padding-bottom:1rem; }
.pic-slider { padding-bottom:0; }
.slick-dots {
  display:flex;
  justify-content:center;
  position:relative;
  margin-top:-1.3rem;
}
.slick-dots li {
  width:.45rem !important;
  height:.45rem !important;
  margin:0 .45rem !important;
  padding:0 !important;
  border-radius:100vmax;
  border:0;
  background:#fefffa;
}
.slick-dots li.slick-active { background:#cb6318; border:0; }
.slick-dots li button { display:none; }

main::before {
  content:"";
  width:124rem;
  height:105.8rem;
  background:url(../img/travel/main_deco.png) no-repeat;
  background-size:cover;
  display:block;
  position:absolute;
  left:-40rem;
  top:16.5rem;
  z-index:-1;
}

h1#page-ttl {
  color:#fff;
  position:absolute;
  top:19rem;
  left:0;
}
h1#page-ttl::before {
  content:"";
  width:15.15rem;
  height:7.4rem;
  background:url(../img/travel/kv_illust.png) no-repeat;
  background-size:contain;
  display:block;
  margin-bottom:.5rem;
}
h1#page-ttl .en-font {
  display:block;
  font-size:3.5rem;
  margin-left:5.5rem;
}
h1#page-ttl .jp {
  display:block;
  font-size:2rem;
  margin-left:5.5rem;
  font-weight:400;
  margin-top:1rem;
}

.center-h { text-align:center; }
.center-h .en-font {
  display:block;
  font-size:4rem;
  color:#34675c;
}
.center-h .jp {
  font-size:1.75rem;
  display:block;
  margin-top:1rem;
  font-weight:400;
}

.sec-top-txt {
  line-height:1.75;
  font-size:max(15px, 1rem);
  text-align:center;
  margin-top:1.5rem;
  margin-bottom:2rem;
}




@media screen and (max-width: 960px) {
  
}
@media screen and (max-width: 750px) {
  main { padding-top:50px; }
  main::before { top:-70px; right:-145px; left:inherit; }
  .kv-box { position:relative; }
  h1#page-ttl { top:inherit; bottom:65px; }
  h1#page-ttl::before { width:121px; height:59px; }
  h1#page-ttl .en-font { margin-left:30px; }
  h1#page-ttl .jp { margin-left:30px; }
  .sec-top-txt { text-align:left; line-height:1.66; }
}











/* =================== */
/*       body.travel       */
/* =================== */
body.travel #map-box {
  height:35rem;
  border-radius:2.5rem;
  margin-top:11rem;
  overflow:hidden;
  margin-bottom:3rem;
}
body.travel #map-box iframe {
  width:100%;
  height:100%;
}
body.travel .map-add-box {
  justify-content:flex-start;
  padding-left:7.5rem;
}
body.travel .map-add-box .map-pic { width:17.5rem; }
body.travel .map-add-box .map-logo {
  width:7.6rem;
  margin:0 2.5rem 0 3rem;
  position:relative;
}
body.travel .map-add-box .map-logo::before {
  content:"";
  width:7.5rem;
  height:7.5rem;
  background:#fff;
  border-radius:100vmax;
  display:block;
  position:absolute;
  bottom:-.5rem;
  left:0;
}
body.travel .map-add-box .map-logo img { position:relative; }
body.travel .map-add-box address {
  font-size:max(15px, 1rem);
  line-height:1.5;
}
body.travel .map-add-box .illust {
  width:21.6rem;
  position:absolute;
  right:-1.5rem;
  top:2rem;
}
body.travel #sec1 { margin-top:9.5rem; }
body.travel #sec1 h3 {
  font-size:max(17.5px, 1.5rem);
  color:#34675c;
  text-align:center;
  font-weight:400;
  margin-bottom:1.5rem;
}
body.travel #sec1 article { margin-bottom:5rem; }
body.travel #sec1 article ul { align-items:flex-start; }
body.travel #sec1 article ul li { width:calc((100% - 4rem) / 3); }
body.travel #sec1 ul li .name {
  font-size:1.75rem;
  text-align:center;
  margin-top:1.5rem;
}
body.travel #sec1 ul li .name span { font-size:max(14px, 1.25rem); }
body.travel #sec1 ul li .time {
  font-size:max(15px, 1rem);
  color:#34675c;
  text-align:center;
  margin:.75rem 0 1rem;
}
body.travel #sec1 ul li .more-btn a {
  border:1px solid #000;
  background:#fefffa;
  border-radius:100vmax;
  font-size:max(15px, 1.1rem);
  line-height:3.5rem;
  width:15rem;
  min-width:180px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:0 2rem 0 2.5rem;
  box-sizing:border-box;
  letter-spacing:.2em;
  font-weight:500;
  margin:0 auto;
  box-shadow:0px 0px 15px 0px rgba(225, 225, 225, 1);
  position:relative;
  z-index:3;
}
body.travel #sec1 ul li .more-btn a img { width:.6rem; }
body.travel #sec1 ul li .more-btn a:hover { padding-right:1.7rem; opacity:.5; }
body.travel #sec1 .bnr-list { margin-bottom:8.5rem; margin-top:6rem; }
body.travel #sec1 .bnr-list li { width:calc((100% - 4rem) / 3); }
body.travel #sec1 .bnr-list li a:hover { opacity:.5; }

@media screen and (max-width: 1200px) {
  body.travel .map-add-box .illust { right:-5.5rem; }
}
@media screen and (max-width: 960px) {
  body.travel .map-add-box { padding-left:0; }
  body.travel .map-add-box .illust { top:4rem; }
}
@media screen and (max-width: 750px) {
  body.travel #map-box { margin-top:35px; }
  body.travel .map-add-box { display:block; }
  body.travel .map-add-box .map-pic { margin:0 auto 20px; }
  body.travel .map-add-box .map-logo { margin:0 auto 15px; }
  body.travel .map-add-box address { text-align:center; }
  body.travel .map-add-box .illust { width:150px; top:inherit; bottom:-70px; right:-40px; }
  body.travel #sec1 article ul { display:block; }
  body.travel #sec1 article ul li { width:100%; margin-bottom:30px; }
  body.travel #sec1 ul li .time { margin:10px 0 15px; }
  body.travel #sec1 .bnr-list { display:block; }
  body.travel #sec1 .bnr-list li { width:200px; margin:0 auto 15px; }
}








/* =================== */
/*       body.stay       */
/* =================== */
body.stay #art1 { margin:6rem auto 9rem; }
body.stay #art1 .sec-top-txt { margin-bottom:2.5rem; }
body.stay #art1 .pic-slide { padding-bottom:0; }
body.stay #art1 .pic-slide img { margin:0 1rem; }
body.stay #art1 .pic-slide .slick-prev,
body.stay #art1 .pic-slide .slick-next {
  position: absolute;
  display: block;
  width:1.25rem;
  height:4.05rem;
  line-height: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  -webkit-transform: unset;
  -ms-transform: unset;
  transform: unset;
  padding: 0;
  border: none;
  outline: none;
  z-index: 99;
  top:calc(50% - 2.025rem);
}
body.stay #art1 .pic-slide .slick-prev:before {
  content: "";
  display: block;
  width:1.25rem;
  height:4.05rem;
  background:url(../img/stay/prev.png) no-repeat;
  background-size:cover;
}
body.stay #art1 .pic-slide .slick-next:before {
  content: "";
  display: block;
  width:1.25rem;
  height:4.05rem;
  background:url(../img/stay/next.png) no-repeat;
  background-size:cover;
}
body.stay #art1 .pic-slide .slick-prev { left:26.2%; }
body.stay #art1 .pic-slide .slick-next { right:26.2%; }
body.stay #art1 .wht-box {
  background:rgba(254,255,250,.8);
  border-radius:2.5rem;
  margin-top:4.5rem;
  padding:2.5rem;
}
body.stay #art1 .wht-box dl { border-top:1px solid #bdbdbd; }
body.stay #art1 .wht-box .line {
  display:flex;
  font-size:max(15px, 1rem);
  line-height:1.5;
  padding:1rem;
  border-bottom:1px solid #bdbdbd;
}
body.stay #art1 .wht-box .line dt {
  color:#34675c;
  width:8em;
}
body.stay #art1 .wht-box .line dd { width:calc(100% - 8em); }
body.stay #art1 .wht-box .illust1 {
  width:11.65rem;
  position:absolute;
  top:-9rem;
  left:-5rem;
}
body.stay #art1 .wht-box .illust2 {
  width:8.9rem;
  position:absolute;
  top:-8rem;
  right:-1.5rem;
}
body.stay .layout {
  align-items:flex-start;
  margin-bottom:6.5rem;
}
body.stay .layout .main-pic { width:50rem; }
body.stay .layout.pic-r .main-pic { order:2; }
body.stay .layout.pic-r .txt-box { order:1; }
body.stay .layout .txt-box {
  width:24rem;
  margin:2rem auto 0;
  position:relative;
}
body.stay .layout .txt-box .layout-ttl img {
  width:24.65rem;
  margin-left:-3.5rem;
}
body.stay .layout .txt-box .layout-ttl .jp {
  font-size:2rem;
  display:block;
  font-weight:400;
}
body.stay .layout .txt-box .txt {
  font-size:max(15px, 1rem);
  line-height:1.75;
  margin-top:1.5rem;
  margin-bottom:3rem;
}
body.stay .layout.pic-l .txt-box .sub-pic {
  margin-left:9.5rem;
  margin-right:-10.7rem;
}
body.stay .layout.pic-r .txt-box .sub-pic {
  margin-left:-10.7rem;
  margin-right:9.5rem;
}
body.stay .layout .txt-box .illust1 {
  width:30.75rem;
  position:absolute;
  left:-25rem;
  bottom:-2.5rem;
  z-index:-1;
}
body.stay .layout.pic-r .txt-box .illust1 { left:inherit; right:-25rem; }
body.stay .layout .txt-box .illust2 {
  width:9.75rem;
  position:absolute;
  left:-2rem;
  bottom:.5rem;
}
body.stay .layout.pic-r .txt-box .illust2 {
  left:inherit;
  right:-5rem;
  width:12.7rem;
}
body.stay .two-box {
  flex-wrap:wrap;
  align-items:flex-start;
}
body.stay .two-box article { width:calc((100% - 5rem) / 2); margin-bottom:3.5rem; }
body.stay .two-box .txt-box {
  width:33.5rem;
  margin-left:5rem;
  margin-top:1.5rem;
}
body.stay .two-box .txt-box .layout-ttl .en-font {
  font-size:5rem;
  color:#34675c;
  display:block;
  margin-left:-2rem;
}
body.stay .two-box .txt-box .layout-ttl .jp {
  font-size:2rem;
  display:block;
  font-weight:400;
  margin-top:1rem;
}
body.stay .two-box .txt-box .txt {
  font-size:max(15px, 1rem);
  line-height:1.75;
  margin-top:1rem;
}
body.stay .two-box .txt-box dl {
  border-top:1px solid #bdbdbd;
  margin-top:1.5rem;
}
body.stay .two-box .txt-box dl .line {
  display:flex;
  font-size:max(15px, 1rem);
  line-height:1.5;
  padding:1rem;
  border-bottom:1px solid #bdbdbd;
}
body.stay .two-box .txt-box dl .line dt {
  color:#34675c;
  width:6.5em;
}
body.stay .two-box .txt-box dl .line dd { width:calc(100% - 6.5em); }
body.stay #art8 {
  border-radius:2.5rem;
  background:#f4f4f4;
  padding:4rem 7.5rem;
  margin:2rem auto 11rem;
}
body.stay #art8 .wht-box {
  background:#fefffa;
  border-radius:2.5rem;
  padding:2.5rem 5rem;
  margin-top:1.5rem;
  font-size:max(15px, 1rem);
}
body.stay #art8 .wht-box ul { margin-bottom:2rem; }
body.stay #art8 .wht-box li {
  display:flex;
  align-items:baseline;
  line-height:1.75;
  margin-bottom:.5rem;
}
body.stay #art8 .wht-box li::before {
  content:"●";
  color:#34675c;
  font-size:50%;
  margin-right:1em;
}
body.stay #art8 .wht-box table { width:100%; }
body.stay #art8 .wht-box table th {
  background:#34675c;
  padding:1rem 0;
  border:1px solid #bdbdbd;
  color:#fff;
  font-weight:400;
  width:calc(100% / 4);
}
body.stay #art8 .wht-box table td {
  padding:1rem 0;
  border:1px solid #bdbdbd;
  text-align:center;
}

@media screen and (max-width: 960px) {
  body.stay #art8 .wht-box table.sp-on { display:table; }
  body.stay #art8 .wht-box table th { width:calc(100% / 2); }
  body.stay .layout { display:block; width:86.6%; max-width:650px; }
  body.stay .layout .main-pic { width:100%; }
  body.stay .layout .txt-box { width:100%; padding:0 25px; }
  body.stay .layout .txt-box .layout-ttl img { margin-left:-15px; }
  body.stay .layout .txt-box .illust1 { left:-155px; top:15%; bottom:inherit; }
  body.stay .layout .txt-box .illust2 { bottom:inherit; top:35%; }
  body.stay .layout.pic-r .txt-box .illust1 { left:inherit; right:-155px; }
  body.stay .layout.pic-l .txt-box .sub-pic { max-width:400px; margin:0; margin-left:calc(100% - 400px + 25px); margin-right:-25px; }
  body.stay .layout.pic-r .txt-box .sub-pic { max-width:400px; margin:0; margin-left:-25px; }
  body.stay .two-box { display:block; max-width:650px; width:86.6%; }
  body.stay .two-box article { width:100%; }
  body.stay .two-box .txt-box { width:100%; padding:0 25px; margin:15px auto 0; }
  body.stay .two-box .txt-box .layout-ttl .en-font { margin-left:-15px; }
.sub_room_img img{
	border-radius: 50px;
	}
}
@media screen and (max-width: 750px) {
  body.stay #art1 .sec-top-txt { width:86.6%; padding:0 25px; margin:20px auto; }
  body.stay #art1 .sec-top-txt br { display:none; }
  body.stay #art1 .sec-top-txt .sp-on { display:none; }
  body.stay #art1 .pic-slide .slick-next { right:6.5%; }
  body.stay #art1 .pic-slide .slick-prev { left:6.5%; }
  body.stay #art1 .wht-box { width:93.3%; }
  body.stay #art1 .wht-box .illust1 { width:8.15rem; left:0; top:-8rem; }
  body.stay #art1 .wht-box .illust2 { width:6.2rem; right:0; top:-7rem; }
  body.stay #art1 .wht-box .line dt { width:6.5em; }
  body.stay #art1 .wht-box .line dd { width:calc(100% - 6.5em); }
  body.stay #art1 { margin:30px auto; }
  body.stay .layout.pic-l .txt-box .sub-pic {
    width:67%;
    margin-left:calc(100% - 67%);
    margin-right:0;
    max-width:inherit;
  }
  body.stay .layout.pic-r .txt-box .sub-pic {
    width:67%;
    margin-left:0;
    margin-right:0;
    max-width:inherit;
  }
  body.stay .layout .txt-box .illust1 { top:25%; left:-120px; }
  body.stay .layout .txt-box .illust2 { top:50%; left:30px; }
  body.stay .layout.pic-r .txt-box .illust1 { right:-120px; }
  body.stay .layout.pic-r .txt-box .illust2 { right:15px; }
  body.stay .layout { margin-bottom:55px; width:100%; max-width:inherit; }
  body.stay .layout .main-pic { width:86.6%; margin:0 auto; }
  body.stay .layout .txt-box { padding:0; }
  body.stay .layout .txt-box .txt { line-height:1.66; width:86.6%; padding:0 25px; margin:15px auto 30px; }
  body.stay .layout .txt-box .layout-ttl { width:86.6%; padding:0 25px; margin:0 auto; }
  body.stay .two-box .txt-box .txt { line-height:1.66; }
  body.stay #art8 { width:93.3%; padding:20px 15px; margin-bottom:80px; }
  body.stay #art8 .wht-box { padding:20px; }
  body.stay #art8 .wht-box li { line-height:1.66; }
.sub_room_img img{
	border-radius: 0px;
	}
}








/* =================== */
/*       body.enjoy       */
/* =================== */
body.enjoy main {
  padding-bottom:1px;
  margin-bottom:3rem;
}
body.enjoy main::before {
  width:194.85rem;
  height:372.15rem;
  background:url(../img/enjoy/bg.png) no-repeat center bottom;
  background-size:194.85rem auto;
  top:inherit;
  left:calc((100vw - 194.85rem) / 2);
  right:calc((100vw - 194.85rem) / 2);
  bottom:0;
  margin:0 auto;
}
body.enjoy #top-box {
  height:41rem;
  position:relative;
  padding-top:17rem;
  margin-bottom:10rem;
}
body.enjoy #top-box .pic-box {
  width:57rem;
  position:absolute;
  right:0;
  bottom:0;
  display:flex;
  justify-content:space-between;
}
body.enjoy #top-box .pic-box .big { width:32.5rem; }
body.enjoy #top-box .pic-box .mini-box { width:23rem; }
body.enjoy #top-box .pic-box .mini1 { margin-bottom:1.4rem; }
body.enjoy #top-box .txt-box {
  margin-left:18rem;
  width:26rem;
  min-width:350px;
  position:relative;
  z-index:1;
}
body.enjoy #top-box .txt-box .copy {
  font-size:max(20px, 1.75rem);
  line-height:1.42;
  text-shadow: 2px 2px 2px #fff, -2px -2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff, 2px 0px 2px #fff, -2px -0px 2px #fff, 0px 2px 2px #fff, 0px -2px 2px #fff;
}
body.enjoy #top-box .txt-box .txt {
  text-shadow: 2px 2px 2px #fff, -2px -2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff, 2px 0px 2px #fff, -2px -0px 2px #fff, 0px 2px 2px #fff, 0px -2px 2px #fff;
  line-height:2;
  font-size:max(15px, 1.1rem);
  margin-top:1rem;
}
body.enjoy #top-box .illust1 {
  width:27.85rem;
  position:absolute;
  left:-12rem;
  top:1.5rem;
}
body.enjoy #top-box .illust2 {
  width:13.1rem;
  position:absolute;
  top:8.5rem;
  left:2.5rem;
}
body.enjoy .layout {
  align-items:flex-start;
  margin-bottom:8rem;
}
body.enjoy .layout.pic-r .main { order:2; }
body.enjoy .layout.pic-r .txt-box { order:1; }
body.enjoy .layout .main { width:50rem; }
body.enjoy .layout .txt-box {
  width:24rem;
  margin:0 auto;
  position:relative;
  padding-top:2rem;
}
body.enjoy .layout .txt-box .num {
  width:3rem;
  line-height:3rem;
  background:#fff;
  border-radius:100vmax;
  font-size:1.75rem;
  color:#34675c;
  text-align:center;
  position:absolute;
  left:-3.5rem;
  top:2rem;
  font-weight:600;
}
body.enjoy .layout .txt-box .layout-ttl .en-font {
  font-size:5rem;
  color:#34675c;
  display:block;
  line-height:.7;
}
body.enjoy .layout .txt-box .layout-ttl .jp {
  font-size:1.5rem;
  display:block;
  margin-top:2rem;
  font-weight:400;
}
body.enjoy .layout .txt-box .layout-ttl .jp span { font-size:2.5rem; }
body.enjoy .layout .txt-box .txt {
  font-size:max(15px, 1rem);
  line-height:1.75;
  margin-top:1.5rem;
}
body.enjoy .layout .txt-box .sub1 {
  margin-top:5rem;
  width:25rem;
}
body.enjoy .layout .txt-box .illust1 {
  width:30.75rem;
  position:absolute;
  top:18rem;
  z-index:-1;
}
body.enjoy .layout.pic-l .txt-box .illust1 { left:0; }
body.enjoy .layout.pic-r .txt-box .illust1 { right:0; }
body.enjoy .layout.pic-l .txt-box .sub1 { margin-left:-11.5rem; }
body.enjoy .layout.pic-r .txt-box .sub1 { margin-left:10.5rem; }
body.enjoy .layout.pic-r .txt-box .sub2 {
  width:25rem;
  margin-top:-6rem;
  margin-left:42.5rem;
}
body.enjoy .layout .txt-box .more-btn a {
  border:1px solid #000;
  background:#fefffa;
  border-radius:100vmax;
  font-size:max(15px, 1.1rem);
  line-height:3.5rem;
  width:15rem;
  min-width:180px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:0 2rem 0 2.5rem;
  box-sizing:border-box;
  letter-spacing:.2em;
  font-weight:500;
  margin-top:1.5rem;
  box-shadow:0px 0px 15px 0px rgba(225, 225, 225, 1);
  position:relative;
  z-index:3;
}
body.enjoy .layout .txt-box .more-btn a img { width:.6rem; }
body.enjoy .layout .txt-box .more-btn a:hover { padding-right:1.7rem; opacity:.5; }
body.enjoy #art1 .illust2 {
  width:11.65rem;
  position:absolute;
  top:20rem;
  right:-3rem;
}
body.enjoy #art2 .illust2 {
  width:11.65rem;
  position:absolute;
  top:25rem;
  left:-5rem;
}
body.enjoy #art3 .illust2 {
  width:12rem;
  position:absolute;
  top:18rem;
  right:-5rem;
}
body.enjoy #art4 .illust2 {
  width:12.75rem;
  position:absolute;
  top:24.5rem;
  left:-4rem;
}
body.enjoy #art5 .illust2 {
  width:7.6rem;
  position:absolute;
  top:20rem;
  right:-.5rem;
}
body.enjoy #art6 .illust2 {
  width:15.95rem;
  position:absolute;
  top:24.5rem;
  left:-4rem;
}
body.enjoy #art7 .illust2 {
  width:16.05rem;
  position:absolute;
  top:23.5rem;
  right:-4rem;
}

@media screen and (max-width: 960px) {
  body.enjoy main::before { width:389.7rem; height:744.3rem; background:url(../img/enjoy/bg.png) no-repeat center bottom; background-size:389.7rem auto; left:calc((100vw - 389.7rem) / 2); right:calc((100vw - 389.7rem) / 2); }
  body.enjoy #top-box { height:auto; padding-top:40px; margin-bottom:60px; }
  body.enjoy #top-box .txt-box .copy { text-align:center; }
  body.enjoy #top-box .txt-box { min-width:inherit; width:86.6%; max-width:600px; margin:0 auto; padding:0 40px; }
  body.enjoy #top-box .pic-box { position:initial; width:86.6%; max-width:600px; display:block; margin:20px auto 0; }
  body.enjoy #top-box .pic-box .big { width:100%; }
  body.enjoy #top-box .pic-box .mini-box { width:100%; display:flex; justify-content:space-between; margin-top:5px; }
  body.enjoy #top-box .pic-box .mini-box .mini { width:calc((100% - 5px) / 2); }
  body.enjoy .layout { display:block; width:86.6%; max-width:650px; margin-bottom:60px; }
  body.enjoy .layout .main { width:100%; }
  body.enjoy .layout .txt-box { width:100%; padding:20px 40px 0 50px; }
  body.enjoy .layout .txt-box .num { left:10px; }
  body.enjoy .layout .txt-box .txt { line-height:1.66; }
  body.enjoy .layout .pic-box { display:flex; justify-content:center; margin-top:30px; }
  body.enjoy .layout .txt-box .sub1 { margin-top:0; width:calc((100% - 5px) / 2); }
  body.enjoy .layout.pic-r .txt-box .sub2 { margin:0; margin-left:5px; width:calc((100% - 5px) / 2); }
  body.enjoy .layout.pic-l .txt-box .sub1 { margin-left:0; }
  body.enjoy .layout.pic-r .txt-box .sub1 { margin-left:0; }
  body.enjoy .layout.pic-l .txt-box .illust1 { left:inherit; right:-150px; top:-10rem; }
  body.enjoy .layout.pic-r .txt-box .illust1 { left:inherit; right:-150px; top:-10rem; }
  body.enjoy #art1 .illust2 { top:-5rem; right:0; }
  body.enjoy #art2 .illust2 { top:-2rem; right:-5rem; left:inherit; }
  body.enjoy #art3 .illust2 { top:-6rem; right:-2rem; }
  body.enjoy #art4 .illust2 { top:-5rem; right:-3rem; left:inherit; }
  body.enjoy #art5 .illust2 { top:-4rem; }
  body.enjoy #art6 .illust2 { top:-4rem; right:-4rem; left:inherit; }
  body.enjoy #art7 .illust2 { top:-5rem; }
}
@media screen and (max-width: 750px) {
  body.enjoy #top-box .illust1 { position:initial; margin:30px auto -30px; width:194px; }
  body.enjoy #top-box .illust2 { position:initial; margin:-150px auto 0; }
  body.enjoy #top-box .txt-box .txt { line-height:1.66; }
  body.enjoy #top-box .pic-box { position:relative; }
  body.enjoy .layout { margin-bottom:40px; }
  body.enjoy .layout .txt-box { padding:30px 0 50px; }
  body.enjoy .layout .txt-box .layout-ttl { padding:0 40px 0 50px; }
  body.enjoy .layout .txt-box .txt { padding:0 40px 0 50px; }
  body.enjoy .layout .txt-box .more-btn { margin-left:50px; }
  body.enjoy .layout .txt-box .sub1 { width:250px; }
  body.enjoy #art2 .layout .txt-box .sub1 { width:calc((100% - 5px) / 2); }
  body.enjoy #art1 .illust2 { width:94px; }
  body.enjoy #art2 .illust2 { width:94px; right:-30px; }
  body.enjoy #art3 .illust2 { width:100px; }
  body.enjoy #art4 .illust2 { width:100px; right:-10px; }
  body.enjoy #art5 .illust2 { width:56px; }
  body.enjoy #art6 .illust2 { width:115px; top:-60px; right:-15px; }
  body.enjoy #art7 .illust2 { width:130px; right:-20px; }
  body.enjoy main::before {
    width: 292.275rem;
    height: 558.225rem;
    background: url(../img/enjoy/bg.png) no-repeat center bottom;
    background-size: 292.275rem auto;
    left: calc((100vw - 292.275rem) / 2);
    right: calc((100vw - 292.275rem) / 2);
  }
}