@charset "UTF-8";
/* 【共通】フォーム関連 */
.form-confirm-none {
  display: none;
}

.form-confirm-block {
  display: block;
}

.red-required-txt {
  color: #f00;
  text-align: center;
  margin-top: 32px;
}

.BAslide {
  position: relative;
  margin: 20px 0;
}

.BAslide::after {
  display: block;
  clear: both;
  content: "";
}

.BAslide .Before {
  float: left;
}

.BAslide .Before .bxslider:before {
  content: "Before";
}

.BAslide .After {
  float: right;
}

.BAslide .After .bxslider:before {
  font-size: 30px;
  content: "After";
}

.BAslide .Before, .BAslide .After {
  width: 450px;
}

.mw_wp_form_preview .priv-text {
  display: none;
}

.mw_wp_form_preview .priv-text {
  display: none;
}

pre {
  white-space: pre-wrap;
}

.p-filter__block label {
  display: inline-block;
}

.form-Box .none {
  display: none;
}

/* 確認・戻る・送信ボタン */
.bl_form_btn {
  display: flex;
  gap: 2em;
  justify-content: center;
  margin-block-start: 40px;
}

/* 確認ボタン非活性時 */
.bl_form_confirm[disabled] {
  background-color: #CCC;
  opacity: 0.5;
}

.form-Box .form-kakunin .bl_form_confirm[disabled]:hover {
  cursor: not-allowed;
}

/* 確認・送信ボタン */
.bl_form_confirm {
  display: block;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  background-image: url(../images/common/form_to-confirm.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  cursor: pointer;
  transition: opacity 0.2s ease 0s;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.bl_form_confirm:disabled {
  opacity: 0.4;
  pointer-events: none;
}
.bl_form_confirm:hover {
  opacity: 0.8;
}

/* 戻るボタン */
.bl_form_back {
  display: block;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  background-image: url(../images/common/form_back.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  cursor: pointer;
  transition: opacity 0.2s ease 0s;
}
.bl_form_back:disabled {
  opacity: 0.4;
  pointer-events: none;
}
.bl_form_back:hover {
  opacity: 0.8;
}

/* 送信ボタン */
.wpcf7-submit {
  display: block;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  background-image: url(../images/common/form_submit.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  cursor: pointer;
  transition: opacity 0.2s ease 0s;
}
.wpcf7-submit:disabled {
  opacity: 0.4;
  pointer-events: none;
}
.wpcf7-submit:hover {
  opacity: 0.8;
}

/* 確認画面とメッセージ、スピナーを非表示 */
.bl_formConfirm,
.wpcf7-response-output,
.bl_formConfirm .wpcf7-spinner {
  display: none;
}

/* 送信完了画面 */
.bl_formThanks_ttl,
.bl_formThanks_txt {
  text-align: center;
}

.bl_formThanks_ttl {
  font-size: 24px;
  font-weight: 700;
}

.bl_formThanks_txt {
  margin-block-start: 1em;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
  display: none;
}

.bl_confirm_consent {
  text-align: center;
}

.error_output_form {
  color: #f00;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 1em;
}

.wpcf7-list-item {
  margin-left: 0 !important;
  margin-right: 1em !important;
  display: inline-block;
}

.form_tel_area3 {
  margin-top: 0.5em;
}

@media screen and (max-width: 1100px) {
  body:not(.no-rp) .BAslide .Before, body:not(.no-rp) .BAslide .After {
    width: 45%;
  }
}
.BAslide .bxslider {
  position: relative;
}

.BAslide .bxslider:before {
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  z-index: 99;
  top: 10px;
  left: 10px;
  display: inline-block;
  color: #ccc;
}

.BAslide .bxslider img {
  width: auto;
  height: auto;
  max-height: 400px;
  margin: 0 auto;
}

@media screen and (max-width: 800px) {
  body:not(.no-rp) .BAslide .bx-wrapper .bx-viewport {
    height: 200px;
  }
}
@media screen and (max-width: 600px) {
  body:not(.no-rp) .BAslide .bx-wrapper .bx-viewport {
    height: 100px;
  }
}
@media screen and (max-width: 800px) {
  body:not(.no-rp) .BAslide .bx-wrapper img {
    width: auto;
    height: 200px;
  }
}
@media screen and (max-width: 600px) {
  body:not(.no-rp) .BAslide .bx-wrapper img {
    height: 100px;
  }
}
.BAslide #bx-pager, .BAslide #bx-pager02 {
  width: 100%;
}

.BAslide #bx-pager a, .BAslide #bx-pager02 a {
  display: inline-block;
  min-width: 98px;
  margin-right: 3px;
  margin-bottom: 5px;
  padding: 3px;
  text-align: center;
  border: 1px solid #ccc;
}

.BAslide #bx-pager img, .BAslide #bx-pager02 img {
  max-height: 60px;
  vertical-align: bottom;
}

.arrow {
  position: absolute;
  top: 30%;
  right: 0;
  left: 0;
  display: inline-block;
  width: 0;
  margin: 0 auto;
  border: 30px solid transparent;
  border-right-width: 0;
  border-left-color: #ccc;
}

.maptext {
  text-align: right;
}

.btn-send {
  text-align: center;
}

/* 【システム pc/sp 共通】 */
.image-fit > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-position: center center;
     object-position: center center;
  max-width: 100%;
  max-height: 100%;
}
.image-fit.f-contain > img {
  -o-object-fit: contain;
     object-fit: contain;
}
.image-fit.f-cover > img {
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (min-width: 768px), print {
  .link-btn {
    border-bottom: 1px solid #666666;
    line-height: 1;
    color: inherit;
  }
  .link-btn::after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background-image: url(../images/top/link-btn-arrow.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    transition: transform 0.4s ease 0s;
  }
  .link-btn:hover {
    text-decoration: none;
  }
  .link-btn:hover::after {
    transform: translateX(33%);
  }
  .link-btn img:hover {
    opacity: 1;
  }
  .cmp-box {
    width: 1100px;
    margin: 0 auto;
  }
  .borderwrap .cmp-txt {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 12px;
    padding-bottom: 5px;
    border-bottom: 1px solid #000;
  }
  .borderwrap > h2 {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0.05em;
    margin-bottom: 0.5em;
  }
  .borderwrap > p {
    font-size: 16px;
    line-height: 1.875;
  }
  .borderwrap > p + p {
    margin-top: 0.5em;
  }
  .thanks-to-top {
    width: 220px;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    letter-spacing: 0.05em;
    padding: 0 20px 22px 9px;
    white-space: nowrap;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
  }
  .mwform-checkbox-field label, .mwform-radio-field label {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 8px !important;
  }
  .mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: 0 !important;
  }
  /* ★ インクルードのタイトル*/
  .inc-list-ttl {
    font-size: 22px;
    font-weight: 700;
    margin-top: 48px;
    margin-bottom: 40px;
    text-align: center;
  }
  /* ★ 詳細システム枠*/
  /* ★ gallery*/
  .system-gallery .sy-gallery-ttl {
    width: -moz-fit-content;
    width: fit-content;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.1em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 18px;
    padding-left: 3em;
    padding-right: 3em;
    padding-bottom: 16px;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #666;
  }
  .system-gallery .sy-gallery-ttl > img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 1em;
    width: auto;
  }
  .system-gallery .gallery-list {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
  }
  .system-gallery .gallery-list li {
    font-size: 13px;
    line-height: 1.4;
    position: relative;
    width: 18.4%;
    margin: 12px 2% 0 0;
    text-align: left;
  }
  .system-gallery .gallery-list li:nth-of-type(5n) {
    margin-right: 0;
  }
  .system-gallery .gallery-list li a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .system-gallery .gallery-list li a:hover {
    text-decoration: none;
  }
  .system-gallery .gallery-list li .system-Frame {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 120px;
    text-align: center;
  }
  .system-gallery .gallery-list li .system-Frame::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 30px;
    height: 30px;
    background-image: url(../images/common/icon_plus.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
  }
  .system-gallery .gallery-list li .system-Frame img {
    width: 100%;
    height: 120px;
  }
  .system-gallery .gallery-list li .caption {
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.4;
    letter-spacing: 0.05em;
  }
  /* form -------------------------------------*/
  .form-Box_bg {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #666666;
  }
  .form-Box_bg.noborder {
    border: none;
  }
  .form-Box-title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 103px;
    margin-bottom: 60px;
    font-size: 29px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    letter-spacing: 0.5em;
    color: white;
    background-color: #B11F25;
  }
  .form-Box {
    max-width: 842px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 60px;
    color: #666;
  }
  .form-Box p + p {
    margin-top: 0;
  }
  .form-lead {
    max-width: 750px;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
  }
  .form-lead-list > li {
    font-size: 15px;
    letter-spacing: 0.05em;
    padding-left: 1em;
    text-indent: -1em;
    line-height: 2.1333333333;
  }
  .form-lead-list > li::before {
    content: "・";
    text-indent: 0;
  }
  .required-text {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #AD0000;
    color: white;
    height: 21px;
    width: 3em;
    font-size: 80%;
    font-weight: 500;
    text-indent: 0;
    margin-right: 4px;
  }
  /* 確認ボタン */
  .bl_form_confirm {
    width: 390px;
    height: 91px;
  }
  /* 戻るボタン */
  .bl_form_back {
    width: 390px;
    height: 91px;
  }
  /* 送信ボタン */
  .wpcf7-submit {
    width: 390px;
    height: 91px;
  }
  /* 確認ボタン 外枠 */
  /* 戻る・送信ボタン 外枠 */
  .form-kakunin,
  .form-soushin {
    margin-top: 40px;
  }
  .form-kakunin > p,
  .form-soushin > p {
    display: flex;
    justify-content: center;
    gap: 30px;
  }
  .form-Box .error {
    margin-top: 0.3em;
    margin-bottom: 1em;
  }
  .form-Box .attention-color {
    color: #f00;
  }
  .form-Box table {
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0;
    width: 100%;
    margin-bottom: 50px;
  }
  .form-Box th {
    width: 30%;
    font-size: 15px;
    padding: 20px;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #d0d0d0;
  }
  .required > p::after {
    content: "必須";
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #AD0000;
    color: white;
    height: 21px;
    width: 3em;
    font-size: 80%;
    font-weight: 500;
    text-indent: 0;
    margin-left: 4px;
  }
  .form-Box td {
    width: 70%;
    padding: 20px;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #d0d0d0;
  }
  .form-Box td .wpcf7-list-item {
    white-space: nowrap;
  }
  .form-Box td .wpcf7-list-item.has-free-text {
    display: inline-flex;
    gap: 0.5em;
  }
  .form-Box td span[data-name=kikkake] {
    display: block;
    margin-bottom: 0.5em;
  }
  .form-Box td img {
    max-width: 100%;
    height: auto;
  }
  .form-Box td dl {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .form-Box td dl > dt {
    width: 4em;
    margin-top: 1em;
  }
  .form-Box td dl > dt > p::after {
    content: "：";
  }
  .form-Box td dl > dt:first-of-type {
    margin-top: 0;
  }
  .form-Box td dl > dd {
    width: calc(100% - 4em);
    margin-top: 1em;
  }
  .form-Box td dl > dd:first-of-type {
    margin-top: 0;
  }
  .form-Box .from-btn-01 {
    text-align: center;
  }
  .form-Box .from-btn-02 {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    width: 680px;
    margin-top: 24px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }
  .form-Box .button {
    margin: 0;
    padding: 0;
    border: 0;
  }
  .form-Box .button:hover {
    cursor: pointer;
    cursor: hand;
    opacity: 0.8;
  }
  .form-Box input[type=text], .form-Box input[type=email], .form-Box input[type=tel], .form-Box input[type=date], .form-Box select, .form-Box textarea {
    font-size: 0.875rem;
    box-sizing: border-box;
    padding: 1%;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
  }
  .form-Box textarea {
    width: 100%;
    min-height: 120px;
  }
  .form-Box .form-soushin input:nth-child(1) { /* margin-right: 40px; */ }
  .form-Box .date_time p {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
  }
  .form-Box .date_time p span {
    width: 26%;
  }
  .form-Box .date_time p span input {
    width: 100%;
  }
  .form-Box .date_time p span:nth-child(1) {
    margin-right: 2%;
  }
  .o-modelhouse-txt {
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 8px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "NotoSansCJKjp", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  }
  .form-Box .o-modelhouse-th {
    width: 50%;
    padding: 23px 40px 25px 40px;
  }
  .form-Box .o-modelhouse-td {
    width: 50%;
  }
  .form-Box .form-soushin input:hover {
    cursor: pointer;
    cursor: hand;
    opacity: 0.8;
  }
  .form-Box .wpcf7-spinner {
    display: block;
    margin: 0 auto;
    margin-top: 24px;
  }
  .form-Box .aida-txt {
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    border-bottom: 1px solid #E2E2E2;
    padding-bottom: 40px;
  }
  .form-Box .f-w {
    width: 100%;
  }
  .tmp-address {
    display: block;
    margin-bottom: -10px;
  }
  .c-form-ttl-box {
    text-align: center;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 32px;
  }
  .c-form-ttl-box .c-form-txt-1 {
    font-family: "hypatia-sans-pro", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 60px;
    letter-spacing: 0.05em;
    line-height: 63px;
    color: #1a1a1a;
    text-transform: uppercase;
    margin-bottom: 6px;
  }
  .c-form-ttl-box .c-form-txt-2 {
    font-weight: bold;
    font-size: 22px;
    letter-spacing: 0.1em;
    text-align: center;
    color: #000;
  }
  .c-form-ttl-box .c-form-line {
    width: 46px;
    height: 3px;
    position: absolute;
    background-color: #000000;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .sy-w1100_bg {
    width: 1100px;
    margin: 0 auto;
  }
  .txt-message-02 {
    font-size: 14px;
    text-align: center;
    margin-bottom: -13px;
    margin-top: 48px;
  }
  .form-Box th .essential {
    background: #bb8b3f;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.05em;
    line-height: normal;
    text-align: center;
    color: #fff;
    display: inline-block;
    width: 37px;
    height: 19px;
    border-radius: 5px;
    margin-right: 8px;
    position: relative;
    top: -1.5px;
  }
  .form-Box .none.on {
    display: block;
  }
  .gyoume-wap {
    width: 100%;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
  }
  .gyoume {
    width: calc(100% - 45px);
    position: relative;
    top: -7px;
  }
  .pp-tac {
    text-align: center;
    margin-top: 16px;
    letter-spacing: 0;
    line-height: 1.8;
  }
  .priv-title {
    margin-bottom: 20px;
    text-align: center;
  }
  .priv-text {
    overflow-y: scroll;
    height: 250px;
    margin-bottom: 30px;
    padding: 20px;
    border: #ccc solid 1px;
    background: #fff;
    line-height: 1.8;
    letter-spacing: 0;
  }
  .priv-text .priv-ttl {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.05em;
    margin-bottom: 10px;
  }
  .priv-text p {
    font-size: 13px;
    margin-bottom: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: #ccc solid 1px;
  }
  .priv-text p + p {
    margin-top: auto;
  }
  .priv {
    margin-bottom: 30px;
    text-align: center;
  }
  .priv-text .tt {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    letter-spacing: 0.05em;
  }
  .error_output_form {
    line-height: 1.8;
  }
  .btn-item {
    display: inline-block;
  }
  .borderwrap {
    width: 1200px;
    margin: 0 auto 40px;
  }
  .borderwrap .otoiawase {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 30px;
    padding: 10px;
    background: #ccc;
  }
  main {
    margin: 0 auto 100px auto;
  }
  main > section.system-outer,
  main > article.system-outer {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
  }
  /* system-common */
  .page-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    font-size: 14px;
    margin-top: 60px;
  }
  .page-list > span,
  .page-list > a {
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4em;
    aspect-ratio: 1/1;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: #666;
    background-color: #fff;
    transition: background-color 0.4s ease 0s, color 0.4s ease 0s;
    border: 1px solid #d0d0d0;
  }
  .page-list > span.current,
  .page-list > a.current {
    color: #fff;
    background-color: #666;
  }
  .page-list > span.extend,
  .page-list > a.extend {
    border: none;
    width: 2em;
    aspect-ratio: none;
  }
  .page-list > a:hover {
    text-decoration: none;
    background-color: #ccc;
  }
  .pagen {
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #666;
    width: 100%;
  }
  .pagen > .list {
    order: 2;
  }
  .pagen > .list > a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: inherit;
    color: inherit;
    width: 6em;
    height: 3em;
    background-color: #fff;
    border: 1px solid #666;
    transition: background-color 0.4s ease 0s;
  }
  .pagen > .list > a:hover {
    text-decoration: none;
    background-color: #ccc;
  }
  .pagen > .page-navi {
    order: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1em;
  }
  .pagen > .page-navi::before {
    content: "";
    display: block;
    order: 2;
    height: 1.5em;
    width: 1px;
    background-color: #666;
  }
  .pagen > .page-navi > li.fast {
    order: 1;
  }
  .pagen > .page-navi > li.last {
    order: 3;
  }
  .pagen > .page-navi > li > a {
    font-family: inherit;
    color: inherit;
    padding: 0 0.5em;
  }
  .pagen > .page-navi > li > a:hover {
    text-underline-offset: 0.25em;
    text-decoration-thickness: 1px;
  }
  .btnArea {
    margin: 50px 0 20px;
    padding: 0;
    text-align: center;
  }
  .btnArea a {
    font-size: 0.875em;
    font-weight: bold;
    display: block;
    width: 60%;
    margin: 0 auto;
    padding: 20px 50px;
    text-align: center;
    letter-spacing: 1px;
    color: #fff;
    background: #000;
  }
  .btnArea a:hover {
    text-decoration: none;
    background: #666;
  }
  .btnArea-s {
    text-align: center;
  }
  .btnArea-s a {
    font-size: 0.875em;
    font-weight: bold;
    display: inline-block;
    margin: 0 auto;
    padding: 10px 50px;
    text-align: center;
    letter-spacing: 1px;
    color: #fff;
    background: #000;
  }
  .btnArea-s a:hover {
    text-decoration: none;
    background: #666;
  }
  .btnArea-s::after {
    display: block;
    margin-bottom: 100px;
    content: "";
  }
  .borderwrap {
    margin-bottom: 40px;
  }
  .borderwrap p {
    font-size: 0.875em;
    line-height: 1.8;
  }
  .cate-list {
    padding: 30px 20px;
    border: 1px solid #D0D0D0;
    margin-bottom: 60px;
    text-align: center;
  }
  .cate-ttl {
    font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 3em 20px;
    margin: 0 auto 30px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    border-bottom: 1px solid #D0D0D0;
    letter-spacing: 0.1em;
  }
  .cate-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  }
  .cate-links > a {
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    display: block;
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    padding: 1em 1.5em;
    letter-spacing: 0.05em;
    color: #fff;
    background: #999;
    transition: background-color 0.4s ease 0s;
  }
  .cate-links > a:hover {
    text-decoration: none;
    background-color: #777;
  }
  .taxttl {
    font-weight: bold;
    margin-bottom: 10px;
    padding: 20px;
    background: #ccc;
  }
  .systemtab-list {
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: 0.05em;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .systemtab-list > li {
    display: flex;
    flex-basis: 50%;
    margin-bottom: -1px;
    border: #ccc 1px solid;
  }
  .systemtab-list > li .systemtab-list-ttl {
    flex-basis: 33%;
    padding: 5%;
    background: #f8f8f8;
    font-weight: 500;
  }
  .systemtab-list > li p {
    flex-basis: 67%;
    padding: 5%;
    background: #fff;
    font-weight: 400;
  }
  .systemtab-list > li:nth-of-type(2n) {
    margin-left: -1px;
  }
  .other-ttl {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
  }
  /* サイドバー */
  #sidebar .widget_calendar {
    margin-bottom: 40px;
  }
  table#wp-calendar {
    font-size: 12px;
    width: 100%;
    margin: 5px auto 0 auto;
    margin-bottom: 30px;
    padding: 0;
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: collapse;
  }
  table#wp-calendar caption {
    font-weight: bold;
    width: auto;
    margin: 10px 0 0 0;
    padding: 10px;
    text-align: center;
    border: thin solid #eee;
    border-radius: 3px 3px 0 0;
    background-color: #fff;
  }
  table#wp-calendar #today {
    font-weight: bold;
    z-index: 1;
    display: block;
    background-color: #cef;
  }
  table#wp-calendar .pad {
    font-weight: bold;
    background-color: #eee;
  }
  table#wp-calendar th, table#wp-calendar td {
    padding: 7px 0;
    text-align: center;
    vertical-align: middle;
  }
  table#wp-calendar td {
    line-height: 1.8;
    border: thin solid #eee;
    background-color: #fff;
  }
  table#wp-calendar th {
    font-style: normal;
    color: #333;
    border-right: thin solid #eee;
    border-left: thin solid #eee;
    background-color: #f0f0f0;
  }
  table#wp-calendar a {
    font-size: 12px;
    padding: 0;
    text-decoration: underline;
    color: #00a0dd;
  }
  /*****************************************************
  * ここから各投稿用
  *****************************************************/
  /* works -------------------------------------*/
  #works {
    color: #666666;
    /* 一覧 -------------------------------------*/
    /* 詳細 -------------------------------------*/
    /* ギャラリー -------------------------------------*/
  }
  #works .taxonomy-name {
    font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    line-height: 1;
    font-weight: 500;
    text-align: center;
    letter-spacing: 0.1em;
    margin-bottom: 50px;
    gap: 1.5em;
  }
  #works .taxonomy-name::before, #works .taxonomy-name::after {
    content: "";
    display: block;
    width: 5em;
    height: 1px;
    background-color: #666;
  }
  #works .works-list {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 70px;
    flex-wrap: wrap;
  }
  #works .works-item {
    width: 320px;
  }
  #works .works-item__link {
    display: block;
    width: 100%;
    height: 100%;
    color: inherit;
  }
  #works .works-item__link:hover {
    text-decoration: none;
  }
  #works .works-item__link:hover > .works-item__pic > img {
    transform: scale(1.08);
  }
  #works .works-item__link:hover > .works-item__title {
    text-decoration: underline;
    text-underline-offset: 0.25em;
    text-decoration-thickness: 1px;
  }
  #works .works-item__pic {
    margin-bottom: 14px;
    aspect-ratio: 320/210;
    overflow: hidden;
  }
  #works .works-item__pic > img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center center;
       object-position: center center;
    transform-origin: center center;
    transition: transform 0.4s ease 0s;
  }
  #works .works-item__pic > img:hover {
    opacity: 1;
  }
  #works .works-item__category {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 14px;
  }
  #works .works-item__category > span {
    display: block;
    font-size: 12px;
    line-height: 1;
    padding: 0.5em 1em;
    color: #fff;
    background-color: #999;
    letter-spacing: 0.05em;
  }
  #works .works-item__area {
    margin-bottom: 13px;
    font-size: 13px;
    line-height: 1;
    color: #999999;
    letter-spacing: 0.05em;
  }
  #works .works-item__title {
    font-size: 16px;
    line-height: 1.6875;
    letter-spacing: 0.05em;
  }
  #works .content-wrapper {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  #works .system-header {
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d0d0d0;
  }
  #works .system-category {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 18px;
    font-size: 14px;
  }
  #works .system-category > span {
    display: block;
    font-size: inherit;
    line-height: 1;
    padding: 0.5em 1em;
    color: #fff;
    background-color: #999;
    letter-spacing: 0.05em;
  }
  #works .system-area {
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.05em;
    display: block;
    margin-bottom: 18px;
  }
  #works .system-area::before {
    content: "■";
  }
  #works .system-ttl {
    font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.05em;
  }
  #works .system-i-pic {
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
  }
  #works .system-i-pic > img {
    display: block;
    max-width: 100%;
    height: auto;
    max-height: 600px;
    margin-left: auto;
    margin-right: auto;
  }
  #works .system-post-content {
    margin-top: 60px;
    margin-bottom: 60px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  #works .system-post-content:last-child {
    margin-bottom: 120px;
  }
  #works .system-gallery {
    padding: 30px 20px;
    background: #eeefef;
    margin-bottom: 120px;
  }
  /* interview -------------------------------------*/
  #interview {
    color: #666666;
    /* 一覧 -------------------------------------*/
    /* 詳細 -------------------------------------*/
  }
  #interview a {
    color: inherit;
  }
  #interview .voice-list {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 50px 40px;
    flex-wrap: wrap;
  }
  #interview .voice-item {
    width: 340px;
    border: 1px solid #D0D0D0;
  }
  #interview .voice-item__link {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 40px 30px;
    transition: background-color 0.4s ease 0s;
    color: inherit;
    /*&::after{
      content: "";
      display: block;
      position: absolute;
      top: 113px;
      right: setClampByWinWidth(35, 93);
      width: 8px;
      height: 105px;
      background-image: url(../images/top/renovation-story.png);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center center;
    }*/
  }
  #interview .voice-item__link:hover {
    text-decoration: none;
    background-color: #f6f6f6;
  }
  #interview .voice-item__link:hover > .voice-item__pic > img {
    transform: scale(1.08);
  }
  #interview .voice-item__pic {
    width: 100%;
    aspect-ratio: 280/200;
    margin-bottom: 24px;
    overflow: hidden;
  }
  #interview .voice-item__pic > img {
    display: block;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center center;
       object-position: center center;
    width: 100%;
    height: 100%;
    max-width: 100%;
    transition: transform 0.4s ease 0s;
  }
  #interview .voice-item__pic > img:hover {
    opacity: 1;
  }
  #interview .voice-item__areaname {
    margin-bottom: 24px;
    font-size: 13px;
    letter-spacing: 0.05em;
    line-height: 1.2;
  }
  #interview .voice-item__title {
    width: 100%;
    font-size: 16px;
    line-height: 1.625;
    letter-spacing: 0.05em;
  }
  #interview .content-wrapper {
    margin-top: 60px;
    margin-bottom: 60px;
    border: 1px solid #d0d0d0;
    padding: 40px;
  }
  #interview .system-header {
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d0d0d0;
  }
  #interview .system-category {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 18px;
    font-size: 14px;
  }
  #interview .system-category > span {
    display: block;
    font-size: inherit;
    line-height: 1;
    padding: 0.5em 1em;
    color: #fff;
    background-color: #999;
    letter-spacing: 0.05em;
  }
  #interview .system-area {
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.05em;
    display: block;
    margin-bottom: 18px;
  }
  #interview .system-area::before {
    content: "■";
  }
  #interview .system-ttl {
    font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.05em;
  }
  #interview .system-i-pic {
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
  }
  #interview .system-i-pic > img {
    display: block;
    max-width: 100%;
    height: auto;
    max-height: 600px;
    margin-left: auto;
    margin-right: auto;
  }
  #interview .system-post-content {
    margin-top: 60px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  /* blog -------------------------------------*/
  #blog {
    color: #666666;
    /* 一覧 -------------------------------------*/
    /* 詳細 -------------------------------------*/
    /*blogサイドバー*/
  }
  #blog a {
    color: inherit;
  }
  #blog .mainContents {
    float: right;
    width: 73%;
    position: relative;
    top: 0px;
  }
  #blog .date-archive-title {
    font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    line-height: 1;
    font-weight: 500;
    text-align: center;
    letter-spacing: 0.1em;
    margin-bottom: 50px;
    gap: 1.5em;
  }
  #blog .date-archive-title::before, #blog .date-archive-title::after {
    content: "";
    display: block;
    width: 5em;
    height: 1px;
    background-color: #666;
  }
  #blog .blog-item {
    border-bottom: 1px solid #D3D3D3;
  }
  #blog .blog-item:first-child {
    border-top: 1px solid #D3D3D3;
  }
  #blog .blog-item__link {
    display: block;
    padding-top: 39px;
    padding-bottom: 39px;
    color: inherit;
    transition: background-color 0.4s ease 0s;
  }
  #blog .blog-item__link:hover {
    text-decoration: none;
    background-color: #f6f6f6;
  }
  #blog .blog-item__link:hover .blog-item__title {
    text-decoration: underline;
    text-underline-offset: 0.25em;
    text-decoration-thickness: 1px;
  }
  #blog .blog-item__link::after {
    content: "";
    clear: both;
    display: block;
    width: 100%;
    height: 0;
  }
  #blog .blog-item__pic {
    width: 120px;
    aspect-ratio: 4/3;
    float: left;
  }
  #blog .blog-item__pic > img {
    display: block;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center center;
       object-position: center center;
    width: 100%;
    height: 100%;
    max-width: 100%;
  }
  #blog .blog-item__pic > img:hover {
    opacity: 1;
  }
  #blog .blog-item__date {
    margin-top: 6px;
    margin-left: 160px;
    font-size: 13px;
    letter-spacing: 0.05em;
    line-height: 1;
    color: #999999;
  }
  #blog .blog-item__title {
    display: -webkit-box;
    margin-top: 17px;
    margin-left: 160px;
    font-size: 16px;
    line-height: 1.625;
    letter-spacing: 0.05em;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  #blog .content-wrapper {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  #blog .system-header {
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d0d0d0;
  }
  #blog .system-category {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 18px;
    font-size: 14px;
  }
  #blog .system-category > span {
    display: block;
    font-size: inherit;
    line-height: 1;
    padding: 0.5em 1em;
    color: #fff;
    background-color: #999;
    letter-spacing: 0.05em;
  }
  #blog .system-date {
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.05em;
    display: block;
    margin-bottom: 18px;
  }
  #blog .system-date::before {
    content: "■";
  }
  #blog .system-ttl {
    font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.05em;
  }
  #blog .system-i-pic {
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
  }
  #blog .system-i-pic > img {
    display: block;
    max-width: 100%;
    height: auto;
    max-height: 600px;
    margin-left: auto;
    margin-right: auto;
  }
  #blog .system-post-content {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  #blog aside.sidebar {
    float: left;
    width: 23%;
    position: relative;
    top: -31px;
  }
  #blog aside.sidebar .aside-blog-ttl {
    margin-bottom: 20px;
    padding-bottom: 10px;
    text-align: center;
    border-bottom: 1px solid #ccc;
  }
  #blog aside.sidebar .aside-blog-ttl span.en {
    font-size: 0.75em;
    display: block;
    margin-bottom: 10px;
    letter-spacing: 1px;
    color: #aaa;
  }
  #blog aside.sidebar .aside-blog-ttl span.jp {
    font-size: 0.938em;
    font-weight: bold;
  }
  #blog aside.sidebar .list-block {
    margin: 20px 0 40px;
  }
  #blog aside.sidebar .list-block .side-day {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 10px;
    color: #999999;
  }
  #blog aside.sidebar .list-block .side-blog-new-list li {
    border-bottom: 1px dotted #b2b2b2;
    padding-bottom: 12px;
    margin-bottom: 12px;
  }
  #blog aside.sidebar .list-block .side-blog-new-list a {
    display: block;
  }
  #blog aside.sidebar .list-block .side-blog-new-list a > .side-day {
    margin-bottom: 6px;
  }
  #blog aside.sidebar .list-block .side-blog-new-list a:hover {
    text-decoration: none;
  }
  #blog aside.sidebar .list-block .side-blog-new-list a:hover > .side-title {
    text-decoration: underline;
    text-underline-offset: 0.25em;
    text-decoration-thickness: 1px;
  }
  #blog aside.sidebar .list-block .scr-side-blog-list + .scr-side-blog-list {
    margin-top: 0.5em;
  }
  /* news -------------------------------------*/
  #news {
    color: #666666;
    /* 一覧 -------------------------------------*/
    /* 詳細 -------------------------------------*/
    /*blogサイドバー*/
  }
  #news a {
    color: inherit;
  }
  #news > section.system-outer,
  #news > article.system-outer {
    max-width: initial;
    background-image: url(../images/common/system-bg.jpg);
    background-repeat: repeat;
  }
  #news .inner {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  #news .mainContents {
    float: right;
    width: 73%;
    position: relative;
    top: 0px;
  }
  #news .date-archive-title {
    font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    line-height: 1;
    font-weight: 500;
    text-align: center;
    letter-spacing: 0.1em;
    margin-bottom: 50px;
    gap: 1.5em;
  }
  #news .date-archive-title::before, #news .date-archive-title::after {
    content: "";
    display: block;
    width: 5em;
    height: 1px;
    background-color: #666;
  }
  #news .news-list {
    padding: 30px;
    background-color: #fff;
  }
  #news .news-item {
    padding-bottom: 23px;
    border-bottom: 1px solid #D0D0D0;
    letter-spacing: 0.05em;
  }
  #news .news-item + .news-item {
    margin-top: 29px;
  }
  #news .news-item__link:hover {
    text-decoration: none;
  }
  #news .news-item__link:hover > .news-item__title {
    text-decoration: underline;
    text-underline-offset: 0.25em;
    text-decoration-thickness: 1px;
  }
  #news .news-item__date {
    margin-left: 1px;
    margin-bottom: 12px;
    color: #999999;
    font-size: 13px;
    line-height: 1;
  }
  #news .news-item__title {
    font-size: 16px;
    line-height: 1.625;
  }
  #news .content-wrapper {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 30px;
    background-color: #fff;
  }
  #news .system-header {
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d0d0d0;
  }
  #news .system-category {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 18px;
    font-size: 14px;
  }
  #news .system-category > span {
    display: block;
    font-size: inherit;
    line-height: 1;
    padding: 0.5em 1em;
    color: #fff;
    background-color: #999;
    letter-spacing: 0.05em;
  }
  #news .system-date {
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.05em;
    display: block;
    margin-bottom: 18px;
  }
  #news .system-date::before {
    content: "■";
  }
  #news .system-ttl {
    font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.05em;
  }
  #news .system-post-content {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  #news aside.sidebar {
    float: left;
    width: 23%;
    position: relative;
    top: -31px;
  }
  #news aside.sidebar .aside-blog-ttl {
    margin-bottom: 20px;
    padding-bottom: 10px;
    text-align: center;
    border-bottom: 1px solid #ccc;
  }
  #news aside.sidebar .aside-blog-ttl span.en {
    font-size: 0.75em;
    display: block;
    margin-bottom: 10px;
    letter-spacing: 1px;
    color: #aaa;
  }
  #news aside.sidebar .aside-blog-ttl span.jp {
    font-size: 0.938em;
    font-weight: bold;
  }
  #news aside.sidebar .list-block {
    margin: 20px 0 40px;
  }
  #news aside.sidebar .list-block .side-day {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 10px;
    color: #999999;
  }
  #news aside.sidebar .list-block .side-blog-new-list li {
    border-bottom: 1px dotted #b2b2b2;
    padding-bottom: 12px;
    margin-bottom: 12px;
  }
  #news aside.sidebar .list-block .side-blog-new-list a {
    display: block;
  }
  #news aside.sidebar .list-block .side-blog-new-list a > .side-day {
    margin-bottom: 6px;
  }
  #news aside.sidebar .list-block .side-blog-new-list a:hover {
    text-decoration: none;
  }
  #news aside.sidebar .list-block .side-blog-new-list a:hover > .side-title {
    text-decoration: underline;
    text-underline-offset: 0.25em;
    text-decoration-thickness: 1px;
  }
  #news aside.sidebar .list-block .scr-side-blog-list + .scr-side-blog-list {
    margin-top: 0.5em;
  }
  /* event -------------------------------------*/
  #event {
    /* 一覧 -------------------------------------*/
    /* 詳細 -------------------------------------*/
    /* フォーム -------------------------------------*/
  }
  #event > section.system-outer,
  #event > article.system-outer {
    max-width: initial;
    background-image: url(../images/common/system-bg.jpg);
    background-repeat: repeat;
  }
  #event .inner {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  #event .system-list {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 50px 40px;
    flex-wrap: wrap;
  }
  #event .event-item {
    background-color: #fff;
    padding: 20px;
    width: calc((100% - 80px) / 3);
  }
  #event .event-item.icon-accepting .event-item__title, #event .event-item.icon-finish .event-item__title {
    display: flex;
    align-items: center;
  }
  #event .event-item.icon-accepting .event-item__title > span, #event .event-item.icon-finish .event-item__title > span {
    flex: 1;
  }
  #event .event-item.icon-accepting .event-item__title::before, #event .event-item.icon-finish .event-item__title::before {
    font-size: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 0.05em;
    font-weight: 500;
    width: 60px;
    aspect-ratio: 1/1;
    margin-right: 12px;
  }
  #event .event-item.icon-accepting .event-item__title::before {
    border: 1px solid #666666;
    content: "受付中";
  }
  #event .event-item.icon-finish .event-item__title::before {
    background-color: #666;
    color: white;
    content: "終了";
  }
  #event .event-item__link {
    display: block;
    width: 100%;
    height: 100%;
  }
  #event .event-item__link img:hover {
    opacity: 1;
  }
  #event .event-item__link:hover {
    text-decoration: none;
  }
  #event .event-item__link:hover .event-item__thumb > img {
    transform: scale(1.08);
  }
  #event .event-item__link:hover .event-item__title > span {
    text-decoration: underline;
    text-underline-offset: 0.25em;
    text-decoration-thickness: 1px;
  }
  #event .event-item__thumb {
    width: 100%;
    aspect-ratio: 3/2;
    margin-bottom: 12px;
    overflow: hidden;
  }
  #event .event-item__thumb > img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center center;
       object-position: center center;
    transition: transform 0.4s ease 0s;
    transform-origin: center center;
  }
  #event .event-item__title {
    margin-bottom: 0.8em;
    font-size: 15px;
    line-height: 1.625;
    letter-spacing: 0.05em;
  }
  #event .event-item__infolist {
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    line-height: 1.5384615385;
    border-top: 1px solid #D0D0D0;
    padding-top: 1em;
  }
  #event .event-item__infolist > dt {
    color: #B3B3B3;
    width: 2em;
    margin-right: 19px;
    margin-top: 0.25em;
  }
  #event .event-item__infolist > dd {
    letter-spacing: 0.05em;
    width: calc(100% - (2em + 19px));
    margin-top: 0.25em;
  }
  #event .content-wrapper {
    margin-top: 60px;
    margin-bottom: 60px;
    padding: 40px 30px;
    background-color: #fff;
  }
  #event .system-header {
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d0d0d0;
  }
  #event .system-ttl {
    font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.05em;
  }
  #event .system-ttl.icon-accepting, #event .system-ttl.icon-finish {
    display: flex;
    align-items: center;
  }
  #event .system-ttl.icon-accepting > span, #event .system-ttl.icon-finish > span {
    flex: 1;
  }
  #event .system-ttl.icon-accepting::before, #event .system-ttl.icon-finish::before {
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 0.05em;
    font-weight: 500;
    width: 60px;
    aspect-ratio: 1/1;
    margin-right: 12px;
  }
  #event .system-ttl.icon-accepting::before {
    border: 1px solid #666666;
    content: "受付中";
  }
  #event .system-ttl.icon-finish::before {
    background-color: #666;
    color: white;
    content: "終了";
  }
  #event .system-i-pic {
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
  }
  #event .system-i-pic > img {
    display: block;
    max-width: 100%;
    height: auto;
    max-height: 600px;
    margin-left: auto;
    margin-right: auto;
  }
  #event .event-detailpage-infolist {
    display: flex;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap;
    font-size: 16px;
    line-height: 1.5384615385;
    border: 1px solid #D0D0D0;
    padding: 1.5em;
  }
  #event .event-detailpage-infolist > dt {
    color: #B3B3B3;
    width: 2em;
    margin-right: 19px;
    margin-top: 0.25em;
  }
  #event .event-detailpage-infolist > dd {
    letter-spacing: 0.05em;
    width: calc(100% - (2em + 19px));
    margin-top: 0.25em;
  }
  #event .system-post-content {
    margin-top: 60px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  #event .form-wrapper {
    background-color: #fff;
    margin-top: 60px;
    margin-bottom: 100px;
  }
  #event .form-wrapper .form-Box_bg {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
  }
  /* company-member -------------------------------------*/
  #company-member {
    color: #666666;
    /* 一覧 -------------------------------------*/
    /* 詳細 -------------------------------------*/
    /* レコメンド --------------------------------*/
  }
  #company-member a {
    color: inherit;
  }
  #company-member > section.system-outer,
  #company-member > article.system-outer {
    max-width: initial;
    background-image: url(../images/common/system-bg.jpg);
    background-repeat: repeat;
    padding-top: 60px;
    padding-bottom: 100px;
  }
  #company-member > section.system-outer > .inner,
  #company-member > article.system-outer > .inner {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
  }
  #company-member .staff-list {
    padding: 50px 30px;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    gap: 50px 40px;
  }
  #company-member .staff-item {
    width: 320px;
    text-align: center;
  }
  #company-member .staff-item__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    color: inherit;
  }
  #company-member .staff-item__link:hover {
    text-decoration: none;
  }
  #company-member .staff-item__link:hover .staff-item__photo > img {
    opacity: 0.8;
    transform: scale(1.08);
  }
  #company-member .staff-item__photo {
    width: 240px;
    margin-bottom: 15px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    overflow: hidden;
    background-color: #fff;
  }
  #company-member .staff-item__photo > img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
    width: 100%;
    height: 100%;
    max-width: 100%;
    transition: transform 0.4s ease 0s, opacity 0.4s ease 0s;
  }
  #company-member .staff-item__photo > img:hover {
    opacity: 1;
  }
  #company-member .staff-item__deptpos {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    font-size: 13px;
    line-height: 1.4615384615;
    min-height: 2.9230769231em;
    letter-spacing: 0.05em;
    color: #999999;
  }
  #company-member .staff-item__name {
    font-size: 17px;
    line-height: 1;
    letter-spacing: 0.1em;
  }
  #company-member .staff-item__name.en {
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 0.75em;
    font-weight: 700;
    margin-top: 0.5em;
    color: #999999;
  }
  #company-member .content-wrapper {
    margin-top: 60px;
    margin-bottom: 60px;
    background-color: #fff;
    padding: 30px;
  }
  #company-member .system-header {
    display: flex;
    align-items: flex-start;
    margin-bottom: 40px;
    padding-bottom: 20px;
    gap: 40px;
    border-bottom: 1px solid #d0d0d0;
  }
  #company-member .member-header-text {
    flex: 1;
  }
  #company-member .postitle {
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0.05em;
    display: block;
    margin-bottom: 18px;
    color: #999999;
  }
  #company-member .system-ttl {
    font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.2em;
  }
  #company-member .kana {
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 28px;
    margin-top: 0.2em;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.05em;
    color: #999999;
  }
  #company-member .system-i-pic {
    width: 200px;
  }
  #company-member .system-i-pic > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }
  #company-member .system-post-content {
    margin-top: 60px;
    margin-bottom: 60px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  #company-member .system-post-content:last-child {
    margin-bottom: 120px;
  }
  #company-member .other-members {
    margin-top: 100px;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    padding: 30px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  #company-member .other-members > .staff-list {
    padding: 0;
  }
  #company-member .other-member-ttl {
    font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    line-height: 1;
    font-weight: 500;
    text-align: center;
    letter-spacing: 0.1em;
    margin-bottom: 50px;
    gap: 1.5em;
  }
  #company-member .other-member-ttl::before, #company-member .other-member-ttl::after {
    content: "";
    display: block;
    width: 5em;
    height: 1px;
    background-color: #666;
  }
  /* oubo -------------------------------------*/
  #oubo {
    color: #666666;
    /* 詳細 -------------------------------------*/
    /* フォーム -------------------------------------*/
  }
  #oubo a {
    color: inherit;
  }
  #oubo .content-wrapper {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  #oubo .system-header {
    margin-bottom: 40px;
  }
  #oubo .system-ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 89px;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.2em;
    text-align: center;
    color: white;
    background-color: #b11f25;
  }
  #oubo .content-wrapper .oubo-sec2__card {
    margin-top: 0;
    padding: 50px;
  }
  #oubo .content-wrapper .oubo-sec2__card-img img {
    display: block;
    max-width: 100%;
  }
  #oubo .content-wrapper .oubo-sec2__card-info {
    padding-top: 0;
  }
  #oubo .content-wrapper .oubo-sec2__card-info-item-title {
    letter-spacing: 0.05em;
    padding-left: 12px;
    font-size: 18px;
    line-height: 1.6666666667;
  }
  #oubo .content-wrapper .oubo-sec2__card-info-item-text {
    font-size: 16px;
    line-height: 1.875;
  }
  #oubo .form-wrapper {
    background-color: #fff;
    margin-top: 120px;
    margin-bottom: 100px;
  }
  #oubo .form-wrapper .form-Box_bg {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .link-btn {
    border-bottom: 1px solid #666666;
    line-height: 1;
    color: inherit;
  }
  .link-btn::after {
    content: "";
    display: block;
    width: 3.6231884058vw;
    height: 3.6231884058vw;
    background-image: url(../images/top/link-btn-arrow.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    transition: transform 0.4s ease 0s;
  }
  .link-btn:hover {
    text-decoration: none;
  }
  .link-btn:hover::after {
    transform: translateX(33%);
  }
  .link-btn img:hover {
    opacity: 1;
  }
  .cmp-box {
    width: 98vw;
    margin: 0 auto;
  }
  .borderwrap .cmp-txt {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px;
    padding-bottom: 4px;
    border-bottom: 1px solid #000;
  }
  .borderwrap > h2 {
    font-size: 4.347826087vw;
    font-weight: 500;
  }
  .borderwrap > p {
    font-size: 3.3816425121vw;
    line-height: 1.8;
  }
  .thanks-to-top {
    width: 53.1400966184vw;
    display: flex;
    justify-content: space-between;
    font-size: 3.3816425121vw;
    letter-spacing: 0.05em;
    padding: 0 4.8309178744vw 5.3140096618vw 2.1739130435vw;
    white-space: nowrap;
    margin-top: 14.4927536232vw;
    margin-left: auto;
    margin-right: auto;
  }
  /* 【共通のシステムcss】 */
  /* ★ インクルードのタイトル*/
  .inc-list-ttl {
    font-size: 4.348vw;
    font-weight: 700;
    margin-top: 9vw;
    margin-bottom: 5.8vw;
    text-align: center;
  }
  /* ★ システム枠*/
  /* ★ ギャラリー */
  .system-gallery .sy-gallery-ttl {
    width: 100%;
    font-size: 4.347826087vw;
    font-weight: 600;
    letter-spacing: 0.1em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3.8647342995vw;
    padding-bottom: 2.8985507246vw;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #666;
  }
  .system-gallery .sy-gallery-ttl > img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 1em;
    width: auto;
  }
  .system-gallery .gallery-list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    gap: 4.8309178744vw 2.4154589372vw;
  }
  .system-gallery .gallery-list li {
    width: calc((100% - 4.8309178744vw) / 3);
  }
  .system-gallery .gallery-list li a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .system-gallery .gallery-list li a:hover {
    text-decoration: none;
  }
  .system-gallery .gallery-list li .system-Frame {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 5/3;
    text-align: center;
  }
  .system-gallery .gallery-list li .system-Frame::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 4.8309178744vw;
    height: 4.8309178744vw;
    background-image: url(../images/common/icon_plus.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
  }
  .system-gallery .gallery-list li .system-Frame img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
  }
  .system-gallery .gallery-list li .caption {
    margin-top: 1.4492753623vw;
    font-size: 2.4154589372vw;
    line-height: 1.4;
    letter-spacing: 0.05em;
  }
  .half-form {
    width: 41vw !important;
  }
  .mwform-checkbox-field label, .mwform-radio-field label {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 8px !important;
  }
  .mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: 0 !important;
  }
  #main-form {
    margin-bottom: 5vw;
  }
  #main-form h2 {
    font-size: 4.2vw;
    font-weight: bold;
    margin-bottom: 5vw;
    padding: 2vw;
    background: #ccc;
  }
  #form h3 {
    font-size: 3.4vw;
    margin-bottom: 4vw;
    text-align: center;
  }
  #form .list {
    margin-bottom: 4vw;
    color: #666;
  }
  #form .list span {
    color: #f00;
  }
  /* form -------------------------------------*/
  .form-Box_bg {
    max-width: 91.7874396135vw;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #666666;
  }
  .form-Box_bg.noborder {
    border: none;
  }
  .form-Box-title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 14.4927536232vw;
    margin-bottom: 9.6618357488vw;
    font-size: 4.347826087vw;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    letter-spacing: 0.2em;
    color: white;
    background-color: #B11F25;
  }
  .form-Box {
    font-size: 3.3816425121vw;
    line-height: 1.6;
    margin-bottom: 5vw;
    padding: 0 4.1062801932vw 4.8309178744vw;
  }
  .form-Box .form-Box-inner {
    background: #fff;
  }
  .form-lead {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 9.6618357488vw;
    margin-bottom: 7.2463768116vw;
  }
  .form-lead-list > li {
    font-size: 3.3816425121vw;
    letter-spacing: 0.05em;
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.8666666667;
  }
  .form-lead-list > li::before {
    content: "・";
    text-indent: 0;
  }
  .required-text {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #AD0000;
    color: white;
    height: 2em;
    width: 3em;
    font-size: 80%;
    font-weight: 500;
    text-indent: 0;
    margin-right: 0.5em;
    letter-spacing: 0.1em;
  }
  .form-Box .error {
    margin-bottom: 1vw;
  }
  .form-Box .attention-color {
    color: #f00;
  }
  .form-Box table {
    font-size: 3.3816425121vw;
    line-height: 1.6;
    letter-spacing: 0;
    width: 100%;
    margin-bottom: 10%;
    border-bottom: 1px solid #dcdddd;
  }
  .form-Box tr {
    margin-bottom: 0 !important;
  }
  .form-Box th {
    display: block;
    width: 100%;
    padding: 3%;
    text-align: left;
    vertical-align: top;
    border: 1px solid #dcdddd;
    background-color: #eeefef;
  }
  .required > p::after {
    content: "必須";
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #AD0000;
    color: white;
    height: 2em;
    width: 3em;
    font-size: 80%;
    font-weight: 500;
    text-indent: 0;
    margin-left: 0.5em;
    letter-spacing: 0.1em;
  }
  .form-Box td {
    display: block;
    width: 100%;
    padding: 7% 3%;
    text-align: left;
    vertical-align: top;
    border: 1px solid #dcdddd;
    border-bottom: none;
    border-top: none;
  }
  .form-Box td span[data-name=kikkake] {
    display: block;
    margin-bottom: 0.5em;
  }
  .form-Box td dl {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .form-Box td dl > dt {
    width: 4em;
    margin-top: 1em;
  }
  .form-Box td dl > dt > p::after {
    content: "：";
  }
  .form-Box td dl > dt:first-of-type {
    margin-top: 0;
  }
  .form-Box td dl > dd {
    width: calc(100% - 4em);
    margin-top: 1em;
  }
  .form-Box td dl > dd:first-of-type {
    margin-top: 0;
  }
  .form-Box .from-btn-01 {
    text-align: center;
  }
  .form-Box .from-btn-02 {
    margin-top: 10%;
  }
  .form-Box .from-btn-02 p {
    margin-bottom: 3%;
  }
  .form-Box input[type=text], .form-Box input[type=email], .form-Box input[type=tel], .form-Box input[type=date], .form-Box select, .form-Box textarea {
    font-size: 16px !important;
    box-sizing: border-box;
    width: 99%;
    margin-bottom: 2%;
    padding: 2%;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
  }
  .form-Box input.input-txt1 {
    width: 30%;
  }
  .form-Box textarea {
    font-size: 3.4vw;
    line-height: 1.6;
    min-height: 20vw;
  }
  .form-Box select {
    font-size: 3.4vw;
    box-sizing: border-box;
    width: 60%;
    padding: 3% 2% 4%;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
  }
  .form-Box .form-soushin { /* width: 77.295vw; */ }
  .form-Box .wpcf7-spinner {
    display: block;
    margin: 0 auto;
    margin-top: 3.865vw;
  }
  .txt-message-02 {
    font-size: 14px;
    text-align: center;
  }
  .sp-label-block .wpcf7-list-item {
    display: block;
    width: 100%;
  }
  /* 確認ボタン */
  .bl_form_confirm {
    width: 100%;
    aspect-ratio: 390/91;
  }
  /* 戻るボタン */
  .bl_form_back {
    width: 100%;
    aspect-ratio: 390/91;
  }
  /* 送信ボタン */
  .wpcf7-submit {
    width: 100%;
    aspect-ratio: 390/91;
  }
  /* 確認ボタン 外枠 */
  /* 戻る・送信ボタン 外枠 */
  .form-kakunin,
  .form-soushin {
    margin-top: 9.6618357488vw;
  }
  .form-kakunin > p,
  .form-soushin > p {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 7.2463768116vw;
  }
  .pp-tac {
    text-align: center;
    margin-top: 3.8647342995vw;
    letter-spacing: 0;
    line-height: 1.6;
  }
  .priv-title {
    margin-bottom: 4%;
    text-align: center;
  }
  .priv-text {
    overflow-y: scroll;
    height: 60vw;
    margin-bottom: 4vw;
    padding: 4vw;
    line-height: 1.6;
    letter-spacing: 0;
    border: #ccc solid 1px;
    background: #fff;
  }
  .priv-text .priv-ttl {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 2%;
    letter-spacing: 0.05em;
  }
  .priv-text p {
    font-size: 1.3rem;
    margin-bottom: 4%;
    margin-bottom: 4%;
    padding-bottom: 4%;
    border-bottom: #ccc solid 1px;
  }
  .priv-text p + p {
    margin-top: auto;
  }
  .priv {
    margin-bottom: 5%;
    text-align: center;
  }
  .priv-text .tt {
    font-size: 4vw;
    font-weight: bold;
    letter-spacing: 0.05em;
    margin-bottom: 4vw;
  }
  .error_output_form {
    line-height: 1.6;
  }
  main {
    margin: 0 auto 24.154589372vw auto;
  }
  main > section.system-outer,
  main > article.system-outer {
    max-width: 91.7874396135vw;
    margin-left: auto;
    margin-right: auto;
  }
  /* system-common */
  .page-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2.4154589372vw;
    font-size: 2.8985507246vw;
    margin-top: 9.6618357488vw;
  }
  .page-list > span,
  .page-list > a {
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4em;
    aspect-ratio: 1/1;
    font-size: 2.8985507246vw;
    font-weight: 400;
    line-height: 1;
    color: #666;
    background-color: #fff;
    transition: background-color 0.4s ease 0s, color 0.4s ease 0s;
    border: 1px solid #d0d0d0;
  }
  .page-list > span.current,
  .page-list > a.current {
    color: #fff;
    background-color: #666;
  }
  .page-list > span.extend,
  .page-list > a.extend {
    border: none;
    width: 2em;
    aspect-ratio: none;
  }
  .page-list > a:hover {
    text-decoration: none;
    background-color: #ccc;
  }
  .pagen {
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 2.8985507246vw;
    line-height: 1;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #666;
    width: 100%;
  }
  .pagen > .list {
    order: 2;
  }
  .pagen > .list > a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: inherit;
    color: inherit;
    width: 6em;
    height: 3em;
    background-color: #fff;
    border: 1px solid #666;
    transition: background-color 0.4s ease 0s;
  }
  .pagen > .list > a:hover {
    text-decoration: none;
    background-color: #ccc;
  }
  .pagen > .page-navi {
    order: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1em;
  }
  .pagen > .page-navi::before {
    content: "";
    display: block;
    order: 2;
    height: 1.5em;
    width: 1px;
    background-color: #666;
  }
  .pagen > .page-navi > li.fast {
    order: 1;
  }
  .pagen > .page-navi > li.last {
    order: 3;
  }
  .pagen > .page-navi > li > a {
    font-family: inherit;
    color: inherit;
    padding: 0 0.5em;
  }
  .pagen > .page-navi > li > a:hover {
    text-underline-offset: 0.25em;
    text-decoration-thickness: 1px;
  }
  .btnArea {
    margin: 10% auto;
    padding: 0;
    text-align: center;
  }
  .btnArea a {
    font-size: 3.4vw;
    font-weight: bold;
    display: block;
    margin: 0 auto;
    padding: 3vw 5vw;
    text-align: center;
    letter-spacing: 1px;
    color: #fff;
    background: #000;
  }
  .btnArea-s {
    text-align: center;
  }
  .btnArea-s a {
    font-size: 3.4vw;
    font-weight: bold;
    display: inline-block;
    margin: 0 auto;
    padding: 3% 10%;
    text-align: center;
    letter-spacing: 1px;
    color: #fff;
    background: #000;
  }
  .btnArea-s::after {
    display: block;
    margin-bottom: 10%;
    content: "";
  }
  .borderwrap {
    line-height: 1.6;
    width: 94%;
    margin: 0 auto 6vw;
  }
  .borderwrap .otoiawase {
    font-size: 3.865vw;
    font-weight: bold;
    margin-bottom: 4vw;
    padding-bottom: 2vw;
    border-bottom: 1px #ccc solid;
  }
  .borderwrap p {
    font-size: 3.382vw;
  }
  .cate-list {
    padding: 4.8309178744vw 4.1062801932vw;
    border: 1px solid #D0D0D0;
    margin-bottom: 9.6618357488vw;
    text-align: center;
  }
  .cate-ttl {
    font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 3em 2.8985507246vw;
    margin: 0 auto 4.8309178744vw;
    font-size: 3.8647342995vw;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    border-bottom: 1px solid #D0D0D0;
    letter-spacing: 0.05em;
  }
  .cate-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.9323671498vw;
  }
  .cate-links > a {
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    display: block;
    font-size: 2.8985507246vw;
    line-height: 1;
    font-weight: 400;
    padding: 0.8em 1em;
    letter-spacing: 0.05em;
    color: #fff;
    background: #999;
    transition: background-color 0.4s ease 0s;
  }
  .cate-links > a:hover {
    text-decoration: none;
    background-color: #777;
  }
  .taxttl {
    font-weight: bold;
    margin-bottom: 3vw;
    padding: 4vw;
    background: #ccc;
  }
  .systemtab-list {
    font-size: 3.4vw;
    line-height: 1.6;
    margin-bottom: 6vw;
  }
  .systemtab-list li {
    width: 100%;
    margin-bottom: -1px;
    border: #ccc 1px solid;
    border-bottom: none;
  }
  .systemtab-list li:last-child {
    border-bottom: 1px solid #ccc;
  }
  .systemtab-list li .systemtab-list-ttl {
    width: 100%;
    padding: 3%;
    border-bottom: #ccc dotted 1px;
    background: #f8f8f8;
  }
  .systemtab-list li p {
    width: 100%;
    padding: 3%;
    background: #fff;
  }
  .other-ttl {
    font-size: 3.6vw;
    font-weight: bold;
    margin-bottom: 4vw;
    text-align: center;
  }
  #sidebar .widget_calendar {
    margin-bottom: 6vw;
  }
  table#wp-calendar {
    font-size: 14px;
    width: 100%;
    margin: 1vw auto 0 auto;
    margin-bottom: 4vw;
    padding: 0;
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: collapse;
  }
  table#wp-calendar caption {
    font-weight: bold;
    width: auto;
    margin: 2vw 0 0 0;
    padding: 2vw;
    text-align: center;
    border: thin solid #eee;
    border-radius: 0.5vw 0.5vw 0 0;
    background-color: #fff;
  }
  table#wp-calendar #today {
    font-weight: bold;
    z-index: 1;
    display: block;
    background-color: #cef;
  }
  table#wp-calendar .pad {
    font-weight: bold;
    background-color: #eee;
  }
  table#wp-calendar th, table#wp-calendar td {
    padding: 1vw 0;
    text-align: center;
    vertical-align: middle;
  }
  table#wp-calendar td {
    line-height: 1.8;
    border: thin solid #eee;
    background-color: #fff;
  }
  table#wp-calendar th {
    font-style: normal;
    color: #333;
    border-right: thin solid #eee;
    border-left: thin solid #eee;
    background-color: #f0f0f0;
  }
  table#wp-calendar a {
    font-size: 14px;
    padding: 0;
    text-decoration: underline;
    color: #00a0dd;
  }
  /* works -------------------------------------*/
  #works {
    color: #666666;
    /* 一覧 -------------------------------------*/
    /* 詳細 -------------------------------------*/
    /* ギャラリー -------------------------------------*/
  }
  #works .taxonomy-name {
    font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 4.347826087vw;
    line-height: 1;
    font-weight: 500;
    text-align: center;
    letter-spacing: 0.1em;
    margin-bottom: 9.6618357488vw;
    gap: 1.2em;
  }
  #works .taxonomy-name::before, #works .taxonomy-name::after {
    content: "";
    display: block;
    flex: 1;
    height: 1px;
    background-color: #666;
  }
  #works .works-list {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 9.6618357488vw 4.1062801932vw;
    flex-wrap: wrap;
  }
  #works .works-item {
    width: calc(50% - 2.0531400966vw);
  }
  #works .works-item__link {
    display: block;
    width: 100%;
    height: 100%;
    color: inherit;
  }
  #works .works-item__link:hover {
    text-decoration: none;
  }
  #works .works-item__link:hover > .works-item__pic > img {
    transform: scale(1.08);
  }
  #works .works-item__link:hover > .works-item__title {
    text-decoration: underline;
    text-underline-offset: 0.25em;
    text-decoration-thickness: 1px;
  }
  #works .works-item__pic {
    margin-bottom: 3.3816425121vw;
    aspect-ratio: 320/210;
    overflow: hidden;
  }
  #works .works-item__pic > img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center center;
       object-position: center center;
    transform-origin: center center;
    transition: transform 0.4s ease 0s;
  }
  #works .works-item__pic > img:hover {
    opacity: 1;
  }
  #works .works-item__category {
    display: flex;
    flex-wrap: wrap;
    gap: 0.9661835749vw;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 2.8985507246vw;
  }
  #works .works-item__category > span {
    display: block;
    font-size: 2.4154589372vw;
    line-height: 1;
    padding: 0.5em 1em;
    color: #fff;
    background-color: #999;
    letter-spacing: 0.05em;
  }
  #works .works-item__area {
    margin-bottom: 1.9323671498vw;
    font-size: 2.8985507246vw;
    line-height: 1;
    color: #999999;
    letter-spacing: 0.05em;
  }
  #works .works-item__title {
    font-size: 3.3816425121vw;
    line-height: 1.6875;
    letter-spacing: 0.05em;
  }
  #works .content-wrapper {
    margin-top: 9.6618357488vw;
    margin-bottom: 9.6618357488vw;
  }
  #works .system-header {
    margin-bottom: 7.2463768116vw;
    padding-bottom: 3.8647342995vw;
    border-bottom: 1px solid #d0d0d0;
  }
  #works .system-category {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 3.8647342995vw;
    font-size: 2.8985507246vw;
  }
  #works .system-category > span {
    display: block;
    font-size: inherit;
    line-height: 1;
    padding: 0.5em 1em;
    color: #fff;
    background-color: #999;
    letter-spacing: 0.05em;
  }
  #works .system-area {
    font-size: 3.3816425121vw;
    line-height: 1;
    letter-spacing: 0.05em;
    display: block;
    margin-bottom: 3.8647342995vw;
  }
  #works .system-area::before {
    content: "■";
  }
  #works .system-ttl {
    font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 4.347826087vw;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.05em;
  }
  #works .system-i-pic {
    width: 100%;
    max-width: 193.2367149758vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 7.2463768116vw;
  }
  #works .system-i-pic > img {
    display: block;
    max-width: 100%;
    height: auto;
    max-height: 96.6183574879vw;
    margin-left: auto;
    margin-right: auto;
  }
  #works .system-post-content {
    margin-top: 9.6618357488vw;
    margin-bottom: 14.4927536232vw;
    max-width: 241.5458937198vw;
    margin-left: auto;
    margin-right: auto;
  }
  #works .system-gallery {
    padding: 7.2463768116vw 4.8309178744vw;
    background: #eeefef;
    margin-bottom: 14.4927536232vw;
  }
  /* interview -------------------------------------*/
  #interview {
    color: #666666;
    /* 一覧 -------------------------------------*/
    /* 詳細 -------------------------------------*/
  }
  #interview a {
    color: inherit;
  }
  #interview .voice-list {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 4.1062801932vw 2.4154589372vw;
    flex-wrap: wrap;
  }
  #interview .voice-item {
    width: calc(50% - 1.2077294686vw);
    border: 1px solid #D0D0D0;
  }
  #interview .voice-item__link {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 2.4154589372vw 2.4154589372vw 3.8647342995vw;
    transition: background-color 0.4s ease 0s;
    color: inherit;
  }
  #interview .voice-item__link:hover {
    text-decoration: none;
    background-color: #f6f6f6;
  }
  #interview .voice-item__link:hover > .voice-item__pic > img {
    transform: scale(1.08);
  }
  #interview .voice-item__pic {
    width: 100%;
    aspect-ratio: 280/200;
    margin-bottom: 2.8985507246vw;
    overflow: hidden;
  }
  #interview .voice-item__pic > img {
    display: block;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center center;
       object-position: center center;
    width: 100%;
    height: 100%;
    max-width: 100%;
    transition: transform 0.4s ease 0s;
  }
  #interview .voice-item__pic > img:hover {
    opacity: 1;
  }
  #interview .voice-item__areaname {
    margin-bottom: 2.8985507246vw;
    font-size: 2.8985507246vw;
    letter-spacing: 0.05em;
    line-height: 1.2;
  }
  #interview .voice-item__title {
    width: 100%;
    font-size: 3.3816425121vw;
    line-height: 1.5714285714;
    letter-spacing: 0.05em;
  }
  #interview .content-wrapper {
    margin-top: 9.6618357488vw;
    margin-bottom: 9.6618357488vw;
    border: 1px solid #d0d0d0;
    padding: 7.2463768116vw 4.1062801932vw;
  }
  #interview .system-header {
    margin-bottom: 7.2463768116vw;
    padding-bottom: 3.8647342995vw;
    border-bottom: 1px solid #d0d0d0;
  }
  #interview .system-area {
    font-size: 3.3816425121vw;
    line-height: 1;
    letter-spacing: 0.05em;
    display: block;
    margin-bottom: 3.8647342995vw;
  }
  #interview .system-area::before {
    content: "■";
  }
  #interview .system-ttl {
    font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 4.347826087vw;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.05em;
  }
  #interview .system-i-pic {
    width: 100%;
    max-width: 193.2367149758vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 7.2463768116vw;
  }
  #interview .system-i-pic > img {
    display: block;
    max-width: 100%;
    height: auto;
    max-height: 96.6183574879vw;
    margin-left: auto;
    margin-right: auto;
  }
  #interview .system-post-content {
    margin-top: 9.6618357488vw;
    max-width: 241.5458937198vw;
    margin-left: auto;
    margin-right: auto;
  }
  /* event -------------------------------------*/
  #event {
    color: #666666;
    /* 一覧 -------------------------------------*/
    /* 詳細 -------------------------------------*/
    /* フォーム -------------------------------------*/
  }
  #event a {
    color: inherit;
  }
  #event > section.system-outer,
  #event > article.system-outer {
    max-width: initial;
    background-image: url(../images/common/system-bg.jpg);
    background-repeat: repeat;
  }
  #event .inner {
    max-width: 91.7874396135vw;
    margin-left: auto;
    margin-right: auto;
    padding-top: 7.2463768116vw;
    padding-bottom: 7.2463768116vw;
  }
  #event .system-list {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 7.2463768116vw;
    flex-wrap: wrap;
  }
  #event .event-item {
    padding: 4.1062801932vw;
    background-color: #fff;
  }
  #event .event-item.icon-accepting .event-item__title, #event .event-item.icon-finish .event-item__title {
    display: flex;
    align-items: center;
  }
  #event .event-item.icon-accepting .event-item__title > span, #event .event-item.icon-finish .event-item__title > span {
    flex: 1;
  }
  #event .event-item.icon-accepting .event-item__title::before, #event .event-item.icon-finish .event-item__title::before {
    font-size: 65%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 0.05em;
    font-weight: 500;
    width: 5em;
    aspect-ratio: 1/1;
    margin-right: 1em;
    line-height: 1;
  }
  #event .event-item.icon-accepting .event-item__title::before {
    border: 1px solid #666666;
    content: "受付中";
  }
  #event .event-item.icon-finish .event-item__title::before {
    background-color: #666;
    color: white;
    content: "終了";
  }
  #event .event-item__link img:hover {
    opacity: 1;
  }
  #event .event-item__link:hover {
    text-decoration: none;
  }
  #event .event-item__link:hover .event-item__thumb > img {
    transform: scale(1.08);
  }
  #event .event-item__link:hover .event-item__title > span {
    text-decoration: underline;
    text-underline-offset: 0.25em;
    text-decoration-thickness: 1px;
  }
  #event .event-item__thumb {
    width: 100%;
    aspect-ratio: 3/2;
    margin-bottom: 2.8985507246vw;
    overflow: hidden;
  }
  #event .event-item__thumb > img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center center;
       object-position: center center;
    transition: transform 0.4s ease 0s;
    transform-origin: center center;
  }
  #event .event-item__title {
    margin-bottom: 2.8985507246vw;
    font-size: 3.8647342995vw;
    line-height: 1.625;
    letter-spacing: 0.05em;
    padding-bottom: 3.8647342995vw;
    border-bottom: 1px solid #D0D0D0;
  }
  #event .event-item__infolist {
    display: flex;
    flex-wrap: wrap;
    font-size: 3.1400966184vw;
    line-height: 1.9230769231;
  }
  #event .event-item__infolist > dt {
    color: #B3B3B3;
    width: 2em;
    margin-right: 4.5893719807vw;
  }
  #event .event-item__infolist > dd {
    letter-spacing: 0.05em;
    width: calc(100% - (2em + 4.5893719807vw));
  }
  #event .content-wrapper {
    margin-top: 9.6618357488vw;
    margin-bottom: 9.6618357488vw;
    padding: 7.2463768116vw 4.1062801932vw;
    background-color: #fff;
  }
  #event .system-header {
    margin-bottom: 7.2463768116vw;
    padding-bottom: 3.8647342995vw;
    border-bottom: 1px solid #d0d0d0;
  }
  #event .system-ttl {
    font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 4.347826087vw;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.05em;
  }
  #event .system-ttl.icon-accepting, #event .system-ttl.icon-finish {
    display: flex;
    align-items: center;
  }
  #event .system-ttl.icon-accepting > span, #event .system-ttl.icon-finish > span {
    flex: 1;
  }
  #event .system-ttl.icon-accepting::before, #event .system-ttl.icon-finish::before {
    font-size: 2.8985507246vw;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 0.05em;
    font-weight: 500;
    width: 12.077294686vw;
    aspect-ratio: 1/1;
    margin-right: 2.8985507246vw;
  }
  #event .system-ttl.icon-accepting::before {
    border: 1px solid #666666;
    content: "受付中";
  }
  #event .system-ttl.icon-finish::before {
    background-color: #666;
    color: white;
    content: "終了";
  }
  #event .system-i-pic {
    width: 100%;
    max-width: 193.2367149758vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 7.2463768116vw;
  }
  #event .system-i-pic > img {
    display: block;
    max-width: 100%;
    height: auto;
    max-height: 96.6183574879vw;
    margin-left: auto;
    margin-right: auto;
  }
  #event .event-detailpage-infolist {
    display: flex;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap;
    font-size: 3.3816425121vw;
    line-height: 1.5384615385;
    border: 1px solid #D0D0D0;
    padding: 1.5em;
  }
  #event .event-detailpage-infolist > dt {
    color: #B3B3B3;
    width: 2em;
    margin-right: 1em;
    margin-top: 0.25em;
  }
  #event .event-detailpage-infolist > dd {
    letter-spacing: 0.05em;
    width: calc(100% - 3em);
    margin-top: 0.25em;
  }
  #event .system-post-content {
    margin-top: 9.6618357488vw;
    max-width: 241.5458937198vw;
    margin-left: auto;
    margin-right: auto;
  }
  #event .form-wrapper {
    background-color: #fff;
    margin-top: 14.4927536232vw;
    margin-bottom: 24.154589372vw;
  }
  /* news -------------------------------------*/
  #news {
    color: #666666;
    /* 一覧 -------------------------------------*/
    /* 詳細 -------------------------------------*/
    /*blogサイドバー*/
  }
  #news a {
    color: inherit;
  }
  #news > section.system-outer,
  #news > article.system-outer {
    max-width: initial;
    background-image: url(../images/common/system-bg.jpg);
    background-repeat: repeat;
  }
  #news .inner {
    max-width: 91.7874396135vw;
    margin-left: auto;
    margin-right: auto;
    padding-top: 9.6618357488vw;
    padding-bottom: 9.6618357488vw;
  }
  #news .date-archive-title {
    font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 4.347826087vw;
    line-height: 1;
    font-weight: 500;
    text-align: center;
    letter-spacing: 0.1em;
    margin-bottom: 9.6618357488vw;
    gap: 1.2em;
  }
  #news .date-archive-title::before, #news .date-archive-title::after {
    content: "";
    display: block;
    flex: 1;
    height: 1px;
    background-color: #666;
  }
  #news .news-list {
    padding: 7.2463768116vw 4.1062801932vw;
    background-color: #fff;
  }
  #news .news-item {
    padding-bottom: 4.8309178744vw;
    border-bottom: 1px solid #D0D0D0;
    letter-spacing: 0.05em;
  }
  #news .news-item + .news-item {
    margin-top: 5.7971014493vw;
  }
  #news .news-item__link {
    display: block;
    padding-left: 0.5em;
  }
  #news .news-item__link:hover {
    text-decoration: none;
  }
  #news .news-item__link:hover > .news-item__title {
    text-decoration: underline;
    text-underline-offset: 0.25em;
    text-decoration-thickness: 1px;
  }
  #news .news-item__date {
    margin-left: 1px;
    margin-bottom: 2.8985507246vw;
    color: #999999;
    font-size: 2.8985507246vw;
    line-height: 1;
  }
  #news .news-item__title {
    font-size: 3.3816425121vw;
    line-height: 1.625;
  }
  #news .content-wrapper {
    margin-top: 9.6618357488vw;
    margin-bottom: 9.6618357488vw;
    padding: 7.2463768116vw 4.1062801932vw;
    background-color: #fff;
  }
  #news .system-header {
    margin-bottom: 7.2463768116vw;
    padding-bottom: 3.8647342995vw;
    border-bottom: 1px solid #d0d0d0;
  }
  #news .system-date {
    font-size: 3.3816425121vw;
    line-height: 1;
    letter-spacing: 0.05em;
    display: block;
    margin-bottom: 3.8647342995vw;
  }
  #news .system-date::before {
    content: "■";
  }
  #news .system-ttl {
    font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 4.347826087vw;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.05em;
  }
  #news .system-post-content {
    max-width: 241.5458937198vw;
    margin-left: auto;
    margin-right: auto;
  }
  #news aside.sidebar {
    margin-top: 14.4927536232vw;
    font-size: 3.3816425121vw;
  }
  #news aside.sidebar .aside-blog-ttl {
    margin-bottom: 4.8309178744vw;
    padding-bottom: 2.4154589372vw;
    text-align: center;
    border-bottom: 1px solid #ccc;
  }
  #news aside.sidebar .aside-blog-ttl span.en {
    font-size: 0.8571428571em;
    display: block;
    margin-bottom: 2.4154589372vw;
    letter-spacing: 1px;
    color: #aaa;
  }
  #news aside.sidebar .aside-blog-ttl span.jp {
    font-size: 1.0714285714em;
    font-weight: bold;
  }
  #news aside.sidebar .list-block {
    margin: 4.8309178744vw 0 9.6618357488vw;
  }
  #news aside.sidebar .list-block .side-day {
    font-size: 0.8571428571em;
    line-height: 1.4;
    margin-bottom: 2.4154589372vw;
    color: #999999;
  }
  #news aside.sidebar .list-block .side-blog-new-list li {
    border-bottom: 1px dotted #b2b2b2;
    padding-bottom: 2.8985507246vw;
    margin-bottom: 2.8985507246vw;
  }
  #news aside.sidebar .list-block .side-blog-new-list a {
    display: block;
  }
  #news aside.sidebar .list-block .side-blog-new-list a > .side-day {
    margin-bottom: 1.4492753623vw;
  }
  #news aside.sidebar .list-block .side-blog-new-list a:hover {
    text-decoration: none;
  }
  #news aside.sidebar .list-block .side-blog-new-list a:hover > .side-title {
    text-decoration: underline;
    text-underline-offset: 0.25em;
    text-decoration-thickness: 1px;
  }
  #news aside.sidebar .list-block .scr-side-blog-list + .scr-side-blog-list {
    margin-top: 0.75em;
  }
  #news aside.sidebar .list-block .scr-side-blog-list > li + li {
    margin-top: 0.25em;
  }
  /* blog -------------------------------------*/
  #blog {
    color: #666666;
    /* 一覧 -------------------------------------*/
    /* 詳細 -------------------------------------*/
    /*blogサイドバー*/
  }
  #blog a {
    color: inherit;
  }
  #blog .date-archive-title {
    font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 4.347826087vw;
    line-height: 1;
    font-weight: 500;
    text-align: center;
    letter-spacing: 0.1em;
    margin-bottom: 9.6618357488vw;
    gap: 1.2em;
  }
  #blog .date-archive-title::before, #blog .date-archive-title::after {
    content: "";
    display: block;
    flex: 1;
    height: 1px;
    background-color: #666;
  }
  #blog .blog-item {
    border-bottom: 1px solid #D3D3D3;
  }
  #blog .blog-item:first-child {
    border-top: 1px solid #D3D3D3;
  }
  #blog .blog-item__link {
    display: block;
    padding-top: 3.1400966184vw;
    padding-bottom: 3.1400966184vw;
    color: inherit;
    transition: background-color 0.4s ease 0s;
  }
  #blog .blog-item__link:hover {
    text-decoration: none;
    background-color: #f6f6f6;
  }
  #blog .blog-item__link:hover .blog-item__title {
    text-decoration: underline;
    text-underline-offset: 0.25em;
    text-decoration-thickness: 1px;
  }
  #blog .blog-item__link::after {
    content: "";
    clear: both;
    display: block;
    width: 100%;
    height: 0;
  }
  #blog .blog-item__pic {
    width: 21.7391304348vw;
    aspect-ratio: 4/3;
    float: left;
  }
  #blog .blog-item__pic > img {
    display: block;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center center;
       object-position: center center;
    width: 100%;
    height: 100%;
    max-width: 100%;
  }
  #blog .blog-item__pic > img:hover {
    opacity: 1;
  }
  #blog .blog-item__date {
    margin-top: 1.4492753623vw;
    margin-left: 25.6038647343vw;
    font-size: 2.8985507246vw;
    letter-spacing: 0.05em;
    line-height: 1;
    color: #999999;
  }
  #blog .blog-item__title {
    display: -webkit-box;
    margin-top: 2.4154589372vw;
    margin-left: 25.6038647343vw;
    font-size: 3.3816425121vw;
    line-height: 1.5;
    letter-spacing: 0.05em;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  #blog .content-wrapper {
    margin-top: 9.6618357488vw;
    margin-bottom: 9.6618357488vw;
  }
  #blog .system-header {
    margin-bottom: 7.2463768116vw;
    padding-bottom: 3.8647342995vw;
    border-bottom: 1px solid #d0d0d0;
  }
  #blog .system-date {
    font-size: 3.3816425121vw;
    line-height: 1;
    letter-spacing: 0.05em;
    display: block;
    margin-bottom: 4.347826087vw;
  }
  #blog .system-date::before {
    content: "■";
  }
  #blog .system-ttl {
    font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 4.347826087vw;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.05em;
  }
  #blog .system-i-pic {
    width: 100%;
    max-width: 193.2367149758vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 7.2463768116vw;
  }
  #blog .system-i-pic > img {
    display: block;
    max-width: 100%;
    height: auto;
    max-height: 96.6183574879vw;
    margin-left: auto;
    margin-right: auto;
  }
  #blog .system-post-content {
    max-width: 241.5458937198vw;
    margin-left: auto;
    margin-right: auto;
  }
  #blog aside.sidebar {
    margin-top: 14.4927536232vw;
    font-size: 3.3816425121vw;
  }
  #blog aside.sidebar .aside-blog-ttl {
    margin-bottom: 4.8309178744vw;
    padding-bottom: 2.4154589372vw;
    text-align: center;
    border-bottom: 1px solid #ccc;
  }
  #blog aside.sidebar .aside-blog-ttl span.en {
    font-size: 0.8571428571em;
    display: block;
    margin-bottom: 2.4154589372vw;
    letter-spacing: 1px;
    color: #aaa;
  }
  #blog aside.sidebar .aside-blog-ttl span.jp {
    font-size: 1.0714285714em;
    font-weight: bold;
  }
  #blog aside.sidebar .list-block {
    margin: 4.8309178744vw 0 9.6618357488vw;
  }
  #blog aside.sidebar .list-block .side-day {
    font-size: 0.8571428571em;
    line-height: 1.4;
    margin-bottom: 2.4154589372vw;
    color: #999999;
  }
  #blog aside.sidebar .list-block .side-blog-new-list li {
    border-bottom: 1px dotted #b2b2b2;
    padding-bottom: 2.8985507246vw;
    margin-bottom: 2.8985507246vw;
  }
  #blog aside.sidebar .list-block .side-blog-new-list a {
    display: block;
  }
  #blog aside.sidebar .list-block .side-blog-new-list a > .side-day {
    margin-bottom: 1.4492753623vw;
  }
  #blog aside.sidebar .list-block .side-blog-new-list a:hover {
    text-decoration: none;
  }
  #blog aside.sidebar .list-block .side-blog-new-list a:hover > .side-title {
    text-decoration: underline;
    text-underline-offset: 0.25em;
    text-decoration-thickness: 1px;
  }
  #blog aside.sidebar .list-block .scr-side-blog-list + .scr-side-blog-list {
    margin-top: 0.75em;
  }
  #blog aside.sidebar .list-block .scr-side-blog-list > li + li {
    margin-top: 0.25em;
  }
  /* company-member -------------------------------------*/
  #company-member {
    color: #666666;
    /* 一覧 -------------------------------------*/
    /* 詳細 -------------------------------------*/
    /* レコメンド --------------------------------*/
  }
  #company-member a {
    color: inherit;
  }
  #company-member > section.system-outer,
  #company-member > article.system-outer {
    max-width: initial;
    background-image: url(../images/common/system-bg.jpg);
    background-repeat: repeat;
    padding-top: 9.6618357488vw;
    padding-bottom: 9.6618357488vw;
  }
  #company-member > section.system-outer > .inner,
  #company-member > article.system-outer > .inner {
    max-width: 91.7874396135vw;
    margin-left: auto;
    margin-right: auto;
  }
  #company-member .staff-list {
    padding: 7.2463768116vw 4.1062801932vw;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    gap: 7.2463768116vw 4.1062801932vw;
  }
  #company-member .staff-item {
    width: calc((100% - 4.1062801932vw) / 2);
    text-align: center;
  }
  #company-member .staff-item__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    color: inherit;
  }
  #company-member .staff-item__link:hover {
    text-decoration: none;
  }
  #company-member .staff-item__link:hover .staff-item__photo > img {
    opacity: 0.8;
    transform: scale(1.08);
  }
  #company-member .staff-item__photo {
    width: 33.8164251208vw;
    margin-bottom: 2.4154589372vw;
    aspect-ratio: 1/1;
    border-radius: 50%;
    overflow: hidden;
    background-color: #fff;
  }
  #company-member .staff-item__photo > img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
    width: 100%;
    height: 100%;
    max-width: 100%;
    transition: transform 0.4s ease 0s, opacity 0.4s ease 0s;
  }
  #company-member .staff-item__photo > img:hover {
    opacity: 1;
  }
  #company-member .staff-item__deptpos {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.4492753623vw;
    font-size: 2.6570048309vw;
    line-height: 1.4615384615;
    min-height: 2.9230769231em;
    letter-spacing: 0.05em;
    color: #999999;
  }
  #company-member .staff-item__name {
    font-size: 3.3816425121vw;
    line-height: 1;
    letter-spacing: 0.1em;
  }
  #company-member .staff-item__name.en {
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 0.85em;
    font-weight: 700;
    margin-top: 0.7em;
    color: #999999;
  }
  #company-member .content-wrapper {
    margin-top: 9.6618357488vw;
    margin-bottom: 9.6618357488vw;
    background-color: #fff;
    padding: 4.1062801932vw;
  }
  #company-member .system-header {
    display: flex;
    align-items: flex-start;
    margin-bottom: 7.2463768116vw;
    padding-bottom: 3.8647342995vw;
    gap: 4.8309178744vw;
    border-bottom: 1px solid #d0d0d0;
  }
  #company-member .member-header-text {
    flex: 1;
  }
  #company-member .postitle {
    font-size: 3.3816425121vw;
    line-height: 1.6;
    letter-spacing: 0.05em;
    display: block;
    margin-bottom: 1.4492753623vw;
    color: #999999;
  }
  #company-member .system-ttl {
    font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 4.8309178744vw;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.2em;
  }
  #company-member .kana {
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 3.6231884058vw;
    margin-top: 0.2em;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.05em;
    color: #999999;
  }
  #company-member .system-i-pic {
    width: 24.154589372vw;
  }
  #company-member .system-i-pic > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }
  #company-member .system-post-content {
    margin-top: 14.4927536232vw;
    margin-bottom: 14.4927536232vw;
    max-width: 241.5458937198vw;
    margin-left: auto;
    margin-right: auto;
  }
  #company-member .system-post-content:last-child {
    margin-bottom: 28.9855072464vw;
  }
  #company-member .other-members {
    margin-top: 19.3236714976vw;
    max-width: 91.7874396135vw;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    padding: 4.1062801932vw;
    padding-top: 7.2463768116vw;
    padding-bottom: 7.2463768116vw;
  }
  #company-member .other-members > .staff-list {
    padding: 0;
  }
  #company-member .other-member-ttl {
    font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 4.347826087vw;
    line-height: 1;
    font-weight: 500;
    text-align: center;
    letter-spacing: 0.1em;
    margin-bottom: 9.6618357488vw;
    gap: 1.2em;
  }
  #company-member .other-member-ttl::before, #company-member .other-member-ttl::after {
    content: "";
    display: block;
    flex: 1;
    height: 1px;
    background-color: #666;
  }
  /* oubo -------------------------------------*/
  #oubo {
    color: #666666;
    /* 詳細 -------------------------------------*/
    /* フォーム -------------------------------------*/
  }
  #oubo a {
    color: inherit;
  }
  #oubo .content-wrapper {
    margin-top: 9.6618357488vw;
    margin-bottom: 9.6618357488vw;
  }
  #oubo .system-header {
    margin-bottom: 7.2463768116vw;
  }
  #oubo .system-ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5em 1em;
    font-size: 4.347826087vw;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.05em;
    color: white;
    background-color: #b11f25;
  }
  #oubo .content-wrapper .oubo-sec2__card {
    margin-top: 0;
    padding: 7.2463768116vw 4.1062801932vw;
  }
  #oubo .content-wrapper .oubo-sec2__card-info {
    padding-top: 0;
  }
  #oubo .content-wrapper .oubo-sec2__card-info-item:first-child {
    padding-top: 0;
  }
  #oubo .content-wrapper .oubo-sec2__card-info-item-title {
    letter-spacing: 0.05em;
    padding-left: 2.8985507246vw;
    font-size: 3.3816425121vw;
    line-height: 1.4857142857;
    width: calc(2.8985507246vw + 6em + 0.3em);
  }
  #oubo .content-wrapper .oubo-sec2__card-info-item-text {
    font-size: 3.1400966184vw;
    line-height: 1.6;
  }
  #oubo .form-wrapper {
    background-color: #fff;
    margin-top: 14.4927536232vw;
    margin-bottom: 24.154589372vw;
  }
}