@charset "UTF-8";
/* CSS Document */

#main p a{
    color:#3278c8;
}
#main .main_bg{
    margin-bottom:30px;
}

#main .leadTxt{
    margin:0 0 20px;
}
#main .leadTxt p{
    color:#f0aa32;
    font-size:18px;
    font-weight:bold;
    line-height:1.5;
}

#main .tabWrap{
    margin:20px 0;
}
#main .tabWrap ul li{
    cursor:pointer;
}
#main .tabWrap .resp-arrow{
    display:none !important;
}


#main p.formBtn{
    max-width:280px;
    margin:20px auto;
}

#main ul.comment li{
    margin:0 0 30px;
}
#main ul.comment li dl{
    font-size:14px;
}
#main ul.comment li dl dt{
    width:80px;
    height:80px;
    display:inline-block;
    vertical-align:top;
    margin:0 10px 15px 0;
}
#main ul.comment li dl dd{
    font-size:12px;
    display:inline-block;
    margin:0 0 15px;
}
#main ul.comment li dl dd span{
    display:inline-block;
    color:#f0aa32;
    font-size:16px;
    font-weight:bold;
    padding-bottom:10px;
    letter-spacing:-.5px;
}

#main p.readmore{
    text-align:center;
    margin:20px 0;
    position:relative;
}
#main p.readmore a{
    display:inline-block;
    background:url(../theme/terra_renaissance/media/img/layout/arrow01.png) no-repeat left 1px;
    padding-left:20px;
}
#main p.pagetop{
    text-align:right;
    margin:20px 0 30px;
    padding:0 10px;
}


@media screen and (max-width : 639px){
#main{
    padding:0 !important;
}
.mainInr{
    padding:0 10px;
}

#main .tabWrap span{
    display:block;
    width:100%;
    height:0 !important;
    padding-top:12.5%;
    overflow:hidden;
}
#main .tabWrap span#tab01{
    background:url(../theme/terra_renaissance/media/img/member/btn_member03_off_sp.png) no-repeat center top;
    background-size:cover;
}
#main .tabWrap span#tab02{
    background:url(../theme/terra_renaissance/media/img/member/btn_member04_off_sp.png) no-repeat center top;
    background-size:cover;
}
#main .tabWrap span#tab03{
    background:url(../theme/terra_renaissance/media/img/member/btn_member05_off_sp.png) no-repeat center top;
    background-size:cover;
}
#main .tabWrap span#tab04{
    background:url(../theme/terra_renaissance/media/img/member/btn_member06_off_sp.png) no-repeat center top;
    background-size:cover;
}
#main .tabWrap span#tab05{
    background:url(../theme/terra_renaissance/media/img/member/btn_member07_off_sp.png) no-repeat center top;
    background-size:cover;
}
#main .tabWrap span#tab06{
    background:url(../theme/terra_renaissance/media/img/member/btn_member08_off_sp.png) no-repeat center top;
    background-size:cover;
}
#main .tabWrap .resp-tab-active span#tab01{
    background:url(../theme/terra_renaissance/media/img/member/btn_member03_on_sp.png) no-repeat center top;
    background-size:cover;
}
#main .tabWrap .resp-tab-active span#tab02{
    background:url(../theme/terra_renaissance/media/img/member/btn_member04_on_sp.png) no-repeat center top;
    background-size:cover;
}
#main .tabWrap .resp-tab-active span#tab03{
    background:url(../theme/terra_renaissance/media/img/member/btn_member05_on_sp.png) no-repeat center top;
    background-size:cover;
}
#main .tabWrap .resp-tab-active span#tab04{
    background:url(../theme/terra_renaissance/media/img/member/btn_member06_on_sp.png) no-repeat center top;
    background-size:cover;
}
#main .tabWrap .resp-tab-active span#tab05{
    background:url(../theme/terra_renaissance/media/img/member/btn_member07_on_sp.png) no-repeat center top;
    background-size:cover;
}
#main .tabWrap .resp-tab-active span#tab06{
    background:url(../theme/terra_renaissance/media/img/member/btn_member08_on_sp.png) no-repeat center top;
    background-size:cover;
}


}
@media screen and (min-width : 640px){

#main .leadTxt{
    display:table;
}
#main .leadTxt p{
    width:445px;
    display:table-cell;
    vertical-align:middle;
    padding-right:10px;
}
#main .leadTxt img{
    display:inline-block;
    display:table-cell;
}

#main .tabWrap{
    position:relative;
    padding-bottom:87px;
}
#main .tabWrap ul{
    overflow:hidden;
    position:absolute;
    bottom:0;
}
#main .tabWrap ul li{
    width:220px;
    height:80px;
    padding:0;
    margin:0 10px 0 0;
    float:left;
}
#main .tabWrap ul li:last-child{
    margin:0;
}
#main .tabWrap ul li span{
    display:block;
    width:220px;
    height:0;
    padding-top:80px;
    overflow:hidden;
}
#main .tabWrap ul li span#tab01{
    background:url(../theme/terra_renaissance/media/img/member/btn_member03_off_pc.png) no-repeat;
}
#main .tabWrap ul li span#tab02{
    background:url(../theme/terra_renaissance/media/img/member/btn_member04_off_pc.png) no-repeat;
}
#main .tabWrap ul li span#tab03{
    background:url(../theme/terra_renaissance/media/img/member/btn_member05_off_pc.png) no-repeat;
}
#main .tabWrap ul li span#tab04{
    background:url(../theme/terra_renaissance/media/img/member/btn_member06_off_pc.png) no-repeat;
}
#main .tabWrap ul li span#tab05{
    background:url(../theme/terra_renaissance/media/img/member/btn_member07_off_pc.png) no-repeat;
}
#main .tabWrap ul li span#tab06{
    background:url(../theme/terra_renaissance/media/img/member/btn_member08_off_pc.png) no-repeat;
}
#main .tabWrap ul li span#tab01:hover,
#main .tabWrap ul li.resp-tab-active span#tab01{
    background:url(../theme/terra_renaissance/media/img/member/btn_member03_on_pc.png) no-repeat;
}
#main .tabWrap ul li span#tab02:hover,
#main .tabWrap ul li.resp-tab-active span#tab02{
    background:url(../theme/terra_renaissance/media/img/member/btn_member04_on_pc.png) no-repeat;
}
#main .tabWrap ul li span#tab03:hover,
#main .tabWrap ul li.resp-tab-active span#tab03{
    background:url(../theme/terra_renaissance/media/img/member/btn_member05_on_pc.png) no-repeat;
}
#main .tabWrap ul li span#tab04:hover,
#main .tabWrap ul li.resp-tab-active span#tab04{
    background:url(../theme/terra_renaissance/media/img/member/btn_member06_on_pc.png) no-repeat;
}
#main .tabWrap ul li span#tab05:hover,
#main .tabWrap ul li.resp-tab-active span#tab05{
    background:url(../theme/terra_renaissance/media/img/member/btn_member07_on_pc.png) no-repeat;
}
#main .tabWrap ul li span#tab06:hover,
#main .tabWrap ul li.resp-tab-active span#tab06{
    background:url(../theme/terra_renaissance/media/img/member/btn_member08_on_pc.png) no-repeat;
}

#main .tabWrap .resp-tabs-container div{
    width:680px;
    height:200px;
}
#main .tabWrap .resp-tabs-container div img{
    display:none;
}
#main .tabWrap .resp-tabs-container #tabcontent01{
    background:url(../theme/terra_renaissance/media/img/member/img_member02_pc.jpg) no-repeat;
}
#main .tabWrap .resp-tabs-container #tabcontent02{
    background:url(../theme/terra_renaissance/media/img/member/img_member03_pc.jpg) no-repeat;
}
#main .tabWrap .resp-tabs-container #tabcontent03{
    background:url(../theme/terra_renaissance/media/img/member/img_member04_pc.jpg) no-repeat;
}
#main .tabWrap .resp-tabs-container #tabcontent04{
    background:url(../theme/terra_renaissance/media/img/member/img_member06_pc.jpg) no-repeat;
}
#main .tabWrap .resp-tabs-container #tabcontent05{
    background:url(../theme/terra_renaissance/media/img/member/img_member07_pc.jpg) no-repeat;
}
#main .tabWrap .resp-tabs-container #tabcontent06{
    background:url(../theme/terra_renaissance/media/img/member/img_member08_pc.jpg) no-repeat;
}


#main ul.comment{
    overflow:hidden;
}
#main ul.comment li{
    width:330px;
    margin:0 0 20px;
    float:left;
}

#main ul.comment li:nth-child(odd){
    margin-right:20px;
}
#main ul.comment li dl dd span{
    font-size:18px;
}

#main p.readmore{
    margin:0 0 20px ;
}

#main p.pagetop{
    margin:-25px 0 5px;
}

}