@charset "UTF-8";

html {
  font-size: 62.5%;
}

body {
  width: 100%;
}

img,
video,
svg {
  width: 100%;
  height: auto;
}
/* ===============================================
  ### Foundation ###
=============================================== */

/* ===============================================
  ### Object ###
=============================================== */
/* ===============================================
  ### Layout ###
=============================================== */
/* ===========================
  * Style of SP-view *
=========================== */
/* base style */
@font-face {
  src: url("../fonts/HKGrotesk-Regular.woff2") format("woff2"), url("../fonts/HKGrotesk-Regular.woff") format("woff");
  font-family: "HKGrotesk";
}


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



/*.back_pc{
    background: url(../img/knit_pc.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 140rem;
    background-position-y: -11.2rem;
}*/

 /*パンくず スタイル*/
 .breadcrumb__list {
   padding-bottom: 1.6rem;
 }

 @media screen and (max-width:750px) {

   /*パンくず スタイル SP*/
   .breadcrumb__list {
     padding-bottom: calc(18 * (100vw/750));
   }
 }


#norcby_paddingcoat_211113 {
  width: 100%;
  margin: auto;
  margin-bottom: 26.5rem;
  /*padding-top: 3rem;*/
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  line-height: 2;
  font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HiraMinProN", "游明朝体", "Yu Mincho", YuMincho, "MS P明朝", "MS PMincho", source-han-serif-japanese, serif;
  font-style: normal;
  font-weight: normal;
  color: #000000;
  overflow-x: hidden;
}

#norcby_paddingcoat_211113 h2 {
  color: #E3D9D2;
  font-family: HKGrotesk;
  font-size: 5rem;
  letter-spacing: .075em;
  line-height: 1;
  margin-bottom: 3.8rem;
}

#norcby_paddingcoat_211113 h3.sub-ttl{
  font-size: 2.4rem;
  letter-spacing: 0.1em;
  line-height: 1.5;
  margin-bottom: 2rem;
}

#norcby_paddingcoat_211113 h4{
  font-size: 2rem;
  letter-spacing: 0.075em;
  line-height: 1;
  margin-bottom: 1.65rem;
}

.ta_c{
  text-align: center;
}

.text-box{
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  line-height: 2;
}

.price{
  font-size: 1rem;
  letter-spacing: 0.1em;
  line-height: 2.4;
  margin-top: 0.7rem;
}

#norcby_paddingcoat_211113 .price span a{
  text-decoration: underline;
}

#norcby_paddingcoat_211113 .top .price a{
  display: inline-block;
  text-decoration: underline;
}

.flex{
  display: flex;
  justify-content: space-between;
}

span.price_mr{
  display: inline-block;
  margin-right: 0.8rem;
  display: inline;
}
/*==========================
          top
=========================*/
.top{
  width: 120.2rem;
  margin: auto;
  margin-bottom: 18.4rem;
}
.top-box_A{
  width: 120.2rem;
  margin: auto;
  margin-bottom: 20rem;
}

.top-img{
  width: 100%;
}
.top .price{
  text-align: right;
  margin-bottom: 10rem;
  line-height: 1;
  color: #454545;
}

.top .text-box{
  width: 98rem;
  margin: auto;
}

.top-box_B{
  width: 108.2rem;
  /*height: 43rem;
  background-color: #F5F5F4;*/
  position: relative;
  margin: auto;
}
.top-box_B::before {
  content: "";
  display: inline-block;
  width: 100vw;
  height: 43rem;
  background-color: #F5F5F4;
  right: 0;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -8rem;
  z-index: -1;
}

.Profile_img-box{
  width: 22rem;
}

.Profile_img-box .saito_kumi-img{
  width: 22rem;
  margin-bottom: 1.2rem;
}

.Profile_text-A{
  font-size: 1.4rem;
}

span.Profile_text-A{
  font-size: 1rem;
}

.top-box_B .Profile-contents-box h3.sub-ttl{
  font-size: 2.2rem;
}

.top-box_B .flex{
  width: 108.2rem;
}

.top-box_B .Profile-contents-box{
  width: 83.2rem;
}

.top-box_B .Profile-contents-box .text-box{
  width: 83.2rem;
}
/*=======//top==============================================*/

/*==========================
      section01
=========================*/
.sect01{
  width: 108.2rem;
  margin: auto;
  margin-bottom: 21rem;
}

.sect01_A{
  margin: auto;
  margin-bottom: 19.6rem;
}

.sect01_A .description-box{
  width: 49rem;
}

.sect01_B{
  position: relative;
}

.sect01_B::before {
  content: "";
  display: inline-block;
  width: 100vw;
  height: 64.2rem;
  background-color: #FAFAFA;
  right: 0;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -10rem;
  z-index: -1;
}
.SVG01_PICT{
  width: 25rem;
  margin-top: 3.85rem;
}

.SVG02{
  width: 13rem;
  margin-bottom: 2rem;
}

.sect01_B_01{
  margin-bottom: 4.5rem;
}

.img01_A{
  width: 26rem;
}

.img01_B{
  width: 24.8rem;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.sect01_B .description-box{
  width: 70rem;
}

.sect01_B_02 .description-box{
  margin-top: 3.9rem;
}
/*=======//section01==============================================*/


/*==========================
      section02
=========================*/
.sect02{
  width: 108.2rem;
  margin: auto;
  margin-bottom: 12.2rem;
}

.sect02-description-box{
  width: 98rem;
  margin: auto;
  margin-bottom: 5.3rem;
}

.sect02-box01{
  width: 108.2rem;
  margin: auto;
  margin-bottom: 8rem;
  position: relative;
}

.sect02-box01::before {
  width: 98vw;
  content: "";
  display: block;
  position: absolute;
  height: 53.8rem;
  z-index: -1;
  background-color: #FAF8F5;
  top: 6rem;
  left: 24.5rem;
}

.img02{
  position: relative;
}

.img02::before {
  display: block;
  width: 9rem;
  height: 9rem;
  position: absolute;
  bottom: 7.5rem;
  right: -4.5rem;
  content: "";
  background: url(../img/img02-sub.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.sect02-box02{
  width: 108.2rem;
  margin: auto;
  margin-bottom: 8rem;
  position: relative;
}

.img03{
  position: relative;
}

@media screen and (min-width: 768px) {
.img03::before {
  display: block;
  width: 9rem;
  height: 9rem;
  position: absolute;
  bottom: 7.5rem;
  left: -4.5rem;
  content: "";
  background: url(../img/img03-sub.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.img03::after {
  width: calc(1224*(100vw/1366));
  content: "";
  display: block;
  position: absolute;
  height: 44.4rem;
  z-index: -1;
  background-color: #FAF8F5;
  top: 6rem;
  right: 0;
}
}

.sect02-box03{
  width: 108.2rem;
  margin: auto;
  margin-bottom: 8rem;
  position: relative;
}

.sect02-box03::before {
  width: 98vw;
  content: "";
  display: block;
  position: absolute;
  height: 44.6rem;
  z-index: -1;
  background-color: #FAF8F5;
  top: 6rem;
  left: 24.5rem;
}

.img04{
  position: relative;
}

.img04::before {
  display: block;
  width: 9rem;
  height: 9rem;
  position: absolute;
  bottom: 7.5rem;
  right: -4.5rem;
  content: "";
  background: url(../img/img04-sub.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.sect02-box01 .description-box{
  margin-top: 14.5rem;
  width: 49rem;
}

.sect02-box02 .description-box{
  margin-top: 14.5rem;
  width: 49rem;
}

.sect02-box03 .description-box{
  margin-top: 14.5rem;
  width: 49rem;
}

/*=======//section02==============================================*/


/*==========================
      section03
=========================*/
.sect03{
  width: 108.2rem;
  margin: auto;
  margin-bottom: 20rem;
}

.sect03 .description-box{
  width: 49rem;
  margin-top: 6.4rem;
}

/*=======//section03==============================================*/


/*==========================
      last-ブロック
=========================*/
.last-block{
  width: 108rem;
  margin: auto;
  position: relative;
  padding-bottom: 8rem;
}

.last-block::before {
  content: "";
  display: inline-block;
  width: 100vw;
  height: 29.8rem;
  background-color: #FAFAFA;
  right: 0;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -8rem;
  z-index: -1;
}

/*-------ボタン-----------*/
.lp-button a {
  font-size: 1.4rem;
  line-height: 1;
  padding: 1.6rem 3.5rem;
  display: inline-block!important;
  color: #FFFFFF;
  background-color: #000000;
  letter-spacing: 0.1em;
  margin-top: 4.3rem;
}
/*-------//ボタン-----------*/

/*=======//last-ブロック==============================================*/

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

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

  .pc-order01 {
    order: 1;
  }

  .pc-order02 {
    order: 2;
  }

  .model-img{
  width: 48rem;
}


}

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

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

}

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

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


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

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

#norcby_paddingcoat_211113 {
  width: 100vw;
  margin: auto;
  margin-bottom: calc(120*(100vw/375));
  /*padding-top: calc(17.7*(100vw/375));*/
  font-size: calc(14*(100vw/375));
  letter-spacing: 0.1em;
  line-height: 2;
  font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HiraMinProN", "游明朝体", "Yu Mincho", YuMincho, "MS P明朝", "MS PMincho", source-han-serif-japanese, serif;
  font-style: normal;
  font-weight: normal;
  color: #000000;
  overflow: hidden;
}

#norcby_paddingcoat_211113 h2 {
  color: #E3D9D2;
  font-family: HKGrotesk;
  font-size: calc(40*(100vw/375));
  letter-spacing: .075em;
  line-height: 1;
  margin-bottom: calc(28*(100vw/375));
}

#norcby_paddingcoat_211113 h3.sub-ttl{
  font-size: calc(20*(100vw/375));
  letter-spacing: 0.1em;
  line-height: 1.5;
  margin-bottom: calc(7*(100vw/375));
}

#norcby_paddingcoat_211113 h4{
  font-size: calc(20*(100vw/375));
  letter-spacing: 0.075em;
  line-height: 1;
  margin-bottom: calc(13*(100vw/375));
}

.ta_c{
  text-align: center;
}

.text-box{
  font-size: calc(14*(100vw/375));
  letter-spacing: 0.1em;
  line-height: 2;
}

.price{
  font-size: 1rem;
  letter-spacing: 0.1em;
  line-height: 2.4;
  margin-top: 0.7rem;
}

#norcby_paddingcoat_211113 .price span a{
  text-decoration: underline;
}

#norcby_paddingcoat_211113 .top .price a{
  display: inline-block;
  text-decoration: underline;
}

.flex{
  display: flex;
  justify-content: start;
  flex-direction: column;
}

span.price_mr{
  display: inline-block;
  margin-right: calc(8*(100vw/375));
}
/*==========================
          top
=========================*/
.top{
  width: calc(375*(100vw/375));
  margin: auto;
  margin-bottom: calc(198*(100vw/375));
}
.top-box_A{
  width: calc(375*(100vw/375));
  margin: auto;
  margin-bottom: calc(200*(100vw/375));
}

.top-img{
  width: 100%;
  margin-bottom: calc(21.5*(100vw/375));
}
.top .price{
  text-align: left;
  margin-bottom: calc(73*(100vw/375));
  line-height: 1;
}

.top .top-box_A .text-box{
  width: calc(345*(100vw/375));
  margin: auto;
  margin-left: 0;
}

.top-box_B{
  width: calc(375*(100vw/375));
  /*height: 43rem;
  background-color: #F5F5F4;*/
  position: relative;
  margin: auto;
}
.top-box_B::before {
  content: "";
  display: inline-block;
  width: 100vw;
  height: calc(1013*(100vw/375));
  background-color: #F5F5F4;
  right: 0;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: calc(-80*(100vw/375));
  z-index: -1;
}

.Profile_img-box{
  width: calc(345*(100vw/375));
  margin: auto;
  margin-bottom: calc(29*(100vw/375));
}

.Profile_img-box .saito_kumi-img{
  width: calc(260*(100vw/375));
  margin: auto;
  margin-bottom: calc(12*(100vw/375));
}

.Profile_text-A{
  font-size: calc(14*(100vw/375));
}

span.Profile_text-A{
  font-size: calc(10*(100vw/375));
}

.top-box_B .Profile-contents-box h3.sub-ttl{
  font-size: calc(20*(100vw/375));
}

.top-box_B .flex{
  width: calc(345*(100vw/375));
  margin: auto;
}

.top-box_B .Profile-contents-box{
  width: calc(345*(100vw/375));
}

.top-box_B .Profile-contents-box .text-box{
  width: calc(345*(100vw/375));
}

/*-------SPのみメインビジュアル追加タイトル--------------*/
.top .sp_only.top-ttl{
  font-size: calc(26*(100vw/375));
  letter-spacing: 0.05em;
  line-height: 1.5;
  margin-bottom: calc(23.5*(100vw/375));
}

.top .sp_only.top-ttl span.top-ttl_A{
  line-height: 1.72;
  font-size: calc(18*(100vw/375));
}

.sp-box{
  margin-left: calc(15*(100vw/375));
}
/*-------//SPのみメインビジュアル追加タイトル--------------*/

/*=======//top==============================================*/

/*==========================
      section01
=========================*/
.sect01{
  width: calc(375*(100vw/375));
  margin: auto;
  margin-bottom: calc(177*(100vw/375));
}

.sect01 h3.sub-ttl{
  white-space: nowrap;
}

.sect01_A{
  margin: auto;
  margin-bottom: calc(200*(100vw/375));
}

.sect01_A .description-box{
  width: calc(345*(100vw/375));
  margin: auto;
}

.img01{
  margin-bottom: calc(49.4*(100vw/375));
}

.sect01_B{
  position: relative;
  width: calc(345*(100vw/375));
  margin: auto;
}

.sect01_B::before {
  content: "";
  display: inline-block;
  width: 100vw;
  height: calc(1045*(100vw/375));
  background-color: #FAFAFA;
  right: 0;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: calc(-80*(100vw/375));
  z-index: -1;
}
.SVG01_PICT{
  width: calc(334*(100vw/375));
  margin: auto;
  margin-top: calc(49*(100vw/375));
}

.SVG02{
  width: calc(130*(100vw/375));
  margin-bottom: calc(9.5*(100vw/375));
}

.sect01_B_01{
  margin-bottom: calc(46.5*(100vw/375));
}

.img01_A{
  width: calc(260*(100vw/375));
  margin: auto;
  margin-bottom: calc(30*(100vw/375));
}

.img01_B{
  width: calc(217*(100vw/375));
  margin: auto;
  margin-bottom: calc(1.7*(100vw/375));
}

.sect01_B .description-box{
  width: calc(345*(100vw/375));
}

.sect01_B_02 .description-box{
  margin-top: calc(2.5*(100vw/375));
}
/*=======//section01==============================================*/


/*==========================
      section02
=========================*/
.sect02{
  width: calc(375*(100vw/375));
  margin: auto;
  margin-bottom: calc(198*(100vw/375));
}

.sect02-description-box{
  width: calc(345*(100vw/375));
  margin: auto;
  margin-bottom: calc(53*(100vw/375));
}

.sect02-box01{
  width: calc(375*(100vw/375));
  margin: auto;
  margin-bottom: calc(134*(100vw/375));
  position: relative;
}

.sect02-box01::before {
  width: calc(375*(100vw/375));
  content: "";
  display: block;
  position: absolute;
  height: calc(686*(100vw/375));
  z-index: -1;
  background-color: #FAF8F5;
  top: calc(353*(100vw/375));
  left: calc(0*(100vw/375));
  right: calc(0*(100vw/375));
  margin: auto;
}

.img02{
  position: relative;
  width: calc(325*(100vw/375));
  margin: auto;
}

.img02::before {
  display: block;
  width: calc(85*(100vw/375));
  height: calc(85*(100vw/375));
  position: absolute;
  bottom: calc(-43*(100vw/375));
  right: calc(-10*(100vw/375));
  content: "";
  background: url(../img/img02-sub.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.sect02-box02{
  width: calc(375*(100vw/375));
  margin: auto;
  margin-bottom: calc(134*(100vw/375));
  position: relative;
}

.sect02-box02::before {
  width: calc(375*(100vw/375));
  content: "";
  display: block;
  position: absolute;
  height: calc(630*(100vw/375));
  z-index: -1;
  background-color: #FAF8F5;
  top: calc(354*(100vw/375));
  left: calc(0*(100vw/375));
  right: calc(0*(100vw/375));
  margin: auto;
}

.img03{
  position: relative;
  width: calc(325*(100vw/375));
  margin: auto;
}

.img03::before {
  display: block;
  width: calc(85*(100vw/375));
  height: calc(85*(100vw/375));
  position: absolute;
  bottom: calc(-43*(100vw/375));
  right: calc(-10*(100vw/375));
  content: "";
  background: url(../img/img03-sub.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.sect02-box03{
  width: calc(375*(100vw/375));
  margin: auto;
  margin-bottom: calc(0*(100vw/375));
  position: relative;
}

.sect02-box03::before {
  width: calc(375*(100vw/375));
  content: "";
  display: block;
  position: absolute;
  height: calc(570*(100vw/375));
  z-index: -1;
  background-color: #FAF8F5;
  top: calc(354*(100vw/375));
  left: calc(0*(100vw/375));
  right: calc(0*(100vw/375));
  margin: auto;
}

.img04{
  position: relative;
  width: calc(325*(100vw/375));
  margin: auto;
}

.img04::before {
  display: block;
  width: calc(85*(100vw/375));
  height: calc(85*(100vw/375));
  position: absolute;
  bottom: calc(-43*(100vw/375));
  right: calc(-10*(100vw/375));
  content: "";
  background: url(../img/img04-sub.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.sect02-box01 .description-box{
  margin: auto;
  margin-top: calc(25*(100vw/375));
  width: calc(345*(100vw/375));
}

.sect02-box02 .description-box{
  margin: auto;
  margin-top: calc(25*(100vw/375));
  width: calc(325*(100vw/375));
}

.sect02-box03 .description-box{
  margin: auto;
  margin-top: calc(25*(100vw/375));
  width: calc(325*(100vw/375));
}

/*=======//section02==============================================*/


/*==========================
      section03
=========================*/
.sect03{
  width: calc(375*(100vw/375));
  margin: auto;
  margin-bottom: calc(195*(100vw/375));
}

.sect03 .description-box{
  width: calc(345*(100vw/375));
  margin: auto;
  margin-top: calc(49.4*(100vw/375));
}

/*=======//section03==============================================*/


/*==========================
      last-ブロック
=========================*/
.last-block{
  width: calc(345*(100vw/375));
  margin: auto;
  position: relative;
  padding-bottom: calc(80*(100vw/375));
}

.last-block::before {
  content: "";
  display: inline-block;
  width: 100vw;
  height: calc(395*(100vw/375));
  background-color: #FAFAFA;
  right: 0;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: calc(-75*(100vw/375));
  z-index: -1;
}

/*-------ボタン-----------*/
.lp-button a {
  font-size: calc(14*(100vw/375));
  line-height: 1;
  padding: calc(16*(100vw/375)) calc(35*(100vw/375));
  display: inline-block!important;
  color: #FFFFFF;
  background-color: #000000;
  letter-spacing: 0.1em;
  margin-top: calc(36*(100vw/375));
}
/*-------//ボタン-----------*/

/*=======//last-ブロック==============================================*/


}

/*=====//SPのみ==============================*/