@charset "utf-8";

/* 
INDIVIDUAL STYLING
=======================  */
main .container#news-contents {
  padding-top:100px;
}
main .container#news-contents .content-wrap {
  padding-top:0;
}

@media screen and (min-width: 321px) and (max-width: 540px) {
  main .container#news-contents {
    padding-top:80px;
  }
}
@media screen and (max-width: 320px) {
  main .container#news-contents {
    padding-top:80px;
  }
}

.content-wrap_header .breadcrumb p {
  font-size: var(--base-size_12p);
}
.content-wrap_header .breadcrumb p a {
  color: var(--XRD_blandkeycolor);
}
.content-wrap_header h1{
  text-align: center;
  font-size: var(--base-size_2h);
  font-weight: 600;
  margin-bottom: 53px;
}
.content-wrap_header h1 span{
  display: var(--dsp-block);
  font-size: var(--base-size_14p);
  color: var(--XRD_blandkeycolor);
}
.content-wrap_header p.blog-data {
  font-size: var(--base-size_1);
  line-height: 1.0;
}

.content-wrap_inner .blog-wrap {
  max-width: 800px;
  margin: 0 auto;
}
.content-wrap_inner .blog-wrap .blog-wrap_header {
  margin-bottom: 40px;
}
.content-wrap_inner .blog-wrap .blog-wrap_header h1 {
  text-align:left;
  font-size: var(--base-size_1tq);
  font-weight: 500;
  margin-bottom: 5px;
  line-height: 1.5;
}
.content-wrap_inner .blog-wrap .blog-wrap_header h1 span {
  margin-left: 1em;
}
.content-wrap_inner .blog-wrap .blog-wrap_header p.blog-data time {
  margin-right: 5px;
}
.content-wrap_inner .blog-wrap .blog-wrap_header p.blog-data .news-category {
  width: 70px;
  text-align: center;
  color: var(--com_color_f);
  font-size: var(--base-size_12p);
  padding: 2px 5px;
}
.content-wrap_inner .blog-wrap .blog-wrap_header p.blog-data .news-category.info {
  background-color:var(--XRD_newscolor_info);
}
.content-wrap_inner .blog-wrap .blog-wrap_header p.blog-data .news-category.event {
  background-color:var(--XRD_newscolor_event);
}
.content-wrap_inner .blog-wrap .blog-wrap_header p.blog-data .news-category.media {
  background-color:var(--XRD_newscolor_media);
}
.content-wrap_inner .blog-wrap .blog-wrap_header p.blog-data .news-category.product {
  background-color:var(--XRD_newscolor_product);
}
.content-wrap_inner .blog-wrap .blog-wrap_inner .key-visual {
  margin-bottom: 20px;
}
.content-wrap_inner .blog-wrap .blog-wrap_inner .key-visual figure {
  width: 100%;
}
.content-wrap_inner .blog-wrap .blog-wrap_inner .key-visual figure img {
  width: 100%;
}
.content-wrap_inner .blog-wrap .blog-wrap_inner .sentences p {
  margin-bottom: 40px;
}
.content-wrap_inner .blog-wrap .blog-wrap_inner .sentences p.txt-center {
  text-align: center;
}
.content-wrap_inner .blog-wrap .blog-wrap_inner .sentences p span.incident {
  color: var(--XRD_newscolor_media);
}
.content-wrap_inner .blog-wrap .blog-wrap_inner .sentences p:last-child {
  margin-bottom: 0;
}
.content-wrap_inner .blog-wrap .blog-wrap_inner .sentences p a {
  font-weight: 700;
  color: var(--XRD_blandkeycolor);
}
.content-wrap_inner .blog-wrap .blog-wrap_inner .sentences p a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 820px) {
  .content-wrap_inner .blog-wrap {
    width: 100%;
  }
}


.pageNav ol {
  display: var(--dsp-flex);
  align-items: center;
  justify-content: center;
}
.pageNav ol li {
  margin: 0 8px;
} 
.pageNav ol li {
  width: 26px;
  height: 26px;
  border-radius: 50px;
} 
.pageNav ol li.active a,
.pageNav ol li.link a {
  width: 26px;
  height: 26px;
  font-size: var(--base-size_12p);
  display: var(--dsp-flex);
  align-items: center;
  justify-content: center;
} 
.pageNav ol li.active {
  color: var(--com_color_f);
  background-color: var(--XRD_blandkeycolor);
}
.pageNav ol li.link {
  color: var(--XRD_fontcolor1);
  background-color: var(--com_color_17);
}
.arrow-btn {
  display: var(--dsp-flex);
  align-items: center;
  justify-content: center;
}
.arrow-btn svg {
  width: 13px;
}
.cls-1 {
  width: var(--base-size_13p);
  fill: var(--XRD_blandkeycolor);
  stroke-width: 0px;
}
.btn-position-left svg {
  transform: rotate(180deg);
}

body#xrd-news {
  position: relative;
}
body#xrd-news footer {
  /* position: absolute; */
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 540px) {
  body#xrd-news main {
    /* height: 100vh; */
    padding-bottom: var(--pb80);
    margin-bottom: var(--mb50);
  }
  main {
    margin-bottom: var(--mb50);
  }
  body#xrd-news footer {
    position: initial;
  }
}

/* 
INDIVIDUAL STYLING
=======================  */