@charset "utf-8";

*{}

@media screen and (min-width: 768px) {
#main{  }
#main .title{ padding:10px 0 20px; text-align:center; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
#main .image{ margin-bottom:30px; height:420px; background-image:url(../img/img_main_pc.jpg); background-position:center center; background-repeat:no-repeat; font-size:.1em; line-height:0; text-indent:-9999px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
#member .visual{ margin-bottom:30px; }
#member .image{ margin-bottom:5px; height:360px; background-image:url(../img/img_member_pc.jpg); background-position:center center; background-repeat:no-repeat; font-size:.1em; line-height:0; text-indent:-9999px; }
#member .caution{ color:#969696; font-size:.7em; text-align:center; }
#member .section-01{ padding-bottom:60px; margin-bottom:60px; border-bottom:solid 1px #3c3c3c; }
#member .membersclub{ margin:0 auto; padding:30px; width:690px; border:solid 1px #6e6e6e; }
#member .membersclub .title{ margin-bottom:25px; text-align:center; }
#member .membersclub .lead{ margin-bottom:30px; line-height:2.5em; text-align:center; }
#member .membersclub .btn{ text-align:center; }
#member .memberslist{ overflow:hidden; margin:0 auto; width:960px; }
#member .memberslist-inr{ margin-top:-60px; }
#member .memberslist ul li{ margin-top:60px; }
#member .memberslist .photo-item{ float:left; width:384px; }
#member .memberslist .text-item{ float:right; width:535px; }
#member .memberslist .title{ margin-bottom:15px; }
#member .memberslist .lead{ margin-bottom:15px; line-height:2.2em; }
#member .memberslist .btn-item{ float:left; width:100px; }
#member .memberslist .other-item{ float:right; }
#d16021502 .other-item{ width:210px; }
#d16040402 .other-item{ width:210px; }
#d17013102 .other-item{ width:228px; }
#d17042601 .other-item{ width:294px; }
#d17062902 .other-item{ width:228px; }
}

@media screen and (max-width: 768px) {
#main{  }
#main .title{ margin:0 auto; padding:5px 0 10px; width:114px; font-size:.1em; line-height:0; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
#main .image{ margin-bottom:35px; padding-bottom:calc(100%*420/640); background-image:url(../img/img_main_sp.jpg); background-position:center top; background-repeat:no-repeat; font-size:.1em; line-height:0; text-indent:-9999px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
#member .visual{ margin-bottom:35px; }
#member .image{ margin-bottom:5px; padding-bottom:calc(100%*328/640); background-image:url(../img/img_member_sp.jpg); background-position:center top; background-repeat:no-repeat; font-size:.1em; line-height:0; text-indent:-9999px; }
#member .caution{ padding:0 10px; color:#969696; font-size:.7em; text-align:right; }
#member .section-01{ padding-bottom:30px; margin-bottom:30px; border-bottom:solid 1px #3c3c3c; }
#member .membersclub{ margin:0 auto; width:270px; }
#member .membersclub .title{ margin:0 auto; margin-bottom:25px; width:185px; }
#member .membersclub .lead{ margin-bottom:40px; line-height:2.0em; }
#member .memberslist{ overflow:hidden; margin:0 auto; width:270px; }
#member .memberslist-inr{ margin-top:-30px; }
#member .memberslist ul li{ margin-top:30px; }
#member .memberslist .photo-item{ margin-bottom:15px; }
#member .memberslist .text-item{  }
#member .memberslist .title{ margin-bottom:15px; }
#member .memberslist .lead{ margin-bottom:15px; line-height:2.0em; }
#member .memberslist .btn-item{ width:100px; }
#member .memberslist .other-item{ display:none; }
}