@charset "UTF-8";
/* CSS Document */
body{
	font-family: 'Hiragino Maru Gothic Pro','游ゴシック体',YuGothic,'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	background-color: #231f20;
}

a{
	text-decoration: none;
}

#wrap{
	background-color: #fff;
}

img{
	vertical-align: bottom;
}

/*【パソコン】PPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP*/
@media screen and (min-width: 960px) {
	.pc{
		display: block;
	}
	
	.sp{
		display: none;
	}
	
	.pconly{
		display: block;
	}
	
	.sponly{
		display: none;
	}
	
	.ctvwidth{
		width: 960px;
		margin: 0 auto;
	}
	#wrap{
	}
	
/*	タイトル*/
	.title{
		background-image: url(../img/bg-title.jpg);
		background-position: bottom center;
		background-repeat: no-repeat;
		background-size: 2600px 540px;
	}
	
	.title img{
		width: 100%;
	}
/*	文言１*/
	.content-01-cover{
		background-color: #a7241b;
		transform: skew(0,3deg);
	}
	
	.content-01{
		background-color: #e50011;
		transform: skew(0,-6deg);
		box-shadow: 0 0 5px 1px rgba(0,0,0,0.3);
	}
	
	.content-01-wrap{
		transform: skew(0,3deg);		
		padding: 60px 30px;
		margin: 70px 0;
		background-image:url(../img/bg-content-01.png);
		background-position: bottom center;
		background-repeat: no-repeat;
		background-size: 480px 200px;
	}
	
	.content-01 h2{
		text-align: center;
		color: #fff;
		font-size: 30px;
		padding: 0 0 5px 0;
		margin: 0 0 20px 0;
		border-bottom: solid 1px #fff;
		font-weight: bold;
		text-shadow: 0px 3px 1px darkred;
	}
	
	.content-01 img{
		display: block;
		width: 480px;
		margin: 0 auto 20px auto;
		border: solid 3px #fff;
		box-shadow: 0 0 3px 1px rgba(0,0,0,0.3);
	}
	
	.content-01 p{
		text-align: center;
		color: #fff;
		font-size: 20px;
		line-height: 2em;
		letter-spacing: 2px;
		text-shadow: 0px 2px 1px darkred;
	}
	
	.content-01 p:first-letter{
		font-size: 1.2em;
	}
	
	footer{
		text-align: center;
		background-color: #231f20;
		color: #fff;
		font-size: 14px;
		padding: 20px 0;
	}
	
	footer a{
		color: #fff;
		font-size: 1.2em;
	}
}

/*【タブレット】TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT*/
@media screen and (max-width: 959px) {
	.pc{
		display: none;
	}
	
	.sp{
		display: block;
	}
	
	.pconly{
		display: block;
	}
	
	.sponly{
		display: none;
	}
	
	.ctvwidth{
		width: 100%;
		margin: 0 auto;
	}
	#wrap{
	}
	
/*	タイトル*/
	.title{
		background-image: url(../img/bg-title.jpg);
		background-position: bottom center;
		background-repeat: no-repeat;
		background-size: cover;
		text-align: center;
	}
	
	.title img{
		width: 80%;
		margin: 0 auto;
	}
/*	文言１*/
	.content-01-cover{
		background-color: #a7241b;
		transform: skew(0,3deg);
	}
	
	.content-01{
		background-color: #e50011;
		transform: skew(0,-6deg);
		box-shadow: 0 0 5px 1px rgba(0,0,0,0.3);
	}
	
	.content-01-wrap{
		transform: skew(0,3deg);		
		padding: 60px 30px;
		margin: 40px 0;
		background-image:url(../img/bg-content-01.png);
		background-position: bottom center;
		background-repeat: no-repeat;
		background-size: 480px 200px;
	}
	
	.content-01 h2{
		text-align: center;
		color: #fff;
		font-size: 26px;
		padding: 0 0 5px 0;
		margin: 0 0 20px 0;
		border-bottom: solid 1px #fff;
		font-weight: bold;
		text-shadow: 0px 3px 4px darkred;
	}
	
	.content-01 img{
		display: block;
		width: 460px;
		margin: 0 auto 20px auto;
		border: solid 2px #fff;
		box-shadow: 0 0 3px 1px rgba(0,0,0,0.3);
	}
	
	.content-01 p{
		text-align: center;
		color: #fff;
		font-size: 18px;
		line-height: 2em;
		letter-spacing: 1px;
		text-shadow: 0px 2px 4px darkred;
	}
	
	.content-01 p:first-letter{
		font-size: 1.2em;
	}

}

/*【スマートフォン】SSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS*/
@media screen and (max-width: 420px) {
	.pc{
		display: none;
	}
	
	.sp{
		display: block;
	}
	
	.pconly{
		display: none;
	}
	
	.sponly{
		display: block;
	}
	
	.ctvwidth{
		width: 100%;
		margin: 0 auto;
	}
	#wrap{
	}
	
/*	タイトル*/
	.title{
		background-image: url(../img/sp-bg-title.jpg);
		background-position: bottom center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	
	.title img{
		width: 100%;
	}
/*	文言１*/
	.content-01-cover{
		background-color: #a7241b;
		transform: skew(0,5deg);
	}
	
	.content-01{
		background-color: #e50011;
		transform: skew(0,-10deg);
		box-shadow: 0 0 5px 1px rgba(0,0,0,0.3);
	}
	
	.content-01-wrap{
		transform: skew(0,5deg);		
		padding: 30px 10px;
		margin: 30px 0 40px 0;
		background-image:url(../img/bg-content-01.png);
		background-position: bottom left;
		background-repeat: no-repeat;
		background-size: 480px 200px;
	}
	
	.content-01 h2{
		text-align: center;
		color: #fff;
		font-size: 20px;
		padding: 0 0 5px 0;
		margin: 0 0 20px 0;
		border-bottom: solid 1px #fff;
		font-weight: bold;
		text-shadow: 0px 3px 4px darkred;
	}
	
	.content-01 img{
		display: block;
		width: 300px;
		margin: 0 auto 20px auto;
		border: solid 2px #fff;
		box-shadow: 0 0 3px 1px rgba(0,0,0,0.3);
	}
	
	.content-01 p{
		text-align: center;
		color: #fff;
		font-size: 16px;
		line-height: 2.6em;
		letter-spacing: 0px;
		text-shadow: 0px 2px 4px darkred;
	}
	
	.content-01 p:first-letter{
		font-size: 1.2em;
	}
	
}