@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Noto+Sans+JP:wght@300;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;600&display=swap');

/**************************************************************************************

--------------------------------------------------------------------------------------
共通パーツ
***************************************************************************************/

body {
	background: #F9F9F9;
}
* {
	letter-spacing:0.1em;
	color: #261A1A;
}

/* フォント
========================================== */

.fontMont {
	font-family:'Montserrat', sans-serif;
}

/* メインレイアウト
========================================== */

.wrap1270 {
	max-width:1300px;
	padding:0 15px;
	margin-left:auto;
	margin-right:auto;
	box-sizing:border-box;
}
.wrap1200 {
	max-width:1230px;
	padding:0 15px;
	margin-left:auto;
	margin-right:auto;
}
.wrap1110 {
	max-width:1140px;
	padding:0 15px;
	margin-left:auto;
	margin-right:auto;
}

@media only screen and (max-width:767px) {
	.wrap1270 .wrap1200 {
		padding:0;
	}
}
.inner {
	padding-top: 110px;
	padding-bottom: 100px;
}
.inner-menu {
	padding-bottom: 100px;
}
@media only screen and (max-width:767px) {
	.inner {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.inner-menu {
		padding-bottom: 50px;
	}
}

/* 背景色
========================================== */


.bgLg {background:#F8F7F9;}
.bgGbl {background:#94B8DC;}
.bgBe {background: #F3F0EA;}
.bg-wh {background: #fff;}

.bg-pt01 {	background:url(../img/bg_pt01.png);}
.bg-pt02 {	background:url(../img/bg_pt02.png) right repeat-y ; background-size: 500px;}
.bg-pt04 {	background:url(../img/bg_pt04.png) right repeat-y ; background-size: 500px;}

/* 色指定
========================================== */

.blue {color: #6C92FB;}
.magenta {color: #C86AA5;}

/* 白背景の箱
========================================== */

.box-shadow {
}
@media only screen and (max-width:767px) {
	.box-shadow {
		border-radius: 10px;
	}
}

/* 白背景の箱
========================================== */

.box-wh {
	background:#fff;
	padding:100px;
}
@media only screen and (max-width:767px) {
	.box-wh {
		padding:15px;
	}
}

/* タイトル
========================================== */

.tit-content01 {
	font-weight: bold;
	font-size: 35px;
	text-align: center;
	padding: 55px 0;
}
@media only screen and (max-width:767px) {
	.tit-content01 {
		font-size: 20px;
		padding-bottom:30px;
	}
}
.tit-basic {
	text-align: center;
	padding-bottom: 40px;
}
.tit-basic p {
	font-weight: bold;
	font-size: 26px;
	line-height: 1;
	text-align: center;
}
.tit-basic p.fontL {
	font-size: 32px;
}
.tit-basic span {
	font-size: 18px;
	margin-top: 15px;
	line-height: 1;
}
@media only screen and (max-width:767px) {
	.tit-basic p.fontL {
		font-size: 20px;
	}
}

.txt-catch {
	margin-bottom: 30px;
	font-weight: bold;
	font-size: 24px;
}
@media only screen and (max-width:767px) {
	.txt-catch {
		font-size: 19px;
	}
}

/* テキスト
========================================== */

.txt-read {
	text-align: center;
	font-size: 22px;
}
@media only screen and (max-width:767px) {
	.txt-read {
		font-size:20px;
	}
}

/*明朝体*/
.font-min {
	font-family: 'Noto Serif JP', serif;
}

/* 文字デコレーション
========================================== */

.txt-marker {
	background: linear-gradient(transparent 60%, #FFFA74 60%);
}
.txt-marker-sky {
	background: linear-gradient(transparent 60%, #b1e3fb71 60%);
}
.txt-marker-red {
	background: linear-gradient(transparent 60%, #D49AB550 60%);
}
/* FlexBox
========================================== */

.flex , .flex-sp {
	display:flex;
}
.ju-sb 	{	justify-content:space-between;}
.ju-center {	justify-content:center;}
.reverse 	{	flex-direction :row-reverse;}
.ai-center	{	align-items:center}

.gap020 {gap: 0 20px;}
.gap050 {gap: 0 50px;}
.gap070 {gap: 0 70px;}

.gap-c-30 {	gap: 0 30px;}
.gap-c-50 {	gap: 0 50px;}
.gap-c-80 {	gap: 0 80px;}

@media only screen and (max-width:767px) {
	.flex {
		display:block;
	}
	.flex-sp {
		display: flex;
	}
	.flex.ju-sb > div {
		width:100%;
	}
	.flex.ju-sb > div + div {
		margin-top:20px;
	}
}

/* ボタン
========================================== */

.btn-wh {
	background: #fff;
	text-align: center;
	font-weight: bold;
	display: inline-block;
	padding: 20px;
	width: 320px;
	position: relative;
	border: #F3F0EA 2px solid;
	border-radius: 5px;
	transition: 0.5s all;
}
.btn-wh:hover {
	background: #000;
	color: #fff;
}
.btn-wh::after {
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -5px;
	content: "";
	width: 10px;
	height: 10px;
	border-top: 2px solid #858585;
	border-right: 2px solid #858585;
	transform: rotate(45deg);
	display: block;
}
.btn-wh:hover::after {
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}
@media only screen and (max-width:767px) {
	.btn-wh {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
}

/* 営業日お知らせボタンの内容
========================================== */
body.no-scroll {
	overflow:hidden;
	height:100%;
}

/*   ポップアップの設定   */
.bgCover {
	background:rgba(0, 0, 0, 0.2);
	width:100vw;
	height:100vh;
	position:fixed;
	z-index:149;
	top:0;
	left:0;
	display:none;
	text-align:center;
}
.bgCover .pic-zoom-wrap {
	display:flex;
	align-items:center;
	height:100vh;
	justify-content:center;
	padding:15px;
}

/* カウンセリングのご予約はこちらから
========================================== */

.box-yoyaku {
	padding:50px 15px;
}
.box-yoyaku.bg01 {
	background: url(../img/bg_btn01.jpg)no-repeat;
	background-size: cover;
}
.box-yoyaku.bg02 {
	background: url(../img/bg_btn02.jpg)no-repeat;
	background-size: cover;
}
.box-yoyaku dl {
	background: #ffffffd0;
	max-width: 1000px;
	width: 100%;
	padding: 2em;
	border-radius: 10px;
	margin-left: auto;
	margin-right: auto;
}

.box-yoyaku dl dt {
	text-align:center;
	font-weight:700;
	font-size:22px;
}

@media only screen and (max-width:767px) {
	.box-yoyaku {
		padding:30px 15px;
	}
	.box-yoyaku dl dt {
		font-size:20px;
	}
	.box-yoyaku dl {
		padding: 15px;
		font-size: 18px;
	}
	.btn-yoyaku {
		font-size: 18px;
	}
	.btn-yoyaku:after {
		width:10px;
		height:10px;
		top:25px;
	}
}

/**************************************************************************************

--------------------------------------------------------------------------------------
コンテンツ
***************************************************************************************/

/* メインビジュアル
========================================== */

#mv {
	background: url(../img/bg_mv.jpg) no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 100px;
	gap: 30px;
}
#mv .mv-txt {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 50px;
	flex-direction: column;
}
#mv .mv-txt > dl {
	border-left: 7px solid #BBA788;
	padding-left: 30px;
}
#mv .mv-txt > dl dt {
	font-size: 25px;
}
#mv .mv-txt > dl dd {
	font-size: 34px;
	font-weight: bold;
}
#mv figure.mv-pic {
	overflow: hidden;
	border-radius: 250px 0 0 0;
}

@media only screen and (max-width:767px) {
	#mv {
		flex-wrap: wrap;
	}
	#mv .mv-txt {
		padding: 15px;
	}
	#mv .mv-txt > dl {
		width: 100%;
	}
	#mv .mv-txt > dl dt {
		font-size: 20px;
	}
	#mv .mv-txt > dl dd {
		font-size: 22px;
	}
	#mv figure.mv-pic {
		border-radius: 100px 0 0 0;
	}
}

/**************************************************************************************

--------------------------------------------------------------------------------------
人生で大きなイベント、結婚式。
***************************************************************************************/

#sec01 {
	padding-top: 60px;
	background: #fff;
	position: relative;
}
#sec01 * {
	text-align: center;
}
#sec01 .txt-catch > h2 {
	font-size: 22px;
}
#sec01 .txt-catch > p {
	margin-top: 27px;
	color: #D5A55A;
	font-weight: bold;
	font-size: 32px;
}

@media only screen and (max-width:767px) {
	#sec01 .txt-catch > p {
		font-size: 20px;
	}
}

/* こんな心配はありませんか？
========================================== */

#sec01 .worry {
	margin-top: 26px;
	background: #f5f6fc;
	padding: 50px 15px 80px 15px;
}
#sec01 .worry .worry-tit {
	font-weight: bold;
	color: #3F4764;
	font-size: 28px;
}
#sec01 .worry .worry-flex {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 60px;
	margin-top: 40px;
}
#sec01 .worry .worry-item {
	background: #EDEDF0;
	width: 360px;
	border-radius: 60px 13px 13px 13px;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	height: 150px;
	line-height: 1;
	align-content: center;
	justify-content: center;
	align-items: center;
	gap: 1em;
	padding-bottom: 50px;
}
#sec01 .worry .worry-item::after {
	content: "";
	width: 120px;
	height: 120px;
	left: 50%;
	margin-left: -60px;
	position: absolute;
	bottom: 0;
	margin-bottom: -60px;
}
#sec01 .worry .worry-item:nth-of-type(1)::after {
	background: url(../img/pic_sec0101.png) no-repeat;
	background-size: cover;
}
#sec01 .worry .worry-item:nth-of-type(2)::after {
	background: url(../img/pic_sec0102.png) no-repeat;
	background-size: cover;
}
#sec01 .worry .worry-item em {
	font-weight: bold;
	font-size: 22px;
	width: 100%;
	display: block;
}
@media only screen and (max-width:767px) {
	#sec01 .worry .worry-tit {
		font-size: 20px;
	}
	#sec01 .worry .worry-flex {
		flex-wrap: wrap;
	}
}

/* 期限を決めて歯列矯正を行う
========================================== */

#sec01 .week {
	margin-top: 150px;
}
#sec01 .week .week-tit {
	position: relative;
}
#sec01 .week .week-tit::after {
	content: "";
	width: 30px;
	height: 12px;
	background: #AE5656;
	display: block;
	clip-path: polygon(100% 0, 0 0, 50% 100%);
	position: absolute;
	left: 50%;
	margin-left: -15px;
	top:-50px;
}
#sec01 .week .week-tit > em {
	font-size: 22px;
	font-weight: bold;
	color: #D5A55A;
}
#sec01 .week .week-tit > p {
	font-weight: bold;
	font-size: 32px;
}
#sec01 ul.point-list {
	display: flex;
	justify-content: center;
	margin-top: 50px;
	flex-wrap: wrap;
	gap: 5px;
}
#sec01 ul.point-list::after {
	content: "";
	width: 100%;
	background: #F9F9F9;
	height: 80px;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
}
#sec01 ul.point-list li {
	z-index: 5;
	background: #F6F3DF;
	display: flex;
	font-size: 22px;
	flex-direction: column;
	width: 280px;
	height: 200px;
	align-items: center;
	justify-content: center;
	border-radius: 1em;
	font-weight: bold;
}
#sec01 ul.point-list li:nth-of-type(odd) {
	background: #EEE8D3;
}
#sec01 ul.point-list li span {
	display: block;
	font-weight: bold;
	font-size: 20px;
	color: #D5A55A;
}
@media only screen and (max-width:767px) {
	#sec01 .week {
		margin-top: 80px;
	}
	#sec01 .week .week-tit > p {
		font-size: 22px;
	}
	#sec01 ul.point-list li {
		width: 48%;
		font-size: 18px;
		line-height: 1.6;
	}
	#sec01 ul.point-list li span {
		font-size: 14px;
	}
	#sec01 ul.point-list li:nth-of-type(odd) {
		background: #F6F3DF;
	}
	#sec01 ul.point-list li:nth-of-type(2) ,
	#sec01 ul.point-list li:nth-of-type(3) {
		background: #EEE8D3;
	}
}

/**************************************************************************************

--------------------------------------------------------------------------------------
マウスピース矯正と裏側のガイド
***************************************************************************************/

#sec02 {}
#sec02 .system {
	margin-top: 80px;
	background: linear-gradient(90deg, rgba(245,241,228,1) 0%, rgba(245,241,228,1) 36%, rgba(249,249,249,1) 36%, rgba(249,249,249,1) 100%);
}
#sec02 .system:nth-of-type(even) {
	background: linear-gradient(90deg, rgba(249,249,249,1) 0%, rgba(249,249,249,1) 66%, rgba(245,241,228,1) 66%, rgba(245,241,228,1) 100%);
}
#sec02 .system .sys-flex {
	display: flex;
	justify-content: space-between;
}
#sec02 .system:nth-of-type(even) .sys-flex {
	flex-direction: row-reverse;
}
@media only screen and (max-width:767px) {
	#sec02 .system .sys-flex {
		display: block;
	}
}

#sec02 .system figure {
	margin-top: 80px;
}
#sec02 .system .sys-txt {
	max-width: 640px;
}
#sec02 .system .sys-box {
	width: 100%;
	background: #FFFFFF;
	padding:80px 50px;
	display: flex;
	flex-direction: column;
	gap: 50px;
}
#sec02 .system .sys-box .sys-tit {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-height: 116px;
}
#sec02 .system .sys-box .sys-tit::after ,
#sec02 .system .sys-box .sys-tit::before {
	content: "";
	width: 50px;
	height: 116px;
	display: block;
	position: absolute;
}
#sec02 .system .sys-box .sys-tit::after {
	background: url(../img/ic_waku_l.svg) no-repeat;
	left: 1em;
	background-size: contain;
}
#sec02 .system .sys-box .sys-tit::before {
	background: url(../img/ic_waku_r.svg) no-repeat;
	background-size: contain;
	right: 1em;
}
#sec02 .system .sys-box .sys-tit > p {
	color: #D5A55A;
	text-align: center;
	font-weight: bold;
	font-size: 35px;
}
#sec02 .system .sys-box .sys-catch {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}
#sec02 .system .sys-box > p {
	font-size: 18px;
}
#sec02 .system .sys-txt dl.sys-point {
	margin-top: 50px;
}
#sec02 .system .sys-txt dl.sys-point dt {
	color: #D5A55A;
	font-weight: bold;
	font-size: 18px;
}
#sec02 .system .sys-txt dl.sys-point dd {
	font-size: 18px;
	border-bottom: 2px dotted #D5A55A;
	padding: 1em;
}
#sec02 .system .sys-txt dl.sys-point dd + dd {
	margin-top: 20px;
}
#sec02 .system .sys-txt dl.sys-point dd em {
	font-size: 20px;
	display: block;
	font-weight: bold;
	padding-bottom: 15px;
}
@media only screen and (max-width:767px) {
	#sec02 .system figure {
		margin-top: 40px;
		text-align: center;
	}
	#sec02 .system figure img {
		width: 80%;
	}
	#sec02 .system .sys-box {
		padding: 30px;
		margin-top: 20px;
		gap: 30px;
		width: 100%;
	}
	#sec02 .system .sys-box * {
		text-align: center;
	}
	#sec02 .system .sys-box .sys-catch {
		font-size: 20px;
	}
	#sec02 .system .sys-box > p {
		font-size: 16px;
	}
	#sec02 .system .sys-box .sys-tit > p {
		font-size: 24px;
	}
	#sec02 .system .sys-txt dl.sys-point * {
		text-align: center;
	}
	#sec02 .system .sys-txt dl.sys-point {
		padding-left: 0;
	}
	#sec02 .system .sys-box .sys-tit::after {
		left: 0;
	}
	#sec02 .system .sys-box .sys-tit::before {
		right: 0;
	}
	#sec02 .system .sys-txt dl.sys-point dd {
		font-size: 16px;
	}
}


/* 使用する薄型装置の特徴
========================================== */

#sec02 .system-ura {
	background: #fff;
	border-radius: 30px;
	padding: 40px;
	margin-top: 80px;
}
#sec02 .system-ura *{
	text-align: center;
}
#sec02 .system-ura .sysura-tit {
	color: #D5A55A;
	text-align: center;
	font-weight: bold;
	font-size: 32px;
}
#sec02 .system-ura .sysura-flex {
	display: flex;
	justify-content: center;
	gap: 50px;
	margin-top: 40px;
}
#sec02 .system-ura dl.sysura-item {
	max-width: 350px;
	width: 100%;
}
#sec02 .system-ura dl.sysura-item dt {
	background: #F6F3DF;
	text-align: center;
	font-weight: bold;
	padding: 20px;
	border-radius: 10px;
	min-height: 100px;
	line-height: 1.5;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 22px;
}
#sec02 .system-ura dl.sysura-item dd {
	margin-top: 15px;
}
#sec02 .system-ura dl.sysura-item dd figure img {
	margin-top: 30px;
}
#sec02 .system-ura dl.sysura-item dd figure figcaption {
	text-align: center;
	font-size: 18px;
}
@media only screen and (max-width:767px) {
	#sec02 .system-ura {
		padding:30px 15px;
		margin-top: 30px;
		border-radius: 10px;
	}
	#sec02 .system-ura .sysura-tit {
		font-size: 22px;
	}
	#sec02 .system-ura .sysura-flex {
		flex-wrap: wrap;
		margin-top: 20px;
	}
	#sec02 .system-ura dl.sysura-item dt {
		padding:1em;
		min-height: auto;
		border-radius: 5px;
		font-size: 18px;
	}
}

/**************************************************************************************

--------------------------------------------------------------------------------------
ポイント
***************************************************************************************/

.point {
	padding: 90px 0 38px;
	border-top: 1px solid #C5C5C5;
	margin-top: 80px;
}
.point * {
	text-align: center;
}
.point .point-tit {
	font-size: 32px;
	font-weight: bold;
	padding-bottom: 1em;
}
.point .point-tit em {
	font-size: 30px;
	font-weight: bold;
}
.point .point-tit span {
	font-size: 20px;
	font-family: 'Montserrat', sans-serif;
	display: block;
	color: #D5A55A;
}
.point > p {
	font-size: 22px;
}
@media only screen and (max-width:767px) {
	.point {
		padding: 40px 0 20px;
		margin-top: 40px;
	}
	.point .point-tit {
		font-size: 20px;
	}
	.point .point-tit em {
		font-size: 28px;
	}
	.point > p {
		font-size: 18px;
	}
}

.point-box {
	background: #fff;
	text-align: center;
	padding: 80px;
	border-radius: 20px;
}
@media only screen and (max-width:767px) {
	.point-box {
		padding: 15px;
	}
	#sec03 	.point-box {
		padding:30px 0;
	}
}


/* 歯列矯正の3ステップ
========================================== */

#sec03 .step-tit * {
	text-align: center;
}
#sec03 .step-tit p {
	font-weight: bold;
	font-size: 22px;
	text-align: center;
}
#sec03 .step-tit p em {
	font-size: 32px;
	display: block;
	font-weight: bold;
}

@media only screen and (max-width:767px) {
	#sec03 .step-tit {
		margin-top: 30px;
	}
	#sec03 .step-tit p {
		font-size: 18px;
	}
	#sec03 .step-tit p em {
		font-size: 18px;
	}
	#sec03 .step-tit::after,
	#sec03 .step-tit::before {
		width: 20%;
	}
}

#sec03 ul.list-step {
	display:flex;
	justify-content:space-between;
	padding-bottom:40px;
	margin-top: 30px;
}
#sec03 ul.list-step li {
	text-align:center;
	background:#F6F3DF;
	position:relative;
	max-width:260px;
	width:100%;
	padding:30px 15px 40px;
	font-size:18px;
}
#sec03 ul.list-step li + li:before {
	content:"";
	width:25px;
	height:6px;
	background:url(../img/ic_dot.svg) no-repeat;
	display:block;
	position:absolute;
	left:-40px;
	top:50%;
}
#sec03 ul.list-step li:after {
	content:"";
	width:140px;
	height:80px;
	background:#000;
	display:block;
	position:absolute;
	left:50%;
	margin-left:-70px;
	bottom:-40px;
}
#sec03 ul.list-step li:nth-of-type(1):after {	background:url(../img/pic_sec0301.png) no-repeat bottom ;}
#sec03 ul.list-step li:nth-of-type(2):after {	background:url(../img/pic_sec0302.png) no-repeat bottom ;}
#sec03 ul.list-step li:nth-of-type(3):after {	background:url(../img/pic_sec0303.png) no-repeat bottom ;}
#sec03 ul.list-step li span {
	display:block;
	text-align:center;
	font-size:20px;
	color: #D5A55A;
}

@media only screen and (max-width:767px) {
	#sec03 ul.list-step {
		display:block;
	}
	#sec03 ul.list-step li {
		max-width:100%;
		padding:15px 15px 40px;
	}
	#sec03 ul.list-step li + li {
		margin-top:40px;
	}
	#sec03 ul.list-step li + li:before {
		display:none;
	}
	
	#sec03 ul.list-step li:nth-of-type(1):after {	background:url(../img/pic_sec0301.png) no-repeat top ;background-size:100px;}
	#sec03 ul.list-step li:nth-of-type(2):after {	background:url(../img/pic_sec0302.png) no-repeat top ;background-size:100px;}
	#sec03 ul.list-step li:nth-of-type(3):after {	background:url(../img/pic_sec0303.png) no-repeat top ;background-size:100px;}
}

/* Step02の装置による違い
========================================== */

.dif-tit {
	border-bottom: 2px solid #000;
	display: inline-block;
	font-weight: 700;
}
.box-dif {
	border:3px solid #D5A55A;
	padding:40px;
	margin-top:40px;
	border-radius:10px;
	position:relative;
	text-align:center;
	font-size: 18px;
}
.box-dif:after {
	border-color: transparent transparent #D5A55A transparent;
}

@media only screen and (max-width:767px) {
	.box-dif {
		margin-top: 0;
		padding:30px 15px;
	}
	.box-dif:after {
		display:none;
	}
}
.box-dif .dif-catch {
	text-align:center;
}
.box-dif .dif-catch em {
	font-size:32px;
	font-weight:700;
	padding-bottom:20px;
	text-align:center;
	display:block;
	color: #D5A55A;
	margin-top:20px;
}
.box-dif dl {}

.dif-catch-tit {
	background:#D5A55A;
	text-align:center;
	font-weight:700;
	padding:10px 15px;
	border-radius:5px;
	font-size:18px;
	margin-top:30px;
	margin-bottom:20px;
}
@media only screen and (max-width:767px) {
	.box-dif .dif-catch {
		font-size:16px;
	}
	.box-dif .dif-catch em {
		font-size:16px;
	}
}

#sec03 .sec03-txt * {
	margin-top: 30px;
	text-align: center;
}
#sec03 .sec03-catch {
	font-weight: bold;
	font-size: 22px;
}
@media only screen and (max-width:767px) {
	#sec03 .sec03-catch {
		font-weight: bold;
		font-size: 18px;
	}
}

/* 抜歯をしない歯列矯正
========================================== */

#sec04 .sec04-txt * {
	text-align: center;
}
#sec04 .sec04-txt p {
	font-size: 18px;
}
#sec04 #merit {
	margin-top: 40px;
}
#sec04 #merit .merit-tit {
	font-size: 28px;
	font-weight: bold;
	text-align: center;
}
#sec04 #merit .merit-txt .merit-catch {
	font-size: 28px;
	color: #CC993E;
	font-weight: bold;
	border-top: #AAAAAA 1px solid;
	padding-top: 1em;
	text-align: center;
	margin-top: 1em;
}
#sec04 #merit .merit-txt .merit-flex {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}
#sec04 #merit .merit-txt .merit-item {
	max-width: 500px;
	width: 100%;
}
#sec04 #merit .merit-txt .merit-item:nth-of-type(2) dl dt {
	background: #CC993E;
	color: #fff;
}
#sec04 #merit .merit-txt .merit-item dl dt {
	background: #EEEEEE;
	text-align: center;
	font-weight: bold;
	line-height: 1;
	font-size: 18px;
	padding: 1em;
}
#sec04 #merit .merit-txt .merit-item dl dd {
	margin-top: 30px;
}
#sec04 #merit .merit-txt .merit-item dl dd figure {
	background: #F5F5F5;
	text-align: center;
	padding: 30px 0;
}
#sec04 #merit .merit-txt .merit-item dl dd p {
	padding:0 1em 1em;
	font-size: 18px;
}
@media only screen and (max-width:767px) {
	#sec04 #merit .merit-tit {
		font-size: 22px;
		margin-top: 20px;
	}
	#sec04 #merit .merit-txt .merit-catch {
		font-size: 22px;
	}
	#sec04 #merit .merit-txt .merit-flex {
		flex-wrap: wrap;
		gap: 50px;
	}
	#sec04 #merit .merit-txt .merit-item dl dd figure {
		padding: 30px;
	}
	#sec04 #merit .merit-txt .merit-item dl dd p {
		font-size: 16px;
	}
}


/* 目立たない矯正方法の安心感
========================================== */

#sec05 {}
#sec05 * {
	text-align: center;
}
#sec05 .sec05-catch {
	font-size: 20px;
	font-weight: bold;
	margin-top: 60px;
}
@media only screen and (max-width:767px) {
	#sec05 .sec05-catch {
		font-size: 18px;
	}	
}


/* 審美歯科のオプション
========================================== */

#sec06 {}
#sec06 .sec06-flex {
	display: flex;
	justify-content: center;
	gap: 60px;
}
#sec06 .sec06-txt {
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 2;
}
#sec06 .sec06-txt .sec06-catch {
	font-size: 28px;
	margin-bottom: 60px;
	font-weight: bold;
}
#sec06 .sec06-txt .sec06-catch em {
	background: linear-gradient(transparent 70%, #dfd2a5 70%);
	font-weight: bold;
}
@media only screen and (max-width:767px) {
	#sec06 .sec06-txt {
		width: 100%;
	}
	#sec06 .sec06-txt * {
		text-align: center;
	}
	#sec06 .sec06-flex {
		flex-wrap: wrap;
	}
	#sec06 .sec06-flex figure {
		text-align: center;
	}
	#sec06 .sec06-flex figure img {
		width: 50%;
	}
	#sec06 .sec06-txt .sec06-catch {
		text-align: center;
		font-size: 18px;
		margin-bottom: 30px;
	}
}

/* 治療実例
========================================== */

#sec07 {}
#sec07 .sec07-tit {
	text-align: center;
	font-size: 29px;
	font-weight: bold;
}

/* message
========================================== */

.message {
	margin-top: 100px;
}
.message--title {
	font-size: 29px;
	font-weight: bold;
	border-bottom: 2px dashed #EC0421;
	display: inline-block;
	background: url(../img/ic_attention_red.svg) no-repeat center top;
	padding-top: 100px;
}
.message--text {
	margin-top: 40px;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	line-height: 3;
}

@media only screen and (max-width:767px) {
	.message {
		margin-top: 40px;
	}
	.message--title {
		font-size: 20px;
		text-align: center;
		padding-bottom: 30px;
	}
	.message--text {
		font-size: 18px;
		text-align: left;
		line-height: 2;
	}
}