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

html {
  overflow-y: scroll; }

/*
@media all and (-ms-high-contrast:none) {
	.widthContent{
		.animsition{
			opacity: 1;
		}
		.alphaBlur{
			opacity: 1;
		}
	}
}
*/
#main .content-wrapper01 {
  width: 100%;
  padding: 0; }

.widthContent {
  min-width: 980px;
  margin: auto;
  font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-text-size-adjust: 100%;
  color: #000;
  font-size: 14px;
  line-height: 1.5;
  /* utils
	***********************************/
  /* header
	***********************************/
  /*
	.withHeader.show{
		background-color: rgba(12,2,0,0.8);
		.withMenu{
			opacity: 1;
			transform: perspective(400px) rotateX(0deg);
		}
	}
*/
  /* 共通
	***********************************/
  /* 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: 0; }
  .widthContent .spOnly {
    display: none; }
  .widthContent .clearfix:after, .widthContent .withHeader .inner:after, .widthContent .withHeader .withMenu .inner:after, .widthContent.skincare.skincare .section-story .story:after, .widthContent.skincare.skincare .section-story .item-list:after, .widthContent.pleaser.pleaser .section-pleaser .aboutPleaserHolder:after, .widthContent.pleaser.pleaser .section-training .story.story-2:after, .widthContent.pleaser.pleaser .section-training .interview:after, .widthContent.concept.concept .section-story .story:after, .widthContent.interview.interview .section-story .story:after {
    content: "";
    display: block;
    clear: both; }
  .widthContent .btn {
    filter: alpha(opacity=100);
    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; */
    font-family: "A1 Mincho";
  }
  .widthContent .gothic{
    font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }

  .widthContent.home.home .animsition {
    padding-top: 0; }
  .widthContent.home.home .withHeader .bg {
    position: absolute;
    background-color: rgba(12, 2, 0, 0.8);
    top: 0;
    left: 0;
    width: 100%;
    height: 64px;
    opacity: 0;
    z-index: 0; }
  .widthContent .withHeader {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5; }
    .widthContent .withHeader .inner {
      width: 940px;
      margin: 0 auto;
      position: relative;
      z-index: 1; }
    .widthContent .withHeader .slim {
      height: 64px; }
    .widthContent .withHeader .withLogo {
      display: inline-block;
      width: 302px;
      line-height: 0;
      padding: 23px 0; }
    .widthContent .withHeader .withMenuButton {
      position: absolute;
      width: 64px;
      height: 63px;
      top: 1px;
      right: -18px; }
      .widthContent .withHeader .withMenuButton span {
        position: absolute;
        left: 18px;
        width: 28px;
        height: 3px;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        background-color: #000; }
        .widthContent .withHeader .withMenuButton span:nth-child(1) {
          top: 20px; }
        .widthContent .withHeader .withMenuButton span:nth-child(2) {
          top: 30px; }
        .widthContent .withHeader .withMenuButton span:nth-child(3) {
          bottom: 20px; }
      .widthContent .withHeader .withMenuButton:hover span:nth-child(1) {
        top: 18px; }
      .widthContent .withHeader .withMenuButton:hover span:nth-child(2) {
        top: 30px; }
      .widthContent .withHeader .withMenuButton:hover span:nth-child(3) {
        bottom: 18px; }
      .widthContent .withHeader .withMenuButton.show span:nth-child(1) {
        top: 30px;
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg); }
      .widthContent .withHeader .withMenuButton.show span:nth-child(2) {
        opacity: 0; }
      .widthContent .withHeader .withMenuButton.show span:nth-child(3) {
        top: 30px;
        bottom: auto;
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg); }
    .widthContent .withHeader .withMenu {
      padding: 20px 0;
      opacity: 0;
      font-size: 20px;
      background-color: rgba(12, 2, 0, 0.8);
      display: none; }
      .widthContent .withHeader .withMenu .inner {
        width: 960px; }
        .widthContent .withHeader .withMenu .inner .left-box {
          float: left;
          width: 50%; }
        .widthContent .withHeader .withMenu .inner .right-box {
          float: right;
          width: 50%; }
      .widthContent .withHeader .withMenu a {
        -webkit-font-feature-settings: "palt";
           -moz-font-feature-settings: "palt";
                font-feature-settings: "palt";
        letter-spacing: 2px;
        padding: 10px;
        text-decoration: none;
        display: block;
        color: #fff;
        -webkit-transition: opacity 0.2s;
        transition: opacity 0.2s; }
        .widthContent .withHeader .withMenu a:hover {
          opacity: 0.5; }
        .widthContent .withHeader .withMenu a span:after {
          content: "";
          display: inline-block;
          background: url(../img/common/nav-arrow.png) center center no-repeat;
          background-size: 100% 100%;
          width: 6px;
          height: 11px;
          margin-bottom: 2px;
          margin-left: 10px; }
        .widthContent .withHeader .withMenu a.coming {
          pointer-events: none;
          cursor: default;
          color: #999999; }
          .widthContent .withHeader .withMenu a.coming span:after {
            width: 74px;
            height: 13px;
            vertical-align: middle;
            content: "";
            display: inline-block;
            margin-left: 10px;
            background: url(../img/common/nav-comming.png) center center no-repeat; }
  .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 .btn-rect {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Libre Baskerville", "Sawarabi Mincho", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    font-size: 16px;
    width: 380px;
    line-height: 1.2;
    color: #000;
    text-decoration: none;
    padding: 22px 20px 21px;
    border: #000 solid 1px; }
    .widthContent .btn-rect:after {
      content: "";
      display: inline-block;
      font-size: 0;
      line-height: 0;
      width: 6px;
      height: 6px;
      -webkit-transform: rotate(45deg) translate(0, -2px);
          -ms-transform: rotate(45deg) translate(0, -2px);
              transform: rotate(45deg) translate(0, -2px);
      border-top: #000 2px solid;
      border-right: #000 2px solid;
      margin-left: 5px; }
    .widthContent .btn-rect:hover {
      opacity: 0.5; }
  .widthContent .btn-back {
    text-align: center;
    display: block;
    margin: 80px auto 80px; }
  .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: 0; }
  .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); }
  .widthContent .withMenu-boxarea {
    max-width: 1080px;
    margin: 72px auto 0;
    font-size: 0;
    padding-top: 80px;
    border-top: solid 1px #e3dfde; }
    .widthContent .withMenu-boxarea .ib {
      display: inline-block; }
    .widthContent .withMenu-boxarea .col {
      vertical-align: top;
      display: inline-block; }
      .widthContent .withMenu-boxarea .col a {
        display: block;
        -webkit-transition: all 0.6s;
        transition: all 0.6s;
        text-decoration: none; }
        .widthContent .withMenu-boxarea .col a:hover .pic {
          opacity: 0.6; }
    .widthContent .withMenu-boxarea .link-box {
      width: 15%;
      position: relative;
      margin-left: 2%; }
      .widthContent .withMenu-boxarea .link-box:first-child {
        margin-left: 0; }
      .widthContent .withMenu-boxarea .link-box .pic {
        -webkit-transition: all 0.6s;
        transition: all 0.6s; }
        .widthContent .withMenu-boxarea .link-box .pic img {
          width: 100%; }
      .widthContent .withMenu-boxarea .link-box .bottom-text {
        -webkit-font-feature-settings: "palt";
           -moz-font-feature-settings: "palt";
                font-feature-settings: "palt";
        font-size: 14px;
        margin-top: 8px; }
        .widthContent .withMenu-boxarea .link-box .bottom-text .arrow {
          display: inline-block;
          font-size: 0;
          line-height: 0;
          width: 6px;
          height: 10px;
          margin-left: 8px;
          margin-top: -2px;
          vertical-align: middle;
          background: url("../img/common/arrow-black.svg") no-repeat center center;
          background-size: 100% auto; }

/* 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); }

div.page-header {
  margin-bottom: 0; }

body > img {
  position: absolute; }

/* トップページ
***********************************/
.debug .widthContent.home.home {
  background: transparent url("../img/top/layout.jpg") center -194px no-repeat; }

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

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

.widthContent.home.home .btn-rect.btn-back {
  display: none; }

.widthContent.home.home .topMain .gallerySlider {
  display: block;
  z-index: 0; }
  .widthContent.home.home .topMain .gallerySlider .slick-list {
    z-index: 0; }
  .widthContent.home.home .topMain .gallerySlider .slide {
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden; }
    .widthContent.home.home .topMain .gallerySlider .slide img {
      -webkit-transition: all 10s linear;
      transition: all 10s 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 {
  width: 11.48438%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2; }

.widthContent.home.home .statement {
  position: relative;
  height: 370px;
  width: 100%;
  text-align: center;
  padding-top: 48px; }
  .widthContent.home.home .statement .txt {
    width: 480px;
    margin: auto; }

.widthContent.home.home .section {
  min-height: 521px;
  width: 100%;
  overflow: hidden; }
  .widthContent.home.home .section .bg img {
    -webkit-transition: all 3s linear;
    transition: all 3s linear;
    -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
            transform: scale(1, 1); }

.widthContent.home.home .section .coverlink {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-decoration: none;
  text-align: center; }
  .widthContent.home.home .section .coverlink .ttl {
    width: 12.5%;
    max-width: 160px;
    height: auto;
    position: relative;
    margin: auto auto 25px; }
    .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) {
        z-index: 0; }
  .widthContent.home.home .section .coverlink .t-catch {
    margin: auto;
    margin-bottom: 15px;
    position: relative;
    font-weight: bold;
    -webkit-font-feature-settings: "palt";
       -moz-font-feature-settings: "palt";
            font-feature-settings: "palt";
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    font-size: 20px;
    color: #FFF; }
    .widthContent.home.home .section .coverlink .t-catch p {
      height: 50%;
      width: 100%;
      position: absolute;
      bottom: 50%;
      left: 0;
      background-position: center top;
      background-size: 100% auto; }
      .widthContent.home.home .section .coverlink .t-catch p:nth-child(2) {
        background-position: center bottom;
        top: 50%;
        bottom: auto; }
      .widthContent.home.home .section .coverlink .t-catch p span {
        display: none; }
  .widthContent.home.home .section .coverlink .btn-more {
    color: #FFF;
    font-family: "Libre Baskerville", serif;
    font-size: 16px;
    font-style: italic;
    padding-bottom: 5px;
    position: relative;
    overflow: hidden;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); }
    .widthContent.home.home .section .coverlink .btn-more.overflowShow {
      overflow: visible; }
    .widthContent.home.home .section .coverlink .btn-more .txt {
      display: inline-block; }
    .widthContent.home.home .section .coverlink .btn-more .arrow {
      display: inline-block;
      font-size: 0;
      line-height: 0;
      width: 7.2px;
      height: 12px;
      margin-left: 8px;
      margin-top: 1px;
      vertical-align: middle;
      background: url("../img/common/arrow-white.svg") no-repeat center center;
      background-size: 100% auto; }
    .widthContent.home.home .section .coverlink .btn-more .border {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 1px;
      line-height: 0;
      font-size: 0;
      background-color: #fff;
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); }

.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;
  cursor: default; }
  .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: 22px;
    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.png");
  background-size: 100% auto; }

.widthContent.home.home .section.concept .t-catch {
  width: 324px;
  height: 72px; }
  .widthContent.home.home .section.concept .t-catch p {
    background-image: url("../img/top/concept-lead.png");
    background-size: 100% auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden; }

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

.widthContent.home.home .section.safety .t-catch {
  width: 600px;
  height: 72px;
}
.widthContent.home.home .section.safety .t-catch p {
  background-image: url("../img/top/202108/safety-lead.png");
  background-size: 100% auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

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

.widthContent.home.home .section.relay .t-catch {
  width: 623px;
  height: 73px; }
  .widthContent.home.home .section.relay .t-catch p {
    background-image: url("../img/top/relay-lead.png");
    background-size: 100% auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden; }

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

.widthContent.home.home .section.oneline .t-catch {
  width: 504px;
  height: 72px; }
  .widthContent.home.home .section.oneline .t-catch p {
    background-image: url("../img/top/oneline-lead.png");
    background-size: 100% auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden; }

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

.widthContent.home.home .section.skincare .t-catch {
  width: 416px;
  height: 72px; }
  .widthContent.home.home .section.skincare .t-catch p {
    background-image: url("../img/top/skincare-lead.png");
    background-size: 100% auto; }

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

.widthContent.home.home .section.pleaser .t-catch {
  width: 573px;
  height: 72px; }
  .widthContent.home.home .section.pleaser .t-catch p {
    background-image: url("../img/top/pleaser-lead.png");
    background-size: 100% auto; }

/* Animation
***********************************/
@-webkit-keyframes fade-in {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }
@keyframes fade-in {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }

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

.widthContent.skincare.skincare .topMain .t-lead {
  position: absolute;
  right: 50%;
  top: 15.75%;
  margin-right: 16.40625%;
  width: 9.6875%; }

.widthContent.skincare.skincare .section-story .section-title {
  /* -webkit-font-feature-settings: "palt";
     -moz-font-feature-settings: "palt";
          font-feature-settings: "palt"; */
  letter-spacing: 0;
  text-align: center;
  font-size: 24px;
  line-height: 1.9;
  padding: 41px 0px 37px;
}

.widthContent.skincare.skincare .section-story > .t-lead {
  /* -webkit-font-feature-settings: "palt";
     -moz-font-feature-settings: "palt";
          font-feature-settings: "palt"; */
  letter-spacing: 0;
  font-size: 18px;
  line-height: 2;
  text-align: center;
  margin-bottom: 48px; }

.widthContent.skincare.skincare .section-story .story {
  width: 960px;
  margin: 0 auto 30px; }
  .widthContent.skincare.skincare .section-story .story .pic {
    float: left;
    margin: 0 10px;
  }
  .widthContent.skincare.skincare .section-story .story.story-Main .pic {
    float: none;
    margin: 0;
  }

    .debug .widthContent.skincare.skincare .section-story .story .pic {
      opacity: 0.5; }


  .widthContent.skincare.skincare .section-story .story .t-read {
    /* -webkit-font-feature-settings: "palt";
       -moz-font-feature-settings: "palt";
            font-feature-settings: "palt"; */
    letter-spacing: 0;
    background-color: #fff;
    float: right;
    padding: 43px 0 40px 50px;
    width: 425px;
    font-size: 18px;
    line-height: 2;
    margin-top: -210px; }
    .debug .widthContent.skincare.skincare .section-story .story .t-read {
      opacity: 0.5; }
    .widthContent.skincare.skincare .section-story .story .t-read p {
      margin-bottom: 1.1em; }
  .widthContent.skincare.skincare .section-story .story.story-2 .pic {
    float: right; }
  .widthContent.skincare.skincare .section-story .story.story-2 .t-read {
    float: left;
    padding: 45px 40px 49px 0;
    margin-top: -239px;
    width: 440px; }

    /* 写真トルツメ調整 */
  .widthContent.skincare.skincare .section-story .story.story-3 .t-read {
    width: 100%;
    padding: 43px 0 40px 53px;
    margin-top: 10px;
    text-align: center; }

.widthContent.skincare.skincare .section-story .story-last {
  /* -webkit-font-feature-settings: "palt";
     -moz-font-feature-settings: "palt";
          font-feature-settings: "palt"; */

  letter-spacing: 0;
    line-height: 1.8;
    font-size: 24px;
    padding-top: 14px;
    margin-bottom: 54px;
    text-align: center;
}
  .widthContent.skincare.skincare .section-story .story-last span {
    display: block;
    line-height: 2; }
  .widthContent.skincare.skincare .section-story .story-last .text-large {
    margin-top: 5px;
    font-size: 36px; }

.widthContent.skincare.skincare .section-story .item-list {
  width: 942px;
  margin: auto auto 60px; }
  .widthContent.skincare.skincare .section-story .item-list .item {
    width: 25%;
    float: left;
    padding: 1px; }
    .debug .widthContent.skincare.skincare .section-story .item-list .item .pic {
      opacity: 0.5; }
    .widthContent.skincare.skincare .section-story .item-list .item .inner {
      position: relative;
      overflow: hidden; }
    .widthContent.skincare.skincare .section-story .item-list .item .info {
      opacity: 0;
      -webkit-transform: scale3d(0.9, 0.9, 1);
              transform: scale3d(0.9, 0.9, 1);
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      color: #FFF;
      font-size: 20px;
      background-color: rgba(0, 0, 0, 0.7);
      -webkit-transition: all 0.6s;
      transition: all 0.6s; }
      .widthContent.skincare.skincare .section-story .item-list .item .info .box {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
                transform: translate(0, -50%);
        text-align: center; }
      .widthContent.skincare.skincare .section-story .item-list .item .info .num {
        font-family: "Libre Baskerville", serif;
        font-size: 30px;
        font-style: italic; }
      .widthContent.skincare.skincare .section-story .item-list .item .info .ttl {
        height: auto !important;
        margin-bottom: 5px;
        line-height: 1.2;
        -webkit-font-feature-settings: trad,jp04;
           -moz-font-feature-settings: trad,jp04;
                font-feature-settings: trad,jp04; }
        .widthContent.skincare.skincare .section-story .item-list .item .info .ttl .small {
          font-size: 12px;
          display: inline-block; }
          .widthContent.skincare.skincare .section-story .item-list .item .info .note{
            text-align: center;
            margin-bottom: 24px;
          }
          .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 {
        display: block;
        font-size: 14px;
        color: #FFF;
        line-height: 40px;
        padding: 0;
        width: 160px;
        height: 40px;
        border: #FFF solid 1px;
        margin: 15px auto 0;
        opacity: 1;
        -webkit-transition: all 0.2s;
        transition: all 0.2s; }
        .widthContent.skincare.skincare .section-story .item-list .item .info .btn-rect:after {
          border-top: #FFF 2px solid;
          border-right: #FFF 2px solid;
          -webkit-transition: all 0.2s;
          transition: all 0.2s; }
        .widthContent.skincare.skincare .section-story .item-list .item .info .btn-rect:hover {
          color: #000;
          background-color: #fff; }
          .widthContent.skincare.skincare .section-story .item-list .item .info .btn-rect:hover:after {
            border-top: #000 2px solid;
            border-right: #000 2px solid; }
    .widthContent.skincare.skincare .section-story .item-list .item:hover .info {
      -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
      opacity: 1; }

.widthContent .banner-area .ttl {
  text-align: center;
  font-size: 18px; }

.widthContent .banner-area .footer-bnr {
  width: 706px;
  margin: 20px auto;
  display: block; }

/* プリーザー
***********************************/
.debug .widthContent.pleaser.pleaser {
  background: transparent url("../img/pleaser/layout.jpg") center -194px no-repeat; }

.widthContent.pleaser.pleaser .topMain .t-lead {
  position: absolute;
  right: 50%;
  top: 7%;
  margin-right: 15.23438%;
  width: 9.29688%; }



.widthContent.pleaser.pleaser .story-Main .copyright {
  margin: 0 auto;
  width: 960px;
  padding: 4px 8px;
  font-size: 14px;
  font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.widthContent.pleaser.pleaser .t-read {
  text-align: center;
  width: 940px;
  margin: auto;
  font-size: 18px;
  font-weight: normal;
  line-height: 2;
  letter-spacing: 0;
  /* -webkit-font-feature-settings: "palt";
     -moz-font-feature-settings: "palt";
          font-feature-settings: "palt"; */
        }
  .widthContent.pleaser.pleaser .t-read p {
    margin-bottom: 1.0em; }
  .widthContent.pleaser.pleaser .t-read .text-large {
    display: inline-block;
    line-height: 1.7;
    font-size: 24px;
    white-space: nowrap; }
    .widthContent.pleaser.pleaser .t-read .text-large-1 {
      display: inline-block;
      line-height: 1.7;
      font-size: 24px;
      margin-bottom: 42px;
      white-space: nowrap; }
  .widthContent.pleaser.pleaser .t-read .lh18 {
    line-height: 1.8; }
  .widthContent.pleaser.pleaser .t-read .underline {
    position: relative;
    margin-bottom: 5px; }
    .widthContent.pleaser.pleaser .t-read .underline:after {
      content: "";
      position: absolute;
      bottom: 0;
      width: 100%;
      left: 0;
      height: 1px;
      background-color: #000; }
  .widthContent.pleaser.pleaser .t-read .mt1em {
    margin-top: 1em; }

.widthContent.pleaser.pleaser .section-pleaser {
  margin-bottom: 80px; }
  .widthContent.pleaser.pleaser .section-pleaser .section-title {
    -webkit-font-feature-settings: "palt";
       -moz-font-feature-settings: "palt";
            font-feature-settings: "palt";
    letter-spacing: 1px;
    text-align: center;
    font-size: 24px;
    line-height: 1.9;
    padding: 17px 0px 40px; }
  .widthContent.pleaser.pleaser .section-pleaser > .t-lead {
    -webkit-font-feature-settings: "palt";
       -moz-font-feature-settings: "palt";
            font-feature-settings: "palt";
    letter-spacing: 1px;
    font-size: 18px;
    line-height: 2;
    text-align: center;
    margin-bottom: 48px; }
  .widthContent.pleaser.pleaser .section-pleaser .aboutPleaserHolder {
    position: relative;
    width: 900px;
    margin: 54px auto; }
    .widthContent.pleaser.pleaser .section-pleaser .aboutPleaserHolder .visualize {
      float: left;
      width: 400px;
      height: 400px;
      margin-left: 50px; }
      .debug .widthContent.pleaser.pleaser .section-pleaser .aboutPleaserHolder .visualize {
        opacity: 0.5; }
      .widthContent.pleaser.pleaser .section-pleaser .aboutPleaserHolder .visualize .ani-gif {
        display: none;
        position: absolute; }
      .widthContent.pleaser.pleaser .section-pleaser .aboutPleaserHolder .visualize .ani {
        width: 400px;
        height: 400px; }
    .widthContent.pleaser.pleaser .section-pleaser .aboutPleaserHolder .t-read {
      float: left;
      width: 400px;
      margin-top: 57px;
      margin-left: 50px;
      text-align: left; }

.widthContent.pleaser.pleaser .section-training {
  border-top: #e3dfde solid 1px;
  width: 940px;
  margin: auto;
  padding-top: 80px;
}
  .widthContent.pleaser.pleaser .section-training .picMain {
    margin-bottom: 76px; }
  .widthContent.pleaser.pleaser .section-training > .t-lead {
    -webkit-font-feature-settings: "palt";
       -moz-font-feature-settings: "palt";
            font-feature-settings: "palt";
    letter-spacing: 1px;
    font-size: 24px;
    line-height: 1.9;
    text-align: center;
    margin-bottom: 54px; }
  .widthContent.pleaser.pleaser .section-training .visualize {
    position: relative;
    margin: 50px auto 80px;
    width: 940px;
    height: 300px;
    text-align: center;
    background-color: #f8f8f8;
    padding-top: 40px; }
    .debug .widthContent.pleaser.pleaser .section-training .visualize {
      opacity: 0.5; }
    .widthContent.pleaser.pleaser .section-training .visualize .ttl {
      font-size: 18px;
      line-height: 50px;
      width: 260px;
      border: #000 solid 1px;
      display: inline-block; }
    .widthContent.pleaser.pleaser .section-training .visualize .items {
      margin-top: 28px;
      width: 100%;
      display: table;
      font-size: 0; }
    .widthContent.pleaser.pleaser .section-training .visualize .item {
      display: inline-block;
      width: 132px;
      margin: 0 4px; }
  .widthContent.pleaser.pleaser .section-training .story {
    position: relative; }
    .debug .widthContent.pleaser.pleaser .section-training .story {
      opacity: 0.5; }
    .widthContent.pleaser.pleaser .section-training .story .t-read {
      font-size: 18px;
      line-height: 2;
      position: absolute;
      text-align: left;
      right: 0;
      width: auto;
      padding: 43px 0 43px 52px;
      background-color: #fff; }
      .widthContent.pleaser.pleaser .section-training .story .t-read .ttl {
        font-weight: bold;
        font-size: 36px;
        margin-bottom: 11px; }
        .widthContent.pleaser.pleaser .section-training .story .t-read .ttl span {
          font-size: 18px; }
    .widthContent.pleaser.pleaser .section-training .story.story-1 {
      margin-top: 50px;
      margin-bottom: 166px; }
      .widthContent.pleaser.pleaser .section-training .story.story-1 .t-read {
        width: 500px;
        bottom: -110px;
        z-index: 1; }
    .widthContent.pleaser.pleaser .section-training .story.story-2 {
      margin: 0 auto 60px; }
      .widthContent.pleaser.pleaser .section-training .story.story-2 .pic {
        float: right; }
      .widthContent.pleaser.pleaser .section-training .story.story-2 .t-read {
        left: 0;
        right: auto;
        padding: 90px 55px 88px 0;
        margin-top: 72px; }
  .widthContent.pleaser.pleaser .section-training .interview {
    margin: 50px 0 66px; }
    .widthContent.pleaser.pleaser .section-training .interview .box {
      float: left; }
      .widthContent.pleaser.pleaser .section-training .interview .box.box-right {
        float: right; }
      .widthContent.pleaser.pleaser .section-training .interview .box .pic {
        margin-bottom: 16px; }
      .widthContent.pleaser.pleaser .section-training .interview .box .t-read {
        width: auto;
        font-size: 14px;
        line-height: 1.7;
        text-align: center; }

.widthContent.pleaser.pleaser .section-call {
  border-top: #e3dfde solid 1px;
  width: 940px;
  margin: 47px auto 0;
  padding-top: 66px;
  padding-bottom: 30px;
  /* border-bottom: 1px solid #e3dfde; */

}
  .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: 36px;
    line-height: 1.9;
    margin-bottom: 40px; }
    .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: 36px;
      line-height: 1.9;
      margin-bottom: 18px; }
  .widthContent.pleaser.pleaser .section-call .section-text{
    -webkit-font-feature-settings: "palt";
    -moz-font-feature-settings: "palt";
         font-feature-settings: "palt";
    font-size: 18px;
    text-align: center;
    margin-bottom: 18px;
  }
  .widthContent.pleaser.pleaser .section-call .items {
    margin-bottom: 22px;
    text-align: center;
    display: table;
    width: 100%;
    font-size: 0; }
    .widthContent.pleaser.pleaser .section-call .items .btn-app {
      display: block;
      width: 90px;
      padding: 15px;
      position: relative;
      display: inline-block;
      /* border: #000 solid 1px; */
      /* border-radius: 50%; */
      margin: 0 20px;
    }
    .widthContent.pleaser.pleaser .section-call .items .btn-app.btn-app--L {
      width: 110px;
      padding: 10px;
    }
      .widthContent.pleaser.pleaser .section-call .items a.btn-app {
        transition: opacity .2s linear;
      }
      .widthContent.pleaser.pleaser .section-call .items a.btn-app:hover {
        opacity: 0.6;
      }
      .widthContent.pleaser.pleaser .section-call .note {
        text-align: center;
      }

.widthContent.pleaser.pleaser .section-bnr {
  padding-bottom: 33px; }
  .widthContent.pleaser.pleaser .section-bnr .bnr-interview {
    display: block;
    width: 75%;
    margin: 0 auto;
    padding-bottom: 47px; }
    .widthContent.pleaser.pleaser .section-bnr .bnr-interview.n1 {
      padding-bottom: 20px; }

/* 三点セット
***********************************/
.debug .widthContent.prepare.prepare {
  background: transparent url("../img/prepare/layout.jpg") center -194px no-repeat; }

.widthContent.prepare.prepare .topMain .t-lead {
  position: absolute;
  right: 50%;
  top: 14%;
  margin-left: -4.6875%;
  width: 9.375%; }

.widthContent.prepare.prepare .t-read {
  text-align: center;
  width: 940px;
  margin: auto;
  font-size: 18px;
  font-weight: normal;
  line-height: 2;
  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 {
    display: inline-block;
    line-height: 1.7;
    font-size: 24px; }
  .widthContent.prepare.prepare .t-read .lh18 {
    line-height: 1.8; }
  .widthContent.prepare.prepare .t-read .underline {
    position: relative;
    margin-bottom: 5px; }
    .widthContent.prepare.prepare .t-read .underline:after {
      content: "";
      position: absolute;
      bottom: 0;
      width: 100%;
      left: 0;
      height: 1px;
      background-color: #000; }

.widthContent.prepare.prepare .section-prepare {
  margin: 0 auto 80px;
  width: 120320000%;
  max-width: 940px; }
  .widthContent.prepare.prepare .section-prepare .section-title {
    -webkit-font-feature-settings: "palt";
       -moz-font-feature-settings: "palt";
            font-feature-settings: "palt";
    letter-spacing: 1px;
    text-align: center;
    font-size: 36px;
    line-height: 1;
    padding: 67px 0px 40px; }
  .widthContent.prepare.prepare .section-prepare .t-lead {
    -webkit-font-feature-settings: "palt";
       -moz-font-feature-settings: "palt";
            font-feature-settings: "palt";
    letter-spacing: 1px;
    font-size: 18px;
    line-height: 2;
    text-align: center;
    margin-bottom: 48px; }
    .widthContent.prepare.prepare .section-prepare .t-lead .middle-text {
      font-size: 22px;
      line-height: 1.7; }
      .widthContent.prepare.prepare .section-prepare .t-lead .middle-text span {
        text-decoration: underline;
        display: inline-block; }
  .widthContent.prepare.prepare .section-prepare .feature {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 30px 0 60px;
    font-size: 0;
    border-bottom: solid 1px #e3dfde; }
    .widthContent.prepare.prepare .section-prepare .feature .icon {
      width: 27.12766%;
      margin: 0 10px;
      display: inline-block; }
  .widthContent.prepare.prepare .section-prepare .item-list {
    padding-bottom: 60px;
    border-bottom: solid 1px #e3dfde; }
    .widthContent.prepare.prepare .section-prepare .item-list .item {
      margin-bottom: 20px; }
      .widthContent.prepare.prepare .section-prepare .item-list .item .inner {
        position: relative;
        overflow: hidden; }
        .widthContent.prepare.prepare .section-prepare .item-list .item .inner .ttl {
          width: 14.04255%;
          max-width: 129px;
          position: absolute;
          top: 16.66667%;
          left: 50%;
          margin-left: 248px; }
        .widthContent.prepare.prepare .section-prepare .item-list .item .inner .info {
          position: absolute;
          left: 5.31915%;
          bottom: 9.25926%;
          width: 19.14894%; }
          .widthContent.prepare.prepare .section-prepare .item-list .item .inner .info .box .btn-rect {
            text-align: center;
            display: block;
            width: 180px;
            margin-bottom: 20px;
            color: #fff;
            border: #fff solid 1px;
            padding: 16px 20px 15px;
            -webkit-transition: all 0.2s;
            transition: all 0.2s; }
            .widthContent.prepare.prepare .section-prepare .item-list .item .inner .info .box .btn-rect:after {
              border-top: #FFF 2px solid;
              border-right: #FFF 2px solid;
              -webkit-transition: all 0.2s;
              transition: all 0.2s; }
            .widthContent.prepare.prepare .section-prepare .item-list .item .inner .info .box .btn-rect:hover {
              color: #000;
              background-color: #fff;
              opacity: 1; }
              .widthContent.prepare.prepare .section-prepare .item-list .item .inner .info .box .btn-rect:hover:after {
                border-top: #000 2px solid;
                border-right: #000 2px solid; }
          .widthContent.prepare.prepare .section-prepare .item-list .item .inner .info .box .btn-rect.n2 {
            margin-bottom: 0; }
  .widthContent.prepare.prepare .section-prepare .bottom-box {
    width: 78.7234%;
    max-width: 740px;
    margin: 0 auto;
    font-size: 0; }
    .widthContent.prepare.prepare .section-prepare .bottom-box .col {
      vertical-align: middle;
      display: inline-block; }
    .widthContent.prepare.prepare .section-prepare .bottom-box .col-1 {
      width: 10.81081%;
      height: 280px;
      background: #e3dfde;
      position: relative; }
      .widthContent.prepare.prepare .section-prepare .bottom-box .col-1 .box-text {
        text-align: center;
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
                transform: translate(0, -50%); }
        .widthContent.prepare.prepare .section-prepare .bottom-box .col-1 .box-text span {
          font-size: 14px;
          line-height: 1.1;
          display: block; }
    .widthContent.prepare.prepare .section-prepare .bottom-box .col.triangle {
      width: 6.75676%;
      text-align: center; }
    .widthContent.prepare.prepare .section-prepare .bottom-box .link-box {
      width: 37.83784%;
      position: relative; }
      .widthContent.prepare.prepare .section-prepare .bottom-box .link-box .pic img {
        width: 100%; }
      .widthContent.prepare.prepare .section-prepare .bottom-box .link-box .bottom-text {
        -webkit-font-feature-settings: "palt";
           -moz-font-feature-settings: "palt";
                font-feature-settings: "palt";
        position: absolute;
        left: 0;
        bottom: -25px;
        font-size: 13px; }
        .widthContent.prepare.prepare .section-prepare .bottom-box .link-box .bottom-text .arrow {
          display: inline-block;
          font-size: 0;
          line-height: 0;
          width: 6px;
          height: 10px;
          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-prepare .bottom-box .link-box .inner {
        opacity: 0;
        -webkit-transform: scale3d(0.9, 0.9, 1);
        transform: scale3d(0.9, 0.9, 1);
        color: #FFF;
        font-size: 20px;
        background-color: rgba(0, 0, 0, 0.7);
        -webkit-transition: all 0.6s;
        transition: all 0.6s;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0; }
        .widthContent.prepare.prepare .section-prepare .bottom-box .link-box .inner .text {
          line-height: 1.7;
          margin-bottom: 15px; }
        .widthContent.prepare.prepare .section-prepare .bottom-box .link-box .inner .btn-more {
          color: #FFF;
          font-family: "Libre Baskerville", serif;
          font-size: 14px;
          font-style: italic;
          padding-bottom: 5px;
          position: relative;
          overflow: hidden;
          text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); }
          .widthContent.prepare.prepare .section-prepare .bottom-box .link-box .inner .btn-more.overflowShow {
            overflow: visible; }
          .widthContent.prepare.prepare .section-prepare .bottom-box .link-box .inner .btn-more .txt {
            display: inline-block; }
          .widthContent.prepare.prepare .section-prepare .bottom-box .link-box .inner .btn-more .arrow {
            display: inline-block;
            font-size: 0;
            line-height: 0;
            width: 7.2px;
            height: 12px;
            margin-left: 8px;
            vertical-align: middle;
            background: url("../img/common/arrow-white.svg") no-repeat center center;
            background-size: 100% auto; }
          .widthContent.prepare.prepare .section-prepare .bottom-box .link-box .inner .btn-more .border {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            line-height: 0;
            font-size: 0;
            background-color: #fff;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); }
        .widthContent.prepare.prepare .section-prepare .bottom-box .link-box .inner .box {
          font-size: 14px;
          position: absolute;
          top: 50%;
          left: 0;
          width: 100%;
          -webkit-transform: translate(0, -50%);
              -ms-transform: translate(0, -50%);
                  transform: translate(0, -50%);
          text-align: center; }
      .widthContent.prepare.prepare .section-prepare .bottom-box .link-box:hover .inner {
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
        opacity: 1; }
  .widthContent.prepare.prepare .section-prepare .t-read .underline {
    white-space: nowrap; }

.widthContent.prepare.prepare #section-2 {
  padding-top: 80px;
  margin-bottom: 0; }

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

.widthContent.concept.concept .topMain .t-lead {
  margin: 80px auto;
  width: 20.54688%;
  max-width: 263px; }

.widthContent.concept.concept .section-story .section-title {
  -webkit-font-feature-settings: "palt";
     -moz-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 1px;
  text-align: center;
  font-size: 24px;
  line-height: 1.9;
  padding: 69px 0px 42px; }

.widthContent.concept.concept .section-story > .t-lead {
  -webkit-font-feature-settings: "palt";
     -moz-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 1px;
  font-size: 24px;
  line-height: 2;
  text-align: center;
  margin-bottom: 48px; }

.widthContent.concept.concept .section-story .story {
  width: 940px;
  position: relative;
  margin: 0 auto 0;
}
  .debug .widthContent.concept.concept .section-story .story .pic {
    opacity: 0.5; }
  .widthContent.concept.concept .section-story .story .t-read {
    /* -webkit-font-feature-settings: "palt";
       -moz-font-feature-settings: "palt";
            font-feature-settings: "palt"; */
    position: absolute;
    letter-spacing: 0px;
    background-color: #fff;
    padding: 43px 0 25px 50px;
    font-size: 18px;
    line-height: 2;
  }
    .debug .widthContent.concept.concept .section-story .story .t-read {
      opacity: 0.5; }
    .macos .widthContent.concept.concept .section-story .story .t-read {
      font-size: 18px; }
    .widthContent.concept.concept .section-story .story .t-read p {
      margin-bottom: 1.1em; }
  .widthContent.concept.concept .section-story .story.story-L {

    padding-bottom: 40px; }
    .widthContent.concept.concept .section-story .story.story-L .box {
      position: relative; }
    .widthContent.concept.concept .section-story .story.story-L .story-ttl {
      text-align: center;
      position: absolute;
      top: 37px;
      left: 50%;
      margin-left: -65px;
      width: 130px;
      height: auto; }
    .widthContent.concept.concept .section-story .story.story-L .t-read {
      position: relative;
      text-align: center;
      width: 940px;
      margin: 50px auto 0;
      font-weight: normal; }
      .widthContent.concept.concept .section-story .story.story-L .t-read p {
        margin-bottom: 1.0em; }
  .widthContent.concept.concept .section-story .story.story-1 .t-read {
    float: left;
    position: relative;
    padding: 43px 0 0 0;
    width: 100%; }
    .debug .widthContent.concept.concept .section-story .story.story-1 .t-read {
      opacity: 0.5; }
    .widthContent.concept.concept .section-story .story.story-1 .t-read p {
      text-align: center;
      margin-bottom: 1.1em;
    }
  .widthContent.concept.concept .section-story .story.story-2 {
    margin-bottom: 60px; }
    .widthContent.concept.concept .section-story .story.story-2 .visualize {
      position: relative;
      background-color: #f8f8f8;
      margin: 0 auto;
      width: 680px;
      height: 463px; }
      .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-2 .t-read {
      position: relative;
      top: auto;
      left: auto;
      right: auto;
      width: 680px;
      text-align: center;
      margin: auto;
      padding: 0;
      margin-top: 30px;
      margin-bottom: 60px; }
      .widthContent.concept.concept .section-story .story.story-2 .t-read p {
        margin-bottom: 1.1em; }
  .widthContent.concept.concept .section-story .story.story-3 {
    margin-bottom: 100px; }
    .widthContent.concept.concept .section-story .story.story-3 .pic {
      width: 680px;
      margin-left: 48px;
      float: right; }
        /* 写真トルツメ調整 */
    .widthContent.concept.concept .section-story .story.story-3 .t-read {
      position: static;
      width: 100%;
      padding: 20px;
      margin-top: 10px;
      text-align: center; }
      
      .widthContent.concept.concept .section-story .story.story-3 .t-read p {
        margin-bottom: 1.1em; }
  .widthContent.concept.concept .section-story .story.story-4 {
    border-top: solid 1px #e3dfde;
    padding-top: 55px;
    margin-bottom: 40px; }
    .widthContent.concept.concept .section-story .story.story-4 .pic {
      margin: 0 auto;
      width: 367px; }
    .widthContent.concept.concept .section-story .story.story-4 .t-read {
      padding-top: 50px;
      position: relative;
      padding-left: 0;
      text-align: center;
      width: 100%; }
      .widthContent.concept.concept .section-story .story.story-4 .t-read p {
        margin-bottom: 1.1em; }
  .widthContent.concept.concept .section-story .story.story-5 {
    margin-bottom: 100px; }
    .widthContent.concept.concept .section-story .story.story-5 .pic {
      width: 440px;
      margin-right: 32px;
      float: right; }
    .widthContent.concept.concept .section-story .story.story-5 .t-read {
      top: 20%;
      left: 40px;
      padding-top: 36px;
      padding-left: 15px;
      width: 470px; }
      .widthContent.concept.concept .section-story .story.story-5 .t-read p {
        margin-bottom: 1.1em; }
        .widthContent.concept.concept .section-story .story.story-5 .t-read p .fz10 {
          font-size: 12px; }


  .widthContent.concept.concept .section-story .story.story-6{
    margin-bottom: 184px;
  }
  .widthContent.concept.concept .section-story .story.story-6 .pic {
    width: 680px;
    margin-right: 0;
    float: left; }
  .widthContent.concept.concept .section-story .story.story-6 .t-read {
    bottom: -23%;
    right: 0;
    letter-spacing: 1px;
    padding-right: 0;
    padding-left: 40px;
    width: 440px; }
    .widthContent.concept.concept .section-story .story.story-6 .t-read p {
      margin-bottom: 1.1em;
      width: 110%;
    }

.widthContent.concept.concept .section-story .story-last {
  -webkit-font-feature-settings: "palt";
     -moz-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 1px;
  font-size: 18px;
  padding-top: 80px;
  margin-bottom: 70px;
  text-align: center; }
  .widthContent.concept.concept .section-story .story-last span {
    display: block;
    line-height: 2; }

.widthContent.concept.concept #section-2 {
  margin-top: 50px;
  padding-bottom: 80px; }

.widthContent.concept.concept .banner-area .ttl {
  text-align: center;
  font-size: 18px; }

.widthContent.concept.concept .banner-area .footer-bnr {
  width: 706px;
  margin: 20px auto;
  display: block; }

/* インタビュー
***********************************/
.debug .widthContent.interview.interview {
  background: transparent url("../../img/interview01/layout.jpg") center -194px no-repeat; }

.widthContent.interview.interview .interview02 .topMain .t-lead {
  position: absolute;
  left: auto;
  right: 50%;
  top: 12.5%;
  margin-right: 14.84375%;
  width: 10.54688%; }

.widthContent.interview.interview .topMain .t-lead {
  position: absolute;
  left: 50%;
  top: 12.5%;
  margin-left: 14.84375%;
  width: 10.54688%; }

.widthContent.interview.interview .section-story {
  overflow: hidden; }
  .widthContent.interview.interview .section-story .section-title {
    -webkit-font-feature-settings: "palt";
       -moz-font-feature-settings: "palt";
            font-feature-settings: "palt";
    letter-spacing: 1px;
    text-align: center;
    font-size: 24px;
    line-height: 1.9;
    padding: 69px 0px 42px;
    color: #80210d; }
  .widthContent.interview.interview .section-story > .t-lead {
    width: 680px;
    margin: 0 auto 130px;
    -webkit-font-feature-settings: "palt";
       -moz-font-feature-settings: "palt";
            font-feature-settings: "palt";
    letter-spacing: 1px;
    font-size: 18px;
    line-height: 2;
    text-align: left; }
  .widthContent.interview.interview .section-story .story {
    width: 960px;
    margin: 0 auto 30px !important; }
    .widthContent.interview.interview .section-story .story .pic {
      float: left; }
      .debug .widthContent.interview.interview .section-story .story .pic {
        opacity: 0.5; }
    .widthContent.interview.interview .section-story .story .pic-note {
      font-size: 11px;
      font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
      margin-top: 5px;
      text-align: right; }
    .widthContent.interview.interview .section-story .story .t-read {
      -webkit-font-feature-settings: "palt";
         -moz-font-feature-settings: "palt";
              font-feature-settings: "palt";
      letter-spacing: 1px;
      background-color: #fff;
      float: right;
      padding: 43px 0 40px 50px;
      width: 425px;
      font-size: 18px;
      line-height: 2;
      margin-top: -210px; }
      .debug .widthContent.interview.interview .section-story .story .t-read {
        opacity: 0.5; }
      .widthContent.interview.interview .section-story .story .t-read p {
        margin-bottom: 1.1em; }
    .widthContent.interview.interview .section-story .story .t-lead {
      width: 680px;
      margin: 0 auto;
      padding: 70px 0;
      clear: both;
      -webkit-font-feature-settings: "palt";
         -moz-font-feature-settings: "palt";
              font-feature-settings: "palt";
      letter-spacing: 1px;
      font-size: 18px;
      line-height: 2;
      text-align: left; }
    .widthContent.interview.interview .section-story .story.story-1 .pic, .widthContent.interview.interview .section-story .story.story-3 .pic {
      width: 70.83333%;
      float: right;
      position: relative;
      z-index: 1; }
    .widthContent.interview.interview .section-story .story.story-1 .t-read, .widthContent.interview.interview .section-story .story.story-3 .t-read {
      float: left;
      padding: 45px 40px 45px 0;
      margin-top: -520px;
      width: 515px;
      position: relative;
      z-index: 2; }
      .widthContent.interview.interview .section-story .story.story-1 .t-read .circle, .widthContent.interview.interview .section-story .story.story-3 .t-read .circle {
        left: -90px;
        top: -26px;
        width: 278px;
        position: absolute; }
      .widthContent.interview.interview .section-story .story.story-1 .t-read .large-text, .widthContent.interview.interview .section-story .story.story-3 .t-read .large-text {
        font-size: 24px;
        margin-bottom: 8px;
        position: relative;
        z-index: 2;
        color: #80210d; }
      .widthContent.interview.interview .section-story .story.story-1 .t-read .text, .widthContent.interview.interview .section-story .story.story-3 .t-read .text {
        position: relative;
        z-index: 2;
        margin-bottom: 0; }
    .widthContent.interview.interview .section-story .story.story-2 .pic {
      width: 70.83333%;
      float: left;
      position: relative;
      z-index: 2; }
    .widthContent.interview.interview .section-story .story.story-2 .t-read {
      width: 530px;
      margin: -20px;
      float: right;
      padding: 43px 0 0 53px;
      margin-top: -217px;
      position: relative;
      z-index: 2; }
      .widthContent.interview.interview .section-story .story.story-2 .t-read .circle {
        right: 0;
        top: 0;
        width: 278px;
        position: absolute; }
      .widthContent.interview.interview .section-story .story.story-2 .t-read .large-text {
        font-size: 24px;
        margin-bottom: 8px;
        color: #80210d;
        position: relative;
        z-index: 2; }
      .widthContent.interview.interview .section-story .story.story-2 .t-read .text {
        position: relative;
        z-index: 2; }
    .widthContent.interview.interview .section-story .story.story-2 .t-lead {
      padding: 90px 0 10px; }
    .widthContent.interview.interview .section-story .story.interview02.story-1 .t-read {
      margin-top: -500px;
      width: 470px; }
    .widthContent.interview.interview .section-story .story.interview02.story-2 .pic {
      width: 70.83333%;
      margin-left: 0;
      margin-right: 0; }
    .widthContent.interview.interview .section-story .story.interview02.story-2 .t-read {
      float: right;
      width: 520px;
      margin-top: 120px;
      margin-left: -220px;
      padding-bottom: 20px; }
      .widthContent.interview.interview .section-story .story.interview02.story-2 .t-read .circle {
        top: -35px; }
    .widthContent.interview.interview .section-story .story.story-3 {
      margin-top: 130px; }
      .widthContent.interview.interview .section-story .story.story-3 .t-read {
        margin-top: -500px;
        width: 470px; }
      .widthContent.interview.interview .section-story .story.story-3 .t-lead {
        padding-bottom: 0; }
  .widthContent.interview.interview .section-story.sec-2 {
    background: url("../../img/interview01/ttl-bg1.png") center top no-repeat;
    background-size: 278px; }

.widthContent.interview.interview #section-2 {
  margin-top: 0; }

.widthContent .banner-area .ttl {
  text-align: center;
  font-size: 18px; }

.widthContent .banner-area .footer-bnr {
  width: 706px;
  margin: 20px auto;
  display: block; }

/* ものづくりリレー
***********************************/

.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: 130px;
    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.jpg") center -194px no-repeat; }

.widthContent.relay.relay .topMain .t-lead {
  position: absolute;
  right: 50%;
  top: 17%;
  margin-right: -4.6875%;
  width: 9.76563%; }
  .widthContent.relay.relay .topMain .t-lead img {
    width: 100%; }

.widthContent.relay.relay .t-read {
  text-align: center;
  width: 940px;
  margin: auto;
  font-size: 18px;
  font-weight: normal;
  line-height: 2;
  color: #0c0200;
  position: relative;
  z-index: 2; }
  .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 {
  width: 940px;
  margin: 0 auto;
  position: relative; }
  .widthContent.relay.relay .section .box .copy {
    position: absolute;
    z-index: 1; }

.widthContent.relay.relay .section .sec-ttl {
  width: 96.2766%;
  margin: 0 auto;
  text-align: center; }

.widthContent.relay.relay .section .pic {
  margin-top: 58px;
  width: 100%;
}
.widthContent.relay.relay .section .story-Main .pic{
  margin-top: 30px;
}


.widthContent.relay.relay .section .text-area {
  position: relative;
  text-align: center;
  font-weight: normal;
  line-height: 2;
  letter-spacing: 1px;

  padding: 60px 0 0;
  z-index: 2; }
  .widthContent.relay.relay .section .text-area .circle {
    position: absolute;
    width: 278px;
    top: 0;
    left: 50%;
    margin-left: -139px;
    z-index: 1; }
  .widthContent.relay.relay .section .text-area .sec-lead {
    position: relative;
    z-index: 2;
    margin-bottom: 15px; }
    .widthContent.relay.relay .section .text-area .sec-lead .L-text {
      font-size: 55px;
      line-height: 1.5;
      width: auto;
      position: relative;
      font-style: oblique;
      font-family: "Libre Baskerville", serif; }
      .widthContent.relay.relay .section .text-area .sec-lead .L-text i {
        display: block;
        position: absolute;
        bottom: 10px;
        left: -4px;
        width: 105%;
        height: 1px; }
    .widthContent.relay.relay .section .text-area .sec-lead .min-text {
      font-size: 18px;
      text-decoration: none; }
  .widthContent.relay.relay .section .text-area .lead-text {
    position: relative;
    z-index: 2;
    font-size: 24px;
    line-height: 1.6;
  /* letter-spacing: 0.05em; */
}

.widthContent.relay.relay .sec-top {
  background-color: #fff;
  z-index: 1;
  margin-top: -7px;
  padding-bottom: 40px; }
  .widthContent.relay.relay .sec-top .text-area {
    padding: 80px 0 0;
    color: #80210d; }
    .widthContent.relay.relay .sec-top .text-area .sec-lead {
      margin-bottom: 10px; }
    .widthContent.relay.relay .sec-top .text-area .sec-lead .L-text {
      font-size: 80px; }
      .widthContent.relay.relay .sec-top .text-area .sec-lead .L-text i {
        background-color: #80210d; }
      .widthContent.relay.relay .sec-top .text-area .sec-lead .L-text .min-text {
        font-size: 30px; }
    .widthContent.relay.relay .sec-top .text-area .t-read {
      margin-top: 20px; }

.widthContent.relay.relay .relay-contents {
  padding: 70px 0; }
  .widthContent.relay.relay .relay-contents .text-area {
    padding-top: 35px;
    padding-bottom: 0; }
    .widthContent.relay.relay .relay-contents .text-area .btn-more, .widthContent.relay.relay .relay-contents .text-area .btn-close {
      font-size: 17px;
      padding: 20px;
      position: relative;
      z-index: 2;
      display: inline-block;
      margin: auto;
      margin-left: -20px; }
    .widthContent.relay.relay .relay-contents .text-area .btn-more {
      font-weight: bold; }
      .widthContent.relay.relay .relay-contents .text-area .btn-more:after {
        content: "";
        position: absolute;
        right: 0;
        top: 22px;
        width: 14px;
        height: 14px;
        background: url("../../img/relay/btn-arrow1.png") center center no-repeat;
        background-size: 100% 100%; }
    .widthContent.relay.relay .relay-contents .text-area .btn-close {
      font-family: "Libre Baskerville", serif;
      font-style: italic;
      display: none; }
      .widthContent.relay.relay .relay-contents .text-area .btn-close:after {
        content: "";
        position: absolute;
        right: 0;
        top: 25px;
        width: 14px;
        height: 14px;
        background: url("../../img/relay/btn-arrow2.png") center center no-repeat;
        background-size: 100% 100%; }
    .widthContent.relay.relay .relay-contents .text-area .t-read {
      width: 720px;
      margin: 20px auto 0;
      text-align: left;
      display: none;
      letter-spacing: 0;
    }
    .widthContent.relay.relay .relay-contents .text-area .t-read-8{
      margin-bottom: 20px;
    }
      .widthContent.relay.relay .relay-contents .text-area .t-read p {
        margin-bottom: 0; }
  .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 .center-line {
      margin-top: 130px; }
    .widthContent.relay.relay .relay-contents.relay1 .center-line-arrow {
      margin-top: 120px; }
    .widthContent.relay.relay .relay-contents.relay1 .box .copy {
      left: 205px;
      top: -30px;
      width: 152px; }
    .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 .pic-1{
      margin-top: 60px;
    }
    .widthContent.relay.relay .relay-contents .pic-2{
      margin-top: 60px;
    }
    .widthContent.relay.relay .relay-contents .pic-3{
      margin-top: 60px;
    }
    .widthContent.relay.relay .relay-contents .pic-4{
      margin-top: 60px;
    }
    .widthContent.relay.relay .relay-contents .pic-5{
      margin-top: 60px;
    }
    .widthContent.relay.relay .relay-contents .pic-6{
      margin-top: 60px;
    }
    .widthContent.relay.relay .relay-contents .pic-7{
      margin-top: 60px;
    }
    .widthContent.relay.relay .relay-contents .pic-8{
      margin-top: 60px;
    }
    .widthContent.relay.relay .relay-contents .pic-9{
      margin-top: 60px;
    }

  .widthContent.relay.relay .relay-contents.relay2 {
    background-color: #fbf6fc; }
    .widthContent.relay.relay .relay-contents.relay2 .box .copy {
      right: -16px;
      top: 20px;
      width: 328px;
    }
    .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: 160px;
      top: -16px;
      width: 140px; }
    .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: 5px;
        background-color: #165f6a; }
  .widthContent.relay.relay .relay-contents.relay4 {
    background-color: #fbfef7; }
    .widthContent.relay.relay .relay-contents.relay4 .box .copy {
      right: 30px;
      top: 20px;
      width: 274px; }
    .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: 5px;
        background-color: #3c561a; }
  .widthContent.relay.relay .relay-contents.relay5 {
    background-color: #fefbf2; }
    .widthContent.relay.relay .relay-contents.relay5 .text-area {
      background-color: #fefbf2;
      color: #6c4720;
      padding-bottom: 60px; }
      .widthContent.relay.relay .relay-contents.relay5 .text-area .lead-text {
        font-weight: normal; }
  .widthContent.relay.relay .relay-contents.relay6 {
    background-color: #fff5f3; }
    .widthContent.relay.relay .relay-contents.relay6 .box .copy {
      left: 100px;
      top: 12px;
      width: 225px; }
    .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: 5px;
        background-color: #80210d; }
      .widthContent.relay.relay .relay-contents.relay6 .text-area .t-read .left-text {
        float: left;
        width: 44%;
        line-height: 1.95;
      }
      .widthContent.relay.relay .relay-contents.relay6 .text-area .t-read .sub-pic {
        float: right;
        width: 50%;
        text-align: right; }
        .widthContent.relay.relay .relay-contents.relay6 .text-area .t-read .sub-pic .pic-text {
          font-size: 11px;
          margin-top: 5px;
          display: block; }

.widthContent.relay.relay .banner-block {
  padding-top: 90px;
  padding-bottom: 70px;
  text-align: center;
  font-size: 18px;
  font-weight: normal;
  line-height: 2;
  letter-spacing: 0;
  /* -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: 62px; }
  .widthContent.relay.relay .banner-block .bnr-text {
    padding-bottom: 30px;
    font-size: 18px; }
  .widthContent.relay.relay .banner-block .bnr-title {
    font-size: 36px; }
  .widthContent.relay.relay .banner-block .bnr {
    display: block;
    width: 704px;
    margin: 30px auto 0; }

.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: 0; }
  19.9% {
    opacity: 0; }
  20% {
    opacity: 1; }
  100% {
    opacity: 1; } }

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

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

.widthContent.product.product .topMain .t-lead {
  position: absolute;
  right: 12.89063%;
  top: 50%;
  margin-top: -9.45313%;
  width: 9.76563%; }

.widthContent.product.product .section-lead {
  width: 940px;
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 70px;
  margin-bottom: 80px;
  border-bottom: solid 1px #e3dfde; }
  .widthContent.product.product .section-lead .section-title {
    text-align: center;
    font-size: 23px;
    line-height: 1.9;
    letter-spacing: 0.01em;
    padding: 45px 0px 128px;
  }
  .widthContent.product.product .section-lead .box {
    width: 100%;
    position: relative;
    margin-bottom: 75px; }
    .widthContent.product.product .section-lead .box .pic {
      width: 680px;
      margin: 0 0 0 auto; }
    .widthContent.product.product .section-lead .box .info {
      position: absolute;
      left: 0;
      top: -30px;
      background: #fff;
      padding: 0 27px 48px 0; }
      .widthContent.product.product .section-lead .box .info .text {
        font-size: 18px;
        line-height: 1.8;
      }
      .widthContent.product.product .section-lead .box .info .text-2{
        margin-top: 28px;
      }
  .widthContent.product.product .section-lead .bottom-read {
    text-align: center;
    font-size: 18px;
    line-height: 1.8; }

.widthContent.product.product .section-oneline {
  width: 940px;
  margin: 0 auto;
  padding-bottom: 58px;
  background: url("../../img/product/line.svg") center 321px no-repeat;
  /* border-bottom: 1px solid #e3dfde; */
}
  .widthContent.product.product .section-oneline .title-block {
    position: relative;
    margin-bottom: 70px; }
    .widthContent.product.product .section-oneline .title-block .title {
      position: absolute;
      left: 118px;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
    .widthContent.product.product .section-oneline .title-block.title-block01 .title {
      width: 150px;
      left: 130px; }
    .widthContent.product.product .section-oneline .title-block.title-block02 .title {
      width: 148px;
      left: 132px;
    }
    .widthContent.product.product .section-oneline .title-block.title-block03 .title {
      width: 150px;
      left: 82px;
    }
  .widthContent.product.product .section-oneline .line-block .read {
    font-size: 18px;
    line-height: 2;
    text-align: center;
    letter-spacing: 0;
    /* -webkit-font-feature-settings: "palt";
       -moz-font-feature-settings: "palt";
            font-feature-settings: "palt"; */
    margin-bottom: 40px; }
  .widthContent.product.product .section-oneline .line-block .item {
    position: relative;
    padding: 65px 0; }
    .widthContent.product.product .section-oneline .line-block .item .item-pic {
      position: absolute;
      left: -41px;
      top: 51px; }
    .widthContent.product.product .section-oneline .line-block .item .illust {
      position: absolute;
      right: 127px;
      top: 4px;
      width: 264px;
      z-index: -1; }
      .widthContent.product.product .section-oneline .line-block .item .illust .illust-text {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 12.5px;
        line-height: 1.4;
        color: #80210d;
        position: absolute;
        bottom: -48px;
        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 {
      width: 600px;
      margin: 0 auto 0 212px;
      text-align: left; }
      .widthContent.product.product .section-oneline .line-block .item .info .ttl {
        margin-bottom: 27px;
        display: inline-block;
      }

      .widthContent.product.product .section-oneline .line-block .item .info .ttl.ttl-1{
        width: 313px;
        margin-bottom: 30px;
      }
      .widthContent.product.product .section-oneline .line-block .item .info .ttl.ttl-2{
        width: 211px;
        margin-bottom: 27px;
      }
      .widthContent.product.product .section-oneline .line-block .item .info .ttl.ttl-3{
        width: 292px;
        margin-bottom: 31px;
      }
      .widthContent.product.product .section-oneline .line-block .item .info .ttl.ttl-4{
        width: 160px;
        margin-bottom: 32px;
      }
      .widthContent.product.product .section-oneline .line-block .item .info .ttl.ttl-5{
        width: 355px;
        margin-bottom: 30px;
      }
      .widthContent.product.product .section-oneline .line-block .item .info .ttl.ttl-6{
        width: 313px;
        margin-bottom: 27px;
      }
      .widthContent.product.product .section-oneline .line-block .item .info .ttl.ttl-7{
        width: 200px;
        margin-bottom: 30px;
      }
      .widthContent.product.product .section-oneline .line-block .item .info .ttl.ttl-8{
        width: 383px;
        margin-right: 15px;
        margin-bottom: 27px;
      }

      .widthContent.product.product .section-oneline .line-block .item .info .read {
        text-align: left;
        font-size: 16px;
        line-height: 1.65;
        margin-bottom: 32px;
      }
        .widthContent.product.product .section-oneline .line-block .item .info .read .min-t {
          vertical-align: top;
          font-size: 9px; }
    .widthContent.product.product .section-oneline .line-block .item .box .btn-rect {
      position: relative;
      width: 160px;
      display: inline-block;
      padding: 11px 0;
      text-align: center;
      font-size: 14px;
      -webkit-transition: 1.4s;
      transition: 1.4s;
      -webkit-transition-delay: 1.5s;
              transition-delay: 1.5s;
      opacity: 1;
      background: white;
    }
      .widthContent.product.product .section-oneline .line-block .item .box .btn-rect:after {
        width: 6px;
        height: 13px;
        background: url("../../img/common/arrow-black.svg") no-repeat center center;
        background-size: 100% 100%;
        border: none;
        -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
                transform: rotate(0);
        margin-bottom: -2px;
        margin-left: 8px; }
      .widthContent.product.product .section-oneline .line-block .item .box .btn-rect.n2 {
        margin-left: 17px; }
      .widthContent.product.product .section-oneline .line-block .item .box .btn-rect:hover {
        opacity: 0.6; }
    .widthContent.product.product .section-oneline .line-block .item .note {
      margin-top: 28px;
      font-size: 12px;
      -webkit-transition: 1.4s;
      transition: 1.4s;
      -webkit-transition-delay: 2s;
              transition-delay: 2s;
      opacity: 0; }
      .widthContent.product.product .section-oneline .line-block .item .note.note-4{
        margin-top: 16px;
      }
      .widthContent.product.product .section-oneline .line-block .item .note.note-8{
        margin-top: 16px;
      }
    .widthContent.product.product .section-oneline .line-block .item.slideFadeInUp .box .btn-rect {
      opacity: 1; }
      .widthContent.product.product .section-oneline .line-block .item.slideFadeInUp .box .btn-rect:hover {
        opacity: 0.6; }
    .widthContent.product.product .section-oneline .line-block .item.slideFadeInUp .note {
      opacity: 1; }
    .widthContent.product.product .section-oneline .line-block .item.n1 .item-pic {
      left: -41px;
      top: 10px; }
    .widthContent.product.product .section-oneline .line-block .item.n1 .illust {
      right: 127px;
      top: 17px; }
      .widthContent.product.product .section-oneline .line-block .item.n1 .illust .illust-text {
        bottom: -39px; }
    .widthContent.product.product .section-oneline .line-block .item.n2 .item-pic {
      left: auto;
      right: -46px;
      top: 16px; }
    .widthContent.product.product .section-oneline .line-block .item.n2 .illust {
      right: auto;
      left: 86px;
      top: 22px; }
      .widthContent.product.product .section-oneline .line-block .item.n2 .illust .illust-text {
        bottom: -38px; }
    .widthContent.product.product .section-oneline .line-block .item.n2 .info {
      margin: 0 230px 0 auto;
      text-align: right; }
      .widthContent.product.product .section-oneline .line-block .item.n2 .info .read {
        text-align: right; }
    .widthContent.product.product .section-oneline .line-block .item.n3 {
      margin-top: 10px;
      margin-bottom: 54px; }
      .widthContent.product.product .section-oneline .line-block .item.n3 .item-pic {
        left: -12px;
        top: 7px; }
      .widthContent.product.product .section-oneline .line-block .item.n3 .illust {
        right: 52px;
        top: 22px; }
        .widthContent.product.product .section-oneline .line-block .item.n3 .illust .illust-text {
          bottom: -33px; }
      .widthContent.product.product .section-oneline .line-block .item.n3 .info {
        margin-left: 251px; }
        .widthContent.product.product .section-oneline .line-block .item.n3 .info .read{
          margin-bottom: 30px;
        }
    .widthContent.product.product .section-oneline .line-block .item.n4 {
      margin-top: 64px; }
      .widthContent.product.product .section-oneline .line-block .item.n4 .item-pic {
        left: auto;
        right: -37px;
        top: 23px; }
      .widthContent.product.product .section-oneline .line-block .item.n4 .illust {
        right: auto;
        left: 99px;
        top: -10px; }
        .widthContent.product.product .section-oneline .line-block .item.n4 .illust .illust-text {
          bottom: -42px; }
      .widthContent.product.product .section-oneline .line-block .item.n4 .info {
        margin: 0 236px 0 auto;
        text-align: right; }
        .widthContent.product.product .section-oneline .line-block .item.n4 .info .read {
          text-align: right;
          margin-bottom: 26px;
        }
    .widthContent.product.product .section-oneline .line-block .item.n5 {
      margin-top: 0; }
      .widthContent.product.product .section-oneline .line-block .item.n5 .circle {
        width: 270px; }
      .widthContent.product.product .section-oneline .line-block .item.n5 .item-pic {
        left: -65px;
        top: 63px; }
      .widthContent.product.product .section-oneline .line-block .item.n5 .illust {
        right: 88px;
        top: 40px; }
        .widthContent.product.product .section-oneline .line-block .item.n5 .illust .illust-text {
          bottom: -36px; }
      .widthContent.product.product .section-oneline .line-block .item.n5 .info {
        margin-left: 208px; }
        .widthContent.product.product .section-oneline .line-block .item.n5 .info .read {
          margin-bottom: 34px; }
    .widthContent.product.product .section-oneline .line-block .item.n6 {
      padding-top: 51px; }
      .widthContent.product.product .section-oneline .line-block .item.n6 .item-pic {
        left: auto;
        right: -62px;
        top: 38px; }
      .widthContent.product.product .section-oneline .line-block .item.n6 .illust {
        right: auto;
        left: 82px;
        top: -19px; }
        .widthContent.product.product .section-oneline .line-block .item.n6 .illust .illust-text {
          bottom: -32px; }
      .widthContent.product.product .section-oneline .line-block .item.n6 .info {
        margin: 0 211px 0 auto;
        text-align: right; }
        .widthContent.product.product .section-oneline .line-block .item.n6 .info .read {
          text-align: right;
          margin-bottom: 32px;
        }
    .widthContent.product.product .section-oneline .line-block .item.n7 {
      margin-top: 60px;
      margin-bottom: 62px; }
      .widthContent.product.product .section-oneline .line-block .item.n7 .item-pic {
        left: -12px;
        top: 2px; }
      .widthContent.product.product .section-oneline .line-block .item.n7 .illust {
        right: 86px;
        top: -10px; }
        .widthContent.product.product .section-oneline .line-block .item.n7 .illust .illust-text {
          margin-left: 10px;
          bottom: -38px; }
      .widthContent.product.product .section-oneline .line-block .item.n7 .info {
        margin-left: 262px; }
        .widthContent.product.product .section-oneline .line-block .item.n7 .read {
          margin-bottom: 28px; }
    .widthContent.product.product .section-oneline .line-block .item.n8 {
      margin-top: 0;
      padding-top: 54px;
      padding-bottom: 45px; }
      .widthContent.product.product .section-oneline .line-block .item.n8 .item-pic {
        left: auto;
        right: 13px;
        top: 69px; }
      .widthContent.product.product .section-oneline .line-block .item.n8 .illust {
        right: auto;
        left: 1px;
        top: 32px; }
        .widthContent.product.product .section-oneline .line-block .item.n8 .illust .illust-text {
          margin-left: 10px;
          bottom: -36px; }
      .widthContent.product.product .section-oneline .line-block .item.n8 .info {
        margin: 0 290px 0 auto;
        text-align: right; }
        .widthContent.product.product .section-oneline .line-block .item.n8 .info .read {
          text-align: right; }
        @media all and (-ms-high-contrast: none){
  *::-ms-backdrop, .widthContent.interview.interview .section-story .story.interview02.story-1 .t-read{
    width: 498px; }
  *::-ms-backdrop, .widthContent.interview.interview .section-story .story.interview02.story-2 .t-read{
    width: 515px; }
  *::-ms-backdrop, .widthContent.interview.interview .section-story .story.story-3 .t-read{
    width: 498px; } }



/* 安心と安全を求めつづけて
***********************************/
.widthContent.safety .topMain .t-lead {
  margin: 120px auto 60px auto;
  /* width: 12.8%; */
  max-width: 245px;
}
.widthContent.safety .topMain .bg-circle {
  content: "";
  display: inline-block;
  width: 358px;
  height: 322px;
  position: absolute;
  top: -78px;
  left: 49%;
  transform: translateX(-50%);
  z-index: -1;
}
.widthContent.safety .lead {
  width: 1020px;
  position: relative;
  margin: 0 auto 30px;
}
.widthContent.safety .section-lead .lead .t-read {
  margin-bottom: 80px;
  font-size: 20px;
  text-align: center;
  line-height: 1.8;
  letter-spacing: 0.03em;
  /* font-feature-settings: "palt"; */
}
.widthContent.safety .section-story .t-read .t-read-txt-1{
  /* font-size: 18px; */
  font-size: 23px;
  line-height: 1.9;
  letter-spacing: 0.01em;
}

.widthContent.safety .section-safety .safety-1,
.widthContent.safety .section-safety .safety-1 .safety-inner .t-read {
  background: #FDF5F5;
}
.widthContent.safety .section-safety .safety-1 .safety-inner{
  padding: 74px 0 70px 0;
}

.widthContent.safety .section-safety .safety-3,
.widthContent.safety .section-safety .safety-3 .safety-inner .t-read {
  background: #FCF9F0;
}
.widthContent.safety .section-safety .safety-inner {
  position: relative;
  width: 884px;
  margin: 0 auto;
  padding: 82px 0 110px 0;
  left: -17px;
  letter-spacing: 0.1em;
}
.widthContent.safety .section-safety .safety-3 .safety-inner {
  padding-bottom: 114px;
}
.widthContent.safety .section-safety .safety-2 .safety-inner,
.widthContent.safety .section-safety .safety-4 .safety-inner {
  left: 17px;
}
.widthContent.safety .section-safety .safety-inner .icon {
  position: absolute;
  left: 18px;
  top: 60px;
  width: 206px;
  height: 207px;
}
.widthContent.safety .section-safety .safety-2 .safety-inner .icon,
.widthContent.safety .section-safety .safety-4 .safety-inner  .icon  {
  right: 20px;
  left: auto;
}
.widthContent.safety .section-safety .safety .safety-inner .t-ttl {
  font-size: 26px;
  margin-bottom: 22px;
  text-align: right;
  letter-spacing: 0.15em;
}

.widthContent.safety .section-safety .safety-2 .safety-inner .t-ttl,
.widthContent.safety .section-safety .safety-4 .safety-inner .t-ttl {
  text-align: left;
}
.widthContent.safety .section-safety .safety .safety-inner .t-read {
  position: absolute;
  top: 276px;
  width: 430px;
  padding: 40px 34px;
  /* font-size: 15px; */
  font-size: 18px;
  line-height: 1.8;
  line-height: 2;
}
.widthContent.safety .section-safety .safety .safety-inner .t-read-3{
  top:259px;
}


.widthContent.safety .section-safety .safety-2 .safety-inner .t-read,
.widthContent.safety .section-safety .safety-4 .safety-inner .t-read {
  right: 0;
  background: #fff;
}
.widthContent.safety .section-safety .safety-2 .safety-inner{
  padding: 80px 0 62px 0;
}
.widthContent.safety .section-safety .safety-2 .safety-inner .t-read{
  width: 476px;
  padding: 42px 20px 42px 35px;
  line-height: 1.9;
}

.widthContent.safety .section-safety .safety .safety-inner .pic {
  width: 610px;
  margin-left: auto;
}
.widthContent.safety .section-safety .safety-3 .safety-inner .pic {
  width: 565px;
}
.widthContent.safety .section-safety .safety-2 .safety-inner .pic,
.widthContent.safety .section-safety .safety-4 .safety-inner .pic {
  margin-right: auto;
  margin-left: 0;
}
.widthContent.safety .section-safety .safety-4 .safety-inner{
  padding: 83px 0 140px 0;
}



.widthContent.concept.concept .section-story .story.story-Main,
.widthContent.safety .section-story .story.story-Main,
.widthContent.relay.relay .section-story .story.story-Main,
.widthContent.skincare.skincare .section-story .story.story-Main,
.widthContent.pleaser.pleaser .section-story .story.story-Main,
.widthContent.product.product .section-story .story.story-Main
{
  padding-bottom: 0px;
  margin-top: 30px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  width: 1340px;
}

.widthContent .section-story .story.story-Main .box{
  width: 1340px;
}

.widthContent .story-Lead{
  width: 940px;
  position: relative;
  margin: 0 auto 80px;
  /* float: left; */
  position: relative;
  padding: 43px 0 0 0;
  width: 100%;
}
.widthContent .story-Lead p{
  /* -webkit-font-feature-settings: "palt";
    -moz-font-feature-settings: "palt";
    font-feature-settings: "palt"; */
  text-align: center;
  margin-bottom: 1.1em;
  letter-spacing: 0;
  line-height: 2;
}
.widthContent .story-Lead .t-read{
  font-size: 17px;
}

.widthContent .l-read{
  text-align: center;
  font-size: 24px;
  /* -webkit-font-feature-settings: "palt";
  -moz-font-feature-settings: "palt";
       font-feature-settings: "palt"; */
  letter-spacing: 3px;
  margin-bottom: 35px;
}

.CommonBottomNav{
  margin-top: 30px;
  margin: 0 auto;
  padding: 70px 0 90px;
  position: relative;
}

.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: center;
}

.CommonBottomNav__item{
  flex: 0 0 160px;
  margin: 0 12px;
}

.CommonBottomNav__card{
  line-height: 0;
  display: block;
  border-radius: 9px;
  overflow: hidden;
}

.CommonBottomNav__card:hover{
  box-shadow: 0 4px 32px 0 rgb(0 0 0 / 20%);
  transition: box-shadow 0.2s, transform 0.2s;
}

.CommonBottomNav__item img{
  width: 100%;
}

.CommonBottomNav + .CommonSection{
  padding-bottom: 25px;
}
.CommonBottomNav + .CommonSection:after{
  display: none;
}

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



.BtnBlock{
  width: 1080px;
  margin: 0 auto;
  padding-bottom: 75px;
  /* border-bottom: 1px solid #e3dfde; */
}

.BtmBlock{
  width: 1080px;
  margin-top: 75px;
  margin: 0 auto;
  border-top: 1px solid #e3dfde;
}

.pleaser .BtmBlock,
.product .BtmBlock
{
  width: 940px;
}

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

.fix{
  font-size: 0;
  z-index: 999;
  opacity: 0.8;
  width: 1500px;
  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;
}


.mb0{
  margin-bottom: 0 !important;
}

.ProductsThinCard.-wide{
  /* background: url('../../img/common/arrow_btn.png'); */
  background-position: 97.2% center;
  background-repeat: no-repeat;
  background-size: 13px auto;
}

.ProductsThinCard.-wide .ProductsThinCard__title::after{
  border-bottom: 3px solid #777;
  border-right: 3px solid #777;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 28px;
  width: 28px;
  right: 28px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%) scale(0.5, 0.5) rotate(-45deg);
}


.animsition_none{
  opacity: 1;
}