@charset "utf-8";
/* CSS Document */

/***********************/
/*MAIN******************/
.main .box1{ padding-left:3.75em;}

.main_visual{ position:relative; overflow:hidden; padding-top:3.75em;}
.main_visual .shape{ position:absolute; border-radius:50%; box-sizing:border-box;
-webkit-animation: circleSize 4s 0s ease-in-out infinite;
		animation: circleSize 4s 0s ease-in-out infinite;}
.main_visual .shape.pos1{ top:-14vw; left:-9vw; width:25vw; height:25vw; border:8em solid #cbc0aa; opacity:.15;}
.main_visual .shape.pos2{ top:8vw; right:-1vw; width:10vw; height:10vw; background:#cbc0aa; opacity:.4;}

.main_logo{ position:relative; z-index:8; padding:1em 0 2em 0;}
.main_logo .logo{ padding-left:9vw;}
.main_logo .logo img{ width:19em;}

.sloganSlider{ min-height:7.5em;}
.sloganSlider .el .slogan{ opacity:0;}
.sloganSlider .el .slogan .line{ position:relative; display:inline-block; padding:.375em .875em; padding-top:0;}
.sloganSlider .el .slogan .line > *{ position:relative;}
.sloganSlider .el .slogan .line:before{ content:""; position:absolute; left:0; right:0; bottom:0; height:55%; background:#cbc0aa; border-radius:6em; transform:scaleX(0); transform-origin:left;}
.sloganSlider .el .slogan .line .tt{ font-size:2.250em; color:#111; letter-spacing:-.063em;}
.sloganSlider .el.swiper-slide-active .slogan,
.sloganSlider .el.swiper-slide-duplicate-active .slogan{ opacity:1; transition:2s;}
.sloganSlider .el.swiper-slide-active .slogan .line:before,
.sloganSlider .el.swiper-slide-duplicate-active .slogan .line:before{ transform:scaleX(1); transition:transform 2s;}

.main_visual .swiper_control{ padding:0 0 1em 0;}
.swiper_control{ z-index:10;}
.swiper_control .visualSliderPauseWrap{ margin-left:1.5em;}
.swiper_control .btn{ display:inline-block; width:2.25em; line-height:2.25em; background:#fff; border:1px solid #ddd; border-radius:.625em; font-size:.875em; color:#111; text-align:center; cursor:pointer; opacity:.5; transition:.2s;}
.swiper_control .btn:before{ font-family:xeicon; font-size:1.25em}
.swiper_control .btn.prev:before{content:"\e93d"}
.swiper_control .btn.next:before{content:"\e940"}
.swiper_control .btn.pause:before{content:"\ea3b"}
.swiper_control .btn.play:before{content:"\ea3e"}
.swiper_control .btn.play{ display:none}
.swiper_control.pause .btn.play{ display:block; opacity:1}
.swiper_control.pause .btn.pause{ display:none}
.swiper_control .btn:hover{ opacity:1}
.swiper_control .paging{ position:relative; bottom:0;}
.swiper_control .paging > span{ position:relative; width:1.75em; height:.438em; margin:0 .125em; border-radius:1em; background:#a68d7a; opacity:.3; transition:.3s}
.swiper_control .paging > span.swiper-pagination-bullet-active{ width:3.5em; opacity:1;}

.visualSlider_wrap{ position:relative; z-index:9; padding:20.5em 0 3.75em 0;}
.visualSlider_wrap:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:45%;}
.visualSlider_wrap .box0{}
.visualSlider{ position:absolute !important; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.visualSlider .swiper-wrapper{ width:auto; border-radius:1em; overflow:hidden;}
.visualSlider .el{ position:relative; overflow:hidden; height:inherit;}
.visualSlider .el .bg{ position:absolute; left:-3%; top:0; width:103%; height:100%; transition:4s;}
.visualSlider .main_slogan{ z-index:2; position:absolute; top:calc(18vh + 12.813em); left:0; right:0;}
.visualSlider .main_slogan .slogan{ display:inline-block; padding-left:1.125em; opacity:0; transform:translateX(2em); transition:3s;}
.visualSlider .el.swiper-slide-active .bg,
.visualSlider .el.swiper-slide-duplicate-active .bg{ left:0;}
.visualSlider .el.swiper-slide-active .main_slogan .slogan,
.visualSlider .el.swiper-slide-duplicate-active .main_slogan .slogan{ opacity:1; transform:translateX(0);}

.main_visual .visualBn{ position:absolute; top:0; left:0; right:0; z-index:22; transform:translateY(-48%);}
.main_visual .visualBn .inner{ padding:0 3vw 0 44%;}
.main_visual .visualCon{ position:relative; z-index:22;}

/**/
.mainBg{ border:1px solid transparent; border-radius:1em;}
.mainBg.bg1{ background:#ed1c24;}
.mainBg.bg2{ background:#a91c1c;}
.mainBg.bg3{ background:rgba(0,0,0,.4); border-color:rgba(255,255,255,.4);}
.mainBg.bg4{ background:#fff; border-color:#e5e5e5;}
.mainBg.bg5{ background:#a68d7a;}

.main_con{ padding:3.75em 0;}
.main_conBg1,
.visualSlider_wrap:before{ background:#fdf9f0;}
.main_conBg2{ background:#cbc0aa;}

.main_txt{}
.main_txt > .tit{ margin-bottom:1.5em;}
.main_txt > .tit.mg1{ margin-bottom:.75em;}
.main_txt > .txt .tt{ line-height:1.6;}
.main_txt .br{ display:block;}
.main_txt .tt{ color:#111;}
.main_txt .tt_en{ text-transform:uppercase; letter-spacing:.125em;}
.main_txt .t1{ font-size:1.000em;} /*16*/
.main_txt .t2{ font-size:1.063em;}/*17*/
.main_txt .t3{ font-size:1.250em;}/*20*/
.main_txt .t4{ font-size:1.625em;}/*26*/
.main_txt .t5{ font-size:1.875em;}/*30*/
.main_txt .t6{ font-size:2.000em;}/*32*/

.cw .main_txt .tt{ color:#fff;}
.cw .mainBg .main_txt .tit .mo_view {display:none;}

.main_more{ padding-top:1.5em;}
.main_more.p1{ padding-top:.75em;}
.main_more > .more{ text-align:center; padding:.875em 1.875em .875em 1.875em; border-radius:6em; transition:.2s;}
.main_more > .more > .tt{ font-size:.938em;}
.main_more > .more > .xi{ font-size:.875em; margin-left:1em;}
.main_more > .more > .xi:before{ content:"\e907";}
.main_more > .more.c1{ background:#fff; color:#ed1c24;}
.main_more > .more.c2{ background:#ed1c24; color:#fff;}
.main_more > .more.c3{ background:#a91c1c; color:#fff;}
.main_more > .more:hover{ background:#111; color:#fff;}

.main_more.st2{}
.main_more.st2 > .more{ padding-left:1.75em; padding-right:1.375em;}
.main_more.st2 > .more > .xi{ margin-left:.5em;}

.main_plus{ width:3.75em; height:3.75em; background:#ed1c24; border-radius:.625em; color:#fff; transition:.2s;}
.main_plus > .xi{ font-size:1.500em;}
.main_plus:hover{ background:#111;}

.main_bnList1{}
.main_bnList1 > .list{ margin:0 0 -.625em 0;}
.main_bnList1 > .list > li{ flex:1;}
.main_bnList1 > .list > li .wrap_in{ flex:1; position:relative; margin:0 0 .625em .625em; padding:1.75em 1.25em; text-align:center; overflow:hidden;}
.main_bnList1 > .list > li .wrap_in > *{ position:relative;}
.main_bnList1 > .list > li .wrap_in .main_more > .more{ width:100%;}
.main_bnList1 > .list > li .link_wrap{}
.main_bnList1 > .list > li .link_wrap > li{}
.main_bnList1 > .list > li .link_wrap > li > .in{ padding:1em 1em; border-top:1px solid rgba(0,0,0,.3);}
.main_bnList1 > .list > li .link_wrap > li:first-child > .in{ border-top:none;}
.main_bnList1 > .list > li .link_wrap > li > .in .icon{ margin-right:1em;}
.main_bnList1 > .list > li .link_wrap > li > .in .icon img{ width:3em; transition:transform .3s;}
.main_bnList1 > .list > li .link_wrap > li > .in:hover .icon img{ transform:rotateY(180deg);}

.main_bnList1 > .list > li .time_wrap{ text-align:left;}
.main_bnList1 > .list > li .time_wrap > .time{ position:relative; margin-top:1.125em; padding-left:2.5em; color:#fff;}

.main_bnList1 > .list > li .time_wrap > .time:first-child{ margin-top:0;}
.main_bnList1 > .list > li .time_wrap > .time > li{ margin-top:.25em;}
.main_bnList1 > .list > li .time_wrap > .time > li:first-child{ margin-top:0;}
.main_bnList1 > .list > li .time_wrap > .time .tt{}
.main_bnList1 > .list > li .time_wrap > .time .t1{ font-size:1em;}
.main_bnList1 > .list > li .time_wrap > .time .t2{ font-size:.95em;}
.main_bnList1 > .list > li .time_wrap > .time .t3{ font-size:1.125em;}

.main_bnList1 > .list > li .time_wrap > .time > li.flex .txt{ flex:1;}
.main_bnList1 > .list > li .time_wrap > .time.st1 > li.flex .tit{ width:3.5em;}

.main_bnList1 > .list > li .time_wrap > .time.st2 > li.flex .icon{ position:absolute; top:50%; left:0; width:2em; height:2em; background:#ed1c24; border-radius:50%; transform:translateY(-50%);}
.main_bnList1 > .list > li .time_wrap > .time.st2 > li.flex .icon .xi{ font-size:1em;}
.main_bnList1 > .list > li .time_wrap > .time.st2 > li.flex .txt > p{ padding:.125em 0;}

.main_search{}
.main_search_form{ position:relative; height:3.75em;}
.main_search_form .input_st{ height:inherit; border-radius:.625em; border:none;}
.main_search_form .inpTxt{ width:100%; padding-right:3.5em; font-weight:500;}
.main_search_form .inpBtn{ width:3.5em; position:absolute; top:0; right:0; padding:0; background:transparent; color:#ed1c24;}
.main_search_form .inpBtn > .xi:before{ font-size:1.750em;}
.main_search_form .inpLink{ margin-left:.625em;}
.main_search_form .inpTxt::-webkit-input-placeholder{ font-size:.938em; font-weight:500; color:#aaa;}
.main_search_form .inpTxt::-moz-placeholder         { font-size:.938em; font-weight:500; color:#aaa;}
.main_search_form .inpTxt:-moz-placeholder          { font-size:.938em; font-weight:500; color:#aaa;}
.main_search_form .inpTxt:-ms-input-placeholder     { font-size:.938em; font-weight:500; color:#aaa;}

.mainMark_pos{ position:absolute !important;}
.mainMark_pos.pos1{ right:-3.5em; bottom:-2.75em;}
.mainMark_pos.pos1 > img{ width:12em; opacity:.1;}
.mainMark_pos.pos2{ left:6vw; top:-6.25em;}
.mainMark_pos.pos2 > img{ width:15em; opacity:.2;}

.main_bnList2{}
.main_bnList2 > .list{ margin:0 0 -1em -1em;}
.main_bnList2 > .list > li{ flex:1; text-align:center;}
.main_bnList2 > .list > li .wrap_in{ flex:1; margin:0 0 1em 1em; padding:2em 1em; transition:.2s;}
.main_bnList2 > .list > li .wrap_in .icon{ margin-bottom:1.375em;}
.main_bnList2 > .list > li .wrap_in .icon img{ width:2.625em; transition:transform .3s;}
.main_bnList2 > .list > li .wrap_in:hover{ background:#a91c1c;}
.main_bnList2 > .list > li .wrap_in:hover .icon img{ transform:rotateY(180deg);}

.main_center .inner{}
.main_center .inner > .wrap_in{ flex:1; padding:.5em 3em; border:solid rgba(0,0,0,.1); border-width:0 0 0 1px;}
.main_center .inner > .wrap_in:first-child{ padding-left:0; border-width:0;}
.main_center .inner > .wrap_in:last-child{ padding-right:0;}

.main_centerList{ flex:1;}
.main_centerList .list{ flex:1; margin:0 0 -.5em -.5em;}
.main_centerList .list > li{ flex:1 1 25%;}
.main_centerList .list > li .in{ flex:1; position:relative; margin:0 0 .5em .5em; padding:1.5em 1.5em 4em 1.5em; min-height:9.5em; transition:.2s;}
.main_centerList .list > li .in .num{ margin-bottom:.25em; display:none;}
.main_centerList .list > li .in .num > .tt{ font-size:.875em;}
.main_centerList .list > li .in .tit > .tt{ font-size:1.25em;}
.main_centerList .list > li .in .more{ margin-top:1.25em; color:#888; display:none;}
.main_centerList .list > li .in .more > *{ display:inline-block; vertical-align:middle;}
.main_centerList .list > li .in .more > .tt{ font-size:1em;}
.main_centerList .list > li .in .more > .xi{ font-size:1em; padding-left:.75em;}
.main_centerList .list > li .in .icon{ position:absolute; right:1.25em; bottom:1.5em;}
.main_centerList .list > li .in .icon img{ width:2.5em;}
.main_centerList .list > li .in:hover{ border-color:#ed1c24;}
.main_centerList .list > li:nth-child(n + 9){ display:none;}

.main_bnList3{ position:relative; padding:2.188em 0; overflow:hidden;}
.main_bnList3 .list{ padding:0 2.5vw; text-align:center;}
.main_bnList3 .list > li{ flex:1;}
.main_bnList3 .list > li .wrap_in{ flex:1; padding:.375em .5em; border-left:1px solid rgba(0,0,0,.15);}
.main_bnList3 .list > li:first-child .wrap_in{ border-left-width:0;}
.main_bnList3 .list > li .wrap_in .icon{ margin-bottom:.875em;}
.main_bnList3 .list > li .wrap_in .icon img{ width:3em; transition:transform .3s;}
.main_bnList3 .list > li .wrap_in:hover .icon img{ transform:rotateY(180deg);}

.main_customer{}
.main_customer > .inner{}
.main_customer > .inner > .layL{ width:50%; padding:1.25em 3.75em 1.25em 0;}
.main_customer > .inner > .layR{ flex:1;}

.main_customer .customer_top { padding:2em 0em; box-sizing:border-box; border-bottom:1px solid #e5e5e5;}
.main_customer .customer_top .top_l { width:6.25em; height:6.25em; margin-right:1.5em; background:#f5f5f5; border-radius:1em;}
.main_customer .customer_top .top_l .date_wrap { flex:1;}
.main_customer .customer_top .top_l .day {font-size:1.75em; font-weight:700; color:#ed1c24}
.main_customer .customer_top .top_l .year {font-size:.875em; color:#666;}
.main_customer .customer_top .top_r { flex:1;}
.main_customer .customer_top .top_r .tit{ max-width:100%; font-size:1.063em; margin-bottom:.5em; font-weight:500;}
.main_customer .customer_top .top_r .tit .short { flex:1; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.main_customer .customer_top .top_r .tit .new {vertical-align:text-top;}
.main_customer .customer_top .top_r .txt{font-size:.875em; color:#666;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main_customer .customer_bottom {padding:2em 0.5em; padding-bottom:0; box-sizing:border-box;}
.main_customer .customer_bottom > li {height:25px; margin-bottom:.5em;}
.main_customer .customer_bottom > li .tit { flex:0 1 auto; font-size:.938em; font-weight:500; padding-left:1.5em; padding-right:1.5em; position:relative;}
.main_customer .customer_bottom > li .tit:before {position:absolute; content:''; width:6px; height:3px; background:#ed1c24; left:0; top:7px;}
.main_customer .customer_bottom > li .tit .tt { overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.main_customer .customer_bottom > li .tit .tt.new_icon:after {position:absolute; content:'\e9a8'; font-family:xeicon !important; position:absolute; top:50%; right:0; transform:translateY(-50%); color:#ed1c24; font-size:1.375em}
.main_customer .customer_bottom > li .tit .new {vertical-align:text-top;}
.main_customer .customer_bottom > li .date { flex:1 0 auto; padding-left:.75em; text-align:right; font-size:.875em; color:#666;}

.main_customer .news_top { padding:2em 0em; box-sizing:border-box; border-bottom:1px solid #e5e5e5;}
.main_customer .news_top .top_l { width:11em; margin-right:1em; border:1px solid #e5e5e5; border-radius:1em; overflow:hidden;}
.main_customer .news_top .top_l .img_wrap{}
.main_customer .news_top .top_r { flex:1;}
.main_customer .news_top .top_r .tit{ max-width:100%; font-size:1.063em; margin-bottom:.5em; font-weight:500;}
.main_customer .news_top .top_r .tit .short { flex:1; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.main_customer .news_top .top_r .tit .new {vertical-align:text-top;}
.main_customer .news_top .top_r .txt{font-size:.875em; color:#666;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main_customer .news_top .top_r .date {font-size:.875em; color:#666; margin-top:1em;}

.main_customer .require_wrap { padding:2em 0.5em; padding-bottom:0; box-sizing:border-box;}
.main_customer .require_wrap > li { margin-bottom:1em; height:30px;}
.main_customer .require_wrap > li .require .ing { flex:1 0 auto; padding:.5em; background:#e5e5e5; border-radius:50px; color:#666; text-align:center; width:6em; margin-right:.5em; font-size:.875em;}
.main_customer .require_wrap > li .require .ing.on {background:#ed1c24; color:#fff}
.main_customer .require_wrap > li .tit { flex:0 1 auto; font-size:.938em; font-weight:500; padding-right:1.5em; position:relative;}
.main_customer .require_wrap > li .tit .tt { overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.main_customer .require_wrap > li .tit .tt.new_icon:after {position:absolute; content:'\e9a8'; font-family:xeicon !important; position:absolute; top:50%; right:0; transform:translateY(-50%); color:#ed1c24; font-size:1.375em}
.main_customer .require_wrap > li .tit .new {vertical-align:text-top;}
.main_customer .require_wrap > li .date { flex:1 0 auto; padding-left:.75em; text-align:right; font-size:.875em; color:#666;}

.main_tab > .tab{ padding:0 0 1px 1px;}
.main_tab > .tab > li{ flex:1; position:relative; z-index:1;}
.main_tab > .tab > li .in{ position:relative; height:3.125em; padding:0 .5em; margin:0 0 -1px -1px; border:1px solid #e5e5e5; color:#888;}
.main_tab > .tab > li .in:before{ content:""; position:absolute; top:-1px; left:-1px; right:-1px; height:3px; background:#ed1c24; display:none;}
.main_tab > .tab > li .in .tt{ font-size:.938em;}
.main_tab > .tab > li.on{ z-index:2;}
.main_tab > .tab > li:hover .in,
.main_tab > .tab > li.on .in{ color:#ed1c24; border-bottom-color:transparent;}
.main_tab > .tab > li.on .in:before{ display:block;}

.main_bnList4 > .list{ margin:0 0 -1.25em -1.25em;}
.main_bnList4 > .list > li{ width:50%;}
.main_bnList4 > .list > li .wrap_in{ flex:1; position:relative; margin:0 0 1.25em 1.25em; padding:2em 2.25em 2.25em 2.25em;}
.main_bnList4 > .list > li .wrap_in .main_txt .txt .tt{ line-height:1.3;}
.main_bnList4 > .list > li .wrap_in .icon{ position:absolute; width:auto !important; right:1.25em; bottom:1.75em;}
.main_bnList4 > .list > li .wrap_in .icon img{ width:5.313em;}

.main_bnList4 > .list > li .link_wrap{ padding:1.5em 1.5em; text-align:center;}
.main_bnList4 > .list > li .link_wrap .link_list{ height:100%;}
.main_bnList4 > .list > li .link_wrap .link_list > li{ flex:1 1 50%; border:solid rgba(0,0,0,.3);}
.main_bnList4 > .list > li .link_wrap .link_list > li .in{ flex:1; padding:1em .5em;}
.main_bnList4 > .list > li .link_wrap .link_list > li .in .in_icon{ margin-bottom:.75em;}
.main_bnList4 > .list > li .link_wrap .link_list > li .in .in_icon img{ width:2.875em; transition:transform .3s;}
.main_bnList4 > .list > li .link_wrap .link_list > li .in:hover .in_icon img{ transform:rotateY(180deg);}
.main_bnList4 > .list > li .link_wrap .link_list > li:nth-child(1){ border-width:0 1px 1px 0;}
.main_bnList4 > .list > li .link_wrap .link_list > li:nth-child(2){ border-width:0 0 1px 0;}
.main_bnList4 > .list > li .link_wrap .link_list > li:nth-child(3){ border-width:0 1px 0 0;}
.main_bnList4 > .list > li .link_wrap .link_list > li:nth-child(4){ border-width:0;}



/*ANI*/
@keyframes downAni{
0% { transform:translateY(.5em);}
50% { transform:translateY(-.5em);}
100% { transform:translateY(.5em);}
}
@keyframes circleSize {
0% {-webkit-transform: scale(1); transform: scale(1);}
50% {-webkit-transform: scale(1.1); transform: scale(1.1);}
}
@-webkit-keyframes circleSize {
0% {-webkit-transform: scale(1); transform: scale(1);}
50% {-webkit-transform: scale(1.1); transform: scale(1.1);}
}