@media screen and (min-width:768px){
#index .main_visual{
	width:100%;
	padding:60px 0 60px 0;
	background:url("/assets_2023/images/index/main_bg.png") no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	margin:0 0 80px 0;
}

#index .main_visual .slider{
	width:100%;
	opacity: 0;
}

#index .main_visual .slider .box{
	padding:0 40px;
	width:960px;
}

#index .main_visual .slider .box a{
	padding-top:56.25%;
	position: relative;
	display: block;
	border-radius: 16px;
	overflow: hidden;
}


#index .main_visual .slider .box a::after{
	content: "";
	width:calc(100% - 30px);
	height:calc(100% - 30px);
	border:4px solid #FECF3F;
	border-radius: 16px;
	top:calc(50% - (100% - 30px) / 2 );
	left:calc(50% - (100% - 30px) / 2 );
	transition: all 0.2s;
	transform: scale(1.2);
	display: block;
	position: absolute;
}

#index .main_visual .slider .box a:hover::after{
	transform: scale(1);
}

#index .main_visual .slider .box a img{
	position: absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	transition: all 0.2s;
	transform: scale(1);
}

#index .main_visual .slider .box a:hover img{
	transform: scale(1.05);
}

#index .main_visual .slider .slick-dots{
	width:880px;
	margin:0 auto;
	display: flex;
	justify-content: flex-start;
	padding:30px 0 0 0;
}

#index .main_visual .slider .slick-dots li{
	margin:0 15px 0 0;
	width:10px;
}

#index .main_visual .slider .slick-dots li button
{
    background:#C1BEBC;
	width:10px;
	height:10px;
	border-radius: 50%;
	opacity: 1;
	border:none;
}

#index .main_visual .slider .slick-dots li.slick-active button
{
	opacity: 1;
	background:#000;
	width:10px;
	height:10px;
	border-radius: 50%;
}

#index .index_container{
	width:100%;
	display: flex;
	min-width: 1160px;
}

#index .index_container .content_cont{
	width:calc(100% - (100% - 1160px) / 2 - 32px - 336px);
	margin:0 0 100px 0;
}

#index .index_container .content_cont .modulu_cont{
	margin:0 0 0 auto !important;
}

#index .index_container .content_cont .w100_content{
	margin:0 0 100px 0;
	position: relative;
}

#index .index_container .side_cont{
	padding:0 calc((100% - 1160px) / 2) 0 32px;
}


#index .index_container .content_cont .h2tlcont{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin:0 0 32px 0;
}

#index .index_container .content_cont .h2tlcont h2{
	padding-top:0;
}

#index .index_container .content_cont .h2tlcont .h2box{
	display: flex;
	align-items: center;
}

#index .index_container .content_cont .h2tlcont.icon1 .h2box::after{
	content: "";
	width:27px;
	height:27px;
	background:url("/assets_2023/images/index/tl_icon01.svg") no-repeat;
	background-size: contain;
	background-position: 50% 50%;
	display: inline-block;
	margin:0 0 0 10px;
}

#index .index_container .content_cont .h2tlcont.icon2 h2::before{
	background:#EA75CF;
}

#index .index_container .content_cont .h2tlcont.icon2 .h2box::after{
	content: "";
	width:27px;
	height:27px;
	background:url("/assets_2023/images/index/tl_icon02.svg") no-repeat;
	background-size: contain;
	background-position: 50% 50%;
	display: inline-block;
	margin:0 0 0 10px;
}

#index .index_container .content_cont .h2tlcont.icon3 h2::before{
	background:#197CD5;
}

#index .index_container .content_cont .h2tlcont.icon3 .h2box::after{
	content: "";
	width:27px;
	height:27px;
	background:url("/assets_2023/images/index/tl_icon03.svg") no-repeat;
	background-size: contain;
	background-position: 50% 50%;
	display: inline-block;
	margin:0 0 0 10px;
}

#index .index_container .content_cont .h2tlcont{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin:0 0 32px 0;
}

#index .index_container .content_cont .news_list{
	margin:0 0 40px 0;
}

#index .index_container .content_cont .news_list li{
	width:100%;
	display: flex;
	margin:0 0 10px 0;
}

#index .index_container .content_cont .news_list li.active{
	padding:10px 0;
	border-bottom:1px solid #E2E2E2;
	display: flex;
}

#index .index_container .content_cont .news_list li .date{
	font-size:12px !important;
	color:#C1BEBC;
	width:70px;
	line-height: 28px;
}

#index .index_container .content_cont .news_list li a{
	max-width: calc(100% - 70px);
	padding:0 0 0 0;
	position: relative;
	display: block;
	font-size:14px;
	line-height: 28px;
	color:#413428;
}

#index .index_container .content_cont .bgcont{
	position: relative;
}

#index .index_container .content_cont .bgcont::after{
	content: "";
	width:100%;
	position: absolute;
	height:calc(100% - 60px);
	bottom:0;
	left:0;
	border-top-right-radius: 20px;
	background:#FFF9EA;
}

#index .index_container .content_cont .innerbox{
	padding:0 30px 0 0;
	position: relative;
	z-index: 1;
}

#index .index_container .content_cont ul.link_btnlist{
	display: flex;
	justify-content: space-between;
}

#index .index_container .content_cont ul.link_btnlist li{
	width:calc((100% - 40px) / 3);
}

#index .index_container .content_cont ul.link_btnlist li a{
	text-decoration: none;
	color:#413428;
	width:100%;
}

#index .index_container .content_cont ul.link_btnlist li a .phbox{
	padding-top:66.11%;
	position: relative;
	display: block;
	border-radius: 8px;
	overflow: hidden;
	border:1px solid #EDEDED;
	margin:0 0 10px 0;
}

#index .index_container .content_cont ul.link_btnlist li a .phbox::after {
	content: "";
	width:calc(100% - 15px);
	height:calc(100% - 15px);
	border:2px solid #FECF3F;
	border-radius: 8px;
	top:calc(50% - (100% - 15px) / 2 );
	left:calc(50% - (100% - 15px) / 2 );
	transition: all 0.2s;
	transform: scale(1.2);
	display: block;
	position: absolute;
}

#index .index_container .content_cont ul.link_btnlist li a:hover .phbox::after{
	transform: scale(1);
}

#index .index_container .content_cont ul.link_btnlist li a .phbox img{
	position: absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	transition: all 0.2s;
	transform: scale(1);
}

#index .index_container .content_cont ul.link_btnlist li a:hover .phbox img{
	transform: scale(1.05);
}

#index .index_container .content_cont ul.link_btnlist li a .cate{
	border:1px solid #C1BEBC;
	background:#fff;
	border-radius: 2px;
	padding:2px 10px;
	font-size:12px;
	font-weight: bold;
	display: inline-block;
}

#index .index_container .content_cont ul.link_btnlist li a .cate::before{
	content: "";
	width:6px;
	height:6px;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	margin:0 5px 0 0;
	position: relative;
	top:-1px;
}

#index .index_container .content_cont ul.link_btnlist li a .cate.cate1::before{
	background:#197CD5;
}

#index .index_container .content_cont ul.link_btnlist li a .cate.cate2::before{
	background:#EA75CF;
}

#index .index_container .content_cont ul.link_btnlist li a .tl{
	font-size:14px;
	line-height: 22px;
	margin:15px 0 10px 0;
	overflow: hidden;
  	display: -webkit-box;
  	-webkit-box-orient: vertical;
  	-webkit-line-clamp: 4;
}

#index .index_container .content_cont ul.link_btnlist li a:hover .tl{
	text-decoration: underline;
}

#index .index_container .content_cont ul.link_btnlist li a .date{
	font-size:12px;
	color:#C1BEBC;
}
	
#index .index_container .content_cont ul.link_btnlist li.end a{
	/*pointer-events: none;*/
}
	
#index .index_container .content_cont ul.link_btnlist li.end a .phbox::before{
	content: "※キャンペーンはすでに\A終了しています";
	white-space: pre;
	width:100%;
	height:100%;
	background-color: rgba(114,108,103,0.7);
	position: absolute;
	top:0;
	left:0;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color:#fff;
	font-weight: 700;
	font-size: 14px;
}
	
#index .index_container .content_cont ul.link_btnlist li.end a .tl{
	color:#C1BEBC;
	text-decoration: none !important;
}
	
#index .index_container .content_cont ul.link_btnlist li.end a .phbox::after{
	display: none;
}
	
#index .index_container .content_cont ul.link_btnlist li.end a:hover .phbox img{
	transform: scale(1.0);
}

#index .index_container .content_cont .btnbox{
	display: flex;
	justify-content: center;
	padding:40px 0 40px 0;
}

/*about_cont*/
#index .index_container .content_cont .borderbg{
	background:url("/assets_2023/images/index/border_bg.png") repeat-x;
	background-size:895px;
	padding:85px 0 0 0;
}

#index .index_container .content_cont .bg_icon01{
	width:60px;
	position: absolute;
	top:-10px;
	left:-80px;
}

#index .index_container .content_cont .bg_icon02{
	width:20px;
	position: absolute;
	right:200px;
	top:10px;
}

#index .index_container .content_cont .bg_icon03{
	width:93px;
	position: absolute;
	right:0;
	top:-10px;
}

#index .index_container .content_cont .bg_icon04{
	width:108px;
	position: absolute;
	left:-10px;
	bottom:50px;
}

#index .index_container .content_cont .bg_icon05{
	width:41px;
	position: absolute;
	right:0;
	bottom:60px;
}

#index .index_container .content_cont .about_cont{
	position: relative;
}

#index .index_container .content_cont .about_cont .tlbox{
	width:350px;
	margin:0 0 25px 0;
}

#index .index_container .content_cont .about_cont .tx{
	font-size:18px;
	line-height: 40px;
}

#index .index_container .content_cont .about_cont .phbox{
	width:560px;
	margin:0 auto;
	padding:50px 0 0 0;
}

#index .index_container .content_cont .flexbtn{
	display: flex;
	justify-content: center;
	
}

#index .index_container .content_cont .flexbtn a{
	margin:0 15px;
	font-size:14px;
}

#index .index_container .content_cont .flexbtn a.attention::before{
	content: "";
	width:16px;
	height:16px;
	background:url("/assets_2023/images/index/attention.svg") repeat-x;
	background-size:contain;
	display: inline-block;
	margin:0 5px 0 0;
	vertical-align: middle;
	position: relative;
	top:-1px;
}

/*about_cont*/
#index .index_container .radius_bg{
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	background:url("/assets_2023/images/index/info_bg.png") repeat-x;
	background-repeat: no-repeat;
	background-size: 595px;
	background-position: right bottom;
	background-color:#FFF9EA;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	overflow: hidden;
}

#index .index_container .headbox{
	display: flex;
	justify-content: space-between;
}

#index .index_container .headbox{
	display: flex;
	justify-content: space-between;
	padding:0 15px 40px 0;
}

#index .index_container .headbox .tlbox .tl{
	width:328px;
	padding:0 0 20px 0;
	position: relative;
	top:-20px;
}

#index .index_container .headbox .tlbox .tx{
	font-size:16px;
	line-height: 28px;
}

#index .index_container .headbox .logo{
	border-radius: 50%;
	padding:20px;
	background:#FFF9EA;
	position: relative;
	top:-40px;
}

#index .index_container .flexbox{
	width:calc(100% + 15px);
	margin:0 0 0 -15px;
	letter-spacing: 0;
	font-size: 0;
	text-align: center;
}

#index .index_container .flexbox .box{
	border-radius: 8px;
	overflow: hidden;
	position: relative;
	width:calc((100% - 60px) / 4);
	margin:0 0 20px 15px;
	display: inline-block;
}

#index .index_container .flexbox .box span{
	background:#fff;
	border-top-left-radius: 8px;
	padding:5px 10px;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	position: absolute;
	bottom:0;
	right:0;
}

#index .index_container .flexbox .box span.fs{
	font-size: 14px;
}

#index .index_container .btnbox.info a{
	width:340px;
}

#index .index_container .companylink{
	display: flex;
	justify-content: center;
	align-items: center;
}

#index .index_container .companylink .box:nth-child(1){
	width:86px;
	margin:0 20px;
}

#index .index_container .companylink .box:nth-child(2){
	width:45px;
	margin:0 20px;
}

#index .index_container .companylink .box:nth-child(3){
	width:80px;
	margin:0 20px;
}

#index .index_container .companylink .box:nth-child(4){
	width:48px;
	margin:0 20px;
}
}

@media screen and (max-width:767px){
#index .main_visual{
	width:100%;
	padding:40px 0 20px 0;
	background:url("/assets_2023/images/index/main_bg_sp.png") no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	margin:0 0 50px 0;
}

#index .main_visual .slider{
	width:100%;
}

#index .main_visual .slider .box{
	padding:0 0;
}

#index .main_visual .slider .box a{
	padding-top:56.25%;
	position: relative;
	display: block;
	border-radius: 0;
	overflow: hidden;
}


#index .main_visual .slider .box a::after{
	content: "";
	width:calc(100% - 30px);
	height:calc(100% - 30px);
	border:4px solid #FECF3F;
	border-radius: 16px;
	top:calc(50% - (100% - 30px) / 2 );
	left:calc(50% - (100% - 30px) / 2 );
	transition: all 0.2s;
	transform: scale(1.2);
	display: block;
	position: absolute;
}

#index .main_visual .slider .box a:hover::after{
	transform: scale(1);
}

#index .main_visual .slider .box a img{
	position: absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	transition: all 0.2s;
	transform: scale(1);
}

#index .main_visual .slider .box a:hover img{
	transform: scale(1.05);
}

#index .main_visual .slider .slick-dots{
	width:100%;
	margin:0 auto;
	display: flex;
	justify-content: center;
	padding:30px 0 0 0;
	bottom:0;
}

#index .main_visual .slider .slick-dots li{
	margin:0 15px 0 0;
	width:10px;
}

#index .main_visual .slider .slick-dots li button
{
    background:#C1BEBC;
	width:10px;
	height:10px;
	border-radius: 50%;
	opacity: 1;
	border:none;
}

#index .main_visual .slider .slick-dots li.slick-active button
{
	opacity: 1;
	background:#000;
	width:10px;
	height:10px;
	border-radius: 50%;
}

#index .index_container{
	width:100%;
	display: flex;
	flex-direction: column;
}

#index .index_container .content_cont{
	width:100%;
	margin:0 0 50px 0;
}

#index .index_container .content_cont .modulu_cont{
	margin:0 0 0 auto !important;
}

#index .index_container .content_cont .w100_content{
	margin:0 0 70px 0;
	position: relative;
}

#index .index_container .side_cont{
	display: block;
	width:90%;
	margin:0 auto;
}


#index .index_container .content_cont .h2tlcont{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin:0 0 32px 0;
}

#index .index_container .content_cont .h2tlcont h2{
	padding-top:0;
}

#index .index_container .content_cont .h2tlcont .h2box{
	display: flex;
	align-items: center;
}

#index .index_container .content_cont .h2tlcont.icon1 .h2box::after{
	content: "";
	width:27px;
	height:27px;
	background:url("/assets_2023/images/index/tl_icon01.svg") no-repeat;
	background-size: contain;
	background-position: 50% 50%;
	display: inline-block;
	margin:0 0 0 10px;
}

#index .index_container .content_cont .h2tlcont.icon2 h2::before{
	background:#EA75CF;
}

#index .index_container .content_cont .h2tlcont.icon2 .h2box::after{
	content: "";
	width:27px;
	height:27px;
	background:url("/assets_2023/images/index/tl_icon02.svg") no-repeat;
	background-size: contain;
	background-position: 50% 50%;
	display: inline-block;
	margin:0 0 0 10px;
}

#index .index_container .content_cont .h2tlcont.icon3 h2::before{
	background:#197CD5;
}

#index .index_container .content_cont .h2tlcont.icon3 .h2box::after{
	content: "";
	width:27px;
	height:27px;
	background:url("/assets_2023/images/index/tl_icon03.svg") no-repeat;
	background-size: contain;
	background-position: 50% 50%;
	display: inline-block;
	margin:0 0 0 10px;
}

#index .index_container .content_cont .h2tlcont{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin:0 0 32px 0;
}

#index .index_container .content_cont .news_list{
	margin:0 0 40px 0;
}

#index .index_container .content_cont .news_list li{
	width:100%;
	display: flex;
	margin:0 0 10px 0;
}

#index .index_container .content_cont .news_list li.active{
	padding:10px 0;
	border-bottom:1px solid #E2E2E2;
	display: flex;
}

#index .index_container .content_cont .news_list li .date{
	font-size:12px !important;
	color:#C1BEBC;
	width:70px;
	line-height: 28px;
}

#index .index_container .content_cont .news_list li a{
	max-width: calc(100% - 70px);
	padding:0 0 0 0;
	position: relative;
	display: block;
	font-size:14px;
	line-height: 28px;
	color:#413428;
}

#index .index_container .content_cont .bgcont{
	padding:40px 0 0 0;
	position: relative;
}

#index .index_container .content_cont .bgcont::after{
	content: "";
	width:100%;
	position: absolute;
	height:100%;
	bottom:0;
	left:0;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	background:#FFF9EA;
}

#index .index_container .content_cont .innerbox{
	padding:0 7.5%;
	position: relative;
	z-index: 1;
}

#index .index_container .content_cont ul.link_btnlist{
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

#index .index_container .content_cont ul.link_btnlist li{
	width:100%;
	margin:0 auto;
	margin:0 0 20px 0;
}

#index .index_container .content_cont ul.link_btnlist li a{
	text-decoration: none;
	color:#413428;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
	
#index .index_container .content_cont ul.link_btnlist.column li a{
	text-decoration: none;
	color:#413428;
	font-weight: bold;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: column;
}

#index .index_container .content_cont ul.link_btnlist li a .phbox{
	width:40%;
	padding-top:28.11%;
	position: relative;
	display: block;
	border-radius: 8px;
	overflow: hidden;
	border:1px solid #EDEDED;
	margin:0 0 10px 0;
}
	
#index .index_container .content_cont ul.link_btnlist.column li a .phbox{
	width:100%;
	padding-top:66.11%;
}

#index .index_container .content_cont ul.link_btnlist li a .phbox::after {
	content: "";
	width:calc(100% - 15px);
	height:calc(100% - 15px);
	border:2px solid #FECF3F;
	border-radius: 8px;
	top:calc(50% - (100% - 15px) / 2 );
	left:calc(50% - (100% - 15px) / 2 );
	transition: all 0.2s;
	transform: scale(1.3);
	display: block;
	position: absolute;
}

#index .index_container .content_cont ul.link_btnlist li a:hover .phbox::after{
	transform: scale(1);
}

#index .index_container .content_cont ul.link_btnlist li a .phbox img{
	position: absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	transition: all 0.2s;
	transform: scale(1);
}

#index .index_container .content_cont ul.link_btnlist li a:hover .phbox img{
	transform: scale(1.05);
}
	
#index .index_container .content_cont ul.link_btnlist li a .txbox{
	width:calc(100% - 40% - 10px);
}
	
#index .index_container .content_cont ul.link_btnlist.column li a .txbox{
	width:100%;
}

#index .index_container .content_cont ul.link_btnlist li a .cate{
	border:1px solid #C1BEBC;
	background:#fff;
	border-radius: 2px;
	padding:2px 10px;
	font-size:12px;
	font-weight: bold;
	display: inline-block;
}

#index .index_container .content_cont ul.link_btnlist li a .cate::before{
	content: "";
	width:6px;
	height:6px;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	margin:0 5px 0 0;
	position: relative;
	top:-1px;
}

#index .index_container .content_cont ul.link_btnlist li a .cate.cate1::before{
	background:#197CD5;
}

#index .index_container .content_cont ul.link_btnlist li a .cate.cate2::before{
	background:#EA75CF;
}

#index .index_container .content_cont ul.link_btnlist li a .tl{
	font-size:14px;
	line-height: 22px;
	margin:10px 0 10px 0;
	overflow: hidden;
  	display: -webkit-box;
  	-webkit-box-orient: vertical;
  	-webkit-line-clamp: 4;
}
	
#index .index_container .content_cont ul.link_btnlist li a .tl.line2{
	font-size:14px;
	line-height: 22px;
	margin:10px 0 10px 0;
	overflow: hidden;
  	display: -webkit-box;
  	-webkit-box-orient: vertical;
  	-webkit-line-clamp: 2;
}

#index .index_container .content_cont ul.link_btnlist li a:hover .tl{
	text-decoration: underline;
}

#index .index_container .content_cont ul.link_btnlist li a .date{
	font-size:12px;
	color:#C1BEBC;
}
	
#index .index_container .content_cont ul.link_btnlist li.end a{
	/*pointer-events: none;*/
}
	
#index .index_container .content_cont ul.link_btnlist li.end a .phbox::before{
	content: "※キャンペーンはすでに\A終了しています";
	white-space: pre;
	width:100%;
	height:100%;
	background-color: rgba(114,108,103,0.7);
	position: absolute;
	top:0;
	left:0;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color:#fff;
	font-weight: 700;
	font-size: 14px;
}
	
#index .index_container .content_cont ul.link_btnlist li.end a .tl{
	color:#C1BEBC;
	text-decoration: none !important;
}
	
#index .index_container .content_cont ul.link_btnlist li.end a .phbox::after{
	display: none;
}
	
#index .index_container .content_cont ul.link_btnlist li.end a:hover .phbox img{
	transform: scale(1.0);
}

#index .index_container .content_cont .btnbox{
	display: flex;
	justify-content: center;
	padding:20px 0 40px 0;
}

/*about_cont*/
#index .index_container .content_cont .borderbg{
	background:url("/assets_2023/images/index/border_bg.png") repeat-x;
	background-size:440px;
	padding:45px 0 50px 0;
	overflow: hidden;
}

#index .index_container .content_cont .bg_icon01{
	width:30px;
	position: absolute;
	top:-10px;
	left:5%;
}

#index .index_container .content_cont .bg_icon02{
	display: none;
}

#index .index_container .content_cont .bg_icon03{
	width:80px;
	position: absolute;
	right:-30px;
	top:50px;
}

#index .index_container .content_cont .bg_icon04{
	width:70px;
	position: absolute;
	left:0;
	bottom:0;
}

#index .index_container .content_cont .bg_icon05{
	width:37px;
	position: absolute;
	right:0;
	bottom:0;
}

#index .index_container .content_cont .about_cont{
	position: relative;
}

#index .index_container .content_cont .about_cont .tlbox{
	width:250px;
	margin:0 auto;
	left:20px;
	position: relative;
}

#index .index_container .content_cont .about_cont .tx{
	font-size:16px;
	line-height: 30px;
	padding:20px 0 0 0;
	text-align: center;
}

#index .index_container .content_cont .about_cont .phbox{
	width:100%;
	margin:0 auto;
	padding:30px 0 20px 0;
}

#index .index_container .content_cont .flexbtn{
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	padding:0 0 10px 0;
}

#index .index_container .content_cont .flexbtn a{
	margin:0 0 20px 0;
	font-size:14px;
}

#index .index_container .content_cont .flexbtn a.attention::before{
	content: "";
	width:16px;
	height:16px;
	background:url("/assets_2023/images/index/attention.svg") repeat-x;
	background-size:contain;
	display: inline-block;
	margin:0 5px 0 0;
	vertical-align: middle;
	position: relative;
	top:-1px;
}

/*about_cont*/
#index .index_container .radius_bg{
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	background:url("/assets_2023/images/index/info_bg.png") repeat-x;
	background-repeat: no-repeat;
	background-size: 595px;
	background-position: right bottom;
	background-color:#FFF9EA;
	overflow: hidden;
}

#index .index_container .headbox{
	display: flex;
	justify-content: space-between;
}

#index .index_container .headbox{
	display: flex;
	justify-content: space-between;
	padding:0 15px 40px 0;
}

#index .index_container .headbox .tlbox .tl{
	max-width:235px;
	width:75%;
	padding:0 0 20px 0;
	position: relative;
	top:-20px;
	left:-5%;
}

#index .index_container .headbox .tlbox .tx{
	font-size:16px;
	line-height: 28px;
}

#index .index_container .headbox .logo{
	border-radius: 50%;
	padding:10px 5px;
	background:#FFF9EA;
	top:-60px;
	right:5%;
	position: absolute;
	width:30%;
}

#index .index_container .flexbox{
	width:100%;
	margin:0 0 0 0;
	letter-spacing: 0;
	font-size: 0;
	text-align: center;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#index .index_container .flexbox .box{
	border-radius: 8px;
	overflow: hidden;
	position: relative;
	width:calc((100% - 20px) / 2);
	margin:0 0 20px 0;
	display: inline-block;
}

#index .index_container .flexbox .box span{
	background:#fff;
	border-top-left-radius: 8px;
	padding:5px 10px;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	position: absolute;
	bottom:0;
	right:0;
}

#index .index_container .flexbox .box span.fs{
	font-size: 14px;
}

#index .index_container .btnbox.info a{
	width:340px;
}

#index .index_container .companylink{
	display: flex;
	justify-content: center;
	align-items: center;
}

#index .index_container .companylink .box:nth-child(1){
	width:86px;
	margin:0 10px;
}

#index .index_container .companylink .box:nth-child(2){
	width:45px;
	margin:0 10px;
}

#index .index_container .companylink .box:nth-child(3){
	width:80px;
	margin:0 10px;
}

#index .index_container .companylink .box:nth-child(4){
	width:48px;
	margin:0 10px;
}
}