@charset "UTF-8";

@media screen and (min-width: 768px),print {

.main-titlebox h1.main-title .jp{top: 62.1%;height: 380px;}
.seo_bread_list{margin-bottom: 42px;}

#news-contents {background: #E9E7DE;padding: 2px 0 193px;}
#news-contents::before{content: "";display: block;width: 100%;height: 200px;background: url(../images/network/contentsmain-back01.svg)no-repeat top center;background-size: 100%;position: absolute;top: -18px;}

#news-contents #sh-box{padding: 0 4rem;position: relative;z-index: 3;margin-bottom: 4.8rem;}
#news-contents #sh-box .filter-wrap{max-width: 1100px;margin: 0 auto;border: 2px solid #000000;border-radius: 15px;background: #fff;padding: 2.7rem 8.8rem 4.6rem;}

#news-contents #sh-box .filter-wrap h2{text-align: center;font-size: 1.6rem;color: #1788A0;font-weight: 700;letter-spacing: 0.16rem;margin-bottom: 2.9rem;}
#news-contents #sh-box .filter-wrap h2::before{content: "";display: inline-block;background: url(../images/common/search.svg)no-repeat top center;width: 2rem;height: 2rem;margin-right: 0.8rem;position: relative;top: 0.3rem;}
#news-contents #sh-box .filter-wrap ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 2.9rem;}
#news-contents #sh-box .filter-wrap ul li{margin: 0 1.4rem 1rem 0;font-size: 1.4rem;letter-spacing: 0.28rem;font-weight: bold;}
#news-contents #sh-box .filter-wrap ul li a{border: 1px solid #000000;border-radius: 21px;display: inline-block;padding: 0.5rem 1.8rem;color: #1788A0;transition: all 0.3s ease-in-out;}
#news-contents #sh-box .filter-wrap ul li a:hover,
#news-contents #sh-box .filter-wrap ul li.acv a{ color: #fff; background: #1788A0; }

#news-contents .inner-Box2 {margin: 0 auto;position: relative;text-align: center;color: #fff;padding: 0 4rem;max-width: 1180px;}
#news-contents .inner-Box2 ul.systemlist {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 1.5rem;}
#news-contents .inner-Box2 ul.systemlist li {position: relative;width: 31.5%;margin-right: 2.7%;}
#news-contents .inner-Box2 ul.systemlist li:nth-child(3n) { margin-right: 0px; }
#news-contents .inner-Box2 ul.systemlist li a {  }
#news-contents .inner-Box2 ul.systemlist li a:hover {  }
#news-contents .inner-Box2 ul.systemlist li .systemphoto-box{position: relative;overflow: hidden;margin-bottom: 12px;}
#news-contents .inner-Box2 ul.systemlist .photo {width: 100%;aspect-ratio: 347 / 217;overflow: hidden;text-align: center;/* margin-bottom: 15px; */position: relative;border-radius: 1rem;}
#news-contents .inner-Box2 ul.systemlist .photo img { width: 100%; height: 100%; object-fit: cover; display: block; }

#news-contents .inner-Box2 p.systemcate {font-size: 1.4rem;line-height: 2;font-weight: 400;letter-spacing: 0.14rem;margin-bottom: 8px;position: relative;text-align: left;}
#news-contents .inner-Box2 p.systemcate span {display: inline-block;background: #C4C4C4;border-radius: 2rem;padding: 0.1rem 1.2rem;font-size: 1.2rem;margin: 0 0.5rem 0.5rem 1rem;}
#news-contents .inner-Box2 h3.systemttl {font-size: 1.6rem;line-height: 1.5;font-weight: 500;letter-spacing: 0.16rem;margin-bottom: 30px;position: relative;text-align: left;}
#news-contents .inner-Box2 h3.systemttl span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

#news-dlcontents{background: #E9E7DE;padding-top: 145px!important;padding-bottom: 246px;}
#news-dlcontents .seo_bread_list{margin-bottom: 70px;}
#news #news-dlcontents .system-contents{max-width: 1100px;border: 2px solid #000000;border-radius: 15px;background: #fff;padding: 98px 3rem 0;margin-bottom: 80px;}
#news #news-dlcontents .system-contents-inner{margin: 0 auto;max-width: 816px;}
#news #news-dlcontents .system-contents p.systemcate {font-size: 1.4rem;line-height: 2;font-weight: 400;letter-spacing: 0.14rem;margin-bottom: 0px;position: relative;text-align: left;}
#news #news-dlcontents .system-contents p.systemcate span {display: inline-block;background: #C4C4C4;border-radius: 2rem;padding: 0.1rem 1.2rem;font-size: 1.2rem;margin: 0 0.5rem 0.5rem 1rem;}
#news #news-dlcontents .system-contents .photo{ margin-bottom: 3rem; }
#news #news-dlcontents .system-contents .photo img{width: 100%; height: auto; }



}
@media screen and (min-width:768px) and ( max-width:1919px) {
	
#contentsmain { background-size: 1920px auto; }
#news-contents::before{ background-size: 1920px auto; }
	
}


@media screen and (max-width: 767px) {
.seo_bread_list{margin-bottom: 5.9vw;}
.main-titlebox{}
.main-titlebox h1.main-title .jp{top: 42.1vw;height: 90vw;left: 10.5vw;}

#news-contents #sh-box{padding: 0 1.3vw;position: relative;z-index: 4;margin-bottom: 4.8rem;}
#news-contents #sh-box .filter-wrap{margin: 0 4vw;border: 0.53vw solid #000000;border-radius: 4.0vw;background: #fff;padding: 7.5vw 4.9vw;}

#news-contents #sh-box .filter-wrap h2{text-align: center;font-size: 4.27vw;color: #1788A0;font-weight: 700;letter-spacing: 0.43vw;margin-bottom: 6.3vw;}
#news-contents #sh-box .filter-wrap h2::before{content: "";display: inline-block;background: url(../images/common/search.svg)no-repeat top center;width: 5vw;height: 4.9vw;margin-right: 2.9vw;position: relative;top: 0.5vw;left: 1.2vw;background-size: 100% auto;}
#news-contents #sh-box .filter-wrap ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 4.8vw;}
#news-contents #sh-box .filter-wrap ul li{margin: 0 3vw 3.1vw 0vw;font-size: 3.20vw;letter-spacing: 0.75vw;font-weight: bold;}
#news-contents #sh-box .filter-wrap ul li a{border: 0.37vw solid #000000;border-radius: 5.6vw;display: inline-block;padding: 1.5vw 4.6vw;color: #1788A0;transition: all 0.3s ease-in-out;}
#news-contents #sh-box .filter-wrap ul li a:hover,
#news-contents #sh-box .filter-wrap ul li.acv a{ color: #fff; background: #1788A0; }


#news-contents {background: #E9E7DE;padding: 8.73vw 0 11.47vw;position: relative;}
#news-contents::before{content: "";display: block;width: 100%;height: 53.33vw;background: url(../images/network/contentsmain-back01.svg)no-repeat top center;background-size: 100%;position: absolute;top: -4.47vw;z-index: 4;}
#news-contents .inner-Box h2 {font-size: 14.13vw;line-height: 1.75;font-weight: 700;letter-spacing: 1.41vw;margin-bottom: -1.6vw;position: relative;opacity: 0.3;}
#news-contents .inner-Box p.text {font-size: 3.73vw;line-height: 2.5;font-weight: 500;letter-spacing: 0.75vw;margin: 0 5.4vw 8.0vw;position: relative;text-align: left;}
    
#news-contents .inner-Box2 ul.systemlist {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 1.3vw;}
#news-contents .inner-Box2 ul.systemlist li {position: relative;width: 100%;margin-bottom: 7.4vw;}
#news-contents .inner-Box2 ul.systemlist li:nth-child(3n) { margin-right: 0.0vw; }
#news-contents .inner-Box2 ul.systemlist li a {  }
#news-contents .inner-Box2 ul.systemlist li a:hover {  }
#news-contents .inner-Box2 ul.systemlist li .systemphoto-box{position: relative;overflow: hidden;margin-bottom: 2.2vw;}
#news-contents .inner-Box2 ul.systemlist .photo {width: 100%;aspect-ratio: 347 / 217;overflow: hidden;text-align: center;/* margin-bottom: 4.0vw; */position: relative;border-radius: 1rem;}
#news-contents .inner-Box2 ul.systemlist .photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
    
#news-contents .inner-Box2 p.systemcate {font-size: 3.73vw;line-height: 2;font-weight: 400;letter-spacing: 0.43vw;margin-bottom: 3.8vw;position: relative;text-align: left;}
#news-contents .inner-Box2 p.systemcate span {display: inline-block;background: #C4C4C4;border-radius: 22vw;padding: 1.7vw 2vw;margin: 0 0.5vw 0.5vw 0;font-size: 3.20vw;line-height: 1;position: relative;left: 2vw;top: 0.3vw;}
#news-contents .inner-Box2 h3.systemttl {font-size: 4.27vw;line-height: 1.5;font-weight: 500;letter-spacing: 0.43vw;position: relative;text-align: left;}
#news-contents .inner-Box2 h3.systemttl span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

#news-dlcontents{background: #E9E7DE;padding-top: 3.87vw!important;padding-bottom: 33.6vw;}
#news-dlcontents .seo_bread_list{margin-bottom: 1.37vw;}
#news #news-dlcontents .system-contents{border: 0.53vw solid #000000;border-radius: 4.0vw;background: #fff;padding: 7.03vw 7.5vw 0;margin: 0 4.1vw 13.43vw;}
#news #news-dlcontents .system-contents-inner{}
#news #news-dlcontents .system-contents p.systemcate {font-size: 3.73vw;line-height: 2;font-weight: 400;letter-spacing: 0.37vw;margin-bottom: 2vw;position: relative;text-align: left;}
#news #news-dlcontents .system-contents p.systemcate span {display: inline-block;background: #C4C4C4;border-radius: 2rem;padding: 0.1rem 1.2rem;font-size: 3.2vw;margin: 0 0.5rem 0.5rem 1rem;}
#news #news-dlcontents .system-contents .photo{margin-bottom: 5.5vw;}
#news #news-dlcontents .system-contents .photo img{width: 100%; height: auto; }



}