@charset "utf-8";

/*---------------------------------------------

searchスタイル

-----------------------------------------------*/

@media print, screen and (min-width: 768px) {

/* ▼検索カテゴリPC */
#search_cate .inner {
	padding: 80px 0 60px 0;
	border-bottom: solid 1px #c8c7c4;
}

#search_cate h1 {
	text-align: center;
	font-size: 30px; font-size: 3.0rem;
	font-feature-settings: "palt" 1;
	line-height: 1.3;
	color: #4d4d4d;
	margin-bottom: 30px;
}

#search_cate h1 span {
	display: block;
	font-size: 14px; font-size: 1.4rem;
	font-feature-settings: "palt" 1;
	color: #9d9d9e;
	font-weight: bold;
	padding-top: 8px;
	letter-spacing: 1px;
}

#search_cate ul {
	display: flex;
	width: 920px;
	margin: 0 auto;
	justify-content: space-between;
}

#search_cate li a {
	display: block;
	width: 283px;
	height: 84px;
	background: url("../img/search_btn.png");
	background-size: cover;
	color: #fff;
	text-decoration: none;
	text-align: center;
	box-sizing: border-box;
	padding: 29px 10px 10px 4px;
	font-size: 22px; font-size: 2.2rem;
	font-feature-settings: "palt" 1;
	font-weight: bold;
}

#search_cate li a:hover {
	background: url("../img/search_btn_hover.png");
	background-size: cover;
}

/* ▼住所検索PC */
#search01 .inner {
	padding: 60px 0 20px 0;
	border-bottom: solid 1px #c8c7c4;
}

#search01 h2 {
	text-align: center;
	font-size: 32px; font-size: 3.2rem;
	font-feature-settings: "palt" 1;
	line-height: 1.3;
	color: #908fbb;
	margin-bottom: 16px;
}

#search01 h2 img {
	width: 49px;
	margin-right: 10px;
	image-rendering: -webkit-optimize-contrast;
	vertical-align: middle;
}

.stxt {
	text-align: center;
	font-size: 20px; font-size: 2.0rem;
	font-feature-settings: "palt" 1;
	line-height: 1.8;
	margin-bottom: 50px;
	color: #4d4d4d;
}

#search01 h3 {
	width: 250px;
	margin: 0 auto 10px auto;
	border-radius: 9999px;
	padding: 9px 0;
	text-align: center;
	font-size: 31px; font-size: 3.1rem;
	font-feature-settings: "palt" 1;
	line-height: 1.3;
	color: #fff;
	background: #908fbb;
}

.aiueo {
	text-align: center;
	font-size: 20px; font-size: 2.0rem;
	font-feature-settings: "palt" 1;
	line-height: 1.8;
	margin-bottom: 10px;
	color: #4d4d4d;
}

.arealist {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 60px;
}

.arealist li {
	width: 235px;
	margin-bottom: 25px;
}

.arealist li a {
	display: block;
	width: 100%;
	border-radius: 9999px;
	padding: 6px 0;
	text-align: center;
	font-size: 31px; font-size: 3.1rem;
	font-feature-settings: "palt" 1;
	line-height: 1.3;
	font-weight: bold;
	text-decoration: none;
	color: #4d4d4d;
	border: solid 6px #908fbb;
	box-sizing: border-box;
}

.arealist li a:hover {background: #f0f0f6;}

.arealist::before {
	content:"";
	display: block;
	width: 235px;
	order: 1;
}
.arealist::after {
	content:"";
	display: block;
	width: 235px;
}

/* ▼診療科目検索PC */
#search02 .inner {
	padding: 60px 0 60px 0;
	border-bottom: solid 1px #c8c7c4;
}

#search02 h2 {
	text-align: center;
	font-size: 32px; font-size: 3.2rem;
	font-feature-settings: "palt" 1;
	line-height: 1.3;
	color: #908fbb;
	margin-bottom: 16px;
}

#search02 h2 img {
	width: 49px;
	margin-right: 10px;
	image-rendering: -webkit-optimize-contrast;
	vertical-align: middle;
}

.sinryolist {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.sinryo_box {width: 475px;}

.sinryo_box h3 {
	color: #fff;
	text-align: center;
	font-size: 32px; font-size: 3.2rem;
	font-feature-settings: "palt" 1;
	letter-spacing: 8px;
	padding: 16px 0;
	margin-bottom: 25px;
}

#scate01 {background: #da482c;}

#scate02 {background: #5fa6db;}

#scate03 {background: #eda644;}

#scate04 {background: #da4f7e;}

#scate05 {background: #6cb259;}

#scate06 {background: #2e387f;}

#scate07 {background: #8e6334;}

#scate08 {background: #e0692d;}

#scate09 {background: #794a8f;}

#scate10 {background: #a0c44e;}

.sinryo_box ul {margin-bottom: 60px;}

.sinryo_box li {
	text-align: center;
	font-size: 25px; font-size: 2.5rem;
	font-feature-settings: "palt" 1;
	line-height: 1.3;
	margin-bottom: 18px;
}

.sinryo_box li a {
	color: #595757;
	text-decoration: none;
}

.sinryo_box li a:hover {text-decoration: underline;}

/* ▼地図検索PC */
#search03 .inner {padding: 60px 0 120px 0;}

#search03 h2 {
	text-align: center;
	font-size: 32px; font-size: 3.2rem;
	font-feature-settings: "palt" 1;
	line-height: 1.3;
	color: #908fbb;
	margin-bottom: 16px;
}

#search03 h2 img {
	width: 49px;
	margin-right: 10px;
	image-rendering: -webkit-optimize-contrast;
	vertical-align: middle;
}

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

}

@media only screen and (max-width: 767px) {

/* ▼検索カテゴリSP */
#search_cate .inner {
	padding: 14vw 0 8vw 0;
	border-bottom: solid 1px #c8c7c4;
}

#search_cate h1 {
	text-align: center;
	font-size: 6.5vw;
	font-feature-settings: "palt" 1;
	line-height: 1.3;
	color: #4d4d4d;
	margin-bottom: 5vw;
}

#search_cate h1 span {
	display: block;
	font-size: 3vw;
	font-feature-settings: "palt" 1;
	color: #9d9d9e;
	font-weight: bold;
	padding-top: 2vw;
	letter-spacing: 0.2vw;
}

#search_cate ul {
	width: 62.3vw;
	margin: 0 auto;
	justify-content: space-between;
}

#search_cate li {margin-bottom: 4vw;}

#search_cate li a {
	display: block;
	width: 100%;
	height: 18.5vw;
	background: url("../img/search_btn.png");
	background-size: cover;
	color: #fff;
	text-decoration: none;
	text-align: center;
	box-sizing: border-box;
	padding: 6vw 4% 4vw 2%;
	font-size: 5vw;
	font-feature-settings: "palt" 1;
	font-weight: bold;
}

/* ▼住所検索SP */
#search01 .inner {
	padding: 12vw 0 2vw 0;
	border-bottom: solid 1px #c8c7c4;
}

#search01 h2 {
	text-align: center;
	font-size: 6.5vw;
	font-feature-settings: "palt" 1;
	line-height: 1.3;
	color: #908fbb;
	margin-bottom: 5vw;
}

#search01 h2 img {
	width: 11%;
	margin-right: 2%;
	image-rendering: -webkit-optimize-contrast;
	vertical-align: middle;
}

.stxt {
	width: 74%;
	font-size: 4.5vw;
	font-feature-settings: "palt" 1;
	line-height: 1.8;
	margin: 0 auto 10vw auto;
	color: #4d4d4d;
}

#search01 h3 {
	width: 60%;
	margin: 0 auto 2.5vw auto;
	border-radius: 9999px;
	padding: 2.5vw 0;
	text-align: center;
	font-size: 6vw;
	font-feature-settings: "palt" 1;
	line-height: 1.3;
	color: #fff;
	background: #908fbb;
}

.aiueo {
	text-align: center;
	font-size: 4.5vw;
	font-feature-settings: "palt" 1;
	line-height: 1.8;
	margin-bottom: 5vw;
	color: #4d4d4d;
}

.arealist {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 15vw;
}

.arealist li {
	width: 48%;
	margin-bottom: 6vw;
}

.arealist li a {
	display: block;
	width: 100%;
	border-radius: 9999px;
	padding: 1.5vw 0;
	text-align: center;
	font-size: 5vw;
	font-feature-settings: "palt" 1;
	line-height: 1.3;
	font-weight: bold;
	text-decoration: none;
	color: #4d4d4d;
	border: solid 1vw #908fbb;
	box-sizing: border-box;
}

/* ▼診療科目検索SP */
#search02 .inner {
	padding: 12vw 0 6vw 0;
	border-bottom: solid 1px #c8c7c4;
}

#search02 h2 {
	text-align: center;
	font-size: 6.5vw;
	font-feature-settings: "palt" 1;
	line-height: 1.3;
	color: #908fbb;
	margin-bottom: 5vw;
}

#search02 h2 img {
	width: 11%;
	margin-right: 2%;
	image-rendering: -webkit-optimize-contrast;
	vertical-align: middle;
}

.sinryo_box {width: 100%;}

.sinryo_box h3 {
	color: #fff;
	text-align: center;
	font-size: 6.5vw;
	font-feature-settings: "palt" 1;
	letter-spacing: 2vw;
	padding: 3vw 0;
	margin-bottom: 5vw;
}

#scate01 {background: #da482c;}

#scate02 {background: #5fa6db;}

#scate03 {background: #eda644;}

#scate04 {background: #da4f7e;}

#scate05 {background: #6cb259;}

#scate06 {background: #2e387f;}

#scate07 {background: #8e6334;}

#scate08 {background: #e0692d;}

#scate09 {background: #794a8f;}

#scate10 {background: #a0c44e;}

.sinryo_box ul {margin-bottom: 15vw;}

.sinryo_box li {
	text-align: center;
	font-size: 5vw;
	font-feature-settings: "palt" 1;
	line-height: 1.3;
	margin-bottom: 4vw;
}

.sinryo_box li a {
	color: #595757;
	text-decoration: none;
}

/* ▼地図検索SP */
#search03 .inner {padding: 12vw 0 14vw 0;}

#search03 h2 {
	text-align: center;
	font-size: 6.5vw;
	font-feature-settings: "palt" 1;
	line-height: 1.3;
	color: #908fbb;
	margin-bottom: 5vw;
}

#search03 h2 img {
	width: 11%;
	margin-right: 2%;
	image-rendering: -webkit-optimize-contrast;
	vertical-align: middle;
}

.mapbox {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 300px;
	height: 0;
	overflow: hidden;
	margin-bottom: 4vw;
}
 
.mapbox iframe,
.mapbox object,
.mapbox embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

}