@charset "UTF-8";
.only-pc { display: block; }
@media screen and (max-width: 640px) { .only-pc { display: none; } }

.only-sp { display: none; }
@media screen and (max-width: 640px) { .only-sp { display: block; } }

.mab0 { margin-bottom: 0 !important; }

#hotaru { color: #fff; font-size: 1.6rem; line-height: 1.6; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
#hotaru * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-break: break-all; }
#hotaru a { text-decoration: underline; }
#hotaru img { vertical-align: middle; }
#hotaru figure { margin: 0; }

@media screen and (max-width: 640px) { #head_title { width: 96%; } }

.font-min { font-family: YuMincho, Yu Mincho, serif; }

.hotaru-bg { padding-bottom: 60px; background: url("../img/feature/hotaru/main_bg001.png") no-repeat center top; }
@media screen and (max-width: 640px) { .hotaru-bg { background: url("../img/feature/hotaru/sp/main_bg001.png") no-repeat center top; background-size: cover; } }

.hotaru-heading { font-size: 4rem; color: #e5ff76; text-align: center; font-weight: 400; }
@media screen and (max-width: 640px) { .hotaru-heading { font-size: 3rem; } }

.hotaru-subheading { font-size: 2.4rem; text-align: center; font-weight: 400; }

.hotaru-in { max-width: 954px; margin: 0 auto; }

.shadow { box-shadow: 0px 0px 30px 10px #58601c; }
@media screen and (max-width: 640px) { .shadow { box-shadow: 0px 0px 10px 5px #58601c; } }

.shadow-line { box-shadow: 0px 0px 10px 5px #58601c; }

.hotaru-btn { display: block; text-decoration: none !important; color: #000; width: 100%; margin: 0 auto; padding: 20px 10px; background: #d8ff34 url("../img/feature/hotaru/btn_i001.png") no-repeat right 20px center; text-align: center; font-weight: 700; line-height: 1; }
.hotaru-btn.hotaru-btn-l { width: 450px; }
@media screen and (max-width: 640px) { .hotaru-btn.hotaru-btn-l { width: 100%; } }

.line-sec .hotaru-in { height: 3px; }

.top-sec { padding: 70px 0 80px; font-size: 2rem; text-align: center; line-height: 2; }
@media screen and (max-width: 640px) { .top-sec { line-height: 1.8; } }
.top-sec a.hotaru-btn { width: 600px; margin-top: 1em; }
@media screen and (max-width: 640px) { .top-sec a.hotaru-btn { width: 100%; padding-right: 2.5em; } }
.top-sec a.line-btn { margin-bottom: 1em; color: #fff; background: #06c755 url(../img/feature/hotaru/btn_i002.png) no-repeat right 20px center; }
.top-sec .top-box01 { width: 600px; margin: 0 auto; }
@media screen and (max-width: 640px) { .top-sec .top-box01 { width: 100%; } }
.top-sec .top-box01 .hotaru-btn { width: 295px; padding-right: 2em; margin-top: 0; }
@media screen and (max-width: 640px) { .top-sec .top-box01 .hotaru-btn { width: 100%; float: none !important; margin-top: 1em; } }

.event-sec { margin-bottom: 70px; }
.event-sec .hotaru-in { padding: 80px 0 90px; }
@media screen and (max-width: 640px) { .event-sec .hotaru-in { padding: 40px 20px; } }
.event-sec .hotaru-heading { margin-bottom: 40px; }
.event-sec .event-con { display: flex; justify-content: space-between; }
@media screen and (max-width: 640px) { .event-sec .event-con { display: block; } }
.event-sec .event-fig { width: 45.4926624738%; margin-top: 40px; margin-left: 30px; }
@media screen and (max-width: 640px) { .event-sec .event-fig { width: 100%; margin-top: 0; margin-left: 0; margin-bottom: 20px; } }
.event-sec .event-fig figcaption { margin-top: 30px; }
@media screen and (max-width: 640px) { .event-sec .event-fig figcaption { margin-top: 10px; } }
.event-sec .event-fig figcaption a { color: #d8ff34; }
.event-sec .event-box { width: 46.6457023061%; }
@media screen and (max-width: 640px) { .event-sec .event-box { width: 100%; } }
.event-sec .event-box p { line-height: 1.8; }
.event-sec .event-box p:first-child { margin-bottom: 20px; }
.event-sec .event-box p span { font-size: 2rem; }
.event-sec .event-box figure { margin: 5px 0 10px; }

.lnav { margin-bottom: 25px; }
.lnav ul { display: flex; align-items: flex-end; justify-content: center; }
.lnav ul li { margin: 0 50px; }
@media screen and (max-width: 640px) { .lnav ul li { margin: 0 10px; } }

.enjoy-sec { padding-top: 105px; padding-bottom: 170px; }
@media screen and (max-width: 640px) { .enjoy-sec { padding-top: 60px; padding-bottom: 60px; } }
.enjoy-sec .hotaru-heading { margin-bottom: 20px; }
.enjoy-sec .hotaru-subheading { margin-bottom: 25px; }
@media screen and (max-width: 640px) { .enjoy-sec .hotaru-subheading { margin-bottom: 40px; } }
.enjoy-sec .enjoy-box { margin-bottom: 30px; line-height: 1.8; }
@media screen and (max-width: 640px) { .enjoy-sec .enjoy-box { display: block; margin: 0 0 40px; } }
.enjoy-sec .enjoy-box figure { text-align: center; margin: 20px 0 !important; }
.enjoy-sec .enjoy-course { position: relative; }
.enjoy-sec .enjoy-course .enjoy-course-con { position: absolute; max-width: 450px; background: rgba(0, 0, 0, 0.4); }
@media screen and (max-width: 640px) { .enjoy-sec .enjoy-course .enjoy-course-con { position: static; max-width: 100%; margin-top: 60px; background: #000; } }
.enjoy-sec .enjoy-course .enjoy-course-box { position: relative; }
.enjoy-sec .enjoy-course .enjoy-course-box .enjoy-course-icon { position: absolute; top: -50px; left: 15px; }
.enjoy-sec .enjoy-course .enjoy-course-box .enjoy-course-ttl { position: absolute; top: -30px; right: 30px; }
.enjoy-sec .enjoy-course .enjoy-course-box .enjoy-course-heading { margin-bottom: 30px; font-size: 2.8rem; font-weight: 400; line-height: 1.4; }
.enjoy-sec .enjoy-course .enjoy-course-box .enjoy-course-heading small { font-size: 2rem; }
.enjoy-sec .enjoy-course .enjoy-course-box .enjoy-course-txt { line-height: 2; }
.enjoy-sec .enjoy-course-01 { margin-bottom: 150px; }
@media screen and (max-width: 640px) { .enjoy-sec .enjoy-course-01 { margin-bottom: 60px; } }
.enjoy-sec .enjoy-course-01 figure { text-align: right; }
.enjoy-sec .enjoy-course-01 .enjoy-course-con { top: 65px; left: 10px; }
.enjoy-sec .enjoy-course-01 .enjoy-course-box { padding: 60px 40px 30px 45px; }
@media screen and (max-width: 640px) { .enjoy-sec .enjoy-course-01 .enjoy-course-box { padding: 40px 20px; } }
.enjoy-sec .enjoy-course-02 figcaption { margin-top: 20px; }
.enjoy-sec .enjoy-course-02 .enjoy-course-con { top: 40px; right: 0; }
.enjoy-sec .enjoy-course-02 .enjoy-course-box { padding: 60px 45px 30px 55px; }
@media screen and (max-width: 640px) { .enjoy-sec .enjoy-course-02 .enjoy-course-box { padding: 40px 20px; } }
.enjoy-sec .ticket-top .ticket-con { display: flex; justify-content: center; margin: 30px 0 50px ; }
@media screen and (max-width: 640px) { .enjoy-sec .ticket-top .ticket-con { display: block; } }
@media screen and (max-width: 640px) { .enjoy-sec .ticket-top .ticket-con figure { text-align: center; margin-bottom: 30px !important;  } }
.enjoy-sec .ticket-top .ticket-box { margin-left: 10%; }
@media screen and (max-width: 640px) { .enjoy-sec .ticket-top .ticket-box { margin-left: 0; } } }
.enjoy-sec .ticket-top .ticket-txt { font-size: 2rem; }
@media screen and (max-width: 640px) { .enjoy-sec .ticket-top .ticket-txt { text-align: center; } }
.enjoy-sec .ticket-top .ticket-txt span.ticket-span01 { font-size: 3rem; }
.enjoy-sec .ticket-top .ticket-txt span.ticket-span02 { font-size: 1.8rem; }

.corona-sec { padding-top: 75px; padding-bottom: 85px; }
@media screen and (max-width: 640px) { .corona-sec { padding-top: 60px; padding-bottom: 60px; } }
.corona-sec .hotaru-heading { margin-bottom: 10px; }
.corona-sec .hotaru-subheading { margin-bottom: 50px; }
.corona-sec .corona-heading { position: relative; font-size: 3rem; font-weight: 400; text-align: center; }
.corona-sec .corona-heading::before { content: ''; position: absolute; bottom: -40px; left: 50%; width: 240px; height: 21px; margin-left: -120px; background: url("../img/feature/hotaru/corona_rece_bg001.png") no-repeat center bottom; }
.corona-sec .corona-nav { display: flex; max-width: 910px; margin: 0 auto 60px; }
@media screen and (max-width: 640px) { .corona-sec .corona-nav { flex-wrap: wrap; } }
.corona-sec .corona-nav li { width: 210px; height: 210px; margin-right: 23px; border: 4px solid #000; border-radius: 5px; }
@media screen and (max-width: 640px) { .corona-sec .corona-nav li { width: 48%; margin-right: 4%; margin-bottom: 6%; }
  .corona-sec .corona-nav li:nth-child(2n) { margin-right: 0; } }
.corona-sec .corona-nav li div { display: flex; align-items: center; justify-content: center; box-shadow: 0px 0px 5px 5px #58601c inset; width: 100%; height: 100%; }
.corona-sec .corona-nav li:nth-child(2) img { margin-left: -1em; }
.corona-sec .corona-nav li:last-child { margin: 0; }
.corona-sec .corona-flow { margin-bottom: 40px; }
.corona-sec .corona-flow .corona-heading { margin-bottom: 40px; }
.corona-sec .corona-flow ul { display: flex; justify-content: space-around; }
.corona-sec .corona-flow ul li { position: relative; }
.corona-sec .corona-flow ul li::after { content: ''; position: absolute; top: 50%; right: -50%; width: 46px; height: 19px; margin-top: 2rem; background: url("../img/feature/hotaru/corona_rece_i001.png") no-repeat left top; }
@media screen and (max-width: 640px) { .corona-sec .corona-flow ul li::after { width: 26px; height: 9px; background-size: cover; } }
@media screen and (max-width: 640px) { .corona-sec .corona-flow ul li:nth-child(1)::after { right: -15%; } }
@media screen and (max-width: 640px) { .corona-sec .corona-flow ul li:nth-child(2)::after { right: 0; } }
@media screen and (max-width: 640px) { .corona-sec .corona-flow ul li:nth-child(3)::after { right: -10%; } }
@media screen and (max-width: 640px) { .corona-sec .corona-flow ul li:nth-child(4)::after { right: -10%; } }
.corona-sec .corona-flow ul li:last-child::after { display: none; }
.corona-sec .corona-manner { display: flex; justify-content: space-between; margin-bottom: 100px; padding: 55px 35px 55px 55px; background-color: #242424; }
@media screen and (max-width: 640px) { .corona-sec .corona-manner { display: block; margin-bottom: 60px; padding: 40px 20px; } }
.corona-sec .corona-manner .manner-ttl { width: 250px; }
@media screen and (max-width: 640px) { .corona-sec .corona-manner .manner-ttl { width: 100%; margin-bottom: 40px; } }
.corona-sec .corona-manner .manner-ttl .hotaru-subheading { margin-bottom: 40px; text-align: left; }
@media screen and (max-width: 640px) { .corona-sec .corona-manner .manner-ttl .hotaru-subheading { text-align: center; } }
@media screen and (max-width: 640px) { .corona-sec .corona-manner .manner-ttl figure { text-align: center; } }
.corona-sec .corona-manner ol { width: 595px; }
@media screen and (max-width: 640px) { .corona-sec .corona-manner ol { width: 100%; } }
.corona-sec .corona-manner ol li { position: relative; margin-bottom: 30px; padding-left: 3.8rem; text-indent: -3.8rem; }
.corona-sec .corona-manner ol li::before { content: ''; display: inline-block; vertical-align: top; margin-right: 0.5rem; }
.corona-sec .corona-manner ol li:nth-child(1)::before { width: 33px; height: 21px; background: url("../img/feature/hotaru/corona_ma_tx001.png") no-repeat left top; }
.corona-sec .corona-manner ol li:nth-child(2)::before { width: 33px; height: 21px; background: url("../img/feature/hotaru/corona_ma_tx002.png") no-repeat left top; }
.corona-sec .corona-manner ol li:nth-child(3)::before { width: 33px; height: 25px; background: url("../img/feature/hotaru/corona_ma_tx003.png") no-repeat left top; }
.corona-sec .corona-manner ol li:last-child { margin-bottom: 0; }
.corona-sec .corona-manner ol li:last-child::before { width: 33px; height: 26px; background: url("../img/feature/hotaru/corona_ma_tx004.png") no-repeat left top; }
.corona-sec .corona-point .corona-heading { margin-bottom: 70px; }
.corona-sec .corona-point .point-list { display: flex; flex-wrap: wrap; }
@media screen and (max-width: 640px) { .corona-sec .corona-point .point-list { display: block; } }
.corona-sec .corona-point .point-list li { width: 445px; margin-right: 64px; margin-bottom: 45px; }
@media screen and (max-width: 640px) { .corona-sec .corona-point .point-list li { width: 100%; margin-right: 0; margin-bottom: 40px; }
  .corona-sec .corona-point .point-list li:last-child { margin-bottom: 0; } }
.corona-sec .corona-point .point-list li:nth-child(2n) { margin-right: 0; }
.corona-sec .corona-point .point-list li .point-list-box { display: flex; justify-content: space-between; padding: 50px 25px 0; }
.corona-sec .corona-point .point-list li .point-list-box p { width: 195px; }
@media screen and (max-width: 640px) { .corona-sec .corona-point .point-list li .point-list-box p { margin-left: 1.5em; } }

.market-sec { padding-top: 100px; padding-bottom: 70px; }
@media screen and (max-width: 640px) { .market-sec { padding-top: 60px; padding-bottom: 60px; } }
.market-sec .hotaru-heading { position: relative; margin-bottom: 75px; }
@media screen and (max-width: 640px) { .market-sec .hotaru-heading { margin-bottom: 40px; } }
.market-sec .hotaru-heading::before, .market-sec .hotaru-heading::after { content: ''; position: absolute; top: -55px; }
@media screen and (max-width: 640px) { .market-sec .hotaru-heading::before, .market-sec .hotaru-heading::after { top: -50px; } }
.market-sec .hotaru-heading::before { left: 40px; width: 149px; height: 147px; background: url("../img/feature/hotaru/market_i001.png") no-repeat left top; }
@media screen and (max-width: 640px) { .market-sec .hotaru-heading::before { left: 0; width: 59px; height: 57px; background-size: cover; } }
.market-sec .hotaru-heading::after { right: 100px; width: 155px; height: 147px; background: url("../img/feature/hotaru/market_i002.png") no-repeat left top; }
@media screen and (max-width: 640px) { .market-sec .hotaru-heading::after { right: 0; width: 65px; height: 57px; background-size: cover; } }
.market-sec .market-top { display: flex; justify-content: space-between; margin-bottom: 50px; }
@media screen and (max-width: 640px) { .market-sec .market-top { display: block; margin-bottom: 40px; } }
.market-sec .market-top figure { width: 55.5555555556%; }
@media screen and (max-width: 640px) { .market-sec .market-top figure { width: 100%; } }
.market-sec .market-top .market-top-box { width: 36.6876310273%; }
@media screen and (max-width: 640px) { .market-sec .market-top .market-top-box { width: 100%; margin-top: 20px; } }
.market-sec .market-top .market-top-box .box-txt { margin-bottom: 30px; line-height: 1.8; }
/*
.market-sec .market-con { background: url("../img/feature/hotaru/market_i005.png") no-repeat right top 190px; }
@media screen and (max-width: 640px) { .market-sec .market-con { padding-bottom: 30px; background-position: right bottom; background-size: 100px auto; } }
*/
.market-sec .market-con .market-box { display: flex; justify-content: center; }
@media screen and (max-width: 640px) { .market-sec .market-con .market-box { display: block; } }
.market-sec .market-con .market-heading { margin-bottom: 40px; padding: 1rem 0; background: url("../img/feature/hotaru/market_i004.png") no-repeat center top; font-size: 3rem; font-weight: 400; text-align: center; }
@media screen and (max-width: 640px) { .market-sec .market-con .market-heading { background-size: contain; font-size: 2.2rem; } }
.market-sec .market-con .con-txt { max-width: 500px; margin: 0 1em 30px 0; }
@media screen and (max-width: 640px) { .market-sec .market-con .con-txt { width: 100%; margin: 0 0 2em; } }
.market-sec .market-con .market-dl { position: relative; max-width: 500px; margin-right: 1em }
@media screen and (max-width: 640px) { .market-sec .market-con .market-dl { max-width: 100%; margin: 0 0 1em 0; } }
.market-sec .market-con .market-dl dl { display: flex; margin-bottom: 35px; align-items: baseline; }
@media screen and (max-width: 640px) { .market-sec .market-con .market-dl dl { padding: 0; } }
.market-sec .market-con .market-dl dl dt { width: 5em; font-size: 2rem; }
.market-sec .market-con .market-dl dl dd { flex: 1; }
.market-sec .market-con .market-dl .market-pre { position: absolute; top: 0; right: 0; display: flex; justify-content: center; align-items: center; width: calc(100% - 5em); height: 100%; color: #fff; font-size: 2rem; }
.market-sec .market-con .market-dl .market-pre span { font-size: 3rem; }
@media screen and (max-width: 640px) { .market-sec .market-con .market-dl .market-pre { right: 2em; } }
.market-sec .market-con .market-pre02 { font-size: 3rem; text-align: center; }

.passport-sec { padding-top: 100px; padding-bottom: 70px; }
@media screen and (max-width: 640px) { .passport-sec { padding-top: 60px; padding-bottom: 60px; } }
.passport-sec .hotaru-heading { position: relative; margin-bottom: 75px; }
@media screen and (max-width: 640px) { .passport-sec .hotaru-heading { margin-bottom: 40px; } }
.passport-sec .hotaru-heading::before, .passport-sec .hotaru-heading::after { content: ''; position: absolute; top: -55px; }
@media screen and (max-width: 640px) { .passport-sec .hotaru-heading::before, .passport-sec .hotaru-heading::after { top: -50px; } }
.passport-sec .hotaru-heading::before { left: 30px; width: 149px; height: 147px; background: url("../img/feature/hotaru/market_i001.png") no-repeat left top; }
@media screen and (max-width: 640px) { .passport-sec .hotaru-heading::before { left: 0; width: 59px; height: 57px; background-size: cover; } }
.passport-sec .hotaru-heading::after { right: 40px; width: 155px; height: 147px; background: url("../img/feature/hotaru/market_i002.png") no-repeat left top; }
@media screen and (max-width: 640px) { .passport-sec .hotaru-heading::after { right: 0; width: 65px; height: 57px; background-size: cover; } }
.passport-sec p a { color: #d8ff34; }

.info-sec { padding-top: 100px; }
@media screen and (max-width: 640px) { .info-sec { padding-top: 40px; } }
.info-sec .hotaru-heading { margin-bottom: 75px; }
@media screen and (max-width: 640px) { .info-sec .hotaru-heading { margin-bottom: 40px; } }
.info-sec .info-box { padding: 60px 40px 50px; }
@media screen and (max-width: 640px) { .info-sec .info-box { padding: 40px 20px; } }
.info-sec .info-box.info-box-01 { margin-bottom: 55px; }
.info-sec .info-box.info-box-01 .hotaru-subheading { margin-bottom: 50px; }
@media screen and (max-width: 640px) { .info-sec .info-box.info-box-01 .hotaru-subheading { margin-bottom: 40px; } }
.info-sec .info-box.info-box-01 .info-box-flex { flex-direction: row-reverse; margin-bottom: 30px; }
.info-sec .info-box.info-box-01 .info-box-flex p { width: 42.9061784897%; }
@media screen and (max-width: 640px) { .info-sec .info-box.info-box-01 .info-box-flex p { width: 100%; } }
.info-sec .info-box.info-box-01 .info-box-flex figure { width: 59.0389016018%; }
@media screen and (max-width: 640px) { .info-sec .info-box.info-box-01 .info-box-flex figure { width: 100%; } }
.info-sec .info-box.info-box-02 { margin-bottom: 50px; }
.info-sec .info-box.info-box-02 .hotaru-subheading { margin-bottom: 30px; }
.info-sec .info-box.info-box-02 .info-box-flex p { width: 68.6498855835%; }
@media screen and (max-width: 640px) { .info-sec .info-box.info-box-02 .info-box-flex p { width: 100%; } }
.info-sec .info-box.info-box-02 .info-box-flex figure { width: 30.3203661327%; }
@media screen and (max-width: 640px) { .info-sec .info-box.info-box-02 .info-box-flex figure { width: 100%; } }
.info-sec .info-box .info-box-flex { display: flex; justify-content: space-between; }
@media screen and (max-width: 640px) { .info-sec .info-box .info-box-flex { display: block; } }
.info-sec .info-box .info-box-flex p { line-height: 1.8; }
@media screen and (max-width: 640px) { .info-sec .info-box .info-box-flex p { line-height: 1.6; } }
.info-sec .info-box .info-box-flex p a { color: #d8ff34; }
@media screen and (max-width: 640px) { .info-sec .info-box .info-box-flex figure { margin-bottom: 20px !important; text-align: center; } }
.info-sec .banner { text-align: center; }

/*# sourceMappingURL=hotaru.css.map */