@charset "UTF-8";

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

/* news -------------------------------------*/
#news .system-list{
   display: grid;
   grid-template-columns: repeat(1, minmax(0, 1fr));
   gap: 0;
}

#news .system-list .system-date{ text-align: left;}

#news .system-list li{
   border-top: 1px solid #BFBDBD;
   position:relative;
}
#news .system-list li:last-child{
   border-bottom: 1px solid #BFBDBD;
}
#news .system-list li a {
   display: block;
   padding: 18px 20px 16px;
}
#news .system-list li a:hover{ text-decoration: none; }
#news .system-date{
   font-weight: 500;
   font-size: 14px;
   letter-spacing: 0.05em;
   line-height: 1.8571428;
   color: #d75b43;
   margin-bottom: 8px;
}
#news .system-list .system-ttl-01{
   font-family: "Noto Sans JP";
   font-weight: bold;
   font-size: 18px;
   letter-spacing: 0.05em;
   line-height: 1.8571428;
   display: -webkit-box;
   -webkit-line-clamp: 2;     
   -webkit-box-orient: vertical;
   overflow: hidden;
}

#news .system-contents{
   width: min(95%, 1160px);
   margin:0 auto 2rem;
   background-color:#fff;
   padding: 3rem 3rem 3rem 3rem;
}

#news .news-detail .system-date{
   text-align: center;
}


#news .system-category {margin: 4px 0 0px 0;text-align: left;position: absolute;top: 10px;left: 110px;}
#news .system-category.no-category {margin-right: -1rem;}
#news .system-category span {background: #D75B43;color: #fff;font-size: 12px;font-weight: 400;letter-spacing: 0.05em;line-height: 2;
padding: 0 0.25rem;margin: 0 5px 5px 0;width: -moz-fit-content;width: fit-content; display: inline-block;}
#news .systemdetail .system-category{ text-align: center;position:relative; top:0; left:0;}

#news .cate-list {background: #fff;width: 1000px;margin: 0 auto 50px;padding: 30px 50px 20px;border:1px solid #333;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-wrap: wrap;flex-wrap: wrap;display:-webkit-box;display:-ms-flexbox;display:flex;}
#news .cate-list .cate-ttl {border-bottom: none;padding-bottom: 0;margin-bottom: 0;margin: 10px 0 0px 0;font-size: 18px;font-weight: 700;width: 150px;line-height: 1;}
#news .cate-list .list-frame{width: 730px;}
#news .cate-list span {display: inline-block;margin-right: 20px;}
#news .cate-list a {background: #333333;color: #ffffff;font-size: 14px;font-size: clamp(0.75rem, 0.667rem + 0.17vw, 0.875rem);font-weight: 400;letter-spacing: 0.05em;line-height: 2;padding-block: 16px;padding-block: clamp(0.3rem, 0.167rem + 0vw, 1rem);padding-inline: 15px;text-align: center;width: -moz-fit-content;width: fit-content;margin-bottom: 8px;margin-right: 8px;display: inline-block;}
#news .cate-list span a:hover {text-decoration: none;}


}

/* ========================================
@media screen and (min-width:768px) and (max-width:1000px)
======================================== */
@media screen and (min-width:768px) and (max-width:1000px) {
#news .cate-list {background:#fff;width:100%;margin:0 auto 5vw;padding:3vw 5vw 2vw;border:0.1vw solid #333;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex;}
#news .cate-list .cate-ttl {border-bottom:none;padding-bottom:0;margin-bottom:0;margin: 0.8vw 0 0vw 0;font-size:1.8vw;font-weight:700;width: 21%;line-height:1;}
#news .cate-list .list-frame {width: 73%;}
#news .cate-list span {display:inline-block;margin-right:2vw;}
#news .cate-list a {background:#333333;color:#ffffff;font-size:1.4vw;font-weight:400;/* letter-spacing:0.25vw; */line-height:2;/* padding-block:1.6vw; *//* padding-inline:1.5vw; */text-align:center;width:fit-content;/* margin-bottom:0.8vw; *//* margin-right:0.8vw; */display:inline-block;}
#news .cate-list span a:hover {text-decoration:none;}
}


/* ========================================
   @media screen and (max-width: 767px)
======================================== */
@media screen and (max-width: 767px) {

/* news -------------------------------------*/
#news .system-list{
   display: grid;
   grid-template-columns: repeat(1, minmax(0, 1fr));
   gap: 0;
}
#news .system-list li{
   position:relative;
   border-top: 0.2vw solid #BFBDBD;
}
 #news .system-list li:last-child{
   border-bottom: 0.2vw solid #BFBDBD;
}
#news .system-list li a {
   display: block;
   padding: 4vw 3.5vw 4.6vw;
}
#news .system-list li a:hover{ text-decoration: none; }
#news .system-date{ 
   font-weight: 500;
   font-size:3.14vw;
   letter-spacing: 0.05em;
   line-height: 1.8571428;
   color: #d75b43;
   margin-bottom: 2vw;
}

#news .systemdetail .system-date{
   text-align: center;
}

#news .system-list .system-ttl-01{ 
   font-family: "Noto Sans JP";
   font-weight: bold;
   font-size:3.14vw;
   letter-spacing: 0.05em;
   line-height: 1.6153846;
   display: -webkit-box;
   -webkit-line-clamp: 2;     
   -webkit-box-orient: vertical;
   overflow: hidden;
}

#news .system-contents{
   width: 89.375vw;
   margin:0 auto 5vw;
}

#news .system-category {margin: 1vw 0 0px 0;text-align: left;position: absolute;top: 2.5vw;left: 24vw;}
#news .systemdetail .system-category {margin-bottom: 0;text-align: center;position:relative; top:0; left:0;}
#news .system-category.no-category {margin-right: -1vw;}
#news .system-category span {background: #D75B43;color: #fff;font-size: 2.899vw;font-weight: 400;letter-spacing: 0.05em;line-height: 1.6;padding: 0.5vw 1.831vw;width: -moz-fit-content;width: fit-content;margin: 0 0 1vw 0;display: inline-block;}

#news .cate-list{background:#fff;width: 94%;margin:0 auto 12.08vw;padding: 5.25vw 6.08vw 4.83vw 6.08vw;border:0.24vw solid #333;}
#news .cate-list .cate-ttl{border-bottom:none;padding-bottom:0;margin-bottom:0;margin: 2.41vw 0 4vw 0;font-size:4.35vw;font-weight:700;width:100%;line-height:1;letter-spacing:0.25vw;text-align: center;}
#news .cate-list .list-frame{width:100%;}
#news .cate-list span{display:inline-block;margin-right:4.83vw;}
#news .cate-list a{background:#333333;color:#ffffff;font-size:3.38vw;font-weight:400;letter-spacing:0.25vw;line-height:2;padding-block: 1.86vw;padding-inline: 3.62vw;text-align:center;width:fit-content;margin-bottom: 1.2vw;margin-right: 1.2vw;display:inline-block;}
#news .cate-list span a:hover{text-decoration:none;}


}