.p-page-mv{ position: relative; z-index: 0; margin-bottom: 1.8rem; }
.p-page-mv__img{ display: block; width: 100%; height: 45rem; object-fit: cover; object-position: center; }

.p-page-pankuzu{ width: 99rem; margin: 0 auto; text-align: left; font-family: var(--sub-font); font-weight: 400; }
.p-page-pankuzu__item{ font-size: 1.2rem; display: inline-block; }
.p-page-pankuzu__item:not(:last-of-type):after{ content: '-'; margin-left: .5em; }
.p-page-pankuzu__item a{ display: initial; }

#container{ overflow: hidden; }
whitening-box h2{ color:white; }
main{ display: block; width: 900px; padding: 13rem 0 38rem; margin: 0 auto; font-weight: 400; line-height: 1.8; letter-spacing: .1em; box-sizing: border-box; }
main h1{ font-size: 5rem; font-family: var(--sub-font); font-weight: 400; letter-spacing: .2em; line-height: 1.4; text-align: center; margin-bottom: 8rem; }
main h1:before{ content: attr(data-en); display: block; font-size: 1.8rem; font-family: var(--sub-font01); font-weight: 600; letter-spacing: .1em; color: #897833; margin-bottom: .5rem; }

main section > img{ display: block; width: 100%; margin: 3rem 0 2rem; }
main section + section{ margin-top: 8rem; }
main section > *:first-child{ margin-top: 0 !important; }
main section > *:last-child{ margin-bottom: 0 !important; }
main section .c-btn{ margin: 2rem 0; width: 24rem; height: 4rem; display: flex; align-items: center; padding: 0 3rem; background: #f2f2f2; font-size: 1.6rem; font-family: var(--sub-font); color: #604c3f; position: relative; transition: .5s; }
.c-btn2 {
    margin: 2rem 0;
    width: 24rem;
    height: 4rem;
    display: flex;
    align-items: center;
    padding: 0 3rem;
    background: #c3b896;
    font-size: 1.6rem;
    font-family: var(--sub-font);
    color: #604c3f;
    position: relative;
    transition: .5s;
}

main section .c-btn2:after {
    content: '';
    width: .6rem;
    height: .6rem;
    border-right: solid 1px;
    border-bottom: solid 1px;
    position: absolute;
    top: 50%;
    right: 1.8rem;
    transform: translateY(-50%) rotate(-45deg);
}

main section .c-btn2:hover {
    opacity: .4;
}
main section .c-btn:after{ content: ''; width: .6rem; height: .6rem; border-right: solid 1px; border-bottom: solid 1px; position: absolute; top: 50%; right: 1.8rem; transform: translateY(-50%) rotate(-45deg); }
main section .c-btn:hover{ opacity: .4; }
main section .c-btn--center{ margin-left: auto; margin-right: auto; }

main section h2:not(.no-style){ font-size: 2.4rem; font-family: var(--sub-font); font-weight: 500; letter-spacing: .15em; color: #fff; background: #897833; text-align: center; margin: 8rem 0 4rem; padding: .2em 1em; position: relative; }
main section h2:not(.no-style):before{ content: ''; width: 100%; height: calc(100% + 1rem); box-sizing: border-box; border-top: solid 1px #897833; border-bottom: solid 1px #897833; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
main section h3:not(.no-style){ font-size: 2.2rem; font-family: var(--sub-font); font-weight: 500; color: #897833; border-bottom: solid 1px; margin: 5rem 0 2rem; position: relative; padding-bottom: .1em; }
main section h4:not(.no-style){ font-size: 1.8rem; font-family: var(--sub-font); font-weight: 400; background: #eae6d8; padding: .2em 1em; margin: 4rem 0 2rem; }
main section h5:not(.no-style){ font-size: 1.8rem; font-family: var(--base-font); font-weight: 700; padding-left: 1.1em; position: relative; margin: 3rem 0 1em; }
main section h5:not(.no-style):before{ content: '\025cf'; color: #897833; position: absolute; left: 0; }
main section h6:not(.no-style){ font-size: 1.6rem; font-family: var(--base-font); font-weight: 700; color: #897833; margin: 1.3em 0 .8em; }
main section h2:not(.no-style) + *:not(.dr-pic),
main section h3:not(.no-style) + *,
main section h4:not(.no-style) + *,
main section h5:not(.no-style) + *,
main section h6:not(.no-style) + *{ margin-top: 0; }
main section p{margin: 1em 0; line-height: 2; text-align: justify; }
main section p strong{ font-weight: 700; background:linear-gradient(transparent 60%, #eae6d8 60%); }

main section ol:not([class]){ margin: 4rem 0; counter-reset: number; }
main section ol:not([class]) li{ font-size: 1.6rem; padding-left: 6.4rem; position: relative; min-height: 5rem; display: flex; align-items: center; }
main section ol:not([class]) li:before{ counter-increment: number; content: counter(number); width: 5rem; height: 5rem; border-radius: 100%; background: #f0ede6; font-size: 2.4rem; font-family: var(--sub-font01); color: #604c3f; display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; }
main section ol:not([class]) li + li{ margin-top: 3rem; }

main section ul:not([class]){ margin: 4rem 0; }
main section ul:not([class]) li{ font-size: 1.5rem; padding-left: 2.6rem; position: relative; }
main section ul:not([class]) li .head{ display: block; font-size: 1.8rem; font-weight: 700; color: #897833; line-height: 1.45; margin-bottom: .5rem; }
main section ul:not([class]) li:before{ content: ''; width: 1.6rem; height: 1.6rem; border-radius: 1.6rem; background: #604c3f; position: absolute; left: 0; top: .7rem; }
main section ul:not([class]) li + li{ margin-top: 2rem; }

main section ul.card-list{ margin: 4rem 0; counter-reset: card; display: flex; flex-wrap: wrap; }
main section ul.card-list li{ width: 28rem; background: #f2f2f2; margin-right: 2.5rem; padding: 3rem 2rem; display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;}
main section ul.linkbtn li {
	background: none;
}
main section ul.card-list li:nth-of-type(3n){ margin-right: 0; }
main section ul.card-list li:nth-of-type(n+4){ margin-top: 2.5rem; }
main section ul.card-list li strong:first-of-type{ display: block; font-size: 2rem; font-family: var(--sub-font); font-weight: 500; color: #897833; letter-spacing: .05em; text-align: center; padding-bottom: 1.4rem; position: relative; margin-bottom: 1em; position: relative; border-bottom: solid 1px; }
main section ul.card-list li strong.card-ttl:first-of-type {
	height: 8rem;
}
main section ul.card-list.linkbtn li{
    padding: 1em;
}


main section ol.flow{ counter-reset: flow; margin: 5rem 0; }
main section ol.flow li{ position: relative; line-height: 2;padding-right: 41rem;    min-height: 250px; }
main section ol.flow li + li{ margin-top: 4rem; }
main section ol.flow li.has-img{ padding-right: 40rem; }
main section ol.flow li strong:first-of-type{ position: relative; padding-left: 4rem; display: block; margin-bottom: 1.2rem; font-size: 1.8rem; font-weight: 700; color: #897833; }
main section ol.flow li strong:first-of-type:before{ counter-increment: flow; content: counter(flow); width: 3rem; height: 3rem; background: #604c3f; border-radius: 100%; display: flex; justify-content: center; align-items: center; font-family: var(--sub-font01); font-weight: 400; color: #fff; position: absolute; top: .4rem; left: 0; letter-spacing: 0; line-height: 1; }
main section ol.flow li img{ width: 35rem; position: absolute; top: 0; right: 0; }

main section table:not(.no-style){ width: 100%; margin: 4rem 0; font-size: 1.4rem; }
main section table:not(.no-style) th{ padding: 1em; vertical-align: middle; line-height: 1.7; background: #eae6d8; font-family: var(--sub-font); font-weight: 500; border: solid 1px #897833; border-right: none; border-left: none; }
main section table:not(.no-style) td{ padding: 1em; vertical-align: middle; line-height: 1.7;  border: solid 1px #897833; border-right: none; }
main section table:not(.no-style) th + td{ border-left: none; }


/*** doctor ***/

.dr-pic{ width: 100%; margin: 8rem 0 3.5rem; display: flex; justify-content: space-between; align-items: center; }
.dr-pic img{ width: 35rem; }
.dr-pic .txt{ width: 40rem; }
.dr-pic .txt h3{ font-size: 3.2rem; font-family: var(--sub-font); font-weight: 400; border-bottom: solid 1px #f2f2f2; padding-bottom: 2rem; margin-bottom: 2rem; }
.dr-pic .txt h3 span{ display: block; font-size: 1.8rem; font-weight: 600; color: #897833; line-height: 1; }
.dr-pic .txt p{ font-size: 2rem; line-height: 1.8; margin-bottom: 0; }
.dr-pic .txt p strong{ font-size: 3rem; font-weight: 400; margin-bottom: 0.4rem; display: inline-block; background: none; }
.dr-pic .txt p span{ display: inline-block; padding-left: 1em; text-indent: -1em; }

.history-row{ display: flex; justify-content: space-between; margin: 5rem 0; flex-wrap: wrap; }
.history-row .inner{ width: 38rem; letter-spacing: .03em; padding: 2.4rem 2rem; background: #f2f2f2; }
.history-row .inner:nth-of-type(n+3){ margin-top: 4rem; }
.history-row .inner h4{ letter-spacing: .05em; font-size: 1.8rem; font-family: var(--sub-font); font-weight: 400; color: #897833; text-align: center; margin-bottom: 2.5rem; border-bottom: solid 1px #e6e6e6; padding-bottom: 1rem; }
.history-row .inner table{ width: 100%; font-size: 1.4rem; }
.history-row .inner table th{ font-weight: 400; width: 1px; padding-right: 1.5em; white-space: nowrap; }
.history-row .inner table tr + tr > *{ padding-top: .3em; }
.history-row .inner ul li{ position: relative; padding-left: 1em; font-size: 1.4rem; }
.history-row .inner ul li:before{ content: '・'; position: absolute; left: 0; }
.history-row .inner ul li + li{ margin-top: .3em; }
.decayed-box a{ color: "#fff"}
main section .introduction-box {
    margin-bottom: 3.7rem;
    display: flex;
    justify-content: space-between;
    background: url(../images/doctor/bg.jpg) no-repeat center;
    background-size: cover;
}
main section .introduction-box .photo-box {
    width: 56.3%;
}
main section .introduction-box .photo-box img {
    width: 100%;
    display: block;
}
main section .introduction-box .text-box {
    flex: 1;
    padding: 2.1rem;
    display: flex;
    align-items: center;
}
main section .introduction-box .text-box p {
    font-size: 5rem;
    letter-spacing: 0.075em;
    font-family: var(--sub-font);
    font-weight: 500;
    color: #bc9854;
    line-height: 1.4;
    margin:11rem 0 2.5rem 4rem;
}
main section .introduction-box .text-box p.rem4 { font-size: 4rem; }

main section .introduction-box .text-box p span {
    display: block;
    font-size: 2rem;
    letter-spacing: 0.1em;
}


/*** treatment ***/

.treatment_list_ul {
	margin: 0 auto 7rem;
	max-width: 70rem;
}
.treatment_list_ul li {
	margin-bottom: 3rem;
	position: relative;
	font-family: "source-han-serif-japanese", serif;
	font-weight: 600;
	background: #DDEBD7 url("../images/index/webp/treatment_photo01.webp") no-repeat left top / auto 15rem;
	transition: .3s;
}
.no-webp .treatment_list_ul li {
	background-image: url("../images/index/treatment_photo01.png");
}
.treatment_list_ul li a {
	padding: 3.2rem 1rem 2.5rem;
	display: block;
	position: relative;
	line-height: 1.5;
}
.treatment_list_ul li:last-child {
	margin-bottom: 0;
}
.treatment_list_ul li a::before {
	position: absolute;
	right: 1rem;
	bottom: 1rem;
	width: 2rem;
	height: 2rem;
	background: url("../images/index/webp/treatment_icon01.webp") no-repeat left top / 2rem;
	content: "";
}
.no-webp .treatment_list_ul li a::before {
	background-image: url("../images/index/treatment_icon01.png");
}
.treatment_list_ul li .treatment_txt-box {
	margin-left: auto;
	width: 38rem;
}
.treatment_list_ul li p {
	margin-bottom: 0.3rem;
	font-size: 1.6rem;
	letter-spacing: 0.2em;
	font-weight: 400;
}
.treatment_list_ul li h3 {
	font-size: 2.8rem;
	color: #539A35;
	letter-spacing: 0.1em;
	font-weight: 500;
}
.treatment_list_ul li h3 .en {
	margin-top: -0.3rem;
	display: block;
	color: #A9CC9A;
	font-size: 1.8rem;
	letter-spacing: 0.09em;
	font-family: "adobe-garamond-pro", serif;
	font-weight: 600;
}
.treatment_list_ul .treatment_list-li02 {
	background-image: url("../images/index/treatment_photo02.png");
	background-color: #FBE2E3;
}
.no-webp .treatment_list_ul .treatment_list-li02 {
	background-image: url("../images/index/webp/treatment_photo02.webp");
}
.treatment_list_ul .treatment_list-li02 a::before {
	background-image: url("../images/index/webp/treatment_icon02.webp");
}
.no-webp .treatment_list_ul .treatment_list-li02 a::before {
	background-image: url("../images/index/treatment_icon02.png");
}
.treatment_list_ul .treatment_list-li02 h3 {
	color: #EB6D73;
}
.treatment_list_ul .treatment_list-li02 h3 .en {
	color: #F5B6B9;
}
.treatment_list_ul .treatment_list-li03 {
	background-image: url("../images/index/webp/treatment_photo03.webp");
	background-color: #EAE6D8;
}
.no-webp .treatment_list_ul .treatment_list-li03 {
	background-image: url("../images/index/treatment_photo03.png");
}
.treatment_list_ul .treatment_list-li03 h3 {
	color: var(--sub-color03);
}
.treatment_list_ul .treatment_list-li03 h3 .en {
	color: #CAC09D;
}
.treatment_list_ul .treatment_list-li03 a::before {
	background-image: url("../images/index/webp/treatment_icon03.webp");
}
.no-webp .treatment_list_ul .treatment_list-li03 a::before {
	background-image: url("../images/index/treatment_icon03.png");
}
.list_ul .li02 {
	background-image: url("../images/index/treatment_photo02.png");
	background-color: #FBE2E3;
}
.no-webp .list_ul .li02 {
	background-image: url("../images/index/webp/treatment_photo02.webp");
}
.list_ul .li02::before {
	background-image: url("../images/index/webp/treatment_icon02.webp");
}
.no-webp .treatment .list_ul .li02::before {
	background-image: url("../images/index/treatment_icon02.png");
}
.list_ul .li02 h3 {
	color: #EB6D73;
}
.list_ul .li02 h3 .en {
	color: #F5B6B9;
}
.list_ul .li03 {
	background-image: url("../images/index/webp/treatment_photo03.webp");
	background-color: #EAE6D8;
}
.no-webp .list_ul .li03 {
	background-image: url("../images/index/treatment_photo03.png");
}
.list_ul .li03 h3 {
	color: var(--sub-color03);
}
.list_ul .li03 h3 .en {
	color: #CAC09D;
}
.list_ul .li03::before {
	background-image: url("../images/index/webp/treatment_icon03.webp");
}
.no-webp .list_ul .li03::before {
	background-image: url("../images/index/treatment_icon03.png");
}
.img_list {
	margin: -1.5rem auto 8rem;
	max-width: 70rem;
}
.img_list li {
	margin: 1.5rem 1.2rem 0 0;
	width: 13rem;
	text-align: center;
	background-color: var(--bg-color06);
	box-sizing: border-box;
}
.img_list li:nth-child(5n) {
	margin-right: 0;
}
.img_list li a {
	padding: 1.4rem 0.5rem;
	display: block;
	width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.img_list li a:hover {
	opacity: 0.4;
}
.img_list li .pho {
	margin: 0 auto 0.5rem;
	width: 5.9rem;
}
.img_list li p {
	margin-bottom: 0.1rem;
	font-size: 1.2rem;
	letter-spacing: 0.05em;
}
.img_list li h3 {
	color: var(--sub-color03);
	font-size: 1.6rem;
	font-family: "source-han-serif-japanese", serif;
	font-weight: 500;
	letter-spacing: 0.05em;
}

th.center{
    text-align: center;
    width: 15%;
}


.acd-check{
    display: none;
}
.acd-label{
    background: #f2f2f2;
    color: #604C3F;
    display: block;
    margin-bottom: 1px;
	    padding: 20px 40px;
	position: relative;
}
.acd-label:hover{
	opacity: .7;
}

.acd-label:after{
	position: absolute;
	content: "";
	background-image: url("../images/common/plus.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 23px;
	height: 23px;
	top:20px;
	right: 20px;
}


.acd-check:checked + .acd-label:after{
    position: absolute;
	content: "";
	background-image: url("../images/common/mines.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 23px;
	height: 23px;
	top:17px;
	right: 20px;
	
}

.acd-content{
    height: 0;
    opacity: 0;
	padding: 15px;
    transition: .5s;
    visibility: hidden;
	overflow: hidden;
}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    visibility: visible;

}

    .txt_q::before {
    content: '';
    width: 18px;
    height: 21px;
    background: url("../images/common/icon-list01.png") no-repeat;
    background-size: contain;
    position: absolute;
    left: 11px;
    top: 20px;
}
 
.table-width th{
	width: 30%;
}

.df {
    text-align: center;
    margin: 35px 0;
}

.df img {
    width: 50%;
    height: auto;
}

.doctorsfile {
    display: flex;
    text-align: center;
    margin-top: 50px;
}

.doctorsfile img {
    width: calc(100% - 30px);
}

.scan_container {
    display: flex;
}

.left_img {
    width: 50%;
    margin-right: 2rem;
}

video{ 
	width:300px;
	margin: 0 auto;
    display: block;
}

.access_map{
	width: 600px;
	margin: auto;
}

.flex2{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 50px;
}

.flex2 .txt{
	width: 48%;
}

.flex2 .img{
	width: 48%;
}

.case .img{
	position: relative;
}

.case .img img{
	margin-bottom: 8px;
}

.case .img:first-child:before{
	position: absolute;
	content: "BEFORE";
	font-size: 20px;
	top: 0px;
	left: 10px;
	    font-family: var(--sub-font01);
	color: #fff;
}

.case .img:nth-child(2):before,.case .img.after:before{
	position: absolute;
	content: "AFTER";
	font-size: 20px;
	top: 0px;
	left: 10px;
	    font-family: var(--sub-font01);
	color: #fff;
}


main section .flex2 h3{
	margin-top: 0;
}

main section ol.flow li h4{
	margin-top: 2rem;
}


.p-page-mv{
	position: relative;
}
.p-page-mv:before{
	width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #717171;
    mix-blend-mode: multiply;
    opacity: 0.8;

    box-sizing: border-box;
    content: "";
    z-index: 0;
}

main section.treatment {
    padding: 10.6rem 0 12.2rem;
    background: url(../images/index/webp/treatment_bg01.webp) no-repeat center center / cover;
	margin: 50px calc(50% - 50vw);
  width: 100vw;
}
main section .no-webp .treatment {
    background-image: url(../images/index/treatment_bg01.jpg);
}
main section h2.treatment__h2 {
    margin-bottom: 7rem;
    font-size: 1.8rem;
    line-height: 1.6;
}
main section .treatment__h2__en {
    color: var(--sub-color04);
}
main section .treatment-list {
    margin: -5.4rem auto 12.6rem;
    width: 79.5rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
main section .treatment-list__item {
    margin-top: 5.4rem;
    width: 14rem;
    text-align: center;
}
main section .treatment-list__item:not(:nth-child(5n)) {
    margin-right: 2.3rem;
}
main section .treatment-list__item__link {
    color: var(--sub-color02);
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: 0.14em;
}
main section .treatment-list__item__link:hover {
	opacity: 0.7;
}
main section .treatment-list__item__span {
    margin-top: 0.6rem;
    display: block;
}
main section .treatment-wihte__bg {
    padding-bottom: 4.2rem;
    background: var(--bg-color01);
}
main section .treatment-wihte__list {
    margin-bottom: 4rem;
    padding: 4rem 10.1rem 4rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: 0.1rem solid var(--bg-color07);
}
main section .treatment-wihte__list__item {
    width: 34.4rem;
}
main section .treatment-wihte__h3 {
	margin-top: 0px!important;
    margin-bottom: 2.5rem;
    display: flex;
	color: var(--sub-color03);
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.95;
    letter-spacing: 0.15em;
    font-family: var(--sub-font02);
}
main section .treatment-wihte__h3--center {
    justify-content: center;
}
main section .treatment-wihte__h3__img {
    margin-right: 0.8rem;
}
main section .treatment-wihte__txt01 {
    margin-bottom: 2.3rem;
	color: var(--sub-color03);
    font-size: 1.5rem;
    letter-spacing: 0.14em;
    line-height: 2.4;
}
main section .treatment-wihte__txt02 {
    font-size: 1.3rem;
    letter-spacing: 0.08em;
    line-height: 1.69;
}
main section .treatment-wihte__txt02__span {
    margin-bottom: 2.2rem;
    display: block;
    color: var(--sub-color05);
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.07em;
}
main section .treatment__btn {
    width: 9.8rem;
}
main section .treatment-wihte__area {
    text-align: center;
}
main section .treatment-wihte__area__sub {
    min-width: 40.2rem;
    display: inline-block;
    text-align: left;
    vertical-align: top;
}
main section .treatment-wihte__ul {
    margin-bottom: 1.7rem;
}
main section .treatment-wihte__ul__item {
    padding-left: 3.5rem;
    color: var(--sub-color05);
    font-size: 1.7rem;
    font-weight: 600;
    line-height: 1.529;
    letter-spacing: 0.07em;
    background: url(../images/common/icon13.svg) no-repeat left top 0.3rem/2.1rem auto;
}
main section .treatment-wihte__ul__item:not(:last-child) {
    margin-bottom: 1.6rem;
}
main section .treatment-wihte__sml {
    font-size: 1.3rem;
    line-height: 1.69;
    letter-spacing: 0.08em;
}

main section p.txt_sml{
	font-size: 13px;
	text-align: right;
}

ul.card-list li a {
	text-align: center;
    border: solid 1px;
    margin-top: auto;
    padding: 6px 0;
    font-size: 0.8em;
    background-color: #897833;
    color: white;
}

ul.card-list li a:hover {
	opacity: 0.8;
}

ul.card-list li a span {
	margin: 10px auto; 
}

main section table.table1 td:nth-child(1) {
	border-left: none;
}

main section table.table1 td.td_c {
	text-align: center;
}

main section table.table1 td.price {
	text-align: right;
}

main section table.table1 th {
	border-left: solid 1px #897833;
}

main section table.table1 th:nth-child(1) {
	border-left: none;
}

.cancellation-policy_box{
	border: 1px solid #897833;
	padding: 30px;
	padding-top: 0px;
	margin: 70px 0 30px;
}
.cancellation-policy{
	font-size: 2.5rem;
	font-weight: 500;
	border-bottom: 1px dashed #897833;	
	color: #897833;
	text-align: center;	
	margin: 30px 0 30px;
}

.explanation_box{
	border: 1px solid #897833;
	padding: 30px;
	padding-top: 0px;
	margin: 30px 0 30px;
	background-color: #f2f2f2;
}
.explanation{
	font-size: 2.2rem;
	font-weight: 500;
	border-bottom: 1px dashed #897833;	
	color: #897833;
	text-align: left;	
	margin: 30px 0 30px;
}

	.syourei_box{
		border: 1px solid #897833;
		padding: 10px;
	}
	.syourei_box .flex2{
		margin:0px;
	}




main section ul.syourei-list{ margin: 4rem 0; counter-reset: card; display: flex; flex-wrap: wrap;justify-content: space-between; }
main section ul.syourei-list li{ width: 270px; background: #F4F4F4; margin-right: 2.5rem; padding: 3rem 2rem; 
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	border: 1px solid #897833;
	margin-bottom: 18px;
}
main section ul.syourei-list li:nth-of-type(3n){ margin-right: 0; }
main section ul.syourei-list li:nth-of-type(n+4){ margin-top: 2.5rem; }
main section ul.syourei-list li strong:first-of-type{ display: block; font-size: 2rem; font-family: var(--sub-font); font-weight: 500; color: #897833; letter-spacing: .05em; text-align: center; padding-bottom: 1.4rem; position: relative; margin-bottom: 1em; position: relative; border-bottom: solid 1px; }
ul.syourei-list li a {
	text-align: center;
    border: solid 1px;
    margin-top: auto;
    padding: 6px 0;
    font-size: 0.8em;
    background-color: #897833;
    color: white;
	width: 100%;
}
ul.syourei-list li a:hover {opacity: 0.8;}
ul.syourei-list li a span {margin: 10px auto; }
.s-btn{ margin: 2rem 0; width: 24rem; height: 4rem; display: flex; align-items: center; padding: 0 3rem; background: #f2f2f2; font-size: 1.6rem; font-family: var(--sub-font); color: #604c3f; position: relative; transition: .5s; justify-content: center; align-items: center; font-size: 1.4rem!important; font-weight: 600!important;}
.s-btn:after{ content: ''; width: .6rem; height: .6rem; border-right: solid 1px; border-bottom: solid 1px; position: absolute; top: 50%; right: 1.8rem; transform: translateY(-50%) rotate(-45deg); }
.s-btn:hover{ opacity: .4; }
.s-btn--center{ margin-left: auto; margin-right: auto; }
ul.syourei-list li img{ margin-bottom: 2rem; }




.bio_box{
	border: 1px solid #897833;
	padding: 0px 30px 0px 30px;
	margin: 20px 0 30px;
	background-color: #f6f6f6;
}
main section .bio_box a.c-btn {
	background: #897833;
    color: white;
}
main section .explanation_box a.c-btn {
	background: #897833;
    color: white;
}
.bio{
	font-size: 2rem;
	font-weight: 500;
	border-bottom: 1px dashed #897833;	
	color: #897833;
	text-align: left;	
	margin: 30px 0 30px;
}
	
.bio_box ul.bio_list{ margin: 3rem 0; }
.bio_box ul.bio_list li{ font-size: 1.5rem; padding-left: 2.3rem; position: relative; }
.bio_box ul.bio_list li .head{ display: block; font-size: 1em; font-weight: 400; color: #000000; line-height: 1.2; margin-bottom: .5rem; }
.bio_box ul.bio_list li:before{ content: ''; width: 1rem; height: 1rem; border-radius: 1rem; background: #604c3f; position: absolute; left: 0; top: .5rem; }
.bio_box ul.bio_list li + li{ margin-top: 1.5rem; }
.no_image{height: 300px;}

.standout {
	color: red;
	font-weight: bold;
}

.bio2_box{
  border: 1px solid #897833;
  padding: 0px 30px 0px 30px;
  margin: 20px 0 30px;
  background-color: #f6f6f6;
}
main section .bio2_box a.c-btn {
  background: #897833;
    color: white;
}
main section .explanation_box a.c-btn {
  background: #897833;
    color: white;
}
.bio2{
  font-size: 2rem;
  font-weight: 500;
  border-bottom: 1px dashed #897833;  
  color: #897833;
  text-align: left; 
  margin: 30px 0 30px;
}
  
.bio2_box ul.bio2_list{ margin: 3rem 0; }
.bio2_box ul.bio2_list li{ font-size: 1.5rem; padding-left: 2.3rem; position: relative; }
.bio2_box ul.bio2_list li .head{ display: block; font-size: 1em; font-weight: 400; color: #000000; line-height: 1.2; margin-bottom: .5rem; }
.bio2_box ul.bio2_list li:before{ content: ''; width: 1rem; height: 1rem; border-radius: 1rem; background: #604c3f; position: absolute; left: 0; top: .5rem; }
.bio2_box ul.bio2_list li + li{ margin-top: 1.5rem; }

main section .explanation_box ul{
	margin-bottom: 0;
}

table.price-th th{width: 45%;}

	






.seminar_box{
	border: 1px solid #897833;
	padding: 30px;
	padding-top: 0px;
	margin: 30px 0 30px;
	background-color: #f2f2f2;
}
.seminar{
	font-size: 2.2rem;
	font-weight: 500;
	border-bottom: 1px dashed #897833;	
	color: #897833;
	text-align: left;	
	margin: 30px 0 30px;
}
main section .seminar a.c-btn {
	background: #897833;
    color: white;
}
main section .seminar_box ul{
	margin-bottom: 0;
}
main section .seminar_box p.txt {
    margin: 0;
    line-height: 2;
    text-align: justify;
    width: 48%;
}

.orthodontics-wrap {
    margin-top: 15px;
}
.btn-center-wrap{
	display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: center;
}


main section h4.price-headline:before {
    content: '\025cf';
    color: #897833;
    position: absolute;
    left: 0;
}

main section h4.price-headline {
    font-size: 1.8rem;
    font-family: var(--base-font);
    font-weight: 700;
    padding-left: 1.1em;
    position: relative;
    margin: 3rem 0 1em;
	background:#FFFFFF;
}

main section ul.card-list2{
	width: 610px;
	margin: auto;
}

.ichiran{
	background: #000;
	width: 150px;
    text-align: center;
    
}

.ichiran a{
	color: #fff;
}

.ichiran a:hover{
	opacity: .7;
	transform: .3s;
}

.prenex{
	display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.pager{
	display: flex;
}

.pager .page-numbers{
	border: 1px solid;
    padding: 0px 5px;
    text-align: center;
    margin-right: 2px;
	 margin-left: 2px;
}

.pager .current{
	background: #000;
	color: #fff;
}

.wp-detail{
	border-bottom: 1px solid var(--bg-color02);
    padding-bottom: 50px;
    margin-bottom: 80px;
}

main section table td.time input.time{
	width: 400px;
}


input.wpcf7-submit{
	width: 260px;
    background: var(--bg-color02);
    color: #fff;
    font-size: 18px;
    padding: 10px;
}

input.wpcf7-submit:hover{
	background: #fff;
	border:1px solid #897833;
	transition: .3s;
	color: #897833;
}
    

div.wpcf7-response-output {
background-color: #56b379;
color:#ffffff;
font-weight:bold;
font-size:120%;
padding:10px;
}

.flex2_s{
	width: 600px;
	margin: auto;
}

.case_box{ margin: 3vw 0 0; display: flex; justify-content:space-between; flex-wrap: wrap; align-items: flex-start;}
.case_box li{ width: 31%;}
.case_box li p{ font-size: 14px; letter-spacing: 1px; margin-top: 5px; }




main section ol.flow .flex3 ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	
}

main section ol.flow .flex3 ul li{
	width: 32%;
	list-style: none;
	padding-right: 0;
	margin-top: 0;
	padding-left: 0;
	
}


main section ol.flow .flex3 ul li img{
	width: 100%;
	position: relative;
}

main section ol.flow .flex3 ul:not([class]) li:before{
	content: none;
}

.flex_img{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 50px;
}

.flex_img div:first-child{
    width: 43%;
    
}

.flex_img div:nth-child(2){
    width: 50%;
    
}

.introduction-box{
	position: relative;
}

.badge_list{
	display: flex;
 
    margin-bottom: 10px;
	
}

.badge_list img{
	width: 75px;
	object-fit: contain;
}


.badge_list01{
	display: flex;
	margin-bottom: 30px;
	    position: absolute;
	    left: 51px;
    top: 23px;
	
}

.badge_list01 img{
	width: 100px;
	object-fit: contain;
}

.clinic_pic {
    align-items: center;
    background: #f7f7f7;
    display: flex;
    height: 35rem;
    margin: 8rem 0 4rem;
    padding-left: 6.5rem;
    position: relative;
    width: 100%;
    z-index: 0;
}

.clinic_pic .clinic_inner {
    position: relative;
    z-index: 2;
}

main section .clinic_pic .clinic_inner .clinic_midashi {
    color: #897833;
   
    font-size: 2.5rem;
    margin-bottom: 1.2rem;
    max-width: 35rem;
    position: relative;
}

main section .clinic_pic .clinic_inner p.clinic_midashi:after {
    background: linear-gradient(450deg,#a79875,#e4d5b3 33%,#a08c39 80%,#a79875);
    bottom: 0;
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    width: calc(100% + 6.5rem);
}

main section .clinic_pic .clinic_inner p {
    color: #897833;
 
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.8;
    margin-bottom: 0;
}

.clinic_pic img {
    height: 35rem;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}


.clinic_pic:after {
    background: linear-gradient(90deg,#f7f7f7 10%,#f7f7f7 65%,hsla(0,0%,97%,0) 100%,hsla(0,0%,97%,0) 0);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.clinic_pic img:nth-of-type(2) {
    height: 35rem;
    left: 31rem;
    position: absolute;
    top: 0!important;
    width: auto;
}

.clinic-pic-center {
    left: 50%;
    position: absolute;
    top: 0;
    z-index: 999;
}

.writer a{
    display: contents;
}

.writer{
    text-align: right;
}


.a_box a:hover {
    color: #ff6600; /* ホバー時の文字色を設定 */
    text-decoration: underline; /* アンダーラインを追加 */
    transition: 0.3s; /* エフェクトのスムーズな変化 */
}

.a_box:hover {
    opacity: .4;
}

.flex2 .img2 {
    width: 49%;
    object-fit: contain;
}
@media (max-width: 768px) {
    .flex2 .img2 {
        width: 100%;
        margin-bottom: 1.5rem;
    }
}