body{min-width: 1200px; color:#2d343c;}
.skip {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important; font-size: 0; width: 0; height: 0;}
.blind {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important;}
a:hover, a:focus{color:#d00616;}
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}
.wrap_fix{position:relative; display:inline-block; vertical-align:top; margin:0 auto; min-width:1200px; text-align:left;}
#body .body_wrap .wrap_fix{position:relative; display:inline-block; vertical-align:top; margin:0 auto; width:1000px; text-align:left;}
#header, #body, #footer{text-align: center;}

/* header */
#header{position: absolute; min-width: 1200px; width: 100%; box-shadow: 1px 0 3px rgba(0,0,0,0.1); border-bottom: 1px solid #e6e7e7; z-index: 1000;}
#header a{display: inline-block; vertical-align: middle;}
.hd_top{height: 35px; background: #f7f7f7; color:#2d343c; border-bottom: 1px solid #d5dadf;}
.hd_top .hd_left{width: 200px; float: left; height: 35px; display: inline-block;}
.hd_left .hl_favorites{float: left;  border-left: 1px solid #e3e6ec; border-right: 1px solid #e3e6ec; text-align: center;}
.hd_left .hl_favorites a.btn_favorites {display: inline-block; vertical-align: middle; line-height: 35px; width: 105px; background: #d00616; color:#ffffff;}
.hd_left .hl_favorites a span.fa-bars{font-size: 9px; vertical-align: top; margin-top: 12px; margin-right: 3px;}
.hd_left .hl_favorites a span.fa-bookmark{margin-right: 8px;}
.hd_left .hl_favorites a.btn_favorites:hover, .hd_left .hl_favorites a.btn_favorites:focus{color:#d00616; background-color: #ffffff;}
.hd_top .hd_right{width: 1000px; float: right; text-align: right; height: 35px;}
.hd_right .hl_fontsize{float: right; height: 35px;}
.hd_right .hl_fontsize .fs13{line-height: 34px; display: inline-block; vertical-align: middle; margin-left: 19px; margin-right: 9px;}
.hd_right .hl_fontsize a{display: inline-block; vertical-align: middle; width: 22px; height: 22px; line-height: 22px; font-size: 15px; background: #ffffff; text-align: center; border: 1px solid #d0d0d0; border-radius: 4px; margin-left: 2px;}
.hd_right .hl_fontsize a:hover, .hd_right .hl_fontsize a:focus{background: #d00616; color: #ffffff;}
.hd_right .hl_fontsize .btn_font_reset{width: 70px; font-size: 13px;}
.hd_center{position: relative; z-index: 10;}
.hd_center .hd_bottom{clear: both; height: 40px; text-align: right;}
.hd_bottom .hr_menu{display: inline-block; vertical-align: middle; color:#7a7c7d; margin-top: 20px;}
.hd_bottom .hr_menu ul{display: inline-block; vertical-align: middle;}
.hd_bottom .hr_menu ul li{float: left;}
.hd_bottom .hr_menu ul li a{position: relative; padding: 0 10px; }
.hd_bottom .hr_menu ul li a span.fas{margin-right: 5px; color:#d00616;}
.hd_bottom .hr_menu ul li a::after{content: ""; position: absolute; right:0; top:4px; width: 1px; height: 10px; background: #e0e6ea;}
.hd_bottom .hr_menu ul li.last a::after{display: none;}
.gnb{position: relative;}
.gnb.active .nav_main_bg{height: auto;}
.nav_main_bg{overflow: hidden; height: 80px; background: url(../images/bg_nav.png) center 80px repeat-x #ffffff; }
.hd_logo{position: relative; height: 80px; width: 300px; float: left;}
.hd_logo h1.logo{text-align: center; height: 50px;}
.hd_logo h1.logo a{background: url(/images/logo.png) no-repeat center; vertical-align: middle; width: 100%; height: 50px;}
.nav_main {float: left; width:900px; }
.nav_main a{-webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
.nav_main ul{display: inline-block; vertical-align: middle; margin-left: 60px;}
.nav_main .nav_01 .mv_m{padding-left: 0;}
.nav_main .mv_m{width:168px; height: 80px; line-height: 80px;  text-align: center; position: relative; font-size: 20px; font-weight: 300;}
.nav_main .nav_01 .mv_m::before{content: ""; position: absolute; left:0; top:37px; width: 1px; height: 10px; background: #e0e6ea;}
.nav_main .mv_m::after{content: ""; position: absolute; right:0; top:37px; width: 1px; height: 10px; background: #e0e6ea;}
.nav_main .nav_sub{position: relative; padding: 20px 0 20px; height: 245px; width: 168px; margin: 0; margin-top: 1px; display: block; text-align: left;}
.nav_main .nav_01 .nav_sub::before{content:""; position: absolute; left:0px; top:25px; width: 1px; height: 240px; background: #f2f3f5;}
.nav_main .nav_sub::after{content:""; position: absolute; right:0px; top:25px; width: 1px; height: 240px; background: #f2f3f5;}
.nav_main .mv_s {font-size: 14px; font-size: 1.4rem; margin-left:15px; padding-left:15px; width: 120px; height: 35px; line-height: 35px; letter-spacing: -1px;}
.nav_main .mv_s span{display: inline-block; vertical-align: middle; padding: 4px 0; line-height: 12px;}
.nav_main .dep1{float: left; font-size: 18px; position: relative; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
.nav_main .dep1 .nav_sub{background: url(/images/nav_active_bg.png) no-repeat center top; background-size: 0% 2px; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
.nav_main .dep1.active::after{left:0; width:100%;}
.nav_main .dep1.active .nav_sub{background: url(/images/nav_active_bg.png) no-repeat center top #f2f3f5; background-size: 100% 2px;}
.nav_main .dep1.activeFix .nav_sub{background: url(/images/nav_active_bg.png) no-repeat center top; background-size: 100% 2px;}
.nav_main .dep1:hover.activeFix .nav_sub, .nav_main .dep1:focus.activeFix .nav_sub{background: url(/images/nav_active_bg.png) no-repeat center top #f2f3f5; background-size: 100% 2px;}
.nav_main .dep1.activeFix a.mv_m{color:#d00616;}
.nav_main .dep1.activeFix::before{content:""; position: absolute; top:13px; right:35px; width: 18px; height:14px; background: url(/images/icon_checked.png) no-repeat center; z-index: 10;}
.nav_main .dep1.nav_01.activeFix::before{right:26px;}
.nav_main .dep2.active a{color:#d00616; font-weight: bold; margin-top: -1px; margin-bottom: 1px;}
.nav_main .dep2.activeFix a.mv_s{color:#d00616; font-weight: bold; margin-top: -1px; margin-bottom: 1px;}

/* footer */
#footer{position: relative; background: #1b1d1f;}
#footer a{display: inline-block; vertical-align: middle;}
.ft_link{height: 60px; background: #242628;}
.ft_link a{padding:0 15px; line-height: 60px; position: relative;}
.ft_link a::after{content: ""; position: absolute; left:0; top:25px; width: 1px; height: 12px; background: #3f3f3f;}
.ft_link a.first{padding-left: 0;}
.ft_link a.first::after{display: none;}
.ft_copy{padding-bottom: 40px;  margin-top: 30px;}
.ft_copy ul{display: inline-block; vertical-align: middle; width: 100%;}
.ft_copy ul li{padding:6px 12px 6px 12px; position: relative; float: left;}
.ft_copy ul li.first{padding-left: 0;}
.ft_copy ul li::after{content: ""; position: absolute; left:0; top:11px; width: 1px; height: 9px; background: #3f3f3f;}
.ft_copy ul li.first::after{display: none;}
.ft_copy ul li span{display: inline-block; vertical-align: middle;}

.btn_top{position: absolute; top:-225px; right:0; width: 80px; height: 80px; text-align: center; color:#ffffff; font-size: 35px; background: #b41d26; line-height: 80px;}
.btn_top:hover, .btn_top:focus{line-height: 65px; color:#ffffff;}

/* body */
#body{padding-top: 157px;}
.sw_title{position: absolute; left:200px; top:100px; width: 349px; height: 84px; background: url(../images/sub_visual_slogan.png) no-repeat;}
.sw_text{position: absolute; left:630px; top:110px; color:#45515c; letter-spacing: -1px;}
.sw_text b{color:#231916;}
.sub_visual{display: inline-block; vertical-align: middle; width: 100%; height: 335px; background: url(/images/sub_visual_bg_00.jpg) no-repeat center -100px;  background-size: 100% auto; background-attachment: fixed;}
.sub_visual .wrap_fix{height: 335px;}
@media screen and (max-width:1600px){
    .sub_visual{background-size: 1600px auto;}
}
.sub_visual.sp_01{background-image: url(/images/sub_visual_bg_01.jpg);}
.sub_visual.sp_02{background-image: url(/images/sub_visual_bg_02.jpg);}
.sub_visual.sp_03{background-image: url(/images/sub_visual_bg_03.jpg);}
.sub_visual.sp_04{background-image: url(/images/sub_visual_bg_04.jpg);}
.sub_visual.sp_05{background-image: url(/images/sub_visual_bg_05.jpg);}
.sub_visual .subnav_title{
    position: relative; text-align: center; font-size: 50px; line-height: 65px; color:#ffffff; margin-top: 130px;
    text-shadow:0px 0px 10px rgba(0,0,0,0.5);
    animation: c2-animation 0.5s;
    -webkit-animation: c2-animation 0.5s;
}
.sub_visual .subnav_title::after{
    content:""; position: absolute; left:50%; bottom:-5px; margin-left: -25px; width: 50px; height: 2px; background: #ffffff;
    box-shadow:0px 0px 10px rgba(0,0,0,0.5);
    animation: c1-animation 1s;
    -webkit-animation: c1-animation 1s;
}
.breadcrumbs{ position: absolute; right:0; bottom:15px;}
.breadcrumbs ol{text-align: center; margin-top: 30px; font-size: 1.3px; font-size: 1.3rem; color:#ffffff; text-shadow:0px 0px 3px rgba(255,255,255,0.5);}
.breadcrumbs ol li{display: inline-block; vertical-align: middle;}
.breadcrumbs .divide{display: inline-block; width: 40px; text-align: center; color:#999999;}

.nav_sub_wrap{ border-bottom: 1px solid #eaeaea; height: 64px; line-height: 64px;}
.nav_sub_body{display: inline-block; vertical-align: middle; width: 100%; height: 64px; line-height: 64px;}
.nav_sub_body li{float: left; position: relative; font-size: 0;}
.nav_sub_body li a{display: inline-block; vertical-align: middle; position: relative; width: 100%; height: 64px; line-height: 64px; text-align: center; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; font-size: 16px;}
.nav_sub_body li.first::before{content:""; position: absolute; left:0; top:24px; width: 1px; height: 20px; background: #f1b4b9;}
.nav_sub_body li::after{content:""; position: absolute; right:0; top:24px; width: 1px; height: 20px; background: #f1b4b9;}
.nav_sub_body li a::after{content:""; position: absolute; left:50%; bottom:0px; width: 0; height: 2px; background: #d00616; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
.nav_sub_body li a:hover, .nav_sub_body li a:focus, .nav_sub_body li.active a{color:#d00616;}
.nav_sub_body li a:hover::after, .nav_sub_body li a:focus::after, .nav_sub_body li.active a::after{width: 100%;  margin-left: -50%;}
.nav_sub_wrap.nav_cnt_2 .nav_sub_body li{width: 50%;}
.nav_sub_wrap.nav_cnt_3 .nav_sub_body li{width: 33.333333%;}
.nav_sub_wrap.nav_cnt_4 .nav_sub_body li{width: 25%;}
.nav_sub_wrap.nav_cnt_5 .nav_sub_body li{width: 20%;}
.nav_sub_wrap.nav_cnt_6 .nav_sub_body li{width: 16.66666%;}
.nav_sub_wrap.nav_cnt_7 .nav_sub_body li{width: 14.28571%;}


.page_title{position: relative; margin-top: 140px; line-height: 100px; color:#edf0f3; font-size: 60px; font-weight: bold;}
.page_title h1::after{content:""; position: absolute; left:0; top:-10px; width: 30px; height: 4px; background: #d00616;}
.sp_wrap{position: relative; display: inline-block; vertical-align: middle; text-align: center; width: 100%;}
.sp_wrap .sp_left{float: left; width: 250px;}
.sp_wrap .sp_right{float: left; width: 950px;}
.sp_wrap .sp_box{display: inline-block; vertical-align: middle; width: 100%;}
.sp_wrap .spa_title{position: relative; font-size: 28px; font-weight: 500; text-align: center; padding-top: 50px; padding-bottom: 20px;}
.sp_wrap .spa_title span{position: absolute; left:50%; top:0; width: 1px; height: 30px; background: #d00616;}

.nav_tab{position: relative; border: 1px solid #b41d26; display: inline-block; vertical-align: middle; width: 100%;}
.nav_tab li{float: left;}
.nav_tab li a{border-left: 1px solid #b41d26; text-align: center;}
.nav_tab li.first a{border-left: none;}
.nav_tab a{display: block; width: 100%; font-size: 21px; color:#ffffff; line-height: 60px; height: 60px; color:#b41d26;}
.nav_tab li.active a{background: #b41d26; color:#ffffff;}


/* sp00 */
.sp_00 a{color:#d00616;}
.sp_00 a:hover, .sp_00 a:focus{text-decoration: underline;}

dl.conBox{display: inline-block; vertical-align: middle; width: 100%;}
dl.conBox dt{width: 150px; height: 200px; float: left; font-size: 18px;}
dl.conBox dt span{display: inline-block; vertical-align: middle; margin: 12px 0 0 10px; width:40px; height: 20px; background: url(../images/icon_dot3_red.png) no-repeat;}
dl.conBox dd{width: 1030px; float: left;}

/* sp01 */
.sp_01 .history_wrap{background: url(/images/history_bg.png) repeat-y center center; margin-top: 100px; padding-bottom: 20px; margin-bottom: 120px;}
.sp_01 .history_wrap span.hw_year{color:#d00616;}
.sp_01 .history_wrap .hw_icon{position: relative; display: inline-block; vertical-align: middle; width:30px; height: 30px; padding:5px; font-size: 30px; color: #9c2b31; background: #ffffff; text-align: center;}
.sp_01 .history_wrap .hw_icon i{position: absolute; left:5px; top:5px;}
.sp_01 .history_wrap .hw_icon i.icon_2{ top:15px; left:15px; font-size: 10px; color:#ffffff;}
.sp_01 .history_wrap .hw_right{margin-left: 50%;}
.sp_01 .history_wrap .hw_right .hw_icon{left:-20px;}
.sp_01 .history_wrap .hw_right dd{ padding-left: 45px;}
.sp_01 .history_wrap .hw_left{margin-right: 50%;}
.sp_01 .history_wrap .hw_left .hw_icon{left:auto; right:-20px;}
.sp_01 .history_wrap .hw_left {text-align: right;}
.sp_01 .history_wrap .hw_left dd{ padding-right: 45px;}
.sp_01 .history_wrap dl{position: relative; letter-spacing: -1px;}
.sp_01 .history_wrap dt{position: absolute; left:0; top:-20px; font-size: 35px; font-weight: bold; width: 600px;}
.sp_01 .history_wrap dd{padding-top: 40px;}
.sp_01 .history_wrap dd ul li{margin: 15px 0; line-height: 28px;}
.sp_01 .history_wrap dd ul li span{display: inline-block; vertical-align: top; width: 55px;}
.sp_01 .history_wrap dd ul li b{font-weight: bold; color:#565656;}

.sp_01_01 .area1{display: inline-block; vertical-align: middle; width: 100%;}
.sp_01_01 .photo_wrap{width: 580px; float: left; margin-top: 8px;}
.sp_01_01 .con_wrap{float: left; position: relative;}
.sp_01_01 .con_wrap::after{content:""; position: absolute; left:-85px; top:45px; width:623px; height: 5px; background: #d00616;}
.sp_01_01 .con_wrap .con_title{font-size: 30px;}
.sp_01_01 .con_wrap div{line-height: 35px;}
.sp_01_01 .con_wrap .sign{height: 37px; margin-top: 25px; background: url(/images/sp_01_01_sign.png) no-repeat center right;}

.sp_01_02 .area1 div{line-height: 40px;}
.sp_01_02 .area1 p{line-height: 30px; margin-top: 50px;}
.sp_01_02 .nav_tab li{width:50%}
.sp_01_02 .area3{line-height: 30px;}
.sp_01_02 .area4{background: #fbf2f3; padding-top: 80px; padding-bottom: 150px;}
.sp_01_02 .area4 p{position: relative;}
.sp_01_02 .area4 p::after{content:""; position: absolute; width:135px; left:0; bottom:1px; border-bottom: 2px solid #b41d26;}

.sp_01_03 .center_info{font-size: 20px; font-weight: normal; margin-bottom: 40px; line-height: 1.6;}
.sp_01_03 .area1 {}
.sp_01_03 .area1 dd .box{font-size: 22px; padding:15px 0; line-height: 29px; text-align: center; letter-spacing: -0.5px; background: #ffffff;}
.sp_01_03 .area1 dd .box p{width:98%; margin-left: 1%; box-shadow: 1px 1px 3px rgba(0,0,0,0.3); padding:30px 0;}
.sp_01_03 .area1 dd .box p span{display: inline-block; vertical-align: middle;}
.sp_01_03 .area2 .step li{position: relative; float: left; width:246px; height: 246px; border-radius: 50%; text-align: center; border: 2px solid #bb303a; margin-left: -10px; line-height: 32px; letter-spacing: -1px;}
.sp_01_03 .area2 .step li span{display: inline-block; vertical-align: middle; margin-top: 78px; font-size: 18px;}
.sp_01_03 .area2 .step li.sl1 {margin-left: 30px;}
.sp_01_03 .area2 .step li.sl2 span{margin-top: 90px;}
.sp_01_03 .area2 .step li.slt1{background: rgba(255,255,255,0.9); color:#d00616}
.sp_01_03 .area2 .step li.slt2{background: rgba(208, 6, 22,0.9); color:#ffffff;}
.sp_01_03 .area3{height: 620px;}
.sp_01_03 .area3 .step_wrap{position: relative; width: 400px; height: 400px; margin-left: 320px; margin-top: 100px; line-height: 400px; font-size: 30px; color:#d00616; border-radius: 50%; border: 1px dashed #d00616; text-align: center;}
.sp_01_03 .area3 .step_wrap .step{position: absolute; left:0; top:0;}
.sp_01_03 .area3 .step_wrap .step li{position: absolute; width: 198px; height: 198px; border-radius: 50%; border: 1px dashed #d00616; background: #ffffff;}
.sp_01_03 .area3 .step_wrap .step li span{position: absolute; left:10px; top:10px; width:178px; height: 178px; line-height: 178px; border-radius: 50%; box-shadow:0px 3px 3px rgba(0,0,0,0.2); font-size: 20px; color:#484343;}
.sp_01_03 .area3 .step_wrap .step li.sl1{top:-100px; left:100px;}
.sp_01_03 .area3 .step_wrap .step li.sl2{top:40px; left:-100px;}
.sp_01_03 .area3 .step_wrap .step li.sl3{top:40px; left:300px;}
.sp_01_03 .area3 .step_wrap .step li.sl4{top:270px; left:-30px;}
.sp_01_03 .area3 .step_wrap .step li.sl5{top:270px; left:230px;}
.sp_01_03 .nav_tab li{width:25%}
.sp_01_03 .area5 table td{height: 30px;}
.sp_01_03 .area5 table td.bg1{height: 35px;}
.sp_01_03 .area6 .w1{width: 50px;}
.sp_01_03 .area6 .w2{width: 67px;}
.sp_01_03 .history_wrap dd ul li span{width:100px;}

.sp_01_04 .staff_wrap{position: relative; width: 100%; height: 920px; margin-top: 70px; }
.staff_wrap .line{position: absolute; background: #d5d5d5;}
.staff_wrap .line span{position: absolute; font-size: 12px; color:#888888; z-index: 25;}
.staff_wrap .line.t_w span.faSt{left:-5px; top:-5px;}
.staff_wrap .line.t_w span.faEd{right:-5px; top:-5px;}
.staff_wrap .line.t_h span.faSt{left:-5px; top:-5px;}
.staff_wrap .line.t_h span.faEd{right:-5px; bottom:-6px;}
.staff_wrap .line.t_h.lh1 span{color:#b41d26;}
.staff_wrap .line.t_w{height: 1px;}
.staff_wrap .line.lw1{width: 460px; top:270px; left:370px;}
.staff_wrap .line.lw2{width: 335px; top:460px; left:150px;}
.staff_wrap .line.lw3{width: 345px; top:460px; left:705px;}
.staff_wrap .line.t_h{width: 1px; height: 100px;}
.staff_wrap .line.lh1{height: 260px; left:600px; top:160px;}
.staff_wrap .line.lh2{left:150px; top:460px;}
.staff_wrap .line.lh3{left:450px; top:460px;}
.staff_wrap .line.lh4{right:450px; top:460px;}
.staff_wrap .line.lh5{right:150px; top:460px;}
.staff_wrap .obj{display: inline-block; vertical-align: middle; text-align: center; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
.staff_wrap .t0{width: 200px; height: 150px; background: #8e8e8e; color:#ffffff; font-size: 18px; line-height: 28px;}
.staff_wrap .t1{background: #b41d26; color:#ffffff; border: 1px solid #b41d26;}
.staff_wrap .t1:hover, .staff_wrap .t1:focus{background: #ffffff; color:#b41d26;}
.staff_wrap .t2{position: relative; font-size: 18px; width: 208px; height: 58px; line-height: 58px; text-align: center; border: 1px solid #a9a8a8; background:#ffffff; margin-bottom: 40px; z-index: 20;}
.staff_wrap .t2:hover, .staff_wrap .t2:focus{background: #b41d26; border: 1px solid #b41d26; color:#ffffff;}
.staff_wrap .t3{position: relative; font-size: 18px; width: 208px; height: 58px; line-height: 58px; text-align: center; border: 1px solid #a9a8a8; margin-bottom: 10px;}
.staff_wrap .t3:hover, .staff_wrap .t3:focus{background: #b41d26; border: 1px solid #b41d26; color:#ffffff;}
.staff_wrap span.bg_sd{position: absolute;}
.staff_wrap .lv_1{position: relative; width:100%; height: 200px;}
.staff_wrap .lv_2{position: relative; width:100%; height: 230px;}
.staff_wrap .lv_3{position: relative; width:100%; height: 130px;}
.staff_wrap .lv_4{position: relative; width:100%;}
.staff_wrap .l1_1{position: absolute; left:525px; top:0; height: 148px; width: 148px; font-size: 26px; line-height: 150px;}
.staff_wrap .l1_1 span.bg_sd{right:-10px; bottom:-10px; width: 120px; height: 120px; border-bottom: 1px solid #b41d26;  border-right: 1px solid #b41d26;}
.staff_wrap .l2_1{position: absolute; top:0; left:160px;}
.staff_wrap .l2_1 span.bg_sd{right:-10px; bottom:-10px; width: 170px; height: 120px; border-bottom: 1px solid #8e8e8e;  border-right: 1px solid #8e8e8e;}
.staff_wrap .l2_1 p{margin-top: 32px;}
.staff_wrap .l2_2{position: absolute; top:0; right:160px;}
.staff_wrap .l2_2 span.bg_sd{left:-10px; top:-10px; width: 170px; height: 120px; border-top: 1px solid #8e8e8e;  border-left: 1px solid #8e8e8e;}
.staff_wrap .l2_2 p{margin-top: 32px;}
.staff_wrap .l3_1{position: absolute; left:495px; top:0; height:58px; line-height: 58px; width: 208px; font-size: 20px;}
.staff_wrap .l3_1 span.bg_sd{left:-10px; top:-10px; width: 200px; height: 50px; border-top: 1px solid #b41d26;  border-left: 1px solid #b41d26;}
.staff_wrap .lv_4 dl{float: left; width: 25%; text-align: center;}
.staff_wrap .lv_4 dl dt{position: relative; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
.staff_wrap .lv_4 dl dt::before{content:""; position: absolute; width:208px; height: 58px; left:50px; top:5px; border: 1px solid #a9a8a8; z-index: 10;}
.staff_wrap .lv_4 dl dt:focus::before, .staff_wrap .lv_4 dl dt:hover::before{border-color: #b41d26;}
.sp_01_04 .area1{background: #fafafa;}
.sp_01_04 .area1 .table.t1{font-size: 16px;}
.sp_01_04 .area1 .table.t1 li{margin: 6px;}


.sp_01_05 .area1{height: 500px; position: relative;}
.sp_01_05 #map_canvas{width: 100%; height:500px;}
.sp_01_05 .area2 .com_info{position: relative;}
.sp_01_05 .area2 .com_info a{position: absolute; right:0; top:0; display: inline-block;vertical-align: middle; width: 160px; text-align: center; border: 1px solid #b41d26; padding: 20px 0; font-size: 18px; color:#b41d26;}
.sp_01_05 .area2 .com_info a span{margin-right: 10px;}
.sp_01_05 .area2 .com_info a:hover, .sp_01_05 .area2 .com_info a:focus{background: #b41d26; color:#ffffff;}
.sp_01_05 .area2 .com_info ul{font-size: 16px; color:#484343; line-height: 30px; margin-top: 36px;}
.sp_01_05 .area3 dl{display: inline-block; vertical-align: middle; width: 100%; padding: 40px 0 40px 0;}
.sp_01_05 .area3 dl dt{float: left; color:#d00616; width: 165px; font-size: 18px;}
.sp_01_05 .area3 dl dd{float: left; line-height: 30px;}
.sp_01_05 .area3 .loc_info_t{ border-top: 3px solid #b41d26;}
.sp_01_05 .area3 .loc_info_b{ border-top: 1px solid #cdcbcb; border-bottom: 1px solid #cdcbcb;}


/* sp02 */
.sp_02_04 .area0 div{font-size: 22px; padding: 20px 0;}
.sp_02_04 .area0 div p{margin-top: 10px; font-size: 24px;}
.sp_02_04 .area1 dd .box{font-size: 26px; height:98px; line-height: 98px; border-radius: 0 0 30px 0; box-shadow: 1px 1px 3px rgba(0,0,0,0.3);}
.sp_02_04 .area2 ul.step{padding-bottom: 80px;}
.sp_02_04 .area2 ul.step li{height: 98px; line-height: 98px; padding-left: 60px; border: 1px solid #b41d26; text-align: left; font-size: 20px; margin-bottom: 50px; position: relative;}
.sp_02_04 .area2 ul.step li.st1{border-style: dotted; color:#d00616;}
.sp_02_04 .area2 ul.step li.st2{border-color: #d8898f; background: #d8898f; color:#ffffff; }
.sp_02_04 .area2 ul.step li.st3{border-color: #c1454f; background: #c1454f; color:#ffffff; }
.sp_02_04 .area2 ul.step li.st4{border-color: #b41d26; background: #b41d26; color:#ffffff; }
.sp_02_04 .area2 ul.step li span{display: inline-block; position: absolute; left:50%; bottom:-40px; margin-left: -18px; width:36px; height: 23px; background: url(../images/icon_step_arrow_down.png) no-repeat;}
.sp_02_04 .area3 p{margin-top: 2px;}

.sp_02_05 .area1 dl.conBox dt{width: 180px;}
.sp_02_05 .area1 dl.conBox dd{width: 1000px;}
.sp_02_05 .area1 dd .box{font-size: 22px; height:98px; line-height: 98px; border-radius: 0 0 30px 0; box-shadow: 1px 1px 3px rgba(0,0,0,0.3); text-align: center; letter-spacing: -0.5px; background: #ffffff;}
.sp_02_05 .area2{background: #fbf2f3; margin-top: -130px;}
.sp_02_05 .area2 dl{float: left; position: relative; width:33.33333%; margin-top: 100px; margin-bottom: 100px;}
.sp_02_05 .area2 dl::after{content:""; position: absolute; right:0; top:20px; width:1px; height:300px; background: #cacaca;}
.sp_02_05 .area2 dl dt{font-size: 20px; text-align: center; font-weight: bold;}
.sp_02_05 .area2 dl dt span{display: inline-block; vertical-align: middle; width:100px; height: 100px; background: url(/images/sp_02_05_iconset_01.png) no-repeat;}
.sp_02_05 .area2 dl dd ul{margin-top: 30px; margin-left: 100px;}
.sp_02_05 .area2 dl dd ul li{margin-top: 10px; margin-bottom: 10px;}
.sp_02_05 .area2 dl.ms1 dt span{background-position: 0 0;}
.sp_02_05 .area2 dl.ms2 dt span{background-position: -100px 0;}
.sp_02_05 .area2 dl.ms3 dt span{background-position: -200px 0;}
.sp_02_05 .area2 dl.ms3::after{display: none;}
.sp_02_05 .area3 dl{float: left; position: relative; width:33.33333%; margin-top: 100px; margin-bottom: 100px;}
.sp_02_05 .area3 dl::after{content:""; position: absolute; right:0; top:20px; width:1px; height:300px; background: #cacaca;}
.sp_02_05 .area3 dl dt{font-size: 20px; text-align: center; font-weight: bold;}
.sp_02_05 .area3 dl dt span{display: inline-block; vertical-align: middle; width:100px; height: 100px; background: url(/images/sp_02_05_iconset_01.png) no-repeat;}
.sp_02_05 .area3 dl dd ul{margin-top: 30px; margin-left: 100px;}
.sp_02_05 .area3 dl dd ul li{margin-top: 10px; margin-bottom: 10px;}
.sp_02_05 .area3 dl.ms1 dt span{background-position: 0 -100px;}
.sp_02_05 .area3 dl.ms2 dt span{background-position: -100px -100px;}
.sp_02_05 .area3 dl.ms3 dt span{background-position: -200px -100px;}
.sp_02_05 .area3 dl.ms3::after{display: none;}

.sp_02_06 .area1 dl.conBox dt{width: 180px;}
.sp_02_06 .area1 dl.conBox dd{width: 1000px;}
.sp_02_06 .area1 dd .box{font-size: 22px; height:98px; line-height: 98px; border-radius: 0 0 30px 0; box-shadow: 1px 1px 3px rgba(0,0,0,0.3); text-align: center; letter-spacing: -0.5px; background: #ffffff;}
.sp_02_06 .area2, .sp_02_06 .area4{background: #fbf2f3; padding-top: 80px; padding-bottom: 180px;}
.sp_02_06 .area3{ padding-top: 80px; padding-bottom: 180px;}
.sp_02_06 .ug_wrap{display: inline-block; width: 100%; margin-top: 40px;}
.sp_02_06 .ug_wrap div{float: left; width:33.33333%; text-align: center;}
.sp_02_06 .ug_wrap div figure{width: 310px; height: 310px; display: inline-block; vertical-align: middle;}
.sp_02_06 .ug_wrap div figure div.img_wrap::before{content:""; display: inline-block; position: absolute; left:10px; top:10px; width: 298px; height: 298px; border: 1px solid #b41d26; opacity: 0.3;}
.sp_02_06 .ug_wrap div figure div.img_wrap{float: none; position: relative; width: 310px; height: 310px; margin-bottom: 20px; text-align: left;}
.sp_02_06 .ug_wrap div figure div.img_wrap img{position: relative;}
.sp_02_06 .ug_wrap div figure figcaption{height: 50px; line-height: 50px; background: #b41d26; color:#ffffff; text-align: center; font-size: 20px; font-weight: bold;}

.sp_02_07 #form_reg{position: relative; display: none;}

/* sp03 */
.sp_03 .agree_wrap{height: 155px; overflow-y: scroll;}
.sp_03 #frm .show{display:inherit;}
.sp_03 #frm .hidden{display: none;}
.sp_03 span.error{margin-left: 10px;}

.sp_03_01 .area1 .step{margin-left: 10px; margin-top: 60px;}
.sp_03_01 .area1 .step li{position: relative; float: left; width:196px; height: 196px; border-radius: 50%; text-align: center; border: 2px solid #bb303a;}
.sp_03_01 .area1 .step li span{display: inline-block; vertical-align: middle; margin-top: 88px; font-size: 18px;}
.sp_03_01 .area1 .step li.sl3 span{margin-top: 76px;}
.sp_03_01 .area1 .step li.slt1{background: rgba(255,255,255,0.9); color:#d00616;}
.sp_03_01 .area1 .step li.slt2{background: rgba(208, 6, 22,0.9); color:#ffffff;}
.sp_03_01 .area1 .step li.slt3{background: rgba(255,255,255,0.9); color:#d00616; border-style: dashed;}
.sp_03_01 .area1 .step_process{display: inline-block; vertical-align: middle; position: relative; margin-left: 110px; width: 805px; height: 45px; border: 1px dashed #d00616; border-width: 0 1px 1px 1px; margin-bottom: 70px;}
.sp_03_01 .area1 .step_process span{position: absolute; color:#d00616; font-size: 24px;}
.sp_03_01 .area1 .step_process span.sp1{left:-8px; top:0;}
.sp_03_01 .area1 .step_process span.sp2{left:195px; bottom:-13px;}
.sp_03_01 .area1 .step_process span.sp3{left:395px; bottom:-13px;}
.sp_03_01 .area1 .step_process span.sp4{right:195px; bottom:-13px;}
.sp_03_01 .area1 .step_process span.sp5{right:-8px; top:0;}
.sp_03_01 .area2 dl dt{height: 100px;}

.sp_03_02 .support_box_kind {display: none;}
.sp_03_02 .support_box {display: none;}
.sp_03_02 .center_line{border: 1px dotted #cdcdcd; margin-top: 20px; margin-bottom: 20px;}

/* sp04 */
.sp_04 #frm .show{display:inherit;}
.sp_04 #frm .hidden{display: none;}
.sp_04 span.error{margin-left: 10px;}

.sp_04_01 .area1 .step li{position: relative; float: left; width:176px; height: 176px; border-radius: 50%; text-align: center; border: 2px solid #bb303a; margin-left: -10px;}
.sp_04_01 .area1 .step li::after{content:""; position: absolute; left:78px; bottom:-14px; width:15px; height: 23px; background: url(../images/icon_step_arrow_right.png) no-repeat;}
.sp_04_01 .area1 .step li span{display: inline-block; vertical-align: middle; margin-top: 78px; font-size: 18px;}
.sp_04_01 .area1 .step li.sl6 span{margin-top: 66px;}
.sp_04_01 .area1 .step li.slt1{background: rgba(255,255,255,0.9); color:#d00616;}
.sp_04_01 .area1 .step li.slt2{background: rgba(208, 6, 22,0.9); color:#ffffff;}
.sp_04_01 .area1 .step li.slt3{background: rgba(255,255,255,0.9); color:#d00616; border-style: dashed;}
.sp_04_01 .area1 .dot{margin-top: 40px;}
.sp_04_01 .area1 .dot li{float: left; margin-left: 30px; margin-right: 30px;}
.sp_04_01 .area2 dd .svs_top{display: inline-block; vertical-align: middle; width: 100%;}
.sp_04_01 .area2 dd .svs_bot{display: inline-block; vertical-align: middle; width: 100%; margin-top: 50px;}
.sp_04_01 .area2 dd figure{float: left; width: 260px; margin-right: 10px;}
.sp_04_01 .area2 dd figure img{margin-bottom: 10px;}
.sp_04_01 .area2 dd figure figcaption{background: #b41d26; color:#ffffff; text-align: center; line-height: 50px; font-size: 16px;}
.sp_04_01 .area2 dd .svs_top div.con_wrap{float: left; margin-left: 10px; width: 478px; height: 322px; border:1px dashed #d00616;}
.sp_04_01 .area2 dd .svs_top div.con_wrap .dot{padding:20px; font-size: 16px; letter-spacing: -1px; line-height: 34px;}
.sp_04_01 .area2 dd .svs_bot div.con_wrap{float: left; margin-right: 10px; width: 478px; height: 322px; border:1px solid #d00616;}
.sp_04_01 .area2 dd .svs_bot div.con_wrap .dot{padding:30px; font-size: 16px; letter-spacing: -1px; line-height: 30px;}
.sp_04_01 .area2 dd .svs_bot figure{margin-right: 0; margin-left: 10px;}

.sp_09_02 #form_reg{position: relative; display: none;}
.sp_09_02 .car_color{display: inline-block; width: 30px; height: 30px; border: 1px solid #777;}
.sp_09_02 .previous_box{position: absolute; right:50px; top:50px; width: 500px; height:347px; border: 1px solid #dedede; padding:30px; background: #eeeeee; overflow-y: auto;}
.sp_09_02 .previous_box p{text-align: center; font-size: 18px; font-weight: bold; margin-bottom: 20px;}
.sp_09_02 .previous_box p b{color:#666;}
.sp_09_02 .previous_box ul{font-size: 15px;}
.sp_09_02 .previous_box ul li{line-height: 30px; letter-spacing: -1px; width: 500px; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sp_09_02 .previous_box ul li span{font-size: 14px; display: inline-block; vertical-align: top; margin-right: 20px;}
.sp_09_02 .previous_box .empty{text-align: center; line-height: 250px; font-size: 16px;}
.sp_09_02 .previous_box .list_empty{text-align: center; line-height: 230px; font-size: 16px;}
.sp_09_02 .carColor{display: inline-block; vertical-align: middle; width: 10px; height: 10px; border: 1px solid #999; margin-right: 5px;}

.sp_09_03 #form_reg{position: relative; display: none;}

/* common */
.form {position:relative; display:inline-block; vertical-align:middle; width:100%;}
.form .f_wrap {display:inline-block; vertical-align:top; width:100%; clear:both; position:relative;}
.form .f_wrap.line {border-bottom:#f5f5f5 solid 1px;}
.form .f_wrap.line.pb5 {padding-bottom:5px;}
.form .f_wrap.line.pb10 {padding-bottom:10px;}
.form .f_wrap.line.pb15 {padding-bottom:15px;}
.form .f_wrap:hover label {color:#d00616;}
.form .f_wrap:hover .fl label {color:inherit;}
.form .f_wrap:hover .fl:hover label {color:#d00616;}
.form p {display:block; text-align:left;}
.form input {display:inline-block; vertical-align:middle;}
.form label {display:inline-block; vertical-align:middle; height:26px; line-height:26px;}
.form label.big {height:33px; font-size:14px; color:#666; letter-spacing:0px; line-height:33px;}
.form label.middle {height:28px; font-size:13px; color:#666; letter-spacing:0px; line-height:28px;}
.form label.small {height:23px; font-size:11px; color:#666; letter-spacing:0px; line-height:23px;}
.form .label {display:inline-block; vertical-align:middle; height:26px; line-height:26px;}
.form .label.big {height:33px; font-size:14px; color:#666; letter-spacing:0px; line-height:33px;}
.form .label.middle {height:28px; font-size:13px; color:#666; letter-spacing:0px; line-height:28px;}
.form .label.small {height:23px; font-size:11px; color:#666; letter-spacing:0px; line-height:23px;}

.form span {vertical-align:middle;}
.form .cf {color:#d00616;}
.form .cb {color:#303733;}
.form2 {position:relative; display:inline-block; vertical-align:middle; width:100%;}
.form2 .f_wrap {display:inline-block; vertical-align:top; width:100%; clear:both; position:relative;}
.form2 .f_wrap.line {border-bottom:#f5f5f5 solid 1px;}
.form2 .f_wrap.line.pb5 {padding-bottom:5px;}
.form2 .f_wrap.line.pb10 {padding-bottom:10px;}
.form2 .f_wrap.line.pb15 {padding-bottom:15px;}
.form2 .f_wrap:hover label {color:#d00616;}
.form2 p {display:block; text-align:left;}
.form2 input {display:inline-block; vertical-align:middle;}
.form2 .label {display:inline-block; vertical-align:middle; height:26px; line-height:26px; font-weight:bold;}
.form2 .label.big {height:33px; font-size:14px; color:#666; letter-spacing:0px; line-height:33px;}
.form2 .label.middle {height:28px; font-size:13px; color:#666; letter-spacing:0px; line-height:28px;}
.form2 .label.small {height:23px; font-size:11px; color:#666; letter-spacing:0px; line-height:23px;}
.form2 .readonly{background-color:#efefef;}

.btn_wrap {display:inline-block; vertical-align:middle; width:100%; text-align:center;}
.btn_wrap ul {display:inline-block; vertical-align:middle; margin:0 auto;}
.btn_wrap li {float:left; display:inline; margin:0 2px;}


@keyframes c1-animation {
    0% { width: 0; margin-left: 0;}
    70% { width: 0; margin-left: 0;}
    100% { opacity: 100%; margin-left: -25px;}
}
@keyframes c2-animation {
    0% { height: 0; font-size: 0;}
    100% { height: 65px; font-size: 50px;}
}