@charset "utf-8";

/* ------ Body ------ */
.page-ttl{
	background-image: url("../img/ttl_bg.jpg");
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
}

#grape{
	background-image: url("../../common/img/inner_bg1.png");
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 48.281vw auto;
}
#grape > .inner{
	border-top:1px solid #d6c677;
	border-bottom:none;
}
#grape h3.sub-ttl1{
	border-top:1px solid #92ab23;
	border-bottom:1px solid #92ab23;
	text-align:center;
	letter-spacing:1px;
	padding:0.631em 0;
	margin-bottom:0;
}
#gslider{
	width:100%;
	margin:0 auto;
	overflow:hidden;
}
#gslider .slick-slide{
	padding-left:3.125vw;
	padding-right:3.125vw;
}
#grape .grape .inner{
	padding-top:0;
	border-bottom:none;
}

#grape .school .inner.top{
	padding-top:0;
	border-bottom:none;
}
#grape .school h4.sub-ttl1{
	border-top:1px solid #92ab23;
	border-bottom:1px solid #92ab23;
	text-align:center;
	letter-spacing:1px;
	padding:0.588em 0;
	margin:0.583em auto 0;
}
#sslider{
	width:100%;
	margin:0 auto;
	overflow:hidden;
}
#sslider .slick-slide{
	padding-left:3.125vw;
	padding-right:3.125vw;
}
#grape .school .inner:not(.top){
	padding-top:0;
	border-bottom:none;
}

#think{
	background-color:#fff;
}
#think h3.sub-ttl4{
	background-image: url("../img/thinking_bg.jpg");
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
}
#think .inner.top{
	border-bottom:none;
	padding-bottom:5.469vw;
}
#think p{
	text-align:center;
}
#think .brand{
	display:flex;
	-js-display:flex;
	display:-webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
	align-items: flex-start;
	-webkit-align-items: flex-start;
	margin:1.563em auto 2.232em;
}
#think .brand .img{
	width:40%;
}
#think .brand .img .logo1{
	margin-bottom:1.786em;
}
#think .brand .img .logo2{
	width:83.333%;
	margin:0 auto;
}
#think .brand .img img{
	width:100%;
}
#think .brand .txt{
	width:56.667%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding-right:0.446em;
}
#tslider{
	width:100%;
	margin:0 auto;
	overflow:hidden;
}
#tslider .slick-slide{
	padding-left:3.125vw;
	padding-right:3.125vw;
}
#think .inner:not(.top){
	padding-top:0;
}
#think .inner:not(.top) p{
	text-align:left;
}

#intro{
	background-color:#fff;
}
#intro h3.sub-ttl4{
	background-image: url("../img/Intro_bg.jpg");
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
}
#intro .inner.top{
	border-bottom:none;
	padding-top:5.469vw;
	padding-bottom:5.469vw;
}
#intro p{
	text-align:center;
}
#islider{
	width:100%;
	margin:0 auto;
	overflow:hidden;
}
#islider .slick-slide{
	padding-left:3.125vw;
	padding-right:3.125vw;
}
#intro .inner:not(.top){
	padding-top:0;
}
#intro .inner:not(.top) p{
	text-align:left;
}