@charset "utf-8";

@import "contents.css";
@import "common_parts.css";


#header{
  background: url("../../img/common/header_mask.png") repeat-x,url("../../medical/img/common/bg_title.jpg") no-repeat center;
	-moz-background-size: auto, auto, auto, 100%;
	-webkit-background-size: auto, auto, auto, 100%;
	background-size: auto, auto, auto, 100%;
}
#header:before {
    content: '';
    background: url('../../medical/img/common/bg_title.jpg') bottom;
	-webkit-background-size: 120% auto;
	-moz-background-size: 120% auto;
	-o-background-size: 120% auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: blur(25px);
    z-index: -1;
}

@media screen and (max-width: 979px) {
/*tablet*/
}

@media screen and (max-width: 768px){
/*smart phone*/
}


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

.page_contents_top .title_box .image{
	position:absolute;
	top:0px;
    left: auto;
	right: 0;
	width:320px;
	height:400px;
	z-index:10;
}
.page_contents_top .title_box .image img{
	width:320px;
	height:auto;
}
.page_contents_top .title_box .textArea{
    width: 80%;
    padding: 0 50px 30px 30px;
}
@media screen and (max-width: 979px) {
/*tablet*/
    .page_contents_top .title_box .image{
        width:30%;
        height:auto;
        z-index:10;
    }
    .page_contents_top .title_box .image img{
        width:100%;
        height:auto;
    }
}

@media screen and (max-width: 768px){
/*smart phone*/
    .page_contents_top .title_box .textArea{
        width: 96%;
    }
}

/*page_referral
************************************************************************************/

.page_referral .box-info{
	border: 2px solid #1b3fb5;
	padding: 20px;
	margin: 0 0 30px;
	color: #1b3fb5;
}
.page_referral .box-info p{
	padding-bottom: 15px;
}
.page_referral .box-info .ttl{
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	padding: 0 0 10px;
}
.page_referral .box-info .sttl{
	font-size: 21px;
	font-weight: bold;
	text-align: center;
	padding: 0 0 20px;
}
.page_referral .box-info .cmt{
	font-size: 21px;
	font-weight: bold;
	padding: 0 0 20px;
}
.page_referral .box-info .cmt span{
	font-size: 26px;
	color: #FF0004;
}
.page_referral .box-info .cmt a{
	color: #FF0004;
}

@media screen and (max-width: 979px){
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 620px){
}
@media screen and (max-width: 480px){
}