@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500&family=Noto+Serif+JP:wght@400;500&display=swap');

main.fs-l-main, .fs-l-pageMain{
  max-width: none;
  margin: 0;
  padding: 0;
}

img{
  image-rendering: -webkit-optimize-contrast;
}
.wrap *{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
  color: #1F214B;
  line-height: 1.5;
}

/*FV（共通）ここから*/
.fv-wrap img{
  margin: 0 auto;
}
.fv{
  margin: 0 auto;
  position: relative;
}
.fv-inner{
  position: absolute;
  left: 0;
  z-index: 1;
}
.fv-inner h1{
  font-family: 'Noto Serif JP', serif;
  font-weight: 500;
  border-bottom: solid 1px #1F214B;
}
.fv-inner p{
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
}
/*FV（共通）ここまで*/

.women, .men, .jadma, .guide, .company{
  margin: 0 auto;
}

/* 女性・男性セクション（共通）ここから */
.women, .men{
  display: grid;
}
.women img, .men img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.women h2, .men h2{
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
}
/* 女性・男性セクション（共通）ここまで */

/* JADMA（共通）ここから */
.jadma{
  text-align: center;
}
.jadma p{
  font-weight: 400;
  color: #000;
}
/* JADMA（共通）ここまで */

/* お買い物ガイド（共通）ここから */
.guide{
  background-color: #DDDEE4;
}
.guide ul{
  margin: 0 auto;
}
.guide ul li h2{
  font-weight: 500;
}
.guide ul li h2 img{
  vertical-align: text-bottom;
}
.guide ul li div p{
  font-weight: 400;
}
/* お買い物ガイド（共通）ここまで */

/* 会社情報（共通）ここから */
.company h2{
  font-weight: 500;
}
.company h2 img{
  vertical-align: text-bottom;
}
.company .company-inner dl dt{
  font-weight: 500;
  border-bottom: solid 1px rgba(31,34,72,0.5);
}
.company .company-inner dl dd{
  font-weight: 400;
}
/* 会社情報（共通）ここまで */

/*PCここから*/
@media screen and (min-width: 1025px){
  .pc{
    display: block !important;
  }
  .tb, .sp{
    display: none !important;
  }
  
  /* FV（PC）ここから */
  .fv{
    width: 1025px;
  }
  .fv-inner{
    width: 400px;
    top: 100px;
  }
  .fv-inner h1{
    font-size: 34px;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .fv-inner p{
    font-size: 22px;
  }
  /* FV（PC）ここまで */
  
  .women, .men, .jadma, .guide, .company{
    width: 1025px;
    margin-top: 100px;
  }
  .jadma, .guide{
    margin-top: 140px;
  }
  
  /* 女性・男性（PC）セクションここから */
  .women, .men{
    grid-template-rows: 0.5fr 0.5fr auto 0.72fr auto;
    grid-gap: 20px;
    max-height: 1137px;
  }
  .women{
    grid-template-columns: 0.4fr 1.3fr 0.35fr 1fr;
  }
  .men{
    grid-template-columns: 0.4fr 1.45fr 0.2fr 1fr;
  }
  .women img:nth-of-type(1), .men img:nth-of-type(1){
    grid-area: 1 / 1 / 3 / 4;
  }
  .women img:nth-of-type(2), .men img:nth-of-type(2){
    grid-area: 1 / 4 / 2 / 5;
  }
  .women img:nth-of-type(3), .men img:nth-of-type(3){
    grid-area: 2 / 4 / 3 / 5;
  }
  .women img:nth-of-type(4){
    grid-area: 3 / 2 / 6 / 3;
  }
  .women h2{
    grid-area: 4 / 5 / 3 / 3;
  }
  .women img:nth-of-type(5){
    grid-area: 4 / 3 / 5 / 5;
  }
  .women p{
    grid-area: 5 / 3 / 6 / 5;
  }
  .men h2{
    grid-area: 3 / 2 / 4 / 3;
  }
  .men img:nth-of-type(4){
    grid-area: 4 / 2 / 5 / 3;
  }
  .men p{
    grid-area: 5 / 2 / 6 / 3;
  }
  .men img:nth-of-type(5){
    grid-area: 3 / 3 / 6 / 5;
  }
  .women h2, .men h2{
    font-size: 30px;
  }
  .women p, .men p{
    font-size: 20px;
  }
  /* 女性・男性（PC）セクションここまで */
  
  /* JADMA（PC）ここから */
  .jadma p{
    font-size: 20px;
    margin-top: 15px;
  }
  /* JADMA（PC）ここまで */
  
  /* お買い物ガイド（PC）ここから */
  .guide{
    text-align: center;
    padding: 75px 0;
  }
  .guide ul{
    width: 900px;
  }
  .guide ul li + li{
    margin-top: 45px;
  }
  .guide ul li h2{
    font-size: 26px;
    border-bottom: solid 1px #1F214B;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .guide ul li h2 img{
    margin: 0 15px;
  }
  .guide ul li div p{
    font-size: 16px;
  }
  .guide ul li div p:not(.note) + p.note{
    margin-top: 10px;
  }
  .guide ul li div p.note{
    font-size: 14px;
    color: #000;
  }
  /* お買い物ガイド（PC）ここまで */
  
  /* 会社情報（PC）ここから */
  .company{
    margin-bottom: 100px;
  }
  .company h2{
    font-size: 26px;
    border-bottom: solid 1px #1F214B;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .company h2 img{
    margin-right: 15px;
  }
  .company .company-inner{
    display: grid;
    grid-column-gap: 3.0vw;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
  }
  .company .company-inner dl:nth-of-type(2n){
    margin-top: 30px;
  }
  .company .company-inner dl:nth-of-type(1){
    grid-area: 1 / 1 / 2 / 2;
  }
  .company .company-inner dl:nth-of-type(2){
    grid-area: 2 / 1 / 3 / 2;
  }
  .company .company-inner dl:nth-of-type(3){
    grid-area: 1 / 2 / 2 / 3;
  }
  .company .company-inner dl:nth-of-type(4){
    grid-area: 2 / 2 / 3 / 3;
  }
  .company .company-inner dl dt{
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .company .company-inner dl dt, .company .company-inner dl dd{
    font-size: 12px;
  }
  /* 会社情報（PC）ここまで */
}
/*PCここまで*/

/*TBここから*/
@media screen and (max-width: 1024px) and (min-width: 450px){
  .tb{
    display: block !important;
  }
  .pc, .sp{
    display: none !important;
  }
  
  /* FV（TB）ここから */
  .fv{
    width: 80%;
  }
  .fv-inner{
    width: 40%;
    top: 5.0vw;
  }
  .fv-inner h1{
    font-size: 2.6vw;
    padding-bottom: 1.0vw;
    margin-bottom: 1.0vw;
  }
  .fv-inner p{
    font-size: 1.4vw;
  }
  /* FV（TB）ここまで */
  
  .women, .men, .jadma, .guide, .company{
    width: 80%;
    margin-top: 6.0vw;
  }
  .jadma, .guide{
    margin-top: 8.0vw;
  }
  
  /* 女性・男性（TB）セクションここから */
  .women, .men{
    grid-template-rows: 0.5fr 0.5fr auto 0.6fr auto;
    grid-gap: 2.0vw;
    max-height: 67.0vh;
  }
  .women{
    grid-template-columns: 0.4fr 1.3fr 0.35fr 1fr;
  }
  .men{
    grid-template-columns: 0.4fr 1.45fr 0.2fr 1fr;
  }
  .women img:nth-of-type(1), .men img:nth-of-type(1){
    grid-area: 1 / 1 / 3 / 4;
  }
  .women img:nth-of-type(2), .men img:nth-of-type(2){
    grid-area: 1 / 4 / 2 / 5;
  }
  .women img:nth-of-type(3), .men img:nth-of-type(3){
    grid-area: 2 / 4 / 3 / 5;
  }
  .women img:nth-of-type(4){
    grid-area: 3 / 2 / 6 / 3;
  }
  .women h2{
    grid-area: 4 / 5 / 3 / 3;
  }
  .women img:nth-of-type(5){
    grid-area: 4 / 3 / 5 / 5;
  }
  .women p{
    grid-area: 5 / 3 / 6 / 5;
  }
  .men h2{
    grid-area: 3 / 2 / 4 / 3;
  }
  .men img:nth-of-type(4){
    grid-area: 4 / 2 / 5 / 3;
  }
  .men p{
    grid-area: 5 / 2 / 6 / 3;
  }
  .men img:nth-of-type(5){
    grid-area: 3 / 3 / 6 / 5;
  }
  .women h2, .men h2{
    font-size: 2.8vw;
  }
  .women p, .men p{
    font-size: 2.0vw;
  }
  /* 女性・男性（TB）セクションここまで */
  
  /* JADMA（TB）ここから */
  .jadma img{
    width: 22.0vw;
  }
  .jadma p{
    font-size: 1.4vw;
    margin-top: 1.5vw;
  }
  /* JADMA（TB）ここまで */
  
  /* お買い物ガイド（TB）ここから */
  .guide{
    text-align: center;
    padding: 6.5vw 0;
  }
  .guide ul{
    width: 90%;
  }
  .guide ul li + li{
    margin-top: 4.0vw;
  }
  .guide ul li h2{
    font-size: 2.2vw;
    border-bottom: solid 1px #1F214B;
    padding-bottom: 1.5vw;
    margin-bottom: 1.5vw;
  }
  .guide ul li h2 img{
    margin: 0 1.0vw;
  }
  .guide ul li div p{
    font-size: 1.4vw;
  }
  .guide ul li div p:not(.note) + p.note{
    margin-top: 1.0vw;
  }
  .guide ul li div p.note{
    font-size: 1.2vw;
    color: #000;
  }
  /* お買い物ガイド（TB）ここまで */
  
  /* 会社情報（TB）ここから */
  .company{
    margin-bottom: 8.0vw;
  }
  .company h2{
    font-size: 2.2vw;
    border-bottom: solid 1px #1F214B;
    padding-bottom: 1.5vw;
    margin-bottom: 1.5vw;
  }
  .company h2 img{
    margin-right: 1.0vw;
  }
  .company .company-inner{
    display: grid;
    grid-column-gap: 3.0vw;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
  }
  .company .company-inner dl:nth-of-type(2n){
    margin-top: 3.0vw;
  }
  .company .company-inner dl:nth-of-type(1){
    grid-area: 1 / 1 / 2 / 2;
  }
  .company .company-inner dl:nth-of-type(2){
    grid-area: 2 / 1 / 3 / 2;
  }
  .company .company-inner dl:nth-of-type(3){
    grid-area: 1 / 2 / 2 / 3;
  }
  .company .company-inner dl:nth-of-type(4){
    grid-area: 2 / 2 / 3 / 3;
  }
  .company .company-inner dl dt{
    padding-bottom: 1.0vw;
    margin-bottom: 1.0vw;
  }
  .company .company-inner dl dt, .company .company-inner dl dd{
    font-size: 1.2vw;
  }
  /* 会社情報（TB）ここまで */
}
/*TBここまで*/

/*SPここから*/
@media screen and (max-width: 450px){
  .sp{
    display: block !important;
  }
  .pc, .tb{
    display: none !important;
  }
  
  /* FV（SP）ここから */
  .fv{
    width: 85%;
  }
  .fv-inner{
    width: 75%;
    top: 30.0vw;
  }
  .fv-inner h1{
    font-size: 6.0vw;
    padding-bottom: 1.5vw;
    margin-bottom: 1.5vw;
  }
  .fv-inner p{
    font-size: 3.5vw;
  }
  /* FV（SP）ここまで */
  
  .women, .men, .jadma{
    width: 90%;
    margin-top: 8.0vw;
  }
  .jadma, .guide{
    margin-top: 10.0vw;
  }
  
  /* 女性・男性（SP）セクションここから */
  .women, .men{
    grid-template-rows: 1.5fr auto 0.8fr 0.8fr auto;
    grid-gap: 3.0vw;
    max-height: 100vh;
  }
  .women{
    grid-template-columns: 1.9fr 1.7fr;
  }
  .men{
    grid-template-columns: 1.7fr 1.9fr;
  }
  .women img:nth-of-type(1), .men img:nth-of-type(1){
    grid-area: 1 / 1 / 2 / 3;
  }
  .women h2, .men h2{
    grid-area: 2 / 1 / 3 / 3;
    font-size: 5.3vw;
  }
  .women img:nth-of-type(2){
    grid-area: 3 / 1 / 4 / 2;
  }
  .women img:nth-of-type(5){
    grid-area: 4 / 1 / 5 / 2;
  }
  .women img:nth-of-type(4){
    grid-area: 3 / 2 / 5 / 3;
  }
  .men img:nth-of-type(5){
    grid-area: 3 / 1 / 5 / 2;
  }
  .men img:nth-of-type(4){
    grid-area: 3 / 2 / 4 / 3;
  }
  .men img:nth-of-type(2){
    grid-area: 4 / 2 / 5 / 3;
  }
  .women p, .men p{
    grid-area: 5 / 1 / 6 / 3;
    font-size: 3.3vw;
  }
  /* 女性・男性（SP）セクションここまで */
  
  /* JADMA（SP）ここから */
  .jadma img{
    width: 40.0vw;
  }
  .jadma p{
    font-size: 3.3vw;
    margin-top: 2.0vw;
  }
  /* JADMA（SP）ここまで */
  
  /* お買い物ガイド（SP）ここから */
  .guide ul li h2{
    font-size: 4.3vw;
    border-top: solid 1px #1F214B;
    padding: 3.0vw 4.0vw;
    position: relative;
  }
  .guide ul li h2 img{
    vertical-align: middle;
    height: 5.5vw;
  }
  .guide ul li h2 img:nth-of-type(1){
    margin-right: 2.0vw;
  }
  .guide ul li h2 img:nth-of-type(2){
    margin-left: 4.0vw;
  }
  .guide ul li h2::after{
    font-size: 5.0vw;
    font-weight: 300;
    content: '＋';
    position: absolute;
    right: 4.0vw;
  }
  .guide ul li h2.show::after{
    content: '－';
  }
  .guide ul li div{
    border-top: solid 1px #1F214B;
    padding: 5.0vw 4.0vw;
    display: none;
  }
  .guide ul li div p{
    font-size: 3.5vw;
  }
  .guide ul li div p:not(.note) + p.note{
    margin-top: 4.0vw;
  }
  .guide ul li div p.note{
    font-size: 3.3vw;
    color: #000;
  }
  /* お買い物ガイド（SP）ここまで */
  
  /* 会社情報（SP）ここから */
  .company{
    background-color: #DDDEE4;
  }
  .company h2{
    font-size: 4.3vw;
    border-top: solid 1px #1F214B;
    padding: 3.0vw 4.0vw;
    position: relative;
  }
  .company h2 img{
    margin-right: 2.0vw;
    vertical-align: middle;
    height: 5.5vw;
  }
  .company h2::after{
    font-size: 5.0vw;
    font-weight: 300;
    content: '＋';
    position: absolute;
    right: 4.0vw;
  }
  .company h2.show::after{
    content: '－';
  }
  .company .company-inner{
    border-top: solid 1px #1F214B;
    padding: 5.0vw 4.0vw;
    display: none;
  }
  .company .company-inner dl + dl{
    margin-top: 5.0vw;
  }
  .company .company-inner dl dt{
    padding-bottom: 1.0vw;
    margin-bottom: 1.0vw;
  }
  .company .company-inner dl dt, .company .company-inner dl dd{
    font-size: 3.5vw;
  }
  /* 会社情報（SP）ここまで */
}
/*SPここまで*/