@charset "utf-8";


.network_list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}
.network_list li{background:#fff;border:1px solid #d9dbe2;-webkit-transition:all .3s ease;transition:all .3s ease;font-size:12px;width:100%;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.network_list li.is-active{background:#28325a;border:1px solid #28325a;color:#fff}
.network_list li:hover{background:#28325a;border:1px solid #28325a;color:#fff}
.network_list.top_list{max-width:964px;width:100%;margin:0 auto 20px}
.network_list.top_list li{width:23%}
.network_list.bottom_list{max-width:964px;width:100%;padding:0 8.506224%;margin:0 auto 80px}
.network_list.bottom_list li{width:18%}
@media screen and (max-width:750px){
	.network_list.top_list{max-width:none;margin:0 auto}
	.network_list.top_list li{width:47.5%;margin:0 0 3.73333333%}
	.network_list.bottom_list{max-width:none;padding:0;margin:0 0 20px}
	.network_list.bottom_list li{width:30.44776%;margin:0 0 3.73333333%}
	.network_list.bottom_list::after{content:'';display:block;width:30.44776%}
}	
	
	
.center_list{position:relative;overflow: hidden;}
.center_list img{max-width:none}
.center_list a{display:block;position:absolute;top:0;width:100%;height:100%;z-index:2}
.center_list a::after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:2;background:rgb(0 90 180 / 15%)}
.center_list_item{float:left;width:30.64236%;margin-right:3.9930%;margin-bottom:3.9930%;position:relative;overflow:hidden;height:100%}
.center_list_item::before{content:'';display:block;padding-top:100%}
.center_list_item .overlay{position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;background-position:center}
.center_list_item .center_name{position:absolute;z-index:3;left:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:70px;background:rgba(11,21,59,0.6);color:#fff;-webkit-transition:height .3s ease;transition:height .3s ease;text-align:center}
.center_list_item .center_name dl{padding: 0px 10px;}
.center_list_item .center_name dt{font-size:18px;line-height: 28px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.center_list_item .center_name dd{font-size:13px}
.center_list_item .center_name .read_more_wrap{display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.center_list_item .center_name .read_more_wrap span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:12px;position:relative;letter-spacing:0.2em;opacity:0}
.center_list_item .center_name .read_more_wrap span::before{content:'';display:block;width:0;height:1px;background:#fff;position:absolute;bottom:-10px;left:0}
.center_list_item .center_name .read_more_wrap span::after{content:'';display:inline-block;width:18px;height:6px;background:url(../img/icon/icon_arrow_right.svg) no-repeat;background-size:100% auto;margin:0 0 0 28px}
@media screen and (min-width:751px){
	.center_list a:hover .center_name{height:100%}
	.center_list a:hover .center_name dl{margin:0 0 30px}
	.center_list a:hover .read_more_wrap{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}
	.center_list a:hover .read_more_wrap span{-webkit-animation:fadeIn .3s ease forwards;animation:fadeIn .3s ease forwards;-webkit-animation-delay:.3s;animation-delay:.3s}
	.center_list a:hover .read_more_wrap span::before{-webkit-animation:width .3s ease forwards;animation:width .3s ease forwards;-webkit-animation-delay:.5s;animation-delay:.5s}
	.center_list_item:nth-child(3n){margin-right:0}
}
@media screen and (max-width:1000px){
	.center_list_item .center_name dt{font-size:14px;line-height:1.25;}
	.center_list_item .center_name dd{font-size:12px}
}
@media screen and (max-width:750px){
	.center_list::after{height:30px}
	.center_list_item{width:47.31343%;margin-right:5.33333%;margin-bottom:5.33333%}
	.center_list_item:nth-child(2n){margin-right:0}
	.center_list_item .center_name{height:45px}
	.center_list_item .center_name .read_more_wrap{display:none}
}

@-webkit-keyframes fadeInOut{
	0%{opacity:0;display:none}
	100%{opacity:1;display:block}
}
@keyframes fadeInOut{
	0%{opacity:0;display:none}
	100%{opacity:1;display:block}
}
@-webkit-keyframes fadeIn{
	0%{opacity:0}
	100%{opacity:1}
}
@keyframes fadeIn{
	0%{opacity:0}
	100%{opacity:1}
}
@-webkit-keyframes width{
	0%{width:0}
	100%{width:100%}
}
@keyframes width{
	0%{width:0}
	100%{width:100%}
}



.product p{font-size:16px;line-height:26px;margin:8px 0;text-indent:3.8ch;}
.product ol,.product ul{display:block;list-style-type:decimal;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;-webkit-padding-start:0;padding-inline-start:0}
.product ul{display:block;list-style-type:disc;}
.product ol li,.product ul li{margin:6px 0 6px 2ch;font-size:15px;}
.product ol.indent li,.product ul.indent li{margin:6px 0 6px 6ch;}
.product ol li p,.product ul li p{text-indent:0}
@media screen and (max-width:750px){
	.product p,.product ol li,.product ul li{font-size:14px;line-height:22px;}
}