@charset "utf-8";
#mainimg {
	position: relative;
	background: url(images/main_img.jpg) no-repeat;
	background-size: auto auto;
	height: 700px;
	object-fit: cover;
	background-size: cover;
	color: #FFF;
}
#mainimg h1{
	padding-top:135px;
	text-align: center;
	font-size: 4.2rem;
	line-height: 1.5;
	-moz-text-shadow: 0px 0px 5px rgba(51, 0, 0, 0.8);
	-webkit-text-shadow: 0px 0px 5px rgba(51, 0, 0, 0.8);
	-ms-text-shadow: 0px 0px 5px rgba(51, 0, 0, 0.8);
	text-shadow: 0px 0px 5px rgba(51, 0, 0, 0.8);
}
#mainimg h1 span {
	font-size: 5.8rem;
	padding-bottom:5px;
	border-bottom: solid 1px #FFF;
}
#mainimg h1 span::after {
    content: "\A";
    white-space: pre;
}
.sekoh-box-top{
	position: relative;
	margin-top: -300px;
	margin-bottom: 30px;
}
.sekoh-box-top p{
	font-size:1.6rem;
	line-height: 1.8;
}
.sekoh-box .headline{
	background:#999;
	color: #FFF;
	font-size:2.3rem;
	text-align:center;
	padding:15px;
	margin-bottom: 20px;
}
.sekoh-box .headline br{
	display:none;
}
.sekoh-flow-box{
	border:solid 1px #999;
	padding:30px 40px;
	margin-bottom: 100px;
}
.sekoh-flow-box h3{
	background:#697743;
	color: #FFF;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	padding:20px 10px;
	margin:0 15px;
	height:200px;
	text-align: center;
	font-size: 1.5rem;
	font-weight: normal;
}
.flow{
	flex-basis: 21%;
	background:url(images/arrow-right.png) no-repeat top center;
	padding-top: 80px;
	flex-direction: column;
}
.cross-cutting{
	background:#999;
	color: #FFF;
	width:64px;
	height:64px;
	border-radius: 50%;
	text-align:center;
	line-height: 64px;
	margin:0 auto;
}
.flow img{
	width:100%;
	margin-top: auto;
}
.flow p{
	font-size:1.3rem;
}
.flow.second p,
.flow.third p{
	margin-top: 80px;
}
figure {
	margin:0;
}
figure img {
    width: 100%;
    display: block;
    margin: 0 auto;
    max-width: 1010px;
}
@media screen and (max-width: 1024px){
	.w1010{
		margin:0 auto 50px;
		width: 90%;
		max-width: initial;
	}
	#mainimg{
		height:300px;
	}
	#mainimg h1{
		padding-top:50px;
		font-size: 3rem;
	}
	#mainimg h1 span{
		font-size: 3.6rem;
	}
	.sekoh-box-top{
		margin-top: -100px;
	}
	.sekoh-box-top br{
		display:none;
	}
	.sekoh-box .headline{
		font-size:2rem;
	}
	.sekoh-box .headline br{
		display:block;
	}
	.sekoh-flow-box{
		display:block;
		padding:15px 20px;
		margin-bottom:50px;
	}
	.sekoh-flow-box h3{
		height:auto;
		writing-mode: horizontal-tb;
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode: lr-tb;
		margin:0 0 20px;
		padding:5px;
		font-size:1.8rem;
		font-weight: normal;
	}

	.flow{
		padding-top: 0;
		padding-bottom: 60px;
		background:url(images/arrow-down.png) no-repeat bottom center;
		margin-bottom: 20px;
	}
	.sekoh-flow-box img{
		width:180px;
		margin:0 auto 20px;
		display:block;
		text-align:center;
	}
	.flow.second p,
	.flow.third p{
		margin-top:0;
	}
}
@media screen and (max-width: 414px){
	#mainimg {
	    height: 250px;
	}
	#mainimg h1{
		font-size:2rem;
		line-height: 2;
		padding-top: 30px;
	}
	#mainimg h1 span{
		font-size:2.4rem;
	}

}