.html_content {width:100%;margin:0 auto;}
.html_content sec {width:100%;position:relative;display:block;box-sizing: border-box;}
.top_wrapper {height:calc(124/640*100vw);padding:calc(46/640*100vw) calc(36/640*100vw) 0 calc(36/640*100vw);border-bottom:calc(1/640*100vw) solid #dcdcdc;}
.top_wrapper div{background-position: center;background-repeat: no-repeat;background-size:100%;}
.top_wrapper .logo{float:left;background-image:url('../images/main/logo.png');width:calc(250/640*100vw);height:calc(29/640*100vw);}
.top_wrapper .gnb{float:right;background-image:url('../images/main/menu.png');width:calc(40/640*100vw);height:calc(25/640*100vw);}
.body_wrapper {position:relative;}
.body_wrapper .visual{position:relative;background-image: url('../images/main/visual.jpg');width:100%;height:calc(480/640*100vw);background-size: 100%;background-position: center;background-repeat: no-repeat}
.body_wrapper .visual .btn{position:absolute;bottom:calc(57/640*100vw);width:calc(180/640*100vw);height:calc(60/640*100vw);left:calc(47/640*100vw);}
.body_wrapper .visual .btn a{display:inline-block;width:100%;height:100%;}
.body_wrapper .visual .hp{position:absolute;background-image: url('../images/main/hp.png');width:calc(288/640*100vw);height:calc(587/640*100vw);background-size: 100%;background-position: center;background-repeat: no-repeat;top:calc(50/640*100vw);right:calc(63/640*100vw);}
.body_wrapper .cont{
    width:100%;height:calc(2030/640*100vw);position:relative;padding-top:calc(260/640*100vw);box-sizing: border-box;    
}
.body_wrapper .cont .btns {position:absolute;width:100%;bottom:calc(353/640*100vw);}
.body_wrapper .cont .btns .btn_make{padding:0 calc(35/640*100vw);box-sizing: border-box;margin-bottom:calc(25/640*100vw)}
.body_wrapper .cont .btns .btn_make .btn{background:#e94820;color:#FFFFFF;font-size:calc(28/640*100vw);text-align: center;height:calc(90/640*100vw);line-height:calc(90/640*100vw);border-radius:calc(20/640*100vw);}
.body_wrapper .cont .btns .btn_skin{padding:0 calc(35/640*100vw);box-sizing: border-box;}
.body_wrapper .cont .btns .btn_skin .btn{background:#c0c0c0;color:#FFFFFF;font-size:calc(28/640*100vw);text-align: center;height:calc(90/640*100vw);line-height:calc(90/640*100vw);border-radius:calc(20/640*100vw);}
.body_wrapper .cont_bg {
    position:relative;
    width:100%;height:100%;
    background-image:url('../images/main/sec01.jpg');
    background-size: calc(540/640*100vw) calc(1069/640*100vw);
    background-position:center top;
    background-repeat: no-repeat;
}
.footer_wrapper {background-image: url('../images/main/copyright.jpg');width:100%;height:calc(100/640*100vw);background-position: center;background-size: 100%;}

.gnb_menu {
    position:fixed;width:calc(640/640*100vw);height:100%;top:0;right:calc(-640/640*100vw);background-color:rgba(255,255,255,1);color:#FFFFFF;
    transition: right .3s;
}
.gnb_menu a{color:#666666;font-size:calc(26/640*100vw);}
.gnb_menu.on {right:0;}
.gnb_menu .g_top {height:calc(124/640*100vw);width:100%;background:#FFFFFF;padding:calc(10/640*100vw) calc(36/640*100vw) 0 calc(36/640*100vw);box-sizing: border-box;}
.gnb_menu .g_top .glogo{background-image: url('../images/logo.png');width:calc(259/640*100vw);height:calc(100/640*100vw);background-size: 100%;background-position: center;background-repeat: no-repeat}
.gnb_menu .g_top .close{position:absolute;right:calc(30/640*100vw);top:calc(35/640*100vw);color:#acacac;background-image:url('../images/g_close.png');width:calc(35/640*100vw);height:calc(35/640*100vw);background-size: cover;}


.gnb_menu .g_menus {padding:calc(20/640*100vw) 0;box-sizing: border-box;}
.gnb_menu ul{padding:0;margin:0;}
.gnb_menu ul li{width:100%;padding:calc(35/640*100vw) 0;border-bottom:calc(1/640*100vw) solid #cccccc;box-sizing: border-box;}
.gnb_menu ul li.first.off{width:100%;padding:calc(35/640*100vw) 0;}
.gnb_menu ul li.first{padding:calc(35/640*100vw) 0 0 0;}
.gnb_menu ul li a{padding:0 calc(30/640*100vw);display:inline;height:100%;}
.gnb_menu ul li a.period{color:#FFFFFF;padding:0 calc(15/640*100vw);}
.gnb_menu ul li a:focus{outline: none;}
.gnb_menu ul li .sub_menu{width:100%;background:#eeeeee;border-top:calc(2/640*100vw) solid #cccccc;margin-top:calc(35/640*100vw);transition: all .3s;overflow:hidden;}
.gnb_menu ul li .sub_menu li{width:100%;border-bottom:0;}
.gnb_menu ul li .sub_menu li a{width:100%;border-bottom:0;padding:0 calc(65/640*100vw);display:inline-block;height:100%;}
.gnb_menu ul li .sub_menu li a:focus{outline: none;}
.gnb_menu ul li.first.off .sub_menu{display:none;}
.gnb_menu ul li.info_period {background:#e44521;padding:calc(35/640*100vw) calc(20/640*100vw);box-sizing: border-box;font-size:calc(26/640*100vw);position:relative;}
.gnb_menu ul li.info_period .d_day{float:right;font-size:calc(22/640*100vw);text-align:center;margin-right:calc(30/640*100vw);display:inline-block;}
.gnb_menu ul li.info_period .d_day a{color:#FF0000;background:#FFFFFF;padding:calc(2/640*100vw) calc(20/640*100vw);}


.s_ttl {width:100%;text-align:right;padding:calc(57/640*100vw) calc(36/640*100vw) calc(57/640*100vw) 0;box-sizing: border-box;font-size:calc(22/640*100vw);color:#aaaaaa;}
.s_ttl span{color:#e44521}

.s_list {width:100%;display:inline-block;padding-bottom:calc(150/640*100vw)}
.s_list ul{width:100%;}
.s_list ul li{float:left;width:50%;display:inline-block;text-align:center;padding-bottom:calc(70/640*100vw);}
.s_list ul li .skin{display:inline-block;background-size:100%;background-position: center;background-repeat: no-repeat;width:calc(216/640*100vw);height:calc(446/640*100vw);margin-bottom:calc(20/640*100vw);}
.s_list ul li .skin01{background-image: url('../images/main/skin/skin01.jpg');}
.s_list ul li .skin02{background-image: url('../images/main/skin/skin02.jpg');}
.s_list ul li .skin03{background-image: url('../images/main/skin/skin03.jpg');}
.s_list ul li .skin04{background-image: url('../images/main/skin/skin04.jpg');}
.s_list ul li .skin05{background-image: url('../images/main/skin/skin05.jpg');}
.s_list ul li .skin06{background-image: url('../images/main/skin/skin06.jpg');}
.s_list ul li .skin07{background-image: url('../images/main/skin/skin07.jpg');}
.s_list ul li .skin08{background-image: url('../images/main/skin/skin08.jpg');}
.s_list ul li .skin09{background-image: url('../images/main/skin/skin09.jpg');}
.s_list ul li .skin10{background-image: url('../images/main/skin/skin10.png');}
.s_list ul li .skinb01{background-image: url('../images/main/skin/bak/skin01.png');}
.s_list ul li .skinb02{background-image: url('../images/main/skin/bak/skin02.png');}
.s_list ul li .skinb03{background-image: url('../images/main/skin/bak/skin03.png');}

.s_list ul li .skin_ttl_wrap{width:100%;height:calc(70/640*100vw);}
.s_list ul li .skin_ttl{font-size:calc(22/640*100vw);font-weight:bold;text-align: center;width:100%;}
.s_list ul li .skin_type{display:inline-block;font-size:calc(16/640*100vw);color:#ffffff;background:#cccccc;text-align: center;padding:calc(3/640*100vw) calc(15/640*100vw);border-radius:calc(10/640*100vw);}


.photo_list {width:100%;display:inline-block;padding-bottom:calc(50/640*100vw)}
.photo_list ul{width:100%;}
.photo_list ul li{float:left;width:50%;display:inline-block;text-align:center;padding-bottom:calc(60/640*100vw);}
.photo_list ul li .skin{display:inline-block;background-size:cover;background-position: center;background-repeat: no-repeat;width:calc(300/640*100vw);height:calc(300/640*100vw);margin-bottom:calc(0/640*100vw);}

.photo_list ul li .skin_ttl_wrap{width:100%;height:calc(70/640*100vw);}
.photo_list ul li .skin_ttl{font-size:calc(22/640*100vw);font-weight:bold;text-align: center;width:100%;}


.visit_list {width:100%;display:inline-block;padding-bottom:calc(50/640*100vw);}
.visit_list ul{}
.visit_list ul li{margin-bottom:calc(40/640*100vw);padding-bottom:calc(20/640*100vw);border-bottom:calc(1/640*100vw) solid #e0e0e0;}
.visit_list .info_wrap{width:100%;display:inline-block;padding:0 calc(10/640*100vw) calc(10/640*100vw) calc(10/640*100vw);clear:both;box-sizing: border-box;position:relative;}
.visit_list .info_wrap .photo{float:left;width:calc(100/640*100vw);height:calc(100/640*100vw);background-repeat: no-repeat;background-position: center;background-size: cover;border-radius:50%;margin-right:calc(10/640*100vw);}
.visit_list .info_wrap .w_info{float:left;width:calc(500/640*100vw);}
.visit_list .info_wrap .name{float:left;font-size:calc(24/640*100vw);font-weight:700;padding:0 0 0 calc(10/640*100vw);}
.visit_list .info_wrap .name .close{position:absolute;right:calc(20/640*100vw);font-size:calc(18/640*100vw);padding:calc(2/640*100vw) calc(10/640*100vw);background: #393939;color:#FFFFFF;border-radius:calc(10/640*100vw);top:0;}
.visit_list .info_wrap .title{background:#EFEFEF;padding:calc(10/640*100vw);box-sizing:border-box; width:80%;clear:both;font-size:calc(24/640*100vw);white-space: normal;word-break: break-all;border-radius:calc(10/640*100vw);}
.visit_list .info_wrap .day{display:block;font-size:calc(20/640*100vw);padding:0 0 0 calc(10/640*100vw);clear:both;}

.join_list {width:100%;display:inline-block;padding-bottom:calc(50/640*100vw);}
.join_list ul{}
.join_list ul li{margin-bottom:calc(40/640*100vw);padding-bottom:calc(20/640*100vw);border-bottom:calc(1/640*100vw) solid #e0e0e0;}
.join_list .info_wrap{width:100%;display:inline-block;padding:0 calc(10/640*100vw) calc(10/640*100vw) calc(10/640*100vw);clear:both;box-sizing: border-box;position:relative;}
.join_list .info_wrap .w_info{float:left;width:calc(500/640*100vw);}
.join_list .info_wrap .name{float:left;font-size:calc(24/640*100vw);font-weight:700;padding:0 0 0 calc(10/640*100vw);}
.join_list .info_wrap .name .close{position:absolute;right:calc(20/640*100vw);font-size:calc(18/640*100vw);padding:calc(2/640*100vw) calc(10/640*100vw);background: #393939;color:#FFFFFF;border-radius:calc(10/640*100vw);top:0;}
.join_list .info_wrap .nums{float:left;background:#EFEFEF;width:20%;font-size:calc(24/640*100vw);border-radius:calc(10/640*100vw);padding:0 10px;margin-left:20px;}
.join_list .info_wrap .day{float:right;display:block;font-size:calc(20/640*100vw);padding:0 0 0 calc(10/640*100vw);}
.join_list .TOTAL {width:100%;text-align:right;font-size:calc(30/640*100vw);font-weight:bold;padding:0 calc(20/640*100vw);box-sizing: border-box;}

.mt35 {margin-top:calc(35/640*100vw);}
input:focus {outline: none;}