@charset "UTF-8";
/*@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700");*/
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700");

#gNav.fixed {
 display: none;
}

/*------------------------*/
/*	MV
/*------------------------*/
.pankuzuArea {
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 width: auto;
 max-width: 1160px;
 margin: auto;
 padding: 15px 0;
 font-size: 12px;
 background: transparent;
 color: #fff;
 z-index: 99;
}
.pankuzuArea a {
 color: #fff;
}
.pankuzuArea .present {
 color: #fff !important;
}
@media only screen and (max-width: 640px) {
 .pankuzuArea {
  display: none;
 }
}
@media only screen and (max-width: 640px) {
 #container {
  padding-top: 0 !important;
 }
}

/*
#mainContent {
 margin-bottom: 120px;
}
*/
#mainContent .wrap {
 max-width: 1000px;
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 -webkit-font-smoothing: antialiased;
}
@media only screen and (max-width: 640px) {
 #mainContent {
  margin-bottom: 40px;
 }
}
.lowMv {
  position: relative;
  background: url(../imgs/img-mv@2x.jpg) no-repeat center center;
  background-size: cover;
}
.lowMv .copy {
  left: -8px;
  max-width: 1160px;
  margin-top: -69px;
}


/* flex */
.clm3__item {
 width: calc(310/1000*100%);
}
.clm3__item-large {
 width: calc(655/1000*100%);
}
.clm2__item .clm4__item {
 width: calc(480/1000*100%);
}
.clm2__item .clm2__item {
 width: calc(50% - 5px);
}
@media screen and (max-width: 768px) {
 .clm2__item + .clm2__item {
  margin-top: 30px;
 }
 .clm2__item .clm2__item + .clm2__item {
  margin-top: 0;
 }
}

/* text */
.lowHeading.lowHeading__large {
 font-size: 28px;
}
.lowHeading.lowHeading__small {
 font-size: 18px;
 line-height: 1.6;
}
.lowHeading__small::before {
 margin-top: 0;
}
.lowHeading.lowHeading__large + .lowHeading.lowHeading__small, .lowHeading.lowHeading__small + .lowTxt__small {
 margin-top: 20px;
}
.lowTxt__small {
 font-size: 12px;
 line-height: 1.6;
}
.imgWrap + .lowHeading {
 margin-top: 30px;
}
.quality__header {
 font-size: 20px;
 font-weight: 700;
 color: #22496e;
 padding-bottom: 10px;
 margin-bottom: 40px;
 border-bottom: 1px solid #22496e;
}
@media screen and (max-width: 768px) {
 .lowHeading.lowHeading__large {
  font-size: 20px;
 }
 .lowHeading.lowHeading__small {
  font-size: 16px;
  line-height: 1.8;
 }
 .lowHeading.lowHeading__large + .lowHeading.lowHeading__small {
  line-height: 1.6;
  margin-top: 30px;
  margin-bottom: 30px;
 }
 .lowHeading.lowHeading__small + .lowTxt__small {
  line-height: 1.6;
  margin-top: 20px;
 }
 .lowTxt__small {
  font-size: 12px;
  line-height: 1.6;
 }
 .imgWrap + .lowHeading {
  margin-top: 15px;
 }
 .quality__header {
  font-size: 16px;
  padding-bottom: 5px;
  margin-bottom: 20px;
 }
}
.letter-spacing-narrow {
 letter-spacing: 0.05em;
}
.caption {
 font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* parts */
.section {
 margin: 80px auto 0;
}
.block-intro {
 text-align: center;
 margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
 .section {
  margin: 40px auto 0;
 }
 .block-intro {
  text-align: center;
  margin-bottom: 40px;
 }
}


/*------------------------*/
/*	snav
/*------------------------*/
.snav {
 background: #f5f5f5;
 margin: auto;
 padding-top: 60px;
 padding-bottom: 60px;
}
#mainContent .snav .wrap {
  width: auto;
  max-width: 1340px;
}
.snav ul {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 justify-content: space-between;
}
.snav li {
 width: calc(320/1340*100%);
 text-align: center;
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.snav ul li a, .snav ul li > span {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 justify-content: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 height: 50px;
 font-size: 14px;
 line-height: 1.5;
 height: 72px;
}
.snav ul li a {
 background: #e2e1e2;
 color: #111;
 -webkit-transition: all 0.5s ease;
 transition: all 0.5s ease;
 position: relative;
 border: 1px solid #d2d2d2;
}
.snav ul li a:hover, .snav ul li a.active {
 background: #22496f;
 border: solid 1px #22496f;
 color: #fff;
}
.snav ul li a span.en {
 font-family: "Roboto", serif;
 display: block;
 font-size: 12px;
}

@media screen and (max-width: 1400px) {
  #mainContent .snav .wrap {
    max-width: inherit;
    padding: 0 20px;
  }
}
@media screen and (max-width: 768px) {
 .snav {
  padding-top: 20px;
  padding-bottom: 20px;
 }
 .snav ul li {
  width: 100%;
  margin-top: 10px;
 }
 .snav ul li:nth-child(1) {
  margin-top: 0;
 }
 .snav ul li a {
  height: 52px;
  font-size: 14px;
 }
}


/*------------------------*/
/*	kitchen
/*------------------------*/
.kitchen .quality__header {
 font-family: "Roboto", serif;
}

.kitchen .lowHeading + .quality__header {
  margin-top: 80px;
}
.kitchen .block-intro {
  margin-top: 150px;
}

.kitchen__header {
 font-family: "Roboto", serif;
 font-size: 20px;
 font-weight: 700;
 color: #22496e;
 padding-bottom: 10px;
 margin-bottom: 40px;
 border-bottom: 1px solid #22496e;
}
.kitchen .clm3__item {
 margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
 .kitchen .clm3__item {
  width: 100%;
 }
 .kitchen .clm3__item:last-child {
  margin-bottom: 0;
 }
 .kitchen .block-equipment .clm3__item {
  width: calc(50% - 5px);
  margin-bottom: 20px;
 }
 .kitchen .flex.mb60 {
  margin-bottom: 50px;
 }
}
.kitchen__ttl {
 font-size: 14px;
 font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 color: #8f8f8f;
 -webkit-font-smoothing: antialiased;
 margin-top: 20px;
 margin-bottom: 5px;
}
.kitchen__ttl span {
 font-family: "Roboto", serif;
 font-size: 26px;
 font-weight: 400;
 color: #666;
 -webkit-font-smoothing: antialiased;
}
@media screen and (max-width: 768px) {
  .kitchen .lowHeading + .quality__header {
    margin-top: 40px;
  }
  .kitchen .block-intro {
    margin-top: 80px;
  }

 .kitchen__ttl {
  margin-top: 10px;
 }
 .kitchen__ttl span {
  font-size: 18px;
 }
}
.kitchen .btn {
 width: calc(320/1000*100%);
 text-align: center;
 margin: 50px auto 80px;
 font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.kitchen .btn a {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 justify-content: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 font-size: 14px;
 line-height: 1.5;
 height: 72px;
 -webkit-transition: all 0.5s ease;
 transition: all 0.5s ease;
 position: relative;
 background: #22496f;
 border: solid 1px #22496f;
 color: #fff;
}
.kitchen .btn a:hover {
 background: #e2e1e2;
 color: #111;
 border: 1px solid #d2d2d2;
}
@media screen and (max-width: 768px) {
 .kitchen .btn {
  width: 100%;
  margin: 20px auto 50px;
 }
 .kitchen .btn a {
  height: 52px;
  font-size: 14px;
 }
}


.block-Eqcost .block-cost__inner {
 background: #e2e1e2;
 padding: 10px 25px 25px;
}
.block-Eqcost .block-cost__inner h5 {
 font-size: 12px;
 font-weight: bold;
 font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 margin-bottom: 5px;
}
.block-Eqcost .clm2__item:last-child .block-cost__inner {
 padding: 10px 20px 15px;
}
.block-Eqcost .textBox {
 background: #22496f;
 padding: 20px 25px;
}
.block-Eqcost .textBox ul {
 margin-left: 16px;
}
.block-Eqcost .textBox ul li {
 color: #fff;
 font-size: 14px;
 font-weight: bold;
 font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.block-Eqcost .textBox ul li:before {
 content: "■";
 font-size: 14px;
 margin-left: -16px;
 text-indent: 16px;
}
@media screen and (max-width: 768px) {
 .block-Eqcost .textBox {
  padding: 10px 20px;
 }
 .block-Eqcost .textBox ul li {
  font-size: 12px;
 }
 .block-Eqcost .textBox ul li:before {
  font-size: 12px;
 }
}
.block-Eqcost .block-irodori__inner .clm2__item:nth-child(1) {
 width: calc(245/480*100%);
}
.block-Eqcost .block-irodori__inner .clm2__item:nth-child(2) {
 width: calc(225/480*100%);
}
@media screen and (max-width: 768px) {
 .block-Eqcost .flex.mb60 {
  margin-bottom: 50px;
 }
}


/*------------------------*/
/*	advantage
/*------------------------*/
.advantage .quality__header {
 font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.advantage .block-cost__inner {
 background: #e2e1e2;
 padding: 10px 25px 25px;
}
.advantage .block-cost__inner h5 {
 font-size: 12px;
 font-weight: bold;
 font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 margin-bottom: 5px;
}
.advantage .block-cost .clm2__item:last-child .block-cost__inner {
 padding: 10px 20px 15px;
}
.advantage .block-cost .textBox {
 background: #22496f;
 padding: 20px 25px;
}
.advantage .block-cost .textBox ul {
 margin-left: 16px;
}
.advantage .block-cost .textBox ul li {
 color: #fff;
 font-size: 14px;
 font-weight: bold;
 font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.advantage .block-cost .textBox ul li:before {
 content: "■";
 font-size: 14px;
 margin-left: -16px;
 text-indent: 16px;
}
@media screen and (max-width: 768px) {
 .advantage .block-cost .textBox {
  padding: 10px 20px;
 }
 .advantage .block-cost .textBox ul li {
  font-size: 12px;
 }
 .advantage .block-cost .textBox ul li:before {
  font-size: 12px;
 }
}
.advantage .block-irodori__inner .clm2__item:nth-child(1) {
 width: calc(245/480*100%);
}
.advantage .block-irodori__inner .clm2__item:nth-child(2) {
 width: calc(225/480*100%);
}
@media screen and (max-width: 768px) {
 .advantage .flex.mb60 {
  margin-bottom: 50px;
 }
}


/*------------------------*/
/*	suggestion
/*------------------------*/
.suggestion {
  padding-bottom: 150px;
}
.suggestion .quality__header {
 font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.suggestion .quality__header {
 margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
 .suggestion .clm3__item, .suggestion .clm3__item-large {
  width: 100%;
 }
}
.suggestion .btn {
 width: calc(320/655*100%);
 text-align: center;
 font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.suggestion .btn a {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 justify-content: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 font-size: 14px;
 line-height: 1.5;
 height: 60px;
 -webkit-transition: all 0.5s ease;
 transition: all 0.5s ease;
 position: relative;
 background: #ebeaeb;
 border: 1px solid #d2d2d2;
 color: #111;
}
.suggestion .btn a:hover {
 background: #22496f;
 color: #fff;
 border: 1px solid #22496f;
}

  .suggestion .btn__request {
    max-width: inherit;
    height: 56px;
    font-size: 18px;
    letter-spacing: .15em;
    text-align: center;
  }
  .suggestion .btn__request--consul {
    max-width: inherit;
    height: 56px;
    background: #faf7e5;
    font-size: 18px;
    letter-spacing: .15em;
    color: #cbb100;
  }
@media screen and (min-width: 769px) {
  .suggestion .btn__request--consul:hover {
    background: #cbb100;
    color: #fff;
  }
}
@media screen and (max-width: 768px) {
  .suggestion {
    padding-bottom: 60px;
  }

 .suggestion .btn {
  width: 100%;
 }
 .suggestion .btn a {
  height: 40px;
  margin-bottom: 10px;
 }

  .suggestion .btn__request {
    height: auto;
    padding: 10px 0;
    font-size: 14px;
    letter-spacing: .1em;
  }

}
.suggestion .block-contact p:nth-child(n+2) a {
 padding: 5px 0;
 margin-bottom: 5px;
 display: block;
}



  .supportSection {
    padding-top: 90px;
    padding-bottom: 150px;
  }

  .supportSection__row {
    margin-top: 60px;
  }
  .supportSection__item {
    width: calc(310/1000*100%);
  }
  .supportSection__item:nth-of-type(2) {
    width: calc(652/1000*100%);
  }
@media screen and (max-width: 768px) {
  .supportSection {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .supportSection__row {
    margin-top: 40px;
  }
  .supportSection__item {
    width: 100%;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }
  .supportSection__item:nth-of-type(2) {
    width: 100%;
    max-width: inherit;
    margin-top: 30px;
  }
}

/* util */
.color-lightgray {
 color: #999;
}
.color-navy {
 color: #22496f;
}

  .mt48 { margin-top: 48px;}
@media screen and (max-width: 768px) {
 .mt30 {
  margin-top: 15px;
 }
 .mt100 {
  margin-top: 50px;
 }
 .mb40 {
  margin-bottom: 20px;
 }
 .mb60 {
  margin-bottom: 30px;
 }
 .mb100 {
  margin-bottom: 50px;
 }
 .sp-mb20 {
  margin-bottom: 20px;
 }
 .sp-mb30 {
  margin-bottom: 30px;
 }

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