@charset "utf-8";
/* ===================================================
	Home CSS
====================================================== */
/* ---------------------------------------------------

------------------------------------------------------ */
#home #contents_wrap { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 16px;}
#home .flexslider { background: #000; overflow: hidden;}
#home .flexslider p { width: 100%; position: absolute; top: 245px; z-index: 100; text-align: center;}
#home .flexslider .slides { width: 1400px; max-width: 100%; height: 570px; position: relative; line-height: 0; margin: 0 auto; overflow: hidden;}

@media screen and (max-width: 1400px) {
	#home .flexslider .slides { height: 0; padding: 40.7% 0 0;}
	#home .flexslider .slides li { position: absolute !important; left: 0; top: 0;}
	#home .flexslider p { top: 43%;}
}

@media screen and (max-width: 1100px) {

}
@media screen and (max-width: 900px) {
	#home .flexslider p img { width: 65%;}
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 640px) {
	#home .flexslider { max-width: 100%;}
	#home .flexslider .slides { height: auto; padding: 0;}
	#home .flexslider .slides li { position: relative!important;}
	#home .flexslider p { width: 75%; top: 50%; left: 50%; transform: translate(-50%,-50%);}
	#home .flexslider p img { width: auto;}
	#home #contents_wrap { font-size: 15px;}
}

/* ---------------------------------------------------
共通
------------------------------------------------------ */
section { line-height: 2;}
section h2 { padding: 20px 0; text-align: center;}
section h3 { padding: 5px 0; color: #4a0505; font-size: 25px; text-align: center; line-height: 1.5;}
section h3+p { padding-bottom: 25px; text-align: center;}


@media screen and (max-width: 640px) {
	section { line-height: 1.7;}
	section h2 img { width: 240px;}
	section h3 { font-size: 19px; text-align: left;}
	section h3+p { text-align: left;}
}

/* ---------------------------------------------------
#sec1
------------------------------------------------------ */
#sec1 { width: 1100px; padding: 60px 0; margin: 0 auto;}
#sec1_1 { padding: 15px 0 30px;}
#sec1_1 dl { width: 310px; float: left;}
#sec1_1 dl dt { text-align: center;}
#sec1_1 dl dd { padding-top: 10px;}
#sec1_1 dl+img { width: 770px; float: right;}
#sec1_1 ul { clear: both; padding-top: 20px;}
#sec1_1 ul li { float: left;}
#sec1_1 ul:nth-of-type(1) li { margin-right: 0.7%;}
#sec1_1 ul:nth-of-type(1) li:last-child { margin: -180px 0 0 0; float: right; position: relative;}
#sec1_1 ul:nth-of-type(2) li { width: 270px; margin-right: 0.6%; text-align: center;}
#sec1_1 ul:nth-of-type(2) li:last-child { margin-right: 0;}

#sec1_2 { padding: 50px 0 20px;}
#sec1_2 dl { width: 300px; float: right;}
#sec1_2 dl dt { text-align: center;}
#sec1_2 dl dd { padding-top: 10px;}
#sec1_2 dl+img { width: 770px; float: left;}

@media screen and (max-width: 1100px) {
	#sec1 { width: 94%;}
	#sec1_1 dl { width: 38%;}
	#sec1_1 dl+img { width: 60%;}
	#sec1_1 ul:nth-of-type(1) li:first-child { width: 36%;}
	#sec1_1 ul:nth-of-type(1) li:nth-child(2) { width: 29%;}
	#sec1_1 ul:nth-of-type(1) li:last-child { width: 33.6%; margin: -17% 0 0 0;}
	#sec1_1 ul:nth-of-type(2) li { width: 24.5%;}

	#sec1_2 dl { width: 38%;}
	#sec1_2 dl+img { width: 60%;}
}
@media screen and (max-width: 900px) {
}
@media screen and (max-width: 768px) {
	#sec1_1 dl,
	#sec1_1 dl+img,
	#sec1_2 dl,
	#sec1_2 dl+img { width: 100%;}
	#sec1_1 dl,
	#sec1_2 dl { padding-bottom: 20px;}
	#sec1_1 ul { padding-top: 10px;}
	#sec1_1 ul:nth-of-type(2) li { width: 49.5%; padding-bottom: 5px;}
	#sec1_1 ul:nth-of-type(2) li:nth-of-type(2n) { float: right; margin-right: 0;}
	#sec1_1 ul:nth-of-type(2) li img { width: 100%;}

	#sec1_2 { padding: 0 0 20px;}
}
@media screen and (max-width: 640px) {
	#sec1 { padding: 30px 0;}
	#sec1_1 ul:nth-of-type(1) li { width: 49.5%!important;}
	#sec1_1 ul:nth-of-type(1) li:nth-child(2) { display: none;}
	#sec1_1 ul:nth-of-type(1) li:last-child { margin: -28.2% 0 0 0;}
	#sec1_1 dl dt img,
	#sec1_2 dl dt img { width: 250px;}
}


/* ---------------------------------------------------
#sec2
------------------------------------------------------ */
#sec2_wrap { background: url(../../img/shadow.png)no-repeat center top,url(../../img/sec2_bg.png)no-repeat center top,#fff;}
#sec2 { width: 1100px; padding: 50px 0 80px; margin: 0 auto;}
#sec2 .photo_col { position: relative;}
#sec2 .photo_col .line1 { position: absolute; top: -1px; left: 0;}
#sec2 .photo_col .line2 { position: absolute; bottom: -1px; left: 0;}

#sec2 .photo_col>img:nth-of-type(1) { width: 755px; float: right;}
#sec2 .photo_col ul:nth-of-type(1) { width: 340px; float: left;}
#sec2 .photo_col ul:nth-of-type(1) li:first-child { padding-bottom: 5px;}
#sec2 .photo_col ul:nth-of-type(2) { clear: both; padding-top: 5px;}
#sec2 .photo_col ul:nth-of-type(2) li { float: left;}
#sec2 .photo_col ul:nth-of-type(2) li:last-child { float: right;}



@media screen and (max-width: 1100px) {
	#sec2 { width: 94%;}
	#sec2 .photo_col>img:nth-of-type(1) { width: 68.5%;}
	#sec2 .photo_col ul:nth-of-type(1) { width: 30.7%;}
	#sec2 .photo_col ul:nth-of-type(2) li:first-child { width: 54%;}
	#sec2 .photo_col ul:nth-of-type(2) li:last-child { width: 45.5%;}
}
@media screen and (max-width: 900px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 640px) {
	#sec2_wrap { background-size: auto,100%;}
	#sec2 { padding: 30px 0 50px;}
	#sec2 .photo_col>img:nth-of-type(1),
	#sec2 .photo_col ul:nth-of-type(1),
	#sec2 .photo_col ul:nth-of-type(2) li:first-child,
	#sec2 .photo_col ul:nth-of-type(2) li:last-child { width: 100%;}
	#sec2 .photo_col ul li img { width: 100%;}
	#sec2 .photo_col ul:nth-of-type(1) { padding-top: 5px;}
	#sec2 .photo_col ul:nth-of-type(1) li:first-child { width: 48.9%; float: left; padding: 0;}
	#sec2 .photo_col ul:nth-of-type(1) li:last-child { width: 49.9%; float: right;}
	#sec2 .photo_col ul:nth-of-type(2) li:first-child { padding-bottom: 5px;}
}


/* ---------------------------------------------------
#sec3
------------------------------------------------------ */
#sec3_wrap { background: url(../../img/shadow.png)no-repeat center top,url(../../img/sec3_bg.png)no-repeat center 65px;}
#sec3 { width: 1100px; padding: 60px 0 70px; margin: 0 auto;}
#sec3 .photo_col { position: relative;}
#sec3 .photo_col .line1 { position: absolute; top: -1px; left: 0;}
#sec3 .photo_col .line2 { position: absolute; bottom: -1px; left: 0;}
#sec3 .photo_col div { width: 755px; float: left;}
#sec3 .photo_col div img:first-child { padding-bottom: 5px;}
#sec3 .photo_col ul { width: 340px; float: right;}
#sec3 .photo_col ul li:first-child { padding-bottom: 5px;}


@media screen and (max-width: 1100px) {
	#sec3 { width: 94%;}
	#sec3 .photo_col div { width: 68.5%;}
	#sec3 .photo_col ul { width: 30.9%;}
}
@media screen and (max-width: 900px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 640px) {
	#sec3_wrap { background-size: auto,180%;}
	#sec3 { padding: 30px 0 50px;}
	#sec3 .photo_col div,
	#sec3 .photo_col ul { width: 100%;}
	#sec3 .photo_col ul { padding-top: 5px;}
	#sec3 .photo_col ul li { width: 49.7%; float: left;}
	#sec3 .photo_col ul li:first-child { padding-bottom: 0;}
	#sec3 .photo_col ul li:last-child { float: right;}
}


/* ---------------------------------------------------
#sec4
------------------------------------------------------ */
#sec4_wrap { background: url(../../img/shadow.png)no-repeat center top,#fff;}
#sec4 { width: 1100px; padding: 50px 0 100px; margin: 0 auto;}
#sec4 h2 { padding-bottom: 60px;}
#sec4 div:nth-of-type(1) { width: 380px; padding-top: 20px; float: right;}
#sec4 div:nth-of-type(1) p { padding-top: 20px; text-align: center;}
#sec4 div:nth-of-type(1) a { display: block; width: 100%; padding: 8px 0; background: #861d44; color: #fff;}
#sec4 div:nth-of-type(1) a:before { content: ""; padding-left: 15px; background: url(../../img/sec4_mark.gif)no-repeat left center;}
#sec4 div:nth-of-type(1) a:hover { text-decoration: none; opacity: 0.75; filter: alpha(opacity=75); -moz-opacity: 0.75;}

#sec4 div:nth-of-type(2) { width: 690px; float: left;}
#sec4 div:nth-of-type(2) p { padding-top: 20px;}

@media screen and (max-width: 1100px) {
	#sec4 { width: 94%;}
	#sec4 div:nth-of-type(1) { width: 37%;}
	#sec4 div:nth-of-type(2) { width: 60%;}
}
@media screen and (max-width: 900px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 640px) {
	#sec4 { padding: 30px 0 50px;}
	#sec4 h2 { padding-bottom: 15px;}
	#sec4 div:nth-of-type(1),
	#sec4 div:nth-of-type(2) { width: 100%;}
	#sec4 div:nth-of-type(1) { padding-bottom: 40px; text-align: center;}
}



/*clear*/
#sec1:after,
#sec1_1:after,
#sec1_1 ul:after,
#sec1_2:after,
#sec2 .photo_col:after,
#sec2 .photo_col ul:after,
#sec3 .photo_col:after,
#sec4:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; }