@charset "utf-8";
body {overflow-x: hidden;}
.wrap {width: 1200px; margin: 0 auto;}

.top_banner .tb_area {text-align: center;}
.top_banner .tb_area img {max-width: 100%;}



#header {position: relative; z-index:1000;}
#header .h_wrap {display: flex; justify-content: space-between; align-items: center; width: 1200px; margin: 0 auto; padding: 20px 0;}
#header .h_search {display:flex; justify-content: space-between; align-items: center; padding: 0 10px; border: 2px solid #e92a3c; height: 40px;}
#header .h_search .input {border: none; font-size: 14px;}
#header .h_search button {display: block; width: 30px; height: 30px; background-image: url('/theme/eb4_basic/image/i_search.png'); background-position: center;}
#header .h_nav {position: relative; border-top: 1px solid #ddd;}
#header .h_nav:before {content: ''; position:absolute; left: 0; right: 0; bottom: -1px; height: 1px; background-color: #ff0000; z-index: -1;}
#header .h_sub {display:none; position: absolute; left: 0; top: 50px; z-index: 1; width: 100%; background-color:#fff; border-left: solid 1px #ff0000; border-bottom: solid 1px #ff0000; border-right: solid 1px #ff0000;}
#header .h_sub li a {display:block; color: #000; width: 100%; line-height: 34px; text-align: center;}
#header .h_sub li a:hover {font-weight: 500;}
#nav {width: 1200px; margin: 0 auto;}
#nav > ul {display: flex; justify-content: center;}
#nav > ul > li {position:relative; flex-basis: 16.66%;}
#nav > ul > li:before {content: ''; position: absolute; right: 0; top: 19px; width: 1px; height: 10px; background-color: #999;}
#nav > ul > li:last-child::before {display: none;}
#nav > ul > li > a {display: block; width: 100%; text-align: center; font-size: 16px; font-weight: 500; line-height: 50px; color: #000;}
#nav > ul > li:hover > a {color:#ff0000;}


#contents {background-color: #f5f5f5; padding: 0px 0px 80px 0;}

.phone_number{
    margin-left: 10px;
    font-size: 40px;
    line-height: 1;
    font-weight: 500;
}
.more {display:block; margin:0 auto; width: 200px; line-height: 60px; background-color:#e92a3c; color:#fff; text-align: center; font-size: 18px; border-radius: 10px;}
.m_area {margin-bottom: 120px;}
.m_area:last-child {margin-bottom: 0;}
.m_hero .wrap {display: flex; justify-content: space-between; gap: 20px;}
.m_area .m_big {margin-bottom: 50px; font-size: 40px; line-height: 50px; font-weight: 600; text-align: center; color:#e92a3c;}
.m_area .m_tit {margin-bottom: 10px; font-size: 30px; font-weight: 600; line-height: 1; text-align: center; letter-spacing: 0;}
.m_area .m_sub {font-size: 22px; font-weight: 600; line-height: 1; margin: 20px 0 10px;}
.m_area .m_txt {margin-bottom: 30px; font-size: 16px; line-height: 30px; text-align: center; color:#999;}
.m_img img {width: 100%;}
.mh_left {overflow: hidden; flex:1;}
.mh_left img {width: 100%;}
.mh_right {overflow: hidden; flex-basis: 268px;}
.mh_right img {width: 100%;}
.swp_best {position:relative; overflow: hidden; padding-bottom: 50px;}
.swp_best .swiper-slide {position: relative; background-color: #fff; border: 1px solid #ddd; box-sizing: border-box; overflow: hidden; height: 500px;}
.swp_best .tag {position: absolute; left:10px; top:0; z-index: 1; width: 60px; background-color: #e92a3c; color:#fff; text-align: center; font-size: 14px;  padding: 10px 0;}
.swp_best .tag span {display: block; margin-top: 5px; font-size: 18px; font-weight: 500;}
.sb_img {position:relative; width: 100%; margin:0 auto; max-width: 300px; aspect-ratio: 1 / 1; background-color: #fff; overflow: hidden;}
.sb_img img {position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 100%;}
.sb_info {padding: 20px; border-top: 1px solid #ddd;}
.sb_info .num {color:#666; font-size: 14px; margin-bottom: 5px; font-weight: 500;}
.sb_info .name {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; font-size: 16px; line-height: 26px;}
.sb_info .sm {font-size: 14px;}
.sb_info .del {margin-top: 5px; font-size: 20px; line-height: 30px; font-weight: 500; color: #e92a3c;}
.sb_info .del .deco {text-decoration: line-through;}
.sb_info .price {font-size: 20px; line-height: 30px; font-weight: 500;}
.sb_tag {position: absolute; top: 10px; left: 10px; right: 10px; z-index:10; }
.sb_tag .bgr {background-color:#e92a3c;}
.sbt_tag {display: inline-block; padding: 5px 10px; background-color: #000; color:#fff; font-size: 13px; border-radius: 5px; font-weight: 400;}
.sbi_txt {display: flex; justify-content: space-between; align-items: center; margin-top: 5px;}
.sbi_txt .txt {font-size: 14px;}
.sbi_txt .txt span {color:#ff6600; font-weight: 500;}
.sbi_txt img {width: 64px;}
.sbi_tag {margin-top: 20px;}
.sbi_tag span {display: inline-block; padding: 3px 10px; border:1px solid #666; color:#666; font-size: 13px; border-radius: 5px; font-weight: 400; box-sizing: border-box;}
.dflex {display: flex;}
.sb {justify-content: space-between; gap: 20px;}
.dflex.sb a {flex:1;}
.m_board .wrap {display: flex; justify-content: space-between; gap: 20px;}
.m_board .item {flex-basis: calc(50% - 10px); width: calc(50% - 10px); padding: 30px; background-color: #fff;}
.m_board .item p, .m_board .item span {font-size: 15px;}
.m_board .item li {display: flex; justify-content: space-between; align-items: center; padding: 15px; border-bottom: 1px solid #eee;}
.m_board .item li:last-child {border-bottom: 0px;}
.m_board .mb_info {display: flex; justify-content: space-between; align-items: center; height: 50px; border-bottom: 1px solid #ddd; margin-bottom: 10px;}
.m_board .mb_info p {font-size: 20px; font-weight: 500; line-height: 30px;}
.m_board .mb_info a {display: inline-block; padding: 5px 10px; background-color: #e92a3c; color: #fff; border-radius: 5px; font-size: 14px;}
.m_tab .mt_list {display: flex; justify-content: center; box-sizing: border-box; margin-bottom: 50px;}
.m_tab .mt_list li {position:relative; flex-basis: 16.66%; text-align: center; line-height: 50px; border-right: 1px solid #666; cursor: pointer; background-color: #fff;; border-top: 1px solid #666; border-bottom: 1px solid #666;}
.m_tab .mt_list li:hover {background-color:#e92a3c; color:#fff;}
.m_tab .mt_list li:first-child {border-left: 1px solid #666;}
.m_tab .mt_list li.on {font-weight: 500; background-color:#e92a3c; color:#fff;}
.m_board .item li a {display: flex; justify-content: space-between; width: 100%;}
.m_board .item li a:hover .hover {color:#e92a3c;}
.m_board .item li .hover {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 400px;}
.m_board .item li a p {font-size: 15px; color:#000;}
.mtp_list {display: flex; gap: 20px; flex-wrap: wrap; margin-top: 30px;}
.mtp_list.mtp_02 li {flex-basis: calc( 33.33% - 13.33px );}
.mtp_list li {position:relative; flex-basis: calc(25% - 15px); background-color: #fff;}
.cb {color:#0b78dc !important;}
.cr {color:#e92a3c !important;}
.bold {font-weight: 500;}
.mt50 {margin-top: 50px !important}
.swp_review {overflow: hidden; position:relative}
.swp_review img {object-fit: cover; width: 100%;}
.swiper-button-next, .swiper-button-prev {width: 30px !important; height: 30px !important;}
.swiper-button-next:after, .swiper-button-prev:after {font-size: 30px !important;}
.mb_list {display: flex; justify-content: space-between; gap: 20px;}
.mb_list li {position:relative; display:flex; flex-direction: column; justify-content: center; align-items: center; flex-basis: calc(25% - 15px); background-color: #fff; text-align: center; border-top:2px solid #e92a3c; padding: 30px;}
.mb_list li a {position: absolute; left:0; top:0; width:100%; height: 100%;}
.mb_list li .m_txt {margin-bottom:0;}
#footer {background-color: #393939;}
#footer .f_link {display: flex; gap: 20px;}
#footer .f_link a {color:#fff; font-size: 16px; line-height: 50px;}
#footer .f_link a:hover {text-decoration: underline;}
#footer .f_btm {background-color: #272c29; padding: 30px 0;}
#footer .f_btm p {color:#fff; line-height: 26px; font-size: 14px;}
.mf_area {max-width: 800px; width: 100%; margin:0 auto; background-color: #fff; padding: 50px; box-sizing: border-box;}
.mf_area li {margin-bottom: 20px;}
.mf_area li:last-child {margin-bottom:0;}
.mf_area p {margin-bottom:5px; font-size: 18px; font-weight: 500; line-height: 30px;}
.mf_area .input {display:block; height: 60px; border: 1px solid #ddd; border-radius: 10px; line-height: 60px; width:100%; text-indent: 10px;}
.mf_area .textarea {display:block; height: 120px; width:100%; padding: 10px; border: 1px solid #ddd; border-radius: 10px; box-sizing: border-box;}
.mf_area .txt_area {background-color:#f5f5f5; border-radius: 10px; height: 120px; overflow-y: auto; padding: 10px; box-sizing: border-box;}
.mf_area .txt_area p {font-size: 14px; line-height: 24px; color: #666; font-weight: 400;}

.fix_banner {padding: 30px 0; position: fixed; left:0; right:0; bottom:0; z-index: 100; background-color:#fff; border-top:1px solid #666;}
.fix_banner .fb_top {display: none; position:absolute;left: 42%;
    top: 5px;
    width: 100%;

    background-color: #fff;
    line-height: 30px;
    box-sizing: border-box;
    font-size: 14px; }
.fix_banner .wrap {display: flex; align-items: center; gap: 20px;}
.fix_banner .fb_btn {display:block; width: 160px; line-height: 50px; background-color:#e92a3c; color:#fff; text-align: center; font-size: 18px; border-radius: 10px;}
.fix_banner .fb_left .mt5 {font-size: 14px; font-weight: 400;}
.fix_banner .fb_left .tit span {margin-left: 10px; font-size: 40px; line-height:1; font-weight: 500;}
.fix_banner .fb_left .tit {font-size: 20px;}
.fix_banner .fb_right {text-align:left;}
.fix_banner .fb_right .dflex {gap:10px;}
.fix_banner .fb_right .d_item {flex:1;}
.fix_banner .fb_right a {text-decoration: underline; color:#999;}
.fix_banner .fb_right input {margin-top: 5px; border: 1px solid #999; border-radius: 5px; line-height: 30px; text-indent: 10px; width:auto;}

.md_info {display: flex; gap: 20px}
.md_info .md_left img {width:100%;}
.md_left {flex-basis: calc(50% - 10px);}
.md_left .md_img {display: flex;}
.md_left .md_img .item {flex-basis: 33.33%; box-sizing: border-box; border:2px solid #ddd;}
.md_left .md_img .item img {width:100%;}
.md_right {background-color:#fff;}

.mdr_info {padding: 50px 50px 20px; box-sizing: border-box;}
.mdr_table {padding: 20px 50px 50px; box-sizing: border-box; border-top:1px solid #ddd;}
.mdr_table .item {position: relative; padding-left: 120px; margin-bottom: 10px;}
.mdr_table .item .tit {position: absolute; left:0; top:0; line-height: 30px; font-weight: 500;}
.mdr_table .item .txt {line-height: 26px;}
.mdr_table .item .txt .btn {display: inline-block; padding: 5px 20px; margin-right: 10px; background-color:#999; color:#fff; border-right: 10px; box-sizing: border-box; font-size: 16px; line-height: 25px;}
.mdr_table .item .txt .btn.on {background-color:#e92a3c; }

.md_logo {border-radius: 50px;
    overflow: hidden;
    width: 50px;
    height: 50px;
    border: 1px solid #eee; display: inline-block; vertical-align: middle; margin-right: 10px;}
.md_logo img {width: 100%;
        padding-top: 10px;}
.md_span {display:inline-block; line-height: 50px;}

.mdr_info .txt {font-size: 16px; line-height: 26px;}
.mdr_info .tit {font-size: 30px; line-height: 40px; font-weight: 500;}
.mdr_tr {text-align: right; padding: 0 50px;}
.txt_big {font-size: 30px; line-height: 40px; font-weight:500;}
.mdr_box {background-color:#f5f5f5; padding: 20px; text-align: center; border-radius: 10px;}
.mdr_box p {font-size: 14px; line-height: 20px;}
.md_card {padding: 0 50px;}
.md_card ul {margin-top:10px; border-top:1px solid #ddd;}
.md_card li {display:flex; position:relative; padding: 20px; border-bottom:1px solid #ddd; font-size: 14px;}
.md_card li a {margin-left:auto; color:#0b78dc; text-decoration: underline; font-size: 14px;}
.md_btn {padding: 50px; display: flex; gap:10px;}
.md_btn .btn {display:block; width:100%; border:1px solid #ddd; border-radius: 5px; height: 60px; font-size: 18px; font-weight:700;}
.md_btn .btn img {vertical-align: middle;}
.md_btn .btn:first-child {flex-basis: 45%;}
.md_btn .btn:last-child {border:1px solid #33cc00; background-color: #33cc00; color:#fff;}
.h_btn, .h_close{display:none;}

.h_logo img {height: 4em;}
@media all and (max-width:1440px) {
}

@media all and (max-width:1280px) {
.wrap {width: 100%; padding: 0 20px; box-sizing: border-box;}
#header .h_wrap {width: 100%; padding: 0 20px; box-sizing: border-box;}
#nav {width: 100%;}
.fix_banner .wrap {display:block; text-align: center;}
.fb_left {margin-bottom:10px;}
.fb_btn {margin:10px auto 0;}
.fix_banner {padding: 20px 0;}
.fix_banner .fb_left .tit span {font-size: 30px;}
.fix_banner .fb_btn {line-height: 34px; border-radius: 5px;}
.fb_right label {display: inline-block; margin: 5px 0;}
.md_info .md_left {flex-basis: inherit; width: 40%;}
.md_info .md_right {flex:1;}
}

@media all and (max-width:1024px) {
.m_hero .wrap {display:block;}
.mh_left {margin-bottom: 20px;}
.m_board .wrap {display:block;}
.m_board .item {width: 100%; box-sizing: border-box; padding: 20px;}
.m_board .item:first-child {margin-bottom:20px;}
.m_area {margin-bottom: 50px;}
.mtp_list li {flex-basis: calc(33.33% - 15px);}
.mb_list {flex-wrap: wrap;}
.mb_list li {flex-basis: calc(50% - 10px);}
.m_tab .mt_list {flex-wrap: wrap; justify-content: inherit; border-left: 1px solid #666; box-sizing: border-box; border-top: 1px solid #666;}
.m_tab .mt_list li {flex-basis: 25%; border-top:0; box-sizing: border-box;}
.m_tab .mt_list li:first-child {border-left: 0;}
.mdr_tr, .md_card {padding: 0 30px;}
.md_btn {padding: 30px;}
.p50 {padding: 30px;}
.mdr_table {padding: 20px 30px 30px;}
.mdr_table p {font-size: 14px; line-height: 20px;}
.mdr_table .item {margin-bottom:5px;}
.mdr_info {padding: 30px 30px 20px;}
}

@media all and (max-width:768px) {
.h_btn {display:block; position: absolute; right: 20px; top: 10px; background-image: url('/theme/eb4_basic/image/i_menu_b.png'); width:50px; height: 50px; background-position: center; background-size: 30px auto; background-repeat: no-repeat;}
.h_close { display: none; position: absolute; right: 20px; top: 10px; width: 50px; height: 50px; background-color: transparent; z-index: 1000; cursor: pointer; }
.h_close::before, .h_close::after { content: ''; position: absolute; top: 50%; left: 50%; width: 30px; height: 1px; background-color: black; }
.h_close::before { transform: translate(-50%, -50%) rotate(45deg); }
.h_close::after { transform: translate(-50%, -50%) rotate(-45deg); }

#nav {position: fixed; right:0; top:0; width: 300px; bottom: 0; z-index: 1000; background: #fff; display:none; padding-top:50px;}
#nav > ul {display:block; padding: 0 20px; box-sizing: border-box;}
#nav > ul > li:before {display:none;}
#nav > ul > li {border-bottom: 1px solid #999;}
#nav > ul > li:last-child {border-bottom: 0;}
.h_logo {margin: 0 auto; height:1em; line-height:1em;}
.h_logo img {height: 1.2em;}
#header {position:fixed; left:0; top:0; right:0; height: 76px; background-color:#fff; z-index:999;}
#header .h_wrap {padding: 20px 20px;}
#header .h_wrap > div {display: none;}
#header .h_search {display:none;}
#header .h_sub {display:block; position: relative; top:inherit; border-left:0; border-right:0; border-bottom:0; border-top:1px solid #ddd; background-color:#f5f5f5;}
.top_banner {display:none;}
#contents {padding: 93px 0 50px 0;}
.dflex.sb {display:block;}
.mtp_list li, .mtp_list.mtp_02 li {flex-basis: calc(50% - 10px);}
.md_info {display:block;}
.md_info .md_left {width:100%;}
.mdr_box {padding: 15px;}
.md_btn {display: block;}
.md_btn .btn:first-child {margin-bottom:10px;}
#footer .f_link a {font-size: 14px;}
#footer .f_link {display:block;}
#footer .f_link li {display:inline-block; margin-right: 10px;}
.fix_banner .fb_top {display: block;}
.fix_banner .wrap {display:none;}
}

@media all and (max-width:600px) { 
    
    .mb_list li {flex-basis: 100%;}
	.fb_right label {width: 100%;}
	.fb_right input {width: 200px;}

	.swp_best .swiper-slide {height: 450px;}
	.fix_banner .fb_right input[type="text"] { display:block;}
	.fix_banner .fb_right {padding:0 3em;}
		.sb_info .sm {display:block;}
}

@media all and (max-width:425px) {

}