@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 {
   	margin: 0 auto;
    /* text-align: center; */
    width: 892px;
}
#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: 30px;
}
#main-block .text p.fast {
  margin-top: 35px;
}
#main-block h2.title-01 {
    font-family: 'Crimson Text',"Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
    font-size: 48px;
    line-height: 1.2;
    /* 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: 20px;
    font-style: italic;
    line-height: 1.6;
    letter-spacing: 1.3px;
    text-align: center;
}
#main-block h3.title-03 {
    font-family: 'Crimson Text',"Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
    font-size: 28px;
    line-height: 1.5;
    /* letter-spacing: 3px; */
    margin-top: 90px;
}
#main-block p.title-03-2 {
    font-family: 'Pinyon Script', cursive, "Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
    font-size: 28px;
    line-height: 1;
    /* letter-spacing: 3px; */
    margin-top: 10px;
}
#main-block .tex_c {
  text-align: center !important;
}


/**************************************
#list
**************************************/
#list ul {
margin-top: 100px;
text-align: center;
font-size: 0;
}

#list ul li {
    width: 210px;
    margin: 0 5px 10px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100%;
    box-sizing: border-box;
}
#list ul li:nth-last-child(-n+4){
    width: 210px;
    margin: 0 5px;
}

#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 { 	.footer_button {
max-width: 600px; 	max-width: 600px;
margin: 90px auto 90px; 	margin: 90px auto 90px;
width: 80%; 	width: 80%;
} 	}
	
.footer_button li { 	.footer_button li {
width: 100%; 	width: 100%;
text-align: center; 	text-align: center;
} 	}
	
.footer_button .more_button a { 	.footer_button .more_button a {
max-width: none; 	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;
	}
	} 



/*-----------------------------------------------------------*/

.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;
}

.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;
}
/*-----------------------------------------------------------*/