/* --------------------------------------------------
* layout, common parts
*/
a[href^="tel:"] {
  pointer-events: initial;
}

.pc {
  display: none;
}

.sp {
  display: block;
}

.wrap {
  width: 90vw;
  max-width: 100%;
}

.inner-wrapper {
  width: 74.375vw;
  max-width: initial;
  margin: 0;
}

.contents .cmn-section .title {
  display: inline-block;
  width: 54.6875vw;
  font-size: 6.5625vw;
  line-height: 1.5;
}

.contents .cmn-section .title:before {
  top: -1.5625vw;
  left: -2.34375vw;
  width: 5.9375vw;
  height: 8.75vw;
  background: url("../img/sec_ttl_frame01.png") no-repeat top center;
  background-size: 100% auto;
}

.contents .cmn-section .title:after {
  bottom: -1.5625vw;
  right: -2.34375vw;
  width: 5.9375vw;
  height: 8.75vw;
  background: url("../img/sec_ttl_frame02.png") no-repeat top center;
  background-size: 100% auto;
}

.contents .cmn-section .lead {
  font-size: 2.96875vw;
  letter-spacing: 0.02em;
  text-align: left;
}

#fp-nav {
  top: 45.5vh;
}

#fp-nav.right {
  right: 5.46875vw;
}

#fp-nav ul li a {
  width: 2.8125vw;
  height: 18.75vw;
  margin-bottom: 3.125vw;
  height: 9.2vh;
  margin-bottom: 1.5vh;
}

/* --------------------------------------------------
* site-header
*/
.site-header {
  background: #FFFFFF;
}

.site-header .wrap {
  margin: 0 auto;
  padding: 2.5vw 0 1.875vw;
}

.site-header .logo {
  width: 22.5vw;
  max-width: initial;
  margin-right: 3.75vw;
}

.site-header .header-nav li {
  width: 6.875vw;
  max-width: initial;
  margin-right: 3.75vw;
}

.site-header .header-nav li:nth-of-type(4) {
  margin-right: 0;
}

.site-header .header-nav li:last-of-type {
  width: 17.5vw;
  max-width: initial;
  margin-left: 5vw;
}

/* --------------------------------------------------
* footer
*/
.site-footer .section-content > .wrap {
  padding: 3.4375vw 0;
}

.site-footer .inner-wrapper .logo,
.site-footer .inner-wrapper .tel,
.site-footer .inner-wrapper .copyright {
  vertical-align: top;
}

.site-footer .inner-wrapper .logo {
  width: 10.9375vw;
  margin-right: 4.6875vw;
  margin-bottom: 1.25vw;
  font-size: 2.8125vw;
}

.site-footer .inner-wrapper .tel {
  width: 23.4375vw;
  margin-right: 0;
  margin-bottom: 1.25vw;
  font-size: 2.5vw;
}

.site-footer .inner-wrapper .copyright {
  font-size: 2.5vw;
}

/* --------------------------------------------------
* side-nav
*/
.side-nav {
  /*ul {
    top: (60 / $bp) * 100 + 0vw;
    top: 8vh;
    right: (30 / $bp) * 100 + 0vw;

    li {
      a {
        width: (18 / $bp) * 100 + 0vw;
        height: (120 / $bp) * 100 + 0vw;
        margin-bottom: (20 / $bp) * 100 + 0vw;
        height: 9.2vh;
        margin-bottom: 1.5vh;
      }
    }
  }*/
}

.side-nav .bg {
  top: 5.5vh;
  width: 14.0625vw;
  max-width: initial;
}

/* --------------------------------------------------
* contents
*/
.contents {
  overflow: hidden;
}

.contents .cmn-section:before,
.contents .section06:before,
.contents .section07:before,
.contents .site-footer:before {
  display: none;
}

.contents .cmn-section:after,
.contents .section06:after,
.contents .section07:after,
.contents .site-footer:after {
  right: 16.25vw;
  width: 1px;
}

.contents .main-visual .wrap {
  padding: 0;
}

.contents .main-visual:before {
  display: none;
}

.contents .main-visual:after {
  right: 16.25vw;
  width: 1px;
  height: 26.5625vw;
}

.contents .main-visual .scroll {
  bottom: 27.5vw;
  right: 13.75vw;
  width: 4.6875vw;
  height: auto;
}

.contents .section01 .section-content > .wrap {
  padding: 86.5625vw 0 45.3125vw;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.contents .section01 .inner-wrapper {
  padding: 0;
  border-top: none;
  border-bottom: none;
}

.contents .section01 .inner-wrapper:before, .contents .section01 .inner-wrapper:after {
  display: none;
}

.contents .section01 .inner-wrapper .title-area {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.contents .section01 .inner-wrapper .title-area .title {
  margin-bottom: 5.9375vw;
  font-size: 6.25vw;
  text-align: left;
}

.contents .section01 .inner-wrapper .title-area .lead {
  font-size: 3.75vw;
  line-height: 1.6;
  text-align: left;
}

.contents .section02 .section-content > .wrap {
  padding: 29.6875vw 0 33.75vw;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.contents .section02 .inner-wrapper .title {
  width: 77.5vw;
  margin-bottom: 9.0625vw;
  letter-spacing: 0.06em;
  text-align: left;
}

.contents .section02 .inner-wrapper .lead + .lead {
  margin-top: 5.9375vw;
}

.contents .section03 .section-content > .wrap {
  padding: 18.75vw 0 12.5vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.contents .section03 .inner-wrapper .title {
  margin-bottom: 7.1875vw;
}

.contents .section03 .inner-wrapper .detail-area li {
  margin-bottom: 10.9375vw;
}

.contents .section03 .inner-wrapper .detail-area li:first-of-type .detail-title:after {
  width: 27.5vw;
}

.contents .section03 .inner-wrapper .detail-area li:nth-of-type(2) .detail-title:after {
  width: 31.875vw;
}

.contents .section03 .inner-wrapper .detail-area li:last-of-type .detail-title:after {
  width: 31.875vw;
}

.contents .section03 .inner-wrapper .detail-area .detail-title {
  font-size: 4.375vw;
  text-align: left;
}

.contents .section03 .inner-wrapper .detail-area .detail-title:after {
  height: 0.625vw;
  margin: 4.0625vw 0;
}

.contents .section03 .inner-wrapper .detail-area .lead {
  line-height: 1.8;
}

.contents .section06 .section-content > .wrap {
  padding: 30vw 0 15.625vw;
}

.contents .section06 .inner-wrapper .title {
  margin-bottom: 5.625vw;
  font-size: 4.375vw;
  text-align: left;
}

.contents .section06 .inner-wrapper .detail-area {
  margin-bottom: 5.9375vw;
}

.contents .section06 .inner-wrapper .detail-area dl {
  padding-bottom: 1.875vw;
  margin-bottom: 0.9375vw;
}

.contents .section06 .inner-wrapper .detail-area dl:nth-of-type(3) {
  padding-top: 1.25vw;
}

.contents .section06 .inner-wrapper .detail-area dt,
.contents .section06 .inner-wrapper .detail-area dd {
  font-size: 3.125vw;
}

.contents .section06 .inner-wrapper .detail-area dt {
  width: 13.4375vw;
  margin-right: 1.5625vw;
}

.contents .section06 .inner-wrapper .detail-area dd {
  width: 59.375vw;
}

.contents .section06 .inner-wrapper .map {
  width: 100%;
  height: 40.625vw;
  margin-bottom: 3.75vw;
}

.contents .section06 .inner-wrapper .contact-area .text-block,
.contents .section06 .inner-wrapper .contact-area .button-block {
  display: block;
}

.contents .section06 .inner-wrapper .contact-area .text-block {
  padding: 4.375vw 9.0625vw 1.5625vw;
  border-right: none;
}

.contents .section06 .inner-wrapper .contact-area .text-block .title {
  margin-bottom: 1.875vw;
  text-align: center;
}

.contents .section06 .inner-wrapper .contact-area .text-block .title .jp {
  margin-bottom: 0.625vw;
  font-size: 3.4375vw;
}

.contents .section06 .inner-wrapper .contact-area .text-block .title .en {
  font-size: 2.5vw;
}

.contents .section06 .inner-wrapper .contact-area .text-block .title:after {
  width: 12.5vw;
  height: 0.625vw;
  margin: 1.5625vw auto;
}

.contents .section06 .inner-wrapper .contact-area .text-block .lead {
  font-size: 2.8125vw;
  line-height: 1.3;
  letter-spacing: 0.1em;
}

.contents .section06 .inner-wrapper .contact-area .button-block {
  padding: 0 9.0625vw 4.375vw;
}

.contents .section06 .inner-wrapper .contact-area .button-block .tel {
  margin-bottom: 5.3125vw;
  font-size: 5.3125vw;
}

.contents .section06 .inner-wrapper .contact-area .button-block .button {
  width: 100%;
}

.contents .section06 .inner-wrapper .contact-area .button-block .button a {
  padding: 3.75vw 15vw 4.0625vw 10.3125vw;
  font-size: 3.75vw;
  border-radius: 1.5625vw;
}

.contents .section06 .inner-wrapper .contact-area .button-block .button a:before {
  margin-right: 2.1875vw;
  width: 5.15625vw;
  height: 5.15625vw;
  background: url("../img/icn_contact.png") no-repeat top center;
  background-size: 100% auto;
}

.contents .section07 .upper .wrap {
  padding: 22.8125vw 0 24.375vw;
}

.contents .section07 .lower .wrap {
  padding: 4.6875vw 0 7.8125vw;
}

.contents .section07 .inner-wrapper .title {
  margin-bottom: 7.8125vw;
  font-size: 4.375vw;
  text-align: left;
}

.contents .section07 .inner-wrapper .detail-area dl {
  padding-bottom: 1.25vw;
  margin-bottom: 4.375vw;
}

.contents .section07 .inner-wrapper .detail-area dl dt,
.contents .section07 .inner-wrapper .detail-area dl dd {
  font-size: 3.125vw;
  letter-spacing: 0.02em;
}

.contents .section07 .inner-wrapper .detail-area dl dt {
  width: 66.5625vw;
}

.contents .section07 .inner-wrapper .detail-area dl dd {
  width: 7.8125vw;
}

.contents .section07 .inner-wrapper .button {
  width: 100%;
  max-width: initial;
}

/* --------------------------------------------------
* wacoo
*/
/* --------------------------------------------------
* wacoo
*/
#wacoo {
  /* --------------------------------------------------
  * contents
  */
}

#wacoo .contents .main-visual {
  background: url("../img/wacoo/mv_bg_sp.jpg") no-repeat top center;
  background-size: cover;
}

#wacoo .contents .main-visual .title {
  max-width: initial;
  top: 87.5vw;
  width: 59.375%;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

#wacoo .contents .section01 .inner-wrapper {
  border-top: none;
  border-bottom: none;
}

#wacoo .contents .section02 {
  background: url("../img/wacoo/sec02_bg_sp.jpg") no-repeat top center;
  background-size: cover;
}

#wacoo .contents .section04 {
  background: url("../img/wacoo/sec04_bg_sp.jpg") no-repeat top center;
  background-size: cover;
}

#wacoo .contents .section04 .section-content > .wrap {
  padding: 45.3125vw 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#wacoo .contents .section04 .inner-wrapper .title {
  margin-bottom: 8.4375vw;
}

#wacoo .contents .section05 {
  background: url("../img/wacoo/sec05_bg_sp.jpg") no-repeat top center;
  background-size: cover;
}

#wacoo .contents .section05 .section-content > .wrap {
  padding: 45.3125vw 0 54.6875vw;
}

#wacoo .contents .section05 .inner-wrapper .title {
  margin-bottom: 15.625vw;
}

#wacoo .contents .section05 .example {
  bottom: 20vw;
  left: 5vw;
  width: 47.5vw;
  height: 14.0625vw;
}

#wacoo .contents .section05-low .section-content > .wrap {
  padding: 25.3125vw 0 17.1875vw;
}

#wacoo .contents .section05-low .inner-wrapper .item-title {
  margin-bottom: 1.875vw;
  font-size: 3.4375vw;
  text-align: left;
}

#wacoo .contents .section05-low .inner-wrapper .lead {
  margin-bottom: 4.6875vw;
  font-size: 3.125vw;
  line-height: 1.5;
}

#wacoo .contents .section05-low .inner-wrapper .item-area li {
  margin-bottom: 14.84375vw;
}

#wacoo .contents .section05-low .inner-wrapper .item-area li .image-area .image {
  display: block;
  width: 62.5vw;
  margin: 0 -1.5625vw;
}

#wacoo .contents .section05-low .inner-wrapper .item-area li .detail {
  display: block;
  width: 100%;
  padding-bottom: 0.9375vw;
  margin-bottom: 6.25vw;
  font-size: 3.4375vw;
}

#wacoo .contents .section05-low .inner-wrapper .item-area li .detail span + span {
  margin-left: 3.125vw;
  font-size: 3.125vw;
}

#wacoo .contents .section07 .upper {
  background: url("../img/wacoo/sec07_bg_sp.jpg") no-repeat top center;
  background-size: cover;
}

/* --------------------------------------------------
* nissin
*/
/* --------------------------------------------------
* nissin
*/
#nissin {
  /* --------------------------------------------------
  * contents
  */
}

#nissin .contents .main-visual {
  background: url("../img/nissin/mv_bg_sp.jpg") no-repeat top center;
  background-size: cover;
}

#nissin .contents .main-visual .wrap {
  padding: 0;
}

#nissin .contents .main-visual .title {
  max-width: initial;
  top: 87.5vw;
  width: 59.375%;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

#nissin .contents .section01 .inner-wrapper {
  border-top: none;
  border-bottom: none;
}

#nissin .contents .section01 .inner-wrapper .title-area .title {
  width: 59.375vw;
  letter-spacing: 0;
}

#nissin .contents .section02 {
  background: url("../img/nissin/sec02_bg_sp.jpg") no-repeat top center;
  background-size: cover;
}

#nissin .contents .section02 .inner-wrapper {
  width: 78.125vw;
}

#nissin .contents .section02 .inner-wrapper .title {
  letter-spacing: 0.02em;
}

#nissin .contents .section04 {
  background: url("../img/nissin/sec04_bg_sp.jpg") no-repeat top center;
  background-size: cover;
}

#nissin .contents .section04 .section-content > .wrap {
  padding: 34.6875vw 0 54.6875vw;
}

#nissin .contents .section04 .inner-wrapper .title {
  margin-bottom: 8.4375vw;
}

#nissin .contents .section04 .example {
  bottom: 20vw;
  left: 5vw;
  width: 47.5vw;
  height: 14.0625vw;
}

#nissin .contents .section04-low .section-content > .wrap,
#nissin .contents .section05-low .section-content > .wrap {
  padding: 25vw 0 10vw;
}

#nissin .contents .section04-low .inner-wrapper .item-title,
#nissin .contents .section05-low .inner-wrapper .item-title {
  margin-bottom: 1.5625vw;
  font-size: 3.4375vw;
  text-align: left;
}

#nissin .contents .section04-low .inner-wrapper .lead,
#nissin .contents .section05-low .inner-wrapper .lead {
  margin-bottom: 4.6875vw;
  font-size: 3.125vw;
}

#nissin .contents .section04-low .inner-wrapper .lead span,
#nissin .contents .section05-low .inner-wrapper .lead span {
  font-size: 3.125vw;
}

#nissin .contents .section04-low .inner-wrapper .lower-lead,
#nissin .contents .section05-low .inner-wrapper .lower-lead {
  padding-top: 4.0625vw;
}

#nissin .contents .section04-low .inner-wrapper .item-area li,
#nissin .contents .section05-low .inner-wrapper .item-area li {
  display: block;
  width: 100%;
  margin-bottom: 3.125vw;
}

#nissin .contents .section04-low .inner-wrapper .item-area li:nth-of-type(odd),
#nissin .contents .section05-low .inner-wrapper .item-area li:nth-of-type(odd) {
  margin-right: 0;
}

#nissin .contents .section04-low .inner-wrapper .item-area li:last-of-type,
#nissin .contents .section05-low .inner-wrapper .item-area li:last-of-type {
  margin-bottom: 0;
}

#nissin .contents .section05 {
  background: url("../img/nissin/sec05_bg_sp.jpg") no-repeat top center;
  background-size: cover;
}

#nissin .contents .section05 .section-content > .wrap {
  padding: 32.8125vw 0 61.875vw;
}

#nissin .contents .section05 .inner-wrapper .title {
  width: 68.75vw;
  margin-bottom: 15.625vw;
}

#nissin .contents .section05 .inner-wrapper .title:before {
  left: -2.34375vw;
}

#nissin .contents .section05 .inner-wrapper .title:after {
  right: -2.34375vw;
}

#nissin .contents .section05 .example {
  bottom: 20vw;
  left: 5vw;
  width: 47.5vw;
  height: 14.0625vw;
}

#nissin .contents .section07 .upper {
  background: url("../img/nissin/sec07_bg_sp.jpg") no-repeat top center;
  background-size: cover;
}

#nissin .contents .section07 .upper .wrap {
  padding: 22.8125vw 0 32.8125vw;
}

#nissin .contents .section07 .inner-wrapper .title {
  margin-bottom: 8.75vw;
}

#nissin .contents .section07 .inner-wrapper .detail-area dl dt,
#nissin .contents .section07 .inner-wrapper .detail-area dl dd {
  font-size: 2.96875vw;
  letter-spacing: -0.01em;
}

#nissin .contents .section07 .inner-wrapper .detail-area:first-of-type {
  margin-bottom: 6.25vw;
}

#nissin .contents .section07 .inner-wrapper .detail-area:first-of-type dl:first-of-type {
  padding-bottom: 2.1875vw;
}
/*# sourceMappingURL=smartphone.css.map */