/*
Theme Name:  Shintsudanuma Kanade-no-Mori Original Template
Theme URI:
Description:
Version: 1.0
Author: 
Author URI:
*/


body {
	font-family: "Zen Maru Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
  	font-weight: 400;
  	font-style: normal;
	color: #4f3e2d;
	font-size:17px;
	line-height: 1.75;
	letter-spacing: 0.03em;
	text-align: justify;
}
a {
	color: #4f3e2d;
	text-decoration: none;
	transition: 0.3s ease-out;
}
a:hover {
	color:#f0870c;
}

::selection{background-color:#74a483; color: #FFF;}
::-moz-selection{background-color:#74a483; color: #FFF;}

body , header , footer{
	min-width: 1300px;
	max-width: 1920px;
	margin: auto;
}
@media screen and (max-width:640px) {
	body{font-size: 15px; line-height: 2;}
	body,header,footer{min-width: 400px;}
}




/*============================================================================

	モーション　＊　wowオリジナル　fadeInUpMin

============================================================================*/
.fadeInUpMin {
    animation-name: fadeInUpMin;
}
@keyframes fadeInUpMin {
    from { opacity: 0; transform: translate3d(0, 10%, 0);}
    to { opacity: 1; transform: none;}
}



#loftloader-wrapper {
	min-width: 400px !important;
}
#loftloader-wrapper .loader-section.section-fade {
	min-width: 400px !important;
}





/*============================================================================

	#fixed_reserve　＊　いつでも右固定CTA　＊　PCのみ

============================================================================*/
#fixed_reserve {
	position: fixed;
	top: 50%;
	right: 10px;
	margin-top: -160px;
	z-index: 99;
}
#fixed_reserve a {
    position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
    z-index: 0;
    width: 70px;
    height: 320px;
    border-radius: 40px;
    overflow: hidden;
    transition: 0.5s;
}
#fixed_reserve a:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -2;
    left: 0;
    transition: 0.5s;
    background: linear-gradient(180deg, #f0870c 0%, #f6ac5a 100%);
}
#fixed_reserve a:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    left: 0;
    transition: 0.5s;
    background: linear-gradient(180deg, #56b162 0%, #78d082 100%);
    opacity: 0;
}

/*---------- hover ----------*/
#fixed_reserve a:hover {
	letter-spacing: 3px;
}
#fixed_reserve a:hover:after {
    opacity: 1;
}

@media screen and (max-width:640px) {
	#fixed_reserve {
		display: none;
	}
}




/*============================================================================

	#mainvisual　＊　下層のMV

============================================================================*/
#mainvisual {
	position: relative;
	padding-top: 140px;
	overflow: clip;
	z-index: 1;
}
#mainvisual::after {
	position: absolute;
	content: "";
	background: url("images/deco/img_19.png") no-repeat center top;
	background-size: 1920px 300px;
	width: 100%; height: 300px;
	bottom: -50px;
	left: 0;
}
#mainvisual .inner {
	position: relative;
	width: calc( 100% - 40px );
	margin-left: 20px;
	height: 400px;
	background: url("images/top/img01.jpg") no-repeat center;
	background-size: cover;
	border-radius: 5px;
}
@media screen and (max-width:640px) {
	#mainvisual {
		padding-top: 75px;
		padding-bottom: 30px;
	}
	#mainvisual::after {
		background-size: 140% auto;
		width: 100%; height: 300px;
		bottom: -185px;
		left: 0;
	}
	#mainvisual .inner {
		width: calc( 100% - 20px );
		margin-left: 10px;
		height: 170px;
	}
}


#main_title { /*見出しの大枠*/
	position: absolute;
	width: 90%;
	max-width: 1280px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto 25px;
	line-height: 1;
	z-index: 9;
}
#mainvisual span { /*英語の見出し*/
	display: inline-block;
	font-size: 20px;
	letter-spacing: 3px;
	font-family: "Josefin Sans", sans-serif;
  	font-optical-sizing: auto;
  	font-style: normal;
	background: linear-gradient(90deg, #79ca92 0%, #a0d16f 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
#mainvisual h2 { /*日本語の見出し*/
	padding-top: 20px;
	font-size: 36px;
	letter-spacing: 3px;
	text-decoration: underline;
	text-decoration-style: dotted;
	text-decoration-color: #79ca92;
	text-underline-offset: 22px;
}
@media screen and (max-width:640px) {
	#main_title { /*見出しの大枠*/
		margin: 0 auto 0;
	}
	#mainvisual span {
		font-size: 11px;
		letter-spacing: 1px;
	}
	#mainvisual h2 {
		padding-top: 10px;
		font-size: 22px;
		text-underline-offset: 14px;
	}
}




/*------------------------------ ページごとにMV変更 ------------------------------*/
.page-template-blog #mainvisual {background: url(images/MV_01.jpg) center top no-repeat;}
.page-template-products #mainvisual {background: url(images/MV_02.jpg) center top no-repeat;}
.page-id-94 #mainvisual {background: url(images/MV_03.jpg) center top no-repeat;}
.page-id-169 #mainvisual {background: url(images/MV_04.jpg) center top no-repeat;}
.single #mainvisual {background: url(images/MV_01.jpg) center top no-repeat;}







/*==================================================================

	ぱんくず

==================================================================*/
.breadcrumbs {
	width: 100%;
	text-align: right;
	overflow-x: clip;
}	
.breadcrumbs p {	
	position: relative;
	width: 90%;
	max-width: 1280px;
	margin: auto;
	font-size: 13px;
}	
.breadcrumbs i {	
	color: #cfa972;
	margin-right: 5px;
}	
.breadcrumbs a {	
	color: #f0880f;
}	
@media screen and (max-width:640px) {
	.breadcrumbs p {	
		font-size: 12px;
	}	
}





/*==================================================================

	main

==================================================================*/
main {
	position: relative;
	background: url("images/bg02.png") center top no-repeat , url("images/bg01.jpg") center top;
	padding: 50px 0 150px;
}
@media screen and (max-width:640px) {
	main {
		padding: 30px 0 80px;
	}
}





/*==================================================================

	もくじ　＊　#toc

==================================================================*/
#toc {
	width: 90%;
	max-width: 1280px;
	margin: 0 auto 100px;
	background: rgba(255,255,255,.6);
	padding: 45px 20px 30px;
	border-radius: 30px;
	box-sizing: border-box;
	border: 2px solid #FFF;
}
#toc ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#toc ul li {
	position: relative;
	margin: 0 20px 20px;
	padding-left: 20px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #a0d16f;
}
#toc ul li::before {
	position: absolute;
	content: "";
	background: url("images/icon02.png") no-repeat;
	background-size: 9px 10px;
	width: 9px; height: 10px;
	left: 0; top: 10px;
	transition: 0.3s ease-out;
}
#toc ul li a:hover {
	color: #309e52;
}
#toc ul li:hover::before {
	transform: rotate(90deg);
}
@media screen and (max-width:640px) {
	#toc {
		margin: 0 auto 50px;
		padding: 30px 30px 20px;
		border-radius: 10px;
	}
	#toc ul {
		display: block;
	}
	#toc ul li {
		margin: 0 0 12px;
		font-size: 14px;
		line-height: 1.6;
		padding-bottom: 8px;
	}
	#toc ul li::before {
		top: 6px;
	}
}





#whitening #toc:first-of-type {
	margin-bottom: 30px;
}
#whitening #toc h5 {
	text-align: center;
	margin-bottom: 30px;
	font-size: 20px;
	color: #4e9564;
	line-height: 1;
}




/*==================================================================

	text

==================================================================*/
.text {
	position:relative;
	margin-bottom:50px;
	word-break: break-all; /*URLを改行させる、入れる*/
}
.text p {
	margin-bottom:1em;
	line-height: 2.2;
}
.text:last-child{
	margin-bottom:0;
}
@media screen and (max-width:640px) {
	.text p {
		line-height: 2;
	}
}







/*==================================================================

	btn

==================================================================*/

/*------------------------------ btn＊グラデボタン ------------------------------*/
.btn a {
    position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
    z-index: 0;
    color: #fff;
    width: auto;
    height: 60px;
    border-radius: 40px;
    overflow: hidden;
    transition: 0.5s;
}
.btn a:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -2;
    left: 0;
    transition: 0.5s;
    background: linear-gradient(90deg, #f0870c 0%, #f6ac5a 100%);
}
.btn a:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    left: 0;
    transition: 0.5s;
    background: linear-gradient(90deg, #56b162 0%, #78d082 100%);
    opacity: 0;
}
.btn a img {
	margin-right: 13px;
    transition: 0.5s;
	margin-top: 3px;
}
@media screen and (max-width:640px) {
	.btn a {
		height: 50px;
	}
}


/*---------- hover ----------*/
.btn a:hover {
	letter-spacing: 3px;
}
.btn a:hover:after {
    opacity: 1;
}
.btn a:hover img {
	margin-right: 18px;
	transform: rotate(90deg);
}







/*==================================================================

	 タイトル

==================================================================*/

/*------------------------------ 診療案内のみ ------------------------------*/
h3#sub_title { /*診療案内のみ*/
	position: relative;
	margin-bottom: 50px;
	font-size: 30px;
	text-align: center;
	letter-spacing: 2px;
}
h3#sub_title em {
	display: block;
	font-size: 20px;
	padding-top: 5px;
}
h3#sub_title img {
	display: block;
	margin: 0 auto 10px;
}
@media screen and (max-width:640px) {
	h3#sub_title { 
		font-size: 21px;
		letter-spacing: 1px;
	}
	h3#sub_title em {
		font-size: 15px;
	}
}



/*------------------------------ 下層タイトル ------------------------------*/
section h4 {
	position: relative;
	padding: 35px 0 30px;
	margin-bottom: 50px;
	font-size: 28px;
	letter-spacing: 2px;
	text-align: center;
}
section h4 em {
	display: block;
	margin-bottom: 10px;
	font-size: 12px;
	letter-spacing: 1px;
	color: #f6ac5a;
	text-align: center;
}
section h4::before {
	position: absolute;	content: "";
	width: 50%;
	max-width: 1280px;
	height: 1px;
	background: #a4d9ab;
	left: 0; right: 0; margin: auto;
	top: 0;
}
section h4::after {
	position: absolute;	content: "";
	width: 90%;
	max-width: 1280px;
	height: 1px;
	background: #a4d9ab;
	left: 0; right: 0; margin: auto;
	bottom: 0;
}
@media screen and (max-width:640px) {
	section h4 {
		padding: 20px 0 20px;
		margin-bottom: 30px;
		font-size: 20px;
		letter-spacing: 1px;
		line-height: 1.6;
	}
	section h4 em {
		margin-bottom: 8px;
		font-size: 10px;
	}
	section h4::before {
		width: 100%;
	}
	section h4::after {
		width: 100%;
	}
}



section h4 span {
	font-size: 18px;
}
@media screen and (max-width:640px) {
	section h4 span {
		font-size: 16px;
	}
}



/*料金表のページ：英語なし・タイトルが２段*/
#price section h4 span {
	display: block;
}
#price section h4 {
	padding: 30px 0 30px;
}
@media screen and (max-width:640px) {
	#price section h4 {
		padding: 20px 0 20px;
	}
}



#price_orthodontia section h4 span {
	display: block;
}
#price_orthodontia section h4 {
	padding: 30px 0 30px;
}
@media screen and (max-width:640px) {
	#price_orthodontia section h4 span {
		font-size: 14px;
	}
	#price_orthodontia section h4 {
		padding: 20px 0 20px;
	}
}





/*==================================================================

		$下層　＊　sectionデザイン　＊　右に写真・左に文章　＊　文書短い場合

==================================================================*/
.contents01 {
	position: relative;
	width: 90%;
	max-width: 1280px;
	margin: auto;
}
.contents01 .inner {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	align-items: center;
}
.contents01 figure {
	border-radius: 20px;
	overflow: hidden;
	width: 45%;
}
.contents01 figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.contents01 .inner .text {
	width: 49%;
}
.contents01 h5 {
	font-size: 22px;
	padding: 15px 0 5px;
	color: #4e9564;
}
@media screen and (max-width:640px) {
	.contents01 .inner {
		display: block;
	}
	.contents01 figure {
		border-radius: 10px;
		width: 80%;
		margin: 0 auto 20px;
	}
	.contents01 figure img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.contents01 .inner .text {
		width: 100%;
	}
	.contents01 h5 {
		font-size: 18px;
		line-height: 1.8;
	}
}






/*==================================================================

		$下層　＊　sectionデザイン　＊　右に写真・左に文章　＊　文書長い場合

==================================================================*/
.contents02 {
	position: relative;
	width: 90%;
	max-width: 1280px;
	margin: auto;
}
.contents02 figure {
	border-radius: 20px;
	overflow: hidden;
	width: 45%;
	float: right;
	margin-left: 6%;
}
.contents02 figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.contents02 h5 {
	font-size: 22px;
	padding: 15px 0 5px;
	color: #4e9564;
}
@media screen and (max-width:640px) {
	.contents02 figure {
		border-radius: 10px;
		width: 80%;
		float: none;
		margin: 0 auto 20px;
	}
	.contents02 h5 {
		font-size: 18px;
		line-height: 1.8;
	}
}




#denture .contents02#denture06 figure {
	width: 22%;
	border-radius: 5px;
}
@media screen and (max-width:640px) {
	#denture .contents02#denture06 figure {
		float: right;
		width: 40%;
		margin-left: 5%;
		margin-bottom: 0;
	}
}

#denture .contents02#denture06 .btn {
	width: 300px;
	border-radius: 5px;
}
@media screen and (max-width:640px) {
	#denture .contents02#denture06 .btn {
		width: 100%;
		margin: 0 auto 30px;
	}
}




#care .contents02#care05-2 figure {
	background: #FFF;
	padding: 20px;
}
#care .contents02#care05-3 figure {
	background: #FFF;
	padding: 20px;
}
@media screen and (max-width:640px) {
}





/*==================================================================

		$下層　＊　sectionデザイン　＊　左に写真・右に文章　＊　文書短い場合

==================================================================*/
.contents03 {
	position: relative;
	width: 90%;
	max-width: 1280px;
	margin: auto;
}
.contents03 .inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.contents03 figure {
	border-radius: 20px;
	overflow: hidden;
	width: 45%;
}
.contents03 figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.contents03 .inner .text {
	width: 49%;
}
@media screen and (max-width:640px) {
	.contents03 .inner {
		display: block;
	}
	.contents03 figure {
		border-radius: 10px;
		width: 80%;
		margin: 0 auto 20px;
	}
	.contents03 .inner .text {
		width: 100%;
	}
}





/*==================================================================

		$下層　＊　sectionデザイン　＊　左に写真・右に文章　＊　文書長い場合

==================================================================*/
.contents04 {
	position: relative;
	width: 90%;
	max-width: 1280px;
	margin: auto;
}
.contents04 figure {
	border-radius: 20px;
	overflow: hidden;
	width: 45%;
	float: left;
	margin-right: 6%;
}
.contents04 figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.contents04 h5 {
	font-size: 22px;
	padding: 15px 0 5px;
	color: #4e9564;
}
@media screen and (max-width:640px) {
	.contents04 figure {
		border-radius: 10px;
		width: 80%;
		float: none;
		margin: 0 auto 20px;
	}
	.contents04 h5 {
		font-size: 18px;
		line-height: 1.8;
	}
}





/*==================================================================

		$下層　＊　sectionデザイン　＊　こんなお悩み

==================================================================*/
.contents05 {
	position: relative;
	width: 90%;
	max-width: 1280px;
	margin: auto;
}
.contents05 h4 {
	margin-bottom: 30px;
}
.contents05 h4::before {
	position: absolute; content: "";
	background: url("images/icon06.png") no-repeat;
	background-size: 30px 33px;
	width: 30px; height: 33px;
	left: 0; right: 0; margin: auto; top: -15px;
}
.contents05 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 20px 60px 40px;
	background: rgba(140,210,150,.2);
	border-radius: 30px;
	border: 2px solid #afdeb6;
}
.contents05 ul li {
	position: relative;
	width: 28%;
	box-sizing: border-box;
	padding-left: 30px;
	margin-top: 15px;
}
.contents05 ul li::before {
	position: absolute; content: "";
	border: 1px solid #888;
	border-radius: 5px;
	width: 17px; height: 17px;
	top: 6px; left: 0;
}
@media screen and (max-width:640px) {
	.contents05 h4::before {
		top: -30px;
	}
	.contents05 ul {
		display: block;
		padding: 20px 20px 30px;
		border-radius: 10px;
	}
	.contents05 ul li {
		width: 100% !important;
		padding-left: 30px;
		margin-top: 8px;
		line-height: 1.7;
	}
}




#pedodontia .contents05 ul li:nth-of-type(1) , #pedodontia .contents05 ul li:nth-of-type(4) , #pedodontia .contents05 ul li:nth-of-type(7) { /*一番左の列だけ幅を広げる*/
	width: 38%;
}
@media screen and (max-width:640px) {
}



#decayedtooth .contents05 ul::before , #decayedtooth .contents05 ul::after {
	content: "";
	display: block;
	width: 22%;
	height: 0;
	order: 1;
}
#decayedtooth .contents05 ul li {
	width: 22%;
}
#decayedtooth .contents05 ul li:nth-of-type(1) , #decayedtooth .contents05 ul li:nth-of-type(5) , #decayedtooth .contents05 ul li:nth-of-type(9) { /*一番左の列だけ幅を広げる*/
	width: 33%;
}
@media screen and (max-width:640px) {
}



#root .contents05 ul li {
	width: 33.3%;
}
#root .contents05 ul li:nth-of-type(5) { /*一番最後だけ幅を広げる*/
	width: 66.6%;
}
@media screen and (max-width:640px) {
}



#denture .contents05 ul li {
	width: 25%;
}
#denture .contents05 ul li:nth-of-type(7) { /*一番最後だけ幅を広げる*/
	width: 50%;
}
@media screen and (max-width:640px) {
}



#care .contents05 ul li {
	width: 25%;
}
#care .contents05 ul li:nth-of-type(7) { /*一番最後だけ幅を広げる*/
	width: 50%;
}
@media screen and (max-width:640px) {
}



#periodontal .contents05 ul li {
	width: 31%;
}
#periodontal .contents05 ul li:nth-of-type(3) , #periodontal .contents05 ul li:nth-of-type(6) , #periodontal .contents05 ul li:nth-of-type(9) { /*一番左の列だけ幅を広げる*/
	width: 35%;
}
@media screen and (max-width:640px) {
}



#implant .contents05 ul li {
	width: 33.3%;
}
#implant .contents05 ul li:nth-of-type(5) { /*一番最後だけ幅を広げる*/
	width: 66.6%;
}
@media screen and (max-width:640px) {
}



#wisdom-tooth .contents05 ul li {
	width: 33.3%;
}
#wisdom-tooth .contents05 ul li:nth-of-type(4) { /*一番最後だけ幅を広げる*/
	width: 100%;
}
@media screen and (max-width:640px) {
}



#orthodontia .contents05 ul li {
	width: 31%;
}
#orthodontia .contents05 ul li:nth-of-type(3) { /*一番最後だけ幅を広げる*/
	width: 38%;
}
#orthodontia .contents05 ul li:nth-of-type(4) { /*一番最後だけ幅を広げる*/
	width: 100%;
}
#orthodontia .contents05 ul li:nth-of-type(5) { /*一番最後だけ幅を広げる*/
	width: 100%;
}
@media screen and (max-width:640px) {
}






/*==================================================================

		$下層　＊　sectionデザイン　＊　写真とタイトルと本文　＊　横に3つ

==================================================================*/
.contents06 {
	position: relative;
	width: 90%;
	max-width: 1280px;
	margin: auto;
}
.contents06 ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.contents06 ul li {
	width: 31%;
	text-align: center;
}
.contents06 ul li img {
	width: 100%;
	border-radius: 20px;
}
.contents06 ul li dt {
	font-size: 22px;
	padding: 15px 0 5px;
	color: #4e9564;
}
.contents06 ul li dt em {
	position: relative;
	bottom: -2px;
	margin-right: 10px;
	font-size: 50px;
	line-height: 1;
	color: #f6ac5a;
	font-family: "Josefin Sans", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-weight: 300;
}
@media screen and (max-width:640px) {
	.contents06 ul {
		display: block;
	}
	.contents06 ul li {
		width: 100%;
		margin-bottom: 30px;
	}
	.contents06 ul li img {
		width: 80%;
		margin: auto;
		border-radius: 10px;
	}
	.contents06 ul li dt {
		font-size: 19px;
		padding: 10px 0 0px;
	}
	.contents06 ul li dt em {
		margin-right: 5px;
		font-size: 32px;
	}
}



#decayedtooth .contents06 ul li {
	width: 48%;
}
#decayedtooth .contents06 ul li dd {
	text-align: left;
	padding-top: 5px;
}
@media screen and (max-width:640px) {
	#decayedtooth .contents06 ul li {
		width: 100%;
		margin-bottom: 50px;
	}
}



#denture .contents06#denture10 li {
	margin-bottom: 30px;
}
#denture .contents06#denture10 ul::after {
	content: "";
	width: 31%;
	height: 1px;
}
@media screen and (max-width:640px) {
	#denture .contents06#denture10 li {
		display: flex;
		margin-bottom: 15px;
		text-align: left;
		align-items: center;
	}
	#denture .contents06#denture10 li figure {
		width: 32%;
		margin-right: 5%;
	}
	#denture .contents06#denture10 li figure img {
		width: 100%;
	}
	#denture .contents06#denture10 li dl {
		width: 63%;
	}
	#denture .contents06#denture10 li dl dt {
		font-size: 18px;
		line-height: 1.7;
		padding: 10px 0 3px;
	}
	#denture .contents06#denture10 li dl dd p {
		font-size: 14px;
		line-height: 1.6;
	}
	#denture .contents06#denture10 ul::after {display: none;}
}



#care .contents06#care04 ul li {
	width: 24%;
}
#care .contents06#care04 ul li:nth-of-type(3) dt {
	font-size: 20px;
	letter-spacing: 0;
}
#care .contents06#care05-1 ul li {
	width: 48%;
}
#care .contents06#care05-1 ul li dd {
	text-align: left;
	padding-top: 5px;
}
#care .contents06#care12 ul::after {
	content: "";
	width: 31%;
	height: 1px;
}
#care .contents06#care12 ul li dt {
	font-size: 19px;
	margin-bottom: 30px;
}
#care .contents06#care12 ul li dt em {
	font-size: 36px;
}
@media screen and (max-width:640px) {
	#care .contents06#care04 ul li {
		width: 100%;
		display: flex;
		align-items: center;
		margin-bottom: 15px;
	}
	#care .contents06 ul li figure {
		width: 40%;
		margin-right: 5%;
	}
	#care .contents06 ul li img {
		width: 100%;
	}
	#care .contents06 ul li dl {
		width: 55%;
	}
	#care .contents06 ul li dt {
		font-size: 17px;
		padding: 0 0 5px;
		text-align: left; 
		line-height: 1.6;
	}
	#care .contents06#care04 ul li:nth-of-type(3) dt {
		font-size: 17px;
	}
	#care .contents06 ul li dd {
		font-size: 14px;
		text-align: left; 
		line-height: 1.6;
	}
	#care .contents06#care05-1 ul li {
		width: 100%;
	}
	#care .contents06#care05-1 ul li figure {
		width: 80%;
		margin: auto;
	}
	#care .contents06#care05-1 ul li dl {
		width: 100%;
	}
	#care .contents06#care05-1 ul li dt {
		font-size: 18px;
		padding: 10px 0 0;
		text-align: center;
	}
	#care .contents06#care05-1 ul li dt em {
		display: none;
	}
	#care .contents06#care05-1 ul li dd {
		font-size: 15px;
		line-height: 2;
	}
	#care .contents06#care12 ul::after {
		display: none;
	}
	#care .contents06#care12 ul li {
		display: flex;
		align-items: center;
		margin-bottom: 15px;
	}
	#care .contents06#care12 ul li dt {
		font-size: 19px;
		margin-bottom: 0;
	}
	#care .contents06#care12 ul li dt em {
		font-size: 30px;
	}
}



#periodontal .contents06 ul li {
	width: 18%;
}
#periodontal .contents06 ul li dt {
	font-size: 19px;
	margin-bottom: 5px;
}
#periodontal .contents06 ul li dd p {
	line-height: 1.9;
	font-size: 16px;
}
#periodontal .contents06 ul li dt em {
	font-size: 30px;
}
@media screen and (max-width:640px) {
	#periodontal .contents06 ul li {
		width: 100%;
		display: flex;
		border-radius: 10px;
		background: rgba(255,255,255,.4);
		border: 2px solid #FFF;
		box-sizing: border-box;
		padding: 15px 10px;
		margin-bottom: 15px;
		align-items: center;
	}
	#periodontal .contents06 ul li figure {
		width: 40%;
		margin-right: 5%;
	}
	#periodontal .contents06 ul li figure img {
		width: 100%;
	}
	#periodontal .contents06 ul li dl {
		width: 55%;
	}
	#periodontal .contents06 ul li dt {
		font-size: 17px;
		margin-bottom: 5px;
		text-align: left;
		padding: 0;
	}
	#periodontal .contents06 ul li dd {
		font-size: 14px;
	}
	#periodontal .contents06 ul li dd p {
		line-height: 1.9;
		font-size: 14px;
		line-height: 1.6;
		text-align: left;
	}
	#periodontal .contents06 ul li dt em {
		font-size: 26px;
		margin-right: 5px;
	}
}



#implant .contents06 ul li dt {
	margin-bottom: 15px;
}
#implant .contents06 ul li dd {
	width: 70%;
	margin: auto;
}
@media screen and (max-width:640px) {
}




#wisdom-tooth .contents06 ul li {
	width: 19%;
}
#wisdom-tooth .contents06 ul li img {
	border-radius: 10px;
}
#wisdom-tooth .contents06 ul li dt {
	font-size: 18px;
	padding: 15px 0 5px;
}
#wisdom-tooth .contents06 ul li dt em {
	font-size: 30px;
}
@media screen and (max-width:640px) {
	#wisdom-tooth .contents06 ul li {
		width: 100%;
		display: flex;
		align-items: center;
	}
	#wisdom-tooth .contents06 ul li figure {
		width: 40%;
		margin-right: 5%;
	}
	#wisdom-tooth .contents06 ul li img {
		width: 100%;
	}
	#wisdom-tooth .contents06 ul li dl {
		width: 55%;
	}
	#wisdom-tooth .contents06 ul li dt {
		font-size: 17px;
		padding: 0 0 5px;
		text-align: left; 
	}
	#wisdom-tooth .contents06 ul li dt em {
		font-size: 30px;
	}
}



#orthodontia_child .contents06 ul li {
	width: 19%;
	margin-bottom: 40px;
}
#orthodontia_child .contents06 ul li img {
	border-radius: 10px;
}
#orthodontia_child .contents06 ul li dt {
	font-size: 18px;
	padding: 15px 0 5px;
}
#orthodontia_child .contents06 ul li dt em {
	font-size: 30px;
}
#orthodontia_child .contents06 ul::after {
	content: "";
	width: 19%;
	height: 1px;
}
@media screen and (max-width:640px) {
	#orthodontia_child .contents06 ul {
		display: flex;
	}
	#orthodontia_child .contents06 ul li {
		width: 49%;
		margin-bottom: 30px;
	}
	#orthodontia_child .contents06 ul li figure img {
		width: 100%;
	}
	#orthodontia_child .contents06 ul li dt {
		font-size: 15px;
		padding: 15px 0 5px;
		line-height: 1.7;
	}
	#orthodontia_child .contents06 ul li dt em {
		bottom: -1px;
		margin-right: 5px;
		font-size: 24px;
	}
	#orthodontia_child .contents06 ul li dd {
		font-size: 14px;
	}
	#orthodontia_child .contents06 ul::after {
		content: "";
		width: 49%;
		height: 1px;
	}
}



#orthodontia_adult .contents06 ul li {
	margin-bottom: 40px;
}
@media screen and (max-width:640px) {
	#orthodontia_adult .contents06 ul {
		display: flex;
	}
	#orthodontia_adult .contents06 ul li {
		width: 49%;
		margin-bottom: 30px;
	}
	#orthodontia_adult .contents06 ul li figure img {
		width: 100%;
	}
	#orthodontia_adult .contents06 ul li dt {
		font-size: 15px;
		padding: 15px 0 5px;
		line-height: 1.7;
	}
	#orthodontia_adult .contents06 ul li dt em {
		bottom: -1px;
		margin-right: 5px;
		font-size: 24px;
	}
	#orthodontia_adult .contents06 ul li dd {
		font-size: 14px;
	}
}



#whitening .contents06#whitening04 ul li dd {
	text-align: left;
}
@media screen and (max-width:640px) {
}




/*==================================================================

		$下層　＊　sectionデザイン　＊　写真とタイトルと本文　＊　縦に

==================================================================*/
.contents07 {
	position: relative;
	width: 90%;
	max-width: 1280px;
	margin: auto;
}
.contents07 ul {
}
.contents07 ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 40px;
}
.contents07 ul li figure {
	width: 30%;
	margin-right: 5%;
}
.contents07 ul li img {
	width: 100%;
	border-radius: 20px;
}
.contents07 ul li dl {
	width: 65%;
}
.contents07 ul li dt {
	font-size: 22px;
	padding-top: 20px;
	padding-bottom: 10px;
	color: #4e9564;
}
.contents07 ul li dt em {
	position: relative;
	bottom: -2px;
	margin-right: 10px;
	font-size: 50px;
	line-height: 1;
	color: #f6ac5a;
	font-family: "Josefin Sans", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-weight: 300;
}
@media screen and (max-width:640px) {
	.contents07 ul li {
		display: block;
		margin-bottom: 40px;
	}
	.contents07 ul li figure {
		width: 80%;
		margin: 0 auto;
	}
	.contents07 ul li img {
		border-radius: 10px;
	}
	.contents07 ul li dl {
		width: 100%;
	}
	.contents07 ul li dt {
		font-size: 19px;
		text-align: center;
		line-height: 1.7;
	}
	.contents07 ul li dt em {
		font-size: 40px;
	}
}



#decayedtooth .contents07#decayedtooth06 .inner {
	width: 90%; margin: auto;
}
#decayedtooth .contents07#decayedtooth06 ul li {
	border-radius: 20px;
	background: rgba(255,255,255,.4);
	border: 2px solid #FFF;
	box-sizing: border-box;
	padding: 20px 30px;
	margin-bottom: 20px;
}
#decayedtooth .contents07#decayedtooth06 ul li figure {
	width: 18%;
}
#decayedtooth .contents07#decayedtooth06 ul li dl {
	width: 80%;
}
@media screen and (max-width:640px) {
	#decayedtooth .contents07#decayedtooth06 .inner {
		width: 100%; 
	}
	#decayedtooth .contents07#decayedtooth06 ul li {
		border-radius: 10px;
		padding: 20px 20px 10px;
		margin-bottom: 20px;
	}
	#decayedtooth .contents07#decayedtooth06 ul li figure {
		width: 50%;
	}
	#decayedtooth .contents07#decayedtooth06 ul li dl {
		width: 100%;
	}
	#decayedtooth .contents07#decayedtooth06 ul li dl dt {
		padding-top: 5px;
		padding-bottom: 2px;
	}
}



#root .contents07 ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#root .contents07 ul li {
	width: 49%;
	border-radius: 20px;
	background: rgba(255,255,255,.4);
	border: 2px solid #FFF;
	box-sizing: border-box;
	padding: 20px 20px;
	margin-bottom: 20px;
}
#root .contents07 ul li figure {
	width: 26%;
}
#root .contents07 ul li dl {
	width: 70%;
}
@media screen and (max-width:640px) {
	#root .contents07 ul {
		display: block;
	}
	#root .contents07 ul li {
		width: 100%;
		border-radius: 10px;
		padding: 15px 15px;
		margin-bottom: 15px;
		display: flex;
	}
	#root .contents07 ul li figure {
		width: 35%;
		margin-right: 5%;
	}
	#root .contents07 ul li dl {
		width: 60%;
	}
	#root .contents07 ul li dl dt {
		font-size: 18px;
		text-align: left;
	}
	#root .contents07 ul li dl dt em {
		font-size: 30px;
		margin-right: 5px;
	}
	#root .contents07 ul li dl dd p {
		line-height: 1.7;
		font-size: 14px;
	}
}



#periodontal .contents07#periodontal04 .inner {
	width: 90%; margin: auto;
}
#periodontal .contents07#periodontal04 ul li {
	border-radius: 20px;
	background: rgba(255,255,255,.4);
	border: 2px solid #FFF;
	box-sizing: border-box;
	padding: 20px 30px;
	margin-bottom: 20px;
}
#periodontal .contents07#periodontal04 ul li figure {
	width: 18%;
}
#periodontal .contents07#periodontal04 ul li dl {
	width: 80%;
}
@media screen and (max-width:640px) {
	#periodontal .contents07#periodontal04 .inner {
		width: 100%;
	}
	#periodontal .contents07#periodontal04 ul li {
		border-radius: 10px;
		padding: 20px 20px;
	}
	#periodontal .contents07#periodontal04 ul li figure {
		width: 50%;
	}
	#periodontal .contents07#periodontal04 ul li dl {
		width: 100%;
	}
	#periodontal .contents07#periodontal04 ul li dl dt {
		padding-top: 13px;
	}
}



#orthodontia .contents07#orthodontia08 li { /*矯正内の治療法を探す、画像を上合わせ。長文のため。*/
	align-items: flex-start;
}
#orthodontia .contents07#orthodontia08 li dt {
	padding-top: 0;
}
#orthodontia .contents07#orthodontia08 li dd img {
	width: auto;
	margin-bottom: 25px;
	border-radius: 5px;
}
#orthodontia .orth_merit em { /*メリット*/
	background: #a0d16f;
	padding: 1px 20px 3px;
	border-radius: 5px;
	color: #FFF;
}
#orthodontia .orth_demerit em { /*デメリット*/
	background: #f6ac5a;
	padding: 1px 20px 3px;
	border-radius: 5px;
	color: #FFF;
}
#orthodontia .invisalign em { /*もっと詳しく（インビザ）*/
	background: #36a7cd;
	padding: 1px 20px 3px;
	border-radius: 5px;
	color: #FFF;
}
#orthodontia .orth_merit p , #orthodontia .orth_demerit p , #orthodontia .invisalign p {
	margin-top: 5px;
	padding-left: 20px;
	line-height: 1.8;
}
#orthodontia .invisalign p { /*もっと詳しく（インビザ）内の詳細デザイン*/
	display: flex;
	align-items: flex-start;
	margin-top: 15px;
}
#orthodontia .invisalign p a { /*もっと詳しく（インビザ）内の詳細デザイン*/
	margin-right: 3%;
	width: 30%;
}
#orthodontia .invisalign p a img { /*もっと詳しく（インビザ）内の詳細デザイン*/
	width: 100% !important;
}
#orthodontia .invisalign p span { /*もっと詳しく（インビザ）内の詳細デザイン*/
	display: block;
	width: 67%;
}

@media screen and (max-width:640px) {
	#orthodontia .contents07#orthodontia08 li dt {
		padding-top: 17px;
	}
	#orthodontia .orth_merit em , #orthodontia .orth_demerit em , #orthodontia .invisalign em { /*メリット・デメリット・もっと詳しく*/
		display: block;
		text-align: center;
		line-height: 1.5;
		padding: 2px 20px 2px;
		border-radius: 15px;
	}
	#orthodontia .orth_merit p , #orthodontia .orth_demerit p , #orthodontia .invisalign p {
		padding-left: 0;
	}
	#orthodontia .invisalign p { /*もっと詳しく（インビザ）内の詳細デザイン*/
		display: block;
	}
	#orthodontia .invisalign p a { /*もっと詳しく（インビザ）内の詳細デザイン*/
		display: block;
		margin: 0 auto;
		width: 70%;
	}
	#orthodontia .invisalign p a img { /*もっと詳しく（インビザ）内の詳細デザイン*/
		margin-bottom: 10px !important;
	}
	#orthodontia .invisalign p span { /*もっと詳しく（インビザ）内の詳細デザイン*/
		width: 100%;
	}
}





#orthodontia_child .contents07#orthodontia_child06 ul li {
	border-radius: 20px;
	background: rgba(255,255,255,.4);
	border: 2px solid #FFF;
	box-sizing: border-box;
	padding: 20px 30px;
	margin-bottom: 20px;
}
#orthodontia_child .contents07#orthodontia_child06 ul li figure {
	width: 18%;
}
#orthodontia_child .contents07#orthodontia_child06 ul li dl {
	width: 80%;
}
#orthodontia_child .contents07#orthodontia_child06 ul li dt {
	padding-top: 0;
}
@media screen and (max-width:640px) {
	#orthodontia_child .contents07#orthodontia_child06 ul li {
		background: none;
		border: none;
		padding: 0;
		margin-bottom: 40px;
	}
	#orthodontia_child .contents07#orthodontia_child06 ul li figure {
		width: 80%;
	}
	#orthodontia_child .contents07#orthodontia_child06 ul li dl {
		width: 100%;
	}
	#orthodontia_child .contents07#orthodontia_child06 ul li dt {
		padding-top: 8px;
		padding-bottom: 0;
	}
}





#orthodontia_adult .contents07 ul li {
	border-radius: 20px;
	background: rgba(255,255,255,.4);
	border: 2px solid #FFF;
	box-sizing: border-box;
	padding: 20px 30px;
	margin-bottom: 20px;
}
#orthodontia_adult .contents07 ul li figure {
	width: 18%;
}
#orthodontia_adult .contents07 ul li dl {
	width: 80%;
}
#orthodontia_adult .contents07 ul li dt {
	padding-top: 0;
}
@media screen and (max-width:640px) {
	#orthodontia_adult .contents07 ul li {
		background: none;
		border: none;
		padding: 0;
		margin-bottom: 40px;
	}
	#orthodontia_adult .contents07 ul li figure {
		width: 80%;
	}
	#orthodontia_adult .contents07 ul li dl {
		width: 100%;
	}
	#orthodontia_adult .contents07 ul li dt {
		padding-top: 8px;
		padding-bottom: 0;
	}
}



#whitening .contents07#whitening02 li:nth-of-type(n+2) figure {
	display: none;
}
#whitening .contents07#whitening02 li:nth-of-type(n+1) dl {
	width: 100%;
}
#whitening .contents07#whitening02 li:nth-of-type(1) figure {
	width: 50%;
	margin: 10px auto 20px;
}
@media screen and (max-width:640px) {
	#whitening .contents07#whitening02 li:nth-of-type(1) figure {
		width: 100%;
	}
	#whitening .contents07#whitening02 li {
		margin-bottom: 20px;
	}
	#whitening .contents07#whitening02 li dt {
		text-align: left;
	}
}




#whitening .contents07#whitening03 ul.reason_checklist li {
	margin-bottom: 20px;
}
@media screen and (max-width:640px) {
}




#whitening .contents07#whitening13 .inner , #whitening .contents07#whitening15 .inner {
	width: 90%; margin: auto;
}
#whitening .contents07#whitening13 ul li , #whitening .contents07#whitening15 ul li {
	border-radius: 20px;
	background: rgba(255,255,255,.4);
	border: 2px solid #FFF;
	box-sizing: border-box;
	padding: 20px 30px;
	margin-bottom: 20px;
}
#whitening .contents07#whitening13 ul li figure , #whitening .contents07#whitening15 ul li figure {
	width: 18%;
}
#whitening .contents07#whitening13 ul li dl , #whitening .contents07#whitening15 ul li dl {
	width: 80%;
}
#whitening .contents07#whitening13 ul li dt , #whitening .contents07#whitening15 ul li dt {
	padding-top: 0;
}
@media screen and (max-width:640px) {
	#whitening .contents07#whitening13 .inner , #whitening .contents07#whitening15 .inner {
		width: 100%;
	}
	#whitening .contents07#whitening13 ul li , #whitening .contents07#whitening15 ul li {
		border-radius: 10px;
		padding: 20px 20px;
	}
	#whitening .contents07#whitening13 ul li figure , #whitening .contents07#whitening15 ul li figure {
		width: 50%;
	}
	#whitening .contents07#whitening13 ul li dl , #whitening .contents07#whitening15 ul li dl {
		width: 100%;
	}
	#whitening .contents07#whitening13 ul li dt , #whitening .contents07#whitening15 ul li dt {
		padding-top: 10px;
	}
}








#denture .contents07 h5 {
	font-size: 22px;
	padding: 15px 0 5px;
	color: #4e9564;
}
@media screen and (max-width:640px) {
	#denture .contents07 h5 {
		font-size: 19px;
	}
}






/*==================================================================

		$下層　＊　sectionデザイン　＊　中央揃え・背景白　＊　小児歯科のシーラントで使用

==================================================================*/
.contents08 {
	position: relative;
	width: 90%;
	max-width: 1280px;
	margin: auto;
	text-align: center;
}
.contents08 figure {
	display: inline-block;
	background: #FFF;
	border-radius: 20px;
	padding: 20px 80px;
	margin-bottom: 20px;
}
.contents08 p {
	margin-bottom: 20px;
}
@media screen and (max-width:640px) {
	.contents08 {
		text-align: left;
	}
	.contents08 figure {
		border-radius: 10px;
		padding: 20px 20px;
	}
}



#implant .contents08 figure , #price .contents08#price05-1 figure {
	background: none;
	padding: 0;
	margin-bottom: 40px;
}
#implant .contents08 p , #price .contents08#price05-1 p {
	text-align: left;
}
@media screen and (max-width:640px) {
}





/*==================================================================

		$下層　＊　sectionデザイン　＊　タイトルと本文　＊　数字付き

==================================================================*/
.contents09 {
	position: relative;
	width: 90%;
	max-width: 1280px;
	margin: auto;
}
.contents09 ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.contents09 ul li {
	width: 31%;
	border-radius: 20px;
	background: rgba(255,255,255,.6);
	border: 2px solid #FFF;
	box-sizing: border-box;
	padding: 0 20px 10px;
}
.contents09 ul li dt {
	font-size: 22px;
	padding-top: 20px;
	padding-bottom: 10px;
	color: #4e9564;
	text-align: center;
}
.contents09 ul li dt em {
	position: relative;
	bottom: -2px;
	margin-right: 10px;
	font-size: 50px;
	line-height: 1;
	color: #f6ac5a;
	font-family: "Josefin Sans", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-weight: 300;
}
@media screen and (max-width:640px) {
	.contents09 ul {
		display: block;
	}
	.contents09 ul li {
		width: 100%;
		border-radius: 10px;
		padding: 0 20px 0;
	}
	.contents09 ul li dt {
		font-size: 19px;
		padding-top: 15px;
		padding-bottom: 10px;
		color: #4e9564;
		text-align: center;
	}
	.contents09 ul li dt em {
		margin-right: 8px;
		font-size: 40px;
	}
}



#pedodontia .contents09 .inner {
	width: 90%;
	margin: 0 auto;
}
#pedodontia .contents09 li {
	width: 49%;
	margin-bottom: 30px;
}
#pedodontia .contents09 li:first-of-type {
	width: 100%;
}
@media screen and (max-width:640px) {
	#pedodontia .contents09 .inner {
		width: 100%;
	}
	#pedodontia .contents09 li {
		width: 100%;
		margin-bottom: 15px;
	}
	#pedodontia .contents09 li dd {
		text-align: left;
	}
}






/*==================================================================

		$下層　＊　sectionデザイン　＊　よくあるご質問

==================================================================*/
.contents10 {
	position: relative;
	width: 90%;
	max-width: 1280px;
	margin: auto;
}
.contents10 dl {
	width: 90%;
	margin: 0 auto 40px;
}
.contents10 dt {
	font-size: 20px;
	margin-bottom: 10px;
	padding: 20px 30px 20px;
	background: rgba(140, 210, 150, .2);
	border-radius: 10px;
}
.contents10 dd {
	background: rgba(255,255,255,.6);
	padding: 20px 30px 20px;
	border-radius: 10px;
}
.contents10 dl em {
	position: relative;
	bottom: -2px;
	margin-right: 10px;
	font-size: 30px;
	line-height: 1;
	color: #4e9564;
	font-family: "Josefin Sans", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-weight: 300;
}
.contents10 dl dd em {
	color: #f6ac5a;
}
@media screen and (max-width:640px) {
	.contents10 dl {
		width: 100%;
		margin: 0 auto 20px;
	}
	.contents10 dt {
		font-size: 16px;
		line-height: 1.7;
		margin-bottom: 10px;
		padding: 12px 20px 13px;
		border-radius: 5px;
	}
	.contents10 dd {
		padding: 15px 20px 15px;
		border-radius: 5px;
	}
	.contents10 dl em {
		bottom: -1px;
		margin-right: 5px;
		font-size: 24px;
	}
}



/*==================================================================

		$下層　＊　sectionデザイン　＊　よくあるご質問（吹き出し対話形式）

==================================================================*/
.contents11 {
	position: relative;
	width: 90%;
	max-width: 1280px;
	margin: auto;
}
.contents11 dl {
	width: 80%;
	margin: 0 auto 30px;
}
.contents11 dt {
	position: relative;
	width: 80%;
	margin-left: 18%;
	font-size: 18px;
	box-sizing: border-box;
	padding: 15px 50px;
	background: rgba(140, 210, 150, .4);
	border-radius: 10px;
	border: 2px solid #afdeb6;
}
.contents11 dt::after { /*患者様の方の ▶︎*/
	position: absolute; content: "";
  	clip-path: polygon(0 0, 100% 50%, 0 100%);
	background: #afdeb6;
  	height: calc(tan(60deg) * 14px / 2);
  	width: 14px;
	right: -14px;
	top: 50%; margin-top: -7px;
}
.contents11 dd {
	position: relative;
	width: calc( 90% - 130px );
	box-sizing: border-box;
	padding: 15px 50px;
	background: rgba(246,172,90,.4);
	margin-top: 12px;
	margin-left: 130px;
	border-radius: 10px;
	border: 2px solid #f6ac5a;
}
.contents11 dd::before { /*先生のお写真*/
	position: absolute; content: "";
	width: 100px; height: 100px;
	background: url("images/img01.jpg") no-repeat;
	background-size: cover;
	top: -22px;
	left: -130px;
	border-radius: 100%;
	border: 2px solid #f6ac5a;
}
.contents11 dd::after { /*先生の方の ◀︎*/
	position: absolute; content: "";
  	clip-path: polygon(0 50%, 100% 0, 100% 100%);
	background: #f6ac5a;
  	height: calc(tan(60deg) * 14px / 2);
  	width: 14px;
	left: -14px;
	top: 50%; margin-top: -7px;
}
@media screen and (max-width:640px) {
	.contents11 dl {
		width: 100%;
		margin: 0 auto 30px;
	}
	.contents11 dt {
		width: 98%;
		margin-left: 0;
		font-size: 17px;
		padding: 10px 30px;
	}
	.contents11 dd {
		width: calc( 90% - 82px );
		padding: 15px 20px;
		margin-top: 15px;
		margin-left: 110px;
		line-height: 1.6;
	}
	.contents11 dd::before { /*先生のお写真*/
		width: 80px; height: 80px;
		top: -5px;
		left: -110px;
	}
}





/*==================================================================

	$下層　＊　タイトルと本文　＊　クリニック紹介で使用

==================================================================*/
.contents12 {
	position: relative;
	width: 90%;
	max-width: 1280px;
	margin: auto;
}
.contents12 dt {
	font-size: 20px;
	margin-bottom: 10px;
	color: #4e9564;
}
.contents12 dd {
	margin-bottom: 40px;
}
@media screen and (max-width:640px) {
	.contents12 dt {
		font-size: 19px;
	}
}




/*==================================================================

	$下層　＊　sectionデザイン　＊　選ばれる理由、のチェックリストデザインを追加

==================================================================*/
.reason_checklist li {
	position: relative; 
	padding-left: 40px;
	margin-bottom: 20px;
	text-decoration: underline;
	text-decoration-style: dotted;
	text-decoration-color: #f6ac5a;
	text-underline-offset: 10px;
}
.reason_checklist li::before {
	position: absolute; content: "";
	background: url("images/icon07.png") no-repeat;
	background-size: cover;
	width: 25px; height: 25px;
	left: 0;
	top: 4px;
}
@media screen and (max-width:640px) {
	.reason_checklist {
		margin-bottom: 20px;
	}
	.reason_checklist li {
		margin-bottom: 10px;
		text-underline-offset: 8px;
	}
}




/*==================================================================

	$下層　＊　sectionデザイン　＊　注意点、のチェックリストデザインを追加

==================================================================*/
.important_checklist {
	width: 90%;
	margin: auto;
}
.important_checklist li {
	position: relative; 
	padding-left: 40px;
	margin-bottom: 20px;
	text-decoration: underline;
	text-decoration-style: dotted;
	text-decoration-color: #a0d16f;
	text-underline-offset: 10px;
}
.important_checklist li::before {
	position: absolute; content: "";
	background: url("images/icon08.png") no-repeat;
	background-size: cover;
	width: 25px; height: 25px;
	left: 0;
	top: 4px;
}
@media screen and (max-width:640px) {
	.important_checklist {
		width: 100%;
	}
	.important_checklist li {
		text-underline-offset: 8px;
	}
}


#implant .contents02 .important_checklist {
	width: 100%;
}


#whitening #whitening05 .important_checklist {
	line-height: 2.5;
}





/*==================================================================

	$下層　＊　sectionデザイン　＊　強調デザイン　＊オレンジ主張強め

==================================================================*/
.note01 {
	width: 70%;
	margin: auto;
	background: rgba(246,172,90,.4);
	border-radius: 30px;
	box-sizing: border-box;
	padding: 10px 20px;
	border: 2px solid #f6ac5a;
	text-align: center;
	font-size: 22px;
}
@media screen and (max-width:640px) {
	.note01 {
		width: 100%;
		padding: 12px 10px;
		border-radius: 10px;
		line-height: 1.7;
		font-size: 16px;
	}
}




/*==================================================================

	$下層　＊　sectionデザイン　＊　１行だけで寂しい時のデザイン　＊白主張控えめ

==================================================================*/
.note02 {
	width: 90%;
	margin: auto;
	background: rgba(255,255,255,.7);
	border-radius: 30px;
	box-sizing: border-box;
	padding: 8px 20px;
	text-align: center;
}
@media screen and (max-width:640px) {
	.note02 {
		padding: 12px 20px;
		border-radius: 10px;
		line-height: 1.7;
	}
}


@media screen and (max-width:640px) {
	#denture .note02 {
		width: 100%;
		padding: 12px 10px;
	}
}




/*==================================================================

	$下層　＊　sectionデザイン　＊　１行だけで寂しい時のデザイン　＊　緑主張控えめ

==================================================================*/
.note03 {
	width: 90%;
	margin: auto;
	box-sizing: border-box;
	padding: 8px 20px;
	text-align: center;
	background: rgba(140,210,150,.2);
	border-radius: 30px;
	border: 2px solid #afdeb6;
}
@media screen and (max-width:640px) {
	.note03 {
		padding: 13px 20px 15px;
		border-radius: 10px;
		line-height: 1.7;
		text-align: left;
	}
}




/*==================================================================

	$下層　＊　sectionデザイン　＊　youtube

==================================================================*/
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}



#care .youtube {
	width: 60%;
	margin: auto;
}
@media screen and (max-width:640px) {
	#care .youtube {
		width: 100%;
	}
}





/*==================================================================

	関連ページのご案内　＊　#links

==================================================================*/
#links {
	width: 90%;
	max-width: 1280px;
	margin: 0 auto;
}
#links ul {
	background: rgba(255,255,255,.6);
	padding: 45px 20px 30px;
	border-radius: 30px;
	box-sizing: border-box;
	border: 2px solid #FFF;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#links ul li {
	position: relative;
	margin: 0 20px 20px;
	padding-left: 20px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #a0d16f;
}
#links ul li::before {
	position: absolute;
	content: "";
	background: url("images/icon02.png") no-repeat;
	background-size: 9px 10px;
	width: 9px; height: 10px;
	left: 0; top: 10px;
	transition: 0.3s ease-out;
}
#links ul li a:hover {
	color: #309e52;
}
#links ul li:hover::before {
	transform: rotate(90deg);
}
@media screen and (max-width:640px) {
	#links ul {
		padding: 30px 30px 20px;
		border-radius: 10px;
		display: block;
	}
	#links ul li {
		margin: 0 0 10px;
		font-size: 14px;
		line-height: 1.6;
		padding-bottom: 8px;
	}
	#links ul li::before {
		top: 6px;
	}
}





/*==================================================================

	$下層　＊　料金表

==================================================================*/
dl.pricelist {
	width: 80%;
	margin: auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	border-top: 1px solid #afdeb6;
}
dl.pricelist dt {
	width: 70%;
	box-sizing: border-box;
	padding: 12px 40px;
	background: rgba(140,210,150,.1);
	border-bottom: 1px solid #afdeb6;
}
dl.pricelist dd {
	width: 30%;
	box-sizing: border-box;
	padding: 12px 40px;
	background: rgba(255,255,255,.4);
	border-bottom: 1px solid #afdeb6;
	text-align: right;
}
dl.pricelist dt:nth-of-type(odd) {
	background: rgba(140,210,150,.3);
}
dl.pricelist dd:nth-of-type(odd) {
	background: rgba(255,255,255,.7);
}
@media screen and (max-width:640px) {
	dl.pricelist {
		width: 100%;
		font-size: 14px;
		line-height: 1.5;
	}
	dl.pricelist dt {
		width: 70%;
		padding: 12px 15px;
	}
	dl.pricelist dd {
		width: 30%;
		padding: 12px 15px;
	}
}




@media screen and (max-width:640px) {
	#implant dl.pricelist dt {
		width: 45%;
	}
	#implant dl.pricelist dd {
		width: 55%;
	}
}






/*==================================================================

	$下層　＊　治療症例

==================================================================*/
.case {
	width: 90%;
	max-width: 1200px;
	margin: auto;
}

.case .inner {
	border-radius: 30px;
	box-sizing: border-box;
	padding: 50px 80px;
	border: 2px solid #FFF;
	background: rgba(255,255,255,.5);
}

.case figure {
	width: 80%;
	margin: auto;
}
.case figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.case h5 {
	font-size: 22px;
	padding: 15px 0 5px;
	color: #4e9564;
}


.case ul.case_list01 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.case ul.case_list01 li {
	width: 48%;
	text-align: center;
}
.case ul.case_list01 li img {
	width: 100%;
	border-radius: 10px;
}
.case ul.case_list01 li dt {
	font-size: 22px;
	padding: 15px 0 5px;
	color: #4e9564;
}
.case ul.case_list01 li dd {
	text-align: left;
}

.case .pricelist {
	width: 100%;
}
.case .pricelist dt {
	width: 30%;
}
.case .pricelist dd {
	width: 70%;
	text-align: left;
	padding: 12px 30px 12px 40px;
}
@media screen and (max-width:640px) {
	.case .inner {
		border-radius: 10px;
		padding: 20px 20px;
	}
	.case figure {
		width: 100%;
	}
	.case h5 {
		font-size: 18px;
		line-height: 1.7;
	}
	.case ul.case_list01 li dt {
		font-size: 18px;
		line-height: 1.7;
		text-align: left;
	}
	.case .pricelist dt {
		width: 35%;
	}
	.case .pricelist dd {
		width: 65%;
		padding: 12px 10px 12px 20px;
	}
}



.case h6 {
	color: #ee8609;
	font-size: 18px;
	margin-bottom: 10px;
}



@media screen and (max-width:640px) {
	#implant .case .important_checklist {
		margin: 20px 0 30px;
	}
	#implant .case .important_checklist li {
		margin-bottom: 10px;
	}
}




#wisdom-tooth .case figure:nth-of-type(4) {
	width:460px;
}
#wisdom-tooth .case .text div { /*一番最後のところ*/
	display: flex;
	align-items: center;
}
#wisdom-tooth .case .text div figure {
	width: 40%;
	margin-left: 5%;
}
@media screen and (max-width:640px) {
	#wisdom-tooth .case figure:nth-of-type(4) {
		width:70%;
	}
	#wisdom-tooth .case .text div { /*一番最後のところ*/
		display: block;
	}
	#wisdom-tooth .case .text div figure {
		width: 60%;
		margin: 0 auto 20px;
	}
}





#whitening .case#whitening14 figure:nth-of-type(1) { /*CR（コンポジットレジン）による1回で終わるむし歯治療、の１つ目の写真をfloatに*/
	width: 33%;
	margin-left: 50px;
	float: right;
	border-radius: 20px;
	overflow: hidden;
}
@media screen and (max-width:640px) {
	#whitening .case#whitening14 figure:nth-of-type(1) {
		width: 43%;
		margin-left: 5%;
		border-radius: 10px;
	}
}



#whitening .case#whitening17 figure:nth-of-type(2) { /*当院で実際に行なった「前歯のセラミック」治療、の２つ目の写真をfloatに*/
	width: 45%;
	margin-left: 50px;
	float: right;
	border-radius: 20px;
	overflow: hidden;
}
@media screen and (max-width:640px) {
	#whitening .case#whitening17 figure:nth-of-type(2) { 
		width: 50%;
		margin-left: 5%;
		border-radius: 10px;
	}
}



#whitening .case#whitening18 figure:nth-of-type(1) { /*当院で実際に行なった「神経が死んだ歯のセラミック」治療、の１つ目の写真*/
	width: 60%;
}
@media screen and (max-width:640px) {
	#whitening .case#whitening18 figure:nth-of-type(1) {
		width: 80%;
	}
}





/*==================================================================

		$料金表ページのみ

==================================================================*/
#price section .inner {
	max-width: 1100px;
	margin: auto;
}
#price section .btn {
	max-width: 400px;
	margin: auto;
}
#price section#price05 dl.pricelist dt { /*インプラント、はddを広く*/
	width: 40%;
}
#price section#price05 dl.pricelist dd {
	width: 60%;
}
#price section#price05-1 .inner { /*インプラント治療に関する保証について、は幅を狭くしない*/
	max-width: none;
}
#price section#price08 .inner { /*ホワイトニング、は幅を狭くしない*/
	max-width: none;
}
#price section#price09 .inner { /*保証について、は幅を狭くしない*/
	max-width: none;
}
#price section#price10 .inner { /*医療費控除について、は幅を狭くしない*/
	max-width: none;
}
@media screen and (max-width:640px) {
	#price section#price05 dl.pricelist dt { /*インプラント、はddを広く*/
		width: 50%;
	}
	#price section#price05 dl.pricelist dd {
		width: 50%;
	}
}



#price section#price08 .inner h5 { /*ホワイトニング、は幅を調整*/
	width: 80%;
	margin: 0 auto 20px;
}
#price section#price08 .inner p { /*ホワイトニング、は幅を調整*/
	width: 80%;
	margin: 0 auto 20px;
}
#price section#price08 dl.pricelist dt { /*ホワイトニング、はddを広く*/
	width: 60%;
}
#price section#price08 dl.pricelist dd {
	width: 40%;
}
@media screen and (max-width:640px) {
	#price section#price08 .inner h5 { /*ホワイトニング、は幅を調整*/
		width: 100%;
		margin: 0 auto 10px;
	}
	#price section#price08 .inner p { /*ホワイトニング、は幅を調整*/
		width: 100%;
	}
	#price section#price08 dl.pricelist dt { /*ホワイトニング、はddを広く*/
		width: 50%;
	}
	#price section#price08 dl.pricelist dd {
		width: 50%;
	}
}



#price section#price09 table { /*補償について、のtable*/
	width: 100%;
}
#price section#price09 table thead { /*補償について、のtable*/
	background: rgba(140,210,150,.4);
	border-top: 1px solid #afdeb6;
	border-bottom: 1px solid #afdeb6;
}
#price section#price09 table tbody { /*補償について、のtable*/
	background: rgba(255,255,255,.4);
	border-bottom: 1px solid #afdeb6;
}
#price section#price09 table th { /*補償について、のtable*/
	width: 10%;
	padding: 20px 0;
	background: rgba(140,210,150,.4);
	text-align: center;
}
#price section#price09 table td { /*補償について、のtable*/
	width: 10%;
	padding: 20px 0;
	border-left: 1px solid #afdeb6;
	text-align: center;
}
@media screen and (max-width:640px) {
	.table_scroll {
		position: relative;
		overflow-x: scroll;
	}
	.table_scroll::before {
		display: block;
		content: "右にスクロールが可能です　→";
		background: #f6ac5a;
		width: 100%;
		border-radius: 20px;
		text-align: center;
		margin-bottom: 15px;
		color: #FFF;
	}
	
	#price section#price09 table { /*補償について、のtable*/
		width: 900px;
	}
	#price section#price09 table th { /*補償について、のtable*/
		padding: 10px 0;
	}
	#price section#price09 table td { /*補償について、のtable*/
		padding: 10px 0;
	}
}






/*==================================================================

		$矯正歯科の料金表ページ

==================================================================*/
#price_orthodontia section .inner {
	max-width: 1100px;
	margin: auto;
}
#price_orthodontia table { 
	width: 100%;
}
#price_orthodontia table thead {
	background: rgba(140,210,150,.4);
	box-sizing: border-box;
	border-top: 1px solid #afdeb6;
	border-bottom: 1px solid #afdeb6;
}
#price_orthodontia table thead th {
	padding: 25px 0;
	font-weight: 500;
	box-sizing: border-box;
	border-right: 1px solid rgba(255,255,255,.8);
}
#price_orthodontia table thead th:last-of-type {
	border-right: none;
}
#price_orthodontia table tbody {
	background: rgba(255,255,255,.4);
	border-bottom: 1px solid #afdeb6;
	box-sizing: border-box;
}
#price_orthodontia table th {
	width: 22%;
	padding: 15px 0;
	background: rgba(140,210,150,.4);
	text-align: center;
	box-sizing: border-box;
	border-bottom: 1px solid #afdeb6;
}
#price_orthodontia table td {
	padding: 15px 30px;
	box-sizing: border-box;
	border-left: 1px solid #afdeb6;
	border-bottom: 1px solid #afdeb6;
}
#price_orthodontia table td:first-of-type {
	width: 60%;
}
#price_orthodontia table td:last-of-type {
	width: 18%;
	text-align: right;
}
#price_orthodontia table td.pr_img {
	display: flex;
	width: 100%;
	align-items: center;
}
#price_orthodontia table td.pr_img img {
	width: 20%;
	margin-right: 3%;
}
@media screen and (max-width:640px) {
	#price_orthodontia table { 
		width: 800px;
		font-size: 14px;
	}
	#price_orthodontia table th {
		width: 18%;
		padding: 10px 0;
	}
	#price_orthodontia table td {
		padding: 10px 10px;
	}
	#price_orthodontia table td:first-of-type {
		width: 69%;
	}
	#price_orthodontia table td:last-of-type {
		width: 13%;
	}
	#price_orthodontia table td.pr_img {
		width: 100%;
	}
}



/*------------------------------ 分割例のTable ------------------------------*/
#price_orthodontia02 th {
	width: 25% !important;
}
#price_orthodontia02 td {
	width: 25% !important;
	text-align: center !important;
}
#price_orthodontia02 thead {
	background: none !important;
}

/*1つ目のTableのみ*/
#price_orthodontia02 table:nth-of-type(1) thead th:nth-of-type(odd) {
	background: rgba(255,255,255,.4);
}
#price_orthodontia02 table:nth-of-type(1) thead th:nth-of-type(4) {
	background: rgba(240,135,12,.3);
}
#price_orthodontia02 table:nth-of-type(1) tbody td:nth-of-type(2) {
	background: rgba(240,135,12,.3);
	border-bottom: 1px solid #FFF;
}
#price_orthodontia02 table:nth-of-type(1) tbody tr:last-of-type td:nth-of-type(2) {
	border-bottom: 1px solid #afdeb6;
}

/*2つ目のTableのみ*/
#price_orthodontia02 table:nth-of-type(2) thead th:nth-of-type(1) {
	background: rgba(255,255,255,.4);
}
#price_orthodontia02 table:nth-of-type(2) tbody tr:nth-of-type(1) th {
	background: rgba(240,135,12,.3);
	border-bottom: 1px solid #FFF;
	color: #e76200;
}
#price_orthodontia02 table:nth-of-type(2) tbody tr:nth-of-type(2) th {
	background: rgba(240,135,12,.3);
	border-bottom: 1px solid #FFF;
}
#price_orthodontia02 table:nth-of-type(2) tbody tr:nth-of-type(1) td:nth-of-type(n+2) {
	color: #e76200;
}

/*3つ目のTableのみ*/
#price_orthodontia02 table:nth-of-type(3) thead th:nth-of-type(odd) {
	background: rgba(255,255,255,.4);
}
#price_orthodontia02 table:nth-of-type(3) thead th:nth-of-type(4) {
	background: rgba(240,135,12,.3);
}
#price_orthodontia02 table:nth-of-type(3) tbody td:nth-of-type(2) {
	background: rgba(240,135,12,.3);
	border-bottom: 1px solid #FFF;
}
#price_orthodontia02 table:nth-of-type(3) tbody tr:last-of-type td:nth-of-type(2) {
	border-bottom: 1px solid #afdeb6;
}
#price_orthodontia02 table:nth-of-type(3) tbody tr:nth-of-type(1) {
	color: #e76200;
}







/*==================================================================

		$クリニック紹介ページ

==================================================================*/
#clinic04 .inner01 {
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}
#clinic04 .inner01 .clinic_schedule {
	width: 49%;
	padding-top: 40px;
	background: rgba(255,255,255,.7);
	border: 2px solid #FFF;
	text-align: center;
	border-radius: 10px;
}
#clinic04 .inner01 .clinic_schedule img {
	width: 90%;
	margin-bottom: 10px;
}
#clinic04 .inner01 iframe {
	width: 49%;
}

#clinic04 .inner02 iframe {
	width: 100%;
	border-radius: 10px;
}
#clinic04 .inner02 .btn a {
	color: #FFF;
	padding: 0 40px;
	margin-left: 20px;
}
#clinic04 .footer_accessnote .btn a:hover {
	letter-spacing: 0.03em !important;
}
#clinic04 .footer_accessnote .btn a:hover img {
	margin-right: 13px;
    transform: none !important;
}
@media screen and (max-width:640px) {
	#clinic04 .inner01 {
		display: block;
		margin-bottom: 30px;
	}
	#clinic04 .inner01 .clinic_schedule {
		width: 100%;
		padding-top: 0;
		background: none;
		border: none;
		border-radius: 0;
		margin-bottom: 30px;
	}
	#clinic04 .inner01 .clinic_schedule img {
		width: 100%;
		max-width: 440px;
	}
	#clinic04 .inner01 iframe {
		width: 100%;
	}

	#clinic04 .inner02 .btn a {
		padding: 10px 10px;
		margin-left: 0;
		margin-top: 20px;
	}
}







/*==================================================================

		$スタッフ紹介ページ

==================================================================*/
.staff_inner ul {
	display: flex;
	justify-content: space-between;
}
.staff_inner ul li:first-of-type {
	width: 50%;
	padding-right: 5%;
	border-right: 1px solid #a2bcaa;
}
.staff_inner ul li:last-of-type {
	width: 40%;
	padding-left: 5%;
}
@media screen and (max-width:640px) {
	.staff_inner ul {
		display: block;
	}
	.staff_inner ul li:first-of-type {
		width: 100%;
		padding-right: 0;
		border-right: none;
		margin-bottom: 50px;
	}
	.staff_inner ul li:last-of-type {
		width: 100%;
		padding-left: 0;
	}
}




.contents02#staff01 .inner figure { /*院長先生*/
	width: 40%;
}
.contents02#staff01 .inner .text {
	width: 54%;
}
@media screen and (max-width:640px) {
	.contents02#staff01 .inner figure { /*院長先生*/
		width: 80%;
	}
	.contents02#staff01 .inner .text {
		width: 100%;
	}
}




.contents01#staff02 .inner { /*理事長先生*/
	margin-bottom: 70px;
}
.contents01#staff02 .inner figure {
	width: 40%;
}
.contents01#staff02 .inner .text {
	width: 54%;
}

#staff02-1 .staff_inner ul li:first-of-type {
	width: 36%;
	padding-right: 3%;
}
#staff02-1 .staff_inner ul li:last-of-type {
	width: 57%;
	padding-left: 4%;
}
#staff02-1 .staff_inner ul li:last-of-type .text {
	display: flex;
	justify-content: space-between;
}
@media screen and (max-width:640px) {
	.contents01#staff02 .inner { /*理事長先生*/
		margin-bottom: 50px;
	}
	.contents01#staff02 .inner figure {
		width: 80%;
	}
	.contents01#staff02 .inner .text {
		width: 100%;
	}

	#staff02-1 .staff_inner ul li:first-of-type {
		width: 100%;
		padding-right: 0;
		margin-bottom: 30px;
	}
	#staff02-1 .staff_inner ul li:last-of-type {
		width: 100%;
		padding-left: 0;
		border-right: none;
		margin-bottom: 30px;
	}
	#staff02-1 .staff_inner ul li:last-of-type .text {
		display: block;
	}
	#staff02-1 .staff_inner ul li:last-of-type .text p {
		margin: 0;
	}
}






/*==================================================================

		$診療時間とアクセスページ

==================================================================*/
#access01 .inner01 {
	display: flex;
	justify-content: space-between;
}
#access01 .inner01 .clinic_schedule {
	width: 49%;
	padding-top: 40px;
	background: rgba(255,255,255,.7);
	border: 2px solid #FFF;
	text-align: center;
	border-radius: 10px;
}
#access01 .inner01 .clinic_schedule img {
	width: 90%;
	margin-bottom: 10px;
}
#access01 .inner01 iframe {
	width: 49%;
}
@media screen and (max-width:640px) {
	#access01 .inner01 {
		display: block;
	}
	#access01 .inner01 .clinic_schedule {
		width: 100%;
		padding-top: 0;
		background: none;
		border: none;
		border-radius: 0;
		margin-bottom: 30px;
	}
	#access01 .inner01 .clinic_schedule img {
		width: 100%;
		max-width: 440px;
	}
	#access01 .inner01 iframe {
		width: 100%;
	}
}



.contents06#access02 li {
	margin-bottom: 30px;
} 
.contents06#access02 dt em {
	font-size: 36px;
} 
@media screen and (max-width:640px) {
	.contents06#access02 ul {
		display: flex;
	} 
	.contents06#access02 li {
		width: 48%;
		margin-bottom: 10px;
	} 
	.contents06#access02 dt {
		padding-top: 5px;
	}
	.contents06#access02 dt em {
		font-size: 30px;
	}
	.contents06#access02 dd p {
		line-height: 1.8;
	}
	.contents06#access02 figure img {
		width: 100%;
	} 
}



#access04 .footer_accessnote {
	justify-content: center;
	margin-bottom: 30px;
}
#access04 .inner02 iframe {
	width: 100%;
	border-radius: 10px;
}
@media screen and (max-width:640px) {
}





/*==================================================================

		$お知らせページ

==================================================================*/
#news {
	position: relative;
	padding: 30px 0 0;
	overflow-x: clip;
}
#news::before { /*右上の飾り*/
	position: absolute;
	content: "";
	background: url("images/deco/img_04.png") no-repeat;
	background-size: 287px 393px;
	width: 287px; height: 393px;
	top: 100px;
	left: 50%;
	margin-left: 608px;
	z-index: 7;
}
#news::after { /*左下の飾り*/
	position: absolute;
	content: "";
	background: url("images/deco/img_05.png") no-repeat;
	background-size: 327px 278px;
	width: 327px; height: 278px;
	bottom: -230px;
	left: 50%;
	margin-left: -890px;
	z-index: 5;
}
@media screen and (max-width:1400px) {
	#news::before { /*右上の飾り*/
		margin-left: 550px;
	}
	#news::after { /*左下の飾り*/
		margin-left: -910px;
	}
}
@media screen and (max-width:640px) {
	#news {
		width: 90%;
		margin: auto;
		padding: 30px 0 60px;
	}
	#news::before { /*右上の飾り*/
		display: none;
	}
	#news::after { /*左下の飾り*/
		background-size: 227px auto;
		top: auto;
		bottom: -150px;
		left: -50px;
		margin-left: auto;
	}
}


/*------------------------------ 白い枠内＊右 ------------------------------*/
#news ul {
	position: relative;
	width: 90%;
	max-width: 1100px;
	margin: auto;
	z-index: 6;
}
#news ul li {
	position: relative;
	height: 70px;
	margin-bottom: 10px;
	padding: 0 60px;
	background: #FFF;
	border-radius: 10px;
	box-sizing: border-box;
	border: 1px solid #FFF;
	transition: 0.3s ease-out;
	display: flex;
    line-height: 70px;
}
/*#news ul li::before { 
	position: absolute;
	content: "";
	background: url("images/icon02.png");
	background-size: 9px 10px;
	width: 9px; height: 10px;
	top: 50%; margin-top: -5px;
	right: 50px;
	transition: 0.3s ease-out;
}*/
#news ul li a {
	display: flex;
	line-height: 70px;
}
#news span.date { /*日付*/
	position: relative;
	top: 2px;
	width: 130px;
	font-family: "Josefin Sans", sans-serif;
	font-optical-sizing: auto;
	font-size: 18px;
	color: #756452;
	font-weight: 300;
	box-sizing: border-box;
}
#news p.title { /*お知らせタイトル*/
	position: relative;
	width: calc( 100% - 170px );
	top: -1px;
	overflow: hidden;          /* 溢れた部分を隠す */
  	text-overflow: ellipsis;   /* 溢れた部分を「...」にする */
  	white-space: nowrap;       /* 1行で表示 */
	color: #327045;
	font-weight: 500;
	transition: 0.3s ease-out;
}
@media screen and (max-width:640px) {
	#news ul {
		width: 100%;
	}
	#news ul li {
		height: 60px;
		padding: 0 25px;
		line-height: 60px;
	}
	#news ul li::before { /*▶︎*/
		display: none;
	}
	#news ul li a {
		line-height: 60px;
	}
	#news span.date { /*日付*/
		width: 90px;
		font-size: 16px;
		padding-left: 0;
	}
	#news p.title { /*お知らせタイトル*/
		width: calc( 100% - 90px );
	}
}


/*------------------------------ hover ------------------------------*
#news ul li:hover { 
	background: #f8fdf5;
	border: 1px solid #d3ecba;
}
#news ul li a:hover p.title { 
	color: #309e52;
}
#news ul li:hover::before { 
	right: 40px;
}







/*==================================================================

		$クリニックブログページ

==================================================================*/
#blog {
	position: relative;
	padding: 30px 0 0;
	overflow-x: clip;
}
#blog::before { /*右上の飾り*/
	position: absolute;
	content: "";
	background: url("images/deco/img_04.png") no-repeat;
	background-size: 287px 393px;
	width: 287px; height: 393px;
	top: 100px;
	left: 50%;
	margin-left: 608px;
	z-index: 7;
}
#blog::after { /*左下の飾り*/
	position: absolute;
	content: "";
	background: url("images/deco/img_05.png") no-repeat;
	background-size: 327px 278px;
	width: 327px; height: 278px;
	bottom: -230px;
	left: 50%;
	margin-left: -890px;
	z-index: 5;
}
@media screen and (max-width:1400px) {
	#blog::before { /*右上の飾り*/
		margin-left: 550px;
	}
	#blog::after { /*左下の飾り*/
		margin-left: -910px;
	}
}
@media screen and (max-width:640px) {
	#blog {
		padding: 30px 0 60px;
	}
	#blog::before { /*右上の飾り*/
		display: none;
	}
	#blog::after { /*左下の飾り*/
		background-size: 227px auto;
		top: auto;
		bottom: -150px;
		left: -50px;
		margin-left: auto;
	}
}


/*------------------------------ 白い枠内＊右 ------------------------------*/
#blog ul {
	position: relative;
	width: 90%;
	max-width: 1100px;
	margin: auto;
	z-index: 6;
}
#blog ul li {
	position: relative;
	margin-bottom: 15px;
	padding: 30px 30px;
	background: #FFF;
	border-radius: 10px;
	box-sizing: border-box;
	border: 1px solid #FFF;
	transition: 0.3s ease-out;
}
#blog ul li::before { /*▶︎*/
	position: absolute;
	content: "";
	background: url("images/icon02.png");
	background-size: 9px 10px;
	width: 9px; height: 10px;
	top: 50%; margin-top: -5px;
	right: 35px;
	transition: 0.3s ease-out;
}
#blog ul li a {
	display: flex;
}
#blog ul li figure {
	display: block;
	width: 200px;
}
#blog ul li figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}
#blog ul li .blog_right {
	width: calc( 100% - 200px - 3% );
	margin-left: 3%;
}
#blog span.date { /*日付*/
	display: block;
	font-family: "Josefin Sans", sans-serif;
	font-optical-sizing: auto;
	font-size: 18px;
	color: #756452;
	font-weight: 300;
	box-sizing: border-box;
}
#blog dl {
	position: relative;
	width: calc( 100% - 50px );
	top: -1px;
	  display: -webkit-box;             
  -webkit-box-orient: vertical;      /* 垂直方向に配置 */
	overflow: hidden;          /* 溢れた部分を隠す */
  	text-overflow: ellipsis;   /* 溢れた部分を「...」にする */
	-webkit-line-clamp: 4;             /* 最大行数を2行に設定 */
	transition: 0.3s ease-out;
}
#blog dl dt { 
	font-size: 19px;
	font-weight: 500;
	margin: 3px 0 7px;
	color: #327045;
}
#blog dl dd { 
	font-size: 16px;
}
@media screen and (max-width:640px) {
	#blog ul li {
		margin-bottom: 20px;
		padding: 20px 20px;
	}
	#blog ul li::before { /*▶︎*/
		display: none;
	}
	#blog ul li a {
		display: block;
	}
	#blog ul li figure {
		width: 100%;
		margin: 0 auto 15px;
	}
	#blog ul li .blog_right {
		width: 100%;
		margin-left: 0;
	}
	#blog span.date { /*日付*/
		font-size: 16px;
		line-height: 1.5;
	}
	#blog dl {
		width: 100%;
		-webkit-line-clamp: 3;
	}
	#blog dl dt { 
		font-size: 18px;
		font-weight: 500;
		margin: 2px 0 5px;
        display: -webkit-box;             
        -webkit-box-orient: vertical;      /* 垂直方向に配置 */
        overflow: hidden;          /* 溢れた部分を隠す */
        text-overflow: ellipsis;   /* 溢れた部分を「...」にする */
        -webkit-line-clamp: 1;             /* 最大行数を2行に設定 */
	}
	#blog dl dd { 
		font-size: 15px;
		line-height: 1.7;
	}
}


/*------------------------------ hover ------------------------------*/
#blog ul li:hover { /*liの背景色を変える*/
	background: #f8fdf5;
	border: 1px solid #d3ecba;
}
#blog ul li a:hover dl { /*お知らせタイトル*/
	color: #309e52;
}
#blog ul li:hover::before { /*▶︎*/
	right: 30px;
}







/*==================================================================

		$矯正歯科のみ

==================================================================*/
#orthodontia .contents02 .btn , #orthodontia .contents04 .btn {
	max-width: 600px;
	margin: auto;
}
@media screen and (max-width:640px) {
}




/*==================================================================

		$小児矯正ページのみ

==================================================================*/
#orthodontia_child03 .important_checklist {
	line-height: 2.5;
}
#orthodontia_child03 .important_checklist li::before {
	top:10px;
}










/*==================================================================

		$投稿一覧ページ(blog.php)

==================================================================*/

/*------------------------------ページネーション------------------------------*/
div.pagenum {
	text-align:center;
}
div.pagenum ul.page-numbers li  {
    display: inline-block !important;
    min-width: 20px;
    padding: 0 !important;
    background: none !important;
    border: none !important;
}
div.pagenum ul.page-numbers li .page-numbers  {
	background: #ccc;
}
div.pagenum ul.page-numbers li .current {
    background :#222;
	color:#FFF;
}






/*==================================================================

		$投稿ページ(single.php)

==================================================================*/
#archives #wrapper {
	display: flex;
	width: 90%;
	max-width: 1280px;
	margin: auto;
}
@media screen and (max-width:640px) {
	#archives #wrapper { display: block;}
}


/*------------------------------左＊記事------------------------------*/
#post {
	width: 75%;
	border-radius: 20px;
	background: rgba(255,255,255,.4);
	border: 2px solid #FFF;
	box-sizing: border-box;
	padding: 60px 5% 70px;
}
#post h4 {padding: 0 0 30px;}
#post h4::before { display: none;}
#post h4::after {width: 100%;}
#post h4 em { 
	font-size: 16px; 
	font-weight: 300;
	font-family: "Josefin Sans", sans-serif;
	font-optical-sizing: auto;
}
#post_thumbnail {
	max-width:100%;
	margin: 0 auto 50px;
	text-align: center;
}
#post_thumbnail img {
	width:auto; height:auto; margin:auto;
	max-width:100%; max-height:400px;
	border-radius: 10px;
}
@media screen and (max-width:640px) {
	#post {
		width: 100%;
		border-radius: 10px;
		padding: 30px 5% 70px;
		margin-bottom: 20px;
	}
	#post h4 {padding: 0 0 30px;}
	#post h4 em { font-size: 14px;}
	#post_thumbnail {
		max-width:80%;
		margin: 0 auto 30px;
	}
}



/*------------------------------右＊過去リスト------------------------------*/
#blog_menu {
	width: 20%;
	margin-left: 5%;
}
@media screen and (max-width:640px) {
	#blog_menu {
		display: none;
	}
}



#blog_menu h5 {
	padding: 25px 0 20px;
	text-align: center;
	border-top: 1px solid #a4d9ab;
	border-bottom: 1px solid #a4d9ab;
	margin-bottom: 30px;
	font-size: 19px;
}
#blog_menu h5 em {
	display: block;
	font-family: "Josefin Sans", sans-serif;
	font-optical-sizing: auto;
	font-size: 12px;
    background: linear-gradient(90deg, #79ca92 0%, #a0d16f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@media screen and (max-width:640px) {
}



#blog_menu ul li {
	margin-bottom: 40px;
}
#blog_menu ul li figure {
	width: 100%;
}
#blog_menu ul li figure img {
	width: 100%;
	border-radius: 10px;
}
#blog_menu span.date { /*日付*/
	display: block;
	margin-top: 8px;
	font-family: "Josefin Sans", sans-serif;
	font-optical-sizing: auto;
	font-size: 15px;
	color: #756452;
	font-weight: 300;
	box-sizing: border-box;
}
#blog_menu dl dt { 
	font-size: 16px;
	font-weight: 500;
	margin: 0 0 4px;
	color: #327045;
	line-height: 1.7;
	letter-spacing: 0px;
}
#blog_menu dl dd { 
	font-size: 14px;
	display: -webkit-box;             
  	-webkit-box-orient: vertical;      /* 垂直方向に配置 */
	overflow: hidden;          /* 溢れた部分を隠す */
  	text-overflow: ellipsis;   /* 溢れた部分を「...」にする */
	-webkit-line-clamp: 2;             /* 最大行数を2行に設定 */
	letter-spacing: 0px;
}
@media screen and (max-width:640px) {
}






/*------------------------------ページネーション------------------------------*/
.single_nav {
	text-align:center;
	border-top:1px solid #a4d9ab;
    margin-top: 90px;
    padding-top: 50px;
}
.single_nav p {
	display:inline-block;
}
.single_nav a {
	margin:0 10px;
    padding: 5px 20px 7px;
    background: #a4d9ab;
}