@charset "UTF-8";
/*import
------------------------------------------*/
/*scss*/
/*数値の設定
------------------------------------------*/
/*$orange:#D87F33;
$blue:#0F5E93;*/
/*$border-radius:12px;*/
/*上記数値の設定を呼び出しているmixin
------------------------------------------*/
/*
よく使用するmixin
------------------------------------------*/
/*@mixin hover_scale{
    transition: $transition;
    transform: scale(1.0);
    &:hover{
        transform: scale(1.1);
    }
}
@mixin hover_opacity{
    transition: $transition;
    opacity:1.0;
    &:hover{
        opacity:.75;
    }
}
@mixin hover_shadow{
    transition: $transition;
    box-shadow:$box-shadow; 
    &:hover{
        box-shadow: 0px 0px 5px rgba(0,0,0,.15); 
    }
}*/
/*aboutSec
------------------------------------------*/
/* line 15, ../scss/touka.scss */
.aboutSec .about-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  /* line 19, ../scss/touka.scss */
  .aboutSec .about-wrap figure {
    width: calc(50% - 30px); }
    @media only screen and (max-width: 991px) {
      /* line 19, ../scss/touka.scss */
      .aboutSec .about-wrap figure {
        width: 85%;
        max-width: 460px;
        margin: 0 auto; } }
    /* line 26, ../scss/touka.scss */
    .aboutSec .about-wrap figure img {
      top: 10%; }
/* line 31, ../scss/touka.scss */
.aboutSec .title-box {
  width: calc(50% - 30px); }
  @media only screen and (max-width: 991px) {
    /* line 31, ../scss/touka.scss */
    .aboutSec .title-box {
      width: 100%; } }

/*aboutSec
------------------------------------------*/
/* line 42, ../scss/touka.scss */
.pop-img-touka {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 80px; }
  /* line 48, ../scss/touka.scss */
  .pop-img-touka figure.is-fade_in:nth-of-type(1) {
    transition: all 0.3s; }
  /* line 51, ../scss/touka.scss */
  .pop-img-touka figure.is-fade_in:nth-of-type(2) {
    transition: all 0.3s 0.2s;
    transition: all 0.3s 0.5s; }
  /* line 55, ../scss/touka.scss */
  .pop-img-touka figure.is-fade_in:nth-of-type(3) {
    /*margin-top: 3%;*/
    transition: all 0.3s 1s;
    transition: all 0.3s 2s; }
  /* line 60, ../scss/touka.scss */
  .pop-img-touka figure.is-fade_in:nth-of-type(4) {
    transition: all 0.3s 0.7s;
    transition: all 0.3s 1.5s; }
  /* line 64, ../scss/touka.scss */
  .pop-img-touka figure.is-fade_in:nth-of-type(5) {
    /*margin-left: 3%;*/
    transition: all 0.3s 0.5s;
    transition: all 0.3s 1s; }

/*merit-box
------------------------------------------*/
/* line 76, ../scss/touka.scss */
.merit-box li:nth-of-type(1) {
  width: 100%;
  display: flex;
  padding: 0;
  cursor: pointer; }
  @media only screen and (max-width: 767px) {
    /* line 76, ../scss/touka.scss */
    .merit-box li:nth-of-type(1) {
      display: block; } }
  /* line 84, ../scss/touka.scss */
  .merit-box li:nth-of-type(1) > * {
    width: 50%; }
    @media only screen and (max-width: 767px) {
      /* line 84, ../scss/touka.scss */
      .merit-box li:nth-of-type(1) > * {
        width: 100%; } }
  /* line 90, ../scss/touka.scss */
  .merit-box li:nth-of-type(1) .title-box {
    padding: 40px; }
    @media only screen and (max-width: 767px) {
      /* line 90, ../scss/touka.scss */
      .merit-box li:nth-of-type(1) .title-box {
        padding: 30px; } }

/* line 99, ../scss/touka.scss */
.merit01 .merit-title {
  padding: 80px 60px 30px; }
  @media only screen and (max-width: 767px) {
    /* line 99, ../scss/touka.scss */
    .merit01 .merit-title {
      padding: 40px 30px 20px; } }
/* line 105, ../scss/touka.scss */
.merit01 .sectionWrap {
  width: 98%;
  margin: 0 auto;
  font-family: "Noto Sans JP", sans-serif; }
/* line 110, ../scss/touka.scss */
.merit01 .order-madeWrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px; }
  @media only screen and (max-width: 767px) {
    /* line 110, ../scss/touka.scss */
    .merit01 .order-madeWrap {
      display: block; } }
/* line 118, ../scss/touka.scss */
.merit01 .textBox {
  width: 28%; }
  @media only screen and (max-width: 767px) {
    /* line 118, ../scss/touka.scss */
    .merit01 .textBox {
      width: 100%; } }
  /* line 123, ../scss/touka.scss */
  .merit01 .textBox .example {
    margin-top: 40px; }
    @media only screen and (max-width: 767px) {
      /* line 123, ../scss/touka.scss */
      .merit01 .textBox .example {
        margin: 25px 0 30px; } }
    /* line 128, ../scss/touka.scss */
    .merit01 .textBox .example .spec {
      font-size: 1.6em; }
    /* line 131, ../scss/touka.scss */
    .merit01 .textBox .example .details {
      font-size: .9em;
      line-height: 1.6; }
    /* line 135, ../scss/touka.scss */
    .merit01 .textBox .example span {
      font-size: 1.8em; }
/* line 140, ../scss/touka.scss */
.merit01 .planBox {
  width: 70%;
  display: flex;
  justify-content: space-between; }
  @media only screen and (max-width: 767px) {
    /* line 140, ../scss/touka.scss */
    .merit01 .planBox {
      width: 100%; } }
  /* line 147, ../scss/touka.scss */
  .merit01 .planBox > div {
    margin: 0 15px 0; }
    @media only screen and (max-width: 767px) {
      /* line 147, ../scss/touka.scss */
      .merit01 .planBox > div {
        margin: 0 8px 0; } }
    /* line 152, ../scss/touka.scss */
    .merit01 .planBox > div p {
      line-height: 1.4;
      margin-bottom: 12px; }
/* line 158, ../scss/touka.scss */
.merit01 .order-madeSlider {
  margin-bottom: 60px; }
  /* line 160, ../scss/touka.scss */
  .merit01 .order-madeSlider li {
    padding: 0 5px; }
/* line 165, ../scss/touka.scss */
.merit01 .order-madePointWrap ul {
  /*display: flex;
  flex-wrap: wrap;*/
  font-size: .8em; }
  /* line 169, ../scss/touka.scss */
  .merit01 .order-madePointWrap ul li {
    /*width: calc(100% / 3);*/
    padding: 5px;
    /*&:nth-of-type(2) {
    	width: calc(100% / 2 + calc(100% / 3 / 2));
    }*/ }
    /* line 175, ../scss/touka.scss */
    .merit01 .order-madePointWrap ul li h2 {
      font-size: 1.8em; }
      /* line 177, ../scss/touka.scss */
      .merit01 .order-madePointWrap ul li h2 + p {
        margin-top: 10px;
        padding: 0 15px; }
/* line 185, ../scss/touka.scss */
.merit01 .btn-box {
  justify-content: center; }

/*modal
------------------------------------------*/
/* line 193, ../scss/touka.scss */
.iziModal {
  max-height: calc(100vh - 160px); }

/* line 196, ../scss/touka.scss */
.modalList {
  display: flex;
  margin: 0 -15px; }

/* line 200, ../scss/touka.scss */
.modalList > li {
  width: calc(33.3333% - 30px);
  margin: 0 15px; }

@media only screen and (max-width: 767px) {
  /* line 205, ../scss/touka.scss */
  .modalList {
    flex-wrap: wrap; }

  /* line 208, ../scss/touka.scss */
  .modalList > li {
    width: calc(100% - 30px);
    margin: 0 15px; }

  /* line 212, ../scss/touka.scss */
  .modalList > li + li {
    margin-top: 30px; } }
/* line 216, ../scss/touka.scss */
.modalOpen {
  position: relative;
  cursor: pointer; }

/* line 220, ../scss/touka.scss */
.modal_inner .close {
  position: fixed;
  top: 72px;
  right: 22px;
  transform: translateY(-100%);
  z-index: 1000;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background: #fff;
  border: 1px solid #535353;
  border-radius: 50%;
  padding: 28px; }
  @media only screen and (max-width: 767px) {
    /* line 220, ../scss/touka.scss */
    .modal_inner .close {
      top: 61px;
      right: 17px;
      padding: 22px; } }
  /* line 238, ../scss/touka.scss */
  .modal_inner .close:before, .modal_inner .close:after {
    content: '';
    display: block;
    height: 2px;
    width: 30px;
    top: 50%;
    left: 50%;
    border-radius: 3px;
    background-color: #535353;
    position: absolute;
    transition: all .3s; }
    @media only screen and (max-width: 767px) {
      /* line 238, ../scss/touka.scss */
      .modal_inner .close:before, .modal_inner .close:after {
        width: 20px; } }
  /* line 253, ../scss/touka.scss */
  .modal_inner .close:before {
    transform: translate(-50%, -50%) rotate(45deg); }
  /* line 256, ../scss/touka.scss */
  .modal_inner .close:after {
    transform: translate(-50%, -50%) rotate(-45deg); }

/* line 260, ../scss/touka.scss */
.modal_text {
  padding: 30px 50px; }

/* line 263, ../scss/touka.scss */
.modal_text p {
  padding-top: 1rem; }

/* line 266, ../scss/touka.scss */
.modal_text p + p {
  padding-top: .5rem; }

/* line 269, ../scss/touka.scss */
.modalTitle {
  font-size: 2rem; }

@media only screen and (max-width: 767px) {
  /* line 273, ../scss/touka.scss */
  .iziModals {
    width: 92%; } }
/*meritSec
------------------------------------------*/
/* line 283, ../scss/touka.scss */
.meritSec.shuhou li:nth-of-type(1) {
  display: none; }

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