/*!
Theme Name: win-japan
Theme URI: https://win-japan.org
Author: WiN-Japan
Author URI: https://win-japan.org
Description: WiN-Japan専用のWordPressテーマです。
Version: 1.1.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: win-japan
*/

/* ──────────────────────────────────────────────────────────── */
/* reset.css "acab/reset.css" */
/* ──────────────────────────────────────────────────────────── */

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
:where([hidden]:not([hidden='until-found'])) {
  display: none !important;
}
:where(html) {
  -webkit-text-size-adjust: none;
  color-scheme: dark light;
}
@media (prefers-reduced-motion: no-preference) {
  :where(html:focus-within) {
    scroll-behavior: smooth;
  }
}
:where(body) {
  line-height: 1.5;
  font-family: system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}
:where(input, button, textarea, select) {
  font: inherit;
  color: inherit;
}
:where(textarea) {
  resize: vertical;
  resize: block;
}
:where(button, label, select, summary, [role='button'], [role='option']) {
  cursor: pointer;
}
:where(:disabled) {
  cursor: not-allowed;
}
:where(label:has(> input:disabled), label:has(+ input:disabled)) {
  cursor: not-allowed;
}
:where(button) {
  border-style: solid;
}
:where(a) {
  color: inherit;
  text-underline-offset: 0.2ex;
}
:where(ul, ol) {
  list-style: none;
}
:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block;
}
:where(img, picture, svg) {
  max-inline-size: 100%;
  block-size: auto;
}
:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word;
}
:where(h1, h2, h3) {
  line-height: calc(1em + 0.5rem);
}
:where(hr) {
  border: none;
  border-block-start: 1px solid;
  color: inherit;
  block-size: 0;
  overflow: visible;
}
:where(:focus-visible) {
  outline: 3px solid Highlight;
  outline-offset: 2px;
  scroll-margin-block: 10vh;
}
:where(.visually-hidden:not(:focus-within, :active)) {
  clip-path: inset(50%) !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* ──────────────────────────────────────────────────────────── */
/* CSS記述 全般指定 */
/* ──────────────────────────────────────────────────────────── */

/* 色の指定 ─────────────── */

:root {
  --win-black: #231815;
  --win-blackHover: #231815aa;
  --win-navy: #133d83;
  --win-navyHover: #133d83aa;
  --win-red: #d93338;
  --win-gray: #efefef;
  --win-lightBlue: #dfeaf8;
  --win-lightBlueGradient: linear-gradient(130deg, rgba(223, 234, 248, 0.3015800070028011) 0%, rgba(212, 225, 243, 1) 51%, rgba(212, 225, 243, 0.6965379901960784) 86%, rgba(223, 234, 248, 0.7) 100%);
  --width-pc-max: 1400px;
  --width-pc-stage-1120: 1120px;
  --width-pc-stage-1020: 1020px;
  --hoverOpacity: 0.88;
  --activeOpacity: 0.75;
}

/* 全体設定 ─────────────── */
*,
*:before,
*:after {
  box-sizing: border-box;
}

html {
  color-scheme: light;
  font-feature-settings: 'palt';
  scroll-behavior: smooth;
}

body {
  border-top: 12px solid var(--win-navy);
  border-bottom: 12px solid var(--win-navy);
  background-color: #fff;
  color: var(--win-black);
  font-family: 'Hiragino Sans', 'ヒラギノ角ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', 'Meiryo', 'メイリオ', 'Yu Gothic', '游ゴシック体', sans-serif;
  min-width: 1024px;
}

img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

a {
  text-decoration: none;
  opacity: 1;
  transition: all linear 0.15s;
}

a:hover {
  opacity: var(--hoverOpacity);
  transition: all linear 0.15s;
}

a:active {
  opacity: var(--activeOpacity);
  transition: all linear 0.08s;
}

a img {
  transform: scale(1);
  transition: all linear 0.12s;
}

a:hover img {
  transform: scale(1.03);
}

a[target='_blank']:after {
  font-family: 'Phosphor' !important;
  content: '\e5de';
  display: inline-block;
}
header#masthead a[target='_blank']:after,
footer#colophon a[target='_blank']:after {
  content: none;
}
button {
  border: none;
  background-color: transparent;
}

::placeholder {
  color: #eaeaea;
}

select {
  -webkit-appearance: none;
  appearance: none; /* デフォルトの矢印を非表示 */
}
select::-ms-expand {
  display: none; /* デフォルトの矢印を非表示(IE用) */
}

.clearfix:after {
  content: '.';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}

/* フォント指定 ─────────────── */
.f-yugo {
  font-family: '游ゴシック体', 'YuGothic', '游ゴシック', 'Yu Gothic', 'Yu Gothic UI', sans-serif;
}
.f-heebo {
  font-family: 'Heebo', sans-serif;
  transition: all linear 150ms;
  visibility: hidden;
  opacity: 0;
}
.wf-active .f-heebo {
  visibility: visible;
  opacity: 1;
}

/* PC SP 切り替え用設定 */

br.db-pc {
  display: inline-block;
}
br.db-sp {
  display: none;
}

/* Google reCAPTCHA  */

.grecaptcha-badge {
  display: none !important;
}

/* gotoTop */

.gototop {
  height: 40px;
  width: 40px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  background: var(--win-gray);
  border-radius: 50%;
  z-index: 99999;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  display: none;
}

.gototop:hover {
  opacity: var(--hoverOpacity);
}

.gototop-arrow {
  width: 10px;
  height: 10px;
  border-top: 3px solid var(--win-navy);
  border-right: 3px solid var(--win-navy);
  transform: translate(-50%, -30%) rotate(-45deg);
  top: 50%;
  position: absolute;
  left: 50%;
}

/* 開発環境マーカー */
.env-dev {
  background-color: #ff0000;
  position: fixed;
  color: #fff;
  padding: 2px 5px;
  font-size: 12px;
  font-weight: 700;
  z-index: 9999999999;
  border-radius: 10px;
  top: 0px;
  /* display: none; */
}

/* ──────────────────────────────────────────────────────────── */
/* Home */
/* ──────────────────────────────────────────────────────────── */

/* ────────────────────────────── */
/* Header */
/* ────────────────────────────── */

/* header ─────────────── */

.site-header {
  z-index: 2;
  position: relative;
}
.home .site-header {
  overflow: hidden;
}
.site-header-wrap {
  max-width: 1340px;
  margin: 20px auto 0;
  padding: 0 10px 10px;
}
.home .site-header-wrap {
  padding: 0 10px 110px;
}

.nav-wrap {
  display: grid;
  grid-template:
    '... .... ... ... ... '
    '... logo ... nav ... '
    '... .... ... ... ... '
    / 0 auto auto auto 0;
  align-items: start;
  position: relative;
  z-index: 2;
}

.site-header .site-logo {
  grid-area: logo;
  width: 151px;
  height: auto;
}

/* nav ─────────────── */

.main-navigation {
  grid-area: nav;
}

ul.menu-header {
  display: grid;
  grid-template:
    '... .... ... ..... ... .... ... .... ... ........ ... ....... ... ....... ... ...... ...'
    '... home ... about ... news ... work ... activity ... sponsor ... contact ... member ...'
    '... .... ... ..... ... .... ... .... ... ........ ... ....... ... ....... ... ...... ...'
    / 0 auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto 0;
  align-items: center;
}
ul.menu-header li.menu-item {
  white-space: nowrap;
}
ul.menu-header li.menu-item:nth-child(1) {
  grid-area: home;
}
ul.menu-header li.menu-item:nth-child(2) {
  grid-area: about;
  position: relative;
}
ul.menu-header li.menu-item:nth-child(3) {
  grid-area: news;
  position: relative;
}
ul.menu-header li.menu-item:nth-child(4) {
  grid-area: work;
  position: relative;
}
ul.menu-header li.menu-item:nth-child(5) {
  grid-area: activity;
  position: relative;
}
ul.menu-header li.menu-item:nth-child(6) {
  grid-area: sponsor;
}
ul.menu-header li.menu-item:nth-child(7) {
  grid-area: contact;
  position: relative;
}
ul.menu-header li.menu-item:nth-child(8) {
  grid-area: member;
}
ul.menu-header li.menu-item:nth-child(8) a {
  border: 1px solid var(--win-black);
  padding: 6px 10px;
  border-radius: 15px;
  margin: 0 0 0 14px;
  text-align: center;
  transition: all linear 0.15s;
}
ul.menu-header li.menu-item:nth-child(8) a:hover {
  border: 1px solid var(--win-navy);
  background-color: var(--win-navy);
  color: #fff;
}
ul.menu-header li.menu-item:nth-child(8) a:active {
  opacity: var(--activeOpacity);
}

ul.menu-header li.menu-item a {
  font-weight: 600;
  text-decoration: none;
  color: var(--win-black);
  letter-spacing: 0.02em;
  display: block;
  padding: 6px 0px 6px 6px;
  font-size: 15px;
}
ul.menu-header li.menu-item a:hover {
  opacity: 1;
  color: var(--win-blackHover);
}
ul.menu-header li.menu-item a:active {
  opacity: var(--activeOpacity);
}
ul.menu-header > li.menu-item > a:before {
  content: '';
  width: 14px;
  height: 14px;
  background-color: var(--win-red);
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;

  transition: all 0.1s linear;
  margin: 5px 5px -10px 0px;
  opacity: 0;
}
ul.menu-header > li.menu-item > a:hover:before {
  transition: all 0.18s cubic-bezier(0, -0.8, 0, 4);
  margin: -4px 5px 0 0;
  opacity: 1;
}
ul.menu-header li.menu-item:nth-child(8) a:before {
  content: none;
}

.main-navigation li.menu-item .sub-menu {
  position: absolute;
  max-width: 340px;
  z-index: 1;
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border: 1px solid #eeeeee;
  margin: 0 0 0 6px;
  top: 36px;

  transition: all cubic-bezier(0.5, 0.1, 0, 1) 0.18s;
  visibility: hidden;
  opacity: 0;
  transform-origin: 0 0;
  transform: scaleY(0.95);
}

ul.menu-header li.menu-item:hover .sub-menu {
  visibility: visible;
  opacity: 1;
  transform-origin: 0 0;
  transform: scaleY(1);
}

ul.menu-header li.menu-item:hover > a:before {
  opacity: 1;
  margin: -14px 5px -10px 0px;
}

ul.sub-menu li.menu-item {
  margin: 14px 16px 14px 14px;
}
ul.sub-menu li.menu-item a {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 2px 0px 2px 4px;
  letter-spacing: 0.08em;
}

.sp-menu-btn {
  display: none;
}

/* site title ─────────────── */

.site-branding {
  margin: -15px 0 0 0;
  position: relative;
  z-index: 1;
}
h1.site-title.f-heebo {
  text-align: right;
  position: relative;
  transition: all cubic-bezier(0.5, 0.1, 0, 1) 1s;
  opacity: 0;
  right: -30px;
}
h1.site-title.is-active {
  width: auto;
  opacity: 1;
  right: 82px;
}
h1.site-title img {
  width: 481px;
  display: inline-block;
}
p.site-description {
  font-size: 19px;
  font-weight: 700;
  color: var(--win-navy);
  text-align: right;
  letter-spacing: 0.26em;
  position: relative;
  right: 260px;

  transition: all cubic-bezier(0.5, 0.1, 0, 1) 1s;
  opacity: 0;
  top: 25px;
}
p.site-description.is-active {
  opacity: 1;
  top: -20px;
}

/* ────────────────────────────── */
/* Main */
/* ────────────────────────────── */

/* メイン ─────────────── */
.site-main {
  min-height: 500px;
  margin: 12px 0 136px 0;
}
.home.page .site-main {
  margin: -165px 0 0 0;
}

.error404 .site-main {
  min-height: auto;
}

/* ────────────────────────────── */
/* Top Slide */
/* ────────────────────────────── */

/* splide ─────────────── */

section.splide {
  transition: all linear 0.5s;
  opacity: 0;
}

section.splide.is-active {
  opacity: 1;
}

section.splide:before {
  content: '';
  background-image: url(../../uploads/2023/12/wave@2x.png);
  background-repeat: repeat-x;
  display: block;
  background-size: 100%;
  width: 100%;
  height: max(151px, 11vw);
  min-height: 90px;
  background-position: 0 0;
  position: absolute;
  z-index: 1;
  top: 0;
  pointer-events: none;
}
.splide__track--draggable {
  top: 1px;
}

.splide__slide img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  -o-object-position: 50% 55%;
  object-position: 50% 55%;
  height: 512px;
}

.splide__slide img.tsl-3 {
  -o-object-position: 50% 30%;
  object-position: 50% 30%;
}
.splide .splide__pagination {
  padding: 0 0 0 0;
  position: relative;
  margin: 50px auto 0;
  z-index: 1;
}

.splide .splide__pagination__page {
  background: #dcdddd;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 14px;
  width: 14px;
  margin: 0 16px 0;
  opacity: 1;
  padding: 0;
  position: relative;
  transition: transform 0.1s linear;
}

.splide .splide__pagination__page.is-active {
  background: var(--win-red);
  transform: scale(1);
}

.splide__progress .splide__progress__bar {
  background-color: var(--win-red);
  height: 3px;
  position: relative;
  z-index: 1;
}

.splide__progress {
  position: relative;
}
.splide__progress:after {
  z-index: 0;
  content: '';
  width: 100%;
  height: 3px;
  background-color: #dcdddd;
  display: block;
  position: absolute;
  top: 0;
}

/* ────────────────────────────── */
/* Work Page */
/* ────────────────────────────── */

section.work {
  margin: -14px 0 -130px 0;
  overflow: hidden;
}

.work-title-wrap {
  padding: 0 10px;
}
.work-title.f-heebo {
  font-size: 70px;
  color: var(--win-navy);
  max-width: var(--width-pc-stage-1120);
  margin: 0 auto -14px;
  padding: 0 0 0 50px;
  line-height: 1;
  font-weight: 800;
  position: relative;
  letter-spacing: 0.02em;
  transition: all cubic-bezier(0.5, 0.1, 0, 1) 1s;
  opacity: 0;
  right: 80px;
}
.work-title.is-active.f-heebo {
  opacity: 1;
  right: 0;
}

.work-wrap {
  background-color: var(--win-navy);
  padding: 0 10px 1px;
  position: relative;
}

.work-ul {
  display: grid;
  grid-template:
    '... .. ... .. ... .. ...'
    '... wl ... wc ... wr ...'
    '... .. ... .. ... .. ...'
    / 0 minmax(auto, 250px) minmax(auto, 54px) minmax(auto, 250px) minmax(auto, 54px) minmax(auto, 250px) 0;
  align-items: start;
  max-width: var(--width-pc-stage-1120);
  margin: 0 auto;
  padding: 50px 0 0;
  position: relative;
  z-index: 1;
  word-break: break-word;
  justify-content: center;
}
.work-ul .work-li {
  position: relative;
  transition: all cubic-bezier(0.5, 0.1, 0, 1) 1s;
  opacity: 0;
}
.work-ul .work-li:nth-child(1) {
  grid-area: wl;
  top: 50px;
}
.work-ul .work-li:nth-child(2) {
  grid-area: wc;
  top: 50px;
}
.work-ul .work-li:nth-child(3) {
  grid-area: wr;
  top: 50px;
}

.work-ul .work-li:nth-child(1).is-active {
  opacity: 1;
  top: 0;
}
.work-ul .work-li:nth-child(2).is-active {
  opacity: 1;
  top: 0;
}
.work-ul .work-li:nth-child(3).is-active {
  opacity: 1;
  top: 0;
}

.work-ul .work-li a {
  color: #fff;
  text-decoration: none;
}

.work-img-wrap {
  height: 310px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  overflow: hidden;
  box-sizing: content-box;
}

p.work-name-en {
  font-size: 38px;
  line-height: 1.05;
  font-weight: 700;
  margin: 15px 0 0 0;
  letter-spacing: 0.06em;
}
p.work-name-en span {
  display: block;
}

p.work-name-jp,
p.work-name-title {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0.04em;
}

p.work-name-jp {
  margin: 2px 0 0 0;
}

p.work-readmore {
  text-align: right;
  max-width: 1300px;
  margin: -2px auto 16px;
  padding: 0px 14px 0 0;
  z-index: 1;
  position: relative;

  transition: all cubic-bezier(0.5, 0.1, 0, 1) 1s;
  opacity: 0;
  right: 40px;
}

p.work-readmore.is-active {
  opacity: 1;
  right: 0;
}

a.work-readmore-link {
  color: #fff;
  text-decoration: none;
  position: relative;
  z-index: 1;
  font-size: 14px;
  transition: all linear 0.12s;
}

a.work-readmore-link i {
  width: 55px;
  height: 55px;
  display: inline-block;
  border-radius: 50%;
  vertical-align: middle;
  margin: 0 0 0 14px;
  line-height: 55px;
  text-align: center;
  font-size: 30px;

  transition: all linear 0.12s;
  background-color: var(--win-red);
}

a.work-readmore-link:hover i {
  background-color: #ffffff;
  color: var(--win-red);
}

a.work-readmore-link i:before {
  margin: 0 0 0 0;
  transition: all linear 0.12s;
}
a.work-readmore-link:hover i:before {
  margin: 0 0 0 5px;
}

.bg-img-work {
  position: relative;
  bottom: 114px;
  line-height: 1;
  z-index: 0;
  max-width: 1300px;
  margin: 0 auto;
  text-align: right;
  overflow: hidden;

  transition: all cubic-bezier(0.5, 0.1, 0, 1) 1s;
  opacity: 0;
  right: -230px;
}
.bg-img-work.is-active {
  opacity: 1;
  right: -80px;
}
.bg-img-work img {
  width: 550px;
  display: inline;
}

/* ────────────────────────────── */
/* Activity Page */
/* ────────────────────────────── */

section.activity {
  padding: 0 10px;
  margin: 0 0 -80px;
}

.activity-wrap {
  max-width: var(--width-pc-stage-1120);
  margin: 0 auto;
}
h2.activity-title.f-heebo {
  font-size: 70px;
  color: var(--win-navy);
  margin: 0 auto -2px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.02em;
  position: relative;
  z-index: 1;
  max-width: var(--width-pc-stage-1020);

  transition: all cubic-bezier(0.5, 0.1, 0, 1) 1s;
  opacity: 0;
  right: 80px;
}
h2.activity-title.is-active.f-heebo {
  opacity: 1;
  right: 0;
}
ul.activity-ul {
  min-height: 595px;
  max-width: var(--width-pc-stage-1020);
  margin: 0 auto;
}
a.activity-link {
  text-decoration: none;
  color: var(--win-navy);
  display: block;
  height: 100%;
}
a.activity-link:hover {
  opacity: 1;
  color: var(--win-navyHover);
}
a.activity-link:active {
  opacity: var(--activeOpacity);
}

li.activity-li {
  height: 195px;
  margin: 0 0 5px;
  position: relative;
  background: var(--win-lightBlue);
  background: var(--win-lightBlueGradient);

  transition: all cubic-bezier(0.5, 0.1, 0, 1) 1s;
  opacity: 0;
  left: 80px;
  position: absolute;
}
li.activity-li.is-active {
  opacity: 1;
  left: 0;
  position: relative;
}

p.activity-txt {
  width: 80px;
  height: 80px;
  text-align: center;
  line-height: 80px;
  background-color: #fff;
  border-radius: 50%;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 4px;
  padding: 0 0 0 6px;
  position: absolute;
  top: 15px;
  left: 20px;
}
.activity-num {
  position: absolute;
  top: 50%;
  transform: translateY(-62%);
}
.num-1 .activity-num {
  left: 92px;
  transform: translateY(-54%);
}
.num-1 .activity-num img {
  width: 22px;
}
.num-2 .activity-num {
  left: 88px;
}
.num-2 .activity-num img {
  width: 52px;
}
.num-3 .activity-num {
  left: 87px;
}
.num-3 .activity-num img {
  width: 53px;
}

a.activity-link:hover .activity-num img {
  transform: scale(1);
  opacity: 0.55;
}

p.activity-title {
  font-size: 30px;
  letter-spacing: 0.02em;
  font-weight: 700;
  position: absolute;
  top: 50%;
  transform: translateY(-60%);
  left: 188px;
  z-index: 3;
  line-height: 1.3;
  font-family: inherit;
}

.activity-img-wrap {
  height: 195px;
  width: 420px;
  position: absolute;
  clip-path: polygon(160px 0%, 100% 0%, 100% 100%, 0% 100%);
  z-index: 2;

  transition: all cubic-bezier(0.5, 0.1, 0, 1) 1s;
  opacity: 0;
  top: -26px;
  right: -16px;
}
.activity-img-wrap.is-active {
  opacity: 1;
  top: 0;
  right: 0;
}

.bg-img-activity {
  position: relative;
  z-index: 1;
  max-width: var(--width-pc-max);
  margin: 0 auto;
  padding: 0 0 0 10px;
  text-align: left;
  pointer-events: none;

  transition: all cubic-bezier(0.5, 0.1, 0, 1) 1s;
  opacity: 0;
  left: -184px;
  bottom: 46px;
}

.bg-img-activity.is-active {
  opacity: 1;
  left: -34px;
}

.bg-img-activity img {
  width: 800px;
  display: inline;
}
/* ────────────────────────────── */
/* Footer */
/* ────────────────────────────── */

.site-footer {
  background: var(--win-lightBlue);
  background: var(--win-lightBlueGradient);
  padding: 150px 0 10px;
  position: relative;
  margin: 48px 0 0 0;
  z-index: 0;
}
.site-footer:before {
  content: '';
  background-image: url(../../uploads/2023/12/wave-footer@2x.png);
  background-repeat: repeat-x;
  display: block;
  background-size: 100%;
  width: 100%;
  height: 165px;
  background-position: 0 0;
  position: absolute;
  z-index: 1;
  top: 0px;
}
.site-footer-wrap {
  padding: 0 10px;
}
.site-footer-stage {
  max-width: var(--width-pc-stage-1120);
  margin: 0 auto;
  position: relative;
}
.footer-grid {
  min-height: 750px;
}

.footer-wing {
  position: absolute;
  top: 4px;
  left: 50px;
}
.footer-wing .footer-logo-wrap {
  width: 193px;
  margin: 0 0 40px 0;
}
.footer-winj {
  position: absolute;
  top: 392px;
  left: 50px;
}
.footer-winj .footer-logo-wrap {
  width: 226px;
  margin: 0 0 30px -28px;
}
p.footer-name {
  font-size: 24px;
  letter-spacing: 0.03em;
  font-weight: 500;
}
p.footer-desc {
  max-width: 300px;
  font-size: 14px;
}
.footer-winj p.footer-desc {
  max-width: 550px;
  font-size: 16px;
  font-weight: 500;
}
nav.footer-navigation {
  position: absolute;
  top: 70px;
  left: 38%;
}

ul.menu-footer li.menu-item {
  margin: 0 0 20px 0;
}
ul.menu-footer li.menu-item a {
  font-weight: 500;
  text-decoration: none;
  color: var(--win-black);
  font-size: 16px;
  letter-spacing: 0.06em;
}
ul.menu-footer li.menu-item a:hover {
  color: var(--win-blackHover);
}
ul.menu-footer li.menu-item a:before {
  opacity: 0;
  content: '';
  width: 14px;
  height: 14px;
  background-color: var(--win-red);
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;

  transition: all 0.1s linear;
  margin: 5px 5px -10px 0px;
  opacity: 0;
}
ul.menu-footer li.menu-item a:hover:before {
  transition: all 0.18s cubic-bezier(0, -0.8, 0, 4);
  margin: -4px 5px 0 0;
  opacity: 1;
}

.footer-sns {
  position: absolute;
  top: 18px;
  right: 50px;
  min-width: 350px;
}

.footer-li,
.footer-x,
.footer-fb {
  display: inline-block;
  width: 33px;
  margin: 0 18px 0 0;
}
.footer-fb {
  width: 36px;
}
.footer-x-embed {
  margin: 8px 0 0 0;
}

p.footer-privacy {
  display: inline-block;
  font-size: 12px;
  margin: 0 20px 0 0;
  letter-spacing: 0.05em;
}
p.footer-privacy a {
  text-decoration: none;
}
p.footer-copyright {
  display: inline-block;
  font-size: 12px;
}

/* ──────────────────────────────────────────────────────────── */
/* About Page */
/* ──────────────────────────────────────────────────────────── */

/* ────────────────────────────── */
/* Page, Archive, Single 共通 */
/* ────────────────────────────── */

/* パンくず ─────────────── */
.breadcrumb-wrap {
  padding: 0 10px;
}

.breadcrumb-stage {
  max-width: var(--width-pc-stage-1020);
  margin: 0 auto;
  overflow: hidden;
  white-space: nowrap;
}
.breadcrumb-wrap li {
  display: inline-block;
  color: var(--win-navy);
  font-size: 14px;
  letter-spacing: 0.06em;
  font-weight: 500;
}

.breadcrumb-wrap li:before {
  content: '>';
  margin: 0px 0.4em 0;
}
.breadcrumb-wrap li:nth-child(1):before {
  content: none;
}

/* ヘッダー ─────────────── */

.page .entry-header,
.archive .page-header {
  background-color: var(--win-navy);
}

/* タイトル ─────────────── */
.page .entry-title-wrap,
.archive .page-title-wrap {
  padding: 15px 10px 10px;
}
.page .header-stage,
.post-type-archive .header-stage {
  max-width: var(--width-pc-stage-1020);
  margin: 0 auto;
  position: relative;
}
.page .entry-title,
.post-type-archive .page-title {
  color: #fff;
  font-size: 85px;
  letter-spacing: 0.01em;
  pointer-events: none;
}

/* ────────────────────────────── */
/* Page 共通 */
/* ────────────────────────────── */

.page-child .entry-title {
  font-size: 38px;
  margin: 0px auto 0;
  padding: 16px 0 213px 0;
  letter-spacing: 0.05em;
  font-weight: 700;
  font-family: inherit;
  visibility: visible;
  opacity: 1;
}

/* コンテント ─────────────── */

.page-child .entry-content {
  margin: 0 0 144px 0;
  padding: 0 10px 0;
}

/* About 親ページ ─────────────── */

section.about-parent-wrap {
  background-color: var(--win-navy);
  padding: 0 10px 35px 0;
  margin: -82px 0 0 0;
}

ul.about-parent-ul {
  max-width: var(--width-pc-stage-1020);
  margin: 0 auto;
}

li.about-parent-li {
  margin: 0 0 10px auto;
  max-width: 620px;

  transition: all cubic-bezier(0.5, 0.1, 0, 1) 0.5s;
  opacity: 0;
  right: -30px;
  position: relative;
}
li.about-parent-li.is-active {
  opacity: 1;
  right: 0;
}
li.about-parent-li:last-of-type {
  margin: 0 0 0 auto;
}

li.about-parent-li a {
  color: var(--win-navy);
  font-size: 28px;
  font-weight: 700;
  display: block;
  padding: 0 90px 0 40px;
  position: relative;
  background-color: var(--win-gray);
  line-height: 80px;
  letter-spacing: 0.08em;
}

li.about-parent-li a i {
  border: 1px solid var(--win-navy);
  border-radius: 50%;
  padding: 0;
  width: 45px;
  height: 45px;
  font-size: 22px;
  line-height: 45px;
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  transition: all linear 0.15s;
}

li.about-parent-li a:hover i {
  background-color: var(--win-red);
  color: #fff;
  border: 1px solid var(--win-red);
}
li.about-parent-li a i:before {
  margin: 0 0 0 2px;
}
li.about-parent-li a:hover i:before {
  margin: 0 0 0 6px;
}

/* About 子ページ ─────────────── */

section.about-child-wrap {
  max-width: var(--width-pc-stage-1020);
  margin: -196px auto 0;
  background-color: var(--win-gray);
  padding: 44px 50px 44px 50px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
  z-index: 1;
  position: relative;
}

.about-child-wrap h3.article-title {
  font-size: 32px;
  line-height: 1.6;
  color: var(--win-navy);
  margin: 0 0 20px 0;
  letter-spacing: 0.05em;
  font-weight: 700;
}

.about-child-wrap .article-txt {
  font-size: 20px;
  line-height: 2;
  color: #231815;
  font-weight: 500;
  letter-spacing: 0.1em;
  /* text-align: justify; */
  word-break: break-word;
}
.about-child-wrap dl.article-txt {
  text-align: inherit;
}
.about-child-wrap .article-txt.small-txt {
  font-size: 16px;
  margin: 1em 0 0 0;
}

/* WiN-Global 会長メッセージ ─────────────── */

section.about-child-wrap.chairman {
  padding: 50px 50px 44px 50px;
}
.chairman-img {
  width: 165px;
  border: 1px solid #fff;
  display: inline-block;
  vertical-align: middle;
  box-sizing: content-box;
}

.chairman-title-wrap {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 34px;
}

.chairman h3.article-title {
  margin: 0 0 0 0;
  font-size: 28px;
}

.chairman-name {
  font-size: 28px;
  letter-spacing: 0.02em;
  font-weight: 300;
}

.chairman .article-txt {
  margin: 30px 0 0 0;
  font-size: 20px;
  letter-spacing: 0.015em;
}

.chairman .article-subtitle {
  color: var(--win-navy);
  font-weight: 700;
  margin: 38px 0 0px 0;
  text-align: inherit;
}

/* 入会状況・入会案内 ─────────────── */
section.about-child-wrap.admission {
  padding: 50px 50px 44px 50px;
}
h2.admission-h2 {
  text-align: center;
  font-size: 28px;
  background-color: var(--win-navy);
  color: #fff;
  letter-spacing: 0.1em;
  line-height: 60px;
}

p.admission-txt {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.03em;
}

p.admission-txt.top {
  margin: 24px 0;
  line-height: 1.8;
  font-size: 16px;
  font-weight: 500;
}

.admission-org-wrap {
  font-size: 0;
}

ul.admission-org-list {
  width: 48%;
  display: inline-block;
  margin: 0 0 90px 0;
  vertical-align: top;
}
ul.admission-org-list + ul {
  margin: 0 0 90px 4%;
}

ul.admission-org-list li {
  border-top: 1px solid var(--win-black);
  padding: 7px 8px 6px;
  letter-spacing: 0.02em;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.3;
}
ul.admission-org-list li:last-child {
  border-bottom: 1px solid var(--win-black);
}

.admission-info-wrap {
  font-size: 0;
}
h3.admission-h3 {
  font-size: 24px;
  color: var(--win-navy);
  margin: 38px 0 0 0;
  display: inline-block;
  width: 16.3%;
  vertical-align: top;
  font-weight: 700;
  letter-spacing: 0.15em;
}
h3.admission-h3.approval {
  margin: 58px 0 18px 0;
  display: block;
  width: auto;
}

ul.admission-qualification-wrap,
ul.admission-fee-wrap {
  display: inline-block;
  vertical-align: top;
  margin: 40px 0 0 0;
  width: 83.7%;
}

ul.admission-qualification-wrap li,
ul.admission-fee-wrap li {
  border-top: 1px solid var(--win-black);
  padding: 4px 0 3px 0px;
  font-size: 0;
}
ul.admission-qualification-wrap li:last-child,
ul.admission-fee-wrap li:last-child {
  border-bottom: 1px solid var(--win-black);
}

ul.admission-qualification-wrap li .title,
ul.admission-fee-wrap li .title {
  display: inline-block;
  width: 26.6%;
  font-size: 16px;
  vertical-align: middle;
}

ul.admission-qualification-wrap li .desc,
ul.admission-fee-wrap li .desc {
  display: inline-block;
  width: 73.4%;
  font-size: 16px;
  letter-spacing: 0.03em;
  vertical-align: middle;
}

.btm-btn-wrap {
  width: fit-content;
  margin: 80px auto 64px;
  font-size: 0;
}
a.admission-link {
  margin: 0 15px 0;
  display: inline-block;
  padding: 10px 54px 10px;
  width: fit-content;
  border: 2px solid var(--win-navy);
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
  color: var(--win-navy);
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.025em;
}
a.admission-link:hover {
  background-color: var(--win-navy);
  opacity: 1;
  color: #fff;
}
a.admission-link:active {
  box-shadow: none;
  opacity: var(--activeOpacity);
}

/* 規約ページ ─────────────── */
section.about-child-wrap.terms {
  padding: 50px 50px 70px 50px;
}
h2.terms-h2 {
  text-align: center;
  font-size: 28px;
  background-color: var(--win-navy);
  color: #fff;
  padding: 16px 0;
  line-height: 1;
  margin: 0 0 44px;
  letter-spacing: 0.03em;
}

h3.terms-h3 {
  font-size: 16px;
  line-height: 1.8;
  font-weight: 700;
}

h4.terms-h4 {
  font-size: 16px;
  line-height: 1.8;
  font-weight: 700;
  display: inline-block;
}

ol.terms-ol li {
  font-size: 0;
}

ol.terms-ol li h4.terms-h4 {
  margin: 0 0.4em 0 0;
}
ol.terms-ol li:first-child h4.terms-h4 {
  margin: 0 0.8em 0 0;
}

p.terms-txt {
  font-size: 16px;
  display: inline;
  font-weight: 400;
  line-height: 1.8;
}
p.terms-txt-last {
  text-align: right;
}

/* ──────────────────────────────────────────────────────────── */
/* News & Report */
/* ──────────────────────────────────────────────────────────── */

.archive .article-wrap {
  background-color: var(--win-navy);
  padding: 0 10px 64px 10px;
}
.archive .article-stage {
  max-width: var(--width-pc-stage-1020);
  margin: 0 auto;
  display: grid;
  grid-template:
    '... .. ... .. ... .. ...'
    '... b1 ... b2 ... b3 ...'
    '... .. ... .. ... .. ...'
    '... b4 ... b5 ... b6 ...'
    '... .. ... .. ... .. ...'
    '... b7 ... b8 ... b9 ...'
    '... .. ... .. ... .. ...' / 0 minmax(296px, 1fr) 15px minmax(296px, 1fr) 15px minmax(296px, 1fr) 0;
  align-items: start;
}

.archive article.hentry {
  margin: 0 0 15px 0;
  transition: all cubic-bezier(0.5, 0.1, 0, 1) 0.5s;
  opacity: 0;
  bottom: -8px;
  position: relative;
}
.archive article.hentry.is-active {
  opacity: 1;
  bottom: 0;
}

.archive article.hentry:nth-child(1) {
  grid-area: b1;
}
.archive article.hentry:nth-child(2) {
  grid-area: b2;
}
.archive article.hentry:nth-child(3) {
  grid-area: b3;
}
.archive article.hentry:nth-child(4) {
  grid-area: b4;
}
.archive article.hentry:nth-child(5) {
  grid-area: b5;
}
.archive article.hentry:nth-child(6) {
  grid-area: b6;
}
.archive article.hentry:nth-child(7) {
  grid-area: b7;
}
.archive article.hentry:nth-child(8) {
  grid-area: b8;
}
.archive article.hentry:nth-child(9) {
  grid-area: b9;
}

.archive .article-link {
  background-color: var(--win-gray);
  padding: 25px 30px 26px;
  display: block;
}

.archive article .entry-title {
  color: var(--win-navy);
  font-size: 20px;
  font-weight: 600;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.5em;
  min-height: calc(1.5em * 2);
  word-break: break-all;
}

.archive article .entry-content {
  margin: 14px 0 0 0;
}

.archive article .content-thumbnail {
  height: 165px;
  overflow: hidden;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);
}

.archive article .content-text {
  margin: 16px 0 0 0;
  font-size: 16px;
  line-height: 1.625em;
  min-height: calc(1.625em * 3);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.archive article .content-meta {
  margin: 20px 0 0 0;
  position: relative;
  font-size: 0;
}

.archive article .content-time {
  font-size: 14px;
  color: var(--win-navy);
  display: inline-block;
  font-weight: 600;
  letter-spacing: 0.07em;
}

.archive article .readmore {
  font-size: 14px;
  display: inline-block;
  margin: 0 0 0 auto;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 54px 0 0;
  font-weight: 300;
}
.archive article .readmore i {
  border: 1px solid var(--win-navy);
  border-radius: 50%;
  padding: 12px 0;
  width: 45px;
  height: 45px;
  font-size: 22px;
  line-height: 0.9em;
  color: var(--win-navy);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  transition: all linear 0.15s;
}

.archive article a:hover .readmore i {
  border: 1px solid var(--win-red);
  background-color: var(--win-red);
  color: #fff;
}
.archive article a:hover .readmore i:before {
  margin: 0 0 0 4px;
}

.archive nav.pagination {
  margin: 44px auto 0;
  max-width: var(--width-pc-stage-1120);
}

.archive nav.pagination .nav-links {
  text-align: center;
  color: #fff;
  font-size: 0;
}

.archive nav.pagination .page-numbers {
  border: 1px solid #fff;
  font-size: 18px;
  font-weight: 600;
  border-radius: 50%;
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  margin: 0 7px 0;
}
.archive nav.pagination .page-numbers.current {
  border: 1px solid #fff;
  background-color: #fff;
  color: var(--win-navy);
}

.archive nav.pagination a.page-numbers:hover {
  border: 1px solid var(--win-red);
  background-color: var(--win-red);
  color: #fff;
}

.archive nav.pagination .page-numbers.dots {
  border: none;
  width: 25px;
}

/* News & Report 個別投稿ページ ─────────────── */

.single-news-report .page-header {
  background-color: var(--win-navy);
  padding: 10px 10px;
  height: 300px;
}

.single-news-report .entry-wrap {
  margin: 0 0 160px 0;
  padding: 0 10px 0;
}

.single-news-report .entry-stage {
  max-width: var(--width-pc-stage-1020);
  margin: -250px auto 0;
  background-color: var(--win-gray);
  padding: 50px 50px 70px 50px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
}

.single-news-report .entry-header {
  margin: 0 0 36px;
}

.single-news-report .entry-time {
  color: var(--win-navy);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.07em;
}
.single-news-report .entry-title {
  color: var(--win-navy);
  border-bottom: 2px solid var(--win-navy);
  margin: 15px 0 0 0;
  padding: 0 0 22px 0;
  font-size: 32px;
  word-break: break-all;
  line-height: 1.4;
  letter-spacing: 0.06em;
}

.single-news-report .entry-content {
  padding: 0 70px;
}

.single-news-report .entry-content h2 {
  color: var(--win-navy);
  font-size: 20px;
  margin: 0 0 0.6em;
  font-weight: 600;
  letter-spacing: 0.02em;
}
.single-news-report .entry-content p {
  line-height: 2;
  font-size: 16px;
  margin: 0 0 2em;
  letter-spacing: 0.06em;
}

.single-news-report .entry-content ul {
  line-height: 2;
  margin: 0 0 2em 1.2em;
  letter-spacing: 0.06em;
  list-style: disc;
}

.single-news-report .entry-content a {
  text-decoration: underline;
  color: var(--win-navy);
  font-weight: 600;
}

.single-news-report .entry-content .img-wrap {
  margin: 40px 0 40px 0;
  font-size: 0;
}

.single-news-report .entry-content .img-wrap img {
  width: fit-content;
}
.single-news-report .entry-content .imglink-wrap {
  overflow: hidden;
}
.single-news-report .entry-content .imglink-wrap a {
  width: fit-content;
  display: block;
}

.single-news-report .entry-content .img-wrap figcaption {
  font-size: 14px;
  margin: 16px 0 0 0;
  line-height: 1.5;
  font-weight: 400;
}

.single-news-report .entry-content .img-wrap.pcs-2 figure {
  width: 48%;
  display: inline-block;
  vertical-align: top;
}
.single-news-report .entry-content .img-wrap.pcs-2 figure:nth-child(1) {
  margin: 0 3.8% 0 0;
}

/* ──────────────────────────────────────────────────────────── */
/* Work */
/* ──────────────────────────────────────────────────────────── */

/* 一覧ページ ─────────────── */

.archive.post-type-archive-work .article-link {
  padding: 0 0 0 0;
  max-width: 360px;
}

.archive.post-type-archive-work .content-wrap {
  padding: 12px 30px 28px;
}

.archive.post-type-archive-work article .content-thumbnail {
  height: 245px;
}

.archive.post-type-archive-work .content-name {
  color: var(--win-navy);
  font-size: 0;
  line-height: 0;
  letter-spacing: -0.4em;
  display: flex;
  align-items: flex-end;
}

.archive.post-type-archive-work .serial {
  border-right: 2px solid var(--win-navy);
  padding: 0 16px 0 0;
  margin: 0 16px 0 0;
}

.archive.post-type-archive-work .hash {
  font-size: 27px;
  font-weight: 700;
  vertical-align: sub;
  line-height: 0.1;
  position: relative;
  top: 2px;
}

.archive.post-type-archive-work .num {
  font-size: 38px;
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 0.9;
  vertical-align: sub;
  position: relative;
  top: 2px;
}

.archive.post-type-archive-work .name {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  letter-spacing: 0.04em;
}

.archive.post-type-archive-work article .entry-title {
  --lineheight: 1.5em;
  font-size: 18px;
  font-weight: 600;
  min-height: calc(var(--lineheight) * 2);
  line-height: var(--lineheight);
  margin: 10px 0 0;
}

/* 詳細ページ ─────────────── */

.single-work {
  --work-marginleft-50: 50px;
  --work-marginright-50: 50px;
}

.single-work .page-header {
  background-color: var(--win-navy);
  padding: 0 10px;
  height: 300px;
}

.single-work .entry-header {
  max-width: var(--width-pc-stage-1120);
  margin: -250px auto 0;
  font-size: 0;
  line-height: 0;
  letter-spacing: -0.4em;
  position: relative;
}

.single-work .hero-img {
  margin: -240px auto 0;
}

/* プロフィールボックス ─────────────── */

.single-work .prof-area {
  display: grid;
  word-break: break-word;
  align-items: start;
  margin: -196px 0 0 0;
}
.single-work .prof-area.box-left {
  grid-template:
    '... ........ ... ............ ...'
    '... prof-box ... work-history ...'
    '... ........ ... ............ ...'
    / 50px 370px minmax(40px, 80px) minmax(510px, 1fr) 50px;
}
.single-work .prof-area.box-right {
  grid-template:
    '... ............ ... ........ ...'
    '... work-history ... prof-box ...'
    '... ............ ... ........ ...'
    / 50px 1fr minmax(20px, 50px) 345px 50px;
}

.single-work .prof-box {
  grid-area: prof-box;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.02em;
  background: var(--win-navy);
  padding: 18px 22px 0px 40px;
  color: #fff;
  width: 345px;
  height: 335px;
}

.single-work .prof-box .serial {
  width: fit-content;
  margin: 0 0 12px auto;
  font-weight: 700;
}

.single-work .prof-box .serial .work {
  font-size: 25px;
  letter-spacing: 0.04em;
}

.single-work .prof-box .serial .hash {
  font-size: 25px;
  letter-spacing: 0.04em;
}

.single-work .prof-box .serial .number {
  font-size: 38px;
  letter-spacing: -0.02em;
}

.single-work .prof-box .name-en {
  font-size: 45px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.04em;
}

.single-work .prof-box .name-jp {
  font-size: 28px;
  font-weight: 700;
  margin: 14px 0 10px;
  letter-spacing: 0.06em;
}

.single-work .prof-box .title {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.02em;
}

/* 職歴 ─────────────── */

.single-work .work-history {
  grid-area: work-history;
  margin: 210px 0 0 0;
}

.single-work .work-history ul li p {
  display: inline-block;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.02em;
  vertical-align: text-top;
  font-weight: 400;
}
.single-work .work-history ul li p.year {
  margin: 0 1em 0 0;
}
.single-work .work-history ul li p.item {
  max-width: calc(100% - 5em);
}

/* 本文 ─────────────── */

.single-work .entry-content {
  max-width: var(--width-pc-stage-1120);
  margin: 100px auto 0;
}

.single-work .entry-time {
  color: var(--win-navy);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.05em;
  margin: 0 0 0 var(--work-marginleft-50);
}

.single-work .entry-title {
  color: var(--win-navy);
  border-bottom: 2px solid var(--win-navy);
  padding: 0 var(--work-marginleft-50) 42px var(--work-marginright-50);
  font-size: 44px;
  font-weight: 700;
  word-break: break-all;
  line-height: 1.25;
  letter-spacing: 0.045em;
  margin: 12px 0 70px 0;
}

/* 本文共通 ─────────────── */

.single-work .entry-content .main-text section:nth-child(1) {
  margin: 0 0 0 0;
}

.single-work .entry-content .main-text section.img h2 {
  grid-area: title;
}

.single-work .entry-content .main-text section.img .img-wrap {
  grid-area: img;
  max-width: 477px;
}

.single-work .entry-content .main-text section.img .img-wrap figcaption {
  font-size: 14px;
  margin: 8px 0 0 0;
  line-height: 1.5;
  font-weight: 400;
}

.single-work .entry-content .main-text section.img img {
  width: auto;
  height: auto;
  margin: 0 0 0.6em 0;
}
.single-work .entry-content .main-text section.img img:last-of-type {
  margin: 0 0 0 0;
}

.single-work .entry-content .main-text section.img .text-wrap {
  grid-area: text;
}

.single-work .entry-content .main-text h2 {
  --h2marginleft: 36px;
  color: var(--win-navy);
  font-size: 28px;
  word-break: break-all;
  line-height: 1.25;
  letter-spacing: 0.08em;
  margin: 0 0 1.3em 0;
  padding: 0 0 0 1.2em;
}

.single-work .entry-content .main-text h2:before {
  content: '';
  width: 0.5em;
  height: 0.5em;
  background-color: var(--win-navy);
  display: inline-block;
  transform: translateY(-4px);
  margin: 0 0.7em 0 -1.2em;
}

.single-work .entry-content .main-text p {
  font-size: 16px;
  word-break: break-word;
  line-height: 1.8;
  letter-spacing: 0.04em;
  margin: 0 0 2em 0;
  font-weight: 400;
}

.single-work .entry-content .main-text section p:last-of-type {
  margin: 0 0 0 0;
}

.single-work .entry-content .main-text p a {
  text-decoration: underline;
  color: var(--win-navy);
  font-weight: 500;
}

.single-work .entry-content .main-text h3 {
  font-size: 20px;
  font-weight: 600;
}

.single-work .entry-content .main-text h4 {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 0.6em 0;
}

.single-work .entry-content .main-text .img-wrap p {
  font-size: 12px;
  font-weight: 400;
  margin: 0.5em 0 1em 0;
  line-height: 1.5;
}

/* 右写真 ─────────────── */

.single-work .entry-content .main-text section.img.right {
  display: grid;
  grid-template:
    '... ..... ... ... ...' 0
    '... title ... img ...'
    '... ..... ... img ...'
    '... text  ... img ...' 1fr
    '... ..... ... ... ...'
    / minmax(0, var(--work-marginleft-50)) minmax(auto, 1fr) minmax(auto, 66px) minmax(200px, auto) minmax(0, var(--work-marginright-50));
  margin: 0 0 74px;
}

/* 左写真 ─────────────── */

.single-work .entry-content .main-text section.img.left {
  display: grid;
  grid-template:
    '... ... ... ..... ...' 0
    '... img ... title ...'
    '... img ... ..... ...'
    '... img ... text  ...' 1fr
    '... ... ... ..... ...'
    / minmax(0, var(--work-marginleft-50)) minmax(200px, auto) minmax(auto, 66px) minmax(auto, 1fr) minmax(0, var(--work-marginright-50));
  margin: 0 0 74px;
}

/* 左写真タイトル貫通 ─────────────── */

.single-work .entry-content .main-text section.img.left.rooftitle {
  display: block;
}

.single-work .entry-content .main-text section.img.left.rooftitle .rooftitle-wrap {
  display: grid;
  grid-template:
    '... ..... ..... ..... ...' 0
    '... img   ..... text  ...'
    '... ..... ..... ..... ...'
    / minmax(0, var(--work-marginleft-50)) minmax(200px, auto) minmax(auto, 66px) minmax(auto, 1fr) minmax(0, var(--work-marginright-50));
  margin: 0 0 74px;
}

.single-work .entry-content .main-text section.img.left.rooftitle h2 {
  margin: 0 var(--work-marginright-50) 1.3em var(--work-marginleft-50);
}

.single-work .entry-content .main-text section.img.left.rooftitle .text-wrap p:first-of-type {
  margin: -0.5em 0 2.6em 0;
}

/* 右写真タイトル貫通 ─────────────── */

.single-work .entry-content .main-text section.img.right.rooftitle {
  display: block;
}

.single-work .entry-content .main-text section.img.right.rooftitle .rooftitle-wrap {
  display: grid;
  grid-template:
    '... ..... ..... ..... ...' 0
    '... text  ..... img   ...'
    '... ..... ..... ..... ...'
    / minmax(0, var(--work-marginleft-50)) minmax(200px, 1fr) minmax(auto, 66px) minmax(auto, auto) minmax(0, var(--work-marginright-50));
  margin: 0 0 74px;
}

.single-work .entry-content .main-text section.img.right.rooftitle h2 {
  margin: 0 var(--work-marginright-50) 1.3em var(--work-marginleft-50);
}

.single-work .entry-content .main-text section.img.right.rooftitle .text-wrap p:first-of-type {
  margin: -0.5em 0 2.6em 0;
}

/* 文字回り込み用連続セクション ─────────────── */

.single-work .entry-content .main-text section.img.wraparound {
  margin: 0 0 2em;
}

.single-work .entry-content .main-text section.img.wraparound.rooftitle .rooftitle-wrap {
  margin: 0 0 2em;
}

/* テキストのみ ─────────────── */

.single-work .entry-content .main-text section.noimg {
  margin: 0 var(--work-marginright-50) 74px var(--work-marginleft-50);
}

/* 写真のみ ─────────────── */

.single-work .entry-content .main-text section.onlyimg {
  margin: -16px 0 104px 0;
}

.single-work .entry-content .main-text section.onlyimg.margin-lr {
  margin: -16px var(--work-marginleft-50) 104px var(--work-marginright-50);
}

/* 下部ボタン ─────────────── */

.single-work .entry-content .btn-work {
  margin: 100px auto 0;
  display: block;
}

.single-work .entry-content .btn-work a {
  margin: 0 0 0;
  display: block;
  border: 2px solid var(--win-navy);
  border-radius: 18px;
  background-color: #fff;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
  color: var(--win-navy);
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.025em;
  width: 220px;
  line-height: 46px;
}

.single-work .entry-content .btn-work a:hover {
  background-color: var(--win-navy);
  opacity: 1;
  color: #fff;
}

.single-work .entry-content .btn-work a:active {
  box-shadow: none;
  opacity: var(--activeOpacity);
}

/* Work 各ページ調整要CSS ─────────────── */

/* yukiko okada ─────────────── */

.single-work .slug-yukiko-okada .entry-content .main-text section.img.right.rooftitle p:first-of-type {
  margin: -0.2em 0 2.6em 0;
}

.single-work .slug-yukiko-okada .entry-content .main-text section:nth-child(1) {
  margin: 0 0 32px;
}

.single-work .slug-yukiko-okada .entry-content .main-text section.img.right.rooftitle .img-wrap {
  max-width: 405px;
}
.single-work .slug-yukiko-okada .entry-content .main-text section.img.right.rooftitle .img-wrap img {
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
  margin: 0 0 25px 0;
}
.single-work .slug-yukiko-okada .entry-content .main-text section.img.right.rooftitle .img-wrap p.gender-text {
  margin: 0.7em 0 1.3em 0;
  line-height: 1.6;
}
.single-work .slug-yukiko-okada .entry-content .main-text .gender-link a {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - (1em + 0.6em));
  margin: 0 0 0 0.5em;
}

/* kawano nanako ─────────────── */

.single-work .slug-nanako-kawano .entry-content .main-text section:nth-child(1) {
  margin: 0 0 2.6em 0;
}
.single-work .slug-nanako-kawano .entry-content .main-text section:nth-child(1).img.right.rooftitle .rooftitle-wrap {
  margin: 0 0 2.6em 0;
}

/* Miyu Shimazu ─────────────── */

.single-work .slug-miyu-shimazu .entry-content .main-text h4 {
  margin: 1.4em 0 0.6em 0;
}

.single-work .slug-miyu-shimazu .entry-content .main-text h4:nth-of-type(1) {
  margin: 2.2em 0 0.6em 0;
}

/* Work 各ページ調整要CSS ここまで ─────────────── */

/* ──────────────────────────────────────────────────────────── */
/* Activity */
/* ──────────────────────────────────────────────────────────── */

/* Activity 親ページ ─────────────── */

section.activity-parent-wrap {
  background-color: var(--win-navy);
  padding: 18px 10px 102px 10px;
}

.activity-parent-stage {
  max-width: var(--width-pc-stage-1020);
  margin: 0 auto;
}

.activity-parent-subtitle {
  color: #fff;
  font-size: 44px;
  margin: 0px 0 4px;
  font-weight: 700;
  letter-spacing: 0.04em;
}

.activity-parent-sentence {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.02em;
}

ul.activity-parent-ul {
  margin: 30px 0 0px;
}

li.activity-parent-li {
  height: 190px;
  margin: 0 0 10px;
  position: relative;

  transition: all cubic-bezier(0.5, 0.1, 0, 1) 0.5s;
  opacity: 0;
  right: -24px;
}
li.activity-parent-li.is-active {
  opacity: 1;
  right: 0;
}

a.activity-parent-link {
  background-color: var(--win-gray);
  color: var(--win-navy);
  display: block;
  height: 100%;
}
p.activity-parent-txt {
  width: 80px;
  height: 80px;
  text-align: center;
  line-height: 80px;
  background-color: #fff;
  border-radius: 50%;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 2px;
  padding: 0 0 0 2px;
  position: absolute;
  top: 20px;
  left: 20px;
}
p.activity-parent-num {
  position: absolute;
  top: 50%;
  transform: translateY(-48%);
}
a.activity-parent-link:hover p.activity-parent-num img {
  transform: scale(1);
}

.activity-parent-li.act-1 .activity-parent-num {
  left: 94px;
}
.activity-parent-li.act-2 .activity-parent-num {
  left: 85px;
}
.activity-parent-li.act-3 .activity-parent-num {
  left: 84px;
}

.activity-parent-li.act-1 .activity-parent-num img {
  width: 23px;
}
.activity-parent-li.act-2 .activity-parent-num img {
  width: 54px;
}
.activity-parent-li.act-3 .activity-parent-num img {
  width: 54px;
}

p.activity-parent-headline {
  font-size: 30px;
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 190px;
  z-index: 3;
  line-height: 1.4;
  letter-spacing: 0.04em;
}
.act-1 p.activity-parent-headline {
  transform: translateY(-82%);
}
.act-2 p.activity-parent-headline {
  transform: translateY(-68%);
}
.act-3 p.activity-parent-headline {
  transform: translateY(-68%);
}

p.activity-parent-lead {
  font-size: 20px;
  font-weight: 500;
  position: absolute;
  top: 50%;
  left: 190px;
  z-index: 3;
  line-height: 1.2;
  padding: 0 90px 0 0;
  letter-spacing: 0.04em;
}

.act-1 p.activity-parent-lead {
  transform: translateY(0.8em);
}
.act-2 p.activity-parent-lead {
  transform: translateY(1.7em);
}
.act-3 p.activity-parent-lead {
  transform: translateY(1.7em);
}

li.activity-parent-li i {
  border: 1px solid var(--win-navy);
  border-radius: 50%;
  width: 55px;
  height: 55px;
  font-size: 28px;
  line-height: 55px;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  transition: all linear 0.15s;
}
li.activity-parent-li a:hover i {
  background-color: var(--win-red);
  color: #fff;
  border: 1px solid var(--win-red);
}
li.activity-parent-li a:hover i:before {
  margin: 0 0 0 4px;
}

/* Activity 子ページ ─────────────── */

.page.page-child .page-activity .entry-title-wrap {
  height: 300px;
}
.page-child .page-activity .entry-title {
  padding: 0;
  margin: 8px 0 0 0;
}
section.activity-child-wrap {
  max-width: var(--width-pc-stage-1020);
  margin: -206px auto 0;
  background-color: var(--win-gray);
  padding: 56px 50px 80px 50px;
  box-shadow: 5px 5px 11px rgba(0, 0, 0, 0.1);
  z-index: 1;
  position: relative;
}

h2.activity-child-subtitle {
  font-size: 32px;
  line-height: 1.5625;
  color: var(--win-navy);
  margin: 0 0 32px 0;
  padding: 0 0 24px;
  border-bottom: 2px solid var(--win-navy);
  letter-spacing: 0.04em;
  font-weight: 700;
}

p.activity-top-text {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.05em;
  margin: 0 60px 44px;
  font-weight: 400;
}
p.activity-bottom-text {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.05em;
  margin: 44px 60px 0;
  font-weight: 400;
}
.activity-child-stage p a {
  text-decoration: underline;
  color: var(--win-navy);
  font-weight: 600;
}

.activity-child-title {
  margin: -10px 0 -36px;
  font-size: 32px;
}
.activity-child-title-l {
  display: inline-block;
  vertical-align: middle;
  width: 162px;
}
.activity-child-title-l span {
  vertical-align: middle;
  display: inline-block;
  line-height: 1;
}
.activity-child-title-l span.num1 {
  margin: 0px 0 0 25px;
  width: 17px;
  height: auto;
}
.activity-child-title-l span.num2 {
  margin: 0px 0 0 18px;
  width: 38px;
  height: auto;
}
.activity-child-title-l span.num3 {
  margin: 0px 0 0 18px;
  width: 38px;
  height: auto;
}

.activity-child-title-r {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.16;
  font-size: 38px;
}

.activity-child-ul {
  margin: 0 60px 0;
}

/* Activity 活動１ ─────────────── */

ul.activity-child-ul li figure.activity-child-figure {
  margin: 0 0 25px;
  width: fit-content;
}

figure.activity-child-figure img {
  width: auto;
  height: auto;
  border: 3px solid #fff;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
  box-sizing: content-box;
}

.nuclear-power-value ul.activity-child-ul li:nth-child(2) figure {
  width: fit-content;
  margin: 0 0 30px auto;
}
.nuclear-power-value ul.activity-child-ul li:nth-child(3) figure {
  width: fit-content;
  margin: 0 auto 0 18.4%;
}

figure.activity-child-figure figcaption {
  margin: 0.5em 0 0 0;
  font-size: 14px;
  letter-spacing: 0.04em;
}

/* Activity 活動2 ─────────────── */

.networking-professionals ul.activity-child-ul li:nth-child(1) figure {
  margin: 0 0 30px auto;
}
.networking-professionals ul.activity-child-ul li:nth-child(2) figure {
}
.networking-professionals ul.activity-child-ul li:nth-child(3) figure {
  margin: 0 0 0 auto;
}

/* Activity 活動３ ─────────────── */

.gender-balance ul.activity-child-ul li figure span {
  font-size: 14px;
  display: block;
  line-height: 1.5;
}

.gender-balance ul.activity-child-ul li:nth-child(2) .activity-child-figure img {
  margin: 0 0 0 auto;
}

.gender-balance ul.activity-child-ul li:nth-child(1) figure {
}
.gender-balance ul.activity-child-ul li:nth-child(1) figure figcaption {
  font-size: 18px;
}
.gender-balance ul.activity-child-ul li:nth-child(2) figure {
  margin: 0 0 30px auto;
}
.gender-balance ul.activity-child-ul li:nth-child(3) figure {
  margin: 0px auto 0 12%;
}

/* ──────────────────────────────────────────────────────────── */
/* Sponsor */
/* ──────────────────────────────────────────────────────────── */

.page .slug-sponsor .entry-title-wrap {
  background-color: var(--win-gray);
}

.page .slug-sponsor .entry-title {
  color: var(--win-navy);
}

.page .slug-sponsor .header-stage .title-jp {
  margin: -2px 0 0;
}
.page .slug-sponsor .header-stage .title-jp span {
  vertical-align: middle;
}
.page .slug-sponsor .header-stage .title-jp .date {
  font-size: 14px;
  margin: 0 0 0 0.8em;
  letter-spacing: 0.08em;
}
.page .sponsor-wrapper {
  background-color: var(--win-gray);
  padding: 26px 10px 100px 10px;
  display: block !important; /* Macのfirefox対応用 */
}
.page .sponsor-stage {
  max-width: var(--width-pc-stage-1020);
  margin: 0 auto;
}

.page .sponsor-wrapper .top-text {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.05em;
  border-bottom: 2px solid var(--win-navy);
  margin: 0px auto 50px;
  padding: 0px 0 24px;
}

.page .sponsor-wrapper .logo-wrap {
  background-color: #fff;
  border-radius: 8px;
  padding: 80px 80px 56px;
}

.page .sponsor-wrapper .logo-wrap ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
  justify-content: center;
  gap: 70px 10px;
  align-items: center;
}

.page .sponsor-wrapper .logo-wrap ul li {
  transition: all cubic-bezier(0.5, 0.1, 0, 1) 0.7s;
  opacity: 0;
}
.page .sponsor-wrapper .logo-wrap ul li.is-active {
  opacity: 1;
}

.page .sponsor-wrapper .logo-wrap ul li a {
  display: flex;
  width: fit-content;
  margin: 0 auto;
  min-height: 120px;
  align-items: center;
}

.page .sponsor-wrapper .logo-wrap ul li a[target='_blank']:after {
  content: none;
}

.page .sponsor-wrapper .logo-wrap ul li a img {
  max-width: 280px;
}

.page .sponsor-wrapper .bottom-text {
  font-size: 16px;
  letter-spacing: 0.05em;
  font-weight: 500;
  line-height: 1.7;
  margin: 80px 0 0 -20px;
}

.page .sponsor-wrapper .bottom-text a {
  color: var(--win-navy);
  text-decoration: underline;
  font-weight: 600;
}

/* ──────────────────────────────────────────────────────────── */
/* Contact */
/* ──────────────────────────────────────────────────────────── */

.page .slug-contact .entry-header,
.page .slug-contact-confirm .entry-header,
.page .slug-contact-thanks .entry-header {
  background-color: var(--win-gray);
}
.page .slug-contact .entry-title,
.page .slug-contact-confirm .entry-title,
.page .slug-contact-thanks .entry-title {
  color: var(--win-navy);
}

.page .contact-wrap {
  background-color: var(--win-gray);
  padding: 30px 10px 66px 10px;
}

.page .contact-stage {
  max-width: var(--width-pc-stage-1020);
  margin: 0 auto;
}
.page .header-stage .btn-switch {
  position: absolute;
  top: 28px;
  right: 0;
}

.page .header-stage .btn-switch a {
  margin: 0 0 0;
  display: inline-block;
  border: 2px solid var(--win-navy);
  border-radius: 18px;
  background-color: #fff;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
  color: var(--win-navy);
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.025em;
  width: 230px;
  line-height: 46px;
}
.page .header-stage .btn-switch a:hover {
  background-color: var(--win-navy);
  opacity: 1;
  color: #fff;
}
.page .header-stage .btn-switch a:active {
  box-shadow: none;
  opacity: var(--activeOpacity);
}

.page .header-stage .title-jp {
  color: var(--win-navy);
  font-weight: 600;
  letter-spacing: 0.12em;
  margin: -10px 0 0;
  font-size: 20px;
}

.form-wrap .top-text {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.05em;
  border-bottom: 2px solid var(--win-navy);
  margin: 0px auto 34px;
  padding: 0px 0 22px;
}

.form-wrap .area-wrap {
  font-size: 0;
  margin: 0 0 15px;
}

.form-wrap .area-wrap .left-wrap {
  display: inline-block;
  width: calc(100% - 700px);
  font-size: initial;
  vertical-align: middle;
}
.form-wrap .area-wrap .left-wrap .title {
  color: var(--win-navy);
  font-weight: 600;
  margin: 0 0.8em 0 0;
  font-size: 20px;
  letter-spacing: 0.1em;
  vertical-align: middle;
}
.form-wrap .area-wrap .area-stage .left-wrap .title {
  margin: 0 0.8em 0 1.9em;
}
.form-wrap .area-wrap .area-stage:nth-child(1) .left-wrap .title {
  margin: 0 0.8em 0 0;
}

.form-wrap .area-wrap.message .area-stage .left-wrap .title span {
  margin: 0 0 0 1.8em;
}

.form-wrap .area-wrap .left-wrap .require {
  background-color: var(--win-red);
  color: #fff;
  border-radius: 5px;
  font-size: 12px;
  padding: 3px 4px 4px 5px;
  font-weight: 600;
  letter-spacing: 0.12em;
  vertical-align: middle;
}

.form-wrap .area-wrap .right-wrap {
  display: inline-block;
  width: 700px;
  font-size: initial;
  vertical-align: middle;
  position: relative;
}
.form-wrap .area-wrap.name .right-wrap {
  max-width: 450px;
}

.form-wrap .area-wrap .right-wrap input,
.form-wrap .area-wrap .right-wrap textarea {
  width: 100%;
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 0.7em 1.5em;
  font-size: 20px;
  outline: none;
  font-weight: 500;
  letter-spacing: 0.1em;
}
.form-wrap .area-wrap .right-wrap textarea {
  padding: 1em 1.875em;
  height: 140px;
  max-height: 500px;
  min-height: 100px;
  font-size: 16px;
}
.form-wrap .area-wrap .right-wrap input:focus,
.form-wrap .area-wrap .right-wrap textarea:focus {
  border: 1px solid var(--win-navy);
}
.form-wrap .area-wrap .right-wrap input:user-invalid,
.form-wrap .area-wrap .right-wrap textarea:user-invalid {
  border: 1px solid var(--win-red);
}

.slug-contact-confirm .form-wrap .area-wrap .right-wrap,
.slug-join-confirm .form-wrap .area-wrap .right-wrap {
  border-radius: 8px;
  padding: 0.7em 1.5em;
  font-size: 20px;
  background-color: #f3f7fd;
  line-height: 1.5;
  min-height: calc(1em * 1.5 + 0.7em * 2);
  word-break: break-word;
  letter-spacing: 0.1em;
  font-weight: 500;
  border: 1px solid transparent;
}
.slug-contact-confirm .form-wrap .area-wrap.message .right-wrap,
.slug-join-confirm .form-wrap .area-wrap.message .right-wrap {
  font-size: 16px;
  padding: 1em 1.875em;
  min-height: calc(1em * 1.5 + 1em * 2);
}

.form-wrap .btn-wrap .send-submit,
.form-wrap .btn-wrap .send-confirm {
  margin: 20px 0 0;
  display: inline-block;
  background-color: var(--win-navy);
  border: 2px solid var(--win-navy);
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.025em;
  border-radius: 18px;
  cursor: pointer;
  transition: all linear 0.15s;
  width: 220px;
  line-height: 46px;
}
.form-wrap .btn-wrap .send-submit:hover,
.form-wrap .btn-wrap .send-confirm:hover {
  background-color: #fff;
  color: var(--win-navy);
  border: 2px solid var(--win-navy);
  transition: all linear 0.15s;
}

.form-wrap .btn-wrap .send-submit:active,
.form-wrap .btn-wrap .send-confirm:hover {
  box-shadow: none;
  opacity: var(--activeOpacity);
  transition: all linear 0.08s;
}

/* 確認画面 ─────────────── */

.form-wrap .btn-wrap .btn-back .send-back {
  margin: 0px 24px 0 0;
  display: inline-block;
  background-color: #777;
  border: 2px solid #777;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.025em;
  border-radius: 18px;
  cursor: pointer;
  transition: all linear 0.15s;
  line-height: 46px;
  width: 120px;
}
.form-wrap .btn-wrap .btn-back .send-back:hover {
  background-color: #fff;
  color: #777;
  border: 2px solid #777;
  transition: all linear 0.15s;
}

.form-wrap .btn-wrap .btn-back .send-back:active {
  box-shadow: none;
  opacity: var(--activeOpacity);
  transition: all linear 0.08s;
}

/* 送信完了画面 ─────────────── */

.slug-contact-thanks .form-wrap h2,
.slug-join-thanks .form-wrap h2 {
  font-weight: 600;
  color: var(--win-navy);
  border-bottom: 2px solid var(--win-navy);
  margin: 0px 0 1.2em 0;
  padding: 0 0 16px 0;
  font-size: 28px;
  word-break: break-all;
  line-height: 1.25;
  letter-spacing: 0.06em;
}

.slug-contact-thanks .form-wrap p,
.slug-join-thanks .form-wrap p {
  padding: 0 70px;
  line-height: 2;
  font-size: 16px;
  margin: 0 0 1.5em;
  letter-spacing: 0.06em;
  font-weight: 500;
}
.slug-contact-thanks .form-wrap p:last-of-type,
.slug-join-thanks .form-wrap p:last-of-type {
  margin: 0;
}

/* エラーメッセージ ─────────────── */

.form-wrap .wpcf7-not-valid-tip {
  margin: 0.6em 0 0;
  color: var(--win-red);
  font-size: 18px;
  font-weight: 500;
}
.wpcf7 form .wpcf7-response-output {
  display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
  display: block;
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
  display: block;
  font-size: 18px;
  font-weight: 500;
  padding: 0.8em 1.2em;
  letter-spacing: 0.05em;
  margin: 0 auto;
}
.wpcf7 form.spam .wpcf7-response-output {
  display: block;
  font-size: 18px;
  font-weight: 500;
  padding: 0.8em 1.2em;
  letter-spacing: 0.05em;
  margin: 0 auto;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  display: block;
  font-size: 18px;
  font-weight: 500;
  padding: 0.8em 1.2em;
  letter-spacing: 0.05em;
  margin: 0 auto;
}

/* ローダー ─────────────── */
.wpcf7-spinner {
  display: block;
  margin: 0.8em 0 0 0.8em;
}

/* ──────────────────────────────────────────────────────────── */
/* Join Us */
/* ──────────────────────────────────────────────────────────── */

.page .slug-join .entry-header,
.page .slug-join-confirm .entry-header,
.page .slug-join-thanks .entry-header {
  background-color: var(--win-gray);
}
.page .slug-join .entry-title,
.page .slug-join-confirm .entry-title,
.page .slug-join-thanks .entry-title {
  color: var(--win-navy);
}

.page .slug-join .contact-wrap,
.page .slug-join-confirm .contact-wrap,
.page .slug-join-thanks .contact-wrap {
  /* padding: 30px 10px 100px 10px; */
}

.form-wrap .area-wrap .right-wrap input[type='radio'] {
  width: inherit;
  inline-size: 1em;
  block-size: 1.1em;
  vertical-align: middle;
  margin: 0 0.2em 0 0;
}
.form-wrap .area-wrap .right-wrap .wpcf7-list-item-label {
  color: var(--win-navy);
  font-weight: 600;
  vertical-align: middle;
  font-size: 20px;
}
.slug-join .wpcf7-list-item {
  margin: 0 56px 0 0;
}

.slug-join .form-wrap .top-text {
  margin: 0px auto 30px;
}

.slug-join .area-wrap,
.slug-join-confirm .area-wrap {
  border-bottom: 2px solid var(--win-navy);
  padding: 0 0 30px;
}
.slug-join .form-wrap .area-wrap,
.slug-join-confirm .form-wrap .area-wrap {
  margin: 0 0 30px;
}

.slug-join-confirm .form-wrap .area-wrap.type .right-wrap {
  max-width: 450px;
}
.slug-join .form-wrap .area-wrap.company .right-wrap,
.slug-join-confirm .form-wrap .area-wrap.company .right-wrap {
  max-width: 450px;
}
.slug-join .form-wrap .area-wrap.department .right-wrap,
.slug-join-confirm .form-wrap .area-wrap.department .right-wrap {
  max-width: 450px;
}
.slug-join .form-wrap .area-wrap.position .right-wrap,
.slug-join-confirm .form-wrap .area-wrap.position .right-wrap {
  max-width: 450px;
}
.slug-join .form-wrap .area-wrap.tel .right-wrap,
.slug-join-confirm .form-wrap .area-wrap.tel .right-wrap {
  max-width: 450px;
}

.slug-join .area-stage,
.slug-join-confirm .area-stage {
  margin: 20px 0 0px;
}
.slug-join .area-stage:nth-child(1),
.slug-join-confirm .area-stage:nth-child(1) {
  margin: 0 0 0;
}

.slug-join .sub-text,
.slug-join-confirm .sub-text {
  display: block;
  position: absolute;
  margin: 0 0 0 2.5em;
  color: var(--win-navy);
  font-weight: 600;
  letter-spacing: 0.05em;
  font-size: 16px;
}

.form-wrap .area-wrap .zipcode .right-wrap {
  width: 100%;
  max-width: 450px;
}

.slug-join-confirm .form-wrap .area-wrap.address .area-stage:nth-child(2) .right-wrap {
  width: 44.6%;
}

.form-wrap .area-wrap .prefectures .right-wrap:after {
  content: '';
  height: 10px;
  width: 10px;
  border-top: 2px solid #555;
  border-right: 2px solid #555;
  transform: rotate(135deg);
  position: absolute;
  top: 22px;
  left: 420px;
}

.slug-join-confirm .form-wrap .area-wrap .prefectures .right-wrap:after {
  content: none;
}

.form-wrap .area-wrap .right-wrap select {
  width: 450px;
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 0.7em 2.2em 0.7em 1.5em;
  font-size: 20px;
  outline: none;
  background-color: #fff;
}

.slug-join-confirm .form-wrap .area-wrap.address .prefectures .right-wrap {
  width: 44.6%;
}

.form-wrap .area-wrap .right-wrap select:focus {
  border: 1px solid var(--win-navy);
}
.form-wrap .area-wrap .right-wrap select:user-invalid {
  border: 1px solid var(--win-red);
}

.slug-join .agree-wrap,
.slug-join-confirm .agree-wrap {
  background-color: #ddd;
  text-align: center;
  padding: 46px 0;
  margin: 68px 0 0;
  position: relative;
}
.slug-join-confirm .form-wrap .agree-wrap {
  display: none;
}

.slug-join .agree-stage .wpcf7-list-item,
.slug-join-confirm .agree-stage .wpcf7-list-item {
  margin: 0 5px 0 0;
}
.slug-join .agree-stage #join-agree {
  inline-size: 1.2em;
  block-size: 1.2em;
  cursor: pointer;
  vertical-align: middle;
  margin: 0 5px 0;
}

.slug-join .agree-stage .agree-text {
  font-size: 18px;
  letter-spacing: 0.05em;
  font-weight: 500;
  vertical-align: middle;
}
.slug-join .agree-stage .agree-text a {
  color: var(--win-navy);
  text-decoration: underline;
  font-weight: 700;
}

.slug-join .agree-stage .require {
  background-color: var(--win-red);
  color: #fff;
  border-radius: 5px;
  font-size: 11px;
  padding: 3px 4px 4px 4px;
  font-weight: 700;
  letter-spacing: 0.08em;
  vertical-align: middle;
}

.slug-join .btn-wrap,
.slug-join-confirm .btn-wrap {
  text-align: center;
  margin: 60px 0 0;
}

/* エラーメッセージ ─────────────── */
.form-wrap .agree-stage .wpcf7-form-control-wrap {
  position: static;
}
.form-wrap .agree-stage .wpcf7-not-valid-tip {
  position: absolute;
  width: 100%;
  display: block;
  bottom: -1.8em;
  margin: 0;
}

/* ──────────────────────────────────────────────────────────── */
/* Member's Page */
/* ──────────────────────────────────────────────────────────── */

/* memberページ トップ ─────────────── */

.member-parent-wrap {
  background-color: var(--win-navy);
  padding: 0 10px 50px;
}

.member-parent-stage {
  background-color: var(--win-gray);
  padding: 30px 40px 35px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
  margin: 0 auto;
  max-width: 500px;
}

.member-parent-content {
  width: auto;
  margin: 0 auto;
}

p.member-parent-txt {
  font-size: 16px;
  margin: 0 0 0.8em 0;
}

div#wpmem_login {
  width: auto;
  max-width: 500px;
  font-family: inherit;
}
div.wpmem_msg {
  width: auto;
  text-align: left;
  padding: 0.8em;
  margin: 0.8em 0 0.4em;
  color: var(--win-red);
  border: 1px solid var(--win-red);
}

#wpmem_login label[for='log'],
#wpmem_login label[for='pwd'] {
  font-size: 16px;
  font-weight: 700;
  color: var(--win-navy);
}

div#wpmem_login input[type='text'],
div#wpmem_login input[type='password'] {
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1) inset;
  min-width: 200px;
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 0.5em 0.8em 0.5em;
  font-size: 16px;
  outline: none;
  line-height: 1;
  letter-spacing: 0.04em;
  width: 100%;
}
div#wpmem_login input[type='text']:focus,
div#wpmem_login input[type='password']:focus {
  border: 1px solid var(--win-navy);
}

.slug-member #wpmem_login .div_text {
  margin: 0 0 0.8em 0;
  position: relative;
}

.slug-member #wpmem_login .div_text .pw-hide {
  line-height: 0.1;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  padding: 0.1em;
  cursor: pointer;
  color: #777;
  font-size: 18px;
}

#wpmem_login fieldset .div_text + p {
  max-width: 100px;
  margin: 1.2em 0 0;
  border: 1px solid #ccc;
}
#wpmem_login fieldset .div_text + p + p {
  margin: 0.8em 0 0 0;
}
#wpmem_login fieldset .div_text + p + p #siteguard_captcha {
  margin: 0.2em 0 0 0;
}

div#wpmem_login .button_div {
  padding: 0.8em 0 0;
  text-align: left;
}
#wpmem_login input.buttons[type='submit'] {
  margin: 0.8em 0 0;
  display: block;
  padding: 8px 80px 8px;
  width: fit-content;
  background-color: var(--win-navy);
  border: 2px solid var(--win-navy);
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.025em;
  border-radius: 14px;
  cursor: pointer;
  transition: all linear 0.15s;
}
#wpmem_login input.buttons[type='submit']:hover {
  color: var(--win-navy);
  background-color: #fff;
}
#wpmem_login input.buttons[type='submit']:active {
  box-shadow: none;
  opacity: var(--activeOpacity);
}

.member-parent-wrap #wpmem_login fieldset,
.member-parent-wrap #wpmem_reg fieldset {
  margin: 0;
  border: none;
}

/* member 子ページ 共通 ─────────────── */

.member-user-role {
  color: #fff;
  max-width: var(--width-pc-stage-1120);
  text-align: right;
  margin: -50px auto 6px;
  font-size: 15px;
  font-weight: 700;
}
.page-child .page-member .entry-title {
  font-size: 45px;
  margin: 0px auto 0;
  padding: 8px 0 30px 0;
}

.member-page-wrap {
  max-width: var(--width-pc-stage-1020);
  margin: 0 auto;
  padding: 0 0 20px;
  letter-spacing: 0.05em;
}

.page-member .btn-area {
  position: relative;
}

.page-member p.btn-wrap {
  display: inline-block;
  margin: 0px 8px 0 0;
  line-height: 1;
  font-size: 16px;
}
.page-member p.btn-wrap.is-current {
  display: inline-block;
  padding: 10px 20px;
  margin: 0px 8px 0 0;
  line-height: 1;
  background-color: var(--win-navy);
  color: #fff;
  border-radius: 0 0px 10px 10px;
  font-weight: 700;
}
.page-member p.btn-wrap:last-child {
  margin: 0 0 0 0;
}
.page-member p.btn-wrap a {
  padding: 10px 20px;
  border-right: 1px solid var(--win-navy);
  border-bottom: 1px solid var(--win-navy);
  border-left: 1px solid var(--win-navy);
  width: fit-content;
  display: block;
  color: var(--win-navy);
  line-height: 1;
  font-weight: 700;
  border-radius: 0 0px 10px 10px;
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
}
.page-member p.btn-wrap a:hover {
  background-color: var(--win-navy);
  color: #fff;
  opacity: 1;
}
.page-member p.btn-wrap a:active {
  box-shadow: none;
  opacity: var(--activeOpacity);
}

.page-member p.btn-wrap.logout {
  position: absolute;
  right: 0;
}

.page-member p.top-text {
  font-size: 16px;
  margin: 50px auto 24px;
}

.page-member .post-section {
  margin: 50px auto 0;
}

/* 資料一覧ページ ─────────────── */

.page-member-list .msg-stage {
  padding: 1.2em;
  margin: 24px auto -4px;
  background-color: var(--win-gray);
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.15);
  font-size: 18px;
  color: var(--win-navy);
  font-weight: 700;
}

.page-member-list .msg-stage .post-txt {
  font-size: 16px;
  color: var(--win-black);
  font-weight: 400;
  line-height: 1.5;
  display: block;
  margin: 0.8em 0 0 0;
}

.page-member-list .msg-stage .done-title {
  display: inline-block;
  min-width: 6em;
}

.page-member-list p.year-btn {
  border: 1px solid var(--win-navy);
  width: fit-content;
  padding: 6px 8px 6px 20px;
  border-radius: 12px;
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
  color: var(--win-navy);
  font-weight: 700;
  cursor: pointer;
  transition: all linear 0.15s;
}
.page-member-list p.year-btn:hover {
  border: 1px solid var(--win-navy);
  color: #fff;
  background-color: var(--win-navy);
}
.page-member-list p.year-btn:active {
  box-shadow: none;
  opacity: var(--activeOpacity);
}

.page-member-list span.docs-year {
  vertical-align: middle;
  display: inline-block;
}
.page-member-list span.open-close {
  background-color: var(--win-navy);
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  margin: 0 0 0 1em;
  line-height: 1.1;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  transition: all linear 0.15s;
}
.page-member-list p.year-btn:hover span.open-close {
  background-color: #fff;
  color: var(--win-navy);
}

.page-member-list .year-btn-wrap {
  margin: 0 0 15px 0;
}

.page-member-list .docs-wrap {
  display: none;
}

.page-member-list li.docs-category-title-li {
  background-color: var(--win-lightBlue);
  font-size: 0;
  position: relative;
}

.page-member-list .docs-category-title {
  display: inline-block;
  color: var(--win-navy);
  font-weight: 700;
  font-size: 18px;
  width: 70%;
  padding: 15px 15px;
}

.page-member-list .upload-btn {
  display: inline-block;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.page-member-list .upload-btn a {
  border: 1px solid var(--win-navy);
  width: fit-content;
  padding: 6px 10px 6px 10px;
  border-radius: 10px;
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
  color: var(--win-navy);
  font-weight: 700;
  font-size: 14px;
  background-color: var(--win-lightBlue);
  transition: all linear 0.12s;
}
.page-member-list .upload-btn a:hover {
  color: #fff;
  background-color: var(--win-navy);
  opacity: 1;
}
.page-member-list .upload-btn a:active {
  box-shadow: none;
  opacity: var(--activeOpacity);
}
.page-member-list .upload-btn a i {
  margin: 0 0 0 0.4em;
  vertical-align: middle;
}

.page-member-list li.docs-post-li {
  border-bottom: 1px solid #ddd;
  font-size: 0;
  display: grid;
  grid-template:
    '... .... ... ...... ...'
    '... text ... action ...'
    '... .... ... ...... ...'
    / 0 75fr 0 25fr 0;
}
.page-member-list.is-admin li.docs-post-li {
  grid-template:
    '... .... ... ...... ...'
    '... text ... action ...'
    '... .... ... ...... ...'
    / 0 70fr 0 30fr 0;
}
.page-member-list li.docs-post-li:nth-child(odd) {
  background-color: #d1e5ff0d;
}

.page-member-list li.docs-post-li:last-child {
  border: none;
}
.page-member-list ul.docs-category-ul:last-child li.docs-post-li:last-child {
  border-bottom: 1px solid #ddd;
  margin: 0 0 40px 0;
}

.page-member-list .text-area {
  grid-area: text;
  border-right: 1px dashed #e5e5e5;
  padding: 15px 15px;
}
.page-member-list .docs-post.title {
  font-size: 16px;
  color: var(--win-navy);
  font-weight: 600;
}
.page-member-list .docs-post.comment {
  font-size: 15px;
  word-break: break-word;
  margin: 0.6em 0 0 16px;
  font-weight: 300;
}
.page-member-list .docs-post.action-area {
  grid-area: action;
  position: relative;
  display: flex;
  padding: 16px 16px;
  font-size: 0;
  align-items: center;
}

.page-member-list .docs-download {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 15px;
}
.page-member-list.is-admin .docs-download {
  right: auto;
  left: 95px;
}
.page-member-list p.docs-download a {
  border: 1px solid var(--win-navy);
  padding: 6px 10px 6px 10px;
  border-radius: 10px;
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
  color: var(--win-navy);
  font-weight: 700;
  cursor: pointer;
  font-size: 14px;
  transition: all linear 0.12s;
  white-space: nowrap;
  background-color: #fff;
}
.page-member-list p.docs-download a:hover {
  color: #fff;
  background-color: var(--win-navy);
  opacity: 1;
}
.page-member-list p.docs-download a:active {
  box-shadow: none;
  opacity: var(--activeOpacity);
}
.page-member-list p.docs-download a i {
  margin: 0 0 0 0.4em;
  vertical-align: middle;
}

.page-member-list .docs-extension-wrap {
  border: 1px solid #bbb;
  width: 38px;
  min-height: 50px;
  position: relative;
  background-color: #fff;
}

.page-member-list .docs-extension-wrap p {
  border: 1px solid #bbb;
  width: 3em;
  font-size: 12px;
  line-height: 1.4;
  padding: 0 0 1px;
  text-align: center;
  background-color: #f5f5f5;
  position: absolute;
  bottom: 8px;
  left: -4px;
  letter-spacing: 0;
  text-overflow: clip;
  overflow: hidden;
  white-space: nowrap;
}
.page-member-list .docs-extension-wrap:before {
  content: '';
  width: 10px;
  height: 10px;
  display: block;
  background: #ffffff;
  top: -1px;
  right: -1px;
  position: absolute;
  border-style: solid;
  border-color: transparent #fff #cccccc transparent;
  border-width: 0 10px 10px 0;
}

.page-member-list .docs-extension-wrap.is-img {
  border: 1px solid #ccc;
  width: 70px;
  height: 54px;
  min-height: inherit;
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
}
.page-member-list .docs-extension-wrap.is-img:before {
  content: none;
}
.page-member-list .docs-extension-wrap.is-img p {
  display: none;
}

.page-member-list .docs-delete {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 15px;
}

.page-member-list .docs-delete .btn-del {
  border: 1px solid var(--win-red);
  width: fit-content;
  padding: 4px 10px 4px 10px;
  border-radius: 10px;
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
  color: var(--win-red);
  font-weight: 700;
  font-size: 14px;
  background-color: #fff;
  transition: all linear 0.12s;
}

.page-member-list .docs-delete .btn-del:hover {
  border: 1px solid var(--win-red);
  background-color: var(--win-red);
  color: #fff;
}
.page-member-list .docs-delete .btn-del:active {
  box-shadow: none;
  opacity: var(--activeOpacity);
}

/* 資料の掲載ページ ─────────────── */

.page-member-post .input-area-wrap {
  border-top: 1px solid #e5e5e5;
  padding: 20px 0;
  font-size: 0;
  letter-spacing: -0.4em;
  line-height: 0;
}
.page-member-post .input-area-wrap:last-of-type {
  border-bottom: 1px solid #e5e5e5;
}

.page-member-post .input-area-wrap * {
  font-size: initial;
}

.page-member-post .input-area-wrap .title-label {
  color: var(--win-navy);
  font-weight: 700;
  padding: 0;
  width: 25%;
  display: inline-block;
  font-size: 16px;
  line-height: 1.5;
  vertical-align: middle;
}

.page-member-post .input-area-wrap .title-label .title {
  display: inline-block;
  vertical-align: middle;
}

.page-member-post .input-area-wrap .title-label .require-txt {
  margin: 0 0 0 0.4em;
  background-color: var(--win-red);
  color: #fff;
  border-radius: 5px;
  font-size: 11px;
  padding: 3px 4px 4px 4px;
  font-weight: 700;
  letter-spacing: 0.08em;
  vertical-align: middle;
}
.page-member-post .input-area-wrap .title-label .note-txt {
  display: block;
  position: absolute;
  margin: 0.1em 0 0 0em;
  font-size: 75%;
  color: var(--win-black);
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1;
}

.page-member-post .input-area-wrap .select-wrap {
  vertical-align: middle;
  width: 40%;
  display: inline-block;
  position: relative;
}
.page-member-post .input-area-wrap .select-wrap:after {
  content: '';
  transform: rotate(135deg) translateY(100%);
  display: block;
  position: absolute;
  right: 0.4em;
  top: 50%;
  height: 10px;
  width: 10px;
  border-top: 2px solid #555;
  border-right: 2px solid #555;
}

.page-member-post .input-area-wrap .select-box {
  vertical-align: middle;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 16px;
  outline: none;
  padding: 0.6em 1.8em 0.6em 1em;
  line-height: 1.5;
}
.page-member-post .input-area-wrap .select-box:focus {
  border: 1px solid var(--win-navy);
}
.page-member-post .input-area-wrap .nend {
  margin: 0 0 0 0.5em;
  vertical-align: middle;
}
.page-member-post .form-confirm .input-area-wrap .nend {
  vertical-align: middle;
  line-height: 1.5;
  padding: 6px 0 4px 0.2em;
  display: inline-block;
}
.post-title-wrap {
  display: inline-block;
  vertical-align: middle;
  width: 75%;
  position: relative;
}
.page-member-post .text-input {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 0.6em 1em;
  font-size: 16px;
  outline: none;
}
.page-member-post .text-input:focus {
  border: 1px solid var(--win-navy);
}
.page-member-post .text-input:read-only {
  width: 75%;
  border-radius: 8px;
  padding: 0.6em 1em;
  font-size: 16px;
  background-color: #f3f7fd;
  line-height: 1.5;
  word-break: break-word;
  max-height: 500px;
  overflow: scroll;
  border: none;
  vertical-align: middle;
}

.page-member-post .post-comment-wrap {
  display: inline-block;
  vertical-align: middle;
  width: 75%;
  position: relative;
}

.page-member-post .input-area-wrap .text-counter {
  font-size: 12px;
  color: #777;
  position: absolute;
  right: 10px;
  bottom: 5px;
  line-height: 1;
}
.page-member-post .input-area-wrap .post-comment-wrap .text-counter {
  position: absolute;
  right: 10px;
  bottom: 5px;
}
.page-member-post .input-area-wrap .text-counter span {
  font-size: 12px;
  color: #777;
}

.page-member-post .input-area-wrap.year .text-input:read-only,
.page-member-post .input-area-wrap.category .text-input:read-only {
  width: 40%;
}

.page-member-post .textarea-input {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 0.8em 1em;
  font-size: 16px;
  outline: none;
  height: 200px;
  max-height: 500px;
  min-height: 100px;
  line-height: 1.5;
}
.page-member-post .textarea-input:focus {
  border: 1px solid var(--win-navy);
}
.page-member-post .textarea-input:read-only {
  width: 75%;
  border-radius: 8px;
  padding: 0.8em 1em;
  font-size: 16px;
  background-color: #f3f7fd;
  line-height: 1.5;
  min-height: calc(1em * 1.5 + 0.8em * 2);
  word-break: break-word;
  max-height: none;
  border: none;
  resize: none;
  vertical-align: middle;
  display: inline-block;
  height: inherit;
}

.page-member-post .file-input {
  font-size: 15px;
  vertical-align: middle;
}

.page-member-post .submit-btn {
  margin: 40px 0 0;
  display: inline-block;
  padding: 8px 60px 7px;
  width: fit-content;
  background-color: var(--win-navy);
  border: 2px solid var(--win-navy);
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.025em;
  border-radius: 14px;
  cursor: pointer;
  transition: all linear 0.15s;
}
.page-member-post .submit-btn:hover {
  color: var(--win-navy);
  background-color: #fff;
}
.page-member-post .submit-btn:active {
  box-shadow: none;
  opacity: 0.8;
}
.page-member-post .back-btn {
  margin: 40px 24px 0 0;
  display: inline-block;
  padding: 8px 22px 7px;
  width: fit-content;
  background-color: #777;
  border: 2px solid #777;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.025em;
  border-radius: 14px;
  cursor: pointer;
  transition: all linear 0.15s;
}
.page-member-post .back-btn:hover {
  color: #777;
  background-color: #fff;
}
.page-member-post .back-btn:active {
  box-shadow: none;
  opacity: 0.8;
}

.page-member-post .error-msg {
  color: var(--win-red);
  margin: 0.5em 0 0 25%;
  font-size: 16px;
}

.page-member-post .img-prev-wrap {
  margin: 10px 0 0 25%;
  display: none;
  font-size: 16px;
  max-width: 400px;
  max-height: 1000px;
  overflow: hidden;
  width: fit-content;
}

.page-member-post .img-prev-wrap img {
  border: 1px solid #ddd;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

.page-member-post .docs-extension-wrap {
  border: 2px solid #bbb;
  width: 5em;
  min-height: 100px;
  margin: 20px 0 0 3px;
  position: relative;
  background-color: #fff;
}
.page-member-post .docs-extension-wrap:before {
  content: '';
  width: 20px;
  height: 20px;
  display: block;
  background: #ffffff;
  top: -2px;
  right: -2px;
  position: absolute;
  border-style: solid;
  border-color: transparent #fff #aaa transparent;
  border-width: 0 20px 20px 0;
}
.page-member-post .docs-extension-wrap .filename {
  border: 2px solid #bbb;
  width: 4.3em;
  font-size: 16px;
  line-height: 1;
  padding: 4px 0 2px;
  text-align: center;
  text-overflow: clip;
  overflow: hidden;
  white-space: nowrap;
  background-color: #f5f5f5;
  position: absolute;
  bottom: 12px;
  left: -4px;
  color: #777;
}

.page-member-post button.file_clear {
  margin: 15px 0 0 25%;
  border: 1px solid var(--win-navy);
  padding: 10px 18px 8px 18px;
  border-radius: 8px;
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
  font-weight: 700;
  font-size: 15px;
  line-height: 1;
  transition: all linear 0.12s;
  color: var(--win-navy);
  background-color: #fff;
}
.page-member-post button.file_clear:hover {
  color: #fff;
  background-color: var(--win-navy);
}
.page-member-post button.file_clear:active {
  box-shadow: none;
  opacity: 0.8;
}

.page-member-post .post-file-wrap {
  display: inline-block;
  vertical-align: middle;
}
.page-member-post .input-area-wrap p.post-file-title {
  margin: 0px 0 10px 0;
  font-size: 18px;
  line-height: 1.5;
}
.page-member-post .post-file-wrap .post-file-img {
  border: 1px solid #ddd;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

.page-member-post .error_msg {
  margin: 0.8em 0 0px 25%;
  color: var(--win-red);
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.5;
}

.page-member-post .img-prev-wrap-post {
  margin: 10px 0 0 0;
  max-width: 400px;
  max-height: 600px;
  overflow: hidden;
  width: fit-content;
}

/* ヘルプページ ─────────────── */

.page-member-help h2 {
  border-left: 5px solid var(--win-navy);
  color: var(--win-navy);
  font-weight: 700;
  padding: 6px 0 4px 0.7em;
  font-size: 18px;
  margin: 50px auto 24px;
}
.page-member-help h2 + div {
  max-width: 700px;
}
.page-member-help h2 + div > img {
  border: 1px solid #ddd;
}

.page-member-help ol {
  max-width: 700px;
  list-style-type: decimal;
  margin: 2em 0 2em;
  border: 1px solid #ddd;
  background-color: #d1e5ff17;
}
.page-member-help ol li {
  padding: 0;
  margin: 1em 1em 1em 2.6em;
  font-size: 16px;
  font-weight: 400;
}

/* ──────────────────────────────────────────────────────────── */
/* Privacy Policy */
/* ──────────────────────────────────────────────────────────── */

.privacy-policy .site-main .entry-title {
  margin: 0px auto 0;
  padding: 0px 0 182px 0;
}
.privacy-policy .entry-content {
  padding: 0 10px;
}
.privacy-policy .site-main .privacy-wrap {
  max-width: var(--width-pc-stage-1020);
  margin: -174px auto 0;
  background-color: var(--win-gray);
  padding: 44px 50px 44px 50px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
  z-index: 1;
  position: relative;
}
.privacy-policy .site-main h2 {
  margin: 0 0 0.6em 0;
  font-size: 20px;
  line-height: 1.2;
  color: var(--win-navy);
  border-left: 5px solid var(--win-navy);
  padding: 0 0 0 0.5em;
  letter-spacing: 0.05em;
}
.privacy-policy .site-main p {
  margin: 0 0 2.5em 0;
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
}
.privacy-policy .site-main p:last-of-type {
  margin: 0 0 0 0;
}

.privacy-policy .site-main p a {
  color: var(--win-navy);
  text-decoration: underline;
  font-weight: 500;
}

/* ──────────────────────────────────────────────────────────── */
/* 404 ページエラー */
/* ──────────────────────────────────────────────────────────── */

.error-404 {
  max-width: var(--width-pc-stage-1120);
  margin: 90px auto 0;
}

.error-404 .page-title {
  font-size: 55px;
  text-align: center;
}

.error-404 .page-content {
  font-size: 18px;
  margin: 40px auto 0;
  text-align: center;
}

.error-404 .page-content p a {
  font-size: 20px;
  margin: 40px auto 0;
  text-align: center;
  width: fit-content;
  display: block;
  color: var(--win-navy);
  text-decoration: underline;
}

/* ──────────────────────────────────────────────────────────── */
/* スマホ用CSS 834px 以下 */
/* ──────────────────────────────────────────────────────────── */

@media (max-width: 834px) {
  /* ──────────────────────────────────────────────────────────── */
  /* スマホ用 全体設定 */
  /* ──────────────────────────────────────────────────────────── */

  body {
    min-width: 320px;
  }
  body.is-open {
    overflow: hidden;
  }

  br.db-pc {
    display: none;
  }
  br.db-sp {
    display: inline-block;
  }

  .gototop {
    height: 40px;
    width: 40px;
    right: 15px;
    bottom: 15px;
  }
  .gototop-arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid var(--win-navy);
    border-right: 3px solid var(--win-navy);
    transform: translate(-50%, -30%) rotate(-45deg);
    top: 50%;
    left: 50%;
  }

  /* ──────────────────────────────────────────────────────────── */
  /* Header */
  /* ──────────────────────────────────────────────────────────── */
  .home .site-header {
    z-index: 4;
    position: inherit;
  }
  .site-header-wrap {
    margin: 15px auto 12px;
    padding: 0 15px 0;
  }
  .home .site-header-wrap {
    padding: 0 15px 25px;
  }
  .nav-wrap {
    display: block;
    position: relative;
  }
  .site-header .site-logo {
    width: 110px;
  }

  .sp-menu-btn {
    display: block;
    width: 45px;
    height: 45px;
    position: absolute;
    cursor: pointer;
    z-index: 10000;
    top: 5px;
    right: 5px;
    background-color: var(--win-red);
    border-radius: 50%;
  }
  .sp-menu-btn.is-open {
    position: absolute;
    background-color: transparent;
  }
  .sp-menu-btn span {
    width: 20px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    display: block;
    transition: all linear 0.2s;
    left: 50%;
    transform: translateX(-50%);
  }
  .sp-menu-btn span:nth-child(1) {
    top: 50%;
    transform: translate(-50%, -8px);
  }
  .sp-menu-btn span:nth-child(2) {
    top: 50%;
  }
  .sp-menu-btn span:nth-child(3) {
    top: 50%;
    transform: translate(-50%, 8px);
  }
  .sp-menu-btn.is-open span:nth-child(1) {
    top: 50%;
    left: 25%;
    transform: rotate(135deg);
    background-color: #fff;
  }
  .sp-menu-btn.is-open span:nth-child(2) {
    opacity: 0;
  }
  .sp-menu-btn.is-open span:nth-child(3) {
    top: 50%;
    left: 25%;
    transform: rotate(-135deg);
    background-color: #fff;
  }

  .main-navigation {
    background-color: #000000cc;
    width: 100%;
    height: 100vh;
    z-index: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    transition: opacity linear 0.2s, visibility linear 0.2s;
    visibility: hidden;
    opacity: 0;
    z-index: 10;
  }
  .main-navigation.is-open {
    visibility: visible;
    opacity: 1;
    z-index: 9999;
    transition-delay: 0s; /* iOS Safari用 */
  }
  .menu-header-wrap {
    max-width: 340px;
    height: 100vh;
    background-color: var(--win-navy);
    margin: 0 0 0 auto;
    padding: 50px 0 100px 60px;
    overflow: auto;
    transition: all linear 0.2s;
    visibility: hidden;
    opacity: 0;
    transform: translateX(100%);
  }
  .menu-header-wrap.is-open {
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0s; /* iOS Safari用 */
  }
  ul.menu-header {
    display: block;
  }
  ul.menu-header li.menu-item {
    margin: 12px 0;
  }
  ul.menu-header li.menu-item a {
    color: #fff;
    font-size: 24px;
    padding: 6px 0;
    width: fit-content;
    font-family: 'Hiragino Sans', 'ヒラギノ角ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', 'Helvetica', 'Arial', 'Yu Gothic', '游ゴシック体', 'Meiryo', 'メイリオ', sans-serif;
  }
  ul.menu-header li.menu-item a:hover {
    color: #fff;
    opacity: var(--hoverOpacity);
  }
  ul.menu-header > li.menu-item > a:before {
    content: none;
  }
  ul.menu-header li.menu-item:nth-child(8) {
    margin: 24px 0 12px -1em;
  }
  ul.menu-header li.menu-item:nth-child(8) a {
    text-align: left;
    border: none;
    background-color: #fff;
    color: var(--win-navy);
    padding: 6px 0.8em;
    margin: 0 0 0 0px;
  }
  ul.menu-header li.menu-item:nth-child(8) a:hover {
    border: none;
    background-color: #fff;
    color: var(--win-navy);
  }
  .sub-menu {
    display: none;
  }
  /* ──────────────────────────────────────────────────────────── */
  /* Home */
  /* ──────────────────────────────────────────────────────────── */
  .site-main {
    overflow: hidden;
    margin: 0px 0 60px 0;
  }

  .site-branding {
    margin: 66px auto 140px;
  }

  h1.site-title.f-heebo {
    position: relative;
    margin: 0 auto 0;
    text-align: center;
    top: 0;
    right: -80px;
  }
  h1.site-title.is-active {
    right: 0;
  }
  h1.site-title img {
    width: min(82.67vw, 481px);
  }
  p.site-description {
    position: relative;
    top: 24px;
    right: 0;
    left: 0;
    font-size: clamp(14px, 5.2vw, 30px);
    text-align: center;
    margin: -8px auto 0;
    font-weight: 700;
    font-family: inherit;
    padding: 0 0 0 4px;
  }
  p.site-description.is-active {
    top: 0px;
  }

  /* スライドショー ─────────────── */

  .splide__slide img {
    height: clamp(280px, 80vw, 550px);
  }
  .splide__slide img.tsl-3 {
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
  }
  .splide .splide__pagination {
    margin: 26px auto 20px;
  }
  .splide .splide__pagination__page {
    height: 10px;
    width: 10px;
  }
  .work-title {
    font-size: clamp(60px, 16vw, 100px);
    margin: 0 auto clamp(-22px, -4vw, -15px);
  }

  /* Work ─────────────── */
  section.work {
    margin: 0px 0 -13.33vw 0;
  }
  .work-title-wrap {
    padding: 0 20px;
  }
  .work-wrap {
    padding: 0 20px 15px;
  }
  .work-title.f-heebo {
    font-size: clamp(60px, 16vw, 100px);
    padding: 0 0 0 0;
    margin: 0 auto clamp(-20px, -3.8vw, -12px);
  }
  .work-ul {
    display: block;
    padding: 7vw 0 7vw;
  }
  .work-ul .work-li a {
    width: fit-content;
    display: block;
    margin: 0 auto;
  }

  .work-img-wrap {
    height: clamp(230px, 62vw, 480px);
    width: clamp(180px, 48vw, 350px);
    margin: 0 auto;
  }
  .work-img-wrap img {
    object-position: 50% 80%;
  }
  .work-ul .work-li {
    margin: 0 0 6.1vw 0;
  }
  .work-ul .work-li:nth-child(1),
  .work-ul .work-li:nth-child(2),
  .work-ul .work-li:nth-child(3) {
    top: 60px;
  }
  p.work-name-en {
    font-size: clamp(30px, 8vw, 52px);
    text-align: center;
    margin: 4.2vw 0 0 0;
    line-height: 1;
  }
  p.work-name-en span {
    display: inline;
  }
  p.work-name-en span.first-name {
    margin: 0 0.3em 0 0;
  }
  p.work-name-jp {
    margin: 2vw 0 0 0;
    text-align: center;
    font-size: clamp(12px, 3.2vw, 16px);
  }
  p.work-name-title {
    text-align: center;
    font-size: clamp(12px, 3.2vw, 16px);
  }

  p.work-readmore {
    margin: -30px auto 0;
    padding: 0 0px 0 0;
  }
  a.work-readmore-link {
    font-size: clamp(12px, 3.2vw, 16px);
  }
  a.work-readmore-link i {
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 25px;
    margin: 0 0 0 8px;
  }

  .bg-img-work {
    bottom: 21.5vw;
    right: -120px;
  }
  .bg-img-work.is-active {
    right: -20px;
  }
  .bg-img-work img {
    width: clamp(318px, 84.8vw, 640px);
  }

  /* Activity ─────────────── */
  section.activity {
    padding: 0 0;
    margin: 0px 0 0px;
  }
  h2.activity-title.f-heebo {
    padding: 0 20px 0;
    font-size: clamp(60px, 16vw, 100px);
  }
  ul.activity-ul {
    min-height: calc(110px * 3 + 10px * 3);
  }
  li.activity-li {
    height: clamp(110px, 29.33vw, 240px);
  }
  p.activity-title {
    font-size: clamp(16px, 4.26vw, 32px);
    padding: 0px 43.4vw 0 0;
    line-height: 1.1;
    left: clamp(76px, 20.26vw, 136px);
    transform: translateY(-50%);
  }
  .activity-img-wrap {
    height: 100%;
    width: 46.6vw;
    clip-path: polygon(15.46vw 0%, 100% 0%, 100% 100%, 0% 100%);
  }
  p.activity-txt {
    width: clamp(30px, 8vw, 60px);
    height: clamp(30px, 8vw, 60px);
    top: 12px;
    left: 12px;
    font-size: clamp(8px, 2.13vw, 16px);
    letter-spacing: 0.2em;
    line-height: clamp(30px, 8vw, 60px);
    padding: 0 0 0 clamp(2px, 0.53vw, 4px);
    text-align: center;
  }
  .activity-num {
    transform: translateY(-50%);
  }
  .num-1 .activity-num {
    left: clamp(38px, 10.13vw, 62px);
  }
  .num-1 .activity-num img {
    width: clamp(13px, 3.86vw, 33px);
  }
  .num-2 .activity-num {
    left: clamp(33px, 8.79vw, 54px);
  }
  .num-2 .activity-num img {
    width: clamp(30px, 8vw, 62px);
  }
  .num-3 .activity-num {
    left: clamp(33px, 8.79vw, 54px);
  }
  .num-3 .activity-num img {
    width: clamp(30px, 8vw, 62px);
  }
  .bg-img-activity {
    bottom: clamp(25px, 6.66vw, 40px);
    left: -135px;
  }
  .bg-img-activity.is-active {
    left: clamp(-32px, -6vw, -22px);
  }
  .bg-img-activity img {
    width: clamp(370px, 98.66vw, 750px);
  }

  /* ──────────────────────────────────────────────────────────── */
  /* About */
  /* ──────────────────────────────────────────────────────────── */

  /* top ─────────────── */
  .page .entry-title-wrap {
    padding: 0 20px;
  }
  .breadcrumb-wrap {
    padding: 0 20px;
  }
  .breadcrumb-wrap li {
    font-size: 12px;
  }
  .page .entry-title,
  .post-type-archive .page-title {
    font-size: clamp(50px, 13.4vw, 70px);
    line-height: 0.9;
    padding: 22px 0 0;
  }

  section.about-parent-wrap {
    padding: 24px 20px 100px;
    margin: 0 0 0 0;
  }

  li.about-parent-li {
    width: auto;
    max-width: 500px;
    margin: 0 0 10px auto;
    right: -20px;
  }
  li.about-parent-li a {
    padding: 16px 40px 16px 20px;
    line-height: 1.227em;
    font-weight: 700;
    font-size: clamp(18px, 5vw, 24px);
    letter-spacing: 0;
  }
  li.about-parent-li a i {
    padding: 4px 0;
    width: 27px;
    height: 27px;
    font-size: 16px;
    line-height: 1;
    right: 12px;
  }
  li.about-parent-li a i:before {
    margin: 0 0 0 0;
  }
  li.about-parent-li a:hover i:before {
    margin: 0 0 0 3px;
  }

  /* WiNとは ─────────────── */
  .page-child .entry-title-wrap {
    height: 200px;
  }

  .page-child .entry-content {
    margin: 0 0 20px 0;
    padding: 0 20px 0;
  }
  .page-child .site-main {
    margin: 0 0 52px 0;
    min-height: auto;
  }

  .page-child .entry-title {
    font-size: clamp(28px, 7.46vw, 36px);
    padding: 0;
    line-height: 1;
  }

  .page-child .page-about .entry-title {
    padding: 30px 0 0;
  }

  .page-child .slug-message .entry-title {
    font-size: clamp(22px, 6.3vw, 28px);
  }
  section.about-child-wrap {
    padding: 20px 24px 42px 24px;
    margin: -110px auto 0;
  }
  .about-child-wrap h3.article-title {
    font-size: clamp(18px, 4.8vw, 22px);
    margin: 0 0 20px 0;
  }
  .about-child-wrap .text-small {
    font-size: 70%;
    top: -0.2em;
    position: relative;
  }
  .about-child-wrap .article-txt {
    font-size: clamp(15px, 4vw, 16px);
    letter-spacing: 0.05em;
    line-height: 1.6;
  }
  .about-child-wrap .article-txt.small-txt {
    font-size: clamp(13px, 3.6vw, 14px);
  }

  /* WiN-Global 会長メッセージ ─────────────── */
  section.about-child-wrap.chairman {
    padding: 24px 24px 42px 24px;
  }
  .chairman-img {
    width: clamp(100px, 26.66vw, 150px);
    border: 2px solid #fff;
  }
  .chairman-title-wrap {
    margin: 0 0 0 2.8vw;
  }
  .chairman h3.article-title {
    font-size: clamp(16px, 4.3vw, 24px);
    margin: 0 0 0px 0;
  }
  .chairman-name {
    font-size: clamp(14px, 4.2vw, 20px);
  }
  @media (max-width: 350px) {
    .chairman-img {
      display: block;
      margin: 0 auto;
    }
    .chairman-title-wrap {
      display: block;
      margin: 12px auto 0;
    }
    .chairman h3.article-title {
      text-align: center;
    }
    .chairman-name {
      text-align: center;
    }
  }
  .chairman .article-txt {
    margin: 22px 0 0 0;
    font-size: clamp(15px, 4vw, 16px);
    line-height: 1.5;
    font-weight: 400;
  }
  .chairman .article-subtitle {
    font-weight: 700;
    margin: 28px 0 0px 0;
  }

  /* 入会状況・入会案内 ─────────────── */
  h2.admission-h2 {
    font-size: clamp(19px, 4.8vw, 24px);
    line-height: 1.5;
    padding: 1px 0 0;
  }
  section.about-child-wrap.admission {
    padding: 24px 24px 44px 24px;
  }
  p.admission-txt.top {
    margin: 16px 0 16px;
    line-height: 1.55;
    font-size: clamp(15px, 3.7vw, 16px);
    font-weight: 400;
  }
  ul.admission-org-list {
    width: 100%;
    margin: 0 0 0 0;
  }
  ul.admission-org-list li {
    white-space: inherit;
    line-height: 1.2;
    letter-spacing: 0.02em;
    font-size: clamp(14px, 3.7vw, 16px);
    padding: 4px 0;
    font-weight: 400;
  }
  ul.admission-org-list:nth-child(1) li:last-child {
    border-bottom: none;
  }
  ul.admission-org-list + ul {
    margin: 0 0 40px 0;
  }
  h3.admission-h3 {
    display: block;
    width: auto;
    margin: 20px auto 0;
    font-size: clamp(17px, 4.5vw, 21px);
    text-align: center;
  }
  ul.admission-qualification-wrap,
  ul.admission-fee-wrap {
    display: block;
    margin: 8px auto 0;
    width: auto;
  }
  ul.admission-qualification-wrap li .title,
  ul.admission-fee-wrap li .title {
    font-size: clamp(14px, 3.7vw, 16px);
    width: 35%;
    max-width: 160px;
  }
  ul.admission-qualification-wrap li .desc,
  ul.admission-fee-wrap li .desc {
    font-size: clamp(14px, 3.7vw, 16px);
    line-height: 1.4;
    width: max(65%, 100% - 160px);
  }
  ul.admission-fee-wrap li .title {
    width: 50%;
  }
  ul.admission-fee-wrap li .desc {
    width: 50%;
  }
  p.admission-txt {
    font-size: clamp(14px, 3.7vw, 16px);
    line-height: 1.6;
    font-weight: 400;
  }
  h3.admission-h3.approval {
    margin: 44px auto 16px;
    text-align: left;
    letter-spacing: 0.08em;
    width: fit-content;
  }
  .btm-btn-wrap {
    width: auto;
    margin: 36px auto 0;
    text-align: center;
  }
  .btm-btn-wrap button {
    display: block;
    margin: 0 auto;
  }
  a.admission-link {
    margin: 8px auto 6px;
    padding: 10px 0px 9px;
    font-size: clamp(14px, 3.7vw, 16px);
    display: block;
    min-width: 180px;
    text-align: center;
    width: 50vw;
    max-width: 260px;
    font-weight: 700;
    border: 1px solid var(--win-navy);
  }

  /* 規約 ─────────────── */
  section.about-child-wrap.terms {
    padding: 24px 24px 42px 24px;
  }
  h2.terms-h2 {
    line-height: 1.1;
    font-size: clamp(19px, 4.6vw, 24px);
    padding: 6px 0 6px;
    margin: 0 0 20px;
  }
  h3.terms-h3 {
    font-size: clamp(14px, 3.5vw, 15px);
  }
  ol.terms-ol li:first-child h4.terms-h4 {
    font-size: clamp(14px, 3.5vw, 15px);
  }
  h4.terms-h4 {
    font-size: clamp(14px, 3.5vw, 15px);
  }
  p.terms-txt {
    font-size: clamp(14px, 3.5vw, 15px);
  }
  p.terms-txt-last {
    font-size: clamp(14px, 3.5vw, 15px);
    text-align: right;
    margin: 0.4em 0 0;
  }

  @media (min-width: 440px) {
    .slug-terms .db-sp {
      display: none;
    }
  }

  /* ──────────────────────────────────────────────────────────── */
  /* News & Report */
  /* ──────────────────────────────────────────────────────────── */

  /* 一覧ページ ─────────────── */
  .archive .page-title-wrap {
    padding: 0 20px 24px;
  }

  .post-type-archive.post-type-archive-news-report .page-title {
    font-size: clamp(46px, 13vw, 70px);
    line-height: 0.9;
  }
  .archive .article-wrap {
    padding: 0px 20px 30px 20px;
  }
  .archive .article-stage {
    display: block;
  }

  .archive .article-link {
    padding: 24px 22px 34px;
  }
  .archive article .entry-title {
    font-size: clamp(18px, 4.8vw, 22px);
    min-height: inherit;
    font-weight: 700;
  }
  .archive article .content-thumbnail {
    height: clamp(180px, 44vw, 280px);
  }
  .archive article .content-text {
    min-height: inherit;
    font-size: clamp(14px, 3.7vw, 15px);
    margin: 18px 0 0 0;
  }
  .archive article .content-meta {
    margin: 20px 0 0 0;
  }
  .archive article .content-time {
    font-size: clamp(12px, 3.2vw, 13px);
    font-weight: 700;
  }
  .archive article .readmore {
    font-size: clamp(13px, 3.46vw, 14px);
  }

  .archive article .readmore i {
    width: 40px;
    height: 40px;
    font-size: 20px;
    line-height: 1;
    padding: 10px 0 0;
  }
  .archive nav.pagination {
    margin: 38px auto 0;
  }
  .archive nav.pagination .page-numbers {
    font-size: 16px;
    width: 36px;
    height: 36px;
    line-height: 1;
    padding: 9px 0;
    margin: 0 7px 10px;
  }
  .archive nav.pagination .page-numbers.dots {
    margin: 0 1px 10px;
  }

  @media (min-width: 610px) {
    .archive .article-stage {
      display: grid;
      grid-template:
        '... .. ... .. ...'
        '... b1 ... b2 ...'
        '... .. ... .. ...'
        '... b3 ... b4 ...'
        '... .. ... .. ...'
        '... b5 ... b6 ...'
        '... .. ... .. ...'
        '... b7 ... b8 ...'
        '... .. ... .. ...'
        '... b9 ... .. ...'
        '... .. ... .. ...'
        / 0 1fr 15px 1fr 0;
      align-items: start;
    }
  }

  /* 詳細ページ ─────────────── */
  .single-news-report .page-header {
    height: 200px;
  }
  .single-news-report .entry-wrap {
    padding: 0 20px 0;
    margin: 0 0 16px 0;
  }
  .single-news-report .entry-stage {
    padding: 20px 22px 12px 22px;
    margin: -176px auto 0;
  }
  .single-news-report .entry-time {
    font-size: clamp(12px, 3.2vw, 13px);
    font-weight: 700;
    letter-spacing: 0.05em;
  }
  .single-news-report .entry-title {
    font-size: clamp(18px, 4.8vw, 22px);
    font-weight: 700;
    margin: 0.7em 0 0 0;
    padding: 0 0 0.8em 0;
    border-bottom: 1px solid var(--win-navy);
  }
  .single-news-report .entry-header {
    margin: 0 0 1.4em;
  }
  .single-news-report .entry-content {
    padding: 0 0px;
  }
  .single-news-report .entry-content h2 {
    font-size: clamp(17px, 4.53vw, 18px);
    margin: 1.6em 0 0.5em;
    font-weight: 700;
  }
  .single-news-report .entry-content p {
    line-height: 1.6;
    font-size: clamp(14px, 3.7vw, 15px);
    margin: 0 0 1.4em;
  }
  .single-news-report .entry-content ul {
    line-height: 1.6;
    font-size: clamp(14px, 3.7vw, 15px);
    margin: 0 0 1.4em 1.2em;
  }
  .single-news-report .entry-content a {
    font-weight: 700;
  }
  .single-news-report .entry-content .img-wrap {
    margin: 1.7em 0 1.7em 0;
    font-size: inherit;
  }
  .single-news-report .entry-content .img-wrap figure {
    width: 100%;
  }
  .single-news-report .entry-content .img-wrap.pcs-2 figure {
    width: auto;
    margin: 0 0 1.5em 0;
  }
  .single-news-report .entry-content .img-wrap.pcs-2 figure:nth-child(1) {
    margin: 0 0 1.5em 0;
  }
  .single-news-report .entry-content .img-wrap.pcs-2 figure:last-of-type {
    margin: 0 0 0 0;
  }
  .single-news-report .entry-content .img-wrap figcaption {
    margin: 0.8em 0 0 0;
    font-size: clamp(12px, 3.2vw, 13px);
  }
  .single-news-report .entry-content .img-wrap img {
    width: 100%;
    max-width: fit-content;
  }

  /* ──────────────────────────────────────────────────────────── */
  /* Privacy Policy */
  /* ──────────────────────────────────────────────────────────── */

  .privacy-policy .site-main .entry-title {
    font-size: clamp(48px, 13.5vw, 70px);
    line-height: 0.9;
    padding: 22px 0 115px 0;
  }
  .privacy-policy .entry-content {
    margin: 0 0 20px 0;
    padding: 0 20px 0;
  }
  .privacy-policy .site-main .privacy-wrap {
    padding: 22px 24px 34px 24px;
    margin: -94px auto 0;
  }
  .privacy-policy .site-main h2 {
    margin: 0 0 0.6em 0;
    font-size: clamp(19px, 4.8vw, 24px);
    line-height: 1.2;
    border-left: 3px solid var(--win-navy);
    padding: 0 0 0 0.4em;
    letter-spacing: 0.04em;
  }
  .privacy-policy .site-main p {
    font-size: clamp(14px, 3.5vw, 15px);
    line-height: 1.7;
    letter-spacing: 0.02em;
    margin: 0 0 2em 0;
  }
  /* ──────────────────────────────────────────────────────────── */
  /* Work SP */
  /* ──────────────────────────────────────────────────────────── */

  /* 一覧ページ ─────────────── */
  .archive.post-type-archive-work .article-link {
    max-width: none;
  }

  .archive.post-type-archive-work .content-wrap {
    padding: 15px 26px 34px;
  }

  .archive.post-type-archive-work article .content-thumbnail {
    height: clamp(300px, 69vw, 420px);
  }

  .archive.post-type-archive-work .hash {
    font-size: 26px;
  }

  .archive.post-type-archive-work .num {
    font-size: 38px;
  }

  .archive.post-type-archive-work .name {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.1;
  }

  .archive.post-type-archive-work article .entry-title {
    min-height: auto;
    font-size: 18px;
    letter-spacing: 0.04em;
    font-weight: 700;
  }

  @media (min-width: 610px) {
    .archive.post-type-archive-work .article-stage {
      display: grid;
      grid-template:
        '... .. ... .. ...'
        '... b1 ... b2 ...'
        '... .. ... .. ...'
        '... b3 ... b4 ...'
        '... .. ... .. ...'
        '... b5 ... b6 ...'
        '... .. ... .. ...'
        / 0 1fr 15px 1fr 0;
      align-items: start;
    }

    .archive article .entry-title {
      min-height: calc(1.5em * 2);
    }
    .archive article .content-text {
      min-height: calc(1.625em * 3);
    }
    .archive.post-type-archive-work article .content-thumbnail {
      height: clamp(260px, 40.4vw, 290px);
    }
    .archive.post-type-archive-work article .entry-title {
      min-height: calc(var(--lineheight) * 2);
    }
    .archive article .content-thumbnail {
      height: clamp(180px, 26.5vw, 220px);
    }
    .archive nav.pagination {
      margin: 25px auto 0;
    }
  }

  /* 詳細ページ ─────────────── */

  .single-work {
    --sp-marginside: 48px;
  }

  .single-work .page-header {
    height: 268px;
  }

  .single-work .entry-header {
    padding: 0 0 0 0;
  }

  .single-work .entry-content .main-text section.img .img-wrap {
    margin: 30px 0 0 0;
    max-width: none;
  }

  .single-work .entry-content .main-text section.img .img-wrap figcaption {
    margin: 0.8em auto 0;
    font-size: clamp(12px, 3.2vw, 13px);
    max-width: 370px;
    padding: 0 26px;
  }

  /* プロフィールボックス  */

  .single-work .prof-area {
    display: block;
    margin: 0 0 0 0;
  }

  .single-work .prof-box {
    position: static;
    width: auto;
    height: auto;
    display: block;
    padding: 20px var(--sp-marginside) 68px;
  }

  .single-work .prof-box .serial {
    margin: 0 0 12px auto;
  }

  .single-work .prof-box .serial .work,
  .single-work .prof-box .serial .hash {
    font-size: clamp(24px, 6.4vw, 28px);
  }

  .single-work .prof-box .serial .number {
    font-size: clamp(36px, 9.6vw, 42px);
  }

  .single-work .prof-box .name-en {
    font-size: clamp(40px, 10.66vw, 48px);
    font-weight: 700;
    display: inline-block;
  }
  .single-work .prof-box .name-en.first {
    margin: 0 8px 0 0;
  }

  .single-work .prof-box .name-jp {
    font-size: clamp(22px, 5.86vw, 26px);
    font-weight: 700;
    margin: 14px 0 10px;
  }

  .single-work .prof-box .title {
    font-size: clamp(12px, 3.2vw, 14px);
  }

  /* 職歴 */

  .single-work .work-history {
    position: static;
    margin: 20px var(--sp-marginside) 0;
    padding: 0;
    display: block;
  }

  .single-work .work-history ul li {
    display: flex;
  }

  .single-work .work-history ul li p {
    font-size: 12px;
  }

  .single-work .work-history ul li p.year {
    min-width: 5em;
    margin: 0;
  }
  .single-work .work-history ul li p.item {
    max-width: none;
  }

  /* 本文 ─────────────── */

  .single-work .entry-content {
    margin: 34px auto 0;
  }

  .single-work .entry-time {
    font-size: clamp(12px, 3.2vw, 14px);
    font-weight: 700;
    margin: 0 var(--sp-marginside);
  }

  .single-work .entry-title {
    font-size: clamp(22px, 5.86vw, 26px);
    margin: 12px var(--sp-marginside) 40px;
    padding: 0 0 18px 0;
    border-bottom: 1px solid var(--win-navy);
  }

  .single-work .entry-wrap .entry-content .main-text section {
    margin: 54px var(--sp-marginside) 0;
  }

  .single-work .entry-content .main-text section.img.wraparound + section.noimg {
    margin: 34px var(--sp-marginside) 0;
  }

  .single-work article .entry-wrap .entry-content .main-text section:first-of-type {
    margin: 0 var(--sp-marginside) 0;
  }

  .single-work .entry-content .main-text section.img.right {
    display: block;
    margin: 54px var(--sp-marginside) 0;
  }

  .single-work .entry-content .main-text section.img.left {
    display: block;
    margin: 54px var(--sp-marginside) 0;
  }

  .single-work .entry-content .main-text section.img.left.rooftitle .rooftitle-wrap {
    display: block;
    margin: 0;
  }
  .single-work .entry-content .main-text section.img.right.rooftitle .rooftitle-wrap {
    display: block;
    margin: 0;
  }

  .single-work .entry-content .main-text section.onlyimg {
    margin: 18px 0 0;
  }
  .single-work .entry-content .main-text section.onlyimg.margin-lr {
    margin: 18px 0 0;
  }

  .single-work .entry-content .main-text h2 {
    font-size: clamp(16px, 4.26vw, 19px);
    font-weight: 700;
    margin: 0 0 1.2em;
  }

  .single-work .entry-content .main-text h2:before {
    transform: translateY(-2px);
    vertical-align: middle;
  }

  .single-work .entry-content .main-text section.img.left.rooftitle h2 {
    margin: 0 0 1.2em;
  }
  .single-work .entry-content .main-text section.img.right.rooftitle h2 {
    margin: 0 0 1.2em;
  }

  .single-work .entry-content .main-text p {
    margin: 0 0 2em;
    font-size: clamp(14px, 3.73vw, 15px);
  }

  .single-work .entry-content .main-text section.img.left.rooftitle .text-wrap p:first-of-type {
    margin: 0 0 2em;
  }

  .single-work .entry-content .main-text section p:last-of-type {
    margin: 0 0 0;
  }

  .single-work .entry-content .main-text section.img img {
    margin: 1.8em auto 0;
    padding: 0 26px;
  }
  .single-work .entry-content .main-text section.img img:last-of-type {
    margin: 1.8em auto 0;
  }
  .single-work .entry-content .main-text section.img img:not(:first-child) {
    margin: 0.3em auto 0;
  }

  .single-work .entry-content .main-text h3 {
    font-size: clamp(16px, 4.26vw, 19px);
    font-weight: 700;
  }
  .single-work .entry-content .main-text h4 {
    font-size: clamp(14px, 3.73vw, 15px);
    font-weight: 700;
  }

  .single-work .entry-content .main-text .img-wrap p {
    font-size: clamp(11px, 3vw, 12px);
  }

  .single-work .entry-content .btn-work {
    margin: 52px auto 40px;
  }
  .single-work .entry-content .btn-work a {
    font-size: clamp(13px, 3.46vw, 14px);
    border-radius: 14px;
    font-weight: 700;
    border: 1px solid var(--win-navy);
    width: 180px;
    line-height: 34px;
  }

  /* Work 各ページ調整要CSS ─────────────── */

  /* yukiko okada ─────────────── */

  .single-work .slug-yukiko-okada .entry-content .main-text section.img.right.rooftitle .img-wrap img {
    padding: 0;
  }
  .single-work .slug-yukiko-okada .entry-wrap .entry-content .main-text section:nth-child(2) {
    margin: 34px var(--sp-marginside) 0;
  }

  .single-work .slug-yukiko-okada .entry-content .main-text section.img.right.rooftitle .img-wrap p.gender-text {
    margin: 0.7em 0 1.3em 0;
    line-height: 1.6;
  }
  .single-work .slug-yukiko-okada .entry-content .main-text section.img.right.rooftitle .img-wrap img {
    margin: 0 0 20px 0;
  }
  .single-work .slug-yukiko-okada .entry-content .main-text section.img.right.rooftitle .img-wrap {
    margin: 30px auto 0;
  }
  .single-work .slug-yukiko-okada .entry-content .main-text section.onlyimg.margin-lr {
    margin: 20px 0 0;
  }

  /* nanako kawano ─────────────── */

  .single-work .slug-nanako-kawano .entry-content .main-text section:nth-child(1).img.right.rooftitle .rooftitle-wrap {
    margin: 0 0 2em 0;
  }
  .single-work .slug-nanako-kawano .entry-wrap .entry-content .main-text section:nth-child(2) {
    margin: 2em var(--sp-marginside) 0;
  }

  /* ──────────────────────────────────────────────────────────── */
  /* Activity SP */
  /* ──────────────────────────────────────────────────────────── */

  .page-parent .site-header {
    z-index: 4;
    position: relative;
  }
  section.activity-parent-wrap {
    padding: 16px 20px 40px 20px;
  }

  .activity-parent-subtitle {
    font-size: clamp(28px, 7.46vw, 32px);
  }

  .activity-parent-sentence {
    font-size: 14px;
  }

  ul.activity-parent-ul {
    margin: 22px 0 30px;
  }

  li.activity-parent-li {
    height: 156px;
    margin: 0 0 6px;
    right: -10px;
  }

  p.activity-parent-txt {
    width: 40px;
    height: 40px;
    top: 8px;
    left: 8px;
    font-size: 10px;
    font-weight: 700;
    line-height: 40px;
    padding: 0 0 0 2px;
  }

  a.activity-parent-link:hover p.activity-parent-num img {
    transform: scale(1);
  }

  .activity-parent-li.act-1 .activity-parent-num {
    left: 44px;
    top: 26px;
    transform: translateY(0);
    height: 60px;
  }
  .activity-parent-li.act-2 .activity-parent-num {
    left: 42px;
    top: 22px;
    transform: translateY(0);
    height: 62px;
  }
  .activity-parent-li.act-3 .activity-parent-num {
    left: 42px;
    top: 22px;
    transform: translateY(0);
    height: 62px;
  }

  .activity-parent-li.act-1 .activity-parent-num img,
  .activity-parent-li.act-2 .activity-parent-num img,
  .activity-parent-li.act-3 .activity-parent-num img {
    width: auto;
  }

  .act-2 p.activity-parent-headline {
    transform: translateY(-50%);
  }

  p.activity-parent-headline {
    font-size: clamp(18px, 4.8vw, 22px);
    left: 88px;
    top: 36%;
    padding: 0 50px 0 0;
  }
  .act-1 p.activity-parent-headline,
  .act-2 p.activity-parent-headline,
  .act-3 p.activity-parent-headline {
    transform: translateY(-50%);
  }

  p.activity-parent-lead {
    font-size: 14px;
    left: 18px;
    padding: 0 14px 0 0;
    top: 78%;

    line-height: 1.4;
  }
  .act-1 p.activity-parent-lead,
  .act-2 p.activity-parent-lead,
  .act-3 p.activity-parent-lead {
    transform: translateY(-50%);
  }

  li.activity-parent-li i {
    width: 28px;
    height: 28px;
    top: 10px;
    right: 14px;
    transform: translateY(0);
    font-size: 16px;
    line-height: 26px;
  }
  li.activity-parent-li a:hover i:before {
    margin: 0 0 0 3px;
  }

  /* Activity 子ページ ─────────────── */

  .page-child .page-activity .entry-content {
    margin: -112px 0 20px 0;
  }
  section.activity-child-wrap {
    margin: 0 auto;
    padding: 20px 22px;
  }
  .page.page-child .page-activity .entry-title-wrap {
    height: auto;
    min-height: 200px;
  }
  .page-child .page-activity .entry-title-wrap {
    padding: 14px 20px 124px;
  }
  .page-child .page-activity .entry-title {
    margin: 0;
  }

  .activity-child-title {
    font-size: clamp(24px, 6.4vw, 28px);
    margin: 0;
    display: flex;
    align-items: center;
  }

  .activity-child-title-l {
    min-width: clamp(104px, 29.86vw, 112px);
    margin: 0;
    display: block;
    width: auto;
  }
  .activity-child-title-l span.num1 {
    margin: 0px 0 0 0.4em;
    width: 14px;
  }
  .activity-child-title-l span.num2 {
    margin: 0px 0 0 0.2em;
    width: 33px;
  }
  .activity-child-title-l span.num3 {
    margin: 0px 0 0 0.2em;
    width: 32px;
  }
  .activity-child-title-r {
    display: block;
    font-size: clamp(24px, 6.4vw, 28px);
  }

  h2.activity-child-subtitle {
    font-size: clamp(18px, 4.8vw, 22px);
    margin: 0 0 18px 0;
    padding: 0px 0 15px;
    border-bottom: 1px solid var(--win-navy);
  }

  p.activity-top-text {
    font-size: 14px;
    margin: 0px 0 28px;
  }
  p.activity-bottom-text {
    font-size: 14px;
    margin: -4px 0 16px;
  }
  .activity-child-ul {
    margin: 0 auto;
  }
  ul.activity-child-ul li figure.activity-child-figure {
    margin: 0 auto 34px auto;
  }
  .nuclear-power-value ul.activity-child-ul li:nth-child(2) figure {
    margin: 0 auto 34px auto;
  }
  .nuclear-power-value ul.activity-child-ul li:nth-child(3) figure {
    margin: 0 auto 34px auto;
  }
  .networking-professionals ul.activity-child-ul li:nth-child(1) figure {
    margin: 0 auto 34px auto;
  }
  .networking-professionals ul.activity-child-ul li:nth-child(3) figure {
    margin: 0 auto 34px auto;
  }
  .gender-balance ul.activity-child-ul li:nth-child(2) figure {
    margin: 0 auto 34px auto;
  }
  .gender-balance ul.activity-child-ul li:nth-child(3) figure {
    margin: 0 auto 34px auto;
  }

  .gender-balance ul.activity-child-ul li:nth-child(2) .activity-child-figure img {
    margin: initial;
  }

  figure.activity-child-figure figcaption {
    font-size: 12px;
  }

  .gender-balance ul.activity-child-ul li:nth-child(1) figure figcaption {
    font-size: 14px;
  }

  .gender-balance ul.activity-child-ul li figure span {
    font-size: 12px;
  }

  /* ──────────────────────────────────────────────────────────── */
  /* Sponsor SP */
  /* ──────────────────────────────────────────────────────────── */

  .page .sponsor-wrapper {
    padding: 40px 20px 74px 20px;
  }

  .page .slug-sponsor .header-stage .title-jp {
    font-size: clamp(13px, 3.46vw, 14px);
    margin: 4px 0 0;
    font-weight: 700;
  }

  .page .slug-sponsor .header-stage .title-jp .date {
    font-size: clamp(11px, 3vw, 12px);
    margin: 0 0 0 0.4em;
  }

  .page .sponsor-wrapper .top-text {
    font-size: clamp(15px, 4vw, 16px);
    margin: 0px auto 30px;
    padding: 0px 0 20px;
    border-bottom: 1px solid var(--win-navy);
  }

  .page .sponsor-wrapper .logo-wrap {
    border-radius: 6px;
    padding: 40px 20px 38px;
  }

  .page .sponsor-wrapper .logo-wrap ul {
    gap: 34px 10px;
  }
  .page .sponsor-wrapper .logo-wrap ul li a {
    min-height: 80px;
  }

  .page .sponsor-wrapper .bottom-text {
    font-size: clamp(15px, 4vw, 16px);
    margin: 50px 5px 0;
  }

  .page .sponsor-wrapper .bottom-text a {
    font-weight: 700;
  }

  /* ──────────────────────────────────────────────────────────── */
  /* Contact SP */
  /* ──────────────────────────────────────────────────────────── */

  .page .slug-contact .header-stage .title-jp,
  .page .slug-contact-confirm .header-stage .title-jp,
  .page .slug-contact-thanks .header-stage .title-jp,
  .page .slug-join .header-stage .title-jp,
  .page .slug-join-confirm .header-stage .title-jp,
  .page .slug-join-thanks .header-stage .title-jp {
    font-size: clamp(13px, 3.46vw, 14px);
    margin: 0 0 0;
    font-weight: 700;
  }

  .page .header-stage .btn-switch {
    position: static;
    margin: 10px 0 0 auto;
    width: fit-content;
    display: block;
  }

  .page .contact-wrap {
    padding: 24px 20px 70px 20px;
  }

  .form-wrap .top-text {
    font-size: 14px;
    margin: 0px auto 34px;
    padding: 0px 0 22px;
    border-bottom: 1px solid var(--win-navy);
  }

  .form-wrap .area-wrap .left-wrap,
  .join-confirm .form-wrap .area-wrap .left-wrap {
    display: block;
    width: 100%;
    margin: 0 0 10px;
  }

  .form-wrap .area-wrap .right-wrap,
  .join-confirm .form-wrap .area-wrap .right-wrap {
    display: block;
    width: 100%;
    margin: 0 0 20px;
  }

  .page .header-stage .btn-switch a {
    font-size: 13px;
    border: 1px solid var(--win-navy);
    line-height: 33px;
    border-radius: 12px;
    font-weight: 700;
    width: 180px;
  }

  .form-wrap .area-wrap {
    margin: 0 0 30px;
  }

  .form-wrap .area-wrap .left-wrap .title {
    font-size: 14px;
    margin: 0 0.4em 0 0;
    font-weight: 700;
  }

  .form-wrap .area-wrap .left-wrap .require {
    font-size: 10px;
    padding: 2px 3px 2px 4px;
  }

  .form-wrap .area-wrap .right-wrap input,
  .form-wrap .area-wrap .right-wrap textarea,
  .slug-contact-confirm .form-wrap .area-wrap .right-wrap,
  .slug-contact-confirm .form-wrap .area-wrap.message .right-wrap {
    font-size: 14px;
    padding: 1.68em 1.45em;
  }

  .form-wrap .btn-wrap {
    text-align: center;
  }
  .form-wrap .btn-wrap .send-submit,
  .form-wrap .btn-wrap .send-confirm {
    margin: 14px 0 0;
    font-size: 13px;
    border: 1px solid var(--win-navy);
    border-radius: 12px;
    font-weight: 700;
    width: 180px;
    line-height: 33px;
  }
  .form-wrap .btn-wrap .send-submit:hover,
  .form-wrap .btn-wrap .send-confirm:hover {
    border: 1px solid var(--win-navy);
  }
  @media (hover: none) {
    .form-wrap .btn-wrap .send-submit:hover,
    .form-wrap .btn-wrap .send-confirm:hover {
      background-color: var(--win-navy);
      color: #fff;
      border: 1px solid var(--win-navy);
      opacity: 1;
    }
    .form-wrap .btn-wrap .send-submit:active,
    .form-wrap .btn-wrap .send-confirm:active {
      box-shadow: none;
      opacity: var(--activeOpacity);
    }
  }

  .form-wrap .btn-wrap .btn-back .send-back {
    margin: 14px 16px 0 0;
    font-size: 13px;
    border: 1px solid #777;
    padding: 11px 20px 9px;
    line-height: 1;
    border-radius: 12px;
    font-weight: 700;
    width: 80px;
  }
  .form-wrap .btn-wrap .btn-back .send-back:hover {
    border: 1px solid #777;
  }

  .slug-contact-thanks .form-wrap h2,
  .slug-join-thanks .form-wrap h2 {
    font-size: 22px;
    margin: 0px 0 20px 0;
    font-weight: 700;
  }

  .slug-contact-thanks .form-wrap p,
  .slug-join-thanks .form-wrap p {
    padding: 0 0;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 1.5em;
    letter-spacing: 0.04em;
  }
  .slug-contact-thanks .form-wrap p:last-of-type,
  .slug-join-thanks .form-wrap p:last-of-type {
    margin: 0 0 0;
  }

  /* エラーメッセージ ─────────────── */

  .form-wrap .mw_wp_form .error {
    font-size: 14px;
    font-weight: 700;
  }

  .form-wrap .wpcf7-not-valid-tip {
    font-size: 14px;
    font-weight: 700;
  }

  .wpcf7 form.invalid .wpcf7-response-output,
  .wpcf7 form.unaccepted .wpcf7-response-output,
  .wpcf7 form.payment-required .wpcf7-response-output {
    font-size: 14px;
  }
  .wpcf7 form.spam .wpcf7-response-output {
    font-size: 14px;
  }
  .wpcf7 form.failed .wpcf7-response-output,
  .wpcf7 form.aborted .wpcf7-response-output {
    font-size: 14px;
  }

  /* ──────────────────────────────────────────────────────────── */
  /* Join Us SP */
  /* ──────────────────────────────────────────────────────────── */

  .page .slug-join .contact-wrap {
    padding: 24px 20px 70px 20px;
  }

  .slug-join .form-wrap .top-text {
    margin: 0px auto 20px;
  }

  .slug-join .area-wrap {
    border-bottom: 1px solid var(--win-navy);
    padding: 0 0 22px;
    margin: 0 0 18px;
  }

  .slug-join .form-wrap .area-wrap .right-wrap,
  .join-confirm .form-wrap .area-wrap .right-wrap {
    margin: 0 0 0;
  }

  .slug-join .form-wrap .area-wrap.type .right-wrap {
    font-size: 0;
    line-height: 0;
    padding: 0 0 0 30px;
    margin: 0;
  }

  .slug-join .wpcf7-list-item {
    display: inline-block;
    margin: 0;
    line-height: 2.5;
  }
  .slug-join .wpcf7-radio .wpcf7-list-item {
    display: inline-block;
    width: 50%;
    margin: 0;
    line-height: 2.5;
  }

  .slug-join .agree-stage #join-agree {
    margin: 0 0 0;
  }

  .slug-join .sub-text,
  .slug-join-confirm .sub-text {
    font-size: 12px;
    position: relative;
  }

  .slug-join .form-wrap .area-wrap .right-wrap input,
  .slug-join .form-wrap .area-wrap .right-wrap textarea,
  .join-confirm .form-wrap .area-wrap .right-wrap {
    font-size: 14px;
    padding: 0.965em 1.45em;
    min-height: calc(1em * 1.5 + 0.965em * 2);
    line-height: 1.5;
  }

  .form-wrap .area-wrap .right-wrap input[type='radio'] {
    inline-size: auto;
    block-size: auto;
    font-size: 16px;
    margin: 0 0.3em 0 0;
    padding: 0 0 0 0;
  }

  .form-wrap .area-wrap .right-wrap .wpcf7-list-item-label {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 0 0.1em;
  }

  .form-wrap .area-wrap .area-stage .left-wrap .title {
    margin: 0 0.8em 0 2em;
  }

  .slug-join .area-stage {
    margin: 10px 0 0px;
  }

  .form-wrap .area-wrap .right-wrap select {
    width: 100%;
    max-width: 450px;
    padding: 0.965em 2.2em 0.965em 1.45em;
    font-size: 14px;
  }

  .form-wrap .area-wrap .prefectures .right-wrap {
    width: 100%;
    max-width: 450px;
  }

  .form-wrap .area-wrap .prefectures .right-wrap:after {
    top: 18px;
    right: 18px;
    left: auto;
  }

  .form-wrap .area-wrap.message .area-stage .left-wrap .title span {
    margin: 0;
  }

  .slug-join .agree-wrap {
    text-align: left;
    padding: 24px 20px;
    margin: 26px 0 0;
  }

  .slug-join .agree-stage label input {
    margin: 0;
  }

  .form-wrap .agree-stage .wpcf7-form-control-wrap {
    display: inline-block;
    vertical-align: middle;
  }

  .slug-join .agree-stage .agree-text-wrap {
    display: inline-block;
    width: calc(100% - 34px);
    margin: 0 0 0 6px;
    vertical-align: middle;
  }

  .slug-join .agree-stage .agree-text {
    font-size: 14px;
    display: inline;
    line-height: 1.8;
  }

  .slug-join .agree-stage .mwform-checkbox-field.horizontal-item {
    display: inline-block;
    vertical-align: top;
  }

  .slug-join .agree-stage .require {
    font-size: 9px;
    white-space: nowrap;
  }

  .form-wrap .agree-stage .wpcf7-not-valid-tip {
    width: auto;
  }

  .join-confirm .form-wrap .area-wrap.address .area-stage:nth-child(2) .right-wrap,
  .join-confirm .form-wrap .area-wrap.address .prefectures .right-wrap {
    width: 100%;
  }

  /* ──────────────────────────────────────────────────────────── */
  /* Member's Page */
  /* ──────────────────────────────────────────────────────────── */

  /* ログインページ ─────────────── */
  .page .slug-member .entry-title {
    font-size: clamp(45px, 12.6vw, 70px);
    line-height: 0.9;
    padding: 22px 0 20px;
  }

  .member-parent-wrap {
    padding: 0px 20px 70px;
  }

  .member-parent-stage {
    padding: 24px 22px 34px;
  }

  p.member-parent-txt {
    font-size: 16px;
    margin: 0 0 0 0;
  }
  div #wpmem_login fieldset,
  div #wpmem_reg fieldset {
    margin: 10px 0;
  }
  #wpmem_login fieldset .div_text + p + p label {
    font-size: 15px;
  }

  #wpmem_login .button_div label {
    font-size: 15px;
  }

  div.wpmem_msg {
    padding: 10px;
    margin: 1em 0 0.3em 0px;
    font-size: 16px;
  }

  /* 一覧ページ ─────────────── */

  .page .page-member .entry-title-wrap {
    margin: 0 0 0;
    padding: 16px 20px 16px;
    height: auto;
  }

  .page-child .page-member .entry-title {
    padding: 6px 0 6px 0;
    font-size: clamp(28px, 7.46vw, 36px);
  }

  .member-user-role {
    position: absolute;
    right: 0px;
    top: -4px;
    font-size: 13px;
    margin: 0;
    font-weight: 400;
  }

  .page-member p.btn-wrap.logout {
    position: absolute;
    top: -39px;
    right: 0px;
    width: fit-content;
    background-color: transparent;
  }

  .page-member p.btn-wrap.logout a {
    border: 1px solid var(--win-navy);
    border-radius: 8px;
    padding: 0.4em 1em;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .page-member p.btn-wrap a:hover {
    color: var(--win-navy);
    background-color: #fff;
    opacity: var(--hoverOpacity);
  }
  .page-member p.btn-wrap a:active {
    box-shadow: none;
    opacity: var(--activeOpacity);
  }
  @media (hover: none) {
    /* hoverが使えないタッチ端末を想定した装飾 */
    .page-member p.btn-wrap a:hover {
      opacity: 1;
    }
  }

  .page-member .btn-area {
    font-size: 0;
    letter-spacing: -0.4em;
    line-height: 0;
    display: flex;
    justify-content: flex-start;
  }
  .page-member p.btn-wrap {
    margin: 0 1% 0 0;
    width: calc(98% / 3);
    background-color: #fff;
    max-width: 150px;
  }
  .page-member p.btn-wrap.is-current {
    margin: 0 1% 0 0;
    font-size: 15px;
    padding: 0.8em 0;
    text-align: center;
    border-bottom: 1px solid var(--win-navy);
  }
  .page-member p.btn-wrap a {
    font-size: 15px;
    padding: 0.8em 0;
    text-align: center;
    width: 100%;
    background-color: #fff;
  }

  .page-member p.top-text {
    margin: 2em auto 1.2em;
    font-size: 15px;
  }
  .page-member-list .year-btn-wrap {
    margin: 0 0 20px 0;
  }

  .page-member-list p.year-btn {
    font-size: 14px;
    padding: 0.5em 0.6em 0.5em 0.8em;
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  span.docs-year {
    vertical-align: middle;
  }
  .page-member-list span.open-close {
    margin: 0 0 0 0.5em;
    line-height: 1;
    vertical-align: middle;
  }
  @media (hover: none) {
    /* hoverが使えないタッチ端末を想定した装飾 */
    .page-member-list p.year-btn:hover {
      border: 1px solid var(--win-navy);
      color: var(--win-navy);
      background-color: #fff;
    }
    .page-member-list p.year-btn:hover span.open-close {
      background-color: var(--win-navy);
      color: #fff;
    }
    .page-member-list p.year-btn:active {
      border: 1px solid var(--win-navy);
      color: #fff;
      background-color: var(--win-navy);
      opacity: 1;
    }
    .page-member-list p.year-btn:active span.open-close {
      background-color: #fff;
      color: var(--win-navy);
    }
  }

  .page-member-list li.docs-category-title-li {
    margin: 0 0 0px;
  }

  .page-member-list .docs-category-title {
    width: 100%;
    font-size: 16px;
    padding: 12px 130px 12px 10px;
    background-color: var(--win-lightBlue);
  }

  .page-member-list .upload-btn {
    right: 10px;
  }

  .page-member-list .upload-btn a {
    padding: 5px 6px 5px 9px;
  }

  .page-member-list .upload-btn a i {
    margin: 0 0 0 0.2em;
    vertical-align: inherit;
  }

  .page-member-list li.docs-post-li {
    display: block;
    border-bottom: 1px solid #ccc;
  }

  .page-member-list li.docs-post-li:nth-child(odd) {
    background-color: #d1e5ff17;
  }

  .page-member-list .text-area {
    border-right: none;
    padding: 15px 15px;
  }

  .page-member-list .docs-post.title {
    font-size: 15px;
    font-weight: 700;
  }

  .page-member-list .docs-post.comment {
    font-size: 14px;
    margin: 0.4em 0 0 15px;
    font-weight: 300;
  }

  .page-member-list .docs-post.action-area {
    padding: 0px 0 15px 0;
    margin: 0 15px;
  }
  .page-member-list .docs-post.action-area:empty {
    padding: 0;
    margin: 0;
  }

  .page-member-list.is-admin .docs-post.action-area {
    min-height: 54px;
  }

  .page-member-list .docs-download {
    left: 80px;
  }

  .page-member-list.is-admin .docs-download {
    left: 80px;
  }
  @media (max-width: 330px) {
    .page-member-list p.docs-download a {
      padding: 6px 7px 6px 7px;
    }
    .page-member-list .docs-delete .btn-del {
      padding: 4px 7px 4px 7px;
    }
  }
  .page-member-list p.docs-download a i {
    vertical-align: inherit;
  }

  .page-member-list .docs-delete {
    right: 0;
  }

  @media (hover: none) {
    /* hoverが使えないタッチ端末を想定した装飾 */
    .page-member-list p.docs-download a:hover {
      color: var(--win-navy);
      background-color: #fff;
    }
    .page-member-list p.docs-download a:active {
      color: #fff;
      background-color: var(--win-navy);
    }
    .page-member-list .docs-delete .btn-del:hover {
      color: var(--win-red);
      background-color: #fff;
    }
    .page-member-list .docs-delete .btn-del:active {
      color: #fff;
      background-color: var(--win-red);
    }
  }

  /* 投稿ページ ─────────────── */
  .page-member .post-section {
    margin: 0 auto 0;
  }

  .page-member-post .input-area-wrap .title-label {
    display: block;
    width: 100%;
    margin: 0 0 1em;
  }
  .page-member-post .input-area-wrap .title-label .note-txt {
    position: static;
    display: inline-block;
    vertical-align: text-bottom;
    margin: 0 0 0 0.2em;
  }
  .page-member-post .input-area-wrap .select-wrap {
    width: 100%;
    max-width: 500px;
  }
  .page-member-post .input-area-wrap .select-box {
    font-size: 16px;
  }
  .page-member-post .input-area-wrap .nend {
    display: none;
  }

  .post-title-wrap,
  .page-member-post .post-comment-wrap {
    width: 100%;
  }
  .page-member-post .text-input {
    font-size: 16px;
  }

  .page-member-post .input-area-wrap .text-counter {
    bottom: auto;
    top: -15px;
    right: 5px;
  }
  .page-member-post .input-area-wrap .post-comment-wrap .text-counter {
    bottom: auto;
    top: -15px;
    right: 5px;
  }

  .page-member-post .textarea-input {
    font-size: 16px;
  }

  .page-member-post .img-prev-wrap {
    margin: 10px 0 0 0;
    max-width: 400px;
    max-height: 600px;
  }
  .page-member-post button.file_clear {
    margin: 15px 0 0 0;
  }

  /* 投稿確認画面 */

  .page-member-post .input-area-wrap.year .text-input:read-only,
  .page-member-post .input-area-wrap.category .text-input:read-only,
  .page-member-post .text-input:read-only,
  .page-member-post .textarea-input:read-only {
    width: 100%;
  }
  .page-member-post .form-confirm .input-area-wrap .nend {
    display: none;
  }

  /* ヘルプページ ─────────────── */

  .page-member-help h2 {
    border-left: 4px solid var(--win-navy);
    padding: 2px 0 1px 0.5em;
    font-size: 16px;
    margin: 2em auto 18px;
  }

  /* ──────────────────────────────────────────────────────────── */
  /* Footer */
  /* ──────────────────────────────────────────────────────────── */
  .site-footer {
    padding: 12vw 0 10px;
    margin: 0px 0 0 0;
    overflow: hidden;
  }
  .site-footer:before {
    height: 8vw;
  }
  .footer-grid {
    min-height: auto;
  }
  .site-footer-wrap {
    padding: 0 20px;
  }
  nav.footer-navigation {
    display: none;
  }
  .footer-wing {
    position: static;
  }
  .footer-winj {
    position: static;
  }

  .footer-wing .footer-logo-wrap {
    width: 115px;
    margin: 0 0 26px 0;
  }
  p.footer-name {
    font-size: 22px;
  }
  p.footer-desc {
    max-width: none;
    font-size: 14px;
  }
  .footer-winj .footer-logo-wrap {
    width: 130px;
    margin: 40px 0 18px -8px;
  }

  .footer-winj p.footer-desc {
    max-width: none;
    font-size: 15px;
  }

  .footer-sns {
    position: static;
    min-width: auto;
    margin: 50px auto 54px;
    width: fit-content;
  }
  .footer-li,
  .footer-x,
  .footer-fb {
    margin: 0 28px 10px 0;
  }
  @media (max-width: 440px) {
    .footer-x-embed {
      max-width: 320px !important;
    }
    .twitter-timeline {
      max-width: 320px !important;
    }
    .twitter-timeline iframe {
      max-width: 320px !important;
    }
  }
  @media (max-width: 359px) {
    .footer-x-embed {
      max-width: 280px !important;
    }
    .twitter-timeline {
      max-width: 280px !important;
    }
    .twitter-timeline iframe {
      max-width: 280px !important;
    }
  }
}