@charset 'UTF-8';
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
html,body{overflow-x: hidden;}
body{
font-family: "Inter", sans-serif;
margin: 0;
line-height: 1.8;
}
img {
height: auto;
max-width: 100%;
}
.content{
width: 1280px;
margin: auto;
}
@media(max-width: 1200px){
.content{
width: 100%;
}
}
.orange{
color: #FFAA00;
}
.lines {
display: flex;
flex-direction: column;
text-align: center;
margin: auto;
gap: 10px;
line-height: 1.5;
}
.lines>img{
max-width:334px;
margin: auto;
}
@media(max-width: 768px){
.lines{
font-size: 26px!important;
}
}

.form_tlt{
display: flex;
justify-content: center;
align-items: center;
color: #FF9800;
font-size: 1.4rem;
font-weight: 600;
margin: 0 auto 10px;
}
.form_tlt::before,
.form_tlt::after {
width: 3px;
height: 40px;
background-color: #FFAA00;
content: '';
}

.form_tlt::before {
transform: rotate(-35deg);
margin-right: 30px;
}

.form_tlt::after {
transform: rotate(35deg);
margin-left: 30px;
}
.lp-instagram {
background: #F3F8FE;
padding: 30px 15px 0;
position: relative;
}
.lp-container {
max-width: 1230px;
margin: auto;
display: flex;
align-items: end;
justify-content: center;
gap: 30px;
}
header.mains{
max-width: 1230px;
margin: auto;
}
header.mains img{
max-width: 350px;
}
.lp-main-container{
max-width: 700px;
line-height: 0;
}


/*メールフォーム*/
.contact_form{
max-width: 500px;
margin: auto;
padding: 26px 32px;
border-radius: 20px;
background: white;
}


.contact-form {
max-width: 500px;
margin: auto;
padding: 26px 32px;
border-radius: 20px;
background: white;
box-sizing: border-box;
}
.contact-form *{
box-sizing: border-box;
}
.contact-form label {
display: flex;
align-items: center;
gap: 5px;
font-size: 15px;
font-weight: 600;
margin-bottom: 3px;
}
.contact-form label span.his{
color: #FFAA00;
}
.contact-form input,
.contact-form textarea {
width: 100%;
padding: 5px 5px;
border-radius: 5px;
border: 1px solid #3FA7C9;
background: #E9F5F7;
font-size: 15px;
margin-bottom: 11px;
}
.contact-form input{
height: 30px;
}
.name-row {
display: flex;
gap: 18px;
}
.checkbox-wrap {
display: flex;
justify-content: space-between;
gap: 10px;
margin-bottom: 14px;
}
.checkbox-item {
position: relative;
padding-left: 23px;
cursor: pointer;
line-height: 20px;
}
.contact-form label.checkbox-item{
font-size: 13px;
}
.checkbox-item input {
position: absolute;
opacity: 0;
height: auto;
margin: 0;
}
.checkmark {
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
background: #E9F5F7;
border: 0.5px solid #3FA7C9;
border-radius: 50%;
box-sizing: border-box;
}
.checkbox-item input:checked + .checkmark {
background: #3FA7C9;
}
.checkbox-item input:checked + .checkmark::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 8px;
height: 8px;
background: #fff;
border-radius: 50%;
transform: translate(-50%, -50%);
}
.contact-form textarea {
height: 90px;
resize: vertical;
}
.contact-form button {
background: #FFAA00;
color: #ffffff;
padding: 7px 10px;
width: 142px;
margin: 0 auto;
display: block;
font-size: 13px;
cursor: pointer;
font-weight: 600;
border: none;
border-radius: 4.7465px;
}
.contact-form button:hover {
opacity: 0.85;
}

@media(max-width: 576px){
.contact-form.ci{display: none;}
.contact-form {
padding: 26px 20px;
}
.checkbox-wrap{
flex-direction: column;
}
}


.lp-container .contact-form{
margin: 0;
}




.contact_form_wp{
margin-bottom: 20px;
}





/* =========================
HubSpot フォーム
========================= */
.hbspt-form {
max-width: 500px;
margin: auto;
background: #ffffff;
box-sizing: border-box;
}

.hbspt-form * {
box-sizing: border-box;
}
.hbspt-form label {
display: flex;
align-items: center;
gap: 5px;
font-size: 15px;
font-weight: 600;
margin-bottom: 3px;
pointer-events: none;
}

/* 必須マーク（HubSpotは span.hs-form-required を出す） */
.hbspt-form .hs-form-required {
color: #FFAA00;
}

.hbspt-form input[type="text"],
.hbspt-form input[type="email"],
.hbspt-form input[type="tel"],
.hbspt-form textarea {
width: 100%;
padding: 5px;
border-radius: 5px;
border: 1px solid #3FA7C9;
background: #E9F5F7;
font-size: 15px;
margin-bottom: 11px;
}

.hbspt-form input[type="text"],
.hbspt-form input[type="email"],
.hbspt-form input[type="tel"] {
height: 30px;
}

.hbspt-form textarea {
height: 90px;
resize: vertical;
}

.hbspt-form .name-row {
display: flex;
gap: 18px;
}

.hbspt-form ul.inputs-list {
display: flex;
justify-content: space-between;
gap: 10px;
margin: 0 0 14px;
padding: 0;
list-style: none;
}

.hbspt-form ul.inputs-list li {
position: relative;
}

.hbspt-form fieldset .input input,.hbspt-form fieldset .input textarea{
width: 100%!important;
}

/* ラベルを丸チェック用に */
.hbspt-form ul.inputs-list label {
font-size: 13px;
font-weight: normal;
/*padding-left: 23px;*/
cursor: pointer;
line-height: 20px;
position: relative;
color: red;
}

/* checkbox 非表示 */
.hbspt-form ul.inputs-list input[type="checkbox"] {
position: absolute;
opacity: 0;
}

/* 丸いチェックマーク */
.hbspt-form ul.inputs-list label::before {
display: none;
}

/*.hbspt-form ul.inputs-list input[type="checkbox"]:checked + span::after {
content: "";
position: absolute;
top: 10px;
left: 10px;
width: 8px;
height: 8px;
background: #ffffff;
border-radius: 50%;
transform: translate(-50%, -50%);
}

.hbspt-form ul.inputs-list input[type="checkbox"]:checked + span::before {
background: #3FA7C9;
}*/


.hbspt-form input[type="submit"] {
background: #FFAA00;
color: #ffffff;
padding: 13px 10px;
width: 70%;
margin: 0 auto;
display: block;
font-size: 15px;
cursor: pointer;
font-weight: 600;
border: none;
border-radius: 4.7465px;
box-shadow: 0px 3.32175px 3.32175px rgba(0, 0, 0, 0.25);
}

.hbspt-form input[type="submit"]:hover {
opacity: 0.85;
}


/* =========================
SP
========================= */
@media (max-width: 1024px) {
.contact_form_wp.ri{
display: none;
}

}
@media (max-width: 576px) {
.contact_form {
padding: 26px 21px;
margin-bottom: 30px;
max-width: 92%;
}
.hbspt-form .input,.hbspt-form .input *{
width: 100%!important;
margin-right: 0!important;
}
.hbspt-form ul.inputs-list {
flex-direction: column;
}
}












@media(max-width: 1200px){
.lp-main-container {
max-width: 638px;
}
.lp-container .contact-form label,
.lp-container .contact-form input, 
.lp-container .contact-form textarea{
font-size: 1.1vw;
line-height: 1.5;
}
}
@media(max-width: 1024px){
.lp-main-container {
max-width: 100%;
}
.lp-instagram {
padding: 30px 15px 30px;
}
.lp-container{
flex-direction: column;
}
.lp-container .contact-form label,
.lp-container .contact-form input, 
.lp-container .contact-form textarea{
font-size: 15px;
line-height: 1.8;
}
}


/*サンクスページ*/
.thanks-wrap{
display: flex;
flex-direction: column;
gap: 20px;
text-align: center;
margin: 50px auto;
}
.thanks-tlt{
margin: 50px 0;
}
.thanks-wrap p{
margin: 0;
}
.thanks-wrap a{
display: block;
text-align: center;
font-size: 16px;
letter-spacing: 0.15em;
text-decoration: none;
color: #589fc1;
}



.flow-item{
position: relative;
line-height: 0;
margin: auto;
margin-bottom: 50px;
max-width: 340px;
margin-bottom: 50px;
}
.flow-item img{
width: 100%;}
.flow-text{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
font-weight: 600;
font-size: 24px;
letter-spacing: 0.15em;
color: #FFFFFF;
white-space: nowrap;
}
.flow-item::after {
content: "";
position: absolute;
bottom: 0;
left: 19%;
border-style: solid;
border-width: 18.7px 16.3px 0 0;
border-color: #FFAA00 transparent transparent;
translate: calc(-50% - 0.3px) 100%;
transform: skew(43deg);
transform-origin: top;
}

@media(max-width: 992px){
.flow-text{
font-size: 17px;
}
}



.balloon-title {
display: inline-block;
background: #FFAA00;
color: #fff;
padding: 18px 50px;
font-size: 26px;
font-weight: 700;
position: relative;
}
.balloon-title span.left,.balloon-title span.right{
width:0;
height:0;
border-style:solid;
position: absolute;
top:0;
}
.balloon-title span.left{
border-width: 73.5px 100px 73.5px 0;
border-color: transparent #FFAA00 transparent transparent;
left: 0;
}
.balloon-title span.right{
border-width: 73.5px 0 73.5px 100px;
border-color: transparent transparent transparent #FFAA00;
right: 0;
}
.balloon-title::before {
content: "";
position: absolute;
bottom: 0;
left: 27%;
border-style: solid;
border-width: 24px 21px 0 0;
border-color: #FFAA00 transparent transparent;
translate: -50% 100%;
transform: skew(43deg);
transform-origin: top;
}
.balloon-title::after {
content: "";
position: absolute;
bottom: 0;
left: 27%;
border-style: solid;
border-width: 18.7px 16.3px 0 0;
border-color: #FFAA00 transparent transparent;
translate: calc(-50% - 0.3px) 100%;
transform: skew(43deg);
transform-origin: top;
}

@media (max-width: 768px) {
.balloon-title {
font-size: 20px;
padding: 14px 30px;
}
.balloon-title::after {
left: 20px;
}
}


.result-block {
text-align: center;
padding: 60px 20px;
max-width: 1100px;
margin: 0 auto;
}
.result-title {
font-size: 36px;
font-weight: 600;
line-height: 1.6;
margin-bottom: 60px;
letter-spacing: 0.15em;
}
.result-flow {
display: flex;
justify-content: center;
}
.result-cards {
display: flex;
justify-content: space-between;
gap: 30px;
flex-wrap: wrap;
}
.card {
width: calc(33.333% - 20px);
}
.card img {
width: 100%;
max-width: 340px;
}
.card-text {
margin-top: 15px;
font-size: 24px;
line-height: 1.6;
font-weight: 600;
letter-spacing: 0.15em;
}
.card-text span {
color: #ffa800;
}
.result-title br.sb{
display: none;
}


@media(max-width: 992px){
.card-text{
font-size: 2vw;
}
.result-title {
font-size: 3vw;
}
}
@media (max-width: 768px) {
.result-title {
font-size: 22px;
}
.result-cards {
flex-direction: column;
}
.card {
width: 100%;
}
.card-text {
font-size: 16px;
}
.card-text span {
font-size: 18px;
}
}
@media (max-width: 576px) {
.result-block{
padding: 30px 20px;
}
.result-title{
margin-bottom: 30px;
}
.result-title br{
display: none;
}
.result-title br.sb{
display: block;
}
.flow-text {
font-size: 20px;
}
.card-text {
font-size: 18px;
}
.card-text span {
font-size: 20px;
}
}



.example{
display: flex;
gap: 20px;
background: #F3F8FE;
}
.example_txt_left{
background: #ffa800;
padding: 50px 20px;
border-radius: 0 30px 30px 0;
flex: 1;
max-width: 550px;
}
.example_txt_left h2.lines{
font-size: 32px;
color: white;
}
.example_txt_left .umi-desc{
color: white;
}
.example_txt_left .waku{
background: white;
border-radius: 30px 0px 30px 0px;
display: flex;
justify-content: center;
align-items: center;
padding: 20px 0;
}
.example_txt_left .waku:first-of-type{
margin-bottom: 20px;
}
.example_txt_left .waku h3{
font-weight: 600;
font-size: 30px;
text-align: center;
letter-spacing: 0.15em;
color: #ffa800;
margin: 0;
}
.example_txt_left .waku h3 span{
color: #000;
font-size: 20px;
display: block;
}

/*カルーセル*/
.umicarousel {
position: relative;
overflow: hidden;
max-width: 720px;
margin: 0 auto;
padding: 50px 0;
flex: 1.2;

display: flex;
align-items: center;
justify-content: center;
}
/* Slides */
.umi-slides {
display: flex;
align-items: center;
transition: transform .6s ease;

max-width: 640px;
min-width: 500px;
position: relative;
}
.umi-slide {
min-width: 100%;
max-height: 520px;
display: flex;
justify-content: center;
gap: 10px;
/*opacity: 0;*/
transition: opacity .4s ease;
}
.umi-slide.active {
opacity: 1;
}
.umi-slide>img{
max-width: 500px;
}
/* 左のスマホ枠 */
.umi-phone {
flex: 1;
max-width: 230px;
min-width: 230px;
}
.umi-phone img{
width: 100%;
height: auto;
}
/* テキスト右側 */
.umi-info {
flex: 1.2;
text-align: center;
max-width: 285px;
}
.umi-subtitle {
text-align: center;
margin-bottom: 5px;
font-size: 12px;
letter-spacing: 0.15em;
}
.umi-info h2.lines {
color: #3FA7C9;
font-size: 28px;
font-weight: 600;
text-align: center;
margin-bottom: 15px;
letter-spacing: 0.15em;
line-height: 1.3;
}
.umi-info .lines>img{
max-width: 268px;
}
.umi-desc {
text-align: center;
margin-bottom: 30px;
font-weight: 600;
font-size: 20px;
letter-spacing: 0.15em;
color: #3FA7C9;
}
.umi-info .umi-desc{
margin-bottom: 21px;
line-height: 1.3;
}
.umi-box{
max-width: 250px;
margin: auto;
}
.umi-box .flow-item{
margin-bottom: 20px;
}
.umi-box .flow-text{
font-size: 16px;
}
.umi-value {
margin-top: 10px;
color: #000;
font-weight: 600;
font-size: 16px;
}
.umi-value span{
color: #3FA7C9;
}
/* ボタン */
.umi-prev,
.umi-next {
position: absolute;
top: 44%;
transform: translateY(-50%);
background: none;
border: none;
height: 46px;
cursor: pointer;
z-index: 10;
padding: 0;
margin: 0;
}
.umi-prev { left: 0; }
.umi-next { right: 0; }
.umi-prev img,
.umi-next img{
width: 100%;
height: 100%;
}
.umi-prev:hover,
.umi-next:hover{
opacity: .8;
}
/* ドット */
.umi-dots {
text-align: center;
position: absolute;
bottom: 40px;
left: 0;
right: 0;
}
.umi-dots button {
width: 15px;
height: 15px;
border-radius: 50%;
margin: 0 5px;
border: none;
background: #000;
cursor: pointer;
}
.umi-dots button.active {
background: #3FA7C9;
}

@media(max-width: 992px){
.example{
flex-direction: column;
}
.example_txt_left{
max-width: 100%;
}
.example_txt_left h2.lines {
font-size: 3vw;
}
.umi-dots{
bottom: 0;
}
.umi-prev { left: 10px; }
.umi-next { right: 10px; }
.example_txt_left{
border-radius: 0 0 30px 30px;
}
}

@media (max-width: 768px) {
.umicarousel{
width: 100%;
}
.umi-slides{
min-width: 100%;
}
.umi-slide>img{
width: 80%;
}
}
@media (max-width: 576px) {
.umicarousel {
padding: 20px 0 50px;
}
.umi-prev, .umi-next{
width: 24px;
height: 24px;
}
}

.example02{
display: flex;
gap: 20px;
background: #F3F8FE;
}
.example02 .left{
flex:1;
color: #000000;
padding: 50px 2%;
position: relative;
}
.example02 .left img.example02_1{
position: absolute;
bottom: 20px;
right: 0;
width: 190px;
}
.example02 .left h2{
font-weight: 600;
font-size: 36px;
letter-spacing: 0.15em;
}
.example02 .left ul {
list-style: none;
padding: 0;
}
.example02 .left ul li{
display: table;
background: #FFFFFF;
box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.08);
border-radius: 10px;
margin-bottom: 10px;
font-weight: 600;
font-size: 20px;
letter-spacing: 0.15em;
padding: 5px 20px;
}
.example02 .right{
background: #ffa800;
color: white;
padding: 50px 30px;
border-radius: 30px 0 0 30px;
position: relative;
margin: 0 auto;
flex: 1;
}
.example02 .right h3{
display: inline-block;
position: relative;
font-weight: 600;
font-size: 32px;
line-height: 1.5;
letter-spacing: 0.15em;
}
.example02 .right h3 img{
position: absolute;
top: -69px;
right: -94px;
max-width: 142px;
}
.example02 .right p{
font-weight: 600;
}

@media(max-width: 1250px){
.example02 .left h2,
.example02 .right h3{
font-size: 30px;
}
.example02 .left img.example02_1 {
width: 118px;
}
.example02 .right h3{
position: unset;
}
.example02 .right h3 img {
top: 11px;
right: 18px;
max-width: 114px;
}
}
@media(max-width: 992px){
.example02 {
flex-direction: column;
}
.example02 .right{
border-radius: 30px 30px 0 0;
}
}
@media(max-width: 576px){
.example02 .left h2{
font-size: 22px;
line-height: 1.5;
text-align: center;
}
.example02 .right h3{
font-size: 24px;
position: unset;
margin: 0;
letter-spacing: 0;
}
.example02 .right p{
font-size: 90%;
}
.example02 .right h3 img {
top: 11px;
right: 0;
max-width: 84px;
}
.example02 .left{
padding: 0 20px;
}
.example02 .left ul li{
font-size: 12px;
}
.example02 .left img.example02_1 {
bottom: 0;
right: 0;
width: 77px;
}
.example02 .right p br{
display: none;
}
.example02 .right{
padding: 30px 30px 10px;
}
}


.snsnum{
position: relative;
color: white;
height: 593px;
overflow: hidden;
}
.snsnum:before{
content: '';
background: rgba(62, 62, 62, 0.49);
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.snsnum h2{
position: absolute;
top:82px;
left: 0;
right: 0;
margin: auto;
text-align: center;
font-weight: 600;
font-size: 36px;
letter-spacing: 0.15em;
z-index: 3;
}
.snsnum h2 br.sb{
display: none;
}
.snsnum .wrap{
text-align: center;
}
.snsnum .wrap .inner{
display: flex;
}
.snsnum .wrap .inner>div{
flex:1;
}
.snsnum .wrap .inner>div>div{
position: relative;
}
.snsnum .wrap .inner>div>div img{
width: 100%;
height: 593px;
object-fit: cover;
}
.snsnum .wrap .inner>div dl{
position: absolute;
bottom: 75px;
left: 0;
right: 0;
margin: auto;
border: 3px solid #FFFFFF;
border-radius: 10px;
width: 300px;
height: 247px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 16px;
z-index: 2;
}
.snsnum .wrap .inner>div dl dt{
font-weight: 700;
font-size: 36px;
letter-spacing: 0.06em;
}
.snsnum .wrap .inner>div dl dd{
margin: 0;
font-weight: 600;
font-size: 34px;
line-height: 1.5;
letter-spacing: 0.06em;
}

@media(max-width: 992px){
.snsnum .wrap .inner>div{
position: relative;
}
.snsnum .wrap .inner>div dl {
width: 235px;
height: 220px;
gap: 0;
}
.snsnum .wrap .inner>div dl dt{
font-size: 30px;
}
.snsnum .wrap .inner>div dl dd{
font-size: 26px;
}
}
@media(max-width: 768px){
.snsnum h2{
position: relative;
top: auto;
font-size: 26px;
margin: 30px 0;
}
.snsnum .wrap .inner>div dl{
position: absolute;
top: 50%;
left: 50%;
bottom: auto;
right: auto;
transform: translate(-50%, -50%);
}
.snsnum{
height: auto;
}
.snsnum .wrap .inner{
/*flex-direction: column;*/
}
.snsnum .wrap .inner>div,
.snsnum .wrap .inner>div>div img {
max-height: 300px;
}
.snsnum .wrap .inner>div.num1{

}
.snsnum .wrap .inner>div dl dd {
font-size: 28px;
}
}
@media(max-width: 576px){
.snsnum h2 br.sb{
display: block;
}
}


.denti_sns_ig_wrap{
background: #eaf6ff;
}
.denti_sns_ig_wrap.ber{
border-top: 50px solid #FFAA00;
}
.entry {
padding: 60px 20px;
}
.instagram-inner {
max-width: 999px;
margin: 0 auto;
background: #3FA7C9;
border-radius: 41px;
padding: 10px 0 10px 40px;
display: flex;
align-items: center;
justify-content: space-between;
color: #fff;
}
.instagram-text {
width: 75%;
min-width: 300px;
position: relative;
z-index: 1;
}
.instagram-title {
font-weight: 600;
font-size: 29px;
letter-spacing: 0.15em;
margin-top: 0;
margin-bottom: 25px;
}
.instagram-title br{
display: none;
}
.instagram-desc {
line-height: 2;
margin-bottom: 13px;
font-weight: 600;
font-size: 13px;
letter-spacing: 0.15em;
}
.contact-box {
text-align: center;
max-width: 534px;
margin: 0 0 0 auto;
transition: 0.3s ease;
}
.contact-lead {
display: inline-block;
background: #fff;
padding: 10px 40px;
border-radius: 50px;
font-weight: 600;
font-size: 13px;
letter-spacing: 0.15em;
color: #FFAA00;
margin-bottom: -15px;
position: relative;
}
.contact-btn {
display: inline-block;
background: #FFAA00;
box-shadow: 0px 3.32175px 3.32175px rgba(0, 0, 0, 0.25);
color: #fff;
width: 100%;
text-align: center;
padding: 18px 20px;
font-weight: 600;
font-size: 26px;
letter-spacing: 0.15em;
text-decoration: none;
}
.contact-box:hover {
opacity: 0.7;
/*transform: translateY(-2px);*/
}
.instagram-visual {
width: 234px;
text-align: center;
position: relative;
top: -44px;
left: 24px;
}
.instagram-visual img {
width: 100%;
height: auto;
}

@media(max-width: 1024px){
.instagram-inner{
position: relative;
align-items: center;
padding: 30px 20px;
}
.instagram-visual{
position: absolute;
right: 0;
left:auto;
}
.contact-box{
margin: auto;
}
.instagram-title{
font-size: 24px;
}
.contact-btn{
font-size: 20px;
}
.instagram-visual {
width: 189px;
}
}
@media(max-width: 992px){
.instagram-text {
width: 100%;
}
.instagram-title{
font-size: 22px;
line-height: 1.5;
}
.instagram-visual {
width: 100px;
}
.instagram-desc br{
display: none;
}
.instagram-title br{
display: block;
}
}
@media(max-width: 576px){
.instagram-visual {
width: 84px;
top: 10px;
}
.contact-box{
width: 100%;
}
.instagram-title{
margin-bottom: 10px;
text-shadow: 1px 1px black;
}
.contact-btn {
font-size: 15px;
letter-spacing: 0;
width: 100%;
}
.contact-lead {
padding: 6px 27px;
}
.entry {
padding: 30px 20px;
}
.snsnum .wrap .inner>div, .snsnum .wrap .inner>div>div img {
max-height: 208px;
}
.snsnum .wrap .inner>div dl dd {
font-size: 11px;
}
.snsnum .wrap .inner>div dl {
/*height: 167px;*/
height: auto;
width: 90%;
margin: auto;
padding: 11px 0;
}
.snsnum .wrap .inner>div dl dt {
line-height: 1;
font-size: 22px;
}
}



.denti_sns_ig{
padding: 30px 20px 0;
}
.denti_sns_ig h2{
font-weight: 600;
font-size: 36px;
letter-spacing: 0.05em;
color: #040000;
}
.denti_sns_ig_txt{
font-weight: 600;
font-size: 16px;
letter-spacing: 0.15em;
padding: 0 200px;
margin-bottom: 20px;
}
.denti_sns_ig .wrap{
display: flex;
align-items: center;
gap:20px;
}
.denti_sns_ig .wrap>div{
flex:1;
}
.denti_sns_ig .wrap .img{
line-height: 0;
}
.denti_sns_ig .wrap>div p {
font-weight: 600;
font-size: 20px;
text-align: center;
line-height: 1.4;
min-height: 91px;
letter-spacing: 0.15em;
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 30px;
padding: 0 5px;
background: #FFFFFF;
box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.08);
border-radius: 10px;
}
.denti_sns_ig .wrap>div.left p::after {
content: "";
position: absolute;
bottom: 0;
left: 82%;
border-style: solid;
border-width: 15.6px 0 0 15.6px;
border-color: #ffffff transparent transparent;
translate: calc(-50% + 0.2px) 100%;
}
.denti_sns_ig .wrap>div.right p::after {
content: "";
position: absolute;
bottom: 0;
right: 82%;
border-style: solid;
border-width: 15.6px 15.6px 0 0;
border-color: #ffffff transparent transparent;
translate: calc(-50% + 0.2px) 100%;
}

@media(max-width: 1200px){
.denti_sns_ig_txt {
padding: 0 100px;
}
.denti_sns_ig .wrap>div p{
font-size: 18px;
}
}
@media(max-width: 922px){
.denti_sns_ig_txt {
padding: 0 20px;
}
.denti_sns_ig .wrap>div p{
font-size: 15px;
}
}
@media(max-width: 768px){
.denti_sns_ig .wrap{
flex-direction: column;
}
.denti_sns_ig .wrap>div {
width: 100%;
}
.denti_sns_ig .wrap>div.right p::after {
top: -30px;
bottom: auto;
transform: rotate(-90deg);
}
}
@media(max-width: 576px){
.denti_sns_ig .wrap>div p{
min-height: 73px;
}
}



.strengths-section {
margin: 0 auto;
background: #FFAA00;
border-radius: 50px;
padding: 60px 0 50px;
}
.strengths-section h2{
color: white;
font-weight: 600;
font-size: 36px;
letter-spacing: 0.15em;
}
.strengths-item {
display: flex;
align-items: center;
justify-content: space-between;
margin: 80px 0;
position: relative;
}
.strengths-item.last{
margin-bottom: 0;
}
.strengths-item.reverse {
flex-direction: row-reverse;
}
.strengths-img {
width: 48%;
position: relative;
}
.strengths-img img {
width: 100%;
border-radius: 0 17px 17px 0;
}
.strengths-item.reverse .strengths-img img{
border-radius: 17px 0 0 17px;
}
.strengths-text-wrap {
width: 57%;
background: #fff;
padding: 40px;
border-radius: 40px 0 0 20px;
box-shadow: 0 5px 20px rgba(0,0,0,0.1);
filter: drop-shadow(-6px 4px 4px rgba(0, 0, 0, 0.25));
position: relative;
z-index: 2;
margin-left: -60px;
}
.strengths-item.reverse .strengths-text-wrap {
margin-left: 0;
margin-right: -60px;
border-radius: 0 40px 40px 0;
}
.strengths-text-wrap h3 {
margin-bottom: 20px;
font-weight: 600;
font-size: 32px;
letter-spacing: 0.15em;
}
.strengths-text-wrap p {
font-weight: 600;
font-size: 16px;
letter-spacing: 0.15em;
}
.num-icon {
width: 150px;
position: absolute;
top: -25px;
}
.num-icon.num01{
width: 125px;
}
.num-right .num-icon {
left: -25px;
}
.num-left .num-icon {
right: -25px;
}

@media(max-width: 1024px){
.strengths-text-wrap h3{
font-size: 26px;
line-height: 1.5;
}
}
@media(max-width: 768px){
.strengths-item,
.strengths-item.reverse{
flex-direction: column;
}
.num-icon {
width: 100px;
}
.num-right .num-icon {
left: 11px;
}
.num-left .num-icon {
right: 11px;
}
.strengths-img,
.strengths-text-wrap {
width: 95%;
}
.strengths-text-wrap {
margin: 0;
border-radius: 40px;
padding: 40px 20px 30px;
top: -30px;
}
.strengths-item.reverse .strengths-text-wrap {
margin: 0;
border-radius: 40px;
}
.strengths-img img,
.strengths-item.reverse .strengths-img img{
border-radius: 17px;
}
}
@media(max-width: 576px){
.strengths-item{
margin: 40px 0;
}
.strengths-text-wrap img.num01{
width: 85px;
}
.strengths-text-wrap h3{
font-size: 22px;
margin-top: 10px;
}
.strengths-text-wrap p{
font-size: 14px;
}
}




.others-section{
padding: 36px 20px;
}
.others-section h2{
font-weight: 600;
font-size: 36px;
letter-spacing: 0.15em;
}
.others-grid{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 28px;
max-width: 1200px;
margin: 27px auto 37px;
}
.others_card{
background: #ffffff;
border-radius: 10px;
padding: 18px;
box-shadow: 0 6px 18px rgba(21,35,55,0.06);
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
min-height: 260px;
}
.others-card-image{
width: 100%;
overflow: hidden;
flex: 0 0 auto;
margin-bottom: 18px;
box-shadow: inset 0 0 0 4px rgba(255,255,255,0.6);
}
.others-card-image img{
display: block;
width: 100%;
height: 160px;
object-fit: cover;
}
.card-title{
font-size: 18px;
line-height: 1.4;
color: #111;
margin: 0 auto;
font-weight: 700;
letter-spacing: 0.02em;
}
@media (max-width: 576px){
.others-section {
padding: 36px 20px 10px;
}
.others-grid {
gap: 9px;
}
.others-grid br,.others-card-image{
display: none;
}
.others_card{ 
min-height: auto; 
}
}
@media (max-width: 420px){
.others-card-image img{ height: 140px; }
.card-title{ font-size: 16px; }
}



.ba-section{
position: relative;
color: #FFFFFF;
}
.ba-section h2{
position: absolute;
top:50px;
left: 0;
right: 0;
margin: auto;
text-align: center;
font-weight: 600;
font-size: 36px;
letter-spacing: 0.15em;
display: flex;
justify-content: center;
align-items: end;
}
.ba-section h2 img{
width: 55px;
}
.ba-section h2 br.sb{
display: none;
}
.ba-section .txt{
display: flex;
height: 846px;
}
.ba-section .left,.ba-section .right{
display: flex;
flex-direction: column;
align-items: center;
gap:30px;
padding: 250px 20px 50px;
box-sizing: border-box;
}
.ba-section .left{
flex: 1;
background: linear-gradient(rgba(62, 62, 62, 0.6),rgba(62, 62, 62, 0.6)),url(images/ba-section1.jpg)no-repeat;
background-size: cover;
}
.ba-section .right{
flex: 1;
background: linear-gradient(rgba(62, 62, 62, 0.6),rgba(62, 62, 62, 0.6)),url(images/ba-section2.jpg)no-repeat;
background-size: cover;
}
.ba-section .left>div,.ba-section .right>div{
max-width: 500px;
margin: 0;
display: flex;
flex-direction: column;
gap: 30px;
}
.ba-section h3{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 10px;
gap: 10px;
width: 100%;
min-height: 247px;
margin: 0;
border: 3px solid #FFFFFF;
border-radius: 10px;
font-weight: 600;
font-size: 28px;
text-align: center;
letter-spacing: 0.06em;
}
.ba-section p{
margin: 0;
font-weight: 600;
font-size: 16px;
letter-spacing: 0.15em;
}

@media (max-width: 992px){
.ba-section .txt{
height: auto;
}
.ba-section h3{
font-size: 22px;
}
.ba-section p{
font-size: 15px;
}
}
@media (max-width: 768px){
.ba-section .txt{
flex-direction: column;
}
.ba-section .left{
padding-top: 150px;
}
.ba-section .right{
padding-top: 50px;
}
.ba-section h2{
font-size: 30px;
line-height: 1.3;
display: flex;
align-items: center;
gap: 10px;
}
.ba-section h2 img {
width: 33px;
}
}
@media (max-width: 576px){
.ba-section h2 br.sb{
display: block;
}
.ba-section h2 img {
width: 42px;
}
.ba-section .left {
padding-bottom: 0;
}
.ba-section h3 {
font-size: 18px;
min-height: 146px;
}
}



.choose-section h2{
font-weight: 600;
font-size: 36px;
letter-spacing: 0.15em;
}
.choose-section h2 br.sb{
display: none;
}
.choose-section-wrap{
max-width: 1045px;
margin: 50px auto;
}
.choose-section-wrap .num{
position: relative;
background: white;
box-shadow: -6px 4px 4px rgba(0, 0, 0, 0.25);
min-height: 250px;
padding: 0 87px;
margin: 0 auto 50px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap:20px;
}
.choose-section-wrap .num>span{
display: block;
position: absolute;
top:-41px;
left: 0;
font-family: 'Futura';
font-weight: 700;
font-size: 96px;
text-align: center;
line-height: 1;
letter-spacing: -0.03em;
text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
color: #FFAA00;
}
.choose-section-wrap .num h3{
font-weight: 600;
font-size: 30px;
letter-spacing: 0.15em;
text-align: center;
margin: 0;
}
.choose-section-wrap .num h3 br{
display: none;
}
.choose-section-wrap .num p{
font-weight: 600;
font-size: 16px;
letter-spacing: 0.15em;
margin: 0;
}

@media (max-width: 1050px){
.choose-section-wrap {
max-width: 100%;
padding: 0 20px;
}
}
@media (max-width: 992px){
.choose-section-wrap .num{
padding: 30px 20px;
}
.choose-section-wrap .num h3{
font-size: 26px;
line-height: 1.5;
}
.choose-section-wrap .num>span {
top: -27px;
font-weight: 700;
font-size: 59px;
}
}
@media (max-width: 768px){
.choose-section-wrap .num h3 br{
display: block;
}
}
@media (max-width: 576px){
.choose-section h2 br.sb{
display: block;
}
.choose-section-wrap .num p{
font-weight: 400;
}
.choose-section-wrap .num h3 {
font-size: 22px;
}
}


.plan-inner {
width: 1045px;
margin: 0 auto;
display: flex;
justify-content: space-between;
gap: 96px;
}
.plan-text {
flex: 3;
color: #fff;
background: #FFAA00;
border-radius: 0 50px 50px 0;
max-height: 330px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
gap:20px;
position: relative;
}
.plan-text:before{
content: '';
width: 100%;
height: 100%;
position: absolute;
top:0;
left: -100%;
background: #FFAA00;
}
.plan-text h2 {
font-weight: 600;
font-size: 36px;
letter-spacing: 0.15em;
margin: 0;
}
.plan-text h2 .tag{
font-size: 16px;
}
.plan-text h2 br{
display: none;
}
.plan-text p {
font-weight: 600;
font-size: 16px;
text-align: center;
letter-spacing: 0.15em;
color: #000000;
margin: 0;
}
.plan-img {
text-align: center;
}
.plan-img img {
width: 100%;
max-width: 317px;
height: auto;
}

@media (max-width: 1100px) {
.plan-inner {
width: 100%;
padding: 0 20px;
}
.plan-text{
align-items: center;
}
.plan-text h2 {
font-size: 26px;
}
}
@media (max-width: 992px) {
.plan-inner {
width: 100%;
flex-direction: column;
gap: 30px;
padding: 0;
}
.plan-text{
max-height: 100%;
padding: 30px 20px;
border-radius: 0 0 50px 50px;
}
.plan-text p {
font-size: 15px;
}
.plan-text p br{
display: none;
}
}
@media (max-width: 576px) {
.plan-text h2 br{
display: block;
}
}


.plan-wrap {
display: flex;
justify-content: space-between;
gap: 24px;
max-width: 1280px;
margin: 50px auto 0;
padding: 0 0 40px;
}
.plan-card {
flex: 1;
min-width: 320px;
background: #fff;
border-radius: 5px;
padding: 30px 30px 20px;
position: relative;
border: 4px solid #ddd;
box-shadow: 0 6px 20px rgba(0,0,0,0.05);
}
.plan-title {
font-size: 20px;
font-weight: 600;
background: #ffffff;
letter-spacing: 0.15em;
padding: 10px 25px;
border-radius: 12px;
display: inline-block;
margin: -55px auto 20px;
left: 50%;
transform: translateX(-50%);
position: absolute;
white-space: nowrap;
width: 80%;
text-align: center;
}


/* プラン別 タイトル背景・枠線・背景色 */
.plan-light {
border-color: #FFFFFF;
background: rgba(255, 255, 255, 0.5);
}
.plan-light .plan-title {
background: #ffffff;
}
.plan-blue {
border-color: #3FA7C9;
background: rgba(63, 167, 201, 0.12);
}
.plan-blue .plan-title {
background: #5ba8c9;
color: #fff;
}
.plan-orange {
border-color: #f5a623;
background: linear-gradient(90deg, rgba(255, 170, 0, 0.1) 0%, rgba(255, 78, 87, 0.1) 100%);
}
.plan-orange .plan-title {
background: linear-gradient(90deg, #FFAA00 0%, #FF4E57 100%);
box-shadow: 3.23478px 3.23478px 16.1739px rgba(0, 0, 0, 0.08);
color: #fff;
}

/* 価格 */
.plan-price {
margin-top: 20px;
margin-bottom: 20px;
font-family: 'Fustat';
}
.price {
font-weight: 800;
font-size: 44px;
letter-spacing: -0.02em;
color: #464446;
}
.price-sub {
font-family: 'Inter';
font-weight: 600;
font-size: 18px;
color: #464446;
}

/* リスト */
.plan-list {
list-style: none;
padding: 0;
margin: 0 0 12px;
}
.plan-list li {
display: flex;
align-items: center;
margin-bottom: 16px;
font-family: 'Inter';
font-weight: 600;
font-size: 20px;
text-align: center;
letter-spacing: 0.15em;
color: #000000;
}
.plan-list li:last-child{
margin-bottom: 0;
}
.plan-list li img {
width: 32px;
margin-right: 12px;
}

/* 数字カラー */
.num.pink { color: #d46d83; font-weight: 700; }
.num.yellow { color: #e3a927; font-weight: 700; }
.num.green { color: #1fa8a8; font-weight: 700; }

/* 区切り線 */
.plan-divider {
border: 0;
border-top: 2px dashed #cfcfcf;
margin: 25px 0;
}

@media (max-width: 1280px) {
.plan-wrap{
max-width: 100%;
padding: 0 20px 40px;
}
.price {
font-size: 38px;
}
}
@media (max-width: 1150px) {
.price {
font-size: 33px;
}
.price-sub{
font-size: 16px;
}
}
@media (max-width: 1050px) {
.plan-card{
min-width: auto;
}
.price {
font-size: 30px;
}
.plan-list li{
font-size: 17px;
}
.plan-list li img {
width: 26px;
}
}
@media (max-width: 992px) {
.plan-wrap{
gap: 17px;
}
.plan-card{
max-width: 320px;
margin: 0 auto;
}
.plan-title{
font-size: 17px;
}
.price-sub {
font-size: 13px;
}
.price {
font-size: 26px;
}
.plan-list li {
font-size: 15px;
}
}
@media (max-width: 892px) {
.plan-wrap{
flex-wrap: wrap;
justify-content: start;
gap: 50px 30px;
}
.plan-card{
min-width: 320px;
}
}
@media (max-width: 768px) {
.plan-wrap{
justify-content: center;
}
}
@media (max-width: 576px) {
.price{
font-size: 30px;
}
.price-sub {
font-size: 15px;
}
.plan-list li {
font-size: 18px;
}
}




.example-instagram {
background: #FFAA00;
padding: 30px 20px 0;
margin-bottom: 3px;
}
.example-instagram.head{
padding-top: 80px;
border-radius: 50px 50px 0 0;
}
.example-inner {
max-width: 1280px;
margin: 0 auto;
display: flex;
gap: 60px;
align-items: end;
}
.example-left{
flex: 1;
}
.example-left img {
width: 100%;
max-width: 360px;
display: block;
}
.example-right {
background: #fff;
border-radius: 50px 0 0 50px;
padding: 30px 30px 30px 70px;
margin-bottom: 10px;
flex: 2;
position: relative;
}
.example-right:before{
content: '';
background: white;
width: 100%;
height: 100%;
position: absolute;
top:0;
right: -100%;
}
.example-title {
margin-bottom: 20px;
font-family: 'Inter';
font-weight: 600;
font-size: 25.9935px;
letter-spacing: 0.15em;
color: #3FA7C9;
}
.example-text {
font-weight: 600;
font-size: 16px;
letter-spacing: 0.15em;
margin-bottom: 30px;
}
.example-info-wrap{
display: flex;
justify-content: space-between;
}
.example-info {
display: flex;
flex-direction: column;
gap: 20px;
margin-bottom: 40px;
flex: 1;
}
.example-info dl {
display: flex;
align-items: center;
gap: 15px;
margin: 0;
}
.example-info dt {
background: #3FA7C9;
color: #fff;
padding: 7px 18px;
font-weight: 700;
font-size: 16px;
min-width: 130px;
text-align: center;
margin-right: 10px;
}
.example-info dd {
font-weight: bold;
margin: 0;
}
.example-graph {
flex: 1;
}
.graph-title {
background: #3FA7C9;
font-weight: 700;
font-size: 16px;
color: #fff;
text-align: center;
padding: 7px 18px;
margin-bottom: 20px;
max-width: 160px;
}

@media (max-width: 992px) {
.example-info-wrap{
flex-direction: column;
}
}
@media (max-width: 768px) {
.example-inner {
flex-direction: column;
gap: 0;
}
.example-right {
padding: 30px 15px;
}
.example-info {
grid-template-columns: 1fr;
}
.graph {
justify-content: center;
}
.example-left {
margin: auto;
}
}
@media (max-width: 576px) {
.example-instagram{
margin-bottom: 0;
}
.example-instagram.head {
padding-top: 40px;
}
.example-right{
border-radius: 50px 50px;
margin-top: 20px;
}
.example-right:before{
display: none;
}
.example-title{
margin: 0;
line-height: 1.5;
}
.example-text br{
display: none;
}
.graph-title{
max-width: 130px;
}
.example-info{
gap: 10px;
margin-bottom: 10px;
}
.example-info dl{
gap: 0;
}
}




.included-section{
margin: 50px 0 50px;
}
.included-section h2{
font-weight: 600;
font-size: 36px;
letter-spacing: 0.15em;
}
.included-section-wrap{
display: flex;
justify-content: center;
gap: 24px;
max-width: 980px;
margin: 50px auto;
flex-wrap: wrap;
text-align: center;
}
.included-section-wrap .flow-item::after {
border-color: #f3bf58 transparent transparent;
}
.included-section-wrap .flow-item{
max-width: 320px;
margin: 0 auto 30px;
}
.included-section-wrap .flow-text{
font-weight: 600;
font-size: 18px;
letter-spacing: 0.15em;
color: #FFFFFF;
}
.included-section-wrap .card-text{
font-weight: 600;
font-size: 18px;
letter-spacing: 0.15em;
}

@media (max-width: 992px) {
.included-section-wrap .flow-text,
.included-section-wrap .card-text{
font-size: 14px;
}
}
@media (max-width: 768px) {
.included-section-wrap .card {
width: 45%;
}
}
@media (max-width: 576px) {
.included-section {
margin: 30px 0 10px;
}
.included-section-wrap{
margin: 20px auto 0;
}
.included-section-wrap .card {
width: 85%;
}
.included-section-wrap .flow-text, .included-section-wrap .card-text{
font-size: 18px;
}
.included-section-wrap{
margin: 30px auto 0;
}
}




.flow-section{
max-width: 1280px;
margin: auto;
padding-bottom: 50px;
}
.flow-section h2{
font-weight: 600;
font-size: 36px;
letter-spacing: 0.15em;
}
.flow-section-wrap{
display: flex;
flex-wrap: wrap;
gap: 28px;
text-align: center;
margin: 50px auto 0;
padding: 0 20px;
}
.flow-section-wrap>div{
flex: 1;
}
.flow-section-wrap>div p{
font-weight: 600;
font-size: 20px;
line-height: 1.5;
letter-spacing: 0.15em;
color: #FFAA00;
margin: 10px 0;
}

@media (max-width: 992px) {
.flow-section-wrap{
padding: 0 20px;
}
.flow-section-wrap>div p{
font-size: 20px;
}
}
@media (max-width: 768px) {
.flow-section-wrap>div {
flex: auto;
max-width: 45%;
margin: 0 auto;
}
}


.qa-section{
margin: 60px 0 100px;
}
.qa-section h2{
font-weight: 600;
font-size: 36px;
letter-spacing: 0.15em;
}
.qa-section-wrap{
max-width: 960px;
margin: auto;
padding: 0 20px;
}
.qa-section-wrap dl{
border-bottom: 1px solid #FFAA00;
padding: 20px 0px 0;
}
.qa-section-wrap dt{
font-weight: 600;
font-size: 22px;
letter-spacing: 0.15em;
color: #040000;
/*margin-bottom: 25px;*/
display: flex;
line-height: 1.5;
}
.qa-section-wrap dt:before,.qa-section-wrap dd:before{
font-weight: 600;
font-size: 36px;
letter-spacing: 0.15em;
display: inline-block;
letter-spacing: 0.15em;
line-height: 1;
margin-right: 10px;
}
.qa-section-wrap dt:before{
content: 'Q';
color: #3FA7C9;
display: inline-block;
vertical-align: middle;
}
.qa-section-wrap dd{
font-weight: 600;
font-size: 16px;
letter-spacing: 0.15em;
display: flex;
padding-top: 20px;
}
.qa-section-wrap dd:before{
content: 'A';
color: #FFAA00;
}

@media (max-width: 768px) {
.qa-section-wrap dt{
font-size: 18px;
}
}
@media (max-width: 576px) {
.qa-section-wrap dd{
margin: 0 20px 0 0;
}
.qa-section-wrap dt:before, .qa-section-wrap dd:before{
font-size: 27px;
}
.qa-section {
margin: 30px 0 40px;
}
}




.qa-section-wrap dt {
cursor: pointer;
position: relative;
padding-right: 24px;
}


.qa-section-wrap dt::after {
content: '';
position: absolute;
right: 15px;
top: 50%;
width: 8px;
height: 8px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: translateY(-50%) rotate(45deg);
transition: transform 0.3s ease;
}

.qa-section-wrap dl.is-open{
padding-bottom: 20px;
}
.qa-section-wrap dl.is-open dt::after {
transform: translateY(-50%) rotate(-135deg);
}

.qa-section-wrap dd {
overflow: hidden;
max-height: 0;
transition: max-height 0s ease;
}






.inquiry-section{
background: linear-gradient(rgba(62, 62, 62, 0.49),rgba(62, 62, 62, 0.49)),url(images/inquiry-section.jpg)no-repeat center;
background-size: cover;
padding: 30px 0 0;
}
.inquiry-section h2{
color: white;
font-size: 36px;
letter-spacing: 0.15em;
margin-bottom: 20px;
}

@media (max-width: 576px) {
.inquiry-section .contact-form{
margin: 0 20px 20px;
}
}


.inquiry-section.info{
background: none;
}


.copyright{
margin-top: 20px;
padding: 40px 0;
border-bottom: 15px solid #FFAA00;
border-radius: 50px 50px 0px 0px;
background: #FFFFFF;
}
.copyright-wrap{
max-width: 990px;
margin: auto;
padding: 0 20px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 50px;
}
.copyright .logo{
max-width: 500px;
}
.copyright .add p{
font-weight: 600;
font-size: 16px;
letter-spacing: -0.017em;
line-height: 1.4;
margin: 0;
}

@media (max-width: 992px) {
.copyright-wrap{
flex-direction: column-reverse;
}
.copyright .add p{
line-height: 1.8;
}
}
@media (max-width: 576px) {
.inquiry-section{
/*background: none;*/
background: #eaf6ff;
padding-top:20px;
}
.copyright{
padding-bottom: 80px;
margin-top: 0;
/*padding-top: 0;*/
}
.copyright .add p {
font-size: 14px;
}
}



/*スマホ 問い合わせ*/
/*.lp-btn-wrap{
display: none;
}*/
.lp-btn-wrap {
flex-direction: column;
gap: 14px;
padding: 20px 0px;
max-width: 534px;
margin: 0 0 0 auto;
}
.lp-btn-wrap.ci{
padding: 35px 10px 0px;
display: none;
}
.lp-btn {
display: block;
position: relative;
width: 100%;
background: #FFAA00;
color: #fff;
text-align: center;
font-size: 16px;
font-weight: 700;
line-height: 1.4;
padding: 16px 12px;
border-radius: 8px;
text-decoration: none;
box-shadow: 0 4px 8px rgba(0,0,0,0.15);
transition: opacity 0.2s ease;
}
.lp-btn-wrap.vi{
margin: auto;
}
.contact_form_wp.ri .lp-btn{
max-width: 470px;
margin: auto;
}
.lp-btn.material {
background: #3FA7C9;
}
.lp-btn-wrap.ri .lp-btn.material{
background: #fff;
color: #3FA7C9;
border-radius:0;
padding: 20px 12px;
}
@media(min-width: 576px){
.lp-btn-wrap.ri .lp-btn.material{
font-size: 26px;
}
}
.lp-btn:hover {
opacity: 0.7;
}
.lp-btn-sub-wrap{
margin: auto;
padding: .5em 1.5em !important;
position: absolute;
top:-43px;
left: 0;
right: 0;
display: block;
text-align: center;
width: fit-content;
color: #FFAA00;
}
.lp-btn-sub-wrap:before,.lp-btn-sub-wrap:after{
content: "";
display: inline-block;
position: absolute;
height: 100%;
width: 1px;
background: currentColor;
left: 0;
top: 0;
transform: rotate(-20deg);
}
.lp-btn-sub-wrap:after {
bottom: auto !important;
left: auto !important;
right: 0 !important;
transform: rotate(20deg);
}
.lp-btn-sub{
font-size: 90%;
letter-spacing: .1em;
}
.inquiry-section h2#inquiry .sp{
display: none;
}
@media(max-width: 992px){
.lp-btn-wrap{
margin: auto;
}
}
@media (max-width: 1024px) {
.lp-btn-wrap.ci{
display: flex;
}
.lp-btn-wrap {
display: flex;
width: 100%;
}
.inquiry-section h2#inquiry{
color: #000;
}
.inquiry-section h2#inquiry .pc{
display: none;
}
.inquiry-section h2#inquiry .sp{
display: block;
}
}
@media (max-width: 576px) {
.lp-btn-wrap.vi{
max-width: 90%;
padding: 0 0 30px;
}
}


/* 固定ボタン（スマホ専用） */
.lp-fixed-btn {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background: #fff;
padding: 10px 12px;
display: flex;
flex-direction: row;
gap: 10px;
box-shadow: 0 -4px 10px rgba(0,0,0,0.15);
z-index: 9999;
}
.lp-fixed-btn .lp-btn {
border-radius: 6px;
padding: 14px 10px;
font-size: 15px;
}
@media screen and (min-width: 768px) {
.lp-fixed-btn {
display: none;
}
}