@charset "utf-8";
/* CSS Document */


/*----------------------------------
 フォント
----------------------------------*/
@font-face {
  font-family: "HardwearDisplay";
  src: url("../font/HardwearDisplay-Light.otf") format("opentype");
  font-weight: 300;
}

@font-face {
  font-family: "HardwearDisplay";
  src: url("../font/HardwearDisplay-Medium.otf") format("opentype");
  font-weight: 500;
}

@font-face {
  font-family: "HardwearDisplay";
  src: url("../font/HardwearDisplay-SemiBold.otf") format("opentype");
  font-weight: 600;
}

@font-face {
  font-family: "HardwearDisplay";
  src: url("../font/HardwearDisplay-Bold.otf") format("opentype");
  font-weight: 700;
}
.min {
  font-family: 'Noto Serif JP', serif,'Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
.hard {
  font-family: 'HardwearDisplay',"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}


/*----------------------------------
 デバイス
----------------------------------*/

@media screen and (min-width: 800px) {
.only-sp {
  display: none;
}
.only-pc {
  display: block;
}
}
@media screen and (max-width: 799px) {
.only-sp {
  display: block;
}
.only-pc {
  display: none;
}
}

/* page */

/*----------------------------------
 共通
----------------------------------*/
:root {
  --sd-black: #000;
  --sd-warmblack: #100f10;
  --sd-yellow: #f3fd30;
  --sd-white: #fff;
  --sd-offwhite: #f9f6f6;
  --sd-gray: #8f8b94;
  --sd-itembg: #f2f3f3;
}

.pane-main {
  padding-bottom: 0;
}
body .stretchdown {
  --u: clamp(0.6667px, calc(100vw / 1920), 1px);
  --u-btn: max(var(--u), calc(12px / 14));
  position: relative;
  overflow: hidden;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 400;
  color: var(--sd-warmblack);
  letter-spacing: 0;
  line-height: 1.5;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  background-color: var(--sd-black);
  -webkit-text-size-adjust: 100%;
}
@media screen and (min-width: 800px) {
  body .stretchdown {
    min-width: 1280px;
  }
}
@media screen and (max-width: 799px) {
  body .stretchdown {
    --s: calc(100vw / 780);
  }
}
.stretchdown *,
.stretchdown *::before,
.stretchdown *::after {
  box-sizing: border-box;
}
.stretchdown h2,
.stretchdown h3,
.stretchdown p,
.stretchdown ul,
.stretchdown li {
  margin: 0;
  padding: 0;
  font-weight: inherit;
}
.stretchdown ul {
  list-style: none;
}
.stretchdown img {
  max-width: 100%;
  vertical-align: bottom;
}
.stretchdown a {
  color: inherit;
  text-decoration: none;
}
.stretchdown a:hover {
  text-decoration: none;
}
@media screen and (min-width: 800px) {
  .stretchdown a {
    transition: opacity .3s;
  }
  .stretchdown a:hover {
    opacity: .7;
  }
}
.stretchdown sup,
.stretchdown .hard .tm {
  font-size: 60%;
  line-height: 1;
  vertical-align: top;
  position: relative;
  top: 0.1em;
}
.stretchdown .hard {
  font-weight: 700;
}
.stretchdown .secLead {
  font-weight: 700;
  text-align: center;
}

@media screen and (min-width: 800px) {
  .stretchdown br.br-sp {
    display: none;
  }
}
@media screen and (max-width: 799px) {
  .stretchdown br.br-pc {
    display: none;
  }
}


/*----------------------------------
 動画プレーヤー（.sdVideo）
 米国版LP（Vimeo埋め込み）のUIに合わせた自作
----------------------------------*/
.stretchdown .sdVideo {
  position: relative;
  overflow: hidden;
  background-color: var(--sd-black);
  cursor: pointer;
}
.stretchdown .sdVideo.is-playing:not(.is-ui) {
  cursor: none;
}
.stretchdown .sdVideo_media {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.stretchdown .sdVideo_btn {
  width: 56px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .9);
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  transition: opacity .25s ease-out, background-color .04s;
}
.stretchdown .sdVideo.is-playing:not(.is-ui) .sdVideo_btn {
  opacity: 0;
}
.stretchdown .sdVideo_icon {
  width: 14px;
  height: 16px;
  margin: auto;
  position: absolute;
  left: 2px;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: var(--sd-offwhite);
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  transition: background-color .04s;
}
.stretchdown .sdVideo.is-playing .sdVideo_icon {
  width: 12px;
  left: 0;
  background-color: transparent;
  border-left: 4px solid var(--sd-offwhite);
  border-right: 4px solid var(--sd-offwhite);
  border-radius: 2px;
  -webkit-clip-path: none;
  clip-path: none;
}
.stretchdown .sdVideo_tip {
  padding: 8px 12px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .9);
  color: var(--sd-white);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  position: absolute;
  left: 50%;
  bottom: calc(100% + 4px);
  transform: translateX(-50%);
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s;
}
.stretchdown .sdVideo_bar {
  display: none;
  width: 100%;
  height: 3px;
  border-radius: 0 0 4px 4px;
  overflow: hidden;
  background-color: rgba(255, 255, 255, .2);
  position: absolute;
  left: 0;
  bottom: 0;
}
.stretchdown .sdVideo.is-started .sdVideo_bar {
  display: block;
}
.stretchdown .sdVideo_barPlayed {
  display: block;
  width: 0;
  height: 100%;
  background-color: var(--sd-yellow);
}
@media (hover: hover) {
  .stretchdown .sdVideo_btn:hover {
    background-color: var(--sd-yellow);
  }
  .stretchdown .sdVideo_btn:hover .sdVideo_icon {
    background-color: var(--sd-black);
  }
  .stretchdown .sdVideo.is-playing .sdVideo_btn:hover .sdVideo_icon {
    background-color: transparent;
    border-color: var(--sd-black);
  }
  .stretchdown .sdVideo_btn:hover .sdVideo_tip {
    opacity: 1;
  }
}


/*----------------------------------
 MV
----------------------------------*/
/* サムネイルはJSの処理を待たずに出し分けるため、poster属性ではなく動画の上に重ねた要素（.sdVideo_poster）の背景で指定。再生開始で非表示 */
.stretchdown_hero .sdVideo {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.stretchdown_hero .sdVideo_poster {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: var(--sd-black) url("../img/mv_thumb-pc.jpg") no-repeat center center / cover;
  pointer-events: none;
}
.stretchdown_hero .sdVideo.is-started .sdVideo_poster {
  display: none;
}
@media screen and (max-width: 799px) {
  /* SP用動画（data-src-sp）が指定されている場合は、最初から縦長比率＋SP用サムネイル */
  .stretchdown_hero .sdVideo[data-src-sp]:not([data-src-sp=""]) {
    aspect-ratio: 780 / 1392;
  }
  .stretchdown_hero .sdVideo[data-src-sp]:not([data-src-sp=""]) .sdVideo_poster {
    background-image: url("../img/mv_thumb-sp.jpg");
  }
}


/*----------------------------------
 イントロ
----------------------------------*/
.stretchdown_About {
  display: flex;
  flex-direction: row-reverse;
  background-color: var(--sd-black);
}
.stretchdown_About .aboutImg {
  width: 50%;
  aspect-ratio: 960 / 1280;
}
.stretchdown_About .aboutImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.stretchdown_About .aboutText {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--sd-yellow);
}
.stretchdown_About .aboutTextInner {
  width: max-content;
  white-space: nowrap;
}
.stretchdown_About .aboutLead {
  margin-bottom: calc(36 * var(--u));
  font-size: calc(46 * var(--u));
  font-weight: 700;
  line-height: calc(54 / 46);
}
.stretchdown_About .aboutBody {
  font-size: max(calc(16 * var(--u)), 11px);
  line-height: 1.5;
  letter-spacing: .05em;
}
.stretchdown_About .aboutBody + .aboutBody {
  margin-top: 1.5em;
}
.stretchdown_About .aboutBody + .aboutBody--last {
  margin-top: 3em;
}
@media screen and (max-width: 799px) {
  .stretchdown_About {
    flex-direction: column;
  }
  .stretchdown_About .aboutImg {
    width: 100%;
    aspect-ratio: 780 / 1040;
  }
  .stretchdown_About .aboutText {
    width: 100%;
    display: block;
    padding: calc(118 * var(--s)) calc(40 * var(--s)) calc(135 * var(--s));
  }
  .stretchdown_About .aboutTextInner {
    width: auto;
  }
  .stretchdown_About .aboutLead {
    margin-bottom: calc(58 * var(--s));
    font-size: calc(54 * var(--s));
    line-height: calc(64 / 54);
  }
  .stretchdown_About .aboutBody {
    font-size: calc(26 * var(--s));
    line-height: calc(44 / 26);
  }
  .stretchdown_About .aboutBody + .aboutBody {
    margin-top: calc(44 * var(--s));
  }
  .stretchdown_About .aboutBody + .aboutBody--last {
    margin-top: calc(88 * var(--s));
  }
}


/*----------------------------------
 商品
----------------------------------*/
.stretchdown_Product {
  padding: calc(88 * var(--u)) 0 calc(100 * var(--u));
  background-color: var(--sd-white);
}
.stretchdown_Product .secLead {
  margin-bottom: calc(62 * var(--u));
  font-size: calc(44 * var(--u));
  line-height: calc(50 / 44);
}
.stretchdown_Product .baffleWrap {
  width: calc(1760 * var(--u));
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.stretchdown_Product .baffle--big {
  width: calc(395 * var(--u));
}
.stretchdown_Product .baffle--medium {
  width: calc(1305 * var(--u));
}
.stretchdown_Product .baffleHead {
  padding-top: calc(22 * var(--u));
  border-top: 1px solid var(--sd-gray);
  text-align: center;
}
.stretchdown_Product .baffleName {
  font-size: calc(26 * var(--u));
  font-weight: 700;
  line-height: calc(40 / 26);
}
.stretchdown_Product .baffleText {
  margin-top: calc(6 * var(--u));
  font-size: max(calc(16 * var(--u)), 11px);
  line-height: 1.5;
  letter-spacing: .05em;
  white-space: nowrap;
}
.stretchdown_Product .productList {
  margin-top: calc(24 * var(--u));
  display: flex;
  justify-content: space-between;
}
.stretchdown_Product .productItem {
  width: calc(395 * var(--u));
  text-align: center;
}
.stretchdown_Product .productImg {
  position: relative;
  aspect-ratio: 700 / 762;
  background-color: var(--sd-itembg);
  overflow: hidden;
}
.stretchdown_Product .productImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
}
.stretchdown_Product .productImg_wear {
  opacity: 0;
  transition: opacity .3s;
}
.stretchdown_Product .productImg.is-wear .productImg_wear {
  opacity: 1;
}
@media (hover: hover) {
  .stretchdown_Product .productImg:hover .productImg_wear {
    opacity: 1;
  }
}
@media (hover: none) {
  .stretchdown_Product .productImg {
    cursor: pointer;
  }
}
.stretchdown_Product .productGender {
  margin-top: calc(20 * var(--u));
  font-size: calc(26 * var(--u));
  font-weight: 700;
  line-height: calc(40 / 26);
}
.stretchdown_Product .productName {
  font-size: calc(18 * var(--u));
  font-weight: 700;
  line-height: 1;
}
.stretchdown_Product .productPrice {
  margin-top: calc(13 * var(--u));
  font-size: calc(14 * var(--u));
  font-weight: 700;
  line-height: 1;
}
.stretchdown_Product .colorDots {
  height: calc(32 * var(--u));
  margin-top: calc(18 * var(--u));
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(12 * var(--u));
}
.stretchdown_Product .colorDots li {
  width: calc(24 * var(--u));
  height: calc(24 * var(--u));
  border-radius: 50%;
}
.stretchdown_Product .colorDots li.is-active {
  box-shadow: 0 0 0 calc(3 * var(--u)) var(--sd-white), 0 0 0 calc(4 * var(--u)) var(--sd-black);
}
.stretchdown_Product .colorDots .dot-black { background-color: #1f2024; }
.stretchdown_Product .colorDots .dot-brown { background-color: #5d4947; }
.stretchdown_Product .colorDots .dot-navy  { background-color: #404b59; }
.stretchdown_Product .colorDots .dot-khaki { background-color: #a79c83; }
.stretchdown_Product .colorDots .dot-olive { background-color: #74671c; }
.stretchdown_Product .colorDots .dot-blue  { background-color: #3f495c; }
.stretchdown_Product .colorDots .dot-sage  { background-color: #898e82; }
.stretchdown_Product .colorDots .dot-teal  { background-color: #304f53; }
.stretchdown_Product .colorDots .dot-green { background-color: #5a6a63; }
.stretchdown_Product .itemBtnArea {
  margin-top: calc(19 * var(--u));
  display: flex;
  justify-content: center;
  filter: drop-shadow(calc(2 * var(--u-btn)) calc(3 * var(--u-btn)) calc(3 * var(--u-btn)) rgba(0, 0, 0, .3));
}
.stretchdown_Product .itemBtn {
  --cut: calc(10 * var(--u-btn));
  width: calc(150 * var(--u-btn));
  height: calc(47 * var(--u-btn));
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--sd-warmblack);
  color: var(--sd-white);
  font-size: calc(14 * var(--u-btn));
  line-height: 1;
  transition: none;
  -webkit-clip-path: polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut));
  clip-path: polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut));
}
@media (hover: hover) {
  .stretchdown_Product .itemBtn:hover {
    background-color: var(--sd-yellow);
    color: var(--sd-warmblack);
    opacity: 1;
  }
}
@media screen and (max-width: 799px) {
  .stretchdown_Product {
    padding: calc(84 * var(--s)) 0 calc(100 * var(--s));
  }
  .stretchdown_Product .secLead {
    margin-bottom: calc(86 * var(--s));
    font-size: calc(56 * var(--s));
    line-height: calc(50 / 56);
  }
  .stretchdown_Product .baffleWrap {
    width: calc(700 * var(--s));
    flex-direction: column;
  }
  .stretchdown_Product .baffle--big,
  .stretchdown_Product .baffle--medium {
    width: 100%;
  }
  .stretchdown_Product .baffle--big {
    margin-bottom: calc(100 * var(--s));
  }
  .stretchdown_Product .baffleHead {
    padding-top: calc(44 * var(--s));
    border-top-width: 1px;
  }
  .stretchdown_Product .baffleName {
    font-size: calc(40 * var(--s));
    line-height: calc(60 / 40);
  }
  .stretchdown_Product .baffleText {
    margin-top: calc(28 * var(--s));
    font-size: calc(26 * var(--s));
    line-height: calc(44 / 26);
  }
  .stretchdown_Product .productList {
    margin-top: calc(56 * var(--s));
    flex-direction: column;
    gap: calc(60 * var(--s));
  }
  .stretchdown_Product .productItem {
    width: 100%;
  }
  .stretchdown_Product .productGender {
    margin-top: calc(20 * var(--s));
    font-size: calc(40 * var(--s));
    line-height: calc(60 / 40);
  }
  .stretchdown_Product .productName {
    margin-top: calc(12 * var(--s));
    font-size: calc(30 * var(--s));
  }
  .stretchdown_Product .productPrice {
    margin-top: calc(24 * var(--s));
    font-size: calc(24 * var(--s));
  }
  .stretchdown_Product .colorDots {
    height: calc(54 * var(--s));
    margin-top: calc(21 * var(--s));
    gap: calc(20 * var(--s));
  }
  .stretchdown_Product .colorDots li {
    width: calc(40 * var(--s));
    height: calc(40 * var(--s));
  }
  .stretchdown_Product .colorDots li.is-active {
    box-shadow: 0 0 0 calc(5 * var(--s)) var(--sd-white), 0 0 0 calc(7 * var(--s)) var(--sd-black);
  }
  .stretchdown_Product .itemBtnArea {
    margin-top: calc(40 * var(--s));
    filter: drop-shadow(calc(3 * var(--s)) calc(5 * var(--s)) calc(5 * var(--s)) rgba(0, 0, 0, .3));
  }
  .stretchdown_Product .itemBtn {
    --cut: calc(18 * var(--s));
    width: calc(300 * var(--s));
    height: calc(80 * var(--s));
    font-size: calc(24 * var(--s));
  }
}


/*----------------------------------
 ライフスタイル写真
----------------------------------*/
.stretchdown_Life .lifeLoop {
  height: calc(580 * var(--u));
  overflow: hidden;
}
.stretchdown_Life .lifeLoop_list {
  width: max-content;
  height: 100%;
  display: flex;
  animation: sdLifeLoop 70s linear infinite;
}
.stretchdown_Life .lifeLoop_list li {
  height: 100%;
}
.stretchdown_Life .lifeLoop_list img {
  width: auto;
  max-width: none;
  height: 100%;
}
@keyframes sdLifeLoop {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.stretchdown_Life .lifeFade {
  position: relative;
  height: calc(1106 * var(--s));
}
.stretchdown_Life .lifeFade_set {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: opacity 1s;
}
.stretchdown_Life .lifeFade_set.is-active {
  opacity: 1;
}
.stretchdown_Life .lifeFade_row {
  display: flex;
}
.stretchdown_Life .lifeFade_row img {
  width: 50%;
  aspect-ratio: 390 / 520;
  object-fit: cover;
}
.stretchdown_Life .lifeFade_wide {
  width: 100%;
  aspect-ratio: 780 / 586;
  object-fit: cover;
}


/*----------------------------------
 着用写真（DOWN TO MATCH YOUR MOVES）
----------------------------------*/
.stretchdown_Look {
  padding: calc(92 * var(--u)) 0 calc(165 * var(--u));
  background-color: var(--sd-white);
}
.stretchdown_Look .lookHead {
  width: calc(1320 * var(--u));
  margin: 0 auto calc(16 * var(--u));
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.stretchdown_Look .secLead {
  font-size: calc(44 * var(--u));
  line-height: calc(48 / 44);
  text-align: left;
}
.stretchdown_Look .lookAll {
  display: block;
  width: calc(201 * var(--u));
}
.stretchdown_Look .lookList {
  width: calc(1320 * var(--u));
  margin: 0 auto;
  display: flex;
}
.stretchdown_Look .lookItem {
  width: calc(440 * var(--u));
}
.stretchdown_Look .lookItem a {
  display: block;
  position: relative;
  aspect-ratio: 2 / 3;
  overflow: hidden;
}
.stretchdown_Look .lookImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.stretchdown_Look .lookCap {
  position: absolute;
  left: calc(29 * var(--u));
  bottom: calc(33 * var(--u));
  text-align: left;
}
.stretchdown_Look .lookName {
  display: block;
  color: var(--sd-white);
  font-size: calc(24 * var(--u));
  font-weight: 700;
  line-height: 1;
}
.stretchdown_Look .lookShop {
  display: block;
  width: calc(40.3 * var(--u));
  margin-top: calc(18 * var(--u));
}
@media screen and (max-width: 799px) {
  .stretchdown_Look {
    padding: calc(76 * var(--s)) 0 calc(80 * var(--s));
  }
  .stretchdown_Look .lookHead {
    width: 100%;
    margin-bottom: calc(50 * var(--s));
    flex-direction: column;
  }
  .stretchdown_Look .secLead {
    font-size: calc(56 * var(--s));
    line-height: calc(50 / 56);
    text-align: center;
  }
  .stretchdown_Look .lookAll {
    width: calc(300 * var(--s));
    margin-top: calc(44 * var(--s));
  }
  .stretchdown_Look .lookList {
    width: calc(700 * var(--s));
    display: block;
  }
  .stretchdown_Look .lookList:not(.slick-initialized) .lookItem:not(:first-child) {
    display: none;
  }
  .stretchdown_Look .lookItem {
    width: calc(700 * var(--s));
  }
  .stretchdown_Look .lookCap {
    left: calc(46 * var(--s));
    bottom: calc(53 * var(--s));
  }
  .stretchdown_Look .lookName {
    font-size: calc(40 * var(--s));
  }
  .stretchdown_Look .lookShop {
    width: calc(67 * var(--s));
    margin-top: calc(27 * var(--s));
  }
}


/*----------------------------------
 スライダー矢印（slick用）
----------------------------------*/
.stretchdown .slickArrow {
  width: 44px;
  height: 44px;
  margin: auto 0;
  background-color: var(--sd-yellow);
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 3;
  cursor: pointer;
  box-shadow: 2px 3px 4px rgba(0, 0, 0, .3);
}
.stretchdown .slickArrow::before {
  content: "";
  width: 9px;
  height: 9px;
  margin: auto;
  border-top: 3px solid var(--sd-black);
  border-right: 3px solid var(--sd-black);
  position: absolute;
  left: 0;
  right: 3px;
  top: 0;
  bottom: 0;
  transform: rotate(45deg);
}
.stretchdown .slickArrow.arrowLeft::before {
  left: 3px;
  right: 0;
  transform: rotate(-135deg);
}
@media (hover: hover) {
  .stretchdown .slickArrow:hover {
    background-color: var(--sd-white);
  }
}
@media screen and (max-width: 799px) {
  .stretchdown .slickArrow {
    width: calc(80 * var(--s));
    height: calc(80 * var(--s));
    box-shadow: calc(3 * var(--s)) calc(5 * var(--s)) calc(6 * var(--s)) rgba(0, 0, 0, .3);
  }
  .stretchdown .slickArrow::before {
    width: calc(16 * var(--s));
    height: calc(16 * var(--s));
    border-width: calc(5 * var(--s));
    right: calc(5 * var(--s));
  }
  .stretchdown .slickArrow.arrowLeft::before {
    left: calc(5 * var(--s));
    right: 0;
  }
  .stretchdown_Look .slickArrow.arrowLeft {
    left: calc(30 * var(--s));
  }
  .stretchdown_Look .slickArrow.arrowRight {
    right: calc(30 * var(--s));
  }
}


/*----------------------------------
 DOPPLEWEAVE
----------------------------------*/
.stretchdown_Tech {
  padding: calc(6 * var(--u)) 0 calc(80 * var(--u));
  background-color: var(--sd-black);
}
.stretchdown_Tech .techLogo {
  width: calc(1644 * var(--u));
  margin: 0 auto;
  line-height: 0;
}
.stretchdown_Tech .techMovie {
  width: calc(1760 * var(--u));
  margin: calc(4 * var(--u)) auto 0;
}
.stretchdown_Tech .techDetail {
  width: calc(1760 * var(--u));
  margin: calc(90 * var(--u)) auto 0;
  display: flex;
  justify-content: space-between;
}
.stretchdown_Tech .techStructure {
  width: calc(1230 * var(--u));
  height: calc(900 * var(--u));
  border: calc(3 * var(--u)) solid var(--sd-yellow);
  position: relative;
  color: var(--sd-yellow);
}
.stretchdown_Tech .techStructure_ttl {
  position: absolute;
  left: calc(38 * var(--u));
  top: calc(20 * var(--u));
  z-index: 1;
  font-size: calc(40 * var(--u));
  font-weight: 700;
  line-height: calc(48 / 40);
}
.stretchdown_Tech .techStructure_fig {
  width: calc(1170 * var(--u));
  position: absolute;
  left: calc(27 * var(--u));
  top: calc(49 * var(--u));
}
.stretchdown_Tech .techStructure_fig img {
  width: 100%;
}
.stretchdown_Tech .techStructure_ast {
  width: calc(20 * var(--u));
  position: absolute;
  left: calc(46 * var(--u));
  top: calc(707 * var(--u));
}
.stretchdown_Tech .techStructure_labels li {
  position: absolute;
  font-size: calc(24 * var(--u));
  line-height: calc(33 / 24);
  white-space: nowrap;
}
.stretchdown_Tech .techStructure_labels .lb01 { left: calc(46 * var(--u)); top: calc(728 * var(--u)); }
.stretchdown_Tech .techStructure_labels .lb02 { left: calc(358 * var(--u)); top: calc(728 * var(--u)); }
.stretchdown_Tech .techStructure_labels .lb03 { left: calc(672 * var(--u)); top: calc(730 * var(--u)); }
.stretchdown_Tech .techStructure_labels .lb04 { left: calc(986 * var(--u)); top: calc(730 * var(--u)); }
.stretchdown_Tech .techStructure_labels .lb05 { left: calc(986 * var(--u)); top: calc(516 * var(--u)); }
.stretchdown_Tech .techSide {
  width: calc(450 * var(--u));
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.stretchdown_Tech .techIcons {
  width: calc(400 * var(--u));
  margin-top: calc(18 * var(--u));
}
.stretchdown_Tech .techPhoto {
  width: 100%;
}
.stretchdown_Tech .techPhoto img {
  width: 100%;
  aspect-ratio: 450 / 516;
  object-fit: cover;
}
@media screen and (max-width: 799px) {
  .stretchdown_Tech {
    padding: calc(43 * var(--s)) 0 calc(80 * var(--s));
  }
  .stretchdown_Tech .techLogo {
    width: calc(760 * var(--s));
  }
  .stretchdown_Tech .techMovie {
    width: calc(700 * var(--s));
    margin-top: calc(42 * var(--s));
  }
  .stretchdown_Tech .techDetail {
    width: calc(700 * var(--s));
    margin-top: calc(43 * var(--s));
    flex-direction: column;
  }
  .stretchdown_Tech .techStructure {
    width: 100%;
    height: calc(532 * var(--s));
    border-width: calc(2 * var(--s));
  }
  .stretchdown_Tech .techStructure_ttl {
    left: calc(18 * var(--s));
    top: calc(6 * var(--s));
    font-size: calc(30 * var(--s));
    line-height: calc(34 / 30);
  }
  .stretchdown_Tech .techStructure_fig {
    width: calc(600 * var(--s));
    left: calc(52 * var(--s));
    top: calc(64 * var(--s));
  }
  .stretchdown_Tech .techStructure_ast {
    width: calc(13.5 * var(--s));
    left: calc(14 * var(--s));
    top: calc(416 * var(--s));
  }
  .stretchdown_Tech .techStructure_labels li {
    font-size: calc(20 * var(--s));
    line-height: calc(24 / 20);
  }
  .stretchdown_Tech .techStructure_labels .lb01 { left: calc(14 * var(--s)); top: calc(434 * var(--s)); }
  .stretchdown_Tech .techStructure_labels .lb02 { left: calc(190 * var(--s)); top: calc(434 * var(--s)); }
  .stretchdown_Tech .techStructure_labels .lb03 { left: calc(360 * var(--s)); top: calc(435 * var(--s)); }
  .stretchdown_Tech .techStructure_labels .lb04 { left: calc(530 * var(--s)); top: calc(435 * var(--s)); }
  .stretchdown_Tech .techStructure_labels .lb05 { left: calc(531 * var(--s)); top: calc(318 * var(--s)); }
  .stretchdown_Tech .techSide {
    width: 100%;
    margin-top: calc(50 * var(--s));
    flex-direction: row-reverse;
    align-items: flex-start;
  }
  .stretchdown_Tech .techIcons {
    width: calc(370 * var(--s));
    margin-top: 0;
  }
  .stretchdown_Tech .techPhoto {
    width: calc(290 * var(--s));
  }
  .stretchdown_Tech .techPhoto img {
    aspect-ratio: 290 / 260;
  }
}

/* YouTube */
.stretchdown .yt-block {
  margin: 0 auto;
  position: relative;
}
.stretchdown .videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  background-color: var(--sd-black);
}
.stretchdown .videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.stretchdown .videoWrapper::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/dw_thumb-pc.jpg") no-repeat center center;
  background-size: cover;
  pointer-events: none;
}
.stretchdown .videoWrapper.pv::after {
  display: none;
}
/* 再生ボタン（動画プレーヤーと同じ見た目） */
.stretchdown .yt-block .play {
  width: 56px;
  height: 32px;
  margin: auto;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .9);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  cursor: pointer;
  transition: background-color .04s;
}
.stretchdown .yt-block .play::before {
  content: "";
  width: 14px;
  height: 16px;
  margin: auto;
  position: absolute;
  left: 2px;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: var(--sd-offwhite);
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
@media (hover: hover) {
  .stretchdown .yt-block .play:hover {
    background-color: var(--sd-yellow);
  }
  .stretchdown .yt-block .play:hover::before {
    background-color: var(--sd-black);
  }
}
@media screen and (max-width: 799px) {
  .stretchdown .videoWrapper {
    padding-bottom: 177.78%; /* 9:16 */
  }
  .stretchdown .videoWrapper::after {
    background-image: url("../img/dw_thumb-sp.jpg");
  }
}


/*----------------------------------
 コールドスポット／RDS
----------------------------------*/
.stretchdown_Comfort .comfortRow {
  display: flex;
}
.stretchdown_Comfort .comfortRow--cold {
  flex-direction: row-reverse;
}
.stretchdown_Comfort .comfortImg,
.stretchdown_Comfort .comfortText {
  width: 50%;
  aspect-ratio: 1 / 1;
}
.stretchdown_Comfort .comfortImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.stretchdown_Comfort .comfortText {
  background-color: var(--sd-offwhite);
  text-align: center;
}
/* PC：画像とテキストを上下中央揃え（テキストエリア内の要素も上下中央に配置） */
@media screen and (min-width: 800px) {
  .stretchdown_Comfort .comfortRow {
    align-items: center;
  }
  .stretchdown_Comfort .comfortText {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.stretchdown_Comfort .comfortLead {
  font-size: calc(34 * var(--u));
  font-weight: 700;
  line-height: calc(30 / 34);
}
.stretchdown_Comfort .comfortCopy {
  margin-top: calc(30 * var(--u));
  font-size: calc(34 * var(--u));
  font-weight: 700;
  line-height: calc(44 / 34);
}
.stretchdown_Comfort .comfortTtl {
  width: calc(600 * var(--u));
  margin: calc(53 * var(--u)) auto 0;
  padding: calc(36 * var(--u)) 0;
  border-top: 1px solid var(--sd-black);
  border-bottom: 1px solid var(--sd-black);
  font-size: calc(34 * var(--u));
  font-weight: 700;
  line-height: calc(44 / 34);
}
.stretchdown_Comfort .comfortBody {
  margin-top: calc(36 * var(--u));
  font-size: max(calc(16 * var(--u)), 11px);
  line-height: calc(26 / 16);
  letter-spacing: .05em;
  white-space: nowrap;
}
.stretchdown_Comfort .comfortLogo {
  width: calc(140 * var(--u));
  margin: 0 auto calc(39 * var(--u));
}
.stretchdown_Comfort .comfortRow--down .comfortTtl {
  margin-top: 0;
}
@media screen and (max-width: 799px) {
  .stretchdown_Comfort .comfortRow,
  .stretchdown_Comfort .comfortRow--cold {
    flex-direction: column;
  }
  .stretchdown_Comfort .comfortImg,
  .stretchdown_Comfort .comfortText {
    width: 100%;
    aspect-ratio: auto;
  }
  .stretchdown_Comfort .comfortRow--cold .comfortImg {
    aspect-ratio: 780 / 620;
  }
  .stretchdown_Comfort .comfortRow--down .comfortImg {
    aspect-ratio: 1 / 1;
  }
  .stretchdown_Comfort .comfortText {
    padding: calc(76 * var(--s)) 0 calc(96 * var(--s));
  }
  .stretchdown_Comfort .comfortLead {
    font-size: calc(40 * var(--s));
    line-height: calc(35 / 40);
  }
  .stretchdown_Comfort .comfortCopy {
    margin-top: calc(22 * var(--s));
    font-size: calc(40 * var(--s));
    line-height: calc(48 / 40);
  }
  .stretchdown_Comfort .comfortTtl {
    width: calc(700 * var(--s));
    margin-top: calc(70 * var(--s));
    padding: calc(33 * var(--s)) 0;
    border-color: var(--sd-gray);
    font-size: calc(40 * var(--s));
    line-height: calc(48 / 40);
  }
  .stretchdown_Comfort .comfortBody {
    margin-top: calc(40 * var(--s));
    font-size: calc(26 * var(--s));
    line-height: calc(44 / 26);
  }
  .stretchdown_Comfort .comfortLogo {
    width: calc(200 * var(--s));
    margin-bottom: calc(43 * var(--s));
  }
  .stretchdown_Comfort .comfortRow--down .comfortText {
    padding-top: calc(80 * var(--s));
  }
}


/*----------------------------------
 GLOBAL MOVIE 3種
----------------------------------*/
.stretchdown_Movie {
  display: flex;
  background-color: var(--sd-black);
}
.stretchdown_Movie .movieArea,
.stretchdown_Movie .movieVisual {
  width: 50%;
}
.stretchdown_Movie .movieArea {
  display: flex;
  align-items: center;
  justify-content: center;
}
.stretchdown_Movie .movieSlider {
  width: calc(480 * var(--u));
  position: relative;
}
.stretchdown_Movie .movieSlider:not(.slick-initialized) .movieSlider_item:not(:first-child) {
  display: none;
}
.stretchdown_Movie .sdVideo {
  aspect-ratio: 9 / 16;
}
.stretchdown_Movie .slickArrow.arrowLeft {
  left: calc(-74 * var(--u));
}
.stretchdown_Movie .slickArrow.arrowRight {
  right: calc(-74 * var(--u));
}
.stretchdown_Movie .movieVisual {
  aspect-ratio: 960 / 1152;
}
.stretchdown_Movie .movieVisual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 800px) {
  .stretchdown_Movie {
    flex-direction: row-reverse;
  }
}
@media screen and (max-width: 799px) {
  .stretchdown_Movie {
    flex-direction: column;
  }
  .stretchdown_Movie .movieArea,
  .stretchdown_Movie .movieVisual {
    width: 100%;
  }
  .stretchdown_Movie .movieArea {
    padding: calc(80 * var(--s)) 0 calc(76 * var(--s));
  }
  .stretchdown_Movie .movieSlider {
    width: calc(700 * var(--s));
  }
  .stretchdown_Movie .slickArrow.arrowLeft {
    left: calc(30 * var(--s));
  }
  .stretchdown_Movie .slickArrow.arrowRight {
    right: calc(30 * var(--s));
  }
  .stretchdown_Movie .movieVisual {
    width: calc(968 * var(--s));
    margin-left: calc(-94 * var(--s));
    aspect-ratio: 960 / 1152;
  }
}