.bg-drape {
  background-image: url(/ja/corporate_blog/images/bg_wrapper.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
}
.bg-drape .cmn-pt {
  background: none;
}

.blogIndex {
  margin-bottom: clamp(0px, 5.5555555556vw, 80px);
  --ptMargin: 0 0 clamp(0px, 1.3888888889vw, 20px) 0;
}
@media (max-width: 767px) {
  .blogIndex {
    --ptMargin: 0 0 2.5641025641vw 0;
  }
}
.blogIndex .cmn-crumb {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .blogIndex .cmn-crumb {
    margin-bottom: 10.2564102564vw;
  }
}
.blogIndex__inner {
  max-width: clamp(0px, 83.3333333333vw, 1200px);
  margin-inline: auto;
}
@media (max-width: 767px) {
  .blogIndex__inner {
    padding: 0 5.1282051282vw;
    max-width: initial;
  }
}
.blogIndex__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: clamp(0px, 3.4722222222vw, 50px) clamp(0px, 3.125vw, 45px);
}
@media (max-width: 767px) {
  .blogIndex__list {
    gap: 5.1282051282vw;
  }
}
.blogIndex__list li {
  width: clamp(0px, 25.6944444444vw, 370px);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media (max-width: 767px) {
  .blogIndex__list li {
    width: 100%;
  }
}
.blogIndex__list li:nth-child(n+10) {
  display: none;
  opacity: 0;
}
.blogIndex__card {
  position: relative;
  display: block;
  background: #fff;
  height: 100%;
  border-radius: 5px;
  border: 1px solid #e0e0e0;
}
.blogIndex__card__thumb {
  position: relative;
  width: 100%;
  aspect-ratio: 370/205;
  overflow: clip;
  background: #d9d9d9;
  border-radius: 5px 5px 0 0;
}
.blogIndex__card__thumb img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.blogIndex__card__text {
  padding: clamp(0px, 1.3888888889vw, 20px) clamp(0px, 1.3888888889vw, 20px) clamp(0px, 4.8611111111vw, 70px);
}
@media (max-width: 767px) {
  .blogIndex__card__text {
    padding: 3.8461538462vw 5.1282051282vw 12.8205128205vw;
  }
}
.blogIndex__card__date {
  color: #989898;
  font-weight: 500;
  font-size: clamp(0px, 0.8333333333vw, 12px);
}
@media (max-width: 767px) {
  .blogIndex__card__date {
    font-size: 2.5641025641vw;
  }
}
.blogIndex__card__title {
  margin-top: clamp(0px, 0.3472222222vw, 5px);
  line-height: 1.2;
  color: #323232;
  font-weight: 700;
  font-size: clamp(0px, 1.25vw, 18px);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media (max-width: 767px) {
  .blogIndex__card__title {
    font-size: 4.1025641026vw;
    margin-top: 1.2820512821vw;
  }
}
.blogIndex__card__body {
  margin-top: clamp(0px, 0.6944444444vw, 10px);
  line-height: 1.6;
  color: #323232;
  font-size: clamp(0px, 0.9722222222vw, 14px);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media (max-width: 767px) {
  .blogIndex__card__body {
    font-size: 3.0769230769vw;
    margin-top: 2.5641025641vw;
  }
}
.blogIndex__card__more {
  position: absolute;
  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: clamp(0px, 1.3888888889vw, 20px);
  right: clamp(0px, 1.3888888889vw, 20px);
  bottom: clamp(0px, 2.0833333333vw, 30px);
  font-size: clamp(0px, 0.8333333333vw, 12px);
  font-weight: 500;
  color: #00a0e9;
}
@media (max-width: 767px) {
  .blogIndex__card__more {
    right: 5.1282051282vw;
    bottom: 5.1282051282vw;
    padding-right: 5.1282051282vw;
    font-size: 3.0769230769vw;
  }
}
.blogIndex__card__more:after {
  content: "\e5c8";
  font-family: "Material Symbols Outlined";
  font-size: clamp(0px, 1.1111111111vw, 16px);
  font-weight: 400;
  color: currentColor;
  position: absolute;
  right: 0;
  top: -2px;
}
@media (max-width: 767px) {
  .blogIndex__card__more:after {
    top: -3px;
    font-size: 4.1025641026vw;
  }
}
.blogIndex__card:hover .blogIndex__card__title {
  color: #00a0e9;
}
.blogIndex__card:hover .blogIndex__card__more:after {
  -webkit-animation: alternate arrowMove 0.3s forwards;
  animation: alternate arrowMove 0.3s forwards;
}
.blogIndex__more {
  margin-top: clamp(0px, 5.5555555556vw, 80px);
  text-align: center;
  height: 50px;
}
@media (max-width: 767px) {
  .blogIndex__more {
    margin-top: 10.2564102564vw;
  }
}
.blogIndex__more button {
  position: relative;
  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: 230px;
  height: 100%;
  margin-inline: auto;
  padding: clamp(0px, 0.3472222222vw, 5px) clamp(0px, 0.6944444444vw, 10px);
  border-radius: 100px;
  background: #00a0e9;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: clamp(0px, 1.1111111111vw, 16px);
  font-weight: 700;
  color: #fff;
  cursor: pointer;
}
@media (max-width: 767px) {
  .blogIndex__more button {
    font-size: 3.5897435897vw;
  }
}
.blogIndex__more button::after {
  content: "\e5cf";
  font-family: "Material Symbols Outlined";
  font-size: clamp(0px, 1.1111111111vw, 16px);
  font-weight: 400;
  color: currentColor;
  position: absolute;
  right: clamp(0px, 1.3888888889vw, 20px);
}
@media (max-width: 767px) {
  .blogIndex__more button::after {
    font-size: 5.1282051282vw;
    right: 2.5641025641vw;
  }
}
.blogIndex__recruit {
  width: clamp(0px, 41.6666666667vw, 600px);
  margin: clamp(0px, 5.5555555556vw, 80px) auto 0;
}
@media (max-width: 767px) {
  .blogIndex__recruit {
    margin-top: 10.2564102564vw;
    width: 100%;
  }
}

.blogDetail {
  padding-bottom: clamp(0px, 5.5555555556vw, 80px);
}
@media (max-width: 767px) {
  .blogDetail {
    padding: 0 5.1282051282vw 20.5128205128vw;
    max-width: initial;
  }
}
.blogDetail__container {
  padding: clamp(0px, 3.4722222222vw, 50px) clamp(0px, 1.3888888889vw, 20px);
  max-width: clamp(0px, 83.3333333333vw, 1200px);
  margin-inline: auto;
  margin-bottom: clamp(0px, 5.5555555556vw, 80px);
  border-radius: 10px;
  background: #fff;
  border: 1px solid #e0e0e0;
}
@media (max-width: 767px) {
  .blogDetail__container {
    max-width: initial;
    padding: 7.6923076923vw 7.6923076923vw;
    margin-bottom: 20.5128205128vw;
  }
}
.blogDetail__inner {
  max-width: clamp(0px, 62.0833333333vw, 894px);
  margin-inline: auto;
}
@media (max-width: 767px) {
  .blogDetail__inner {
    max-width: 100%;
  }
}
.blogDetail__header__date {
  color: #686868;
  font-size: clamp(0px, 0.9722222222vw, 14px);
}
@media (max-width: 767px) {
  .blogDetail__header__date {
    font-size: 3.0769230769vw;
  }
}
.blogDetail__header__title {
  margin-top: clamp(0px, 0.6944444444vw, 10px);
  padding-left: clamp(0px, 1.1111111111vw, 16px);
  border-left: 3px solid #00a0e9;
  line-height: 1.6;
  font-size: clamp(0px, 1.8055555556vw, 26px);
  font-weight: 700;
}
@media (max-width: 767px) {
  .blogDetail__header__title {
    margin-top: 2.5641025641vw;
    padding-left: 2.5641025641vw;
    font-size: 4.6153846154vw;
  }
}
.blogDetail__content {
  margin-top: clamp(0px, 2.7777777778vw, 40px);
  /* layout */
  /* margin */
  /* text-align */
  /* font-weight */
}
@media (max-width: 767px) {
  .blogDetail__content {
    margin-top: 5.1282051282vw;
  }
}
.blogDetail__content h4 {
  font-size: clamp(0px, 1.5277777778vw, 22px);
  font-weight: 700;
  margin-bottom: clamp(0px, 1.1111111111vw, 16px);
}
@media (max-width: 767px) {
  .blogDetail__content h4 {
    font-size: 4.6153846154vw;
  }
}
.blogDetail__content p {
  margin-top: 1em;
  font-size: clamp(0px, 1.1111111111vw, 16px);
  line-height: 2.5;
}
@media (max-width: 767px) {
  .blogDetail__content p {
    line-height: 2.2;
    font-size: 3.5897435897vw;
  }
}
.blogDetail__content .red {
  color: #C80000;
}
.blogDetail__content .signiture {
  line-height: 1.6;
}
.blogDetail__content .signiture small {
  display: inline-block;
}
.blogDetail__content sup {
  font-size: 0.5em;
  vertical-align: top;
}
.blogDetail__content a {
  position: relative;
  display: inline-block;
  text-decoration: underline;
  color: #00a0e9;
}
.blogDetail__content a[target=_blank] {
  padding-right: 1.5em;
}
.blogDetail__content a[target=_blank]:after {
  content: "";
  position: absolute;
  right: 0;
  top: clamp(0px, 0.7638888889vw, 11px);
  width: clamp(0px, 1.0416666667vw, 15px);
  height: clamp(0px, 1.0416666667vw, 15px);
  background: url("/ja/corporate_blog/posts/images/icon_blank.svg") no-repeat center center;
  background-size: contain;
}
@media (max-width: 767px) {
  .blogDetail__content a[target=_blank]:after {
    top: 1.5384615385vw;
    width: 3.8461538462vw;
    height: 3.8461538462vw;
  }
}
.blogDetail__content ul {
  padding-left: 1.5em;
  list-style: disc;
}
.blogDetail__content ol {
  padding-left: 1.5em;
  list-style: decimal;
}
.blogDetail__content .caption {
  line-height: 1.6;
  text-align: center;
  font-size: clamp(0px, 1.1111111111vw, 16px);
  font-weight: 700;
}
@media (max-width: 767px) {
  .blogDetail__content .caption {
    line-height: 1.6;
    font-size: 3.5897435897vw;
  }
}
.blogDetail__content .youtube {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
}
.blogDetail__content .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.blogDetail__content .l-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.blogDetail__content .l-flex-space {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.blogDetail__content .l-col1 {
  width: 100%;
}
.blogDetail__content .l-col2 {
  width: 48.7695749441%;
}
@media (max-width: 767px) {
  .blogDetail__content .l-col2 {
    width: 100%;
  }
}
.blogDetail__content .l-col3 {
  width: 31.7673378076%;
}
@media (max-width: 767px) {
  .blogDetail__content .l-col3 {
    width: 100%;
  }
}
.blogDetail__content .l-col3-2 {
  width: 63.5346756152%;
}
@media (max-width: 767px) {
  .blogDetail__content .l-col3-2 {
    width: 100%;
  }
}
.blogDetail__content .l-col-txt {
  width: 64.4295302013%;
}
@media (max-width: 767px) {
  .blogDetail__content .l-col-txt {
    width: 100%;
  }
}
.blogDetail__content .l-col-img {
  width: 31.096196868%;
}
@media (max-width: 767px) {
  .blogDetail__content .l-col-img {
    width: 100%;
  }
}
.blogDetail__content .de-mt00 {
  margin-top: clamp(0px, 0vw, 0px);
}
@media (max-width: 767px) {
  .blogDetail__content .de-mt00 {
    margin-top: 0vw;
  }
}
.blogDetail__content .de-mt10 {
  margin-top: clamp(0px, 0.6944444444vw, 10px);
}
@media (max-width: 767px) {
  .blogDetail__content .de-mt10 {
    margin-top: 1.2820512821vw;
  }
}
.blogDetail__content .de-mt20 {
  margin-top: clamp(0px, 1.3888888889vw, 20px);
}
@media (max-width: 767px) {
  .blogDetail__content .de-mt20 {
    margin-top: 2.5641025641vw;
  }
}
.blogDetail__content .de-mt30 {
  margin-top: clamp(0px, 2.0833333333vw, 30px);
}
@media (max-width: 767px) {
  .blogDetail__content .de-mt30 {
    margin-top: 3.8461538462vw;
  }
}
.blogDetail__content .de-mt40 {
  margin-top: clamp(0px, 2.7777777778vw, 40px);
}
@media (max-width: 767px) {
  .blogDetail__content .de-mt40 {
    margin-top: 5.1282051282vw;
  }
}
.blogDetail__content .de-mt50 {
  margin-top: clamp(0px, 3.4722222222vw, 50px);
}
@media (max-width: 767px) {
  .blogDetail__content .de-mt50 {
    margin-top: 6.4102564103vw;
  }
}
.blogDetail__content .de-mt60 {
  margin-top: clamp(0px, 4.1666666667vw, 60px);
}
@media (max-width: 767px) {
  .blogDetail__content .de-mt60 {
    margin-top: 7.6923076923vw;
  }
}
.blogDetail__content .de-mt70 {
  margin-top: clamp(0px, 4.8611111111vw, 70px);
}
@media (max-width: 767px) {
  .blogDetail__content .de-mt70 {
    margin-top: 8.9743589744vw;
  }
}
.blogDetail__content .de-mt80 {
  margin-top: clamp(0px, 5.5555555556vw, 80px);
}
@media (max-width: 767px) {
  .blogDetail__content .de-mt80 {
    margin-top: 10.2564102564vw;
  }
}
.blogDetail__content .de-mt90 {
  margin-top: clamp(0px, 6.25vw, 90px);
}
@media (max-width: 767px) {
  .blogDetail__content .de-mt90 {
    margin-top: 11.5384615385vw;
  }
}
.blogDetail__content .de-mt100 {
  margin-top: clamp(0px, 6.9444444444vw, 100px);
}
@media (max-width: 767px) {
  .blogDetail__content .de-mt100 {
    margin-top: 12.8205128205vw;
  }
}
.blogDetail__content .de-text-left {
  text-align: left;
}
.blogDetail__content .de-text-center {
  text-align: center;
}
.blogDetail__content .de-text-right {
  text-align: right;
}
.blogDetail__content .de-bold {
  font-weight: 700;
}
.blogDetail__back {
  max-width: 290px;
  height: 50px;
  margin-inline: auto;
}

.blogIndex__list.is-hidden {
  opacity: 0;
  height: 0;
  margin: 0;
}

.blogIndex__more.is-btn-hidden,
.js-blogIndex-more.is-btn-hidden {
  display: none;
  border: none;
}
/*# sourceMappingURL=blog.css.map */