@charset "utf-8";

/* CSS information ===================================================

	 file name : style.css
	style info : コンテンツ部分スタイルシート

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

/*----------------------------------------------------------
/* .topトップページ
----------------------------------------------------------*/

/* .hero アイキャッチ領域
------------------------------------------------*/

/* PC用 *******************************/
@media print, screen and (min-width: 641px){
} /*/@media*/

/* SP用 *******************************/
@media only screen and (max-width: 640px){
.hero.top {
	margin-bottom: 163px;
}
} /*/@media*/
/* SP用 *******************************/
@media only screen and (max-width: 480px){
.hero.top {
	margin-bottom: 262px;
	/* margin-bottom: 184px; */
}
} /*/@media*/



/* .attention_box コロナウイルスに関するお知らせ
------------------------------------------------*/
.attention_box {
	z-index: 0;
	position: absolute;
	width: 100%;
	bottom: 230px;
}
.attention_box .inner {
	max-width: 1280px;
	background-color: rgba(255,255,255,0.92);
	margin: 0 auto;
	padding: 25px 40px;
	/* border: 6px solid #FBC7C8; */
	border: 6px solid #86D8D6;
}
.attention_box .inner h2 {
	/* color: #D90000; */
	color: #008080;
	font-weight: bold;
	font-size: 20px;
	font-size: 2.0rem;
	margin-bottom: 5px;
	/* background: url("../img/top/top_icon01.png") no-repeat left center; */
	background: url("../img/top/top_icon02.png") no-repeat left center;
	-moz-background-size: 24px;
	-webkit-background-size: 24px; 
	-o-background-size: 24px;
	-ms-background-size: 24px;
	background-size: 24px;
	padding: 6px 0 4px 36px;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.attention_box .inner p {
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.attention_box .inner dl {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.4;
	clear: both;
	padding: 12px 0 0 0;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.attention_box .inner dt {
	float: left;
	margin-right: 30px;
	/* color: #D90000; */
	color: #008080;
}
.attention_box .inner dd {
	overflow: hidden;
}
.attention_box .inner dd a {
	/* color: #D90000; */
	color: #008080;
	text-decoration: underline;
	transition: all 0.05s linear;
}

/* SP用 *******************************/
/*
@media only screen and (max-width: 740px){
.attention_box .inner {
	padding: 20px;
	border: 6px solid #FBC7C8;
}
.attention_box .inner h2 {
	margin-bottom: 0px;
}
}*/ /*/@media*/
/* SP用 *******************************/
@media only screen and (max-width: 480px){
.attention_box {
	/* top: calc(80% + 158px); */
}
} /*/@media*/
/* SP用 *******************************/
@media only screen and (max-width: 640px){
.attention_box .inner {
	padding: 15px;
	/* border: 4px solid #FBC7C8; */
	border: 4px solid #86D8D6;
}
.attention_box {
	top: 100%;
}
.attention_box .inner h2 {
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1.3em;
}
.attention_box .inner dl {
	font-size: 15px;
	font-size: 1.5rem;
	padding: 10px 0 0 0;
}
.attention_box .inner dt {
	float: none;
	line-height: 1.8em;
	margin-right: 10px;
}
} /*/@media*/
/* PC用 *******************************/
@media print, screen and (min-width: 641px){
.attention_box .inner dd a:hover {
	margin-left: 4px;
}
} /*/@media*/
/* TB用 *******************************/
@media only screen and (max-width: 767px){
.attention_box {
	bottom: 190px;
}
} /*/@media*/
/* TB用 *******************************/
@media only screen and (max-width: 842px){
.attention_box {
	bottom: 210px;
}
} /*/@media*/



/* .attention_box2 外来診療に関するお知らせ
------------------------------------------------*/
.attention_box2 {
	z-index: 0;
	position: absolute;
	width: 100%;
	bottom: 380px;
}
.attention_box2 .inner {
	max-width: 1280px;
	background-color: rgba(255,255,255,0.92);
	margin: 0 auto;
	padding: 25px 40px;
	border: 6px solid #86D8D6;
}
.attention_box2 .inner h2 {
	color: #008080;
	font-weight: bold;
	font-size: 20px;
	font-size: 2.0rem;
	margin-bottom: 5px;
	background: url("../img/top/top_icon02.png") no-repeat left center;
	-moz-background-size: 24px;
	-webkit-background-size: 24px; 
	-o-background-size: 24px;
	-ms-background-size: 24px;
	background-size: 24px;
	padding: 6px 0 4px 36px;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.attention_box2 .inner p {
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.attention_box2 .inner dl {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.4;
	clear: both;
	padding: 12px 0 0 0;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.attention_box2 .inner dt {
	float: left;
	margin-right: 30px;
	color: #008080;
}
.attention_box2 .inner dd {
	overflow: hidden;
}
.attention_box2 .inner dd a {
	color: #008080;
	text-decoration: underline;
	transition: all 0.05s linear;
}

/* PC用 *******************************/
@media print, screen and (min-width: 641px){
.attention_box2 .inner dd a:hover {
	margin-left: 4px;
}
} /*/@media*/

/* SP用 *******************************/
/*
@media only screen and (max-width: 740px){
.attention_box2 .inner {
	padding: 20px;
	border: 6px solid #86D8D6;
}
.attention_box2 .inner h2 {
	margin-bottom: 0px;
}
}*/ /*/@media*/
/* SP用 *******************************/
@media only screen and (max-width: 480px){
.attention_box2 {
	/* top: 80%; */
}
} /*/@media*/
/* SP用 *******************************/
@media only screen and (max-width: 640px){
.attention_box2 .inner {
	padding: 15px;
	border: 4px solid #86D8D6;
}
.attention_box2 {
	top: 66%;
}
.attention_box2 .inner {
	background-color: rgba(255,255,255,1);
}
.attention_box2 .inner h2 {
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1.3em;
}
.attention_box2 .inner dl {
	font-size: 15px;
	font-size: 1.5rem;
	padding: 10px 0 0 0;
}
.attention_box2 .inner dt {
	float: none;
	line-height: 1.8em;
	margin-right: 10px;
}
} /*/@media*/
/* TB用 *******************************/
@media only screen and (max-width: 767px){
.attention_box2 {
	bottom: 370px;
}
} /*/@media*/
/* TB用 *******************************/
@media only screen and (max-width: 842px){
.attention_box2 {
	bottom: 375px;
}
} /*/@media*/



/* .bnr_area01 在宅医療バナー
------------------------------------------------*/
.bnr_area01 {
	margin-bottom: 10px;
	background-color: #FEDEC0;
}
.bnr_area01 .inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 20px 10px 10px;
}
.bnr_area01 ul {
}
.bnr_area01 li {
	float: left;
	width: 24.6%;
	margin: 0 0.2% 10px;
	font-size: 24px;
	font-size: 2.4rem;
	text-align: right;
	line-height: 1.2;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: left center;
}
.bnr_area01 p {
	width: 50%;
	margin: 0 auto 10px auto;
	font-size: 24px !important;
	font-size: 2.4rem !important;
	text-align: right;
	line-height: 1.2 !important;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: left center;
}
.bnr_area01 li:nth-child(1) {
	background-image: url(../img/common/common_bnr01.jpg);
	border: 4px solid #EFE7D8;
}
.bnr_area01 li:nth-child(2) {
	background-image: url(../img/common/common_bnr02.jpg);
	border: 4px solid #F3DAAB;
}
.bnr_area01 li:nth-child(3) {
	background-image: url(../img/common/common_bnr11.jpg);
	border: 4px solid #FED2AB;
}
.bnr_area01 li:nth-child(4) {
	background-image: url(../img/common/common_bnr08.jpg);
	border: 4px solid #D8EAAE;
}
.bnr_area01 li:nth-child(5) {
	background-image: url(../img/common/common_bnr07.jpg);
	border: 4px solid #D8EAAE;
}
.bnr_area01 li:nth-child(6) {
	background-image: url(../img/common/common_bnr03.jpg);
	border: 4px solid #FED2AB;
}
.bnr_area01 li:nth-child(7) {
	background-image: url(../img/common/common_bnr09.jpg);
	border: 4px solid #F3DAAB;
}
.bnr_area01 li:nth-child(8) {
	background-image: url(../img/common/common_bnr04.jpg);
	border: 4px solid #EFE7D8;
}
.bnr_area01 p {
	background-image: url(../img/common/common_bnr12.jpg);
	border: 4px solid #D8EAAE;
}
.bnr_area01 a {
	padding: 30px 20px;
	text-decoration: none;
	color: #201D1A;
	text-shadow: 1px 1px 0px #FFF, -1px 1px 0px #FFF, 1px -1px 0px #FFF, -1px -1px 0px #FFF;
	display: block;
}

/* PC用 *******************************/
@media print, screen and (min-width: 641px){
} /*/@media*/
@media print, screen and (max-width: 980px){
.bnr_area01 .inner {
	padding-bottom: 15px;
}
.bnr_area01 li {
	width: 49%;
	margin: 0 0.5% 5px;
}
} /*/@media*/
/* SP用 *******************************/
@media only screen and (max-width: 740px){
.bnr_area01 p {
	width: 100% !important;
}
} /*/@media*/
/* SP用 *******************************/
@media only screen and (max-width: 640px){
.bnr_area01 {
	margin-bottom: 0;
}
.bnr_area01 .inner {
	padding: 10px 10px 5px;
}
.bnr_area01 li, 
.bnr_area01 p {
	font-size: 20px !important;
	font-size: 2.0rem !important;
}
.bnr_area01 p {
	background-image: url(../img/common/common_bnr10.jpg);
}
} /*/@media*/
@media only screen and (max-width: 480px){
.bnr_area01 li, 
.bnr_area01 p {
	float: none;
	width: 100%;
	margin: 0 0 5px;
	font-size: 18px !important;
	font-size: 1.8rem !important;
}
} /*/@media*/


/* .ambulatory_menu 外来のご案内メニュー
------------------------------------------------*/
.ambulatory_menu {
	position: relative;
	width: 100%;
	margin: 40px auto 10px;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}
.ambulatory_menu section {
	position: relative;
	float: left;
	width: 25%;
	vertical-align: top;
	overflow: hidden;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ambulatory_menu a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 30px 20px;
	text-decoration: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display:block;
}
.ambulatory_menu section h3 {
	position: relative;
	margin-bottom: 10px;
	font-size: 22px;
	font-size: 2.2rem;
	text-align: center;
	line-height: 1.2;
	color: #685F5E;
}
.ambulatory_menu section .eng {
	padding-top: 10px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
	font-size: 14px;
	font-size: 1.4rem;
	font-style: italic;
	text-align: center;
	color: #878787;
	display: block;
}
.ambulatory_menu section .circle {
	position: absolute;
	left: 0;
	right: 0;
	width: 120px;
	height: 120px;
	margin: 0 auto;
	z-index: 0;
	background-color: #FFF;
	border-radius: 50%;
	-webkit-transform: scale(1);
	transform: scale(1);
	transition: all 0.5s cubic-bezier(.17,.84,.44,1) 0s;
}
.ambulatory_menu section .ico {
	position: relative;
	width: 120px;
	height: 120px;
	margin: 0 auto;
	border-radius: 50%;
	background-color: #FFF;
}
.ambulatory_menu section .ico img {
	position: absolute;
	top: -100%;
	left: -100%;
	right: -100%;
	bottom: -100%;
	margin: auto;
	text-align: center;
	vertical-align: middle;
	z-index: 1;
	transition: all 0.25s cubic-bezier(.47,0,.74,.71) 0s;
}
.ambulatory_menu section .txt {
	position: relative;
	margin-top: 10px;
	margin-bottom: 0;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.65;
	z-index: 1;
	color: #685F5E;
	transition: all 0.25s ease;
}
	
@media print, screen and (min-width:641px){
.ambulatory_menu a:hover .circle {
	background-color: #96E0F0;
}
.ambulatory_menu section a:hover .ico img {
	-webkkit-transform: scale(1.1);
	transform: scale(1.1);
}
.ambulatory_menu section a:hover, 
.ambulatory_menu section a:focus, 
.ambulatory_menu section a:active {
	background-color: #FFF8E6 !important;
}
.ambulatory_menu section a:before {
	border: none !important;
}
.ambulatory_menu section:nth-child(9), 
.ambulatory_menu section:nth-child(10) {
	width: 50%;
}
.ambulatory_menu section:nth-child(9) a, 
.ambulatory_menu section:nth-child(10) a {
	padding: 40px 30px;
}
.ambulatory_menu section:nth-child(9) h3, 
.ambulatory_menu section:nth-child(10) h3 {
	margin-left: 180px;
	text-align: left;
}
.ambulatory_menu section:nth-child(9) .eng, 
.ambulatory_menu section:nth-child(10) .eng {
	padding-top: 0;
	padding-left: 20px;
	text-align: left;
	display: inline;
}
.ambulatory_menu section:nth-child(9) .circle, 
.ambulatory_menu section:nth-child(10) .circle {
	position: absolute;
	top: 50%;
	left: 50px;
	right: auto;
	margin: -60px auto 0;
	z-index: 0;
	background-color: #FFF;
	border-radius: 50%;
	-webkit-transform: scale(1);
	transform: scale(1);
	transition: all 0.5s cubic-bezier(.17,.84,.44,1) 0s;
}
.ambulatory_menu section:nth-child(9) .ico, 
.ambulatory_menu section:nth-child(10) .ico {
	position: absolute;
	top: 50%;
	left: 50px;
	margin: -60px auto 0;
	border-radius: 50%;
	background-color: #FFF;
}
.ambulatory_menu section:nth-child(9) .ico img, 
.ambulatory_menu section:nth-child(10) .ico img {
	position: absolute;
	top: -100%;
	left: -100%;
	right: -100%;
	bottom: -100%;
	margin: auto;
	text-align: center;
	vertical-align: middle;
	z-index: 1;
	transition: all 0.25s cubic-bezier(.47,0,.74,.71) 0s;
}
.ambulatory_menu section:nth-child(9) .txt, 
.ambulatory_menu section:nth-child(10) .txt {
	margin-top: 20px;
	margin-left: 180px;
}
} /*/@media*/
@media print, screen and (max-width: 980px){
.ambulatory_menu a {
	padding: 20px 10px;
}
.ambulatory_menu section h3 {
	font-size: 18px;
	font-size: 1.8rem;
}
.ambulatory_menu section .eng {
	padding-top: 5px;
}
.ambulatory_menu section .txt {
	font-size: 15px;
	font-size: 1.5rem;
}
.ambulatory_menu section:nth-child(9) a, 
.ambulatory_menu section:nth-child(10) a {
	padding: 20px;
}
.ambulatory_menu section:nth-child(9) h3, 
.ambulatory_menu section:nth-child(10) h3 {
	margin-left: 130px;
}
.ambulatory_menu section:nth-child(9) .eng, 
.ambulatory_menu section:nth-child(10) .eng {
	padding-top: 5px;
	padding-left: 0;
	display: block;
}
.ambulatory_menu section:nth-child(9) .circle, 
.ambulatory_menu section:nth-child(10) .circle {
	left: 20px;
}
.ambulatory_menu section:nth-child(9) .ico, 
.ambulatory_menu section:nth-child(10) .ico {
	left: 20px;
}
.ambulatory_menu section:nth-child(9) .txt, 
.ambulatory_menu section:nth-child(10) .txt {
	margin-top: 10px;
	margin-left: 130px;
}
} /*/@media*/
/* SP用 *******************************/
@media only screen and (max-width:640px){
.ambulatory_menu {
	margin: 0 auto;
	overflow: visible;
}
.ambulatory_menu section {
	width: 50%;
	padding: 0;
	overflow: visible;
}
.ambulatory_menu section h3 {
	font-size: 16px;
	font-size: 1.6rem;
}
.ambulatory_menu section .txt {
	font-size: 14px;
	font-size: 1.4rem;
}
.ambulatory_menu section:nth-child(9) a, 
.ambulatory_menu section:nth-child(10) a {
	padding: 20px 10px;
}
.ambulatory_menu section:nth-child(9) h3, 
.ambulatory_menu section:nth-child(10) h3 {
	margin-left: 0;
}
.ambulatory_menu section:nth-child(9) .eng, 
.ambulatory_menu section:nth-child(10) .eng {
	padding-top: 5px;
	padding-left: 0;
}
.ambulatory_menu section:nth-child(9) .circle, 
.ambulatory_menu section:nth-child(10) .circle {
	left: 0;
}
.ambulatory_menu section:nth-child(9) .ico, 
.ambulatory_menu section:nth-child(10) .ico {
	left: 0;
}
.ambulatory_menu section:nth-child(9) .txt, 
.ambulatory_menu section:nth-child(10) .txt {
	margin-left: 0;
}
} /*/@media*/


/* .news
------------------------------------------------*/
/* 共通 *******************************/
.info_block {
}
.info_block .inner {
	padding: 80px 0 40px;
}
.info_block h3 {
	margin-bottom: 40px;
	font-size: 40px;
	font-size: 4.0rem;
	text-align: center;
	line-height: 1.6;
	color: #3F1F00;
}
.info_block .items {
	padding-right: 60px;
}
.info_block .item {
	float: left;
	width: 25%;
	margin-right: 20px;
	margin-bottom: 40px;
	background-color: #FFF;
}
.info_block .item:nth-child(4n) {
	margin-right: -60px;
}
.info_block .item a {
	padding: 0 10px;
	text-decoration: none;
	color: #000;
	display: block;
}
.info_block figure {
	margin: 0 -10px 10px;
}
.info_block figure img {
	width: 100%;
	height: auto;
}
.info_block time {
	margin-bottom: 10px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.6;
}
.info_block h4 {
	margin-bottom: 15px;
	font-size: 20px;
	font-size: 2.0rem;
	text-decoration: underline;
	line-height: 1.6;
}
.info_block .txt {
	margin-bottom: 0;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.8;
}
.info_block .btn {
	width: 265px;
	margin: 0 auto;
	text-align: center;
	background-color: #F66001;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.info_block .btn a {
	padding: 10px 0;
	font-size: 18px;
	font-size: 1.8rem;
	text-decoration: none;
	line-height: 2.0;
	color: #FFF;
	display: block;
}
.info_block span {
	width: 7.0em;
	font-size: 12px;
	font-size: 1.2rem;
	text-align: center;
	display: inline-block;
}
.info_block .info { color: #00ADA9; }
.info_block .blog { color: #F4703E; }


/* PC用 *******************************/
@media print, screen and (min-width: 641px){
.info_block a figure img {
	-webkit-filter: brightness(0.9);
	-moz-filter: brightness(0.9);
	-ms-filter: brightness(0.9);
	filter: brightness(0.9);
	transition: all 0.45s ease-in-out;
}
.info_block a:hover figure img {
	-webkit-filter: brightness(1.1);
	-moz-filter: brightness(1.1);
	-ms-filter: brightness(1.1);
	filter: brightness(1.1);
}
.info_block a:hover h4 {
	text-decoration: none;
}


} /*/@media*/

/* SP用 *******************************/
@media only screen and (max-width:640px){

.info_block .inner {
	padding: 40px 10px 20px;
}
.info_block h3 {
	margin-bottom: 20px;
	font-size: 26px;
	font-size: 2.6rem;
}
.info_block .items {
	padding-right: 10px;
}
.info_block .item {
	width: 50%;
	margin-right: 10px;
	margin-bottom: 20px;
}
.info_block .item:nth-child(4n) {
	margin-right: 0;
}
.info_block .item:nth-child(2n) {
	margin-right: -10px;
}
.info_block .item a {
	padding: 0 10px 10px;
}
.info_block figure {
	margin: 0 -10px 10px;
}
.info_block time {
	margin-bottom: 10px;
	font-size: 12px;
	font-size: 1.2rem;
}
.info_block h4 {
	margin-bottom: 10px;
	font-size: 16px;
	font-size: 1.6rem;
}
.info_block .txt {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.8;
}

.info_block .btn {
	width: 80%;
}
.info_block .btn a {
	padding: 10px 5px;
	font-size: 16px;
	font-size: 1.6rem;
}

} /*/@media*/


/* .info_list 草花クリニックからのお知らせ
------------------------------------------------*/
.info_list {
	float: left;
	width: 100%;
	margin-right: -480px;
	padding-right: 480px;
	margin-bottom: 40px;
}
.info_list .inner {
	position: relative;
	padding: 30px 25px;
	border: 1px solid #DDD;
}
.info_list h3 {
	margin-bottom: 20px;
	font-size: 20px;
	font-size: 2.0rem;
	text-align: left;
	color: #271A19;
}
.info_list h3 .eng {
	padding-left: 30px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
	font-size: 12px;
	font-size: 1.2rem;
	font-style: italic;
	color: #B3B3B3;
	display: inline;
}
.info_list p {
	position: absolute;
	top: 25px;
	right: 25px;
	margin-bottom: 0;
	line-height: normal;
	background-color: #00ADA9;
}
.info_list p a {
	padding: 5px 15px;
	font-size: 13px;
	font-size: 1.3rem;
	text-decoration: none;
	color: #FFF;
	display: block;
}
.info_list ul {
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.info_list li a {
	padding: 10px 15px 10px 10px;
	font-size: 13px;
	font-size: 1.3rem;
	color: #525252;
	background: url(../img/common/common_ico08.png) no-repeat;
	background-position: 98% center;
	background-position: -webkit-calc(100% - 10px) center;
	background-position: calc(100% - 10px) center;
	-moz-background-size: 4px 7px;
	-webkit-background-size: 4px 7px; 
	-o-background-size: 4px 7px;
	-ms-background-size: 4px 7px;
	background-size: 4px 7px;
	display: block;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.info_list li time {
	clear: both;
	float: left;
	width: 6.0em;
	color: #545454;
}
.info_list li span {
	width: 7.0em;
	font-size: 12px;
	font-size: 1.2rem;
	text-align: center;
	display: inline-block;
}
.info_list li .info { color: #00ADA9; }
.info_list li .blog { color: #F4703E; }

/* PC用 *******************************/
@media print, screen and (min-width: 641px){
.info_list li a {
	transition: all 0.05s linear;
}
.info_list li a:hover {
	padding-left: 13px;
	padding-right: 12px;
	background-color: #FAFAFA;
	background-position: 98.5% center;
	background-position: -webkit-calc(100% - 7px) center;
	background-position: calc(100% - 7px) center;
}
} /*/@media*/
@media print, screen and (max-width:1100px){
.info_list h3 {
	margin-bottom: 15px;
}
.info_list h3 .eng {
	padding-top: 5px;
	padding-left: 0;
	display: block;
}
} /*/@media*/
@media print, screen and (max-width:980px){
.info_list {
	float: none;
	width: 100%;
	margin-right: 0;
	margin-bottom: 20px;
	padding-right: 0;
}
.info_list h3 {
	margin-bottom: 20px;
	font-size: 20px;
	font-size: 2.0rem;
	text-align: left;
	color: #271A19;
}
.info_list h3 .eng {
	padding-top: 0;
	padding-left: 30px;
	display: inline;
}
} /*/@media*/

/* SP用 *******************************/
@media only screen and (max-width:640px){
.info_list {
	float: none;
	width: auto;
	margin-bottom: 10px;
	margin-top: 10px;
}
.info_list .inner {
	padding: 20px;
}
.info_list h3 {
	margin-bottom: 15px;
	font-size: 18px;
	font-size: 1.8rem;
}
.info_list h3 .eng {
	padding-left: 15px;
}
.info_list p {
	position: static;
	width: 80%;
	margin: 0 auto;
	text-align: center;
}
.info_list p a {
	padding: 10px 0;
	font-size: 15px;
	font-size: 1.5rem;
}
.info_list ul {
	margin-bottom: 15px;
}
.info_list li a {
	margin-bottom: 10px;
	background-position: 99.5% center;
	background-position: -webkit-calc(100% - 2px) center;
	background-position: calc(100% - 2px) center;
}
.info_list li time {
	width: 7.0em;
	margin-bottom: 10px;
}
.info_list li span {
	text-align: left;
	margin-bottom: 10px;
}
.info_list li em {
	clear: both;
	padding-left: 0;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	display: block;
}
} /*/@media*/





/* お知らせ・実績詳細
------------------------------------------------*/
/* 共通 *******************************/
.news .info_list {
	float: right;
	margin-right: 0px;
	padding-right: 0px;
}
.news .info_list .inner {
	border: none;
	padding: 50px 60px 0px;
}
.news .info_list ul {
	line-height: 1.2;
}
.news .info_list ul li {
	background: none;
	padding-left: 0px;
}
.news .info_list ul li a {
	font-size: 16px;
	font-size: 1.6rem;
}
.news .info_list ul li span {
	font-size: 16px;
	font-size: 1.6rem;
}
.news .detail .tag {
	margin-bottom: 30px;
	text-align: right;
}
.news .detail .tag span {
	padding-right: 20px;
}
.news .detail .tag .info { color: #00ADA9; }
.news .detail .tag .blog { color: #F4703E; }

.news .detail p,
.news .detail ol li, 
.news .detail ul li,
.news .detail table {
	font-size: 16px;
	font-size: 1.6rem;
}
.news .detail h1, 
.news .detail h2,
.news .detail h3,
.news .detail h4,
.news .detail h5 {
	text-align: left;
	font-weight: bold;
	line-height: 1.6;
}
.news .detail h1 {
	margin-bottom: 60px;
}
.news .detail h1.news_title {
	text-align: center;
}
.news .detail h2 {
	font-size: 32px;
	font-size: 3.2rem;
	margin-bottom: 30px;
}
.news .detail h3 {
	font-size: 28px;
	font-size: 2.8rem;
	margin-bottom: 20px;
	color: #00ACA9;
}
.news .detail h4 {
	font-size: 22px;
	font-size: 2.2rem;
	margin-bottom: 15px;
}
.news .detail h5 {
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 10px;
}
.news .detail strong {
	font-weight: bold;
}
.news .detail ol, 
.news .detail ul {
	margin-bottom: 40px;
	border: none;
}
.news .detail ul li, 
.news .detail ol li {
	padding-left: 0;
	margin-left: 25px;
	background: none;
	line-height: 2.0;
	border: none;
}
.news .detail ul li {
	list-style-type: disc;
}
.news .detail ol li {
	list-style-type: decimal;
}
.news .detail ul li em, 
.news .detail ol li em {
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: bold;
}
.news .detail table {
	margin-bottom: 40px;
	width: 100%;
	line-height: 1.6;
	
}
.news .detail table th, 
.news .detail table td {
	padding: 10px 20px;
	word-break : break-all !important;
	border: 1px solid #DDD;
}
.news .detail table th {
	background-color: #F4F4F4;
	font-weight: bold;
}
.news .detail table td {
}
.news .detail p.pdf_link {
	width: 600px;
	margin: 0 auto 60px auto;
	text-align: center;
	background-color: #B20000;
	border: 1px solid #6C0000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.news .detail p.pdf_link a {
	padding: 10px;
	font-size: 28px;
	font-size: 2.8rem;
	text-decoration: none;
	color: #FFF;
	display: block;
}

.news .detail .btn_set {
	width: 100%;
	margin-top: 80px;
	margin-bottom: 0;
	display: block;

}
.news .detail .btn_set .mail,
.news .detail .btn_set .tel {
	float: left;
	width: 46%;
	max-width: 380px;
	margin: 0 4% 0 0;
	line-height: 1.2;
	vertical-align: middle;
	list-style-type: none;
}

.news .detail .btn_set .mail {
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: bold;
	background-color: #00ADA9;
}
.news .detail .btn_set .mail a {
	padding: 32px 0;
}
.news .detail .btn_set .tel {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: normal;
	background-color: #FFA688;
}
.news .detail .btn_set .tel a,
.news .detail .btn_set .tel span {
	padding: 15px 0;
}

.news .detail .btn_set a,
.news .detail .btn_set span {
	text-align: center;
	text-decoration: none;
	color: #FFF;
	display: block;
}
.news .detail .btn_set em {
	font-size: 32px;
	font-size: 3.2rem;
	text-align: center;
	font-weight: bold;
	line-height: 1.2;
	display: block;
}

.sd-content ul {
	text-align: right;
	margin-bottom: 0px !important;
}
.sd-content ul li {
	margin: 0 0 0 5px !important;
	padding-left: 0;
}

/* PC用 *******************************/
@media print, screen and (min-width:641px){
.news .detail p.pdf_link:hover {
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
	filter: alpha(opacity=70);
	zoom: 1;
}

.news .detail img.aligncenter {
	margin:0 auto;
	text-align: center;
	display: block;
}
.news .detail img.alignleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 60px;
}
.news .detail img.alignright {
	float: right;
	margin-left: 20px;
	margin-bottom: 60px;
}
} /*/@media*/

@media print, screen and (max-width:1120px){
.news .detail .btn_set .mail {
	width: 49%;
	margin-right: 2%;
}

.news .detail .btn_set .tel {
	width: 49%;
	margin-right: 0;
}
} /*/@media*/

@media print, screen and (max-width:1120px){
.news .detail .btn_set .mail {
	font-size: 24px;
	font-size: 2.4rem;
}
.news .detail .btn_set .mail a {
	padding: 30px 0;
}
.news .detail .btn_set .tel {
	font-size: 20px;
	font-size: 2.0rem;
}
.news .detail .btn_set .tel a,
.news .detail .btn_set .tel span {
	padding: 15px 0;
}
.news .detail .btn_set em {
	font-size: 28px;
	font-size: 2.8rem;
}

} /*/@media*/

@media print, screen and (max-width:960px){
.news .detail .btn_set .mail {
	font-size: 20px;
	font-size: 2.0rem;
}
.news .detail .btn_set .mail a {
	padding: 27px 0;
}
.news .detail .btn_set .tel {
	font-size: 16px;
	font-size: 1.6rem;
}
.news .detail .btn_set .tel a,
.news .detail .btn_set .tel span {
	padding: 15px 0;
}
.news .detail .btn_set em {
	font-size: 24px;
	font-size: 2.4rem;
}
} /*/@media*/
@media print, screen and (max-width:800px){
.news .detail .btn_set .mail {
	font-size: 16px;
	font-size: 1.6rem;
}
.news .detail .btn_set .mail a {
	padding: 24px 0;
}
.news .detail .btn_set .tel {
	font-size: 14px;
	font-size: 1.4rem;
}
.news .detail .btn_set .tel a,
.news .detail .btn_set .tel span {
	padding: 13px 0;
}
.news .detail .btn_set em {
	font-size: 20px;
	font-size: 2.0rem;
}
} /*/@media*/

@media print, screen and (max-width:720px){
.news .detail .btn_set .mail {
	font-size: 14px;
	font-size: 1.4rem;
}
.news .detail .btn_set .mail a {
	padding: 23px 0;
}
.news .detail .btn_set .tel {
	font-size: 13px;
	font-size: 1.3rem;
}
.news .detail .btn_set .tel a,
.news .detail .btn_set .tel span {
	padding: 13px 0;
}
.news .detail .btn_set em {
	font-size: 18px;
	font-size: 1.8rem;
}
} /*/@media*/

/* SP用 *******************************/
@media only screen and (max-width:640px){
.news .info_list {
	float: none;
}
.news .info_list .inner {
	padding: 20px 0 0;
}
.news .info_list li time {
	margin-bottom: 0px;
}
.content.lower .detail .inner {
	width: auto;
}
.news .detail p,
.news .detail ol li, 
.news .detail ul li,
.news .detail table {
	font-size: 14px;
	font-size: 1.4rem;
}
.news .detail h1 {
	margin-bottom: 30px;
}
.news .detail h2 {
	font-size: 22px;
	font-size: 2.2rem;
	margin-bottom: 20px;
}
.news .detail h3 {
	font-size: 20px;
	font-size: 2.0rem;
	margin-bottom: 10px;
}
.news .detail h4 {
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 5px;
}
.news .detail h5 {
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 0px;
}
.news .detail table th, 
.news .detail table td {
	padding: 5px 10px;
}
.news .detail p.pdf_link {
	float: none;
	width: 100%;
	min-width: inherit;
	text-align: center;
	-moz-box-shadow:0px 2px 2px rgba(76,56,46,0.5);
	-webkit-box-shadow:0px 2px 2px rgba(76,56,46,0.5);
	box-shadow:0px 2px 2px rgba(76,56,46,0.5);
}
.news .detail p.pdf_link a {
	width: 100%;
	padding: 15px 5px 15px 5px;
	font-size: 14px;
	font-size: 1.4rem;
	text-decoration: none;
	line-height: 1.2;
	display: block;
	color: #FFF;
}

.news .detail img.alignnone, 
.news .detail img.aligncenter, 
.news .detail img.alignleft, 
.news .detail img.alignright {
	margin:0 auto;
	text-align: center;
	display: block;
}

.news .detail .btn_set {
	margin-top: 60px;

}

} /*/@media*/
@media only screen and (max-width:480px){
.news .detail .btn_set .mail, 
.news .detail .btn_set .tel {
	float: none;
	width: 80%;
	margin: 0 auto;
}

.news .detail .btn_set .mail {
	margin-bottom: 15px;
	font-size: 16px;
	font-size: 1.6rem;
}
.news .detail .btn_set .mail a {
	padding: 24px 0;
}
.news .detail .btn_set .tel {
	font-size: 14px;
	font-size: 1.4rem;
}
.news .detail .btn_set .tel a,
.news .detail .btn_set .tel span {
	padding: 13px 0;
}
.news .detail .btn_set em {
	font-size: 20px;
	font-size: 2.0rem;
}

} /*/@media*/


/* .bnr_area02 栄養指導・求人募集バナー
------------------------------------------------*/
/* 共通 *******************************/
.bnr_area02 {
	float: right;
	width: 470px;
	margin-bottom: 40px;
	overflow: hidden;
}
.bnr_area02 li {
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: left center;
	border: 4px solid #7BD7D9;
	text-align: center;
}
.bnr_area02 li a {
	text-decoration: none;
	color: #201D1A;
	display: block;
	padding-bottom: 25px;
}
.bnr_area02 li figure {
	margin-bottom: 30px;
}
.bnr_area02 li figure img {
	width: 100%;
	height: auto;
}
.bnr_area02 dt {
	margin-bottom: 10px;
	font-size: 22px;
	font-size: 2.2rem;
	text-align: center;
}
.bnr_area02 dd {
	text-align: center;
}
.bnr_area02 .txt {
	margin-bottom: 20px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.6;
}
.bnr_area02 .btn {
	width: 190px;
	margin: 0 auto;
	padding: 10px 0 10px 10px;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
	display: block;
	background-color: #7BD7D9;
}


/* PC用 *******************************/
@media print, screen and (min-width: 767px){
.bnr_area02 .width_767 {
	display: none;
}
} /*/@media*/

@media print, screen and (min-width: 641px){
.bnr_area02 li a:hover { 
	background: #E9F7F8;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
}
} /*/@media*/

@media print, screen and (max-width: 980px){
.bnr_area02 {
	float: none;
	width: 100%;
	padding: 0 10px;
}
.bnr_area02 li {
	position: relative;
}
.bnr_area02 li a {
	padding-bottom: 0;
}
.bnr_area02 li figure {
	float: left;
	width: 49%;
	margin-bottom: 0;
}
.bnr_area02 dl {
	margin-left: 49%;
	width: 51%;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
}
.bnr_area02 dt {
	font-size: 18px;
	font-size: 1.8rem;
}
} /*/@media*/

@media only screen and (max-width: 767px){
.bnr_area02 li a {
	padding-bottom: 25px;
}
.bnr_area02 li figure {
	float: inherit;
	width: 100%;
	margin-bottom: 20px;
}
.bnr_area02 dl {
	margin-left: 0;
	width: auto;
	position: inherit;
	top: 0;
	transform: none;
}
.bnr_area02 li figure img {
	float: inherit;
	margin-bottom: 0;
}
.bnr_area02 .width_pc {
	display: none;
}
.bnr_area02 .width_767 {
	display: inherit;
}

} /*/@media*/



/* SP用 *******************************/
@media only screen and (max-width: 640px){
} /*/@media*/

@media only screen and (max-width: 480px){
} /*/@media*/






/*----------------------------------------------------------
/* .about 草花クリニックについて
----------------------------------------------------------*/
/* .about_top 草花クリニックについてトップ
------------------------------------------------*/
/* 共通 *******************************/
.about_top h3 {
	position: relative;
	margin-bottom: 30px;
}
.about_top h3 b {
	padding-bottom: 10px;
	padding-right: 30px;
	font-size: 38px;
	font-size: 3.8rem;
	line-height: 1.6;
	color: #00ACA9;
	display: inline-block;
}
.about_top h3 .btn {
	position: relative;
	top: -10px;
}
.about_top p {
	margin-bottom: 20px;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.65;
}
.about .items, 
.about_top .items {
	margin: 0 -1% 30px;
}
.about .item, 
.about_top .item {
	float: left;
	width: 31.3333%;
	margin: 0 1% 30px;
}
.about .item a, 
.about_top .item a {
	color: #1F1D19;
	text-decoration: none;
}
.about .item figure, 
.about_top .item figure {
	margin-bottom: 5px;
	text-align: center;
}
.about .item figure img, 
.about_top .item figure img {
	max-width: 100%;
	height: auto;
}
.about .item p, 
.about_top .item p {
	margin-bottom: 0;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.65;
}
.about .item p em, 
.about_top .item p em {
	padding-left: 30px;
	font-size: 20px;
	font-size: 2.0rem;
	background: url(../img/common/common_ico07b.png) no-repeat left center;
	-moz-background-size: 18px 18px;
	-webkit-background-size: 18px 18px; 
	-o-background-size: 18px 18px;
	-ms-background-size: 18px 18px;
	background-size: 18px 18px;
	display: block;
}

/* PC用 *******************************/
@media print, screen and (min-width:641px){
.about .item a figure img, 
.about_top .item a figure img {
	-webkit-filter: brightness(0.9);
	-moz-filter: brightness(0.9);
	-ms-filter: brightness(0.9);
	filter: brightness(0.9);
	transition: all 0.45s ease-in-out;
	border-radius: 5px;
}
.about .item a:hover figure img, 
.about_top .item a:hover figure img {
	-webkit-filter: brightness(1.1);
	-moz-filter: brightness(1.1);
	-ms-filter: brightness(1.1);
	filter: brightness(1.1);
}
} /*/@media*/
@media print, screen and (max-width:980px){
.about_top h3 b {
	font-size: 28px;
	font-size: 2.8rem;
}
.about_top h3 .btn {
	position: static;
	display: inline-block;
}
.about .item p em, 
.about_top .item p em {
	font-size: 17px;
	font-size: 1.7rem;
}
} /*/@media*/

/* SP用 *******************************/
@media only screen and (max-width:640px){
.about_top h3 {
	margin-bottom: 20px;
}
.about_top h3 b {
	padding-bottom: 10px;
	padding-right: 0;
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1.4;
}
.about_top h3 .btn {
	position: static;
	display: block;
}
.about .items, 
.about_top .items {
	margin: 0 -1% 20px;
}
.about .item, 
.about_top .item {
	float: left;
	width: 48%;
	margin: 0 1% 20px;
}
.about .item p, 
.about_top .item p {
	font-size: 13px;
	font-size: 1.3rem;
}
} /*/@media*/
@media only screen and (max-width:480px){
.about .items, 
.about_top .items {
	margin: 0 0 30px;
}
.about .item, 
.about_top .item {
	width: 100%;
	margin: 0 0 30px;
}
} /*/@media*/


/* .philosophy クリニック理念
------------------------------------------------*/
/* 共通 *******************************/
.philosophy {
	font-family: "リュウミン R-KL","Ryumin Regular KL",Reimin Medium;
}
.philosophy ol {
	padding-bottom: 40px;
}
.philosophy li {
	margin-bottom: 40px;
	padding-left: 1.0em;
	text-indent: -1.0em;
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 2.0;
}
.philosophy li em {
	font-size: 24px;
	font-size: 2.4rem;
	display: block;
}
.philosophy p {
	font-size: 40px;
	font-size: 4.0rem;
	text-align: center;
	line-height: 2.0;
}

/* PC用 *******************************/
@media print, screen and (min-width:641px){
} /*/@media*/
@media print, screen and (max-width:980px){
.philosophy p {
	font-size: 30px;
	font-size: 3.0rem;
}
} /*/@media*/

/* SP用 *******************************/
@media only screen and (max-width:640px){
.philosophy ol {
	padding-bottom: 20px;
}
.philosophy li {
	margin-bottom: 20px;
	font-size: 16px;
	font-size: 1.6rem;
}
.philosophy li em {
	font-size: 20px;
	font-size: 2.0rem;
}
.philosophy p {
	font-size: 24px;
	font-size: 2.4rem;
}
} /*/@media*/
@media only screen and (max-width:480px){
} /*/@media*/



/* .greeting ごあいさつ
------------------------------------------------*/
/* 共通 *******************************/
.greeting {
	font-family: "リュウミン R-KL","Ryumin Regular KL",Reimin Light;
}
.greeting figure {
	float: right;
	width: 35%;
	text-align: right;
}
.greeting figure img {
	max-width: 100%;
	height: auto;
}
.greeting .txt_box {
	float: left;
	width: 60%;
}
.greeting p {
	margin-bottom: 40px;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 2.8;
}
.greeting .sign {
	text-align: right;
	line-height: 2.0;
}

/* PC用 *******************************/
@media print, screen and (min-width:641px){
} /*/@media*/
@media print, screen and (max-width:980px){
.greeting figure {
	float: none;
	width: 50%;
	margin: 0 auto 20px;
	text-align: center;
}
.greeting .txt_box {
	float: none;
	width: auto;
}
} /*/@media*/

/* SP用 *******************************/
@media only screen and (max-width:640px){
.greeting p {
	margin-bottom: 30px;
	font-size: 15px;
	font-size: 1.5rem;
}
} /*/@media*/


/* .doctor ごあいさつ
------------------------------------------------*/
/* 共通 *******************************/
.doctor .box {
	padding-top: 60px;
	padding-bottom: 60px;
	border-bottom: 1px solid #D8D8D8;
}
.doctor .box:last-child {
	border-bottom: none;
}
.doctor figure {
	float: left;
	width: 35%;
	margin-bottom: 0;
}
.doctor figure img {
	max-width: 100%;
	height: auto;
}
.doctor table {
	float: right;
	width: 60%;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 2.0;
}
.doctor table th {
	padding: 5px;
	white-space: nowrap;
}
.doctor table th:last-of-type {
	padding-bottom: 0;
}
.doctor table td {
	padding: 5px;
}
.doctor table td:last-of-type {
	padding-top: 0;
}

/* PC用 *******************************/
@media print, screen and (min-width:641px){
} /*/@media*/
@media print, screen and (max-width:980px){
} /*/@media*/
@media print, screen and (max-width:800px){
.doctor figure {
	float: none;
	width: 60%;
	margin:0 auto 20px;
}
.doctor table {
	float: none;
	width: auto;
}
} /*/@media*/

/* SP用 *******************************/
@media only screen and (max-width:640px){
.doctor .box {
	padding-top: 30px;
	padding-bottom: 30px;
}
.doctor figure {
	float: left;
	width: 35%;
	margin:0 auto;
}
.doctor table {
	float: right;
	width: 60%;
}
} /*/@media*/
@media only screen and (max-width:480px){
.doctor figure {
	float: none;
	width: 60%;
	margin:0 auto 20px;
}
.doctor table {
	float: none;
	width: 100%;
}
} /*/@media*/

/* .initiative 当クリニックの取り組み
------------------------------------------------*/
/* 共通 *******************************/
.initiative {
	font-family: "リュウミン R-KL","Ryumin Regular KL",Reimin Light;
}
.initiative h3 {
	margin-bottom: 60px;
	font-size: 50px;
	font-size: 5.0rem;
	text-align: center;
	letter-spacing: -1px;
	line-height: 2.0;
	color: #00ACA9;
}
.initiative p {
	margin-bottom: 60px;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 2.8;
}
.initiative > p em {
	font-size: 26px;
	font-size: 2.6rem;
	text-align: center;
	color: #00ACA9;
	display: block;
}
.initiative .items {
	margin: 0 -4% 30px;
}
.initiative .item {
	float: left;
	width: 42%;
	margin: 0 4% 30px;
}
.initiative figure {
	margin-bottom: 40px;
	text-align: center;
}
.initiative figure img {
	max-width: 100%;
	height: auto;
}


/* PC用 *******************************/
@media print, screen and (min-width:641px){
} /*/@media*/
@media print, screen and (max-width:980px){
.initiative h3 {
	margin-bottom: 40px;
	font-size: 38px;
	font-size: 3.8rem;
	line-height: 1.6;
}
.initiative .items {
	margin: 0 -1%;
}
.initiative .item {
	float: left;
	width: 48%;
	margin: 0 1% 20px;
}

} /*/@media*/

/* SP用 *******************************/
@media only screen and (max-width:640px){
.initiative h3 {
	margin-bottom: 30px;
	font-size: 30px;
	font-size: 3.0rem;
}
.initiative p {
	margin-bottom: 40px;
	font-size: 15px;
	font-size: 1.5rem;
}
} /*/@media*/
@media only screen and (max-width:480px){
.initiative h3 {
	margin-bottom: 30px;
	font-size: 22px;
	font-size: 2.2rem;
}
.initiative .items {
	margin: 0;
}
.initiative .item {
	width: 100%;
	margin: 0 0 30px;
}
} /*/@media*/

/* .overview クリニック概要
------------------------------------------------*/
/* 共通 *******************************/
.overview table {
	width: 100%;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 2.0;
}
.overview table th {
	padding: 15px 20px;
	border-top: 1px solid #D8D8D8;
	border-left: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
	white-space: nowrap;
}
.overview table td {
	padding: 15px 20px;
	border-top: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
}
.overview table td h4 {
	font-weight: bold;
}
.overview table td p {
	margin-bottom: 20px;
}
.overview table a {
	text-decoration: underline;
}
.overview table a:hover {
	text-decoration: none;
}

/* PC用 *******************************/
@media print, screen and (min-width:641px){
} /*/@media*/
@media print, screen and (max-width:980px){
} /*/@media*/

/* SP用 *******************************/
@media only screen and (max-width:640px){
.overview table {
	font-size: 14px;
	font-size: 1.4rem;
}
.overview table th {
	padding: 10px 0 10px 10px;
}
.overview table td {
	padding: 10px;
}
} /*/@media*/
@media only screen and (max-width:480px){
} /*/@media*/



/* .access アクセスマップ
------------------------------------------------*/
/* 共通 *******************************/
.access h3 {
	font-size: 24px;
	font-size: 2.4rem;
	color: #00ACA9;
	margin-bottom: 15px;
	padding: 12px 0 12px 60px;
}
.access h3.train {
	background: url(../img/about/about_bg01.png) no-repeat left center;
}
.access h3.car {
	background: url(../img/about/about_bg02.png) no-repeat left center;
}
/* PC用 *******************************/
@media print, screen and (min-width:641px){
} /*/@media*/
@media print, screen and (max-width:980px){
} /*/@media*/

/* SP用 *******************************/
@media only screen and (max-width:640px){
.access h3 {
	font-size: 20px;
	font-size: 2.0rem;
	padding: 10px 0 10px 50px;
	margin-bottom: 10px;
}
.access h3.train {
	background: url(../img/about/about_bg01.png) no-repeat left center;
	-moz-background-size: 40px 40px;
	-webkit-background-size: 40px 40px; 
	-o-background-size: 40px 40px;
	-ms-background-size: 40px 40px;
	background-size: 40px 40px;
}
.access h3.car {
	background: url(../img/about/about_bg02.png) no-repeat left center;
	-moz-background-size: 40px 40px;
	-webkit-background-size: 40px 40px; 
	-o-background-size: 40px 40px;
	-ms-background-size: 40px 40px;
	background-size: 40px 40px;
}
} /*/@media*/

/* .recruit 求人募集
------------------------------------------------*/
/* 共通 *******************************/
.recruite_btn {
	width: 240px;
	margin: 0 auto 60px auto;
	display: block !important;
}

.recruit figure {
	margin-bottom: 30px;
}

.recruit .pr {
	margin-bottom: 30px;
}

/* PC用 *******************************/
@media print, screen and (min-width:641px){
} /*/@media*/
@media print, screen and (max-width:980px){
} /*/@media*/
@media print, screen and (max-width:800px){
} /*/@media*/

/* SP用 *******************************/
@media only screen and (max-width:640px){
} /*/@media*/
@media only screen and (max-width:480px){


.recruit figure {
	margin-bottom: 20px;
}

.recruit .pr {
	font-size: 150%;
	margin-bottom: 20px;
}

} /*/@media*/


/* .privacy 個人情報保護方針
------------------------------------------------*/
/* 共通 *******************************/
.privacy p {
	margin-bottom: 30px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 2.0;
}
.privacy dl {
	padding-bottom: 30px;
}
.privacy dt {
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 2.0;
	color: #38B38B;
}
.privacy dd {
	margin-bottom: 30px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 2.0;
}
.privacy dd ul {
	margin-left: 10px;
	margin-bottom: 30px;
}
.privacy dd ul > li {
	padding-left: 20px;
	background: url(../img/common/common_ico11.png) no-repeat left 15px;
	-moz-background-size: 7px 7px;
	-webkit-background-size: 7px 7px; 
	-o-background-size: 7px 7px;
	-ms-background-size: 7px 7px;
	background-size: 7px 7px;
}
.privacy dd ol {
	margin-left: 40px;
	padding-top: 10px;
}
.privacy dd ol li {
	padding-left: 0;
	list-style: decimal;
	background: none;
}

/* PC用 *******************************/
@media print, screen and (min-width:641px){
} /*/@media*/
@media print, screen and (max-width:980px){
} /*/@media*/

/* SP用 *******************************/
@media only screen and (max-width:640px){
.privacy p {
	margin-bottom: 20px;
	font-size: 14px;
	font-size: 1.4rem;
}
.privacy dl {
	padding-bottom: 20px;
}
.privacy dt {
	font-size: 16px;
	font-size: 1.6rem;
}
.privacy dd {
	margin-bottom: 20px;
	font-size: 14px;
	font-size: 1.4rem;
}
.privacy dd ul {
	margin-bottom: 20px;
}
.privacy dd ol {
	margin-left: 20px;
}

} /*/@media*/
@media only screen and (max-width:480px){
} /*/@media*/





/* .right 患者さまの権利とお願い
------------------------------------------------*/
/* 共通 *******************************/
.right p {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 2.0;
}
.right dl {
	padding-bottom: 30px;
}
.right dt {
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 2.0;
	color: #38B38B;
}
.right dd {
	margin-bottom: 30px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 2.0;
}

/* PC用 *******************************/
@media print, screen and (min-width:641px){
} /*/@media*/
@media print, screen and (max-width:980px){
} /*/@media*/

/* SP用 *******************************/
@media only screen and (max-width:640px){
.right p {
	font-size: 14px;
	font-size: 1.4rem;
}
.right dl {
	padding-bottom: 20px;
}
.right dt {
	font-size: 16px;
	font-size: 1.6rem;
}
.right dd {
	margin-bottom: 20px;
	font-size: 14px;
	font-size: 1.4rem;
}
} /*/@media*/
@media only screen and (max-width:480px){
} /*/@media*/


/*----------------------------------------------------------
/* .ambulatory 外来のご案内
----------------------------------------------------------*/
/* .ambulatory_top 外来のご案内トップ
------------------------------------------------*/
/* 共通 *******************************/
.ambulatory_top {
	padding-bottom: 60px;
}
.ambulatory_top p {
	margin-bottom: 20px;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.6;
}
.ambulatory_top dl {
	float: left;
	width: 33%;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.ambulatory_top dt {
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 2.0;
	color: #38B38B;
}
.ambulatory_top dd {
	margin-bottom: 30px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 2.0;
}
.ambulatory_top table {
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom: 10px;
}
.ambulatory_top th {
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	background-color: #E7F5F1;
	border: 1px solid #CCC;
}
.ambulatory_top td {
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #CCC;
	line-height: 1.8;
}
.ambulatory_top td a {
	text-decoration: underline !important;
}
.ambulatory_top .table_list {
	float: right;
	width: 65%;
	margin-bottom: 30px;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6;
}
.ambulatory_top .bnr_area01 {
	padding-top: 60px;
	background: none;
}
.ambulatory h2.symptom_title {
	color: #00A497;
	font-size: 36px;
	font-size: 3.6rem;
	margin-bottom: 35px;
	padding: 0;
	border: none;
}
.ambulatory ol {
	margin-bottom: 20px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 2.0;
	list-style: decimal;
}
.ambulatory ol li {
	margin-left: 30px;
	margin-bottom: 20px;
}
.ambulatory .information h3 {
	color: #00A497;
	font-size: 2.6px;
	font-size: 2.6rem;
	margin-bottom: 15px;
	text-align:center;
}
.ambulatory .left {
	text-align: left !important;
}
.ambulatory .data_txt {
	text-align: right;
}
/* PC用 *******************************/
@media print, screen and (min-width:641px){
.ambulatory .symptom_img {
	float: left;
	margin-right: 40px;
	margin-bottom: 80px;
}
.ambulatory .symptom_txt {
	overflow: hidden;
	font-size: 18px;
	font-size: 1.8rem;
}
} /*/@media*/
@media print, screen and (max-width:980px){
.ambulatory_top dl {
	float: none;
	width: auto;
}
.ambulatory_top table {
	width: 100%;
}
.ambulatory_top .table_list {
	float: none;
	width: 100%;
	margin-bottom: 60px;
}
} /*/@media*/

/* SP用 *******************************/
@media only screen and (max-width:640px){
.ambulatory_top {
	padding-bottom: 40px;
}
.ambulatory_top p {
	font-size: 14px;
	font-size: 1.4rem;
}
.ambulatory_top dl {
}
.ambulatory_top dt {
	font-size: 16px;
	font-size: 1.6rem;
}
.ambulatory_top dd {
	margin-bottom: 20px;
	font-size: 14px;
	font-size: 1.4rem;
}
.ambulatory_top table {
	float: none;
	width: 100%;
	margin-bottom: 40px;
}
.ambulatory_top table, 
.ambulatory_top .table_list {
	font-size: 14px;
	font-size: 1.4rem;
}
.ambulatory_top .bnr_area01 {
	padding-top: 20px;
	background: none;
}
.ambulatory h2.symptom_title {
	font-size: 24px;
	font-size: 2.4rem;
	text-align: center;
}
.ambulatory .symptom_img {
	text-align: center;
}
.ambulatory .symptom_txt {
	font-size: 16px;
	font-size: 1.6rem;
}
.ambulatory .information h3 {
	font-size: 22px;
	font-size: 2.2rem;
	margin-bottom: 5px;
}
} /*/@media*/
@media only screen and (max-width:480px){
.ambulatory_top th {
	padding: 5px;
}
.ambulatory_top td {
	padding: 5px;
}
} /*/@media*/



/*----------------------------------------------------------
/* .home_care 訪問診療・在宅医療
----------------------------------------------------------*/
/* .home_care_top 訪問診療・在宅医療トップ
------------------------------------------------*/
/* 共通 *******************************/
.hero.layer01.home_care {
	color: #1f1d19;
}
.home_care_top {
	margin-bottom: 40px;
}
.home_care_top h3 {
	color: #00ACA9;
}
.home_care_top .txt p {
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 30px;
}
.home_care_top .senior_house_btn {
	background: #60B537 url(../img/common/common_ico07w.png) no-repeat 15px center;
	-moz-background-size: 18px 18px;
	-webkit-background-size: 18px 18px; 
	-o-background-size: 18px 18px;
	-ms-background-size: 18px 18px;
	background-size: 18px 18px;
	width: 320px;
	margin: 0 auto;
	display: block;
}
.home_care_top .senior_house_btn a {
	padding: 10px 15px 10px 45px;
}
.home_care h3 {
	font-size: 24px;
	font-size: 2.4rem;
	color: #00ACA9;
	margin-bottom: 15px;
}
.home_care h3.train {
	background: url(../img/about/about_bg01.png) no-repeat left center;
	padding: 12px 0 12px 60px;
}
.home_care h3.car {
	background: url(../img/about/about_bg02.png) no-repeat left center;
	padding: 12px 0 12px 60px;
}
.home_care h3.center {
	font-size: 26px;
	font-size: 2.6rem;
}
.home_care .img_box {
	margin-bottom: 60px;
}
.home_care .plan_link {
	margin-bottom: 40px;
	clear: both;
	overflow: hidden;
}
.home_care .plan_link li {
	width: 48%;
	margin: 0 1%;
	list-style: none !important;
	background: none;
	padding: 0;
	float: left;
	font-size: 110%;
}
.home_care .plan_link li a {
	display: block;
	color: #FFFFFF;
	background: #00ACA9;
	padding: 15px 0;
	text-align: center;
}

/* PC用 *******************************/
@media print, screen and (min-width:641px){
.home_care_top h3 {
	font-size: 36px;
	font-size: 3.6rem;
	line-height: 160%;
	margin-bottom: 30px;
}
.home_care_top .pic {
	float: left;
	margin-right: 38px;
}
.home_care_top .txt {
	overflow: hidden;
}
} /*/@media*/
@media print, screen and (max-width:980px){
.home_care_top .pic {
	float: none;
	margin-right: 0px;
}
} /*/@media*/

/* SP用 *******************************/
@media only screen and (max-width:640px){
.home_care_top h3 {
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 140%;
	margin-bottom: 20px;
}
.home_care h3 {
	font-size: 20px;
	font-size: 2.0rem;
	margin-bottom: 10px;
	line-height: 140%;
}
.home_care h3.train {
	background: url(../img/about/about_bg01.png) no-repeat left center;
	-moz-background-size: 40px 40px;
	-webkit-background-size: 40px 40px; 
	-o-background-size: 40px 40px;
	-ms-background-size: 40px 40px;
	background-size: 40px 40px;
	padding: 10px 0 10px 50px;
}
.home_care h3.car {
	background: url(../img/about/about_bg02.png) no-repeat left center;
	-moz-background-size: 40px 40px;
	-webkit-background-size: 40px 40px; 
	-o-background-size: 40px 40px;
	-ms-background-size: 40px 40px;
	background-size: 40px 40px;
	padding: 10px 0 10px 50px;
}
.home_care h3.center {
	font-size: 22px;
	font-size: 2.2rem;
}
} /*/@media*/
@media only screen and (max-width:480px){
} /*/@media*/



/* .examination 初診・再来の方へ
------------------------------------------------*/
/* 共通 *******************************/
.examination h3 {
	margin-bottom: 60px;
	font-size: 42px;
	font-size: 4.2rem;
	text-align: center;
	line-height: 2.0;
	color: #00aca9;
}
/* PC用 *******************************/
@media print, screen and (min-width:641px){
} /*/@media*/
@media print, screen and (max-width:980px){
.examination h3 {
	margin-bottom: 60px;
	font-size: 30px;
	font-size: 3.0rem;
	line-height: 1.6;
}
} /*/@media*/

/* SP用 *******************************/
@media only screen and (max-width:640px){
.examination h3 {
	margin-bottom: 30px;
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1.6;
}
.examination .flow {
	background: url(../img/common/common_bg01.png) repeat-y 19px top; 
}
.examination .flow dt {
	padding: 2px 0 2px 45px;
}
.examination .flow dt:nth-of-type(1), 
.examination .flow dt:nth-of-type(2), 
.examination .flow dt:nth-of-type(3), 
.examination .flow dt:nth-of-type(4), 
.examination .flow dt:nth-of-type(5) {
	-moz-background-size: 35px 35px;
	-webkit-background-size: 35px 35px; 
	-o-background-size: 35px 35px;
	-ms-background-size: 35px 35px;
	background-size: 35px 35px;
}
.examination .flow dd {
	padding-left: 45px;
}
} /*/@media*/
@media only screen and (max-width:480px){
} /*/@media*/

/* .nasal_endoscope 経鼻内視鏡検査
------------------------------------------------*/
/* 共通 *******************************/
.nasal_endoscope h3 {
	margin-bottom: 20px;
	font-size: 26px;
	font-size: 2.6rem;
	text-align: center;
	color: #00A497;
}
.nasal_endoscope table {
	margin-bottom: 10px;
	width: 100%;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.82;
}
.nasal_endoscope table tr:nth-child(2) {
	font-weight: bold;
}
.nasal_endoscope table th {
	padding: 15px;
	text-align: center;
	vertical-align: middle;
	background-color: #E7F5F1;
	border: 1px solid #CCC;
}
.nasal_endoscope table td {
	padding: 15px;
	vertical-align: middle;
	border: 1px solid #CCC;
}
.nasal_endoscope table tr:nth-child(2) th, 
.nasal_endoscope table tr:nth-child(2) td {
	font-weight: bold;
	color: #00A497;
}
.nasal_endoscope table td:nth-child(2), 
.nasal_endoscope table td:nth-child(3) {
	text-align: center;
	white-space: nowrap;
}

/* PC用 *******************************/
@media print, screen and (min-width:641px){
} /*/@media*/
@media print, screen and (max-width:980px){
} /*/@media*/

/* SP用 *******************************/
@media only screen and (max-width:640px){
.nasal_endoscope h3 {
	margin-bottom: 10px;
	font-size: 20px;
	font-size: 2.0rem;
}
.nasal_endoscope table {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.6;
}
.nasal_endoscope table th {
	padding: 10px 5px;
}
.nasal_endoscope table td {
	padding: 10px 5px;
}
} /*/@media*/
@media only screen and (max-width:480px){
} /*/@media*/



/*----------------------------------------------------------
/* .hospitalization 入院のご案内
----------------------------------------------------------*/
/* .hospitalization_top 入院のご案内トップ
------------------------------------------------*/
/* 共通 *******************************/

.hospitalization .bnr_area01 {
	background: none;
}

.hospitalization .about_top, 
.check .about_top {
	padding-bottom: 70px;
}
/* PC用 *******************************/
@media print, screen and (min-width:641px){
} /*/@media*/
@media print, screen and (max-width:980px){
} /*/@media*/

/* SP用 *******************************/
@media only screen and (max-width:640px){
.hospitalization_top .about_top, 
.check .about_top {
	padding-bottom: 40px;
}
} /*/@media*/
@media only screen and (max-width:480px){
} /*/@media*/




/*----------------------------------------------------------
/* .check 健診のご案内
----------------------------------------------------------*/
/* .check 健診のご案内
------------------------------------------------*/
/* 共通 *******************************/
.hero.layer01.check {
	color: #1F1D19;
}
.check ol {
	margin-bottom: 20px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 2.0;
	list-style: decimal;
}
.check ol li {
	margin-left: 30px;
	margin-bottom: 20px;
}
.check .bnr_area01 {
	background: none;
}
.check .information h3 {
	color: #00A497;
	font-size: 2.6px;
	font-size: 2.6rem;
	margin-bottom: 15px;
	text-align:center;
}
.check .left {
	text-align: left !important;
}
.check .data_txt {
	text-align: right;
}
/* SP用 *******************************/
@media only screen and (max-width:640px){
.check .information h3 {
	font-size: 22px;
	font-size: 2.2rem;
	margin-bottom: 5px;
}
} /*/@media*/



/*----------------------------------------------------------
/* .policy 当サイトのご利用について
----------------------------------------------------------*/
/* 共通 *******************************/
.policy  {
	padding: 50px 0;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.policy h2 {
	margin: 40px 0 20px;
	font-family: "リュウミン R-KL","Ryumin Regular KL",Reimin Light;
}

/* PC用 *******************************/
@media print, screen and (min-width:641px){
} /*/@media*/
@media print, screen and (max-width:980px){
} /*/@media*/

/* SP用 *******************************/
@media only screen and (max-width:640px){
.policy  {
	padding: 20px 10px;
}
} /*/@media*/



/*----------------------------------------------------------
/* その他　共通
----------------------------------------------------------*/

.mt20 { margin-top:20px !important; }
.mt50 { margin-top:50px !important; }

.mb00 { margin-bottom:0px !important; }
.mb10 { margin-bottom:10px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }

b, .bold { font-weight: bold; }
.red_txt {
	color: #CA2B2B;
}
.information {
	padding-bottom: 60px;
}
.information p {
	margin-bottom: 20px;
}
.information h3 {
	margin-top: 40px;
}
.catchcopy_green {
	color: #00ACA9;
	text-align: center;
	font-size: 30px;
	font-size: 3.0rem;
	display: block;
	margin-bottom: 30px;
	font-family: "リュウミン R-KL","Ryumin Regular KL",Reimin Light;
}
.catchcopy_green.big {
	margin-bottom: 60px;
	font-size: 50px;
	font-size: 5.0rem;
	letter-spacing: -1px;
	line-height: 2.0;
}
.plan .green_table td {
	word-break: break-all;
}
.green_table {
	margin-bottom: 20px;
	width: 100%;
	font-size: 16px;
	font-size: 1.6rem;
}
.green_table th, 
.green_table td {
	padding: 10px 20px;
	border: 1px solid #DDD;
	line-height: 160%;
}
.green_table th {
	background-color: #E7F5F1;
}
.green_table th .small {
	font-size: 80%;
}
.table_center th, 
.table_center td {
	text-align: center;
}
.center_cell, 
.center {
	text-align: center;
}
.btn {
	background: #00ADA9 url(../img/common/common_ico07w.png) no-repeat 15px center;
	-moz-background-size: 18px 18px;
	-webkit-background-size: 18px 18px; 
	-o-background-size: 18px 18px;
	-ms-background-size: 18px 18px;
	background-size: 18px 18px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
}
.btn a {
	padding: 15px 15px 15px 45px;
	font-size: 18px;
	font-size: 1.8rem;
	text-decoration: none;
	color: #FFF;
	display: block;
}
.img_box {
	margin: 0 -4%;
}
.img_box figure {
	float: left;
	width: 42%;
	margin: 0 4% 40px;
}

/* PC用 *******************************/
@media print, screen and (min-width:641px){
} /*/@media*/
@media print, screen and (max-width:980px){
.catchcopy_green.big {
	margin-bottom: 40px;
	font-size: 38px;
	font-size: 3.8rem;
	line-height: 1.6;
}
.img_box {
	margin: 0 -1%;
}
.img_box figure {
	float: left;
	width: 48%;
	margin: 0 1% 30px;
}
} /*/@media*/

/* SP用 *******************************/
@media only screen and (max-width:640px){
.information {
	padding-bottom: 20px;
}
.information p {
	margin-bottom: 20px;
}
.information h3 {
	margin-top: 20px;
}
.catchcopy_green.big {
	margin-bottom: 30px;
	font-size: 30px;
	font-size: 3.0rem;
}
.green_table {
	font-size: 14px;
	font-size: 1.4rem;
}
.green_table th, 
.green_table td {
	padding: 10px;
}
.catchcopy_green {
	font-size: 20px;
	font-size: 2.0rem;
}
} /*/@media*/

@media only screen and (max-width:480px){
.catchcopy_green.big {
	margin-bottom: 30px;
	font-size: 22px;
	font-size: 2.2rem;
}}

/*----------------------------------------------------------
/* .wp-pagenavi ページャー
----------------------------------------------------------*/
.wp-pagenavi {
	text-align: center;
	clear: both;
	margin: 0 0 40px;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.wp-pagenavi a {
	display: inline;
	padding: 0;
}
.wp-pagenavi span, 
.wp-pagenavi a {
	margin-bottom: 5px;
	margin-right: 5px;
	vertical-align: middle;
	font-size: 14px;
	font-size: 1.4rem;
	color: #535353;
	background-color: #FFF;
	border: solid 1px #DDD;
	display: inline-block;
	padding: 5px 10px;
}
.wp-pagenavi span.current {
	margin-bottom: 5px;
	margin-right: 5px;
	text-decoration: none;
	vertical-align: middle;
	color: #FFF;
	background-color: #E58AA1;
	border: 1px solid #E58AA1;
	display: inline-block;
	padding: 5px 10px;
}
.wp-pagenavi a:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #EDADBD;
	border: 1px solid #EDADBD;
}


/* .sns_link_box
------------------------------------------------*/
.sns_link_box {
	clear: both;
	max-width: 1300px;
	margin: 20px auto;
	text-align: right;
}
.sns_link_box ul {
	display: inline-block;
}
.sns_link_box li {
	display: inline-block;
	margin: 0 10px;
}
.sns_link_box li a {
	transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
}
.sns_link_box li a:hover {
	opacity: 0.6;
}


/*----------------------------------------------------------
/* LINE診療予約
----------------------------------------------------------*/
.main.line {
	float: none;
	margin-left: 0;
	padding-left: 0;
}
.line_friend_btn {
	text-align: center;
}
.flow .line_friend_btn {
	text-align: left;
}
.line_friend_btn a {
	max-width: 280px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	font-family: "メイリオ", "Meiryo", "ＭＳ ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	background-color: #06C755;
	border-radius: 10px;
	display: block;
	transition: all 0.2s ease-in-out;
}
.flow .line_friend_btn a {
	margin-top: 20px;
	margin-left: 0;
}
.line_friend_btn a:hover {
	filter: brightness(1.15);
	transition: all 0.2s ease-in-out;
}
.line_friend_btn span {
	position: relative;
	padding-left: calc(clamp(73px * 0.75, 5.79vw, 73px) + 5px);
	font-size: clamp(2.4rem, 2.22vw, 2.8rem);
	font-weight: bold;
	display: inline-block;
}
.line_friend_btn span::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: clamp(73px * 0.75, 5.79vw, 73px);
	height: clamp(73px * 0.75, 5.79vw, 73px);
	margin: auto 0;
	background: url("../img/line/line_ico01.png") no-repeat center center / contain;
	display: block;
}


/* SP用 *******************************/
@media only screen and (max-width:640px){
.line_friend_btn {
	text-align: center;
}
.flow .line_friend_btn {
	text-align: left;
}
.line_friend_btn a {
	padding: 10px 20px;
}
.flow .line_friend_btn a {
	margin-top: 20px;
	margin-left: 0;
}
.line_friend_btn span {
	padding-left: calc(clamp(54px * 0.75, 8.43vw, 54px) + 5px);
	font-size: clamp(1.8rem, 3.125vw, 2.0rem);
}
.line_friend_btn span::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: clamp(54px * 0.75, 8.43vw, 54px);
	height: clamp(54px * 0.75, 8.43vw, 54px);
	margin: auto 0;
	background: url("../img/line/line_ico01.png") no-repeat center center / contain;
	display: block;
}
} /*/@media*/

/*----------------------------------------------------------
/* お問い合わせTEL追加
----------------------------------------------------------*/
.contact_tel_box {
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 70px;
	padding: 30px 20px 20px;
	font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
	text-align: center;
	background-color: #E7F5F1;
	border-radius: 4px;
}
.contact_tel_box a {
	pointer-events: none;
}
.contact_tel_box dl {
	max-width: 325px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}	
.contact_tel_box dt {
	margin-bottom: 25px;
	padding: 5px 10px;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
	color: #FFF;
	background-color: #00ADA9;
	border-radius: 20px;
}
.contact_tel_box dd {
	text-align: center;
	line-height: 0;
}
.contact_tel_box p {
	max-width: 325px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
}
.contact_tel_box p b {
	color: #DF2655;
}

/* SP用 *******************************/
@media only screen and (max-width:640px){
.contact_tel_box {
	margin-bottom: 40px;
	padding: 30px 20px 20px;
}
.contact_tel_box a {
	pointer-events: auto;
	padding: clamp(12px, 2.5vw, 16px) 20px;
	margin-top: 0;
	margin-bottom: 4px;
	text-decoration: none;
	background-color: #00ada9;
	border-radius: 5px;
	border-bottom: 4px solid #008a87;
	cursor: pointer;
	display: block;
}
.contact_tel_box a:hover {
	pointer-events: auto;
	padding: clamp(12px, 2.5vw, 16px) 20px;
	margin-top: 4px;
	margin-bottom: 0;
	text-decoration: none;
	background-color: #00ada9;
	border-radius: 5px;
	border-bottom: none;
}
.contact_tel_box dl {
	max-width: 500px;
}	
.contact_tel_box dt {
	margin-bottom: 10px;
	font-size: 1.4rem;
	color: #00ADA9;
	background-color: #FFF;
}
.contact_tel_box dd {
	width: 80%;
	max-width: calc(379px * 0.75);
	margin-left: auto;
	margin-right: auto;
}
.contact_tel_box p {
	margin-top: 10px;
	font-size: 1.4rem;
}
} /*/@media*/








