/* ----------------------------------------------------------
General Settings
---------------------------------------------------------- */


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

.newsslide li a {
width:100%;
height: auto;
display: flex;
flex-direction: column;
text-decoration: none;
border-top-right-radius: 100px;
transition: .4s all;
}
.newsslide li a:hover {
  background-color: var(--color-7th);
}
.newsslide li a .nwimg {
width:100%;
height: auto;
display: block;
overflow: hidden;
border-top-right-radius: 100px;
transition: .4s all;
}
.newsslide li a:hover .nwimg {
opacity: 0.6;
}
.newsslide li a .nwcc {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  padding:2em 1.5em 2em 1.5em ;
}
.newsslide li a .nwcc h3 {
width:fit-content;
height: auto;
display: block;
font-size: clamp(0.8rem, 0rem + 1vw, 1.1rem);
font-weight: 600;
color:var(--color-white);
padding:0.1em 0.5em;
border-radius: 3px;
margin:0 0 0.5em;
order:1;
}
.newsslide li a .nwcc h3.cap_news {
  background-color: var(--color-5th);
}
.newsslide li a .nwcc h3.cap_blog {
  background-color: var(--color-2nd);
}
.newsslide li a .nwcc h3.cap_other {
  background-color: var(--color-999);
}
.newsslide li a .nwcc h4 {
  font-size: clamp(1.1rem, 0.8rem + 0.6vw, 3.4rem);
  font-weight: 700;
  color: var(--color-black);
  margin-bottom: 0.5em;
order:2;
}
.newsslide li a:hover .nwcc h4 {
  color:var(--color-black);
}
.newsslide li a .nwcc h5 {
font-size: clamp(0.8rem, 0rem + 1vw, 1.1rem);
font-weight: 400;
line-height: 1em;
color:var(--color-1st);
text-align: left;
margin-bottom: 0;
order:4;
}
.newsslide li a:hover .nwcc h5 {
  color:var(--color-1st);
}
.newsslide li a .nwcc p.nw_comment {
  margin-bottom: 1em;
  color: var(--color-black);
order:3;
}
.newsslide li a:hover .nwcc p {
  color:var(--color-black);
}
.newsslide li a .nwcc p.nwcc_bn {
  width:fit-content;
  height: auto;
  display: block;
  margin:1em 0 0 0;
  border-radius: 9999px;
  color:var(--color-black);
  border: 1px solid var(--color-5th);
  padding:0 1em;
transition: .4s all;
  order:5;
}
.newsslide li a:hover .nwcc p.nwcc_bn {
  color:var(--color-white);
background-color: var(--color-5th);
}

}

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

.newsslide li a {
width:100%;
height: auto;
display: flex;
flex-direction: column;
text-decoration: none;
border-top-right-radius: 100px;
transition: .4s all;
}
.newsslide li a:hover {
  background-color: var(--color-7th);
}
.newsslide li a .nwimg {
width:100%;
height: auto;
display: block;
overflow: hidden;
border-top-right-radius: 100px;
transition: .4s all;
}
.newsslide li a:hover .nwimg {
opacity: 0.6;
}
.newsslide li a .nwcc {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  padding:2em 1.5em 2em 1.5em ;
}
.newsslide li a .nwcc h3 {
width:fit-content;
height: auto;
display: block;
font-size: clamp(0.8rem, 0rem + 1vw, 1.1rem);
font-weight: 600;
color:var(--color-white);
padding:0.1em 0.5em;
border-radius: 3px;
margin:0 0 0.5em;
order:1;
}
.newsslide li a .nwcc h3.cap_news {
  background-color: var(--color-5th);
}
.newsslide li a .nwcc h3.cap_blog {
  background-color: var(--color-2nd);
}
.newsslide li a .nwcc h3.cap_other {
  background-color: var(--color-999);
}
.newsslide li a .nwcc h4 {
  font-size: clamp(1.1rem, 0.8rem + 0.6vw, 3.4rem);
  font-weight: 700;
  color: var(--color-black);
  margin-bottom: 0.5em;
order:2;
}
.newsslide li a:hover .nwcc h4 {
  color:var(--color-black);
}
.newsslide li a .nwcc h5 {
font-size: clamp(0.8rem, 0rem + 1vw, 1.1rem);
font-weight: 400;
line-height: 1em;
color:var(--color-1st);
text-align: left;
margin-bottom: 0;
order:4;
}
.newsslide li a:hover .nwcc h5 {
  color:var(--color-1st);
}
.newsslide li a .nwcc p.nw_comment {
  margin-bottom: 1em;
  color: var(--color-black);
order:3;
}
.newsslide li a:hover .nwcc p {
  color:var(--color-black);
}
.newsslide li a .nwcc p.nwcc_bn {
  width:fit-content;
  height: auto;
  display: block;
  margin:1em 0 0 0;
  border-radius: 9999px;
  color:var(--color-black);
  border: 1px solid var(--color-5th);
  padding:0 1em;
transition: .4s all;
  order:5;
}
.newsslide li a:hover .nwcc p.nwcc_bn {
  color:var(--color-white);
background-color: var(--color-5th);
}

}


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

  .newsslide li a {
width:100%;
height: auto;
display: flex;
flex-direction: column;
text-decoration: none;
border-top-right-radius: 100px;
transition: .4s all;
}
.newsslide li a:hover {
  background-color: var(--color-7th);
}
.newsslide li a .nwimg {
width:100%;
height: auto;
display: block;
overflow: hidden;
border-top-right-radius: 100px;
transition: .4s all;
}
.newsslide li a:hover .nwimg {
opacity: 0.6;
}
.newsslide li a .nwcc {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  padding:2em 1.5em 2em 1.5em ;
}
.newsslide li a .nwcc h3 {
width:fit-content;
height: auto;
display: block;
font-size: clamp(0.8rem, 0rem + 1vw, 1.1rem);
font-weight: 600;
color:var(--color-white);
padding:0.1em 0.5em;
border-radius: 3px;
margin:0 0 0.5em;
order:1;
}
.newsslide li a .nwcc h3.cap_news {
  background-color: var(--color-5th);
}
.newsslide li a .nwcc h3.cap_blog {
  background-color: var(--color-2nd);
}
.newsslide li a .nwcc h3.cap_other {
  background-color: var(--color-999);
}
.newsslide li a .nwcc h4 {
  font-size: clamp(1.1rem, 0.8rem + 0.6vw, 3.4rem);
  font-weight: 700;
  color: var(--color-black);
  margin-bottom: 0.5em;
order:2;
}
.newsslide li a:hover .nwcc h4 {
  color:var(--color-black);
}
.newsslide li a .nwcc h5 {
font-size: clamp(0.8rem, 0rem + 1vw, 1.1rem);
font-weight: 400;
line-height: 1em;
color:var(--color-1st);
text-align: left;
margin-bottom: 0;
order:4;
}
.newsslide li a:hover .nwcc h5 {
  color:var(--color-1st);
}
.newsslide li a .nwcc p.nw_comment {
  margin-bottom: 1em;
  color: var(--color-black);
order:3;
}
.newsslide li a:hover .nwcc p {
  color:var(--color-black);
}
.newsslide li a .nwcc p.nwcc_bn {
  width:fit-content;
  height: auto;
  display: block;
  margin:1em 0 0 0;
  border-radius: 9999px;
  color:var(--color-black);
  border: 1px solid var(--color-5th);
  padding:0 1em;
transition: .4s all;
  order:5;
}
.newsslide li a:hover .nwcc p.nwcc_bn {
  color:var(--color-white);
background-color: var(--color-5th);
}

}