@charset "UTF-8";

.why_repronizer_hairbeauron h1,
.why_repronizer_hairbeauron h2,
.why_repronizer_hairbeauron h3,
.why_repronizer_hairbeauron h4,
.why_repronizer_hairbeauron h5,
.why_repronizer_hairbeauron p,
.why_repronizer_hairbeauron a{
letter-spacing: 0.1em;
line-height: 1.7;
}

.why_repronizer_hairbeauron a:hover{
opacity: 1;
}

.sp_br{
display: none;
}

.tb_br{
display: none;
}
.nowrap{
white-space: nowrap;
}

@media (max-width: 600px) {
.sp_br {
display: inline; 
}

.sp_none{
display: none;
}

}

@media (max-width: 1000px) {
.tb_br {
display: inline; 
}

.tb_none{
display: none;
}
}

.bg_gray{ background-color: #151515;}

article.why_repronizer_hairbeauron{
background-color: #060607;
width: 100%;
}

.font_FTP{
color: #E3C595;
font-family: "fot-tsukuaoldmin-pr6n", sans-serif;
}

.font_CG{
font-family: "Cormorant Garamond", serif;
}

.font_UG{
font-family: "Yu Gothic", "YuGothic", sans-serif;
}

.txt_gold{
color: #E3C595;
}

.txt_white{
color: #fff;
}

  /* xxs: 1rem;
  xs: min(max(1rem, calc(1rem + ((1vw - 0.48rem) * 0.3846))), 1.2rem); */
  .txt_s{font-size: min(max(1.2rem, calc(1.2rem + ((1vw - 0.48rem) * 0.3846))), 1.4rem);}
  .txt_m{font-size: min(max(1.4rem, calc(1.4rem + ((1vw - 0.48rem) * 0.3846))), 1.6rem);}
  .txt_ml{font-size: min(max(1.8rem, calc(1.8rem + ((1vw - 0.48rem) * 0.3846))), 2rem);}
  .txt_l{font-size: min(max(2.2rem, calc(2.2rem + ((1vw - 0.48rem) * 0.3846))), 2.4rem);}
  .txt_xl{font-size: min(max(2.4rem, calc(2.4rem + ((1vw - 0.48rem) * 0.3846))), 2.6rem);}


.lp_header{
position: relative;
display: flex;
padding: 4rem 6rem;
justify-content: space-between;
}

.lp_header_left{
display: flex;
align-items: center;
margin: auto 0;
}

.brand_logo01{
max-width: 20rem;
width: 100%;
height: auto;
align-self: flex-start;
}

.lp_header_right{
max-width: 19rem;
}

.lp_button01{
background: linear-gradient(to bottom, #B4ADA2, #9C6206);
box-sizing: border-box;
}

.lp_button01 a{
max-width: 22rem;
height: 5.5rem;
position: relative;
padding: 1em 3em;
display: flex;
align-items: center;
justify-content: center;
line-height: 1.7;
letter-spacing: 0.05em;
white-space: nowrap;
color: #fff;
font-family: "Yu Gothic", "YuGothic", sans-serif;
text-decoration: none;
cursor: pointer;
}

.lp_button01 a::before{
position: absolute;
top: -0.2rem;
right: 1.7rem;
bottom: 0;
margin: auto;
padding: 0;
width: 0.8rem;
height: 0.8rem;
display: block;
border: solid 0.2rem #fff;
border-width: 0.2rem 0.2rem 0 0;
transform: rotate(45deg);
content: "";
transition: transform 0.3s ease;
}

.lp_button01 a:hover::before{
transform: translateX(5px) rotate(45deg);
}

@media (max-width: 600px) {
.lp_header{
padding: 4rem 2rem;
}

.lp_button01 a{
padding: 1em 2em;
}

}

.main_inner{
padding: 2rem 1rem 16rem 1rem ;
}

.main_view{
padding: 50rem 0 10rem;
position: relative;
}

.main_view hgroup{
position: absolute;
margin: 0 auto;
bottom: 1rem;
z-index: 5;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
width: 100%;
text-align: center;
color: #E3C595;
}

.why_repronizer_hairbeauron .main_view hgroup h1{
line-height: 1.2;
letter-spacing: -6px;
font-size: 5.5rem;
font-style: italic;
text-decoration: underline;
text-decoration-color: #606060;
text-decoration-thickness: 1px;
text-underline-offset: 8px;
text-shadow: 1px 1px #606060;
color: #fff;
}

.main_txt_xl{ 
font-size: 6.5rem;
}

.why_repronizer_hairbeauron .main_view hgroup p{
font-size: 2rem;
padding-top: 4rem;
line-height: 0.5;
letter-spacing: 2em;
text-indent: 2em;
font-weight: 100;
color: #E3C595;
}

.main_bg_box{
width: 98%;
position: absolute;
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
top: 0;
}

.bg_left{
display: flex;
flex-direction: row-reverse;
justify-content: flex-start;
gap: 2rem;
}

.bg_left img{
max-width: 6rem;
height: auto;
z-index: 1;
margin-bottom: auto;
}

.bg_right{
display: flex;
}

.bg_right img{
max-width: 16rem;
height: auto;
z-index: 1;
margin-bottom: auto;
}

.main_img01{
position: absolute;
top: -4rem;
right: 6%;
width: 76%;
height: auto;
z-index: 3;
}

.main_img02{
position: absolute;
top: 10rem;
left: 13%;
width: 50%;
height: auto;
z-index: 4;
}

@media (max-width: 1000px){
.sp_txt_xl{
font-size: 8.5rem;
}

.sp_txt_l{
font-size: 6rem;
}

.sp_txt_ml{
font-size: 5.5rem;
}

.sp_txt_m{
font-size: 4.5rem;
}
.sp_txt_s{
font-size: 3.6rem;
}

.sp_txt_xs{
font-size: 3.0rem;
}

.sp_txt_xxs{
font-size: 2.0rem;
}

.main_inner{
padding: 2rem 1rem 7rem 1rem;
}

.main_img01{
top: 0;
right: 1%;
width: 80%;
}

.main_img02{
top: 25%;
left: 8%;
width: 65%;
}

}

@media (max-width: 767px) {

.main_img01{
top: 0;
right: 1%;
width: 80%;
}

.main_img02{
top: 23%;
left: 15%;
width: 60%;
}

.why_repronizer_hairbeauron .main_view hgroup p{
padding-top: 3rem;
}

}

@media (max-width: 600px) {

.main_img01{
top: 0;
right: 0;
width: 95%;
}

.main_img02{
transform: rotate(5deg);

left: 7%;
width: 66%;
}

.why_repronizer_hairbeauron .main_view hgroup p{
letter-spacing: 1.4em;
text-indent: 1.4em;
}



}

@media (max-width: 500px){
.main_img02{
top: 20%;
}

.why_repronizer_hairbeauron .main_view hgroup p{
letter-spacing: 1.2em;
}

}


.question .bg_gray{
position: relative;
}

.question_inner{
padding: 10rem;
text-align: center;
}

.question hgroup h2{
font-size: 4rem;
}

/* .question hgroup p{
padding-top: 2rem;
} */

.question_inner > p{
letter-spacing: 0.1em;
}

.question_inner > p .txt_gold{
font-size: 3rem;
}

.subtitle_item{
display: flex;
align-items: center;
justify-content: center;
}

.subtitle_item::before,
.subtitle_item::after{
border-top: 1px solid #E3C595;
content: "";
width: 6rem;
}

.subtitle_item::before{
margin-right: 1rem;
}

.subtitle_item::after{
margin-left: 1rem;
}

.question p.read{
padding-top: 4rem;
font-size: 1.6rem;
}

ul.section02_box{
padding: 5rem 0;
display: flex;
justify-content: center;
width: 100%;
gap: 3rem;
}

ul.section02_box h2,
ul.section02_box p{
color: #E3C595;
font-size: 1.8rem;
}


ul.section02_box li{
position: relative;
width: calc(100% / 3 - 2rem);
max-width: 20rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
aspect-ratio: 1 / 1;  
gap: 1rem;
}

ul.section02_box li img{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: 20rem;
  aspect-ratio: 1 / 1;
}

ul.section02_box li p.why{
font-style: italic;
text-decoration: underline;
text-decoration-color: #E3C595;
text-decoration-thickness: 1px;
text-underline-offset: 5px;
font-size: 2.3rem;
}

.question img.left{
max-width: 40rem;
height: auto;
z-index: 1;
position: absolute;
top: 0;
left: 0;
}

.question img.right{
position: absolute;
bottom: 0;
right: 0;
max-width: 40rem;
height: auto;
z-index: 1;
}

@media (max-width: 1000px){

.question_inner{
padding: 10rem 5rem;
}

.subtitle_item{
padding-top: 1rem;
}

ul.section02_box li p.why{
padding: 0;
}

ul.section02_box h2, ul.section02_box p{
font-size: 1.6rem;
}

}

@media (max-width: 767px){

.question_inner{
padding: 10rem 1rem;
}

.subtitle_item::before, .subtitle_item::after{
width: 1rem;
}

p.subtitle_item{
font-size: min(max(1.8rem, calc(1.8rem + ((1vw - 0.48rem) * 0.3846))), 2rem);
}

ul.section02_box {
display: grid;
grid-template-columns: repeat(2, 1fr);
justify-items: center;
align-items: center;
gap:0;
padding: 3rem 1rem;
}

ul.section02_box li {
width: 100%;
max-width: 20rem;
}
ul.section02_box li img {
max-width: 20rem;
}

ul.section02_box li:nth-child(1) {
grid-column: 1 / -1;
margin-bottom: -3rem;
z-index: 1;
}

ul.section02_box li:nth-child(2) {
justify-self: end;
margin-right: -0.5rem;
z-index: 1;
}

ul.section02_box li:nth-child(3) {
justify-self: start;
margin-left: -0.5rem;
}

.question img.left,
.question img.right{
max-width: 30rem;
}

}

@media (max-width: 450px){
ul.section02_box li {
width: 100%;
max-width: 16rem;
}
ul.section02_box li img {
max-width: 16rem;
}
}


.register{
text-align: center;
position: relative;
}

.register_inner {
margin: 10rem 5rem;
border: 1px solid #E3C595;
display: flex;
overflow: hidden;
}

.register_box{
position: relative;
z-index: 1;
width: 100%;
height: 100%;
align-self: stretch;
}

.register_box_inner{
padding: 3rem;
}

.register_bg_box{
position: absolute;
top: 0;

width: 100%;
height: 100%;

display: block;

z-index: -1;
background-color: #fff;
}

.register img{
width: 100%;
height: 100%;
object-fit: cover;
}

.register h3.font_CG{
font-weight: 100;
color: #E3C595;
padding-top: 5rem;
}

.under_border{
padding-bottom: 1.5rem;
position: relative;
}

.under_border::after{
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 5rem;
height: 1px;
background-color: #E3C595;
}

p.catch{
font-size: 3.5rem;
padding-top: 3rem;
line-height: 1.4;
}

.register p.read{
color: #fff;
padding-top: 4rem;
font-family: "Yu Gothic", "YuGothic", sans-serif;
line-height: 1.7;
}

.lp_button02{
background: linear-gradient(to bottom, #B4ADA2, #9C6206);
box-sizing: border-box;
max-width: 35rem;
margin: 5rem auto 6rem;
}

.lp_button02 a{
height: 8rem;
position: relative;
display: flex;
align-items: center;
justify-content: center;
line-height: 1.7;
letter-spacing: 0.05em;
white-space: nowrap;
font-size: 1.6rem;
color: #fff;
font-family: "Yu Gothic", "YuGothic", sans-serif;
text-decoration: none;
}

.lp_button02 a::before{
position: absolute;
top: -0.2rem;
right: 3.5rem;
bottom: 0;
margin: auto;
padding: 0;
width: 0.8rem;
height: 0.8rem;
display: block;
border: solid 0.2rem #fff;
border-width: 0.2rem 0.2rem 0 0;
transform: rotate(45deg);
content: "";
cursor: pointer;
transition: transform 0.3s ease;
}

.lp_button02 a:hover::before{
transform: translateX(5px) rotate(45deg);
}

.lp_footer .lp_button02{
margin: 0 auto 6rem;
}

@media (max-width: 600px){

.register_inner {
margin: 10rem 1rem;
}

.register_box_inner{
padding: 2rem;
}

.lp_button02 a::before{
right: 2.5rem;
}

.lp_button02 a{
font-size: 1.4rem;
height: 7rem;
}

}



/* section_stories */

.section_stories h2{
font-size: 8rem;
text-align: center;
padding-bottom: 2rem;
font-style: italic;
font-weight: 100;
letter-spacing: 0;
}

.section_stories > p{
text-align: center;
padding-top: 2rem;
letter-spacing: 0.1em;
}

.mv_box{
padding: 10rem 0 3rem;
display: flex;
gap: 2rem;
}

.box_item_mv{
margin: auto;
aspect-ratio: 16 / 9;
height: auto;
width: 55%;

}

.box_item_mv .image{
display: block;
overflow: hidden;
border: 1px solid #606060;
line-height: 0;
}

.box_item_mv img.thumbnail{
display: block;
width: 100%;
height: auto;
transform: scale(1);
transition: transform 0.4s ease;
will-change: transform;
}

.box_item_mv a.popup-iframe:hover img.thumbnail,
.box_item_mv a.popup-iframe:focus-visible img.thumbnail {
transform: scale(1.05);
opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
.box_item_mv img.thumbnail {
transition: none;
}
.box_item_mv a.popup-iframe:hover img.thumbnail,
.box_item_mv a.popup-iframe:focus-visible img.thumbnail {
transform: none;
}
}

.section_stories a.popup-iframe{
position: relative;
display: block;
}

.mv_button{
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 4rem;
height: 4rem;
position: absolute;
z-index: 1;
}



.comingsoon_txt{
display: flex;
justify-content: center;
align-items: center;
}

.comingsoon_txt p{
display: flex;
width: 100%;
max-width: 47rem;
height: 12rem;
font-size: 3rem;
text-align: center;
margin: 2rem 10rem 0;
border: 1px solid #606060;
justify-content: center;
align-items: center;
font-style: italic;
}

iframe{
aspect-ratio: 16 / 9;
width: 100%;
height: auto;
}

.box_item_caption{
width: calc(45% - 1rem);
padding: 2rem 0 2rem 2rem ;
}

.box_item_caption_left{
padding: 2rem  2rem 2rem 0;
}

.box_item_caption h3{
font-size: 3rem;
letter-spacing: 0;
font-weight: 100;
}

.box_item_caption .mv_num > p{
font-size: 2rem;
}

.mv_text_box{
padding: 2rem 2rem 0 0;
}

.mv_text_box_left{
padding: 2rem 0 0 4rem;
}

.mv_text_box p{
padding-top: 2rem;
}

.mv_num{
display: flex;
overflow: hidden;
gap: 1rem;
}

.mv_num_left{
flex-direction: row-reverse;
}

.right_line,
.left_line{
position: relative;
color: #E3C595;
display: flex;
align-items: center;
}

.right_line::after{
display: flex;
align-items: center;
position: absolute;
content: "";
left: 0.5rem;
border-top: 1px solid #E3C595;
width: 31rem;
}

.left_line::before{
display: flex;
align-items: center;
position: absolute;
content: "";
right: 0.5rem;
border-top: 1px solid #E3C595;
width: 31rem;
}

.section_stories .product_inner{
text-align: center;
padding-top: 5rem;
}

.section_stories .product_inner h3,
.technology_inner h3{
font-weight: 100;
color: #E3C595;
padding: 5rem auto 2rem;
}

ul.product_ul{
padding: 3rem 5rem;
display: flex;
justify-content: center;
gap: 2rem;
flex-wrap: wrap;
}

.product_list{
width: calc((100% - 4rem) / 3);
}

.product_list img{
width: 100%;
padding: 4rem 2rem;
}

.product_inner .product_name{
padding-bottom: 2rem;
border-bottom: 2px solid #606060;
}

.product_inner .product_name p{
padding-top: 2rem ;
}

.product_inner .product_name p.font_UG{
min-height: 5em;
}

.product_box > .dl_inner{
padding-top: 1rem;
text-align: left;
justify-content: center;
display: flex;
}

.dl_inner dt{
padding-top: 2rem;
}

.dl_inner dd{
padding-top: 1rem;
}

.technology{
position: relative;
overflow: hidden;
}

.technology > img{
position: absolute;
width: 100%;
height: auto;
top: 0;
right: 0;
}

.technology_inner{
padding: 5rem;
position: relative;
z-index: 1;
}

.technology_inner h3{
text-align: center;
}

.tech_box{
display: flex;
gap: 2rem;
padding: 3rem 0;
height: auto;
}

.tech_item h4{
font-size: 3.5rem;
}

.tech_item p{
padding-top: 3rem;
}

.tech_item{
width: 100%;
height: 100%;
}

@media (max-width: 1000px){
.mv_box{
padding: 5rem 0 3rem;
flex-direction: column-reverse;
}

.mv_box_left{
flex-direction: column;
}

.box_item_mv{
width: 90%;
}

.box_item_caption{
width: 100%;
}

.box_item_caption_left{
padding: 2rem 0 2rem 2rem;
}

.mv_num_left{
flex-direction: row;
}

.mv_text_box_left{
padding: 2rem 0 0 0;
}

.left_line::before{
width: 100rem;
left: 0.5rem;
}

.right_line::after{
width: 100rem;
}

.product_list{
width: calc((100% - 2rem) / 2);
}

.technology > img{
top: inherit;
bottom: 0;
width: 130%;
max-width: 130%;
}



.technology_inner h4{
line-height: 1.2;
}

.tech_box{
display: block;
text-align: center;
}

.tech_item img{
display: flex;
width: 80%;
align-items: center;
justify-content: center;
margin: auto;
padding-top: 5rem;
}

}


@media (max-width: 767px){

.section_stories h2{
font-size: 6.5rem;
line-height: 1;
}

.box_item_caption .mv_num > p{
font-size: 2.3rem;
}

ul.product_ul{
margin: auto;
max-width: 50rem;
display: block;
padding: 3rem 2rem;
}

.product_list{
width: 100%;
display: flex;
border-top: 2px solid #606060;
gap: 2rem;
padding: 3rem 0
}

.product_list:first-child{
border: none;
}

.product_box{
width: calc((100% - 2rem) / 2);
display: flex;
align-items: center;
flex-direction: column;
text-align: left;
}

.product_box a{
margin-right: auto;
}

.product_inner .product_name{
border: none;
padding-bottom: 0;
}
.product_inner .product_name p{
padding-top: 1rem;
}


.product_box > .dl_inner{
margin-right: auto;
padding: 0;
}

.product_list img{
padding: 2rem 0;
margin: auto;
width: 90%;
}


.tech_box{
text-align: left;
}

.tech_item{
align-items: center;
display: flex;
flex-direction: column;
}

}



.section_for_salon h2{
font-size: 8rem;
text-align: center;
padding-bottom: 2rem;
font-style: italic;
font-weight: 100;
letter-spacing: 0;
line-height: 1.2;
}

.section_for_salon > p {
text-align: center;
padding-top: 2rem;
letter-spacing: 0.1em;
}

.salons_ul{
display: flex;
justify-content: center;
align-items: center;
padding: 5rem;
}

.salons_list{
width: 25%;
height: 20rem;
justify-content: space-between;
align-items: center;
flex-direction: column;
display: flex;
gap: 1rem;
border-left: 1px solid #606060;
}

.salons_list:first-child{
border: none;
}

.salon_list_inner{
padding: 0 3rem;
}

.salon_img_box{
max-width: 12rem;
padding: 2rem;
border: 1px solid #E3C595;
border-radius: 100%;

}

.salons_list img{
width: 100%;
aspect-ratio: 1 / 1 ;
object-fit: cover;
}

.salons_list p{
padding-top: 1rem;
letter-spacing: 0;
text-align: center;
}

@media (max-width: 1000px){
.salons_ul{
flex-wrap: wrap;
padding: 3rem;
margin: auto;
max-width: 55rem;
}


.salons_list{
width: 50%;
height: auto;
padding: 2rem;
align-self: stretch;
}

.salon_list_inner{
padding: 0;
}

.salons_list:first-child{
border-bottom: 1px solid #606060;
}

.salons_list:nth-child(2){
border-bottom: 1px solid #606060;
}

.salons_list:nth-child(3){
border: none;
}

.salons_list:nth-child(4){
border-top: none;
}


}

.event_info{
padding: 5rem 0 10rem;
}

.event_info h3{
text-align: center;
font-weight: 100;
}

.event_info_box{
padding: 3rem 10rem 0;
}

.event_info table{
border-collapse: collapse; 
width: 100%;
}

.event_info table th{
padding: 3rem 0 2rem 4rem;
border-bottom: 1px solid #606060;
width: 35%;
}

.event_info table td{
padding: 3rem 0 2rem;
border-bottom: 1px solid #606060;
}

@media (max-width: 1000px){

.event_info_box {
padding: 3rem 3rem 0;
}

.event_info table th{
padding: 3rem 0 2rem 2rem;
}

}


.lp_faq{
padding: 10rem 10rem 5rem;
}

.lp_faq h2{
text-align: center;
padding-bottom: 2rem;
font-weight: 100;
font-size: 1.8ren;
}

.lp_faq > p {
text-align: center;
padding: 2rem 0 0;
letter-spacing: 0.1em;
}

.lp_faq > p.read{
display: flex;
justify-content: center;
width: 31rem;
padding: 2rem 0 0;
margin: auto;
}

.lp_button03{
background: #060607;
box-sizing: border-box;
max-width: 31rem;
margin: 5rem auto;
}

.lp_button03 a{
height: 7rem;
position: relative;
display: flex;
align-items: center;
justify-content: center;
line-height: 1.7;
letter-spacing: 0.05em;
white-space: nowrap;
font-size: 1.6rem;
color: #fff;
font-family: "Yu Gothic", "YuGothic", sans-serif;
border: 1px solid #FFFFFF;
text-decoration: none;
}

.lp_button03 a::before{
position: absolute;
top: -0.2rem;
right: 3.5rem;
bottom: 0;
margin: auto;
padding: 0;
width: 0.8rem;
height: 0.8rem;
display: block;
border: solid 0.2rem #fff;
border-width: 0.2rem 0.2rem 0 0;
transform: rotate(45deg);
content: "";
transition: transform 0.3s ease;
cursor: pointer;
}

.lp_button03 a:hover::before{
transform: translateX(5px) rotate(45deg);
}

.qa_box{
padding: 0 0 5rem;
}

.lp_faq_list{
padding: 3rem 0 3rem;
border-bottom: 1px solid #606060;
cursor: pointer;
}

.accordion-summary{
position: relative;
list-style-type: none;
position: relative;
padding: 0 7rem 0 6rem;
}

.accordion-summary::before{
position: absolute;
top: -0.8rem;
left: 2rem;
content: "Q.";
font-size: 3rem;
font-family: "Cormorant Garamond", serif;
}

.accordion-summary::after{
position: absolute;
top: -1rem;
right: 4rem;
bottom: 0;
margin: auto;
padding: 0;
width: 0.8rem;
height: 0.8rem;
display: block;
border: solid 0.2rem #fff;
border-width: 0.2rem 0.2rem 0 0;
transform: rotate(135deg);
transition: transform 0.3s ease;
content: "";
}

.accordion-summary:hover::after{
transform: translateY(5px) rotate(135deg);
}

.accordion-details[open] .accordion-summary::after {
transform: rotate(-45deg) ;
}

.accordion-details[open] .accordion-summary:hover::after {
transform: translateY(-5px) rotate(-45deg);
}

.content_inner{
padding: 3rem 6rem 0;
position: relative;
line-height: 1.7;
letter-spacing: 0.05em;
}


.content_inner::before{
position: absolute;
top: 1.2rem;
left: 2rem;
content: "A.";
font-size: 3rem;
color: #E3C595;
font-family: "Cormorant Garamond", serif;
}

@media (max-width: 1000px){
.lp_faq{
padding: 10rem 3rem 5rem;
}

.lp_faq > p{
padding: 2rem 0 0;
letter-spacing: 0;
}

.qa_box {
padding: 0 0 5rem;
}

.lp_faq_list {
padding: 2rem 0 2rem;
 }

.accordion-summary {
padding: 0 4rem 0 2rem;
line-height: 1.2;
}

.accordion-summary::after{
right: 2rem;
}

.accordion-summary::before {
top: -0.8rem;;
left: -1rem;
font-size: 2.5rem;
}

.content_inner::before {
top: 0.5rem;
left: -1rem;
font-size: 2.5rem;
}

.content_inner {
padding: 2rem 2.5rem 0;
}

}

.lp_footer{
padding: 10rem 3rem;
}

.lp_footer_box img{
max-width: 25rem;
height: auto;
margin: auto;
display: flex;
}