@charset "utf-8";
/* CSS Document */
body {
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 22px;
	color: #707070;
	position: relative;
}
a {
	text-decoration: none;
	color: #707070;
}
img {
	max-width: 100%;
	vertical-align: bottom;
}
ul {
	list-style: none;
}

.center {
	text-align: center;
}
.flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.even {
	flex-direction: row-reverse;
}
.flex-2 {
	width: 48%;
}
.flex-3 {
	width: 31%;
}
.f-50 {
	font-size: 50px!important;
}
.f-60 {
	font-size: 60px!important;
}
.white {
	color: #FFFFFF;
}
.gold {
	color: #8E8546;
}
.ttl {
	font-size: 30px;
	font-family: "ヒラギノ明朝 ProN W3", "ヒラギノ明朝 ProN W6", "游明朝 Light", "游明朝 Demibold";
	font-weight: 600;
}

/*==================================================
ヘッダー
===================================*/
#header {
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 5;
}
.header-wrap {
	width: 90%;
	margin-right: auto;
	display: flex;
}
.header-wrap h1 {
	width: 25%;
	margin-right: auto;
	background: #FFFFFF;
}
.header-wrap .left img {
	display: block;
	margin: 0 auto;
}
.header-wrap .left .txt {
	width: 90%;
	margin: 10px auto;
	max-width: 360px;
	background: #CAB8D9;
	text-align: center;
	padding: 13px 0;
	font-size: 20px;
	font-family: "ヒラギノ明朝 ProN W3", "ヒラギノ明朝 ProN W6", "游明朝 Light", "游明朝 Demibold";
}
#header .right {
	display: flex;
	justify-content: flex-end;
}
#header .right a {
	display: block;
}
#header .right a:hover {
	opacity: 0.7;
}

/*==================================================
メインビジュアル
===================================*/
#mv {
	position: relative;
	z-index: 1;
}
.cp {
	position: absolute;
	right: 20px;
	top: 0;
	width: 70%;
	max-width: 880px;
	height: 100%;
	max-height: 1080px;
	background: rgba(112,112,112,0.40);
	z-index: 2;
}
.cp .wrap {
	position: absolute;
	bottom: 50%;
	right: 40px;
	transform: translateY(50%);
	z-index: 2;
}
.cp span {
	font-size: 50px;
	font-family: "ヒラギノ明朝 ProN W3", "ヒラギノ明朝 ProN W6", "游明朝 Light", "游明朝 Demibold";
	text-align: end;
	display: block;
	padding-bottom: 15px;
	font-weight: 600;
}
.cp .f-60 {
	padding-top: 10px;
	position: relative;
}
.cp .f-60::before {
	content: "";
	background-image: url("img/cp.png");
	width: 230px;
	height: 130px;
	background-size: 100%;
	position: absolute;
	top: -45px;
	left: 40%;
	transform: translateX(-50%);
}
.mv-btm {
	display: flex;
	justify-content: space-between;
	position: absolute;
	bottom: -60px;
	right: 50%;
	transform: translateX(50%);
	z-index: 4;
	width: 80%;
}
.mv-btm .item {
	width: 30%;
	padding: 50px 0;
	text-align: center;
	background: rgba(142,141,155,0.70);
	position: relative;
	max-height: 270px;
}
.mv-btm .item::before {
	content: "";
	width: 96%;
	height: 92%;
	border: 5px solid #FFFFFF;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.bg02 {
	background: rgba(160,141,155,0.70)!important;
}
.mv-btm .price {
	color: #8E8546;
	font-size: 50px;
	font-weight: 600;
	font-family: "ヒラギノ明朝 ProN W3", "ヒラギノ明朝 ProN W6", "游明朝 Light", "游明朝 Demibold";
	 text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
	position: relative;
	z-index: 1;
}
.mv-btm .price::before {
	content: "";
	width: 80%;
	max-width: 325px;
	height: 20px;
	background: #8E8D9B;
	position: absolute;
	bottom: 10px;
	right: 50%;
	transform: translateX(50%);
	z-index: -1;
}
.br02::before {
	background: #A08D9B!important;
}
.mv-btm .price span {
	color: #FFFFFF;
	font-size: 20px;
	font-weight: normal;
	text-shadow: none;
	display: inline-block;
	padding-left: 5px;
}


/*==================================================
デンタルローンでのお支払い
===================================*/
.loan {
	margin-top: 150px;
}
.loan .wrap {
	width: 95%;
	margin: 0 auto;
	border: 10px solid rgba(184,179,194,0.40);
	padding: 35px 0 65px;
}
.loan .txt {
	display: flex;
	justify-content: center;
	align-items: baseline;
}
.circle {
	width: 100px;
	height: 100px;
	line-height: 100px;
	border-radius: 50%;
	background: #8E8D9B;
	text-align: center;
	margin-right: 10px;
}
.loan .f-50 {
	font-weight: 600;
	font-family: "ヒラギノ明朝 ProN W3", "ヒラギノ明朝 ProN W6", "游明朝 Light", "游明朝 Demibold";
}
.loan .f-50 span {
	font-size: 40px!important;
}

.bleach {
	margin: 100px auto;
	padding: 16rem 0;
	width: 80%;
	position: relative;
}
.bleach::before {
	content: "";
	background-image: url("img/img1-1.jpg");
	width: 450px;
	height: 300px;
	background-size: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}
.bleach::after {
	content: "";
	background-image: url("img/img1-2.jpg");
	width: 320px;
	height: 250px;
	background-size: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
.bleach .wrap {
	width: 70%;
	max-width: 800px;
	margin: 0 auto;
	position: relative;
}
.bleach .wrap::after {
	content: "Beautiful";
	font-family: "Palace Script MT";
	font-size: 85px;
	color: #8E8546;
	position: absolute;
	bottom: -100px;
	right: 0;
}
.bleach .ttl02 {
	margin: 20px auto;
	text-align: center;
}
.bleach .ttl03 {
	text-align: end;
}



/*==================================================
お問い合わせ
===================================*/
.contact {
	position: relative;
	z-index: 1;
	background: #AB9A86;
}
.contact::before {
	content: "";
	background-image: url("img/contact_bg01.png");
	width: 505px;
	height: 220px;
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}
.contact::after {
	content: "";
	background-image: url("img/contact_bg02.png");
	width: 505px;
	height: 220px;
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	right: 0;
}
.contact .bg, .contact .border {
	position: relative;
	z-index: 1;
}
.contact .bg::before {
	content: "";
	background-image: url("img/contact_bg03.png");
	width: 505px;
	height: 220px;
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0;
	left: 0;
}
.contact .bg::after {
	content: "";
	background-image: url("img/contact_bg04.png");
	width: 505px;
	height: 220px;
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0;
	right: 0;
}
.contact .border::before {
	content: "";
	width: 98%;
	height: 92%;
	border: 1px solid #FFFFFF;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.contact .wrap {
	width: 65%;
	margin: 0 auto;
	padding: 120px 0;
	position: relative;
	z-index: 1;
}
.contact .ttl span {
	display: block;
	margin-bottom: 25px;
}
.contact .wrap::before {
	content: "";
	background-image: url("img/contact.png");
	width: 145px;
	height: 75px;
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	top: 35px;
	left: 50%;
	transform: translateX(-50%);
}
.contact .reserve {
	padding-top: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.contact .tel, .contact .web {
	width: 47%;
	padding: 20px 0 10px;
	text-align: center;
	font-size: 40px;
	font-family: "ヒラギノ明朝 ProN W3", "ヒラギノ明朝 ProN W6", "游明朝 Light", "游明朝 Demibold";
}
.contact .tel {
	background: #FFFFFF;
	color: #79708D;
}
.reserve span {
	display: block;
	font-size: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #79708D;
	width: 75%;
    margin: 0 auto 10px;
}
.contact .web {
	background: #A08D9B;
	color: #FFFFFF;
	position: relative;
}
.reserve .web span {
	border-bottom: 1px solid #FFFFFF;
}
.contact .web::after {
	content: "";
	width: 0;
	height: 0;
	border-left: 30px solid transparent;
	border-bottom: 30px solid #FFFFFF;
	position: absolute;
	bottom: 8px;
	right: 8px;
}
.reserve a:hover {
	opacity: 0.7;
}




/*==================================================
ホワイトニングの特長
===================================*/
#feature {
	background: #EFEEF2;
}
h2 {
	padding-top: 120px;
}
.en {
	font-size: 120px;
	font-family: "Sitka Small";
	letter-spacing: 70px;
	text-align: center;
	position: relative;
	color: #A08D9B;
}
.en::after {
	content: "";
	width: 100%;
	height: 1px;
	background: #A08D9B;
	position: absolute;
	bottom: 43px;
	right: 0;
}
.ja {
	font-size: 40px;
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W3", "ヒラギノ明朝 ProN W6", "游明朝 Light", "游明朝 Demibold";
	color: #A08D9B;
}
.ja span {
	font-size: 45px;
}
.fea-top {
	margin: 75px auto;
	width: 80%;
	position: relative;
	z-index: 1;
}
.fea-top img {
	display: block;
	margin: 0 auto 80px;
}
.fea-top span {
	display: block;
}
.fea-top .ttl {
	padding-bottom: 100px;
}
.fea-top::after {
	content: "";
	width: 0;
	height: 0;
	border-left: 550px solid transparent;
	border-right: 550px solid transparent;
	border-top: 430px solid #B8B3C2;
	position: absolute;
	bottom: 0;
	right: 50%;
	transform: translateX(50%);
	z-index: -1;
}
.fea01 {
	display: flex;
	justify-content: center;
}
.fea01 .item {
	width: 50%;
}
.fea01 img {
	display: block;
	margin-left: auto;
	position: relative;
	z-index: 0;
}
.fea01 .txtbox {
	width: 70%;
	margin-right: auto;
	border: 7px solid #FFFFFF;
	margin-top: -40px;
	position: relative;
	z-index: 1;
	max-width: 700px;
}
.fea01 .inner, .fea02 .inner {
	width: 98%;
	margin: 10px auto;
	background: #FFFFFF;
	position: relative;
	z-index: 1;
	padding: 40px 0;
}
.fea01 .number, .fea02 .number {
	color: #A08D9B;
	font-size: 100px;
	font-weight: 600;
	position: absolute;
	top: -75px;
	left: 50%;
	transform: translateX(-50%);
	font-family: "ヒラギノ明朝 ProN W3", "ヒラギノ明朝 ProN W6", "游明朝 Light", "游明朝 Demibold";
}
.fea01 .number::before, .fea02 .number::before {
	content: "FEATURE";
	font-size: 18px;
	writing-mode: vertical-rl;
	color: #8E8546;
	position: absolute;
	top: 50%;
	left: -25px;
	transform: translateY(-50%);
}
.fea01 .txt, .fea02 .txt, .fea03 .txt, .fea04 .txt {
	width: 90%;
	margin: 0 auto;
}
.fea01 span, .fea02 span, .fea03 span, .fea04 span {
	display: inline-block;
	text-align: center;
	padding: 7px 15px;
	background: #A08D9B;
	border-radius: 25px;
	margin: 16px auto;
}
.fea04 span {
	background: #B8B3C2;
}
.fea01 .ttl, .fea02 .ttl {
	color: #A08D9B;
}

.fea02 .item {
	margin: 150px auto;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 80%;
	max-width: 1500px;
}
.fea02 .img {
	width: 60%;
}
.fea02 .txtbox {
	width: 40%;
	border: 7px solid #FFFFFF;
	margin-left: -60px;
	position: relative;
	z-index: 1;
	max-width: 700px;
}
.fea02 .even .txtbox {
	margin-left: 0;
	margin-right: -60px;
}

.fea03 {
	background-image: url("img/feature05.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	padding: 160px 0;
}
.fea03 .item {
	width: 80%;
	margin: 0 auto;
	border: 7px solid rgba(184,179,194,0.70);
	position: relative;
	z-index: 1;
}
.fea03 .inner {
	width: 98%;
	margin: 10px auto;
	background: rgba(184,179,194,0.70);
	position: relative;
	z-index: 1;
	padding: 40px 0;
}
.fea03 .number, .fea04 .number {
	color: #FFFFFF;
	font-size: 100px;
	font-weight: 600;
	position: absolute;
	top: -75px;
	left: 50%;
	transform: translateX(-50%);
	font-family: "ヒラギノ明朝 ProN W3", "ヒラギノ明朝 ProN W6", "游明朝 Light", "游明朝 Demibold";
}
.fea03 .number::before, .fea04 .number::before {
	content: "FEATURE";
	font-size: 18px;
	writing-mode: vertical-rl;
	color: #FFFFFF;
	position: absolute;
	top: 50%;
	left: -25px;
	transform: translateY(-50%);
}
.fea04 {
	margin: 0 auto;
	width: 80%;
	display: flex;
	justify-content: space-between;
	padding: 80px 0 140px;
}
.fea04 .item {
	width: 45%;
	max-width: 650px;
}
.fea04 .txtbox {
	border: 7px solid #A08D9B;
}
.fea04 .txtbox02 {
	border: 7px solid #8E8D9B;
}
.fea04 .inner {
	width: 98%;
	margin: 10px auto;
	background: #A08D9B;
	position: relative;
	z-index: 1;
	padding: 40px 0;
}
.fea04 .txtbox02 .inner {
	background: #8E8D9B;
}
.arrow {
	background-image: url("img/point.png");
	background-position: center bottom;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 160px 0 80px;
}


/*==================================================
ウォーキングブリーチの特長
===================================*/
#point .wrap {
	width: 80%;
	margin: 100px auto 50px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#point .item {
	width: 45%;
	margin-bottom: 70px;
}
#point .img img {
	display: block;
	margin: 0 auto;
}
#point .txtbox {
	position: relative;
	padding-top: 100px;
}
#point .number {
	color: #A08D9B;
	font-size: 100px;
	font-weight: 600;
	position: absolute;
	top: -75px;
	left: 50%;
	transform: translateX(-50%);
	font-family: "ヒラギノ明朝 ProN W3", "ヒラギノ明朝 ProN W6", "游明朝 Light", "游明朝 Demibold";
}
#point .number::before {
	content: "POINT";
	font-size: 18px;
	writing-mode: vertical-rl;
	color: #8E8546;
	position: absolute;
	top: 50%;
	left: -25px;
	transform: translateY(-50%);
}
#point .ttl {
	color: #A08D9B;
	margin-bottom: 45px;
}


/*==================================================
動画
===================================*/
.ppl {
	background: #F6F5F9;
	position: relative;
	z-index: 1;
	padding-top: 100px;
}
.ppl::before {
	content: "";
	background-image: url("img/bg01.png");
	width: 505px;
	height: 220px;
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}
.ppl::after {
	content: "";
	background-image: url("img/bg02.png");
	width: 505px;
	height: 220px;
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	right: 0;
}
.bg-ppl::before {
	content: "";
	background-image: url("img/bg03.png");
	width: 505px;
	height: 220px;
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0;
	left: 0;
}
.bg-ppl::after {
	content: "";
	background-image: url("img/bg04.png");
	width: 505px;
	height: 220px;
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0;
	right: 0;
}
.line {
	margin-bottom: 30px;
	padding: 40px 0;
	border-top: 1px solid #707070;
	border-bottom: 1px solid #707070;
	position: relative;
}
.movie {
	text-align: center;
	padding-bottom: 50px;
}
#movie .line::before {
	content: "Movie";
	font-size: 100px;
	font-family: "Palace Script MT";
	color: #8E8546;
	position: absolute;
	top: -45px;
	left: 50%;
	transform: translateX(-50%);
}



/*==================================================
徹底比較
===================================*/
#comparison {
	background: #F4F2F6;
	padding: 100px 0;
}
#comparison h2 {
	padding: 90px 0;
	background: #F6ECE0;
	margin-bottom: 160px;
	font-family: "ヒラギノ明朝 ProN W3", "ヒラギノ明朝 ProN W6", "游明朝 Light", "游明朝 Demibold";
}
.compare {
	width: 80%;
	margin: 0 auto;
	background: #FFFFFF;
}
.compare th {
	font-size: 30px;
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W3", "ヒラギノ明朝 ProN W6", "游明朝 Light", "游明朝 Demibold";
	padding: 40px 0;
	border-bottom: 1px solid #707070;
	border-right: 1px solid #707070;
	border-collapse: collapse;
}
.compare td {
	padding: 30px 0;
	border-bottom: 1px solid #707070;
	border-right: 1px solid #707070;
}
.compare td div {
	text-align: center;
	margin-bottom: 30px;
}
.compare td p {
	width: 95%;
	margin: 0 auto;
}
.compare .bg1 {
	background: #B8B3C2;
	color: #FFFFFF;
}
.compare .bg2 {
	background: #9CACB2;
	color: #FFFFFF;
}



/*==================================================
当院のホワイトニング
===================================*/
#whitening .item {
	margin-top: 60px;
}
#whitening .top {
	display: flex;
	align-items: flex-end;
	position: relative;
}
#whitening .img{
	width: 48%;
	max-width: 900px;
}
#whitening .ttl {
	font-size: 40px;
	width: 52%;
}
#whitening .ab {
	position: absolute;
	top: 40px;
	left: 50%;
	transform: translateX(-50%);
	padding: 60px 0;
	background: rgba(255,255,255,0.80);
	border-radius: 120px;
	font-size: 40px;
	font-weight: 600;
	font-family: "ヒラギノ明朝 ProN W3", "ヒラギノ明朝 ProN W6", "游明朝 Light", "游明朝 Demibold";
	text-align: center;
	width: 30%;
	max-width: 580px;
}
#whitening .top01 .ttl {
	background: rgba(184,179,194,0.50);
	padding: 75px 0 100px;
}
#whitening .bottom {
	width: 90%;
	margin-right: auto;
	background: #8E8D9B;
	padding: 180px 0 100px;
	position: relative;
}
#whitening .bottom01 .flex {
	position: absolute;
	top: -50px;
	left: 50%;
	transform: translateX(-50%);
	width: 80%;
}
#whitening .flex-3 {
	background: #FFFFFF;
	padding: 60px 0;
	font-family: "ヒラギノ明朝 ProN W3", "ヒラギノ明朝 ProN W6", "游明朝 Light", "游明朝 Demibold";
	font-size: 30px;
	font-weight: 600;
}
#whitening .bottom p {
	width: 80%;
	margin: 0 auto;
	color: #FFFFFF;
}
#whitening .item02 {
	margin-top: 250px;
}
#whitening .item02 .top02 {
	flex-direction: row-reverse;
}
#whitening .top02 .ttl {
	background: rgba(160,141,155,0.50);
	padding: 75px 0 100px;
}
#whitening .bottom02 {
	background: #A08D9B;
	margin-right: 0;
	margin-left: auto;
}
#whitening .item03 {
	margin-bottom: 130px;
	margin-top: 80px;
}
#whitening .item03 .img, #whitening .item03 .txt {
	width: 50%;
}
#whitening .item03 .flex {
	align-items: center;
}
#whitening .item03 p, #whitening .item04 p {
	width: 90%;
	margin: 30px auto 0;
}
#whitening .item03 .ttl, #whitening .item04 .ttl {
	margin: 0 auto;
	color: #A08D9B;
}
#whitening .item04 {
	background: #EDE8F1;
	padding: 70px 0;
}
#whitening .mdl img {
	display: block;
	margin: 0 auto 70px;
}



/*==================================================
ホワイトニングのメリット
===================================*/
#merit .line::before {
	content: "Merit";
	font-size: 100px;
	font-family: "Palace Script MT";
	color: #8E8546;
	position: absolute;
	top: -45px;
	left: 50%;
	transform: translateX(-50%);
}
#merit .content {
	width: 90%;
	margin: 0 auto;
}
#merit ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-top: 60px;
}
#merit ul li {
	max-width: 480px;
    width: 32%;
    margin-right: 2%;
	margin-bottom: 30px;
}
#merit .img {
	text-align: right;
    width: 90%;
}
#merit .wrap {
    position: relative;
    z-index: 1;
    margin-top: -140px;
}
#merit .num {
    line-height: .75;
    font-size: 120px;
    color: rgba(121, 112, 141, 0.5);
}
#merit .green {
	color: rgba(66, 99, 109, 0.5);
}
#merit .txtbox {
	max-width: 380px;
    box-shadow: 0 0 16px 4px rgba(51, 51, 51, 0.1);
    padding: 40px 9% 50px;
    width: 90%;
}
#merit .txtbox .ttl {
	color: #A08D9B;
}
#merit .txtbox .green {
	color: #9CACB2;
}



/*==================================================
治療の流れ
===================================*/
#flow .content {
	width: 80%;
	margin: 80px auto;
}
.flow-ttl {
	text-align: center;
	max-width: 550px;
	padding: 25px 0;
	background: #B8B3C2;
	font-size: 30px;
	font-family: "ヒラギノ明朝 ProN W3", "ヒラギノ明朝 ProN W6", "游明朝 Light", "游明朝 Demibold";
	color: #FFFFFF;
	position: relative;
	margin: 0 auto 80px;
}
.flow-ttl::after {
	content: "";
	width: 0;
	height: 0;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-top: 30px solid #B8B3C2;
	position: absolute;
	bottom: -30px;
	right: 50%;
	transform: translateX(50%);
}
#flow .item {
	border-top: 1px solid #707070;
	border-bottom: 1px solid #707070;
	padding: 100px 0 60px;
	position: relative;
	margin: 120px auto;
}
#flow .num {
	font-size: 30px;
	font-weight: 600;
	color: #FFFFFF;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	border-radius: 50%;
	background: #8E8D9B;
	position: absolute;
	left: 50%;
	top: -50px;
	transform: translateX(-50%);
}
#flow .wrap {
	width: 98%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
#flow .txtbox {
	width: 68%;
}
#flow .img {
	width: 30%;
}
#flow .contact {
	background: #FFFFFF;
}
#flow .contact::before, #flow .contact::after {
	display: none!important;
}
#flow .reserve {
	justify-content: space-around!important;
}
#flow .tel {
	background: #EDEBF1!important;
}
#flow .ttl {
	color: #A08D9B;
}
.flow-ttl.green {
    background: #9CACB2;
}
.flow-ttl.green::after {
    border-top: 30px solid #9CACB2;
}
#flow .num.green {
	background: #9CACB2;
}
#flow .ttl.green {
	color: #9CACB2;
}



/*==================================================
治療費
===================================*/
#fee .line::before {
	content: "Fee";
	font-size: 100px;
	font-family: "Palace Script MT";
	color: #8E8546;
	position: absolute;
	top: -45px;
	left: 50%;
	transform: translateX(-50%);
}
#fee .content {
	width: 90%;
	margin: 0 auto;
}
dl.price{
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
	flex-wrap: wrap;
	align-items: stretch;	
	width: 90%;
	margin: 0 auto;
	border: 1px solid #ccc;
	border-bottom: none;
}
dl.price dt{
	background: #A08D9B;
	padding: 25px 0 25px 25px;
	width: 700px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #FFFFFF;
}
dl.price dd{
	background: #fff;
	padding: 25px 0 25px 25px;
	width: calc(100% - 700px);
	border-bottom: 1px solid #ccc;
}
#fee .ttl {
	margin-top: 210px;
	color: #A08D9B;
	padding-bottom: 25px;
	margin-bottom: 80px;
	border-bottom: 1px solid #707070;
}
#fee .flex {
	padding: 110px 0 220px;
}
.tax {
	display: block;
	width: 90%;
	margin: 0 auto;
}



/*==================================================
医療費控除について
===================================*/
.koujo {
	margin-top: 70px;
	padding: 95px 0;
	background: #E8E7EB;
}
.koujo .wrap {
	width: 65%;
	margin: 0 auto;
	border: 1px solid #707070;
	padding: 60px 0 30px;
}
.koujo .txt {
	width: 90%;
	margin: 30px auto;
}
.koujo .btn {
	display: block;
	max-width: 400px;
	width: 50%;
	padding: 20px 0;
	background: #79708D;
	text-align: center;
	font-family: "Yu Mincho", "Hiragino Mincho ProN", "serif";
	color: #FFFFFF;
	font-size: 25px;
	margin: 0 auto;
	position: relative;
}
.koujo .btn::after {
	content: "";
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-bottom: 20px solid #fff;
	position: absolute;
	bottom: 7px;
	right: 7px;
}



/*==================================================
ご挨拶
===================================*/
#greeting {
	position: relative;
	z-index: 1;
	padding: 150px 0 80px;
}
#greeting::before {
	content: "";
	background-image: url("img/greeting_bg01.png");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: top right;
	width: 965px;
	height: 405px;
	position: absolute;
	top: 0;
	z-index: -1;
}
#greeting::after {
	content: "";
	background-image: url("img/greeting_bg02.png");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: bottom left;
	width: 965px;
	height: 405px;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: -1;
}
#greeting .wrap {
	width: 90%;
	margin: 0 auto;
}
#greeting .left {
	position: relative;
}
#greeting .left img {
	display: block;
	margin: 0 auto;
}
#greeting .name {
	width: 55%;
	background: #EFEBF6;
	padding: 30px 0;
	position: absolute;
	bottom: -45px;
	right: 50%;
	transform: translateX(50%);
}
#greeting .name span {
	display: block;
}
#greeting h2 {
	font-size: 100px;
	font-family: "Sitka Small";
	letter-spacing: 25px;
	color: #A08D9B;
}
#greeting .ttl {
	padding-top: 10px;
	width: 90%;
	margin: 10px auto 0;
	border-top: 1px solid #707070;
}



/*==================================================
ギャラリー
===================================*/
.gallery {
	margin: 100px auto;
}

/*
右から左へ
----------------------------*/
@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

/*
IE11対策
----------------------------*/
_:-ms-lang(x)::-ms-backdrop,
.d-demo {
  display: -ms-grid;
  overflow: hidden;
}
/*----------------------------*/

.d-demo__wrap {
  display: flex;
  overflow: hidden;
}

.d-demo__list {
  display: flex;
  list-style: none;
}

.d-demo__list--left{
animation :infinity-scroll-left 95s infinite linear 0.5s both;
}

.d-demo__item {
  width: calc(150vw / 6);
}
.d-demo__item > img{
   width: 95%;
}



/*==================================================
クリニック紹介
===================================*/
#clinic {
	width: 100%;
    background: url("img/clinic_bg.jpg")no-repeat center / cover;
    background-attachment: fixed!important;
    height: 600px;
    position: relative;
}
#clinic .wrap {
	width: 80%;
	margin: 0 auto;
	padding-top: 250px;
}
#clinic .item {
	max-width: 1000px;
    margin-top: -50px;
    margin-bottom: 90px;
    padding: 120px 5%;
    box-shadow: 0 0 16px 4px rgba(51, 51, 51, 0.1);
    z-index: 1;
    position: relative;
	background: #FFFFFF;
	text-align: center;
}
#clinic .logo img {
	margin: 0 auto 30px;
	display: block;
}
#clinic a {
	font-family: "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 35px;
	font-weight: 600;
	color: #79708D;
	text-align: center;
}
.box {
	background: #E1DDE9;
	width: 80%;
	padding: 10px;
	margin: 0 auto;
}
#clinic th, #clinic td, #footer th, #footer td {
	padding: 10px 0 20px;
}
.box table {
	width: 100%;
}
.tbl_caption {
	text-align: left!important;
	width: 80%;
	margin: 0 auto;
}



/*==================================================
アクセス
===================================*/
#access {
	margin-top: 34rem;
}
#access .line::before {
	content: "Access";
	font-size: 100px;
	font-family: "Palace Script MT";
	color: #8E8546;
	position: absolute;
	top: -45px;
	left: 50%;
	transform: translateX(-50%);
}
#access .wrap {
	width: 80%;
	margin: 0 auto;
}
.map {
	max-width: 900px;
	margin: 90px auto;
}
#access .item .ttl {
    color: #A08D9B;
    padding-bottom: 25px;
    margin-bottom: 80px;
    border-bottom: 1px solid #707070;
}
#access .item {
	margin-bottom: 80px;
}
#access .item .txt {
	width: 70%;
	margin: 0 auto;
}
#access .bottom {
	position: relative;
	z-index: 1;
	padding-top: 100px;
}
#access .bottom::after {
	content: "";
	background-image: url("img/access_bg.jpg");
	width: 100%;
	height: 300px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	position: absolute;
	bottom: 0;
	z-index: -1;
}
#access .bottom .ttl {
	position: relative;
	max-width: 630px;
	margin: 0 auto 110px;
}
#access .bottom .ttl::before {
	content: "";
	background-image: url("img/access01.png");
	width: 75px;
	height: 145px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 50%;
	left: -3%;
	transform: translate(-50%, -50%);
}
#access .bottom .ttl::after {
	content: "";
	background-image: url("img/access02.png");
	width: 75px;
	height: 145px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	bottom: 50%;
	right: -3%;
	transform: translate(50%, 50%);
}
#access .bottom img {
	display: block;
	margin: 0 auto;
}


/*==================================================
よくあるご質問
===================================*/
#faq .wrap {
	width: 80%;
	margin: 60px auto;
}
.accordion-001 {
	width: 100%;
    background-color: #F3F3F3;
}

.accordion-001:not([open]) {
    margin-bottom: 10px;
}

.accordion-001 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    border-radius: 5px;
    background-color: #EBEAEE;
    color: #707070;
    font-weight: 600;
    cursor: pointer;
	font-family: "ヒラギノ明朝 ProN W3", "ヒラギノ明朝 ProN W6", "游明朝 Light", "游明朝 Demibold";
}

.accordion-001 summary::-webkit-details-marker {
    display: none;
}

.accordion-001 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #707070;
    border-right: 3px solid #707070;
    content: '';
    transition: transform .3s;
}

.accordion-001[open] summary::after {
    transform: rotate(225deg);
}

.accordion-001 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 1em 2em 2em 2em;
    color: #333333;
    transition: transform .5s, opacity .5s;
	margin-bottom: 45px;
}

.accordion-001[open] p {
    transform: none;
    opacity: 1;
}



/*==================================================
フッター
===================================*/
#footer {
	display: flex;
	position: relative;
}
#footer .left, #footer .right {
	width: 50%;
}
#footer .left {
	background: #A08D9B;
	padding: 30px 0 10px;
}
.site-ttl {
	max-width: 360px;
	margin: 0 auto 50px;
	padding: 10px 0;
	background: #FFFFFF;
	margin-top: 10px;
}
#footer .tel {
	margin-top: 20px;
}
#footer .tel a {
	color: #FFFFFF;
	font-family: "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight: 600;
	font-size: 32px;
}
#footer .box {
	margin-top: 40px;
}
#footer .tbl_caption {
	color: #FFFFFF;
}
.copyright {
	font-size: 15px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 20px;
}
.site-link {
	display: block;
	width: 90%;
	margin: 1rem auto;
}
.site-link:hover {
	opacity: 0.7;
}

/*==================================================
ページトップボタン
===================================*/
#page_top{
  width: 60px;
  height: 60px;
  position: fixed;
  right: 20px;
  bottom: 30px;
  background: #79708D;
  border-radius: 50%;
	z-index: 999;
}
#page_top a{
  position: relative;
  display: block;
  width: 60px;
  height: 60px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f106';
  font-size: 30px;
  color: #fff;
  position: absolute;
  width: 30px;
  height: 30px;
  top: -5px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}




/*==================================================
レスポンシブ設定
===================================*/

	/* 480px以上は写さない */
@media (min-width: 480px) {
	.sp-only {
		display: none!important;
	}
}
	/* 960px以上は写さない */
@media (min-width: 960px) {
	.tb-only {
		display: none!important;
	}
}

	/* 1280px以下に適用されるCSS（スクエアモニター用） */
@media screen and (max-width: 1280px) {
	.mv-btm {
		width: 96%;
	}
	.compare th {
		font-size: 20px;
		padding: 30px 0;
	}
	.en {
		letter-spacing: 40px;
	}
	#whitening .ttl {
		font-size: 30px;
	}
	#whitening .ab {
		padding: 35px 0;
		font-size: 34px;
		top: 8px;
	}
	#whitening .bottom01 .flex {
		width: 90%;
	}
	#whitening .flex-3 {
		font-size: 25px;
	}
	dl.price dt {
		width: 400px;
	}
	dl.price dd {
		width: calc(100% - 400px);
	}
	#fee .flex .img {
		width: 23%;
	}
	#greeting h2 {
		font-size: 90px;
		letter-spacing: 12px;
	}
	#greeting .name {
		bottom: 55px;
	}
	
}


	/* 960px以下に適用されるCSS（タブレット用） */
@media screen and (max-width: 960px) {
	body {
		font-size: 16px;
	}
	.header-wrap {
		width: 88%;
	}
	.header-wrap h1 {
		width: 30%;
	}
	.header-wrap .left .txt {
		font-size: 16px;
	}
	#header .right {
		width: 55%;
	}
	#nav-toggle::before {
		width: 90px;
		height: 90px;
	}
	#mv .img {
		height: 44vh;
	}
	#mv .img img {
		display: block;
		height: 44vh;
	}
	.cp {
		width: 53%;
	}
	.cp span {
		font-size: 27px;
	}
	.f-60 {
		font-size: 38px!important;
	}
	.mv-btm .item {
		padding: 20px 0;
		width: 32%;
	}
	.ttl {
		font-size: 20px;
	}
	.mv-btm .price {
		font-size: 37px;
	}
	.mv-btm .item::before {
		border: 3px solid #FFFFFF;
	}
	.cp .wrap {
		right: 12px;
	}
	.circle {
		width: 80px;
		height: 80px;
		line-height: 80px;
	}
	.f-50 {
		font-size: 40px!important;
	}
	.bleach {
		width: 95%;
	}
	.bleach::before {
		background-size: 80%;
		background-position: bottom left;
	}
	.bleach::after {
		background-size: 80%;
		background-position: top right;
	}
	.bleach .ttl, .contact .ttl span {
		font-size: 26px;
	}
	.contact::before, .ppl::before {
		background-size: 70%;
	}
	.contact .bg::before, .bg-ppl::before {
		background-size: 70%;
		background-position: bottom left;
	}
	.contact .bg::after, .bg-ppl::after {
		background-size: 70%;
		background-position: bottom right;
	}
	.contact::after, .ppl::after {
		background-size: 70%;
		background-position: top right;
	}
	.contact .border::before {
		height: 97%;
	}
	.contact .wrap {
		width: 85%;
	}
	.en {
		font-size: 90px;
		letter-spacing: 25px;
	}
	.en::after {
		bottom: 36px;
	}
	.fea-top::after {
		border-left: 350px solid transparent;
		border-right: 350px solid transparent;
		border-top: 350px solid #B8B3C2;
	}
	.fea01 .txtbox {
		width: 95%;
	}
	.fea01 .number, .fea02 .number,.fea03 .number, .fea04 .number {
		font-size: 88px;
	}
	.fea02 .item {
		width: 100%;
	}
	.fea04, #point .wrap {
		width: 95%;
	}
	.fea04 .item, #point .item {
		width: 48%;
	}
	.fea04 .inner {
		width: 96%;
	}
	.arrow {
		padding: 70px 0 80px;
	}
	#point .number {
		font-size: 88px;
	}
	#point .txtbox {
		padding-top: 50px;
	}
	#whitening .img {
		width: 60%;
	}
	#whitening .top01 .ttl,#whitening .top02 .ttl {
		padding: 50px 0 70px;
	}
	#whitening .ttl {
		width: 60%;
		font-size: 22px;
	}
	#whitening .ab {
		padding: 20px 0;
		font-size: 23px;
		top: -15px;
	}
	#whitening .bottom {
		padding: 80px 0 70px;
	}
	#whitening .flex-3 {
		font-size: 17px;
		padding: 40px 0;
	}
	#merit ul li {
		width: 48%;
	}
	#merit .wrap {
		margin-top: -80px;
	}
	#merit .num {
		font-size: 90px;
	}
	.flow-ttl::after {
		bottom: -25px;
	}
	#flow .wrap {
		flex-direction: column-reverse;
	}
	#flow .txtbox {
		width: 100%;
	}
	#flow .img {
		width: 100%;
		margin-bottom: 20px;
	}
	#flow .img img {
		display: block;
		margin: 0 auto;
	}
	dl.price dt {
		width: 280px;
	}
	dl.price dd {
		width: calc(100% - 280px);
	}
	#fee .flex {
		padding: 35px 0 160px;
	}
	.koujo .wrap {
		width: 85%;
	}
	.koujo .btn {
		font-size: 20px;
	}
	#greeting::before, #greeting::after {
		width: 610px;
	}
	#greeting h2 {
		font-size: 60px;
		letter-spacing: 4px;
	}
	#greeting .name {
		bottom: 150px;
	}
	.d-demo__item {
		width: calc(250vw / 6);
	}
	#clinic .item {
		padding: 95px 5%;
	}
	#access .item .ttl {
		margin-bottom: 40px;
	}
	#access .item .txt {
		width: 85%;
	}
	#access .bottom .ttl::before {
		left: 3%;
	}
	#access .bottom .ttl::after {
		right: 3%;
	}
	#access .bottom img {
		width: 75%;
	}
	#access .bottom::after {
		height: 145px;
	}
	#footer {
		flex-direction: column;
	}
	#footer .left, #footer .right {
		width: 100%;
	}
	#footer .right {
		height: 450px;
	}
	.compare th {
		width: 60px;
	}
	.compare td {
		width: 120px;
	}
}



	/* 480px以下に適用されるCSS（スマホ用） */
@media screen and (max-width: 480px) {
	.pc-only {
		display: none!important;
	}
	body {
		font-size: 16px;
	}
	.sp-nav {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		position: fixed;
	}
	.nav_wrapper {
		position: fixed;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		bottom: 0;
	}
	.nav_wrapper div:first-child {
		border-left: 1px solid #F3F3F3;
	}
	.nav_wrapper div {
		width: 33.3%;
		display: flex;
		background: #B8B3C2;
		align-items: center;
		justify-content: center;
		border-right: 1px solid #F3F3F3;
		border-top: 1px solid #F3F3F3;
	}
	.nav_wrapper a {
		padding: 0 0 5px;
		max-height: 70px;
	}
	#page_top {
		display: none!important;
	}
	#header .right {
		display: none!important;
	}
	#nav-toggle {
		width: 30px!important;
		height: 30px!important;
	}
	#nav-toggle > div {
		width: 30px!important;
	}
	#nav-toggle::after {
		font-size: 13px!important;
		bottom: -10px!important;
	}
	#nav-toggle::before {
		width: 58px!important;
		height: 63px!important;
	}
	.header-wrap h1 {
		width: 47%;
	}
	.header-wrap h1 img {
		width: 55%;
	}
	.header-wrap .left .txt {
		font-size: 10px;
		padding: 5px 0;
	}
	#mv .img, #mv .img img, .cp {
		height: 40vh;
	}
	.cp {
		right: 10px;
	}
	.cp span {
		font-size: 17px;
		padding-bottom: 5px;
	}
	.f-60 {
		font-size: 23px!important;
	}
	.cp .f-60::before {
		width: 125px;
		height: 66px;
		top: -35px;
	}
	.cp .f-60 {
		padding-top: 5px;
	}
	.mv-btm {
		width: 90%;
		flex-direction: column;
		position: relative;
		margin: 0 auto;
		bottom: 40px;
		right: auto;
		transform: none;
	}
	.mv-btm .item {
		width: 100%;
		margin-bottom: 20px;
	}
	.loan {
		margin-top: 5px;
	}
	.loan .wrap {
		border: 7px solid rgba(184,179,194,0.40);
		padding: 25px 0;
	}
	.loan .txt {
		flex-wrap: wrap;
		margin-top: 20px;
	}
	.circle {
		width: 70px;
		height: 70px;
		line-height: 70px;
	}
	.f-50 {
		font-size: 33px!important;
	}
	.loan .f-50 span {
		font-size: 25px!important;
	}
	.bleach .wrap {
		width: 90%;
	}
	.bleach .wrap::after {
		font-size: 44px;
		bottom: -44px;
	}
	.contact .wrap {
		width: 90%;
		padding: 100px 0;
	}
	.contact .wrap::before {
		background-size: 65%;
		background-position: center;
	}
	.bleach .ttl, .contact .ttl span {
		font-size: 20px;
		margin-bottom: 5px;
	}
	.contact .reserve {
		flex-direction: column;
	}
	.contact .tel, .contact .web {
		width: 100%;
		margin-bottom: 20px;
		font-size: 25px;
	}
	.reserve span {
		font-size: 18px;
		padding-bottom: 5px;
	}
	.contact .web::after {
		border-left: 20px solid transparent;
	    border-bottom: 20px solid #FFFFFF;
	}
	.en {
		font-size: 35px;
		letter-spacing: 10px;
	}
	.ja {
		font-size: 27px;
	}
	.ja span {
		font-size: 33px;
	}
	.en::after {
		bottom: 9px;
	}
	.fea-top img {
		margin: 0 auto;
	}
	.fea-top::after {
		border-left: 165px solid transparent;
		border-right: 165px solid transparent;
		border-top: 180px solid #B8B3C2;
	}
	.fea01,.fea02 .item, .fea04, #point .wrap {
		flex-direction: column;
	}
	.fea01 .item, .fea04 .item, #point .item {
		width: 100%;
		margin-bottom: 20px;
	}
	.fea01 .inner, .fea02 .inner {
		width: 96%;
	}
	.fea02 .img {
		width: 100%;
	}
	.fea02 .txtbox {
		width: 95%;
		margin-left: 0;
	}
	.fea02 .item {
		margin: 20px auto;
	}
	.fea02 .even .txtbox {
		margin-right: 0;
	}
	.fea03 {
		padding: 85px 0;
	}
	.fea03 .item {
		width: 90%;
	}
	.fea03 .inner {
		width: 96%;
	}
	.line {
		padding: 28px 0;
	}
	#movie .line::before,
	#merit .line::before,
	#fee .line::before,
	#access .line::before {
		font-size: 50px;
	}
	#comparison h2 {
		padding: 55px 0;
		margin-bottom: 80px;
	}
	.compare-wrap {
		width: 345px;
		overflow-x: auto; /* tableタグのはみ出た要素を隠す */
		margin: 0 auto;
	}
	.compare {
		width: 500px; /* tableタグの親要素より広く */
	}
	.compare th {
		font-size: 17px;
		padding: 10px 0;
	}
	.compare td {
		padding: 10px 0;
	}
	.compare td div {
		margin-bottom: 20px;
	}
	#whitening .top,#whitening .item02 .top02 {
		flex-direction: column-reverse;
	}
	#whitening .ttl {
		width: 100%;
		font-size: 20px;
	}
	#whitening .img {
		width: 100%;
	}
	#whitening .ab {
		padding: 10px 0;
		font-size: 20px;
		top: 200px;
		width: 56%;
	}
	#whitening .bottom {
		width: 95%;
	}
	#whitening .bottom01 .flex {
		width: 95%;
	}
	#whitening .flex-3 {
		padding: 25px 0;
	}
	#whitening .item02 {
		margin-top: 80px;
	}
	.item03 .flex, .item04 .flex {
		flex-direction: column;
	}
	#whitening .item03 .img, #whitening .item03 .txt {
		width: 90%;
		margin: 0 auto 20px;
	}
	.item04 .flex-2 {
		width: 95%;
		margin: 0 auto 40px;
	}
	#whitening .mdl img {
		margin: 0 auto 30px;
	}
	#whitening .item03 {
		margin-bottom: 40px;
		margin-top: 50px;
	}
	#whitening .item04 {
		padding: 40px 0 20px;
	}
	#merit ul li {
		width: 100%;
		margin: 0 auto 30px;
	}
	#merit .txtbox {
		max-width: 390px;
		box-shadow: 0 0 16px 4px rgba(51, 51, 51, 0.1);
		padding: 25px 5% 35px;
		width: 100%;
	}
	#flow .content {
		margin: 40px auto;
	}
	#flow .item {
		padding: 70px 0 30px;
		margin: 80px auto;
	}
	.flow-ttl {
		font-size: 20px;
	}
	#flow .num {
		font-size: 27px;
		width: 80px;
		height: 80px;
		line-height: 80px;
		top: -40px;
	}
	dl.price dt{ 
		width: 100%;
		border-right: none;
	}
	dl.price dd{
		width: 100%; 
	}
	#fee .ttl {
		margin-top: 100px;
	}
	#fee .flex .img {
		width: 47%;
		margin-bottom: 20px;
	}
	.koujo {
		padding: 45px 0;
	}
	.koujo .btn {
		width: 76%;
	}
	#greeting {
		padding: 30px 0 80px;
	}
	#greeting .flex {
		flex-direction: column-reverse;
	}
	#greeting .flex-2 {
		width: 100%;
		margin-bottom: 40px;
	}
	#greeting::before, #greeting::after {
		width: 295px;
	}
	#greeting h2 {
		font-size: 50px;
	}
	#greeting .name {
		bottom: -57px;
		padding: 18px 0;
	}
	.d-demo__item {
		width: calc(350vw / 6);
	}
	#clinic {
		width: 100%;
		height: calc(400 / 750*100vw);
		background-attachment: inherit!important;
	}
	#clinic .wrap {
		width: 90%;
		margin: 0 auto;
		padding-top: 145px;
	}
	#clinic .item {
		padding: 40px 3%;
	}
	.box {
		width: 100%;
		padding: 5px;
	}
	.tbl_caption {
		width: 100%;
	}
	#access .bottom .ttl {
		max-width: 300px;
		margin: 0 auto 45px;
	}
	#access .bottom .ttl::after {
		right: 0%;
		background-size: 50%;
		background-position: center right;
	}
	#access .bottom .ttl::before {
		left: 0%;
		background-size: 50%;
		background-position: center left;
	}
	#access .bottom img {
		width: 85%;
	}
	#access .bottom::after {
		height: 70px;
	}
	#faq .wrap {
		width: 90%;
		margin: 45px auto;
	}
	.accordion-001 summary {
		padding: 1em 1em;
	}
	#footer .box, #footer .tbl_caption {
		width: 96%;
	}
	#movie {
		padding-bottom: 100px;
	}
	.movie{
	  width: 100%;
	  aspect-ratio: 16 / 9;
		padding-bottom: 0;
	}
	.movie iframe {
	  width: 100%;
	  height: 100%;
	}
	.contact::before, .ppl::before, .contact::after, .ppl::after,.contact .bg::before, .bg-ppl::before,.contact .bg::after, .bg-ppl::after {
		width: 330px;
	}
	.bleach::before {
		width: 360px;
	}
	#gloval-nav {
		font-size: 17px!important;
	}
	#clinic .logo {
		width: 50%;
		margin: 0 auto;
	}
	.ppl {
		padding-top: 20px;
	}
	h2 {
		padding-top: 80px;
	}
	.map {
		margin: 55px auto;
	}
	#access .item {
		margin-bottom: 55px;
	}
	#access .bottom {
		padding-top: 20px;
	}
	
	
	
	
	
	
	
}