@charset "UTF-8";

.A0712 {
  --font_jp: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans",  "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", Arial, "メイリオ", Meiryo, sans-serif;
  --font_en-01: "nimbus-sans", sans-serif;
  --font_en-02: "trajan-pro-3", serif;
  --color_black: #000000;
  --color_white: #ffffff;
  --color_gray: #bebebe;
  --color_border: #1a1311;
}
.A0712 .font_jp {
  font-family: var(--font-jp);
  font-feature-settings: "palt";
}
.A0712 .font_en-01 {
  font-family: var(--font_en-01);
}
.A0712 .font_en-02 {
  font-family: var(--font_en-02);
}


/* --------------- ▽ setting_area ▽ --------------- */
.header {
  position: fixed;
  top: 0;
} 
html {
	font-size: 62.5%;
}
.A0712 {
  width: 100%;
  overflow: hidden;
  padding-top: 20.7rem;
}
.A0712 img {
  width: 100%;
}
.A0712 .sp_only {
  display: none;
}
@media only screen and (max-width: 1399px) and (min-width: 768px) {
	html {
		font-size: calc(10* (100vw / 1400));
	}   
}
@media only screen and (max-width: 767px) {
	html {
    font-size: calc(10* (100vw / 750));
  }
  .A0712 {
    padding-top: calc(100*100vw/750);
  }
  .A0712 .sp_only {
    display: block;
  }
  .A0712 .pc_only {
    display: none;
  }
}
/* --------------- △ setting_area △ --------------- */


/* --------------- ▽ firstview_area ▽ --------------- */
.A0712 .fv {
  position: relative;
  width: 110rem;
  margin-inline: auto;
}
.A0712 .fv_img {
  display: flex;
}
.A0712 .fv_img > div:nth-child(1) {
  width: 69rem;
}
.A0712 .fv_img > div:nth-child(2) {
  position: relative;
  width: 41rem;
}
.A0712 .fv_ttl {
  position: absolute;
  top: 25.7rem;
  right: 6.2rem;
  text-align: center;
  color: var(--color_white);
  z-index: 2;
}
.A0712 .fv_ttl > p:nth-child(1) > span:nth-child(1) {
  display: block;
  font-size: 3.5rem;
  letter-spacing: 0.01em;
}
.A0712 .fv_ttl > p:nth-child(1) > span:nth-child(2) {
  display: block;
  margin-top: 0.4rem;
  font-size: 4.062rem;
  letter-spacing: 0.09em;
  font-style: italic;
}
.A0712 .fv_ttl > p:nth-child(2) {
  position: relative;
  left: 0rem;
  margin-top: 2.5rem;
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.05em;
  font-weight: 500;
  white-space: nowrap;
}
.A0712 .fv_lead {
  margin-top: 9.3rem;
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.075em;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .A0712 .fv {
    width: calc(750*100vw/750);
  }
  .A0712 .fv_img {
    flex-direction: column-reverse;
  }
  .A0712 .fv_img > div:nth-child(1),
  .A0712 .fv_img > div:nth-child(2) {
    width: calc(750*100vw/750);
  }
  .A0712 .fv_ttl {
    top: calc(382*100vw/750);
    right: calc(137*100vw/750);
  }
  .A0712 .fv_ttl > p:nth-child(1) > span:nth-child(1) {
    font-size: calc(52.5*100vw/750);
  }
  .A0712 .fv_ttl > p:nth-child(1) > span:nth-child(2) {
    margin-top: calc(6*100vw/750);
    font-size: calc(60.93*100vw/750);
  }
  .A0712 .fv_ttl > p:nth-child(2) {
    left: calc(6*100vw/750);
    margin-top: calc(31*100vw/750);
    font-size: calc(23*100vw/750);
    line-height: 1.8695652174;
  }
  .A0712 .fv_lead {
    margin-top: calc(77*100vw/750);
    font-size: calc(23*100vw/750);
    line-height: 1.8695652174;
    letter-spacing: 0.05em;
  }
}
/* --------------- △ firstview_area △ --------------- */

/* --------------- ▽ common_all ▽ --------------- */
.A0712 .content_lead {
  font-size: 1.3rem;
  line-height: 2.0769230769;
  letter-spacing: 0.05em;
  font-weight: 400;
  text-align: justify;
}
.A0712 .content_credit {
  margin-top: 2.9rem;
  font-size: 1.2rem;
  line-height: 2.1666666667;
  letter-spacing: 0.05em;
}
.A0712 .content_credit > a {
  display: inline-block;
  text-decoration: underline;
  margin-inline: 0 0.9rem;
}
.A0712 .model_txt_num {
  margin-bottom: 1.5rem;
  font-size: 4rem;
  line-height: 1;
  letter-spacing: 0.05em;
  color: var(--color_gray);
}
.A0712 .check_btn {
  margin: 16rem auto 16.6rem;
  width: fit-content;
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: 0.04em;
  color: var(--color_black);
}
.A0712 .check_btn > a {
  border-bottom: 1px solid var(--color_border);
  padding-bottom: 0.4rem;
}
@media screen and (max-width: 767px) {
  .A0712 .content_lead {
    font-size: calc(23*100vw/750);
    line-height: 1.8695652174;
    font-weight: 500;
  }
  .A0712 .content_credit {
    margin-top: calc(53*100vw/750);
    font-size: calc(24*100vw/750);
    line-height: 2;
  }
  .A0712 .content_credit > a {
    margin-inline: calc(0*100vw/750);
  }
  .A0712 .model_txt_num {
    position: absolute;
    margin-bottom: calc(0*100vw/750);
    font-size: calc(70*100vw/750);
    line-height: 1;
    letter-spacing: 0.05em;
    z-index: 2;
  }
  .A0712 .check_btn {
    margin: calc(187*100vw/750) auto calc(90*100vw/750);
    font-size: calc(30*100vw/750);
    line-height: 1;
    letter-spacing: 0.037em;
  }
  .A0712 .check_btn > a {
    border-bottom: 1px solid var(--color_border);
    padding-bottom: calc(3*100vw/750);
  }
}
/* --------------- △ common_all △ --------------- */

/* --------------- ▽ infomation ▽ --------------- */
.A0712 .info_main {
  display: flex;
}
.A0712 .info_main > a:nth-child(1) {
  width: calc(850*100vw/1400);
}
.A0712 .info_main > a:nth-child(2) {
  position: relative;
  width: calc(550*100vw/1400);
}
.A0712 .info_txt {
  position: absolute;
  color: var(--color_white);
  text-align: center;
  pointer-events: none;
  z-index: 2;
}
.A0712 .info_txt_ttl {
  font-size: calc(20*100vw/1400);
  line-height: 1.8;
  letter-spacing: 0.065em;
  font-weight: 400;
}
.A0712 .info_txt_item {
  font-size: calc(19*100vw/1400);
  line-height: 1;
  letter-spacing: 0.115em;
  font-weight: 400;
}
.A0712 .info_txt_lead {
  margin-top: calc(31*100vw/1400);
  font-size: calc(14*100vw/1400);
  line-height: 2.0714285714;
  letter-spacing: 0.075em;
  font-weight: 500;
  text-decoration: underline;
}
.A0712 .info_desc {
  display: flex;
  justify-content: space-between;
  width: 140rem;
  margin-inline: auto;
}
.A0712 .info_desc_inner {
  display: flex;
  flex-wrap: wrap;
  width: 51.3rem;
  margin-top: 0.6rem;
}
.A0712 .info_desc_img {
  width: 25.2rem;
}
.A0712 .info_desc_txt {
  width: 33.8rem;
}
.A0712 .info_desc_txt .content_lead {
  margin-top: 3.4rem;
}
.A0712 .info_desc_txt .content_lead:nth-child(1) {
  margin-top: 0;
}

/* jacket_area */
.A0712 .content_info-01 {
  margin-top: 9.7rem;
}
.A0712 .content_info-01 .info_txt {
  top: calc(214*100vw/1400);
  right: calc(143*100vw/1400);
}
.A0712 .content_info-01 .info_desc {
  margin-top: 9.3rem;
}
.A0712 .content_info-01 .info_desc_inner {
  justify-content: space-between;
  margin-left: 25.21rem;
}
.A0712 .content_info-01 .info_desc_txt {
  margin-right: 24.4rem;
}
/* jacket_area */

/* pants_area */
.A0712 .content_info-02 {
  margin-top: 16.2rem;
}
.A0712 .content_info-02 .info_txt {
  top: calc(211*100vw/1400);
  right: calc(122*100vw/1400);
}
.A0712 .content_info-02 .info_main {
  flex-direction: row-reverse;
}
.A0712 .content_info-02 .info_desc {
  flex-direction: row-reverse;
  margin-top: 9.3rem;
}
.A0712 .content_info-02 .info_desc_inner {
  justify-content: center;
  gap: 0.9rem;
  margin-right: 24.49rem;
}
.A0712 .content_info-02 .info_desc_img:nth-child(3) {
  width: 27rem;
}
.A0712 .content_info-02 .info_desc_txt {
  margin-left: 25.13rem;
}
/* pants_area */

@media screen and (max-width: 767px) {
  .A0712 .info_main {
    flex-direction: column;
  }
  .A0712 .info_main > a:nth-child(1),
  .A0712 .info_main > a:nth-child(2) {
    width: calc(750*100vw/750);
  }
  .A0712 .info_txt_ttl {
    font-size: calc(34*100vw/750);
  }
  .A0712 .info_txt_item {
    margin-top: calc(-7*100vw/750);
    font-size: calc(32.3*100vw/750);
    line-height: 1.4736842105;
  }
  .A0712 .info_txt_lead {
    margin-top: calc(35*100vw/750);
    font-size: calc(23*100vw/750);
    line-height: 1.9565217391;
    letter-spacing: 0.05em;
  }
  .A0712 .info_desc {
    display: block;
    width: calc(750*100vw/750);
  }
  .A0712 .info_desc_inner {
    flex-direction: column;
    width: calc(750*100vw/750);
    margin-top: calc(100*100vw/750);
  }
  .A0712 .info_desc_img {
    display: flex;
    justify-content: space-between;
    width: calc(750*100vw/750);
    margin-top: calc(100*100vw/750);
  }
  .A0712 .info_desc_img:nth-child(1) {
    margin-top: 0;
  }
  .A0712 .info_desc_img:nth-child(2) {
    flex-direction: row-reverse;
  }
  .A0712 .info_desc_img > a{
    width: calc(270.1754*100vw/750);
  }
  .A0712 .info_desc_img > p {
    width: calc(420*100vw/750);
    margin: calc(-10*100vw/750) calc(30*100vw/750) 0;
    margin-inline: calc(30*100vw/750);
  }
  
  /* jacket_area */
  .A0712 .content_info-01 {
    margin-top: calc(127*100vw/750);
  }
  .A0712 .content_info-01 .info_txt {
    top: calc(100*100vw/750);
    right: calc(160*100vw/750);
  }
  .A0712 .content_info-01 .info_desc {
    margin-top: calc(0*100vw/750);
  }
  .A0712 .content_info-01 .info_desc_inner {
    margin-left: calc(0*100vw/750);
  }
  /* jacket_area */
  
  /* pants_area */
  .A0712 .content_info-02 {
    margin-top: calc(150*100vw/750);
  }
  .A0712 .content_info-02 .info_txt {
    top: calc(100*100vw/750);
    right: calc(127*100vw/750);
  }
  .A0712 .content_info-02 .info_main {
    flex-direction: column;
  }
  .A0712 .content_info-02 .info_desc {
    margin-top: calc(0*100vw/750);
  }
  .A0712 .content_info-02 .info_desc {
    flex-direction: row-reverse;
  }
  .A0712 .content_info-02 .info_desc_inner {
    justify-content: space-between;
    gap: calc(0*100vw/750);
    margin-right: calc(0*100vw/750);
  }
  .A0712 .content_info-02 .info_desc_img:nth-child(3) {
    width: calc(750*100vw/750);
  }
  .A0712 .content_info-02 .info_desc_img:nth-child(3) > a {
    width: calc(289.4737*100vw/750);
  }
  .A0712 .content_info-02 .info_desc_img:nth-child(3) > p {
    margin-inline: calc(0*100vw/750) calc(34*100vw/750);
    width: calc(387*100vw/750);
    letter-spacing: 0.01em;
  }
  
  /* pants_area */
}
/* --------------- △ infomation △ --------------- */

/* --------------- ▽ common_model ▽ --------------- */
.A0712 .content_model {
  width: 140rem;
  margin: 19.4rem auto 0;
}
.A0712 .model_ttl {
  color: var(--color_gray);
  line-height: 1.2;
  letter-spacing: 0.025em;
  text-align: center;
}
.A0712 .model_ttl > span:nth-child(1) {
  font-size: 3.5rem;
  display: block;
}
.A0712 .model_ttl > span:nth-child(2) {
  font-size: 4.5rem;
  display: block;
}
.A0712 .content_model > div[class^="model"] {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.A0712 .model_pos_img {
  position: absolute;
  z-index: 2;
}
.A0712 .content_model .model_img {
  width: 50rem;
}
.A0712 .content_model .content_lead {
  width: 28.9rem;
}

/* model_01 */
.A0712 .model-01 {
  margin-top: 8.2rem;
  padding-inline: 27.95rem 29.75rem;
}
.A0712 .model-01 .model_pos_img {
  top: 35.58rem;
  right: 29.95rem;
  width: 36rem;
}
/* model_01 */

/* model_02 */
.A0712 .model-02 {
  margin-top: 25.4rem;
  flex-direction: row-reverse;
  padding-inline: 27.85rem 29.95rem;
}
.A0712 .model-02 .content_credit {
  text-align: right;
}
.A0712 .model-02 .content_credit > a {
  margin-inline: 0.9rem 0;
}
.A0712 .model-02 .model_pos_img {
  top: 51.76rem;
  left: 27.95rem;
  width: 49.5rem;
}
.A0712 .model-02 .model_txt_num {
  margin-bottom: 2rem;
}
.A0712 .model-02 .content_lead {
  width: 27.6rem;
}
/* model_02 */

/* model_03 */
.A0712 .model-03 {
  margin-top: 35.5rem;
  padding-inline: 27.95rem 29.77rem;
}
.A0712 .model-03 .model_pos_img {
  top: -11.12rem;
  right: 29.95rem;
  width: 36rem;
}
.A0712 .model-03 .model_txt {
  margin-top: 43.8rem;
}
.A0712 .model-03 .model_txt_num {
  margin-bottom: 2rem;
}
.A0712 .model-03 .content_lead {
  width: 27.6rem;
}
/* model_03 */

@media screen and (max-width: 767px) {
  .A0712 .content_model {
    width: calc(750*100vw/750);
    margin: calc(163*100vw/750) auto 0;
  }
  .A0712 .model_ttl > span:nth-child(1) {
    font-size: calc(42*100vw/750);
    line-height: 1.0238095238;
  }
  .A0712 .model_ttl > span:nth-child(2) {
    font-size: calc(54*100vw/750);
    line-height: 1.3953488372;
  }
  .A0712 .content_model > div[class^="model"] {
    position: relative;
    display: block;
  }
  .A0712 .content_model .model_img {
    width: calc(500*100vw/750);
  }
  .A0712 .content_model .content_lead {
    width: calc(650*100vw/750);
    margin: calc(43*100vw/750) auto 0;
  }

  /* model_01 */
  .A0712 .model-01 {
    margin-top: calc(82*100vw/750);
    padding-inline: 0;
  }
  .A0712 .model-01 .model_txt_num {
    top: calc(297*100vw/750);
    right: calc(145*100vw/750);
  }
  .A0712 .model-01 .model_pos_img {
    top: calc(380.7*100vw/750);
    right: 0;
    width: calc(360*100vw/750);
  }
  .A0712 .model-01 .content_credit {
    margin-left: calc(34*100vw/750);
  }
  .A0712 .model-01 .content_credit > a {
    display: block;
  }
  /* model_01 */

  /* model_02 */
  .A0712 .model-02 {
    margin-top: calc(140*100vw/750);
    padding-inline: 0;
  }
  .A0712 .model-02 .model_img {
    width: calc(750*100vw/750);
  }
  .A0712 .model-02 .model_img > a {
    width: calc(500*100vw/750);
    margin-left: auto;
  }
  .A0712 .model-02 .content_credit {
    text-align: center;
    margin-top: calc(237*100vw/750);
  }
  .A0712 .model-02 .content_credit > a {
    margin-inline: calc(10*100vw/750) 0;
  }
  .A0712 .model-02 .model_txt_num {
    top: calc(442*100vw/750);
    left: calc(140*100vw/750);
  }
  .A0712 .model-02 .model_pos_img {
    top: calc(526.3*100vw/750);
    left: calc(0*100vw/750);
    width: calc(495*100vw/750);
  }
  .A0712 .model-02 .model_txt_num {
    margin-bottom: calc(0*100vw/750);
  }
  .A0712 .model-02 .content_lead {
    width: calc(650*100vw/750);
    margin: calc(48*100vw/750) auto 0;
  }
  /* model_02 */

  /* model_03 */
  .A0712 .model-03 {
    margin-top: calc(250*100vw/750);
    padding-inline: 0;
  }
  .A0712 .model-03 .model_img {
    width: calc(750*100vw/750);
  }
  .A0712 .model-03 .model_img > a {
    width: calc(500*100vw/750);
  }
  .A0712 .model-03 .content_credit {
    text-align: center;
    margin-top: calc(56*100vw/750);
  }
  .A0712 .model-03 .content_credit > a {
    margin-inline: calc(5*100vw/750);
  }
  .A0712 .model-03 .model_pos_img {
    top: calc(-111.2*100vw/750);
    right: calc(0*100vw/750);
    width: calc(360*100vw/750);
  }
  .A0712 .model-03 .model_txt {
    margin-top: calc(0*100vw/750);
  }
  .A0712 .model-03 .model_txt_num {
    top: calc(420*100vw/750);
    right: calc(133*100vw/750);
    margin-bottom: calc(0*100vw/750);
  }
  .A0712 .model-03 .content_lead {
    width: calc(650*100vw/750);
    margin: calc(47*100vw/750) auto 0;
  }
  /* model_03 */
}
/* --------------- △ common_model △ --------------- */
.A0712 .fade_up,
.A0712 .js_fade > picture,
.A0712 .js_fade > .info_txt,
.A0712 .js_fade > .fv_ttl {
  opacity: 0;
  transform: translate(0, 20px);
}
.A0712 .fade_up.active,
.A0712 .js_fade.active > picture {
  opacity: 1;
  transform: none;
  transition: all 1.2s ease 0s;
}
.A0712 .js_fade.active > .info_txt,
.A0712 .js_fade.active > .fv_ttl {
  opacity: 1;
  transform: none;
  transition: all 1.2s ease .9s;
}
.A0712 .fade_img {
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
}
.A0712 .fade_img.active {
  clip-path: inset(0);
  transition: 1.5s ease;
}
.A0712 .fade_txt {
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
}
.A0712 .fade_txt.active {
  opacity: 1;
  transition: .5s ease;
  transform: none;
  visibility: visible;
}