@charset "UTF-8";

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

#CE240619formal {
  --zindex-behind: -1;
  --zindex-middle: 0;
  --zindex-front: 1;
  --pointer-none: none;
  --color-credit: #251E1C;
  --color-white: #fff;
  --color-back: #FFFDF7;
  --color-back2: #EDE9DE;
}

/*================================
  breadlist
=================================*/
#breadcrumb .cateList {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: initial;
}

.archiveArea {
  margin-top: calc(130 *(100vw / 750)) !important;
}

#breadcrumb .cateList a {
  width: auto;
}

@media screen and (min-width: 768px) {
  #breadcrumb {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
  }

  #breadcrumb .cateList {
    text-overflow: clip;
    white-space: normal;
    overflow: visible;
  }

  .archiveArea {
    margin-top: 115px !important;
  }
}

/*================================
  variables
=================================*/
#CE240619formal img,
#CE240619formal picture,
#CE240619formal a {
  display: inline-block;
  width: 100%;
  height: auto;
}

#CE240619formal a:hover {
  transition: .5s;
  opacity: .6s;
}

#CE240619formal span {
  display: inline-block;
}

#CE240619formal .flexArea {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
}

#CE240619formal .gridWrap {
  display: grid;
  margin: 0 auto;
  width: 100%;
}

/*--------------------------------
  variables for mobile
--------------------------------*/
@media screen and (max-width: 767px) {
  #CE240619formal .flexArea-sp {
    display: flex;
    width: 100%;
    margin: 0 auto;
  }

  #CE240619formal .pc_only {
    display: none !important;
  }
}

/*--------------------------------
  variables for desktop
--------------------------------*/
@media only screen and (min-width: 768px) {
  #CE240619formal .flexArea-pc {
    display: flex;
    width: 100%;
    margin: 0 auto;
  }

  #CE240619formal .gridWrap-pc {
    display: grid;
    margin: 0 auto;
    width: 100%;
  }
}

/* end variables */
/*================================
  font
=================================*/
#CE240619formal .font-ja-sans {
  /* font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "メイリオ", sans-serif; */
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: "palt";
}

#CE240619formal .font-ja-serif {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-weight: 600;
  font-style: normal;
  font-feature-settings: "palt";
}

#CE240619formal .font-en-serif {
  font-family: "Crimson Text", serif;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: "palt"
}

#CE240619formal .font-en-serif2 {
  font-family: "loretta-display", serif;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: "palt";
  -webkit-font-smoothing: initial;
}

#CE240619formal .font-en-serif3 {
  font-family: "Petit Formal Script", cursive;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: "palt"
}

#CE240619formal .font-logo {
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
  font-style: normal;
}


/*================================
  font
=================================*/
#CE240619formal [data-ttl-txt] {
  font-size: calc(57 *(100vw /750));
  letter-spacing: 0.05em;
}

#CE240619formal [data-ttl-numb] {
  font-size: calc(120 *(100vw /750));
  letter-spacing: 0.05em;
}

#CE240619formal [data-caption] {
  font-size: calc(24 *(100vw /750));
  line-height: 2.2;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 767px) {
  #CE240619formal [data-caption] {
    text-align: justify;
  }
}

#CE240619formal [data-caption="00"] {
  text-align: center;
}

#CE240619formal .data-category {
  font-size: calc(24 *(100vw /750));
  letter-spacing: 0.025em;
  display: flex;
  align-items: center;
}

#CE240619formal .data-category-one {
  column-gap: calc(4*(100vw /750));
}

#CE240619formal .item-area__ttl {
  font-size: calc(40 *(100vw /750));
  letter-spacing: 0.05em;
  letter-spacing: 0.068em;
  padding-left: calc(22*(100vw / 750));
}

#CE240619formal .credit-txt {
  font-size: calc(28 *(100vw /750));
  letter-spacing: -0.04em;
  text-align: center;
  text-decoration: underline;
  text-decoration-color: #b2b2b2;
  text-decoration-thickness: calc(1*(100vw / 750));
  text-underline-offset: calc(6*(100vw / 750));
  margin-top: calc(28*(100vw / 750));
}

#CE240619formal .lastArea__logo {
  font-size: calc(32 *(100vw /750));
  line-height: 1.75;
  letter-spacing: 0.025em;
  text-align: center;
  margin-bottom: calc(26 *(100vw /750));
}

#CE240619formal .lastArea__cont {
  font-size: calc(24 *(100vw /750));
  letter-spacing: 0.025em;
}

#CE240619formal .allBtn__inner {
  font-size: calc(22 *(100vw /750));
  line-height: 1.5454545455;
  letter-spacing: 0.02em;
  text-align: center;
  padding: calc(26*(100vw / 750)) 0;
}

/*--------------------------------
  font for desktop
--------------------------------*/
@media only screen and (min-width: 768px) {
  #CE240619formal [data-ttl-txt] {
    font-size: 3.8rem;
  }

  #CE240619formal [data-ttl-numb] {
    font-size: 8rem;
    letter-spacing: 0.075em;
  }

  #CE240619formal [data-ttl-lead] {
    font-size: 2rem;
    line-height: 2;
    letter-spacing: 0.05em;
    letter-spacing: 0.1em;
  }

  #CE240619formal [data-caption] {
    font-size: 1.3rem;
    line-height: 2.2;
    letter-spacing: 0.075em;
    letter-spacing: -0.07em;
  }

  #CE240619formal [data-caption="00"] {
    text-align: center;
    letter-spacing: 0.05em;
  }

  #CE240619formal .data-category {
    font-size: 1.3rem;
  }

  #CE240619formal .data-category-one {
    column-gap: 0.2rem;
  }

  #CE240619formal .item-area__ttl {
    font-size: 2.4rem;
    padding-left: 1.6rem;
  }

  /* #CE240619formal .item-area__ttl2 {
    letter-spacing: 0.05em;
    padding-left: 2.4rem;
  } */

  #CE240619formal .credit-txt {
    font-size: 1.3rem;
    letter-spacing: 0.025em;
    text-decoration-thickness: 0.1rem;
    text-underline-offset: 0.4rem;
    margin-top: 3rem;
  }

  #CE240619formal .lastArea__logo {
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
  }

  #CE240619formal .lastArea__cont {
    font-size: 1.3rem;
  }

  #CE240619formal .allBtn__inner {
    font-size: 1.1rem;
    line-height: 1.5454545455;
    letter-spacing: 0.025em;
    padding: 1.35rem 0;
  }
}

/* end font */


/*================================
  layout
=================================*/
#CE240619formal [data-ttl] {
  position: relative;
  display: flex;
  align-items: baseline;
}

#CE240619formal [data-ttl]::before,
#CE240619formal [data-ttl]::after,
#CE240619formal [data-item-area]::after {
  content: "";
  display: block;
  background: #000;
  position: absolute;
  z-index: var(--zindex-behind);
  pointer-events: var(--pointer-none);
}

#CE240619formal [data-ttl]::after {
  top: calc(144*(100vw / 750));
  left: calc(192*(100vw / 750));
  width: calc(2*(100vw / 750));
  height: calc(110*(100vw / 750));
  transform: rotate(-158deg);
  z-index: var(--zindex-front);
}

@media only screen and (max-width: 767px) {
  #CE240619formal [data-ttl]::before {
    width: calc(40 *(100vw /750));
    height: calc(150 *(100vw /750));
  }

  #CE240619formal [data-ttl-lead] {
    position: absolute;
    z-index: var(--zindex-front);
    pointer-events: var(--pointer-none);
  }
}

#CE240619formal [data-icon] {
  width: calc(54 *(100vw /750));
}

#CE240619formal [data-icon="01"] {
  margin-left: calc(20 *(100vw /750));
}

#CE240619formal [data-icon="02"] {
  margin-left: calc(10 *(100vw /750));
}

#CE240619formal [data-item-area] {
  position: relative;
}

#CE240619formal [data-item-area]::after {
  top: calc(23 *(100vw /750));
  left: 0;
  width: 100vw;
  height: 1px;
}

#CE240619formal .item-area__ttl {
  width: calc(422 *(100vw /750));
  background: #fff;
  margin: 0 auto calc(84 *(100vw /750));
}

#CE240619formal .item-area__list {
  width: calc(690 *(100vw /750));
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}

#CE240619formal .item-area__list-wrap {
  width: calc(470*(100vw / 750));
  flex-wrap: wrap;
  row-gap: calc(50 *(100vw /750));
}

#CE240619formal .item-list__cont {
  width: calc(210 *(100vw /750));
}

/*===== firstviewArea =====*/
#CE240619formal .firstviewArea {
  margin: 0 auto calc(192 *(100vw /750));
}

#CE240619formal .firstviewArea__img {
  margin: 0 auto calc(126 *(100vw /750));
}

/*===== block01 =====*/
#CE240619formal .block01 {
  margin: 0 auto calc(226 *(100vw /750));
}

#CE240619formal [data-ttl="01"] {
  justify-content: flex-end;
  padding-right: calc(50 *(100vw /750));
  margin-bottom: calc(96 *(100vw /750));
}

#CE240619formal [data-ttl="01"]::before {
  top: calc(-62*(100vw / 750));
  left: auto;
  right: calc(34*(100vw / 750));
  background: #CDD1CC;
  opacity: 60%;
}

#CE240619formal [data-ttl="01"]::after {
  left: auto;
  right: calc(118*(100vw / 750));
}

@media only screen and (max-width: 767px) {
  #CE240619formal [data-ttl-lead="01"] {
    top: calc(288*(100vw / 750));
    left: auto;
    right: calc(100*(100vw / 750));
    width: calc(106*(100vw / 750));
  }
}

#CE240619formal [data-img="01"] {
  margin-bottom: calc(64 *(100vw /750));
}

#CE240619formal .block01__txtWrap {
  width: calc(650 *(100vw /750));
  margin: 0 auto calc(80 *(100vw /750));
}

#CE240619formal [data-caption="01"] {
  margin-bottom: calc(20 *(100vw /750));
  letter-spacing: -0.02em;
}

#CE240619formal [data-img="02"] {
  width: calc(650 *(100vw /750));
  margin: 0 auto calc(116 *(100vw /750));
}

/*===== block02 =====*/
#CE240619formal .block02 {
  margin: 0 auto calc(250 *(100vw /750));
}

#CE240619formal [data-ttl="02"] {
  justify-content: flex-start;
  padding-left: calc(65*(100vw / 750));
  margin-bottom: calc(76*(100vw / 750));
}

#CE240619formal [data-ttl-txt="02"] {
  margin-right: calc(4*(100vw /750));
}

#CE240619formal [data-ttl="02"]::before {
  top: calc(-28*(100vw / 750));
  left: calc(42*(100vw / 750));
  height: calc(180*(100vw / 750));
  background: #C2D2E4;
  opacity: 60%;
}

#CE240619formal [data-ttl="02"]::after {
  left: calc(192*(100vw / 750));
}

@media only screen and (max-width: 767px) {
  #CE240619formal [data-ttl-lead="02"] {
    top: calc(288*(100vw / 750));
    left: calc(108*(100vw / 750));
    width: calc(106*(100vw / 750));
  }
}

#CE240619formal [data-img="03"] {
  margin-bottom: calc(64 *(100vw /750));
}

#CE240619formal .block02__txtWrap {
  width: calc(650 *(100vw /750));
  margin: 0 auto calc(72 *(100vw /750));
}

#CE240619formal [data-caption="02"] {
  letter-spacing: 0.018em;
}

#CE240619formal [data-img="04"] {
  width: calc(560*(100vw / 750));
  margin: 0 auto calc(118*(100vw / 750)) calc(140*(100vw / 750));
}

/*===== block03 =====*/
#CE240619formal .block03 {
  margin: 0 auto calc(204 *(100vw /750));
}

#CE240619formal [data-ttl="03"] {
  justify-content: flex-end;
  padding-right: calc(45 *(100vw /750));
  margin-bottom: calc(104*(100vw /750));
}

#CE240619formal [data-ttl-txt="03"] {
  margin-right: calc(2*(100vw /750));
}

#CE240619formal [data-ttl="03"]::before {
  top: calc(-52*(100vw / 750));
  left: auto;
  right: calc(42*(100vw / 750));
  background: #2DA2F5;
  opacity: 20%;
  height: calc(180*(100vw / 750));
}

#CE240619formal [data-ttl="03"]::after {
  left: auto;
  right: calc(140*(100vw / 750));
}

@media only screen and (max-width: 767px) {
  #CE240619formal [data-ttl-lead="03"] {
    top: calc(288*(100vw / 750));
    left: auto;
    right: calc(116*(100vw / 750));
    width: calc(108*(100vw / 750));
  }
}

#CE240619formal [data-img="05"] {
  width: calc(650*(100vw / 750));
  margin: 0 auto calc(66*(100vw / 750));
}

#CE240619formal .block03__txtWrap {
  width: calc(650 *(100vw /750));
  margin: 0 auto calc(80 *(100vw /750));
}

#CE240619formal [data-caption="03"] {
  margin-bottom: calc(20 *(100vw /750));
}

#CE240619formal [data-img="06"] {
  margin: 0 auto calc(116 *(100vw /750));
}

/*===== block04 =====*/
#CE240619formal .block04 {
  margin: 0 auto calc(228 *(100vw /750));
}

#CE240619formal [data-ttl="04"] {
  justify-content: flex-start;
  padding-left: calc(74*(100vw / 750));
  margin-bottom: calc(232*(100vw / 750));
}

#CE240619formal [data-ttl-txt="04"] {
  margin-right: calc(5*(100vw /750));
}

#CE240619formal [data-ttl="04"]::before {
  top: calc(-22*(100vw / 750));
  left: calc(50*(100vw / 750));
  height: calc(198*(100vw / 750));
  background: #E6E3DA;
  opacity: 70%;
}

#CE240619formal [data-ttl="04"]::after {
  left: calc(164*(100vw / 750));
}

@media only screen and (max-width: 767px) {
  #CE240619formal [data-ttl-lead="04"] {
    top: calc(288*(100vw / 750));
    left: calc(56*(100vw / 750));
    width: calc(106*(100vw / 750));
  }
}

#CE240619formal [data-img="07"] {
  width: calc(642*(100vw / 750));
  margin: 0 0 calc(64*(100vw / 750)) auto;
}

#CE240619formal .block04__txtWrap {
  width: calc(590*(100vw / 750));
  margin: 0 auto calc(70*(100vw / 750)) calc(108*(100vw / 750));
}

#CE240619formal [data-caption="04"] {
  letter-spacing: -0.01em;
}

#CE240619formal [data-img="08"] {
  margin: 0 auto calc(118*(100vw / 750));
}

#CE240619formal .lastArea {
  margin: 0 auto calc(120*(100vw / 750));
}

#CE240619formal .lastArea__contWrap {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: calc(40*(100vw / 750));
}

#CE240619formal .lastArea__cont {
  display: flex;
  align-items: center;
  column-gap: calc(24*(100vw / 750));
}

#CE240619formal .lastArea__cont-img {
  width: calc(60*(100vw / 750));
}

#CE240619formal .allBtn {
  width: calc(660*(100vw / 750));
  border: solid #000 calc(2*(100vw / 750));
  margin: 0 auto calc(40*(100vw / 750));
}

/*--------------------------------
  layout for desktop
--------------------------------*/
@media only screen and (min-width: 768px) {
  #CE240619formal [data-ttl]::before {
    width: 3rem;
    height: 13rem;
  }

  #CE240619formal [data-ttl]::after {
    top: 9.3rem;
    left: 34%;
    width: 1px;
    height: 8rem;
    transform: rotate(-150deg);
  }

  #CE240619formal [data-ttl-lead] {
    width: 21rem;
  }

  #CE240619formal [data-icon] {
    width: 3rem;
  }

  #CE240619formal [data-icon="01"] {
    margin-left: 1rem;
  }

  #CE240619formal [data-icon="02"] {
    margin-left: 0.5rem;
  }

  #CE240619formal [data-item-area] {
    width: 60rem;
    margin: 0 auto;
  }

  #CE240619formal [data-item-area]::after {
    top: 1.1rem;
    width: 100%;
  }

  #CE240619formal .item-area__ttl {
    width: 24rem;
    margin-bottom: 6.2rem;
  }

  #CE240619formal .item-area__list {
    width: 51rem;
  }

  #CE240619formal .item-area__list-wrap {
    width: 69rem;
    margin-left: -7.5%;
  }

  #CE240619formal .item-list__cont {
    width: 15rem;
  }

  /*===== firstviewArea =====*/
  #CE240619formal .firstviewArea {
    width: 120rem;
    margin: 0 auto 11.5rem;
  }

  #CE240619formal .firstviewArea__img {
    margin-bottom: 11.2rem;
  }

  /*===== block01 =====*/
  #CE240619formal .block01 {
    margin-bottom: 20.2rem;
  }

  #CE240619formal .block01__inner {
    width: 83rem;
    margin: 0 auto;
    grid-template-columns: 7rem 34rem 20.7rem;
    grid-template-rows: 15rem 63rem 4rem 17.2rem 46.6rem auto;
  }

  #CE240619formal [data-ttl="01"] {
    flex-wrap: wrap;
    justify-content: flex-start;
    grid-column: 4/5;
    grid-row: 2/3;
    padding: 0;
    margin-bottom: auto;
  }

  #CE240619formal [data-ttl="01"]::before {
    top: -7rem;
    right: 6rem;
  }

  #CE240619formal [data-ttl-lead="01"] {
    width: 21rem;
    margin: 10.3rem 0 0 0.3rem;
  }

  #CE240619formal [data-img="01"] {
    width: 52rem;
    margin-bottom: 0;
    grid-column: 1/4;
    grid-row: 1/3;
  }

  #CE240619formal .block01__txtWrap {
    width: 30rem;
    margin: 0;
    grid-column: 2/3;
    grid-row: 5/6;
  }

  #CE240619formal [data-caption="01"] {
    margin-bottom: 1.5rem;
    letter-spacing: -0.07em;
  }

  #CE240619formal [data-img="02"] {
    width: 36rem;
    margin-bottom: 0;
    grid-column: 3/5;
    grid-row: 4/6;
  }

  #CE240619formal [data-item-area="01"] {
    grid-column: 1/5;
    grid-row: 6/7;
  }

  /*===== block02 =====*/
  #CE240619formal .block02 {
    margin-bottom: 21.5rem;
  }

  #CE240619formal .block02__inner {
    width: 86rem;
    margin: 0 auto;
    grid-template-columns: 30rem 9rem auto;
    grid-template-rows: 12rem 54rem 27.2rem 20.8rem 9.8rem auto;
  }

  #CE240619formal [data-ttl="02"] {
    flex-wrap: wrap;
    justify-content: flex-start;
    grid-column: 1/2;
    grid-row: 2/3;
    padding: 0;
    margin: 0 0 auto 2.8rem;
  }

  #CE240619formal [data-ttl-txt="02"] {
    margin-right: 0.5rem;
  }

  #CE240619formal [data-ttl="02"]::before {
    top: -5rem;
    left: -1.8rem;
    height: 14rem;
  }

  #CE240619formal [data-ttl="02"]::after {
    left: 27.5%;
  }

  #CE240619formal [data-ttl-lead="02"] {
    width: 21rem;
    margin: 10.5rem 0 0 0.5rem;
  }

  #CE240619formal [data-img="03"] {
    width: 56rem;
    margin-bottom: 0;
    grid-column: 2/4;
    grid-row: 1/4;
  }

  #CE240619formal .block02__txtWrap {
    width: 40rem;
    margin: 0;
    grid-column: 3/4;
    grid-row: 4/5;
  }

  #CE240619formal [data-caption="02"] {
    letter-spacing: -0.055em;
  }

  #CE240619formal [data-img="04"] {
    width: 32rem;
    margin: 0;
    grid-column: 1/3;
    grid-row: 3/5;
  }

  #CE240619formal [data-item-area="02"] {
    grid-column: 1/5;
    grid-row: 6/7;
  }

  /*===== block03 =====*/
  #CE240619formal .block03 {
    margin-bottom: 24rem;
  }

  #CE240619formal .block03__inner {
    width: 83rem;
    margin: 0 auto;
    grid-template-columns: 3.5rem 8rem 38rem;
    grid-template-rows: 2.8rem 31.8rem 25.2rem 6rem 90rem 9.8rem auto;
  }

  #CE240619formal [data-ttl="03"] {
    flex-wrap: wrap;
    justify-content: flex-start;
    grid-column: 4/5;
    grid-row: 1/3;
    padding: 0;
    margin-bottom: auto;
  }

  #CE240619formal [data-ttl-txt="03"] {
    margin-right: 0.3rem;
  }

  #CE240619formal [data-ttl="03"]::before {
    top: -8.5rem;
    right: 17.2rem;
    height: 14rem;
  }

  #CE240619formal [data-ttl="03"]::after {
    left: 20%;
  }

  #CE240619formal [data-ttl-lead="03"] {
    width: 22rem;
    margin: 10.3rem 0 0;
  }

  #CE240619formal [data-img="05"] {
    width: 38rem;
    margin-bottom: 0;
    grid-column: 2 / 3;
    grid-row: 2 / 4;
  }

  #CE240619formal .block03__txtWrap {
    width: 30rem;
    margin: 0;
    grid-column: 4 / 5;
    grid-row: 3 / 4;
  }

  #CE240619formal [data-caption="03"] {
    margin-bottom: 1.5rem;
  }

  #CE240619formal [data-img="06"] {
    width: 60rem;
    margin: 0;
    grid-column: 3 / 5;
    grid-row: 5 / 6;
  }

  #CE240619formal [data-item-area="03"] {
    grid-column: 3 / 6;
    grid-row: 7 / 8;
    margin: 0;
    overflow: visible;
  }

  /*===== block04 =====*/
  #CE240619formal .block04 {
    margin-bottom: 13.8rem;
  }

  #CE240619formal .block04__inner {
    width: 91rem;
    margin: 0 auto;
    grid-template-columns: 18.3rem 32.7rem 4rem 6rem auto;
    grid-template-rows: 3.2rem 38.8rem 12rem 25rem 39.5rem 9.8rem auto;
  }

  #CE240619formal [data-ttl="04"] {
    flex-wrap: wrap;
    justify-content: flex-start;
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    padding: 0;
    margin: 0;
  }

  #CE240619formal [data-ttl-txt="04"] {
    margin: 0 0.5rem 0 -0.5rem;
  }

  #CE240619formal [data-ttl="04"]::before {
    top: -4.5rem;
    left: -2.4rem;
    height: 14rem;
  }

  #CE240619formal [data-ttl="04"]::after {
    left: 21%;
  }

  #CE240619formal [data-ttl-lead="04"] {
    width: 24rem;
    margin: 0 0 2.3rem;
  }

  #CE240619formal [data-img="07"] {
    width: 36rem;
    margin: 0;
    grid-column: 4 / 7;
    grid-row: 1 / 4;
  }

  #CE240619formal .block04__txtWrap {
    width: 30rem;
    margin: 0;
    grid-column: 6 / 7;
    grid-row: 5 / 6;
  }

  #CE240619formal [data-caption="04"] {
    letter-spacing: -0.07em;
  }

  #CE240619formal [data-img="08"] {
    width: 51rem;
    margin: 0;
    grid-column: 1 / 3;
    grid-row: 3 / 6;
  }

  #CE240619formal [data-item-area="04"] {
    grid-column: 1 / 7;
    grid-row: 7 / 8;
  }

  #CE240619formal .lastArea {
    margin-bottom: 6rem;
  }

  #CE240619formal .lastArea__contWrap {
    column-gap: 2rem;
  }

  #CE240619formal .lastArea__cont {
    column-gap: 1rem;
  }

  #CE240619formal .lastArea__cont-img {
    width: 3.2rem;
  }

  #CE240619formal .allBtn {
    width: 101.5rem;
    border: solid #000 0.1rem;
    margin-bottom: 4rem;
  }
}

/* end layout */



/*================================
  fadeIn
=================================*/
#CE240619formal .js-fadeIn {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1.2s, transform 1.2s;
}

#CE240619formal .js-fadeIn-delay {
  transition-delay: 0.5s;
}

#CE240619formal .js-scrollIn {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/*================================
  change
=================================*/
#CE240619formal [data-look-target],
#CE240619formal .look01__credit {
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}

#CE240619formal [data-look-target].is_view,
#CE240619formal .look01__credit.is_view {
  opacity: 1;
  visibility: visible;
}

/*================================
  liner
=================================*/
#CE240619formal .js-liner {
  height: 0;
  transition: all 1s;
}

#CE240619formal .js-liner100 {
  height: 100%;
}