/*@charset "UTF-8";*/

#tsugaruvidro .experience-component:nth-child(1) .experience-commerce_assets-editorialRichText h1 {
  font-size: 1.6rem;
  font-family: Noto Serif,Noto Serif Japanese !important;
  letter-spacing: 2px;
  text-align: center;
  line-height: 1.4;
}
#tsugaruvidro .experience-component:nth-child(1) .experience-commerce_assets-photoTile,
#tsugaruvidro .experience-component:nth-child(2) .experience-commerce_assets-photoTile,
#tsugaruvidro .experience-component:nth-child(5) .experience-commerce_assets-photoTile {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}
#tsugaruvidro .experience-component:nth-child(1) .experience-commerce_assets-photoTile .col-12,
#tsugaruvidro .experience-component:nth-child(2) .experience-commerce_assets-photoTile .col-12,
#tsugaruvidro .experience-component:nth-child(5) .experience-commerce_assets-photoTile .col-12 {
  padding: 0;
}
#tsugaruvidro .experience-component:nth-child(1) .experience-commerce_assets-editorialRichText,
#tsugaruvidro .experience-component:nth-child(2) .experience-commerce_assets-editorialRichText,
#tsugaruvidro .experience-component:nth-child(5) .experience-commerce_assets-editorialRichText {
  padding: 100px 0;
  width: 70%;
  margin: 0 auto;
}
#tsugaruvidro .experience-component:nth-child(1) .experience-commerce_assets-editorialRichText h2,
#tsugaruvidro .experience-component:nth-child(2) .experience-commerce_assets-editorialRichText h2,
#tsugaruvidro .experience-component:nth-child(5) .experience-commerce_assets-editorialRichText h2 {
  font-size: 1.4rem;
  font-family: Noto Serif,Noto Serif Japanese !important;
  letter-spacing: 2px;
  text-align: center;
}
#tsugaruvidro .experience-component:nth-child(1) .experience-commerce_assets-editorialRichText p,
#tsugaruvidro .experience-component:nth-child(2) .experience-commerce_assets-editorialRichText p,
#tsugaruvidro .experience-component:nth-child(5) .experience-commerce_assets-editorialRichText p {
  margin-top: 30px;
  text-align: justify;
  line-height: 2.0;
}
#tsugaruvidro .experience-component:nth-child(5),
#tsugaruvidro .experience-component:nth-child(8),
#tsugaruvidro .experience-component:nth-child(11),
#tsugaruvidro .experience-component:nth-child(15) {
  margin-top: 100px;
}

@media (max-width: 768.98px) {
  #tsugaruvidro .experience-component:nth-child(1) .experience-commerce_assets-photoTile {
    margin: 0 calc(0% - 50vw);
    width: 200vw;
  }
  #tsugaruvidro .experience-component:nth-child(2) .experience-commerce_assets-photoTile,
  #tsugaruvidro .experience-component:nth-child(5) .experience-commerce_assets-photoTile {
    margin: 0 calc(0% - 45vw);
    width: 180vw;
  }
  #tsugaruvidro .experience-component:nth-child(1) .experience-commerce_assets-editorialRichText,
  #tsugaruvidro .experience-component:nth-child(2) .experience-commerce_assets-editorialRichText,
  #tsugaruvidro .experience-component:nth-child(5) .experience-commerce_assets-editorialRichText {
    padding: 50px 0;
    width: auto;
    margin: 0 auto;
  }
  #tsugaruvidro .experience-component:nth-child(1) .experience-commerce_assets-editorialRichText h2,
  #tsugaruvidro .experience-component:nth-child(2) .experience-commerce_assets-editorialRichText h2,
  #tsugaruvidro .experience-component:nth-child(5) .experience-commerce_assets-editorialRichText h2 {
    font-size: 1.2rem;
    letter-spacing: unset;
  }
  #tsugaruvidro .experience-component:nth-child(5),
  #tsugaruvidro .experience-component:nth-child(8),
  #tsugaruvidro .experience-component:nth-child(9),
  #tsugaruvidro .experience-component:nth-child(13) {
    margin-top: 0;
  }
}


/* 
-------------------------------------------------------------------- */
#tsugaruvidro .experience-component:nth-child(3) .region:nth-child(2),
#tsugaruvidro .experience-component:nth-child(4) .region:nth-child(2),
#tsugaruvidro .experience-component:nth-child(6) .region:nth-child(2),
#tsugaruvidro .experience-component:nth-child(7) .region:nth-child(2) {
  padding: 30px;
}
#tsugaruvidro .experience-component:nth-child(3) .experience-commerce_assets-editorialRichText,
#tsugaruvidro .experience-component:nth-child(4) .experience-commerce_assets-editorialRichText,
#tsugaruvidro .experience-component:nth-child(6) .experience-commerce_assets-editorialRichText,
#tsugaruvidro .experience-component:nth-child(7) .experience-commerce_assets-editorialRichText {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
}
#tsugaruvidro .experience-component:nth-child(3) .experience-commerce_assets-editorialRichText h3,
#tsugaruvidro .experience-component:nth-child(4) .experience-commerce_assets-editorialRichText h3,
#tsugaruvidro .experience-component:nth-child(6) .experience-commerce_assets-editorialRichText h3,
#tsugaruvidro .experience-component:nth-child(7) .experience-commerce_assets-editorialRichText h3 {
  font-size: 1.4rem;
  font-family: Noto Serif,Noto Serif Japanese !important;
  letter-spacing: 2px;
  text-align: left;
  margin-bottom: 20px;
}
#tsugaruvidro .experience-component:nth-child(3) .experience-commerce_assets-editorialRichText p,
#tsugaruvidro .experience-component:nth-child(4) .experience-commerce_assets-editorialRichText p,
#tsugaruvidro .experience-component:nth-child(6) .experience-commerce_assets-editorialRichText p,
#tsugaruvidro .experience-component:nth-child(7) .experience-commerce_assets-editorialRichText p {
  margin-top: 10px;
  text-align: justify;
  line-height: 2.0;
}
#tsugaruvidro .experience-component:nth-child(4) .mobile-2r-1c .mx-n2,
#tsugaruvidro .experience-component:nth-child(7) .mobile-2r-1c .mx-n2 {
  flex-direction: row-reverse;
}
@media (max-width: 768.98px) {
  #tsugaruvidro .experience-component:nth-child(3) .region:nth-child(2),
  #tsugaruvidro .experience-component:nth-child(4) .region:nth-child(2),
  #tsugaruvidro .experience-component:nth-child(6) .region:nth-child(2),
  #tsugaruvidro .experience-component:nth-child(7) .region:nth-child(2) {
    padding: 38px 15px 50px;
  }
  #tsugaruvidro .experience-component:nth-child(3) .experience-commerce_assets-editorialRichText,
  #tsugaruvidro .experience-component:nth-child(4) .experience-commerce_assets-editorialRichText,
  #tsugaruvidro .experience-component:nth-child(6) .experience-commerce_assets-editorialRichText,
  #tsugaruvidro .experience-component:nth-child(7) .experience-commerce_assets-editorialRichText {
    position: relative;
    top: unset;
    transform: unset;
    -webkit- transform: unset);
  }
  #tsugaruvidro .experience-component:nth-child(3) .experience-commerce_assets-editorialRichText h3,
  #tsugaruvidro .experience-component:nth-child(4) .experience-commerce_assets-editorialRichText h3,
  #tsugaruvidro .experience-component:nth-child(6) .experience-commerce_assets-editorialRichText h3,
  #tsugaruvidro .experience-component:nth-child(7) .experience-commerce_assets-editorialRichText h3 {
    font-size: 1.2rem;
    letter-spacing: unset;
    text-align: center;
  }
}

/* 
-------------------------------------------------------------------- */
#tsugaruvidro .experience-component:nth-child(8) .experience-commerce_assets-mainBannerWithTextPosition,
#tsugaruvidro .experience-component:nth-child(9) .experience-commerce_assets-mainBannerWithTextPosition,
#tsugaruvidro .experience-component:nth-child(10) .experience-commerce_assets-mainBannerWithTextPosition {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}

/* 手づくりの証
-------------------------------------------------------------------- */
#tsugaruvidro .experience-component:nth-child(8) .mainbanner-with-text-position-container .mainbanner-figure a {
  pointer-events: none;
}
#tsugaruvidro .experience-component:nth-child(8) .mainbanner-with-text-position-container .image-heading-container {
  width: 33.3333333333% !important;
  top: 50%;
  transform: translateY(-50%);
  left: 50%;
  padding: 15px;
}
#tsugaruvidro .experience-component:nth-child(8) .mainbanner-with-text-position-container .image-heading-container h2 {
  font-size: 1.4rem;
  font-family: Noto Serif,Noto Serif Japanese !important;
  letter-spacing: 2px;
  /* color: #ffffff; */
}
#tsugaruvidro .experience-component:nth-child(8) .mainbanner-with-text-position-container .image-heading-container p {
  margin-top: 10px;
  text-align: justify;
  line-height: 2.0;
  color: #212529;
}
#tsugaruvidro .experience-component:nth-child(8) .mainbanner-with-text-position-container .image-heading-container .mainbanner-sub-text {
  display: none;
}
#tsugaruvidro .experience-component:nth-child(8) .mainbanner-with-text-position-container .image-heading-container .mainbanner-sub-text a.btn {
  background: transparent;
  margin: 0;
  color: #ffffff;
}

@media (max-width: 768.98px) {
  #tsugaruvidro .experience-component:nth-child(8) .mainbanner-with-text-position-container .image-component {
    margin-bottom: 230px;
  }
  #tsugaruvidro .experience-component:nth-child(8) .mainbanner-with-text-position-container .image-heading-container {
    width: 90% !important;
    padding: 30px 15px;
    top: 100% !important;
    left: 50% !important;
    transform: translate(-50%, -20%);
    background: hsla(0,0%,100%,.9);
    box-shadow: 1px 2px 3px rgb(0 0 0 / 10%);
  }
  #tsugaruvidro .experience-component:nth-child(8) .mainbanner-with-text-position-container .image-heading-container h4,
  #tsugaruvidro .experience-component:nth-child(8) .mainbanner-with-text-position-container .image-heading-container h2 {
    text-align: center;
  }
  #tsugaruvidro .experience-component:nth-child(8) .mainbanner-with-text-position-container .image-heading-text .subtitle {
    margin-right: 0;
  }
  #tsugaruvidro .experience-component:nth-child(8) .mainbanner-with-text-position-container .mainbanner-sub-text {
    margin: 1rem 0 0;
  }
  #tsugaruvidro .experience-component:nth-child(8) .mainbanner-with-text-position-container .image-heading-container h4 {
    font-size: 1.0rem;
  }
  #tsugaruvidro .experience-component:nth-child(8) .mainbanner-with-text-position-container .image-heading-container h2 {
    font-size: 1.2rem;
  }
}


/* 
-------------------------------------------------------------------- */
#tsugaruvidro .experience-component:nth-child(9) .mainbanner-with-text-position-container .image-heading-container {
  width: 33.3333333333% !important;
  top: 50%;
  transform: translateY(-50%);
  left: 50%;
  padding: 15px;
}
#tsugaruvidro .experience-component:nth-child(9) .mainbanner-with-text-position-container .image-heading-container h4 {
  font-size: 1.2rem;
  font-family: Noto Serif,Noto Serif Japanese !important;
  letter-spacing: 2px;
  color: #ffffff;
}
#tsugaruvidro .experience-component:nth-child(9) .mainbanner-with-text-position-container .image-heading-container h2 {
  font-size: 1.4rem;
  font-family: Noto Serif,Noto Serif Japanese !important;
  letter-spacing: 2px;
  color: #ffffff;
}
#tsugaruvidro .experience-component:nth-child(9) .mainbanner-with-text-position-container .image-heading-container p {
  margin-top: 10px;
  text-align: justify;
  line-height: 2.0;
}
#tsugaruvidro .experience-component:nth-child(9) .mainbanner-with-text-position-container .image-heading-container .mainbanner-sub-text a.btn {
  background: transparent;
  margin: 0;
  color: #ffffff;
}

@media (max-width: 768.98px) {
  #tsugaruvidro .experience-component:nth-child(9) .mainbanner-with-text-position-container .image-component {
    margin-bottom: 300px;
  }
  #tsugaruvidro .experience-component:nth-child(9) .mainbanner-with-text-position-container .image-heading-container {
    width: 90% !important;
    padding: 30px 15px;
    top: 100% !important;
    left: 50% !important;
    transform: translate(-50%, -20%);
    background: rgba(0,0,0,.9);
    box-shadow: 1px 2px 3px rgb(0 0 0 / 10%);
  }
  #tsugaruvidro .experience-component:nth-child(9) .mainbanner-with-text-position-container .image-heading-container h4,
  #tsugaruvidro .experience-component:nth-child(9) .mainbanner-with-text-position-container .image-heading-container h2 {
    text-align: center;
  }
  #tsugaruvidro .experience-component:nth-child(9) .mainbanner-with-text-position-container .image-heading-text .subtitle {
    margin-right: 0;
  }
  #tsugaruvidro .experience-component:nth-child(9) .mainbanner-with-text-position-container .mainbanner-sub-text {
    margin: 1rem 0 0;
  }
  #tsugaruvidro .experience-component:nth-child(9) .mainbanner-with-text-position-container .image-heading-container h4 {
    font-size: 1.0rem;
  }
  #tsugaruvidro .experience-component:nth-child(9) .mainbanner-with-text-position-container .image-heading-container h2 {
    font-size: 1.2rem;
  }
}

/* 
-------------------------------------------------------------------- */
#tsugaruvidro .experience-component:nth-child(10) .mainbanner-with-text-position-container .image-heading-container {
  width: 33.3333333333% !important;
  top: 50%;
  transform: translateY(-50%);
  left: 15%;
  padding: 15px;
}
#tsugaruvidro .experience-component:nth-child(10) .mainbanner-with-text-position-container .image-heading-container h4 {
  font-size: 1.2rem;
  font-family: Noto Serif,Noto Serif Japanese !important;
  letter-spacing: 2px;
}
#tsugaruvidro .experience-component:nth-child(10) .mainbanner-with-text-position-container .image-heading-container h2 {
  font-size: 1.4rem;
  font-family: Noto Serif,Noto Serif Japanese !important;
  letter-spacing: 2px;
}
#tsugaruvidro .experience-component:nth-child(10) .mainbanner-with-text-position-container .image-heading-container p {
  margin-top: 10px;
  text-align: justify;
  line-height: 2.0;
  color: #212529;
}
#tsugaruvidro .experience-component:nth-child(10) .mainbanner-with-text-position-container .image-heading-container .mainbanner-sub-text a.btn {
  background: transparent;
  margin: 0;
  border: #000 1px solid !important;
}

@media (max-width: 768.98px) {
  #tsugaruvidro .experience-component:nth-child(10) .mainbanner-with-text-position-container .image-component {
    margin-bottom: 300px;
  }
  #tsugaruvidro .experience-component:nth-child(10) .mainbanner-with-text-position-container .image-heading-container {
    width: 90% !important;
    padding: 30px 15px;
    top: 100% !important;
    left: 50% !important;
    transform: translate(-50%, -20%);
    background: hsla(0,0%,100%,.9);
    box-shadow: 1px 2px 3px rgb(0 0 0 / 10%);
  }
  #tsugaruvidro .experience-component:nth-child(10) .mainbanner-with-text-position-container .image-heading-container h4,
  #tsugaruvidro .experience-component:nth-child(10) .mainbanner-with-text-position-container .image-heading-container h2 {
    text-align: center;
  }
  #tsugaruvidro .experience-component:nth-child(10) .mainbanner-with-text-position-container .image-heading-text .subtitle {
    margin-right: 0;
  }
  #tsugaruvidro .experience-component:nth-child(10) .mainbanner-with-text-position-container .mainbanner-sub-text {
    margin: 1rem 0 0;
  }
  #tsugaruvidro .experience-component:nth-child(10) .mainbanner-with-text-position-container .image-heading-container h4 {
    font-size: 1.0rem;
  }
  #tsugaruvidro .experience-component:nth-child(10) .mainbanner-with-text-position-container .image-heading-container h2 {
    font-size: 1.2rem;
  }
}

/* 
-------------------------------------------------------------------- */
#tsugaruvidro .experience-component:nth-child(11) .experience-commerce_assets-editorialRichText {
  width: 70%;
  margin: 0 auto;
}
#tsugaruvidro .experience-component:nth-child(11) .experience-commerce_assets-editorialRichText h2 {
  font-size: 1.4rem;
  font-family: Noto Serif,Noto Serif Japanese !important;
  letter-spacing: 2px;
  text-align: center;
}
#tsugaruvidro .experience-component:nth-child(11) .experience-commerce_assets-editorialRichText:nth-child(2) {
  margin-top: 30px;
  text-align: justify;
  line-height: 2.0;
}
#tsugaruvidro .experience-component:nth-child(11) .experience-commerce_assets-editorialRichText:nth-child(3) {
  margin-top: 30px;
  font-size: 1.6rem;
  color: #999;
  display: none;
}
#tsugaruvidro .experience-component:nth-child(11) .experience-commerce_assets-editorialRichText:nth-child(2) p {
  text-align: center;
}
#tsugaruvidro .experience-component:nth-child(11) .experience-commerce_assets-editorialRichText:nth-child(3) p {
  text-align: center;
}
@media (max-width: 768.98px) {
  #tsugaruvidro .experience-component:nth-child(11) {
    margin-top: 50px;
  }
  #tsugaruvidro .experience-component:nth-child(11) .experience-commerce_assets-editorialRichText {
    width: auto;
    margin: 0 auto;
  }
  #tsugaruvidro .experience-component:nth-child(11) .experience-commerce_assets-editorialRichText:nth-child(2) {
    margin-top: 30px;
    text-align: justify;
    line-height: 2.0;
  }
}