/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/
@charset "utf-8";
/*-------見出しつきボックス--------*/
.unit_title_box {
  position: relative;
  margin: 2em auto 4em auto;
  padding: 3em 1em;
  border: solid 3px #E1E3E0;
  border-radius: 2px;
  background: #fff;
}
.unit_title_box .box-title {
  position: absolute;
  display: inline-block;
  top: -13px;
  left: 10px;
  padding: 0 29px;
  line-height: 1;
  font-size: 1.3em;
  background: #FFF;
  color: #000;
  font-weight: 500;
}
.unit_title_box p, .unit_title_box_margin {
  text-align: justify;
  line-height: 1.8;
  width: 90%;
  margin: 0 auto .9em auto;
  text-indent: 1em;
}
@media (max-width : 768px) {
  .unit_title_box .box-title {
    font-size: 1.1em;
  }
}
/* --------------------------------------------------
	説明ボックス（見出し付き）
-------------------------------------------------- */
.unit_introbox {
  padding: 10px 25px 40px 25px;
  border-bottom: 1px solid #D8D8D8;
  margin-bottom: 40px;
  border: 3px solid #E0E0E0;
  border-radius: 5px;
}
.upts_introbox_title {
  border-bottom: 1px #C0C0C0 solid;
  font-size: 1.4em;
  margin-bottom: 15px;
  color: #464646;
  font-weight: bold;
}
.upts_introbox_txt {
  margin-left: 23px;
}
.intro_img {
  margin: 1em;
}
.intro_img p, .intro_img img {
  display: block;
  max-width: 300px;
  width: 100%;
  text-align: center;
  font-size: .8em;
  margin: 0 auto;
}
.intro_p {
  width: 65%;
}
@media (max-width : 768px) {
  .unit_introbox {
    padding: 5px 10px 5px 10px;
  }
  .upts_introbox_txt {
    margin-left: 5px;
  }
  .intro_p {
    width: 100%;
  }
}
/* --------------------------------------------------
	タイムライン/ステップライン
-------------------------------------------------- */
/* タイムライン
Copyright (c) 2019 ;t.amemiya
Released under the MIT license
https://opensource.org/licenses/mit-license.php */
/*タイムライン全体の設定*/
.unit_timeline {
  margin: 2em auto;
  padding-left: 120px;
  position: relative;
}
.unit_timeline::before {
  content: "";
  width: 15px;
  height: 100%;
  background: #eee;
  margin-left: -25px;
  display: block;
  position: absolute;
  top: 0;
  left: 120px;
  border-radius: 100px;
}
.unit_timeline > li {
  position: relative;
}
.unit_timeline > li:not(:last-child) {
  margin-bottom: 8vh;
}
.unit_timeline > li .icon {
  font-size: .6em;
  color: #fff;
  background: #C4171E;
  width: 70px;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: -120px;
  z-index: 3;
  border-radius: 100px;
  line-height: 1.2;
}
.unit_timeline > li .icon::after {
  content: "";
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent #C4171E;
  position: absolute;
  top: 50%;
  left: 98%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.unit_timeline > li .icon span {
  display: block;
  text-align: center;
  font-size: 2.3em;
  font-weight: bold;
}
.unit_timeline > li dl {
  padding-left: 50px;
  position: relative;
}
.unit_timeline > li dl::before, .unit_timeline > li dl::after {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
}
.unit_timeline > li dl::before {
  width: 7px;
  height: 7px;
  margin-top: -3px;
  background: #C4171E;
  border-radius: 50%;
  left: -21px;
  top: 33px;
}
.unit_timeline > li dl::after {
  width: 40px;
  border-bottom: 1px dashed #999;
  position: absolute;
  left: -10px;
  top: 33px;
}
.unit_timeline > li dl dt {
  font-size: clamp(1.375rem, 1.125rem + 1.25vw, 2.063rem);
  font-weight: 800;
}
.unit_timeline > li dl dt > span {
  margin-top: -.5em;
}
.unit_timeline > li em {
  font-style: normal;
  font-size: .7em;
}
.unit_timeline > li dd {
  margin-bottom: 5em;
}
/* --------------------------------------------------
	タイムライン・横
-------------------------------------------------- */
/* タイムライン
Copyright (c) 2016 ;sofu
Released under the MIT license
https://opensource.org/licenses/mit-license.php */
.unit_timeline_yoko {}
.tl_label {
  padding-top: 10px;
  line-height: 1.2;
  background: #C4171E;
  color: #fff;
  font-weight: bold;
  width: 50px;
  height: 50px;
  border-radius: 100px;
}
.tl_label span {
  font-size: .6em;
  display: block;
}
.tl_content h5 {
  font-weight: bold;
  font-size: 1em;
}
.tl_item {
  position: relative;
  border-left: 1px solid #000;
  padding: 0 0 30px 30px;
}
.tl_item:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 100%;
  background-color: #000;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
/*タイムラインの中のリスト*/
.unit_timeline_yoko .col_mark_circle li {
  font-size: .8em;
  text-align: left;
  letter-spacing: 0.02em;
  margin-bottom: 0;
}
/*幅が768より大きいとき*/
@media (min-width: 768px) {
  .unit_timeline_yoko {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-top: 6em;
  }
  .tl_item {
    display: table-cell;
    vertical-align: top;
    padding: 0;
    border-top: 1px solid #000;
    border-bottom: 0;
    border-left: 0;
  }
  .tl_item:last-of-type div {
    text-align: left;
  }
  .tl_label, .tl_content {
    text-align: left;
    display: block;
    max-width: calc(100% - 20px);
  }
  .tl_label {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateX(-50%) translateY(-120%);
    -ms-transform: translateX(-50%) translateY(-120%);
    transform: translateX(-50%) translateY(-120%);
  }
  .tl_content {
    margin-top: 10px;
  }
}
/*幅が768より小さいとき*/
@media (max-width: 768px) {
  .tl_label {
    position: relative;
    top: -20px;
    left: -10px;
    padding-top: 10px;
    text-align: center;
    margin-bottom: 0;
  }
  .tl_content h5 {
    margin: 0;
    font-size: 1.1em;
  }
  .tl_label span {
    font-size: .6em;
    display: block;
  }
  .unit_timeline_yoko .col_mark_circle li {
    font-size: 1em;
  }
}
/* --------------------------------------------------
	ポイントボックス
-------------------------------------------------- */
/*基本形*/
ul.unit_pointbox li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  background: #e6e6e6;
  border-radius: 4px;
  padding: 2em 1.5em;
  margin-bottom: 4em;
}
/*2つ目*/
ul.unit_pointbox li:nth-child(2) {
  background: #808080;
  color: #fff;
}
/*3つ目*/
ul.unit_pointbox li:nth-child(3) {
  background: #4d4d4d;
  color: #fff;
}
/*4つ目*/
ul.unit_pointbox li:nth-child(4) {
  background: #B80310;
  color: #fff;
}
/*各見出し*/
ul.unit_pointbox li h3 {
  font-size: clamp(1.25rem, 1rem + 1.25vw, 1.938rem);
  line-height: 1.5;
  font-weight: 600;
}
/*　ポイントボックス レスポンシブ時　*/
@media (max-width : 768px) {
  ul.unit_pointbox li {
    display: block;
    text-align: center;
  }
  .col_appealmessage {
    display: block;
    margin: 30px auto 10px auto;
    padding-left: 10px;
    text-align: left;
  }
  .unit_pointbox p {
    text-align: left;
  }
}
/*　ポイントボックス レスポンシブ時　ここまで　*/
/* ポイント中身 */
.upts_point_number {
  margin: 0 30px;
  width: 150px;
  height: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 4px;
  background: #999999;
}
.upts_point_text {
  width: 80%;
  margin: 0 auto;
}
.upts_point_number h4 {
  text-align: center;
  line-height: 1.3;
  color: #fff;
}
ul.unit_pointbox li span:first-child {
  font-size: 1.1em;
  vertical-align: middle;
}
ul.unit_pointbox li span:nth-child(2) {
  font-size: clamp(1.75rem, 1.568rem + 0.91vw, 2.25rem);
  vertical-align: middle;
}
/*-----２つ目以降の見出しなどの設定 ----*/
/*2つ目*/
ul.unit_pointbox li:nth-child(2) .upts_point_number, ul.unit_pointbox li:nth-child(3) .upts_point_number, ul.unit_pointbox li:nth-child(4) .upts_point_number {
  background: #f2f2f2;
}
ul.unit_pointbox li:nth-child(2) .upts_point_number h4 {
  color: #666;
}
/*3つ目*/
ul.unit_pointbox li:nth-child(3) .upts_point_number h4 {
  color: #4d4d4d;
}
/*4つ目*/
ul.unit_pointbox li:nth-child(4) .upts_point_number h4 {
  color: #A52425;
}
@media (max-width : 768px) {
  /* 中身 */
  .upts_point_number {
    margin: 0 auto 20px auto;
  }
  .upts_point_text {
    width: 100%;
  }
  .upts_point_number h4 {
    text-align: center;
  }
}
/* アコーディオンリストボタン */
a.js_accordion_btn /*,
a.js_accordion_btn:link,a.js_accordion_btn:visited*/ {
  display: inline-block;
  width: 3em;
  margin: 0 3px;
  margin-bottom: 5px;
  text-align: center;
  -webkit-box-shadow: 0px 2px 0px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0px 2px 0px 0 rgba(0, 0, 0, 0.5);
  font-size: 0.9em;
  line-height: 1em;
  vertical-align: middle;
  padding: 7px 5px 5px 20px;
  background: url('../image/common/icon-arrow-link-details.png') no-repeat 10px center, url(../image/common/bgsheet-stripe-pink.png);
  text-decoration: none;
  border-radius: 1.5em;
  border: 2px white solid;
  color: #614B30; /* 基本テキスト色:濃茶 */
}
.js_accordion_btn.active {
  color: white;
  -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.4) inset;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.4) inset;
  background: url('../image/common/icon-arrow-link-details-active.png') no-repeat 10px center, url(../image/common/bgsheet-stripe-dkbrown.png);
}
a.js_accordion_btn:hover {
  color: #614B30; /* 基本テキスト色:濃茶 */
  background: url('../image/common/icon-arrow-link-details.png') no-repeat 10px center, url(../image/common/bgsheet-stripe-stgpink.png);
  text-decoration: none;
  cursor: pointer;
}
.js_accordion_btn.active:hover {
  color: white;
  -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.4) inset;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.4) inset;
  background: url('../image/common/icon-arrow-link-details-active.png') no-repeat 10px center, url(../image/common/bgsheet-stripe-dkbrown.png);
  cursor: pointer;
}
@media (max-width : 768px) { /* スマホ用  */
  /* ボタン */
  a.js_accordion_btn {
    width: 40%;
    font-size: 1em;
  }
  a.js_accordion_btn:hover, a.js_accordion_btn:active {
    color: #614B30; /* 基本テキスト色:濃茶 */
    ;
    background: url('../image/common/icon-arrow-link-details.png') no-repeat 10px center, url(../image/common/bgsheet-stripe-pink.png);
    text-decoration: none;
  }
}
/* アコーディオンリストボタン(緑) クラス名にjs_accordion_btn_greenを追加 */
a.js_accordion_btn_green /*,
a.js_accordion_btn_green:link,a.js_accordion_btn_green:visited*/ {
  background: url('../image/common/icon-arrow-link-details.png') no-repeat 10px center, url(../image/common/bgsheet-stripe-lightgreen.png);
}
.js_accordion_btn_green.active {
  background: url('../image/common/icon-arrow-link-details-active.png') no-repeat 10px center, url(../image/common/bgsheet-stripe-dkbrown.png);
}
a.js_accordion_btn_green:hover {
  background: url('../image/common/icon-arrow-link-details.png') no-repeat 10px center, url(../image/common/bgsheet-stripe-green.png);
}
.js_accordion_btn_green.active:hover {
  background: url('../image/common/icon-arrow-link-details-active.png') no-repeat 10px center, url(../image/common/bgsheet-stripe-dkbrown.png);
}
@media (max-width : 768px) { /* スマホ用  */
  /* ボタン */
  a.js_accordion_btn_green:hover, a.js_accordion_btn_green:active {
    background: url('../image/common/icon-arrow-link-details.png') no-repeat 10px center, url(../image/common/bgsheet-stripe-lightgreen.png);
  }
}
/* ------------------------------
   展開テーブル
-----------------------------*/
/* マーク */
.infomark_label {
  display: inline-block;
  margin-bottom: 3px;
  padding: 3px;
  border: 1px dimgray solid;
  border-radius: 2px;
  font-size: .6em;
  line-height: 1.5em;
  vertical-align: middle;
  text-align: center;
  color: dimgray;
  background: white;
}
.infomark_label.closed {
  border-color: red;
  color: red;
}
.infomark_label.attention {
  background-color: #4784bf;
  border-color: white;
  color: white;
}
/*アイコン「お知らせ」*/
.infomark_label.oshirase {
  border: none;
  background-color: #C4171E;
  color: white;
  margin-left: 10px;
  padding: .1em .6em;
}
/*アイコン「new」*/
.infomark_label.new {
  border: none;
  background-color: #FF8E00;
  color: white;
  margin-left: 10px;
  padding: .1em .6em;
}
/*アイコン「開催済み」*/
.infomark_label.sumi {
  border: none;
  background-color: #666;
  color: white;
  margin-left: 10px;
  padding: .1em .6em;
}
/* モバイル用 */
@media screen and (max-width: 768px) {
  .uptsactivitieslist td.infomark {
    overflow: hidden;
    margin: 0 -15px;
    padding-top: 5px;
    padding-right: 15px;
    padding-left: 15px;
    margin-top: -1px;
    margin-bottom: -2px;
    background-color: #BBD347; /*若草色*/
    ;
  }
  .uptsactivitieslist td.infomark:empty {
    display: none;
  }
  .uptsactivitieslist.eventlist td.infomark {
    margin-bottom: 9px;
  }
  .uptsactivitieslist .infomark_label {
    font-size: 0.8em;
  }
  .infomark_label {
    max-width: 8em;
  }
  /* テーブルタイトル */
  .uptsactivitieslist tbody td.title:before {
    content: none;
  }
  .uptsactivitieslist tbody td.date:before {
    content: "開催日:";
  }
  .uptsactivitieslist tbody td.time:before {
    content: "時間:";
  }
  .uptsactivitieslist tbody td.place:before {
    content: "会場:";
  }
  .uptsactivitieslist tbody td.contents:before {
    content: none;
  }
  .uptsactivitieslist tbody td.event:before {
    content: "イベント:";
  }
}
/*---------線だけのテーブル ------*/
table.unit_table_line {
  border: 1px solid #bbb;
  border-collapse: collapse;
  margin: 2em auto;
  padding: 0;
  width: 100%;
  table-layout: fixed;
  color: #000;
}
table.unit_table_line tr {
  background-color: #fff;
  padding: .35em;
  border-bottom: 1px solid #bbb;
}
table.unit_table_line tr.bg02 {
  background: #F9F9F9;
}
table.unit_table_line thead {
  border-bottom: 5px solid #C4171E;
}
table.unit_table_line tr:last-child {
  border-bottom: none
}
table.unit_table_line th, table.unit_table_line td {
  padding: 1em 10px 1em 1em;
  border-right: 1px solid #bbb;
}
table.unit_table_line th:last-child, table.unit_table_line td:last-child {
  border: none;
}
table.unit_table_line tbody th {
  color: #C4171E;
}
table.unit_table_line .txt {
  text-align: left;
  font-size: .85em;
}
table.unit_table_line .price {
  text-align: right;
}
/*幅狭*/
table.unit_table_line.mini {
  max-width: 600px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  table.unit_table_line {
    border: 0;
    width: 100%;
  }
  table.unit_table_line th {
    display: block;
    border-right: none;
    border-bottom: 5px solid #ff9901;
    padding-bottom: .6em;
    margin-bottom: .6em;
  }
  table.unit_table_line thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  table.unit_table_line tr {
    display: block;
    margin-bottom: 2em;
  }
  table.unit_table_line td {
    border-bottom: 1px solid #bbb;
    display: block;
    font-size: .95em;
    text-align: left;
    position: relative;
    padding: 1em 0;
    border-right: none;
  }
  table.unit_table_line td::before {
    content: attr(data-label);
    font-weight: 500;
    position: absolute;
    left: 10px;
  }
  table.unit_table_line td:last-child {
    border-bottom: 0;
  }
}
/* =================================
           横並びのテーブル 
 ==================================*/
.unit_table_side {
  max-width: 1100px;
  width: 100%;
  margin: 50px auto;
}
.unit_table_side table {
  width: 100%;
  border-collapse: collapse;
  border-width: 1px;
}
.unit_table_side table tr th, .unit_table_side table tr td {
  text-align: left;
  vertical-align: top;
  padding: 1em 0;
  border-bottom: #D3D3D3 1px solid;
}
.unit_table_side table tr th {
  width: 20%;
  font-weight: bold;
}
@media screen and (max-width:768px) {
  .unit_table_side {
    width: 100%;
  }
  .unit_table_side table, .unit_table_side table tbody, .unit_table_side table tr, .unit_table_side table tr th, .unit_table_side table tr td {
    display: block;
  }
  .unit_table_side table tr {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #D5D5D5;
  }
  .unit_table_side table {
    width: 100%;
    border-width: 0 0 1px 0;
  }
  .unit_table_side table tr th, .unit_table_side table tr td {
    width: 100%;
    border-bottom: none;
  }
  .unit_table_side table tr th {
    width: 100%;
    padding: 0;
  }
  .unit_table_side table tr td {
    border-width: 0px 1px 0px 1px;
    padding-top: .3em;
  }
}
/*画像つきテキストエリア*/
.unit_side_imgarea {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 3em;
}
/*テキストを左にする場合*/
.unit_side_imgarea.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
/*画像wrap*/
.unit_side_imgarea .img_wrap {
  width: 40%;
  margin: 10px 30px;
}
.unit_side_imgarea .img_wrap img {
  width: 100%;
}
/*本文wrap*/
.unit_side_imgarea .text_wrap {
  /* Take the remaining width */
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media (max-width:768px) {
  /*画像つきテキストエリア*/
  .unit_side_imgarea {
    display: block;
  }
  /*画像wrap*/
  .unit_side_imgarea .img_wrap {
    width: 100%;
    margin: 0 auto;
  }
} /* --------------------------------------------------
	タブ切り替え　
-------------------------------------------------- */
/*tabの形状*/
.unit_tab {
  margin-top: 2em;
  display: -ms-grid;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 10px;
}
.unit_tab li {
  width: 100%;
  text-align: center;
  margin: 10px 0;
}
.unit_tab li a {
  padding: 10px 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #FFDFDF;
  text-decoration: none;
  transition: .2s;
}
.unit_tab li a:hover {
  background: #E09E9E;
  color: #fff;
}
/*liにactiveクラスがついた時の形状*/
.unit_tab li.active a {
  background: #fff;
  border: 2px solid #FFDFDF;
  border-bottom: none;
  color: #E09E9E;
}
/*エリアの表示非表示と形状*/
.area {
  display: none; /*はじめは非表示*/
  opacity: 0; /*透過0*/
  background: #fff;
  padding: 50px 20px;
}
/*areaにis-activeというクラスがついた時の形状*/
.area.is-active {
  display: block; /*表示*/
  -webkit-animation-name: displayAnime;
  animation-name: displayAnime; /*ふわっと表示させるためのアニメーション*/
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-webkit-keyframes displayAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes displayAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media screen and (max-width:768px) {
  /*エリアの表示非表示と形状*/
  .area {
    padding: 50px 0 20px 0;
  }
  .unit_tab {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 0 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0;
    width: auto;
  }
  .unit_tab li {
    width: auto;
  }
  .unit_tab li a {
    font-size: 1.15em;
  }
  /*liにactiveクラスがついた時の形状*/
  .unit_tab li.active a {
    background: #fff;
    border: 2px solid #CDD9E0;
    border-bottom: 2px solid #CDD9E0;
  }
}
@media screen and (max-width:768px) {
  .unit_tab {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .unit_tab li a {
    font-size: 1em;
  }
}
/* ========================
		続きを読むbox
===========================*/
/*全体*/
.unit_more_box {
  margin: 2em 0 0; /*前後の余白*/
  padding: 0;
}
/*ボタン装飾*/
.unit_more_box label {
  padding: 10px 0;
  font-weight: bold;
  cursor: pointer;
  width: 100%;
  display: inline-block;
  text-align: center;
  background: #C4171E;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  color: #fff;
}
/*ボタンホバー時*/
.unit_more_box label:hover {
  background: #A3A3A3;
}
/*チェックは見えなくする*/
.unit_more_box input {
  display: none;
}
/*中身を非表示にしておく*/
.unit_more_box .more_show {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
/*クリックで中身表示*/
.unit_more_box input:checked ~ .more_show {
  padding: 10px 0;
  height: auto;
  opacity: 1;
}
/* --------------------------------------------------
	写真説明ボックス（見出し付き）
-------------------------------------------------- */
.unit_galleryitem {
  float: left;
  margin-bottom: 40px;
  margin-right: 10px;
  padding: 10px;
  width: calc(50% - 40px);
  background-color: rgba(0, 0, 0, 0.00);
  background-position: right top;
  background-repeat: no-repeat;
  border: 5px red solid;
  -o-border-image: url(../image/common/img-border-pink.png) 10 10 round;
  border-image: url(../image/common/img-border-pink.png) 10 10 round;
}
.upts_galleryitem_subbox1 {
  margin: 10px;
  width: calc(100% - 22px);
}
.upts_galleryitem_subbox2 {
  margin: 10px;
  width: calc(100% - 22px);
}
@media (max-width: 768px) {
  .unit_galleryitem {
    float: none;
    margin-bottom: 40px;
    width: calc(100% - 40px);
  }
}
/* --------------------------------------------------
	ギャラリーボックス
-------------------------------------------------- */
.unit_gallerybox {
  margin-bottom: 5em;
}
.unit_gallerybox .imagebox {
  float: left;
  margin: 0px;
  padding: 0px;
  width: 40%;
}
.unit_gallerybox .imagebox img {
  width: 100%;
  margin: 0 5px;
}
.unit_gallerybox .textwrapper {
  float: left;
  margin: 0px;
  padding: 0 0 0 3%;
  width: 55%;
}
.unit_gallerybox h4 {
  margin: 0;
  padding-bottom: .5em;
  font-size: clamp(1.25rem, 1.091rem + 0.8vw, 1.688rem);
  line-height: 1.2;
  font-weight: bold;
  color: #666;
}
.unit_gallerybox div.overviw {
  margin: 0 0 20px 0;
  padding-bottom: .5em;
  font-size: .8em;
  color: gray;
  border-bottom: 1px dotted #C0C0C0;
}
@media (max-width: 768px) {
  .unit_gallerybox {
    margin-bottom: 100px;
  }
  .unit_gallerybox .imagebox {
    float: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    overflow: hidden;
  }
  .unit_gallerybox .imagebox img {
    margin: 0px;
    padding: 0px;
    width: 100%;
  }
  .unit_gallerybox .textwrapper {
    float: none;
    margin: 0px;
    padding: 0 0 0 0;
    width: 100%;
  }
}
/* -------------- パネルボタン -------------- */
.unit_panel_btn_big {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.unit_panel_btn_big li {
  height: 350px;
  width: 100%;
  background-size: cover;
  border-radius: 10px;
}
.unit_panel_btn_big li:first-child {
  background: url("../image/sitetop/img-bg-jirei.jpg");
}
.unit_panel_btn_big li:nth-child(2) {
  background: url("../image/sitetop/img-bg-contact.jpg");
}
.unit_panel_btn_big li a {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff !important;
  font-size: clamp(1.438rem, 1.324rem + 0.57vw, 1.75rem);
  text-decoration: none;
  width: 100%;
  height: 100%;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}
.unit_panel_btn_big li a:hover {
  text-decoration: none;
}
.unit_panel_btn_big li a:hover {
  background-color: transparent;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}
@media (max-width: 768px) {
  .unit_panel_btn_big {
    display: block;
  }
  .unit_panel_btn_big li {
    height: 100px;
    margin-bottom: 1em;
  }
}