@charset "UTF-8";

body{
	background-color:#fdfaeb;
}

/***********************************
 カバー画像
 ***********************************/
#coverBlock{
	display:block;
	/*overflow:hidden;*/
	width:100%;
	position:relative;
}

#coverImg{
	display:block;
	overflow:hidden;
	width:100%;
}

#coverImg img{
	width:100%;
	height:100vh;
	object-fit: cover;
	object-position: left bottom;
}


#cpTxt{
	display:inline-block;
	overflow:hidden;
	width:85px;
	height:auto;
	position:absolute;
	top:270px;
	right:100px;
}

#cpTxt > img{
	width:100%;
	height:auto;
}


/* for Sp --------------------*/
@media screen and (max-width:480px){

	#coverImg img{
		width:100%;
		height:auto;
	}

	#cpTxt{
		display:none;
	}
}



/*メインタイトル*/
#coverBlock h1{
	display:block;
	overflow:hidden;
	width:calc(100% - 120px);
	position:absolute;
	top:25px;
	left:25px;
	filter: drop-shadow(6px 6px 6px rgba(0,0,0,0.5));
	/*padding:0 100px;*/
}

#coverBlock h1 img{
	width:100%;
	height:auto;
}

#coverBlock h1 > span{
	display:inline-block;
	font-size:2.4rem;
	font-weight:700;
	line-height:125%;
	color:#ffffff;
	float:right;
}



/* for Sp --------------------*/
@media screen and (max-width:480px){

	#coverBlock h1{
		width:calc(100% - 20vw);
		top:10px;
		left:10px;
	}

	#coverBlock h1 > span{
		display:block;
		text-align:left;
		font-size:1.6rem;
	}

	#coverBlock h1 > span:nth-child(3){
		float:none;
	}


}


/*コピーテキスト*/
#topCopy{
	display:block;
	overflow:hidden;
	width:100%;
	/*max-width:1024px;*/
	text-align:center;
	margin:25px auto;
}

#topCopy > p{
	display:block;
	overflow:hidden;
	font-size:3.1rem;
	font-weight:700;
	letter-spacing:0.15em;
	line-height:175%;
	font-style:italic;
	color:#e6605d;
	margin-bottom:25px;
}

#topCopy picture{
	display:block;
	overflow:hidden;
	font-size:0;
	line-height:100%;
}
#topCopy img{
	width:100%;
	height:auto;
}


/* for Sp --------------------*/
@media screen and (max-width:480px){
	#topCopy{
		margin:25px auto 0;
	}

	#topCopy > p{
		padding:0 3vw;
		font-size:2.1rem;
		line-height:155%;
	}


}




#coverBlock > ul{
	display:block;
	overflow:hidden;
	width:100%;
	/*max-width:1024px;*/
	margin:0 auto;
	padding:0 5px;
	letter-spacing: -.4em;
	line-height:100%;
	text-align:center;
}

#coverBlock > ul > li{
	display:inline-block;
	overflow:hidden;
	padding:2px;
	letter-spacing:normal;
	line-height:100%;
}

#coverBlock > ul > li > img{
	width:100%;
	height:auto;
}

#coverBlock > ul > li.sizeM{
	width:25%
}

#coverBlock > ul > li.sizeL{
	width:33.3%
}


/* for Sp --------------------*/
@media screen and (max-width:480px){


	#coverBlock > ul > li.sizeM{
		width:33.3%
	}

	#coverBlock > ul > li.sizeL{
		width:50%
	}

	/*#coverBlock > ul > li:nth-child(5){
		width:66.6%;
	}*/
}




section+section{
	margin-top:25px;
}


.dataFrame h2{
	display:block;
	overflow:hidden;
	font-size:2.1rem;
	font-weight:700;
	line-height:125%;
	text-align:center;
	padding:0.5em 0;
	background-color:#e6605d;
	color:#ffffff;
	/*border:1px solid #cccccc;*/
	margin-bottom:1em;
}

.dataFrame p{
	display:block;
	overflow:hidden;
	font-size:1.6rem;
	line-height:175%;
}



.dataFrame p+p{
	margin-top:1em;
}



/* for Sp --------------------*/
@media screen and (max-width:480px){
	
	
}


#sec02 img{
	width:50%;
	height:auto;
	margin-top:1em;
	float:left;
}



/* for Sp --------------------*/
@media screen and (max-width:480px){
	
	#sec02 img{
		width:100%;
		float:none;
	}
	
}



#sec03 h3{
	display:block;
	overflow:hidden;
	font-size: 1.8rem;
	font-weight:700;
	margin-bottom:1em;
}

#sec03 img{
	width:100%;
	max-width:360px;
	height:auto;
	float:right;
	margin-left:1em;
	margin-bottom:1em;
}



/* for Sp --------------------*/
@media screen and (max-width:480px){

	#sec03 img{
		width:100%;
		max-width:360px;
		height:auto;
		float:none;
		margin-left:0;
		margin-bottom:0;
	}


}




#sec04 dl{
	display:block;
	overflow:hidden;
	border-bottom:1px dotted #cccccc;
}


#sec04 dl > dt,
#sec04 dl > dd{
	display:block;
	overflow:hidden;
	float:left;
	padding:0.5em 0;
	border-top:1px dotted #cccccc;
}

#sec04 dl > dt{
	clear:both;
	width:10em;
}

#sec04 dl > dd{
	width:calc(100% - 10em);
}


#sec04 dl > dt:nth-child(1),
#sec04 dl > dd:nth-child(2){
	border-top:none;
}

strong{
	font-weight:700;
	font-size:1.8rem;
}

.notes{
	padding:1em;
	font-style: italic;
	color:#3c3c3c;
	background-color:#f5f5f5;
}

p.alRight{
	text-align:right;
	font-size: 1.8rem;
	font-style:italic;
}

/* for Sp --------------------*/
@media screen and (max-width:480px){
	
	#sec04 dl{
		font-size:1.4rem;
	}

	#sec04 dl > dt,
	#sec04 dl > dd{
		width:100%;
		float:none;
		padding:0;
		border-top:none;
	}

	#sec04 dl > dt{
		padding:0.5em 0 0;
		font-weight:700;
	}
	#sec04 dl > dt::before{
		content:"■";
	}

	#sec04 dl > dd{
		padding:0 0 0.5em 1em;
		border-bottom:1px dotted #cccccc
	}

}



#endFrame{
	display:block;
	overflow:hidden;
	clear:both;
	width:100%;
	height:120px;
	position:relative;
}


/* for Sp --------------------*/
@media screen and (max-width:480px){
    
    #endFrame{
		height:12vw;
    }
}