@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
#salon { margin-bottom: 60px; color: #D6D6D6; }
#salon .salon__mv { margin-bottom: 40px; }
#salon .salon__title { margin-bottom: 20px; font-size: 2rem; font-weight: bold; font-family: 游ゴシック体 Pr6N B, Yu Gothic Pr6N B, "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; text-align: center; line-height: 1.43; letter-spacing: .1em; }
@media (min-width: 375px) { #salon .salon__title { font-size: calc( 2rem + ( 1vw - 3.75px ) * 0.9696969697 ); } }
@media (min-width: 1200px) { #salon .salon__title { font-size: 2.8rem; } }
#salon .salon__read { margin-bottom: 40px; font-size: 1.3rem; line-height: 2; letter-spacing: .1em; text-align: center; }
@media (min-width: 375px) { #salon .salon__read { font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.2424242424 ); } }
@media (min-width: 1200px) { #salon .salon__read { font-size: 1.5rem; } }
#salon .salon__main { margin-bottom: 40px; }
#salon .salon__sub { display: grid; grid-template-columns: 1fr; grid-gap: 20px 30px; margin-bottom: 50px; }
#salon .salon__sub .salon__sub-txt { font-size: 1.3rem; line-height: 2; letter-spacing: .1em; }
@media (min-width: 375px) { #salon .salon__sub .salon__sub-txt { font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.2424242424 ); } }
@media (min-width: 1200px) { #salon .salon__sub .salon__sub-txt { font-size: 1.5rem; } }
#salon .salon__list .salon__list-item + .salon__list-item { margin-top: 60px; }
#salon .salon__list .salon__list-item .images { display: grid; grid-template-columns: 1fr; grid-gap: 15px 40px; }
#salon .salon__list .salon__list-item .txt { margin-top: 10px; font-size: 1.3rem; line-height: 2; letter-spacing: .1em; }
@media (min-width: 375px) { #salon .salon__list .salon__list-item .txt { font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.2424242424 ); } }
@media (min-width: 1200px) { #salon .salon__list .salon__list-item .txt { font-size: 1.5rem; } }
#salon .salon__contact { margin-top: 80px; background: #D6D6D6; padding: 40px 12px; box-sizing: border-box; color: #2F2F2F; text-align: center; }
#salon .salon__contact .salon__contact-ttl { font-size: 15px; line-height: 1.5; letter-spacing: .1em; font-weight: bold; font-family: 游ゴシック体 Pr6N B, Yu Gothic Pr6N B, "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; }
#salon .salon__contact .salon__contact-txt { margin-top: 5px; margin-bottom: 1.5rem; font-size: 1.3rem; line-height: 1.5; letter-spacing: .1em; font-weight: bold; font-family: 游ゴシック体 Pr6N B, Yu Gothic Pr6N B, "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; }
#salon .salon__contact .salon__contact-num { font-size: 3.5rem; font-family: "Mulish", sans-serif, Helvetica, Arial, "sans-serif"; font-weight: bold; letter-spacing: 0; line-height: 1; }
@media (min-width: 375px) { #salon .salon__contact .salon__contact-num { font-size: calc( 3.5rem + ( 1vw - 3.75px ) * 1.3333333333 ); } }
@media (min-width: 1200px) { #salon .salon__contact .salon__contact-num { font-size: 4.6rem; } }
#salon .salon__contact .salon__contact-mail { margin-top: 40px; }
#salon .salon__contact .salon__contact-mail .contact__btn { margin-top: 15px; }

@media screen and (min-width: 769px) { #salon { margin-bottom: 90px; }
  #salon .salon__mv { margin-bottom: 60px; }
  #salon .salon__title { margin-bottom: 30px; }
  #salon .salon__read { margin-bottom: 60px; }
  #salon .salon__main { margin-bottom: 60px; }
  #salon .salon__sub { display: grid; grid-template-columns: 50% 47.58%; grid-gap: 0; justify-content: space-between; margin-bottom: 56px; }
  #salon .salon__list .salon__list-item + .salon__list-item { margin-top: 74px; }
  #salon .salon__list .salon__list-item .images { grid-template-columns: 1fr 1fr; grid-gap: 3.33%; }
  #salon .salon__list .salon__list-item .txt { margin-top: 30px; }
  #salon .salon__contact { margin: 90px auto 0px; max-width: min(86.66%, 1040px); padding: 30px 43px; }
  #salon .salon__contact .salon__contact-wrap { display: grid; grid-template-columns: 1fr 1fr; column-gap: 5.66%; }
  #salon .salon__contact .salon__contact-txt { margin-bottom: 20px; }
  #salon .salon__contact .salon__contact-mail { margin-top: 0; }
  #salon .salon__contact .salon__contact-mail .contact__btn { margin-top: 20px; } }
/*------------------------------
		961px以上
------------------------------*/
/*------------------------------
		1101px以上
------------------------------*/