@charset "utf-8";

body {
  font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
#form label {
	display: inline-block;
	margin: 0.25rem 0 0.25rem 0;
	padding-left: 1rem;
	text-indent: -1rem;
}
#form div.block {
	margin-bottom: 1.5rem;
}
h1 {
	border-bottom: 2px solid #0075c2;
	padding: .3rem;
}
h4 {
	margin: 1rem 0 .2rem 0;
}

.require {
  color: red;
	margin-left: .2rem;
}
.errors {
  color: red;
  font-size: 95%;
  font-weight: bold;
  padding-left: .5rem;
}
/*リロード時一瞬表示の抑制*/
[v-cloak] {
  display: none;
}

/*noscript用*/
.form_hide {
	display: none;
}
.form_show {
	display: block;
}
#noscript {
	text-align: center;
}

/*個人情報*/
#personalInfo {
  height: 200px;
  overflow-y: scroll;
	border: 1px solid #ccc;
	padding: 10px;
	margin-top: .8rem;
}
#personalInfo .kojin {
	display:block;
	font-size: 110%;
	font-weight:bold;
	border-left: 5px solid #CCC;
	border-bottom: 1px dashed #CCC;
	padding-left: 5px;
}
#personalInfo .title {
	display:block;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
}
#personalInfo .subtitle {
	font-weight:bold;
	border-left: 4px solid #CCC;
	padding-left: 8px;
	margin-bottom: 5px;
}

#submit {
	margin-top: 1rem;
}
.sp {
	display: none;
}

/*住所検索*/
.search {
  display: flex;
}
.search button {
  width: 7rem;
	margin-left: .5rem
}

/*電話問い合わせ*/
#contact_tel {
	padding-top: 1rem;
	margin-top: 1rem;
  text-align: center;
  border-top: var(--border-width) solid var(--border-color);
}
#contact_tel p {
  margin: .2rem 0;
}
#contact_tel .telno {
  font-weight: bold;
  font-size: 150%;
  color: #0075c2;
}

#message_area {
  padding: 4rem 0;
  text-align: center;
}

.spinner {
  width: 32px;
  height: 32px;
  margin: 10px auto;
  border: 4px #ddd solid;
  border-top: 4px #2e93e6 solid;
  border-radius: 50%;
  animation: sp-anime 1.0s infinite linear;
}
@keyframes sp-anime {
  100% { 
    transform: rotate(360deg); 
  }
}

@media (max-width: 600px) {
.sp {
	display: inline;
}

}