@charset "UTF-8";
html{
font-size: 100%;
scroll-behavior: smooth;
overflow-x: hidden;
}
body{
color: #000;
font-family: "Yu Gothic", "游ゴシック体", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
}
a{
text-decoration: none;
color: #000;
}
img{
max-width: 100%;
vertical-align: bottom;
object-fit: cover;
}
li{
list-style: none;
}
.pc{
display: block;
}
.sp{
display: none;
}
/*-------------------------------------------
MV
-------------------------------------------*/
.mv{
margin: 0 auto;
max-width: 2000px;
position: relative;
}
.mv__text{
position: absolute;
top: 60px;
left: 5%;
font-weight: 600;
font-family: "Shippori Mincho", serif;
color: #fff;
text-shadow: 2px 2px 0px rgba(0, 0, 0, 1);
line-height: 1.3;
}
.mv__text__first{
font-size: 2.875rem;
}
.mv__text__first span{
font-size: 6.3125rem;
}
.mv__text__second{
font-size: 4rem;
}
.mv__text__second span{
font-size: 3.3125rem;
}
.mv__achievement{
position: absolute;
bottom: 50px;
left: 5%;
display: flex;
gap: 70px;
}
.mv__achievement li{
color: #fff;
text-shadow: 2px 2px 0px rgba(0, 0, 0, 1);
font-size: 1rem;
font-weight: bold;
font-family: "Shippori Mincho", serif;
text-align: center;
position: relative;
}
.mv__achievement li span{
display: block;
font-size: 1.75rem;
letter-spacing: 0;
}
.mv__achievement li span.big{
font-size: 2rem;
letter-spacing: 0em;
}
.mv__achievement li img.left{
position: absolute;
top: -15px;
left: -30px;
width: 34px;
height: 125px;
}
.mv__achievement li img.right{
position: absolute;
top: -15px;
right: -30px;
width: 34px;
height: 125px;
}
/*-------------------------------------------
HEADER
-------------------------------------------*/
.header{
margin: 0 auto;
max-width: 1500px;
}
.header__inner{
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 170px;
}
.header__logo{
width: 260px;
}
.header__nav ul{
display: flex;
gap: 20px;
}
.header__nav ul li a{
font-size: 0.875rem;
font-weight: bold;
font-family: "Shippori Mincho", serif;
letter-spacing: .05em;
}
.header__btn{
position: absolute;
top: 0;
right: 0;
background-color: #000;
color: #fff;
text-align: center;
font-size: 1.25rem;
font-weight: bold;
font-family: "Shippori Mincho", serif;
letter-spacing: .05em;
line-height: 1.23;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 20px;
padding-right: 30px;
}
.header__btn::after{
content: "";
display: inline-block;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
right: 15px;
width: 6px;
height: 9px;
background-color: #fff;
clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
.header__btn span{
display: block;
text-transform: capitalize;
font-size: 1.3125rem;
letter-spacing: .075em;
}
.openbtn{
display: none;
}
#g-nav{
display: none;
}
/*-------------------------------------------
TROUBLE
-------------------------------------------*/
.trouble{
margin: 0 auto;
max-width: 1500px;
background-color: #fbfaf7;
padding-top: 170px;
padding-bottom: 10px;
}
.trouble__title{
text-align: center;
font-size: 3.4375rem;
font-weight: bold;
font-family: "Shippori Mincho", serif;
position: relative;
}
.trouble__title span{
font-size: 4.125rem;
color: #958354;
}
.trouble__title::after{
content: attr(data-en);
display: inline-block;
position: absolute;
top: -80px;
left: 50%;
transform: translateX(-50%);
text-transform: capitalize;
font-size: 3.6875rem;
font-weight: normal;
color: #9b8756;
}
.trouble__top{
margin-top: 50px;
display: flex;
align-items: center;
justify-content: center;
gap: 50px;
}
.trouble__top__img{
width: 423px;
}
.trouble__top__list li{
display: flex;
align-items: center;
gap: 5px;
font-size: 1.875rem;
font-weight: 600;
padding-top: 15px;
padding-bottom: 15px;
border-bottom: 1px dotted #d3bd8c;
}
.trouble__top__list li:first-of-type{
padding-top: 0px;
}
.trouble__top__list li span{
font-size: 1.875rem;
font-weight: bold;
color: #958354;
}
.trouble__top__list li img{
width: 19px;
}
.trouble__title-sub{
margin-top: 80px;
text-align: center;
font-size: 3.1875rem;
font-weight: bold;
font-family: "Shippori Mincho", serif;
}
.trouble__title-sub span{
font-size: 3.8125rem;
color: #958354;
}
.trouble__title-sub-bar{
margin: 0 auto;
margin-top: 10px;
max-width: 680px;
}
.trouble__list{
margin: 0 auto;
margin-top: 35px;
border: 1px solid #bfaa76;
background-color: #f2f2f2;
width: 82.2%;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 10%;
padding-right: 10%;
display: flex;
flex-wrap: wrap;
column-gap: 15px;
row-gap: 30px;
}
.trouble__list li{
width: 49%;
font-size: 1.875rem;
font-weight: 600;
}
.trouble__list li span{
color: #958354;
font-weight: bold;
}
.trouble__list li img{
display: inline-block;
width: 23px;
margin-right: 10px;
transform: translateY(-10px);
}
.trouble__list2{
margin: 0 auto;
margin-top: 90px;
width: 83.4%;
}
.trouble__list2 li{
margin-top: 70px;
}
.trouble__list2 li:first-of-type{
margin-top: 0px;
}
.trouble__list2__title{
background-color: #bfaa76;
color: #fff;
font-size: 2.5rem;
font-weight: bold;
font-family: "Shippori Mincho", serif;
display: flex;
align-items: center;
gap: 20px;
}
.trouble__list2__title span{
font-size: 3.1rem;
font-weight: normal;
display: inline-block;
background-color: #d3bd8c;
clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%);
padding-left: 20px;
padding-right: 30px;
}
.trouble__list2__box{
padding-top: 45px;
padding-bottom: 25px;
padding-left: 20px;
padding-right: 20px;
display: flex;
justify-content: space-between;
align-items: center;
box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.1);
}
.trouble__list2__text{
width: 71%;
font-size: 1.125rem;
font-weight: 600;
line-height: 2.3;
color: #403c2c;
}
.trouble__list2__text span{
color: #958354;
}
.trouble__list2__img{
width: 26%;
}
/*-------------------------------------------
REASON
-------------------------------------------*/
.reason{
margin: 0 auto;
max-width: 1500px;
background-color: #fbfaf7;
padding-top: 190px;
}
.reason__title{
text-align: center;
font-size: 3.4375rem;
font-weight: bold;
font-family: "Shippori Mincho", serif;
position: relative;
}
.reason__title span{
font-size: 4.125rem;
color: #958354;
}
.reason__title::after{
content: attr(data-en);
display: inline-block;
position: absolute;
top: -90px;
left: 50%;
transform: translateX(-50%);
text-transform: capitalize;
font-size: 3.6875rem;
font-weight: normal;
color: #9b8756;
}
.reason__list{
margin-top: 120px;
}
.reason__list1{
display: flex;
}
.reason__list1 .reason__list__img{
width: 60%;
max-width: 905px;
}
.reason__list1 .reason__list__text{
width: 41.6%;
max-width: 618px;
background-color: #fff;
box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.1);
transform: translateX(-75px) translateY(40px);
padding-top: 20px;
padding-bottom: 20px;
padding-left: 30px;
padding-right: 30px;
}
.reason__list1 .reason__list__title{
font-size: 2.6rem;
font-weight: bold;
font-family: "Shippori Mincho", serif;
color: #958354;
text-align: center;
letter-spacing: -.05em;
}
.reason__list1 .reason__list__title span.number{
margin-right: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: #958354;
color: #fff;
font-size: 3.5rem;
width: 57px;
height: 57px;
padding-bottom: 7px;
}
.reason__list1 .reason__list__title .black{
color: #000;
}
.reason__list1 .reason__list__description{
margin-top: 50px;
font-size: 1.125rem;
font-weight: 600;
line-height: 2;
}
.reason__list1 .reason__list__btn{
margin: 0 0 0 auto;
margin-top: 40px;
display: block;
max-width: 294px;
background-color: #000;
color: #fff;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 60px;
font-size: 1.0625rem;
font-weight: bold;
letter-spacing: .1em;
position: relative;
}
.reason__list1 .reason__list__btn img{
display: inline-block;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
right: 20px;
width: 15px;
}
.reason__list2{
margin-top: 130px;
display: flex;
flex-direction: row-reverse;
}
.reason__list2 .reason__list__img{
width: 69.4%;
max-width: 1030px;
}
.reason__list2 .reason__list__text{
width: 41.6%;
max-width: 618px;
background-color: #fff;
box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.1);
transform: translateX(135px) translateY(75px);
padding-top: 20px;
padding-bottom: 20px;
padding-left: 25px;
padding-right: 25px;
}
.reason__list2 .reason__list__title{
font-size: 2.75rem;
font-weight: bold;
font-family: "Shippori Mincho", serif;
color: #958354;
}
.reason__list2 .reason__list__title span.number{
margin-right: 20px;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: #958354;
color: #fff;
font-size: 3.5rem;
width: 57px;
height: 57px;
padding-bottom: 7px;
}
.reason__list2 .reason__list__description{
margin-top: 80px;
font-size: 1.125rem;
font-weight: 600;
line-height: 2;
}
.reason__list3{
margin-top: 130px;
display: flex;
}
.reason__list3 .reason__list__img{
width: 60%;
max-width: 905px;
}
.reason__list3 .reason__list__text{
width: 41.6%;
max-width: 618px;
background-color: #fff;
box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.1);
transform: translateX(-75px) translateY(30px);
max-height: 513px;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 30px;
padding-right: 30px;
}
.reason__list3 .reason__list__title{
font-size: 2.6rem;
font-weight: bold;
font-family: "Shippori Mincho", serif;
color: #958354;
}
.reason__list3 .reason__list__title span.number{
margin-right: 20px;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: #958354;
color: #fff;
font-size: 3.5rem;
width: 57px;
height: 57px;
padding-bottom: 7px;
}
.reason__list3 .reason__list__description{
margin-top: 50px;
font-size: 1.125rem;
font-weight: 600;
line-height: 2;
}
.reason__list4{
margin-top: 130px;
display: flex;
flex-direction: row-reverse;
}
.reason__list4 .reason__list__img{
width: 62.6%;
max-width: 930px;
height: 758px;
}
.reason__list4 .reason__list__img img{
height: 100%;
}
.reason__list4 .reason__list__text{
width: 48%;
max-width: 715px;
background-color: #fff;
box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.1);
transform: translateX(130px) translateY(25px);
padding-top: 40px;
padding-bottom: 20px;
padding-left: 25px;
padding-right: 25px;
}
.reason__list4 .reason__list__title{
font-size: 2.75rem;
font-weight: bold;
font-family: "Shippori Mincho", serif;
color: #958354;
display: flex;
gap: 30px;
}
.reason__list4 .reason__list__title span.number{
display: inline-flex;
align-items: center;
justify-content: center;
background-color: #958354;
color: #fff;
font-size: 3.5rem;
width: 57px;
height: 57px;
padding-bottom: 7px;
}
.reason__list4 .reason__list__description{
margin-top: 35px;
font-size: 1.125rem;
font-weight: 600;
line-height: 2;
}
.reason__list5{
margin-top: 130px;
display: flex;
}
.reason__list5 .reason__list__img{
width: 69.4%;
max-width: 1030px;
}
.reason__list5 .reason__list__text{
width: 41.6%;
max-width: 618px;
background-color: #fff;
box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.1);
transform: translateX(-100px) translateY(50px);
padding-top: 20px;
padding-bottom: 20px;
padding-left: 30px;
padding-right: 30px;
}
.reason__list5 .reason__list__title{
font-size: 2.5rem;
font-weight: bold;
font-family: "Shippori Mincho", serif;
color: #958354;
}
.reason__list5 .reason__list__title span.number{
margin-right: 20px;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: #958354;
color: #fff;
font-size: 3.5rem;
width: 57px;
height: 57px;
padding-bottom: 7px;
}
.reason__list5 .reason__list__title span.big{
font-size: 3.625rem;
}
.reason__list5 .reason__list__description{
margin-top: 50px;
font-size: 1.125rem;
font-weight: 600;
line-height: 2;
}
.reason__list6{
margin-top: 130px;
display: flex;
flex-direction: row-reverse;
}
.reason__list6 .reason__list__img{
width: 54.2%;
max-width: 805px;
height: 742px;
}
.reason__list6 .reason__list__img img{
height: 100%;
}
.reason__list6 .reason__list__text{
width: 48%;
max-width: 715px;
background-color: #fff;
box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.1);
transform: translateX(50px) translateY(25px);
padding-top: 40px;
padding-bottom: 20px;
padding-left: 25px;
padding-right: 25px;
}
.reason__list6 .reason__list__title{
font-size: 2.75rem;
font-weight: bold;
font-family: "Shippori Mincho", serif;
color: #958354;
display: flex;
gap: 20px;
}
.reason__list6 .reason__list__title span.number{
display: inline-flex;
align-items: center;
justify-content: center;
background-color: #958354;
color: #fff;
font-size: 3.5rem;
width: 57px;
height: 57px;
padding-bottom: 7px;
}
.reason__list6 .reason__list__description{
margin-top: 150px;
font-size: 1.125rem;
font-weight: 600;
line-height: 2;
}
/*-------------------------------------------
IMPLANT
-------------------------------------------*/
.implant{
margin: 0 auto;
max-width: 1500px;
background-color: #fbfaf7;
padding-top: 200px;
}
.implant__title{
text-align: center;
font-size: 3.4375rem;
font-weight: bold;
font-family: "Shippori Mincho", serif;
position: relative;
}
.implant__title::after{
content: attr(data-en);
display: inline-block;
position: absolute;
top: -90px;
left: 50%;
transform: translateX(-50%);
font-size: 3.6875rem;
font-weight: normal;
color: #9b8756;
}
.implant__title-sub{
margin: 0 auto;
margin-top: 60px;
background-color: #9b8756;
color: #fff;
text-align: center;
font-size: 3.125rem;
font-weight: 600;
font-family: "Shippori Mincho", serif;
padding: 15px;
max-width: 1214px;
width: 81.8%;
}
.implant__top{
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
gap: 40px;
max-width: 1214px;
width: 81.8%;
}
.implant__top__text{
font-size: 1.125rem;
font-weight: 600;
line-height: 2;
}
.implant__top__img{
max-width: 430px;
}
.implant__description{
margin-top: 20px;
text-align: center;
font-size: 1.125rem;
font-weight: 600;
line-height: 2;
}
.implant__down{
margin-top: 260px;
display: flex;
gap: 20px;
}
.implant__down__img{
max-width: 672px;
}
.implant__down__text{
padding-top: 30px;
}
.implant__down__title{
text-align: center;
font-size: 2rem;
font-weight: bold;
font-family: "Shippori Mincho", serif;
color: #9b8756;
}
.implant__down__title-bar{
margin-top: 5px;
max-width: 780px;
}
.implant__down__cheer{
margin-top: 20px;
font-size: 1.5rem;
font-weight: bold;
font-family: "Shippori Mincho", serif;
line-height: 1.66;
}
.implant__down__cheer span{
margin: 0 auto;
display: block;
background: linear-gradient(transparent 70%, #ffff00 30%);
width: fit-content;
}
.implant__down__description{
margin-top: 60px;
font-size: 1.125rem;
font-weight: 500;
line-height: 2;
}
.implant__down__description span{
background: linear-gradient(transparent 70%, #ffff00 30%);
}
/*-------------------------------------------
PULP
-------------------------------------------*/
.pulp{
margin: 0 auto;
max-width: 1500px;
background-color: #fbfaf7;
padding-top: 280px;
}
.pulp__title{
text-align: center;
font-size: 3.4375rem;
font-weight: bold;
font-family: "Shippori Mincho", serif;
position: relative;
}
.pulp__title::after{
content: attr(data-en);
display: inline-block;
position: absolute;
top: -90px;
left: 50%;
transform: translateX(-50%);
font-size: 3.6875rem;
font-weight: normal;
color: #9b8756;
}
.pulp__top{
margin-top: 120px;
display: flex;
justify-content: flex-end;
gap: 50px;
}
.pulp__top__text{
padding-top: 60px;
padding-left: 20px;
font-size: 1.125rem;
font-weight: 600;
line-height: 2;
}
.pulp__top__text span{
color: #958354;
}
.pulp__top__img{
max-width: 653px;
}
.pulp__content{
margin-top: 60px;
background-image: url(../img/pulp__content-bg.png);
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
padding-top: 60px;
padding-bottom: 60px;
}
.pulp__content__inner{
margin: 0 auto;
max-width: 1200px;
}
.pulp__list{
display: flex;
justify-content: space-between;
}
.pulp__list li{
width: 22.66%;
}
.pulp__list__top{
background-color: #fff;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
padding-top: 15px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
.pulp__list__step{
text-align: center;
text-transform: uppercase;
font-size: 1.875rem;
font-weight: bold;
color: #9b8756;
}
.pulp__list__step span{
font-size: 1.9875rem;
}
.pulp__list__title{
text-align: center;
font-size: 1.465625rem;
font-weight: 600;
color: #9b8756;
line-height: 1.1;
}
.pulp__list__img{
margin-top: 30px;
}
.pulp__information{
margin-top: 40px;
display: flex;
justify-content: space-between;
}
.pulp__merit{
width: 57.8%;
border: 1px solid #fff;
padding-top: 25px;
padding-bottom: 40px;
padding-left: 40px;
padding-right: 20px;
}
.pulp__merit__title{
text-align: center;
color: #fff;
font-size: 1.9875rem;
font-weight: bold;
letter-spacing: .075em;
}
.pulp__merit__list{
margin-top: 30px;
}
.pulp__merit__list li{
color: #fff;
font-size: 1.125rem;
font-weight: 600;
letter-spacing: .075em;
line-height: 1.66;
display: flex;
gap: 5px;
}
.pulp__merit__asterisk{
color: #fff;
text-align: right;
font-size: 0.95375rem;
font-weight: bold;
letter-spacing: .075em;
}
.pulp__attention{
width: 40%;
border: 1px solid #fff;
padding-top: 25px;
padding-bottom: 25px;
padding-left: 15px;
padding-right: 10px;
}
.pulp__attention__title{
text-align: center;
color: #fff;
font-size: 1.9875rem;
font-weight: bold;
letter-spacing: .075em;
}
.pulp__attention__list{
margin-top: 30px;
}
.pulp__attention__list li{
color: #fff;
font-size: 1.125rem;
font-weight: 600;
letter-spacing: .075em;
line-height: 1.66;
display: flex;
gap: 5px;
}
.pulp__information__conclusion{
margin-top: 30px;
text-align: center;
color: #fff;
font-size: 1.25rem;
font-weight: bold;
letter-spacing: .075em;
}
/*-------------------------------------------
REGENERATIVE
-------------------------------------------*/
.regenerative{
margin: 0 auto;
max-width: 1500px;
background-color: #fbfaf7;
padding-top: 210px;
}
.regenerative__title{
text-align: center;
font-size: 3.4375rem;
font-weight: bold;
font-family: "Shippori Mincho", serif;
position: relative;
}
.regenerative__title::after{
content: attr(data-en);
display: inline-block;
position: absolute;
top: -90px;
left: 50%;
transform: translateX(-50%);
font-size: 3.6875rem;
font-weight: normal;
color: #9b8756;
white-space: nowrap;
}
.regenerative__top{
margin-top: 80px;
display: flex;
align-items: center;
}
.regenerative__top__img{
max-width: 680px;
}
.regenerative__top__text{
font-size: 1.125rem;
font-weight: 600;
}
.regenerative__top__text__first,
.regenerative__top__text__second,
.regenerative__top__text__third{
margin-top: 20px;
display: block;
width: fit-content;
background: linear-gradient(transparent 70%, #ffff00 30%);
}
.regenerative__top__text__first{
margin-top: 0;
}
.regenerative__top__text__fourth{
margin-top: 10px;
line-height: 2;
}
.regenerative__what{
margin-top: 100px;
}
.regenerative__what__title{
margin: 0 auto;
width: 81.8%;
max-width: 1214px;
background-color: #9b8756;
color: #fff;
text-align: center;
padding: 15px;
font-size: 3.166875rem;
font-weight: 600;
font-family: "Shippori Mincho", serif;
}
.regenerative__what__box{
margin-top: 80px;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 50px;
}
.regenerative__what__text{
font-size: 1.125rem;
padding-left: 20px;
font-weight: 600;
white-space: nowrap;
}
.regenerative__what__text__first{
line-height: 2;
}
.regenerative__what__text__second,
.regenerative__what__text__third,
.regenerative__what__text__fourth{
margin-top: 20px;
display: block;
width: fit-content;
background: linear-gradient(transparent 70%, #ffff00 30%);
}
.regenerative__what__text__second{
margin-top: 10px;
}
.regenerative__what__img{
max-width: 700px;
}
.regenerative__what__title-sub{
margin: 0 auto;
margin-top: 120px;
width: 81.8%;
max-width: 1214px;
font-size: 2.366875rem;
font-weight: bold;
font-family: "Shippori Mincho", serif;
position: relative;
}
.regenerative__what__title-sub{
margin: 0 auto;
margin-top: 120px;
width: 81.8%;
max-width: 1214px;
font-size: 2.366875rem;
font-weight: bold;
font-family: "Shippori Mincho", serif;
padding-left: 40px;
position: relative;
}
.regenerative__what__title-sub::before{
content: "";
display: inline-block;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 18px;
height: 18px;
border-radius: 50%;
background-color: #958354;
}
.regenerative__what__img2{
margin: 0 auto;
margin-top: 30px;
max-width: 670px;
transform: translateX(50px);
}
.regenerative__pulp{
margin-top: 80px;
}
.regenerative__pulp__title{
margin: 0 auto;
width: 81.8%;
max-width: 1214px;
background-color: #9b8756;
color: #fff;
text-align: center;
padding: 15px;
font-size: 3.166875rem;
font-weight: 600;
font-family: "Shippori Mincho", serif;
}
.regenerative__pulp__box{
margin-top: 40px;
display: flex;
align-items: center;
}
.regenerative__pulp__img{
max-width: 740px;
}
.regenerative__pulp__text{
padding-right: 20px;
white-space: nowrap;
}
.regenerative__pulp__text__first{
font-size: 1.125rem;
font-weight: 600;
line-height: 2;
}
.regenerative__pulp__text__second{
margin-top: 30px;
font-size: 1.125rem;
font-weight: 600;
}
.regenerative__pulp__text__list{
margin-top: 5px;
}
.regenerative__pulp__text__list li{
display: flex;
align-items: center;
gap: 5px;
font-size: 1.3125rem;
font-weight: 600;
line-height: 2;
}
.regenerative__pulp__text__list li img{
width: 14px;
}
.regenerative__pulp__text__third,
.regenerative__pulp__text__fourth,
.regenerative__pulp__text__fifth,
.regenerative__pulp__text__sixth{
margin-top: 10px;
display: block;
width: fit-content;
font-size: 1.125rem;
font-weight: 600;
background: linear-gradient(transparent 70%, #ffff00 30%);
}
.regenerative__pulp__text__third{
margin-top: 30px;
}
.regenerative__merit{
margin-top: 70px;
}
.regenerative__merit__title{
margin: 0 auto;
width: 81.8%;
max-width: 1214px;
background-color: #9b8756;
color: #fff;
text-align: center;
padding: 15px;
font-size: 3.166875rem;
font-weight: 600;
font-family: "Shippori Mincho", serif;
}
.regenerative__merit__box{
margin-top: 80px;
display: flex;
justify-content: flex-end;
align-items: center;
}
.regenerative__merit__text{
transform: translateX(120px);
}
.regenerative__merit__text__first{
font-size: 1.125rem;
font-weight: 600;
line-height: 2;
}
.regenerative__merit__text__second{
font-size: 1.125rem;
font-weight: 600;
line-height: 2;
}
.regenerative__merit__text__third{
margin-top: 10px;
display: block;
width: fit-content;
font-size: 1.125rem;
font-weight: 600;
background: linear-gradient(transparent 70%, #ffff00 30%);
white-space: nowrap;
}
.regenerative__merit__text__fourth{
margin-top: 10px;
font-size: 1.125rem;
font-weight: 600;
line-height: 2;
}
.regenerative__merit__text__fifth{
margin-top: 10px;
display: flex;
align-items: center;
width: fit-content;
gap: 5px;
font-size: 1.125rem;
font-weight: 600;
background: linear-gradient(transparent 70%, #ffff00 30%);
}
.regenerative__merit__text__fifth img{
width: 14px;
}
.regenerative__merit__text__sixth{
margin-top: 15px;
display: flex;
align-items: center;
width: fit-content;
gap: 5px;
font-size: 1.125rem;
font-weight: 600;
background: linear-gradient(transparent 70%, #ffff00 30%);
}
.regenerative__merit__text__sixth img{
width: 14px;
}
.regenerative__merit__img{
max-width: 910px;
}
.regenerative__serf{
margin-top: 90px;
}
.regenerative__serf__title{
margin: 0 auto;
width: 81.8%;
max-width: 1214px;
background-color: #9b8756;
color: #fff;
text-align: center;
padding: 15px;
font-size: 3.166875rem;
font-weight: 600;
font-family: "Shippori Mincho", serif;
}
.regenerative__serf__title-sub{
margin: 0 auto;
margin-top: 70px;
width: 81.8%;
max-width: 1214px;
background-color: #e6e6e6;
color: #958354;
text-align: center;
padding: 10px 15px;
font-size: 2.25rem;
font-weight: 600;
font-family: "Shippori Mincho", serif;
}
.regenerative__serf__title-sub2{
margin-top: 40px;
}
.regenerative__serf__title-sub3{
margin-top: 90px;
}
.regenerative__serf__box{
margin: 0 auto;
margin-top: 40px;
width: 81.8%;
display: flex;
align-items: center;
gap: 40px;
}
.regenerative__serf__text{
font-size: 1.125rem;
font-weight: 600;
line-height: 2;
}
.regenerative__serf__img{
max-width: 326px;
}
.regenerative__serf__box2{
margin-top: 40px;
}
.regenerative__serf__text2{
text-align: center;
font-size: 1.125rem;
font-weight: 600;
line-height: 2;
}
.regenerative__serf__img2{
margin: 0 auto;
max-width: 925px;
}
.regenerative__serf__box3{
margin-top: 50px;
}
.regenerative__serf__text3{
text-align: center;
font-size: 1.125rem;
font-weight: 600;
line-height: 2;
}
.regenerative__serf__title-small{
margin: 0 auto;
margin-top: 40px;
max-width: 546px;
text-align: center;
background-color: #bfaa76;
color: #e6e6e6;
font-size: 2.25rem;
font-family: "Shippori Mincho", serif;
padding: 10px 15px;
}
.regenerative__serf__title-small2{
margin-top: 110px;
}
.regenerative__serf__img3{
margin: 0 auto;
margin-top: 50px;
width: 81.8%;
max-width: 1214px;
}
.regenerative__serf__text4{
margin-top: 70px;
text-align: center;
font-size: 1.125rem;
font-weight: 600;
line-height: 2;
}
.regenerative__serf__img4{
margin: 0 auto;
margin-top: 50px;
width: 81.8%;
max-width: 1214px;
}
.regenerative__serf__text5{
margin-top: 70px;
text-align: center;
font-size: 1.125rem;
font-weight: 600;
line-height: 2;
}
/*-------------------------------------------
CASE
-------------------------------------------*/
.case{
margin: 0 auto;
max-width: 1500px;
background-color: #fbfaf7;
padding-top: 240px;
}
.case__title{
text-align: center;
font-size: 3.4375rem;
font-weight: bold;
font-family: "Shippori Mincho", serif;
position: relative;
}
.case__title::after{
content: attr(data-en);
display: inline-block;
position: absolute;
top: -90px;
left: 50%;
transform: translateX(-50%);
font-size: 3.6875rem;
font-weight: normal;
color: #9b8756;
text-transform: capitalize;
}
.case__list{
margin-top: 80px;
}
.case__list li:last-of-type{
margin-top: 110px;
}
.case__list__title{
margin: 0 auto;
width: 82.4%;
max-width: 1224px;
background-color: #9b8756;
color: #fff;
text-align: center;
padding: 10px 15px;
font-size: 3.166875rem;
font-weight: 600;
font-family: "Shippori Mincho", serif;
text-transform: capitalize;
}
.case__list__title span{
font-size: 3.75rem;
}
.case__list__img{
margin: 0 auto;
margin-top: 80px;
width: 82.4%;
max-width: 1224px;
}
.case__list__table{
margin: 0 auto;
margin-top: 75px;
width: 82.4%;
max-width: 1224px;
border: 1px solid #c7b299;
display: flex;
flex-wrap: wrap;
}
.case__list__table dt{
width: 30%;
border-bottom: 1px solid #c7b299;
border-right: 1px solid #c7b299;
background-color: #f7f7f7;
display: flex;
align-items: center;
justify-content: center;
padding: 30px 15px;
font-size: 1.3125rem;
font-weight: bold;
letter-spacing: .1em;
}
.case__list__table dt:last-child{
border-bottom: none;
}
.case__list__table dd{
width: 70%;
border-bottom: 1px solid #c7b299;
background-color: #fff;
font-size: 1.125rem;
font-weight: 600;
letter-spacing: .1em;
padding: 30px;
}
.case__list__table dd:last-child{
border-bottom: none;
}
/*-------------------------------------------
EQUIPMENT
-------------------------------------------*/
.equipment{
margin: 0 auto;
max-width: 1500px;
background-color: #fbfaf7;
padding-top: 200px;
}
.equipment__title{
text-align: center;
font-size: 3.4375rem;
font-weight: bold;
font-family: "Shippori Mincho", serif;
position: relative;
}
.equipment__title::after{
content: attr(data-en);
display: inline-block;
position: absolute;
top: -90px;
left: 50%;
transform: translateX(-50%);
font-size: 3.6875rem;
font-weight: normal;
color: #9b8756;
text-transform: capitalize;
}
.equipment__box{
margin-top: 90px;
position: relative;
}
.equipment__text{
position: absolute;
top: 130px;
left: 120px;
}
.equipment__text__first{
font-size: 1.125rem;
font-weight: 600;
line-height: 2;
}
.equipment__text__second{
margin-top: 40px;
display: block;
width: fit-content;
font-size: 1.125rem;
font-weight: 600;
background: linear-gradient(transparent 70%, #ffff00 30%);
}
.equipment__text__third{
margin-top: 10px;
display: block;
width: fit-content;
font-size: 1.125rem;
font-weight: 600;
background: linear-gradient(transparent 70%, #ffff00 30%);
}
.equipment__text__fourth{
margin-top: 10px;
display: block;
width: fit-content;
font-size: 1.125rem;
font-weight: 600;
background: linear-gradient(transparent 70%, #ffff00 30%);
}
/*-------------------------------------------
BLAND
-------------------------------------------*/
.bland{
margin: 0 auto;
max-width: 1500px;
background-color: #fbfaf7;
padding-top: 250px;
}
.bland__title{
text-align: center;
font-size: 3.4375rem;
font-weight: bold;
font-family: "Shippori Mincho", serif;
position: relative;
}
.bland__title::after{
content: attr(data-en);
display: inline-block;
position: absolute;
top: -90px;
left: 50%;
transform: translateX(-50%);
font-size: 3.6875rem;
font-weight: normal;
color: #9b8756;
text-transform: capitalize;
}
.bland__text{
margin-top: 100px;
text-align: center;
font-size: 1.3125rem;
font-weight: 600;
}
.bland__img1{
margin: 0 auto;
margin-top: 60px;
max-width: 550px;
}
.bland__img2{
margin: 0 0 0 auto;
margin-right: 125px;
max-width: 344px;
}
.bland__list{
margin: 0 auto;
margin-top: 90px;
width: 82.8%;
max-width: 1230px;
display: flex;
justify-content: space-between;
}
.bland__list li{
background-color: #fff;
width: 31.7%;
max-width: 390px;
min-height: 672px;
box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.1);
padding: 15px;
}
.bland__list__title{
font-size: 1.4075rem;
font-weight: bold;
font-family: "Shippori Mincho", serif;
display: flex;
align-items: center;
gap: 15px;
}
.bland__list__title span{
background-color: #9b8756;
color: #fff;
font-size: 2.418125rem;
font-weight: normal;
width: 43px;
height: 43px;
display: flex;
align-items: center;
justify-content: center;
}
.bland__list__img{
margin-top: 30px;
height: 234px;
}
.bland__list__img img{
height: 100%;
}
.bland__list__text{
margin-top: 40px;
font-size: 1.125rem;
font-weight: 600;
line-height: 1.9;
}
/*-------------------------------------------
FLOW
-------------------------------------------*/
.flow{
margin: 0 auto;
max-width: 1500px;
background-color: #fbfaf7;
padding-top: 270px;
}
.flow__title{
text-align: center;
font-size: 3.4375rem;
font-weight: bold;
font-family: "Shippori Mincho", serif;
position: relative;
}
.flow__title::after{
content: attr(data-en);
display: inline-block;
position: absolute;
top: -90px;
left: 50%;
transform: translateX(-50%);
font-size: 3.6875rem;
font-weight: normal;
color: #9b8756;
text-transform: capitalize;
}
.flow__title-sub{
margin: 0 auto;
margin-top: 100px;
width: 82.8%;
max-width: 1230px;
text-align: center;
color: #fff;
background: linear-gradient(to right, #fff, #9b8756, #fff);
font-size: 2.8125rem;
font-weight: bold;
font-family: "Shippori Mincho", serif;
padding: 30px 15px;
}
.flow__list{
margin: 0 auto;
margin-top: 50px;
width: 82.8%;
max-width: 1230px;
display: flex;
justify-content: space-between;
}
.flow__list li{
width: 7.2%;
min-height: 656px;
border: 3px solid rgba(155, 135, 86, 0.41);
border-radius: 20px;
padding-top: 20px;
writing-mode: vertical-rl;
display: flex;
align-items: center;
font-size: 1.4375rem;
font-weight: bold;
line-height: 1.2;
position: relative;
}
.flow__list li::after{
content: "";
display: inline-block;
position: absolute;
top: 110px;
right: -16px;
background-color: #9b8756;
clip-path: polygon(0 0, 0% 100%, 100% 50%);
width: 16px;
height: 51px;
}
.flow__list li:last-of-type:after{
content: none;
}
.flow__list li span{
font-size: 1rem;
letter-spacing: .1em;
}
.flow__list li span.small{
font-size: 0.7425rem;
}
.flow__list li:first-of-type span{
margin-top: 120px;
}
.flow__list li:nth-of-type(3) span{
margin-top: 120px;
}
.flow__list li:nth-of-type(5) span{
margin-top: 120px;
}
.flow__list li:nth-of-type(6) span{
margin-top: 95px;
}
.flow__list li:nth-of-type(7) span{
margin-top: 95px;
}
.flow__list li:nth-of-type(8) span{
margin-top: 50px;
}
.flow__list li:nth-of-type(8) span.small{
margin-top: 10px;
}
.flow__list li:nth-of-type(8) span.sp-small{
display: none;
}
.flow__list li:nth-of-type(9) span{
margin-top: 50px;
}
/*-------------------------------------------
FEE
-------------------------------------------*/
.fee{
margin: 0 auto;
max-width: 1500px;
background-color: #fbfaf7;
padding-top: 350px;
}
.fee__title{
text-align: center;
font-size: 3.4375rem;
font-weight: bold;
font-family: "Shippori Mincho", serif;
position: relative;
}
.fee__title::after{
content: attr(data-en);
display: inline-block;
position: absolute;
top: -90px;
left: 50%;
transform: translateX(-50%);
font-size: 3.6875rem;
font-weight: normal;
color: #9b8756;
text-transform: uppercase;
}
.fee__payment{
margin-top: 80px;
}
.fee__payment__title{
margin: 0 auto;
color: #fff;
background-color: #958354;
max-width: 1228px;
width: 84.8%;
text-align: center;
padding: 10px 15px;
font-size: 2.8125rem;
font-weight: 600;
font-family: "Shippori Mincho", serif;
}
.fee__payment__text{
margin-top: 45px;
text-align: center;
font-size: 1.625rem;
font-weight: 600;
}
.fee__payment__list{
margin: 0 auto;
margin-top: 60px;
max-width: 1228px;
width: 84.8%;
}
.fee__payment__list li{
margin-top: 100px;
font-size: 1.6875rem;
font-weight: 600;
padding-left: 30px;
position: relative;
}
.fee__payment__list li::before{
content: "";
display: inline-block;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 18px;
height: 18px;
border-radius: 50%;
background-color: #958354;
}
.fee__payment__list li:first-of-type{
margin-top: 0px;
}
.fee__payment__list li img{
margin-left: 35px;
display: inline-block;
max-width: 230px;
}
.fee__example{
margin: 0 auto;
margin-top: 100px;
max-width: 1228px;
width: 84.8%;
}
.fee__example__title{
color: #fff;
background-color: #958354;
text-align: center;
padding: 10px 15px;
font-size: 2.8125rem;
font-weight: 600;
font-family: "Shippori Mincho", serif;
letter-spacing: .1em;
}
.fee__example__title span.big{
font-size: 3.25rem;
}
.fee__example__title span.small{
font-size: 2rem;
letter-spacing: normal;
}
.fee__example__text1{
margin-top: 60px;
text-align: center;
font-size: 2.1875rem;
font-weight: 600;
}
.fee__example__text2{
margin-top: 35px;
text-align: center;
font-size: 1.875rem;
font-weight: 600;
}
.fee__example__box{
margin-top: 40px;
display: flex;
justify-content: space-between;
gap: 20px;
}
.fee__example__calculation p:first-of-type{
font-size: 1.5625rem;
font-weight: 600;
}
.fee__example__calculation p:nth-of-type(2){
margin-top: 30px;
font-size: 1.5625rem;
font-weight: 600;
}
.fee__example__calculation p:nth-of-type(3){
margin-top: 40px;
font-size: 1.3125rem;
font-weight: 600;
}
.fee__example__calculation p:last-of-type{
margin-top: 40px;
text-align: right;
color: #958354;
font-size: 1.854375rem;
font-weight: 600;
}
.fee__example__img{
max-width: 398px;
}
.fee__example__btn{
margin: 0 0 0 auto;
margin-top: 110px;
display: block;
width: fit-content;
background-color: #000;
color: #fff;
padding-top: 25px;
padding-bottom: 25px;
text-align: center;
width: 408px;
font-size: 1.47375rem;
font-weight: bold;
letter-spacing: .1em;
position: relative;
}
.fee__example__btn img{
margin: auto;
position: absolute;
top: 0;
bottom: 0;
right: 20px;
width: 15px;
}
.fee__mv{
margin-top: 110px;
}
/*-------------------------------------------
FAQ
-------------------------------------------*/
.faq{
margin: 0 auto;
max-width: 1500px;
background-color: #fbfaf7;
padding-top: 100px;
padding-bottom: 120px;
}
.faq__title{
text-align: center;
font-size: 3.4375rem;
font-weight: 500;
font-family: "Shippori Mincho", serif;
letter-spacing: .2em;
}
.accordion{
margin: 0 auto;
margin-top: 70px;
max-width: 1225px;
width: 82.5%;
}
summary{
display: block;
list-style: none;
}
summary::-webkit-details-marker{
display: none;
}
.summary__inner{
display: flex;
align-items: center;
gap: 35px;
cursor: pointer;
background-color: #fff;
border: 2px solid #ddd;
padding-top: 25px;
padding-bottom: 25px;
padding-left: 25px;
padding-right: 25px;
font-size: 1.6875rem;
font-weight: 600;
font-family: "Shippori Mincho", serif;
position: relative;
}
details.is-opened .summary__inner{
border-bottom: none;
}
.summary__inner .q{
font-size: 2rem;
color: #bfaa76;
}
.icon {
margin: auto;
position: absolute;
top: 0;
bottom: 0;
right: 25px;
width: 43px;
height: 43px;
border-radius: 50%;
background-color: #bbab7d;
transition: background-color 0.4s;
}
.icon::before,
.icon::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 17px;
height: 2px;
background: #fff;
transform: translate(-50%, -50%) rotate(0deg);
transition: transform 0.4s, opacity 0.4s;
}
.icon::before {
opacity: 1;
}
.icon::after {
opacity: 1;
transform: translate(-50%, -50%) rotate(90deg);
}
details.is-opened .icon::before {
opacity: 0;
}
details.is-opened .icon::after {
transform: translate(-50%, -50%) rotate(0deg);
}
.accordion details {
margin-bottom: 50px;
}
.accordion details:last-child {
margin-bottom: 0;
}
.content {
overflow: hidden;
position: relative;
background-color: #fff;
}
.content__inner{
padding-top: 15px;
padding-bottom: 25px;
padding-left: 80px;
padding-right: 25px;
border: 2px solid #ddd;
border-top: none;
font-size: 1.125rem;
font-weight: 600;
line-height: 2;
letter-spacing: .1em;
}
.close-button{
cursor: pointer;
display: inline-block;
}
/*-------------------------------------------
FOOTER
-------------------------------------------*/
.footer{
margin: 0 auto;
padding-top: 60px;
max-width: 1500px;
}
.footer__box{
display: flex;
justify-content: flex-end;
gap: 40px;
}
.footer__information{
width: 45%;
}
.footer__logo{
max-width: 350px;
}
.footer__address{
margin-top: 30px;
text-align: center;
font-size: 1.57875rem;
font-weight: 600;
line-height: 1.7;
}
.footer__tel{
margin-top: 50px;
font-size: 1.614375rem;
font-weight: 600;
letter-spacing: .2em;
color: #958354;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
}
.footer__tel img{
width: 22px;
height: 25px;
}
.footer-table{
margin-top: 20px;
border: 0.75px solid #9ca2a7;
}
.footer-table__inner{
width: 100%;
text-align: center;
table-layout: fixed;
border-collapse: collapse;
}
.footer-table__header{
padding: 10px;
background-color: #958354;
color: #fff;
font-weight: bold;
vertical-align: middle;
letter-spacing: .2em;
font-size: 1.0625rem;
font-weight: 500;
}
.footer-table__header.time{
background-color: #fff;
color: #333;
font-size: 1.25rem;
letter-spacing: normal;
}
.footer-table__text{
padding: 10px;
vertical-align: middle;
font-size: 1.225rem;
color: #958354;
}
.footer-table__text span{
display: inline-block;
width: 14px;
height: 14px;
border-radius: 50%;
background-color: #958354;
}
@media screen and (max-width:768px){
.footer-table{
overflow-x: auto;
}
.footer-table__inner{
width: auto;
min-width: 100%;
}
.footer-table__header,.footer-table__text{
white-space: nowrap;
}
.footer-table__header:last-child,.footer-table__text:last-child{
border-right-width: 1px;
}
.footer-table__header--md-sticky{
position: sticky;
position: -webkit-sticky;
left: 0;
}
}
.footer__asterisk{
margin-top: 7px;
font-size: 0.875rem;
color: #958354;
letter-spacing: .2em;
line-height: 1.7;
}
.footer__map{
width: 50%;
}
.footer__map iframe{
width: 100%;
}
.footer__gallery{
margin-top: 110px;
}
.slider.sp{
display: none;
}
.footer__copyright{
background-color: #958354;
font-size: 0.875rem;
font-weight: 500;
color: #fff;
text-align: center;
padding: 10px;
}
/*-------------------------------------------
PC
-------------------------------------------*/
@media screen and (max-width:1340px){
/*-------------------------------------------
HEADER
-------------------------------------------*/
.header{
width: 100%;
position: fixed;
top: 0;
left: 0;
background-color: #fff;
z-index: 9000;
height: 74px;
opacity: 0;
pointer-events: none;
transition: opacity .3s ease;
}
.header__inner{
padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 0px;
}
.header__logo{
width: 260px;
z-index: 9000;
position: relative;
}
.header__nav ul{
display: none;
}
.header__btn{
position: absolute;
top: 0;
right: 100px;
font-size: 1.0625rem;
padding: 0px 50px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-color: #392e26;
z-index: 9000;
}
.header__btn::after{
right: 10px;
}
#g-nav{
display: block;
position: fixed;
z-index: 999;
right: -120%;
top: 74px;
width: 100%;
height: 100vh;
background: #fff;
transition: all 0.6s;
}
#g-nav.panelactive{
right: 0;
}
#g-nav ul {
position: absolute;
z-index: 999;
width: 100%;
padding-top: 50px;
}
#g-nav li{
margin-top: 20px;
text-align: center;
}
#g-nav li:first-of-type{
margin-top: 0px;
}
#g-nav li a{
display: inline-block;
font-size: 1.25rem;
font-weight: bold;
font-family: "Shippori Mincho", serif;
letter-spacing: 0.05em;
}
.openbtn{
display: block;
position: absolute;
z-index: 9999;
top: 20px;
right: 20px;
cursor: pointer;
width: 50px;
height: 50px;
}
.openbtn span{
display: inline-block;
transition: all .4s;
position: absolute;
left: 0;
width: 100%;
height: 6px;
background-color: #392e26;
}
.openbtn span:nth-of-type(1) {
top:0;
}
.openbtn span:nth-of-type(2) {
top: 16px;
}
.openbtn span:nth-of-type(3) {
top: 32px;
}
.openbtn.active span:nth-of-type(1) {
top: 18px;
transform: rotate(-45deg);
width: 100%;
left: 0;
}
.openbtn.active span:nth-of-type(2) {
opacity: 0;
}
.openbtn.active span:nth-of-type(3) {
top: 18px;
transform: rotate(45deg);
width: 100%;
left: 0;
}
.header.visible {
opacity: 1;
pointer-events: auto;
}
}
/*-------------------------------------------
TB
-------------------------------------------*/
@media screen and (max-width: 1100px) {
.pc{
display: none;
}
.sp{
display: block;
}
/*-------------------------------------------
MV
-------------------------------------------*/
.mv__img{
width: 100%;
height: 700px;
}
.mv__img img{
width: 100%;
height: 100%;
}
.mv__text{
top: 200px;
left: 30px;
}
.mv__text__first{
font-size: 2.5rem;
}
.mv__text__first span{
font-size: 5.5rem;
}
.mv__text__second{
font-size: 3rem;
}
.mv__text__second span{
font-size: 2rem;
}
.mv__achievement{
bottom: 30px;
left: 30px;
flex-wrap: wrap;
justify-content: space-between;
column-gap: 30px;
padding-left: 20px;
padding-right: 50px;
padding-bottom: 20px;
}
.mv__achievement li{
width: 43%;
font-size: 1.25rem;
}
.mv__achievement li span{
font-size: 1.75rem;
letter-spacing: .1em;
}
.mv__achievement li span.big{
font-size: 2rem;
}
.header__btn{
height: 90%;
}
/*-------------------------------------------
TROUBLE
-------------------------------------------*/
.trouble{
padding-top: 150px;
}
.trouble__title{
font-size: 2.5rem;
}
.trouble__title span{
font-size: 3rem;
}
.trouble__title::after{
font-size: 3rem;
}
.trouble__top{
margin-top: 80px;
flex-direction: column-reverse;
gap: 50px;
}
.trouble__top__img{
width: 350px;
}
.trouble__top__list{
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.trouble__top__list li{
font-size: 1.5rem;
}
.trouble__top__list li span{
font-size: 1.5rem;
}
.trouble__title-sub{
margin-top: 60px;
font-size: 2.5rem;
}
.trouble__title-sub span{
font-size: 3rem;
}
.trouble__title-sub-bar{
margin-top: 5px;
max-width: 550px;
}
.trouble__list{
margin-top: 30px;
width: 99%;
padding: 20px 30px;
flex-direction: column;
flex-wrap: nowrap;
row-gap: 20px;
}
.trouble__list li{
width: 100%;
font-size: 1.5rem;
}
.trouble__list li img{
width: 20px;
}
.trouble__list2{
margin-top: 70px;
width: 95%;
}
.trouble__list2 li{
margin-top: 50px;
}
.trouble__list2__title{
font-size: 2rem;
}
.trouble__list2__title span{
font-size: 2.5rem;
padding-left: 10px;
padding-right: 20px;
}
.trouble__list2__box{
flex-direction: column;
gap: 50px;
box-shadow: none;
}
.trouble__list2__text{
width: 100%;
line-height: 1.75;
}
.trouble__list2__img{
width: 100%;
}
.trouble__list2 li:nth-of-type(4) .trouble__list2__img{
max-width: 367px;
width: 70%;
}
/*-------------------------------------------
REASON
-------------------------------------------*/
.reason{
padding-top: 160px;
}
.reason__title{
font-size: 2.5rem;
}
.reason__title span{
font-size: 4rem;
}
.reason__title::after{
font-size: 3rem;
}
.reason__list{
margin-top: 90px;
}
.reason__list1{
flex-direction: column;
align-items: center;
}
.reason__list1 .reason__list__img{
width: 100%;
}
.reason__list1 .reason__list__text{
width: 89%;
max-width: none;
max-height: none;
transform: translateX(0px) translateY(-30px);
padding-bottom: 50px;
}
.reason__list1 .reason__list__title{
font-size: 2rem;
letter-spacing: normal;
}
.reason__list1 .reason__list__title span.number{
font-size: 2.5rem;
width: 45px;
height: 45px;
padding-bottom: 5px;
}
.reason__list1 .reason__list__description{
margin-top: 40px;
line-height: 1.75;
}
.reason__list1 .reason__list__btn{
margin: 0 auto;
margin-top: 30px;
width: 100%;
max-width: 400px;
}
.reason__list2{
margin-top: 80px;
flex-direction: column;
align-items: center;
}
.reason__list2 .reason__list__img{
width: 100%;
}
.reason__list2 .reason__list__text{
width: 89%;
max-width: none;
transform: translateX(0px) translateY(-30px);
max-height: none;
padding-bottom: 50px;
}
.reason__list2 .reason__list__title{
font-size: 2rem;
}
.reason__list2 .reason__list__title span.number{
font-size: 2.5rem;
width: 45px;
height: 45px;
padding-bottom: 5px;
}
.reason__list2 .reason__list__description{
margin-top: 50px;
line-height: 1.75;
}
.reason__list3{
margin-top: 90px;
flex-direction: column;
align-items: center;
}
.reason__list3 .reason__list__img{
width: 100%;
}
.reason__list3 .reason__list__text{
width: 89%;
max-width: none;
max-height: none;
transform: translateX(0px) translateY(-30px);
padding-bottom: 50px;
}
.reason__list3 .reason__list__title{
font-size: 2rem;
}
.reason__list3 .reason__list__title span.number{
font-size: 2.5rem;
width: 45px;
height: 45px;
padding-bottom: 5px;
}
.reason__list3 .reason__list__description{
margin-top: 40px;
line-height: 1.75;
}
.reason__list4{
margin-top: 90px;
flex-direction: column;
align-items: center;
}
.reason__list4 .reason__list__img{
width: 100%;
height: auto;
}
.reason__list4 .reason__list__text{
width: 89%;
max-width: none;
max-height: none;
transform: translateX(0px) translateY(-30px);
padding-top: 20px;
padding-bottom: 50px;
}
.reason__list4 .reason__list__title{
font-size: 2rem;
}
.reason__list4 .reason__list__title span.number{
font-size: 2.5rem;
width: 45px;
height: 45px;
padding-bottom: 5px;
}
.reason__list4 .reason__list__description{
margin-top: 30px;
line-height: 1.75;
}
.reason__list5{
margin-top: 90px;
flex-direction: column;
align-items: center;
}
.reason__list5 .reason__list__img{
width: 100%;
}
.reason__list5 .reason__list__text{
width: 89%;
max-width: none;
max-height: none;
transform: translateX(0px) translateY(-30px);
padding-bottom: 50px;
}
.reason__list5 .reason__list__title{
font-size: 2rem;
}
.reason__list5 .reason__list__title span.number{
font-size: 2.5rem;
width: 45px;
height: 45px;
padding-bottom: 5px;
}
.reason__list5 .reason__list__title span.big{
font-size: 3rem;
}
.reason__list5 .reason__list__description{
margin-top: 70px;
line-height: 1.75;
}
.reason__list6{
margin-top: 90px;
flex-direction: column;
align-items: center;
}
.reason__list6 .reason__list__img{
width: 100%;
height: auto;
}
.reason__list6 .reason__list__text{
width: 89%;
max-width: none;
max-height: none;
transform: translateX(0px) translateY(-30px);
padding-top: 20px;
padding-bottom: 50px;
}
.reason__list6 .reason__list__title{
font-size: 2rem;
}
.reason__list6 .reason__list__title span.number{
font-size: 2.5rem;
width: 45px;
height: 45px;
padding-bottom: 5px;
}
.reason__list6 .reason__list__description{
margin-top: 100px;
line-height: 1.75;
}
/*-------------------------------------------
IMPLANT
-------------------------------------------*/
.implant{
padding-top: 150px;
}
.implant__title{
font-size: 2.5rem;
}
.implant__title::after{
font-size: 3rem;
white-space: nowrap;
}
.implant__title-sub{
margin-top: 50px;
font-size: 2.25rem;
padding: 10px;
width: 94.66%;
}
.implant__top{
margin-top: 30px;
flex-direction: column;
gap: 30px;
width: 94.66%;
}
.implant__top__text{
line-height: 1.75;
}
.implant__description{
margin: 0 auto;
margin-top: 30px;
max-width: 94.66%;
line-height: 1.75;
text-align: left;
}
.implant__down{
margin-top: 50px;
flex-direction: column-reverse;
gap: 10px;
}
.implant__down__img{
width: 100%;
}
.implant__down__text{
padding-top: 30px;
}
.implant__down__title{
font-size: 2rem;
text-align: center;
}
.implant__down__title-bar{
margin: 0 auto;
margin-top: 5px;
width: 89%;
}
.implant__down__cheer{
font-size: 1.5rem;
}
.implant__down__cheer span.pc{
display: none;
}
.implant__down__description{
margin: 0 auto;
margin-top: 60px;
width: 87.8%;
line-height: 1.75;
}
.implant__down__description span{
background: transparent;
}
/*-------------------------------------------
PULP
-------------------------------------------*/
.pulp{
padding-top: 150px;
}
.pulp__title{
font-size: 2.5rem;
}
.pulp__title::after{
white-space: nowrap;
font-size: 3rem;
}
.pulp__top{
margin-top: 60px;
flex-direction: column;
align-items: center;
gap: 40px;
}
.pulp__top__text{
padding-top: 0px;
padding-left: 20px;
padding-right: 20px;
line-height: 1.75;
}
.pulp__content{
margin-top: 30px;
padding-top: 30px;
padding-bottom: 40px;
}
.pulp__content__inner{
padding-left: 20px;
padding-right: 20px;
}
.pulp__list{
flex-direction: column;
gap: 70px;
}
.pulp__list li{
width: 100%;
position: relative;
}
.pulp__list__arrow{
position: absolute;
bottom: -50px;
left: 50%;
transform: translateX(-50%);
width: 60px;
}
.pulp__list__top{
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding-top: 10px;
}
.pulp__list__step{
font-size: 1.5rem;
}
.pulp__list__step span{
font-size: 1.75rem;
}
.pulp__list__title{
font-size: 1.25rem;
}
.pulp__list__img{
text-align: center;
margin-top: 20px;
}
.pulp__information{
margin-top: 20px;
flex-direction: column;
gap: 40px;
}
.pulp__merit{
width: 100%;
padding-top: 20px;
padding-bottom: 30px;
padding-right: 15px;
padding-left: 15px;
}
.pulp__merit__title{
font-size: 1.5rem;
}
.pulp__merit__list{
margin-top: 20px;
}
.pulp__merit__list li{
margin-top: 10px;
font-size: 1rem;
line-height: 1.28;
}
.pulp__merit__list li:first-of-type{
margin-top: 0px;
}
.pulp__merit__asterisk{
margin-top: 10px;
font-size: 0.875rem;
}
.pulp__attention{
width: 100%;
padding-top: 20px;
padding-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
}
.pulp__attention__title{
font-size: 1.5rem;
}
.pulp__attention__list{
margin-top: 20px;
}
.pulp__attention__list li{
margin-top: 10px;
font-size: 1rem;
line-height: 1.28;
}
.pulp__attention__list li:first-of-type{
margin-top: 0px;
}
.pulp__information__conclusion{
margin-top: 20px;
font-size: 1.125rem;
}
/*-------------------------------------------
REGENERATIVE
-------------------------------------------*/
.regenerative{
padding-top: 150px;
}
.regenerative__title{
font-size: 2.5rem;
}
.regenerative__title::after{
font-size: 3rem;
white-space: nowrap;
}
.regenerative__top{
margin-top: 40px;
flex-direction: column;
gap: 20px;
}
.regenerative__top__text{
line-height: 1.75;
padding-left: 20px;
padding-right: 20px;
}
.regenerative__top__text__first,
.regenerative__top__text__second,
.regenerative__top__text__third{
margin-top: 10px;
}
.regenerative__top__text__fourth{
margin-top: 40px;
line-height: 1.75;
}
.regenerative__what{
margin-top: 50px;
}
.regenerative__what__title{
width: 94.66%;
padding: 10px;
font-size: 2.25rem;
}
.regenerative__what__box{
margin-top: 40px;
flex-direction: column-reverse;
gap: 20px;
}
.regenerative__what__text{
line-height: 1.75;
padding-left: 20px;
padding-right: 20px;
}
.regenerative__what__text__first{
line-height: 1.75;
}
.regenerative__what__text__second-sp,
.regenerative__what__text__third-sp,
.regenerative__what__text__fourth-sp,
.regenerative__what__text__fifth-sp{
margin-top: 10px;
display: block;
width: fit-content;
background: linear-gradient(transparent 70%, #ffff00 30%);
}
.regenerative__what__text__third{
margin-top: 40px;
}
.regenerative__what__text__second-sp{
margin-top: 40px;
}
.regenerative__what__title-sub{
margin-top: 80px;
width: 100%;
max-width: none;
width: fit-content;
font-size: 1.75rem;
text-align: center;
padding-left: 30px;
}
.regenerative__what__title-sub::before{
width: 12px;
height: 12px;
}
.regenerative__what__img2{
margin-top: 40px;
max-width: 400px;
transform: translateX(0px);
padding-left: 20px;
padding-right: 20px;
}
.regenerative__pulp__title{
width: 94.66%;
padding: 10px;
font-size: 2.25rem;
}
.regenerative__pulp__box{
margin-top: 30px;
flex-direction: column;
gap: 40px;
}
.regenerative__pulp__text{
padding-left: 20px;
padding-right: 20px;
}
.regenerative__pulp__text__first{
line-height: 1.75;
}
.regenerative__pulp__text__second{
margin-top: 20px;
line-height: 1.75;
}
.regenerative__pulp__text__list{
margin-top: 10px;
}
.regenerative__pulp__text__list li{
display: flex;
align-items: center;
gap: 5px;
font-size: 1.25rem;
font-weight: 600;
line-height: 1.75;
}
.regenerative__pulp__text__list li img{
width: 10px;
}
.regenerative__pulp__text__third-sp,
.regenerative__pulp__text__fourth-sp,
.regenerative__pulp__text__fifth-sp,
.regenerative__pulp__text__sixth-sp{
margin-top: 10px;
display: block;
width: fit-content;
font-size: 1.125rem;
font-weight: 600;
background: linear-gradient(transparent 70%, #ffff00 30%);
}
.regenerative__pulp__text__third-sp{
margin-top: 30px;
}
.regenerative__pulp__text__fifth-sp{
margin-top: 30px;
}
.regenerative__merit{
margin-top: 80px;
}
.regenerative__merit__title{
width: 94.66%;
padding: 10px;
font-size: 2.25rem;
}
.regenerative__merit__box{
margin-top: 40px;
flex-direction: column-reverse;
gap: 30px;
}
.regenerative__merit__text{
transform: translateX(0px);
padding-left: 20px;
padding-right: 20px;
}
.regenerative__merit__text__first{
line-height: 1.75;
}
.regenerative__merit__text__second-sp{
margin-top: 30px;
font-size: 1.125rem;
font-weight: 600;
line-height: 1.75;
}
.regenerative__serf{
margin-top: 80px;
}
.regenerative__serf__title{
width: 94.66%;
padding: 10px;
font-size: 2.25rem;
}
.regenerative__serf__title-sub{
margin-top: 30px;
width: 94.66%;
font-size: 1.5rem;
}
.regenerative__serf__title-sub2{
margin-top: 50px;
}
.regenerative__serf__title-sub3{
margin-top: 50px;
}
.regenerative__serf__box{
margin-top: 30px;
width: 100%;
flex-direction: column-reverse;
gap: 30px;
padding-left: 20px;
padding-right: 20px;
}
.regenerative__serf__text{
line-height: 1.75;
}
.regenerative__serf__img{
max-width: none;
width: 100%;
}
.regenerative__serf__box2{
margin-top: 30px;
padding-left: 20px;
padding-right: 20px;
}
.regenerative__serf__text2-sp{
margin-top: 30px;
font-size: 1.125rem;
font-weight: 600;
line-height: 1.75;
}
.regenerative__serf__box3{
padding-left: 20px;
padding-right: 20px;
}
.regenerative__serf__text3{
text-align: left;
line-height: 1.75;
}
.regenerative__serf__title-small{
font-size: 1.5rem;
}
.regenerative__serf__title-small2{
margin-top: 60px;
}
.regenerative__serf__text4{
margin-top: 50px;
text-align: left;
line-height: 1.75;
}
.regenerative__serf__img3-list{
margin-top: 40px;
}
.regenerative__serf__img3-list li{
margin-top: 60px;
position: relative;
}
.regenerative__serf__img3-list li:first-of-type{
margin-top: 0px;
}
.regenerative__serf__img3-list li::after{
content: "";
display: inline-block;
position: absolute;
bottom: -50px;
left: 50%;
transform: translateX(-50%);
background-color: #bfaa76;
width: 60px;
height: 30px;
clip-path: polygon(50% 100%, 0 0, 100% 0);
}
.regenerative__serf__img3-list li:last-of-type::after{
content: none;
}
.regenerative__serf__text5{
margin-top: 50px;
text-align: left;
line-height: 1.75;
}
.regenerative__serf__img4-list{
margin: 0 auto;
margin-top: 40px;
max-width: 336px;
}
.regenerative__serf__img4-list li{
margin-top: 60px;
position: relative;
}
.regenerative__serf__img4-list li:first-of-type{
margin-top: 0px;
}
.regenerative__serf__img4-list li::after{
content: "";
display: inline-block;
position: absolute;
bottom: -50px;
left: 50%;
transform: translateX(-50%);
background-color: #bfaa76;
width: 60px;
height: 30px;
clip-path: polygon(50% 100%, 0 0, 100% 0);
}
.regenerative__serf__img4-list li:last-of-type::after{
content: none;
}
/*-------------------------------------------
CASE
-------------------------------------------*/
.case{
padding-top: 180px;
}
.case__title{
font-size: 2.5rem;
}
.case__title::after{
font-size: 3rem;
}
.case__list{
margin-top: 40px;
}
.case__list li:last-of-type{
margin-top: 80px;
}
.case__list__title{
width: 100%;
font-size: 2.25rem;
}
.case__list__title span{
font-size: 2.5rem;
}
.case__list__img{
margin-top: 40px;
width: 95.6%;
}
.case__list__table{
margin-top: 60px;
width: 94.2%;
flex-direction: column;
flex-wrap: nowrap;
}
.case__list__table dt{
width: 100%;
border-right: none;
padding: 20px 10px;
font-size: 1.125rem;
}
.case__list__table dd{
width: 100%;
font-size: 1rem;
padding: 20px 10px;
display: flex;
align-items: center;
justify-content: center;
}
/*-------------------------------------------
EQUIPMENT
-------------------------------------------*/
.equipment{
padding-top: 150px;
}
.equipment__title{
font-size: 2.5rem;
}
.equipment__title::after{
font-size: 3rem;
}
.equipment__box{
margin-top: 60px;
}
.equipment__text{
margin-top: 30px;
position: static;
top: auto;
left: auto;
padding-left: 20px;
padding-right: 20px;
}
.equipment__text__first{
line-height: 1.75;
}
.equipment__text__second-sp,
.equipment__text__third-sp,
.equipment__text__fourth-sp,
.equipment__text__fifth-sp{
margin-top: 10px;
display: block;
width: fit-content;
font-size: 1.125rem;
font-weight: 600;
background: linear-gradient(transparent 70%, #ffff00 30%);
}
.equipment__text__second-sp{
margin-top: 20px;
}
/*-------------------------------------------
BLAND
-------------------------------------------*/
.bland{
padding-top: 150px;
}
.bland__title{
font-size: 2.5rem;
}
.bland__title::after{
font-size: 3rem;
white-space: nowrap;
}
.bland__text{
margin-top: 50px;
font-size: 1.125rem;
}
.bland__img1{
margin-top: 50px;
width: 90%;
}
.bland__img2{
margin: 0 auto;
margin-top: 10px;
width: 70%;
max-width: 528px;
}
.bland__list{
margin-top: 50px;
width: 93.8%;
flex-direction: column;
gap: 40px;
}
.bland__list li{
width: 100%;
max-width: none;
min-height: 0;
padding-top: 20px;
padding-bottom: 40px;
padding-left: 15px;
padding-right: 15px;
}
.bland__list__title{
font-size: 1.25rem;
}
.bland__list__title span{
font-size: 2rem;
width: 35px;
height: 35px;
padding-bottom: 3px;
}
.bland__list__img{
height: auto;
}
.bland__list__text{
margin-top: 30px;
line-height: 2;
}
/*-------------------------------------------
FLOW
-------------------------------------------*/
.flow{
padding-top: 160px;
}
.flow__title{
font-size: 2.5rem;
}
.flow__title::after{
font-size: 3rem;
}
.flow__title-sub{
margin-top: 70px;
width: 100%;
font-size: 2.125rem;
padding: 20px 10px;
}
.flow__list{
width: 93.8%;
flex-direction: column;
gap: 50px;
}
.flow__list li{
width: 100%;
min-height: 0;
border-radius: 10px;
writing-mode: horizontal-tb;
justify-content: space-between;
padding: 20px;
font-size: 1.25rem;
}
.flow__list li::after{
top: auto;
right: auto;
bottom: -37px;
left: 50%;
transform: translateX(-50%);
clip-path: polygon(50% 100%, 0 0, 100% 0);
width: 51px;
height: 16px;
}
.flow__list li span{
font-size: 1rem;
letter-spacing: .1em;
}
.flow__list li span.small.sp{
padding-top: 10px;
}
.flow__list li:first-of-type span{
margin-top: 0px;
}
.flow__list li:nth-of-type(3) span{
margin-top: 0px;
}
.flow__list li:nth-of-type(5) span{
margin-top: 0px;
}
.flow__list li:nth-of-type(6) span{
margin-top: 0px;
}
.flow__list li:nth-of-type(7) span{
margin-top: 0px;
}
.flow__list li:nth-of-type(8) span{
margin-top: 0px;
}
.flow__list li:nth-of-type(8) span.small{
margin-top: 0px;
display: none;
}
.flow__list li:nth-of-type(8) span.sp-small{
margin-top: 10px;
display: block;
font-size: 0.65rem;
}
.flow__list li:nth-of-type(9) span{
margin-top: 0px;
}
/*-------------------------------------------
FEE
-------------------------------------------*/
.fee{
padding-top: 150px;
}
.fee__title{
font-size: 2.5rem;
}
.fee__title::after{
font-size: 3rem;
}
.fee__payment{
margin-top: 70px;
}
.fee__payment__title{
width: 94.6%;
font-size: 2.125rem;
}
.fee__payment__text{
margin-top: 30px;
font-size: 1.25rem;
}
.fee__payment__list{
margin-top: 50px;
width: 94.6%;
}
.fee__payment__list li{
margin-top: 70px;
font-size: 1.35rem;
padding-left: 25px;
}
.fee__payment__list li::before{
width: 15px;
height: 15px;
}
.fee__payment__list li img{
margin-left: 15px;
max-width: 180px;
}
.fee__example{
margin-top: 60px;
width: 94.6%;
}
.fee__example__title{
font-size: 2.125rem;
letter-spacing: normal;
}
.fee__example__title span.big{
font-size: 2.5rem;
}
.fee__example__title span.small{
font-size: 1.5rem;
}
.fee__example__text1{
margin-top: 40px;
font-size: 1.5rem;
}
.fee__example__text2{
margin-top: 30px;
font-size: 1.25rem;
}
.fee__example__box{
flex-direction: column;
gap: 40px;
}
.fee__example__calculation p:first-of-type{
font-size: 1.2rem;
}
.fee__example__calculation p:nth-of-type(2){
font-size: 1.2rem;
}
.fee__example__calculation p:nth-of-type(3){
margin-top: 30px;
font-size: 1.125rem;
}
.fee__example__calculation p:last-of-type{
margin-top: 30px;
text-align: center;
font-size: 1.75rem;
}
.fee__example__img{
margin: 0 auto;
width: 100%;
max-width: 662px;
}
.fee__example__btn{
margin: 0 auto;
margin-top: 50px;
width: 100%;
max-width: 400px;
font-size: 1.25rem;
}
.fee__example__btn img{
width: 13px;
}
.fee__mv{
margin-top: 80px;
}
/*-------------------------------------------
FAQ
-------------------------------------------*/
.faq{
padding-top: 70px;
padding-bottom: 90px;
}
.faq__title{
font-size: 2.5rem;
}
.accordion{
margin-top: 50px;
width: 94%;
}
.summary__inner{
gap: 15px;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 15px;
padding-right: 50px;
font-size: 1.25rem;
}
.summary__inner .q{
font-size: 1.5rem;
}
.icon {
right: 15px;
width: 30px;
height: 30px;
}
.icon::before,
.icon::after {
width: 14px;
}
.accordion details {
margin-bottom: 40px;
}
.content__inner{
padding-top: 15px;
padding-bottom: 15px;
padding-left: 45px;
padding-right: 50px;
font-size: 1rem;
line-height: 1.75;
text-align: justify;
}
/*-------------------------------------------
FOOTER
-------------------------------------------*/
.footer{
padding-top: 0;
background-color: #fbfaf7;
}
.footer__box{
flex-direction: column;
gap: 50px;
}
.footer__information{
width: 100%;
}
.footer__logo{
margin: 0 auto;
max-width: 664px;
width: 88%;
}
.footer__address{
margin-top: 20px;
font-size: 1.25rem;
}
.footer__tel{
margin-top: 30px;
font-size: 1.5rem;
}
.footer-table{
margin: 0 auto;
width: 94%;
}
.footer-table__header{
letter-spacing: .1em;
font-size: 1rem;
}
.footer-table__header.time{
font-size: 1rem;
}
.footer-table__text{
font-size: 1rem;
}
.footer-table__text span{
width: 11px;
height: 11px;
}
.footer__asterisk{
padding-left: 15px;
font-size: 0.75rem;
letter-spacing: .1em;
line-height: 1.5;
}
.footer__map{
width: 100%;
}
.slider.sp{
display: block;
}
.slider{
margin-top: 30px;
}
.slider li{
width: 260px;
height: 190px;
}
.slider li img{
width: 100%;
height: 100%;
}
.footer__copyright{
font-size: 0.75rem;
}
}
/*-------------------------------------------
SP
-------------------------------------------*/
@media screen and (max-width: 600px) {
/*-------------------------------------------
MV
-------------------------------------------*/
.mv__img{
height: 580px;
}
.mv__text{
top: 187px;
left: 20px;
}
.mv__text__first{
font-size: 1.64rem;
}
.mv__text__first span{
font-size: 3.5625rem;
}
.mv__text__second{
font-size: 2.2rem;
}
.mv__text__second span{
font-size: 1.828rem;
}
.mv__achievement{
bottom: 25px;
left: 8px;
column-gap: 11px;
row-gap: 23px;
padding: 0;
justify-content: flex-start;
}
.mv__achievement li{
width: 48.5%;
font-size: 0.8rem;
padding-left: 10px;
padding-right: 10px;
letter-spacing: 0;
}
.mv__achievement li img.left{
top: -11px;
left: 0;
width: 24.5px;
height: 73.5px;
}
.mv__achievement li img.right{
top: -11px;
right: 0;
width: 24.5px;
height: 73.5px;
}
.mv__achievement li span{
font-size: 1rem;
}
.mv__achievement li span.big{
font-size: 1.34rem;
}
/*-------------------------------------------
HEADER
-------------------------------------------*/
.header{
height: 45px;
}
.header__inner{
padding-top: 6px;
padding-bottom: 6px;
padding-left: 10px;
padding-right: 0px;
}
.header__logo{
width: 160px;
}
.header__btn{
right: 50px;
font-size: 0.625rem;
padding-left: 22px;
padding-right: 22px;
height: 45px;
}
.header__btn span{
font-size: 0.6875rem;
}
.header__btn::after{
width: 3.5px;
height: 5px;
right: 8px;
}
#g-nav{
top: 45px;
}
#g-nav ul {
padding-top: 100px;
}
#g-nav li{
margin-top: 30px;
}
#g-nav li a{
font-size: 1rem;
}
.openbtn{
top: 15px;
right: 10px;
width: 25px;
height: 25px;
}
.openbtn span{
height: 3px;
}
.openbtn span:nth-of-type(2) {
top: 8px;
}
.openbtn span:nth-of-type(3) {
top: 16px;
}
.openbtn.active span:nth-of-type(1) {
top: 9px;
}
.openbtn.active span:nth-of-type(3) {
top: 9px;
}
/*-------------------------------------------
TROUBLE
-------------------------------------------*/
.trouble{
padding-top: 95px;
}
.trouble__title{
font-size: 1.6rem;
}
.trouble__title span{
font-size: 1.9375rem;
}
.trouble__title::after{
top: -44px;
font-size: 1.84375rem;
}
.trouble__top{
margin-top: 65px;
gap: 30px;
}
.trouble__top__img{
width: 220px;
}
.trouble__top__list{
padding-left: 16px;
padding-right: 16px;
}
.trouble__top__list li{
font-size: 1.084375rem;
display: block;
padding-top: 14px;
padding-bottom: 14px;
}
.trouble__top__list li img{
display: inline-block;
margin-right: 5px;
width: 11px;
transform: translateY(-7px);
}
.trouble__top__list li span{
font-size: 1.084375rem;
}
.trouble__title-sub{
margin-top: 35px;
font-size: 1.6rem;
}
.trouble__title-sub span{
font-size: 1.9rem;
}
.trouble__title-sub-bar{
margin-top: 0px;
max-width: 323px;
}
.trouble__list{
margin-top: 15px;
padding: 20px 20px;
}
.trouble__list li{
font-size: 1.125rem;
gap: 0;
}
.trouble__list li img{
display: inline-block;
margin-right: 5px;
width: 14px;
}
.trouble__list2{
margin-top: 25px;
}
.trouble__list2 li{
margin-top: 50px;
}
.trouble__list2__title{
font-size: 1.5rem;
line-height: 1.75;
}
.trouble__list2__title span{
font-size: 1.5625rem;
padding-left: 8px;
padding-right: 12px;
}
.trouble__list2__box{
padding-top: 37px;
padding-bottom: 0;
gap: 45px;
}
.trouble__list2__text{
font-size: 0.875rem;
}
.trouble__list2 li:nth-of-type(4) .trouble__list2__img{
max-width: 183px;
width: 100%;
}
/*-------------------------------------------
REASON
-------------------------------------------*/
.reason{
padding-top: 135px;
}
.reason__title{
font-size: 1.71875rem;
}
.reason__title span{
font-size: 2.5rem;
}
.reason__title::after{
top: -44px;
font-size: 1.84375rem;
}
.reason__list{
margin-top: 72px;
}
.reason__list1 .reason__list__text{
padding-top: 15px;
padding-bottom: 34px;
padding-left: 10px;
padding-right: 10px;
}
.reason__list1 .reason__list__title{
font-size: 1.375rem;
}
.reason__list1 .reason__list__title span.black{
font-size: 1.3125rem;
}
.reason__list1 .reason__list__title span.number{
font-size: 1.74625rem;
width: 28.5px;
height: 28.5px;
}
.reason__list1 .reason__list__description{
margin-top: 30px;
font-size: 0.875rem;
}
.reason__list1 .reason__list__btn{
margin-top: 22px;
max-width: 270px;
font-size: 0.975625rem;
}
.reason__list1 .reason__list__btn img{
width: 10px;
}
.reason__list2{
margin-top: 40px;
}
.reason__list2 .reason__list__text{
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
}
.reason__list2 .reason__list__title{
font-size: 1.75rem;
}
.reason__list2 .reason__list__title span.number{
margin-right: 12px;
font-size: 1.74625rem;
width: 28.5px;
height: 28.5px;
}
.reason__list2 .reason__list__description{
font-size: 0.875rem;
}
.reason__list3{
margin-top: 40px;
}
.reason__list3 .reason__list__text{
padding-top: 15px;
padding-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
}
.reason__list3 .reason__list__title{
font-size: 1.375rem;
gap: 12px;
}
.reason__list3 .reason__list__title span.number{
margin-right: 12px;
font-size: 1.74625rem;
width: 28.5px;
height: 28.5px;
}
.reason__list3 .reason__list__description{
margin-top: 50px;
font-size: 0.875rem;
}
.reason__list4{
margin-top: 40px;
}
.reason__list4 .reason__list__text{
padding-top: 15px;
padding-bottom: 40px;
padding-left: 15px;
padding-right: 15px;
}
.reason__list4 .reason__list__title{
font-size: 1.52rem;
gap: 12px;
}
.reason__list4 .reason__list__title span.number{
font-size: 1.74625rem;
width: 28.5px;
height: 28.5px;
}
.reason__list4 .reason__list__description{
margin-top: 20px;
font-size: 0.875rem;
}
.reason__list5{
margin-top: 40px;
}
.reason__list5 .reason__list__text{
padding-top: 15px;
padding-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
}
.reason__list5 .reason__list__title{
font-size: 1.5875rem;
}
.reason__list5 .reason__list__title span.number{
margin-right: 12px;
font-size: 1.74625rem;
width: 28.5px;
height: 28.5px;
}
.reason__list5 .reason__list__title span.big{
font-size: 2.09375rem;
}
.reason__list5 .reason__list__description{
margin-top: 30px;
font-size: 0.875rem;
}
.reason__list6{
margin-top: 40px;
}
.reason__list6 .reason__list__text{
padding-top: 15px;
padding-bottom: 20px;
padding-left: 15px;
padding-right: 15px;
}
.reason__list6 .reason__list__title{
font-size: 1.5284375rem;
align-items: center;
gap: 12px;
}
.reason__list6 .reason__list__title span.number{
font-size: 1.74625rem;
width: 28.5px;
height: 28.5px;
}
.reason__list6 .reason__list__description{
margin-top: 34px;
font-size: 0.875rem;
}
/*-------------------------------------------
IMPLANT
-------------------------------------------*/
.implant{
padding-top: 90px;
}
.implant__title{
font-size: 1.71875rem;
}
.implant__title::after{
top: -44px;
font-size: 1.84375rem;
}
.implant__title-sub{
margin-top: 35px;
font-size: 1.58125rem;
padding: 10px;
}
.implant__top{
margin-top: 40px;
}
.implant__top__text{
font-size: 0.875rem;
padding: 0 5px;
}
.implant__description{
font-size: 0.875rem;
padding: 0 5px;
}
.implant__down__title{
font-size: 1.85rem;
}
.implant__down__title-bar{
margin-top: 0px;
width: 89%;
}
.implant__down__cheer{
font-size: 1.35rem;
}
.implant__down__description{
margin-top: 50px;
font-size: 0.875rem;
}
/*-------------------------------------------
PULP
-------------------------------------------*/
.pulp{
padding-top: 100px;
}
.pulp__title{
font-size: 1.71875rem;
}
.pulp__title::after{
top: -46px;
font-size: 1.84375rem;
}
.pulp__top__text{
font-size: 0.9375rem;
}
.pulp__content{
margin-top: 21px;
padding-top: 24px;
padding-bottom: 42px;
}
.pulp__content__inner{
padding-left: 18px;
padding-right: 18px;
}
.pulp__list{
gap: 55px;
}
.pulp__list__arrow{
bottom: -35px;
width: 33px;
}
.pulp__list__top{
padding-top: 8px;
padding-bottom: 11px;
}
.pulp__list__step{
font-size: 0.9375rem;
letter-spacing: .2em;
}
.pulp__list__step span{
font-size: 1.1875rem;
}
.pulp__list__title{
font-size: 1.09375rem;
}
.pulp__information{
gap: 35px;
}
.pulp__merit{
padding-top: 15px;
padding-bottom: 20px;
padding-left: 10px;
}
.pulp__merit__title{
font-size: 1.25rem;
}
.pulp__merit__list li{
margin-top: 16px;
font-size: 0.875rem;
}
.pulp__merit__asterisk{
margin-top: 15px;
font-size: 0.625rem;
}
.pulp__attention{
padding-top: 15px;
padding-bottom: 20px;
padding-left: 10px;
}
.pulp__attention__title{
font-size: 1.25rem;
}
.pulp__attention__list li{
margin-top: 16px;
font-size: 0.875rem;
}
.pulp__information__conclusion{
font-size: 0.875rem;
}
/*-------------------------------------------
REGENERATIVE
-------------------------------------------*/
.regenerative{
padding-top: 100px;
}
.regenerative__title{
font-size: 1.6134375rem;
}
.regenerative__title::after{
top: -53px;
font-size: 1.84375rem;
}
.regenerative__top{
margin-top: 35px;
gap: 15px;
}
.regenerative__top__text{
font-size: 0.875rem;
}
.regenerative__top__text__first,
.regenerative__top__text__second,
.regenerative__top__text__third{
margin-top: 5px;
}
.regenerative__top__text__fourth{
margin-top: 30px;
}
.regenerative__what{
margin-top: 30px;
}
.regenerative__what__title{
padding: 8px;
font-size: 1.58125rem;
}
.regenerative__what__text{
padding-left: 0;
font-size: 0.875rem;
white-space: wrap;
}
.regenerative__what__text__second-sp,
.regenerative__what__text__third-sp,
.regenerative__what__text__fourth-sp,
.regenerative__what__text__fifth-sp{
margin-top: 5px;
}
.regenerative__what__text__third{
margin-top: 30px;
}
.regenerative__what__text__second-sp{
margin-top: 30px;
}
.regenerative__what__title-sub{
margin-top: 63px;
font-size: 1.25rem;
padding-left: 20px;
}
.regenerative__what__title-sub::before{
width: 9px;
height: 9px;
}
.regenerative__what__img2{
margin-top: 30px;
max-width: 300px;
}
.regenerative__pulp__title{
padding: 8px;
font-size: 1.58125rem;
}
.regenerative__pulp__box{
gap: 55px;
}
.regenerative__pulp__text{
padding-left: 15px;
padding-right: 15px;
white-space: wrap;
}
.regenerative__pulp__text__first{
font-size: 0.875rem;
}
.regenerative__pulp__text__second{
margin-top: 15px;
font-size: 0.875rem;
}
.regenerative__pulp__text__list{
margin-top: 10px;
}
.regenerative__pulp__text__list li{
gap: 3px;
font-size: 0.875rem;
}
.regenerative__pulp__text__list li img{
width: 8px;
}
.regenerative__pulp__text__third-sp,
.regenerative__pulp__text__fourth-sp,
.regenerative__pulp__text__fifth-sp,
.regenerative__pulp__text__sixth-sp{
margin-top: 5px;
font-size: 0.875rem;
}
.regenerative__pulp__text__third-sp{
margin-top: 23px;
}
.regenerative__pulp__text__fifth-sp{
margin-top: 23px;
}
.regenerative__merit{
margin-top: 75px;
}
.regenerative__merit__title{
padding: 8px;
font-size: 1.58125rem;
}
.regenerative__merit__box{
margin-top: 30px;
gap: 26px;
}
.regenerative__merit__text__first{
font-size: 0.875rem;
}
.regenerative__merit__text__second-sp{
margin-top: 26px;
font-size: 0.875rem;
}
.regenerative__serf__title{
padding: 8px;
font-size: 1.58125rem;
}
.regenerative__serf__title-sub{
margin-top: 18px;
}
.regenerative__serf__text{
font-size: 0.875rem;
}
.regenerative__serf__text2-sp{
margin-top: 26px;
font-size: 0.875rem;
}
.regenerative__serf__text3{
font-size: 0.875rem;
}
.regenerative__serf__title-small{
font-size: 1.46875rem;
max-width: 273px;
}
.regenerative__serf__title-small2{
margin-top: 70px;
}
.regenerative__serf__text4{
font-size: 0.875rem;
}
.regenerative__serf__img3-list{
margin-top: 45px;
padding-left: 5px;
padding-right: 5px;
}
.regenerative__serf__img3-list li{
margin-top: 40px;
}
.regenerative__serf__img3-list li::after{
bottom: -30px;
width: 36.5px;
height: 18.5px;
}
.regenerative__serf__text5{
font-size: 0.875rem;
}
.regenerative__serf__img4-list{
margin-top: 50px;
max-width: 205px;
}
.regenerative__serf__img4-list li{
margin-top: 70px;
}
.regenerative__serf__img4-list li::after{
bottom: -40px;
width: 36.5px;
height: 18.5px;
}
/*-------------------------------------------
CASE
-------------------------------------------*/
.case{
padding-top: 83px;
}
.case__title{
font-size: 1.875rem;
}
.case__title::after{
top: -43px;
font-size: 1.84375rem;
}
.case__list{
margin-top: 37px;
}
.case__list li:last-of-type{
margin-top: 54px;
}
.case__list__title{
font-size: 1.5834375rem;
line-height: 1;
}
.case__list__title span{
font-size: 1.875rem;
}
.case__list__img{
margin-top: 25px;
}
.case__list__table{
margin-top: 40px;
}
.case__list__table dt{
padding: 12px 10px;
font-size: 0.875rem;
}
.case__list__table dd{
font-size: 0.875rem;
padding: 12px 10px;
}
/*-------------------------------------------
EQUIPMENT
-------------------------------------------*/
.equipment{
padding-top: 97px;
}
.equipment__title{
font-size: 1.71875rem;
}
.equipment__title::after{
top: -44px;
font-size: 1.81875rem;
}
.equipment__box{
margin-top: 47px;
}
.equipment__text{
margin-top: 23px;
padding-left: 15px;
padding-right: 15px;
}
.equipment__text__first{
font-size: 0.875rem;
}
.equipment__text__second-sp,
.equipment__text__third-sp,
.equipment__text__fourth-sp,
.equipment__text__fifth-sp{
margin-top: 5px;
font-size: 0.875rem;
}
.equipment__text__second-sp{
margin-top: 25px;
}
/*-------------------------------------------
BLAND
-------------------------------------------*/
.bland{
padding-top: 103px;
}
.bland__title{
font-size: 1.71875rem;
}
.bland__title::after{
top: -44px;
font-size: 1.81875rem;
}
.bland__text{
margin-top: 42px;
font-size: 0.875rem;
padding-left: 10px;
padding-right: 10px;
}
.bland__list{
margin-top: 35px;
gap: 32px;
}
.bland__list li{
padding-top: 20px;
padding-bottom: 40px;
padding-left: 15px;
padding-right: 15px;
}
.bland__list__title{
font-size: 1.64625rem;
gap: 10px;
}
.bland__list li:first-of-type .bland__list__title{
font-size: 1.35rem;
}
.bland__list__text{
margin-top: 24px;
font-size: 0.875rem;
}
/*-------------------------------------------
FLOW
-------------------------------------------*/
.flow{
padding-top: 100px;
}
.flow__title{
font-size: 1.71875rem;
}
.flow__title::after{
top: -44px;
font-size: 1.81875rem;
}
.flow__title-sub{
margin-top: 50px;
font-size: 1.40625rem;
padding: 15px 10px;
background: linear-gradient(to right,
#fff 0%,
#9b8756 10%,
#9b8756 90%,
#fff 100%
);
}
.flow__list{
margin-top: 32px;
gap: 23px;
}
.flow__list li{
padding: 12px 20px;
font-size: 0.875rem;
}
.flow__list li::after{
bottom: -20px;
width: 22px;
height: 10px;
}
.flow__list li span{
font-size: 0.875rem;
}
/*-------------------------------------------
FEE
-------------------------------------------*/
.fee{
padding-top: 95px;
}
.fee__title{
font-size: 1.71875rem;
}
.fee__title::after{
top: -44px;
font-size: 1.81875rem;
}
.fee__payment{
margin-top: 50px;
}
.fee__payment__title{
font-size: 1.58125rem;
}
.fee__payment__text{
font-size: 0.875rem;
}
.fee__payment__list{
margin-top: 40px;
padding-left: 5px;
}
.fee__payment__list li{
margin-top: 50px;
font-size: 1.09375rem;
padding-left: 15px;
}
.fee__payment__list li::before{
width: 10px;
height: 10px;
}
.fee__payment__list li img{
margin-left: 10px;
max-width: 130px;
}
.fee__example{
margin-top: 42px;
}
.fee__example__title{
font-size: 1.58125rem;
}
.fee__example__title span.big{
font-size: 1.9271875rem;
}
.fee__example__title span.small{
font-size: 1.21875rem;
}
.fee__example__text1{
margin-top: 28px;
font-size: 1.09375rem;
}
.fee__example__text2{
font-size: 0.9375rem;
}
.fee__example__box{
gap: 25px;
}
.fee__example__calculation p:first-of-type{
font-size: 0.875rem;
}
.fee__example__calculation p:nth-of-type(2){
font-size: 0.875rem;
}
.fee__example__calculation p:nth-of-type(3){
margin-top: 23px;
font-size: 0.9375rem;
}
.fee__example__calculation p:last-of-type{
margin-top: 22px;
font-size: 1.29rem;
}
.fee__example__btn{
margin-top: 25px;
max-width: 270px;
font-size: 0.97625rem;
}
.fee__example__btn img{
right: 15px;
width: 10px;
}
.fee__mv{
margin-top: 47px;
}
/*-------------------------------------------
FAQ
-------------------------------------------*/
.faq{
padding-top: 47px;
padding-bottom: 55px;
}
.faq__title{
font-size: 1.71875rem;
}
.accordion{
margin-top: 48px;
}
.summary__inner{
gap: 10px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 10px;
padding-right: 65px;
font-size: 0.9375rem;
}
.summary__inner .q{
font-size: 1.265625rem;
}
.icon {
right: 10px;
width: 22px;
height: 22px;
}
.icon::before,
.icon::after {
width: 10px;
}
.accordion details {
margin-bottom: 30px;
}
.content__inner{
padding-left: 35px;
padding-right: 35px;
font-size: 0.875rem;
}
/*-------------------------------------------
FOOTER
-------------------------------------------*/
.footer__box{
gap: 45px;
}
.footer__logo{
max-width: 332px;
}
.footer__address{
font-size: 1.35625rem;
}
.footer__tel{
margin-top: 35px;
font-size: 1.75625rem;
}
.footer__tel img{
width: 25px;
height: 27px;
}
.footer-table{
margin-top: 18px;
}
.footer-table__inner{
width: 100%;
}
.footer-table__header{
font-size: 0.7375rem;
}
.footer-table__header.time{
font-size: 0.83125rem;
}
.footer-table__text{
font-size: 0.8125rem;
}
.footer-table__text span{
width: 10px;
height: 10px;
}
.footer__asterisk{
font-size: 0.65625rem;
}
.footer__map{
height: 220px;
}
.footer__map iframe{
height: 100%;
width: 100%;
}
.slider{
margin-top: 27px;
}
.slider li{
width: 120px;
height: 95px;
}
.footer__copyright{
font-size: 0.53125rem;
}
}