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


@media only screen and (min-width: 768px) {

	img {
		vertical-align: bottom;
	}

	header {
		height:95px;
		background:#fff;
	}

	.wrap {
		width:1000px;
		margin:0 auto;
	}

	.pst_r {
		position:relative;
	}

	.h_lobo {
		float:left;
	}

	.h_lobo img {
		float:left;
		margin:20px 20px 0 0;
	}

	.h_lobo p {
		display:block;
		float:left;
		font-size:11px;
		margin-top:40px;
	}

	.h_btn {
		display:block;
		position:absolute;
		top:20px;
		right:0;
	}

	#section1 {
		background-color:#f6f6f6;
		background-image: url(../images/s1_bg.png);
		height:938px;
		background-size: 997px 910px;
		background-position:bottom center;
		background-repeat:no-repeat;
	}

	.s2_1 {
		background-color:#ffe5ea;
		height:425px;
		width:100%;
	}
	.s2_2 {
		background-color:#fcf8da;
		height:425px;
		width:100%;
	}
	.s2_3 {
		background-color:#fcebda;
		height:425px;
		width:100%;
	}

	.s2_l {
		width:50%;
		float:left;
		height:100%;
		min-width:500px;
		overflow:hidden;
	}
	.s2_r {
		width:50%;
		float:right;
		height:100%;
		min-width:500px;
		overflow:hidden;
	}

	.s2_l .s2img {
		width:100%;
	}
	.s2_r .s2img {
		width:100%;
	}

	.s2_l .s2txt {
		width:458px;
		float:right;
		margin:80px 40px 0 0;
	}
	.s2_l .s2txt2 {
		width:458px;
		float:right;
	}
	.s2_r .s2txt {
		width:458px;
		margin:80px 0 0 40px;
	}
	.s2_r .s2txt2 {
		width:458px;
		margin:50px 0 0 40px;
	}


	#section3 {
		background-image: url(../images/s3_bg.png);
		height:1020px;
		background-position:bottom;
		background-repeat:repeat;
		padding:40px 0;
	}

	#section4 {
		background-image: url(../images/s4_bg.gif);
		height:368px;
		background-position:bottom;
		background-repeat:repeat;
	}

	.s4_bg {
		background-image: url(../images/s4_main.png);
		height:368px;
		background-position:center;
	}

	.s4_btn_area {
		margin:0 auto;
		padding-top:260px;
		width:714px;
		height:80px;
	}

	#section5 {
		background-image: url(../images/s5_bg.gif);
		background-repeat:repeat;
	}

	.s5_area {
		width:986px;
		margin:0 auto;
		position:relative;
	}

	.s5_baby {
		position:absolute;
		top:0;
		right:0;
	}

	#section6 {
		background-image: url(../images/s6_bg.gif);
		background-color:#f2ebe4;
		background-position:bottom;
		background-size:100% auto;
		background-repeat: no-repeat;
		padding:80px 0;
	}

	.s6_area2 {
		background-image: url(../images/s6_bg2.gif);
		background-repeat:repeat;
		width:840px;
		margin:0 auto;
		padding:40px 0 80px 0;
	}

	.s6_area img {
		display:block;
		margin:0 auto;
	}

	.bg_f {
		background-color:rgba(255,255,255,0.90);
		padding-bottom:80px;
	}

	.s6_btn {
		margin:40px auto;
	}

	#section7_0 {
		background-color:#fbfbfb;
		padding-top:40px;
	}

	#section7 {
		background-image: url(../images/s7_bg.jpg);
		background-color:#fbfbfb;
		background-position:top center;
		background-repeat: no-repeat;
		padding:40px 0 40px 0;
	}

	.s7_db_c {
		display:block;
		margin:0 auto 40px auto;
	}

	#section8 {
		padding:60px 0 40px 0;
	}

	#section9 {
		background-image: url(../images/s8_bg.jpg);
		background-position:top center;
		background-size:cover;
		background-repeat: no-repeat;
		padding:80px 0 40px 0;
		height:560px;
	}

	footer {
		display:block;
		background-color:#e60485;
		padding:5px;
	}

	footer p {
		text-align:center;
		font-size:11px;
		color:#fff;
	}
	
	
	
	.pc_b {
		display:block;
	}
	
	.sp_b {
		display:none;
	}
	
}



@media only screen and (max-width: 768px) {
	
	.wrap {
		width:100%;
	}
	
	header { 
		min-height:70px;
		background:#fff;
	}
	
	#section1 {
		width:100%;
		height:auto;
		background-color:#f6f6f6;
	}
	
	.h_lobo {
		width:38%;
		float:left;
		padding:3%;
	}
	
	.h_lobo img {
		width:100%;
		height:auto;
	}
	
	.h_lobo p {
		display:none;
	}
	
	.h_btn {
		width:44%;
		float:right;
		padding:3%;
	}
	
	.h_btn img {
		width:100%;
		height:auto;
	}
	
	.s1_main {
		width:100%;
	}
	
	
	#section2 {
		width:100%;
		height:auto;
	}
	
	#section2 img {
		width:100%;
	}
	
	#section3 {
		width:100%;
		height:auto;
	}
	
	#section3 img {
		width:100%;
	}
	
	

	#section4 {
		background-image: url(../images/s4_bg.gif);
		background-position:bottom;
		background-repeat:repeat;
	}

	.s4_btn_area {
		position:relative;
	}

	.s4_bg  {
		width:100%;
		height:auto;
		display:block;
	}

	.s4_btn_area a {
		position:absolute;
		bottom:8%;
		right:5%;
		left:5%;
		display:block;
		width:90%;
		margin:0 auto;
	}

	.s4_btn_area a IMG {
		width:100%;
	}
	
	
	#section5 {
		width:100%;
	}
	
	#section5 img {
		width:100%;
	}
	
	
	.sp_b {
		display:block;
	}
	
	.pc_b {
		display:none;
	}
	
	
	#section6 {
		background-color:#f0e8e2;
		background-image:url(../images/sp_s6_bg.gif);
		background-position:bottom;
		background-repeat:no-repeat;
		padding-top:30px;
		padding-bottom:30px;
		background-size:contain;
	}
	
	.s6_bg {
		width:90%;
		background:#fff;
		margin:0 auto;
		padding-top:30px;
	}
	
	.s6_bg img.s6_70 {
		display:block;
		width:70%;
		margin:15px auto;
	}
	
	.s6_bg img.s6_90 {
		display:block;
		width:90%;
		margin: 0 auto;
	}
	
	.s6_bg img.s6_100 {
		display:block;
		width:100%;
	}
	
	#section7_1 {
		width:100%;
	}
	
	#section7_1 img {
		width:100%;
		display:block;
	}
	
	#section8 {
		width:100%;
	}
	
	.s8_db_c {
		display:block;
		margin:0 auto;
		width:100%;
	}

	#section9 {
		background-image: url(../images/sp_s9_bg.png);
		background-position:top center;
		background-size:cover;
		background-repeat: no-repeat;
		padding:30px 0 ;
	}
	
	.s9_db_c {
		display:block;
		margin:0 auto;
		width:90%;
	}

	footer {
		display:block;
		background-color:#e60485;
		padding:5px;
	}

	footer p {
		text-align:center;
		font-size:11px;
		color:#fff;
	}
	
	
	
}

/* 汎用 */

.mgb_40 {
	margin-bottom:40px!important;
}

.mgt_40 {
	margin-top:40px!important;
}

.mgt_80 {
	margin-top:80px!important;
}

.mgb_80 {
	margin-bottom:80px!important;
}

.pdt_80 {
	padding-top:80px;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
 
.clearfix {
    min-height: 1px;
}

.fade {
	transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-webkit-transition:0.2s ease-in-out;
	}

.fade:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	}