@charset "UTF-8";

.content-outer{
  padding: 0 10px;
}
/* [data-contents="summer"]{
  background: url(/cruise/summer/image/bg-contents.webp) repeat center top / 100% 100%;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  line-height: 1.8;
}
[data-contents="summer"] img{
  width: 100%;
  max-width: fit-content;
}
[data-contents="summer"] a{
  color: #0277BD;
}
[data-contents="summer"] p + p{
  margin-top: 7px;
} */
/* .main_header{
  height: 450px;
  padding-top: 30px;
  background: url(/cruise/summer/image/bg-mv.webp) no-repeat center top / 100% 100%;
  p{
    padding-right: 40px;
    font-weight: bold;
  }
  .left-block{
    flex: 1;
  }
  .right-block{
    width: 620px;
  }
} */
@media (min-width: 769px){
  .main_header{
    height: 450px;
    padding-top: 30px;
    background: url(/cruise/summer/image/bg-mv.webp) no-repeat center top / 100% 100%;
    p{
      padding-right: 40px;
      font-weight: bold;
    }
    .left-block{
      flex: 1;
    }
    .right-block{
      width: 620px;
    }
  }
}

.caption{
  position: absolute;
  bottom: 7px;
  right: 5px;
  line-height: 1.4;
  text-align: right;
}
@media (max-width: 768px){
  .caption{
    bottom: 3px;
    right: 4px;
  }
}

h1{
  font-size: 4.8rem;
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 0.1em;
  span{
    display: block;
    color: #999999;
    font-size: 50%;
    font-weight: bold;
    letter-spacing: 0;
  }
}
@media (max-width: 1256px){
  .main_header{
    background-size: auto;
  }
}
@media (max-width: 768px){
  .main_header{
    height: 185vw;
    padding-top: 30px;
    background-image: url(/cruise/summer/image/bg-mv-sp.webp);
    background-size: cover;
    p{
      padding-right: 0;
      font-size: calc( 16 / 375 * 100vw );
    }
  }
  h1{
    font-size: calc( 32 / 375 * 100vw );
  }
}

a.button.dp{
  letter-spacing: -0.05em;
}
@media (min-width: 769px){
  a.button.dp{
    font-size: 2rem;
  }
}
@media (max-width: 768px){
  a.button.dp{
    font-size: 1.8rem;
    letter-spacing: -0.05em;
  }
}

/* reason
-----------------------------------------------------*/
@media (min-width: 769px){
  .reason_item{
    display: flex;
    align-items: flex-start;
    gap: 40px;
    img{
      width: 600px;
    }
  }
}
.reason_item{
  img{
    margin-top: 60px;
  }
  .caption01{
    right: 355px;
  }
}
.reason_item h3 {
  margin-bottom: 30px;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.4;
  span{
    display: block;
  }
  .en{
    font-size: 142%;
    font-weight: normal;
    font-family: "Dancing Script", cursive;
  }
  .jp{
    letter-spacing: 0.1em;
  }
}
.reason_item01 h3 {
  .en{
    color: #8DD0D3;
  }
}
.reason_item02{
  flex-direction: row-reverse;
  h3 {
    .en{
      color: #FFBF6C;
    }
  }
}
.reason_item03 h3 {
  .en{
    color: #E6CD4E;
  }
}
.reason_item + .reason_item{
  margin-top: 70px;
}

@media (max-width: 768px){
  .reason_item{
    h3{
      margin-bottom: 20px;
    }
    img{
      margin-top: 0;
    }
    p + p{
      margin-top: 5px;
    }
    .caption01{
      right: 58vw;
    }
  }
}