@charset "utf-8";

#wrap #header h1.logo a.main{display:none;}
#wrap #header h1.logo a.sub{display:block;}

/* sub(common) */
#content{width: 100%;}
#content .container{padding:130px 0 200px 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:30px !important;color: #000;text-align: center;font-weight:600; line-height:30px;margin:0px 0 120px 0; letter-spacing:-0.05em; padding:0px; }
#sub h4 span{padding:0 0 37px 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{position:relative; margin-top:0px; display: block;width: 100%;height:56px; overflow-x: hidden; background:#fff url(../img/s_img/sub_nav_dot.gif) repeat-x 0 54px;}
.sub_nav.pc ul{width: 1199px;margin: 0 auto; /* background:url(../img/s_img/sub_nav_part.png) no-repeat 0 12px;*/ /*border-left: 1px solid #70cd9d;*/}
.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:54px; line-height:54px;text-align:center;  color:#707070; background:url(../img/s_img/sub_nav_part.png) no-repeat right 14px;/*border-right: 1px solid #70cd9d;*/ font-size: 17px; font-weight:400; letter-spacing:0px;}
.sub_nav.pc ul li.on a{background: #fff; color: #093F8E; line-height:54px; height:54px; border-bottom:2px solid #093F8E; font-weight:600;  background:url(../img/s_img/sub_nav_part.png) no-repeat right 14px;}
.sub_nav.pc ul li:last-child a{background:none;}
.sub_nav.pc ul li.double a{padding-top: 9px;height: 54px;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 .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: #093F8E;padding: 20px 0; border-bottom: 1px solid #ccc;}
.sub_nav.mobile ul li a{display: block;width: 100%;font-size:18px;color: #fff;text-align: center;height: 40px;line-height: 40px;}
.sub_nav.mobile ul li:hover a{color : #fff;}
.sub_nav.mobile ul li a:hover{background: #08387d;}

/* .sub_nav.mobile ul li a:hover{background: #0d204e;} */

/* sub(visual) */
.sub_vis{position:relative;   display: flex;    align-items: center;  justify-content: center;width: 100%;height:600px; /* height: 500px; */  margin-top:0px;background: #eee;}
.sub_vis h3{font-size:35px; color:#696969; font-weight:700; letter-spacing:-0.03em;text-align: center;  padding : 0;}
.sub_vis p.txt{font-size:18px; line-height:1.2; color:#696969; font-weight:400; 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 100px 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 .sub_nav.mobile a.selected span.txt{display: block;width: 100%;  height:60px;line-height: 60px;font-size:18px; letter-spacing:0em; font-weight: 500;text-align: center;color: #090909;}
#sub .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:0px; height:400px; }
.sub_vis h3{font-size:32px; line-height:60px;  letter-spacing:-0.03em; text-align: center; padding:91px 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 p.h4_tit span.mid_cut{display:block;}

#sub .sub_nav.mobile a.selected span.txt{display: block;width: 100%; height:50px;line-height: 50px;font-size:18px; letter-spacing:0em; font-weight: 500;text-align: center;color: #090909;}
#sub .sub_nav.mobile a.selected span.txt span.cut{display:block; }
.sub_nav.mobile ul li a{display: block;width: 100%;font-size:18px;text-align: center;height: 40px;line-height: 40px;}
.sub_nav.mobile a.selected {
  position: relative;
  display: block;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #ccc;
}
.sub_nav.mobile ul {top: 50px;}

.sub_nav.mobile a.selected span.arrow {top: 10px;}

/* 991px sub(visual) */
.sub_vis{height:340px;}
.sub_vis h3{font-size:28px;color: #696969; line-height:60px;  letter-spacing:-0.03em; text-align: center; padding:71.5px 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 80px 0; width:94%; margin: 0 auto;}
#content .container_full{padding:60px 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: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:94%; 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;}

#sub .sub_nav.mobile a.selected span.txt{display: block;width: 100%; height:50px;line-height: 50px;font-size:18px; }
.sub_nav.mobile a.selected { height: 50px;}
.sub_nav.mobile a.selected span.arrow {
    position: absolute;
    top: 10px;
    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 ul {  top: 50px;}

/* 768px sub(visual) */
.sub_vis{height:300px; margin-top:0px;}
.sub_vis h3{font-size:24px;letter-spacing:-0.05em; padding-top:75px;}
.sub_vis p.txt{ 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:77.5px 0 0px 0; }
.sub_vis p.txt{font-size:14px; margin-top:8px; }

.sub_vis h3 {
  font-size: 22px;
  letter-spacing: -0.05em;
  padding-top: 62.5px;
}

}/* media576 end */