@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 layout */
.ml_row {position:relative;}
.ml_row::after {display:block; content:''; clear:both;}
.ml_row .ml_board {padding-right:344px; width: calc(100% - 10px);}

@media (min-width:1180px) {
	.ml_row {width:1180px; margin:0 auto; padding:12px 0;}
	.ml_row.ml_mt {margin-top:12px;}
	.ml_row .ml_50p {float:left; width:50%;}
	.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_mt {margin-top:10px;}
	.ml_row .ml_50p {float:left; width:50%;}	
	.ml_row .ml_popupzone {position:absolute; right:0; top:0; padding:10px 24px;}
}
@media (max-width:767px) {
	.ml_row {padding:8px 16px;}
	.ml_row .ml_board {padding-right: 0%; float:none;width:100%}
	.ml_row.ml_mt {margin-top:8px;}
}

/* main visual */
.m_visual {background:#eee; font-size:0; line-height:0;}
.m_visual > div {position:relative;}
.m_visual .mv_descript > div {position:relative;}
.m_visual .mv_descript > div::before {display:block; content:''; width:100%; height:100%; background:#fff; position:absolute; left:-4px; top:-4px; z-index:5;}
.m_visual .mv_descript > div::after {display:block; content:''; width:100%; height:100%; background:#e85e00; position:absolute; right:-4px; bottom:-4px; z-index:0;}
.m_visual .mv_descript > div > div {position:relative; z-index:10;}
.m_visual .mv_descript span {display:block;}
.m_visual .mv_descript span em {display:block; font-size:20px; line-height:28px; color:#e85e00;}
.m_visual .mv_descript span strong {display:block; font-size:32px; line-height:40px; font-weight:500; letter-spacing:-0.048em; color:#e85e00;}
.m_visual .mv_descript p {display:inline-block; font-size:16px; line-height:24px; color:#e85e00; vertical-align:middle;}

@media (min-width:1180px) {
	.m_visual {background:url(../image/main/m_visual_p_bg.png) no-repeat #fbefe5 center center; background-size:auto 100%;}
	.m_visual > div {width:1180px; height:380px; margin:0 auto;}
	.m_visual .mv_img {display:none;}
	.m_visual .mv_descript {position:absolute; right:0; top:50%; width:320px; margin-top:-114px;}
	.m_visual .mv_descript > div > div {padding:20px 28px; padding-bottom:28px;}
	.m_visual .mv_descript p {margin-top:16px; height:96px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.m_visual {background:url(../image/main/m_visual_t_bg.png) no-repeat #fbefe5 center bottom; background-size:auto 100%;}
	.m_visual > div {height:340px;}
	.m_visual .mv_img {display:none;}
	.m_visual .mv_descript {position:absolute; width:100%; left:0; bottom:0; padding:24px;}
	.m_visual .mv_descript > div > div {padding:20px 28px; padding-bottom:28px; padding-left:170px; height:116px;}
	.m_visual .mv_descript span {position:absolute; padding:20px 28px; left:0; top:50%; margin-top:-58px;}
	.m_visual .mv_descript > div > div::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
}
@media (max-width:767px) {
	.m_visual {background:none;}
	.m_visual .mv_img {height:180px; background:url(../image/main/m_visual_m_bg.png) no-repeat center center; background-size:cover;}
	.m_visual .mv_descript > div::before,
	.m_visual .mv_descript > div::after {display:none;}
	.m_visual .mv_descript > div > div {background:#fff; border-bottom:8px solid #e85e00; padding:20px 24px;}
	.m_visual .mv_descript span em,
	.m_visual .mv_descript span strong {display:inline-block; font-size:18px; line-height:26px;}
	.m_visual .mv_descript p {font-size:14px; line-height:22px; margin-top:8px;}
}

/* main quick menu - mqm photo */
.m_quick_menu_photo {background:#f7f7f9;}
.m_quick_menu_photo > div {position:relative;}
.m_quick_menu_photo .mqm_list ul {margin:0 -8px;}
.m_quick_menu_photo .mqm_list ul::after {display:block; content:''; clear:both;}
.m_quick_menu_photo .mqm_list ul li {float:left; padding:0 8px;}
.m_quick_menu_photo .mqm_list ul li a {position:relative; display:block; background:#fff;}
.m_quick_menu_photo .mqm_list ul li a:hover::after {position:absolute; left:0; top:0; display:block; content:''; width:100%; height:100%; border:1px solid #e85e00;}
.m_quick_menu_photo .mqm_list ul li a i {display:block;}
.m_quick_menu_photo .mqm_list ul li a i img {display:block; width:100%; height:100%;}
.m_quick_menu_photo .mqm_list ul li a span {display:block; font-size:0; line-height:0; text-align:center; padding:8px;}
.m_quick_menu_photo .mqm_list ul li a span::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
.m_quick_menu_photo .mqm_list ul li a span strong {display:inline-block; vertical-align:middle; color:#333;}
.m_quick_menu_photo .mqm_list ul li a span strong::after {display:inline-block; content:''; width:17px; height:17px; background:url(../image/main/mqmp_arrow_right.png) no-repeat center center; vertical-align:top; margin-left:4px;}
.m_quick_menu_photo .mqm_list ul li a:hover span strong {color:#e85e00; text-decoration:underline;}
.m_quick_menu_photo .mqm_btn {clear:both; font-size:0; line-height:0; text-align:center;}
.m_quick_menu_photo .mqm_btn::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
.m_quick_menu_photo .mqm_btn a {display:inline-block; vertical-align:middle; text-align:center; padding:4px;}
.m_quick_menu_photo .mqm_btn a::before {display:inline-block; content:''; background:url(../image/main/mqmp_ico_plus.png) no-repeat #e85e00 center center; vertical-align:middle;}
.m_quick_menu_photo .mqm_btn a span {display:inline-block; font-size:16px; line-height:24px; color:#e85e00; vertical-align:middle;}

@media (min-width:1180px) {
	.m_quick_menu_photo > div {width:1180px; margin:0 auto; padding:32px 0; padding-right:130px;}
	.m_quick_menu_photo .mqm_list ul li {width:25%;}
	.m_quick_menu_photo .mqm_list ul li a span {height:80px;}
	.m_quick_menu_photo .mqm_list ul li a span strong {font-size:17px; line-height:25px;}
	.m_quick_menu_photo .mqm_list ul li a span strong::after {margin-top:4px;}
	.m_quick_menu_photo .mqm_btn {position:absolute; right:0; top:0; width:130px; height:100%;}
	.m_quick_menu_photo .mqm_btn a {width:96px;}
	.m_quick_menu_photo .mqm_btn a::before {width:48px; height:48px; border-radius:24px;}
	.m_quick_menu_photo .mqm_btn a span {padding-top:8px; word-break:keep-all}
}
@media (min-width:768px) and (max-width:1179px) {
	.m_quick_menu_photo > div {padding:24px; padding-bottom:0;}
	.m_quick_menu_photo .mqm_list ul li {width:25%;}
	.m_quick_menu_photo .mqm_list ul li a span {height:64px}
	.m_quick_menu_photo .mqm_list ul li a span strong {font-size:15px; line-height:23px;}
	.m_quick_menu_photo .mqm_list ul li a span strong::after {margin-top:3px;}
	.m_quick_menu_photo .mqm_btn {height:64px;}
	.m_quick_menu_photo .mqm_btn a::before {width:32px; height:32px; border-radius:16px;}
	.m_quick_menu_photo .mqm_btn a span {padding-left:8px;}
}
@media (max-width:767px) {
	.m_quick_menu_photo > div {padding:16px; padding-bottom:0;}
	.m_quick_menu_photo .mqm_list ul {margin-top:-8px;}
	.m_quick_menu_photo .mqm_list ul li {width:100%; padding-top:8px;}
	.m_quick_menu_photo .mqm_list ul li a {padding-right:128px;}
	.m_quick_menu_photo .mqm_list ul li a span {position:absolute; right:0; top:0; width:128px; height:100%; padding:8px;}
	.m_quick_menu_photo .mqm_list ul li a span strong {font-size:13px; line-height:21px;}
	.m_quick_menu_photo .mqm_list ul li a span strong::after {margin-top:2px;}
	.m_quick_menu_photo .mqm_btn {height:64px;}
	.m_quick_menu_photo .mqm_btn a::before {width:32px; height:32px; border-radius:16px;}
	.m_quick_menu_photo .mqm_btn a span {padding-left:8px;}
}

/* main board */
.m_board {position:relative; font-size:0; line-height:0;}
.m_board .tab_box .tab_title {position:absolute; top:0; z-index:0;}
.m_board .tab_box.on .tab_title {z-index:5;}
.m_board .tab_box .tab_title a {display:block; height:48px; font-size:0; line-height:0; text-align:center; background:#fdfdfd; border:1px solid #ddd; color:#333;}
.m_board .tab_box.on .tab_title a {background:#e85e00; border-color:#e85e00; color:#fff;}
.m_board .tab_box .tab_title a::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
.m_board .tab_box .tab_title a span {display:inline-block; line-height:16px; letter-spacing:-0.048em; vertical-align:middle;}
.m_board .tab_box .tab_content ul li {position:relative;}
.m_board .tab_box .tab_content ul li::before {display:block; content:''; width:2px; height:2px; background:#333; border-radius:2px; position:absolute; left:0;}
.m_board .tab_box .tab_content ul li * {vertical-align:middle;}
.m_board .tab_box .tab_content ul li a {color:#666; padding-right:8px;}
.m_board .tab_box .tab_content ul li .ico_new {display:inline-block; width:18px; height:18px; background:url(../image/main/m_icon.png) no-repeat 0 -200px; text-indent:-10000px;}
.m_board .tab_box .tab_content ul li .mb_date {position:absolute; right:0; top:0; display:block; padding:8px 0; font-family:'Lato'; font-size:15px; line-height:21px; color:#666;}
.m_board .tab_box .btn_more {background:url(../image/main/m_icon.png) no-repeat right -240px;}

@media (min-width:1180px) {
	.m_board {padding-top:48px;}
	.m_board .tab_box .tab_title {width:96px;}
	.m_board .tab_box:nth-child(3) .tab_title {width:112px;}
	.m_board .tab_box:nth-child(1) .tab_title {left:0;}
	.m_board .tab_box:nth-child(2) .tab_title {left:95px;}
	.m_board .tab_box:nth-child(3) .tab_title {left:190px;}
	.m_board .tab_box .tab_title a span {font-size:16px; font-weight:500}
	.m_board .tab_box .tab_content {padding:20px 24px; min-height:225px;}
	.m_board .tab_box .tab_content ul li {padding:8px 0; padding-left:8px; padding-right:96px;font-size:15px; line-height:21px; }
	.m_board .tab_box .tab_content ul li::before {top:50%; margin-top:-1px;}
	.m_board .tab_box .tab_content ul li a {display:inline-block; max-width:calc(100% - 26px); font-size:15px; line-height:21px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	.m_board .tab_box .btn_more {position:absolute; right:0; top:0; width:27px; height:27px; margin-top:10px;}
	.m_board .mb_bar {border:0; margin:0; padding:0; display:block; width:100%; height:1px; position:absolute; left:0; top:47px; background:#ddd;}
}
@media (min-width:768px) and (max-width:1179px) {
	.m_board {padding-top:48px;}
	.m_board .tab_box .tab_title {width:96px;}
	.m_board .tab_box:nth-child(3) .tab_title {width:112px;}
	.m_board .tab_box:nth-child(1) .tab_title {left:0;}
	.m_board .tab_box:nth-child(2) .tab_title {left:95px;}
	.m_board .tab_box:nth-child(3) .tab_title {left:190px;}
	.m_board .tab_box .tab_title a span {font-size:15px;}
	.m_board .tab_box .tab_content {padding:20px; min-height:195px;}
	.m_board .tab_box .tab_content ul li {padding:6px 0; padding-left:8px;font-size:14px; line-height:19px;}
	.m_board .tab_box .tab_content ul li::before {top:50%; margin-top:-1px;}
	.m_board .tab_box .tab_content ul li a {display:inline-block; max-width:calc(100% - 26px); font-size:14px; line-height:19px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	.m_board .tab_box .btn_more {position:absolute; right:0; top:0; width:27px; height:27px; margin-top:10px;}
	.m_board .mb_bar {border:0; margin:0; padding:0; display:block; width:100%; height:1px; position:absolute; left:0; top:47px; background:#ddd;}
	
	.m_board .tab_box .tab_content ul li .mb_date {display:none;}
}
@media (max-width:767px) {
	.m_board {padding-top:48px;}
	.m_board .tab_box .tab_title {width:33.3333%;}
	.m_board .tab_box:nth-child(1) .tab_title {left:0;}
	.m_board .tab_box:nth-child(2) .tab_title {left:33.3333%;}
	.m_board .tab_box:nth-child(3) .tab_title {left:66.6666%;}
	.m_board .tab_box .tab_title a {border-left-width:0;}
	.m_board .tab_box:nth-child(1) .tab_title a {border-left-width:1px;}
	.m_board .tab_box .tab_title a span {font-size:14px;}
	.m_board .tab_box .tab_content {padding:12px 16px; border:1px solid #ddd; border-top:0;}
	.m_board .tab_box .tab_content ul li {padding:8px 0; padding-left:8px;font-size:13px; line-height:18px;}
	.m_board .tab_box .tab_content ul li::before {top:17px;}
	.m_board .tab_box .tab_content ul li a {font-size:13px; line-height:18px;}
	.m_board .tab_box .btn_more {background:none; background-color:#f1f1f1; text-align:center; padding:8px;}
	.m_board .tab_box .btn_more strong {display:inline-block; font-size:13.5px; line-height:27px; color:#666; padding-right:35px; background:url(../image/main/m_icon.png) no-repeat right -240px;}
	
	.m_board .tab_box .tab_content ul li .mb_date {display:none;}
	.m_board .mb_bar {display:none;}
}

.mp_title {margin:15px 0}
.mp_title span {display:block; font-size:18px; font-weight:500;color:#000}

/* main popupzone */
.m_popupzone > div {position:relative;}
.m_popupzone .slide_btn {position:absolute;top:0;font-size:20px;right:0}
.m_popupzone .slide_btn [class^="btn_"] {float: left; margin-left: -1px; display:block; width:27px; height:27px;line-height:27px;text-align:center; z-index:900; border:1px solid #ddd}
.m_popupzone .slide_btn .btn_prev {background:url(../image/main/m_icon.png) no-repeat left -280px;}
.m_popupzone .slide_btn .btn_pause {background:url(../image/main/m_icon.png) no-repeat left -360px;}
.m_popupzone .slide_btn .btn_play {background:url(../image/main/m_icon.png) no-repeat left -400px;}
.m_popupzone .slide_btn .btn_next {background:url(../image/main/m_icon.png) no-repeat left -320px;}
.m_popupzone .slide_list ul,
.m_popupzone .slide_list ul li a,
.m_popupzone .slide_list ul li a img {display:block; height:220px !important;}
.m_popupzone .slide_list ul li a {position:relative}
.m_popupzone .slide_list ul li a:after {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);content:'';width:100%;height:100%;border:4px solid #000;display:none}
.m_popupzone .ico_window {display:none;}
.m_popupzone > div {min-width:320px;}
.m_popupzone .slide_list ul li a img {width:100%}
.ml_popupzone .lightSlider {padding-bottom:33.5074% !important;}
.ml_popupzone .lightSlider img {max-width:100%;width:100%}
.ml_popupzone .lightSlider .lslide {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%}
.ml_popupzone .lightSlider .lslide.active a:focus:after {display:block;}