@charset "UTF-8";
body > iframe {
  position: absolute;
  z-index: -1;
  bottom: 0;
  width: 0;
  height: 0; }

#main .content-wrapper01 {
  width: 100%;
  padding: 0; }

.template-enable-media-queries .page-footer {
  margin-top: 0; }

.widthContent {
  -webkit-text-size-adjust: 100%;
  font-size: 14px;
  line-height: 1.5;
  color: #000;
  /* utils
	***********************************/
  /* header
	***********************************/
  /* footer
	***********************************/
  /* 共通
	***********************************/ }
  .widthContent a {
    color: #000; }
  .widthContent h1, .widthContent h2, .widthContent h3, .widthContent h4, .widthContent h5, .widthContent h6, .widthContent p {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; }
  .widthContent ol, .widthContent ul, .widthContent dl {
    padding: 0;
    margin: 0;
    list-style: none; }
  .widthContent table {
    border-collapse: collapse;
    border-spacing: 0; }
  .widthContent * {
    -moz-box-sizing: border-box;
         box-sizing: border-box; }
  .widthContent ul, .widthContent ol, .widthContent dl {
    list-style: none; }
  .widthContent img {
    width: auto;
    height: auto;
    max-width: 100%;
    vertical-align: top; }
  .widthContent canvas, .widthContent video {
    vertical-align: top; }
  .widthContent button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;
    border: none;
    outline: none;
    font-size: inherit;
    font-family: inherit;
    padding: 0; }
  .widthContent .fadeHide {
    opacity: 1; }
  .widthContent .pcOnly {
    display: none; }
  .widthContent .clearfix:after, .widthContent .withHeader .inner:after, .widthContent .withMenu:after, .widthContent .widthFooter .sub:after, .widthContent.skincare.skincare .section-story .item-list:after, .widthContent.skincare.skincare .section-story .item-list .item .info:after, .widthContent.pleaser.pleaser .section-training .story.story-1:after, .widthContent.pleaser.pleaser .section-training .story.story-2:after {
    content: "";
    display: block;
    clear: both; }
  .widthContent .btn {
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear; }
    .widthContent .btn:hover {
      opacity: 0.6; }
  .widthContent .em-1after {
    margin-right: -0.5em; }
  .widthContent .em-1before {
    margin-left: -0.5em; }
  .widthContent .mincho {
    font-family: "A1 Mincho", Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  }
  .widthContent .gothic{
    font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .widthContent .animsition {
    /* padding-top: 52.8px; */
  }
  .widthContent.home.home .animsition {
    padding-top: 0; }
  .widthContent.home.home .withHeader .slim {
    background-color: transparent; }
  .widthContent.home.home .widthFooter {
    margin-top: 0; }
  .widthContent .withHeader {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5; }
    .widthContent .withHeader .bg {
      position: absolute;
      background-color: rgba(12, 2, 0, 0.8);
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 1;
      z-index: 0; }
    .widthContent .withHeader .inner {
      position: relative;
      z-index: 1; }
    .widthContent .withHeader .slim {
      height: 52.8px;
      position: relative;
      z-index: 1;
      background-color: #fff; }
    .widthContent .withHeader .withLogo {
      display: block;
      width: 257.6px;
      line-height: 0;
      padding: 20.4px 12px; }
    .widthContent .withHeader .withMenuButton {
      position: absolute;
      width: 57px;
      height: 52.8px;
      top: 0;
      right: 0; }
      .debug .widthContent .withHeader .withMenuButton {
        background-color: rgba(0, 0, 0, 0.5); }
      .widthContent .withHeader .withMenuButton span {
        position: absolute;
        left: 15.9px;
        width: 25.2px;
        height: 2px;
        background-color: #000;
        -webkit-transition: all 0.4s;
        transition: all 0.4s; }
        .widthContent .withHeader .withMenuButton span:nth-child(1) {
          top: 16.8px; }
        .widthContent .withHeader .withMenuButton span:nth-child(2) {
          top: 25.4px; }
        .widthContent .withHeader .withMenuButton span:nth-child(3) {
          bottom: 16.8px; }
      .widthContent .withHeader .withMenuButton.show span:nth-child(1) {
        top: 25.4px;
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg); }
      .widthContent .withHeader .withMenuButton.show span:nth-child(2) {
        opacity: 1; }
      .widthContent .withHeader .withMenuButton.show span:nth-child(3) {
        bottom: 25.4px;
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg); }
    .widthContent .withHeader .withMenu {
      display: none;
      opacity: 1; }
      .widthContent .withHeader .withMenu .inner {
        width: 100%;
        overflow: hidden; }
    .widthContent .withHeader.show .withMenu a.coming {
      pointer-events: none;
      color: #999999; }
  .widthContent .withMenu a {
    -webkit-font-feature-settings: "palt";
       -moz-font-feature-settings: "palt";
            font-feature-settings: "palt";
    letter-spacing: 1px;
    -moz-box-sizing: content-box;
         box-sizing: content-box;
    font-size: 14px;
    font-size: 4.3vw;
    float: left;
    position: relative;
    width: 100%;
    text-decoration: none;
    color: #fff;
    height: 3.5em;
    line-height: 1.2; }
    .widthContent .withMenu a span {
      position: absolute;
      left: 6.25%;
      width: 93.75%;
      top: 50%;
      -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
              transform: translate(0, -50%); }
    .widthContent .withMenu a.btn-top {
      font-size: 4.0vw;
      width: 100%; }
      .widthContent .withMenu a.btn-top span {
        left: 3.125%; }
      .widthContent .withMenu a.btn-top:after {
        right: 3.125%; }
    .widthContent .withMenu a:nth-child(even) {
      border-right: #e3e3e3 solid 1px; }
    .widthContent .withMenu a:last-child {
      border-right: none; }
    .widthContent .withMenu a:after {
      position: absolute;
      right: 3.125%;
      top: 50%;
      content: "";
      display: block;
      background: url(../img/common/nav-arrow.png) center center no-repeat;
      background-size: 100% 100%;
      width: 6px;
      height: 11px;
      margin-top: -5px; }
  .widthContent .withMenu a.comming:after {
    width: 74px;
    height: 13px;
    vertical-align: middle;
    content: "";
    background: url(../img/common/nav-comming-sp.png) center center no-repeat;
    background-size: 100% 100%;
    margin-top: 0; }
  .widthContent .withMenu-boxarea {
    width: 90.625%;
    margin: 0 auto;
    padding: 5% 0;
    font-size: 0; }
    .widthContent .withMenu-boxarea .ib {
      display: inline-block; }
    .widthContent .withMenu-boxarea .col {
      vertical-align: top;
      display: inline-block; }
      .widthContent .withMenu-boxarea .col a {
        text-decoration: none; }
    .widthContent .withMenu-boxarea .link-box {
      width: 48%;
      position: relative;
      margin-right: 4%; }
      .widthContent .withMenu-boxarea .link-box:nth-child(even) {
        margin-right: 0; }
      .widthContent .withMenu-boxarea .link-box.n1, .widthContent .withMenu-boxarea .link-box.n2, .widthContent .withMenu-boxarea .link-box.n3, .widthContent .withMenu-boxarea .link-box.n4 {
        margin-bottom: 8%; }
      .widthContent .withMenu-boxarea .link-box .pic {
        -webkit-transition: all 0.6s;
        transition: all 0.6s; }
        .widthContent .withMenu-boxarea .link-box .pic:hover {
          opacity: 0.6; }
        .widthContent .withMenu-boxarea .link-box .pic img {
          width: 100%; }
      .widthContent .withMenu-boxarea .link-box .bottom-text {
        margin-top: 8px;
        display: block;
        font-size: 12px;
        font-size: 3.6vw; }
        .widthContent .withMenu-boxarea .link-box .bottom-text .arrow {
          display: inline-block;
          font-size: 0;
          line-height: 0;
          width: 7.2px;
          height: 12px;
          margin-left: 8px;
          margin-top: -2px;
          vertical-align: middle;
          background: url("../../img/common/arrow-black.svg") no-repeat center center;
          background-size: 100% auto; }
  .widthContent .widthFooter {
    margin-top: 50px; }
    .widthContent .widthFooter .withMenu {
      border-top: solid 1px #e3dfde;
      border-bottom: solid 1px #e3dfde; }
      .widthContent .widthFooter .withMenu:last-child {
        border-bottom: none; }
        .widthContent .widthFooter .withMenu:first-child {
          border-bottom: solid 1px #e3dfde; }
      .widthContent .widthFooter .withMenu .inner .btn-top {
        display: block; }
      .widthContent .widthFooter .withMenu .inner a {
        font-size: 13px;
        font-size: 3.9vw;
        position: relative;
        color: #0c0200; }
        .widthContent .widthFooter .withMenu .inner a:after {
          position: absolute;
          right: 3.125%;
          top: 50%;
          content: "";
          display: block;
          background: url(../../img/common/nav-arrow-black.png) center center no-repeat;
          background-size: 100% 100%;
          width: 7px;
          height: 14px;
          margin-top: -7px; }
      .widthContent .widthFooter .withMenu .inner .f-nav {
        -moz-box-sizing: border-box;
             box-sizing: border-box;
        float: left;
        width: 50%;
        border-top: solid 1px #e3dfde; }
        .widthContent .widthFooter .withMenu .inner .f-nav:after {
          right: 6.25%; }
      .widthContent .widthFooter .withMenu .inner .f-nav.coming {
        pointer-events: none;
        background-color: #f8f8f8;
        color: #bfb8b6; }
        .widthContent .widthFooter .withMenu .inner .f-nav.coming:after {
          background: url(../img/common/nav-arrow-grey.png) center center no-repeat;
          background-size: 100% 100%; }
    .widthContent .widthFooter .sub {
      border-top: #999 solid 2px;
      padding: 5px 10px; }
      .widthContent .widthFooter .sub p {
        padding: 5px 5px; }
        .widthContent .widthFooter .sub p:nth-child(1) {
          float: left;
          width: 60%; }
        .widthContent .widthFooter .sub p:nth-child(2) {
          float: right;
          width: 40%; }
      .widthContent .widthFooter .sub .btn-totop {
        display: block;
        width: 100%;
        height: 28px;
        background-color: #65293d;
        background: -webkit-linear-gradient(bottom, #c17c93, #af5974);
        background: linear-gradient(0deg, #c17c93, #af5974);
        border: none;
        border-radius: 5px;
        font-size: 12px;
        line-height: 28px;
        white-space: nowrap;
        text-align: center;
        color: #fff;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
        text-decoration: none; }
      .widthContent .widthFooter .sub .btn-pagetop {
        display: block;
        width: 100%;
        height: 28px;
        background-color: #65293d;
        background: -webkit-linear-gradient(bottom, #d5d5d5, #b7b7b7);
        background: linear-gradient(0deg, #d5d5d5, #b7b7b7);
        border: none;
        border-radius: 5px;
        font-size: 12px;
        line-height: 28px;
        white-space: nowrap;
        text-align: center;
        color: #fff;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
        text-decoration: none; }
  .widthContent .wrap {
    position: relative; }
  .widthContent .relative, .widthContent .section {
    position: relative; }
  .widthContent .section .bg img {
    width: 100%; }
    .debug .widthContent .section .bg img {
      opacity: 0.5; }
  .widthContent .swiper-container .swiper-pagination-bullets {
    bottom: 14px; }
  .widthContent .swiper-container .swiper-pagination-bullet {
    margin: 0 10px;
    width: 10px;
    height: 10px;
    background-color: transparent;
    border: #FFF solid 1px;
    opacity: 1; }
  .widthContent .swiper-container .swiper-pagination-bullet-active {
    background-color: #fff; }
  .widthContent .alphaBlur {
    -webkit-filter: blur(2px);
            filter: blur(2px);
    opacity: 1; }
  .widthContent .alphaBlur-transition {
    -webkit-transition: opacity 1s 0.5s linear, -webkit-filter 2s 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity 1s 0.5s linear, -webkit-filter 2s 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity 1s 0.5s linear, filter 2s 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity 1s 0.5s linear, filter 2s 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-filter 2s 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); }

/* header 各ページ
***********************************/
body:not(.page-with-top) .withHeader.show {
  background-color: inherit; }
  body:not(.page-with-top) .withHeader.show .withMenu {
    background-color: rgba(12, 2, 0, 0.8); }

body .page-footer .footer-bottom01 {
  margin-top: 0 !important; }

body.page-with-top .widthFooter .btn-top {
  pointer-events: none; }

/* トップページ
***********************************/
.debug .widthContent.home.home {
  background: transparent url("../img/top/layout-sp.jpg") center 0 no-repeat;
  background-size: 100% auto; }

.widthContent.home.home .withHeader .withMenuButton span {
  background-color: #fff; }

.widthContent.home.home .withMenu .btn-top {
  display: none; }

.widthContent.home.home .withMenu-boxarea {
  display: none; }

.widthContent.home.home .topMain .gallerySlider {
  width: 100%;
  overflow: hidden; }
  .widthContent.home.home .topMain .gallerySlider .section-title {
    pointer-events: none; }
  .widthContent.home.home .topMain .gallerySlider .slide img {
    -webkit-transition: all 6s linear;
    transition: all 6s linear;
    width: 100%;
    -webkit-transform: scale(1.05, 1.05);
        -ms-transform: scale(1.05, 1.05);
            transform: scale(1.05, 1.05); }
    .widthContent.home.home .topMain .gallerySlider .slide img.zoom {
      -webkit-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
              transform: scale(1, 1); }

.widthContent.home.home .topMain .section-title {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 22.96875%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2; }

.widthContent.home.home .statement {
  position: relative;
  width: 100%; }
  .widthContent.home.home .statement .txt {
    margin: auto; }

.widthContent.home.home .section:not(.topMain) {
  margin-bottom: -1px; }

.widthContent.home.home .section .coverlink {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  z-index: 2; }
  .widthContent.home.home .section .coverlink .ttl {
    width: 21.875%;
    margin-bottom: 5.12821%;
    position: relative; }
    .widthContent.home.home .section .coverlink .ttl img {
      position: relative;
      z-index: 1; }
    .widthContent.home.home .section .coverlink .ttl span {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      background-color: #fff; }
      .widthContent.home.home .section .coverlink .ttl span:nth-child(1) {
        bottom: auto; }
      .widthContent.home.home .section .coverlink .ttl span:nth-child(2) {
        left: auto; }
      .widthContent.home.home .section .coverlink .ttl span:nth-child(3) {
        top: auto; }
      .widthContent.home.home .section .coverlink .ttl span:nth-child(4) {
        right: auto; }
      .widthContent.home.home .section .coverlink .ttl span:nth-child(5) {
        opacity: 1; }
  .widthContent.home.home .section .coverlink .t-catch {
    margin-bottom: 3.58974%;
    width: 100%;
    font-weight: bold;
    font-size: 12px;
    font-size: 3.6vw;
    color: #FFF;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5), 0px 0px 5px rgba(0, 0, 0, 0.5);
    -webkit-font-feature-settings: "palt";
       -moz-font-feature-settings: "palt";
            font-feature-settings: "palt"; }
    .widthContent.home.home .section .coverlink .t-catch p {
      display: none;
      position: relative;
      overflow: hidden; }
      .widthContent.home.home .section .coverlink .t-catch p span {
        display: inline-block; }
  .widthContent.home.home .section .coverlink .btn-more {
    color: #FFF;
    font-family: "Libre Baskerville", serif;
    font-size: 12px;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    font-style: italic;
    position: relative; }
    .widthContent.home.home .section .coverlink .btn-more:after {
      content: "";
      display: inline-block;
      font-size: 0;
      line-height: 0;
      width: 5px;
      height: 5px;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg);
      border-top: #FFF 1.5px solid;
      border-right: #FFF 1.5px solid;
      margin-left: 3px; }
    .widthContent.home.home .section .coverlink .btn-more:before {
      content: "";
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
      position: absolute;
      bottom: -2px;
      left: 0;
      width: 100%;
      height: 1px;
      line-height: 0;
      font-size: 0;
      background-color: #fff; }

.widthContent.home.home .section.coming .bg:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.4); }

.widthContent.home.home .section.coming .coverlink {
  pointer-events: none; }
  .widthContent.home.home .section.coming .coverlink .btn-more {
    display: none; }
  .widthContent.home.home .section.coming .coverlink .coming-text {
    color: #FFF;
    font-family: "Libre Baskerville", serif;
    font-size: 20px;
    font-style: italic;
    position: relative;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); }

.widthContent.home.home .section.concept .ttl {
  background: url("../img/top/concept-whiteTitle-sp.png");
  background-size: 100% auto; }

.widthContent.home.home .section.concept .t-catch {
  background: url("../img/top/concept-lead-sp.png");
  background-size: 100% auto;
  padding-top: 12.5%; }

/* 202108追加　安心と安全 */
.widthContent.home.home .section.safety .ttl {
  background: url("../img/top/202108/safety-whiteTitle-sp.png");
  background-size: 100% auto; }

.widthContent.home.home .section.safety .t-catch {
  background: url("../img/top/202108/safety-lead-sp.png");
  background-size: 100% auto;
  padding-top: 19.0625%; }


.widthContent.home.home .section.relay .ttl {
  background: url("../img/top/relay-whiteTitle-sp.png");
  background-size: 100% auto; }

.widthContent.home.home .section.relay .t-catch {
  background: url("../img/top/relay-lead-sp.png");
  background-size: 100% auto;
  padding-top: 19.0625%; }

.widthContent.home.home .section.oneline .ttl {
  background: url("../img/top/oneline-whiteTitle-sp.png");
  background-size: 100% auto; }

.widthContent.home.home .section.oneline .t-catch {
  background: url("../img/top/oneline-lead-sp.png");
  background-size: 100% auto;
  padding-top: 12.5%; }

.widthContent.home.home .section.skincare .ttl {
  background: url("../img/top/skincare-whiteTitle-sp.png");
  background-size: 100% auto; }

.widthContent.home.home .section.skincare .t-catch {
  background: url("../img/top/skincare-lead-sp.png");
  background-size: 100% auto;
  padding-top: 12.5%; }

.widthContent.home.home .section.pleaser .ttl {
  background: url("../img/top/pleaser-whiteTitle-sp.png");
  background-size: 100% auto; }

.widthContent.home.home .section.pleaser .t-catch {
  background: url("../img/top/pleaser-lead-sp.png");
  background-size: 100% auto;
  padding-top: 18.59375%; }

/* スキンケア
***********************************/
.debug .widthContent.skincare.skincare {
  background: transparent url("../img/skincare/layout-sp.jpg") center 10px no-repeat;
  background-size: 100% auto; }

.widthContent.skincare.skincare .topMain .t-lead {
  position: absolute;
  left: 9.53125%;
  top: 14.5%;
  width: 22.03125%; }

.widthContent.skincare.skincare .section-story .section-title {
  /* -webkit-font-feature-settings: "palt";
     -moz-font-feature-settings: "palt";
          font-feature-settings: "palt"; */
  text-align: center;
  line-height: 1.7;
  padding: 0 0 4%;
  font-size: 16px;
  font-size: 5.4vw; }

.widthContent.skincare.skincare .section-story > .t-lead {
  /* -webkit-font-feature-settings: "palt";
     -moz-font-feature-settings: "palt";
          font-feature-settings: "palt"; */
  line-height: 1.65;
  font-size: 14px;
  font-size: 4.3vw;
  text-align: center;
  margin-bottom: 38px; }

.widthContent.skincare.skincare .section-story .story {
  width: 89%;
  /* line-height: 1.65; */
  line-height: 1.8;
  /* -webkit-font-feature-settings: "palt";
     -moz-font-feature-settings: "palt";
          font-feature-settings: "palt"; */
  font-size: 14px;
  font-size: 4.3vw;
  margin: 0 auto 6vw;
}

.widthContent.skincare.skincare .section-story .story.story-Main {
  width: 100%;
  margin-top: 4vw;
  margin-bottom: 5vw;
}
.widthContent.skincare.skincare .section-story .story.story-2{
  margin: 0 auto 8vw;
}
.widthContent.skincare.skincare .section-story .story.story-3{
  margin: 0 auto 6vw;
}

  .widthContent.skincare.skincare .section-story .story .pic {
    margin: 0 0 13px; }
    .debug .widthContent.skincare.skincare .section-story .story .pic {
      opacity: 0.5; }
  .debug .widthContent.skincare.skincare .section-story .story .t-read {
    opacity: 0.5; }
  .widthContent.skincare.skincare .section-story .story .t-read p {
    margin-bottom: 0.7em;
    /* letter-spacing: 0.12em; */
  }

    .widthContent.skincare.skincare .section-story .story .t-read-3 p{
      /* letter-spacing: 0.12em; */
    }

.widthContent.skincare.skincare .section-story .story-last {
  /* -webkit-font-feature-settings: "palt";
     -moz-font-feature-settings: "palt";
          font-feature-settings: "palt"; */
  text-align: center;
  width: 100%;
  margin: 0 auto 14vw; }
  .widthContent.skincare.skincare .section-story .story-last span {
    display: block;
    line-height: 1.65;
    font-size: 14px;
    font-size: 4.3vw; }
    .widthContent.skincare.skincare .section-story .story-last span.mb1em {
      margin-bottom: 1em; }
  .widthContent.skincare.skincare .section-story .story-last .text-large {
    display: block;
    margin-top: 15px;
    font-size: 20px;
    font-size: 6.5vw; }

.widthContent.skincare.skincare .section-story .item-list {
  width: 90%;
  margin: auto auto auto;
  overflow: hidden;
}
  .widthContent.skincare.skincare .section-story .item-list .item {
    width: 50%;
    float: left;
    padding: 4px; }
    .debug .widthContent.skincare.skincare .section-story .item-list .item .pic {
      opacity: 0.5; }
    .widthContent.skincare.skincare .section-story .item-list .item .inner {
      position: relative; }
    .widthContent.skincare.skincare .section-story .item-list .item:nth-child(even) .info .btn-rect {
      float: right; }
    .widthContent.skincare.skincare .section-story .item-list .item .info {
      padding: 6% 0 14%;
      text-align: center; }
      .widthContent.skincare.skincare .section-story .item-list .item .info .num {
        font-family: "Libre Baskerville", serif;
        font-size: 18px;
        font-size: 5vw;
        font-style: italic; }
      .widthContent.skincare.skincare .section-story .item-list .item .info .ttl {
        line-height: 1.65;
        font-size: 14px;
        font-size: 4.2vw;
        -webkit-font-feature-settings: trad,jp04;
           -moz-font-feature-settings: trad,jp04;
                font-feature-settings: trad,jp04;
        margin-bottom: 0.6em; }
        .widthContent.skincare.skincare .section-story .item-list .item .info .ttl .small {
          font-size: 10px;
          font-size: 3vw;
          display: inline-block;
          -webkit-transform: translate(0, -5px);
              -ms-transform: translate(0, -5px);
                  transform: translate(0, -5px); }
        .widthContent.skincare.skincare .section-story .item-list .item .info .note{
          text-align: center;
          margin-top: -12px;
          margin-bottom: 10px;
        }
        .widthContent.skincare.skincare .section-story .item-list .item .info .note .small{
          display: inline-block;
          font-size: 10px;
          text-align: left;
          line-height: 1.2;
          padding-left: 1em;
          text-indent: -1.3em;
        }

      .widthContent.skincare.skincare .section-story .item-list .item .info .btn-rect {
        float: left;
        margin-bottom: 0.8em;
        display: inline-block;
        line-height: 1.2;
        font-size: 12px;
        font-size: 3.6vw;
        width: 98%;
        color: #000;
        text-decoration: none;
        padding: 14px 0 13px;
        border: #000 solid 1px; }
        .widthContent.skincare.skincare .section-story .item-list .item .info .btn-rect:after {
          content: "";
          display: inline-block;
          font-size: 0;
          line-height: 0;
          width: 6px;
          height: 6px;
          -webkit-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
                  transform: rotate(45deg);
          border-top: #000 2px solid;
          border-right: #000 2px solid;
          margin-left: 5px; }

.widthContent.skincare.skincare .BtnBlock--halfway{
  margin-top: -15px;
}

.widthContent.skincare.skincare .widthFooter {
  margin-top: 11%; }

.widthContent .banner-area .ttl {
  text-align: center;
  font-size: 14px;
  font-size: 4.3vw;
  margin-bottom: 5%; }

.widthContent .banner-area .footer-bnr {
  display: block;
  width: 90.625%;
  margin: auto auto 5%; }

/* プリーザー
***********************************/
.debug .widthContent.pleaser.pleaser {
  background: transparent url("../img/pleaser/layout-sp.jpg") center top no-repeat;
  background-size: 100% auto; }

.widthContent.pleaser.pleaser .topMain .t-lead {
  position: absolute;
  left: 13.4375%;
  top: 7.5%;
  width: 18.59375%; }

  .widthContent.pleaser.pleaser .story-Main{
    padding: 4vw 0 0;
  }

.widthContent.pleaser.pleaser .topMain .copyright {
  width: 90.625%;
  margin: 0 auto;
  text-align: left;
  padding: 5px;
  font-size: 10px;
  font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.widthContent.pleaser.pleaser .t-read {
  margin: auto;
  font-size: 14px;
  font-size: 4.1vw;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: 1px;
  /* -webkit-font-feature-settings: "palt";
     -moz-font-feature-settings: "palt";
          font-feature-settings: "palt"; */
        }
  .widthContent.pleaser.pleaser .t-read p {
    margin-bottom: 5vw;
  }
  .widthContent.pleaser.pleaser .t-read-txt-1 {
    line-height: 1.8;
    /* letter-spacing: 0.17em; */
  }
  .widthContent.pleaser.pleaser .t-read-txt-2 {
    line-height: 1.8;
    padding-top: 2vw;
    /* letter-spacing: 0.17em; */
  }
  .widthContent.pleaser.pleaser .t-read-txt-3 {
    line-height: 1.75;
    /* letter-spacing: 0.17em; */
  }
  .widthContent.pleaser.pleaser .t-read .text-large {
    font-size: 16px;
    font-size: 5.4vw; }
  .widthContent.pleaser.pleaser .t-read .underline {
    text-decoration: underline; }

.widthContent.pleaser.pleaser .section-pleaser {
  width: 89%;
  margin: 0 auto 5vw;
  padding-top: 0; }
  .widthContent.pleaser.pleaser .section-pleaser .section-title {
    font-size: 15px;
    font-size: 5.1vw;
    line-height: 1.7;
    text-align: center;
    margin-bottom: 7.5%; }
  .widthContent.pleaser.pleaser .section-pleaser .visualize {
    position: relative;
    margin: 7% auto 5%;
    background-color: #f8f8f8; }
    .debug .widthContent.pleaser.pleaser .section-pleaser .visualize {
      opacity: 0.5; }
    .widthContent.pleaser.pleaser .section-pleaser .visualize .ani-gif {
      display: none; }

.widthContent.pleaser.pleaser .section-training {
  border-top: #e3dfde solid 1px;
  width: 89%;
  margin: auto;
  padding-top: 11vw;
}
  .widthContent.pleaser.pleaser .section-training .picMain {
    margin-bottom: 8vw; }

  .widthContent.pleaser.pleaser .section-training .t-read .t-read-head {
    font-size: 18px;
    font-size: 6.2vw;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 8vw;
  }
  .widthContent.pleaser.pleaser .section-training .t-read .text-large {
    font-size: 16px;
    font-size: 4.85vw;
    line-height: 1.8;
    text-align: center; }
  .widthContent.pleaser.pleaser .section-training .story {
    position: relative;
    margin-top: 40px; }
    .widthContent.pleaser.pleaser .section-training .story.story-1{
      margin-top: 3vw;
    }

    .debug .widthContent.pleaser.pleaser .section-training .story {
      opacity: 0.5; }
    .widthContent.pleaser.pleaser .section-training .story .pic {
      margin-bottom: 20px; }

      .widthContent.pleaser.pleaser .section-training .story .pic-sub-1 {
        margin-top: 6vw;
      }

    .widthContent.pleaser.pleaser .section-training .story .t-read {
      text-align: left; }
      .widthContent.pleaser.pleaser .section-training .story .t-read .ttl {
        font-weight: bold;
        font-size: 20px; }
        .widthContent.pleaser.pleaser .section-training .story .t-read .ttl span {
          font-size: 14px; }
      .widthContent.pleaser.pleaser .section-training .story .t-read p {
        font-size: 12px; }
    .widthContent.pleaser.pleaser .section-training .story.story-1 .t-read {
      margin-bottom: 14px; }
    .widthContent.pleaser.pleaser .section-training .story.story-2 {
      margin: 7vw auto 0vw; }
  .widthContent.pleaser.pleaser .section-training .visualize {
    background: #f8f8f8;
    padding: 8% 0;
    margin: 8vw 0 5vw; }
    .widthContent.pleaser.pleaser .section-training .visualize .ttl {
      width: 62.06897%;
      margin: 0 auto 20px;
      text-align: center;
      padding: 4% 10%;
      font-size: 14px;
      font-size: 4.3vw;
      border: solid 1px #000; }
    .widthContent.pleaser.pleaser .section-training .visualize .items {
      padding: 0 4%;
      font-size: 0;
      width: 100%;
      display: table; }
      .widthContent.pleaser.pleaser .section-training .visualize .items .item {
        display: inline-block;
        padding: 2px;
        width: 33.333333333333%; }
  .widthContent.pleaser.pleaser .section-training .interview {
    margin: 4vw auto 0;
   }
    .widthContent.pleaser.pleaser .section-training .interview .box {
      margin-bottom: 30px; }
      .widthContent.pleaser.pleaser .section-training .interview .box .pic {
        margin-bottom: 15px; }
      /* .widthContent.pleaser.pleaser .section-training .interview .box .t-read {
        font-size: 12px;
        font-size: 3.6vw; } */

      .widthContent.pleaser.pleaser .section-training .interview .box .pic-sub-3 {
        margin-bottom: 20px;
      }

.widthContent.pleaser.pleaser .conclusion {
  text-align: center;
  padding: 1vw 0 0;
}
  .widthContent.pleaser.pleaser .conclusion .t-read .text-large {
    font-size: 5.2vw;
      -webkit-font-feature-settings: "palt";
     -moz-font-feature-settings: "palt";
          font-feature-settings: "palt";
          line-height: 1.75;
  }

.widthContent.pleaser.pleaser .section-call {
  border-top: #e3dfde solid 1px;
  width: 89%;
  margin: 7.5vw auto 0;
}
.widthContent.pleaser.pleaser .section-call-bottom{
  margin: 7vw auto 0;
  padding: 9vw 0 7vw;
}
  .widthContent.pleaser.pleaser .section-call .section-title {
    -webkit-font-feature-settings: "palt";
       -moz-font-feature-settings: "palt";
            font-feature-settings: "palt";
    text-align: center;
    font-size: 20px;
    line-height: 1.5;
    padding: 10vw 0px 7vw;
  }
  .widthContent.pleaser.pleaser .section-call .section-title-bottom {
    -webkit-font-feature-settings: "palt";
       -moz-font-feature-settings: "palt";
            font-feature-settings: "palt";
    text-align: center;
    font-size: 6.5vw;
    line-height: 1.5;
    padding: 0 0 5vw;
  }
  .widthContent.pleaser.pleaser .section-call-bottom .section-text{
    text-align: center;
  }
  .widthContent.pleaser.pleaser .section-call .items {
    text-align: center;
    font-size: 0;
    margin: 7vw 0 7vw; }
    .widthContent.pleaser.pleaser .section-call .items .btn-app {
      display: inline-block;
      overflow: hidden;
      width: 13vw;
      margin: 0 2.6vw 7.8vw;
    }
    .widthContent.pleaser.pleaser .section-call .items .btn-app.btn-app--L {
      width: 20vw;
      padding: 0;
    }
  .widthContent.pleaser.pleaser .section-call .t-read {
    font-size: 3.9vw;
    text-align: center; }

    .widthContent.pleaser.pleaser .section-call .note {
      text-align: center;
      font-size: 3.4vw;
      line-height: 1.9;

  }

.widthContent.pleaser.pleaser .section-bnr {
  padding-bottom: 5vw; }
  .widthContent.pleaser.pleaser .section-bnr .bnr-interview {
    display: block;
    padding-bottom: 6vw; }

/* 三点セット
***********************************/
.debug .widthContent.prepare.prepare {
  background: transparent url("../img/prepare/layout-sp.jpg") center top no-repeat;
  background-size: 100% auto; }

.widthContent.prepare.prepare .topMain .t-lead {
  position: absolute;
  left: 7.03125%;
  top: 30%;
  width: 21.875%; }

.widthContent.prepare.prepare .t-read {
  margin: auto;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.8;
  letter-spacing: 1px;
  -webkit-font-feature-settings: "palt";
     -moz-font-feature-settings: "palt";
          font-feature-settings: "palt"; }
  .widthContent.prepare.prepare .t-read p {
    margin-bottom: 1.0em; }
  .widthContent.prepare.prepare .t-read .text-large {
    font-size: 16px; }
  .widthContent.prepare.prepare .t-read .underline {
    text-decoration: underline; }

.widthContent.prepare.prepare .section-prepare {
  width: 90.625%;
  margin: 0 auto 40px;
  padding-top: 14%; }
  .widthContent.prepare.prepare .section-prepare .section-title {
    -webkit-font-feature-settings: "palt";
       -moz-font-feature-settings: "palt";
            font-feature-settings: "palt";
    text-align: center;
    line-height: 1.8;
    padding: 0 0 7%;
    font-size: 20px;
    font-size: 6.5vw; }
  .widthContent.prepare.prepare .section-prepare .t-lead {
    -webkit-font-feature-settings: "palt";
       -moz-font-feature-settings: "palt";
            font-feature-settings: "palt";
    line-height: 1.8;
    font-size: 14px;
    font-size: 4.3vw;
    text-align: center;
    margin-bottom: 30px; }
    .widthContent.prepare.prepare .section-prepare .t-lead .middle-text {
      padding: 12px 0;
      font-size: 16px;
      font-size: 5.4vw;
      line-height: 1.8; }
      .widthContent.prepare.prepare .section-prepare .t-lead .middle-text span {
        text-decoration: underline;
        display: inline-block; }
        .widthContent.prepare.prepare .section-prepare .t-lead .middle-text span:nth-of-type(2) {
          margin: 0 8px; }
        .widthContent.prepare.prepare .section-prepare .t-lead .middle-text span:nth-of-type(3) {
          margin: 0 8px; }
  .widthContent.prepare.prepare .section-prepare .feature {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 0;
    padding-bottom: 14%;
    border-bottom: solid 1px #e3dfde; }
    .widthContent.prepare.prepare .section-prepare .feature .icon {
      width: 49.65517%;
      display: inline-block; }
    .widthContent.prepare.prepare .section-prepare .feature .icon.n1 {
      margin: 0 auto -5%;
      display: block; }
  .widthContent.prepare.prepare .section-prepare .item-list {
    border-bottom: solid 1px #e3dfde; }
    .widthContent.prepare.prepare .section-prepare .item-list .item {
      padding-bottom: 14%; }
    .widthContent.prepare.prepare .section-prepare .item-list .ttl {
      padding: 8% 0; }
    .widthContent.prepare.prepare .section-prepare .item-list .btn-rect {
      float: left;
      display: inline-block;
      line-height: 1.2;
      font-size: 12px;
      font-size: 3.6vw;
      width: 48.27586%;
      color: #000;
      text-decoration: none;
      padding: 14px 0 13px;
      border: #000 solid 1px;
      text-align: center; }
      .widthContent.prepare.prepare .section-prepare .item-list .btn-rect.n2 {
        margin-left: 3.44828%; }
      .widthContent.prepare.prepare .section-prepare .item-list .btn-rect:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
        line-height: 0;
        width: 6px;
        height: 6px;
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg);
        border-top: #000 2px solid;
        border-right: #000 2px solid;
        margin-left: 5px;
        margin-top: -2px; }
  .widthContent.prepare.prepare .section-prepare .bottom-box {
    margin: 0 auto; }
    .widthContent.prepare.prepare .section-prepare .bottom-box .col {
      display: block; }
    .widthContent.prepare.prepare .section-prepare .bottom-box .col-1 {
      padding: 5% 0;
      text-align: center;
      background: #e3dfde; }
      .widthContent.prepare.prepare .section-prepare .bottom-box .col-1 .box-text span {
        font-size: 14px;
        font-size: 4.3vw;
        display: inline-block; }
    .widthContent.prepare.prepare .section-prepare .bottom-box .col.triangle {
      padding: 5% 0;
      text-align: center; }
      .widthContent.prepare.prepare .section-prepare .bottom-box .col.triangle .triangle-img {
        width: 7.40741%;
        margin: 0 auto; }
    .widthContent.prepare.prepare .section-prepare .bottom-box .col.link-box a {
      text-decoration: none;
      color: #000; }
    .widthContent.prepare.prepare .section-prepare .bottom-box .col.link-box .inner .box {
      padding-top: 4%; }
      .widthContent.prepare.prepare .section-prepare .bottom-box .col.link-box .inner .box .text {
        font-size: 16px;
        font-size: 5.4vw;
        padding-bottom: 2%; }
        .widthContent.prepare.prepare .section-prepare .bottom-box .col.link-box .inner .box .text .indent {
          margin-left: -0.5em; }
      .widthContent.prepare.prepare .section-prepare .bottom-box .col.link-box .inner .box .btn-more {
        display: none; }
      .widthContent.prepare.prepare .section-prepare .bottom-box .col.link-box .inner .box .bottom-text {
        display: inline-block;
        font-size: 14px;
        font-size: 4.3vw; }
        .widthContent.prepare.prepare .section-prepare .bottom-box .col.link-box .inner .box .bottom-text .arrow {
          display: inline-block;
          font-size: 0;
          line-height: 0;
          width: 7.2px;
          height: 12px;
          margin-left: 8px;
          margin-top: -2px;
          vertical-align: middle;
          background: url("../../img/common/arrow-black.svg") no-repeat center center;
          background-size: 100% auto; }

.widthContent.prepare.prepare #section-3 {
  margin-bottom: 0;
  padding-top: 0; }

.widthContent.prepare.prepare #section-4 {
  margin-bottom: 0; }

  .widthContent.pleaser.pleaser .widthFooter {
    margin-top: 9%;
  }




/* コンセプト
***********************************/
.debug .widthContent.concept.concept {
  background: transparent url("../img/concept/layout-sp.jpg") center 10px no-repeat;
  background-size: 100% auto; }

.widthContent.concept.concept .topMain {
  margin: 12% auto; }
  .widthContent.concept.concept .topMain .t-lead {
    margin: 0 auto;
    width: 48.75%; }

.widthContent.concept.concept .section-story .section-title {
  -webkit-font-feature-settings: "palt";
     -moz-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-align: center;
  line-height: 1.8;
  padding: 11% 0 7%;
  font-size: 16px;
  font-size: 5.4vw; }

.widthContent.concept.concept .section-story .t-lead {
  /* -webkit-font-feature-settings: "palt";
     -moz-font-feature-settings: "palt";
          font-feature-settings: "palt"; */
  line-height: 1.65;
  font-size: 16px;
  font-size: 5.4vw;
  text-align: center;
  margin-bottom: 8%; }

.widthContent.concept.concept .section-story .story {
  width: 89%;
  line-height: 1.65;
  /* -webkit-font-feature-settings: "palt";
     -moz-font-feature-settings: "palt";
          font-feature-settings: "palt"; */
  font-size: 14px;
  font-size: 4.3vw;
  margin: 0 auto 7.5%; }
  .widthContent.concept.concept .section-story .story.story-3{
    margin-bottom: 9%;
  }
  .widthContent.concept.concept .section-story .story .pic {
    margin: 0 0 5%;
    width: 100%; }
    .debug .widthContent.concept.concept .section-story .story .pic {
      opacity: 0.5; }
    .widthContent.concept.concept .section-story .story .pic img {
      width: 100%; }
  .widthContent.concept.concept .section-story .story .t-read {
    font-size: 14px;
    font-size: 4.3vw;
    /* letter-spacing: 0.12em; */
    line-height: 1.75;
    }
    .debug .widthContent.concept.concept .section-story .story .t-read {
      opacity: 0.5; }
    .widthContent.concept.concept .section-story .story .t-read p {
      margin-bottom: 0.7em; }
      .widthContent.concept.concept .section-story .story.story-2 .t-read p {
        margin-top: 3%; }
  .widthContent.concept.concept .section-story .story.story-L {
    padding-bottom: 4%;
    margin-bottom: 0; }
    .widthContent.concept.concept .section-story .story.story-L .story-ttl {
      text-align: center;
      margin: 8% 0;
      width: 100%;
      -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
              transform: translate(0, -50%); }
    .widthContent.concept.concept .section-story .story.story-L .pic {
      margin: 0; }
    .widthContent.concept.concept .section-story .story.story-L .t-read {
      text-align: left; }
  .widthContent.concept.concept .section-story .story.story-2 .visualize {
    position: relative;
    padding-top: 56.71875%;
    position: relative;
    margin: 5% auto 10%;
    background-color: #f8f8f8; }
    .debug .widthContent.concept.concept .section-story .story.story-2 .visualize {
      opacity: 0.5; }
    .widthContent.concept.concept .section-story .story.story-2 .visualize .circle-yellow {
      left: 19.85294%; }
      .widthContent.concept.concept .section-story .story.story-2 .visualize .circle-yellow > img {
        opacity: 0.3; }
    .widthContent.concept.concept .section-story .story.story-2 .visualize .circle-blue {
      left: 47.5%; }
      .widthContent.concept.concept .section-story .story.story-2 .visualize .circle-blue > img {
        opacity: 0.3; }
    .widthContent.concept.concept .section-story .story.story-2 .visualize .circle-blue,
    .widthContent.concept.concept .section-story .story.story-2 .visualize .circle-yellow {
      position: absolute;
      top: 21.59827%;
      width: 32.64706%; }
      .widthContent.concept.concept .section-story .story.story-2 .visualize .circle-blue .txt,
      .widthContent.concept.concept .section-story .story.story-2 .visualize .circle-yellow .txt {
        position: absolute;
        top: 44.54148%;
        left: 0;
        z-index: 1; }
    .widthContent.concept.concept .section-story .story.story-2 .visualize .circle-light {
      position: absolute;
      left: 13.67647%;
      top: 12.527%;
      width: 44.41176%; }
  .widthContent.concept.concept .section-story .story.story-4 {
    border-top: solid 1px #e3dfde; }
    .widthContent.concept.concept .section-story .story.story-4 .pic {
      width: 71.55172%;
      margin: 0 auto 4%;
      padding: 11% 0 4%; }
  .widthContent.concept.concept .section-story .story.story-5 .pic {
    width: 70.68966%;
    margin: 0 auto 4%; }
  .widthContent.concept.concept .section-story .story.story-5 .t-read p .fz10 {
    font-size: 10px;
    font-size: 3vw; }

.widthContent.concept.concept .section-story .story-last {
  -webkit-font-feature-settings: "palt";
     -moz-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-align: left;
  width: 90.625%;
  margin: 8% auto 3%; }
  .widthContent.concept.concept .section-story .story-last span {
    display: inline-block;
    line-height: 1.65;
    font-size: 14px;
    font-size: 4.3vw; }
    .widthContent.concept.concept .section-story .story-last span.mb1em {
      margin-bottom: 1em; }
  .widthContent.concept.concept .section-story .story-last .text-large {
    display: block;
    margin-top: 2%;
    font-size: 20px;
    font-size: 6.5vw; }

.widthContent.concept.concept #section-2 {
  margin-top: 8%; }

.widthContent.concept.concept .widthFooter {
  margin-top: 10%; }

.widthContent.concept.concept .banner-area .ttl {
  text-align: center;
  font-size: 14px;
  font-size: 4.3vw;
  margin-bottom: 5%; }

.widthContent.concept.concept .banner-area .footer-bnr {
  display: block;
  width: 90.625%;
  margin: auto auto 5%; }

/* インタビュー
***********************************/
.debug .widthContent.interview.interview {
  background: transparent url("../../img/interview/layout-sp.jpg") center 10px no-repeat;
  background-size: 100% auto; }

.widthContent.interview.interview .interview02 .topMain .t-lead {
  right: 69.375%;
  left: auto; }

.widthContent.interview.interview .topMain .t-lead {
  position: absolute;
  left: 71.09375%;
  top: 13.5%;
  width: 21.09375%; }

.widthContent.interview.interview .section-story .section-title {
  -webkit-font-feature-settings: "palt";
     -moz-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-align: center;
  line-height: 1.4;
  padding: 11% 0 3%;
  color: #80210d;
  font-size: 20px;
  font-size: 6.5vw; }

.widthContent.interview.interview .section-story > .t-lead {
  -webkit-font-feature-settings: "palt";
     -moz-font-feature-settings: "palt";
          font-feature-settings: "palt";
  line-height: 1.65;
  font-size: 14px;
  font-size: 4.3vw;
  text-align: center;
  margin-bottom: 5%; }

.widthContent.interview.interview .section-story .main-read {
  text-align: left;
  width: 90.625%;
  margin: 0 auto 10%; }

.widthContent.interview.interview .section-story .story {
  width: 90.625%;
  line-height: 1.65;
  -webkit-font-feature-settings: "palt";
     -moz-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: 14px;
  font-size: 4.3vw;
  margin: 0 auto 10%; }
  .widthContent.interview.interview .section-story .story .pic {
    margin: 0 0 12%; }
    .debug .widthContent.interview.interview .section-story .story .pic {
      opacity: 0.5; }
  .widthContent.interview.interview .section-story .story .pic-note {
    font-size: 10px;
    font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin-top: 5px; }
  .widthContent.interview.interview .section-story .story .t-read {
    position: relative; }
    .debug .widthContent.interview.interview .section-story .story .t-read {
      opacity: 0.5; }
    .widthContent.interview.interview .section-story .story .t-read .circle {
      top: -7%;
      left: 50%;
      margin-left: -23.96552%;
      width: 47.93103%;
      position: absolute;
      margin-bottom: 0; }
    .widthContent.interview.interview .section-story .story .t-read p {
      margin-bottom: 0.7em; }
    .widthContent.interview.interview .section-story .story .t-read .large-text {
      text-align: center;
      padding-top: 3%;
      margin-bottom: 4%;
      line-height: 1.4;
      font-size: 20px;
      font-size: 6.5vw;
      color: #80210d;
      position: relative;
      z-index: 2; }
    .widthContent.interview.interview .section-story .story .t-read .text {
      position: relative;
      z-index: 2; }

.widthContent.interview.interview .section-story .interview02.story-1 .pic {
  margin-bottom: 9%; }

.widthContent.interview.interview .section-story .interview02.story-2 .pic {
  margin-bottom: 9%; }

.widthContent.interview.interview .section-story.sec-2 {
  background: url("../../img/interview01/ttl-bg2.png") center 2% no-repeat;
  background-size: 43.4375%; }

.widthContent.interview.interview .section-story.sec-3 .story .t-read .circle {
  top: -2%; }

.widthContent.interview.interview .widthFooter {
  margin-top: 12%; }

.widthContent.interview.pleaser-02 .section-story.sec-2 {
  background-position: center -2%; }

.widthContent.interview.pleaser-02 .story .pic {
  position: relative;
  z-index: 2; }

.widthContent.interview.pleaser-02 .section-story .story .t-read .circle {
  top: -48px; }

.widthContent.interview.pleaser-02 .section-story.sec-3 .story .t-read .circle {
  top: -48px; }

/* ものづくりリレー
***********************************/
.widthContent.relay.relay .section {
  position: relative;
  overflow: hidden; }
  .widthContent.relay.relay .section.noBg {
    background-color: transparent !important; }
  .widthContent.relay.relay .section svg.circle {
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 35px;
    margin: -250px 0 0 -250px; }
  .widthContent.relay.relay .section .center-line {
    position: absolute;
    top: 0;
    left: 50%;
    width: 40px;
    height: 100%;
    margin-left: -20px;
    background-color: #e5e5e5; }
  .widthContent.relay.relay .section .center-line-arrow {
    display: none;
    position: absolute;
    top: 0%;
    left: 50%;
    margin: -10px 0 0 -40px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 40px 0 40px;
    border-color: #e5e5e5 transparent transparent transparent; }
    .widthContent.relay.relay .section .center-line-arrow.inside {
      display: block; }
    .widthContent.relay.relay .section .center-line-arrow.end {
      display: block; }
  .widthContent.relay.relay .section .box {
    position: relative; }

.debug .widthContent.relay.relay {
  background: transparent url("../img/relay/layout-sp.jpg") center 10px no-repeat;
  background-size: 100% auto; }

.widthContent.relay.relay .topMain .t-lead {
  position: absolute;
  left: 40.625%;
  top: 13.75%;
  width: 19.53125%; }

.widthContent.relay.relay .t-read {
  text-align: center;
  width: 97%;
  margin: auto;
  font-size: 14px;
  font-size: 4.2vw;
  font-weight: normal;
  line-height: 1.78;
  letter-spacing: 0;
  /* -webkit-font-feature-settings: "palt";
     -moz-font-feature-settings: "palt";
          font-feature-settings: "palt"; */
  color: #0c0200;
  position: relative;
  z-index: 5; }
  .widthContent.relay.relay .t-read p {
    margin-bottom: 1.0em; }
  .widthContent.relay.relay .t-read .text-large {
    display: inline-block;
    line-height: 1.7;
    font-size: 24px; }
  .widthContent.relay.relay .t-read .lh18 {
    line-height: 1.8; }
  .widthContent.relay.relay .t-read .underline {
    position: relative;
    margin-bottom: 5px; }
    .widthContent.relay.relay .t-read .underline:after {
      content: "";
      position: absolute;
      bottom: 0;
      width: 100%;
      left: 0;
      height: 1px;
      background-color: #000; }

.widthContent.relay.relay .section .box {
  margin: 0 auto; }
  .widthContent.relay.relay .section .box .copy {
    position: absolute;
    z-index: 1; }
  .widthContent.relay.relay .section .box .sec-ttl {
    width: 100%;
    margin: 0 auto;
    text-align: center; }
  .widthContent.relay.relay .section .box .pic {
    margin: 20% auto 0;
    width: 89%; }
    .widthContent.relay.relay .section .story-Main .box .pic{
      margin-top: 4%;
      width: 100%;
    }
  .widthContent.relay.relay .section .box .text-area {
    width: 90.625%;
    margin: auto;
    text-align: center;
    font-weight: normal;
    line-height: 2;
    letter-spacing: 0;
    /* -webkit-font-feature-settings: "palt";
       -moz-font-feature-settings: "palt";
            font-feature-settings: "palt"; */
    padding: 5% 0 0;
    position: relative; }
    .widthContent.relay.relay .section .box .text-area .circle {
      position: absolute;
      width: 62.06897%;
      top: 0;
      left: 19%;
      z-index: 1; }
    .widthContent.relay.relay .section .box .text-area .sec-lead {
      position: relative;
      z-index: 5; }
      .widthContent.relay.relay .section .box .text-area .sec-lead .L-text {
        font-size: 40px;
        font-size: 12vw;
        line-height: 1.5;
        width: auto;
        position: relative;
        font-style: oblique;
        font-family: "Libre Baskerville", serif; }
        .widthContent.relay.relay .section .box .text-area .sec-lead .L-text i {
          display: block;
          position: absolute;
          bottom: 10%;
          left: -4px;
          width: 105%;
          height: 1px;
          background-color: #80210d; }
      .widthContent.relay.relay .section .box .text-area .sec-lead .min-text {
        font-size: 14px;
        font-size: 4.3vw; }
    .widthContent.relay.relay .section .box .text-area .lead-text {
      font-size: 16px;
      font-size: 5.2vw;
      margin-bottom: 3%;
      position: relative;
      z-index: 5;
      line-height: 1.7; }

.widthContent.relay.relay .sec-top {
  background-color: #fff;
  z-index: 1;
  margin-top: 8%;
  padding-bottom: 10%; }
  .widthContent.relay.relay .sec-top .box .text-area {
    padding-top: 15%;
    color: #80210d; }
    .widthContent.relay.relay .sec-top .box .text-area .sec-lead .L-text {
      font-size: 60px;
      font-size: 15vw; }
      .widthContent.relay.relay .sec-top .box .text-area .sec-lead .L-text i {
        background-color: #80210d; }
    .widthContent.relay.relay .sec-top .box .text-area .sec-lead .min-text {
      font-size: 16px;
      font-size: 5.4vw; }

.widthContent.relay.relay .relay-contents {
  padding: 0 0 20.5%; }
  .widthContent.relay.relay .relay-contents .text-area {
    padding-top: 4%; }
    .widthContent.relay.relay .relay-contents .text-area .btn-more, .widthContent.relay.relay .relay-contents .text-area .btn-close {
      font-size: 16px;
      font-size: 5.4vw;
      padding: 0 5% 5%;
      position: relative;
      margin-left: -5%;
      z-index: 2; }
      .widthContent.relay.relay .relay-contents .text-area .btn-more:after, .widthContent.relay.relay .relay-contents .text-area .btn-close:after {
        content: "";
        position: absolute;
        right: -2%;
        top: 20%;
        width: 15%;
        height: 30%;
        background: url("../../img/relay/btn-arrow1.png") center center no-repeat;
        background-size: 100% 100%; }
    .widthContent.relay.relay .relay-contents .text-area .btn-more {
      font-size: 14px;
      font-size: 4.3vw; }
      .widthContent.relay.relay .relay-contents .text-area .btn-more:after {
        content: "";
        position: absolute;
        right: -2%;
        top: 10%;
        width: 15%;
        height: 30%;
        background: url("../../img/relay/btn-arrow1.png") center 30% no-repeat;
        background-size: 100% 100%; }
    .widthContent.relay.relay .relay-contents .text-area .btn-close {
      font-style: italic;
      font-family: "Libre Baskerville", serif;
      display: none; }
      .widthContent.relay.relay .relay-contents .text-area .btn-close:after {
        content: "";
        position: absolute;
        right: -2%;
        top: 20%;
        width: 15%;
        height: 30%;
        background: url("../../img/relay/btn-arrow2.png") center center no-repeat;
        background-size: 100% 100%; }
    .widthContent.relay.relay .relay-contents .text-area .t-read {
      text-align: left;
      display: none; }

    .widthContent.relay.relay .relay-contents .text-area .t-read.t-read-3{
      letter-spacing: 0.15em;
    }

  .widthContent.relay.relay .relay-contents .text-area.expand .btn-more {
    display: none; }
  .widthContent.relay.relay .relay-contents .text-area.expand .btn-close {
    display: inline-block; }
  .widthContent.relay.relay .relay-contents.relay1 {
    background-color: #fff9fb; }
    .widthContent.relay.relay .relay-contents.relay1 .box .copy {
      left: 4.6875%;
      top: 15vw;
      width: 23.75%; }
    .widthContent.relay.relay .relay-contents.relay1 .center-line, .widthContent.relay.relay .relay-contents.relay1 .center-line-arrow {
      margin-top: 35px; }
    .widthContent.relay.relay .relay-contents.relay1 .text-area {
      background-color: #fff9fb;
      color: #8e1c48; }
      .widthContent.relay.relay .relay-contents.relay1 .text-area .sec-lead .L-text i {
        background-color: #8e1c48; }
  .widthContent.relay.relay .relay-contents.relay2 {
    background-color: #fbf6fc; }
    .widthContent.relay.relay .relay-contents.relay2 .box .copy {
      right: 4.6875%;
      top: 22vw;
      width: 42.34375%; }
    .widthContent.relay.relay .relay-contents.relay2 .text-area {
      background-color: #fbf6fc;
      color: #621f68; }
      .widthContent.relay.relay .relay-contents.relay2 .text-area .sec-lead .L-text i {
        background-color: #621f68; }
  .widthContent.relay.relay .relay-contents.relay3 {
    background-color: #f1fbfb; }
    .widthContent.relay.relay .relay-contents.relay3 .box .copy {
      left: 4.6875%;
      top: 10vw;
      width: 23.4375%; }
    .widthContent.relay.relay .relay-contents.relay3 .text-area {
      background-color: #f1fbfb;
      color: #165f6a; }
      .widthContent.relay.relay .relay-contents.relay3 .text-area .sec-lead .L-text i {
        bottom: 8%;
        background-color: #165f6a; }
  .widthContent.relay.relay .relay-contents.relay4 {
    background-color: #fbfef7;
    padding: 0 0 18%;
    }
    .widthContent.relay.relay .relay-contents.relay4 .box .copy {
      right: 4.6875%;
      top: 20vw;
      width: 35.15625%; }
    .widthContent.relay.relay .relay-contents.relay4 .text-area {
      background-color: #fbfef7;
      color: #3c561a; }
      .widthContent.relay.relay .relay-contents.relay4 .text-area .sec-lead .L-text i {
        bottom: 8%;
        background-color: #3c561a; }
  .widthContent.relay.relay .relay-contents.relay5 {
    background-color: #fefbf2;
    padding: 0 0 14%;
  }
    .widthContent.relay.relay .relay-contents.relay5 .sec-ttl.text {
      background-color: #fefbf2;
      font-size: 18px;
      font-size: 6.1vw;
      padding: 10% 0 6%; }
    .widthContent.relay.relay .relay-contents.relay5 .text-area {
      background-color: #fefbf2;
      padding-bottom: 6%;
      color: #6c4720; }
  .widthContent.relay.relay .relay-contents.relay6 {
    background-color: #fff5f3; }
    .widthContent.relay.relay .relay-contents.relay6 .box .copy {
      left: 4.6875%;
      top: 7%;
      width: 35.15625%; }
    .widthContent.relay.relay .relay-contents.relay6 .text-area {
      background-color: #fff5f3;
      color: #80210d; }
      .widthContent.relay.relay .relay-contents.relay6 .text-area .sec-lead .L-text i {
        bottom: 8%;
        background-color: #80210d; }
      .widthContent.relay.relay .relay-contents.relay6 .text-area .t-read .sub-pic {
        text-align: right; }
        .widthContent.relay.relay .relay-contents.relay6 .text-area .t-read .sub-pic .pic-text {
          font-size: 11px;
          font-size: 3.3vw;
          display: block;
          padding-top: 1%; }

          .widthContent.relay.relay .relay-contents.relay1 .pic-1{
            margin-top: 20%;
          }
          .widthContent.relay.relay .relay-contents.relay1 .pic-2{
            margin-top: 19vw;
          }
          .widthContent.relay.relay .relay-contents.relay2 .pic-3{
            margin-top: 19vw;
          }
          .widthContent.relay.relay .relay-contents.relay2 .pic-4{
            margin-top: 19vw;
          }
          .widthContent.relay.relay .relay-contents.relay3 .pic-5{
            margin-top: 20vw;
          }
          .widthContent.relay.relay .relay-contents.relay4 .pic-6{
            margin-top: 20vw;
          }
          .widthContent.relay.relay .relay-contents.relay5 .pic-7{
            margin-top: 20vw;
          }
          .widthContent.relay.relay .relay-contents.relay6 .pic-8{
            margin-top: 19vw;
          }
          .widthContent.relay.relay .relay-contents .pic-9{
            margin-top: 19vw;
          }

.widthContent.relay.relay .banner-block {
  padding-top: 14%;
  text-align: center;
  font-size: 14px;
  font-size: 4.3vw;
  font-weight: normal;
  line-height: 1.75;
  /* letter-spacing: 0.15em; */
  /* -webkit-font-feature-settings: "palt";
     -moz-font-feature-settings: "palt";
          font-feature-settings: "palt"; */
        }
  .widthContent.relay.relay .banner-block .line-holder {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    padding-top: 8%; }
  .widthContent.relay.relay .banner-block .bnr-text {
    padding-bottom: 4%; }
  .widthContent.relay.relay .banner-block .bnr-title {
    font-size: 20px;
    font-size: 6.5vw; }
  .widthContent.relay.relay .banner-block .bnr {
    width: 90.625%;
    margin: auto;
    display: block;
    margin-top: 10%; }

.widthContent.relay.relay .banner-area .ttl {
  text-align: center;
  font-size: 14px;
  font-size: 4.3vw;
  margin-bottom: 5%; }

.widthContent.relay.relay .banner-area .footer-bnr {
  display: block;
  width: 90.625%; }

.widthContent.relay.relay .letter-effect {
  position: relative; }

.widthContent.relay.relay .cursor {
  position: absolute;
  border-right: solid 2px;
  height: 90%;
  bottom: 0; }

.widthContent.relay.relay .relay1 .cursor {
  border-right-color: #8e1c48; }

.widthContent.relay.relay .relay2 .cursor {
  border-right-color: #621f68; }

.widthContent.relay.relay .relay3 .cursor {
  border-right-color: #165f6a; }

.widthContent.relay.relay .blinking {
  -webkit-animation: 0.5s linear 0s alternate none infinite running blink;
          animation: 0.5s linear 0s alternate none infinite running blink; }

@-webkit-keyframes blink {
  0% {
    opacity: 1; }
  19.9% {
    opacity: 1; }
  20% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@keyframes blink {
  0% {
    opacity: 1; }
  19.9% {
    opacity: 1; }
  20% {
    opacity: 1; }
  100% {
    opacity: 1; } }


.widthContent.relay.relay .widthFooter {
  margin-top: 5%;
}


/* ワンライン
***********************************/
.widthContent.product.product .slideFadeInUp {
  -webkit-transition: 2s;
  transition: 2s; }

  .widthContent.product.product .story-Main{
    padding-top: 4.5vw;
  }

.widthContent.product.product .topMain .t-lead {
  position: absolute;
  right: 7.03125%;
  top: 21.25%;
  width: 18.90625%; }

.widthContent.product.product .section-lead {
  margin: 0 auto 15%;
  padding-bottom: 14%;
  border-bottom: solid 1px #e3dfde;
  width: 89%;
  position: relative; }
  .widthContent.product.product #section-2.section-lead{
    margin-bottom: 11%;
    padding-bottom: 9%;
  }
  .widthContent.product.product .section-lead .section-title {
    /* -webkit-font-feature-settings: "palt";
       -moz-font-feature-settings: "palt";
            font-feature-settings: "palt"; */
    text-align: center;
    line-height: 1.7;
    padding: 13% 0 13%;
    font-size: 16px;
    font-size: 5.4vw;
    letter-spacing: 0;
  }

    .widthContent.product.product #section-2.section-lead .section-title{

    padding: 5vw 0 8vw;
    line-height: 1.65;

    }

  .widthContent.product.product .section-lead .box {
    position: relative;
    margin-bottom: 10%; }
    .widthContent.product.product .section-lead .box.box-1{
      margin-bottom: 5%;
    }
    .widthContent.product.product .section-lead .box .pic {
      margin-bottom: 5%; }
    .widthContent.product.product .section-lead .box .info .text {
      font-size: 14px;
      font-size: 4.3vw;
      line-height: 1.6; }

      .widthContent.product.product .section-lead .box .info .text.text-1{
        text-align: center;
        display: block;
        padding-top: 2vw;
        line-height: 1.75;
      }
      .widthContent.product.product .section-lead .box .info .text.text-2{
        line-height: 1.75;
        text-align: center;
        display: block;
        padding-top: 4.5vw;
      }


  .widthContent.product.product .section-lead .bottom-read {
    text-align: center;
    font-size: 14px;
    font-size: 4.3vw;
    line-height: 1.7;
  }

.widthContent.product.product .section-oneline {
  background: url("../../img/product/line-sp.svg") center top no-repeat;
  background-size: 100% auto; }
  .widthContent.product.product .section-oneline .title-block {
    position: relative;
    padding: 0 5.1%;
    margin-bottom: 10%; }
    .widthContent.product.product .section-oneline .title-block.title-block01{
      margin-bottom: 11%;
    }
    .widthContent.product.product .section-oneline .title-block.title-block03{
      margin-bottom: 11%;
    }
    .widthContent.product.product .section-oneline .title-block .title {
      width: 32.75862%;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
    .widthContent.product.product .section-oneline .title-block.title-block01 .title {
      width: 25vw;
      left: 13vw;
    }
    .widthContent.product.product .section-oneline .title-block.title-block02 .title {
      width: 25vw;
      left: 13vw;
      top: 44%;
    }
    .widthContent.product.product .section-oneline .title-block.title-block03 .title {
      width: 25vw;
      left: 14vw;
      top: 48%;
    }
  .widthContent.product.product .section-oneline .line-block .read {
    font-size: 14px;
    font-size: 4.3vw;
    line-height: 1.75;
    text-align: center;
    letter-spacing: 1px;
    /* -webkit-font-feature-settings: "palt";
       -moz-font-feature-settings: "palt";
            font-feature-settings: "palt"; */
    margin-bottom: 4%; }

  .widthContent.product.product .section-oneline .line-block.line-block02 .read{
    margin-bottom: 4%;
  }

  .widthContent.product.product .section-oneline .line-block .item {
    margin-top: 15%;
    position: relative;
    padding: 0;
    overflow: hidden; }
    .widthContent.product.product .section-oneline .line-block .item.n1{
      margin-top: 10%;
    }
    .widthContent.product.product .section-oneline .line-block .item.n2 .info, .widthContent.product.product .section-oneline .line-block .item.n5 .info, .widthContent.product.product .section-oneline .line-block .item.n7 .info, .widthContent.product.product .section-oneline .line-block .item.n8 .info {
      text-align: left; }
    .widthContent.product.product .section-oneline .line-block .item.n2 .item-pic, .widthContent.product.product .section-oneline .line-block .item.n5 .item-pic, .widthContent.product.product .section-oneline .line-block .item.n7 .item-pic, .widthContent.product.product .section-oneline .line-block .item.n8 .item-pic {
      right: 0;
      left: auto; }
      .widthContent.product.product .section-oneline .line-block .item.n2 .item-pic .pic, .widthContent.product.product .section-oneline .line-block .item.n5 .item-pic .pic, .widthContent.product.product .section-oneline .line-block .item.n7 .item-pic .pic, .widthContent.product.product .section-oneline .line-block .item.n8 .item-pic .pic {
        right: 53%;
        left: auto; }
    .widthContent.product.product .section-oneline .line-block .item.n1 .item-pic {
      width: 43.125%;
      top: 21vw; }
    .widthContent.product.product .section-oneline .line-block .item.n1 .info .ttl {
    width: 47vw;
    margin-right: 11vw;
    margin-bottom: 3vw;
    }
    .widthContent.product.product .section-oneline .line-block .item.n1 .info .read {
      line-height: 1.8;
      margin-right: 2vw;
      letter-spacing: 0;
    }
    .widthContent.product.product .section-oneline .line-block .item.n1 .info .illust {
      margin-top: 1%;
      margin-right: 7.8125%;
      margin-bottom: 18.2%;
    }
      .widthContent.product.product .section-oneline .line-block .item.n1 .illust .illust-text {
        bottom: -30%; }
    .widthContent.product.product .section-oneline .line-block .item.n2 {
      margin-top: 22%; }
      .widthContent.product.product .section-oneline .line-block .item.n2 .item-pic {
        width: 39.375%;
        top: 12%; }
      .widthContent.product.product .section-oneline .line-block .item.n2 .ttl {
        width: 39.0625%;
        margin-left: 10%;
      }
      .widthContent.product.product .section-oneline .line-block .item.n2 .read {
        margin-left: 6%; }
      .widthContent.product.product .section-oneline .line-block .item.n2 .illust {
        margin-left: 9.375%;
        margin-bottom: 18%; }
        .widthContent.product.product .section-oneline .line-block .item.n2 .illust .illust-text {
          bottom: -30%; }
    .widthContent.product.product .section-oneline .line-block .item.n3 {
      margin-top: 23%;
      margin-bottom: 19%; }
      .widthContent.product.product .section-oneline .line-block .item.n3 .item-pic {
        width: 45.625%;
        top: 14%; }
      .widthContent.product.product .section-oneline .line-block .item.n3 .info .ttl {
        width: 39.0625%;
        margin-right: 15%;
        margin-bottom: 4%; }
      .widthContent.product.product .section-oneline .line-block .item.n3 .info .read {
        margin-right: 3%; }
      .widthContent.product.product .section-oneline .line-block .item.n3 .illust {
        margin-right: 10%;
        margin-bottom: 17%; }
        .widthContent.product.product .section-oneline .line-block .item.n3 .illust .illust-text {
          bottom: -30%; }
    .widthContent.product.product .section-oneline .line-block .item.n4 {
      margin-top: 17%; }
      .widthContent.product.product .section-oneline .line-block .item.n4 .item-pic {
        width: 41.25%;
        top: 10%; }
      .widthContent.product.product .section-oneline .line-block .item.n4 .ttl {
        width: 29.0625%;
        margin-right: 22%;
      }
      .widthContent.product.product .section-oneline .line-block .item.n4 .info .read {
        margin-right: 3%;
      }
      .widthContent.product.product .section-oneline .line-block .item.n4 .info .illust {
        margin-right: 16%;
        margin-bottom: 19%;
        width: 42%;
      }
        .widthContent.product.product .section-oneline .line-block .item.n4 .illust .illust-text {
          bottom: -33%; }
    .widthContent.product.product .section-oneline .line-block .item.n5 {
      margin-top: 13%;
    }
      .widthContent.product.product .section-oneline .line-block .item.n5 .item-pic {
        width: 39.375%;
        top: 15%; }
      .widthContent.product.product .section-oneline .line-block .item.n5 .ttl {
        width: 57%;
        margin-left: 7%;
      }
      .widthContent.product.product .section-oneline .line-block .item.n5 .read {
        margin-left: 6%; }
      .widthContent.product.product .section-oneline .line-block .item.n5 .illust {
        margin-left: 15%;
        width: 40%;
        margin-top: 4%;
        margin-bottom: 19%;
      }
        .widthContent.product.product .section-oneline .line-block .item.n5 .illust .illust-text {
          bottom: -39%;
        }
    .widthContent.product.product .section-oneline .line-block .item.n6 {
      margin-top: 19%;
    }
      .widthContent.product.product .section-oneline .line-block .item.n6 .item-pic {
        width: 40.9375%;
        top: 14%; }
      .widthContent.product.product .section-oneline .line-block .item.n6 .info .ttl {
        width: 48%;
        margin-right: 8%;
        margin-bottom: 4%;
      }
      .widthContent.product.product .section-oneline .line-block .item.n6 .info .read {
        margin-right: 8%;
        max-width: 50%;
      }
      .widthContent.product.product .section-oneline .line-block .item.n6 .info .illust {
        margin-right: 10%;
        margin-bottom: 17%;
        width: 40%;
      }
        .widthContent.product.product .section-oneline .line-block .item.n6 .illust .illust-text {
          bottom: -31%; }
    .widthContent.product.product .section-oneline .line-block .item.n7 {
      margin-top: 21%;
      margin-bottom: 22%; }
      .widthContent.product.product .section-oneline .line-block .item.n7 .item-pic {
        width: 39.0625%;
        top: 7%; }
      .widthContent.product.product .section-oneline .line-block .item.n7 .info .ttl {
        width: 39.6875%;
        margin-left: 10%;
        margin-bottom: 4%;
      }
      .widthContent.product.product .section-oneline .line-block .item.n7 .info .read {
        margin-left: 5%; }
      .widthContent.product.product .section-oneline .line-block .item.n7 .info .illust {
        margin-left: 9.375%;
        margin-top: 4.5%;
        margin-bottom: 19%;
        width: 40%;
      }
        .widthContent.product.product .section-oneline .line-block .item.n7 .info .illust .illust-text {
          bottom: -36%; }
    .widthContent.product.product .section-oneline .line-block .item.n8 {
      margin-top: 12.5%; }
      .widthContent.product.product .section-oneline .line-block .item.n8 .item-pic {
        width: 37.1875%;
        top: 20%;
      }
      .widthContent.product.product .section-oneline .line-block .item.n8 .info .ttl {
        width: 56vw;
        margin-left: 12vw;
        margin-bottom: 4.2vw;
      }
      .widthContent.product.product .section-oneline .line-block .item.n8 .info .read {
        margin-left: 7vw;
      }
      .widthContent.product.product .section-oneline .line-block .item.n8 .info .illust {
        margin-left: 19vw;
        margin-top: 4vw;
        width: 40%;
        margin-bottom: 19vw;
      }
        .widthContent.product.product .section-oneline .line-block .item.n8 .info .illust .illust-text {
          bottom: -33%; }
    .widthContent.product.product .section-oneline .line-block .item .item-pic {
      width: 73.90625%;
      position: absolute;
      left: 0;
      z-index: 2; }
    .widthContent.product.product .section-oneline .line-block .item .illust {
      display: inline-block;
      width: 45.3125%;
      margin-bottom: 18%;
      position: relative; }
      .widthContent.product.product .section-oneline .line-block .item .illust .illust-text {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 11px;
        font-size: 3.3vw;
        line-height: 1.4;
        color: #80210d;
        position: absolute;
        bottom: -30%;
        left: 0; }
      .widthContent.product.product .section-oneline .line-block .item .illust img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0; }
        .widthContent.product.product .section-oneline .line-block .item .illust img:first-child {
          position: relative;
          opacity: 1; }
    .widthContent.product.product .section-oneline .line-block .item .info {
      text-align: right; }
      .widthContent.product.product .section-oneline .line-block .item .info .ttl {
        display: inline-block;
        margin-bottom: 5%; }
      .widthContent.product.product .section-oneline .line-block .item .info .read {
        position: relative;
        z-index: 3;
        display: inline-block;
        font-size: 12px;
        font-size: 3.6vw;
        line-height: 1.75;
        margin-bottom: 0;
        letter-spacing: 0;
      }
        .widthContent.product.product .section-oneline .line-block .item .info .read .min-t {
          vertical-align: top;
          font-size: 9px;
          font-size: 2.7vw; }
    .widthContent.product.product .section-oneline .line-block .item .box {
      padding: 0 4.6875%; }
      .widthContent.product.product .section-oneline .line-block .item .box .btn-rect {
        float: left;
        display: inline-block;
        line-height: 1.2;
        font-size: 14px;
        font-size: 4.3vw;
        width: 48.27586%;
        color: #000;
        background: white;
        text-decoration: none;
        padding: 14px 0 13px;
        border: #000 solid 1px;
        text-align: center;
        -webkit-transition: 1.4s;
        transition: 1.4s;
        -webkit-transition-delay: 1.5s;
                transition-delay: 1.5s;
        opacity: 1; }
        .widthContent.product.product .section-oneline .line-block .item .box .btn-rect.n2 {
          margin-left: 3.44828%; }
        .widthContent.product.product .section-oneline .line-block .item .box .btn-rect:after {
          content: "";
          display: inline-block;
          vertical-align: middle;
          font-size: 0;
          line-height: 0;
          width: 6px;
          height: 13px;
          background: url("../../img/common/nav-arrow-black.png") center center no-repeat;
          background-size: 100%;
          margin-left: 5px;
          margin-top: -2px; }
    .widthContent.product.product .section-oneline .line-block .item .note {
      text-align: left;
      width: 90.625%;
      margin: 4.5% auto 0;
      padding-left: 1em;
      text-indent: -1em;
      font-size: 11px;
      font-size: 3.3vw;
      -webkit-transition: 1.4s;
      transition: 1.4s;
      -webkit-transition-delay: 2s;
              transition-delay: 2s;
      opacity: 1; }
    .widthContent.product.product .section-oneline .line-block .item.slideFadeInUp .box .btn-rect {
      opacity: 1; }
    .widthContent.product.product .section-oneline .line-block .item.slideFadeInUp .note {
      opacity: 1; }


      .widthContent.product.product .widthFooter {
        margin-top: 10vw;
      }


/* 安心と安全を求めつづけて
***********************************/
.widthContent.safety .topMain .t-lead {
  margin: 13vw auto 6.4vw auto;
  width: 31.7vw;
}
.widthContent.safety .topMain .bg-circle {
  width: 49vw;
  position: absolute;
  top: -8vw;
  left: 25vw;
  z-index: -1;
}
.widthContent.safety .lead {
  width: 100%;
  position: relative;
  margin: 0 auto 6%;
}
.widthContent.safety .section-lead .lead .t-read {
  margin-bottom: 20vw;
  font-size: 4vw;
  text-align: center;
  line-height: 1.78;
  letter-spacing: 0.09em;
  /* font-feature-settings: "palt"; */
}

.widthContent.safety #section-1 .story-Lead{
  margin-bottom: 19%;
  line-height: 1.75;
}

.widthContent.safety .section-safety .safety-1 {
  margin-bottom: 17.6vw;
  background: #FDF5F5;
}
.widthContent.safety .section-safety .safety-2 {
  margin-bottom: 9vw;
}
.widthContent.safety .section-safety .safety-3 {
  margin-bottom: 18vw;
  background: #FCF9F0;
}

.widthContent.safety .section-safety .safety-inner {
  position: relative;
  width: 89%;
  margin: 0 auto;
  padding: 18vw 0 7vw 0;
}
.widthContent.safety .section-safety .safety-3 .safety-inner {
  padding-bottom: 6vw;
}
.widthContent.safety .section-safety .safety-inner .icon {
  margin: 0 auto;
  margin-top: -28vw;
  margin-bottom: 1vw;
  width: 27vw;
}
.widthContent.safety .section-safety .safety-2 .safety-inner .icon {
  margin-bottom: 0;
}
.widthContent.safety .section-safety .safety-3 .safety-inner .icon {
  margin-top: -28vw;
}
.widthContent.safety .section-safety .safety .safety-inner .t-ttl {
  font-size: 5vw;
  margin-bottom: 4vw;
  text-align: center;
}
.widthContent.safety .section-safety .safety .safety-inner .pic {
  width: 100%;
  margin-bottom: 3.8vw;
}
.widthContent.safety .section-safety .safety .safety-inner .t-read {
  width: 100%;
  font-size: 4.2vw;
  line-height: 1.76;
  letter-spacing: 0.04em;
  /* font-feature-settings: "palt"; */
}

.widthContent.safety .section-safety .safety-4 {
  margin-bottom: 0;
}
.widthContent.safety .section-safety .safety-4 .safety-inner {
  position: relative;
  width: 89%;
  margin: 0 auto;
  padding: 18vw 0 7vw 0;
}


.widthContent.safety .widthFooter {
  margin-top: 2vw;
}

.widthContent.concept.concept .section-story .story.story-Main,
.widthContent.safety .section-story .story.story-Main
{
  width: 100%;
  line-height: 1.65;
  /* -webkit-font-feature-settings: "palt";
     -moz-font-feature-settings: "palt";
          font-feature-settings: "palt"; */
  font-size: 14px;
  font-size: 4.3vw;
  margin: 4% auto 5%;
}

.widthContent .section-story .story.story-Main .copyright{
  width: 90.625%;
  line-height: 1.65;
  font-size: 10px;
  /* font-size: 3.6vw; */
  margin: 2% auto 6%;
}


.widthContent .story-Lead{
  width: 90.625%;
  line-height: 1.65;
  font-size: 14px;
  font-size: 4.3vw;
  margin: 0 auto 8%;
}
.widthContent .story-Lead.mb{
  margin-bottom: 16%;
}

.widthContent .story-Lead p{
  margin-bottom: 0.7em;
}
.widthContent .story-Lead .t-read{
  font-size: 14px;
  font-size: 4.3vw;
}
.widthContent .story-Lead p.center{
  text-align: center;
}

.widthContent.concept.concept .section-story .story .l-read{
  /* -webkit-font-feature-settings: "palt";
  -moz-font-feature-settings: "palt";
       font-feature-settings: "palt"; */
  font-size: 15px;
  font-size: 4.8vw;
  line-height: 1.85;
  letter-spacing: 0.05em;
  text-align: center;
  margin-bottom: 7%;
}


.CommonBottomNav{
  position: relative;
}

.CommonBottomNav + .CommonSection{
  padding-bottom: 50px;
}

.CommonBottomNav:before{
  background-color: #f5f5f5;
  top: 0;
  content: "";
  display: block;
  height: 10px;
  left: 50%;
  position: absolute;
  transform: translate(-50%, 0);
  width: 100vw;
}

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

.CommonBottomNav__item{
  flex: 0 0 48%;
  margin: 7% 0 0;
}

.CommonBottomNav__item img{
  width: 100%;
}

.CommonBottomNav.-last{
  padding-bottom: 0;
}
.CommonBottomNav.-last:after{
  display: none;
}




.fixed_btn{
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 9999;
}

.fix{
  font-size: 0;
  z-index: 999;
  opacity: 0.7;
  width: 375px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,0);

  -ms-user-select: none; /* IE 10+ */
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.fix img{
  width: 100%;
}


.ProductsThinCard.-wide .ProductsThinCard__title::after{
  height: 28px;
  width: 28px;
  right: 11px;
}


.animsition_none{
  opacity: 1;
}