@charset "UTF-8";
/* ===========================================
	   Top Page
   =========================================== */

/* story */
.story{
	position: relative;
	z-index: 2;
	background-image: url(../sy_images/home/to_03back.png),
	 url(../sy_images/home/to_01back.png);
	background-repeat: no-repeat;
	background-position: center bottom, center 0;
}
.blog{
	margin: 0 auto;
}
.story_head{
	margin-left: auto;
	margin-right: auto;
}
.story_txt{
	line-height: 2.875;
}
.story_txt ~ .story_txt{
	margin-top: 55px;
}
.story_name{
	display: block;
	max-width: 322px;
}
@media (max-width: 640px){
	.story{
		margin-top: -42vw;
		padding: 17vw 6% 98vw;
		background-size: 190vw auto;
	}
	.blog{
		width: 227px;
	}
	.story_head{
		max-width: 311px;
		margin-top: 40px;
	}
	.story_txt{
		margin-top: 35px;
	}
}
@media (min-width: 641px){
	.story{
		margin-top: -24vw;
		padding: 9.9vw 5% 54vw;
		background-size: 100% auto;
	}
	.blog{
		width: 454px;
	}
	.blog_btn{
		display: block;
		background: url(../sy_images/home/to_01button_on.png) no-repeat center;
		background-size: 100% auto;
	}
	.blog_btn img{
		transition: .3s;
	}
	.blog_btn:hover img{
		opacity: 0;
	}
	.story_head{
		max-width: 821px;
		margin-top: 100px;
	}
	.story_txt{
		margin-top: 105px;
		text-align: center;
	}
	.story_name{
		margin: 15px auto;
	}
}
@media (min-width: 641px) and (max-width: 920px){
	.story{
		margin-top: ;
	}
	.blog{
		width: 300px;
	}
}

.about{
	position: relative;
	padding-bottom: 290px;
	background-color: #c30500;
	color: #fff;
}
.about_head{
	position: absolute;
	z-index: 9;
}
.about_container{
	position: relative;
	z-index: 9;
}
.about_content{
	font-size: 1.4rem;
	font-weight: 700;
}
@media (max-width: 640px){
	.about{
		margin-top: -21vw;
		padding-left: 6%;
		padding-right: 6%;
	}
	.about_head{
		width: 254px;
		top: -46vw;
		left: 6%;
	}
	.about_content{
		line-height: 2.8;
	}
	.about_tomoichi{
		width: 215px;
		margin: 40px auto 0;
	}
	.about_tomoichi_txt{
		margin: 15px 0 0 20px;
	}
}
@media (min-width: 641px){
	.about{
		margin-top: -15vw;
		background-image: url(../sy_images/home/to_04back.png);
		background-repeat: no-repeat;
		background-position: right bottom;
		background-size: 41vw auto;
	}
	.about_head{
		width: 508px;
		top: -20vw;
		left: 9vw;
	}
	.about_container{
		display: flex;
		flex-direction: row-reverse;
		max-width: calc(1000px + 5%);
		margin: 0 auto;
		padding: 0 5%;
	}
	.about_tomoichi{
		flex-shrink: 0;
		width: 43%;
		margin-right: 6.5%;
	}
	.about_content{
		padding-top: 12%;
		line-height: 3.8;
	}
	.about_tomoichi_txt{
		margin-top: 20px;
		padding-left: 6.97%;
	}
}
@media (min-width: 641px) and (max-width: 920px){
	.about_head{
		width: 350px;
		top: -22vw;
		left: 20px;
	}
	.about_content{
		line-height: 2.7;
	}
}
@media (min-width: 1336px){
	.about{
		background-size: auto auto;
	}
}