﻿@charset "UTF-8";

/* ---------------------------------------------------------
 *	General
 *---------------------------------------------------------- */

.implant-lp {
   font-family: 'Noto Serif JP', serif;
}

.implant-lp h1 {
   font-family: 'EB Garamond', serif;
}

/* ---------------------------------------------------------
 *	MV
 *---------------------------------------------------------- */

.implant-lp .c-mainvisual {
   position:relative;
   min-height:750px;
}

.implant-lp .js-slider img {
   width: 100%;
   min-height:750px !important;
   object-fit: cover;
}

.implant-lp .mv_catch {
   position:absolute;
   top: max(11vw, calc(var(--header-height) + 16px));
   right: 20vw;
   z-index:1;
   font-size: 3.8em;
   color:#FFF;
   line-height: 1.5;
   letter-spacing: 0.1em;
   text-shadow: 1px 1px 15px rgb(0 18 60);
   animation-duration: 1.5s;
   animation-delay: 0.5s;
}

.implant-lp .mv_catch span {
   font-size: 0.6em;
}

.implant-lp .mv_badge {
   position:absolute;
   bottom: 3vw;
   right: 20vw;
   z-index:1;
}

.implant-lp .mv_badge ul {
   display:flex;
}

.implant-lp .mv_badge ul li {
   width:200px;
   margin-right:20px;
}

.implant-lp .mv_badge ul li:first-child {
   animation-duration: 1.5s;
   animation-delay: 0.5s;
}

.implant-lp .mv_badge ul li:nth-child(2) {
   animation-duration: 1.5s;
   animation-delay: 0.8s;
}

.implant-lp .mv_badge ul li:last-child {
   margin-right:0px;
   animation-duration: 1.5s;
   animation-delay: 1.1s;
}

/* ---------------------------------------------------------
 *	無料カウンセリング実施中
 *---------------------------------------------------------- */

.implant-lp .bnr_counseling {
   background: url(../../img/implant/bg_counseling.webp) no-repeat top left;
   background-size: cover;
   padding:100px 0;
}

.implant-lp .box_bnr_counseling {
   text-align:center;
}

.implant-lp .box_bnr_counseling p {
   color:#fff;
}

.implant-lp .box_bnr_counseling p.ttl {
   font-size:3em;
   line-height: 1;
}

.implant-lp .box_bnr_counseling p.ttl_eng {
   width:20%;
   margin:0 auto 40px;
}

.implant-lp .box_bnr_counseling p {
   font-size:1.5em;
   margin-bottom:40px;
}

.implant-lp .bnr_counseling ul {
   display:flex;
   width:1000px;
   margin:0 auto;
}

.implant-lp .bnr_counseling ul li {
   flex:1;
   min-width:0;
}

.implant-lp .bnr_counseling ul li:first-child {
   margin-right:20px;
}

.implant-lp .bnr_medicaldoc {
   width:960px;
   margin:0 auto;
}

.implant-lp .bnr_medicaldoc2 {
   width:640px;
   margin:30px auto 0 auto;
}

.implant-lp .bnr_area {
   padding:80px 0;
}

.implant-lp .bnr_area ul {
   display:flex;
   width:calc(960px / 1.5);
   margin:30px auto 0 auto;
}

.implant-lp .bnr_area ul li:first-child {
   margin-right:20px;
}

/* ---------------------------------------------------------
 *	TREATMENT COST
 *---------------------------------------------------------- */

.implant-lp .price {
   background: url(../../img/implant/bg_price.webp) no-repeat top left;
   background-size: cover;
   padding:100px 0;
}

.implant-lp .price p.ttl_eng {
   font-family: 'EB Garamond', serif;
   font-size: 5.5em;
   line-height: 1;
   color: #091f5e;
   text-align: center;
   letter-spacing: 0.15em;
}

.implant-lp .price h2 {
   background: url(../../img/implant/bg_ttl_price_01.webp) no-repeat top center;
   background-size: 100%;
   width:360px;
   margin:30px auto 0 auto;
   text-align:center;
   color:#fff;
   font-size:2em;
   padding: 10px 0 30px 0;
   position:relative;
   z-index:1;
   letter-spacing: 0.2em;
}

.implant-lp .price h3.ttl_sub {
   background: url(../../img/implant/bg_ttl_price_02.webp) no-repeat top center;
   background-size: 100%;
   width:230px;
   margin:30px auto 0 auto;
   text-align:center;
   color:#fff;
   font-size:1.8em;
   padding: 1px 0 15px 0;
   position:relative;
   z-index:1;
   letter-spacing: 0.2em;
}

.implant-lp .payment h3.ttl_sub {
   background: url(../../img/implant/bg_ttl_price_03.webp) no-repeat top center;
   background-size: 100%;
   width:270px;
   margin:30px auto 0 auto;
   text-align:center;
   color:#fff;
   font-size:1.8em;
   padding: 1px 0 15px 0;
   position:relative;
   z-index:1;
   letter-spacing: 0.2em;
}

.implant-lp .price p.txt_price {
   background: url(../../img/implant/bg_box_price_01.webp) no-repeat top center;
   background-size: 100%;
   width:1000px;
   margin: -80px auto 0 auto;
   text-align:center;
   font-size:4em;
   color:#091f5e;
   padding: 72px 0;
}

.implant-lp .price p.txt_price span {
   background-image: url(../../img/implant/bg_line_gold.svg), url(../../img/implant/bg_line_gold.svg);
   background-repeat: repeat-x, repeat-x;
   background-position:top center, bottom center;
   background-size: 100%;
   display: block;
   width: 45%;
   margin: 15px auto;
   line-height: 1.5;
   font-weight: bold;
   letter-spacing: 0.06em;
}

.implant-lp .price div.time {
   margin-top: -95px;
}

.implant-lp .price div.time p {
   background: url(../../img/implant/bg_box_price_03.webp) no-repeat top center;
   background-size: 100%;
   width:820px;
   margin: -72px auto 0 auto;
   padding: 60px 0 11px 0;
   text-align:center;
   color:#fff;
   font-size:1.3em;
   letter-spacing: 0.06em;
}

.implant-lp .price div.time p span {
   font-size:1.5em;
   padding-left: 5px;
}

.implant-lp section.price div.freq {
   margin-top:40px;
}

.implant-lp .price div.freq p {
   background: url(../../img/implant/bg_box_price_04.webp) no-repeat top center;
   background-size: 100%;
   width:1000px;
   margin: -68px auto 0 auto;
   padding: 66px 30px 40px 30px;
   text-align:center;
   color:#091f5e;
   font-size:1.8em;
   letter-spacing: 0.06em;
   font-weight:bold;
}

.implant-lp section.price div.payment {
   margin-top:60px;
}

.implant-lp section.price div.payment p.ttl_eng {
   font-size: 4.5em;
}

.implant-lp .payment ul {
   display:flex;
   justify-content: space-between;
   width:780px;
   margin: 30px auto 0 auto;
}

.implant-lp .payment ul li {
   margin-right:40px;
}

.implant-lp .payment ul li:last-child {
   margin-right:0px;
}

.implant-lp .payment div.txt {
   background: url(../../img/implant/bg_payment.webp) no-repeat top center;
   background-size: 100%;
   width:1000px;
   margin: 60px auto 0 auto;
   text-align:center;
   color:#091f5e;
   padding: 90px 105px 104px 343px;
}

.implant-lp .payment div.txt p {
   font-size:18px;
   text-align:left;
}

.implant-lp section.price div.fee {
   background: url(../../img/implant/bg_price_fee.webp) no-repeat top center;
   background-size: 100%;
   width:1000px;
   margin:0 auto;
   padding-bottom: 95px;
}

.implant-lp section.price div.fee table {
   width:80%;
   margin:20px auto 0 auto;
   font-size:1.2em;
   border:1px solid #091f5e;
}

.implant-lp section.price div.fee table th, .implant-lp section.price div.fee table td {
   padding:10px;
}

.implant-lp section.price div.fee table th {
   background:#091f5e;
   color:#fff;
   border-bottom:1px #fff solid;
   width:50%;
}

.implant-lp section.price div.fee table td {
   border-bottom:1px #091f5e solid;
   text-align:center;
}

/* ---------------------------------------------------------
 *	ABOUT IMPLANT
 *---------------------------------------------------------- */

.implant-lp section.about {
   padding: 100px 0;
   background: #f7f4ee;
}

.implant-lp section.about p.ttl_eng {
   font-family: 'EB Garamond', serif;
   font-size: 5em;
   line-height: 1;
   color: #091f5e;
   text-align: center;
   letter-spacing: 0.06em;
   background: linear-gradient(135deg, #83601d 0%, #dead4c 100%);
   background: -webkit-linear-gradient(-45deg, #83601d 0%, #dead4c 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.implant-lp section.about > h2 {
   color: #091f5e;
   text-align: center;
   font-size: 2.3em;
   font-weight: 500;
   letter-spacing: 0.06em;
   margin-top: 20px;
}

.implant-lp section.about .about_inner {
   width: 1000px;
   max-width: 92%;
   margin: 50px auto 0;
}

.implant-lp section.about .about_lead p {
   color: #333;
   line-height: 2;
   margin-bottom: 1.5em;
}

.implant-lp section.about .about_lead p:last-child {
   margin-bottom: 0;
}

.implant-lp section.about .about_parts {
   display: flex;
   justify-content: space-between;
   gap: 24px;
   margin: 50px 0 0;
   padding: 0;
   list-style: none;
}

.implant-lp section.about .about_parts li {
   flex: 1;
   background: #fff;
   padding: 32px 28px;
   box-sizing: border-box;
   border-top: 4px solid #c99c32;
}

.implant-lp section.about .about_parts .num {
   font-family: 'EB Garamond', serif;
   font-size: 2.2em;
   line-height: 1;
   color: #c99c32;
   margin-bottom: 12px;
}

.implant-lp section.about .about_parts h3 {
   color: #091f5e;
   font-size: 1.35em;
   font-weight: 500;
   line-height: 1.4;
   margin-bottom: 14px;
}

.implant-lp section.about .about_parts h3 span {
   font-size: 0.75em;
}

.implant-lp section.about .about_parts p:not(.num) {
   color: #444;
   line-height: 1.8;
   font-size: 0.95em;
}

.implant-lp section.about .about_compare,
.implant-lp section.about .about_points,
.implant-lp section.about .about_summary {
   margin-top: 70px;
}

.implant-lp section.about .about_compare > h3,
.implant-lp section.about .about_points > h3,
.implant-lp section.about .about_summary > h3 {
   color: #091f5e;
   font-size: 1.8em;
   font-weight: 500;
   text-align: center;
   letter-spacing: 0.04em;
   margin-bottom: 30px;
   position: relative;
   padding-bottom: 16px;
}

.implant-lp section.about .about_compare > h3::after,
.implant-lp section.about .about_points > h3::after,
.implant-lp section.about .about_summary > h3::after {
   content: "";
   display: block;
   width: 60px;
   height: 2px;
   background: #c99c32;
   margin: 16px auto 0;
}

.implant-lp section.about .about_table_wrap {
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
}

.implant-lp section.about .about_compare table {
   width: 100%;
   border-collapse: collapse;
   background: #fff;
}

.implant-lp section.about .about_compare th,
.implant-lp section.about .about_compare td {
   padding: 16px 12px;
   text-align: center;
   border-bottom: 1px solid #e6e0d4;
   font-size: 1em;
   line-height: 1.5;
}

.implant-lp section.about .about_compare thead th {
   background: #091f5e;
   color: #fff;
   font-weight: 500;
}

.implant-lp section.about .about_compare tbody th {
   background: #f0ebe2;
   color: #091f5e;
   font-weight: 500;
   text-align: left;
   padding-left: 20px;
   white-space: nowrap;
}

.implant-lp section.about .about_compare tbody td {
   color: #333;
   font-size: 1.15em;
}

.implant-lp section.about .about_compare tbody tr:nth-child(even) td {
   background: #fcfaf7;
}

.implant-lp section.about .about_points ul {
   list-style: none;
   padding: 0;
   margin: 0;
   display: grid;
   gap: 20px;
}

.implant-lp section.about .about_points li {
   background: #fff;
   padding: 28px 32px;
}

.implant-lp section.about .about_merit li {
   border-left: 4px solid #c99c32;
}

.implant-lp section.about .about_demerit li {
   border-left: 4px solid #091f5e;
}

.implant-lp section.about .about_points h4 {
   color: #091f5e;
   font-size: 1.25em;
   font-weight: 500;
   margin-bottom: 12px;
   letter-spacing: 0.03em;
}

.implant-lp section.about .about_points p {
   color: #444;
   line-height: 1.9;
}

.implant-lp section.about .about_summary ul {
   list-style: none;
   padding: 0;
   margin: 0;
   display: flex;
   gap: 20px;
}

.implant-lp section.about .about_summary li {
   flex: 1;
   background: #091f5e;
   color: #fff;
   text-align: center;
   padding: 32px 20px;
}

.implant-lp section.about .about_summary .label {
   font-size: 0.95em;
   letter-spacing: 0.08em;
   color: #dead4c;
   margin-bottom: 14px;
}

.implant-lp section.about .about_summary .value {
   font-size: 2em;
   font-weight: 500;
   line-height: 1.3;
   color: #fff;
}

.implant-lp section.about .about_summary .value span {
   font-size: 0.55em;
   margin-left: 2px;
}

.implant-lp section.about .about_summary .value_sm {
   font-size: 1.05em;
   font-weight: 400;
   line-height: 1.7;
}

.implant-lp section.about .about_note {
   margin-top: 50px;
   padding: 28px 32px;
   background: #fff;
   color: #444;
   line-height: 1.9;
   border: 1px solid #e6e0d4;
}

/* ---------------------------------------------------------
 *	REASON
 *---------------------------------------------------------- */

.implant-lp section.reason {
   background: url(../../img/implant/bg_reason.webp) no-repeat top left;
   background-size: cover;
   padding:100px 0;
}

.implant-lp section.reason p.ttl_eng {
   font-family: 'EB Garamond', serif;
   font-size:5em;
   line-height: 1;
   color:#091f5e;
   text-align: center;
   letter-spacing: 0.06em;
   background: linear-gradient(135deg, #83601d 0%, #dead4c 100%);
   background: -webkit-linear-gradient(-45deg, #83601d 0%, #dead4c 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.implant-lp section.reason h2 {
   background-image: url(../../img/implant/bg_ttl_reason.svg);
   background-repeat: no-repeat;
   background-position:top center;
   background-size: 30%;
   color:#091f5e;
   text-align:center;
   font-size: 2.3em;
   font-weight: 500;
   letter-spacing: 0.06em;
   padding: 55px 0 5px 0;
   margin-top: 40px;
}

.implant-lp section.reason h2 span {
   color:#c99c32;
   text-align:center;
   font-size: 1.3em;
}

.implant-lp section.reason h3 {
   font-size:2em;
   font-weight: 500;
   letter-spacing: 0.05em;
   color:#091f5e;
   line-height: 1.8;
}

.implant-lp section.reason h3 span {
   font-size:1.5em;
}

.implant-lp section.reason h3.ttl_first {
   background: url(../../img/implant/ttl_reason_01.webp) no-repeat top left;
   background-size:130px;
   padding: 65px 0 33px 160px;
   margin: 0 auto -35px 100px;
   z-index: 1;
   position: relative;
   min-height: 185px;
}

.implant-lp section.reason h3.ttl_second {
   background: url(../../img/implant/ttl_reason_02.webp) no-repeat top left;
   background-size:130px;
   padding: 25px 0 40px 180px;
   margin:0 auto -25px 320px;
   z-index: 1;
   position: relative;
   line-height: 1.5;
   min-height: 185px;
}

.implant-lp section.reason h3.ttl_third {
   background: url(../../img/implant/ttl_reason_03.webp) no-repeat top left;
   background-size: 130px;
   padding: 14px 0 29px 180px;
   margin: 0 auto -25px 100px;
   z-index: 1;
   position: relative;
   min-height: 185px;
}

.implant-lp section.reason h3 span {
   background: url(../../img/implant/ttl_reason_ub.svg) no-repeat bottom left;
   background-size:100%;
}

.implant-lp section.reason h3.ttl_third span {
   background: url(../../img/implant/ttl_reason_ub.svg) no-repeat bottom left;
   background-size:100%;
}

.implant-lp section.reason div.box_txt_left {
   width:80%;
   min-width:1150px;
   max-width:1200px;
   margin: 20px auto 0;
}

.implant-lp section.reason div.box_txt_left div.box_txt_first {
   position:relative;
   min-height: 492px;
}

.implant-lp section.reason div.box_txt_left div.box_txt_first p {
   background: url(../../img/implant/bg_reason_small.webp) no-repeat top left;
   background-size: cover;
   padding: 60px 480px 60px 100px;
   color: #fff;
   position: absolute;
   top: 0;
   width: 80%;
}

.implant-lp section.reason div.box_txt_left div.box_txt_first img {
   width:640px;
   position:absolute;
   top: 65px;
   right:0;
   z-index:1;
}

.implant-lp section.reason div.box_txt_right {
   margin:40px auto;
   width:80%;
   min-width:1150px;
   max-width:1200px;
}

.implant-lp section.reason div.box_txt_right div {
   position:relative;
   min-height: 492px;
}

.implant-lp section.reason div.box_txt_right div p {
   background: url(../../img/implant/bg_reason_small.webp) no-repeat top left;
   background-size: cover;
   padding: 60px 100px 60px 480px;
   color: #fff;
   position: absolute;
   top: 0;
   right:0;
   width: 80%;
}

.implant-lp section.reason div.box_txt_right div img {
   width:640px;
   position:absolute;
   top: 65px;
   left:0;
}

/* ---------------------------------------------------------
 *	CONSULTATION
 *---------------------------------------------------------- */

.implant-lp section.consultation {
   background: url(../../img/implant/bg_consul.webp) no-repeat top left;
   background-size: cover;
   padding:100px 0;
}

.implant-lp section.consultation p.ttl_eng {
   font-family: 'EB Garamond', serif;
   font-size:5em;
   line-height: 1;
   color:#e4ce99;
   text-align: center;
   letter-spacing: 0.06em;
}

.implant-lp section.consultation h2 {
   color:#fff;
   text-align:center;
   font-size:2.5em;
   background: url(../../img/implant/ttl_consultation.svg) no-repeat bottom center;
   background-size: 360px;
   padding-bottom: 100px;
}

.implant-lp section.consultation div.wrap_consultation {
   display:flex;
   justify-content: space-between;
   align-items: flex-start;
   width: 1000px;
   margin: 40px auto;
}

.implant-lp section.consultation div.wrap_consultation div.box_consultation {
   width:32%;
}

.implant-lp section.consultation div.wrap_consultation div.box_consultation div {
   background:#fff;
}

.implant-lp section.consultation div.wrap_consultation div.box_consul_gradation {
   width: 90%;
   margin: -10px auto 0 auto;
   position: relative;
   z-index: 1;
   background: linear-gradient(135deg, #a97d20 0%,#dc9d1f 100%) !important;
   padding:2px;
}

.implant-lp section.consultation div.wrap_consultation div.box_consultation h3 {
   background:#091f5e;
   color:#fff;
   text-align:center;
   padding:10px;
   min-height:90px;
   font-size:1.2em;
}

.implant-lp section.consultation div.wrap_consultation div.box_consultation h3.ttl_consultation_last {
   padding: 27px;
}

.implant-lp section.consultation div.wrap_consultation div.box_consultation p {
   padding:20px;
   min-height:357px;
}

/* ---------------------------------------------------------
 *	straumann
 *---------------------------------------------------------- */

.implant-lp section.straumann {
   padding:40px 0;
   background: url(../../img/implant/bg_straumann.webp) no-repeat top left;
   background-size: cover;
}

.implant-lp section.straumann div.box_straumann {
   width:1000px;
   padding:80px;
   margin:0 auto;
   background: #ffffffc2;
}

.implant-lp section.straumann div.box_straumann h2 {
   font-size: 2em;
   font-weight: 500;
   letter-spacing: 0.05em;
   text-align:center;
   margin-top:40px;
}

.implant-lp section.straumann div.box_straumann h2 span {
   font-size: 1.5em;
}

.implant-lp section.straumann div.box_straumann img.straumann_logo {
   width:380px;
   display: block;
   margin:0 auto;
}

.implant-lp section.straumann div.box_straumann img.straumann_image {
   width:680px;
   display: block;
   margin:0 auto;
}

.implant-lp section.straumann div.box_straumann p {
   margin-top:40px;
}

/* ---------------------------------------------------------
 *	DOCTOR
 *---------------------------------------------------------- */

.implant-lp section.doctor {
   background: url(../../img/implant/bg_doctor.webp) no-repeat top left;
   background-size: cover;
   padding:100px 0;
}

.implant-lp section.doctor div.wrap_ttl_doctor {
   background: url(../../img/implant/bg_ttl_doctor.svg) no-repeat top center;
   background-size: 100%;
   width: 814px;
   margin: 0 auto;
   padding: 42px;
   position:relative;
   z-index: 1;
}

.implant-lp section.doctor p.ttl_eng {
   font-family: 'EB Garamond', serif;
   font-size:5em;
   line-height: 1;
   color:#fff;
   text-align: center;
}

.implant-lp section.doctor h2 {
   color:#e4ce99;
   text-align:center;
   font-size:2.5em;
}

.implant-lp section.doctor div.wrap_doctor {
   max-width: 1200px;
   margin: -140px auto 0 auto;
   background: #fff;
   padding:200px 100px 100px 100px;
}

.implant-lp section.doctor div.box_doctor {
   display:flex;
   justify-content: space-between;
   align-items: flex-start;
}

.implant-lp section.doctor div.wrap_doctor h3 {
   font-size:2em;
   margin-bottom:30px;
}

.implant-lp section.doctor div.wrap_doctor img {
   width: 50%;
}

.implant-lp section.doctor div.wrap_doctor div.box_doctor_txt {
   padding:10px 30px 0 0;
}

.implant-lp section.doctor div.wrap_doctor p.name {
   text-align:center;
   font-size:2em;
   margin-top:30px;
   border-bottom:#091f5e 1px solid;
   padding-bottom: 20px;
}

.implant-lp section.doctor div.wrap_doctor p.name span {
   font-size:0.65em;
}

.implant-lp section.doctor div.box_keireki {
   padding:20px 40px;
   background: rgb(11,30,94);
   background: linear-gradient(169deg, rgba(11,30,94,1) 0%, rgba(11,62,160,1) 50%, rgba(11,30,94,1) 100%);
   margin-top:40px;
}

.implant-lp section.doctor div.box_keireki h4 {
   text-align: center;
   color:#fff;
   font-size: 1.5em;
   position: relative;
}

.implant-lp section.doctor div.box_keireki h4::before {
   content:"";
   border-bottom: 1px solid #fff;
   display:block;
   height:1px;
   position: absolute;
   left: 0px;
   top: 20px;
   width:100px;
}

.implant-lp section.doctor div.box_keireki h4::after {
   content:"";
   border-bottom: 1px solid #fff;
   display:block;
   height:1px;
   position: absolute;
   right: 0px;
   top: 20px;
   width:100px;
}

.implant-lp section.doctor div.box_keireki p {
   font-family: 'EB Garamond', serif;
   font-size:1em;
   text-align: center;
   color:#e4ce99;
   letter-spacing: 0.2em;
}

.implant-lp section.doctor div.box_keireki ul {
   margin-top:20px;
   padding-left:40px;
   color:#fff;
}

.implant-lp section.doctor div.wrap_doctor_sub {
   background:#ece8e6;
   padding: 60px 40px;
   margin-top:40px;
}

.implant-lp section.doctor div.wrap_doctor_sub h3 {
   text-align:center;
   color:#091f5e;
}

.implant-lp section.doctor div.wrap_doctor_sub p.name {
   width: 50%;
   margin: 30px auto;
}

.implant-lp section.doctor div.wrap_doctor_sub div.box_keireki {
   width: 80%;
   margin: 0px auto;
}

/* ---------------------------------------------------------
 *	FLOW
 *---------------------------------------------------------- */

.implant-lp section.flow {
   background: url(../../img/implant/bg_flow.webp) no-repeat top center;
   background-size: cover;
   padding:100px 0;
}

.implant-lp section.flow p.ttl_eng {
   font-family: 'EB Garamond', serif;
   font-size:5em;
   line-height: 1;
   color:#fff;
   text-align: center;
}

.implant-lp section.flow h2 {
   background: url(../../img/implant/bg_ttl_flow.svg) no-repeat top center;
   background-size: 100%;
   color:#fff;
   text-align:center;
   font-size:2.5em;
   width:430px;
   margin:40px auto -60px auto;
   position:relative;
   z-index:1;
   padding: 10px 0 31px;
}

.implant-lp section.flow ol {
   width: 1000px;
   margin:0 auto;
}

.implant-lp section.flow ol li {
   padding: 30px 40px 30px 180px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom:40px;
}

.implant-lp section.flow ol li h3 {
   color:#091f5e;
   font-size:1.5em;
   margin-bottom:10px;
}

.implant-lp section.flow ol li img {
   width: 330px;
   margin-left:20px;
}

.implant-lp section.flow ol li:first-child {
   background-image: url(../../img/implant/bg_flow_step_01.svg), url(../../img/implant/bg_downallow.svg);
   background-color: #fff;
   background-repeat: no-repeat, no-repeat;
   background-position: top 84px left 40px, bottom 0px left 84px;
   background-size: 108px, 20px;
   padding: 90px 40px 30px 180px;
}

.implant-lp section.flow ol li:nth-child(2) {
   background-image: url(../../img/implant/bg_flow_step_02.svg), url(../../img/implant/bg_downallow.svg);
   background-color: #fff;
   background-repeat: no-repeat, no-repeat;
   background-position: top 20px left 40px, bottom 0px left 84px;
   background-size: 108px, 20px;
}

.implant-lp section.flow ol li:nth-child(3) {
   background-image: url(../../img/implant/bg_flow_step_03.svg), url(../../img/implant/bg_downallow.svg);
   background-color: #fff;
   background-repeat: no-repeat, no-repeat;
   background-position: top 20px left 40px, bottom 0px left 84px;
   background-size: 108px, 20px;
}

.implant-lp section.flow ol li:nth-child(4) {
   background-image: url(../../img/implant/bg_flow_step_04.svg), url(../../img/implant/bg_downallow.svg);
   background-color: #fff;
   background-repeat: no-repeat, no-repeat;
   background-position: top 20px left 40px, bottom 0px left 84px;
   background-size: 108px, 20px;
}

.implant-lp section.flow ol li:nth-child(5) {
   background-image: url(../../img/implant/bg_flow_step_05.svg), url(../../img/implant/bg_downallow.svg);
   background-color: #fff;
   background-repeat: no-repeat, no-repeat;
   background-position: top 20px left 40px, bottom 0px left 84px;
   background-size: 108px, 20px;
}

.implant-lp section.flow ol li:nth-child(6) {
   background-image: url(../../img/implant/bg_flow_step_06.svg), url(../../img/implant/bg_downallow.svg);
   background-color: #fff;
   background-repeat: no-repeat, no-repeat;
   background-position: top 20px left 40px, bottom 0px left 84px;
   background-size: 108px, 20px;
}

.implant-lp section.flow ol li:nth-child(7) {
   background-image: url(../../img/implant/bg_flow_step_07.svg), url(../../img/implant/bg_downallow.svg);
   background-color: #fff;
   background-repeat: no-repeat, no-repeat;
   background-position: top 20px left 40px, bottom 0px left 84px;
   background-size: 108px, 20px;
}

.implant-lp section.flow ol li:nth-child(8) {
   background-image: url(../../img/implant/bg_flow_step_08.svg);
   background-color: #fff;
   background-repeat: no-repeat;
   background-position: top 20px left 40px;
   background-size: 108px;
   margin-bottom:0px;
}

/* ---------------------------------------------------------
 *	CASE
 *---------------------------------------------------------- */

.implant-lp section.case {
   background: url(../../img/implant/bg_case.jpg) no-repeat top center;
   background-size: cover;
   padding:100px 0;
}

.implant-lp section.case p.ttl_eng {
   font-family: 'EB Garamond', serif;
   font-size:5em;
   line-height: 1;
   color:#091f5e;
   text-align: center;
}

.implant-lp section.case h2 {
   color:#091f5e;
   text-align:center;
   font-size:2.5em;
}

.implant-lp section.case div.wrap_case {
   width: 1000px;
   margin: 40px auto;
}

.implant-lp section.case div.wrap_case h3 {
   background: url(../../img/implant/ttl_case.webp) no-repeat top left;
   background-size: cover;
   color:#fff;
   padding:20px;
   margin-bottom:20px;
   font-size:1.3em;
}

.implant-lp section.case div.wrap_pic_case {
   display:flex;
   justify-content: space-between;
   align-items: center;
}

.implant-lp section.case div.box_pic_case_before {
   width: 45%;
   background: url(../../img/implant/bg_case_before.webp) no-repeat top left;
   background-size: cover;
   padding:20px;
   text-align:center;
   color:#fff;
   margin-top: 80px;
}

.implant-lp section.case div.box_pic_case_after {
   width: 45%;
   background: url(../../img/implant/bg_case_after.webp) no-repeat top left;
   background-size: cover;
   padding:20px;
   text-align:center;
   color:#fff;
   margin-top: 80px;
}

.implant-lp section.case div.box_pic_case_before img, .implant-lp section.case div.box_pic_case_after img {
   display: block;
   margin-top: -80px;
}

.implant-lp section.case img.left_allow {
   width:33px;
}

.implant-lp section.case div.wrap_case table {
   margin-top:30px;
   width:100%;
   border:#091f5e 1px solid;
}

.implant-lp section.case div.wrap_case table th {
   color:#fff;
   background:#091f5e;
   width:30%;
   padding:20px;
   border-bottom:1px solid #fff;
}

.implant-lp section.case div.wrap_case table td {
   padding:20px;
   background:#fff;
   border-bottom:#091f5e 1px solid;
}

/* ---------------------------------------------------------
 *	Q&A
 *---------------------------------------------------------- */

.implant-lp section.qa {
   background: url(../../img/implant/bg_qa.webp) no-repeat top center;
   background-size: cover;
   padding:100px 0;
}

.implant-lp section.qa p.ttl_eng {
   font-family: 'EB Garamond', serif;
   font-size:5em;
   line-height: 1;
   color:#c99c32;
   text-align: center;
}

.implant-lp section.qa h2 {
   color:#091f5e;
   text-align:center;
   font-size:2.5em;
}

.implant-lp section.qa div.wrap_qa {
   width: 1000px;
   margin: 40px auto;
}

.implant-lp section.qa dl {
   margin-bottom:40px;
}

.implant-lp section.qa dl:last-child {
   margin-bottom:0px;
}

.implant-lp section.qa dt {
   background:#091f5e;
   color:#fff;
   position:relative;
   padding: 10px 10px 10px 120px;
   font-size:1.2em;
   position:relative;
   z-index:1;
}

.implant-lp section.qa dd {
   position:relative;
   padding: 40px 10px 30px 120px;
   background:#fff;
}

.implant-lp section.qa dt:before {
   content:"";
   width:80px;
   height:80px;
   background: url(../../img/implant/ttl_qa_q.webp) no-repeat top left;
   background-size: 80px;
   position:absolute;
   top:-15px;
   left:15px;
}

.implant-lp section.qa dd:before {
   content:"";
   display:block;
   width:80px;
   height:80px;
   background: url(../../img/implant/ttl_qa_a.webp) no-repeat top left;
   background-size: 80px;
   position:absolute;
   top:20px;
   left:15px;
}

.implant-lp section.info {
   padding:100px 0;
}

.implant-lp section.info p.ttl_eng {
   font-family: 'EB Garamond', serif;
   font-size:3em;
   line-height: 1;
   color:#c99c32;
   text-align: left;
}

.implant-lp section.info h2 {
   color:#091f5e;
   text-align:left;
   font-size:2em;
}

.implant-lp section.info div.wrap_info {
   width: 1000px;
   margin: 40px auto;
   display:flex;
   justify-content: space-between;
}

.implant-lp section.info div.wrap_info dl {
   display:flex;
}

.implant-lp section.info div.wrap_info dt {
   width:20%;
}

.implant-lp section.info div.wrap_info dd {
   width:80%;
}

.implant-lp section.info .pic_info {
   width: 1000px;
   margin: 40px auto;
   display:block;
}

.implant-lp .footer_link_btn {
   display:none;
}

@media only screen and (max-width: 1025px) {

   .implant-lp .footer_link_btn {
      display:flex;
      position:fixed;
      left:0;
      bottom:0;
      z-index: 10;
   }

   .implant-lp .footer_link_btn a {
      display:block;
   }

   .implant-lp section.reason div.box_txt_left {
      width: 100%;
      min-width: 100px;
      max-width: 1024px;
      margin: 20px auto 0;
   }

   .implant-lp section.reason div.box_txt_left div.box_txt_first {
      position: relative;
      min-height: 465px;
   }

   .implant-lp section.reason div.box_txt_left div.box_txt_first img {
      width: 50%;
      position: absolute;
      top: 65px;
      right: 0;
      z-index: 1;
   }

   .implant-lp section.reason div.box_txt_left div.box_txt_first p {
      background: url(../../img/implant/bg_reason_small.webp) no-repeat top left;
      background-size: cover;
      padding: 60px 380px 60px 100px;
      color: #fff;
      position: absolute;
      top: 0;
      width: 80%;
   }

   .implant-lp section.reason h3 {
      font-size: 1.8em;
      font-weight: 500;
      letter-spacing: 0.05em;
      color: #091f5e;
   }

   .implant-lp section.reason div.box_txt_right {
      margin: 40px auto;
      width: 100%;
      min-width: 100px;
      max-width: 1024px;
   }

   .implant-lp section.reason div.box_txt_right div img {
      width: 50%;
      position: absolute;
      top: 65px;
      left: 0;
   }

   .implant-lp section.reason div.box_txt_right div p {
      background: url(../../img/implant/bg_reason_small.webp) no-repeat top left;
      background-size: cover;
      padding: 60px 88px 60px 385px;
      color: #fff;
      position: absolute;
      top: 0;
      right: 0;
      width: 80%;
   }

   .implant-lp section.reason div.box_txt_right div {
      position: relative;
      min-height: 466px;
   }

}

@media only screen and (max-width: 840px) {

   .implant-lp .c-mainvisual {
      min-height: 50vh;
   }

   .implant-lp .js-slider img {
      min-height: 50vh !important;
   }

   .implant-lp .mv_catch {
      font-size: 2.8em;
   }

   .implant-lp .mv_badge ul li {
      width: 120px;
      margin-right: 20px;
   }

   .implant-lp .bnr_counseling {
      padding: 80px 3vw;
   }

   .implant-lp .box_bnr_counseling p.ttl_eng {
      width: 40%;
   }

   .implant-lp .bnr_counseling ul {
      width: auto;
   }

   .implant-lp .bnr_area {
      width: 95%;
      margin: 0 auto;
   }

   .implant-lp .bnr_area ul {
      display: flex;
      width: auto;
      margin: 30px auto 0 auto;
   }

   .implant-lp .bnr_medicaldoc {
      width: auto;
   }

   .implant-lp .bnr_medicaldoc2 {
      width: auto;
      margin:30px auto 0 auto;
   }

   .implant-lp .price {
      background: url(../../img/implant/bg_price.webp) no-repeat top left;
      background-size: cover;
      padding: 80px 0;
   }

   .implant-lp .price p.ttl_eng {
      font-size: 4em;
      line-height: 1;
   }

   .implant-lp .price p.txt_price {
      background: url(../../img/implant/bg_box_price_01.webp) no-repeat top center;
      background-size: 100%;
      width: auto;
      margin: -80px auto 80px auto;
      text-align: center;
      font-size: 3em;
      color: #091f5e;
      padding: 75px 0;
   }

   .implant-lp .price div.time p {
      background: url(../../img/implant/bg_box_price_03.webp) no-repeat top center;
      background-size: 100%;
      width: auto;
      margin: -60px auto 0 auto;
   }

   .implant-lp .price div.freq p {
      background: url(../../img/implant/bg_box_price_04.webp) no-repeat top center;
      background-size: 100%;
      width: auto;
      margin: -50px auto 0 auto;
      padding: 45px 30px 6px 30px;
   }

   .implant-lp section.price div.fee {
      width: 95%;
      margin: 0 auto;
      background: url(../../img/implant/bg_price_fee.webp) no-repeat top center;
      background-size: cover;
   }

   .implant-lp section.price div.payment p.ttl_eng {
      font-size: 4em;
   }

   .implant-lp .payment div.txt {

      width: auto;
      margin: 60px auto 0 auto;
      text-align: center;
      color: #091f5e;
      padding: 56px 50px 55px 250px;
   }

   .implant-lp .payment div.txt p {
      font-size:17px;
      line-height: 1.7;
   }

   .implant-lp section.reason {
      background: url(../../img/implant/bg_reason.webp) no-repeat top left;
      background-size: cover;
      padding: 80px 0;
   }

   .implant-lp section.reason p.ttl_eng {
      font-size: 4em;
   }

   .implant-lp section.reason h2 {
      background-image: url(../../img/implant/bg_ttl_reason.svg);
      background-repeat: no-repeat;
      background-position: top center;
      background-size: 59%;
      color: #091f5e;
      text-align: center;
      font-size: 2.3em;
      font-weight: 500;
      letter-spacing: 0.06em;
      padding: 55px 0 5px 0;
      margin-top: 20px;
   }

   .implant-lp section.reason div.box_txt_left, .implant-lp section.reason div.box_txt_right {
      width: 95%;
      min-width: 0px;
      max-width: 100%;
      margin: 20px auto 0;
   }

   .implant-lp section.reason h3.ttl_first {
      background: url(../../img/implant/ttl_reason_01.webp) no-repeat top left;
      background-size: 130px;
      padding: 20px 0 33px 160px;
      margin: 0 auto 0px auto;
      z-index: 1;
      position: relative;
      min-height: 185px;
   }

   .implant-lp section.reason div.box_txt_left div.box_txt_first p {
      padding: 60px;
      position: static;
      width: auto;
   }

   .implant-lp section.reason div.box_txt_left div.box_txt_first img {
      width: auto;
      position: static;
   }

   .implant-lp section.reason h3.ttl_second {
      background: url(../../img/implant/ttl_reason_02.webp) no-repeat top left;
      background-size: 130px;
      padding: 25px 0 40px 180px;
      margin: 0 auto 0px 0px;
      z-index: 1;
      position: relative;
      min-height: 185px;
   }

   .implant-lp section.reason div.box_txt_right div p {
      padding: 60px;
      position: static;
      width: auto;
   }

   .implant-lp section.reason div.box_txt_right div img {
      width: auto;
      position: static;
   }

   .implant-lp section.reason h3.ttl_third {
      background: url(../../img/implant/ttl_reason_03.webp) no-repeat top left;
      background-size: 130px;
      padding: 14px 0 29px 180px;
      margin: 0 auto -25px 0px;
      z-index: 1;
      position: relative;
      min-height: 185px;
   }

   .implant-lp section.reason h3 span {
      font-size: 1.2em;
   }

   .implant-lp section.consultation div.wrap_consultation {
      width: auto;
   }

   .implant-lp section.straumann div.box_straumann {
      width: auto;
   }

   .implant-lp section.straumann div.box_straumann h2 span {
      font-size: 1.2em;
   }

   .implant-lp section.doctor div.box_doctor {
    max-width: 600px;
    margin: 0 auto;
    flex-direction: column;
   }

   .implant-lp section.doctor div.wrap_doctor img {
    width: 100%;
    max-width: 400px;
    margin: 40px auto 0;
   }

   .implant-lp section.doctor div.wrap_doctor {
      width: auto;
      margin: -140px auto 0 auto;
      background: #fff;
      padding: 200px 3vw 100px 3vw;
   }

   .implant-lp section.flow ol {
      width: 95%;
      margin: 0 auto;
   }

   .implant-lp section.flow ol li {
      padding: 30px 40px 30px 180px;
      display: block;
      margin-bottom: 40px;
   }

   .implant-lp section.flow ol li img {
      width: auto;
      margin-top: 20px;
      margin-left: 0px;
   }

   .implant-lp section.case div.wrap_case {
      width: 95%;
      margin: 40px auto;
   }

   .implant-lp section.qa div.wrap_qa {
      width: 95%;
      margin: 40px auto;
   }

   .implant-lp section.info div.wrap_info {
      width: 95%;
      margin: 40px auto;
      display: block;
   }

   .implant-lp section.consultation {
      background: url(../../img/implant/bg_consul.webp) no-repeat top left;
      background-size: cover;
      padding: 80px 0;
   }

   .implant-lp section.about {
      padding: 80px 0;
   }

   .implant-lp section.about p.ttl_eng {
      font-size: 4em;
   }

   .implant-lp section.about > h2 {
      font-size: 2em;
   }

   .implant-lp section.about .about_parts {
      flex-direction: column;
      gap: 16px;
   }

   .implant-lp section.about .about_compare,
   .implant-lp section.about .about_points,
   .implant-lp section.about .about_summary {
      margin-top: 50px;
   }

   .implant-lp section.about .about_compare > h3,
   .implant-lp section.about .about_points > h3,
   .implant-lp section.about .about_summary > h3 {
      font-size: 1.5em;
   }

   .implant-lp section.about .about_summary ul {
      flex-direction: column;
   }

   .implant-lp section.about .about_points li,
   .implant-lp section.about .about_note {
      padding: 22px 20px;
   }

   .implant-lp section.about .about_compare th,
   .implant-lp section.about .about_compare td {
      padding: 12px 8px;
      font-size: 0.9em;
   }

   .implant-lp section.about .about_compare tbody td {
      font-size: 1em;
   }

}

@media only screen and (max-width: 480px) {

   .implant-lp .bnr_area ul {
      display: block;
      width: auto;
      margin: 30px auto 0 auto;
   }

   .implant-lp .mv_catch {
      position: absolute;
      z-index: 1;
      top: 28vw;
      left: 0vw;
      font-size: 2.1em;
      color: #FFF;
      line-height: 1.5;
      letter-spacing: 0.1em;
      width: 100%;
      text-align:right;
   }

   .implant-lp .mv_badge {
      position: absolute;
      z-index: 1;
      bottom: 6vw;
      right: 0;
      width: 100%;
   }

   .implant-lp .mv_badge ul li {
      width: 200px;
      margin-right: 10px;
   }

   .implant-lp .bnr_counseling ul {
      display: block;
   }

   .implant-lp .box_bnr_counseling p.ttl {
      font-size: 2em;
      line-height: 1.3;
   }

   .implant-lp .box_bnr_counseling p.ttl_eng {
      width: 100%;
   }

   .implant-lp .box_bnr_counseling p {
      font-size: 1.2em;
      margin-bottom: 40px;
   }

   .implant-lp .bnr_counseling ul li:first-child {
      margin-right: 0px;
      margin-bottom: 20px;
   }

   .implant-lp .bnr_area ul li:first-child {
      margin-right: 0px;
      margin-bottom:20px;
   }

   .implant-lp .price p.ttl_eng {
      font-size: 2em;
      line-height: 1;
   }

   .implant-lp .payment ul {
      width: auto;
      margin: 30px auto 0 auto;
   }

   .implant-lp .payment ul li {
      margin-right: 10px;
   }

   .implant-lp section.reason p.ttl_eng {
      font-size: 2.5em;
   }

   .implant-lp section.reason h2 {
      background-image: url(../../img/implant/bg_ttl_reason.svg);
      background-repeat: no-repeat;
      background-position: top center;
      background-size: 100%;
      color: #091f5e;
      text-align: center;
      font-size: 1.8em;
      font-weight: 500;
      letter-spacing: 0.06em;
      padding: 44px 0 5px 0;
      margin-top: 20px;
   }

   .implant-lp section.reason h3.ttl_first, .implant-lp section.reason h3.ttl_second, .implant-lp section.reason h3.ttl_third {
      background: url(../../img/implant/ttl_reason_01.webp) no-repeat top left;
      background-size: 70px;
      padding: 5px 0 0px 88px;
      margin: 0 auto 20px auto;
      z-index: 1;
      position: relative;
      min-height: 100px;
   }

   .implant-lp section.reason h3.ttl_second {
      background: url(../../img/implant/ttl_reason_02.webp) no-repeat top left;
      background-size: 70px;
   }

   .implant-lp section.reason h3.ttl_third {
      background: url(../../img/implant/ttl_reason_03.webp) no-repeat top left;
      background-size: 70px;
   }

   .implant-lp section.about {
      padding: 60px 0;
   }

   .implant-lp section.about p.ttl_eng {
      font-size: 2.4em;
   }

   .implant-lp section.about > h2 {
      font-size: 1.7em;
   }

   .implant-lp section.about .about_parts li {
      padding: 24px 20px;
   }

   .implant-lp section.about .about_parts h3 {
      font-size: 1.2em;
   }

   .implant-lp section.about .about_summary .value {
      font-size: 1.6em;
   }

   .implant-lp section.about .about_summary .value_sm {
      font-size: 0.95em;
   }

   .implant-lp section.reason h3 {
      font-size: 1.5em;
      font-weight: 500;
      letter-spacing: 0.05em;
      color: #091f5e;
   }

   .implant-lp section.reason div.box_txt_left div.box_txt_first p, .implant-lp section.reason div.box_txt_right div p {
      padding: 30px;
      position: static;
      width: auto;
   }

   .implant-lp section.consultation p.ttl_eng {
      font-size: 2.5em;
      margin-bottom: 15px;
   }

   .implant-lp section.consultation h2 {
      font-size: 2em;
      background: url(../../img/implant/ttl_consultation.svg) no-repeat bottom center;
      background-size: 210px;
      padding-bottom: 60px;
   }

   .implant-lp section.consultation div.wrap_consultation {
      width: auto;
      display: block;
      padding:0 3vw;
      margin: 40px auto 0 auto;
   }

   .implant-lp section.consultation div.wrap_consultation div.box_consultation p {
      min-height: 0px;
   }

   .implant-lp section.consultation div.wrap_consultation div.box_consultation {
      width: 100%;
      margin-bottom:5vw;
   }

   .implant-lp section.consultation div.wrap_consultation div.box_consultation:last-child {
      margin-bottom:0;
   }

   .implant-lp section.straumann div.box_straumann img.straumann_logo {
      width: 240px;
      display: block;
      margin: 0 auto;
   }

   .implant-lp section.straumann div.box_straumann h2 {
      font-size: 1.3em;
   }

   .implant-lp section.straumann div.box_straumann {
      padding: 3vw;
   }

   .implant-lp section.doctor div.wrap_ttl_doctor {
      background: url(../../img/implant/bg_ttl_doctor.svg) no-repeat top center;
      background-size: 100%;
      width: auto;
      margin: 0 auto;
      padding: 20px 0 40px;
      position: relative;
      z-index: 1;
   }

   .implant-lp section.doctor p.ttl_eng {
      font-family: 'EB Garamond', serif;
      font-size: 3em;
      line-height: 1;
      color: #fff;
      text-align: center;
   }

   .implant-lp section.doctor h2 {
      font-size: 1.8em;
      line-height: 1;
   }

   .implant-lp section.doctor div.wrap_doctor {
      width: 95%;
      margin: -20px auto 0 auto;
      background: #fff;
      padding: 0px 3vw 0px 3vw;
   }

   .implant-lp section.doctor div.wrap_doctor div.box_doctor_txt {
      padding: 50px 0px 0 0;
      margin-top: -15px;
   }

   .implant-lp section.doctor div.box_keireki {
      margin-bottom:20px;
   }

   .implant-lp section.doctor div.wrap_doctor img {
      margin: 0;
   }

   .implant-lp section.doctor div.wrap_doctor_sub {
      padding: 30px 3vw;
      margin-top: 40px;
   }

   .implant-lp section.doctor div.wrap_doctor_sub p.name {
      width: auto;
      margin: 30px auto;
   }

   .implant-lp section.doctor div.wrap_doctor_sub div.box_keireki {
      width: auto;
      margin: 0px auto;
   }

   .implant-lp section.doctor div.box_keireki ul {
      margin-top: 10px;
      padding-left: 0px;
   }

   .implant-lp section.flow p.ttl_eng {
      font-family: 'EB Garamond', serif;
      font-size: 3em;
      line-height: 1;
      color: #fff;
      text-align: center;
   }

   .implant-lp section.flow h2 {
      font-size: 2em;
      width: auto;
      padding: 20px 0 40px;
   }

   .implant-lp section.flow ol li:first-child {
      background-image: url(../../img/implant/bg_flow_step_01.svg), url(../../img/implant/bg_downallow.svg);
      background-color: #fff;
      background-repeat: no-repeat, no-repeat;
      background-position: top 84px left 20px, bottom 0px left 45px;
      background-size: 70px, 20px;
      padding: 90px 15px 30px 110px;
   }

   .implant-lp section.flow ol li:nth-child(2) {
      background-image: url(../../img/implant/bg_flow_step_02.svg), url(../../img/implant/bg_downallow.svg);
      background-color: #fff;
      background-repeat: no-repeat, no-repeat;
      background-position: top 25px left 20px, bottom 0px left 45px;
      background-size: 70px, 20px;
      padding: 34px 15px 30px 110px;
   }

   .implant-lp section.flow ol li:nth-child(3) {
      background-image: url(../../img/implant/bg_flow_step_03.svg), url(../../img/implant/bg_downallow.svg);
      background-color: #fff;
      background-repeat: no-repeat, no-repeat;
      background-position: top 25px left 20px, bottom 0px left 45px;
      background-size: 70px, 20px;
      padding: 34px 15px 30px 110px;
   }

   .implant-lp section.flow ol li:nth-child(4) {
      background-image: url(../../img/implant/bg_flow_step_04.svg), url(../../img/implant/bg_downallow.svg);
      background-color: #fff;
      background-repeat: no-repeat, no-repeat;
      background-position: top 25px left 20px, bottom 0px left 45px;
      background-size: 70px, 20px;
      padding: 34px 15px 30px 110px;
   }

   .implant-lp section.flow ol li:nth-child(5) {
      background-image: url(../../img/implant/bg_flow_step_05.svg), url(../../img/implant/bg_downallow.svg);
      background-color: #fff;
      background-repeat: no-repeat, no-repeat;
      background-position: top 25px left 20px, bottom 0px left 45px;
      background-size: 70px, 20px;
      padding: 34px 15px 30px 110px;
   }

   .implant-lp section.flow ol li:nth-child(6) {
      background-image: url(../../img/implant/bg_flow_step_06.svg), url(../../img/implant/bg_downallow.svg);
      background-color: #fff;
      background-repeat: no-repeat, no-repeat;
      background-position: top 25px left 20px, bottom 0px left 45px;
      background-size: 70px, 20px;
      padding: 34px 15px 30px 110px;
   }

   .implant-lp section.flow ol li:nth-child(7) {
      background-image: url(../../img/implant/bg_flow_step_07.svg), url(../../img/implant/bg_downallow.svg);
      background-color: #fff;
      background-repeat: no-repeat, no-repeat;
      background-position: top 25px left 20px, bottom 0px left 45px;
      background-size: 70px, 20px;
      padding: 34px 15px 30px 110px;
   }

   .implant-lp section.flow ol li:nth-child(8) {
      background-image: url(../../img/implant/bg_flow_step_08.svg);
      background-color: #fff;
      background-repeat: no-repeat;
      background-position: top 25px left 20px;
      background-size: 70px;
      padding: 34px 15px 30px 110px;
   }

   .implant-lp section.case {
      padding: 40px 0;
   }

   .implant-lp section.case p.ttl_eng {
      font-size: 3em;
   }

   .implant-lp section.case h2 {
      font-size: 2em;
      margin-bottom:20px;
   }

   .implant-lp section.case div.wrap_case {
      margin: 0px auto 30px;
   }

   .implant-lp section.case div.wrap_pic_case {
      display: block;
   }

   .implant-lp section.case div.box_pic_case_before {
      width: 100%;
      background: url(../../img/implant/bg_case_before.webp) no-repeat top left;
      background-size: cover;
   }

   .implant-lp section.case div.box_pic_case_after {
      width: 100%;
      background: url(../../img/implant/bg_case_after.webp) no-repeat top left;
      background-size: cover;
   }

   .implant-lp section.case img.left_allow {
      width: 33px;
      margin: 20px auto;
      transform: rotate(90deg);
      display: block;
   }

   .implant-lp section.qa p.ttl_eng {
      font-size: 3em;
   }

   .implant-lp section.qa h2 {
      font-size: 2em;
   }

   .implant-lp section.qa dt {
      padding: 10px 10px 10px 80px;
      font-size: 1.1em;
   }

   .implant-lp section.qa dd {
      padding: 10px 10px 10px 80px;
   }

   .implant-lp section.qa dt:before {
      content: "";
      width: 50px;
      height: 50px;
      background: url(../../img/implant/ttl_qa_q.webp) no-repeat top left;
      background-size: 50px;
      position: absolute;
      top: 15px;
      left: 15px;
   }

   .implant-lp section.qa dd:before {
      content: "";
      display: block;
      width: 50px;
      height: 50px;
      background: url(../../img/implant/ttl_qa_a.webp) no-repeat top left;
      background-size: 50px;
      position: absolute;
      top: 20px;
      left: 15px;
   }

   .implant-lp section.qa div.wrap_qa {
      width: 95%;
      margin: 40px auto 0 auto;
   }

   .implant-lp section.info div.wrap_info {
      width: 95%;
      margin: 0px auto;
      display: block;
   }

   .implant-lp .box_info_txt {
      margin-top:20px;
   }

   .implant-lp section.info .pic_info {
      width: 1000px;
      margin: 40px auto 0 auto;
      display: block;
   }

   .implant-lp section.reason h3 span {
      font-size: 1.1em;
   }

   .implant-lp section.doctor div.wrap_doctor h3 {
      font-size: 1.5em;
   }

   .implant-lp section.info p.ttl_eng {
      font-size: 2.8em;
   }

   .implant-lp .price p.txt_price {
      background: url(../../img/implant/bg_box_price_01.svg) no-repeat top center;
      background-size: 95%;
      width: auto;
      margin: -66px auto 40px auto;
      text-align: center;
      font-size: 3em;
      color: #091f5e;
      padding: 75px 0;
   }

   .implant-lp .price p.txt_price span {
      background-image: url(../../img/implant/bg_line_gold.svg), url(../../img/implant/bg_line_gold.svg);
      background-repeat: repeat-x, repeat-x;
      background-position: top center, bottom center;
      background-size: 100%;
      display: block;
      width: 73%;
      margin: 15px auto;
      line-height: 1.5;
      font-weight: bold;
      letter-spacing: 0.06em;
   }

   .implant-lp .price div.time {
      margin-top: 0px;
   }

   .implant-lp .price h2 {
      background: url(../../img/implant/bg_ttl_price_01.webp) no-repeat top center;
      background-size: 100%;
      width: 280px;
      margin: 30px auto 0 auto;
      text-align: center;
      color: #fff;
      font-size: 1.5em;
      padding: 8px 0 19px 0;
      position: relative;
      z-index: 1;
      letter-spacing: 0.2em;
   }

   .implant-lp .price h3.ttl_sub {
      background: url(../../img/implant/bg_ttl_price_02.webp) no-repeat top center;
      background-size: 100%;
      width: 230px;
      margin: 30px auto 0 auto;
      text-align: center;
      color: #fff;
      font-size: 1.5em;
      padding: 7px 0 14px 0;
      position: relative;
      z-index: 1;
      letter-spacing: 0.2em;
   }

   .implant-lp .price div.time p {
      background: url(../../img/implant/bg_box_price_03.svg) no-repeat top center;
      background-size: 100%;
      width: auto;
      margin: -60px auto 0 auto;
   }

   .implant-lp .price div.freq p {
      background: url(../../img/implant/bg_box_price_04.svg) no-repeat top center;
      background-size: 100%;
      width: auto;
      margin: -60px auto 0 auto;
      padding: 65px 30px 57px 30px;
   }

   .implant-lp section.price div.fee {
      width: 100%;
      margin: 0 auto;
      background: url(../../img/implant/bg_price_fee.svg) no-repeat top center;
      background-size: 100%;
   }

   .implant-lp section.price div.fee table {
      width: 80%;
      margin: 35px auto 0 auto;
      font-size: 1.2em;
      border: 1px solid #091f5e;
   }

   .implant-lp section.price div.payment p.ttl_eng {
      font-size: 3em;
   }

   .implant-lp .payment div.txt {
      background: none;
      width: auto;
      margin: 40px auto 0 auto;
      text-align: center;
      color: #091f5e;
      padding: 0px 0px 0px 0px;
   }

   .implant-lp .payment div.txt::before {
      content: "";
      display: block;
      background: url(../../img/implant/bg_payment.svg) no-repeat top center;
      background-size: 40%;
      position: relative;
      z-index: 1;
      width: auto;
      height: 250px;
   }

   .implant-lp .payment div.txt p {
      font-size: 16px;
      line-height: 1.8;
      text-align: left;
      background: #fff;
      padding: 120px 40px 40px 40px;
      margin-top: -130px;
   }

   .implant-lp section.price div.payment p.ttl_eng {
      font-size: 2.5em;
   }

   .implant-lp section.doctor p.ttl_eng {
      font-size: 2.5em;
      line-height: 1;
   }

   .implant-lp section.doctor div.box_keireki h4::before {
      content: "";
      border-bottom: 1px solid #fff;
      display: block;
      height: 1px;
      position: absolute;
      left: 0px;
      top: 20px;
      width: 55px;
   }

   .implant-lp section.doctor div.box_keireki h4::after {
      content: "";
      border-bottom: 1px solid #fff;
      display: block;
      height: 1px;
      position: absolute;
      right: 0px;
      top: 20px;
      width: 55px;
   }

}
