/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
/* font-size: 100%; */
/* font: inherit; */
vertical-align: baseline;
/* font-weight:400; */
}
/* HTML5 display-role reset for older browsers */

* {
    box-sizing: border-box;
    line-height:1.5em;
}
html{
    font-size: 16px;
    font-size: 100%;
    /* font-size: 1vw; */
    /* font-size:14.93333333333333px; */
}
@media (max-width: 764px) {
    html{
        /* font-size: 14px; */
        font-size: 1vw;
        /* font-size: 3.7498px; */
    }
}
p{
    letter-spacing: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body{
    line-height:1.25em;
    /* font-size:16px; */
    font-size: 62.5%;
    font-family: 'Noto sans JP', sans-serif;
    font-weight:400;
    font-feature-settings: normal;
    color:#000000;
    font-feature-settings: "palt";
}
@media (max-width: 764px) {
    body{
        font-size:14px;
        min-width:100%;
    }
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

input:focus,
textarea:focus{
    outline: none;
}

img{
    max-width:100%;
    -webkit-backface-visibility: hidden;
}

.pc{
    display:block;
}
@media (max-width: 764px) {
    .pc{
        display:none;
    }
}
.sp{
    display:none;
}
@media (max-width: 764px) {
    .sp{
        display:block;
    }
}
a{
    text-decoration: none;
}
a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media (max-width: 764px) {
    a{
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }
}
a:hover,
input[type="submit"]:hover {
    opacity: 0.6;
}
a:hover img{
}
/* a:focus, */
button:focus{
    border:none;
    outline: none;
}

area{
    border:none;
    outline:none;
}

.site-content{
    /* padding-top:100px; */
    /* min-height:calc(100vh - 204px - 370px); */
    /* min-height:100vh; */
    /* background-color:#FFF; */
}

@media (max-width: 764px) {
    .site-content{
        min-height:0;
    }
}


html.is-fixed, html.is-fixed body {
    /* height: 100%; */
    overflow: hidden;
}
h3,h4{
    font-weight:normal;
}
pre{
    /* Mozilla */
    white-space: -moz-pre-wrap;
    /* Opera 4-6 */
    white-space: -pre-wrap;
    /* Opera 7 */
    white-space: -o-pre-wrap;
    /* CSS3 */
    white-space: pre-wrap;
    /* IE 5.5+ */
    word-wrap: break-word;
}

/************************************************************/

.inner{
    max-width: 1280px;
    width:100%;
    margin:auto;
    padding:0 20px;
}
@media (min-width: 764px) {
    .inner{
        padding:0 3.125vw;
    }
}
@media (min-width: 1280px) {
    .inner{
        padding:0 40px;
    }
}
main{
    position:relative;
    overflow: hidden;
}

.site__main__contents{
    /* max-width:375px; */
    max-width:100vw;
    width:100%;
    margin:auto;
}
@media (min-width: 764px) {
    .site__main__contents{
        max-width:100%;
    }
}


/************************************************************/

.site__main__contents{
    background-image:url(../img/bg01.png);
    background-position:center;
    background-repeat: repeat;
}
@media (min-width: 764px) {
    .site__main__contents{
        background-image:unset;
    }
}

header{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index: 3;
}
@media (min-width: 764px) {
    header{
        display: none;
    }
}
.p_header_content{
    /* padding:8px 28px; */
    padding:2.133vw 7.467vw;
}
@media (min-width: 764px) {
    .p_header_content{
        padding:8px 28px;
    }
}
.p_header_content_logo{

}
.p_header_content_logo a{ 
    background-color:#FFF;
    display:flex;
    align-items:center;
    justify-content:center;
    /* width:119px;
    height:28px; */
    width:31.733vw;
    height:7.467vw;
}
@media (min-width: 764px) {
    .p_header_content_logo a{ 
        width:119px;
        height:28px;
    }
}
.p_header_content_logo a img{
    /* width:107px; */
    width:28.533vw;
}
@media (min-width: 764px) {
    .p_header_content_logo a img{
        width:107px;
    }
}

/************************************************************/


.lp_top_kv{
    position: relative;
    z-index: 2;
}
@media (min-width: 764px) {
    .lp_top_kv{
        background-image:url(../img/kv_bg.png);
        background-size: cover;
        background-position: center;
    }
}

.lp_top_kv_content{
    /* padding-left:20px; */
    padding-left:5.333vw;
}
@media (min-width: 764px) {
    .lp_top_kv_content.pc{
        padding-left:0;
        display:flex;
        align-items: center;
    }
    .lp_top_kv_content.sp{
        display:none;
    }
}
.lp_top_kv_content-block01{
    position:relative;
    /* margin-bottom:12px; */
    margin-bottom:3.2vw;
}
@media (min-width: 764px) {
    .lp_top_kv_content-block01{
        margin-bottom:12px;
    }
}
.lp_top_kv_content-textblock01{
    position:absolute;
    /* bottom:8px;
    left:8px;
    width:95px;
    height:95px; */
    bottom:2.133vw;
    left:2.133vw;
    width:25.333vw;
    height:25.333vw;
    background-color:#EDA800CC;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
}
@media (min-width: 764px) {
    .lp_top_kv_content-textblock01{
        bottom:8px;
        left:8px;
        width:95px;
        height:95px;
    }
}
.lp_top_kv_content-textblock01 p{
    color:#FFF;
    font-weight:bold;
    /* font-size:12px; */
    font-size:3.2vw;
    letter-spacing:0.05em;
    line-height:1.25em;
    text-align: center;
}
@media (min-width: 764px) {
    .lp_top_kv_content-textblock01 p{
        font-size:12px;
    }
}
.lp_top_kv_content-textblock01 p span{
    /* font-size:25px; */
    font-size:6.667vw;
    font-weight:400;
    font-family: "din-2014", sans-serif;
    line-height:1em;
}
@media (min-width: 764px) {
    .lp_top_kv_content-textblock01 p span{
        font-size:25px;
    }
}
.lp_top_kv_content-imageblock01{

}
.lp_top_kv_content-imageblock01 img{
    width:100%;
    display:block;
}

.lp_top_kv_content-block02{
    margin-bottom:12px;
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:3.2vw;
    gap:3.2vw;
}
@media (min-width: 764px) {
    .lp_top_kv_content-block02{
        margin-bottom:12px;
        gap:12px;
    }
}
.lp_top_kv_content-textblock02{
    /* width:calc(100% - 132px - 12px); */
    width:calc(100% - 35.2vw - 3.2vw);
}
@media (min-width: 764px) {
    .lp_top_kv_content-textblock02{
        width:calc(100% - 132px - 12px);
    }
}
.lp_top_kv_content-textblock02-text01{
    font-weight:bold;
    letter-spacing:0.05em;
    line-height:1.5em;
    /* font-size:14px; */
    /* margin-bottom:12px; */
    font-size:3.733vw;
    margin-bottom:3.2vw;
}
@media (min-width: 764px) {
    .lp_top_kv_content-textblock02-text01{
        font-size:14px;
        margin-bottom:12px;
    }
}
.lp_top_kv_content-textblock02-text02{
    background-color:#EDA800;
    text-align:center;
    font-weight:bold;
    letter-spacing:0.05em;
    line-height:1.5em;
    color:#FFF;
    /* border-radius:8px;
    border-bottom-left-radius: 0px;
    font-size:14px;
    padding:4px;
    margin-bottom:8px; */
    border-radius:2.133vw;
    border-bottom-left-radius: 0px;
    font-size:3.733vw;
    padding:1.067vw;
    margin-bottom:2.133vw;
}
@media (min-width: 764px) {
    .lp_top_kv_content-textblock02-text02{
        border-radius:8px;
        border-bottom-left-radius: 0px;
        font-size:14px;
        padding:4px;
        margin-bottom:8px;
    }
}
.lp_top_kv_content-textblock02-point{
    display:flex;
    align-items:center;
    /* gap:12px; */
    gap:3.2vw;
}
@media (min-width: 764px) {
    .lp_top_kv_content-textblock02-point{
        gap:12px;
    }
}
.lp_top_kv_content-textblock02-point-l{
    
}
.lp_top_kv_content-textblock02-point01{
    /* font-size:108px; */
    font-size:28.8vw;
    font-weight:600;
    font-family: "din-2014", sans-serif;
    line-height: 0.75em;
    color:#E21C24;
    letter-spacing: -0.05em;
}
@media (min-width: 764px) {
    .lp_top_kv_content-textblock02-point01{
        font-size:108px;
    }
}
.lp_top_kv_content-textblock02-point-r{
    
}
.lp_top_kv_content-textblock02-point02{
    /* font-size:12px; */
    font-weight:bold;
    color:#FFF;
    line-height:1em;
    background-color:#000000;
    /* border-radius:20px; */
    /* padding:14px 4px; */
    letter-spacing: 0.05em;
    text-align: center;
    font-size:3.2vw;
    border-radius:5.333vw;
    padding:3.733vw 1.067vw;
}
@media (min-width: 764px) {
    .lp_top_kv_content-textblock02-point02{
        font-size:12px;
        border-radius:20px;
        padding:14px 4px;
    }
}
.lp_top_kv_content-textblock02-point03{
    /* font-size:39px; */
    font-size:10.4vw;
    font-weight:600;
    font-family: "din-2014", sans-serif;
    line-height:1em;
    color:#000;
    letter-spacing: 0;
}
@media (min-width: 764px) {
    .lp_top_kv_content-textblock02-point03{
        font-size:39px;
    }
}
.lp_top_kv_content-imageblock02{
    /* width:132px; */
    width:35.2vw;
}
@media (min-width: 764px) {
    .lp_top_kv_content-imageblock02{
        width:132px;
    }
}
.lp_top_kv_content-imageblock02 img{
    width:100%;
}

.lp_top_kv_content-block03{
    display:flex;
    /* gap:12px; */
    gap:3.2vw;
}
@media (min-width: 764px) {
    .lp_top_kv_content-block03{
        gap:12px;
    }
}
.lp_top_kv_content-imageblock03_01{
    /* width:calc(100% - 132px - 12px); */
    width:calc(100% - 35.2vw - 3.2vw);
}
@media (min-width: 764px) {
    .lp_top_kv_content-imageblock03_01{
        width:calc(100% - 132px - 12px);
    }
}
.lp_top_kv_content-imageblock03_02{
    /* width:132px; */
    width:35.2vw;
}
@media (min-width: 764px) {
    .lp_top_kv_content-imageblock03_02{
        width:132px;
    }
}
.lp_top_kv_content-imageblock02 img{
    width:100%;
}

.lp_top_kvpc_imageblock{
    /* width:calc((100% - 620px) / 2); */
    display: flex;
    flex-direction: column;
    /* gap:40px; */
    /* width:calc((100% - 48.438vw) / 2);
    gap:3.125vw; */
    width:calc((100% - 32.325vw) / 2);
    gap:2.086vw; 
}
@media (min-width: 1918px) {
    .lp_top_kvpc_imageblock{
        width:calc((100% - 620px) / 2);
        gap:40px;
    }
}
.lp_top_kvpc_block-image{

}
.lp_top_kvpc_block-image01{
    /* height:510px; */
    /* height:39.844vw; */
     height:26.59vw;
}
@media (min-width: 1918px) {
    .lp_top_kvpc_block-image01{
        height:510px;
    }
} */
.lp_top_kvpc_block-image02{
    /* height:368px; */
    /* height:28.75vw; */
    height:19.187vw;
}
@media (min-width: 1918px) {
    .lp_top_kvpc_block-image02{
        height:368px;
    }
}
.lp_top_kvpc_block-image03{
    /* height:400px; */
    /* height:31.25vw; */
    height:20.855vw;
}
@media (min-width: 1918px) {
    .lp_top_kvpc_block-image03{
        height:400px;
    }
}
.lp_top_kvpc_block-image04{
    /* height:480px; */
    /* height:37.5vw; */
    height:25.026vw;
}
@media (min-width: 1918px) {
    .lp_top_kvpc_block-image04{
        height:480px;
    }
}
.lp_top_kvpc_block-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.lp_top_kvpc_block{
    /* width: 620px; */
    /* width: 48.438vw; */
    width: 32.325vw;
}
@media (min-width: 1918px) {
    .lp_top_kvpc_block{
        width: 620px;
    }
}
.lp_top_kvpc_block-logo{
    /* margin-bottom:24px; */
    /* margin-bottom:1.875vw; */
    margin-bottom:1.251vw;
}
@media (min-width: 1918px) {
    .lp_top_kvpc_block-logo{
        margin-bottom:24px;
    }
}
.lp_top_kvpc_block-logo h1{
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    /* width: 303px;
    height:70px; */
    /* width: 23.672vw;
    height:5.469vw; */
    width: 15.798vw;
    height:3.65vw;
    background-color:#FFF;
}
@media (min-width: 1918px) {
    .lp_top_kvpc_block-logo h1{
        width: 303px;
        height:70px;
    }
}
.lp_top_kvpc_block-logo h1 img{
    /* width:272px; */
    /* width:21.25vw; */
    width:14.181vw;
    display: block;
}
@media (min-width: 1918px) {
    .lp_top_kvpc_block-logo h1 img{
        width:272px;
    }
}
.lp_top_kvpc_block-text01{
    background-color:#EDA800;
    /* padding:20px 0; */
    /* font-size: 35px; */
    font-weight:bold;
    line-height:1.25em;
    text-align: center;
    color:#FFF;
    /* margin-bottom:28px; */
    /* padding:1.563vw 0;
    font-size: 2.734vw;
    margin-bottom:2.188vw; */
    padding:1.043vw 0;
    font-size: 1.825vw;
    margin-bottom:1.46vw;
}
.lp_top_kvpc_block-text01 p{
    letter-spacing: 2px;
}
@media (min-width: 1918px) {
    .lp_top_kvpc_block-text01{
        padding:20px 0;
        font-size: 35px;
        margin-bottom:28px;
    }
    /* .lp_top_kvpc_block-text01 p{
        letter-spacing: 2px;
    } */
}
.lp_top_kvpc_block-text01 span{
    /* font-size:66px; */
    font-weight:400;
    font-family: "din-2014", sans-serif;
    line-height:1em;
    position:relative;
    /* bottom: -4px; */
    /* font-size:5.156vw;
    bottom: -0.312vw; */
    font-size:3.441vw;
    bottom: -0.209vw;
}
@media (min-width: 1918px) {
    .lp_top_kvpc_block-text01 span{
        font-size:66px;
        bottom: -4px;
    }
}
.lp_top_kvpc_block-text02{
    /* padding:0 32px;
    margin-bottom:32px; */
    /* padding:0 2.5vw;
    margin-bottom:2.5vw; */
    padding:0 1.668vw;
    margin-bottom:1.668vw;
}
@media (min-width: 1918px) {
    .lp_top_kvpc_block-text02{
        padding:0 32px;
        margin-bottom:32px;
    }
}
.lp_top_kvpc_block-text02 p{
    /* font-size: 35px; */
    letter-spacing: 0.2em;
    font-weight:600;
    /* font-size: 2.734vw; */
    font-size: 1.825vw;
}
@media (min-width: 1918px) {
    .lp_top_kvpc_block-text02 p{
        font-size: 35px;
        line-height: 2em;
    }
}
.lp_top_kvpc_block-text03{
    /* padding:0 32px; */
    /* padding:0 2.5vw; */
    padding:0 1.668vw;
}
@media (min-width: 1918px) {
    .lp_top_kvpc_block-text03{
        padding:0 32px;
    }
}
.lp_top_kvpc_block-text03_title{
    background-color:#EDA800;
    /* padding:20px 0; */
    /* font-size: 38px; */
    font-weight:600;
    line-height:1.25em;
    text-align: center;
    color:#FFF;
    /* margin-bottom:20px; */
    /* border-radius: 16px;
    border-bottom-left-radius:0; */
    text-align: center;
    padding:1.563vw 0;
    font-size: 2.969vw;
    margin-bottom:1.563vw;
    border-radius: 1.25vw;
    border-bottom-left-radius:0;
    padding:1.043vw 0;
    font-size: 1.981vw;
    margin-bottom:1.043vw;
    border-radius: 0.834vw;
    border-bottom-left-radius:0;
    letter-spacing: 4px;
}
@media (min-width: 1918px) {
    .lp_top_kvpc_block-text03_title{
        padding:20px 0;
        font-size: 38px;
        margin-bottom:20px;
        border-radius: 16px;
        border-bottom-left-radius:0;
        /* letter-spacing: 4px; */
    }
}
.lp_top_kvpc_block-text03_point{
    display:flex;
    align-items:flex-end;
    justify-content: center;
    /* gap:12px; */
    /* gap:0.938vw; */
    gap:0.626vw;
}
@media (min-width: 1918px) {
    .lp_top_kvpc_block-text03_point{
        gap:12px;
    }
}
.lp_top_kvpc_block-text03_point-l{
    
}
.lp_top_kvpc_block-text03_point01{
    /* font-size:290px; */
    /* font-size:22.656vw; */
    font-size:15.12vw;
    font-weight:600;
    font-family: "din-2014", sans-serif;
    line-height: 0.75em;
    color:#E21C24;
    letter-spacing: -0.05em;
}
@media (min-width: 1918px) {
    .lp_top_kvpc_block-text03_point01{
        font-size:290px;
    }
}
.lp_top_kvpc_block-text03_point-r{
    
}
.lp_top_kvpc_block-text03_point02{
    /* font-size:20px; */
    font-weight:bold;
    color:#FFF;
    line-height:1em;
    background-color:#000000;
    /* border-radius:20px; */
    /* padding:4px 14px; */
    letter-spacing: 0.05em;
    text-align: center;
    /* font-size:1.563vw;
    border-radius:1.563vw;
    padding:0.313vw 1.094vw; */
    font-size:1.043vw;
    border-radius:1.043vw;
    padding:0.209vw 0.73vw;
}
@media (min-width: 1918px) {
    .lp_top_kvpc_block-text03_point02{
        font-size:20px;
        border-radius:20px;
        padding:4px 14px;
    }
}
.lp_top_kvpc_block-text03_point03{
    /* font-size:94px; */
    /* font-size:7.344vw; */
    font-size:4.901vw;
    font-weight:600;
    font-family: "din-2014", sans-serif;
    line-height:1em;
    color:#000;
    letter-spacing: 0;
}
@media (min-width: 1918px) {
    .lp_top_kvpc_block-text03_point03{
        font-size:94px;
    }
}

.lp_product{
    position:relative;
    top:-40px;
    margin-bottom:-40px;
    padding:57px 0 0;
    background-color:#DBDBDB;
    z-index: 1;
}
@media (min-width: 764px) {
    .lp_product{
        top:unset;
        margin-bottom:0;
        /* padding:0 0 180px; */
        padding:0 0 14.063vw;
        background-color:#DBDBDB;
    }
}
@media (min-width: 1280px) {
    .lp_product{
        padding:0 0 180px;
    }
}
.lp_pr_content{
    border-radius:8px;
    background-color:#FFF;
    padding:17px;
    margin-bottom:30px;
}
@media (min-width: 764px) {
    .lp_pr_content{
        border-radius:0;
        /* padding:80px 40px; */
        padding:6.25vw 3.125vw;
        max-width:100vw;
        width:100vw;
        margin:auto;
        /* margin-left:-40px;
        margin-bottom:96px; */
        margin-left:-3.125vw;
        margin-bottom:7.5vw;
    }
}
@media (min-width: 1280px) {
    .lp_pr_content{
        padding:80px 40px;
        margin:auto;
        margin-left:calc(((100vw - 1200px) / 2) * -1);
        margin-bottom:96px;
    }
}
.lp_pr_content-text{
    font-size:20px;
    color:#000;
    margin-bottom:8px;
    text-align: center;
    font-weight:bold;
}
@media (min-width: 764px) {
    .lp_pr_content-text{
        /* font-size:48px;
        margin-bottom:36px; */
        font-size:3.75vw;
        margin-bottom:2.813vw;
    }
}
@media (min-width: 1280px) {
    .lp_pr_content-text{
        font-size:48px;
        margin-bottom:36px;
    }
}
.lp_pr_content-text > span{
    position:relative;
}
.lp_pr_content-text > span:before{
    position:absolute;
    content:"";
    width: 8px;
    height: 14px;
    bottom: 4px;
    left: -40px;
    /* transform:rotate(-30deg); */
    /* background-color:#000; */
    background-image:url(../img/border01_l.svg);
    background-size:100%;
    background-position: center;
    background-repeat: no-repeat;
}
@media (min-width: 764px) {
    .lp_pr_content-text > span:before{
        /* width: 15px;
        height: 33px;
        bottom: 4px;
        left: -64px; */
        width: 1.172vw;
        height: 2.578vw;
        bottom: 0.313vw;
        left: -5vw;
    }
}
@media (min-width: 1280px) {
    .lp_pr_content-text > span:before{
        width: 15px;
        height: 33px;
        bottom: 4px;
        left: -64px;
    }
}
.lp_pr_content-text > span:after{
    position:absolute;
    content:"";
    width: 8px;
    height: 14px;
    bottom: 4px;
    right:-40px;
    /* transform:rotate(30deg); */
    /* background-color:#000; */
    background-image:url(../img/border01_r.svg);
    background-size:100%;
    background-position: center;
    background-repeat: no-repeat;
}
@media (min-width: 764px) {
    .lp_pr_content-text > span:after{
        /* width: 15px;
        height: 33px;
        bottom: 4px;
        right:-64px; */
        width: 1.172vw;
        height: 2.578vw;
        bottom: 0.313vw;
        right:-5vw;
    }
}
@media (min-width: 1280px) {
    .lp_pr_content-text > span:after{
        width: 15px;
        height: 33px;
        bottom: 4px;
        right:-64px;
    }
}
.lp_pr_content-text > span > span{
    color:#ED0000;
}
.lp_pr_content-btnarea{
    display:flex;
    align-items: center;
    justify-content:center;
    gap:12px;
}
@media (min-width: 764px) {
    .lp_pr_content-btnarea{
        /* gap:40px 72px; */
        gap:3.125vw 5.625vw;
        flex-wrap: wrap;
    }
}
@media (min-width: 1280px) {
    .lp_pr_content-btnarea{
        gap:40px 72px;
    }
}
.lp_pr_content-btn01{
    border-radius:8px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background: #66B68D;
    width:100px;
    height:67px;
    transition: transform 0.1s ease, box-shadow 0.1s ease;
}
@media (min-width: 764px) {
    .lp_pr_content-btn01{
        display: none;
    }
}
.lp_pr_content-btn01:hover{
    opacity: 1;
    transform: translateY(2px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.lp_pr_content-btn01 > span{
    background: #008745;
    position:relative;
    display:flex;
    align-items: center;
    justify-content: center;
    width:100%;
    height:59px;
}
.lp_pr_content-btn01 > span > span{
    background: linear-gradient(120deg, #ffffff33, transparent);
    display:flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 8px);
    height:calc(100% - 8px);
    border-radius: 2px;
}
.lp_pr_content-btn01:hover > span > span{
    background: transparent;
}
.lp_pr_content-btn-ico01{
    background-image:url(../img/ico_tel.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    width:37px;
    height:37px;
}

.lp_pr_content-btn01_pc{
    display: none;
}
@media (min-width: 764px) {
    .lp_pr_content-btn01_pc{
        display: block;
        pointer-events: none;
        cursor: default;
    }
}
.lp_pr_content-btn01_pc01{
    color:#008745;
    font-family: "din-2014", sans-serif;
    /* font-size: 94px; */
    font-size: 7.344vw;
    line-height: 1em;
    display: block;
    text-align: center;
}
@media (min-width: 1280px) {
    .lp_pr_content-btn01_pc01{
        font-size: 94px;
    }
}
.lp_pr_content-btn01_pc02{
    color:#008745;
    /* font-size: 24px; */
    font-size: 1.875vw;
    line-height: 1em;
    display: block;
    text-align: center;
}
@media (min-width: 1280px) {
    .lp_pr_content-btn01_pc02{
        font-size: 24px;
    }
}
.lp_pr_content-btn02{
    border-radius:8px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background: #F3CA66;
    width:182px;
    height:67px;
    transition: transform 0.1s ease, box-shadow 0.1s ease;
}
@media (min-width: 764px) {
    .lp_pr_content-btn02{
        /* width:590px;
        height:114px; */
        width:46.094vw;
        height:8.906vw;
    }
}
@media (min-width: 1280px) {
    .lp_pr_content-btn02{
        width:590px;
        height:114px;
    }
}
.lp_pr_content-btn02:hover{
    opacity: 1;
    transform: translateY(2px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.lp_pr_content-btn02 > span{
    background: #EDA800;
    position:relative;
    display:flex;
    align-items: center;
    justify-content: center;
    width:100%;
    height:59px;
}
@media (min-width: 764px) {
    .lp_pr_content-btn02 > span{
        /* height:104px; */
        height:8.125vw;
    }
}
@media (min-width: 1280px) {
    .lp_pr_content-btn02 > span{
        height:104px;
    }
}
.lp_pr_content-btn02 > span > span{
    background: linear-gradient(120deg, #ffffff33, transparent);
    display:flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 8px);
    height:calc(100% - 8px);
    border-radius: 2px;
    font-size:20px;
    font-weight:bold;
    color:#FFF;
    gap:6px;
    line-height: 1em;
}
@media (min-width: 764px) {
    .lp_pr_content-btn02 > span > span{
        /* width: calc(100% - 12px);
        height:calc(100% - 12px);
        border-radius: 2px;
        font-size:47px;
        gap:52px; */
        width: calc(100% - 0.938vw);
        height:calc(100% - 0.938vw);
        border-radius: 0.156vw;
        font-size:3.672vw;
        gap:4.063vw;
    }
}
@media (min-width: 1280px) {
    .lp_pr_content-btn02 > span > span{
        width: calc(100% - 12px);
        height:calc(100% - 12px);
        border-radius: 2px;
        font-size:47px;
        gap:52px;
    }
}
.lp_pr_content-btn02:hover > span > span{
    background: transparent;
}
.lp_pr_content-btn-ico02{
    background-image:url(../img/ico_mail.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    width:24px;
    height:24px;
}
@media (min-width: 764px) {
    .lp_pr_content-btn-ico02{
        /* width:61px;
        height:48px; */
        width:4.766vw;
        height:3.75vw;
    }
}
@media (min-width: 1280px) {
    .lp_pr_content-btn-ico02{
        width:61px;
        height:48px;
    }
}
.lp_pr_content-btn-ico03{
    background-image:url(../img/ico_arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    width:11px;
    height:11px;
}
@media (min-width: 764px) {
    .lp_pr_content-btn-ico03{
        /* width:17px;
        height:20px; */
        width:1.328vw;
        height:1.563vw;
    }
}
@media (min-width: 1280px) {
    .lp_pr_content-btn-ico03{
        width:17px;
        height:20px;
    }
}

.lp_product-content{
    padding:30px 20px;
    background-color:#FFF;
    border-radius:8px;
    display:flex;
    flex-direction:column;
    gap:30px;
    margin-bottom:12px;
    position:relative;
    z-index: 2;
}
@media (min-width: 764px) {
    .lp_product-content{
        /* padding:80px 20px;
        border-radius:16px;
        gap:56px;
        margin-bottom:20px; */
        padding:6.25vw 1.563vw;
        border-radius:1.25vw;
        gap:4.375vw;
        margin-bottom:1.563vw;
    }
}
@media (min-width: 1280px) {
    .lp_product-content{
        padding:80px 20px;
        border-radius:16px;
        gap:56px;
        margin-bottom:20px;
    }
}
.lp_product-blockarea{
    padding-bottom:30px;
    border-bottom:1px solid #A8A8A8;
    display:flex;
    flex-direction:column;
    gap:30px;
}
@media (min-width: 764px) {
    .lp_product-blockarea{
        /* padding:0 40px 56px; */
        /* gap:40px 60px; */
        /* max-width:1080px; */
        width: 100%;
        margin: auto;
        flex-direction:row;
        flex-wrap: wrap;
        padding:0 3.125vw 4.375vw;
        gap:3.125vw 4.688vw;
        max-width:84.375vw;
    }
}
@media (min-width: 1280px) {
    .lp_product-blockarea{
        padding:0 40px 56px;
        gap:40px 60px;
        max-width:1080px;
    }
}
.lp_product-blockarea:last-child{
    padding-bottom:0px;
    border-bottom:none;
}
.lp_product-block{

}
.lp_product-block-head.pc{
    display: none;
}
@media (min-width: 764px) {
    .lp_product-block{
        /* width: calc(50% - 30px); */
        width: calc(50% - 2.344vw);
    }
    .lp_product-blockarea:first-child .lp_product-block{
        width: 100%;
    }
    .lp_product-block-head.pc{
        display: flex;
        align-items: center;
        justify-content: center;
        /* gap:24px; */
        gap:1.875vw;
        width: 100%;
    }
    .lp_product-block-head.sp{
        display: none;
    }
}
@media (min-width: 1280px) {
    .lp_product-block{
        width: calc(50% - 30px);
    }
    .lp_product-block-head.pc{
        gap:24px;
    }
}
.lp_product-block-icoarea{
    margin-bottom:20px;
    text-align: center;
    display:flex;
    align-items: center;
    justify-content: center;
    gap:12px;
}
@media (min-width: 764px) {
    .lp_product-block-icoarea{
        margin-bottom:0px;
        /* gap:12px; */
        gap:0.938vw;
    }
}
@media (min-width: 1280px) {
    .lp_product-block-icoarea{
        gap:12px;
    }
}
.lp_product-block-icoarea img{
    height:50px;
}
@media (min-width: 764px) {
    .lp_product-block-icoarea img{
        /* height:60px; */
        height:4.688vw;
    }
}
@media (min-width: 1280px) {
    .lp_product-block-icoarea img{
        height:60px;
    }
}
.lp_product-block-name{
    margin-bottom:16px;
    text-align: center;
}
@media (min-width: 764px) {
    .lp_product-block-name{
        margin-bottom:0px;
    }
}
.lp_product-block-name p{
    font-size:25px;
    font-weight:500;
    letter-spacing: 0.05em;
    line-height:1.25em;
}
@media (min-width: 764px) {
    .lp_product-block-name p{
        /* font-size:45px; */
        font-size:3.516vw;
    }
}
@media (min-width: 1280px) {
    .lp_product-block-name p{
        font-size:45px;
    }
}
@media (min-width: 764px) {
    .lp_product-block-body{
        
    }
    .lp_product-blockarea:first-child  .lp_product-block-body{
        display: flex;
        /* gap:16px; */
        gap:1.25vw;
        align-items: center;
    }
}
@media (min-width: 1280px) {
    .lp_product-blockarea:first-child  .lp_product-block-body{
        gap:16px;
    }
}

.lp_product-block-image{
    margin-bottom:8px;
    position:relative;
}
@media (min-width: 764px) {
    .lp_product-block-image{
        /* margin-bottom:28px; */
        margin-bottom:2.188vw;
    }
    .lp_product-blockarea:first-child  .lp_product-block-image{
        /* width: calc(50% - 8px); */
        width: calc(50% - 0.625vw);
        margin-bottom:0;
    }
}
@media (min-width: 1280px) {
    .lp_product-block-image{
        margin-bottom:28px;
    }
    .lp_product-blockarea:first-child  .lp_product-block-image{
        width: calc(50% - 8px);
    }
}
.lp_product-block-image img{
    width:100%;
}
.lp_product-block-imagetext{
    width:79px;
    height:79px;
    display:flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius:50%;
    background-color:#D67841;
    gap:2px;
    position:absolute;
    bottom:-20px;
    right:0;
}
@media (min-width: 764px) {
    .lp_product-block-imagetext{
        /* width:126px; */
        /* height:126px; */
        /* gap:4px; */
        bottom:unset;
        right:0;
        /* top:-20px; */
        width:9.844vw;
        height:9.844vw;
        gap:0.313vw;
        top:-1.562vw;
    }
    .lp_product-blockarea:first-child .lp_product-block-imagetext{
        /* right:20px; */
        right:1.563vw;
    }
}
@media (min-width: 1280px) {
    .lp_product-block-imagetext{
        width:126px;
        height:126px;
        gap:4px;
        top:-20px;
    }
    .lp_product-blockarea:first-child .lp_product-block-imagetext{
        right:20px;
    }
}
.lp_product-block-imagetext01{
    font-size:10px;
    font-weight:500;
    font-family: "din-2014", sans-serif;
    line-height:1em;
    color:#000;
    letter-spacing: 0;
    color:#FFF;
    position:relative;
    top:4px;
}
@media (min-width: 764px) {
    .lp_product-block-imagetext01{
        /* font-size:16px;
        top:8px; */
        font-size:1.25vw;
        top:0.625vw;
    }
}
@media (min-width: 1280px) {
    .lp_product-block-imagetext01{
        font-size:16px;
        top:8px;
    }
}
.lp_product-block-imagetext02{
    font-size:17px;
    font-weight:600;
    font-family: "din-2014", sans-serif;
    line-height:1em;
    color:#000;
    letter-spacing: 0;
    color:#FFF;
    position:relative;
    top:4px;
}
@media (min-width: 764px) {
    .lp_product-block-imagetext02{
        /* font-size:28px;
        top:8px; */
        font-size:2.188vw;
        top:0.625vw;
    }
}
@media (min-width: 1280px) {
    .lp_product-block-imagetext02{
        font-size:28px;
        top:8px;
    }
}
.lp_product-block-imagetext02 span{
    font-size:30px;
    line-height:1em;
}
@media (min-width: 764px) {
    .lp_product-block-imagetext02 span{
        /* font-size:48px; */
        font-size:3.75vw;
    }
}
@media (min-width: 1280px) {
    .lp_product-block-imagetext02 span{
        font-size:48px;
    }
}
.lp_product-block-imagetext03{
    font-size:14px;
    font-weight:600;
    font-family: "din-2014", sans-serif;
    line-height:1em;
    color:#000;
    letter-spacing: 0;
    color:#FFF;
    position:relative;
    top:4px;
}
@media (min-width: 764px) {
    .lp_product-block-imagetext03{
        /* font-size:23px;
        top:4px; */
        font-size:1.797vw;
        top:0.313vw;
    }
}
@media (min-width: 1280px) {
    .lp_product-block-imagetext03{
        font-size:23px;
        top:4px;
    }
}
@media (min-width: 764px) {
    .lp_product-block-body-block{

    }
    .lp_product-blockarea:first-child  .lp_product-block-body-block{
     /* width: calc(50% - 8px); */
     width: calc(50% - 0.625vw);
    }
}
@media (min-width: 1280px) {
    .lp_product-blockarea:first-child  .lp_product-block-body-block{
        width: calc(50% - 8px);
    }
}
.lp_product-block-textarea{
    display:flex;
    gap:8px;
    margin-bottom:12px;
}
@media (min-width: 764px) {
    .lp_product-block-textarea{
        display:flex;
        /* gap:20px;
        margin-bottom:20px; */
        gap:1.563vw;
        margin-bottom:1.563vw;
    }
}
@media (min-width: 1280px) {
    .lp_product-block-textarea{
        gap:20px;
        margin-bottom:20px;
    }
}
.lp_product-block-text-logo{
    width:57px;
    padding-top:4px;
}
@media (min-width: 764px) {
    .lp_product-block-text-logo{
        width:6.406vw;
        padding-top:0;
    }
    .lp_product-blockarea:first-child  .lp_product-block-text-logo{
        width:9.219vw;
    }
}
@media (min-width: 1280px) {
    .lp_product-block-text-logo{
        width:82px;
        padding-top:0;
    }
    .lp_product-blockarea:first-child  .lp_product-block-text-logo{
        width:118px;
    }
}
.lp_product-block-text-logo img{
    width:100%;
}
.lp_product-block-text{
    width:calc(100% - 57px - 8px);
}
@media (min-width: 764px) {
    .lp_product-block-text{
        width:calc(100% - 6.406vw - 1.563vw);
        position: relative;
        top: -0.312vw;
    }
    .lp_product-blockarea:first-child .lp_product-block-text{
        width:calc(100% - 9.219vw - 1.563vw);
    }
    .lp_product-blockarea:nth-child(2) .lp_product-block:nth-child(2) .lp_product-block-text {
        top: -0.625vw;
    }
}
@media (min-width: 1280px) {
    .lp_product-block-text{
        width:calc(100% - 82px - 20px);
        top: -4px;
    }
    .lp_product-blockarea:first-child .lp_product-block-text{
        width:calc(100% - 118px - 20px);
    }
    .lp_product-blockarea:nth-child(2) .lp_product-block:nth-child(2) .lp_product-block-text {
        top: -8px;
    }
}
.lp_product-block-text p{
    font-size:16px;
    font-weight:500;
    letter-spacing: 0.05em;
    line-height:1.25em;
}
@media (min-width: 764px) {
    .lp_product-block-text p{
        font-size:1.797vw;
        font-weight:600;
        line-height: 1.5em;
    }
}
@media (min-width: 1280px) {
    .lp_product-block-text p{
        font-size:23px;
    }
}
.lp_product-block-text p span{
    font-size:18px;
}
@media (min-width: 764px) {
    .lp_product-block-text p span{
        font-size:2.344vw;
        line-height: 1.25em;
    }
}
@media (min-width: 1280px) {
    .lp_product-block-text p span{
        font-size:30px;
    }
}
.lp_product-block-tag{

}
.lp_product-block-tag ul{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
@media (min-width: 764px) {
    .lp_product-block-tag ul{
        flex-direction: column;
        gap:0.625vw;
    }
}
@media (min-width: 1280px) {
    .lp_product-block-tag ul{
        gap:8px;
    }
}
.lp_product-block-tag ul li{
    background-color:#F9E6C4;
    padding:4px 12px;
    font-size:16px;
    font-weight:500;
    letter-spacing: 0.05em;
    line-height:1.25em;
    border-radius:4px;
}
@media (min-width: 764px) {
    .lp_product-block-tag ul li{
        padding:0.469vw 1.563vw 0.469vw 6.25vw;
        font-size:1.563vw;
        border-radius:0.313vw;
    }
}
@media (min-width: 1280px) {
    .lp_product-block-tag ul li{
        padding:6px 20px 6px 80px;
        font-size:20px;
        border-radius:4px;
    }
}
.lp_product-note{
    position:relative;
    padding-left:1em;
    font-size:11px;
    font-weight:500;
    letter-spacing: 0em;
    line-height:2em;
    z-index: 2;
}
@media (min-width: 764px) {
    .lp_product-note{
        font-size:0.938vw;
    }
}
@media (min-width: 1280px) {
    .lp_product-note{
        font-size:12px;
    }
}
.lp_product-note:before{
    content:"※";
    position:absolute;
    top:0;
    left:0;
}

.lp_worries{
    position:relative;
    padding:50px 0 0;
    background-color:#E7E7E7;
}
@media (min-width: 764px) {
    .lp_worries{
        padding:2.5vw 0 0;
    }
    .lp_worries .inner{
        position:relative;
        padding-bottom:8.75vw;
    }
    .lp_worries .inner:before{
        position:absolute;
        background-color:#C1C1C1;
        border-radius: 50%;
        content:"";
        height:75vw;
        width:75vw;
        bottom:-39.062vw;
        left:50%;
        transform: translateX(-50%);
        border:20px solid#DBDBDB;
    }
}
@media (min-width: 1280px) {
    .lp_worries{
        padding:32px 0 0;
    }
    .lp_worries .inner{
        padding-bottom:112px;
    }
    .lp_worries .inner:before{
        height:960px;
        width:960px;
        bottom:-500px;
        left:50%;
    }
}

.lp_worries:before{
    position:absolute;
    background-color:#DBDBDB;
    height:375px;
    /* width:375px; */
    width:100%;
    border-radius: 50%;
    left:0;
    top:-190px;
    content:"";
}
@media (min-width: 764px) {
    .lp_worries:before{
        height:100vw;
        width:100vw;
        top:-76.562vw;
        left:50%;
        transform: translateX(-50%);
    }
}
@media (min-width: 1280px) {
    .lp_worries:before{
        height:1280px;
        width:1280px;
        top:-980px;
        left:50%;
        transform: translateX(-50%);
    }
}
.lp_worries-content{
    position:relative;
    z-index: 2;
}
.lp_worries-title{
    margin-bottom:20px;
}
@media (min-width: 764px) {
    .lp_worries-title{
        margin-bottom:4.688vw;
    }
}
@media (min-width: 1280px) {
    .lp_worries-title{
        margin-bottom:60px;
    }
}
.lp_worries-titleico{
    margin-bottom:20px;
    text-align: center;
}
@media (min-width: 764px) {
    .lp_worries-titleico{
        margin-bottom:3.125vw;
    }
}
@media (min-width: 1280px) {
    .lp_worries-titleico{
        margin-bottom:40px;
    }
}
.lp_worries-titleico img{
    width:94px;
}
@media (min-width: 764px) {
    .lp_worries-titleico img{
        width:11.016vw;
    }
}
@media (min-width: 1280px) {
    .lp_worries-titleico img{
        width:141px;
    }
}
.lp_worries-title h2{
    font-size:25px;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height:1.75em;
    text-align: center;
}
@media (min-width: 764px) {
    .lp_worries-title h2{
        font-size:3.281vw;
    }
}
@media (min-width: 1280px) {
    .lp_worries-title h2{
        font-size:42px;
    }
}
.lp_worries-title h2 > span{
    font-size:32px;
    border-bottom:2px solid #F0A317;
    line-height:1.25em;
}
@media (min-width: 764px) {
    .lp_worries-title h2 > span{
        font-size:3.906vw;
    }
}
@media (min-width: 1280px) {
    .lp_worries-title h2 > span{
        font-size:50px;
    }
}
.lp_worries-title h2 > span > span{
    position:relative;
}
.lp_worries-title h2 > span > span:before{
    position:absolute;
    content:"";
    width:4px;
    height:4px;
    border-radius:50%;
    top:-4px;
    left:50%;
    background:#F0A317;	
}
@media (min-width: 764px) {
    .lp_worries-title h2 > span > span:before{
        width:0.625vw;
        height:0.625vw;
        top:-0.312vw;
    }
}
@media (min-width: 1280px) {
    .lp_worries-title h2 > span > span:before{
        width:8px;
        height:8px;
        top:-4px;
    }
}
.lp_worries-list{
    
}
@media (min-width: 764px) {
    .lp_worries-list{
        max-width: 58.438vw;
        width: 100%;
    }
}
@media (min-width: 1280px) {
    .lp_worries-list{
        max-width: 748px;
    }
}
.lp_worries-list ul{
    display:flex;
    flex-direction: column;
    gap:10px;
}
@media (min-width: 764px) {
    .lp_worries-list ul{
        gap:1.563vw;
    }
}
@media (min-width: 1280px) {
    .lp_worries-list ul{
        gap:20px;
    }
}
.lp_worries-list ul li{
    font-size:17px;
    font-weight: 500;
    position:relative;
    background-color:#FFF;
    border-radius:8px;
    padding:12px 12px;
    padding-left:40px;
}
@media (min-width: 764px) {
    .lp_worries-list ul li{
        font-size:2.344vw;
        border-radius:0.625vw;
        border-bottom-left-radius:0;
        padding:2.5vw 2.5vw;
        padding-left:9.375vw;
    }
}
@media (min-width: 1280px) {
    .lp_worries-list ul li{
        font-size:30px;
        border-radius:8px;
        border-bottom-left-radius:0;
        padding:32px 32px;
        padding-left:120px;
    }
}
.lp_worries-list ul li:before{
    position:absolute;
    content:"";
    left:12px;
    top:50%;
    transform:translateY(-50%);
    background-image:url(../img/ico_target.svg);
    width:18px;
    height:18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
@media (min-width: 764px) {
    .lp_worries-list ul li:before{
        content:none;
    }
    .lp_worries-list ul li span{
        position:relative;
        padding-left: 3.75vw;
    }
    .lp_worries-list ul li span:before{
        position:absolute;
        content:"";
        left:0;
        top:50%;
        transform:translateY(-50%);
        background-image:url(../img/ico_target.svg);
        width:2.5vw;
        height:2.5vw;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }
}
@media (min-width: 1280px) {
    .lp_worries-list ul li span{
        padding-left: 48px;
    }
    .lp_worries-list ul li span:before{
        left:0;
        top:50%;
        width:32px;
        height:32px;
    }
}
.lp_worries-image{
    margin:auto;
    max-width:375px;
    width:100%;
    /* margin-bottom:-12px; */
    position:relative;
    margin-top:-12px;
    z-index: 4;
}
@media (min-width: 764px) {
    .lp_worries-image{
        max-width:40.625vw;
        width:100%;
        position:absolute;
        margin-top:0;
        bottom: 0;
        right: 3.125vw;
    }
}
@media (min-width: 1280px) {
    .lp_worries-image{
        max-width:520px;
        right: 40px;
    }
}
.lp_worries-image img{
    width:100%;
    display: block;
}

.lp_reason{
    /* background-color:#4D4D4D; */
    background-color:#FFFFFF;
    /* padding-bottom:40px; */
    position: relative;
    overflow: hidden;
}
@media (min-width: 764px) {
    .lp_reason{
        padding-top:15.625vw;
    }
}
@media (min-width: 1280px) {
    .lp_reason{
        padding-top:200px;
    }
}
.lp_reason:before {
    position: absolute;
    background-color: #F9E6C4;
    height: 375px;
    /* width: 375px; */
    width: 100%;
    border-radius: 50%;
    left: 0;
    top: -180px;
    content: "";
    z-index: 2;
}
@media (min-width: 764px) {
    .lp_reason:before {
        height: 75vw;
        width: 75vw;
        top: -39.062vw;
        background-color:#F9E6C4;
        left: 50%;
        transform: translateX(-50%);
        border: 20px solid #F9E6C4;
    }
}
@media (min-width: 1280px) {
    .lp_reason:before {
        height: 960px;
        width: 960px;
        top: -500px;
        left: 50%;
        border: 20px solid #F9E6C4;
    }
}
.lp_reason-content{
    position:relative;
}
@media (min-width: 764px) {
    .lp_reason-content{
        margin-bottom:7.813vw;
        padding:0 3.125vw;
    }
}
@media (min-width: 1280px) {
    .lp_reason-content{
        margin-bottom:100px;
        padding:0 40px;
    }
}
.lp_reason-content:before{
    position:absolute;
    top:0;
    left:50%;
    width:152px;
    height:59px;
    background-color:#F4C574;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content:"";
    transform: translateX(-50%);
    z-index: 2;
}
@media (min-width: 764px) {
    .lp_reason-content:before{
        width:30.312vw;
        height:11.719vw;
        top:-15.625vw;
    }
}
@media (min-width: 1280px) {
    .lp_reason-content:before{
        width:388px;
        height:150px;
        top:-200px;
    }
}
.lp_reason-content:after{
    position:absolute;
    top:0;
    left:50%;
    width:129px;
    height:50px;
    background-color:#F0A317;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content:"";
    transform: translateX(-50%);
    z-index: 3;
}
@media (min-width: 764px) {
    .lp_reason-content:after{
        top:-15.625vw;
        width:25.625vw;
        height:9.922vw;
    }
}
@media (min-width: 1280px) {
    .lp_reason-content:after{
        top:-200px;
        width:328px;
        height:127px;
    }
}
.lp_reason-title{
    /* margin-bottom:45px; */
    padding-top:80px;
    text-align: center;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index: 2;
}
@media (min-width: 764px) {
    .lp_reason-title{
        margin-bottom:9.375vw;
        padding-top:0;
        top:unset;
        left:unset;
        position:relative;
        z-index: 2;
        top:0;
        left:0;
        display: flex;
        align-items: center;
        justify-content: center;
        gap:0.938vw;
    }
}
@media (min-width: 1280px) {
    .lp_reason-title{
        margin-bottom:120px;
        gap:12px;
    }
}
.lp_reason-titlelogo{
    margin-bottom:12px;
}
@media (min-width: 764px) {
    .lp_reason-titlelogo{
        margin-bottom:0;
    }
}
.lp_reason-titlelogo img{
    width:237px;
}	
@media (min-width: 764px) {
    .lp_reason-titlelogo img{
        width:27.578vw;
    }   
}
@media (min-width: 1280px) {
    .lp_reason-titlelogo img{
        width:353px;
    }   
}
.lp_reason-title h2{
    font-size:25px;
    font-weight:bold;
    color:#000000;
}
@media (min-width: 764px) {
    .lp_reason-title h2{
        font-size:3.906vw;
    }
}
@media (min-width: 1280px) {
    .lp_reason-title h2{
        font-size:50px;
    }
}
.lp_reason-title h2 > span{
    padding-bottom:4px;
    border-bottom:2px solid #F0A317;
}
@media (min-width: 764px) {
    .lp_reason-title h2 > span{
        padding-bottom:0.313vw;
        border-bottom:2px solid #F0A317;
    }
}
@media (min-width: 1280px) {
    .lp_reason-title h2 > span{
        padding-bottom:4px;
        border-bottom:2px solid #F0A317;
    }
}
.lp_reason-title h2 > span > span{
    position:relative;
}
.lp_reason-title h2 > span > span:before{
    position:absolute;
    content:"";
    width:4px;
    height:4px;
    border-radius:50%;
    background-color:#F0A317;
    top:-4px;
    left:50%;
    transform:translateX(-50%);
}
@media (min-width: 764px) {
    .lp_reason-title h2 > span > span:before{
        width:0.625vw;
        height:0.625vw;
        top:-0.312vw;
    }
}
@media (min-width: 1280px) {
    .lp_reason-title h2 > span > span:before{
        width:8px;
        height:8px;
        top:-4px;
    }
}
.lp_reason-blockarea{
    display:flex;
    gap:15px;
    flex-direction: column;
    z-index: 1;
    position: relative;
}
@media (min-width: 764px) {
    .lp_reason-blockarea{
        max-width: 100vw;
        width: 100%;
        margin: auto;
        gap:4.063vw;
    }
    .lp_reason-blockarea:before{
        height:100%;
        width: 0.156vw;
        content:"";
        background-color:#000;
        left:50%;
        top:0;
        position:absolute;
        z-index: 1;

    }
}

@media (min-width: 1280px) {
    .lp_reason-blockarea{
        max-width: 1280px;
        gap:52px;
    }
    .lp_reason-blockarea:before{
        width: 2px;

    }
}
.lp_reason-block{
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
    position:relative;
    padding:32px 16px 40px;
    background-color:#FFF;
    /* overflow: hidden; */
}
@media (min-width: 764px) {
    .lp_reason-block{
        padding:0 0 4.844vw;
        z-index: 2;
        width: calc(100% - 2.188vw);
        margin: auto;
        margin-right: 0;
    }
}
@media (min-width: 1280px) {
    .lp_reason-block{
        padding:0 0 62px;
        width: calc(100% - 28px);
    }
}
.lp_reason-block:before{
    height:68px;
    width: 2px;
    content:"";
    background-color:#000;
    left:50%;
    top:-38px;
    position:absolute;
}
@media (min-width: 764px) {
    .lp_reason-block:before{
        content:none;
    }
}
.lp_reason-block:first-child:before{
    content:none;
}
.lp_reason-block01{
    padding-top:226px;
    background-image:url(../img/reason_bg01.png);
    border-bottom-right-radius:32px;
}
@media (min-width: 764px) {
    .lp_reason-block01{
        padding-top:3.438vw;
        background-image:url(../img/reason_bg01_pc.png);
        border-radius:2.5vw;
    }
}
@media (min-width: 1280px) {
    .lp_reason-block01{
        padding-top:44px;
        border-radius:32px;
    }
}
.lp_reason-block02{
    background-image:url(../img/reason_bg02.png);
    border-bottom-left-radius:32px;
}
@media (min-width: 764px) {
    .lp_reason-block02{
        background-image:url(../img/reason_bg02_pc.png);
        border-radius:2.5vw;
    }
}
@media (min-width: 1280px) {
    .lp_reason-block02{
        border-radius:32px;
    }
}
.lp_reason-block03{
    background-image:url(../img/reason_bg03.png);
    border-bottom-right-radius:32px;
}
@media (min-width: 764px) {
    .lp_reason-block03{
        background-image:url(../img/reason_bg03_pc.png);
        border-radius:2.5vw;
    }
}
@media (min-width: 1280px) {
    .lp_reason-block03{
        border-radius:32px;
    }
}
.lp_reason-block-titlearea{
    margin-bottom:12px;
}
@media (min-width: 764px) {
    .lp_reason-block-titlearea{
        margin-bottom:2.5vw;
        display: flex;
        align-items: flex-end;
        margin-left:-2.187vw;
        margin-top: -1.875vw;
    }
}
@media (min-width: 1280px) {
    .lp_reason-block-titlearea{
        margin-bottom:32px;
        margin-left:-28px;
        margin-top: -24px;
    }
}
.lp_reason-block-title-image{
    width:89px;
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
}
@media (min-width: 764px) {
    .lp_reason-block-title-image{
        width:12.031vw;
    }
}
@media (min-width: 1280px) {
    .lp_reason-block-title-image{
        width:154px;
    }
}
.lp_reason-block-title-image img{
    width: 100%;
}
.lp_reason-block-titlecontent{
    display:flex;
    gap:4px;
    align-items: flex-end;
    position: relative;
}
@media (min-width: 764px) {
    .lp_reason-block-titlecontent{
        display:inline-flex;
        gap:0.313vw;
        align-items: flex-end;
        position: static;
    }
}
@media (min-width: 1280px) {
    .lp_reason-block-titlecontent{
        gap:4px;
    }
}
.lp_reason-block-text{

}
@media (min-width: 764px) {
    .lp_reason-block-text{
        margin-left: -2.187vw;
    }
}
@media (min-width: 1280px) {
    .lp_reason-block-text{
        margin-left: -28px;
    }
}
.lp_reason-block-text p{
    font-size:17px;
    font-weight:500;
    letter-spacing:0.05em;
    line-height:1.75em;
}
@media (min-width: 764px) {
    .lp_reason-block-text p{
        font-size:1.953vw;
    }
}
@media (min-width: 1280px) {
    .lp_reason-block-text p{
        font-size:25px;
    }
}
.lp_reason-block-text p span{
    border-bottom:2px solid #F0A317;
    font-weight:bold;
}
@media (min-width: 764px) {
    .lp_reason-block-text p span{
        border-bottom:2px solid #F0A317;
    }
}
@media (min-width: 1280px) {
    .lp_reason-block-text p span{
        border-bottom:2px solid #F0A317;
    }
}
.lp_reason-block-title{
    position:relative;
}
.lp_reason-block-titletext{
    font-size:30px;
    font-weight:bold;
    letter-spacing:0.05em;
    line-height:1.5em;
    text-align: center;
}
@media (min-width: 764px) {
    .lp_reason-block-titletext{
        font-size:3.125vw;
    }
}
@media (min-width: 1280px) {
    .lp_reason-block-titletext{
        font-size:40px;
    }
}
.lp_reason-block-titletext02{
    font-size:30px;
    font-weight:bold;
    letter-spacing:0.05em;
    line-height:1.5em;
    text-align: center;
}
@media (min-width: 764px) {
    .lp_reason-block-titletext02{
        font-size:3.125vw;
        display: inline-block;
    }
}
@media (min-width: 1280px) {
    .lp_reason-block-titletext02{
        font-size:40px;
    }
}
.lp_reason-block-no{
    width:100px;
    border-top-right-radius:16px;
    background-color:#DE9267;
    padding:8px;
}
@media (min-width: 764px) {
    .lp_reason-block-no{
        width:10.938vw;
        border-top-right-radius:1.25vw;
        padding:1.25vw 0.938vw 0.938vw;
    }
}
@media (min-width: 1280px) {
    .lp_reason-block-no{
        width:140px;
        border-top-right-radius:16px;
        padding:16px 12px 12px;
    }
}
.lp_reason-block-no-text01{
    font-size:13px;
    font-weight:bold;
    font-family: "din-2014", sans-serif;
    line-height:1em;
    color:#FFF;
    letter-spacing: 0.1em;
}
@media (min-width: 764px) {
    .lp_reason-block-no-text01{
        font-size:1.328vw;
    }
}
@media (min-width: 1280px) {
    .lp_reason-block-no-text01{
        font-size:17px;
    }
}
.lp_reason-block-no-text01 span{
    font-size:23px;
}
@media (min-width: 764px) {
    .lp_reason-block-no-text01 span{
        font-size:2.422vw;
    }
}
@media (min-width: 1280px) {
    .lp_reason-block-no-text01 span{
        font-size:31px;
    }
}
.lp_reason-block-no-text02{
    font-size:42px;
    font-weight:bold;
    line-height:1em;
    color:#FFF;
    text-align: right;
}
@media (min-width: 764px) {
    .lp_reason-block-no-text02{
        font-size:4.531vw;
    }
}
@media (min-width: 1280px) {
    .lp_reason-block-no-text02{
        font-size:58px;
    }
}
.lp_reason_pr{
    background-color:#4D4D4D;
    position:relative;
    z-index: 0;
    padding-top: 28px;
    margin-top:-28px;
}
@media (min-width: 764px) {
    .lp_reason_pr{
        padding-top:0;
        margin: 0;
    }
}
.lp_reason_pr .lp_pr_content{
    background-color:transparent;
    padding:32px 17px 40px;
    margin-bottom:0;
}
@media (min-width: 764px) {
    .lp_reason_pr .lp_pr_content{
        padding:6.25vw 1.563vw 6.25vw;
        margin: auto;
    }
}
@media (min-width: 1280px) {
    .lp_reason_pr .lp_pr_content{
        padding:80px 20px 80px;
    }
}
.lp_reason_pr .lp_pr_content-text{
    color: #FFF;
}
.lp_reason_pr .lp_pr_content-text > span > span{
    color: #FFF;
}
.lp_reason_pr .lp_pr_content-text > span:before{
    /* background-color: #FFF; */
    filter: brightness(0) saturate(100%) invert(99%) sepia(99%) saturate(2%) hue-rotate(155deg) brightness(106%) contrast(101%);
}
.lp_reason_pr .lp_pr_content-text > span:after{
    /* background-color: #FFF; */
    filter: brightness(0) saturate(100%) invert(99%) sepia(99%) saturate(2%) hue-rotate(155deg) brightness(106%) contrast(101%);
}
@media (min-width: 764px) {
    .lp_reason_pr .lp_pr_content-btn01_pc01 {
        color: #FFF;
    }
    .lp_reason_pr .lp_pr_content-btn01_pc02 {
        color: #FFF;
    }
}
.lp_case{
    padding:50px 0 0;
    background-color:#E7E7E7;
}
@media (min-width: 764px) {
    .lp_case{
        padding:7.813vw 0 0;
        position: relative;
    }
}
@media (min-width: 1280px) {
    .lp_case{
        padding:100px 0 0;
    }
}
.lp_case-content{

}
@media (min-width: 764px) {
    .lp_case-content{
        position: relative;
    }
}
.lp_case-title{
    margin-bottom:30px;
    text-align: center;
}
@media (min-width: 764px) {
    .lp_case-title{
        margin-bottom:3.75vw;
    }
}
@media (min-width: 1280px) {
    .lp_case-title{
        margin-bottom:48px;
    }
}
.lp_case-title h2{
    position:relative;
    color:#000;
    font-size:25px;
    font-weight:bold;
    padding-bottom:30px;
    line-height:1em;
}
@media (min-width: 764px) {
    .lp_case-title h2{
        font-size:3.906vw;
        padding-bottom:3.75vw;
    }
}
@media (min-width: 1280px) {
    .lp_case-title h2{
        font-size:50px;
        padding-bottom:48px;
    }
}
.lp_case-title h2:before{
    position:absolute;
    content:"";
    bottom:0;
    left:50%;
    width:58px;
    height:3px;
    background-color:#000;
    transform:translateX(-50%);
}
@media (min-width: 764px) {
    .lp_case-title h2:before{
        width:6.406vw;
        height:0.313vw;
    }
}
@media (min-width: 1280px) {
    .lp_case-title h2:before{
        width:82px;
        height:4px;
    }
}
.lp_case-blockarea{
    position:relative;
}
@media (min-width: 764px) {
    .lp_case-blockarea{
        
    }
}
.lp_case-blockarea .swiper-pagination{
    bottom:50px;
}
@media (min-width: 764px) {
    .lp_case-blockarea .swiper-pagination{
        bottom:7.813vw;
    }
}
@media (min-width: 1280px) {
    .lp_case-blockarea .swiper-pagination{
        bottom:100px;
    }
}
.lp_case-blockarea .swiper-pagination-bullet{
    background-color:#808080;
}
@media (min-width: 764px) {
    .lp_case-blockarea .swiper-pagination-bullet{
        width: 0.938vw;
        height: 0.938vw;
        margin: 0 10px !important;
    }
}
@media (min-width: 1280px) {
    .lp_case-blockarea .swiper-pagination-bullet{
        width: 12px;
        height: 12px;
        margin: 0 10px !important;
    }
}
.lp_case-blockarea .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color:#FFFFFF;
}
.lp_case-blockarea .swiper-button-next{
    width:36px;
    height:36px;
    background-image:url(../img/ico_slide_arrow_r.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    right: 0;
    /* top:320px; */
    top:26.5%;
}
@media (min-width: 764px) {
    .lp_case-blockarea .swiper-button-next{
        width:4.063vw;
        height:4.063vw;
        right:  calc(((100% - 81.25vw) / 2) - 7.813vw);
        top:43%;
    }
}
@media (min-width: 1280px) {
    .lp_case-blockarea .swiper-button-next{
        width:52px;
        height:52px;
        right:  calc(((100% - 1040px) / 2) - 100px);
        top:43%;
    }
}
.lp_case-blockarea .swiper-button-prev{
    width:36px;
    height:36px;
    background-image:url(../img/ico_slide_arrow_l.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    left: 0;
    /* top:320px; */
    top:26.5%;
}
@media (min-width: 764px) {
    .lp_case-blockarea .swiper-button-prev{
        width:4.063vw;
        height:4.063vw;
        left: calc(((100% - 81.25vw) / 2) - 7.813vw);
        top:43%;
    }
}
@media (min-width: 1280px) {
    .lp_case-blockarea .swiper-button-prev{
        width:52px;
        height:52px;
        left: calc(((100% - 1040px) / 2) - 100px);
    }
}
.lp_case-blockarea .swiper-button-next:after,
.lp_case-blockarea .swiper-button-prev:after{
    content: none;
}
.lp_case-block{
    position:relative;
    padding:0 20px;
    height: 100%; /* 親の高さに合わせる */
    padding-bottom:52px;
}
@media (min-width: 764px) {
    .lp_case-block{
        padding:0 1.563vw;
        height: 100%; /* 親の高さに合わせる */
        padding-bottom:7.813vw;
    }
}

@media (min-width: 1280px) {
    .lp_case-block{
        padding:0 20px;
        padding-bottom:100px;
    }
}
.lp_case-block:before{
    position:absolute;
    /* width:calc(100% + 40px); */
    width:100%;
    bottom:0px;
    /* left:-20px; */
    left:0px;
    height:900px;
    background: linear-gradient(-180deg, rgba(0,0,0,0), rgba(0,0,0,1));
    content:"";
    opacity: 0.8;
    z-index: 1;
}
@media (min-width: 764px) {
    .lp_case-block:before{
        height:70.313vw;
    }
}
@media (min-width: 1280px) {
    .lp_case-block:before{
        height:900px;
    }
}
@media (min-width: 764px) {
    .lp_case-block_inner{
        max-width: 81.25vw;
        width: 100%;
        margin: auto;
    }
}
@media (min-width: 1280px) {
    .lp_case-block_inner{
        max-width: 1040px;
    }
}
.lp_case-imageblock{
    margin-bottom:20px;
}
@media (min-width: 764px) {
    .lp_case-imageblock{
        margin-bottom:4.688vw;
        display: flex;
        gap:2.5vw;
    }
}
@media (min-width: 1280px) {
    .lp_case-imageblock{
        margin-bottom:60px;
        gap:32px;
    }
}
.lp_case-imageblock.fadein{
    position:relative;
    z-index: 2;
}
.lp_case-imageblock01{
    margin-bottom:20px;
    position: relative;
}
@media (min-width: 764px) {
    .lp_case-imageblock01{
        width: calc(50% - 1.25vw);
        margin-bottom:0;
    }
}
@media (min-width: 1280px) {
    .lp_case-imageblock01{
        margin-bottom:0;
    }
}
.lp_case-imageblock01 img{
    display:block;
}
.lp_case-imageblock-before{
    position:absolute;
    bottom:12px;
    right:12px;
    width:96px;
    height:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#FFF;
    font-weight:500;
    font-size:12px;
    background-color:#000;
    border-radius:22px;
    font-family: "din-2014", sans-serif;
    letter-spacing: 0.08em;
}
@media (min-width: 764px) {
    .lp_case-imageblock-before{
        bottom:0.938vw;
        right:0.938vw;
        width:7.5vw;
        height:1.719vw;
        font-size:0.938vw;
        border-radius:1.719vw;
    }
}
@media (min-width: 1280px) {
    .lp_case-imageblock-before{
        bottom:12px;
        right:12px;
        width:96px;
        height:22px;
        font-size:12px;
        border-radius:22px;
    }
}
.lp_case-imageblock02{
    position:relative;
    z-index: 2;
}
@media (min-width: 764px) {
    .lp_case-imageblock02{
        width: calc(50% - 1.25vw);
    }
}
@media (min-width: 1280px) {
    .lp_case-imageblock02{
        width: calc(50% - 16px);
    }
}
.lp_case-imageblock02 img{
    display:block;
}
.lp_case-imageblock-after{
    position:absolute;
    bottom:12px;
    left:12px;
    width:96px;
    height:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:500;
    font-size:12px;
    color:#000;
    background-color:#FFF;
    border-radius:22px;
    font-family: "din-2014", sans-serif;
    letter-spacing: 0.08em;
}
@media (min-width: 764px) {
    .lp_case-imageblock-after{
        bottom:0.938vw;
        left:0.938vw;
        width:7.5vw;
        height:1.719vw;
        font-size:0.938vw;
        border-radius:1.719vw;
    }
}
@media (min-width: 1280px) {
    .lp_case-imageblock-after{
        bottom:12px;
        left:12px;
        width:96px;
        height:22px;
        font-size:12px;
        border-radius:22px;
    }
}
.lp_case-imageblock03area{
    position:relative;
    padding-bottom:28px;
}
@media (min-width: 764px) {
    .lp_case-imageblock03area{
        padding-bottom:6.25vw;
    }
}
@media (min-width: 1280px) {
    .lp_case-imageblock03area{
        padding-bottom:80px;
    }
}
.lp_case-imageblock03{
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    position:relative;
}
@media (min-width: 764px) {
    .lp_case-imageblock03{
        border-radius: 1.25vw;
    }
}
@media (min-width: 1280px) {
    .lp_case-imageblock03{
        border-radius: 16px;
    }
}
/* .lp_case-imageblock03.fadein{
    z-index: 1;
} */
.lp_case-imageblock03-text{
    position:absolute;
    bottom:36px;
    left:8px;
    width: calc(100% - 16px);
    z-index: 3;
}
@media (min-width: 764px) {
    .lp_case-imageblock03-text{
        position:absolute;
        bottom:unset;
        left:unset;
        width: 40%;
        z-index: 3;
        right: 0.938vw;
        top:50%;
        transform: translateY(-50%);
    }
    .lp_case-imageblock03-text.fadein.show{
        transform: translateY(calc(-50% - 3.125vw));
    }
}
@media (min-width: 1280px) {
    .lp_case-imageblock03-text{
        right: 12px;
    }
    .lp_case-imageblock03-text.fadein.show{
        transform: translateY(calc(-50% - 40px));
    }
}
.lp_case-imageblock-tag01{
    min-width:96px;
    height:22px;
    padding:0 8px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#000;
    font-weight:500;
    font-size:12px;
    background-color:#fff;
    border-radius:22px;
    letter-spacing: 0.08em;
    margin-bottom:16px;
}
@media (min-width: 764px) {
    .lp_case-imageblock-tag01{
        min-width:11.406vw;
        height:2.031vw;
        padding:0 0.625vw;
        font-size:1.563vw;
        border-radius:1.719vw;
        margin-bottom:0.938vw;
    }
}
@media (min-width: 1280px) {
    .lp_case-imageblock-tag01{
        min-width:146px;
        height:26px;
        padding:0 8px;
        font-size:20px;
        border-radius:22px;
        margin-bottom:12px;
    }
}
.lp_case-imageblock-text01{
    margin-bottom:16px;
    font-size:20px;
    color:#FFF;
    line-height:1.75em;
    letter-spacing: 0.05em;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
}
@media (min-width: 764px) {
    .lp_case-imageblock-text01{
        margin-bottom:0.938vw;
        font-size:1.953vw;
        text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
    }
}
@media (min-width: 1280px) {
    .lp_case-imageblock-text01{
        margin-bottom:12px;
        font-size:25px;
    }
}
.lp_case-imageblock-text02{
    font-size:15px;
    color:#FFF;
    line-height:2em;
    letter-spacing: 0.05em;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
    font-weight:400;
}
@media (min-width: 764px) {
    .lp_case-imageblock-text02{
        font-size:1.563vw;
        text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
    }
}
@media (min-width: 1280px) {
    .lp_case-imageblock-text02{
        font-size:20px;
    }
}
.lp_case_pr{
    background-color:#FFF;
}
.lp_case_pr .lp_pr_content{
    background-color:#FFF;
    padding:35px 20px;
    margin-bottom:0px;
}
@media (min-width: 764px) {
    .lp_case_pr .lp_pr_content{
        padding:6.25vw 0 6.25vw;
        margin: auto;
        margin-bottom:0px;
    }
}
@media (min-width: 1280px) {
    .lp_case_pr .lp_pr_content{
        padding:80px 0 80px;
    }
}
.lp_flow{
    padding:50px 0 50px;
}
@media (min-width: 764px) {
    .lp_flow{
        padding:8.75vw 0 8.75vw;
        background-image:url(../img/flow_bg.png);
        background-size: cover;
        background-position:center;
    }
}
@media (min-width: 1280px) {
    .lp_flow{
        padding:112px 0 112px;
    }
}
.lp_flow-content{

}
.lp_flow-title{
    margin-bottom:30px;
    text-align: center;
}
@media (min-width: 764px) {
    .lp_flow-title{
        margin-bottom:4.844vw;
    }
}
@media (min-width: 1280px) {
    .lp_flow-title{
        margin-bottom:62px;
    }
}
.lp_flow-title h2{
    position:relative;
    color:#000;
    font-size:25px;
    font-weight:bold;
    padding-bottom:30px;
    line-height:1.25em;
}
@media (min-width: 764px) {
    .lp_flow-title h2{
        font-size:3.906vw;
        padding-bottom:4.531vw;
    }
}
@media (min-width: 1280px) {
    .lp_flow-title h2{
        font-size:50px;
        padding-bottom:58px;
    }
}
.lp_flow-title h2:before{
    position:absolute;
    content:"";
    bottom:0;
    left:50%;
    width:58px;
    height:3px;
    background-color:#000;
    transform:translateX(-50%);
}
@media (min-width: 764px) {
    .lp_flow-title h2:before{
        width:6.719vw;
        height:0.313vw;
    }
}
@media (min-width: 1280px) {
    .lp_flow-title h2:before{
        width:86px;
        height:4px;
    }
}
.lp_flow-blockarea{
    display:flex;
    flex-direction: column;
    gap:20px;
    position:relative;
}
@media (min-width: 764px) {
    .lp_flow-blockarea{
        flex-direction: row;
        flex-wrap: wrap;
        gap:4.063vw 2.5vw;
    }
}
@media (min-width: 1280px) {
    .lp_flow-blockarea{
        gap:52px 32px;
    }
}
.lp_flow-blockarea:before{
    position:absolute;
    width:15px;
    height:100%;
    background-color:#F9E6C4;
    content:"";
    top:0;
    left:50%;
    transform: translateX(-50%);
}
@media (min-width: 764px) {
    .lp_flow-blockarea:before{
        content:none;
    }
}
.lp_flow-block{
    background-color:#FFF;
    padding:16px 20px;
    border-radius:8px;
    border-bottom-left-radius:none;
    position: relative;
    z-index: 2;
}
@media (min-width: 764px) {
    .lp_flow-block{
        padding:0.938vw 1.25vw 2.188vw;
        border-radius:0.625vw;
        width: calc(25% - ((2.5vw * 4) / 4));
        position:relative;
    }
    .lp_flow-block:before{
        position:absolute;
        top:50%;
        content:"";
        background-color:#F9E6C4;
        right:-2.5vw;
        width:2.5vw;
        height:1.172vw;
    }
    .lp_flow-block:nth-child(4n):before{
        content:none;
    }
}
@media (min-width: 1280px) {
    .lp_flow-block{
        padding:12px 16px 28px;
        border-radius:8px;
        width: calc(25% - ((32px * 4) / 4));
    }
    .lp_flow-block:before{
        right:-32px;
        width:32px;
        height:15px;
    }
}
.lp_flow-block-titlearea{
    position:relative;
    display:flex;
    align-items:center;
    width:calc(100% + 40px);
    left:-20px;
    margin-bottom:12px;
    gap:26px;
}
@media (min-width: 764px) {
    .lp_flow-block-titlearea{
        width:100%;
        left:unset;
        margin-bottom:1.25vw;
        gap:0.938vw;
        flex-direction: column;
        align-items:flex-start;
    }
}
@media (min-width: 1280px) {
    .lp_flow-block-titlearea{
        margin-bottom:16px;
        gap:12px;
    }
}
.lp_flow-block-step{
    background-color:#DBDBDB;
    position:relative;
    padding:4px 16px;
    text-align: center;
    height: 54px;
    display:flex;
    align-items: center;
    justify-content: center;
    /* flex-wrap:wrap; */
    flex-direction: column;
}
@media (min-width: 764px) {
    .lp_flow-block-step{
        padding:0.313vw 0.938vw;
        height: 4.063vw;
        flex-direction: row;
        left: -1.25vw;
    }
}
@media (min-width: 1280px) {
    .lp_flow-block-step{
        padding:4px 12px;
        height: 52px;
        left: -16px;
    }
}
.lp_flow-block-step:before{
    position:absolute;
    top:0;
    right:-13.5px;
    height:100%;
    width:14px;
    background-color:#DBDBDB;
    content:"";
    clip-path: polygon(0 0, 100% 50%, 0 100%);
}
@media (min-width: 764px) {
    .lp_flow-block-step:before{
        top:0;
        right:-1.055vw;
        height:100%;
        width:1.094vw;
    }
}
@media (min-width: 1280px) {
    .lp_flow-block-step:before{
        right:-13.5px;
        width:14px;
    }
}
.lp_flow-block-step_text{
    font-size:17px;
    font-weight:400;
    font-family: "din-2014", sans-serif;
    line-height: 0.75em;
    text-align: center;
    letter-spacing: 0.1em;
    margin-bottom:4px;
}
@media (min-width: 764px) {
    .lp_flow-block-step_text{
        font-size:1.563vw;
        margin-bottom:0;
    }
}
@media (min-width: 1280px) {
    .lp_flow-block-step_text{
        font-size:20px;
        margin-bottom:0;
    }
}
.lp_flow-block-step_text span{
    line-height: 0.75em;
    letter-spacing: 0.05em;
    font-size:32px;
    position: relative;
    top: 2px;
    margin-left:2px;
}
@media (min-width: 764px) {
    .lp_flow-block-step_text span{
        font-size:2.734vw;
        top: 0.156vw;
        margin-left:0.156vw;
    }
}

@media (min-width: 1280px) {
    .lp_flow-block-step_text span{
        font-size:35px;
        top: 2px;
        margin-left:2px;
    }
}
.lp_flow-block-step_tag{
    height:20px;
    width:47px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background-color:#E21C24;
    border-radius: 30px;
    color:#FFF;
    font-size:12px;
    font-weight:bold;
    line-height:1em;
}
@media (min-width: 764px) {
    .lp_flow-block-step_tag{
        height:2.188vw;
        width:6.719vw;
        border-radius: 2.344vw;
        font-size:1.563vw;
    }
}
@media (min-width: 1280px) {
    .lp_flow-block-step_tag{
        height:28px;
        width:86px;
        border-radius: 30px;
        font-size:20px;
    }
}
.lp_flow-block-title{

}
@media (min-width: 764px) {
    .lp_flow-block-title{
        display: flex;
        align-items: center;
        position: relative;
        width: 100%;
    }
}
.lp_flow-block-title h3{
    font-size:18px;
    font-weight:600;
    color:#000;
    line-height:1.5em;
}
@media (min-width: 764px) {
    .lp_flow-block-title h3{
        font-size:1.953vw;
        line-height:1.25em;
    }
}
@media (min-width: 1280px) {
    .lp_flow-block-title h3{
        font-size:25px;
        line-height:1.25em;
    }
}

.lp_flow-block-title-image{
    position:absolute;
    right:0;
    width:71px;
    top:50%;
    transform:translateY(-50%);
}
@media (min-width: 764px) {
    .lp_flow-block-title-image{
        position:absolute;
        right:0.625vw;
        width:5.547vw;
    }
}
@media (min-width: 1280px) {
    .lp_flow-block-title-image{
        right:8px;
        width:71px;
    }
}
.lp_flow-block06 .lp_flow-block-title-image{
    top:-8px;
    transform:unset;
}
@media (min-width: 764px) {
    .lp_flow-block06 .lp_flow-block-title-image{
        top:50%;
        transform:translateY(-50%);
    }
}
.lp_flow-block-textarea{
    font-size:14px;
    font-weight:400;
    line-height:1.5em;
    letter-spacing: 0.05em;
}
@media (min-width: 764px) {
    .lp_flow-block-textarea{
        font-size:1.563vw;
    }
}
@media (min-width: 1280px) {
    .lp_flow-block-textarea{
        font-size:20px;
    }
}
.lp_area{
    padding:50px 0 250px;
    background-color:#E7E7E7;
    position: relative;
}
@media (min-width: 764px) {
    .lp_area{
        padding:9.375vw 0 27.187vw;
    }
}
@media (min-width: 1280px) {
    .lp_area{
        padding:120px 0 348px;
    }
}
.lp_area-content{
    position: relative;
    z-index: 2;
}

.lp_area-title{
    margin-bottom:30px;
    text-align: center;
}
@media (min-width: 764px) {
    .lp_area-title{
        margin-bottom:10.156vw;
    }
}
@media (min-width: 1280px) {
    .lp_area-title{
        margin-bottom:130px;
    }
}
.lp_area-title h2{
    position:relative;
    color:#000;
    font-size:25px;
    font-weight:bold;
    padding-bottom:30px;
    line-height:1.25em;
}
@media (min-width: 764px) {
    .lp_area-title h2{
        font-size:3.906vw;
        padding-bottom:4.063vw;
    }
}
@media (min-width: 1280px) {
    .lp_area-title h2{
        font-size:50px;
        padding-bottom:52px;
    }
}
.lp_area-title h2:before{
    position:absolute;
    content:"";
    bottom:0;
    left:50%;
    width:58px;
    height:3px;
    background-color:#000;
    transform:translateX(-50%);
}
@media (min-width: 764px) {
    .lp_area-title h2:before{
        width:6.406vw;
        height:0.313vw;
    }
}
@media (min-width: 1280px) {
    .lp_area-title h2:before{
        width:82px;
        height:4px;
    }
}
.lp_area-blockarea{
    display:flex;
    flex-direction: column;
    gap:25px;
}
@media (min-width: 764px) {
    .lp_area-blockarea{
        gap:2.813vw;
    }
}
@media (min-width: 1280px) {
    .lp_area-blockarea{
        gap:36px;
    }
}
.lp_area-block{

}

.lp_area-block dt{
    margin-bottom:12px;
    width:124px;
    height:38px;
    display:inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 38px;
    font-size:18px;
    font-weight: 600;
    color:#FFF;
}
@media (min-width: 764px) {
    .lp_area-block dt{
        margin-bottom:0.938vw;
        width:18.75vw;
        height:3.906vw;
        border-radius: 2.969vw;
        font-size:2.734vw;
    }
}
@media (min-width: 1280px) {
    .lp_area-block dt{
        margin-bottom:12px;
        width:240px;
        height:50px;
        border-radius: 38px;
        font-size:35px;
    }
}
.lp_area-block01 dt{
    background-color:#0D6A8B;
}
.lp_area-block02 dt{
    background-color:#818A4C;
}
.lp_area-block03 dt{
    background-color:#CB6C51;
}
.lp_area-block dd{
    font-size:15px;
    font-weight: 400;
    color:#000;
    line-height:1.75em;
    letter-spacing: 0.1em;
}
.lp_area-note{
    position:relative;
    padding-left:1em;
    font-size:11px;
    font-weight:500;
    letter-spacing: 0em;
    line-height:1.5em;
    z-index: 2;
    margin-top: 20px;
}
.lp_area-note:before{
    content:"※";
    position:absolute;
    top:0;
    left:0;
}
.lp_area-note.sp{
    margin-left: 18px;
}
@media (min-width: 764px) {
    .lp_area-block dd{
        font-size:1.563vw;
    }
}
@media (min-width: 1280px) {
    .lp_area-block dd{
        font-size:20px;
    }
}
.lp_area-image{
    bottom:35px;
    left:0;
    width:100%;
    position: absolute;
}
@media (min-width: 764px) {
    .lp_area-image{
        bottom:7.813vw;
        left:unset;
        right:calc((100vw - 93.75vw) / 2);
        width:68.577vw;
    }
}
@media (min-width: 1280px) {
    .lp_area-image{
        bottom:100px;
        right:calc((100vw - 1200px) / 2);
        width:877.7855px;
    }
}
.lp_area-image img{
    width:100%;
    display: block;
}
.lp_pr{
    background-color: #4D4D4D;
    position: relative;
}
.lp_pr .lp_pr_content{
    background-color: transparent;
    padding: 32px 17px 40px;
    margin-bottom: 0;
}
@media (min-width: 764px) {
    .lp_pr .lp_pr_content{
        padding: 6.25vw 0 6.25vw;
        margin: auto;
        margin-bottom: 0;
    }
}
@media (min-width: 1280px) {
    .lp_pr .lp_pr_content{
        padding: 80px 0 80px;
    }
}
.lp_pr .lp_pr_content-text{
    color: #FFF;
}
.lp_pr .lp_pr_content-text > span > span{
    color: #FFF;
}
.lp_pr .lp_pr_content-text > span:before{
    /* background-color: #FFF; */
    filter: brightness(0) saturate(100%) invert(99%) sepia(99%) saturate(2%) hue-rotate(155deg) brightness(106%) contrast(101%);
}
.lp_pr .lp_pr_content-text > span:after{
    /* background-color: #FFF; */
    filter: brightness(0) saturate(100%) invert(99%) sepia(99%) saturate(2%) hue-rotate(155deg) brightness(106%) contrast(101%);
}
@media (min-width: 764px) {
    .lp_pr .lp_pr_content-btn01_pc01 {
        color: #FFF;
    }
    .lp_pr .lp_pr_content-btn01_pc02 {
        color: #FFF;
    }
}

footer{
    padding:16px 0;
    background-color:#4D4D4D;
}
@media (min-width: 764px) {
    footer{
        padding:6.25vw 0;
    }
}
@media (min-width: 1280px) {
    footer{
        padding:80px 0;
    }
}
.lp_footer-content{
    text-align: center;
}
.lp_footer-content p{
    font-size:13px;
    font-weight:400;
    /* font-family: "din-2014", sans-serif; */
    line-height: 0.75em;
    color:#FFF;
}
@media (min-width: 764px) {
    .lp_footer-content p{
        font-size:1.953vw;
    }
}
@media (min-width: 1280px) {
    .lp_footer-content p{
        font-size:25px;
    }
}

/************************************************************/


.fadein {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.fadein.show {
    opacity: 1;
    transform: translateY(0);
}

  /************************************************************/