@charset "utf-8";
/*
Theme Name: 先生+山脇
Theme URI: http://www.yoshioka-dental.com/
Description: Versions 1.0.x
Version: 1.0
Author: Dental Promotiona
*/


@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, dialog, figure, footer, header,hgroup, menu, nav, section,time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body {line-height:1;}article, aside, dialog, figure, footer, header,hgroup, nav, section {    display:block;}nav ul {    list-style:none;}blockquote, q {    quotes:none;}blockquote:before, blockquote:after,q:before, q:after {    content:'';    content:none;}a {    margin:0;    padding:0;    border:0;font-size:100%;vertical-align:baseline;background:transparent;}ins {    background-color:#ff9;    color:#000;    text-decoration:none;}mark {    background-color:#ff9;    color:#000;    font-style:italic;    font-weight:600;}del {    text-decoration: line-through;}abbr[title], dfn[title] {    border-bottom:1px dotted #000;    cursor:help;}table {    border-collapse:collapse;    border-spacing:0;}hr {    display:block;    height:1px;    border:0;    border-top:1px solid #cccccc;    margin:1em 0;padding:0;}input, select {vertical-align:middle;}

html{
    max-width: 100%;
    overflow-y: auto;
}
@media screen and (max-width: 768px) {
html{
    width: 100%;
    max-width: 100%;
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
}
}
body{
    position: relative;
    margin: 0;
    padding: 0;
    text-align: center;
    background: #fff;
    color: #000;
    font-family: 'Nobel-Book', 'Noto Sans JP', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
/*    font-size: 16px;*/
    font-size: clamp(0.75rem, 2vw + 1rem, 0.875rem);
	word-wrap : break-word;
	overflow-wrap : break-word;
    line-height: 1.8em;
    letter-spacing: 1.6pt;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}
@media screen and (max-width: 540px) {
body{
    min-width: 100%;
    font-size: 13px;
    line-height: 1.8;
    letter-spacing: .02em;
/*    font-size: 1.6rem;*/
}
}
h1,h2,h3,h4,h5,h6{
    margin: 0;
    font-weight: 100;
}
*, *:before, *:after{
    box-sizing: border-box;
}
::selection {
    background: #c49834;
    color: #000;
    text-shadow: 1px 1px 2px rgba(240, 240, 200, 1);
}
::-moz-selection {
    background: #c49834;
    color: #000;
    text-shadow: 1px 1px 2px rgba(240, 240, 200, 1);
}
a{
    text-decoration:none;
    outline:none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    transition:all .3s linear;
}
a:link, a:visited{
    color: #000;
}
a:active, a:hover{
    color: #333;
    text-decoration: none;
}
a.lc_lblue:link, a.lc_lblue:visited{
    color: #5478bb;
}
#cases #sb_instagram .sbi_follow_btn span{
    color: #fff !important;
}

a:link img, a:visited img{
    -webkit-transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -ms-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out;
}
a:hover img{
    opacity: .7;
    -webkit-opacity: .7;
    -moz-opacity: .7;
    display: inline-block;
    backface-visibility: hidden;
}
.ov img{
    opacity: .5;
    -webkit-opacity: .5;
    -moz-opacity: .5;
}
p{margin:0;}
table{
    border-collapse:collapse;
/*    table-layout: fixed;*/
/*    word-break: break-all;*/
/*    word-wrap: break-all;*/
}
i,em{font-style:normal;}
img{
    max-width: 100%;
    height: auto;
    border: none;
    vertical-align: middle;
}
ul, ol, li{
    margin:0;
    padding:0;
    list-style:none;
}
.cf{zoom:100%;}
.cf:after{
    content:"";
    clear:both;
    height:0;
    display:block;
    visibility:hidden;
}
.oz{
    overflow: hidden;
    _zoom: 1;
}
.al{text-align:left;}
.ac{text-align:center;}
.ar{text-align:right;}

.imgL, .s_imgL, .txtL{float:left;}
.imgR, .s_imgR, .txtR{float:right;}
.co{clear:both;}
.fwn{font-weight:100;}
.fwb{font-weight:600;}
.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs17{font-size:17px;}
.fs18{font-size:18px;}
.fs19{font-size:19px;}
.fs20{font-size:20px;}
.fs21{font-size:21px;}
.fs22{font-size:22px;}
.fs23{font-size:23px;}
.fs24{font-size:24px;}

.su{
    opacity:0;
    transform: translateY(10px);
    -ms-filter: blur(1px);
    filter: blur(1px);
}
.fiu{
    transition: all .5s ease-in-out;
    transform: translateY(0);
    opacity: 1 !important;
    -ms-filter: blur(0);
    filter: blur(0);
}

.mt8{margin-top:8px;}
.mt16{margin-top:16px;}
.mt24{margin-top:24px;}
.mt32{margin-top:32px;}
.mt40{margin-top:40px;}

.mb0{margin-bottom:0;}
.mb4{margin-bottom:4px;}
.mb8{margin-bottom:8px;}
.mb16{margin-bottom:16px;}
.mb24{margin-bottom:24px;}
.mb32{margin-bottom:32px;}
.mb40{margin-bottom:40px;}
.mb64{margin-bottom:64px;}
.mb80{margin-bottom:80px;}
.mb120{margin-bottom:120px;}
.mb160{margin-bottom:160px;}

.pt16{padding-top:16px;}
.pt24{padding-top:24px;}
.pt32{padding-top:32px;}
.pt40{padding-top:40px;}
.pt80{padding-top:80px;}
.pb40{padding-bottom:40px;}
.pb80{padding-bottom:80px;}

.fc_gold{color: #c49834;}
.fc_purplered{color: #c03;}
.fc_red{color: #c72952;}
.fc_black{color: #000 !important;}

.ff_mincho{
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.lead{
    margin-bottom: 24px;
    color: #c49834;
    font-weight: 600;
    font-size: 16px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

strong{
    color: #c49834;
}


/*
.first_area .grid:first-of-type{
    width: 30%;
    margin-bottom: 24px;
}
.first_area .grid:nth-of-type(2){
    width: 70%;
    margin-bottom: 24px;
    padding-left: 2%;
}
@media screen and (max-width: 800px) {
.first_area .grid:first-of-type{
    width: 50%;
    margin-bottom: 24px;
}
.first_area .grid:nth-of-type(2){
    width: 50%;
    padding-left: 2%;
}
@media screen and (max-width: 540px) {
.first_area .grid:first-of-type{
    width: 100%;
}
.first_area .grid:nth-of-type(2){
    width: 100%;
    padding-left: 0;
}
}
}
*/

.blocklink{
    position: relative;
}
.blocklink a{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.blocklink a:hover{
    background: #fff;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha( opacity=50 )";
}

.more a{
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 4px 0;
    background: #c49834 url("../../../img/asset/common/svg/arrow01.svg") no-repeat 95% center;
    background-size: 5px auto;
    color: #fff;
    font-weight: 400;
    text-align: center;
    font-size: 13px;
}
.more a:hover{
    background: #a17c28 url("../../../img/asset/common/svg/arrow01.svg") no-repeat 97% center;
    background-size: 5px auto;
}
.gotolink{
    position: relative;
    height: 28px;
}
.gotolink a{
    position: absolute;
    display: block;
    background: #c49834;
    color: #fff;
    width: 230px;
    height: 28px;
    padding: 0 2px;
    right: 0;
/*    left: 0;*/
    top: 0;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
}
.gotolink a:hover{
    background: #d6bb7c;
}
@media screen and (max-width: 256px) {
.gotolink a{
    width: 90%;
}
}


#columns .oz{
    position: relative;
}
#columns a{
    position: relative;
    height: 28px;
}
#columns a.more-link{
    position: absolute;
    display: block;
    color: #fff;
    width: 230px;
    height: 28px;
    padding: 0 2px 0;
    right: 0;
    bottom: 0;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
    background: #c49834 url("../../../img/asset/common/svg/arrow01.svg") no-repeat 95% center;
    background-size: 5px auto;
}

/*
a.more-link{
    display: block;
    width: 30%;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    padding: 8px 0;
    background: #c49834 url("../../../img/asset/common/svg/arrow01.svg") no-repeat 95% center;
    background-size: 5px auto;
    color: #fff;
    font-weight: 600;
    text-align: center;
    line-height: 1;
    font-size: 13px;
}
a.more-link:hover{
    background: #a17c28 url("../../../img/asset/common/svg/arrow01.svg") no-repeat 97% center;
    background-size: 5px auto;
}
*/
.wp-pagenavi{
    margin-bottom: 100px;
    text-align: center;
}


.w20{width: 20%;margin-left: auto;margin-right: auto;}
.w30{width: 30%;margin-left: auto;margin-right: auto;}
.w40{width: 40%;margin-left: auto;margin-right: auto;}
.w50{width: 50%;margin-left: auto;margin-right: auto;}
.w60{width: 60%;margin-left: auto;margin-right: auto;}
.w70{width: 70%;margin-left: auto;margin-right: auto;}
.w80{width: 80%;margin-left: auto;margin-right: auto;}
.w90{width: 90%;margin-left: auto;margin-right: auto;}
@media screen and (max-width: 767px) {
.w20,.w30,.w40,.w50,.w60,.w70,.w80,.w90{width: 100%;}
a.more-link{
    width: 90%;
}
}

figure{
    text-align: center;
}
figcaption{
    padding-top: 8px;
}


.spc{
    display: none;
}
@media screen and (max-width: 820px) {
.dn{
    display: none;
}
.spc{
    display: inherit;
}
}


header{
	position: -webkit-sticky;
	position: sticky;
	top: 0;
    z-index: 1000;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    background: rgba(255,255,255,1);
}
#upper{
    position: relative;
    width: 100%;
    max-width: 1500px;
    height: 150px;
    margin: auto;
}
#upper .inner{
    position: relative;
    height: 100px;
    margin: auto;
    transition: all .5s ease-in;
}
.logo{
    position: absolute;
    width: 200px;
    height: 35px;
    top: 20px;
    left: 8px;
    text-align: center;
}
.logo img{
    width: 100%;
    height: auto;
}


#upper .fixnav{
    position: absolute;
    width: 260px; /* 480px; */
    height: 36px;
    right: 0;
    top: 0;
    text-align: center;
    background: #d6b771;
}
#upper .fixnav li{
    width: 75%; /* 33%; */
    height: 100%;
    padding-top: 5px;
    text-align: center;
    background: #d6b771;
    margin: 0 auto;
}
#upper .fixnav li a{
    display: block;
}
#upper .fixnav .phonenum{
    display: none;
    width: 50%; /* 10%; */
    text-align: center;
    background: #c49834;
}
@media screen and (max-width: 1024px) {
#upper .fixnav{
    position: fixed;
    width: 100%;
    height: 36px;
    margin: 0;
    left: 0;
    right: 0;
    top: inherit;
    bottom: 0;
    background: #fff;
}
#upper .fixnav li{
    width: 50%; /* 28%; */
    padding-top: 5px;
    text-align: center;
    background: #d6b771;
}
#upper .fixnav .hd{
    width: 34%;
}
#upper .fixnav .phonenum{
    display: block;
}
#upper .fixnav .phonenum img{
    width: 237px; /* 24px; */
    height: auto;
}
@media screen and (max-width: 540px) {
#upper .fixnav .first img{
    width: 80%;
    height: auto;
}
#upper .fixnav .phonenum img{
    width: 80%; /* 50%; */
    height: auto;
}
}
}




#upper dl{
    position: absolute;
    width: 480px;
    height: 50px;
    right: 0;
    top: 0;
    background: linear-gradient(90deg, #c49834 0%, #c49834 40%, #d6b771 40%, #d6b771 100%);
    text-align: center;
}
#upper dt{
    width: 40%;
    text-align: center;
}
#upper dt a{
    display: block;
    width: 100%;
    padding: 0 12px;
}
#upper dd{
    width: 60%;
    text-align: center;
}
#upper dd div{
    width: 50%;
    text-align: center;
}
#upper dd div:last-of-type{
    border-left: 1px solid #fff;
}
#upper dd a{
    color: #fff;
    font-weight: 600;
}
@media screen and (max-width: 1024px) {
header{
	position: inherit;
    background: rgba(255,255,255,0);
}
#upper{
    height: 80px;
}
#upper .inner{
    width: 100%;
    height: 100%;
}
#upper dl{
    position: fixed;
    width: 100%;
    height: 48px;
    margin: 0;
    left: 0;
    right: 0;
    top: inherit;
    bottom: 0;
}
@media screen and (max-width: 540px) {
#upper{
    height: 72px;
}
.logo{
    width: 200px;
    height: 35px;
    top: 20px;
    left: 8px;
    right: inherit;
}
}
}


#gnav{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    font-weight: 600;
}
#gnav ul li a{
    position: relative;
    display: inline-block;
}
#gnav ul li a::after{
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 1px;
    background: #c49834;
    transform: scale(0, 1);
    transform-origin: right top;
    transition: transform .2s;
}
#gnav ul li a:hover::after{
    transform-origin: left top;
    transform: scale(1, 1);
}
#gnav ul{
    width: 100%;
    height: 80px;
    margin: auto;
    letter-spacing: 0;
}
#gnav ul::after{
    display: block;
    clear: both;
    content: '';
}
#gnav ul li{
    position: relative;
    width: 16.66%;
    margin: auto;
    letter-spacing: 0;
    text-align: center;
    transition: all .2s linear;
}
#gnav ul li:not(:first-child){
    border-left: none;
}
#gnav ul li a{
    width: 100%;
    display: block;
    padding: 16px 0;
    color: #333;
    text-align: center;
}
#gnav ul li a:hover,
#gnav ul li a.ov{
    text-decoration: none;
}
#gnav ul li li a{
    padding: 8px;
    background: #fff;
    font-weight: 100;
    text-decoration: none;
    text-align: left;
}
#gnav ul li li a:hover{
    padding: 8px;
}
#gnav ul ul{
    position: absolute;
    top: 100%;
    left: -1px;
    border-left: 0;
    background: #f7e7cd;
    font-size: 14px;
}
#gnav li:nth-of-type(3) img{
    height: 35px !important;
}
#gnav ul ul li{
    display: block;
    width: 300px;
    border: 0;
}
#gnav ul ul li a{
    display: block;
    width: 300px;
    border: 0;
}
#gnav ul ul li:not(:first-child) {
    border-top: none;
}
#gnav ul ul ul{
    position: absolute;
    top: -2px;
    left: 100%;
}
#gnav ul ul{
    visibility: hidden;
    opacity: 0;
    transition: .2s ease-in-out;
    transform: translateY(-10px);
    z-index: 50;
}
#gnav ul li:hover > ul {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}
@media screen and (max-width: 1024px) {
#gnav{
    display: none;
}
}


#upper_toggle{
    display: none;
    background: rgba(255,253,253,0);
}
.modal_wrap{
    position: relative;
    display: none;
}
.close_button{
    position: fixed;
    top: 20px;
    right: 15px;
    font-size: 40px;
    cursor: pointer;
    color: #fff;
/*    transform: scale(1.1, .8);*/
}
@media screen and (max-width: 1024px) {
#upper_toggle{
    display: block;
    position: fixed;
    width: 40px;
    height: 40px;
    top: 10px;
    right: 20px;
    z-index: 9999;
    cursor: pointer;
}
#upper_toggle span{
    display: block;
    position: absolute;
    height: 3px;
    width: 60%;
    margin: auto;
    background: #000;
    left: 0;
    right: 0;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
#upper_toggle span:nth-child(1) {
    top: 10px;
}
#upper_toggle span:nth-child(2) {
    top: 18px;
}
#upper_toggle span:nth-child(3) {
    top: 26px;
}
.modal_wrap{
    display: block;
}
.modal_wrap input{
    display: none;
}
.modal_overlay{
    display: flex;
    justify-content: center;
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    opacity: 0;
    transition: opacity .5s, transform 0s .5s;
    transform: scale(0);
}
.modal_trigger{
    position: absolute;
    width: 100%;
    height: 100%;
}
.modal_content{
    position: relative;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    margin: 0;
/*    padding: 32px 0 0;*/
    box-sizing: border-box;
    background: #f1f1f1;
    line-height: 1.4em;
    transform: translateY(-30%);
    transition: .3s;
}
.modal_wrap input:checked ~ .modal_overlay{
    opacity: 1;
    transform: scale(1);
    transition: opacity .3s;
}
.modal_wrap input:checked ~ .modal_overlay .modal_content{
    transform: scale(1);
}
.modal_nav label{
    position: relative;
    display: block;
    margin: 0 0 5px;
    padding: 1em;
    color: #000;
    border-bottom: 1px solid #46517b;
    border-radius: 1px;
    cursor :pointer;
    transition: all .5s ease;
    font-weight: 600;
    letter-spacing: 0;
    text-align: left;
}
.modal_nav label a{
    display: block;
    color :#000;
}
.modal_nav label span{
    font-size: 12px;
}
@media screen and (max-width: 540px) {
#upper_toggle{
    width: 40px;
    height: 40px;
    top: 16px;
    right: 10px;
}
#upper_toggle span{
    height: 2px;
    width: 60%;
}
@media screen and (max-width: 360px) {
#upper_toggle{
    width: 32px;
    height: 32px;
}
}
}
}





.footlinks{
    background: #f1f1f1;
    letter-spacing: 0;
    color: #000;
    font-size: 12px;
}



.sitelinks{
    background: #f1f1f1;
    letter-spacing: 0;
    color: #000;
    font-size: 12px;
}
.sitelinks .three_columns{
    width: 92%;
    max-width: 1500px;
    margin: auto;
    padding: 40px 0;
}
.sitelinks .three_columns .box{
    width: 33%;
    padding: 8px 24px;
    border-right: 1px solid #f1f1f1;
    text-align: left;
}
.sitelinks li a{
    position: relative;
    display: inline-block;
    padding: 4px 0;
    color: #000;
    text-decoration: none;
    letter-spacing: 0;
}
.sitelinks li a::after{
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 1px;
    background: #c49834;
    transform: scale(0, 1);
    transform-origin: right top;
    transition: transform .3s;
}
.sitelinks li a:hover::after{
    transform-origin: left top;
    transform: scale(1, 1);
}
.sitelinks li img{
    vertical-align: baseline;
}
@media screen and (max-width: 820px) {
footer .sitelinks .three_columns .box{
    width: 33%;
    padding: 8px;
    text-align: left;
}
.sitelinks .three_columns .box{
    width: 50%;
    padding: 8px;
}
@media screen and (max-width: 540px) {
footer .sitelinks .three_columns{
    padding: 16px 0;
}
.sitelinks .three_columns .box{
    width: 100%;
    padding: 0;
    border-right: 0;
}
footer .sitelinks .three_columns .box{
    width: 50%;
    padding: 0;
    border-right: 0;
}
footer .sitelinks .three_columns .box:last-of-type{
    width: 100%;
}
.f_links_two{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.f_links_two div{
    width: 50%;
}

}
}


.sitelinks dl{
    padding: 0 0 8px;
    border-bottom: 1px solid #ddd;
}
.sitelinks div a,
.sitelinks p a{
    position: relative;
    display: inline-block;
    display: block;
    margin-bottom: 16px;
    padding: 0 0 8px;
    font-weight: 600;
    color: #000;
    border-bottom: 1px solid #ddd;
    text-align: left;
}
.sitelinks div a::after,
.sitelinks p a::after{
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 1px;
    background: #c49834;
    transform: scale(0, 1);
    transform-origin: right top;
    transition: transform .3s;
}
.sitelinks div a:hover::after,
.sitelinks p a:hover::after{
    transform-origin: left top;
    transform: scale(1, 1);
}
.sitelinks li a{
    margin: 0;
    padding-bottom: 0;
    border-bottom: 0;
    font-weight: 100;
}
.sitelinks .group{
	padding: 16px 0 0;
}
.sitelinks .hd{
	position: relative;
	padding: 0;
    font-weight: 600;
    color: #000;
    text-align: left;
}
.sitelinks ul{
	padding: 8px 16px;
    border-bottom: 1px solid #ddd;
}
/*
.modal_content .sitelinks ul{
	padding: 8px 16px 0 0;
}
.modal_content .group{
	padding: 0;
}
*/


.ft_nav{
    margin-bottom: 16px;
    padding: 0 0 8px;
    color: #000;
    text-align: left;
}
.hd_nav{
    margin-bottom: 16px;
    padding: 0 0 8px;
    color: #000;
    text-align: left;
}
.ft_hd{
	position: relative;
	padding: 0;
    font-weight: 600;
    color: #000;
    text-align: left;
}
.hn_hd{
	position: relative;
	padding: 0;
    font-weight: 600;
    color: #000;
    text-align: left;
}
.ft_btn{
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	background: #f1f1f1;
	display: block;
	width: 32px;
	height: 32px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border-radius: 50%;
    transition:all .3s linear;
}
.ft_nav dd{
    padding: 8px 16px;
}
footer .ft_nav dd{
/*    padding: 4px 8px;*/
    padding: 4px 0;
}
.hd_nav dd{
    padding: 8px 16px;
}
@media screen and (max-width: 540px) {
.sitelinks div a,
.sitelinks p a{
    margin-bottom: 4px;
    padding: 0 0 4px;
}
.sitelinks li a{
    margin-bottom: 4px;
    padding: 0;
}
footer .sitelinks div a,
footer .sitelinks p a{
    margin-bottom: 4px;
    padding: 0;
    border: 0;
}
footer .sitelinks dl{
    padding: 0;
    border: 0;
}
.sitelinks ul,
.sitelinks ol{
    padding-top: 8px;
}
footer .sitelinks ul,
footer .sitelinks ol{
    padding-top: 0;
}
.modal_content .sitelinks li{
    margin-bottom: 8px;
}
.ft_nav{
    border-bottom: 1px solid #f1f1f1;
}
footer .ft_nav{
    margin-bottom: 4px;
}
.hd_nav{
    border-bottom: 1px solid #f1f1f1;
}
.ft_btn:before, .ft_btn:after{
	display: block;
	content: '';
	background: #c49834;
	position: absolute;
	width: 10px;
	height: 2px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.ft_hd{
	cursor: pointer;
}
.ft_btn:before{
	width: 2px;
	height: 10px;
}
.ft_hd.selected .ft_btn:before{
	content: normal;
}
.ft_nav dd{
	display: none;
}
}




@media screen and (max-width: 768px){
.modal_content .ft_btn{
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	background: #f1f1f1;
	display: block;
	width: 32px;
	height: 32px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border-radius: 50%;
    transition:all .3s linear;
}
.modal_content .ft_btn:before{
	display: block;
	content: '';
	background: #c49834;
	position: absolute;
	width: 10px;
	height: 2px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.modal_content .ft_btn:after{
	display: block;
	content: '';
	background: #c49834;
	position: absolute;
	width: 10px;
	height: 2px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.modal_content .selected .ft_btn:before{
	content: '';
	width: 2px;
	height: 10px;
}
.modal_content .ft_nav dd{
	display: block;
}
}




.clinic_card{
    padding: 32px 24px;
    background: #fff;
    border: 5px solid #e2e6f7;
    text-align: left;
}
.clinic_card strong{
    color: #263a87 !important;
    font-size: 18px;
    font-weight: 600;
}
.clinic_card span{
    color: #566cc2;
}
@media screen and (max-width: 540px) {
.clinic_card{
    padding: 24px 16px;
}
}



#mv{
    position: relative;
}
#mv .inner{
    width: 100%;
    max-width: 1500px;
    margin: auto;
    margin-bottom: 40px;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background: #f1f1f1;
}
#mv .grid{
    width: 50%;
}
#mv h1{
    margin-bottom: 8px;
}
#mv .inner_box{
    width: 64%;
    margin: 0 auto;
    text-align: left;
}
#mv .inner_box .hd{
    margin-bottom: 40px;
    color: #c49834;
    font-weight: 600;
    font-size: 38px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    line-height: 1.3;
}
#mv .top_information{
    width: 100%;
    max-width: 480px;
    margin: 40px auto;
    text-align: center;
    font-weight: 600;
}
#mv .price_banner{
    width: 100%;
    max-width: 880px;
    margin: auto;
    text-align: center;
}
#mv .price_banner .grid{
    width: calc(50% - 16px);
}
@media screen and (max-width: 540px) {
#mv .inner{
    flex-direction: row-reverse;
    margin-bottom: 24px;
}
#mv .grid{
    width: 100%;
}
#mv .grid:last-of-type{
    width: 100%;
}
#mv .inner_box{
    width: 88%;
    margin: 0 auto 24px;
    padding-top: 24px;
}
#mv .inner_box br{
    display: none;
}
#mv .top_information{
    width: 88%;
    max-width: 540px;
    margin: 24px auto;
    text-align: center;
    font-weight: 600;
}
#mv .price_banner .grid{
    width: 100%;
}
#mv .price_banner .grid:first-of-type{
    margin-bottom: 16px;
}
#mv .price_banner{
    width: 88%;
}
}
#mv .top_information br{
    display: block;
}

#submv{
    padding: 80px 0 40px 0;
    text-align: center;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#submv div:last-of-type{
    margin-top: 10px;
}



.fx{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.fx_c{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.fx_r{
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: space-between;
}






.yt_mov_area{
    width: 100%;
    max-width: 1500px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 40px;
    padding: 80px 0 0;
}
.yt_mov_area div:nth-of-type(2){
    width: 100%;
    max-width: 720px;
    height: 480px;
    margin-right: auto;
    margin-left: auto;
}
@media screen and (max-width: 540px) {
.yt_mov_area{
    width: 88%;
    max-width: 1500px;
    margin-right: auto;
    margin-left: auto;
    padding: 24px 0 0;
}
.yt_mov_area div:nth-of-type(2){
    max-width: 500px;
    height: 360px;
}
}



.two_of_guides{
    width: 100%;
    max-width: 1500px;
/*    max-width: 540px;*/
    margin-right: auto;
    margin-left: auto;
    padding: 24px 0;
/*    padding: 24px 0 0;*/
}
.two_of_guides .grid{
    width: calc(50% - 8px);
}
.two_of_guides .fx{
    margin-bottom: 40px;
}
.two_of_guides .grid div:last-of-type{
    text-align: left;
}

@media screen and (max-width: 540px) {
.two_of_guides{
    width: 88%;
    max-width: 540px;
    margin-right: auto;
    margin-left: auto;
    padding: 24px 0 0;
}
.two_of_guides .grid{
    width: 100%;
}
.two_of_guides .grid:first-of-type{
    margin-bottom: 24px;
}
}





.gotolink{
    position: relative;
    height: 28px;
}
.gotolink a{
    position: absolute;
    display: block;
    background: #c49834;
    color: #fff;
    width: 230px;
    height: 28px;
    padding: 0 2px;
    right: 0;
/*    left: 0;*/
    top: 0;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
}
.gotolink a:hover{
    background: #d6bb7c;
}
@media screen and (max-width: 256px) {
.gotolink a{
    width: 90%;
}
}


#top_column{
    position: relative;
    padding: 80px 0;
    background: #f5f2eb;
    margin-bottom: 40px;
}
#top_column .phone_btn a{
    display: block;
    background: #c49834;
    color: #fff;
    width: 320px;
    margin: auto;
    padding: 8px;
    text-align: center;
}
@media screen and (max-width: 540px) {
#top_column{
    padding: 40px 0;
}
#top_column .phone_btn a{
    width: 80%;
}
}


#column_area01{
    padding: 0 0 40px;
}
#column_area01 .hd{
    margin-left: 8%;
    margin-bottom: 16px;
    padding-left: 20px;
}
#column_area01 .decoration{
    position: absolute;
    width: 12px;
    height: 60px;
    top: 60px;
    left: 8%;
    margin: 0;
}
#column_area01 .grid{
    width: 50%;
}
#column_area01 .first_step{
    margin-left: 8%;
    padding-left: 20px;
    background: url("../../../img/asset/column_decoration_02.svg") no-repeat 0 0;
    background-size: 12px auto;
}
#column_area01 .first_step .grid:nth-child(1){
    width: 45%;
}
#column_area01 .first_step .grid:nth-child(2){
    padding-right: 80px;
}
#column_area01 .second_step,
#column_area01 .fifth_step{
    margin-left: 8%;
    padding-top: 24px;
    padding-left: 20px;
}
#column_area01 .second_step .grid:nth-child(2),
#column_area01 .fifth_step .grid:nth-child(2){
    width: 47%;
}
#column_area01 .third_step{
    padding-top: 24px;
    padding-right: 40px;
}
#column_area01 .third_step .grid:nth-child(1){
    width: 55%;
}
#column_area01 .third_step .grid:nth-child(2){
    width: 44%;
}
#column_area01 .fourth_step{
    margin: 0 4% 40px;
    padding: 24px 80px 0;
}
@media screen and (max-width: 821px) {
#column_area01 .first_step{
    margin-left: 2%;
    padding-left: 24px;
}
#column_area01 .hd{
    margin-left: 2%;
    padding-left: 24px;
}
#column_area01 .second_step,
#column_area01 .fifth_step{
    margin-left: 2%;
    padding-left: 24px;
}
#column_area01 .fourth_step{
    margin: 0 2%;
    padding: 24px 24px 0;
}
@media screen and (max-width: 540px) {
#column_area01{
    padding: 0;
}
#column_area01 .grid{
    width: 100%;
}
#column_area01 .hd{
    margin-left: 0;
}
#column_area01 .first_step{
    margin-left: 0;
    padding-left: 24px;
    background: url("../../../img/asset/column_decoration_02.svg") no-repeat 4px 0;
    background-size: 12px auto;
}
#column_area01 .first_step .grid:nth-child(1){
    width: 100%;
}
#column_area01 .first_step .grid:nth-child(2){
    padding-right: 16px;
}
#column_area01 .second_step,
#column_area01 .fifth_step{
    margin-left: 0;
    padding-left: 24px;
}
#column_area01 .second_step .grid:nth-child(2),
#column_area01 .fifth_step .grid:nth-child(2){
    width: 100%;
    padding-right: 16px;
}
#column_area01 .third_step{
    padding-top: 0;
    padding-left: 24px;
    padding-right: 0;
}
#column_area01 .third_step .grid:nth-child(1){
    width: 100%;
}
#column_area01 .third_step .grid:nth-child(2){
    width: 100%;
}
#column_area01 .fourth_step{
    margin: 0 0 24px;
    padding: 0 16px 0 24px;
}
#column_area01 .fifth_step{
    padding-top: 0;
}
}
}


#column_area02{
    position: relative;
    padding-top: 80px;
}
#column_area02 .hd{
    margin-left: 8%;
    margin-bottom: 16px;
    padding-left: 20px;
}
#column_area02 .grid{
    width: 50%;
}
#column_area02 .first_step{
    margin-left: 8%;
    padding-left: 20px;
    background: url("../../../img/asset/column_decoration_03.svg") no-repeat 0 0;
    background-size: 12px auto;
}
#column_area02 .first_step .grid:nth-child(1){
    width: 45%;
}
#column_area02 .first_step .grid:nth-child(2){
    padding-right: 80px;
}
#column_area02 .second_step,
#column_area02 .fifth_step{
    margin-left: 8%;
    padding-top: 24px;
    padding-left: 20px;
}
#column_area02 .second_step .grid:nth-child(2),
#column_area02 .fifth_step .grid:nth-child(2){
    width: 47%;
}
#column_area02 .third_step{
    margin: 0 4% 40px;
    padding: 0 80px;
}
#column_area02 .fourth_step{
    padding-right: 40px;
}
#column_area02 .fourth_step .grid:nth-child(1){
    width: 55%;
}
#column_area02 .fourth_step .grid:nth-child(2){
    width: 44%;
}
#column_area02 .fifth_step{
    padding-top: 24px;
    margin-bottom: 40px;
}
@media screen and (max-width: 821px) {
#column_area02 .hd{
    margin-left: 2%;
    padding-left: 24px;
}
#column_area02 .first_step{
    margin-left: 2%;
    padding-left: 24px;
}
#column_area02 .second_step,
#column_area02 .fifth_step{
    margin-left: 2%;
    padding-left: 24px;
}
#column_area02 .third_step{
    margin: 0 2% 24px;
    padding: 0 24px;
}
@media screen and (max-width: 540px) {
#column_area02 .hd{
    margin-left: 0;
    padding-left: 24px;
}
#column_area02 .grid{
    width: 100%;
}
#column_area02 .first_step{
    margin-left: 0;
    padding-left: 24px;
    background: url("../../../img/asset/column_decoration_03.svg") no-repeat 8px 0;
    background-size: 12px auto;
}
#column_area02 .first_step .grid:nth-child(1){
    width: 100%;
}
#column_area02 .first_step .grid:nth-child(2){
    padding-right: 16px;
}
#column_area02 .second_step,
#column_area02 .fifth_step{
    margin-left: 0;
    padding-top: 0;
    padding-left: 24px;
}
#column_area02 .second_step .grid:nth-child(2),
#column_area02 .fifth_step .grid:nth-child(2){
    width: 100%;
    padding-right: 16px;
}
#column_area02 .third_step{
    margin: 0 0 40px;
    padding: 0 16px 0 24px;
}
#column_area02 .fourth_step{
    margin-left: 0;
    padding-left: 24px;
    padding-right: 0;
}
#column_area02 .fourth_step .grid:nth-child(1){
    width: 100%;
}
#column_area02 .fourth_step .grid:nth-child(2){
    width: 100%;
}
#column_area02 .fifth_step{
    padding-top: 0;
    margin-bottom: 0;
}
}
}


#column_area03{
    padding: 0 0 40px;
}
#column_area03 .hd{
    margin-left: 8%;
    margin-bottom: 16px;
    padding-left: 20px;
}
#column_area03 .grid{
    width: 50%;
}
#column_area03 .first_step div:nth-child(1) picture img{
    padding-bottom: 24px;
}
#column_area03 .first_step{
    margin-left: 8%;
    padding-left: 20px;
    background: url("../../../img/asset/column_decoration_01.svg") no-repeat 0 0;
    background-size: 12px auto;
}
#column_area03 .first_step .grid:nth-child(1){
    width: 45%;
}
#column_area03 .first_step .grid:nth-child(2){
    padding-right: 80px;
}
#column_area03 .group{
    margin: 0 4% 40px;
    padding: 0 80px 24px;
    border-bottom: 1px solid #afaeab;
}
#column_area03 .group_ptn_a{
    margin-left: 4%;
    margin-right: 4%;
    padding: 0 80px;
}
#column_area03 .group:last-of-type{
    border-bottom: 0;
}
#column_area03 .group_ptn_a .grid:nth-of-type(odd),
#column_area03 .group .grid:nth-of-type(odd){
    width: 45%;
}
#column_area03 .group_ptn_a .grid,
#column_area03 .group .grid{
    width: 52%;
}
@media screen and (max-width: 821px) {
#column_area03 .hd{
    margin-left: 2%;
    padding-left: 24px;
}
#column_area03 .first_step{
    margin-left: 2%;
    padding-left: 24px;
}
#column_area03 .group{
    margin: 0 2% 24px;
    padding: 0 24px;
}
@media screen and (max-width: 540px) {
#column_area03{
    padding: 0 0 80px;
}
#column_area03 .hd{
    margin-left: 0;
    padding-left: 24px;
}
#column_area03 .grid{
    width: 100%;
}
#column_area03 .first_step div:nth-child(1) picture img{
    padding-bottom: 0;
}
#column_area03 .first_step{
    margin-left: 0;
    padding-left: 24px;
    background: url("../../../img/asset/column_decoration_01.svg") no-repeat 4px 0;
    background-size: 12px auto;
}
#column_area03 .first_step .grid:nth-child(1){
    width: 100%;
}
#column_area03 .first_step .grid:nth-child(2){
    padding-right: 16px;
}
#column_area03 .group{
    margin: 0 16px 40px 24px;
    padding: 0 0 16px;
}
#column_area03 .group:last-of-type{
    margin: 0 16px 0 24px;
    padding: 0;
    border-bottom: 0;
}
#column_area03 .group .grid:nth-of-type(odd){
    width: 100%;
}
#column_area03 .group .grid{
    width: 100%;
}
}
}



#column_area04{
    padding-top: 80px;
}
#column_area04 .hd{
    margin-left: 8%;
    margin-bottom: 16px;
    padding-left: 20px;
}
#column_area04 .grid{
    width: 50%;
}
#column_area04 .first_step{
    margin-left: 8%;
    padding-left: 20px;
    /* background: url("../../../img/asset/column_decoration_04.svg") no-repeat 0 0; */
    background: url("../../../img/asset/column_decoration_02.svg") no-repeat 0 0;
    background-size: 12px auto;
}
#column_area04 .first_step .grid:nth-child(1){
    width: 45%;
}
#column_area04 .first_step .grid:nth-child(2){
    padding-right: 80px;
}
#column_area04 .second_step{
    margin-left: 8%;
    padding-top: 24px;
    padding-left: 20px;
}
#column_area04 .second_step .grid:nth-child(2){
    width: 47%;
}
@media screen and (max-width: 821px) {
#column_area04 .hd{
    margin-left: 2%;
    padding-left: 24px;
}
#column_area04 .first_step{
    margin-left: 2%;
    padding-left: 24px;
}
#column_area04 .second_step{
    margin-left: 2%;
    padding-left: 24px;
}
@media screen and (max-width: 540px) {
#column_area04 .hd{
    margin-left: 0;
    padding-left: 24px;
}
#column_area04 .grid{
    width: 100%;
}
#column_area04 .first_step{
    margin-left: 0;
    padding-left: 24px;
    /* background: url("../../../img/asset/column_decoration_04.svg") no-repeat 4px 0; */
    background: url("../../../img/asset/column_decoration_02.svg") no-repeat 4px 0;
    background-size: 12px auto;
}
#column_area04 .first_step .grid:nth-child(1){
    width: 100%;
}
#column_area04 .first_step .grid:nth-child(2){
    padding-right: 16px;
}
#column_area04 .second_step{
    margin-left: 0;
    padding-top: 0;
    padding-left: 24px;
}
#column_area04 .second_step .grid:nth-child(2){
    width: 100%;
    padding-right: 16px;
}
}
}




.features{
    padding: 80px 0 0;
}
.features h2{
    margin-bottom: 24px;
    padding-top: 32px;
    background: url("../../../img/asset/features.svg") no-repeat center 0;
    background-size: 120px auto;
    text-align: center;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.features .inner{
    position: relative;
    height: 560px;
}
.features .inner:last-of-type{
    position: relative;
}
.features .more a{
    width: 360px;
}
.features .fx:nth-of-type(odd){
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.features .fx:nth-of-type(even){
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: space-between;
}
.features .inner:nth-of-type(odd) .grid:first-of-type{
    position: absolute;
    width: 40%;
    max-width: 535px;
    left: 0;
    top: 0;
    z-index: 10;
}
.features .inner:nth-of-type(odd) .grid:nth-child(2){
    position: absolute;
    width: 70%;
    max-width: 1120px;
    padding: 40px 40px 40px 8rem;
    right: 0;
    top: 80px;
    background: #f1f1f1;
    z-index: 9;
}
.features .inner:nth-of-type(even) .grid:first-of-type{
    position: absolute;
    width: 36%;
    max-width: 560px;
    right: 0;
    top: 0;
    z-index: 10;
}
.features .inner:nth-of-type(even) .grid:nth-child(2){
    position: absolute;
    width: 70%;
    max-width: 1080px;
    padding: 40px 112px 40px 40px;
    left: 0;
    top: 80px;
    background: #f1f1f1;
    z-index: 9;
}
.features h3{
    margin-bottom: 40px;
    font-size: 17px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#wrap > div.features > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > h3 > br,
#wrap > div.features > div:nth-child(4) > div:nth-child(2) > div:nth-child(1) > h3 > br
{
    display: none;
}
@media screen and (max-width: 1440px) {
.features .inner:nth-of-type(odd) .grid:nth-child(2){
    padding-left: 10rem;
}
@media screen and (max-width: 1360px) {
.features .inner:nth-of-type(odd) .grid:nth-child(2){
    padding-left: 10rem;
}
@media screen and (max-width: 820px) {
.features .inner{
    height: 840px;
}
.features .inner:nth-of-type(odd) .grid:first-of-type{
    width: 90%;
    max-width: 640px;
    margin: auto;
    right: 0;
    left: 0;
}
.features .inner:nth-of-type(odd) .grid:nth-child(2){
    width: 100%;
    padding: 240px 40px 40px 40px;
    top: 200px;
}
.features .inner:nth-of-type(even) .grid:first-of-type{
    width: 90%;
    max-width: 640px;
    margin: auto;
    right: 0;
    left: 0;
}
.features .inner:nth-of-type(even) .grid:nth-child(2){
    width: 100%;
    padding: 240px 40px 40px 40px;
    top: 200px;
}
@media screen and (max-width: 540px) {
.features .inner{
    height: 700px;
}
#wrap > div.features > div:nth-child(5){
    height: 720px;
}
#wrap > div.features > div:nth-child(4){
    height: 700px;
}
.features .inner:nth-of-type(odd) .grid:nth-child(2){
    padding: 180px 24px 40px;
    top: 100px;
}
.features .inner:nth-of-type(even) .grid:nth-child(2){
    padding: 180px 24px 40px;
    top: 100px;
}
#wrap .features div:nth-child(4) div:nth-child(2) div:nth-child(1) h3{
    line-height: 1.5;
}
#wrap > div.features > div:nth-child(4) > div:nth-child(2) > div:nth-child(1) > h3 > br{
    display: block;
}
.features .more a{
    width: 100%;
    max-width: 320px;
}
@media screen and (max-width: 387px) {
#wrap > div.features > div:nth-child(2){
    height: 750px;
}
#wrap > div.features > div:nth-child(4){
    height: 700px;
}
#wrap > div.features > div:nth-child(5){
    height: 750px;
}
#wrap > div.features > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > h3 > br{
    display: block;
}
}
}
}
}
}


.top_implant{
    padding: 280px 0 70px;
    background: url("../../../img/asset/implant_bg.webp") no-repeat center -120px;
/*    background: url("../../../img/asset/implant_bg.jpg") no-repeat center -120px;*/
    background-size: 685px auto;
}
.top_implant.bg_none{
    padding: 0 0 70px;
    background: none;
}
.top_implant .inner,
.top_implant .sub_inner{
    max-width: 1080px;
    margin: auto;
}
.top_implant .two_columns{
    margin-bottom: 40px;
}
.top_implant h2{
    margin-bottom: 40px;
/*    padding-top: 64px;*/
    padding-top: 40px;
    background: url("../../../img/asset/implant.svg") no-repeat center 0;
/*    background-size: 214px auto;*/
    background-size: 120px auto;
    text-align: center;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.top_implant li{
    width: calc(33% - 20px);
    margin-bottom: 10px;
}
.sub_inner p{
    margin-bottom: 0 !important;
}
.top_implant .more{
    width: 50%;
    max-width: 360px;
    margin: 0 auto 40px;
}

.top_implant .doublebox {
    display: flex;
    flex-direction: column;
    align-content: flex-end;
}
.top_implant .doublebox .boxtbanner {
    margin-top: auto;
}

@media screen and (max-width: 820px) {
.top_implant .inner,
.top_implant .sub_inner{
    width: 92%;
    margin: auto;
}
@media screen and (max-width: 820px) {
.top_implant li{
	width: calc( 50% - 8px);
}
@media screen and (max-width: 540px) {
.top_implant{
    padding: 160px 0 70px;
    background: url("../../../img/asset/implant_bg.webp") no-repeat center -64px;
/*    background: url("../../../img/asset/implant_bg.jpg") no-repeat center 0;*/
    background-size: 100% auto;
}
.top_implant .inner{
    width: 88%;
}
.top_implant .sub_inner{
    width: 100%;
}
.top_implant .box:first-of-type{
    margin: 0 0 48px; /* 24px; */
}
.top_implant .more{
    width: 100%;
    max-width: 300px;
    margin: 0 auto 40px;
}
.top_implant li{
	width: 100%;
}
}
}
}

.linkbox{
    position: relative;
    width: 100%;
/*    display: inline-block;*/
    text-decoration: none;
    border-bottom: 1px solid #ede0c2;
    font-size: 14px;
/*    font-size: 18px;*/
}
.linkbox .grid:first-of-type{
    width: 32%;
    max-width: 100px;
    padding-bottom: 12px;
}
.linkbox .grid:last-of-type{
    width: 64%;
    padding-bottom: 12px;
}
li a .linkbox{
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: 400;
}
.linkbox::after{
    position: absolute;
    bottom: -1px;
    left: 0;
    content: '';
    width: 100%;
    height: 1px;
    background: #8c8168;
    transform: scale(0, 1);
    transform-origin: right top;
    transition: transform .3s;
}
.linkbox:hover::after{
    transform-origin: left top;
    transform: scale(1, 1);
}
.linkbox .grid:last-of-type{
    position: relative;
    display: inline-block;
}
.linkbox .grid:last-of-type::before{
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -5px;
    border-top: solid 2px #d3b267;
    border-right: solid 2px #d3b267;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 3px;
}
.linkbox .grid:last-of-type::after{
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -5px;
    border-top: solid 2px #d3b267;
    border-right: solid 2px #d3b267;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 10px;
}
.linkbox .grid::after{
  opacity: 0;
  right: 1em;
}
.linkbox .grid:hover::before{
    animation: arrowbefore 1s;
}
.linkbox .grid:hover::after{
  animation: arrowafter 1s;
}
@keyframes arrowbefore{
  100% {
    right: -.4em;
    opacity: 0;
  }
}
@keyframes arrowafter{
  99% {
    right: .2em;
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.top_implant .box {
    margin: 40px 0;
}
.top_implant .head_title {
    padding-left: 20px;
    border-left: 3px solid #bb9f56;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.2em;
    color: #000;
    display: flex;
    align-items: center;
}
.top_implant .case  {
    width: 25%;
    background-color: #0000d4;
    font-size: 18px;
    color: #fff;
    text-align: center;
}
.top_implant .case_title  {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: .015em;
    line-height: 1.2;
}
.top_implant .case_pay  {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: initial;
    text-align: center;
}
.top_implant .case_pay span {
    font-size: 13px;
    font-weight: 600;
    text-align: center;
}
.top_implant .fastpay  {
    margin-bottom: initial;
    text-align: center;
}
.top_implant .numoftimes  {
    width: 45%;
    margin-bottom: initial;
    text-align: center;
    border: solid 1px #0000d4;
    margin: 0 auto;
}

.conv_area{
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
    padding: 80px 0;
    background: url("../../../img/asset/common/conv_pc.webp") no-repeat center center;
    background-size: cover;
    text-align: center;
}
.conv_area .inner{
    max-width: 420px;
    margin: auto;
}
.conv_area .inner div{
    margin-bottom: 24px;
}
.conv_area .grid{
    width: calc(50% - 4px);
}
.conv_area .address{
    color: #fff;
}
@media screen and (max-width: 821px) {
.conv_area{
    max-width: 820px;
    padding: 24px 0;
}
@media screen and (max-width: 540px) {
.conv_area{
    background: url("../../../img/asset/common/conv.webp") no-repeat center center;
    background-size: cover;
}
.conv_area .inner{
    width: 88%;
    max-width: 88%;
    margin: auto;
}
}
}




.treatment{
    padding: 80px 0;
    background: #f6efe0;
    text-align: center;
}
.treatment h2{
    margin-bottom: 40px;
    padding-top: 40px;
/*    padding-top: 56px;*/
    background: url("../../../img/asset/treat.svg") no-repeat center 0;
    background-size: 160px auto;
/*    background-size: 283px auto;*/
    text-align: center;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.treatment ul{
    max-width: 920px;
    margin: auto;
}
.treatment li{
    width: 14.28%;
    max-width: 140px;
    text-align: center;
}
.treatment li div:first-of-type{
    margin-bottom: 8px;
}
.treatment li a img{
    width: 140px;
    height: auto;
    padding-bottom: 4px;
}
.treatment li a span{
    font-weight: 100;
    font-size: 13px;
    letter-spacing: 0;
}
@media screen and (max-width: 820px) {
.treatment{
    padding: 80px 0 56px;
}
.treatment ul{
    width: 64%;
    max-width: 600px;
    margin: auto;
}
.treatment li{
    width: 33%;
    max-width: 140px;
    margin-bottom: 24px;
}
@media screen and (max-width: 540px) {
.treatment ul{
    width: 100%;
    max-width: 540px;
}
.treatment li a img{
    width: 100%;
}
}
}

.greeting{
    padding: 80px 0 40px;
}
.greeting h2{
    margin-bottom: 40px;
    padding-top: 40px;
/*    padding-top: 64px;*/
    background: url("../../../img/asset/greeting.svg") no-repeat center 0;
/*    background-size: 234px auto;*/
    background-size: 160px auto;
    text-align: center;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.greeting .inner{
    max-width: 1090px;
    margin: auto;
}
.greeting .box:first-of-type{
    width: 40%;
    max-width: 400px;
    text-align: center;
}
.greeting .box:last-of-type{
    width: 60%;
    padding-left: 16px;
}
.greeting .hd{
    margin: 0 0 40px;
    color: #c49834;
    font-size: 17px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: 600;
}
.greeting .inner_box div{
    margin: 0 auto 40px;
}
.greeting .president_name{
    font-size: 17px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: 600;
}
.greeting .president_name span{
    font-size: 14px;
}
.greeting .more{
    width: 50%;
    max-width: 360px;
    margin: 0 auto;
}
.greeting ol li div{
    padding-bottom: 8px;
    padding-left: 24px;
    background: url("../../../img/asset/common/svg/arrow02.svg") no-repeat 8px 10px;
    background-size: 5px auto;
    font-size: 14px;
    font-family: 'Noto Sans JP', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
@media screen and (max-width: 820px) {
.greeting .inner{
    width: 92%;
    margin: auto;
}
.greeting .box:first-of-type{
    width: 100%;
    max-width: 100%;
    margin: auto;
    text-align: center;
}
.greeting .box:first-of-type img{
    width: 80%;
    height: auto;
    padding-bottom: 24px;
}
.greeting .box:last-of-type{
    width: 100%;
}
@media screen and (max-width: 540px) {
.greeting{
    padding: 80px 0 0;
}
.greeting .inner{
    width: 88%;
}
.greeting .more{
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
}
.greeting .three_columns_li li{
    width: 100%;
}
.greeting .four_columns_li li{
    width: calc(50% - 8px);
    margin-bottom: 16px;
}
}
}



.price_faq{
    padding: 80px 0;
}
.price_faq .inner{
    max-width: 1080px;
    margin: auto;
}
.price_faq .grid{
    width: 50%;
    max-width: 525px;
}
.price_faq .f_box{
    background: linear-gradient(180deg, #fff 0%, #fff 50%, #f1f1f1 50%, #f1f1f1 100%);
    text-align: center;
}
.price_faq .s_box{
    padding: 40px 40px 24px;
    background: #f1f1f1;
}
.price_faq .price_hd{
    margin-bottom: 48px;
/*    padding-top: 48px;*/
    padding-top: 40px;
    background: url("../../../img/asset/price.svg") no-repeat center 0;
    background-size: 80px auto;
/*    background-size: 132px auto;*/
    text-align: center;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.price_faq ol li{
    width: calc(50% - 4px);
    margin-bottom: 16px;
}
.price_faq ol li div{
    padding-bottom: 8px;
    padding-left: 24px;
    background: url("../../../img/asset/common/svg/arrow02.svg") no-repeat 8px 10px;
    background-size: 5px auto;
    font-size: 14px;
    letter-spacing: 0;
    font-family: 'Noto Sans JP', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
.price_faq .faq_hd{
    margin-bottom: 40px;
/*    padding-top: 56px;*/
    padding-top: 40px;
    background: url("../../../img/asset/faq.svg") no-repeat center 0;
    background-size: 60px auto;
/*    background-size: 93px auto;*/
    text-align: center;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.price_faq .s_box br{
    display: none;
}

@media screen and (max-width: 820px) {
.price_faq .grid{
    width: 100%;
    max-width: 100%;
}
.price_faq .grid:first-of-type{
    margin-bottom: 80px;
}
.price_faq .f_box img{
    width: 80%;
    margin: auto;
}
@media screen and (max-width: 540px) {
.price_faq .s_box{
    padding: 24px;
    background: #f1f1f1;
}
.price_faq .s_box br{
    display: block;
}
}
}



.column_news{
    padding: 0 0 160px;
    font-family: 'Noto Sans JP', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
.column_news .inner{
    max-width: 1080px;
    margin: auto;
}
.column_news a .linkbox{
    font-weight: 100;
}
.column_news .grid{
    width: 50%;
    max-width: 525px;
    text-align: left;
}
.column_news .btn a{
    position: relative;
    display: inline-block;
    display: block;
    width: 48%;
    margin-left: auto;
    margin-right: auto;
    padding: 16px 0;
    background: #fff;
    color: #c49834;
    border: 1px solid;
    font-weight: 600;
    text-align: center;
    line-height: 1;
    font-size: 14px;
}
.column_news .btn a::after{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 1px #c49834;
  border-right: solid 1px #c49834;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 4%;
  margin-top: -4px;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    transition:all .3s linear;
}
.column_news .btn a:hover::after{
  right: 3%;
}
.column_hd{
    margin-bottom: 40px;
    padding: 32px 0 16px 24px;
/*    padding: 48px 0 20px 24px;*/
    border-left: 1px solid #c49834;
    background: url("../../../img/asset/common/svg/column.svg") no-repeat 24px 8px;
    background-size: 80px auto;
/*    background-size: 126px auto;*/
    text-align: left;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.column_news li{
    margin-bottom: 24px;
    font-size: 14px;
}
.column_news li time{
    display: block;
    color: #000 !important;
    font-size: 12px;
}
.column_news li a{
    color: #5478bb !important;
}
.column_news li .linkbox{
    padding-bottom: 24px;
}
.column_news li .linkbox div:first-of-type{
    width: 25%;
    max-width: 120px;
    font-size: 14px;
    font-family: 'Noto Sans JP', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
.column_news li .linkbox div:nth-of-type(2){
    width: 75%;
    padding-bottom: 8px;
    padding-left: 24px;
    font-family: 'Noto Sans JP', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    font-size: 14px;
}
.info_area ol{
    height: 400px;
    padding-right: 20px;
    overflow: scroll;
}
.info_area .unit{
    padding-bottom: 24px;
    border-bottom: 1px solid #ede0c2;
}
.info_area .unit div:nth-of-type(odd){
    width: 25%;
    max-width: 120px;
    font-size: 14px;
    font-family: 'Noto Sans JP', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
.info_area .unit div:nth-of-type(2){
    width: 75%;
    padding-bottom: 8px;
    padding-left: 24px;
    font-family: 'Noto Sans JP', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    font-size: 14px;
}

.info_hd{
    margin-bottom: 40px;
    padding: 32px 0 8px 24px;
/*    padding: 48px 0 20px 24px;*/
    border-left: 1px solid #c49834;
    background: url("../../../img/asset/common/svg/info.svg") no-repeat 24px 8px;
    background-size: 140px auto;
/*    background-size: 195px auto;*/
    text-align: left;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media screen and (max-width: 820px) {
.column_news .inner{
    width: 92%;
    margin: auto;
}
.column_news .grid{
    width: 100%;
    max-width: 100%;
}
.column_news .grid:first-of-type{
    margin-bottom: 80px;
}
.column_news li .linkbox div:first-of-type{
    width: 15%;
}
.column_news li .linkbox div:nth-of-type(2){
    width: 85%;
    text-align: left;
}
.column_news .btn a{
/*    width: 80%;*/
}
@media screen and (max-width: 540px) {
.column_news .inner{
    width: 88%;
}
.column_news li .linkbox div:first-of-type{
    width: 30%;
}
.column_news li .linkbox div:nth-of-type(2){
    width: 70%;
}
.column_news .btn a{
    width: 80%;
}
.info_area ol{
    padding-right: 10px;
}

.info_area .unit div:nth-of-type(odd){
    width: 30%;
}
.info_area .unit div:nth-of-type(2){
    width: 70%;
    padding-left: 16px;
}


}
}






.instagram__feed{
    width: 100%;
    max-width: 1080px;
    margin: auto;
    padding: 40px 0;
}
.instagram___feed{
    width: 100%;
    max-width: 1080px;
    margin: auto;
    padding: 16px 0;
}
@media screen and (max-width: 821px) {
.instagram__feed{
    width: 88%;
    padding: 16px 0;
}
.instagram___feed{
    width: 88%;
    padding: 16px 0;
}
}

/* ▼▼▼▼▼▼▼▼▼▼▼▼ 共通項目 ▼▼▼▼▼▼▼▼▼▼▼▼ */

.breadcrumbs{
    width: 100%;
    max-width: 1500px;
    margin: auto;
    margin-bottom: 24px;
    text-align: left;
    font-size: 12px;
}
.breadcrumbs span{
    vertical-align: baseline;
}

#wrap{
    max-width: 1500px;
    margin: 0 auto;
    text-align: left;
/*    overflow-x: hidden;*/
}
#wrap article{
    padding-bottom: 80px;
}
#wrap section,
#wrap .section{
    width: 100%;
    max-width: 1500px;
    margin-right: auto;
    margin-left: auto;
}
#wrap .indent{
    padding-left: 40px;
    padding-right: 40px;
}
#wrap .mw_section{
    width: 100%;
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto;
}
p{
    margin-bottom: 26px;
}
#wrap b{
    color: #566cc2;
}
#wrap article h1{
    position: relative;
    width: 92%;
    max-width: 1500px;
    margin: auto;
    margin-bottom: 40px;
    padding: 1.5rem 0 0;
    text-align: center;
    font-size: 19px;
    font-weight: 100;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    line-height: 1.5;
}
#wrap article h1:before {
    position: absolute;
    content: '';
    top: 0;
    left: calc(50% - 40px);
    width: 80px;
    height: 1px;
    background: #c49834;
}
#wrap article h1 span{
    color: #c49834;
}
#wrap article h2{
    margin-bottom: 24px;
    padding: 8px;
    padding-left: 16px;
    border-left: 1px solid #c49834;
    font-size: 18px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: 100;
}
#wrap article h2 a{
    color: #333;
}
#wrap article h3{
    margin-bottom: 16px;
    padding-left: 16px;
    background: url("../../../img/asset/common/svg/dot.svg") no-repeat 0 12px;
    background-size: 6px auto;
    font-size: 17px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: 100;
}
#wrap article h4{
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 600;
}
.two_columns,
.two_block,
ol.two_columns,
.three_columns,
ol.three_columns,
.four_columns,
.five_columns,
.two_columns_li,
.three_columns_li,
.four_columns_li
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.three_columns::after,
ol.three_columns::after,
.three_columns_li::after
{
    content: "";
    display: block;
	width: calc( 33% - 40px);
}
.two_columns .box,
.two_columns .unit{
	width: calc( 50% - 40px);
}
.two_columns_li li{
	width: calc( 50% - 16px);
}
.three_columns .box,
/*.three_columns li,*/
.three_columns_li li{
	width: calc( 33% - 40px);
}
.four_columns .box,
.four_columns_li li{
	width: calc( 25% - 16px);
}
.five_columns .box{
	width: calc( 20% - 4px);
}
.oz .imgL,
.oz .s_imgL{
    max-width: 40%;
    margin-right: 8px;
}
.oz .imgR,
.oz .s_imgR{
    max-width: 40%;
    margin-left: 8px;
}
.notes{
    padding: 24px;
}
.notes_gray{
    background: #f1f1f1;
}
.notes_beige{
    background: #f6efe0;
}
.notes_white{
    background: #fff;
    border: 1px solid #eaeaea;
}
.notes li{
    margin: 0 0 8px;
}
.notes li:last-of-type{
    margin-bottom: 0;
}
ol.numlist li{
    margin-left: 2em;
    list-style-type: decimal;
}
.checklists li{
    margin-bottom: 16px;
    padding-left: 32px;
    background:  url("../../../img/asset/common/svg/check.svg") no-repeat 0 8px;
    background-size: 18px auto;
}
.checklists li:last-of-type{
    margin-bottom: 0;
}
.square_list li,
.disc_list li,
.dot_list li{
    margin-left: 0;
}
.disc_list li::before{
    content: "・ ";
}
.dot_list li{
    margin-left: 0;
    padding-left: 32px;
    background:  url("../../../img/asset/common/svg/dot.svg") no-repeat 16px center;
    background-size: 6px auto;
}
.square_list li::before{
    content: "▇ ";
    font-size: 10px;
}
.external{
    background: url("../../../img/asset/common/svg/external.svg") no-repeat right center;
    background-size: 10px auto;
}
@media screen and (max-width: 1080px) {
#wrap{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 1023px) {
#wrap section,
#wrap .section{
    width: 88%;
}
#wrap .indent{
    padding-left: 16px;
    padding-right: 16px;
}
#wrap section .inner,
#wrap .section .inner{
    padding: 0;
}
.four_columns .box{
	width: calc( 50% - 16px);
}
.three_columns .box,
/*ol.three_columns li,*/
.three_columns_li li{
	width: calc( 33% - 16px);
}
@media screen and (max-width: 540px) {
.breadcrumbs{
    width: 88%;
    max-width: 88%;
    letter-spacing: 0;
}
#wrap article{
    padding-bottom: 40px;
}
#wrap article h1:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 80px;
    height: 1px;
    background: #c49834;
}
#wrap article h1:before {
    position: absolute;
    content: '';
    top: 0;
    left: calc(50% - 40px);
    width: 80px;
    height: 1px;
    background: #c49834;
}
.oz .imgL{
    float: none;
    max-width: 100%;
    margin-right: 0;
    text-align: center;
}
.oz .imgR{
    float: none;
    max-width: 100%;
    margin-left: 0;
    text-align: center;
}
.two_columns .box,
.two_columns .unit,
ol.two_columns_li li,
ol.two_columns li{
    width: 100%;
}
.two_block .grid{
    width: calc(50% - 40px);
}
.three_columns .box,
.three_columns_li li
/*
,
ol.three_columns li
*/
{
    width: 100%;
}
.four_columns .box{
	width: 100%;
}
#wrap .indent{
    padding-left: 0;
    padding-right: 0;
}
}
}
}



/*
.ba_area{
    width: 80%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
*/
.firstview .inner{
/*    margin-bottom: 40px;*/
}
.firstview .grid:first-of-type{
    width: 40%;
    max-width: 535px;
    z-index: 10;
}
.firstview .grid:last-of-type{
    width: 90%;
    max-width: 1120px;
    margin: -240px 0 0 30%;
    padding: 40px 40px 40px 8rem;
    background: #f1f1f1;
    z-index: 9;
}
.ba_area .firstview .grid:last-of-type{
    margin: -28% 0 0 30%;
}
.ba_area .two_columns .box{
    width: 48%;
}
@media screen and (max-width: 1420px) {
.firstview .grid:last-of-type{
    padding: 40px 40px 40px 9rem;
}
@media screen and (max-width: 1080px) {
/*
.ba_area{
    width: 88%;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}
*/
.firstview .grid:last-of-type{
    margin: -130px 0 0 30%;
    padding: 40px 40px 40px 7rem;
}
.ba_area .firstview .grid:last-of-type{
    margin: -28% 0 0 32%;
}
@media screen and (max-width: 768px) {
.firstview .grid:last-of-type{
    padding: 40px 40px 40px 10rem;
}
@media screen and (max-width: 540px) {
/*
.ba_area{
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
*/
.ba_area .onebox{
    width: 88%;
    margin-left: auto;
    margin-right: auto;
}
.firstview .grid:first-of-type{
    width: 84%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.firstview .grid:last-of-type{
    width: 100%;
    max-width: 1120px;
    margin: -110px 0 0 0;
    padding: 144px 24px 40px;
}
.ba_area .firstview .grid:last-of-type{
    margin: -200px 0 0 0;
/*    margin: -50% 0 0 0;*/
    padding: 240px 24px 24px;
}
.ba_area .two_columns{
    width: 88%;
    margin-right: auto;
    margin-left: auto;
}
.ba_area .two_columns .box{
    width: 100%;
}
.cases_photo,
.photos{
}
.cases_photo img,
.photos img{
    max-width: 80%;
    height: auto;
}
@media screen and (max-width: 360px) {
.firstview .grid:last-of-type{
    padding: 144px 24px 40px;
}
}
}
}
}
}

.firstview .box{
    border: 1px solid #eaeaea;
}
.firstview .boxtype{
    border: 1px solid #eaeaea;
}


.case_step .box:first-of-type{
    width: 28%;
    max-width: 535px;
}
.case_step .box:last-of-type{
    width: 72%;
    max-width: 1120px;
}
.case_step{
    position: relative;
    margin-bottom: 40px;
    padding: 0 0 40px;
}
.case_step:last-of-type{
    margin-bottom: 0;
    padding: 0;
}
.case_step::after{
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    margin: auto;
    border-top: 2px solid #d0ae6b;
    border-right: 2px solid #d0ae6b;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    transform: rotate(135deg);
    transition: transform .5s ease;
}
.case_step:last-child::after{
    border-top: 0;
    border-right: 0;
}
.case_step:nth-child(4) .grid{
    width: calc(33% - 16px);
}
.case_step:nth-child(5) .grid{
    width: calc(50% - 16px);
}
.case_step .threebox{
    width: calc(33% - 40px);
}
#cases .twobox{
    width: calc(50% - 40px);
}
.case_step .two_columns .box:first-of-type{
    width: 48%;
    max-width: inherit;
    text-align: right;
}
.case_step .two_columns .box:last-of-type{
    width: 48%;
    max-width: inherit;
    text-align: left;
}
@media screen and (max-width: 540px) {
.case_step .box:first-of-type{
    width: 100%;
}
.case_step .box:last-of-type{
    width: 100%;
}
.case_step:nth-child(4) .grid{
    width: 100%;
}
.case_step:nth-child(5) .grid{
    width: 100%;
}
.case_step .threebox{
    width: 100%;
}
.case_step .two_columns .box:first-of-type{
    width: 100%;
    text-align: center;
}
.case_step .two_columns .box:last-of-type{
    width: 100%;
    text-align: center;
}
}


.cases_nb_btns{
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}
.cases_nb_btns li{
    width: 49%;
}
.cases_nb_btns li a{
    position: relative;
    display: inline-block;
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 16px 0;
    background: #fff;
    color: #c49834;
    border: 1px solid;
    font-weight: 600;
    text-align: center;
    line-height: 1;
    font-size: 14px;
}

.case_nav{
    margin-bottom: 160px;
    padding: 80px 40px 56px;
    background: #f6efe0;
    text-align: center;
}
.case_nav .grid{
    width: calc(33% - 24px);
    margin-bottom: 24px;
}
.case_nav ul.fx_c{
    padding: 8px;
    background: #e5d7b8;
}
.case_nav .fx_c li{
    width: calc(50% - 4px);
    margin-bottom: 8px;
}
.case_nav .grid:nth-child(4) ul li,
.case_nav .grid:nth-child(5) ul li{
    width: calc(33% - 4px);
}
.case_nav .fx_c li:nth-last-child(-n+2){
    margin-bottom: 0;
}
.case_nav .grid:nth-child(4) ul li:nth-last-child(-n+3),
.case_nav .grid:nth-child(5) ul li:nth-last-child(-n+3){
    margin-bottom: 0;
}
.case_nav .grid li a{
    position: relative;
    display: inline-block;
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 16px 0;
    background: #fff;
    color: #c49834;
    border: 1px solid;
    font-weight: 600;
    text-align: center;
    line-height: 1;
    font-size: 14px;
}
.case_nav .grid li a::after{
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 1px #c49834;
    border-right: solid 1px #c49834;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 4%;
    margin-top: -4px;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    transition:all .3s linear;
}
.case_nav .grid li a:hover::after{
    right: 3%;
}
@media screen and (max-width: 540px){
.cases_nb_btns{
    width: 88%;
    max-width: 360px;
}
}



.accordion-container{
    position: relative;
    width: 100%;
}
.accordion-container .accordion-title{
    display: block;
    position: relative;
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    background: #fff;
    color: #4ab7d6;
}
.accordion-content {
/*  display: none;*/
}
.accordion-title::after{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #d0ae6b;
    border-right: 2px solid #d0ae6b;
    position: absolute;
    top: 40%;
    right: 10px;
    transform: rotate(135deg);
    transition: transform .5s ease;

}
.accordion-title.selected::after{
    transform: rotate(135deg);
	transition: all .5s ease;
}

@media screen and (max-width: 540px){
.case_nav{
    margin-bottom: 160px;
    padding: 40px 20px 16px;
    background: #f6efe0;
    text-align: center;
}
.case_nav .grid{
    width: 100%;
}
.accordion-container{
    cursor: pointer
}
.accordion-container .accordion-title{
    cursor: pointer;
}
/*
.accordion-title img{
    width: 95%;
    height: auto;
}
*/
.accordion-content{
    display: none;
}
.accordion-title::after{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #d0ae6b;
    border-right: 2px solid #d0ae6b;
    position: absolute;
    top: 40%;
    right: 10px;
    transform: rotate(135deg);
    transition: transform .5s ease;

}
.accordion-title.selected::after{
    transform: rotate(-45deg);
	transition: all .5s ease;
}
}










.fc_area .inner_box{
    position: relative;
    height: 560px;
}
.fc_area .grid:first-of-type{
    position: absolute;
    width: 40%;
    max-width: 535px;
    left: 0;
    top: 0;
    z-index: 10;
}
.fc_area .grid:nth-child(2){
    position: absolute;
    width: 70%;
    max-width: 1120px;
    min-height: 360px;
    padding: 40px 40px 40px 9rem;
    right: 0;
    top: 80px;
    background: #f1f1f1;
    z-index: 9;
}
@media screen and (max-width: 1440px) {
.fc_area .grid:nth-child(2){
    padding-left: 10rem;
}
@media screen and (max-width: 1360px) {
.fc_area .grid:nth-child(2){
    padding-left: 10rem;
}
@media screen and (max-width: 820px) {
.fc_area .inner_box{
    height: 840px;
}
.fc_area .grid:first-of-type{
    width: 90%;
    max-width: 640px;
}
.fc_area .grid:nth-child(2){
    width: 100%;
    min-height: 360px;
    padding: 240px 40px 40px 40px;
    top: 200px;
}
@media screen and (max-width: 540px) {
.fc_area .inner_box{
    height: 680px;
}
.fc_area .grid:nth-child(2){
    padding: 180px 24px 40px;
    top: 100px;
}
}
}
}
}




/*
#wrap .foot_nav{
    width: 100%;
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto;
    padding: 40px;
    background: #f5f0db;
}
#wrap .foot_nav li{
    margin-bottom: 16px;
}
#wrap .foot_nav li:nth-last-child(-n+2){
    margin-bottom: 0;
}
#wrap .foot_nav li a{
    display: block;
    padding: 16px 16px 16px 40px;
    background: #fff url("../../../img/asset/common/svg/arrow_g.svg") no-repeat 2% center;
    background-size: 16px auto;
    color: #333;
    border: 1px solid #948858;
    letter-spacing: 0;
}
#wrap .foot_nav li a:hover,
#wrap .foot_nav li a.ov{
    background: #e4e4e4 url("../../../img/asset/common/svg/arrow_g.svg") no-repeat 3% center;
    background-size: 16px auto;
}
#wrap .conversion{
    width: 100%;
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 120px;
    text-align: center;
}
#wrap .conversion img{
    width: 820px;
    height: auto;
}
@media screen and (max-width: 960px) {
#wrap .conversion{
    width: 92%;
}
@media screen and (max-width: 767px) {
#wrap .foot_nav{
    padding: 24px 16px;
}
#wrap .foot_nav li:nth-last-child(-n+2){
    margin-bottom: 16px;
}
#wrap .foot_nav li:last-child{
    margin-bottom: 0;
}
#wrap .conversion img{
    width: 100%;
    height: auto;
}
}
}
*/




#wrap .scroll table{
    width: 100%;
}
@media screen and (max-width: 1023px) {
#wrap .scroll{
    padding-bottom: 2%;
    overflow: auto;
}
#wrap .scroll::-webkit-scrollbar{
    height: 10px;
}
#wrap .scroll::-webkit-scrollbar-track{
    background: #eee;
}
#wrap .scroll::-webkit-scrollbar-thumb {
    background: #bbb;
}
#wrap .scroll table{
    width: 180%;
}
@media screen and (max-width: 800px) {
#wrap .scroll table{
    width: 120%;
}
@media screen and (max-width: 540px) {
#wrap .scroll table{
    width: 200%;
}
@media screen and (max-width: 360px) {
#wrap .scroll table{
    width: 240%;
}
}
}
}
}


/*
.ribbon{
    width: 100%;
    margin: 0 0 16px;
	display: inline-block;
	position: relative;
	height: 50px;
	line-height: 50px;
	text-align: center;
	padding: 0 8px;
    letter-spacing: 0;
	background: #fcecf1;
	color: #333;
	box-sizing: border-box;
}
.ribbon img{
    vertical-align: middle;
}

.ribbon:before, .ribbon:after{
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	z-index: 1;
}
.ribbon:before{
	top: 0;
	left: 0;
	border-width: 25px 0px 25px 15px;
	border-color: transparent transparent transparent #fff;
	border-style: solid;
}

.ribbon:after{
	top: 0;
	right: 0;
	border-width: 25px 15px 25px 0px;
	border-color: transparent #fff transparent transparent;
	border-style: solid;
}
*/


.bb_line,
#wrap #cases section,
#wrap #cases .section{
    padding-bottom: 40px;
    border-bottom: 1px solid #eaeaea;
}
.anchors{
    margin-bottom: 24px;
    font-size: 14px;
    letter-spacing: 0;
}
.anchors a{
    color: #5478bb;
}
#cases{
    position: relative;
}
#cases span{
    color: #c49834;
}
.sliders{
    width: 84%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}
.sliders img{
    margin-right: auto;
    margin-left: auto;
}
.slides_item{
    text-align: center;
}
.slide-arrow{
    position: absolute;
    width: 28px;
    height: 28px;
    margin: auto;
    top: 40%;
}
.prev-arrow{
    left: -4%;
    z-index: 100;
    cursor: pointer;
}
.next-arrow{
    right: -4%;
    z-index: 100;
    cursor: pointer;
}
#cases .details table{
    width: 100%;
    border-collapse: collapse;
}
#cases .details table td{
    padding: 16px;
    border: 1px solid #eaeaea;
    vertical-align: middle;
}
#cases .details table td:nth-of-type(odd){
    width: 30%;
    background: #f1f1f1;
    text-align: center;
    font-size: 14px;
}
#cases .details li:first-of-type{
    padding: 16px;
    background: #f1f1f1;
    text-align: center;
    border-top: 1px solid #eaeaea;
    font-size: 14px;
}
#cases .details li{
    padding: 16px 16px 16px 32px;
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
}
#cases .details li:first-of-type::before{
    content: "";
}
@media screen and (max-width: 540px) {
.sliders{
    width: 100%;
}
.prev-arrow{
    left: -3%;
}
.next-arrow{
    right: -3%;
}
}

#cases .synuslift .grid:first-of-type{
    width: 30%;
}
#cases .synuslift .grid:last-of-type{
    width: 65%;
}
@media screen and (max-width: 820px) {
#cases .synuslift .grid:first-of-type{
    width: 45%;
}
#cases .synuslift .grid:last-of-type{
    width: 50%;
}
@media screen and (max-width: 540px) {
#cases .synuslift .grid:first-of-type{
    width: 100%;
}
#cases .synuslift .grid:last-of-type{
    width: 100%;
}
}
}
#cases .synuslift .boxL,
#cases .synuslift .boxR{
    width: 48%;
}
.about_synuslift{
    width: 60%;
    max-width: 720px;
    margin: auto;
/*    margin-bottom: 40px;*/
}
.about_synuslift .boxL,
.about_synuslift .boxR{
    width: 48%;
}

@media screen and (max-width: 540px) {
#cases .about_synuslift .boxL,
#cases .about_synuslift .boxR{
    width: 100%;
}
#cases .about_synuslift .boxL{
/*    margin-bottom: 40px;*/
}
#cases .about_synuslift{
    width: 100%;
}
}






.points_area{
    position: relative;
    padding: 40px 0 0;
    background: #f6efe0;
}
.points_area .hd{
    margin-top: -64px;
    margin-bottom: 16px;
    padding: 0 24px;
    text-align: center;
    z-index: 1;
}
.points_area .points_inner{
    padding: 0 40px 40px;
}
@media screen and (max-width: 540px) {
.points_area .points_inner{
    padding: 0 24px 24px;
}
}


.dentist_points{
    padding: 24px;
    background: #f6efe0 url("../../../img/asset/common/dentist.png") no-repeat 24px 24px;
    background-size: 100px auto;
}
.dentist_points .first_block{
    margin-bottom: 40px;
    padding-top: 40px;
    padding-left: 128px;
}
@media screen and (max-width: 540px) {
.dentist_points .first_block{
    min-height: 100px;
    margin-bottom: 8px;
    padding-top: 16px;
    padding-left: 128px;
}
}





#faq01,
#faq01,
#faq02,
#faq03,
#faq04,
#faq05,
#faq06,
#faq07,
#faq08,
#faq09,
#faq10,
#faq11,
#faq12,
#form,
#kidsroom,
#i,
#i-2,
#i-3,
#i-4,
#i-5,
#i-6,
#i-7,
#i-8,
#i-9
{
    margin-top: -200px;
    padding-top: 200px;
}
@media screen and (max-width: 800px) {
#faq01,
#faq02,
#faq03,
#faq04,
#faq05,
#faq06,
#faq07,
#faq08,
#faq09,
#faq10,
#faq11,
#faq12,
#form,
#kidsroom,
#i,
#i-2,
#i-3,
#i-4,
#i-5,
#i-6,
#i-7,
#i-8,
#i-9
{
    margin-top: 0;
    padding-top: 0;
}
}

.conv_columns{
    width: 100%;
    max-width: 1500px;
    margin: auto;
    margin-bottom: 24px;
    font-size: 13px;
}
.post_hd{
    position: relative;
    margin-bottom: 24px;
    padding: 0 65px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}
.post_hd:before{
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 1px;
  content: '';
  background: #c49834;
}
.post_hd span{
  position: relative;
  padding: 0 1em;
  background: #fff;
}
.post_area .grid{
	width: calc( 16% - 5px);
}
.post_thumbs{
    text-align: center;
    margin-bottom: 8px;
}
@media screen and (max-width: 540px) {
.conv_columns{
    width: 92%;
    max-width: 540px;
}
.post_hd{
    padding: 0 24px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
}

.post_area .grid{
	width: calc( 50% - 5px);
    line-height: 1.6;
}}


/* ▲▲▲▲▲▲▲▲▲▲ 共通項目 ▲▲▲▲▲▲▲▲▲▲ */


/*
.hikaku table table{
    border-collapse: collapse;
    border: 1px solid #fff;
}
.hikaku table td{
    width: 30%;
    padding: 16px;
    border: 1px solid #fff;
    vertical-align: middle;
}
.hikaku table td:nth-child(1){
    width: 10%;
    background: #1a275b;
    color: #fff;
    font-weight: 600;
    text-align: center;
}
.hikaku table tr:nth-child(1) td{
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
}
.hikaku table tr:nth-child(1) td:nth-child(2){
    background: #bdc4db;
}
.hikaku table tr:nth-child(1) td:nth-child(3){
    background: #a8c1cf;
}
.hikaku table tr:nth-child(1) td:nth-child(4){
    background: #a8cfca;
}
.hikaku table td:nth-child(2){
    background: #dee1ed;
    vertical-align: top;
}
.hikaku table td:nth-child(3){
    background: #d3e0e6;
    vertical-align: top;
}
.hikaku table td:nth-child(4){
    background: #d2e6e4;
    vertical-align: top;
}
.hikaku .three_columns .box:nth-child(-n+3){
    margin-bottom: 40px;
}
.hikaku .three_columns .box .ac{
    margin-bottom: 16px;
}
@media screen and (max-width: 800px) {
.hikaku table td{
    width: 26%;
    padding: 16px;
    border: 1px solid #fff;
    vertical-align: middle;
}
.hikaku table td:nth-child(1){
    width: 22%;
    background: #1a275b;
    color: #fff;
    font-weight: 600;
    text-align: center;
}
@media screen and (max-width: 359px) {
.hikaku .two_block .grid{
    width: 100%;
}
}
}



.meritdemerit{
    padding: 24px;
}
.meritdemerit .hd{
    margin-top: -100px;
    margin-bottom: 24px;
    text-align: center;
}
.meritdemerit dt{
    margin-bottom: 8px;
    padding-left: 40px;
    color: #263a87;
    font-size: 18px;
    font-weight: 600;
}
.meritbox dt{
    background: url("../../../img/asset/common/svg/o.svg") no-repeat 0 center;
    background-size: 28px auto;
}
.demeritbox dt{
    background: url("../../../img/asset/common/svg/x.svg") no-repeat 0 center;
    background-size: 28px auto;
}
.meritdemerit dd{
    margin-bottom: 24px;
    padding-bottom: 8px;
    border-bottom: 1px solid #fff;
}
.meritdemerit dd:last-of-type{
    margin-bottom: 0;
    border-bottom: 0;
}
.meritbox{
    margin-top: 100px;
    background: #f8ecf3;
}
.demeritbox{
    margin-top: 100px;
    background: #eaf4f8;
}
.nextstep{
    margin-bottom: 24px;
    text-align: center;
}
.fukidashi{
    width: 100%;
    padding: 24px;
    position: relative;
    display: inline-block;
    background: #e2e6f7;
}
.fukidashi::before{
    content: "";
    position: absolute;
    top: 100%;
    left: 48%;
    margin-left: -15px;
    border: 40px solid transparent;
    border-top: 40px solid #e2e6f7;
}
.fukidashi .inner{
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.fukidashi .grid:first-of-type{
    width: 40%;
}
.fukidashi .grid:last-of-type{
    width: 60%;
}
@media screen and (max-width: 800px) {
.fukidashi .inner{
    width: 100%;
}
.fukidashi .grid:first-of-type{
    width: 40%;
}
.fukidashi .grid:last-of-type{
    width: 60%;
}
@media screen and (max-width: 540px) {
.fukidashi::before{
    left: 45%;
}
.fukidashi .grid:first-of-type{
    width: 100%;
}
.fukidashi .grid:last-of-type{
    width: 100%;
}
}
}




.faqnav{
    width: 50%;
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
}
.faqnav li{
    width: calc(33% - 5px);
    text-align: center;
}
@media screen and (max-width: 800px) {
.faqnav{
    width: 70%;
    max-width: 800px;
}
@media screen and (max-width: 540px) {
.faqnav{
    width: 100%;
    max-width: 100%;
}
.faqnav li{
    width: 33%;
}
}
}

.cases .hd{
    padding: 8px 0 8px 8px;
    color: #33468e;
    border-bottom: 1px solid #566cc2;
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 600;
}
.cases .box{
    margin-bottom: 40px;
}
.treatment__ .more{
    width: 70%;
    margin-right: auto;
    margin-left: auto;
}

.treatment_banners{
    width: 70%;
    max-width: 856px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 120px;
    text-align: center;
}
.treatment_banners li{
    width: calc(50% - 4px);
}
@media screen and (max-width: 800px) {
.treatment_banners{
    width: 92%;
}
@media screen and (max-width: 540px) {
.treatment_banners li{
    width: 100%;
}
.treatment_banners li:first-of-type{
    margin-bottom: 16px;
}
.treatment .more{
    width: 100%;
}
}
}


.firstview .grid.fv_counseling{
    padding-bottom: 40px;
    background: #f1f1f1 url("../../../img/asset/strengths/counseling/bg.webp") no-repeat center bottom;
    background-size: 100% auto;
}
.firstview .grid.fv_equipment{
    padding-bottom: 40px;
    background: #f1f1f1 url("../../../img/asset/strengths/equipment/bg.webp") no-repeat center bottom;
    background-size: 100% auto;
}


.firstview .grid.fv_two li{
    width: calc(49% - 4px);
}
.firstview .grid.fv_threes li{
    width: calc(33% - 4px);
    margin-bottom: 16px;
    text-align: center;
}
.firstview .grid.fv_fours li{
    width: calc(25% - 4px);
    margin-bottom: 16px;
    text-align: center;
}
@media screen and (max-width: 540px) {
.firstview .grid.fv_threes li{
    width: calc(49% - 4px);
}
.firstview .grid.fv_fours li{
    width: calc(49% - 4px);
    margin-bottom: 16px;
}
}



.features_nav{
    width: 100%;
    max-width: 1500px;
    margin: auto;
    margin-bottom: 160px;
    padding: 80px 40px 56px;
    background: #f6efe0;
    text-align: center;
}
/*
.features_nav ul{
    width: 80%;
    max-width: 1200px;
    margin: auto;
}
*/
.features_nav li{
    width: calc(33% - 4px);
    margin-bottom: 24px;
}
.fv_equipment li{
    text-align: center;
}
@media screen and (max-width: 540px) {
.features_nav{
    padding: 80px 16px 56px;
}
.features_nav li{
    width: 100%;
    margin-bottom: 16px;
}
.fv_equipment li{
    width: calc(50% - 8px);
    margin-bottom: 16px;
}
}


.hokeniryou_genkai{
    padding: 0 0 40px;
    background: #f1f1f1 url("../../../img/asset/strengths/counseling/03.webp") no-repeat left 0;
    background-size: 350px auto;
}
.hokeniryou_genkai div:first-of-type{
    padding: 40px 40px 24px 400px;
    font-weight: 600;
}
.hokeniryou_genkai div:nth-of-type(2),
.hokeniryou_genkai div:nth-of-type(3){
    padding: 0 40px 24px 400px;
}
.hokeniryou_genkai div:last-of-type{
    padding: 0 40px;
}
@media screen and (max-width: 1080px) {
.hokeniryou_genkai div:nth-of-type(3){
    padding: 0 40px 24px;
}
@media screen and (max-width: 540px) {
.hokeniryou_genkai{
    background: #f1f1f1 url("../../../img/asset/strengths/counseling/03.webp") no-repeat left 0;
    background-size: 100% auto;
}
.hokeniryou_genkai div:first-of-type{
    padding: 60% 24px 24px;
    font-weight: 600;
}
.hokeniryou_genkai div:nth-of-type(2),
.hokeniryou_genkai div:nth-of-type(3){
    padding: 0 24px 24px;
}
.hokeniryou_genkai div:last-of-type{
    padding: 0 24px;
}
}
}


.shikaiin_trauma{
    position: relativere;
    background: #f1f1f1 url("../../../img/asset/strengths/pain_consideration/11.webp") no-repeat left 0;
    background-size: 350px auto;
}
.shikaiin_trauma .tenkai_container div:first-of-type{
    padding: 40px 40px 24px 400px;
    font-weight: 600;
}
.shikaiin_trauma .tenkai_container div:nth-of-type(2),
.shikaiin_trauma .tenkai_container div:nth-of-type(3){
    padding: 0 40px 24px 400px;
}
.shikaiin_trauma .tenkai_container div:nth-of-type(4),
.shikaiin_trauma .tenkai_container div:nth-of-type(5),
.shikaiin_trauma .tenkai_container div:nth-of-type(6),
.shikaiin_trauma .tenkai_container div:nth-of-type(7){
    padding: 0 40px 24px;
}
.shikaiin_trauma .tenkai_container div:last-of-type{
    padding: 0 40px 40px;
}
@media screen and (max-width: 1080px) {
.shikaiin_trauma .tenkai_container div:nth-of-type(3){
    padding: 0 40px 24px;
}
@media screen and (max-width: 540px) {
.shikaiin_trauma{
    background: #f1f1f1 url("../../../img/asset/strengths/pain_consideration/11.webp") no-repeat left 0;
    background-size: 100% auto;
}
.shikaiin_trauma .tenkai_container div:first-of-type{
    padding: 55% 24px 24px;
    font-weight: 600;
}
.shikaiin_trauma .tenkai_container div:nth-of-type(2),
.shikaiin_trauma .tenkai_container div:nth-of-type(3),
.shikaiin_trauma .tenkai_container div:nth-of-type(4),
.shikaiin_trauma .tenkai_container div:nth-of-type(5),
.shikaiin_trauma .tenkai_container div:nth-of-type(6),
.shikaiin_trauma .tenkai_container div:nth-of-type(7){
    padding: 0 24px 24px;
}
.shikaiin_trauma .tenkai_container div:last-of-type{
    padding: 0 24px 120px;
}
}
}
.souzou_raku{
    position: relativere;
    background: #f6efe0 url("../../../img/asset/strengths/pain_consideration/1302.webp") no-repeat left 0;
    background-size: 350px auto;
}
.souzou_raku .tenkai_container div:first-of-type{
    padding: 40px 40px 24px 400px;
    font-weight: 600;
}
.souzou_raku .tenkai_container div:nth-of-type(2),
.souzou_raku .tenkai_container div:nth-of-type(3){
    padding: 0 40px 24px 400px;
}
.souzou_raku .tenkai_container div:nth-of-type(4),
.souzou_raku .tenkai_container div:nth-of-type(5){
    padding: 0 40px 24px;
}
.souzou_raku .tenkai_container div:last-of-type{
    padding: 0 40px 40px;
}
@media screen and (max-width: 1080px) {
.souzou_raku .tenkai_container div:nth-of-type(3){
    padding: 0 40px 24px;
}
@media screen and (max-width: 540px) {
.souzou_raku{
    background: #f6efe0 url("../../../img/asset/strengths/pain_consideration/1302.webp") no-repeat left 0;
    background-size: 100% auto;
}
.souzou_raku .tenkai_container div:first-of-type{
    padding: 50% 24px 24px;
    font-weight: 600;
}
.souzou_raku .tenkai_container div:nth-of-type(2),
.souzou_raku .tenkai_container div:nth-of-type(3),
.souzou_raku .tenkai_container div:nth-of-type(4),
.souzou_raku .tenkai_container div:nth-of-type(5){
    padding: 0 24px 24px;
}
.souzou_raku .tenkai_container div:last-of-type{
    padding: 0 24px 120px;
}
}
}

.acls_provider{
    padding: 0 0 40px;
    background: #f1f1f1 url("../../../img/asset/strengths/equipment/14.webp") no-repeat left 0;
    background-size: 350px auto;
}
.acls_provider div:first-of-type{
    padding: 40px 40px 24px 400px;
    font-weight: 600;
}
.acls_provider div:last-of-type{
    padding: 0 40px 0 400px;
}
@media screen and (max-width: 1080px) {
.acls_provider div:last-of-type{
    padding: 40px 24px 0;
}
@media screen and (max-width: 540px) {
.acls_provider{
    background: #f1f1f1 url("../../../img/asset/strengths/equipment/14.webp") no-repeat left 0;
    background-size: 100% auto;
}
.acls_provider div:first-of-type{
    padding: 45% 24px 24px;
    font-weight: 600;
}
.acls_provider div:last-of-type{
    padding: 0 24px;
}
}
}









.tenkai_trigger {
    display: none; /*チェックボックスは常に非表示*/
}
@media screen and (max-width: 540px) {
.tenkai_wrap{
    position: relative;
}
.tenkai_btn::before {
  content: "続きを読む"
}
.tenkai_btn{
    z-index: 2;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 80%;
    margin: 0 auto 40px;
    padding: 8px;
    border-radius: 2px;
    background: #fff;
    color: #c49834;
    border: 1px solid;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    transition: all 2s;
}
.tenkai_container{
    position: relative;
    overflow: hidden;
    height: 480px;
}
.tenkai_container::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 240px;
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
    background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
    content: "";
}
.tenkai_trigger:checked ~ .tenkai_btn::before {
    content: "閉じる"
}
.tenkai_trigger:checked ~ .tenkai_container{
    height: auto;
}
.tenkai_trigger:checked ~ .tenkai_container::before {
    display: none;
}
}





.mov_area{
    clear: both;
    width: 80%;
    max-width: 768px;
    margin: 0 auto 24px;
    text-align: center;
}
@media screen and (max-width: 767px) {
.mov_area{
    clear: both;
    width: 98%;
    margin: 0 auto 24px;
    text-align: center;
}
}


.allon4 .two_block .grid{
    width: 100%;
}
.allon4 .two_block .grid:nth-of-type(odd){
    text-align: center;
}
@media screen and (max-width: 540px) {
.allon4 .two_block .grid{
    width: calc(50% - 5px);
}
}
.firstview .grid.fv_allon4{
    padding-bottom: 40px;
    background: #f1f1f1 url("../../../img/asset/allon4/bg.webp") no-repeat right center;
    background-size: 50% auto;
}
.firstview .grid.fv_allon4 li{
    width: calc(25% - 4px);
    margin-bottom: 16px;
}
@media screen and (max-width: 540px) {
.firstview .grid.fv_allon4{
    background: #f1f1f1 url("../../../img/asset/allon4/bg.webp") no-repeat right 200px;
    background-size: 80% auto;
}
.firstview .grid.fv_allon4 li{
    width: calc(50% - 4px);
}
}

.allon4_hikaku{
    width: 80%;
    margin-right: auto;
    margin-left: auto;
}
.allon4_hikaku table{
    width: 100%;
    margin-bottom: 40px;
    border-collapse: collapse;
    border-spacing: 0;
}
.allon4_hikaku table td{
    padding: 16px;
    border: 1px solid #eee;
}
.allon4_hikaku table td{
    padding: 24px;
}
.allon4_hikaku table tr:nth-of-type(odd) td{
    width: 50%;
}
.allon4_hikaku table tr:first-of-type td{
    text-align: center;
    font-weight: 600;
}
.allon4_hikaku table tr:nth-of-type(odd) td:first-of-type{
    width: 50%;
    background: #f6efe0;
}
.allon4_hikaku table tr:nth-of-type(odd) td:last-of-type{
    width: 50%;
    background: #fff;
}
.allon4_hikaku table tr:nth-of-type(3n) td{
    width: 50%;
    background: #fff;
}
.allon4_hikaku table tr:nth-of-type(even) td{
    width: 100%;
    background: #f1f1f1;
    color: #c49834;
    font-weight: 600;
    text-align: center;
}
@media screen and (max-width: 540px) {
.allon4_hikaku{
    width: 100%;
}
.allon4_hikaku table td{
    padding: 16px;
}

}


.firstview .grid.fv_implant_tecnic{
    padding-bottom: 40px;
    background: #f1f1f1 url("../../../img/asset/implant/technic/bg.webp") no-repeat right 50%;
    background-size: 40% auto;
}
.firstview .grid.fv_implant_tecnic li{
    width: calc(25% - 8px);
    margin-bottom: 16px;
}
.firstview .grid.fv_implant_tecnic ol::after{
    content: "";
    display: block;
    width: calc(50% - 8px);
}
@media screen and (max-width: 540px) {
.firstview .grid.fv_implant_tecnic{
    background: #f1f1f1 url("../../../img/asset/implant/technic/bg.webp") no-repeat right 100px;
    background-size: 50% auto;
}
.firstview .grid.fv_implant_tecnic li{
    width: calc(50% - 4px);
}
}


.firstview .grid.fv_implant_quality ol:first-of-type li{
    width: calc(33% - 4px);
    margin-bottom: 16px;
    text-align: center;
}
.firstview .grid.fv_implant_quality ol:last-of-type{
    text-align: center;
}
.firstview .grid.fv_implant_quality ol:last-of-type li{
    width: calc(25% - 8px);
    margin-bottom: 16px;
}
.firstview .grid.fv_implant_quality ol::after{
    content: "";
    display: block;
    width: calc(50% - 8px);
}
@media screen and (max-width: 540px) {
.firstview .grid.fv_implant_quality ol:first-of-type li{
    width: 100%;
    margin-bottom: 16px;
}
.firstview .grid.fv_implant_quality ol:last-of-type li{
    width: calc(50% - 4px);
    margin-bottom: 16px;
}
}




.firstview .grid.fv_implant_flow ol li{
    width: calc(25% - 8px);
    margin-bottom: 16px;
    text-align: center;
}
.firstview .grid.fv_implant_flow ol::after{
    content: "";
    display: block;
    width: calc(25% - 8px);
}
@media screen and (max-width: 540px) {
.firstview .grid.fv_implant_flow ol li{
    width: calc(50% - 8px);
    margin-bottom: 16px;
    text-align: center;
}
}


.firstview .grid.fv_implant_price ol:first-of-type li{
    width: calc(33% - 8px);
    margin-bottom: 16px;
    text-align: center;
}
.firstview .grid.fv_implant_price ol::after{
    content: "";
    display: block;
    width: calc(33% - 8px);
}
@media screen and (max-width: 540px) {
.firstview .grid.fv_implant_price ol:first-of-type li{
    width: calc(50% - 8px);
    margin-bottom: 16px;
    text-align: center;
}
}


.fv_implant_faq .two_block{
    width: 60%;
    margin: auto;
    margin-bottom: 24px;
}
.fv_implant_faq .two_block .more{
    width: calc(50% - 8px);
}
.fv_implant_faq .two_block .more a{
    width: 100%;
    padding: 16px;
}
.firstview .grid.fv_implant_faq ol:first-of-type li{
    width: calc(25% - 8px);
    margin-bottom: 16px;
    text-align: center;
}
.firstview .grid.fv_implant_faq ol::after{
    content: "";
    display: block;
    width: calc(25% - 8px);
}
@media screen and (max-width: 540px) {
.fv_implant_faq .two_block{
    width: 100%;
}
.firstview .grid.fv_implant_faq ol:first-of-type li{
    width: calc(50% - 8px);
    margin-bottom: 16px;
    text-align: center;
}
}



.quality_notes{
    padding: 24px 0;
}
.quality_notes div{
    padding: 0 24px;
}
@media screen and (max-width: 540px) {
.quality_notes div:last-of-type{
    padding: 0 24px 80px;
}
}


.price_tags{
    margin-bottom: 24px;
    padding: 0 0 16px;
    border-bottom: 1px solid #c49834;
    font-weight: 600;
}



.toggle_contents{
/*    margin-bottom: 80px;*/
    padding: 0 0 8px;
}
.toggle_title{
	position: relative;
	padding: 16px 40px 0 24px;
    background: #f6efe0;
    font-weight: 600;
}
.faqarea .toggle_title{
	padding: 16px 24px 16px 64px;
    background: #f6efe0 url("../../../img/asset/implant/faq/q.svg") no-repeat 10px 16px;
    background-size: 32px auto;
/*    color: #c49834;*/
    font-weight: 600;
}
.toggle_btn{
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	background: #f6efe0;
	display: block;
	width: 32px;
	height: 32px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border-radius: 50%;
    transition:all .3s linear;
}
.toggle_contents dd{
    padding: 16px 24px;
    border: 1px solid #f6efe0;
}
.faqarea .toggle_contents dd div:first-of-type{
    margin-bottom: 24px;
	padding: 16px 0 16px 48px;
    background: url("../../../img/asset/implant/faq/a.svg") no-repeat 0 16px;
    background-size: 32px auto;
    color: #c49834;
    font-weight: 600;
    border-bottom: 1px solid #f1f1f1;
}
@media screen and (max-width: 800px) {
.toggle_contents{
/*    margin-bottom: 40px;*/
}
.toggle_btn:before, .toggle_btn:after{
	display: block;
	content: '';
	background: #1a275b;
	position: absolute;
	width: 18px;
	height: 2px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.toggle_title{
	padding: 16px 40px 8px 24px;
	cursor: pointer;
    background-size: 32px auto;
}
.faqarea .toggle_title{
	padding: 16px 40px 16px 48px;
    background: #f6efe0 url("../../../img/asset/implant/faq/q.svg") no-repeat 10px 16px;
    background-size: 32px auto;
    font-weight: 600;
}
.toggle_btn:before{
	width: 2px;
	height: 18px;
}
.toggle_title.selected .toggle_btn:before{
	content: normal;
}
.toggle_contents dd{
	display: none;
}
/*
#i dl:nth-child(1) dd:first-of-type{
    display: block;
}
*/
}



.firstview .grid.fv_invisalign{
    padding-bottom: 40px;
    background: #f1f1f1;
}
.firstview .grid.fv_invisalign li{
    width: calc(25% - 4px);
    margin-bottom: 16px;
}
@media screen and (max-width: 540px) {
.firstview .grid.fv_invisalign li{
    width: calc(50% - 4px);
}
}


.invisalign_osusume ul li{
    width: calc(25% - 16px);
}
@media screen and (max-width: 540px) {
.invisalign_osusume ul li{
    width: calc(50% - 8px);
    margin-bottom: 24px;
}
}


.invisalign_flow .flow_box{
    padding-left: 320px;
}
.invisalign_flow .flow_box .two_columns .box{
	width: calc( 50% - 16px);
}
@media screen and (max-width: 540px) {
.invisalign_flow .flow_box{
    padding-left: 0;
}
.invisalign_flow .flow_box .two_columns .box{
	width: 100%;
}
}
.flow_possible .box{
	width: calc( 50% - 8px);
}


.merit_box{
    background-image: url("../../../img/asset/common/svg/maru.svg");
    background-repeat: no-repeat;
    background-position: 95% 20px;
    background-size: 104px auto;
}

.demerit_box{
    background-image: url("../../../img/asset/common/svg/batsu.svg");
    background-repeat: no-repeat;
    background-position: 95% 20px;
    background-size: 104px auto;
}

.four_columns_li li p,
.implant_allon4 ol li p,
.implant__faqs ol li p,
.implant_imlantmakers ol li p,
.three_columns_li li p,
.implant_gbr ol li p{margin: 0!important;}

.implant__faqs li a .linkbox,
.implant_allon4 li a .linkbox,
.implant_imlantmakers li a .linkbox,
.implant_gbr li a .linkbox{
    font-size: 14px;
    letter-spacing: 0;
}

.implant_top ol li div,
.guide_top ol li div{
    padding-bottom: 8px;
    padding-right: 24px;
    background: url(../../../img/asset/common/svg/arrow02.svg) no-repeat 95% 10px;
    background-size: 5px auto;
    font-size: 14px;
    font-family: 'Noto Sans JP', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}





.implant_allon4 .four_columns_li li,
.implant_allon4 .four_columns_li li{
    padding: 8px 0;
}
.implant_gbr .three_columns_li li{
	width: calc( 33% - 8px);
    padding: 8px 0;
}
@media screen and (max-width: 540px) {
.implant_allon4 .four_columns_li li{
	width: calc( 50% - 16px);
}
.implant_gbr .three_columns_li li{
	width: calc( 50% - 16px);
}
}


.implant__implantmakers .three_columns_li li{
	width: calc( 33% - 8px);
    padding: 8px 0;
}
.implant__implantmakers .three_columns_li::after{
	width: calc( 33% - 8px);
    display: block;
    content: "";
}
@media screen and (max-width: 540px) {
.implant__implantmakers .three_columns_li li{
	width: 100%;
}
}




.firstview .grid.fv_perio ol:first-of-type li{
    width: calc(25% - 8px);
    margin-bottom: 16px;
    text-align: center;
}
.firstview .grid.fv_perio ol::after{
    content: "";
    display: block;
    width: calc(25% - 8px);
}
@media screen and (max-width: 540px) {
.firstview .grid.fv_perio ol:first-of-type li{
	width: calc(50% - 4px);
}
}
.firstview .grid.fv_whitening ol:first-of-type li{
    width: calc(25% - 8px);
    margin-bottom: 16px;
    text-align: center;
}
.firstview .grid.fv_whitening ol::after{
    content: "";
    display: block;
    width: calc(50% - 8px);
}
@media screen and (max-width: 540px) {
.firstview .grid.fv_whitening ol:first-of-type li{
	width: calc(50% - 4px);
}
}

.perio_flow dt{
	width: 36%;
    color: #c49834;
}
.perio_flow dd{
	width: 64%;
}



.type_of_ceramic .boxL{
    width: 30%;
}
.type_of_ceramic .boxR{
    width: 70%;
    padding-left: 40px;
}
.type_of_ceramic .grid{
    width: calc(50% - 8px);
}
@media screen and (max-width: 540px) {
.type_of_ceramic .boxL,
.type_of_ceramic .boxR{
    width: 100%;
    padding-left: 0;
}
.type_of_ceramic .grid{
    width: 100%;
}
}


.information .boxL{
    width: 25%;
}
.information .boxR{
    width: 75%;
    padding-left: 40px;
}
@media screen and (max-width: 540px) {
.information .boxL,
.information .boxR{
    width: 100%;
    padding-left: 0;
}
}


.firstview .fv_ct_microscope li{
    width: calc(20% - 8px);
    margin-bottom: 16px;
    text-align: center;
}
@media screen and (max-width: 540px) {
.firstview .fv_ct_microscope li{
    width: calc(50% - 8px);
    margin-bottom: 16px;
    text-align: center;
}
}

.firstview .fv_yobou li{
    width: calc(25% - 8px);
    margin-bottom: 16px;
    text-align: center;
}
@media screen and (max-width: 540px) {
.firstview .fv_yobou li{
    width: calc(50% - 8px);
    margin-bottom: 16px;
    text-align: center;
}
}






.firstview .fv_guide li{
    width: calc(33% - 8px);
    margin-bottom: 16px;
    text-align: center;
}
.firstview .fv_guide ol::after{
    content: "";
    display: block;
    width: calc(50% - 8px);
}
@media screen and (max-width: 540px) {
.firstview .fv_guide li{
    width: 100%;
}
}




/*
.guide__invisalign li,
.guide__perio li,
.guide__ceramic li,
.guide__whitening li,
.guide__precision li,
.guide__yobou li{
    margin-bottom: 24px;
}
*/
@media screen and (max-width: 540px) {
.guide__invisalign li,
.guide__perio li,
.guide__ceramic li,
.guide__whitening li,
.guide__precision li,
.guide__yobou li{
    width: calc(50% - 8px) !important;
}
}





.price_top .group{
    width: 100%;
    max-width: 540px;
    margin-right: auto;
    margin-left: auto;
}
.juyoujikou{
    padding: 16px 24px;
    border: 1px solid #333;
}

.price_top .boxL{
    width: 30%;
}
.price_top .boxR{
    width: 70%;
}
.price_top .grid{
    width: calc(50% - 8px);
}
@media screen and (max-width: 540px) {
.price_top .boxL,
.price_top .boxR{
    width: 100%;
}
.price_top .grid{
    width: 100%;
}
}

dl.sonota_price{
    border: 1px solid #eaeaea;
}
.sonota_price dt{
    padding: 16px 24px;
    background: #f6efe0;
    color: #c49834;
    font-weight: 600;
    border-bottom: 1px solid #eaeaea;
}
.sonota_price dd{
    padding: 16px 24px;
}



.firstview .grid.fv_info li{
    width: calc(25% - 4px);
    margin-bottom: 16px;
}
@media screen and (max-width: 540px) {
.firstview .grid.fv_info li{
    width: calc(50% - 4px);
}
}

.price_list ul{
    border: 1px solid #eaeaea;
    border-bottom: 0;
}
.price_list ul li{
    padding: 16px;
    border-bottom: 1px solid #eaeaea;
}
.price_list ul li.pricetag{
    color: #c49834;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
}
.price_list ul li.pricetag span{
    font-size: 16px;
}
.price_list ul li.pl_first{
    background: #f1f1f1;
    text-align: center;
    font-weight: 600;
}
.price_list ul li.pl_second{
    background: #f6efe0;
    text-align: center;
    font-weight: 600;
}
.price_list ul li.pl_third{
    background: #eed9ab;
    text-align: center;
    font-weight: 600;
}
.price_list ul li.pl_fourth{
    background: #d5ccb7;
    text-align: center;
    font-weight: 600;
}







.team__photo .boxL,
.history .boxL{
    width: 25%;
    max-width: 350px;
    text-align: center;
}
.history_l{
    width: 25%;
    max-width: 350px;
}
.history_r{
    width: 75%;
    padding-left: 40px;
}
.team__photo .boxR,
.history .boxR{
    width: 75%;
    padding-left: 40px;
}
.greeting_lead{
    width: 80%;
    max-width: 1024px;
    margin: auto;
    text-align: center;
}
@media screen and (max-width: 540px) {
.team__photo .boxL,
.history .boxL{
    width: 100%;
    max-width: 540px;
}
.team__photo .boxR,
.history .boxR{
    width: 100%;
    padding-left: 0;
}
.greeting_lead{
    width: 100%;
    text-align: left;
}
.history_l{
    width: 100%;
    max-width: 540px;
}
.history_r{
    width: 100%;
    padding-left: 0;
}
}

.introduction{
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}
.introduction table{
    width: 100%;
    border: 1px solid #ccc;
}
.introduction tr:nth-of-type(odd){
    background: #f4f4f4;
}
.introduction tr:nth-of-type(even){
    background: #fff;
}
.introduction td:nth-of-type(odd){
    width: 30%;
}
.introduction td{
    width: 50%;
    padding: 1.2em;
    text-align: center;
    vertical-align: middle;
}
@media screen and (max-width: 540px) {
.introduction{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.introduction td {
    padding: 8px;
    text-align: center;
}
.introduction td:nth-of-type(odd) {
    width: 25%;
}
.introduction td:nth-of-type(even) {
    width: 75%;
}
}


.firstview .grid.fv_information ol li{
    width: calc(33% - 4px);
    margin-bottom: 16px;
    text-align: center;
}
@media screen and (max-width: 540px) {
.firstview .grid.fv_information ol li{
    width: 100%;
    margin-bottom: 16px;
    text-align: center;
}
}


.information ol li div{
    padding-bottom: 8px;
    padding-left: 24px;
    background: url("../../../img/asset/common/svg/arrow02.svg") no-repeat 8px 10px;
    background-size: 5px auto;
    font-size: 14px;
    font-family: 'Noto Sans JP', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}








.form{
    padding: 40px 24px 80px;
}
.form table{
    width: 100%;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
}
.form td{
    padding: 24px;
    vertical-align: top;
}
.form td:nth-of-type(odd){
    width: 30%;
}
.form td:nth-of-type(even){
    width: 70%;
}
@media screen and (max-width: 540px) {
.form table{
    width: 100%;
    max-width: 540px;
}
.form td{
    display: block;
}
.form td:nth-of-type(odd){
    padding: 8px 8px 0;
    width: 100%;
}
.form td:nth-of-type(even){
    padding: 0 8px 8px;
    width: 100%;
}
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
textarea {
	width: 94%;
	background: #fff;
	color: #333;
	border: 1px solid #ddd;
	padding: .5em;
/*	border-radius: 8px;*/
	box-shadow: 2px 2px 4px rgba(0,0,0,.1) inset;
    font-size: 17px;
}

input[type="radio"],
input[type="checkbox"]
{
	-webkit-transform: scale(1);
	-webkit-transform-origin:0 0;
	-moz-transform: scale(1);
	-moz-transform-origin:0 0;
	-ms-transform: scale(1);
	-ms-transform-origin:0 0;
	width:28px;
	width:28px;
	vertical-align:middle;
}
.phonenumber input[type="text"]:focus::-webkit-input-placeholder {
	color: transparent;
}
.phonenumber input[type="text"]:focus::-moz-placeholder {
	color: transparent;
}
.phonenumber input[type="text"]:focus::-ms-input-placeholder {
	color: transparent;
}
.phonenumber input[type="text"]:focus::placeholder {
	color: transparent;
}


select{
	background: #fff;
	color:#333;
	border: 1px solid #ddd;
	padding: 0.5em;
	border-radius:8px;
	box-shadow:2px 2px 4px rgba(0,0,0,.1) inset;
	line-height: 2;
    font-size: 17px;
}
input[type="submit"] {
	margin: 0;
	padding: 16px 0 16px 24px;
	background: #c49834;
	color: #fff;
	font-size: 18px;
    font-weight: 100;
	cursor: pointer;
	letter-spacing: 32px;
	box-shadow: 0 0 1px rgba(0,0,0,.2);
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
}

input[type="submit"]:hover {
	box-shadow: 0 0 1px rgba(0,0,0,.2) inset;
	background: #c49834;
}

#age{
	width: 10%;
}
#bui{
	width: 10%;
}
input.datepicker{
    width: 50%;
}
.form .wt{
    width: 70%;
    padding: 24px;
    border: 1px solid;
}

@media screen and (max-width: 540px){
input[type="text"],
input[type="email"]
{
	width: 80%;
}
select{
	width: 45%;
    line-height: 1;
}
#age{
	width: 30%;
}
#bui{
	width: 94%;
}
input.datepicker{
    width: 45%;
}
.form .wt{
    width: 100%;
    padding: 16px;
}
}

@media screen and (max-width: 540px){
.information .four_columns_li li{
    width: calc(50% - 8px);
    margin-bottom: 16px;
}
}

.banner_makers{
    width: 100%;
    max-width: 560px;
    margin: auto;
    margin-bottom: 40px;
}
.banner_makers li{
    width: calc(33% - 4px);
}
@media screen and (max-width: 540px){
.banner_makers li{
    width: calc(50% - 2px);
    margin-bottom: 24px;
}
.banner_makers li:last-of-type{
    width: 100%;
    text-align: center;
    margin-bottom: 0;
}
}


#cases > section > div > div.fx_c.about_synuslift > ul > li > p{
margin-bottom: 16px !important;
}


.voice_sec {
    padding: 0 0 100px;
    background: #fff;
}
.voice_title{
margin-bottom: 24px;
    padding-top: 32px;
    background: url(../../../img/asset/voice.svg) no-repeat center 0;
    background-size: 85px auto;
    text-align: center;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.voice_sec .voice_list {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.voice_sec .voice_item {
    width: 100%;
    padding: 50px;
    background: #f1f1f1;
}
.voice_sec .voice_item .voice_box {
    display: flex;
    justify-content: center;
    align-items: center;
}
.voice_sec .voice_item .voice_box .voice_img {
    width: 35%;
    height: auto;
    padding-right: 40px;
}
.voice_sec .voice_item .voice_box .voice_person {
    margin-bottom: 40px;
    font-size: 17px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.voice_sec .voice_item .voice_box .textbox {
    width: 65%;
    height: auto;
}
.voice_sec .voice_item .voice_box .textbox .voice_text {
    text-align: justify;
}
.voice_sec .voice_item:nth-of-type(1) {
    margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
    .voice_sec {
        padding: 0 0 13.8vw;
    }
    .voice_sec .sec_title {
        border-left: 0.8vw solid #bb9f56;
        margin-bottom: 8vw;
        padding-left: 5.5vw;
    }
    .voice_sec .voice_list {
        display: block;
    }
    .voice_sec .voice_item {
        width: 100%;
    }
    .voice_sec .voice_item .voice_box {
        display: block;
    }
    .voice_sec .voice_item .voice_box .voice_img {
        width: 100%;
        height: auto;
        padding-right: initial;
    }
    .voice_sec .voice_item .voice_box .voice_person {
        margin: 2.4vw 0;
        font-size: initial;
    }
    .voice_sec .voice_item .voice_box .textbox {
        width: 100%;
        height: auto;
    }
    .voice_sec .voice_item .voice_box .textbox .voice_text {
        text-align: justify;
        margin-bottom: initial;
    }
    .voice_sec .voice_item:nth-of-type(1) {
        margin-right: 0;
        margin-bottom: 4vw;
    }
}