@charset "utf-8";

/* 共通部分
=============================================================================================== */
.pc-only {
	display: none;
}
.col_img_l {
	text-align: center;
	margin-bottom: 5%;
}
.col_img_r {
	text-align: center;
	margin-bottom: 5%;
}

/* 下層の共通文字設定 */
.page_main {
	font-size: 100%;
	color: #5a5046;
	line-height: 2.0;
}

/* ページ内リンク用 */


/* header　トップと共通 style.css参照
=============================================================================================== */


/* トップ画像　下層用　全ページ共通
=============================================================================================== */
.main_page {
	height: 27vw;
	background-image: url(images/page/bg_main.png);
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	display: -webkit-flex;
	display: flex;
	/*-webkit-justify-content: center;
	justify-content: center;*/
	-webkit-align-items: center;
	align-items: center;
	position: relative;
	z-index: 1;
}
.main_page h2 {
	width: 100%;
	font-size: 160%;
	line-height: 1.3;
	letter-spacing: 0.1em;
	text-align: right;
	padding-right: 6.25vw;
	font-weight: 500;
	text-shadow: 0 0 10px #fff , 0 0 5px #fff ,0 0 3px #fff;
}

/* 枠　#content>.inner>.page_main
=============================================================================================== */
.page_main {
	padding: 8% 0 18%;
}
.page_main > section:not(:last-child) {
	padding-bottom: 15%;
}

/* 記事タイトルの装飾
=============================================================================================== */
.page_main section > h3 {
	font-size: 114.28%;
	color: #561f00;
	line-height: 1.3;
	padding: 2vw 1em 2vw 3vw;
	border-top: 1px solid #d3dd00;
	border-bottom: 1px dotted #b1a198;
	margin-bottom: 8vw;
	position: relative;
	font-weight: 500;
}
.page_main section > h3:before {
	content: '';
	width: 2em;
	height: 1px;
	background: #f19ec2;
	position: absolute;
	top: -1px;
	left: 0;
}

/* 汎用パーツ
================================================================================ */
/* 基本型　初めての方へなど */
.row_page_common:not(:last-child) {
	margin-bottom: 12vw;
}
.row_page_common h4 {
	font-size: 170%;
	color: #561f00;
	line-height: 1.5;
	font-weight: normal;
	margin-bottom: 3vw;
}
.row_page_common h4 em {
	color: #f39700;
	font-style: normal;
}
.row_page_common p:not(:last-child) {
	margin-bottom: 6vw;
}

/* 斜線のエリア　初めての方へなど */
.area_slant_common {
	background: url(images/page/bgc_slantbox.png) repeat;
	padding: 20px 4%;
}
.area_slant_common:not(:last-child) {
	margin-bottom: 10vw;
}
.area_slant_common .icn_logo {
	text-align: center;
	margin-bottom: 3vw;
}

/* ◎リスト　初めての方へなど */
.unit_circle_common:not(:last-child) {
	margin-bottom: 8vw;
}
.unit_circle_common h4 {
	font-size: 162%;
	color: #561f00;
	line-height: 1.2;
	font-weight: normal;
	padding-left: 20px;
	margin-bottom: 3vw;
	position: relative;
}
.unit_circle_common h4 span {
	font-size: 75%;
}
.circle_orange:before {
	content: "";
	width: 12px;
	height: 12px;
	border-radius: 6px;
	border: 4px solid #f39700;
	position: absolute;
	left: 0;
	top: calc(0.6em - 6px);
}

/* Messageエリア　一般歯科など */
.area_message_common {
	background: #fffcec;
	padding: 25px 4% 20px;
}
.area_message_common h4 {
	background: url(images/page/ttlbg_message.png) center top 0.6em no-repeat;
	font-size: 300%;
	color: #561f00;
	line-height: 1.2;
	text-align: center;
	margin-bottom: 5vw;
	font-weight: 500;
}
.area_message_common h4 span {
	display: block;
	font-size: 33%;
	font-weight: bold;
	padding-top: 3vw;
}
.area_message_common h5 {
	background: url(images/page/ttlbg_ribbon.png) center top no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	font-size: 128.57%;
	color: #fff;
	line-height: 1.2;
	text-align: center;
	font-weight: normal;
	padding: 0.6em 5%;
	margin-bottom: 5vw;
	position: relative;
}
.area_message_common h5:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	border: 1.2em solid transparent;
	border-left: 0.6em solid #fffcec;
}
.area_message_common h5:after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	border: 1.2em solid transparent;
	border-right: 0.6em solid #fffcec;
}

/* メリットとデメリットのボックス　小児矯正など */
.wrap_merit:not(:last-child) {
	margin-bottom: 10vw;
}
.box_merit_common {
	padding: 6px;
}
.box_merit_common:not(:last-child) {
	margin-bottom: 6vw;
}
.box_merit_common h4 {
	font-size: 128.57%;
	line-height: 1.3;
	text-align: center;
	padding: 3vw 0;
}
.box_merit_common ul {
	padding: 20px 4%;
}
.box_merit_common ul li {
	font-size: 114.28%;
	line-height: 1.3;
	text-indent: -1em;
	padding-left: 1em;
	padding-bottom: 2vw;
	border-bottom: 1px dashed #ddd6d3;
}
.dot_pink:before {
	content: "●";
	font-size: 10px;
	color: #eacebf;
	vertical-align: middle;
	margin-right: 2vw;
}
.box_merit_common ul li:not(:last-child) {
	margin-bottom: 3vw;
}
.box_merit_common01 { box-shadow: 0 0 0 2px #d3dd00 inset, 0 0 0 5px #fff inset, 0 0 0 6px #d6e013 inset;}
.box_merit_common02 { box-shadow: 0 0 0 2px #f5e6cf inset, 0 0 0 5px #fff inset, 0 0 0 6px #f6e8d3 inset;}
.box_merit_common01 h4 { background: #d3dd00;}
.box_merit_common02 h4 { background: #f5e6cf;}

/* ￥治療費ーー ＋テーブル　小児矯正など */
.lump_price_common:not(:last-child) {
	margin-bottom: 12vw;
}
.lump_price_common h4 {
	min-height: 30px;
	font-size: 142%;
	color: #561f00;
	line-height: 1.5;
	padding-left: 38px;
	margin-bottom: 6vw;
	position: relative;
}
.icn_yen { background: url(images/page/icn_yen.png) left top no-repeat;}
.lump_price_common h4:after {
	content: "";
	width: 60%;
	height: 1px;
	background: #000;
	position: absolute;
	right: 0;
	top: 50%;
}
/* （テーブル部分） */
.tbl_price {
	width: 100%;
	border: 1px solid #bc947d;
	border-bottom: none;
}
.tbl_price th,
.tbl_price td {
	display: block;
	line-height: 1.5;
}
.tbl_price th {
	background: #bc947d;
	font-size: 114.28%;
	color: #fff;
	text-align: left;
	padding: 2vw 0.5em 2vw 5vw;
}
.tbl_price tr:not(:last-child) th {
	border-bottom: 1px solid #fff;
}
.tbl_price tr:last-child th {
	border-bottom: 1px solid #bc947d;
}
.tbl_price td {
	font-size: 114.28%;
	color: #000;
	text-align: right;
	padding: 2vw 5vw 2vw 0.5em;
	border-bottom: 1px solid #bc947d;
}

/* お支払方法 クレジットカード一覧　審美歯科など */
.row_pay_common {
	margin-bottom: 8vw;
}
.row_pay_common h4 {
	font-size: 200%;
	color: #5a493f;
	line-height: 2;
	text-align: center;
	border-top: 1px dashed #5a493f;
	border-bottom: 1px dashed #5a493f;
	margin-bottom: 6vw;
}
.row_pay_common .txt_pay_common01 {
	margin-bottom: 5vw;
}
.row_pay_common ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-bottom: 3vw;
}
.row_pay_common .txt_pay_common02 {
	font-size: 114.28%;
	line-height: 1.3;
}

.box_pay_common {
	border: 10px solid #f9fbe1;
	padding: 20px 4%;
}
.box_pay_common h5 {
	display: table;
	font-size: 142%;
	line-height: 1.3;
	padding-top: calc(45px + 1vw);
	margin: 0 auto 3vw;
}
.logo_pay { background: url(images/page/logo_pay.png) center top no-repeat;}
.box_pay_common h5 em {
	font-size: 140%;
	font-style: normal;
	background: linear-gradient(transparent 60%, #d3dd00 40%);
}
.box_pay_common h5 em strong {
	font-size: 130%;
}

/* ボックス内にチェックリスト　オレンジ下線Ver　審美歯科など */
.box_check_commonA {
	border: 1px solid #561f00;
	padding: 20px 4%;
}
.box_check_commonA h4 {
	font-size: 138%;
	line-height: 1.3;
	text-align: center;
	margin-bottom: 5vw;
}
.box_check_commonA h4 span {
	display: inline-block;
	padding-bottom: 1vw;
	border-bottom: 2px solid #f39700;
}
.box_check_commonA ul li {
	min-height: 18px;
	line-height: 1.3;
	padding-left: 25px;
}
.box_check_commonA ul li:not(:last-child) {
	margin-bottom: 2vw;
}
.icn_check_or { background: url(images/page/icn_check_or.png) left top no-repeat;}

/* ボックス内にチェックリスト　点線Ver　修正追加しただけ　入れ歯など */
.box_check_commonA h5 {
	font-size: 170%;
	color: #561f00;
	line-height: 1.3;
	font-weight: 400;
	padding-bottom: 2vw;
	border-bottom: 2px dotted #561f00;
	margin-bottom: 5vw
}
.icn_checked { background: url(images/page/icn_checked.png) left top no-repeat;}

.row_common01:not(:last-child){
	margin-bottom: 8vw;
}
.row_common01 h4 {
    font-size: 150%;
    color: #561f00;
    line-height: 1.2;
	letter-spacing: .1em;
    font-weight: normal;
    padding-left: 5vw;
    margin-bottom: 4vw;
    position: relative;
}
.row_common01 .col_txt{margin-bottom: 3vw;}
.row_common01 .col_img{text-align: center;}
.ttl_common1{
	text-align: center;
	border-bottom:1px dashed #5a493f;
	font-size: 114.28%;
	font-weight: bold;
	margin-bottom: 6vw;
	padding-bottom: 1vw;
}

/* 02 clinic　クリニック紹介
==============================================================================*/
/* クリニック紹介 */
.box_clinic_about {
	border: 5px solid #f9f1e4;
	padding: 20px 4%;
}
.box_clinic_about h4 {
	text-align: center;
	margin-bottom: 6vw;
}
.box_clinic_about ul {
	margin-bottom: 8vw;
}
.box_clinic_about ul li {
	padding-top: 4.5em;
	padding-bottom: 6vw;
	background: url(images/clinic/dotted.png) center bottom no-repeat;
	position: relative;
}
.circle_num:before {
	width: 2em;
	height: 2em;
	font-size: 200%;
	color: #561f00;
	line-height: 2;
	font-family: "ryo-gothic-plusn",sans-serif;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #561f00;
	border-radius: 1em;
	position: absolute;
	left: calc(50% - 1em);
	top: 0;
}
.num01:before { content: "01";}
.num02:before { content: "02";}
.num03:before { content: "03";}
.num04:before { content: "04";}
.box_clinic_about ul li:not(:last-child) {
	margin-bottom: 6vw;
}
.box_clinic_about li h5 {
	font-size: 170%;
	color: #561f00;
	line-height: 1.3;
	font-weight: normal;
	margin-bottom: 3vw;
}
.box_clinic_about .bnr_first {
	text-align: center;
}

/* 院内紹介 */
.row_clinic_inside:not(:last-child) {
	margin-bottom: 10vw;
}
.unit_clinic_inside:not(:last-child) {
	margin-bottom: 10vw;
}

.unit_clinic_inside .imgwrap {
	text-align: center;
	margin-bottom: 4vw;
}
.unit_clinic_inside .img_clinic_inside:not(:last-child) {
	margin-bottom: 2vw;
}
.unit_clinic_inside h4 {
	font-size: 170%;
	line-height: 1.3;
	font-weight: 100;
	padding-left: 4vw;
	border-left: 2px solid #f19ec2;
	margin-bottom: 3vw;
}
.unit_clinic_inside h4 span {
	display: block;
	font-size: 50%;
	color: #d3dd00;
	font-weight: 500;
	margin-top: 1vw;
}
/* （個別部分） */
.unit_clinic_inside06 .lump_txt {
	background: url(images/clinic/img_clinic_inside09.png) center top no-repeat;
	padding-top: calc(160px + 4vw);
	margin-top: -2vw;
}

/* 設備紹介 */
.clinic_equip ul li:not(:last-child) {
	margin-bottom: 10vw;
}
.clinic_equip ul li .img_clinic_equip {
	text-align: center;
	margin-bottom: 4vw;
}
.clinic_equip h4 {
	font-size: 142%;
	color: #561f00;
	line-height: 1.2;
	margin-bottom: 2vw;
}

/* 03 first_visit　初めての方へ
==============================================================================*/
/* 初めての方へ */
/* （汎用パーツの個別修正） */
.first_about .area_slant_common h4 {
	font-size: 123%;
	line-height: 1.5;
	margin-bottom: 5vw;
	font-weight: 400;
}
.first_about .area_slant_common h4 em {
	display: inline-block;
	font-size: 130%;
	color: #f19ec2;
	line-height: 1.0;
	font-style: normal;
	border-bottom: 1px solid #f19ec2;
}
.first_about .area_slant_common .inarea_tel {
	background: #fff;
	border-radius: 3em;
	padding: 2vw 8% 3vw;
	text-align: center;
}
.first_about .area_slant_common .inarea_tel b{
	font-weight: 500;
	display: block;
	margin-bottom: 2%;
}
/* 初診の流れ */
.box_first_flow {
	box-shadow: 0 0 0 2px #f5e6cf inset, 0 0 0 5px #fff inset, 0 0 0 6px #f6e8d3 inset;
	background: #fffaf3;
	padding: 20px 4%;
	margin-bottom: 8vw;
}
.box_first_flow h4 {
	font-size: 170%;
	line-height: 1.2;
	padding-top: 30px;
	padding-bottom: 3vw;
	border-bottom: 1px dashed #b1a198;
	margin-bottom: 3vw;
	font-weight: 500;
}
.box_first_flow h4 strong {
	font-size: 150%;
	line-height: 1;
	position: relative;
	top: 3px;
	font-weight: 500;
}
.icn_clock { background: url(images/page/icn_clock.png) center top no-repeat;}
.box_first_flow p {
	font-size: 114.28%;
	line-height: 1.5;
}

.first_flow > h4 {
	font-size: 160%;
	color: #561f00;
	line-height: 1.2;
	font-weight: normal;
	margin-bottom: 8vw;
}
.first_flow > h4 span {
	display: inline-block;
	border-bottom: 2px solid #561f00;
}

.first_flow ul li:not(:last-child) {
	padding-bottom: 8vw;
	background: url(images/page/bdb_flow.png) center bottom no-repeat;
	margin-bottom: 6vw;
}
.first_flow ul li h5 {
	-webkit-background-size: calc(83/640*100vw) auto;
	background-size: calc(83/640*100vw) auto;
	font-size: 200%;
	color: #561f00;
	line-height: 1.3;
	padding-top: 3.8vw;
	padding-left: 18vw;
	margin-bottom: 3vw;
}
.step01 { background: url(images/page/step01.png) left top no-repeat;}
.step02 { background: url(images/page/step02.png) left top no-repeat;}
.step03 { background: url(images/page/step03.png) left top no-repeat;}
.step04 { background: url(images/page/step04.png) left top no-repeat;}
.step05 { background: url(images/page/step05.png) left top no-repeat;}
.step06 { background: url(images/page/step06.png) left top no-repeat;}

/* 各種検査 */

/* 個人情報の取り扱いについて */
.first_treat > p {
	font-size: 114.28%;
	line-height: 1.5;
	margin-bottom: 6vw;
}

.unit_first_treat:not(:last-child) {
	margin-bottom: 8vw;
}
.unit_first_treat h4 {
	font-size: 128.28%;
	line-height: 1.2;
	padding-left: 22px;
	margin-bottom: 3vw;
	position: relative;
}
.rhomb_grey:before {
	content: "";
	width: 12px;
	height: 12px;
	border: 1px solid #918c86;
	position: absolute;
	left: 3px;
	top: calc(0.6em - 6px);
	transform: rotate(45deg);
}
.unit_first_treat p:not(:last-child) {
	margin-bottom: 2vw;
}
.unit_first_treat ul li {
	line-height: 1.5;
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 2vw;
}
.unit_first_treat ul + p {
	text-indent: -1em;
	padding-left: 1em;
}

/* 04 dentist　院長紹介
==============================================================================*/
/* 院長のご紹介 */
.area_dentist_director {
	background: #f9fbe1;
	padding: 25px 4% 20px;
}
.area_dentist_director .col_img_r img:not(:last-child) {
	margin-bottom: 3vw;
}
.lump_history:not(:last-child) {
	margin-bottom: 8vw;
}
.lump_history h5 {
	font-size: 142%;
	color: #561f00;
	line-height: 1.3;
	font-weight: normal;
	margin-bottom: 3vw;
}
.lump_history dl:not(:last-child) {
	margin-bottom: 2vw;
}
.dot_orange:before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background: #d3dd00;
	position: absolute;
	left: 0;
	top: calc(0.6em - 4px);
}
.lump_history dl {
	line-height: 1.4;
	padding-left: 1em;
	position: relative;
}
.lump_history dt {
	float: left;
}
.lump_history dd {
	padding-left: 23vw;
}

.lump_history ul li {
	line-height: 1.4;
	padding-left: 1em;
	position: relative;
}
.lump_history ul li:not(:last-child) {
	margin-bottom: 2vw;
}

/* 歯科医師のご紹介 */
.area_dentist_doctor {
	background: #f9fbe1;
	padding: 25px 4% 20px;
}
.area_dentist_doctor .name_dentist_doctor {
	margin-bottom: 3vw;
}

/* スタッフのご紹介 */
.row_dentist_staff {
	margin-bottom: 10vw;
}
.row_dentist_staff .icn_welcome {
	text-align: center;
	margin-bottom: 3vw;
}
.row_dentist_staff h4 {
	font-size: 200%;
	color: #561f00;
	line-height: 1.3;
	margin-bottom: 4vw;
}
.row_dentist_staff p {
	font-size: 114.28%;
	color: #561f00;
	line-height: 1.5;
}

.dentist_staff > ul li {
	text-align: center;
}
.dentist_staff > ul li:not(:last-child) {
	margin-bottom: 3vw;
}

/* 05 access　診療時間・アクセス
==============================================================================*/
/* 基本情報 */
.access_basic .row_page_common h4 {
	text-align: center;
	margin-bottom: 5vw;
}
.access_basic .row_page_common p {
	font-size: 114.28%;
	line-height: 1.5;
	margin-bottom: 3vw;
}
.access_basic .row_page_common .tel_access {
	
}

.access_basic .tbl_access {
	text-align: center;
	margin-bottom: 2vw;
}
.access_basic .tbl_caption {
	font-size: 97%;
	line-height: 1.5;
}

/* アクセス */
#map_access {
	position: relative;
	width: 100%;
	padding-top: 100%;
	margin-bottom: 6vw;
}
#map_access iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.access_access dl {
	padding-left: 58px;
}
.icn_train { background: url(images/access/icn_train.png) left top no-repeat;}
.icn_car { background: url(images/access/icn_car.png) left top no-repeat;}
.access_access dl:not(:last-child) {
	margin-bottom: 24px;
}
.access_access dt {
	font-size: 142%;
	color: #561f00;
	padding-top: 1.5vw;
	border-bottom: 2px dotted #561f00;
}
.access_access dd {
	font-size: 114.28%;
	line-height: 1.5;
	padding-top: 2vw;
}

/* 06 general　一般歯科
==============================================================================*/
/* 一般歯科 */

/* むし歯治療 */
.general_caries > h4 {
	background: url(images/general/ttlbg_general_caries01.png) left center no-repeat ,url(images/general/ttlbg_general_caries01.png) right center no-repeat;
	font-size: 128.57%;
	color: #561f00;
	line-height: 1.5;
	text-align: center;
	letter-spacing: 0.1em;
	padding: 0 6vw;
	margin-bottom: 10vw;
}

.box_general_caries {
	border: 5px solid #f9f1e4;
	padding: 0 4% 20px;
	margin-bottom: 8vw;
}
.box_general_caries h5 {
	min-height: 46px;
	font-size: 170%;
	color: #561f00;
	text-align: center;
	margin: -7vw -2vw 3vw;
}
.box_general_caries h5 span {
	background: url(images/general/ttlbg_general_caries02.png) center center no-repeat #fff;
	-webkit-background-size: contain;
	background-size: contain;
	display: block;
}
.box_general_caries ul li {
	font-size: 114.28%;
	color: #561f00;
	line-height: 1.3;
	font-weight: bold;
}
.box_general_caries ul li:not(:last-child) {
	margin-bottom: 2vw;
}

/* 歯周病治療 */
.box_general_perio {
	border: 1px solid #561f00;
	padding: 20px 4%;
	margin-bottom: 10vw;
}
.box_general_perio h5 {
	font-size: 240%;
	color: #561f00;
	line-height: 1.3;
	text-align: center;
	margin-bottom: 8vw;
	position: relative;
	font-weight: 500;
}
.box_general_perio h5 span {
	display: block;
	font-size: 33%;
	padding-top: 3vw;
	padding-bottom: 5vw;
}
.box_general_perio h5:after {
	content: "";
	width: 40px;
	height: 1px;
	background: #561f00;
	position: absolute;
	bottom: 0;
	left: calc(50% - 20px);
}
.box_general_perio ul li:not(:last-child) {
	margin-bottom: 10vw;
}
.box_general_perio .img_general_perio {
	text-align: center;
	margin-bottom: 20px;
}
.box_general_perio h6 {
	font-size: 142%;
	color: #f39700;
	line-height: 1.3;
	padding-left: 38px;
	margin-bottom: 2vw;
	position: relative;
}
.bar_orange:before {
	content: "";
	width: 24px;
	height: 1px;
	background: #f39700;
	position: absolute;
	left: 0;
	top: calc(50% - 1px);
}

/* スポーツマウスガード */
/* 修正追加分 */
.row_general01 .col_txt_l span{
	color: #f39700;
}
.wrap_general01{
	margin-bottom: 35px;
}
.txt_general01{
	margin-bottom: 4vw;
}
.flow_general01{
	background: #fff3f8;
	padding:6vw 5%;
}
.flow_general01:not(:last-of-type){
	margin-bottom: 40px;
}
.row_general02{
	margin-bottom: 6vw;
}
.row_general02 .num{
	width: calc(100 / 750*100vw);
    height: calc(100 / 750*100vw);
    font-size: 24px;
    color: #fff;
    line-height: calc(100 / 750*100vw);
    font-family: 'Noto Serif Japanese', serif;
    text-align: center;
    vertical-align: middle;
    background: #f19ec2;
    border-radius: 100%;
	margin:0 auto 8vw;
}
.row_general02 .txt01{
	position: relative;
	font-size: 16px;
}
.row_general02 .txt01:after{
	content: "";
    position: absolute;
    border-top: calc(8 / 750*100vw) dotted #d3dd00;
    top: -3vw;
    margin: auto;
    left: 0;
	right: 0;
    width: 100%;
    height: calc(8 / 750*100vw);
}
.row_general03{
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items:center;
	align-items:center;
}
.row_general03 .col{
	background: #fff;
	font-size: 84%;
	width: calc(270 / 750*100vw);
    height: calc(270 / 750*100vw);
	text-align: center;
	border-radius: 100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items:center;
	align-items:center;
	position: relative;
}
.row_general03 .col:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: calc(20 / 750*100vw) solid #f19ec2;
    border-top: calc(20 / 750*100vw) solid transparent;
    border-bottom: calc(20 / 750*100vw) solid transparent;
    right: -5vw;
    bottom: 0;
    top: 0;
    margin: auto;
}
.row_general03 .col:nth-child(2):before {
	display: none;
}
.row_general03 .col:last-child:before {
	left: -6vw;
	right: auto;
}
.row_general03 .col:last-child{
	margin: 2vw auto 0;
}
.txt_general02{
	margin-bottom: 5vw;
}
.box_general01{
	margin-bottom: 8vw;
}
.txt_general03{
	margin-bottom: 5vw;
}
.img_general01{
	margin-bottom: 8vw;
}
.txt_general04{
	margin-bottom: 5vw;
}

/* 07 pediatric　小児歯科
==============================================================================*/
/* 小児歯科 */
.box_pedia_about {
	box-shadow: 0 0 0 7px #fedceb inset, 0 0 0 10px #fff inset, 0 0 0 11px #d7e017 inset, 0 0 0 12px #f2f5b5 inset;
	padding: 25px 5%;
	margin-bottom: 10vw;
}
.box_pedia_about h4 {
	text-align: center;
	margin-bottom: 6vw;
}
.box_pedia_about ul li:not(:last-child) {
	margin-bottom: 10vw;
}
.box_pedia_about ul li .img_pedia_about {
	text-align: center;
	margin-bottom: 3vw;
}
/* （汎用パーツの個別修正） */
.pedia_about .area_message_common h5 {
	font-size: 118%;
}

/* 08 child_ortho　小児矯正
==============================================================================*/
/* マウスピースによる小児矯正 */

/* 矯正治療とは */
/* （汎用パーツの個別修正） */
.area_slant_common h5 {
	font-size: 157%;
	line-height: 1.4;
	font-weight: 500;
}

.child_about .area_message_common h5 {
	font-size: 124%;
}

/* 09 cosmetic　審美歯科
==============================================================================*/
/* 審美歯科 */

/* ホワイトニング */

/* 審美補綴 */

/* 審美補綴の種類 */

/* 治療費 */


/* 10 implant　インプラント
==============================================================================*/
/* インプラント */

/* 入れ歯・ブリッジ・インプラントの違い */
.unit_implant_diffe:not(:last-child) {
	padding-bottom: 10vw;
	border-bottom: 1px solid #dcdcdc;
	margin-bottom: 10vw;
}
.unit_implant_diffe .bnr_false_teeth {
	text-align: center;
}

/* インプラント治療の流れ */
.implant_flow ul li {
	background: #fff3f8;
	padding: 20px 4%;
	position: relative;
}
.implant_flow ul li:not(:last-child) {
	margin-bottom: 12vw;
}
.implant_flow ul li:not(:last-child):after {
	content: "";
	width: 60px;
	height: 20px;
	background: url(images/page/icn_triangle.png) center bottom no-repeat;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -9vw;
}
.implant_flow h4 {
	height: 70px;
}
.implant_flow p {
	font-size: 114.28%;
	line-height: 1.8;
	padding-top: 3vw;
	border-top: 4px dotted #d3dd00;
}

.circle_num2nd:before {
	width: 50px;
	height: 50px;
	font-size: 24px;
	color: #fff;
	line-height: 50px;
	font-family: 'Noto Serif Japanese', serif;
	text-align: center;
	vertical-align: middle;
	background: #f19ec2;
	border-radius: 25px;
	position: absolute;
	left: calc(50% - 25px);
	top: 20px;
}
.num05:before { content: "05";}

/* 治療費 */
/* （汎用パーツの個別修正） */
.cosme_price .lump_price_common ul {
	margin-top: 3vw;
}
.cosme_price .lump_price_common ul li {
	font-size: 92.85%;
	line-height: 1.4;
	text-indent: -1em;
	padding-left: 1em;
}
.cosme_price .lump_price_common ul li:not(:last-child) {
	margin-bottom: 3vw;
}

.box_pay_common .inbox_pay_common {
	background: #f9fbe1;
	border-radius: 2em;
	padding: 3vw 8vw;
	margin-bottom: 4vw;
}
.box_pay_common .inbox_pay_common dt {
	font-size: 128.57%;
	float: left;
	line-height: 1.5;
	padding-right: 1vw;
}
.box_pay_common .inbox_pay_common dd {
	font-size: 145%;
	font-weight: bold;
	line-height: 1.1;
}
.box_pay_common .inbox_pay_common dd strong {
	font-size: 120%;
}

/* 11 prevention　予防歯科
==============================================================================*/
/* 予防歯科 */
.box_preven_about {
	border: 1px solid #561f00;
	background: url(images/prevention/bg_preven_about.png) left 80% bottom no-repeat;
	-webkit-background-size: 150% auto;
	background-size: 150% auto;
	padding: 20px 4% 40vw;
	margin-bottom: 10vw;
}
.box_preven_about h4 {
	min-height: 138px;
	background: url(images/prevention/ttlbg_preven_about.png) center top no-repeat;
	font-size: 210%;
	color: #561f00;
	line-height: 1.3;
	text-align: center;
	white-space: nowrap;
	padding-top: 64px;
	margin-bottom: 4vw;
	font-weight: 500;
}

.preven_about .bnr_first_visit {
	text-align: center;
}

/* 予防の方法 */


/* 12 false_teeth　入れ歯
==============================================================================*/
/* 入れ歯 */
.wrap_false_about:not(:last-child) {
	padding-bottom: 10vw;
	border-bottom: 1px solid #dcdcdc;
	margin-bottom: 10vw;
}
.wrap_false_about > h4 {
	background: #fff3e0;
	font-size: 140%;
	line-height: 1.35;
	padding: 3vw 5vw;
	margin-bottom: 6vw;
}

/* 入れ歯の種類 */
/* （汎用パーツの個別修正） */
.false_type .area_message_common h5:before {
	border: 1.8em solid transparent;
	border-left: 0.9em solid #fffcec;
}
.false_type .area_message_common h5:after {
	border: 1.8em solid transparent;
	border-right: 0.9em solid #fffcec;
}

/* 治療費 */


/* 13 recruit　採用情報
==============================================================================*/
/* 採用情報 */
.recruit_about h4 {
	background: url(images/recruit/ttlbg_recruit_about.png) left center no-repeat, url(images/recruit/ttlbg_recruit_about.png) right center no-repeat;
	font-size: 116%;
	color: #561f00;
	line-height: 1.5;
	text-align: center;
	padding: 0 9vw;
	margin: 0 -2vw 6vw;
	font-weight: 500;
}
.recruit_about > ul {
	margin-bottom: 10vw;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack:justify;/*--- IE10 ---*/
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
}
.recruit_about > ul li {
	width: 32%;
	text-align: center;
}

/* 募集要項 */
.recruit_require > ul {
	margin-bottom: 10vw;
}
.recruit_require > ul li {
	background: #f9fbe1;
	padding: 20px 4%;
}
.recruit_require > ul li:not(:last-child) {
	margin-bottom: 6vw;
}
.recruit_require > ul li h4 {
	min-height: 50px;
	font-size: 24px;
	color: #561f00;
	line-height: 1.25;
	font-weight: normal;
	padding: 10px 0 10px 65px;
	margin-bottom: 3vw;
}
.icn_job01 { background: url(images/recruit/icn_job01.png) left top no-repeat;}
.icn_job02 { background: url(images/recruit/icn_job02.png) left top no-repeat;}
.icn_job03 { background: url(images/recruit/icn_job03.png) left top no-repeat;}
.icn_job04 { background: url(images/recruit/icn_job04.png) left top no-repeat;}
.icn_job05 { background: url(images/recruit/icn_job05.png) left top no-repeat;}

/* （テーブル部分） */
.tbl_recruit {
	width: 100%;
	border: 1px solid #f19ec2;
	border-bottom: none;
}
.tbl_recruit th,
.tbl_recruit td {
	display: block;
	line-height: 1.5;
	padding: 4vw 5vw;
	border-bottom: 1px solid #f19ec2;
}
.tbl_recruit th {
	background: #ffecf4;
	font-size: 114.28%;
	color: #561f00;
	font-weight: normal;
	text-align: left;
}

.tbl_recruit td ul li {
	line-height: 1.3;
	text-indent: -1.4em;
	padding-left: 1.4em;
}
.tbl_recruit td ul li:not(:last-child) {
	margin-bottom: 2vw;
}

/* 13 blog　ブログ
==============================================================================*/
/* 枠 */
.post_main {
	padding-bottom: 60px;
}
section.blog_archive a {
	color: inherit;
}
.single_post{
	margin: 25px 0 30px;
}
.thmb {
	float: left;
	width: 36.44%;
}
.img_thmb{
	display: block;
	width: 100%;
	padding-top: 100%;
}
.post_main img {
	max-width: 100%;
	height: auto;
}

/* ページ上部・下部のナビ　singleとpage-blogで出現 */
.navigation {
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack:justify;/*--- IE10 ---*/
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
}
.navigation li {
	min-width: 80px;
}
.navigation a {
	color: inherit;
	text-decoration: underline;
}

/* page-blog.phpとsingle.php */
.single_post {
	margin-top: 40px;
}

/* page-blog.php　/blog/　最初のページ */

/* page-archive.php　/blog/archive/　ブログ記事一覧部分 */
.post_main section.blog_archive {
	padding: 30px 0;
	border-bottom: 1px solid #b1a198;
}
.blog_archive:first-child { padding-top: 0 !important;}

.txt_post {
	padding-left: 40.09%;
}
.txt_post h4 {
	font-size: 114.28%;
	color: #561f00;
	line-height: 1.3;
	margin-bottom: 8px;
}
.txt_post h4 a {
	color: inherit;
}

.box_excerpt {
	padding-right: 6.8%;
	position: relative;
}
.box_excerpt::before {
	content: "\f054";
	font-family: FontAwesome;
	position: absolute;
	right: -5px;
	top: 38%;
	color: #b1a198;
	font-size: 4.5vw;
}
.box_excerpt .date {
	font-size: 92.85%;
	color: #561f00;
	line-height: 1.3;
	font-weight: bold;
	display: block;
	padding-bottom: 5px;
	border-bottom: 1px solid #b1a198;
	margin-bottom: 8px;
}
.txt_excerpt p {
	font-size: 100%;
	line-height: 1.6;
	word-wrap: break-word;
}
.txt_excerpt p a {
	color: inherit;
}

/* ページナピ部分＞＞　構造上 page-achiveにしか出ない */
.wp-pagenavi {
	text-align: center;
	margin-top: 40px;
	padding-bottom: 40px;
}
.post_main .wp-pagenavi a,
.post_main .wp-pagenavi span {
	border: #561f00 solid 1px;
	color: #561f00;
	font-weight: bold;
	padding: 10px 11px;
}
.post_main .wp-pagenavi a:hover,
.post_main .wp-pagenavi span.current {
	border-color: #561f00;
	background: #561f00;
	color: #fff;
}

/* サイドバー　ブログ用 */
#sidebar h4 {
	background: #f39700;
	color: #fff;
	padding: 5px 0;
	text-align: center;
	margin-bottom: 10px;
}
#wp-calendar {
	width: 100%;
	margin: 0 auto 10px;
}
#wp-calendar caption {
	text-align: center;
	font-size: 114.28%;
	color: #561f00;
	line-height: 1.3;
	font-weight: bold;
	margin-bottom: 8px;
}
#wp-calendar th {
	background: #faf2e7;
	font-size: 100%;
	border: 1px solid #d7cdca;
	border-bottom: none;
}
#wp-calendar tbody td {
	background: #fff;
	font-size: 100%;
	text-align: center;
	border: 1px solid #d7cdca;
	border-top: none;
}
#wp-calendar tbody td a {
	font-weight: bold;
	color: #f39700;
	text-decoration: underline;
}
#wp-calendar tfoot a {
	color: inherit;
}
#prev { text-align: left;}
#next { text-align: right;}

#sidebar ul {
	margin-bottom: 25px;
}
#sidebar li {
	color: #561f00;
	word-wrap: break-word;
}
#sidebar li a {
	display: block;
	padding: 3% 0;
	color: inherit;
	border-bottom: 1px solid #b7a8a3;
	position: relative;
}
#sidebar li a:after {
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	right: 3%;
}

/* single ブログ記事 */
.post_main section h3 {
	word-wrap: break-word;
	margin-bottom: 10px;
}
.post_main section h3 a {
	color: inherit;
}
.date_single {
	display: block;
	text-align: right;
	margin-bottom: 20px;
}
.post_content {
	word-wrap: break-word;
}


ul.linkbox li{ margin-bottom: 20px;}

/* whitening ホワイトニング　
=============================================================================================== */
.box_whitening01{
	margin-bottom: 8vw;
}
.ttl_whitening02{
    background: url(images/general/ttlbg_general_caries01.png) left center no-repeat, url(images/general/ttlbg_general_caries01.png) right center no-repeat;
    font-size: 128.57%;
    color: #561f00;
    line-height: 1.5;
    text-align: center;
    letter-spacing: 0.1em;
    padding: 0 6vw;
    margin:10vw 0 7vw;
}