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


#wrapper {
	width:100%;
	margin: 0 auto;
	overflow: hidden;
}



/*　コンテンツ幅 */
section{
	width:1000px;
	margin:35px auto 0;
	position: relative;
	overflow: hidden;
	padding-top:65px;
}

@media screen and (max-width: 1024px){

		section{width:700px;}
	
}

@media screen and (max-width: 766px){
	
		section{width:100%;}
}




/*　見出しイメージ */
#sp{display:none;}

h2{
	height:200px;
	background:url(../img/h2.jpg) no-repeat;
}

@media screen and (max-width: 1024px){

		h2{background-position:center;}
}

@media screen and (max-width: 766px){

		#sp{
			display:block;
			height:40px;
			background:#ffe2dd;
			margin-bottom:50px;
		}
		
		h2{
			width:640px;
			height:104px;
			background:url(../img/SP_h2.jpg) no-repeat;
			margin:0 auto;
		}
}



/*　左：内容部分 */
#L_box{
	margin:50px 30px 80px 0;
	width:770px;
	float:left;
}

#L_box > div{
	margin-bottom:90px;
}


h3{width:770px;}

h3 > p{height:32px;}

#con1 > h3 > p{background:url(../img/title1.png) no-repeat;}

.n_1{
	width:770px;
	height:970px;
	background:url(../img/bk01.jpg);
	margin-top:40px;
	overflow:hidden;
}

.copy{
	width:438px;
	height:63px;
	margin:80px auto 40px;
	background:url(../img/con1.png);
}

.text{
	width:530px;
	text-align:justify;
	color:#ff7887;
	margin:0 auto 20px;

}

div.n_1 > ul{margin:60px 60px 0; text-align: center}

div.n_1 > ul > li{
	display: inline-block;
	width:144px;
	height:167px;
	margin-right:10px;
}

.Man1{background:url(../img/M1.png);}

.Man2{background:url(../img/M2.png);}

.Man3{background:url(../img/M3.png);}

div.n_1 > ul > li.Man4{
	background:url(../img/M4.png);
	margin-right:0;
	}


.n_2{	
	width:770px;
	margin-top:40px;
}

#con2 > h3 > p{background:url(../img/title2.png) no-repeat;}

#con2 > div {
	height:231px;
	background:url(../img/con2.jpg);
}

table.type01 {
	width:770px;
	margin-top:40px;
	border-collapse: collapse;
	font-size:14px;
}

table.type01 th {
	width: 175px;
	text-align:center;
	font-weight:bold;
	color: #ff7887;
	border: 1px solid #ff7887;
	background:#ffe8e8;
}

table.type01 td {
	height:55px;
	font-weight:500;
	vertical-align: top;
	border: 1px solid #ff7887;
}

table.type01 td > p {
	margin-left:20px;
	margin-top:15px;
	margin-bottom:15px;
}

#con3 > h3 > p{background:url(../img/title3.png) no-repeat;}

#con4 > h3 > p{background:url(../img/title4.png) no-repeat;}

#con5 > h3 > p{background:url(../img/title5.png) no-repeat;}

#con5 > div{
	margin-top:40px;
	background:#ffe8e8;
	padding:25px 25px 15px;
	overflow:hidden;
}

#con5 > div > ul > li{
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}

#con5 > div > ul > li.none{margin-right:0;}

#con5 > div > ul > li:hover{opacity:0.5;}

#sp_bra{ display:none;}



@media screen and (max-width: 1024px){
	
		#L_box{
			width:700px;
			float:none;
			margin-left:auto;
			margin-bottom:0;
		}
		
		
		.n_1{
			width:700px;
			background-position:center;
		}
		
		div.n_1 > ul{margin:70px 40px 0;}
	
		
		div.n_1 > ul > li{margin-right:10px;}
		
		.n_2{	width:700px;}
	
	
		#con2 > div {background:url(../img/con21024.jpg) no-repeat;}
		
		table.type01 {width:700px;}
		
		#con5 > div{
			height:auto;
			padding:7px;
		}
		
		#con5 > div > ul > li{
			transform:scale(0.96);
			margin-right:4px;
			margin-bottom:7px;
		}

		
}


@media screen and (max-width: 766px){

		#L_box{
			width:100%;
			margin-top:60px;
		}
		
		#L_box > div{
			margin-bottom:0;
		}
	
		h3{
			width:100%;
			height:62px;
			padding-top:23px;
			margin-top:100px;
			margin-bottom:40px;
			background:#ff7887;
		}
		
		
		#con1 > h3{margin-top:0;}
		
		#con1 > h3 > p{
			width:375px;
			margin:0 auto;
			background:url(../img/sp_title1.png) no-repeat;
		}
		
		.n_1{
			width:100%;
			height:2225px;
			margin:0 auto;
			margin-top:0;
		}
		
		.copy{
		width:589px;
		height:71px;
		margin:85px auto 55px;
		background:url(../img/sp_con1.png);
		}
		
		.text{
			width:600px;
			font-size:1.5rem;
			line-height:2em;
			text-align:justify;
			color:#000;
			margin:0 auto 10px;
		
		}
		
		div.n_1 > ul{
			width:592px;
			margin:60px auto 0;
		}
		
		div.n_1 > ul > li{
			float:left;
			width:276px;
			height:321px;
			margin-right:40px;
			margin-bottom:55px
		}
		
		.Man1{background:url(../img/sp_M1.png);}
		
		div.n_1 > ul > li.Man2{
			background:url(../img/sp_M2.png);
			margin-right:0;
			}
		
		.Man3{background:url(../img/sp_M3.png);}
		
		div.n_1 > ul > li.Man4{
			background:url(../img/sp_M4.png);
			margin-right:0;
			}
			
			
		.n_2{	
			width:600px;
			margin:0 auto;
		}
	
	
		#con2 > h3 > p{
			width:481px;
			margin:0 auto;
			background:url(../img/sp_title2.png) no-repeat;
		}
		
		#con2 > div {
			height:288px;
			margin:0 auto;
			background:url(../img/sp_con2.png) no-repeat;
		}
	
		
		#con3 > h3 > p{
			width:292px;
			margin:0 auto;
			background:url(../img/sp_title3.png) no-repeat;
		}
		
		table.type01 {
			font-size:24px;
			width:600px;
			margin:0 auto;
		}
		
		table.type01 th {
			height:80px;
			line-height:80px;
			font-weight:500;
		}
		
		#con4 > h3 > p{
			width:291px;
			margin:0 auto;
			background:url(../img/sp_title4.png) no-repeat;
		}
		
		#con5 > h3 > p{
			width:323px;
			margin:0 auto;
			background:url(../img/sp_title5.png) no-repeat;
		}
		
		#con5 > div{display:none;}
		#sp_bra{ display:block;}
		
		
		
		#sp_bra{
			width:100%;
			margin-bottom:100px;
			overflow:hidden;
		}
		
		#sp_bra > ul > li{
			height:116px;
			line-height:116px;
			text-align:center;
			border-top:2px solid #ffe2dd;
			border-bottom:2px solid #ffe2dd;
			margin-top: -2px;
		}
		
		#sp_bra > ul > li.top{ margin-top:0;}
		
		#sp_bra > ul > li > a > img{ transform:scale(0.9);}

			
		#sp_bra dt{
			display:block;
			width:100%;
			height:85px;
			line-height:85px;
			text-align:center;
			margin:0 auto;
			padding-top:0;
			cursor:pointer;
			background:#ffe2dd;
			overflow:hidden;
		}
		
		#sp_bra dt > p{
			width:41px;
			height:85px;
			margin:0 auto;
			background:url(../img/acMenu.png) no-repeat;
			background-position:center;
		}

		#sp_bra dd{
			width:100%;
			display:none;
		}

		#sp_bra dd > ul > li{
			height:116px;
			line-height:116px;
			text-align:center;
			border-top:2px solid #ffe2dd;
			border-bottom:2px solid #ffe2dd;
			margin-top: -2px;

		}
		
		#sp_bra dd > ul > li > a > img{ transform:scale(0.9);}



}

@media screen and (max-width: 640px){
		.n_1{background:url(../img/sp_bk01.jpg);}

}