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


.whsc_s_title{    
	background-image: url(/img/57fb4cded1496.png);
    width: 33.3333%;
    height: 100%;
    background-color: #f7a0a1;
    background-size: 70%;
    float: left;
    background-position: 120% 110%;
    background-repeat: no-repeat;
}
.whsc_s_title h1{
	color: #FFF;
    font-size: 2.5vw;
    padding-top: 3vh;
    padding-left: 2.5vw;
    font-weight: normal;
}
.whsc_s_ru{
	width: 66.1%;
    height: 100%;
    float: right;
    position: absolute;
    right: 0;
}
.cr_banner_box,.cl_banner_box{
	width: 100%;
	height: 100%;	
}
.cr_banner_box a,.cl_banner_box a{
    height: 100%;
    width: 100%;
}
.cr_banner_box img,.cl_banner_box img{ 
	width:100%; 
	height:100%;
}
.whsc_s_ld{
	width: 66.1%;
	height: 100%;
    float: left;
    position: absolute;
    left: 0;
}
.whsc_s_ld_l{
	width: 50.4%;
	height: 100%;
	background-color: #f7a0a1;
	position: absolute;
    left: 0;
}
.whsc_s_ld_l h2{
	color: #FFF;
    font-size: 2vw;
    padding-top: 3vh;
    padding-left: 2.5vw;
    font-weight: normal;
}
.whsc_s_ld_l a{
	display: block;
	width: 100%;
	height: 100%;
	background-size: 60%;
    background-position: 13vw 4vh;
	background-image: url(/img/shuji.png);
    background-repeat: no-repeat;
}
.whsc_s_ld_l a:hover{
	background-color: #ef6767;
	text-decoration:none;
}
.whsc_s_ld_c{
	width: 48.8%;
	height: 100%;
	background-color: #e6c4aa;
	position: absolute;
    right: 0;
}
.whsc_s_ld_c h2{
	color: #FFF;
	float: right;
    font-size: 2vw;
    padding-top: 3vh;
    padding-right: 2.5vw;
    font-weight: normal;
}
.whsc_s_ld_c a{
	display: block;
	width: 100%;
	height: 100%;
	background-size: 80%;
    background-position: 0% 100%;
	background-image: url(/img/0.png);
    background-repeat: no-repeat;
}
.whsc_s_ld_c a:hover{
	background-color: #f9c095;
}
.whsc_s_rd{
	width: 33.3%;
	height: 100%;
    float: right;
	background-color:#FFF;
}
.whsc_s_rd a{
	display:block;
	width:100%;
	height:100%;
}
.whsc_s_rd a:hover{
	background-color:#fef8ea;
}
.whsc_s_rd_lu{
	width: 49.2%;
    height: 100%;
    background-color: #f7a0a1;
    float: left;
    background-position: 0% 100%;
	background-image: url(/img/1.png);
    background-repeat: no-repeat;
}

.whsc_s_rd_lu h2{
	color: #FFF;
    font-size: 1.5vw;
    padding-top: 1.5vh;
    padding-left: 1.5vw;
    padding-right: 2.5vw;
    font-weight: normal;
    float: right;
}

.whsc_s_rd_ru{
	width: 49.3%;
    height: 100%;
    background-color: #e5c4aa;
    float: right;
    background-position: 100% 0%;
	background-image: url(/img/2.png);
    background-repeat: no-repeat;
}

.whsc_s_rd_ru h2{
	color: #FFF;
    font-size: 1.5vw;
    padding-top: 1.5vh;
    padding-left: 1.5vw;
    padding-right: 2.5vw;
    font-weight: normal;
}
/*.whsc_s_rd_ru a.btn:after {
    content: "";
    position: absolute;
    width: 37%;
    height: 37%;
    bottom: 30px;
    right: 20px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    -o-transition: all .20s linear;
    -webkit-transition: all .20s linear;
    -moz-transition: all .20s linear;
    transition: all .20s linear;
}*/
.whsc_s_rd_ld{
	width: 49.2%;
    height: 100%;
    background-color: #a28181;
    float: left;
	background-size: 80%;
    background-position: 100% 100%;
	background-image: url(/img/3.png);
    background-repeat: no-repeat;
}

.whsc_s_rd_ld h2{
	color: #FFF;
    font-size: 1.5vw;
    padding-top: 1.5vh;
    padding-left: 1.5vw;
    padding-right: 2.5vw;
    font-weight: normal;
}
.whsc_s_rd_rd{
	width: 49.3%;
    height: 100%;
    background-color: #a28181;
    float: right;
	background-size: 80%;
    background-position: -1vw  5vh; 
	background-image: url(/img/4-1.png);
    background-repeat: no-repeat;
}

.whsc_s_rd_rd h2{
	color: #FFF;
    font-size: 1.5vw;
    padding-top: 1.5vh;
    padding-left: 1.5vw;
    padding-right: 2.5vw;
    font-weight: normal;
    float: right;
}