@charset 'UTF-8';
/*body {
  background: #f00;
  color: #fff !important;
}*/
/*******************************
共通
*******************************/
/*フォント*/
.e_font300 {
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  letter-spacing: 0;
  font-style: normal;
}
.e_font {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  letter-spacing: 0;
  font-style: normal;
}
.e_font600 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  font-style: normal;
}
.e_font02 {
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  font-style: normal;
}
/*タイトル-マージン*/
.section_title_box {
  margin-bottom: 3.5rem;
}
.section_title_center {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .section_title_box {
    margin-bottom: 3.8rem;
  }
}
@media screen and (min-width: 992px) {
  .section_title_box {
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 1200px) {
  .section_title_box {
    margin-bottom: 4.4rem;
  }
}
/*タイトル*/
.section_title span {
  display: block;
  font-size: 3.21rem;
  line-height: 1;
  letter-spacing: 0;
  margin-bottom: 0.9rem;
}
.section_title {
  font-size: 1.07rem;
  line-height: 1.5;
  margin-bottom: 0;
}
@media screen and (min-width: 1200px) {
  .section_title span {
    font-size: 3.75rem;
    margin-bottom: 0.8rem;
  }
  .section_title {
    font-size: 1.125rem;
  }
}
/*ボタン*/
.section_btn_center .section_btn {
  margin-left: auto;
  margin-right: auto;
}
.section_btn {
  font-size: 1.07rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 230px;
  height: 60px;
  border-radius: 45px;
  transition: all 0.5s;
}
a.section_btn:hover {
  transition: all 0.5s;
}
/*ボタン-ネイビー*/
.section_btn_navy {
  color: #fff;
  background-color: #1e283c;
}
a.section_btn_navy:hover {
  color: #fff;
  opacity: 0.7;
}
/*ボタン-ホワイトボーダー*/
.section_btn_white {
  color: #1e283c;
  border: 1px solid rgba(215, 215, 215, 1);
}
a.section_btn_white:hover {
  color: #fff;
  background-color: #1e283c;
  border: 1px solid rgba(30, 40, 60, 1);
}
@media screen and (min-width: 1200px) {
  .section_btn {
    font-size: 1.0625rem;
    width: 250px;
    height: 75px;
  }
}
.mb0 {
  margin-bottom: 0 !important;
}
/*******************************
共通
*******************************/
/*横幅*/
.container84-88 {
  width: 84%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1200px) {
  .container84-88 {
    width: 88%;
  }
}
ul li {
  list-style: none;
}
ul {
  margin-bottom: 0;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.alignright {
  display: block;
  margin-left: auto;
  margin-right: 0;
}
/* 各メディアごとのマージン設定
--------------------------- */
/* 768px以上用の記述 */
@media screen and (min-width: 768px) {
  .col-md-m20-bottom {
    margin-bottom: 20px;
  }
  .col-md-none {
    display: none;
  }
}
/* 767px以下用の記述 */
@media screen and (max-width: 767px) {
  .col-sm-m20-bottom {
    margin-bottom: 20px;
  }
  .col-sm-none {
    display: none;
  }
}
/* 576px以下用の記述 */
@media screen and (max-width: 576px) {
  .col-xs-m20-bottom {
    margin-bottom: 20px;
  }
  .col-xs-none {
    display: none;
  }
}
/*******************************
パンクズ
*******************************/
.pls_wrap {
  background-color: #fff;
  padding-bottom: 2.5rem;
}
.page_back_gray .pls_wrap {
  background-color: #f2f3f4;
}
#pls {
  font-size: 0.714rem;
  width: 84%;
  margin: 0 auto;
  line-height: 1.5;
}
#pan {
  color: #adadad;
}
#pan a span {
  color: #adadad;
}
#pan span {
  color: #666666;
}
.pan_line {
  font-size: 0.642rem;
  color: #adadad !important;
  display: inline-block;
  margin: 0 3px;
  position: relative;
}
/*#pan .home span {
  color: #adadad;
}*/
@media screen and (min-width: 1200px) {
  .pls_wrap {
    padding-bottom: 2.5rem;
  }
  #pls {
    width: 88%;
    font-size: 0.8125rem;
  }
  .pan_line {
    font-size: 0.8125rem;
  }
}
/*******************************
/* フォーム/テーブル
*******************************/
.form-w {
  max-width: 1000px;
  margin: 0 auto;
  width: 95%;
}
@media screen and (min-width: 992px) {
  .form-w {
    width: 80%;
  }
}
.wpcf7-submit {
  font-size: 1.2em;
  background-color: #000;
  color: #fff;
  border-style: none;
  width: 100%;
  margin-bottom: 30px;
  padding-top: 15px;
  padding-right: 40px;
  padding-bottom: 15px;
  padding-left: 40px;
  border: 1px solid #000;
}
.wpcf7-submit:hover {
  transition: .4s;
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
}
#form {
  max-width: 100%;
  margin-bottom: 40px;
  /* background-color: #FFF;*/
}
#form th span {
  font-size: 0.8em;
  color: #FFF;
  background-color: #C00;
  padding: 3px;
}
#form th {
  padding: 10px;
  width: 30%;
  border-bottom: 1px solid #000;
}
#form td {
  padding: 10px;
  border-bottom: 1px solid #000;
  vertical-align: middle;
  font-weight: normal;
  text-align: left;
}
#form2 tr {
  display: flex;
  flex-wrap: wrap;
}
#form2 tr:first-child th, #form2 tr:first-child td {
  border-top: 1px solid #ccc;
}
#form2 {
  max-width: 100%;
  margin-bottom: 40px;
  background-color: #FFF;
}
#form2 th span {
  font-size: 0.8em;
  color: #FFF;
  background-color: #C00;
  padding: 3px;
}
#form2 th {
  background-color: #f9f9f9;
  padding: 10px;
  width: 30%;
  border-bottom: 1px solid #ccc;
}
#form2 td {
  padding: 10px;
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
  font-weight: normal;
  width: 70%;
}
#form3 {
  max-width: 100%;
  margin-bottom: 40px;
  background-color: #FFF;
}
#form3 tr {
  border-bottom: 1px dotted #bfbfbf;
  margin-bottom: 3rem;
  padding-bottom: 2rem;
  display: flex;
}
#form3 th {
  width: 150px;
  color: #FFF;
  text-align: center;
  padding-top: 10px;
}
#form3 th span {
  background-color: #808080;
  display: inline-block;
  width: 150px;
}
#form3 td {
  padding: 10px;
  vertical-align: middle;
  font-weight: normal;
  padding-left: 4rem;
}
#form3 td .tel_txt1 {
  font-size: 1.2rem;
  margin-bottom: 0;
}
#form3 td .tel_txt2 {
  font-size: 2.4rem;
  font-family: 'Manrope', sans-serif;
  line-height: 1;
  display: block;
}
.f-note {
  font-size: 85%;
  color: #ff1414;
}
/* テキストエリアの設定 */
input[type="text"], input[type="email"], input[type="tel"], textarea, select {
  width: 100%;
  color: #282828;
  padding: 20px;
  margin: 20px 0 10px;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
}
input[type="date"] {
  width: 100%;
  color: #282828;
  padding: 20px;
  margin: 0 0 10px;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  background-color: #fff;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus, select:focus {
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  input[type="date"] {
    margin: 20px 0 10px;
  }
}
@media screen and (min-width: 1200px) {
  input[type="text"], input[type="email"], input[type="tel"], textarea, select {
    padding: 25px;
  }
  input[type="date"] {
    padding: 25px;
  }
}
@media screen and (max-width: 576px) {
  input[type="date"] {
    text-align: left;
    width: 100%;
  }
  input[type="date"]::before {
    content: attr(placeholder);
    width: 100%;
    color: #000;
    /* padding-left: 10px;*/
    white-space: nowrap;
  }
  input[type="date"].has-value::before {
    content: ""; /* 日付が入力されたらプレースホルダーを非表示にする */
    width: 0;
    padding-left: 0;
  }
}
@media only screen and (max-width:479px) {
  /* 479px以下用（スマートフォン用）の記述 */
  #form {
    max-width: 100%;
    margin-bottom: 40px;
  }
  #form th {
    width: 100%;
    display: block;
    border-top: none;
  }
  #form td {
    width: 100%;
    display: block;
    border-top: none;
  }
  /*  #form tr:first-child th {
    border-top: 1px solid #ddd;
  }*/
  #form2 {
    max-width: 100%;
    margin-bottom: 40px;
  }
  #form2 th {
    width: 100%;
  }
  #form2 td {
    width: 100%;
    display: block;
  }
  #form2 tr:first-child td {
    border-top: none;
  }
  #form3 {
    max-width: 100%;
    margin-bottom: 40px;
  }
  #form3 tr {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    flex-direction: column;
  }
  #form3 th {
    width: 50%;
    display: block;
    border-top: none;
  }
  #form3 td {
    width: 100%;
    display: block;
    border-top: none;
    margin-bottom: 0;
    padding-left: 10px;
  }
  #form3 tr:first-child th {
    /*	border-top: 1px solid #ddd;*/
  }
  /* テキストエリアの設定 */
  input[type="text"], input[type="email"], input[type="tel"], textarea, select {
    width: 100%;
    padding: 20px;
    margin: 0 0 10px;
  }
  .wpcf7-submit {
    font-size: 1.2em;
    border-style: none;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

/*******************************
/* イベントテーブル
***************************/
.table th {
  background-color: #f9f9f9;
  border-bottom: 1px solid #CCCCCC;
}
/*******************************
/* プライバシーフレーム
***************************/
.formPrivacy {
  border: 1px solid #CCCCCC;
  background: #fff none repeat scroll 0%;
  height: 150px;
  overflow: scroll;
  max-width: 600px;
  padding: 10px 19px;
  margin: 0 auto 30px;
  text-align: left;
  font-size: 1.0em;
}
/*******************************
/* single.php　アイキャッチ
***************************/
.sgl {
  margin-bottom: 2rem;
  text-align: center;
}
.sgl img {
  overflow: hidden;
}
@media screen and (min-width: 1200px) {
  .sgl {
    margin-bottom: 3rem;
  }
}
/*************************
/* single.php 日付
*************************/
#date span {
  color: #FFF;
  background-color: #A8A8A8;
  font-size: 0.8em;
  padding: 5px;
}
/* single.php ページ送り
-------------------------*/
#next {
  background-color: #f6f6f6;
  padding: 10px;
  margin-top: 30px;
}
.nx_left {
  width: 100%;
  text-align: left;
}
.nx_left a {
  background-color: #FFF;
  color: #000;
  text-decoration: none;
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  background-image: url(../images/left.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 35px;
  transition: all 0.5s;
}
.nx_left a:hover {
  /*
  background-color: #828282;
*/
  background-color: #a6a3a3;
  color: #FFF;
  text-decoration: none;
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  background-image: url(../images/left2.png);
  background-repeat: no-repeat;
  background-position: left center;
  transition: all 0.5s;
}
.nx_right {
  width: 100%;
  text-align: right;
}
.nx_right a {
  background-color: #FFF;
  color: #000;
  text-decoration: none;
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  background-image: url(../images/right.png);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 35px;
  transition: all 0.5s;
}
.nx_right a:hover {
  /*
  background-color: #828282;
*/
  background-color: #a6a3a3;
  color: #FFF;
  text-decoration: none;
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  background-image: url(../images/right2.png);
  background-repeat: no-repeat;
  background-position: right center;
  transition: all 0.5s;
}
/*--------------------------------
PREV NEXT
---------------------------------*/
#prev_next {
  width: 100%;
  margin: 36px 0 24px;
  padding: 0;
  display: table;
}
#prev_next #prev, #prev_next #next {
  width: 50%;
  padding: 30px 10px 10px;
  border-top: #ccc 1px solid;
  border-bottom: #ccc 1px solid;
  display: table-cell;
  position: relative;
  text-decoration: none;
}
#prev_next #prev p, #prev_next #next p {
  font-size: 90%;
  line-height: 1.5;
}
#prev_next #prev:hover, #prev_next #next:hover {
  background-color: rgba(238, 238, 238, 0.7);
}
#prev_next #prev {
  border-right: #ccc 1px solid;
}
#prev_next #prev_title, #prev_next #next_title {
  font-size: 90%;
  top: -1em;
  position: absolute;
  border: 1px #ccc solid;
  background: #fff;
  text-align: center;
  padding: 3px;
  color: #666;
}
#prev_next #next_title {
  right: 10px;
}
#prev_next #prev img, #prev_next #next img {
  margin: 0 auto;
}
#prev_next #prev_no, #prev_next #next_no {
  width: 50%;
  height: 140px;
  padding: 0 10px;
  display: table-cell;
}
#prev_next #prev_no {
  border-right: #ccc 1px solid;
}
#prev_next_home {
  margin: 0 auto;
  background-color: #1a1a1a;
  border: solid 9px #fff;
  width: 100px;
  height: 100px;
  border-radius: 100px;
  box-shadow: 0 0 0 3px #1a1a1a;
  -webkit-box-shadow: 0 0 0 3px #1a1a1a;
  -moz-box-shadow: 0 0 0 3px #1a1a1a;
  text-align: center;
}
#prev_next_home:hover {
  opacity: 0.7;
}
#prev_next_home i {
  color: #FFF;
  margin: 10px auto;
  font-size: 60px;
}
/*media Queries PCサイズ
----------------------------------------------------*/
@media only screen and (min-width: 780px) {
  /*-- ここから --*/
  /*--------------------------------------
768px PREV NEXT
--------------------------------------*/
  #prev_next #prev, #prev_next #prev::before, #prev_next #prev::after, #prev_next #next, #prev_next #next::before, #prev_next #next::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  #prev_next #prev_title, #prev_next #next_title {
    padding: 3px 10px;
  }
  #prev_next #next_title {
    right: 10px;
  }
  #prev_next #prev img {
    float: left;
    margin-right: 10px
  }
  #prev_next #next img {
    float: right;
    margin-left: 10px;
  }
  /*-- ここまで --*/
}
/*******************************
/* archive tit
*******************************/
.gall_tit {
  font-weight: bold;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}
.gall_tit a {
  color: #000;
}
/*************
/* 投稿ギャラリー
*************/
.wp-caption-text {
  font-size: 12px;
  color: #999999;
  text-align: center;
}
.gallery {
  margin: 0 -5px;
}
.gallery .gallery-item {
  float: left;
  margin: 0;
  text-align: center;
  width: 25%;
  padding: 5px;
}
.gallery.gallery-columns-2 .gallery-item {
  width: 50%;
}
.gallery.gallery-columns-3 .gallery-item {
  width: 33.33%;
}
.gallery .gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gallery .gallery-caption {
  margin-left: 0;
  margin-bottom: 35px;
  padding-right: 20px;
  padding-left: 20px;
}
/*-----------------------------
wordpressのギャラリースマホ調整
------------------------------*/
@media screen and (max-width: 640px) {
  #gallery-1, #gallery-2, #gallery-3, #gallery-4, #gallery-5, #gallery-6 {
    display: flex;
    flex-wrap: wrap;
  }
  .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item {
    float: none;
    width: 50% !important;
    margin: 0;
  }
  .gallery.gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item {
    width: 100%;
  }
  .gallery .gallery-item {
    padding: 3px;
  }
}
/*******************************
/* youtube　gmapレスポンシブ対応
***************************/
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.ggmap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.ggmap iframe, .ggmap object, .ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*******************************
/* レスポンシブ改行
***************************/
@media screen and (min-width: 576px) {
  .br-pc {
    display: block;
  }
  .br-sp {
    display: none;
  }
}
@media screen and (max-width: 567px) {
  .br-pc {
    display: none;
  }
  .br-sp {
    display: block;
  }
}
/*******************************
/* form
*******************************/
.con_form .wpcf7-list-item {
  display: block;
}
/*******************************
/*関連画像
*******************************/
.related-thumb {
  height: 120px;
}
.related-thumb img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}
.related-title {
  margin: 8px 0;
  color: #000;
  text-align: center;
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
@media screen and (min-width: 992px) {
  .related-thumb {
    height: 200px;
  }
}
/*--------------------------------------
archiveページャー
--------------------------------------*/
/*.pagenation:after, .pagenation ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}*/
.pagenation ul {
  margin: 0;
  margin-top: 4rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 5rem;
}
.pagenation li {
  float: left;
  list-style: none outside none;
  margin-left: 1px;
  margin-right: 1px;
  margin-bottom: 0;
}
/*.pagenation li:first-child {
  margin-left: 0;
}*/
.pagenation li.active {
  color: rgba(30, 40, 60, 1);
  cursor: not-allowed;
  padding: 10px 10px;
  display: inline-block;
  position: relative;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  letter-spacing: 0;
}
.pagenation li.active::before {
  content: "";
  display: block;
  width: 8px;
  height: 1px;
  background-color: #1e283c;
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
}
.pagenation li a {
  /*  background: none repeat scroll 0 0 #fff;*/
  background: inherit;
  color: #bfbfbf;
  padding: 10px 10px;
  text-decoration: none;
  display: inline-block;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  letter-spacing: 0;
}
.pagenation li a:hover {
  text-decoration: none;
}
.pagenation li.active, .pagenation li a {
  font-size: 0.928rem;
}
/*.pagenation .next, .pagenation .prev {
  display: none;
}*/
.pagenation .prev.disabled, .pagenation .next.disabled {
  display: none;
}
.pagenation .prev, .pagenation .next {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.pagenation .prev {
  margin-right: 10px;
}
.pagenation .next {
  margin-left: 10px;
}
.pagenation .prev a, .pagenation .next a {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #1e283c;
  position: relative;
  padding: 0;
}
.pagenation .prev a::before {
  content: "";
  display: block;
  width: 10px;
  height: 8px;
  background-image: url("../images/prev_arrow_white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pagenation .next a::before {
  content: "";
  display: block;
  width: 10px;
  height: 8px;
  background-image: url("../images/next_arrow_white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
  .pagenation ul {
    margin-top: 5rem;
  }
  .pagenation li.active, .pagenation li a {
    font-size: 0.875rem;
    padding: 10px 14px;
  }
  .pagenation .prev {
    margin-right: 20px;
  }
  .pagenation .next {
    margin-left: 20px;
  }
}
/*******************************
/* インフォメーション投稿一覧表示
***************************/
.pg_infomation_pagenation > .page-numbers {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0;
  margin-top: 2rem;
}
.pg_infomation_pagenation .page-numbers li .current {
  color: rgba(60, 60, 60, 0.3);
  cursor: not-allowed;
  padding: 10px 10px;
  display: inline-block;
  position: relative;
}
.pg_infomation_pagenation .page-numbers li a {
  /*  background: none repeat scroll 0 0 #fff;*/
  background-color: inherit;
  color: #3c3c3c;
  padding: 10px 10px;
  text-decoration: none;
  display: inline-block;
  margin-right: 3px;
  margin-bottom: 3px;
}
.pg_infomation_pagenation .page-numbers li span {
  color: #3c3c3c;
  padding: 10px 10px;
  text-decoration: none;
  display: inline-block;
  margin-right: 3px;
  margin-bottom: 3px;
}
.pg_infomation_pagenation .page-numbers li .current, .pg_infomation_pagenation .page-numbers li a {
  font-size: 0.928rem;
}
.page-numbers li a:hover {
  text-decoration: none;
}
.pg_infomation_pagenation > .page-numbers li > .prev, .pg_infomation_pagenation > .page-numbers li > .next {
  display: none !important;
}
@media screen and (min-width: 768px) {
  .pg_infomation_pagenation .page-numbers li .current, .pg_infomation_pagenation .page-numbers li a {
    font-size: 0.9375rem;
    padding: 10px 14px;
  }
}
/***************************************
event_container
***************************************/
.event_container {
  position: relative;
  padding-bottom: 6.5rem;
  margin-bottom: 6.35rem;
}
.event_container::before {
  content: "";
  display: block;
  width: 84%;
  height: 1px;
  background-color: #ededed;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0%);
}
.event_outer .event_block {
  margin-bottom: 3.5rem;
}
.event_item {
  display: block;
  color: #282828;
}
.event_img {
  aspect-ratio: 1 / 1;
  margin-bottom: 1.35rem;
  position: relative;
}
.event_img_end {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 9;
}
.event_img_end_txt {
  font-size: 1.25rem;
  position: relative;
  z-index: 10;
  color: #fff;
  text-align: center;
  margin-bottom: 0;
}
.event_img img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}
.event_rec {
  display: inline-block;
  font-size: 0.714rem;
  color: #282828;
  padding: 4px 16px;
  margin-bottom: 1.1rem;
}
.event_rec_start {
  background-color: #e9e1d3;
}
.event_rec_end {
  background-color: #f5f5f5;
}
.event_title {
  font-size: 1.07rem;
  line-height: 1.5;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid rgba(40, 40, 40, 0.5);
  margin-bottom: 1.2rem;
}
.event_detail_wrap > ul > li {
  background-image: radial-gradient(circle, #bfbfbf 1px, transparent 1px);
  background-position: left -2px bottom;
  background-repeat: repeat-x;
  background-size: 8px 2px;
  padding-bottom: 0.9rem;
  margin-bottom: 0.8rem;
}
.event_detail_wrap > ul > li:last-child {
  margin-bottom: 0;
}
.event_detail_item {
  font-size: 0.821rem;
  display: flex;
}
.event_detail_left {
  width: 27%;
  display: flex;
  align-items: center;
}
.event_detail_img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.event_detail_img01 {
  width: 18px;
  height: 18px;
}
.event_detail_img02 {
  width: 17px;
  height: 17px;
}
.event_detail_img03 {
  width: 18px;
  height: 18px;
}
.event_detail_img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.event_detail_right {
  width: 73%;
}
.event_other_wrap {
  display: none;
}
.event_container .section_btn_sp .section_btn {
  margin: 0 auto;
}
@media screen and (min-width: 992px) {
  .event_outer {
    padding-left: 8%;
  }
  .event_slider {
    margin-bottom: 3rem;
  }
  .event_container .section_btn_sp {
    display: none;
  }
  .event_other_wrap {
    display: flex;
    align-items: center;
  }
  .event_other_left {
    width: 70%;
    display: flex;
    align-items: center;
    padding-right: 4rem;
  }
  .event_other_bar_wrap {
    width: 70%;
    width: calc(100% - 94px);
    padding-right: 3.55rem;
  }
  .event_other_btn_wrap {
    width: 94px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .event_other_right {
    width: 30%;
  }
  .event_container .swiper-scrollbar {
    width: 100%;
    display: block;
    height: 2px;
    border-radius: 3px;
    background: #ededed;
    overflow: visible;
  }
  .event_container .swiper-scrollbar-drag {
    position: relative;
    background-color: #282828 !important;
    opacity: 1 !important;
    height: 100% !important;
    border-radius: 3px;
    z-index: 1;
  }
  .event_arrow {
    display: block;
    width: 41px;
    height: 41px;
    border-radius: 50%;
    border: 1.5px solid rgba(40, 40, 40, 1);
    position: relative;
  }
  .event_arrow_prev::before {
    content: "";
    display: block;
    width: 16px;
    height: 14px;
    background-image: url("../images/prev_arrow_black.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .event_arrow_next::before {
    content: "";
    display: block;
    width: 16px;
    height: 14px;
    background-image: url("../images/next_arrow_black.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media screen and (min-width: 1200px) {
  .event_container {
    padding-bottom: 7rem;
    margin-bottom: 8.8rem;
  }
  .event_container::before {
    width: 88%;
  }
  .event_slider {
    margin-bottom: 5rem;
  }
  .event_img {
    margin-bottom: 1.8rem;
  }
  .event_rec {
    font-size: 0.8125rem;
    padding: 4px 21px;
    margin-bottom: 1.1rem;
  }
  .event_title {
    font-size: 1.25rem;
    padding-bottom: 1.8rem;
    margin-bottom: 1.4rem;
  }
  .event_detail_wrap > ul > li {
    padding-bottom: 1rem;
    margin-bottom: 1.1rem;
  }
  .event_detail_item {
    font-size: 0.9375rem;
  }
  .event_detail_left {
    width: 26%;
  }
  .event_detail_img01 {
    width: 25px;
    height: 25px;
  }
  .event_detail_img02 {
    width: 23px;
    height: 23px;
  }
  .event_detail_img03 {
    width: 25px;
    height: 25px;
  }
  .event_detail_right {
    width: 74%;
  }
  .event_other_wrap {
    width: 93.5%;
  }
  .event_other_left {
    padding-right: 8rem;
  }
}
@media screen and (min-width: 1500px) {
  .event_outer {
    padding-left: 14.5%;
  }
}
/***************************************
イベント一覧 
***************************************/
.archive_event_wrap {
  width: 84%;
  margin: 0 auto;
}
.archive_event_container .event_slider_slide {
  margin-bottom: 3.6rem;
}
@media screen and (min-width: 768px) {
  .archive_event_container .event_slider_wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 4%;
  }
  .archive_event_container .event_slider_slide {
    width: calc((100% - 4%) / 2);
  }
}
@media screen and (min-width: 1200px) {
  .archive_event_wrap {
    width: 88%;
  }
  .archive_event_container .event_slider_slide {
    width: calc((100% - 8%) / 3);
    margin-bottom: 4.2rem;
  }
}
@media screen and (min-width: 1500px) {
  .archive_event_container .event_slider_wrapper {
    gap: 2%;
  }
  .archive_event_container .event_slider_slide {
    width: calc((100% - 6%) / 4);
  }
}
/***************************************
 イベント詳細
***************************************/
.siev_outer {
  width: 90%;
  margin: 0 auto;
}
.siev_inner {
  padding: 3.2rem 0;
  background-color: #f5f5f5;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4rem;
}
.siev_block {
  width: 88%;
  margin: 0 auto;
  max-width: 850px;
}
.siev_block .event_rec_end {
  background-color: #1e283c;
  color: #fff;
}
.siev_title {
  font-size: 1.214rem;
  line-height: 1.5;
  margin-bottom: 2.5rem;
}
.siev_eye_img {
  margin-bottom: 3rem;
}
.sievent_contents {
  font-size: 0.928rem;
  margin-bottom: 3rem;
}
@media screen and (min-width: 768px) {
  .siev_outer {
    width: 84%;
  }
  .siev_block {
    width: 80%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1200px) {
  .siev_inner {
    padding: 6.2rem 0 8rem;
    margin-bottom: 7.6rem;
  }
  .siev_block .event_rec {
    margin-bottom: 0.8rem;
  }
  .siev_title {
    font-size: 1.5rem;
  }
  .siev_eye_img {
    margin-bottom: 4.2rem;
  }
  .sievent_contents {
    font-size: 0.9375rem;
    line-height: 1.86;
    margin-bottom: 5.7rem;
  }
}
/*||イベント概要||*/
.siev_out_block {
  padding: 3rem 0;
  background-color: #fff;
}
.siev_out_block .section_title span {
  font-size: 2.2rem;
  margin-bottom: 0.7rem;
}
.siev_out_block .section_title {
  font-size: 0.928rem;
}
.siev_out_inner {
  width: 84%;
  margin: 0 auto;
  max-width: 601px;
}
.event_detail_left_place {
  align-items: flex-start;
}
.siev_table_note {
  font-size: 0.785rem;
  line-height: 1.4;
  color: #595959;
  margin-top: 0.4rem;
}
.siev_outtag_wrap {
  margin-top: 1.5rem;
}
.siev_outtag_wrap > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.siev_outtag_wrap > ul > li {
  font-size: 0.857rem;
  padding: 2px 1rem 3px;
}
.tag-event_out_tag01 {
  background-color: #1e283c;
  color: #fff;
}
.tag-event_out_tag02 {
  background-color: #405a6d;
  color: #fff;
}
.tag-event_out_tag03 {
  background-color: #8f9ea9;
  color: #fff;
}
.tag-event_out_tag04 {
  background-color: #fbc600;
  color: #282828;
}
.tag-event_out_tag05 {
  background-color: #e9e1d3;
  color: #282828;
}
@media screen and (min-width: 768px) {
  .siev_out_block .event_detail_left {
    width: 20%;
  }
  .siev_out_block .event_detail_right {
    width: 80%;
  }
}
@media screen and (min-width: 992px) {
  .siev_out_block .section_title span {
    font-size: 2.6rem;
    margin-bottom: 0.9rem;
  }
}
@media screen and (min-width: 1200px) {
  .siev_out_block {
    padding: 5.2rem 0 7rem;
  }
  .siev_out_block .section_title_box {
    margin-bottom: 4rem;
  }
  .siev_out_block .section_title span {
    font-size: 2.8125rem;
    margin-bottom: 0.8rem;
  }
  .siev_out_block .section_title {
    font-size: 0.9375rem;
  }
  .siev_out_block .event_detail_left {
    width: 17%;
  }
  .siev_out_block .event_detail_right {
    width: 83%;
  }
  .siev_table_note {
    font-size: 0.8125rem;
  }
  .siev_outtag_wrap {
    margin-top: 2rem;
  }
  .siev_outtag_wrap > ul > li {
    font-size: 0.875rem;
    padding: 3px 1.36rem 6px;
  }
}
/*||フォーム||*/
.siev_form_block {
  width: 84%;
  margin: 0 auto;
}
.siev_form_txt {
  font-size: 0.928rem;
  margin-bottom: 3rem;
}
.siev_form_policy {
  color: #595959;
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .siev_form_txt {
    font-size: 0.9375rem;
    line-height: 1.73;
    text-align: center;
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 1200px) {
  .siev_form_block .section_title_box {
    margin-bottom: 3.5rem;
  }
}
/***************************************
prev,next表示
***************************************/
/*||prev,next表示||*/
.single_nextbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 0;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  max-width: 438px;
}
.single_prev, .single_next {
  margin-bottom: 0;
}
.single_link_btn, .single_nolink {
  font-size: 0.857rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.single_link_btn {
  color: #1e283c;
  transition: all 0.5s;
}
.single_link_btn:hover {
  color: #1e283c;
  opacity: 0.7;
  transition: all 0.5s;
}
/*.single_link_txt {
  display: none;
}*/
.single_nolink {
  color: #1e283c;
  opacity: 0.7;
}
.single_link_circle {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: #1e283c;
  position: relative;
}
.single_prev .single_link_circle {
  margin-right: 7px;
}
.single_prev .single_link_circle::before {
  content: "";
  display: block;
  width: 12px;
  height: 10px;
  background-image: url("../images/next_arrow_white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 49%;
  transform: translate(-50%, -50%) rotate(180deg);
}
.single_next .single_link_circle {
  margin-left: 10px;
}
.single_next .single_link_circle::before {
  content: "";
  display: block;
  width: 12px;
  height: 10px;
  background-image: url("../images/next_arrow_white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 49%;
  transform: translate(-50%, -50%);
}
.single_menu {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
}
.single_menu img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.single_menu:hover {
  opacity: 0.7;
  transition: all 0.5s;
}
@media screen and (min-width: 768px) {
  .single_link_btn, .single_nolink {
    font-size: 1.0625rem;
  }
  .single_link_circle {
    width: 40px;
    height: 40px;
  }
  .single_prev .single_link_circle {
    margin-right: 12px;
  }
  .single_prev .single_link_circle::before {
    width: 13px;
    height: 11px;
  }
  .single_next .single_link_circle {
    margin-left: 15px;
  }
  .single_next .single_link_circle::before {
    width: 13px;
    height: 11px;
  }
  .single_menu {
    width: 35px;
    height: 35px;
  }
}
/***************************************
news_container
***************************************/
.news_wrap {
  width: 84%;
  margin: 0 auto;
}
.news_wrap .news_block {
  margin-bottom: 3.5rem;
}
.news_block > ul > li {
  border-bottom: 1px solid rgba(237, 237, 237, 1);
}
.news_block > ul > li:first-child {
  border-top: 1px solid rgba(237, 237, 237, 1);
}
.news_item {
  display: block;
  padding: 1.7rem 0;
  color: #282828;
  position: relative;
  transition: all 0.5s;
}
.news_item_inner {
  transition: all 0.5s;
}
.news_item:hover .news_item_inner {
  padding-left: 1rem;
  transition: all 0.5s;
}
.news_unit {
  line-height: 1;
  display: flex;
  align-items: center;
  margin-bottom: 0.6rem;
}
.news_category_name {
  font-size: 0.928rem;
  letter-spacing: 0.1em;
  padding: 0.78rem 1.57rem;
  background-color: #f5f5f5;
  margin-right: 1.25rem;
  margin-bottom: 0;
  transition: all 0.5s;
}
.news_item:hover .news_category_name {
  color: #fff;
  background-color: #1e283c;
  transition: all 0.5s;
}
.news_date {
  font-size: 1rem;
  letter-spacing: 0.02em;
  margin-bottom: 0;
}
.news_title {
  font-size: 1.07rem;
  letter-spacing: 0.06em;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .news_item {
    padding: 2rem 0;
  }
  .news_item::before {
    content: "";
    display: block;
    width: 13px;
    height: 10px;
    background-image: url("../images/arrow_black.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0%, -50%);
  }
  .news_item_inner {
    display: flex;
    align-items: center;
  }
  .news_unit {
    width: 35%;
    margin-bottom: 0;
  }
  .news_title {
    width: 65%;
  }
}
@media screen and (min-width: 1200px) {
  .news_container .section_title_box {
    margin-bottom: 4.9rem;
  }
  .news_wrap .news_block {
    margin-bottom: 5.2rem;
  }
  .news_item {
    padding: 2.6rem 0;
  }
  .news_item:hover .news_item_inner {
    padding-left: 3rem;
  }
  .news_unit {
    width: 26%;
  }
  .news_category_name {
    font-size: 0.8125rem;
    padding: 0.7rem 2.68rem;
    margin-right: 1.85rem;
  }
  .news_date {
    font-size: 0.875rem;
  }
  .news_title {
    font-size: 1.0625rem;
    width: 66%;
  }
}
@media screen and (min-width: 1500px) {
  .news_wrap {
    width: 67%;
  }
}
/***************************************
投稿一覧
***************************************/
.archive_block {
  width: 84%;
  margin: 0 auto;
  max-width: 1140px;
}
@media screen and (min-width: 1200px) {
  .archive_block {
    width: 88%;
  }
}
/***************************************
投稿詳細
***************************************/
.single_block {
  width: 90%;
  margin: 0 auto;
}
.single_block_outer {
  padding: 3.2rem 0;
  background-color: #f5f5f5;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4rem;
}
.single_block_inner {
  width: 88%;
  margin: 0 auto;
  max-width: 850px;
}
.info_date_wrap {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.info_category_name {
  font-size: 0.857rem;
  background-color: #fff;
  padding: 2px 1rem;
  margin-right: 1rem;
}
.info_date {
  font-size: 0.928rem;
}
.single_title {
  font-size: 1.214rem;
  line-height: 1.5;
  margin-bottom: 2.5rem;
}
.single_main_contents #main2 {
  font-size: 0.928rem;
  line-height: 1.78;
  text-align: justify;
  margin-bottom: 0;
}
.single_eye_img {
  margin-bottom: 3rem;
}
.single_eye_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .single_block {
    width: 84%;
  }
  .single_block_inner {
    width: 80%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1200px) {
  .single_block_outer {
    padding: 6.2rem 0 7rem;
    margin-bottom: 3.3rem;
  }
  .info_category_name {
    font-size: 0.8125rem;
    padding: 4px 1.6rem;
    margin-right: 1.15rem;
  }
  .info_date {
    font-size: 0.875rem;
  }
  .single_title {
    font-size: 1.5rem;
  }
  .single_unit02 #main2 {
    font-size: 0.9375rem;
    line-height: 1.86;
  }
  .single_eye_img {
    margin-bottom: 4rem;
  }
}
/***************************************
blog_container
***************************************/
.blog_container {
  position: relative;
  margin-bottom: 6.35rem;
}
/*.blog_container::before {
  content: "";
  display: block;
  width: 84%;
  height: 1px;
  background-color: #ededed;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0%);
}*/
.blog_outer .blog_block {
  margin-bottom: 3.5rem;
}
.blog_item {
  display: block;
  color: #282828;
}
.blog_img {
  aspect-ratio: 19 / 14;
  margin-bottom: 1.7rem;
}
.blog_img img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}
.blog_category_name {
  display: inline-block;
  font-size: 0.714rem;
  color: #282828;
  background-color: #f5f5f5;
  padding: 4px 16px;
  margin-bottom: 1.1rem;
}
.blog_title {
  font-size: 1.07rem;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}
.blog_txt {
  font-size: 0.821rem;
  line-height: 1.65;
}
.blog_container .section_btn_pc {
  display: none;
}
.blog_container .section_btn_sp .section_btn {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .blog_container {
    margin-bottom: 8rem;
  }
}
@media screen and (min-width: 992px) {
  .blog_outer {
    padding-left: 8%;
  }
  .blog_slider {
    margin-bottom: 3rem;
  }
  .blog_outer .blog_block {
    margin-bottom: 0;
  }
  .blog_container .section_btn_sp {
    display: none;
  }
  .blog_other_wrap {
    display: flex;
    align-items: center;
  }
  .blog_other_left {
    width: 70%;
    display: flex;
    align-items: center;
    padding-right: 4rem;
  }
  .blog_other_bar_wrap {
    width: 70%;
    width: calc(100% - 94px);
    padding-right: 3.55rem;
  }
  .blog_other_btn_wrap {
    width: 94px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .blog_other_right {
    width: 30%;
  }
  .blog_container .swiper-scrollbar {
    width: 100%;
    display: block;
    height: 2px;
    border-radius: 3px;
    background: #ededed;
    overflow: visible;
  }
  .blog_container .swiper-scrollbar-drag {
    position: relative;
    background-color: #282828 !important;
    opacity: 1 !important;
    height: 100% !important;
    border-radius: 3px;
    z-index: 1;
  }
  .blog_arrow {
    display: block;
    width: 41px;
    height: 41px;
    border-radius: 50%;
    border: 1.5px solid rgba(40, 40, 40, 1);
    position: relative;
  }
  .blog_arrow_prev::before {
    content: "";
    display: block;
    width: 16px;
    height: 14px;
    background-image: url("../images/prev_arrow_black.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .blog_arrow_next::before {
    content: "";
    display: block;
    width: 16px;
    height: 14px;
    background-image: url("../images/next_arrow_black.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .blog_container .section_btn_pc {
    display: block;
  }
}
@media screen and (min-width: 1200px) {
  .blog_container {
    margin-bottom: 9.2rem;
  }
  .blog_container::before {
    width: 88%;
  }
  .blog_slider {
    margin-bottom: 4rem;
  }
  .blog_img {
    margin-bottom: 1.8rem;
  }
  .blog_category_name {
    font-size: 0.8125rem;
    padding: 4px 21px;
    margin-bottom: 1.1rem;
  }
  .blog_title {
    font-size: 1.25rem;
    margin-bottom: 1.4rem;
  }
  .blog_txt {
    font-size: 0.9375rem;
    line-height: 1.83;
  }
  .blog_other_wrap {
    width: 93.5%;
  }
  .blog_other_left {
    padding-right: 8rem;
  }
}
@media screen and (min-width: 1500px) {
  .blog_outer {
    padding-left: 14.5%;
  }
}
/***************************************
ブログ一覧
***************************************/
.archive_blog_block {
  width: 84%;
  margin: 0 auto;
}
.archive_blog_block .blog_slider_slide {
  margin-bottom: 3rem;
}
@media screen and (min-width: 768px) {
  .archive_blog_block .blog_slider_wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 4%;
  }
  .archive_blog_block .blog_slider_slide {
    width: calc((100% - 4%) / 2);
  }
}
@media screen and (min-width: 1200px) {
  .archive_blog_block {
    width: 88%;
  }
  .archive_blog_block .blog_slider_slide {
    width: calc((100% - 8%) / 3);
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 1500px) {
  .archive_blog_block .blog_slider_wrapper {
    gap: 2%;
  }
  .archive_blog_block .blog_slider_slide {
    width: calc((100% - 6%) / 4);
  }
}
/***************************************
works_container
***************************************/
.works_container {
  margin-bottom: 6.4rem;
}
.works_container .section_title_box {
  margin-bottom: 4.3rem;
}
.works_container .works_block {
  margin-bottom: 2.5rem;
}
.works_box {
  display: block;
  color: #282828;
}
.works_img {
  aspect-ratio: 233 / 160;
  margin-bottom: 1.15rem;
}
.works_img img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}
.works_category_name {
  display: inline-block;
  font-size: 0.714rem;
  padding: 4px 15px;
}
.works_category_name.order {
  background-color: #f5f5f5;
  color: #282828;
}
.works_category_name.poche {
  background-color: #e9e1d3;
  color: #282828;
}
.works_category_name.fours {
  background-color: #1e283c;
  color: #fff;
}
.works_category_name.concept-house {
  background-color: #282828;
  color: #fff;
}
.works_title {
  font-size: 1.14rem;
  line-height: 1.5;
  margin-bottom: 0.95rem;
}
.works_tag_wrap > ul {
  display: flex;
  flex-wrap: wrap;
}
.works_tag_wrap > ul > li {
  width: auto;
  line-height: 1.15;
  margin-right: 10px;
}
.works_tag_txt {
  font-size: 0.714rem;
  color: #adadad;
  transition: all 0.5s;
}
.works_tag_txt:hover {
  color: #282828;
  transition: all 0.5s;
}
.works_tag_txt span {
  margin-right: 2px;
}
.works_youtube_wrap {
  margin-top: 0.7rem;
}
.works_youtube {
  font-size: 0.75rem;
  color: #282828;
  display: flex;
  align-items: center;
}
.works_youtube_img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 11px;
  margin-right: 5px;
}
.works_youtube_img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media screen and (min-width: 768px) {
  .works_container {
    margin-bottom: 8.2rem;
  }
  .works_container .works_block {
    width: 84%;
    margin: 0 auto 4rem;
  }
  .works_slider .works_slider_wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 4%;
  }
  .works_slider .works_slider_slide {
    width: calc((100% - 4%) / 2);
    margin-bottom: 4rem;
  }
  .works_slider .works_slider_slide:nth-last-child(2), .works_slider .works_slider_slide:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1200px) {
  .works_container {
    margin-bottom: 9rem;
  }
  .works_container .section_title_box {
    margin-bottom: 4.6rem;
  }
  .works_container .works_block {
    width: 88%;
    margin-bottom: 4.1rem;
  }
  .works_slider .works_slider_wrapper {
    gap: 3.5%;
  }
  .works_slider .works_slider_slide {
    width: calc((100% - 7%) / 3);
    margin-bottom: 3rem;
  }
  .works_slider .works_slider_slide:nth-last-child(3) {
    margin-bottom: 0;
  }
  .works_img {
    margin-bottom: 1.9rem;
  }
  .works_category_name {
    font-size: 0.8125rem;
  }
  .works_title {
    font-size: 1.25rem;
    margin-bottom: 0.9rem;
  }
  .works_tag_wrap > ul > li {
    line-height: 1.25;
    margin-right: 12px;
  }
  .works_tag_txt {
    font-size: 0.8125rem;
  }
  .works_youtube_wrap {
    margin-top: 0.95rem;
  }
  .works_youtube_img {
    width: 20px;
    height: 14px;
    margin-right: 5px;
  }
  .works_youtube {
    font-size: 0.8125rem;
  }
}
/***************************************
施工事例一覧　
***************************************/
.archive_works_wrap {
  width: 84%;
  margin: 0 auto;
}
.archive_works_unit01 {
  margin-bottom: 5rem;
}
.archive_works_list > ul {
  margin-bottom: 3rem;
}
.archive_works_list > ul > li {
  background-image: radial-gradient(circle, #bfbfbf 1px, transparent 1px);
  background-position: left -2px bottom;
  background-repeat: repeat-x;
  background-size: 8px 2px;
  padding-bottom: 2.5rem;
  margin-bottom: 2.5rem;
}
.archive_works_list > ul > li:last-child {
  padding-bottom: 3rem;
  margin-bottom: 0;
}
.archive_works_list_title {
  font-size: 1.2rem;
  padding-left: 10px;
  position: relative;
  margin-bottom: 1rem;
}
.archive_works_list_title::before {
  content: "";
  display: block;
  width: 3px;
  height: 70%;
  background-color: #1e283c;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0%, -50%);
}
@media screen and (min-width: 1200px) {
  .archive_works_list > ul > li {
    padding-bottom: 2.8rem;
    margin-bottom: 2.6rem;
  }
  .archive_works_list_title {
    font-size: 1.0625rem;
    padding-left: 13px;
    margin-bottom: 1.45rem;
  }
  .archive_works_list_title::before {
    width: 3px;
    height: 60%;
    top: 56%;
  }
}
/*||カテゴリー||*/
.archive_works_list_category .search-filter-input-group {
  display: flex;
  flex-wrap: wrap;
}
.archive_works_list_category .search-filter-input-checkbox:nth-child(1) {
  order: 2;
}
.archive_works_list_category .search-filter-input-checkbox:nth-child(2) {
  order: 1;
}
.archive_works_list_category .search-filter-input-checkbox:nth-child(3) {
  order: 4;
}
.archive_works_list_category .search-filter-input-checkbox:nth-child(4) {
  order: 3;
}
.archive_works_list_category .search-filter-input-checkbox__label {
  font-size: 1.1rem;
}
.archive_works_list_category .search-filter-input-checkbox {
  width: auto;
  margin-right: 2rem;
}
.archive_works_list_category .search-filter-input-checkbox input[type="checkbox"] + label {
  position: relative;
  padding-left: 22px;
}
.archive_works_list_category .search-filter-input-checkbox input[type="checkbox"]:checked + label::before {
  content: " ";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  border: 1px #fffsolid;
  background-color: #000;
  background-color: #1e283c;
  transition: .3s;
  z-index: 2;
  top: 50%;
  left: 6px;
  transform: translate(0%, -50%);
}
.archive_works_list_category .search-filter-input-checkbox input[type="checkbox"] + label::after {
  content: " ";
  display: block;
  width: 22px;
  height: 22px;
  position: absolute;
  border: 1px #fffsolid;
  background-color: #f00;
  background-color: #f5f5f5;
  transition: .3s;
  top: 50%;
  left: 0%;
  transform: translate(0%, -50%);
}
.archive_works_list_category .search-filter-input-checkbox__control {
  display: none;
  background-color: #f5f5f5;
}
@media screen and (min-width: 1200px) {
  .archive_works_list_category .search-filter-input-checkbox {
    padding: 8px 0;
  }
  .archive_works_list_category .search-filter-input-checkbox__label {
    font-size: 0.9375rem;
  }
  .archive_works_list_category .search-filter-input-checkbox input[type="checkbox"] + label {
    padding-left: 24px;
  }
  .archive_works_list_category .search-filter-input-checkbox input[type="checkbox"]:checked + label::before {
    left: 8px;
  }
  .archive_works_list_category .search-filter-input-checkbox input[type="checkbox"] + label::after {
    width: 25px;
    height: 25px;
  }
}
/*||価格||*/
.archive_works_list_price .search-filter-input-group {
  display: flex;
  flex-wrap: wrap;
  flex-flow: column-reverse;
}
.archive_works_list_price .search-filter-input-checkbox__label {
  font-size: 1.1rem;
}
.archive_works_list_price .search-filter-input-checkbox {
  width: auto;
  margin-right: 2rem;
}
.archive_works_list_price .search-filter-input-checkbox input[type="checkbox"] + label {
  position: relative;
  padding-left: 22px;
}
.archive_works_list_price .search-filter-input-checkbox input[type="checkbox"]:checked + label::before {
  content: " ";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  border: 1px #fffsolid;
  background-color: #000;
  background-color: #1e283c;
  transition: .3s;
  z-index: 2;
  top: 50%;
  left: 6px;
  transform: translate(0%, -50%);
}
.archive_works_list_price .search-filter-input-checkbox input[type="checkbox"] + label::after {
  content: " ";
  display: block;
  width: 22px;
  height: 22px;
  position: absolute;
  border: 1px #fffsolid;
  background-color: #f00;
  background-color: #f5f5f5;
  transition: .3s;
  top: 50%;
  left: 0%;
  transform: translate(0%, -50%);
}
.archive_works_list_price .search-filter-input-checkbox__control {
  display: none;
  background-color: #f5f5f5;
}
@media screen and (min-width: 1200px) {
  .archive_works_list_price .search-filter-input-checkbox {
    padding: 8px 0;
  }
  .archive_works_list_price .search-filter-input-checkbox__label {
    font-size: 0.9375rem;
  }
  .archive_works_list_price .search-filter-input-checkbox input[type="checkbox"] + label {
    padding-left: 24px;
  }
  .archive_works_list_price .search-filter-input-checkbox input[type="checkbox"]:checked + label::before {
    left: 8px;
  }
  .archive_works_list_price .search-filter-input-checkbox input[type="checkbox"] + label::after {
    width: 25px;
    height: 25px;
  }
}
/*||キーワード||*/
.archive_works_list_tag .search-filter-input-button {
  font-size: 0.928rem;
  line-height: 1;
  border-radius: 0;
  padding: 5px 10px 6px;
  margin-right: 5px;
  margin-bottom: -2px;
  background-color: #f5f5f5;
  border: none;
}
.archive_works_list_tag .search-filter-input-button.search-filter-input-button--is-selected {
  background-color: #1e283c;
}
@media screen and (min-width: 1200px) {
  .archive_works_list_tag .search-filter-input-button {
    font-size: 0.875rem;
  }
}
/*||リセットボタン||*/
.archive_works_list_reset {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #282828;
  color: #fff;
  height: 60px;
}
.archive_works_list_reset:hover {
  color: #fff;
}
.archive_works_list_reset_icon {
  width: 20px;
  height: 20px;
  position: relative;
  margin-right: 9px;
}
.archive_works_list_reset_icon::before {
  content: "";
  display: block;
  width: 18px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-135deg);
}
.archive_works_list_reset_icon::after {
  content: "";
  display: block;
  width: 18px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(135deg);
}
@media screen and (min-width: 1200px) {
  .archive_works_list_reset {
    font-size: 1.0625rem;
  }
  .archive_works_list_reset_icon {
    top: 2px;
  }
}
/*||内容||*/
.archive_works_container .archive_works_unit02 .works_slider_slide {
  margin-bottom: 3rem;
}
@media screen and (min-width: 992px) {
  .archive_works_wrap {
    width: 88%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .archive_works_unit01 {
    width: 30%;
    position: sticky;
    top: 14rem;
    overflow-y: scroll;
    height: 100vh;
    scrollbar-width: none;
    margin-bottom: 0;
  }
  .archive_works_unit02 {
    width: 65.5%;
  }
}
@media screen and (min-width: 1200px) {
  .archive_works_unit01 {
    width: 26.8%;
    margin-top: -0.5rem;
  }
  .archive_works_container .archive_works_unit02 .works_slider_wrapper {
    gap: 5%;
  }
  .archive_works_container .archive_works_unit02 .works_slider_slide {
    width: calc((100% - 5%) / 2);
  }
}
/***************************************
施工事例一覧-記事なし　
***************************************/
.arwo_nopost_block {
  margin-top: 4rem;
  text-align: center;
}
.arwo_nopost_txt {
  margin-bottom: 4rem;
}
.arwo_nopost_link a {
  font-size: 1.07rem;
  color: #fff;
  background-color: #1e283c;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 230px;
  height: 60px;
  border-radius: 45px;
  transition: all 0.5s;
  margin: 0 auto;
}
.arwo_nopost_link a:hover {
  color: #fff;
  opacity: 0.7;
  transition: all 0.5s;
}
@media screen and (min-width: 1200px) {
  .arwo_nopost_block {
    margin-top: 7rem;
  }
  .arwo_nopost_txt {
    font-size: 1.125rem;
    margin-bottom: 4rem;
  }
  .arwo_nopost_link a {
    font-size: 1.0625rem;
    width: 250px;
    height: 75px;
  }
}
/***************************************
施工事例詳細
***************************************/
.single_works_wrap {
  width: 84%;
  margin: 0 auto 2rem;
}
.single_works_unit01 {
  display: none;
}
.siwo_title_wrap {
  margin-bottom: 3rem;
}
.siwo_eye_img {
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .siwo_title_wrap .works_title {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 1200px) {
  .single_works_wrap {
    width: 88%;
    display: flex;
    align-items: flex-start;
    /*    background-color: #f00;*/
    margin-bottom: 2.6rem;
  }
  .single_works_unit01 {
    display: block;
    width: 16.3%;
    position: sticky;
    top: 15rem;
    padding-bottom: 6.5rem;
  }
  .single_works_link > ul > li {
    margin-bottom: 0.65rem;
  }
  .single_works_link > ul > li:last-child {
    margin-bottom: 0;
  }
  .single_works_link_txt {
    font-size: 0.875rem;
    color: #bfbfbf;
    transition: all 0.3s;
  }
  .works_link_active {
    color: #282828;
    position: relative;
    padding-left: 25px;
    transition: all 0.3s;
  }
  .works_link_active::before {
    content: "";
    display: block;
    width: 16px;
    height: 14px;
    background-image: url("../images/arrow_black.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
    transition: all 0.5s;
  }
  .single_works_unit02 {
    width: 83.7%;
  }
  .siwo_title_wrap .works_title {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1500px) {
  .single_works_unit01 {
    width: 13.3%;
  }
  .single_works_unit02 {
    width: 86.7%;
  }
}
/*||本文-ギャラリー||*/
.siwo_contents {
  margin-bottom: 6.2rem;
}
/*||共通||*/
.siwo_list_block > .siwo_list_item {
  padding: 3rem 0;
  border-bottom: 1px solid rgba(237, 237, 237, 1);
}
.siwo_list_block > .siwo_list_item:last-child {
  border-bottom: none;
}
.siwo_list_block > .siwo_list_item:first-child {
  border-top: 1px solid rgba(237, 237, 237, 1);
}
.siwo_list_unit01 {
  margin-bottom: 2rem;
}
.siwo_list_title {
  font-size: 1.28rem;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .siwo_list_block > .siwo_list_item {
    padding: 4.5rem 0;
  }
  .siwo_list_unit01 {
    margin-bottom: 3rem;
  }
}
@media screen and (min-width: 992px) {
  .siwo_list_item {
    display: flex;
  }
  .siwo_list_unit01 {
    width: 30%;
    margin-bottom: 0;
  }
  .siwo_list_unit02 {
    width: 70%;
  }
}
@media screen and (min-width: 1200px) {
  .siwo_list_block > .siwo_list_item {
    padding: 5.8rem 0;
  }
  .siwo_list_block > .siwo_list_item.siwo_list_item_outline {
    padding: 5.8rem 0 5.1rem;
  }
  .siwo_list_block > .siwo_list_item.siwo_list_item_youtube {
    padding: 6.2rem 0 6.4rem;
  }
  .siwo_list_block > .siwo_list_item.siwo_list_item_voice {
    padding: 6.2rem 0 6.4rem;
  }
  .siwo_list_unit01 {
    width: 23.5%;
  }
  .siwo_list_title {
    font-size: 1.5rem;
  }
  .siwo_list_unit02 {
    width: 76.5%;
  }
}
@media screen and (min-width: 1500px) {
  .siwo_list_unit01 {
    width: 18.5%;
  }
  .siwo_list_unit02 {
    width: 81.5%;
  }
}
/*||CONCEPT||*/
.siwo_list_concept_txt {
  font-size: 0.928rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1200px) {
  .siwo_list_concept_txt {
    font-size: 0.9375rem;
    line-height: 1.86;
  }
}
/*||OUTLINE||*/
.siwo_list_out_table {
  margin-bottom: 2rem;
}
.siwo_list_out_table tr {
  display: flex;
  padding-bottom: 1rem;
  background-image: radial-gradient(circle, #bfbfbf 1px, transparent 1px);
  background-position: left -2px bottom;
  background-repeat: repeat-x;
  background-size: 8px 2px;
  margin-bottom: 1rem;
}
.siwo_list_out_table th, .siwo_list_out_table td {
  display: block;
  font-size: 0.928rem;
  font-weight: 500;
}
.siwo_list_out_table th {
  width: 40%;
}
.siwo_list_out_table td {
  width: 60%;
}
@media screen and (min-width: 768px) {
  .siwo_list_out_table tbody {
    display: flex;
    flex-wrap: wrap;
    gap: 4%;
  }
  .siwo_list_out_table tr {
    width: calc((100% - 4%) / 2);
    padding-bottom: 1.2rem;
    margin-bottom: 1.2rem;
  }
}
@media screen and (min-width: 1200px) {
  .siwo_list_out_table {
    margin-bottom: 1.8rem;
  }
  .siwo_list_out_table th, .siwo_list_out_table td {
    font-size: 0.9375rem;
  }
  .siwo_list_out_table th {
    width: 35%;
  }
  .siwo_list_out_table td {
    width: 65%;
  }
}
/*||STAFF||*/
.siwo_list_staff_head_outer {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
}
.siwo_list_staff_head {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.928rem;
  background-color: #e9e1d3;
  padding: 4px 1.6rem;
  margin-bottom: 0;
}
.siwo_list_staff_box > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 4%;
}
.siwo_list_staff_box > ul > li {
  width: calc((100% - 8%) / 3);
  margin-bottom: 1rem;
}
.siwo_list_staff_img {
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 0.7rem;
}
.siwo_list_staff_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.siwo_list_staff_unit {
  text-align: center;
}
.siwo_list_staff_type {
  font-size: 0.857rem;
  color: #adadad;
  margin-bottom: 0;
}
.siwo_list_staff_name {
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .siwo_list_staff_block {
    display: flex;
    align-items: center;
  }
  .siwo_list_staff_head_outer {
    width: 30%;
    justify-content: flex-start;
    margin-bottom: 1rem;
  }
  .siwo_list_staff_box {
    width: 70%;
  }
  .siwo_list_staff_box > ul > li {
    width: calc((100% - 12%) / 4);
  }
}
@media screen and (min-width: 1200px) {
  .siwo_list_staff_head {
    font-size: 0.8125rem;
    padding: 4px 1.1rem;
  }
  .siwo_list_staff_box > ul {
    gap: initial;
  }
  .siwo_list_staff_box > ul > li {
    width: 30%;
    margin-right: 1rem;
  }
  .siwo_list_staff_item {
    display: flex;
    align-items: center;
  }
  .siwo_list_staff_head_outer {
    width: 23%;
  }
  .siwo_list_staff_box {
    width: 78%;
  }
  .siwo_list_staff_img {
    width: 37%;
    margin-bottom: 0;
  }
  .siwo_list_staff_unit {
    width: 63%;
    padding-left: 1rem;
    text-align: left;
  }
  .siwo_list_staff_type {
    font-size: 0.8125rem;
    margin-bottom: 0.2rem;
  }
  .siwo_list_staff_name {
    font-size: 0.9375rem;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1500px) {
  .siwo_list_staff_head_outer {
    width: 17%;
  }
  .siwo_list_staff_box {
    width: 83%;
  }
  .siwo_list_staff_box > ul > li {
    width: 20%;
  }
}
/*||VOICE||*/
.siwo_list_voice_block > ul > li {
  margin-bottom: 3rem;
}
.siwo_list_voice_block > ul > li:last-child {
  margin-bottom: 0;
}
.siwo_list_voice_title_outer {
  display: flex;
  padding-bottom: 1.3rem;
  background-image: radial-gradient(circle, #bfbfbf 1px, transparent 1px);
  background-position: left -2px bottom;
  background-repeat: repeat-x;
  background-size: 8px 2px;
  margin-bottom: 1.4rem;
}
.siwo_list_voice_Q {
  font-size: 1.07rem;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #1e283c;
  color: #fff;
  padding-bottom: 2px;
}
.siwo_list_voice_title {
  font-size: 1.14rem;
  line-height: 1.5;
  width: calc(100% - 35px);
  padding-top: 0.3rem;
  padding-left: 1rem;
}
.siwo_list_voice_txt_outer {
  display: flex;
}
.siwo_list_voice_A {
  font-size: 1.07rem;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #1e283c;
  color: #1e283c;
  padding-bottom: 2px;
}
.siwo_list_voice_txt {
  font-size: 0.928rem;
  width: calc(100% - 35px);
  padding-top: 0.4rem;
  text-align: justify;
  padding-left: 1rem;
}
@media screen and (min-width: 1200px) {
  .siwo_list_voice_block > ul > li {
    margin-bottom: 4.2rem;
  }
  .siwo_list_voice_title_outer {
    margin-bottom: 1.9rem;
  }
  .siwo_list_voice_Q, .siwo_list_voice_A {
    font-size: 1.0625rem;
  }
  .siwo_list_voice_title {
    font-size: 1.125rem;
    padding-top: 0.2rem;
    padding-left: 1.8rem;
  }
  .siwo_list_voice_txt {
    font-size: 0.9375rem;
    line-height: 1.86;
    padding-top: 0.15rem;
    padding-left: 1.8rem;
  }
}
/*||関連記事||*/
.single_other_block .archive_works_container {
  width: 84%;
  margin: 0 auto;
}
.single_works_container .single_other_block .section_title span {
  font-size: 2.6rem;
}
.single_other_block .works_block {
  margin-bottom: 3rem;
}
.single_other_block .works_slider_slide {
  margin-bottom: 3rem;
}
.single_other_block .works_slider_slide:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .single_works_container .single_other_block .section_title span {
    font-size: 3.21rem;
  }
}
@media screen and (min-width: 1200px) {
  .single_other_block .archive_works_container {
    width: 88%;
  }
  .single_works_container .single_other_block .section_title span {
    font-size: 3.75rem;
  }
  .single_other_block .works_block {
    margin-bottom: 4rem;
  }
}
/*||||*/
/***************************************
関連記事
***************************************/
.single_other_block {
  padding-top: 4rem;
  border-top: 1px solid rgba(237, 237, 237, 1);
}
@media screen and (min-width: 768px) {
  .single_other_block {
    padding-top: 5rem;
  }
}
@media screen and (min-width: 992px) {
  .single_other_block {
    padding-top: 6rem;
  }
}
@media screen and (min-width: 1200px) {
  .single_other_block {
    padding-top: 7.5rem;
  }
}
/***************************************
STAFF紹介 
***************************************/
.archive_staff_block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.archive_staff_block > ul > li {
  padding: 5rem 8% 6.5rem;
}
.archive_staff_block > ul > li:first-child {
  padding-top: 0;
}
.archive_staff_block > ul > li:last-child {
  padding-bottom: 0;
}
.archive_staff_head_wrap {
  text-align: center;
  margin-bottom: 3rem;
}
.archive_staff_head {
  font-size: 1.42rem;
  margin-bottom: 0.2rem;
}
.archive_staff_head_type {
  font-size: 0.857rem;
  margin-bottom: 0;
}
.archive_staff_block > ul > li:nth-child(2n) {
  background-color: #e9e1d3;
}
.archive_staff_list > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.archive_staff_list > ul > li {
  width: calc((100% - 20px) / 2);
}
.archive_staff_item {
  display: block;
  position: relative;
}
.archive_staff_img {
  aspect-ratio: 149 / 200;
}
.archive_staff_img img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}
.archive_staff_txt_wrap {
  color: #fff;
  width: 100%;
  padding: 10px 8%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.archive_staff_txt_wrap::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../images/staff_name_blur.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.archive_staff_txt_box {
  position: relative;
  z-index: 2;
}
.archive_staff_type {
  font-size: 0.785rem;
  line-height: 1.2;
  margin-bottom: 2px;
}
@media screen and (min-width: 768px) {
  .archive_staff_list > ul {
    gap: 20px;
  }
  .archive_staff_list > ul > li {
    width: calc((100% - 40px) / 3);
  }
  .archive_staff_txt_wrap {
    padding: 1.5rem 8%;
  }
}
@media screen and (min-width: 992px) {
  .archive_staff_txt_wrap {
    padding: 4rem 6% 1.6rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .archive_staff_name {
    font-size: 1.2rem;
  }
  .archive_staff_arrow {
    width: 41px;
    height: 41px;
    border-radius: 50%;
    border: 1px solid #fff;
    position: relative;
    z-index: 2;
  }
  .archive_staff_arrow::before {
    content: "";
    display: block;
    width: 16px;
    height: 14px;
    background-image: url("../images/next_arrow_white.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media screen and (min-width: 1400px) {
  .archive_staff_block > ul > li {
    padding: 7.2rem 11.8% 10.7rem;
  }
  .archive_staff_head_wrap {
    margin-bottom: 5.4rem;
  }
  .archive_staff_head {
    font-size: 1.5625rem;
    margin-bottom: 0.3rem;
  }
  .archive_staff_head_type {
    font-size: 0.8125rem;
  }
  .archive_staff_list > ul {
    gap: 36px;
  }
  .archive_staff_list > ul > li {
    width: calc((100% - 108px) / 4);
  }
  .archive_staff_type {
    font-size: 0.8125rem;
    margin-bottom: 6px;
  }
  .archive_staff_name {
    font-size: 1.0625rem;
  }
}
/***************************************
スタッフ紹介詳細
***************************************/
.sistaff_block {
  width: 84%;
  margin: 0 auto;
}
.sistaff_item {
  margin: 0 auto;
  max-width: 1200px;
}
.sistaff_unit01 {
  margin-bottom: 2.6rem;
}
.sistaff_unit01_img {
  aspect-ratio: 290 / 389;
}
.sistaff_unit01_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sistaff_type {
  display: inline-block;
  font-size: 0.714rem;
  color: #282828;
  background-color: #e9e1d3;
  padding: 4px 16px;
  margin-bottom: 1.1rem;
}
.sistaff_name {
  font-size: 1.3rem;
  line-height: 1.5;
  margin-bottom: 1.9rem;
}
.sistaff_table {
  margin-bottom: 1.6rem;
}
.sistaff_table th {
  display: block;
  color: #1e283c;
  width: 100%;
  padding: 12px 0 0;
  font-weight: 500;
}
.sistaff_table tr:first-child th {
  border-top: 1px solid rgba(191, 191, 191, 0.75);
}
.sistaff_table td {
  display: block;
  color: #4d4d4d;
  width: 100%;
  padding: 2px 0 12px;
  font-weight: 500;
  border-bottom: 1px solid rgba(191, 191, 191, 0.75);
}
.sistaff_mess_title {
  color: #1e283c;
  margin-bottom: 5px;
}
.sistaff_mess_txt {
  color: #4d4d4d;
}
@media screen and (min-width: 768px) {
  .sistaff_table tr {
    display: flex;
  }
  .sistaff_table th {
    width: 30%;
    padding: 20px 0;
    border-bottom: 1px solid rgba(191, 191, 191, 0.75);
  }
  .sistaff_table td {
    width: 70%;
    padding: 20px 0;
  }
  .sistaff_table tr:first-child td {
    border-top: 1px solid rgba(191, 191, 191, 0.75);
  }
}
@media screen and (min-width: 992px) {
  .sistaff_item {
    display: flex;
    justify-content: space-between;
  }
  .sistaff_unit01 {
    width: 45%;
    margin-bottom: 0;
  }
  .sistaff_unit02 {
    width: 50%;
    padding-top: 3rem;
  }
  .sistaff_table th {
    width: 34%;
    padding: 15px 0;
  }
  .sistaff_table td {
    width: 66%;
    padding: 15px 0;
  }
}
@media screen and (min-width: 1200px) {
  .sistaff_block {
    width: 88%;
  }
  .sistaff_unit01 {
    width: 48.5%;
  }
  .sistaff_unit02 {
    width: 42%;
    padding-top: 4.4rem;
  }
  .sistaff_table {
    margin-bottom: 1.8rem;
  }
  .sistaff_type {
    font-size: 0.8125rem;
    padding: 4px 1.8rem;
    margin-bottom: 1.3rem;
  }
  .sistaff_name {
    font-size: 1.5625rem;
    margin-bottom: 2.7rem;
  }
  .sistaff_table th {
    font-size: 0.9375rem;
    width: 38%;
  }
  .sistaff_table td {
    font-size: 0.9375rem;
    width: 62%;
  }
  .sistaff_mess_title {
    font-size: 0.9375rem;
    margin-bottom: 0.8rem;
  }
  .sistaff_mess_txt {
    font-size: 0.9375rem;
  }
}
/*||主な担当作品||*/
.single_staff_container .single_other_block {
  margin-top: 6rem;
}
.single_staff_container .single_other_block .section_title span {
  font-size: 2.6rem;
}
.single_staff_container .archive_works_container {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .single_staff_container .single_other_block {
    margin-top: 7.6rem;
  }
  .single_staff_container .single_other_block .section_title span {
    font-size: 3.21rem;
  }
}
@media screen and (min-width: 1200px) {
  .single_staff_container .single_other_block {
    margin-top: 9.3rem;
  }
  .single_staff_container .single_other_block .section_title span {
    font-size: 3.75rem;
  }
}
/***************************************
youtube_container
***************************************/
.youtube_container {
  margin-bottom: 5.8rem;
}
.youtube_wrap {
  margin-bottom: 3.6rem;
}
.youtube_other_wrap {
  display: none;
}
@media screen and (min-width: 768px) {
  .youtube_container {
    margin-bottom: 7.8rem;
  }
  .youtube_wrap {
    padding-left: 8%;
    margin-bottom: 4.6rem;
  }
  .youtube_other_wrap {
    display: flex;
    align-items: center;
    margin-top: 3rem;
    width: 91%;
  }
  .youtube_other_bar_wrap {
    width: 70%;
    width: calc(100% - 94px);
    padding-right: 3.55rem;
  }
  .youtube_other_btn_wrap {
    width: 94px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .youtube_container .swiper-scrollbar {
    width: 100%;
    display: block;
    height: 2px;
    border-radius: 3px;
    background: #ededed;
    overflow: visible;
  }
  .youtube_container .swiper-scrollbar-drag {
    position: relative;
    background-color: #282828 !important;
    opacity: 1 !important;
    height: 100% !important;
    border-radius: 3px;
    z-index: 1;
  }
  .youtube_arrow {
    display: block;
    width: 41px;
    height: 41px;
    border-radius: 50%;
    border: 1.5px solid rgba(40, 40, 40, 1);
    position: relative;
  }
  .youtube_arrow_prev::before {
    content: "";
    display: block;
    width: 16px;
    height: 14px;
    background-image: url("../images/prev_arrow_black.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .youtube_arrow_next::before {
    content: "";
    display: block;
    width: 16px;
    height: 14px;
    background-image: url("../images/next_arrow_black.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media screen and (min-width: 1200px) {
  .youtube_container {
    margin-bottom: 8.9rem;
  }
  .youtube_wrap {
    margin-bottom: 6.25rem;
  }
  .youtube_other_wrap {
    width: 83%;
    margin-top: 3.15rem;
  }
}
@media screen and (min-width: 1500px) {
  .youtube_wrap {
    padding-left: 14.5%;
  }
}
/*||YouTube再生モーダル||*/
/*.youtube-thumbnail {
  position: relative;
  cursor: pointer;
  display: inline-block;
}
.youtube-thumbnail img {
  width: 100%;
  display: block;
}*/
.youtube-thumbnail {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9比率 */
  overflow: hidden;
  cursor: pointer;
  border-radius: 10px;
}
.youtube-thumbnail::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.youtube-thumbnail img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 55px;
  height: 37px;
  background: url('../images/youtube_icon_white.svg') center center no-repeat;
  background-size: contain;
  transform: translate(-50%, -50%);
  z-index: 2;
  display: none;
}
.video-modal {
  display: none;
  position: fixed;
  z-index: 99999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}
.video-modal-content {
  position: relative;
  width: 84%;
  max-width: 800px;
  background: #000;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.video-modal-iframe-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.video-modal-iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-modal-close {
  position: absolute;
  top: -50px;
  right: -7px;
  font-size: 30px;
  color: white;
  cursor: pointer;
}
@media screen and (min-width: 1200px) {
  .play-button {
    width: 60px;
    height: 42px;
  }
}
/***************************************
youtube一覧
***************************************/
.archive_youtube_wrap {
  width: 84%;
  margin: 0 auto;
}
.archive_youtube_container .youtube_slider_slide {
  margin-bottom: 3.6rem;
}
@media screen and (min-width: 768px) {
  .archive_youtube_container .youtube_slider_wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
  }
  .archive_youtube_container .youtube_slider_slide {
    width: calc((100% - 2%) / 2);
  }
}
@media screen and (min-width: 1200px) {
  .archive_youtube_wrap {
    width: 88%;
  }
  .archive_youtube_container .youtube_slider_slide {
    width: calc((100% - 4%) / 3);
    margin-bottom: 2.2rem;
  }
}
/***************************************
short_wrap
***************************************/
.short_wrap .short_block {
  margin-bottom: 3.2rem;
}
.short_other_wrap {
  display: none;
}
.short_block .youtube_item {
  aspect-ratio: 16 / 9;
  position: relative;
}
.short_block .youtube-thumbnail {
  height: 100%;
  padding-top: 178.25%;
  border-radius: 10px;
  /*padding-top: 146%;*/
}
@media screen and (min-width: 768px) {
  .short_wrap {
    padding-left: 8%;
  }
  .short_other_wrap {
    display: flex;
    align-items: center;
    margin-top: 3rem;
    width: 91%;
  }
  .short_other_bar_wrap {
    width: 70%;
    width: calc(100% - 94px);
    padding-right: 3.55rem;
  }
  .short_other_btn_wrap {
    width: 94px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .short_container .swiper-scrollbar {
    width: 100%;
    display: block;
    height: 2px;
    border-radius: 3px;
    background: #ededed;
    overflow: visible;
  }
  .short_container .swiper-scrollbar-drag {
    position: relative;
    background-color: #282828 !important;
    opacity: 1 !important;
    height: 100% !important;
    border-radius: 3px;
    z-index: 1;
  }
  .short_arrow {
    display: block;
    width: 41px;
    height: 41px;
    border-radius: 50%;
    border: 1.5px solid rgba(40, 40, 40, 1);
    position: relative;
  }
  .short_arrow_prev::before {
    content: "";
    display: block;
    width: 16px;
    height: 14px;
    background-image: url("../images/prev_arrow_black.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .short_arrow_next::before {
    content: "";
    display: block;
    width: 16px;
    height: 14px;
    background-image: url("../images/next_arrow_black.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media screen and (min-width: 1200px) {
  /*    .short_block .youtube-thumbnail {
  padding-top: 150.25%;
}*/
  .short_wrap .short_block {
    margin-bottom: 5rem;
  }
  .short_other_wrap {
    width: 83%;
    margin-top: 3.15rem;
  }
}
@media screen and (min-width: 1500px) {
  .short_wrap {
    padding-left: 14.5%;
  }
}
/***************************************
youtubeショート一覧
***************************************/
.archive_youtube_wrap {
  width: 84%;
  margin: 0 auto;
}
.archive_short_container .youtube_slider_slide {
  margin-bottom: 3.6rem;
}
@media screen and (min-width: 768px) {
  .archive_short_container .youtube_slider_wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
  }
  .archive_short_container .youtube_slider_slide {
    width: calc((100% - 2%) / 2);
  }
}
@media screen and (min-width: 1200px) {
  .archive_youtube_wrap {
    width: 88%;
  }
  .archive_short_container .youtube_slider_slide {
    width: calc((100% - 4%) / 3);
    margin-bottom: 2.2rem;
  }
}
@media screen and (min-width: 1500px) {
  .archive_short_container .youtube_slider_slide {
    width: calc((100% - 8%) / 4);
    margin-bottom: 2.2rem;
  }
}
/***************************************
404 
***************************************/
.pg_search_container {
  overflow-x: clip;
}
.pgsearch_title {
  font-size: 1.3rem;
  line-height: 1.7;
  margin-bottom: 3rem;
}
.pgsearch_txt {
  margin-bottom: 2rem;
}
.pgsearch_url {
  word-break: break-all;
  margin-bottom: 4rem;
}
.pgsearch_btn {
  font-size: 1.07rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #1e283c;
  color: #fff;
  height: 60px;
  width: 100%;
  max-width: 280px;
  border-radius: 45px;
  margin: 0 auto;
  margin-left: auto;
  position: relative;
  z-index: 0;
  transition: all 0.5s;
}
.pgsearch_btn:hover {
  color: #fff;
  opacity: 0.7;
  transition: all 0.5s;
}
@media screen and (min-width: 1200px) {
  .pgsearch_title {
    font-size: 1.5625rem;
  }
  .pgsearch_btn {
    font-size: 1.0625rem;
    width: 280px;
    height: 75px;
  }
}
/************************
/*FORM(お問い合わせ)
************************/
input[type="button"], input[type="text"], input[type="submit"], input[type="image"], textarea {
  -webkit-appearance: none;
  border-radius: 0;
}
/* FORM MODEL */ ::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #919191;
  letter-spacing: 0.1em;
  font-family: inherit;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #919191;
  letter-spacing: 0.1em;
  opacity: 1;
  font-family: inherit;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #919191;
  letter-spacing: 0.1em;
  opacity: 1;
  font-family: inherit;
}
:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #919191;
  letter-spacing: 0.1em;
  font-family: inherit;
}
::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #919191;
  letter-spacing: 0.1em;
  font-family: inherit;
}
::placeholder {
  /* Most modern browsers support this now. */
  color: #919191;
  letter-spacing: 0.1em;
  font-family: inherit;
}
.pg_contact_txt1 {
  font-size: 0.9375rem;
  line-height: 1.73;
  color: #000;
  margin-bottom: 3.5rem;
}
.cl-red {
  color: #c40000;
  font-size: 1rem;
  line-height: 1;
  margin: 0 5px;
  padding-top: 6px;
}
@media screen and (min-width: 768px) {
  .pg_contact_txt1 {
    text-align: center;
  }
}
@media screen and (min-width: 1200px) {
  #form-model .section_title_box {
    margin-bottom: 3.2rem;
  }
  .pg_contact_txt1 {
    margin-bottom: 6rem;
  }
}
/*************
/*FORM
*************/
/* FORM MODEL */
#form-model {
  max-width: 1000px;
  margin: 0 auto;
}
#form-model .form-label__required {
  font-weight: 500;
  font-size: 0.8rem;
  background-color: #fbc600;
  padding: 5px 13px;
  color: #fff;
  margin-right: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  white-space: nowrap;
}
#form-model .form-label__required_free {
  background-color: #8f9ea9;
}
#form-model input, #form-model textarea, #form-model select {
  padding: 15px;
  background-color: #f5f5f5;
  /* background-color: #f00;*/
  outline: none;
  resize: none;
  font-weight: 500;
  /*font-size: 1rem;*/
  font-size: 0.9375rem;
  margin: 0;
  border-radius: 0;
  border: none;
  width: 100%;
  /*height:56px; */
}
#form-model select {
  color: #bfbfbf;
}
#form-model select.selected {
  color: #282828;
}
#form-model input::placeholder, #form-model textarea::placeholder {
  color: #bfbfbf; /* 好きな色コードに変更 */
  opacity: 1; /* ブラウザによって薄く表示されるのを防ぐ */
}
/*#form-model #zip3 {
  margin-bottom: 0;
}*/
#form-model .form-group {
  border-bottom: 1px solid rgba(237, 237, 237, 1);
  /*   border-bottom: 1px solid rgb(255, 0, 0);*/
  padding-bottom: 1.85rem;
  margin-bottom: 1.85rem;
}
#form-model .form-group:first-child {
  padding-top: 1.85rem;
  border-top: 1px solid rgba(237, 237, 237, 1);
  /*border-top: 1px solid rgb(255, 0, 0);*/
}
#form-model .form-group.form-group_img_wrap {
  padding-bottom: 1rem;
}
#form-model .form-group.form-group--bottom {
  margin-bottom: 2.7rem;
}
#form-model .form-input__checkbox .agree .wpcf7-form-control {
  margin-bottom: 2rem;
}
#form-model .form-group--bottom span.wpcf7-list-item {
  text-align: center;
  margin: 0;
}
#form-model input[type="checkbox"], #form-model input[type="radio"] {
  display: inline-block;
}
#form-model .form-input__checkbox label {
  cursor: pointer;
}
#form-model .form-input__checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
#form-model .form-group .form-label {
  font-weight: 500;
  font-size: 0.928rem;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}
#form-model .form-group_check_outer {
  padding: 0.5rem 0 1rem;
}
#form-model .form-input__checkbox input:checked ~ .wpcf7-list-item-label::after {
  opacity: 1;
}
#form-model input[type="submit"] {
  letter-spacing: 0.02em;
  background-color: #1e283c;
  color: #fff;
  height: 65px;
  width: 100%;
  max-width: 300px;
  font-weight: 500;
  font-size: 1rem;
  border: none;
  border-radius: 45px;
}
@media screen and (min-width: 768px) {
  #form-model .form-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 1.85rem;
    margin-bottom: 1.85rem;
  }
  #form-model .form-group .form-label {
    font-size: 0.9375rem;
    width: 30%;
    margin-bottom: 0;
  }
  #form-model .form-group .form-label.form-label_up {
    padding-bottom: 4rem;
  }
  #form-model .form-label__required {
    padding: 6px 13px;
  }
  #form-model .form-group_check_outer {
    padding: 1rem 0 2rem;
  }
  #form-model .form-group.form-group--bottom {
    align-items: flex-start;
    margin-bottom: 3rem;
  }
  #form-model .form-group--bottom .form-label {
    align-self: center;
  }
  #form-model .form-group .wpcf7-form-control-wrap {
    width: 70%;
    margin-left: auto;
  }
  #form-model input, #form-model textarea, #form-model select {
    width: 100%;
  }
  #form-model .form-group.form-group_area {
    margin-top: -1.8rem;
    margin-bottom: 3.7rem !important;
  }
  #form-model .form-group--submit {
    width: 100%;
    text-align: center;
  }
  .form-group--submit .wpcf7-spinner {
    position: absolute;
  }
}
@media screen and (min-width: 992px) {
  #form-model .form-group .form-label {
    width: 22%;
  }
  #form-model .form-group .wpcf7-form-control-wrap {
    width: 78%;
  }
  #form-model input, #form-model textarea, #form-model select {
    padding: 22px 29px;
  }
  #form-model input[type="submit"] {
    padding: 0;
    height: 75px;
  }
}
/* RADIO */
#form-model .form-input__checkbox .wpcf7-form-control {
  color: #4c4948;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
/* CUSTOM CHECKBOX */
#form-model .form-input__checkbox .wpcf7-list-item {
  margin: 0;
}
#form-model .form-input__checkbox label {
  cursor: pointer;
  margin-bottom: 0;
}
#form-model .form-input__checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
#form-model .form-input__checkbox .wpcf7-list-item-label {
  position: relative;
  display: flex;
  align-items: center;
  font-weight: 500;
  /*  font-size: 1.6rem;*/
  font-size: 1rem;
  letter-spacing: 0;
  border-radius: 50%;
}
#form-model .form-input__checkbox .wpcf7-list-item-label::before, #form-model .form-input__checkbox .wpcf7-list-item-label::after {
  content: "";
  transition: 0.2s;
  border-radius: 0;
}
#form-model .form-input__checkbox .wpcf7-list-item-label::before {
  left: 0;
  display: block;
  height: 30px;
  width: 30px;
  margin-right: 10px;
  border: none;
  background-color: #f5f5f5;
}
#form-model .form-input__checkbox .wpcf7-list-item-label::after {
  position: absolute;
  top: 50%;
  left: 11px;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  opacity: 0;
  background-color: #1e283c;
}
#form-model .form-input__checkbox input:checked ~ .wpcf7-list-item-label::after {
  opacity: 1;
}
#form-model .form-input__checkbox .wpcf7-list-item {
  margin-right: 1.5rem;
}
/*ラジオボタン*/
#form-model .form-input__checkbox.form-input__radio .wpcf7-list-item-label::before {
  border-radius: 50%;
}
#form-model .form-input__checkbox.form-input__radio .wpcf7-list-item-label::after {
  border-radius: 50%;
}
@media screen and (min-width: 1200px) {
  #form-model .form-input__checkbox .wpcf7-list-item {
    margin-right: 2.1rem;
    margin-bottom: 0.2rem;
  }
  /*  #form-model .form-input__checkbox .wpcf7-list-item-label::before {
    height: 30px;
    width: 30px;
    margin-right: 14px;
  }
  #form-model .form-input__checkbox .wpcf7-list-item-label::after {
    left: 9px;
    width: 11px;
    height: 11px;
  }*/
}
/* 2COLUMN */
.form-group_2col_wrap {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}
.form-group_2col_item {
  width: 49%;
  min-width: 49%;
  position: relative;
}
.form-group_2col_wrap_txt {
  font-size: 0.857rem;
  color: #595959;
  margin-top: 0.8rem;
}
@media screen and (min-width: 768px) {
  .form-group_2col_wrap_outer {
    width: 70%;
  }
  .form-group_2col_item {
    width: 49%;
  }
  .form-group_2col_item01 {
    margin-bottom: 0;
  }
  #form-model .form-group .form-group_2col_people .wpcf7-form-control-wrap {
    width: calc(100% - 40px);
  }
  .form-group_2col_wrap_txt {
    font-size: 0.8125rem;
  }
}
@media screen and (min-width: 992px) {
  .form-group_2col_wrap_outer {
    width: 78%;
  }
}
@media screen and (min-width: 1200px) {
  .form-group_people .form-group_2col_item {
    padding-left: 10px;
  }
  #form-model .form-group .form-group_2col_people .wpcf7-form-control-wrap {
    width: calc(100% - 52px);
  }
}
.form-group_2col_item::before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  border-left: 1px solid rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 50%;
  right: 0.8rem;
  transform: translate(0%, -50%) rotate(-45deg);
  z-index: 1;
}
.form-group_2col_item.select-active::before {
  display: none;
}
@media screen and (min-width: 768px) {
  .form-group_2col_item::before {
    width: 8px;
    height: 8px;
    right: 2rem;
  }
}
.form-group_select {
  position: relative;
}
.form-group_select::before {
  content: "";
  display: block;
  width: 7px;
  height: 5px;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top: 4px solid #555;
  position: absolute;
  top: 50%;
  right: 0.8rem;
  transform: translate(0%, -50%);
  z-index: 1;
}
.form-group_select.select-active::before {
  display: none;
}
@media screen and (min-width: 768px) {
  .form-group_select::before {
    width: 10px;
    height: 6px;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 6px solid #555;
    right: 2rem;
  }
}
#form-model .form-group--agree {
  margin-bottom: 3rem;
}
.f_note {
  font-size: 1rem !important;
  margin-top: 2rem;
  margin-bottom: 0;
}
.f_note a {
  color: #000;
  text-decoration: underline;
  transition: all 0.5s;
}
.f_note a:hover {
  color: #828282;
  transition: all 0.5s;
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  #form-model .form-group--agree {
    width: 70%;
    margin-left: auto;
    text-align: left !important;
    margin-bottom: 3.2rem;
  }
}
@media screen and (min-width: 992px) {
  #form-model .form-group--agree {
    width: 70%;
  }
}
@media screen and (min-width: 1200px) {
  .f_note {
    font-size: 0.875rem !important;
    margin-top: 1.7rem;
  }
}
/* CUSTOM CHECKBOX */
.form-input__checkbox {
  margin-bottom: 0;
}
.form-input__checkbox label {
  cursor: pointer;
}
.form-input__checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.form-input__checkbox .wpcf7-list-item {
  margin-right: 2rem;
  margin-left: 0;
}
.form-input__checkbox .wpcf7-list-item-label {
  position: relative;
  padding-left: 38px;
  line-height: 40px;
  padding-top: 0;
  top: 0;
}
.form-input__checkbox.form-input__radio .wpcf7-list-item-label {
  padding-left: 37px;
}
.form-input__checkbox .wpcf7-list-item-label::before, .form-input__checkbox .wpcf7-list-item-label::after {
  content: "";
  position: absolute;
  border-radius: inherit;
  transition: 0.2s;
}
.form-input__checkbox .wpcf7-list-item-label::before {
  display: block;
  height: 40px;
  width: 40px;
  background-color: #fff;
  top: 50%;
  left: 0;
  transform: translate(0%, -50%);
}
.form-input__radio .wpcf7-list-item-label::before {
  border-radius: 50%;
}
.form-input__checkbox .wpcf7-list-item-label::after {
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  opacity: 0;
  background-color: #000;
}
.form-input__radio .wpcf7-list-item-label::after {
  border-radius: 50%;
}
.form-input__checkbox input:checked ~ .wpcf7-list-item-label::after {
  opacity: 1;
}
@media screen and (min-width: 1200px) {
  .form-input__checkbox .wpcf7-list-item-label {
    line-height: 40px;
  }
  #form-model .form-input__checkbox .wpcf7-list-item-label::after {
    left: 10px;
  }
}
@media screen and (min-width: 768px) {
  .form-input__checkbox {
    width: 70%;
  }
}
@media screen and (min-width: 992px) {
  .form-input__checkbox {
    width: 78%;
  }
}
@media screen and (min-width: 1200px) {
  .form-input__checkbox.form-input__radio .wpcf7-list-item-label {
    padding-left: 44px;
  }
}
/*||個人情報の取り扱いに同意する||*/
#form-model .form-input__checkbox--round .wpcf7-form-control {
  justify-content: center;
}
#form-model .form-input__checkbox--round .wpcf7-list-item-label {}
#form-model .form-input__checkbox--round .wpcf7-list-item-label::before, #form-model .form-input__checkbox--round .wpcf7-list-item-label::after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
#form-model .form-input__checkbox--round .wpcf7-list-item-label::before {
  left: 0;
  display: block;
  background-color: #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
}
#form-model .form-input__checkbox--round .wpcf7-list-item-label::after {
  left: 14.5px;
  width: 10px;
  height: 10px;
  opacity: 0;
  background-color: #1e283c;
  border-radius: 50%;
}
#form-model .form-input__checkbox--round .wpcf7-list-item-label {
  border-radius: 50%;
  line-height: 35px;
  padding-top: 0;
  font-size: 0.9375rem;
  position: relative;
  padding-left: 50px;
}
.form-input__checkbox--round .wpcf7-list-item-label::before {
  width: 50px;
  height: 50px;
  top: 50%;
  left: 0;
  transform: translate(0%, -50%);
}
.form-input__checkbox--round .wpcf7-list-item-label::after {
  left: 19.5px;
  top: 50%;
}
@media screen and (min-width: 768px) {
  #form-model .form-input__checkbox--round .wpcf7-form-control {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 1200px) {
  #form-model .form-input__checkbox--round .wpcf7-list-item-label {
    font-size: 1rem;
    padding-left: 58px;
  }
}
select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
input[type="button"], input[type="text"], input[type="submit"], input[type="image"], textarea {
  -webkit-appearance: none;
  border-radius: 0;
}
#form-model input[type="date"] {
  min-width: 100%;
  display: block;
  width: 100%;
  height: 100%;
  outline: none;
}
@media screen and (max-width: 576px) {
  #form-model .form-group_2col_item input[type="date"] {
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #524b40;
  }
  #form-model input[type="date"] {
    min-width: 90%;
  }
  .form-group_2col_item .wpcf7-select {
    height: 54px;
  }
  #form-model .form-group_2col_item01 input[type="date"].has-value::before {
    content: ""; /* 日付が入力されたらプレースホルダーを非表示にする */
    width: 0;
    padding-left: 0;
  }
}
@supports (-webkit-touch-callout: none) {
  #form-model .form-group_2col_item01 input[type="date"]::before {
    content: attr(placeholder);
    width: 100%;
    color: #524b40;
    padding-left: 10px;
  }
}
.form-input__areacontents_txt {
  font-size: 0.857rem;
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .form-input__areacontents {
    width: 70%;
    margin-left: auto;
  }
  .form-input__areacontents_txt {
    width: 70%;
    margin-left: auto;
    font-size: 0.8125rem;
  }
}
/*3COL-生年月日*/
.form-group_3col_list {
  display: flex;
  justify-content: space-between;
}
.form-group_3col_item {
  width: calc(100% / 3);
  padding-right: 1rem;
  display: flex;
  align-items: center;
}
.form-group_3col_item_txt {
  display: block;
  margin-left: 5px;
}
@media screen and (min-width: 768px) {
  .form-group_3col_list {
    width: 70%;
  }
  #form-model .form-group .form-group_3col_list .wpcf7-form-control-wrap {
    margin-left: 0;
  }
}
@media screen and (min-width: 992px) {
  .form-group_3col_list {
    width: 78%;
  }
  .form-group_3col_item_txt {
    margin-left: 1.2rem;
  }
}
/*||郵便番号||*/
.form-group_address_short_txt {
  font-size: 0.857rem;
  color: #595959;
  margin-top: 0.8rem;
}
@media screen and (min-width: 768px) {
  .form-group_address_short_inner {
    width: 70%;
  }
  #form-model .form-group_address input.form-input__half {
    width: 49%;
  }
  .form-group_address_short_txt {
    font-size: 0.8125rem;
  }
}
@media screen and (min-width: 992px) {
  .form-group_address_short_inner {
    width: 78%;
  }
}
/*||タツケンを知ったきっかけ||*/
#form-model .form-group.form-group_other_up {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.form-group_check_wrap_bottom {
  width: 100%;
}
@media screen and (min-width: 768px) {
  #form-model .form-group.form-group_other_up {
    padding-bottom: 1.4rem;
  }
  #form-model .form-group_check_wrap_bottom {
    width: 70%;
    /*   margin-left: 30%;*/
  }
}
@media screen and (min-width: 992px) {
  #form-model .form-group_check_wrap_bottom {
    width: 78%;
    /*  margin-left: 22%;*/
  }
}
.form-group_note_block {
  margin-bottom: 3rem;
}
.form-group_note {
  font-size: 0.928rem;
}
@media screen and (min-width: 768px) {
  .form-group_note_block {
    text-align: center;
    margin-bottom: 3.3rem;
  }
  .form-group_note {
    font-size: 0.875rem;
    line-height: 1.85;
    margin-bottom: 0.8rem;
  }
}

/*||リキャプチャ||*/
.grecaptcha-badge {
  visibility: hidden;
}
.form_grecaptcha {
  text-align: center;
  color: #777;
 font-size: 0.785rem;

  margin-top: 3rem;
  margin-bottom: 0;
 /* display: none;*/
}
.form_grecaptcha a {
  text-decoration: underline;
}
@media screen and (min-width: 500px) {
  .form_grecaptcha {
    font-size: 0.75rem;
    margin-top: 4rem;
  }
}
/*||資料請求||*/
.form-catalog_list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.form-catalog_list > .form-catalog_item {
  width: calc((100% - 30px) / 2);
}
#form-model .form-group-checkbox_img .form-input__checkbox .wpcf7-list-item {
  width: 100%;
  margin-right: 0;
}
#form-model .form-group-checkbox_img .form-input__checkbox .wpcf7-list-item-label {
  font-size: 0.928rem;
  line-height: 1.4;
  color: #282828;
  margin-top: 14px;
}
#form-model .form-group-checkbox_img .form-input__checkbox .form-catalog_item.prci01 .wpcf7-list-item-label {
  margin-top: 24px;
}
#form-model .form-group-checkbox_img .form-input__checkbox .form-catalog_item.prci02 .wpcf7-list-item-label {
  margin-top: 24px;
}
#form-model .form-group-checkbox_img .form-input__checkbox label {
  width: 100%;
}
.form-group-checkbox_img .wpcf7-form-control-wrap label::before {
  content: "";
  display: block;
  aspect-ratio: 80 / 113;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  border: 1px solid rgba(191, 191, 191, 1);
}
.prci01 .wpcf7-form-control-wrap label::before {
  background-image: url(../images/page/catalog/pgcat_req_img01.jpg);
}
.prci02 .wpcf7-form-control-wrap label::before {
  background-image: url(../images/page/catalog/pgcat_req_img02.jpg);
}
.prci03 .wpcf7-form-control-wrap label::before {
  background-image: url(../images/page/catalog/pgcat_req_img03.jpg);
}
.prci04 .wpcf7-form-control-wrap label::before {
  background-image: url(../images/page/catalog/pgcat_req_img04.jpg);
}
.prci05 .wpcf7-form-control-wrap label::before {
  background-image: url(../images/page/catalog/pgcat_req_img05.jpg);
}
.prci06 .wpcf7-form-control-wrap label::before {
  background-image: url(../images/page/catalog/pgcat_req_img06.jpg);
}
.prci07 .wpcf7-form-control-wrap label::before {
  background-image: url(../images/page/catalog/pgcat_req_img07.jpg);
}
.prci08 .wpcf7-form-control-wrap label::before {
  background-image: url(../images/page/catalog/pgcat_req_img08.jpg);
}
.prci09 .wpcf7-form-control-wrap label::before {
  background-image: url(../images/page/catalog/pgcat_req_img09.jpg);
}
.form-catalog_item_txt {
  font-size: 0.785rem;
  margin-top: 7px;
}
#form-model .form-group-checkbox_img .form-input__checkbox .form-catalog_item.prci01 .form-catalog_item_txt {
  margin-top: 12px;
}
#form-model .form-group-checkbox_img .form-input__checkbox .form-catalog_item.prci02 .form-catalog_item_txt {
  margin-top: 12px;
}
@media screen and (min-width: 768px) {
  #form-model .form-group.form-group-checkbox_img {
    align-items: flex-start;
  }
}
@media screen and (min-width: 992px) {
  .form-catalog_list > .form-catalog_item {
    width: calc((100% - 60px) / 3);
    margin-bottom: 6px;
  }
  #form-model .form-group-checkbox_img .form-input__checkbox .wpcf7-list-item-label {
    margin-top: 25px;
  }
  #form-model .form-group-checkbox_img .form-input__checkbox .form-catalog_item.prci08 .wpcf7-list-item-label, #form-model .form-group-checkbox_img .form-input__checkbox .form-catalog_item.prci09 .wpcf7-list-item-label {
    margin-top: 16px;
  }
  .form-catalog_item_txt {
    margin-top: 11px;
  }
  #form-model .form-group-checkbox_img .form-input__checkbox .form-catalog_item.prci08 .form-catalog_item_txt, #form-model .form-group-checkbox_img .form-input__checkbox .form-catalog_item.prci09 .form-catalog_item_txt {
    margin-top: 6px;
  }
}
@media screen and (min-width: 1200px) {
  #form-model .form-group-checkbox_img .form-input__checkbox .wpcf7-list-item-label {
    font-size: 1rem;
  }
  #form-model .form-group-checkbox_img .form-input__checkbox .form-catalog_item.prci08 .wpcf7-list-item-label, #form-model .form-group-checkbox_img .form-input__checkbox .form-catalog_item.prci09 .wpcf7-list-item-label {
    margin-top: 9px;
    padding-top: 18px;
  }
  .form-catalog_item_txt {
    font-size: 0.875rem;
    line-height: 1.57;
  }
}
/***************************************

***************************************/
/**************************************
/* レスポンシブ改行
***************************************/
@media screen and (max-width: 575px) {
  .br-sp5 {
    display: block;
  }
  .br-pc5 {
    display: none;
  }
}
@media screen and (min-width: 576px) {
  .br-sp5 {
    display: none;
  }
  .br-pc5 {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .br-sp7 {
    display: inline-block;
  }
  .br-pc7 {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .br-sp7 {
    display: none;
  }
  .br-pc7 {
    display: block;
  }
}
@media screen and (max-width: 991px) {
  .br-pc9 {
    display: none;
  }
  .br-sp9 {
    display: block;
  }
}
@media screen and (min-width: 992px) {
  .br-pc9 {
    display: block;
  }
  .br-sp9 {
    display: none;
  }
}
@media screen and (max-width: 1199px) {
  .br-pc12 {
    display: none;
  }
  .br-sp12 {
    display: block;
  }
}
@media screen and (min-width: 1200px) {
  .br-pc12 {
    display: block;
  }
  .br-sp12 {
    display: none;
  }
}
@media screen and (max-width: 1499px) {
  .br-pc15 {
    display: none;
  }
  .br-sp15 {
    display: block;
  }
}
@media screen and (min-width: 1500px) {
  .br-pc15 {
    display: block;
  }
  .br-sp15 {
    display: none;
  }
}
@media screen and (max-width: 1799px) {
  .br-pc18 {
    display: none;
  }
  .br-sp18 {
    display: block;
  }
}
@media screen and (min-width: 1800px) {
  .br-pc18 {
    display: block;
  }
  .br-sp18 {
    display: none;
  }
}