/* index */
#contents_wrap { font-size: 116.6%;}
#contents_wrap .image img { max-width: 100%; height: auto; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
#main_image { width: 100%; background: url(../img/vol01/bg_main.jpg) repeat-x;}

.lead_wrap { width: 100%; margin: 0 auto; overflow: hidden; background-color: #FFFBF1; font-size: 114.2%; padding: 100px 0 50px; }
.lead_wrap .text { text-align: center; }
.lead_wrap .text p { font-weight: bold; line-height:2em; }
.lead_wrap img { margin: 50px auto 0; }

.volume_title { margin-bottom: 60px; }

.memo_wrap { background-color: #fff; padding: 91px 0 100px; overflow: hidden; }
.memo_wrap .memo_title { margin-bottom: 120px; }
.memo_wrap .memo_title img { margin: 0 auto; }
.memo_wrap .memo_section { float: left; width: 23.5%; margin-left: 2%; position: relative; }
.memo_wrap .memo_section:first-child { margin-left: 0; }
.memo_wrap .memo_inner { background-color: #fff; border: 4px solid #333; -webkit-border-radius: 10px; border-radius: 10px; padding: 50px 20px 25px; }


.profile_wrap { background: url(../img/vol01/bg_profile_wrap.png) repeat; padding: 70px 55px 90px; overflow: hidden; }
.profile_wrap .profile_title { margin-bottom: 50px; }
.profile_wrap .profile_title img { margin: 0 auto; }
.profile_wrap .profile_section { float: left; width: 31%; margin-left: 3.4%; }
.profile_wrap .profile_title + .profile_section { margin-left: 0; }
.profile_wrap .profile_section dl dt { font-weight: bold; font-size: 142.8%; text-align: center; margin-bottom: 20px; }
.profile_wrap .profile_section .profile_img { text-align: center; margin-bottom: 25px; }

.banner_wrap { background-color: #fff; padding: 60px 0 50px; text-align: center; }
.banner_wrap .unit { padding-bottom: 67px; border-bottom: 1px solid #e8e8e7; }
.banner_title { font-weight: bold; font-size: 128.5%; margin-bottom: 40px; }
.banner_wrap .banner_img { margin-bottom: 25px; }
.banner_wrap .banner_img a:hover { opacity: 0.8; }
.banner_wrap .banner_img img { margin: 0 auto; }
.banner_wrap p a { color: #333; }
.banner_wrap p a:before { content:""; display: inline-block; width: 12px; height: 9px; background: url(/club-me/common/image/arr_gray_333_x2.png) no-repeat left center; -webkit-background-size: 8px auto; -o-background-size: 8px auto; background-size: 8px auto; }

@media only screen and (max-width: 980px) and (min-width: 768px) {
#main_image img {
    width: 130%;
    margin-left: -66%;
}
}

@media only screen and (max-width: 767px) {
	#contents_wrap { font-size: 87.5%;}
	#contents_wrap .unit { padding: 0 20px; border-bottom: none; }

	.lead_wrap { min-width: 0; font-size: 116.6%; padding: 60px 0 50px; }
    .lead_wrap .text { line-height: 1.7; }
    .lead_wrap img { margin: 30px auto 0; }

	.lead_text p { margin-bottom: 20px; }

    .volume_title { margin-bottom: 35px; }

    .memo_wrap { padding: 40px 0 60px; }
	.memo_wrap .memo_title { padding-left: 10px; margin-right: -10px; margin-bottom: 0; }
	.memo_wrap .memo_inner { font-size: 116.6%; }
	.memo_wrap .memo_section { float: none; width: 100%; margin-left: 0; margin-top: 20px; }
	.memo_wrap .memo_section .note_list { margin-top: 10px; font-size: 98%; }
	.memo_wrap .memo_section .memo_inner .memo_head img { max-width: 225px !important; }

	.profile_wrap { padding: 55px 0 0; }
	.profile_wrap .profile_title { margin-bottom: 50px; }
	.profile_wrap .profile_section { float: none; width: 100%; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; margin-left: 0; margin-bottom: 35px; padding: 0 20px; }
	.profile_wrap .profile_section dl dt { margin-bottom: 12px; font-size: 130.7%; }
	.profile_wrap .profile_section dl dd { font-size: 116.6%; }

	.banner_wrap { padding: 45px 0 40px; }
	.banner_title { font-weight: bold; font-size: 116.6%; margin-bottom: 25px; }
	.banner_wrap .banner_img { margin-bottom: 20px; }
}