@charset "utf-8";

/* ------------------------ */
/* パンくず横
/*------------------------- */
.b-crumb {float: right;}
.b-crumb a {background-color: #b99e4e; color: #fff; padding: 2px 16px; border-radius: 4px; transition-property: background-color, color; transition-duration: 0.2s; transition-timing-function: ease;}
.b-crumb a:hover {background-color: #cbb573; text-decoration: none;}

@media only screen and (max-width: 767px) {
	.b-crumb {float: none; text-align: right; margin: 10px 20px 0 0;}
}


/* ------------------------ */
/* Lv1.テキスト案内
/*------------------------- */
.please-text {width: 100%; max-width: 980px; margin: 40px auto 0;}
.please-text-inner {background-color: #eee; padding: 1.5em; border-radius: 6px;}


@media only screen and (max-width: 991px) {
	.please-text {padding: 0 20px;}
}

@media only screen and (max-width: 767px) {
	.please-text {padding: 0;}
}


/* ------------------------ */
/* フッター手前誘導リンク
/*------------------------- */
.announcement {text-align: center;}
.announcement a {color: #53281b;}
.announcement a .announcement-inner {background-color: #fae5df; transition-property: background-color, color; transition-duration: 0.2s; transition-timing-function: ease; margin-bottom: 1px; border-top: solid 4px #53281b; border-bottom: solid 2px #53281b;}
.announcement a:hover {text-decoration: none;}
.announcement a:hover .announcement-inner {background-color: #53281b; color: #fff;}
.announcement-inner {padding: 1em;}
.announcement-inner span {font-weight: 600;}


/* ------------------------ */
/* フッター手前誘導リンク（バナー）
/*------------------------- */
.induction-lv3 {margin: 60px auto; max-width: 980px;}
.induction-lv3-inner {text-align: center; margin-left: auto;}
.induction-lv3-inner a {}
.induction-lv3-inner a img {width: 100%; height: auto; max-width: 484px;}
.induction-lv3-inner a:hover img {opacity: 0.8;}

@media only screen and (max-width: 767px) {
	.induction-lv3-inner {width: 100%; padding: 0 15px;}
}


/* ----------------------------------------------------------------------
 クライアントページ
---------------------------------------------------------------------- */
.keisai-touroku {display: none;}
.af-result {margin: 4em 0 0; padding: 20px;/* background-color: #f2fff5;*/}
.af-result h3 {text-align: center; font-size: 1.4em; padding: 0 20px 20px; color: #53281b;}
.col-afres-6 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.af-result-inner {text-align: center; max-width: 300px; margin: 0 auto; box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; background-color: #fff; height: 348px;}
.af-result-inner img {display: none;}
.af-result-inner a img {display: block; width: 100%; height: auto;}
.af-result-inner p {padding: 0.5em;}
.af-result-inner p.af-desc {font-size: 12px;}
#page_content_right .page_main_txt dl {min-height: 31px;}

img.noimage {width: 100%; height: auto;}

.af-result-lv1 {padding: 0 20px;/* background-color: #f2fff5;*/}
.af-result-lv1 h3 {text-align: center; font-size: 1.4em; padding: 0 20px 20px; color: #53281b;}
.af-result-wrap {max-width: 680px; margin: 0 auto 40px;}

/* 余白
---------------------------------------------------------------------- */
#main_contents #contents_page {padding: 0 0 40px; margin: 10px auto 80px!important;}



@media screen and (max-width: 991px){
	#contents_page #page_content_left {width: 94%;}
	.keisai-touroku {display: block; text-align: center; margin: 4em 0 0;}
	.keisai-touroku img {max-width: 484px; width: 100%; height: auto;}
	.af-result {margin: 1em 0 0;}
	.af-result-lv1 {padding: 0;}
}

@media only screen and (max-width:767px){
	#main_contents #contents_page {margin: 10px auto 50px !important;}
	#contents_page #page_content_left {width: 100%; padding: 0 15px;}
	#contents_page #page_content_right {width: 100%; padding: 0 15px;}
	.smartphone .mt10.pl10.pr10.pb15 {padding: 0 15px;}
	.smartphone .mt10.pl10.pr10.pb15 .kuchikomi_grey {margin: 10px 0 0;}
	#page_content_right .page_main_txt {padding: 10px 0 0;}
	#page_content_right .page_main_box_line {margin: 0 10px 10px;}
	#page_content_right .page_main_img li {width: 100%; margin: 0 0 20px; float: none; text-align: center;}
	#page_content_right .page_main_img li img {width: 100%; height: auto; max-width: 232px; margin: 0;}
	#page_content_right .page_main_img li .text_box_clinic {padding: 0 10px;}
	#page_content_right .page_main_txt dt {text-align: left;}
	#page_content_right .list_box form select {margin: 10px 10px 0;}
	#page_content_right #form input[type="text"] {height: 40px;}
	.af-result h3 {font-size: 1.2em; padding: 0 5px 20px;}
	.col-afres-6 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0 0 20px;}
	.af-result-lv1 h3 {font-size: 1.2em; padding: 0 5px 20px;}
}