@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@import url(https://fonts.googleapis.com/css2?family=Sawarabi+Gothic&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Sawarabi+Mincho&display=swap);
button,
hr,
input {
  overflow: visible
}
img,
legend {
  max-width: 100%
}
progress,
sub,
sup {
  vertical-align: baseline
}
body,
sub,
sup {
  position: relative
}
.body-wrap,
.ly__hidden {
  overflow: hidden
}
details,
main {
  display: block
}
h1 {
  font-size: 2em;
  margin: .67em 0
}
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0
}
[type=checkbox],
[type=radio],
legend {
  -webkit-box-sizing: border-box;
  padding: 0
}
code,
kbd,
pre,
samp {
  font-family: monospace,monospace;
  font-size: 1em
}
a {
  background-color: transparent
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}
b,
strong {
  font-weight: bolder
}
small {
  font-size: 80%
}
sub,
sup {
  font-size: 75%;
  line-height: 0
}
sub {
  bottom: -.25em
}
sup {
  top: -.5em
}
img {
  border-style: none;
  height: auto;
  vertical-align: bottom
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}
button,
select {
  text-transform: none
}
[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: ButtonText dotted 1px
}
fieldset {
  padding: .35em .75em .625em
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  white-space: normal
}
textarea {
  overflow: auto
}
[type=checkbox],
[type=radio] {
  box-sizing: border-box
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}
summary {
  display: list-item
}
[hidden],
template {
  display: none
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
html {
  -webkit-text-size-adjust: 100%;
  font-size: 62.5%;
  line-height: 1.15
}
body {
  margin: 0;
  color: #4d4136;
  font-family: "Sawarabi Gothic","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif
}
@media screen and (min-width:1025px) {
  body {
    font-size: 1.6rem
  }
  .sp-tab {
    display: none
  }
}
@media screen and (min-width:576px) and (max-width:1024px) {
  body {
    font-size: 1.4rem
  }
}
@media screen and (max-width:575px) {
  body {
    font-size: 1.3rem
  }
  body .font-size-browser-width {
    font-size: 4.8vw
  }
  .tab {
    display: none
  }
}
@media screen and (min-width:576px) and (max-width:1024px) {
  body .font-size-browser-width {
    font-size: 2.34375vw
  }
}
@media screen and (min-width:1025px) and (max-width:1440px) {
  body .font-size-browser-width {
    font-size: 1.25vw
  }
}
body.rakuten {
  font-size: 1.6rem!important
}
@media screen and (max-width:575px) {
  .tab-pc {
    display: none
  }
}
.ly__hidden {
  position: absolute;
  z-index: -1000;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: 0;
  clip: rect(1px,1px,1px,1px);
  white-space: nowrap
}
.ly__pos-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.ly__con {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto
}
.ly__con-rakuten {
  background: #fff;
  width: 950px;
  margin: 0 auto
}
.ly__con-transparent {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto
}
.ly__con-rakuten-transparent {
  width: 950px;
  margin: 0 auto
}
@media screen and (min-width:576px) {
  .sp {
    display: none
  }
  .ly__con-zindex {
    position: relative;
    z-index: 1
  }
}
.ly__con-padding {
  padding-right: 4%;
  padding-left: 4%
}
.ly__con-padding-double {
  padding-right: calc(4% * 2);
  padding-left: calc(4% * 2)
}
.ly__con-padding-triple {
  padding-right: calc(4% * 3);
  padding-left: calc(4% * 3)
}
.ly__con-margin {
  margin-right: 4%;
  margin-left: 4%
}
.ly__con-margin-double {
  margin-right: calc(4% * 2);
  margin-left: calc(4% * 2)
}
.ly__con-margin-triple {
  margin-right: calc(4% * 3);
  margin-left: calc(4% * 3)
}
.bl__paragraph {
  line-height: 1.5
}
.bl__paragraph-wider,
.el__line-h-wide {
  line-height: 2
}
.bl__border-box {
  border: 1px solid #4d4136;
  padding: 1em
}
.bl__btn-bar-kadomaru {
  text-decoration: none;
  display: block;
  background-color: #999;
  color: #fff;
  border-radius: 1.5em;
  padding: .5em 2em;
  text-align: center;
  min-width: 250px
}
.bl__btn-rec,
.bl__btn-rec-border {
  display: inline-block;
  padding: .7em 1em;
  min-width: 250px;
  text-decoration: none
}
.bl__btn-bar-kadomaru:focus,
.bl__btn-bar-kadomaru:hover {
  color: inherit;
  text-decoration: none
}
.bl__btn-bar-kadomaru:hover {
  color: #fff
}
.bl__btn-rec {
  background: #4d4136;
  color: #fff;
  -webkit-box-shadow: 2px 2px 3px 2px rgba(153,153,153,.3);
  box-shadow: 2px 2px 3px 2px rgba(153,153,153,.3);
  border-right: 1px solid #3e342b;
  border-bottom: 1px solid #3e342b;
  line-height: 1.5
}
.bl__btn-rec:focus,
.bl__btn-rec:hover {
  text-decoration: none;
  color: #fff
}
.bl__btn-rec-border {
  color: #4d4136;
  border: 1px solid #4d4136
}
.bl__btn-rec-border:focus,
.bl__btn-rec-border:hover,
.tel-link,
a[href^="tel:"] {
  color: inherit;
  text-decoration: none
}
.bl__btn-rec-border:hover {
  color: #4d4136
}
.el__ho-link {
  -webkit-transition: .3s;
  transition: .3s
}
.el__ho-link:hover {
  opacity: .6
}
.el__txt-caution {
  color: #c52929
}
.el__link-txt,
.el__link-txt:focus,
.el__link-txt:hover {
  color: #4d4136
}
.el__font-smaller {
  font-size: 90%
}
.el__font-bigger {
  font-size: 125%
}
.el__font-mincho {
  font-family: "Sawarabi Mincho",sans-serif
}
.el__link-txt {
  text-decoration: none
}
@media screen and (min-width:1025px) {
  .tab {
    display: none
  }
  .tel-link,
  a[href^="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none
  }
}
@media screen and (max-width:1024px) {
  .pc {
    display: none
  }
  .ly__wrapper {
    overflow: hidden
  }
  .tel-link,
  a[href^="tel:"] {
    pointer-events: auto;
    cursor: pointer
  }
  .tel-link:active,
  .tel-link:hover,
  a[href^="tel:"]:active,
  a[href^="tel:"]:hover {
    opacity: .7;
    text-decoration: none
  }
}
.img-h-w {
  width: 100%;
  height: 143.7333333333vw
}