@charset "utf-8";
/* ****************************************************
Title: layout.css
***************************************************** */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');
/***************
VELTRA-共通フォント設定
***************/
.fsLarge {
  font-size: 17px !important;
}
.ftSmall {
  font-size: 15px !important;
}
.ftCopy {
  font-size: 10px !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
}
.ftBodyL {
  font-size: 17px !important;
  line-height: 1.9 !important;
}
.ftBodyM {
  font-size: 16px !important;
  line-height: 1.9 !important;
}
.ftBodyS {
  font-size: 15px !important;
  line-height: 1.75 !important;
}
.ftCapL {
  font-size: 14px !important;
  line-height: 1.5 !important;
}
.ftCapM {
  font-size: 13px !important;
  line-height: 1.5 !important;
}
.ftCapS {
  font-size: 12px !important;
  line-height: 1.5 !important;
}
.ftLiTitL {
  font-size: 17px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
}
.ftLiTitM {
  font-size: 16px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
}
.ftLiTitS {
  font-size: 15px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
}
.ftLiDescM {
  font-size: 14px !important;
  line-height: 1.35 !important;
}
.ftLiDescS {
  font-size: 13px !important;
  line-height: 1.35 !important;
}
@font-face {
  font-family: 'Montserrat-VF';
  src: url('https://www.veltra.com/jp/special/wp-content/themes/uncode-child/fonts/Montserrat-VF.woff2') format('woff2');
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
}
.fontMontserrat {
  font-family: Montserrat-VF;
  line-height: 1.2em;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.fontMontserrat.none {
  text-transform: none;
  letter-spacing: 0.01em;
}
@font-face {
  font-family: 'Neris';
  src: url("../fonts/Eimantas Pa_konis - Neris Light.otf") format('opentype');
  font-display: swap;
  font-weight: 300;
}
@font-face {
  font-family: 'Neris';
  src: url("../fonts/Eimantas Pa_konis - Neris.otf") format('opentype');
  font-display: swap;
  font-weight: 400;
}
@font-face {
  font-family: 'Neris';
  src: url("../fonts/Eimantas Pa_konis - Neris SemiBold.otf") format('opentype');
  font-display: swap;
  font-weight: 600;
}
.fontNeris {
  font-family: Neris;
  letter-spacing: 0.02em;
  line-height: 1.2em;
  /*text-transform: uppercase;*/
}
/* --------------------------------------------------------------------
 body
-------------------------------------------------------------------- */
body {
  color: #505050;
  /*font-family: BlinkMacSystemFont, "Segoe UI", Helvetica, "Helvetica Neue", Arial, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;*/
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15.5px;
  letter-spacing: 0.01em;
  line-height: 1.95em;
  font-weight: 400;
  text-align: center;
  text-size-adjust: 100%;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  max-height: 999999px;
  -webkit-font-smoothing: antialiased;
}
#top {
  overflow: hidden;
  /*min-width: 1500px;*/
}
#wrap {
  /*overflow: hidden;*/
  /*width: 640px;*/
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding: 0px;
  /*min-width: 1000px;*/
}
#wrap.wrap02 {
  background-color: #ffffff;
}
img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}
a {
  display: inline-block;
}
.relative-wrap {
  position: relative;
}
.contDispN {
  display: none;
}
p, span, dt, dd, th, td, li, h1, h2, h3, h4 {
  max-height: 999999px;
  background-image: url(../img/spacer.gif);
}
.r-50 {
  border-radius: 50%;
}
.r-18 {
  border-radius: 18px;
}
/*-----------------------*/
.anc {
  position: relative;
  font-size: 0px;
  line-height: 0px;
}
.ancIn {
  position: absolute;
  /*top: -66px;*/
}
#top {
  /*padding-top: 66px;*/
}
/*-----------------------*/
.pc {
  display: block !important;
}
.sp {
  display: none !important;
}
.pcBr {
  display: inline !important;
}
.spBr {
  display: none !important;
}
.pcTable {
  display: table !important;
}
.spTable {
  display: none !important;
}
.tabletBr {
  display: none;
}
.contIn1100 {
  box-sizing: border-box;
  width: 1100px;
  max-width: 100%;
  margin: 0px auto;
  position: relative;
}
.contIn1000 {
  box-sizing: border-box;
  width: 1000px;
  max-width: 100%;
  margin: 0px auto;
  position: relative;
}
.contIn1224 {
  box-sizing: border-box;
  width: 1224px;
  max-width: 100%;
  margin: 0px auto;
  position: relative;
}
.radius300 {
  -moz-border-radius: 300px;
  -webkit-border-radius: 300px;
  -o-border-radius: 300px;
  -ms-border-radius: 300px;
  border-radius: 300px;
}
.radius3 {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
.radius2 {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
/*タブレット*/
@media screen and (min-width:570px) and (max-width:959px) {
  .tabletBr {
    display: inline;
  }
}
/*スマートフォン*/
@media screen and (max-width:569px) {
  /*デバイスwidth、～799px用のスタイルを記入*/
  body {
    /* font-family:	"HiraginoKaku-W3-90msp-RKSJ-H", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ" , "Meiryo" , "ＭＳ Ｐゴシック",  Verdana, Osaka, "MS PGothic", Sans-Serif;*/
  }
  #top {
    /*overflow: hidden;*/
  }
  #wrap {
    /*overflow: hidden;*/
    width: auto;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding: 0px;
    /*min-width: 375px;*/
  }
  img {
    /*max-width: 700px;*/
    width: 100%;
    height: auto;
  }
  /*-----------------------*/
  .anc {
    position: relative;
  }
  .ancIn {
    position: absolute;
    /*top: -66px;*/
  }
  #top {
    /*padding-top: 66px;*/
    /*position: relative;
	z-index: 1;
	min-width: 0px;*/
  }
  /*-----------------------*/
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
  .pcBr {
    display: none !important;
  }
  .spBr {
    display: inline !important;
  }
  .pcTable {
    display: none !important;
  }
  .spTable {
    display: table !important;
  }
  .tabletBr {
    display: none !important;
  }
}
/* --------------------------------------------------------------------
 main
-------------------------------------------------------------------- */
.pagetopButton {
  position: fixed;
  bottom: 22px;
  right: 22px;
  display: none;
}
.pagetopButton img {
  width: 33px;
  height: auto;
}
.headerWRap01 {
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 100;
  transition: all 0.5s;
}
.headerLogo01 {
  padding: 27px 36px;
  text-align: left;
  opacity: 1;
  transition-duration: 0.3s;
  margin: auto;
}
.headerLogo01.menuOn {
  opacity: 1;
}
.headerLogo01 img {
  display: block;
  width: auto;
  height: 28px;
}
.headerWRap02 {
  width: 100%;
  position: fixed;
  left: 0;
  background-color: #FFF;
  z-index: 110;
  top: -90px;
  transition: all 0.5s;
  display: none;
}
#cont00 {
  color: #041E42;
}
.presentBtnFixed_wrap {
  position: fixed;
  bottom: 10px;
  right: 70px;
  display: none;
}
.presentBtnFixed {
  width: 320px;
  height: 60px;
  line-height: 60px;
  border-radius: 100px;
  margin: auto;
  background-image: url(../img/present_btn02.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0.05em;
  color: #FFF;
  text-decoration: none;
  transition: all 0.3s;
}
a.presentBtnFixed:link {
  color: #ffffff;
  text-decoration: none;
}
a.presentBtnFixed:visited {
  color: #ffffff;
  text-decoration: none;
}
a.presentBtnFixed:hover {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.7
}
a.presentBtnFixed:active {
  color: #ffffff;
  text-decoration: none;
}
.closeBtn {
  position: absolute;
  top: 0px;
  left: -17px;
  width: 24px;
  height: 24px;
  background-image: url(../img/closeBtn.png);
  background-size: cover;
  cursor: pointer;
  z-index: 999;
}
@media screen and (max-width:569px) {
  .presentBtnFixed_wrap {
    bottom: 22px;
  }
  .presentBtnFixed {
    width: 176px;
    height: 33px;
    line-height: 33px;
    font-size: 14px;
  }
  .presentBtnFixed span {
    display: none;
  }
}
/*-----------------------*/

.mainvisualWrap01 {
  position: relative;
  box-sizing: border-box;
  height: 100vh;
  transition: all 2s;
  opacity: 0;
  will-change: opacity;
  /* animation: mvAppear 2.0s ease-in-out 0s forwards; */
}

.mainvisualWrap01.appear {
  animation: mvAppear 1.5s ease-in-out 0s forwards;
}

.mainvisualCont01 {
  box-sizing: border-box;
  width: 100%;
  height: 100vh;
  padding: 82px 36px 82px 36px;
  position: absolute;
  left: 0px;
  top: 0px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
   /* opacity: 0; */
}
/* 
.mainvisualCont01.appear {
  animation: mvAppear 0.75s ease-in-out 1s forwards;
} */
@keyframes mvAppear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.slickCont01 {
  /*position: relative;*/
}
.slickImg {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 100vh;
  min-height: 800px;
}
.slickImg.img01 {
  background-image: url("../img/mainvisual01.jpg");
}
/*.slickImg.img02 {
	background-image: url("../img/mainvisual02.jpg");
}
.slickImg.img03 {
	background-image: url("../img/mainvisual03.jpg");
}
.slickImg.img04 {
	background-image: url("../img/mainvisual04.jpg");
}*/
.slick-list picture:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 118px;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.2));
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 18px;
}
.slick-dots {
  position: absolute;
  bottom: 45px;
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
}
.slick-dots li.slick-active button {
  background-color: #ffffff;
  opacity: 1;
}
.slick-dots li button {
  background-color: #eeeeee;
  opacity: 0.7;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  outline: none;
  width: 10px;
  height: 10px;
  /*border: 1px solid #ffffff;*/
  border-radius: 100%;
  font-size: 0px;
  line-height: 0px;
  text-indent: -9999px;
}
.mainTitWrap01 {
  /*margin-top: 53px;*/
  /*  margin-top: 26vh;*/
  margin-bottom: 4.5%;
  color: #ffffff;
}
.maintit01 {
  font-size: 32px;
  line-height: 1.5em;
  font-weight: bold;
  letter-spacing: 0.01em;
  color: #ffffff;
  margin-top: auto;
}
.mainTit02 {
  font-size: 128px;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  margin: 14px auto 20px auto;
  text-transform: none;
  font-weight: 600;
  /* -webkit-filter: drop-shadow(0px 0px 220px #00514E);
  filter: drop-shadow(0px 0px 220px #00514E); */
}
.mainTit02 img {
  width: auto;
  height: 190px;
}
.mainTit03 {
  font-size: 27px;
  line-height: 1.5em;
  letter-spacing: 0;
  font-weight: bold;
  /* -webkit-filter: drop-shadow(0px 0px 220px #00514E);
  filter: drop-shadow(0px 0px 220px #00514E); */
}
.mainBox01 {
  /*  margin-top: 4%;*/
  margin: 0 0 2%;
}
.mainBox01 .p01 {
  color: #ffffff;
  font-size: 12px;
  line-height: 1.35em;
  font-weight: normal;
  margin-bottom: 6px;
}
.mainUl01 {
  display: inline-flex;
  align-items: center;
  margin: auto;
}
.mainUl01 li {
  padding: 0px 18px 0px 18px;
  font-size: 18px;
  line-height: 1.6em;
  color: #ffffff;
  font-weight: bold;
}
.mainUl01 li:first-child {
  border-left: none;
  padding: 0 18px 0 0;
}
.mainLogo01 img {
  width: auto;
  height: 38px;
}
.mainLogo02 img {
  width: auto;
  height: 42px;
}
.mainSnsWrap01 {}
.mainSnsWrap01 .ul01 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.mainSnsWrap01 .li01 {
  color: #FFFFFF;
  font-size: 9px;
  line-height: 1.0em;
  font-weight: 500;
}
.mainSnsWrap01 .li02 {
  margin-left: 18px;
  line-height: 0px;
}
.mainSnsWrap01 .li02 img {
  width: 20px;
  height: auto;
}
.mainSnsWrap01 .li03 {
  margin-left: 23px;
  line-height: 0px;
}
.mainSnsWrap01 .li03 img {
  width: 11px;
  height: auto;
}
.mainSnsWrap01 .li04 {
  margin-left: 23px;
  line-height: 0px;
}
.mainSnsWrap01 .li04 img {
  width: 20px;
  height: auto;
}
.mainBox02 {
  display: flex;
  align-items: flex-end;
  position: absolute;
  /*left: 36px;*/
  right: 10px;
  bottom: 10px;
}
.mainBox02 .img01 img {
  width: auto;
  height: 110px;
}
.mainBox02 .text01 {
  color: #FFFFFF;
  font-size: 10px;
  line-height: 1.0em;
  font-weight: 500;
  padding: 0px 0px 5px 18px;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 1);
}
.mainAncBtn01 {
  position: absolute;
  top: 60px;
  right: 60px;
  z-index: 105;
}
.mainAncBtn01 img {
  width: 200px;
  height: auto;
}
/*MVアニメーション設定*/
.mainTitWrap01 {
  opacity: 0;
  will-change: transform,opacity;
}
.mainTitWrap01.appear {
  animation: mvAppear-02 1s ease-in-out 1s forwards;
}
.mainSnsWrap01 {
  will-change: opacity;
  opacity: 0;
}
.mainSnsWrap01.appear {
  animation: mvAppear 1s ease-in-out 1.5s forwards;
}
.mainAncBtn01 {
  will-change: transform,opacity;
  opacity: 0;
}
.mainAncBtn01.appear {
  animation: mvAppear-02 1s ease-in-out 1.5s forwards;
}
.mainAncBtn01.appear a:hover{
	opacity: 0.7;
	transition: opacity 0.3s;
}
@keyframes mvAppear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes mvAppear-02 {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*---------------------*/
.contBlock01 {
  background-color: #008B89;
  color: #ffffff;
  padding: 108px 36px 108px 36px;
}
.contH201 {
  font-size: 28px;
  line-height: 1.75em;
  font-weight: 700;
  margin-bottom: 36px;
  margin-top: auto;
}
.contText01 {
  font-size: 17px;
  line-height: 1.95em;
  font-weight: 500;
}
.movieBoxWrap01 {
  margin: 70px auto 100px auto;
  text-align: center;
}
.movieBoxWrap01 img {
  width: 770px;
  height: auto;
}
/*------モーダルウィンドウ用---------------------------------------*/
#modal-win {
  width: 100%;
  position: absolute;
}
#modal-win-inner {
  /*display: inline-block;*/
  /*box-shadow: 0 0 5px rgba(0, 0, 0, .25);*/
  width: 86%;
  margin: 0 auto;
  position: relative;
  z-index: 9991;
}
#modal-bg {
  width: 100%;
  height: 100%;
  background-color: #000000;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9990;
  cursor: pointer;
}
.click {
  display: none;
}
.clickWrap {}
.clickClose {
  position: absolute;
  top: -60px;
  right: 60px;
}
.movieYoutubu {
  position: relative;
  /*padding-bottom: 56.25%;*/
  padding-bottom: 48%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  /*max-width: 1300px;*/
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.movieYoutubu iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*----------------------*/
.contBlock02 {
  /*background-color: rgba(252, 242, 222, 0.2);*/
  padding: 100px 36px 106px 36px;
  background-color: #ffffff;
}
.contH3Wrap01 {
  margin-bottom: 72px;
  color: #68BBBB;
  font-weight: 600;
}
.contH302 {
  font-size: 56px;
  line-height: 1.1em;
  font-weight: 300;
  margin-bottom: 18px;
  margin-top: auto;
  letter-spacing: 0;
}
.contUlFlex01 .contText02 {
  font-size: 15px;
  line-height: 1.75em;
  font-weight: 500;
  margin: auto;
  margin-top: 16px;
}
.contText02 {
  /*font-size: 15px;
  line-height: 1.75em;
  font-weight: 500;
  margin: auto;*/
}
.contText03 {
  font-size: 15px;
  line-height: 1.75em;
  font-weight: 500;
  margin: auto;
  margin-top: 16px;
}
.ancBoxFlex01 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 940px;
  margin: auto;
}
.ancBoxFlex01 li {
  width: 30%;
  margin-bottom: 0px;
  text-align: center;
  padding-bottom: 30px;
  position: relative;
}
.ancBoxFlex01 li::after {
  content: '';
  width: 9px;
  height: 9px;
  border: 0px;
  border-top: solid 2px #68BBBB;
  border-right: solid 2px #68BBBB;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin-left: -2px;
}
.ancBoxFlex01 li img {
  width: 222px;
  height: auto;
}
.ancBoxFlex01 li a {
  display: block;
  position: relative;
}
.ancBoxFlex01 li a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  transition-duration: 0.3s;
}
.ancTit01 {
  color: #68BBBB;
  text-align: center;
  margin: auto;
  position: relative;
  left: 0px;
  bottom: 0px;
  margin-top: 18px;
  /*text-shadow: 0px 0px 20px rgba(0, 0, 0, 1);*/
  /*text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);*/
}
.ancTit01 dt {
  font-size: 12px;
  line-height: 1.8em;
  font-weight: 600;
  margin-bottom: 6px;
  letter-spacing: 0.05em;
}
.ancTit01 dd {
  font-size: 18px;
  line-height: 1.0em;
  font-weight: bold;
}
/*---------------------*/
.contBlock03 {}
.contBlockIn01 {
  /*background-color: #FFFAF0;*/
  padding: 108px 36px 108px 36px;
}
.contParaWrap01 {}
.parallax-window {
  height: 100vh;
  position: relative;
}
.contCopyWrap01 {
  color: #ffffff;
  font-size: 10px;
  line-height: 1.75em;
  font-weight: 500;
  letter-spacing: 0;
  position: absolute;
  right: 15px;
  bottom: 10px;
}
/*-----------------------*/
.paraImg {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 100vh;
}
.paraImg01 {
  background-image: url("../img/cont01_main01.jpg");
}
/*.paraImg02 {
  background-image: url("../img/cont01_main02.jpg");
}*/
.paraImg03 {
  background-image: url("../img/cont02_main01.jpg");
}
/*.paraImg04 {
  background-image: url("../img/cont02_main02.jpg");
}*/
.paraImg05 {
  background-image: url("../img/cont03_main01.jpg");
}
/*.paraImg06 {
  background-image: url("../img/cont03_main02.jpg");
}*/
/*-----------------------*/
.contH3Wrap02 {
  text-align: left;
  position: absolute;
  left: 120px;
  bottom: 136px;
  text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}
.contH3Wrap02.contH3Wrap02lightShadow {
  text-shadow: 0px 0px 100px rgba(0, 0, 0, 0.3);
}
.contH301 {
  color: #FFFFFF;
  font-size: 80px;
  line-height: 1;
  margin-top: auto;
  margin-bottom: 24px;
  letter-spacing: 0.02em;
}
.contH3Text01 {
  color: #FFFFFF;
  font-size: 28px;
  line-height: 1.5em;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.contH3Text01 .s01 {
  font-size: 24px;
}
.contUlFlex01 {}
.contUlFlex01 li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 64px;
}
.contUlFlex01 .slick-dots li {
  display: inline-block;
  margin-bottom: 0px;
}
.contUlFlex01 .slick-slider {
  margin-bottom: 0;
}
.contUlFlex01 li .flexBox01 {
  width: 50%;
  position: relative;
}
.contUlFlex01 li .flexBox02 {
  width: 44.2%;
}
.contBoxIn01 {
  text-align: left;
}
.contH401 {
  color: #303030;
}
.contH401 .s01 {
  display: block;
  font-size: 20px;
  line-height: 1.35em;
  font-weight: 700;
  margin-bottom: 9px;
}
.contH401 .s02 {
  display: block;
  font-size: 12px;
  line-height: 1.35em;
  font-weight: 500;
}
.contH401 .s03 {
  display: inline-block;
}
.contUlFlex02 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: auto;
}
.contUlFlex02 li {
  width: 31.4%;
}
.boxIn02 {
  margin-top: 24px;
}
.boxIn02 .contH401 .s01 {
  font-size: 17px;
}
.contBtnWrap01 {
  margin-top: 72px;
}
.contBtn01 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-sizing: border-box;
  background-image: url("../img/present_btn01.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  width: 300px;
  height: 60px;
  padding: 10px 36px 10px 36px;
  border-radius: 100px;
  font-size: 15.5px;
  line-height: 1.0em;
  font-weight: 700;
}
a.contBtn01:link {
  color: #ffffff;
  text-decoration: none;
}
a.contBtn01:visited {
  color: #ffffff;
  text-decoration: none;
}
a.contBtn01:hover {
  color: #ffffff;
  text-decoration: none;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  transition-duration: 0.3s;
}
a.contBtn01:active {
  color: #ffffff;
  text-decoration: none;
}
/*------------------------*/
.contBlock04 {
  background-color: #ffffff;
  padding: 108px 36px 108px 36px;
}
.contBannerWrap01 {
  text-align: center;
}
.contBannerWrap01 .banner01 {
  /*width: 793px;*/
  max-width: 793px;
  margin: auto;
}
.contUlFlex03 {
  width: 793px;
  max-width: 793px;
  margin: auto;
}
.contUlFlex03 li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 72px;
}
.contUlFlex03 li:first-child {
  margin-top: 0px;
}
.contUlFlex03 .ulBox01 {
  width: fit-content;
  text-align: center;
}
.contUlFlex03 .ulBox01 img {
  width: 223px;
  height: auto;
}
.contUlFlex03 .ulBox02 {
  flex: 1;
  margin-left: 36px;
  text-align: left;
}
.contBtnWrap02 {
  margin-top: 18px;
}
.contBtn01.btn02 {
  height: 48px;
  padding: 10px 24px 10px 24px;
}
.contTit01 {
  font-size: 40px;
  line-height: 1.0em;
  font-weight: bold;
  color: #F2C75C;
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0px;
  bottom: 4px;
}
.contCopy01 {
  font-size: 10px;
  line-height: 1.75em;
  font-weight: 500;
  margin-top: 5px;
}
.contMt72 {
  margin-top: 72px;
}
.contBannerWrap02 {
  width: 793px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
.contBannerWrap02 .contBannerWrap01 {
  width: 48.8%;
  margin: auto;
}
.contBannerWrap02 .contBannerWrap01 .banner01 {
  width: 100%;
  margin: auto;
}
.contBlock05 {
  background-color: #FBF9F9;
  padding: 72px 36px 72px 36px;
  margin-top: 100px;
}
/*-------------------------*/
.campaignBlock01 {
  background-image: url("../img/campaign_bg01.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  padding: 108px 36px 108px 36px;
}
.campaignH3Wrap01 {
  color: #ffffff;
  text-align: center;
  margin-bottom: 36px;
}
.campaignH3Wrap01 .p01 {
  display: inline-block;
  position: relative;
  font-size: 20px;
  line-height: 1.35em;
  font-weight: 400;
}
.campaignH3Wrap01 .h301 {
  display: block;
  font-size: 40px;
  line-height: 1.35em;
  font-weight: 700;
}
.campaignText01 {
  color: #ffffff;
  font-size: 24px;
  line-height: 1.5em;
  font-weight: 700;
}
.campaignText03 {
  color: #ffffff;
  font-size: 17px;
  line-height: 1.5em;
  font-weight: 700;
}
.campaignImg01 {
  text-align: center;
  margin: 36px auto 36px auto;
}
.campaignImg01 img {
  width: 376px;
  height: auto;
}
.campaignDl01 {
  margin-bottom: 20px;
}
.campaignDl01 dt {
  display: inline-block;
  padding: 3px 5px 3px 5px;
  border: 1px solid #ffffff;
  border-radius: 3px;
  color: #ffffff;
  font-size: 14px;
  line-height: 1.0em;
  font-weight: 700;
  margin-bottom: 10px;
}
.campaignDl01 dd {
  color: #ffffff;
  font-size: 17px;
  line-height: 1.5em;
  font-weight: 700;
}
/*--------------*/
.campaignBox01 {
  margin: 36px auto 18px auto;
}
.contAnc04Ac01 {
  display: flex;
  align-items: center;
  text-align: left;
  background-color: transparent;
  border: 1px solid #ffffff;
  border-radius: 100px;
  box-sizing: border-box;
  padding: 4px 18px 4px 18px;
  width: 158px;
  height: 40px;
  margin: 0px auto 0px auto;
  color: #ffffff;
  font-size: 14px;
  line-height: 1.4em;
  font-weight: 700;
  position: relative;
  cursor: pointer;
}
.contAnc04Ac01::after {
  content: '';
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 1px #ffffff;
  border-right: solid 1px #ffffff;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -6px;
}
.contAnc04Ac01.open::after {
  -ms-transform: rotate(315deg);
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
  margin-top: -3px;
}
.contAnc04AcCont01 {
  display: none;
}
.contAnc04AcCont01 p {
  margin-top: auto;
}
.contAnc04AcCont01 li {
  text-indent: -1em;
  padding-left: 1em;
}
.contAnc04AcContIn {
  margin-top: 40px;
  background-color: #ffffff;
  padding: 70px;
  text-align: left;
  color: #333333;
  border-radius: 24px;
}
.contH404 {
  font-size: 24px;
  line-height: 1.4em;
  font-weight: 500;
  margin-bottom: 10px;
  margin-top: auto;
}
.contAnc04Box02 {
  padding: 20px 0px 20px 0px;
  border-top: 1px solid #CCCCCC;
}
.contAnc04Box02:first-child {
  border-top: none;
}
.contAnc04Box02 dl {
  font-size: 14px;
  line-height: 1.5em;
  font-weight: 500;
  margin: auto;
}
.contAnc04Box02 dt {
  font-weight: 600;
  color: var(--vt-black-dark);
}
.contAnc04Box02 dd .p02 {
  font-size: 12px;
  margin-top: 8px;
}
.campaignText02 {
  font-size: 13px;
  line-height: 1.5em;
  font-weight: 500;
  color: #ffffff;
}
.contBtnWrap03 {
  margin-top: 36px;
}
.contBtn01.btn03 {
  width: 300px;
  height: 60px;
  padding: 10px 24px 10px 24px;
}
/*-----------------*/
.factsBlock01 {
  padding: 100px 36px 100px 36px;
  /*margin-bottom: 90px;*/
}
.contH305 {
  margin-bottom: 72px;
  margin-top: auto;
  color: var(--vt-black-dark);
}
.contH305 .s01 {
  display: block;
  font-size: 24px;
  line-height: 1.35em;
  font-weight: 700;
}
.contH305 .s02 {
  display: block;
  font-size: 12px;
  line-height: 1.3em;
  font-weight: 500;
  margin-top: 12px;
}
.factsFlex01 {
  display: flex;
  justify-content: space-between;
  font-size: 15px;
  line-height: 2.0em;
  font-weight: 600;
  color: #484848;
}
.factsFlexBox01 {
  width: 47%;
  text-align: left;
  font-size: 16px;
  line-height: 1.9em;
  font-weight: 500;
}
.factsFlexBox01 li {
  margin-bottom: 25px;
}
.factsFlexBox01 span {
  font-weight: 700;
  color: var(--vt-black-dark);
}
.contText12_175 {
  font-size: 12px;
  line-height: 1.75em;
  font-weight: 500;
}
.contBox01 {
  margin-top: 25px;
}
/*-----------------------*/
.footerContBlock01 {
  padding: 0px 36px 0px 36px;
}
.footerCont01 {
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: auto;
  padding: 58px 0;
}
.footerContLogo01 {
  padding-left: 0;
}
.footerContLogo01 img {
  width: auto;
  height: 30px;
}
.footerContFlex01 {
  display: flex;
  align-items: center;
}
.footerContFlex01 .box01 {
  text-align: left;
  margin-right: 36px;
}
.footerContFlex01 .box01 .p01 {
  display: block;
  color: #333333;
  font-size: 10px;
  line-height: 1.5em;
}
.footerContFlex01 .box01 .p02 {
  display: block;
  color: #333333;
  font-size: 14px;
  line-height: 1.5em;
  font-weight: bold;
}
.footerBottomSns01 {
  display: flex;
  align-items: center;
  margin: auto;
}
.footerBottomSns01 li {
  margin-left: 18px;
}
.footerBottomSns01 li a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  transition-duration: 0.3s;
}
.footerBottomSns01 li:first-child {
  margin-left: 0px;
}
.footerBottomSns01 li img {
  width: auto;
  height: 20px;
}
/*--------------------*/
.imgCopyText01 {
  padding: 108px 36px 108px 36px;
  /*margin-top: 108px;*/
  text-align: center;
}
.imgCopyText01 p {
  margin: auto;
  font-size: 14px;
  line-height: 1.5em;
  font-weight: 500;
}
/*--2023/02/13 追加---------------------*/
.contImg01 {
  margin: 70px auto 70px auto;
}
.cont00Wrap01 {
  margin-top: 70px;
}
.col01 {
  color: #041E42;
}
.contH30201 {
  font-size: 15.5px;
  line-height: 1.95em;
  letter-spacing: 0.5em;
  font-weight: 600;
  text-transform: uppercase;
}
.contMapWrap01 {
  position: relative;
  margin: 70px auto 144px auto;
}
.contPosi01 {
  box-sizing: border-box;
  width: 100%;
  padding: 60px;
  position: absolute;
  top: 0px;
  left: 0px;
}
.contH401 .s01.fs24 {
  font-size: 24px;
}
.contSlickWrap01 .contSlickText01 {
  font-size: 10px;
  line-height: 1.2em;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
  color: #ffffff;
  position: absolute;
  right: 30px;
  bottom: 30px;
}
.contBoxFlex01 {
  display: flex;
  justify-content: space-between;
  text-align: left;
  margin-bottom: 100px;
}
.contBoxFlex01.mb72 {
  margin-bottom: 72px;
}
.contBoxFlex01 .contText02 {
  width: 62%;
  margin: 0px;
}
.contBoxWrap01 {
  margin-bottom: 72px;
}
.contBoxWrap01 .slick-slider {
  margin-bottom: 16px;
}
.contImgWrap01 {
  position: relative;
}
.contBox02 {
  max-width: 800px;
  margin: 30px auto 0px auto;
}
.contBox02 .contText02 {
  text-align: left;
  margin-top: 16px;
}
.contMb140 {
  margin-bottom: 140px;
}
.contMt-50 {
  margin-top: -50px;
}
.contBtn02 {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #359C96;
  box-sizing: border-box;
  padding: 10px;
  width: 360px;
  height: 60px;
  border-radius: 100px;
  color: #ffffff;
  font-size: 16px;
  line-height: 1.3em;
  font-weight: bold;
  margin: auto;
}
.contBtn02light {
  background-color: #68BBBB;
}
a.contBtn02:link {
  color: #ffffff;
  text-decoration: none;
}
a.contBtn02:visited {
  color: #ffffff;
  text-decoration: none;
}
a.contBtn02:hover {
  color: #ffffff;
  text-decoration: none;
}
a.contBtn02:active {
  color: #ffffff;
  text-decoration: none;
}
/*--2023/05/26 追加---------------------*/
.mainImg01 {
  background-image: url("../img/mainvisual01.jpg");
}
.mainImg02 {
  background-image: url("../img/mainvisual02.jpg");
  background-position: center 10%;
}
.mainImg03 {
  background-image: url("../img/mainvisual03.jpg");
  background-position: center bottom;
}
.contMapImg01 {
  margin: 36px auto 0px auto;
}
.contMapImg01 img {
  width: 100%;
  height: auto;
}
.contMapImg01:nth-of-type(2) {
  margin-top: 70px;
}
.contBgBlock01 {
  background-color: rgba(104, 187, 187, 0.1);
}
.contPb0 {
  padding-bottom: 0px !important;
}
.contH306 {
  font-size: 27px;
  line-height: 1.35em;
  font-weight: bold;
  margin-bottom: 18px;
  color: #303030;
}
.contBox03 {
  margin-bottom: 70px;
}
.contCopy02 {
  margin-top: 16px;
}
.contBtnInWrap01 {
  margin-top: 32px;
}
.contBtnInWrap01 .contBtn02 {
  width: 200px;
  height: 50px;
  margin: auto auto auto 0px;
}
.contBottomBtnWrap01 {
  display: flex;
  justify-content: center;
}
.contBottomBtnWrap01 li {
  width: 387px;
}
.contBottomBtnWrap01 li:not(:first-child) {
  margin-left: 72px;
}
.slick01Main .slick-dots {
  z-index: 10;
}
.contMarineLife, .contEx {
  padding-bottom: 44px;
}
/*--2023/07/12 追加-----------------*/
.ticketsBlock01 {
  background-image: url("../img/present_bg01.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  color: #ffffff;
  padding: 80px 0px 80px 0px;
}
.contH310 {
  margin-bottom: 26px;
}
.contH310 .s01 {
  display: block;
  font-size: 14px;
  line-height: 1.35em;
  font-weight: bold;
  margin-bottom: 10px;
}
.contH310 .s02 {
  display: block;
  font-size: 28px;
  line-height: 1.35em;
  font-weight: bold;
  margin-bottom: 10px;
}
.contH310 .s03 {
  display: block;
  font-size: 15px;
  line-height: 1.5em;
  font-weight: 600;
}
.contBtnBox01 {
  margin-top: 28px;
}
.contBtnNew01 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 370px;
  height: 60px;
  box-sizing: border-box;
  border-radius: 100px;
  margin: auto;
  background-image: url("../img/present_btn01.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0.05em;
}
a.contBtnNew01:link {
  color: #ffffff;
  text-decoration: none;
}
a.contBtnNew01:visited {
  color: #ffffff;
  text-decoration: none;
}
a.contBtnNew01:hover {
  color: #ffffff;
  text-decoration: none;
}
a.contBtnNew01:active {
  color: #ffffff;
  text-decoration: none;
}
.contH4New01 {
  color: #68BBBB;
  font-size: 56px;
  line-height: 1.1em;
  font-weight: 300;
  margin-bottom: 70px;
  letter-spacing: 0;
}
.contNewBlock01 {
  background-image: url("../img/cont01_block_bg01.svg");
  background-repeat: repeat;
  background-position: center center;
  background-size: 192px;
  padding: 100px 0px 100px 0px;
}
.contNewH301 {
  margin-bottom: 70px;
  color: var(--vt-black-dark);
}
.contNewH301 .s01 {
  display: block;
  font-size: 14px;
  line-height: 1.35em;
  font-weight: bold;
  margin-bottom: 8px;
}
.contNewH301 .s02 {
  display: block;
  font-size: 28px;
  line-height: 1.35em;
  font-weight: bold;
}
.contNewBox01 {
  box-sizing: border-box;
  max-width: 800px;
  margin: 70px auto 0 auto;
  padding: 54px;
  border-radius: 36px;
  background-color: #FFFAF0;
}
.contNewH401 {
  font-size: 20px;
  line-height: 1.35em;
  font-weight: bold;
  color: var(--vt-black-dark);
  letter-spacing: 0.02em;
}
.contNewH401::before {
  content: "";
  display: inline-block;
  background-image: url("../img/cont_icon_01.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 13px auto;
  width: 13px;
  height: 19px;
  margin-right: 10px;
  vertical-align: initial;
}
.contNewUl01 {
  text-align: left;
}
.contNewUl01 li {
  margin-top: 18px;
}
.contNewImg01 {
  margin-top: 18px;
}
.contNewImg01 img {
  width: 140px;
  height: auto;
}
.contBlock05.contBlock05New01 {
  margin: 55px auto 0px auto;
}
.contNewBlock02 {
  margin: 100px auto 100px auto;
}
.contCopy03 {
  font-size: 10px;
  line-height: 1.5em;
  font-weight: 500;
  margin-top: 18px;
  text-transform: none;
  letter-spacing: 0;
}
.contBgColor01 {
  background-color: #FBF9F9;
}
.contNewH302 {
  font-size: 24px;
  line-height: 1.35em;
  font-weight: bold;
  margin-bottom: 35px;
}
.campaignText20_19 {
  font-size: 20px;
  line-height: 1.9em;
  color: #ffffff;
}
.campaignBox02 {
  color: #ffffff;
  margin-bottom: 36px;
}
.campaignBox02 .p01 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 54px;
  height: 30px;
  padding: 2px 3px 2px 3px;
  background-color: #ffffff;
  border-radius: 60px;
  color: #3CC0EC;
  font-size: 16px;
  line-height: 1.75em;
  margin-bottom: 10px;
}
.campaignBox02 .p02 {
  font-size: 28px;
  line-height: 1.5em;
  font-weight: bold;
}
.campaignBox02 .p02 .s01 {
  font-size: 24px;
}
.campaignBox02 .p02 .s02 {
  font-size: 16px;
}
.campaignBox02 .p03 {
  font-size: 26px;
  line-height: 1.5em;
  font-weight: bold;
}
.campaignBox02 .p03 .s02 {
  font-weight: normal;
  font-size: 18px;
}
.campaignBox02 .p04 {
	font-size: 16px;
	  line-height: 1.5em;
  font-weight: bold;
}
.campaignDayWrap01 {
  color: #ffffff;
  margin-bottom: 35px;
}
.campaignDayWrap01 li {
  margin: 15px auto 15px auto;
}
.footerLogoName01 {
  font-size: 14px;
  line-height: 1.5em;
  margin: auto 22px auto 22px;
  text-transform: none;
  letter-spacing: 0;
  color: var(--vt-black-dark);
}
.footerLogoName01 .s01 {
  font-weight: bold;
}
.footerContLogo01 img.img01 {
  width: auto;
  height: 29px;
  vertical-align: middle;
}
.footerContLogo01 img.img02 {
  width: auto;
  height: 42px;
  vertical-align: middle;
}
.footerContFlex01 .box02 {
  display: flex;
  align-items: center;
}
.footerBottomSns01 li img {
  vertical-align: text-top;
}
/*.contBgBlock01 {
	background-image: url("../img/cont01_block_bg01.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-color: transparent;
}*/
/*タブレット*/
@media screen and (max-width:959px) and (min-width:570px) {
  .headerWRap01 {
    position: absolute;
  }
  .headerWRap02 {
    display: block;
  }
  .mainTitWrap01 {
    /*    margin-top: 30vh;*/
  }
  .maintit01 {
    font-size: 23px;
  }
  .mainTit02 img {
    height: 154px;
  }
  .mainImg01 {
    background-image: url("../img/mainvisual01_sp.jpg");
  }
  .mainImg03 {
    background-position: 70% center;
  }
  .slickImg.img01 {
    background-image: url(../img/mainvisual01_tb.jpg);
  }
  /*---------------*/
  .contBlock01 {
    padding: 80px 30px 80px 30px;
  }
  .contBlock02 {
    padding: 80px 30px 80px 30px;
  }
  .contBlockIn01 {
    padding: 80px 30px 80px 30px;
  }
  .contBlock04 {
    padding: 80px 30px 80px 30px;
  }
  .contBlock05 {
    padding: 80px 30px 80px 30px;
    margin-top: 0;
  }
  .campaignBlock01 {
    padding: 80px 30px 80px 30px;
  }
  .factsBlock01 {
    padding: 80px 30px 80px 30px;
  }
  .footerContBlock01 {
    padding: 0px 30px 0px 30px;
  }
  .imgCopyText01 {
    padding: 80px 30px 80px 30px;
  }
  .ex_content:last-of-type {
    margin-bottom: 0;
  }
  /*---------------*/
  .ancTit01 {}
  .ancTit01 dt {
    font-size: 14px;
    line-height: 1.0em;
    margin-bottom: 9px;
  }
  .ancTit01 dd {
    font-size: 16px;
    line-height: 1.0em;
    font-weight: 600;
  }
  /*-----------------*/
  .contUlFlex03 {
    width: auto;
  }
  .contBannerWrap02 {
    width: auto;
  }
  .contH3Wrap02 {
    left: 36px;
    bottom: 108px;
  }
  .ancBoxFlex01 {
    width: 100%;
  }
  .contSlickWrap01 .contSlickText01 {
    right: 30px;
  }
  .sns-veltra-wrap {
    text-align: center;
  }
  .paraImg01 {
    background-position: 25% center;
  }
  .paraImg03 {
    background-position: 70% center;
  }
  .contMarineLife {
    padding-bottom: 0;
  }
  /*--2023/07/12 追加-----------------*/
  .footerCont01 {
    display: block;
  }
  .footerContFlex01 {
    justify-content: center;
  }
  .footerContFlex01:first-child {
    margin-bottom: 30px;
  }
}
/*スマートフォン*/
@media screen and (max-width:569px) {
  .pagetopButton {
    position: fixed;
    bottom: 22px;
    right: 22px;
  }
  .pagetopButton img {
    width: 33px;
    height: auto;
  }
  .headerWRap01 {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
  }
  .headerLogo01 {
    padding: 18px 18px;
    text-align: left;
  }
  .headerLogo01.menuOn {
    opacity: 1;
  }
  .headerLogo01 img {
    display: block;
    width: auto;
    height: 26px;
  }
  .headerWRap02 {
    display: block;
  }
  /*-----------------------*/
  .mainvisualWrap01 {
    position: relative;
    box-sizing: border-box;
    height: 100vh;
    min-height: inherit;
  }
  .mainvisualCont01 {
    box-sizing: border-box;
    width: 100vw;
    height: 100vh;
    padding: 82px 36px 100px 36px;
    position: absolute;
    left: 0px;
    top: 0px;
    min-height: initial;
    /*pointer-events: none;*/
  }
  .slickCont01 {
    /*position: relative;*/
  }
  .slickImg {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 100vh;
    min-height: inherit;
  }
  .slickImg.img01 {
    background-image: url("../img/mainvisual01_sp.jpg");
  }
  /*.slickImg.img02 {
		background-image: url("../img/mainvisual02_sp.jpg");
	}
	.slickImg.img03 {
		background-image: url("../img/mainvisual03_sp.jpg");
	}
	.slickImg.img04 {
		background-image: url("../img/mainvisual04_sp.jpg");
	}*/
  .slick-dots {
    position: absolute;
    bottom: 36px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
  }
  .slick-dots li.slick-active button {
    background-color: #ffffff;
  }
  .slick-dots li button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    outline: none;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    font-size: 0px;
    line-height: 0px;
    text-indent: -9999px;
  }
  .mainTitWrap01 {
    /*margin-top: 53px;*/
    /*    margin-top: 26vh;*/
    margin-bottom: 20%;
  }
  .maintit01 {
    font-size: 16px;
    line-height: 1.0em;
    font-weight: 700;
    margin-top: auto;
  }
  .mainTit02 {
    font-size: 56px;
    text-align: center;
    margin: 10px auto 20px auto;
    filter: drop-shadow(0px 0px 80px #00514E);
  }
  .mainTit02 img {
    width: auto;
    height: 98px;
  }
  .mainTit03 {
    font-size: 18px;
    line-height: 1.5em;
    font-weight: bold;
    /* filter: drop-shadow(0px 0px 80px #00514E);
    text-shadow: 0px 0px 100px #00514E; */
  }
  .mainBox01 {
    margin-top: 0px;
    width: 100%;
    position: initial;
    margin-bottom: 6%;
    left: 0px;
    bottom: 86px;
  }
  .mainBox01 .p01 {
    color: #ffffff;
    font-size: 10px;
    line-height: 1.35em;
    font-weight: 500;
    margin-bottom: 6px;
  }
  .mainUl01 {
    display: inline-flex;
    align-items: center;
  }
  .mainUl01 li {
    padding: 0px 15px 0px 15px;
  }
  .mainUl01 li:first-child {
    border-left: none;
    padding: 0 12px 0 0;
  }
  .mainLogo01 img {
    width: auto;
    height: 25px;
  }
  .mainLogo02 img {
    width: auto;
    height: 24px;
  }
  .mainSnsWrap01 {}
  .mainSnsWrap01 .ul01 {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mainSnsWrap01 .li01 {
    color: #FFFFFF;
    font-size: 9px;
    line-height: 1.0em;
    font-weight: 500;
  }
  .mainSnsWrap01 .li02 {
    margin-left: 18px;
    line-height: 0px;
  }
  .mainSnsWrap01 .li02 img {
    width: 20px;
    height: auto;
  }
  .mainSnsWrap01 .li03 {
    margin-left: 23px;
    line-height: 0px;
  }
  .mainSnsWrap01 .li03 img {
    width: 11px;
    height: auto;
  }
  .mainSnsWrap01 .li04 {
    margin-left: 23px;
    line-height: 0px;
  }
  .mainSnsWrap01 .li04 img {
    width: 20px;
    height: auto;
  }
  .mainBox02 {
    display: flex;
    align-items: flex-end;
    position: absolute;
    right: 10px;
    bottom: 10px;
  }
  .mainBox02 .img01 {
    display: none;
  }
  .mainBox02 .img01 img {
    width: auto;
    height: 110px;
  }
  .mainBox02 .text01 {
    color: #FFFFFF;
    font-size: 10px;
    line-height: 1.0em;
    font-weight: 500;
    padding: 0px;
    text-shadow: 1px 1px 6px rgba(0, 0, 0, 1);
  }
  .mainAncBtn01 {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 105;
  }
  .mainAncBtn01 img {
    width: 142px;
    height: auto;
  }
  /*---------------------*/
  .contBlock01 {
    padding: 72px 30px 72px 30px;
    text-align: left;
  }
  .contH201 {
    font-size: 20px;
    line-height: 1.5em;
    font-weight: 700;
    margin-bottom: 36px;
    margin-top: auto;
  }
  .contText01 {
    font-size: 15.5px;
    line-height: 1.95em;
    font-weight: 500;
  }
  .movieBoxWrap01 {
    margin: 36px auto 36px auto;
    text-align: center;
  }
  .movieBoxWrap01 img {
    width: 600px;
    height: auto;
  }
  /*------モーダルウィンドウ用---------------------------------------*/
  #modal-win {
    width: 100%;
    position: absolute;
  }
  #modal-win-inner {
    /*display: inline-block;*/
    /*box-shadow: 0 0 5px rgba(0, 0, 0, .25);*/
    width: 96% !important;
    margin: 0 auto;
    position: relative;
    z-index: 9991;
  }
  #modal-bg {
    width: 100%;
    height: 100%;
    background-color: #000000;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9990;
    cursor: pointer;
  }
  .click {
    display: none;
  }
  .clickWrap {}
  .clickClose {
    position: absolute;
    top: -55px;
    right: 0px;
  }
  .movieYoutubu {
    position: relative;
    /*padding-bottom: 56.25%;*/
    padding-bottom: 60%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    /*max-width: 1300px;*/
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  .movieYoutubu iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /*----------------------*/
  .contBlock02 {
    padding: 72px 30px 72px 30px;
  }
  .contH3Wrap01 {
    margin-bottom: 36px;
  }
  .contH302 {
    font-size: 40px;
    line-height: 1.35em;
    margin-bottom: 9px;
    margin-top: auto;
  }
  .contText02 {
    /*font-size: 15px;
    line-height: 1.75em;
    font-weight: 500;
    margin: auto;*/
  }
  .ancBoxFlex01 {
    display: block;
    margin: auto;
    width: auto;
  }
  .ancBoxFlex01 li {
    width: auto;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 10px;
  }
  .ancBoxFlex01 li a {
    display: block;
    position: relative;
  }
  .ancBoxFlex01 li a:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    transition-duration: 0.3s;
  }
  .ancBoxFlex01 li img {
    width: 100%;
    height: auto;
  }
  .ancBoxFlex01 li::after {
    display: none;
  }
  .ancTit01 {
    text-align: center;
    margin: 18px auto auto auto;
  }
  .ancTit01 dt {
    font-size: 14px;
    line-height: 1.0em;
    font-weight: 600;
    margin-bottom: 9px;
  }
  .ancTit01 dd {
    font-size: 18px;
    line-height: 1.0em;
    font-weight: 600;
  }
  /*---------------------*/
  .contBlock03 {}
  .contBlockIn01 {
    /*background-color: rgba(252, 242, 222, 0.2);*/
    padding: 36px 30px 36px 30px;
  }
  .contParaWrap01 {}
  .parallax-window {
    height: 100vh;
    position: relative;
  }
  .contCopyWrap01 {
    font-size: 10px;
    line-height: 1.75em;
    font-weight: 500;
    position: absolute;
    right: 10px;
    bottom: 5px;
  }
  /*-----------------------*/
  .paraImg {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 100vh;
  }
  .paraImg01 {
    background-image: url("../img/cont01_main01_sp.jpg");
  }
  /*.paraImg02 {
    background-image: url("../img/cont01_main02_sp.jpg");
  }*/
  .paraImg03 {
    background-image: url("../img/cont02_main01_sp.jpg");
  }
  /*.paraImg04 {
    background-image: url("../img/cont02_main02_sp.jpg");
  }*/
  .paraImg05 {
    background-image: url("../img/cont03_main01_sp.jpg");
  }
  /*.paraImg06 {
    background-image: url("../img/cont03_main02_sp.jpg");
  }*/
  /*-----------------------*/
  .contH3Wrap02 {
    text-align: left;
    position: absolute;
    left: 30px;
    bottom: 60px;
  }
  .contH301 {
    color: #FFFFFF;
    font-size: 34px;
    line-height: 1.3em;
    margin-top: auto;
  }
  .contH301.h302 {
    font-size: 48px;
  }
  .contH3Text01 {
    color: #FFFFFF;
    font-size: 20px;
    line-height: 1.5em;
    font-weight: 700;
  }
  .contH3Text01 .s01 {
    font-size: 15px;
  }
  .contUlFlex01 {}
  .contUlFlex01 li {
    display: block;
    margin-bottom: 36px;
  }
  .contUlFlex01 li .flexBox01 {
    width: auto;
    position: relative;
  }
  .contUlFlex01 li .flexBox02 {
    width: auto;
    margin-top: 18px;
  }
  .contBoxIn01 {
    text-align: left;
  }
  .contH401 {
    margin-top: auto;
    margin-bottom: 18px;
    text-align: left;
  }
  .contH401 .s01 {
    display: block;
    font-size: 20px;
    line-height: 1.35em;
    font-weight: 700;
    margin-bottom: 9px;
  }
  .contH401 .s02 {
    display: block;
    font-size: 12px;
    line-height: 1.35em;
    font-weight: 600;
  }
  .contUlFlex02 {
    display: block;
  }
  .contUlFlex02 li {
    width: auto;
    margin-top: 36px;
  }
  .boxIn02 {
    margin-top: 18px;
  }
  .boxIn02 .contH401 .s01 {
    font-size: 17px;
  }
  .contBtnWrap01 {
    margin-top: 35px;
  }
  .contBtn01 {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
    height: 60px;
    padding: 10px 24px 10px 24px;
    border-radius: 100px;
    font-size: 15.5px;
    line-height: 1.0em;
    font-weight: 700;
  }
  a.contBtn01:link {
    color: #ffffff;
    text-decoration: none;
  }
  a.contBtn01:visited {
    color: #ffffff;
    text-decoration: none;
  }
  a.contBtn01:hover {
    color: #ffffff;
    text-decoration: none;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    transition-duration: 0.3s;
  }
  a.contBtn01:active {
    color: #ffffff;
    text-decoration: none;
  }
  /*------------------------*/
  .contBlock04 {
    background-color: #ffffff;
    padding: 72px 30px 72px 30px;
  }
  .contBannerWrap01 {
    text-align: center;
  }
  .contBannerWrap01 .banner01 {
    /*width: 793px;*/
    max-width: 793px;
    margin: auto;
  }
  .contUlFlex03 {
    width: auto;
    max-width: 793px;
    margin: auto;
  }
  .contUlFlex03 li {
    display: block;
    margin-top: 36px;
  }
  .contUlFlex03 li:first-child {
    margin-top: 0px;
  }
  .contUlFlex03 .ulBox01 {
    width: auto;
    text-align: center;
    margin: auto;
  }
  .contUlFlex03 .ulBox01 img {
    width: 223px;
    height: auto;
  }
  .contUlFlex03 .ulBox02 {
    width: auto;
    text-align: left;
    margin-top: 18px;
    margin-left: 0;
  }
  .contUlFlex03 .ulBox02 .contH401 {
    text-align: center;
  }
  .contBtnWrap02 {
    margin-top: 18px;
  }
  .contBtn01.btn02 {
    height: 48px;
    padding: 10px 24px 10px 24px;
  }
  .contTit01 {
    font-size: 40px;
    line-height: 1.0em;
    font-weight: 700;
    color: #F2C75C;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0px;
    bottom: 4px;
  }
  .contCopy01 {
    font-size: 10px;
    line-height: 1.75em;
    font-weight: 500;
  }
  .contMt72 {
    margin-top: 72px;
  }
  .contBannerWrap02 {
    width: auto;
    margin: auto;
    display: block;
  }
  .contBannerWrap02 .contBannerWrap01 {
    width: auto;
    margin: 18px auto auto auto;
  }
  .contBannerWrap02 .contBannerWrap01:first-child {
    margin-top: 0px;
  }
  .contBannerWrap02 .contBannerWrap01 .banner01 {
    width: 100%;
    margin: auto;
  }
  .contBlock05 {
    padding: 35px 30px 35px 30px;
    margin-top: 0;
  }
  /*-------------------------*/
  .campaignBlock01 {
    background-image: url("../img/campaign_bg01.png");
    padding: 65px 14px 72px 14px;
  }
  .campaignH3Wrap01 {
    color: #ffffff;
    text-align: center;
    margin-bottom: 26px;
  }
  .campaignH3Wrap01 .p01 {
    display: inline-block;
    position: relative;
    font-size: 18px;
    line-height: 1.5em;
    font-weight: 400;
  }
  .campaignH3Wrap01 .h301 {
    display: block;
    font-size: 28px;
    line-height: 1.35em;
    font-weight: 700;
    margin-top: 5px;
  }
  .campaignText01 {
    color: #ffffff;
    font-size: 24px;
    line-height: 1.5em;
    font-weight: 700;
    margin-top: 24px;
  }
  .campaignImg01 {
    text-align: center;
    margin: 18px auto;
  }
  .campaignImg01 img {
    width: 315px;
    height: auto;
  }
  .campaignDl01 {
    margin-bottom: 20px;
  }
  .campaignDl01 dt {
    display: inline-block;
    padding: 8px 15px 8px 15px;
    border: 1px solid #ffffff;
    border-radius: 3px;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.0em;
    font-weight: 700;
    margin-bottom: 13px;
  }
  .campaignDl01 dd {
    color: #ffffff;
    font-size: 18px;
    line-height: 1.5em;
    font-weight: 700;
  }
  /*--------------*/
  .campaignBox01 {
    margin: 24px auto 24px auto;
  }
  .contAnc04Ac01 {
    padding: 4px 18px 4px 18px;
    width: 158px;
    height: 40px;
    font-size: 14px;
    line-height: 1.4em;
    font-weight: 700;
    position: relative;
  }
  .contAnc04Ac01::after {
    content: '';
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 1px #ffffff;
    border-right: solid 1px #ffffff;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -6px;
  }
  .contAnc04Ac01.open::after {
    -ms-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    margin-top: -3px;
  }
  .contAnc04AcCont01 {
    display: none;
  }
  .contAnc04AcCont01 p {
    margin-top: auto;
  }
  .contAnc04AcCont01 li {
    text-indent: -1em;
    padding-left: 1em;
  }
  .contAnc04AcContIn {
    margin-top: 24px;
    background-color: #ffffff;
    padding: 30px;
    text-align: left;
    color: #333333;
  }
  .contH404 {
    font-size: 22px;
    line-height: 1.4em;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: auto;
  }
  .contAnc04Box02 {
    padding: 20px 0px 20px 0px;
    border-top: 1px solid #CCCCCC;
  }
  .contAnc04Box02:first-child {
    border-top: none;
  }
  .contAnc04Box02 dl {
    font-size: 14px;
    line-height: 2.0em;
    font-weight: 500;
    margin: auto;
  }
  .contAnc04Box02 dd .p02 {
    font-size: 12px;
  }
  .campaignText02 {
    font-size: 12px;
    line-height: 1.75em;
    font-weight: 500;
    color: #ffffff;
    text-align: center;
    margin: auto;
  }
  .contBtnWrap03 {
    margin-top: 36px;
  }
  .contBtn01.btn03 {
    width: 315px;
    height: 60px;
    padding: 10px 24px 10px 24px;
    margin: auto;
  }
  /*-----------------*/
  .factsBlock01 {
    padding: 35px 30px 35px 30px;
    /*margin-bottom: 90px;*/
  }
  .contH305 {
    margin-bottom: 40px;
    margin-top: auto;
  }
  .contH305 .s01 {
    display: block;
    font-size: 24px;
    line-height: 1.35em;
    font-weight: 700;
  }
  .contH305 .s02 {
    display: block;
    font-size: 12px;
    line-height: 1.3em;
    font-weight: 500;
    margin-top: 12px;
  }
  .factsFlex01 {
    display: block;
    font-size: 15px;
    line-height: 2.0em;
    font-weight: 600;
  }
  .factsFlexBox01 {
    width: auto;
    text-align: left;
    font-size: 15.5px;
    line-height: 1.9em;
    font-weight: 500;
    margin-top: 36px;
  }
  .factsFlexBox01 li {
    margin-bottom: 1em;
  }
  .factsFlexBox01 span {
    font-weight: 700;
  }
  .contText12_175 {
    font-size: 12px;
    line-height: 1.75em;
    font-weight: 500;
  }
  .contBox01 {
    margin-top: 36px;
  }
  /*-----------------------*/
  .footerContBlock01 {
    padding: 0px 30px 0px 30px;
  }
  .footerCont01 {
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    display: block;
    align-items: center;
    justify-content: space-between;
    height: auto;
    padding: 36px 0px;
  }
  .footerContLogo01 {
    padding-left: 0px;
  }
  .footerContLogo01 img {
    width: 154px;
    height: auto;
  }
  .footerContFlex01 {
    display: block;
    padding: 20px 0px;
  }
  .footerContFlex01 .box01 {
    text-align: center;
    margin-right: 0px;
    margin-top: 18px;
  }
  .footerContFlex01 .box01 .p01 {
    display: block;
    color: #333333;
    font-size: 10px;
    line-height: 1.5em;
  }
  .footerContFlex01 .box01 .p02 {
    display: block;
    color: #333333;
    font-size: 14px;
    line-height: 1.5em;
    font-weight: bold;
  }
  .footerBottomSns01 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 18px auto auto auto;
  }
  .footerBottomSns01 li {
    margin-left: 0px;
    padding: 0px 9px 0px 9px;
  }
  .footerBottomSns01 li a:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    transition-duration: 0.3s;
  }
  .footerBottomSns01 li:first-child {
    margin-left: 0px;
  }
  .footerBottomSns01 li img {
    width: auto;
    height: 20px;
  }
  /*--------------------*/
  .imgCopyText01 {
    padding: 72px 30px 72px 30px;
    /*margin-top: 108px;*/
    text-align: center;
  }
  .imgCopyText01 p {
    margin: auto;
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 500;
  }
  /*--2023/02/13 追加---------------------*/
  .contImg01 {
    margin: 35px auto 35px auto;
  }
  .cont00Wrap01 {
    margin-top: 35px;
  }
  .col01 {
    color: #041E42;
  }
  .contH30201 {
    font-size: 11px;
    line-height: 1.6em;
    letter-spacing: 0.5em;
    text-transform: uppercase;
  }
  .contMapWrap01 {
    position: relative;
    margin: 70px auto 0px auto;
  }
  .contPosi01 {
    box-sizing: border-box;
    width: 100%;
    padding: 0px;
    position: relative;
    top: 0px;
    left: 0px;
    margin-top: 35px;
  }
  .contH401 .s01.fs24 {
    font-size: 24px;
  }
  .contSlickWrap01 .contSlickText01 {
    font-size: 10px;
    line-height: 1.2em;
    letter-spacing: -0.05em;
    text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
    color: #ffffff;
    position: absolute;
    right: 10px;
    bottom: 20px;
  }
  .contBoxFlex01 {
    display: block;
    text-align: left;
    margin-bottom: 72px;
  }
  .contBoxFlex01 .contText02 {
    width: auto;
    margin: 0px;
  }
  .contBoxWrap01 {
    margin-bottom: 36px;
  }
  .contImgWrap01 {
    position: relative;
  }
  .contBox02 {
    max-width: 800px;
    margin: 18px auto 0px auto;
  }
  .contBox02 .contText02 {
    text-align: left;
  }
  .contMb140 {
    margin-bottom: 70px;
  }
  .contMt-50 {
    margin-top: -50px;
  }
  .contBtn02 {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
    height: 60px;
    border-radius: 100px;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.3em;
    font-weight: bold;
    margin: auto;
  }
  .contBlockIn01 .contBtn02 {
    margin: 72px 0 36px;
  }
  .contBlockIn01 .contIn1224 .contBtn02 {
    margin: 36px 0 36px;
  }
  .contBlockIn01 .contIn1224 .contBtnInWrap01 .contBtn02 {
    margin: 18px 0 36px;
  }
  /*--2023/05/26 追加---------------------*/
  .slick01Main .slick-dots {
    bottom: 35px;
  }
  .mainImg01 {
    background-image: url("../img/mainvisual01_sp.jpg");
  }
  .mainImg02 {
    background-image: url("../img/mainvisual02_sp.jpg");
  }
  .mainImg03 {
    background-image: url("../img/mainvisual03_sp.jpg");
    background-position: center center;
  }
  .contMapImg01 {
    margin: 35px auto 0px auto;
  }
  .contMapImg01:nth-of-type(2) {
    margin-top: 35px;
  }
  .contMapImg01 img {
    width: 100%;
    height: auto;
  }
  .contBgBlock01 {
    background-color: rgba(104, 187, 187, 0.1);
  }
  .contPb0 {
    padding-bottom: 20px !important;
  }
  .contH306 {
    font-size: 24px;
    line-height: 1.35em;
    font-weight: bold;
    margin-bottom: 18px;
    text-align: center;
  }
  .contBox03 {
    margin-bottom: 36px;
    text-align: left;
    padding-top: 36px;
  }
  .contCopy02 {
    margin-top: 16px;
  }
  .contBtnInWrap01 {
    margin-top: 18px;
  }
  .contBtnInWrap01 .contBtn02 {
    width: 100%;
    height: 50px;
    margin: auto auto auto 0px;
  }
  .contBottomBtnWrap01 {
    display: block;
    padding: 36px 0;
  }
  .contBottomBtnWrap01 li {
    width: auto;
    padding: 0px 0px;
    margin: 0 auto;
  }
  .contBottomBtnWrap01 li:not(:first-child) {
    margin: 18px auto 0;
  }
  /*--2023/07/12 追加-----------------*/
  .ticketsBlock01 {
    background-image: url("../img/present_bg01.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #ffffff;
    padding: 80px 30px 80px 30px;
  }
  .contH310 {
    margin-bottom: 35px;
  }
  .contH310 .s01 {
    display: block;
    font-size: 14px;
    line-height: 1.35em;
    font-weight: bold;
    margin-bottom: 10px;
  }
  .contH310 .s02 {
    display: block;
    font-size: 28px;
    line-height: 1.35em;
    font-weight: bold;
    margin-bottom: 10px;
  }
  .contH310 .s03 {
    display: block;
    font-size: 15px;
    line-height: 1.5em;
    font-weight: 600;
  }
  .contBtnBox01 {
    margin-top: 28px;
  }
  .contBtnNew01 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    box-sizing: border-box;
    margin: auto;
    background-image: url("../img/present_btn01.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
  }
  a.contBtnNew01:link {
    color: #ffffff;
    text-decoration: none;
  }
  a.contBtnNew01:visited {
    color: #ffffff;
    text-decoration: none;
  }
  a.contBtnNew01:hover {
    color: #ffffff;
    text-decoration: none;
  }
  a.contBtnNew01:active {
    color: #ffffff;
    text-decoration: none;
  }
  .contH4New01 {
    color: #68BBBB;
    font-size: 32px;
    line-height: 1.1em;
    font-weight: 300;
    margin-bottom: 35px;
  }
  .contNewBlock01 {
    background-image: url("../img/cont01_block_bg01.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 35px 30px 35px 30px;
  }
  .contNewH301 {
    margin-bottom: 30px;
  }
  .contNewH301 .s01 {
    display: block;
    font-size: 14px;
    line-height: 1.35em;
    font-weight: bold;
    margin-bottom: 8px;
  }
  .contNewH301 .s02 {
    display: block;
    font-size: 22px;
    line-height: 1.35em;
    font-weight: bold;
  }
  .contNewBox01 {
    box-sizing: border-box;
    width: auto;
    margin: 35px 0px 35px 0px;
    padding: 30px;
    border-radius: 36px;
    background-color: #FFFAF0;
  }
  .contSpWrap01 {
    padding: 0px 30px;
  }
  .contNewH401 {
    font-size: 17px;
    line-height: 1.0em;
    font-weight: bold;
  }
  .contNewH401::before {
    content: "";
    display: inline-block;
    background-image: url("../img/cont_icon_01.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 13px auto;
    width: 13px;
    height: 19px;
    margin-right: 10px;
    vertical-align: middle;
  }
  .contNewUl01 {
    text-align: left;
  }
  .contNewUl01 li {
    margin-top: 18px;
  }
  .contNewImg01 {
    margin-top: 18px;
    text-align: center;
  }
  .contNewImg01 img {
    width: 140px;
    height: auto;
  }
  .contBlock05.contBlock05New01 {
    margin: 55px auto 0px auto;
  }
  .contNewBlock02 {
    margin: 35px 35px 70px 35px;
  }
  .contCopy03 {
    font-size: 10px;
    line-height: 1.5em;
    font-weight: 500;
    margin-top: 18px;
  }
  .contBgColor01 {
    background-color: #FBF9F9;
  }
  .contNewH302 {
    font-size: 22px;
    line-height: 1.35em;
    font-weight: bold;
    margin-bottom: 0px;
  }
  .campaignText20_19 {
    font-size: 20px;
    line-height: 1.9em;
    color: #ffffff;
  }
  .campaignBox02 {
    color: #ffffff;
    margin-bottom: 36px;
  }
  .campaignBox02 .p01 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 54px;
    height: 30px;
    padding: 2px 3px 2px 3px;
    background-color: #ffffff;
    border-radius: 60px;
    color: #3CC0EC;
    font-size: 16px;
    line-height: 1.75em;
    margin-bottom: 10px;
  }
  .campaignBox02 .p02 {
    font-size: 24px;
    line-height: 1.5em;
    font-weight: bold;
  }
  .campaignBox02 .p02 .s01 {
    font-size: 17px;
  }
  .campaignBox02 .p03 {
    font-size: 22px;
    line-height: 1.5em;
    font-weight: bold;
  }
  .campaignbox02 .p03 .s02 {
    font-size: 16px;
  }
  .campaignBox02 .p04 {
	font-size: 16px;
	  line-height: 1.5em;
  font-weight: bold;
}
  .campaignDayWrap01 {
    color: #ffffff;
    margin-bottom: 35px;
  }
  .campaignDayWrap01 li {
    margin: 15px auto 15px auto;
  }
  .footerLogoName01 {
    font-size: 14px;
    line-height: 1.5em;
    margin: 18px auto auto auto;
    display: block;
  }
  .footerLogoName01 .s01 {
    font-weight: bold;
  }
  .footerContLogo01 img.img01 {
    width: auto;
    height: 29px;
    vertical-align: middle;
  }
  .footerContLogo01 img.img02 {
    width: auto;
    height: 42px;
    vertical-align: middle;
  }
  .footerContFlex01 .box02 {
    display: flex;
    align-items: center;
  }
  .footerBottomSns01 li img {
    vertical-align: text-top;
  }
}
/*
----------------------------------------------------------

#Skins-Typography


----------------------------------------------------------
*/
/*----------------------------------------------------------
#Satoshi-Variable
----------------------------------------------------------*/
.font-142750 {
  font-family: Satoshi-Variable !important;
}
.btn-custom-typo.font-142750 {
  font-family: Satoshi-Variable !important;
}
/*----------------------------------------------------------
#Stardom-Regular
----------------------------------------------------------*/
.font-791359 {
  font-family: Stardom-Regular !important;
}
.btn-custom-typo.font-791359 {
  font-family: Stardom-Regular !important;
}
/*----------------------------------------------------------
#BespokeStencil-Variable
----------------------------------------------------------*/
.font-174086 {
  font-family: BespokeStencil-Variable !important;
}
.btn-custom-typo.font-174086 {
  font-family: BespokeStencil-Variable !important;
}
/*----------------------------------------------------------
#lust,serif
----------------------------------------------------------*/
.font-806419 {
  font-family: lust, serif !important;
}
.btn-custom-typo.font-806419 {
  font-family: lust, serif !important;
}
/*----------------------------------------------------------
#Montserrat-VF
----------------------------------------------------------*/
.font-151684 {
  font-family: Montserrat-VF !important;
}
.btn-custom-typo.font-151684 {
  font-family: Montserrat-VF !important;
}
/*----------------------------------------------------------
#Font-size: 9px
----------------------------------------------------------*/
.fontsize-497778 {
  font-size: 9px;
}
/*----------------------------------------------------------
#Font-size: 10px
----------------------------------------------------------*/
.fontsize-739168 {
  font-size: 10px;
}
/*----------------------------------------------------------
#Font-size: 11px
----------------------------------------------------------*/
.fontsize-843443 {
  font-size: 11px;
}
/*----------------------------------------------------------
#Font-size: 12px
----------------------------------------------------------*/
.fontsize-160000 {
  font-size: 12px;
}
/*----------------------------------------------------------
#Font-size: 13px
----------------------------------------------------------*/
.fontsize-213350 {
  font-size: 13px;
}
/*----------------------------------------------------------
#Font-size: 15.5px
----------------------------------------------------------*/
.fontsize-340576 {
  font-size: 15.5px;
}
/*----------------------------------------------------------
#Font-size: 18px
----------------------------------------------------------*/
.fontsize-163722 {
  font-size: 18px;
}
/*----------------------------------------------------------
#Font-size: 50px
----------------------------------------------------------*/
.fontsize-155944 {
  font-size: 50px;
}
@media (max-width: 959px) {
  .fontsize-155944 {
    font-size: 33.333333333333px;
  }
}
@media (max-width: 320px) {
  .fontsize-155944 {
    font-size: 28px;
  }
}
/*----------------------------------------------------------
#Font-size: 56px
----------------------------------------------------------*/
.fontsize-329439 {
  font-size: 56px;
}
@media (max-width: 959px) {
  .fontsize-329439 {
    font-size: 37.333333333333px;
  }
}
@media (max-width: 569px) {
  .fontsize-329439 {
    font-size: 35px;
  }
}
@media (max-width: 320px) {
  .fontsize-329439 {
    font-size: 28px;
  }
}
/*----------------------------------------------------------
#Font-size: 75px
----------------------------------------------------------*/
.fontsize-338686 {
  font-size: 75px;
}
@media (max-width: 959px) {
  .fontsize-338686 {
    font-size: 50px;
  }
}
@media (max-width: 569px) {
  .fontsize-338686 {
    font-size: 35px;
  }
}
@media (max-width: 320px) {
  .fontsize-338686 {
    font-size: 28px;
  }
}
/*----------------------------------------------------------
#Font-size: 100px
----------------------------------------------------------*/
.fontsize-445851 {
  font-size: 100px;
}
@media (max-width: 959px) {
  .fontsize-445851 {
    font-size: 66.666666666667px;
  }
}
@media (max-width: 569px) {
  .fontsize-445851 {
    font-size: 35px;
  }
}
@media (max-width: 320px) {
  .fontsize-445851 {
    font-size: 28px;
  }
}
/*----------------------------------------------------------
#Font-size: 125px
----------------------------------------------------------*/
.fontsize-739966 {
  font-size: 125px;
}
@media (max-width: 959px) {
  .fontsize-739966 {
    font-size: 83.333333333333px;
  }
}
@media (max-width: 569px) {
  .fontsize-739966 {
    font-size: 35px;
  }
}
@media (max-width: 320px) {
  .fontsize-739966 {
    font-size: 28px;
  }
}
/*----------------------------------------------------------
#Font-size: 150px
----------------------------------------------------------*/
.fontsize-160206 {
  font-size: 150px;
}
@media (max-width: 959px) {
  .fontsize-160206 {
    font-size: 100px;
  }
}
@media (max-width: 569px) {
  .fontsize-160206 {
    font-size: 35px;
  }
}
@media (max-width: 320px) {
  .fontsize-160206 {
    font-size: 28px;
  }
}
/*----------------------------------------------------------
#Line-height: .85
----------------------------------------------------------*/
.fontheight-161249 {
  line-height: .85;
}
/*----------------------------------------------------------
#Line-height: .5
----------------------------------------------------------*/
.fontheight-578034 {
  line-height: .5;
}
/*----------------------------------------------------------
#Line-height: 1
----------------------------------------------------------*/
.fontheight-179065 {
  line-height: 1;
}
/*----------------------------------------------------------
#Line-height: 1.2
----------------------------------------------------------*/
.fontheight-296021 {
  line-height: 1.2;
}
/*----------------------------------------------------------
#Line-height: 1.35
----------------------------------------------------------*/
.fontheight-185086 {
  line-height: 1.35;
}
/*----------------------------------------------------------
#Line-height: 1.5
----------------------------------------------------------*/
.fontheight-357766 {
  line-height: 1.5;
}
/*----------------------------------------------------------
#Line-height: 1.75
----------------------------------------------------------*/
.fontheight-524109 {
  line-height: 1.75;
}
/*----------------------------------------------------------
#Line-height: 2
----------------------------------------------------------*/
.fontheight-914957 {
  line-height: 2;
}
/*----------------------------------------------------------
#Line-height: 2.75
----------------------------------------------------------*/
.fontheight-143788 {
  line-height: 2.75;
}
/*----------------------------------------------------------
#Letter-spacing: -0.05em
----------------------------------------------------------*/
.fontspace-111509 {
  letter-spacing: -0.05em !important;
}
/*----------------------------------------------------------
#Letter-spacing: -0.02em
----------------------------------------------------------*/
.fontspace-781688 {
  letter-spacing: -0.02em !important;
}
/*----------------------------------------------------------
#Letter-spacing: 0
----------------------------------------------------------*/
.fontspace-495315 {
  letter-spacing: 0 !important;
}
/*----------------------------------------------------------
#Letter-spacing: 0.02em
----------------------------------------------------------*/
.fontspace-130176 {
  letter-spacing: 0.02em !important;
}
/*----------------------------------------------------------
#Letter-spacing: 0.05em
----------------------------------------------------------*/
.fontspace-122570 {
  letter-spacing: 0.05em !important;
}
/*----------------------------------------------------------
#Letter-spacing: 0.1em
----------------------------------------------------------*/
.fontspace-123243 {
  letter-spacing: 0.1em !important;
}
/*----------------------------------------------------------
#Letter-spacing: .2em
----------------------------------------------------------*/
.fontspace-210350 {
  letter-spacing: .2em !important;
}
/*----------------------------------------------------------
#Letter-spacing: 0.36em
----------------------------------------------------------*/
.fontspace-171580 {
  letter-spacing: 0.36em !important;
}
/*----------------------------------------------------------
#Letter-spacing: .5em
----------------------------------------------------------*/
.fontspace-135905 {
  letter-spacing: .5em !important;
}
/*----------------------------------------------------------
#Letter-spacing: 1em
----------------------------------------------------------*/
.fontspace-238483 {
  letter-spacing: 1em !important;
}
/*----------------------------------------------------------
#Letter-spacing: 2em
----------------------------------------------------------*/
.fontspace-210067 {
  letter-spacing: 2em !important;
}
/*-------------------*/
/*タブレット*/
@media screen and (min-width:570px) and (max-width:959px) {
  .footer-logo {
    text-align: center;
  }
  .main-container .row-container .single-h-padding {
    padding-left: 30px;
    padding-right: 30px;
  }
  .mainAncBtn01 {
    top: 20px;
    right: 20px;
  }
  .life_on_island .contUlFlex02 {
    padding: 0 30px;
  }
  .contMarineLife {
    padding-bottom: 44px;
  }
  .contSpWrap01 {
    padding: 0px 30px;
  }
}
/*スマートフォン*/
@media screen and (max-width:569px) {}
/*-----*/