@charset "utf-8";
/*=======================================================================
TOP
=======================================================================*/
article h3 span.sub {
  margin-top: 8px;
}
/* =====  ヒーローヘッダ動画 ===== */
#hero-text h2:nth-of-type(2) {
  max-width: 500px;
  font-size: clamp(0.875rem, 0.8rem + 0.38vw, 1.25rem) /*14-20|320-1920*/;
}
/* =====  YOSHIDA+紐＝ツナグ ===== */
#vertical-text {
  width: 80%;
  max-width: 500px;
  writing-mode: horizontal-tb;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 960px) {
  #concept_message {
    padding: 64px 0 114px 0 !important;
  }
}
/* =====  YOSHIDA+紐＝チャレンジ ===== */
.okotae {
  width: 160px;
  margin: auto;
}
.okotae img {
  height: 100%;
}
@media screen and (min-width: 961px) {
  .okotae {
    width: 200px;
    margin: 0;
  }
}
/* =====  YOSHIDA+紐=チカラ ===== */
#appeal dl div {
  display: block;
}
#appeal dt {
  line-height: 100%;
  width: 100%;
  padding: 2%;
  margin-bottom: 16px;
}
@media screen and (min-width: 769px) {
  #appeal dd {
    width: 100%;
  }
}
@media screen and (min-width: 1281px) {
  #appeal_first {
    width: 32%;
  }
}
/* =====  YOSHIDA+紐＝無限大 ===== */
#movie h3 img {
  max-width: 80px;
}
@media screen and (min-width: 961px) {
  #movie h3 img {
    max-width: 100%;
  }
}
/* =====  YOSHIDA+紐=カタチ ===== */
@media screen and (min-width: 1025px) {
  .horizontal-slider-lead {
    width: 20%;
  }
}