@charset "UTF-8";
/**************************************
common
**************************************/

#featureSection{
	display: block;
	min-width: 1000px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background: #ffffff;
	opacity: 1;
}

#featureSection *{box-sizing: border-box;}


/**************************************
#main-block
**************************************/
#main-block {
	margin: 0 auto;
}
#main-block .main-img img {
  width: 100%;
}
#main-block .text p {
  font-family: "Akzidenz-Grotesk Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
	font-size: 13.65px;
	letter-spacing: 0.04em;
	line-height: 1.76;
  text-align: center;
  margin-top: 24px;
}
#main-block .text p.fast {
  margin-top: 30px;
}
#main-block h2.title-01 {
  font-family: 'Crimson Text',"Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
	font-size: 65.6px;
	line-height: 1;
	letter-spacing: 5px;
  margin-top: 92px;
  text-align: center;
}
#main-block p.title-02 {
  font-family: 'Crimson Text',"Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
	font-size: 24px;
	font-style: italic;
  line-height: 1.6;
  letter-spacing: 2.3px;
  text-align: center;
}
#main-block h3.title-03 {
  font-family: 'Crimson Text',"Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
	font-size: 42px;
	line-height: 1;
	letter-spacing: 3px;
  margin-top: 59px;
}
#main-block .tex_c {
  text-align: center !important;
}


/**************************************
#list
**************************************/
#list ul {
  margin-top: 60px;
	text-align: center;
}

#list ul li {
	width: 23.8%;
	margin: 0 0.4% 1% 0.4%;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: 100%;
	box-sizing: border-box;
}

#list ul li a {
	display: block;
}

#list ul li img {
	width: 100%;
}

.list-01 { background-image: url(../img/img_bg-01.jpg); }
.list-02 { background-image: url(../img/img_bg-02.jpg); }
.list-03 { background-image: url(../img/img_bg-03.jpg); }
.list-04 { background-image: url(../img/img_bg-04.jpg); }
.list-05 { background-image: url(../img/img_bg-05.jpg); }
.list-06 { background-image: url(../img/img_bg-06.jpg); }
.list-07 { background-image: url(../img/img_bg-07.jpg); }
.list-08 { background-image: url(../img/img_bg-08.jpg); }
.list-09 { background-image: url(../img/img_bg-09.jpg); }
.list-10 { background-image: url(../img/img_bg-10.jpg); }
.list-11 { background-image: url(../img/img_bg-11.jpg); }
.list-12 { background-image: url(../img/img_bg-12.jpg); }
.list-13 { background-image: url(../img/img_bg-13.jpg); }
.list-14 { background-image: url(../img/img_bg-14.jpg); }
.list-15 { background-image: url(../img/img_bg-15.jpg); }
.list-16 { background-image: url(../img/img_bg-16.jpg); }
.list-17 { background-image: url(../img/img_bg-17.jpg); }
.list-18 { background-image: url(../img/img_bg-18.jpg); }
.list-19 { background-image: url(../img/img_bg-19.jpg); }
.list-20 { background-image: url(../img/img_bg-20.jpg); }
.list-21 { background-image: url(../img/img_bg-21.jpg); }
.list-22 { background-image: url(../img/img_bg-22.jpg); }
.list-23 { background-image: url(../img/img_bg-23.jpg); }
.list-24 { background-image: url(../img/img_bg-24.jpg); }
.list-25 { background-image: url(../img/img_bg-25.jpg); }
.list-26 { background-image: url(../img/img_bg-26.jpg); }
.list-27 { background-image: url(../img/img_bg-27.jpg); }
.list-28 { background-image: url(../img/img_bg-28.jpg); }
.list-29 { background-image: url(../img/img_bg-29.jpg); }
.list-30 { background-image: url(../img/img_bg-30.jpg); }
.list-31 { background-image: url(../img/img_bg-31.jpg); }
.list-32 { background-image: url(../img/img_bg-32.jpg); }
.list-33 { background-image: url(../img/img_bg-33.jpg); }
.list-34 { background-image: url(../img/img_bg-34.jpg); }
.list-35 { background-image: url(../img/img_bg-35.jpg); }
.list-36 { background-image: url(../img/img_bg-36.jpg); }
.list-37 { background-image: url(../img/img_bg-37.jpg); }
.list-38 { background-image: url(../img/img_bg-38.jpg); }
.list-39 { background-image: url(../img/img_bg-39.jpg); }
.list-40 { background-image: url(../img/img_bg-40.jpg); }
.list-41 { background-image: url(../img/img_bg-41.jpg); }
.list-42 { background-image: url(../img/img_bg-42.jpg); }
.list-43 { background-image: url(../img/img_bg-43.jpg); }
.list-44 { background-image: url(../img/img_bg-44.jpg); }

@media screen and (min-width: 769px) {
	img.fade {
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-ms-transition: all 1s;
		-o-transition: all 1s;
		transition: all 1s;
		opacity: 1;
	}
	
	img.fade:hover {
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-ms-transition: all 1s;
		-o-transition: all 1s;
		transition: all 1s;
		opacity: 0;
	}

}

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

	#list ul li a img {
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-ms-transition: all 1s;
		-o-transition: all 1s;
		transition: all 1s;
		opacity: 1;
	}
	
	#list ul li a.hover img {
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-ms-transition: all 1s;
		-o-transition: all 1s;
		transition: all 1s;
		opacity: 0;
	}
	
}

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

	#list ul li {
		width: 45%;
		margin: 1.5% 1%;
	}

	#list p {
		font-size: 10px;
	}
	
	.title {
		text-align: center;
		margin: 50px auto 10px;
	}

	.main .text {
		width: 80%;
		margin: 0 auto 50px;
	}

}

/*-----------------------------------------------------------*/

.footer_button {
	max-width: 600px;
	margin: 90px auto 90px;
	width: 80%;
}

.footer_button li {
	width: 100%;
	text-align: center;
}

.footer_button .more_button a {
	max-width: none;
}

@media screen and (max-width: 480px) {
  .footer_button li {
    width: 100%;
    margin: 0 auto 10px !important;
  }

  .footer_button li:last-child {
    margin: 0 auto 50px !important;
  }
}

.more_button {
    text-align: center;
    line-height: 1.5;
}

.more_button a {
    display: block;
    padding: 14px 0px;
    max-width: 200px;
    margin: 0 auto;
    font-family: 'Crimson Text',"Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
    font-size: 11px;
    background: #FFF;
    border: 1px solid #000;

    -webkit-transition-duration: 1s;
    transition-duration: 1s;
}

.more_button a:hover {
	color:#000;
    background: #d8d8d8;
    border: 1px solid #d8d8d8;
}
/*-----------------------------------------------------------*/