@charset "UTF-8";
@media only screen and (max-width: 834px) {
  .pc {
    display: none !important;
  }
}
@media only screen and (min-width: 835px) {
  .sp {
    display: none !important;
  }
}
.reset {
  margin: 0;
  padding: 0;
}
.reset div,
.reset span,
.reset object,
.reset iframe,
.reset h1,
.reset h2,
.reset h3,
.reset h4,
.reset h5,
.reset h6,
.reset p,
.reset blockquote,
.reset pre,
.reset a,
.reset abbr,
.reset acronym,
.reset address,
.reset big,
.reset cite,
.reset code,
.reset del,
.reset dfn,
.reset em,
.reset img,
.reset ins,
.reset kbd,
.reset q,
.reset s,
.reset samp,
.reset small,
.reset strike,
.reset strong,
.reset sub,
.reset sup,
.reset tt,
.reset var,
.reset b,
.reset u,
.reset i,
.reset center,
.reset dl,
.reset dt,
.reset dd,
.reset ol,
.reset ul,
.reset li,
.reset fieldset,
.reset form,
.reset label,
.reset legend,
.reset table,
.reset caption,
.reset tbody,
.reset tfoot,
.reset thead,
.reset tr,
.reset th,
.reset td,
.reset figure,
.reset section {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  min-height: 0;
}
.reset h1,
.reset h2,
.reset h3,
.reset h4,
.reset h5,
.reset h6 {
  border: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  background-color: transparent;
}
.reset img {
  display: inline-block;
  vertical-align: bottom;
}
.reset ol,
.reset ul {
  list-style: none;
}
.reset ol li,
.reset ul li {
  margin: 0;
}
.reset table {
  border-collapse: collapse;
  border-spacing: 0;
  background-color: transparent;
  border: none;
}
.reset table caption,
.reset table th,
.reset table td,
.reset table tr {
  background-color: transparent;
  font-size: inherit;
  font-weight: inherit;
  text-align: left;
  vertical-align: middle;
  border: none;
}
.reset a {
  color: inherit;
}
.reset a:link {
  text-decoration: none;
}
.reset a:visited {
  text-decoration: none;
}
.reset a:hover {
  text-decoration: none;
}
.reset input[type=submit],
.reset input[type=button] {
  background-color: inherit;
  border: none;
  color: inherit;
  font-size: inherit;
}
.reset input[type=submit]:focus,
.reset input[type=button]:focus {
  outline: none;
}
.reset button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
}

/* ページタイプ：本文のみ（広い)の追加リセットcss横幅100％ */
body.content-only.column-wide .content,
body.content-only.column-wide .article,
body.content-only.column-wide .entry-content {
  margin: 0;
}
body.content-only.column-wide .entry-header,
body.content-only.column-wide .entry-footer {
  display: none;
}
body.content-only.column-wide .wrap {
  width: 100%;
}
body.content-only.column-wide #main {
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
}

#my-content .lp-mobile-nav-add {
  display: none;
}
#my-content .lp-mobile-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  background-color: #fff;
  /* チェックボックスを非表示 */
  /* メニューボタン */
  /* ドロワーメニューの装飾 */
  /* ドロワーメニューの背景 */
  /* ドロワーメニューの開閉（チェックボックス:ON） */
}
#my-content .lp-mobile-nav.--fixed {
  background-color: rgb(255, 255, 255);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
#my-content .lp-mobile-nav .menu-logo {
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#my-content .lp-mobile-nav .menu-logo img {
  width: 200px;
}
#my-content .lp-mobile-nav .menu-checkbox {
  display: none;
}
#my-content .lp-mobile-nav .menu-button {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 56px;
  width: 56px;
  cursor: pointer;
  /* クロースボタン */
}
#my-content .lp-mobile-nav .menu-button span {
  display: block;
  position: absolute;
  left: 13px;
  width: 30px;
  height: 4px;
  background-color: #000;
  border-radius: 2px;
}
#my-content .lp-mobile-nav .menu-button span:nth-child(1) {
  top: 15px;
}
#my-content .lp-mobile-nav .menu-button span:nth-child(2) {
  top: calc(50% - 2px);
}
#my-content .lp-mobile-nav .menu-button span:nth-child(3) {
  bottom: 15px;
}
#my-content .lp-mobile-nav .menu-button.menu-close span:nth-child(1) {
  top: 50%;
  transform: rotate(45deg);
}
#my-content .lp-mobile-nav .menu-button.menu-close span:nth-child(2) {
  top: 50%;
  transform: rotate(-45deg);
}
#my-content .lp-mobile-nav .menu-button.menu-close span:nth-child(3) {
  display: none;
}
#my-content .lp-mobile-nav .drawer-menu {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 200;
  max-height: 100vh;
  width: 100%;
  transform: translateX(100%);
  transition: 0.5s;
  background-color: #fff;
  overflow-y: auto;
}
#my-content .lp-mobile-nav .drawer-menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#my-content .lp-mobile-nav .drawer-menu ul li {
  border-top: 1px solid #000;
  text-align: center;
}
#my-content .lp-mobile-nav .drawer-menu ul li a {
  display: block;
  padding: 10px;
  color: #000;
  font-size: 16px;
  text-decoration: none;
  position: relative;
}
#my-content .lp-mobile-nav .drawer-menu ul li a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background: url(../img/icon_arrow-double.svg) center center/contain no-repeat;
}
#my-content .lp-mobile-nav .menu-background {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
#my-content .lp-mobile-nav .menu-checkbox:checked ~ .drawer-menu {
  transform: translateX(0);
}
#my-content .lp-mobile-nav .menu-checkbox:checked ~ .menu-background {
  display: block;
}
#my-content .js-telnumber a {
  pointer-events: none;
}
#my-content .lp-telnumber {
  display: none;
  position: relative;
  z-index: 999;
}
#my-content .lp-telnumber.active {
  display: block;
  position: absolute;
  top: 60px;
  right: max(50vw - 600px, 20px);
}
#my-content .lp-telnumber li {
  width: 420px;
  height: 67px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: #0093af;
  border-radius: 40px;
  color: #fff;
  font-weight: bold;
  letter-spacing: normal;
  line-height: 1;
  padding: 5px 20px;
  margin: 10px 0;
}
#my-content .lp-telnumber li span:first-child {
  width: 100px;
  font-size: 16px;
}
#my-content .lp-telnumber li span:last-child {
  font-size: 38px;
}
#my-content .lp-telnumber li::before {
  content: "";
  width: 17px;
  height: 23px;
  background: url(../img/icon_tel.svg) center center/contain no-repeat;
  padding-right: 10px;
}/*# sourceMappingURL=lp_common.css.map */