@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap");
@import url("https://use.typekit.net/qyo4ain.css");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

@media screen and (min-width: 769px) {
  html {
    font-size: 62.5%; } }

/*
Font size and line height mixin
*/
/* ヒラギノ角ゴ */
/* ヒラギノ明朝 */
/* From: 游明朝体・游ゴシック体のCSSでの利用 - Qiita [キータ]
 * http://qiita.com/shinnn/items/5be7e8106189311559c1
 */
/* 游ゴシック体 */
/* 游明朝体 */
/*
@font-face {
    font-family: '';
    src: url("../fonts/");
    font-weight: 400;
}
*/
@media screen and (min-width: 769px) {
  .sp {
    display: none; } }

@media screen and (max-width: 768px) {
  .pc {
    display: none; } }

.fade {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  position: absolute;
  z-index: 2;
  animation-name: fadeIn;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 1; }
  30% {
    opacity: 1; }
  70% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes fadeIn {
  0% {
    opacity: 1; }
  30% {
    opacity: 1; }
  70% {
    opacity: 0; }
  100% {
    opacity: 0; } }

#toone_200721 img {
  position: relative;
  width: 100%; }

#toone_200721 a, #toone_200721 p {
  color: #595757; }

#toone_200721 .wrap {
  width: calc( 750 * 0.13333vw);
  margin: 0 auto;
  margin-top: calc( 80 * 0.13333vw); }

#toone_200721 .main_visual-image {
  width: calc( 638 * 0.13333vw);
  margin: 0 auto; }

#toone_200721 .main_visual-concept {
  width: calc( 580 * 0.13333vw);
  margin: 0 auto;
  margin-top: calc( 80 * 0.13333vw); }

#toone_200721 .product__image {
  width: calc( 340 * 0.13333vw);
  margin: 0 auto;
  margin-top: calc( 120 * 0.13333vw); }

#toone_200721 .product__caption {
  text-align: center; }
  #toone_200721 .product__caption-tag {
    margin-top: calc( 40 * 0.13333vw);
    font-weight: 300; }
    #toone_200721 .product__caption-tag a {
      font-size: 24;
      /* 24 */
      line-height: 2;
      /* 48 */
      font-size: calc( 24 * 0.13333vw);
      text-align: center;
      letter-spacing: 0.04em; }
  #toone_200721 .product__caption-text {
    font-size: 26;
    /* 26 */
    line-height: 2.1;
    /* 54.6 */
    font-size: calc( 26 * 0.13333vw);
    text-align: center;
    width: calc( 670 * 0.13333vw);
    margin: 0 auto;
    margin-top: calc( 110 * 0.13333vw); }
    #toone_200721 .product__caption-text p {
      letter-spacing: 0.075em; }
      #toone_200721 .product__caption-text p:nth-child(2) {
        margin-top: calc( 50 * 0.13333vw); }

#toone_200721 .product__item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: calc( 412 * 0.13333vw);
  margin: 0 auto;
  margin-top: calc( 30 * 0.13333vw); }
  #toone_200721 .product__item-image {
    width: calc( 150 * 0.13333vw); }
  #toone_200721 .product__item-name {
    font-size: 24;
    /* 24 */
    line-height: 1.58333;
    /* 38 */
    font-size: calc( 24 * 0.13333vw);
    text-align: left;
    font-weight: 200;
    letter-spacing: 0.02em; }
  #toone_200721 .product__item-code {
    font-weight: 300; }

#toone_200721 .info {
  font-size: calc( 26 * 0.13333vw);
  text-align: center;
  width: calc( 676 * 0.13333vw);
  border: 1px solid #edab8a;
  margin: calc( 120 * 0.13333vw) auto;
  padding: calc( 50 * 0.13333vw);
  padding-bottom: calc( 85 * 0.13333vw); }
  #toone_200721 .info__title {
    color: #edab8a;
    letter-spacing: 0.1em;
    margin-top: calc( 10 * 0.13333vw); }
  #toone_200721 .info__text {
    position: relative;
    width: calc( 400 * 0.13333vw);
    margin: 0 auto;
    margin-top: calc( 42 * 0.13333vw);
    letter-spacing: 0.11em;
    font-weight: 300; }
    #toone_200721 .info__text::before {
      content: "";
      display: block;
      width: inherit;
      position: absolute;
      bottom: 0;
      border-bottom: calc( 10 * 0.13333vw) solid #edab8a;
      z-index: -1; }
    #toone_200721 .info__text:nth-child(3) {
      width: calc( 345 * 0.13333vw); }

@media screen and (min-width: 769px) {
  #toone_200721 .wrap {
    max-width: 750px;
    margin-top: 80px; }
  #toone_200721 .main_visual-image {
    width: 470px; }
  #toone_200721 .main_visual-concept {
    width: 380px;
    margin-top: 60px; }
  #toone_200721 .product__image {
    width: 230px;
    margin-top: 100px; }
  #toone_200721 .product__caption-tag {
    margin-top: 25px; }
    #toone_200721 .product__caption-tag a {
      font-size: 15;
      /* 15 */
      line-height: 1.73333;
      /* 26 */
      font-size: 15px; }
  #toone_200721 .product__caption-text {
    font-size: 15;
    /* 15 */
    line-height: 2.2;
    /* 33 */
    font-size: 15px;
    width: 620px;
    margin-top: 75px; }
    #toone_200721 .product__caption-text p:nth-child(2) {
      margin-top: 30px; }
  #toone_200721 .product__item {
    width: 220px;
    margin-top: 15px; }
    #toone_200721 .product__item-image {
      width: 82px; }
    #toone_200721 .product__item-name {
      font-size: 13;
      /* 13 */
      line-height: 1.38462;
      /* 18 */
      font-size: 13px; }
  #toone_200721 .info {
    width: 100%;
    margin: 110px auto;
    padding: 50px;
    padding-bottom: 60px;
    font-size: 15px; }
    #toone_200721 .info__title {
      margin-top: 0; }
    #toone_200721 .info__text {
      width: 230px;
      margin-top: 22px; }
      #toone_200721 .info__text::before {
        border-bottom: 5px solid #edab8a; }
      #toone_200721 .info__text:nth-child(3) {
        width: 200px; } }

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #toone_200721 .wrap {
    width: calc( 750 * 0.08333vw);
    margin-top: calc( 80 * 0.08333vw); }
  #toone_200721 .main_visual-image {
    width: calc( 470 * 0.08333vw); }
  #toone_200721 .main_visual-concept {
    width: calc( 380 * 0.08333vw);
    margin-top: calc( 60 * 0.08333vw); }
  #toone_200721 .product__image {
    width: calc( 230 * 0.08333vw);
    margin-top: calc( 100 * 0.08333vw); }
  #toone_200721 .product__caption-tag {
    margin-top: calc( 25 * 0.08333vw); }
    #toone_200721 .product__caption-tag a {
      font-size: calc( 15 * 0.08333vw); }
  #toone_200721 .product__caption-text {
    font-size: calc( 15 * 0.08333vw);
    width: calc( 620 * 0.08333vw);
    margin-top: calc( 75 * 0.08333vw); }
    #toone_200721 .product__caption-text p:nth-child(2) {
      margin-top: calc( 30 * 0.08333vw); }
  #toone_200721 .product__item {
    width: calc( 220 * 0.08333vw);
    margin-top: calc( 15 * 0.08333vw); }
    #toone_200721 .product__item-image {
      width: calc( 82 * 0.08333vw); }
    #toone_200721 .product__item-name {
      font-size: calc( 13 * 0.08333vw); }
  #toone_200721 .info {
    margin: calc( 110 * 0.08333vw) auto;
    padding: calc( 50 * 0.08333vw);
    padding-bottom: calc( 60 * 0.08333vw);
    font-size: calc( 15 * 0.08333vw); }
    #toone_200721 .info__text {
      width: calc( 230 * 0.08333vw);
      margin-top: calc( 22 * 0.08333vw); }
      #toone_200721 .info__text::before {
        border-bottom: calc( 5 * 0.08333vw) solid #edab8a; }
      #toone_200721 .info__text:nth-child(3) {
        width: calc( 200 * 0.08333vw); } }