@import "//use.fontawesome.com/releases/v5.7.2/css/all.css";
@charset "UTF-8";
/*グラデーションsass*/
/*--------------------------------------------------- */
/* /*--------------------------------------------------- */
html {
  font-size: 62.5%;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  color: #000;
}
body {
  margin: 0;
  background-color: #fff;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  color: #000;
}
body .ec-productRole {
  color: #000;
}
body .ec-layoutRole__contents {
  color: #000;
}
main {
  line-height: 1.5em;
}
a {
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  text-decoration: none;
  transition-duration: 0.5s;
}
.tel a, .tel a:visited, .tel2 a, .tel2 a:visited {
  color: #d81722;
}
*, *::before, *::after {
  box-sizing: border-box;
}
li {
  list-style: none;
}
img {
  display: block;
  margin: 0;
  padding: 0;
  font-family: "object-fit: cover;"/9;
  width: auto;
  max-width: 100%;
}
@supports (-ms-ime-align: auto) {
  img {
    font-family: "object-fit: cover;";
  }
}
h2, h3, h4, h5 {
  font-weight: 700;
}
@font-face {
  font-family: "rodinb";
  font-display: swap;
  src: url("../../../font/rodin-b.woff") format("woff"), url("../../../font/rodin-b.otf") format("truetype");
}
.ec-layoutRole {
  overflow: hidden;
}
/*--------------------------------------------------- */
/* ユーティリティタグ */
/*--------------------------------------------------- */
.flex {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.flexChild {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.maxWid {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
.opacity:hover {
  opacity: 0.5;
  transition-duration: 0.5s;
}
@media (min-width: 481px) {
  .pcInvi2 {
    display: none;
  }
}
@media (min-width: 769px) {
  .pcInvi {
    display: none;
  }
}
@media (max-width: 1000px) {
  .mbPad {
    padding-left: 20px;
    padding-right: 20px;
  }
  .pcInvi3 {
    display: none;
  }
}
@media (max-width: 768px) {
  .maxWid {
    max-width: initial;
  }
  .mbInvi {
    display: none;
  }
}
@media (max-width: 480px) {
  .mbInvi2 {
    display: none;
  }
}
@media all and (-ms-high-contrast: none) {
  img {
    font-family: "object-fit: cover;";
  }
}