/*-----------------------------------------
    2025/01 LPインビザライン
-----------------------------------------*/
/* Google font読み込み */
@import url('https://fonts.googleapis.com/css2?family=Allura&family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mea+Culpa&display=swap');
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body.lp-invisalign {
    font-family: 'source han sans jp',sans-serif, 'Mea Culpa','Zen Old Mincho';
    font-weight: 300;
    color:#515050;
}

.lp-invisalign section {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

:root {
    --font-family-serif: 'Zen Old Mincho', 'Noto-Serif-JP', 'ヒラギノ明朝 ProN',
        'Hiragino Mincho ProN', 'Yu Mincho Light', sans-serif;
    --font-family-serif-sub: 'Mea Culpa';
    
    --font-family-sans: 'Noto Sans JP', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', sans-serif;
    --color-gold:#9a977b;
    --color-navy: #055598;
    --color-accent:#45adb7;
    --color-white: #fff;
    --color-outline:#3478ad;
    --color-blue:#1e4d96;
    --color-case-number:#3478ad;
    --color-access-btn-color:#4ac8d3;
    margin-top: 0 !important;
}

img {
    display: block;
    margin: 0 auto;
    width: auto;
    max-width: 100%;
    width: 100%;
    height: auto;
}
a {
    text-decoration: none;
    transition: opacity 0.5s;
}

li{
    list-style: none;
}

figure{
    margin: 0;
    padding: 0;
}

@media (hover: hover) {
    a:hover {
        opacity: 0.5;
    }
}
p {
    font-size: min(4vw, 18px);
    line-height: 1.6;
    letter-spacing: 0.04em;
    text-align: justify;
    font-family: var(--font-family-sans);
}
.bold {
    font-weight: 900;
}

.full-screen {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    max-width: 100vw;
    margin-bottom: 0;
}
.pc-only {
    display: block;
}
.sp-only {
    display: none;
}
@media (width < 768px) {
    .pc-only {
        display: none;
    }
    .sp-only {
        display: block;
    }
}
/*  common
------------------------*/
/* インビザラインLPサイト PC最大幅 */
.lp-invisalign .wrapper {
    width: 100%;
    max-width: calc(1040px + 6%);
    margin: 0 auto;
    padding: 0 3%;
}
.lp-invisalign .inner-wide {
    width: 100%;
    max-width: calc(1380px + 6%);
    margin: 0 auto;
    padding: 0 3%;
}
.lp-invisalign .inner-medium {
    width: 100%;
    max-width: calc(1240px + 6%);
    margin: 0 auto;
    padding: 0 3%;
}
.lp-invisalign .inner-min {
    width: 100%;
    max-width: calc(840px + 6%);
    margin: 0 auto;
    padding: 0 3%;
}

/* インビザラインLPサイト header contact button */
.lp-invisalign .h--cta-button-list {
    position: fixed;
    top: 11px;
    right: 3%;
    display: flex;
    justify-content: right;
    width: 450px;
    gap: 3px;
    
}
.lp-invisalign .h--cta-button-list li img{
    width: 100%;
    height: auto;
}
.lp-invisalign .h--cta-button-list li {
    flex-basis: 50%;
}
.lp-invisalign .h--cta-button-list li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: sans-serif;
    font-size: min(6vw, 25px);
    font-weight: 900;
    color: #fff;
    width: 100%;
    height: min(4vw, 70px);
    padding: 0 20px;
    border-radius: 6px;
}

.lp-invisalign .h--cta-button-list li a > span {
    position: relative;
    display: inline-block;
    text-shadow: 0px 0px 10px rgba(28, 28, 28, 0.1),
        0px 0px 10px rgba(28, 28, 28, 0.1);
}
/*  WEB button
-----------*/
.lp-invisalign .h--cta-button-list li a.button-web {
    background: #14a4e7;
    box-shadow: inset 15px 25px 25px rgba(7, 124, 226, 0.5),
            inset -15px -25px 25px rgba(7, 124, 226, 0.5);

}
.lp-invisalign .h--cta-button-list li a.button-web span {
    font-size: min(3vw, 25px);
    letter-spacing: 0.04em;
    padding-left: 1.3em;
    background: url("../images/invisalignLP/Firstview-page/laptop-icon-white.png") no-repeat left / 15%;
}
.lp-invisalign .h--cta-button-list li a.button-web small {
    font-size: min(4vw, 21px);
}

/*  TEL button
-----------*/
.lp-invisalign .h--cta-button-list li a.button-tel {
    background: #efa060;
    box-shadow: inset 15px 20px 20px rgba(254, 136, 0, 0.5),
    inset -15px -20px 20px rgba(238, 110, 6, 0.5);
    gap: 4px;
}
.lp-invisalign .h--cta-button-list li a.button-tel span {
    font-size: min(2vw, 23px);
    letter-spacing: 0.04em;
    line-height: 1;
    background: url("../images/invisalignLP/Firstview-page/phone-icon-white.png") no-repeat left;
    padding-left: 1em;
}
.lp-invisalign .h--cta-button-list li a.button-tel span.num {
    font-size: min(2vw, 20px);
    line-height: 1;
    background: none;
    padding-left: 0;
}

/* インビザラインLP header */
.lp-invisalign header .inner-wide {
    position: absolute;
    top: 11px;
    display: flex;
    justify-content: space-between;
    z-index: 100;
}
.lp-invisalign header .logo {
    max-width: min(25vw, 330px);
}



/* インビザラインLPサイト 共通見出し */
.lp-invisalign h1,
.lp-invisalign h2,
.lp-invisalign h3,
.lp-invisalign h4,
.lp-invisalign h5,
.lp-invisalign h6 {
    font-family: var(--font-family-serif);
    font-weight: 900;
}

.lp-invisalign .section-title {
    color:var(--color-gold);
    text-align: center;
    font-family: var(--font-family-serif);
    font-size: min(7vw, 2.6rem);
    margin-bottom: 10px;
    letter-spacing: 0.1em;
}

.lp-invisalign .section-sub-title {
    font-size: min(5vw, 1.875rem);
    letter-spacing: 0.01em;
    line-height: min(7vw,3rem);
    margin-top: 30px;
    color:var(--color-gold);
    text-align: center;
    margin-bottom: 20px;
}

.lp-invisalign .section-mini {
    font-size: min(5vw,32px);
    position: absolute;
    color:var(--color-accent);
    font-size: 1.25em;
    z-index: 1;
    text-align: center;
}


.lp-invisalign .section-text-box-sans{
    font-family: sans-serif;
    font-size: min(4vw,18px);
}



.lp-invisalign .text-title{
   color: var(--color-navy);
   font-size: min(8vw,1.5em);
   line-height: min(8vw,1.875em);
   margin-bottom: 5%;
}

.lp-invisalign .text-title-navy{
    color: var(--color-navy);
    font-size:min(3vw,1.5rem);
    font-weight: 400;
    font-family: sans-serif; 
}

.lp-invisalign .text-box-p{
    font-size: 18px;
    text-align: center;
    padding: 0 10px;
    font-family: var(--font-family-serif);
}
.lp-invisalign .text-p20-center-bold{
    font-size: min(4vw,20px);
    line-height: min(4vw,1.875em);
    font-weight: 400;
    font-family: sans-serif;
    text-align: center;
}


.lp-invisalign .text-box-p20-center{
    font-size: min(3.5vw,20px);
    font-family: sans-serif;
    text-align: center;
}
.lp-invisalign .text-box-p-left{
    font-size: min(4vw,18px);
    font-family: sans-serif;
    text-align: left;
}

.lp-invisalign .text-p18-sans{
    font-size: min(3.52vw,18px);
    font-family: sans-serif;
    text-align: left;
    font-weight: 250;
}

.lp-invisalign .text-p-gold{
    color:var(--color-gold);
    font-size: 18px;
    letter-spacing: 0.2rem;
}

.lp-invisalign .text-gold-p20{
    font-size: 20px;
    line-height: 1.75em;
    color:var(--color-gold);
    font-weight: 500;
    font-family: var(--font-family-serif);
}


.lp-invisalign .se-cta-title{
    font-size: 34px;
    margin-bottom: 0;
    color: var(--color-gold);
}

.lp-invisalign .se-cta-title span{
    font-size: 28px;
}

.lp-invisalign .mini-subtitle{
    letter-spacing: 1em;
    font-size: 16px;
    margin-top: 1em;
    color:var(--color-gold);
    text-align: center;
 }

.lp-invisalign .red{
    font-weight: bold;
    color: #eb596e;
    font-size: 30px;
    margin-left: 20px;
}

.lp-invisalign .outline p::before{
    content: '※';
}




/* ///////////////////////
contact 
//////////////////// */
.lp-invisalign #contact{
    background-image: url("../images/invisalignLP/contact/contact-background.png");
    background-size: cover;
    padding: 20px 0 20px 0;
    color:var(--color-gold);
    text-align: center;
}
.lp-invisalign .section-title-contact {
    font-size: min(44px);
    font-weight: 900;
    color: #9a977b;
    text-align: center;
    letter-spacing: 0.12em;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.lp-invisalign .section-title-contact::before{
    left:0;
}

.lp-invisalign .section-title-contact::after{
    right:0;
}

.lp-invisalign .section-title-contact::before,
.lp-invisalign .section-title-contact::after{
    content: '';    
    width: 30%;  
    border-top: 1px solid var(--color-gold);  
}

.lp-invisalign .contact-button-list ul {
    display: flex;
    justify-content: space-between;
    gap: min(5vw, 100px);
    margin: 38px 0 32px;
}

.lp-invisalign .contact-button-list li {
    width: 50%;
}

.lp-invisalign .contact-button-list li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: var(--font-family-sans);
    font-size: min(3.5vw, 38px);
    font-weight: 900;
    padding: 0 min(3.5vw, 32px);
    height: 100px;
    border-radius: 12px;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
    background-color: aliceblue;
    text-decoration: none;
    color: var(--color-gold)
}

.lp-invisalign .contact-button-list li a .icon {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.lp-invisalign .contact-button-list li a .icon img {
    width: 30px; 
    height: 30px; 
}




/* 固定ページメイン */

/* ///////////////////
院内紹介
/////////////////// */
.lp-invisalign #introduce{
    background-image: url("../images/invisalignLP/main-background.png");
    background-size: cover;
}
.lp-invisalign .introduce-background{
    background: url("../images/invisalignLP/introduce-clinic/background-gradation.png") no-repeat center bottom;
    background-size: cover;
}

.lp-invisalign .dh-container{
    display:flex;
    margin-bottom: 50px;
    gap: 30px;
}
.lp-invisalign .dh-container .introduce-left{
    width: 50%;

}
.lp-invisalign .dh-container .introduce-right{
    width: 50%;
    display: flex;
    flex-direction: column;
}

.lp-invisalign .dh-container .introduce-right ul li{
    margin-bottom: 20px;

}
.lp-invisalign .dh-container .introduce-right .dh-name{
    text-decoration: 1px solid var(--color-accent) underline;
    text-underline-offset: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: min(4.5vw, 1.5em);
}

.lp-invisalign .dh-container .introduce-right .profile::before{
    content: '◆';
    color: var(--color-accent)
}

/* 院内紹介　丸 */
.lp-invisalign .circle-container{
    display: flex;
    justify-content: space-around;
    margin-bottom: 20px;
    align-items: center;
    gap: 10px;
    height: auto;
    width: 100%;
}

.lp-invisalign .circle-container .circle{
    width: 100%;
    aspect-ratio: 1 / 1;
    background-color: var(--color-white);
    border-radius: 50%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2%;
}

.lp-invisalign .goldframe-text-boc{
    display: flex;
    justify-content: center;
}
.lp-invisalign .circle-bottom {
    text-align: center;
    display: inline-block;
    z-index: 1;
    padding:5px;
    border: 1px solid;
    border: 1px solid transparent; 
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 10;
    position: relative;
    margin-bottom: 100px;
}
.lp-invisalign .circle-bottom .text-container{
    padding: 20px;
    margin: 10px;
    display: inline-block;
    z-index: 0;
    background: var(--color-white);
    box-shadow: var(--color-white) 0 0 10px 10px; 
    padding:15px 5px 5px 5px;
}


.lp-invisalign .circle-bottom img{
    position: absolute;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    z-index: 10;
}







/* ////////////////////////
症例
////////////////////// */

.lp-invisalign #case{
    background-image: url("../images/invisalignLP/case/background.png");
    background-repeat: repeat;
    background-size: cover;
}


/* 下の部分 */
.lp-invisalign .case-bottom-part{
    width: 100%;
    margin-top: -15%;
}

.lp-invisalign .case-container-all{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 50px;
    margin-top: 50px;
    row-gap: 20px;
}

.lp-invisalign .case-title {
    width: 20%;
    height: min(10vw,32px);
    font-size: min(3vw,1.25rem);
    text-align: center;
    color: var(--color-white);
    position: absolute;
    clip-path: polygon(0 0, 85% 2%, 100% 100%, 0% 100%);
    position: relative;
    z-index: 1;
}

.lp-invisalign .case-title .case-title-num{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    font-size: min(3vw, 1rem);
}

.lp-invisalign .case-title-color-A{
    background-color:var(--color-outline);
}

.lp-invisalign .case-title-color-B{
    background-color:#97c6df;
}

.lp-invisalign .case-title-color-C{
    background-color:var(--color-access-btn-color);
}

.lp-invisalign .case-image {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
    margin-top: 5px;
}
.lp-invisalign .case-image img{
    width: 33%;
}

.lp-invisalign .case-image .case-img-left-side{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.lp-invisalign .case-image .case-img-right-side{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.lp-invisalign .arrow {
 background: url("../images/invisalignLP/case/arrow-icon.png") no-repeat;
 background-position: center;
}


.lp-invisalign .case-details {
    margin: 20px 0;
    color:#747171;
}
.lp-invisalign .case-details li {
    margin-bottom: 10px;
}

.lp-invisalign .case-details li ::before{
    content: "◆";
    margin-right: 5px;
    font-size:1.5rem;
}

.lp-invisalign .case-details li strong {
    font-weight: bold;
    margin-right: 8px; 
    display: inline-block; 
    min-width: 25%; 
}

.lp-invisalign .case-details .case-textarea {
    line-height: 1.875rem;
    margin: 0 3%;
}
/* ///////////////////
5つの悩み
/////////////////// */
.lp-invisalign #five-reasons{
    background-image: url("../images/invisalignLP/main-background.png");
    background-size: cover;
    padding-bottom: 50px;
}

.lp-invisalign .hex-obi-title{
    width: 100%; 
    padding-left: 15%;
    padding-right: 15%;
    margin-bottom: 15px;
}

.lp-invisalign .list-container .sub-text-box{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

.lp-invisalign .list-container .sub-text-box p{
    width: 70%; 
}

/* reason card */
.lp-invisalign .reason-cards {
    display: flex;
    justify-content: space-around;
    margin-bottom: 60px;
    gap: 20px;
  }
  
.lp-invisalign .reason-cards .card {
    width: 33%; 
}
  
.lp-invisalign .reason-cards .card  .card-title{
    text-align: center;
    font-family: sans-serif;
    margin: 3% 0;
    color: var(--color-accent);
    font-size: 1.5rem;
    line-height: min(8vw,2.5rem);
}

.lp-invisalign .reason-cards .card img {
    object-fit: cover;
    width: 100%;
    height: auto;
    margin-bottom: 3%;
  }

 /* /////reason last container///// */
 .lp-invisalign .reason-last .hex-obi-title{
    padding-left: unset;
    padding-right: unset;
    margin-bottom: unset;
 } 
 .lp-invisalign .reason-last-container{
    display: flex;
    justify-content: space-around;
    gap: 10%;
   
 }
 .lp-invisalign .reason-last{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 45%;
 }
 .lp-invisalign .reason-last-card .card{
    padding: 10%;
 }
 .lp-invisalign .reason-last-card .card .text p{
    padding: 10px;
 }


 /* //////////////////////////////
 インビザラインについて 
 //////////////////////////////*/
.lp-invisalign #about-invisalign{
    background-image: url("../images/invisalignLP/aboutInvisalign/background.png");
    background-position:bottom;
    background-size: cover;
    display: inline-block;
}

.lp-invisalign .about-invisalign-box{
    position: relative;
    z-index: 2;

}
.lp-invisalign .about-invisalign-box .section-main-title span{
    font-size: 2rem;
    font-weight: 600;
}
.lp-invisalign .about-invisa-container{
    display: flex;
    margin-top: 5%;
    margin-bottom: 5%;
}

.lp-invisalign .about-invisa-container .left{
    width: 60%;
}
.lp-invisalign .about-invisa-container .right{
    text-align: left;
    width: 45%;
    line-height: 1.75rem;
    margin-left: -40px;
    margin-top: 50px;
}
.lp-invisalign .about-invisa-container .right span{
    background: linear-gradient(transparent 50%, #fff956 50%);
}
.lp-invisalign .about-invisa-container .right .outline {
    color: var(--color-outline);
    background: none;
}
.lp-invisalign .about-invisa-container .right span span{
    font-weight: 900;
    font: bold;
}
.lp-invisalign  .outline p{
    font-size: 0.875rem;
    text-align: right;
    color: #3478ad;
}



/* ////////////////////////////
 インビザラインについて - インビザライン種類 
//////////////////////////////*/
.lp-invisalign .invisa-type-container{
    text-align: center;
}
.lp-invisalign .invisa-type-main-title{
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color-white);
    width: 100%;
    height: 100px;
    font-size:min(4vw,1.25rem);
    background-image: url("../images/invisalignLP/aboutInvisalign/pc-title-obi.png");
    background-position: center;
    background-size: cover;
    margin-bottom: 30px;
}

.lp-invisalign .service-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px;
    text-align: center;
    font-family: sans-serif;
    margin-bottom: 5%
}
  

  
.lp-invisalign .service-cards .card img {
    object-fit: cover;
    width: 100%;
  }

  /* artical cards */
.lp-invisalign .service-cards .card header{
    margin: 15px 0 20px 0;
    height: 130px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center 
}

.lp-invisalign  .service-cards .card header .title{
    color: #3478ad;  
    font-style: italic;
    font-size: min(6vw,30px);
    font-family:sans-serif;
    font-weight: 900;
    margin-bottom: 10px;
    
}
 .lp-invisalign .service-cards .card header .title span{
    text-decoration: underline;
    text-underline-offset: 10px;
    text-decoration-color: #3478ad; 
    text-decoration-style: solid; 
    text-decoration-thickness: 3px; 
}

 .lp-invisalign .service-cards .card .content .title-call{
    margin: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.lp-invisalign .service-cards .card .content .text-box-p-left{
    margin-left: 1%;
    margin-right: 1%;
}
.lp-invisalign .title-call .line-box{
    background-size: contain;
    height: 55px;
    width: 5%;
    margin: 0 10px 0 10px;
}
.lp-invisalign .title-call .left{
    background: url("../images/invisalignLP/aboutInvisalign/斜め線左.png") no-repeat;
}
.lp-invisalign .title-call .right{
    background: url("../images/invisalignLP/aboutInvisalign/斜め線右.png") no-repeat;
}
 
  /* 吹き出し */
.lp-invisalign .about-invisalign-bottom-part{
    margin-top: -10%;
}

/* ////////////////
6つのメリット
//////////////////// */
.lp-invisalign #advantages{
    background: url("../images/invisalignLP/main-background.png") repeat;
    background-size: cover;
    height: auto;
}

.lp-invisalign .advantage-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10%;
    justify-content: center;
    align-items: stretch;
    margin-top: 10%;
}


.lp-invisalign .advantage-container .advantage-card {
    width: 45%; 
    background: url("../images/invisalignLP/advantage/card-background.png") no-repeat;
    background-size: cover ;
    background-position: center;
    height: auto; 
    aspect-ratio: 1 / 1; 
    margin-top: 20px;
    margin-bottom: 5%;
    border-radius: 50% 50% 0 0 ; 
    padding: 2%;
    display: flex; 
    flex-direction: column; 
}


/* 画像ボックス */
.lp-invisalign .advantage-card .image-box {
    width: 100%;
    padding: 0 10%;
    height: 45%;
}

/* テキスト */
.lp-invisalign .advantage-card .text {
    padding: 20px;
    font-size: 0.9rem;
    line-height: 1.5;
    width: 100%;
}


.lp-invisalign .advantage-card .text p{
    font-family: sans-serif;
    line-height: 18px;
    line-height: 1.7rem;
    font-weight: 300;
 }
.lp-invisalign .advantage-card .text span{
    background: linear-gradient(transparent 60%, #fff956 20%);
}

.lp-invisalign .advantage-card .top-part{
    display: flex;
    align-items: center;
    justify-items: flex-start;
    height: 25%; 
    width: 100%;
}

.lp-invisalign .advantage-card .top-part .num{
 	background-color:#45adb7;
    width: 4.5rem;
    height: 4.5rem; 
    border-radius: 50%;
    overflow:hidden;
    box-shadow:0px 0px 10px 10px #45adb7;
    display:flex;
    align-items: center;
    justify-content: center;
    margin-bottom:2%;
}

.lp-invisalign .advantage-card .top-part .num h1{
    color: var(--color-white);
    font-size: min(10vw,2.5rem);
    font-weight:400;
}
.lp-invisalign .advantage-card .top-part .title{
    width: 100%;
    text-align: center;
    margin-left: -4.5rem;
    font-weight: 600;
    line-height: 1.5em;
    font-size: 1.3rem;
}



/* ///////////////////
料金表
///////////////// */
/* 料金表 */
.lp-invisalign #about-price{
    text-align: center;
    background-image: url("../images/invisalignLP/price/background.png");
    background-size: cover;
} 

.lp-invisalign #about-price .bottom-part{
    background-image: url("../images/invisalignLP/price/bottom-part.png");
    background-size: cover;
    height: 56px;
}
.lp-invisalign .price-container{
    text-align: center;
    width: 100%;
}
.lp-invisalign .price-list-container{
    margin: -10px;
    font-family: sans-serif; 
}
.lp-invisalign  .price-list-container table {
    width: 100%;
    margin-bottom: 40px;
    margin-top: 80px;
    border-spacing: 10px;
    border-collapse: separate;
    
  }
  
.lp-invisalign .price-list-container table th,
.lp-invisalign .price-list-container table td {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 
    padding-bottom: 10px;
    border: unset;
  }
  
.lp-invisalign .price-list-container table th {
    background-color:#e1f4fb;
    width: 45%;
    padding-right: 10px;
  }

  
.lp-invisalign .price-list-container table td{
    background-color: #ffffff;
    width: 55%;
    text-align: end;
    padding: 1.5%;
    font-weight: bold;
    letter-spacing: 0.25rem;
  }

/* 支払い方法 */
.lp-invisalign .payment-methods{
    background-color: #e1f4fb;
    font-family: sans-serif; 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }

.lp-invisalign .payment-methods h1 {
    padding: 5% 0;
    border-bottom: 1px solid #1e4d96;
    font-size: min(8vw,1.75rem)
  }

.lp-invisalign .payment-methods .methods{
    display: flex;
    justify-content: center;
    padding: 50px 30px;
    gap:min(3vw,82px);
  }

.lp-invisalign .payment-methods .methods .price-icon{
    background-color: #ffffff;
    width: 100%;
    aspect-ratio: 1 / 1;
    max-width: 240px;
    border-radius: 50%;
    box-shadow: 0 4px 8px rgba(255, 255, 255, 0.1);
    display: flex;
    gap: 5%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  
  .lp-invisalign .payment-methods .methods .price-icon .price-img img {
    width: 100%;
    height: auto;
    object-fit:contain
  }
  
.lp-invisalign .price-container .text-small-outline {
    line-height: 3;
    margin-top: 10px;
  }
  .lp-invisalign .price-container .text-small-outline p::before{
    content: '※';
  }

/* /////////////////////////////
治療の流れ
///////////////////////////// */
.lp-invisalign #treatment-process{
    background-image: url("../images/invisalignLP/process/background.png");
    background-repeat: repeat;
    background-size: cover;
    height: auto;
    background-color: #d3f2f7;
    font-family: var(--font-family-serif);
}

.lp-invisalign #treatment-process .bottom-part{
    background-image: url("../images/invisalignLP/process/bottom-background.png");
    background-size: cover;
    bottom: 0;
    width: 100%;
    height: 5%;
}

.lp-invisalign .process{
    margin-bottom: 150px;
}


.lp-invisalign .process-title{
    background-image: url("../images/invisalignLP/process/title-base.png");
    height: 200px;
    background-position: center;
    margin-bottom: 100px;
    text-align: center;

}
.lp-invisalign .process-title-main{
    background: url("../images/invisalignLP/process/title-outline.png") no-repeat;
    background-position: center;
    height: 200px;
    margin-left: -50px;
    color:var(--color-gold);
    font-size:1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}


.lp-invisalign .process-container {
    display: flex;
    flex-direction: column; 
    align-items: center; 
    position: relative;
    gap: 50px;
    background: url("../images/invisalignLP/process/vertical-line.png") no-repeat;
    background-size: contain;
    background-position: center;
   
  }

.lp-invisalign .process-box{
    position: relative;
    margin-bottom: 10%;
    display: block;
}
.lp-invisalign .process-card{
    background-color: #ffffff;
    border-radius: 30px 0;
    width: 100%;
    height: auto;
    min-height: 300px;
    padding: 20px 80px 20px 80px;
    z-index: 1;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    position: relative;
}

  /* 番号の円 */
.lp-invisalign  .process-box .number {
    background: url("../images/invisalignLP/process/pc-number-circle.png") no-repeat;
    background-size: contain;
    width:150px;
    height: 150px;
    position: absolute;
    z-index: 15;
    top: -30%;
    margin-left: -3%;
    text-align: right; 
    display: flex; 
    align-items: center; 
    justify-content: flex-end; 
    text-align: center; 
  }

.lp-invisalign  .process-box .number .num{
    
    color: #33b1bf;
    height: 50%;
    font-family: "Mea Culpa", serif;  
    font-size: min(10vw,3.5rem);
    margin: 0; 
    line-height: 1; 
  }


.lp-invisalign .process-box:last-child{
    margin-bottom: 0;
}

.lp-invisalign .process-card .card-img{
    width: 50%;
    height: auto;
    margin-right: 20px;
}

.lp-invisalign .process-card .card-img img{
    width: 100%;
    height: auto;
    object-fit: contain;
}

.lp-invisalign .process-card .process-text-box{
    width: 65%;
    padding-left: 20px;
}

.lp-invisalign .process-card .process-text-box p{ 
    font-family: var(--font-family-serif)
}

.lp-invisalign .process-card .process-card-title{
    text-align: center;
    color: #33b1bf;
    font-size: min(5vw,32px);
    padding-bottom: 30px;
    padding-left: 5%;
}





/* ////////////////////////
よくある質問
//////////////////// */
.lp-invisalign .qa-container{
    display: flex;
    flex-direction: column;
    align-items: center;  
    width: 100%; 
    padding: 20px; 
    box-sizing: border-box;  
}
.lp-invisalign .qa-title {
    margin-bottom: 40px;
    text-align: center;
    color:var(--color-gold);
    width: 100%;
    word-wrap: break-word;
}


.lp-invisalign .question-box{
    text-align: left;
    width: 100%; 
    max-width: 840px; 
    margin-bottom: 50px; 
    padding: 0 10px; 
    box-sizing: border-box;
}


.lp-invisalign .qa-8 dt {
    font-weight: 600;
    padding-left: 1rem;
    background-color:var(--color-accent);
    color: var(--color-white);
    height: auto; 
    padding: 10px 1rem; 
    line-height: 1.4;
    display: flex;
    text-align: center;
    align-items: center;
    word-wrap: break-word;

}

.lp-invisalign .qa-8 dt::before {
    content: "Q.";
    font-size: 1.5rem;
    margin-right: 1rem;
    font-family: var(--font-family-serif)
}

.lp-invisalign .qa-8 dd {
    margin: 1em 0;
    font-size: 18px;
    line-height: 1.6; 
    height: auto;
    word-wrap: break-word; /
}





/* ///////////////////////
アクセス
////////////////// */
.lp-invisalign #access{
    background-image: url("../images/invisalignLP/access/access-background.png");
    background-repeat: no-repeat;
    background-size: cover;
    color:var(--color-gold);
    -webkit-appearance:none;
}

.lp-invisalign .access-box{
    margin-top: 50px;
    margin-bottom: 50px;
}



.lp-invisalign .access-container{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows:auto;
}

.lp-invisalign .access-container .left-box{
    grid-area: 1 / 1 / 3 / 2 ;
    text-align: left;
    margin-top: 50px;
    
}

.lp-invisalign .access-container .left-box dl{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 50px;
    font-family: sans-serif;
    font-weight:300;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 2.5rem;
}
.lp-invisalign .access-container .left-box dt{
    width:28%;
    margin-bottom: 10px;
    
}
.lp-invisalign .access-container .left-box dt::before{
    content: '【';
}
.lp-invisalign .access-container .left-box dt::after{
    content: '】';
}

.lp-invisalign .access-container .left-box dd{
    width:70%;
    margin-bottom: 10px;
}

.lp-invisalign .access-container .right-box{
     grid-area: 1/2/2/3;
    -webkit-mask-image: radial-gradient(rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 75%);
    mask-image: radial-gradient(rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 75%);
    width: 100%;
    max-height: 400px;
}
.lp-invisalign .access-container .right-box img{
     width: 100%;
    height: auto;
    -webkit-height: auto; 
    object-fit: contain; 
    -webkit-object-fit: contain;
    max-height: 400px; 
}

@supports (-webkit-touch-callout: none) {
    .lp-invisalign .access-container .right-box img {
        height: auto;
        max-height: 300px;
    }
}

.lp-invisalign .access-container .right-bottom{
    background-color:var(--color-access-btn-color);
    font-size: 1.5em;
    border-radius: 12px;
    align-self: end;
    justify-self: end;
    width: 30%;
    min-width: 320px;
    height: auto;
    min-height: 80px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}
.lp-invisalign .access-container .right-bottom a{
    color: #ffffff;
    font-size: 34px;
    font-family: sans-serif;
    font-weight: 300;
}

/* /////////////////////////
google map
/////////////////////// */
.lp-invisalign #google-map{
    display: flex;
    justify-content: center;
}


/* ///////////////////////
インビザラインの使用について
////////////////// */
.lp-invisalign #caution{
    background-image: url("../images/invisalignLP/caution/background.png");
    background-size: cover;
    padding-bottom: 5%;
}

.lp-invisalign .invisalign-note{
    text-align: center;
    border: 3px solid var(--color-gold);
    background-color:#ffffff;
    padding: 5% 10%;
}


.lp-invisalign .invisalign-note .box{
    margin-bottom:  7%;
}

.lp-invisalign .invisalign-note .note-title{
    color: #4a4a4a;
    letter-spacing: 0.2rem;
    margin-bottom: 2%;
}

.lp-invisalign .invisalign-note .note-title::before{
    content: '✓';
    color: var(--color-gold);
    font-weight: bold;
}



/* /////////////
footer
/////////////// */
.lp-invisalign #footer{
    background-image: url("../images/invisalignLP/caution/background.png");
    background-size: cover;
}
.lp-invisalign .footer-container{
    background-image: url("../images/invisalignLP/footer/bottom-part.png");
    background-size: cover;
    height: 200px;
    display: flex;
    justify-content: space-around;
    align-items: end;
    color: var(--color-white);
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    padding-bottom: 2%;
}
.lp-invisalign .footer-container div{
    width: 33%;
    display: flex;
    justify-content: center;  
}
.lp-invisalign .back-top a{
    color: var(--color-white);
}

/* //////////////////////////// 
レスポンシブ対応
//////////////////////////// */
@media (min-width: 768px) and (max-width: 1080px) {
    .lp-invisalign .circle-container .circle .text-title {
        font-size: min(10vw,1rem);
        margin-bottom: unset;
    }
    .lp-invisalign .circle-container .circle .text-box-p {
        font-size: min(10vw,0.875rem);
    }
    .lp-invisalign .circle-bottom .text-container .text-box-p {
        font-size: 0.875rem;
        text-align: left;
    }
    .lp-invisalign .case-details .section-text-box-sans {
        font-size: 0.875rem;
    }
    .lp-invisalign .reason-cards .card .card-title {
        font-size: 1.25rem;
    }

    .lp-invisalign .access-container .left-box dl{
        font-size: min(4vw,16px);
        letter-spacing: 0;
    }
    .lp-invisalign .access-container .left-box .text-gold-p20{
        font-size: min(4vw,16px);
    }

}


@media (width < 768px) {
    /* worries */
    .lp-invisalign .worries-container{
        background: url("../images/invisalignLP/worries/sp-worries-img.png") no-repeat center/ cover;
        position: relative;
        z-index: 1;
        display: block;
    }
    
   .lp-invisalign .worries-container{
     background-position: left;
     background-size: 180%;
   }

    .lp-invisalign .worries-box img{
        padding-top: 20vh;
        margin: 0 auto;
        padding-bottom: 30px;
    }

    .lp-invisalign .worries-bottom {
    background-size: 90%;
    margin-bottom: unset;
    }

    /* introduce */

    .lp-invisalign .dh-container{
        flex-direction: column;
        gap:10px;
    }
    .lp-invisalign .dh-container .introduce-left{
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;

    }
    .lp-invisalign .dh-container .introduce-right{
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .lp-invisalign .circle-container{
        flex-direction: column;
    }
    .lp-invisalign .circle-container .circle{
        width: 100%;
    }
   
    .lp-invisalign .circle-container .circle .text-title{
        font-size: 1.5rem;
    }

    .lp-invisalign .circle-bottom  .text-box-p{
        text-align: left;
        font-size: 0.8rem;
    }
  
    /* contact */
    .lp-invisalign .contact-button-list ul {
        flex-direction: column;
        justify-content: center;
        margin: 0 20px 5px 20px;
        
    }
    .lp-invisalign .contact-button-list ul li{
        width: 100%;
    }

    /* case */
    .lp-invisalign .case-container-all{
        display: flex;
        flex-direction: column;
    }
    .lp-invisalign .case-container{
        display: block;
        margin-bottom: 50px;
    }

    /* five reasons */
    .lp-invisalign .reason-cards{
        flex-direction: column;
        justify-content: center;
    }

    .lp-invisalign .hex-obi-title {
        padding-left: unset;
        padding-right: unset;
        margin-bottom: unset;
    }
    .lp-invisalign .reason-cards .card .card-title{
        font-size: min(10vw,1.25rem);
    }
    .lp-invisalign .reason-cards .card {
        width: 100%; 
    }
    .lp-invisalign .list-container .sub-text-box p{
        width: 100%; 
    }
    .lp-invisalign .reason-cards .card img {
        width: 90%;
    }

    .lp-invisalign .reason-sp-display-grid-02 .card{
        background-color: #fff;
        box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
        display: grid;
        grid-template-columns: 1fr 1fr; 
        grid-template-rows: auto auto;
        gap: 10px;
        align-items: center;
    }

    .lp-invisalign .reason-sp-display-grid-02 .card .card-title{
        grid-area: 1/1/2/3;
    }
    .lp-invisalign .reason-sp-display-grid-02 .card .grid-position-left-p{
        grid-area: 2/1/3/2;
    }

    .lp-invisalign .reason-sp-display-grid-02 .card .grid-position-right-img{
        grid-area: 2/2/3/3;
        width: 100%;
        padding: 0;
    }

    .lp-invisalign .sp-reason-display-03 .card{
        display: grid;
        grid-template-columns: 1fr 1fr; 
        gap: 10px;
        align-items: center;
    }
    .lp-invisalign .sp-reason-display-03 .card img{
        width: 100%;
    }
    .lp-invisalign .sp-reason-display-03 .grid-position-right-img{
        grid-area: 1/2/3/3;
    }
    .lp-invisalign .sp-reason-display-03 .grid-position-left-p{
        grid-area: 1/1/3/2;
    }

    .lp-invisalign .reason-last-container{
        flex-direction: column;
    }
    .lp-invisalign .reason-last{
        width: 100%;
    }

    .lp-invisalign .reason-last-card .card{
        padding: unset;
        margin-bottom: 20px;
     }

    /* about invisalign */
    .lp-invisalign .about-invisalign-box .service-cards {
        display: flex;
        flex-direction: column;
        margin: 0 5px;
    }

   .lp-invisalign .about-invisalign-bottom-part{
        margin-top: 10%;
    }
    .lp-invisalign .about-invisa-container{
        flex-direction: column;
    }

    .lp-invisalign .about-invisa-container .left{
        width: 100%;
    }
    .lp-invisalign .about-invisa-container .right {
        width: 100%;
        margin: 0;
        margin-top: 15px;
    }


    /* type of invisalign */

    .lp-invisalign .invisa-type-main-title{
        background-image: url("../images/invisalignLP/aboutInvisalign/sp-title-obi.png");
    }
    .lp-invisalign .invisa-type-main-title h1{
        font-size: 1.5rem;
    }
    .lp-invisalign .service-cards .card .single-title{
        height: 60px;
    }

    .lp-invisalign .advantage-container .advantage-card {
        width: 100%; 
        background-size: cover; 
        height: auto; 
    }
  
    .lp-invisalign .advantage-card .top-part .title{
        font-size: min(5vw,1.5rem);
    }
    .lp-invisalign .service-cards .card img {
        width: 70%;
    }
    .lp-invisalign .invisa-type-container:last-child{
        margin-bottom: 5%;
    }
    /* price */
    .price-list-container table td {
        padding-right: unset;
    }

    .lp-invisalign .price-list-container table th {
        width: 60%;
        font-size: 0.875rem
    }
    .lp-invisalign .price-list-container table td {
        width: 40%;
        letter-spacing: unset;
        font-size: 1rem;
    }
    /* qa container0 */
    .lp-invisalign .qa-container{
        display: block;
    }

    .lp-invisalign .qa-8 dt {
        justify-content: center;
    }
    /* treatment process */
    .lp-invisalign .process-title{
        background-image: none;
        height: auto;
        width: 100%;
        padding: 10%;
        margin-bottom: 0;
    }
    .lp-invisalign .process-card{
        flex-direction: column;
        padding: 10px;
    }
    .lp-invisalign .process-card .card-img{
        width: 80%;
        height: auto;
        margin-left: 0;
    }
    .lp-invisalign .process-card .process-text-box{
        width: 100%;
        margin-top: 20px;
    }
    .lp-invisalign .process-box .number {
        background-image: url("../images/invisalignLP/process/sp-num.png");
        margin-left: -10;
        top:-10%;
        width: 110px;
        height: 115px;
    }
    /* access */
	.lp-invisalign .access-container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .lp-invisalign .access-container .right-box {
        max-height: 300px;
    }

    .lp-invisalign .access-container .left-box dl{
        font-size: min(4vw,18px);
        letter-spacing: 0;
    }
    .lp-invisalign .access-container .left-box .text-gold-p20{
        text-align: center;
        font-family: var(--font-family-serif);
        font-size: min(4vw,18px);
        margin-bottom: 5%;
    }

    .lp-invisalign .access-container .right-bottom{
        margin-top: 20px;
        width: 70%;
        align-self: center;
        justify-self: center;
    }
    
    .lp-invisalign .payment-metthods .methods .prince-icon{
      max-width:180px;
    }  
    /* caution */
    .lp-invisalign .invisalign-note {
        padding: 5%;
    }
    .lp-invisalign .invisalign-note .note-title{
        text-align: left;
        font-size: min(4vw,1.5em);
        font-weight: 700;
        margin-bottom: 10px;
    }

    .lp-invisalign .footer-container{
        padding-bottom: 15%;
        align-items: center;
        height: 150px;
    }
    .lp-invisalign .footer-container{
        overflow: visible;
    }
}


/*  header
------------------------*/
/* ハンバーガーメニュー */
.lp-invisalign header .gnav {
    display: none;
}
@media (width < 768px) {
    .lp-invisalign header .top-cta-button {
        display: none;
    }
    .lp-invisalign header .inner-wide {
        gap: 0;
        max-height: 44px;
    }
    .lp-invisalign header .logo {
        max-width: 260px;
    }
    .lp-invisalign header .logo img {
        height: 50px;
        object-fit: contain;
    }
    .lp-invisalign header .container {
        margin-right: 50px;
    }

    /* 診療時間 */
    .lp-invisalign header .hours {
        width: 150px;
        height: 44px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        line-height: 1;
        border:1px solid grey;
        border-radius: 12px;
        color: #7f888c;
        line-height: 1.3;
    }
    .lp-invisalign header .hours .s01 {
        font-size: min(3vw, 14px);
    }
    .lp-invisalign header .hours .s02 {
        font-size: min(4vw, 16px);
        font-weight: bold;
    }
    html #wpadminbar {
        display: none;
    }
    /* ハンバーガーボタン */
    .lp-invisalign .navToggle {
        position: fixed;
        top: 11px;
        right: 3%;
        display: block !important;
        width: 50px;
        height: 44px;
        text-align: center;
        cursor: pointer;
        z-index: 101;
    }
    .lp-invisalign .navToggle span {
        display: block;
        position: absolute;
        right: 0;
        width: 70%;
        border-bottom: solid 5px #7f888c;
        -webkit-transition: 0.35s ease-in-out;
        -moz-transition: 0.35s ease-in-out;
        transition: 0.35s ease-in-out;
    }
    .lp-invisalign .navToggle span:nth-child(1) {
        top: 3px;
    }
    .lp-invisalign .navToggle span:nth-child(2) {
        top: 13px;
    }
    .lp-invisalign .navToggle span:nth-child(3) {
        top: 23px;
    }
    .lp-invisalign .navToggle span:nth-child(4) {
        border: none;
        bottom: -2px;
        right: -7px;
        width: 100%;
        letter-spacing: 0;
        font-size: 13px;
        font-family: var(--font-family-serif);
        font-weight: bold;
    }
    .lp-invisalign .navToggle.active span:nth-child(1),
    .lp-invisalign .navToggle.active span:nth-child(2) {
        top: 12px;
    }
    .lp-invisalign .navToggle.active span:nth-child(1) {
        -webkit-transform: rotate(-20deg);
        -moz-transform: rotate(-20deg);
        transform: rotate(-20deg);
    }
    .lp-invisalign .navToggle.active span:nth-child(2) {
        -webkit-transform: rotate(20deg);
        -moz-transform: rotate(20deg);
        transform: rotate(20deg);
    }
    .lp-invisalign .navToggle.active span:nth-child(3) {
        display: none;
    } 
    /* ハンバーガーボタン 展開後 */
    .lp-invisalign .globalMenuSp {
        position: fixed;
        z-index: 100;
        top: 0;
        right: 0;
        text-align: left;
        transform: translateY(-100%);
        transition: all 0.6s;
        width: 100%;
        margin: 0;
    }

    .lp-invisalign .globalMenuSp .inner {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 80px 8% 0;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        width: auto;
        background: url("../images/invisalignLP/Firstview-page/sp-burgur-btn-background.png") no-repeat center / cover;
        height: 100vh;
    }

    /* このクラスを、Jsで付与・削除する */
    .lp-invisalign .globalMenuSp.active {
        position: fixed;
        display: block;
        right: 0;
        bottom: 0;
        transform: translateY(0%);
        z-index: 99;
        overflow-y: auto;
        margin-left: auto;
    }
    .lp-invisalign .globalMenuSp ul {
        flex-grow: 1;
    }
    .lp-invisalign .globalMenuSp ul > li {
        margin-bottom: 1em;
    }
    .lp-invisalign .globalMenuSp ul > li a {
        position: relative;
        display: block;
        font-family: var(--font-family-serif);
        font-size: min(3.5vw, 28px);
        font-weight: normal;
        color: #515050;
        text-align: center;
        border: 2px solid #5ed3cd;
        border-radius: 50px;
        padding: 0.3em 0;
        background: #fff url("../images/invisalignLP/Firstview-page/logo-tooth.png") no-repeat center left 10px /
            8%;
        box-shadow: 0 5px 10px #228b9e3b;
        padding-left: 10%;
    }
}   

/*  footer
------------------------*/
.lp-invisalign footer .f--cta-button-list {
    display: none;
}
@media (width < 768px) {
    .lp-invisalign footer .f--cta-button-list {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        display: flex;
        z-index: 90;
    }
    .lp-invisalign .f--cta-button-list li {
        flex-basis: 50%;
    }
    .lp-invisalign .f--cta-button-list li a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-family: sans-serif;
        font-size: min(6vw, 25px);
        font-weight: 900;
        color: #fff;
        line-height: 1;
        width: 100%;
        height: 10vh;
    }

    .lp-invisalign .f--cta-button-list li a > span {
        position: relative;
        display: inline-block;
        line-height: 1;
        text-shadow: 0px 0px 10px rgba(28, 28, 28, 0.1),
            0px 0px 10px rgba(28, 28, 28, 0.1);
    }

    /*  WEB button
    -----------*/
    .lp-invisalign .f--cta-button-list li a.button-web {
        background: #1996ce;
    }
    .lp-invisalign .f--cta-button-list li a.button-web span {
        font-size: min(4.5vw, 38px);
        letter-spacing: 0.04em;
        padding-left: 1.5em;
        background: url("../images/invisalignLP/Firstview-page/laptop-icon-white.png") no-repeat left / 20%;
    }
    .lp-invisalign .f--cta-button-list li a.button-web small {
        font-size: min(3vw, 21px);
    }

    /*  TEL button
    -----------*/
    .lp-invisalign .f--cta-button-list li a.button-tel {
        background: #ef8c2c;
    }
    .lp-invisalign .f--cta-button-list li a.button-tel span {
        font-size: min(6vw, 20px);
        letter-spacing: 0.04em;
        line-height: 1;
        background: url("../images/invisalignLP/Firstview-page/phone-icon-white.png") no-repeat left bottom/ 18%;
        padding-left: 1em;
    }
    .lp-invisalign .f--cta-button-list li a.button-tel span.num {
        font-size: min(5vw, 27px);
        line-height: 1;
        background: none;
        padding-left: 0;
    }
}