@charset "utf-8";
.contents{position: relative;}
.contentsInr{width:auto;padding:0px;}
.contentsInr .contentsUnit{padding:0 10px;}
@media all and (min-width:740px){.contentsInr .contentsUnit{width:950px;padding:0px;margin:0 auto;}.videoControls{right: 30px;}}

video {filter: drop-shadow(0px 0px #000);}
.tmbBlock a.inr .heading {line-height: 1.5;}

.opening_heroTxt,.hdg,.label__txt--scene,.introWrap__fadeTxt,.sceneCol__icon{
  font-family: "Zen Old Mincho", serif;font-weight: 400;font-style: normal;}
.hwi-page{font-family: "Noto Sans JP","ヒラギノ角ゴ Pro W3","メイリオ","MS UI Gothic",sans-serif!important;}
.introWrap{
margin: 0 calc(50% - 50vw);  
padding: 100px calc(50vw - 50%) 200px;
background: url("/jp/ja/inter/campaign/hawaii-anniversary/img_sites/bg_intro_pc.png") no-repeat center center;
  background-size: cover;}
@media (min-width: 739px) and (max-width: 949px){
.introWrap,.scene__imgFull,.withJal,
.scene:nth-of-type(even) .sceneCol{margin: 0!important;}}
.introWrap__fadeTxt{
  margin-top:40px;
  line-height: 1.6;
  font-weight: bold;
  text-align: center;}
.introWrap__fadeTxt > p{font-size: 1.6rem;}
.introWrap__fadeTxt > p span{font-size: 2.2rem;color: #007E94;}
.introWrap__fadeTxt:last-of-type{position: relative;}
.introWrap__fadeTxt:last-of-type::before{
  content: "";
  position: absolute;
  top: 0;
  left: 21%; 
  display: inline-block;
  width: 48px;
  height: 69px; 
  background: url("/jp/ja/inter/campaign/hawaii-anniversary/img_sites/bg_intro_txtL_pc.png") no-repeat;}
.introWrap__fadeTxt:last-of-type::after{
  content: "";
  position: absolute;
  top: 0;
  right: 21%; 
  display: inline-block;
  width: 48px;
  height: 69px; 
  background: url("/jp/ja/inter/campaign/hawaii-anniversary/img_sites/bg_intro_txtR_pc.png") no-repeat;}
/*inview.js*/
.fadeBlock{position: relative;opacity: 0;bottom: -3vh;}
.introWrap.is-active .fadeBlock{
animation: 1.8s cubic-bezier(0, 0, 0.42, 0.99) 0.5s forwards fadeBlock ;}
 .introWrap > .introWrap__fadeTxt.fadeBlock:nth-of-type(1) {
  -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;}
.introWrap > .introWrap__fadeTxt.fadeBlock:nth-of-type(2){
  -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;}
 .introWrap > .introWrap__fadeTxt.fadeBlock:nth-of-type(3){
  -webkit-animation-delay: 2.7s;
    animation-delay: 2.7s;}
 .introWrap > .introWrap__fadeTxt.fadeBlock:nth-of-type(4) {
  -webkit-animation-delay: 3.6s;
    animation-delay: 3.6s;}
@keyframes fadeBlock  {
	0% {
	bottom: -2.4vh;
	opacity: 0;
	-webkit-filter: brightness(110%) saturate(130%);
			filter: brightness(110%) saturate(130%);
	}
	45% {

	-webkit-filter: brightness(1) saturate(1);
			filter: brightness(1) saturate(1);
	}
	60% {
	bottom: 0;
	}
	100% {
	bottom: 0;
	opacity: 1;
	}}
.scene .sceneCol{ 
  margin:0 calc(50% - 50vw);
  padding: 157px calc(50vw - 50%) 156px;}
.scene:nth-of-type(even) .sceneCol{
  justify-content: flex-end;
  background:url("/jp/ja/inter/campaign/hawaii-anniversary/img_sites/bg_scene_blue_pc.png") no-repeat;
  background-size: cover;}
.scene:first-of-type .sceneCol{padding: 197px calc(50vw - 50%) 190px;}
.scene:nth-of-type(odd) .sceneCol > .sceneCol__txtWrap{
  margin-right: 46px;
}
.scene:nth-of-type(even) .sceneCol > .sceneCol__txtWrap{
  margin-left: 46px;
}
.sceneCol{
  display: flex; 
  justify-content: flex-start;
  position: relative;}
.scene:first-of-type .sceneCol::before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 100px;
  height: 131px;
  background: url("/jp/ja/inter/campaign/hawaii-anniversary/img_sites/bg_scene_col01.png") no-repeat;
  bottom: 100px;
  transform: translateX(-140px);}
.scene:nth-of-type(2) .sceneCol::before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 140px;
  height: 140px;
  background: url("/jp/ja/inter/campaign/hawaii-anniversary/img_sites/bg_scene_col02.png") no-repeat;
  bottom: 200px;
  transform: translateX(100px);}
 .scene:nth-of-type(3) .sceneCol::before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 100px;
  height: 163px;
  background: url("/jp/ja/inter/campaign/hawaii-anniversary/img_sites/bg_scene_col03.png") no-repeat;
  bottom: 60px;
  transform: translateX(-170px);}
 .scene:nth-of-type(4) .sceneCol::before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 115px;
  height: 171px;
  background: url("/jp/ja/inter/campaign/hawaii-anniversary/img_sites/bg_scene_col04.png") no-repeat;
  bottom: 110px;
  transform: translateX(100px);}
 .scene:nth-of-type(5) .sceneCol::before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 120px;
  height: 136px;
  background: url("/jp/ja/inter/campaign/hawaii-anniversary/img_sites/bg_scene_col05.png") no-repeat;
  bottom: 105px;
  transform: translateX(-150px);}
 .scene:nth-of-type(6) .sceneCol::before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 174px;
  height: 138px;
  background: url("/jp/ja/inter/campaign/hawaii-anniversary/img_sites/bg_scene_col06.png") no-repeat;
  bottom: 160px;
  transform: translateX(110px);}
.scene__imgFull {margin: 0 calc(50% - 50vw);}
[class^="sceneCol__imgWrap"] {width: 38%;}
[class^="sceneCol__imgWrap"] img {border-radius: 5px!important;}
.sceneCol__imgWrap--mgR figure:first-of-type > img {border-radius: 5px 0 0 5px;}
.sceneCol__imgWrap--mgL figure:first-of-type > img {border-radius: 0 5px 5px 0;}
[class^="sceneCol__imgWrap"] > figure + figure{
  display: inline-block;
  width: calc(100%/2);}
.imgWrap__2col{display: flex; justify-content: space-between;position: absolute;top: 110%;}
.sceneCol__imgWrap--L > .imgWrap__2col{right: -6%;}
.sceneCol__imgWrap--R > .imgWrap__2col{left: -6%;}
.imgWrap__2col > figure{width: calc((100% - 7%)/2);}
.imgWrap__2col > figure img{border-radius: 5px;}
.sceneCol__imgWrap--R > figure + figure,.sceneCol__imgWrap--mgR > figure + figure,
.sceneCol__imgWrap--L > figure + figure,.sceneCol__imgWrap--mgL > figure + figure{
  position: absolute;
  bottom: -80%;}
.sceneCol__imgWrap--R > figure + figure,
.sceneCol__imgWrap--mgR > figure + figure{right: 55%;}
.sceneCol__imgWrap--L > figure + figure,
.sceneCol__imgWrap--mgL > figure + figure{left: 55%;}
.sceneCol__imgWrap--mgL > figure + figure,
.sceneCol__imgWrap--mgR > figure + figure{bottom: -80%;}
.sceneCol__imgWrap--R,.sceneCol__imgWrap--mgR{position: absolute;right: 0;}
.sceneCol__imgWrap--R {padding:0 5% 0 3%;top: 15%;}
.sceneCol__imgWrap--L,.sceneCol__imgWrap--mgL {position: absolute;left: 0;}
.sceneCol__imgWrap--L {padding:0 3% 0 5%;}
.sceneCol__txtWrap{width: 430px;height: 637px;}
.sceneCol__txt,.colWrap p{line-height: 2;}

.labelWrap{
  width: fit-content;
  position: relative;}
.labelWrap:before{
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: calc(50% - 6px);
  height: 2px;
  display: block;
  background-color: #333;
  transform:  scaleY(0.5);}
.labelWrap:after{
  content: "";
  position: absolute;
  bottom: -1px;
  right: 0;
  width: calc(50% - 8px);
  height: 2px;
  display: block;
  background-color: #333;
  transform:  scaleY(0.5);}

.label {
  margin:48px 0 20px;
  padding:0 10px 5px;}
.label::before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  background-color: transparent;
  transform: translate(-50%) rotate(135deg);
-webkit-transform: translate(-50%) rotate(135deg);}
.label::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  z-index: 0;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  border-top:1px solid;
  border-color: #333333 transparent;
  transform: translate(-50%) rotate(135deg);
-webkit-transform: translate(-50%) rotate(135deg);}
.label__txt{
  position: relative; 
  font-size: 1.5rem;
  font-weight: bold;
  color: #007E94;}
.sceneCol__icon{
  position: relative;
  padding-top:40px;
  color: #007E94;
  font-size: 3.2rem;}
.sceneCol__icon::before{
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  left: -50px;
  width: 132px;
  height: 50px;
  background: url("/jp/ja/inter/campaign/hawaii-anniversary/img_sites/txt_scene.svg") no-repeat center center;}
.withJal{
  background: url("/jp/ja/inter/campaign/hawaii-anniversary/img_sites/bg_withjal_pc.png") no-repeat;
  margin: 0 calc(50% - 50vw);
  padding: 100px calc(50vw - 50%);}
.presentWrap{
  height: 1004px;
  margin: 100px 0;
  padding: 126px 65px 138px;
  background: url("/jp/ja/inter/campaign/hawaii-anniversary/img_sites/bg_present_pc.png") no-repeat;
}
.present__txtWrap{
  margin: 60px 0;
}
.presentColWrap{
  display: flex;
  justify-content: space-between;
}
.presentCol{
  width: calc((100% - 40px)/3);
}
.presentCol__ttl{
  margin: 10px 0;
  font-size: 1.6rem;
  font-weight: bold;
}
.presentCol__ttl.presentCol__ttl--txt2line{
  margin-bottom: 18px;
}
.presentCol__imgLabel{
  position: relative;
}
.presentCol__imgLabel p{
  position: absolute;
  right: 0;
  left: 0;
  bottom: -15px;
  width: 120px;
  margin: -10px auto 0;
  padding: 3px 0;
  border: 1px solid #007E94;
  border-radius: 20px;
  background-color: #fff;
  color: #007E94;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;}
.withJal{text-align: center;}
/*line parts*/
.linePartsWrap{position: relative;z-index: 999;}
.scene .linePartsWrap .lineParts{
  height: 210px;}
.scene:nth-of-type(odd) .linePartsWrap .lineParts{
  position: absolute;
  right: 33%;
  top: -160px;
}
.scene:nth-of-type(even) .linePartsWrap .lineParts{
  position: absolute;
  right: 33%;
  top: -100px;
}
.scene:nth-of-type(5) .linePartsWrap .lineParts{
  z-index: 1;}
/*button*/
.btnCamp{
  display:table;
  margin-top: 30px;
  padding: 2px;
  border-radius: 32px;
  background: linear-gradient( 90deg, #007E94, #26A39A);}  
.withJal .btnCamp,.presentWrap .btnCamp{
    margin: 30px auto 0;}  
.btnCamp:hover{
  background: #007E94;}
.btnCamp__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  height: 60px;
  width: 330px;
  margin: auto;
  border-radius: 100vw;
  background: linear-gradient(82.3deg,rgba(0,128,150,1) 10.8%,rgba(38,163,154,1) 94.3%);
  /*background-size: 400%;*/
  color: #fff;
  font-size: 15px;}
.btnCamp__inner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  transform: scaleX(0);
  transform-origin: 0 50%;
  width: 105%;
  height: inherit;
  border-radius: inherit;
  background: #fff;
  transition: all 0.475s;
}
.btnCamp__inner:hover::before {
  transform: scaleX(1);
}
.btnCamp__inner:hover {
  color: #007E94;
  text-decoration: none;
}
.btnCamp__inner span {
  position: relative;
  z-index: 1;
  padding-right: 15px;
}
.btnCamp__inner span::after {
  content: '';
  position: absolute;
  bottom: 30%;
  right: -10px;
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}
.btnCamp__inner:hover span::after {
  border-top: 2px solid #007E94;
  border-right: 2px solid #007E94;}

.btnCamp.btnCamp--wt{
  display:table;
  padding: 2px;
  border-radius: 32px;
  background: #007E94;}  
.btnCamp.btnCamp:hover{
  background: linear-gradient( 90deg, #007E94, #26A39A);}
.btnCamp__inner.btnCamp__inner--wt {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  height: 60px;
  width: 330px;
  margin: auto;
  border-radius: 100vw;
  background: #fff;
  /*background-size: 400%;*/
  color: #007E94;
  font-size: 15px;}
.btnCamp__inner.btnCamp__inner--wt::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  transform: scaleX(0);
  transform-origin: 0 50%;
  width: 100%;
  height: inherit;
  border-radius: inherit;
  background: linear-gradient(82.3deg,rgba(0,128,150,1) 10.8%,rgba(38,163,154,1) 94.3%);
  transition: all 0.475s;
}
.btnCamp__inner.btnCamp__inner--wt:hover::before {
  transform: scaleX(1);
}
.btnCamp__inner.btnCamp__inner--wt:hover {
  color: #fff;
  text-decoration: none;
}
.btnCamp__inner.btnCamp__inner--wt span {
  position: relative;
  z-index: 1;
  padding-right: 15px;
  text-align: center;
}
.btnCamp__inner.btnCamp__inner--wt span::after {
  content: '';
  position: absolute;
  bottom: 40%;
  right: -10px;
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #007E94;
  border-right: 2px solid #007E94;
  transform: rotate(45deg);
}
.btnCamp__inner.btnCamp__inner--wtOther span::after {
  content: '';
  position: absolute;
  bottom: 30%;
  right: -10px;
  display: block;
  width: 14px;
  height: 12px;
  border: 0;
  background: url("/global/Y18/img/icon_ext_wt.svg") no-repeat center / 14px 12px;
  transform: rotate(0deg);
}

.btnCamp__inner.btnCamp__inner--wt:hover span::after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;}
.btnCamp__inner.btnCamp__inner--wtOther:hover span::after {
  border: 0;
  background: url("/jp/ja/inter/campaign/hawaii-anniversary/img_sites/icon_otherwindow_blue.svg") no-repeat center / 14px 12px;}
/*heading*/
.hdg.hdg--type2{font-size: 3.2rem;}
.hdg.hdg--type3{font-size: 3.6rem;text-align: center;}
.serviceTtl{margin-bottom: 35px;}
.serviceTtl .hdg--type3 > span{font-size: 2.8rem;}
.hdg.hdg--type4{font-size: 2.2rem;}
.hdg.hdg--type4 > span{color: #007E94;}
@media (min-width: 1280px) and (max-width:1440px){
  [class^="sceneCol__imgWrap"] {width: 45%;}
  .sceneCol__imgWrap--R .imgWrap__2col{right: 6%!important;}
  .sceneCol__imgWrap--L .imgWrap__2col{left: 6%!important;}
  .imgWrap__2col > figure{ width: calc((100% - 5%) / 2)!important;}
  .withJal{
  background: url(/jp/ja/inter/campaign/hawaii-anniversary/img_sites/bg_withjal_pc.png) no-repeat left / 125%;
  padding: 76px calc(50vw - 50%);}}
@media all and (max-width:739px){
.ticketModule_unit{margin-top: 60px!important;padding: 0 10px;}
.contentsInr{padding: 0;}
.hwi-contentWrap{padding: 0 15px;}
p{font-size: 1.4rem;}
.introWrap{
padding: 120px calc(50vw - 50%) 15em;
background: url("/jp/ja/inter/campaign/hawaii-anniversary/img_sites/bg_intro_sp.png") no-repeat bottom;
background-size: cover;}
.introWrap__fadeTxt{margin-top: 1.5em; line-height: 1.5;}
.introWrap__fadeTxt > p span{font-size: 1.6rem;}
.introWrap__fadeTxt:last-of-type p span{font-size: 1.8rem;line-height: 1.3;}
.introWrap__fadeTxt:last-of-type::before{
  top: 15%;
  left: 5%; 
  width: 55px;
  height: 80px; 
  background: url("/jp/ja/inter/campaign/hawaii-anniversary/img_sites/bg_intro_txtL_sp.png") no-repeat;
  background-size: 55px 80px;}
.introWrap__fadeTxt:last-of-type{margin-top: 35px;}
.introWrap__fadeTxt:last-of-type::after{
  top: 20%;
  right: 5%; 
  width: 55px;
  height: 80px; 
  background: url("/jp/ja/inter/campaign/hawaii-anniversary/img_sites/bg_intro_txtR_sp.png") no-repeat;
  background-size: 55px 80px;}
.scene{margin: 0 20px;}
.scene .sceneCol{ 
  padding: 30px calc(50vw - 50%) 60px;}
.scene:nth-of-type(even) .sceneCol{
  padding: 30px calc(50vw - 50%) 60px;
  background:url("/jp/ja/inter/campaign/hawaii-anniversary/img_sites/bg_scene_blue_sp.png") no-repeat;
  background-size: cover;}
.scene:nth-of-type(odd) .sceneCol > .sceneCol__txtWrap{
  margin-right: 0;}
.scene:nth-of-type(even) .sceneCol > .sceneCol__txtWrap{
  margin-left: 0;}
.sceneCol{
  display: flex; 
  flex-direction: column;
  align-items: flex-end;}
.scene:nth-of-type(even) .sceneCol{
  display: flex; 
  flex-direction: column-reverse;
  align-items: flex-start;}
.scene:first-of-type .sceneCol {padding: 30px calc(50vw - 50%) 60px;}
/*位置調整*/
.scene:first-of-type .sceneCol::before {
  width: 19%;
  height: 12%;
  background: url("/jp/ja/inter/campaign/hawaii-anniversary/img_sites/bg_scene_col01.png") no-repeat center /75%;
  bottom: 6%;
  right: -25%;}
.scene:nth-of-type(2) .sceneCol::before {
  width: 20%;
  height: 9%;
  background: url("/jp/ja/inter/campaign/hawaii-anniversary/img_sites/bg_scene_col02.png") no-repeat center / 100%;
  bottom: 6%;
  left: -11%;}
 .scene:nth-of-type(3) .sceneCol::before {
  width: 30%;
  height: 16%;
  background: url("/jp/ja/inter/campaign/hawaii-anniversary/img_sites/bg_scene_col03.png") no-repeat center / 85%;
  bottom: 4%;
  right: -35%;}
 .scene:nth-of-type(4) .sceneCol::before {
  width: 26%;
  height: 10%;
  background: url("/jp/ja/inter/campaign/hawaii-anniversary/img_sites/bg_scene_col04.png") no-repeat center / 90%;
  bottom: 5%;
  left: -3%;
  transform: rotate(-60deg);}
 .scene:nth-of-type(5) .sceneCol::before {
  width: 28%;
  height: 11%;
  background: url("/jp/ja/inter/campaign/hawaii-anniversary/img_sites/bg_scene_col05.png") no-repeat center / 70%;
  bottom: 0%;
  right: -40%;}
 .scene:nth-of-type(6) .sceneCol::before {
  width: 25%;
  height: 9%;
  background: url("/jp/ja/inter/campaign/hawaii-anniversary/img_sites/bg_scene_col06.png") no-repeat center / 80%;
  bottom: 8%;
  left: -20%;}
 .scene:nth-of-type(6) img{
  position: relative;z-index: 2;}
[class^="sceneCol__imgWrap"] {width: auto;}
.sceneCol__imgWrap--R .imgWrap__2col{position: static;padding: 5% 5% 0 0;justify-content: flex-start; margin-left: -7%;}
.sceneCol__imgWrap--L .imgWrap__2col{position: static;padding: 5% 0 0 5%;justify-content: flex-end; margin-right: -7%;}
.imgWrap__2col > figure{width: calc((100% - 20px)/2);}
.imgWrap__2col figure:first-of-type{margin-right: 4%;}
.sceneCol__imgWrap--R > figure + figure,.sceneCol__imgWrap--mgR > figure + figure{
  position: static; margin-top: 4%;padding-right: 7%;}
.sceneCol__imgWrap--L > figure + figure,.sceneCol__imgWrap--mgL > figure + figure{
  position: static; display: block; margin: 4% 0 0 auto;padding-left: 7%;}
/*.sceneCol__imgWrap--mgR figure:first-of-type img,
.sceneCol__imgWrap--R figure:first-of-type img {padding-left: 10%;}
.sceneCol__imgWrap--mgL > figure:first-of-type img,
.sceneCol__imgWrap--L figure:first-of-type img {padding-right: 10%;}*/
.sceneCol__imgWrap--R,.sceneCol__imgWrap--mgR {margin-right: calc(50% - 50vw);position: static;padding-left: 0;}
.sceneCol__imgWrap--R {padding-right:10%;}
.sceneCol__imgWrap--mgL {margin-left: calc(50% - 50vw);}
.sceneCol__imgWrap--L,.sceneCol__imgWrap--mgL {margin-left: calc(50% - 50vw);position: static;padding-right: 0;}
.sceneCol__imgWrap--L {padding-left:10%;}
.sceneCol__txtWrap{width: auto;height: auto;}
.sceneCol__txt,.colWrap p{line-height: 2;}

.label {
  position: relative;
  width: fit-content;
  margin:15px 0 20px;
  padding:5px 10px;}
.label::before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  background-color: #fff;
  transform: translate(-50%) rotate(135deg);
-webkit-transform: translate(-50%) rotate(135deg);}
.scene:nth-of-type(even) .sceneCol .label::before {
  content: "";
  background-color: #ecf4fa;}
.label::after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  z-index: 0;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  border-top:1px solid;
  border-color: #333333 transparent;
  transform: translate(-50%) rotate(135deg);
-webkit-transform: translate(-50%) rotate(135deg);}
.label__txt{
  position: relative; 
  font-size: 1.5rem;
  font-weight: bold;
  color: #007E94;}
.sceneCol__icon{
  padding-top:35px;
  font-size: 2.2rem;}
.sceneCol__icon::before{
  left: -25px;
  width: 97px;
  height: 37px;
  background: url("/jp/ja/inter/campaign/hawaii-anniversary/img_sites/txt_scene.svg") no-repeat center center /97px 37px;}
.withJal{
  background: url("/jp/ja/inter/campaign/hawaii-anniversary/img_sites/bg_withjal_sp.png") no-repeat;
  padding: 40px 0;
  background-size: cover;}
  .withJal .btnCamp,.presentWrap .btnCamp{margin-bottom: 0;}
.presentWrap{
  width: auto;
  height: 100%;
  margin: 60px 0;
  padding: 70px 30px 110px;
  background: url(/jp/ja/inter/campaign/hawaii-anniversary/img_sites/bg_frameTop_sp.png), url(/jp/ja/inter/campaign/hawaii-anniversary/img_sites/bg_frameBtm_sp.png),url(/jp/ja/inter/campaign/hawaii-anniversary/img_sites/bg_frameMdl.png);
  /* background-size: cover; */
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: top center, bottom center, top;
  background-size: contain;}
.present__txtWrap{
  margin: 30px 0 45px;}
.presentColWrap{display: block;}
.presentCol{width: auto;}
.presentCol:nth-of-type(n+2) {
  margin-top: 45px;}
.presentCol__ttl{
  margin: 10px 0;
  font-size: 1.6rem;
  font-weight: bold;}
.presentCol__ttl.presentCol__ttl--txt2line{
  margin-bottom: 18px;}
.presentCol__imgLabel{
  position: relative;}
.presentCol__imgLabel p{
  position: absolute;
  right: 0;
  left: 0;
  bottom: -15px;
  width: 120px;
  margin: -10px auto 0;
  padding: 3px 0;
  border: 1px solid #007E94;
  border-radius: 20px;
  background-color: #fff;
  color: #007E94;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;}
.withJal{text-align: center;}
/*line parts*/
.linePartsWrap{position: relative;text-align: center;}
.scene .linePartsWrap .lineParts{
  height: auto;}
.scene:nth-of-type(odd) .linePartsWrap .lineParts{
  right: 26%;
  top: -78px;
  width: 50%;}
.scene:nth-of-type(even) .linePartsWrap .lineParts{
  right: 30%;
  top: -50px;
  width: 46%;}
.scene:nth-of-type(5) .linePartsWrap .lineParts{
  z-index: 1;}
/*button*/
.btnCamp {
  margin: 30px auto 40px;}
.btnCamp + .btnCamp {
  margin-top: 10px;}
.btnCamp__inner {
  height: 60px;
  width: auto;
  margin: auto;
  padding: 0 25px;}
.btnCamp__inner span {
  padding-right: 10px;}
.btnCamp__inner span::after {
  bottom: 28%;
  right: -8px;
  width: 10px;
  height: 10px;
}
.btnCamp.btnCamp--wt{
  display:table;
  margin:30px auto 0;
  padding: 2px;
  border-radius: 32px;
  background: #007E94;}  
.btnCamp.btnCamp:hover{
  background: linear-gradient( 90deg, #007E94, #26A39A);}
.btnCamp__inner.btnCamp__inner--wt {;
  width: auto;}
.btnCamp__inner.btnCamp__inner--wt::before {
  top: 0;
  left: 0;
  transform: scaleX(0);
  transform-origin: 0 50%;
  width: 100%;
  height: inherit;
  border-radius: inherit;
  background: linear-gradient(82.3deg,rgba(0,128,150,1) 10.8%,rgba(38,163,154,1) 94.3%);
  transition: all 0.475s;
}
.btnCamp__inner.btnCamp__inner--wt:hover::before {
  transform: scaleX(1);
}
.btnCamp__inner.btnCamp__inner--wt:hover {
  color: #fff;
  text-decoration: none;
}
.btnCamp__inner.btnCamp__inner--wt span {
  position: relative;
  z-index: 1;
  padding-right: 15px;
}
.btnCamp__inner.btnCamp__inner--wt span::after {
  content: '';
  position: absolute;
  bottom: 40%;
  right: -10px;
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #007E94;
  border-right: 2px solid #007E94;
  transform: rotate(45deg);
}
.btnCamp__inner.btnCamp__inner--wtOther span::after {
  content: '';
  position: absolute;
  bottom: 40%;
  right: -10px;
  display: block;
  width: 12px;
  height: 10px;
  border: 0;
  background: url("/global/Y18/img/icon_ext_wt.svg") no-repeat center / 12px 10px;
  transform: rotate(0deg);
}

.btnCamp__inner.btnCamp__inner--wt:hover span::after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;}
.btnCamp__inner.btnCamp__inner--wtOther:hover span::after {
  border: 0;
  background: url("/jp/ja/inter/campaign/hawaii-anniversary/img_sites/icon_otherwindow_blue.svg") no-repeat center / 12px 10px;}

 /*heading*/
.hdg.hdg--type2{font-size: 2.2rem;}
.hdg.hdg--type3{font-size: 2.4rem;}
.serviceTtl{margin-bottom: 30px;}
.serviceTtl .hdg--type3 > span{font-size: 2.0rem;}
.hdg.hdg--type4{font-size: 1.8rem;
  } 
}

/*Utility*/
.u-fwb--blue{font-weight:bold;color:#007E94;} 

/* main visual */
.opening_heroTxt{
  position: absolute;
  top: 47%;
  right: 0;
  left: 0;
  margin: 0 auto;
  text-align: center;
  font-size: 3.0rem;
  font-weight: bold;
  letter-spacing: 0.3em;
  color: #6B6B6B;}
.mainLead.opening_heroTxt{
  top: 46%;
}

/* svg animation */
/* PC */
.openingWrap{
  background:url("/jp/ja/inter/campaign/hawaii-anniversary/img_sites/bg_mainvisual_pc.png") no-repeat;
  position:absolute; 
  top:0; 
  left:0px; 
  width:100%; 
  z-index:999; 
  transition:opacity 2s ease; overflow:hidden;
  background-size: cover;}
.openingWrap .openingInr{
  position:relative; width:100%;max-height: 710px;height: calc(100vh - 128px);}
.openingWrap .openingInr svg{
  position: absolute;
  top: 40%;
  left: 50%;
  /*transition: all 2s ease;*/ 
  transform: translate(-50%, -50%);}
.openingWrap.Ev_openingFinish{opacity:0;}
#svgTitle{max-width:100%; height:auto;}
#svgTitle.txtStart{opacity:1;}
.svgTxt{width:900px; height:152px;}
.mainTtl{width: 900px; margin: 0 auto;/*opacity: 0;transition: all 1s ease 1.6s;*/}
/*.Ev_normalCont .mainTtl{opacity: 1;}*/
.mainTtl img{width:100%;}
.openingInr{width: 900px;}
.openingCnt{height: 300px;position: relative;top: 25%;}

#mask path{
fill:none;
stroke:#ffffff;
stroke-width:10;
stroke-dasharray: 1800px;
stroke-dashoffset: 1800px;
}

#text{
mask: url(#mask-wrapper);
fill: #6B6B6B;
}
.st0{fill:none;
stroke-width:6;stroke-linecap:round;
stroke-linejoin:round;stroke-miterlimit:10;
}
.st1{fill:none;
stroke-width:11;
stroke-linecap:round;
stroke-linejoin:round;
stroke-miterlimit:10;
}

#mask path:nth-of-type(1){
animation: line 1s 0.5s forwards;
}
#mask path:nth-of-type(2){
animation: line 3s 0.6s forwards;
}
#mask path:nth-of-type(3){
animation: line 3.5s 1.2s forwards;
}
#mask path:nth-of-type(4){
animation: line 2s 1.8s forwards;
}
#mask path:nth-of-type(5){
animation: line 3.5s 2s forwards;
}
#mask path:nth-of-type(6){
animation: line 3.5s 3.4s forwards;
}
#mask path:nth-of-type(7){
animation: line 3s 4.2s forwards;
}

@keyframes line{
0%{stroke-dashoffset: 1800px;}
100%{stroke-dashoffset: 0;}
}

/* SP */
@media all and (max-width:739px){
.openingCnt {
    top: 27%;}
.opening_heroTxt{
  position: unset;
  margin: 10px auto 0;
  font-size: 118%;
  letter-spacing: 0.2em;}
.mainLead.opening_heroTxt{
  margin-top: 16px;
  top: auto;}
.mainTtl{width:auto;padding: 0 30px;}
.openingWrap{
background:url("/jp/ja/inter/campaign/hawaii-anniversary/img_sites/bg_mainvisual_sp.png") no-repeat;
background-size: 100% calc(100vh - 128px);}
@media (orientation: landscape){
  .openingWrap{background-size: 100%; height: 100vh;}
  .openingCnt{top: 10%;}
  .secMain .mainInr .mainCnt{top: 35%!important;}
  .secMain .mainInr{height: 710px!important;}
}
.openingInr{margin: 0 auto;}
.openingWrap .openingInr svg{
  position: unset;
  padding: 0 30px;
  width: 100%;
  transform: none;}

#maskSP path{
fill:none;
stroke:#ffffff;
stroke-width:10;
stroke-dasharray: 1800px;
stroke-dashoffset: 1800px;}

#textSP{
mask: url(#mask-wrapperSP);
fill: #6B6B6B;}

#maskSP path:nth-of-type(1){
animation: lineSp 1.5s 0.5s forwards;
}
#maskSP path:nth-of-type(2){
animation: lineSp 2s 0.6s forwards;
}
#maskSP path:nth-of-type(3){
animation: lineSp 3s 1s forwards;
}
#maskSP path:nth-of-type(4){
animation: lineSp 3s 1.5s forwards;
}
#maskSP path:nth-of-type(5){
animation: lineSp 3s 2s forwards;
}
#maskSP path:nth-of-type(6){
animation: lineSp 3s 2.2s forwards;
}
#maskSP path:nth-of-type(7){
animation: lineSp 2.5s 2.4s forwards;
}
#maskSP path:nth-of-type(8){
animation: lineSp 3s 2.8s forwards;
}
#maskSP path:nth-of-type(9){
animation: lineSp 3s 3.4s forwards;
}
#maskSP path:nth-of-type(10){
animation: lineSp 3s 3.4s forwards;
}
#maskSP path:nth-of-type(11){
animation: lineSp 3s 3.8s forwards;
}
#maskSP path:nth-of-type(12){
animation: lineSp 3s 4.2s forwards;
}
#maskSP path:nth-of-type(13){
animation: lineSp 3s 4.8s forwards;
}
#maskSP path:nth-of-type(14){
animation: lineSp 3s 5s forwards;
}
#maskSP path:nth-of-type(15){
animation: lineSp 3s 5.2s forwards;
}
#maskSP path:nth-of-type(16){
animation: lineSp 3s 5.4s forwards;}}

@keyframes lineSp{
0%{stroke-dashoffset: 1800px;}
100%{stroke-dashoffset: 0;}
}

/* Main Section */
.secMain{width:100vw; overflow:hidden; position:relative;}
.secMain header{display:flex; justify-content:space-between; position:relative; z-index:1; padding:30px 30px 0 30px;}
.secMain video{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); min-width:100vw; min-height:100vh; z-index:0;}
.secMain .mainInr{max-width:950px; position:relative; z-index:1; max-height: 710px; height: calc(100vh - 128px); margin:0 auto;filter: drop-shadow(0px 0px 6px #000);}
.secMain .mainInr .mainCnt{height: 300px; position:absolute; right:0px; left: 0; top: 27.5%;}
.secMain .mainInr .mainCnt .mainLead{color:#fff; font-size:30px; text-align:center;}

.secMain .mainInr .scrollTxt{position:absolute; left:50%; bottom:0px; width:46px; height:98px; transform:translateX(-50%);}
.secMain .mainInr .scrollTxt:after{display:block; content:""; background:rgba(255,255,255,0.7); width:1px; height:80px; margin-left:23px; -webkit-animation:scroll 1.5s ease infinite; animation:scroll 1.5s ease infinite; opacity:0;}
.secMain .mainInr .scrollTxt img{vertical-align:top;}
@-webkit-keyframes scroll{
0%{-webkit-transform: translateY(0px); transform: translateY(0px); opacity:0.2;}
50%{opacity:1;}
100%{-webkit-transform:translateY(80px); transform:translateY(80px); opacity:0;}
}
@keyframes scroll{
0%{-webkit-transform:translateY(0px); transform:translateY(0px); opacity:0.2;}
50%{opacity:1;}
100%{-webkit-transform:translateY(80px); transform:translateY(80px); opacity:0;}
}
@media all and (max-width:739px){
  .secMain .mainInr .mainCnt{height: auto;}
  .secMain{width:100vw; height:auto;}
  .secMain video{min-height:100%;}
  .secMain .mainInr{width:auto;}
  .secMain .mainInr .mainCnt{position:absolute; right:0px; left: 0; top: calc(50vh - 128px); transform: translateY(-30%);}
  .secMain .mainInr .mainCnt .mainLead{font-size:118%;}

  .secMain .mainInr .scrollTxt{position:absolute; left:50%; bottom:0px; width:46px; height:98px; transform:translateX(-50%);}
  .secMain .mainInr .scrollTxt:after{display:block; content:""; background:rgba(255,255,255,0.7); width:1px; height:80px; margin-left:23px; -webkit-animation:scroll 1.5s ease infinite; animation:scroll 1.5s ease infinite; opacity:0;}
  .secMain .mainInr .scrollTxt img{vertical-align:top;}
}
/* img fadein　animation dev*/
.conductBox{box-sizing:border-box; opacity:0; transform: scale(1.2);}
.conductBox.setAnimation{transition: all 0.8s ease;}
.conductBox.setAnimation:nth-of-type(1){transition-delay: 0.3s;}
.conductBox.setAnimation:nth-of-type(2){transition-delay: 0.8s;}
.imgWrap__2col > .conductBox.setAnimation:nth-of-type(1){transition-delay: 0.8s;}
.imgWrap__2col > .conductBox.setAnimation:nth-of-type(2){transition-delay: 1.3s;}
.conductBox.Ev_conduct01{opacity:1; transform:translate(0, 0) scale(1);}