@charset "UTF-8";
body {
  font-size: 16px;
  color: #313131;
  margin: 0px;
  box-sizing: border-box;
  line-height: 2em;
  font-family: "fot-tsukuaoldmin-pr6n", sans-serif; }
  @media screen and (max-width: 750px) {
    body {
      width: 100%;
      font-size: 14px; } }

div {
  margin: 0px;
  padding: 0px; }

a {
  text-decoration: none;
  color: #313131; }
  a img {
    transition: 0.2s; }

ul {
  padding-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px; }
  ul li {
    padding-left: 0px;
    list-style: none; }

@media screen and (max-width: 750px) {
  img {
    max-width: 100%;
    height: auto; } }

.pc {
  display: block !important; }
  @media screen and (max-width: 750px) {
    .pc {
      display: none !important; } }

.sp {
  display: none !important; }
  @media screen and (max-width: 750px) {
    .sp {
      display: block !important; } }

.margin-zeroauto {
  margin: 0 auto !important; }

.no-display {
  display: none; }

.fs-small {
  font-size: 0.8em; }

.fs-xxsmall {
  font-size: 0.6em;
  position: relative;
  top: -7px;
  left: 0; }

.second-h1 {
  text-align: center;
  font-size: 2em;
  margin-bottom: 30px;
  font-weight: normal;
  letter-spacing: 0.2em; }
  .second-h1 span {
    display: block;
    margin-top: 0px;
    font-size: 0.6em; }

/*ヘッダー*/
header {
  height: 75px;
  width: 100vw;
  z-index: 999;
  position: fixed;
  transition: 0.3s; }
  @media screen and (max-width: 750px) {
    header {
      height: 75px;
      width: 100vw; } }
  header .logo {
    margin: 10px auto;
    height: 60px; }
    @media screen and (max-width: 750px) {
      header .logo {
        width: calc(100% - 220px);
        margin-left: 5px;
        margin-top: 12px; } }
    header .logo a img {
      height: 100%;
      width: auto; }
      @media screen and (max-width: 750px) {
        header .logo a img {
          width: 100%;
          height: auto; } }
  header .box-linkBtn {
    position: fixed;
    right: 0;
    top: 0;
    display: flex;
    z-index: 9999; }
    header .box-linkBtn .btn {
      width: 100px;
      height: 100px;
      margin-right: 10px;
      border-radius: 0 0 5px 5px;
      position: relative;
      transition: 0.3s; }
      @media screen and (max-width: 750px) {
        header .box-linkBtn .btn {
          width: 60px;
          height: 60px; } }
      header .box-linkBtn .btn:hover {
        opacity: 0.8; }
      header .box-linkBtn .btn:before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background-image: url(../img/common/shop-bg.png);
        z-index: 1;
        background-repeat: no-repeat;
        background-size: cover;
        top: 0;
        left: 0;
        opacity: 0.5; }
        @media screen and (max-width: 750px) {
          header .box-linkBtn .btn:before {
            background-size: 200%; } }
      header .box-linkBtn .btn.shoplink {
        background-color: #b8afa2; }
        header .box-linkBtn .btn.shoplink:after {
          position: absolute;
          content: "";
          width: 45%;
          height: 80%;
          background-image: url(../img/common/icon_shop.png);
          background-repeat: no-repeat;
          background-size: contain;
          top: 18px;
          left: 50%;
          transform: translateX(-50%);
          z-index: 2; }
          @media screen and (max-width: 750px) {
            header .box-linkBtn .btn.shoplink:after {
              width: 60%;
              top: 13px; } }
      header .box-linkBtn .btn.contactlink {
        background-color: #ff99a7; }
        header .box-linkBtn .btn.contactlink:after {
          position: absolute;
          content: "";
          width: 40%;
          height: 80%;
          background-image: url(../img/common/icon_mail.png);
          background-repeat: no-repeat;
          background-size: contain;
          top: 20px;
          left: 50%;
          transform: translateX(-50%);
          z-index: 2; }
          @media screen and (max-width: 750px) {
            header .box-linkBtn .btn.contactlink:after {
              width: 60%;
              top: 13px; } }
      header .box-linkBtn .btn a {
        color: #fff;
        font-family: "fot-tsukuaoldmin-pr6n", sans-serif;
        display: block;
        height: 100%;
        position: relative;
        z-index: 5;
        transition: 0.3s; }
        header .box-linkBtn .btn a span {
          position: relative;
          border: 10px;
          display: block;
          text-align: center;
          padding-top: 65px; }
          @media screen and (max-width: 750px) {
            header .box-linkBtn .btn a span {
              display: none; } }
        header .box-linkBtn .btn a:hover {
          opacity: 0.8; }
  header.bg-white {
    background-color: rgba(255, 255, 255, 0.7); }

.sp-navi .globalNavSP {
  position: fixed;
  z-index: 5;
  top: 0px;
  right: 0;
  background: #b8afa2;
  transform: translateX(100%);
  transition: all 0.6s;
  width: 300px;
  height: 100%; }
  @media screen and (max-width: 750px) {
    .sp-navi .globalNavSP {
      width: 100%; } }
  .sp-navi .globalNavSP .nav-inner {
    padding-top: 80px; }
    .sp-navi .globalNavSP .nav-inner .box-header {
      width: 100%;
      padding-top: 10px;
      padding-left: 10px;
      display: flex;
      justify-content: space-between; }
    .sp-navi .globalNavSP .nav-inner ul {
      list-style: none;
      padding-left: 0px;
      padding-top: 5px;
      padding-left: 10px;
      padding-right: 10px; }
      .sp-navi .globalNavSP .nav-inner ul li {
        color: #000;
        font-size: 18px;
        line-height: 0.7;
        font-weight: 400;
        margin-left: 0px;
        margin-right: 0px;
        border-top: 1px solid #f2f2f2;
        padding: 15px 0; }
        .sp-navi .globalNavSP .nav-inner ul li a {
          color: #fff;
          text-decoration: none;
          padding-left: 20px;
          padding-right: 30px;
          width: 100%;
          display: inline-block;
          padding-top: 10px;
          padding-bottom: 10px;
          box-sizing: border-box;
          transition: 0.3s;
          text-align: center; }
          .sp-navi .globalNavSP .nav-inner ul li a span {
            font-size: 0.7em;
            padding-left: 10px; }
          .sp-navi .globalNavSP .nav-inner ul li a:hover {
            opacity: 0.8; }
        .sp-navi .globalNavSP .nav-inner ul li:last-child {
          border-bottom: 1px solid #f2f2f2; }
    .sp-navi .globalNavSP .nav-inner .box-lang {
      text-align: center;
      margin-top: 50px; }
      .sp-navi .globalNavSP .nav-inner .box-lang .title {
        margin-bottom: 10px;
        font-size: 0.8em;
        color: #fff; }
      .sp-navi .globalNavSP .nav-inner .box-lang .flex-box {
        display: flex;
        justify-content: center; }
        .sp-navi .globalNavSP .nav-inner .box-lang .flex-box .lang {
          width: 80px;
          height: 80px;
          margin: 0 10px; }
          .sp-navi .globalNavSP .nav-inner .box-lang .flex-box .lang a {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background-color: #f2f2f2;
            border: 2px solid #f2f2f2;
            color: #b8afa2;
            font-size: 1.4em;
            text-align: center;
            display: block;
            line-height: 80px;
            transition: 0.3s; }
            .sp-navi .globalNavSP .nav-inner .box-lang .flex-box .lang a:hover {
              background-color: #b8afa2;
              color: #fff; }
.sp-navi nav.globalNavSP.active {
  transform: translateX(0%); }
.sp-navi .navToggle .navToggle-inner {
  display: block;
  position: fixed;
  /* body?E‘I?μ?A?I?a‘I?E’u?w’e */
  right: 0px;
  top: 0px;
  width: 95px;
  height: 75px;
  cursor: pointer;
  z-index: 8888;
  text-align: center;
  transition-duration: 0.5s;
  background-color: #F7F5F2;
  -webkit-transition: .35s ease-in-out;
  -moz-transition: .35s ease-in-out;
  transition: .35s ease-in-out; }
  .sp-navi .navToggle .navToggle-inner span {
    display: block;
    position: absolute;
    /* .navToggle?E‘I?μ?A */
    width: 45px;
    border-bottom: solid 3px #ff99a7;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 25px; }
    .sp-navi .navToggle .navToggle-inner span:nth-child(1) {
      top: 25px; }
    .sp-navi .navToggle .navToggle-inner span:nth-child(2) {
      top: 37px; }
.sp-navi .navToggle.active .navToggle-inner {
  background-color: #b8afa2; }
.sp-navi .navToggle.active span:nth-child(1) {
  top: 25px;
  left: 25px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-bottom: solid 3px #fff; }
.sp-navi .navToggle.active span:nth-child(2), .sp-navi .navToggle.active span:nth-child(3) {
  top: 25px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: solid 3px #fff; }
.sp-navi p {
  font-size: 11px;
  color: #ff99a7;
  -webkit-transition: .35s ease-in-out;
  -moz-transition: .35s ease-in-out;
  transition: .35s ease-in-out; }
.sp-navi .navToggle.active p {
  color: #fff; }

/*フッター*/
footer {
  text-align: center;
  padding-top: 15px;
  padding-bottom: 20px;
  position: relative;
  background-color: #ff99a7; }
  footer:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(../img/common/footer-bg.png);
    top: 0;
    left: 0;
    opacity: 0.5; }
  footer .footer-inner {
    position: relative;
    z-index: 5; }
    @media screen and (max-width: 750px) {
      footer .footer-inner {
        padding-left: 0px; } }
    footer .footer-inner .footerlogo {
      margin-bottom: 10px; }
      footer .footer-inner .footerlogo img {
        width: 320px; }
        @media screen and (max-width: 750px) {
          footer .footer-inner .footerlogo img {
            width: 50%; } }
    footer .footer-inner .sns-link {
      display: flex;
      justify-content: center; }
      footer .footer-inner .sns-link div {
        width: 35px;
        margin-left: 5px;
        margin-right: 5px; }
        @media screen and (max-width: 750px) {
          footer .footer-inner .sns-link div {
            width: 35px;
            margin-left: 5px;
            margin-right: 5px; } }
        footer .footer-inner .sns-link div a {
          transition: 0.3s; }
          footer .footer-inner .sns-link div a:hover {
            opacity: 0.8; }
          footer .footer-inner .sns-link div a img {
            width: 100%;
            height: auto; }
    footer .footer-inner .copyright {
      font-size: 11px;
      padding-top: 5px;
      color: #fff; }

.main-width {
  width: 1150px;
  margin: 0 auto; }
  @media screen and (max-width: 750px) {
    .main-width {
      width: 100%;
      padding-left: 0px;
      padding-right: 0px;
      box-sizing: border-box; } }

.mt-30 {
  margin-top: 30px; }

h2 {
  font-family: "fot-tsukuaoldmin-pr6n", sans-serif;
  font-size: 1.8em;
  font-weight: 600; }
  h2 span {
    color: #b8afa2; }
  h2.center {
    text-align: center; }

/*トップ*/
.section-mv {
  width: 100%;
  position: relative; }
  .section-mv .mv-wrapper {
    width: 74%; }
    @media screen and (max-width: 750px) {
      .section-mv .mv-wrapper {
        width: calc(100vw - 95px); } }
    .section-mv .mv-wrapper .swiper-slide {
      width: 100%;
      height: 100vh; }
      @media screen and (max-width: 750px) {
        .section-mv .mv-wrapper .swiper-slide {
          height: 90vh; } }
      .section-mv .mv-wrapper .swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center; }
  .section-mv .lead-wrapper {
    width: 1150px;
    margin: 80px auto 120px;
    font-family: "fot-tsukuaoldmin-pr6n", sans-serif;
    font-size: 1em;
    line-height: 2.5em; }
    @media screen and (max-width: 750px) {
      .section-mv .lead-wrapper {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
        font-size: 1.1em;
        line-height: 2em;
        margin: 50px auto 70px; } }
  .section-mv .chatch-text {
    position: absolute;
    text-align: center;
    width: 26vw;
    top: 0;
    right: 0; }
    @media screen and (max-width: 750px) {
      .section-mv .chatch-text {
        width: 95px; } }
    .section-mv .chatch-text p {
      display: inline-block;
      writing-mode: vertical-rl;
      text-align: initial;
      padding-top: 70px;
      line-height: 3em; }
      @media screen and (max-width: 750px) {
        .section-mv .chatch-text p {
          padding-top: 95px;
          line-height: 2em; } }
      .section-mv .chatch-text p span {
        display: block;
        font-size: 1.2em; }
        @media screen and (max-width: 750px) {
          .section-mv .chatch-text p span {
            font-size: 1.1em; } }
        .section-mv .chatch-text p span:last-child {
          padding-top: 19em; }

.section-movie {
  margin-bottom: 80px; }
  @media screen and (max-width: 750px) {
    .section-movie {
      padding-left: 15px;
      padding-right: 15px;
      box-sizing: border-box; } }
  .section-movie .video-wrap {
    margin-bottom: 50px;
    display: flex;
    justify-content: center; }
    @media screen and (max-width: 750px) {
      .section-movie .video-wrap {
        display: block; } }
    .section-movie .video-wrap .video {
      height: 380px;
      margin: 30px;
      width: auto; }
      @media screen and (max-width: 750px) {
        .section-movie .video-wrap .video {
          width: 100%;
          height: auto;
          text-align: center;
          margin: 30px 0; } }
    .section-movie .video-wrap video {
      height: 100%;
      width: auto; }
      @media screen and (max-width: 750px) {
        .section-movie .video-wrap video {
          height: auto;
          width: 90%; } }
  .section-movie .mv-wrapper .swiper-slide img {
    width: 100%; }
  .section-movie .link {
    text-align: right;
    margin-bottom: 50px;
    margin-top: 50px; }
    .section-movie .link a {
      transition: 0.3s;
      position: relative;
      padding-right: 100px; }
      .section-movie .link a:before {
        position: absolute;
        content: "";
        height: 1px;
        width: 60px;
        background-color: #ff99a7;
        bottom: 5px;
        right: 30px;
        transition: 0.3s; }
      .section-movie .link a:after {
        position: absolute;
        content: "";
        height: 1px;
        width: 15px;
        transform: rotate(35deg);
        background-color: #ff99a7;
        bottom: 10px;
        right: 30px;
        transition: 0.3s; }
      .section-movie .link a:hover:before {
        width: 70px;
        right: 20px; }
      .section-movie .link a:hover:after {
        right: 20px; }

.section-introduction {
  position: relative; }
  .section-introduction:after {
    content: "";
    position: absolute;
    width: 950px;
    top: -400px;
    left: 50%;
    transform: translateX(-50%);
    height: 110%;
    background-color: #F7F5F2;
    z-index: -2; }
    @media screen and (max-width: 750px) {
      .section-introduction:after {
        height: 120%;
        top: -450px;
        width: 50%;
        left: unset;
        right: 0;
        transform: none; } }
  .section-introduction .box-intro {
    margin-bottom: 120px; }
  .section-introduction .flex-box {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 750px) {
      .section-introduction .flex-box {
        flex-wrap: wrap; } }
    .section-introduction .flex-box .introimg {
      width: 46%; }
      @media screen and (max-width: 750px) {
        .section-introduction .flex-box .introimg {
          width: 100%; } }
      .section-introduction .flex-box .introimg img {
        width: 100%;
        height: auto; }
    .section-introduction .flex-box .box-text {
      width: 46%;
      display: flex; }
      @media screen and (max-width: 750px) {
        .section-introduction .flex-box .box-text {
          width: 100%;
          padding: 10px;
          box-sizing: border-box; } }
      .section-introduction .flex-box .box-text .introh2 {
        writing-mode: vertical-rl;
        font-size: 1.6em;
        font-weight: normal; }
      .section-introduction .flex-box .box-text.right .introh2 {
        margin-right: 50px; }
        @media screen and (max-width: 750px) {
          .section-introduction .flex-box .box-text.right .introh2 {
            margin-right: 30px;
            margin-left: 50px; } }
      .section-introduction .flex-box .box-text.left .introh2 {
        margin-left: 50px; }
        @media screen and (max-width: 750px) {
          .section-introduction .flex-box .box-text.left .introh2 {
            margin-right: 30px; } }
      .section-introduction .flex-box .box-text .description .subtext {
        color: #ff99a7;
        font-size: 0.8em; }
      .section-introduction .flex-box .box-text .description .text {
        margin: 40px 0; }
      .section-introduction .flex-box .box-text .description .link {
        text-align: right;
        margin-bottom: 50px; }
        .section-introduction .flex-box .box-text .description .link a {
          transition: 0.3s;
          position: relative;
          padding-right: 100px; }
          .section-introduction .flex-box .box-text .description .link a:before {
            position: absolute;
            content: "";
            height: 1px;
            width: 60px;
            background-color: #ff99a7;
            bottom: 5px;
            right: 30px;
            transition: 0.3s; }
          .section-introduction .flex-box .box-text .description .link a:after {
            position: absolute;
            content: "";
            height: 1px;
            width: 15px;
            transform: rotate(35deg);
            background-color: #ff99a7;
            bottom: 10px;
            right: 30px;
            transition: 0.3s; }
          .section-introduction .flex-box .box-text .description .link a:hover:before {
            width: 70px;
            right: 20px; }
          .section-introduction .flex-box .box-text .description .link a:hover:after {
            right: 20px; }
      .section-introduction .flex-box .box-text .description .img {
        width: 100%; }
        .section-introduction .flex-box .box-text .description .img img {
          width: 100%;
          height: auto; }
      .section-introduction .flex-box .box-text.reverse {
        flex-direction: row-reverse; }
        @media screen and (max-width: 750px) {
          .section-introduction .flex-box .box-text.reverse {
            flex-direction: row; } }
    .section-introduction .flex-box.intro02 {
      flex-direction: row-reverse; }
  .section-introduction .intro01 {
    position: relative; }
    .section-introduction .intro01:before {
      content: "";
      position: absolute;
      width: 1px;
      height: calc(100% - 13em);
      background-color: #ff99a7;
      bottom: 15em;
      left: 50%;
      transform: translateX(-50%);
      z-index: -1; }
      @media screen and (max-width: 750px) {
        .section-introduction .intro01:before {
          z-index: 3;
          left: 20px;
          transform: none; } }
    .section-introduction .intro01:after {
      content: "TRADITIONAL MEETS MODERN 'KAWAII'";
      position: absolute;
      font-size: 0.7em;
      writing-mode: vertical-rl;
      bottom: 0;
      color: #ff99a7;
      left: 50%;
      transform: translateX(-50%); }
      @media screen and (max-width: 750px) {
        .section-introduction .intro01:after {
          z-index: 3;
          left: 6px;
          transform: none; } }
  .section-introduction .intro02 {
    position: relative; }
    .section-introduction .intro02:before {
      content: "";
      position: absolute;
      width: 1px;
      height: calc(100% - 10em);
      background-color: #ff99a7;
      bottom: 10em;
      left: 50%;
      transform: translateX(-50%);
      z-index: -1; }
      @media screen and (max-width: 750px) {
        .section-introduction .intro02:before {
          z-index: 3;
          left: 20px;
          transform: none; } }
    .section-introduction .intro02:after {
      content: "CRAFTED FOR THE WORLD";
      position: absolute;
      font-size: 0.7em;
      writing-mode: vertical-rl;
      bottom: 0;
      color: #ff99a7;
      left: 50%;
      transform: translateX(-50%); }
      @media screen and (max-width: 750px) {
        .section-introduction .intro02:after {
          z-index: 3;
          left: 6px;
          transform: none; } }
  .section-introduction .intro03 {
    position: relative; }
    .section-introduction .intro03:before {
      content: "";
      position: absolute;
      width: 1px;
      height: calc(100% - 10em);
      background-color: #ff99a7;
      bottom: 10em;
      left: 50%;
      transform: translateX(-50%);
      z-index: -1; }
      @media screen and (max-width: 750px) {
        .section-introduction .intro03:before {
          z-index: 3;
          left: 20px;
          transform: none; } }
    .section-introduction .intro03:after {
      content: "THE ARTISAN'S ATELIER";
      position: absolute;
      font-size: 0.7em;
      writing-mode: vertical-rl;
      bottom: 0;
      color: #ff99a7;
      left: 50%;
      transform: translateX(-50%); }
      @media screen and (max-width: 750px) {
        .section-introduction .intro03:after {
          z-index: 3;
          left: 6px;
          transform: none; } }

/*404ここから*/
.section-404 {
  margin-top: 200px;
  margin-bottom: 200px;
  text-align: center; }
  @media screen and (max-width: 750px) {
    .section-404 {
      padding: 0 20px;
      box-sizing: border-box;
      text-align: left; } }
  .section-404 .text-404 {
    text-align: center;
    font-size: 18px; }
    @media screen and (max-width: 750px) {
      .section-404 .text-404 {
        text-align: left; } }
  .section-404 .btn-link {
    width: 250px;
    margin: 50px auto 0;
    text-align: center; }
    .section-404 .btn-link a {
      width: 100%;
      background-color: #b8afa2;
      padding-top: 15px;
      padding-bottom: 15px;
      color: #fff;
      font-size: 15px;
      display: block;
      transition: 0.3s; }
      .section-404 .btn-link a:hover {
        opacity: 0.8; }

/*CONTACT*/
.section-contact {
  width: 1150px;
  margin: 100px auto 50px;
  font-family: "fot-tsukuaoldmin-pr6n", sans-serif;
  font-size: 1.1em;
  line-height: 2.5em; }
  @media screen and (max-width: 750px) {
    .section-contact {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      box-sizing: border-box;
      font-size: 1.1em;
      line-height: 2em; } }
  .section-contact .sub {
    font-size: 0.9em; }
    .section-contact .sub a {
      text-decoration: underline;
      transition: 0.3s; }
      .section-contact .sub a:hover {
        opacity: 0.8; }
  .section-contact .contact-form {
    margin-top: 50px; }
    .section-contact .contact-form table {
      width: 100%;
      border-collapse: collapse;
      border: 1px solid #b3b3b3; }
      .section-contact .contact-form table tr th {
        font-weight: normal;
        background-color: #b8afa2;
        width: 250px;
        padding: 10px;
        border-bottom: 1px solid #fff;
        box-sizing: border-box;
        color: #fff;
        text-align: left;
        line-height: 1.4em; }
        @media screen and (max-width: 750px) {
          .section-contact .contact-form table tr th {
            display: block;
            width: 100%; } }
        .section-contact .contact-form table tr th .must {
          position: relative; }
          .section-contact .contact-form table tr th .must:after {
            position: absolute;
            content: "※";
            font-size: 0.7em;
            color: #fff;
            top: 0;
            right: -20px; }
        .section-contact .contact-form table tr th:last-child {
          border-bottom: #b8afa2; }
      .section-contact .contact-form table tr td {
        border: 1px solid #b3b3b3;
        padding: 10px;
        width: calc(100% - 250px);
        box-sizing: border-box; }
        @media screen and (max-width: 750px) {
          .section-contact .contact-form table tr td {
            display: block;
            width: 100%; } }
        .section-contact .contact-form table tr td .form01 {
          height: 30px;
          width: 90%; }
        .section-contact .contact-form table tr td .formtel {
          height: 30px; }
        .section-contact .contact-form table tr td .form02 {
          width: 90%; }
    .section-contact .contact-form .sendbtn-wrapper {
      text-align: center; }
    .section-contact .contact-form .send {
      width: 250px;
      height: 60px;
      border: none;
      transition: 0.3s;
      background-color: #b8afa2;
      cursor: pointer;
      color: #fff;
      margin: 50px 0; }
      .section-contact .contact-form .send:hover {
        background-color: #ff99a7; }

/*PRIVACY*/
.section-privacy {
  width: 1150px;
  margin: 60px auto 100px;
  font-family: "fot-tsukuaoldmin-pr6n", sans-serif;
  font-size: 1.1em;
  line-height: 2.5em; }
  @media screen and (max-width: 750px) {
    .section-privacy {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      box-sizing: border-box;
      font-size: 1.1em;
      line-height: 2em; } }
  .section-privacy h1 {
    font-size: 24px;
    text-align: center; }
  .section-privacy h2 {
    font-size: 18px;
    margin-top: 50px; }
  .section-privacy p {
    line-height: 1.4em; }
  .section-privacy ol {
    line-height: 1.4em; }

.scroll-fade {
  opacity: 0;
  transform: translate(0, 70px);
  transition: all 1200ms 0.2s; }

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

.scroll-fade.delay02 {
  transition: all 1200ms 0.4s; }

.scroll-fade.delay03 {
  transition: all 1200ms 0.6s; }

.product-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 100px; }
  .product-list .product-panel {
    width: calc(100%/3);
    padding: 20px 10px;
    box-sizing: border-box; }
    @media screen and (max-width: 750px) {
      .product-list .product-panel {
        width: 50%; } }
    .product-list .product-panel a {
      transition: 0.3s; }
      .product-list .product-panel a:hover {
        opacity: 0.8; }
    .product-list .product-panel .img {
      width: 100%;
      margin-bottom: 10px; }
      .product-list .product-panel .img img {
        width: 100%;
        aspect-ratio: 1 / 1;
        object-fit: cover;
        object-position: center; }
    .product-list .product-panel .title {
      font-size: 1.2em;
      line-height: 1em; }
      .product-list .product-panel .title span {
        font-size: 0.6em;
        padding-left: 10px; }
    .product-list .product-panel .describe {
      font-size: 0.9em;
      line-height: 1.5em;
      margin-top: 10px; }
    .product-list .product-panel .video {
      width: 100%; }
      .product-list .product-panel .video video {
        width: 100%; }

.company-wrap {
  margin: 50px 0; }
  .company-wrap .company-lead {
    text-align: center;
    margin-bottom: 30px; }
    @media screen and (max-width: 750px) {
      .company-wrap .company-lead {
        text-align: left; } }
  .company-wrap .company-img {
    text-align: center; }
    .company-wrap .company-img.maternity .img {
      width: 200px;
      margin: 0 auto; }
      .company-wrap .company-img.maternity .img img {
        width: 100%;
        height: auto; }
  .company-wrap dl {
    display: flex;
    border-bottom: 1px solid #b8afa2;
    padding-bottom: 5px;
    margin-bottom: 5px;
    margin-top: 0; }
    @media screen and (max-width: 750px) {
      .company-wrap dl {
        display: block; } }
    .company-wrap dl.no-border {
      border-bottom: 0; }
    .company-wrap dl dt {
      width: 200px; }
      @media screen and (max-width: 750px) {
        .company-wrap dl dt {
          width: 100%; } }
    .company-wrap dl dd {
      width: calc(100% - 200px);
      padding-left: 30px;
      margin: 0; }
      @media screen and (max-width: 750px) {
        .company-wrap dl dd {
          width: 100%; } }
  .company-wrap .google-map {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 75%; }
    .company-wrap .google-map iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

.topics-wrapper {
  width: 900px;
  margin: 100px auto 200px; }
  @media screen and (max-width: 750px) {
    .topics-wrapper {
      width: 100%; } }
  .topics-wrapper dl {
    display: flex;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-top: 0; }
    @media screen and (max-width: 750px) {
      .topics-wrapper dl {
        flex-wrap: wrap; } }
    .topics-wrapper dl dt {
      width: 150px;
      font-size: 0.8em; }
      @media screen and (max-width: 750px) {
        .topics-wrapper dl dt {
          width: 100%; } }
    .topics-wrapper dl dd {
      width: calc(100% - 150px);
      padding-left: 10px;
      margin-left: 0; }
      @media screen and (max-width: 750px) {
        .topics-wrapper dl dd {
          width: 100%;
          padding-left: 0; } }
      .topics-wrapper dl dd a {
        transition: 0.3s; }
        .topics-wrapper dl dd a:hover {
          color: #ff99a7; }
  .topics-wrapper .no-event {
    text-align: center; }

.single-wrapper {
  margin-top: 50px;
  margin-bottom: 150px; }
  .single-wrapper h2 {
    font-size: 1.2em;
    border-bottom: 2px solid #ff99a7;
    padding-bottom: 10px;
    font-weight: normal; }
  .single-wrapper .single-content {
    margin-top: 20px;
    line-height: 1.8em;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif; }
    .single-wrapper .single-content .box-img {
      display: flex; }
      @media screen and (max-width: 750px) {
        .single-wrapper .single-content .box-img {
          flex-wrap: wrap; } }
      .single-wrapper .single-content .box-img .img {
        width: 50%;
        padding: 10px;
        box-sizing: border-box; }
        @media screen and (max-width: 750px) {
          .single-wrapper .single-content .box-img .img {
            width: 100%; } }
        .single-wrapper .single-content .box-img .img img {
          width: 100%;
          height: auto; }
    .single-wrapper .single-content .box-text {
      margin-top: 20px; }
    .single-wrapper .single-content .da-mb30 {
      margin-bottom: 30px; }
    .single-wrapper .single-content .da-mb50 {
      margin-bottom: 50px; }
    .single-wrapper .single-content .da-mb20 {
      margin-bottom: 20px; }

.topic-garally {
  display: flex;
  flex-wrap: wrap; }
  .topic-garally .img {
    max-width: calc(50%);
    padding: 10px;
    box-sizing: border-box; }
    @media screen and (max-width: 750px) {
      .topic-garally .img {
        max-width: 100%; } }
    .topic-garally .img img {
      width: 100%;
      height: auto; }

/*# sourceMappingURL=style.css.map */