ul.nwlist0 li h3.nwic01 { background-color: var(--color-black);}
ul.nwlist0 li h3.nwic02 { background-color: var(--color-1st);}

/* Style for PCs */
@media screen and (min-width: 1025px) {

#nwbody {
width:100%;
height: auto;
display: block;
}

ul#nwtab {
width:100%;
max-width:500px;
height: auto;
display: flex;
margin:0 auto 50px;
}
ul#nwtab li {
flex:1;
height: 30px;
display: block;
margin:0 2px;
font-size:12px;
text-align: center;
line-height: 30px;
letter-spacing: 0px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #999;
cursor: pointer;
}
ul#nwtab li.nwt_selected {
width:100%;
height: 30px;
display: block;
margin:0 2px;
font-size:14px!important;
text-align: center;
line-height: 28px;
letter-spacing: 0px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color:var(--color-white);
background-color:var(--color-2nd);
border: 1px solid var(--color-2nd);
}
ul#nwtab li a {
width:100%;
height: auto;
display: block;
text-decoration: none;
color:var(--color-black);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
ul#nwtab li a:hover {
  background-color: var(--color-1st);
  border-color: var(--color-1st);
  color:var(--color-white);
}

ul.nwlist0 {
width:100%;
height: auto;
display: block;
}
ul.nwlist0 li {
width:100%;
height: auto;
display: flex;
padding-bottom: 25px;
border-bottom: 1px dotted var(--color-ccc);
margin-bottom: 25px;
}
ul.nwlist0 li:last-child {
padding-bottom: 0px;
border-bottom: none;
margin-bottom: 0px;
}
ul.nwlist0 li a {
color:var(--color-black);
text-decoration: none;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
ul.nwlist0 li a:hover {
  color:var(--color-1st);
  text-decoration: underline;
}
ul.nwlist0 li p.nwdate {
font-size:14px;
color:var(--color-1st);
line-height: 22px;
margin-right:15px;
margin-bottom:0px!important;
}
ul.nwlist0 li h3 {
width:130px;
height: 22px;
display: block;
text-align: center;
font-size:12px;
font-weight: 400;
line-height: 22px;
color:#fff;
margin-right:15px;
margin-bottom:0px!important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
ul.nwlist0 li p.nwtitle {
width:100%;
height: auto;
display: block;
font-size:14px!important;
color:#999!important;
line-height: 22px;
margin-bottom:0px!important;
}

p.nwlinktt {
width:15%;
height: auto;
display: block;
margin-left:85%;
text-align:right;
font-size:12px!important;
line-height: 30px;
margin-bottom: 0px!important;
letter-spacing: 0px;
padding-top:15px;
}
p.nwlinktt a {
color:#0CB7B9;
}
p.nwlinktt a:hover {
color:#2e4277;
}

}


/* Style for iPad Pro */
@media screen and (min-width: 769px) and (max-width: 1024px) {

  #nwbody {
    width:100%;
    height: auto;
    display: block;
    }

    ul#nwtab {
    width:100%;
    max-width:500px;
    height: auto;
    display: flex;
    margin:0 auto 50px;
    }
    ul#nwtab li {
    flex:1;
    height: 30px;
    display: block;
    margin:0 2px;
    font-size:12px;
    text-align: center;
    line-height: 30px;
    letter-spacing: 0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #999;
    cursor: pointer;
    }
    ul#nwtab li.nwt_selected {
    width:100%;
    height: 30px;
    display: block;
    margin:0 2px;
    font-size:14px!important;
    text-align: center;
    line-height: 28px;
    letter-spacing: 0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color:var(--color-white);
    background-color:var(--color-2nd);
    border: 1px solid var(--color-2nd);
    }
    ul#nwtab li a {
    width:100%;
    height: auto;
    display: block;
    text-decoration: none;
    color:var(--color-black);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    }
    ul#nwtab li a:hover {
      background-color: var(--color-1st);
      border-color: var(--color-1st);
      color:var(--color-white);
    }

    ul.nwlist0 {
    width:100%;
    height: auto;
    display: block;
    }
    ul.nwlist0 li {
    width:100%;
    height: auto;
    display: flex;
    padding-bottom: 25px;
    border-bottom: 1px dotted var(--color-ccc);
    margin-bottom: 25px;
    }
    ul.nwlist0 li:last-child {
    padding-bottom: 0px;
    border-bottom: none;
    margin-bottom: 0px;
    }
    ul.nwlist0 li a {
    color:var(--color-black);
    text-decoration: none;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    }
    ul.nwlist0 li a:hover {
      color:var(--color-1st);
      text-decoration: underline;
    }
    ul.nwlist0 li p.nwdate {
    font-size:14px;
    color:var(--color-1st);
    line-height: 22px;
    margin-right:15px;
    margin-bottom:0px!important;
    }
    ul.nwlist0 li h3 {
    width:130px;
    height: 22px;
    display: block;
    text-align: center;
    font-size:12px;
    font-weight: 400;
    line-height: 22px;
    color:#fff;
    margin-right:15px;
    margin-bottom:0px!important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    }
    ul.nwlist0 li p.nwtitle {
    width:100%;
    height: auto;
    display: block;
    font-size:14px!important;
    color:#999!important;
    line-height: 22px;
    margin-bottom:0px!important;
    }

    p.nwlinktt {
    width:15%;
    height: auto;
    display: block;
    margin-left:85%;
    text-align:right;
    font-size:12px!important;
    line-height: 30px;
    margin-bottom: 0px!important;
    letter-spacing: 0px;
    padding-top:15px;
    }
    p.nwlinktt a {
    color:#0CB7B9;
    }
    p.nwlinktt a:hover {
    color:#2e4277;
    }

}

/* Style for Smartphone */
@media screen and (max-width: 768px) {

#nwbody {
width:100%;
height: auto;
display: block;
}

ul#nwtab {
  width:100%;
  height: auto;
  display: flex;
  margin:0 auto 50px;
  }
  ul#nwtab li {
  flex:1;
  height: 30px;
  display: block;
  margin:0 2px;
  font-size:12px;
  text-align: center;
  line-height: 30px;
  letter-spacing: 0px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #999;
  cursor: pointer;
  }
  ul#nwtab li.nwt_selected {
  width:100%;
  height: 30px;
  display: block;
  margin:0 2px;
  font-size:14px!important;
  text-align: center;
  line-height: 28px;
  letter-spacing: 0px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color:var(--color-white);
  background-color:var(--color-2nd);
  border: 1px solid var(--color-2nd);
  }
  ul#nwtab li a {
  width:100%;
  height: auto;
  display: block;
  text-decoration: none;
  color:var(--color-black);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  }
  ul#nwtab li a:hover {
    background-color: var(--color-1st);
    border-color: var(--color-1st);
    color:var(--color-white);
  }

ul.nwlist0 {
width:100%;
height: auto;
display: block;
padding:0;
}
ul.nwlist0 li {
width:100%;
height: auto;
display: block;
padding-bottom: 15px;
border-bottom: 1px dotted #ccc;
margin-bottom: 15px;
}
ul.nwlist0 li:last-child {
padding-bottom: 0px;
border-bottom: none;
margin-bottom: 0px;
}
ul.nwlist0 li a {
width:100%;
height: auto;
display: block;
text-decoration: none;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
ul.nwlist0 li a:hover {
color: #09C1A2!important;
}
ul.nwlist0 li p.nwdate {
font-size:12px;
color:#444;
line-height: 24px;
float: left;
margin-right:15px;
margin-bottom:0px!important;
}
ul.nwlist0 li h3 {
width:130px;
height: 24px;
display: block;
text-align: center;
font-size:12px;
line-height: 24px;
color:#fff;
float: left;
margin-bottom:0px!important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
ul.nwlist0 li p.nwtitle {
width:100%;
height: auto;
display: block;
clear: both;
font-size:14px!important;
color:#999!important;
line-height: 1.4em!important;
margin-bottom:0px!important;
}
ul.nwlist0 li p.nwtitle a {
color:#333;
text-decoration: none;
padding:10px 0px;
}

p.nwlinktt {
width:25%;
height: auto;
display: block;
margin-left:75%;
text-align:right;
font-size:12px!important;
line-height: 30px;
margin-bottom: 0px!important;
letter-spacing: 0px;
padding-top:15px;
}
p.nwlinktt a {
color:#0CB7B9;
}
p.nwlinktt a:hover {
color:#2e4277;
}

}