@charset "UTF-8";
/******************************* Preface ***************************************/
a:hover { color: #E50012; }

/********************************* body ***************************************/
body { /******************************** header **************************************/ /********************************  Main Content ******************************/ /***********************************  footer ********************************/ }

body header.header .inner { position: relative; max-width: 100%; margin: 0 auto; padding: 1rem 1rem; }

body header.header .inner .f-warp { display: flex; align-items: center; justify-content: space-between; }

body header.header .inner .f-warp .jr_logo { width: 22%; }

body header.header .inner .f-warp .netyoyaku_logo { width: 30%; }

body header.header .inner .f-warp .left-con { justify-content: flex-end; }

body header.header .inner .f-warp .left-con .header_btn { margin-right: 1rem; }

body header.header .inner .f-warp .left-con .header_btn a { font-size: .8rem; padding: .3rem 1.5rem .4rem 1.5rem; }

body .main_vi { position: relative; }

body .main_vi .mv-ttl { position: static; width: 100%; padding: 1.5rem 0; transform: translate(0); }

body .main_vi .cta-box { position: relative; width: 88%; margin: -5% auto 0 auto; }

body .main_vi .cta-box .cta-box-ttl { font-size: 1.1rem; }

body .main_vi .cta-box .cta-box-inr { max-width: 100%; margin: 0 auto; padding: 2rem 1.5rem; }

body .main_vi .cta-box .cta-box-inr .search-button { font-size: 1.1rem; padding: 1.1rem; margin-top: 1.8rem; }

body .main_vi .cta-box .cta-box-inr .p-3 { padding: 0.75rem; }

body .main_vi .cta-box .cta-box-inr .text-lg { font-size: 1.125rem; }

body .content-wrap { padding: 4rem 0; }

body .content-wrap .inner { padding: 0 1.5rem; }

body .content-wrap .inner .inner { padding: 0; }

body .content-wrap .inner.inner-l { width: 100%; max-width: 100%; margin: 0 auto; }

body .content-wrap .inner.inner-m { width: 100%; max-width: 100%; margin: 0 auto; }

body .content-wrap .inner.inner-s { width: 100%; max-width: 100%; margin: 0 auto; }

body .content-wrap h1.section-title.section-title-01, body .content-wrap h2.section-title.section-title-01, body .content-wrap h3.section-title.section-title-01, body .content-wrap h4.section-title.section-title-01, body .content-wrap h5.section-title.section-title-01, body .content-wrap h6.section-title.section-title-01 { line-height: 1.6; margin-bottom: 3.5rem; }

body .content-wrap h1.section-title.section-title-01 .ttl_icon, body .content-wrap h2.section-title.section-title-01 .ttl_icon, body .content-wrap h3.section-title.section-title-01 .ttl_icon, body .content-wrap h4.section-title.section-title-01 .ttl_icon, body .content-wrap h5.section-title.section-title-01 .ttl_icon, body .content-wrap h6.section-title.section-title-01 .ttl_icon { max-width: 100%; width: 80%; margin: 0 auto 1rem auto; }

body .content-wrap h1.section-title.section-title-01 .ttl_icon.ttl_icon_dai, body .content-wrap h2.section-title.section-title-01 .ttl_icon.ttl_icon_dai, body .content-wrap h3.section-title.section-title-01 .ttl_icon.ttl_icon_dai, body .content-wrap h4.section-title.section-title-01 .ttl_icon.ttl_icon_dai, body .content-wrap h5.section-title.section-title-01 .ttl_icon.ttl_icon_dai, body .content-wrap h6.section-title.section-title-01 .ttl_icon.ttl_icon_dai { max-width: 100%; width: 80%; }

body .content-wrap h1.section-title.section-title-01 .main, body .content-wrap h2.section-title.section-title-01 .main, body .content-wrap h3.section-title.section-title-01 .main, body .content-wrap h4.section-title.section-title-01 .main, body .content-wrap h5.section-title.section-title-01 .main, body .content-wrap h6.section-title.section-title-01 .main { display: block; font-weight: bolder; font-size: 1.4rem; margin-bottom: 1.5rem; }

body .content-wrap h1.section-title.section-title-01 .sub, body .content-wrap h2.section-title.section-title-01 .sub, body .content-wrap h3.section-title.section-title-01 .sub, body .content-wrap h4.section-title.section-title-01 .sub, body .content-wrap h5.section-title.section-title-01 .sub, body .content-wrap h6.section-title.section-title-01 .sub { display: block; }

body .content-wrap.content-wrap-intro { padding-left: 1.5rem; padding-right: 1.5rem; }

body .content-wrap.content-wrap-intro .inner-color { border-radius: 20px; padding: 3rem 0rem; }

body .content-wrap.content-wrap-intro .intro-ttl { margin-bottom: 2rem; }

body .content-wrap.content-wrap-intro .intro-txt { font-size: 1.025rem; text-align: left; }

body .content-wrap.content-wrap-intro .intro-txt .mb { margin-bottom: 1rem; }

body .content-wrap.content-wrap-intro .intro_ed { margin-top: 3rem; }

body .content-wrap.content-wrap-intro .intro_ed h4 { font-weight: bold; font-size: 1.6rem; margin-bottom: 2rem; }

body .content-wrap.content-wrap-intro .intro_ed .comparison { margin-bottom: 3rem; }

body .content-wrap.content-wrap-intro .intro_ed .charm .scene-list { display: block; }

body .content-wrap.content-wrap-intro .intro_ed .charm .scene-list .scene-item { width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 2.5rem; }

body .content-wrap.content-wrap-intro .intro_ed .charm .scene-list .scene-item:last-of-type { margin-bottom: 0; }

body .content-wrap.content-wrap-intro .intro_ed .charm .scene-list .scene-item .thm { width: 55%; margin: 0 auto; margin-bottom: 1rem; }

body .content-wrap.content-wrap-intro .intro_ed .charm .scene-list .scene-item .scene-ttl { font-weight: bold; font-size: 1.2rem; margin-bottom: 1rem; }

body .content-wrap.content-wrap-intro .intro_ed .charm .scene-list .scene-item .scene-txt { font-size: .95rem; text-align: center !important; }

body .content-wrap.content-wrap-point .point-list { display: block; }

body .content-wrap.content-wrap-point .point-list .point-item { width: 100%; margin-left: 0; margin-bottom: 1.5rem; }

body .content-wrap.content-wrap-point .point-list .point-item:last-of-type { margin-bottom: 0; }

body .content-wrap.content-wrap-point .point-list .point-item .point-item_inr { display: flex; align-items: center; padding: 1rem; }

body .content-wrap.content-wrap-point .point-list .point-item .thm { width: 16%; margin-bottom: 0; }

body .content-wrap.content-wrap-point .point-list .point-item .spcer { width: 84%; padding-left: 1.5rem; }

body .content-wrap.content-wrap-point .point-list .point-item .point-label { padding: .8rem 1rem; font-size: 1.2rem; }

body .content-wrap.content-wrap-point .point-list .point-item .point-ttl { text-align: left; font-size: 1.4rem; margin-bottom: .2rem; }

body .content-wrap.content-wrap-point .point-list .point-item .point-txt { font-size: .9rem; }

body .content-wrap.content-wrap-merit .merit-list { display: flex; flex-wrap: wrap; margin-bottom: 1rem; }

body .content-wrap.content-wrap-merit .merit-list .merit-item { width: 46%; margin-left: 0; margin-right: 8%; margin-bottom: 8%; }

body .content-wrap.content-wrap-merit .merit-list .merit-item:nth-of-type(2n) { margin-right: 0; }

body .content-wrap.content-wrap-merit .merit-list .merit-item .thm { width: 30%; margin: 0 auto; margin-bottom: .8rem; }

body .content-wrap.content-wrap-merit .merit-list .merit-item .merit-ttl { font-weight: bold; font-size: 1rem; margin-bottom: .5rem; }

body .content-wrap.content-wrap-merit .merit-list .merit-item .merit-txt { font-size: .85rem; }

body .content-wrap.content-wrap-tickets .tickets-main { display: block; }

body .content-wrap.content-wrap-tickets .tickets-main .tickets-item { width: 100%; margin-top: 8%; }

body .content-wrap.content-wrap-tickets .tickets-main .tickets-item:hover { transform: translateY(0); }

body .content-wrap.content-wrap-tickets .tickets-autro { margin-top: 3.5rem; }

body .content-wrap.content-wrap-tickets .tickets-autro .rocal-ttl { font-weight: bold; font-size: 1.25rem; margin-bottom: 1.5rem; }

body .content-wrap.content-wrap-tickets .tickets-autro .rocal-box { padding: 2rem 2rem; margin-bottom: 3.5rem; }

body .content-wrap.content-wrap-tickets .tickets-autro .rocal-box .rocal-box-ttl { font-size: 1.25rem; margin-bottom: 1rem; }

body .content-wrap.content-wrap-tickets .tickets-autro .rocal-box .txt-link { margin-top: 1rem; }

body .content-wrap.content-wrap-tickets .tickets-autro .autro-ttl { max-width: 100%; width: 76%; margin: 0 auto; }

body .content-wrap.content-wrap-tickets .tickets-autro .autro-txt { font-size: 1.1rem; margin-top: 2.5rem; }

body .content-wrap.content-wrap-scene .scene-list { display: flex; flex-wrap: wrap; margin-bottom: 1.5rem; }

body .content-wrap.content-wrap-scene .scene-list .scene-item { width: 47%; margin-left: 0; margin-right: 6%; margin-bottom: 8%; }

body .content-wrap.content-wrap-scene .scene-list .scene-item:nth-of-type(2n) { margin-right: 0; }

body .content-wrap.content-wrap-scene .scene-list .scene-item .thm { width: 90%; margin: 0 auto; margin-bottom: .8rem; }

body .content-wrap.content-wrap-scene .scene-list .scene-item .scene-ttl { font-weight: bold; font-size: 1.1rem; margin-bottom: .5rem; }

body .content-wrap.content-wrap-scene .scene-list .scene-item .scene-txt { font-size: .85rem; }

body .content-wrap.content-wrap-scene .caution-box { padding: 1.5rem; }

body .content-wrap.content-wrap-scene .caution-box .scene_oh { max-width: 100%; width: 75%; margin: 0 auto 1rem auto; }

body .content-wrap.content-wrap-voice .voice-list { display: block; }

body .content-wrap.content-wrap-voice .voice-list .voice-item { width: 100%; padding: 1rem 1.5rem; margin-bottom: 1.5rem; }

body .content-wrap.content-wrap-voice .voice-list .voice-item:nth-of-type(2n) { margin-left: 0; }

body .content-wrap.content-wrap-voice .voice-list .voice-item .voice-ttl { font-weight: bold; font-size: 1.2rem; margin-bottom: .8rem; }

body .content-wrap.content-wrap-voice .voice-list .voice-item .voice-txt { font-size: .9rem; margin-top: .8rem; }

body .content-wrap.content-wrap-voice .voice-list .voice-item .label .human { font-size: .9rem; padding: .2rem 1.5rem .3rem 1.5rem; }

body .content-wrap.content-wrap-voice .voice-list .voice-item .label .case { font-size: 1rem; font-weight: bold; }

body .content-wrap.content-wrap-faq .caution { margin-bottom: 1rem; }

body .content-wrap .accordion_list { margin-bottom: 3rem; }

body .content-wrap .accordion_list .accordion-item { padding: 1rem 1.5rem; margin-bottom: 1.5rem; }

body .content-wrap .accordion_list .accordion-item:last-of-type { margin-bottom: 0; }

body .content-wrap .accordion_list .accordion-item .accordion-header .accordion-title img { width: 14px; margin-right: 1.2rem; }

body .content-wrap .accordion_list .accordion-item .accordion-header .accordion-title img.qa { width: 12%; }

body .content-wrap .accordion_list .accordion-item .accordion-header .accordion-title .ttl { font-size: 1.1rem; padding-right: 1.5rem; }

body .content-wrap .accordion_list .accordion-item .accordion-header .accordion-icon { font-size: 1.4rem; }

body .content-wrap .accordion_list .accordion-item .accordion-content .content { padding-top: 1.3rem; font-size: 1rem; }

body .content-wrap.content-wrap-cta .inner-color { padding: 3rem 0rem; }

body .content-wrap.content-wrap-cta .inner-color .inner { display: block; align-items: center; }

body .content-wrap.content-wrap-cta .inner-color .inner .cta_intro { width: 100%; margin-right: 0; margin-bottom: 1.5rem; }

body .content-wrap.content-wrap-cta .inner-color .inner .cta_intro .cta-ttl { width: 60%; margin-bottom: 1.5rem; }

body .cta-box { width: 100%; }

body .cta-box .cta-box-ttl { display: flex; justify-content: flex-start; text-align: left; font-size: 1.125rem; padding: 1rem 1.5rem; }

body .cta-box .cta-box-ttl .icon { width: 10%; margin-right: 1rem; }

body .cta-box .cta-box-inr { padding: 2rem 1.5rem; }

body .cta-box label { font-weight: bold; width: 100%; }

body .cta-box input { width: 100% !important; text-align: left !important; background: #fff !important; }

body .cta-box input[type="date"], body .cta-box input[type="time"] { appearance: none; -webkit-appearance: none; -moz-appearance: none; background: transparent; padding-right: 0.5rem; /* 右アイコン分のスペースを調整 */ box-sizing: border-box; min-width: 0; text-align: left; width: 100%; }

body .cta-box .inputicon { width: 7%; top: 63%; right: 4%; }

body .cta-box .search-button { position: relative; background: #1B8811; font-size: 1.1rem; padding: 1.1rem; margin-top: 1.8rem; }

body .cta-box .search-button i { position: absolute; font-size: 1.6rem; top: 50%; right: 1rem; }

body .cta-box .text-2xl { font-size: 1.5rem; }

body .cta-box .text-sm { font-size: 1rem; }

body .cta-box .flex-col { display: block; }

body footer.footer { background: #222; padding: 1.5rem 1rem; }

body footer.footer .inner { max-width: 100%; display: block; }

body footer.footer .inner .copyright { font-size: .75rem; letter-spacing: 0.05rem; }

body footer.footer .inner .left { display: flex; justify-content: center; }

body footer.footer .inner .left .jr_logo { max-width: 15%; margin-right: 0; margin-bottom: 1rem; }

body footer.footer .inner .left .f-link { display: none; }

body footer.footer.footer-top { padding: 1rem 1.5rem; background: #fff; }

body footer.footer.footer-top .copyright { color: #222; }

body footer.footer.footer-top .footer_news a { font-size: .9rem; font-weight: 500; }

body footer.footer.footer-top .footer_news a .data { margin-right: 1rem; }

body footer.footer.footer-top .footer_news a i { margin-left: 1rem; }

/*==================================================
　anime
==================================================*/
.loop-text { padding: 1rem 0; }

.loop-text.loop-text02 { padding: 3rem 0 0 0; }

.loop-text.loop-text03 { padding: 0; }

.loop-text.loop-text04 { padding: 2rem 0 0 0; }

.loop__box img { display: inline-block; padding: 0 3rem; width: auto; height: calc(48 / 375 * 100vw); }

@keyframes slide_tsubame_top { 0% { left: 100%;
				transform: scaleX(1.2);
				opacity: 0.3; }
		60% { opacity: 1; }
		100% { opacity: 1;
				left: 0;
				transform: scaleX(1); } }

@keyframes slide_tsubame_bkp { 0% { left: 100%;
				right: auto;
				transform: scaleX(1.2);
				opacity: 0.3; }
		60% { opacity: 1; }
		100% { left: 10%;
				opacity: 1;
				right: auto;
				transform: scaleX(1); } }

@keyframes slide_tsubame_contact { 0% { left: 100%;
				right: auto;
				transform: scaleX(1.2);
				opacity: 0.3; }
		60% { opacity: 1; }
		100% { left: 16%;
				opacity: 1;
				right: auto;
				transform: scaleX(1); } }

@keyframes slide_tsubame_about { 0% { left: 100%;
				right: auto;
				transform: scaleX(1.2);
				opacity: 0.3; }
		60% { opacity: 1; }
		100% { left: 0;
				opacity: 1;
				right: auto;
				transform: scaleX(1); } }

#page-top a { width: 40px; height: 40px; }

#page-top a #page-top a:hover { background: #E50012; color: #000; }

/*リンクを右下に固定*/
#page-top { position: fixed; right: 20px; bottom: 40px; z-index: 2; opacity: 0; transform: translateY(100px); }