body {
  font-family: 'Muli', 'Century Gothic', "Helvetica Neue", Helvetica, "Arial", 'Kosugi Maru', "メイリオ", Meiryo, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #737273;
  background-color: #F2F2F2;
}
html {
  -webkit-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}
@-ms-viewport {
  width: device-width;
}
@media (max-width: 576px) {
  footer {
    font-size: 3.5vw
  }
  .topbanner {
    font-size: 3vw;
  }
  h5.topicon_topic {
    font-size: 4.5vw;
  }
  .topic_minititle p {
    font-size: 3.8vw;
  }
}
.infocontainer {
  max-width: 1350px;
}
hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px dashed rgba(115, 114, 115, 0.5);
}
.topbanner {
  padding-top: 55px;
  background-color: rgba(242, 211, 208, 0.2);
}
.topic_title {
  position: absolute;
  top: 10px;
  text-align: justify;
  padding: 11px 0 1px 0;
  display: inline-block; /*おまじない*/
  vertical-align: middle;
}
.topicon_topic a {
  color: #BFA19F;
  padding-left: 1rem;
  padding-right: 1rem;
  transition: color .3s;
}
.topicon_topic a:hover {
  text-decoration-line: none;
  color: #737273;
}
.topic_minititle {
  position: relative;
  color: #737273;
  font-size: 1em;
  height: 80px;
  vertical-align: middle;
  margin-bottom: 20px;
  border-bottom: 3px dotted rgba(191, 161, 159, 0.5);
}
.topic_minititle a, .newsbox_text p a {
  color: #BFA19F;
}
.topic_minititle a:hover, .newsbox_text p a:hover {
  opacity: 0.5;
  text-decoration: none;
}
.topic_minititle p {
  position: absolute;
  top: 30%;
  font-size: 1em;
  text-indent: 1rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.topic_text {
  color: #737273;
  font-size: 0.8em;
  padding-left: 10px;
  padding-top: 10px;
}
@media (max-width: 576px) {
  .topic_box .topic_text, .topic_box .topic_minititle p {
    font-size: .8rem;
  }
  .topics_here {
    margin: 20px 0;
  }
  .topic_minititle {
    height: 50px;
  }
}
table.topic_text_pc {
  margin-left: 30px;
  padding-top: 10px;
}
.topic_text_pc tr th {
  color: #737273;
  font-size: 16px;
  line-height: 2rem;
  border-right: dashed 1px #BFA19F;
}
.topic_text_pc tr td {
  color: #737273;
  font-size: 14px;
  line-height: 2rem;
}
.topics_here {
  position: relative;
  margin: 60px 0;
}
.topic_box {
  padding-top: 50px;
}
.infobox_menu {
  position: relative;
  height: 12em;
  color: #F2F2F2;
}
.infobox_menu h4 {
  position: absolute;
  top: 50%;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  background-color: #F2F2F2;
  border: 1px solid #737273;
  border-radius: 5px;
  padding: 1em 80px;
  line-height: 2.5em;
  color: #BFA19F;
  font-family: coquette, sans-serif;
  font-style: normal;
}
h4.schedule {
  color: #BFA19F;
  border: thin solid #737273;
  right: 5%;
}
@media (max-width: 992px) {
  .infobox_menu h4 {
    font-size: 2.5vw;
  }
}
@media (max-width: 768px) {
  .infobox_menu h4 {
    font-size: 1.5em;
    top: 60%;
    left: 10%;
    right: 10%;
    margin: auto;
    z-index: 999;
  }
  .topic_minititle p {
    font-size: 3vw;
  }
}
.infobox_menu h4 a {
  text-decoration: none;
  color: #737273;
  font-weight: 400;
  letter-spacing: .5em;
  font-size: 0.5em;
  border: thin solid #737273;
  padding: 1em .6em 1em 1.3em;
  border-radius: 3px;
  transition: .4s;
}
h4.schedule a {
  color: #737273;
  border-color: #737273;
}
.infobox_menu h4 a:hover {
  color: #737273;
  background-color: #F2F2F2;
  border-color: #737273;
}
h4.schedule a:hover {
  background-color: #BFA19F;
  color: #F2F2F2;
  border-color: #F2F2F2;
}
.newsbox_contents {
  position: relative;
  margin-top: 5rem;
}
@media (max-width: 768px) {
  .newsbox_text {
    background-color: #F2F2F2;
    padding: 3rem 3rem 1rem;
    left: 5%;
    right: 5%;
  }
}
.newsbox_text_bg {
  background-color: rgba(242, 242, 242, 0.5);
  width: 100%;
  height: 10rem;
  margin-top: 1rem;
  border-left: 15px solid rgba(242, 242, 242, 0.5);
}
.newsbox_text {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.newsbox_text h4 {
  padding-left: 1rem;
  color: #737273;
  background: linear-gradient(transparent 50%, rgba(242, 242, 242, 1) 50%);
}
.newsbox_text p {
  font-size: .8em;
}
.thaipos {
  font-family: kan415typos-std, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.newsbox_text p span {
  color: rgba(115, 114, 115, 0.5);
  font-size: 1.2em;
  letter-spacing: normal;
  padding-right: 2rem;
}
@media (max-width: 768px) {
  .newsbox_text p span {
    color: #BFA19F;
    padding-right: 0;
    font-size: 1em;
    display: block;
  }
}
.carousel-item img {
  height: 350px;
}
@media (max-width: 576px) {
  .carousel-item img {
    max-width: 100%;
  }
  .infobox_menu h4 {
    top: 40%;
  }
  .newsbox_text {
    margin-top: auto;
  }
}
.minimenu {
  background-color: rgba(115, 114, 115, 0.5);
  padding: 10px 0;
  transition: .4s;
}
.minimenu:hover {
  background-color: #BFA19F;
  cursor: pointer;
}
.minimenu a {
  color: #F2F2F2;
  transition: .4s;
}
.minimenu a:hover {
  text-decoration: none;
}
.minimenu img {
  width: 70px;
  padding: 10px 0px 10px 10px;
  float: left;
}
.minimenu p {
  font-size: 1.2rem;
  margin: 10px 0 10px 80px;
}
.minimenu p span {
  display: block;
  font-size: .6em;
  border-bottom: thick solid #F2D3D0;
}
.head_test {
  margin: 0; /* デフォルトCSS打ち消し */
  position: relative; /* 位置調整 */
  font-weight: normal; /* 文字の太さ調整 */
  margin-bottom: 35px; /* 周りの余白指定 */
  font-size: 40px; /* 文字サイズ指定 */
  text-align: center; /* 文字位置指定 */
  font-family: coquette, sans-serif;
  font-style: normal;
}
.head_test-point {
  display: block; /* ブロック要素にする */
  font-size: 14px; /* 文字サイズ指定 */
  margin-top: 10px; /* 周りの余白指定 */
  position: relative; /* 位置調整 */
  width: 140px; /* 幅指定 */
  margin: 10px auto 0; /* 周りの余白指定 */
  background-color: #F2F2F2; /* 背景色指定 */
}
.head_test-point::before {
  content: ''; /* 空の要素を作る */
  height: 1px; /* 高さ指定 */
  background-color: #737273; /* 背景色指定 */
  position: absolute; /* 位置調整 */
  top: 0; /* 位置調整 */
  bottom: 0; /* 位置調整 */
  margin: auto; /* 位置調整 */
  z-index: -1; /* 重なり調整 */
  width: 200px; /* 幅指定 */
  left: -30px; /* 位置調整 */
}
.head_test-wrap {
  position: relative;
  padding: 80px 0 50px 0;
  overflow: hidden;
}
.head_test-wrap img {
  position: absolute;
  height: 100%;
  left: 10%;
  top: 0;
  z-index: -1;
  opacity: 0.8;
}
.head_test-wrap_02 {
  position: relative;
  padding: 60px 0;
  overflow: hidden;
}
.head_test-wrap_02 img {
  position: absolute;
  height: 100%;
  right: 10%;
  top: 0;
  z-index: -1;
  opacity: 0.8;
}
.botanic {
  position: relative;
  overflow: hidden;
}
.botanic img {
  position: absolute;
  height: 100%;
  right: 0;
  z-index: -1;
  opacity: 0.9;
}
.imgback {
  background-color: rgba(247, 207, 198, 0.2);
}
/* box01 */
.box01 {
  border: 3px solid rgba(115, 114, 115, 0.2);
  border-radius: 10px;
}
.box01 h3 {
  position: relative;
  text-align: center;
  display: block;
  margin-bottom: 1em;
  font-family: coquette, sans-serif;
  background-color: rgba(115, 114, 115, 0.2);
  padding: 15px;
}
.box01 h3::before {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f005";
  font-size: 0.5em;
  color: rgba(242, 242, 242, 0.8);
  top: 50%;
  left: 20px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
}
.box01 h3::after {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  content: '\f005';
  font-weight: 900;
  font-size: 0.5em;
  color: rgba(242, 242, 242, 0.8);
  top: 50%;
  right: 20px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
}
.box01 p {
  padding: 0 20px;
}
.box01 p span {
  display: block;
  font-size: 0.8em;
}
.box01 a {
  position: relative;
  display: inline-block;
  transition: .3s;
  color: #737273;
}
.box01 a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 0;
  height: 3px;
  background-color: rgba(242, 211, 208, 0.8);
  transition: .3s;
}
.box01 a:hover::after {
  width: 100%;
}
.box01 a:hover {
  color: #737273;
  text-decoration: none;
}
.box02 {
  padding: 2rem 2rem 1.5rem;
  border: 1px solid #BFA19F;
  border-radius: 3px;
  background-color: #F2F2F2;
  height: 100%;
}
.box02 h4 {
  font-family: kan415typos-std, sans-serif;
  font-style: normal;
  text-align: center;
  color: #BFA19F;
}
.box02 p {
  border-top: thick solid #F2D3D0;
  padding: 2rem 0 1rem;
  font-size: .8em;
}
/* iphone6 */
@media (max-width: 375px) {
  .infobox_menu h4 {
    top: 40%;
    font-size: 1em;
  }
  .topbanner {
    padding-top: 5px;
    height: 300px;
  }
  .newsbox_text {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }
  .topic_text {
    font-size: .8vw;
  }
  .minimenu p {
    font-size: 1rem;
  }
}