@charset "UTF-8";

html {
  font-size: 62.5%;
}


body {
  width: 100%;
}


img,
video,
svg {
  width: 100%;
  height: auto;
}


a {
  display: block;
}

/*==========================
			共通
=========================*/

/*.back_pc{
    background: url(../img/FURVARD_pc.jpg); 
    background-repeat: no-repeat;
    background-position: center;
    background-size: 128rem;
    background-position-y: -15.1rem;
}

*/
#ORIGINAL-LOGO-SERIES {
  width: 110rem;
  margin: auto;
  margin-top: 6rem;
  margin-bottom: 12rem;
  font-size: 1.4rem;
  letter-spacing: 0.025em;
  line-height: 2;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  color: #333333;
  font-feature-settings: "palt";
}

.ta_c {
  text-align: center;
}

.TrajanSansPro {
  font-family: trajan-sans-pro, sans-serif;
  font-weight: 300;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #7c7c56;
}

.img {
  width: 50rem;
}

.color-img {
  width: 12.2rem;
}

.description-box .text-box {
  margin-bottom: 2.8rem;
}

.price {
  font-size: 1.6rem;
  margin-bottom: 6.2rem;
}

.price a {
  display: inline-block;
}

.color-text {
  font-size: 1.3rem;
  margin-bottom: 1.5rem;
}

.list-block {
  width: 106rem;
  margin: auto;
  margin-bottom: 12rem;
}

.flex {
  display: flex;
}

/*========//共通==============================================*/


/*==========================
      TOP
=========================*/


.top {
  width: 110rem;
  margin: auto;
  margin-bottom: 12rem;
}

.main-visual {
  width: 100%;
  margin-bottom: 11.3rem;
}


/*========//TOP==============================================*/


/*==========================
      list-block01
=========================*/


.list-block01 .description-box {
  margin-left: 6rem;
  margin-top: 23.3rem;
}


/*========//list-block01==============================================*/

/*==========================
      list-block02
=========================*/
.list-block02 {
  margin-top: -8rem;
}

.list-block02 .description-box {
  margin-top: 49rem;
}

.img02 {
  margin-left: 4.5rem;
}

/*========//list-block02==============================================*/

/*==========================
      ボタン
=========================*/

.lp-button a {
  font-size: 1.3rem;
  font-family: pragmatica, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  padding: 1.4rem 3.7rem 1.3rem;
  display: inline-block;
  color: #272727;
  border: 1px solid #8b8b8b;
  letter-spacing: 0.08em;
}

/*=======//ボタン==============================================*/

/*==========================
		アニメーション
=========================*/

.fade {
  opacity: 0;
  transition-duration: 2s;
  transition-property: opacity, transform;
}

.scroll {
  opacity: 1;
  transform: translate(0, 0);
}


.fade-top {
  opacity: 0;
  transition-duration: 2s;
  transition-property: opacity, transform;
}

.scroll-top {
  opacity: 1;
  transform: translate(0, 0);
}

/*=======//アニメーション=========================================*/

/*=====PCのみ==============================*/
@media screen and (min-width: 768px) {
  .sp_only {
    display: none;
  }

  .pc-order01 {
    order: 1;
  }

  .pc-order02 {
    order: 2;
  }

  .list-block02 {
    justify-content: flex-end;
  }

  .list-block02 .flex {
    justify-content: flex-end;
  }
}

/*=====//PCのみ==============================*/

/*=====タブレットのみ==============================*/
@media screen and (min-width: 768px) and (max-width: 1100px) {
  html {
    font-size: calc(10*(100vw/1110)) !important;
  }

  /*  .list-block02 .description-box {
    margin-left: calc(170*(100vw/1110));
}*/
}

/*=====//タブレットのみ==============================*/

/*=====SPのみ==============================*/
@media screen and (max-width: 767px) {
  .pc_only {
    display: none;
  }

  /*==========================
			共通
=========================*/

  /*.back_sp{
    background: url(../img/FURVARD_sp.jpg); 
    background-repeat: no-repeat;
    background-position: center;
    background-position-y: -90.2px;
    background-size: 100%;
}*/

  #ORIGINAL-LOGO-SERIES {
    width: calc(750*(100vw/750));
    margin: auto;
    margin-bottom: calc(180*(100vw/750));
    font-size: calc(28*(100vw/750));
  }

  .sp-ta_c {
    text-align: center;
  }

  .img {
    width: calc(680*(100vw/750));
    margin-bottom: calc(57*(100vw/750));
  }

  .color-img {
    width: calc(250*(100vw/750));
    margin: auto;
  }

  .description-box .text-box {
    margin-bottom: calc(43*(100vw/750));
  }

  .price {
    font-size: calc(32*(100vw/750));
    margin-bottom: calc(76*(100vw/750));
  }

  .color-text {
    font-size: calc(26*(100vw/750));
    margin-bottom: calc(30*(100vw/750));
  }

  .list-block {
    width: calc(680*(100vw/750));
    margin: auto;
    margin-bottom: calc(180*(100vw/750));
  }

  .flex {
    display: flex;
    flex-direction: column;
  }

  /*========//共通==============================================*/


  /*==========================
      TOP
=========================*/


  .top {
    width: calc(750*(100vw/750));
    margin: auto;
    margin-bottom: calc(170*(100vw/750));
  }

  .main-visual {
    width: 100%;
    margin-bottom: calc(168*(100vw/750));
  }


  /*========//TOP==============================================*/


  /*==========================
      list-block01
=========================*/


  .list-block01 .description-box {
    margin-left: 0;
    margin-top: 0;
  }


  /*========//list-block01==============================================*/

  /*==========================
      list-block02
=========================*/
  .list-block02 {
    margin-right: 0;
    margin: auto;
    margin-top: calc(177*(100vw/750));
  }

  .list-block02 .description-box {
    margin-top: 0;
    margin-left: 0;
    margin: auto;
  }

  .img02 {
    margin-left: 0;
  }

  /*========//list-block02==============================================*/

  /*==========================
      ボタン
=========================*/


  .lp-button a {
    font-size: calc(26*(100vw/750));
    font-family: pragmatica, sans-serif;
    font-weight: 300;
    font-style: normal;
    padding: calc(21*(100vw/750)) calc(38*(100vw/750)) calc(22*(100vw/750));
  }
  /*=======//ボタン==============================================*/
}
/*=====//SPのみ==============================*/