@charset "UTF-8";
h1,h2,h3,p{color: #1b4c63;}
h1,h2{
font-weight: bold;
letter-spacing: 0.1em;
}
h2{font-size:33px;}
/*---------------------*/
/*明朝フォントで数字使用時に文字がおかしくなるので以下のCSSで対策
/*---------------------*/
#toppage .minfont {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
transform: rotate(.03deg);
}
/*---------------------*/
/*メインビジュアル
/*---------------------*/
#toppage{
background-color: #f3f0e9;
}
#toppage #mv > nav {
height: 53px;
width: 100%;
}
#toppage #gnavi li:first-child a{padding-left:0;}
#toppage #gnavi li:first-child{margin-left:0;}
#mv .vd-wrapper {
  position: relative;
}
#mv video {
  min-height: 100%;
  min-height: 100vh;
  min-width: 100%;
  min-width: 100vw;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 55;
}
#mv-inner.lazyloaded {
background-image: url(../images/topimage01-re.jpg);
background-position: top center;
background-repeat: no-repeat;
height: auto;
padding-top: 990px;
padding-bottom: 10px;
}
.mv-area {
    position: absolute;
    top: 446px;
    left: 48%;
    width: auto;
    text-align: center;
    z-index: 100;
}
.mv-area h1 {
    font-size: 33px;
    line-height: 1.7;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-feature-settings: "palt";
text-shadow: 1px 1px 4px rgba( 255, 255, 255, 1), 1px 1px 4px rgba( 255, 255, 255, 1), 1px 1px 4px rgba( 255, 255, 255, 1), 1px 1px 4px rgba( 255, 255, 255, 1), 1px 1px 4px rgba( 255, 255, 255, 1);
}
.mv-area h1 span {
display: block;
font-size:18px;
line-height: 1.8;
font-weight: normal;
letter-spacing: 0.1em;
}
.naname-text h2{
font-size: 36px;
    line-height: 1.4;
    text-align: center;
    position: absolute;
    left: 0;
    margin: auto;
    top: 118px;
    right: 0;
    text-shadow: 1px 1px 4px rgba( 255, 255, 255, 1), 1px 1px 4px rgba( 255, 255, 255, 1), 1px 1px 4px rgba( 255, 255, 255, 1), 1px 1px 4px rgba( 255, 255, 255, 1), 1px 1px 4px rgba( 255, 255, 255, 1);
}
#start-movie-btn {
display: table;
width: 170px;
text-decoration: none;
vertical-align: middle;
margin: 30px auto;
padding: 10px 4px;
border-radius: 46px;
background-color: #f7931e;
}
#start-movie-btn img{
display: inline-block;
vertical-align: 0;
width: 12px;
margin-right: 2px;
}
#start-movie-btn span{
font-size: 15px;
line-height: 1;
font-weight: bold;
color: #FFF;
text-align: center;
letter-spacing: 0.2em;
}
#start-movie-btn-sp{display: none;}
/*ゆらゆら動くリンクボタン*/
.mv-button{
height:56px;
width:auto;
text-align: center;
position: absolute;
color:#2b2b2b;
font-size: 24px;
letter-spacing: 0.2em;
font-weight: bold;
display: table;
z-index: 4;
}
.mv-button span {
display: table-cell;
vertical-align: bottom;
text-shadow: 1px 1px 4px rgba( 255, 255, 255, 1), 1px 1px 4px rgba( 255, 255, 255, 1), 1px 1px 4px rgba( 255, 255, 255, 1), 1px 1px 4px rgba( 255, 255, 255, 1), 1px 1px 4px rgba( 255, 255, 255, 1);
}
.mv-button span::before {
content: "";
position: absolute;
top:-1.8%;
left: 45.2%;
width: 10px;
height: 10px;
border-radius: 50%;
animation: vertical 1s ease-in-out infinite alternate;
}
#mv-inner.lazyloaded .mv-button{top: 690px;left: 40%;}
#naname-inner .naname-text .mv-button{top: 200px;margin-left: 70%;}
#naname-inner .naname-reverse-text .mv-button{top: 424px;right: 6%;}
@keyframes vertical {/*ゆらゆら動くの調整*/
  0% {
transform: translateY(-10px);
  }
  100% {
transform: translateY(0px);
  }
}
/*接頭ID変えるだけで別カラー量産可能*/
.mv-button span::before{
background: #13b5b1;
}
/*ビル斜め*/
#naname-inner {
margin-top: -472px;
position: relative;
}
.naname-hidden{
  overflow: hidden;
}
.naname-mask{
-webkit-transform: skewY(-8deg);
-moz-transform: skewY(-8deg);
-ms-transform: skewY(-8deg);
transform: skewY(-8deg);
-webkit-transform-origin: top right;
-ms-transform-origin: top right;
transform-origin: top right;
position: relative;
margin-top: 150px;
/*height: 1610px;*/
}
.naname-img{
    -webkit-transform: skewY(8deg);
    -moz-transform: skewY(8deg);
    -ms-transform: skewY(8deg);
    transform: skewY(8deg);
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
    background-image: url(../images/topimage02re-re.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -55px;
    max-width: 2000px;
    margin: 0 auto;
    height: 730px;
}

.naname-text{position: absolute;top: 430px;left: 0;right: 0;margin: auto;width: 100%;display: inline-block;z-index: 54;}
.naname-text h2 {text-align: center;}

.naname-reverse-text{position: absolute;top: 1104px;left: 0;right: 0;margin: auto;width: 100%;display: inline-block;z-index: 55;}

/*お悩みありませんかのリストボックス*/
#symptom {background: #fff;}
#symptom h2 {text-align: center;padding: 96px 0px 104px;letter-spacing: 0;line-height: 1;}

#symptom ul.symp6 {max-width: 880px;margin: 0 auto;width: 100%;}
#symptom .symp6 li{width:29.5%;margin:0 0 56px;float:left;position: relative;background: #000;}
#symptom .symp6 li img{width:100%;opacity: 0.5;}
#symptom .symp6 p{position: absolute;top: 45%;color: #fff;width: 100%;line-height: 1.4;text-align: center;font-size: 20px;letter-spacing: 0.2em;}
#symptom .symp6 li > a:hover{opacity:1;}
#symptom .symp6 li > a:hover img{opacity:1;}
#symptom .symp6 li > a:hover p{display:none;}
.symp6-banner{margin: 96px auto;width: 100%;max-width: 772px;}
#symptom .symp6 li:nth-child(3n){float:right;}
#symptom .symp6 li:nth-child(3n+1){clear: both;}
#symptom .symp6 li:nth-child(3n-1){margin:0 5.7%;}
#symptom .symp6 li:nth-child(n + 4) {margin-bottom: 0;}
#symptom .symp-green{width:72px;height:64px;padding-top: 8px;position: absolute;text-align: center;color: #fff;border-radius: 6px;letter-spacing: 0.1em;top:-12px;right:-12px;z-index: 1;}
#symptom li:nth-child(odd) .symp-green{background: #1aadb4;}
#symptom li:nth-child(even) .symp-green{background: #5cc1c9;}
#symptom .symp-green span {line-height: 1;}
#symptom .symp-green em{display: block;font-size: 35px;margin-top: -0.4px;font-family: HelveticaTextbook LT Roman;}
/*パララクスヘッダー直下*/
#commitment.lazyloaded{
width: 100%;
background-image: url(../images/f-para00.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.fivecomm h2 {font-size: 28px;text-align: center;padding-bottom: 29px;font-weight: bold;letter-spacing: 0.53em;}
.fivecomm h2 span {font-size:16px;letter-spacing: 0em;}
.fivecomm h2 > div {margin-left: 20px;}
.whitetone {background: rgba(255, 255, 255, 0.5);padding: 465px 0 80px;margin-top: -590px;}
.combox{margin: 0 auto 32px;width: 818px;height:348px;position: relative;}
.comimage img{width:488px;height:348px;position: absolute;right:-66px;}
.comtext{background: rgba(255, 255, 255, 0.8);text-align: center;width: 421px;height: 236px;top: 56px;position: absolute;z-index: 12;}
.comtext-sankaku-tri {
    border-style: solid;
    border-width: 110px 110px 0 0;
    border-color: #0166cc transparent transparent transparent;
    top: 56px;
    z-index: 30;
    left: 0;
    position: absolute;
}
.comtext-sankaku-tri span {
    z-index: 31;
    color: #fff;
    position: absolute;
    top: -100px;
    text-align: center;
    width: 80px;
    line-height: 1;
    font-size: 16px;
}
.comtext-sankaku-tri em {
    display: block;
    font-family: 'Helvetica';
    font-weight: bold;
    margin-top: 2px;
    margin-left: -4px;
    font-size: 34px;
}
/*偶数番目の配置*/
.combox:nth-child(odd) .comtext-sankaku-tri{
    border-color: #089bff transparent transparent transparent;
    border-width: 110px 0 0 110px;
    position: relative;
    float: right;
    overflow: inherit;
}
.combox:nth-child(odd) .comtext-sankaku-tri span{right: 0;}
.combox:nth-child(odd) .comtext-sankaku-tri em{margin-left: 10px;}
.combox:nth-child(odd) .comimage img{width:488px;height:348px;position: absolute;left:-66px;}
.combox:nth-child(odd) .comtext{right:0;}
.comtext-sankaku span {
color: #fff;
display: block;
text-align: center;
position: absolute;
top: 8px;
left: 8px;
font-size: 13px;
letter-spacing: 0.1em;
line-height: 1;
}
.whitetone a:last-child .combox{margin-bottom:0;}
.commit {margin:-36px auto 8px;}
.comtext h3 {font-size: 24px;margin-top: 80px;font-weight: bold;margin-bottom: 21px;line-height: 1;}
/**/
#cost-and-allon4{
background: #f8fdff;
}
/*無理のない一万円インプラント*/
#reasonable-tenthousand.lazyloaded{
background-image: url(../images/topimage08.jpg);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
height:1100px;
background-position-x: 28%;
}
#reasonable-tenthousand .reasonable-box{
position: absolute;
width:40%;
top:136px;
text-align: justify;
}
.reasonable-box a{
display: block;
border: solid 2px #1a3b4a;
width:242px;
text-align: center;
padding: 10px;
margin: 0 auto;
}
ul.reasonable-images {
display: flex;
margin:auto;
list-style-type: none;
}
.reasonable-images li:nth-child(2) img {
margin: auto 16px;
}
/*総入れ歯をお使いの方も*/
#dentures-implant .reasonable-box{
position: absolute;
top:-480px;
right:0;
width:61%;
text-align: right;
}
#dentures-implant .reasonable-box > div {
width:72%;
text-align: left;
}
#dentures-implant .reasonable-box > div > p{
text-align: justify;
}
#dentures-implant ul.reasonable-images {
margin-top: 249px;
}
#dentures-implant .reasonable-box a {
width:330px;margin-left: 0;
}
/*こだわり動画*/
#movie-kodawari1 {
background-image: url(../images/f-com1-re.jpg);
right: -66px;
}
#movie-kodawari2 {
background-image: url(../images/f-com2.jpg);
left: -66px;
}
#movie-kodawari3 {
background-image: url(../images/f-com3-re.jpg);
right: -66px;
}
#movie-kodawari4 {
background-image: url(../images/f-com4.jpg);
left: -66px;
}
#movie-kodawari5 {
background-image: url(../images/f-com5-re.jpg);
right: -66px;
}
#movie-kodawari1,
#movie-kodawari2,
#movie-kodawari3,
#movie-kodawari4,
#movie-kodawari5 {
    background-size: cover;
	background-repeat: no-repeat;
    position: absolute;
    max-width: 488px;
}
#movie-kodawari1 .playbtn,
#movie-kodawari2 .playbtn,
#movie-kodawari3 .playbtn,
#movie-kodawari4 .playbtn,
#movie-kodawari5 .playbtn {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center;
    width: 25%;
    height: 25%;
    background: url(../images/movie-play.svg) no-repeat center;
    background-size: contain;
    opacity: 0.9;
}
#movie-kodawari1 video,
#movie-kodawari2 video,
#movie-kodawari3 video,
#movie-kodawari4 video,
#movie-kodawari5 video {
    width: 100%;
    padding: 0;
    margin: 0;
	vertical-align: middle;
}
.symp6-banner img {
    max-width: 100%;
}

@media screen and (max-width: 1800px) {/*調整用*/
.naname-text h2 {
top:16px;
}
#naname-inner.lazyloaded .naname-text .mv-button {
top:130px;
}
}
@media screen and (max-width: 1100px) {/*調整用*/
.mv-area h1{font-size:30px;}
#mv-inner.lazyloaded{background-position-x: -390px;}
}
@media screen and (max-width: 960px) {/*調整用*/
.mv-area{left: 40%;}
.naname-reverse h2{margin-left: 20px;width:auto;}
#mv-inner.lazyloaded .mv-button{left: 20%;}
.mv-button{text-shadow: 1px 1px 3px rgba( 255, 255, 255, .8), 1px 1px 3px rgba( 255, 255, 255, .8), 1px 1px 3px rgba( 255, 255, 255, .8), 1px 1px 3px rgba( 255, 255, 255, .8), 1px 1px 3px rgba( 255, 255, 255, .8);}
.combox{width:878px;}
.naname-mask{height:710px;}
.naname-img{background-size: 170%;height:620px;}
.naname-text{top: 340px;}
.naname-reverse-text{left:80px;top: 804px;width:90%;}
.comimage img {right: 0;}
.combox:nth-child(odd) .comimage img{left:0;}
#reasonable-tenthousand.lazyloaded{background-position-x: 38%;}
#reasonable-tenthousand .reasonable-box{margin-left:16px;}
#dentures-implant .reasonable-box{margin-right:16px;}
#reasonable-tenthousand .reasonable-box{width:40%;}
#dentures-implant .reasonable-box{width:64%;}
#tabarea{padding-left:24px;padding-right: 24px;}
#naname-inner{margin-bottom: -90px;}
}
@media screen and (max-width: 768px) {
#mv{top: 0px;margin-top:-54px;}
#hd-left,#hd-right{position: absolute;z-index: 100;}
.naname-text{top: 260px;}
.naname-reverse-text {left: 20px;top: 644px;}
.naname-mask {height:610px;/*height: 1030px;*/}
#naname-inner{margin-bottom: 0;}
#naname-inner h2{font-size: 30px;}
#cost-and-allon4 h2{font-size: 28px;}
.naname-text h2 {top: 136px;}
#dentures-implant .reasonable-box{width:69%;}
#dentures-implant .reasonable-box > div > p{width:auto;}
#naname-inner .naname-text .mv-button{top: 232px;}
#naname-inner .naname-reverse-text .mv-button {top: 324px;right: 0;}
#reasonable-tenthousand.lazyloaded {background-position-x: 42%;}
#dentures-implant ul.reasonable-images{right: 0;position: absolute;}
#symptom .symp6 li a{font-size: 14px;letter-spacing: 0;}
#symptom .symp6 p {font-size: 18px;letter-spacing: 0.1em;}
ul.reasonable-images{padding-top: 70px;}
.mv-area{left: 56%;top: 330px;width: 310px;}
#mv-inner.lazyloaded{background-position-x: -320px;}
#mv-inner.lazyloaded .mv-button{top: 665px;left: 6%;}
#symptom h2{line-height: unset;}
#symptom ul.symp6{width:90%;}
#symptom .symp6 li img{opacity: 0.4;}
.combox{width: 90%;}
.comtext{width: 50%;}
.comtext h3{font-size: 22px;letter-spacing: -0.1em;}
.combox:nth-child(odd) {margin: 0 auto 32px 0;}
#movie-kodawari2, #movie-kodawari4 {left:0;}
#movie-kodawari3, #movie-kodawari5 {right:0;}
.combox:nth-child(even) {margin: 0 0 32px auto;}
.combox:nth-child(odd) .comtext-sankaku:before{left:unset;}
.combox:nth-child(odd) .comtext-sankaku span{left:unset;}
}
@media screen and (max-width: 767px) {/*414*/
#mv{top: 0;margin-top: 0;}
#toppage{background-color: #fff;}
#toppage header{padding-top: 0;height: 60px;}
#mv-inner {background-image: url(../images/topimage01-sp-re.jpg);padding-bottom:0;}
.naname-reverse-text {background-image: url(../images/topimage03-sp.jpg);}
.comtext p{font-size: 4vw;line-height: 2em;}
#mv-inner,
.naname-reverse-text {
background-position: top center;
background-repeat: no-repeat;
height: calc(95vw * 3 / 2);
position: unset;
left: calc((-0.1vw) / 3);
background-size: 100%;
padding-top: 0;
}
.naname-text {
background-image: url(../images/topimage02-sp-re.jpg);
background-position: top center;
background-repeat: no-repeat;
height: calc(85vw);
position: unset;
left: calc(-0.1vw);
background-size: 100%;
padding-top: 0;
}
.mv-area {left: unset;top: 12px;right: 28px;width: 100%;}
.mv-area,#naname-inner h2{writing-mode: vertical-rl;text-align: left;}
.naname-text h2{margin: 24px 0 0 32px;left:40%;top:0;right:unset;}
.naname-reverse-text h2{margin: 48px 0 0 56px;}
.mv-area h1{font-feature-settings:normal;}
.mv-area h1 em:nth-child(2){margin-top: -16px;}
.mv-area h1 em:nth-child(3){margin-top: -8px;}
.mv-area h1,
#naname-inner h2{
font-size: 21px;
letter-spacing: 0.1em;
line-height: 1.5;
text-shadow: 1px 1px 6px rgba( 255, 255, 255, 1), 1px 1px 6px rgba( 255, 255, 255, 1), 1px 1px 6px rgba( 255, 255, 255, 1), 1px 1px 6px rgba( 255, 255, 255, 1), 1px 1px 6px rgba( 255, 255, 255, 1);
}
.mv-area h1 span{
font-size: 16px;
line-height: 1.4;
margin: 0 6px 6px;
text-shadow: 1px 1px 2px rgba( 255, 255, 255, 1), 1px 1px 2px rgba( 255, 255, 255, 1), 1px 1px 2px rgba( 255, 255, 255, 1), 1px 1px 2px rgba( 255, 255, 255, 1), 1px 1px 2px rgba( 255, 255, 255, 1);
}
.mv-area h1 > div{margin-top: -16px;}
#start-movie-btn{writing-mode: horizontal-tb;display: none;}
#start-movie-btn-sp {
    display: table;
    text-align: center;
    width: 50%;
    text-decoration: none;
    vertical-align: middle;
    margin: auto;
    padding: 10px 4px;
    border-radius: 46px;
    background-color: #f7931e;
    writing-mode: horizontal-tb;
    position: absolute;
    top: 88%;
    left: 0;
    right: 0;
}
#start-movie-btn-sp img{
    display: inline-block;
    vertical-align: 0;
    width: 12px;
    margin-right: 4px;
}
#start-movie-btn-sp span{
font-size: 15px;
line-height: 1;
font-weight: bold;
color: #FFF;
text-align: center;
letter-spacing: 0.2em;
}
#naname-inner{margin-top:0;}
/*スマホの時はゆらゆら動くリンクボタンは一部非表示*/
#naname-inner .naname-text .mv-button{top: 80%;right: 40px;}
#naname-inner .naname-reverse-text .mv-button{top: 424px;left: 16px;right: unset;}
#mv-inner .mv-button,.naname-mask{display: none;}
#naname-inner{display:grid;}
.naname-text,.naname-reverse-text{position: unset;width: 100%;}
.naname-text{order: 2;}
.naname-reverse-text{order: 1;}
/* 写真リスト(スマホのみ表示)*/
#sptop-photo li{width:47.6%;margin-bottom:16px;}
#sptop-photo li:nth-child(even){float:left;}
#sptop-photo li:nth-child(odd){float:right;}
#sptop-photo li img{width:100%;}
/* スマホのお悩み*/
#symptom ul:first-child {padding: 16px 0 8px 0;margin: 0 16px;border-bottom: 1px solid #e2e2e2;}
#symptom h2{padding: 32px 0 40px;font-size: 21px;}
#symptom ul.symp6{margin: auto 16px;width: auto;display: block;}
#symptom .symp6 li{width: 46%;height:auto;float: left;margin-bottom: 40px;}
#symptom .symp6 li a{height:200px;}
#symptom .symp6 li:nth-child(odd){clear:both;}
#symptom .symp6 li:nth-child(even){float:right;}
/*PCの設定をリセット*/
#symptom .symp6 li:nth-child(3n){float:none;}
#symptom .symp6 li:nth-child(3n+1){clear:none;}
#symptom .symp6 li:nth-child(3n-1){margin:auto;}
#symptom .symp6 li:nth-child(n + 4) {margin-bottom: auto;}
/*スマホの設定*/
#symptom .symp6 li:nth-child(3){float: left;}
#symptom .symp6 li:nth-child(6){float: right;}
.symp6-banner {margin: 48px 16px;width:auto;}
.symp6-banner img{width:100%;}
#symptom .symp6 p {font-size: 15px;letter-spacing: 0;}
#symptom .symp-green{width: 33%;height: 33%;padding-top: 1.8%;}
#symptom .symp-green span{font-size: 3.2vw}
#symptom .symp-green em{font-size: 7.2vw;}
/*スマホのこだわり*/
.whitetone {padding: 454px 0 8px;margin-top: -500px;}
.combox {width: auto;height:408px;padding: 0;top:-35px;margin: -28px 16px 48px 16px;}
.comtext{width:100%;height: 400px;}
.comtext h3 {margin-top: 294px;margin-bottom: 17px;}
.comimage img,.combox:nth-child(odd) .comimage img {
    width: 90%;
    height: auto;
    top: 76px;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 20;
}
/*スマホの一万円インプラント*/
#cost-and-allon4{background: #fff;}
#reasonable-tenthousand.lazyloaded{height:auto;}
#reasonable-tenthousand .reasonable-box,#dentures-implant .reasonable-box{position: unset;width: auto;padding:16px 16px 24px;margin: 0;}
#reasonable-tenthousand.lazyloaded {background-image: none;}
ul.reasonable-images{padding-top: 24px;}
.reasonable-images li{padding: 0 1.6%;}
.reasonable-images li:nth-child(2) img{margin:0;}
.reasonable-images li img {width:100%;height: 100%;}
.rti-image img{width:100%;}
#cost-and-allon4 h2{font-size: 24px;}
.reasonable-box .fl-r{float:none;}
#dentures-implant .reasonable-box > div{width:100%;}
#dentures-implant .reasonable-box a{width:auto;}
#dentures-implant ul.reasonable-images{position: unset;margin-top:0;}
/*動画再生追加*/
#movie_toparea {display: none;position: fixed;height: 100vh;top: 0;z-index: 1000;background: rgba(0, 0, 0, .7);}
.movie_subbox {position: relative;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);z-index: 1001;width: 92%;}
.close_movie img {position: absolute;top: -28px;right: 0;z-index: 1025;width: 20px;height: 20px;cursor: pointer;}
#movie_toparea video{width: 100%;margin: 0;}
}
@media screen and (max-width: 375px) {
.mv-button{height: 52px;font-size: 22px;}
.whitetone {padding-top: 450px;}
#naname-inner .naname-reverse-text .mv-button {top: 400px;}
.comtext{height:400px;}
.comtext h3{margin-top: 284px;}
}
@media screen and (max-width: 320px) {
.mv-area{right: 16px;top:8px;}
.mv-area h1{font-size: 19px;}
#naname-inner h2{font-size:18px;}
.naname-text h2{font-size:18px;left:35%;margin-top: 16px;}
.mv-area h1 span{font-size: 14px;}
#start-movie-btn-sp{top: 88%;}
.naname-reverse-text h2{margin: 24px 0 0 56px;}
#naname-inner .naname-reverse-text .mv-button {top: 360px;}
#symptom h2{font-size:19px;}
#symptom .symp-green{width: 33%;height: 35.8%;padding-top: 0;}
#symptom .symp-green em{margin-top: -1.8px;}
#symptom .symp6 p{font-size:13px;}
.whitetone {margin-top: -418px;padding-top: 370px;}
.combox{margin-bottom: 0;}
.comtext h3 {margin-top: 244px;font-size:20px;}
.comtext {height: 345px;}
#cost-and-allon4 h2{font-size: 20px;}
#naname-inner p, #cost-and-allon4 p{font-size: 14px;}
.reasonable-box a{font-size:13px;}
.flexbox .acleft img {
    max-width: 100%;
}
}