@charset "UTF-8";

/*
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500&family=Noto+Serif+JP:wght@400;500;600&display=swap");

.f_sans {
    font-family: "Noto Sans JP", sans-serif
}
*/

.f_serif {
    font-family: "Noto Serif JP", serif
}

.is_maker-delay1:after {
    transition-delay: .1s !important
}

.is_maker-delay2:after {
    transition-delay: .2s !important
}

.is_maker-delay3:after {
    transition-delay: .3s !important
}

.is_maker-delay4:after {
    transition-delay: .4s !important
}

.is_maker-delay5:after {
    transition-delay: .5s !important
}

.is_maker-delay6:after {
    transition-delay: .6s !important
}

.is_maker-delay7:after {
    transition-delay: .7s !important
}

.is_maker-delay8:after {
    transition-delay: .8s !important
}

.is_maker-delay9:after {
    transition-delay: .9s !important
}

.is_maker-delay10:after {
    transition-delay: .10s !important
}

.is_maker {
    position: relative;
    padding-bottom: 0em;
    background: linear-gradient(#ffd800, #ffd800) 0 100%/0 30% no-repeat;
    transition: background 0.4s;
    text-decoration: none;
    font-size: inherit;
    will-change: background-size
}

.is_maker.is-action {
    background-size: 100% 30% !important
}

.is_down.is-action {
    -webkit-animation-name: arr-v;
    animation-name: arr-v;
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

.is_popup {
    transition: all 0.7s ease-out;
    opacity: 0;
    transform: translateY(40px);
    will-change: transform;
    /*アニメーションタイミング調整用*/
    -webkit-transition-delay: .2s !important;
    -webkit-transition-delay-webkit-transition-delay-webkit-transition-delay-webkit-transition-delay-webkit-transition-delay transition-delay: .2s !important;transition-delaytransition-delaytransition-delaytransition-delay
    transition-delaytransition-delaytransition-delaytransition-delaytransition-delaytransition-delaytransition-delaytransition-delaytransition-delaytransition-delaytransition-delaytransition-delaytransition-delaytransition-delaytransition-delaytransition-delaytransition-delaytransition-delay
    /*アニメーションタイミング調整用*/
}

.is_popup.is-action {
    transform: translateY(0px);
    opacity: 1
}

.is_maker-line-item-delay1 {
    transition-delay: .1s !important
}

.is_maker-line-item-delay2 {
    transition-delay: .2s !important
}

.is_maker-line-item-delay3 {
    transition-delay: .3s !important
}

.is_maker-line-item-delay4 {
    transition-delay: .4s !important
}

.is_maker-line-item-delay5 {
    transition-delay: .5s !important
}

.is_maker-line-item-delay6 {
    transition-delay: .6s !important
}

.is_maker-line-item-delay7 {
    transition-delay: .7s !important
}

.is_maker-line-item-delay8 {
    transition-delay: .8s !important
}

.is_maker-line-item-delay9 {
    transition-delay: .9s !important
}

.is_maker-line-item-delay10 {
    transition-delay: .10s !important
}

.pr {
    position: relative;
}

span.mv_movie {
    position: absolute;
    bottom: 7.5%;
    left: 31%;
    width: 32%;
    aspect-ratio: 1 / 1;
    height: 16.2%;
    overflow: hidden;
    border-radius: 10px;
    border: 3px solid #fff;
    box-shadow: 6px 10px 9px -2px rgb(58, 84, 102, .34);
    line-height: 0;
}

/* _::-webkit-full-page-media,
_:future,
:root .span.mv_movie {
    position: absolute;
    bottom: 2%;
    left: 39%;
    width: 25%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 10px;
    border: 3px solid #fff;
    box-shadow: 6px 10px 9px -2px rgb(58, 84, 102, .34);
    line-height: 0;
} */

/* span.mv_movie video {
    width: 170%;
    height: 100%;
    transform: translate(-26%, 0%);
} */
span.mv_movie img {
    width: 170%;
    height: 100%;
}

span.sec03_movie.is_popup {
    position: absolute;
    top: 34%;
    left: 50%;
    transform: translate(-50%, 0);
    width: 61.6%;
}

/* span.sec03_movie.is_popup video {
    width: 100%;
} */
span.sec03_movie.is_popup img {
    width: 100%;
}
span.sec04_movie.is_popup {
    position: absolute;
    top: 13%;
    left: 50%;
    transform: translate(-50%, 0);
    width: 90.66%;
}

/* span.sec04_movie.is_popup video {
    width: 100%;
} */
span.sec04_movie.is_popup img {
    width: 100%;
}
@media screen and (max-width: 749px) {
    .is_maker-line {
        position: relative;
        display: inline-block
    }

    .is_maker-line img {
        position: relative;
        z-index: 10
    }

    .is_maker-line-01-01 {
        position: absolute;
        display: inline-block;
        background: #f7d927;
        width: 24vw;
        height: 2.66666vw;
        left: 17.86666vw;
        top: 6.66666vw
    }

    .is_maker-line-01-02 {
        position: absolute;
        display: inline-block;
        background: #f7d927;
        width: 61.06666vw;
        height: 2.66666vw;
        left: 0;
        top: 14.93333vw
    }

    .is_maker-line-02-01 {
        position: absolute;
        display: inline-block;
        background: #f5b901;
        width: 59.73333vw;
        height: 12.53333vw;
        left: 7.46666vw;
        top: 9.6vw
    }

    .is_maker-line-02-02 {
        position: absolute;
        display: inline-block;
        background: #f5b901;
        width: 59.73333vw;
        height: 12.53333vw;
        left: 7.46666vw;
        top: 25.2vw
    }

    .is_maker-line-03-01 {
        position: absolute;
        display: inline-block;
        background: #f5b901;
        width: 60.93333vw;
        height: 13.06666vw;
        left: 10.66666vw;
        top: 8.53333vw
    }

    .is_maker-line-03-02 {
        position: absolute;
        display: inline-block;
        background: #f5b901;
        width: 73.86666vw;
        height: 13.06666vw;
        left: 4.66666vw;
        top: 22.93333vw
    }

    .is_maker-line-03-03 {
        position: absolute;
        display: inline-block;
        background: #f5b901;
        width: 84.66666vw;
        height: 13.06666vw;
        left: 0;
        top: 37.33333vw
    }

    .is_maker-line-04-01 {
        position: absolute;
        display: inline-block;
        background: #f7d927;
        width: 40vw;
        height: 2.13333vw;
        left: 15.73333vw;
        top: 2.93333vw
    }

    .is_maker-line-04-02 {
        position: absolute;
        display: inline-block;
        background: #f7d927;
        width: 72.66666vw;
        height: 2.13333vw;
        left: -1.33334vw;
        top: 10.26666vw
    }

    .is_maker-line-05-01 {
        position: absolute;
        display: inline-block;
        background: #f5b901;
        width: 67.73333vw;
        height: 12vw;
        left: 4vw;
        top: -38.66667vw
    }
}

@media screen and (max-width: 749px) and (max-width: 425px) {
    .is_maker-line-05-01 {
        top: -41.33334vw
    }
}

@media screen and (max-width: 749px) {
    .is_maker-line-05-02 {
        position: absolute;
        display: inline-block;
        background: #f5b901;
        width: 90.66666vw;
        height: 12vw;
        left: -6.66667vw;
        top: -25.2vw
    }
}

@media screen and (max-width: 749px) and (max-width: 425px) {
    .is_maker-line-05-02 {
        top: -28.00001vw
    }
}

@media screen and (max-width: 749px) {
    .is_maker-line-05-03 {
        position: absolute;
        display: inline-block;
        background: #f5b901;
        width: 86.66666vw;
        height: 12vw;
        left: -5.33334vw;
        top: -12vw
    }
}

@media screen and (max-width: 749px) and (max-width: 425px) {
    .is_maker-line-05-03 {
        top: -14.66667vw
    }
}

@media screen and (max-width: 749px) {
    .is_maker-line-06-01 {
        position: absolute;
        display: inline-block;
        background: #f7d927;
        width: 79.2vw;
        height: 1.6vw;
        left: 1.33333vw;
        top: 29.33333vw;
        transform: skewX(-10deg)
    }

    .is_maker-line-item {
        transition: all 0.4s ease 0.2s;
        transform: scaleX(0);
        transform-origin: 0% 0;
        will-change: transform
    }

    .is_maker-line.is-action .is_maker-line-item {
        transform: scaleX(1)
    }

    .is_maker-line.is-action .is_maker-line-item.is_maker-line-06-01 {
        transform: scaleX(1) skewX(-10deg)
    }
}

@media screen and (min-width: 750px) {
    .is_maker-line {
        position: relative;
        display: inline-block
    }

    .is_maker-line img {
        position: relative;
        z-index: 10
    }

    .is_maker-line-01-01 {
        position: absolute;
        display: inline-block;
        background: #f7d927;
        width: 200px;
        height: 20px;
        left: 164px;
        top: 56px
    }

    .is_maker-line-01-02 {
        position: absolute;
        display: inline-block;
        background: #f7d927;
        width: 538px;
        height: 20px;
        left: 0;
        top: 132px
    }

    .is_maker-line-02-01 {
        position: absolute;
        display: inline-block;
        background: #f5b901;
        width: 890px;
        height: 94px;
        left: -20px;
        top: 72px
    }

    .is_maker-line-02-02 {
        display: none
    }

    .is_maker-line-03-01 {
        position: absolute;
        display: inline-block;
        background: #f5b901;
        width: 1026px;
        height: 98px;
        left: -40px;
        top: 64px
    }

    .is_maker-line-03-02 {
        position: absolute;
        display: inline-block;
        background: #f5b901;
        width: 684px;
        height: 98px;
        left: 140px;
        top: 190px
    }

    .is_maker-line-03-03 {
        display: none
    }

    .is_maker-line-04-01 {
        position: absolute;
        display: inline-block;
        background: #f7d927;
        width: 345px;
        height: 16px;
        left: 135px;
        top: 22px
    }

    .is_maker-line-04-02 {
        position: absolute;
        display: inline-block;
        background: #f7d927;
        width: 637px;
        height: 16px;
        left: -10px;
        top: 87px
    }

    .is_maker-line-05-01 {
        position: absolute;
        display: inline-block;
        background: #f5b901;
        width: 548px;
        height: 90px;
        left: -300px;
        top: -340px
    }

    .is_maker-line-05-02 {
        position: absolute;
        display: inline-block;
        background: #f5b901;
        width: 810px;
        height: 90px;
        left: -407px;
        top: -213px
    }

    .is_maker-line-05-03 {
        position: absolute;
        display: inline-block;
        background: #f5b901;
        width: 810px;
        height: 90px;
        left: -407px;
        top: -88px
    }

    .is_maker-line-06-01 {
        position: absolute;
        display: inline-block;
        background: #f7d927;
        width: 594px;
        height: 12px;
        left: 10px;
        top: 220px;
        transform: skewX(-10deg)
    }

    .is_maker-line-item {
        transition: all 0.4s ease 0.2s;
        transform: scaleX(0);
        transform-origin: 0% 0;
        will-change: transform
    }

    .is_maker-line.is-action .is_maker-line-item {
        transform: scaleX(1)
    }

    .is_maker-line.is-action .is_maker-line-item.is_maker-line-06-01 {
        transform: scaleX(1) skewX(-10deg)
    }
}

.is-pc-slidein-left {
    transition: all 0.3s ease 0.2s;
    transform: translateX(-30px);
    will-change: transform, opacity;
    opacity: 0
}

@media only screen and (max-width: 749px) {
    .is-pc-slidein-left {
        transform: translateY(30px)
    }
}

.is-pc-slidein-left.is-action {
    transform: translateX(0px);
    opacity: 1
}

.is-pc-slidein-right {
    transition: all 0.3s ease 0.2s;
    transform: translateX(30px);
    will-change: transform, opacity;
    opacity: 0
}

@media only screen and (max-width: 749px) {
    .is-pc-slidein-right {
        transform: translateY(30px)
    }
}

.is-pc-slidein-right.is-action {
    transform: translateX(0px);
    opacity: 1
}

.fix_off {
    -webkit-animation-name: fuyu;
    animation-name: fuyu;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

.product_btn-case {
    overflow: hidden;
    position: relative;
    display: inline-block
}

.product_btn-case:after {
    display: block;
    width: 140%;
    height: 200%;
    content: "";
    position: absolute;
    background: rgba(255, 255, 255, 0.8);
    z-index: 10;
    top: -50%;
    left: 0;
    transform: skewX(-40deg) translateX(-100%);
    -webkit-animation-name: reflection;
    animation-name: reflection;
    -webkit-animation-duration: 3.3s;
    animation-duration: 3.3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    will-change: transform
}

@-webkit-keyframes arr-v {
    0% {
        opacity: 1;
        transform: translate(0, 0)
    }

    30% {
        opacity: 0;
        transform: translate(0, -30%)
    }

    100% {
        opacity: 1;
        transform: translate(0, 0)
    }
}

@keyframes arr-v {
    0% {
        opacity: 1;
        transform: translate(0, 0)
    }

    30% {
        opacity: 0;
        transform: translate(0, -30%)
    }

    100% {
        opacity: 1;
        transform: translate(0, 0)
    }
}

@-webkit-keyframes reflection {
    0% {
        transform: skewX(-40deg) translateX(-100%);
        opacity: 0
    }

    10% {
        opacity: 0.5
    }

    15% {
        transform: skewX(-40deg) translateX(130%);
        opacity: 0.1
    }

    16% {
        transform: skewX(-40deg) translateX(200%);
        opacity: 0
    }

    100% {
        transform: skewX(-40deg) translateX(200%);
        opacity: 0
    }
}

@keyframes reflection {
    0% {
        transform: skewX(-40deg) translateX(-100%);
        opacity: 0
    }

    10% {
        opacity: 0.5
    }

    15% {
        transform: skewX(-40deg) translateX(130%);
        opacity: 0.1
    }

    16% {
        transform: skewX(-40deg) translateX(200%);
        opacity: 0
    }

    100% {
        transform: skewX(-40deg) translateX(200%);
        opacity: 0
    }
}

@-webkit-keyframes fuyu {
    0% {
        transform: translate(0, 0)
    }

    50% {
        transform: translate(0, -10px)
    }

    100% {
        transform: translate(0, 0)
    }
}

@keyframes fuyu {
    0% {
        transform: translate(0, 0)
    }

    50% {
        transform: translate(0, -10px)
    }

    100% {
        transform: translate(0, 0)
    }
}

.is-fixed .cv_fixed-area .product_btn-case {
    height: auto;
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.cv_fixed-area {
    position: fixed;
    bottom: 0;
    left: 5%;
    z-index: 999;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: inline-block
}

.cv_fixed-area .product_btn-case {
    transform: translateY(120%);
    height: 0;
    opacity: 0;
    transition: opacity 0.2s ease 0.4s, height 0s, transform 0.4s ease 0.3s;
    visibility: hidden
}

@media only screen and (min-width: 768px) {
    .cv_fixed-area {
        text-align: right;
        width: 92%;
        display: inline-block
    }

    .cv_fixed-area .product_btn-case {
        height: 0
    }
}

.float-btn-pagetop {
    position: fixed;
    right: 1.33333vw;
    bottom: 21.33333vw;
    width: 12vw;
    height: 12vw;
    transition: all 0.4s ease;
    transform: translateY(200px);
    z-index: 100
}

.float-btn-pagetop .btn {
    display: block;
    border-radius: 50%;
    width: 12vw;
    height: 12vw;
    background: rgba(156, 156, 156, 0.7);
    transition: all 0.4s ease;
    border: transparent solid 1px;
    position: relative;
    margin-top: 0
}

.float-btn-pagetop .btn:after {
    position: absolute;
    content: "";
    width: 2vw;
    height: 2vw;
    border-top: .26666vw solid #fff;
    border-left: .26666vw solid #fff;
    display: block;
    transform: rotate(45deg);
    left: calc(50% - 1.06666vw);
    top: calc(50% - .66666vw)
}

.is-fixed .float-btn-pagetop {
    transform: translateY(-40px)
}

@media only screen and (min-width: 768px) {
    .float-btn-pagetop {
        right: 40px;
        bottom: 120px;
        width: 60px;
        height: 60px
    }

    .float-btn-pagetop .btn {
        width: 60px;
        height: 60px
    }

    .float-btn-pagetop .btn:after {
        width: 13px;
        height: 13px;
        border-top: 2px solid #fff;
        border-left: 2px solid #fff;
        display: block;
        transform: rotate(45deg);
        left: calc(50% - 7px);
        top: calc(50% - 5px)
    }

    .is-fixed .float-btn-pagetop {
        transform: translateY(0px)
    }
}

@media only screen and (max-width: 767px) {
    .howtomovie .howtomovie_panel_content_item .pop_text img {
        width: 5%
    }
}

@media only screen and (min-width: 768px) {
    .newvoice .newvoice_panel_content_fix_item {
        width: 310px !important
    }

    .howtokv .howtokv_panel_content_fix_item.fix_text1 .num {
        font-size: 105px !important;
        line-height: 0.8 !important
    }
}

body,
main,
section,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset,
img {
    border: 0
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: normal
}

em,
strong,
th {
    font-weight: bold
}

ol,
ul {
    list-style: none
}

caption,
th {
    text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%
}

abbr,
acronym {
    border: 0
}

sub,
sup {
    font-size: 0.5em;
    line-height: 1
}

hr {
    display: none
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

.mainContents {
    width: 100%;
    margin: 0 auto;
}

.mainContents img {
    max-width: 100%;
    vertical-align: bottom
}

.mainContents .mv {
    background: url(/img/lp/booster2/mv_bg.png);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat
}

.mainContents .mv_subttl {
    background: url(/img/lp/booster2/mv_bg02.png);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat
}

.mainContents .cv {
    position: relative;
    background: url(/img/lp/booster2/cv_bg.png);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat
}

.mainContents .cv a {
    position: absolute;
    bottom: 9vw;
    left: calc(50% - 42vw);
    max-width: 84vw
}

.mainContents .cv1 a {
    bottom: 14.66666vw
}

.mainContents .cv2 a {
    bottom: 12vw
}

.mainContents .cv3 a {
    bottom: 10vw
}

.mainContents .mv {
    background: url(/img/lp/booster2/mv_bg.png);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat
}

.mainContents .sec02 {
    background: url(/img/lp/booster2/sec02_bg.png);
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat
}

.mainContents .sec03 {
    background: url(/img/lp/booster2/sec03_bg.png);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat
}

.mainContents .sec04 {
    background: url(/img/lp/booster2/sec04_bg.png);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat
}

.mainContents .sec05 {
    background: url(/img/lp/booster2/sec05_bg.png);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat
}

.mainContents .sec06 {
    background: url(/img/lp/booster2/sec06_bg.png);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat
}

.mainContents .sec06-2 {
    background: url(/img/lp/booster2/sec06-2_bg.png);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat
}

.mainContents .sec07 {
    background: url(/img/lp/booster2/sec07_bg.png);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat
}

.mainContents .sec08 {
    background: url(/img/lp/booster2/sec08_bg.png);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat
}

@media only screen and (min-width: 750px),
print {
    .mainContents .footer_top_inner p {
        font-size: 16px;
        letter-spacing: 0em;
        font-weight: 400
    }
}

.mainContents .footer_top_inner p::after {
    content: "";
    display: block;
    margin: auto;
    border-bottom: 2px solid #aaa;
    width: 98%;
    margin-top: 5.33333vw;
    margin-bottom: 5.33333vw
}

.mainContents .footer_top_inner p:last-of-type::after {
    content: none
}

.mainContents .footer_top_inner img {
    padding-top: 8vw;
    padding-bottom: 4vw;
    width: 56vw
}

.mainContents .footer_bottom_inner {
    background-color: #000
}

.mainContents .footer_bottom_inner ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    box-sizing: border-box;
    padding: 5.33333vw 4vw
}

.mainContents .footer_bottom_inner ul li {
    box-sizing: border-box;
    width: 50%;
    font-size: 4vw;
    letter-spacing: 0em;
    font-weight: 400;
    padding: 2.66666vw 3.33333vw;
    text-align: left
}

@media only screen and (min-width: 750px),
print {
    .mainContents .footer_bottom_inner ul li {
        font-size: 16px;
        letter-spacing: 0em;
        font-weight: 400
    }
}

.mainContents .footer_bottom_inner ul li a {
    color: #fff
}

.mainContents .footer_bottom .copyright {
    font-size: 2.66666vw;
    letter-spacing: 0em;
    font-weight: 400;
    padding: 0 13.33333vw 10.66666vw;
    box-sizing: border-box;
    text-align: center;
    color: #fff
}

@media only screen and (min-width: 750px),
print {
    .mainContents .footer_bottom .copyright {
        font-size: 16px;
        letter-spacing: 0em;
        font-weight: 400
    }
}

@media only screen and (min-width: 750px) {

    body,
    main,
    section,
    div,
    dl,
    dt,
    dd,
    ul,
    ol,
    li,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    pre,
    form,
    fieldset,
    input,
    textarea,
    p,
    blockquote,
    th,
    td {
        margin: 0;
        padding: 0
    }

    table {
        border-collapse: collapse;
        border-spacing: 0
    }

    fieldset,
    img {
        border: 0
    }

    address,
    caption,
    cite,
    code,
    dfn,
    em,
    strong,
    th,
    var {
        font-style: normal;
        font-weight: normal
    }

    em,
    strong,
    th {
        font-weight: bold
    }

    ol,
    ul {
        list-style: none
    }

    caption,
    th {
        text-align: left
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 100%
    }

    abbr,
    acronym {
        border: 0
    }

    sub,
    sup {
        font-size: 0.5em;
        line-height: 1
    }

    hr {
        display: none
    }

    a {
        text-decoration: none
    }

    a:hover {
        text-decoration: underline
    }

    .mainContents {
        width: 750px;
        margin: 0 auto;
    }

    .mainContents img {
        max-width: 100%;
        vertical-align: bottom
    }

    .mainContents .cv {
        position: relative
    }

    .mainContents .cv a {
        position: absolute;
        bottom: 70px;
        left: calc(50% - 315px);
        max-width: 630px
    }

    .mainContents .cv1 a {
        bottom: 110px
    }

    .mainContents .cv2 a {
        bottom: 90px
    }

    .mainContents .cv3 a {
        bottom: 75px
    }
}

@media only screen and (min-width: 750px) and (min-width: 750px) {
    .mainContents .footer_top_inner p {
        font-size: 16px;
        letter-spacing: 0em;
        font-weight: 400
    }
}

@media only screen and (min-width: 750px) {
    .mainContents .footer_top_inner p::after {
        content: "";
        display: block;
        margin: auto;
        border-bottom: 2px solid #aaa;
        width: 98%;
        margin-top: 40px;
        margin-bottom: 40px
    }

    .mainContents .footer_top_inner p:last-of-type::after {
        content: none
    }

    .mainContents .footer_top_inner img {
        padding-top: 60px;
        padding-bottom: 30px;
        width: 420px
    }

    .mainContents .footer_bottom_inner {
        background-color: #000
    }

    .mainContents .footer_bottom_inner ul {
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        box-sizing: border-box;
        padding: 40px 30px
    }

    .mainContents .footer_bottom_inner ul li {
        box-sizing: border-box;
        width: 50%;
        font-size: 4vw;
        letter-spacing: 0em;
        font-weight: 400;
        padding: 20px 25px;
        text-align: left
    }
}

@media only screen and (min-width: 750px) and (min-width: 750px) {
    .mainContents .footer_bottom_inner ul li {
        font-size: 16px;
        letter-spacing: 0em;
        font-weight: 400
    }
}

@media only screen and (min-width: 750px) {
    .mainContents .footer_bottom_inner ul li a {
        color: #fff
    }

    .mainContents .footer_bottom .copyright {
        font-size: 2.66666vw;
        letter-spacing: 0em;
        font-weight: 400;
        padding: 0 100px 80px;
        box-sizing: border-box;
        text-align: center;
        color: #fff
    }
}

@media only screen and (min-width: 750px) and (min-width: 750px) {
    .mainContents .footer_bottom .copyright {
        font-size: 16px;
        letter-spacing: 0em;
        font-weight: 400
    }
}

hr.line {
    border-style: inset;
    border-width: 1px;
    display: block;
    border-bottom: none;
}

@media only screen and (min-width: 750px) {
    section.comp {
        margin: 80px 30px 100px;
    }

    section.comp p {
        font-size: 16px;
        letter-spacing: 0em;
        line-height: 1.6;
        font-weight: 400;
    }

    p.txt {
        margin-bottom: 3.8em;
    }

    p.txt2 {
        margin-bottom: 4.3em;
    }

    p.txt3 {
        margin: 40px auto 85px auto;
    }

    div#product {
        margin-bottom: 80px;
    }
}

@media only screen and (max-width: 749px) {
    section.comp {
        margin: 9.3vw 2.6vw 0vw 2.6vw;
    }

    section.comp p {
        font-size: 8px;
        letter-spacing: 0em;
        line-height: 1.6;
        font-weight: 400;
    }

    p.txt {
        margin-bottom: 6.6vw;
    }

    p.txt2 {
        margin-bottom: 9.3vw;
    }

    p.txt3 {
        margin: 5.3vw auto 11.3vw auto;
    }

    div#product {
        margin-bottom: 40px;
    }
}

#product h2 {
    padding: 1em;
    background: #5d9fdc;
    color: #fff;
    font-size: 22px;
    margin: 40px 0px;
}

#footer {
    padding: 30px;
    color: #FFF;
    background: #11487e;
}

#footer p {
    text-align: center;
}

#footer a {
    margin: 0 0.5em;
    color: #FFF;
}

/*0114 購入フォーム*/
#frmLP {
	width: 960px;
	margin: 0 auto;
	padding: 0 105px 80px;
	background: #fff;
}
.block-landingpage--wrapper form#frmLP h2.block-landingpage-login--member-header {
	margin-top: 0;
}
.block-landingpage-login--member-header,
.block-landingpage-form--goods-title,
.block-landingpage-form--guest-title,
.block-landingpage-form--spec-title,
.block-landingpage-form--method-title,
.block-order-method--regular-title {
	padding: 1em;
}
.block-landingpage-login--first-time-header {
	padding: 1em;
	background: rgb(93,159,220);
	color: #fff;
	font-size: 22px;
	margin: 40px 0px;
}
.block-landingpage-login--guest-body {
	display: block;
}

#frmLP .fieldset .form-control > span.js-efo + span.js-efo {
	display: block;
	margin-top: 10px;
}

#frmLP .fieldset .form-control input {
	max-width: 320px;
}

#frmLP .js-landingpage-loading h3 {
	margin-bottom: 20px;
}

#frmLP h3::before {
	content: none;
}

#frmLP .block-landingpage-form .block-landingpage-form--goods-title,
#frmLP .block-landingpage-login--guest .block-landingpage-login--guest-body .block-landingpage-form--guest-title {
	margin-top: 0;
}

#frmLP .block-landingpage-login--member .block-landingpage-login--customer-status .block-landingpage-login--customer-name {
	margin-bottom: 0;
}

@media only screen and (max-width: 749px) {
	#container-inner {
		width: 100%;
	}
	#frmLP {
		width: 100%;
		margin: 0 0 4.0rem;
		padding: 1.5rem 1.5rem 4.0rem;
		font-size: 1.2rem;
	}
	#frmLP .block-landingpage-login--member-header,
	#frmLP .block-landingpage-form--goods-title,
	#frmLP .block-landingpage-form--guest-title,
	#frmLP .block-landingpage-form--spec-title,
	#frmLP .block-landingpage-form--method-title,
	#frmLP .block-landingpage-login--first-time-header,
	#frmLP .block-order-method--dest .block-order-method--dest-title {
		font-size: 1.6rem;
		padding: 0.5em;
	}
	#frmLP .block-landingpage-login--first-time-header {
		margin-bottom: 1em;
	}
	#frmLP .block-landingpage-login--guest h3,
	#frmLP .block-landingpage-form--payment-content h3 {
		font-size: 1.4rem;
		margin-bottom: 0.5em;
	}
	#frmLP .block-landingpage-login--guest .fieldset-vertical .form-label {
		margin-bottom: 1em;
	}
	#frmLP .block-landingpage-login--guest .fieldset-vertical .form-label label {
		font-size: 1.2rem;
	}
	#frmLP dt {
		font-size: 1.4rem;
	}
	#frmLP .block-landingpage-other--dest-change {
		font-size: 1.2rem;
	}
	#frmLP .block-landingpage-form--spec-content h3 {
		font-size: 1.2rem;
		margin-bottom: 0.5em;
	}
	#frmLP .block-order-method--dest-item {
		padding: 20px;
	}
}