@charset "UTF-8";

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

/* newsrelease -------------------------------------*/
.main-ttl-box {
   background: url(../images/newsrelease/main-ttl-bg.jpg) no-repeat center;
   background-size: cover;
   height: calc(772 / 1920 * 100vw);
}


#newsrelease .system-list{background: #eeefef;padding: 1px;margin-bottom: 50px;display: grid;grid-template-columns: 1fr;width: min(95%, 1100px);margin-inline: auto;}
#newsrelease .system-list li{ overflow: hidden; line-height: 1.4; margin-bottom: 20px; border-bottom: 1px dotted #b2b2b2; padding: 0 0 20px;}
#newsrelease .system-list li a:hover{ text-decoration: none; }
#newsrelease .system-list .system-date{font-size: 16px;line-height: 1.4;margin-bottom: 19px;}
#newsrelease .system-list .system-ttl-01{font-size: 16px;line-height: 1.6;display: block;width: 100%;}
#newsrelease .system-list .system-category-set {   margin-bottom: 15px;display: inline-block;width: 100%;}
#newsrelease .system-category{margin-bottom: 20px;}

#newsrelease .system-list2{ background: #eeefef; padding: 41px 21px 21px; margin-bottom: 50px; }
#newsrelease .system-list-inner{ background: #fff; padding: 40px 20px;}
#newsrelease .system-list2 li{ overflow: hidden; line-height: 1.4; margin-bottom: 20px; border-bottom: 1px dotted #b2b2b2; padding: 0 0 20px;}
#newsrelease .system-list2 li a:hover{ text-decoration: none; }
#newsrelease .system-list2 .system-date{   font-size: 15px; line-height: 1.4; }
#newsrelease .system-list2 .system-ttl-01{   font-size: 15px; line-height: 1.6; display: block;width: 100%;}
#newsrelease .system-list2 .system-category-set {   margin-bottom: 15px;display: block;width: 100%;}
#newsrelease .system-list2 .system-pic{ width: 20%; float: left; text-align: center;}
#newsrelease .system-list2 .system-pic img{ width: auto;  max-width: 100%;height: auto;}
#newsrelease .system-list2 .textbox{ width: 78%; margin-bottom: 10px; float: right; }

#newsrelease .system-contents{background: #eeefef;padding: 1px;margin-bottom: 30px;width: min(95%, 1100px);margin-inline: auto;}
#newsrelease .system-contents-inner { background: #fff; padding: 40px 20px;}
#newsrelease .system-contents .system-date{ font-size: 16px; margin-bottom: 15px; display: block; }
#newsrelease .system-contents .system-ttl{font-size: 26px;font-weight: bold;margin-bottom: 30px;padding-bottom: 25px;border-bottom: 1px #ccc solid;line-height: 1.4;}
#newsrelease .system-contents .system-pic{ text-align: center; margin-bottom: 50px; }
#newsrelease .system-contents .system-pic img{ max-width: 100%; max-height: 600px; width: auto; max-height: auto; }
}


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

/* newsrelease -------------------------------------*/
.main-ttl-box {
   background: url(../images/newsrelease/main-ttl-bg_sp.jpg) no-repeat center;
   background-size: cover;
   height: 66.43vw;
}
   
#newsrelease .system-list{background: #eeefef;padding: 1px;margin: 0 3vw 10vw;display: grid;grid-template-columns: 1fr;}
#newsrelease .system-list-inner{ background: #fff; padding: 5vw 3vw;}
#newsrelease .system-list li{overflow: hidden;line-height: 1.4;margin-bottom: 3vw;border-bottom: 0.2vw dotted #b2b2b2;padding: 0 0 2vw;}
#newsrelease .system-list li a:hover{ text-decoration: none; }
#newsrelease .system-list .system-date{ font-size: 3.2vw; line-height: 1.4; margin-bottom: 2vw}
#newsrelease .system-list .system-ttl-01{ font-size: 3.6vw; line-height: 1.6; }
#newsrelease .system-list .system-category-set { margin-bottom: 2vw;}

#newsrelease .system-list2{ background: #eeefef; padding: 4vw 2vw; margin-bottom: 10vw; }
#newsrelease .system-list2-inner{ background: #fff; padding: 5vw 3vw;}
#newsrelease .system-list2 li{ overflow: hidden; line-height: 1.4; margin-bottom: 5vw; border-bottom: 0.2vw dotted #b2b2b2; padding: 0 0 5vw;}
#newsrelease .system-list2 li a:hover{ text-decoration: none; }
#newsrelease .system-list2 .system-date{ font-size: 3.2vw; line-height: 1.4; margin-bottom: 2vw}
#newsrelease .system-list2 .system-pic{ width: 20vw; float: left; }
#newsrelease .system-list2 .system-pic img{ max-width: 100%; height: auto; }
#newsrelease .system-list2 .textbox{  width: 66vw; float: right;  }
#newsrelease .system-list2 .system-ttl-01{ font-size: 3.6vw; line-height: 1.6; }
#newsrelease .system-list2 .system-category-set { margin-bottom: 2vw;}

#newsrelease .system-category{margin-bottom: 3vw;}

#newsrelease .system-contents{background: #eeefef;padding: 1px;margin: 0 3vw 10vw;}
#newsrelease .system-contents-inner { background: #fff; padding: 5vw 3vw;}
#newsrelease .system-contents .system-date{font-size: 3.8vw;margin-bottom: 2vw;display: block;}
#newsrelease .system-contents .system-category-set { width: 100%; margin-bottom: 5vw;}
#newsrelease .system-contents .system-ttl{font-size: 5.2vw;font-weight: bold;margin-bottom: 4vw;padding-bottom: 2vw;border-bottom: 0.2vw #ccc solid;line-height: 1.4;}
#newsrelease .system-contents .system-pic { margin-bottom: 4vw; }
#newsrelease .system-contents .system-pic img{ max-width: 100%; height: auto; }
}