@charset "utf-8";


/* sub(common) */

#content{width: 100%;}
#content .container{padding:120px 0 120px 0;width: 1200px;margin: 0 auto;}
#content .container_full{padding:120px 0 0px 0; width:100%; margin: 0 auto;}
#content .container_in{width:100%; max-width:1200px; margin:0 auto; padding:0px 0;}
#content.rnd02 .container{padding:120px 0 20px 0;width: 1200px; margin:0 auto;}
#content.info04 .container{padding:120px 0 80px 0;width: 1200px; margin:0 auto;}



#sub h4{font-size:35px !important;color: #0D1749;text-align: center;font-weight:600; line-height:30px;margin:0px 0 80px 0; letter-spacing:-0.05em; padding:0px; }
#sub h4 span{padding:0 0 25px 0; background:url(../img/s_img/h4_bar.png) no-repeat center bottom; font-weight:600; font-size:35px; letter-spacing:0em;}
#sub h4 span.non{background:none;}
#sub h4 span.non em.cut{display:block; font-size:28px; color:#777; padding:10px 0 15px 0;background:url(../img/s_img/h4_bar.png) no-repeat center bottom;}
#sub h4.single span{display:inline-block; font-weight:500; padding:50px 0 65px 0;  font-weight:500;  font-size:36px; letter-spacing:-0.05em; margin-bottom:22px; background:url(../img/s_img/h4_line.png) no-repeat center bottom;}
#sub p.h4_tit{font-size:18px; line-height:1.6; text-align:center;margin: 0; color:#333; font-weight:400; padding-bottom:0px; margin-bottom:60px;letter-spacing:-0.025em; }
#sub p.h4_tit span.pc_cut{display:block;}

.f_gm_l{font-family:'GmarketSansLight'; }
.f_gm_m{font-family:'GmarketSansMedium'; }
.f_gm_b{font-family:'GmarketSansBold'; }



/* sub(nav) */

.sub_nav.pc{display: block;width: 100%;height:56px;background: #112964;  overflow-x: hidden;}
.sub_nav.pc ul{width: 1199px;margin: 0 auto;border-left: 1px solid #8894b2;}
.sub_nav.pc ul:after{display: block;content: '';clear: both;}
.sub_nav.pc ul li{float: left;}
.sub_nav.pc ul li a{display: block;width: 100%;height:56px;line-height:56px;text-align: center;color: #fff;border-right: 1px solid #8894b2;font-size: 18px; font-weight:500; letter-spacing:0;}
.sub_nav.pc ul li.on a{background: #fff;color: #112964;}
.sub_nav.pc ul li.double a{padding-top: 9px;height: 56px;line-height: 1.3;}
.sub_nav.s1 ul li{width: 100%;}

.sub_nav.s2 ul li{width: 49.999%;}
.sub_nav.s3 ul li{width: 33.33333333333333%;}
.sub_nav.s4 ul li{width: 25%;}
.sub_nav.s5 ul li{width: 20%;}
.sub_nav.s6 ul li{width: 16.66666666666667%;}
.sub_nav.s7 ul li{width: 14.28571428571429%;}

.sub_nav.mobile{display: none;position: relative;width: 100%;z-index: 1000;}
.sub_nav.mobile a.selected{position: relative;display: block;width: 100%;height: 60px;border-bottom: 1px solid #ccc;}
.sub_nav.mobile a.selected span.txt{display: block;width: 100%;height: 60px;line-height: 60px;font-size: 20px;font-weight: 500;text-align: center;color: #090909;}
.sub_nav.mobile a.selected span.arrow{position: absolute;top: 15px;right: 15px;display: block; width:30px;height: 30px;background: url(../img/s_img/sub_nav_m_arrow.png) no-repeat center center;-webkit-background-size: 100%; background-size: 100%;}
.sub_nav.mobile a.selected.on span.arrow{background: url(../img/s_img/sub_nav_m_arrow_on.png) no-repeat center center;-webkit-background-size: 100%;background-size: 100%;}
.sub_nav.mobile ul{display: none;position: absolute;top: 60px;left: 0;width: 100%;background: #112964;padding: 30px 0;}
.sub_nav.mobile ul li a{display: block;width: 100%;font-size: 20px;color: #fff;text-align: center;height: 40px;line-height: 40px;}
.sub_nav.mobile ul li:hover{background: #0d204e;}
.sub_nav.mobile ul li a:hover{background: #0d204e;}


/* sub(visual) */
.sub_vis{position:relative; width: 100%;height:400px; /* height: 500px; */  margin-top:90px;background: #eee;}
.sub_vis h3{font-size:42px; color:#696969; font-weight:700; letter-spacing:-0.03em;text-align: center;  padding : 144px 0 10px 0;}
.sub_vis p.txt{font-size:20px; line-height:1.2; color:#696969; font-weight:300; text-align: center; padding-top:0px; }
.sub_vis p.one{padding-top:18px !important; }
.sub_vis.w h3{color:#fff !important;}
.sub_vis.w p.txt{color:#fff !important;}


.sub_vis#sub1{background: url(../img/p_img/sub_vis1.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
.sub_vis#sub2{background: url(../img/p_img/sub_vis2.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
.sub_vis#sub3{background: url(../img/p_img/sub_vis3.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
.sub_vis#sub4{background: url(../img/p_img/sub_vis4.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
.sub_vis#sub5{background: url(../img/p_img/sub_vis5.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
.sub_vis#sub6{background: url(../img/p_img/sub_vis6.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
.sub_vis#sub7{background: url(../img/p_img/sub_vis7.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}



@media (max-width: 1399px) {


/* 1399px sub(nav) */

.sub_nav.pc ul{width: 100%;border-left: none;}


/* 1399px sub(visual) */

.sub_visual .visual_list li.vs1 .m_inner{position:relative; margin:50px auto 0px auto;  width:80%; max-width:1200px; text-align:left; color:#fff; line-height:64px; padding:100px 0 0 2%; }
.sub_visual .visual_list li.vs1 .m_inner img, .sub_visual .visual_list li.vs2 .m_inner img, .sub_visual .visual_list li.vs3 .m_inner img{width:80%; max-width:316px;}
.sub_visual .visual_list li.vs2 .m_inner{position:relative; margin:50px auto 0px auto; text-align:left; width:80%; padding:100px 0 0 0; font-size:54px; color:#fff; line-height:64px;}
.sub_visual .visual_list li.vs3 .m_inner{position:relative; margin:50px auto 0px auto; text-align:left; width:80%; padding:100px 0 0 0; font-size:54px; color:#fff; line-height:64px;}
.sub_visual .visual_list li.vs4 .m_inner{position:relative; margin:50px auto 0px auto; text-align:left; width:80%; padding:100px 0 0 0; font-size:54px; color:#fff; line-height:64px;}


} /* 1399px end*/




@media (max-width:1199px) {

#content .container{padding:80px 0 80px 0; width:98%; margin: 0 auto;}
#content .container_full{padding:80px 0 0px 0; width:100%; margin: 0 auto;}
#content .container_in{width:98%; max-width:1200px; margin:0 auto; padding:0px 0;}
#content.rnd02 .container{padding:80px 0 0px 0; width:98%; margin:0 auto;}
#content.info04 .container{padding:40px 0 40px 0;width: 98%; margin:0 auto;}


#sub p.h4_tit{font-size:16px;}

/* 1199px sub(nav) */

.sub_nav.pc{display: none;}
.sub_nav.mobile{display: block;}
.sub_nav.mobile a.selected span.txt{display: block;width: 100%; padding-right:5px; height:60px;line-height: 60px;font-size:18px; letter-spacing:0em; font-weight: 500;text-align: center;color: #090909;}
.sub_nav.mobile a.selected span.txt span.cut{display:block; }

.sub_nav.pc .container{width: 100%;height: 58px;margin: 0 auto;border-right: 1px solid #e1e1e1;border-left: 1px solid #e1e1e1; }
.sub_nav.pc .depth2 ul li.duble{float: left;margin-left:5px; padding-right:9px; letter-spacing:-0.05em; padding-top:10px;background:url(../img/s_img/sub_nav_bar.gif) no-repeat right 43%; text-align:center; line-height:18px !important;}
.sub_nav.pc .depth2 ul li.duble a{font-size:12px;color: #111; letter-spacing:-0.07em;  line-height:18px !important;font-weight: normal; text-align:center;}
.sub_nav.pc .depth2 ul li.duble a span.cut{display:block;}

#sub h4{display:none;}

/* 1199px sub(visual) */
/* sub(visual) */
.sub_vis{width: 100%;margin-top:70px; height:340px; }
.sub_vis h3{font-size:36px; line-height:60px;  letter-spacing:-0.03em; text-align: center; padding:122px 0 0px 0;  }
.sub_vis p.txt{font-size:16px; text-align: center; padding-top:0px;}
.sub_vis p.one{padding-top:16px !important; }



.sub_vis#sub1{background: url(../img/p_img/sub_vis1_m.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
.sub_vis#sub2{background: url(../img/p_img/sub_vis2_m.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
.sub_vis#sub3{background: url(../img/p_img/sub_vis3_m.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
.sub_vis#sub4{background: url(../img/p_img/sub_vis4_m.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
.sub_vis#sub5{background: url(../img/p_img/sub_vis5_m.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
.sub_vis#sub6{background: url(/file/img/p_img/sub_vis6_m.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
.sub_vis#sub7{background: url(/file/img/p_img/sub_vis7_m.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}











} /*1199px end*/



@media (max-width:991px) {

#content .container{padding:60px 0 80px 0; width:96%; margin: 0 auto;}
#content .container_full{padding:60px 0 0px 0; width:100%; margin: 0 auto;}
#content .container_in{width:96%; max-width:1200px; margin:0 auto; padding:0px 0;}
#content.rnd02 .container{padding:60px 0 0px 0; width:96%; margin:0 auto;}
#content.info04 .container{padding:60px 0 80px 0;width: 96%; margin:0 auto;}


/* 991px sub(nav) */

.sub_nav.pc{display: none;}
.sub_nav.mobile{display: block;}
#content h4{display: none;}
#content p.h4_txt{display: none;}

#sub p.h4_tit{font-size:15px; letter-spacing:-0.05em; margin-bottom:50px;}






.sub_nav.mobile a.selected span.txt{display: block;width: 100%; padding-right:5px; height:60px;line-height: 60px;font-size:18px; letter-spacing:0em; font-weight: 500;text-align: center;color: #090909;}
.sub_nav.mobile a.selected span.txt span.cut{display:block; }
.sub_nav.mobile ul li a{display: block;width: 100%;font-size:18px;color: #fff;text-align: center;height: 40px;line-height: 40px;}



/* 991px sub(visual) */

.sub_vis{height:240px;}
.sub_vis h3{font-size:32px;color: #696969; line-height:60px;  letter-spacing:-0.03em; text-align: center; padding:72px 0 0px 0;  }
.sub_vis p.txt{font-size:16px;color: #696969; text-align: center; padding-top:0px;}
.sub_vis p.txt span.m_cut{display:block;}
.sub_vis p.one{padding-top:0px !important; }




} /* 991px end */




@media (max-width:768px) {

#content .container{padding:60px 0 60px 0; width:94%; margin: 0 auto;}
#content .container_full{padding:60px 0 0px 0; width:100%; margin: 0 auto;}
#content .container_in{width:94%; max-width:1200px; margin:0 auto; padding:0px 0;}
#content.rnd02 .container{padding:60px 0 0px 0; width:94%; margin:0 auto;}
#content.info04 .container{padding:60px 0 60px 0;width: 94%; margin:0 auto;}


#sub p.h4_tit{font-size:15px; line-height:1.5; width:98%; margin:0 auto 40px auto;  }
#sub p.h4_tit span.pc_cut{display:inline; }
#sub p.h4_tit span.m_cut{display:block;}

#header .nav.mobile .control_box{position: relative;height: 60px;background:#f5f4f2;border-bottom:1px solid #111;}

/* 768px sub(nav) */

.sub_nav .select{display: block;}
.sub_nav ul{display: none;padding: 35px 0;}
.sub_nav ul li{float: none;width: 100% !important;}
.sub_nav ul li.on{} 
.sub_nav ul li a{background: transparent;color: #fff;border-right: none;font-size: 22px;height: 55px;line-height: 55px;} 
.sub_nav ul li.on a{background: transparent;color: #fff;} 


.sub_nav.mobile ul li a{display: block;width: 100%;font-size:16px;color: #fff;text-align: center;height: 40px;line-height: 40px;}


/* 768px sub(visual) */

.sub_vis{height: 260px; margin-top:60px;}
.sub_vis h3{font-size:28px;letter-spacing:-0.05em; padding-top:82.5px;}
.sub_vis p.txt{font-weight:500; font-size:15px;color: #696969; text-align: center; padding-top:0px;}





.sub_vis#sub1{background: url(../img/p_img/sub_vis1_m.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
.sub_vis#sub2{background: url(../img/p_img/sub_vis2_m.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
.sub_vis#sub3{background: url(../img/p_img/sub_vis3_m.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
.sub_vis#sub4{background: url(../img/p_img/sub_vis4_m.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
.sub_vis#sub5{background: url(../img/p_img/sub_vis5_m.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}



} /* 768px end*/



@media (max-width: 576px) {


.sub_vis{height: 240px;}
.sub_vis h3{font-size:24px; line-height:1.5;color: #fff; letter-spacing:-0.03em; text-align: center; padding:86px 0 0px 0; }
.sub_vis p.txt{font-size:14px; margin-top:8px; }




}/* media576 end */