@charset "UTF-8";
/* ***************************** Import file to Scss or Sass. */
/* ----------------------------------------------------------------- #01　リセット ------------------------------------------------------------------ */
* { font-style: normal; margin: 0px; padding: 0px; text-decoration: none; }

html { font-size: 62.5%; line-height: 1.6; }

ul { list-style: none; }

fieldset { border: 0; }

img { border: 0; vertical-align: bottom; }

.ps10{
    padding: 0 10px 40px;
}
.btn01{
  position: relative;
}
.btn01 a{
  position: absolute;
    left: 30px;
    top: 450px;
}
.btn02{
  position: relative;
}
.btn02 a{
  position: absolute;
    left: 30px;
    top:760px;
}/*
.btn04 a{
  position: fixed;
    bottom:0px;
}
.ps20{
    padding:20px;
	margin-bottom: 60px;
}
#contents .tori {
    font-size: 3.5em;
    color: #aaa;
}*/
/* ----------------------------------------------------------------- #02　基本タグの定義 ------------------------------------------------------------------ */
body { color: #333333; font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; -webkit-font-feature-settings: 'palt' 1; font-feature-settings: 'palt' 1; background-color: #FFFFFF; letter-spacing: 0.05em; text-align: left; background-repeat: no-repeat; width: auto; height: 100%; margin: 0px auto; background-position: top; }

h1, h2, h3 { font-weight: 100; }

p { text-align: left; font-size: 1.3em; }

span { font-size: 1em; text-align: left; }

em, strong { font-style: normal; font-weight: 100; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th { text-align: left; }

ol, ul, dl { list-style: none; }

a img { border-style: none; outline: medium none; }

object { border-style: none; outline: medium none; }

a { font-size: 1em; color: #023461; text-decoration: none; outline: none; -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; }

a:hover { text-decoration: underline; opacity: 0.7; }

a:link { outline: medium none; }

a:visited { outline: medium none; }

#contents img { width: auto; height: auto; max-width: 100%; }

.salon_ttl { margin: 0 0 40px; }

.btn { transition: 0.2s; }

.btn:hover { opacity: 0.8; transition: 0.3s; cursor: pointer; }

.btn03 { position: relative; }

.btn03 p { position: absolute; }

.btn03 p:nth-of-type(1) { left: 365px; top: 83px; }

.btn03 p:nth-of-type(2) { left: 365px; top: 315px; }

.btn03 p:nth-of-type(3) { left: 365px; top: 565px; }

.btn03 p:nth-of-type(4) { left: 365px; top: 785px; }

.btn03 p:nth-of-type(5) { left: 365px; top: 1010px; }

.btn03 p:nth-of-type(6) { left: 365px; top: 1250px; }

.btn03 p:nth-of-type(7) { left: 365px; top: 1870px; }

@media screen and (max-width: 768px) { .btn03 p { width: 41.46667vw; }
  .btn03 p:nth-of-type(1) { left: 48.66667vw; top: 11.06667vw; }
  .btn03 p:nth-of-type(2) { left: 48.66667vw; top: 42vw; }
  .btn03 p:nth-of-type(3) { left: 48.66667vw; top: 75.33333vw; }
  .btn03 p:nth-of-type(4) { left: 48.66667vw; top: 104.66667vw; }
  .btn03 p:nth-of-type(5) { left: 48.66667vw; top: 134.66667vw; }
  .btn03 p:nth-of-type(6) { left: 48.66667vw; top: 166.66667vw; }
  .btn03 p:nth-of-type(7) { left: 48.66667vw; top: 249.33333vw; } }

/* -----------------------------------------------------------------
@mixin
------------------------------------------------------------------ */
#contents { position: relative; }

#contents div { position: relative; top: 0; left: 0; }

#contents header { position: fixed; top: 0px; bottom: initial; width: 100%; max-width: 750px; z-index: 10; margin-inline: auto; height: 86px;
    background: #fff;}

#contents header h1 { position: absolute; width: calc(225 / 750 * 100%); top: calc(39 / 126 * 100%); left: calc(33 / 750 * 100%); }

#contents header .access { position: absolute; width: calc(200 / 750 * 100%); top: calc(39 / 126 * 100%); right: calc(237 / 750 * 100%); }

#contents header .top_reserve { position: absolute; width: calc(237 / 750 * 100%); top: calc(20 / 126 * 100%); right: calc(0 / 750 * 100%); }

#contents .cv_btn a { position: absolute; width: calc(722 / 750  * 100%); top: calc(50 / 230 * 100%); left: calc(14 / 750 * 100%); }

#contents .fix { position: fixed; bottom: 0px; top: initial; left: 0; width: 100%; z-index: 10; -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; }

#contents .fix img { width: 100%; height: auto; }

#contents .fix.show { bottom: 0; }

#contents .fix a { position: relative; top: 0; left: 0; max-width: 750px; margin: 0 auto; }

#contents strong, #contents a, #contents span, #contents img { display: block; }

#contents .lpbody { width: 100%; margin: 0 auto; padding: 86px 0 0 0; max-width: 750px; }

#contents .lpbody img { width: 100%; height: auto; }

#contents .lpbody .link_btn { position: relative; top: 0; left: 0; }

#contents .lpbody .link_btn a { display: block; position: absolute; left: 50px; width: 650px; filter: drop-shadow(0px 6px 10px #aebdc0); }

#contents .lpbody .link_btn.link_btn1 a { top: 240.75px; }

#contents .lpbody .link_btn.link_btn2 a { top: 278.736px; }

#contents .lpbody .link_btn.link_btn3 a { top: 354.48px; }

#contents .lpbody .link_btn.link_btn4 a { top: 1417.92px; left: 70.896px; width: 807.708px; }

#contents .lpbody .link_btn.link_btn5 a { top: 376.002px; }

#contents .lpbody .qa { background: #F7F7F8; padding: 0 0 92.418px 0; }

#contents .lpbody .qa .bg { position: relative; top: 0; left: 0; width: 860.88px; margin: 0 auto 44.31px auto; }

#contents .lpbody .qa .bg:before, #contents .lpbody .qa .bg:after { content: ''; display: block; position: absolute; width: 100%; height: 100%; filter: blur(2px); }

#contents .lpbody .qa .bg:before { top: 10px; left: 10px; background: #E2E2E2; }

#contents .lpbody .qa .bg:after { top: -10px; left: -10px; background: #FFFFFF; }

#contents .lpbody .qa dl { position: relative; top: 0; left: 0; z-index: 1; width: 100%; box-sizing: border-box; padding: 0 0 12.66px 0; }

#contents .lpbody .qa dl:before { content: ''; display: block; position: absolute; background: #e9e9e9; background: linear-gradient(137deg, #e9e9e9 0%, white 100%); width: 100%; height: 100%; filter: blur(2px); }

#contents .lpbody .qa dl dt { position: relative; top: 0; left: 0; }

#contents .lpbody .qa dl dt a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; text-decoration: none; padding: 22.788px 0 17.724px 22.788px; box-sizing: border-box; }

#contents .lpbody .qa dl dt a::before, #contents .lpbody .qa dl dt a::after { content: ''; display: block; position: absolute; top: 63.3px; right: 44.31px; border-radius: 8px; background: #231815; width: 58.236px; height: 7.596px; }

#contents .lpbody .qa dl dt a::after { transform: rotate(-90deg); -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; }

#contents .lpbody .qa dl dt a.on::after { transform: rotate(0); }

#contents .lpbody .qa dl dt a span { width: 113.94px; margin: 0 30.384px 0 0; }

#contents .lpbody .qa dl dt a strong { display: block; font-weight: bold; color: #231815; font-size: 50.64px; line-height: 1.45; width: 544.38px; }

#contents .lpbody .qa dl dd { position: relative; top: 0; left: 0; width: 100%; height: 0; overflow-y: hidden; }

#contents .lpbody .qa dl dd div { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; width: 797.58px; margin: 0 auto; padding: 25.32px 0 56.97px 0; }

#contents .lpbody .qa dl dd div::before { position: absolute; top: 0; left: 0; content: ''; display: block; background: url(../img/icon3.png) center bottom no-repeat; background-size: 100% auto; width: 100%; height: 6.33px; opacity: 1; }

#contents .lpbody .qa dl dd div span { display: block; width: 113.94px; margin: 0 30.384px 0 0; }

#contents .lpbody .qa dl dd div strong { display: block; font-weight: normal; font-size: 34.182px; line-height: 1.8518518519; width: 544.38px; }

@media screen and (max-width: 768px) { #contents { padding: 0 !important; }
  #contents header h1 a { width: 100%; }
  #contents header {height: 11.5vw; }
  #contents .lpbody{padding: 12vw 0 0 0; }
  #contents input.button2 { font-size: 3vw !important; } 
  #contents .lpbody .link_btn a{
      width: 85%;
  }
  .btn01 a { top: 42vw; left:3vw; }
  .btn02 a {  top: 102vw; left:3vw; }
}