@charset "UTF-8";
html {
  font-size: 62.5%;
}

@media (max-width: 1400px) and (min-width: 768px) {
  html {
    font-size: 0.7142857143vw;
  }
}

@media only screen and (min-width: 1401px) {
  html {
    font-size: 62.5%;
  }
}

/*----------共通設定 tablet----------*/
/* @media only screen and (max-width: 1400px) and (min-width: 768px) {
  html {
    font-size: 0.7142857143vw;
  }
} */
/*----------共通設定 sp----------*/
/* @media only screen and (max-width: 767px) {
  html {
    font-size: 1.3333333333vw;
  }
} */

#st250801AWLOOK {
  --white: #fff;
  --black: #000;
  --font-ja: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴシック", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  --font-acumin: "acumin-pro", sans-serif;
  --font-adelle: "adelle-sans-condensed", sans-serif;
  --fw-ex-light: 200;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  --pc-width: 1400;
  --sp-width: 750;
  --pc-artboard-width: 480;
  --sp-artboard-width: 750;

  font-family: var(--font-adelle);
  font-weight: var(--fw-semibold);
  font-style: normal;
  overflow: clip;
}

/* font-family: "adelle-sans-condensed", sans-serif;
font-weight: 600;
font-style: normal; */


@media (min-width: 1400px) {
  #st250801AWLOOK {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: 1px;
  }

  #breadlist {
    margin: 30px auto 43px;
  }
}

@media (min-width: 768px) and (max-width: 1400px) {
  #st250801AWLOOK {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: calc(100vw / var(--pc-width));
  }
}

@media (max-width: 767px) {
  #st250801AWLOOK {
    --ratio: 1;
    --variable: calc(100vw / var(--sp-width));
  }
  #breadlist{
        padding: 14px 10px 37px;
  }
}

/*----------共通設定 pc----------*/
* {
  font-feature-settings: "palt"; 
}

* > #st250801AWLOOK {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* overflow: clip; */
}

@media screen and (min-width: 768px) {
  .main-area {
    padding-top: 0;
  }
}


@media screen and (max-width: 767px) {
  .main-area {
    padding-top: calc(113*(100vw / 750));
  }
  .main-area .main-inner{
    padding-left: 0;
    padding-right: 0;
  }
  .footer{
    padding-top: 0;
  }
}

/*----------LP normalize SP----------*/
#st250801AWLOOK {
  font-family: var(--font-ja);
  background-color: var(--white);
}

/*----------layout pc----------*/
@media only screen and (min-width: 768px) {
  .content-wrap{
    width: calc(750 * var(--variable)* var(--ratio));
    margin: 0 auto;
    overflow-x: clip;
  }

}

@media only screen and (max-width: 767px) {
  /*----------layout sp----------*/
  #st250801AWLOOK {
    width: 100%;
    /* overflow: hidden; */
    border: none;
    margin-top: calc(80*(100vw / 750));
    /* margin-inline: auto; */
  }

  .content-wrap{
    width: 100%;
    margin-inline: auto;
    overflow-x: clip;
  }

}

#st250801AWLOOK * {
  box-sizing: border-box;
}

#st250801AWLOOK img {
  height: auto;
  opacity: 1;
  width: 100%;
}

#st250801AWLOOK li{
  display: inline-block;
}

#st250801AWLOOK a {
  display: inline;
  text-decoration: none;
  color: #000000;
}

#st250801AWLOOK a:hover{
  transition: .3s;
  opacity: .7;
}

#st250801AWLOOK p{
  color: #000000;
}

#st250801AWLOOK img,
#st250801AWLOOK picture,
#st250801AWLOOK video{
  display: inline-block;
  width: 100%;
  height: auto;
}

#st250801AWLOOK p,
#st250801AWLOOK ul,
#st250801AWLOOK ol,
#st250801AWLOOK dl {
  margin: 0;
  list-style: none;
}

/*============ ▼ 共通部分 ▼ ============*/
#st250801AWLOOK .sec:not(.sec04){
  margin-bottom: calc(170 * var(--variable)* var(--ratio));
}

#st250801AWLOOK .sec:not(.sec03) .sec_img__wrapper.--01 .sec_img{
  width: calc(620 * var(--variable)* var(--ratio));
}

#st250801AWLOOK .sec01 .sec_img__wrapper.--01 .sec_img,
#st250801AWLOOK .sec04 .sec_img__wrapper.--01 .sec_img{
  margin-right: 0;
  margin-left: auto;
}

#st250801AWLOOK .sec02 .sec_img__wrapper.--01 .sec_img,
#st250801AWLOOK .sec03 .sec_img__wrapper.--01 .sec_img{
  margin-left: 0;
  margin-right: auto;
}

#st250801AWLOOK .sec:not(.sec03) .sec_img__wrapper.--02 .sec_img{
  width: calc(560 * var(--variable)* var(--ratio));
}

#st250801AWLOOK .item_crdt__wrapper:not(.sec03 .item_crdt__wrapper){
  position: absolute;
  bottom: calc(101 * var(--variable)* var(--ratio));
}

#st250801AWLOOK .sec01 .item_crdt__wrapper:not(.sec03 .item_crdt__wrapper),
#st250801AWLOOK .sec04 .item_crdt__wrapper:not(.sec03 .item_crdt__wrapper){
  left: 0;
  align-items: end;
}

#st250801AWLOOK .sec01 .item_crdt__wrapper:not(.sec03 .item_crdt__wrapper) .crdt__wrapper,
#st250801AWLOOK .sec04 .item_crdt__wrapper:not(.sec03 .item_crdt__wrapper) .crdt__wrapper{
  align-items: flex-end;
}

#st250801AWLOOK .sec02 .item_crdt__wrapper:not(.sec03 .item_crdt__wrapper),
#st250801AWLOOK .sec05 .item_crdt__wrapper:not(.sec03 .item_crdt__wrapper){
  right: 0;
  bottom: calc(100 * var(--variable) * var(--ratio));
}

#st250801AWLOOK .sec:not(.sec03){
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: calc(1013 * var(--variable)* var(--ratio)) calc(45 * var(--variable)* var(--ratio)) auto;
}

#st250801AWLOOK .sec:not(.sec03) .sec_img__wrapper.--01{
  position: relative;
  z-index: 1;
  grid-column: 1 / 2;
  grid-row: 1 / 3;
}

#st250801AWLOOK .sec:not(.sec03) .sec_img__wrapper.--02{
  position: relative;
  z-index: 2;
  grid-column: 1 / 2;
  grid-row: 2 / 4;
}

#st250801AWLOOK .sec01 .sec_img__wrapper.--01,
#st250801AWLOOK .sec04 .sec_img__wrapper.--01{
  margin-right: 0;
  margin-left: auto;
}

#st250801AWLOOK .sec02 .sec_img__wrapper.--02,
#st250801AWLOOK .sec05 .sec_img__wrapper.--02{
  margin-left: auto;
  margin-right: calc(30 * var(--variable)* var(--ratio));
}

#st250801AWLOOK .sec02 .sec_img__wrapper.--01,
#st250801AWLOOK .sec05 .sec_img__wrapper.--01{
  margin-left: 0;
  margin-right: auto;
}

#st250801AWLOOK .sec01 .sec_img__wrapper.--02,
#st250801AWLOOK .sec04 .sec_img__wrapper.--02{
  margin-left: calc(25 * var(--variable)* var(--ratio));
  margin-right: auto;
}

#st250801AWLOOK .sec04 .sec_img__wrapper.--02{
  margin-left: calc(30 * var(--variable)* var(--ratio));
}

#st250801AWLOOK .sec:not(.reverse) .crdt__wrapper{
  left: 0;
}

#st250801AWLOOK .sec.reverse .crdt__wrapper{
  right: 0;
}

#st250801AWLOOK .item_crdt__wrapper,
#st250801AWLOOK .crdt__wrapper{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  row-gap: calc(15 * var(--variable)* var(--ratio));
}

#st250801AWLOOK .sec.reverse .item_crdt__wrapper,
#st250801AWLOOK .sec.reverse .crdt__wrapper{
  align-items: flex-start;
}

#st250801AWLOOK .sec:not(.reverse) .item_crdt__wrapper
#st250801AWLOOK .sec:not(.reverse) .crdt__wrapper{
  align-items: flex-end;
}

#st250801AWLOOK .crdt,
#st250801AWLOOK .crdt__wrapper a {
  font-size: calc(23 * var(--variable)* var(--ratio));
  font-family: var(--font-adelle);
  letter-spacing: 0.05em;
  line-height: 1;
  font-weight: var(--fw-semibold);
  word-spacing: calc(6 * var(--variable) * var(--ratio));
}

#st250801AWLOOK .number{
  margin-bottom: calc(9 * var(--variable)* var(--ratio));
}

@media only screen and (max-width: 767px) {
  .main-area .main-inner{
    padding: 0;
  }
  #st250801AWLOOK .sp_only {
    display: block;
  }
  #st250801AWLOOK .pc_only {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  #st250801AWLOOK .sp_only{
    display: none;
  }

  #st250801AWLOOK .pc_only{
    display: block;
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
 mv / intro
//////////////////////////////////////////////////////////////////////////////////////////////
*/
#st250801AWLOOK .mvWrap{
  margin-bottom: calc(145 * var(--variable)* var(--ratio));
  width: 100vw;
}


/*
//////////////////////////////////////////////////////////////////////////////////////////////
 sec
//////////////////////////////////////////////////////////////////////////////////////////////
*/
/*============ ▼ sec01 ▼ ============*/
#st250801AWLOOK .sec01 .sec_img__wrapper.--01{
  width: calc(667.7383 * var(--variable)* var(--ratio));
}

#st250801AWLOOK .sec01 .sec_img__wrapper.--02 {
  display: flex;
  column-gap:  calc(20.1 * var(--variable)* var(--ratio));
  align-items: flex-end;
}

#st250801AWLOOK .sec01.sec .sec_img__wrapper.--02 .sec_img{
  width: calc(540 * var(--variable)* var(--ratio));
}

#st250801AWLOOK .sec01 .sec_ttl{
  width: calc(36.9199 * var(--variable)* var(--ratio));
  height: calc(324.6646 * var(--variable)* var(--ratio));
  margin-bottom: calc(12 * var(--variable) * var(--ratio));
}

#st250801AWLOOK .sec01 .number{
  width: calc(45.6387 * var(--variable)* var(--ratio));
  margin-right: calc(5 * var(--variable) * var(--ratio))
}

/*============ ▲ sec01 ▲ ============*/

/*============ ▼ sec02 ▼ ============*/
#st250801AWLOOK .sec.sec02.reverse{
  margin-bottom: calc(178 * var(--variable) * var(--ratio));
  grid-template-rows: calc(1016 * var(--variable) * var(--ratio)) calc(45 * var(--variable) * var(--ratio)) auto;
}

#st250801AWLOOK .sec02 .sec_img__wrapper.--01{
  width: calc(667.3721 * var(--variable)* var(--ratio));
}

#st250801AWLOOK .sec02 .number{
  width: calc(53.7031 * var(--variable)* var(--ratio));
}

#st250801AWLOOK .sec02 .crdt__wrapper a{
  word-spacing: 0;
}
/*============ ▲ sec02 ▲ ============*/

/*============ ▼ sec03 ▼ ============*/
#st250801AWLOOK .sec.sec03{
  margin-bottom: calc(178 * var(--variable) * var(--ratio));
}

#st250801AWLOOK .sec03 .item_crdt__wrapper{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: calc(23 * var(--variable)* var(--ratio));
  margin-bottom: calc(53 * var(--variable)* var(--ratio));
}

#st250801AWLOOK .sec03 .crdt__wrapper a{
  line-height: 1.5;
}

#st250801AWLOOK .sec03 .crdt__wrapper{
  flex-direction: row;
  column-gap: calc(10 * var(--variable) * var(--ratio));
}

#st250801AWLOOK .sec03 .sec_ttl{
  width: calc(457.2617 * var(--variable)* var(--ratio));
  height: calc(38.1953 * var(--variable)* var(--ratio));
}

#st250801AWLOOK .sec03 .number{
  width: calc(54.0947 * var(--variable)* var(--ratio));
}

#st250801AWLOOK .sec03 .sec_img{
  width: calc(580 * var(--variable)* var(--ratio));
  margin: 0 auto;
}

#st250801AWLOOK .sec03 .img05{
  margin-bottom: calc(10 * var(--variable)* var(--ratio));
}

/*============ ▲ sec03 ▲ ============*/

/*============ ▼ sec04 ▼ ============*/
#st250801AWLOOK .sec04{
  margin-bottom: calc(170 * var(--variable) * var(--ratio));
}

#st250801AWLOOK .sec04 .sec_img__wrapper.--01{
  width: calc(679.373 * var(--variable)* var(--ratio));
}

#st250801AWLOOK .sec04 .number{
  width: calc(56.8945 * var(--variable)* var(--ratio));
}


#st250801AWLOOK .sec04 .sec_img__wrapper .item_crdt__wrapper{
  bottom: calc(99 * var(--variable) * var(--ratio));
}

/*============ ▲ sec04 ▲ ============*/

/*============ ▼ sec05 ▼ ============*/
#st250801AWLOOK .sec05.sec{
  grid-template-rows: calc(1018 * var(--variable) * var(--ratio)) calc(45 * var(--variable) * var(--ratio)) auto;
  margin-bottom: 0;
}

#st250801AWLOOK .sec05 .sec_img__wrapper.--01{
  width: calc(700.373 * var(--variable)* var(--ratio));
}

#st250801AWLOOK .sec05 .sec_img__wrapper.--02 {
  display: flex;
  column-gap:  calc(19 * var(--variable)* var(--ratio));
  align-items: flex-end;
  flex-direction: row-reverse;
  margin-right: calc(25 * var(--variable)* var(--ratio));
}

#st250801AWLOOK .sec05 .sec_ttl{
  width: calc(38.1943 * var(--variable)* var(--ratio));
  height: calc(348.2305 * var(--variable)* var(--ratio));
  margin-bottom: calc(12 * var(--variable) * var(--ratio));
}

#st250801AWLOOK .sec05 .number{
  width: calc(54.2627 * var(--variable)* var(--ratio));
}

/*============ ▲ sec05 ▲ ============*/

/* ====== ▼ "check all items" ▼ ====== */

#st250801AWLOOK .btn__wrapper{
  width: calc(480 * var(--variable) * var(--ratio));
  margin: calc(131 * var(--variable) * var(--ratio)) auto calc(138 * var(--variable) * var(--ratio));
}

/* ====== ▲ "check all items" ▲ ====== */

/* ====== ▼ "staff-list" ▼ ====== */

#st250801AWLOOK .staff-list{
  font-family: var(--font-adelle);
  font-size: calc(22 * var(--variable)* var(--ratio));
  letter-spacing: 0.05em;
  line-height: 1.8181818182;
  font-weight: var(--fw-regular);
  padding: calc(31 * var(--variable)* var(--ratio)) calc(50 * var(--variable)* var(--ratio)) calc(26 * var(--variable)* var(--ratio));
  border-top: solid #808080 1px;
  border-bottom: solid #808080 1px;
}

/* ====== ▲ "check all items" ▲ ====== */

/*============ ▼ animation ▼ ============*/

/* .js-fadeIn */
#st250801AWLOOK .js-show.fadeIn {
  opacity: 0;
  visibility: hidden;
  transition: all 2s;
}

#st250801AWLOOK .js-show.fadeIn.onView {
  opacity: 1;
  visibility: visible;
}

/* .js-fadeUp */
#st250801AWLOOK .js-show.fadeUp {
  opacity: 0;
  -webkit-transform: translate3d(0, 65px, 0);
  transform: translate3d(0, 65px, 0);
}

#st250801AWLOOK .js-show.fadeUp.onView {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 650ms, -webkit-transform 1100ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 650ms, -webkit-transform 1100ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 650ms, transform 1100ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 650ms, transform 1100ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1100ms cubic-bezier(0.23, 1, 0.32, 1);
}

/* .js-scrollIn */
#st250801AWLOOK .js-show.scrollIn {
  opacity: 0;
  transition: none;
  z-index: 0;
  overflow: clip;
}

#st250801AWLOOK .js-show.scrollIn.onView {
  opacity: 1;
  transform: translate(0, 0);
}

#st250801AWLOOK .js-show.scrollIn .inner{
  position: relative;
  height: 0;
  cursor: pointer;
  -webkit-transform: scale(1.3) translate3d(0, 0, 0);
  transform: scale(1.3) translate3d(0, 0, 0);
}

#st250801AWLOOK .js-show.scrollIn .inner::after{
  content: '';
  position: absolute;
  top: 0;
  margin-top: -0.5%;
  left: 0;
  width: 101%;
  height: 101%;
  background-color: #fff;
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right;
}

#st250801AWLOOK .js-show.scrollIn.onView .inner::after{
  -webkit-transform: scaleX(0) translate3d(0, 0, 0);
  transform: scaleX(0) translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 850ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 850ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 850ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 850ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 850ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#st250801AWLOOK .js-show.scrollIn.onView .inner{
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 1350ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 1350ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 1350ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 1350ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1350ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition-delay: 250ms;
  transition-delay: 250ms;
}

/* .js-scrollIn reverse */

#st250801AWLOOK .js-show.scrollIn-reverse {
  opacity: 0;
  transition: none;
  z-index: 0;
  overflow: clip;
}

#st250801AWLOOK .js-show.scrollIn-reverse.onView {
  opacity: 1;
  transform: translate(0, 0);
}

#st250801AWLOOK .js-show.scrollIn-reverse .inner {
  position: relative;
  height: 0;
  cursor: pointer;
  -webkit-transform: scale(1.3) translate3d(0, 0, 0);
  transform: scale(1.3) translate3d(0, 0, 0);
}

#st250801AWLOOK .js-show.scrollIn-reverse .inner::after {
  content: '';
  position: absolute;
  top: 0;
  margin-top: -0.5%;
  left: 0;
  width: 101%;
  height: 101%;
  background-color: #fff;
  /* 🔄 ここだけ変更 */
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
}

#st250801AWLOOK .js-show.scrollIn-reverse.onView .inner::after {
  -webkit-transform: scaleX(0) translate3d(0, 0, 0);
  transform: scaleX(0) translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 850ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 850ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 850ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 850ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 850ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#st250801AWLOOK .js-show.scrollIn-reverse.onView .inner {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 1350ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 1350ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 1350ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 1350ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1350ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition-delay: 250ms;
  transition-delay: 250ms;
}

/* scrollIn の画像の高さ */
#st250801AWLOOK .js-show.scrollIn-reverse .inner,
#st250801AWLOOK .js-show.scrollIn .inner{
  padding-bottom: calc(1060 * var(--variable)* var(--ratio));
}
/*============ ▲ animation ▲ ============*/