@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; }

/* ----------------------------------------------------------------- #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: 40px 0; }

.btn03 { position: relative; }

.btn03 p { position: absolute; }

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

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

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

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

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

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

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

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

#contents header { position: fixed; top: 0; left: 0; background: #FFFFFF; width: 100%; z-index: 10; }

#contents header div { position: relative; top: 0; left: 0; width: 100%; max-width: 950px; margin: 0 auto; padding: 22px 0 19px 32px; }

#contents header div h1 { width: 310px; margin: 0; }

#contents header div ul { position: absolute; top: 0; right: 0; display: -webkit-flex; display: -ms-flex; display: flex; }

#contents header div ul li:first-child { width: 196px; padding: 24px 29px 0 0; }

#contents header div ul li:last-child { width: 310px; padding: 0 35px 0 0; }

#contents header div ul li:last-child a { filter: drop-shadow(0px 0px 14px rgba(0, 0, 0, 0.3)); }

#contents .fix { position: fixed;  bottom: 0; z-index:10; }

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

#contents .fix.show { bottom: 0; }
.mb100 {
	margin: 0 0 100px;
} 

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

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

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

#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: 850px; filter: drop-shadow(0px 6px 10px #aebdc0); }

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

#contents .lpbody .link_btn.link_btn2 a { top: 374.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.85185; width: 544.38px; }

@media screen and (max-width: 750px) { #contents header div { padding: 2.93333vw 0 2.53333vw 4.26667vw; }
  #contents header div h1 { width: 18.4vw; }
  #contents header div ul li:first-child { width: 26.13333vw; padding: 3.2vw 3.86667vw 0 0; }
  #contents header div ul li:last-child { width: 31.33333vw; }
  #contents .fix { bottom: -40vw; }
  #contents .fix a { width: 100vw; }
  #contents .lpbody { padding: 16.8vw 0 0 0; }
  #contents .lpbody .link_btn a { left: 5.2vw; width: 89.6vw; }
  #contents .lpbody .link_btn.link_btn1 a { top: 40.26667vw; }
  #contents .lpbody .link_btn.link_btn2 a { top: 39.46667vw; }
  #contents .lpbody .link_btn.link_btn3 a { top: 37.33333vw; }
  #contents .lpbody .link_btn.link_btn4 a { top: 149.33333vw; left: 7.46667vw; width: 85.06667vw; }
  #contents .lpbody .link_btn.link_btn5 a { top: 39.6vw; }
  #contents .lpbody .qa { padding: 0 0 9.73333vw 0; }
  #contents .lpbody .qa .bg { width: 90.66667vw; margin: 0 auto 4.66667vw auto; }
  #contents .lpbody .qa .bg:before { top: 1.33333vw; left: 1.33333vw; }
  #contents .lpbody .qa .bg:after { top: -1.33333vw; left: -1.33333vw; }
  #contents .lpbody .qa dl { padding: 0 0 1.33333vw 0; }
  #contents .lpbody .qa dl dt a { padding: 2.4vw 0 1.86667vw 2.4vw; }
  #contents .lpbody .qa dl dt a::before, #contents .lpbody .qa dl dt a::after { top: 6.66667vw; right: 4.66667vw; width: 6.13333vw; height: 0.8vw; }
  #contents .lpbody .qa dl dt a span { width: 12vw; margin: 0 3.2vw 0 0; }
  #contents .lpbody .qa dl dt a strong { font-size: 5.33333vw; width: 57.33333vw; }
  #contents .lpbody .qa dl dd div { width: 84vw; padding: 2.66667vw 0 6vw 0; }
  #contents .lpbody .qa dl dd div::before { height: 0.66667vw; }
  #contents .lpbody .qa dl dd div span { width: 12vw; margin: 0 3.2vw 0 0; }
  #contents .lpbody .qa dl dd div strong { font-size: 3.6vw; width: 57.33333vw; } }