@charset "UTF-8";
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  -webkit-font-feature-settings: 'liga';
          font-feature-settings: 'liga';
}

body {
  background: #F5F5F5;
}

body, p {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

p {
  line-height: 1.6;
}

header#header .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px;
  padding-bottom: 20px;
}

header#header .header-title {
  border-top: 1px solid rgba(78, 78, 78, 0.867);
}

header#header h1.logo {
  max-width: 120px;
}

header#header .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

header#header .btns a {
  display: inline-block;
  padding: 0 10px;
}

header#header .btns img {
  max-height: 50px;
}

section.service {
  background: #000;
}

section.service .service_1 {
  border-top: 1px solid rgba(78, 78, 78, 0.867);
  padding-bottom: 20px;
}

section.service .service_1 div:nth-child(1) {
  padding-top: 40px;
}

section.service .service_1 div:nth-child(2) {
  padding-top: 20px;
}

section.service .service_2 {
  border-top: 1px solid rgba(78, 78, 78, 0.867);
}

section.service .service_2 div:nth-child(1) {
  padding-top: 40px;
}

section.service .service_2 div:nth-child(2) {
  padding-top: 20px;
}

section.company {
  background: #000;
}

section.company .text_1 {
  padding-bottom: 40px;
}

section.company .text_1 img {
  max-width: 40vw;
}

section.company .logo_text {
  padding-bottom: 20px;
}

section.company .logo_text img {
  max-width: 25vw;
}

section.company p.text {
  color: #fff;
  font-size: 16px;
}

.product-box .menu_ttl {
  margin-bottom: 0;
  font-size: 20px;
}

.product-box .menu_price {
  margin-bottom: 10px;
}

.product-box .menu_txt {
  font-size: 12px;
  margin-bottom: 0;
}

.product_ttl {
  font-size: 30px;
  margin-bottom: 10px;
  font-weight: bold;
}

.product_price {
  font-size: 18px;
}

.product_price span {
  font-size: 50%;
}

section#other_product {
  background: #000;
}

section#other_product .menu_ttl {
  color: #00F6DA;
}

section#other_product .menu_price, section#other_product .menu_txt {
  color: #fff;
}

section#product, .bg-ajishin {
  background: url(../img/bg_product.png) no-repeat center top;
}

.category {
  background: #000;
  padding: 15px 30px;
  margin-bottom: 30px;
}

.category ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.category ul li {
  list-style: none;
  margin-bottom: 0;
}

.category ul li.active a {
  color: #00F6DA;
}

.category ul li a {
  color: #fff;
  display: inline-block;
  padding: 0 15px;
}

footer.footer {
  background: #000;
}

footer.footer .l-inner_md {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

footer.footer .l-inner_md .logo {
  padding-right: 15px;
}

footer.footer .l-inner_md .logo img {
  width: 100px;
}

footer.footer .l-inner_md .tel {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}

footer.footer .l-inner_md .tel span {
  padding-right: 10px;
}

footer.footer .l-inner_md .navs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

footer.footer .l-inner_md .navs a {
  display: inline-block;
  padding: 0 10px;
}

.ttl-head {
  font-size: 3vw;
  font-weight: bold;
  margin-bottom: 2.9282576867vw;
  line-height: 1.4;
  position: relative;
  color: #fff;
}

.ttl-head span {
  color: #12b49f;
  font-size: 1vw;
  display: block;
}
@media only screen and (min-width: 1367px) {
  .ttl-head {
    font-size: 40px;
    margin-bottom: 40px;
    color: #fff;
  }

  .ttl-head span {
    font-size: 16px;
  }
}
@media only screen and (max-width: 926px) {
  .ttl-head {
    font-size: 6vw;
    margin-bottom: 8vw;
    padding-left: 5.3333333333vw;
    color: #fff;
  }

  .ttl-head span {
    font-size: 2vw;
  }
}

/** SP */