@charset "UTF-8";
.debut-mv{ position: relative;}
.debut-mv figure{ width: 100%; height: 100%; position: relative; min-height: 907px; display: block; aspect-ratio: 1920 / 907;}
.debut-mv figure img{ width: 100%; height: 100%; display: block; object-fit: cover;}
.debut-mv figure img.sp{ display: none}
.debut-mv-text{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding-bottom: 80px; }
.debut-mv-text .heading{ margin: 0 auto 50px;}
.debut-mv-text .heading-wrap.heading-pickup{ margin-bottom: 0;}
.debut-mv-text .heading-wrap.heading-pickup .heading-subtext{ filter: drop-shadow(2px 2px 7px #fff) drop-shadow(-2px -2px 7px #fff) drop-shadow(2px -2px 7px #fff) drop-shadow(-2px 2px 7px #fff); font-size: 58px; color: #099b48; margin: 0;}
.debut-mv-text .inner-debut-mv-text{ text-align: center; line-height: 1.6; letter-spacing: 0.15em; font-family: "Noto Serif JP", serif; }
.debut-mv-text .inner-debut-mv-text .mvCatch{ font-family: "HiraKakuPro-W3-AlphaNum", "\6E38\30B4\30B7\30C3\30AF", YuGothic, "\30D2\30E9\30AE\30CE\89D2\30B4 ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, sans-serif !important; font-size: 30px; margin-bottom: 40px; font-weight: 700; color: #68B5AE;}
.debut-mv-text .inner-debut-mv-text .mvCatch span{ display: block; font-size: 20px;}
.debut-mv-text .inner-debut-mv-text .mvMainList{ font-size: 46px; filter: drop-shadow(2px 2px 7px #fff) drop-shadow(-2px -2px 7px #fff) drop-shadow(2px -2px 7px #fff) drop-shadow(-2px 2px 7px #fff); font-family: "HiraKakuPro-W3-AlphaNum", "\6E38\30B4\30B7\30C3\30AF", YuGothic, "\30D2\30E9\30AE\30CE\89D2\30B4 ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, sans-serif !important; font-weight: bold; color: #1EAC4B;}
.debut-mv-text .inner-debut-mv-text .mvMainList li span,
.debut-mv-text .inner-debut-mv-text .mvMainList li sup{ font-size: 70%; }
.debut-mv-text .inner-debut-mv-text .mvMainList li span{ display: block; margin-top: 30px;}
.debut-mv-text .inner-debut-mv-text .mvMainList li:not(:last-child)::after{ content: "＋"; display: block; color: #68B5AE; height: 1em; line-height: 1; font-size: 130%;}

.debut-main-title{ background-image: url(../images/bg-catch-pc.png); background-repeat: no-repeat; background-position: center top 20px;  min-height: 120px; box-sizing: border-box;}
.heading.debut p.ttl{ background: linear-gradient(to right, #027cc4 0%, #09a045 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 50px; line-height: 1.6;}

.identification{ text-align: center; margin: 60px auto 20px; background-color: #f7f7f7; padding: 30px; border: solid 3px #ec6d56; box-sizing: border-box;}
.identification .attention{ font-weight: bold; font-size: 18px; margin-bottom: 20px;  font-feature-settings: "palt"; letter-spacing: 0.05em;}
.identification .attention span{ font-size: 30px; color: #ec6d56; display: inline-block; background-image: linear-gradient(0deg, #FFFFA4 19.44%, transparent 19.44%, transparent 50%, #FFFFA4 50%, #FFFFA4 69.44%, transparent 69.44%, transparent 100%); background-size: 100% 3.5em; margin: 0 8px;}

.nextyear{ text-align: center; margin: 20px auto; background-color: #f7f7f7; padding: 30px; border: solid 3px #c3e8d8; box-sizing: border-box;}
.nextyear .ttl{ font-weight: bold; font-size: 30px; margin-bottom: 20px; font-feature-settings: "palt"; letter-spacing: 0.05em; color: #ec6d56; display: inline-block; background-image: linear-gradient(0deg, #FFFFA4 19.44%, transparent 19.44%, transparent 50%, #FFFFA4 50%, #FFFFA4 69.44%, transparent 69.44%, transparent 100%); background-size: 100% 3.5em;}
.nextyear .txt{ font-size: 18px; margin-bottom: 20px;}
.nextyear .txt span{ font-weight: bold; font-size: 18px; font-feature-settings: "palt"; letter-spacing: 0.05em; color: #ec6d56;}


.bg-yellow{ background-image: url(../images/bg-y.jpg); background-repeat: repeat; background-position: center top; box-sizing: border-box; padding: 80px 60px;}
.bg-yellow > .l-section-title{ margin-top: 0;}
.bg-yellow > .l-section-title .heading{ margin-top: 0;}
.bg-yellow > .l-section-title .ttl{ margin-top: 0;}
.debut-fee-catch01{ display: flex; gap: 40px; justify-content: center; align-items: bottom; text-align: center; font-weight: bold; font-size: calc(20px * 0.8); color: #1EAC4B; line-height: 2; margin: 0 auto 15px;}
.debut-fee-catch01 span{ display: inline-block;}
.debut-fee-catch01 b{ display: block; font-size: 20px; }
.debut-fee-catch01::before{ content: ""; display: block; width: 2px; height: 55px; background-color: #1EAC4B; transform: rotate(-30deg) translateY(10px);}
.debut-fee-catch01::after{ content: ""; display: block; width: 2px; height: 55px; background-color: #1EAC4B; transform: rotate(30deg) translateY(10px);}
.debut-fee-catch02{ display: flex; gap: 40px; justify-content: center; align-items: bottom; text-align: center; font-weight: bold; font-size: calc(20px * 1.8); color: #ec6d56; line-height: 2; margin: 0 auto;}
.debut-fee-catch02 span{ display: inline-block;letter-spacing: 0.15em;}
.debut-fee-catch02::before{ content: ""; display: block; width: 2px; height: 55px; background-color: #ec6d56; transform: rotate(-30deg) translateY(10px);}
.debut-fee-catch02::after{ content: ""; display: block; width: 2px; height: 55px; background-color: #ec6d56; transform: rotate(30deg) translateY(10px);}
.ribbonBox{ background-image: url(../images/bg-ribbon-pc.svg); background-repeat: no-repeat; background-position: center center;  box-sizing: border-box; padding: 20px 0; width: 740px; height: 100px; display: flex; flex-direction: column; justify-content: center; margin: 0 auto 30px; text-align: center; color: #2EA7E0; font-weight: bold; font-size: 26px;}
.ribbonBox p:nth-child(2){ font-size: 80%}

.flex-type01{ display: flex; gap: 50px;}
.flex-type01 figure{ width: 450px;}
.flex-type01 .flex-type01-text{ width: calc(100% - 450px - 50px);}
.flex-type01 .pop{ width: 90px; margin-bottom: 5px;}
.flex-type01 .skyblue{ font-size: 18px; line-height: 1.8; color: #2EA7E0; margin-bottom: 30px; font-weight: bold;}
.flex-type01 .fee-ticket > .btn-ticket{ margin: 0;}
.flex-type01 .fee-ticket > .btn-ticket a{ background-color: #68B4AD;}
.bgWhiteBox{ box-sizing: border-box; padding: 50px; border-radius: 50px; background-color: #fff; margin-top: 60px;}

.heading p.ttl .green{ display: block; font-size: 22px; background-color: #1EAC4B; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin: 30px auto 0;}
.heading.small{ margin: 100px auto 60px;}
.heading.small p.ttl{ font-size: 30px !important;}
.heading.small p.ttl-sub{ font-size: 24px !important;}
.okBox + .table-green, .table-blue, .table-pink{ margin-top: 30px;}
.cel2 th{ background-color: #f7f7f7 !important;}
.cel2 td{ text-align: left !important; border-bottom: 1px solid #00a040 !important; padding-left: 20px !important; padding-right: 20px !important;}
.program-caution-box-pageinner{ background-color: #F9F9F9; width: 100%; box-sizing: border-box; padding: 25px 30px; }
.program-caution-box-pageinner .lead{ font-size: 16px; line-height: 2;}
.subpage-desc:last-child{ margin-bottom: 0;}

.debut-step .inner-debut-step01:nth-child(odd){ background-image: url(../images/bg-b.jpg); background-repeat: repeat; background-position: center top; }
.debut-step .inner-debut-step01:nth-child(even){ background-image: url(../images/bg-g.jpg); background-repeat: repeat; background-position: center top; }
.debut-step-ttlBox{ width: 100%; position: relative; min-height: 120px; display: flex; align-items: center; gap: 50px;}
.debut-step-ttlBox .stepIcon{ width: 120px; height: 120px;}
.debut-step-ttlBox h2{ text-align: center; }
.debut-step-ttlBox h2 > span{ display: inline-block; background-image: linear-gradient(0deg, #FFFFA4 19.44%, transparent 19.44%, transparent 50%, #FFFFA4 50%, #FFFFA4 69.44%, transparent 69.44%, transparent 100%); line-height: 2; background-size: 100% 3.5em ; font-size: 26px;}
.debut-step-ttlBox h2 > span > span{ font-size: 60%;}
.debut-step .inner-debut-step01:nth-child(odd) .debut-step-ttlBox h2{ color: #2EA7E0;}
.debut-step .inner-debut-step01:nth-child(even) .debut-step-ttlBox h2{ color: #008272;}
.inner-debut-step02{ box-sizing: border-box; padding: 40px 60px 80px; display: flex; gap: 45px; }
.inner-debut-step02 figure{ width: 350px;}
.inner-debut-step02 .textBox{ width: calc(100% - 350px - 45px);}
.inner-debut-step02 .textBox .subpage-desc:first-child{ margin-top: 0;}
.inner-debut-step02 .textBox .subpage-desc:last-child{ margin-bottom: 0;}
.debut-step .inner-debut-step01:nth-child(odd) .textBox .subpage-desc b{ color: #EC6D56; }
.debut-step .inner-debut-step01:nth-child(even) .textBox .subpage-desc b{ color: #008272; }
.inner-debut-step02 .textBox > .caution{ margin-top: 20px;}
.inner-debut-step02 .textBox > .caution > span{ text-indent: -1em; padding-left: 1em; display: block; font-size: 14px; line-height: 1.6; }
.inner-debut-step02 .fee-ticket > .btn-ticket{ margin: 40px 0 0; max-width: 100%;}
.inner-debut-step02 .fee-ticket > .btn-ticket a{ background-color: #68B4AD;}

.numList{ font-size: 16px; line-height: 2; display: flex; flex-wrap: wrap; gap: 25px; }
.numList li{ padding-left: 35px; position: relative; width: 100%; box-sizing: border-box;}
.debut-step .inner-debut-step01:nth-child(odd) .numList li:nth-child(1):before{ background-image: url(../images/no-b01.png);}
.debut-step .inner-debut-step01:nth-child(odd) .numList li:nth-child(2):before{ background-image: url(../images/no-b02.png);}
.debut-step .inner-debut-step01:nth-child(odd) .numList li:nth-child(3):before{ background-image: url(../images/no-b03.png);}
.debut-step .inner-debut-step01:nth-child(even) .numList li:nth-child(1):before{ background-image: url(../images/no-g01.png);}
.debut-step .inner-debut-step01:nth-child(even) .numList li:nth-child(2):before{ background-image: url(../images/no-g02.png);}
.numList li::before{ content: ""; display: block; width: 25px; height: 25px; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; position: absolute; top: 1em; transform: translateY(-50%); left: 0; }
.numList li .caution{ text-indent: -1em; padding-left: 1em; display: block; font-size: 15px;} 
.numList li a{ color: #2EA7E0; font-weight: bold; text-decoration: underline;}

.accordion-description .l-button{ padding-bottom: 40px;}

.linkBnrList{ margin: 80px auto 0; display: flex; gap: 20px; flex-wrap: wrap;}
.linkBnrList a{ display: block;}


.fee-ticket:has( + .registrationBox){ width: 700px; margin: 120px auto 60px;}
.fee-ticket:has( + .registrationBox) a{ background-color: #68B4AD;}
.registrationBox{ background-image: url(../images/bg-g.jpg); background-repeat: repeat; background-position: center top; padding: 60px; box-sizing: border-box; margin: 0 auto 150px;}
.registrationBox .ttl{ margin: 0 auto 40px; text-align: center;}
.registrationBox .ttl span{ display: inline-block; background-image: linear-gradient(0deg, #FFFFA4 19.44%, transparent 19.44%, transparent 50%, #FFFFA4 50%, #FFFFA4 69.44%, transparent 69.44%, transparent 100%); line-height: 2; background-size: 100% 3.5em; font-size: 26px; font-weight: bold; color: #008272;}
.registrationBox .lead{ text-align: center; line-height: 2; font-size: 16px; margin: 0 auto 50px;}
.registrationBox .subttl{ font-weight: bold; font-size: 22px; color: #008272; text-align: center; margin: 0 auto 30px;}
.numList{ font-size: 16px; line-height: 2; display: flex; flex-wrap: wrap; gap: 25px; }
.numList li{ padding-left: 35px; position: relative; width: 100%; box-sizing: border-box;}
.registrationBox .numList li:nth-child(1):before{ background-image: url(../images/no-g01.png);}
.registrationBox .numList li:nth-child(2):before{ background-image: url(../images/no-g02.png);}
.registrationBox .numList li:nth-child(3):before{ background-image: url(../images/no-g03.png);}
.registrationBox > .caution{ margin-top: 20px;}
.registrationBox > .caution > span{ text-indent: -1em; padding-left: 1em; display: block; font-size: 14px; line-height: 1.6; }

ul.qabutton{ position:relative; display: flex; width: 100%; box-sizing: border-box;}
li.button01 { background-color: #058998; color: #fff; padding: 10px 40px; text-decoration: none; margin: 0 5px; font-size: 18px; font-weight: bold; border-radius: 35px;}
li.button01 a { color: #fff;}
li.button01:hover { color: #fff; opacity: 0.8;}

#debut-attraction.fee-section ul { display: flex; flex-wrap: wrap; justify-content: flex-start;}
#debut-attraction.fee-section ul li { width: 320px; margin: 50px 25px 0 0;}
#debut-attraction.fee-section ul li:nth-child(-n+3) { margin-top: 0;}
#debut-attraction.fee-section ul li:nth-child(3n), #debut-attraction.fee-section ul li:last-child { margin-right: 0;}
#debut-attraction.fee-section ul li a { display: block; text-decoration: none; color: #058998;}
#debut-attraction.fee-section ul li a .img { margin-bottom: 15px; position: relative; overflow: hidden;border-radius: 15px;}
#debut-attraction.fee-section ul li a .img img { width: 100%; display: block;transition:0.3s;}
#debut-attraction.fee-section ul li a .img img:hover { transform:scale(1.1);}
#debut-attraction.fee-section ul li p.text{  position: relative; display: block; width: 100%; text-align: center; font-size: 18px; font-weight: 600;}
#debut-attraction.fee-section ul li p.text span{ display: block; font-size: 14px; font-weight: 400;}

.heading.simpletitle { font-size: 14px; font-size: 32px; font-weight: normal; margin: 120px auto 50px;}
.heading.simpletitle .heading-subtext { width: 100%; height: auto; font-family: "Noto Serif JP", serif; letter-spacing: 0.15em; font-weight: 600;}

#debut-point .debut-benefits { display: flex; flex-wrap: wrap; gap: 80px; margin-bottom: 50px;}
#debut-point .debut-benefits .media-left { order: 3; max-width: 100%; margin: 0 auto 20px;}
#debut-point .debut-benefits .media-left .media-thumb { aspect-ratio: 370 / 217; width: 100%; height: auto;}
#debut-point .debut-benefits .u-clear { flex-wrap: wrap; flex-direction: column; max-width: calc(988px + 110px); margin-bottom: 0;}
#debut-point .debut-benefits .u-clear:nth-child(1)::after { background-image: url(../images/icon-point01.png);}
#debut-point .debut-benefits .u-clear:nth-child(2)::after { background-image: url(../images/icon-point02.png);}
#debut-point .debut-benefits .u-clear:nth-child(3)::after { background-image: url(../images/icon-point03.png);}
#debut-point .debut-benefits .u-clear:nth-child(4)::after { background-image: url(../images/icon-point04.png);}
#debut-point .debut-benefits .u-clear:nth-child(5)::after { background-image: url(../images/icon-point05.png);}
#debut-point .debut-benefits .u-clear::after { content: ""; display: block; width: 80px; height: 80px; margin: 0 auto 15px; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: 2; order: 1;}
#debut-point .debut-benefits .media-right { display: contents;}
#debut-point .debut-benefits .media-right .media-title { text-align: center; margin: 0 auto 20px; order: 2; font-size: 24px;}
#debut-point .debut-benefits .media-right .media-title span { background-size: 100% 2em;}
#debut-point .debut-benefits .inner-media-right { width: 100%; order: 4;}
#debut-point .debut-benefits .inner-media-right .media-desc { text-align: center;}


.half-center{width: 50%; margin: 0 auto 20px;}

@media (width <= 750px) {
  .debut-mv{ position: relative;}
  .debut-mv figure{ aspect-ratio: 579 / 640; min-height: 0; margin-bottom: 20px;}
  .debut-mv figure img.sp{ display: block;}
  .debut-mv figure img.pc{ display: none;}
  .debut-mv-text{ position: relative; top: auto; left: auto; display: block; padding-bottom: 0; background-image: url(../images/bg-ttl-sp.png), url(../images/bg-catch-sp.png); background-size: 85%; background-repeat: no-repeat; background-position: center top, center bottom; padding-bottom: 13%;}
  .debut-mv-text .heading{ margin: 0 auto 50px;}
  .debut-mv-text .heading-wrap.heading-pickup{ margin-bottom: 0;}
  .debut-mv-text .heading-wrap.heading-pickup .heading-subtext{ filter: none; font-size: 26px; height: auto;}
  .debut-mv-text .inner-debut-mv-text .mvCatch{ font-size: 16px; margin-bottom: 20px; }
  .debut-mv-text .inner-debut-mv-text .mvCatch span{ display: block; font-size: 11px;}
  .debut-mv-text .inner-debut-mv-text .mvMainList{ font-size: 22px; filter: none;}
  .debut-mv-text .inner-debut-mv-text .mvMainList li span,
  .debut-mv-text .inner-debut-mv-text .mvMainList li sup{ font-size: 70%; }
  .debut-mv-text .inner-debut-mv-text .mvMainList li span{ display: block; margin-top: 10px;}
  
  .subpage-inner{ margin-top: 30px;}
  .page-fee .fee-section{ margin-top: 30px;}

  .debut-main-title{ background-image: none; min-height: 0;}
  .heading.debut p.ttl{ font-size: 26px;}

  .identification{ text-align: center; margin: 30px auto 20px; background-color: #f7f7f7; padding: 15px 20px; border: solid 3px #ec6d56; box-sizing: border-box;}
  .identification .attention{ font-weight: bold; font-size: 14px; margin-bottom: 10px;  font-feature-settings: "palt"; letter-spacing: 0.05em; line-height: 1.8;}
  .identification .attention span{ font-size: 20px; color: #ec6d56; display: inline-block; background-image: linear-gradient(0deg, #FFFFA4 19.44%, transparent 19.44%, transparent 50%, #FFFFA4 50%, #FFFFA4 69.44%, transparent 69.44%, transparent 100%); background-size: 100% 3.5em; margin: 0 8px;}
  .identification .caution{ font-size: 11px; line-height: 1.6;}
  
  .nextyear{ text-align: center; margin: 30px auto 20px; background-color: #f7f7f7; padding: 15px 20px; border: solid 3px #c3e8d8; box-sizing: border-box;}
  .nextyear .ttl{ font-weight: bold; font-size: 14px; margin-bottom: 10px;  font-feature-settings: "palt"; letter-spacing: 0.05em; line-height: 1.8;}
  .nextyear .ttl span{ font-size: 20px; color: #ec6d56; display: inline-block; background-image: linear-gradient(0deg, #FFFFA4 19.44%, transparent 19.44%, transparent 50%, #FFFFA4 50%, #FFFFA4 69.44%, transparent 69.44%, transparent 100%); background-size: 100% 3.5em; margin-bottom: 10px; font-feature-settings: "palt"; letter-spacing: 0.05em; line-height: 1.8;}
  .nextyear .txt{ font-size: 11px; line-height: 1.6; margin: 0 auto;}
  .nextyear .txt span{font-weight: bold; font-size: 11px; line-height: 1.6; color: #ec6d56;}

  .bg-yellow{ background-image: url(../images/bg-y.jpg); background-repeat: repeat; background-position: center top; box-sizing: border-box; padding: 30px 20px;}
  .bg-yellow > .l-section-title{ margin-top: 0;}
  .bg-yellow > .l-section-title .heading{ margin-top: 0; margin-bottom: 20px;}
  .bg-yellow > .l-section-title .ttl{ margin-top: 0;}
  .debut-fee-catch01{ display: flex; gap: 20px; font-size: calc(14px * 0.8); margin: 0 auto 15px;}
  .debut-fee-catch01 span{ display: inline-block;}
  .debut-fee-catch01 b{ display: block; font-size: 14px; }
  .debut-fee-catch01::before{ content: ""; display: block; width: 2px; height:35px; }
  .debut-fee-catch01::after{ content: ""; display: block; width: 2px; height: 35px; }
	
  .debut-fee-catch02{ display: flex; gap: 20px; font-size: calc(14px * 1.6); margin: 0 auto;}
  .debut-fee-catch02 span{ display: inline-block; letter-spacing: 0.05em;}
  .debut-fee-catch02 b{ display: block; font-size: 14px; }
  .debut-fee-catch02::before{ content: ""; display: block; width: 2px; height:35px; }
  .debut-fee-catch02::after{ content: ""; display: block; width: 2px; height: 35px; }
  .ribbonBox{ background-image: url(../images/bg-ribbon-sp.svg); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; box-sizing: border-box; padding: 20px 0; aspect-ratio: 600 / 160; width: 100%; height: auto; max-height: 100px; display: flex; flex-direction: column; justify-content: center; margin: 0 auto 15px; text-align: center; color: #2EA7E0; font-weight: bold; font-size: 15px;}
  
  .flex-type01{ display: flex; flex-wrap: wrap; gap: 20px;}
  .flex-type01 figure{ width: 100%;}
  .flex-type01 figure img{ max-width: 350px; margin: 0 auto;}
  .flex-type01 .flex-type01-text{ width: 100%;}
  .flex-type01 .pop{ width: min(30vw, 70px); margin-bottom: 5px;}
  .flex-type01 .skyblue{ font-size: 14px; line-height: 1.8; color: #2EA7E0; margin-bottom: 20px; font-weight: bold;}
  .flex-type01 .fee-ticket > .btn-ticket{ margin: 0;}
  .flex-type01 .fee-ticket > .btn-ticket a{ background-color: #68B4AD;}
  .bgWhiteBox{ box-sizing: border-box; padding: 20px; border-radius: 20px; background-color: #fff; margin-top: 20px;}
  
  .heading p.ttl .green{ font-size: 14px; margin: 10px auto 0;}
  .heading.small{ margin: 50px auto 20px;}
  .heading.small p.ttl{ font-size: 24px !important;}
  .heading.small p.ttl-sub{ font-size: 18px !important;}
  .okBox + .table-green, .table-blue, .table-pink{ margin-top: 10px;}
  .cel2 th{ background-color: #f7f7f7 !important; width: 8em !important;}
  .cel2 td{ text-align: left !important; border-bottom: 1px solid #00a040 !important; padding-left: 20px !important; padding-right: 20px !important;}
  .program-caution-box-pageinner{ background-color: #F9F9F9; width: 100%; box-sizing: border-box; padding: 25px 30px; }
  .program-caution-box-pageinner .lead{ font-size: 16px; line-height: 2;}
  .subpage-desc:last-child{ margin-bottom: 0;}
  
  .debut-step .inner-debut-step01:nth-child(odd){ background-image: url(../images/bg-b.jpg); background-repeat: repeat; background-position: center top; }
  .debut-step .inner-debut-step01:nth-child(even){ background-image: url(../images/bg-g.jpg); background-repeat: repeat; background-position: center top; }
  .debut-step-ttlBox{ width: 100%; position: relative; min-height: 0; display: flex; align-items: flex-start; gap: 20px; }
  .debut-step-ttlBox .stepIcon{ width: min(15vw, 80px); height: min(15vw, 80px);}
  .debut-step-ttlBox h2{ text-align: left; line-height: 1.4; padding-top: 15px;}
  .debut-step-ttlBox h2 > span{ display: inline; background-image: linear-gradient(0deg, #FFFFA4 19.44%, transparent 19.44%, transparent 50%, #FFFFA4 50%, #FFFFA4 69.44%, transparent 69.44%, transparent 100%); line-height: 2; background-size: 100% 3.5em ; font-size: 15px;}
  .debut-step-ttlBox h2 > span > span{ font-size: 60%;}
  .inner-debut-step02{ box-sizing: border-box; padding: 20px 20px 40px; display: flex; flex-wrap: wrap; gap: 25px; }
  .inner-debut-step02 figure{ width: 100%}
  .inner-debut-step02 .textBox{ width: 100%;}
  .inner-debut-step02 .textBox .subpage-desc:first-child{ margin-top: 0;}
  .inner-debut-step02 .textBox .subpage-desc:last-child{ margin-bottom: 0;}
  .inner-debut-step02 .textBox > .caution{ margin-top: 10px;}
  .inner-debut-step02 .textBox > .caution > span{ text-indent: -1em; padding-left: 1em; display: block; font-size: 11px; line-height: 1.6; }
  .inner-debut-step02 .fee-ticket > .btn-ticket{ margin: 20px 0 0;}
  
  .numList{ font-size: 13px; line-height: 2; display: flex; flex-wrap: wrap; gap: 10px; }
  .numList li{ padding-left: 30px; position: relative; width: 100%; box-sizing: border-box;}
  .debut-step .inner-debut-step01:nth-child(odd) .numList li:nth-child(1):before{ background-image: url(../images/no-b01.png);}
  .debut-step .inner-debut-step01:nth-child(odd) .numList li:nth-child(2):before{ background-image: url(../images/no-b02.png);}
  .debut-step .inner-debut-step01:nth-child(odd) .numList li:nth-child(3):before{ background-image: url(../images/no-b03.png);}
  .debut-step .inner-debut-step01:nth-child(even) .numList li:nth-child(1):before{ background-image: url(../images/no-g01.png);}
  .debut-step .inner-debut-step01:nth-child(even) .numList li:nth-child(2):before{ background-image: url(../images/no-g02.png);}
  .numList li::before{ content: ""; display: block; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; position: absolute; top: 1em; transform: translateY(-50%); left: 0; }
  .numList li .caution{ text-indent: -1em; padding-left: 1em; display: block; font-size: 12px;} 
  
  .accordion-description .l-button{ padding-bottom: 20px;}
  
  .linkBnrList{ margin: 50px auto 0; display: flex; gap: 15px; flex-wrap: wrap;}
  .linkBnrList a{ display: block;}

.fee-ticket:has( + .registrationBox){ width: 100%; margin: 50px auto 30px;}
.fee-ticket:has( + .registrationBox) a{ background-color: #68B4AD;}
.registrationBox{ background-image: url(../images/bg-g.jpg); background-repeat: repeat; background-position: center top; padding: 40px 20px; box-sizing: border-box; margin: 0 auto 150px;}
.registrationBox .ttl{ margin: 0 auto 20px; text-align: center;}
.registrationBox .ttl span{ display: inline-block; background-image: linear-gradient(0deg, #FFFFA4 19.44%, transparent 19.44%, transparent 50%, #FFFFA4 50%, #FFFFA4 69.44%, transparent 69.44%, transparent 100%); line-height: 2; background-size: 100% 3.5em; font-size: 15px; font-weight: bold; color: #008272;}
.registrationBox .lead{ text-align: left; line-height: 2; font-size: 12px; margin: 0 auto 30px;}
.registrationBox .subttl{ font-weight: bold; font-size: 14px; color: #008272; text-align: center; margin: 0 auto 10px;}
.registrationBox .numList li:nth-child(1):before{ background-image: url(../images/no-g01.png);}
.registrationBox .numList li:nth-child(2):before{ background-image: url(../images/no-g02.png);}
.registrationBox .numList li:nth-child(3):before{ background-image: url(../images/no-g03.png);}
.registrationBox > .caution{ margin-top: 10px;}
.registrationBox > .caution > span{ text-indent: -1em; padding-left: 1em; display: block; font-size: 11px; line-height: 1.6; }

ul.qabutton{ position:relative; display: flex; width: 100%; box-sizing: border-box; flex-wrap: wrap;}
li.button01 {width: 47%; background-color: #058998; color: #fff; padding: 10px; text-decoration: none; margin: 10px 5px; font-size: 12px; font-weight: bold; border-radius: 35px;}
li.button01 a { color: #fff;}
li.button01:hover { color: #fff; opacity: 0.8;}

#debut-attraction.fee-section ul { display:contents;}
#debut-attraction.fee-section ul li { width: 80%; margin: 40px auto 5px;}
#debut-attraction.fee-section ul li:nth-child(-n+3) { margin-top: 25px;}
#debut-attraction.fee-section ul li:nth-child(3n), #debut-attraction.fee-section ul li:last-child { margin-right: auto;}
#debut-attraction.fee-section ul li a { display: block; text-decoration: none; color: #058998;}
#debut-attraction.fee-section ul li a .img { margin-bottom: 15px; position: relative; overflow: hidden;border-radius: 15px;}
#debut-attraction.fee-section ul li a .img img { width: 100%; display: block;transition:0.3s;}
#debut-attraction.fee-section ul li a .img img:hover { transform:scale(1.1);}
#debut-attraction.fee-section ul li p.text{  position: relative; display: block; width: 100%; text-align: center; font-size: 18px; font-weight: 600;}
#debut-attraction.fee-section ul li p.text span{ display: block; font-size: 14px; font-weight: 400;}

#debut-point .debut-benefits{ display: flex; flex-wrap: wrap; gap: 40px}
#debut-point .debut-benefits .media-left{ width: 100%; margin: 0 auto 20px;}
#debut-point .debut-benefits .media-left .media-thumb{ aspect-ratio: 370 / 217; width: 100%; height: auto;}
#debut-point .debut-benefits .u-clear::after{ width: 60px; height: 60px; margin: 0 auto 10px; }
#debut-point .debut-benefits .media-right .media-title{ text-align: center; margin: 0 auto 20px; order: 2; font-size: 16px; }
#debut-point .debut-benefits .media-right .media-title span{ background-size: 100% 2em;}
#debut-point .debut-benefits .inner-media-right{ width: 100%; order: 4;}
#debut-point .debut-benefits .inner-media-right .media-desc{ text-align: center;}
	
.half-center{width: 70%; margin: 20px auto 30px;}
}