@charset "utf-8";
/* main common */
.com_tit_box{ text-align: left; margin-bottom: 2.75em;}
.com_tit_box .com_tit{ font-size: 2rem; font-weight: 700; color: #000;}
.com_tit_box .com_desc{color: #999; line-height: 1.75em; margin-top: 12px;}
.main_section{padding: 6.25em 0;}
.section_top_cont{position: relative;}
.com_moer_btn{font-weight: 700; position: absolute; top: 0; right: 0;} 
.com_moer_btn a{display: flex; align-items: center; line-height: 2.5em; position: relative; z-index: 1; color: #ffc021 !important;}
.com_moer_btn a::after{content: "";  width: 1.875em; height: 2.5em; border: 1px solid #ffc021; border-left: 0; position: absolute; right: -12px; z-index: -1;}
.com_moer_btn i{padding-left: 5px; padding-right: 10px; transition: all 0.2s;}
.com_moer_btn:hover i{padding-right: 0;}
/* tab_cont */
.tab_cont_menu{display: flex; align-items: center;}
.tab_cont_menu li{font-size: 1.25em; color: #000; padding: 10px 1.5em; border-radius: 5em; border: 1px solid #e7e5da; background-color: #fff; margin-left: 10px; cursor: pointer;}
.tab_cont_menu li:hover,
.tab_cont_menu li.active{background-color: #ffc021; color: #fff !important; font-weight: 700; border-color: #ffc021;}
.tab_cont_menu li a{color: #000 !important;}
.tab_cont_menu li:hover a{color: #fff !important;}
.tab_cont_menu li.active a{color: #fff !important;}
.tab_cont_wrap .tab_cont{display: none;}
.tab_cont_wrap .tab_cont.active{display: block;}
/* gallery_latest_wrap (main_section02) */
.gallery_latest_wrap{position: relative;}
.gallery_latest_cont .gallery_item .item a{display: block; width: 100%;}
.gallery_latest_cont .gallery_item .item .thumb{width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; padding-top: 10em;}
.gallery_latest_cont .gallery_item .item .txt_box{margin-top: 1em;}
.gallery_latest_cont .gallery_item .item .txt_box .subject{font-size: 1.1rem; line-height: 1.4; text-overflow: ellipsis; overflow: hidden;  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; min-height: 70px; color: #333;}
.gallery_latest_cont .gallery_item .item .txt_box .date{color: #ccc; font-size: 0.875em; margin-top: 1.14em;}
.gallery_latest_wrap .swiper-button{ position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer;}
.gallery_latest_wrap .swiper-button i{color: #ccc; font-size: 2.25em;}
.gallery_latest_wrap .swiper_prev{left: -4.06em;}
.gallery_latest_wrap .swiper_next{right: -4.06em;}
.main_section02 .gallery_latest_cont{margin: 0 -0.9%;}
.main_section02 .gallery_latest_wrap .gallery_item .item{width: 25%; padding: 0.9%;} /* 230814 J add */

/* list_latest_wrap (main_section04) */
.list_latest_wrap{ width: 100%; border-top: 1px solid #f2f2f2; }
.list_latest_wrap .list_latest_cont{}
.list_latest_wrap .list_latest_cont .item{border-bottom: 1px solid #f2f2f2; }
.list_latest_wrap .list_latest_cont .item a{ position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 1.875em;}
.list_latest_wrap .list_latest_cont .item a::after{content: "\e90b"; font-family: 'xeicon'; font-size: 1.25em; color: #ffc021; position: absolute; top: 50%; right: 1.5em; transform: translateY(-50%); transition: all 0.2s;}
.list_latest_wrap .list_latest_cont .item a:hover::after{right: 1em;}
.list_latest_wrap .list_latest_cont .item .subject{font-size: 1.125em; width: 85%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #000;}
.list_latest_wrap .list_latest_cont .item .date{font-size: 0.875em; color: #ccc; text-align: right; padding-right: 4.64em; flex: 0 0 auto;}

/* main visual */
@media (min-width: 1921px) {
	.main_visual_wrap{  width: 100%; height: 600px}
	
}
.main_visual_wrap{ position: relative; width: 100%; height: 600px; /* max-width: 1940px; */ margin: 0 auto;}
.main_visual{width: 100%; height: 100%;}
.main_visual .slide{background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: 100%; display: block;}
.main_pagination_wrap {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.main_visual_pagination{position: absolute; bottom: 3.125em; right: 0; /* left: 50%; transform: translateX(-50%); width: 92%; max-width: 1200px; */ z-index: 1; }
.main_visual_pagination .inner{ display: flex; align-items: center; justify-content: center; background-color: rgba(0,0,0,0.4); color: #fff; border-radius: 5em; /* width: 6.875em; */ width: 120px; height: 2em; margin-left: auto;}
.main_visual_pagination .autoplay_btn_wrap{position: relative; width: 17px; height: 100%;} 
.main_visual_pagination .autoplay_btn_wrap .btn_autoplay{position: absolute; top: 52%; left: 50%; transform: translate(-50%,-50%); color: #fff;}
.main_visual_pagination .autoplay_btn_wrap .btn_autoplay_play{display: none;}
.main_visual_pagination.pause .autoplay_btn_wrap .btn_autoplay_play{display: block;} 
.main_visual_pagination.pause .autoplay_btn_wrap .btn_autoplay_pause{display: none;}
.main_visual_pagination .autoplay_btn_wrap .btn_autoplay:hover {background: none;}
.main_visual_pagination .swiper-pagination{position: static; width: auto; display: inline-block; color: rgba(255,255,255,0.7); font-size: 12px; padding: 0 8px;}
.main_visual_pagination .swiper-pagination-current{color: #fff;}
.main_visual_pagination .swiper-button{font-size: 0.875em; cursor: pointer;}
.mainBlank {display: none;}

@media (max-width: 1200px) {
	.main_visual_wrap{ position: relative; width: 100%; height: 0; padding-top: 49.9%;}
	.main_visual {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
	}
	.main_visual_pagination {
		right: 1rem;
	}
}
@media (max-width: 640px) {
	.main_visual_wrap {
		padding-top: 60.9%;
	}
	.main_visual_wrap .swiper-pagination-bullet {
		width: 40px;
	}
	.main_visual_pagination {
		bottom: 1rem;
	}
	.main_visual_pagination .inner {
		width: 100px;
		height: 2.5rem;
	}
	.main_visual_pagination .autoplay_btn_wrap .btn_autoplay {
		top: 50%;
	}
}
.swiper-slide-inner {
	width: 100%;
	max-width: 1200px;
	height: 100%;
	margin: 0 auto;
	background-position:  center;
	background-size: cover;
	background-repeat: no-repeat;
}
.swiper-slide-inner.pc {
	display: block;
}
.swiper-slide-inner.mob {
	display: none;
}
@media (max-width: 640px) {
	.swiper-slide-inner.pc {
		display: none;
	}
	.swiper-slide-inner.mob {
		display: block;
	}
}

/* main_section01 */
.main_section01{padding-top: 7.5em;}
.main_section01 .com_tit_box{text-align: center;}
.main_section01 .com_tit{display: block; font-size: 2.25em; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.main_section01 .com_tit img  {
	margin: 0 10px;
}
.main_section01 .com_tit .point_txt{padding-left: 12px; padding-right: 6px;}
.main_section01 .com_desc{color: #ccc; margin-top: 1em;} 
.main_section01 .handon_cate_wrap{ 
	display: flex;
	gap: 40px;
	margin: 0;
} 
.main_section01 .cate_box{width: 33.33%; padding: 0;}
.main_section01 .cate_box .cate_box_inner{ height: 100%; padding: 1.875em 1.875em 1.56em; width: 100%; background-color: #fff; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05); border-radius: 1.875em; border: 1px solid #f8f8f8;} 
.main_section01 .cate_box .cate_tit_wrap{display: flex; align-items: center; margin-bottom: 1.56em;}
.main_section01 .cate_box .cate_tit_wrap .icon{width: 9.375em;}
.main_section01 .cate_box .cate_tit_wrap .txt{font-size: 1.5rem; font-weight: 700; color: #000; width: calc(100% - 5em); text-align: center;}
.main_section01 .cate_box_menu .cate_list{display: flex; align-items: center; flex-wrap: wrap;}
.main_section01 .cate_box_menu .cate_list .list{width: 50%; text-align: center;}
.main_section01 .cate_box .cate_list .list a{font-size: 1.125em; display: block; width: 100%; position: relative; border-bottom: 1px solid #f2f2f2; transition: all 0.2s;}
.main_section01 .cate_box .cate_list .list:last-child a{border-bottom: 0;}
.main_section01 .cate_box_menu .cate_list .list a{padding: 0.89em 0; }
.main_section01 .cate_box_menu .cate_list .list:hover a{color: #ffc021 !important;}
.main_section01 .cate_box_menu .cate_list .list:nth-child(even) a::before{content: ""; width: 1px; height: 14px; background-color: #f2f2f2; position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 1; }
.main_section01 .cate_goods_box .cate_box_inner{padding: 0 1.25em;}
.main_section01 .cate_goods_box .cate_list .list{width: 100%;}
.main_section01 .cate_goods_box .cate_list .list a{ display: flex; align-items: center; padding: 1.78em 1.11em; transition: all 0.2s;}
.main_section01 .cate_goods_box .cate_list .list a::after{content: "\e90b"; font-family: 'xeicon'; font-size: 1.11em; color: #ffc021; position: absolute; top: 50%; right: 1em; transform: translateY(-50%); transition: all 0.2s;}
.main_section01 .cate_goods_box .cate_list .list:hover a{color: #ffc021;}
.main_section01 .cate_goods_box .cate_list .list a:hover::after{right: 0.5em;}
.main_section01 .cate_goods_box .cate_list .list i{font-size: 1.33em; color: #ccc;}
.main_section01 .cate_goods_box .cate_list .list .txt{margin-left: 0.89em; color: #333;}

/* main_banner01 */
.main_banner01{width: 100%; height: 12.5em; background: url(../img/main/main_banner01_bg.jpg) no-repeat center; background-size: cover;}
.main_banner01 .banner_inner{ display: block; background-image: url(../img/main/main_banner01_bg01.png),url(../img/main/main_banner01_bg02.png); background-repeat: no-repeat; background-position: center left -9%, top 55% right; background-size: 38%, 30.5%; width: 100%; height: 100%;}
.main_banner01 .banner_txt_box{width: 100%; height: 100%; text-align: center; display: flex; justify-content: center; align-items: center;}
.main_banner01 .banner_txt_box .banner_logo{width: 6.44em;}
.main_banner01 .banner_txt_box .banner_txt{color: #3c2823; margin-left: 1.875em;}
.main_banner01 .banner_txt_box .banner_txt .tit{ font-size: 2rem; font-weight: 600; }  
.main_banner01 .banner_txt_box .banner_txt .desc{line-height: 1.5em; margin-top: 1.25em;}

/* main_section03 */
.main_section03{ background: url(../img/main/main_section03_bg_txt.png) no-repeat bottom right; background-size: 58%;  background-color: #fbf3d4;}
.main_section03 .media_wrap{display: flex; align-items: center;}
.main_section03 .media_cont{width: 50%; height: 21.25em;}
.main_section03 .media_cont .choice_media{width: 100%; height: 100%;}
.main_section03 .media_list_box{padding-left: 1.875em; overflow-y: auto; }
.main_section03 .media_list_box::-webkit-scrollbar { width: 10px; padding: 0 2px; box-shadow: none;}
.main_section03 .media_list_box::-webkit-scrollbar-thumb { background-color: #fdd14a; border: 2px solid transparent; border-radius: 5em; background-clip: content-box; box-shadow: none;}
.main_section03 .media_list_box::-webkit-scrollbar-track { background-color: #f9f9f9; box-shadow: none; }
.main_section03 .media_list_box .media_list{background-color: #fff; padding: 1.25em;}
.main_section03 .media_list_box .media_list .list{border-bottom: 1px solid #f2f2f2;}
.main_section03 .media_list_box .media_list .list:first-child{border-top: 1px solid #f2f2f2; }
.main_section03 .media_list_box .media_list .list a{display: flex; align-items: center; padding: 10px 0;}
.main_section03 .media_list_box .media_list .list .thumb{background-repeat: no-repeat; background-position: center; background-size: cover; width: 7.5em; padding-top: 5em;}
.main_section03 .media_list_box .media_list .list .txt_box{width: calc(100% - 7.5em); padding-left: 1.875em;}
.main_section03 .media_list_box .media_list .list .txt_box .subject{text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; margin-bottom: 1em;}
.main_section03 .media_list_box .media_list .list .txt_box .date{font-size: 0.875em; color: #ccc;} 

/* main_section04 - tab contents, list_latest_wrap */
.main_section04 .section_top_cont{display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 3.125em;}
.main_section04 .com_tit_box{margin-bottom: 0;}

/* main_banner02 */
.main_banner02{width: 100%; background: url(../img/main/main_banner02_bg.jpg) no-repeat center; background-size: cover; }
.main_banner02 .banner_inner{ display: flex; align-items: center; justify-content: space-between; padding: 1.75em 8.875em 1.75em 6.25em;}
.main_banner02 .banner_txt_box{width: calc(100% - 21.875em); padding: 0;}
.main_banner02 .tit01{font-size: 1.5em; color: #c25f33; font-weight: 600;}
.main_banner02 .tit02{font-size: 3.75em; font-weight: 600; color: #222; margin: 0.3em 0 0.58em;}
.main_banner02 .desc{font-style: 1.125em; color: #666; line-height: 1.33em; }
.main_banner02 .icon{
	background: url(../img/main/main_banner02_bg01.png) no-repeat center;
/* 	width: 21.875em;
	padding-top: 19em;
	 */
	width: auto;
	padding: 0;
	background: none;
}


.blankBox {
	display: none;
}
@media(max-width: 1400px) {
	.main_section01 .cate_box {
		width: calc((100% - 300px) / 2);
	}
	.main_section01 .cate_box.cate_goods_box {
		width: 300px;
	}
	.main_section01 .cate_box .cate_tit_wrap .txt {
		text-align: left;
		line-height: 1.2;
	}
	.main_section01 .cate_box .cate_tit_wrap .txt span {
		display: block;
	}
}
@media (max-width: 1200px) {
	.main_banner02 .banner_inner {
		padding: 20px;
	}
	.main_banner01 .banner_inner {
		background-size: 32%, 25%;
	}
}
@media (max-width: 1024px) {

	.main_section01 .cate_box .cate_box_inner {
		padding: 1rem;
	}
	.main_section01 .cate_box .cate_tit_wrap .txt {
		font-size: 1.7rem;
	}
	.main_section01 .cate_box .cate_tit_wrap .icon {
		width: 100px;
		margin-right: 20px;
	}
	.main_section01 .cate_box .cate_tit_wrap .icon img {
		max-width: 100%;
	}

	.main_section02 .gallery_latest_wrap .gallery_item {
		flex-wrap: wrap;
		gap: 10px;
	}
	.main_section02 .gallery_latest_wrap .gallery_item .item {
		width: calc(50% - 5px);
	}
	.main_section02 .gallery_item .item .txt_box .subject{
		font-size: 1rem;
		-webkit-line-clamp: 2;
		min-height: 50px;
	}
	.main_section04 .section_top_cont {
		flex-wrap: wrap;
	}
	.main_section04 .section_top_cont .tab_cont_menu {
		width: 100%;
		justify-content: center;
		margin-top: 20px;
	}
	.main_section04 .section_top_cont {
		margin-bottom: 20px;
	}
	.main_section04 .section_top_cont .tab_cont_menu li:first-child {
		margin-left: 0;
	}
	.list_latest_wrap .list_latest_cont .item .subject {
		width: calc(100% - 150px);
		margin-right: 20px;
	}
	
}
@media (max-width: 979px) {
	.main_section01 .handon_cate_wrap {
		flex-wrap: wrap;
		gap: 20px;
	}
	.main_section01 .cate_box {
		width: calc(50% - 10px);
	}
	.main_section01 .cate_box.cate_goods_box  {
		width: 100%;
	}
	.main_section01 .cate_box .cate_tit_wrap .icon {
		width: auto;
	}
	.main_section01 .cate_box .cate_tit_wrap .txt {
		text-align: center;
	}
	.main_section01 .cate_box .cate_tit_wrap .txt span {
		display: inline;
		margin-bottom: 0;
	}
	.main_section03 .media_wrap {
		flex-wrap: wrap;
	}
	.main_section03 .media_cont {
		width: 100%;
	}
	.main_section03 .media_list_box {
		padding-left: 0;
		margin-top: 20px;
	}

	.main_banner02 {
		background-position: right center;
	}
	.main_banner02 .banner_inner {
		flex-wrap: wrap;
		padding: 60px 0 40px;
	}
	.main_banner02 .tit01 {
		font-size: 1.2rem;
	}
	.main_banner02 .tit02 {
		font-size: 2.7rem;
	}
	.main_banner02 .banner_txt_box {
		width: 100%;
	}
	.main_banner02 .icon {
		width: 100%;
		margin-top: 20px;
		text-align: right;
	}
	.main_banner02 .icon img {
		width: 250px;
	}

}
@media(max-width: 900px) {
	.main_banner01 .banner_txt_box .banner_txt {
		margin-left: 1em;
	}
	.main_banner01 .banner_txt_box .banner_logo {
		width: 10vw;
	}
	.main_banner01 .banner_inner {
		background-size: 50%, 40%;
		background-position: center left -44%, top 55% right -25%;
	}
	.blankBox {
		display: block;
	}
}
@media(max-width: 800px) {
	.main_banner01 .banner_txt_box {
		flex-flow: column;
	}
	.main_banner01 .banner_txt_box .banner_txt .desc {
		margin-top: 0.7em;
	}
	.main_banner01 .banner_txt_box .banner_txt {
		margin-left: 0em;
		margin-top: 0.7em;
		text-shadow: 0px 0px 5px #fff,0px 0px 10px #fff,0px 0px 30px #fff
	}
	.main_section01 .com_tit {
		display: block;
	}
	.mainBlank {
		display: block;
	}
	.main_section01 .com_tit .point_txt {
		display: inline-block;
	}
}
@media (max-width: 680px) {
	.main_section01 .handon_cate_wrap {
		flex-wrap: wrap;
		gap: 20px;
	}
	.main_section01 .cate_box {
		width: 100%;
	}
	.main_section01 .cate_goods_box .cate_list .list a {
		padding: 0.8em;
	}
	.main_section01 .cate_box_menu .cate_list .list a {
		padding: 0.8em 0;
	}
	.main_banner01 .banner_txt_box .banner_logo {
		width: 72.5px;
	}
	.gallery_latest_cont .gallery_item .item .txt_box .subject,
	.main_section04 .section_top_cont .tab_cont_menu li {
		font-size: 1.1em;
	}
	.main_section04 .section_top_cont .tab_cont_menu li {
		padding: 10px 1em;
	}
	.list_latest_wrap .list_latest_cont .item a {
		flex-flow: column;
		padding: 1.5em;
	}
	.main_section04 .section_top_cont .tab_cont_menu {
		flex-flow: row wrap;
		gap: 1em;
	}
	.main_section04 .section_top_cont .tab_cont_menu::after {
		display: none;
	}
	.main_section04 .section_top_cont .tab_cont_menu li {
		margin: 0;
		width: calc((100% - 1em) / 2);
		text-align: center;
	}
	.list_latest_wrap .list_latest_cont .item .subject {
		width: 100%;
		margin-right: 0;
		margin-bottom: 1em;
		padding-right: 1.7em;
	}
	.list_latest_wrap .list_latest_cont .item .date {
		width: 100%;
		display: block;
		text-align: left;
	}
	.main_section01 .cate_box .cate_tit_wrap .txt {
		width: auto;
	}
	.main_section01 .cate_box .cate_tit_wrap {
		justify-content: center;
	}
	.main_section {
		padding: 3.5em 0;
	}
	.com_tit_box {
		margin-bottom: 2em;
	}
}
@media(max-width: 540px) {
	.list_latest_wrap .list_latest_cont .item a {
		padding: 1.2em 0.5em;
	}
	.list_latest_wrap .list_latest_cont .item .subject {
		padding-right: 2em;
	}
	.main_banner01 .banner_txt_box .banner_logo {
		width: 50px;
	}
	.main_banner01 .banner_inner {
		background-size: 70%, 60%;
		background-position: center left -133%, top 55% right -93%;
	}
	.list_latest_wrap .list_latest_cont .item .subject {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		white-space: pre-wrap;
		line-height: 1.2;
	}
	.list_latest_wrap .list_latest_cont .item a::after {
		right: 0.5em;
	}
}
@media(max-width: 500px) {
	.main_section03 .media_list_box .media_list .list .txt_box {
		padding-left: 10px;
	}
	.main_section03 .media_list_box .media_list {
		padding: 0.5em;
	}
}
@media(max-width: 400px) {
	.main_section01 .com_tit {
		font-size: 7.4vw;
	}
	.main_section01 .com_tit img {
		margin: 0 5px;
		height: 16.9vw;
	}
	.main_banner01 .banner_txt_box .banner_txt .tit {
		font-size: 2.1em;
	}
	.gallery_latest_cont .gallery_item .item .txt_box .date {
		font-size: 0.78em;
		letter-spacing: -1px;
	}

}