@charset "UTF-8";
/*================================================
 *  スライドショー
 ================================================*/
.slide {
	overflow:hidden;
	position:relative;
	width: 100%;
}
.slideInner {
	list-style:none;
	margin:0;
	padding:0;
}
.slideInner li {
	background-repeat:no-repeat;
	background-size: contain;
}
.slideInner li img{width:100%;}
.gray_motto{width: 600px; margin: 5% auto; background: url("../images/gray_motto.svg") center center / contain no-repeat;
font-weight: bold;text-align: center;padding: 5%;}
a .gray_motto{color: white;font-size: 18px;letter-spacing: 1.4px;}

.black_motto,.black_motto02{width: 600px; margin: 2% auto; background: url("../images/black_motto.svg") center center / contain no-repeat;
font-weight: bold;text-align: center;padding: 5%;}
a .black_motto,a .black_motto02{color: white;font-size: 18px;letter-spacing: 1.4px;}

.news li{border-bottom: solid 1px gray;padding: 1.4em; }
.news_ttl{font-size: 18px;font-weight: bold;}

.section01{width: 100%;height: auto; background: url("../images/section01_back.jpg") top center / cover no-repeat;}
.section01 img.section_ttl{width: 70px;float: right;margin:-20px 50px 0px 0;}

.section02{width: 100%;height: auto; background: url("../images/section02_back.svg") top center / contain repeat-y;text-align: center;background-color: #ceab7b;}
.section02_img{width: 100%;margin-top: -50px;}
.section02_img02{width: 100%;margin: 100px auto 0;}
.section02 img.section_ttl{width: 150px;margin:-20px auto 0px;}

.section03{width: 100%;height: auto; background: url("../images/section03_back.jpg") top center / cover no-repeat;}
.section03 img.section_ttl{width: 220px;}
.w200{width: 400px;}

.section04{width: 100%;height: auto; background-color: #f5faf4;}
.section04 img.section_ttl{width: 260px;}

.section05{height: 1250px; background: url("../images/section05_back.jpg") bottom center / contain no-repeat;}
.section05 img.section_ttl{width: 260px;}
.section05 img.section_ribon{width: 400px;}
/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:560px) {
.gray_motto{width: 90%; margin: 5% auto; background: url("../images/gray_motto.svg") center center / contain no-repeat;
font-weight: bold;text-align: left;padding: 5%;}
a.gray_motto {color: white;font-size: 16px;letter-spacing: 1.4px;}

.black_motto,.black_motto02{width: 90%; margin: 2% auto; background: url("../images/black_motto.svg") center center / contain no-repeat;
font-weight: bold;text-align: left;padding: 5%;}

a .black_motto {color: white;font-size: 16px;letter-spacing: 1.4px;}
a .black_motto02 {color: white;font-size: 14px;letter-spacing: 1px;}
.section01{width: 100%;height: auto; background: url("../images/section01_back_sp.jpg") top center / cover no-repeat;padding-top: 160px;}
.section01 img,.section04 img{width: 100%;}
.section01 h3,.section02 h3,.section03 h3,.section04 h3,.section05 h3{text-align: left;font-size: 16px;}
.section02_img{width: 100%;margin-top: -30px;}
.section02_img02{width: 100%;margin: 50px auto 0;}
.section03{width: 100%;height: auto; background: url("../images/section03_back_sp.jpg") top center / cover no-repeat;padding-top: 220px;}
.section05{height: 700px; background: url("../images/section05_back.jpg") bottom center / contain no-repeat;}
.section05 img.section_ribon{width: 80%;}
.sp_lh10{line-height: 1;}
}