@charset "UTF-8";
/* reset
----------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: '';
  content: none;
}

q:before, q:after {
  content: '';
  content: none;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

a {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;
}

ins {
  background-color: #ff9;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th {
  font-weight: normal;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input, select, textarea, img {
  vertical-align: middle;
}

ul, dl, ol {
  list-style: none;
}

/* 共通設定
----------------------------- */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.only_sp {
  display: none;
}

@media screen and (max-width: 767px) {
  .only_sp {
    display: block;
  }
}

.only_pc {
  display: block;
}

@media screen and (max-width: 767px) {
  .only_pc {
    display: none;
  }
}

@media print, screen and (min-width: 1024px) {
  .only-sp {
    display: none;
  }
}

@media (max-width: 1023px) {
  .only-pc {
    display: none;
  }
}

.mv {
  position: relative;
  z-index: 2;
/*  border-bottom: solid 2px #ffffff;  #b3b3b3;        罫線なしに変更      追加修正 2024-04-25*/
/*  border-top: solid 1px #ffffff;     #e3e3e3;           罫線なしに変更   追加修正 2024-04-25*/
  margin-top: 30px;   /*                                            ページタイトルとタブメニュー間を調整 2024-04-22 */
}

.mv .container .menu .menu_ico {
  cursor: pointer;
}

.mv .st-GlobalInner {
  width: 100%;
  height: 100%;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  position: absolute;
  z-index: 3;
}

.mv-banner-image {
  width: 100%;
  position: relative;
/*  display: none; */
  display: block;
}

.mv-banner-image::before {
  content: '';
  display: block;
  padding-top: 23.75%;
}

.mv-banner-image .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 100% auto;
}

.mv-banner-image .text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation: 1s ease 0.2s normal forwards 1 fadein;
  animation: 1s ease 0.2s normal forwards 1 fadein;
}

.mv-banner-image .text img {
  width: 100%;
  max-width: 100%;
}

@media screen and (max-width: 1023px) {
  .mv-banner-image::before {
    padding-top: 85.157%;
  }
  .mv-banner-image .image {
    background-size: auto 100%;
  }
}

@media screen and (max-width: 767px) {
  .mv-banner-image .text {
    padding: 0 50px;
  }
}

@-webkit-keyframes fadein {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

@keyframes fadein {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

.mv-banner-video {
  width: 90%;                                           /* 100% から変更 0405review */
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
}

.mv-banner-video .vid {
  position: relative;
  width: 100%;
  height: 380px;  /*  300 から 380 に変更  */
  overflow: hidden;
}

.mv-banner-video .vid > video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%; /* 1920px;                                  動画にアンダーラインが見えることがあるのを修正    2024-04-25  */
  height: 100%; /* 380px;  ←  300 から 380 に変更           動画にアンダーラインが見えることがあるのを修正    2024-04-25  */
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 0;
  overflow: hidden;
}

.mv-banner-video .vid iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1920px;
  height: 380px;  /* 300 から 380 に変更 */
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 0;
  overflow: hidden;
}

.mv-banner-video .vid iframe::-webkit-media-controls {
  display: none;
}

.mv-banner-video .vid > video::-webkit-media-controls {
  display: none;
}

.mv-banner-video .vid-txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mv-banner-video .vid-btn-container {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 1200px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 15px;                                /* ボタンが端に寄りすぎないようにするためのパディング */
}

.vid-btn-container .vid-btn-replay{
  width: 38px;  /* 118 から変更 */
  border-radius: 100%;
  z-index: 4;
  margin: 0; /* マージンをリセット */
  transform: none; /* transformをリセット */
}
.vid-btn-container .vid-btn-more {
  width: 140px;                                   /* 再生ボタンより小さく見えるため 118px から変更  0405review  */
  border-radius: 100%;
  z-index: 4;
  margin: 0; /* マージンをリセット */
  transform: none; /* transformをリセット */
}

/* 画面幅が狭い場合のスタイル調整 */
@media (max-width: 1180px) {
  .mv-banner-video .vid-btn-container {
    padding: 0 10px; /* ボタンが端に寄りすぎないようにするためのパディングを調整 */
  }
}

/* more 追加 */
.vid-btn-container .vid-btn-replay,
.vid-btn-container .vid-btn-more img {
  max-width: 100%;
}

/* more 追加 */
.vid-btn-container .vid-btn-replay,
.vid-btn-container .vid-btn-more a {
  display: block;
}
/* more 追加 */
.vid-btn-container .vid-btn-replay:hover img {
  -webkit-animation-name: play-btn-hover;
  animation-name: play-btn-hover;
  -webkit-animation-duration: 1s;
  animation-duration: 0.5s; /* 1s;                     少し早く */
  animation-fill-mode: forwards; /* アニメーション終了後も最終状態を維持 0405review*/
}
.vid-btn-container .vid-btn-more:hover img {
    -webkit-animation-name: more-btn-hover;
    animation-name: more-btn-hover;
    -webkit-animation-duration: 1s;
    animation-duration: 0.5s; /* 1s;                     少し早く */
    animation-fill-mode: forwards; /* アニメーション終了後も最終状態を維持 0405review*/
  }

/* more 追加 */
.vid-btn-container .vid-btn-replay:hover,
.vid-btn-container .vid-btn-more:hover {
        opacity: 0.6;
}

@media screen and (max-width: 1023px) {
  .mv-banner-video .vid-txt {
    display: block;
    width: 100%;
    max-width: 454px;
    margin: 0 auto;
    z-index: 2;
    -webkit-animation: 1s ease 0s normal forwards 1 fadein;
    animation: 1s ease 0s normal forwards 1 fadein;
  }
  .mv-banner-video .vid-txt img {
    max-width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .mv-banner-video .vid-txt {
    padding: 0 50px;
  }
}
/* more 追加 */
@media screen and (max-width: 1023px) {
  .vid-btn-container .vid-btn-replay,
  .vid-btn-container .vid-btn-more{
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 0;
    -webkit-animation: 1s ease 0s normal forwards 1 fadein;
    animation: 1s ease 0s normal forwards 1 fadein;
  }
}
/* more 追加 */
@media screen and (max-width: 767px) {
  .mv-banner-video .vid-btn-replay,
  .mv-banner-video .vid-btn-more {
    max-width: 70px;
  }
}

@keyframes fadein {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

@-webkit-keyframes play-btn-hover {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.5);
    transform: scale(1.2); /* scale(1.5);                                 アニメで拡大するスケール変更 */
    opacity: 1; /* 0;                                                  終わりをもう少し濃くする 0405review */
  }
}
/* more 別指定 */
@-webkit-keyframes more-btn-hover {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
    }
    100% {
      -webkit-transform: scale(1.5);
      transform: scale(1.2); /* scale(1.5);                                アニメで拡大するスケール変更 */
      opacity: 1; /* 0;                                                  終わりをもう少し濃くする 0405review */
    }
  }

@keyframes play-btn-hover {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.5);
    transform: scale(1.2); /* scale(1.5);                                アニメで拡大するスケール変更 */
    opacity: 1; /* 0;                                                  終わりをもう少し濃くする 0405review */
  }
}
/* more 追加 */
@keyframes more-btn-hover {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
    }
    100% {
      -webkit-transform: scale(1.5);
      transform: scale(1.2); /* scale(1.5);                                アニメで拡大するスケール変更 */
      opacity: 1; /* 0;                                                  終わりをもう少し濃くする 0405review */
    }
  }

.mv-banner-slide {
  width: 100%;
  background-color: #c3c3c3;
  overflow: hidden;
}

.mv-banner-slide .slide-inner {
  margin-bottom: 0 !important;
  border: none !important;
  margin: 0 auto;
  width: 680px;
  height: 380px;
}

.mv-banner-slide .slide-item {
  position: relative;
}

.mv-banner-slide .slide-item.slick-center .item-image::after, .mv-banner-slide .slide-item.slick-center .item-image img {
  opacity: 1;
}

.mv-banner-slide .slide-item.slick-center .item-text {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.mv-banner-slide .slide-item a {
  width: 100%;
  height: 100%;
  display: block;
  text-decoration: none;
  color: #ffffff;
}

.mv-banner-slide .slide-item a:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.mv-banner-slide .slide-item .item-image {
  width: 100%;
  height: 100%;
  position: relative;
}

.mv-banner-slide .slide-item .item-image::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../img/carousel-gradient.png) repeat-x bottom left;
  opacity: 0;
}

.mv-banner-slide .slide-item .item-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  max-width: 100%;
}

.mv-banner-slide .slide-item .item-text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 25px 39px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-duration: .8s;
  transition-duration: .8s;
  -webkit-transition-delay: .3s;
  transition-delay: .3s;
}

.mv-banner-slide .slide-item .item-text p {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 13.2px;
  letter-spacing: 0.2em;
}

.mv-banner-slide .slide-item .item-text .date {
  font-family: 'Noto Sans Mono', sans-serif;
  font-weight: 400;
  font-size: 13.2px;
  letter-spacing: 0.2em;
  padding-top: 2px;
  margin-top: 5px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.mv-banner-slide .slick-list {
  overflow: visible;
  height: 100%;
}

.mv-banner-slide .slick-track {
  height: 100%;
}

.mv-banner-slide .slick-dots {
  bottom: 16px;
}

.mv-banner-slide .slick-dots li {
  margin: 0 3px;
}

.mv-banner-slide .slick-dots li button {
  background: #fff;
  width: 14px;
  height: 14px;
  -webkit-transform: scale(0.5712);
  transform: scale(0.5712);
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.mv-banner-slide .slick-dots li.slick-active button {
  background: #fff;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.mv-banner-slide .slick-arrow {
  width: 30px;
  height: 50px;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.mv-banner-slide .slick-arrow:hover, .mv-banner-slide .slick-arrow:focus {
  background: rgba(0, 0, 0, 0.6);
}

.mv-banner-slide .slick-arrow::before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 1px solid #ffffff;
  border-left: none;
  border-bottom: none;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: 0;
  opacity: 1;
}

.mv-banner-slide .slick-arrow.slick-prev {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}

.mv-banner-slide .slick-arrow.slick-prev::before {
  -webkit-transform: rotate(-136deg);
  transform: rotate(-136deg);
}

.mv-banner-slide .slick-arrow.slick-next {
  left: inherit;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}

@media screen and (max-width: 1023px) {
  .mv-banner-slide .slide-inner {
    width: 100%;
    height: 500px;
  }
}

@media screen and (max-width: 767px) {
  .mv-banner-slide .slide-inner {
    height: 250px;
  }
}

@media screen and (min-width: 1024px) {
  .mv-banner-slide .slide-item .item-image img {
    opacity: 0.6;
  }
}

@media screen and (max-width: 1023px) {
  .mv-banner-slide .slide-item .item-text {
    padding: 63px 75px 48px;
  }
  .mv-banner-slide .slide-item .item-text p {
    font-size: 24px;
  }
  .mv-banner-slide .slide-item .item-text .date {
    font-size: 24px;
    padding-top: 8px;
    margin-top: 15px;
    border-width: 2px;
    letter-spacing: 0;
  }
}

@media screen and (max-width: 767px) {
  .mv-banner-slide .slide-item .item-text {
    padding: 20px 30px 37px;
  }
  .mv-banner-slide .slide-item .item-text p {
    font-size: 13.2px;
  }
  .mv-banner-slide .slide-item .item-text .date {
    font-size: 13.2px;
    padding-top: 6px;
    margin-top: 5px;
    border-width: 1px;
  }
}

@media screen and (max-width: 1023px) {
  .mv-banner-slide .slick-dots {
    bottom: 20px;
  }
  .mv-banner-slide .slick-dots li {
    margin: 0 13px;
  }
  .mv-banner-slide .slick-dots li button {
    width: 28px;
    height: 28px;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
}

@media screen and (max-width: 767px) {
  .mv-banner-slide .slick-dots {
    bottom: 10px;
  }
  .mv-banner-slide .slick-dots li {
    margin: 0 3px;
  }
  .mv-banner-slide .slick-dots li button {
    width: 14px;
    height: 14px;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}

@media screen and (max-width: 1023px) {
  .mv-banner-slide .slick-arrow {
    width: 50px;
    height: 90px;
    top: 52%;
  }
  .mv-banner-slide .slick-arrow::before {
    width: 22px;
    height: 22px;
  }
  .mv-banner-slide .slick-arrow.slick-prev::before {
    -webkit-transform: rotate(-134deg) translate(-6px, 6px);
    transform: rotate(-134deg) translate(-6px, 6px);
  }
  .mv-banner-slide .slick-arrow.slick-next::before {
    -webkit-transform: rotate(45deg) translate(-7px, 4px);
    transform: rotate(45deg) translate(-7px, 4px);
  }
}

@media screen and (max-width: 767px) {
  .mv-banner-slide .slick-arrow {
    width: 25px;
    height: 45px;
    top: 50%;
  }
  .mv-banner-slide .slick-arrow::before {
    width: 10px;
    height: 10px;
  }
  .mv-banner-slide .slick-arrow.slick-prev::before {
    -webkit-transform: rotate(-134deg);
    transform: rotate(-134deg);
  }
  .mv-banner-slide .slick-arrow.slick-next::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

.article {
  border-bottom: solid 1px #ffffff; /* #b3b3b3;           罫線なしに変更 */
}

.article.first {
  border-top: solid 1px #ffffff; /* #b3b3b3;              罫線なしに変更 */
}

@media screen and (max-width: 767px) {
  .article {
    border-bottom: none;
  }
}

.article_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}

.article_inner:before {
  position: absolute;
  top: -30px;
  left: 0;
  width: 1px;
  height: 30px;
  background: #b3b3b3;
  content: "";
}

.article_inner:after {
  position: absolute;
  top: -30px;
  right: 0;
  width: 1px;
  height: 30px;
  background: #b3b3b3;
  content: "";
}

.article_card {
  width: 25%;
  display: block;
  border-top: solid 1px #b3b3b3; /*                       下線のみから上線のみに設定 4-16 */
  padding: 7px 7px 30px 7px;                               /*  下の部分を空けてカードの区切りを目立たせる   0405review 40から30に変更4-16*/
  position: relative;
}

.article_card:nth-child(4) {
  border-right: solid 1px #ffffff; /* #b3b3b3;                罫線なしに変更 */
}

.article_card:first-child:last-child {
  border-right: 1px solid #ffffff; /* #b3b3b3 !important;         /* この罫線は残しておく → 白に 2024-04-02 */
}

.article_card > a {
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  color: #202020; /* #666666;                                 色は黒に合わせる */
  text-decoration: none;
}

.article_card > a:hover .article_card_content .title, .article_card > a:hover .article_card_bottom .category {
  opacity: 0.6;
}

.article_card > a:hover .icon-arrow-right {
  -webkit-transform: translateX(10px) rotate(135deg) perspective(1px);
  transform: translateX(10px) rotate(135deg) perspective(1px);
}

.article_card_img {
  position: relative;
  margin-bottom: 15px;
  overflow: hidden;
}

.article_card_img img {
  width: 100%;
  line-height: 0;
}

.article_card_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 6px;
  -webkit-transition: all cubic-bezier(0.2, 0.6, 0.4, 1) 0.3s;
  transition: all cubic-bezier(0.2, 0.6, 0.4, 1) 0.3s;
}

.article_card_content .title {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  font-size: 16px;
  line-height: 2;
  font-weight: 500;
  letter-spacing: 2.4px;
  margin-bottom: 28px;
  -webkit-transition: all cubic-bezier(0.2, 0.6, 0.4, 1) 0.3s;
  transition: all cubic-bezier(0.2, 0.6, 0.4, 1) 0.3s;
}

.article_card_bottom {
  width: 100%;
  padding: 0 8px;
  -webkit-transition: all cubic-bezier(0.2, 0.6, 0.4, 1) 0.3s;
  transition: all cubic-bezier(0.2, 0.6, 0.4, 1) 0.3s;
}

.article_card_bottom .category {
  border-radius: 20px;
  margin-bottom: 14px;
  color: #fff;
  font-size: 13.2px;
  padding: 0px 16px 0 13px;
  letter-spacing: 0;
  margin-left: 5px;
  display: inline-block;
  -webkit-transition: all cubic-bezier(0.2, 0.6, 0.4, 1) 0.3s;
  transition: all cubic-bezier(0.2, 0.6, 0.4, 1) 0.3s;
}

.article_card_bottom .category.catalog {
  background: #136ad3;
}

.article_card_bottom .category.beta-project {
  background: #609ab0;
}

.article_card_bottom .category.news {
  background: #744caf;
}

.article_card_bottom .category.event {
  background: #00796b;
}

.article_card_bottom .article_bottom {
  border-top: solid 1px #e6e6e6;                  /* ボトムの罫線のみ残しておく 2024-04-02 */
  padding-top: 8px;
  position: relative;
}

.article_card_bottom .article_bottom .date {
  font-size: 13.2px;
  font-weight: 400;
  color: #b2b2b2;
  letter-spacing: 0.02em;
  padding-left: 9px;
}

.article_card_bottom .article_bottom .icon-arrow-right {
  -webkit-transform: rotate(135deg) perspective(1px);
  transform: rotate(135deg) perspective(1px);
  display: block;
  margin: 0;
  width: 14px;
  height: 10px;
  border-left: 1px solid #b2b2b2;                  /* ボトムの罫線のみ残しておく 2024-04-02 */
  position: absolute;
  top: 62%;
  right: 7px;
  -webkit-transition: all cubic-bezier(0.2, 0.6, 0.4, 1) 0.8s;
  transition: all cubic-bezier(0.2, 0.6, 0.4, 1) 0.8s;
}

.article_card_bottom .article_bottom .icon-arrow-right:after {
  content: "";
  display: block;
  width: 1px;
  height: 17px;
  background-color: #b2b2b2;
  -webkit-transform: rotate(-45deg) translate(5px, 2px) perspective(9px);
  transform: rotate(-45deg) translate(5px, 2px) perspective(9px);
  left: 0;
  top: 0;
}

@media screen and (max-width: 1023px) {
  .article_card {
    width: 100%;
    border-bottom: solid 1px #b2b2b2;
    border-right: 1px solid  #b2b2b2;
    padding: 27px 15px 27px;
  }
  .article_card:last-child {
    border-bottom: none;
  }
  .article_card > a {
    -webkit-box-orient: initial;
    -webkit-box-direction: initial;
    -ms-flex-direction: initial;
    flex-direction: initial;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .article_card_img {
    width: 40%;
    max-width: 283px;
    height: auto;
    margin-bottom: 13px;
  }
  .article_card_content {
    width: 60%;
    padding: 0 0 0 15px;
    margin-top: -4px;
  }
  .article_card_content .title {
    padding: 0;
    margin-bottom: 13px;
    font-size: 24px;
    line-height: 1.6;
    letter-spacing: 5px;
  }
  .article_card_bottom {
    font-size: 24px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    padding-top: 15px;
    border-top: solid 1px #e6e6e6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .article_card_bottom .category {
    margin: 0;
    font-size: 24px;
    line-height: 1.4;
    padding: 3px 25px 3px 23px;
  }
  .article_card_bottom .article_bottom {
    margin-left: auto;
    padding-top: 0;
    padding-left: 0;
    border: none;
  }
  .article_card_bottom .article_bottom .date {
    padding-left: 10px;
    font-size: 24px;
    padding-right: 41px;
  }
  .article_card_bottom .article_bottom .icon-arrow-right {
    top: 38%;
    height: 14px;
  }
  .article_card_bottom .article_bottom .icon-arrow-right:after {
    height: 24px;
    -webkit-transform: rotate(-45deg) translate(8px, 2px) perspective(9px);
    transform: rotate(-45deg) translate(8px, 2px) perspective(9px);
  }
}

@media screen and (max-width: 767px) {
  .article_card {
    padding: 15px;
  }
  .article_card_img {
    margin-bottom: 10px;
  }
  .article_card_content {
    padding: 0 0 0 15px;
    margin-top: -2px;
  }
  .article_card_content .title {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 2.8px;
  }
  .article_card_bottom {
    font-size: 13.2px;
    padding-top: 10px;
  }
  .article_card_bottom .category {
    font-size: 13.2px;
    padding: 3px 16px 3px 16px;
  }
  .article_card_bottom .article_bottom .date {
    padding-left: 10px;
    font-size: 13.2px;
    padding-right: 30px;
  }
  .article_card_bottom .article_bottom .icon-arrow-right {
    top: 38%;
    height: 10px;
  }
  .article_card_bottom .article_bottom .icon-arrow-right:after {
    height: 17px;
    -webkit-transform: rotate(-45deg) translate(5px, 2px) perspective(9px);
    transform: rotate(-45deg) translate(5px, 2px) perspective(9px);
  }
}


.item_list, .content_main .tabs-content {
  font-family: 'Noto Sans JP', sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
  color: #666666;
  font-weight: 400;
  font-size: 13.2px;
  overflow: hidden;
}

.item_list .mv .mv-banner, .content_main .tabs-content .mv .mv-banner {
  text-align: center;
  position: relative;
  padding-top: 70px;
  padding-bottom: 72px;
}

.item_list .mv .mv-banner > img, .content_main .tabs-content .mv .mv-banner > img {
  width: 100%;
  max-width: 346px;
  margin: 0 auto;
}

.item_list .mv .mv-banner > p, .content_main .tabs-content .mv .mv-banner > p {
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 4.8px;
  color: #666666;
  padding: 11px 0 21px;
  position: relative;
}

.item_list .mv .mv-banner > p:before, .content_main .tabs-content .mv .mv-banner > p:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 24px;
  height: 1px;
  background-color: #744caf;
}

@media screen and (min-width: 1024px) {
  .item_list .mv .mv-banner img, .content_main .tabs-content .mv .mv-banner img {
    width: 100%;
    max-width: 271px;
  }
}

@media screen and (max-width: 1023px) {
  .item_list .mv .mv-banner, .content_main .tabs-content .mv .mv-banner {
    padding-top: 130px;
    padding-bottom: 90px;
  }
  .item_list .mv .mv-banner > p, .content_main .tabs-content .mv .mv-banner > p {
    font-size: 20px;
    padding: 20px 0 25px;
  }
}

@media screen and (max-width: 767px) {
  .item_list .mv .mv-banner, .content_main .tabs-content .mv .mv-banner {
    padding-top: 70px;
    padding-bottom: 72px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .item_list .mv .mv-banner img, .content_main .tabs-content .mv .mv-banner img {
    max-width: 271px;
  }
  .item_list .mv .mv-banner > p, .content_main .tabs-content .mv .mv-banner > p {
    font-size: 18px;
    letter-spacing: 3.5px;
    padding: 15px 0 20px;
  }
}

@media screen and (max-width: 1023px) {
  .item_list .content, .content_main .tabs-content .content {
    border-bottom: 1px solid #b3b3b3;
  }
}

.item_list .article-wrapper, .content_main .tabs-content .article-wrapper {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

@media screen and (max-width: 1023px) {
  .item_list .article-wrapper, .content_main .tabs-content .article-wrapper {
    border-bottom: none;
  }
  .item_list .article-wrapper:first-child .article_card:first-child, .content_main .tabs-content .article-wrapper:first-child .article_card:first-child {
    border-top: none;
  }
}

.item_list .articles, .content_main .tabs-content .articles {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: none;
  -webkit-transition: .4s ease-in-out;
  transition: .4s ease-in-out;

  border-left: 1px solid #ffffff; /* #b3b3b3;                                 ここの罫線を消してみる 2024-04-02 */
  border-right: 1px solid #ffffff; /*#b3b3b3;                                 ここの罫線を消してみる 2024-04-02 */
}

@media screen and (max-width: 1023px) {
  .item_list .articles, .content_main .tabs-content .articles {
    border-left: 1px solid #b3b3b3;
    border-right: 1px solid #b3b3b3;
  }
}

.item_list .articles .article_card, .content_main .tabs-content .articles .article_card {
  border-right: none;
  border-left: none;
  opacity: 0;
  max-height: 0;
  pointer-events: none;
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-duration: .7s;
  transition-duration: .7s;
}

.item_list .articles .article_card.js-show, .content_main .tabs-content .articles .article_card.js-show, .item_list .articles .article_card.show, .content_main .tabs-content .articles .article_card.show {
  opacity: 1;
  max-height: 100%;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  pointer-events: all;
}

.item_list .articles .article_card.js-show::before, .content_main .tabs-content .articles .article_card.js-show::before, .item_list .articles .article_card.show::before, .content_main .tabs-content .articles .article_card.show::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 1px;
  display: block !important;
/*  background-color: #b3b3b3;                                     この色の干渉で記事間に縦罫線のように見えるため削除 */
}

.item_list .articles .article_card.js-show:nth-of-type(4n + 1)::before, .content_main .tabs-content .articles .article_card.js-show:nth-of-type(4n + 1)::before, .item_list .articles .article_card.show:nth-of-type(4n + 1)::before, .content_main .tabs-content .articles .article_card.show:nth-of-type(4n + 1)::before {
  width: 100vw;
}

@media screen and (max-width: 1023px) {
  .item_list .articles .article_card.js-show:nth-of-type(4n + 1)::before, .content_main .tabs-content .articles .article_card.js-show:nth-of-type(4n + 1)::before, .item_list .articles .article_card.show:nth-of-type(4n + 1)::before, .content_main .tabs-content .articles .article_card.show:nth-of-type(4n + 1)::before {
    right: 0;
    width: 100%;
  }
}

.item_list .articles .article_card.js-show:nth-of-type(4n)::before, .content_main .tabs-content .articles .article_card.js-show:nth-of-type(4n)::before, .item_list .articles .article_card.show:nth-of-type(4n)::before, .content_main .tabs-content .articles .article_card.show:nth-of-type(4n)::before {
  width: 100vw;
  right: inherit;
  left: 0;
}

@media screen and (max-width: 1023px) {
  .item_list .articles .article_card.js-show:nth-of-type(4n)::before, .content_main .tabs-content .articles .article_card.js-show:nth-of-type(4n)::before, .item_list .articles .article_card.show:nth-of-type(4n)::before, .content_main .tabs-content .articles .article_card.show:nth-of-type(4n)::before {
    right: 0;
    width: 100%;
  }
}

.item_list .articles .article_card::after, .content_main .tabs-content .articles .article_card::after {
  content: '';
  position: absolute;
  top: 0;
  right: -1px;
  height: 100%;
  width: 1px;
/*  background-color: #b3b3b3;                               この色の干渉で記事間の罫線に見えてしまうので削除 */
}

.item_list .articles .article_card_content, .content_main .tabs-content .articles .article_card_content {
  padding: 0 14px;
}

.item_list .articles .article_card_content .title, .content_main .tabs-content .articles .article_card_content .title {
  margin-bottom: 63px;
  letter-spacing: 2.4px;
}

.item_list .articles .article_card_bottom, .content_main .tabs-content .articles .article_card_bottom {
  padding: 0 8px;
}

.item_list .articles .article_card_bottom .category, .content_main .tabs-content .articles .article_card_bottom .category {
  display: none;
}

.item_list .articles .article_card_bottom .article_bottom .date, .content_main .tabs-content .articles .article_card_bottom .article_bottom .date {
  padding-left: 5px;
}

.item_list .articles .article_card_bottom .article_bottom .icon-arrow-right, .content_main .tabs-content .articles .article_card_bottom .article_bottom .icon-arrow-right {
  right: 7px;
  top: 56%;
}

@media screen and (max-width: 1023px) {
  .item_list .articles .article_card, .content_main .tabs-content .articles .article_card {
    border: none;
  }
  .item_list .articles .article_card_img, .content_main .tabs-content .articles .article_card_img {
    margin-bottom: 16px;
  }
  .item_list .articles .article_card_content, .content_main .tabs-content .articles .article_card_content {
    padding: 0 0 0 14px;
  }
  .item_list .articles .article_card_content .title, .content_main .tabs-content .articles .article_card_content .title {
    margin-bottom: 16px;
    letter-spacing: 6px;
  }
  .item_list .articles .article_card_bottom .article_bottom, .content_main .tabs-content .articles .article_card_bottom .article_bottom {
    padding-top: 14px;
  }
  .item_list .articles .article_card_bottom .article_bottom .date, .content_main .tabs-content .articles .article_card_bottom .article_bottom .date {
    padding-right: 32px;
  }
  .item_list .articles .article_card_bottom .article_bottom .icon-arrow-right, .content_main .tabs-content .articles .article_card_bottom .article_bottom .icon-arrow-right {
    right: -3px;
  }
}

@media screen and (max-width: 767px) {
  .item_list .articles .article_card_img, .content_main .tabs-content .articles .article_card_img {
    margin-bottom: 10px;
  }
  .item_list .articles .article_card_content, .content_main .tabs-content .articles .article_card_content {
    padding: 0 0 0 10px;
  }
  .item_list .articles .article_card_content .title, .content_main .tabs-content .articles .article_card_content .title {
    margin-bottom: 10px;
    letter-spacing: 2.6px;
  }
  .item_list .articles .article_card_bottom .article_bottom, .content_main .tabs-content .articles .article_card_bottom .article_bottom {
    padding-top: 5px;
  }
  .item_list .articles .article_card_bottom .article_bottom .date, .content_main .tabs-content .articles .article_card_bottom .article_bottom .date {
    padding-right: 20px;
  }
  .item_list .articles .article_card_bottom .article_bottom .icon-arrow-right, .content_main .tabs-content .articles .article_card_bottom .article_bottom .icon-arrow-right {
    right: -3px;
  }
}

.item_list .articles-load-more .wrap, .content_main .tabs-content .articles-load-more .wrap {
  position: relative;
  padding: 70px 0 50px;
  border-left: 1px solid #ffffff; /* #b3b3b3;                罫線なしに変更 */
  border-right: 1px solid #ffffff; /* #b3b3b3;               罫線なしに変更 */
  text-align: center;
}

.item_list .articles-load-more .wrap::before, .content_main .tabs-content .articles-load-more .wrap::before {
  content: '';
  position: absolute;
  top: -1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  height: 1px;
/*  background-color: #b3b3b3;                                  色の干渉で罫線に見えるので削除 */
}

@media screen and (max-width: 1023px) {
  .item_list .articles-load-more .wrap, .content_main .tabs-content .articles-load-more .wrap {
    padding: 83px 0;
  }
}

@media screen and (max-width: 767px) {
  .item_list .articles-load-more .wrap, .content_main .tabs-content .articles-load-more .wrap {
    padding: 40px 0;
  }
}

.item_list .articles-load-more .js-load-more, .content_main .tabs-content .articles-load-more .js-load-more {
  cursor: pointer;
  display: inline-block;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  position: relative;
  cursor: pointer;
}

@media screen and (min-width: 1024px) {
  .item_list .articles-load-more .js-load-more::before, .content_main .tabs-content .articles-load-more .js-load-more::before {
    content: '';
    background: url(../img/btn_more_active.png) no-repeat top left;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity ease 0.2s;
    transition: opacity ease 0.2s;
  }
}

@media screen and (min-width: 1024px) {
  .item_list .articles-load-more .js-load-more:hover::before, .content_main .tabs-content .articles-load-more .js-load-more:hover::before {
    opacity: 1;
  }
}

@media screen and (min-width: 1024px) {
  .item_list .articles-load-more .js-load-more:hover img, .content_main .tabs-content .articles-load-more .js-load-more:hover img {
    opacity: 0;
  }
}

.item_list .articles-load-more .js-load-more img, .content_main .tabs-content .articles-load-more .js-load-more img {
  width: 100%;
  max-width: 100%;
  -webkit-transition: opacity ease 0.2s;
  transition: opacity ease 0.2s;
}

.item_list .article-data {
  display: none;
  visibility: hidden;
}

.content_main {
  position: relative;
  overflow: hidden;
}

.content_main .tabs-content .article-data {
  display: none;
  visibility: hidden;
}

.content_main .main-inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.content_main .inner-sidebar {
  width: 224px;
  border-left: 1px solid #ffffff; /* #b3b3b3;           白にして罫線なしに変更 */
  border-right: 1px solid #ffffff; /* #b3b3b3;          白にして罫線なしに変更 */
  background: #ffffff; /* #5f5f5f; */
}

.content_main .inner-sidebar .sidebar-top {
  position: relative;
  height: 69px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 15px;
/*  border-bottom: 1px solid #ffffff;                     Pickup の下に罫線を入れるために削除 */
}

.content_main .inner-sidebar .sidebar-top a {
  text-decoration: none;
  display: inline-block;
  width: 100%;
  color: #000000;
}

.content_main .inner-sidebar .sidebar-top .icon-arrow-right {
  -webkit-transform: rotate(135deg) perspective(1px);
  transform: rotate(135deg) perspective(1px);
  display: block;
  margin: 0;
  width: 14px;
  height: 10px;
  border-left: 1px solid #b2b2b2;
  position: absolute;
  top: 54%;
  right: 22px;
  -webkit-transition: all cubic-bezier(0.2, 0.6, 0.4, 1) 0.8s;
  transition: all cubic-bezier(0.2, 0.6, 0.4, 1) 0.8s;
}

.content_main .inner-sidebar .sidebar-top .icon-arrow-right:after {
  content: "";
  display: block;
  width: 1px;
  height: 17px;
  background-color: #b2b2b2;
  -webkit-transform: rotate(-45deg) translate(5px, 2px) perspective(9px);
  transform: rotate(-45deg) translate(5px, 2px) perspective(9px);
  left: 0;
  top: 0;
}

.content_main .inner-sidebar .sidebar-title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 550; /* 300 から変更                            */
  font-size: 20px;  /* 30px;               他のタブ文字に揃える */
  line-height: 1.5;
  letter-spacing: normal; /* 0.2rem;       文字間を狭く  */
  color: #202020; /* #ffffff;            白抜きから変更 */
}

.content_main .about-sidebar {
  padding-bottom: 0px;
}

.content_main .about-sidebar .sidebar-top {
  position: relative;
}

.content_main .about-sidebar .sidebar-top::after {   /*                  About の Tab の途中までの下線を追加 */
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 82%;
  height: 0;
  border-top: 1px solid #b3b3b3;                /*                     記事の一番したの下線を消すために 上線に変更 4/16 */
  z-index: 1;
}

.content_main .pickup-sidebar sidebar-top {
/*  border-top: 1px solid #ffffff;                                    Pickup から Tab の途中までの下線を追加するためこれはなし */
  position: relative;
}

.content_main .pickup-sidebar .sidebar-top::after {   /*                  Pickup から Tab の途中までの下線を追加 */
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 82%;
  height: 0;
  border-bottom: 1px solid #b3b3b3;
  z-index: 1;
}

.content_main .inner-content {
  width: calc(100% - 224px);
  border-right: 1px solid #ffffff;                                    /*  #b3b3b3;  右端の罫線なしに変更 */
}

.content_main .tabs-content .tab-content {
  display: none;
  visibility: hidden;
}

.content_main .tabs-content .tab-content.js-active, .content_main .tabs-content .tab-content.active {
  display: block;
  visibility: visible;
}

.content_main .tabs-content .article-wrapper {
  padding: 0;
}

.content_main .tabs-content .articles {
  border: none;
}

.content_main .tabs-content .articles .article_card {
  width: 33.33%;
/*  border: none;                                                  article_card には下線を引くため削除 */
}

.content_main .tabs-content .articles .article_card::after {
  content: '';
  position: absolute;
  top: 0;
  right: -1px;
  width: 1px;
  height: 100%;
  display: block;
/*  background-color: #b3b3b3;                                       背景色の干渉で罫線に見えるため削除 */
}

.content_main .tabs-content .articles .article_card:nth-of-type(3n)::after {
  display: none;
}

.content_main .tabs-content .articles .article_card.js-show::before, .content_main .tabs-content .articles .article_card.show::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 1px;
  display: block !important;
/*  background-color: #b3b3b3;                                            背景色の干渉で罫線に見えるので削除 */
}

.content_main .tabs-content .articles .article_card.js-show:nth-of-type(4n + 1)::before, .content_main .tabs-content .articles .article_card.show:nth-of-type(4n + 1)::before, .content_main .tabs-content .articles .article_card.js-show:nth-of-type(4n)::before, .content_main .tabs-content .articles .article_card.show:nth-of-type(4n)::before {
  width: 100%;
}

.content_main .tabs-content .articles .article_card .article_card_content .title {
  margin-bottom: 30px;
  letter-spacing: normal;    /* 2024-04-01 新デフォルトに 1.9px から変更 */
}

.content_main .tabs-content .articles .article_card .article_card_bottom .category {
  display: inline-block;
}

.content_main .tabs-content .articles .article_card .article_card_bottom .article_bottom .icon-arrow-right {
  right: 10px;
}

.content_main .tabs-content .articles-load-more .wrap {
  border: none;
}

.content_main .tabs-content .article-data-news, .content_main .tabs-content .article-data-catalog, .content_main .tabs-content .article-data-beta-project, .content_main .tabs-content .article-data-event, .content_main .tabs-content .article-data-all {
  display: none;
  visibility: hidden;
}

@media screen and (max-width: 1023px) {
  .content_main .main-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 1023px) {
  .content_main .inner-sidebar .sidebar-top .icon-arrow-right {
    top: 45%;
    height: 14px;
  }
  .content_main .inner-sidebar .sidebar-top .icon-arrow-right:after {
    height: 24px;
    -webkit-transform: rotate(-45deg) translate(8px, 2px) perspective(9px);
    transform: rotate(-45deg) translate(8px, 2px) perspective(9px);
  }
}

@media screen and (max-width: 767px) {
  .content_main .inner-sidebar .sidebar-top .icon-arrow-right {
    height: 10px;
  }
  .content_main .inner-sidebar .sidebar-top .icon-arrow-right:after {
    height: 17px;
    -webkit-transform: rotate(-45deg) translate(5px, 2px) perspective(9px);
    transform: rotate(-45deg) translate(5px, 2px) perspective(9px);
  }
}

@media screen and (min-width: 1024px) {
  .content_main .inner-sidebar .sidebar-top:hover .icon-arrow-right {
    opacity: 0.6;
    -webkit-transform: translateX(10px) rotate(135deg) perspective(1px);
    transform: translateX(10px) rotate(135deg) perspective(1px);
  }
}

@media screen and (max-width: 1023px) {
  .content_main .inner-sidebar {
    width: 100%;
    border: none;
    position: relative;
  }
  .content_main .inner-sidebar::before {
    content: '';
    position: absolute;
    top: 0;
    left: -15px;
    right: -15px;
    height: 100%;
    width: auto;
    background: #5e5e5e;
    z-index: -1;
  }
  .content_main .inner-sidebar .sidebar-top {
    height: auto;
  }
  .content_main .inner-sidebar .sidebar-title {
    font-size: 48px;
    padding: 9px 0;
  }
}

@media screen and (max-width: 767px) {
  .content_main .inner-sidebar .sidebar-title {
    font-size: 30px;
    padding: 6.5px 0;
  }
}

@media screen and (max-width: 1023px) {
  .content_main .about-sidebar {
    border-left: 1px solid #b3b3b3;
    border-right: 1px solid #b3b3b3;
  }
}

@media screen and (max-width: 1023px) {
  .content_main .pickup-sidebar {
    display: none;
  }
}

@media screen and (max-width: 1023px) {
  .content_main .inner-content {
    width: 100%;
    border-left: 1px solid #b3b3b3;
    overflow: hidden;
  }
}

@media screen and (max-width: 1023px) {
  .content_main .tabs-content .articles .article_card {
    width: 100%;
  }
  .content_main .tabs-content .articles .article_card:first-child {
    border-top: none;
  }
  .content_main .tabs-content .articles .article_card .article_card_content .title {
    margin-bottom: 16px;
    letter-spacing: Normal; /*5.8px;                2025-03-27 文字間変更 */
  }
  .content_main .tabs-content .articles .article_card .article_card_bottom {
    padding: 14px 2px 0;
  }
  .content_main .tabs-content .articles .article_card .article_card_bottom .article_bottom {
    padding-top: 0;
  }
  .content_main .tabs-content .articles .article_card .article_card_bottom .article_bottom .date {
    padding-right: 41px;
  }
  .content_main .tabs-content .articles .article_card .article_card_bottom .article_bottom .icon-arrow-right {
    top: 38%;
    right: 2px;
  }
}

@media screen and (max-width: 767px) {
  .content_main .tabs-content .articles .article_card .article_card_bottom {
    padding-top: 10px;
  }
  .content_main .tabs-content .articles .article_card .article_card_bottom .article_bottom .icon-arrow-right {
    top: 38%;
  }
}

@media screen and (max-width: 1023px) {
  .content_main .tabs-content .articles-load-more .wrap::before {
    display: none;
  }
}

.about-content {
  padding: 7px 40px 7px 5px;    /* 7px 5px から変更 */
}

.about-content .about-item {
  margin-bottom: 6px;
}

.about-content .about-item a {
  display: block;
  text-decoration: none;
}

.about-content .about-item .item-img {
  width: 100%;
  overflow: hidden;
  border: 2px solid #ffffff;
}

.about-content .about-item .item-img img {
  width: 100%;
  max-width: 100%;
  display: block;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.about-content .about-item .item-bottom {
  position: relative;
}

.about-content .about-item .item-bottom p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 13.2px;
  letter-spacing: normal; /*                                                0.2em; から変更   4-16                     */
  color: #666666;
  background: #ffffff;
  padding: 7px 40px 7px 7px;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.about-content .about-item .item-bottom .icon-arrow-right {
  -webkit-transform: rotate(135deg) perspective(1px);
  transform: rotate(135deg) perspective(1px);
  display: block;
  margin: 0;
  width: 14px;
  height: 10px;
  border-left: 1px solid #666666;
  position: absolute;
  top: 44%;
  right: 18px;
  -webkit-transition: all cubic-bezier(0.2, 0.6, 0.4, 1) 0.8s;
  transition: all cubic-bezier(0.2, 0.6, 0.4, 1) 0.8s;
}

.about-content .about-item .item-bottom .icon-arrow-right:after {
  content: "";
  display: block;
  width: 1px;
  height: 17px;
  background-color: #666666;
  -webkit-transform: rotate(-45deg) translate(5px, 2px) perspective(9px);
  transform: rotate(-45deg) translate(5px, 2px) perspective(9px);
  left: 0;
  top: 0;
}

.about-content .about-item.white {
  border: none;
}

.about-content .about-item.white p {
  border: 1px solid #c2c2c2;
  background: #fff;
  color: #666666;
}

.about-content .about-item.white .icon-arrow-right {
  border-left-color: #666666;
}

.about-content .about-item.white .icon-arrow-right::after {
  background: #666666;
}

.about-content .about-item.gray {
  border: none;
}

.about-content .about-item.gray p {
  border: 1px solid #ffffff; /* #c2c2c2;                    罫線なしに変更  */
  background: transparent;
  color: #fff;
}

.about-content .about-item.gray .icon-arrow-right {
  border-left-color: #fff;
}

.about-content .about-item.gray .icon-arrow-right::after {
  background: #fff;
}

@media screen and (min-width: 1024px) {
  .about-content .about-item {
    border-bottom: 1px solid #b3b3b3;
  }
  .about-content .about-item:hover .item-img img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  .about-content .about-item:hover .item-bottom p {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha(opacity=60)";
  }
  .about-content .about-item:hover .item-bottom .icon-arrow-right {
    opacity: 0.6;
    -webkit-transform: translateX(10px) rotate(135deg) perspective(1px);
    transform: translateX(10px) rotate(135deg) perspective(1px);
  }
}

@media screen and (max-width: 1023px) {
  .about-content .about-item .item-bottom .icon-arrow-right {
    top: 49%;
    height: 14px;
    right: 22px;
  }
  .about-content .about-item .item-bottom .icon-arrow-right:after {
    height: 24px;
    -webkit-transform: rotate(-45deg) translate(8px, 2px) perspective(9px);
    transform: rotate(-45deg) translate(8px, 2px) perspective(9px);
  }
}

@media screen and (max-width: 767px) {
  .about-content .about-item .item-bottom .icon-arrow-right {
    height: 10px;
    right: 15px;
  }
  .about-content .about-item .item-bottom .icon-arrow-right:after {
    height: 17px;
    -webkit-transform: rotate(-45deg) translate(5px, 2px) perspective(9px);
    transform: rotate(-45deg) translate(5px, 2px) perspective(9px);
  }
}

@media screen and (max-width: 1023px) {
  .about-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .about-content .about-item {
    width: 50%;
    padding: 5px 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .about-content .about-item:nth-child(3) {
    width: 100%;
  }
  .about-content .about-item:last-child {
    width: 100%;
  }
  .about-content .about-item:last-child::before {
    display: none;
  }
  .about-content .about-item .item-img img {
    width: 100%;
  }
  .about-content .about-item .item-bottom p {
    font-size: 24px;
    padding: 16px 50px 16px 15px;
  }
}

@media screen and (max-width: 767px) {
  .about-content .about-item {
    padding: 5px 10px;
  }
  .about-content .about-item .item-bottom p {
    font-size: 12px;
    padding: 10px 35px 10px 10px;
  }
}

.pickup-content {
  padding: 7px 40px 7px 5px;  /* 7px 5px から変更 */
}

.pickup-content .pickup-item {
  margin-bottom: 6px;
  border-bottom: 1px solid #b3b3b3;                                 /* Pickup 記事間には下線を入れる */
}

.pickup-content .pickup-item a {
  display: block;
  text-decoration: none;
}

.pickup-content .pickup-item .item-img {
  width: 100%;
  overflow: hidden;
/*  border: 2px solid #ffffff;                                               */
}

.pickup-content .pickup-item .item-img img {
  width: 100%;
  max-width: 100%;
  display: block;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.pickup-content .pickup-item .item-bottom {
  position: relative;
  background-color: #fff;
}

.pickup-content .pickup-item .item-bottom p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 13.2px; /* 16px;                                               文字を小さく */
  line-height: 1.68;
  letter-spacing: normal;  /* 0.2em;                                        文字間ノーマル */
 /* text-align: none;                                                       文字表示を左寄せに 2024-04-24 */
  color: #666666;
  padding: 6px 10px 0px;
  margin-bottom: 10px;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
}

.pickup-content .pickup-item .item-bottom .icon-arrow-right {
  -webkit-transform: rotate(135deg) perspective(1px);
  transform: rotate(135deg) perspective(1px);
  display: block;
  margin: 0;
  width: 14px;
  height: 10px;
  border-left: 1px solid #666666;
  position: absolute;
  bottom: 12px;
  top: auto;
  right: 20px;
  -webkit-transition: all cubic-bezier(0.2, 0.6, 0.4, 1) 0.8s;
  transition: all cubic-bezier(0.2, 0.6, 0.4, 1) 0.8s;
}

.pickup-content .pickup-item .item-bottom .icon-arrow-right:after {
  content: "";
  display: block;
  width: 1px;
  height: 17px;
  background-color: #666666;
  -webkit-transform: rotate(-45deg) translate(5px, 2px) perspective(9px);
  transform: rotate(-45deg) translate(5px, 2px) perspective(9px);
  left: 0;
  top: 0;
}

.pickup-content .pickup-item .category {
  position: absolute;
  top: -32px;
  left: 9px;
  border-radius: 20px;
  color: #fff;
  font-weight: 100;
  font-size: 13.2px;
  padding: 0px 16px 0 13px;
  letter-spacing: 0;
  display: inline-block;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.pickup-content .pickup-item .category.catalog {
  background: #136ad3;
}

.pickup-content .pickup-item .category.beta-project {
  background: #609ab0;
}

.pickup-content .pickup-item .category.news {
  background: #744caf;
}

.pickup-content .pickup-item .category.event {
  background: #00796b;
}

@media screen and (min-width: 1024px) {
  .pickup-content .pickup-item:hover .item-img img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  .pickup-content .pickup-item:hover .item-bottom .category, .pickup-content .pickup-item:hover .item-bottom p {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha(opacity=60)";
  }
  .pickup-content .pickup-item:hover .item-bottom .icon-arrow-right {
    opacity: 0.6;
    -webkit-transform: translateX(10px) rotate(135deg) perspective(1px);
    transform: translateX(10px) rotate(135deg) perspective(1px);
  }
}

@media (min-width: 1024px) {
  .pickup-content .pickup-item .item-bottom {
    padding-bottom: 25px;
  }
}

.pickup-sidebar-mb {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateX(-100vw);
  transform: translateX(-100vw);
}

@media screen and (max-width: 1023px) {
  .pickup-sidebar-mb {
    position: relative;
    top: inherit;
    left: inherit;
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  .pickup-sidebar-mb .sidebar-top {
    border-left: 1px solid #b3b3b3;
    border-right: 1px solid #b3b3b3;
  }
  .pickup-sidebar-mb .sidebar-top::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 50%;
    width: 100vw;
    height: 1px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #b3b3b3;
  }
  .pickup-sidebar-mb .sidebar-top::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    width: 100vw;
    height: 1px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #b3b3b3;
  }
  .pickup-sidebar-mb .pickup-content {
    width: 100%;
    border: none;
    padding: 15px 0 0;
    margin-bottom: 109px;
  }
  .pickup-sidebar-mb .pickup-content.w-100 {
    max-width: 100%;
    left: 0;
  }
  .pickup-sidebar-mb .pickup-content.w-100 .pickup-item {
    padding: 0;
  }
  .pickup-sidebar-mb .pickup-content .slick-list {
    overflow: initial;
  }
  .pickup-sidebar-mb .pickup-content .slick-track {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .pickup-sidebar-mb .pickup-content .slick-slide {
    height: inherit !important;
  }
  .pickup-sidebar-mb .pickup-content .slick-dots {
    bottom: -64px;
  }
  .pickup-sidebar-mb .pickup-content .slick-dots li {
    width: 20px;
    height: 20px;
    margin: 0 20px;
  }
  .pickup-sidebar-mb .pickup-content .slick-dots li button {
    width: 20px;
    height: 20px;
  }
  .pickup-sidebar-mb .pickup-content .slick-dots li button::before {
    display: none;
  }
  .pickup-sidebar-mb .pickup-content .pickup-item {
    padding: 0 8px;
    margin-bottom: 0;
    height: 100%;
  }
  .pickup-sidebar-mb .pickup-content .pickup-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
  }
  .pickup-sidebar-mb .pickup-content .pickup-item a:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .pickup-sidebar-mb .pickup-content .pickup-item .item-img img {
    width: 100%;
  }
  .pickup-sidebar-mb .pickup-content .pickup-item .item-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .pickup-sidebar-mb .pickup-content .pickup-item .item-bottom p {
    margin-bottom: 13px;
    font-size: 24px;
    line-height: 1.6;
    padding: 16px 25px 30px;
  }
}

@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .pickup-sidebar-mb .pickup-content .pickup-item .item-bottom .icon-arrow-right {
    height: 14px;
    right: 25px;
  }
  .pickup-sidebar-mb .pickup-content .pickup-item .item-bottom .icon-arrow-right:after {
    height: 24px;
    -webkit-transform: rotate(-45deg) translate(8px, 2px) perspective(9px);
    transform: rotate(-45deg) translate(8px, 2px) perspective(9px);
  }
}

@media screen and (max-width: 1023px) and (max-width: 767px) {
  .pickup-sidebar-mb .pickup-content .pickup-item .item-bottom .icon-arrow-right {
    height: 10px;
    right: 18px;
  }
  .pickup-sidebar-mb .pickup-content .pickup-item .item-bottom .icon-arrow-right:after {
    height: 17px;
    -webkit-transform: rotate(-45deg) translate(5px, 2px) perspective(9px);
    transform: rotate(-45deg) translate(5px, 2px) perspective(9px);
  }
}

@media screen and (max-width: 1023px) {
  .pickup-sidebar-mb .pickup-content .pickup-item .category {
    top: -75px;
    left: 35px;
    margin: 0;
    font-size: 24px;
    line-height: 1.4;
    padding: 3px 25px 3px 23px;
  }
}

@media screen and (max-width: 767px) {
  .pickup-sidebar-mb .pickup-content {
    width: 110%;
    margin-bottom: 60px;
    margin-left: -5%;
  }
  .pickup-sidebar-mb .pickup-content .slick-dots {
    bottom: -40px;
  }
  .pickup-sidebar-mb .pickup-content .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 5px;
  }
  .pickup-sidebar-mb .pickup-content .slick-dots li button {
    width: 10px;
    height: 10px;
    background: #fff;
  }
  .pickup-sidebar-mb .pickup-content .slick-dots li.slick-active button {
    background: #000;
  }
  .pickup-sidebar-mb .pickup-content .pickup-item .item-bottom p {
    margin-bottom: 13px;
    font-size: 16px;
    padding: 15px 15px 30px;
    position: relative;
  }
  .pickup-sidebar-mb .pickup-content .pickup-item .item-bottom p::after {
    content: '';
    background: #fff;
    width: 100%;
    height: 30px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .pickup-sidebar-mb .pickup-content .pickup-item .category {
    top: -40px;
    left: 15px;
    font-size: 13.2px;
    padding: 3px 16px 3px 16px;
  }
}

.tabs {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  height: 69px;
}
/*                                                           三角のマーカを削除  0405review  */
.tabs::before {
  content: '';
  position: absolute;
  bottom: -1px;
  right: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100vw;
  height: 1px;
  background-color: #ffffff;
}


.tabs::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100vw;
  height: 1px;
  background-color: #ffffff;
}

.tabs .tab-item {
  width: 150px;
  border-right: none; /* 1px solid #d5d5d5;                  削除 */
}

.tabs .tab-item:first-child {
  /* max-width: 89px;                                        均等配置にするため     */
  border-left: none;
}

.tabs .tab-item:last-child {
  border-right: none;
}

.tabs .tab-item.active, .tabs .tab-item.js-active {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  cursor: default;
  color: #202020; /*  #ffffff;                               白抜きから変更 */
}

.tabs .tab-item.active a, .tabs .tab-item.js-active a {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  cursor: default;
  color: #202020; /*  #ffffff !important;                     白抜きから変更 */
  letter-spacing: normal !important;                         /* 0.2em から変更し文字間を狭く                 */
}

.tabs .tab-item.active a::before, .tabs .tab-item.js-active a::before {
  height: 5px;  /* 100%;                          タブの全部塗りつぶしから下線部分だけを塗りつぶしに変更 */
}

.tabs .tab-item.active a::after, .tabs .tab-item.js-active a::after {
  opacity: 1;
  top: 68%;
}

.tabs .tab-item.active a.all::before, .tabs .tab-item.js-active a.all::before {
/*  background-color: #bb0177;                                    文字のみに変更 */
color: #bb0177;
content: '';                                                   /* 最初に選択状態として下線部分を塗りつぶすため */
position: absolute;
bottom: 0;
top: auto;
left: 0;
width: 100%;
background-color: #bb0177;
transition: all .5s ease-in-out;
}

.tabs .tab-item.active a.news::before, .tabs .tab-item.js-active a.news::before {
/*  background-color: #744caf;                                     文字のみに変更 */
color: #744caf;
}

.tabs .tab-item.active a.catalog::before, .tabs .tab-item.js-active a.catalog::before {
/*  background-color: #136ad3;                                      文字のみに変更 */
color: #136ad3;
}

.tabs .tab-item.active a.beta-project::before, .tabs .tab-item.js-active a.beta-project::before {
/*  background-color: #609ab0;                                      文字のみに変更 */
color: #609ab0;
}

.tabs .tab-item.active a.event::before, .tabs .tab-item.js-active a.event::before {
/*  background-color: #00796b;                                      文字のみに変更 */
color: #00796b;
}

.tabs .tab-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 69px;
  text-decoration: none;
  color: #202020; /* #666666;                                      変更 */
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 550;                                                /*          太くする  */
  font-size: 20px;       /* 16px;                                    変更 */
  letter-spacing: Normal; /* 0.2em;                                  変更 */
  position: relative;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-font-smoothing: antialiased;
  text-align: center;
}

.tabs .tab-item a::before {                                         /* タブ部分のこのアイテムが塗りつぶされる */
  content: '';
  position: absolute;
  bottom: 0;
  top: auto;
  left: 0;
  width: 100%;
/*  height: 5px;                                                      非選択時は線なしに変更 */
  background-color: transparent;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  z-index: -1;
}

.tabs .tab-item a::after {
  content: '';
  position: absolute;
  top: 30%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
  width: 5px;
  height: 5px;
  border-left: none; /* 1px solid #666666;                               小さい三角削除 */
  border-bottom: none; /* 1px solid #666666;                             小さい三角削除 */
/*  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;                                       動作もなし */
}

.tabs .tab-item .all::before {
/*  background-color: #bb0177;               塗りつぶしから変更 */
color: #bb0177;
}

.tabs .tab-item .news::before {
/*  background-color: #744caf;               塗りつぶしから変更 */
color: #744caf;
}

.tabs .tab-item .catalog::before {
/*  background-color: #136ad3;               塗りつぶしから変更 */
color: #136ad3;
}

.tabs .tab-item .beta-project::before {
/*  background-color: #609ab0;               塗りつぶしから変更 */
color: #609ab0;
}

.tabs .tab-item .event::before {
/*  background-color: #00796b;               塗りつぶしから変更 */
color: #00796b;
}

@media screen and (max-width: 1023px) {
  .tabs {
    height: 99px;
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .tabs {
    height: auto;
    text-align: center;
  }
}

@media screen and (max-width: 1023px) {
  .tabs::before {
    bottom: initial;
    top: -1px;
    right: inherit;
    left: 50%;
  }
}

@media screen and (min-width: 1024px) {
  .tabs .tab-item:hover a {
    font-weight: 900;
    letter-spacing: 0.1em;   /*  0.38em;                                マウスホバー時の文字間隔を狭くする 0405review */
  }
  .tabs .tab-item:hover a.all {
    color: #bb0177;
  }
  .tabs .tab-item:hover a.news {
    color: #744caf;
  }
  .tabs .tab-item:hover a.catalog {
    color: #136ad3;
  }
  .tabs .tab-item:hover a.beta-project {
    color: #609ab0;
  }
  .tabs .tab-item:hover a.event {
    color: #00796b;
  }
}

@media screen and (max-width: 1023px) {
  .tabs .tab-item {
    width: auto;
    max-width: 170px;
  }
  .tabs .tab-item:last-child {
    max-width: none;
  }
  .tabs .tab-item.active a::after, .tabs .tab-item.js-active a::after {
    top: 80%;
  }
}

@media screen and (min-width: 1024px) {
  .tabs .tab-item:nth-child(6) {
    width: 180px;
  }
}

@media screen and (max-width: 767px) {
  .tabs .tab-item {
    width: 24%;
    min-width: 75px;
    max-width: 150px;
  }
  .tabs .tab-item:first-child {
    max-width: 50px;
    min-width: unset;
  }
}

@media screen and (max-width: 1023px) {
  .tabs .tab-item a {
    font-size: 22px;
    padding: 26px 20px 34px;
    text-align: center;
    height: 99px;
    line-height: 1.15;
  }
  .tabs .tab-item a::before {
    height: 10px;
  }
  .tabs .tab-item a::after {
    width: 7px;
    height: 7px;
    top: 70%;
    left: 47%;
  }
}

@media screen and (max-width: 767px) {
  .tabs .tab-item a {
    font-size: 12px;
    letter-spacing: 0.05em;
    text-align: center;
    height: 40px;
    line-height: 1.2;
  }
  .tabs .tab-item a::before {
    height: 10px;
    background-color: #bb0177;                       /* SP モード時に All の下線が消える対策として追加  2024-04-25  */
  }
}

.navigation {
  border-bottom: solid 1px #b3b3b3;
  border-top: solid 1px #b3b3b3;
}

.navigation .container {
  border-left: solid 1px #b3b3b3;
}

.navigation .container .navigation_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.navigation .container .navigation_inner .about {
  width: 19.14%;
  padding-left: 17px;
}

.navigation .container .navigation_inner .about h2 {
  font-size: 30px;
  letter-spacing: 0.4rem;
  position: relative;
  font-weight: 300;
  color: #1b1c17;
}

.navigation .container .navigation_inner .about h2:after {
  background: url(../img/arrow01_gray.png) no-repeat;
  content: "";
  position: absolute;
  top: 15px;
  right: 21px;
  width: 17px;
  height: 7px;
}

.navigation .container .navigation_inner .article_tab {
  width: 80.86%;
  height: 70px;
  font-size: 12px;
}

.social .container {
  border-left: solid 1px #b3b3b3;
  border-right: solid 1px #b3b3b3;
  padding: 39px 0 45px;
}

.social ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.social ul li {
  margin-right: 37px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  background-size: cover;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.social ul li:last-child {
  margin-right: 0;
}

.social ul li:after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  -ms-background-size: cover;
  background-size: cover;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.social ul li:hover:after {
  opacity: .8;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.social ul li a {
  width: 51px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  z-index: 1;
}

.social ul li.facebook:after {
  background: url("../img/bg_fb.png") no-repeat center center;
}

.social ul li.twitter:after {
  background: url("../img/bg_twitter.png") no-repeat center center;
}

.contact {
  background: #939393; /* b0b0b0;  url("../img/bg_contact.png") repeat;    元の灰色を薄めに 0405review もっと濃く 2024-04-25 */
  color: #fff;
  text-align: center;
  font-size: 14px;
}

.contact .container {
/* border-left: solid 1px #ffffff;
  border-right: solid 1px #ffffff;                              ここの罫線不要 */
  padding: 40px 0 67px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.contact h2 {
  font-size: 36px;
  margin-bottom: 0;
  font-family: 'Noto Sans Mono', sans-serif;
  letter-spacing: 0.1rem;
}

.contact p {
  font-family: 'Noto Sans Mono', sans-serif;
  font-size: 20px;
  margin-bottom: 36px;
  letter-spacing: 0.1rem;
}

@media screen and (max-width: 1023px) {
  .contact .container {
    padding: 26px 30px 44px;
  }
}

@media screen and (max-width: 767px) {
  .contact .container {
    padding: 15px 15px 20px;
  }
}

@media screen and (max-width: 1023px) {
  .contact h2 {
    font-size: 42px;
  }
}

@media screen and (max-width: 767px) {
  .contact h2 {
    font-size: 22px;
  }
}

@media screen and (max-width: 1023px) {
  .contact p {
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 30px;
  }
  .contact p span {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .contact p {
    font-size: 16px;
    margin-bottom: 15px;
  }
}

.contact_btn {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 370px;
  height: 100px;
  font-family: 'Noto Sans Mono', sans-serif;
  font-size: 20px;
}

.contact_btn:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}

.contact_btn:hover .icon-arrow-right {
  -webkit-transition: all cubic-bezier(0.2, 0.6, 0.4, 1) 0.8s;
  transition: all cubic-bezier(0.2, 0.6, 0.4, 1) 0.8s;
  -webkit-transform: translateX(10px) rotate(135deg) perspective(1px);
  transform: translateX(10px) rotate(135deg) perspective(1px);
}

.contact_btn .icon-arrow-right {
  -webkit-transform: rotate(135deg) perspective(1px);
  transform: rotate(135deg) perspective(1px);
  display: block;
  margin: 0;
  width: 14px;
  height: 10px;
  border-left: 1px solid #707070;
  position: absolute;
  top: 50%;
  right: 22px;
}

.contact_btn .icon-arrow-right:after {
  content: "";
  display: block;
  width: 1px;
  height: 17px;
  background-color: #707070;
  -webkit-transform: rotate(-45deg) translate(5px, 2px) perspective(9px);
  transform: rotate(-45deg) translate(5px, 2px) perspective(9px);
  left: 0;
  top: 0;
}

.contact_btn a {
  padding: 33px 73px 37px 24px;
  display: inline-block;
}

.contact_btn a img {
  width: 100%;
  max-width: 275px;
}

@media screen and (max-width: 1023px) {
  .contact_btn {
    width: 100%;
  }
  .contact_btn img {
    width: 100%;
    max-width: 100%;
    vertical-align: middle;
  }
}

@media screen and (max-width: 767px) {
  .contact_btn {
    height: 70px;
  }
}

@media screen and (max-width: 1023px) {
  .contact_btn .icon-arrow-right {
    height: 14px;
    right: 52px;
  }
  .contact_btn .icon-arrow-right:after {
    height: 24px;
    -webkit-transform: rotate(-45deg) translate(8px, 2px) perspective(9px);
    transform: rotate(-45deg) translate(8px, 2px) perspective(9px);
  }
}

@media screen and (max-width: 767px) {
  .contact_btn .icon-arrow-right {
    height: 10px;
    right: 25px;
  }
  .contact_btn .icon-arrow-right:after {
    height: 20px;
    -webkit-transform: rotate(-45deg) translate(6px, 2px) perspective(9px);
    transform: rotate(-45deg) translate(6px, 2px) perspective(9px);
  }
}

@media screen and (max-width: 1023px) {
  .contact_btn a {
    padding: 0;
  }
  .contact_btn a img {
    max-width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .contact_btn a {
    padding: 0 50px 0 20px;
  }
  .contact_btn a img {
    max-width: 100%;
    width: 381px;
  }
}

.banner {
  background: url("../img/bg_contact.png") repeat;
  border-top: solid 1px #ffffff;
  border-bottom: solid 1px #ffffff;
}

.banner .container {
  border-left: solid 1px #ffffff;
  border-right: solid 1px #ffffff;
}

.banner_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.banner_inner a {
  color: #fff;
  text-decoration: none;
  width: 25%;
  position: relative;
  font-family: 'Noto Sans Mono', sans-serif;
  font-size: 20px;
  overflow: hidden;
  border-right: 1px solid #3d3d3d;
}

.banner_inner a:last-child {
  border: none;
}

@media screen and (max-width: 1023px) {
  .banner_inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 1023px) {
  .banner_inner a {
    width: 50%;
    border: none;
  }
  .banner_inner a:nth-child(1) {
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
  }
  .banner_inner a:nth-child(2) {
    border-bottom: 1px solid #ffffff;
  }
  .banner_inner a:nth-child(3) {
    border-right: 1px solid #ffffff;
  }
}

.banner_item {
  width: 100%;
  height: 140px;
}

.banner_item p {
  z-index: 1;
  position: absolute;
  bottom: 8px;
  left: 10px;
}

.banner_item:hover:after {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.banner_item:hover:before {
  right: 5px;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: all cubic-bezier(0.2, 0.6, 0.4, 1) 0.8s;
  transition: all cubic-bezier(0.2, 0.6, 0.4, 1) 0.8s;
}

.banner_item:before {
  background: url("../img/arrow01.png") no-repeat;
  content: "";
  position: absolute;
  right: 15px;
  bottom: 10px;
  width: 17px;
  height: 17px;
  background-size: 100%;
  background-position: center;
  -webkit-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
  z-index: 1;
}

.banner_item.item01:after {
  background: url("../img/img15.jpg") no-repeat center center;
}

.banner_item.item02:after {
  background: url("../img/img16.jpg") no-repeat center center;
}

.banner_item.item03:after {
  background: url("../img/img17.jpg") no-repeat center center;
}

.banner_item.item04:after {
  background: url("../img/img18.jpg") no-repeat center center;
}

.banner_item:after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  -ms-background-size: cover;
  background-size: cover;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

@media screen and (max-width: 1023px) {
  .banner_item {
    height: 8.125rem;
  }
}

@media screen and (max-width: 767px) {
  .banner_item {
    height: 4.0625rem;
  }
}

@media screen and (max-width: 1023px) {
  .banner_item p {
    font-size: 1.375rem;
  }
}

@media screen and (max-width: 767px) {
  .banner_item p {
    font-size: 14px;
  }
}

@media screen and (max-width: 1023px) {
  .banner_item:before {
    width: 25px;
    height: 25px;
    background-size: 100%;
    background-position: center;
    right: 40px;
  }
}

@media screen and (max-width: 767px) {
  .banner_item:before {
    width: 17px;
    height: 17px;
    right: 20px;
  }
}

@media screen and (max-width: 1023px) {
  .banner_item.item01:after {
    background: url("../img/img15_sp.jpg") no-repeat center center;
    background-size: cover;
  }
}

@media screen and (max-width: 1023px) {
  .banner_item.item02:after {
    background: url("../img/img16_sp.jpg") no-repeat center center;
    background-size: cover;
  }
}

@media screen and (max-width: 1023px) {
  .banner_item.item03:after {
    background: url("../img/img17_sp.jpg") no-repeat center center;
    background-size: cover;
  }
}

@media screen and (max-width: 1023px) {
  .banner_item.item04:after {
    background: url("../img/img18_sp.jpg") no-repeat center center;
    background-size: cover;
  }
}

.st-GlobalFooter_PageTop {
  z-index: 2;
}

.st-GlobalFooter_main {
  background: #5f5f5f;
}

.st-GlobalFooter_main .st-GlobalFooter_Menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.st-GlobalFooter_main .st-GlobalFooter_Menu .st-GlobalFooter_MenuItem {
  position: relative;
  width: 11%;
}

.st-GlobalFooter_main .st-GlobalFooter_Menu .st-GlobalFooter_MenuItem:after {
  content: "";
  background: #fff;
  width: 1px;
  height: 1rem;
  position: absolute;
  left: 0;
  top: 45%;
}

.st-GlobalFooter_main .st-GlobalFooter_Menu .st-GlobalFooter_MenuItem:first-child a {
  padding-left: 0;
  text-align: left;
}

.st-GlobalFooter_main .st-GlobalFooter_Menu .st-GlobalFooter_MenuItem:nth-child(2) {
  cursor: pointer;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  font-weight: 100;
}

.st-GlobalFooter_main .st-GlobalFooter_Menu .st-GlobalFooter_MenuItem:nth-child(2):hover {
  text-decoration: underline;
}

.st-GlobalFooter_main .st-GlobalFooter_Menu .st-GlobalFooter_MenuItem > a {
  padding: 25px 0;
  display: block;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  font-weight: 100;
  text-align: center;
}

.st-GlobalFooter_main .st-GlobalFooter_Menu .st-GlobalFooter_MenuItem > a:hover {
  color: #fff;
}

.st-GlobalFooter_main .st-GlobalFooter_mainArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
  width: 100%;
}

.st-GlobalFooter_main .st-GlobalFooter_MenuItem {
  color: #fff;
}

.st-GlobalFooter_main .st-GlobalFooter_MenuItem.open {
  background: #313131;
}

.st-GlobalFooter_main a {
  color: #fff;
}

@media screen and (min-width: 1024px) {
  .st-GlobalFooter_main .st-GlobalFooter_Menu .st-GlobalFooter_MenuItem:first-child {
    width: 82px;
  }
  .st-GlobalFooter_main .st-GlobalFooter_Menu .st-GlobalFooter_MenuItem:nth-child(2) {
    width: 170px;
    text-align: center;
  }
}

@media screen and (max-width: 1023px) {
  .st-GlobalFooter_main .st-GlobalFooter_Menu {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 44px 20px 26px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media screen and (max-width: 767px) {
  .st-GlobalFooter_main .st-GlobalFooter_Menu {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 22px 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media screen and (max-width: 1023px) {
  .st-GlobalFooter_main .st-GlobalFooter_Menu .st-GlobalFooter_MenuItem {
    width: 46%;
    margin-bottom: 40px;
    padding: 15px 10px 15px 10px;
  }
}

@media screen and (max-width: 767px) {
  .st-GlobalFooter_main .st-GlobalFooter_Menu .st-GlobalFooter_MenuItem {
    margin-bottom: 20px;
    padding: 10px;
  }
}

@media screen and (max-width: 1023px) {
  .st-GlobalFooter_main .st-GlobalFooter_Menu .st-GlobalFooter_MenuItem:after {
    width: calc(100% - 20px);
    height: 1px;
    bottom: 0px;
    left: 10px;
    top: auto;
  }
}

@media screen and (min-width: 1024px) {
  .st-GlobalFooter_main .st-GlobalFooter_Menu .st-GlobalFooter_MenuItem:first-child:after {
    display: none;
  }
}

@media (min-width: 1024px) {
  .st-GlobalFooter_main .st-GlobalFooter_Menu .st-GlobalFooter_MenuItem:nth-child(2) {
    padding: 25px 30px;
  }
}

@media screen and (max-width: 1023px) {
  .st-GlobalFooter_main .st-GlobalFooter_Menu .st-GlobalFooter_MenuItem:nth-child(2) {
    font-size: 1.5rem;
  }
  .st-GlobalFooter_main .st-GlobalFooter_Menu .st-GlobalFooter_MenuItem:nth-child(2):hover {
    text-decoration: none;
  }
}

@media screen and (max-width: 767px) {
  .st-GlobalFooter_main .st-GlobalFooter_Menu .st-GlobalFooter_MenuItem:nth-child(2) {
    font-size: 14px;
  }
}

@media screen and (max-width: 1023px) {
  .st-GlobalFooter_main .st-GlobalFooter_Menu .st-GlobalFooter_MenuItem > a {
    padding: 0 !important;
    font-size: 1.5rem;
    text-align: left;
  }
  .st-GlobalFooter_main .st-GlobalFooter_Menu .st-GlobalFooter_MenuItem > a:before {
    background: url("../img/arrow01.png") no-repeat;
    content: "";
    position: absolute;
    top: 40%;
    right: 0;
    width: 25px;
    height: 25px;
    background-size: 100%;
    background-position: center;
    right: 10px;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
  }
}

@media screen and (max-width: 767px) {
  .st-GlobalFooter_main .st-GlobalFooter_Menu .st-GlobalFooter_MenuItem > a {
    font-size: 14px;
  }
  .st-GlobalFooter_main .st-GlobalFooter_Menu .st-GlobalFooter_MenuItem > a:before {
    width: 17px;
    height: 17px;
  }
}

@media screen and (max-width: 1023px) {
  .st-GlobalFooter_main .st-GlobalFooter_mainArea {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 1023px) {
  .st-GlobalFooter_main .st-GlobalFooter_NavLink:hover {
    text-decoration: none;
  }
}

@media (max-width: 1023px) {
  .st-GlobalFooter_main .st-GlobalFooter_MenuItem.open::after {
    display: none;
  }
}

.st-GlobalFooter_social {
  display: block;
  position: fixed;
  top: 75%;                     /* 50% 位置よりもっと下に配置 */
  right: 0;
  z-index: 99;
  background-color: #fff;
  border-radius: 3px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.st-GlobalFooter_social li {
  padding: 5px 10px;
}

.st-GlobalFooter_social li a {
  display: inline-block;
}

.st-GlobalFooter_social li:nth-child(1) img {
  width: 22px;
}

.st-GlobalFooter_social li:nth-child(2) img {
  width: 22px;
}

.st-GlobalFooter_social li:nth-child(3) img {
  width: 25px;
}

.st-GlobalFooter_social li.last {
  padding-right: 0;
}

@media screen and (min-width: 1024px) {
  .st-GlobalFooter_social li a:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha(opacity=60)";
  }
}

@media screen and (max-width: 1023px) {
  .st-GlobalFooter_social {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
    width: 84px;
    background-color: #fff;
    border-radius: 5px;
  }
}

@media screen and (max-width: 767px) {
  .st-GlobalFooter_social {
    width: 44px;
  }
}

@media screen and (max-width: 1023px) {
  .st-GlobalFooter_social li {
    margin: 1.875rem 0;
    width: 100%;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 0 !important;
  }
  .st-GlobalFooter_social li:nth-child(1) img {
    width: 46px;
  }
  .st-GlobalFooter_social li:nth-child(2) img {
    width: 45px;
  }
  .st-GlobalFooter_social li:nth-child(3) img {
    width: 42px;
  }
  .st-GlobalFooter_social li:nth-child(4) img {
    width: 42px;
  }
}

@media screen and (max-width: 767px) {
  .st-GlobalFooter_social li {
    margin: 17px 0;
    border-radius: 2px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 0 !important;
  }
  .st-GlobalFooter_social li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .st-GlobalFooter_social li:nth-child(1) img {
    width: 23px;
  }
  .st-GlobalFooter_social li:nth-child(2) img {
    width: 22px;
  }
  .st-GlobalFooter_social li:nth-child(3) img {
    width: 21px;
  }
  .st-GlobalFooter_social li:nth-child(4) img {
    width: 21px;
  }
}

#opt-slide {
  position: relative;
}

#toggle {
  color: #FFF;
  z-index: 4;
  position: relative;
  display: block;
}

#dropdown {
  display: block;
  visibility: hidden;
  position: absolute;
  left: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  max-height: 0;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.6);
  padding: 0 16px 7px;
  width: 100%;
}

#dropdown.open {
  max-height: 700px;
  visibility: visible;
  bottom: 100%;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
  z-index: 1;
}

#dropdown li {
  padding: 10px 32px 10px 0;
  height: auto;
  min-height: 42px;
  line-height: 1.4;
  position: relative;
  text-align: left;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
}

#dropdown li:last-child:after {
  display: none;
}

#dropdown li:after {
  background: #b2b2b2;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0px;
  left: 0;
  content: "";
}

#dropdown li:before {
  background: url(../img/arrow01.png) no-repeat;
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 17px;
  height: 17px;
  background-size: 100%;
  background-position: center;
  right: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#dropdown li a {
  text-decoration: none;
  display: block;
}

#dropdown li:hover a {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}

#dropdown li:hover:before {
  -webkit-transition: all cubic-bezier(0.2, 0.6, 0.4, 1) 0.8s;
  transition: all cubic-bezier(0.2, 0.6, 0.4, 1) 0.8s;
  right: -2px;
}

@media screen and (max-width: 1023px) {
  #dropdown {
    background: rgba(0, 0, 0, 0.9);
  }
}

@media screen and (max-width: 767px) {
  #dropdown {
    padding: 0 10px 5px;
  }
}

@media screen and (max-width: 767px) {
  #dropdown.open {
    bottom: auto;
    top: 100%;
  }
}

@media screen and (max-width: 1023px) {
  #dropdown li {
    font-size: 1.375rem;
    height: auto;
  }
  #dropdown li a {
    padding: 10px 0 10px 1.875rem;
    display: block;
  }
}

@media screen and (max-width: 767px) {
  #dropdown li {
    font-size: 12px;
    padding: 0 22px 0 0;
  }
  #dropdown li a {
    padding: 10px;
    line-height: 20px;
  }
}

@media screen and (max-width: 1023px) {
  #dropdown li:before {
    width: 25px;
    height: 25px;
    right: 0;
  }
}

@media screen and (max-width: 767px) {
  #dropdown li:before {
    width: 17px;
    height: 17px;
    right: 0;
  }
}

.dropdown-ico {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
}

.dropdown-ico:before, .dropdown-ico:after {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  content: ' ';
  position: absolute;
  width: 1px;
  height: 5px;
  background: #fff;
  border-radius: 50px;
  top: 10px;
}

.dropdown-ico:before {
  left: 9px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.dropdown-ico:after {
  left: 12px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.dropdown-ico.open:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.dropdown-ico.open:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media screen and (max-width: 1023px) {
  .dropdown-ico {
    position: initial;
  }
}

@media screen and (max-width: 1023px) {
  .dropdown-ico:before, .dropdown-ico:after {
    height: 15px;
    top: 15px;
  }
}

@media screen and (max-width: 767px) {
  .dropdown-ico:before, .dropdown-ico:after {
    height: 7px;
    top: 8px;
  }
}

@media screen and (max-width: 1023px) {
  .dropdown-ico:before {
    left: inherit;
    right: 6px;
  }
}

@media screen and (max-width: 767px) {
  .dropdown-ico:before {
    left: inherit;
    right: 3px;
  }
}

@media screen and (max-width: 1023px) {
  .dropdown-ico:after {
    left: inherit;
    right: 17px;
  }
}

@media screen and (max-width: 767px) {
  .dropdown-ico:after {
    left: inherit;
    right: 8px;
  }
}

.menu-navbar {
  max-width: 1200px; /* width: 100%;                                          メニューの幅を絶対値指定 2024-04-19 */
  position: relative;
  margin: 0 auto;                                                       /*    位置指定  2024-04-19          */
/*  background-color: #a0a0a0;                                                塗りつぶしなし 2024-04-19      */
}

.menu-navbar.active {
  background-color: #656565;

}

.menu-navbar.active .nav-inner .nav-link {
  background-color: #7c7c7c;
}

.menu-navbar .menu-nav {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  border-bottom: 1px solid #b3b3b3;                                 /* 下線は引いておく  2024-04-19 */
}

.menu-navbar .nav-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 59px;
}

/*                                                                        リストにもスタイルをつけて均等配置にする  2024-04-19 */
.nav-inner li {
  display: flex;
  width: 141px;                                                        /* スクロールボタンをなくしたことでセル幅を調整 2024-04-24 */
  justify-content: center; /* 水平方向の中央揃え */
  align-items: center; /* 垂直方向の中央揃え */
  margin: 0;
  padding: 0;
}

.menu-navbar .nav-inner .nav-link {
/*  position: relative;                                                    2024-04-19 */
  justify-content: center;                                             /*  2024-04-19 */
  align-items: center;                                                 /*  2024-04-19 */
  font-family: 'Noto Sans Mono', sans-serif;
  font-size: 20px;                                                     /*  文字大きく 2024-04-19 */
  line-height: 1.4;
  font-weight: 900; /* normal;                                             文字強調  2024-04-19 */
  text-align: center;
  text-decoration: none;
  letter-spacing: normal; /* 2.2px;                                        文字間狭く 2024-04-19 */
  color: black; /* #ffffff;                                              文字色は黒に 2024-04-19 */
  /* padding: 5px 35px;                                                    数値が大きすぎるためトル */
  /* background-color: #b2b2b2;                                            塗りつぶしなし 2024-04-19 */
  /* border-right: 1px solid #ffffff;                                      縦罫線なし  2024-04-19 */
  height: 100%;
  white-space: nowrap;                                                 /*  Beta Project が改行されないようにする */
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
/*   -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;                                             上の指定済みのためトル  */
}

.menu-navbar .nav-inner .nav-link:hover {
  /* background: #1b1b1b;                                                  塗りつぶしはなし 2024-04-19 */
}

.menu-navbar .nav-inner .nav-link.active:hover {
                                                                        /*  なにか追加 */
  /* background: #1b1b1b;                                                  塗りつぶしはなし 2024-04-19 */
}

/*                                                                         小さいアンダーラインマーカはなしに 2024-04-19
.menu-navbar .nav-inner .nav-link.active::before {
  content: '';
  position: absolute;
  width: 10px;
  height: 1px;
  bottom: 8px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #ffffff;
}
*/

.menu-navbar .nav-inner .nav-link[data-menu="top"]:hover, .menu-navbar .nav-inner .nav-link[data-menu="top"].active {
  border-bottom: 5px solid black;                                                     /* top も hover 追加 プラス アクティブ時の塗りつぶし範囲を 5px のみに 2024-04-19 */
  color: black;
}

.menu-navbar .nav-inner .nav-link[data-menu="about"]:hover, .menu-navbar .nav-inner .nav-link[data-menu="about"].active {
  border-bottom: 5px solid #bb0177;                                                     /* アクティブ時の塗りつぶし範囲を 5px のみに 2024-04-19 */
  color: #bb0177;
  /* background: #bb0177; */
}

.menu-navbar .nav-inner .nav-link[data-menu="news"]:hover, .menu-navbar .nav-inner .nav-link[data-menu="news"].active {
  border-bottom: 5px solid #744caf;                                                     /* アクティブ時の塗りつぶし範囲を 5px のみに 2024-04-19 */
  color: #744caf;
  /* background: #744caf; */
}

.menu-navbar .nav-inner .nav-link[data-menu="catalog"]:hover, .menu-navbar .nav-inner .nav-link[data-menu="catalog"].active {
  border-bottom: 5px solid #136ad3;                                                     /* アクティブ時の塗りつぶし範囲を 5px のみに 2024-04-19 */
  color: #136ad3;
  /* background: #136ad3; */
}

.menu-navbar .nav-inner .nav-link[data-menu="beta-project"]:hover, .menu-navbar .nav-inner .nav-link[data-menu="beta-project"].active {
  border-bottom: 5px solid #609ab0;                                                     /* アクティブ時の塗りつぶし範囲を 5px のみに 2024-04-19 */
  color: #609ab0;
  /*background: #609ab0; */
}

.menu-navbar .nav-inner .nav-link[data-menu="event"]:hover, .menu-navbar .nav-inner .nav-link[data-menu="event"].active {
  border-bottom: 5px solid #00796b;                                                     /* アクティブ時の塗りつぶし範囲を 5px のみに 2024-04-19 */
  color: #00796b;
  /* background: #00796b; */
}

.menu-navbar .nav-inner .nav-link[data-menu="journal"]:hover, .menu-navbar .nav-inner .nav-link[data-menu="journal"].active {
  border-bottom: 5px solid #cc7941;                                                     /* アクティブ時の塗りつぶし範囲を 5px のみに 2024-04-19 */
  color: #cc7941;
  /* background: #cc7941; */
}

.menu-navbar .nav-inner .nav-link[data-menu="column"]:hover, .menu-navbar .nav-inner .nav-link[data-menu="column"].active {
  border-bottom: 5px solid #b9607e;                                                     /* アクティブ時の塗りつぶし範囲を 5px のみに 2024-04-19 */
  color: #b9607e;
  /* background: #b9607e; */
}

.menu-navbar .nav-inner .nav-link[data-menu="download"]:hover, .menu-navbar .nav-inner .nav-link[data-menu="download"].active {
  border-bottom: 5px solid #5a71ae;                                                     /* アクティブ時の塗りつぶし範囲を 5px のみに 2024-04-19 */
  color: #5a71ae;
  /* background: #5a71ae; */
}

.menu-navbar .nav-inner li:first-child .nav-link {
/*  border-left: 0;                                                                       縦罫線なしに 2024-04-19 */
}

.menu-navbar .nav-inner li:last-child .nav-link {
/*  border-right: 0;                                                                      縦罫線なしに 2024-04-19 */
}

.menu-navbar .menu-sub.active .nav-link {
  background-color: #474747;
  cursor: pointer;
}

.menu-navbar .menu-sub .menu-sub-wrap {
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
}

.menu-navbar .menu-sub .menu-sub-wrap.active {
  max-height: initial;
  border-top: 1px solid #ffffff;
  visibility: visible;
  opacity: 1;
  -webkit-transition: all cubic-bezier(0.2, 0.6, 0.4, 1) 0.6s;
  transition: all cubic-bezier(0.2, 0.6, 0.4, 1) 0.6s;
  z-index: 9;
}

.menu-navbar .menu-sub .menu-sub-wrap .container {
  padding: 30px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 280px;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.menu-navbar .menu-sub .menu-sub-wrap .menu-sub-title {
  color: #ffffff;
  padding-right: 30px;
  border-right: 1px solid #ffffff;
  text-decoration: none;
  width: 200px;
}

.menu-navbar .menu-sub .menu-sub-wrap .menu-sub-title a {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 32px;
  font-weight: 100;
  line-height: 1;
  letter-spacing: 9.6px;
  color: #ffffff;
  text-decoration: none;
  position: relative;
}

.menu-navbar .menu-sub .menu-sub-wrap .menu-sub-title a::before {
  content: '';
  position: absolute;
  right: -25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  background: url("../img/arrow01.png") no-repeat;
  background-size: contain;
  width: 17px;
  height: 6px;
}

.menu-navbar .menu-sub .menu-sub-wrap .menu-sub-title:hover a::before {
  -webkit-transform: translate(10px, -50%);
  transform: translate(10px, -50%);
  -webkit-transition: all cubic-bezier(0.2, 0.6, 0.4, 1) 0.8s;
  transition: all cubic-bezier(0.2, 0.6, 0.4, 1) 0.8s;
}

.menu-navbar .menu-sub .menu-sub-wrap .menu-sub-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(100% - 200px);
}

.menu-navbar .menu-sub .menu-sub-wrap .menu-sub-items li {
  position: relative;
  width: 29%;
  min-height: 48px;
  max-width: 240px;
  margin-left: 30px;
  margin-bottom: 15px;
  /* overflow: hidden; */
}

/* .menu-navbar .menu-sub .menu-sub-wrap .menu-sub-items li::before {
  content: '';
  display: block;
  padding-top: 85%;
} */
.menu-navbar .menu-sub .menu-sub-wrap .menu-sub-items li:nth-child(1)::before,
.menu-navbar .menu-sub .menu-sub-wrap .menu-sub-items li:nth-child(2)::before,
.menu-navbar .menu-sub .menu-sub-wrap .menu-sub-items li:nth-child(3)::before {
  content: '';
  display: block;
  padding-top: 85%;
}

.menu-navbar .menu-sub .menu-sub-wrap .menu-sub-items li img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1;
}

.menu-navbar .menu-sub .menu-sub-wrap .menu-sub-items li .nav-sub-linkimg, .menu-navbar .menu-sub .menu-sub-wrap .menu-sub-items li .nav-sub-link {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  font-family: 'Noto Sans Mono', sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: 1.2px;
  text-align: left;
  color: #ffffff;
  padding: 8px 32px 8px 8px;
  text-decoration: none;
  z-index: 2;
}

.menu-navbar .menu-sub .menu-sub-wrap .menu-sub-items li .nav-sub-linkimg::before, .menu-navbar .menu-sub .menu-sub-wrap .menu-sub-items li .nav-sub-link::before {
  content: '';
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  background: url("../img/arrow01.png") no-repeat;
  background-size: contain;
  width: 17px;
  height: 6px;
}

.menu-navbar .menu-sub .menu-sub-wrap .menu-sub-items li .nav-sub-linkimg:hover, .menu-navbar .menu-sub .menu-sub-wrap .menu-sub-items li .nav-sub-link:hover {
  font-weight: bold;
  letter-spacing: 0.5rem;
  -webkit-transition: all cubic-bezier(0.2, 0.6, 0.4, 1) 0.8s;
  transition: all cubic-bezier(0.2, 0.6, 0.4, 1) 0.8s;
}

.menu-navbar .menu-sub .menu-sub-wrap .menu-sub-items li .nav-sub-linkimg:hover::before {
  -webkit-transform: translate(10px, -50%);
  transform: translate(10px, -50%);
  -webkit-transition: all cubic-bezier(0.2, 0.6, 0.4, 1) 0.8s;
  transition: all cubic-bezier(0.2, 0.6, 0.4, 1) 0.8s;
}

.menu-navbar .menu-sub .menu-sub-wrap .menu-sub-items li .nav-sub-link {
  width: auto;
  background-color: transparent;
  padding-right: 40px;
}

.menu-navbar .menu-sub .menu-sub-wrap .menu-sub-items li .nav-sub-link:hover::before {
  -webkit-transform: translate(10px, -50%);
  transform: translate(10px, -50%);
  -webkit-transition: all cubic-bezier(0.2, 0.6, 0.4, 1) 0.8s;
  transition: all cubic-bezier(0.2, 0.6, 0.4, 1) 0.8s;
}

.menu-navbar .social_icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
}

.menu-navbar .social_icon li:not(:last-child) {
  margin-right: 30px;
}

.menu-navbar .social_icon li a {
  display: block;
  height: 20px;
}

.menu-navbar .social_icon li a:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}

.menu-navbar .social_icon li img {
  max-width: 100%;
  display: block;
}

@media screen and (max-width: 1023px) {
  .menu-navbar {
    display: none;
  }
}

@media screen and (max-width: 1023px) {
  .st-GlobalFooter .st-GlobalFooter_main .st-GlobalFooter_Menu .st-GlobalFooter_MenuItem > a {
    padding: 25px 20px;
  }
  .st-GlobalFooter .st-GlobalFooter_social li {
    padding-right: 10px;
  }
  .st-GlobalFooter .st-GlobalFooter_main .st-GlobalFooter_Menu .st-GlobalFooter_MenuItem:nth-child(2) {
    padding: 25px 40px;
  }
}

.article_card .article_card_img img {
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.article_card:hover .article_card_img img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

/*                                                                                                2024-06-28  NEW フラグのスタイル追加 */
.article_card .article_card_img .new-icon {
    position: absolute;
    top: 0;
    right: 0;
    background: red;
    color: white;
    margin: 0;
    padding: 5px;
    font-size: 20px;
}

@media screen and (max-width: 1023px) {
.article_card .article_card_img .new-icon {
    position: absolute;
    top: 0;
    right: 0;
    background: red;
    color: white;
    margin: 0px;
    padding: 5px;
    font-size: 12px;
    }
}



/* Customize Setting
----------------------------- */
.article_card_bottom .category.about, .pickup-content .pickup-item .category.about {
  background: red;
}

.tabs .tab-item.active a.about::before, .tabs .tab-item.js-active a.about::before, .tabs .tab-item .about::before {
  background: red;
}

/* detail.css */
.l_detail .mv .article_info .category.about {
  background: red;
}

@media screen and (min-width: 1024px) {
  .tabs .tab-item:hover a.about {
    color: red !important;
  }
}

.article_card_bottom .category.news, .pickup-content .pickup-item .category.news {
  background: #744caf;
}

.tabs .tab-item.active a.news::before, .tabs .tab-item.js-active a.news::before, .tabs .tab-item .news::before {
  background: #744caf;
}

/* detail.css */
.l_detail .mv .article_info .category.news {
  background: #744caf;
}

@media screen and (min-width: 1024px) {
  .tabs .tab-item:hover a.news {
    color: #744caf !important;
  }
}

.article_card_bottom .category.catalog, .pickup-content .pickup-item .category.catalog {
  background: #136ad3;
}

.tabs .tab-item.active a.catalog::before, .tabs .tab-item.js-active a.catalog::before, .tabs .tab-item .catalog::before {
  background: #136ad3;
}

/* detail.css */
.l_detail .mv .article_info .category.catalog {
  background: #136ad3;
}

@media screen and (min-width: 1024px) {
  .tabs .tab-item:hover a.catalog {
    color: #136ad3 !important;
  }
}

.article_card_bottom .category.beta-project, .pickup-content .pickup-item .category.beta-project {
  background: #609ab0;
}

.tabs .tab-item.active a.beta-project::before, .tabs .tab-item.js-active a.beta-project::before, .tabs .tab-item .beta-project::before {
  background: #609ab0;
}

/* detail.css */
.l_detail .mv .article_info .category.beta-project {
  background: #609ab0;
}

@media screen and (min-width: 1024px) {
  .tabs .tab-item:hover a.beta-project {
    color: #609ab0 !important;
  }
}

.article_card_bottom .category.beta-column,
.pickup-content .pickup-item .category.beta-column {
  background: #b9607e;
}

.tabs .tab-item.active a.beta-column::before,
.tabs .tab-item.js-active a.beta-column::before,
.tabs .tab-item .beta-column::before {
  background: #b9607e;
}

/* detail.css */
.l_detail .mv .article_info .category.beta-column {
  background: #b9607e;
}

@media screen and (min-width: 1024px) {
  .tabs .tab-item:hover a.beta-column {
    color: #b9607e !important;
  }
}

.article_card_bottom .category.beta-download,
.pickup-content .pickup-item .category.beta-download {
  background: #5a71ae;
}

.tabs .tab-item.active a.beta-download::before,
.tabs .tab-item.js-active a.beta-download::before,
.tabs .tab-item .beta-download::before {
  background: #5a71ae;
}

/* detail.css */
.l_detail .mv .article_info .category.beta-download {
  background: #5a71ae;
}

@media screen and (min-width: 1024px) {
  .tabs .tab-item:hover a.beta-download {
    color: #5a71ae !important;
  }
}

.article_card_bottom .category.event, .pickup-content .pickup-item .category.event {
  background: #00796b;
}

.tabs .tab-item.active a.event::before, .tabs .tab-item.js-active a.event::before, .tabs .tab-item .event::before {
  background: #00796b;
}

/* detail.css */
.l_detail .mv .article_info .category.event {
  background: #00796b;
}

@media screen and (min-width: 1024px) {
  .tabs .tab-item:hover a.event {
    color: #00796b !important;
  }
}

.article_card_bottom .category.journal, .pickup-content .pickup-item .category.journal {
  background: #cc7941;
}

.tabs .tab-item.active a.journal::before, .tabs .tab-item.js-active a.journal::before, .tabs .tab-item .journal::before {
  background: #cc7941;
}

/* detail.css */
.l_detail .mv .article_info .category.journal {
  background: #cc7941;
}

@media screen and (min-width: 1024px) {
  .tabs .tab-item:hover a.journal {
    color: #cc7941 !important;
  }
}

/* 使用されていないタグ */
/*.banner_item.item01:after {
  background: url("/rd-openinnovation/banner/img15.jpg") no-repeat center center;
}

.banner_item.item02:after {
  background: url("/rd-openinnovation/banner/img16.jpg") no-repeat center center;
}

.banner_item.item03:after {
  background: url("/rd-openinnovation/banner/img17.jpg") no-repeat center center;
}

.banner_item.item04:after {
  background: url("/rd-openinnovation/banner/img18.jpg") no-repeat center center;
}
*/
@media screen and (max-width: 1023px) {
  .banner_item.item01:after {
    background: url("/rd-openinnovation/common/img/img15_sp.jpg") no-repeat center center;
    background-size: cover;
  }
}

@media screen and (max-width: 1023px) {
  .banner_item.item02:after {
    background: url("/rd-openinnovation/common/img/img16_sp.jpg") no-repeat center center;
    background-size: cover;
  }
}

@media screen and (max-width: 1023px) {
  .banner_item.item03:after {
    background: url("/rd-openinnovation/common/img/img17_sp.jpg") no-repeat center center;
    background-size: cover;
  }
}

@media screen and (max-width: 1023px) {
  .banner_item.item04:after {
    background: url("/rd-openinnovation/common/img/img18_sp.jpg") no-repeat center center;
    background-size: cover;
  }
}

/* 2025-05-16 ヘッダーリニューアルに伴う追記 */
.local-PageTitle_Inner {
  align-items: center;
}

.local-PageTitle .logo-oia {
  position: static;
  transform: none;
  margin-block: 0.625rem;
  margin-left: 0.625rem;
  width: 123px;
  height: 27px;
}
@media (min-width: 1024px) {
  .local-PageTitle .logo-oia {
    margin: 0;
    width: 137px;
    height: 30.1px;
  }
}

.st-Header_Inner {
  position: relative;
  padding-right: 33%;
}

.st-Header_Inner .logo-oia {
  position: absolute;
  right: 15px;
  width: 28%;
  height: auto;
  max-width: 120px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (min-width: 1024px) {
  .st-Header_Inner {
    padding-right: 200px;
  }
}

@media (min-width: 1024px) {
  .st-Header_Inner .logo-oia {
    max-width: 185px;
  }
}

.gbu-page-title {
  padding: 37px 15px 36px;
  max-width: 1200px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.gbu-page-title .title-img {
  margin-bottom: -18px;
}

.gbu-page-title .gbu-page-title-text {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: -6px;
  letter-spacing: 2px;
}

@media screen and (min-width: 1024px) {
  .gbu-page-title {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}

@media screen and (max-width: 1023px) {
  .gbu-page-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .gbu-page-title .title-img {
    height: 11vw;
    min-height: 50px;
    max-height: 104px;
    width: auto;
  }
}

@media screen and (max-width: 767px) {
  .gbu-page-title {
    padding-bottom: 30px;
  }
}

@media screen and (min-width: 1024px) {
  .gbu-page-title .title-img {
    margin-right: 40px;
  }
}

@media screen and (max-width: 1023px) {
  .gbu-page-title .gbu-page-title-text {
    margin-top: 60px;
  }
}

@media screen and (max-width: 767px) {
  .gbu-page-title .gbu-page-title-text {
    margin-top: 30px;
    font-size: 13.2px;
  }
}

.pickup-sidebar-mb::before {
  content: '';
  position: absolute;
  top: 59px;
  height: 100%;
  width: 100%;
  border-left: 1px solid #b3b3b3;
  border-right: 1px solid #b3b3b3;
}

@media screen and (max-width: 768px) {
  .st-Title {
    font-size: 20px;
    padding-right: 15px;
  }
}

.st-GlobalSiteNav_List .st-GlobalSiteNav_Item:first-child .st-GlobalSiteNav_Link {
  background-color: #313131;
}

/*  update 2019-12-11 */
.menu-navbar .menu-sub .menu-sub-wrap .menu-sub-items li .nav-sub-linkimg,
.menu-navbar .menu-sub .menu-sub-wrap .menu-sub-items li .nav-sub-link {
  background-color: transparent;
  height: 100%;
  width: 100%;
}

.menu-navbar .menu-sub .menu-sub-wrap .menu-sub-items li .nav-sub-linkimg::before,
.menu-navbar .menu-sub .menu-sub-wrap .menu-sub-items li .nav-sub-link::before {
  top: 12px;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  z-index: 3;
}

.menu-navbar .menu-sub .menu-sub-wrap .menu-sub-items li .nav-sub-linkimg:hover::before {
  -webkit-transform: translate(7px, 0);
  transform: translate(7px, 0);
  -webkit-transition: all cubic-bezier(0.2, 0.6, 0.4, 1) 0.8s;
  transition: all cubic-bezier(0.2, 0.6, 0.4, 1) 0.8s;
}

.menu-navbar .menu-sub .menu-sub-wrap .menu-sub-items li .nav-sub-linkimg::after,
.menu-navbar .menu-sub .menu-sub-wrap .menu-sub-items li .nav-sub-link::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: -1;
}

.menu-navbar .menu-sub .menu-sub-wrap .menu-sub-items li .nav-sub-link:hover::before {
  -webkit-transform: translate(7px, 0);
  transform: translate(7px, 0);
  -webkit-transition: all cubic-bezier(0.2, 0.6, 0.4, 1) 0.8s;
  transition: all cubic-bezier(0.2, 0.6, 0.4, 1) 0.8s;
}
/* Customize Setting
----------------------------- */
/* detail.css */
.article_card_bottom .category.news,
.pickup-content .pickup-item .category.news,
.tabs .tab-item.active a.news::before, .tabs .tab-item.js-active a.news::before,
.tabs .tab-item .news::before {
  background: #744caf;
}

/* detail.css */
.l_detail .mv .article_info .category.news {
  background: #744caf;
}

@media screen and (min-width: 1024px) {
  .tabs .tab-item:hover a.news {
    color: #744caf !important;
  }
}

.article_card_bottom .category.catalog,
.pickup-content .pickup-item .category.catalog,
.tabs .tab-item.active a.catalog::before, .tabs .tab-item.js-active a.catalog::before,
.tabs .tab-item .catalog::before {
  background: #136ad3;
}

/* detail.css */
.l_detail .mv .article_info .category.catalog {
  background: #136ad3;
}

@media screen and (min-width: 1024px) {
  .tabs .tab-item:hover a.catalog {
    color: #136ad3 !important;
  }
}

.article_card_bottom .category.event,
.pickup-content .pickup-item .category.event,
.tabs .tab-item.active a.event::before, .tabs .tab-item.js-active a.event::before,
.tabs .tab-item .event::before {
  background: #00796b;
}

/* detail.css */
.l_detail .mv .article_info .category.event {
  background: #00796b;
}

@media screen and (min-width: 1024px) {
  .tabs .tab-item:hover a.event {
    color: #00796b !important;
  }
}

.article_card_bottom .category.journal,
.pickup-content .pickup-item .category.journal,
.tabs .tab-item.active a.journal::before, .tabs .tab-item.js-active a.journal::before,
.tabs .tab-item .journal::before {
  background: #cc7941;
}

/* detail.css */
.l_detail .mv .article_info .category.journal {
  background: #cc7941;
}

@media screen and (min-width: 1024px) {
  .tabs .tab-item:hover a.journal {
    color: #cc7941 !important;
  }
}

.article_card_bottom .category.beta-project,
.pickup-content .pickup-item .category.beta-project,
.tabs .tab-item.active a.beta-project::before, .tabs .tab-item.js-active a.beta-project::before,
.tabs .tab-item .beta-project::before {
  background: #609ab0;
}

/* detail.css */
.l_detail .mv .article_info .category.beta-project {
  background: #609ab0;
}

@media screen and (min-width: 1024px) {
  .tabs .tab-item:hover a.beta-project {
    color: #609ab0 !important;
  }
}

.banner_item.item01:after {
  background: url("/rd-openinnovation/banner/kc_tech_movie_1.jpg") no-repeat center center;
}

@media screen and (max-width: 1023px) {
  .banner_item.item01:after {
    background: url("/rd-openinnovation/img/kc_tech_movie.jpg") no-repeat center center;
    background-size: cover;
  }
}

.banner_item.item02:after {
  background: url("/rd-openinnovation/banner/technology_1.jpg") no-repeat center center;
}

@media screen and (max-width: 1023px) {
  .banner_item.item02:after {
    background: url("/rd-openinnovation/img/technology_1.jpg") no-repeat center center;
    background-size: cover;
  }
}

.banner_item.item03:after {
  background: url("/rd-openinnovation/banner/IP_1.jpg") no-repeat center center;
}

@media screen and (max-width: 1023px) {
  .banner_item.item03:after {
    background: url("/rd-openinnovation/img/IP_1.jpg") no-repeat center center;
    background-size: cover;
  }
}

.banner_item.item04:after {
  background: url("/rd-openinnovation/banner/facebook_1.jpg") no-repeat center center;
}

@media screen and (max-width: 1023px) {
  .banner_item.item04:after {
    background: url("/rd-openinnovation/img/facebook_1.jpg") no-repeat center center;
    background-size: cover;
  }
}

.owl-carousel .owl-stage-outer {
  height: 69px;
}

.menu-navbar .nav-inner .owl-stage-outer {
  height: 59px;
}

.owl-carousel .owl-stage {
  height: 100%;
  width: 1280px !important;
}

.owl-carousel.owl-drag .owl-item {
  width: 170px !important;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.owl-carousel.owl-drag .owl-item:first-child {
  width: 89px !important;
}

.owl-theme .owl-dots {
  display: none;
}

.owl-theme .owl-nav > button {
  position: absolute;
  top: 50%;
  width: 32px;
  height: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 !important;
  border-radius: 0 !important;
}

.owl-theme .owl-nav > button span {
  width: 9px;
  height: 17px;
  background: url(../img/icon_slide_left_black.png) center center no-repeat;
  background-size: 9px 17px;
  position: absolute;
  top: 50%;
  left: 50%;
  color: transparent;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.owl-theme .owl-nav > button.owl-prev {
  border-right: 1px solid #5f5f5f !important;
  left: 0;
}

.owl-theme .owl-nav > button.owl-prev.disable {
  background-color: #fff !important;
}

.owl-theme .owl-nav > button.owl-prev.disable span {
  background-image: url(../img/icon_slide_left_black.png);
}

.owl-theme .owl-nav > button.owl-prev:hover span {
  background-image: url(../img/icon_slide_left_white.png);
}

.owl-theme .owl-nav > button.owl-next {
  border-left: 1px solid #5f5f5f !important;
  right: 0;
}

.owl-theme .owl-nav > button.owl-next span {
  background-image: url(../img/icon_slide_right_black.png);
}

.owl-theme .owl-nav > button.owl-next.disable {
  background-color: #fff !important;
}

.owl-theme .owl-nav > button.owl-next.disable span {
  background-image: url(../img/icon_slide_right_black.png);
}

.owl-theme .owl-nav > button.owl-next:hover span {
  background-image: url(../img/icon_slide_right_white.png);
}

.owl-theme .owl-nav > button:hover {
  background-color: #5f5f5f !important;
  border-radius: 0 !important;
}

.inner-content {
  position: relative;
}

.tabs-wrap {
  overflow: hidden;
  overflow-x: scroll;
  /* border-bottom: 1px solid #b3b3b3;                                          記事タイルに上線を追加のため、このタブの下線を削除  4-16 */
}

@media screen and (max-width: 1023px) {
  .tabs-wrap {
    overflow-x: scroll;
    margin: 0;
  }
}

@media screen and (min-width: 1024px) {
  .tabs-wrap .btn-left {
    width: 32px;
    height: 70px;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    background: url(../img/icon_slide_left_black.png) center center no-repeat;
    background-color: #fff;
    background-size: 9px auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 2;
    display: none;
  }
  .tabs-wrap .btn-left:hover {
    background-color: #666666;
    background-image: url(../img/icon_slide_left_white.png);
  }
  .tabs-wrap .btn-right {
    width: 32px;
    height: 70px;
    border-left: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    background: url(../img/icon_slide_right_black.png) center center no-repeat;
    background-color: #fff;
    background-size: 9px auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 2;
    display: block;
  }
  .tabs-wrap .btn-right:hover {
    background-color: #666666;
    background-image: url(../img/icon_slide_right_white.png);
  }
}

@media screen and (max-width: 1023px) {
  .tabs {
    display: -webkit-box;
  }
}

@media screen and (max-width: 1023px) {
  .owl-carousel {
    padding: 0;
  }
}

.menu-navbar .menu-nav {
  max-width: 1170px;
  padding: 0 20px;
}

.menu-nav {
  position: relative;
  z-index: 1;
}

.nav-wrap {
  margin: 0 auto;
  max-width: 1130px;
  overflow: hidden;
  overflow-x: auto;
}

.nav-wrap .btn-left {
  width: 20px;
  height: 100%;
  background-color: #b2b2b2;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  background: url(../img/icon_slide_left_white.png) center center no-repeat;
  background-size: 7px auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 2;
  display: none !important;  /* none;                                  スクロールを禁止するために左右矢印ボタンを表示させない 2024-04-24 */
}

.nav-wrap .btn-left:hover {
  background-color: #666666;
}

.nav-wrap .btn-right {
  width: 20px;
  height: 100%;
  background-color: #b2b2b2;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  background: url(../img/icon_slide_right_white.png) center center no-repeat;
  background-size: 7px auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 2;
  display: none !important;  /* block;                                  スクロールを禁止するために左右矢印ボタンを表示させない 2024-04-24 */
}

.nav-wrap .btn-right:hover {
  background-color: #666666;
}

.menu-navbar .nav-inner {
  width: 1220px;
  height: 40px;
}

.nav-wrap::-webkit-scrollbar {
  width: 0;
  /* Remove scrollbar space */
  height: 0;
  background: transparent;
  /* Optional: just make scrollbar invisible */
}

/* Optional: show position indicator in red */
.nav-wrap::-webkit-scrollbar-thumb {
  background: transparent;
}

.nav-wrap {
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
}

.nav-wrap::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}

.tabs-wrap::-webkit-scrollbar {
  width: 0;
  /* Remove scrollbar space */
  height: 0;
  background: transparent;
  /* Optional: just make scrollbar invisible */
}

/* Optional: show position indicator in red */
.tabs-wrap::-webkit-scrollbar-thumb {
  background: transparent;
}

.tabs-wrap {
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
}

.tabs-wrap::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}

.menu-navbar .menu-sub .menu-sub-wrap.active:after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  width: 5000px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 3333;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
}

.l_detail {
  overflow: hidden;
}
/*# sourceMappingURL=index.css.map */

/* Customize Setting
----------------------------- */


.article_card_bottom .category.about,
.pickup-content .pickup-item .category.about,
.tabs .tab-item.active a.about::before, .tabs .tab-item.js-active a.about::before,
.tabs .tab-item .about::before {
  background: ;
}

/* detail.css */
.l_detail .mv .article_info .category.about {
    background: ;
}

@media screen and (min-width: 1024px) {
  .tabs .tab-item:hover a.about {
    color:  !important;
  }
}

.article_card_bottom .category.news,
.pickup-content .pickup-item .category.news,
.tabs .tab-item.active a.news::before, .tabs .tab-item.js-active a.news::before,
.tabs .tab-item .news::before {
  background: #744caf;
}

/* detail.css */
.l_detail .mv .article_info .category.news {
    background: #744caf;
}

@media screen and (min-width: 1024px) {
  .tabs .tab-item:hover a.news {
    color: #744caf !important;
  }
}

.article_card_bottom .category.catalog,
.pickup-content .pickup-item .category.catalog,
.tabs .tab-item.active a.catalog::before, .tabs .tab-item.js-active a.catalog::before,
.tabs .tab-item .catalog::before {
  background: #136ad3;
}

/* detail.css */
.l_detail .mv .article_info .category.catalog {
    background: #136ad3;
}

@media screen and (min-width: 1024px) {
  .tabs .tab-item:hover a.catalog {
    color: #136ad3 !important;
  }
}

.article_card_bottom .category.event,
.pickup-content .pickup-item .category.event,
.tabs .tab-item.active a.event::before, .tabs .tab-item.js-active a.event::before,
.tabs .tab-item .event::before {
  background: #00796b;
}

/* detail.css */
.l_detail .mv .article_info .category.event {
    background: #00796b;
}

@media screen and (min-width: 1024px) {
  .tabs .tab-item:hover a.event {
    color: #00796b !important;
  }
}

.article_card_bottom .category.journal,
.pickup-content .pickup-item .category.journal,
.tabs .tab-item.active a.journal::before, .tabs .tab-item.js-active a.journal::before,
.tabs .tab-item .journal::before {
  background: #cc7941;
}

/* detail.css */
.l_detail .mv .article_info .category.journal {
    background: #cc7941;
}

@media screen and (min-width: 1024px) {
  .tabs .tab-item:hover a.journal {
    color: #cc7941 !important;
  }
}

.article_card_bottom .category.column,
.pickup-content .pickup-item .category.column,
.tabs .tab-item.active a.column::before, .tabs .tab-item.js-active a.column::before,
.tabs .tab-item .column::before {
  background: #b9607e;
}

/* detail.css */
.l_detail .mv .article_info .category.column {
    background: #b9607e;
}

@media screen and (min-width: 1024px) {
  .tabs .tab-item:hover a.column {
    color: #b9607e !important;
  }
}

.article_card_bottom .category.beta-project,
.pickup-content .pickup-item .category.beta-project,
.tabs .tab-item.active a.beta-project::before, .tabs .tab-item.js-active a.beta-project::before,
.tabs .tab-item .beta-project::before {
  background: #609ab0;
}

/* detail.css */
.l_detail .mv .article_info .category.beta-project {
    background: #609ab0;
}

@media screen and (min-width: 1024px) {
  .tabs .tab-item:hover a.beta-project {
    color: #609ab0 !important;
  }
}

.article_card_bottom .category.download,
.pickup-content .pickup-item .category.download,
.tabs .tab-item.active a.download::before, .tabs .tab-item.js-active a.download::before,
.tabs .tab-item .download::before {
  background: #5a71ae;
}

/* detail.css */
.l_detail .mv .article_info .category.download {
    background: #5a71ae;
}

@media screen and (min-width: 1024px) {
  .tabs .tab-item:hover a.download {
    color: #5a71ae !important;
  }
}




.banner_item.item01:after {
  background: url("/rd-openinnovation/banner/1c541922992497c7fdfc7a0ba0e8afa4.jpg") no-repeat center center;
}

@media screen and (max-width: 1023px) {
  .banner_item.item01:after {
    background: url("/rd-openinnovation/banner/1c541922992497c7fdfc7a0ba0e8afa4.jpg") no-repeat center center;
    background-size: cover;
  }
}


.banner_item.item02:after {
  background: url("/rd-openinnovation/banner/9f94672561a8f82d47423a2bee8dbc88.jpg") no-repeat center center;
}

@media screen and (max-width: 1023px) {
  .banner_item.item02:after {
    background: url("/rd-openinnovation/banner/9f94672561a8f82d47423a2bee8dbc88.jpg") no-repeat center center;
    background-size: cover;
  }
}


.banner_item.item03:after {
  background: url("/rd-openinnovation/banner/IP_2.jpg") no-repeat center center;
}

@media screen and (max-width: 1023px) {
  .banner_item.item03:after {
    background: url("/rd-openinnovation/img/IP_1.jpg") no-repeat center center;
    background-size: cover;
  }
}


.banner_item.item04:after {
  background: url("/rd-openinnovation/banner/SNS_account_1.png") no-repeat center center;
}

@media screen and (max-width: 1023px) {
  .banner_item.item04:after {
    background: url("/rd-openinnovation/img/SNS_account.jpg") no-repeat center center;
    background-size: cover;
  }
}