@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wdth,wght@1,75,300&family=Josefin+Sans&family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
/*--------------------------------------------------
  reset
--------------------------------------------------*/
.predia img {
  width: auto;
  max-width: 100%;
  height: auto;
  vertical-align: top;
  font-size: 0;
  line-height: 0; }
  @media (max-width: 900px) {
    .predia img {
      width: 100%; } }

.product .c-product__icon__wrap {
  min-height: 20px !important; }

/*--------------------------------------------------
  font
--------------------------------------------------*/
.font-opensans {
  font-family: 'Open Sans', sans-serif;
  font-style: italic;
  letter-spacing: 0.12em; }

.font-readex {
  font-family: 'Readex Pro', sans-serif; }

.font-josefin {
  font-family: 'Josefin Sans', sans-serif; }

/*--------------------------------------------------
  responsive
--------------------------------------------------*/
.for-pc {
  display: block !important; }
  @media (max-width: 900px) {
    .for-pc {
      display: none !important; } }

.for-sp {
  display: none !important; }
  @media (max-width: 900px) {
    .for-sp {
      display: block !important; } }

img.for-pc,
span.for-pc,
br.for-pc {
  display: inline !important; }
  @media (max-width: 900px) {
    img.for-pc,
    span.for-pc,
    br.for-pc {
      display: none !important; } }

img.for-sp,
span.for-sp,
br.for-sp {
  display: none !important; }
  @media (max-width: 900px) {
    img.for-sp,
    span.for-sp,
    br.for-sp {
      display: inline !important; } }

br.for-md {
  display: inline !important; }
  @media (max-width: 1200px) {
    br.for-md {
      display: none !important; } }
  @media (max-width: 900px) {
    br.for-md {
      display: none; } }

/*--------------------------------------------------
  common
--------------------------------------------------*/
sup {
  position: relative;
  top: .4em;
  font-size: 60%;
  vertical-align: top; }

.text-bg {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0; }

.l-main__content--full-width {
  margin-top: 0; }

/*--------------------------------------------------
  UNIQUE setting
--------------------------------------------------*/
.predia {
  color: #484C4E;
  font-family: 'Noto Sans JP', sans-serif;
  letter-spacing: 0.09em; }
  .predia a {
    color: #484C4E; }

.predia__inner {
  width: 1000px;
  margin: 0 auto; }
  @media (max-width: 900px) {
    .predia__inner {
      width: 100%; } }

.predia__hero {
  position: relative;
  width: 1000px;
  margin: 0 auto; }
  @media (max-width: 900px) {
    .predia__hero {
      width: 100%; } }

.swiper-button-prev,
.swiper-button-next {
  top: 48%;
  width: 30px;
  height: 30px;
  border: 2px solid #939393;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }
  @media (max-width: 900px) {
    .swiper-button-prev,
    .swiper-button-next {
      width: 4vw;
      height: 4vw;
      border: 2px solid #fff; } }

.swiper-button-prev {
  left: -45px;
  border-right: none;
  border-top: none; }
  @media (max-width: 900px) {
    .swiper-button-prev {
      left: 4vw; } }

.swiper-button-next {
  right: -45px;
  border-left: none;
  border-bottom: none; }
  @media (max-width: 900px) {
    .swiper-button-next {
      right: 4vw; } }

.swiper-button-next:after, .swiper-button-prev:after {
  display: none; }

.predia__info {
  display: block;
  width: 716px;
  margin: 80px auto 0; }
  @media (max-width: 900px) {
    .predia__info {
      width: 90.66667vw;
      margin: 8.66667vw auto 5.33333vw;
      margin: 8.66667vw auto 0; } }

.predia__info__ttl {
  margin-bottom: 0.8em;
  text-align: center;
  font-size: 45px;
  font-weight: 200;
  color: #09a5a2;
  letter-spacing: 0.1em; }
  @media (max-width: 900px) {
    .predia__info__ttl {
      font-size: 6.66667vw; } }

.predia__info__inner {
  border-bottom: 1px solid #9D9D9D;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .predia__info__inner a {
    -webkit-transition: .5s;
    transition: .5s; }
    .predia__info__inner a:hover {
      opacity: 0.7; }

.predia__info__content {
  position: relative;
  padding: 25px 50px;
  border-top: 1px solid #939393; }
  @media (max-width: 900px) {
    .predia__info__content {
      padding: 5.33333vw 2.66667vw; } }
  .predia__info__content::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 15px;
    height: 10px;
    background: url(/img/predia/images/icon_arrow.png) 0 0 no-repeat;
    background-size: contain; }
    @media (max-width: 900px) {
      .predia__info__content::after {
        top: 60%;
        right: 1.33333vw;
        -webkit-transform: none;
        transform: none;
        width: 3.2vw;
        height: 2.13333vw; } }

.predia__info__date {
  font-size: 14px;
  font-weight: 300;
  color: #939393; }
  @media (max-width: 900px) {
    .predia__info__date {
      font-size: 2.93333vw; } }

.predia__info__txt {
  margin-top: 0.3em;
  font-size: 16px;
  font-weight: 400;
  color: #484C4E; }
  @media (max-width: 900px) {
    .predia__info__txt {
      font-size: 3.2vw; } }

.predia__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 80px auto 0; }
  @media (max-width: 900px) {
    .predia__nav {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 100%;
      margin-top: 6.66667vw;
      padding: 0 4.66667vw;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; } }

.predia__nav__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative;
  width: 240px;
  height: 80px;
  padding-left: 40px;
  background: #e6f0f0;
  font-size: 24px;
  color: #484C4E;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: .5s;
  transition: .5s; }
  @media (max-width: 900px) {
    .predia__nav__item {
      width: 44vw;
      margin-top: 2.66667vw;
      padding-left: 5.33333vw;
      font-size: 5.33333vw; } }
  .predia__nav__item::after {
    content: '';
    display: block;
    position: absolute;
    top: 30px;
    right: 30px;
    width: 11px;
    height: 17px;
    background: url(/img/predia/images/icon_arrow02.png) 0 0 no-repeat;
    background-size: contain; }
    @media (max-width: 900px) {
      .predia__nav__item::after {
        top: 9.33333vw;
        right: 4vw;
        width: 2.13333vw;
        height: 3.2vw; } }
  .predia__nav__item:hover {
    color: #fff;
    background: #64bab9; }
    .predia__nav__item:hover::after {
      height: 30px;
      background: url(/img/predia/images/icon_arrow02_hover.png) 0 0 no-repeat;
      background-size: contain; }
      @media (max-width: 900px) {
        .predia__nav__item:hover::after {
          height: 5.86667vw; } }

.predia__about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  min-height: 500px;
  margin-top: 60px;
  background: url(/img/predia/images/about_bg.png) no-repeat center;
  background-size: cover; }
  @media (max-width: 900px) {
    .predia__about {
      min-height: 0;
      margin-top: 13.33333vw;
      background: url(/img/predia/images/about_bg_sp.png) no-repeat center;
      background-size: cover;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; } }

.predia__about__inner {
  position: relative; }
  @media (max-width: 900px) {
    .predia__about__inner {
      width: 100%;
      padding: 14.4vw 0 20vw 10vw; } }

.predia__about__ttl {
  font-size: 44px;
  text-align: center;
  color: #2c709d; }
  @media (max-width: 900px) {
    .predia__about__ttl {
      text-align: left;
      font-size: 7.73333vw; } }

.predia__about__txt {
  margin-top: 2em;
  font-size: 16px;
  font-weight: 400;
  color: #2c709d;
  text-align: center;
  line-height: 2.27; }
  @media (max-width: 900px) {
    .predia__about__txt {
      text-align: left;
      font-size: 3.46667vw;
      font-weight: normal; } }

.predia__campaign {
  position: relative;
  margin: 120px auto 110px; }
  @media (max-width: 900px) {
    .predia__campaign {
      margin: 13.86667vw 5.33333vw 17.33333vw; } }

.predia__campaign__ttl {
  margin: 0 auto;
  font-size: 45px;
  color: #09a5a2;
  text-align: center; }
  @media (max-width: 900px) {
    .predia__campaign__ttl {
      font-size: 6.66667vw; } }

.predia__campaign__bnr {
  width: 590px;
  margin: 30px auto 0;
  background: #fff; }
  @media (max-width: 900px) {
    .predia__campaign__bnr {
      width: 89.33333vw;
      margin-top: 5.86667vw; } }
  .predia__campaign__bnr a {
    -webkit-transition: .5s;
    transition: .5s; }
    .predia__campaign__bnr a:hover {
      opacity: 0.7; }

.predia__section {
  position: relative;
  margin-top: 114px; }
  @media (max-width: 900px) {
    .predia__section {
      margin-top: 17.86667vw; } }

.predia__product {
  position: relative; }

.predia__section__ttl {
  text-align: center;
  font-size: 45px;
  color: #09a5a2; }
  @media (max-width: 900px) {
    .predia__section__ttl {
      font-size: 6.66667vw; } }

.predia__product__lineup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 30px; }
  @media (max-width: 900px) {
    .predia__product__lineup {
      margin-top: 5.86667vw !important; } }

.product .predia .c-product__item {
  width: 230px !important; }
  @media (max-width: 900px) {
    .product .predia .c-product__item {
      width: 42.66667vw !important; }
      .product .predia .c-product__item:nth-of-type(n +3) {
        margin-top: 5.33333vw; } }

.product .predia .c-product__thumb__img {
  background: #F4F4F4; }

.product .predia .c-product__brand {
  font-size: 14px;
  font-weight: 400; }
  @media (max-width: 900px) {
    .product .predia .c-product__brand {
      margin-top: 4vw !important;
      font-size: 2.93333vw; } }

.product .predia .c-product__product-name {
  margin-top: 0.5em;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.9; }
  @media (max-width: 900px) {
    .product .predia .c-product__product-name {
      font-size: 3.2vw; } }

.product .predia .c-product__size {
  margin: .8em 0;
  font-size: 14px;
  font-weight: 300; }
  @media (max-width: 900px) {
    .product .predia .c-product__size {
      font-size: 2.93333vw; } }

.product .predia .c-product__price {
  color: #09a5a2;
  font-size: 24px;
  font-weight: 400;
  font-family: 'Josefin Sans', sans-serif;
  letter-spacing: 0.1em; }
  @media (max-width: 900px) {
    .product .predia .c-product__price {
      font-size: 5.33333vw; } }
  .product .predia .c-product__price span {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Noto Sans JP', sans-serif; }
    @media (max-width: 900px) {
      .product .predia .c-product__price span {
        font-size: 2.66667vw; } }

.product .predia .block-list-add-cart-btn {
  position: relative;
  width: 100%;
  height: 68px;
  padding-right: 1em;
  background: #64bab9;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: .5s;
  transition: .5s; }
  @media (max-width: 900px) {
    .product .predia .block-list-add-cart-btn {
      height: 10.66667vw;
      font-size: 2.93333vw; } }
  .product .predia .block-list-add-cart-btn:hover {
    opacity: 0.7; }
  .product .predia .block-list-add-cart-btn::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 18px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 32px;
    height: 27px;
    background: url(/img/predia/images/cart_white.png) 0 0 no-repeat;
    background-size: contain; }
    @media (max-width: 900px) {
      .product .predia .block-list-add-cart-btn::after {
        right: 2.93333vw;
        width: 4.93333vw;
        height: 4.26667vw; } }

.predia__series__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  margin-top: 44px; }
  @media (max-width: 900px) {
    .predia__series__container {
      display: block;
      margin-top: 5.86667vw; } }

.predia__series__box {
  display: block;
  position: relative;
  width: 320px;
  -webkit-transition: .5s;
  transition: .5s; }
  @media (max-width: 900px) {
    .predia__series__box {
      width: 100%; }
      .predia__series__box + .predia__series__box {
        margin-top: 11.2vw; } }
  .predia__series__box:hover {
    opacity: 0.7; }

.predia__series__img {
  position: relative;
  width: 278px;
  margin: 0 auto;
  border-bottom: 3px solid #434343; }
  @media (max-width: 900px) {
    .predia__series__img {
      width: 90.66667vw; } }
  .predia__series__img img {
    width: 278px;
    height: 266px !important;
    -o-object-fit: cover;
    object-fit: cover; }
    @media (max-width: 900px) {
      .predia__series__img img {
        width: 100%;
        height: auto !important;
        -o-object-fit: contain;
        object-fit: contain; } }

.predia__series__ttl {
  position: relative;
  width: 190px;
  margin: -20px auto;
  padding: 11px 0 8px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  line-height: 1;
  border-bottom: 3px solid #434343; }
  @media (max-width: 900px) {
    .predia__series__ttl {
      width: 47.6vw;
      margin-top: -4.66667vw;
      padding: 2.93333vw 0 2.13333vw; } }
  .series01 .predia__series__ttl {
    background: rgba(136, 152, 132, 0.9); }
  .series02 .predia__series__ttl {
    background: rgba(92, 117, 134, 0.9); }
  .series03 .predia__series__ttl {
    background: rgba(106, 110, 113, 0.9); }

.predia__series__content {
  margin-top: -150px;
  padding: 175px 32px 32px;
  font-size: 14px;
  font-weight: 400;
  line-height: 2; }
  @media (max-width: 900px) {
    .predia__series__content {
      margin-top: -37.86667vw;
      padding: 43.2vw 8.53333vw 6vw;
      font-size: 3.46667vw; } }
  .series01 .predia__series__content {
    background: #dbe5db; }
  .series02 .predia__series__content {
    background: #dee6ec; }
  .series03 .predia__series__content {
    background: #d2d6d7; }

.predia__series__icon {
  position: absolute;
  right: 10px;
  bottom: -22px;
  width: 47px;
  height: 47px; }
  @media (max-width: 900px) {
    .predia__series__icon {
      bottom: -5.86667vw;
      width: 11.73333vw;
      height: 11.73333vw; } }

.predia__category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 925px;
  margin: 65px auto 0; }
  @media (max-width: 900px) {
    .predia__category {
      width: 100%;
      padding: 0 4.66667vw;
      margin-top: 5.86667vw;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; } }
  .predia__category::after {
    display: block;
    content: '';
    width: 220px;
    height: 0; }
    @media (max-width: 900px) {
      .predia__category::after {
        width: 44vw; } }

.predia__category__btn {
  position: relative;
  width: 220px;
  margin-bottom: 20px; }
  @media (max-width: 900px) {
    .predia__category__btn {
      width: 44vw;
      margin-bottom: 2.66667vw; } }
  .predia__category__btn .predia__category__btn__off {
    -webkit-transition: .5s;
    transition: .5s; }
  .predia__category__btn .predia__category__btn__on {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1; }
  .predia__category__btn:hover .predia__category__btn__off {
    opacity: 0; }
  .predia__category__btn:hover .predia__category__btn__on {
    display: block; }

.predia__lineup {
  margin-bottom: 35px; }