@charset "utf-8";
/* CSS Document */

/*========================
播州姫路から
==========================*/
.banshu{
	background-image:url(../img/banshu/banshu-bg_01.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
	padding-top:95px;
	padding-bottom:165px;
}

.banshu_wrap{
}

.banshu_wrap ul,
.banshu-content ul{
	font-size:0;
}

.banshu_wrap ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    ms-flex-align: center;
    align-items: center;
}

.banshu_wrap ul li{
	font-size:16px;
	letter-spacing:1px;
	line-height:26px;
	width:50%;
}

.banshu-content ul li{
	display:inline-block;
	vertical-align:top;
	font-size:16px;
	letter-spacing:1px;
	line-height:26px;
}

.banshu-content{
	background-image:url(../img/banshu/banshu-bg_02.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
	padding:100px 0;
	box-sizing:border-box;
}

.banshu-content ul li{
	width:calc( 100% / 2 - 20px );
	margin-right:40px;
	margin-bottom:40px;
}

.banshu-content ul li:nth-of-type(3n),
.banshu-content ul li:nth-of-type(5),
.banshu-content ul li.txt-full,
.banshu-content ul li:last-of-type{
	margin-right:0;
}

.banshu-content ul li:nth-of-type(7){
	margin-right:40px;
}

.banshu-content ul li.txt-full{
	width:100%;
}

.banshu-content ul li h3{
    font-family: 'Noto Serif JP', serif;
    font-size: 30px;
    font-weight: normal;
    line-height: 50px;
    margin-bottom: 50px;
}


/* ノートパソコン*/
@media screen and (max-width: 1366px) {
    
}

/* ipadpro */
@media screen and (max-width: 1024px) {

}

/* ipad */
@media screen and (max-width: 768px) {
	
}

/* スマホ以下 */
@media screen and (max-width: 767px) {
	
/*========================
播州姫路から
==========================*/
	.banshu{
		background-image: url(../img/banshu/banshu-bg_01-sp.jpg);
		background-size:contain;
		padding:12vw 0;
	}
	
	.banshu_wrap ul li{
		width:100%;
	}
	
	.banshu_wrap ul li:first-of-type{
		max-width:100%;
	}
	
	.banshu_wrap ul li,
	.banshu-content ul li{
		font-size:initial;
		padding:0 3vw;
		box-sizing:border-box;
		margin-bottom:8vw;
	}
	
	.banshu_wrap ul li img{
		padding:0 15vw;
		box-sizing:border-box;
	}
	
	.banshu_wrap ul li:last-of-type{
		text-align:center;
		max-width:100%;
	}
	
	.banshu-content{
		background-image: url(../img/banshu/banshu-bg_02-sp.jpg);
		padding:10vw 0;
	}
	
	.banshu-content ul li{
		width:100%;
		margin-right:0;
	}
	
	.banshu-content ul li:nth-of-type(7){
		margin-right:0;
	}
	
	.banshu-content ul li.sp{
		display:block !important;
	}
	
	.banshu-content ul li img{
		padding:0 8vw;
		box-sizing:border-box;
	}
	
	.banshu-content ul li h3{
		text-align:center;
		/*font-size:6vw;
		line-height:8vw;*/
		margin-bottom:5vw;
	}

}

@media screen and (max-width: 480px) {
	
/*========================
播州姫路から
==========================*/
	.banshu{
		background-image: url(../img/banshu/banshu-bg_01-sp.jpg);
		background-size:contain;
		padding:12vw 0;
	}
	
	.banshu_wrap ul li,
	.banshu-content ul li{
		font-size:4vw;
		padding:0 3vw;
		box-sizing:border-box;
		margin-bottom:8vw;
	}
	
	.banshu_wrap ul li img{
		padding:0 15vw;
		box-sizing:border-box;
	}
	
	.banshu_wrap ul li:last-of-type{
		text-align:center;
		max-width:100%;
	}
	
	.banshu-content{
		background-image: url(../img/banshu/banshu-bg_02-sp.jpg);
		padding:10vw 0;
	}
	
	.banshu-content ul li{
		width:100%;
		margin-right:0;
	}
	
	.banshu-content ul li:nth-of-type(7){
		margin-right:0;
	}
	
	.banshu-content ul li.sp{
		display:block !important;
	}
	
	.banshu-content ul li img{
		padding:0 8vw;
		box-sizing:border-box;
	}
	
	.banshu-content ul li h3{
		text-align:center;
		font-size:5.8vw;
		line-height:8vw;
		margin-bottom:5vw;
	}

}

/* iphone6 */
@media screen and (max-width: 414px) {
	
}

/* iphoneX */
@media screen and (max-width: 375px) {
	
}

/* iphone5 */
@media screen and (max-width: 320px) {
    
}