/* common */
@media (min-width: 1440px) {
    .wrap {
        font-size: 1px;
    }
}
@media (min-width: 768px) and (max-width: 1439px) {
    .wrap {
        font-size: calc(1vw / 1440 * 100);
    }
}
@media (max-width: 767px) {
    .wrap {
        font-size: 1px;
        font-size: calc(1vw / 750 * 100);
    }
}
.l-main {
    line-height: 130%;
	font-family:'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	-webkit-text-size-adjust: none;
}
html,
body {
    width: 100%;
    height: 100%;
}
picture {
    display: inline-block;
    vertical-align: bottom;
}
img {
    vertical-align: bottom;
    max-width: 100%;
}
.clearfix:after {
    content: '';
    display: block;
    clear: both;
}
.inner {
    max-width: 1160px;
    margin: auto;
    position: relative;
}
.content_over_wrap,
.content_wrap {
    position: relative;
}
.wrap {
    overflow: hidden;
}
.fade_up {
    opacity: 0;
    translate: 0 30em;
    transition: opacity 0.6s, translate 0.6s;
}
.is_animated.fade_up {
    opacity: 1;
    translate: 0 0;
}
@media (min-width: 768px) {
    .sp_only {
        display: none;
    }
    .wrap {
        background: url(../images/bg_pc.jpg) repeat-y 50% -92px / 100% auto;
    }
}
@media (max-width: 767px) {
    .pc_only {
        display: none;
    }
    .wrap {
        background: url(../images/bg_sp.jpg) repeat-y 50% 0 / 100% auto;
    }
    .fade_up_sp {
        opacity: 0;
        translate: 0 30em;
        transition: opacity 0.6s, translate 0.6s;
    }
    .is_animated.fade_up_sp {
        opacity: 1;
        translate: 0 0;
    }
}
@media (min-width: 768px) {
    @media (hover:hover) {
        a {
            transition: opacity 0.6s;
        }
        a:hover {
            opacity: 0.7;
        }
    }
}

/* #footer */
#footer .footer_attention {
    color: #fff;
    position: relative;
}
#footer .footer_attention a {
    color: #ffe643;
}
#footer .footer_attention a[target="_blank"]::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background: url(../images/icon_tab_yellow.png) no-repeat 50% / contain;
}
@media (min-width: 768px) {
    #footer .footer_attention {
        background-color: #d23d23;
    }
    #footer {
        font-size: 12px;
        line-height: 1.333;
    }
    #footer .footer_attention .inner > div > p {
        display: inline-block;
    }
    #footer .footer_attention .inner {
        padding: 30px 80px 28px 20px;
    }
    #footer .footer_attention a[target="_blank"]::before {
        width: 9px;
        height: 11px;
        margin-right: 2px;
        margin-left: 2px;
        margin-top: -2px;
    }
    #footer .footer_attention .inner {
        padding: 30px 80px 28px 20px;
        box-sizing: border-box;
        position: relative;
    }
    #footer .footer_attention .footer_scrolltop {
        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        right: 20px;
        z-index: 1;
        margin-top: -20px;
    }
    #footer #footNavi {
        text-align: center;
        padding: 13px 10px 10px;
        box-sizing: border-box;
        background: #000;
        color: #fff;
    }
    #footer .footer_attention .indent  {
        text-indent: -1em;
        margin-left: 1em;
    }
}
@media screen and (min-width: 1220px) {
    #footer .footer_attention .footer_scrolltop {
        padding-right: 20px;
    }
    #footer .footer_attention .footer_scrolltop {
        right: 141px;
    }
}
@media (max-width: 767px) {
    .footer_attention {
        width: 100%;
        font-size: 20em;
        line-height: 1.4;
        box-sizing: border-box;
        padding: 0 1.6em 2.1em;
        background-color: #e60012;
    }
    .footer_attention .inner {
        padding: 2.1em 0 0;
    }
    .footer_attention p {
        text-indent: -1em;
        padding-left: 1em;
    }
    .footer_attention a[target="_blank"]::before {
        width: 0.9em;
        height: 1em;
        margin-inline: 0.1em;
        margin-top: -0.2em;
    }

    .pagetop_wrap {
        text-align: center;
        background-color: #e60012;
        padding: 3.8% 0 0;
    }
    .pagetop {
        width: 7.4%;
        margin-left: 2%;
    }

    .copy {
        overflow: hidden;
        background: #000;
        color: #fff;
        padding: 26em 20em 24em;
        text-align: center;
    }
    .copy_txt {
        font-size: 22em;
        line-height: 1.4;
    }
    .copy_main {
        font-size: 20em;
        line-height: 1;
    }
}

/* mv */
.mv {
    position: relative;
}
.mv_inner {
    margin-inline: auto;
    position: relative;
}
.mv_item {
    margin-inline: auto;
    position: absolute;
    left: 0;
    right: 0;
}
.mv_speech_1,
.mv_speech_3 {
    left: auto;
}
.mv_copy,
.mv_speech_2 {
    right: auto;
}
@media (min-width: 768px) {
    .mv_inner {
        width: 800em;
        margin-top: 80em;
    }
    .mv_ttl {
        width: 454em;
        top: 156em;
    }
    .mv_txt_1 {
        width: 433em;
        top: 325em;
    }
    .mv_txt_2 {
        width: 410em;
        top: 443em;
    }
    .mv_txt_3 {
        width: 290em;
        top: 564em;
    }
    .mv_copy {
        width: 369em;
        top: -48em;
        left: -36em;
    }
    .mv_speech_1 {
        width: 222em;
        top: 400em;
        right: -179em;
    }
    .mv_speech_2 {
        width: 201em;
        top: 491em;
        left: -138em;
    }
    .mv_speech_3 {
        width: 155em;
        top: 590em;
        right: 6em;
    }
}
@media (max-width: 767px) {
    .mv_inner {
        width: 718em;
        margin-top: 96em;
    }
    .mv_ttl {
        width: 490em;
        top: 168em;
    }
    .mv_txt_1 {
        width: 468em;
        top: 358em;
    }
    .mv_txt_2 {
        width: 433em;
        top: 490em;
    }
    .mv_txt_3 {
        width: 306em;
        top: 619em;
        left: 180em;
        right: auto;
    }
    .mv_copy {
        width: 369em;
        top: -56em;
        left: 1em;
    }
    .mv_speech_1 {
        width: 222em;
        top: 664em;
        right: 4em;
    }
    .mv_speech_2 {
        width: 201em;
        top: 722em;
        left: 24em;
    }
    .mv_speech_3 {
        width: 155em;
        top: 827em;
        right: 197em;
    }
}

/* free */
.free {
    position: relative;
}
.free::before {
    content: '';
    margin-inline: auto;
    background-color: #f6f6f8;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
}
.free_ttl {
    margin-inline: auto;
    position: relative;
}
.free_ttl_txt {
    margin-inline: auto;
    position: absolute;
    left: 0;
    right: 0;
}
.free_ttl_speech {
    position: absolute;
}
.free_slide .swiper-pagination {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
}
.free_slide .swiper-slide + .swiper-slide::before,
.free_slide .swiper-slide + .swiper-slide::after {
    background-color: #595656;
    content: '';
    display: block;
    position: absolute;
    top: 50%;
}
.free_slide .swiper-slide img {
    width: 100%;
    height: auto;
}
.free_slide .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    opacity: 1;
    background-color: #ccc;
}
.free_slide .swiper-pagination-bullet-active {
    background-color: #e44236;
}
.free_slide .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.free_slide .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 8px;
}
.swiper_pause,
.swiper_play {
    width: 28px;
    height: 28px;
}
.swiper_pause {
    background: url(../images/icon_pause.svg) no-repeat;
    background-size: contain;
}
.swiper_play {
    background: url(../images/icon_play.svg) no-repeat;
    background-size: contain;
}
.swiper_control {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 24px;
    margin-top: 20px;
    position: relative;
}
.swiper_toggle_wrap {
    position: relative;
    z-index: 11;
}
.swiper_toggle_wrap .swiper_pause {
    display: block;
}
.swiper_toggle_wrap .swiper_play {
    display: none;
}
.swiper_toggle_wrap.is-paused .swiper_pause {
    display: none;
}
.swiper_toggle_wrap.is-paused .swiper_play {
    display: block;
}
.free_btn_area {
    text-align: center;
}
.free_btn_area img {
    cursor: pointer;
}
@media (min-width: 768px) {
    .free {
        margin-top: 140px;
        padding-bottom: 80px;
    }
    .free::before {
        width: 95%;
        max-width: 1160px;
        height: calc(100% - 212px);
        border-radius: 80px;
        bottom: 0;
    }
    .free_ttl {
        width: 721px;
    }
    .free_ttl_txt {
        width: 482px;
        top: 100px;
    }
    .free_ttl_speech {
        width: 202px;
        top: -26px;
        right: 44px;
    }
    .free_slide {
        margin-top: -45px;
    }
    .free_slide .swiper-slide {
        width: 240px;
        box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.2);
    }
    .free_slide .swiper-slide + .swiper-slide::before {
        width: 20px;
        height: 4px;
        margin-top: 0;
        left: -29px;
    }
    .free_slide .swiper-slide + .swiper-slide::after {
        width: 4px;
        height: 20px;
        margin-top: -8px;
        left: -21px;
    }
    .free_slide .swiper-pagination {
        gap: 0 16px;
    }
    .free_btn_area {
        margin-top: 41px;
    }
    .free_btn_area_inner {
        width: 90%;
        max-width: 923px;
        margin-inline: auto;
        display: flex;
        justify-content: space-between;
        gap: 20px;
    }
    .free_btn,
    .search_btn {
        max-width: 440px;
    }
    .free_btn_mark {
        width: 432px;
        margin: 24px auto 0;
    }
}
@media (max-width: 767px) {
    .free {
        margin-top: 300em;
        padding-bottom: 80em;
    }
    .free::before {
        width: 718em;
        height: calc(100% - 250em);
        border-radius: 35em;
        bottom: 0;
    }
    .free_ttl {
        width: 100%;
    }
    .free_ttl_txt {
        width: 567em;
        top: 117em;
    }
    .free_ttl_speech {
        width: 238em;
        top: -3em;
        right: 32em;
    }
    .free_slide {
        width: 620em;
        margin-top: -64em;
        position: relative;
        overflow: visible;
    }
    .free_slide .swiper-slide {
        width: 280em;
        box-shadow: 0 5em 6em 0 rgba(0, 0, 0, 0.2);
    }
    .free_slide .swiper-slide + .swiper-slide::before {
        width: 15px;
        height: 3px;
        margin-top: 0;
        left: -23px;
    }
    .free_slide .swiper-slide + .swiper-slide::after {
        width: 3px;
        height: 15px;
        margin-top: -6px;
        left: -17px;
    }
    .free_slide .swiper-slide img {
        width: 100%;
        height: auto;
    }
    .free_slide .swiper-pagination {
        gap: 0 16em;
    }
    .free_btn_area {
        margin-top: 48em;
    }
    .free_btn_area_inner {
        width: 520em;
        margin-inline: auto;
    }
    .search_btn {
        margin-top: 32em;
    }
    .free_btn_mark {
        width: 622em;
        margin: 40em auto 0;
    }
}
@media (min-width: 768px) {
    .free_btn_area_inner .free_btn:hover {
        opacity: 0.8;
    }
}
@media (max-width: 767px) {
    .free_ttl_speech {
        opacity: 0;
        rotate: -90deg;
        transform-origin: 50% -50%;
        transition: opacity 0.6s, rotate 0.6s;
    }
    .is_animated .free_ttl_speech {
        opacity: 1;
        rotate: 0deg;
    }
}

/* ok */
.ok {
    position: relative;
}
.ok::before {
    content: '';
    margin-inline: auto;
    background-color: #f6f6f8;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
}
.ok_ttl {
    margin-inline: auto;
    position: relative;
}
.ok_ttl_txt {
    margin-inline: auto;
    position: absolute;
    left: 0;
    right: 0;
}
.ok_ttl_speech {
    position: absolute;
}
.ok_list_wrap {
    margin-inline: auto;
    position: relative;
    z-index: 1;
}
.ok_list {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
}
.ok_note {
    line-height: 1.5;
    color: #000;
    text-align: left;
}
@media (min-width: 768px) {
    .ok {
        margin-top: 120px;
        padding-bottom: 80px;
    }
    .ok::before {
        width: 95%;
        max-width: 1160px;
        height: calc(100% - 209px);
        border-radius: 80px;
        bottom: 0;
    }
    .ok_ttl {
        width: 721px;
    }
    .ok_ttl_txt {
        width: 446px;
        top: 98px;
    }
    .ok_ttl_speech {
        width: 204px;
        top: -43px;
        left: 45px;
    }
    .ok_list_wrap {
        width: 1096em;
        max-width: 1096px;
        margin-top: -50px;
    }
    .ok_list {
        gap: 42em 0;
        text-align: center;
        margin: 0 auto;
    }
    .ok_list > li {
        width: 340em;
        box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.2);
    }
    .ok_note {
        margin-top: 40px;
        font-size: 12px;
    }
}
@media (max-width: 767px) {
    .ok {
        margin-top: 120em;
        padding-bottom: 80em;
    }
    .ok::before {
        width: 718em;
        height: calc(100% - 252em);
        border-radius: 35em;
        bottom: 0;
    }
    .ok_ttl {
        width: 100%;
    }
    .ok_ttl_txt {
        width: 526em;
        top: 115em;
    }
    .ok_ttl_speech {
        width: 240em;
        top: -22em;
        left: 31em;
    }
    .ok_list_wrap {
        width: 686em;
        margin-top: -65em;
    }
    .ok_list {
        gap: 40em 0;
    }
    .ok_list > li {
        width: 326em;
        box-shadow: 0 5em 6em 0 rgba(0, 0, 0, 0.2);
    }
    .ok_note {
        margin-top: 2em;
        font-size: 20em;
    }
}
@media (max-width: 767px) {
    .ok_ttl_speech {
        opacity: 0;
        rotate: 90deg;
        transform-origin: 50% -50%;
        transition: opacity 0.6s, rotate 0.6s;
    }
    .is_animated .ok_ttl_speech {
        opacity: 1;
        rotate: 0deg;
    }
    .ok_list > li:nth-child(even) {
        transition-delay: 0.2s;
    }
}

/* otoku */
.otoku {
    position: relative;
}
.otoku_inner {
    position: relative;
}
.otoku_inner::before {
    content: '';
    margin-inline: auto;
    background-color: #f6f6f8;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
}
.otoku_ttl {
    margin-inline: auto;
    position: relative;
}
.otoku_ttl_txt {
    margin-inline: auto;
    position: absolute;
    left: 0;
    right: 0;
}
.otoku_list {
    margin-inline: auto;
    display: flex;
    justify-content: space-between;
    text-align: center;
    position: relative;
    z-index: 1;
}
.otoku_list > li {
    width: 23.47%;
}
@media (min-width: 768px) {
    .otoku {
        margin-top: 120px;
    }
    .otoku_inner {
        padding-bottom: 80px;
    }
    .otoku_inner::before {
        width: 95%;
        max-width: 1160px;
        height: calc(100% - 202px);
        border-radius: 80px;
        bottom: 0;
    }
    .otoku_ttl {
        width: 721px;
    }
    .otoku_ttl_txt {
        width: 480px;
        top: 93px;
    }
    .otoku_list {
        width: 90%;
        max-width: 1096px;
        margin-top: -55px;
    }
    .otoku_list > li {
        width: 23.47%;
        box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.2);
    }
}
@media (max-width: 767px) {
    .otoku {
        margin-top: 120em;
    }
    .otoku_inner {
        padding-bottom: 80em;
    }
    .otoku_inner::before {
        width: 718em;
        height: calc(100% - 252em);
        border-radius: 35em;
        bottom: 0;
    }
    .otoku_ttl {
        width: 100%;
    }
    .otoku_ttl_txt {
        width: 576em;
        top: 109em;
    }
    .otoku_list {
        width: 686em;
        margin-top: -70em;
        flex-wrap: wrap;
        gap: 40em 0;
    }
    .otoku_list > li {
        width: 326em;
        box-shadow: 0 5em 6em 0 rgba(0, 0, 0, 0.2);
    }
}
@media (max-width: 767px) {
    .otoku_list > li:nth-child(even) {
        transition-delay: 0.2s;
    }
}

/* sarani */
.sarani {
    position: relative;
}
.sarani_ttl_wrap::before {
    content: '';
    margin-inline: auto;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
}
.sarani_subttl,
.sarani_ttl {
    margin-inline: auto;
    position: absolute;
    left: 0;
    right: 0;
}
.sarani_txt {
    margin-top: calc(40 * 100vw / 1220);
}
.sarani_illust {
    position: absolute;
    left: 50%;
    bottom: 0;
    translate: -50% 0;
}
.sarani_f_1,
.sarani_f_2,
.sarani_f_3 {
    position: absolute;
}
.sarani_caption {
    position: absolute;
    line-height: 1.4;
}
@media (min-width: 768px) {
    .sarani {
        height: 700em;
        margin-top: 128px;
        background: #fff url(../images/sarani_bg.jpg) repeat 50% 50% / 1440em auto;
    }
    .sarani_ttl_wrap::before {
        width: 622em;
        height: 162em;
        top: -48em;
        background: url(../images/sarani_ttl_bg.png) no-repeat 50% / cover;
    }
    .sarani_subttl {
        width: 622em;
        top: -15em;
    }
    .sarani_ttl {
        width: 635em;
        top: 148em;
    }
    .sarani_illust {
        width: 640em;
    }
    .sarani_f_1,
    .sarani_f_2,
    .sarani_f_3 {
        filter: drop-shadow(0 3em 9em rgba(0, 0, 0, 0.08));
        left: 50%;
    }
    .sarani_f_1 {
        width: 244em;
        top: 384em;
        margin-left: -488em;
    }
    .sarani_f_2 {
        width: 220em;
        top: 331em;
        margin-left: 206em;
    }
    .sarani_f_3 {
        width: 194em;
        top: 473em;
        margin-left: 336em;
    }
    .sarani_caption {
        margin-left: -580em;
        left: 50%;
        bottom: 30em;
    }
    .sarani_caption_inner {
        font-size: 12em;
    }
}
@media (min-width: 768px) and (max-width: 1220px) {
    .sarani {
        background: #fff url(../images/sarani_bg.jpg) repeat 50% 50% / calc(1440 * 100vw / 1220) auto;
        position: relative;
        height: calc(700 * 100vw / 1220);
    }
    .sarani_ttl_wrap {
        width: calc(1160 * 100vw / 1220);
        position: relative;
    }
    .sarani_subttl {
        display: block;
        text-align: center;
        width: calc(564 * 100vw / 1220);
        margin: 0 auto 0;
    }
    .sarani_ttl {
        display: block;
        text-align: center;
        width: calc(675 * 100vw / 1220);
    }
    .sarani_illust {
        width: calc(640 * 100vw / 1220);
    }
    .sarani_f_1 {
        width: calc(254 * 100vw / 1220);
        left: 50%;
        top: calc(380 * 100vw / 1220);
        margin-left: calc(-494 * 100vw / 1220);
    }
    .sarani_f_2 {
        width: calc(184 * 100vw / 1220);
        left: 50%;
        top: calc(327 * 100vw / 1220);
        margin-left: calc(200 * 100vw / 1220);
    }
    .sarani_f_3 {
        width: calc(176 * 100vw / 1220);
        left: 50%;
        top: calc(468 * 100vw / 1220);
        margin-left: calc(330 * 100vw / 1220);
    }
    .sarani_caption {
        margin: 0;
        bottom: calc(32 * 100vw / 1220);
        left: 20px;
        line-height: 1.4;
    }
    .sarani_caption_inner {
        font-size: calc(12 * 100vw / 1220);
    }

}
@media (max-width: 767px) {
    .sarani {
        height: 1005em;
        margin-top: 160em;
        background: #fff url(../images/sarani_bg_sp.jpg) repeat 50% / 100% auto;
    }
    .sarani_ttl_wrap::before {
        width: 622em;
        height: 162em;
        top: -40em;
        background: url(../images/sarani_ttl_bg.png) no-repeat 50% / cover;
    }
    .sarani_subttl {
        width: 622em;
        top: 8em;
    }
    .sarani_ttl {
        width: 635em;
        top: 171em;
    }
    .sarani_illust {
        width: 680em;
    }
    .sarani_f_1,
    .sarani_f_2,
    .sarani_f_3 {
        filter: drop-shadow(0 3em 9em rgba(0, 0, 0, 0.08));
    }
    .sarani_f_1 {
        width: 244em;
        top: 422em;
        left: 26em;
    }
    .sarani_f_2 {
        width: 242em;
        top: 418em;
        right: 26em;
    }
    .sarani_f_3 {
        width: 206em;
        top: 495em;
        left: 271em;
    }
    .sarani_caption {
        position: absolute;
        top: 346em;
        left: 32em;
        line-height: 1.4;
    }
    .sarani_caption_inner {
        font-size: 20em;
    }
}
@media (max-width: 767px) {
    .sarani_f_1,
    .sarani_f_2,
    .sarani_f_3 {
        opacity: 0;
        transition: opacity 0.6s, translate 0.6s;
    }
    .sarani_f_1 {
        translate: 30em 20em;
    }
    .sarani_f_2 {
        translate: -30em 20em;
    }
    .sarani_f_3 {
        translate: 0 30em;
    }
    .is_animated .sarani_f_1,
    .is_animated .sarani_f_2,
    .is_animated .sarani_f_3 {
        opacity: 1;
        translate: 0 0;
    }
}

/* fixed */
.fixed {
    position: relative;
    box-sizing: border-box;
    background: #e3e3e3;
}
.fixed_box_inner {
    position: relative;
    z-index: 10;
    margin: 0 auto;
}
.fixed_box_inner_1 {
    background: #e3e3e3;
}
.mark_txt a {
    text-decoration: underline;
    color: #000;
    line-height: 1.3;
}
.mark_txt a[target="_blank"]::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background: url(../images/icon_tab.png) no-repeat;
    background-size: contain;
}
.mark_note {
    line-height: 1;
}
@media (min-width: 768px) {
    .fixed_box_inner {
        max-width: 850px;
        padding: 25px 20px;
    }
    .fixed_box_set {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .fixed_box_set_in:first-child {
        width: 57.2%;
    }
    .fixed_box_set_in:last-child {
        width: 38.5%;
    }
    .fixed_mark {
        width: 276px;
    }
    .mark_txt {
        margin-top: 16px;
    }
    .mark_txt a {
        font-size: 16px;
        padding-left: 15px;
        background: url(../images/fixed_arrow.png) no-repeat 0px 30%;
    }
    .mark_txt a[target="_blank"]::before {
        width: 12px;
        height: 14px;
        margin-right: 6px;
        margin-top: -4px;
    }
    .mark_note {
        margin-top: 10em;
    }
    .mark_note_inner {
        font-size: 12em;
    }
}
@media (max-width: 767px) {
    .fixed_box_inner_1 {
        padding: 5.2% 8.5%;
        position: relative;
    }
    .fixed_box_set_in + .fixed_box_set_in {
        margin-top: 5%;
    }
    .fixed_box_set_in img {
        display: block;
    }
    .fixed_box_set_in + .fixed_box_set_in.fixed_btn_online_howto_wrap {
        margin-top: -0.6%;
    }
    .fixed_box_set_txt {
        font-size: 10px;
        margin-top: 5px;
        text-align: center;
    }
    .mark_txt {
        margin-top: 4%;
        text-align: center;
    }
    .mark_txt a {
        font-size: 1.2em;
        color: #000;
        padding-left: 0.9em;
        line-height: 1.3;
        background: url(../images/fixed_arrow.png) no-repeat 0px 38% / 0.4em auto;
        text-decoration: underline;
    }
    .mark_txt a[target="_blank"]::before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 9px;
        height: 14px;
        background: url(../images/icon_tab.png) no-repeat;
        background-size: contain;
        margin-right: 4px;
    }
    .fixed_btn_search {
        width: 100%;
    }
    .fixed_mark {
        width: 100%;
    }
    .fixed_btn_online_sale {
        width: 100%;
    }
    .fixed_btn_online_howto {
        width: 100%;
    }
    .mark_txt {
        margin-top: 4%;
        text-align: center;
    }
    .mark_txt a {
        padding-left: 20em;
        background: url(../images/fixed_arrow.png) no-repeat 0px 38% / 10em auto;
        display: inline-block;
    }
    .mark_txt a[target="_blank"]::before {
        width: 18em;
        height: 21em;
        margin-right: 4em;
        margin-top: -18em;
    }
    .mark_txt_inner {
        font-size: 24em;
    }
    .mark_note {
        text-align: center;
        margin-top: 15em;
    }
    .mark_note_inner {
        font-size: 20em;
    }
}
.fixed_btn_online {
    position: absolute;
    bottom: 50px;
    left: 45px;
    z-index: 10;
}
.floating .fixed_btn_online {
    position: fixed;
    bottom: 30px;
}

/* popup_free */
.popup_free {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1002;
    background: rgba(0, 0, 0, 0.8);
    opacity: 1;
}
.popup_free_scroll_area {
    position: relative;
    height: 100%;
    overflow: auto;
}
.popup_free_inner {
    position: relative;
    height: 100%;
    margin: 0px auto;
    text-align: center;
    letter-spacing: 0.1em;
}
.popup_free_box {
    display: inline-block;
    position: relative;
    height: auto;
    margin: 0px auto;
    vertical-align: middle;
}
@media (min-width: 768px) {
    .popup_free_scroll_area {
        padding: 0 20px;
    }
    .popup_free_inner {
        max-width: 1240px;
    }
    .popup_free_inner:after {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }
    .popup_free_box {
        max-width: 1160px;
        padding: 50px 0;
    }
    .popup_free_img {
        margin-top: 30px;
    }
    .popup_free_close_wrap {
        margin-top: 40px;
    }
    .popup_free_close {
        width: 140px;
        cursor: pointer;
    }
}
@media (max-width: 767px) {
    .popup_free_scroll_area {
        -webkit-overflow-scrolling: touch;
    }
    .popup_free_inner {
        width: 100%;
    }
    .popup_free_box {
        width: 100%;
        padding: 10% 0;
    }
    .popup_free_box h3 {
        text-align: center;
    }
    .popup_free_ttl {
        width: 39.845%;
    }
    .popup_free_list {
        margin-top: 5%;
    }
    .popup_free_list > li {
        margin: 0 3.1% 3%;
    }
    .popup_free_close_wrap {
        margin-top: 8%;
    }
    .popup_free_close_wrap img {
        width: 26.2%;
    }
}