@charset "euc-jp";
body {
  background: #fff;
}
.c-button {
  background: #eff2f4;
}
.c-button,
.c-button:link,
.c-button:hover,
.c-button:active,
.c-button:visited {
  color: #35454c;
}
.c-button:hover {
  background: #dfe5e8;
}
.c-button--primary {
  background: #198078;
}
.c-button--primary,
.c-button--primary:link,
.c-button--primary:hover,
.c-button--primary:active,
.c-button--primary:visited {
  color: #fff;
}
.c-button--primary:hover {
  background: #0e9288;
}
.c-button--danger {
  background: <{$button3_bgcolor}>;
}
.c-button--danger,
.c-button--danger:link,
.c-button--danger:hover,
.c-button--danger:active,
.c-button--danger:visited {
  color: <{$button3_font_color}>;
}
.c-button--danger:hover {
  background: <{$button3_bgcolor_hover}>;
}
.c-input--text {
  border-color: #d7dee2;
}
.c-input--text:focus {
  border-color: #B3D2CF;
}


/* ************************************************
*	共通
* ************************************************ */
body {
  color: #000;
}
input,
button,
.c-input--text{
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

a{
  color: #198078;
}
.p-page__wrap .p-shop__header{
  padding: 30px 0;
}
@media screen and (max-width: 768px) {
  .p-page__wrap .p-shop__header{
    padding: 30px 0 20px;
  }
}
.p-shop__logo{
  max-width: 130px;
  height: auto;
}
@media screen and (max-width: 768px) {
  .p-shop__logo{
    max-width: 80px;
  }
}

.c-alert {
  background: #F9F9F9;
}
.c-alert--danger {
  color: #f44336;
  background: #feedeb;
}
.c-alert--success {
  color: #607d8b;
  background: #F9F9F9;
}

@media screen and (max-width: 768px) {
  .c-alert{
    font-size: 14px;
  }
}

.c-button__group--sub {
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .c-form__title, .c-form__content, .c-table-preview__title, .c-table-preview__content{
    font-size: 15px;
  }
}



/* ************************************************
*	お問い合わせ
* ************************************************ */
.c-alert {
  color: #000;
  background: #fff;
  padding: 0;
}
.c-alert--danger {
  color: #f44336;
  background: #feedeb;
  font-weight: bold;
  padding: 20px;
  margin: 30px 0;
  line-height: 1.6;
  text-align: left;
}
.c-alert--success {
  color: #607d8b;
  background: #F9F9F9;
  font-weight: bold;
  padding: 20px;
  margin: 30px 0;
  line-height: 1.6;
  text-align: left;
}

.contactTitle{
  margin-bottom: 1em;
  padding-bottom: 0.75em;
  letter-spacing: 0.05em;
  color: #198078;
  border-bottom: 1px solid #e6e6e6;
}


@media print, screen and (min-width: 768px) {
  .contactTitle{
    margin-top: 30px;
    font-size: 18px;
  }
  .contactBox + .contactTitle{
    margin-top: 70px;
  }
}
@media screen and (max-width: 767px) {
  .contactTitle{
    margin-top: 20px;
    font-size: 16px;
  }
  .contactBox + .contactTitle{
    margin-top: 50px;
  }
}

.contactBox.tel{
  background: #F9F9F9;
  padding: 1.5em;
}
.contactBox.tel p{
  margin: 0;
  text-align: center;
}
.contactBox.tel p + p{
  margin-top: 0.25em;
}
.contactBox.tel a{
  color: #000;
  font-weight: bold;
  text-decoration: none;
  pointer-events: none;
  text-align: center;
}
.contactBox.tel svg.icon{
  display: inline-block;
  vertical-align: middle;
}

@media print, screen and (min-width: 768px) {
  .contactBox.tel a{
    font-size: 30px;
  }
  .contactBox.tel svg.icon{
    width: 30px;
    height: 30px;
  }
}
@media screen and (max-width: 767px) {
  .contactBox.tel a{
    font-size: 22px;
  }
  .contactBox.tel svg.icon{
    width: 22px;
    height: 22px;
  }
}