@charset "UTF-8";

html {
  font-size: 62.5%;
}
.F0203 {
  color: #58595B;
}
.F0203 img {
  width: 100%;
  image-rendering: -webkit-optimize-contrast;
}

/********* ▽ font ▽ *********/
@font-face {
font-family: 'Noto Serif JP', serif;
  font-weight: 400;
  src: url("../font/NotoSerifCJKjp-Regular.otf");
}
@font-face {
font-family: 'Noto Serif JP', serif;
  font-weight: 500;
  src: url("../font/NotoSerifCJKjp-Medium.otf");
}
@font-face {
font-family: 'Noto Serif JP', serif;
  font-weight: 600;
  src: url("../font/NotoSerifJP-SemiBold.otf");
}
@font-face {
  font-family: 'eb-garamond, serif';
  src: url("../font/EBGaramond-Regular.ttf");
}
.F0203 .font-type-ja {
  font-family: "shippori-mincho", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt";
}
.F0203 .font-type-en_01 {
  font-family: "kepler-std-condensed-subhead", serif;
  font-weight: 300;
  font-style: italic;
  font-feature-settings: "palt";
}
.F0203 .font-type-en_02 {
  font-family: "kepler-std-condensed-subhead", serif;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: "palt";
}
/********* △ font △ *********/

@media only screen and (max-width: 767px) {
  #breadcrumb .cateList {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0 !important;
  }
}
/********* ▽ animation ▽ *********/
.F0203 .fade_up {
  opacity: 0;
  transform: translateY(100px);
}
.F0203 .fade_up.active {
  opacity: 1;
  transition-duration: 1.1s;
  transform: translateY(0);
}
@media only screen and (min-width: 768px) {}
@media only screen and (max-width: 767px) {}
/********* △ animation △ *********/


/********* ▽ firstview ▽ *********/
.F0203 .firstview-image {
  width: 100%;
}
.F0203 .firstview-lead {
  line-height: 2;
  letter-spacing: 0.12em;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .F0203 .firstview {
    width: 120rem;
  }
  .F0203 .firstview-lead {
    margin-block-start: 7.4rem;
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .F0203 .firstview {
    width: calc(750*100vw/750);
  }
  .F0203 .firstview-lead {
    margin-block-start: calc(109*100vw/750);
    font-size: calc(26*100vw/750);
  }
}
/********* △ firstview △ *********/


/********* ▽ image ▽ *********/
@media only screen and (min-width: 768px) {
  .F0203 .model-image101 {
    width: 55rem;
    margin-inline-end: 6rem;
  }
  .F0203 .model-image102 {
    width: 43rem;
  }
  .F0203 .model-image201 {
    width: 67rem;
    margin-inline: auto;
  }
  .F0203 .model-image202 {
    width: 50rem;
  }
  .F0203 .model-image203 {
    width: 50rem;
  }
  .F0203 .model-image301 {
    width: 55rem;
    margin-inline-start: 63rem;
  }
  .F0203 .model-image302 {
    width: 48rem;
  }
  .F0203 .model-image303 {
    width: 60rem;
  }
  .F0203 .model-image401 {
    width: 47rem;
  }
  .F0203 .model-image402 {
    position: absolute;
    content: "";
    display: block;
    top: 48.5rem;
    right: 10rem;
    width: 50rem;
    z-index: 2;
  }
  .F0203 .model-image403 {
    width: 90rem;
  }
}
@media only screen and (max-width: 767px) {
  .F0203 .model-image101 {
    width: calc(650*100vw/750);
    margin-inline-start: auto;
  }
  .F0203 .model-image102 {
    width: calc(530*100vw/750);
  }
  .F0203 .model-image201 {
    width: calc(650*100vw/750);
    margin-inline: auto;
    margin-block-start: calc(88*100vw/750);
  }
  .F0203 .model-image202 {
    width: calc(375*100vw/750);
  }
  .F0203 .model-image203 {
    width: calc(375*100vw/750);
  }
  .F0203 .model-image301 {
    width: calc(650*100vw/750);
    margin-inline-start: auto;
  }
  .F0203 .model-image302 {
    width: calc(580*100vw/750);
  }
  .F0203 .model-image303 {
    width: calc(750*100vw/750);
  }
  .F0203 .model-image401 {
    width: calc(580*100vw/750);
  }
  .F0203 .model-image402 {
    width: calc(600*100vw/750);
    margin-block-start: calc(89*100vw/750);
    margin-inline-start: auto;
  }
  .F0203 .model-image403 {
    width: calc(750*100vw/750);
  }
}
/********* △ image △ *********/


/********* ▽ text ▽ *********/
.F0203 .section-text-area {
  position: relative;
}
.F0203 .section-text-area::before {
  position: absolute;
  content: "";
  display: block;
  height: 1px;
  z-index: -1;
  pointer-events: none;
  background: #000;
}
.F0203 .section-title {
  line-height: 1;
  color: #000;
}
.F0203 .section-lead {
  line-height: 2;
  letter-spacing: 0.16em;
}
.F0203 .item-credit {
  line-height: 1.75;
  letter-spacing: 0.08em;
}
.F0203 .item-credit li {
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .F0203 .section-title {
    font-size: 3.2rem;
  }
  .F0203 .section-lead {
    font-size: 1.4rem;
    letter-spacing: 0.16em;
    margin-block-start: 2.8rem;
  }
  .F0203 .item-credit {
    font-size: 1.2rem;
    margin-block-start: 1.6rem;
  }
}
@media only screen and (max-width: 767px) {
  .F0203 .section-title {
    font-size: calc(52*100vw/750);
  }
  .F0203 .section-lead {
    font-size: calc(24*100vw/750);
    letter-spacing: 0.12em;
    margin-block-start: calc(39*100vw/750);
  }
  .F0203 .item-credit {
    font-size: calc(23*100vw/750);
    margin-block-start: calc(31*100vw/750);
  }
}
/********* △ text △ *********/

/********* ▽ common ▽ *********/
.F0203 .section {
  margin-inline: auto;
}
.F0203 .all-item-btn {
  width: fit-content;
  letter-spacing: 0.08em;
  border-block-end: double 3px #58595B;
  color: #000;
  margin-inline: auto;
}
.F0203 .staff-text {
  letter-spacing: 0.08em;
  text-align: center;
  border-block-end: solid 1px #58595B;
  margin-inline: auto;
}
@media only screen and (min-width: 768px) {
  .F0203 .sp-only {
    display: none;
  }
  .F0203 .section {
    width: 120rem;
    margin-inline: auto;
  }
  .F0203 .all-item-btn {
    margin-block-start: 13rem;
    font-size: 2rem;
    line-height: 1.4;
  }
  .F0203 .staff-text {
    margin-block-start: 13.8rem;
    font-size: 1.4rem;
    line-height: 1.7142857143;
    padding-block-end: 13.5rem;
    width: 110rem;
  }
}
@media only screen and (max-width: 767px) {
  .F0203 .pc-only {
    display: none;
  }
  .F0203 .all-item-btn {
    font-size: calc(40*100vw/750);
    line-height: 1.25;
    padding-block-end: calc(9*100vw/750);
    margin-block-start: calc(143*100vw/750);
  }
  .F0203 .staff-text {
    margin-block-start: calc(150*100vw/750);
    font-size: calc(24*100vw/750);
    line-height: 1.75;
    padding-block-end: calc(147*100vw/750);
    width: calc(710*100vw/750);
  }
}
/********* △ common △ *********/

/********* ▽ section_01 ▽ *********/
.F0203 .section_01 {
  display: flex;
}
.F0203 .section_01 .section-text-area {
  text-align: right;
}

@media only screen and (min-width: 768px) {
  .F0203 .section_01 {
    margin-block-start: 11.5rem;
    justify-content: space-between;
    flex-direction: row-reverse;
  }
  .F0203 .section_01 .section-text-area {
    margin-block-start: 13.7rem;
  }
  .F0203 .section_01 .section-text-area::before {
    width: 12.9rem;
    top: 1.4rem;
    left: 29.7rem;
  }
  .F0203 .section_01 .model-area {
    margin-block-start: 65rem;
  }
}
@media only screen and (max-width: 767px) {
  .F0203 .section_01 {
    flex-direction: column;
  }
  .F0203 .section_01 .section-wrap_01 {
    margin-block-start: calc(149*100vw/750);
  }
  .F0203 .section_01 .section-text-area {
    margin-block-start: calc(93*100vw/750);
    margin-inline-end: calc(50*100vw/750);
  }
  .F0203 .section_01 .section-text-area::before {
    width: calc(209*100vw/750);
    top: calc(24*100vw/750);
    left: calc(185*100vw/750);
  }
  .F0203 .section_01 .model-area {
    margin-block-start: calc(92*100vw/750);
  }
  .F0203 .section_01 .item-credit {
    margin-inline-start: calc(50*100vw/750);
  }
}
/********* △ section_01 △ *********/

/********* ▽ section_02 ▽ *********/
.F0203 .section_02 .section-wrap_01,
.F0203 .section_02 .model-area {
  display: flex;
}
.F0203 .section_02 .section-text-area {
  text-align: center;
}
.F0203 .section_02 .section-title {
  display: inline-block;
}
.F0203 .section_02 .section-wrap_02 {
  margin-inline: auto;
}
@media only screen and (min-width: 768px) {
  .F0203 .section_02 {
    margin-block-start: 19.6rem;
  }
  .F0203 .section_02 .section-wrap_01 {
    flex-direction: column-reverse;
  }
  .F0203 .section_02 .section-text-area {
    margin-block-start: 9.7rem;
    width: 40rem;
    margin-inline: auto;
  }
  .F0203 .section_02 .section-text-area::before {
    width: 6.5rem;
    top: 1.4rem;
    left: 6rem;
  }
  .F0203 .section_02 .section-title {
    padding-inline-start: 9rem;
  }
  .F0203 .section_02 .section-wrap_02 {
    width: 106rem;
    margin-block-start: 9.3rem;
    text-align: right;
  }
  .F0203 .section_02 .model-area {
    justify-content: space-between;
  }
}
@media only screen and (max-width: 767px) {
  .F0203 .section_02 {
    margin-block-start: calc(189*100vw/750);
  }
  .F0203 .section_02 .section-wrap_01 {
    flex-direction: column;
  }
  .F0203 .section_02 .section-text-area::before {
    width: calc(89*100vw/750);
    top: calc(24*100vw/750);
    left: calc(146*100vw/750);
  }
  .F0203 .section_02 .section-title {
    padding-inline-start: calc(125*100vw/750);
  }
  .F0203 .section_02 .section-wrap_02 {
    width: calc(750*100vw/750);
    margin-block-start: calc(80*100vw/750);
  }
  .F0203 .section_02 .item-credit {
    margin-inline-start: calc(50*100vw/750);
  }
}
/********* △ section_02 △ *********/

/********* ▽ section_03 ▽ *********/
@media only screen and (min-width: 768px) {
  .F0203 .section_03 {
    width: 140rem;
    margin-block-start: 19.6rem;
  }
  .F0203 .section_03 .section-wrapper_01 {
    display: flex;
    justify-content: space-between;
    padding-inline-start: 5rem;
  }
  .F0203 .section_03 .section-wrap_01 {
    margin-block-start: -10rem;
  }
  .F0203 .section_03 .section-text-area {
    padding-inline: 10rem;
    margin-block-start: 13.8rem;
  }
  .F0203 .section_03 .section-text-area::before {
    width: 17.5rem;
    top: 1.4rem;
    left: 10rem;
  }
  .F0203 .section_03 .section-title {
    text-align: right;
    margin-block-end: 3.3rem;
  }
  .F0203 .section_03 .model-area {
    margin-block-start: 15rem;
    text-align: right;
  }
  .F0203 .section_03 .item-credit {
    letter-spacing: 0.04em;
  }
}
@media only screen and (max-width: 767px) {
  .F0203 .section_03 {
    margin-block-start: calc(194*100vw/750);
  }
  .F0203 .section_03 .section-wrap_01 {
    margin-block-start: calc(80*100vw/750);
  }
  .F0203 .section_03 .section-text-area {
    margin-block-start: calc(95*100vw/750);
    margin-inline-start: calc(49*100vw/750);
  }
  .F0203 .section_03 .section-text-area::before {
    width: calc(277*100vw/750);
    top: calc(24*100vw/750);
    left: calc(0*100vw/750);
  }
  .F0203 .section_03 .section-title {
    text-align: right;
    margin-inline-end: calc(225*100vw/750);
  }
  .F0203 .section_03 .model-area {
    margin-block-start: calc(89*100vw/750);
  }
  .F0203 .section_03 .item-credit {
    margin-inline-start: calc(50*100vw/750);
  }
}
/********* △ section_03 △ *********/

/********* ▽ section_04 ▽ *********/
@media only screen and (min-width: 768px) {
  .F0203 .section_04 {
    position: relative;
    width: 140rem;
    margin-block-start: 19.6rem;
  }
  .F0203 .section_04 .section-wrap_01 {
    display: flex;
    justify-content: space-between;
    padding-inline: 15rem;
  }
  .F0203 .section_04 .section-text-area {
    text-align: right;
    margin-block-start: 20.8rem;
    margin-inline-end: 13.7rem;
  }
  .F0203 .section_04 .section-text-area::before {
    width: 26.5rem;
    top: 1.4rem;
    left: 0rem;
  }
  .F0203 .section_04 .model-area {
    margin-block-start: 29rem;
  }
}
@media only screen and (max-width: 767px) {
  .F0203 .section_04 {
    margin-block-start: calc(192*100vw/750);
  }
  .F0203 .section_04 .section-wrap_01 {
    padding-inline: calc(50*100vw/750);
  }
  .F0203 .section_04 .section-text-area {
    margin-block-start: calc(94*100vw/750);
    text-align: right;
  }
  .F0203 .section_04 .section-text-area::before {
    width: calc(222*100vw/750);
    top: calc(24*100vw/750);
    left: calc(214*100vw/750);
  }
  .F0203 .section_04 .model-area {
    margin-block-start: calc(80*100vw/750);
  }
  .F0203 .section_04 .item-credit {
    margin-inline-start: calc(50*100vw/750);
  }
}
/********* △ section_04 △ *********/



/*******************************************************************************************
margin-top: calc(0*100vw/750);
margin-left: calc(0*100vw/750);
margin-right: calc(0*100vw/750);
margin-bottom: calc(0*100vw/750);
top: calc(0*100vw/750);
left: calc(0*100vw/750);
right: calc(0*100vw/750);
bottom: calc(0*100vw/750);
font-size: calc(0*100vw/750); 
*******************************************************************************************/
@media only screen and (max-width: 1399px) and (min-width: 767px) {
  html {
    font-size: calc(10* (100vw / 1400));
  }
  .win .F0203 .section_01 .section-text-area {
    margin-inline-end: 0.6rem;
  }
  .win .F0203 .section_01 .section-text-area::before {
    left: 29.1rem;
  }
  .F0203 .section_03,
  .F0203 .section_04 {
    width: 100%;
  }
}


@media only screen and (max-width: 1400px){
  .win .F0203 section {
    width: 100%;
  }
}