@charset "utf-8";
/* CSS Document */

/*----------------ヘッダー---------------*/
header #head_top{
	padding:1em 4em 0.5em;
}
header #head_top .pull-left{
	width:50%;
}
header #head_top .pull-right{
	width:50%;
}
header #head_top .pull-right .pull-left_inner{
	width: 29%;
	margin-left:2em;
}
header #head_top .pull-right .pull-right_inner{
    width: 30%;
}
p.mail_icon img{
    margin-right: 0.8em;
}
p.top_icon img{
    margin-right: 0.8em;
}
header .head_fix .pull-left .head_logo img{
    margin-right: 1.5em;
}
/*ヘッダーの固定*/
header .head_fix{
  height: 89px;
}
.head_fix .fixbar {
  position: absolute;
  width: 100%;
  background-color: #fff;
  z-index: 1;
  padding:1em 4em;
}
.fixed .fixbar {
  position: fixed;
  top: 0px;
  left:0;
  z-index: 3;
}

/*メインビジュアル*/
.cover {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
}
.centerBox {
	position: absolute;
    left: 0;
    right: 0;
    bottom:8.5em;
    margin: 0 auto;
    text-align: center;
}
.section3 { 
	height: 41.4em;
	background: url(../images/main.jpg) center -10em no-repeat;
	background-size: cover;
}
.centerBox h1{
	line-height:2.4em;
	color: #fff;
-moz-text-shadow: 2px 3px 3px rgba(0, 0, 0, 1);
-webkit-text-shadow: 2px 3px 3px rgba(0, 0, 0, 1);
-ms-text-shadow: 2px 3px 3px rgba(0, 0, 0, 1);
text-shadow: 2px 3px 3px rgba(0, 0, 0, 1);
}
/*link*/
.index_uline article.post .entry-content a:link,.index_uline article.post .entry-content a:hover,.index_uline article.post .entry-content a:visited,.index_uline li a:link,.index_uline li a:hover,.index_uline li a:visited{
	text-decoration: underline;
	color: #023c7b;
}

/*--------------コンテンツ---------------*/
/*3c*/
#index_3c_area .row{
	margin-left:0;
	margin-right:0;
}
#index_3c_area .row .col-sm-4{
	padding-left:0;
	padding-right:0;
	width:33.1%;
}
#index_3c_area .row .col-sm-4 img{
	width:100%;
}
#index_3c_area .index_3c_box{
	background-color:#efebe7;
	padding:1em 6em;
}
#index_3c_area .index_3c_box h3{
	margin-bottom:0.5em;
	border-bottom:1px solid #999;
	padding-bottom:0.5em;
}
#index_3c_area .index_3c_box h3.index_3c_e_bono{
	margin-bottom:0em;
	border-bottom:none;
	padding-bottom:0;
}
#index_3c_area a:hover img{
	opacity:0.8;
	background-color:#fff;
}

/*diseasedata*/
#index_diseasedata_area{
	min-height: 46.8vh;
	background: url(../images/index_04.jpg) center no-repeat;
	background-size:cover;
	padding:4em 0;
}
#index_diseasedata_area .pull-right{
	width:60%;
}
#index_diseasedata_area .pull-right ul li{
	background:url(../images/index_icon01.png) no-repeat;
	padding-left:3em;
}
/*news*/
#index_news_area{
	background: url(../images/index_06.jpg) center no-repeat;
	background-size: cover;
	padding: 4em 0;
}
li.perf_txt_index h2 a{
	background: url(../images/index_icon03.jpg) left no-repeat;
	height: 18px;
	padding-left: 2em;
    display:inline-block;
}
/*news投稿使わない*/
ul.index_news_manual li{
	background: url(../images/index_icon03.jpg) left no-repeat;
	padding-left: 2em;
}
/*news投稿使わないEND*/

/*results*/
#index_results_area{
	background: url(../images/index_08.jpg) center no-repeat;
	background-size: cover;
	padding: 4em 0;
}
li.perf_txt{
	border-bottom: 1px dashed #444;
	padding-bottom: 20px;
}
li.perf_txt_index h2,li.perf_txt h2{
	font-size: 1em;
}
li.perf_txt a:link,li.perf_txt a:visited{
	color: #333;
}

li.perf_txt .entry-content p{
    min-height: 52px;
}
li.perf_txt .entry-content a.more-link{
    border-radius: 5px;
    background-color: #b9b7b5;
    margin: 0 auto;
    display: block;
    width: 25%;
    text-align: center;
    padding: 1em 0;
/* box-shadow */
box-shadow:0px -5px 0px 0px #7a7774 inset;
-moz-box-shadow:0px -5px 0px 0px #7a7774 inset;
-webkit-box-shadow:0px -5px 0px 0px #7a7774 inset;
}
/*gallery*/
#index_gallery_area{
	background: url(../images/index_07.jpg) center no-repeat;
	background-size: cover;
	padding: 4em 0;
}
.thumb_cus{
	border:1px solid #999;
	padding: 0.5em;
	background-color: #fff;
}
#index_gallery_area hr{
	border-top:1px dashed #333;
	border-bottom: none;
}
.single_image1 {
    max-height: 161px;
    overflow: hidden;
    margin: auto;
}
/*access map*/
#index_map_area{
	min-height: 28vh;
	background: url(../images/index_05.jpg) center no-repeat;
	background-size: cover;
	padding:4em 0;
	color:#FFF;
}
#index_map_area .cont_btn01-1{
	margin:0 auto;
	width:25%;
}
.google-maps {
position: relative;
padding-bottom: 20%;
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
/*全ページ共通お問い合わせ*/
#page_contact_area {
	background-color:#efebe8;
	padding:3em 0;
	
	/* box-shadow */
box-shadow:0px 10px 15px -8px #786f68 inset;
-moz-box-shadow:0px 10px 15px -8px #786f68 inset;
-webkit-box-shadow:0px 10px 15px -8px #786f68 inset;
}
#page_contact_area .pull-left,#page_contact_area .pull-right{
	width:50%;
}
#page_contact_area .contact_mail_icon{
	background:url(../images/mail_icon.png) no-repeat left;
	padding-left:2em;
}
#page_contact_area .contact_tel_icon{
	background:url(../images/tel_icon.png) no-repeat left;
	padding-left:2em;
}
#page_contact_area a:link,#page_contact_area a:active,#page_contact_area a:visited{
	color:#333;
}
#page_contact_area img{
	padding-right:1em;
}

/* Footer
---------------------------------*/
footer ul{
	text-align:center;
}
footer ul li{
	font-size: 90%;
}
footer ul.foo_li_bo{
	border-right:1px solid #999;
}
footer .foo_copy_wrap{
	border-top:1px solid #999;
	padding:2.5em 0;
	text-align:center;
}
footer .foo_copy_wrap small{
	
}

/*見出し&ボタン
---------------------------------*/
.cont_btn01,.cont_btn01-1{
	border-radius:5px;
}
.cont_btn01{
	border:1px solid #000;
}
.cont_btn01-1{
	border:1px solid #fff;
	width:40%;
}
.cont_btn01 a,.cont_btn01-1 a{
	display:block;
	padding:1em;
}
.cont_btn01 a:link,.cont_btn01 a:hover,.cont_btn01 a:active,.cont_btn01 a:visited{
	color:#111;
}
.cont_btn01-1 a:link,.cont_btn01-1 a:hover,.cont_btn01-1 a:active,.cont_btn01-1 a:visited{
	color: #fff;
}
.cont_btn01 a:visited,.cont_btn01-1 a:visited{
	text-decoration:none;
}
.cont_btn02{
	border-radius: 5px;
	/* box-shadow */
	background-color: #9D2631;
box-shadow:0px -5px 0px 0px #750f19 inset;
-moz-box-shadow:0px -5px 0px 0px #750f19 inset;
-webkit-box-shadow:0px -5px 0px 0px #750f19 inset;
width: 40%;
padding: 1em 2em;
}
.cont_btn02 a:link,.cont_btn02 a:hover,.cont_btn02 a:active,.cont_btn02 a:visited{
	color: #fff;
}
#recruit_02 a.cont_btn02{
	display: block;
	margin: 0 auto;
}
#recruit_02 a.cont_btn02:link,#recruit_02 a.cont_btn02:visited{
	color: #fff;
}

/*--------ページトップ戻る--------*/
#page-top a {
    width:60px;
    display: block;
}
#page-top {
    position: fixed;
    bottom: 10%;
    right:2%;
    z-index: 1;
}

/* 幅1300px以上1500px以下pc
------------------------------------------------------------*/
@media screen and (min-width: 1330px) and (max-width: 1439px){
	/*コンテンツ*/
	#index_3c_area .row .col-sm-4{
	width:33.08%;
}
}
/* 幅1200px以上1330px以下pc
------------------------------------------------------------*/
@media screen and (min-width: 1200px) and (max-width: 1329px){
	/*header*/
	.head_fix .fixbar .pull-left{
	width: 25%;
	}
	/*コンテンツ*/
	#index_3c_area .row .col-sm-4{
	width:33.05% !important;
	}
}
/* 幅992px以上1200px以下pc
------------------------------------------------------------*/
@media screen and (min-width: 992px) and (max-width: 1199px){
	/*コンテンツ*/
	#index_3c_area .row .col-sm-4{
	width:33% !important;
}
}
/* 幅992px以上1025px以下pc
------------------------------------------------------------*/
@media screen and (min-width: 992px) and (max-width: 1024px){
.section3 { 
	height: 28.4em;
}
.centerBox {
	bottom: 4.5em;
}
.centerBox h1{
	font-size: 200%;
}
}
/* 幅769px以上1025px以下pc
------------------------------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 1024px){
}
/* 幅768px以上991px以下タブレット
------------------------------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 991px){
/*メインビジュアル*/
.section3 {
	background-position:center -6em;
    height:23em;
}
.centerBox h1 img{
	width: 63%;
}
.centerBox {
	margin: 0 auto 0 auto;
	bottom: 4.5em;
}
.centerBox h1{
	font-size:150%;
}
/*コンテンツ*/
#index_3c_area .row .col-sm-4{
	width:32.8% !important;
}
}
/* 幅768px以上pc
------------------------------------------------------------*/
@media (min-width: 768px){
/*footer*/
footer ul{
	padding: 1em 0;
}
footer ul li{
	background:url(../images/index_icon02.gif) no-repeat left;
	text-align: left;
    padding-left: 1.5em;
    margin-bottom: 20px;
}
}
/* 幅992px以上pc
------------------------------------------------------------*/
@media (min-width: 992px){
}
/* 幅1025px以上pc
------------------------------------------------------------*/
@media (min-width: 1025px){
/*メインビジュアル*/
.section3,#index_diseasedata_area,#index_news_area,#index_results_area,#index_gallery_area,#index_map_area {
	background-attachment:fixed;
}
}
/* 幅1300px以上pc
------------------------------------------------------------*/
@media (min-width: 1300px){
.centerBox h1{
font-size:240%;
}
}
/* 幅1200px以上pc
------------------------------------------------------------*/
@media (min-width: 1200px){
}
/* 幅1200px以下
------------------------------------------------------------*/
@media only screen and (max-width: 1198px){
	.head_fix .pull-right{
		width: 100%;
	}
}
/* 幅1024px以下タブレット
------------------------------------------------------------*/
@media (max-width: 1024px) {
header #head_top .pull-right .pull-right_inner {
    width: 26%;
}
}

/* 幅991px以下タブレット
------------------------------------------------------------*/
@media (max-width: 991px) {
/*ヘッダー*/
header #head_top {
padding: 1em 1em 0.5em 1em;
}
header #head_top .pull-right .pull-left_inner {
    margin-left: 1em;
}
/*コンテンツ*/
#index_3c_area .index_3c_box {
    padding: 1em 1.5em;
}
	.cont_btn01,.cont_btn01-1 {
    width: 100% !important;
}
#index_diseasedata_area {
    background-position:29% 0;
}
#index_diseasedata_area .pull-right{
	text-shadow: 1px 1px 1px #fff,
    -1px 1px 1px #fff,
    1px -1px 1px #fff,
    -1px -1px 1px #fff;
    width: 100%;
}
}
/* 幅767px以下スマホ
------------------------------------------------------------*/
@media screen and (max-width : 767px) {
/*全体*/
img{
	margin:0 auto;
}
/*見出し*/
h3.f10{
	font-size: 180%;
}
h4.f7{
	font-size: 140%;
}
/*ヘッダー*/
header #head_top {
padding: 1em 0.5em 0.5em 0.5em;
}
header #head_top .pull-left{
	width:100%;
	text-align:center;
}
header #head_top .pull-left strong{
	font-size: 80%;
}
.head_fix .fixbar{
    padding: 0em 1em;
}
.head_fix .fixbar .pull-right{
	float: none !important;
}
header .head_fix {
    height: 61px;
}
.slicknav_menu .col-xs-10,.slicknav_menu .col-xs-2{
	padding-left: 5px;
	padding-right: 5px;
}
/*メインビジュアル*/
.section3 {
height:32em;
background:url(../images/main_sp.jpg) no-repeat center -12em;
}
.centerBox {
margin: 0 auto 0 auto;
bottom: 5.8em;
}
.centerBox h1{
	font-size:170%;
	line-height: 2.6em;
}
/*コンテンツ*/
#index_3c_area .row .col-sm-4 {
	width:100%;
}

.mrg_l_00{
	margin-left:0 !important;
}
/*news*/
li.perf_txt{
	padding-bottom: 20px;
}
li.perf_txt_index .entry-title,li.perf_txt .entry-title,.works_box a{
	font-size: 90%;
}
/*diseasedata*/
#index_diseasedata_area{
	background-position:15% 0;
	min-height:100.8vh;
}
#index_diseasedata_area .pull-right{
	width:100%;
	text-align:center;
}
/*access map*/
.google-maps {
    padding-bottom: 60%;
}
#index_map_area {
    min-height: 55vh;
}
/*footer*/
.foo_place_box p{
	text-align:center;
}
}

/* 幅479px以下スマホ
------------------------------------------------------------*/
@media only screen and (max-width: 479px){
/*メインビジュアル*/
.section3 {
height:19.5em;
background-position:center 0em;
background-size: cover;
}
.centerBox {
margin: 0 auto 0 auto;
bottom: 2.7em;
}
.centerBox h1{
	font-size:97%;
	line-height: 3em;
}

/*recruit*/
#index_diseasedata_area{
	min-height:56.2vh;
}
#index_diseasedata_area .pull-right ul{
	display: inline-block;
}
#index_diseasedata_area .pull-right ul li{
	text-align: left;
}
/*access map*/
#index_map_area {
    min-height: 31vh;
}
/**/
li.perf_txt .entry-content a{
	width: 100% !important;
}
#index_news_area,#index_results_area{
	padding: 2em 0;
}
/*ボタン、見出し類*/
#recruit_02 a.cont_btn02{
	width: 100%;
}
/*--------footer--------*/
footer .col-sm-7,footer .col-sm-4{
	padding-right: 0;
	padding-left: 0;
}
footer .col-sm-7 .row{
	margin-left: 0;
	margin-right: 0;
}
footer .col-sm-7 ul li{
	float: left;
	width: 50%;
	border-bottom: 1px solid #999;
	padding: 0.8em 0;
}
footer .col-sm-7 ul li.li_sp_bo_t{
	border-top: 1px solid #999;
}
footer .col-sm-7 ul li.li_sp_bo_l{
	border-left: 1px solid #999;
}
footer .col-sm-7 ul li.li_sp_bo_r{
	border-right: 1px solid #999;
}
footer .foo_copy_wrap{
	border-top: none;
}
}