@charset "UTF-8";
/* ---------------
  ★共通
--------------- */
html {
  font-size: 62.5%;
}

body {
  display: block;
  margin: 0 auto;
  padding: 0;
  font-size: 1.4rem;
  position: relative;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.8;
  font-weight: normal;
  max-width: 100%;
  font-family: "Noto Sans JP", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "Meiryo UI", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

object {
  pointer-events: none;
}

a[href^="tel:"] {
  pointer-events: none;
  color: #000;
}

.no_link {
  pointer-events: none !important;
}

a {
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.inner {
  max-width: 1000px;
  position: relative;
  margin: 0 auto;
}

.max_none {
  max-width: unset;
}

/* ---------------
  ★フォントファミリー
--------------- */
.Df_mincho {
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, serif;
}

.Df_YuGothic {
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif;
}

.Df_Hiragino {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}

.Df_Helvetica {
  font-family: "Helvetica Neue", Helvetica, serif;
}

.Gf_Roboto {
  font-family: "Roboto", sans-serif;
}

.Gf_NSJ {
  font-family: "Noto Sans JP", sans-serif;
}

.Gf_NSerJ {
  font-family: "Noto Serif JP", serif;
}

/* ---------------
  ★カラー
--------------- */
.cr_black {
  color: black !important;
}

.cr_red {
  color: red !important;
}

.cr_white {
  color: white;
}

.cr_blue {
  color: #14478d;
}

.cr_blue2 {
  color: #00baff;
}

.cr_pink {
  color: #d90152;
}

.under_txt {
  text-decoration: underline;
}



/* ---------------
  ★ヘッダー
--------------- */
.header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 7;
  width: 100%;
  background-position: center center;
}
.main_img{

  margin: 0 auto;
  background-color: #ece5df;
  text-align: center;
}
.main_img img{
  max-width: 100%;
  display: inline-block;
}
#lead_area {
  padding: 80px 0 75px ;
  background: #F6F3F0;

}
#lead_area h1 img{
  text-align: center;
  margin: 0 auto 40px;
}
.lead_txt01 {
  margin-bottom: 50px;
  line-height: 2.2;
  text-align: center;
  font-size: 1.8rem;
}
#lead_area ul li{
  display: inline-block;
}
#lead_area ul li a{
  display: block;
  width: 320px;
  text-align: center;
  padding: 8px 0 10px;
  color: #fff;
  font-size: 2.8rem;
  border-radius: 6px;
  position: relative;
}
#lead_area ul li:nth-child(1) a {
  background-color: #DE6650;
  margin-right: 16px;
}
#lead_area ul li:nth-child(2) a {
  background-color: #9E3622;
  margin-right: 16px;
}
#lead_area ul li:nth-child(3) a {
  background-color: #006C65;
}
#lead_area ul li a:before {
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-bottom: solid 2px #ffffff;
  border-right: solid 2px #ffffff;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -6px;
  transform: rotate(45deg);
}

#menu_area {
  background-color: #F5EFE7;
  padding-bottom: 70px;
}
#taiken_area {
  background-color: #EAE7E3;
  padding-bottom: 70px;
}
#shopping_area {
  background-color: #F2F0ED;
  padding-bottom: 70px;
}
h2 img {
  margin: 0 auto 60px;
}
.txt01 {
  margin-bottom: 40px;
  line-height: 2.0;
  text-align: center;
  font-size: 1.8rem;
}
.box01 {
  display: flex;
  margin-bottom: 5px;
}
.box01 img {
 width: 500px;
}
.box01 .box1_txtbox {
  width: 100%;
  background-color: #fff;
  padding: 30px 35px;
  position: relative;

}
.box01 .icon01 {
  display: inline-block;
  border-radius: 20px;
  padding: 0px 10px 1px;
  text-align: center;
  color: #fff;
  font-size: 1.2rem;
  margin-bottom: 8px;
}
#menu_area .icon01,#menu_area .btn01 {
  background-color: #DE6650;
}
#taiken_area .icon01, #taiken_area .btn01 {
  background-color: #9E3622;
}
#shopping_area .icon01, #shopping_area .btn01 {
  background-color: #006C65;
}
.box01 h3 {
  font-size: 3.0rem;
  line-height: 1.3;
  font-weight: bold;
}
.box01 p:nth-child(3) {
  position: absolute;
  top:200px;
  width: 430px;
  border-top: 1px solid #7A6A56;
  padding-top: 20px;
  font-size: 1.6rem;
  line-height: 1.5;

}
.box02 {
  display: flex;
  margin-bottom: 50px;
}
.box02 img {
 width: 350px;
 height: 360px;
 object-fit: cover;
}
.box02 .box2_txtbox {
  background-color: #fff;
  padding: 30px 35px;
  position: relative;

}
.box02 h3 {
  font-size: 2.0rem;
  line-height: 1.3;
  font-weight: bold;
  margin-bottom: 15px;
}
.box02 .box2_txtbox p {
  font-size: 1.3rem;
  margin-bottom: 20px;
}
.box02 .box2_txtbox dl {
  font-size: 1.4rem;
  margin-bottom: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.box02 .box2_txtbox dt {
  width: 120px;
  background-color: #7A6A56;
  padding: 2px 15px 3px;
  color: #fff;
  margin-bottom: 5px;
}

.box02 .box2_txtbox dd {
  background-color: #F2F0ED;
  padding: 2px 15px 3px;
  width: 450px;
  margin-bottom: 5px;
}
.box02 .btn01 {
  position: absolute;
  display: block;
  bottom: 30px;
  width: 87%;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  padding: 0 0 2px;
  border-radius: 20px;
}

.box02 .btn01:before {
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-bottom: solid 2px #ffffff;
  border-right: solid 2px #ffffff;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -6px;
  transform: rotate(315deg);
}
#shishokukai_area {
  background-color: #DE6650;
  padding: 70px 0;
}
#shishokukai_area h2 {
  font-size: 4.0rem;
  color: #fff;
  margin: 0 0 0 100px;

}

#shishokukai_area h2 img{
  display: inline-block;
  margin: 13px 10px 70px 0;

}
#shishokukai_area h2 span {
  font-size: 2.8rem;

}
.shishokukai_img_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.shishokukai_img_box img {
  margin-bottom: 15px;
}
.s_txt01 {
  font-size: 1.8rem;
  line-height: 1.7;
  color: #fff;
  margin-bottom: 20px;

}
.s_box01 {
  display: flex;

}
.s_txt02 {
  background-color: #fff;
  padding: 30px 30px 20px;
  font-size: 1.5rem;
}
.icon02 {
  border-radius: 20px;
  width: 200px;
  display: block;
  text-align: center;
  color: #fff;
  font-size: 1.2rem;
  margin-bottom: 8px;
  background-color: #DE6650;
}
.s_txt03 {
  font-size: 2.4rem;
  margin-bottom: 15px;
  display: block;
  font-weight: bold;
}
.s_box01 img {
  width: 220px;

}
#kiji_area {
  padding: 80px 0 75px ;
  background: #Fff;

}
#kiji_area h2 {
  padding: 0 0 50px ;
  color: #7A6A56;
  font-size: 4.2rem;
  text-align: center;

}
.k_box_area {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items:stretch;

}
.k_box_area a {
  color: #fff;

}
.k_box {
  width: 320px;
  background-color: #7A6A56;
  margin-bottom: 20px;
  height: 380px;
}
.k_txt01 {
  padding: 20px;
  font-size: 1.7rem;
}
.link_banner img {
  margin: 40px auto 0;

}
footer {
  background-color: #000;
  text-align: center;
  padding: 30px;
  color: #fff;
}
a:hover {
  opacity: 0.7;
}a[href*="tel:"] {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  }

.totop {
  right: 2%;
  margin: auto;
  opacity: 0;
  transition: 0.3s;
  pointer-events: none;
}
.totop a {
  display: block;
  background-color: #7A6A56;
  border-radius: 80px;
  color: #fff;
  padding: 20px 12px;
  width: 50px;
  height: 50px;
  position: relative;

}
.totop a::before {
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-bottom: solid 2px #ffffff;
  border-right: solid 2px #ffffff;
  position: absolute;
  top: 40%;
  right: 20px;
  margin-top: -6px;
  transform: rotate(225deg);
}
.totop.fixed {
}
.totop.active {
  opacity: 1;
  pointer-events: auto;
  position: fixed;
  bottom: 5%;
}