@charset "UTF-8";
.juicer-popup , .zsiq_floatmain{display: none;}

.red{color:#E8465D; font-weight: 700;}
.marker{background: #FFEE90; font-weight: bold;}
.sp-inline{display: none;}
.pc-inline{display: inline;}
.sp-block{display: none;}
.pc-block{display: block;}
@media screen and (max-width: 828px){
    .pc-block{display: none;}
    .sp-block{display: block;}
    .sp-inline{display: inline;}
    .pc-inline{display: none;}
}

a{transition: .4s; opacity: 1;}
a:hover{opacity: .7;}

h2{font-size: 46px; font-weight: bold; letter-spacing: .01em; color: #333333; position: relative; text-align: center; padding-top: calc(100vw * (50 / 1920)); margin-bottom: calc(100vw * (80 / 1920));}
h2::after{content: ""; display: inline-block; width: calc(100vw * (140 / 1920)); height: calc(100vw * (40 / 1920)); background: url(/themes/subscweb_lp/images/icon/title-img.png) no-repeat center/contain; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
@media screen and (max-width: 828px){
    h2{font-size: 28px; padding-top: 35px; margin-bottom: 45px; line-height: 1.2857;}
    h2::after{width: 88px; height: 25px;}
}


.section-visual{background: url(/themes/subscweb_lp/images/visual-bg.png) no-repeat top center/contain;}
.section-visual .visual{padding: calc(100vw * (35 / 1920)) 0 calc(100vw * (154 / 1920)); max-width: calc(100vw * (1200 / 1920)); margin: auto; position: relative;}
.section-visual .visual .text-img{text-align: center;}
.section-visual .visual .text-img img.pc-inline{width: calc(100vw * (940 / 1920));}
.section-visual .sdgs-logo{position: absolute; right: 0; top: calc(100vw * (39 / 1920)); width: calc(100vw * (168 / 1920));}
.section-visual .trouble{margin-top: calc(100vw * (-64 / 1920));}
.section-visual .trouble p{text-align: center; color: #333333; font-size: calc(100vw * (40 / 1920)); font-weight: 700;}
.section-visual .trouble p:last-of-type{font-size: calc(100vw * (54 / 1920)); font-weight: bold; letter-spacing: .01em; line-height: 1.475; margin-bottom: calc(100vw * (40 / 1920));}
.section-visual .trouble span{font-feature-settings: "palt";}
.section-visual .trouble span strong{position: relative;}
.section-visual .trouble span strong::before{content:""; display: inline-block; width: calc(100vw * (10 / 1920)); height: calc(100vw * (10 / 1920)); border-radius: calc(100vw * (100 / 1920)); background: #F19223; position: absolute; left: calc(100vw * (15 / 1920)); top: calc(100vw * (-7 / 1920));}
.section-visual .trouble span strong::after{content:""; display: inline-block; width: calc(100vw * (10 / 1920)); height: calc(100vw * (10 / 1920)); border-radius: 100px; background: #F19223; position: absolute; right: calc(100vw * (16 / 1920)); top: calc(100vw * (-7 / 1920));}
.section-visual .trouble div{text-align: center;}
.section-visual .trouble .pc-block{width: calc(100vw * (1246 / 1920)); margin:auto;}
.section-visual .anser {background: #EAF3E1; padding: calc(100vw * (162 / 1920)) 0 calc(100vw * (100 / 1920)); margin-top: calc(100vw * (30 / 1920)); position: relative; text-align: center;}
.section-visual .anser::before{content:""; width: calc(100vw * (42 / 1920)); height: calc(100vw * (140 / 1920)); background: url(/themes/subscweb_lp/images/arrow.png) no-repeat center/contain; position: absolute; top: -18px; left: 50%; transform: translateX(-50%);}
.section-visual .anser .title{font-size: calc(100vw * (54 / 1920)); font-weight: bold; letter-spacing: .01em; line-height:1.481; margin-bottom: calc(100vw * (30 / 1920));}
.section-visual .anser .title span{font-weight: 700;}
.section-visual .anser p{font-size: calc(100vw * (20 / 1920)); font-weight: 400; letter-spacing: .01em; line-height: 1.6;}
.section-visual .anser p:last-of-type{margin-top: calc(100vw * (20 / 1920));}

.is_tablet .section-visual .trouble .pc-block{width:90%;}

@media screen and (max-width:1280px){
    .section-visual .anser p{font-size: calc(100vw * (20 / 1280)); font-weight: 400; letter-spacing: .01em; line-height: 1.6;}
}

@media screen and (max-width: 828px){
    .section-visual .sdgs-logo{width: 116px; height: 20px; top: 20px; right: 20px;}
    .section-visual .sdgs-logo img{display: block;}
    .section-visual .trouble span strong::before{width: 8px; height: 8px; border-radius: 100px; left: 7px; top: -7px;}
    .section-visual .trouble span strong::after{content: ""; display: inline-block; width:8px; height: 8px; border-radius: 100px; right: 7px; top: -7px;}

    .section-visual .anser{padding: 90px 0 60px;}
    .section-visual .anser .title{font-size: 24px; margin-bottom: 20px; white-space:nowrap;}
    .section-visual .anser .title .sp-design{font-size: 32px;}
    .section-visual .anser p{font-size: 16px; letter-spacing: .01em; line-height: 1.625; font-weight: 400; text-align: center; padding: 0 20px;}
    .section-visual .anser::before{width:25px; height: 85px;}
    .section-visual .visual{max-width: 100%;}
}


/* 「サブスクWeb」の特長 */
.section-features{margin: calc(100vw * (100 / 1920)) auto calc(100vw * (120 / 1920)); width: calc(100vw * (1200 / 1920));}
.section-features h3{font-size: calc(100vw * (32 / 1920)); font-weight: bold; letter-spacing: .01em; line-height: 1.46875; padding-bottom: calc(100vw * (20.5 / 1920)); margin-bottom: calc(100vw * (20.5 / 1920)); border-bottom: 3px solid #58B132;}
.section-features p{font-size: calc(100vw * (18 / 1920)); letter-spacing: .01em; line-height: 1.6666; font-weight: 400;}
.section-features .flow{position: relative; height: calc(100vw * (362 / 1920)); display: flex; align-items: center;}
.section-features .flow:nth-of-type(even){padding-right: calc(100vw * (60 / 1920)); padding-left: calc(100vw * (90 / 1920));}
.section-features .flow:nth-of-type(odd){padding-left: calc(100vw * (60 / 1920)); padding-right: calc(100vw * (90 / 1920));}
.section-features .flow:nth-of-type(even) h3,.section-features .flow:nth-of-type(even) p{padding-left: calc(100vw * (370 / 1920));}
.section-features .flow:nth-of-type(odd) h3,.section-features .flow:nth-of-type(odd) p{padding-right: calc(100vw * (370 / 1920));}
.section-features .flow .image-wrap{position: absolute; top: 50%; transform: translateY(-50%); width: calc(100vw * (420 / 1920));}

.section-features .flow:not(:last-of-type){margin-bottom: calc(100vw * (80 / 1920));}
.section-features .flow:nth-of-type(even) .image-wrap{right: auto; left: 0;}
.section-features .flow .image-wrap{position: absolute; right: 0;}
.section-features .flow .text-wrap{z-index: 1;}
.section-features .flow .image-wrap{z-index: 2;}
.section-features .flow:nth-of-type(even) .text-wrap{order: 2;}
.section-features .flow:nth-of-type(even) .image-wrap{order: 1;}

.section-features .flow:nth-of-type(1){background:url(/themes/subscweb_lp/images/feature-1.png) no-repeat left top; background-size: calc(100vw * (226 / 1920));}
.section-features .flow:nth-of-type(2){background:url(/themes/subscweb_lp/images/feature-2.png) no-repeat right top; background-size: calc(100vw * (271 / 1920));}
.section-features .flow:nth-of-type(3){background:url(/themes/subscweb_lp/images/feature-3.png) no-repeat left top; background-size: calc(100vw * (267 / 1920));}
.section-features .flow:nth-of-type(4){background:url(/themes/subscweb_lp/images/feature-4.png) no-repeat right top; background-size: calc(100vw * (281 / 1920));}
.section-features .flow:nth-of-type(5){background:url(/themes/subscweb_lp/images/feature-5.png) no-repeat left top; background-size: calc(100vw * (273 / 1920));}
.section-features .flow:nth-of-type(6){background:url(/themes/subscweb_lp/images/feature-6.png) no-repeat right top; background-size: calc(100vw * (279 / 1920));}

@media screen and (max-width:1280px){
    .section-features{padding: calc(100vw * (100 / 1280)) 0; width: calc(100vw * (1200 / 1280));}
    .section-features h2{font-size: calc(100vw * (46 / 1280));padding-top: calc(100vw * (50 / 1280)); margin-bottom: calc(100vw * (80 / 1280));}
    .section-features h3{font-size: calc(100vw * (32 / 1280));padding-bottom: calc(100vw * (20.5 / 1280)); margin-bottom: calc(100vw * (20.5 / 1280));}
    .section-features p{font-size: calc(100vw * (18 / 1280));}
    .section-features .flow{height: calc(100vw * (362 / 1280));}
    .section-features .flow:nth-of-type(even){padding-right: calc(100vw * (60 / 1280)); padding-left: calc(100vw * (90 / 1280));}
    .section-features .flow:nth-of-type(odd){padding-left: calc(100vw * (60 / 1280)); padding-right: calc(100vw * (90 / 1280));}
    .section-features .flow:nth-of-type(even) h3,.section-features .flow:nth-of-type(even) p{padding-left: calc(100vw * (370 / 1280));}
    .section-features .flow:nth-of-type(odd) h3,.section-features .flow:nth-of-type(odd) p{padding-right: calc(100vw * (370 / 1280));}
    .section-features .flow .image-wrap{width: calc(100vw * (420 / 1280));}

    .section-features .flow:not(:last-of-type){margin-bottom: calc(100vw * (80 / 1280));}

    .section-features .flow:nth-of-type(1){background:url(/themes/subscweb_lp/images/feature-1.png) no-repeat left top; background-size: calc(100vw * (226 / 1280));}
    .section-features .flow:nth-of-type(2){background:url(/themes/subscweb_lp/images/feature-2.png) no-repeat right top; background-size: calc(100vw * (271 / 1280));}
    .section-features .flow:nth-of-type(3){background:url(/themes/subscweb_lp/images/feature-3.png) no-repeat left top; background-size: calc(100vw * (267 / 1280));}
    .section-features .flow:nth-of-type(4){background:url(/themes/subscweb_lp/images/feature-4.png) no-repeat right top; background-size: calc(100vw * (281 / 1280));}
    .section-features .flow:nth-of-type(5){background:url(/themes/subscweb_lp/images/feature-5.png) no-repeat left top; background-size: calc(100vw * (273 / 1280));}
    .section-features .flow:nth-of-type(6){background:url(/themes/subscweb_lp/images/feature-6.png) no-repeat right top; background-size: calc(100vw * (279 / 1280));}
}

/* さらにスタンダード・デラックスプランなら… */
.other-plan{border: 3px solid #E88424; border-radius: calc(100vw * (20 / 1920)); position: relative; padding-bottom: calc(100vw * (87 / 1920)); width: calc(100vw * (1200 / 1920)); margin: auto;}
.other-plan::before{content:""; display: inline-block; border-bottom: calc(100vw * (20 / 1920)) solid #E88424; border-right: calc(100vw * (25 / 1920)) solid transparent; border-left: calc(100vw * (25 / 1920)) solid transparent; position: absolute; top:0; left: 50%; transform: translate(-50%,-100%); }
.other-plan::after{content: ""; display: inline-block; width: 100%; height: calc(100vw * (20 / 1920));     border-radius: calc(100vw * (15 / 1920)) calc(100vw * (15 / 1920)) 0 0; background:#E88424; position: absolute; top:0;}
.other-plan h2{font-size: calc(100vw * (42 / 1920)); letter-spacing: .01em; line-height: 1.476; margin-bottom: calc(100vw * (68 / 1920));}
.other-plan h2::after{content:none;}
.other-plan h2 span{color: #E88424; font-weight: bold;}
.other-plan h3{border-bottom: 3px solid #E88424; width: calc(100vw * (702 / 1920));}
.other-plan .content-wrap{padding-left: calc(100vw * (60 / 1920));}
.other-plan .text-wrap p{width: calc(100vw * (620 / 1920)); font-size: calc(100vw * (18 / 1920)); letter-spacing: .01em; line-height: 1.666; font-weight: 400;}
.other-plan .image-wrap{position: absolute; right: calc(100vw * (60 / 1920)); bottom: calc(100vw * (60 / 1920)); width: calc(100vw * (420 / 1920));}

@media screen and (max-width:1280px){
    .other-plan{border: 3px solid #E88424; border-radius: calc(100vw * (20 / 1280)); position: relative; padding-bottom: calc(100vw * (87 / 1280)); width: calc(100vw * (1200 / 1280)); margin: auto;}
    .other-plan::before{content:""; display: inline-block; border-bottom: calc(100vw * (20 / 1280)) solid #E88424; border-right: calc(100vw * (25 / 1280)) solid transparent; border-left: calc(100vw * (25 / 1280)) solid transparent; position: absolute; top:0; left: 50%; transform: translate(-50%,-100%); }
    .other-plan::after{content: ""; display: inline-block; width: 100%; height: calc(100vw * (20 / 1280));     border-radius: calc(100vw * (15 / 1280)) calc(100vw * (15 / 1280)) 0 0; background:#E88424; position: absolute; top:0;}
    .other-plan h2{font-size: calc(100vw * (42 / 1280)); letter-spacing: .01em; line-height: 1.476; margin-bottom: calc(100vw * (68 / 1280));}
    .other-plan h2::after{content:none;}
    .other-plan h2 span{color: #E88424; font-weight: bold;}
    .other-plan h3{border-bottom: 3px solid #E88424; width: calc(100vw * (702 / 1280));}
    .other-plan .content-wrap{padding-left: calc(100vw * (60 / 1280));}
    .other-plan .text-wrap p{width: calc(100vw * (620 / 1280)); font-size: calc(100vw * (18 / 1280)); letter-spacing: .01em; line-height: 1.666; font-weight: 400;}
    .is_tablet .other-plan .text-wrap p{font-size: 18px;}
    .other-plan .image-wrap{position: absolute; right: calc(100vw * (60 / 1280)); bottom: calc(100vw * (60 / 1280)); width: calc(100vw * (420 / 1280));}
}

/* お問い合わせ・お申し込みはこちら */
.inquiry{background: #58B132; padding: calc(100vw * (60 / 1920)) 0;}
.inquiry .content-wrap{background:#FFF; border-radius: calc(100vw * (20 / 1920)); padding: calc(100vw * (60 / 1920)) 0 calc(100vw * (57 / 1920)); width: calc(100vw * (1200 / 1920)); margin: auto; position: relative;}
.inquiry .content-wrap::before{content:""; display:inline-block; background:url(/themes/subscweb_lp/images/cta-man.png) no-repeat center/contain; width: calc(100vw * (140 / 1920)); height: calc(100vw * (292 / 1920)); position: absolute; left: calc(100vw * (30 / 1920)); bottom: 0;}
.inquiry .content-wrap::after{content:""; display: inline-block; background:url(/themes/subscweb_lp/images/cta-women.png) no-repeat center/contain; width: calc(100vw * (140 / 1920)); height: calc(100vw * (292 / 1920)); position: absolute; left: auto; right: calc(100vw * (30 / 1920)); bottom: 0;}
.inquiry .inquiry-tit{font-size: calc(100vw * (42 / 1920)); font-weight: bold; letter-spacing: .01em; color: #58B132; line-height: 1.4762; margin-bottom: calc(100vw * (27 / 1920)); text-align: center;}
.inquiry .btn-wrap{display:flex; justify-content: center; align-items: center;}
.inquiry .tel{color:#E8465D; font-weight: 700; letter-spacing: .01em; line-height: 1.483; margin-right: calc(100vw * (30 / 1920));}
.inquiry .tel span,.inquiry .tel a{color:#E8465D; font-weight: 700; letter-spacing: .01em; line-height: 1.483; font-size: calc(100vw * (58 / 1920));}
.inquiry  .tel::before{content:""; display: inline-block; width: calc(100vw * (32 / 1920)); height: calc(100vw * (44 / 1920)); background: url(/themes/subscweb_lp/images/icon/tel-icon@2x.png) no-repeat center/contain; margin-right: calc(100vw * (6 / 1920));}
.inquiry .contact a{font-size: calc(100vw * (32 / 1920)); font-weight: 700; letter-spacing: .01em; line-height: 1.46875; color: #FFF; padding: calc(100vw * (17 / 1920)) 0 calc(100vw * (16 / 1920)); text-decoration: none; background: #E8465D; width: calc(100vw * (340 / 1920)); display: flex; align-items: center; justify-content: center; border-radius: calc(100vw * (6 / 1920));}
.inquiry .contact a::before{content:""; display: inline-block; width: calc(100vw * (36 / 1920)); height:calc(100vw * (26 / 1920)); background: url(/themes/subscweb_lp/images/icon/mail-icon@2x.png) no-repeat center/contain; vertical-align: middle; margin-right: calc(100vw * (14 / 1920));}

@media screen and (max-width:1280px){
    .inquiry{padding: calc(100vw * (60 / 1280)) 0;}
    .inquiry .content-wrap{border-radius: calc(100vw * (20 / 1280)); padding: calc(100vw * (60 / 1280)) 0 calc(100vw * (57 / 1280)); width: calc(100vw * (1200 / 1280));}
    .inquiry .content-wrap::before{width: calc(100vw * (140 / 1280)); height: calc(100vw * (292 / 1280)); left: calc(100vw * (30 / 1280));}
    .inquiry .content-wrap::after{width: calc(100vw * (140 / 1280)); height: calc(100vw * (292 / 1280));  right: calc(100vw * (30 / 1280));}
    .inquiry .inquiry-tit{font-size: calc(100vw * (42 / 1280)); margin-bottom: calc(100vw * (27 / 1280));}
    .inquiry .tel{margin-right: calc(100vw * (30 / 1280));}
    .inquiry .tel span,.inquiry .tel a{font-size: calc(100vw * (58 / 1280)); white-space: nowrap;}
    .inquiry  .tel::before{width: calc(100vw * (32 / 1280)); height: calc(100vw * (44 / 1280)); margin-right: calc(100vw * (6 / 1280));}
    .inquiry .contact a{font-size: calc(100vw * (32 / 1280));  padding: calc(100vw * (17 / 1280)) 0 calc(100vw * (16 / 1280)); width: calc(100vw * (340 / 1280)); border-radius: calc(100vw * (6 / 1280));}
    .inquiry .contact a::before{width: calc(100vw * (36 / 1280)); height:calc(100vw * (26 / 1280)); margin-right: calc(100vw * (14 / 1280));}
}



/* 導入後の効果 */
.merit-section{padding: calc(100vw * (100 / 1920)) 0; background:#EAF3E1;}
.merit-section .content-wrap{width: calc(100vw * (1200 / 1920)); margin: auto;}
.merit-section .solution-wrap:not(:last-of-type){margin-bottom: calc(100vw * (75 / 1920));}
.merit-section .solution-wrap h3{font-size: calc(100vw * (32 / 1920)); letter-spacing: .01em; line-height: 1.46875; display: flex; align-items: center; position: relative; background: #58B132; border-radius: calc(100vw * (10 / 1920)); color: #FFF; padding: calc(100vw * (12 / 1920)) calc(100vw * (30 / 1920)); font-weight: 700; margin-bottom: calc(100vw * (44 / 1920));}
.merit-section .solution-wrap h3 .yellow{color:#FFEA44; font-weight: 700;}
.merit-section .solution-wrap h3 span:first-of-type{color: #FFF; ; font-size: calc(100vw * (16 / 1920)); letter-spacing: .01em; line-height: 2; display: flex; align-items: center; padding-right: calc(100vw * (130 / 1920)); position: relative; margin-right: calc(100vw * (30 / 1920)); font-weight: 700;}
.merit-section .solution-wrap h3 span:first-of-type::after{content:""; display:inline-block; width: calc(100vw * (100 / 1920)); height: calc(100vw * (100 / 1920)); position: absolute; right: 0; top:50%; transform: translateY(-50%);}
.merit-section .solution-wrap:nth-of-type(1) h3 span:first-of-type::after{background: url(/themes/subscweb_lp/images/effect-1.png) no-repeat center/contain;}
.merit-section .solution-wrap:nth-of-type(2) h3 span:first-of-type::after{background: url(/themes/subscweb_lp/images/effect-2.png) no-repeat center/contain;}
.merit-section .solution-wrap:nth-of-type(3) h3 span:first-of-type::after{background: url(/themes/subscweb_lp/images/effect-3.png) no-repeat center/contain;}
.merit-section .solution-wrap p{font-size: calc(100vw * (18 / 1920)); letter-spacing: .01em; font-weight: 400; line-height: 1.6666;}

@media screen and (max-width:1280px){
    .merit-section{padding: calc(100vw * (100 / 1280)) 0;}
    .merit-section .content-wrap{width: calc(100vw * (1200 / 1280));}
    .merit-section .solution-wrap:not(:last-of-type){margin-bottom: calc(100vw * (75 / 1280));}
    .merit-section .solution-wrap h3{font-size: calc(100vw * (32 / 1280)); border-radius: calc(100vw * (10 / 1280)); padding: calc(100vw * (12 / 1280)) calc(100vw * (30 / 1280)); margin-bottom: calc(100vw * (44 / 1280));}
    .merit-section .solution-wrap h3 span:first-of-type{font-size: calc(100vw * (16 / 1280)); padding-right: calc(100vw * (130 / 1280)); margin-right: calc(100vw * (30 / 1280));}
    .merit-section .solution-wrap h3 span:first-of-type::after{width: calc(100vw * (100 / 1280)); height: calc(100vw * (100 / 1280));}
    .merit-section .solution-wrap p{font-size: calc(100vw * (18 / 1280));}
    .is_tablet .merit-section .solution-wrap p{font-size: 18px;}
}

@media screen and (max-width: 828px) {
    .merit-section .content-wrap{width: 100%;}
}


.sdgs{padding: calc(100vw * (60 / 1920)) 0; background: #FFF; position: relative;}
.sdgs::before{content:""; display: inline-block; background: url(/themes/subscweb_lp/images/SDGs-frame.png) repeat-x top / contain; position: absolute; top: 0; left: 0; width: 100%; height: calc(100vw * (5 / 1920));}
.sdgs::after{content:""; display: inline-block; background: url(/themes/subscweb_lp/images/SDGs-frame.png) repeat-x bottom / contain; position: absolute; bottom: 0; left: 0; width: 100%; height: calc(100vw * (5 / 1920));}
.sdgs h2{font-size: calc(100vw * (46 / 1920)); font-weight: bold; letter-spacing: .01em; line-height: 0.6956; margin-bottom: calc(100vw * (40 / 1920)); color: #333333;}
.sdgs h2::after{content:none;}
.sdgs .content-wrap{display: flex; align-items: center; justify-content: center; padding-bottom: calc(100vw * (40 / 1920)); border-bottom: 1px solid #8B8B8B; margin-bottom: calc(100vw * (20 / 1920));}
.sdgs .content-wrap .img-box{width: calc(100vw * (234 / 1920)); margin-right: calc(100vw * (30 / 1920));}
.sdgs .content-wrap ol li{display: flex; align-items: center; letter-spacing: .01em; font-size: calc(100vw * (18 / 1920));}
.sdgs .content-wrap ol li:before{content:""; display: inline-block; color:#E88424; margin-right: calc(100vw * (10 / 1920));; font-size: calc(100vw * (26 / 1920));; font-weight: 400;}
.sdgs .content-wrap ol li:nth-of-type(1)::before{content:"❶"; margin-right: 0;}
.sdgs .content-wrap ol li:nth-of-type(2)::before{content:"❷"; margin-right: 0;}
.sdgs .content-wrap ol li:nth-of-type(3)::before{content:"❸";}
.sdgs .ciesf{font-size: calc(100vw * (16 / 1920)); letter-spacing: .01em; line-height: 1.75; font-weight: 400; color:#707070; text-align: center;}
.sdgs .ciesf a,.sdgs .ciesf a:hover{text-decoration: none;}
.sdgs .ciesf img{width: calc(100vw * (97 / 1920)); padding-right: calc(100vw * (10 / 1920));}

@media screen and (max-width:1280px){
    .sdgs{padding: calc(100vw * (60 / 1280)) 0;}
    .sdgs::before{height: calc(100vw * (5 / 1280));}
    .sdgs::after{height: calc(100vw * (5 / 1280));}
    .sdgs h2{font-size: calc(100vw * (46 / 1280)); margin-bottom: calc(100vw * (40 / 1280));}
    .sdgs .content-wrap{padding-bottom: calc(100vw * (40 / 1280)); margin-bottom: calc(100vw * (20 / 1280));}
    .sdgs .content-wrap .img-box{width: calc(100vw * (234 / 1280)); margin-right: calc(100vw * (30 / 1280));}
    .sdgs .content-wrap ol li{font-size: calc(100vw * (18 / 1280));}
    .sdgs .content-wrap ol li:before{margin-right: calc(100vw * (10 / 1280)); font-size: calc(100vw * (26 / 1280));}
    .is_tablet .sdgs .content-wrap ol li{font-size: 18px;}
    .sdgs .ciesf{font-size: calc(100vw * (16 / 1280));}
    .sdgs .ciesf img{width: calc(100vw * (97 / 1280)); padding-right: calc(100vw * (10 / 1280));}

    .is_tablet .sdgs .ciesf{font-size: 16px;}
}



.case-study{padding: calc(100vw * (100 / 1920)) 0; background: #EAF3E1;}
.case-study .visual-wrap{display: flex; justify-content: center; align-items: center; margin-bottom: calc(100vw * (60 / 1920));}
.case-study h2{margin-bottom: calc(100vw * (88 / 1920));}
.case-study .visual-wrap p{font-size: calc(100vw * (42 / 1920)); font-weight: 700; text-align: center; letter-spacing: .01em; line-height: 1.428; margin-right: calc(100vw * (40 / 1920)); background: url(/themes/subscweb_lp/images/case-bg@2x.png) no-repeat center/contain; padding:calc(100vw * (60 / 1920)) 0;}
.case-study .visual-wrap .img-box{width:calc(100vw * (282 / 1920)); text-align: center;}
.case-study .visual-wrap .img-box a{color:#0098D8;}
.case-study .voice{width:calc(100vw * (1200 / 1920)); margin: auto; display: flex; justify-content: space-between;}
.case-study .voice .img-box {text-align: center; width: calc(100vw * (200 / 1920));}
.case-study .voice .img-box img {width:calc(100vw * (120 / 1920));}
.case-study .voice .img-box p{font-size: calc(100vw * (18 / 1920)); font-weight: 400; letter-spacing: .01em; line-height: 1.555; color: #333;}
.case-study .voice .hukidashi{border:solid 3px #E88424; padding:calc(100vw * (40 / 1920)) calc(100vw * (60 / 1920)); width: calc(100vw * (970 / 1920)); background: #FFF; border-radius: calc(100vw * (20 / 1920)); position: relative;}
.case-study .voice .hukidashi::before{content: ""; display: inline-block; width: calc(100vw * (42 / 1920)); height: calc(100vw * (33 / 1920)); position: absolute; top:calc(100vw * (35 / 1920)); left: calc(100vw * (4 / 1920)); transform: translateX(-100%); background: url(/themes/subscweb_lp/images/case-hukidashi@2x.png) no-repeat center/contain;}
.case-study .voice .hukidashi .title{font-size: calc(100vw * (32 / 1920)); font-weight: 700; letter-spacing: .01em; line-height: .9375; border-bottom: 3px solid #E88424; padding-bottom: calc(100vw * (8 / 1920)); margin-bottom: calc(100vw * (18 / 1920));}
.case-study .voice .hukidashi .text{font-size: calc(100vw * (18 / 1920)); font-weight: 400; letter-spacing: .01em; line-height: 1.666;}
.case-study .voice .hukidashi .text span{background: #FFEE90; font-weight: bold;}

@media screen and (max-width:1280px){
    .case-study{padding: calc(100vw * (100 / 1280)) 0;}
    .case-study .visual-wrap{margin-bottom: calc(100vw * (60 / 1280));}
    .case-study h2{margin-bottom: calc(100vw * (88 / 1280));}
    .case-study .visual-wrap p{font-size: calc(100vw * (42 / 1280)); margin-right: calc(100vw * (40 / 1280));  padding:calc(100vw * (60 / 1280)) 0;}
    .case-study .visual-wrap .img-box{width:calc(100vw * (282 / 1280));}
    .case-study .voice{width:calc(100vw * (1200 / 1280));}
    .case-study .voice .img-box {width: calc(100vw * (150 / 1280));}
    .case-study .voice .img-box img {width:calc(100vw * (120 / 1280));}
    .case-study .voice .img-box p{font-size: calc(100vw * (18 / 1280));}
    .case-study .voice .hukidashi{border:solid 3px #E88424; padding:calc(100vw * (40 / 1280)) calc(100vw * (60 / 1280)); width: calc(100vw * (1000 / 1280)); border-radius: calc(100vw * (20 / 1280));}
    .case-study .voice .hukidashi::before{width: calc(100vw * (42 / 1280)); height: calc(100vw * (33 / 1280)); top:calc(100vw * (35 / 1280)); left: calc(100vw * (4 / 1280));}
    .case-study .voice .hukidashi .title{font-size: calc(100vw * (32 / 1280)); padding-bottom: calc(100vw * (8 / 1280)); margin-bottom: calc(100vw * (18 / 1280));}
    .case-study .voice .hukidashi .text{font-size: calc(100vw * (18 / 1280));}
    .is_tablet .case-study .voice .hukidashi .text{font-size: 18px;}
}

@media screen and (max-width: 828px){
    .case-study .voice .hukidashi::before{content:none;}
}


/* 制作実績 */
.achieve{padding:calc(100vw * (125 / 1920)) 0 0; width: calc(100vw * (1200 / 1920)); margin: auto;}
.achieve h2{margin-bottom: calc(100vw * (80 / 1920)); text-align: center;}
.achieve ul.flexbox {display: flex; justify-content:flex-start;flex-wrap: wrap;gap:0 2.33rem;}
.achieve ul li {width: calc((100% / 3) - ((2.33rem * 2) / 3));margin-bottom: 60px;line-height: 1.6;}
.achieve ul li a {text-decoration: none;}
.achieve ul li a img {margin-bottom: 20px;}
@media screen and (max-width:1280px){
.achieve{width: calc(100vw * (1200 / 1280)); margin: auto;}
}

.comparison{padding:calc(100vw * (60 / 1920)) 0 calc(100vw * (100 / 1920)); width: calc(100vw * (1200 / 1920)); margin: auto;}
.comparison h2{margin-bottom: calc(100vw * (80 / 1920)); text-align: center;}
.comparison .card-wrap{display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: calc(100vw * (30 / 1920)); margin-bottom: calc(100vw * (30 / 1920));}
.comparison .card-wrap .item{width: calc(100vw * (386 / 1920)); border-radius: calc(100vw * (10 / 1920)); border: 3px solid #EAF3E1; overflow: hidden; margin-right: calc(100vw * (20 / 1920));}
.comparison .card-wrap .item:last-of-type{margin-right: 0;}
.comparison .card-wrap .item h3{background: #EAF3E1; color: #58B132; padding: calc(100vw * (19 / 1920)) 0 calc(100vw * (18 / 1920)); font-size: calc(100vw * (26 / 1920)); font-weight: bold; letter-spacing: .01em; text-align: center;}
.comparison .price-wrap{padding: calc(100vw * (30 / 1920)) 0; text-align: center; border-bottom:1px solid #D0D0D0; width: calc(100vw * (245 / 1920)); margin: auto;}
.comparison .price-wrap .subscription{font-size: calc(100vw * (18 / 1920)); letter-spacing: .01em; line-height: 1.555; font-weight: 400;}
.comparison .price-wrap .price{font-size: calc(100vw * (42 / 1920)); letter-spacing: .01em; line-height: 1.5; font-weight: 700;}
.comparison .price-wrap .price span{font-size: calc(100vw * (18 / 1920)); letter-spacing: .01em; line-height: 1.555; font-weight: 400;}
.comparison .price-wrap .tax{font-size: calc(100vw * (18 / 1920)); font-weight: 400; letter-spacing: .01em; line-height: 1.555; color: #707070;}
.comparison .set-value{padding: calc(100vw * (30 / 1920)) 0; width: calc(100vw * (245 / 1920)); margin: auto; min-height: calc(100vw * (321 / 1920));}
.comparison .set-value ul li{font-size: calc(100vw * (18 / 1920)); font-weight: 400; line-height: 1.666; letter-spacing: .01em;}
.comparison .set-value ul li::before{content: "・"; display: inline-block;}
.comparison .item:nth-of-type(2) {border-color:#EAF3E1;}
.comparison .item:nth-of-type(2) h3{background:#D4EDB9;}
.comparison .item:nth-of-type(3){border-color:#58B132;}
.comparison .item:nth-of-type(3) h3{background:#58B132; color:#FFF;}
.comparison .item:nth-of-type(3) .price{color:#E8465D;}
.comparison .item:nth-of-type(4){border-color:#EAF3E1;}
.comparison .item:nth-of-type(4) h3{background:#2F9504; color:#FFF;}
.comparison .item.pickup h3{padding: calc(100vw * (14 / 1920)) 0;}
.comparison .item.pickup h3 span{display: block; width: calc(100vw * (100 / 1920)); background:#FFEA44; border-radius: 100px; color: #58B132; font-size: calc(100vw * (18 / 1920)); letter-spacing: .01em; line-height: 1.555; font-weight: 700; margin: auto;}

@media screen and (max-width:1280px){
    .comparison{padding:calc(100vw * (60 / 1280)) 0 calc(100vw * (100 / 1280)); width: calc(100vw * (1200 / 1280));}
    .comparison h2{margin-bottom: calc(100vw * (80 / 1280));}
    .comparison .card-wrap{margin-bottom: calc(100vw * (30 / 1280));}
    .comparison .card-wrap .item{width: calc(100vw * (370 / 1280)); border-radius: calc(100vw * (10 / 1280)); margin-right: calc(100vw * (20 / 1280));}
    .comparison .card-wrap .item h3{padding: calc(100vw * (19 / 1280)) 0 calc(100vw * (18 / 1280)); font-size: calc(100vw * (26 / 1280));}
    .comparison .price-wrap{padding: calc(100vw * (30 / 1280)) 0; width: calc(100vw * (245 / 1280));}
    .comparison .price-wrap .subscription{font-size: calc(100vw * (18 / 1280));}
    .comparison .price-wrap .price{font-size: calc(100vw * (42 / 1280));}
    .comparison .price-wrap .price span{font-size: calc(100vw * (18 / 1280));}
    .comparison .price-wrap .tax{font-size: calc(100vw * (18 / 1280));}
    .comparison .set-value{padding: calc(100vw * (30 / 1280)) 0; width: calc(100vw * (245 / 1280)); min-height: calc(100vw * (321 / 1280));}
    .comparison .set-value ul li{font-size: calc(100vw * (18 / 1280));}
    .is_tablet .comparison .set-value ul li{font-size: 16px;}
    .comparison .item.pickup h3{padding: calc(100vw * (14 / 1280)) 0;}
    .comparison .item.pickup h3 span{width: calc(100vw * (100 / 1280)); font-size: calc(100vw * (18 / 1280));}
}

@media screen and (max-width: 828px){
    .comparison .card-wrap .item:first-of-type{margin-left: 20px;}
}


.running-cost{padding: calc(100vw * (28 / 1920)) 0 calc(100vw * (30 / 1920)); border-radius: calc(100vw * (20 / 1920)); background: #F5F5F5;}
.running-cost .price{display: flex; align-items: flex-end; font-size: calc(100vw * (24 / 1920)); letter-spacing: .01em; line-height: 1.1666; font-weight: 400; margin-bottom: calc(100vw * (12 / 1920)); justify-content: center;}
.running-cost .price strong{font-size: calc(100vw * (38 / 1920)); letter-spacing: .01em; line-height: 1; font-weight: 700;}
.running-cost .price span{color:#707070; font-size: calc(100vw * (20 / 1920)); font-weight: 400; letter-spacing: .01em; line-height: 1.4;}
.running-cost .caution{font-size: calc(100vw * (18 / 1920)); font-weight: 400; letter-spacing: .01em; line-height: 1.555; text-align: center;}

@media screen and (max-width:1280px){
    .running-cost{padding: calc(100vw * (28 / 1280)) 0 calc(100vw * (30 / 1280)); border-radius: calc(100vw * (20 / 1280));}
    .running-cost .price{font-size: calc(100vw * (24 / 1280)); margin-bottom: calc(100vw * (10 / 1280)); }
    .running-cost .price strong{font-size: calc(100vw * (38 / 1280));}
    .running-cost .price span{font-size: calc(100vw * (20 / 1280));}
    .running-cost .caution{font-size: calc(100vw * (18 / 1280));}
    .is_tablet .running-cost .caution{font-size: 18px;}
}


.f-contact{background:#EAF3E1; padding: calc(100vw * (100 / 1920)) 0 calc(100vw * (120 / 1920));}
.f-contact h2{margin-bottom: calc(100vw * (204 / 1920));}
.f-contact .content-wrap{background: #FFF; width: calc(100vw * (1200 / 1920)); margin: auto; position: relative; padding: calc(100vw * (158 / 1920)) 0 0 0;}
.balloon{display: flex; align-items: center; justify-content: center; border-radius: calc(100vw * (20 / 1920)); background: #FFF; width: calc(100vw * (1110 / 1920)); margin: auto; position: absolute; border: 3px solid #58B132; padding: calc(100vw * (50 / 1920)) 0 calc(100vw * (30 / 1920)); top: calc(100vw * (-145 / 1920)); right: 50%; border-radius: calc(100vw * (18 / 1920));}
.balloon.scroll-anim{transform: translate(50%,30px);}
.balloon.scroll-anim.isActive{transform: translate(50%,0);}
.balloon::before{content: ""; display: inline-block; width: 100%; height: calc(100vw * (20 / 1920)); position: absolute; top: 0; left: 0; background: #58B132; border-radius: calc(100vw * (12 / 1920)) calc(100vw * (12 / 1920)) 0 0;}
.balloon::after{content: ""; display: inline-block; width: calc(100vw * (50 / 1920)); height: calc(100vw * (23 / 1920)); position: absolute; left: 50%; bottom: 0; transform: translate(-50%,100%); background: url(/themes/subscweb_lp/images/form-balloon-arrow.png) no-repeat center/contain;}
.balloon img:first-of-type{width: calc(100vw * (88 / 1920));}
.balloon img:last-of-type{width: calc(100vw * (200 / 1920));}
.balloon p{font-size: calc(100vw * (32 / 1920)); line-height: 1.46875; letter-spacing: .01em; font-weight: 700; color: #58B132; margin:0 calc(100vw * (60 / 1920)) 0 calc(100vw * (30 / 1920));}
.content-wrap .tel-wrap{text-align: center; padding-bottom: calc(100vw * (60 / 1920)); border-bottom: 3px solid #EAF3E1;}
.content-wrap .tel-wrap .tit{font-size: calc(100vw * (32 / 1920)); letter-spacing: .01em; line-height: 1.142; font-weight: 700; color: #333333;}
.content-wrap .tel-wrap .number,.content-wrap .tel-wrap .number *{color: #E8465D !important; font-size: calc(100vw * (70 / 1920)); letter-spacing: .01em; line-height: 1.4714; font-weight: 700 !important;}
.content-wrap .tel-wrap .number .sp-tel{font-weight: 700;}
.content-wrap .tel-wrap .number::before{content: ""; display: inline-block; width: calc(100vw * (38 / 1920)); height: calc(100vw * (52 / 1920)); background: url(/themes/subscweb_lp/images/icon/form-tel-icon.png) no-repeat center/contain; margin-right: calc(100vw * (7 / 1920));}
.content-wrap .tel-wrap .time{font-size: calc(100vw * (18 / 1920)); letter-spacing: .01em; line-height: 1.555; font-weight: 400; color: #333333;}

.form-wrap{padding: calc(100vw * (60 / 1920)) 0 calc(100vw * (79 / 1920));}
.form-wrap h3{font-size: calc(100vw * (32 / 1920)); letter-spacing: .01em; font-weight: 700; text-align: center;}

@media screen and (max-width:1280px){
    .f-contact{ padding: calc(100vw * (100 / 1280)) 0 calc(100vw * (120 / 1280));}
    .f-contact h2{margin-bottom: calc(100vw * (204 / 1280));}
    .f-contact .content-wrap{width: calc(100vw * (1200 / 1280)); padding:calc(100vw * (158 / 1280)) 0 0 0;}
    .balloon{border-radius: calc(100vw * (20 / 1280)); width: calc(100vw * (1110 / 1280)); padding: calc(100vw * (50 / 1280)) 0 calc(100vw * (30 / 1280)); top: calc(100vw * (-145 / 1280)); border-radius: calc(100vw * (18 / 1280));}
    .balloon::before{height: calc(100vw * (20 / 1280)); border-radius: calc(100vw * (12 / 1280)) calc(100vw * (12 / 1280)) 0 0;}
    .balloon::after{width: calc(100vw * (50 / 1280)); height: calc(100vw * (23 / 1280));}
    .balloon img:first-of-type{width: calc(100vw * (88 / 1280));}
    .balloon img:last-of-type{width: calc(100vw * (200 / 1280));}
    .balloon p{font-size: calc(100vw * (32 / 1280)); margin:0 calc(100vw * (60 / 1280)) 0 calc(100vw * (30 / 1280));}
    .content-wrap .tel-wrap{padding-bottom: calc(100vw * (60 / 1280));}
    .content-wrap .tel-wrap .tit{font-size: calc(100vw * (32 / 1280));}
    .content-wrap .tel-wrap .number{font-size: calc(100vw * (70 / 1280));}
    .content-wrap .tel-wrap .number::before{width: calc(100vw * (38 / 1280)); height: calc(100vw * (52 / 1280)); margin-right: calc(100vw * (7 / 1280));}
    .content-wrap .tel-wrap .time{font-size: calc(100vw * (18 / 1280));}
    .sp-tel .content-wrap .tel-wrap .time{font-size:18px}

    .form-wrap{padding: calc(100vw * (60 / 1280)) 0 calc(100vw * (79 / 1280));}
    .form-wrap h3{font-size: calc(100vw * (32 / 1280));}
}


@media screen and (max-width: 828px){
    .section-features h2{font-size: 28px; padding-top: 35px; margin-bottom: 45px; line-height: 1.2857; white-space: nowrap;}
    .section-features h2::after{width: 88px; height: 25px;}

    .section-visual {background: url(/themes/subscweb_lp/images/MV-SP-bg@2x.png) no-repeat top center/contain;}
    .section-visual .visual{padding: 0;}
    .section-visual .visual .text-img{width:334px; margin:auto; padding:60px 0 44px 0;}
    .section-visual .trouble{margin-top: 0;}
    .section-visual .trouble p{font-size: 24px;}
    .section-visual .trouble p:last-of-type{font-size: 24px;}

    .section-features{width: 100%; margin: 60px 0; padding: 0 20px;}
    .section-features h3{font-size: 24px; padding: 25px 0 20px; margin-bottom: 20px; text-align: center;}
    .section-features p{font-size: 16px;}
    .section-features .flow{height: auto; display: block;}
    .section-features .flow:nth-of-type(odd) h3, .section-features .flow:nth-of-type(odd) p{padding-right: 0;}
    .section-features .flow:nth-of-type(even) h3, .section-features .flow:nth-of-type(even) p{padding-left: 0;}
    .section-features .flow:nth-of-type(1){background-size: 148px; background-position: top left;}
    .section-features .flow:nth-of-type(2){background-size: 177px; background-position: top left;}
    .section-features .flow:nth-of-type(3){background-size: 176px; background-position: top left;}
    .section-features .flow:nth-of-type(4){background-size: 183px; background-position: top left;}
    .section-features .flow:nth-of-type(5){background-size: 178px; background-position: top left;}
    .section-features .flow:nth-of-type(6){background-size: 182px; background-position: top left;}
    .section-features .flow .image-wrap{position: relative; transform: none; width: 88%; margin-right: 0; margin-left: auto; margin-top: 34px;}
    .section-features .flow:not(:last-of-type){margin-bottom: 100px;}
    .section-features .flow:nth-of-type(even){padding-left: 0; padding-right: 0;}
    .section-features .flow:nth-of-type(odd){padding-left: 0; padding-right: 0;}

    .is_tablet .section-features p{font-size: 18px;}

    .other-plan{width: 100%; border-radius: 10px; padding-bottom: 40px;}
    .other-plan::before{border-bottom: 20px solid #E88424; border-right: 25px solid transparent; border-left: 25px solid transparent;}
    .other-plan::after{height: 17px; border-radius: 6px 6px 0 0;}
    .other-plan .content-wrap{padding: 0 30px;}
    .other-plan h2{font-size: 26px; font-weight: 700; letter-spacing: .01em; line-height: 1.3846; margin-bottom: 0; padding-top: 47px;}
    .section-features h3{padding: 0; font-size: 24px; letter-spacing: .01em; line-height: 1.41666; font-weight: 700; width: 100%; padding-bottom: 20px; margin-bottom: 20px; padding-top: 30px; white-space: nowrap;}
    .other-plan .text-wrap p{width: 100%; font-size: 16px; font-weight: 400; letter-spacing: .01em; line-height: 1.625; margin-bottom: 30px;}
    .other-plan .image-wrap{position: relative; width: 100%; right: auto; bottom: auto;}




    .inquiry {padding: 40px 0;}
    .inquiry .content-wrap{width: calc(100% - 40px); margin: auto; padding: 30px 19px;}
    .inquiry .content-wrap::before,.inquiry .content-wrap::after{content:none;}
    .inquiry .inquiry-tit{font-size: 26px; font-weight: 700; letter-spacing: .01em; line-height: 1.3146;}
    .inquiry .btn-wrap{display: block;}
    .inquiry .tel {margin-right: 0; margin-bottom: 10px; display: flex; align-items: center; justify-content: center;}
    .inquiry .tel a{margin-right:0; text-align: center; font-size:calc(100vw * (38 / 375)); font-weight: 700; letter-spacing: .01em; line-height: 1.475; margin-bottom: 10px;}
    .inquiry .tel::before{width: 20px; height: 30px; margin-right: 6px; background:url(/themes/subscweb_lp/images/icon/sp-tel-icon@2x.png) no-repeat center/contain; margin-top: 5px;}
    .inquiry .contact a{width: 100%; font-size: 24px; font-weight: 700; letter-spacing: .01em; line-height: 1.5; border-radius: 6px; padding: 15px 0;}
    .inquiry .contact a::before{width: 32px; height: 24px; margin-right: 10px;}




    .merit-section{padding: 60px 20px;}
    .merit-section .solution-wrap h3{display: block; text-align: center; font-size: 24px; font-weight: 700; letter-spacing: .01em; line-height: 1.4166; padding: 16px 0; margin-bottom: 20px; border-radius: 10px;}
    .merit-section .solution-wrap h3 span:first-of-type::after{content:none;}
    .merit-section .solution-wrap h3 span:first-of-type{display: block; padding:0; margin:0; font-size: 14px; font-weight: 700; letter-spacing: .01em; line-height: 1.45; margin-bottom: 4px;}
    .merit-section .solution-wrap p{font-size: 16px; letter-spacing: .01em; line-height: 1.625; font-weight: 400;}
    .merit-section .solution-wrap:not(:last-of-type){margin-bottom: 40px;}




    .sdgs{padding:40px 20px 60px;}
    .sdgs h2{font-size: 28px; letter-spacing: .01em; line-height: 1.4285; margin-top: 0; margin-bottom: 40px;}
    .sdgs::before,.sdgs::after{height: 5px; background-size:cover;}
    .sdgs .content-wrap{position: relative; display: block; padding: 0; padding-bottom: 30px; margin-bottom: 20px;}
    .sdgs .content-wrap .img-box{width: 186px; margin: 0 auto 30px; text-align: center;}
    .sdgs .content-wrap ol li{display: block; text-indent: -.6em; padding-left: 1em; font-size: 15px; letter-spacing: .01em; margin-bottom: 4px;}
    .sdgs .content-wrap ol li:before{font-size: 20px;}
    .sdgs .ciesf img{width: 124px; float: left; margin-right: 8px;}
    .sdgs .ciesf{font-size: 14px; letter-spacing: .01em; line-height:1.714; color:#707070; text-align: left;}
    .sdgs .ciesf span{display: block; font-feature-settings: "palt";}

    .is_tablet .sdgs .content-wrap ol li{font-size: 18px;}


    .case-study{clear: both; padding: 60px 0;}
    .case-study .visual-wrap{width: 100%; padding: 0 16px; margin-bottom: 30px;}
    .case-study .visual-wrap .img-box{display: none;}
    .case-study .visual-wrap p{width: 100%; margin-right: 0; font-size: 24px; font-weight: 700; letter-spacing: .01em; line-height: 1.41666; background: url(/themes/subscweb_lp/images/sp-case-bg@2x.png) no-repeat center/contain; padding:37px 0}
    .case-study .voice{width: 100%; padding:0 20px; display: block;}
    .case-study .voice .img-box{width: 100%; display: flex; align-items: center; margin-bottom: 10px;}
    .case-study .voice .img-box img{width: 62px; margin-right: 18px;}
    .case-study .voice .img-box p{font-size: 16px; font-weight: 400; letter-spacing: .01em; line-height: 1.75; margin-top: 5px;}
    .case-study .voice .hukidashi{width: 100%; padding: 30px 21px; border-radius: 10px;}
    .case-study .voice .hukidashi .title{font-size: 20px; font-weight: 700; letter-spacing: .01em; line-height: 1.4545; padding-bottom: 20px; margin-bottom: 20px; text-align: center;}
    .case-study .voice .hukidashi .text{font-size: 16px;}

    .achieve {width: 100%;padding: 50px 20px 0;}
    .achieve ul li {width: 48%;margin-bottom: 30px;line-height: 1.4;font-size: 15px;}
    .achieve ul li a img {margin-bottom: 10px;}
    .achieve ul.flexbox{gap: 0;justify-content: space-between;}


    .comparison{padding: 60px 0; width: 100%;}
    .comparison h2{margin-bottom:20px;}
    .comparison h2 + .sp-block{font-size: 16px; letter-spacing: .01em; line-height: 1.28571; font-weight: 400; text-align: center; margin-bottom:40px;}
    .comparison .card-wrap{overflow-x: scroll; width: 100%; margin-bottom: 30px;}
    .comparison .card-wrap .item{min-width: 285px; border-radius: 10px; margin-bottom: 20px; margin-right: 20px;}
    .comparison .card-wrap .item:last-of-type{margin-right: 20px;}
    .comparison .card-wrap .item h3{font-size: 24px; font-weight: 700; letter-spacing: .01em; line-height: 1.1666; padding: 18px 0;}
    .comparison .price-wrap{width: calc(100% - 40px); margin: auto; padding: 30px 0; margin-bottom: 30px;}
    .comparison .price-wrap .subscription{font-size: 18px;}
    .comparison .price-wrap .price{font-size: 48px; font-weight: 700;}
    .comparison .price-wrap .price span{font-size: 18px; font-weight: 400;}
    .comparison .price-wrap .tax{font-size: 18px; letter-spacing: .01em;}
    .comparison .set-value{width: 100%; padding: 0 20px;}
    .comparison .set-value ul li{font-size: 16px; letter-spacing: .01em; line-height: 1.625;}
    .comparison .set-value{min-height: 292px;}
    .comparison .item.pickup h3 span{width:82px; margin-bottom: 6px; font-size: 16px; font-weight: 700;}

    .running-cost{width: calc(100% - 40px); margin:auto; padding: 30px 0; border-radius: 10px;}
    .running-cost .price{display: block; text-align: center; font-size: 16px; font-weight: 400; line-height: 1.75; margin-bottom: 20px;}
    .running-cost .price strong{font-size: 32px; letter-spacing: .01em; font-weight: 700;}
    .running-cost .price span{font-size: 16px; letter-spacing: .01em; line-height: 1.75; color:#707070;}
    .running-cost .caution{font-size: 14px; line-height: 1.85714;}







    .f-contact {padding-top: 60px; padding-bottom: 0;}
    .f-contact .content-wrap{width: 100%; padding-top: 157px;}
    .balloon{width: calc(100% - 40px); margin:auto; flex-wrap:wrap; padding: 50px 16px 30px; top: -235px; border-radius: 10px;}
    .balloon::after{width: 40px; height: 20px; bottom: .5px; background: url(/themes/subscweb_lp/images/sp-form-balloon-arrow.png) no-repeat center/contain;}
    .balloon::before{height: 17px; border-radius: 5px 5px 0 0;}
    .balloon img{width:190px}
    .balloon img:first-of-type{width: 70px; margin-right: 20px;}
    .balloon p{font-size: 24px; font-weight: 700; letter-spacing: .01em; line-height: 1.41666; text-align: center; margin: 0; margin-top: 20px;}
    .f-contact h2{margin-bottom: 265px;}
    .content-wrap .tel-wrap .tit{font-size: 22px; letter-spacing: .01em; line-height: 1.5454; margin-bottom: 10px;}
    .content-wrap .tel-wrap .number{font-size: 44px; font-weight: 700; letter-spacing: .01em; line-height: 1.4772;}
    .content-wrap .tel-wrap .number::before{width: 24px; height: 34px;}
    .content-wrap .tel-wrap .number .sp-tel a{font-size: 44px; font-weight: 700; line-height: 1.477; letter-spacing: .01em; color:#E8465D; text-decoration: none;}
    .content-wrap .tel-wrap .time{font-size: 16px; font-weight: 400; letter-spacing: .01em; line-height: 1.625; padding-bottom: 50px;}
    .form-wrap{padding: 50px 0 30px;}
    .form-wrap h3{font-size: 22px;}
}
@media screen and (max-width: 844px) and (orientation:landscape) {
	.section-features .flow .image-wrap{width:100%; text-align: center;}
    .other-plan .image-wrap{text-align: center;}
    .inquiry .tel a{font-size: 40px;}
}

/* フォーム */
.form-wrap h3{margin-bottom: calc(100vw * (60 / 1920));}
.contact-form{background: #FFF;}
.label-required{padding: 0;}
.contact-form-label,.contact-form-control{padding: 0; margin: 0;}
.contact-form-group{display: flex; justify-content: center; margin-bottom: calc(100vw * (30 / 1920)); background: #FFF;}
.self-top{align-items: flex-start !important; padding-top: calc(100vw * (20 / 1920));}
.radio-wrap{display: flex; align-items: center; flex-wrap:wrap;}
.contact-form-label{font-size: calc(100vw * (18 / 1920)); letter-spacing: .01em; line-height: 1.555; display: flex; width: calc(100vw * (264 / 1920)); justify-content: flex-end; align-items: center; margin-right: calc(100vw * (40 / 1920)); position: relative;}
.valid-mark.valid{position:absolute; right: -36px;}
.contact-form-label span.label-any{font-size: calc(100vw * (13 / 1920)); font-weight: 400; letter-spacing: .01em; background: #707070; color: #FFF; text-align: center; width: calc(100vw * (38 / 1920)); border-radius: calc(100vw * (2 / 1920)); height: calc(100vw * (18 / 1920)); display: flex; align-items: center; justify-content: center; margin:0; margin-left: calc(100vw * (6 / 1920));}
.contact-form-label span.label-required{font-size: calc(100vw * (13 / 1920)); font-weight: 400; letter-spacing: .01em; background: #E8465D; color: #FFF; text-align: center; width: calc(100vw * (38 / 1920)); border-radius: calc(100vw * (2 / 1920)); height: calc(100vw * (18 / 1920)); display: flex; align-items: center; justify-content: center; margin:0; margin-left: calc(100vw * (6 / 1920)); border-radius: calc(100vw * (2 / 1920));}
input[type="radio"]{display: none;}
.contact-form-control{width: calc(100vw * (778 / 1920));}
.acms-admin-form-radio{margin-right: calc(100vw * (30 / 1920));}
i.acms-admin-ico-radio{display: inline-block; width: calc(100vw * (20 / 1920)); height: calc(100vw * (20 / 1920)); border-radius: calc(100vw * (100 / 1920)); border:1px solid #707070; position: relative; margin-right: calc(100vw * (6 / 1920)); background: none;}
input[type="radio"] + label{display: flex; align-items: center; font-size: calc(100vw * (18 / 1920));}
input[type="radio"]:checked + label i.acms-admin-ico-radio::before{position: absolute; content:""; display: inline-block; width: calc(100vw * (14 / 1920)); height: calc(100vw * (14 / 1920)); border-radius: calc(100vw * (100 / 1920)); background: #E88424; top:50%; left:50%; transform: translate(-50%,-50%);}
.acms-admin-form-radio input:checked+.acms-admin-ico-radio, .acms-admin-form-radio input:checked+label .acms-admin-ico-radio{background: none;}
.valid-mark{display: none;}
.acms-form input[type="text"],.acms-form input[type="tel"],.acms-form input[type="email"]{background: #F5F5F5; box-shadow: none; border: none; height: calc(100vw * (60 / 1920)); border-radius: calc(100vw * (10 / 1920)); font-size: calc(100vw * (18 / 1920)); letter-spacing: .01em; line-height: 1.555; font-weight: 400; padding: 0 calc(100vw * (20 / 1920)); max-width: calc(100vw * (562 / 1920)); margin-left: calc(100vw * (6 / 1920));}
.acms-form textarea{background: #F5F5F5; height: calc(100vw * (180 / 1920)); border-radius: calc(100vw * (10 / 1920)); width: calc(100vw * (778 / 1920)); resize: none; padding: calc(100vw * (20 / 1920)); border: none; box-shadow: none; }
.acms-form textarea:hover{background: #f5f5f5;}
.contact-form-group:last-of-type .self-top span{margin-top: calc(100vw * (6 / 1920));}
.btn-attention-block-large{padding: calc(100vw * (22 / 1920)) calc(100vw * (20 / 1920)); background: #E88424; border-radius: calc(100vw * (10 / 1920));}
.acms-form input[type="text"]:hover, .acms-form input[type="tel"]:hover, .acms-form input[type="email"]:hover{background: #F5F5F5;}
.btn-attention-block-large:hover{background: #E88424; opacity: .7;}
.btn-large{padding: calc(100vw * (22 / 1920)) calc(100vw * (30 / 1920)); border-radius: calc(100vw * (10 / 1920));}
.message,.message-text{text-align: center; margin-bottom: calc(100vw * (30 / 1920));}

.confirm .contact-form-group,.thanks .contact-form-group{margin-bottom: calc(100vw * (10 / 1920));}
.confirm .contact-form-control,.thanks .contact-form-control{background: #F5F5F5 !important; padding: calc(100vw * (10 / 1920)) calc(100vw * (20 / 1920));}

@media screen and (max-width:1280px){
    .form-wrap h3{margin-bottom: calc(100vw * (60 / 1280));}
    .contact-form-group{margin-bottom: calc(100vw * (30 / 1280));}
    .self-top{padding-top: calc(100vw * (20 / 1280));}
    .contact-form-label{font-size: calc(100vw * (18 / 1280)); width: calc(100vw * (262 / 1280));  margin-right: calc(100vw * (40 / 1280));}
    .contact-form-label span.label-any{font-size: calc(100vw * (13 / 1280)); width: calc(100vw * (38 / 1280)); border-radius: calc(100vw * (2 / 1280)); height: calc(100vw * (18 / 1280)); margin-left: calc(100vw * (6 / 1280));}
    .contact-form-label span.label-required{font-size: calc(100vw * (13 / 1280)); width: calc(100vw * (38 / 1280)); border-radius: calc(100vw * (2 / 1280)); height: calc(100vw * (18 / 1280)); margin-left: calc(100vw * (6 / 1280)); border-radius: calc(100vw * (2 / 1280));}
    .valid-mark.valid{position: relative; right: auto; margin-left: 10px;}
    .contact-form-control{width: calc(100vw * (778 / 1280));}
    .acms-admin-form-radio{margin-right: calc(100vw * (30 / 1280));}
    i.acms-admin-ico-radio{display: inline-block; width: calc(100vw * (20 / 1280)); height: calc(100vw * (20 / 1280)); border-radius: calc(100vw * (100 / 1280)); margin-right: calc(100vw * (6 / 1280));}
    input[type="radio"] + label{font-size: calc(100vw * (18 / 1280));}
    input[type="radio"]:checked + label i.acms-admin-ico-radio::before{width: calc(100vw * (14 / 1280)); height: calc(100vw * (14 / 1280)); border-radius: calc(100vw * (100 / 1280));}
    .acms-form input[type="text"],.acms-form input[type="tel"],.acms-form input[type="email"]{height: calc(100vw * (60 / 1280)); border-radius: calc(100vw * (10 / 1280)); font-size: calc(100vw * (18 / 1280));  padding: 0 calc(100vw * (20 / 1280)); max-width: calc(100vw * (562 / 1280)); margin-left: calc(100vw * (6 / 1280));}
    .acms-form textarea{height: calc(100vw * (180 / 1280)); border-radius: calc(100vw * (10 / 1280)); width: calc(100vw * (778 / 1280)); padding: calc(100vw * (20 / 1280));}
    .contact-form-group:last-of-type .self-top span{margin-top: calc(100vw * (6 / 1280));}
    .btn-attention-block-large{padding: calc(100vw * (22 / 1280)) calc(100vw * (20 / 1280)); border-radius: calc(100vw * (10 / 1280));}
    .btn-large{padding: calc(100vw * (22 / 1280)) calc(100vw * (30 / 1280)); border-radius: calc(100vw * (10 / 1280));}
    .message,.message-text{text-align: center; margin-bottom: calc(100vw * (30 / 1280));}

    .confirm .contact-form-group,.thanks .contact-form-group{margin-bottom: calc(100vw * (10 / 1280));}
    .confirm .contact-form-control,.thanks .contact-form-control{padding: calc(100vw * (10 / 1280)) calc(100vw * (20 / 1280));}

    .is_tablet .contact-form-label{font-size: 18px; width:calc(100vw * (280 / 1280));}
    .contact-form-label span.label-required{font-size: 13px; font-weight: 700;}
    .is_tablet input[type="radio"] + label{font-size: 18px;}
    .is_tablet .acms-form input[type="text"], .acms-form input[type="tel"], .acms-form input[type="email"]{font-size: 18px;}
    .is_tablet .acms-form textarea{font-size: 18px;}
}

@media screen and (max-width: 828px){
    .form-wrap h3{margin-bottom: 30px;}
    .contact-form{padding: 0 20px; margin-bottom: 40px;}
    .contact-form-group{flex-wrap:wrap; margin-bottom:30px;}
    .contact-form-group:last-of-type{margin-bottom: 0;}
    .contact-form-group .contact-form-label{width: 100%; justify-content: flex-start; font-size: 18px; font-weight:700; letter-spacing: .01em; line-height: 1.555; margin-bottom: 13px;}
    .contact-form-label span.label-any,.contact-form-label span.label-required { font-size: 13px; width: 38px; border-radius: 2px; padding: 8px 0 9px; margin-left: 6px;}
    .contact-form-control{width: 100%; margin-bottom: -9px;}
    .acms-admin-form-radio{margin-right: 20px; margin-bottom: 9px;}
    input[type="radio"] + label{font-size: 16px;}
    i.acms-admin-ico-radio { width: 20px; height: 20px; border-radius: 100px; margin-right: 6px; }
    input[type="radio"]:checked + label i.acms-admin-ico-radio::before { width: 14px; height: 14px; border-radius: 100px;}
    .acms-form input[type="text"], .acms-form input[type="tel"], .acms-form input[type="email"]{ height: 60px; border-radius: 10px; font-size: 18px; padding: 0 20px; max-width: 100%; margin-left: 0}
    .acms-form textarea { height: 160px; border-radius: 10px; width: 100%; padding: 20px;}
    .btn-attention-block-large{background: #E88424; border-radius: 10px; }
    .form-btn-box{margin: 0 20px 50px;}
    button, input[type=button], input[type=reset], input[type=submit]{padding: 22px 0;}
}



/* 完了画面 */
.entry-column table{justify-content: center;}
.acms-grid, .acms-grid-r{margin: 0;}
.entry{padding-top: 88px;}
.thanks{margin-top:60px;}
.contact-box .thanks .message-back-link{width: 100%; text-align: center; margin: auto;}
.contact-box .thanks .message-back-link a{background: #E88424; color: #FFF !important; width: 300px; display: block; padding: 17px 0; border-radius: 10px; font-size: 16px; margin:auto; text-decoration: none;}
.contact-box .thanks .message-back-link a:hover{text-decoration: none;}



/* アニメーション */
.scroll-anim{opacity: 0; transform:translateY(30px); transition: .6s;}
.scroll-anim.isActive{transform:translateY(0); opacity: 1;}