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

/*.medicalcare{
	background-image:url(../images/madical/medical_wrap.jpg);
	background-repeat:repeat-y;
	background-size:cover;

}*/
.medicalbox01{
	background-image:url(../images/madical/medical_bg01.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	height:100vh;
		padding-top:8%;

}
.medicalbox01_center{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  flex-flow: column;
 -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  	padding-top:4%;
  	width:50%;
	height:50vh;
	margin:8% auto 0;
}
.medical_moji{
  display:block;
  position:absolute;
  margin:80px auto 20px;
  width: 100%;
  height: 80px;
  font-size: 39px;
  font-weight: bold;
  color: #ffffff;
  text-shadow: 2px 2px 3px #143359;
  text-align:center;
  letter-spacing:0px;
}
.medical_text01 {
	width:100%;
	font-size: 118%;
	color: #ffffff;
	margin-bottom:0%;
	letter-spacing:0px;
}
.medi_container{
	width: 100%;
	max-width: 1000px;
	position: relative;
	top: 30px;
	margin: 0 auto;
}
.medical_introduce, .request_inform {
	width: 1050px;
}

.medical_introduce p{
	width: 920px;
	margin:0 auto;
	font-size: 115%;
}
.medical_contents {
	width: 1050px;
}
.medical_contents img {
	margin:50px auto;
}
.medical_contents .title{
	margin:0 auto;
}
.jis img{
	width:1050px;
	margin:0px auto 50px;
}
.medi_contact {
	display:block;
	width: 1050px;
	height:300px;
	padding:0px 20px 20px;
	text-align: center;
	vertical-align:middle;
	margin: 0px auto -5%;
	font-size: 110%;
}
.medi_contact a img{
	margin:0px auto 0px;
	width:700px;
}
.medi_contact strong{
	font-size: 110%;
	line-height:250%;
	color:red;
}
/*ノートPC*/
@media only screen and (min-width:1025px) and (max-width: 1366px){
.container_medi {
	width: 100%;
	position: relative;
	top: 0;
	margin: 0 auto;
	overflow:hidden;
}
.medicalbox01{
	background-image:url(../images/madical/medical_bg01sp.jpg);
	background-repeat:no-repeat;
	background-position: center;
	width:100%;
	height:1000px;
	padding-top:10%;
	margin:0 auto;
}
.medicalbox01_center{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  flex-flow: column;
 -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  	padding-top:30%;
  	width:80%;
	height:auto;
	margin:8% auto 0;
	
}
.medi_contact {
	display:block;
	width: 90%;
	height:350px;
	padding:0px 20px 20px;
	text-align: center;
	vertical-align:middle;
	margin: 0px auto -5%;
	font-size: 100%;
	  line-height:130%;

}
.medi_contact_title{
	text-align: center;
	font-weight: bold;
  font-size: 120%;
  letter-spacing: 2px;
  line-height:110%;
  margin-bottom: 10px;
}
.medi_contact a img{
	margin:0px auto 0px;
	width:100%;
}

}
/*タブレット*/
@media only screen and (min-width:769px) and (max-width:1024px){
.container_medi {
	width:1400px;
	position: relative;
	top: 0;
	margin: 0 auto;
	overflow:hidden;
}

.medicalbox01{
	background-image:url(../images/madical/medical_bg01.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	height:660px;
		padding-top:8%;

}
.medicalbox01_center{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  flex-flow: column;
 -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  	padding-top:4%;
  	width:50%;
	height:50vh;
	margin:8% auto 0;
}
.medical_moji{
  display:block;
  position:absolute;
  margin:80px auto 20px;
  width:95%;
  height: 80px;
  font-size: 38px;
  text-shadow: 2px 2px 3px #143359;
  text-align:center;
  letter-spacing:0px;
}
.medical_text01 {
	width:100%;
	font-size: 116%;
	color: #ffffff;
	margin-bottom:0%;
	letter-spacing:0px;
		  	padding-top:20px;

}

.medi_container{
	width: 95%;
	position: relative;
	top: 0px;
	margin: 0 auto;
	text-align:center;
	padding-top:10px;

}
.medical_introduce, .request_inform {
	width: 100%;
}

.medical_introduce p{
	width: 100%;
	margin:0 auto;
	font-size: 115%;
}
.medical_contents {
	width: 100%;
}
.medical_contents img {
	margin:10px auto;
	
}
.medical_contents .title{
	margin:0 auto;
}
.jis img{
	width: 95%;
	margin:0px auto 50px;
}
.medi_contact {
	display:block;
	width: 90%;
	height:450px;
	padding:0px 20px 20px;
	text-align: center;
	vertical-align:middle;
	margin: 50px auto -5%;
	font-size: 100%;
	  line-height:130%;

}
.medi_contact_title{
	text-align: center;
	font-weight: bold;
  font-size: 120%;
  letter-spacing: 2px;
  line-height:110%;
  margin-bottom: 10px;
}
.medi_contact a img{
	margin:0px auto 0px;
	width:80%;
}

}
/* スマホ対応*/
@media only screen and (min-width:361px) and (max-width:768px) {
.container_medi {
	width: 100%;
	position: relative;
	top: 0;
	margin: 0 auto;
	overflow:hidden ;
}

.medicalbox01{
	background-image:url(../images/madical/medical_bg01sp.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% auto;
	width:100%;
	height:1000px;
	padding-top:10%;
	margin:0 auto;
}
.medicalbox01_center{
  	padding-top:180px;
  	width:80%;
	height:80vh;
	margin:0 auto 0;
	
}
.medical_moji{
  display:block;
  position:absolute;
  margin:50px auto 20px;
  width:95%;
  height: 80px;
  font-size: 160%;
  text-shadow: 2px 2px 3px #143359;
  text-align:center;
  letter-spacing:0px;
}
.medical_text01 {
	width:100%;
	font-size: 110%;
	color: #ffffff;
	margin-bottom:0%;
	letter-spacing:0px;
		  	padding-top:20px;

}

.medi_container{
	width: 95%;
	position: relative;
	top: 0px;
	margin: 0 auto;
	text-align:center;
	padding-top:10px;
}
.medical_introduce, .request_inform {
	width: 100%;
}
.medical_introduce img{
	width: 100%;

}
.medical_introduce p{
	width: 100%;
	margin:0 auto;
	font-size: 115%;
}
.medical_contents {
	width: 100%;
}
.medical_contents img {
	margin:10px auto;
	width:95%;
}
.medical_contents .title{
	margin:0 auto;
}
.jis img{
	width: 95%;
	margin:0px auto 50px;
}
.medi_contact {
	display:block;
	width: 90%;
	height:500px;
	padding:0px 0px 0px;
	text-align: center;
	vertical-align:middle;
	margin: 0px auto -5%;
	font-size: 100%;
	  line-height:130%;

}
.medi_contact_title{
	text-align: center;
	font-weight: bold;
  font-size: 120%;
  letter-spacing: 2px;
  line-height:110%;
  margin-bottom: 10px;
}
.medi_contact a img{
	margin:5px auto;
	width:100%;
}
.container_medi .medi_container .medi_contact .tel img{
	margin:0px auto 0px;
	width:90%;
}

}
@media only screen and (max-width: 360px) {
.container_medi {
	width: 100%;
	position: relative;
	top: 0;
	margin: 0 auto;
	overflow:hidden;
}
.medicalbox01{
	background-image:url(../images/madical/medical_bg01sp.jpg);
	background-repeat:no-repeat;
	background-position: top center;
	background-size: 100% auto;
	width:100%;
	height:900px;
	padding-top:10%;
	margin:0 auto;
}
.medicalbox01_center{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  flex-flow: column;
 -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  	padding-top:30%;
  	width:80%;
	height:auto;
	margin:8% auto 0;
	
}
.medical_moji{
  display:block;
  position:absolute;
  margin:50px auto 20px;
  width:95%;
  height: 80px;
  font-size: 160%;
  text-shadow: 2px 2px 3px #143359;
  text-align:center;
  letter-spacing:0px;
}
.medical_text01 {
	width:100%;
	font-size: 110%;
	color: #ffffff;
	margin-bottom:0%;
	letter-spacing:0px;
		  	padding-top:20px;

}

.medi_container{
	width: 95%;
	position: relative;
	top: 0px;
	margin: 0 auto;
	text-align:center;

}
.medical_introduce, .request_inform {
	width: 100%;
}

.medical_introduce p{
	width: 100%;
	margin:0 auto;
	font-size: 115%;
}
.medical_contents {
	width: 100%;
}
.medical_contents img {
	margin:10px auto;
	
}
.medical_contents .title{
	margin:0 auto;
}
.jis img{
	width: 95%;
	margin:0px auto 50px;
}
.medi_contact {
	display:block;
	width: 90%;
	height:350px;
	padding:0px 20px 20px;
	text-align: center;
	vertical-align:middle;
	margin: 0px auto -5%;
	font-size: 100%;
	  line-height:130%;

}
.medi_contact_title{
	text-align: center;
	font-weight: bold;
  font-size: 120%;
  letter-spacing: 2px;
  line-height:110%;
  margin-bottom: 10px;
}
.medi_contact a img{
	margin:0px auto 0px;
	width:100%;
}
}