@charset "utf-8";

/* main container */
.container.main_container > div {width:100%; margin:0; padding:0;}

@media (min-width:1180px) {
	.container.main_container + .footer {margin-top:24px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.container.main_container + .footer {margin-top:20px;}
}
@media (max-width:767px) {
	.container.main_container {padding-bottom:48px;}
	.container.main_container + .footer {margin-top:16px;}
}

/* main slide */
.m_slide {clear:both; position:relative; background:#eee; overflow:hidden;}
.m_slide .ms_navigation {position:absolute; bottom:24px; width:100%; font-size:0; line-height:0; text-align:center; z-index:15;}
.m_slide .ms_navigation * {vertical-align:top;}
.m_slide .slide_pager,
.m_slide .slide_pager > ul,
.m_slide .slide_pager > ul > li,
.m_slide .slide_pager > ul > li > a,
.m_slide .slide_btn,
.m_slide .slide_btn a {display:inline-block;}
.m_slide .slide_pager > ul > li > a,
.m_slide .slide_btn a {width:22px; height:22px; background:url(../image/main/m_icon.png) no-repeat 0 0;}
.m_slide .slide_pager > ul > li,
.m_slide .slide_btn a {margin:0 2px;}
.m_slide .slide_pager .active a {background-position:0 -40px;}
.m_slide .slide_btn .btn_pause {background-position:0 -80px;}
.m_slide .slide_btn .btn_play {background-position:0 -120px;}
.m_slide .slide_list {position:relative; z-index:0; overflow:hidden;}
.m_slide .slide_list .ms_h {display:block;}

@media (min-width:1180px) {
	.m_slide {height:405px;}
	.m_slide .ms_h {width:1180px; height:405px; margin:0 auto;}
}
@media (min-width:768px) and (max-width:1179px) {
	.m_slide {height:360px;}
	.m_slide .ms_h {height:360px;}
}
@media (max-width:767px) {
	.m_slide .ms_navigation {display:none;}
}

/* main slide visual */
.m_slide .ms_01 .ms_h {position:relative; text-align:center;}
.m_slide .ms_01 .ms_h::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
.m_slide .ms_01 .ms_h > div {position:relative; display:inline-block; vertical-align:middle; text-align:left; width:100%;}
.m_slide .ms_01 .ms_h > div * {display:inline-block;}
.m_slide .ms_01 span {font-size:32px; line-height:40px; color:#16376b; font-weight:700;}
.m_slide .ms_01 p {font-size:16px; line-height:24px; color:#16376b; font-weight:500;}

.m_slide .ms_02 {position:relative; text-align:center; width:100%;}
.m_slide .ms_02 .m_h_visual { background:url(../image/main/m_visual_color_bg.png) repeat-x left center; background-size:auto 100%;}
.m_slide .ms_02 .m_h_visual > div {width:100%; height:100%; font-size:0; line-height:0; text-align:center; background:url(../image/main/m_visual_bg.png) no-repeat center center; background-size:auto 100%;}
.m_slide .ms_02 .m_h_visual > div::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
.m_slide .ms_02 .m_h_visual .mv_slogan {display:inline-block; vertical-align:middle; background:rgba(0,42,136,0.56);}
.m_slide .ms_02 .m_h_visual .mv_slogan strong,
.m_slide .ms_02 .m_h_visual .mv_slogan p {display:block; color:#fff;}

@media (min-width:1180px) {
	.m_slide .ms_01 {font-size:0; line-height:0; background:url(../image/main/mv_01_bg_p.png) no-repeat #fff center center; background-size:auto 100%;}
	.m_slide .ms_01 p {width:100%; margin-top:24px;}
	.m_slide .ms_01 .ms_h > div .p_dp_n {display:none;}

	.m_slide .ms_02 .m_h_visual{height:440px;}
	.m_slide .ms_02 .m_h_visual .mv_slogan {padding:32px 64px; border-radius:68px;}
	.m_slide .ms_02 .m_h_visual .mv_slogan strong {font-size:32px; line-height:40px;}
	.m_slide .ms_02 .m_h_visual .mv_slogan p {font-size:16px; line-height:24px; margin-top:8px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.m_slide .ms_01 {font-size:0; line-height:0; background:url(../image/main/mv_01_bg_p.png) no-repeat #fff center center; background-size:auto 100%;}
	.m_slide .ms_01 .ms_h > div {padding:48px; padding-top:0;}
	.m_slide .ms_01 span {font-size:26px; line-height:34px;}
	.m_slide .ms_01 p {font-size:15px; line-height:23px; width:100%; margin-top:16px;}
	.m_slide .ms_01 .ms_h > div .t_dp_n {display:none;}

	.m_slide .ms_02 .m_h_visual{height:360px;}
	.m_slide .ms_02 .m_h_visual .mv_slogan {padding:24px 48px; border-radius:68px;}
	.m_slide .ms_02 .m_h_visual .mv_slogan strong {font-size:28px; line-height:36px;}
	.m_slide .ms_02 .m_h_visual .mv_slogan p {font-size:14px; line-height:22px; margin-top:6px;}

}
@media (max-width:767px) {
	.m_slide .ms_01 {font-size:0; line-height:0; background:url(../image/main/mv_01_bg_m.png) no-repeat #fff center center; background-size:cover;}
	.m_slide .ms_01 .ms_h > div {vertical-align:top; padding:28px 32px;}
	.m_slide .ms_01 span {font-size:16px; line-height:24px;}
	.m_slide .ms_01 p {font-size:12px; line-height:20px; width:100%; margin-top:8px;}
	.m_slide .ms_01 .ms_h > div .m_dp_n {display:none;}

	.m_slide .ms_02 .m_h_visual{height:220px;}
	.m_slide .ms_02 .m_h_visual .mv_slogan {width:80%; padding:16px;}
	.m_slide .ms_02 .m_h_visual .mv_slogan strong {font-size:20px; line-height:28px;}
	.m_slide .ms_02 .m_h_visual .mv_slogan p {font-size:12px; line-height:20px; margin-top:4px;}
}

/* main layout */
.ml_row {position:relative; padding:12px 0;}
.ml_row::after {display:block; content:''; clear:both;}

@media (min-width:1180px) {
	.ml_row {width:1180px; margin:0 auto;}
	.ml_row .ml_50p {float:left; width:50%;}
	.ml_row .ml_board {padding-right:344px;}
	.ml_row .ml_popupzone {position:absolute; right:0; top:0; padding:12px 0;}
}
@media (min-width:768px) and (max-width:1179px) {
	.ml_row {padding:10px 24px;}
	.ml_row .ml_50p {float:left; width:50%;}
	.ml_row .ml_board {padding-right:304px;}
	.ml_row .ml_popupzone {position:absolute; right:0; top:0; padding:10px 24px;}
}
@media (max-width:767px) {
	.ml_row {padding:8px 16px;}
}

/* main shortcut */
.m_shortcut {font-size:0; line-height:0; text-align:center;}
.m_shortcut ul li {position:relative; display:inline-block; padding:8px;}
.m_shortcut ul li div {padding:4px 8px; background:#f0f5ff;}
.m_shortcut ul li div a {position:relative; display:inline-block;}
.m_shortcut ul li div a::after {position:absolute; display:block; content:''; background-image:url(../image/main/m_shortcut_icon.png); background-repeat:no-repeat; background-size:100%;}
.m_shortcut ul li div a span {display:block; padding:4px 0; font-weight:700; color:#03194a;}

.m_shortcut .ico_window {display:none;}

@media (min-width:1180px) {
	.ml_row.m_shortcut_wrap {display:none;}
}
@media (min-width:768px) and (max-width:1179px) {
	.m_shortcut {padding:14px 0;}
	.m_shortcut ul {margin:-8px -4px 0 -4px;}	
	.m_shortcut ul li {width:50%; padding:8px 4px 0 4px; text-align:center;}
	.m_shortcut ul li:nth-child(3) {width:100%;}

	.m_shortcut ul li div a {padding-left:80px; height:64px; text-align:left;}
	.m_shortcut ul li div a::before {display:inline-block; content:''; width:0; height:100%; vertical-align:middle;}
	.m_shortcut ul li div a span {display:inline-block; font-size:14px; line-height:22px; vertical-align:middle;}
	.m_shortcut ul li div a::after {left:0; top:50%; margin-top:-32px; width:64px; height:64px; background-size:64px auto;}

	.m_shortcut ul li:nth-child(1) a::after {background-position:0 0;}
	.m_shortcut ul li:nth-child(2) a::after {background-position:0 -80px;}
	.m_shortcut ul li:nth-child(3) a::after {background-position:0 -160px;}
	.m_shortcut ul li:nth-child(4) a::after {background-position:0 -240px;}
	.m_shortcut ul li:nth-child(5) a::after {background-position:0 -320px;}
}
@media (max-width:767px) {
	.m_shortcut {padding:8px 0;}
	.m_shortcut ul {margin:-8px -4px 0 -4px;}	
	.m_shortcut ul li {width:100%; padding:8px 4px 0 4px; text-align:left;}

	.m_shortcut ul li div a {padding-left:80px; height:64px; text-align:left;}
	.m_shortcut ul li div a::before {display:inline-block; content:''; width:0; height:100%; vertical-align:middle;}
	.m_shortcut ul li div a span {display:inline-block; font-size:14px; line-height:22px; vertical-align:middle;}
	.m_shortcut ul li div a::after {left:0; top:50%; margin-top:-32px; width:64px; height:64px; background-size:64px auto;}

	.m_shortcut ul li:nth-child(1) div a::after {background-position:0 0;}
	.m_shortcut ul li:nth-child(2) div a::after {background-position:0 -80px;}
	.m_shortcut ul li:nth-child(3) div a::after {background-position:0 -160px;}
	.m_shortcut ul li:nth-child(4) div a::after {background-position:0 -240px;}
	.m_shortcut ul li:nth-child(5) div a::after {background-position:0 -320px;}
}

/* m_nmrss */
.m_nmrss .mn_top > span {display:block; font-size:16px; line-height:24px; font-weight:700; text-align:center;}
.m_nmrss .tab_list {margin-top:8px;}
.m_nmrss .tab_list > ul > li {position:relative; z-index:0;}
.m_nmrss .tab_list > ul > li.on {z-index:5;}
.m_nmrss .tab_list > ul > li > a {display:block; font-size:0; line-height:0; text-align:center; border:1px solid #ddd;}
.m_nmrss .tab_list > ul > li.on > a {background:#2b226f; border-color:#2b226f;}
.m_nmrss .tab_list > ul > li > a::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
.m_nmrss .tab_list > ul > li > a > span {display:inline-block; letter-spacing:-0.048em; font-weight:700; vertical-align:middle; color:#2b226f;}
.m_nmrss .tab_list > ul > li.on > a > span {color:#fff;}

.m_nmrss .tab_content {position:relative; margin-top:24px;}
.m_nmrss [class^="btn_"] {display:block; width:48px; height:48px; border-radius:100%; background-repeat:no-repeat; background-color:rgba(43,34,111,0.48); background-position:center center; position:absolute; top:50%; margin-top:-44px;}
.m_nmrss .btn_prev {background-image:url(../image/main/m_nmrss_btn_prev.png); left:0;}
.m_nmrss .btn_next {background-image:url(../image/main/m_nmrss_btn_next.png); right:0;}

.m_nmrss .slide_pager {text-align:center; margin-top:16px;}
.m_nmrss .slide_pager > ul,
.m_nmrss .slide_pager > ul > li,
.m_nmrss .slide_pager > ul > li > a {display:inline-block;}
.m_nmrss .slide_pager > ul > li > a {width:22px; height:22px; background:url(../image/main/m_icon.png) no-repeat 0 0;}
.m_nmrss .slide_pager > ul > li {margin:0 2px;}
.m_nmrss .slide_pager .active a {background-position:0 -40px;}

.m_nmrss .slide_count {font-size:14px; line-height:22px; font-weight:700; color:#666; text-align:center; margin-top:12px;}
.m_nmrss .slide_count strong {color:#2b226f;}

.m_nmrss .tab_content .slide_list {margin:0 -8px;}
.m_nmrss .tab_content .slide_list ul li {padding:0 8px;}
.m_nmrss .tab_content .slide_list ul li a {display:block; position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.m_nmrss .tab_content .slide_list ul li a::after {position:absolute; left:0; top:0; display:block; content:''; width:100%; height:100%; background:linear-gradient(rgba(0,0,0,0), 70%, rgba(0,0,0,0.6)); z-index:0;}
.m_nmrss .tab_content .slide_list ul li a img {display:block; width:100%; height:100%;}
.m_nmrss .tab_content .slide_list ul li a p {display:block; font-weight:700; color:#fff; position:absolute; left:0; bottom:0; width:100%; z-index:5;}

@media (min-width:1180px) {
	.m_nmrss {padding:32px 0 20px 0;}
	.m_nmrss > div {width:1180px; margin:0 auto;}

	.m_nmrss .tab_list > ul {font-size:0; line-height:0; text-align:center;}
	.m_nmrss .tab_list > ul > li {display:inline-block; margin:-1px 0 0 -1px;}
	.m_nmrss .tab_list > ul > li > a {height:44px; padding:0 24px;}
	.m_nmrss .tab_list > ul > li > a > span {font-size:14px; line-height:22px;}

	.m_nmrss .tab_content {padding:0 64px;}
	.m_nmrss .tab_content .slide_list ul li a {height:200px;}
	.m_nmrss .tab_content .slide_list ul li a p {font-size:16px; line-height:24px; padding:20px 24px;}

	.m_nmrss .slide_count {display:none;}
}
@media (min-width:768px) and (max-width:1179px) {
	.m_nmrss {padding:24px 0 32px 0;}
	.m_nmrss > div {padding:0 24px;}
	.m_nmrss .btn_prev,
	.m_nmrss .btn_next {display:none;}

	.m_nmrss .tab_list > ul {display:table; width:100%;}
	.m_nmrss .tab_list > ul > li {display:table-cell; margin:-1px 0 0 -1px;}
	.m_nmrss .tab_list > ul > li > a {height:70px; padding:12px;}
	.m_nmrss .tab_list > ul > li > a > span {font-size:13px; line-height:21px;}
	.m_nmrss .tab_list > ul > li ~ li > a {border-left:0;}

	.m_nmrss .tab_content .slide_list ul li a {height:200px;}
	.m_nmrss .tab_content .slide_list ul li a p {font-size:15px; line-height:23px; padding:16px 20px;}

	.m_nmrss .slide_pager {display:none;}
}
@media (max-width:767px) {
	.m_nmrss {padding:16px 0 24px 0;}
	.m_nmrss > div {padding:0 16px;}
	.m_nmrss .btn_prev,
	.m_nmrss .btn_next {display:none;}

	.m_nmrss .tab_list > ul {font-size:0; line-height:0; text-align:center;}
	.m_nmrss .tab_list > ul > li {display:inline-block; margin:-1px 0 0 -1px;}
	.m_nmrss .tab_list > ul > li > a {height:48px; padding:0 24px;}
	.m_nmrss .tab_list > ul > li > a > span {font-size:12px; line-height:18px;}

	.m_nmrss .tab_list > ul > li:nth-child(1) { width:20%; }
	.m_nmrss .tab_list > ul > li:nth-child(2) { width:40%; }
	.m_nmrss .tab_list > ul > li:nth-child(3) { width:40%; }
	.m_nmrss .tab_list > ul > li:nth-child(4) { width:30%; }
	.m_nmrss .tab_list > ul > li:nth-child(5) { width:30%; }
	.m_nmrss .tab_list > ul > li:nth-child(6) { width:40%; }

	.m_nmrss .tab_content .slide_list ul li a {height:200px; text-align:center;}
	.m_nmrss .tab_content .slide_list ul li a img { display:inline-block; width:auto; height:auto; max-width:100%; max-height:100%; }
	.m_nmrss .tab_content .slide_list ul li a p {font-size:14px; line-height:22px; padding:12px 16px;}

	.m_nmrss .slide_pager {display:none;}
}
@media (max-width:529px) {
	.m_nmrss .tab_content {margin-top:16px;}
	.m_nmrss .tab_list > ul > li > a {padding:0 18px;}
	.m_nmrss .tab_list > ul > li > a {height:44px; }
	.m_nmrss .tab_list > ul > li > a > span {line-height:16px;}
	.m_nmrss .tab_list > ul > li:nth-child(1) { width:30%; }
	.m_nmrss .tab_list > ul > li:nth-child(2) { width:70%; }
	.m_nmrss .tab_list > ul > li:nth-child(3) { width:55%; }
	.m_nmrss .tab_list > ul > li:nth-child(4) { width:45%; }
	.m_nmrss .tab_list > ul > li:nth-child(5) { width:40%; }
	.m_nmrss .tab_list > ul > li:nth-child(6) { width:60%; }
}

/* m_quick_banner */
.m_quick_banner {position:relative;}
.m_quick_banner .mqb_l,
.m_quick_banner .mqb_r {text-align:center;}
.m_quick_banner .mqb_l::before,
.m_quick_banner .mqb_r::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
.m_quick_banner .mqb_l > div,
.m_quick_banner .mqb_r > a {display:inline-block; vertical-align:middle;}

.m_quick_banner .mqb_l span {display:block; font-weight:700; color:#fff;}
.m_quick_banner .mqb_l p {display:block; color:#aaafc8;}
.m_quick_banner .mqb_l strong {display:block; font-weight:700; color:#fff; margin-top:4px;}
.m_quick_banner .mqb_l strong em {color:#8aca26; margin-right:4px;}

.m_quick_banner .mqb_r {background:#112570;}
.m_quick_banner .mqb_r > a {position:relative; border-radius:16px; border:1px solid #a0a8c6; padding:4px 12px; padding-right:40px;}
.m_quick_banner .mqb_r > a > span {display:inline-block; font-size:14px; line-height:22px; font-weight:700; color:#fff;}
.m_quick_banner .mqb_r > a > i {display:block; width:32px; height:32px; border-radius:100%; text-align:center; background:#fff; font-size:14px; line-height:28px; font-weight:700; color:#112570; position:absolute; right:-1px; top:-1px;}
.m_quick_banner .mqb_r .ico_window {display:none;}

@media (min-width:1180px) {
	.m_quick_banner {width:1180px; margin:0 auto; padding-right:200px;}
	.m_quick_banner > div {height:144px;}
	.m_quick_banner .mqb_l {background:url(../image/main/mqb_bg_p.png) no-repeat left bottom; background-size:cover;}
	.m_quick_banner .mqb_l span {font-size:20px; line-height:28px;}
	.m_quick_banner .mqb_l p {font-size:14px; line-height:22px;}
	.m_quick_banner .mqb_l strong {font-size:30px; line-height:38px;}
	.m_quick_banner .mqb_r {width:200px; position:absolute; right:0; top:0;}
}
@media (min-width:768px) and (max-width:1179px) {
	.m_quick_banner {padding-right:170px;}
	.m_quick_banner > div {height:128px;}
	.m_quick_banner .mqb_l {background:url(../image/main/mqb_bg_p.png) no-repeat left bottom; background-size:cover;}
	.m_quick_banner .mqb_l span {font-size:18px; line-height:26px;}
	.m_quick_banner .mqb_l p {font-size:13px; line-height:21px;}
	.m_quick_banner .mqb_l strong {font-size:27px; line-height:35px;}
	.m_quick_banner .mqb_r {width:170px; position:absolute; right:0; top:0;}
}
@media (max-width:767px) {
	.m_quick_banner .mqb_l {padding:32px 16px 32% 16px; background:url(../image/main/mqb_bg_m.png) no-repeat center bottom; background-size:cover;}
	.m_quick_banner .mqb_l span {font-size:16px; line-height:24px;}
	.m_quick_banner .mqb_l p {font-size:12px; line-height:20px;}
	.m_quick_banner .mqb_l strong {font-size:24px; line-height:32px;}
	.m_quick_banner .mqb_r {padding:12px 0;}
}