.sub_head{
width: 100%;
height: 160px;
margin: 0 auto;
position: relative;
background-image: url("../images/subhead.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

.sub_head span{
display: inline-block;
color: #FFF;
font-size: 32px;
font-weight: bold;
letter-spacing: 0.4em;
margin: 0 0 0 0.4em;
white-space: nowrap;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}



/* index */

.top_greet > div{
display: -webki-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}

.greet-image{
display: block;
width: 30%;
}

.greet-image img{
display: block;
width: 100%;
border-radius: 5px;
}

.greet-text{
width: 65%;
font-size: 18px;
line-height: 2.4;
}


.fb-wrapper{
display: -webki-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}

.fb-wrapper .fb-container{
width: 500px;
margin: 0;
}

.fb-wrapper p{
margin-left: 5%;
flex-grow: 1;
font-size: 18px;
line-height: 2.4;
text-align: center;
}

.fb-wrapper p span{
display: inline-block;
font-size: inherit;
line-height: 2.4;
text-align: left;
}

.fb-wrapper p a{
display: inline-block;
background-color: #1877F2;
color: #FFF !important;
padding: 5px 1em;
border-radius: 5px;
margin: 20px 0 0;
}

.pc .fb-wrapper p a:hover{
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
}

.fb-wrapper p a img{
display: inline-block;
height: 1.6em;
vertical-align: middle;
margin: -0.4em 0.6em 0 0;
}

.pc .fb-wrapper p a:hover img{
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
}


.top_symptom > div{
display: -webki-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
align-items: flex-start;
}

.symptom-layout{
display: block;
width: 32%;
margin: 0 2% 0 0;
}

.symptom-layout:nth-of-type(3n){
margin-right: 0;
}

.symptom-layout:nth-of-type(n+4){
margin-top: 30px;
}

.symptom-layout a{
display: block;
}

.symptom-layout h3{
text-align: center;
margin: 0 auto 10px;
}

.symptom-layout h3 span{
display: inline-block;
font-size: 20px;
color: #292929;
line-height: 0.6;
border-bottom: 5px solid #FFCC66;
}

.symptom-layout img{
display: block;
width: 100%;
border-radius: 5px;
margin: 0 auto 10px;
}

.pc .symptom-layout a:hover img{
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
}

.symptom-layout p{
color: #292929;
}

.pc .symptom-layout a:hover p{
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
}


.top_contact{
text-align: center;
}

.top_contact p{
width: auto;
display: inline-block !important;
font-size: 18px;
text-align: center;
display: block;
background-color: #FFF;
border: 3px solid #00A73C;
padding: 30px 60px;
}

.top_contact p a{
color: #00A73C !important;
display: inline-block;
margin: 10px auto 0;
font-size: 36px !important;
font-weight: bold;
}


.top_acccess iframe{
display: bock;
width: 100%;
height: 480px;
}



/* conference */

.conf_intro p{
text-align: center;
font-size: 18px;
margin: 0 auto 30px;
}

.conf_intro div{
display: -webki-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
}

.conf_intro div a{
width: 16%;
display: block;
border: 1px solid #4B4B4B;
border-radius: 10px;
overflow: hidden;
}

.conf_intro div a img{
width: 100%;
display: block;
margin: 0;
}


.conf_symptom > div{
display: -webki-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
}

.conf_symptom > div span{
display: block;
width: 30%;
}

.conf_symptom > div span img{
display: block;
width: 100%;
margin: 0;
}

.conf_symptom > div p{
width: 65%;
margin: 0;
}


.conf_contact{
text-align: center;
}

.conf_contact p{
width: auto;
display: inline-block !important;
font-size: 18px;
text-align: center;
display: block;
background-color: #FFF;
border: 3px solid #00A73C;
padding: 30px 60px;
}

.conf_contact p a{
color: #00A73C !important;
display: inline-block;
margin: 10px auto 0;
font-size: 36px !important;
font-weight: bold;
}



/* medicine */

.medi_differ > p{
margin: 0 auto 30px;
line-height: 2.4;
}

.medi_differ .differ_image{
display: -webki-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
width: 80%;
margin: 0 auto;
}

.medi_differ .differ_image div{
display: block;
width: 48%;
margin: 0;
}

.medi_differ .differ_image div img{
display: block;
width: 100%;
margin: 0;
border-radius: 10px;
}


.medi_list > p{
text-align: center;
font-size: 18px;
margin: 0 auto 30px;
}

.medi_list > div{
display: -webki-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
}

.medi_list > div div{
width: 33%;
}

.medi_list > div div table{
width: 100%;
border: 1px solid #3F3F3F;
}

.medi_list > div div table th{
padding: 10px;
font-weight: bold;
vertical-align: top;
background: #3F3F3F;
color: #FFF;
border: 1px solid #3F3F3F;
border-right: 1px solid #FFF;
}

.medi_list > div div table th:last-of-type{
border: 1px solid #3F3F3F;
}

.medi_list > div div table td{
padding: 10px;
vertical-align: top;
background-color: #FFF;
border: 1px solid #3F3F3F;
}

.medi_list > div div table tr th:first-of-type,
.medi_list > div div table tr td:first-of-type{
width: 40%;
}



/* shop */

.shop_intro p{
line-height: 2.4;
}


.shop_info table{
width: 100%;
border: none;
margin: 0 auto 50px;
}

.shop_info table th{
font-size: 18px;
width: 25%;
padding: 20px 10px;
border: none;
border-bottom: 1px solid #3F3F3F;
vertical-align: top;
}

.shop_info table td{
padding: 20px 10px;
border: none;
border-bottom: 1px solid #3F3F3F;
vertical-align: middle;
}

.shop_info table td a{
display: inline-block;
margin-right: 1em;
}

.shop_info table td a:last-of-type{
margin-right: 0;
}


.shop_info > div{
display: -webki-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
}

.shop_info > div span{
display: block;
width: 32%;
}

.shop_info > div span img{
display: block;
width: 100%;
margin: 0;
border-radius: 10px;
}


.shop_acccess iframe{
display: bock;
width: 100%;
height: 480px;
}



/* contact */

.contact p{
text-align: center;
}

.contact p.contact_intro{
line-height: 2.4;
}

.contact p span{
display: inline-block;
text-align: left;
}

.contact p.contact_tel{
margin: 20px auto;
font-size: 48px;
}

.contact p.contact_tel span{
font-size: inherit;
}

.contact p.contact_tel a{
font-size: inherit;
font-weight: bold;
color: #00A73C !important;
}

.contact p.contact_tel a img{
display: inline-block;
font-size: inherit;
height: 1em;
vertical-align: middle;
margin: 0 0.4em 0 0;
}

.contact > span{
display: block;
width: 100%;
margin: 20px auto 0;
border-radius: 5px;
overflow: hidden;
}

.contact > span img{
display: block;
width: 100%;
margin: 0 auto;
}



/* privacy */

.art-postcontent .art-content-layout.privacy > h3{
margin: 50px auto 10px;
color: #512E01;
font-size: 20px;
}

.art-postcontent .art-content-layout.privacy > h3:first-of-type{
margin-top: 0;
}

.privacy p span{
display: inline-block;
font-weight: bold;
margin: 10px 0 0
}

.privacy p span:first-of-type{
margin: 0
}



/* sitemap */

.sitemap ul{
display: block;
margin: 0 auto;
}

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

.sitemap ul li:last-of-type{
margin-bottom: 0;
}

.sitemap ul li a{
font-size: inherit;
}

.sitemap ul li img{
display: inline-block;
vertical-align: middle;
margin: 0 0.4em 0 0;
}



@media (max-width: 870px){

	.sub_head{
	height: 80px;
	}

	.sub_head span{
	font-size: 24px;
	}



	/* index */

	.top_greet > div{
	display: block;
	}

	.greet-image{
	width: 100%;
	margin: 0 auto 10px;
	}

	.greet-image img{
	width: 90%;
	margin: 0 auto;
	}

	.greet-text{
	width: 100%;
	font-size: 18px;
	line-height: normal;
	}


	.fb-wrapper{
	display: block;
	}

	.fb-wrapper .fb-container{
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	}

	.fb-wrapper p{
	width: 100%;
	margin: 20px auto 0;
	line-height: normal;
	}

	.fb-wrapper p span{
	line-height: normal;
	}

	.fb-wrapper p a{
	padding: 10px 1em;
	}


	.top_symptom > div{
	display: block;
	}

	.symptom-layout,
	.symptom-layout:nth-of-type(3n),
	.symptom-layout:nth-of-type(n+3){
	display: block;
	width: 100%;
	margin: 0 auto;
	}

	.symptom-layout:nth-of-type(n+2){
	margin-top: 30px;
	}


	.top_contact p{
	width: 100%;
	display: block !important;
	padding: 10px;
	}

	.top_contact p a{
	font-size: 24px !important;
	}


	.top_acccess iframe{
	display: bock;
	width: 100%;
	height: 320px;
	}



	/* conference */

	.conf_intro div{
	justify-content: flex-start;
	}

	.conf_intro div a{
	width: 49%;
	margin: 0 2% 0 0;
	}

	.conf_intro div a:nth-of-type(2n){
	margin-right: 0;
	}

	.conf_intro div a:nth-of-type(n+3){
	margin-top: 20px;
	}


	.conf_symptom > div{
	display: block;
	}

	.conf_symptom > div span{
	display: block;
	width: 100%;
	margin: 0 auto 10px;
	}

	.conf_symptom > div span img{
	width: 90%;
	margin: 0 auto;
	}

	.conf_symptom > div p{
	width: 100%;
	}


	.conf_contact p{
	width: 100%;
	display: block !important;
	padding: 10px;
	}

	.conf_contact p a{
	font-size: 24px !important;
	}



	/* medicine */

	.medi_differ > p{
	margin: 0 auto 20px;
	line-height: normal;
	}

	.medi_differ .differ_image{
	width: 100%;
	}

	.medi_differ .differ_image div{
	width: 49%;
	}


	.medi_list > p{
	margin: 0 auto 20px;
	}

	.medi_list > div{
	display: block;
	}

	.medi_list > div div{
	width: 100%;
	margin: 0 auto 20px;
	}

	.medi_list > div div:last-of-type{
	margin: 0 auto;
	}



	/* shop */

	.shop_intro p{
	line-height: normal;
	}


	.shop_info table{
	width: 100%;
	border: none;
	margin: 0 auto 50px;
	}

	.shop_info table th{
	display: block;
	width: 100%;
	padding: 20px 10px 10px;
	border: none;
	}

	.shop_info table td{
	display: block;
	width: 100%;
	padding: 0 10px 20px;
	}


	.shop_info > div{
	display: -webki-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	}

	.shop_info > div span{
	display: block;
	width: 32%;
	}

	.shop_info > div span img{
	display: block;
	width: 100%;
	margin: 0;
	border-radius: 10px;
	}


	.shop_acccess iframe{
	display: bock;
	width: 100%;
	height: 480px;
	}



	/* contact */

	p.contact_intro{
	line-height: normal;
	}

	.contact p.contact_tel{
	font-size: 32px;
	}

	.contact p.contact_tel span{
	font-size: inherit;
	}

	.contact p.contact_tel a{
	font-size: inherit;
	font-weight: bold;
	color: #00A73C !important;
	}

	.contact p.contact_tel a img{
	display: inline-block;
	font-size: inherit;
	height: 1em;
	vertical-align: middle;
	margin: 0 0.4em 0 0;
	}

	.contact > span img{
	display: block;
	width: 120%;
	margin: 0 auto 0 -20%;
	}



	/* privacy */

	.art-postcontent .art-content-layout.privacy > h3{
	margin: 50px auto 10px;
	color: #512E01;
	font-size: 20px;
	}

	.art-postcontent .art-content-layout.privacy > h3:first-of-type{
	margin-top: 0;
	}

	.privacy p span{
	display: inline-block;
	font-weight: bold;
	margin: 10px 0 0
	}

	.privacy p span:first-of-type{
	margin: 0
	}



	/* sitemap */

	.sitemap ul{
	display: block;
	margin: 0 auto;
	}

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

	.sitemap ul li:last-of-type{
	margin-bottom: 0;
	}

	.sitemap ul li a{
	font-size: inherit;
	}

	.sitemap ul li img{
	display: inline-block;
	vertical-align: middle;
	margin: 0 0.4em 0 0;
	}

}