@charset "UTF-8";
.page {
	background: #eef5fe;
}

.content_back {
	width: 80%;
	min-width: 1200px;
	margin: 0 auto;
	background: #fff;
	padding-bottom: 70px;
}

.sub_title {
	width: 100%;
	font-size: 3.0rem;
	text-align: center;
	position: relative;
	display: inline-block;
	/*background: #7aace0;*/
	padding: 15px 0;
	/*color: #ffea17;*/
	color: #fff;
	background-image: url(../image/common/sub_back.jpg);
	z-index: 1;
}


/*.sub_title:before{
	content: '';
position: absolute;
bottom: -10px;
display: inline-block;
width: 60px;
height: 3px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: black;
border-radius: 5px;
}*/

#page-top .link_top {
	padding: 0;
}

.contents_board {
	background: #fff;
	width: 100%;
	min-width: 1200px;
	margin: 0 auto 0;
	padding: 50px 0;
	box-sizing: border-box;
	min-height: 400px;
	padding-bottom: 50px;
}

#seizin .contents_board {
	padding: 0 50px 50px 50px;
}

.contents_board .contents {
	padding: 50px 30px;
}

.contents_board p {
	text-align: left;
	font-size: 1.8rem;
	line-height: 2.0;
}

.contents_board a {
	color: #04c;
}

.contents_board h2 {
	font-size: 3.0rem;
	margin-top: 40px;
	color: #51bbe0;
}

.contents_board h2:first-child {
	margin-top: 0;
}

.contents_board .heading_support {
	text-align: center;
	font-size: 1.6rem;
	margin-top: 5px;
	color: #ff7e7e;
}

.contents_board h3 {
	text-align: left;
	font-size: 2.4rem;
	color: #51bbe0;
	margin: 40px auto 0;
	line-height: 1.5;
}

.contents_board ol {
	text-align: left;
	margin: 10px 0 0 20px;
	padding: 0 30px;
	display: block;
}

.contents_board ol li {
	list-style-type: decimal;
	line-height: 2.0;
}

.sub_navi {
	padding: 20px 0;
	margin: 0 auto;
	z-index: 1;
	background-color: #edfffd;
}

.sub_navi ul {
	text-align: center;
}

.sub_navi ul li {
	display: inline-block;
	position: relative;
}

.sub_navi ul li a {
	display: block;
	font-size: 1.8rem;
	padding: 0 20px;
	border-left: 1px solid #555;
}

.sub_navi ul li:first-child a {
	margin-left: 0;
	border-left: none;
}

.merit_head h3 {
	position: relative;
	padding: 10px 20px;
	font-size: 24px;
	color: #fff;
	width: calc(100% - 80px);
	min-width: auto;
	box-sizing: border-box;
	margin-left: 40px;
	background: #51bbe0;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	margin-top: 0;
}

.merit_head h3:before,
.merit_head h3:after {
	content: "";
	position: absolute;
	top: 17px;
	height: 0;
	width: 0;
	border: 25px solid #51bbe0;
	z-index: 0;
}

.merit_head h3:before {
	right: -40px;
	border-right-color: transparent;
}

.merit_head h3:after {
	left: -40px;
	border-left-color: transparent;
}

.merit_head h3 span {
	display: block;
	text-align: center;
}

.merit_head h3 span:before,
.merit_head h3 span:after {
	content: "";
	position: absolute;
	top: 100%;
	height: 0;
	width: 0;
	border: 5px solid transparent;
	border-top: 5px solid #326711;
	z-index: 1;
}

.merit_head h3 span:before {
	right: 0;
	border-left: 5px solid #216c84;
}

.merit_head h3 span:after {
	left: 0;
	border-right: 5px solid #216c84;
}


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

院長紹介

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

.director_content {
	width: 1000px;
	margin: 0 auto 0;
}

.director_content .back-shiseikai {
	background-image: url("../image/director/sub.jpg");
	background-repeat: no-repeat;
	background-position: top 10px right 0;
}

#director .contents_board {
	width: 1000px;
	min-width: auto;
}

#director .contents_board p {
	line-height: 2.0;
}

#director .contents_board h2 {
	margin-bottom: 50px;
}

#director .contents_board h3 {
	font-size: 20px;
	border-bottom: solid 3px #e3f7fa;
	position: relative;
}

#director .contents_board h3:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #8fd5e1;
	bottom: -3px;
	width: 20%;
}

.tbl_director {
	width: 100%;
}

.tbl_director tr {
	border-bottom: 1px solid #617fd0;
}

.tbl_director th {
	text-align: left;
}

.tbl_director td {
	text-align: left;
	padding: 10px 20px;
	line-height: 1.5;
}

#director .mini_title {
	text-align: left;
	margin: 10px 0 0 0;
}

.director_img {
	width: 380px;
	float: left;
}

.director_carrer {
	width: 590px;
	float: left;
	margin-left: 30px;
}

.director_carrer h3 {
	margin-top: 0;
}

.shikaku {
	width: 480px;
	float: left;
}

.society {
	width: 480px;
	float: right;
	margin-left: 30px;
}

.greet_begin p {
	float: left;
	width: 600px;
}

.greet_begin .greet_img {
	float: right;
	width: 380px;
	margin-top: 10px;
}


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

スタッフ紹介

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

#bubble_area {
	position: absolute;
	width: 100%;
	height: 957px;
	overflow: hidden;
}

.snowfall-flakes {
	animation-name: bubble;
	animation-duration: 1.0s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
}

@keyframes bubble {
	0% {
		max-width: 100px;
		height: auto;
		transform: rotate(10deg);
	}
	50% {
		max-width: 104px;
		height: auto;
		transform: rotate(20deg);
	}
	100% {
		max-width: 100px;
		height: auto;
		transform: rotate(10deg);
	}
}

#staff .content_back {
	padding-bottom: 0;
}

#staff .contents_board {
	/*background: #ebf5ff;*/
	padding: 0
}

#staff .contents_board h2 {
	text-shadow: 2px 2px 1px #fff;
}

#staff .contents_board .staff_back {
	position: relative;
	padding-top: 50px;
	padding-bottom: 50px;
}
.staff-row{
	display: flex;
	justify-content: space-between;
	width: 1100px;
	margin: 50px auto;
	align-items: center;
}

.staff_box_row {
	width: 100%;
	margin: 50px 0 0 0;
	padding: 0 30px;
	box-sizing: border-box;
}

.staff_box {
	position: relative;
	float: left;
	width: 48%;
	height: 420px;
	margin-left: 4%;
	padding: 10px;
	box-sizing: border-box;
}

.staff_box:first-child {
	margin-left: 0;
}

.staff_all_img {
	width: 550px;
	z-index: 9999;
}

.staff_all_img img {
	border-radius: 10px;
}

.staff_img {
	float: left;
	width: 60%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	overflow-y: hidden;
}

.staff_explain {
	position: absolute;
	float: right;
	width: 55%;
	line-height: 1.5;
	text-align: left;
	box-sizing: border-box;
	padding: 10px;
	top: 2%;
	right: 0;
	z-index: 5;
	background-color: rgba(230, 247, 199, 0.6);
}

.staff_comment {
	background: url(../image/staff/comment4.png) no-repeat;
	width: 500px;
	height: 570px;
	text-align: left;
	padding: 5px 10px;
	border-radius: 10px;
	line-height: 1.5;
	box-sizing: border-box;
	    background-size: contain;
}


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

クリニック案内

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

#clinicinfo .content_back {
	background-image: url(../image/clinicinfo/back_clinic2.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: 100% 100%;
}

#clinicinfo .contents_board {
	background-color: transparent;
}

.clinic_box_row {
	margin: 30px auto 0;
}

.clinic_box_row:first-child {
	margin-top: 0;
}

.clinic_box {
	/*box-shadow: 1px 1px 5px #555;*/
	width: 30%;
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: 0 auto;
	margin: 0 0 0 2%;
}

.clinic_box h3 {
	background-image: url("../image/clinicinfo/heading_back.jpg");
	background-size: 100% auto;
	color: #69abce;
	margin-top: 15px;
	padding: 5px 10px;
	/*background: #ceeabd;
box-shadow: 0px 0px 0px 5px #ceeabd;
border: dashed 1px #5b7116;
padding: 0.2em 0.5em;
color: #3a6d19;
	margin-top: 15px;*/
}

.clinic_box:first-child {
	margin-left: 0;
}

.clinic_box .clinic_img {
	overflow-y: hidden;
}

.clinic_explain {
	width: 100%;
	box-sizing: border-box;
	/*position: absolute;*/
	text-align: left;
	padding: 15px 10px;
	line-height: 1.5;
	/*background-color: rgba(242, 255, 220, 0.7);*/
}


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

当院の特徴

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

#tokucho .contents_board {
	background: none;
	max-width: 100%;
	padding: 0;
}

#tokucho .content_back {
	background-color: #fff;
	padding-bottom: 0;
}

#tokucho .sub_title {
	width: 100%;
	background-size: 100%;
}

.tokucho_intro {
	background-color: #fff;
	padding: 50px 0;
}


/*#tokucho .contents_board h2:first-child{
	padding: 0;
	text-shadow: 1px 1px 1px #fff;
}
#tokucho .contents_board h2:first-child:before{
	content: url(../image/top/logo_mono.png);
}*/

.tokucho_side {
	text-align: left;
	margin: 0 0 0 0;
	background: #efffd2;
	padding: 0 0 50px 0;
}

.tokucho_side .content {
	width: 1000px;
	margin: 0 auto;
}

.tokucho_side h3 {
	background: #93c23e;
	color: #fff;
	margin-top: 0;
	padding: 10px 0;
	font-size: 2.4rem;
	text-align: center;
}

.tokucho_side ul {
	margin-top: 30px;
}

.tokucho_side ul li {
	display: inline-block;
	width: 300px;
	vertical-align: top;
	margin-left: 25px;
	margin-top: 20px;
	background: #fff;
}

.tokucho_side ul li a {
	display: block;
	border: 2px solid #93c23e;
	font-size: 1.6rem;
	background: #fff;
	height: 60px;
	vertical-align: middle;
	line-height: 3.5;
	border-radius: 10px;
	text-align: center;
	box-sizing: border-box;
	color: #6d9e12;
	font-weight: bold;
}

.tokucho_side ul li .two_line {
	line-height: 1.5;
	padding-top: 5px;
	box-sizing: border-box;
}

.tokucho_side ul li a:before {}

.tokucho_side ul li a:hover {
	background: #93c23e;
	color: #fff;
}

.tokucho_contents {
	width: 90%;
	min-width: 1000px;
	padding: 0 3%;
	box-sizing: border-box;
	margin: 60px auto 0;
}

.tokucho_box {
	position: relative;
	text-align: center;
	/*background: #ebfcff;*/
	/*border: 6px double #a7c3e6;*/
	margin-top: 60px;
	padding: 60px 0;
	padding-bottom: 60px;
}

.tokucho_box:first-child {
	margin-top: 0;
}

.tokucho_box h3 {
	position: absolute;
	display: inline-block;
	margin: 0 auto 0;
	color: #81cfde;
	font-size: 2.8rem;
	font-weight: bold;
	/*background: #59b3ec;*/
	padding: 10px 10px;
	text-align: left;
	top: 0;
	left: 180px;
	background-color: #fff;
}

.tokucho_box:nth-child(even) h3 {
	/*text-align: right;
	right: 30px;*/
}

.tokucho_box h3 span {
	position: absolute;
	font-size: 10.0rem;
	font-family: 'Roboto', sans-serif;
	color: rgba(140, 213, 226, 0.6);
	left: -145px;
	top: -50px;
}

.tokucho_box p {
	width: 100%;
	margin: 30px auto 0;
	padding: 0 3%;
	box-sizing: border-box;
	line-height: 2.0;
}

.tokucho_box .btn_designA {
	margin-top: 20px;
}

.tokucho_line {
	margin: 0 auto;
	padding: 0;
	border: 0;
	width: 100%;
	height: 1px;
	background-image: -webkit-linear-gradient(left, #fff, #99ce96, #fff);
	background-image: -moz-linear-gradient(left, #fff, #99ce96, #fff);
	background-image: -ms-linear-gradient(left, #fff, #99ce96, #fff);
	background-image: -o-linear-gradient(left, #fff, #99ce96, #fff);
}
.tokucho_box .row{
	margin-top: 50px;
	padding: 0 80px;
}
.tokucho_box .row .title{
	text-align: left;
	font-size: 20px;
    font-weight: bold;
    border-left: 5px solid #81cfde;
    padding: 5px 10px;
    margin-bottom: 20px;
    color: #4b4b4b;
	line-height: 1.5;
	background: #e7fbff;
}
.tokucho_box .row .flex-box{
	display: flex;
	justify-content: space-around;
}
.tokucho_box .row .flex-box .tokucho_img{
	width: 30%;
	margin-top: 0;
}
.tokucho_box .row .flex-box .right{
	width: 65%;
	margin-top: 10px;
}
.tokucho_box .row .flex-box .right .sentence{
	text-align: left;
	font-size: 1.8rem;
	line-height: 2.0;
}
.tokucho_box .row .flex-box .right .sentence .sub-title{
	text-align: left;
	margin-top: 15px;
	display: block;
	position: relative;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 10px;
}
.tokucho_box .row .flex-box .right .sentence .sub-title span{
	display: inline-block;
	border-bottom: solid 3px #cce4ff;
}

.link_top {
	margin-top: -150px;
	padding-top: 150px;
}

.link_tokuchou {
	margin-top: -150px;
	padding-top: 150px;
}

.tokucho_img {
	display: inline-block;
	width: 30%;
	margin-top: 30px;
}

.tokucho_img+ p {
	display: inline-block;
	width: 60%;
	margin: 30px 0 0 30px;
	padding: 0;
	vertical-align: top;
}

.btn_designA {
	display: inline-block;
	padding: 0.5em 1em;
	text-decoration: none;
	border-radius: 4px;
	color: #ffffff !important;
	background-image: -webkit-linear-gradient(#4479f1 0%, #50c7ff 100%);
	background-image: linear-gradient(#4479f1 0%, #50c7ff 100%);
	/*box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);*/
	border-bottom: solid 3px #5e7fca;
	font-weight: bold;
}

.btn_designA:active {
	-ms-transform: translateY(4px);
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
	border-bottom: none;
}


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

インプラント矯正の特徴

====================--*/

.implant_content {}

.implant_content .implant_image {
	width: 60%;
	margin: 30px auto 0;
}

.implant_content .implant_merit {
	text-align: left;
	width: 1000px;
	margin: 30px auto 30px;
}

.implant_content .implant_merit ul li {
	line-height: 2.0;
	font-size: 2.0rem;
	text-indent: -1em;
	padding-left: 1em;
}

.implant_content .attention {
	border-top: 3px solid #83b4dc;
	background: #e0f1ff;
	padding: 30px 0;
}

.implant_content .attention p {
	display: inline-block;
	width: 600px;
	vertical-align: middle;
}

.implant_content .attention .img {
	display: inline-block;
	width: 100px;
}

.implant_content .attention span {
	color: #f74533;
}

.implant_care_back {
	background: #fff9f0;
	padding: 60px 0;
	position: relative;
	border-top: 3px solid #fff;
}

.implant_care {
	max-width: 1200px;
	min-width: 1000px;
	margin: 0 auto;
}

.implant_care .heading {
	text-align: center;
	font-size: 3.0rem;
	position: relative;
	display: inline-block;
}

.implant_care .heading:before {
	content: "";
	background: url('../image/tokucho/heading_before.png') no-repeat 100%;
	width: 104px;
	height: 104px;
	display: block;
	position: absolute;
	top: -40px;
	left: -150px;
}

.implant_care .heading:after {
	content: "";
	background: url('../image/tokucho/heading_after.png') no-repeat 100%;
	width: 104px;
	height: 104px;
	display: block;
	position: absolute;
	top: -40px;
	right: -150px;
}

.implant_care .explain {
	border: 2px dotted #f5942f;
	padding: 10px;
	font-size: 1.8rem;
	line-height: 2.0;
	margin: 50px 0 30px 0;
}

.implant_care .left,
.implant_care .right {
	width: 50%;
	min-height: 600px;
}

.implant_care .left {
	float: left;
	background: #f1ffe4;
}

.implant_care .right {
	float: right;
	background: #ffefef;
}

.implant_care .left h3,
.implant_care .right h3 {
	font-size: 2.4rem;
	margin-top: 0;
	text-align: center;
	color: #fff;
	padding: 10px 0;
}

.implant_care .left h3 {
	background: #92c564;
}

.implant_care .right h3 {
	background: #e88383;
}

.implant_care .left .img,
.implant_care .right .img {
	margin: 30px auto 0;
	padding: 0 20px;
}

.implant_care ul {
	padding: 20px;
}

.implant_care ul li {
	text-align: left;
	line-height: 2.0;
	font-size: 1.8rem;
	text-indent: -1em;
	padding-left: 1em;
}


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

成人矯正

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

#seizin .content {
	width: 1000px;
	margin: 0 auto;
}

.seizin_contents {
	padding: 50px 0 0 0;
}

.seizin_contents p {
	margin-top: 0;
}

.seizin_contents ul {
	text-align: left;
}

.seizin_contents ul li {
	line-height: 1.5;
}

.seizin_contents ul .t_color_pink {
	color: #EF4E4E;
}

.seizin_example {
	float: left;
	width: 500px;
	background: #fff;
	padding: 30px;
	box-sizing: border-box;
	margin-top: 30px;
}

.seizin_example:nth-child(2) {}

.seizin_example video {
	width: 100%;
	vertical-align: bottom;
	border: 25px solid #dcf6ff;
	box-sizing: border-box;
}

.seizin_example img {
	border: 25px solid #dcf6ff;
	box-sizing: border-box;
}

.seizin_box {
	padding-bottom: 50px;
	background: #ebfcff;
	width: 1000px;
	text-align: right;
	float: right;
	margin-top: 40px;
}

.seizin_box:nth-child(even) {
	background: #fff6dd;
	width: 1000px;
	float: left;
}

.seizin_box h3 {
	width: 96%;
	font-size: 2.4rem;
	margin: 0 auto 40px;
	/*background: #59b3ec;*/
	color: #3191ce;
	padding: 5px 10px;
	border-bottom: 1px solid #2e7bab;
}

.seizin_box:nth-child(even) h3 {
	/*background: #95c540;*/
	color: #d6a120;
	border-bottom: 1px solid #d6a120;
}

.seizin_box .clrfix {
	width: 1000px;
	margin: 0 auto;
}

.seizin_img {
	float: left;
	width: 30%;
	margin-left: 50px;
}

.seizin_text {
	float: left;
	width: 50%;
	margin: 0 0 0 7%;
}

.seizin_text p {
	padding: 0;
	margin-top: 30px;
}

.seizin_text table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #96720e;
	margin-top: 0;
	background: #fffac1;
	margin-left: 0;
}

.seizin_text table tr {
	border-bottom: 1px solid #96720e;
}

.seizin_text table th {
	border-left: 1px solid #96720e;
	width: 100px;
	background: #fdef5a;
	text-align: center;
	color: #96720e;
	font-weight: normal;
	padding: 10px 10px;
}

.seizin_text table th:first-child {
	border-left: 1px solid #96720e;
}

.seizin_text table td {
	text-align: center;
	border-left: 1px solid #96720e;
	padding: 10px;
	color: #6b6b6b;
}

.seizin_text table td:last-child {
	border-right: 1px solid #96720e;
}

.invisalign_explain h3 {
	text-align: center;
	margin-bottom: 30px;
}


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

料金について

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

.ryoukin_contents h3 {
	width: 100%;
	min-width: auto;
	padding: 0;
}

.ryoukin_contents .tbl_cost_index {
	width: 80%;
	margin: 30px auto 0;
}

.ryoukin_contents .tbl_cost_index th {
	/*border-left: 1px solid #555;*/
	border-bottom: 1px solid #fff;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	font-size: 1.8rem;
	background: #51bbe0;
	color: #fff;
	padding: 30px 30px;
}

.ryoukin_contents .tbl_cost_index tr:first-child th,
.ryoukin_contents table tr:first-child td {
	/*border-top: 1px solid #555;*/
}

.ryoukin_contents .tbl_cost_index td {
	/*border-left: 1px solid #555;*/
	border-bottom: 1px solid #5bc3e4;
	padding: 10px 30px;
	font-size: 1.8rem;
	line-height: 1.8;
	background: #f0fbff;
	text-align: left;
}

.ryoukin_contents .tbl_cost_index tr td:last-child {
	/*border-right: 1px solid #555;*/
}

.ryoukin_contents .tbl_cost_index tr:last-child td {
	border-bottom: none;
}

.ryoukin_contents .mouth_qa_area {
	margin-top: 50px;
}

.ryoukin_contents .mouth_qa {
	background-color: #d7f3fb;
	padding: 10px;
	margin-top: 10px;
}

.ryoukin_contents .mouth_qa h3 {
	margin-top: 0;
	font-size: 1.8rem;
	color: #f39016;
}

.ryoukin_contents .mouth_head {
	width: 100%;
	min-width: auto;
	font-weight: bold;
	margin-top: 70px;
	font-size: 3.0rem;
	text-align: center;
}

.ryoukin_contents .mouth_img {
	margin: 30px auto 0;
	width: 80%;
}

.ryoukin_contents .invisalign_img p {
	width: 100%;
	min-width: auto;
	text-align: center;
}

.ryoukin_contents .invisalign_img {
	width: 70%;
	margin-top: 10px;
	margin: 30px auto 0;
	text-align: center;
}

.ryoukin_contents .mouth_img .left {
	float: left;
	width: 200px;
	margin-left: 20px;
}

.ryoukin_contents .ryoukin_intro {
	margin: 30px auto 0;
}

.contents_board .tax_explain {
	width: 80%;
	text-align: right;
	margin: 10px auto 30px;
	font-size: 1.8rem;
	color: red;
}
.ryoukin-memo{
	width: 80%;
	margin: auto;
	padding-left: 2em;
    text-indent: -1em;
}


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

乳歯の治療

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

.left_contents {
	float: left;
	width: 42%;
}

.left_contents .fee_process .tax {
	text-align: right;
	color: #FF6163;
	margin-top: 5px;
	padding-right: 1%;
}

.fee_process {
	text-align: left;
	padding: 0 0 20px 0;
	margin: 30px 0 0 0;
	background: #d7f3fb;
}

.fee_process h4 {
	font-size: 2.0rem;
	color: #fff;
	background: #19b1de;
	padding: 10px 5px;
}

.fee_process h5 {
	margin: 5px 0 0 0;
	color: #F46E70;
	padding: 0 10px;
	font-size: 1.4rem;
	text-align: right;
}

.fee_process p {
	text-align: right;
	margin-top: 0;
	font-size: 1.6rem;
}

.fee_img {
	float: left;
	width: 46%;
	margin: 20px 0 0 10px;
}

.fee_img img {
	margin-top: 10px;
}

.fee_img img:first-child {
	margin-top: 0;
}

.fee_explain {
	float: left;
	width: 223px;
	margin: 20px 0 0 15px;
	line-height: 1.5;
	font-size: 1.6rem;
}

.fee_explain table {
	border-collapse: collapse;
}

.fee_explain table th {
	font-weight: normal;
}

.fee_explain table td {
	border: none !important;
	padding: 0 5px;
}

.tbl_fee table {
	float: left;
	width: 500px;
	margin-left: 20px;
}

.process_small {
	font-size: 1.4rem;
}

.fee_process .hosoku {
	position: relative;
	display: inline-block;
	margin: 1.5em 0 0 0;
	padding: 10px 5px;
	min-width: 190px;
	max-width: 98%;
	color: #555;
	font-size: 1.2rem;
	background: #fffac0;
	box-sizing: border-box;
}

.fee_process .hosoku:before {
	content: "";
	position: absolute;
	top: -30px;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-bottom: 15px solid #fffac0;
}

.fee_process .arrow {
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #3dd8d4;
	text-align: center;
	margin: 30px auto;
}

.fee_process .clrfix .fee_img:nth-child(2) {
	margin-left: 17px;
}

.ryoukin_contents .tbl_hosoku {
	margin-top: 0;
	margin-left: 0;
}

.ryoukin_contents .tbl_hosoku td {
	width: auto;
	font-size: 1.4rem;
	padding: 3px 0;
	border: none;
	text-align: right;
}

.ryoukin_contents .tbl_hosoku td:first-child {
	border: none;
	text-align: right;
	width: 12%;
}

.ryoukin_contents .tbl_hosoku td:last-child {
	border: none;
}

.ryoukin_contents .tbl_hosoku td:nth-last-child(2) {
	text-align: left;
}

.ryoukin_contents .tbl_hosoku tr {
	border: none;
}

.ryoukin_contents .tbl_hosoku tr:nth-child(2) {
	border-bottom: 1px solid #555;
}

.ryoukin_contents .tbl_hosoku tr:first-child th,
.ryoukin_contents .tbl_hosoku tr:first-child td {
	border: none;
}


/*=======================.contents_board

永久歯の治療

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

#head2,
#head3,
#head4,
#head5 {
	margin-top: -200px;
	padding-top: 200px;
}


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

矯正治療例

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

.forexample_navi {
	width: 90%;
	text-align: center;
	margin: 0 auto 0;
}

.forexample_navi li {
	position: relative;
	float: left;
	width: 20%;
	vertical-align: top;
	margin-bottom: 10px;
	line-height: 1.5;
}
.forexample_navi.patB li{
	width: 33%;
}

.forexample_navi li a {
	display: block;
	padding: 10px 0;
	margin: 0 0 0 10px;
	font-size: 1.4rem;
	transition: 1.0s;
	border: 1px solid #4769c7;
}

.forexample_navi li a span {
	font-size: 1.8rem;
	font-weight: bold;
}

.forexample_navi li a.one_line {
	line-height: 2.7;
}

.forexample_navi li a:hover {
	opacity: 1.0;
	background: #e5ecff;
}

.forexample_navi .another {
	width: 240px;
}

.forexample_navi li .selected {
	background: #4769c7;
	color: #fff;
}

.forexample_navi li ul {
	position: absolute;
	width: 100%;
	z-index: 100;
}

.forexample_navi li ul li {
	overflow: hidden;
	height: 0;
	width: 100%;
	margin-bottom: 0;
	transition: 0.5s;
}

.forexample_navi li ul li a {
	background-color: #fff;
	margin-bottom: 0;
	padding: 20px 0;
	border-left: 10px solid #28c1da;
}

.forexample_navi li ul li .selected {
	background: #fff;
	color: #04c;
}

.forexample_navi li:hover> ul> li {
	overflow: visible;
	height: 60px;
}

.forexample_contents {
	width: 90%;
	min-width: 1000px;
	margin: 0 auto;
	background: #fff;
	padding: 0;
}

.forexample_contents h3 {
	width: 100%;
	font-size: 2.8rem;
	background: #51bbe0;
	color: #fff;
	padding: 5px 0 5px 10px;
	box-sizing: border-box;
	text-align: center;
}

.info_customer {
	width: 80%;
	min-width: 1000px;
	margin: 0 auto;
}

.info_customer table {
	width: 100%;
	margin: 30px auto;
}

.info_customer th {
	background-color: #ccdbfb;
	color: #395cb5;
	font-weight: normal;
	padding: 10px 5px;
	border-bottom: 1px solid #9ab0da;
	border-top: 1px solid #9ab0da;
	border-left: 1px solid #9ab0da;
}

.info_customer td {
	padding: 20px 10px;
	border-top: 1px solid #9ab0da;
	border-bottom: 1px solid #9ab0da;
	border-left: 1px solid #9ab0da;
	border-right: 1px solid #9ab0da;
	line-height: 1.5;
}

.info_customer td.parts img {
	width: 50%;
}

.info_cost {
	width: 80%;
	min-width: 1000px;
	margin: 0 auto;
}

.info_cost table {
	width: 100%;
	margin: 30px auto;
}

.info_cost table th {
	width: 15%;
	background-color: #d5f1ea;
	padding: 20px 5px;
	border-bottom: 1px solid #a9d0c6;
	border-left: 1px solid #a9d0c6;
	font-weight: normal;
	color: #0f755d;
}

.info_cost table th.heading {
	background-color: #13bf97;
	border-left: 1px solid #13bf97;
	border-right: 1px solid #13bf97;
	color: #fff;
	font-size: 2.2rem;
}

.info_cost table td {
	width: 25%;
	border-bottom: 1px solid #a9d0c6;
	border-right: 1px solid #a9d0c6;
	border-left: 1px solid #a9d0c6;
	line-height: 2.0;
}

.info_notice {
	width: 80%;
	min-width: 1000px;
	margin: 0 auto;
}

.info_notice table {
	width: 100%;
	margin: 30px auto;
}

.info_notice table th {
	background-color: #ffe5e5;
	font-weight: normal;
	padding: 20px 5px;
	border-bottom: 1px solid #f1baba;
	border-left: 1px solid #f1baba;
	color: #c7494b;
}

.info_notice table th.heading {
	background-color: #ef7171;
	border-right: 1px solid #ef7171;
	border-left: 1px solid #ef7171;
	color: #fff;
	font-size: 2.2rem;
}

.info_notice table td {
	width: 80%;
	text-align: left;
	padding: 10px;
	border-left: 1px solid #f1baba;
	border-right: 1px solid #f1baba;
	border-bottom: 1px solid #f1baba;
	line-height: 2.0;
}

.contents_board .forexample_explain {
	padding: 0 0 0 10px;
	margin-top: 5px;
	font-size: 1.8rem;
}

.forexample_row {
	margin: 50px auto;
	padding: 0 30px;
}

.forexample_box {
	position: relative;
}

.forexample_img_area {
	background-color: #ebfcff;
	padding: 30px 0;
}

.forexample_img_area.patB {
	background-color: #fff6dd;
}

.forexample_img_area.patC {
	background-color: #ffecd7;
}

.forexample_img_area.patD {
	background-color: #f2ffeb;
}
.forexample_img_area.patE{
	background-color: #e6fff6;
}
.forexample_img_area.patF{
	background-color: #fff7fd;
}

.forexample_img_area .row {
	margin-top: 30px;
}

.forexample_img_area .img_patA {}

.forexample_img_area .img_patA .img_box {
	width: 30%;
	display: inline-block;
	vertical-align: top;
	margin: 20px 0 0 10px;
}

.forexample_img_area .img_patA .img_box img {
	border-radius: 15px;
}

.forexample_img_area h4 {
	font-size: 3.6rem;
	padding: 10px 30px;
	margin: 0;
	position: relative;
	/* 位置調整 */
	font-weight: normal;
	/* 文字の太さ調整 */
	margin-bottom: 40px;
	/* 周りの余白指定 */
	text-align: center;
	/* 文字位置指定 */
	padding-top: 20px;
	/* 余白指定 */
	z-index: 2;
	color: #51bbe0;
	text-shadow: 1px 1px 0 #fff;
	background: url("../image/syourei_otona/back_teeth_patE.png") no-repeat center;
	line-height: 120px;
	height: 150px;
}

.forexample_img_area h4.patB {
	background: url(../image/syourei_otona/back_teeth_patF.png) no-repeat center;
	color: #d6a120;
}

.forexample_img_area h4.patC {
	background: url(../image/syourei_otona/back_teeth_patC.png) no-repeat center;
	color: #a97334;
}

.forexample_img_area h4.patD {
	background: url(../image/syourei_otona/back_teeth_patD.png) no-repeat center;
	color: #9a9a17;
}
.forexample_img_area h4.patG{
	background: url(../image/syourei_otona/back_teeth_patG.png) no-repeat center;
	color: #2acc91;
}
.forexample_img_area h4.patH{
	background: url(../image/syourei_otona/back_teeth_patH.png) no-repeat center;
	color: #e288c8;
}

.forexample_img_area h5 {
	font-size: 2.4rem;
	margin-bottom: 20px;
	position: relative;
	display: inline-block;
	padding: 0 55px;
}

.forexample_img_area h5:before,
.forexample_img_area h5:after {
	content: "";
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 22%;
	height: 2px;
	border-top: solid 1px black;
	border-bottom: solid 1px black;
}

.forexample_img_area h5:before {
	left: 0;
}

.forexample_img_area h5:after {
	right: 0;
}

.forexample_img_area table {
	width: 90%;
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 10px;
}

.forexample_img_area table td {
	width: 25%;
}

.forexample_img {}

.forexample_img img {
	border-radius: 15px;
}

.tbl_xray td img {
	border-radius: 15px;
}
.tbl_xray.patA{
	width: 60%;
}

.img_patB {
	width: 300px;
}

.forexample_arrow {
	float: left;
	width: 8%;
	position: absolute;
	margin: auto;
	top: 30%;
	left: 0;
	right: 0;
}

.left_other {
	float: left;
	width: 450px;
}

.right_other {
	float: left;
	width: 450px;
	margin: 0 0 0 60px;
}

.other_example {
	width: 960px;
	margin: 20px auto 0;
}

.other_example p {
	text-align: center;
	margin-bottom: 20px;
	font-size: 2.0rem;
	color: #4768c7;
}

.other_example .other_explain {
	text-align: left;
	margin-top: 30px;
	display: block;
}

.other_example .arrow {
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #93c23e;
	text-align: center;
	margin: 30px auto;
}

.other_explain h5 {
	font-size: 2.4rem;
	color: #4768c7;
	text-align: left;
	margin-top: 50px;
}

.other_explain h5:first-child {
	margin-top: 10px;
}

.other_explain p {
	margin-top: 10px;
}

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

矯正歯科治療に伴う一般的なリスクや副作用について

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

.risk-list{
	max-width: 1000px;
	margin: 0 auto;
}
.risk-list ul{
	text-align: left;
}
.risk-list ul li{
	  text-indent: -1em;
  padding-left: 2em;
	line-height: 2.0;
	font-size: 18px;
}


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

矯正治療のあれこれ

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

.arekore_side {
	text-align: left;
}

.arekore_side h3 {
	width: 90%;
	min-width: 1000px;
	padding: 0 3%;
	box-sizing: border-box;
	background: #4769c7;
	color: #fff;
	margin-top: 0;
	font-size: 2.0rem;
	text-align: center;
}

.arekore_side ul {
	width: 90%;
	min-width: 1000px;
	margin: 10px auto 0;
	text-align: center;
}

.arekore_side ul li {
	border-top: 1px solid #4769c7;
	border-left: 1px solid #4769c7;
	border-right: 1px solid #4769c7;
	border-bottom: 1px solid #4769c7;
	margin-top: 5px;
	margin-left: 8px;
	float: left;
	width: 24%;
}

.arekore_side ul li a {
	display: block;
	padding: 20px 0;
	font-size: 1.4rem;
	font-weight: bold;
}

.arekore_side ul li a:before {}

.arekore_side ul li a:hover {
	background: #5376cc;
	color: #fff;
	opacity: 1.0;
}

.arekore_side ul li .other {
	display: block;
	padding: 20px 0;
	font-size: 1.4rem;
	font-weight: bold;
	color: #04c;
}

.arekore_side ul li .other:hover {
	background: #5376cc;
	color: #fff;
	cursor: pointer;
}

.arekore_side ul li .selected {
	background: #4769c7;
	color: #fff;
}


.arekore_contents {
	width: 90%;
	min-width: 1000px;
	box-sizing: border-box;
	margin: 30px auto 0;
	background: #ebfcff;
}

.arekore_box {
	margin-top: 30px;
	margin: 0 auto 0;
	padding-bottom: 10px;
}

.arekore_box:first-child {
	margin-top: 0;
}
.arekore_box .content{
	padding: 0 20px;
}

.arekore_box h3 {
	width: 100%;
	margin: 0 0 0 0;
	color: #fff;
	background: #59b3ec;
	padding: 3px 10px;
	box-sizing: border-box;
}

.arekore_box h4 {
	text-align: left;
	margin: 20px 0 0 0;
	font-size: 2.0rem;
	color: #5174cd;
}

.arekore_box h5 {
	font-size: 1.7rem;
	text-align: left;
	margin: 10px 0 0 0;
	color: #FE6F72;
	line-height: 1.5;
	padding: 0 ;
}

.arekore_box p {
	margin-top: 10px;
}

.arekore_img {
	float: left;
	width: 200px;
	margin-top: 30px;
}

.arekore_img+ p {
	float: left;
	width: 550px;
	margin: 30px 0 0 10px;
}

.arekore_imgbox img {
	width: auto;
	max-width: 80%;
	margin: 10px auto 10px;
}

.attention_list {
	margin-top: 20px;
	padding: 0 10px;
}

.attention_list li {
	text-align: left;
	margin-top: 10px;
	line-height: 1.5;
}

.attention_head {
	color: #FE6F72;
	font-size: 1.8rem;
}

.attention_list li p {
	padding: 0 0 0 15px;
}

.arekore_with_row {
	padding: 0 10px;
}

.arekore_with_row .arekore_imgbox {
	float: left;
	width: 40%;
}

.arekore_with_row .arekore_imgbox img {
	width: 100%;
}

.arekore_with_row p {
	float: left;
	width: 60%;
	box-sizing: border-box;
	padding: 0 0 0 10px;
}


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

HOCニュースレター

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

.newsletter_side {
	text-align: left;
	float: left;
	width: 15%
}

.newsletter_side h3 {
	width: 100%;
	min-width: auto;
	background: #51bbe0;
	color: #fff;
	margin-top: 0;
	padding: 5px;
	font-size: 2.0rem;
	box-sizing: border-box;
}

.newsletter_side ul li {
	border-top: 1px solid #51bbe0;
	border-left: 5px solid #51bbe0;
	border-right: 1px solid #51bbe0;
	border-bottom: 1px solid #51bbe0;
	margin-top: 5px;
}

.newsletter_side ul li a {
	display: block;
	padding: 10px 10px;
}

.newsletter_side ul li a:before {}

.newsletter_side ul li a:hover {
	background: #9cdef3;
	color: #fff;
}

.newsletter_side ul li a.selected {
	background: #9cdef3;
	color: #fff;
}

.newsletter_contents {
	width: 70%;
	float: left;
	margin: 0 0 0 30px;
}

.newsletter_box {
	box-shadow: 1px 1px 5px #555;
	padding: 10px;
	margin-top: 30px;
}

.newsletter_box:first-of-type {
	margin-top: 0;
}

.newsletter_box h3 {
	margin: 0 0 0 0;
	color: #4769c7;
	border-bottom: 2px solid #4769c7;
}

.newsletter_box h4 {
	text-align: left;
	margin: 20px 0 0 0;
	font-size: 2.0rem;
	color: #93c23e;
}

.newsletter_box p {
	margin-top: 10px;
}

.newletter_img {
	margin: 10px 0 0 0;
}


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

料金ページ

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

.ryoukin_right {
}

.ryoukin_contents {
	width: 1000px;
	margin: 0 auto 80px;
}

.ryoukin_contents .tbl_cost {
	width: 100%;
	margin: 0 auto;
	border: 1px solid #93c23e;
	margin-top: 30px;
}

.ryoukin_contents .tbl_cost tr {
	/*border-bottom: 1px solid #93c23e;*/
	border-bottom: none;
}

.ryoukin_contents .tbl_cost th {
	width: 50%;
	border-left: 1px solid #51bbe0;
	border-bottom: 1px solid #51bbe0;
	text-align: left;
	font-weight: bold;
	font-size: 1.8rem;
	padding: 20px 10px;
	background: #eafaff;
}

.ryoukin_contents .tbl_cost th .attention {
	text-align: right;
	color: #FF5457;
	display: block;
}

.ryoukin_contents .tbl_cost .th_max {
	border-right: 1px solid #51bbe0;
}

.ryoukin_contents .tbl_cost .th_max_head {
	border-right: 1px solid #51bbe0;
	border-top: 1px solid #51bbe0;
	background: #51bbe0;
	color: #fff;
	text-align: center;
	font-size: 2.0rem;
}

.ryoukin_contents .tbl_cost .th_head {
	font-weight: bold;
	text-align: center;
	background: #eafaff;
}

.ryoukin_contents .tbl_cost td {
	width: 50%;
	border-right: 1px solid #51bbe0;
	border-left: 1px solid #51bbe0;
	border-bottom: 1px solid #51bbe0;
	text-align: left;
	font-size: 1.8rem;
	padding: 10px;
}

.ryoukin_contents .tbl_cost td.care {
	color: #FF4E51;
	line-height: 1.5;
}

.ryoukin_contents .tbl_cost .second-care {
	color: #145de2;
	line-height: 1.5;
}

.ryoukin_contents .tbl_cost td:nth-last-child(4) {
	width: 18%;
	text-align: left;
}

.ryoukin_contents .tbl_cost td:nth-last-child(3) {
	width: 16%;
}



.ryoukin_contents .tbl_cost th .th_max_small {
	font-size: 1.4rem;
	margin: 0 0 0 10px;
}

.ryoukin_contents .tbl_cost th .th_small {
	font-size: 1.2rem;
}

.ryoukin_contents .tbl_cost .t_left {
	text-align: left;
}

.ryoukin_contents .tbl_cost .btm_dashed {
	border-bottom: 1px dashed #51bbe0;
}

.ryoukin_right .bikou {
	width: 100%;
	min-width: auto;
	margin: 10px 0 0 50px;
	text-indent: -3em;
}

.ryoukin_right .tax {}

.ryoukin_contents .tbl_cost .text_small {
	font-size: 1.2rem;
}
.ryoukin_contents .tbl_cost.patB th{
	background: #d3efca;
}
.ryoukin_contents .tbl_cost.patB .th_max_head{
	background: #4db72c;
}
.ryoukin_contents .explain{
	text-align: left;
	margin-top: 30px;
	font-size: 1.8rem;
	line-height: 1.5;
}

.ryoukin_contents .dli-caret-down {
  display: inline-block;
  vertical-align: middle;
  color: #000;
  line-height: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 2em 1.5em;
  border-top-color: currentColor;
  border-bottom: 0;
	margin-top: 30px;
}
/*=======================

矯正Q&A

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

.qa_contents {
	width: 90%;
	min-width: 1000px;
	margin: 0 auto;
	padding: 0 30px 0 30px;
	box-sizing: border-box;
}

.qa_box {
	width: 100%;
	margin-top: 30px;
}

.qa_box:first-child {
	margin-top: 0;
}

.qa_box h3 {
	border-bottom: 1px solid #51bbe0;
	margin-top: 0;
	padding-bottom: 5px;
	padding-left: 0;
}

.qa_box p {
	margin-top: 10px;
	padding: 0 10px;
}


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

小児矯正

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

#shoni .content {
	width: 1000px;
	margin: 0 auto;
}

#shoni .contents_board {
	padding: 0;
}

.equip_back .equip_row {
	width: auto;
	margin-top: 10px;
	background: #fff;
}

.equip_back {
	/*background: #baebff;*/
	padding: 30px 0 30px 0;
}

.equip_back p {
	padding: 0;
}

.contents_board .equip_back h3 {
	margin-top: 0;
	padding: 0;
}

.equip_back h4 {
	background: #fdfb16;
	color: #0e9dd6;
	text-align: left;
	font-size: 2.4rem;
	padding: 10px;
	margin-top: 50px;
}

.equip_back h4:first-child {
	margin-top: 0;
}

.equip_back h5 {
	font-size: 2.0rem;
	margin-bottom: 10px;
	text-align: left;
	color: #93c23f;
	font-weight: bold;
	margin-left: 30px;
}

.equip_sampleback h5 {
	text-align: left;
	font-size: 2.0rem;
	margin-bottom: 10px;
}

.equip_sampleback {
	background: #ebfcff;
	padding: 0;
}

.equip_sampleback h4 {
	background: #59b3ec;
	font-size: 24px;
	padding: 10px 5px;
	color: #fff;
}

.equip_sampleback:nth-child(even) h4 {
	background: #fbcc59;
}

.equip_sampleback .clrfix {
	width: 1000px;
	margin: 0 auto;
}

.equip_sampleback .equip_row {
	margin: 0;
	width: auto;
	padding-bottom: 40px;
}

.equip_sampleback:nth-child(even) {
	background: #fff6dd;
}

.equip_explain p {
	color: #464646;
	padding: 0;
}

.equip_explain {
	float: left;
	width: 50%;
	margin-top: 40px;
}

.equip_sampleback .equip_explain h5 {
	margin-left: 0;
	font-size: 20px;
	color: #2b8ecc;
}

.equip_sampleback:nth-child(even) .equip_explain h5 {
	color: #d4a31d;
}

.equip_img_1 {
	float: right;
	width: 40%;
	background: #fff;
	margin-top: 40px;
	margin-bottom: 20px;
	margin-right: 30px;
	border: 10px solid #58b3ec;
	border-radius: 10px;
}

.equip_img_1 video {
	width: 100%;
	height: 100%;
	vertical-align: bottom;
}

.equip_sampleback:nth-child(even) .equip_img_1 {
	border-color: #f5d78a;
}

.equip_img2_row {
	box-sizing: border-box;
}

.equip_img_2 {
	float: left;
	width: 28%;
	margin-left: 3%;
	background: #fff;
	padding: 1%;
}

.equip_img_2:first-of-type {
	margin-left: 0;
}

.equip_img_2 p {
	text-align: center;
}

.equip_img_3_row {
	margin: 10px 0 0 0;
}

.equip_sampleback .equip_img_3_row {
	margin: 10px 0 0 0;
}

.equip_sampleback:nth-child(even) .equip_img_3_row {
	background: #fff7e1;
}

.equip_img_3 {
	float: left;
	width: 46%;
	margin-left: 4%;
	padding: 1%;
	background: #fff;
}

.equip_img_3:first-of-type {
	margin-left: 0;
}

.equip_img_3 p {
	text-align: center;
}

.img_teikyou {
	padding: 20px 10px;
}


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

歯ならび専門医院受診のメリット

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

.contents_board .merit_contents .merit_head {
	text-align: center;
	width: 500px;
	margin: 40px auto 0;
}

.contents_board .merit_contents h2 {
	margin-bottom: 30px;
}

.contents_board .merit_contents p {
	width: 1100px;
	margin: 0 auto;
	padding: 0 3%;
	box-sizing: border-box;
}

.merit_img {
	width: 700px;
	margin: 30px auto 30px;
}

.merit_row {
	width: 1100px;
	padding: 0 3%;
	margin: 0 auto;
	box-sizing: border-box;
}

.contents_board .merit_row p {
	float: left;
	min-width: auto;
	margin-top: 0;
	padding: 0;
}

.merit_row .bnr {
	float: right;
	width: 250px;
}

.merit_check {
	color: #4769c7;
	font-size: 1.8rem;
}


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

患者様の声

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

.voice_contents {
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 50px;
}

.voice_contents p {
	margin-top: 10px;
}

.voice_contents p:first-child {
	margin-top: 0;
}

.voice_contents table {
	width: 100%;
	margin: 0;
}

.voice_contents table tr {
	border-bottom: none;
}

.newsbox {
	margin-top: 40px;
	border-top: 1px dashed #96720e;
	padding-top: 40px;
}

.newsbox:first-of-type {
	border-top: none;
	margin-top: 30px;
	padding-top: 0;
}

.newsbox:after {
	content: "";
	display: block;
	clear: both;
}

.newsbox .nlu_l {
	float: left;
	width: 20%;
}

.newsbox .nlu_r {
	width: 74%;
	float: left;
	margin-left: 2%;
	background: #e0f5ff;
	padding: 2%;
}

.newsbox .nlu_r .quest {
	color: #c3a221;
	font-size: 2.4rem;
}

.newsbox .nlu_r p {
	margin-top: 0;
	padding: 5px;
}


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

矯正治療の流れ

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

#flow .contents_board {
	width: 100%;
	background: none;
}

#flow .contents_board p {
	text-align: center;
}

#flow .sub_title {
	width: 100%;
	background-size: 100%;
}

#flow .contents {
	margin: 0 auto;
	padding: 0 3%;
}

.step_content {
	background: #fff;
	margin: 0 auto;
	box-sizing: border-box;
}

.step_content:first-child {}

.step_content .red {
	color: #FF7375;
}

.step_head {}

.step_head .step_number {
	background: #555;
	color: #fff;
	font-size: 2.0rem;
	display: inline-block;
	padding: 10px 0;
	width: 80px;
	background-color: #51bbe0;
	position: relative;
}

.step_head .step_number:before {
	position: absolute;
	content: "";
	width: 0;
	border: 20px solid transparent;
	border-left: 20px solid #51bbe0;
	left: 80px;
	top: 0px;
}

.step_head .step_number:after {
	position: absolute;
	content: "";
	width: 0;
	border: 20px solid transparent;
	border-right: 20px solid #51bbe0;
	left: -40px;
	top: 0px;
}

.step_head .step_title {
	display: block;
	font-size: 3.0rem;
	padding: 20px 0;
	color: #51bbe0;
}

.step_row {
	margin: 10px 0 0 0;
}

.step_row .step_explain {
	display: inline-block;
	text-align: left;
	width: 720px;
	margin: 0 0 0 20px;
	line-height: 1.5;
	font-size: 1.8rem;
}

.step_row .step_img {
	display: inline-block;
	width: 350px;
	/*border: 20px solid #cddebb;*/
}

.next_step {
	width: 100px;
	margin: 30px auto 30px;
}

.next_step:before {
	content: "";
	display: block;
	margin: 0 auto;
	width: 60px;
	height: 30px;
	background: #3dd8d4;
}

.next_step:after {
	content: "";
	display: block;
	border-top: 50px solid #3dd8d4;
	border-left: 50px solid #fff;
	border-right: 50px solid #fff;
	transform-origin: left top;
	transform: scaleY(.5);
}

.step_explain .tel {
	color: #4769c7;
	font-size: 2.0rem;
	margin: 20px 0;
}

.step_img2 {
	width: 900px;
	margin: 10px auto 0;
	/*border: 25px solid #cddebb;*/
}

.step_box .btn_row {
	margin-top: 30px;
}

.step_box .btn_row .btn_designA {
	display: inline-block;
	margin-left: 30px;
}

.step_box .btn_row .btn_designA:first-child {
	margin-left: 0;
}

.step_box .btn_row .btn_designA a {
	display: block;
	padding: 20px 30px;
	color: #fff;
	font-size: 18px;
}


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

TOPICS

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

#topics .contents_board {
	width: 90%;
	min-width: 1000px;
	padding: 50px 3%;
	box-sizing: border-box;
}

#topics .contents_board p {
	width: 100%;
	min-width: auto;
	padding: 0;
}

.topics_row {}

.topics_contents {
	width: 80%;
	float: left;
	margin-left: 30px;
}

.topics_box {
	padding: 30px 5px;
	border-bottom: 1px dotted #000;
	box-sizing: border-box;
	text-align: left;
}

.topics_box:first-child {
	padding-top: 0;
}

.topics_year {
	font-size: 2.4rem;
	background: #95d02d;
	color: #fff;
	padding: 10px 0;
}

.topics_day {
	vertical-align: top;
	text-align: left;
	font-size: 2.0rem;
}

.topics_tag {
	display: inline-block;
	width: 180px;
	vertical-align: baseline;
	background: #51bbe0;
	font-size: 1.6rem;
	padding: 4px 0;
	color: #fff;
	text-align: center;
	margin: 0 0 0 20px;
}

.topics_sentence {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin: 10px 0 0 0;
}

.topics_title {
	color: #51bbe0;
	font-size: 2.4rem;
	display: inline-block;
	margin-bottom: 20px;
}
.topic-subtitle{
	color: #51bbe0;
	font-size: 2.0rem;
}
#topics .web-soudan img{
	width: 150px;
}
#topics .large-font{
	font-size: 2.0rem;
}


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

アクセス・診療時間

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

#access .contents_board {
	padding: 0 0 50px 0;
}

#access .contents_board h2 {
	background: #94BD4C;
	padding: 10px 0;
	color: #fff;
}

#access .contents_board h2:first-child {}

#map_custmomize {
	text-align: center;
	border: 25px solid #cddebb;
	box-sizing: border-box;
}

#access .clinic_hour_content {
	width: 600px;
	float: left;
}

#access .clinic_hour_content table {
	width: 100%;
}

.tbl_access_clinic {
	float: left;
	width: 480px;
	margin: 10px 0 0 40px;
}

.tbl_access_clinic table {
	border-collapse: collapse;
	border: 1px solid #b7b7b7;
	width: 100%;
}

.tbl_access_clinic table tr {
	border-bottom: 1px solid #b7b7b7;
}

.tbl_access_clinic table th {
	width: 25%;
	text-align: left;
	padding: 3%;
	font-weight: normal;
	font-size: 1.8rem;
}

.tbl_access_clinic table td {
	width: 75%;
	text-align: left;
	padding: 3%;
	font-size: 1.8rem;
	line-height: 1.4;
}

.access_public {
	text-align: left;
	margin: 0 0 40px 0;
}

.access_public h3 {
	text-align: center;
}

.access_public ul {
	margin: 10px 0 0 0;
	text-align: center;
}

.access_public ul li {
	font-size: 18px;
	margin: 10px 0 0 0;
}

.access_public ul li:first-child {
	font-size: 20px;
}

.access_public ul li:first-child:before {
	content: "●";
	color: #C6D9B3;
}

#access .hosoku {
	font-size: 20px;
	margin-top: 30px;
	text-align: center;
	color: #f77979;
}


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

WEB相談

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

.contact_mail {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}

.contact_mail p {
	text-align: center;
}

.contact_mail .mail_intro p {
	text-align: center;
}

.contact_mail .mail_intro p span {
	color: red;
}

.contact_mail table {
	width: 90%;
	margin: 20px auto 0;
}

.contact_mail table th {
	width: 20%;
	background: #5db8d6;
	color: #fff;
	padding: 10px 15px;
	border-bottom: 1px solid #fff;
	vertical-align: middle;
	text-align: left;
}

.contact_mail table tr:last-child th {
	border-bottom: 1px solid #fff;
}

.contact_mail table td {
	background: #d2eaf3;
	padding: 15px 20px;
	border-bottom: 1px solid #aba998;
	text-align: left;
}

.contact_mail table tr:last-child td {
	border-bottom: 1px solid #fff;
}

.contact_mail table td input {
	border: 1px solid #aba998;
	padding: 10px 5px;
	font-size: 1.6rem;
}

.contact_mail table td .rei {
	color: #2286a7;
	margin-left: 10px;
}

.contact_mail table #formTel2,
.contact_mail table #formTel3 {
	margin-left: 5px;
}

.contact_mail table textarea {
	width: 600px;
	height: 150px;
	resize: none;
	border: 1px solid #aba998;
	font-size: 1.6rem;
	padding: 5px 10px;
}

.contact_mail table .essential {
	display: inline-block;
	border-radius: 30px;
	background: #fff;
	padding: 3px 10px;
	color: #ff5051;
	font-size: 1.2rem;
	margin-bottom: 5px;
}

.btn_contact input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.contact_mail .btn_contact {
	margin: 20px 0 0 0;
}

.contact_mail .btn_contact input[type="button"] {
	background: #4769c7;
	padding: 10px 20px;
	color: #fff;
	border: none;
	font-size: 1.8rem;
}

.contact_mail .btn_contact input[type="reset"] {
	background: #ff6d6d;
	padding: 10px 20px;
	color: #fff;
	border: none;
	font-size: 1.8rem;
	margin: 0 0 0 20px;
}

.contact_mail table select {
	font-size: 1.6rem;
	height: 40px;
	background: #fff;
}

.contact_mail table .Errform {
	color: #e6501f;
}

.contents_board .check_submit {
	text-align: center;
}

.btn_contact input[type="button"] {
	background: #4769c7;
	padding: 10px 20px;
	color: #fff;
	border: none;
	font-size: 1.8rem;
}

.btn_contact input[type="submit"] {
	background: #ff6d6d;
	padding: 10px 20px;
	color: #fff;
	border: none;
	font-size: 1.8rem;
	margin: 0 0 0 20px;
}

.contact_thanks p {
	text-align: center;
	margin: 30px 0 0 0;
}


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

WEB相談2

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

.contact_mail .web2_intro {}

.contact_mail .web2_intro p {
	text-align: left;
	margin-left: 30px;
}

.contact_mail .web2_intro .left {
	float: left;
	width: 80%;
}

.code_qr {
	float: left;
	width: 10%;
	margin: 0 20px 0 20px;
}

.contact_mail input[type="file"] {
	border: none;
}

.temp_img p {
	width: 300px;
}

.error_list {
	margin-bottom: 30px;
}

.error_list li {
	font-size: 1.8rem;
	color: red;
	line-height: 1.4;
}


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

リンク集

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

.link_contents {
	width: 100%;
	padding: 0 50px;
	box-sizing: border-box;
}

.link_box {
	width: 100%;
	margin-top: 30px;
}

.link_box:first-child {
	margin-top: 0;
}

.link_box h3 {
	border-bottom: 1px solid #555;
	margin-top: 0;
	padding-bottom: 5px;
	padding-left: 0;
}

.link_box p {
	margin-top: 10px;
	padding: 0 10px;
}

.link_box ul {
	text-align: left;
	margin: 10px 0 0 10px;
}

.link_box ul li {
	margin-top: 20px;
}


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

サイトマップ

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

.sitemap_contents {
	width: 1000px;
	margin: 40px auto 0;
	padding: 0;
	box-sizing: border-box;
}

.sitemap_contents:first-child {
	margin-top: 0;
}

.sitemap_box {
	float: left;
	width: 280px;
	margin: 0 0 0 50px;
}

.sitemap_box:first-child {
	margin-left: 0;
}

.sitemap_box h3 {
	border-bottom: 1px solid #555;
	padding: 0 0 5px 0;
	line-height: 1.0;
	margin-bottom: 0;
	color: #555;
	font-size: 20px;
	margin-top: 0;
}

.sitemap_box ul {
	margin: 0;
	padding: 0;
}

.sitemap_box ul li {
	list-style-type: none;
	margin-top: 10px;
	font-size: 16px;
}