@charset "utf-8";

a.underline {
  color: #c74e00;
  text-decoration: underline
}

/* MV */
#mv.sub-mv.plan .img{background:url(/img/plan/mv.jpg) no-repeat center center;background-size:cover;}
#mv.sub-mv.plan .img::before {content: ''; display: block; position: absolute; background: rgba(0,0,0,.2); width: 100%; height: 100%; z-index: 0; left: 0; top: 0; right: 0; bottom: 0;} */

/* .marker2 {
		background: linear-gradient(transparent 58%, #ffd8bf 0%);
		display: inline;
		padding: 0 2px 1px
} */
.strong {color: #c74e00; font-size: 1.8rem; font-weight: bold;}
.common-btn01 {margin-top: 24px;}
.common-btn01.active {padding-right: 50px;}

.block-plan02 h3 {margin-bottom: 24px;}
.block-plan02 h3 small {color: #333; font-size: 2rem;}

.block-plan02 {
  position: relative; 
}
.block-plan02:nth-child(even) {
  background: #fff; 
}
.block-plan02:nth-child(odd) {
  background: #f5f5f4;
}
.block-plan02::before {
  content: '';
  background: url('/img/point_bg01.png');
  position: absolute;
  background-position: right bottom;
  left: 0;
  top: 0;
  width: 230px;
  height: 230px;
  z-index: 0;
}
.block-plan02::after {
  content: '';
  background: url('/img/point_bg02.png');
  position: absolute;
  right: 0;
  bottom: 0;
  width: 230px;
  height: 230px;
  z-index: 0;
}
.point-num {
  text-align: center;
  margin: 0 auto 20px;
  width: 84px;
  height: 78px;
}
/* .block-plan02 .arrows {
  position: absolute;
  top: -25px;
  right: 20px;
  z-index: 2;
}
.block-plan02 .arrows img {
  transition: all .2s;
}
.block-plan02 .arrows img:hover {
  cursor: pointer;
  opacity: .7;
}
.block-plan02 .arrows img:last-child {
  padding-left: 10px;
} */

/* -------------------------------------------------- */
/* block-plan01 */
/* -------------------------------------------------- */
.block-plan02 .box {
  display: flex;
	justify-content: space-between;
	align-items: center;
  /* margin-top: 40px; */
  text-align: left;
}
.block-plan02 .box.kids {
  display: block;
  flex-wrap: wrap;
  max-width: 1000px; width: 100%;
  margin: 60px auto 0;
}
.block-plan02 .box.kids .slider-box {
  max-width: 480px; width: 100%; margin: 0 auto;
}
.block-plan02 .box.kids h3 {
  text-align: center;
}
.block-plan02 .box.kids h3::before {
  margin-left: auto;
}
.block-plan02 .box.kids ul {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 24px;
  gap: 30px 40px;
}
.block-plan02 .box.kids ul li {
  max-width: 475px;
}
.block-plan02 .box.kids ul li img {
  border-radius: 5px;
}
.block-plan02 .box.kids ul li p {
  color: #c74e00;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  margin-top: 16px;
  line-height: 1.7;
}
.block-plan02 .box figure {
  max-width: 740px;
  width: 100%;
  /* margin-left: 80px; */
}
/* .block-plan02 .box figure img {
  box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
} */
.block-plan02 .box figure figcaption {
  margin-top: 12px;
}
.block-plan02 .box .block-txt {
  /* max-width: 780px; */
  width: 100%;
}

/* -------------------------------------------------- */
/* block-plan */
/* -------------------------------------------------- */
.block-plan02 h3 span {
  color: #c74e00;
}
.block-plan02 h3 .num {
  color: #c74e00;
  font-family: 'Poppins', sans-serif;
}
.block-plan02 h3 .num::after {
  content: '｜';
}
.block-plan02 .box h4 {
  color: #c74e00;
  font-size: 2.2rem; font-weight: bold;
  line-height: 1.4;
  padding: 16px 0 8px;
}
.block-plan02 .box p {
  font-size: 1.8rem;
  line-height: 2;
}
.block-plan02 .box p span.st {
  font-weight: bold;
}
.block-plan02 .box .note {
  margin-top: 24px;
  padding: 16px 24px;
  background: #fdf3ec ;
  border-radius: 5px;
}
.block-plan02 .box .note p {
  font-size: 1.6rem;
  line-height: 1.6;
}
.block-plan02 .box .note span {
  display: inline-block;
  text-indent: -1em;
  padding-left: 2em;
}
.block-plan02 .box .caution {
  font-size: 1.4rem;
  line-height: 1.6;
  margin-top: 24px;
  /* padding: 24px; */
  /* background: #fff; */
  border-radius: 5px;
}
.block-plan02 .box .txt .caution p {
  font-size: 1.6rem;
}
.block-plan02 .box .txt .caution ul li {
  font-size: 1.6rem;
  text-indent: -1em;
  padding-left: 1em;
}
.block-plan02 .box .txt .caution ul li + li {
  margin-top: 4px;
}
.block-plan02 .box .caution span {
  display: inline-block;
  text-indent: -1em;
  padding-left: 2em;
}
.block-plan02 .box figure .caution p {
  font-size: 1.6rem;
}
.block-plan02 .box figure .caution ul li {
  font-size: 1.6rem;
  text-indent: -1em;
  padding-left: 1em;
}
.block-plan02 .box figure .caution ul li + li {
  margin-top: 4px;
}
.block-plan02 .box .caution span {
  display: inline-block;
  text-indent: -1em;
  padding-left: 2em;
}
.block-plan02 .box .link-box {
  margin-top: 40px;
}
.block-plan02 .box .slider-box ul li img {
  width: 100%;
  height: auto;
}
.block-plan02 .box .txt {
  width: 100%;
  z-index: 1;
}

/* .block-plan02 .box .txt p {
  margin-top: 40px;
} */
/* #block-plan01.block-plan02 .box {
  margin-top: 40px;
} */
.block-plan02 .box .txt h4.ttl-s {
  font-size: 1.8rem; margin-top: 20px; line-height: 2;
}
/* .block-plan02 .box .txt ul {
  margin-top: 16px;
} */
.block-plan02 .box .txt ul li {
  font-size: 1.8rem;
  /* text-indent: -1.6em;
  padding-left: 1.6em; */
  line-height: 1.7;
}
.block-plan02 .box .txt ul li:nth-child(n+2) {
  margin-top: 8px;
}
.block-plan02 .box .txt ul li dl dt span {
  font-size: 2rem;
}
.block-plan02 .box .txt ul li dl dt {
  font-weight: bold;
  color: #c74e00;
}
.block-plan02 .box .txt ul li dl dd {
  margin-top: 4px;
}
.block-plan02 .box .txt p.note {
  margin-top: 16px;
  font-size: 1.8rem;
  line-height: 1.7;
}
.block-feature .box h3 span.sub-ttl {
  display: block;
}
.block-feature .box p {
  font-size: 1.8rem;
  margin-top: 40px;
  line-height: 2.2;
}
.block-feature .box a {
  margin-top: 40px;
}
#block-plan02 .slick-num .inner {
  background-color: #fff;
}
#block-plan06 .slick-num .inner {
  background-color: #f5f5f4;
}
.block-plan02 .box .slider-box {
  max-width: 600px;
  width: 100%;
  z-index: 1;
}
.block-plan02 .box .slider-box .slider-inner {
  position: relative;
}
.block-plan02 .box .slider-box .slider-inner .slick-num {
  position: absolute;
  margin: auto;
  bottom: 7px;
  right: 0;
}
.slick-num {
	text-align: center;
}
.slick-num .inner {
  position: relative;
  display: inline-flex;
	justify-content: space-between;
	align-items: center;
  padding: 24px 24px 24px 20px;
	color: #c74e00;
  width: 80px;
  height: 80px;
}
.slick-num .inner .nowcnt {
  font-size: 2.4rem;
  margin-bottom: 12px;
}
.slick-num .inner .slash {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: inline-block;
  width: 1px;
  height: 30px;
  background: #c74e00;
  transform: rotate(30deg);
}
.slick-num .inner .allcnt {
  font-size: 1.6rem;
  margin-top: 20px;
}
.block-plan02 .box .slider-box > ul > li {
  width: 100%;
}
/* .block-plan02 .box .slider-box ul li {
  margin: 0 5px;
} */
.block-plan02 .box .slider-box ul li img {
  width: 100%;
  height: auto;
}

.slick-prev, .slick-next {
  z-index: 9;
}
.slick-prev:before, .slick-next:before {
  color: #000; z-index: 9;
}
.slick-slide {
  /* transition: all ease-in-out .3s; */
  opacity: 1;
}
.slick-active {
  opacity: 1;
}

.block-plan02 .box .thumb .slick-current img {
  opacity: 0.6;
}
.block-plan02 .box .thumb li {
  padding: 0 8px;
  border-radius: 5px;
}
.block-plan02 .box .thumb {
  position: relative;
  margin: 8px 0 0;
  text-align: center;
}
.block-plan02 .box .thumb span {
  position: relative;
  display: block;
  background: #000;
  border-radius: 0px;
}
.block-plan02 .box .thumb img {
  cursor: pointer;
  transition: all .2s;
  border-radius: 0px;
}
.block-plan02 .box .thumb img:hover {
  opacity: .75;
}
.block-plan02 .box .thumb img.prev-arrow{
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 9;
}
.block-plan02 .box .thumb img.next-arrow{
  position: absolute;
  display: inline-block;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 9;
}
.block-plan02 .box .thumb li {
  position: relative;
}

#plan-link {position: relative; width: 100%; height: 100%; text-align: center; padding: 80px; background: #fff; background-size: cover; overflow: hidden;  }
/* #plan-link .img{background:url(/img/allinclusive/mv.jpg) no-repeat center center;background-size:cover;}
#plan-link::before {content: ''; display: block; position: absolute; background: rgba(0,0,0,.5); width: 100%; height: 100%; z-index: 0; left: 0; top: 0; right: 0; bottom: 0;} */
#plan-link .inner {position: relative; display: flex; align-items: center; justify-content: center; z-index: 1;}
#plan-link .inner h4 {color: #fff; font-size: 3.2rem;}
/* #plan-link .inner .link {margin-top: 24px;} */
#plan-link .inner a {margin-top: 0;}


/* .block-plan02 .box .thumb .slick-current li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 4px solid #00a1e9;
    box-sizing: border-box;
    z-index: 1;
    transition: .2s;
} */
.slick-arrow {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 0;
  width: 20px;
  height: 38px;
  color: transparent;
  z-index: 1;
  transition: opacity 0.5s;
  z-index: 1;
}
.slick-arrow:hover {
  opacity: 0.7;
}

/* 共通設定 */
.slick-next::before,
.slick-next::after,
.slick-prev::before,
.slick-prev::after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
.slick-next::after,
.slick-prev::after {
  width: 26px;
  height: 26px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

/* next */
.slick-next {
  right: 26px;
}
.slick-next::after {
  right: 4px;
  transform: rotate(45deg);
}

/* prev */
.slick-prev {
  left: 26px;
}
.slick-prev::after {
  left: 4px;
  transform: rotate(-135deg);
}

@media screen and (max-width: 767px) {
  .slick-next::after,
  .slick-prev::after {
    width: 10px;
    height: 10px;
  }
  .slick-next {
    right: 8px;
  }
  .slick-prev {
    left: 8px;
  }
  .slick-next::after {
    right: 2px;
  }
}


@media screen and (min-width: 1001px) {
  .block-plan02 .box h3::before {
      margin-left: 0;
  }
  .block-plan02 .box h3 {
    text-align: left;
  }

  .block-plan02:nth-child(even) .box .txt {
    max-width: 600px;
    width: 100%;
    margin: 0 80px 0 0;
  }
  .block-plan02:nth-child(odd) .box .txt {
    max-width: 600px;
    width: 100%;
    margin: 0 0 0 80px;
  }
  .block-plan02:nth-child(odd) .box  {
    flex-direction: row-reverse;
  }
}

/* ======================================================================================================================= */
/* for tablet */
/* ======================================================================================================================= */
@media screen and (max-width:1000px){
  .common-btn01 {font-size: 1.6rem;}
  .block-plan02 .box figure {
    margin: auto;
  }
  .block-plan02 .box figure img {
    width: 740px;
    margin: 40px auto 0;
  }
  .block-plan02 .box .block-txt {
    margin: 40px auto 0;
  }
  .block-plan02 .box {
    flex-wrap: wrap;
  }
  .block-plan02 .box .txt {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    z-index: 1;
  }
  .block-plan02 .box .slider-box {
    max-width: 100%;
    width: 100%;
    margin: 40px auto 0;
    z-index: 1;
  }
  .block-plan02 .box.kids ul {
    gap: 20px 24px;
  }
}

/* ======================================================================================================================= */
/* for sp */
/* ======================================================================================================================= */
@media screen and (max-width:599px){
  .block-plan02::before {
    width: 120px;
    height: 120px;
  }
  .block-plan02::after {
    width: 120px;
    height: 120px;
  }
  .block-plan02 .box.kids ul {
    flex-wrap: wrap;
    gap: 0px 16px;
  }
  .block-plan02 .box.kids ul li:nth-child(n+2) {
    margin-top: 20px;
  }

  #plan-link {padding: 50px;}

  .block-plan02 .btn {
    text-align: center;
  }

}

/* ======================================================================================================================= */
/* for IE */
/* ======================================================================================================================= */
@media screen\0 {


}