@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');

/* CSS Document */
#lp{ color:#333;}

#lp .pink{ color: #d37ca9;}

/*メイン*/
#lp section{ width:100%; margin:0 auto; padding: 60px 0;}
@media screen and (max-width:767px){
#lp section{ padding: 10% 0;}
}

/*tit*/
#lp h1,#lp h2,#lp h3,#lp h4,#lp h5,#lp h6{ line-height: 1.25em; letter-spacing: 0.1em; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;}
h2.tit_h2_lp{ font-size: 2.2rem; text-align: center; border-top: 4px solid #333; border-bottom: 4px solid #333; padding: 0.125em 0.25em 0.25em; margin-bottom: 40px;}
@media screen and (max-width:767px){
h2.tit_h2_lp{ font-size: 1.6em; margin-bottom: 7.5%;}
}


/*btn*/
#lp figure.btn{ margin-top: 40px;}
#lp figure.btn a{ display: flex; align-items: center; justify-content: center; background: #329632; color: #fff; width: 600px; height: 80px; border-radius: 50px; margin: auto; font-size: 2rem; letter-spacing: 0.1em; padding-left: 60px; padding-bottom: 0.25em; font-weight: bold; position: relative; z-index: 1;}
#lp figure.btn a:before{ content: ""; width: 100%; height: 50%; position: absolute; left: 0; right: 0; top: 0; background: rgba(255,255,255,0.1); border-radius: 50px 50px 0 0; z-index: -1;}
#lp figure.btn a i{ position: absolute; left: 10px; top: 50%; transform: translateY(-50%); background: #fff; color: #329632; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 50%;}
@media screen and (max-width:767px){
#lp figure.btn{ margin-top: 5%;}
#lp figure.btn a{ width: 100%; height: 12.5vw; border-radius: 6.25vw; font-size: 1.5rem; letter-spacing: 0em; padding-left: 5vw;}
#lp figure.btn a:before{ border-radius: 6.25vw 6.25vw 0 0;}
#lp figure.btn a i{ left: 2.5vw; width: 7.5vw; height: 7.5vw; font-size: 1.25rem;}
}



/*fv*/
#lp #fv_lp{ background: url("../images/lp/fv.jpg") center center no-repeat; background-size: auto; height: 580px; padding: 0;}
@media screen and (max-width:767px){
#lp #fv_lp{ background: none; height: auto; padding: 0;}
}

#lp #fv_lp_bottom{ background: #D27CA8; color: #fff; padding: 40px 0; position: relative; z-index: 1;}
#lp #fv_lp_bottom:before{ content: ""; width: 100%; height: 8px; position: absolute; left: 0; top: 0; z-index: -1;
background: linear-gradient(135deg,  rgba(175,120,20,1) 0%,rgba(255,245,195,1) 50%,rgba(175,120,20,1) 100%);}
#lp #fv_lp_bottom:after{ content: ""; width: 100%; height: 8px; position: absolute; left: 0; bottom: 0; z-index: -1;
background: linear-gradient(135deg,  rgba(175,120,20,1) 0%,rgba(255,245,195,1) 50%,rgba(175,120,20,1) 100%);}
#lp #fv_lp_bottom .maincontent{ position: relative;}
#lp #fv_lp_bottom ul li.ico01{ position: absolute; left: -240px; bottom: 0; width: 240px;}
#lp #fv_lp_bottom ul li.ico02{ position: absolute; right: -240px; bottom: 0; width: 240px;}
#lp #fv_lp_bottom h3{ text-align: center; background: #fff; color: #D27CA8; line-height: 1em; padding: 0.25em; font-size: 2.4rem; margin-bottom: 10px;}
#lp #fv_lp_bottom p{ text-align: center; font-size: 3rem; line-height: 1.5em; font-weight: bold; margin: 0;}
@media screen and (max-width:767px){
#lp #fv_lp_bottom{ padding: 7.5% 0;}
#lp #fv_lp_bottom:before,
#lp #fv_lp_bottom:after{ height: 1.25vw;}
#lp #fv_lp_bottom ul{ display: flex; width: 80%; margin: 5% auto 0;}
#lp #fv_lp_bottom ul li.ico01{ position: static; width: 50%;}
#lp #fv_lp_bottom ul li.ico02{ position: static; width: 50%;}
#lp #fv_lp_bottom h3{ font-size: 1.75rem; margin-bottom: 1.25%;}
#lp #fv_lp_bottom p{ font-size: 2rem; line-height: 1.5em;}
}



/*lead*/
#lp #lead{ background: url("../images/lp/lead_bg.png") center center fixed; background-size: cover;}
#lp #lead h3{ margin-top: 40px; text-align: center; color: #D27CA8; font-size: 2rem; line-height: 1.5em; border-left: 8px double #D27CA8; border-right: 8px double #D27CA8;}
@media screen and (max-width:767px){
#lp #lead h3{ margin-top: 5%; font-size: 1.25rem; letter-spacing: 0; padding: 0.5em 0.75em; border: 1.25vw double #D27CA8; text-align: justify;}
}



/*support*/
#lp #support{ background: url("../images/lp/purty_wood.png");}
#lp #support .maincontent{ background: #fff; border: 4px solid #D27CA8; padding: 40px; position: relative; box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 2px;}
#lp #support figure.ico{ position: absolute; right: 20px; bottom: 42px;}
#lp #support h2{ text-align: center; background: #D27CA8; color: #fff; border: 8px double #fff; padding: 0.25em; font-size: 2.4rem; line-height: 1.25em; margin-bottom: 20px;}
#lp #support h2 span{ display: block; background: #fff; color: #D27CA8; font-size: 1.4rem; line-height: 1em; padding: 0.25em; margin-bottom: 10px;}
#lp #support ul li{ padding: 0.5em 0.5em 0.5em 1.75em; font-size: 1.5rem; font-weight: bold; line-height: 1.5em; letter-spacing: 0.05em; border-bottom: 4px dotted #d37ca9; position: relative;}
#lp #support ul li:first-child{ border-top: 4px dotted #d37ca9;}
#lp #support ul li span{ position: absolute; left: 0.5em; top: 0.5em;}
#lp #support ul li strong{ display: inline-block; background: #d37ca9; color: #fff; padding: 0 0.5em 0.125em; margin-right: 0.25em;}
@media screen and (max-width:767px){
#lp #support .maincontent{ padding: 2.5% 2.5% 0;}
#lp #support figure.ico{ position: static; margin: 5% auto 0; width: 33.33%;}
#lp #support h2{ border: 1.25vw double #fff; font-size: 1.5rem; letter-spacing: 0.05em; margin-bottom: 5%;}
#lp #support h2 span{ font-size: 1.2rem; margin-bottom: 2.5%;}
#lp #support ul li{ font-size: 1.33rem; letter-spacing: 0em; padding: 0.33em 0.25em 0.33em 1.5em;}
#lp #support ul li span{ position: absolute; left: 0.33em; top: 0.25em;}
#lp #support ul li strong{  margin: 0.125em;}
}



/*prof*/
#lp #prof{ background: #D27CA8; color: #fff; position: relative; z-index: 1;}
#lp #prof:before{ content: ""; width: 100%; height: 8px; position: absolute; left: 0; top: 0; z-index: -1;
background: linear-gradient(135deg,  rgba(175,120,20,1) 0%,rgba(255,245,195,1) 50%,rgba(175,120,20,1) 100%);}
#lp #prof dl{ display: flex; align-items: center;}
#lp #prof dl dt{ width: calc(100% - 280px);}
#lp #prof dl dd{ width: 280px;}
#lp #prof dl dt p{ font-size: 1.4rem; letter-spacing: 0.1em; font-weight: bold; text-align: justify;}
#lp #prof dl dt p strong{ font-size: 1.8rem; color: #FAF078;}
@media screen and (max-width:767px){
#lp #prof:before{ height: 1.25vw;}
#lp #prof dl{ display: block;}
#lp #prof dl dt{ width: 100%;}
#lp #prof dl dd{ width: 50%; margin: 5% auto 0;}
#lp #prof dl dt p{ font-size: 1.2rem; letter-spacing: 0;}
#lp #prof dl dt p strong{ font-size: 1.4rem;}
}



/*feature*/
#lp #feature{ background: url("../images/lp/feature_bg.jpg") center center fixed; background-size: cover; position: relative; z-index: 1;}
#lp #feature:before{ content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.6); position: absolute; left: 0; top: 0; z-index: -1;}
#lp #feature .maincontent{ background: #fff; padding: 40px; box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 2px;}
#lp #feature h3{ background: #d37ca9; color: #fff; border: 8px double #fff; padding: 0.25em 0; text-align: center; font-size: 2.4rem; margin-bottom: 20px;}
#lp #feature .feature_list dl{ display: flex; justify-content: space-between; margin: 40px auto;}
#lp #feature .feature_list dl dt{ width: 240px;}
#lp #feature .feature_list dl dt figure{ position: relative; z-index: 1;}
#lp #feature .feature_list dl dt figure:before{ content: ""; width: 100%; height: 100%; background: #d37ca9; position: absolute; left: 0; top: 0; z-index: -1; transform: rotate(5deg);}
#lp #feature .feature_list dl dd{ width: 640px;}
#lp #feature .feature_list dl:nth-child(2n){ flex-direction: row-reverse;}
#lp #feature .feature_list dl dd h4{ border: 2px solid #d37ca9; padding: 0.25em; text-align: center; font-size: 1.8rem; color: #d37ca9; margin-bottom: 10px;}
#lp #feature .feature_list dl dd p{ font-size: 1.2rem; line-height: 1.5em; font-weight: bold;}
@media screen and (max-width:767px){
#lp #feature .maincontent{ padding: 2.5% 2.5% 5%;}
#lp #feature h3{ border: 1.25vw double #fff; font-size: 2rem;}
#lp #feature .feature_list dl{ display: block; margin: 10% auto;}
#lp #feature .feature_list dl dt{ width: 100%; margin-bottom: 5%;}
#lp #feature .feature_list dl dt figure{ width: 60%;}
#lp #feature .feature_list dl dd{ width: 100%;}
#lp #feature .feature_list dl dd h4{ font-size: 1.5rem; margin-bottom: 2.5%;}
#lp #feature .feature_list dl dd p{ font-size: 1rem;}
#lp #feature .maincontent figure.btn{ margin: 5% 2.5% 0;}
}



/*trouble*/
#lp #trouble{ background: url("../images/lp/trouble_bg.jpg") center center no-repeat; background-size: cover;}
#lp #trouble p strong{ color: #326496;}
#lp #trouble ul{ border: 8px solid #326496; background: #fff; padding: 20px; margin: 40px auto; position: relative;}
#lp #trouble ul figure.ill{ position: absolute; right: 40px; bottom: 20px;}
#lp #trouble ul li{ padding: 0.5em 0.5em 0.5em 1.75em; font-size: 1.25rem; font-weight: bold; line-height: 1.5em; letter-spacing: 0.05em; border-bottom: 4px dotted #326496; position: relative;}
#lp #trouble ul li:first-child{ border-top: 4px dotted #326496;}
#lp #trouble ul li span{ position: absolute; left: 0.5em; top: 0.5em;}
#lp #trouble ul li strong{ display: inline-block; background: #326496; color: #fff; padding: 0 0.5em 0.125em; margin-right: 0.25em;}
@media screen and (max-width:767px){
#lp #trouble ul{ border-width: 1.25vw; padding: 2.5%; margin: 5% auto 7.5%;}
#lp #trouble ul figure.ill{ position: static; margin-top: 5%;}
#lp #trouble ul figure.ill img{ width: 33.33%;}
#lp #trouble ul li{ font-size: 1.25rem; letter-spacing: 0em; padding: 0.33em 0.25em 0.33em 1.5em;}
#lp #trouble ul li span{ position: absolute; left: 0.33em; top: 0.25em;}
#lp #trouble ul li strong{ margin: 0.125em;}
}



/*merit*/
#merit{ background: url("../images/lp/merit_bg.jpg") center center fixed; background-size: cover; position: relative; z-index: 1;}
#merit:before{ content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; z-index: -1;}
#merit .maincontent{ background: rgba(255,255,255,0.9); border-radius: 40px; padding: 40px}
#merit .maincontent p{ font-size: 0.9rem;}
@media screen and (max-width:767px){
#merit .maincontent{ border-radius: 1.25vw; padding: 5%;}
#merit .maincontent p{ font-size: 0.9rem; text-align: justify;}
}



/*flow*/
#lp #flow{ background: #d37ca9;}
#lp #flow h2.tit_h2_lp{ color: #fff; border-color: #fff;}
#lp #flow .step{ background: #fff; padding: 40px; box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 2px;}
#lp #flow .step ul li dl{ display: flex; padding: 20px 0; border-bottom: 4px dotted #d37ca9;}
#lp #flow .step ul li:first-child dl{ border-top: 4px dotted #d37ca9;}
#lp #flow .step ul li dl dt{ display: flex; align-items: center; justify-content: center; background: #d37ca9; color: #fff; font-size: 1.5rem; font-weight: bold; width: 5em; min-height: 2.5em;}
#lp #flow .step ul li dl dd{ display: flex; align-items: center; justify-content: space-between; width: calc(100% - 8rem); margin-left: 1rem; font-size: 1.2rem; font-weight: bold; line-height: 1.5em;}
#lp #flow .step ul li dl dd p{ width: calc(100% - 160px); line-height: 1.5em; letter-spacing: 0.1em;}
#lp #flow .step ul li dl dd p a{ color: #d37ca9; text-decoration: underline;}
#lp #flow .step ul li dl dd p a:hover{ text-decoration: none;}
#lp #flow .step ul li dl dd figure{ width: 160px;}
@media screen and (max-width:767px){
#lp #flow .step{ padding: 5% 2.5%;}
#lp #flow .step ul li dl{ display: block; padding: 2.5%;}
#lp #flow .step ul li dl dt{ font-size: 1.25rem; width: 100%; min-height: 1.25em;}
#lp #flow .step ul li dl dd{ display: block; width: auto; margin: 2.5%; font-size: 0.9rem; text-align: justify;}
#lp #flow .step ul li dl dd p{ width: 100%; letter-spacing: 0;}
#lp #flow .step ul li dl dd figure{ width: 100%; margin-top: 5%;}
#lp #flow .step ul li dl dd figure img{ width: 33.33%;}
}



/*voice*/
#lp #voice{ background: url("../images/lp/old_mathematics.png");}
#lp #voice h2.tit_h2_lp{ color: #d37ca9; border-color: #d37ca9;}
#lp #voice ul li{ margin: 40px 120px 0 0; background: #d37ca9; border: 8px double #fff;}
#lp #voice ul li:nth-child(2n){ margin: 40px 0 0 120px;}
#lp #voice ul li dl{ display: flex; align-items: center; padding: 20px;}
#lp #voice ul li dl dt{ width: 140px; margin-right: 20px;}
#lp #voice ul li dl dt img{ border-radius: 50%;}
#lp #voice ul li dl dd{ width: calc(100% - 160px);}
#lp #voice ul li dl dd p{ color: #fff; line-height: 1.5em;}
@media screen and (max-width:767px){
#lp #voice ul li{ margin: 5% auto 0; border: 1.25vw double #fff;}
#lp #voice ul li:nth-child(2n){ margin: 5% auto;}
#lp #voice ul li dl{ display: block; padding: 5%;}
#lp #voice ul li dl dt{ width: 33.33%; margin: 0 auto 5%;}
#lp #voice ul li dl dd{ width: 100%;}
#lp #voice ul li dl dd p{ font-size: 0.9rem; text-align: justify;}
}


/*staff*/
#lp #staff{ background: url("../images/lp/pink_rice.png");}
#lp #staff h2.tit_h2_lp{ color: #d37ca9; border-color: #d37ca9;}
#lp #staff ul{ display: flex; width: calc(100% + 40px); margin-left: -20px;}
#lp #staff ul li{ width: calc(50% - 40px); margin: 0 20px;}
#lp #staff ul li figure{ width: 320px; position: relative; z-index: 1;}
#lp #staff ul li figure:before{ content: ""; width: 100%; height: 100%; background: #d37ca9; position: absolute; left: 0; top: 0; z-index: -1; transform: rotate(90deg);}
#lp #staff ul li figure img{ padding:8px; background:#fff; box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 2px;}
#lp #staff ul li h3{ background: #d37ca9; color: #fff; display: flex; align-items: center; justify-content: center; padding: 10px; margin: 20px auto 0;}
#lp #staff ul li h3 span{ font-size: 1rem;}
#lp #staff ul li h3 strong{ font-size: 1.25rem; margin-left: 1em;}
#lp #staff ul li h4{ border: 2px solid #d37ca9; border-top: none; background: #fff; text-align: center; font-size: 0.9rem; padding: 5px; margin: 0 auto 20px;}
#lp #staff ul li p{ background: #fff; padding: 1em; line-height: 1.5em;}
@media screen and (max-width:767px){
#lp #staff ul{ display: block; width: 100%; margin-left: 0;}
#lp #staff ul li{ width: 100%; margin: 7.5% auto 0;}
#lp #staff ul li figure{ width: 40vw;}
#lp #staff ul li figure img{ width: 100%; padding: 1.25vw;}
#lp #staff ul li h3{ padding: 2.5%; margin: 2.5% auto 0;}
#lp #staff ul li h3 span{ font-size: 0.9rem;}
#lp #staff ul li h3 strong{ font-size: 1.2rem;}
#lp #staff ul li h4{ padding: 1.25%; margin: 0 auto 2.5%;}
#lp #staff ul li p{ font-size: 0.9rem; text-align: justify;}
}



/*price*/
#lp #price{ background: url("../images/lp/diamond_upholstery.png");}
#lp #price h2.tit_h2_lp{ color: #d37ca9; border-color: #d37ca9;}

#lp #price #price_list{ margin: 40px auto;}
#lp #price #price_list ul li{ margin: 40px auto 0;}
#lp #price #price_list ul li dl dt{ font-size: 2rem; background: #cf7daa; color: #fff; padding: 0.25em 0.25em 0.25em 2em; display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 1;}
#lp #price #price_list ul li dl dt:before{ content: ""; width: 100%; height: 50%; background: rgba(255,255,255,0.1); position: absolute; left: 0; right: 0; top: 0; z-index: -1;}
#lp #price #price_list ul li dl dt i{ color: #fff; position: absolute; left: 0.5em; top: 50%; transform: translateY(-50%); z-index: 5;}
#lp #price #price_list ul li dl dt strong{ color: #fff; font-size: 110%;}
#lp #price #price_list ul li dl dt span{ background: #fff; color: #cf7daa; font-weight: bold; padding: 0.125em 0.75em; margin-left: 2em;}
#lp #price #price_list dl dd{ border: 8px double #cf7daa; background: #fff; padding: 1em; display: flex; align-items: center; justify-content: space-between;}
#lp #price #price_list dl dd p{ width: calc(100% - 150px); font-size: 1.1rem; margin: 0;}
#lp #price #price_list dl dd figure.rank{ width: 150px;}
@media screen and (max-width:767px){
#lp #price #price_list{ margin: 7.5% auto;}
#lp #price #price_list ul li{ margin: 7.5% auto 0;}
#lp #price #price_list ul li dl dt{ font-size: 1.5rem; display: block; padding: 0.125em 0.5em 0.5em; text-align: center;}
#lp #price #price_list ul li dl dt:before{ height: 40%;}
#lp #price #price_list ul li dl dt i{ position: static; line-height: 1em; transform: none; margin: 0 auto;}
#lp #price #price_list ul li dl dt strong{ display: block; margin-bottom: 2.5%;}
#lp #price #price_list ul li dl dt span{ display: block; margin: 0; padding: 0.125em;}
#lp #price #price_list dl dd{ border: 1.25vw double #cf7daa; background: #fff; padding: 1em; display: block;}
#lp #price #price_list dl dd p{ width: 100%; font-size: 1rem;}
#lp #price #price_list dl dd figure.rank{ width: 100%; margin-top: 5%;}
#lp #price #price_list dl dd figure.rank img{ width: 33.33%;}
}

#lp #price .att{ margin-top: 40px;}
#lp #price .att ul li{ padding: 0.25em 0.25em 0.25em 1.5em; border-bottom: 1px dotted #3c281e; font-size: 0.8rem; position: relative;}
#lp #price .att ul li:first-child{ border-top: 1px dotted #3c281e;}
#lp #price .att ul li:before{ content: "＊"; position: absolute; left: 0.25em; top: 0.25em;}
@media screen and (max-width:767px){
#lp #price .att{ margin-top: 7.5%;}
#lp #price .att ul li{ font-size: 0.7rem;}
}



/*qa*/
#lp #qa h2.tit_h2_lp{ color: #d37ca9; border-color: #d37ca9;}
#lp #qa .qa_list dl{ margin: 40px auto;}
#lp #qa .qa_list dl dt{ background: #d37ca9; color: #fff; font-size: 1.5rem; font-weight: bold; line-height: 1.25em; padding: 0.25em 2em 0.33em 2.5em; position: relative; cursor: pointer;}
#lp #qa .qa_list dl dt span{ position: absolute; left: 0.75em; top: 0.25em;}
#lp #qa .qa_list dl dt i{ position: absolute; right: 0.75em; top: 50%; transform: translateY(-50%) rotate(0); transition: 0.3s;}
#lp #qa .qa_list dl dd{ background: #efe1e1; padding: 20px; display: none;}
#lp #qa .qa_list dl dd p{ line-height: 1.5em;}
#lp #qa .qa_list dl dt.active i{ transform: translateY(-50%) rotate(45deg);}
#lp #qa .qa_list dl dd.active{ display: block;}
@media screen and (max-width:767px){
#lp #qa .qa_list dl{ margin: 5% auto;}
#lp #qa .qa_list dl dt{ font-size: 1rem;}
#lp #qa .qa_list dl dd{ padding: 2.5% 5%;}
#lp #qa .qa_list dl dd p{ font-size: 0.9rem;}
}



/*company*/
#lp #company{ background: url("../images/lp/company_bg.jpg") center center no-repeat; background-size: cover; position: relative; z-index: 1;}
#lp #company:before{ content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; z-index: -1;}
#lp #company .maincontent{ background: rgba(255,255,255,0.9); border-radius: 40px; padding: 40px;}
#lp #company table{ border-collapse: separate; border-spacing: 0.5em; font-size: 1.2rem; font-weight: bold; margin: auto;}
#lp #company table th{ text-align: right;}
@media screen and (max-width:767px){
#lp #company .maincontent{ border-radius: 1.25vw; padding: 5%;}
#lp #company h2.tit_h2_lp{ margin-bottom: 5%;}
#lp #company table{ width: 100%; font-size: 1rem; border-spacing: 0 0.5em;}
#lp #company table th{ width: 5.5em;}
#lp #company table td{ font-size: 0.9rem;}
}





/*cv*/
#lp .cv{ background: #329632; position: relative; z-index: 1;}
#lp .cv:before{ content: ""; width: 100%; height: 8px; position: absolute; left: 0; top: 0; z-index: -1;
background: linear-gradient(135deg,  rgba(175,120,20,1) 0%,rgba(255,245,195,1) 50%,rgba(175,120,20,1) 100%);}
#lp .cv:after{ content: ""; width: 100%; height: 8px; position: absolute; left: 0; bottom: 0; z-index: -1;
background: linear-gradient(135deg,  rgba(175,120,20,1) 0%,rgba(255,245,195,1) 50%,rgba(175,120,20,1) 100%);}
#lp .cv h2{ color: #fff; border-color: #fff;}
#lp .cv ul{ display: flex; align-items: center; justify-content: center;}
#lp .cv ul li{ width: calc(50% - 40px); margin: 0 20px;}
#lp .cv ul li a{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100px; background: #fff; color: #329632; font-size: 2rem; font-weight: 900; line-height: 1em; border-radius: 100px; position: relative; padding-left: 1em;}
#lp .cv ul li a i{ line-height: 1em; position: absolute; left: 1em; top: 50%; transform: translateY(-50%);}
@media screen and (max-width:767px){
#lp .cv:before,
#lp .cv:after{ height: 1.25vw;}
#lp .cv ul{ display: block;}
#lp .cv ul li{ width: 100%; margin: 5% auto 0;}
#lp .cv ul li a{ height: 15vw; font-size: 1.8rem; border-radius: 15vw;}
}





@media print, screen and (min-width:768px){
.smp{ display:none !important;}
}
@media screen and (max-width:767px){
.pc{ display:none !important;}
}