@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho&display=swap');
body {
 font-family: 'Shippori Mincho', sans-serif;
}
p{
  line-height: 2em;
}

/* 共通 */
.sub_title{
  font-size: 12px;
  font-style: italic;
}

h1{
  background-image: linear-gradient(to top, #6a460b, #d79c44);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent; /* テキストの色を透明にする */
  font-size: 30px !important;
  padding: 60px 0 40px 0;
}

h2{
  background-image: linear-gradient(to top, #935124, #c9b088);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent; /* テキストの色を透明にする */
  font-size: 22px !important;
  font-style: italic;
}

p{
  font-size: 20px;
}

.indent{
  height: 80px;
}

/* TOP */
main {
  width: 100%;
  place-items: center;
  text-align: center;
  background-image: url(../img/top/bg.jpg);
}

.sub_top{
  background-image: url(../img/gallary/top_gallery_sample.jpg);
  background-size: cover; /* 画面サイズに合わせて拡大縮小 */
  background-repeat: no-repeat; /* 背景画像の繰り返しを無効にする */
  background-position: center;
  width: 100%; /* 横幅いっぱいに広げる */
  height: 400px; /* 画面の高さいっぱいに広げる */
}

.sub_top_ttl img{
  margin-top: 120px;
  width: 350px;
}

/*/////////////////// お問い合わせフォーム ///////////////////*/

.container {
  width: 80%;
  padding: 10px 0 30px 0 ;
  margin: 0 auto;
  display: flex;
  flex-direction: column; /* 縦方向に要素を配置 */
  justify-content: center; /* 垂直方向の中央揃え */
  align-items: center; /* 水平方向の中央揃え */
}

form {
  font-family: Arial, Helvetica, sans-serif;
  max-width: 800px;
  width: 90%; /* 幅が800pxを超える場合は90%になる */
  margin-top: 20px;
  text-align: left;
}

.contact_ttl_sp{
  display: none;
}

.contact_attention{
  font-size: 10px ;
}

.form-group {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #a39a8b;
  border-radius: 5px;
  padding: 10px;
}

input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
select {
  width: 100%;
  box-sizing: border-box;
}

select {
  /* 他のスタイル */
  /* デフォルトのセレクトボックスの矢印を表示 */
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  appearance: menulist;
}


button {
  padding: 10px 20px;
  background-color: #007bff;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

button:hover {
  background-color: #a29379;
}

form button {
  display: block; /* ボタンをブロック要素として扱う */
  margin: 20px auto; /* 左右のマージンを自動で設定して中央に揃える */
  background-color: #85755b ;
  padding: 20px;
  width: 300px;
  text-align: center;
  color: #fff;
}


/* マップ */
.map {
  position: relative;
  width: 100%;
  height: 50vh; /* ビューポートの高さいっぱいに広げる */
  overflow: hidden; /* 不要なスクロールを防止 */
}

.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none; /* 枠線を非表示 */
}

/* /////////////////////////////////////////// */

/* タブレット */
@media only screen and (min-width: 768px) and (max-width: 1023px){

}

/* スマホ */
@media only screen and (max-width: 767px) {
  .sub_top{
    height: 250px;
  }

  .sub_top_ttl img {
    margin-top: 70px;
    width: 270px;
}

h1{
  padding: 5px 0;
}

form button{
  width: 260px;
}

.contact_ttl_pc{
  display: none;
}

.contact_ttl_sp{
  display: block;
  margin: 30px 0;
}

}