#fv .container{
    position: relative;
}
#fv .container picture{
    height:817px;
    display: block;
    position:relative;
}
#fv .container picture:after{
    width: 100%;
    height:100%;
    content:"";
    background:rgba(0,0,0,0.2);
    display: block;
    position: absolute;
    left: 0;
    top:0;
}
#fv .container picture img{
    object-fit: cover;
    height: 100%;
}
#fv .container .logo{
    position: absolute;
    left:0;
    right:0;
    margin:0 auto;
    top:130px;
    width: 94px;;
}
#fv .container .news{
    background: rgba(255,225,255,0.6);
    padding:20px 0px;
    position: absolute;
    bottom: 0;
    width: 100%;
}
#fv .container .news-top{
    position: relative;
}
#fv .container .news h3{
    font-size: 15px;
    font-family: 'Noto Serif JP', serif;
    text-align: center;
    margin-bottom: 10px;
}
#fv .navigation{
    width: 74px;
    display: flex;
    justify-content: space-between;
    position: absolute;
    right:0;
    top:8px;
    z-index: 3;
}
#fv .navigation .left,#fv .navigation .right{
    width: 8px;
    display: flex;
    align-items: center;
    position: static;
    margin:0;
    height: 15px;
}
#fv .navigation p{
    font-size: 12px;
    position: static;
    margin:0;
    line-height: 15px;
}
#fv .container .news .swiper01{
    padding:0;
    overflow: hidden;
}
.swiper-button-next:after, .swiper-button-prev:after{
    opacity: 0;
}
#fv .container .news article{
    margin-bottom: 10px;
    width: 100%;
}
#fv .container .news article a{
    display: flex;
    justify-content: space-between;
    font-size: 14px;
}
	#fv .container .news article .date{
		width:100px;
	}
		#fv .container .news article h4{
		width:calc(100% - 90px);
	}
#fv .container .news .btn{
    margin:0 auto;
}
@media (min-width: 768px){
#fv .container picture{
    height:1080px;
}
	#fv .container .logo{
    top:300px;
}
	#fv .container .news-cover{
		display:flex;
		justify-content:space-between;
		align-items:center;
	}
	#fv .news-top{
		width:1/0px;
		display:flex;
		align-items:center;
	}
	#fv .news .news-top h3{
		margin-bottom:0;
		margin-right:20px;
	}
	#fv .navigation{
		position:static;
	}
	#fv .container .news .swiper01{
		width:540px;
	}
	#fv .container .news article{
		margin-bottom:0;
	}
	#fv .container .news article .date{
		width:110px;
	}
		#fv .container .news article h4{
		width:430px;
	}
	#fv .container .news .btn{
    width:280px;
		margin:0;
		height:60px;
		border-radius:60px;
}
}
#vision-concept{
    border-bottom: 1px solid #000;
    padding:0 20px;
    background-repeat: no-repeat;
    background-size: contain;
		position:relative;
}
#vision-concept .container{
    max-width: 750px;
    margin:0 auto;
	position:relative;
	z-index:4;

}
#vision-concept .vision{
		padding:60px 0 30px 0;	
}
#vision-concept:before{
	content:"";
	width:calc(100% - 40px);
	height:484px;
	display:block;
    background-image: url(../img/top/vision_bg1.png);
    background-repeat:repeat;
	background-size:contain;
	position:absolute;
	top:0;
		left:0;
		right:0;
		margin:0 auto;
	z-index:1;
}
#vision-concept:after{
	content:"";
	width:100%;
	height:484px;
	display:block;
    background-image: url(../img/top/vision_bg2.png);
    background-repeat:repeat;
	background-size:cover;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
#vision-concept .vision ul li{
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color:#fff;
    font-family: 'Noto Serif JP', serif;
    position: relative;
    text-align: center;
    margin-bottom: 10px;
}
#vision-concept .vision ul{
    margin-bottom: 30px;
}
#vision-concept .vision ul li:before{
    width: 15px;
    height: 30px;
    content:"";
    background:url(../img/top/kakko1.png);
    position: absolute;
    left:0;
    top:0;
}
#vision-concept .vision ul li:after{
    width: 15px;
    height: 30px;
    content:"";
    background:url(../img/top/kakko2.png);
    position: absolute;
    right:0;
    bottom:0;
}
section:not(#fv) .container > picture{
    margin-bottom: 20px;
    display: block;
}
.picture-img {
    margin-bottom: 50px;
    position: relative;
}
.picture-img:after{
    width: 1px;
    height: 100px;
    background: #666666;
    position: absolute;
    bottom: -80px;
    content:"";
    z-index: 5;
}
.picture-img.pi01:after{
    right:40px;
}
.picture-img.pi02:after{
    left:40px;
}
.picture-img.pi03:after{
    right:40px;
}
.picture-img .text{
    width:calc(100% - 40px);
    border:1px solid #666666;
    padding:23px;
    margin:-20px auto 0 auto;
    position: relative;
}
.picture-img .text h3{
    font-size: 18px;
    font-family: 'Noto Serif JP', serif;
    color:#fff;
    margin-bottom: 10px;
}
.picture-img .text p{
    font-size: 12px;
    line-height: 24px;
    color:#fff;
		text-align:justify;
}
@media (min-width: 768px){
	
	.home p.normal{
    font-family: 'Noto Serif JP', serif;
}
#vision-concept .container{
    max-width: 1080px;
    margin:0 auto;

}
	#vision-concept .vision{
	padding-top:100px;		
	}
	#vision-concept:before{
			width:1040px;
	height:484px;
		background-image: url(../img/top/vision_bg1_pc.png);
	}
	#vision-concept:after{
			width:100%;
	height:600px;
		background-image: url(../img/top/vision_bg2_pc.png);
	}
	#vision-concept .vision ul{
		width:505px;
		margin:0 auto 110px auto;
}
	#vision-concept .vision ul li{
		font-size:18px;
	}
	#vision-concept .container > p.normal{
		margin-bottom:100px;
		text-align:center;
		font-size:18px;
	}
	#vision-concept .container > picture{
    margin-bottom: 120px !important;
	}
	.picture-img{
		display:flex;
		align-items:center;
		margin-bottom:120px;
	}
.picture-img:after{
    bottom: -110px;
	height:250px
}
	.picture-img.pi01:after{
    left:auto;
	right:50px;
}
.picture-img.pi02:after{
    left:auto;
	right:50px;
}
.picture-img.pi03:after{
    right:auto;
	left:50px;
}
	.picture-img picture{
		width:710px;
	}
	.picture-img .text{
    width:400px;
    padding:70px 50px;
    margin:0 0 0 -30px;
    position: relative;
}
	.picture-img.pi03 .text{
		order:-1;
		margin:0 -30px 0 0;
	}
	.picture-img .text h3{
    margin-bottom: 40px;
}
.picture-img .text p{
    font-size: 16px;
    line-height: 30px;
	letter-spacing:0.05rem;
}
}
#information{
    background-color:#000;
    border-bottom: 1px solid transparent;
    padding-bottom: 60px;
}
#information .btn{
    border-color:#fff;
    color:#fff;
    margin:40px auto 0 auto;
}
@media (min-width: 768px){
	#information{
    padding-bottom: 100px;
}
		#information .container > p.normal{
		margin-bottom:100px;
		text-align:center;
		/*font-size:18px;*/
	}
	#information .btn{
    margin:80px auto 0 auto;
    }
}

#recruit{
    background-color:#6F5436;
    border-bottom: 1px solid transparent;
    padding: 60px 0;
}
#recruit .pc-inner picture{
    margin-bottom: 20px;
    display: block;
}
#recruit .btn{
    border-color:#fff;
    color:#fff;
    margin:40px auto 0 auto;
}
@media (min-width: 768px){
	#recruit{
    padding: 80px 0;
}
	.page:not(.home)	#recruit{
		background:#000;
}
		#recruit .container > p.normal{
		margin-bottom:100px;
		text-align:center;
		/*font-size:18px;*/
	}
	#recruit .pc-inner{
		display:flex;
		justify-content:space-between;
		margin-bottom:60px;
	}
	#recruit .pc-inner picture{
		width:340px;
		margin-bottom:0;
	}
	#recruit .btn{
		margin-top:80px;
	}
}