@charset "UTF-8";
/* CSS Document */

.contents_nav {
width: 90%;
margin: 0 auto;
padding: 10rem 0 0;
}
.contents_nav ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.contents_nav ul li {
width: 21%;
}
.contents_nav ul li p {
display: flex;
flex-direction: column;
font-size: var(--font-size-18);
text-align: center;
margin-top: 0.5rem;
}
.contents_nav ul li p span {
font-size: var(--font-size-14);
line-height: 1;
}

.top {
padding: 6rem 0 12rem;
background-image: url(/summer/images/plan/common/rbg_04.png);
background-size: 50%;
background-position: center bottom;
background-repeat: no-repeat;
}
.top .fee {
  width: 65%;
  margin: 0 auto;
  background-image: url(/summer/images/plan/common/rbg_01.png);
  background-size: 76%;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 8vw 0 6vw;
}

.top .fee dl {
  width: 70%;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.top .fee dt {
  width: 70%;
  margin: 0 auto;
  padding-bottom: 0.5rem;
  border-bottom: solid 1px #666;
  font-weight: 600;
  font-size: var(--font-size-18);
  text-align: center;
}

.top .fee dl .cost {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
}

.top .fee dl .cost .num {
  flex: 0 0 auto;
  margin-top: 0.5rem;
  padding: 0.3em 0.8em;
  border: solid 1px #666;
  line-height: 1.8em;
   font-size: var(--font-size-18);
}

.top .fee dl .cost .price {
  font-size: var(--font-size-56);
  font-weight: 600;
  color: #ef1414;
}
.top .fee dl .cost .yen {
  line-height: 1;
  margin-top: 2rem;
  font-size: var(--font-size-18);
}

.top .fee dl .one {
  width: 100%;
  margin-top: 0.5em;
  text-align: center;
}

.top .fee p {
  font-size: clamp(12px, 1vw, 16px);
  text-align: center;
  margin-top: 1em;
}

.recommend {
background-image: url(/summer/images/plan/common/rbg_02.png),url(/summer/images/plan/common/rbg_03.png);
background-size: 30%,25%;
background-position: left top,right bottom;
background-repeat: no-repeat,no-repeat;
padding-bottom: 4rem;
}
.recommend dl {
width: 65%;
margin: -4rem auto 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.recommend dt {
width: 70%;
margin: 0 auto 1rem;
}
.recommend dt img {
width: 50%;
margin: 0 auto;
}
.recommend dd {
width: 46%;
}
.recommend dd .box {
padding: 1rem;
background: #fff;
box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
display: flex;
flex-direction: column;
text-align: center;
}
.recommend dd .box img {
width: 100%;
height: auto;
margin-bottom: 1rem;
}
.recommend dd .box p {
font-size: var(--font-size-16);
}

.schedule {
padding: 6rem 0;
position: relative;
}
.schedule .box {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-bottom: 4rem;
}
.schedule .box .image {
width: 48%;
}
.schedule .box .image img {
width: 100%;
height: auto;
object-fit: cover;
}
.schedule .box .cap {
width: 48%;
position: relative;
padding-bottom: 7rem;
}
.schedule .box .cap .time {
display: flex;
align-items: center;
font-size: var(--font-size-48);
}
.schedule .box .cap .time span {
display: inline-block;
width: 10%;
margin-right: 1rem;
}
.schedule .box dl {
text-align: left;
}
.schedule .box dt {
font-size: var(--font-size-36);
padding-bottom: 1rem;
background-image: url(/summer/images/plan/common/title_line.svg);
background-position: center bottom;
background-repeat: no-repeat;
background-size: auto;
margin-bottom: 1rem;
}
.schedule .box dd {
font-size: var(--font-size-18);
margin-bottom: 1rem;
}
.schedule .box .memo span {
display: block;
}
.schedule .box ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.schedule .box ul li {
width: 48%;
}

/* 
=================================
グループプラン
=================================
*/
.schedule .box.g1 {
background-image: url(/summer/images/plan/common/arrow_left.svg);
background-position: center bottom;
background-repeat: no-repeat;
background-size: 25%;
}
.schedule .box.g1 .sub_image {
margin-top: -2rem;
}
.schedule .box.g1 .memo {
font-size: var(--font-size-18);
background-image: url(/summer/images/plan/common/arrow_up.svg);
background-position: center bottom 0.5vw;
background-repeat: no-repeat;
background-size: 100%;
padding: 4rem 0 2rem;
position: absolute;
bottom: -1rem;
right: 0;
z-index: 1;
width: 60%;
text-align: center;
}
.schedule .box.g2 {
padding-bottom: 6rem;
background-image: url(/summer/images/plan/common/arrow_right.svg);
background-position: center bottom;
background-repeat: no-repeat;
background-size: 25%;
}
.schedule .box.g3 .sub_image {
margin-top: -8rem;
}
.schedule .box.g3 .sub_image img {
width: 65%;
margin-left: auto;
}
.schedule .box.g3 {
background-image: url(/summer/images/plan/common/arrow_left.svg);
background-position: center bottom;
background-repeat: no-repeat;
background-size: 25%;
}
.schedule .box.g4 {
padding-bottom: 6rem;
background-image: url(/summer/images/plan/common/arrow_right.svg);
background-position: center bottom;
background-repeat: no-repeat;
background-size: 25%;
}
.schedule .box.g5 {
background-image: url(/summer/images/plan/common/arrow_left.svg),url(/summer/images/plan/common/ill_asa.svg);
background-position: center bottom,right 4rem bottom 2rem;
background-repeat: no-repeat,no-repeat;
background-size: 25%,20%;
padding-bottom: 6rem;
}
.schedule .box.g5 .cap {
background-image: url(/summer/images/plan/common/ill_bbq.svg);
background-position: right top;
background-repeat: no-repeat;
background-size: 20%;
}
.schedule .box.g6 {
padding-bottom: 6rem;
background-image: url(/summer/images/plan/common/arrow_right.svg);
background-position: center bottom;
background-repeat: no-repeat;
background-size: 25%;
}
.schedule .box.g7 {
background-image: url(/summer/images/plan/common/arrow_left.svg);
background-position: center bottom;
background-repeat: no-repeat;
background-size: 25%;
padding-bottom: 6rem;
}

/* 
=================================
カップルプラン
=================================
*/
.schedule .box.c1 {
background-image: url(/summer/images/plan/common/arrow2_left.svg);
background-position: left 20vw bottom;
background-repeat: no-repeat;
background-size: 20%;
}
.schedule .box.c1 .memo {
    font-size: var(--font-size-16);
    background-image: url(/summer/images/plan/common/arrow_up.svg);
    background-position: center bottom 0.5vw;
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 4rem 0 2rem;
    position: absolute;
    bottom: -1rem;
    right: 0;
    z-index: 1;
    width: 60%;
    text-align: center;
}
.schedule .box.c2 {
background-image: url(/summer/images/plan/common/arrow2_right.svg);
background-position: left 20vw bottom 1rem;
background-repeat: no-repeat;
background-size: 20%;
padding-bottom: 6rem;
}
.schedule .box.c2 .image {
position: relative;
}
.schedule .box.c2 .image span {
display: block;
width: 30%;
position: absolute;
right: 2rem;
bottom: -2rem;
}
.schedule .box.c3 {
background-image: url(/summer/images/plan/common/arrow2_left.svg);
background-position: left 20vw bottom;
background-repeat: no-repeat;
background-size: 20%;
}
.schedule .box.c4 {
background-image: url(/summer/images/plan/common/arrow2_right.svg);
background-position: left 20vw bottom 1rem;
background-repeat: no-repeat;
background-size: 20%;
padding-bottom: 6rem;
}
.schedule .box.c4 .image {
position: relative;
}
.schedule .box.c4 .image span {
display: block;
width: 32%;
position: absolute;
right: 2rem;
bottom: -1rem;
}
.schedule .box.c5 .memo {
    font-size: var(--font-size-16);
    background-image: url(/summer/images/plan/common/arrow_up.svg);
    background-position: center bottom 0.5vw;
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 4rem 0 2rem;
    position: absolute;
    bottom: -1rem;
    right: 0;
    z-index: 1;
    width: 60%;
    text-align: center;
}
.schedule .box.c5 .image {
position: relative;
}
.schedule .box.c5 .image span {
display: block;
width: 40%;
position: absolute;
right: 2rem;
bottom: 2rem;
}
.schedule .box.c5 {
background-image: url(/summer/images/plan/common/arrow2_left.svg);
background-position: center bottom;
background-repeat: no-repeat;
background-size: 20%;
}
.schedule .box.c6 .image {
position: relative;
}
.schedule .box.c6 .image span {
display: block;
width: 30%;
position: absolute;
left: 2rem;
bottom: 1rem;
}
.schedule .box.c6 {
background-image: url(/summer/images/plan/common/arrow2_right.svg);
background-position: left 20vw bottom 1rem;
background-repeat: no-repeat;
background-size: 20%;
padding-bottom: 6rem;
}
.schedule .box.c7 {
background-image: url(/summer/images/plan/common/arrow2_left.svg);
background-position: left 20vw bottom;
background-repeat: no-repeat;
background-size: 20%;
}
.schedule .box.c7 .cap {
position: relative;
}
.schedule .box.c7 .cap .ill {
position: absolute;
width: 35%;
top: -4rem;
right: 0;
}
.schedule .box.c8 {
background-image: url(/summer/images/plan/common/arrow2_right.svg);
background-position: left 20vw bottom 1rem;
background-repeat: no-repeat;
background-size: 20%;
padding-bottom: 6rem;
}
.schedule .box.c8 .image {
position: relative;
padding-bottom: 10rem;
}
.schedule .box.c8 .image span {
display: block;
width: 60%;
position: absolute;
right: 2rem;
bottom: 0;
}

/* 
=================================
ファミリープラン
=================================
*/
.schedule .box.f1 .image img {
width: 75%;
}
.schedule .box.f1 .memo {
    font-size: var(--font-size-16);
    background-image: url(/summer/images/plan/common/arrow_up.svg);
    background-position: center bottom 2vw;
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 5rem 0 4rem;
    position: absolute;
    bottom: -3em;
    right: 0;
    z-index: 1;
    width: 60%;
    text-align: center;
    line-height: 1.2;
}
.schedule .box.f1 {
background-image: url(/summer/images/plan/common/arrow_left.svg);
background-position: center bottom;
background-repeat: no-repeat;
background-size: 25%;
}
.schedule .box.f2 {
padding-bottom: 8rem;
}
.schedule .box.f2 .image {
position: relative;
}
.schedule .box.f2 .image span {
display: block;
width: 30%;
position: absolute;
right: 2rem;
bottom: -2rem;
}
.schedule .box.f2 .memo {
    font-size: var(--font-size-16);
    background-image: url(/summer/images/plan/common/arrow_up.svg);
    background-position: center bottom 1vw;
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 8rem 0 4rem;
    position: absolute;
    bottom: -5em;
    right: 0;
    z-index: 1;
    width: 90%;
    text-align: center;
    line-height: 1.4;
}
.schedule .box.f2 {
background-image: url(/summer/images/plan/common/arrow_right.svg);
background-position: right 20vw bottom;
background-repeat: no-repeat;
background-size: 25%;
}
.schedule .box.f3 {
background-image: url(/summer/images/plan/common/arrow_left.svg);
background-position: center bottom;
background-repeat: no-repeat;
background-size: 25%;
}
.schedule .box.f4 .image {
position: relative;
}
.schedule .box.f4 .image span {
display: block;
width: 40%;
position: absolute;
right: 2rem;
bottom: -2rem;
}
.schedule .box.f4 {
background-image: url(/summer/images/plan/common/arrow_right.svg);
background-position: right 20vw bottom;
background-repeat: no-repeat;
background-size: 25%;
}
.schedule .box.f5 .image {
position: relative;
}
.schedule .box.f5 .image span {
display: block;
width: 40%;
position: absolute;
right: 3rem;
bottom: 2rem;
}
.schedule .box.f5 .memo {
    font-size: var(--font-size-16);
    background-image: url(/summer/images/plan/common/arrow_up.svg);
    background-position: center bottom 2vw;
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 5rem 0 4rem;
    position: absolute;
    bottom: -3em;
    right: 0;
    z-index: 1;
    width: 60%;
    text-align: center;
    line-height: 1.2;
}
.schedule .box.f5{
background-image: url(/summer/images/plan/common/arrow_left.svg);
background-position: center bottom;
background-repeat: no-repeat;
background-size: 25%;
}
.schedule .box.f6 .image {
position: relative;
}
.schedule .box.f6 .image span {
display: block;
width: 35%;
position: absolute;
right: 7rem;
bottom: 1rem;
}
.schedule .box.f6 {
background-image: url(/summer/images/plan/common/arrow_right.svg);
background-position: center bottom;
background-repeat: no-repeat;
background-size: 25%;
}
.schedule .box.f7 .cap {
position: relative;
}
.schedule .box.f7 .cap .ill {
width: 40%;
position: absolute;
right: 0;
top: -2rem;
}
.schedule .box.f7 {
background-image: url(/summer/images/plan/common/arrow_left.svg);
background-position: right 10vw bottom;
background-repeat: no-repeat;
background-size: 25%;
}

/* 
=================================
ソロプラン
=================================
*/
.schedule .box.s1 {
background-image: url(/summer/images/plan/common/arrow2_left.svg);
background-position: left 20vw bottom;
background-repeat: no-repeat;
background-size: 20%;
}
.schedule .box.s1 .memo {
    font-size: var(--font-size-16);
    background-image: url(/summer/images/plan/common/arrow_up.svg);
    background-position: center bottom 0.5vw;
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 4rem 0 2rem;
    position: absolute;
    bottom: -1rem;
    right: 0;
    z-index: 1;
    width: 60%;
    text-align: center;
}
.schedule .box.s2 {
background-image: url(/summer/images/plan/common/arrow2_right.svg);
background-position: left 20vw bottom 1rem;
background-repeat: no-repeat;
background-size: 20%;
padding-bottom: 6rem;
}
.schedule .box.s2 .image {
position: relative;
}
.schedule .box.s2 .image span {
display: block;
width: 30%;
position: absolute;
right: 2rem;
bottom: -2rem;
}
.schedule .box.s3 .sub_image {
width: 60%;
margin: 0 auto;
}
.schedule .box.s3 {
background-image: url(/summer/images/plan/common/arrow2_left.svg);
background-position: left 20vw bottom;
background-repeat: no-repeat;
background-size: 20%;
}
.schedule .box.s4 {
background-image: url(/summer/images/plan/common/arrow2_right.svg);
background-position: left 20vw bottom 1rem;
background-repeat: no-repeat;
background-size: 20%;
padding-bottom: 6rem;
}
.schedule .box.s4 .image {
position: relative;
}
.schedule .box.s4 .image span {
display: block;
width: 40%;
position: absolute;
right: 2rem;
bottom: 4rem;
}
.schedule .box.s5 .memo {
    font-size: var(--font-size-16);
    background-image: url(/summer/images/plan/common/arrow_up.svg);
    background-position: center bottom 0.5vw;
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 4rem 0 2rem;
    position: absolute;
    bottom: -1rem;
    right: 0;
    z-index: 1;
    width: 60%;
    text-align: center;
}
.schedule .box.s5 .image {
position: relative;
}
.schedule .box.s5 .image span {
display: block;
width: 40%;
position: absolute;
right: 2rem;
bottom: 2rem;
}
.schedule .box.s5 {
background-image: url(/summer/images/plan/common/arrow2_left.svg);
background-position: center bottom;
background-repeat: no-repeat;
background-size: 20%;
}
.schedule .box.s6 .image {
position: relative;
}
.schedule .box.s6 .image .ill {
width: 50%;
margin-left: auto;
margin-top: -2rem;
margin-bottom: 2rem;
}
.schedule .box.s6 .image span {
display: block;
width: 45%;
position: absolute;
right: 2rem;
bottom: -2rem;
}
.schedule .box.s6 {
background-image: url(/summer/images/plan/common/arrow2_right.svg);
background-position: left 20vw bottom 1rem;
background-repeat: no-repeat;
background-size: 20%;
padding-bottom: 6rem;
}
.schedule .box.s7 {
background-image: url(/summer/images/plan/common/arrow2_left.svg);
background-position: right 20vw bottom 2vw;
background-repeat: no-repeat;
background-size: 20%;
padding-bottom: 10rem;
}
.schedule .box.s7 .cap {
position: relative;
}
.schedule .box.s7 .cap .ill {
position: absolute;
width: 35%;
top: -4rem;
right: 0;
}

.schedule .box.s8 .image {
position: relative;
padding-bottom: 10rem;
}

@media screen and (min-width:769px)and (max-width:1024px){
#top {
margin-top: 8vw;
}
.top {
background-size: 70%;
}
.top .fee {
width: 70%;
}
.contents_nav {
    width: 100%;
    margin: 0 auto;
    padding: 5rem 00;
}
.contents_nav ul li {
    width: 23%;
}
.recommend dl {
width: 80%;
}
.recommend dd {
    width: 48%;
}
.schedule .box.g1 .memo {
    background-position: center bottom;
    background-size: 100%;
    padding: 4rem 0 1rem;
    bottom: 0;
    right: 0;
    width: 80%;
}
.schedule .box.g3 .sub_image {
margin-top: -3rem;
}
.schedule .box.c1 .memo {
background-position: center bottom;
background-size: 100%;
padding: 4rem 0 1rem;
bottom: 0;
right: 0;
width: 100%;
}
.schedule .box.c2 {
margin-top: 2rem;
padding-bottom: 2rem;
}
.schedule .box.c2 .image span {
    width: 40%;
    right: 2rem;
    bottom: 5rem;
}
.schedule .box.c4 {
padding-bottom: 2rem;
}
.schedule .box.c4 .image span {
    display: block;
    width: 40%;
    position: absolute;
    right: 2rem;
    bottom: 5rem;
}
.schedule .box.c5 {
    background-position: left 5rem bottom;
}
.schedule .box.c5 .memo {
background-size: 100%;
padding: 4rem 0 1rem;
bottom: 0;
right: 0;
width: 100%;
}
.schedule .box.c5 .image span {
    width: 50%;
    right: 2rem;
    bottom: 6rem;
}
.schedule .box.c5 {
    background-position: left 9rem bottom;
}
.schedule .box.c6 {
margin-top: 2rem;
}
.schedule .box.c6 .image span {
    display: block;
    width: 40%;
    position: absolute;
    left: 2rem;
    bottom: 4rem;
}
.schedule .box.f1 {
background-position: left 6rem bottom;
}
.schedule .box.f1 .memo {
    background-position: center bottom;
    background-size: 100%;
    padding: 4rem 0 1rem;
    bottom: 0;
    right: 0;
    width: 80%;
}
.schedule .box.f2 {
padding-bottom: 10rem;
}
.schedule .box.f2 .memo {
    background-image: none;
}
.schedule .box.f2 .image span {
 width: 40%;
 right: 2rem;
bottom: 3em;
}
.schedule .box.f4 .image span {
    bottom: 5rem;
}
.schedule .box.f5 {
padding-bottom: 10rem;
background-position: left 5rem bottom;
}
.schedule .box.f5 .memo {
    background-position: center bottom;
    background-size: 100%;
    padding: 8rem 0 2.5rem;
    bottom: 0;
    right: 0;
    width: 100%;
}
.schedule .box.s1 .memo {
    background-position: center bottom;
    background-size: 100%;
    padding: 4rem 0 1rem;
    bottom: 0;
    right: 0;
    width: 100%;
}
.schedule .box.s2 {
margin-top: 2rem;
}





}


@media screen and (min-width:521px) and (max-width:768px) {
#top {
margin-top: 8.3vw;
}
#top .text_box {
    top: 10%;
    left: 5%;
    max-width: 80%;
}
#top .text_box h1 {
font-size: var(--font-size-56);
margin: 0 0 1.5rem 0;
 font-weight: 400;
}
.top {
    padding: 0 0 4rem;
    background-size: 50%;
}
.top .fee {
width: 80%;
}
.recommend dl {
margin: 0 auto;
width: 80%;
}
.recommend dt {
width: 100%;
}
.recommend dd {
    width: 48%;
}
.contents_nav {
    width: 100%;
    margin: 0 auto;
    padding: 5rem 00;
}
.contents_nav ul li {
    width: 23%;
}
.schedule .box.g1 {
    background-position: left 10rem bottom;
}
.schedule .box.g1 .memo {
    background-position: center bottom;
    background-size: 100%;
    padding: 4rem 0 1rem;
    bottom: 0;
    right: 0;
    width: 100%;
}
.schedule .box.g2 {
padding-bottom: 2rem;
margin-top: 2rem;
}
.schedule .box.g3 .sub_image {
margin-top: -2rem;
}
.schedule .box.g3 .sub_image img {
width: 65%;
margin-left: auto;
}
.schedule .box {
padding-bottom: 0;
}
.schedule .box.g4 {
padding-bottom: 2rem;
}
.schedule .box.g5 {
padding-bottom: 2rem;
}
.schedule .box.g6 {
padding-bottom: 2rem;
}
.schedule .box.g7 {
padding-bottom: 2rem;
}

.schedule .box.c1 .memo {
background-position: center bottom;
background-size: 100%;
padding: 4rem 0 1rem;
bottom: 0;
right: 0;
width: 100%;
}
.schedule .box.c2 {
margin-top: 2rem;
padding-bottom: 2rem;
}
.schedule .box.c2 .image span {
    width: 40%;
    right: 2rem;
    bottom: 5rem;
}
.schedule .box.c4 .image span {
    display: block;
    width: 40%;
    position: absolute;
    right: 2rem;
    bottom: 5rem;
}
.schedule .box.c4 {
padding-bottom: 2rem;
}
.schedule .box.c5 .memo {
background-position: center bottom;
background-size: 100%;
padding: 4rem 0 1rem;
bottom: 0;
right: 0;
width: 100%;
}
.schedule .box.c5 .image span {
    width: 50%;
    right: 2rem;
    bottom: 6rem;
}
.schedule .box.c5 {
    background-position: left 9rem bottom;
}
.schedule .box.c6 {
margin-top: 2rem;
padding-bottom: 2rem;
}
.schedule .box.c6 .image span {
    display: block;
    width: 40%;
    position: absolute;
    left: 2rem;
    bottom: 4rem;
}
.schedule .box.f1 {
background-position: left 6rem bottom;
}
.schedule .box.f1 .memo {
    background-position: center bottom;
    background-size: 100%;
    padding: 4rem 0 1rem;
    bottom: 0;
    right: 0;
    width: 100%;
}
.schedule .box.f2 {
margin-top: 2rem;
}
.schedule .box.f2 .memo {
    background-image: none;
}
.schedule .box.f2 .image span {
 width: 40%;
 right: 2rem;
bottom: 5rem;
}
.schedule .box.f4 .image span {
    bottom: 5rem;
}
.schedule .box.f5 {
background-position: left 8rem bottom;
}
.schedule .box.f5 .memo {
    background-position: center bottom;
    background-size: 100%;
    padding: 4rem 0 1rem;
    bottom: 0;
    right: 0;
    width: 100%;
}
.schedule .box.f5 .image span {
    bottom: 8rem;
}
.schedule .box.f6 {
margin-top: 2rem;
}
.schedule .box.s1 .memo {
    background-position: center bottom;
    background-size: 100%;
    padding: 4rem 0 1rem;
    bottom: 0;
    right: 0;
    width: 100%;
}
.schedule .box.s2 {
margin-top: 2rem;
padding-bottom: 2rem;
}
.schedule .box.s2 .image span {
width: 40%;
bottom: 5rem;
}
.schedule .box.s4 {
padding-bottom: 2rem;
}
.schedule .box.s6 {
padding-bottom: 2rem;
}
.schedule .box.s6 .image span {
bottom: 3rem;
}
.schedule .box.s7 {
padding-bottom: 2rem;
}
.schedule .box.s8 {
padding-bottom: 0;
}
.schedule .box.s8 .cap {
padding-bottom: 0;
}
.schedule .box.s8 .image {
padding-bottom: 0;
}



}

@media screen and (max-width:520px) {
.contents_nav {
padding: 4rem 0 0;
}
.contents_nav ul li {
width: 42%;
margin-bottom: 2rem;
}
.contents_nav ul li p {
font-size: 16px;
}
.top {
padding: 2rem 0 4rem;
background-size: 90%;
}
.top .fee {
width: 100%;
background-size: 100%;
}
.top .fee dl {
width: 100%;
margin-bottom: 1rem;
}
.top .fee dl .num {
font-size: 18px;
}
.top .fee p {
font-size: 14px;
}
.recommend {
background-size: 50%;
}
.recommend dl {
width: 100%;
margin: 0 auto;
}
.recommend dt img {
width: 80%;
}
.recommend dd .box {
box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.4);
}
.recommend dd {
width: 100%;
margin-bottom: 1rem;
}
.schedule {
padding: 6rem 0 1rem;
}
.schedule .box .image {
width: 100%;
margin-bottom: 1rem;
}
.schedule .box .cap {
width: 100%;
margin-bottom: 2rem;
}

/* 
=================================
グループプラン
=================================
*/
.schedule .box.g1 {
background-size: 40%;
}
.schedule .box.g1 .memo {
width: 80%;
background-position: center bottom 3.5vw;
}
.schedule .box.g2 {
flex-direction:column-reverse;
background-size: 40%;
padding-bottom: 0rem;
margin-bottom: 2rem;
}
.schedule .box.g2 .cap {
padding-bottom: 4rem;
}
.schedule .box.g3 {
background-size: 40%;
}
.schedule .box.g3 .sub_image {
margin-top: -3rem;
}
.schedule .box.g3 .cap {
padding-bottom: 0;
}
.schedule .box.g4 {
flex-direction:column-reverse;
background-size: 40%;
padding-bottom: 0rem;
margin-bottom: 2rem;
}
.schedule .box.g5 {
    background-position: center bottom 4rem,right 4rem bottom 2rem;
    background-size: 40%,35%;
    padding-bottom: 2rem;
}
.schedule .box.g6 {
flex-direction:column-reverse;
background-size: 40%;
padding-bottom: 0rem;
margin-bottom: 2rem;
}
.schedule .box.g7 {
background-size: 40%;
padding-bottom: 0;
}
.schedule .box.g7 .cap {
margin-bottom: 0;
}
.schedule .box.g8 {
flex-direction:column-reverse;
background-size: 40%;
padding-bottom: 0rem;
margin-bottom: 2rem;
}
.schedule .box.g8 .cap {
padding-bottom: 0;
}

/* 
=================================
カップルプラン
=================================
*/
.schedule .box.c1 .memo {
width: 80%;
background-position: center bottom 3vw;
}
.schedule .box.c1 {
background-size: 40%;
padding-bottom: 6rem;
}
.schedule .box.c2 {
flex-direction:column-reverse;
background-size: 40%;
padding-bottom: 0rem;
margin-bottom: 2rem;
}
.schedule .box.c3 {
background-size: 40%;
}
.schedule .box.c3 .cap {
padding-bottom: 3rem;
}
.schedule .box.c4 {
flex-direction:column-reverse;
background-size: 40%;
padding-bottom: 0rem;
margin-bottom: 2rem;
}
.schedule .box.c5 {
background-size: 40%;
padding-bottom: 6rem;
}
.schedule .box.c5 .memo {
background-position: center bottom 2vw;
width: 90%;
}
.schedule .box.c6 {
flex-direction:column-reverse;
background-size: 40%;
padding-bottom: 0rem;
margin-bottom: 2rem;
}
.schedule .box.c7 {
background-size: 40%;
padding-bottom: 6rem;
}
.schedule .box.c7 .cap {
padding-bottom: 2rem;
}
.schedule .box.c8 {
flex-direction:column-reverse;
background-size: 40%;
padding-bottom: 0rem;
margin-bottom: 2rem;
}
.schedule .box.c9 .cap {
    padding-bottom: 1rem;
}

/* 
=================================
ファミリープラン
=================================
*/

.schedule .box.f1 .memo {
background-position: center bottom 10vw;
width: 90%;
}
.schedule .box.f1 {
background-size: 40%;
padding-bottom: 6rem;
}
.schedule .box.f2 {
flex-direction:column-reverse;
background-size: 40%;
padding-bottom: 7rem;
margin-bottom: 2rem;
}
.schedule .box.f2 .memo {
    background-position: center bottom 25vw;
    width: 90%;
    bottom: -8em;
    text-align: center;
    line-height: 1.4;
    left: 0;
}
.schedule .box.f3 {
background-size: 40%;
}
.schedule .box.f3 .cap {
padding-bottom: 2rem;
}
.schedule .box.f4 {
flex-direction:column-reverse;
background-size: 40%;
padding-bottom: 0rem;
margin-bottom: 2rem;
}
.schedule .box.f5 {
background-size: 40%;
}
.schedule .box.f5 .memo {
width: 90%;
background-position: center bottom 7vw;
}
.schedule .box.f5 .image span {
right: 1rem;
bottom: -3rem;
}
.schedule .box.f6 {
flex-direction:column-reverse;
background-size: 40%;
padding-bottom: 0rem;
margin-bottom: 2rem;
}
.schedule .box.f7 {
background-size: 40%;
}
.schedule .box.f7 .cap {
padding-bottom: 2rem;
}
.schedule .box.f8 {
flex-direction:column-reverse;
background-size: 40%;
padding-bottom: 0rem;
margin-bottom: 2rem;
}

/* 
=================================
ソロキャンププラン
=================================
*/

.schedule .box.s1 .memo {
background-position: center bottom 4vw;
width: 90%;
}
.schedule .box.s1 {
background-size: 40%;
padding-bottom: 6rem;
}
.schedule .box.s2 {
flex-direction:column-reverse;
background-size: 40%;
padding-bottom: 7rem;
margin-bottom: 2rem;
}
.schedule .box.s2 .cap {
padding-bottom: 0;
}
.schedule .box.s3 {
background-size: 40%;
}
.schedule .box.s3 .sub_image {
width: 80%;
}
.schedule .box.s3 .cap {
padding-bottom: 2rem;
}
.schedule .box.s4 {
flex-direction:column-reverse;
background-size: 40%;
padding-bottom: 7rem;
margin-bottom: 2rem;
}
.schedule .box.s4 .cap {
padding-bottom: 2rem;
}
.schedule .box.s5 {
background-size: 40%;
}
.schedule .box.s5 .cap {
padding-bottom: 2rem;
}
.schedule .box.s6 {
flex-direction:column-reverse;
background-size: 40%;
padding-bottom: 7rem;
margin-bottom: 2rem;
}
.schedule .box.s6 .cap {
padding-bottom: 2rem;
}
.schedule .box.s7 {
background-size: 40%;
padding-bottom: 6rem;
}
.schedule .box.s7 .cap {
padding-bottom: 0rem;
margin-bottom: 0;
}
.schedule .box.s8 {
flex-direction:column-reverse;
}
.schedule .box.s8 .image {
padding-bottom: 1rem;
}







}