@charset "utf-8";

@import url(base.css);
@import url(index.css);
@import url(sub.css);

/* wrap */
#cmm_wrap {float:left; width:100%; min-width:1200px;}

/* top */
#cmm_top {float:left; width:100%; background:#03036e;}
#cmm_top > div {width:1200px; margin:0 auto;}
#cmm_top > div > div {position:relative; float:left; width:100%; height:50px;}
#cmm_top .menu01 {position:absolute; left:0; top:20px;}
#cmm_top .menu02 {position:absolute; right:0; top:20px;}
#cmm_top a {float:left; display:block; font-family:"notoMedium"; color:#aaaabc !important;}
#cmm_top span {position:relative; top:4px; float:left; display:block; width:1px; height:10px; margin:0 12px; background:#42427a;}
#cmm_top .menu02 a:first-child {color:white !important;}

/* header */
#cmm_header {position:relative; float:left; width:100%; background:#03036e;}
#cmm_header > div {width:1200px; margin:0 auto;}
#cmm_header > div > div {position:relative; float:left; width:100%; height:80px;}

#cmm_header h1 {position:absolute; left:0; top:10px;}

#cmm_header .gnv {float:right; width:920px; height:100%;}
#cmm_header .gnv > li {position:relative; float:left; width:20%; height:100%;}
#cmm_header .gnv > li > a {position:relative; display:block; width:100%; height:100%; padding-top:30px; box-sizing:border-box; font-size:18px; font-family:"notoMedium"; text-align:center; color:white;}
#cmm_header .gnv > li > a span {display:none;}
#cmm_header .gnv > li:hover > a span {position:absolute; left:50%; bottom:0; display:block; width:90px; height:4px; margin-left:-45px; background:#d2232a;}
#cmm_header .gnv ul {position:absolute; left:0; top:80px; z-index:999; display:block; width:100%; height:280px; padding:10px 0 0 60px; box-sizing:border-box;}
#cmm_header .gnv > li:nth-child(4) ul {padding:10px 0 0 50px; letter-spacing:-1px;}
#cmm_header .gnv ul a {display:block; margin:12px 0; font-family:"notoDemiLight"; color:#555555;}
#cmm_header .gnv ul a:hover {color:#03036e;}

#cmm_header .gnvBg {position:absolute; left:0; top:80px; z-index:99; display:block; width:100%; height:280px; background:white; opacity:0.9;}

/* copy */
#cmm_copy {float:left; width:100%; padding:45px 0; font-size:22px; font-family:"notoBold"; text-align:center; color:#626272; border-top:1px solid #e7e7e7;}

/* bottom */
#cmm_bottom {float:left; width:100%; background:#626272; border-bottom:1px solid #727280;}
#cmm_bottom > div {width:1200px; margin:0 auto;}
#cmm_bottom > div > div {float:left; width:100%; padding:45px 0;}
#cmm_bottom p {float:left; width:100%; margin-bottom:20px;}
#cmm_bottom p a {display:block; float:left; font-size:16px; font-family:"notoRegular"; color:white;}
#cmm_bottom p span {position:relative; top:5px; display:block; float:left; width:1px; height:14px; margin:0 20px; background:#7f7f7f;}
#cmm_bottom address {line-height:28px; font-family:"notoRegular"; letter-spacing:1px; color:white;}

/* footer */
footer {float:left; width:100%; min-width:1200px; background:#626272;}
footer > div {width:1200px; margin:0 auto;}
footer > div > div {position:relative; float:left; width:100%; padding:40px 0;}
footer p {font-family:"notoRegular"; letter-spacing:1px; color:white;}
footer img {position:absolute; right:0; top:50%; margin-top:-21px;}

/* sub */
#cmm_subVisual {position:relative; float:left; width:100%; height:190px; padding-top:65px; box-sizing:border-box; text-align:center; color:white; background:url("../img/common/subVisual.jpg") 50% 50% / cover no-repeat;}
#cmm_subVisual p {font-size:16px; font-family:"notoRegular";}
#cmm_subVisual h2 {padding-bottom:55px; font-size:36px; font-family:"notoBlack";}

#cmm_snv {float:left; width:100%; height:50px; margin:0 auto; border-bottom:1px solid #dddddd;}
#cmm_snv > div {width:1200px; height:100%; margin:0 auto;}
#cmm_snv > div > div {float:left; width:100%; height:100%;}

#cmm_snv a {float:left; display:block; height:100%; padding-top:12px; box-sizing:border-box; font-size:16px; font-family:"notoRegular"; text-align:center; color:#777777; border-right:1px solid #dddddd;}
#cmm_snv a:first-child {border-left:1px solid #dddddd;}
#cmm_snv a.on {font-family:"notoMedium"; color:#111111;}
#cmm_snv.num2 a {width:50%;}
#cmm_snv.num3 a {width:33.3%;}
#cmm_snv.num3:first-child a {width:33.4%;}
#cmm_snv.num4 a {width:25%;}
#cmm_snv.num7 a {width:14.2%;}
#cmm_snv.num7:first-child a {width:14.8%;}

#cmm_sub {width:1200px; margin:0 auto;}
#cmm_sub > div {float:left; width:100%; padding:50px 0 150px;}
#cmm_sub h3 {float:left; width:100%; margin-bottom:50px; font-size:36px; font-family:"notoRegular"; text-align:center;}

.cmm_tab {float:left; width:100%; margin-bottom:80px;}
.cmm_tab li {float:left; width:25%; padding-right:2px; box-sizing:border-box;}
.cmm_tab li:last-child {padding-right:0;}
.cmm_tab a {display:block; width:100%; height:44px; padding-top:8px; box-sizing:border-box; font-size:16px; font-family:"notoRegular"; text-align:center; color:#777777; border:1px solid #dddddd;}
.cmm_tab a.on {font-family:"notoRegular"; color:white; background:#03036e; border:1px solid #03036e;}

a[href="#cmm_top"] {position:fixed; right:10px; bottom:50%; margin-top:-30px;}