") center center / cover no-repeat; } @media (min-width: 811px) { .contact__submit .c-button01:hover { opacity: 0.7; } } .contact__submit .c-button01__button { padding: 0px; } @media (min-width: 811px) { .contact__submit .c-button01__button:hover input[type="submit"] { color: rgb(255, 63, 23); } } .contact__submit .c-button01.is-back .c-button01__icon { left: auto; right: 15px; transform: translateY(-50%) rotate(180deg); } .contact__submit .c-button01.is-back .c-button01__button::after { left: auto; right: 15px; } @media (min-width: 811px) { .contact__submit .c-button01.is-back .c-button01__button:hover .c-button01__icon { transform: translate(-30px, -50%) rotate(180deg); transition: all 0.3s ease 0s; } } .contact__submit__check { margin-bottom: 40px; } @media (min-width: 811px) { .contact__submit__check { margin-bottom: 60px; } } .contact__submit__check .mwform-checkbox-field label { display: flex; justify-content: center; align-items: center; cursor: pointer; } .contact__submit__check .mwform-checkbox-field label span { font-weight: 100; line-height: 1.7em; letter-spacing: 0.1em; } .contact__submit__check .mwform-checkbox-field-text { cursor: pointer; } .contact__submit__check input[type="checkbox"] { position: relative; width: 15px; height: 15px; border: 1px solid rgb(51, 51, 51); margin-right: 10px; cursor: pointer; } .contact__submit__check input[type="checkbox"]:checked::before { position: absolute; top: 1px; left: 2px; display: block; content: ""; border-left: 2px solid rgb(51, 51, 51); border-bottom: 2px solid rgb(51, 51, 51); transform: rotate(-45deg); height: 5px; width: 9px; } @media (min-width: 811px) { .contact__submit__btn__wrap { display: flex; justify-content: center; align-items: center; column-gap: 40px; } } .contact__submit__btn__wrap .is-button { width: 100%; } @media (min-width: 811px) { .contact__submit__btn__wrap .is-button { width: 270px; max-width: calc(50% - 20px); } } .contact__submit__btn__wrap .is-button.is-back { margin-top: 20px; } @media (min-width: 811px) { .contact__submit__btn__wrap .is-button.is-back { margin-top: 0px; } } .contact__submit__btn__wrap .is-button .c-button01__button { max-width: 100%; } .contact__submit input[type="submit"] { color: rgb(255, 255, 255); width: 100%; height: 100%; cursor: pointer; transition: all 0.3s ease 0s; font-size: 1.25rem; font-weight: 700; letter-spacing: 0.1em; line-height: 1.7em; padding: 11px 11px 11px 24px; z-index: 1; } @media (min-width: 811px) { .contact__submit input[type="submit"] { padding: 14px 14px 14px 24px; } } .contact__submit .is-back { display: none; } @media (min-width: 811px) { .contact__submit .is-back { margin-top: 0px; } } .contact__submit .is-back .is-arrow::before { left: 20px; right: auto; transform: rotate(180deg); } .mw_wp_form .p-form { padding-top: 40px; margin-top: -40px; } @media (min-width: 811px) { .mw_wp_form .p-form { padding-top: 80px; margin-top: -80px; } } .mw_wp_form .p-form .is-confirm { display: none; } .mw_wp_form .p-form .error { font-size: 1rem; color: rgb(255, 63, 23); margin-top: 5px; font-weight: bold; } .mw_wp_form .p-form .is-flex .error { width: 100%; } .mw_wp_form .p-form .mwform-checkbox-field ~ .error { text-align: center; } .mw_wp_form .contact__submit .error { text-align: center; } .mw_wp_form_input .p-inquiry__lead03 { display: none; } .mw_wp_form_confirm .p-form .is-contact { display: none; } .mw_wp_form_confirm .p-form .is-confirm { display: block; } .mw_wp_form_confirm .p-inquiry__lead01, .mw_wp_form_confirm .p-inquiry__lead02, .mw_wp_form_confirm .p-tel-section01__box.p-inquiry__box { display: none; } .mw_wp_form_confirm .p-inquiry__lead03 { display: block; } .mw_wp_form_confirm .contact__form__inner.is-mailConfirm { display: none; } .mw_wp_form_confirm .contact__form__select { width: 100%; } .mw_wp_form_confirm label.is-select { width: 100%; min-height: 50px; border-radius: 3px; padding: 10px; background-color: rgb(243, 243, 243); display: flex; align-items: center; } .mw_wp_form_confirm label.is-select::before, .mw_wp_form_confirm label.is-select::after { display: none; } .mw_wp_form_confirm .contact__form__text { width: 100%; padding: 10px; min-height: 50px; background-color: rgb(243, 243, 243); border: none; display: flex; align-items: center; } .mw_wp_form_confirm .contact__submit .is-back { display: block; } .mw_wp_form_confirm .contact__submit input[type="submit"] { margin-right: 24px; } .mw_wp_form_confirm .contact__form dd { display: flex; align-items: center; line-height: 1.7em; letter-spacing: 0.1em; } .mw_wp_form_confirm .contact__submit__btn__wrap { flex-flow: row-reverse; } .mw_wp_form_confirm .contact__submit__ld, .mw_wp_form_confirm .contact__submit__check { display: none; } .mw_wp_form_confirm .is-mail-confirm { display: none; } .mw_wp_form_complete .contact__form__dl__wrap { padding: 80px 0px; } @media (min-width: 811px) { .mw_wp_form_complete .contact__form__dl__wrap { padding: 120px 0px; } } .u-desktop { display: none; } @media (min-width: 811px) { .u-mobile { display: none; } .u-desktop { display: block; } } .l-sub-title { font-size: 24px; text-align: center; position: relative; font-weight: bold; } .l-sub-title::after { content: ""; width: 108px; height: 5px; background: rgb(255, 63, 23); position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); } @media (min-width: 811px) { .l-sub-title { font-size: 36px; } } .l-lv__image-wrap { width: 100%; height: 146px; margin: 52px auto 26px; } .l-lv__image-wrap img { width: 100%; height: 100%; object-fit: cover; } @media (min-width: 811px) { .l-lv__image-wrap { height: 400px; margin: 64px auto 38px; } } .c-subTitle { display: flex; align-items: center; } .c-subTitle__icon { width: 24px; height: 24px; margin-right: 8px; } .c-subTitle__title { font-size: 20px; font-weight: bold; } @media (min-width: 811px) { .c-subTitle__title { font-size: 28px; } } .p-about-top { padding: 25px 0px; } .p-about-top__image { margin-bottom: 40px; width: 100%; } .p-about-top__image img { width: 100%; height: auto; } @media (min-width: 811px) { .p-about-top__image { max-width: 800px; margin: 0px auto 60px; } } .p-about-top__title { font-size: 20px; font-weight: bold; color: rgb(255, 63, 23); margin-bottom: 12px; } @media (min-width: 811px) { .p-about-top__title { font-size: 28px; } .p-about-top__text { font-size: 16px; line-height: 1.5; } } .p-about-merit { padding: 25px 0px; } .p-about-merit__title { margin-bottom: 36px; } .p-about-merit__item { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; } .p-about-merit__content { flex: 1 1 0%; margin-right: 13px; } .p-about-merit__subTitle { display: inline-block; font-size: 18px; font-weight: bold; margin-bottom: 14px; position: relative; } .p-about-merit__subTitle::after { content: ""; position: absolute; left: 0px; bottom: -4px; width: 100%; height: 2px; background-color: rgb(235, 80, 47); } .p-about-merit__text { font-size: 14px; } .p-about-merit__image { width: 31.6%; min-width: 104px; max-width: 145px; } @media (min-width: 811px) { .p-about-merit__subTitle { font-size: 24px; margin-bottom: 24px; } .p-about-merit__subTitle::after { height: 4px; bottom: -8px; } .p-about-merit__text { font-size: 16px; line-height: 1.5; } .p-about-merit__image { max-width: 200px; height: 200px; } } .p-about-character__name { font-size: 20px; font-weight: bold; margin-bottom: 15px; } .p-about-character__name--small { font-size: 14px; font-weight: normal; } .p-about-character__text { font-size: 14px; margin-bottom: 5px; } .p-about-character__title { margin-bottom: 36px; } .p-about-character__features { margin-bottom: 29px; } .p-about-character__feature { margin-bottom: 3px; display: flex; align-items: center; justify-content: flex-start; } .p-about-character__feature--title { font-weight: bold; } .p-about-character__image { max-width: 550px; width: 100%; margin: 0px auto; } .p-about-character__image--top { margin-bottom: 12px; } .p-about-character__images { position: relative; margin-bottom: 14px; } .p-about-character__image--bg { position: absolute; left: 50%; bottom: -16px; transform: translateX(-50%); width: 100vw; z-index: -1; } .p-about-character__image--bottom { margin-bottom: 40px; } .p-about-character__image--bg img { width: 100%; } .c-orange-circle { color: rgb(255, 125, 0); font-size: 10px; align-items: center; } .c-blue-circle { color: rgb(0, 95, 164); } @media (min-width: 811px) { .p-about-character__name { font-size: 26px; } .p-about-character__image--bg { bottom: -60px; } .p-about-character__name--small { font-size: 18px; } .p-about-character__text { font-size: 16px; line-height: 1.5; } .p-about-character__features { margin-bottom: 50px; } .p-about-character__feature { font-size: 16px; line-height: 1.5; } .p-about-character__image--bottom { margin-bottom: 60px; } } .p-price-complement { text-align: center; font-size: 14px; margin-bottom: 56px; } @media (min-width: 811px) { .p-price-complement { font-size: 18px; } } .p-price-tabs { padding-bottom: 12px; background-color: rgb(255, 255, 255); width: 100%; margin: 0px auto; } @media (min-width: 811px) { .p-price-tabs { padding-bottom: 24px; } } .p-price-tabs__item { width: calc(50% - 8px); height: 57px; padding: 10px 5px 0px; background-color: rgb(112, 112, 113); border-top: 9px solid rgb(112, 112, 113); font-size: 10px; color: rgb(255, 255, 255); display: inline-block; text-align: center; font-weight: 700; transition: all 0.2s ease 0s; cursor: pointer; } @media (min-width: 400px) { .p-price-tabs__item { font-size: 12px; } } @media (min-width: 811px) { .p-price-tabs__item { font-size: 18px; height: 80px; padding-top: 16px; } } .p-price-tabs.is-3column .p-price-tabs__item { width: calc(33.3333% - 4px); height: 80px; } .p-price-tabs.is-3column .p-price-tabs__item br:first-child { display: block; } @media (min-width: 768px) { .p-price-tabs.is-3column .p-price-tabs__item br:first-child { display: none; } } .p-price-tabs .p-price-tabs__item br:first-child { display: none; } @media (min-width: 768px) { .p-price-tabs .p-price-tabs__item br:first-child { display: none; } } @media (min-width: 811px) { .p-price-tabs.is-3column .p-price-tabs__item { width: calc(33.3333% - 4px); } } .p-price-tabs__item--left { } .p-price-border { height: 1px; background-color: rgb(112, 112, 112); margin: 0px calc(50% - 50vw); width: 100vw; } input[name="tab_item"] { display: none; } .p-price-tabs__content { display: none; padding-top: 40px; clear: both; height: 500px; overflow-y: scroll; } @media (min-width: 811px) { .p-price-tabs__content { height: 80vh; overflow-y: scroll; } } #all:checked ~ #all_content, #programming:checked ~ #programming_content, #other:checked ~ #other_content { display: block; } .p-price-tabs input:checked + .p-price-tabs__item { background-color: rgb(255, 255, 255); color: rgb(10, 51, 188); border-top: 9px solid rgb(10, 51, 188); border-right: 1px solid rgb(112, 112, 112); border-left: 1px solid rgb(112, 112, 112); position: relative; } .p-price-tabs input:checked + .p-price-tabs__item--right { background-color: rgb(255, 255, 255); color: rgb(255, 63, 23); border-top: 9px solid rgb(255, 63, 23); border-right: 1px solid rgb(112, 112, 112); border-left: 1px solid rgb(112, 112, 112); position: relative; } .p-price-tabs input:checked + .p-price-tabs__item--other { background-color: rgb(255, 255, 255); color: rgb(54, 151, 0); border-top: 9px solid rgb(54, 151, 0); border-right: 1px solid rgb(112, 112, 112); border-left: 1px solid rgb(112, 112, 112); position: relative; } .p-price-tabs input:checked + .p-price-tabs__item::after { content: ""; position: absolute; bottom: -1px; left: 0px; width: 100%; height: 2px; background-color: rgb(255, 255, 255); } .p-price-tabs__note { margin-bottom: 30px; } @media (min-width: 811px) { .p-price-tabs__note { font-size: 16px; } } .p-price-tabs__important { margin-bottom: 5px; } @media (min-width: 811px) { .p-price-tabs__important { font-size: 16px; } } .p-price-tabs__plus { width: 47px; height: 47px; margin: 0px auto 32px; } @media (min-width: 811px) { .p-price-tabs__plus { width: 54px; height: 54px; } } .p-price-table { width: 100%; } .p-price-table-A1 { margin-bottom: 9px; } .p-price-table-B1 { margin-bottom: 9px; } .p-price-table-A2 { margin-bottom: 24px; } .p-price-table-B2 { margin-bottom: 24px; } .p-price-table-A3 { margin-bottom: 9px; } .p-price-table table { border: 1px solid rgb(89, 89, 89); border-collapse: collapse; } .p-price-table td, .p-price-table th { height: 25px; } .p-price-table th { background: rgb(240, 230, 204); } .even { background: rgb(251, 248, 240); } .odd { background: rgb(254, 252, 249); } .p-price-table td { text-align: center; vertical-align: middle; border-right: 1px solid rgb(112, 112, 112); border-left: 1px solid rgb(112, 112, 112); } .p-price-table__1 { height: 41px; background-color: rgb(10, 51, 188); color: rgb(255, 255, 255); font-size: 20px; font-weight: 700; } .p-price-table__1--right { height: 41px; background-color: rgb(255, 63, 23); color: rgb(255, 255, 255); font-size: 20px; } .p-price-table__1--other { height: 41px; background-color: rgb(54, 151, 0); color: rgb(255, 255, 255); font-size: 20px; } @media (min-width: 811px) { .p-price-table__1 { height: 55px; font-size: 24px; } } .p-price-table__1__td--small { font-size: 1rem; } @media (min-width: 811px) { .p-price-table__1__td--small { font-size: 1.25rem; } } .p-price-table__2, .p-price-table__3, .p-price-table__4, .p-price-table__5, .p-price-table__6, .p-price-table__7, .p-price-table__8, .p-price-table__9, .p-price-table__10, .p-price-table__11, .p-price-table__12, .p-price-table__13, .p-price-table__14 { height: 41px; border-bottom: 1px solid rgb(112, 112, 112); } @media (min-width: 811px) { .p-price-table__2, .p-price-table__3, .p-price-table__4, .p-price-table__5, .p-price-table__6, .p-price-table__7, .p-price-table__8, .p-price-table__9, .p-price-table__10, .p-price-table__11, .p-price-table__12, .p-price-table__13, .p-price-table__14 { height: 52px; font-size: 18px; } } .p-price-table__2 { background-color: rgb(232, 232, 232); } .p-price-table__2, .p-price-table__4, .p-price-table__6 { border-bottom: 1px solid rgb(112, 112, 112); } .p-price-table__3--dash, .p-price-table__5--dash { border-bottom: 1px dashed rgb(112, 112, 112); } .p-price-table__fuel { font-size: 10px; } .p-price-table__total { font-size: 14px; } .p-price-table__web { font-size: 10px; } .p-price-table__kind { width: 74px; } .p-price-table__section, .p-price-table__price, .p-price-table__fuel, .p-price-table__total, .p-price-table__web { width: 220px; } @media (min-width: 811px) { .p-price-table__kind, .p-price-table__section, .p-price-table__price, .p-price-table__fuel, .p-price-table__total, .p-price-table__web { font-size: 18px; } } .p-price-table__price--sub { font-size: 10px; writing-mode: vertical-rl; white-space: pre; min-width: 20px; } .p-price-table__price--sub span { display: inline-block; text-align: center; writing-mode: vertical-rl; vertical-align: middle; white-space: pre; } @media (min-width: 811px) { .p-price-table__price--sub { writing-mode: horizontal-tb; max-width: 30px; font-size: 14px; } } .p-price-table__total--body { color: rgb(255, 63, 23); background-color: rgb(255, 247, 204); font-weight: 700; } .p-price-table__section--body { font-size: 12px; } @media (min-width: 811px) { .p-price-table__section--body { font-size: 16px; } } .p-price-table__web--link a { font-size: 10px; position: relative; color: rgb(0, 95, 164); display: inline-block; } .p-price-table__web--link a::after { content: ""; position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 10px; height: 1px; background-color: rgb(0, 95, 164); } @media (min-width: 811px) { .p-price-table__web--link a { font-size: 14px; } .p-price-table__web--link a::after { width: 14px; } } .p-price-table-A4__left, .p-price-table-B4__left { width: 44%; } .p-price-table-A4__right .p-price-table-B4__right { width: 56%; } .p-price-table-A4__right--main, .p-price-table-B4__right--main { background-color: rgb(255, 247, 204); color: rgb(255, 63, 23); font-weight: 700; } @media (min-width: 811px) { .p-price-table-A4__left, .p-price-table-B4__left { width: 44%; } .p-price-table-A4__right, .p-price-table-B4__right { width: 56%; } } .p-price-table-A4, .p-price-table-B4 { margin-bottom: 32px; } .p-price-table-A5__main, .p-price-table-B5__main { background-color: rgb(255, 247, 204); color: rgb(255, 63, 23); font-weight: 700; } @media (min-width: 811px) { .p-price-table-A5__main, .p-price-table-B5__main { font-size: 18px; } } .p-price-supplement { padding-bottom: 15px; } @media (min-width: 811px) { .p-price-supplement { padding-bottom: 20px; } } .p-price-supplement__item { padding-left: 15px; position: relative; margin-bottom: 8px; } .p-price-supplement__item::before { content: ""; position: absolute; left: 3px; top: 4px; width: 6px; height: 6px; border-radius: 3px; background-color: rgb(255, 63, 23); } @media (min-width: 811px) { .p-price-supplement__item { font-size: 16px; padding-left: 25px; line-height: 1.5; } .p-price-supplement__item::before { width: 12px; height: 13px; border-radius: 6px; } } .p-price-oil { padding: 15px 0px; } .p-price-oil__title { margin-bottom: 17px; } .p-price-oil__text { margin-bottom: 12px; } @media (min-width: 811px) { .p-price-oil__text { font-size: 16px; line-height: 1.5; } } .p-price-oil__item { padding-left: 15px; position: relative; margin-bottom: 8px; } .p-price-oil__item::before { content: ""; position: absolute; left: 3px; top: 4px; width: 6px; height: 6px; border-radius: 3px; background-color: rgb(255, 63, 23); } @media (min-width: 811px) { .p-price-oil__item { padding-left: 25px; font-size: 16px; line-height: 1.5; } .p-price-oil__item::before { width: 12px; height: 13px; border-radius: 6px; } } .p-price-transportation { padding: 15px 0px; } .p-price-transportation__title { margin-bottom: 17px; } .p-price-transportation__item { padding-left: 15px; position: relative; margin-bottom: 8px; } .p-price-transportation__item::before { content: ""; position: absolute; left: 3px; top: 4px; width: 6px; height: 6px; border-radius: 3px; background-color: rgb(255, 63, 23); } @media (min-width: 811px) { .p-price-transportation__item { padding-left: 25px; font-size: 16px; line-height: 1.5; } .p-price-transportation__item::before { width: 12px; height: 13px; border-radius: 6px; } } .p-price-discount { padding: 15px 0px; } .p-price-discount__title { margin-bottom: 17px; } .p-price-discount__item a { color: rgb(0, 95, 164); border-bottom: 1px solid rgb(0, 95, 164); display: inline-block; margin-bottom: 15px; font-weight: bold; } @media (min-width: 811px) { .p-price-discount__item a { font-size: 16px; line-height: 1.5; } } .p-price-cash { padding: 15px 0px; } @media (min-width: 811px) { .p-price-cash__text { font-size: 16px; line-height: 1.5; } } .p-price-cash__text { margin-bottom: 21px; } .p-price-cash__cards { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 7px; margin-bottom: 20px; } .p-price-cash__cards img { height: 27px; } @media (min-width: 811px) { .p-price-cash__cards img { height: 42px; } } .p-timetable-table { width: 100%; border: 1px solid rgb(89, 89, 89); border-collapse: collapse; font-weight: bold; } .p-timetable-table__1 { height: 46px; background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); font-size: 24px; } .p-timetable-table1 { font-size: 18px; } .p-timetable-table1 { font-size: 18px; } .p-timetable-table3 { font-size: 18px; } .p-timetable-table3__2 { font-size: 14px; } .p-timetable-table1__2 { font-size: 14px; } .p-timetable-table__2 { height: 33px; } .p-timetable-table1__2 { color: rgb(255, 255, 255); } .p-timetable-table2__2 { font-size: 10px; } .p-timetable-table3__2 { color: rgb(255, 255, 255); } .p-timetable-table4__2 { font-size: 10px; } .p-timetable-table4__fontSmall { font-size: 9px; } .p-timetable-table__3, .p-timetable-table__4, .p-timetable-table__5, .p-timetable-table__6, .p-timetable-table__7, .p-timetable-table__8, .p-timetable-table__9, .p-timetable-table__10, .p-timetable-table__11, .p-timetable-table__12 { height: 55px; } .p-timetable-table1__5, .p-timetable-table1__7, .p-timetable-table1__9, .p-timetable-table1__11 { background-color: rgb(225, 233, 237); } .p-timetable-table2__3, .p-timetable-table2__5, .p-timetable-table2__7, .p-timetable-table2__9, .p-timetable-table2__11 { background-color: rgb(243, 240, 225); } .p-timetable-table3__5, .p-timetable-table3__7, .p-timetable-table3__9, .p-timetable-table3__11 { background-color: rgb(225, 233, 237); } .p-timetable-table4__5, .p-timetable-table4__7, .p-timetable-table4__9, .p-timetable-table4__11 { background-color: rgb(243, 240, 225); } .p-timetable-table1 { margin-bottom: 47.5px; } .p-timetable-table2 { margin-bottom: 9px; } .p-timetable-table3 { margin-bottom: 9px; } .p-timetable-table4 { margin-bottom: 9px; } .p-timetable-table td { text-align: center; padding: 5px; vertical-align: middle; border: 1px solid rgb(112, 112, 112); } .p-timetable-table__flight { width: 10.9%; color: rgb(0, 0, 0); } .p-timetable-table__ship { background-color: rgb(170, 170, 170); width: 29.7%; } .p-timetable-table__wakayama { background-color: rgb(255, 125, 0); width: 29.7%; } .p-timetable-table__tokushima { background-color: rgb(0, 95, 164); width: 29.7%; } .p-timetable-table__ship--main { background-color: rgb(232, 232, 232); } .p-timetable-table__train { width: 20%; } .p-timetable-table__nanba { width: 20%; } .p-timetable-table__kankyuu { width: 20%; } .p-timetable-table__wakayamahatsu { width: 20%; } .p-timetable-table2__wakayamachaku, .p-timetable-table4__wakayamahatsu { width: 20%; background-color: rgb(255, 125, 0); color: rgb(255, 255, 255); } .p-timetable-table__image--ferry, .p-timetable-table__image--train { width: 30px; height: 30px; margin-right: 4px; } .p-timetable-table-wrap { width: 100%; } .p-timetable-table-flex { margin-bottom: 20px; } @media (min-width: 811px) { .p-timetable-table-flex { display: flex; align-items: flex-start; justify-content: center; gap: 40px; margin-bottom: 55px; } .p-timetable-table1 { margin-bottom: 8px; } .p-timetable-table2 { margin-bottom: 8px; } .p-timetable-table__3, .p-timetable-table__4, .p-timetable-table__5, .p-timetable-table__6, .p-timetable-table__7, .p-timetable-table__8, .p-timetable-table__9, .p-timetable-table__10, .p-timetable-table__11, .p-timetable-table__12 { height: 65px; } .p-timetable-table1__2 { font-size: 18px; } .p-timetable-table2__2 { font-size: 18px; } .p-timetable-table3__2 { font-size: 18px; } .p-timetable-table4__2 { font-size: 18px; } .p-timetable-table__1 { height: 70px; } .p-timetable-table__2 { height: 60px; } .p-timetable-table2__2 { font-size: 18px; } .p-timetable-table3__2 { color: rgb(255, 255, 255); } .p-timetable-table4__2 { font-size: 18px; } .p-timetable-table4__fontSmall { font-size: 9px; } .p-timetable-table2, .p-timetable-table4 { font-size: 16px; } .p-timetable-table4__fontSmall { font-size: 12px; } .p-timetable-table__supplement { font-size: 16px; text-align: right; color: rgb(255, 63, 23); } .p-timetable-table-wrap { width: calc(50% - 20px); } } .p-timetable-complement { font-size: 14px; margin-bottom: 20px; font-weight: bold; } .p-timetable-complement__link { display: inline-block; color: rgb(0, 95, 164); text-decoration: underline; } @media (min-width: 811px) { .p-timetable-complement { text-align: center; font-size: 18px; } } .p-timetable-direction { margin-bottom: 25px; } .p-timetable-direction__block { color: rgb(255, 255, 255); text-align: center; padding: 12px 0px; margin-bottom: 8px; font-weight: bold; } .p-timetable-direction__block--orange { background-color: rgb(255, 125, 0); } .p-timetable-direction__block--blue { background-color: rgb(0, 95, 164); } .p-timetable-direction__title { font-size: 24px; } .p-timetable-direction__text { font-size: 18px; } .p-timetable-direction__sub { font-size: 14px; padding-left: 15px; position: relative; } .p-timetable-direction__sub--orangeCircle { position: absolute; top: 4px; left: 0px; color: rgb(255, 125, 0); font-size: 8px; } .p-timetable-direction__sub--blueCircle { position: absolute; top: 4px; left: 0px; color: rgb(0, 95, 164); font-size: 8px; } @media (min-width: 811px) { .p-timetable-direction__sub { font-size: 18px; } .p-timetable-direction__sub--orangeCircle { font-size: 10px; } .p-timetable-direction__sub--blueCircle { font-size: 10px; } } .p-timetable__item { position: relative; padding-left: 15px; margin-bottom: 14px; } .p-timetable__item span { position: absolute; top: 4px; left: 0px; color: rgb(255, 125, 0); font-size: 8px; } .p-timetable__item--link { display: inline-block; text-decoration: underline; color: rgb(0, 71, 255); } .p-timetable__item--orange { color: rgb(255, 63, 23); } @media (min-width: 811px) { .p-timetable__item { font-size: 16px; line-height: 1.5; } .p-timetable__item span { font-size: 10px; } } .p-timetable-train { padding: 15px 0px; } .p-timetable-train__title { margin-bottom: 16px; } .p-timetable-reserve { padding: 15px 0px; } .p-timetable-reserve__title { margin-bottom: 16px; } .p-timetable-green { padding: 15px 0px; } .p-timetable-green__title { margin-bottom: 20px; } .p-timetable-green__text { margin-bottom: 15px; } @media (min-width: 811px) { .p-timetable-green__text { font-size: 18px; } } .p-timetable-nankai { padding: 15px 0px; } .p-timetable-nankai__title { margin-bottom: 16px; } .p-timetable-ferry { padding: 15px 0px; } .p-timetable-ferry__title { margin-bottom: 16px; } .p-timetable-busGuide { padding: 15px 0px; } .p-timetable-busGuide__title { margin-bottom: 16px; } .p-timetable-busGuide__image--first { max-width: 180px; margin: 7px auto 0px; } .p-timetable-busGuide__image--first img { width: 100%; } .p-timetable-busGuide__image--second { max-width: 280px; margin: 7px auto 0px; } .p-timetable-busGuide__image--second img { width: 100%; } @media (min-width: 811px) { .p-timetable-busGuide__image--first { max-width: 350px; width: 50%; margin-left: 10px; } .p-timetable-busGuide__image--second { margin-left: 10px; width: 500px; } } .c-color-orange { color: rgb(255, 63, 23); } .p-wakayama-map { padding: 16px 0px; } .p-wakayama-map__map { height: 167px; margin-bottom: 5px; } .p-wakayama-map__title { margin-bottom: 15.5em; } .p-wakayama-map__item { vertical-align: middle; margin-bottom: 2px; } .p-wakayama-map__item span { font-size: 9px; color: rgb(255, 63, 23); } @media (min-width: 811px) { .p-wakayama-map { padding: 16px 0px 32px; } .p-wakayama-map__map { height: 360px; } .p-wakayama-map__item { font-size: 16px; margin-bottom: 4px; line-height: 1.5; } } .p-wakayama-access { padding: 16px 0px; } .p-wakayama-access__title { margin-bottom: 15.5px; } .p-wakayama-access__table { width: 100%; } .p-wakayama-access__table img { width: 15.5px; margin-right: 7.4px; } .p-wakayama-access__table td { vertical-align: middle; } .p-wakayama-access__table1 { height: 32px; border-top: 0.5px solid rgb(0, 0, 0); } .p-wakayama-access__table2 { height: 51px; border-top: 0.5px solid rgb(0, 0, 0); } .p-wakayama-access__table3 { height: 32px; border-top: 0.5px solid rgb(0, 0, 0); border-bottom: 0.5px solid rgb(0, 0, 0); } .p-wakayama-access__left { width: 44.8%; font-weight: bold; } .p-wakayama-access__right { width: 55.2%; } @media (min-width: 811px) { .p-wakayama-access { padding: 32px 0px; } .p-wakayama-access__table { font-size: 16px; line-height: 1.5; } .p-wakayama-access__table1 { height: 52px; } .p-wakayama-access__table2 { height: 68px; } .p-wakayama-access__table3 { height: 52px; } .p-wakayama-access__left { width: 30%; } } .p-wakayama-park { padding: 16px 0px; } .p-wakayama-park__title { margin-bottom: 15.5px; } .p-wakayama-park__items--top span { color: rgb(255, 63, 23); font-size: 8px; vertical-align: middle; } .p-wakayama-park__item { margin-bottom: 4px; } @media (min-width: 811px) { .p-wakayama-park__item { font-size: 16px; margin-bottom: 8px; line-height: 1.5; } .p-wakayama-park__items--top span { font-size: 16px; } } .p-wakayama-boarding { padding: 16px 0px; } .p-wakayama-boarding__title { margin-bottom: 19px; } .p-wakayama-boarding__tabs { padding-bottom: 12px; background-color: rgb(255, 255, 255); width: 100%; margin: 0px auto 26px; } .tab_item { height: 57px; padding-top: 10px; background-color: rgb(174, 174, 174); border-top: 9px solid rgb(174, 174, 174); font-size: 14px; color: rgb(255, 255, 255); display: block; float: left; text-align: center; font-weight: bold; transition: all 0.2s ease 0s; cursor: pointer; margin-right: 3px; width: calc(25% - 3px); } .tab_item4 { margin-right: 0px; } input[name="tab_item"] { display: none; } .tab_content { display: none; padding: 18px; clear: both; overflow: hidden; } #tab1:checked ~ #tab1_content, #tab2:checked ~ #tab2_content, #tab3:checked ~ #tab3_content, #tab4:checked ~ #tab4_content { display: block; } .p-wakayama-boarding__tabs input:checked + .tab_item1 { background-color: rgb(243, 240, 225); color: rgb(0, 0, 0); border-top: 9px solid rgb(227, 212, 170); width: calc(25% - 3px); } .p-wakayama-boarding__tabs input:checked + .tab_item2 { background-color: rgb(251, 240, 252); color: rgb(0, 0, 0); border-top: 9px solid rgb(242, 202, 242); width: calc(25% - 3px); } .p-wakayama-boarding__tabs input:checked + .tab_item3 { border-top: 9px solid rgb(203, 225, 255); background-color: rgb(247, 255, 254); width: calc(25% - 3px); color: rgb(0, 0, 0); } .p-wakayama-boarding__tabs input:checked + .tab_item4 { width: calc(25% - 3px); border-top: 9px solid rgb(198, 245, 200); background-color: rgb(242, 255, 242); color: rgb(0, 0, 0); } .tab_content1 { background-color: rgb(243, 240, 225); } .tab_content2 { background-color: rgb(251, 240, 252); } .tab_content3 { background-color: rgb(247, 255, 254); } .tab_content4 { background-color: rgb(242, 255, 242); } .p-wakayama-boarding__link { display: flex; align-items: center; font-weight: bold; } .p-wakayama-boarding__link a { margin-right: 5px; color: rgb(0, 95, 164); text-decoration: underline; } .p-wakayama-boarding__link--icon { width: 13px; height: auto; } @media (min-width: 811px) { .p-wakayama-boarding { padding: 32px 0px; } .tab_item { height: 72px; font-size: 20px; padding-top: 16px; } .tab_content { padding: 24px; } .p-wakayama-boarding__text { font-size: 16px; line-height: 1.5; } .p-wakayama-boarding__link { font-size: 18px; } .p-wakayama-boarding__link--icon { width: 16px; } } .p-wakayama-boarding-item { display: flex; align-items: center; gap: 14px; margin-bottom: 30px; } .p-wakayama-boarding-item__circle { width: 64px; height: 64px; border-radius: 32px; background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; text-align: center; font-weight: bold; } .p-wakayama-boarding-item__text { font-size: 12px; flex: 1 1 0%; } .p-wakayama-boarding-item__text--red { color: rgb(255, 63, 23); font-weight: bold; } .p-wakayama-boarding-item__text--bold { font-weight: bold; } .p-wakayama-boarding-item__text a { display: inline-block; color: rgb(0, 95, 164); text-decoration: underline; } @media (min-width: 811px) { .p-wakayama-boarding-item__circle { width: 90px; height: 90px; border-radius: 45px; font-size: 18px; } .p-wakayama-boarding-item__text { font-size: 16px; line-height: 1.5; } } .p-wakayama-boarding__movie { display: flex; flex-direction: column; gap: 24px; margin-bottom: 24px; justify-content: center; } .p-wakayama-boarding__movie > div { width: 100%; } @media (min-width: 811px) { .p-wakayama-boarding__movie { flex-direction: row; justify-content: start; gap: 40px; } .p-wakayama-boarding__movie > div { width: calc(50% - 20px); } } .p-wakayama-store { padding: 16px 0px 32px; } .p-wakayama-store__image { width: 100%; margin-bottom: 8px; } .p-wakayama-store__image img { width: 100%; height: 100%; object-fit: cover; } .p-wakayama-store__items { margin-bottom: 8px; } .p-wakayama-store__item span { font-size: 9px; color: rgb(255, 63, 23); vertical-align: middle; } .p-wakayama-store__item { margin-bottom: 4px; } @media (min-width: 811px) { .p-wakayama-store { padding: 32px 0px 64px; } .p-wakayama-store__item { font-size: 16px; line-height: 1.5; } .p-wakayama-store__image { width: 800px; margin: 0px auto 8px; } .p-wakayama-store__items { max-width: 800px; margin: 0px auto 16px; } .p-wakayama-store__subText { font-size: 16px; line-height: 1.5; max-width: 800px; margin: 0px auto; } .p-wakayama-store__item span { font-size: 16px; } } .p-intro-tabs { padding-bottom: 12px; background-color: rgb(255, 255, 255); width: 100%; margin: 0px auto; } @media (min-width: 811px) { .p-price-tabs { padding-bottom: 24px; } } .p-intro-tabs__item { width: calc(50% - 8px); height: 46px; padding-top: 20px; background-color: rgb(211, 211, 211); font-size: 14px; color: rgb(255, 255, 255); display: inline-block; text-align: center; transition: all 0.2s ease 0s; cursor: pointer; font-weight: bold; } @media (min-width: 811px) { .p-intro-tabs__item { font-size: 16px; line-height: 1.5; height: 80px; padding-top: 28px; } } .p-intro-tabs__item--left { margin-right: 11px; } .p-intro-border { height: 0.5px; background-color: rgb(112, 112, 112); margin: 0px calc(50% - 50vw); width: 100vw; } input[name="tab_item"] { display: none; } .p-intro-tabs__content { display: none; padding-top: 15px; clear: both; overflow: hidden; } #all:checked ~ #all_content, #programming:checked ~ #programming_content { display: block; } .p-intro-tabs input:checked + .p-intro-tabs__item { background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); border-right: 0.5px solid rgb(112, 112, 112); border-left: 0.5px solid rgb(112, 112, 112); position: relative; } .p-intro-tabs input:checked + .p-intro-tabs__item--left { border-top: 0.5px solid rgb(0, 0, 0); } .p-intro-tabs input:checked + .p-intro-tabs__item--right { border-top: 0.5px solid rgb(0, 0, 0); } .p-intro-tabs input:checked + .p-intro-tabs__item--left::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 9px; background-color: rgb(199, 238, 255); } .p-intro-tabs input:checked + .p-intro-tabs__item--right::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 9px; background-color: rgb(255, 231, 167); } .p-intro-tabs input:checked + .p-intro-tabs__item::after { content: ""; position: absolute; bottom: -1px; left: 0px; width: 100%; height: 2px; background-color: rgb(255, 255, 255); } .p-intro-overview__image { margin-bottom: 20px; width: 100%; } .p-intro-overview__image img { width: 100%; height: 100%; object-fit: cover; } .p-intro-overview-table { width: 100%; margin-bottom: 40px; } .p-intro-overview-table__row { border-bottom: 0.5px solid rgb(0, 0, 0); } .p-intro-overview-table__title { width: 39.5%; text-align: center; vertical-align: middle; padding: 10.7px 0px; } .p-intro-overview-table__title--left { background-color: rgb(199, 238, 255); font-weight: bold; } .p-intro-overview-table__title--right { background-color: rgb(255, 231, 167); } .p-intro-overview-table__title--top { vertical-align: top; } .p-intro-overview-table__text { width: 60.5%; vertical-align: middle; padding: 10.7px 13px 10.7px 26px; } .p-intro-overview-table__text a { color: rgb(0, 95, 164); text-decoration: underline; display: inline-block; } @media (min-width: 811px) { .p-intro-overview-table__title { padding: 18px 0px; font-size: 16px; } .p-intro-overview-table__text { padding: 18px 15px 18px 32px; font-size: 16px; } } .p-intro-overview-toggle__title { position: relative; cursor: pointer; font-size: 20px; padding: 7px 14px; transition: all 0.3s ease 0s; display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; font-weight: bold; } .p-intro-overview-toggle__title--left { background-color: rgb(199, 238, 255); } .p-intro-overview-toggle__title--right { background-color: rgb(255, 231, 167); } .p-intro-overview-toggle__title::before, .p-intro-overview-toggle__title::after { position: absolute; content: ""; width: 8px; height: 2px; background-color: rgb(255, 255, 255); border-radius: 1px; } .p-intro-overview-toggle__title::before { top: 18.2px; right: 19.5px; transform: rotate(0deg); } .p-intro-overview-toggle__title::after { top: 18.2px; right: 19.5px; transform: rotate(90deg); } .p-intro-overview-toggle__circle { width: 20px; height: 20px; border-radius: 10px; background-color: rgb(51, 51, 51); } .p-intro-overview-toggle__title.close::before { transform: rotate(180deg); } .p-intro-overview-toggle__title.close::after { transform: rotate(-180deg); } .p-intro-overview-toggle__items { display: none; padding: 11px 0px; } .p-intro-overview-toggle__item { margin-bottom: 32px; } .p-intro-overview-toggle__image { margin-bottom: 12px; } .p-intro-overview-toggle__subTitle { display: inline-block; font-size: 20px; margin-bottom: 8px; position: relative; font-weight: bold; } .p-intro-overview-toggle__subTitle::after { content: ""; position: absolute; bottom: -1px; left: 0px; width: 100%; height: 2px; background-color: rgb(235, 80, 47); } .p-intro-overview-toggle__subTitle span { font-size: 14px; } @media (min-width: 811px) { .p-intro-overview-toggle__title { padding: 12px 18px; font-size: 18px; } .p-intro-overview-toggle__title::before, .p-intro-overview-toggle__title::after { width: 14px; border-radius: 2px; } .p-intro-overview-toggle__title::before { top: 26.5px; right: 26.5px; transform: rotate(0deg); } .p-intro-overview-toggle__title::after { top: 26.5px; right: 26.5px; transform: rotate(90deg); } .p-intro-overview-toggle__circle { width: 32px; height: 32px; border-radius: 16px; } .p-intro-overview-toggle__item { display: flex; align-items: center; } .p-intro-overview-toggle__image { width: 400px; margin-right: 32px; } .p-intro-overview-toggle__content { flex: 1 1 0%; } .p-intro-overview-toggle__subTitle { font-size: 18px; margin-bottom: 24px; } .p-intro-overview-toggle__text { font-size: 16px; line-height: 1.5; } } .p-intro__link { display: flex; align-items: flex-start; padding: 32px 0px; font-weight: bold; } .p-intro__link a { color: rgb(0, 95, 164); text-decoration: underline; } .p-intro__link--icon { height: 14px; width: auto; margin-left: 4px; } .p-intro__link--icon img { width: 100%; height: 100%; object-fit: contain; } @media (min-width: 811px) { .p-intro__link { font-size: 18px; } .p-intro__link--icon { height: 18px; width: auto; margin-left: 4px; } } .campaign2023 { font-size: 1rem; color: rgb(0, 0, 0); } .campaign2023 sup { vertical-align: super; font-size: 1rem; } @media (max-width: 810px) { .campaign2023 sup { font-size: 0.75rem; } } .campaign2023 .u-color-red { color: rgb(255, 107, 47); } @media (min-width: 811px) { .campaign2023 .u-mb120-pc { margin-bottom: 120px; } } @media (min-width: 811px) { .campaign2023 .u-mb100-pc { margin-bottom: 100px; } } @media (min-width: 811px) { .campaign2023 .u-mb80-pc { margin-bottom: 80px; } } @media (min-width: 811px) { .campaign2023 .u-mb60-pc { margin-bottom: 60px; } } @media (min-width: 811px) { .campaign2023 .u-mb30-pc { margin-bottom: 30px; } } @media (min-width: 811px) { .campaign2023 .u-mb20-pc { margin-bottom: 20px; } } .campaign2023 .u-mb0 { margin-bottom: 0px !important; } @media (max-width: 810px) { .campaign2023 .u-mb60-sp { margin-bottom: 60px; } .campaign2023 .u-mb30-sp { margin-bottom: 30px; } .campaign2023 .u-mb20-sp { margin-bottom: 20px; } } @media (min-width: 811px) { .campaign2023 .u-letterspacing05-pc { letter-spacing: -0.05em; } } .campaign2023 .u-sp-hidden { display: block; } @media (max-width: 811px) { .campaign2023 .u-sp-hidden { display: none !important; } } .campaign2023 .u-pc-hidden { display: none; } @media (max-width: 810px) { .campaign2023 .u-pc-hidden { display: block; } } .campaign2023-kv { position: relative; width: 100%; } .campaign2023-kv img { width: 100%; } .campaign2023-kv__logo01 { position: absolute; top: 4%; left: 2%; width: 22%; } .campaign2023-kv__logo01:hover { opacity: 1 !important; } .campaign2023-kv__logo02 { max-width: 250px; margin: 0px auto; padding: 8px 0px; } .campaign2023-kv__image01 { position: absolute; top: 2%; right: 2%; width: 27%; } .campaign2023-kv__image02 { position: absolute; top: 20%; left: 50%; transform: translateX(-50%); width: 64%; } .campaign2023-kv__image03 { position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); width: 52%; } .campaign2023-kv__image04 { position: absolute; bottom: -4%; left: 2%; width: 20%; max-width: 380px; } @media (max-width: 810px) { .campaign2023-kv__image04 { bottom: -8px; left: 20px; } } .campaign2023-kv__image05 { position: absolute; bottom: -2%; right: 2%; width: 26%; max-width: 480px; } .campaign2023-image01 img { width: 100%; } .campaign2023-image02 { position: absolute; left: 50%; bottom: -176px; transform: translateX(-50%); } @media (max-width: 810px) { .campaign2023-image02 { bottom: -65px; width: 80px; } } .campaign2023-image03 { max-width: 630px; margin: 0px auto 60px; } @media (max-width: 810px) { .campaign2023-image03 { margin: 0px auto 30px; } } .campaign2023-image04 { max-width: 300px; margin: 0px auto; } @media (max-width: 810px) { .campaign2023-image04 { max-width: 150px; } } .campaign2023-image04 img { width: 100%; } .campaign2023-button01 { text-align: center; } @media (max-width: 810px) { .campaign2023-button01 { max-width: 200px; margin: 0px auto; } } .campaign2023-section01 { padding: 100px 0px 70px; } @media (max-width: 810px) { .campaign2023-section01 { padding: 60px 0px 30px; } } .campaign2023-section01--background-green { position: relative; background-color: rgb(196, 237, 230); } .campaign2023-section01--background-green::after { content: ""; position: absolute; top: 0px; left: 0px; background-image: url(""); background-position: center center; background-size: cover; background-repeat: no-repeat; width: 25%; height: 100%; } .campaign2023-section01--background-yellow { position: relative; background-color: rgb(252, 247, 217); } .campaign2023-section01--background-yellow::after { content: ""; position: absolute; top: 0px; left: 0px; background-image: url(""); background-position: center center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%; } .campaign2023-section01--background-pink { position: relative; background-color: rgb(255, 237, 236); } .campaign2023-section01--background-pink::after { content: ""; position: absolute; top: 0px; right: 0px; background-image: url(""); background-position: center center; background-size: cover; background-repeat: no-repeat; width: 25%; height: 100%; } .campaign2023-section01--icon01 { position: relative; } .campaign2023-section01--icon01::before { position: absolute; content: ""; top: -90px; left: 50%; z-index: 1; transform: translateX(-50%); background-image: url(""); background-position: center center; background-size: cover; background-repeat: no-repeat; width: 147px; height: 160px; } @media (max-width: 810px) { .campaign2023-section01--icon01::before { top: -40px; width: calc(73.5px); height: calc(80px); } } .campaign2023-section01--icon02 { position: relative; } .campaign2023-section01--icon02::before { position: absolute; content: ""; top: -90px; left: 50%; transform: translateX(-50%); background-image: url(""); background-position: center center; background-size: cover; background-repeat: no-repeat; width: 147px; height: 160px; z-index: 1; } @media (max-width: 810px) { .campaign2023-section01--icon02::before { top: -40px; width: calc(73.5px); height: calc(80px); } } .campaign2023-section02 { padding: 140px 0px 196px; } @media (max-width: 810px) { .campaign2023-section02 { padding: 70px 0px 80px; } } .campaign2023-inner01 { position: relative; z-index: 1; margin: 0px auto; padding: 0px 20px; } @media (min-width: 811px) { .campaign2023-inner01 { max-width: 1185px; box-sizing: content-box; } } .campaign2023-inner02 { position: relative; z-index: 1; margin: 0px auto; padding: 0px 20px; } @media (min-width: 811px) { .campaign2023-inner02 { max-width: 1065px; box-sizing: content-box; } } .campaign2023-lead__box { max-width: 1065px; margin: 0px auto; padding: 43px 0px; font-size: 1.5rem; font-weight: bold; line-height: 2; } @media (max-width: 810px) { .campaign2023-lead__box { padding: 20px 0px; font-size: 1rem; } } .campaign2023-lead__title { text-align: center; } .campaign2023-imageWrap01 { margin-bottom: 130px; } @media (max-width: 810px) { .campaign2023-imageWrap01 { margin-bottom: 60px; } } .campaign2023-title01 { display: flex; align-items: center; text-align: center; max-width: 1065px; margin: 0px auto 100px; font-weight: bold; font-size: 2rem; } @media (max-width: 810px) { .campaign2023-title01 { margin: 0px auto 20px; font-size: 1.125rem; } } .campaign2023-title01::before, .campaign2023-title01::after { content: ""; height: 1px; flex-grow: 1; background-color: rgb(0, 0, 0); } .campaign2023-title01::before { margin-right: 1rem; } .campaign2023-title01::after { margin-left: 1rem; } .campaign2023-title01--lines { text-align: center; line-height: 1.8; } @media (max-width: 810px) { .campaign2023-title01--lines { line-height: 1.4; } } .campaign2023-title02-wrap { text-align: center; } .campaign2023-title02 { display: inline-block; text-align: center; margin-bottom: 40px; font-size: 3rem; font-weight: bold; text-decoration-line: underline; text-decoration-color: rgb(230, 255, 87); text-decoration-thickness: 15px; text-underline-offset: -3px; text-decoration-skip-ink: none; } @media (max-width: 810px) { .campaign2023-title02 { margin-bottom: 20px; text-decoration-thickness: 8px; font-size: 1.5rem; } } .campaign2023-title02--green { color: rgb(1, 99, 0); text-decoration-color: rgb(255, 255, 255); } .campaign2023-title03 { position: relative; padding-left: 1em; font-size: 2.375rem; font-weight: bold; } .campaign2023-title03::before { display: inline-block; position: absolute; content: ""; top: 50%; left: 0px; transform: translateY(-50%); width: 20px; height: 20px; border-radius: 10px; background-color: rgb(255, 54, 141); } @media (max-width: 810px) { .campaign2023-title03 { margin-bottom: 10px; font-size: 1.125rem; } .campaign2023-title03::before { top: 45%; width: 10px; height: 10px; border-radius: 5px; } } .campaign2023-title03--pink::before { background-color: rgb(255, 54, 141); } .campaign2023-title03--blue::before { background-color: rgb(46, 144, 255); } .campaign2023-text01 { font-size: 1.75rem; line-height: 2; font-weight: bold; } @media (max-width: 810px) { .campaign2023-text01 { font-size: 1rem; line-height: 1.4; } } .campaign2023-link01 { color: rgb(0, 0, 255); } @media (max-width: 810px) { .campaign2023-link01 { font-size: 1rem; } } .campaign2023-period01 { text-align: center; color: rgb(255, 255, 255); border-radius: 32px; padding: 15px; margin-bottom: 20px; font-size: 1.875rem; font-weight: bold; letter-spacing: 0.05em; } @media (max-width: 810px) { .campaign2023-period01 { padding: 12px; font-size: 1rem; } } .campaign2023-period01--black { background-color: rgb(0, 0, 0); } .campaign2023-period01--pink { background-color: rgb(255, 54, 141); font-size: 1.625rem; } @media (max-width: 810px) { .campaign2023-period01--pink { font-size: 0.875rem; } } .campaign2023-note01 { text-indent: -1em; margin-left: 1em; font-size: 1.125rem; } @media (max-width: 810px) { .campaign2023-note01 { font-size: 0.75rem; } } .campaign2023-note01 li::before { position: relative; content: "※"; line-height: 1.5; } .campaign2023-note01--frame { padding: 25px 32px; background-color: rgb(255, 255, 255); border: 1px solid rgb(255, 54, 141); border-radius: 11px; color: rgb(255, 54, 141); } @media (max-width: 810px) { .campaign2023-note01--frame { padding: 15px; } } .campaign2023-catch01 { margin-bottom: 55px; } @media (max-width: 810px) { .campaign2023-catch01 { margin-bottom: 20px; } } .campaign2023-catch01--width01 { max-width: 850px; margin: 0px auto 55px; } .campaign2023-catch01 img { width: 100%; } .campaign2023-container01 { padding: 70px 60px 40px; background-color: rgb(255, 255, 255); border-radius: 37.5px; border: 9px solid rgb(196, 237, 230); } @media (max-width: 810px) { .campaign2023-container01 { padding: 30px 15px; border-radius: 15px; border: 5px solid rgb(196, 237, 230); } } .campaign2023-container02 { padding: 100px 0px 0px; } @media (max-width: 810px) { .campaign2023-container02 { padding: 50px 0px 0px; } } .campaign2023-container03 { position: relative; border: 8px solid currentcolor; border-radius: 38px; padding: 95px 60px 42px; } @media (max-width: 810px) { .campaign2023-container03 { border: 6px solid currentcolor; border-radius: 24px; padding: 45px 15px 42px; } } .campaign2023-container03:not(:last-of-type) { margin-bottom: 150px; } @media (max-width: 810px) { .campaign2023-container03:not(:last-of-type) { margin-bottom: 60px; } } .campaign2023-container03--pink { border: 8px solid rgb(255, 54, 141); } @media (max-width: 810px) { .campaign2023-container03--pink { border: 4px solid rgb(255, 54, 141); } } .campaign2023-container03--pink::before { position: absolute; content: ""; left: 0px; top: -8px; z-index: -1; width: 217px; height: 146px; background-image: url(""); background-position: center center; background-size: cover; background-repeat: no-repeat; } @media (max-width: 810px) { .campaign2023-container03--pink::before { left: 0px; top: -5px; width: 108px; height: 73px; } } .campaign2023-container03--orange { border: 8px solid rgb(255, 101, 46); } @media (max-width: 810px) { .campaign2023-container03--orange { border: 4px solid rgb(255, 101, 46); } } .campaign2023-container03__title { display: inline-block; border: 3px solid currentcolor; border-radius: 4px; padding: 12px 50px; background-color: rgb(255, 255, 255); font-size: 3.125rem; font-weight: bold; } @media (max-width: 810px) { .campaign2023-container03__title { border: 2px solid currentcolor; border-radius: 4px; padding: 8px; font-size: 1.25rem; } } .campaign2023-container03__title--pink { color: rgb(255, 54, 141); } .campaign2023-container03__title--orange { color: rgb(255, 101, 46); } .campaign2023-container03__title-wrap { position: absolute; top: -70px; left: 50%; transform: translateX(-50%); text-align: center; max-width: 800px; width: 100%; } @media (max-width: 810px) { .campaign2023-container03__title-wrap { top: -36px; } } .campaign2023-box01 { display: flex; align-items: center; justify-content: center; gap: 60px; margin-bottom: 20px; } @media (max-width: 810px) { .campaign2023-box01 { flex-direction: column; align-items: center; gap: 20px; } } .campaign2023-box01--reverse { flex-direction: row-reverse; } @media (max-width: 810px) { .campaign2023-box01--reverse { flex-direction: column; align-items: center; } } .campaign2023-box01__image { width: 25%; } .campaign2023-box01__image img { width: 100%; } @media (max-width: 810px) { .campaign2023-box01__image { width: 50%; } } .campaign2023-box01__image--width01 { max-width: 170px; } @media (max-width: 810px) { .campaign2023-box01__image--width01 { width: 28%; } } .campaign2023-box01__text { width: calc(75% - 60px); } @media (max-width: 810px) { .campaign2023-box01__text { width: 100%; } } .campaign2023-box02 { display: flex; align-items: flex-start; justify-content: center; gap: 58px; } @media (max-width: 810px) { .campaign2023-box02 { flex-direction: column; gap: 20px; } } .campaign2023-box02__image { width: 50%; } @media (max-width: 810px) { .campaign2023-box02__image { width: 100%; } } .campaign2023-box02__text { width: calc(50% - 58px); } @media (max-width: 810px) { .campaign2023-box02__text { width: 100%; } } .campaign2023-banner01 { padding: 150px 0px 130px; } @media (max-width: 810px) { .campaign2023-banner01 { padding: 60px 0px 80px; } } .campaign2023-banner01__image { max-width: 555px; margin: 0px auto 65px; } @media (max-width: 810px) { .campaign2023-banner01__image { margin: 0px auto 20px; } } .campaign2023-banner01__image figcaption { text-align: center; margin-top: 16px; font-size: 1.75rem; } @media (max-width: 810px) { .campaign2023-banner01__image figcaption { font-size: 0.875rem; } } .campaign2024 { font-family: "IBM Plex Sans JP", sans-serif; color: rgb(102, 102, 102); } .campaign2024 img { width: 100%; } .campaign2024 a { color: rgb(102, 102, 102); } @media (min-width: 811px) { .campaign2024 a { cursor: pointer; transition: opacity 0.3s ease 0s; } .campaign2024 a:hover { opacity: 0.7; } } .campaign2024 a[href^="tel"] { display: inline-block; } @media (min-width: 811px) { .campaign2024 a[href^="tel"] { pointer-events: none; } } .campaign2024 .u-color-orange01 { color: rgb(255, 102, 0); } .campaign2024 .u-text-bold { font-weight: 700; } .campaign2024 .u-text-center { text-align: center; } .campaign2024 .u-link01 { display: inline-block; color: rgb(52, 32, 218); } .campaign2024 .u-tel-icon01 { position: relative; padding-left: 1.2em; } .campaign2024 .u-tel-icon01::before { position: absolute; content: ""; top: 44%; left: 0px; transform: translateY(-50%); background-image: url(""); background-position: center center; background-size: contain; background-repeat: no-repeat; width: 1em; height: 1em; } .campaign2024 .u-hidden-sp { display: block; } @media (max-width: 811px) { .campaign2024 .u-hidden-sp { display: none !important; } } .campaign2024 .u-hidden-pc { display: none; } @media (max-width: 810px) { .campaign2024 .u-hidden-pc { display: block; } } .campaign2024-text01 { font-size: 1rem; letter-spacing: 0.025em; line-height: 1.5; } @media (min-width: 811px) { .campaign2024-text01 { font-size: 1.5rem; } } .campaign2024-text02 { font-size: 0.75rem; line-height: 1.375; } @media (min-width: 811px) { .campaign2024-text02 { font-size: 1rem; } } .campaign2024-text03 { font-size: 1rem; letter-spacing: 0.075em; line-height: 1.5; } @media (min-width: 811px) { .campaign2024-text03 { font-size: 1.75rem; } } .campaign2024-list01 { margin-bottom: 7.818%; font-size: 0.75rem; line-height: 1.375; } @media (min-width: 811px) { .campaign2024-list01 { font-size: 1rem; } } .campaign2024-list01--mb0 { margin-bottom: 0px; } .campaign2024-section01 { padding: 4.166% 0px; } @media (max-width: 810px) { .campaign2024-section01 { padding: 40px 0px; } } .campaign2024-section02 { padding: 6.25% 0px; background-color: rgb(204, 247, 255); } @media (max-width: 810px) { .campaign2024-section02 { padding: 80px 0px; } } .campaign2024-section02__text01 { margin-bottom: 7.818%; } .campaign2024-section02__text02 { margin-bottom: 3.181%; } .campaign2024-section02__button01 { margin-bottom: 4.545%; } .campaign2024-section03 { padding-bottom: 6.25%; } .campaign2024-section03__text01 { margin-bottom: 8.727%; } .campaign2024-section03-heading { position: relative; top: -10px; } @media (min-width: 811px) { .campaign2024-section03-heading { top: -48px; } } .campaign2024-section03-heading__image01 { margin-bottom: 3.508%; } .campaign2024-section04 { background-color: rgb(204, 247, 255); padding-bottom: 5.208%; } .campaign2024-section04__box01 { display: flex; flex-direction: column; align-items: start; justify-content: center; gap: 24px; margin-bottom: 8.727%; } @media (min-width: 811px) { .campaign2024-section04__box01 { flex-direction: row; gap: 9.363%; } } .campaign2024-section04__box01-text { margin-bottom: 2.909%; } .campaign2024-section04__box01-image { margin: 0px auto; width: 100%; max-width: 350px; } @media (min-width: 811px) { .campaign2024-section04__box01-image { margin: 0px; width: calc(45.3185%); max-width: none; } } .campaign2024-section04__sub-section01 { padding: 80px 0px 0px; } @media (min-width: 811px) { .campaign2024-section04__sub-section01 { padding: 145px 0px 0px; } } .campaign2024-section04__sub-section01-wrap { position: relative; border-radius: 0.5em; background-color: rgb(255, 255, 255); padding: 12.075% 0px 5.132%; } @media (min-width: 811px) { .campaign2024-section04__sub-section01-wrap { border-radius: 25px; } } .campaign2024-section04__sub-section01-title { position: absolute; top: -20px; left: 50%; transform: translateX(-50%); width: 100%; max-width: 1130px; padding: 0px 2em; } @media (min-width: 811px) { .campaign2024-section04__sub-section01-title { top: -80px; } } .campaign2024-section04__sub-section01-image01 { margin: 2.909% auto; width: 100%; max-width: 80px; } @media (min-width: 811px) { .campaign2024-section04__sub-section01-image01 { max-width: 185px; } } .campaign2024-section04__sub-section01-box01 { display: flex; align-items: flex-start; justify-content: center; gap: 3.181%; margin-bottom: 2.454%; } .campaign2024-section04__sub-section01-box01 > * { width: calc(48.4095%); } .campaign2024-section04__sub-section01-button { margin-bottom: 4.363%; } .campaign2024-section04__text01 { margin-bottom: 5.636%; } .campaign2024-section04__text02 { margin-bottom: 2.727%; } .campaign2024-section04-heading { position: relative; top: -10px; } @media (min-width: 811px) { .campaign2024-section04-heading { top: -48px; } } .campaign2024-section04-heading__image01 { margin-bottom: 3.508%; } .campaign2024-section05 { padding: 6.5625% 0px 5.52%; } .campaign2024-section05__box01 { position: relative; } .campaign2024-section05__box01-title-wrap { position: relative; z-index: 1; padding: 0px 1em; } .campaign2024-section05__box01-title { text-align: center; margin: 0px auto; border-radius: 0.5em; background-color: rgb(255, 102, 0); width: fit-content; padding: 0.54em 1.3em 0.42em; font-weight: 700; font-size: 1.125rem; color: rgb(255, 255, 255); } @media (min-width: 811px) { .campaign2024-section05__box01-title { font-size: 2.25rem; } } .campaign2024-section05__box01-content { position: relative; top: -2em; text-align: center; border-radius: 0.5em; border: 4px solid rgb(255, 102, 0); padding: 9.962% 0px 3.773%; } @media (min-width: 811px) { .campaign2024-section05__box01-content { top: -4em; border-radius: 25px; border: 8px solid rgb(255, 102, 0); } } .campaign2024-section05__box01-link { display: inline-block; text-align: center; font-size: 1rem; letter-spacing: 0.075em; line-height: 1.5; } @media (min-width: 811px) { .campaign2024-section05__box01-link { font-size: 1.75rem; } } .campaign2024-section05-heading { margin-bottom: 6.25%; font-size: 1.125rem; letter-spacing: 0.025em; line-height: 1.5; } @media (min-width: 811px) { .campaign2024-section05-heading { font-size: 2.25rem; } } .campaign2024-section06 { padding-bottom: 5.729%; } .campaign2024-section06__logo { display: block; margin: 9.09% auto 0px; max-width: 200px; } @media (min-width: 811px) { .campaign2024-section06__logo { max-width: 380px; } } .campaign2024-section06-heading { margin: 0px auto 4.363%; border-bottom: 2px solid currentcolor; width: fit-content; padding-bottom: 0.4em; font-size: 1.125rem; font-weight: 700; letter-spacing: 0.025em; line-height: 1.5; color: rgb(0, 144, 186); } @media (min-width: 811px) { .campaign2024-section06-heading { font-size: 2rem; } } .campaign2024-section06-tel { text-align: center; } .campaign2024-section06-tel--mb48 { margin-bottom: 4.363%; } .campaign2024-image01 { margin-bottom: 4.736%; } .campaign2024-image02 { margin-bottom: 7.272%; } .campaign2024-image03 { margin-bottom: 4.363%; } .campaign2024-image04 { margin-bottom: 4.363%; } .campaign2024-image05 { margin-bottom: 5.818%; } .campaign2024-image06 { margin-bottom: 2.454%; } .campaign2024-image07 { margin: 0px auto 5.272%; max-width: 100%; } @media (min-width: 811px) { .campaign2024-image07 { max-width: 830px; } } .campaign2024-image08 { margin: 0px auto 5.056%; max-width: 686px; padding: 0px 60px; } @media (min-width: 811px) { .campaign2024-image08 { max-width: 686px; } } .campaign2024-inner01 { max-width: 800px; margin-right: auto; margin-left: auto; box-sizing: content-box; padding-right: 20px; padding-left: 20px; } .campaign2024-inner02 { max-width: 960px; margin-right: auto; margin-left: auto; box-sizing: content-box; padding-right: 20px; padding-left: 20px; } .campaign2024-inner03 { max-width: 1536px; margin-right: auto; margin-left: auto; box-sizing: content-box; padding-right: 0px; padding-left: 0px; } .athp-transer_willer-button-block { display: none; } .athp-transer_willer-button-wrap { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 24px; } @media (min-width: 811px) { .athp-transer_willer-button-wrap { flex-direction: row; gap: 40px; } } .athp-transer_willer-button { width: 100%; } @media (min-width: 811px) { .athp-transer_willer-button { max-width: 450px; } } .athp-transer_willer-button__button { max-width: 100%; } .athp-transer_willer-button-section:lang(en), .athp-transer_willer-button-section:lang(zh-hans), .athp-transer_willer-button-section:lang(zh-hant), .athp-transer_willer-button-section:lang(ko) { height: auto; } 125_arr_24") center center / cover no-repeat; } @media (min-width: 811px) { .contact__submit .c-button01:hover { opacity: 0.7; } } .contact__submit .c-button01__button { padding: 0px; } @media (min-width: 811px) { .contact__submit .c-button01__button:hover input[type="submit"] { color: rgb(255, 63, 23); } } .contact__submit .c-button01.is-back .c-button01__icon { left: auto; right: 15px; transform: translateY(-50%) rotate(180deg); } .contact__submit .c-button01.is-back .c-button01__button::after { left: auto; right: 15px; } @media (min-width: 811px) { .contact__submit .c-button01.is-back .c-button01__button:hover .c-button01__icon { transform: translate(-30px, -50%) rotate(180deg); transition: all 0.3s ease 0s; } } .contact__submit__check { margin-bottom: 40px; } @media (min-width: 811px) { .contact__submit__check { margin-bottom: 60px; } } .contact__submit__check .mwform-checkbox-field label { display: flex; justify-content: center; align-items: center; cursor: pointer; } .contact__submit__check .mwform-checkbox-field label span { font-weight: 100; line-height: 1.7em; letter-spacing: 0.1em; } .contact__submit__check .mwform-checkbox-field-text { cursor: pointer; } .contact__submit__check input[type="checkbox"] { position: relative; width: 15px; height: 15px; border: 1px solid rgb(51, 51, 51); margin-right: 10px; cursor: pointer; } .contact__submit__check input[type="checkbox"]:checked::before { position: absolute; top: 1px; left: 2px; display: block; content: ""; border-left: 2px solid rgb(51, 51, 51); border-bottom: 2px solid rgb(51, 51, 51); transform: rotate(-45deg); height: 5px; width: 9px; } @media (min-width: 811px) { .contact__submit__btn__wrap { display: flex; justify-content: center; align-items: center; column-gap: 40px; } } .contact__submit__btn__wrap .is-button { width: 100%; } @media (min-width: 811px) { .contact__submit__btn__wrap .is-button { width: 270px; max-width: calc(50% - 20px); } } .contact__submit__btn__wrap .is-button.is-back { margin-top: 20px; } @media (min-width: 811px) { .contact__submit__btn__wrap .is-button.is-back { margin-top: 0px; } } .contact__submit__btn__wrap .is-button .c-button01__button { max-width: 100%; } .contact__submit input[type="submit"] { color: rgb(255, 255, 255); width: 100%; height: 100%; cursor: pointer; transition: all 0.3s ease 0s; font-size: 1.25rem; font-weight: 700; letter-spacing: 0.1em; line-height: 1.7em; padding: 11px 11px 11px 24px; z-index: 1; } @media (min-width: 811px) { .contact__submit input[type="submit"] { padding: 14px 14px 14px 24px; } } .contact__submit .is-back { display: none; } @media (min-width: 811px) { .contact__submit .is-back { margin-top: 0px; } } .contact__submit .is-back .is-arrow::before { left: 20px; right: auto; transform: rotate(180deg); } .mw_wp_form .p-form { padding-top: 40px; margin-top: -40px; } @media (min-width: 811px) { .mw_wp_form .p-form { padding-top: 80px; margin-top: -80px; } } .mw_wp_form .p-form .is-confirm { display: none; } .mw_wp_form .p-form .error { font-size: 1rem; color: rgb(255, 63, 23); margin-top: 5px; font-weight: bold; } .mw_wp_form .p-form .is-flex .error { width: 100%; } .mw_wp_form .p-form .mwform-checkbox-field ~ .error { text-align: center; } .mw_wp_form .contact__submit .error { text-align: center; } .mw_wp_form_input .p-inquiry__lead03 { display: none; } .mw_wp_form_confirm .p-form .is-contact { display: none; } .mw_wp_form_confirm .p-form .is-confirm { display: block; } .mw_wp_form_confirm .p-inquiry__lead01, .mw_wp_form_confirm .p-inquiry__lead02, .mw_wp_form_confirm .p-tel-section01__box.p-inquiry__box { display: none; } .mw_wp_form_confirm .p-inquiry__lead03 { display: block; } .mw_wp_form_confirm .contact__form__inner.is-mailConfirm { display: none; } .mw_wp_form_confirm .contact__form__select { width: 100%; } .mw_wp_form_confirm label.is-select { width: 100%; min-height: 50px; border-radius: 3px; padding: 10px; background-color: rgb(243, 243, 243); display: flex; align-items: center; } .mw_wp_form_confirm label.is-select::before, .mw_wp_form_confirm label.is-select::after { display: none; } .mw_wp_form_confirm .contact__form__text { width: 100%; padding: 10px; min-height: 50px; background-color: rgb(243, 243, 243); border: none; display: flex; align-items: center; } .mw_wp_form_confirm .contact__submit .is-back { display: block; } .mw_wp_form_confirm .contact__submit input[type="submit"] { margin-right: 24px; } .mw_wp_form_confirm .contact__form dd { display: flex; align-items: center; line-height: 1.7em; letter-spacing: 0.1em; } .mw_wp_form_confirm .contact__submit__btn__wrap { flex-flow: row-reverse; } .mw_wp_form_confirm .contact__submit__ld, .mw_wp_form_confirm .contact__submit__check { display: none; } .mw_wp_form_confirm .is-mail-confirm { display: none; } .mw_wp_form_complete .contact__form__dl__wrap { padding: 80px 0px; } @media (min-width: 811px) { .mw_wp_form_complete .contact__form__dl__wrap { padding: 120px 0px; } } .u-desktop { display: none; } @media (min-width: 811px) { .u-mobile { display: none; } .u-desktop { display: block; } } .l-sub-title { font-size: 24px; text-align: center; position: relative; font-weight: bold; } .l-sub-title::after { content: ""; width: 108px; height: 5px; background: rgb(255, 63, 23); position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); } @media (min-width: 811px) { .l-sub-title { font-size: 36px; } } .l-lv__image-wrap { width: 100%; height: 146px; margin: 52px auto 26px; } .l-lv__image-wrap img { width: 100%; height: 100%; object-fit: cover; } @media (min-width: 811px) { .l-lv__image-wrap { height: 400px; margin: 64px auto 38px; } } .c-subTitle { display: flex; align-items: center; } .c-subTitle__icon { width: 24px; height: 24px; margin-right: 8px; } .c-subTitle__title { font-size: 20px; font-weight: bold; } @media (min-width: 811px) { .c-subTitle__title { font-size: 28px; } } .p-about-top { padding: 25px 0px; } .p-about-top__image { margin-bottom: 40px; width: 100%; } .p-about-top__image img { width: 100%; height: auto; } @media (min-width: 811px) { .p-about-top__image { max-width: 800px; margin: 0px auto 60px; } } .p-about-top__title { font-size: 20px; font-weight: bold; color: rgb(255, 63, 23); margin-bottom: 12px; } @media (min-width: 811px) { .p-about-top__title { font-size: 28px; } .p-about-top__text { font-size: 16px; line-height: 1.5; } } .p-about-merit { padding: 25px 0px; } .p-about-merit__title { margin-bottom: 36px; } .p-about-merit__item { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; } .p-about-merit__content { flex: 1 1 0%; margin-right: 13px; } .p-about-merit__subTitle { display: inline-block; font-size: 18px; font-weight: bold; margin-bottom: 14px; position: relative; } .p-about-merit__subTitle::after { content: ""; position: absolute; left: 0px; bottom: -4px; width: 100%; height: 2px; background-color: rgb(235, 80, 47); } .p-about-merit__text { font-size: 14px; } .p-about-merit__image { width: 31.6%; min-width: 104px; max-width: 145px; } @media (min-width: 811px) { .p-about-merit__subTitle { font-size: 24px; margin-bottom: 24px; } .p-about-merit__subTitle::after { height: 4px; bottom: -8px; } .p-about-merit__text { font-size: 16px; line-height: 1.5; } .p-about-merit__image { max-width: 200px; height: 200px; } } .p-about-character__name { font-size: 20px; font-weight: bold; margin-bottom: 15px; } .p-about-character__name--small { font-size: 14px; font-weight: normal; } .p-about-character__text { font-size: 14px; margin-bottom: 5px; } .p-about-character__title { margin-bottom: 36px; } .p-about-character__features { margin-bottom: 29px; } .p-about-character__feature { margin-bottom: 3px; display: flex; align-items: center; justify-content: flex-start; } .p-about-character__feature--title { font-weight: bold; } .p-about-character__image { max-width: 550px; width: 100%; margin: 0px auto; } .p-about-character__image--top { margin-bottom: 12px; } .p-about-character__images { position: relative; margin-bottom: 14px; } .p-about-character__image--bg { position: absolute; left: 50%; bottom: -16px; transform: translateX(-50%); width: 100vw; z-index: -1; } .p-about-character__image--bottom { margin-bottom: 40px; } .p-about-character__image--bg img { width: 100%; } .c-orange-circle { color: rgb(255, 125, 0); font-size: 10px; align-items: center; } .c-blue-circle { color: rgb(0, 95, 164); } @media (min-width: 811px) { .p-about-character__name { font-size: 26px; } .p-about-character__image--bg { bottom: -60px; } .p-about-character__name--small { font-size: 18px; } .p-about-character__text { font-size: 16px; line-height: 1.5; } .p-about-character__features { margin-bottom: 50px; } .p-about-character__feature { font-size: 16px; line-height: 1.5; } .p-about-character__image--bottom { margin-bottom: 60px; } } .p-price-complement { text-align: center; font-size: 14px; margin-bottom: 56px; } @media (min-width: 811px) { .p-price-complement { font-size: 18px; } } .p-price-tabs { padding-bottom: 12px; background-color: rgb(255, 255, 255); width: 100%; margin: 0px auto; } @media (min-width: 811px) { .p-price-tabs { padding-bottom: 24px; } } .p-price-tabs__item { width: calc(50% - 8px); height: 57px; padding: 10px 5px 0px; background-color: rgb(112, 112, 113); border-top: 9px solid rgb(112, 112, 113); font-size: 10px; color: rgb(255, 255, 255); display: inline-block; text-align: center; font-weight: 700; transition: all 0.2s ease 0s; cursor: pointer; } @media (min-width: 400px) { .p-price-tabs__item { font-size: 12px; } } @media (min-width: 811px) { .p-price-tabs__item { font-size: 18px; height: 80px; padding-top: 16px; } } .p-price-tabs.is-3column .p-price-tabs__item { width: calc(33.3333% - 4px); height: 80px; } .p-price-tabs.is-3column .p-price-tabs__item br:first-child { display: block; } @media (min-width: 768px) { .p-price-tabs.is-3column .p-price-tabs__item br:first-child { display: none; } } .p-price-tabs .p-price-tabs__item br:first-child { display: none; } @media (min-width: 768px) { .p-price-tabs .p-price-tabs__item br:first-child { display: none; } } @media (min-width: 811px) { .p-price-tabs.is-3column .p-price-tabs__item { width: calc(33.3333% - 4px); } } .p-price-tabs__item--left { } .p-price-border { height: 1px; background-color: rgb(112, 112, 112); margin: 0px calc(50% - 50vw); width: 100vw; } input[name="tab_item"] { display: none; } .p-price-tabs__content { display: none; padding-top: 40px; clear: both; height: 500px; overflow-y: scroll; } @media (min-width: 811px) { .p-price-tabs__content { height: 80vh; overflow-y: scroll; } } #all:checked ~ #all_content, #programming:checked ~ #programming_content, #other:checked ~ #other_content { display: block; } .p-price-tabs input:checked + .p-price-tabs__item { background-color: rgb(255, 255, 255); color: rgb(10, 51, 188); border-top: 9px solid rgb(10, 51, 188); border-right: 1px solid rgb(112, 112, 112); border-left: 1px solid rgb(112, 112, 112); position: relative; } .p-price-tabs input:checked + .p-price-tabs__item--right { background-color: rgb(255, 255, 255); color: rgb(255, 63, 23); border-top: 9px solid rgb(255, 63, 23); border-right: 1px solid rgb(112, 112, 112); border-left: 1px solid rgb(112, 112, 112); position: relative; } .p-price-tabs input:checked + .p-price-tabs__item--other { background-color: rgb(255, 255, 255); color: rgb(54, 151, 0); border-top: 9px solid rgb(54, 151, 0); border-right: 1px solid rgb(112, 112, 112); border-left: 1px solid rgb(112, 112, 112); position: relative; } .p-price-tabs input:checked + .p-price-tabs__item::after { content: ""; position: absolute; bottom: -1px; left: 0px; width: 100%; height: 2px; background-color: rgb(255, 255, 255); } .p-price-tabs__note { margin-bottom: 30px; } @media (min-width: 811px) { .p-price-tabs__note { font-size: 16px; } } .p-price-tabs__important { margin-bottom: 5px; } @media (min-width: 811px) { .p-price-tabs__important { font-size: 16px; } } .p-price-tabs__plus { width: 47px; height: 47px; margin: 0px auto 32px; } @media (min-width: 811px) { .p-price-tabs__plus { width: 54px; height: 54px; } } .p-price-table { width: 100%; } .p-price-table-A1 { margin-bottom: 9px; } .p-price-table-B1 { margin-bottom: 9px; } .p-price-table-A2 { margin-bottom: 24px; } .p-price-table-B2 { margin-bottom: 24px; } .p-price-table-A3 { margin-bottom: 9px; } .p-price-table table { border: 1px solid rgb(89, 89, 89); border-collapse: collapse; } .p-price-table td, .p-price-table th { height: 25px; } .p-price-table th { background: rgb(240, 230, 204); } .even { background: rgb(251, 248, 240); } .odd { background: rgb(254, 252, 249); } .p-price-table td { text-align: center; vertical-align: middle; border-right: 1px solid rgb(112, 112, 112); border-left: 1px solid rgb(112, 112, 112); } .p-price-table__1 { height: 41px; background-color: rgb(10, 51, 188); color: rgb(255, 255, 255); font-size: 20px; font-weight: 700; } .p-price-table__1--right { height: 41px; background-color: rgb(255, 63, 23); color: rgb(255, 255, 255); font-size: 20px; } .p-price-table__1--other { height: 41px; background-color: rgb(54, 151, 0); color: rgb(255, 255, 255); font-size: 20px; } @media (min-width: 811px) { .p-price-table__1 { height: 55px; font-size: 24px; } } .p-price-table__1__td--small { font-size: 1rem; } @media (min-width: 811px) { .p-price-table__1__td--small { font-size: 1.25rem; } } .p-price-table__2, .p-price-table__3, .p-price-table__4, .p-price-table__5, .p-price-table__6, .p-price-table__7, .p-price-table__8, .p-price-table__9, .p-price-table__10, .p-price-table__11, .p-price-table__12, .p-price-table__13, .p-price-table__14 { height: 41px; border-bottom: 1px solid rgb(112, 112, 112); } @media (min-width: 811px) { .p-price-table__2, .p-price-table__3, .p-price-table__4, .p-price-table__5, .p-price-table__6, .p-price-table__7, .p-price-table__8, .p-price-table__9, .p-price-table__10, .p-price-table__11, .p-price-table__12, .p-price-table__13, .p-price-table__14 { height: 52px; font-size: 18px; } } .p-price-table__2 { background-color: rgb(232, 232, 232); } .p-price-table__2, .p-price-table__4, .p-price-table__6 { border-bottom: 1px solid rgb(112, 112, 112); } .p-price-table__3--dash, .p-price-table__5--dash { border-bottom: 1px dashed rgb(112, 112, 112); } .p-price-table__fuel { font-size: 10px; } .p-price-table__total { font-size: 14px; } .p-price-table__web { font-size: 10px; } .p-price-table__kind { width: 74px; } .p-price-table__section, .p-price-table__price, .p-price-table__fuel, .p-price-table__total, .p-price-table__web { width: 220px; } @media (min-width: 811px) { .p-price-table__kind, .p-price-table__section, .p-price-table__price, .p-price-table__fuel, .p-price-table__total, .p-price-table__web { font-size: 18px; } } .p-price-table__price--sub { font-size: 10px; writing-mode: vertical-rl; white-space: pre; min-width: 20px; } .p-price-table__price--sub span { display: inline-block; text-align: center; writing-mode: vertical-rl; vertical-align: middle; white-space: pre; } @media (min-width: 811px) { .p-price-table__price--sub { writing-mode: horizontal-tb; max-width: 30px; font-size: 14px; } } .p-price-table__total--body { color: rgb(255, 63, 23); background-color: rgb(255, 247, 204); font-weight: 700; } .p-price-table__section--body { font-size: 12px; } @media (min-width: 811px) { .p-price-table__section--body { font-size: 16px; } } .p-price-table__web--link a { font-size: 10px; position: relative; color: rgb(0, 95, 164); display: inline-block; } .p-price-table__web--link a::after { content: ""; position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 10px; height: 1px; background-color: rgb(0, 95, 164); } @media (min-width: 811px) { .p-price-table__web--link a { font-size: 14px; } .p-price-table__web--link a::after { width: 14px; } } .p-price-table-A4__left, .p-price-table-B4__left { width: 44%; } .p-price-table-A4__right .p-price-table-B4__right { width: 56%; } .p-price-table-A4__right--main, .p-price-table-B4__right--main { background-color: rgb(255, 247, 204); color: rgb(255, 63, 23); font-weight: 700; } @media (min-width: 811px) { .p-price-table-A4__left, .p-price-table-B4__left { width: 44%; } .p-price-table-A4__right, .p-price-table-B4__right { width: 56%; } } .p-price-table-A4, .p-price-table-B4 { margin-bottom: 32px; } .p-price-table-A5__main, .p-price-table-B5__main { background-color: rgb(255, 247, 204); color: rgb(255, 63, 23); font-weight: 700; } @media (min-width: 811px) { .p-price-table-A5__main, .p-price-table-B5__main { font-size: 18px; } } .p-price-supplement { padding-bottom: 15px; } @media (min-width: 811px) { .p-price-supplement { padding-bottom: 20px; } } .p-price-supplement__item { padding-left: 15px; position: relative; margin-bottom: 8px; } .p-price-supplement__item::before { content: ""; position: absolute; left: 3px; top: 4px; width: 6px; height: 6px; border-radius: 3px; background-color: rgb(255, 63, 23); } @media (min-width: 811px) { .p-price-supplement__item { font-size: 16px; padding-left: 25px; line-height: 1.5; } .p-price-supplement__item::before { width: 12px; height: 13px; border-radius: 6px; } } .p-price-oil { padding: 15px 0px; } .p-price-oil__title { margin-bottom: 17px; } .p-price-oil__text { margin-bottom: 12px; } @media (min-width: 811px) { .p-price-oil__text { font-size: 16px; line-height: 1.5; } } .p-price-oil__item { padding-left: 15px; position: relative; margin-bottom: 8px; } .p-price-oil__item::before { content: ""; position: absolute; left: 3px; top: 4px; width: 6px; height: 6px; border-radius: 3px; background-color: rgb(255, 63, 23); } @media (min-width: 811px) { .p-price-oil__item { padding-left: 25px; font-size: 16px; line-height: 1.5; } .p-price-oil__item::before { width: 12px; height: 13px; border-radius: 6px; } } .p-price-transportation { padding: 15px 0px; } .p-price-transportation__title { margin-bottom: 17px; } .p-price-transportation__item { padding-left: 15px; position: relative; margin-bottom: 8px; } .p-price-transportation__item::before { content: ""; position: absolute; left: 3px; top: 4px; width: 6px; height: 6px; border-radius: 3px; background-color: rgb(255, 63, 23); } @media (min-width: 811px) { .p-price-transportation__item { padding-left: 25px; font-size: 16px; line-height: 1.5; } .p-price-transportation__item::before { width: 12px; height: 13px; border-radius: 6px; } } .p-price-discount { padding: 15px 0px; } .p-price-discount__title { margin-bottom: 17px; } .p-price-discount__item a { color: rgb(0, 95, 164); border-bottom: 1px solid rgb(0, 95, 164); display: inline-block; margin-bottom: 15px; font-weight: bold; } @media (min-width: 811px) { .p-price-discount__item a { font-size: 16px; line-height: 1.5; } } .p-price-cash { padding: 15px 0px; } @media (min-width: 811px) { .p-price-cash__text { font-size: 16px; line-height: 1.5; } } .p-price-cash__text { margin-bottom: 21px; } .p-price-cash__cards { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 7px; margin-bottom: 20px; } .p-price-cash__cards img { height: 27px; } @media (min-width: 811px) { .p-price-cash__cards img { height: 42px; } } .p-timetable-table { width: 100%; border: 1px solid rgb(89, 89, 89); border-collapse: collapse; font-weight: bold; } .p-timetable-table__1 { height: 46px; background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); font-size: 24px; } .p-timetable-table1 { font-size: 18px; } .p-timetable-table1 { font-size: 18px; } .p-timetable-table3 { font-size: 18px; } .p-timetable-table3__2 { font-size: 14px; } .p-timetable-table1__2 { font-size: 14px; } .p-timetable-table__2 { height: 33px; } .p-timetable-table1__2 { color: rgb(255, 255, 255); } .p-timetable-table2__2 { font-size: 10px; } .p-timetable-table3__2 { color: rgb(255, 255, 255); } .p-timetable-table4__2 { font-size: 10px; } .p-timetable-table4__fontSmall { font-size: 9px; } .p-timetable-table__3, .p-timetable-table__4, .p-timetable-table__5, .p-timetable-table__6, .p-timetable-table__7, .p-timetable-table__8, .p-timetable-table__9, .p-timetable-table__10, .p-timetable-table__11, .p-timetable-table__12 { height: 55px; } .p-timetable-table1__5, .p-timetable-table1__7, .p-timetable-table1__9, .p-timetable-table1__11 { background-color: rgb(225, 233, 237); } .p-timetable-table2__3, .p-timetable-table2__5, .p-timetable-table2__7, .p-timetable-table2__9, .p-timetable-table2__11 { background-color: rgb(243, 240, 225); } .p-timetable-table3__5, .p-timetable-table3__7, .p-timetable-table3__9, .p-timetable-table3__11 { background-color: rgb(225, 233, 237); } .p-timetable-table4__5, .p-timetable-table4__7, .p-timetable-table4__9, .p-timetable-table4__11 { background-color: rgb(243, 240, 225); } .p-timetable-table1 { margin-bottom: 47.5px; } .p-timetable-table2 { margin-bottom: 9px; } .p-timetable-table3 { margin-bottom: 9px; } .p-timetable-table4 { margin-bottom: 9px; } .p-timetable-table td { text-align: center; padding: 5px; vertical-align: middle; border: 1px solid rgb(112, 112, 112); } .p-timetable-table__flight { width: 10.9%; color: rgb(0, 0, 0); } .p-timetable-table__ship { background-color: rgb(170, 170, 170); width: 29.7%; } .p-timetable-table__wakayama { background-color: rgb(255, 125, 0); width: 29.7%; } .p-timetable-table__tokushima { background-color: rgb(0, 95, 164); width: 29.7%; } .p-timetable-table__ship--main { background-color: rgb(232, 232, 232); } .p-timetable-table__train { width: 20%; } .p-timetable-table__nanba { width: 20%; } .p-timetable-table__kankyuu { width: 20%; } .p-timetable-table__wakayamahatsu { width: 20%; } .p-timetable-table2__wakayamachaku, .p-timetable-table4__wakayamahatsu { width: 20%; background-color: rgb(255, 125, 0); color: rgb(255, 255, 255); } .p-timetable-table__image--ferry, .p-timetable-table__image--train { width: 30px; height: 30px; margin-right: 4px; } .p-timetable-table-wrap { width: 100%; } .p-timetable-table-flex { margin-bottom: 20px; } @media (min-width: 811px) { .p-timetable-table-flex { display: flex; align-items: flex-start; justify-content: center; gap: 40px; margin-bottom: 55px; } .p-timetable-table1 { margin-bottom: 8px; } .p-timetable-table2 { margin-bottom: 8px; } .p-timetable-table__3, .p-timetable-table__4, .p-timetable-table__5, .p-timetable-table__6, .p-timetable-table__7, .p-timetable-table__8, .p-timetable-table__9, .p-timetable-table__10, .p-timetable-table__11, .p-timetable-table__12 { height: 65px; } .p-timetable-table1__2 { font-size: 18px; } .p-timetable-table2__2 { font-size: 18px; } .p-timetable-table3__2 { font-size: 18px; } .p-timetable-table4__2 { font-size: 18px; } .p-timetable-table__1 { height: 70px; } .p-timetable-table__2 { height: 60px; } .p-timetable-table2__2 { font-size: 18px; } .p-timetable-table3__2 { color: rgb(255, 255, 255); } .p-timetable-table4__2 { font-size: 18px; } .p-timetable-table4__fontSmall { font-size: 9px; } .p-timetable-table2, .p-timetable-table4 { font-size: 16px; } .p-timetable-table4__fontSmall { font-size: 12px; } .p-timetable-table__supplement { font-size: 16px; text-align: right; color: rgb(255, 63, 23); } .p-timetable-table-wrap { width: calc(50% - 20px); } } .p-timetable-complement { font-size: 14px; margin-bottom: 20px; font-weight: bold; } .p-timetable-complement__link { display: inline-block; color: rgb(0, 95, 164); text-decoration: underline; } @media (min-width: 811px) { .p-timetable-complement { text-align: center; font-size: 18px; } } .p-timetable-direction { margin-bottom: 25px; } .p-timetable-direction__block { color: rgb(255, 255, 255); text-align: center; padding: 12px 0px; margin-bottom: 8px; font-weight: bold; } .p-timetable-direction__block--orange { background-color: rgb(255, 125, 0); } .p-timetable-direction__block--blue { background-color: rgb(0, 95, 164); } .p-timetable-direction__title { font-size: 24px; } .p-timetable-direction__text { font-size: 18px; } .p-timetable-direction__sub { font-size: 14px; padding-left: 15px; position: relative; } .p-timetable-direction__sub--orangeCircle { position: absolute; top: 4px; left: 0px; color: rgb(255, 125, 0); font-size: 8px; } .p-timetable-direction__sub--blueCircle { position: absolute; top: 4px; left: 0px; color: rgb(0, 95, 164); font-size: 8px; } @media (min-width: 811px) { .p-timetable-direction__sub { font-size: 18px; } .p-timetable-direction__sub--orangeCircle { font-size: 10px; } .p-timetable-direction__sub--blueCircle { font-size: 10px; } } .p-timetable__item { position: relative; padding-left: 15px; margin-bottom: 14px; } .p-timetable__item span { position: absolute; top: 4px; left: 0px; color: rgb(255, 125, 0); font-size: 8px; } .p-timetable__item--link { display: inline-block; text-decoration: underline; color: rgb(0, 71, 255); } .p-timetable__item--orange { color: rgb(255, 63, 23); } @media (min-width: 811px) { .p-timetable__item { font-size: 16px; line-height: 1.5; } .p-timetable__item span { font-size: 10px; } } .p-timetable-train { padding: 15px 0px; } .p-timetable-train__title { margin-bottom: 16px; } .p-timetable-reserve { padding: 15px 0px; } .p-timetable-reserve__title { margin-bottom: 16px; } .p-timetable-green { padding: 15px 0px; } .p-timetable-green__title { margin-bottom: 20px; } .p-timetable-green__text { margin-bottom: 15px; } @media (min-width: 811px) { .p-timetable-green__text { font-size: 18px; } } .p-timetable-nankai { padding: 15px 0px; } .p-timetable-nankai__title { margin-bottom: 16px; } .p-timetable-ferry { padding: 15px 0px; } .p-timetable-ferry__title { margin-bottom: 16px; } .p-timetable-busGuide { padding: 15px 0px; } .p-timetable-busGuide__title { margin-bottom: 16px; } .p-timetable-busGuide__image--first { max-width: 180px; margin: 7px auto 0px; } .p-timetable-busGuide__image--first img { width: 100%; } .p-timetable-busGuide__image--second { max-width: 280px; margin: 7px auto 0px; } .p-timetable-busGuide__image--second img { width: 100%; } @media (min-width: 811px) { .p-timetable-busGuide__image--first { max-width: 350px; width: 50%; margin-left: 10px; } .p-timetable-busGuide__image--second { margin-left: 10px; width: 500px; } } .c-color-orange { color: rgb(255, 63, 23); } .p-wakayama-map { padding: 16px 0px; } .p-wakayama-map__map { height: 167px; margin-bottom: 5px; } .p-wakayama-map__title { margin-bottom: 15.5em; } .p-wakayama-map__item { vertical-align: middle; margin-bottom: 2px; } .p-wakayama-map__item span { font-size: 9px; color: rgb(255, 63, 23); } @media (min-width: 811px) { .p-wakayama-map { padding: 16px 0px 32px; } .p-wakayama-map__map { height: 360px; } .p-wakayama-map__item { font-size: 16px; margin-bottom: 4px; line-height: 1.5; } } .p-wakayama-access { padding: 16px 0px; } .p-wakayama-access__title { margin-bottom: 15.5px; } .p-wakayama-access__table { width: 100%; } .p-wakayama-access__table img { width: 15.5px; margin-right: 7.4px; } .p-wakayama-access__table td { vertical-align: middle; } .p-wakayama-access__table1 { height: 32px; border-top: 0.5px solid rgb(0, 0, 0); } .p-wakayama-access__table2 { height: 51px; border-top: 0.5px solid rgb(0, 0, 0); } .p-wakayama-access__table3 { height: 32px; border-top: 0.5px solid rgb(0, 0, 0); border-bottom: 0.5px solid rgb(0, 0, 0); } .p-wakayama-access__left { width: 44.8%; font-weight: bold; } .p-wakayama-access__right { width: 55.2%; } @media (min-width: 811px) { .p-wakayama-access { padding: 32px 0px; } .p-wakayama-access__table { font-size: 16px; line-height: 1.5; } .p-wakayama-access__table1 { height: 52px; } .p-wakayama-access__table2 { height: 68px; } .p-wakayama-access__table3 { height: 52px; } .p-wakayama-access__left { width: 30%; } } .p-wakayama-park { padding: 16px 0px; } .p-wakayama-park__title { margin-bottom: 15.5px; } .p-wakayama-park__items--top span { color: rgb(255, 63, 23); font-size: 8px; vertical-align: middle; } .p-wakayama-park__item { margin-bottom: 4px; } @media (min-width: 811px) { .p-wakayama-park__item { font-size: 16px; margin-bottom: 8px; line-height: 1.5; } .p-wakayama-park__items--top span { font-size: 16px; } } .p-wakayama-boarding { padding: 16px 0px; } .p-wakayama-boarding__title { margin-bottom: 19px; } .p-wakayama-boarding__tabs { padding-bottom: 12px; background-color: rgb(255, 255, 255); width: 100%; margin: 0px auto 26px; } .tab_item { height: 57px; padding-top: 10px; background-color: rgb(174, 174, 174); border-top: 9px solid rgb(174, 174, 174); font-size: 14px; color: rgb(255, 255, 255); display: block; float: left; text-align: center; font-weight: bold; transition: all 0.2s ease 0s; cursor: pointer; margin-right: 3px; width: calc(25% - 3px); } .tab_item4 { margin-right: 0px; } input[name="tab_item"] { display: none; } .tab_content { display: none; padding: 18px; clear: both; overflow: hidden; } #tab1:checked ~ #tab1_content, #tab2:checked ~ #tab2_content, #tab3:checked ~ #tab3_content, #tab4:checked ~ #tab4_content { display: block; } .p-wakayama-boarding__tabs input:checked + .tab_item1 { background-color: rgb(243, 240, 225); color: rgb(0, 0, 0); border-top: 9px solid rgb(227, 212, 170); width: calc(25% - 3px); } .p-wakayama-boarding__tabs input:checked + .tab_item2 { background-color: rgb(251, 240, 252); color: rgb(0, 0, 0); border-top: 9px solid rgb(242, 202, 242); width: calc(25% - 3px); } .p-wakayama-boarding__tabs input:checked + .tab_item3 { border-top: 9px solid rgb(203, 225, 255); background-color: rgb(247, 255, 254); width: calc(25% - 3px); color: rgb(0, 0, 0); } .p-wakayama-boarding__tabs input:checked + .tab_item4 { width: calc(25% - 3px); border-top: 9px solid rgb(198, 245, 200); background-color: rgb(242, 255, 242); color: rgb(0, 0, 0); } .tab_content1 { background-color: rgb(243, 240, 225); } .tab_content2 { background-color: rgb(251, 240, 252); } .tab_content3 { background-color: rgb(247, 255, 254); } .tab_content4 { background-color: rgb(242, 255, 242); } .p-wakayama-boarding__link { display: flex; align-items: center; font-weight: bold; } .p-wakayama-boarding__link a { margin-right: 5px; color: rgb(0, 95, 164); text-decoration: underline; } .p-wakayama-boarding__link--icon { width: 13px; height: auto; } @media (min-width: 811px) { .p-wakayama-boarding { padding: 32px 0px; } .tab_item { height: 72px; font-size: 20px; padding-top: 16px; } .tab_content { padding: 24px; } .p-wakayama-boarding__text { font-size: 16px; line-height: 1.5; } .p-wakayama-boarding__link { font-size: 18px; } .p-wakayama-boarding__link--icon { width: 16px; } } .p-wakayama-boarding-item { display: flex; align-items: center; gap: 14px; margin-bottom: 30px; } .p-wakayama-boarding-item__circle { width: 64px; height: 64px; border-radius: 32px; background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; text-align: center; font-weight: bold; } .p-wakayama-boarding-item__text { font-size: 12px; flex: 1 1 0%; } .p-wakayama-boarding-item__text--red { color: rgb(255, 63, 23); font-weight: bold; } .p-wakayama-boarding-item__text--bold { font-weight: bold; } .p-wakayama-boarding-item__text a { display: inline-block; color: rgb(0, 95, 164); text-decoration: underline; } @media (min-width: 811px) { .p-wakayama-boarding-item__circle { width: 90px; height: 90px; border-radius: 45px; font-size: 18px; } .p-wakayama-boarding-item__text { font-size: 16px; line-height: 1.5; } } .p-wakayama-boarding__movie { display: flex; flex-direction: column; gap: 24px; margin-bottom: 24px; justify-content: center; } .p-wakayama-boarding__movie > div { width: 100%; } @media (min-width: 811px) { .p-wakayama-boarding__movie { flex-direction: row; justify-content: start; gap: 40px; } .p-wakayama-boarding__movie > div { width: calc(50% - 20px); } } .p-wakayama-store { padding: 16px 0px 32px; } .p-wakayama-store__image { width: 100%; margin-bottom: 8px; } .p-wakayama-store__image img { width: 100%; height: 100%; object-fit: cover; } .p-wakayama-store__items { margin-bottom: 8px; } .p-wakayama-store__item span { font-size: 9px; color: rgb(255, 63, 23); vertical-align: middle; } .p-wakayama-store__item { margin-bottom: 4px; } @media (min-width: 811px) { .p-wakayama-store { padding: 32px 0px 64px; } .p-wakayama-store__item { font-size: 16px; line-height: 1.5; } .p-wakayama-store__image { width: 800px; margin: 0px auto 8px; } .p-wakayama-store__items { max-width: 800px; margin: 0px auto 16px; } .p-wakayama-store__subText { font-size: 16px; line-height: 1.5; max-width: 800px; margin: 0px auto; } .p-wakayama-store__item span { font-size: 16px; } } .p-intro-tabs { padding-bottom: 12px; background-color: rgb(255, 255, 255); width: 100%; margin: 0px auto; } @media (min-width: 811px) { .p-price-tabs { padding-bottom: 24px; } } .p-intro-tabs__item { width: calc(50% - 8px); height: 46px; padding-top: 20px; background-color: rgb(211, 211, 211); font-size: 14px; color: rgb(255, 255, 255); display: inline-block; text-align: center; transition: all 0.2s ease 0s; cursor: pointer; font-weight: bold; } @media (min-width: 811px) { .p-intro-tabs__item { font-size: 16px; line-height: 1.5; height: 80px; padding-top: 28px; } } .p-intro-tabs__item--left { margin-right: 11px; } .p-intro-border { height: 0.5px; background-color: rgb(112, 112, 112); margin: 0px calc(50% - 50vw); width: 100vw; } input[name="tab_item"] { display: none; } .p-intro-tabs__content { display: none; padding-top: 15px; clear: both; overflow: hidden; } #all:checked ~ #all_content, #programming:checked ~ #programming_content { display: block; } .p-intro-tabs input:checked + .p-intro-tabs__item { background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); border-right: 0.5px solid rgb(112, 112, 112); border-left: 0.5px solid rgb(112, 112, 112); position: relative; } .p-intro-tabs input:checked + .p-intro-tabs__item--left { border-top: 0.5px solid rgb(0, 0, 0); } .p-intro-tabs input:checked + .p-intro-tabs__item--right { border-top: 0.5px solid rgb(0, 0, 0); } .p-intro-tabs input:checked + .p-intro-tabs__item--left::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 9px; background-color: rgb(199, 238, 255); } .p-intro-tabs input:checked + .p-intro-tabs__item--right::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 9px; background-color: rgb(255, 231, 167); } .p-intro-tabs input:checked + .p-intro-tabs__item::after { content: ""; position: absolute; bottom: -1px; left: 0px; width: 100%; height: 2px; background-color: rgb(255, 255, 255); } .p-intro-overview__image { margin-bottom: 20px; width: 100%; } .p-intro-overview__image img { width: 100%; height: 100%; object-fit: cover; } .p-intro-overview-table { width: 100%; margin-bottom: 40px; } .p-intro-overview-table__row { border-bottom: 0.5px solid rgb(0, 0, 0); } .p-intro-overview-table__title { width: 39.5%; text-align: center; vertical-align: middle; padding: 10.7px 0px; } .p-intro-overview-table__title--left { background-color: rgb(199, 238, 255); font-weight: bold; } .p-intro-overview-table__title--right { background-color: rgb(255, 231, 167); } .p-intro-overview-table__title--top { vertical-align: top; } .p-intro-overview-table__text { width: 60.5%; vertical-align: middle; padding: 10.7px 13px 10.7px 26px; } .p-intro-overview-table__text a { color: rgb(0, 95, 164); text-decoration: underline; display: inline-block; } @media (min-width: 811px) { .p-intro-overview-table__title { padding: 18px 0px; font-size: 16px; } .p-intro-overview-table__text { padding: 18px 15px 18px 32px; font-size: 16px; } } .p-intro-overview-toggle__title { position: relative; cursor: pointer; font-size: 20px; padding: 7px 14px; transition: all 0.3s ease 0s; display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; font-weight: bold; } .p-intro-overview-toggle__title--left { background-color: rgb(199, 238, 255); } .p-intro-overview-toggle__title--right { background-color: rgb(255, 231, 167); } .p-intro-overview-toggle__title::before, .p-intro-overview-toggle__title::after { position: absolute; content: ""; width: 8px; height: 2px; background-color: rgb(255, 255, 255); border-radius: 1px; } .p-intro-overview-toggle__title::before { top: 18.2px; right: 19.5px; transform: rotate(0deg); } .p-intro-overview-toggle__title::after { top: 18.2px; right: 19.5px; transform: rotate(90deg); } .p-intro-overview-toggle__circle { width: 20px; height: 20px; border-radius: 10px; background-color: rgb(51, 51, 51); } .p-intro-overview-toggle__title.close::before { transform: rotate(180deg); } .p-intro-overview-toggle__title.close::after { transform: rotate(-180deg); } .p-intro-overview-toggle__items { display: none; padding: 11px 0px; } .p-intro-overview-toggle__item { margin-bottom: 32px; } .p-intro-overview-toggle__image { margin-bottom: 12px; } .p-intro-overview-toggle__subTitle { display: inline-block; font-size: 20px; margin-bottom: 8px; position: relative; font-weight: bold; } .p-intro-overview-toggle__subTitle::after { content: ""; position: absolute; bottom: -1px; left: 0px; width: 100%; height: 2px; background-color: rgb(235, 80, 47); } .p-intro-overview-toggle__subTitle span { font-size: 14px; } @media (min-width: 811px) { .p-intro-overview-toggle__title { padding: 12px 18px; font-size: 18px; } .p-intro-overview-toggle__title::before, .p-intro-overview-toggle__title::after { width: 14px; border-radius: 2px; } .p-intro-overview-toggle__title::before { top: 26.5px; right: 26.5px; transform: rotate(0deg); } .p-intro-overview-toggle__title::after { top: 26.5px; right: 26.5px; transform: rotate(90deg); } .p-intro-overview-toggle__circle { width: 32px; height: 32px; border-radius: 16px; } .p-intro-overview-toggle__item { display: flex; align-items: center; } .p-intro-overview-toggle__image { width: 400px; margin-right: 32px; } .p-intro-overview-toggle__content { flex: 1 1 0%; } .p-intro-overview-toggle__subTitle { font-size: 18px; margin-bottom: 24px; } .p-intro-overview-toggle__text { font-size: 16px; line-height: 1.5; } } .p-intro__link { display: flex; align-items: flex-start; padding: 32px 0px; font-weight: bold; } .p-intro__link a { color: rgb(0, 95, 164); text-decoration: underline; } .p-intro__link--icon { height: 14px; width: auto; margin-left: 4px; } .p-intro__link--icon img { width: 100%; height: 100%; object-fit: contain; } @media (min-width: 811px) { .p-intro__link { font-size: 18px; } .p-intro__link--icon { height: 18px; width: auto; margin-left: 4px; } } .campaign2023 { font-size: 1rem; color: rgb(0, 0, 0); } .campaign2023 sup { vertical-align: super; font-size: 1rem; } @media (max-width: 810px) { .campaign2023 sup { font-size: 0.75rem; } } .campaign2023 .u-color-red { color: rgb(255, 107, 47); } @media (min-width: 811px) { .campaign2023 .u-mb120-pc { margin-bottom: 120px; } } @media (min-width: 811px) { .campaign2023 .u-mb100-pc { margin-bottom: 100px; } } @media (min-width: 811px) { .campaign2023 .u-mb80-pc { margin-bottom: 80px; } } @media (min-width: 811px) { .campaign2023 .u-mb60-pc { margin-bottom: 60px; } } @media (min-width: 811px) { .campaign2023 .u-mb30-pc { margin-bottom: 30px; } } @media (min-width: 811px) { .campaign2023 .u-mb20-pc { margin-bottom: 20px; } } .campaign2023 .u-mb0 { margin-bottom: 0px !important; } @media (max-width: 810px) { .campaign2023 .u-mb60-sp { margin-bottom: 60px; } .campaign2023 .u-mb30-sp { margin-bottom: 30px; } .campaign2023 .u-mb20-sp { margin-bottom: 20px; } } @media (min-width: 811px) { .campaign2023 .u-letterspacing05-pc { letter-spacing: -0.05em; } } .campaign2023 .u-sp-hidden { display: block; } @media (max-width: 811px) { .campaign2023 .u-sp-hidden { display: none !important; } } .campaign2023 .u-pc-hidden { display: none; } @media (max-width: 810px) { .campaign2023 .u-pc-hidden { display: block; } } .campaign2023-kv { position: relative; width: 100%; } .campaign2023-kv img { width: 100%; } .campaign2023-kv__logo01 { position: absolute; top: 4%; left: 2%; width: 22%; } .campaign2023-kv__logo01:hover { opacity: 1 !important; } .campaign2023-kv__logo02 { max-width: 250px; margin: 0px auto; padding: 8px 0px; } .campaign2023-kv__image01 { position: absolute; top: 2%; right: 2%; width: 27%; } .campaign2023-kv__image02 { position: absolute; top: 20%; left: 50%; transform: translateX(-50%); width: 64%; } .campaign2023-kv__image03 { position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); width: 52%; } .campaign2023-kv__image04 { position: absolute; bottom: -4%; left: 2%; width: 20%; max-width: 380px; } @media (max-width: 810px) { .campaign2023-kv__image04 { bottom: -8px; left: 20px; } } .campaign2023-kv__image05 { position: absolute; bottom: -2%; right: 2%; width: 26%; max-width: 480px; } .campaign2023-image01 img { width: 100%; } .campaign2023-image02 { position: absolute; left: 50%; bottom: -176px; transform: translateX(-50%); } @media (max-width: 810px) { .campaign2023-image02 { bottom: -65px; width: 80px; } } .campaign2023-image03 { max-width: 630px; margin: 0px auto 60px; } @media (max-width: 810px) { .campaign2023-image03 { margin: 0px auto 30px; } } .campaign2023-image04 { max-width: 300px; margin: 0px auto; } @media (max-width: 810px) { .campaign2023-image04 { max-width: 150px; } } .campaign2023-image04 img { width: 100%; } .campaign2023-button01 { text-align: center; } @media (max-width: 810px) { .campaign2023-button01 { max-width: 200px; margin: 0px auto; } } .campaign2023-section01 { padding: 100px 0px 70px; } @media (max-width: 810px) { .campaign2023-section01 { padding: 60px 0px 30px; } } .campaign2023-section01--background-green { position: relative; background-color: rgb(196, 237, 230); } .campaign2023-section01--background-green::after { content: ""; position: absolute; top: 0px; left: 0px; background-image: url(""); background-position: center center; background-size: cover; background-repeat: no-repeat; width: 25%; height: 100%; } .campaign2023-section01--background-yellow { position: relative; background-color: rgb(252, 247, 217); } .campaign2023-section01--background-yellow::after { content: ""; position: absolute; top: 0px; left: 0px; background-image: url(""); background-position: center center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%; } .campaign2023-section01--background-pink { position: relative; background-color: rgb(255, 237, 236); } .campaign2023-section01--background-pink::after { content: ""; position: absolute; top: 0px; right: 0px; background-image: url(""); background-position: center center; background-size: cover; background-repeat: no-repeat; width: 25%; height: 100%; } .campaign2023-section01--icon01 { position: relative; } .campaign2023-section01--icon01::before { position: absolute; content: ""; top: -90px; left: 50%; z-index: 1; transform: translateX(-50%); background-image: url(""); background-position: center center; background-size: cover; background-repeat: no-repeat; width: 147px; height: 160px; } @media (max-width: 810px) { .campaign2023-section01--icon01::before { top: -40px; width: calc(73.5px); height: calc(80px); } } .campaign2023-section01--icon02 { position: relative; } .campaign2023-section01--icon02::before { position: absolute; content: ""; top: -90px; left: 50%; transform: translateX(-50%); background-image: url(""); background-position: center center; background-size: cover; background-repeat: no-repeat; width: 147px; height: 160px; z-index: 1; } @media (max-width: 810px) { .campaign2023-section01--icon02::before { top: -40px; width: calc(73.5px); height: calc(80px); } } .campaign2023-section02 { padding: 140px 0px 196px; } @media (max-width: 810px) { .campaign2023-section02 { padding: 70px 0px 80px; } } .campaign2023-inner01 { position: relative; z-index: 1; margin: 0px auto; padding: 0px 20px; } @media (min-width: 811px) { .campaign2023-inner01 { max-width: 1185px; box-sizing: content-box; } } .campaign2023-inner02 { position: relative; z-index: 1; margin: 0px auto; padding: 0px 20px; } @media (min-width: 811px) { .campaign2023-inner02 { max-width: 1065px; box-sizing: content-box; } } .campaign2023-lead__box { max-width: 1065px; margin: 0px auto; padding: 43px 0px; font-size: 1.5rem; font-weight: bold; line-height: 2; } @media (max-width: 810px) { .campaign2023-lead__box { padding: 20px 0px; font-size: 1rem; } } .campaign2023-lead__title { text-align: center; } .campaign2023-imageWrap01 { margin-bottom: 130px; } @media (max-width: 810px) { .campaign2023-imageWrap01 { margin-bottom: 60px; } } .campaign2023-title01 { display: flex; align-items: center; text-align: center; max-width: 1065px; margin: 0px auto 100px; font-weight: bold; font-size: 2rem; } @media (max-width: 810px) { .campaign2023-title01 { margin: 0px auto 20px; font-size: 1.125rem; } } .campaign2023-title01::before, .campaign2023-title01::after { content: ""; height: 1px; flex-grow: 1; background-color: rgb(0, 0, 0); } .campaign2023-title01::before { margin-right: 1rem; } .campaign2023-title01::after { margin-left: 1rem; } .campaign2023-title01--lines { text-align: center; line-height: 1.8; } @media (max-width: 810px) { .campaign2023-title01--lines { line-height: 1.4; } } .campaign2023-title02-wrap { text-align: center; } .campaign2023-title02 { display: inline-block; text-align: center; margin-bottom: 40px; font-size: 3rem; font-weight: bold; text-decoration-line: underline; text-decoration-color: rgb(230, 255, 87); text-decoration-thickness: 15px; text-underline-offset: -3px; text-decoration-skip-ink: none; } @media (max-width: 810px) { .campaign2023-title02 { margin-bottom: 20px; text-decoration-thickness: 8px; font-size: 1.5rem; } } .campaign2023-title02--green { color: rgb(1, 99, 0); text-decoration-color: rgb(255, 255, 255); } .campaign2023-title03 { position: relative; padding-left: 1em; font-size: 2.375rem; font-weight: bold; } .campaign2023-title03::before { display: inline-block; position: absolute; content: ""; top: 50%; left: 0px; transform: translateY(-50%); width: 20px; height: 20px; border-radius: 10px; background-color: rgb(255, 54, 141); } @media (max-width: 810px) { .campaign2023-title03 { margin-bottom: 10px; font-size: 1.125rem; } .campaign2023-title03::before { top: 45%; width: 10px; height: 10px; border-radius: 5px; } } .campaign2023-title03--pink::before { background-color: rgb(255, 54, 141); } .campaign2023-title03--blue::before { background-color: rgb(46, 144, 255); } .campaign2023-text01 { font-size: 1.75rem; line-height: 2; font-weight: bold; } @media (max-width: 810px) { .campaign2023-text01 { font-size: 1rem; line-height: 1.4; } } .campaign2023-link01 { color: rgb(0, 0, 255); } @media (max-width: 810px) { .campaign2023-link01 { font-size: 1rem; } } .campaign2023-period01 { text-align: center; color: rgb(255, 255, 255); border-radius: 32px; padding: 15px; margin-bottom: 20px; font-size: 1.875rem; font-weight: bold; letter-spacing: 0.05em; } @media (max-width: 810px) { .campaign2023-period01 { padding: 12px; font-size: 1rem; } } .campaign2023-period01--black { background-color: rgb(0, 0, 0); } .campaign2023-period01--pink { background-color: rgb(255, 54, 141); font-size: 1.625rem; } @media (max-width: 810px) { .campaign2023-period01--pink { font-size: 0.875rem; } } .campaign2023-note01 { text-indent: -1em; margin-left: 1em; font-size: 1.125rem; } @media (max-width: 810px) { .campaign2023-note01 { font-size: 0.75rem; } } .campaign2023-note01 li::before { position: relative; content: "※"; line-height: 1.5; } .campaign2023-note01--frame { padding: 25px 32px; background-color: rgb(255, 255, 255); border: 1px solid rgb(255, 54, 141); border-radius: 11px; color: rgb(255, 54, 141); } @media (max-width: 810px) { .campaign2023-note01--frame { padding: 15px; } } .campaign2023-catch01 { margin-bottom: 55px; } @media (max-width: 810px) { .campaign2023-catch01 { margin-bottom: 20px; } } .campaign2023-catch01--width01 { max-width: 850px; margin: 0px auto 55px; } .campaign2023-catch01 img { width: 100%; } .campaign2023-container01 { padding: 70px 60px 40px; background-color: rgb(255, 255, 255); border-radius: 37.5px; border: 9px solid rgb(196, 237, 230); } @media (max-width: 810px) { .campaign2023-container01 { padding: 30px 15px; border-radius: 15px; border: 5px solid rgb(196, 237, 230); } } .campaign2023-container02 { padding: 100px 0px 0px; } @media (max-width: 810px) { .campaign2023-container02 { padding: 50px 0px 0px; } } .campaign2023-container03 { position: relative; border: 8px solid currentcolor; border-radius: 38px; padding: 95px 60px 42px; } @media (max-width: 810px) { .campaign2023-container03 { border: 6px solid currentcolor; border-radius: 24px; padding: 45px 15px 42px; } } .campaign2023-container03:not(:last-of-type) { margin-bottom: 150px; } @media (max-width: 810px) { .campaign2023-container03:not(:last-of-type) { margin-bottom: 60px; } } .campaign2023-container03--pink { border: 8px solid rgb(255, 54, 141); } @media (max-width: 810px) { .campaign2023-container03--pink { border: 4px solid rgb(255, 54, 141); } } .campaign2023-container03--pink::before { position: absolute; content: ""; left: 0px; top: -8px; z-index: -1; width: 217px; height: 146px; background-image: url(""); background-position: center center; background-size: cover; background-repeat: no-repeat; } @media (max-width: 810px) { .campaign2023-container03--pink::before { left: 0px; top: -5px; width: 108px; height: 73px; } } .campaign2023-container03--orange { border: 8px solid rgb(255, 101, 46); } @media (max-width: 810px) { .campaign2023-container03--orange { border: 4px solid rgb(255, 101, 46); } } .campaign2023-container03__title { display: inline-block; border: 3px solid currentcolor; border-radius: 4px; padding: 12px 50px; background-color: rgb(255, 255, 255); font-size: 3.125rem; font-weight: bold; } @media (max-width: 810px) { .campaign2023-container03__title { border: 2px solid currentcolor; border-radius: 4px; padding: 8px; font-size: 1.25rem; } } .campaign2023-container03__title--pink { color: rgb(255, 54, 141); } .campaign2023-container03__title--orange { color: rgb(255, 101, 46); } .campaign2023-container03__title-wrap { position: absolute; top: -70px; left: 50%; transform: translateX(-50%); text-align: center; max-width: 800px; width: 100%; } @media (max-width: 810px) { .campaign2023-container03__title-wrap { top: -36px; } } .campaign2023-box01 { display: flex; align-items: center; justify-content: center; gap: 60px; margin-bottom: 20px; } @media (max-width: 810px) { .campaign2023-box01 { flex-direction: column; align-items: center; gap: 20px; } } .campaign2023-box01--reverse { flex-direction: row-reverse; } @media (max-width: 810px) { .campaign2023-box01--reverse { flex-direction: column; align-items: center; } } .campaign2023-box01__image { width: 25%; } .campaign2023-box01__image img { width: 100%; } @media (max-width: 810px) { .campaign2023-box01__image { width: 50%; } } .campaign2023-box01__image--width01 { max-width: 170px; } @media (max-width: 810px) { .campaign2023-box01__image--width01 { width: 28%; } } .campaign2023-box01__text { width: calc(75% - 60px); } @media (max-width: 810px) { .campaign2023-box01__text { width: 100%; } } .campaign2023-box02 { display: flex; align-items: flex-start; justify-content: center; gap: 58px; } @media (max-width: 810px) { .campaign2023-box02 { flex-direction: column; gap: 20px; } } .campaign2023-box02__image { width: 50%; } @media (max-width: 810px) { .campaign2023-box02__image { width: 100%; } } .campaign2023-box02__text { width: calc(50% - 58px); } @media (max-width: 810px) { .campaign2023-box02__text { width: 100%; } } .campaign2023-banner01 { padding: 150px 0px 130px; } @media (max-width: 810px) { .campaign2023-banner01 { padding: 60px 0px 80px; } } .campaign2023-banner01__image { max-width: 555px; margin: 0px auto 65px; } @media (max-width: 810px) { .campaign2023-banner01__image { margin: 0px auto 20px; } } .campaign2023-banner01__image figcaption { text-align: center; margin-top: 16px; font-size: 1.75rem; } @media (max-width: 810px) { .campaign2023-banner01__image figcaption { font-size: 0.875rem; } } .campaign2024 { font-family: "IBM Plex Sans JP", sans-serif; color: rgb(102, 102, 102); } .campaign2024 img { width: 100%; } .campaign2024 a { color: rgb(102, 102, 102); } @media (min-width: 811px) { .campaign2024 a { cursor: pointer; transition: opacity 0.3s ease 0s; } .campaign2024 a:hover { opacity: 0.7; } } .campaign2024 a[href^="tel"] { display: inline-block; } @media (min-width: 811px) { .campaign2024 a[href^="tel"] { pointer-events: none; } } .campaign2024 .u-color-orange01 { color: rgb(255, 102, 0); } .campaign2024 .u-text-bold { font-weight: 700; } .campaign2024 .u-text-center { text-align: center; } .campaign2024 .u-link01 { display: inline-block; color: rgb(52, 32, 218); } .campaign2024 .u-tel-icon01 { position: relative; padding-left: 1.2em; } .campaign2024 .u-tel-icon01::before { position: absolute; content: ""; top: 44%; left: 0px; transform: translateY(-50%); background-image: url(""); background-position: center center; background-size: contain; background-repeat: no-repeat; width: 1em; height: 1em; } .campaign2024 .u-hidden-sp { display: block; } @media (max-width: 811px) { .campaign2024 .u-hidden-sp { display: none !important; } } .campaign2024 .u-hidden-pc { display: none; } @media (max-width: 810px) { .campaign2024 .u-hidden-pc { display: block; } } .campaign2024-text01 { font-size: 1rem; letter-spacing: 0.025em; line-height: 1.5; } @media (min-width: 811px) { .campaign2024-text01 { font-size: 1.5rem; } } .campaign2024-text02 { font-size: 0.75rem; line-height: 1.375; } @media (min-width: 811px) { .campaign2024-text02 { font-size: 1rem; } } .campaign2024-text03 { font-size: 1rem; letter-spacing: 0.075em; line-height: 1.5; } @media (min-width: 811px) { .campaign2024-text03 { font-size: 1.75rem; } } .campaign2024-list01 { margin-bottom: 7.818%; font-size: 0.75rem; line-height: 1.375; } @media (min-width: 811px) { .campaign2024-list01 { font-size: 1rem; } } .campaign2024-list01--mb0 { margin-bottom: 0px; } .campaign2024-section01 { padding: 4.166% 0px; } @media (max-width: 810px) { .campaign2024-section01 { padding: 40px 0px; } } .campaign2024-section02 { padding: 6.25% 0px; background-color: rgb(204, 247, 255); } @media (max-width: 810px) { .campaign2024-section02 { padding: 80px 0px; } } .campaign2024-section02__text01 { margin-bottom: 7.818%; } .campaign2024-section02__text02 { margin-bottom: 3.181%; } .campaign2024-section02__button01 { margin-bottom: 4.545%; } .campaign2024-section03 { padding-bottom: 6.25%; } .campaign2024-section03__text01 { margin-bottom: 8.727%; } .campaign2024-section03-heading { position: relative; top: -10px; } @media (min-width: 811px) { .campaign2024-section03-heading { top: -48px; } } .campaign2024-section03-heading__image01 { margin-bottom: 3.508%; } .campaign2024-section04 { background-color: rgb(204, 247, 255); padding-bottom: 5.208%; } .campaign2024-section04__box01 { display: flex; flex-direction: column; align-items: start; justify-content: center; gap: 24px; margin-bottom: 8.727%; } @media (min-width: 811px) { .campaign2024-section04__box01 { flex-direction: row; gap: 9.363%; } } .campaign2024-section04__box01-text { margin-bottom: 2.909%; } .campaign2024-section04__box01-image { margin: 0px auto; width: 100%; max-width: 350px; } @media (min-width: 811px) { .campaign2024-section04__box01-image { margin: 0px; width: calc(45.3185%); max-width: none; } } .campaign2024-section04__sub-section01 { padding: 80px 0px 0px; } @media (min-width: 811px) { .campaign2024-section04__sub-section01 { padding: 145px 0px 0px; } } .campaign2024-section04__sub-section01-wrap { position: relative; border-radius: 0.5em; background-color: rgb(255, 255, 255); padding: 12.075% 0px 5.132%; } @media (min-width: 811px) { .campaign2024-section04__sub-section01-wrap { border-radius: 25px; } } .campaign2024-section04__sub-section01-title { position: absolute; top: -20px; left: 50%; transform: translateX(-50%); width: 100%; max-width: 1130px; padding: 0px 2em; } @media (min-width: 811px) { .campaign2024-section04__sub-section01-title { top: -80px; } } .campaign2024-section04__sub-section01-image01 { margin: 2.909% auto; width: 100%; max-width: 80px; } @media (min-width: 811px) { .campaign2024-section04__sub-section01-image01 { max-width: 185px; } } .campaign2024-section04__sub-section01-box01 { display: flex; align-items: flex-start; justify-content: center; gap: 3.181%; margin-bottom: 2.454%; } .campaign2024-section04__sub-section01-box01 > * { width: calc(48.4095%); } .campaign2024-section04__sub-section01-button { margin-bottom: 4.363%; } .campaign2024-section04__text01 { margin-bottom: 5.636%; } .campaign2024-section04__text02 { margin-bottom: 2.727%; } .campaign2024-section04-heading { position: relative; top: -10px; } @media (min-width: 811px) { .campaign2024-section04-heading { top: -48px; } } .campaign2024-section04-heading__image01 { margin-bottom: 3.508%; } .campaign2024-section05 { padding: 6.5625% 0px 5.52%; } .campaign2024-section05__box01 { position: relative; } .campaign2024-section05__box01-title-wrap { position: relative; z-index: 1; padding: 0px 1em; } .campaign2024-section05__box01-title { text-align: center; margin: 0px auto; border-radius: 0.5em; background-color: rgb(255, 102, 0); width: fit-content; padding: 0.54em 1.3em 0.42em; font-weight: 700; font-size: 1.125rem; color: rgb(255, 255, 255); } @media (min-width: 811px) { .campaign2024-section05__box01-title { font-size: 2.25rem; } } .campaign2024-section05__box01-content { position: relative; top: -2em; text-align: center; border-radius: 0.5em; border: 4px solid rgb(255, 102, 0); padding: 9.962% 0px 3.773%; } @media (min-width: 811px) { .campaign2024-section05__box01-content { top: -4em; border-radius: 25px; border: 8px solid rgb(255, 102, 0); } } .campaign2024-section05__box01-link { display: inline-block; text-align: center; font-size: 1rem; letter-spacing: 0.075em; line-height: 1.5; } @media (min-width: 811px) { .campaign2024-section05__box01-link { font-size: 1.75rem; } } .campaign2024-section05-heading { margin-bottom: 6.25%; font-size: 1.125rem; letter-spacing: 0.025em; line-height: 1.5; } @media (min-width: 811px) { .campaign2024-section05-heading { font-size: 2.25rem; } } .campaign2024-section06 { padding-bottom: 5.729%; } .campaign2024-section06__logo { display: block; margin: 9.09% auto 0px; max-width: 200px; } @media (min-width: 811px) { .campaign2024-section06__logo { max-width: 380px; } } .campaign2024-section06-heading { margin: 0px auto 4.363%; border-bottom: 2px solid currentcolor; width: fit-content; padding-bottom: 0.4em; font-size: 1.125rem; font-weight: 700; letter-spacing: 0.025em; line-height: 1.5; color: rgb(0, 144, 186); } @media (min-width: 811px) { .campaign2024-section06-heading { font-size: 2rem; } } .campaign2024-section06-tel { text-align: center; } .campaign2024-section06-tel--mb48 { margin-bottom: 4.363%; } .campaign2024-image01 { margin-bottom: 4.736%; } .campaign2024-image02 { margin-bottom: 7.272%; } .campaign2024-image03 { margin-bottom: 4.363%; } .campaign2024-image04 { margin-bottom: 4.363%; } .campaign2024-image05 { margin-bottom: 5.818%; } .campaign2024-image06 { margin-bottom: 2.454%; } .campaign2024-image07 { margin: 0px auto 5.272%; max-width: 100%; } @media (min-width: 811px) { .campaign2024-image07 { max-width: 830px; } } .campaign2024-image08 { margin: 0px auto 5.056%; max-width: 686px; padding: 0px 60px; } @media (min-width: 811px) { .campaign2024-image08 { max-width: 686px; } } .campaign2024-inner01 { max-width: 800px; margin-right: auto; margin-left: auto; box-sizing: content-box; padding-right: 20px; padding-left: 20px; } .campaign2024-inner02 { max-width: 960px; margin-right: auto; margin-left: auto; box-sizing: content-box; padding-right: 20px; padding-left: 20px; } .campaign2024-inner03 { max-width: 1536px; margin-right: auto; margin-left: auto; box-sizing: content-box; padding-right: 0px; padding-left: 0px; } .athp-transer_willer-button-block { display: none; } .athp-transer_willer-button-wrap { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 24px; } @media (min-width: 811px) { .athp-transer_willer-button-wrap { flex-direction: row; gap: 40px; } } .athp-transer_willer-button { width: 100%; } @media (min-width: 811px) { .athp-transer_willer-button { max-width: 450px; } } .athp-transer_willer-button__button { max-width: 100%; } .athp-transer_willer-button-section:lang(en), .athp-transer_willer-button-section:lang(zh-hans), .athp-transer_willer-button-section:lang(zh-hant), .athp-transer_willer-button-section:lang(ko) { height: auto; } img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px; } .is-small-text { font-size: 0.875em; } .is-regular-text { font-size: 1em; } .is-large-text { font-size: 2.25em; } .is-larger-text { font-size: 3em; } .has-drop-cap:not(:focus)::first-letter { float: left; font-size: 8.4em; font-style: normal; font-weight: 100; line-height: 0.68; margin: 0.05em 0.1em 0px 0px; text-transform: uppercase; } body.rtl .has-drop-cap:not(:focus)::first-letter { float: none; margin-left: 0.1em; } p.has-drop-cap.has-background { overflow: hidden; } :root :where(p.has-background) { padding: 1.25em 2.375em; } :where(p.has-text-color:not(.has-link-color)) a { color: inherit; } p.has-text-align-left[style*="writing-mode:vertical-lr"], p.has-text-align-right[style*="writing-mode:vertical-rl"] { rotate: 180deg; } :root { --wp-block-synced-color: #7a00df; --wp-block-synced-color--rgb: 122,0,223; --wp-bound-block-color: var(--wp-block-synced-color); --wp-editor-canvas-background: #ddd; --wp-admin-theme-color: #007cba; --wp-admin-theme-color--rgb: 0,124,186; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-10--rgb: 0,107,160.5; --wp-admin-theme-color-darker-20: #005a87; --wp-admin-theme-color-darker-20--rgb: 0,90,135; --wp-admin-border-width-focus: 2px; } @media (min-resolution: 192dpi) { :root { --wp-admin-border-width-focus: 1.5px; } } .wp-element-button { cursor: pointer; } :root .has-very-light-gray-background-color { background-color: rgb(238, 238, 238); } :root .has-very-dark-gray-background-color { background-color: rgb(49, 49, 49); } :root .has-very-light-gray-color { color: rgb(238, 238, 238); } :root .has-very-dark-gray-color { color: rgb(49, 49, 49); } :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { background: linear-gradient(135deg, rgb(0, 208, 132), rgb(6, 147, 227)); } :root .has-purple-crush-gradient-background { background: linear-gradient(135deg, rgb(52, 226, 228), rgb(71, 33, 251) 50%, rgb(171, 29, 254)); } :root .has-hazy-dawn-gradient-background { background: linear-gradient(135deg, rgb(250, 172, 168), rgb(218, 208, 236)); } :root .has-subdued-olive-gradient-background { background: linear-gradient(135deg, rgb(250, 250, 225), rgb(103, 166, 113)); } :root .has-atomic-cream-gradient-background { background: linear-gradient(135deg, rgb(253, 215, 154), rgb(0, 74, 89)); } :root .has-nightshade-gradient-background { background: linear-gradient(135deg, rgb(51, 9, 104), rgb(49, 205, 207)); } :root .has-midnight-gradient-background { background: linear-gradient(135deg, rgb(2, 3, 129), rgb(40, 116, 252)); } :root { --wp--preset--font-size--normal: 16px; --wp--preset--font-size--huge: 42px; } .has-regular-font-size { font-size: 1em; } .has-larger-font-size { font-size: 2.625em; } .has-normal-font-size { font-size: var(--wp--preset--font-size--normal); } .has-huge-font-size { font-size: var(--wp--preset--font-size--huge); } .has-text-align-center { text-align: center; } .has-text-align-left { text-align: left; } .has-text-align-right { text-align: right; } .has-fit-text { white-space: nowrap !important; } #end-resizable-editor-section { display: none; } .aligncenter { clear: both; } .items-justified-left { justify-content: flex-start; } .items-justified-center { justify-content: center; } .items-justified-right { justify-content: flex-end; } .items-justified-space-between { justify-content: space-between; } .screen-reader-text { border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; overflow-wrap: normal !important; } .screen-reader-text:focus { background-color: rgb(221, 221, 221); clip-path: none; color: rgb(68, 68, 68); display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } html :where(.has-border-color) { border-style: solid; } html :where([style*="border-top-color"]) { border-top-style: solid; } html :where([style*="border-right-color"]) { border-right-style: solid; } html :where([style*="border-bottom-color"]) { border-bottom-style: solid; } html :where([style*="border-left-color"]) { border-left-style: solid; } html :where([style*="border-width"]) { border-style: solid; } html :where([style*="border-top-width"]) { border-top-style: solid; } html :where([style*="border-right-width"]) { border-right-style: solid; } html :where([style*="border-bottom-width"]) { border-bottom-style: solid; } html :where([style*="border-left-width"]) { border-left-style: solid; } html :where(img[class*="wp-image-"]) { height: auto; max-width: 100%; } :where(figure) { margin: 0px 0px 1em; } html :where(.is-position-sticky) { --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height,0px); } @media screen and (max-width: 600px) { html :where(.is-position-sticky) { --wp-admin--admin-bar--position-offset: 0px; } } .wp-block-button__link { color: rgb(255, 255, 255); background-color: rgb(50, 55, 60); border-radius: 9999px; box-shadow: none; text-decoration: none; padding: calc(0.667em + 2px) calc(1.333em + 2px); font-size: 1.125em; } .wp-block-file__button { background: rgb(50, 55, 60); color: rgb(255, 255, 255); text-decoration: none; } :root { --wp--preset--aspect-ratio--square: 1; --wp--preset--aspect-ratio--4-3: 4/3; --wp--preset--aspect-ratio--3-4: 3/4; --wp--preset--aspect-ratio--3-2: 3/2; --wp--preset--aspect-ratio--2-3: 2/3; --wp--preset--aspect-ratio--16-9: 16/9; --wp--preset--aspect-ratio--9-16: 9/16; --wp--preset--color--black: #000000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #ffffff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%); --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%); --wp--preset--font-size--small: 13px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; --wp--preset--spacing--20: 0.44rem; --wp--preset--spacing--30: 0.67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: 5.06rem; --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2); --wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0); --wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0); } :where(.is-layout-flex) { gap: 0.5em; } :where(.is-layout-grid) { gap: 0.5em; } body .is-layout-flex { display: flex; } .is-layout-flex { flex-wrap: wrap; align-items: center; } .is-layout-flex > :is(*, div) { margin: 0px; } body .is-layout-grid { display: grid; } .is-layout-grid > :is(*, div) { margin: 0px; } :where(.wp-block-columns.is-layout-flex) { gap: 2em; } :where(.wp-block-columns.is-layout-grid) { gap: 2em; } :where(.wp-block-post-template.is-layout-flex) { gap: 1.25em; } :where(.wp-block-post-template.is-layout-grid) { gap: 1.25em; } .has-black-color { color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-color { color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-color { color: var(--wp--preset--color--white) !important; } .has-pale-pink-color { color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-color { color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-color { color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-color { color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-color { color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-color { color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-color { color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-color { color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-color { color: var(--wp--preset--color--vivid-purple) !important; } .has-black-background-color { background-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-background-color { background-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-background-color { background-color: var(--wp--preset--color--white) !important; } .has-pale-pink-background-color { background-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-background-color { background-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-background-color { background-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-background-color { background-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-background-color { background-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-background-color { background-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-background-color { background-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-background-color { background-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-background-color { background-color: var(--wp--preset--color--vivid-purple) !important; } .has-black-border-color { border-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-border-color { border-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-border-color { border-color: var(--wp--preset--color--white) !important; } .has-pale-pink-border-color { border-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-border-color { border-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-border-color { border-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-border-color { border-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-border-color { border-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-border-color { border-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-border-color { border-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-border-color { border-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-border-color { border-color: var(--wp--preset--color--vivid-purple) !important; } .has-vivid-cyan-blue-to-vivid-purple-gradient-background { background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important; } .has-light-green-cyan-to-vivid-green-cyan-gradient-background { background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important; } .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important; } .has-luminous-vivid-orange-to-vivid-red-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important; } .has-very-light-gray-to-cyan-bluish-gray-gradient-background { background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important; } .has-cool-to-warm-spectrum-gradient-background { background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important; } .has-blush-light-purple-gradient-background { background: var(--wp--preset--gradient--blush-light-purple) !important; } .has-blush-bordeaux-gradient-background { background: var(--wp--preset--gradient--blush-bordeaux) !important; } .has-luminous-dusk-gradient-background { background: var(--wp--preset--gradient--luminous-dusk) !important; } .has-pale-ocean-gradient-background { background: var(--wp--preset--gradient--pale-ocean) !important; } .has-electric-grass-gradient-background { background: var(--wp--preset--gradient--electric-grass) !important; } .has-midnight-gradient-background { background: var(--wp--preset--gradient--midnight) !important; } .has-small-font-size { font-size: var(--wp--preset--font-size--small) !important; } .has-medium-font-size { font-size: var(--wp--preset--font-size--medium) !important; } .has-large-font-size { font-size: var(--wp--preset--font-size--large) !important; } .has-x-large-font-size { font-size: var(--wp--preset--font-size--x-large) !important; } .is-style-c-article01-image { aspect-ratio: 325 / 200; margin-bottom: 12px; } .is-style-c-article01-image img { width: 100%; object-fit: cover; height: 100% !important; } .is-style-c-article01-image-frame { display: inline-block; border: 1px solid rgb(51, 51, 51); padding: 12px; } .is-style-c-article01-text01 { margin-bottom: 24px; font-size: 14px; line-height: 1.5; word-break: break-word; } @media (min-width: 811px) { .is-style-c-article01-text01 { font-size: 16px; line-height: 1.5; } .is-style-c-article01-text01 a { display: inline-block; text-decoration: underline; color: rgb(0, 95, 164); } } .is-style-c-article01-textarea { margin-bottom: 12px; padding: 20px 24px; border-top: 1px solid rgb(51, 51, 51); background-color: rgba(111, 118, 115, 0.1); line-height: 1.5; font-weight: 500; word-break: break-word; } .is-style-c-article01-textarea a { display: inline-block; text-decoration: underline; color: rgb(0, 95, 164); } @media (min-width: 811px) { .is-style-c-article01-textarea { font-size: 1rem; word-break: break-word; } } .p-article02.is-shikoku .is-style-c-article01-textarea { border-top: 1px solid rgb(58, 224, 161); background-color: rgba(58, 224, 161, 0.1); } .p-article02.is-kinki .is-style-c-article01-textarea { border-top: 1px solid rgb(162, 138, 255); background-color: rgba(162, 138, 255, 0.1); } .p-article03 .is-style-c-article01-textarea { border-top: 1px solid rgb(54, 151, 0); background-color: rgba(54, 151, 0, 0.1); } .is-style-c-article01-related-sites { margin-bottom: 40px; padding: 10px; line-height: 1.5; font-weight: 500; word-break: break-word; } @media (min-width: 811px) { .is-style-c-article01-related-sites { font-size: 1rem; } } .is-style-c-article01-related-sites a { display: inline-block; text-decoration: underline; color: rgb(0, 95, 164); } .is-style-c-article01-image-provider { margin-bottom: 5px; font-size: 0.875rem; font-weight: 500; color: rgb(170, 170, 170); } @media (min-width: 811px) { .is-style-c-article01-image-provider { margin-bottom: 10px; font-size: 1.125rem; } } .is-style-c-article01-caption { text-align: center; margin-bottom: 10px; font-size: 0.875rem; font-weight: 500; } @media (min-width: 811px) { .is-style-c-article01-caption { font-size: 1.125rem; } } .is-style-c-article01-title01 { position: relative; margin-bottom: 24px; padding: 16px 0px 16px 24px; font-size: 24px; font-weight: 700; } .is-style-c-article01-title01::before { position: absolute; content: ""; top: 0px; left: 0px; width: 13px; height: 100%; background-color: rgb(60, 185, 0); } @media (min-width: 811px) { .is-style-c-article01-title01 { margin-bottom: 48px; padding: 16px 48px; font-size: 32px !important; } } .is-style-c-article01-title01.is-feature { font-size: 1.25rem; } .p-article03 .is-style-c-article01-title01::before { position: absolute; content: ""; top: 0px; left: 0px; width: 13px; height: 100%; background-color: rgb(60, 185, 0); } @media (min-width: 811px) { .is-style-c-article01-title01.is-feature::before { width: 20px; font-size: 1.25rem; } } .is-style-c-article01-title02 { position: relative; margin-bottom: 25px; padding-left: 32px; font-size: 1.25rem; font-weight: 700; } @media (min-width: 811px) { .is-style-c-article01-title02 { font-size: 1.5rem; } } .is-style-c-article01-title02::before { content: ""; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); width: 24px; height: 24px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23333'%3E%3Cpath d='M0 12h12v12H0z'/%3E%3Cpath d='M12 0h12v12H12z'/%3E%3C/g%3E%3C/svg%3E"); } .p-article02.is-shikoku .is-style-c-article01-title02::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%233AE0A1'%3E%3Cpath d='M0 12h12v12H0z'/%3E%3Cpath d='M12 0h12v12H12z'/%3E%3C/g%3E%3C/svg%3E"); } .p-article02.is-kinki .is-style-c-article01-title02::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23A28AFF'%3E%3Cpath d='M0 12h12v12H0z'/%3E%3Cpath d='M12 0h12v12H12z'/%3E%3C/g%3E%3C/svg%3E"); } .is-style-c-article01-title03 { position: relative; margin-bottom: 8px; padding-left: 1em; font-weight: 700; } .is-style-c-article01-title03::before { position: absolute; content: "■"; top: 0px; left: 0px; color: rgb(51, 51, 51); } @media (min-width: 811px) { .is-style-c-article01-title03 { font-size: 1.125rem; } } .is-style-c-article01-title03.is-shikoku::before { position: absolute; content: "■"; top: 0px; left: 0px; color: rgb(58, 224, 161); } .is-style-c-article01-title03.is-kinki::before { position: absolute; content: "■"; top: 0px; left: 0px; color: rgb(162, 138, 255); } .p-article02.is-shikoku .is-style-c-article01-title03::before { position: absolute; content: "■"; top: 0px; left: 0px; color: rgb(58, 224, 161); } .p-article02.is-kinki .is-style-c-article01-title03::before { position: absolute; content: "■"; top: 0px; left: 0px; color: rgb(162, 138, 255); } .p-article03 .is-style-c-article01-title03::before { position: absolute; content: "■"; top: 0px; left: 0px; color: rgb(60, 185, 0); } .is-style-c-article01-title04 { position: relative; margin-bottom: 8px; padding-left: 1em; font-weight: 700; } @media (min-width: 811px) { .is-style-c-article01-title04 { font-size: 1.125rem; } } .is-style-c-article01-title04::before { position: absolute; content: "●"; top: 0px; left: 0px; color: rgb(60, 185, 0); } .is-style-c-article01-title04::before { position: absolute; content: "●"; top: 0px; left: 0px; color: rgb(60, 185, 0); } .is-style-c-article01-title04 a { display: inline-block; text-decoration: underline; color: rgb(0, 95, 164); } .is-style-c-article01-title05 { position: relative; margin-bottom: 25px; padding-left: 32px; font-size: 1.25rem; font-weight: 700; } @media (min-width: 811px) { .is-style-c-article01-title05 { font-size: 1.5rem; } } .is-style-c-article01-title05::before { content: ""; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); width: 24px; height: 24px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23FF3F17'%3E%3Cpath d='M0 12h12v12H0z'/%3E%3Cpath d='M12 0h12v12H12z'/%3E%3C/g%3E%3C/svg%3E"); } .is-style-c-article01-list01 { position: relative; padding-left: 1em; line-height: 1.285; margin-bottom: 5px !important; } @media (min-width: 811px) { .c-article01-list01 { font-size: 1rem; line-height: 1.5; } } .is-style-c-article01-list01::before { position: absolute; content: "・"; top: 0px; left: 0px; } .is-style-p-article03__title02--spot { position: relative; margin-bottom: 16px; padding-left: 42px; font-size: 1.25rem; font-weight: 700; } @media (min-width: 811px) { .is-style-p-article03__title02--spot { font-size: 1.5rem; } } .is-style-p-article03__title02--spot::before { content: ""; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); width: 32px; height: 32px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url(""); } .is-style-p-article03__title02--accommodation { position: relative; margin-bottom: 16px; padding-left: 42px; font-size: 1.25rem; font-weight: 700; } @media (min-width: 811px) { .is-style-p-article03__title02--accommodation { font-size: 1.5rem; } } .is-style-p-article03__title02--accommodation::before { content: ""; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); width: 32px; height: 32px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url(""); } .is-style-p-article03__title02--souvenir { position: relative; margin-bottom: 16px; padding-left: 42px; font-size: 1.25rem; font-weight: 700; } @media (min-width: 811px) { .is-style-p-article03__title02--souvenir { font-size: 1.5rem; } } .is-style-p-article03__title02--souvenir::before { content: ""; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); width: 32px; height: 32px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url(""); } .is-style-p-article03__title02--view { position: relative; margin-bottom: 16px; padding-left: 42px; font-size: 1.25rem; font-weight: 700; } @media (min-width: 811px) { .is-style-p-article03__title02--view { font-size: 1.5rem; } } .is-style-p-article03__title02--view::before { content: ""; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); width: 32px; height: 32px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url(""); } .is-style-p-article03__title02--station { position: relative; margin-bottom: 16px; padding-left: 42px; font-size: 1.25rem; font-weight: 700; } @media (min-width: 811px) { .is-style-p-article03__title02--station { font-size: 1.5rem; } } .is-style-p-article03__title02--station::before { content: ""; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); width: 32px; height: 32px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url(""); } .is-style-p-article03__title02--food { position: relative; margin-bottom: 16px; padding-left: 42px; font-size: 1.25rem; font-weight: 700; } @media (min-width: 811px) { .is-style-p-article03__title02--food { font-size: 1.5rem; } } .is-style-p-article03__title02--food::before { content: ""; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); width: 32px; height: 32px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url(""); } .is-style-p-article03__title02--ship { position: relative; margin-bottom: 16px; padding-left: 42px; font-size: 1.25rem; font-weight: 700; } @media (min-width: 811px) { .is-style-p-article03__title02--ship { font-size: 1.5rem; } } .is-style-p-article03__title02--ship::before { content: ""; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); width: 32px; height: 32px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url(""); } .is-style-p-article03__title02--camera { position: relative; margin-bottom: 16px; padding-left: 42px; font-size: 1.25rem; font-weight: 700; } @media (min-width: 811px) { .is-style-p-article03__title02--camera { font-size: 1.5rem; } } .is-style-p-article03__title02--camera::before { content: ""; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); width: 32px; height: 32px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url(""); } .is-style-p-article03__title02--spa { position: relative; margin-bottom: 16px; padding-left: 42px; font-size: 1.25rem; font-weight: 700; } @media (min-width: 811px) { .is-style-p-article03__title02--spa { font-size: 1.5rem; } } .is-style-p-article03__title02--spa::before { content: ""; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); width: 32px; height: 32px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url(""); } .is-style-p-article03__title02--noicon { position: relative; margin-bottom: 16px; padding-left: 0px; font-size: 1.25rem; font-weight: 700; } @media (min-width: 811px) { .is-style-p-article03__title02--noicon { font-size: 1.5rem; } } .block-library-html__edit .block-editor-plain-text { max-height: 100%; } .\[\&_\.gdprAdTransparencyCogWheelButton\]\:\!pjra-z-\[5\], ad-slot, ad-triple-box, dfp-ad, [class^="adDisplay-module"], [class^="amp-ad-"], [class^="div-gpt-ad"], [data-ad-cls], [data-ad-manager-id], [data-ad-module], [data-ad-width], [data-adblockkey], [data-adbridg-ad-class], [data-adshim], [data-advadstrackid], [data-block-type="ad"], [data-css-class="dfp-inarticle"], [data-d-ad-id], [data-desktop-ad-id], [data-dynamic-ads], [data-ez-name], [data-freestar-ad][id], [data-id^="div-gpt-ad"], [data-m-ad-id], [data-mobile-ad-id], [data-name="adaptiveConstructorAd"], [data-rc-widget], [data-revive-zoneid] > iframe, [data-role="tile-ads-module"], [data-template-type="nativead"], [data-testid="adBanner-wrapper"], [data-testid="ad_testID"], [data-type="ad-vertical"], [data-wpas-zoneid], [id^="ad-wrap-"], [id^="ad_sky"], [id^="ad_slider"], [id^="section-ad-banner"], [name^="google_ads_iframe"], [onclick^="location.href='https://1337x.vpnonly.site/"], a-ad, a[data-href^="http://ads.trafficjunky.net/"], a[style="width:100%;height:100%;z-index:10000000000000000;position:absolute;top:0;left:0;"], ad-shield-ads, ad-slot, app-ad, app-advertisement, app-large-ad, ark-top-ad, aside[id^="adrotate_widgets-"], atf-ad-slot, bottomadblock, display-ad-component, display-ads, div[class^="Adstyled__AdWrapper-"], div[class^="Display_displayAd"], div[class^="kiwi-ad-wrapper"], div[class^="native-ad-"], div[data-ad-placeholder], div[data-ad-wrapper], div[data-adname], div[data-adunit-path], div[data-adunit], div[data-adzone], div[data-alias="300x250 Ad 1"], div[data-alias="300x250 Ad 2"], div[data-contentexchange-widget], div[data-dfp-id], div[data-id-advertdfpconf], div[data-native-ad], div[id^="ad-div-"], div[id^="ad-position-"], div[id^="adngin-"], div[id^="adrotate_widgets-"], div[id^="adspot-"], div[id^="crt-"][style], div[id^="div-ads-"], div[id^="google_dfp_"], div[id^="gpt_ad_"], div[id^="lazyad-"], div[id^="optidigital-adslot"], div[id^="pa_sticky_ad_box_middle_"], div[id^="rc-widget-"], div[id^="sticky_ad_"], div[id^="vuukle-ad-"], gpt-ad, guj-ad, hl-adsense, img[src^="https://images.purevpnaffiliates.com"], ps-connatix-module, span[data-ez-ph-id], span[id^="ezoic-pub-ad-placeholder-"], topadblock, zeus-ad, [class^="tile-picker__CitrusBannerContainer-sc-"], citrus-ad-wrapper, [class^="s2nPlayer"], div[id*="MarketGid"], div[id*="ScriptRoot"], [onclick*="content.ad/"], amp-ad, amp-ad, amp-ad-custom, amp-connatix-player, amp-fx-flying-carpet, a[data-obtrack^="http://paid.outbrain.com/network/redir?"], a[data-oburl^="https://paid.outbrain.com/network/redir?"], a[data-redirect^="https://paid.outbrain.com/network/redir?"], a[data-url^="http://paid.outbrain.com/network/redir?"] + .author, a[data-widget-outbrain-redirect^="http://paid.outbrain.com/network/redir?"], a[onmousedown^="this.href='http://paid.outbrain.com/network/redir?"][target="_blank"], a[onmousedown^="this.href='http://paid.outbrain.com/network/redir?"][target="_blank"] + .ob_source, a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"][target="_blank"] + .ob_source, a[target="_blank"][onmousedown="this.href^='http://paid.outbrain.com/network/redir?"], amp-embed[type="taboola"], div[id^="taboola-stream-"], div[id^="zergnet-widget"] { display: none !important; } [data-ad-name], [id^="div-gpt-ad"], div[aria-label="Ads"], div[data-ad-targeting], div[data-native_ad], div[id^="ad_position_"], div[id^="dfp-ad-"], div[id^="div-gpt-"], div[id^="ezoic-pub-ad-"], div[id^="yandex_ad"], ins.adsbygoogle[data-ad-slot], a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"][target="_blank"] { display: none !important; } a[href^="https://m.do.co/c/"] > img, a[href^="https://datingoffers30.info/"] { display: none !important; } (cache)フェリー事業からの撤退について | 南海フェリー株式会社

南海フェリー

フェリー運航状況

休航または欠航便があります。 詳しくはこちら

News

  1. TOP
  2. 新着情報
  3. フェリー事業からの撤退について

フェリー事業からの撤退について

お客さまへ

平素より南海フェリーをご利用いただき、誠にありがとうございます。

このたび、弊社の親会社であります南海電気鉄道株式会社より、2028年3月末日をもってフェリー事業から撤退する旨の発表がありました。

事業撤退に至りましたのは、昨今の事業環境の変化や運航コストの上昇など、さまざまな要因を総合的に判断された結果によるものです。

皆さまには多大なるご不便、ご迷惑をおかけいたしますこと、深くお詫び申し上げます。また、これまで賜りましたご愛顧に、改めて厚く御礼申し上げます。

事業撤退期日までは、これまで通り引き続き安全運航を続けてまいる所存でございますので、引き続き変わらぬご支援を賜りますようお願い申し上げます。
なお、船舶・設備等の老朽化や従業員の確保など安全運航に支障が生じる恐れのある場合には、撤退時期を早める場合があります。

正式な時期は今後の状況を踏まえて改めてお知らせいたします。

2026年3月30日
南海フェリー株式会社

PDFをダウンロード

情報一覧へ
WEB予約
電話予約

WEB予約注意事項

  •            

    3Dセキュアの登録状況のご確認について              

                 

    「本人認証サービス（3Dセキュア）」の利用設定や本人認証の結果より、WEB予約での決済が出来ないことがありますので、3Dセキュアの登録状況をご確認いただきますよお願い致します。

    ３Dセキュア認証エラーによる決済失敗時の返金について              

                 

    返金・クーポン・ポイントの返還は、自動キャンセルのタイミングで行われます。自動キャンセルは、３D セキュア判定失敗後の 10 分〜30 分後に行われるため、お客様の画面等に反映されるのに、タイムラグ等生じることもございます。

                 

    障がい者割引・学生割引について

    WEB予約ではシステムの都合により割引が適用できませんので、窓口にて対応とさせていただきます。

  • WEB予約について

    予約対象
    1. 乗用車（6m未満まで）・軽自動車及び、その同乗者（大人/小児）
      乗用車の定義：
      ・普通貨物自動車（1 ナンバー）のうち 5m 未満
      ・普通乗用自動車（3 ナンバー）
      ・小型貨物自動車（4・6 ナンバー）
      ・小型乗用自動車（5・7 ナンバー）
      ・特種用途自動車（8 ナンバー）のうち 5m 未満
    2. 徒歩乗船（大人/小児）
    WEB予約受付

    乗船日カレンダーに表記されている日が対象です。※翌月末まで

    予約受付の終了

    当日各便出航の3時間前まで。

    出航3時間を切る乗船予約はお電話のみの受付となります。

    予約可能台数

    1件の予約につき大人の予約人数分まで。

    1件のご予約で複数台の乗用車の予約が可能です。

    予約可能人数

    1件の予約につき9名様まで。

    10名様以上の場合は2回に分けてご予約をお願いいたします。

    お支払い方法
                       

    予約即時にクレジットカードによる決済のみ。

    その他ご注意事項
                           
    1. 【復路割引】【障がい者割引】【学生割引】の適用はございません。（窓口発売のみ）
    2. 他の割引との重複割引はございません。
    3. 二輪車については運転者と同乗者を含め、ご予約は承っておりません（先着順のみ）
    4. 6m以上の車両はWEB予約できません。
    5. 「好きっぷ」はWEB予約できません。（窓口発売のみ）

  • お得な割引・ポイントについて

    WEB割
                           
    1. 当日出航3時間前までのWEB予約で、乗用車とその同乗者が割引き！詳しくはこちら

      同乗される小児運賃無料キャンペーンも実施中！

    早割14
                           
    1. ご乗船14日前までのWEB予約で、乗用車とその同乗者がさらに割引に！
      詳しくはこちら

      同乗される小児運賃無料キャンペーンも実施中！

    南海フェリーWEBポイントについて
    1. WEB予約決済いただくと、100円ごとに1ポイントの「南海フェリーWEBポイント」を付与いたします。

      「南海フェリーWEBポイント」は、1ポイント＝1円として、お支払いにご利用いただけます。

  • WEB予約決済システムの手順

    手順の詳細はこちらをご覧ください。

  • 予約後のご乗船までの流れ

    車両乗船の場合

    WEB予約していても直接ご乗船できません。窓口で乗船手続きが必要です。

    【和歌山営業所】 ･･･ 営業所前の駐車場に留め置き、窓口へお越しください。

    【徳島営業所】 ･･･ 車に乗ったまま「ドライブスルー窓口」へお越しください。

    徒歩乗船の場合

    乗船改札開始後、直接乗船口にお越しください。携帯端末で予約画面の提示をお願いします。

    予約後の乗船までの詳細手順は下記からご確認ください。

    和歌山港の乗船手順
    徳島港の乗船手順

  • WEB予約の変更について

                   
    出発日・便の変更時の対応について
                     

    出発日・便変更等の詳細は、下記をご覧ください。

    早割14で購入の場合：こちら

    早割14以外で購入の場合：こちら

                   
    変更方法について
                     

    以下の内容は、お客さまご自身で変更可能です。

    マイページにて、手続きをお願いいたします。

                     

    ①乗船区間・人数の変更

    早割の場合：１４日前まで、早割以外の場合：出航３時間前迄、マイページにて変更が可能です。
    以降の変更については、マイページ上では変更出来ませんので、乗船当日の乗船手続き時に係員にお申し付けください。    （人数増の場合、人数増分運賃については早割・WEB割運賃は適用出来ません。予めご了承ください。人数減の場合は、無手数料で払い戻しいたします。）


    ②お客さま情報の変更（グリーン席座席番号の変更等）

    グリーン席の座席番号変更は、出航時刻までマイページ上で変更が可能です。
     システムの関係上、お電話では変更が出来ません。

                       
    その他

    • 変更により差額が生じる場合は、追加でお支払いいただく、または返金となります。

      いずれもクレジットカードによるご対応となります。

    • 予約変更回数に制限はございません。

  • WEB予約の取消について

                   
    取消方法

    マイページにて、お客さまご自身で手続きをお願いします。

    払い戻し手数料
                         
    ～当日出航3時間前（手仕舞い）まで 無料
    当日出航まで 券面記載の30％
    出航後 券面記載の100％

    クレジットカードの締切り日によっては、ご返金までに1～ 2ヶ月ほどお時間がかかる場合がございますのでご了承ください。

    予約サイト上では、出航当日3時間前〜出発当日1時間前の手数料は料金の30％、出発当日1時間前〜出発後の手数料は料金の100％と表記されますが正しくは上記の表の通りです。

WEB予約注意事項

（右上の「閉じる」ボタンをクリックまたはタップで予約サイトに移動します。）

  • 3Dセキュアの登録状況のご確認について              

    「本人認証サービス（3Dセキュア）」の利用設定や本人認証の結果より、WEB予約での決済が出来ないことがありますので、3Dセキュアの登録状況をご確認いただきますようお願い致します。


    ３Dセキュア認証エラーによる決済失敗時の返金について              

                 

    返金・クーポン・ポイントの返還は、自動キャンセルのタイミングで行われます。自動キャンセルは、３D セキュア判定失敗後の 10 分〜30 分後に行われるため、お客様の画面等に反映されるのに、タイムラグ等生じることもございます。


    混雑緩和のお願い

                 

    大型連休中は混雑が予想されます。特に朝夕の便で大変混雑することが予想されますので、お早めの乗船手続きをお願いいたします。

    障がい者割引・学生割引について

                 

    WEB予約ではシステムの都合により各種割引が適用できませんので、窓口発売のみの対応とさせていただきます。

  • WEB予約について

    予約対象
                           
    1. 乗用車（6m未満まで）・軽自動車及び、その同乗者（大人/小児）
      乗用車の定義：
      ・普通貨物自動車（1 ナンバー）のうち 5m 未満
      ・普通乗用自動車（3 ナンバー）
      ・小型貨物自動車（4・6 ナンバー）
      ・小型乗用自動車（5・7 ナンバー）
      ・特種用途自動車（8 ナンバー）のうち 5m 未満
    2. 徒歩乗船（大人/小児）
    WEB予約受付

    乗船日カレンダーに表記されている日が対象です。※翌月末まで

    予約受付の終了

    当日各便出航の3時間前まで。

    出航3時間を切る乗船予約はお電話のみの受付となります。

    予約可能台数

    1件の予約につき大人の予約人数分まで。

    1件のご予約で複数台の乗用車の予約が可能です。

    予約可能人数

    1件の予約につき9名様まで。

    10名様以上の場合は2回に分けてご予約をお願いいたします。

    お支払い方法
                       

    予約即時にクレジットカードによる決済のみ。

    その他ご注意事項
                           
    1. 【復路割引】【障がい者割引】【学生割引】の適用はございません。
    2. 他の割引との重複割引はございません。
    3. 二輪車については運転者と同乗者を含め、ご予約は承っておりません（先着順のみ）
    4. 6m以上の車両はWEB予約できません。
    5. 「好きっぷ」はWEB予約できません。（窓口発売のみ）

  • お得な割引・ポイントについて

    WEB割
                           
    1. 当日出航3時間前までのWEB予約で、乗用車とその同乗者が割引！詳しくはこちら

      同乗される小児運賃無料キャンペーンも実施中！

    早割14
                           
    1. ご乗船14日前までのWEB予約で、乗用車とその同乗者がさらに割引！に！
      詳しくはこちら

      同乗される小児運賃無料キャンペーンも実施中！

    南海フェリーWEBポイントについて
    1. WEB予約決済いただくと、100円ごとに1ポイントの「南海フェリーWEBポイント」を付与いたします。

      「南海フェリーWEBポイント」は、1ポイント＝1円として、お支払いにご利用いただけます。

  • WEB予約決済システムの手順

    手順の詳細はこちらをご覧ください。

  • 予約後のご乗船までの流れ

    車両乗船の場合

    WEB予約していても直接ご乗船できません。窓口で乗船手続きが必要です。

    【和歌山営業所】 ･･･ 営業所前の駐車場に留め置き、窓口へお越しください。

    【徳島営業所】 ･･･ 車に乗ったまま「ドライブスルー窓口」へお越しください。

    徒歩乗船の場合

    乗船改札開始後、直接乗船口にお越しください。携帯端末で予約画面の提示をお願いします。

    予約後の乗船までの詳細手順は下記からご確認ください。

    和歌山港の乗船手順
    徳島港の乗船手順

  • WEB予約の変更について

                   
    出発日・便の変更時の対応について
                     

    出発日・便変更等の詳細は、下記をご覧ください。

    早割14で購入の場合：こちら

    早割14以外で購入の場合：こちら

                   
    変更方法について
                     

    以下の内容は、お客さまご自身で変更可能です。

    マイページにて、手続きをお願いいたします。

                     

    ①乗船区間・人数の変更

    早割の場合：１４日前まで、早割以外の場合：出航３時間前迄、マイページにて変更が可能です。
    以降の変更については、マイページ上では変更出来ませんので、乗船当日の乗船手続き時に係員にお申し付けください。    （人数増の場合、人数増分運賃については早割・WEB割運賃は適用出来ません。予めご了承ください。人数減の場合は、無手数料で払い戻しいたします。）


    ②お客さま情報の変更（グリーン席座席番号の変更等）

    グリーン席の座席番号変更は、出航時刻までマイページ上で変更が可能です。
     システムの関係上、お電話では変更が出来ません。

                       
    その他

    • 変更により差額が生じる場合は、追加でお支払いいただく、または返金となります。

      いずれもクレジットカードによるご対応となります。

    • 予約変更回数に制限はございません。

  • WEB予約の取消について

                   
    取消方法

    マイページにて、お客さまご自身で手続きをお願いします。

    払い戻し手数料
                         
    ～当日出航3時間前（手仕舞い）まで 無料
    当日出航まで 券面記載の30％
    出航後 券面記載の100％

    クレジットカードの締切り日によっては、ご返金までに1～ 2ヶ月ほどお時間がかかる場合がございますのでご了承ください。

    予約サイト上では、出航当日3時間前〜出発当日1時間前の手数料は料金の30％、出発当日1時間前〜出発後の手数料は料金の100％と表記されますが正しくは上記の表の通りです。

  • WEB予約ページはこちらから

    和歌山港行き
    徳島港行き

電話予約注意事項

  • 混雑緩和のお願い

    大型連休中は混雑が予想されます。特に朝夕の便で大変混雑することが予想されますので、お早めの乗船手続きをお願いいたします。

  • ご予約対象

    ご予約は「乗用車・トラック・バス」のご乗船に限り承ります。ご出発される港へご連絡ください。なお、ご予約は24時間受付中です。

                 

    二輪車については運転者と同乗者を含め、ご予約は承っておりません（先着順のみ）

  • 電話予約について

    予約受付開始は乗船日の2か月前より（0時から）
    出港時刻前は、電話が繋がりにくい場合があります。時間をおいてお掛け直しいただきますようお願いいたします。
                       

    ※英語・中国語・韓国語でのお問い合わせには、対応ができません。