/* CSS Document */
:root {
  --bs-body-line-height: 1.2;
  --tmuKeycolor01: #4366b0;
  --typoLogoHeight: 140px;
}
/* chrome */
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  body {
    image-rendering: -webkit-optimize-contrast;
  }
  body img[src$=png] {
    image-rendering: auto;
  }
}
/* yakuhanjp */
/*! Yaku Han JP v3.4.1 (OFL-1.1 AND MIT) by Qrac */
/*! Type: YakuHanJPs - Based on Noto Sans CJK JP */
@font-face {
  font-family: "YakuHanJPs";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Thin.eot");
  src: url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Thin.woff2") format("woff2"), url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Thin.woff") format("woff");
  unicode-range: U+3008, U+3009, U+300a, U+300b, U+300c, U+300d, U+300e, U+300f, U+3010, U+3011, U+3014, U+3015, U+ff08, U+ff09, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-family: "YakuHanJPs";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Light.eot");
  src: url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Light.woff2") format("woff2"), url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Light.woff") format("woff");
  unicode-range: U+3008, U+3009, U+300a, U+300b, U+300c, U+300d, U+300e, U+300f, U+3010, U+3011, U+3014, U+3015, U+ff08, U+ff09, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-family: "YakuHanJPs";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-DemiLight.eot");
  src: url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-DemiLight.woff2") format("woff2"), url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-DemiLight.woff") format("woff");
  unicode-range: U+3008, U+3009, U+300a, U+300b, U+300c, U+300d, U+300e, U+300f, U+3010, U+3011, U+3014, U+3015, U+ff08, U+ff09, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-family: "YakuHanJPs";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Regular.eot");
  src: url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Regular.woff2") format("woff2"), url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Regular.woff") format("woff");
  unicode-range: U+3008, U+3009, U+300a, U+300b, U+300c, U+300d, U+300e, U+300f, U+3010, U+3011, U+3014, U+3015, U+ff08, U+ff09, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-family: "YakuHanJPs";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Medium.eot");
  src: url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Medium.woff2") format("woff2"), url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Medium.woff") format("woff");
  unicode-range: U+3008, U+3009, U+300a, U+300b, U+300c, U+300d, U+300e, U+300f, U+3010, U+3011, U+3014, U+3015, U+ff08, U+ff09, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-family: "YakuHanJPs";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Bold.eot");
  src: url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Bold.woff2") format("woff2"), url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Bold.woff") format("woff");
  unicode-range: U+3008, U+3009, U+300a, U+300b, U+300c, U+300d, U+300e, U+300f, U+3010, U+3011, U+3014, U+3015, U+ff08, U+ff09, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-family: "YakuHanJPs";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Black.eot");
  src: url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Black.woff2") format("woff2"), url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Black.woff") format("woff");
  unicode-range: U+3008, U+3009, U+300a, U+300b, U+300c, U+300d, U+300e, U+300f, U+3010, U+3011, U+3014, U+3015, U+ff08, U+ff09, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
/*! Yaku Han JP v3.4.1 (OFL-1.1 AND MIT) by Qrac */
/*! Type: YakuHanJPs_Narrow - Based on Noto Sans CJK JP */
@font-face {
  font-family: "YakuHanJPs_Narrow";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Thin.eot");
  src: url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Thin.woff2") format("woff2"), url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Thin.woff") format("woff");
  unicode-range: U+3008, U+3009, U+300a, U+300b, U+300c, U+300d, U+300e, U+300f, U+3010, U+3011, U+3014, U+3015, U+ff08, U+ff09, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-family: "YakuHanJPs_Narrow";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Thin.eot");
  src: url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Thin.woff2") format("woff2"), url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Thin.woff") format("woff");
  unicode-range: U+3008, U+3009, U+300a, U+300b, U+300c, U+300d, U+300e, U+300f, U+3010, U+3011, U+3014, U+3015, U+ff08, U+ff09, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-family: "YakuHanJPs_Narrow";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Light.eot");
  src: url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Light.woff2") format("woff2"), url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Light.woff") format("woff");
  unicode-range: U+3008, U+3009, U+300a, U+300b, U+300c, U+300d, U+300e, U+300f, U+3010, U+3011, U+3014, U+3015, U+ff08, U+ff09, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-family: "YakuHanJPs_Narrow";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Light.eot");
  src: url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Light.woff2") format("woff2"), url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Light.woff") format("woff");
  unicode-range: U+3008, U+3009, U+300a, U+300b, U+300c, U+300d, U+300e, U+300f, U+3010, U+3011, U+3014, U+3015, U+ff08, U+ff09, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-family: "YakuHanJPs_Narrow";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-DemiLight.eot");
  src: url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-DemiLight.woff2") format("woff2"), url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-DemiLight.woff") format("woff");
  unicode-range: U+3008, U+3009, U+300a, U+300b, U+300c, U+300d, U+300e, U+300f, U+3010, U+3011, U+3014, U+3015, U+ff08, U+ff09, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-family: "YakuHanJPs_Narrow";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Regular.eot");
  src: url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Regular.woff2") format("woff2"), url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Regular.woff") format("woff");
  unicode-range: U+3008, U+3009, U+300a, U+300b, U+300c, U+300d, U+300e, U+300f, U+3010, U+3011, U+3014, U+3015, U+ff08, U+ff09, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-family: "YakuHanJPs_Narrow";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Medium.eot");
  src: url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Medium.woff2") format("woff2"), url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Medium.woff") format("woff");
  unicode-range: U+3008, U+3009, U+300a, U+300b, U+300c, U+300d, U+300e, U+300f, U+3010, U+3011, U+3014, U+3015, U+ff08, U+ff09, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-family: "YakuHanJPs_Narrow";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Bold.eot");
  src: url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Bold.woff2") format("woff2"), url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Bold.woff") format("woff");
  unicode-range: U+3008, U+3009, U+300a, U+300b, U+300c, U+300d, U+300e, U+300f, U+3010, U+3011, U+3014, U+3015, U+ff08, U+ff09, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-family: "YakuHanJPs_Narrow";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Bold.eot");
  src: url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Bold.woff2") format("woff2"), url("/assets/templates/ver2022/fonts/YakuHanJPs/YakuHanJPs-Bold.woff") format("woff");
  unicode-range: U+3008, U+3009, U+300a, U+300b, U+300c, U+300d, U+300e, U+300f, U+3010, U+3011, U+3014, U+3015, U+ff08, U+ff09, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
/* pt-serif-regular - latin */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(''), url('/assets/templates/ver2022/fonts/pt-serif/pt-serif-v17-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/assets/templates/ver2022/fonts/pt-serif/pt-serif-v17-latin-regular.woff') format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* pt-serif-italic - latin */
@font-face {
  font-family: 'PT Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local(''), url('/assets/templates/ver2022/fonts/pt-serif/pt-serif-v17-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/assets/templates/ver2022/fonts/pt-serif/pt-serif-v17-latin-italic.woff') format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* pt-serif-700 - latin */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local(''), url('/assets/templates/ver2022/fonts/pt-serif/pt-serif-v17-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/assets/templates/ver2022/fonts/pt-serif/pt-serif-v17-latin-700.woff') format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* pt-serif-700italic - latin */
@font-face {
  font-family: 'PT Serif';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local(''), url('/assets/templates/ver2022/fonts/pt-serif/pt-serif-v17-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/assets/templates/ver2022/fonts/pt-serif/pt-serif-v17-latin-700italic.woff') format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* noto-serif-jp-200 - latin_japanese */
@font-face {
  font-family: 'Noto Serif Dummy JP';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: local(''), url('/assets/templates/ver2022/fonts/noto-serif-jp/noto-serif-jp-v19-latin_japanese-200.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/assets/templates/ver2022/fonts/noto-serif-jp/noto-serif-jp-v19-latin_japanese-200.woff') format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* noto-serif-jp-300 - latin_japanese */
@font-face {
  font-family: 'Noto Serif Dummy JP';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local(''), url('/assets/templates/ver2022/fonts/noto-serif-jp/noto-serif-jp-v19-latin_japanese-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/assets/templates/ver2022/fonts/noto-serif-jp/noto-serif-jp-v19-latin_japanese-300.woff') format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* noto-serif-jp-regular - latin_japanese */
@font-face {
  font-family: 'Noto Serif Dummy JP';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(''), url('/assets/templates/ver2022/fonts/noto-serif-jp/noto-serif-jp-v19-latin_japanese-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/assets/templates/ver2022/fonts/noto-serif-jp/noto-serif-jp-v19-latin_japanese-regular.woff') format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* noto-serif-jp-500 - latin_japanese */
@font-face {
  font-family: 'Noto Serif Dummy JP';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local(''), url('/assets/templates/ver2022/fonts/noto-serif-jp/noto-serif-jp-v19-latin_japanese-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/assets/templates/ver2022/fonts/noto-serif-jp/noto-serif-jp-v19-latin_japanese-500.woff') format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* noto-serif-jp-600 - latin_japanese */
@font-face {
  font-family: 'Noto Serif Dummy JP';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local(''), url('/assets/templates/ver2022/fonts/noto-serif-jp/noto-serif-jp-v19-latin_japanese-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/assets/templates/ver2022/fonts/noto-serif-jp/noto-serif-jp-v19-latin_japanese-600.woff') format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* noto-serif-jp-700 - latin_japanese */
@font-face {
  font-family: 'Noto Serif Dummy JP';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local(''), url('/assets/templates/ver2022/fonts/noto-serif-jp/noto-serif-jp-v19-latin_japanese-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/assets/templates/ver2022/fonts/noto-serif-jp/noto-serif-jp-v19-latin_japanese-700.woff') format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* noto-serif-jp-900 - latin_japanese */
@font-face {
  font-family: 'Noto Serif Dummy JP';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local(''), url('/assets/templates/ver2022/fonts/noto-serif-jp/noto-serif-jp-v19-latin_japanese-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/assets/templates/ver2022/fonts/noto-serif-jp/noto-serif-jp-v19-latin_japanese-900.woff') format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: "Custom Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Custom Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Custom Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Custom Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Custom Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 500;
}
@font-face {
  font-family: "Custom Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: 600;
}
/* utilities */
.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}
.icon > use {
  width: 100%;
  height: 100%;
}
.addIcon {
  display: inline-block;
  position: relative;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
  vertical-align: middle;
  margin-left: 0.25em;
  margin-right: 0.125em;
}
.addIcon > use {
  width: 100%;
  height: 100%;
}
img + svg.addIcon,
img + .filedetail {
  display: none;
}
.filedetail .addIcon {
  margin-bottom: 0.125em;
  margin-left: 0;
}
.icon-twitter {
  font-size: 32px;
  color: #1D9BF0;
}
.icon-youtube {
  font-size: 32px;
  color: #ff0000;
}
.icon-arrow-r {
  width: 1.33105469em;
}
.link a {
  display: inline-flex;
  align-items: center;
  color: #1e1e1e;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
  padding-bottom: 4px;
  border-bottom: 1px solid #1e1e1e;
}
.link.otherLink .arrow-r {
  display: inline-block;
  margin-left: 0.5em;
  margin-right: 0.125em;
}
.justify-setting-sp {
  text-align: justify;
  word-break: break-all;
  text-justify: inter-ideograph;
  text-justify: inter-character;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.justify-setting {
  text-align: justify;
  word-break: break-word;
  text-justify: inter-ideograph;
  text-justify: inter-character;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.card .filedetail {
  display: block;
  position: absolute;
  flex-shrink: 0;
  bottom: 0.5rem;
  right: 1rem;
  margin: 0;
  text-align: right;
  white-space: nowrap;
  font-size: 1.3rem;
}
.bg-gray {
  background-color: #f4f5f6;
}
.none {
  display: none;
}
.mt-big {
  margin-top: 4rem !important;
}
.mb-big {
  margin-bottom: 4rem !important;
}
.ms-big {
  margin-left: 4rem !important;
}
.me-big {
  margin-right: 4rem !important;
}
@media (min-width: 1024px) {
  .mt-big {
    margin-top: 8rem !important;
  }
  .mb-big {
    margin-bottom: 8rem !important;
  }
  .ms-big {
    margin-left: 8rem !important;
  }
  .me-big {
    margin-right: 8rem !important;
  }
}
.m-1600 {
  padding: 0 15px;
}
@media (min-width: 768px) {
  .m-1600 {
    padding: 0 max(90px,( 100% - 1600px ) / 2);
  }
  .m-1600-sub {
    padding: 0 max(45px,( 100% - 1600px ) / 2);
  }
}
#content2022 .inner-ml-1600 {
  margin-top: -2rem;
  margin-left: -15px;
  padding: 2rem 0 0 15px;
  background-color: var(--tmuBgcolor01);
}
#content2022 .inner-ml-1600 .main {
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#content2022 .inner-ml-1600 > *:first-child {
  margin-top: 1.7rem;
}
@media (min-width: 768px) {
  #content2022 .inner-ml-1600 {
    margin-top: -6rem;
    margin-left: 0;
    padding-top: 6rem;
    padding-left: max(90px, 100% - 1600px );
    padding-right: 0;
  }
  #content2022 .inner-ml-1600 > *:first-child {
    margin-top: 4rem;
  }
}
.mr-1600 {
  padding: 0 15px;
  z-index: 2;
}
@media (min-width: 768px) {
  .mr-1600 {
    padding-left: 0;
    padding-right: max(90px,( 100% - 1600px ) / 2);
  }
}
.m-2000 {
  padding: 0 15px;
}
@media (min-width: 768px) {
  .m-2000 {
    padding: 0 max(90px,( 100% - 2000px ) / 2);
  }
  .m-2000-sub {
    padding: 0 max(45px,( 100% - 2000px ) / 2);
  }
}
.m-kv {
  margin-right: -15px;
  position: relative;
  overflow: hidden;
  width: calc( 100% + 15px );
}
@media (min-width: 768px) {
  .m-kv {
    margin-right: -90px;
    width: calc( 100% + 90px );
    max-width: 1600px;
  }
}
@media (min-width: 1366px) {
  .m-kv {
    max-width: none;
    width: max(100% + 90px, 100% + ( 100vw - 1690px ) / 2);
  }
}
@media (min-width: 1870px) {
  .m-kv {
    margin-right: calc( -1 * ( 100vw - 1690px ) / 2 );
  }
}
.f-kv {
  margin-left: -15px;
  margin-right: -15px;
  position: relative;
  overflow: hidden;
  width: calc( 100% + 30px );
}
@media (min-width: 768px) {
  .f-kv {
    margin-left: -90px;
    margin-right: -90px;
    width: calc( 100% + 180px );
    max-width: 1600px;
  }
}
@media (min-width: 1366px) {
  .f-kv {
    max-width: none;
    width: max(100% + 180px, 100% + ( 100vw - 1690px ));
  }
}
@media (min-width: 1870px) {
  .f-kv {
    margin-left: calc( -1 * ( 100vw - 1690px ) / 2 );
    margin-right: calc( -1 * ( 100vw - 1690px ) / 2 );
  }
}
.opacityTo75 {
  opacity: 1;
  transition: opacity 0.75s;
}
.opacityTo75.hover {
  opacity: 0.75 !important;
  text-decoration: none !important;
}
.fadeZoom.hover {
  transform: scale(1.05) 0.75s !important;
}
.bgFadeToPC {
  color: inherit;
  transition: color 0.1s, background-color 0.75s;
}
.bgFadeToPC.active,
.bgFadeToPC.hover {
  color: white !important;
  background-color: var(--tmuKeycolor01) !important;
}
.bgFadeToPC.active img.scale,
.bgFadeToPC.hover img.scale {
  transform: scale(1.05) !important;
}
.fadeToPC {
  color: inherit;
  transition: color 0.75s;
}
.fadeToPC svg {
  transition: fill 0.75s, stroke 0.75s;
}
.fadeToPC img.scale {
  transition: transform 0.75s;
}
.fadeToPC.active,
.fadeToPC.hover {
  color: #4366b0 !important;
  text-decoration: none !important;
}
.fadeToPC.active svg,
.fadeToPC.hover svg {
  fill: #4366b0 !important;
  stroke: #4366b0 !important;
}
.fadeToPC.active img.scale,
.fadeToPC.hover img.scale {
  transform: scale(1.05) !important;
}
.fadeToKC {
  color: inherit;
  transition: color 0.75s;
}
.fadeToKC svg {
  transition: fill 0.75s, stroke 0.75s;
}
.fadeToKC img.scale {
  transition: transform 0.75s;
}
.fadeToKC.active,
.fadeToKC.hover {
  color: var(--tmuKeycolor01) !important;
  text-decoration: none !important;
}
.fadeToKC.active svg,
.fadeToKC.hover svg {
  fill: var(--tmuKeycolor01) !important;
  stroke: var(--tmuKeycolor01) !important;
}
.fadeToKC.active img.scale,
.fadeToKC.hover img.scale {
  transform: scale(1.05) !important;
}
.fadeIn {
  animation: fadeIn 0.3s ease-in 0s forwards;
}
.fadeOut {
  animation: fadeOut 0.3s ease-in 0s forwards;
  animation-fill-mode: forwards;
}
.sans {
  font-feature-settings: 'pkna';
  font-family: YakuHanJPs_Narrow, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Custom Yu Gothic", "Yu Gothic Medium", "Yu Gothic", Meiryo, "Noto Sans JP", sans-serif;
}
.jp-300 {
  font-feature-settings: 'pkna';
  font-family: YakuHanJPs_Narrow, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Custom Yu Gothic", "Yu Gothic Medium", "Yu Gothic", Meiryo, "Noto Sans JP", sans-serif;
  font-weight: 300;
}
.jp-500 {
  font-feature-settings: 'pkna';
  font-family: YakuHanJPs_Narrow, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Custom Yu Gothic", "Yu Gothic Medium", "Yu Gothic", Meiryo, "Noto Sans JP", sans-serif;
  font-weight: 500;
}
.jp-600 {
  font-feature-settings: 'pkna';
  font-family: YakuHanJPs_Narrow, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Custom Yu Gothic", "Yu Gothic Medium", "Yu Gothic", Meiryo, "Noto Sans JP", sans-serif;
  font-weight: 600;
}
.min-600 {
  font-family: YakuHanJPs_Narrow, 'Noto Serif JP', "Hiragino Mincho ProN", YuMincho, "Yu Mincho", "serif";
  font-weight: 600;
}
.en-pt {
  font-family: 'PT Serif', serif;
  font-weight: 400;
}
/*.ratio {
  > img.hmode {
    width: auto;
    height: 100%;
    top:0;
    left: 50%;
    transform: translateX(-50%);
    -webkit- transform: translateX(-50%);
  }
}*/
.ratio img {
  object-fit: cover;
}
.ratio-3x2 {
  --bs-aspect-ratio: calc(2 / 3 * 100%);
}
@media (min-width: 576px) {
  .ratio-sm-3x2 {
    --bs-aspect-ratio: calc(2 / 3 * 100%);
  }
}
@media (min-width: 768px) {
  .ratio-md-3x2 {
    --bs-aspect-ratio: calc(2 / 3 * 100%);
  }
}
@media (min-width: 1024px) {
  .ratio-lg-3x2 {
    --bs-aspect-ratio: calc(2 / 3 * 100%);
  }
}
.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}
@media (min-width: 576px) {
  .ratio-sm-1x1 {
    --bs-aspect-ratio: 100%;
  }
}
@media (min-width: 768px) {
  .ratio-md-1x1 {
    --bs-aspect-ratio: 100%;
  }
}
@media (min-width: 1024px) {
  .ratio-lg-1x1 {
    --bs-aspect-ratio: 100%;
  }
}
.ratio-A4paper {
  --bs-aspect-ratio: calc(1.41421356 / 1 * 100%);
}
@media (min-width: 576px) {
  .ratio-sm-A4paper {
    --bs-aspect-ratio: calc(1.41421356 / 1 * 100%);
  }
}
@media (min-width: 768px) {
  .ratio-md-A4paper {
    --bs-aspect-ratio: calc(1.41421356 / 1 * 100%);
  }
}
@media (min-width: 1024px) {
  .ratio-lg-A4paper {
    --bs-aspect-ratio: calc(1.41421356 / 1 * 100%);
  }
}
a.popup-image {
  display: inline-block;
}
/* 2015 compatibility  */
.justifyleft {
  text-align: left;
}
.justifyright {
  text-align: right;
}
.wrapclear {
  clear: both;
}
.wrapkeep {
  clear: none;
}
.nowrap {
  white-space: nowrap;
}
#content2022 .justifyleft {
  text-align: left;
}
#content2022 .justifyright {
  text-align: right;
}
#content2022 .wrapclear {
  clear: both;
}
#content2022 .wrapkeep {
  clear: none;
}
#content2022 .nowrap {
  white-space: nowrap;
}
#content2022 .youtube_16_9 {
  position: relative;
  width: 100%;
  --bs-aspect-ratio: 56.25%;
}
#content2022 .youtube_16_9::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
#content2022 .youtube_16_9 > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#content2022 table td.valign-middle,
#content2022 table th.valign-middle {
  vertical-align: middle;
}
#content2022 table.hiddenTbl {
  width: auto !important;
  border: none !important;
  background: none !important;
  margin-left: 0;
  margin-right: auto;
}
#content2022 table.hiddenTbl td,
#content2022 table.hiddenTbl th {
  border: none !important;
  background: none !important;
  vertical-align: top;
  text-align: left;
  font-size: inherit;
}
#content2022 table.hiddenTbl td img,
#content2022 table.hiddenTbl th img {
  max-width: none !important;
}
#content2022 table.photoTbl {
  width: 100% !important;
  border: none !important;
  background: none !important;
  margin: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}
#content2022 table.photoTbl td,
#content2022 table.photoTbl th {
  border: none !important;
  background: none !important;
  vertical-align: top;
  text-align: left;
  display: block;
  font-size: 1.2rem;
  color: #979899;
}
#content2022 table.photoTbl td a.popup-image,
#content2022 table.photoTbl th a.popup-image {
  width: 100%;
}
@media (min-width: 768px) {
  #content2022 table.photoTbl:not(.hmode) tr {
    --easy-grid-width: 240px;
    display: grid;
    column-gap: 16px;
    row-gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(var(--easy-grid-width), 1fr));
  }
  #content2022 table.photoTbl:not(.hmode) tr td,
  #content2022 table.photoTbl:not(.hmode) tr th {
    overflow: hidden;
  }
  #content2022 table.photoTbl:not(.hmode) tr td img,
  #content2022 table.photoTbl:not(.hmode) tr th img {
    object-fit: cover;
    width: 100%;
    height: auto;
    margin-bottom: 0.5em;
    max-width: none !important;
  }
}
#content2022 table.photoTbl.hmode tr {
  display: flex;
  flex-wrap: wrap;
  column-gap: 12px;
  row-gap: 12px;
}
#content2022 table.photoTbl.hmode tr td,
#content2022 table.photoTbl.hmode tr th {
  overflow: hidden;
  width: 100%;
  padding: 0;
  flex-grow: 1;
}
@media (max-width: calc(576px - 0.02px)) {
  #content2022 table.photoTbl.hmode tr td img,
  #content2022 table.photoTbl.hmode tr th img {
    width: 100%;
  }
}
@media (min-width: 576px) {
  #content2022 table.photoTbl.hmode tr {
    flex-wrap: nowrap;
  }
  #content2022 table.photoTbl.hmode tr td {
    width: auto;
  }
}
#content2022 table.nopopup,
#content2022 table.nozoom {
  width: auto;
}
#content2022 .nomark {
  list-style: none !important;
  padding-left: 0 !important;
}
#content2022 .nomark::before {
  display: none !important;
}
#content2022 .accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpolygon points='16 7.25 8.75 7.25 8.75 0 7.25 0 7.25 7.25 0 7.25 0 8.75 7.25 8.75 7.25 16 8.75 16 8.75 8.75 16 8.75 16 7.25' style='fill:%231e1e1e'/%3e%3c/svg%3e");
  width: 1.6rem;
  height: 1.6rem;
  background-size: 1.6rem;
}
#content2022 .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3crect y='7.25' width='16' height='1.5' style='fill:%231e1e1e'/%3e%3crect width='16' height='16' style='fill:none'/%3e%3c/svg%3e");
}
/* select-css */
.select-css {
  display: block;
  font-size: 1.6rem;
  font-weight: 400;
  color: #1e1e1e;
  line-height: 1.3;
  padding: 1.7rem 3.6rem 1.7rem 2.2rem;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  border: 1px solid transparent;
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
  border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #f4f5f6;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTE2IDB2MTZIMFYweiIvPjxwYXRoIGQ9Ik0zLjQyOCA2LjI4NiA4IDEwLjg1N2w0LjU3MS00LjU3MSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMWUxZTFlIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMS41Ii8+PC9zdmc+");
  background-repeat: no-repeat;
  background-position: right 2rem top 50%;
  background-size: 1.6rem auto;
  z-index: 1;
  text-overflow: ellipsis;
}
@media (min-width: 1024px) {
  .select-css {
    font-size: 1.6rem;
    padding: 2rem 4rem 2rem 2.5rem;
  }
}
.select-css option {
  font-weight: normal;
  text-overflow: ellipsis;
}
.select-css::-ms-expand {
  display: none;
}
.select-css:hover {
  border-color: #888;
}
.select-css:focus {
  border-color: #aaa;
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222;
  outline: none;
}
.select-css:disabled {
  opacity: 0.5;
}
/* lazy loading blur up */
.blur-up {
  -webkit-filter: blur(5px);
  filter: blur(5px);
  transition: filter 400ms, -webkit-filter 400ms;
}
.blur-up.lazyloaded {
  -webkit-filter: blur(0);
  filter: blur(0);
}
@keyframes fadeIn {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  100% {
    display: none;
    opacity: 0;
    overflow: hidden;
    border: none;
  }
}
@keyframes swiper-circle {
  to {
    stroke-dashoffset: 0;
  }
  from {
    stroke-dashoffset: 18.8495559;
  }
}
@keyframes scaleDown {
  0% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
::-moz-selection,
::selection {
  background-color: #f4f5f6;
  color: #1e1e1e;
}
:root {
  scroll-behavior: auto;
}
a {
  text-decoration: none;
  word-wrap: break-word;
}
a .icon.arrow-r {
  width: 11px;
  display: none;
}
img {
  vertical-align: bottom;
  height: auto;
}
b,
strong {
  font-weight: 600;
}
ol,
ul {
  padding-left: 1.666667em;
}
.accordion-button:focus {
  outline: auto;
}
/* structure */
html {
  font-size: 62.5%;
  min-width: 320px;
}
body {
  margin: 0;
  padding-right: 0 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: 'pkna';
  font-family: YakuHanJPs_Narrow, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Custom Yu Gothic", "Yu Gothic Medium", "Yu Gothic", Meiryo, "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 1.6rem;
  color: #1e1e1e;
  background-color: #f4f5f6;
}
body.firstTime {
  animation: fadeIn 3s ease;
  -webkit-animation: fadeIn 3s;
}
body.withBorder #breadcrumbs > div {
  border-bottom: 1px solid #000;
}
body.withoutBorder #breadcrumbs > div {
  border-bottom: none !important;
}
@media (min-width: 1024px) {
  body.withScrollSpy #content2022 .inner-ml-1600 {
    display: flex;
  }
}
body.withScrollSpy #content2022 .inner-ml-1600 > .main {
  margin: 1.7rem 0 0;
}
@media (min-width: 768px) {
  body.withScrollSpy #content2022 .inner-ml-1600 > .main {
    margin-top: 4rem;
  }
}
@media (min-width: 1024px) {
  body.withScrollSpy #content2022 .inner-ml-1600 > .main {
    width: calc( 100% - 286px );
  }
}
#wrapper {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto auto 1fr auto;
  grid-auto-flow: column;
  width: 100%;
  min-height: 100vh;
  padding: 0;
  margin: 0;
}
#contentSkip a {
  position: absolute;
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
}
#contentSkip a:focus,
#contentSkip a:active {
  display: block;
  width: 15em;
  height: auto;
  top: 5px;
  left: 5px;
  clip: auto;
  z-index: 1000;
  font-size: 1.8rem;
  padding: 5px;
  background-color: #FFF;
  border: #CCC solid 1px;
  text-align: center;
}
#strut {
  grid-column: 1 / 3;
  grid-row: 1 / 2;
  height: 60px;
  box-shadow: 0 1px 5px rgba(34, 34, 34, 0.15);
  background-color: white;
  z-index: 1049;
  position: sticky;
  top: 0;
}
#logo {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 1;
  margin-left: 8px;
}
#logo a {
  padding: 8px;
}
#logo a img {
  width: auto;
  height: 40px;
}
#kvMenu,
#subMenu {
  list-style: none;
  margin: 0;
  padding: 0 10px 0 0;
  width: 100%;
  max-width: 370px;
}
#kvMenu > li,
#subMenu > li {
  position: relative;
  width: 100%;
}
#kvMenu > li::after,
#subMenu > li::after {
  content: "";
  position: absolute;
  top: 10px;
  bottom: 10px;
  right: 0;
  width: 1px;
  background-color: #e3e4e5;
}
#kvMenu > li > *,
#subMenu > li > * {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  padding: 0;
  border: none;
  color: #1e1e1e;
  background-color: white;
}
#kvMenu > li > * > svg,
#subMenu > li > * > svg {
  max-width: 20px;
  max-height: 20px;
  width: 100%;
  height: 100%;
  fill: #1e1e1e;
  stroke: #1e1e1e;
}
#kvMenu > li > * > span,
#subMenu > li > * > span {
  margin-top: 6px;
  font-size: 1rem;
  line-height: 1;
  white-space: nowrap;
}
#kvMenu {
  max-width: none;
  padding: 0;
  box-shadow: 0px -1px 5px rgba(34, 34, 34, 0.15);
  z-index: 1;
}
#kvMenu > li:last-child::after {
  content: none;
}
#menuBtn {
  background-color: white;
  width: 60px;
  height: 60px;
}
#menuBtn > button {
  width: 100%;
  height: 100%;
  border: none;
  padding: 0;
  background-color: transparent;
}
#menuBtn > button .bar,
#menuBtn > button .bar span {
  display: inline-block;
  transition: all 0.4s;
  box-sizing: border-box;
}
#menuBtn > button .bar {
  position: relative;
  width: 30px;
  height: 8px;
  background: none;
  border: none;
  appearance: none;
  cursor: pointer;
}
#menuBtn > button .bar span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #1e1e1e;
  border-radius: 1px;
}
#menuBtn > button .bar span:nth-of-type(1) {
  top: 0;
}
#menuBtn > button .bar span:nth-of-type(2) {
  width: 20px;
  bottom: 0;
}
#menuBtn > button.hover .bar span {
  background-color: #4366b0;
}
#menuBtn > button.hover .bar span:nth-of-type(2) {
  width: 30px;
}
#menuBtn > button:not(.collapsed) .bar span:nth-of-type(1) {
  top: 0;
  transform: translateY(3px) rotate(-150deg);
}
#menuBtn > button:not(.collapsed) .bar span:nth-of-type(2) {
  top: 0;
  width: 30px;
  transform: translateY(3px) rotate(150deg);
}
#topContent {
  grid-column: 1 / 3;
  grid-row: 2 / 3;
  height: fit-content;
}
#breadcrumbs {
  height: 70px;
  font-size: 1.2rem;
  line-height: 1.2;
  color: #777;
  background: white;
}
#breadcrumbs .icon-sm-arrow-r {
  width: 0.66666666em;
  height: 0.66666666em;
  margin: 0 1.125em;
}
#breadcrumbs a {
  color: #1e1e1e;
}
#breadcrumbs > div {
  border-bottom: 1px solid white;
  overflow: hidden;
}
#breadcrumbs > div .crumb {
  white-space: nowrap;
  overflow: hidden;
  flex-shrink: 0;
  text-overflow: ellipsis;
}
#breadcrumbs > div .crumb:last-of-type {
  flex-shrink: 1;
}
#breadcrumbs > div .icon {
  flex-shrink: 0;
  flex-grow: 0;
}
#breadcrumbs .nonlink {
  display: none;
}
#keyvisual {
  position: relative;
  height: 340px;
}
#keyvisual > .bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: -1;
}
@media (min-width: 1366px) {
  #keyvisual > .bg {
    background-position: center 20%;
  }
}
#keyvisual.top {
  height: calc(100vh - 180px);
}
#keyvisual .title {
  font-family: YakuHanJPs_Narrow, 'Noto Serif JP', "Hiragino Mincho ProN", YuMincho, "Yu Mincho", "serif";
  font-weight: 600;
  font-family: 'PT Serif', "serif", serif;
  font-weight: 400;
  width: 78.666667%;
  max-width: 460px;
  background-color: white;
  padding: 0.5rem;
  align-self: center;
  margin-bottom: 2rem;
  z-index: 1;
  line-break: strict;
}
#keyvisual .title.nobtm {
  margin-bottom: 0;
}
#keyvisual .title > .wrap {
  width: 100%;
  height: 100%;
  border: 1px solid #1e1e1e;
  padding: 1.8rem;
}
#keyvisual .title > .wrap h2 {
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  margin: 0 auto;
  padding-bottom: 0.8rem;
  position: relative;
}
#keyvisual .title > .wrap h2::after {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  display: block;
  width: 22.614%;
  max-width: 80px;
  height: 3px;
  background-color: var(--tmuKeycolor01);
}
#keyvisual .title > .wrap h2 span {
  white-space: nowrap;
}
#keyvisual .title > .wrap .desc {
  width: auto;
  margin: 1.8rem auto 0;
  font-size: 1.3rem;
  line-height: 1.5;
  text-align: center;
  overflow: hidden;
}
@supports (-webkit-line-clamp: 3) {
  #keyvisual .title > .wrap .desc {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    box-orient: vertical;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
}
#keyvisual .title > .wrap .desc br {
  display: none;
}
#content2022 {
  grid-column: 1 / 3;
  grid-row: auto / 5;
  width: 100%;
  margin: 0 auto;
}
#footer {
  grid-column: 1 / 3;
  grid-row: 5 / 6;
  margin-top: auto;
  height: fit-content;
  z-index: 1;
  background-color: #f4f5f6;
}
#footerTop {
  padding: 4.5rem 0;
}
#footerTop .logo > img {
  width: 196px;
  height: auto;
}
#footerTopMenu {
  column-count: 1;
  column-gap: 0;
  list-style: none;
  padding: 0;
  margin: 4.5rem 0 0;
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: calc(50% - .75rem) calc(50% - .75rem);
  grid-template-rows: repeat(4, auto);
  grid-gap: 1.3rem 1.5rem;
}
#footerTopMenu li {
  break-inside: avoid;
}
#footerTopMenu li a {
  color: #222;
  font-size: 1.5rem;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  display: inline-block;
}
#targetMenu {
  list-style: none;
  column-count: 2;
  column-gap: 1.5rem;
  padding: 0;
  margin: 4.1rem 0 -3px;
}
#targetMenu li {
  break-inside: avoid;
  line-height: 1.75;
}
#targetMenu li a {
  color: #222;
  font-size: 1.2rem;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
}
#footerBtm {
  padding: 4.5rem 0;
  border-top: 2px solid #fff;
  display: grid;
  grid-template-columns: 50% 50%;
}
#footerBtmMenu {
  grid-column: 1 / 3;
  grid-row: 1 / 2;
  list-style: none;
  column-count: 2;
  column-gap: 1.5rem;
  padding: 0;
  margin: -4px 0 3rem;
  font-feature-settings: 'palt' 1;
}
#footerBtmMenu li {
  display: block;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  line-height: 1.75;
}
#footerBtmMenu li a {
  color: #222;
  font-size: 1.2rem;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
}
#footerCopyright {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
  margin: auto 0;
  color: #AAAFB6;
  font-size: 1rem;
  line-height: 1.3;
}
#globalMenu .snsLink,
#snsLink {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  padding: 0 0 0 0.75rem;
}
#globalMenu .snsLink > span,
#snsLink > span {
  font-size: 1.1rem;
  display: block;
  width: 100%;
  max-width: 77px;
  min-width: 54px;
  padding-right: 6px;
  text-align: left;
  white-space: nowrap;
}
#globalMenu .snsLink ul,
#snsLink ul {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
  list-style: none;
  min-width: 76px;
  max-width: 87px;
  margin: 0;
  padding: 0;
}
#globalMenu .snsLink ul li,
#snsLink ul li {
  display: block;
}
#globalMenu .snsLink ul li a,
#snsLink ul li a {
  display: flex;
  width: 36px;
  height: 36px;
  background-color: white;
  border: 0px solid white;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}
#globalMenu .snsLink ul li a svg,
#snsLink ul li a svg {
  width: 12px;
  fill: #000;
}
#globalMenu .snsLink ul li a .icon-youtube,
#snsLink ul li a .icon-youtube {
  width: 18px;
  fill: #222;
}
#globalMenu .snsLink ul li a .outer,
#snsLink ul li a .outer,
#globalMenu .snsLink ul li a .addIcon,
#snsLink ul li a .addIcon {
  display: none;
}
#toTop {
  font-family: 'PT Serif';
  font-style: italic;
  font-size: 1.2rem;
  margin-top: 45px;
  margin-bottom: 1.4rem;
}
#toTop > a {
  padding: 0.5em 0.25em 0.2rem;
  border-bottom: 1px solid #1e1e1e;
  color: #1e1e1e !important;
  text-decoration: none !important;
  line-height: 1;
}
#ctgMenu {
  width: 256px;
  height: auto;
  margin-top: 4rem;
}
#ctgMenu > #menuWrap {
  margin: 0;
  list-style: none;
}
#ctgMenu > #menuWrap ul {
  margin: 0;
  padding: 0;
}
#ctgMenu > #menuWrap li {
  margin: 0;
  padding: 0;
}
#ctgMenu > #menuWrap li::before {
  display: none;
}
#ctgMenu > #menuWrap button {
  content: "";
  border: none;
  background-color: transparent;
}
#ctgMenu > #menuWrap button::after {
  flex-shrink: 0;
  width: 1.2rem;
  height: 1.2rem;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3crect y='7.25' width='16' height='1.5' style='fill:%231e1e1e'/%3e%3crect width='16' height='16' style='fill:none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.2rem;
  transition: transform 0.2s ease-in-out;
}
#ctgMenu > #menuWrap button.collapsed::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpolygon points='16 7.25 8.75 7.25 8.75 0 7.25 0 7.25 7.25 0 7.25 0 8.75 7.25 8.75 7.25 16 8.75 16 8.75 8.75 16 8.75 16 7.25' style='fill:%231e1e1e'/%3e%3c/svg%3e");
  transform: rotate(-180deg);
}
#ctgMenu > #menuWrap .box {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
#ctgMenu > #menuWrap .box > a {
  flex-grow: 1;
}
#ctgMenu > #menuWrap .box > .opener {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 38px;
  padding: 0 18px;
}
#ctgMenu > #menuWrap .level1 > .box {
  background-color: #4366b0;
}
#ctgMenu > #menuWrap .level1 > .box > .notA,
#ctgMenu > #menuWrap .level1 > .box > a {
  font-family: YakuHanJPs_Narrow, 'Noto Serif JP', "Hiragino Mincho ProN", YuMincho, "Yu Mincho", "serif";
  font-weight: 600;
  font-family: 'PT Serif', "serif", serif;
  font-weight: 400;
  font-size: 2rem;
  color: white;
  padding: 1.8rem 2rem;
  background-color: #4366b0;
}
#ctgMenu > #menuWrap .level1 > .box .opener {
  display: none;
}
#ctgMenu > #menuWrap .level2:not(.first) {
  border-top: 1px solid #ffffff;
}
#ctgMenu > #menuWrap .level2 > .box {
  background-color: #6D96CE;
}
#ctgMenu > #menuWrap .level2 > .box > .notA,
#ctgMenu > #menuWrap .level2 > .box > a {
  font-family: YakuHanJPs_Narrow, 'Noto Serif JP', "Hiragino Mincho ProN", YuMincho, "Yu Mincho", "serif";
  font-weight: 600;
  font-family: 'PT Serif', "serif", serif;
  font-weight: 400;
  font-size: 1.5rem;
  color: white;
  padding: 1.7rem 2rem;
  background-color: #6D96CE;
}
#ctgMenu > #menuWrap .level2 > .box > .notA.hover,
#ctgMenu > #menuWrap .level2 > .box > a.hover {
  text-decoration: none;
}
#ctgMenu > #menuWrap .level2 > .box button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3crect y='7.25' width='16' height='1.5' style='fill:%23ffffff'/%3e%3crect width='16' height='16' style='fill:none'/%3e%3c/svg%3e");
}
#ctgMenu > #menuWrap .level2 > .box button.collapsed::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpolygon points='16 7.25 8.75 7.25 8.75 0 7.25 0 7.25 7.25 0 7.25 0 8.75 7.25 8.75 7.25 16 8.75 16 8.75 8.75 16 8.75 16 7.25' style='fill:%23ffffff'/%3e%3c/svg%3e");
}
#ctgMenu > #menuWrap .level3:not(.first) {
  border-top: 1px solid #e3e4e5;
}
#ctgMenu > #menuWrap .level3 > .box {
  background-color: #ffffff;
}
#ctgMenu > #menuWrap .level3 > .box > a {
  font-size: 1.4rem;
  color: #1e1e1e;
  padding: 1.8rem 2rem;
  background-color: #ffffff;
  transition: color 0.75s;
}
#ctgMenu > #menuWrap .level3 > .box > a.hover {
  text-decoration: none;
  color: #4366b0;
}
#ctgMenu > #menuWrap .level3.current > .box > a {
  color: #4366b0;
}
#ctgMenu > #menuWrap .level4:not(.first) > .box > a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 2rem;
  right: 2rem;
  height: 1px;
  background-color: #e3e4e5;
}
#ctgMenu > #menuWrap .level4 > .box {
  background-color: #f4f5f6;
}
#ctgMenu > #menuWrap .level4 > .box > a {
  position: relative;
  font-size: 1.3rem;
  color: #1e1e1e;
  padding: 1.9rem 2rem;
  background-color: #f4f5f6;
  transition: color 0.75s;
}
#ctgMenu > #menuWrap .level4 > .box > a.current,
#ctgMenu > #menuWrap .level4 > .box > a.hover {
  text-decoration: none;
  color: #4366b0;
}
#ctgMenu > #menuWrap .level4.current > .box > a {
  color: #4366b0;
}
#ctgMenu.news {
  margin-top: -6rem;
}
#ctgMenu.news > #menuWrap .level1 > .box {
  position: relative;
  min-height: 60px;
  align-items: center;
}
#ctgMenu.news > #menuWrap .level1 > .box > a {
  padding: 0;
  text-align: center;
}
#ctgMenu.news > #menuWrap .level1.news {
  padding: 2rem;
  background-color: white;
}
#ctgMenu.news > #menuWrap .level1.news + .news {
  margin-top: 2px;
}
#ctgMenu.news > #menuWrap .level1.news > div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}
#ctgMenu.news > #menuWrap .level1.news > div .date {
  font-size: 1.2rem;
  font-style: italic;
  color: #999;
  margin-right: 1.5rem;
}
#ctgMenu.news > #menuWrap .level1.news > div .ctgs {
  font-size: 1.2rem;
}
#ctgMenu.news > #menuWrap .level1.news > div .ctgs .ctg {
  padding: 3px 12px;
  border: 1px solid #e3e4e5;
}
#ctgMenu.news > #menuWrap .level1.news > div .ctgs .ctg:nth-of-type(n + 2) {
  display: none;
}
#ctgMenu.news > #menuWrap .level1.news > div .title {
  color: inherit;
  line-height: 1.57;
  width: 100%;
  margin-top: 1rem;
}
#ctgMenu.news > #menuWrap .level1.news > div .title > a {
  color: inherit;
}
#scrollSpy {
  width: 196px;
  margin-right: 9rem;
}
#scrollSpy > .list-group {
  padding-top: 40px;
  position: sticky;
  top: 0;
  bottom: 0;
  display: block;
  border: none;
}
#scrollSpy > .list-group > a.list-group-item {
  font-size: 1.4rem;
  color: #1e1e1e;
  position: relative;
  padding: 0;
  margin-bottom: 2rem;
  text-decoration: none;
  background-color: transparent;
  border: none;
}
#scrollSpy > .list-group > a.list-group-item.typeh5 {
  padding-left: 0.5em;
}
#scrollSpy > .list-group > a.list-group-item.typeh5::before {
  content: " ｰ ";
}
#scrollSpy > .list-group > a.list-group-item.typeh5.active {
  color: var(--tmuKeycolor01);
}
#scrollSpy > .list-group > a.list-group-item.typeh4.active {
  color: var(--tmuKeycolor01);
  padding-left: 1.8rem;
}
#scrollSpy > .list-group > a.list-group-item.typeh4.active::before {
  content: "";
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background-color: var(--tmuKeycolor01);
  top: 0.4rem;
  left: 0;
}
@media (min-width: 768px) {
  /* width side space */
  #wrapper.withBar::after {
    content: '';
    width: 8px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: auto;
    background-color: var(--tmuKeycolor01);
    /* to change ctg colors */
    grid-column: 1 / 2;
    grid-row: 1 / 5;
    z-index: 3;
  }
  #toTop {
    margin-right: -54px;
  }
  #footer #snsLink {
    grid-row: 1 / 3;
  }
  #footer #snsLink > span {
    font-size: 1.2rem;
  }
  #footer #snsLink ul {
    min-width: 88px;
    max-width: 96px;
  }
  #footer #snsLink ul li a {
    width: 40px;
    height: 40px;
  }
  #footer #snsLink ul li a svg {
    width: 16px;
  }
  #footer #snsLink ul li a .icon-youtube {
    width: 20px;
  }
  #footerBtmMenu {
    grid-column: 1 / 2;
    column-count: auto;
    margin: -0.3rem 0 0;
  }
  #footerBtmMenu li {
    display: inline-block;
    margin-bottom: 1.3rem;
    margin-right: 1.6rem;
    font-size: 1rem;
    line-height: 1.25;
  }
  #footerBtmMenu li a {
    font-size: 1.3rem;
    color: #222;
    white-space: nowrap;
  }
  #footerBtm {
    padding-top: 30px;
    grid-template-columns: auto auto;
  }
  #footerCopyright {
    font-size: 1.1rem;
  }
}
@media (min-width: 1024px) {
  #wrapper {
    grid-template-columns: calc( 100% - 90px ) 90px;
  }
  #contentSkip a:focus,
  #contentSkip a:active {
    top: 5px;
    left: auto;
    right: 5px;
  }
  #menuBtn {
    width: 90px;
    height: 90px;
  }
  #strut {
    display: block;
    position: static;
    width: 90px;
    height: auto;
    z-index: 1046;
    grid-column: 2 / 3;
    grid-row: 1 / 7;
    box-shadow: -1px 0 5px rgba(30, 30, 30, 0.1);
  }
  #strut > div {
    position: sticky;
    top: 0;
    bottom: 0;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
  }
  #logo {
    margin: 12px auto;
  }
  #logo a {
    padding: 8px;
    text-align: center;
  }
  #logo a img {
    width: 54px;
    height: auto;
  }
  #subMenu {
    padding: 0;
  }
  #subMenu > li {
    padding: 5px 0;
  }
  #subMenu > li::after {
    content: "";
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    width: auto;
    height: 1px;
    background-color: #e3e4e5;
  }
  #subMenu > li:first-child::after {
    content: none;
  }
  /*  #headerTop {
    grid-column: ~"2 / 3";
    grid-row: ~"2 / -2";
    min-width: 90px;
    height: 300px;
    box-shadow: none;
    top:90px;
    > div {
      height: 300px;
      background-color: white;

    }
  }*/
  /*  #headerBtm {
    grid-column: ~"2 / 3";
    grid-row: ~"6 / 6";
    height: auto;
    min-width: 90px;
    margin-top:auto;
    position: sticky;
    bottom:0;
    z-index: 3;
  }*/
  #topContent {
    grid-column: 1 / 2;
    grid-row: 1 / 4;
  }
  #keyvisual {
    height: 460px;
  }
  #keyvisual.top {
    height: 100vh;
  }
  #keyvisual .title {
    margin: 0 max(90px,( 100% - 1600px ) / 2);
    min-width: 500px;
    max-width: 800px;
    width: auto;
    margin-bottom: 6rem;
  }
  #keyvisual .title > .wrap {
    padding: 4rem 3.2rem;
  }
  #keyvisual .title > .wrap h2 {
    font-size: 4.8rem;
    font-weight: 600;
    padding-bottom: 1.2rem;
    max-width: 12em;
  }
  #keyvisual .title > .wrap h2::after {
    width: 80px;
  }
  #keyvisual .title > .wrap .desc {
    max-width: 32em;
    margin: 2.5rem auto 0;
    font-size: 1.4rem;
  }
  #keyvisual .title > .wrap .desc br {
    display: inline;
  }
  #content2022 {
    grid-column: 1 / 2;
    grid-row: auto / 5;
  }
  #footer {
    grid-column: 1 / 2;
    grid-row: 5 / 7;
  }
  #footerTop {
    padding: 6rem 0;
  }
  #footerTop .logo {
    margin-right: clamp(4px,1%,40px);
  }
  #footerTop .logo > img {
    width: 280px;
    height: auto;
  }
  #footerTopMenu {
    margin: 2.5rem 1.6rem 0;
    max-width: 400px;
    flex-grow: 0.2;
    grid-template-columns: 1fr auto;
    grid-gap: 2rem 1em;
    flex-grow: 0.35;
    flex-basis: 270px;
  }
  #footerTopMenu li a {
    font-size: 1.8rem;
  }
  #targetMenu {
    column-count: 1;
    column-gap: 0;
    margin-top: 1rem;
    max-width: 136px;
    width: clamp(120px, 15%, 136px);
  }
  #targetMenu li {
    width: auto;
    margin: 1.7rem 0;
    padding-right: 1em;
    font-size: 1rem;
    line-height: 1.9;
  }
  #targetMenu li a {
    color: #222;
    white-space: nowrap;
    font-size: 1.3rem;
  }
  #toTop {
    margin-top: 90px;
    margin-bottom: 25px;
  }
}
.offcanvas-backdrop {
  transition: opacity 0.75s;
}
.offcanvas-backdrop.show {
  opacity: 0.4;
}
@media (max-width: calc(1024px - 0.02px)) {
  .offcanvas-backdrop {
    display: none !important;
  }
}
.popover.subMenu {
  border: none;
  background-color: transparent;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.popover.subMenu.fade {
  max-width: 600px;
}
.popover.subMenu .popover-body {
  background-color: #4366b0;
  padding: 0;
  border-radius: 4px;
}
.popover.subMenu .popover-body .poplist-v {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
}
.popover.subMenu .popover-body .poplist-v > li {
  width: 180px;
  position: relative;
}
.popover.subMenu .popover-body .poplist-v > li a {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  color: white;
  padding: 11px 0 11px 14px;
}
.popover.subMenu .popover-body .poplist-v > li a .icon-sm-arrow-r {
  width: 7px;
  height: 7px;
  margin: 0 0.5rem 0 0;
}
.popover.subMenu .popover-body .poplist-v > li + li::before {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  top: 0;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.2);
}
.popover.subMenu .popover-body .poplist-h {
  display: flex;
  width: 80px;
  height: auto;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.popover.subMenu .popover-body .poplist-h > li {
  width: 100%;
  position: relative;
}
.popover.subMenu .popover-body .poplist-h > li a {
  display: block;
  font-size: 1.4rem;
  color: white;
  padding: 16px 0;
  text-align: center;
}
.popover.subMenu .popover-body .poplist-h > li a.current {
  font-weight: 600;
}
.popover.subMenu .popover-body .poplist-h > li + li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  bottom: 16px;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.2);
}
@media (min-width: 1024px) {
  .popover.subMenu {
    overflow: hidden;
  }
}
.popover.subMenu.bs-popover-bottom .popover-arrow {
  top: 0;
  right: 0;
}
.popover.subMenu.bs-popover-bottom .popover-arrow::before {
  top: 2px;
  border-bottom-color: #4366b0;
}
.popover.subMenu.bs-popover-bottom .popover-arrow::after {
  border-bottom-color: #4366b0;
}
.popover.subMenu.bs-popover-bottom .popover-body {
  margin-top: 6px;
}
.popover.subMenu.bs-popover-start .popover-arrow::before {
  top: 0px;
  right: 7px;
  border-bottom-color: transparent;
  border-left-color: #4366b0;
}
.popover.subMenu.bs-popover-start .popover-arrow::after {
  border-bottom-color: transparent;
  border-left-color: #4366b0;
}
.popover.subMenu.bs-popover-start .popover-body {
  margin-right: 6px;
}
.popover.subMenu.bs-popover-top .popover-arrow {
  bottom: 0;
}
.popover.subMenu.bs-popover-top .popover-arrow::before {
  top: -2px;
  bottom: 0;
  border-bottom-color: transparent;
  border-top-color: #4366b0;
}
.popover.subMenu.bs-popover-top .popover-arrow::after {
  border-bottom-color: transparent;
  border-top-color: #4366b0;
}
.popover.subMenu.bs-popover-top .popover-body {
  margin-bottom: 6px;
}
/* gcse */
.gsc-control-cse * {
  box-sizing: content-box;
}
table.gsc-search-box td.gsc-input {
  padding-right: 0 !important;
}
.gcse-searchbox,
#gcse-searchbox {
  display: block;
  padding: 16px;
}
.gcse-searchbox > div,
#gcse-searchbox > div {
  z-index: 99;
  margin: 0 auto;
  background-color: transparent;
  border-radius: 0;
}
.gcse-searchbox > div .gsc-search-button-v2,
#gcse-searchbox > div .gsc-search-button-v2 {
  padding: 10px 18px;
}
@media (min-width: 1024px) {
  .gcse-searchbox,
  #gcse-searchbox {
    margin: 0 auto;
    padding: 16px;
    width: auto;
  }
}
html.ios .popover .gcse-searchbox > div .gsc-search-button-v2,
html.android .popover .gcse-searchbox > div .gsc-search-button-v2,
html.ios .popover #gcse-searchbox > div .gsc-search-button-v2,
html.android .popover #gcse-searchbox > div .gsc-search-button-v2 {
  padding: 0 18px;
  display: inline-flex;
  height: 46px;
  align-items: center;
}
.offcanvas-fade {
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  transition: opacity 0.5s ease-in-out;
}
@media (max-width: calc(1024px - 0.02px)) {
  #globalMenu {
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
    min-height: 100dvh;
    border-bottom: none;
    background-color: #f4f5f6;
    opacity: 0;
    transition: opacity 0.75s cubic-bezier(0.06, 0.96, 0.09, 0.98);
    overflow: hidden;
  }
  #globalMenu.show {
    opacity: 1;
    transition-duration: 250ms;
  }
  #globalMenu.show #globalMenuMain > li.level1:nth-of-type(1) > .box {
    transition-delay: 0s;
  }
  #globalMenu.show #globalMenuMain > li.level1:nth-of-type(2) > .box {
    transition-delay: 25ms;
  }
  #globalMenu.show #globalMenuMain > li.level1:nth-of-type(3) > .box {
    transition-delay: 50ms;
  }
  #globalMenu.show #globalMenuMain > li.level1:nth-of-type(4) > .box {
    transition-delay: 75ms;
  }
  #globalMenu.show #globalMenuMain > li.level1:nth-of-type(5) > .box {
    transition-delay: 100ms;
  }
  #globalMenu.show #globalMenuMain > li.level1:nth-of-type(6) > .box {
    transition-delay: 125ms;
  }
  #globalMenu.show #globalMenuMain > li.level1:nth-of-type(7) > .box {
    transition-delay: 150ms;
  }
  #globalMenu.show #globalMenuMain > li.level1:nth-of-type(8) > .box {
    transition-delay: 175ms;
  }
  #globalMenu.show #globalMenuMain > li.level1:nth-of-type(9) > .box {
    transition-delay: 200ms;
  }
  #globalMenu.show #globalMenuMain > li.level1:nth-of-type(10) > .box {
    transition-delay: 225ms;
  }
  #globalMenu.show #globalMenuMain > li.level1:nth-of-type(11) > .box {
    transition-delay: 250ms;
  }
  #globalMenu.show #globalMenuMain > li.level1:nth-of-type(12) > .box {
    transition-delay: 275ms;
  }
  #globalMenu.show #globalMenuMain > li.level1 > .box {
    padding-left: 0;
  }
  #globalMenu #globalMenuWrap {
    padding-top: 60px;
    overflow-y: auto;
    width: 100%;
  }
  #globalMenu #globalMenuWrap ul {
    list-style: none;
  }
  #globalMenu #spSearchBox {
    padding: 15px;
    background-color: white;
  }
  #globalMenu #spSearchBox table.gsc-search-box,
  #globalMenu #spSearchBox form.gsc-search-box {
    margin: 0;
  }
  #globalMenu #spSearchBox .gsc-input-box {
    background-color: #f4f5f6 !important;
    border-width: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    padding-top: 6px;
    padding-bottom: 5px;
  }
  #globalMenu #spSearchBox .gsc-search-button {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: #f4f5f6 !important;
  }
  #globalMenu #spSearchBox .gsc-search-button-v2 {
    border: none;
    width: auto;
    padding: 11px 10px;
    margin: 0;
    border-radius: 0;
  }
  #globalMenu #spSearchBox .gsc-search-button-v2 svg {
    height: auto;
    width: 16px;
    fill: #1e1e1e;
  }
  #globalMenu #spSearchBox input.gsc-input {
    background-color: transparent!important;
  }
  #globalMenu #globalMenuMain {
    margin: 20px 15px 30px;
    padding: 0;
    overflow: hidden;
    position: relative;
  }
  #globalMenu #globalMenuMain li > .box {
    display: flex;
  }
  #globalMenu #globalMenuMain li > .box .opener {
    z-index: 1;
    order: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px 0 9px;
    transition: background-color 0.75s;
    background-color: transparent;
  }
  #globalMenu #globalMenuMain li > .box .opener.collapsed {
    background-color: transparent;
  }
  #globalMenu #globalMenuMain li > .box > a {
    order: 1;
  }
  #globalMenu #globalMenuMain button.opener {
    content: "";
    border: none;
    background-color: transparent;
  }
  #globalMenu #globalMenuMain button.opener::after {
    flex-shrink: 0;
    width: 1.3rem;
    height: 1.3rem;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3crect y='7.25' width='16' height='1.5' style='fill:%231e1e1e'/%3e%3crect width='16' height='16' style='fill:none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.3rem;
    transition: transform 0.2s ease-in-out;
  }
  #globalMenu #globalMenuMain button.opener.collapsed::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpolygon points='16 7.25 8.75 7.25 8.75 0 7.25 0 7.25 7.25 0 7.25 0 8.75 7.25 8.75 7.25 16 8.75 16 8.75 8.75 16 8.75 16 7.25' style='fill:%231e1e1e'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
  }
  #globalMenu #globalMenuMain > li.level1 {
    width: 100%;
    /* level2 */
  }
  #globalMenu #globalMenuMain > li.level1:nth-of-type(1) > .box {
    transition-delay: 0s;
  }
  #globalMenu #globalMenuMain > li.level1:nth-of-type(2) > .box {
    transition-delay: 50ms;
  }
  #globalMenu #globalMenuMain > li.level1:nth-of-type(3) > .box {
    transition-delay: 100ms;
  }
  #globalMenu #globalMenuMain > li.level1:nth-of-type(4) > .box {
    transition-delay: 150ms;
  }
  #globalMenu #globalMenuMain > li.level1:nth-of-type(5) > .box {
    transition-delay: 200ms;
  }
  #globalMenu #globalMenuMain > li.level1:nth-of-type(6) > .box {
    transition-delay: 250ms;
  }
  #globalMenu #globalMenuMain > li.level1:nth-of-type(7) > .box {
    transition-delay: 300ms;
  }
  #globalMenu #globalMenuMain > li.level1:nth-of-type(8) > .box {
    transition-delay: 350ms;
  }
  #globalMenu #globalMenuMain > li.level1:nth-of-type(9) > .box {
    transition-delay: 400ms;
  }
  #globalMenu #globalMenuMain > li.level1:nth-of-type(10) > .box {
    transition-delay: 450ms;
  }
  #globalMenu #globalMenuMain > li.level1:nth-of-type(11) > .box {
    transition-delay: 500ms;
  }
  #globalMenu #globalMenuMain > li.level1:nth-of-type(12) > .box {
    transition-delay: 550ms;
  }
  #globalMenu #globalMenuMain > li.level1 > .box {
    padding-left: 100%;
    transition: padding-left 0.5s;
  }
  #globalMenu #globalMenuMain > li.level1 > .box > a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 50px;
    padding: 0;
    align-items: center;
    font-size: 1.5rem;
    color: #1e1e1e;
    transition: background-color 0.75s, color 0.75s;
    background-color: #f4f5f6;
    outline-offset: -2px;
  }
  #globalMenu #globalMenuMain > li.level1 > .box > a > span {
    position: absolute;
    display: flex;
    align-items: center;
    top: 0;
    bottom: 0;
    left: 0;
    width: calc(100vw - 30px);
    padding: 15px 0 15px 15px;
    transition: background-color 0.75s;
    background-color: #f4f5f6;
  }
  #globalMenu #globalMenuMain > li.level1 > .box > a > span::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    height: 1px;
    background-color: #e3e4e5;
    transition: background-color 0.75s;
    z-index: 1;
  }
  #globalMenu #globalMenuMain > li.level1 > .box > a.hover {
    color: #4366b0;
  }
  #globalMenu #globalMenuMain > li.level1 > .box > .opener:not(.collapsed) + a > span {
    background-color: #e3e4e5;
  }
  #globalMenu #globalMenuMain > li.level1 > .box > .opener:not(.collapsed) + a > span::before {
    z-index: 2;
    background-color: #e3e4e5 !important;
  }
  #globalMenu #globalMenuMain > li.level1 > .box > .opener:not(.collapsed) + a > span::after {
    z-index: 2;
    background-color: #e3e4e5 !important;
  }
  #globalMenu #globalMenuMain > li.level1.first > .box > a > span::before {
    background-color: transparent;
  }
  #globalMenu #globalMenuMain > li.level1.current > .box > .opener,
  #globalMenu #globalMenuMain > li.level1.active > .box > .opener {
    background-color: #6D96CE;
  }
  #globalMenu #globalMenuMain > li.level1.current > .box > .opener::after,
  #globalMenu #globalMenuMain > li.level1.active > .box > .opener::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3crect y='7.25' width='16' height='1.5' style='fill:%23ffffff'/%3e%3crect width='16' height='16' style='fill:none'/%3e%3c/svg%3e");
  }
  #globalMenu #globalMenuMain > li.level1.current > .box > .opener.collapsed,
  #globalMenu #globalMenuMain > li.level1.active > .box > .opener.collapsed {
    background-color: #6D96CE;
  }
  #globalMenu #globalMenuMain > li.level1.current > .box > .opener.collapsed::after,
  #globalMenu #globalMenuMain > li.level1.active > .box > .opener.collapsed::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpolygon points='16 7.25 8.75 7.25 8.75 0 7.25 0 7.25 7.25 0 7.25 0 8.75 7.25 8.75 7.25 16 8.75 16 8.75 8.75 16 8.75 16 7.25' style='fill:%23ffffff'/%3e%3c/svg%3e");
  }
  #globalMenu #globalMenuMain > li.level1.current > .box > .opener:not(.collapsed) + a > span,
  #globalMenu #globalMenuMain > li.level1.active > .box > .opener:not(.collapsed) + a > span {
    background-color: #6D96CE;
  }
  #globalMenu #globalMenuMain > li.level1.current > .box > .opener:not(.collapsed) + a > span::before,
  #globalMenu #globalMenuMain > li.level1.active > .box > .opener:not(.collapsed) + a > span::before {
    z-index: 2;
    background-color: #6D96CE !important;
  }
  #globalMenu #globalMenuMain > li.level1.current > .box > .opener:not(.collapsed) + a > span::after,
  #globalMenu #globalMenuMain > li.level1.active > .box > .opener:not(.collapsed) + a > span::after {
    z-index: 2;
    background-color: #6D96CE !important;
  }
  #globalMenu #globalMenuMain > li.level1.current > .box > a,
  #globalMenu #globalMenuMain > li.level1.active > .box > a {
    color: white;
  }
  #globalMenu #globalMenuMain > li.level1.current > .box > a > span,
  #globalMenu #globalMenuMain > li.level1.active > .box > a > span {
    background-color: #6D96CE;
  }
  #globalMenu #globalMenuMain > li.level1.parent > .box > a::after {
    right: -45px;
  }
  #globalMenu #globalMenuMain > li.level1 > .children {
    transition: height 0.5s ease;
    background-color: #f4f5f6;
    padding: 0;
  }
  #globalMenu #globalMenuMain > li.level1 > .children > ul {
    width: 100%;
    height: auto;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #globalMenu #globalMenuMain > li.level1 > .children > ul > li {
    width: 100%;
    margin-bottom: 1px;
    /* level3 */
  }
  #globalMenu #globalMenuMain > li.level1 > .children > ul > li > .box {
    width: 100%;
    min-height: 50px;
    background-color: white;
  }
  #globalMenu #globalMenuMain > li.level1 > .children > ul > li > .box > a {
    position: relative;
    width: 100%;
    padding: 16px 15px;
    font-size: 1.4rem;
    color: #1e1e1e;
    transition: background-color 0.75s;
    background-color: transparent;
    outline-offset: -2px;
  }
  #globalMenu #globalMenuMain > li.level1 > .children > ul > li > .box > a > span {
    align-items: center;
    transition: background-color 0.75s;
  }
  #globalMenu #globalMenuMain > li.level1 > .children > ul > li > .box > a.hover {
    color: #4366b0;
  }
  #globalMenu #globalMenuMain > li.level1 > .children > ul > li.active > .box,
  #globalMenu #globalMenuMain > li.level1 > .children > ul > li.current > .box {
    background-color: #e3e4e5;
  }
  #globalMenu #globalMenuMain > li.level1 > .children > ul > li > .children {
    margin: 0;
    transition: height 0.5s ease;
    background-color: transparent;
  }
  #globalMenu #globalMenuMain > li.level1 > .children > ul > li > .children > ul {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #e3e4e5;
  }
  #globalMenu #globalMenuMain > li.level1 > .children > ul > li > .children > ul > li {
    width: 100%;
  }
  #globalMenu #globalMenuMain > li.level1 > .children > ul > li > .children > ul > li > .box {
    width: 100%;
  }
  #globalMenu #globalMenuMain > li.level1 > .children > ul > li > .children > ul > li > .box > a {
    position: relative;
    width: 100%;
    padding: 10px 15px;
    font-size: 1.4rem;
    line-height: 1.5;
    color: #1e1e1e;
    transition: background-color 0.75s;
    background-color: transparent;
    outline-offset: -2px;
  }
  #globalMenu #globalMenuMain > li.level1 > .children > ul > li > .children > ul > li > .box > a > span {
    align-items: center;
    transition: background-color 0.75s;
  }
  #globalMenu #globalMenuMain > li.level1 > .children > ul > li > .children > ul > li > .box > a.hover {
    color: #4366b0;
  }
  #globalMenu #globalMenuMain > li.level1 > .children > ul > li > .children > ul > li.active > .box > a,
  #globalMenu #globalMenuMain > li.level1 > .children > ul > li > .children > ul > li.current > .box > a {
    color: var(--tmuKeycolor01);
    font-weight: bold;
  }
  #globalMenu #globalMenuSubTarget,
  #globalMenu #globalMenuSub {
    font-size: 1.2rem;
    column-count: 2;
    padding: 0 2px;
    margin: 3rem 15px;
    padding-bottom: 2.5rem;
    border-bottom: 1px solid #e3e4e5;
  }
  #globalMenu #globalMenuSubTarget > li,
  #globalMenu #globalMenuSub > li {
    margin-bottom: 1rem;
    break-inside: avoid;
    line-height: 1.5;
  }
  #globalMenu #globalMenuSubTarget > li a,
  #globalMenu #globalMenuSub > li a {
    color: inherit;
  }
  #globalMenu #globalMenuSub {
    padding-bottom: 0;
    margin-bottom: 2rem;
    border-bottom: none;
  }
  #globalMenu #globalMenuLast {
    margin: 3rem 15px 4rem;
    padding: 0 2px;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    width: auto;
  }
  #globalMenu #globalMenuLast .language ul {
    display: flex;
    flex-wrap: nowrap;
    width: 80px;
    height: auto;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #globalMenu #globalMenuLast .language ul > li {
    width: 100%;
    position: relative;
  }
  #globalMenu #globalMenuLast .language ul > li a {
    display: block;
    font-size: 1.4rem;
    color: #1e1e1e;
    padding: 16px 0;
    text-align: center;
  }
  #globalMenu #globalMenuLast .language ul > li + li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 16px;
    bottom: 16px;
    width: 1px;
    background-color: #e3e4e5;
  }
  #globalMenu #globalMenuLast .snsLink {
    display: flex;
    align-items: center;
    grid-column: auto;
    grid-row: auto;
    margin-right: 15px;
  }
  #globalMenu #globalMenuLast .snsLink > span {
    width: auto;
    min-width: 0;
    max-width: none;
    padding-right: 21px;
  }
  #globalMenu #globalMenuLast .snsLink ul {
    min-width: 0;
    max-width: none;
    width: 87px;
    flex-grow: 0;
  }
}
@media (max-width: calc(1024px - 0.02px)) and (min-width: 576px) {
  #globalMenu #globalMenuSubTarget,
  #globalMenu #globalMenuSub {
    font-size: 1.4rem;
    column-count: 3;
  }
}
@media (min-width: 1024px) {
  #globalMenu {
    display: block;
    width: 520px;
    margin-right: 90px;
    background-color: transparent;
    border-left: none;
    overflow: auto;
  }
  #globalMenu::-webkit-scrollbar {
    width: 8px;
    cursor: pointer;
  }
  #globalMenu::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 4px;
  }
  #globalMenu::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.15);
  }
  #globalMenu::-webkit-scrollbar-track {
    background: white;
  }
  #globalMenu #globalMenuWrap {
    position: relative;
    width: 100%;
    min-height: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
  }
  #globalMenu #globalMenuMain {
    width: 260px;
    height: auto;
    padding: 33px 0 0;
    margin: 0 0 0 auto;
    list-style: none;
    background-color: white;
  }
  #globalMenu #globalMenuMain > li.level1 {
    width: 260px;
    /* level2 */
  }
  #globalMenu #globalMenuMain > li.level1 > .box {
    display: flex;
  }
  #globalMenu #globalMenuMain > li.level1 > .box > a {
    order: 1;
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 58px;
    padding: 0;
    align-items: center;
    font-size: 1.6rem;
    color: #1e1e1e;
    transition: background-color 0.75s;
    background-color: #f4f5f6;
    outline-offset: -2px;
  }
  #globalMenu #globalMenuMain > li.level1 > .box > a > span {
    position: absolute;
    display: flex;
    align-items: center;
    top: 0;
    bottom: 0;
    left: 0;
    width: 260px;
    padding: 17px 64px 17px 25px;
    transition: background-color 0.75s;
    background-color: white;
  }
  #globalMenu #globalMenuMain > li.level1 > .box > a > span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    width: auto;
    height: 1px;
    background-color: #e3e4e5;
    transition: background-color 0.75s;
    z-index: 1;
  }
  #globalMenu #globalMenuMain > li.level1 > .box > a > span::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 20px;
    right: 20px;
    width: auto;
    height: 1px;
    background-color: #e3e4e5;
    transition: background-color 0.75s;
    z-index: 1;
  }
  #globalMenu #globalMenuMain > li.level1 > .box > a.hover > span {
    background-color: #f4f5f6;
  }
  #globalMenu #globalMenuMain > li.level1 > .box > a.hover > span::before {
    z-index: 2;
    background-color: #f4f5f6 !important;
  }
  #globalMenu #globalMenuMain > li.level1 > .box > a.hover > span::after {
    z-index: 2;
    background-color: white !important;
  }
  #globalMenu #globalMenuMain > li.level1 > .box > a.hover + .opener {
    background-color: #f4f5f6;
  }
  #globalMenu #globalMenuMain > li.level1 > .box > .opener {
    order: 2;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 35px 0 16px;
    transition: background-color 0.75s;
    background-color: #f4f5f6;
  }
  #globalMenu #globalMenuMain > li.level1 > .box > .opener.collapsed {
    background-color: transparent;
  }
  #globalMenu #globalMenuMain > li.level1 > .box > .opener:not(.collapsed) + a > span {
    background-color: #f4f5f6;
  }
  #globalMenu #globalMenuMain > li.level1 > .box > .opener:not(.collapsed) + a > span::before {
    z-index: 2;
    background-color: #f4f5f6 !important;
  }
  #globalMenu #globalMenuMain > li.level1 > .box > .opener:not(.collapsed) + a > span::after {
    z-index: 2;
    background-color: white !important;
  }
  #globalMenu #globalMenuMain > li.level1.first > .box > a > span::before {
    background-color: transparent;
  }
  #globalMenu #globalMenuMain > li.level1.current > .box > a > span,
  #globalMenu #globalMenuMain > li.level1.active > .box > a > span {
    background-color: #e3e4e5;
  }
  #globalMenu #globalMenuMain > li.level1.current > .box > a > span::before,
  #globalMenu #globalMenuMain > li.level1.active > .box > a > span::before {
    z-index: 2;
    background-color: #e3e4e5 !important;
  }
  #globalMenu #globalMenuMain > li.level1.current > .box > a > span::after,
  #globalMenu #globalMenuMain > li.level1.active > .box > a > span::after {
    z-index: 2;
    background-color: white !important;
  }
  #globalMenu #globalMenuMain > li.level1.current > .box > a + .opener,
  #globalMenu #globalMenuMain > li.level1.active > .box > a + .opener {
    background-color: #e3e4e5;
  }
  #globalMenu #globalMenuMain > li.level1.parent > .box > a::after {
    right: -45px;
  }
  #globalMenu #globalMenuMain > li.level1 > .children {
    transition: width 0.35s ease;
    background-color: #f4f5f6;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 260px;
    left: auto;
    padding: 33px 0 0;
  }
  #globalMenu #globalMenuMain > li.level1 > .children > ul {
    width: 260px;
    height: 100%;
    padding: 0;
    margin: 0 0 0 auto;
    list-style: none;
  }
  #globalMenu #globalMenuMain > li.level1 > .children > ul > li {
    width: 260px;
  }
  #globalMenu #globalMenuMain > li.level1 > .children > ul > li > .children {
    display: none;
  }
  #globalMenu #globalMenuMain > li.level1 > .children > ul > li > .box {
    display: table;
    width: 100%;
    min-height: 58px;
  }
  #globalMenu #globalMenuMain > li.level1 > .children > ul > li > .box > button.opener {
    display: none;
  }
  #globalMenu #globalMenuMain > li.level1 > .children > ul > li > .box > a {
    order: 1;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 17px 25px 17px 25px;
    align-items: center;
    font-size: 1.4rem;
    color: #1e1e1e;
    transition: background-color 0.75s;
    background-color: #f4f5f6;
    outline-offset: -2px;
  }
  #globalMenu #globalMenuMain > li.level1 > .children > ul > li > .box > a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    width: auto;
    height: 1px;
    background-color: #e3e4e5;
    transition: background-color 0.75s;
    z-index: 1;
  }
  #globalMenu #globalMenuMain > li.level1 > .children > ul > li > .box > a::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 20px;
    right: 20px;
    width: auto;
    height: 1px;
    background-color: #e3e4e5;
    transition: background-color 0.75s;
    z-index: 1;
  }
  #globalMenu #globalMenuMain > li.level1 > .children > ul > li > .box > a > span {
    display: inline;
    width: 260px;
    transition: background-color 0.75s;
  }
  #globalMenu #globalMenuMain > li.level1 > .children > ul > li > .box > a.hover {
    background-color: #e3e4e5;
  }
  #globalMenu #globalMenuMain > li.level1 > .children > ul > li > .box > a.hover::after {
    background-color: #f4f5f6;
    z-index: 2;
  }
  #globalMenu #globalMenuMain > li.level1 > .children > ul > li.first > .box > a::before {
    background-color: transparent;
  }
  #globalMenu #globalMenuMain > li.level1 > .children > ul > li.current > .box > a {
    background-color: #e3e4e5;
  }
  #globalMenu #globalMenuMain > li.level1 > .children > ul > li.current > .box > a::after {
    background-color: #f4f5f6;
    z-index: 2;
  }
  #globalMenu #globalMenuMain button {
    content: "";
    border: none;
    background-color: transparent;
  }
  #globalMenu #globalMenuMain button::after {
    flex-shrink: 0;
    width: 1.3rem;
    height: 1.3rem;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3crect y='7.25' width='16' height='1.5' style='fill:%231e1e1e'/%3e%3crect width='16' height='16' style='fill:none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.3rem;
    transition: transform 0.2s ease-in-out;
  }
  #globalMenu #globalMenuMain button.collapsed::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpolygon points='16 7.25 8.75 7.25 8.75 0 7.25 0 7.25 7.25 0 7.25 0 8.75 7.25 8.75 7.25 16 8.75 16 8.75 8.75 16 8.75 16 7.25' style='fill:%231e1e1e'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
  }
  #globalMenu #globalMenuSub {
    width: 260px;
    height: auto;
    padding: 30px 20px 0 20px;
    margin: 0 0 auto auto;
    overflow: hidden;
    background-color: white;
    list-style: none;
    display: grid;
    grid-template-rows: repeat(var(--globalMenuSub-row), auto);
    grid-template-columns: auto auto;
    grid-auto-flow: column;
    grid-row-gap: 6px;
    grid-column-gap: 6px;
  }
  #globalMenu #globalMenuSub > li > a {
    display: block;
    font-feature-settings: 'palt' 1;
    font-size: 1.2rem;
    line-height: 1.5;
    white-space: nowrap;
    color: #1e1e1e;
    padding-right: 1em;
  }
  #globalMenu #globalMenuLast {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    flex-grow: 1;
    width: 260px;
    height: auto;
    padding: 30px 20px 35px 20px;
    margin: 0 0 auto auto;
    background-color: white;
  }
  #globalMenu #globalMenuLast .snsLink {
    display: flex;
    align-items: center;
  }
  #globalMenu #globalMenuLast .snsLink > span {
    width: auto;
    min-width: 0;
    max-width: none;
    padding-right: 21px;
  }
  #globalMenu #globalMenuLast .snsLink ul {
    min-width: 0;
    max-width: none;
    width: 87px;
    flex-grow: 0;
  }
  #globalMenu #globalMenuLast .snsLink ul li a {
    background-color: #f4f5f6;
    border: 0px solid #f4f5f6;
  }
}
/* CSS Document */
#content2022 {
  text-align: left;
  font-size: 1.5rem;
  line-break: strict;
  /* pagination */
  /* news events */
  /* eventCalendar */
  /* events */
  /* relatednews */
  /* Important, Urgent */
  /* font-size & margin */
}
#content2022 .wrapMain > *:last-child {
  margin-bottom: 0;
}
#content2022 a.hover {
  text-decoration: underline;
  color: #4366b0;
}
#content2022 .main {
  position: relative;
  margin-top: 4rem;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  padding: 4rem 1.5rem;
}
#content2022 .main > *:first-child {
  margin-top: 0 !important;
}
@media (min-width: 768px) {
  #content2022 .main {
    margin-left: auto;
    margin-right: auto;
    padding-left: max( 6rem, ( 100% - 1156px ) / 2 );
    padding-right: max( 6rem, ( 100% - 1156px ) / 2 );
  }
}
@media (min-width: 1024px) {
  #content2022 .main {
    width: calc( 100% - 256px );
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
@media (min-width: 1024px) {
  #content2022 .main.wide {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: max( 6rem, ( 100% - 870px ) / 2 );
    padding-right: max( 6rem, ( 100% -  870px ) / 2 );
  }
}
#content2022.news .main {
  margin-top: 0;
  padding-top: 7.4rem;
}
@media (min-width: 768px) {
  #content2022.news .main {
    margin-top: -2rem;
  }
}
@media (min-width: 1024px) {
  #content2022.news .main {
    margin-top: -6rem;
    padding-top: 9rem;
  }
}
#content2022 figure.photoleft,
#content2022 div.photoleft,
#content2022 figure.photoright,
#content2022 div.photoright,
#content2022 figure.photocenter,
#content2022 div.photocenter {
  position: relative;
  z-index: 1;
  line-height: 1.5;
  padding-top: 0.5em;
  margin-bottom: 2.2rem;
  color: #979899;
  font-size: 1.2rem;
}
#content2022 figure.photoleft span,
#content2022 div.photoleft span,
#content2022 figure.photoright span,
#content2022 div.photoright span,
#content2022 figure.photocenter span,
#content2022 div.photocenter span {
  font-size: inherit !important;
  color: inherit !important;
}
#content2022 figure.photoleft img + br,
#content2022 div.photoleft img + br,
#content2022 figure.photoright img + br,
#content2022 div.photoright img + br,
#content2022 figure.photocenter img + br,
#content2022 div.photocenter img + br,
#content2022 figure.photoleft a.popup-image + br,
#content2022 div.photoleft a.popup-image + br,
#content2022 figure.photoright a.popup-image + br,
#content2022 div.photoright a.popup-image + br,
#content2022 figure.photocenter a.popup-image + br,
#content2022 div.photocenter a.popup-image + br {
  display: none;
}
#content2022 figure.photoleft img,
#content2022 div.photoleft img,
#content2022 figure.photoright img,
#content2022 div.photoright img,
#content2022 figure.photocenter img,
#content2022 div.photocenter img {
  display: block;
  margin: 0 auto 0.6rem;
  height: auto;
}
#content2022 figure.photoleft a.popup-image,
#content2022 div.photoleft a.popup-image,
#content2022 figure.photoright a.popup-image,
#content2022 div.photoright a.popup-image,
#content2022 figure.photocenter a.popup-image,
#content2022 div.photocenter a.popup-image {
  width: 100%;
  display: inline-block;
}
@media (max-width: calc(576px - 0.02px)) {
  #content2022 figure.photoleft img,
  #content2022 div.photoleft img,
  #content2022 figure.photoright img,
  #content2022 div.photoright img,
  #content2022 figure.photocenter img,
  #content2022 div.photocenter img {
    width: 100%;
    height: auto;
  }
}
@media (min-width: 576px) {
  #content2022 figure.photoleft,
  #content2022 div.photoleft,
  #content2022 figure.photoright,
  #content2022 div.photoright,
  #content2022 figure.photocenter,
  #content2022 div.photocenter {
    margin-bottom: 3rem;
    line-height: 1.5;
    width: auto;
  }
  #content2022 figure.photoleft img,
  #content2022 div.photoleft img,
  #content2022 figure.photoright img,
  #content2022 div.photoright img,
  #content2022 figure.photocenter img,
  #content2022 div.photocenter img {
    margin-bottom: 1rem;
  }
  #content2022 figure.photoleft a.popup-image,
  #content2022 div.photoleft a.popup-image,
  #content2022 figure.photoright a.popup-image,
  #content2022 div.photoright a.popup-image,
  #content2022 figure.photocenter a.popup-image,
  #content2022 div.photocenter a.popup-image {
    width: auto;
    display: block;
  }
  #content2022 figure.photoleft figcaption,
  #content2022 div.photoleft figcaption,
  #content2022 figure.photoright figcaption,
  #content2022 div.photoright figcaption,
  #content2022 figure.photocenter figcaption,
  #content2022 div.photocenter figcaption {
    display: table-caption;
    caption-side: bottom;
  }
}
#content2022 figure.photoleft + h4,
#content2022 div.photoleft + h4,
#content2022 figure.photoright + h4,
#content2022 div.photoright + h4,
#content2022 figure.photocenter + h4,
#content2022 div.photocenter + h4,
#content2022 figure.photoleft + h5,
#content2022 div.photoleft + h5,
#content2022 figure.photoright + h5,
#content2022 div.photoright + h5,
#content2022 figure.photocenter + h5,
#content2022 div.photocenter + h5,
#content2022 figure.photoleft + h6,
#content2022 div.photoleft + h6,
#content2022 figure.photoright + h6,
#content2022 div.photoright + h6,
#content2022 figure.photocenter + h6,
#content2022 div.photocenter + h6 {
  margin-top: 4rem;
}
@media (min-width: 1024px) {
  #content2022 figure.photoleft + h4,
  #content2022 div.photoleft + h4,
  #content2022 figure.photoright + h4,
  #content2022 div.photoright + h4,
  #content2022 figure.photocenter + h4,
  #content2022 div.photocenter + h4,
  #content2022 figure.photoleft + h5,
  #content2022 div.photoleft + h5,
  #content2022 figure.photoright + h5,
  #content2022 div.photoright + h5,
  #content2022 figure.photocenter + h5,
  #content2022 div.photocenter + h5,
  #content2022 figure.photoleft + h6,
  #content2022 div.photoleft + h6,
  #content2022 figure.photoright + h6,
  #content2022 div.photoright + h6,
  #content2022 figure.photocenter + h6,
  #content2022 div.photocenter + h6 {
    margin-top: 8rem;
  }
}
@media (min-width: 576px) {
  #content2022 figure.photoleft,
  #content2022 div.photoleft {
    float: left;
    padding-right: min(4rem, (239.5px - 50%) * -1000);
    min-width: 240px;
    width: calc((240px - 50%) * 1000);
    max-width: 100%;
  }
  #content2022 figure.photoleft img,
  #content2022 div.photoleft img {
    width: 100%;
  }
  #content2022 figure.photoleft figcaption,
  #content2022 div.photoleft figcaption {
    padding-right: 4rem;
  }
}
@media (min-width: 1366px) {
  #content2022 figure.photoleft,
  #content2022 div.photoleft {
    padding-right: 4rem;
    min-width: 280px;
    width: calc((280px - 40%) * -1000);
    max-width: 360px;
  }
  #content2022 figure.photoleft img,
  #content2022 div.photoleft img {
    width: 100%;
  }
  #content2022 figure.photoleft figcaption,
  #content2022 div.photoleft figcaption {
    padding-right: 4rem;
  }
}
@media (min-width: 576px) {
  #content2022 figure.photoright,
  #content2022 div.photoright {
    float: right;
    padding-left: min(4rem, (239.5px - 50%) * -1000);
    min-width: 240px;
    width: calc((240px - 50%) * 1000);
    max-width: 100%;
  }
  #content2022 figure.photoright img,
  #content2022 div.photoright img {
    width: 100%;
  }
  #content2022 figure.photoright figcaption,
  #content2022 div.photoright figcaption {
    padding-left: 4rem;
  }
}
@media (min-width: 1366px) {
  #content2022 figure.photoright,
  #content2022 div.photoright {
    padding-left: 4rem;
    min-width: 280px;
    width: calc((280px - 40%) * -1000);
    max-width: 360px;
  }
  #content2022 figure.photoright img,
  #content2022 div.photoright img {
    width: 100%;
  }
  #content2022 figure.photoright figcaption,
  #content2022 div.photoright figcaption {
    padding-left: 4rem;
  }
}
#content2022 figure.photoright > .image + .image,
#content2022 div.photoright > .image + .image {
  margin-top: 16px;
}
#content2022 figure.photocenter,
#content2022 div.photocenter {
  padding-top: 0;
  max-width: 100%;
  width: fit-content;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
#content2022 figure.photocenter a.popup-image,
#content2022 div.photocenter a.popup-image {
  display: block;
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: calc(576px - 0.02px)) {
  #content2022 figure.photocenter img,
  #content2022 div.photocenter img {
    width: 100vw;
  }
}
@media (max-width: calc(768px - 0.02px)) {
  #content2022 figure.photocenter br:nth-of-type(n+2),
  #content2022 div.photocenter br:nth-of-type(n+2) {
    display: none;
  }
}
@media (min-width: 1024px) {
  #content2022 figure.photocenter img,
  #content2022 div.photocenter img {
    height: auto;
  }
}
@media (min-width: 576px) {
  #content2022 figure {
    display: table;
    width: 100%;
  }
}
#content2022 .boxright {
  float: right;
  margin-left: 4rem;
}
#content2022 .boxright {
  float: right;
  margin-right: 4rem;
}
#content2022 .boxcenter {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 576px) {
  #content2022 .boxcenter {
    width: auto;
  }
}
#content2022 hr {
  margin: 3.5rem 0;
}
#content2022 h3 {
  font-family: YakuHanJPs_Narrow, 'Noto Serif JP', "Hiragino Mincho ProN", YuMincho, "Yu Mincho", "serif";
  font-weight: 600;
  font-family: 'PT Serif', "serif", serif;
  font-weight: 400;
  font-size: 2.8rem;
  line-height: 1.5;
  margin: 4rem auto 1.5rem 0;
  width: 100%;
  clear: both;
}
#content2022 h3 + p.desc {
  font-family: YakuHanJPs_Narrow, 'Noto Serif JP', "Hiragino Mincho ProN", YuMincho, "Yu Mincho", "serif";
  font-weight: 600;
  font-family: 'PT Serif', "serif", serif;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #979899;
  margin: 2rem auto 0 0;
  width: 100%;
}
@media (min-width: 1024px) {
  #content2022 h3 {
    margin-top: 7rem;
    margin-bottom: 3rem;
    /* 右のマージンを可変にする
      margin-right: ~"min(100% - 754px, 256px)"; */
  }
  #content2022 h3 + p.desc {
    margin-top: 0;
    margin-bottom: 3rem;
    /* 右のマージンを可変にする
        margin-right: ~"min(100% - 754px, 256px)"; */
  }
}
@media (min-width: 1366px) {
  #content2022 h3 {
    margin-right: 256px;
  }
  #content2022 h3 + p.desc {
    margin-right: 256px;
  }
}
#content2022 .newsDate {
  margin-top: 3rem;
}
#content2022 .newsDate + h3 {
  margin-top: 1.5rem;
}
@media (min-width: 1024px) {
  #content2022 .newsDate {
    margin-top: 7rem;
  }
}
#content2022 .main h3 {
  width: auto !important;
  margin-bottom: 2rem;
  margin-right: auto;
}
#content2022 h4 {
  font-family: YakuHanJPs_Narrow, 'Noto Serif JP', "Hiragino Mincho ProN", YuMincho, "Yu Mincho", "serif";
  font-weight: 600;
  font-family: 'PT Serif', "serif", serif;
  font-weight: 400;
  font-size: 2rem;
  line-height: 1.5;
  text-align: left;
  margin: 4rem auto 2rem;
  padding-left: 1.5rem;
  border-left: 3px solid var(--tmuKeycolor01);
  clear: both;
}
#content2022 h4 + .tableWrap > table {
  margin-top: 0;
}
#content2022 h4.upperLine,
#content2022 .inner-ml-1600 h4:not(.normal) {
  position: relative;
  padding-top: 1.5rem;
  padding-left: 0;
  border-left: none;
}
#content2022 h4.upperLine::before,
#content2022 .inner-ml-1600 h4:not(.normal)::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 3.5rem;
  height: 0.3rem;
  background-color: var(--tmuKeycolor01);
}
@media (min-width: 1024px) {
  #content2022 h4.upperLine,
  #content2022 .inner-ml-1600 h4:not(.normal) {
    padding-top: 2.8rem;
  }
  #content2022 h4.upperLine::before,
  #content2022 .inner-ml-1600 h4:not(.normal)::before {
    width: 5rem;
  }
}
#content2022 .tocTile + h4,
#content2022 .tocTileWide + h4,
#content2022 .columnBoxList + h4,
#content2022 .box-link + h4 {
  margin-top: 4rem;
}
#content2022 h5 {
  font-family: YakuHanJPs_Narrow, 'Noto Serif JP', "Hiragino Mincho ProN", YuMincho, "Yu Mincho", "serif";
  font-weight: 600;
  font-family: 'PT Serif', "serif", serif;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 1.5;
  text-align: left;
  margin: 2rem auto;
  color: var(--tmuKeycolor01);
  clear: both;
}
#content2022 h5 + .tocTile,
#content2022 h5 + .tocTileWide,
#content2022 h5 + .columnBoxList,
#content2022 h5 + .box-link,
#content2022 h5 + blockquote {
  margin-top: 2rem;
}
#content2022 h5 + .tableWrap > table {
  margin-top: 0;
}
#content2022 h6 {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: left;
  margin: 2rem auto 1.5rem;
}
#content2022 h6 + .tocTile,
#content2022 h6 + .tocTileWide,
#content2022 h6 + .columnBoxList,
#content2022 h6 + .box-link,
#content2022 h6 + blockquote {
  margin-top: 2rem;
}
#content2022 h6 + .tableWrap > table {
  margin-top: 0;
}
#content2022 p {
  margin: 1.5rem 0;
  line-height: 2;
  text-align: justify;
  word-break: break-all;
  text-justify: inter-ideograph;
  text-justify: inter-character;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
@media (min-width: 375px) {
  #content2022 p {
    text-align: justify;
    word-break: break-word;
    text-justify: inter-ideograph;
    text-justify: inter-character;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
}
#content2022 p.notice {
  padding: 1em;
  text-indent: -1em;
}
#content2022 ol:not(.normal),
#content2022 ul:not(.normal) {
  margin: 1.5rem auto;
  line-height: 1.5;
  padding-left: 0;
  list-style: none;
}
#content2022 ol:not(.normal) ol,
#content2022 ul:not(.normal) ol,
#content2022 ol:not(.normal) ul,
#content2022 ul:not(.normal) ul {
  margin: 0.66666667em auto 0;
}
#content2022 ol:not(.normal) > li,
#content2022 ul:not(.normal) > li {
  position: relative;
  padding-left: 1.66666667em;
  margin-top: 0.66666667em;
}
#content2022 ol:not(.normal) > li:first-child,
#content2022 ul:not(.normal) > li:first-child {
  margin-top: 0;
}
#content2022 ol:not(.normal) > li:not(.normal) h3,
#content2022 ul:not(.normal) > li:not(.normal) h3,
#content2022 ol:not(.normal) > li:not(.normal) h4,
#content2022 ul:not(.normal) > li:not(.normal) h4,
#content2022 ol:not(.normal) > li:not(.normal) h5,
#content2022 ul:not(.normal) > li:not(.normal) h5,
#content2022 ol:not(.normal) > li:not(.normal) h6,
#content2022 ul:not(.normal) > li:not(.normal) h6,
#content2022 ol:not(.normal) > li:not(.normal) p,
#content2022 ul:not(.normal) > li:not(.normal) p {
  margin: 0 !important;
}
#content2022 ul:not(.normal) > li::before {
  content: "";
  position: absolute;
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--tmuKeycolor01);
  top: 0.6em;
  left: 0.73333333em;
}
#content2022 ul:not(.normal).square > li::before {
  border-radius: 0;
  width: 0.6rem;
  height: 0.6rem;
}
#content2022 ul:not(.normal).toclist.large > li {
  padding-left: 0;
  margin-top: 1.5em;
}
#content2022 ul:not(.normal).toclist.large > li::before {
  content: none;
  /*            border-radius: 0;
            width: 1rem;
            height: 1rem;
            top: 0.65em;
            left: 0.73333333em;*/
}
#content2022 ul:not(.normal).toclist.large > li > a {
  font-family: YakuHanJPs_Narrow, 'Noto Serif JP', "Hiragino Mincho ProN", YuMincho, "Yu Mincho", "serif";
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 2;
  text-align: left;
}
#content2022 ul:not(.normal).toclist.large > li .toctxt {
  line-height: 2;
}
@media (min-width: 1024px) {
  #content2022 ul:not(.normal).toclist.large > li::before {
    width: 1.5rem;
    height: 1.5rem;
    top: 0.75em;
    left: 0.25em;
  }
  #content2022 ul:not(.normal).toclist.large > li > a {
    font-size: 2.4rem;
  }
}
#content2022 ol:not(.normal) {
  counter-reset: number;
}
#content2022 ol:not(.normal) > li::before {
  content: counter(number);
  counter-increment: number;
  display: inline-block;
  width: 1.66666667em;
  font-weight: 600;
  color: var(--tmuKeycolor01);
  white-space: nowrap;
  text-align: right;
  padding-right: 0.46666667em;
  margin-left: -1.66666667em;
}
#content2022 ol:not(.normal).alphabetlist {
  counter-reset: number;
}
#content2022 ol:not(.normal).alphabetlist > li::before {
  content: "(" counter(number, lower-alpha) ")";
}
#content2022 ol:not(.normal).alphabetlistUp {
  counter-reset: number;
}
#content2022 ol:not(.normal).alphabetlistUp > li::before {
  content: "(" counter(number, upper-alpha) ")";
}
#content2022 ol:not(.normal).alphabet {
  counter-reset: number;
}
#content2022 ol:not(.normal).alphabet > li::before {
  content: counter(number, lower-alpha) ".";
}
#content2022 ol:not(.normal).alphabetUp {
  counter-reset: number;
}
#content2022 ol:not(.normal).alphabetUp > li::before {
  content: counter(number, upper-alpha) ".";
}
#content2022 ol:not(.normal).knumlist {
  counter-reset: number;
}
#content2022 ol:not(.normal).knumlist > li::before {
  content: "(" counter(number) ")";
}
#content2022 ol:not(.normal).marunumlist {
  counter-reset: number;
}
#content2022 ol:not(.normal).marunumlist > li::before {
  color: #1e1e1e;
}
#content2022 ol:not(.normal).marunumlist > li:nth-child(1):before {
  content: "\2460";
}
#content2022 ol:not(.normal).marunumlist > li:nth-child(2):before {
  content: "\2461";
}
#content2022 ol:not(.normal).marunumlist > li:nth-child(3):before {
  content: "\2462";
}
#content2022 ol:not(.normal).marunumlist > li:nth-child(4):before {
  content: "\2463";
}
#content2022 ol:not(.normal).marunumlist > li:nth-child(5):before {
  content: "\2464";
}
#content2022 ol:not(.normal).marunumlist > li:nth-child(6):before {
  content: "\2465";
}
#content2022 ol:not(.normal).marunumlist > li:nth-child(7):before {
  content: "\2466";
}
#content2022 ol:not(.normal).marunumlist > li:nth-child(8):before {
  content: "\2467";
}
#content2022 ol:not(.normal).marunumlist > li:nth-child(9):before {
  content: "\2468";
}
#content2022 ol:not(.normal).marunumlist > li:nth-child(10):before {
  content: "\2469";
}
#content2022 ol:not(.normal).marunumlist > li:nth-child(11):before {
  content: "\2470";
}
#content2022 ol:not(.normal).marunumlist > li:nth-child(12):before {
  content: "\2471";
}
#content2022 ol:not(.normal).marunumlist > li:nth-child(13):before {
  content: "\2472";
}
#content2022 ol:not(.normal).marunumlist > li:nth-child(14):before {
  content: "\2473";
}
#content2022 ol:not(.normal).marunumlist > li:nth-child(15):before {
  content: "\2474";
}
#content2022 ol:not(.normal).marunumlist > li:nth-child(16):before {
  content: "\2475";
}
#content2022 ol:not(.normal).marunumlist > li:nth-child(17):before {
  content: "\2476";
}
#content2022 ol:not(.normal).marunumlist > li:nth-child(18):before {
  content: "\2477";
}
#content2022 ol:not(.normal).marunumlist > li:nth-child(19):before {
  content: "\2478";
}
#content2022 ol:not(.normal).marunumlist > li:nth-child(20):before {
  content: "\2479";
}
#content2022 ol:not(.normal).lower-roman {
  counter-reset: number;
}
#content2022 ol:not(.normal).lower-roman > li::before {
  content: counter(number, lower-roman);
}
#content2022 ol:not(.normal).upper-roman {
  counter-reset: number;
}
#content2022 ol:not(.normal).upper-roman > li::before {
  content: counter(number, upper-roman);
}
#content2022 ul.notes {
  margin-top: 1.5rem;
}
#content2022 ul.notes > li::before {
  content: "※";
  position: absolute;
  left: 0.5em;
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 0;
  background-color: transparent;
  top: 0;
}
#content2022 table:not(.normal) {
  width: 100%;
  margin: 4rem auto 4rem 0;
  border-collapse: collapse;
  border-style: hidden;
}
#content2022 table:not(.normal) th,
#content2022 table:not(.normal) td {
  font-size: 1.3rem;
  line-height: 1.5;
  background-color: #f4f5f6;
  padding: 1em;
  border: 2px solid white;
  vertical-align: top;
  text-align: left;
}
#content2022 table:not(.normal) th *:first-child,
#content2022 table:not(.normal) td *:first-child {
  margin-top: 0;
}
#content2022 table:not(.normal) th *:last-child,
#content2022 table:not(.normal) td *:last-child {
  margin-bottom: 0;
}
#content2022 table:not(.normal) th ul,
#content2022 table:not(.normal) td ul,
#content2022 table:not(.normal) th ol,
#content2022 table:not(.normal) td ol {
  list-style: none !important;
  margin: 0 !important;
}
#content2022 table:not(.normal) th > ul,
#content2022 table:not(.normal) td > ul {
  margin-left: -0.5em;
}
#content2022 table:not(.normal) th.valign-middle,
#content2022 table:not(.normal) td.valign-middle {
  vertical-align: middle;
}
#content2022 table:not(.normal) thead td {
  background-color: transparent;
}
#content2022 table:not(.normal) thead th {
  font-weight: 600;
  background-color: #e1e4e6;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}
#content2022 table:not(.normal) tbody th {
  background-color: #eceeef;
}
#content2022 table:not(.normal) tfoot td,
#content2022 table:not(.normal) tfoot th {
  background-color: #D2D6D9;
}
#content2022 table:not(.normal) .transparent {
  border: none !important;
  background-color: transparent;
  padding: 0.5rem 0;
}
#content2022 .tableWrap {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  max-width: 1314px;
  width: 100%;
  height: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  margin: 0 auto 0 0;
}
@media (hover: none) and (pointer: coarse) {
  #content2022 .tableWrap {
    scrollbar-width: none;
  }
  #content2022 .tableWrap::-webkit-scrollbar {
    display: none;
  }
}
#content2022 .tableWrap > .grid-table,
#content2022 .tableWrap > table {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  min-width: 737px;
  max-width: 1314px;
}
@media (min-width: 1024px) {
  #content2022 .tableWrap > .grid-table,
  #content2022 .tableWrap > table {
    min-width: 0;
  }
}
#content2022 .tableWrap + .tableWrap > table {
  margin-top: 0;
}
#content2022 h3 + .tableWrap,
#content2022 h4 + .tableWrap,
#content2022 h5 + .tableWrap,
#content2022 h6 + .tableWrap,
#content2022 h3 + table,
#content2022 h4 + table,
#content2022 h5 + table,
#content2022 h6 + table,
#content2022 h3 + blockquote,
#content2022 h4 + blockquote,
#content2022 h5 + blockquote,
#content2022 h6 + blockquote {
  margin-top: 2rem;
}
#content2022 ul.orgTree {
  list-style: none;
  padding: 0;
  margin: 0;
}
#content2022 ul.orgTree ul {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
}
#content2022 ul.orgTree ul > li::before {
  position: absolute;
  content: "";
  border-left: 1px solid #e3e4e5;
  left: 10px;
  height: 100%;
}
#content2022 ul.orgTree ul > li:last-child::before {
  content: none;
}
#content2022 ul.orgTree ul > li:last-child > .box {
  position: relative;
}
#content2022 ul.orgTree ul > li:last-child > .box::before {
  position: absolute;
  content: "";
  border-left: 1px solid #e3e4e5;
  top: 0;
  left: 10px;
  height: 20px;
}
#content2022 ul.orgTree .box {
  display: inline-block;
  width: clamp(140px, 50% + 20px, 340px );
  padding-top: 10px;
  padding-left: 20px;
  min-width: 120px;
}
#content2022 ul.orgTree .box .notA,
#content2022 ul.orgTree .box a {
  display: block;
  position: relative;
  text-align: center;
  padding: 1em 0.5em;
  font-size: 1.3rem;
  line-height: 1.5;
  color: #1e1e1e;
  border: 1px solid #e3e4e5;
  width: 100%;
  height: 100%;
  background-color: white;
}
#content2022 ul.orgTree .box .notA::before,
#content2022 ul.orgTree .box a::before {
  position: absolute;
  content: "";
  border-left: 1px solid #e3e4e5;
  border-bottom: 1px solid #e3e4e5;
  left: -11px;
  width: 10px;
  top: -1px;
  height: 50%;
}
#content2022 ul.orgTree .box a {
  background-color: #f4f5f6;
}
#content2022 ul.orgTree .box a .icon.arrow-r {
  display: inline-block;
  margin-left: 0.5em;
}
#content2022 ul.orgTree li {
  position: relative;
}
#content2022 ul.orgTree li.level1 > .box {
  padding-top: 0;
  padding-left: 0;
}
#content2022 ul.orgTree li.level1 > .box .notA::before,
#content2022 ul.orgTree li.level1 > .box a::before {
  display: none;
}
#content2022 ul.orgTree li.level2 > ul {
  margin-left: 20px;
}
#content2022 ul.orgTree li.level2.divider > .box .notA,
#content2022 ul.orgTree li.level2.divider > .box a {
  padding: 5px 0;
  background: none;
  border: none;
  width: auto;
  text-align: left;
}
#content2022 ul.orgTree li.level3 {
  display: flex;
  align-items: flex-start;
}
#content2022 ul.orgTree li.level3 > .box {
  padding-top: 20px;
}
#content2022 ul.orgTree li.level3 > ul {
  width: clamp(140px, 50% + 20px, 340px );
  margin-top: 10px;
  margin-left: 0;
}
#content2022 ul.orgTree li.level3 > ul .box {
  width: 100%;
}
#content2022 ul.orgTree li.level4.first::before {
  top: calc( 50% + 4px );
}
#content2022 ul.orgTree li.level4.first.last > .box::before {
  display: none;
}
#content2022 ul.orgTree li.level4.first .notA::before,
#content2022 ul.orgTree li.level4.first a::before {
  left: -21px;
  width: 21px;
  border-left: none;
}
#content2022 ul.orgTree li.divider .box {
  flex-grow: 1;
  max-width: 680px;
  padding-top: 30px !important;
}
#content2022 ul.orgTree li.divider .box .notA,
#content2022 ul.orgTree li.divider .box a {
  background-color: #e3e4e5;
}
#content2022 ul.orgTree li.divider .box .notA::before,
#content2022 ul.orgTree li.divider .box a::before {
  display: none;
}
@media (min-width: 1366px) {
  #content2022 ul.orgTree ul > li::before {
    left: 30px;
  }
  #content2022 ul.orgTree ul > li:last-child > .box::before {
    left: 30px;
  }
  #content2022 ul.orgTree .box {
    padding-left: 60px;
  }
  #content2022 ul.orgTree .box .notA,
  #content2022 ul.orgTree .box a {
    padding: 1.3em 0.5em;
    font-size: 1.4rem;
  }
  #content2022 ul.orgTree .box .notA::before,
  #content2022 ul.orgTree .box a::before {
    left: -31px;
    width: 30px;
  }
  #content2022 ul.orgTree li.level2 > ul {
    margin-left: 60px;
  }
  #content2022 ul.orgTree li.level3 > .box {
    padding-top: 20px;
  }
  #content2022 ul.orgTree li.level4.first .notA::before,
  #content2022 ul.orgTree li.level4.first a::before {
    left: -61px;
    width: 61px;
    border-left: none;
  }
}
#content2022 .grid-table {
  display: grid;
  width: auto;
  grid-auto-columns: auto;
  grid-auto-rows: auto;
  border-top: 1px solid #e3e4e5;
  border-left: 1px solid #e3e4e5;
  margin: 4rem auto 4rem;
}
#content2022 .grid-table > .grid-table-row {
  display: contents;
}
#content2022 .grid-table > .grid-table-row > .head {
  max-width: 15em;
}
#content2022 .grid-table > .grid-table-row > * {
  font-size: 1.3rem;
  line-height: 1.5;
  text-align: left;
  border-right: 1px solid #e3e4e5;
  border-bottom: 1px solid #e3e4e5;
  background-color: white;
  padding: 1em 1em;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
@media (min-width: 1024px) {
  #content2022 .grid-table > .grid-table-row > * {
    font-size: 1.4rem;
  }
}
#content2022 .grid-table > .grid-table-row.head > * {
  flex-wrap: nowrap;
  align-items: center;
  background-color: #f4f5f6;
  font-weight: 600;
  justify-content: center;
}
#content2022 .grid-table.study_style {
  grid-template-columns: auto 1fr 1fr 1fr 1fr auto;
  font-size: 1.3rem;
}
@media (min-width: 1024px) {
  #content2022 .grid-table.study_style {
    font-size: 1.4rem;
  }
}
#content2022 .grid-table.study_style button.info {
  display: inline-block;
  border-radius: 30px;
  border: none;
  padding: 0;
  width: 14px;
  height: 14px;
  margin-left: 0.5em;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xNCA3YTcgNyAwIDEgMS03LTcgNyA3IDAgMCAxIDcgNyIgZmlsbD0iIzFlMWUxZSIvPjxwYXRoIGQ9Ik03LjgxNiAyLjM1MmEuOTMuOTMgMCAwIDAtLjY4My4yODIuOTQzLjk0MyAwIDAgMC0uMjc1LjY4NS45NjMuOTYzIDAgMSAwIDEuNjQtLjY4NS45MTUuOTE1IDAgMCAwLS42ODItLjI4MlptLjM4NCAzLjFjLS44NjUuMTI1LTEuNzI5LjE4OS0yLjU5NC4zMDZsLS4wOS4zODdoLjIzOGEuNDkxLjQ5MSAwIDAgMSAuMzQxLjExMi4zMzYuMzM2IDAgMCAxIC4xMjYuMjU2IDEuOTU4IDEuOTU4IDAgMCAxLS4xMzEuNTI5bC0uOTEzIDMuMTQxYTIuMjA2IDIuMjA2IDAgMCAwLS4xMTEuNjE3LjgxOS44MTkgMCAwIDAgLjI0OC42MTEgMS45NTEgMS45NTEgMCAwIDAgLjk5MS4yMzcgMy4xNTggMy4xNTggMCAwIDAgMi42MzMtMS41NWwtLjUzMS0uMzFhMy4xNjkgMy4xNjkgMCAwIDEtMSAuODcuOTA4LjkwOCAwIDAgMS0uNDU0LjEwOS4xNzUuMTc1IDAgMCAxLS4xMjYtLjA1OS4yLjIgMCAwIDEtLjA1OC0uMTM3IDIuNTczIDIuNTczIDAgMCAxIC4xMTEtLjUyNloiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
  background-size: contain;
}
#content2022 .grid-table.study_style .bar {
  padding: 0.5em 0;
  background-color: #4366B0;
  margin: auto 0.5rem;
  min-height: 20px;
}
@media (min-width: 1024px) {
  #content2022 .grid-table.study_style .bar {
    margin: auto 1rem;
  }
}
#content2022 .grid-table.study_style .bar .dummy {
  padding: 0 1.5rem;
}
@media (min-width: 1024px) {
  #content2022 .grid-table.study_style .bar .dummy {
    padding: 0 2rem;
  }
}
#content2022 .grid-table.study_style .w-bar {
  position: relative;
  background-color: white;
  margin: auto 2rem;
  text-align: center;
  padding: 0.25em 1em;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  line-height: 1.2;
}
@media (min-width: 1024px) {
  #content2022 .grid-table.study_style .w-bar {
    font-size: 1.2rem;
  }
}
#content2022 .grid-table.study_style .v-bar {
  background-color: #f4f5f6;
  display: flex;
  justify-items: center;
  align-items: center;
  text-align: center;
  writing-mode: vertical-rl;
  text-orientation: upright;
  margin: 2rem 0.5rem;
}
@media (min-width: 1024px) {
  #content2022 .grid-table.study_style .v-bar {
    margin: 1.7rem 1rem;
  }
}
#content2022 .grid-table.study_style .v-bar > span {
  margin: auto;
}
#content2022 .easy-grid {
  --easy-grid-width: 240px;
  display: grid;
  column-gap: 16px;
  row-gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(var(--easy-grid-width), 1fr));
}
#content2022 .easy-grid > .image {
  overflow: hidden;
  color: #979899;
  font-size: 1.2rem;
}
#content2022 .easy-grid > .image img {
  width: 100%;
  object-fit: cover;
}
#content2022 section.columnBlock,
#content2022 div.columnBlock,
#content2022 blockquote {
  margin: 4rem auto 3rem;
  background-color: var(--tmuKeycolor01s);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 20%;
  padding: 2rem;
}
#content2022 section.columnBlock > *:first-child,
#content2022 div.columnBlock > *:first-child,
#content2022 blockquote > *:first-child {
  margin-top: 0;
}
#content2022 section.columnBlock > *:last-child,
#content2022 div.columnBlock > *:last-child,
#content2022 blockquote > *:last-child {
  margin-bottom: 0;
}
#content2022 section.columnBlock + blockquote,
#content2022 div.columnBlock + blockquote,
#content2022 blockquote + blockquote {
  margin-top: 3rem;
}
#content2022 section.columnBlock h3,
#content2022 div.columnBlock h3,
#content2022 blockquote h3 {
  font-size: 2.2rem;
}
#content2022 section.columnBlock h4,
#content2022 div.columnBlock h4,
#content2022 blockquote h4 {
  font-size: 1.8rem;
}
#content2022 section.columnBlock h5,
#content2022 div.columnBlock h5,
#content2022 blockquote h5 {
  font-size: 1.6rem;
}
#content2022 section.columnBlock h6,
#content2022 div.columnBlock h6,
#content2022 blockquote h6 {
  font-size: 1.5rem;
}
#content2022 section.columnBlock ol:not(.normal),
#content2022 div.columnBlock ol:not(.normal),
#content2022 blockquote ol:not(.normal),
#content2022 section.columnBlock ul:not(.normal),
#content2022 div.columnBlock ul:not(.normal),
#content2022 blockquote ul:not(.normal),
#content2022 section.columnBlock p,
#content2022 div.columnBlock p,
#content2022 blockquote p {
  font-size: 1.4rem;
  line-height: 2;
}
#content2022 section.columnBlock.upHeader,
#content2022 div.columnBlock.upHeader,
#content2022 blockquote.upHeader {
  position: relative;
  margin-top: 5.5rem;
}
#content2022 section.columnBlock.upHeader > h4:first-child,
#content2022 div.columnBlock.upHeader > h4:first-child,
#content2022 blockquote.upHeader > h4:first-child,
#content2022 section.columnBlock.upHeader > h5:first-child,
#content2022 div.columnBlock.upHeader > h5:first-child,
#content2022 blockquote.upHeader > h5:first-child,
#content2022 section.columnBlock.upHeader > h6:first-child,
#content2022 div.columnBlock.upHeader > h6:first-child,
#content2022 blockquote.upHeader > h6:first-child {
  position: absolute;
  display: inline-block;
  font-size: 1.5rem;
  font-feature-settings: 'pkna';
  font-family: YakuHanJPs_Narrow, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Custom Yu Gothic", "Yu Gothic Medium", "Yu Gothic", Meiryo, "Noto Sans JP", sans-serif;
  font-family: inherit;
  font-weight: 600;
  padding: 0.4rem 1rem;
  margin: 0;
  background-color: white;
  border: none;
  border-top: 2px solid var(--tmuKeycolor01);
  top: 0;
  left: 1rem;
  transform: translate(0, -50%);
}
#content2022 section.columnBlock.upHeader > h4:first-child + *,
#content2022 div.columnBlock.upHeader > h4:first-child + *,
#content2022 blockquote.upHeader > h4:first-child + *,
#content2022 section.columnBlock.upHeader > h5:first-child + *,
#content2022 div.columnBlock.upHeader > h5:first-child + *,
#content2022 blockquote.upHeader > h5:first-child + *,
#content2022 section.columnBlock.upHeader > h6:first-child + *,
#content2022 div.columnBlock.upHeader > h6:first-child + *,
#content2022 blockquote.upHeader > h6:first-child + * {
  margin-top: 1rem;
}
#content2022 section.columnBlock.withBG,
#content2022 div.columnBlock.withBG,
#content2022 blockquote.withBG {
  color: white;
  position: relative;
  overflow: hidden;
}
#content2022 section.columnBlock.withBG > *:nth-last-child(2),
#content2022 div.columnBlock.withBG > *:nth-last-child(2),
#content2022 blockquote.withBG > *:nth-last-child(2) {
  margin-bottom: 0 !important;
}
#content2022 section.columnBlock.withBG > h4,
#content2022 div.columnBlock.withBG > h4,
#content2022 blockquote.withBG > h4 {
  border-color: white;
}
#content2022 section.columnBlock.withBG h5,
#content2022 div.columnBlock.withBG h5,
#content2022 blockquote.withBG h5 {
  color: white;
}
#content2022 section.columnBlock.withBG::before,
#content2022 div.columnBlock.withBG::before,
#content2022 blockquote.withBG::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #1e1e1e;
  opacity: 0.5;
  z-index: -1;
}
#content2022 section.columnBlock.withBG ul.columnBoxList,
#content2022 div.columnBlock.withBG ul.columnBoxList,
#content2022 blockquote.withBG ul.columnBoxList {
  width: auto;
  margin: 2.7rem 0 0 auto;
}
#content2022 section.columnBlock.withBG ul.columnBoxList > li,
#content2022 div.columnBlock.withBG ul.columnBoxList > li,
#content2022 blockquote.withBG ul.columnBoxList > li {
  margin-left: auto;
}
#content2022 section.columnBlock.withBG ul.columnBoxList > li > a,
#content2022 div.columnBlock.withBG ul.columnBoxList > li > a,
#content2022 blockquote.withBG ul.columnBoxList > li > a {
  background: none;
  border-color: white;
  color: white;
}
#content2022 .moreBlock {
  max-height: var(--moreBlock-height);
  overflow: hidden;
  transition: max-height 0.75s ease-in;
}
#content2022 .moreBlock.close {
  max-height: 333px !important;
}
@media (min-width: 1024px) {
  #content2022 .moreBlock.close {
    max-height: 278px !important;
  }
}
#content2022 .buttonMoreWrap {
  width: 100%;
  padding-top: 8rem;
  margin-top: -8rem;
  background: linear-gradient(0deg, #ffffff 60%, rgba(255, 255, 255, 0) 100%);
  z-index: 2;
  position: relative;
  transition: opacity 0.75s ease-in, height 0.75s ease-in, margin-top 0.75s ease-in, padding 0.75s ease-in;
}
#content2022 .buttonMoreWrap.hide {
  opacity: 0;
  height: 0;
  margin-top: 0;
  padding-top: 0;
  overflow: hidden;
}
#content2022 button.more {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  width: 100%;
  border: none;
  background-color: #e3e4e5;
  font-size: 1.3rem;
  line-height: 1.6rem;
  padding: 1.5rem;
}
#content2022 button.more::after {
  display: inline-block;
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  margin-left: 0.4rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTE2IDB2MTZIMFYweiIvPjxwYXRoIGQ9Ik0zLjQyOCA2LjI4NiA4IDEwLjg1N2w0LjU3MS00LjU3MSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMWUxZTFlIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMS41Ii8+PC9zdmc+");
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 1024px) {
  #content2022 button.more {
    font-size: 1.4rem;
  }
}
#content2022 .link {
  max-width: 100%;
}
#content2022 .link a {
  display: inline-flex;
  align-items: center;
  color: #1e1e1e;
  line-height: 1;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  padding-bottom: 4px;
  border-bottom: 1px solid #1e1e1e;
}
#content2022 .link.otherLink .arrow-r {
  display: inline-block;
  margin-left: 0.5em;
  margin-right: 0.125em;
}
#content2022 .textLinkWrap {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
  column-gap: 2rem;
  margin-top: 2.8rem;
}
@media (min-width: 1024px) {
  #content2022 .textLinkWrap {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
#content2022 .anchorList {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 2rem;
  row-gap: 2rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
#content2022 .anchorList > li {
  margin: 0;
}
#content2022 .anchorList > li a {
  display: inline-flex;
  align-items: center;
  color: #1e1e1e;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
}
#content2022 .anchorList > li a > span {
  padding: 0 2px 4px;
  border-bottom: 1px solid #1e1e1e;
}
#content2022 .anchorList > li a .icon-circleDown {
  width: 2rem;
  height: 2rem;
  margin-left: 5px;
}
@media (min-width: 1024px) {
  #content2022 .anchorList {
    column-gap: 4rem;
  }
}
#content2022 div.box-link > a,
#content2022 button.box-link,
#content2022 a.box-link {
  display: flex;
  width: max-content;
  height: auto;
  max-width: 100%;
  align-items: center;
  font-size: 1.3rem;
  font-weight: 600;
  text-align: left;
  padding: 1.2rem 1.5rem;
  border: 1px solid #e3e4e5;
  color: var(--tmuKeycolor01);
  background-color: #f4f5f6;
}
#content2022 div.box-link > a .filedetail,
#content2022 button.box-link .filedetail,
#content2022 a.box-link .filedetail {
  order: 1;
  white-space: nowrap;
  flex-shrink: 0;
}
#content2022 div.box-link > a .addIcon.icon-link,
#content2022 button.box-link .addIcon.icon-link,
#content2022 a.box-link .addIcon.icon-link,
#content2022 div.box-link > a .icon.arrow-r,
#content2022 button.box-link .icon.arrow-r,
#content2022 a.box-link .icon.arrow-r {
  display: inline-block;
  order: 2;
  margin-left: 1em;
  width: 11px;
  height: 11px;
  flex-shrink: 0;
}
#content2022 div.box-link > a .addIcon.icon-link,
#content2022 button.box-link .addIcon.icon-link,
#content2022 a.box-link .addIcon.icon-link {
  width: 1em;
  height: 1em;
}
#content2022 div.box-link > a.hover,
#content2022 button.box-link.hover,
#content2022 a.box-link.hover {
  text-decoration: none !important;
}
@media (min-width: 1024px) {
  #content2022 div.box-link > a,
  #content2022 button.box-link,
  #content2022 a.box-link {
    font-size: 1.4rem;
    padding: 1.2rem 2rem;
  }
  #content2022 div.box-link > a .addIcon.icon-link,
  #content2022 button.box-link .addIcon.icon-link,
  #content2022 a.box-link .addIcon.icon-link,
  #content2022 div.box-link > a .icon.arrow-r,
  #content2022 button.box-link .icon.arrow-r,
  #content2022 a.box-link .icon.arrow-r {
    margin-left: 1.5em;
  }
}
#content2022 div.box-link {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 1.5rem auto;
  column-gap: 1rem;
  row-gap: 1rem;
}
#content2022 div.box-link.pageback {
  clear: both;
  margin-top: 3rem;
}
#content2022 div.box-link.pageback > button {
  color: #1e1e1e;
  background-color: transparent;
  border: none;
  font-weight: normal;
  padding: 0;
  border-bottom: 1px solid #1e1e1e;
}
#content2022 div.box-link.pageback > button .arrow-r {
  order: 0;
  transform: rotate(-180deg);
  margin: 0 1.4rem 0 0;
}
@media (min-width: 1024px) {
  #content2022 div.box-link {
    column-gap: 2rem;
    row-gap: 2rem;
  }
  #content2022 div.box-link.pageback {
    margin-top: 6rem;
  }
}
#content2022 p + .box-link {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
#content2022 button.reset {
  display: flex;
  margin: 0 0 0 auto;
  align-items: center;
  color: #1e1e1e;
  font-size: 1.4rem;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
  padding-bottom: 4px;
  border: none;
  border-bottom: 1px solid #1e1e1e;
  background-color: transparent;
}
#content2022 button.reset .icon-xcross {
  fill: #1e1e1e;
  margin-left: 4px;
  width: 1.2rem;
  height: 1.2rem;
}
#content2022 div.columnBox {
  margin-top: 5.5rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  column-gap: 1.6rem;
  row-gap: 1.6rem;
}
#content2022 div.columnBox > div {
  min-width: calc( 50% - .8rem );
  width: calc((590px - 100%) * 1000);
  max-width: 100%;
  background-color: var(--tmuKeycolor01s);
  padding: 3rem;
  font-size: 1.4rem;
  flex-grow: 1;
}
#content2022 div.columnBox > div > *:first-child {
  margin-top: 0 !important;
}
#content2022 div.columnBox > div > *:last-child {
  margin-bottom: 0 !important;
}
#content2022 div.columnBox > div > * {
  margin: 0 auto auto 1.5rem;
}
#content2022 div.columnBox > div > p {
  margin-left: 0;
}
#content2022 div.columnBox > div h5 {
  margin: 1.5rem 0;
}
#content2022 div.columnBox > div h6 {
  font-size: inherit;
  margin-top: 1.5rem;
  margin-left: 0;
}
#content2022 div.columnBox > div ul {
  margin: 1.5rem auto;
}
#content2022 div.columnBox > div.keywords ul {
  margin-top: -0.5rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: start;
  list-style: none;
}
#content2022 div.columnBox > div.keywords ul li {
  background-color: white;
  margin: 0.5rem 0.5rem 0 0;
  padding: 0;
  display: block;
  padding: 0.2rem 1rem;
  color: #1e1e1e;
  /*            a {
            display: block;
            padding: .2rem 1rem;
            color:@tmuBlack;
            }*/
  /*&:nth-of-type(n+11) {
              display: none;
            }*/
}
#content2022 div.columnBox > div.keywords ul li::before {
  display: none;
}
#content2022 div.columnBox > div.keywords ul li *::last-child {
  margin-right: 0;
}
#content2022 .toclistAlt {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 1.3rem;
  grid-row-gap: 1.3rem;
  margin-top: 0.8rem;
}
#content2022 .toclistAlt .card {
  position: relative;
  width: 100%;
  border-radius: 0;
  overflow: hidden;
}
#content2022 .toclistAlt .card a {
  display: block;
  overflow: hidden;
  flex-wrap: nowrap;
  width: 100%;
  height: 100%;
  flex-direction: row;
  align-items: center;
  padding: 1rem;
  color: #1e1e1e;
}
#content2022 .toclistAlt .card a .card-body {
  padding: 1.1rem 0;
}
#content2022 .toclistAlt .card a .card-body h5 {
  font-family: YakuHanJPs_Narrow, 'Noto Serif JP', "Hiragino Mincho ProN", YuMincho, "Yu Mincho", "serif";
  font-weight: 600;
  font-family: 'PT Serif', "serif", serif;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.5;
  color: inherit;
  margin: 0;
}
#content2022 .toclistAlt .card a .card-body .text,
#content2022 .toclistAlt .card a .card-body .manaberuList,
#content2022 .toclistAlt .card a .card-body .interestList {
  font-size: 1.4rem;
  line-height: 1.5;
  color: inherit;
  margin: 1rem 0 0 0;
}
#content2022 .toclistAlt .card a .card-body .text.hide,
#content2022 .toclistAlt .card a .card-body .manaberuList.hide,
#content2022 .toclistAlt .card a .card-body .interestList.hide {
  display: none;
}
#content2022 .toclistAlt .card a .card-body .text {
  display: none;
}
#content2022 .toclistAlt .card a .card-body .manaberuList li,
#content2022 .toclistAlt .card a .card-body .interestList li {
  display: none;
  padding: 0;
  margin: 0;
}
#content2022 .toclistAlt .card a .card-body .manaberuList li::before,
#content2022 .toclistAlt .card a .card-body .interestList li::before {
  display: none;
}
#content2022 .toclistAlt .card a .card-body .manaberuList li.show,
#content2022 .toclistAlt .card a .card-body .interestList li.show {
  display: inline !important;
}
#content2022 .toclistAlt .card a .card-body .manaberuList li.show + .show::before,
#content2022 .toclistAlt .card a .card-body .interestList li.show + .show::before {
  content: "、";
  display: inline;
  position: static;
  width: auto;
  height: auto;
  border: none;
  background: none;
}
#content2022 .toclistAlt .card svg.arrow-r {
  display: block;
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}
@media (min-width: 1024px) {
  #content2022 .toclistAlt {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 3.2rem;
    grid-row-gap: 3rem;
    margin-top: 4.8rem;
  }
  #content2022 .toclistAlt .card a {
    padding: 1.5rem;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
  }
  #content2022 .toclistAlt .card a .card-img {
    width: 165px;
    flex-shrink: 0;
    margin-bottom: auto;
  }
  #content2022 .toclistAlt .card a .card-body {
    padding: 0 0 0 2.5rem;
  }
  #content2022 .toclistAlt .card a .card-body h5 {
    font-family: YakuHanJPs_Narrow, 'Noto Serif JP', "Hiragino Mincho ProN", YuMincho, "Yu Mincho", "serif";
    font-weight: 600;
    font-family: 'PT Serif', "serif", serif;
    font-weight: 400;
    font-size: 2rem;
  }
  #content2022 .toclistAlt .card a .card-body .text,
  #content2022 .toclistAlt .card a .card-body .manaberuList,
  #content2022 .toclistAlt .card a .card-body .interestList {
    margin: 1rem 0 0 0;
  }
  #content2022 .toclistAlt .card a .card-body .text {
    display: block;
  }
  #content2022 .toclistAlt .card a svg.arrow-r {
    bottom: 0.8rem;
    right: 1.2rem;
  }
}
@media (min-width: 1600px) {
  #content2022 .toclistAlt {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
#content2022 ul.columnBoxList {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 1.5rem auto;
  column-gap: 1rem;
  row-gap: 1rem;
  min-width: 1px;
}
#content2022 ul.columnBoxList > li {
  margin: 0;
  padding: 0;
  max-width: 100%;
}
#content2022 ul.columnBoxList > li::before {
  display: none;
}
#content2022 ul.columnBoxList > li > .dummy_a,
#content2022 ul.columnBoxList > li > a,
#content2022 ul.columnBoxList > li > button {
  display: flex;
  width: max-content;
  max-width: 100%;
  height: 100%;
  align-items: center;
  font-size: 1.3rem;
  font-weight: 600;
  color: #1e1e1e;
  text-align: left;
  padding: 1.2rem 1.5rem;
  border: 1px solid #e3e4e5;
  background-color: white;
}
#content2022 ul.columnBoxList > li > .dummy_a .filedetail,
#content2022 ul.columnBoxList > li > a .filedetail,
#content2022 ul.columnBoxList > li > button .filedetail {
  order: 1;
  white-space: nowrap;
  flex-shrink: 0;
}
#content2022 ul.columnBoxList > li > .dummy_a .addIcon.icon-link,
#content2022 ul.columnBoxList > li > a .addIcon.icon-link,
#content2022 ul.columnBoxList > li > button .addIcon.icon-link,
#content2022 ul.columnBoxList > li > .dummy_a .icon.arrow-r,
#content2022 ul.columnBoxList > li > a .icon.arrow-r,
#content2022 ul.columnBoxList > li > button .icon.arrow-r {
  display: inline-block;
  order: 2;
  margin-left: 1em;
  width: 11px;
  height: 11px;
  flex-shrink: 0;
}
#content2022 ul.columnBoxList > li > .dummy_a .addIcon.icon-link,
#content2022 ul.columnBoxList > li > a .addIcon.icon-link,
#content2022 ul.columnBoxList > li > button .addIcon.icon-link {
  width: 1em;
  height: 1em;
}
#content2022 ul.columnBoxList > li > .dummy_a.hover,
#content2022 ul.columnBoxList > li > a.hover,
#content2022 ul.columnBoxList > li > button.hover {
  text-decoration: none !important;
}
#content2022 ul.columnBoxList.withBK > li > .dummy_a,
#content2022 ul.columnBoxList.withBK > li > a,
#content2022 ul.columnBoxList.withBK > li > button {
  color: var(--tmuKeycolor01);
  background-color: #f4f5f6;
}
#content2022 ul.columnBoxList.withImg {
  display: grid;
  grid-template-columns: auto;
}
@media (min-width: 768px) {
  #content2022 ul.columnBoxList.withImg {
    grid-template-columns: repeat(auto-fill, minmax(352px, 1fr));
  }
}
#content2022 ul.columnBoxList.withImg > li {
  width: 100%;
}
#content2022 ul.columnBoxList.withImg > li > a,
#content2022 ul.columnBoxList.withImg > li > button {
  width: 100%;
  font-family: YakuHanJPs_Narrow, 'Noto Serif JP', "Hiragino Mincho ProN", YuMincho, "Yu Mincho", "serif";
  font-weight: 600;
  font-family: 'PT Serif', "serif", serif;
  font-weight: 400;
  font-size: 1.5rem;
  position: relative;
  padding: 1rem;
}
#content2022 ul.columnBoxList.withImg > li > a .wrap,
#content2022 ul.columnBoxList.withImg > li > button .wrap {
  width: 120px;
  flex-shrink: 0;
  flex-grow: 0;
}
#content2022 ul.columnBoxList.withImg > li > a img,
#content2022 ul.columnBoxList.withImg > li > button img {
  width: 120px;
  height: 100%;
  object-fit: cover;
  flex-shrink: 0;
  flex-grow: 0;
}
#content2022 ul.columnBoxList.withImg > li > a .title,
#content2022 ul.columnBoxList.withImg > li > button .title {
  padding: 0 1rem 0 2rem;
  text-align: left;
  overflow: hidden;
}
@supports (-webkit-line-clamp: 3) {
  #content2022 ul.columnBoxList.withImg > li > a .title,
  #content2022 ul.columnBoxList.withImg > li > button .title {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    box-orient: vertical;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
}
@media (min-width: 1024px) {
  #content2022 ul.columnBoxList.withImg > li > a .title,
  #content2022 ul.columnBoxList.withImg > li > button .title {
    font-size: 1.6rem;
    padding: 0 2rem 0 3rem;
  }
}
#content2022 ul.columnBoxList.withImg > li > a .icon,
#content2022 ul.columnBoxList.withImg > li > button .icon,
#content2022 ul.columnBoxList.withImg > li > a .addIcon,
#content2022 ul.columnBoxList.withImg > li > button .addIcon {
  flex-shrink: 0;
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  margin: 0;
}
#content2022 ul.columnBoxList.withImg > li > a .addIcon.icon-link,
#content2022 ul.columnBoxList.withImg > li > button .addIcon.icon-link {
  width: 1em;
  height: 1em;
}
#content2022 ul.columnBoxList.banner > li > a {
  padding: 0;
  border: none;
}
#content2022 ul.columnBoxList.banner > li > a > img {
  width: 100%;
  height: auto;
}
#content2022 ul.columnBoxList.banner > li > a .addIcon {
  display: none;
}
#content2022 ul.columnBoxList.otherLink + .otherLink {
  margin-top: 2.8rem;
}
@media (min-width: 1024px) {
  #content2022 ul.columnBoxList {
    column-gap: 2rem;
    row-gap: 2rem;
  }
  #content2022 ul.columnBoxList > li > .dummy_a,
  #content2022 ul.columnBoxList > li > a,
  #content2022 ul.columnBoxList > li > button {
    font-size: 1.4rem;
    padding: 1.2rem 2rem;
  }
  #content2022 ul.columnBoxList > li > .dummy_a .addIcon.icon-link,
  #content2022 ul.columnBoxList > li > a .addIcon.icon-link,
  #content2022 ul.columnBoxList > li > button .addIcon.icon-link,
  #content2022 ul.columnBoxList > li > .dummy_a .icon.arrow-r,
  #content2022 ul.columnBoxList > li > a .icon.arrow-r,
  #content2022 ul.columnBoxList > li > button .icon.arrow-r {
    margin-left: 1.5em;
  }
}
#content2022 ul.linklistWithArrow {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 0 auto;
  row-gap: 1.4rem;
}
#content2022 ul.linklistWithArrow > li {
  margin: 0;
  padding: 0;
  max-width: 100%;
}
#content2022 ul.linklistWithArrow > li::before {
  display: none;
}
#content2022 ul.linklistWithArrow > li > a,
#content2022 ul.linklistWithArrow > li > button {
  display: flex;
  width: max-content;
  max-width: 100%;
  height: 100%;
  align-items: center;
  font-size: 1.4rem;
  color: #1e1e1e;
  text-align: left;
  padding: 0;
  border-bottom: 1px solid #1e1e1e;
  background-color: transparent;
}
#content2022 ul.linklistWithArrow > li > a .filedetail,
#content2022 ul.linklistWithArrow > li > button .filedetail {
  order: 1;
  white-space: nowrap;
  flex-shrink: 0;
}
#content2022 ul.linklistWithArrow > li > a .addIcon.icon-link,
#content2022 ul.linklistWithArrow > li > button .addIcon.icon-link,
#content2022 ul.linklistWithArrow > li > a .icon.arrow-r,
#content2022 ul.linklistWithArrow > li > button .icon.arrow-r {
  display: inline-block;
  order: 2;
  margin-left: 1.7rem;
  width: 11px;
  height: 11px;
  flex-shrink: 0;
}
@media (min-width: 1024px) {
  #content2022 ul.linklistWithArrow {
    row-gap: 1.5rem;
  }
}
#content2022 div.QAaccordion .accordion-item {
  background-color: #f4f5f6;
  border: none;
  margin-bottom: 2px;
}
#content2022 div.QAaccordion .accordion-item .accordion-header {
  margin: 0;
  padding: 0;
}
#content2022 div.QAaccordion .accordion-item .accordion-header > .link,
#content2022 div.QAaccordion .accordion-item .accordion-header > .accordion-button {
  padding: 1.6rem 1.5rem 1.6rem 4.5rem;
  font-size: 1.5rem;
  line-height: 1.5;
  color: #1e1e1e;
  background-color: #f4f5f6;
  box-shadow: none;
  position: relative;
}
#content2022 div.QAaccordion .accordion-item .accordion-header > .link::before,
#content2022 div.QAaccordion .accordion-item .accordion-header > .accordion-button::before {
  content: "Q";
  font-feature-settings: 'pkna';
  font-family: YakuHanJPs_Narrow, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Custom Yu Gothic", "Yu Gothic Medium", "Yu Gothic", Meiryo, "Noto Sans JP", sans-serif;
  font-family: inherit;
  font-weight: 600;
  font-size: 1.8rem;
  color: var(--tmuKeycolor01);
  position: absolute;
  top: 1.4rem;
  left: 1.8rem;
}
@media (min-width: 1024px) {
  #content2022 div.QAaccordion .accordion-item .accordion-header > .link,
  #content2022 div.QAaccordion .accordion-item .accordion-header > .accordion-button {
    padding: 2.4rem 2rem 2.4rem 6rem;
    font-size: 1.6rem;
  }
  #content2022 div.QAaccordion .accordion-item .accordion-header > .link::before,
  #content2022 div.QAaccordion .accordion-item .accordion-header > .accordion-button::before {
    left: 2.4rem;
    top: 2rem;
  }
}
#content2022 div.QAaccordion .accordion-item .accordion-header > .link {
  display: block;
}
#content2022 div.QAaccordion .accordion-item .accordion-header > .link::after {
  display: none;
}
#content2022 div.QAaccordion .accordion-item .accordion-body {
  padding: 0 4.6rem 1.6rem 4.5rem;
  font-feature-settings: 'pkna';
  font-family: YakuHanJPs_Narrow, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Custom Yu Gothic", "Yu Gothic Medium", "Yu Gothic", Meiryo, "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 1.4rem;
  line-height: 2;
  color: #1e1e1e;
  background-color: #f4f5f6;
  text-align: left;
  word-break: normal;
  position: relative;
}
#content2022 div.QAaccordion .accordion-item .accordion-body > *:first-child {
  margin-top: 0;
}
#content2022 div.QAaccordion .accordion-item .accordion-body > *:last-child {
  margin-bottom: 0;
}
#content2022 div.QAaccordion .accordion-item .accordion-body ul {
  margin: 0;
}
#content2022 div.QAaccordion .accordion-item .accordion-body blockquote {
  margin: 0;
  background-color: white;
}
#content2022 div.QAaccordion .accordion-item .accordion-body::before {
  content: "A";
  font-feature-settings: 'pkna';
  font-family: YakuHanJPs_Narrow, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Custom Yu Gothic", "Yu Gothic Medium", "Yu Gothic", Meiryo, "Noto Sans JP", sans-serif;
  font-family: inherit;
  font-weight: 600;
  font-size: 1.8rem;
  color: #1e1e1e;
  position: absolute;
  top: -0.4rem;
  left: 1.8rem;
}
@media (min-width: 1024px) {
  #content2022 div.QAaccordion .accordion-item .accordion-body {
    padding: 0 6rem 2.4rem 6rem;
  }
  #content2022 div.QAaccordion .accordion-item .accordion-body::before {
    top: -0.4rem;
    left: 2.4rem;
  }
}
#content2022 .paginationWrap {
  margin: 4rem auto 0;
}
#content2022 .paginationWrap ul.pagination {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  column-gap: 8px;
  list-style: none;
  margin: 0 auto;
  padding: 0;
  max-width: 300px;
  width: 100%;
}
#content2022 .paginationWrap ul.pagination li.ahead {
  margin-left: auto;
}
#content2022 .paginationWrap ul.pagination li.forward {
  margin-right: auto;
}
#content2022 .paginationWrap ul.pagination li.forward button svg {
  transform: rotate(-180deg);
}
#content2022 .paginationWrap ul.pagination li.active > button.page-link {
  background-color: var(--tmuKeycolor01);
  color: white;
  font-weight: 600;
}
#content2022 .paginationWrap ul.pagination li > button.page-link {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 36px;
  background-color: white;
  color: #1e1e1e;
}
#content2022 .paginationWrap ul.pagination li > button.page-link:disabled {
  opacity: 0.35 !important;
}
@media (min-width: 1024px) {
  #content2022 .paginationWrap {
    margin-top: 6rem;
  }
  #content2022 .paginationWrap ul.pagination {
    max-width: 410px;
    column-gap: 10px;
  }
  #content2022 .paginationWrap ul.pagination li > button.page-link {
    width: 50px;
    height: 50px;
    border-radius: 50px;
  }
}
#content2022 #eventCalendarWrap {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  margin: -2em 0 6rem;
  background-color: white;
  padding: 3rem 1.5rem;
  position: relative;
}
#content2022 #eventCalendarWrap .title {
  font-size: 1.4rem;
  margin-right: auto;
}
#content2022 #eventCalendarWrap .prev,
#content2022 #eventCalendarWrap .next {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 50px;
  width: 36px;
  height: 36px;
  background-color: white;
  position: absolute;
  top: 19px;
  right: 15px;
}
#content2022 #eventCalendarWrap .prev span,
#content2022 #eventCalendarWrap .next span {
  display: inline-flex;
}
#content2022 #eventCalendarWrap .prev svg.arrow-r,
#content2022 #eventCalendarWrap .next svg.arrow-r {
  fill: #1e1e1e;
}
#content2022 #eventCalendarWrap .prev {
  right: 55px;
}
#content2022 #eventCalendarWrap .prev::after {
  position: absolute;
  right: -2px;
  top: 10px;
  bottom: 10px;
  content: "";
  width: 1px;
  height: auto;
  background-color: #1e1e1e;
}
#content2022 #eventCalendarWrap .prev svg.arrow-r {
  transform-origin: center center;
  transform: rotate(180deg);
}
#content2022 #eventCalendarWrap .eventCalendar {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-row-gap: 9px;
  justify-content: space-between;
  list-style: none;
  margin: 2rem 0 0;
  padding: 0;
  text-align: center;
  font-size: 1.2rem;
}
#content2022 #eventCalendarWrap .eventCalendar .weekday {
  color: #1e1e1e;
  text-align: center;
}
#content2022 #eventCalendarWrap .eventCalendar .day {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-self: center;
  align-self: center;
  border: none;
  border-radius: 25px;
  width: clamp(25px, 76%, 40px);
  height: auto;
  line-height: 1;
  --bs-aspect-ratio: 100%;
  padding: 0;
  color: #1e1e1e;
  background-color: transparent;
}
#content2022 #eventCalendarWrap .eventCalendar .day::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
#content2022 #eventCalendarWrap .eventCalendar .day.past {
  opacity: 0.75;
  font-weight: normal;
}
#content2022 #eventCalendarWrap .eventCalendar .day.event {
  background-color: #e3e4e5;
  transition: color 0.1s, background-color 0.75s;
}
#content2022 #eventCalendarWrap .eventCalendar .day.event.active,
#content2022 #eventCalendarWrap .eventCalendar .day.event.hover {
  color: white;
  background-color: var(--tmuKeycolor01);
}
#content2022 #eventCalendarWrap .eventCalendar .day:disabled {
  cursor: default;
}
#content2022 #eventCalendarWrap .eventCalendar .sun,
#content2022 #eventCalendarWrap .eventCalendar .sat,
#content2022 #eventCalendarWrap .eventCalendar .holiday {
  color: var(--tmuKeycolor01);
}
#content2022 #eventCalendarWrap .eventCalendar .first-day {
  grid-column-start: 1;
}
@media (min-width: 768px) {
  #content2022 #eventCalendarWrap {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 3rem;
  }
}
@media (min-width: 1024px) {
  #content2022 #eventCalendarWrap {
    margin-top: -6rem;
    padding: 4rem 5rem;
  }
  #content2022 #eventCalendarWrap .title {
    font-size: 1.6rem;
  }
  #content2022 #eventCalendarWrap .prev,
  #content2022 #eventCalendarWrap .next {
    width: 50px;
    height: 50px;
    left: -25px;
    right: auto;
    top: calc( 50% - 25px );
  }
  #content2022 #eventCalendarWrap .prev::after,
  #content2022 #eventCalendarWrap .next::after {
    content: none;
  }
  #content2022 #eventCalendarWrap .next {
    left: auto;
    right: -25px;
  }
  #content2022 #eventCalendarWrap .eventCalendar {
    grid-template-rows: auto repeat(6, 1fr);
    grid-row-gap: 16px;
  }
  #content2022 #eventCalendarWrap .eventCalendar .weekday {
    font-size: 1.4rem;
  }
  #content2022 #eventCalendarWrap .eventCalendar .day {
    font-size: 1.6rem;
  }
}
#content2022 .eventsListBlock {
  display: grid;
  grid-row-gap: 1rem;
  grid-template-columns: 1fr;
}
#content2022 .eventsListBlock .eventsBlock {
  border: 1px solid #e3e4e5;
  position: relative;
  display: block;
  background-color: white;
  transition-duration: 0.5s;
}
#content2022 .eventsListBlock .eventsBlock.nextMonth {
  display: none;
}
#content2022 .eventsListBlock .eventsBlock.notSelected {
  opacity: 0.4;
}
#content2022 .eventsListBlock .eventsBlock .head {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 1;
  background-color: var(--tmuKeycolor01);
  width: 5rem;
  height: 5rem;
  color: white;
}
#content2022 .eventsListBlock .eventsBlock .head .month {
  width: 100%;
  text-align: center;
  font-size: 1rem;
  line-height: 1.1;
  margin: auto auto 0;
}
#content2022 .eventsListBlock .eventsBlock .head .day {
  font-size: 1.8rem;
  margin-top: 2px;
  margin-bottom: auto;
  letter-spacing: -1px;
  padding-right: 1px;
}
#content2022 .eventsListBlock .eventsBlock .head .post {
  font-size: 1.4rem;
  margin: auto 0 auto 2px;
}
#content2022 .eventsListBlock .eventsBlock .wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
#content2022 .eventsListBlock .eventsBlock .wrap .image {
  width: 80px;
  height: 80px;
  margin: 20px 15px 20px 20px;
  flex-shrink: 0;
  flex-grow: 0;
  border-radius: 120px;
  overflow: hidden;
}
#content2022 .eventsListBlock .eventsBlock .wrap .body {
  width: 100%;
  max-width: calc( 100% - 65px );
  margin-left: auto;
  flex-grow: 1;
  padding: 18px 15px 18px 0;
}
#content2022 .eventsListBlock .eventsBlock .wrap .body .title {
  font-size: 1.4rem;
  line-height: 1.5;
  overflow: hidden;
}
@supports (-webkit-line-clamp: 3) {
  #content2022 .eventsListBlock .eventsBlock .wrap .body .title {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    box-orient: vertical;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
}
#content2022 .eventsListBlock .eventsBlock .wrap .body .title .tag {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 300;
  text-align: center;
  vertical-align: text-bottom;
  color: inherit;
  padding: 3px 5px;
  background-color: #f4f5f6;
  line-height: 1.2;
  min-width: 7em;
  margin-right: 8px;
}
#content2022 .eventsListBlock .eventsBlock .wrap .body .place {
  position: relative;
  font-size: 1.2rem;
  line-height: 1.5;
  overflow: hidden;
  margin: 1rem 0 0.5rem 0;
  padding-left: 1.8rem;
}
@supports (-webkit-line-clamp: 3) {
  #content2022 .eventsListBlock .eventsBlock .wrap .body .place {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    box-orient: vertical;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
}
#content2022 .eventsListBlock .eventsBlock .wrap .body .place::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMC42MzYgMTIuNzg3Ij48cGF0aCBkPSJNOC45OTkgMS40ODRhNS4zNDcgNS4zNDcgMCAwIDAtNy4zOTMgMGMtMi4yNDQgMi4xMzgtMi4xMzUgNS44LjMxNiA4LjI4NmwyLjc0NiAyLjc4MWMuMzUyLjM1Ni45MTguMzU2IDEuNTg3LS4zMjJsMi43LTIuNzM0YTUuNjY2IDUuNjY2IDAgMCAwIC4wNDQtOC4wMTFaTTUuMzE4IDYuODAxYTEuNSAxLjUgMCAxIDEgMS41LTEuNSAxLjUgMS41IDAgMCAxLTEuNSAxLjVaIiBmaWxsPSIjNDM2NmIwIi8+PC9zdmc+");
  width: 11px;
  height: 13px;
}
#content2022 .eventsListBlock .eventsBlock .filedetail,
#content2022 .eventsListBlock .eventsBlock .addIcon {
  position: absolute;
  bottom: 6px;
  right: 6px;
}
#content2022 .eventsListBlock .eventsBlock .filedetail {
  font-size: 1.2rem;
}
#content2022 .eventsListBlock .eventsBlock .filedetail .addIcon {
  position: static;
}
@media (min-width: 768px) {
  #content2022 .eventsListBlock .eventsBlock.nextMonth {
    display: block;
  }
}
@media (min-width: 1024px) {
  #content2022 .eventsListBlock {
    grid-gap: 2rem;
  }
  #content2022 .eventsListBlock .eventsBlock .head {
    width: 6rem;
    height: 6rem;
  }
  #content2022 .eventsListBlock .eventsBlock .head .month {
    font-size: 1.1rem;
  }
  #content2022 .eventsListBlock .eventsBlock .head .day {
    font-size: 2.2rem;
    margin-top: 2px;
  }
  #content2022 .eventsListBlock .eventsBlock .head .post {
    font-size: 1.6rem;
    margin-top: 6px;
  }
  #content2022 .eventsListBlock .eventsBlock .wrap .image {
    width: 120px;
    height: 120px;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-right: 20px;
  }
  #content2022 .eventsListBlock .eventsBlock .wrap .body {
    width: 100%;
    max-width: calc( 100% - 80px );
    padding: 20px 20px 20px 0;
  }
  #content2022 .eventsListBlock .eventsBlock .wrap .body .title {
    font-size: 1.6rem;
  }
  @supports (-webkit-line-clamp: 3) {
    #content2022 .eventsListBlock .eventsBlock .wrap .body .title {
      display: box;
      display: -webkit-box;
      display: -moz-box;
      box-orient: vertical;
      line-clamp: 3;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
    }
  }
  #content2022 .eventsListBlock .eventsBlock .wrap .body .place {
    font-size: 1.3rem;
    display: block;
  }
  @supports (-webkit-line-clamp: 4) {
    #content2022 .eventsListBlock .eventsBlock .wrap .body .place {
      display: box;
      display: -webkit-box;
      display: -moz-box;
      box-orient: vertical;
      line-clamp: 4;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4;
    }
  }
  #content2022 .eventsListBlock .eventsBlock .filedetail,
  #content2022 .eventsListBlock .eventsBlock .addIcon {
    position: absolute;
    bottom: 6px;
    right: 6px;
  }
  #content2022 .eventsListBlock .eventsBlock .filedetail {
    font-size: 1.2rem;
  }
}
@media (min-width: 1366px) {
  #content2022 .eventsListBlock {
    grid-template-columns: 1fr 1fr;
  }
}
#content2022 #urgentNews,
#content2022 #importantNews,
#content2022 .topNewsWrap,
#content2022 .relatedNewsWrap {
  margin-top: 3rem;
}
#content2022 #urgentNews .newsBlock,
#content2022 #importantNews .newsBlock,
#content2022 .topNewsWrap .newsBlock,
#content2022 .relatedNewsWrap .newsBlock {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 1.5rem;
  background-color: #f4f5f6;
}
#content2022 #urgentNews .newsBlock .head,
#content2022 #importantNews .newsBlock .head,
#content2022 .topNewsWrap .newsBlock .head,
#content2022 .relatedNewsWrap .newsBlock .head {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}
#content2022 #urgentNews .newsBlock .head *:last-child,
#content2022 #importantNews .newsBlock .head *:last-child,
#content2022 .topNewsWrap .newsBlock .head *:last-child,
#content2022 .relatedNewsWrap .newsBlock .head *:last-child {
  margin-right: 0;
}
#content2022 #urgentNews .newsBlock .head .date,
#content2022 #importantNews .newsBlock .head .date,
#content2022 .topNewsWrap .newsBlock .head .date,
#content2022 .relatedNewsWrap .newsBlock .head .date {
  display: block;
  white-space: nowrap;
  font-size: 1.2rem;
  color: #999;
  font-style: oblique;
  padding: 4px 0;
  margin-right: 1.5rem;
}
#content2022 #urgentNews .newsBlock .head .ctg,
#content2022 #importantNews .newsBlock .head .ctg,
#content2022 .topNewsWrap .newsBlock .head .ctg,
#content2022 .relatedNewsWrap .newsBlock .head .ctg {
  display: block;
  white-space: nowrap;
  background-color: white;
  font-size: 1.2rem;
  line-height: 1.2;
  min-width: 7em;
  padding: 3px 5px;
  text-align: center;
  border: 1px solid #e3e4e5;
}
#content2022 #urgentNews .newsBlock .head .ctg + .ctg,
#content2022 #importantNews .newsBlock .head .ctg + .ctg,
#content2022 .topNewsWrap .newsBlock .head .ctg + .ctg,
#content2022 .relatedNewsWrap .newsBlock .head .ctg + .ctg {
  margin-left: 3px;
}
#content2022 #urgentNews .newsBlock .body,
#content2022 #importantNews .newsBlock .body,
#content2022 .topNewsWrap .newsBlock .body,
#content2022 .relatedNewsWrap .newsBlock .body {
  margin-top: 1rem;
}
#content2022 #urgentNews .newsBlock .body .title,
#content2022 #importantNews .newsBlock .body .title,
#content2022 .topNewsWrap .newsBlock .body .title,
#content2022 .relatedNewsWrap .newsBlock .body .title {
  font-size: 1.4rem;
  line-height: 1.5;
}
#content2022 #urgentNews .newsBlock .body .title a,
#content2022 #importantNews .newsBlock .body .title a,
#content2022 .topNewsWrap .newsBlock .body .title a,
#content2022 .relatedNewsWrap .newsBlock .body .title a {
  color: inherit;
}
#content2022 #urgentNews .newsBlock .body .desc,
#content2022 #importantNews .newsBlock .body .desc,
#content2022 .topNewsWrap .newsBlock .body .desc,
#content2022 .relatedNewsWrap .newsBlock .body .desc {
  margin: 1rem 0 0;
  color: #999;
  font-size: 1.2rem;
  line-height: 1.5;
}
#content2022 #urgentNews .newsBlock + .newsBlock,
#content2022 #importantNews .newsBlock + .newsBlock,
#content2022 .topNewsWrap .newsBlock + .newsBlock,
#content2022 .relatedNewsWrap .newsBlock + .newsBlock {
  margin-top: 2px;
}
#content2022 #urgentNews .newsBlock.fixed .date,
#content2022 #importantNews .newsBlock.fixed .date,
#content2022 .topNewsWrap .newsBlock.fixed .date,
#content2022 .relatedNewsWrap .newsBlock.fixed .date {
  display: none;
}
#content2022 #urgentNews .newsBlock.fixed + :not(.fixed),
#content2022 #importantNews .newsBlock.fixed + :not(.fixed),
#content2022 .topNewsWrap .newsBlock.fixed + :not(.fixed),
#content2022 .relatedNewsWrap .newsBlock.fixed + :not(.fixed) {
  margin-top: 1rem;
}
@media (min-width: 1024px) {
  #content2022 #urgentNews,
  #content2022 #importantNews,
  #content2022 .topNewsWrap,
  #content2022 .relatedNewsWrap {
    margin-top: 5rem;
  }
  #content2022 #urgentNews .newsBlock,
  #content2022 #importantNews .newsBlock,
  #content2022 .topNewsWrap .newsBlock,
  #content2022 .relatedNewsWrap .newsBlock {
    padding: 2rem 3rem;
  }
  #content2022 #urgentNews .newsBlock .head,
  #content2022 #importantNews .newsBlock .head,
  #content2022 .topNewsWrap .newsBlock .head,
  #content2022 .relatedNewsWrap .newsBlock .head {
    flex-shrink: 0;
  }
  #content2022 #urgentNews .newsBlock .head .date,
  #content2022 #importantNews .newsBlock .head .date,
  #content2022 .topNewsWrap .newsBlock .head .date,
  #content2022 .relatedNewsWrap .newsBlock .head .date {
    margin-right: 3rem;
  }
  #content2022 #urgentNews .newsBlock .body,
  #content2022 #importantNews .newsBlock .body,
  #content2022 .topNewsWrap .newsBlock .body,
  #content2022 .relatedNewsWrap .newsBlock .body {
    margin-top: 1rem;
  }
  #content2022 #urgentNews .newsBlock .body .title,
  #content2022 #importantNews .newsBlock .body .title,
  #content2022 .topNewsWrap .newsBlock .body .title,
  #content2022 .relatedNewsWrap .newsBlock .body .title {
    font-size: 1.5rem;
  }
  #content2022 #urgentNews .newsBlock .body .desc,
  #content2022 #importantNews .newsBlock .body .desc,
  #content2022 .topNewsWrap .newsBlock .body .desc,
  #content2022 .relatedNewsWrap .newsBlock .body .desc {
    font-size: 1.3rem;
  }
  #content2022 #urgentNews .newsBlock.fixed + :not(.fixed),
  #content2022 #importantNews .newsBlock.fixed + :not(.fixed),
  #content2022 .topNewsWrap .newsBlock.fixed + :not(.fixed),
  #content2022 .relatedNewsWrap .newsBlock.fixed + :not(.fixed) {
    margin-top: 1.2rem;
  }
}
@media (min-width: 1366px) {
  #content2022 #urgentNews .newsBlock,
  #content2022 #importantNews .newsBlock,
  #content2022 .topNewsWrap .newsBlock,
  #content2022 .relatedNewsWrap .newsBlock {
    flex-direction: row;
    align-items: flex-start;
  }
  #content2022 #urgentNews .newsBlock .body,
  #content2022 #importantNews .newsBlock .body,
  #content2022 .topNewsWrap .newsBlock .body,
  #content2022 .relatedNewsWrap .newsBlock .body {
    margin-top: 0;
    margin-left: 3rem;
  }
}
#content2022 #urgentNews,
#content2022 #importantNews {
  border: 1px solid #e3e4e5;
  padding: 0;
  margin-top: 3rem;
}
#content2022 #urgentNews .newsBlock,
#content2022 #importantNews .newsBlock {
  position: relative;
  background-color: white;
}
#content2022 #urgentNews .newsBlock + .newsBlock,
#content2022 #importantNews .newsBlock + .newsBlock {
  margin-top: 0;
}
#content2022 #urgentNews .newsBlock + .newsBlock::before,
#content2022 #importantNews .newsBlock + .newsBlock::before {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  width: auto;
  background-color: #e3e4e5;
  top: -1px;
  left: 1.5rem;
  right: 1.5rem;
}
#content2022 #urgentNews h5,
#content2022 #importantNews h5 {
  margin: 8px 8px 0;
  color: white;
  text-align: center;
  border-radius: 4px;
  background-color: #EF2E2E;
  font-size: 1.4rem;
  padding: 8px;
}
#content2022 #urgentNews h5 br,
#content2022 #importantNews h5 br {
  display: none;
}
#content2022 #urgentNews + .relatedNewsWrap,
#content2022 #importantNews + .relatedNewsWrap {
  margin-top: 2rem;
}
@media (min-width: 1024px) {
  #content2022 #urgentNews .newsBlock + .newsBlock::before,
  #content2022 #importantNews .newsBlock + .newsBlock::before {
    left: 3rem;
    right: 3rem;
  }
  #content2022 #urgentNews h5,
  #content2022 #importantNews h5 {
    margin: 10px 10px 0;
    font-size: 1.6rem;
  }
  #content2022 #urgentNews + .relatedNewsWrap,
  #content2022 #importantNews + .relatedNewsWrap {
    margin-top: 4rem;
  }
}
@media (min-width: 1366px) {
  #content2022 #urgentNews,
  #content2022 #importantNews {
    display: grid;
    grid-template-columns: 16rem 1fr;
  }
  #content2022 #urgentNews h5,
  #content2022 #importantNews h5 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    margin: 1rem 0 1rem 1rem;
    flex-shrink: 0;
    flex-grow: 0;
  }
  #content2022 #urgentNews h5 br,
  #content2022 #importantNews h5 br {
    display: inline;
  }
  #content2022 #urgentNews .newsBlock,
  #content2022 #importantNews .newsBlock {
    flex-direction: column;
  }
  #content2022 #urgentNews .newsBlock .head .date,
  #content2022 #importantNews .newsBlock .head .date {
    margin-right: 1.5rem;
  }
  #content2022 #urgentNews .newsBlock .body,
  #content2022 #importantNews .newsBlock .body {
    margin-top: 1rem;
    margin-left: 0;
  }
}
#content2022 #importantNews {
  margin-top: 1rem;
}
#content2022 #importantNews h5 {
  background-color: #FFE843;
  color: #1e1e1e;
}
#content2022 #archiveYearList {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 3rem;
}
#content2022 #archiveYearList .title {
  font-size: 1.4rem;
  margin-right: 2rem;
}
#content2022 #archiveYearList .select-css {
  width: auto;
  min-width: 160px;
  max-width: 240px;
  padding: 1rem 2.5rem;
}
@media (min-width: 1024px) {
  #content2022 #archiveYearList .title {
    font-size: 1.6rem;
    margin-right: 2.5rem;
  }
  #content2022 #archiveYearList .select-css {
    min-width: 200px;
    padding: 1.5rem 2.5rem;
  }
}
#content2022 #publistWrap {
  margin: 3rem 0 0;
}
#content2022 #publistWrap > .newsBlock {
  border-top: 1px solid #e3e4e5;
  padding: 15px;
}
#content2022 #publistWrap > .newsBlock:last-child {
  border-bottom: 1px solid #e3e4e5;
}
#content2022 #publistWrap > .newsBlock .title {
  display: flex;
  align-items: center;
}
#content2022 #publistWrap > .newsBlock .title .date {
  font-family: 'PT Serif', serif;
  font-family: 'PT Serif', "serif", serif;
  font-weight: 400;
  font-size: 1.1rem;
  color: #999999;
  line-height: 1;
  font-style: oblique;
  white-space: nowrap;
}
#content2022 #publistWrap > .newsBlock .title .date .sub {
  font-feature-settings: 'pkna';
  font-family: YakuHanJPs_Narrow, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Custom Yu Gothic", "Yu Gothic Medium", "Yu Gothic", Meiryo, "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-style: normal;
  margin-left: 0.25em;
}
#content2022 #publistWrap > .newsBlock .title .media {
  margin-left: 1.5rem;
  font-size: 1.1rem;
  list-height: 1;
  padding: 3px 15px;
  border: 1px solid #e3e4e5;
  background-color: white;
}
#content2022 #publistWrap > .newsBlock .desc {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  #content2022 #publistWrap {
    margin: 3.6rem 0 0;
  }
  #content2022 #publistWrap > .newsBlock {
    padding: 2rem 3rem;
  }
  #content2022 #publistWrap > .newsBlock .title .date {
    font-size: 1.2rem;
  }
  #content2022 #publistWrap > .newsBlock .title .media {
    margin-left: 2rem;
    font-size: 1.2rem;
  }
}
#content2022 .topicsList > .topics {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #f4f5f6;
  padding: 1.5rem;
  margin-bottom: 2px;
}
#content2022 .topicsList > .topics .date {
  font-size: 1.1rem;
  font-style: italic;
  color: #999;
  min-width: 7.7rem;
  flex-shrink: 0;
  flex-grow: 0;
}
#content2022 .topicsList > .topics .tags {
  margin-right: auto;
}
#content2022 .topicsList > .topics .tags .tag {
  display: inline-block;
  border: 1px solid #e3e4e5;
  background-color: white;
  white-space: nowrap;
  font-size: 1.1rem;
  width: 7.5rem;
  flex-shrink: 0;
  flex-grow: 0;
  text-align: center;
}
#content2022 .topicsList > .topics h5 {
  color: #1e1e1e;
}
#content2022 ._3cards {
  position: relative;
  overflow: hidden;
  width: calc( 100% + 15px );
  display: flex;
  flex-wrap: nowrap;
  justify-content: start;
  align-items: stretch;
  overflow-x: auto;
  overflow-y: hidden;
  column-gap: 15px;
  row-gap: 15px;
  padding: 2px 2px 2px 2px;
  margin-right: -2px;
  margin-left: -2px;
}
#content2022 ._3cards .card {
  border: none;
  border-radius: 0;
  line-height: 1.5;
  width: 100%;
  max-width: 290px;
  min-width: 256px;
}
#content2022 ._3cards .card a {
  display: block;
  color: #1e1e1e;
  width: 100%;
  height: 100%;
  padding: 0;
}
#content2022 ._3cards .card a.hover {
  text-decoration: none;
}
#content2022 ._3cards .card a .icon-link {
  display: inline-block;
  position: absolute;
  right: 6px;
  bottom: 6px;
}
#content2022 ._3cards .card .card-img {
  overflow: hidden;
  border-radius: 0;
}
#content2022 ._3cards .card .card-img > img {
  border-radius: 0;
  object-fit: cover;
}
#content2022 ._3cards .card .card-img > img.portrait {
  object-position: top;
}
#content2022 ._3cards .card .card-img > img.contain {
  object-fit: contain;
}
#content2022 ._3cards .card .card-body {
  padding: 0;
}
#content2022 ._3cards .card:last-child::after {
  position: absolute;
  content: '';
  top: 0;
  left: 100%;
  height: 1px;
  width: 15px;
  background-color: transparent;
}
#content2022 ._3cards .card:first-child::after {
  display: none;
}
@media (min-width: 1024px) {
  #content2022 ._3cards {
    flex-wrap: wrap;
    width: calc( 100% + 4px );
    max-width: 946px;
    column-gap: 21px;
    row-gap: 21px;
  }
  #content2022 ._3cards .card {
    max-width: calc( ( 100% - 21px ) / 2 );
    min-width: calc( ( 100% - 42px ) / 3 );
    width: calc( ( 235px - 33.333333% ) * 1000);
  }
  #content2022 ._3cards .card:last-child::after {
    display: none;
  }
}
#content2022 ._3cards.hottopics .card > a {
  display: flex;
  flex-direction: column;
}
#content2022 ._3cards.hottopics .card > a.hover {
  color: var(--tmuKeycolor01) !important;
}
#content2022 ._3cards.hottopics .card > a .card-body {
  background-color: transparent;
  padding-top: 1.8rem;
}
#content2022 ._3cards.hottopics .card > a .card-body .date {
  font-size: 1.2rem;
  font-style: italic;
  color: #999;
}
#content2022 ._3cards.hottopics .card > a .card-body h5.card-title {
  margin-top: 1rem;
  margin-bottom: 1rem;
  color: inherit;
  font-size: 1.6rem;
  line-height: 1.5;
}
#content2022 ._3cards.hottopics .card > a .card-body p {
  font-size: 1.3rem;
  font-weight: 300;
  margin: 0.8rem 0;
}
#content2022 ._3cards.hottopics .card > a .card-body .tags {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  column-gap: 0.9rem;
  row-gap: 0.9rem;
}
#content2022 ._3cards.hottopics .card > a .card-body .tags .tag {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1;
  text-align: center;
  color: inherit;
  padding: 3px 8px;
  background-color: #f4f5f6;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 1024px) {
  #content2022 ._3cards.hottopics {
    margin-top: 2rem;
  }
}
#content2022 ._3cards.hottopics.narrow .card .card-body {
  background-color: white;
  padding: 1.8rem 2rem;
}
#content2022 ._3cards.hottopics.narrow .card .card-body .tags .tag {
  padding: 3px 8px;
  background-color: #f4f5f6;
}
#content2022 ._3cards.hottopics.nonscroll {
  margin-top: 0;
}
@media (max-width: calc(1024px - 0.02px)) {
  #content2022 ._3cards.hottopics.nonscroll {
    position: static;
    display: grid;
    column-gap: 1rem;
    row-gap: 1rem;
    width: 100%;
    max-width: none;
    overflow: visible;
    padding: 0;
    margin: 0;
    grid-template-columns: 1fr 1fr;
  }
  #content2022 ._3cards.hottopics.nonscroll .card {
    max-width: none;
    min-width: 0;
  }
  #content2022 ._3cards.hottopics.nonscroll .card > a .card-body {
    padding: 1rem;
  }
  #content2022 ._3cards.hottopics.nonscroll .card > a .card-body h5.card-title {
    font-size: 1.4rem;
    overflow: hidden;
  }
  @supports (-webkit-line-clamp: 3) {
    #content2022 ._3cards.hottopics.nonscroll .card > a .card-body h5.card-title {
      display: box;
      display: -webkit-box;
      display: -moz-box;
      box-orient: vertical;
      line-clamp: 3;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
    }
  }
  #content2022 ._3cards.hottopics.nonscroll .card > a .card-body .date {
    font-size: 1.1rem;
  }
  #content2022 ._3cards.hottopics.nonscroll .card > a .card-body .tag {
    font-size: 1rem;
    color: #1e1e1e;
  }
}
@media (min-width: 1024px) {
  #content2022 ._3cards.hottopics.nonscroll {
    max-width: 100%;
    width: 100%;
  }
  #content2022 ._3cards.hottopics.nonscroll .card > a .card-body h5.card-title {
    font-size: 1.8rem;
  }
  #content2022 ._3cards.hottopics.nonscroll .card > a .card-body .date {
    font-size: 1.2rem;
  }
  #content2022 ._3cards.hottopics.nonscroll .card > a .card-body .tag {
    font-size: 1.2rem;
    color: #1e1e1e;
  }
}
#content2022 a.checkAll {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: fit-content;
  margin: 3rem 0 3rem auto;
  color: #1e1e1e;
  transition: color 0.75s;
}
#content2022 a.checkAll + * {
  clear: right;
}
#content2022 a.checkAll .text {
  font-size: 1.4rem;
  margin-right: 1rem;
  border-bottom: 1px solid #1e1e1e;
  text-decoration: none;
  transition: border-color 0.75s;
}
#content2022 a.checkAll .circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: var(--tmuKeycolor01);
  transition: transform 0.75s;
}
#content2022 a.checkAll .circle svg {
  display: inline-block;
  color: white;
  stroke: currentColor;
  fill: currentColor;
  width: 12px;
  height: 12px;
}
#content2022 a.checkAll.hover {
  text-decoration: none;
  color: var(--tmuKeycolor01);
}
#content2022 a.checkAll.hover .text {
  border-color: var(--tmuKeycolor01);
}
#content2022 a.checkAll.hover .circle {
  transform: scale(1.2);
}
@media (min-width: 768px) {
  #content2022 a.checkAll {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  #content2022 a.checkAll .text {
    font-size: 1.6rem;
    margin-right: 1.2rem;
  }
  #content2022 a.checkAll .circle {
    width: 50px;
    height: 50px;
  }
}
#content2022 .columnBoxWithBG {
  margin: 4rem -15px 4rem -15px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 20%;
  position: relative;
  color: white;
  padding: 4rem 15px;
}
#content2022 .columnBoxWithBG * {
  color: inherit;
}
#content2022 .columnBoxWithBG > *:first-child {
  margin-top: 0;
}
#content2022 .columnBoxWithBG > *:last-child,
#content2022 .columnBoxWithBG > *:nth-last-child(2) {
  margin-bottom: 0 !important;
}
#content2022 .columnBoxWithBG > h4 {
  position: relative;
  font-size: 2rem;
  padding-top: 1.5rem;
  padding-left: 0;
  margin: 4rem 0 3rem;
  border-left: none;
}
#content2022 .columnBoxWithBG > h4::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 3.5rem;
  height: 0.3rem;
  background-color: white;
}
@media (min-width: 1024px) {
  #content2022 .columnBoxWithBG > h4 {
    font-size: 2.8rem;
    margin: 0 5.6rem 0 0;
    flex-grow: 0;
    flex-shrink: 0;
    text-align: left;
  }
  #content2022 .columnBoxWithBG > h4::before {
    width: 5rem;
  }
}
#content2022 .columnBoxWithBG h5 {
  font-size: 1.6rem;
  margin: 3rem 0 2rem;
}
#content2022 .columnBoxWithBG h6 {
  font-size: 1.5rem;
  margin: 2rem 0 1.5rem;
}
#content2022 .columnBoxWithBG p {
  font-size: 1.4rem;
}
#content2022 .columnBoxWithBG ul.columnBoxList {
  width: auto;
  margin: 2.7rem 0 0 auto;
}
#content2022 .columnBoxWithBG ul.columnBoxList > li {
  margin-left: auto;
}
#content2022 .columnBoxWithBG ul.columnBoxList > li > a {
  background: none;
  border-color: white;
  color: white;
}
#content2022 .columnBoxWithBG::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #1e1e1e;
  opacity: 0.5;
  z-index: -1;
}
@media (min-width: 768px) {
  #content2022 .columnBoxWithBG {
    margin-left: -90px;
    margin-right: -90px;
    padding: 4rem 90px;
  }
}
@media (min-width: 1024px) {
  #content2022 .columnBoxWithBG {
    display: grid;
    grid-template-columns: calc(22% + 8rem) 1fr;
    grid-template-rows: repeat(auto-fill, minmax(0, 1fr));
    width: 100%;
    margin: 8rem auto;
    padding: 4.5rem 6rem;
  }
  #content2022 .columnBoxWithBG > * {
    grid-column: 2 / 3;
  }
  #content2022 .columnBoxWithBG > h4 {
    font-size: 2.8rem;
    margin-right: clamp(4rem, 30% ,8rem);
    grid-column: 1 / 2;
    grid-row: 1/9999;
  }
  #content2022 .columnBoxWithBG h5 {
    font-size: 2rem;
    margin: 2.2rem 0 0;
  }
  #content2022 .columnBoxWithBG h6 {
    font-size: 1.8rem;
    margin: 2.3rem 0 0;
  }
  #content2022 .columnBoxWithBG p {
    font-size: 1.6rem;
    margin: 1.9rem 0 0;
  }
  #content2022 .columnBoxWithBG ul.columnBoxList {
    margin: 3.5rem auto 2.5rem 0;
  }
  #content2022 .columnBoxWithBG ul.columnBoxList > li {
    margin-left: 0;
  }
}
#content2022 .tocTile {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax( 250px, 1fr ));
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  margin-top: 3.6rem;
  margin-bottom: 2.8rem;
}
#content2022 .tocTile .card {
  display: block;
  width: 100%;
  border-radius: 0;
  border: 1px solid #e3e4e5;
  background-color: white;
}
#content2022 .tocTile .card > a {
  display: flex;
  overflow: hidden;
  flex-wrap: wrap;
  height: 100%;
  flex-direction: column;
  color: #1e1e1e;
  position: relative;
  padding: 1.5rem;
}
#content2022 .tocTile .card > a > svg.addIcon,
#content2022 .tocTile .card > a > svg.icon.arrow-r {
  display: block;
  position: absolute;
  flex-shrink: 0;
  bottom: 1rem;
  right: 1rem;
  margin: 0;
}
#content2022 .tocTile .card > a .card-img {
  position: relative;
  width: 100%;
  min-width: 0;
  height: auto;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 0;
}
#content2022 .tocTile .card > a .card-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  max-width: none;
}
#content2022 .tocTile .card > a .card-body {
  display: block;
  flex-wrap: wrap;
  flex-grow: 1;
  align-items: center;
  overflow: hidden;
  width: 100%;
  height: auto;
  background-color: white;
  padding: 1rem 0.5rem 0;
}
#content2022 .tocTile .card > a .card-body h5 {
  margin: 0;
  flex-grow: 1;
  flex-shrink: 1;
  color: inherit;
  font-size: 1.8rem;
}
#content2022 .tocTile .card > a .card-body p.text {
  display: block;
  overflow: hidden;
  font-size: 1.3rem;
  margin-top: 1rem;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  #content2022 .tocTile {
    margin-top: 5.6rem;
    margin-bottom: 4rem;
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: repeat(auto-fit, minmax( 352px, 1fr ));
  }
  #content2022 .tocTile.few {
    grid-template-columns: repeat(auto-fill, minmax( 352px, 1fr ));
  }
  #content2022 .tocTile .card > a {
    padding-bottom: 2.7rem;
  }
  #content2022 .tocTile .card > a > svg.addIcon,
  #content2022 .tocTile .card > a > svg.icon.arrow-r {
    bottom: 0.8rem;
    right: 0.8rem;
  }
  #content2022 .tocTile .card > a .card-body {
    padding-top: 1.5rem;
  }
  #content2022 .tocTile .card > a .card-body h5 {
    font-size: 2rem;
  }
  #content2022 .tocTile .card > a .card-body h5.long {
    letter-spacing: -0.07em;
    font-size: 1.8rem;
  }
  #content2022 .tocTile .card > a .card-body p.text {
    margin-top: 1rem;
  }
}
#content2022 .tocTileWide {
  display: grid;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-columns: repeat(auto-fit, minmax( 290px, 1fr ));
  margin: 0 auto 2.8rem;
}
#content2022 .tocTileWide .card {
  border-radius: 0;
  border: 1px solid #e3e4e5;
  margin: 0;
  padding: 0;
}
#content2022 .tocTileWide .card > a {
  display: flex;
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 100%;
  align-items: center;
  padding: 1rem;
  background-color: white;
  color: #1e1e1e;
}
#content2022 .tocTileWide .card > a > svg.addIcon,
#content2022 .tocTileWide .card > a > svg.icon.arrow-r {
  display: block;
  position: absolute;
  flex-shrink: 0;
  margin: 0;
  bottom: 1rem;
  right: 1rem;
}
#content2022 .tocTileWide .card > a > .filedetail {
  bottom: 0;
  right: 1rem;
  font-size: 1.1rem;
}
#content2022 .tocTileWide .card > a .card-img {
  position: relative;
  width: 120px;
  height: auto;
  flex-shrink: 0;
  flex-grow: 0;
  overflow: hidden;
  border-radius: 0;
}
#content2022 .tocTileWide .card > a .card-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  max-width: none;
  width: 100%;
  height: 100%;
}
#content2022 .tocTileWide .card > a .card-body {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  align-items: center;
  order: 1;
  padding: 0 1rem 0 2rem;
  text-align: left;
  width: auto;
  height: auto;
  overflow: hidden;
}
#content2022 .tocTileWide .card > a .card-body h5 {
  margin: auto 0 0;
  flex-grow: 1;
  flex-shrink: 1;
  color: inherit;
  font-size: 1.5rem;
  text-align: left;
}
#content2022 .tocTileWide .card > a .card-body h5.long {
  letter-spacing: -0.07em;
  font-size: 1.3rem;
}
#content2022 .tocTileWide .card > a .card-body p.text {
  display: none;
  overflow: hidden;
  font-size: 1.3rem;
  margin-top: 0.75rem;
  line-height: 1.5;
}
@supports (-webkit-line-clamp: 2) {
  #content2022 .tocTileWide .card > a .card-body p.text {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    box-orient: vertical;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}
#content2022 .tocTileWide .card > a .card-body > *:last-child {
  margin-bottom: auto;
}
@media (min-width: 768px) {
  #content2022 .tocTileWide {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: repeat(auto-fit, minmax( 490px, 1fr ));
  }
  #content2022 .tocTileWide .card {
    display: block;
    width: 100%;
    border-radius: 0;
  }
  #content2022 .tocTileWide .card a {
    display: flex;
    overflow: hidden;
    height: 100%;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: stretch;
    color: #1e1e1e;
    position: relative;
    padding: 0;
  }
  #content2022 .tocTileWide .card a > svg.addIcon,
  #content2022 .tocTileWide .card a > svg.icon.arrow-r {
    bottom: 0.8rem;
    right: 36%;
  }
  #content2022 .tocTileWide .card a > .filedetail {
    bottom: 0;
    right: 36%;
  }
  #content2022 .tocTileWide .card a .card-img {
    position: relative;
    order: 2;
    width: 34.7%;
    min-width: 0;
    height: auto;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 0;
  }
  #content2022 .tocTileWide .card a .card-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    max-width: none;
    width: 100%;
    height: 100%;
  }
  #content2022 .tocTileWide .card a .card-body {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    align-items: center;
    order: 1;
    padding: 1rem 3rem 1rem 4rem;
    width: auto;
    height: auto;
    overflow: hidden;
  }
  #content2022 .tocTileWide .card a .card-body h5 {
    margin: auto 0 0;
    flex-grow: 1;
    flex-shrink: 1;
    color: inherit;
    font-size: 2rem;
    width: 100%;
  }
  #content2022 .tocTileWide .card a .card-body h5.long {
    letter-spacing: -0.07em;
    font-size: 1.8rem;
  }
  #content2022 .tocTileWide .card a .card-body p.text {
    display: block;
    overflow: hidden;
    font-size: 1.3rem;
    margin-top: 1rem;
    line-height: 2;
    width: 100%;
  }
  @supports (-webkit-line-clamp: 3) {
    #content2022 .tocTileWide .card a .card-body p.text {
      display: box;
      display: -webkit-box;
      display: -moz-box;
      line-clamp: 3;
      -webkit-line-clamp: 3;
    }
  }
  #content2022 .tocTileWide .card a .card-body > *:last-child {
    margin-bottom: auto;
  }
}
@media (min-width: 1024px) {
  #content2022 .tocTileWide {
    margin-bottom: 4rem;
    grid-template-columns: repeat(auto-fill, minmax( 455px, 1fr ));
  }
}
@media (min-width: 1200px) {
  @supports (-webkit-line-clamp: 2) {
    #content2022 .tocTileWide .card a .card-body p.text {
      -webkit-line-clamp: 3;
    }
  }
  #content2022 .tocTileWide .card a > .filedetail {
    bottom: 0.2rem;
    font-size: 1.1rem;
  }
}
#content2022 .topWrap {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  padding: 0 1.5rem;
  margin-top: 8rem;
}
#content2022 .topWrap.bg {
  background-color: var(--tmuKeycolor01s);
}
#content2022 .topWrap:last-child {
  padding-bottom: 0;
}
#content2022 .topWrap h2,
#content2022 .topWrap h4 {
  position: relative;
  margin-top: 0;
  margin-bottom: 3rem;
  padding-top: 1.5rem;
  padding-left: 0;
  border-left: none;
  font-size: 2rem;
}
#content2022 .topWrap h2::before,
#content2022 .topWrap h4::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 3.5rem;
  height: 0.3rem;
  background-color: var(--tmuKeycolor01);
}
#content2022 .topWrap h2 + * > *:first-child,
#content2022 .topWrap h4 + * > *:first-child {
  margin-top: 0;
}
#content2022 .topWrap h2 + * > *:last-child,
#content2022 .topWrap h4 + * > *:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  #content2022 .topWrap {
    margin-left: min( -90px, ( 1600px - 100vw ) / 2 );
    margin-right: min( -90px, ( 1600px - 100vw ) / 2 );
    padding: 0 max( 90px, ( 100vw - 1600px ) / 2 ) 0;
  }
}
@media (min-width: 1024px) {
  #content2022 .topWrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0 max( 90px, ( 100vw - 1600px ) / 2 ) 0;
  }
  #content2022 .topWrap h2,
  #content2022 .topWrap h4 {
    font-size: 2.8rem;
    width: 230px;
    padding-top: 2.8rem;
    margin: 0 5.6rem 0 0;
    flex-grow: 0;
    flex-shrink: 0;
    text-align: left;
  }
  #content2022 .topWrap h2::before,
  #content2022 .topWrap h4::before {
    width: 5rem;
  }
  #content2022 .topWrap h2.sd,
  #content2022 .topWrap h4.sd {
    white-space: normal;
  }
  #content2022 .topWrap h2 + *,
  #content2022 .topWrap h4 + * {
    margin-top: 2.8rem;
    flex-grow: 1;
  }
}
@media (min-width: 1024px) {
  #content2022 {
    font-size: 1.6rem;
    word-break: normal;
  }
  #content2022 h3 {
    font-size: 4rem;
  }
  #content2022 h3 + p.desc {
    font-size: 1.8rem;
  }
  #content2022 h4 {
    font-size: 3rem;
    margin: 8rem 0 5rem;
  }
  #content2022 .tocTile + h4,
  #content2022 .tocTileWide + h4,
  #content2022 .columnBoxList + h4,
  #content2022 .box-link + h4 {
    margin-top: 8rem;
  }
  #content2022 h5 {
    font-size: 2.4rem;
    margin: 3.2rem 0;
  }
  #content2022 h6 {
    font-size: 2rem;
    margin: 3.2rem 0;
  }
  #content2022 table:not(.normal) th,
  #content2022 table:not(.normal) td {
    font-size: 1.4rem;
  }
  #content2022 section.columnBlock,
  #content2022 div.columnBlock,
  #content2022 blockquote {
    clear: both;
    padding: 4rem;
  }
  #content2022 section.columnBlock h3,
  #content2022 div.columnBlock h3,
  #content2022 blockquote h3 {
    font-size: 3.2rem;
  }
  #content2022 section.columnBlock h4,
  #content2022 div.columnBlock h4,
  #content2022 blockquote h4 {
    font-size: 2.4rem;
  }
  #content2022 section.columnBlock h5,
  #content2022 div.columnBlock h5,
  #content2022 blockquote h5 {
    font-size: 2rem;
  }
  #content2022 section.columnBlock h6,
  #content2022 div.columnBlock h6,
  #content2022 blockquote h6 {
    font-size: 1.8rem;
  }
  #content2022 section.columnBlock ol,
  #content2022 div.columnBlock ol,
  #content2022 blockquote ol,
  #content2022 section.columnBlock ul,
  #content2022 div.columnBlock ul,
  #content2022 blockquote ul,
  #content2022 section.columnBlock p,
  #content2022 div.columnBlock p,
  #content2022 blockquote p {
    font-size: 1.4rem;
  }
  #content2022 section.columnBlock.upHeader,
  #content2022 div.columnBlock.upHeader,
  #content2022 blockquote.upHeader {
    position: relative;
    margin-top: 6rem;
  }
  #content2022 section.columnBlock.upHeader > h4:first-child,
  #content2022 div.columnBlock.upHeader > h4:first-child,
  #content2022 blockquote.upHeader > h4:first-child,
  #content2022 section.columnBlock.upHeader > h5:first-child,
  #content2022 div.columnBlock.upHeader > h5:first-child,
  #content2022 blockquote.upHeader > h5:first-child,
  #content2022 section.columnBlock.upHeader > h6:first-child,
  #content2022 div.columnBlock.upHeader > h6:first-child,
  #content2022 blockquote.upHeader > h6:first-child {
    font-size: 1.6rem;
    padding: 0.5rem 1.5rem;
    left: 2.5rem;
  }
  #content2022 section.columnBlock.upHeader > h4:first-child + *,
  #content2022 div.columnBlock.upHeader > h4:first-child + *,
  #content2022 blockquote.upHeader > h4:first-child + *,
  #content2022 section.columnBlock.upHeader > h5:first-child + *,
  #content2022 div.columnBlock.upHeader > h5:first-child + *,
  #content2022 blockquote.upHeader > h5:first-child + *,
  #content2022 section.columnBlock.upHeader > h6:first-child + *,
  #content2022 div.columnBlock.upHeader > h6:first-child + *,
  #content2022 blockquote.upHeader > h6:first-child + * {
    margin-top: 0 !important;
  }
}
/* interview */
div.interview,
section.interview {
  display: flex;
}
div.interview > div:first-child.nameLeft,
section.interview > div:first-child.nameLeft,
div.interview > div:first-child.nameRight,
section.interview > div:first-child.nameRight {
  min-width: 4em;
  max-width: 8em;
  margin-top: 1.5rem;
  width: auto;
  padding-right: 1em;
  display: inline-block;
  height: 100%;
  white-space: nowrap;
  line-height: 2;
  flex-shrink: 0;
  color: var(--tmuKeycolor01);
}
@media (min-width: 1024px) {
  div.interview > div:first-child.nameLeft,
  section.interview > div:first-child.nameLeft,
  div.interview > div:first-child.nameRight,
  section.interview > div:first-child.nameRight {
    min-width: 5em;
    max-width: 10em;
  }
}
div.interview > div:first-child.nameRight,
section.interview > div:first-child.nameRight {
  order: 99;
  padding-left: 1em;
  padding-right: 0;
  text-align: right;
  color: #db5455;
  margin-right: 0;
}
div.interview > div:first-child.nameRight + div,
section.interview > div:first-child.nameRight + div {
  margin-left: auto;
}
/* topAnchorLink */
.topAnchorLink {
  background-color: white;
  padding: 3rem 1.5rem;
  margin-top: -2rem !important;
}
.topAnchorLink p {
  margin: 0 auto;
  font-size: 1.5rem;
  max-width: 47em;
}
.topAnchorLink ul.anchorList {
  margin: 0 auto;
  font-size: 1.4rem;
  justify-content: center;
  column-gap: clamp(1rem, 5%, 4rem);
}
@media (min-width: 1024px) {
  .topAnchorLink {
    margin-top: -6rem !important;
    padding: 4rem 3rem;
  }
  .topAnchorLink p {
    font-size: 1.6rem;
    text-align: center;
  }
  .topAnchorLink ul.anchorList {
    justify-content: center;
    font-size: 1.6rem;
  }
}
/* plane accordion */
.accordion.planeStyle .accordion-item {
  border: none;
  margin-bottom: 2px;
}
.accordion.planeStyle .accordion-item .accordion-header {
  margin: 0 !important;
  padding: 0;
}
.accordion.planeStyle .accordion-item .accordion-header > .link,
.accordion.planeStyle .accordion-item .accordion-header > .accordion-button {
  font-feature-settings: 'pkna';
  font-family: YakuHanJPs_Narrow, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Custom Yu Gothic", "Yu Gothic Medium", "Yu Gothic", Meiryo, "Noto Sans JP", sans-serif;
  font-family: inherit;
  font-weight: 600;
  padding: 1.6rem 2rem;
  font-size: 1.5rem;
  color: #1e1e1e;
  background-color: #f4f5f6;
  box-shadow: none;
}
@media (min-width: 1024px) {
  .accordion.planeStyle .accordion-item .accordion-header > .link,
  .accordion.planeStyle .accordion-item .accordion-header > .accordion-button {
    padding: 2.4rem 4rem;
    font-size: 1.6rem;
  }
}
.accordion.planeStyle .accordion-item .accordion-header > .link {
  display: block;
}
.accordion.planeStyle .accordion-item .accordion-header > .link::after {
  display: none;
}
.accordion.planeStyle .accordion-item .accordion-body {
  padding: 1.5rem 2rem 1.5rem 2rem;
  font-feature-settings: 'pkna';
  font-family: YakuHanJPs_Narrow, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Custom Yu Gothic", "Yu Gothic Medium", "Yu Gothic", Meiryo, "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 1.4rem;
  line-height: 2;
  color: #1e1e1e;
  background-color: white;
  text-align: left;
  word-break: normal;
}
.accordion.planeStyle .accordion-item .accordion-body .torikumi {
  font-size: inherit;
  padding: 0;
}
.accordion.planeStyle .accordion-item .accordion-body ul {
  margin: 0;
}
.accordion.planeStyle .accordion-item .accordion-body *:first-child {
  margin-top: 0 !important;
}
.accordion.planeStyle .accordion-item .accordion-body *:last-child {
  margin-bottom: 0 !important;
}
@media (min-width: 1024px) {
  .accordion.planeStyle .accordion-item .accordion-body {
    padding: 2.4rem 4rem 2.4rem 4rem;
  }
}
/* Photo Gallery */
#academicsPhotos {
  margin: 3rem 0 0;
}
#academicsPhotos .swiper-slide {
  display: flex;
  width: auto;
}
#academicsPhotos .swiper-slide img {
  width: 300px;
  height: 200px;
  object-fit: cover;
}
@media (min-width: 1366px) {
  #academicsPhotos {
    margin: 6rem 0 0;
  }
  #academicsPhotos .swiper-slide img {
    width: 540px;
    height: 340px;
  }
}
#hotTopicsKnownPagination,
#keyvisualPagination,
#academicsPhotosPagination {
  position: static;
  display: flex;
  justify-content: flex-end;
  flex-wrap: nowrap;
  height: 0;
  overflow: visible;
  margin: 0;
  padding: 0;
}
#hotTopicsKnownPagination .swiper-pagination-bullet,
#keyvisualPagination .swiper-pagination-bullet,
#academicsPhotosPagination .swiper-pagination-bullet {
  position: relative;
  top: 1rem;
  width: 16px;
  height: 16px;
  margin: 0 0 0 20px;
  padding: 0;
  border-radius: 0;
  background: none;
  border: none;
  opacity: 1;
}
#hotTopicsKnownPagination .swiper-pagination-bullet > svg,
#keyvisualPagination .swiper-pagination-bullet > svg,
#academicsPhotosPagination .swiper-pagination-bullet > svg {
  transform: rotate(-90deg);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  font-size: 0;
}
#hotTopicsKnownPagination .swiper-pagination-bullet > svg circle,
#keyvisualPagination .swiper-pagination-bullet > svg circle,
#academicsPhotosPagination .swiper-pagination-bullet > svg circle {
  width: 14px;
  height: 14px;
  fill: currentColor;
}
#hotTopicsKnownPagination .swiper-pagination-bullet > svg:nth-child(1),
#keyvisualPagination .swiper-pagination-bullet > svg:nth-child(1),
#academicsPhotosPagination .swiper-pagination-bullet > svg:nth-child(1) {
  opacity: 0;
}
#hotTopicsKnownPagination .swiper-pagination-bullet > svg:nth-child(1) > circle,
#keyvisualPagination .swiper-pagination-bullet > svg:nth-child(1) > circle,
#academicsPhotosPagination .swiper-pagination-bullet > svg:nth-child(1) > circle {
  stroke-width: 8px;
  stroke-dasharray: 18.8495559;
  stroke-dashoffset: 18.8495559;
}
#hotTopicsKnownPagination .swiper-pagination-bullet > svg:nth-child(2),
#keyvisualPagination .swiper-pagination-bullet > svg:nth-child(2),
#academicsPhotosPagination .swiper-pagination-bullet > svg:nth-child(2) {
  fill: white;
  color: white;
  opacity: 0;
  transition: opacity 0.5s ease-out;
}
#hotTopicsKnownPagination .swiper-pagination-bullet > svg:nth-child(3),
#keyvisualPagination .swiper-pagination-bullet > svg:nth-child(3),
#academicsPhotosPagination .swiper-pagination-bullet > svg:nth-child(3) {
  fill: #1e1e1e;
  color: #1e1e1e;
  opacity: 1;
  transition: opacity 0.5s ease-out;
}
#hotTopicsKnownPagination .swiper-pagination-bullet-active > svg:nth-child(1),
#keyvisualPagination .swiper-pagination-bullet-active > svg:nth-child(1),
#academicsPhotosPagination .swiper-pagination-bullet-active > svg:nth-child(1) {
  opacity: 1;
  color: var(--tmuKeycolor01);
  stroke: currentColor;
}
#hotTopicsKnownPagination .swiper-pagination-bullet-active > svg:nth-child(1) > circle,
#keyvisualPagination .swiper-pagination-bullet-active > svg:nth-child(1) > circle,
#academicsPhotosPagination .swiper-pagination-bullet-active > svg:nth-child(1) > circle {
  stroke-dasharray: 18.8495559;
  stroke-dashoffset: 0;
  animation-iteration-count: infinite;
  animation-name: swiper-circle;
  animation-duration: 7s;
  animation-direction: normal;
  animation-timing-function: linear;
}
#hotTopicsKnownPagination .swiper-pagination-bullet-active > svg:nth-child(2),
#keyvisualPagination .swiper-pagination-bullet-active > svg:nth-child(2),
#academicsPhotosPagination .swiper-pagination-bullet-active > svg:nth-child(2) {
  opacity: 1;
}
#hotTopicsKnownPagination .swiper-pagination-bullet-active > svg:nth-child(3),
#keyvisualPagination .swiper-pagination-bullet-active > svg:nth-child(3),
#academicsPhotosPagination .swiper-pagination-bullet-active > svg:nth-child(3) {
  opacity: 0;
}
#hotTopicsKnownPagination .swiper-pagination-bullet-active.stop > svg > circle,
#keyvisualPagination .swiper-pagination-bullet-active.stop > svg > circle,
#academicsPhotosPagination .swiper-pagination-bullet-active.stop > svg > circle {
  animation-play-state: paused;
}
#hotTopicsKnownPagination .swiper-pagination-bullet-active.stop > svg:nth-child(3),
#keyvisualPagination .swiper-pagination-bullet-active.stop > svg:nth-child(3),
#academicsPhotosPagination .swiper-pagination-bullet-active.stop > svg:nth-child(3) {
  opacity: 0.75;
  transition: opacity 0.5s ease-out;
}
#hotTopicsKnownPagination .swiper-pagination-bullet-active.removeAnimation > svg > circle,
#keyvisualPagination .swiper-pagination-bullet-active.removeAnimation > svg > circle,
#academicsPhotosPagination .swiper-pagination-bullet-active.removeAnimation > svg > circle {
  animation-name: none;
}
div.popover.campusmap {
  --voffset: 25px;
  border: 1px solid #1e1e1e;
  border-radius: 5px;
  background-color: white;
  padding: 15px;
  width: auto;
  max-width: 290px;
  font-size: 1.3rem;
}
div.popover.campusmap .popover-arrow {
  width: 1px;
  background-color: #1e1e1e;
  height: var(--voffset);
}
div.popover.campusmap .popover-arrow::before,
div.popover.campusmap .popover-arrow::after {
  display: none;
}
div.popover.campusmap.bs-popover-auto[data-popper-placement^=top] > .popover-arrow,
div.popover.campusmap.bs-popover-top > .popover-arrow {
  bottom: calc(-1 * var(--voffset) - 1px);
}
div.popover.campusmap.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow,
div.popover.campusmap.bs-popover-bottom > .popover-arrow {
  top: calc(-1 * var(--voffset) - 1px);
}
div.popover.campusmap .popover-body {
  display: flex;
  flex-direction: column;
  padding: 0;
  color: inherit;
  width: auto;
  min-width: 10em;
}
div.popover.campusmap .popover-body .image {
  margin-bottom: 15px;
  width: 150px;
  flex-shrink: 0;
}
div.popover.campusmap .popover-body .main .title {
  font-size: 1.5rem;
  line-height: 1.4;
  margin-bottom: 1rem;
}
div.popover.campusmap .popover-body .main .desc {
  list-style: 1.5;
}
div.popover.campusmap .popover-body .main .link {
  max-width: 100%;
}
div.popover.campusmap .popover-body .main .link a {
  display: inline-flex;
  align-items: center;
  color: #1e1e1e;
  line-height: 1;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  padding-bottom: 4px;
  border-bottom: 1px solid #1e1e1e;
}
div.popover.campusmap .popover-body .main .link.otherLink .arrow-r {
  display: inline-block;
  margin-left: 0.5em;
  margin-right: 0.125em;
}
@media (min-width: 1024px) {
  div.popover.campusmap {
    padding: 30px;
    max-width: 540px;
    font-size: 1.4rem;
  }
  div.popover.campusmap .popover-body {
    flex-direction: row;
    column-gap: 2rem;
  }
}
/* CSS Document */
body.academics {
  background-color: white;
}
#content2022.academics:not(.model) h3 {
  font-family: YakuHanJPs_Narrow, 'Noto Serif JP', "Hiragino Mincho ProN", YuMincho, "Yu Mincho", "serif";
  font-weight: 600;
  font-family: 'PT Serif', "serif", serif;
  font-weight: 400;
  font-size: 3rem;
  margin-bottom: 1.5rem;
  padding-right: 1.5rem;
}
#content2022.academics:not(.model) h3 + p.desc {
  color: #1e1e1e;
  font-size: 1.4rem;
  margin-top: 0;
  margin-bottom: 3rem;
  padding-right: 1.5rem;
}
@media (min-width: 768px) {
  #content2022.academics:not(.model) h3 {
    padding-right: max( 90px , 100% - 1600px );
  }
  #content2022.academics:not(.model) h3 + p.desc {
    padding-right: max( 90px , 100% - 1600px );
  }
}
#content2022.academics:not(.model) ul.campusList {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 1rem;
  row-gap: 0.5rem;
  margin: 2rem auto 3rem;
}
#content2022.academics:not(.model) ul.campusList li {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
#content2022.academics:not(.model) ul.campusList li::before {
  display: none;
}
#content2022.academics:not(.model) ul.campusList li .year {
  font-size: 1.3rem;
  line-height: 1;
}
#content2022.academics:not(.model) ul.campusList li .campus {
  font-size: 1.1rem;
  line-height: 1;
  color: white;
  padding: 5px 10px;
  background-color: var(--tmuKeycolor01);
  border-radius: 30px;
}
@media (min-width: 1024px) {
  #content2022.academics:not(.model) ul.campusList li {
    margin-bottom: 6rem;
  }
  #content2022.academics:not(.model) ul.campusList li .year {
    font-size: 1.4rem;
  }
  #content2022.academics:not(.model) ul.campusList li .campus {
    font-size: 1.2rem;
  }
}
#content2022.academics:not(.model) .wrapMain {
  margin-top: -2rem;
  padding-top: 2rem;
}
@media (min-width: 768px) {
  #content2022.academics:not(.model) .wrapMain {
    margin-top: -6rem;
    padding-top: 6rem;
  }
}
#content2022.academics:not(.model) .wrapMain > *:last-child {
  margin-bottom: 0;
}
#content2022.academics:not(.model) .main {
  width: 100%;
  padding: 2rem 0 0;
}
@media (min-width: 768px) {
  #content2022.academics:not(.model) .main {
    padding-top: 10rem;
  }
}
@media (min-width: 1024px) {
  #content2022.academics:not(.model) h3 {
    font-size: 5rem;
    margin-bottom: 2.2rem;
  }
  #content2022.academics:not(.model) h3 + p.desc {
    font-size: 1.8rem;
    margin-bottom: 6rem;
  }
  #content2022.academics:not(.model) h4 {
    font-size: 3.6rem;
    padding-top: 2.8rem;
    margin-top: 10rem;
    margin-bottom: 5rem;
  }
  #content2022.academics:not(.model) h4::before {
    width: 5rem;
  }
}
#content2022.academics:not(.model) #scrollSpy > .list-group {
  padding-top: 100px;
}
#content2022.academics {
  /* AP 独自ol,ulへの暫定処置 */
  /* font-size & margin */
}
#content2022.academics ol li,
#content2022.academics ul li {
  list-style: none !important;
}
#content2022.academics .bgOrgName {
  position: absolute;
  z-index: -1;
  font-size: 8rem;
  line-height: 1;
  color: var(--tmuKeycolor01s);
  white-space: nowrap;
  overflow: visible;
  top: 1.4rem;
  left: 46.8%;
  right: 0;
}
@media (min-width: 1024px) {
  #content2022.academics .bgOrgName {
    font-size: 16rem;
    top: auto;
    bottom: -2rem;
  }
}
#content2022.academics h2 {
  font-family: YakuHanJPs_Narrow, 'Noto Serif JP', "Hiragino Mincho ProN", YuMincho, "Yu Mincho", "serif";
  font-weight: 600;
  font-family: 'PT Serif', "serif", serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: var(--tmuKeycolor01);
  margin-top: 3rem;
}
#content2022.academics h2 + h3 {
  margin-top: 0.2rem;
}
@media (min-width: 1024px) {
  #content2022.academics h2 {
    margin-top: 7rem;
  }
}
#content2022.academics h4 {
  position: relative;
  margin-top: 4rem;
  margin-bottom: 3rem;
  padding-top: 1.5rem;
  padding-left: 0;
  border-left: none;
  font-size: 2rem;
}
#content2022.academics h4::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 3.5rem;
  height: 0.3rem;
  background-color: var(--tmuKeycolor01);
}
#content2022.academics h4 + p {
  margin-top: -0.5em;
}
#content2022.academics h5:not(.normal):not(.min-600) {
  font-feature-settings: 'pkna';
  font-family: YakuHanJPs_Narrow, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Custom Yu Gothic", "Yu Gothic Medium", "Yu Gothic", Meiryo, "Noto Sans JP", sans-serif;
  font-family: inherit;
  font-weight: 600;
  font-size: 1.6rem;
  margin-top: 2.7rem;
  margin-bottom: 1.8rem;
  clear: none;
}
#content2022.academics h6 {
  font-size: 1.6rem;
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
}
#content2022.academics blockquote {
  margin-top: 1.8rem;
}
#content2022.academics #ctgKV {
  height: 350px;
}
#content2022.academics #ctgKV > img {
  display: block;
  position: absolute;
  /*      top: 0;
      right: 0;
      bottom: 0;
      left: 0;*/
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 1024px;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (min-width: 768px) {
  #content2022.academics #ctgKV {
    height: 500px;
  }
  #content2022.academics #ctgKV > img {
    height: 100%;
    max-height: 500px;
  }
}
@media (min-width: 1366px) {
  #content2022.academics #ctgKV > img {
    width: 100%;
    max-width: none;
    height: 100%;
    object-position: center 20%;
  }
}
#content2022.academics .wrapMain {
  position: relative;
  background-color: white;
}
#content2022.academics .wrapMain > *:last-child {
  margin-bottom: 0;
}
#content2022.academics .main {
  margin: 0 auto;
  padding: 2rem 0 0;
  position: relative;
}
@media (min-width: 768px) {
  #content2022.academics .main {
    padding-top: 4rem;
  }
}
#content2022.academics blockquote.realvoice {
  padding: 3rem;
}
#content2022.academics blockquote.realvoice > a {
  display: block;
  margin: -3rem !important;
  padding: 3rem;
  color: #1e1e1e;
}
#content2022.academics blockquote.realvoice h6 {
  display: inline-block;
  position: relative;
  font-size: 2rem;
  font-weight: 600;
  max-width: 620px;
  margin: 0;
  margin-left: clamp( 0px , 100% - 620px, 2rem );
  margin-right: auto;
}
#content2022.academics blockquote.realvoice h6::before,
#content2022.academics blockquote.realvoice h6::after {
  content: "";
  display: block;
  position: absolute;
  top: -0.9em;
  width: 3.2rem;
  height: 2.8rem;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='38' height='32' viewBox='0 0 38 32'%3E%3Ctitle%3Edouble-quote%3C/title%3E%3Cpath d='M16.595 2.469c-5.631 3.655-8.693 6.915-10.965 12.545l4.050 3.161c3.26 2.667 4.149 4.939 4.149 7.507 0 4.050-2.667 6.322-6.322 6.322-0.084 0.003-0.183 0.005-0.282 0.005-2.065 0-3.945-0.79-5.355-2.085l0.006 0.005c-1.172-2.335-1.864-5.086-1.877-7.997v-0.004c0-9.088 6.421-17.386 15.015-21.929zM31.215 18.175c3.26 2.667 4.149 4.939 4.149 7.507 0 4.050-2.766 6.322-6.322 6.322-0.066 0.002-0.144 0.003-0.222 0.003-2.115 0-4.046-0.787-5.516-2.085l0.009 0.008c-1.122-2.298-1.779-5.001-1.779-7.857 0-0.051 0-0.102 0.001-0.152l-0 0.008c0-9.088 6.421-17.386 15.015-21.929l1.581 2.47c-5.729 3.655-8.792 6.915-10.965 12.545z'%3E%3C/path%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='38' height='32' viewBox='0 0 38 32'%3E%3Ctitle%3Edouble-quote%3C/title%3E%3Cpath d='M16.595 2.469c-5.631 3.655-8.693 6.915-10.965 12.545l4.050 3.161c3.26 2.667 4.149 4.939 4.149 7.507 0 4.050-2.667 6.322-6.322 6.322-0.084 0.003-0.183 0.005-0.282 0.005-2.065 0-3.945-0.79-5.355-2.085l0.006 0.005c-1.172-2.335-1.864-5.086-1.877-7.997v-0.004c0-9.088 6.421-17.386 15.015-21.929zM31.215 18.175c3.26 2.667 4.149 4.939 4.149 7.507 0 4.050-2.766 6.322-6.322 6.322-0.066 0.002-0.144 0.003-0.222 0.003-2.115 0-4.046-0.787-5.516-2.085l0.009 0.008c-1.122-2.298-1.779-5.001-1.779-7.857 0-0.051 0-0.102 0.001-0.152l-0 0.008c0-9.088 6.421-17.386 15.015-21.929l1.581 2.47c-5.729 3.655-8.792 6.915-10.965 12.545z'%3E%3C/path%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: var(--tmuKeycolor01);
  opacity: 0.12;
  overflow: hidden;
}
#content2022.academics blockquote.realvoice h6::before {
  left: -0.8em;
}
#content2022.academics blockquote.realvoice h6::after {
  transform: rotate(180deg);
  right: -0.8em;
}
#content2022.academics blockquote.realvoice .student {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  width: auto;
  margin: 2.5rem 0 0 auto;
}
#content2022.academics blockquote.realvoice .student > .circle {
  width: 80px;
  height: 80px;
  min-width: 80px;
  overflow: hidden;
  border-radius: 50%;
  z-index: 1;
  flex-shrink: 0;
}
#content2022.academics blockquote.realvoice .student > .circle img {
  width: 80px;
  height: 80px;
  object-fit: cover;
}
#content2022.academics blockquote.realvoice .student figcaption {
  text-align: right;
  margin-right: 1.5rem;
}
#content2022.academics blockquote.realvoice .student figcaption .major {
  font-size: 1.1rem;
  line-height: 1.3;
}
#content2022.academics blockquote.realvoice .student figcaption .name {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1;
  margin-top: 0.6rem;
}
#content2022.academics blockquote.realvoice .student figcaption .name .san {
  font-size: 1.2rem;
}
@media (min-width: 1024px) {
  #content2022.academics blockquote.realvoice h6 {
    font-size: 2.4rem;
    margin-top: 2rem;
  }
  #content2022.academics blockquote.realvoice h6::before,
  #content2022.academics blockquote.realvoice h6::after {
    width: 4.6rem;
    height: 3.9rem;
  }
  #content2022.academics blockquote.realvoice h6::before {
    left: -1em;
  }
  #content2022.academics blockquote.realvoice h6::after {
    right: -1em;
  }
  #content2022.academics blockquote.realvoice .student {
    margin-top: 3rem;
  }
  #content2022.academics blockquote.realvoice .student img {
    width: 120px;
    height: 120px;
    min-width: 120px;
  }
  #content2022.academics blockquote.realvoice .student > .circle {
    width: 120px;
    height: 120px;
  }
  #content2022.academics blockquote.realvoice .student > .circle img {
    width: 120px;
    height: 120px;
  }
  #content2022.academics blockquote.realvoice .student figcaption {
    margin-right: 2rem;
  }
}
#content2022.academics #classRoom-tab {
  position: relative;
  width: 100%;
  height: 21px;
}
#content2022.academics #classRoom-tab::before,
#content2022.academics #classRoom-tab::after {
  content: "";
  position: absolute;
  width: 30px;
  background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 1;
  left: 0;
  top: 0;
  bottom: 0;
}
#content2022.academics #classRoom-tab::after {
  left: auto;
  right: 0;
  background: linear-gradient(to left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}
#content2022.academics #classRoom-tab > ul {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  margin: -2px auto -2px 0;
  padding: 2px;
  overflow-y: visible;
  overflow-x: auto;
}
#content2022.academics #classRoom-tab > ul li {
  position: relative;
  margin: 0;
  padding: 0;
}
#content2022.academics #classRoom-tab > ul li::before {
  display: none;
}
#content2022.academics #classRoom-tab > ul li button {
  font-size: 1.3rem;
  color: #1e1e1e;
  line-height: 1;
  opacity: 0.25;
  white-space: nowrap;
  padding: 0.4rem 1.2rem;
  border-radius: 2em;
  z-index: 1;
}
#content2022.academics #classRoom-tab > ul li button.active {
  opacity: 1;
  background-color: var(--tmuKeycolor01);
  color: white;
  position: relative;
  z-index: 3;
}
#content2022.academics #classRoom {
  border: 1px solid #e3e4e5;
  padding: 3rem;
  margin-top: 1rem;
  font-size: 1.4rem;
}
#content2022.academics #classRoom h6 {
  color: var(--tmuKeycolor01);
  font-size: 2rem;
  margin-top: 0;
}
#content2022.academics #classRoom .link {
  margin-top: 4.5rem;
}
@media (min-width: 1024px) {
  #content2022.academics #classRoom {
    font-size: inherit;
  }
  #content2022.academics #classRoom h6 {
    font-size: 2.4rem;
  }
  #content2022.academics #classRoom a .icon.arrow-r {
    margin-left: 3rem;
  }
}
#content2022.academics #academicsCareerWrap {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding-bottom: 1.6rem;
  column-gap: 3rem;
  row-gap: 2.3rem;
}
#content2022.academics #academicsCareerWrap > *:first-child {
  margin-top: 0;
}
#content2022.academics #academicsCareerWrap > div:not(.forceWrap) > *:first-child {
  margin-top: 0;
}
#content2022.academics #academicsCareerWrap > div:not(.forceWrap) > *:last-child {
  margin-bottom: 0;
}
#content2022.academics #academicsCareerWrap > .forceWrap {
  display: none;
}
@media (min-width: 1024px) {
  #content2022.academics #academicsCareerWrap {
    row-gap: 4.5rem;
  }
  #content2022.academics #academicsCareerWrap > div {
    /*        min-width: ~"calc( 50% - 1.5rem )";
        width: ~"calc((576px - 100%) * 1000)";
        max-width: 100%;*/
  }
}
#content2022.academics #modelPhotos,
#content2022.academics #recuitDonuts {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  column-gap: 3rem;
  row-gap: 4rem;
}
#content2022.academics #modelPhotos > div,
#content2022.academics #recuitDonuts > div {
  min-width: calc( 50% - 1.5rem );
  width: calc((576px - 100%) * 1000);
  max-width: 100%;
  background-color: transparent;
  padding: 0;
  text-align: center;
}
#content2022.academics #modelPhotos > div img,
#content2022.academics #recuitDonuts > div img {
  max-width: 100%;
  width: 468px;
  height: auto;
}
#content2022.academics #modelPhotos.one > div,
#content2022.academics #recuitDonuts.one > div {
  text-align: center;
  width: auto;
  min-width: 0;
}
@media (min-width: 1024px) {
  #content2022.academics #modelPhotos,
  #content2022.academics #recuitDonuts {
    justify-content: start;
  }
}
#content2022.academics #modelPhotos {
  column-gap: 2rem;
  row-gap: 2rem;
}
#content2022.academics #modelPhotos > div {
  position: relative;
  min-width: calc( 50% - 1rem );
  width: calc((480px - 100%) * 1000);
  max-width: 100%;
}
#content2022.academics #modelPhotos > div img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
#content2022.academics #modelTable img {
  width: 1600px;
}
#content2022.academics #academicsFutureWrap {
  display: flex;
  flex-wrap: wrap;
  column-gap: 2.1rem;
  row-gap: 2.5rem;
}
#content2022.academics #academicsFutureWrap .tile {
  flex-grow: 1;
  width: calc((200px - ( 100% - 42px ) /3 ) * 1000);
  min-width: 200px;
  max-width: 100%;
}
#content2022.academics #academicsFutureWrap .tile .image {
  width: 52.173913%;
  margin: 0 auto;
}
#content2022.academics #academicsFutureWrap .tile .image img {
  border-radius: 200px;
}
#content2022.academics #academicsFutureWrap .tile .image .shield {
  display: flex;
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18.888889%;
  height: 22.222222%;
  min-width: 34px;
  min-height: 40px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='40'%3E%3Cpath d='M18.05.36c-.3-.12-.68-.24-.99-.36-.3.12-.68.24-.99.36-3.64 1.26-7.72 2.63-12.24 2.63C2.53 3 1.3 2.93 0 2.81V23.6c0 4.55 4.7 8.8 8.6 11.56A65.3 65.3 0 0 0 17 40c2.66-1.26 17-8.26 17-16.4V2.86a40 40 0 0 1-3.83.18C25.77 3 21.64 1.62 18.05.35Z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='40'%3E%3Cpath d='M18.05.36c-.3-.12-.68-.24-.99-.36-.3.12-.68.24-.99.36-3.64 1.26-7.72 2.63-12.24 2.63C2.53 3 1.3 2.93 0 2.81V23.6c0 4.55 4.7 8.8 8.6 11.56A65.3 65.3 0 0 0 17 40c2.66-1.26 17-8.26 17-16.4V2.86a40 40 0 0 1-3.83.18C25.77 3 21.64 1.62 18.05.35Z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: var(--tmuKeycolor01);
}
#content2022.academics #academicsFutureWrap .tile .image .shield .num {
  font-size: 1.6rem;
  color: white;
  text-align: center;
  line-height: 1;
}
#content2022.academics #academicsFutureWrap .tile h5 {
  font-size: 1.6rem;
  line-height: 1.5;
  margin: 2.5rem 0 1.5rem 0;
}
#content2022.academics #academicsFutureWrap .tile p.text {
  font-size: 1.4rem;
  line-height: 2;
  margin: 0;
}
#content2022.academics #academicsListWrap {
  display: flex;
  flex-wrap: wrap;
  row-gap: 1rem;
  column-gap: 0rem;
}
#content2022.academics #academicsListWrap .card {
  width: 100%;
  border-radius: 0;
  border: none;
  background-color: var(--tmuKeycolor01s);
}
#content2022.academics #academicsListWrap .card a {
  display: flex;
  flex-wrap: nowrap;
  border-left: 4px solid var(--tmuKeycolor01);
  color: #1e1e1e;
  position: relative;
}
#content2022.academics #academicsListWrap .card a svg.icon.arrow-r {
  display: block;
  position: absolute;
  flex-shrink: 0;
  bottom: 1rem;
  right: 1rem;
  margin: 0;
}
#content2022.academics #academicsListWrap .card a .card-img {
  position: relative;
  width: 22%;
  height: 100%;
  min-width: 75px;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 0;
}
#content2022.academics #academicsListWrap .card a .card-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  max-width: none;
  width: auto;
}
#content2022.academics #academicsListWrap .card a .card-body {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  overflow: hidden;
  flex-grow: 1;
  padding: 0 1.5rem;
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 0;
  border-top: 1px solid var(--tmuKeycolor01ss);
  border-right: 1px solid var(--tmuKeycolor01ss);
  border-bottom: 1px solid var(--tmuKeycolor01ss);
}
#content2022.academics #academicsListWrap .card a .card-body h5 {
  margin: 0;
  flex-grow: 1;
  flex-shrink: 1;
  color: inherit;
  font-size: 1.7rem;
}
#content2022.academics #academicsListWrap .card a .card-body h5 .sub {
  display: block;
  font-size: 1.2rem;
  color: var(--tmuKeycolor01);
  margin-top: 0.2rem;
}
#content2022.academics #academicsListWrap .card a .card-body p.text {
  display: none;
}
@media (min-width: 576px) {
  #content2022.academics #academicsListWrap {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax( 250px, 1fr ));
    grid-column-gap: clamp(2rem, 2.92vw, 4rem);
    grid-row-gap: clamp(2rem, 2.92vw, 4rem);
  }
  #content2022.academics #academicsListWrap.few {
    grid-template-columns: repeat(auto-fill, minmax( 250px, 1fr ));
  }
  #content2022.academics #academicsListWrap .card {
    display: block;
  }
  #content2022.academics #academicsListWrap .card a {
    display: flex;
    overflow: hidden;
    flex-wrap: wrap;
    height: 100%;
    flex-direction: column;
    border-left: none;
  }
  #content2022.academics #academicsListWrap .card a .card-img {
    width: 100%;
    min-width: 0;
    height: auto;
  }
  #content2022.academics #academicsListWrap .card a .card-body {
    padding: 2rem 2.5rem;
    flex-grow: 1;
    height: auto;
    display: block;
    border-top: none;
    border-left: 1px solid var(--tmuKeycolor01ss);
  }
  #content2022.academics #academicsListWrap .card a .card-body h5 {
    font-size: 2.8rem;
  }
  #content2022.academics #academicsListWrap .card a .card-body h5.long {
    letter-spacing: -0.07em;
    font-size: 2.4rem;
  }
  #content2022.academics #academicsListWrap .card a .card-body h5 .sub {
    font-size: 1.7rem;
    margin-top: 0.2rem;
  }
  #content2022.academics #academicsListWrap .card a .card-body p.text {
    display: block;
    overflow: hidden;
    font-size: 1.4rem;
  }
}
#content2022.academics #academicsPolicyWrap {
  margin-top: 3rem;
}
@media (min-width: 1024px) {
  #content2022.academics {
    font-size: 1.6rem;
  }
  #content2022.academics h2 {
    font-size: 1.8rem;
  }
  #content2022.academics h4 {
    font-size: 3.6rem;
    padding-top: 2.8rem;
    margin-top: 10rem;
    margin-bottom: 5rem;
  }
  #content2022.academics h4::before {
    width: 5rem;
  }
  #content2022.academics h5:not(.normal) {
    font-size: 2rem;
    margin-top: 5.6rem;
    margin-bottom: 2.7rem;
  }
  #content2022.academics blockquote {
    margin-top: 2.7rem;
  }
}
@media (min-width: 1024px) {
  #content2022.academics.model h4 {
    font-size: 3rem;
    padding-top: 2.3rem;
    margin: 4rem 0;
  }
  #content2022.academics.model h4::before {
    width: 5rem;
  }
  #content2022.academics.model h5:not(.normal) {
    font-size: 2.4rem;
  }
  #content2022.academics.model h6:not(.normal) {
    font-size: 1.6rem;
  }
  #content2022.academics.model blockquote {
    margin-top: 2.7rem;
  }
}
#content2022.academics.top .main {
  padding-top: 2rem;
}
#content2022.academics.top p.leadtext {
  font-family: YakuHanJPs_Narrow, 'Noto Serif JP', "Hiragino Mincho ProN", YuMincho, "Yu Mincho", "serif";
  font-weight: 600;
  font-family: 'PT Serif', "serif", serif;
  font-weight: 400;
  font-size: 2rem;
  line-height: 1.5;
  color: var(--tmuKeycolor01);
  max-width: max( 810px, 74% );
  margin: 0 auto 0 0;
}
#content2022.academics.top p.leadtext br {
  display: none;
}
@media (min-width: 1024px) {
  #content2022.academics.top p.leadtext {
    font-size: 3rem;
  }
  #content2022.academics.top p.leadtext br {
    display: block;
  }
}
#content2022.academics.top .concept {
  font-size: 1.5rem;
  line-height: 2;
  max-width: max( 810px, 74% );
  margin: 3rem auto 9.5rem 0;
}
#content2022.academics.top .concept + .topWrap:not(.bg) {
  margin-top: -4rem;
}
@media (min-width: 1024px) {
  #content2022.academics.top .concept {
    font-size: 1.6rem;
    margin: 3.7rem auto 7.5rem 0;
  }
  #content2022.academics.top .concept + .topWrap:not(.bg) {
    margin-top: -7.5rem;
  }
}
#content2022.academics.top .topWrap {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  padding: 4rem 1.5rem 3rem;
  margin-top: 9.5rem;
}
#content2022.academics.top .topWrap + .topWrap {
  margin-top: 0;
}
#content2022.academics.top .topWrap.bg {
  background-color: var(--tmuKeycolor01s);
}
#content2022.academics.top .topWrap:last-child:not(.bg) {
  padding-bottom: 0;
}
#content2022.academics.top .topWrap h4 {
  margin-top: 0;
  font-size: 2rem;
}
#content2022.academics.top .topWrap h4 + * > *:first-child {
  margin-top: 0;
}
#content2022.academics.top .topWrap h4 + * > *:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  #content2022.academics.top .topWrap {
    margin-left: min( -90px, ( 1600px - 100vw ) / 2 );
    margin-right: min( -90px, ( 1600px - 100vw ) / 2 );
    padding: 4rem max( 90px, ( 100vw - 1600px ) / 2 ) 3rem;
  }
}
@media (min-width: 1024px) {
  #content2022.academics.top .topWrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 7.5rem max( 90px, ( 100vw - 1600px ) / 2 ) 8rem;
  }
  #content2022.academics.top .topWrap h4 {
    font-size: 2.8rem;
    width: 230px;
    margin: 0 5.6rem 0 0;
    flex-grow: 0;
    flex-shrink: 0;
    text-align: left;
  }
  #content2022.academics.top .topWrap h4.sd {
    white-space: normal;
  }
  #content2022.academics.top .topWrap h4 + * {
    margin-top: 2.8rem;
    flex-grow: 1;
  }
}
#content2022.max #manaberuList_SearchBox h4.title,
#content2022.max #interestList_SearchBox h4.title {
  font-family: YakuHanJPs_Narrow, 'Noto Serif JP', "Hiragino Mincho ProN", YuMincho, "Yu Mincho", "serif";
  font-weight: 600;
  font-family: 'PT Serif', "serif", serif;
  font-weight: 400;
  font-size: 1.8rem;
  margin: 0 0 0.75rem 0;
  padding: 0;
  border: none;
  flex-grow: 1;
  width: 100%;
}
#content2022.max #manaberuList_SearchBox h4.title::before,
#content2022.max #interestList_SearchBox h4.title::before {
  display: none;
}
@media (min-width: 1024px) {
  #content2022.max #manaberuList_SearchBox h4.title,
  #content2022.max #interestList_SearchBox h4.title {
    font-size: 2.4rem;
  }
}
#content2022.max #manaberuList_SearchBox {
  width: 100%;
  margin-top: -2rem;
  background-color: white;
  padding: 2rem 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: start;
  column-gap: 2.5rem;
  row-gap: 1.7rem;
}
#content2022.max #manaberuList_SearchBox #selectManaberuListA,
#content2022.max #manaberuList_SearchBox #selectManaberuListB {
  min-width: calc( 50% - 1.25rem );
  width: calc((558px - 100%) * 1000);
  max-width: 100%;
}
@media (min-width: 1024px) {
  #content2022.max #manaberuList_SearchBox {
    margin-top: -6rem;
    padding: 4rem 5rem;
  }
}
#content2022.max #interestList_SearchBox {
  width: 100%;
  margin-top: 1rem;
  background-color: white;
  padding: 2rem 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  column-gap: 1rem;
  row-gap: 1rem;
}
#content2022.max #interestList_SearchBox h5.title {
  font-family: YakuHanJPs_Narrow, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Custom Yu Gothic", "Yu Gothic Medium", "Yu Gothic", Meiryo, "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
  color: #1e1e1e;
  flex-grow: 1;
  width: 100%;
  margin: 1rem 0 0;
  padding: 0;
}
#content2022.max #interestList_SearchBox h5.title:first-of-type {
  margin-top: 0;
}
#content2022.max #interestList_SearchBox button.tile {
  width: calc((540px - 100%) * 1000);
  min-width: calc( 50% - .5rem );
  max-width: 100%;
  border: none;
  border-radius: 5px;
  background-color: #f4f5f6;
  padding: 2.5rem 1.5rem 2rem;
  display: flex;
  flex-direction: column;
}
#content2022.max #interestList_SearchBox button.tile h6 {
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--tmuKeycolor01);
  text-align: left;
  margin: 0;
}
#content2022.max #interestList_SearchBox button.tile ul.interestList {
  text-align: justify;
  margin: 1.5rem 0 0;
  padding: 0;
  font-size: 1.4rem;
  line-height: 1.4;
}
#content2022.max #interestList_SearchBox button.tile ul.interestList li {
  padding: 0;
  margin: 0;
  display: inline;
}
#content2022.max #interestList_SearchBox button.tile ul.interestList li::before {
  display: none;
}
#content2022.max #interestList_SearchBox button.tile ul.interestList li::after {
  content: "、";
  display: inline;
}
#content2022.max #interestList_SearchBox button.tile ul.interestList li:last-of-type::after {
  content: "";
  display: none;
}
#content2022.max #interestList_SearchBox button.tile.hover,
#content2022.max #interestList_SearchBox button.tile.active {
  transition: background-color 0.75s;
  background-color: var(--tmuKeycolor01);
  color: white;
  opacity: 0.75;
}
#content2022.max #interestList_SearchBox button.tile.hover h6,
#content2022.max #interestList_SearchBox button.tile.active h6 {
  color: white;
}
#content2022.max #interestList_SearchBox button.tile.active {
  opacity: 1;
}
@media (min-width: 1024px) {
  #content2022.max #interestList_SearchBox {
    column-gap: 2rem;
    row-gap: 1.5rem;
    padding: 4rem 5rem;
  }
  #content2022.max #interestList_SearchBox h5.title {
    font-size: 1.6rem;
  }
  #content2022.max #interestList_SearchBox button.tile {
    min-width: calc( 33.333333% - 1.333333rem );
    padding: 2.5rem 2rem 2rem;
  }
  #content2022.max #interestList_SearchBox button.tile h6 {
    font-size: 1.8rem;
  }
}
#content2022.max button.reset {
  z-index: 3;
  margin-top: -7px;
}
@media (min-width: 1024px) {
  #content2022.max button.reset {
    margin-top: -60px;
  }
}
#content2022.max #selectedTitle {
  margin-top: 4rem;
}
#content2022.max #selectedTitle ul.interestList {
  text-align: justify;
  margin: 1rem 0 0;
  padding: 0 0 0.5rem;
  font-size: 1.4rem;
  line-height: 1.4;
  font-feature-settings: 'pkna';
  font-family: YakuHanJPs_Narrow, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Custom Yu Gothic", "Yu Gothic Medium", "Yu Gothic", Meiryo, "Noto Sans JP", sans-serif;
  font-weight: 300;
}
#content2022.max #selectedTitle ul.interestList li {
  padding: 0;
  margin: 0;
  display: inline;
}
#content2022.max #selectedTitle ul.interestList li::before {
  display: none;
}
#content2022.max #selectedTitle ul.interestList li::after {
  content: "、";
  display: inline;
}
#content2022.max #selectedTitle ul.interestList li:last-of-type::after {
  content: "";
  display: none;
}
@media (min-width: 1024px) {
  #content2022.max #selectedTitle {
    margin-top: 6rem;
    padding-right: 10rem;
  }
  #content2022.max #selectedTitle ul.interestList {
    margin-top: 1.2rem;
    padding-bottom: 0.8rem;
  }
}
#content2022.max #facultyWrapResults {
  margin-top: 3rem;
}
@media (min-width: 1024px) {
  #content2022.max #facultyWrapResults {
    margin-top: 4rem;
  }
}
#content2022.max #facultyWrapResults .parentName {
  font-family: YakuHanJPs_Narrow, 'Noto Serif JP', "Hiragino Mincho ProN", YuMincho, "Yu Mincho", "serif";
  font-weight: 600;
  font-family: 'PT Serif', "serif", serif;
  font-weight: 400;
  font-size: 1.1rem;
  color: var(--tmuKeycolor01);
  padding-bottom: 6px;
}
@media (min-width: 1024px) {
  #content2022.max #facultyWrapResults .parentName {
    font-size: 1.4rem;
    padding-bottom: 10px;
  }
}
#content2022.max section.graduate,
#content2022.max section.faculty {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  margin-top: 4rem;
}
#content2022.max section.graduate h4,
#content2022.max section.faculty h4 {
  position: relative;
  margin-top: 0;
  margin-bottom: 3rem;
  padding-top: 1.5rem;
  padding-left: 0;
  border-left: none;
  font-size: 2rem;
}
#content2022.max section.graduate h4 > a,
#content2022.max section.faculty h4 > a {
  text-decoration: none;
  color: #1e1e1e;
}
#content2022.max section.graduate h4::before,
#content2022.max section.faculty h4::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 3.5rem;
  height: 0.3rem;
  background-color: var(--tmuKeycolor01);
}
#content2022.max section.graduate h4 + p,
#content2022.max section.faculty h4 + p {
  margin-top: -0.5em;
}
#content2022.max section.graduate a.checkAll,
#content2022.max section.faculty a.checkAll {
  margin: 3rem 0 0 0;
}
@media (min-width: 1024px) {
  #content2022.max section.graduate,
  #content2022.max section.faculty {
    margin-top: 8rem;
    flex-direction: row;
    align-items: end;
  }
  #content2022.max section.graduate h4,
  #content2022.max section.faculty h4 {
    font-size: 3.6rem;
    padding-top: 2.8rem;
  }
  #content2022.max section.graduate h4::before,
  #content2022.max section.faculty h4::before {
    width: 5rem;
  }
  #content2022.max section.graduate h4 + p,
  #content2022.max section.faculty h4 + p {
    font-size: 1.6rem;
    margin-top: -1.5rem;
    margin-bottom: 0;
  }
  #content2022.max section.graduate a.checkAll,
  #content2022.max section.faculty a.checkAll {
    margin: 0 0 1.5rem 0;
  }
}
#content2022 div[id^="apHTML"] .modal-header,
#content2022 #academicsPolicyHtml .modal-header,
#content2022 #academicsPolicyHtml1 .modal-header,
#content2022 #academicsPolicyHtml2 .modal-header {
  padding: 2rem 3rem;
}
#content2022 div[id^="apHTML"] .modal-header h5,
#content2022 #academicsPolicyHtml .modal-header h5,
#content2022 #academicsPolicyHtml1 .modal-header h5,
#content2022 #academicsPolicyHtml2 .modal-header h5 {
  margin: 0;
  padding-right: 1em;
  line-height: 1.5;
  font-family: YakuHanJPs_Narrow, 'Noto Serif JP', "Hiragino Mincho ProN", YuMincho, "Yu Mincho", "serif";
  font-weight: 600;
  font-family: 'PT Serif', "serif", serif;
  font-weight: 400;
  font-size: 2rem;
  color: #1e1e1e;
}
#content2022 div[id^="apHTML"] .modal-body,
#content2022 #academicsPolicyHtml .modal-body,
#content2022 #academicsPolicyHtml1 .modal-body,
#content2022 #academicsPolicyHtml2 .modal-body {
  padding: 2rem 3rem;
}
#content2022 div[id^="apHTML"] .modal-body h6,
#content2022 #academicsPolicyHtml .modal-body h6,
#content2022 #academicsPolicyHtml1 .modal-body h6,
#content2022 #academicsPolicyHtml2 .modal-body h6 {
  line-height: 1.5;
  font-family: YakuHanJPs_Narrow, 'Noto Serif JP', "Hiragino Mincho ProN", YuMincho, "Yu Mincho", "serif";
  font-weight: 600;
  font-family: 'PT Serif', "serif", serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: var(--tmuKeycolor01);
}
#content2022 div[id^="apHTML"] .modal-body ul,
#content2022 #academicsPolicyHtml .modal-body ul,
#content2022 #academicsPolicyHtml1 .modal-body ul,
#content2022 #academicsPolicyHtml2 .modal-body ul {
  list-style-type: none !important;
}
/* CSS Document */
body.researcher {
  background-color: white;
}
#content2022 ._3cards.researcher .card .card-body h5.card-title {
  margin-top: 2rem;
  margin-bottom: 1.3rem;
  color: inherit;
  font-size: 2rem;
  line-height: 1;
  flex-wrap: wrap;
}
#content2022 ._3cards.researcher .card .card-body h5.card-title .name {
  margin-right: 0.8rem;
}
#content2022 ._3cards.researcher .card .card-body h5.card-title .position {
  padding-top: 4px;
  font-size: 1.2rem;
  white-space: nowrap;
  font-feature-settings: 'pkna';
  font-family: YakuHanJPs_Narrow, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Custom Yu Gothic", "Yu Gothic Medium", "Yu Gothic", Meiryo, "Noto Sans JP", sans-serif;
  font-weight: 500;
}
#content2022 ._3cards.researcher .card .card-body h6 {
  font-size: 1.2rem;
  font-weight: 600;
  margin: 0.8rem 0 0.6rem;
}
#content2022 ._3cards.researcher .card .card-body p {
  font-size: 1.3rem;
  font-weight: 300;
  margin: 0.8rem 0;
}
#content2022.researcher .main {
  margin: 0 auto;
  padding: 4rem 0 0;
  position: relative;
}
@media (min-width: 768px) {
  #content2022.researcher .main {
    padding-top: 10rem;
  }
}
#content2022.researcher #scrollSpy > .list-group {
  padding-top: 10rem;
}
#content2022.researcher h4 {
  position: relative;
  margin-top: 4rem;
  margin-bottom: 3rem;
  padding-top: 1.5rem;
  padding-left: 0;
  border-left: none;
  font-size: 2rem;
}
#content2022.researcher h4::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 3.5rem;
  height: 0.3rem;
  background-color: var(--tmuKeycolor01);
}
#content2022.researcher h4 + p {
  margin-top: -0.5em;
}
#content2022.researcher h5:not(.normal):not(.min-600):not(.accordion-header) {
  font-feature-settings: 'pkna';
  font-family: YakuHanJPs_Narrow, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Custom Yu Gothic", "Yu Gothic Medium", "Yu Gothic", Meiryo, "Noto Sans JP", sans-serif;
  font-family: inherit;
  font-weight: 600;
  font-size: 1.6rem;
  margin-top: 2.7rem;
  margin-bottom: 1.8rem;
}
#content2022.researcher p {
  line-height: 2;
}
@media (min-width: 1024px) {
  #content2022.researcher h4 {
    font-size: 3.6rem;
    margin-top: 10rem;
    margin-bottom: 5rem;
    padding-top: 2.8rem;
  }
  #content2022.researcher h4::before {
    width: 5rem;
  }
  #content2022.researcher .rightWrap {
    display: flex;
    justify-content: between;
    align-items: start;
    flex-wrap: nowrap;
    margin-top: 2.7rem;
  }
  #content2022.researcher .rightWrap > h5:not(.normal):not(.min-600):not(.accordion-header) {
    width: 166px;
    margin: 0 auto 0 0;
    flex-shrink: 0;
    line-height: 2;
  }
  #content2022.researcher .rightWrap > h5:not(.normal):not(.min-600):not(.accordion-header) + * {
    flex-grow: 1;
    margin: 0;
  }
  #content2022.researcher .rightWrap > h5:not(.normal):not(.min-600):not(.accordion-header) + .linklistWithArrow {
    margin-top: 0.2rem;
  }
  #content2022.researcher .rightWrap p {
    margin-top: 0;
  }
}
#content2022.researcher #researcherHeader {
  position: relative;
  border-bottom: 1px solid #1e1e1e;
  height: 375px;
  text-align: left;
  word-break: normal;
}
#content2022.researcher #researcherHeader .face {
  width: 200px;
  height: 200px;
  object-fit: cover;
  margin: 2rem auto 0;
}
#content2022.researcher #researcherHeader .position {
  font-size: 1.4rem;
  line-height: 1;
  margin-top: 2rem;
}
#content2022.researcher #researcherHeader .name {
  display: flex;
  flex-wrap: wrap;
  column-gap: 14px;
  align-items: center;
  font-size: 2.8rem;
  line-height: 1.1;
  margin: 2rem auto 0 0;
}
#content2022.researcher #researcherHeader .name .kana {
  font-feature-settings: 'pkna';
  font-family: YakuHanJPs_Narrow, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Custom Yu Gothic", "Yu Gothic Medium", "Yu Gothic", Meiryo, "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 1.4rem;
  padding-top: 0.125em;
  color: #979899;
}
#content2022.researcher #researcherHeader .bgName {
  position: absolute;
  font-size: 11rem;
  white-space: nowrap;
  color: #f4f5f6;
  z-index: -1;
  left: -1.5rem;
  right: -1.5rem;
  bottom: 2rem;
  overflow: hidden;
}
#content2022.researcher #researcherHeader.nophoto {
  height: 260px;
  padding-top: 55px;
}
#content2022.researcher #researcherHeader.nophoto .bgName {
  bottom: 5rem;
}
@media (min-width: 768px) {
  #content2022.researcher #researcherHeader .bgName {
    left: -9rem;
    right: -9rem;
  }
}
@media (min-width: 1024px) {
  #content2022.researcher #researcherHeader {
    height: 260px;
  }
  #content2022.researcher #researcherHeader .face {
    position: absolute;
    margin: 0;
    top: 0;
    right: 0;
  }
  #content2022.researcher #researcherHeader .bgName {
    bottom: 3.3rem;
    font-size: 12rem;
  }
  #content2022.researcher #researcherHeader .position {
    position: absolute;
    top: 75px;
    left: 0;
    font-size: 1.6rem;
    margin-top: 0;
  }
  #content2022.researcher #researcherHeader .name {
    position: absolute;
    top: 100px;
    left: 0;
    column-gap: 16px;
    font-size: 5rem;
    margin: 0;
    max-width: calc( 100% - 210px );
  }
  #content2022.researcher #researcherHeader .name .kana {
    font-feature-settings: 'pkna';
    font-family: YakuHanJPs_Narrow, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Custom Yu Gothic", "Yu Gothic Medium", "Yu Gothic", Meiryo, "Noto Sans JP", sans-serif;
    font-weight: 300;
    font-size: 1.6rem;
    padding-top: 0.125em;
  }
}
#content2022.researcher #researchPhotos {
  --bs-gutter-x: 0;
}
#content2022.researcher #researchPhotos .row .col .wrapOuter {
  position: relative;
  width: 100%;
  text-align: center;
}
#content2022.researcher #researchPhotos .row .col .wrapOuter a {
  display: inline-block;
  margin: 0 auto;
  width: auto;
  height: 100%;
}
#content2022.researcher #researchPhotos .row .col .wrapOuter img {
  object-fit: contain;
  height: 100%;
  width: auto;
}
@media (min-width: 768px) {
  #content2022.researcher #researchPhotos .row .col .wrapOuter::before {
    display: block;
    padding-top: 66.66666667%;
    content: "";
  }
  #content2022.researcher #researchPhotos .row .col .wrapOuter > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
#content2022.researcher #researchDetailAccordion .accordion-item {
  background-color: #f4f5f6;
  border: none;
  margin-bottom: 2px;
}
#content2022.researcher #researchDetailAccordion .accordion-item .accordion-header {
  margin: 0;
  padding: 0;
}
#content2022.researcher #researchDetailAccordion .accordion-item .accordion-header > .link,
#content2022.researcher #researchDetailAccordion .accordion-item .accordion-header > .accordion-button {
  font-feature-settings: 'pkna';
  font-family: YakuHanJPs_Narrow, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Custom Yu Gothic", "Yu Gothic Medium", "Yu Gothic", Meiryo, "Noto Sans JP", sans-serif;
  font-family: inherit;
  font-weight: 600;
  padding: 1.6rem 2rem;
  font-size: 1.5rem;
  color: #1e1e1e;
  background-color: #f4f5f6;
  box-shadow: none;
}
@media (min-width: 1024px) {
  #content2022.researcher #researchDetailAccordion .accordion-item .accordion-header > .link,
  #content2022.researcher #researchDetailAccordion .accordion-item .accordion-header > .accordion-button {
    padding: 2.4rem 4rem;
    font-size: 1.6rem;
  }
}
#content2022.researcher #researchDetailAccordion .accordion-item .accordion-header > .link {
  display: block;
}
#content2022.researcher #researchDetailAccordion .accordion-item .accordion-header > .link::after {
  display: none;
}
#content2022.researcher #researchDetailAccordion .accordion-item .accordion-body {
  padding: 0 2rem 1.5rem 2rem;
  font-feature-settings: 'pkna';
  font-family: YakuHanJPs_Narrow, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Custom Yu Gothic", "Yu Gothic Medium", "Yu Gothic", Meiryo, "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 1.4rem;
  line-height: 2;
  color: #1e1e1e;
  background-color: #f4f5f6;
  text-align: left;
  word-break: normal;
}
#content2022.researcher #researchDetailAccordion .accordion-item .accordion-body .torikumi {
  font-size: inherit;
  padding: 0;
}
#content2022.researcher #researchDetailAccordion .accordion-item .accordion-body ul {
  margin: 0;
}
@media (min-width: 1024px) {
  #content2022.researcher #researchDetailAccordion .accordion-item .accordion-body {
    padding: 0 4rem 2.4rem 4rem;
  }
}
#content2022.max .wrapMain {
  flex-wrap: wrap;
}
#content2022.max .wrapMain > *:last-child {
  margin-bottom: 0;
}
#content2022.max .wrapMain #researcherList_SearchBox {
  width: 100%;
  margin-top: -2rem;
}
#content2022.max .wrapMain #SelectOrgWrap {
  background-color: white;
  margin-bottom: 1rem;
  padding: 2rem 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: start;
  column-gap: 2.5rem;
}
#content2022.max .wrapMain #SelectOrgWrap .title {
  margin-bottom: 1rem;
}
#content2022.max .wrapMain #SelectOrgWrap .SelectOrg {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: start;
  column-gap: 1rem;
  row-gap: 0.5rem;
  width: 100%;
}
#content2022.max .wrapMain #SelectOrgWrap .freeword {
  width: 100%;
}
#content2022.max .wrapMain .freewordWrap {
  width: 100%;
}
#content2022.max .wrapMain .freewordWrap .freeword {
  margin-top: 1.7rem;
  padding: 0;
  background-color: transparent;
}
#content2022.max .wrapMain .freewordWrap .freeword .title {
  padding-bottom: 5px;
}
#content2022.max .wrapMain .freewordWrap .freeword table.gsc-search-box,
#content2022.max .wrapMain .freewordWrap .freeword form.gsc-search-box {
  margin: 0;
}
#content2022.max .wrapMain .freewordWrap .freeword table.gsc-search-box td.gsc-input,
#content2022.max .wrapMain .freewordWrap .freeword form.gsc-search-box td.gsc-input {
  padding: 0.5em 0 0.5em 1em;
}
#content2022.max .wrapMain .freewordWrap .freeword .gsc-input-box {
  background-color: #f4f5f6 !important;
  border-width: 0;
  border-radius: 0;
  padding: 0;
}
#content2022.max .wrapMain .freewordWrap .freeword .gsc-input-box table {
  margin: 0;
  height: 100%;
}
#content2022.max .wrapMain .freewordWrap .freeword .gsc-input-box table td {
  margin: 0;
  border: 0;
  padding: 0.5em;
}
#content2022.max .wrapMain .freewordWrap .freeword .gsc-input-box table td.gsib_b {
  padding: 0;
  display: flex;
  align-items: center;
  height: 100%;
}
#content2022.max .wrapMain .freewordWrap .freeword td.gsc-search-button {
  padding: 0;
  background-color: transparent;
}
#content2022.max .wrapMain .freewordWrap .freeword .gsc-search-button-v2 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  fill: white;
  background-color: var(--tmuKeycolor01) !important;
  border: none;
  border-radius: 0;
  margin: 0;
  padding: 0;
}
#content2022.max .wrapMain .freewordWrap .freeword .gsc-search-button-v2 svg {
  height: auto;
  width: 20px;
  fill: white;
}
#content2022.max .wrapMain .freewordWrap .freeword input.gsc-input {
  background-color: transparent!important;
  line-height: 1.5;
}
#content2022.max .wrapMain .resultWrap {
  width: 100%;
}
#content2022.max .wrapMain .resultWrap .gsc-control-cse {
  padding: 0;
  border: none;
}
#content2022.max .wrapMain .resultWrap .gsc-control-cse .gs-no-results-result {
  text-align: center;
}
#content2022.max .wrapMain .resultWrap .gsc-control-cse .gsc-webResult .gsc-result {
  border: none;
}
#content2022.max .wrapMain .resultWrap .gsc-control-cse .gsc-resultsbox-visible {
  margin-top: 1.7rem;
  padding-top: 1em;
  border-top: 1px solid #e3e4e5;
}
#content2022.max .wrapMain .resultWrap .gsc-control-cse .gsc-above-wrapper-area,
#content2022.max .wrapMain .resultWrap .gsc-control-cse .gs-image-box,
#content2022.max .wrapMain .resultWrap .gsc-control-cse .gs-visibleUrl,
#content2022.max .wrapMain .resultWrap .gsc-control-cse .gs-visibleUrl-breadcrumb,
#content2022.max .wrapMain .resultWrap .gsc-control-cse .gsc-refinementsArea,
#content2022.max .wrapMain .resultWrap .gsc-control-cse .gcsc-find-more-on-google-root {
  display: none;
}
#content2022.max .wrapMain #SelectAtoZ {
  background-color: white;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: start;
  column-gap: 4rem;
  row-gap: 1.5rem;
  padding: 2rem 1.5rem;
}
#content2022.max .wrapMain #SelectAtoZ .title {
  font-size: 1.4rem;
}
#content2022.max .wrapMain #SelectAtoZ .buttons {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.8rem;
  row-gap: 0.8rem;
}
#content2022.max .wrapMain #SelectAtoZ .buttons button {
  background-color: #f4f5f6;
  color: #1e1e1e;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1;
  border: none;
  border-radius: 30px;
  padding: 1.1rem;
  flex-shrink: 0;
  flex-grow: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#content2022.max .wrapMain #SelectAtoZ .buttons button > span {
  display: block;
  width: 1em;
  height: 1em;
  white-space: nowrap;
}
@media (min-width: 1024px) {
  #content2022.max .wrapMain #researcherList_SearchBox {
    margin-top: -6rem;
  }
  #content2022.max .wrapMain #SelectOrgWrap {
    padding: 4rem 5rem;
    align-items: stretch;
    justify-content: space-between;
    column-gap: 2.5rem;
  }
  #content2022.max .wrapMain #SelectOrgWrap .title {
    white-space: nowrap;
    width: 100%;
  }
  #content2022.max .wrapMain #SelectOrgWrap .SelectOrg {
    display: block;
    width: auto;
    flex-grow: 1;
  }
  #content2022.max .wrapMain #SelectOrgWrap .SelectOrg.title {
    margin-bottom: 1.3rem;
  }
  #content2022.max .wrapMain #SelectOrgWrap .SelectOrg select {
    display: inline-block;
    width: auto;
  }
  #content2022.max .wrapMain #SelectOrgWrap .SelectOrg select.majorA {
    width: clamp( 26rem, 40%, 32rem);
    margin-right: 1rem;
  }
  #content2022.max .wrapMain #SelectOrgWrap .SelectOrg select.majorB {
    width: clamp( 33rem, 58%, 40rem);
  }
  #content2022.max .wrapMain #SelectOrgWrap .freewordWrap {
    display: flex;
    flex-direction: row;
    margin-top: 1rem;
    column-gap: 2rem;
  }
  #content2022.max .wrapMain #SelectOrgWrap .freewordWrap .freeword {
    width: auto;
    flex-shrink: 0;
    flex-grow: 1;
  }
  #content2022.max .wrapMain #SelectAtoZ {
    flex-direction: row;
    align-items: center;
    justify-content: start;
    column-gap: 1rem;
    row-gap: 0.8rem;
    padding: 2rem 5rem;
  }
  #content2022.max .wrapMain #SelectAtoZ .title {
    display: inline-block;
    width: auto;
    margin-bottom: 0;
    padding-right: 4rem;
    font-size: 1.6rem;
    flex-shrink: 1;
  }
  #content2022.max .wrapMain #SelectAtoZ .buttons {
    column-gap: 1rem;
    row-gap: 1rem;
  }
  #content2022.max .wrapMain #SelectAtoZ .buttons button {
    font-size: 1.6rem;
    padding: 1.7rem;
  }
}
#content2022 .wrapMain .researcherListWrap {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax( 270px, 1fr ));
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  margin-top: 2rem;
}
#content2022 .wrapMain .researcherListWrap.few {
  grid-template-columns: repeat(auto-fill, minmax( 270px, 1fr ));
}
#content2022 .wrapMain .researcherListWrap h6 {
  font-family: YakuHanJPs_Narrow, 'Noto Serif JP', "Hiragino Mincho ProN", YuMincho, "Yu Mincho", "serif";
  font-weight: 600;
  font-family: 'PT Serif', "serif", serif;
  font-weight: 400;
  display: inline-block;
  width: auto;
  color: #1e1e1e;
  font-size: 1.7rem;
  line-height: 1;
  grid-column-start: 1;
  grid-column-end: -1;
  margin: 2rem auto 1rem 0;
  padding-bottom: 1rem;
  border-bottom: 1px solid #1e1e1e;
}
#content2022 .wrapMain .researcherListWrap .card {
  display: block;
  background-color: white;
  transition: opacity 0.75s linear;
}
#content2022 .wrapMain .researcherListWrap .card > a {
  display: block;
  height: 100%;
  padding: 1rem 1rem 1rem 2rem;
}
#content2022 .wrapMain .researcherListWrap .card .wrap {
  display: flex;
  overflow: hidden;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
}
#content2022 .wrapMain .researcherListWrap .card .wrap.en {
  padding: 1rem 1rem 1rem 2rem;
  height: 100%;
}
#content2022 .wrapMain .researcherListWrap .card .wrap .card-img {
  order: 1;
  width: 24%;
  min-width: 0;
  height: auto;
  flex-shrink: 0;
}
#content2022 .wrapMain .researcherListWrap .card .wrap .card-img.dummy {
  width: 0;
  padding-bottom: 24%;
}
#content2022 .wrapMain .researcherListWrap .card .wrap .card-body {
  order: 0;
  padding: 0 12px 0 0;
  flex-grow: 1;
  height: auto;
  display: block;
  font-size: 1.1rem;
  word-break: normal;
  text-align: left;
}
#content2022 .wrapMain .researcherListWrap .card .wrap .card-body .major {
  display: none;
}
#content2022 .wrapMain .researcherListWrap .card .wrap .card-body .position {
  line-height: 1;
}
#content2022 .wrapMain .researcherListWrap .card .wrap .card-body .name {
  font-family: YakuHanJPs_Narrow, 'Noto Serif JP', "Hiragino Mincho ProN", YuMincho, "Yu Mincho", "serif";
  font-weight: 600;
  font-family: 'PT Serif', "serif", serif;
  font-weight: 400;
  font-size: 1.7rem;
  line-height: 1.5;
  margin: 4px auto 5px 0;
}
#content2022 .wrapMain .researcherListWrap .card .wrap .card-body .name a {
  margin: 0;
  padding: 0;
  color: inherit;
}
#content2022 .wrapMain .researcherListWrap .card .wrap .card-body .furigana {
  color: #979899;
  line-height: 1;
}
#content2022 .wrapMain .researcherListWrap .card .field > p {
  margin: 6px 0 0;
  font-size: 1.1rem;
  line-height: 1.4;
  text-align: left;
  overflow: hidden;
}
@supports (-webkit-line-clamp: 2) {
  #content2022 .wrapMain .researcherListWrap .card .field > p {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    box-orient: vertical;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}
@media (min-width: 1024px) {
  #content2022 .wrapMain .researcherListWrap {
    grid-template-columns: repeat(auto-fill, minmax( 320px, 1fr ));
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    margin-top: 0;
  }
  #content2022 .wrapMain .researcherListWrap.few {
    grid-template-columns: repeat(auto-fill, minmax( 320px, 1fr ));
  }
  #content2022 .wrapMain .researcherListWrap h6 {
    font-size: 2rem;
    margin-top: 6rem;
    margin-bottom: 1.8rem;
  }
  #content2022 .wrapMain .researcherListWrap .card a {
    padding: 1.5rem 1.5rem 1.5rem 2.5rem;
  }
  #content2022 .wrapMain .researcherListWrap .card a .card-img {
    order: 1;
    width: 29.032258%;
  }
  #content2022 .wrapMain .researcherListWrap .card a .card-body {
    font-size: 1.2rem;
  }
  #content2022 .wrapMain .researcherListWrap .card a .card-body .name {
    font-family: YakuHanJPs_Narrow, 'Noto Serif JP', "Hiragino Mincho ProN", YuMincho, "Yu Mincho", "serif";
    font-weight: 600;
    font-family: 'PT Serif', "serif", serif;
    font-weight: 400;
    font-size: 2rem;
    line-height: 1.5;
    margin: 4px auto 5px 0;
  }
  #content2022 .wrapMain .researcherListWrap .card a .card-body .name a {
    margin: 0;
    padding: 0;
    color: inherit;
  }
}
/* CSS Document */
.Ecolorbar {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjAiIGhlaWdodD0iNiI+PHBhdGggZmlsbD0iIzdkNjBhYyIgZD0iTTAgMGgyMHY2SDB6Ii8+PHBhdGggZmlsbD0iIzJkYTc2OSIgZD0iTTIwIDBoMjB2NkgyMHoiLz48cGF0aCBmaWxsPSIjZjA5NDk1IiBkPSJNNDAgMGgyMHY2SDQweiIvPjxwYXRoIGZpbGw9IiNmZmU4NDMiIGQ9Ik02MCAwaDIwdjZINjB6Ii8+PHBhdGggZmlsbD0iI2RiNTQ1NSIgZD0iTTgwIDBoMjB2Nkg4MHoiLz48cGF0aCBmaWxsPSIjMmY5ZGUzIiBkPSJNMTAwIDBoMjB2NmgtMjB6Ii8+PHBhdGggZmlsbD0iI2I1ODI0ZSIgZD0iTTEyMCAwaDIwdjZoLTIweiIvPjxwYXRoIGZpbGw9IiNmMDdlNDQiIGQ9Ik0xNDAgMGgyMHY2aC0yMHoiLz48L3N2Zz4=);
}
body.entrance,
body.entrance #breadcrumbs,
body.entrance #footer {
  background-color: #f7f5f0;
}
body.entrance #keyvisual {
  height: 320px;
}
@media (min-width: 1024px) {
  body.entrance #keyvisual {
    height: 620px;
  }
}
body.entrance #keyvisual .swiper-container {
  position: absolute;
  overflow: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
body.entrance #keyvisual .swiper-container.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: linear;
}
body.entrance #keyvisual .swiper-container .swiper-slide {
  display: grid;
  grid-template-rows: 50% 50%;
  grid-template-columns: 50% 50%;
  width: 320px;
  height: 320px;
}
body.entrance #keyvisual .swiper-container .swiper-slide > div {
  overflow: hidden;
  position: relative;
}
body.entrance #keyvisual .swiper-container .swiper-slide > div img {
  position: absolute;
  width: 100%;
  height: 100%;
}
body.entrance #keyvisual .swiper-container .swiper-slide.groupA > div:nth-of-type(1) {
  grid-column: 1 / 3;
  grid-row: 1 / 2;
}
body.entrance #keyvisual .swiper-container .swiper-slide.groupA > div:nth-of-type(2) {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
}
body.entrance #keyvisual .swiper-container .swiper-slide.groupA > div:nth-of-type(3) {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
}
body.entrance #keyvisual .swiper-container .swiper-slide.groupA > div:nth-of-type(4) {
  display: none;
}
body.entrance #keyvisual .swiper-container .swiper-slide.groupB > div:nth-of-type(1) {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
body.entrance #keyvisual .swiper-container .swiper-slide.groupB > div:nth-of-type(2) {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
}
body.entrance #keyvisual .swiper-container .swiper-slide.groupB > div:nth-of-type(3) {
  grid-column: 1 / 3;
  grid-row: 2 / 3;
}
body.entrance #keyvisual .swiper-container .swiper-slide.groupB > div:nth-of-type(4) {
  display: none;
}
@media (min-width: 1024px) {
  body.entrance #keyvisual .swiper-container .swiper-slide {
    width: 1240px;
    height: 620px;
    grid-template-columns: 25% 25% 25% 25%;
    grid-template-columns: 25% 25% 50%;
  }
  body.entrance #keyvisual .swiper-container .swiper-slide.groupA > div:nth-of-type(1) {
    grid-column: 1 / 3;
    grid-row: 1 / 2;
  }
  body.entrance #keyvisual .swiper-container .swiper-slide.groupA > div:nth-of-type(2) {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
  }
  body.entrance #keyvisual .swiper-container .swiper-slide.groupA > div:nth-of-type(3) {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
  }
  body.entrance #keyvisual .swiper-container .swiper-slide.groupA > div:nth-of-type(4) {
    grid-column: 3 / 5;
    grid-row: 1 / 3;
    display: block;
  }
  body.entrance #keyvisual .swiper-container .swiper-slide.groupB > div:nth-of-type(1) {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }
  body.entrance #keyvisual .swiper-container .swiper-slide.groupB > div:nth-of-type(2) {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
  }
  body.entrance #keyvisual .swiper-container .swiper-slide.groupB > div:nth-of-type(3) {
    grid-column: 1 / 3;
    grid-row: 2 / 3;
  }
  body.entrance #keyvisual .swiper-container .swiper-slide.groupB > div:nth-of-type(4) {
    grid-column: 3 / 5;
    grid-row: 1 / 3;
    display: block;
  }
}
body.entrance #content2022 {
  position: relative;
}
body.entrance #content2022::before {
  content: "";
  display: block;
  opacity: 0.5;
  background-image: url("/assets/templates/ver2022/images/admission-bgtext.svg");
  background-repeat: no-repeat;
  background-position: -372px center;
  background-size: 4020px auto;
  background-origin: content-box;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@media (min-width: 1024px) {
  body.entrance #content2022::before {
    background-position: -770px center;
    background-size: 8290px 390px;
  }
}
body.entrance #content2022.bgfix::before {
  position: fixed;
}
body.entrance #content2022 .inner-ml-1600 .main {
  padding-right: 1.5rem !important;
}
@media (min-width: 1024px) {
  body.entrance #content2022 .inner-ml-1600 .main {
    padding-right: max(90px, 100% - 1600px ) !important;
  }
}
body.entrance #content2022 #entranceSubmenu {
  background-color: #f7f5f0;
  margin-top: -2rem;
  margin-left: -15px;
  display: flex;
  align-items: center;
}
body.entrance #content2022 #entranceSubmenu ul {
  list-style: none;
  padding: 4rem 0 0 15px;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: auto;
  column-gap: 3rem;
  row-gap: 1.5rem;
  align-items: center;
}
body.entrance #content2022 #entranceSubmenu ul li {
  margin: 0;
}
body.entrance #content2022 #entranceSubmenu ul li > a {
  font-size: 1.4rem;
  border-bottom: none;
}
body.entrance #content2022 #entranceSubmenu ul li > a .icon,
body.entrance #content2022 #entranceSubmenu ul li > a .addIcon {
  display: inline-block;
  margin-left: 0.5em;
  margin-right: 0.125em;
}
@media (min-width: 768px) {
  body.entrance #content2022 #entranceSubmenu {
    margin-left: -90px;
  }
  body.entrance #content2022 #entranceSubmenu ul {
    padding-left: 90px;
  }
}
@media (min-width: 1024px) {
  body.entrance #content2022 #entranceSubmenu {
    position: absolute;
    margin: 0;
    padding-left: max(90px, ( 100% - 1600px ) / 2 );
    top: -6rem;
    right: max(90px, ( 100% - 1600px ) / 2 );
    left: 0;
    height: 8rem;
  }
  body.entrance #content2022 #entranceSubmenu ul {
    margin: 0;
    padding: 0;
  }
  body.entrance #content2022 #entranceSubmenu ul li > a {
    font-size: 1.6rem;
  }
}
body.entrance #content2022.top .wrapMain .pickupWrap ._3cards {
  display: grid;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
}
body.entrance #content2022.top .wrapMain .pickupWrap ._3cards .card {
  width: 100%;
  max-width: none;
  min-width: auto;
}
body.entrance #content2022.top .wrapMain .pickupWrap ._3cards .card .card-body {
  padding: 1.5rem 2rem;
}
body.entrance #content2022.top .wrapMain .pickupWrap ._3cards .card .card-body h5 {
  color: inherit;
  margin: 0;
}
body.entrance #content2022.top .wrapMain .pickupWrap ._3cards .card .addIcon,
body.entrance #content2022.top .wrapMain .pickupWrap ._3cards .card .icon {
  display: block;
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}
@media (min-width: 1024px) {
  body.entrance #content2022.top .wrapMain .pickupWrap ._3cards {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    grid-auto-flow: column;
    width: auto;
    /*            width: 100%;
            max-width: none;
            column-gap: ~"clamp(1.5rem, 1.5%, 4.4rem)";
            justify-content: space-between;*/
  }
  body.entrance #content2022.top .wrapMain .pickupWrap ._3cards.few {
    justify-content: center;
  }
  body.entrance #content2022.top .wrapMain .pickupWrap ._3cards .card {
    /*              max-width: 516px;
              min-width: 240px;*/
  }
  body.entrance #content2022.top .wrapMain .pickupWrap ._3cards .card .card-body h5 {
    font-size: 1.6rem;
  }
}
body.entrance #content2022.top .wrapMain #academicsPhotos {
  margin-top: 2rem;
}
body.entrance #content2022.top .wrapMain > h4 {
  font-size: 2.8rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 8rem;
  margin-bottom: 0;
  padding-bottom: 2.3rem;
  background-color: #f7f5f0;
}
body.entrance #content2022.top .wrapMain > h4::before {
  position: absolute;
  width: 100%;
  height: 4px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjAiIGhlaWdodD0iNiI+PHBhdGggZmlsbD0iIzdkNjBhYyIgZD0iTTAgMGgyMHY2SDB6Ii8+PHBhdGggZmlsbD0iIzJkYTc2OSIgZD0iTTIwIDBoMjB2NkgyMHoiLz48cGF0aCBmaWxsPSIjZjA5NDk1IiBkPSJNNDAgMGgyMHY2SDQweiIvPjxwYXRoIGZpbGw9IiNmZmU4NDMiIGQ9Ik02MCAwaDIwdjZINjB6Ii8+PHBhdGggZmlsbD0iI2RiNTQ1NSIgZD0iTTgwIDBoMjB2Nkg4MHoiLz48cGF0aCBmaWxsPSIjMmY5ZGUzIiBkPSJNMTAwIDBoMjB2NmgtMjB6Ii8+PHBhdGggZmlsbD0iI2I1ODI0ZSIgZD0iTTEyMCAwaDIwdjZoLTIweiIvPjxwYXRoIGZpbGw9IiNmMDdlNDQiIGQ9Ik0xNDAgMGgyMHY2aC0yMHoiLz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: contain;
  background-position: top left;
  z-index: 1;
}
body.entrance #content2022.top .wrapMain > h4::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #1e1e1e;
}
@media (min-width: 1024px) {
  body.entrance #content2022.top .wrapMain > h4 {
    font-size: 4.5rem;
    margin-top: 13rem;
    padding-bottom: 5rem;
  }
  body.entrance #content2022.top .wrapMain > h4::before {
    height: 6px;
  }
}
body.entrance #content2022.top .wrapMain > h5 {
  color: #1e1e1e;
  margin-top: 7.6rem;
  margin-bottom: 1.6rem;
  padding-top: 1rem;
  position: relative;
}
body.entrance #content2022.top .wrapMain > h5::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2rem;
  height: 2px;
  background-color: #DB5455;
}
@media (min-width: 1024px) {
  body.entrance #content2022.top .wrapMain > h5 {
    font-size: 2rem;
  }
}
body.entrance #content2022 #TMU_almuni ._3cards {
  position: static;
  display: grid;
  column-gap: 2rem;
  row-gap: 2rem;
  width: 100%;
  max-width: none;
  overflow: auto;
  overflow-x: hidden;
  padding: 0;
  margin: 0;
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
}
body.entrance #content2022 #TMU_almuni ._3cards .card {
  min-width: 0;
  max-width: none;
  background-color: transparent;
  --tmuKeycolor01: #4366b0;
}
body.entrance #content2022 #TMU_almuni ._3cards .card a {
  padding: 0;
}
body.entrance #content2022 #TMU_almuni ._3cards .card a .card-body {
  background-color: var(--tmuKeycolor01);
  color: white;
}
body.entrance #content2022 #TMU_almuni ._3cards .card a .card-body h5.card-title {
  font-size: 1.7rem;
}
body.entrance #content2022 #TMU_almuni ._3cards .card a .card-body .date {
  color: white;
  font-size: 1.1rem;
}
body.entrance #content2022 #TMU_almuni ._3cards .card a .card-body .tag {
  font-size: 1.1rem;
  color: var(--tmuKeycolor01);
  background-color: white;
}
body.entrance #content2022 #TMU_almuni .otherLink {
  text-align: center;
  margin-top: 4rem;
}
body.entrance #content2022 #TMU_almuni .otherLink a {
  fons-size: 1.5rem;
}
@media (min-width: 1024px) {
  body.entrance #content2022 #TMU_almuni ._3cards {
    grid-template-columns: 1fr 22.4% 1fr;
    grid-template-rows: auto auto auto auto 30px auto 30px auto auto auto auto;
    column-gap: 4rem;
    row-gap: 4rem;
    position: relative;
    overflow: visible;
    margin-top: 8rem;
  }
  body.entrance #content2022 #TMU_almuni ._3cards .card {
    min-width: 0;
    max-width: none;
    width: 97.6%;
  }
  body.entrance #content2022 #TMU_almuni ._3cards .card > a {
    height: auto;
  }
  body.entrance #content2022 #TMU_almuni ._3cards .card > a .card-body {
    padding: 2.5rem 3rem;
  }
  body.entrance #content2022 #TMU_almuni ._3cards .card > a .card-body h5.card-title {
    font-size: 1.6rem;
  }
  body.entrance #content2022 #TMU_almuni ._3cards .card > a .card-body .date {
    color: white;
    font-size: 1.2rem;
  }
  body.entrance #content2022 #TMU_almuni ._3cards .card > a .card-body .tag {
    font-size: 1.2rem;
  }
  body.entrance #content2022 #TMU_almuni ._3cards .card:nth-child(6n),
  body.entrance #content2022 #TMU_almuni ._3cards .card:nth-child(6n+1) {
    grid-row: 1 / 6;
    grid-column: 1 / 3;
    width: calc( 100% - 4rem );
    margin-right: auto;
  }
  body.entrance #content2022 #TMU_almuni ._3cards .card:nth-child(6n) > a,
  body.entrance #content2022 #TMU_almuni ._3cards .card:nth-child(6n+1) > a {
    height: auto;
  }
  body.entrance #content2022 #TMU_almuni ._3cards .card:nth-child(6n) > a .card-body,
  body.entrance #content2022 #TMU_almuni ._3cards .card:nth-child(6n+1) > a .card-body {
    padding: 2.5rem 4rem 4rem;
  }
  body.entrance #content2022 #TMU_almuni ._3cards .card:nth-child(6n) > a .card-body h5.card-title,
  body.entrance #content2022 #TMU_almuni ._3cards .card:nth-child(6n+1) > a .card-body h5.card-title {
    font-size: 2rem;
  }
  body.entrance #content2022 #TMU_almuni ._3cards .card:nth-child(6n) > a .card-body .date,
  body.entrance #content2022 #TMU_almuni ._3cards .card:nth-child(6n+1) > a .card-body .date {
    color: white;
    font-size: 1.3rem;
  }
  body.entrance #content2022 #TMU_almuni ._3cards .card:nth-child(6n) > a .card-body .tag,
  body.entrance #content2022 #TMU_almuni ._3cards .card:nth-child(6n+1) > a .card-body .tag {
    font-size: 1.2rem;
  }
  body.entrance #content2022 #TMU_almuni ._3cards .card:nth-child(6n+2) {
    grid-row: 1 / 4;
    grid-column: 3 / 4;
    margin-left: -4rem;
    margin-top: -5rem;
  }
  body.entrance #content2022 #TMU_almuni ._3cards .card:nth-child(6n+3) {
    grid-row: 4 / 7;
    grid-column: 3 / 4;
    margin-left: auto;
    margin-right: -2rem;
  }
  body.entrance #content2022 #TMU_almuni ._3cards .card:nth-child(6n+4) {
    grid-row: 6 / 9;
    grid-column: 1 / 2;
    margin-left: auto;
    margin-right: -2rem;
  }
  body.entrance #content2022 #TMU_almuni ._3cards .card:nth-child(6n+5) {
    grid-row: 9 / 12;
    grid-column: 1 / 2;
    margin-left: -2rem;
    margin-right: auto;
  }
  body.entrance #content2022 #TMU_almuni ._3cards .card:nth-child(6n) {
    grid-row: 7 / 12;
    grid-column: 2 / 4;
    margin-left: auto;
  }
  body.entrance #content2022 #TMU_almuni .otherLink {
    text-align: right;
  }
  body.entrance #content2022 #TMU_almuni .otherLink a {
    fons-size: 1.6rem;
  }
}
body.entrance #content2022 .toclistAlt.entrance {
  column-gap: 1rem;
  row-gap: 1rem;
}
body.entrance #content2022 .toclistAlt.entrance .card > a {
  font-size: 1.4rem;
  align-items: center;
}
@media (min-width: 1024px) {
  body.entrance #content2022 .toclistAlt.entrance {
    column-gap: 2rem;
    row-gap: 2rem;
    grid-template-columns: 1fr;
  }
  body.entrance #content2022 .toclistAlt.entrance .card > a {
    padding: 1rem;
  }
  body.entrance #content2022 .toclistAlt.entrance .card > a .card-img {
    width: 120px;
  }
  body.entrance #content2022 .toclistAlt.entrance .card > a h5 {
    font-size: 1.6rem;
    text-align: center;
  }
}
@media (min-width: 1366px) {
  body.entrance #content2022 .toclistAlt.entrance {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1600px) {
  body.entrance #content2022 .toclistAlt.entrance {
    grid-template-columns: 1fr 1fr;
  }
}
body.entrance #content2022 div.special ul.columnBoxList {
  flex-wrap: wrap;
  margin: 1.5rem 0 0;
  row-gap: 1rem;
  column-gap: 4.4rem;
}
body.entrance #content2022 div.special ul.columnBoxList > li {
  width: 100%;
}
body.entrance #content2022 div.special ul.columnBoxList > li > a,
body.entrance #content2022 div.special ul.columnBoxList > li > button {
  width: 100%;
  background-color: white;
  color: #1e1e1e;
  font-size: 1.6rem;
  font-weight: 300 !important;
}
@media (min-width: 1024px) {
  body.entrance #content2022 div.special ul.columnBoxList {
    flex-wrap: nowrap;
    margin: 4rem 0;
  }
}
body.entrance #content2022 div.special.narrowWrap {
  background-color: transparent;
  padding: 0;
  margin-top: 1rem;
}
@media (min-width: 1024px) {
  body.entrance #content2022 div.special.narrowWrap {
    margin-top: 4rem;
  }
}
body.entrance #content2022 div.special .tocTileWide {
  grid-column-gap: 4rem;
  grid-row-gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(265px, 1fr));
}
@media (min-width: 1024px) {
  body.entrance #content2022 div.special .tocTileWide {
    grid-row-gap: 4rem;
  }
}
@media (min-width: 1366px) {
  body.entrance #content2022 div.special .tocTileWide {
    grid-template-columns: 1fr 1fr;
  }
}
body.entrance #content2022 div.special .tocTileWide .card > a {
  padding: 0;
}
body.entrance #content2022 div.special .tocTileWide .card > a .card-img {
  width: 100%;
}
body.entrance #content2022 div.special .tocTileWide .card > a .card-img::before {
  display: none;
}
body.entrance #content2022 div.special .tocTileWide .card > a .card-img img {
  position: static;
  transform: none;
  width: 100%;
  height: auto;
}
body.entrance #content2022 div.special .tocTileWide .card > a .card-body,
body.entrance #content2022 div.special .tocTileWide .card > a .icon {
  display: none;
}
body.entrance #content2022 .narrowWrap {
  background-color: white;
  margin: 8rem 0;
  padding: 0 2rem 3rem;
  overflow: hidden;
}
body.entrance #content2022 .narrowWrap > h4 {
  position: relative;
  margin: 0 -2rem;
  padding: 1.9rem 0;
  font-size: 2.4rem;
  text-align: center;
}
body.entrance #content2022 .narrowWrap > h4::before {
  position: absolute;
  width: 100%;
  height: 3px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjAiIGhlaWdodD0iNiI+PHBhdGggZmlsbD0iIzdkNjBhYyIgZD0iTTAgMGgyMHY2SDB6Ii8+PHBhdGggZmlsbD0iIzJkYTc2OSIgZD0iTTIwIDBoMjB2NkgyMHoiLz48cGF0aCBmaWxsPSIjZjA5NDk1IiBkPSJNNDAgMGgyMHY2SDQweiIvPjxwYXRoIGZpbGw9IiNmZmU4NDMiIGQ9Ik02MCAwaDIwdjZINjB6Ii8+PHBhdGggZmlsbD0iI2RiNTQ1NSIgZD0iTTgwIDBoMjB2Nkg4MHoiLz48cGF0aCBmaWxsPSIjMmY5ZGUzIiBkPSJNMTAwIDBoMjB2NmgtMjB6Ii8+PHBhdGggZmlsbD0iI2I1ODI0ZSIgZD0iTTEyMCAwaDIwdjZoLTIweiIvPjxwYXRoIGZpbGw9IiNmMDdlNDQiIGQ9Ik0xNDAgMGgyMHY2aC0yMHoiLz48L3N2Zz4=);
  background-repeat: repeat;
  background-size: contain;
}
body.entrance #content2022 .narrowWrap > h4 + * {
  margin-top: 0 !important;
}
body.entrance #content2022 .narrowWrap > *:last-child {
  margin-bottom: 0 !important;
}
body.entrance #content2022 .narrowWrap .columnBoxList,
body.entrance #content2022 .narrowWrap .tocTile {
  margin: 3rem 0;
}
@media (min-width: 1024px) {
  body.entrance #content2022 .narrowWrap .tocTile {
    grid-template-columns: repeat(auto-fit, minmax(256px, 1fr));
  }
  body.entrance #content2022 .narrowWrap .tocTile > section {
    border: none;
    background-color: white;
  }
  body.entrance #content2022 .narrowWrap .tocTile > section > a,
  body.entrance #content2022 .narrowWrap .tocTile > section > button {
    padding: 0;
  }
  body.entrance #content2022 .narrowWrap .tocTile > section > a .card-body,
  body.entrance #content2022 .narrowWrap .tocTile > section > button .card-body {
    width: auto;
    background-color: transparent;
    border: 1px solid #e3e4e5;
    border-top: none;
    padding: 1.6rem 2rem;
  }
  body.entrance #content2022 .narrowWrap .tocTile > section > a .card-body h5,
  body.entrance #content2022 .narrowWrap .tocTile > section > button .card-body h5 {
    font-size: 1.6rem;
  }
  body.entrance #content2022 .narrowWrap .tocTile > section > a .card-body .text,
  body.entrance #content2022 .narrowWrap .tocTile > section > button .card-body .text {
    display: none;
  }
  body.entrance #content2022 .narrowWrap .tocTile.tile2 {
    margin: 0 auto;
    grid-template-columns: repeat(auto-fill, minmax(256px, 1fr));
  }
}
@media (min-width: 1366px) {
  body.entrance #content2022 .narrowWrap .tocTile.tile3 {
    grid-template-columns: repeat(3, minmax(256px, 1fr));
  }
  body.entrance #content2022 .narrowWrap .tocTile.tile2 {
    grid-template-columns: repeat(2, minmax(256px, 1fr));
    width: calc( ( 100% - 4rem ) / 3 * 2 + 2rem );
  }
}
@media (max-width: calc(1024px - 0.02px)) {
  body.entrance #content2022 .narrowWrap .tocTile {
    display: grid;
    grid-template-columns: auto;
  }
  body.entrance #content2022 .narrowWrap .tocTile > section {
    width: 100%;
  }
  body.entrance #content2022 .narrowWrap .tocTile > section > a,
  body.entrance #content2022 .narrowWrap .tocTile > section > button {
    flex-wrap: nowrap;
    flex-direction: row;
    width: 100%;
    font-family: YakuHanJPs_Narrow, 'Noto Serif JP', "Hiragino Mincho ProN", YuMincho, "Yu Mincho", "serif";
    font-weight: 600;
    font-family: 'PT Serif', "serif", serif;
    font-weight: 400;
    font-size: 1.5rem;
    position: relative;
    padding: 1rem;
  }
  body.entrance #content2022 .narrowWrap .tocTile > section > a .card-img,
  body.entrance #content2022 .narrowWrap .tocTile > section > button .card-img {
    width: 120px;
    object-fit: cover;
    flex-shrink: 0;
    flex-grow: 0;
  }
  body.entrance #content2022 .narrowWrap .tocTile > section > a .card-body,
  body.entrance #content2022 .narrowWrap .tocTile > section > button .card-body {
    padding: 0;
    display: flex;
    align-items: center;
  }
  body.entrance #content2022 .narrowWrap .tocTile > section > a .card-body h5,
  body.entrance #content2022 .narrowWrap .tocTile > section > button .card-body h5 {
    padding: 0 0 0 2rem;
    font-size: 1.5rem;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    box-orient: vertical;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
  body.entrance #content2022 .narrowWrap .tocTile > section > a .card-body .text,
  body.entrance #content2022 .narrowWrap .tocTile > section > button .card-body .text {
    display: none;
  }
  body.entrance #content2022 .narrowWrap .tocTile > section > a .icon,
  body.entrance #content2022 .narrowWrap .tocTile > section > button .icon,
  body.entrance #content2022 .narrowWrap .tocTile > section > a .addIcon,
  body.entrance #content2022 .narrowWrap .tocTile > section > button .addIcon {
    flex-shrink: 0;
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    margin: 0;
  }
  body.entrance #content2022 .narrowWrap .tocTile > section > a .addIcon.icon-link,
  body.entrance #content2022 .narrowWrap .tocTile > section > button .addIcon.icon-link {
    width: 1em;
    height: 1em;
  }
}
@media (min-width: 1024px) {
  body.entrance #content2022 .narrowWrap {
    margin: 8rem 9rem;
    padding: 0 5.3rem 5.3rem;
  }
  body.entrance #content2022 .narrowWrap > h4 {
    position: relative;
    margin: 0 -5.3rem;
    padding: 3rem 0 4.1rem;
    font-size: 3.6rem;
  }
  body.entrance #content2022 .narrowWrap .link.otherLink {
    display: inline-block;
    margin-top: 0;
  }
  body.entrance #content2022 .narrowWrap .columnBoxList.banner {
    margin-top: 4rem;
  }
}
body.entrance #content2022 .relatedNewsWrap.entrance .newsBlock {
  background-color: white;
  border-top: 1px solid #e3e4e5;
}
body.entrance #content2022 .relatedNewsWrap.entrance .newsBlock + .newsBlock {
  margin-top: 0;
}
body.entrance #content2022 .relatedNewsWrap.entrance .newsBlock:last-child {
  border-bottom: 1px solid #e3e4e5;
}
#pamphletCircle {
  position: sticky;
  width: 80px;
  height: 0;
  top: 62px;
  margin-left: auto;
  margin-right: 6px;
  overflow: visible;
  z-index: 10;
}
#pamphletCircle > a {
  display: block;
  position: relative;
  overflow: hidden;
  background-image: url(/assets/images/entrance/pamphletCircle.svg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
  width: 80px;
  height: 124px;
}
#pamphletCircle > a .pamphlet-1 {
  position: absolute;
  transform: rotate(10deg);
  z-index: 1;
  top: 18px;
  left: 19px;
  width: 35px;
  border: 1px solid #1e1e1e;
}
#pamphletCircle > a .pamphlet-2 {
  position: absolute;
  transform: rotate(20deg);
  z-index: 0;
  top: 15px;
  left: 30px;
  width: 35px;
}
@media (min-width: 1024px) {
  #pamphletCircle {
    width: 130px;
    top: 14px;
    margin-right: 104px;
  }
  #pamphletCircle > a {
    width: 130px;
    height: 177px;
  }
  #pamphletCircle > a .pamphlet-1 {
    top: 10px;
    left: 29px;
    width: 53px;
  }
  #pamphletCircle > a .pamphlet-2 {
    top: 7px;
    left: 53px;
    width: 53px;
  }
}
#pamphletList > div {
  margin-top: 4rem;
}
@media (min-width: 1024px) {
  #pamphletList > div {
    margin-top: 8rem;
  }
  #pamphletList > div:first-child {
    margin-top: 0;
  }
}
#pamphletList h4 {
  margin-top: 0;
}
#pamphletList div.columnBlock {
  position: relative;
  margin-top: 0;
}
#pamphletList div.columnBlock p {
  padding-right: 40%;
}
#pamphletList div.columnBlock .img {
  position: absolute;
  right: 2rem;
  top: -2rem;
  bottom: 2rem;
  width: 30%;
  min-width: 80px;
  max-width: 120px;
  height: auto;
}
#pamphletList div.columnBlock .img > img {
  object-fit: contain;
  object-position: top;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
@media (min-width: 1024px) {
  #pamphletList div.columnBlock .img {
    top: -87px;
    max-width: 180px;
  }
}
/* CSS Document */
#content2022 {
  /*
  .researcherListWrap {
    width:100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, ~"minmax( 270px, 1fr )");
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    margin-top:2rem;
    &.few {
      grid-template-columns: repeat(auto-fill, ~"minmax( 270px, 1fr )");
    }
    h6 {
      .min-600;
      display: inline-block;
      width:auto;
      color: @tmuBlack;
      font-size:1.7rem;
      line-height: 1;
      grid-column-start: 1;
      grid-column-end: -1;
      margin: 2rem auto 1rem 0;
      padding-bottom:1rem;
      border-bottom:1px solid @tmuBlack;
    }
    .card {
      display: block;
      background-color: white;
      .wrap {
        display: flex;
        overflow: hidden;
        flex-wrap: nowrap;
        height: 100%;
        flex-direction: row;
        align-items: center;
        padding: 1rem 1rem 1rem 2rem;
        .card-img {
          order: 1;
          width: 24%;
          min-width: 0;
          height: auto;
          flex-shrink: 0;
        }
        .card-body {
          order: 0;
          padding:0 12px 0;
          flex-grow: 1;
          height: auto;
          display: block;
          font-size: 1.1rem;
          word-break: normal;
          text-align: left;
          .major {
//            display: none;
          }
          .position {
            line-height: 1;
          }
          .name {
            .min-600;
            font-size: 1.7rem;
            line-height: 1.5;
            margin:4px auto 5px 0;
            a {
              margin: 0;
              padding: 0;
              color: inherit;
            }
          }
          .furigana {
            color:#979899;
            line-height: 1;
          }
        }
      }
    }
    @media (min-width: @lg) {
      grid-template-columns: repeat(auto-fill, ~"minmax( 320px, 1fr )");
      grid-column-gap: 2rem;
      grid-row-gap: 2rem;
      margin-top:0;
      &.few {
        grid-template-columns: repeat(auto-fill, ~"minmax( 320px, 1fr )");
      }
      h6 {
        font-size: 2rem;
        margin-top: 6rem;
        margin-bottom:1.8rem;
      }
      .card {
        a {
          padding: 1.5rem 1.5rem 1.5rem 2.5rem;
          .card-img {
            order: 1;
            width: 29.032258%;
          }
          .card-body {
            font-size: 1.2rem;
            .name {
              .min-600;
              font-size: 2rem;
              line-height: 1.5;
              margin:4px auto 5px 0;
              a {
                margin: 0;
                padding: 0;
                color: inherit;
              }
            }
          }
        }
      }
    }
  }
  */
}
#content2022 p.notes {
  font-size: 1.3rem;
  color: #1e1e1e;
  padding-left: 1.4rem;
}
@media (min-width: 1024px) {
  #content2022 p.notes {
    font-size: 1.4rem;
    padding-left: 1.6rem;
  }
}
#content2022.hottopics .main,
#content2022.yumenavi .main,
#content2022.people .main,
#content2022.realvoice .main {
  margin-top: 0;
  padding-top: 4rem;
}
@media (min-width: 768px) {
  #content2022.hottopics .main,
  #content2022.yumenavi .main,
  #content2022.people .main,
  #content2022.realvoice .main {
    margin-top: -2rem;
  }
}
@media (min-width: 1024px) {
  #content2022.hottopics .main,
  #content2022.yumenavi .main,
  #content2022.people .main,
  #content2022.realvoice .main {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: -6rem;
    padding-top: 8rem;
    padding-left: max( 6rem, ( 100% - 870px ) / 2 );
    padding-right: max( 6rem, ( 100% - 870px ) / 2 );
  }
}
#content2022.hottopics .main .profile,
#content2022.yumenavi .main .profile,
#content2022.people .main .profile,
#content2022.realvoice .main .profile {
  margin-bottom: 4rem;
}
#content2022.hottopics .main .profile .wrap,
#content2022.yumenavi .main .profile .wrap,
#content2022.people .main .profile .wrap,
#content2022.realvoice .main .profile .wrap {
  display: flex;
  flex-direction: column;
  margin: 0;
}
#content2022.hottopics .main .profile .wrap .photo,
#content2022.yumenavi .main .profile .wrap .photo,
#content2022.people .main .profile .wrap .photo,
#content2022.realvoice .main .profile .wrap .photo {
  width: 150px;
  margin: 0 auto;
  flex-shrink: 0;
  position: relative;
}
#content2022.hottopics .main .profile .wrap .photo > div img,
#content2022.yumenavi .main .profile .wrap .photo > div img,
#content2022.people .main .profile .wrap .photo > div img,
#content2022.realvoice .main .profile .wrap .photo > div img {
  bottom: 0;
  right: 0;
  object-fit: cover;
  border-radius: 200px;
}
#content2022.hottopics .main .profile .wrap .photo > div img.portrait,
#content2022.yumenavi .main .profile .wrap .photo > div img.portrait,
#content2022.people .main .profile .wrap .photo > div img.portrait,
#content2022.realvoice .main .profile .wrap .photo > div img.portrait {
  object-position: top;
}
#content2022.hottopics .main .profile .wrap .photo img.flag,
#content2022.yumenavi .main .profile .wrap .photo img.flag,
#content2022.people .main .profile .wrap .photo img.flag,
#content2022.realvoice .main .profile .wrap .photo img.flag {
  position: absolute;
  width: 45px;
  height: auto;
  bottom: 0;
  right: 0;
}
#content2022.hottopics .main .profile .wrap .textWrap,
#content2022.yumenavi .main .profile .wrap .textWrap,
#content2022.people .main .profile .wrap .textWrap,
#content2022.realvoice .main .profile .wrap .textWrap {
  margin-top: 1.7rem;
}
#content2022.hottopics .main .profile .wrap .textWrap .name,
#content2022.yumenavi .main .profile .wrap .textWrap .name,
#content2022.people .main .profile .wrap .textWrap .name,
#content2022.realvoice .main .profile .wrap .textWrap .name {
  font-size: 1.5rem;
  margin-bottom: 1.3rem;
}
#content2022.hottopics .main .profile .wrap .textWrap .text,
#content2022.yumenavi .main .profile .wrap .textWrap .text,
#content2022.people .main .profile .wrap .textWrap .text,
#content2022.realvoice .main .profile .wrap .textWrap .text {
  font-size: 1.4rem;
  line-height: 2;
  margin-bottom: 0;
  text-align: left;
}
@media (min-width: 576px) {
  #content2022.hottopics .main .profile,
  #content2022.yumenavi .main .profile,
  #content2022.people .main .profile,
  #content2022.realvoice .main .profile {
    padding: 2rem;
    margin-bottom: 6rem;
  }
  #content2022.hottopics .main .profile .wrap,
  #content2022.yumenavi .main .profile .wrap,
  #content2022.people .main .profile .wrap,
  #content2022.realvoice .main .profile .wrap {
    flex-direction: row;
    justify-content: space-between;
  }
  #content2022.hottopics .main .profile .wrap .photo,
  #content2022.yumenavi .main .profile .wrap .photo,
  #content2022.people .main .profile .wrap .photo,
  #content2022.realvoice .main .profile .wrap .photo {
    width: 130px;
    order: 2;
    margin: 0 0 0 auto;
  }
  #content2022.hottopics .main .profile .wrap .photo img.flag,
  #content2022.yumenavi .main .profile .wrap .photo img.flag,
  #content2022.people .main .profile .wrap .photo img.flag,
  #content2022.realvoice .main .profile .wrap .photo img.flag {
    width: 42px;
    top: -10px;
    bottom: auto;
    right: -10px;
  }
  #content2022.hottopics .main .profile .wrap .textWrap,
  #content2022.yumenavi .main .profile .wrap .textWrap,
  #content2022.people .main .profile .wrap .textWrap,
  #content2022.realvoice .main .profile .wrap .textWrap {
    margin-top: 0;
    padding: 1.4rem 6rem 0.2rem 2rem;
  }
  #content2022.hottopics .main .profile .wrap .textWrap .name,
  #content2022.yumenavi .main .profile .wrap .textWrap .name,
  #content2022.people .main .profile .wrap .textWrap .name,
  #content2022.realvoice .main .profile .wrap .textWrap .name {
    font-size: 1.6rem;
  }
  #content2022.hottopics .main .profile .wrap .textWrap .text,
  #content2022.yumenavi .main .profile .wrap .textWrap .text,
  #content2022.people .main .profile .wrap .textWrap .text,
  #content2022.realvoice .main .profile .wrap .textWrap .text {
    margin-top: 1rem;
    font-size: 1.3rem;
  }
}
#content2022.yumenavi h5 {
  clear: none;
}
#newsTitle,
#hottopicsTitle {
  background-color: var(--tmuKeycolor01);
  z-index: 0;
}
#newsTitle > .wrap,
#hottopicsTitle > .wrap {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: auto;
}
#newsTitle > .wrap .image,
#hottopicsTitle > .wrap .image {
  height: auto;
  flex-shrink: 1;
}
#newsTitle > .wrap .image > .imgWrap > img,
#hottopicsTitle > .wrap .image > .imgWrap > img {
  width: 100%;
  height: auto;
}
#newsTitle > .wrap .body,
#hottopicsTitle > .wrap .body {
  flex-grow: 1;
  width: 100%;
  padding: 3rem 1.5rem;
}
#newsTitle > .wrap .body .date,
#hottopicsTitle > .wrap .body .date {
  font-size: 1.2rem;
  font-style: italic;
  color: white;
  opacity: 0.5;
  margin-bottom: 1.5rem;
}
#newsTitle > .wrap .body h2,
#hottopicsTitle > .wrap .body h2,
#newsTitle > .wrap .body h3,
#hottopicsTitle > .wrap .body h3 {
  font-family: YakuHanJPs_Narrow, 'Noto Serif JP', "Hiragino Mincho ProN", YuMincho, "Yu Mincho", "serif";
  font-weight: 600;
  font-family: 'PT Serif', "serif", serif;
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 1.5;
  margin-bottom: 2rem;
  color: white;
}
#newsTitle > .wrap .body h2,
#hottopicsTitle > .wrap .body h2 {
  margin-bottom: 0.5rem;
}
#newsTitle > .wrap .body .tags,
#hottopicsTitle > .wrap .body .tags {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  column-gap: 0.9rem;
  row-gap: 0.9rem;
}
#newsTitle > .wrap .body .tags .ctg,
#hottopicsTitle > .wrap .body .tags .ctg,
#newsTitle > .wrap .body .tags .tag,
#hottopicsTitle > .wrap .body .tags .tag {
  background-color: white;
  font-size: 1.1rem;
  color: #1e1e1e;
  padding: 3px 8px;
}
@media (min-width: 768px) {
  #newsTitle,
  #hottopicsTitle {
    padding-left: max( 9rem, ( 100% - 1600px ) / 2 );
  }
  #newsTitle > .wrap,
  #hottopicsTitle > .wrap {
    width: calc( 100% + 90px );
    max-width: 1805px;
    flex-direction: row;
    align-items: stretch;
    flex-wrap: nowrap;
    margin-left: -90px;
  }
  #newsTitle > .wrap .image,
  #hottopicsTitle > .wrap .image {
    order: 2;
    width: 50%;
    margin-left: auto;
    margin-right: 0;
    overflow: hidden;
    position: relative;
  }
  #newsTitle > .wrap .image::before,
  #hottopicsTitle > .wrap .image::before {
    display: block;
    padding-top: 80.877743%;
    content: "";
  }
  #newsTitle > .wrap .image > .imgWrap,
  #hottopicsTitle > .wrap .image > .imgWrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
  }
  #newsTitle > .wrap .image > .imgWrap > img,
  #hottopicsTitle > .wrap .image > .imgWrap > img {
    display: block;
    width: auto;
    height: 100%;
    margin-left: auto;
    object-fit: cover;
    object-position: center;
  }
  #newsTitle > .wrap .body,
  #hottopicsTitle > .wrap .body {
    order: 1;
    width: auto;
    width: 50%;
    padding: 3rem 3rem 5rem max( 9rem, ( 100% - 1600px ) / 2 );
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  #newsTitle > .wrap .body,
  #hottopicsTitle > .wrap .body {
    padding-top: 3rem;
    padding-bottom: 9rem;
    padding-right: 3rem;
  }
  #newsTitle > .wrap .body .date,
  #hottopicsTitle > .wrap .body .date {
    font-size: 1.4rem;
  }
  #newsTitle > .wrap .body h3,
  #hottopicsTitle > .wrap .body h3 {
    font-size: 4rem;
  }
  #newsTitle > .wrap .body h3.long,
  #hottopicsTitle > .wrap .body h3.long {
    font-size: 3rem;
  }
  #newsTitle > .wrap .body .tags .tag,
  #hottopicsTitle > .wrap .body .tags .tag {
    font-size: 1.2rem;
  }
}
@media (min-width: 768px) and (min-width: 1366px) {
  #newsTitle > .wrap .body,
  #hottopicsTitle > .wrap .body {
    padding-right: 9rem;
  }
}
#newsTitle {
  background-color: transparent;
}
#newsTitle > .wrap .body .date {
  color: #1e1e1e;
}
#newsTitle > .wrap .body h2,
#newsTitle > .wrap .body h3 {
  color: #1e1e1e;
}
#newsTitle > .wrap .body h2 + p.desc,
#newsTitle > .wrap .body h3 + p.desc {
  font-family: YakuHanJPs_Narrow, 'Noto Serif JP', "Hiragino Mincho ProN", YuMincho, "Yu Mincho", "serif";
  font-weight: 600;
  font-family: 'PT Serif', "serif", serif;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #979899;
  margin: 2rem auto 2rem 0;
  width: 100%;
}
@media (min-width: 1024px) {
  #newsTitle > .wrap .body {
    padding-top: 7rem;
    padding-bottom: 13.5rem;
  }
  #newsTitle > .wrap .body h2 + p.desc,
  #newsTitle > .wrap .body h3 + p.desc {
    margin-top: 0;
    margin-bottom: 3rem;
  }
}
#content2022 p.hottopicsLead + #hottopicsWrap {
  margin-top: 0;
}
#content2022 #hottopicsWrap {
  margin-top: 2rem;
}
@media (min-width: 1024px) {
  #content2022 #hottopicsWrap {
    margin-top: 5rem;
    max-width: none;
  }
}
#content2022.max .wrapMain #HotTopics_SearchBox {
  width: 100%;
  margin-top: -2rem;
  background-color: white;
  padding: 2rem 1.5rem;
  display: flex;
  flex-direction: column;
}
#content2022.max .wrapMain #HotTopics_SearchBox.moreBlock.close {
  max-height: 240px !important;
}
#content2022.max .wrapMain #HotTopics_SearchBox .head {
  font-size: 1.4rem;
  white-space: nowrap;
  flex-shrink: 0;
  padding-right: 4rem;
}
#content2022.max .wrapMain #HotTopics_SearchBox #HotTopicsTags {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin: 15px auto 0;
}
#content2022.max .wrapMain #HotTopics_SearchBox #HotTopicsTags .tag {
  position: relative;
  font-size: 1.4rem;
  padding: 7px 12px 5px;
  background-color: #f4f5f6;
  border: none;
  max-width: 100%;
  color: #1e1e1e;
}
#content2022.max .wrapMain #HotTopics_SearchBox #HotTopicsTags .tag.active {
  color: white;
  background-color: var(--tmuKeycolor01);
}
#content2022.max .wrapMain #HotTopics_SearchBox #HotTopicsTags .tag .text {
  color: inherit;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1;
  max-width: 100%;
}
#content2022.max .wrapMain #HotTopics_SearchBox #HotTopicsTags .tag .count {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 20px;
  top: 0;
  left: 100%;
  transform: translate(-12px, -10px);
  background-color: #1e1e1e;
  color: white;
  font-size: 10px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  z-index: 1;
}
#content2022.max .wrapMain #HotTopics_SearchBox #HotTopicsTags .tag:disabled {
  opacity: 0.3 !important;
}
#content2022.max .wrapMain #HotTopics_SearchBox #HotTopicsTags .tag:disabled .count {
  opacity: 0.2 !important;
}
@media (min-width: 1024px) {
  #content2022.max .wrapMain #HotTopics_SearchBox {
    margin-top: -6rem;
    padding: 1.8rem 5rem 3.3rem;
    flex-direction: row;
    justify-content: flex-start;
  }
  #content2022.max .wrapMain #HotTopics_SearchBox.moreBlock.close {
    max-height: 200px !important;
  }
  #content2022.max .wrapMain #HotTopics_SearchBox .head {
    font-size: 1.6rem;
    padding-top: 2.2rem;
  }
  #content2022.max .wrapMain #HotTopics_SearchBox #HotTopicsTags {
    gap: 2rem;
  }
  #content2022.max .wrapMain #HotTopics_SearchBox #HotTopicsTags .tag {
    font-size: 1.6rem;
  }
}
body {
  font-feature-settings: 'pkna';
  font-family: YakuHanJPs_Narrow, "Helvetica Neue", Helvetica, Roboto, Arial, Hiragino Sans, sans-serif;
  font-weight: 400;
}
.min-400 {
  font-family: 'PT Serif', "serif", serif;
  font-weight: 400;
}
.min-600 {
  font-family: 'PT Serif', "serif", serif;
  font-weight: 400;
}
.jp-600 {
  font-family: inherit;
  font-weight: 600;
}
.en-pt {
  font-family: 'PT Serif', "serif", serif;
  font-weight: 400;
}
a {
  word-break: normal;
}
#kvMenu,
#subMenu {
  max-width: 280px;
}
#kvMenu {
  max-width: none;
}
#keyvisual .title .wrap {
  padding: 2rem 3.5rem;
}
#keyvisual .title .wrap h2 {
  font-size: 2.8rem;
  font-weight: 400;
  line-height: 1.2;
  padding: 0;
  margin: 0;
}
#keyvisual .title .wrap h2::after {
  display: none;
}
@media (min-width: 1024px) {
  #keyvisual .title {
    width: auto;
    max-width: 50%;
  }
  #keyvisual .title .wrap {
    padding: 3rem 5.5rem;
  }
  #keyvisual .title .wrap h2 {
    font-size: 3.6rem;
  }
}
#content2022 {
  text-align: left;
  word-break: normal;
  text-justify: auto;
  word-wrap: normal;
  overflow-wrap: normal;
  /* relatednews */
}
#content2022 p {
  text-align: left;
  word-break: normal;
}
#content2022 h3,
#content2022 h5 {
  font-weight: 400 !important;
}
#content2022 h4 {
  font-family: 'PT Serif', "serif", serif;
  font-weight: 400;
}
#content2022 h4.alt {
  position: relative;
  margin-top: 4rem;
  margin-bottom: 2.5rem;
  padding-top: 1.5rem;
  padding-left: 0;
  border-left: none;
  font-size: 2rem;
}
#content2022 h4.alt::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 3.5rem;
  height: 0.3rem;
  background-color: var(--tmuKeycolor01);
}
#content2022 h4.alt + p {
  margin-top: -0.5em;
}
@media (min-width: 1024px) {
  #content2022 h4 {
    padding-left: 2.5rem;
  }
  #content2022 h4.alt {
    font-size: 3.6rem;
    padding-top: 2.8rem;
    margin-top: 10rem;
    margin-bottom: 5rem;
  }
  #content2022 h4.alt::before {
    width: 5rem;
  }
}
#content2022.toppage #academicsList > .card > a > .card-body > h4 {
  white-space: normal!important;
}
@media (max-width: calc(1024px - 0.02px)) {
  #content2022.toppage #head_about {
    width: 45% !important;
  }
  #content2022.toppage #visit_tmu .tile-image03 > img {
    top: 7.87% !important;
  }
  #content2022.toppage #about_block_head .tile-head .catch {
    max-width: none !important;
  }
  #content2022.toppage #about_block_head .tile-head .text {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 1024px) {
  #content2022.toppage h3#head_academics {
    margin-top: 3rem !important;
  }
  #content2022.toppage #about_block_head .tile-head {
    max-width: none !important;
  }
  #content2022.toppage #about_block_head .tile-head .catch {
    max-width: none !important;
    padding-right: clamp(1em, 10%, 2em) !important;
  }
  #content2022.toppage #about_block_head .tile-head .text {
    width: 80% !important;
    min-width: 23em !important;
  }
  #content2022.toppage #about_block_head .tile-image02 {
    grid-column: 1/2 !important;
    grid-row: 3/5 !important;
    width: 51.8% !important;
    align-self: center !important;
    justify-self: end !important;
  }
  #content2022.toppage #about_block_head .tile-image02 > img {
    right: 23.636363% !important;
    left: auto !important;
    bottom: auto !important;
    top: clamp(0px,( 17vw - 200px ), 100px) !important;
  }
  #content2022.toppage #visit_tmu .tile-image03 > img {
    right: 30.363636% !important;
  }
  #content2022.toppage #visit_tmu .tile-head {
    margin-top: 5.8% !important;
    padding: 0 5% 0 15% !important;
  }
  #content2022.toppage #visit_tmu .tile-head .catch {
    padding-right: 0.75em !important;
  }
}
#content2022.academics {
  background-color: var(--tmuKeycolor01s);
}
#content2022.academics .h3wrap {
  background-color: white;
  min-height: 144px;
  display: flex;
  align-items: center;
}
#content2022.academics .h3wrap h3 {
  font-size: 3rem;
  margin: 3rem auto;
  line-height: 1.5;
  text-align: left;
  word-break: normal;
}
@media (min-width: 1024px) {
  #content2022.academics .h3wrap {
    min-height: 200px;
  }
  #content2022.academics .h3wrap h3 {
    padding-top: 1rem;
    font-size: 5rem;
  }
}
#content2022.academics #ctgKV {
  height: 350px;
}
#content2022.academics #ctgKV > img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  max-width: 1024px;
  height: 350px;
  object-fit: cover;
  object-position: center;
}
@media (min-width: 768px) {
  #content2022.academics #ctgKV {
    height: 500px;
  }
  #content2022.academics #ctgKV > img {
    height: 500px;
    max-height: 500px;
  }
}
@media (min-width: 1366px) {
  #content2022.academics #ctgKV > img {
    width: 100%;
    max-width: none;
    height: auto;
    object-position: center 20%;
  }
}
#content2022.academics .wrapMain {
  padding-left: 15px;
  padding-right: 15px;
}
#content2022.academics .wrapMain .main .department {
  margin-top: 4rem;
}
#content2022.academics .wrapMain .main .department .classes span.split:last-child {
  display: none;
}
#content2022.academics .wrapMain .main .department > *:first-child {
  margin-top: 0;
}
#content2022.academics .wrapMain .main .department > *:last-child {
  margin-bottom: 0;
}
#content2022.academics .wrapMain .main .columnBoxList {
  margin-top: 2.5rem;
}
#content2022.academics .wrapMain .main .columnBoxList a {
  color: var(--tmuKeycolor01);
  background-color: var(--tmuKeycolor01s);
}
@media (min-width: 1024px) {
  #content2022.academics .wrapMain {
    margin-top: -6rem;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  #content2022.academics .wrapMain .main {
    padding-top: 2rem;
    padding-bottom: 8rem;
    padding-left: max( 6rem, ( 100% - 870px ) / 2 );
    padding-right: max( 6rem, ( 100% - 870px ) / 2 );
  }
  #content2022.academics .wrapMain .main .department {
    margin-top: 6rem;
  }
  #content2022.academics .wrapMain .main .columnBoxList {
    margin-top: 3.5rem;
  }
}
#content2022 #urgentNews .newsBlock.fixed .body,
#content2022 #importantNews .newsBlock.fixed .body,
#content2022 .topNewsWrap .newsBlock.fixed .body,
#content2022 .relatedNewsWrap .newsBlock.fixed .body {
  margin-top: 0;
}
@media (min-width: 1366px) {
  #content2022 #urgentNews .newsBlock .body,
  #content2022 #importantNews .newsBlock .body,
  #content2022 .topNewsWrap .newsBlock .body,
  #content2022 .relatedNewsWrap .newsBlock .body {
    margin-left: 0;
  }
}
#footer.academics {
  background-color: var(--tmuKeycolor01s);
}
#realvoiceWrap._3cards {
  position: static;
  display: grid;
  column-gap: 2rem;
  row-gap: 2rem;
  width: 100%;
  max-width: none;
  overflow: auto;
  overflow-x: hidden;
  padding: 0;
  margin: 0;
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
}
#realvoiceWrap._3cards .card {
  min-width: 0;
  max-width: none;
}
#realvoiceWrap._3cards .card .card-body {
  position: relative;
  padding: 2rem;
}
#realvoiceWrap._3cards .card .card-body .flag {
  display: flex;
  align-items: center;
  position: absolute;
  width: 70px;
  height: 70px;
  right: 20px;
  top: -35px;
}
#realvoiceWrap._3cards .card .card-body .flag > img {
  border: 1px solid #f4f5f6;
  object-fit: contain;
  object-position: center;
}
#realvoiceWrap._3cards .card .card-body h5 {
  color: inherit;
  font-size: 2rem;
  line-height: 1.5;
  margin: 1rem 0 0;
  overflow: hidden;
  display: box;
  display: -webkit-box;
  display: -moz-box;
  box-orient: vertical;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
#realvoiceWrap._3cards .card .card-body .profile {
  font-size: 1.1rem;
  list-style: 1.4;
  color: #1e1e1e;
}
@media (min-width: 1024px) {
  #realvoiceWrap._3cards {
    display: flex;
    flex-wrap: wrap;
    width: calc( 100% + 4px );
    max-width: 100%;
    column-gap: 41px;
    row-gap: 41px;
  }
  #realvoiceWrap._3cards .card {
    max-width: calc( ( 100% - 41px ) / 2 );
    min-width: calc( ( 100% - 82px ) / 3 );
    width: calc( ( 320px - 33.333333% ) * 1000);
  }
  #realvoiceWrap._3cards .card .card-body {
    background-color: white;
    padding: 2.5rem;
  }
  #realvoiceWrap._3cards .card .card-body .flag {
    width: 90px;
    height: 90px;
    right: 25px;
    top: -45px;
  }
  #realvoiceWrap._3cards .card .card-body h5 {
    margin: 2rem 0 0;
  }
}
#academicsListWrap {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(auto-fit, minmax( 290px, 1fr ));
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}
#academicsListWrap .card {
  min-width: calc( 50% - 1rem );
  width: calc((710px - 100%) * 1000);
  max-width: 100%;
  position: relative;
}
#academicsListWrap .card::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 3px;
  background-color: var(--tmuKeycolor01);
  z-index: 2;
}
#academicsListWrap .card > a {
  display: flex;
  flex-wrap: wrap;
  padding: 2rem;
}
#academicsListWrap .card > a .card-img {
  flex-shrink: 0;
}
#academicsListWrap .card > a .card-body {
  padding: 0;
}
#academicsListWrap .card > a .card-body h5 {
  font-size: 2rem;
  margin: 1.5rem 0;
  color: inherit;
}
#academicsListWrap .card > a .card-body ul.org {
  display: flex;
  flex-wrap: wrap;
  column-gap: 5px;
  row-gap: 5px;
  margin: 0;
  padding: 0;
}
#academicsListWrap .card > a .card-body ul.org li {
  margin: 0;
  padding: 0;
  font-size: 1.1rem;
  line-height: 1.35rem;
  padding: 4px 8px;
  background-color: var(--tmuKeycolor01s);
}
#academicsListWrap .card > a .card-body ul.org li::before {
  display: none;
}
#academicsListWrap .card > a svg.arrow-r {
  display: block;
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}
@media (min-width: 1024px) {
  #academicsListWrap {
    grid-template-columns: repeat(auto-fit, minmax( 512px, 1fr ));
    grid-column-gap: 3.2rem;
    grid-row-gap: 3rem;
  }
  #academicsListWrap .card {
    width: 100%;
  }
  #academicsListWrap .card > a {
    flex-wrap: nowrap;
    align-items: flex-start;
  }
  #academicsListWrap .card > a .card-img {
    width: 33.834586%;
    min-width: 180px;
  }
  #academicsListWrap .card > a .card-body {
    padding-left: 2rem;
  }
  #academicsListWrap .card > a .card-body h5 {
    font-size: 2.4rem;
    margin: 0 0 2rem;
  }
  #academicsListWrap .card > a svg.arrow-r {
    bottom: 0.8rem;
    right: 1.2rem;
  }
}
@media (min-width: 768px) {
  /* width side space */
  #wrapper.withBar::after {
    grid-row: 1 / auto;
  }
}
/* ios */
@supports (-webkit-line-clamp: 2) {
  html.ios #content2022 .tocTile .card > a .card-body p.text,
  html.ios #content2022 .tocTileWide .card > a .card-body p.text {
    text-align: left;
  }
}
/* for android */
html.android b,
html.android strong {
  font-weight: bold;
}
html.android .jp-600 {
  font-weight: bold;
}
html.android #content2022 h6 {
  font-weight: bold;
}
html.android #content2022 ol li::before {
  font-weight: bold;
}
html.android #content2022 table thead th {
  font-weight: bold;
}
html.android #content2022 .box-link {
  font-weight: bold;
}
html.android #content2022 ul.columnBoxList:not(.withImg) > li > a,
html.android #content2022 ul.columnBoxList:not(.withImg) > li > button {
  font-weight: bold;
}
html.android #content2022.academics h5:not(.normal):not(.min-600) {
  font-weight: bold;
}
html.android #content2022.academics .student figcaption .name {
  font-weight: bold;
}
html.android #content2022.academics #academicsResearcherWrap .card .card-body h6 {
  font-weight: bold;
}
html.android #content2022.researcher h5:not(.normal):not(.min-600):not(.accordion-header) {
  font-weight: bold;
}
html.android #content2022.researcher #researchDetailAccordion .accordion-item .accordion-header > .link,
html.android #content2022.researcher #researchDetailAccordion .accordion-item .accordion-header > .accordion-button {
  font-weight: bold;
}