body {
	min-width: initial;
}

article {
	background: radial-gradient(ellipse at center, rgba(230,14,36,1) 0%, rgba(230,14,36,1) 51%, rgba(104,17,21,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e60e24', endColorstr='#681115', GradientType=1 );
}

.header-inner {
	max-width: 1100px;
}

/*
#header
///////////////////////////////////////////////////*/

#sec_head {
	color: #fff;
}

#sec_head .secWrap {
	max-width: 1200px;
	position: relative;
}

#sec_head h1 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

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

	#sec_head .secWrap p {
		max-width: 1100px;
		margin: 0 auto;
		text-align: right;
	}


}

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

	#sec_head {
		margin: 0;
	}

	#sec_head .secWrap {
		margin: 0;
		text-align: right;
	}

	#sec_head .secWrap p {
		margin: 0 1.5em;
	}

	#sec_head .secWrap p span {
		font-size: 1.25vw;
		display: block;
		margin-top: 0.25em;
	}

}

/*
section
///////////////////////////////////////////////////*/

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

	#sec01 .secWrap ul {
		position: relative;
		max-width: 1100px;
		margin: 0 auto 4vw;
		overflow: hidden;
	}

	#sec01 .secWrap ul li {
		width: 50%;
		float: left;
		margin: 2vw 0 0;
	}

	#sec01 .secWrap ul li:nth-child(2),
	#sec01 .secWrap ul li:nth-child(4) {
		text-align: right;
	}

	#sec01 .secWrap ul li a img {
		width: 97%;
		transition: .3s;
		opacity: 1;
	}

	#sec01 .secWrap ul li a:hover img {
		opacity: 0.5;
	}

}

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

	#sec01 .secWrap ul {
		position: relative;
		margin: 0 0 1.5em;
	}

	#sec01 .secWrap ul li {
		margin: 1.5em 0 0;
	}

}

/*
attention
///////////////////////////////////////////////////*/

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

	#attention {
		background: #e60012;
		clear: both;
		position: relative;
		padding: 1vw 0;
		color: #fff;
	}

	#attention .secWrap {
		max-width: 1100px;
		margin: 0 auto;
	}

}

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

	#attention {
		background: #e60012;
		position: relative;
		padding: 0.25em 0;
		color: #fff;
		font-size: 80%;
	}


}

/*
#pagetop
///////////////////////////////////////////////////*/


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

	.pagetop {
		background: url(../image/pagetop_o.png) top no-repeat;
		background-size: contain;
		position: fixed;
		line-height: 1.0;
		right: 1.5em;
		bottom: 1.5em;
		width: 75px;
		height: 75px;
		margin: 0;
	}

	.pagetop a img {
		opacity: 1;
		transition: .3s;
	}

	.pagetop a:hover img {
		opacity: 0;
	}

}

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

	.pagetop {
		position: fixed;
		line-height: 1.0;
		right: 1.5em;
		bottom: 1.5em;
		width: 15%;
	}

}