@charset "UTF-8";
:root {
  --white: #fff;
  --theme-red: #b00b36;
  --nikkei-blue: #0a3e6f;
  --link-blue: #1246a9;
  --green: #00b582;
  --text-black: #333;
  --text-gray: #848484;
  --gray10: rgba(0, 0, 0, .1);
  --gray4: rgba(0, 0, 0, .04);
  --line: #e6e6e6;
  --footer-gray: #f8f7f8;
  --content-wrap-max-width: 1120px;
  --content-wrap-padding-value: max(4%, 16px);
  --content-wrap-padding: 0 var(--content-wrap-padding-value);
  --default-em-base: 16;
  --default-font-size: 1.6rem;
}

@media (min-width: 701px) {
  :root {
    --content-wrap-padding-value: 4%;
    --default-em-base: 18;
    --default-font-size: 1.8rem;
  }
}
html {
  width: 100%;
  height: auto;
  overflow: auto;
  font-size: 62.5%;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
}

h1, h2, h3, h4, h5, h6 {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Noto Sans JP", "メイリオ", "Meiryo", sans-serif;
  font-weight: 700;
  font-size: 100%;
}

dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, figure, input, textarea, p, blockquote {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button, address, caption, code, em, th, var, sup, sub {
  font-style: normal;
  font-weight: normal;
}

input, button, textarea {
  font-size: 100%;
  font-weight: normal;
  font-family: -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Noto Sans JP", "メイリオ", "Meiryo", sans-serif;
}

@media all and (-ms-high-contrast: none) {
  input, button, textarea {
    font-family: -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Noto Sans JP", "メイリオ", "Meiryo", sans-serif;
  }

  h1, h2, h3, h4, h5, h6 {
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Noto Sans JP", "メイリオ", "Meiryo", sans-serif;
    font-weight: 700;
  }
}
button {
  display: inline-block;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--text-black);
}

ol, ul, li {
  list-style-type: none;
}

img {
  max-width: 100%;
  height: auto;
  border: none;
  vertical-align: bottom;
}

svg {
  width: 100%;
  max-width: 100%;
  height: auto;
}

a {
  color: var(--text-black);
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: var(--theme-red);
}

a[data-color=themeRed] {
  color: var(--theme-red);
}

a[data-color=themeRed]:hover {
  text-decoration: underline;
}

html, body, main, article, aside, section, header, footer,
canvas, figcaption, figure, nav {
  display: block;
}

input[type=search],
input[type=button] {
  -webkit-box-sizing: content-box;
  -webkit-appearance: none;
  border-radius: 0;
}

input[type=search]:focus,
input[type=button]:focus {
  outline-offset: -2px;
}

input[type=search]::-webkit-search-decoration,
input[type=button]::-webkit-search-decoration {
  display: none;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.wbr {
  display: inline-block;
}

.ext-content-wrap {
  max-width: var(--content-wrap-max-width);
  margin-left: auto;
  margin-right: auto;
  padding: var(--content-wrap-padding);
  box-sizing: border-box;
}

@media (min-width: 701px) {
  .ext-content-wrap {
    box-sizing: content-box;
  }
}
.ext-searchTextbox {
  border-bottom: 1px solid var(--text-gray);
  display: flex;
  align-items: center;
}
.ext-searchTextbox [type=search] {
  flex: 1 1 100%;
  min-width: 0;
  margin-right: 0.5em;
  border: none;
  font-size: 1.4rem;
  line-height: 1.5714285714;
  padding-top: calc(6em / 14);
  padding-bottom: calc(8em / 14);
  outline: none;
}
.ext-searchTextbox [type=submit] {
  flex: 0 0 20px;
  position: relative;
  top: calc(-3em / 14);
  outline-offset: 4px;
}
.ext-searchTextbox [type=submit] img {
  display: block;
}

.ext-stdButton {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 700;
  max-width: calc(350em / 16);
  margin-left: auto;
  margin-right: auto;
  border-radius: 0.5em;
  box-sizing: border-box;
  padding: calc(10em / 16) calc(12em / 16);
  border: 2px solid var(--theme-red);
  color: var(--theme-red);
  background: #fff;
  transition: background 0.2s;
}
.ext-stdButton > .__label {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  text-align: center;
}

.ext-stdButton:hover {
  color: #fff;
  background: var(--theme-red);
}

a.ext-stdButton:not([href]),
.ext-stdButton.is-disabled {
  pointer-events: none;
  opacity: 0.3;
}

.ext-stdButton[data-icon] > .__label {
  padding-left: calc(26em / 16);
  padding-right: calc(26em / 16);
  background-repeat: no-repeat;
  background-position: center right calc(5em / 16);
  background-size: 0.75em;
}

.ext-stdButton[data-icon=downArrow] > .__label {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_8158_2806)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11.4882%204.22001C11.8085%204.60007%2011.7601%205.16786%2011.38%205.4882L6%2010.0228L0.619971%205.4882C0.239909%205.16786%200.191496%204.60007%200.511836%204.22001C0.832177%203.83995%201.39997%203.79154%201.78003%204.11188L6%207.66874L10.22%204.11188C10.6%203.79154%2011.1678%203.83995%2011.4882%204.22001Z%22%20fill%3D%22%23B00B36%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_8158_2806%22%3E%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}

.ext-stdButton[data-icon=downArrow]:hover > .__label {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_8158_2806)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11.4882%204.22001C11.8085%204.60007%2011.7601%205.16786%2011.38%205.4882L6%2010.0228L0.619971%205.4882C0.239909%205.16786%200.191496%204.60007%200.511836%204.22001C0.832177%203.83995%201.39997%203.79154%201.78003%204.11188L6%207.66874L10.22%204.11188C10.6%203.79154%2011.1678%203.83995%2011.4882%204.22001Z%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_8158_2806%22%3E%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}

.ext-stdButton[data-icon=rightArrow] > .__label {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_8214_21854)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.02018%200.511836C3.40024%200.191496%203.96803%200.239909%204.28837%200.619971L8.82301%206L4.28837%2011.38C3.96803%2011.7601%203.40024%2011.8085%203.02018%2011.4882C2.64012%2011.1678%202.59171%2010.6%202.91205%2010.22L6.46891%206L2.91205%201.78003C2.59171%201.39997%202.64012%200.832177%203.02018%200.511836Z%22%20fill%3D%22%23B00B36%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_8214_21854%22%3E%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}

.ext-stdButton[data-icon=rightArrow]:hover > .__label {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_8214_21854)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.02018%200.511836C3.40024%200.191496%203.96803%200.239909%204.28837%200.619971L8.82301%206L4.28837%2011.38C3.96803%2011.7601%203.40024%2011.8085%203.02018%2011.4882C2.64012%2011.1678%202.59171%2010.6%202.91205%2010.22L6.46891%206L2.91205%201.78003C2.59171%201.39997%202.64012%200.832177%203.02018%200.511836Z%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_8214_21854%22%3E%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}

.ext-stdButton[data-icon=download] > .__label {
  background-position: center left calc(3em / 16);
  background-size: calc(20em / 16);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.1341%2012L13.4674%208.66667M10.1341%2012V2V12ZM10.1341%2012L6.80078%208.66667L10.1341%2012Z%22%20stroke%3D%22%23B00B36%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1.80078%2013.667L2.31828%2015.7378C2.40841%2016.0984%202.61647%2016.4185%202.90939%2016.6472C3.20231%2016.876%203.56329%2017.0003%203.93495%2017.0003H16.3333C16.7049%2017.0003%2017.0659%2016.876%2017.3588%2016.6472C17.6518%2016.4185%2017.8598%2016.0984%2017.9499%2015.7378L18.4674%2013.667%22%20stroke%3D%22%23B00B36%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}

.ext-stdButton[data-icon=download]:hover > .__label {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.1341%2012L13.4674%208.66667M10.1341%2012V2V12ZM10.1341%2012L6.80078%208.66667L10.1341%2012Z%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1.80078%2013.667L2.31828%2015.7378C2.40841%2016.0984%202.61647%2016.4185%202.90939%2016.6472C3.20231%2016.876%203.56329%2017.0003%203.93495%2017.0003H16.3333C16.7049%2017.0003%2017.0659%2016.876%2017.3588%2016.6472C17.6518%2016.4185%2017.8598%2016.0984%2017.9499%2015.7378L18.4674%2013.667%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}

.ext-stdButton[data-size=medium] {
  max-width: calc(240em / 16);
  padding-top: calc(6em / var(--default-em-base));
  padding-bottom: calc(6em / var(--default-em-base));
}

.ext-stdButton[data-size=small] {
  font-size: 1.4rem;
  line-height: 1.7142857143;
  max-width: calc(120em / 14);
  padding-top: calc(4em / var(--default-em-base));
  padding-bottom: calc(4em / var(--default-em-base));
}

.ext-stdButtonNote {
  display: block;
  max-width: calc(400em / 12);
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: calc(16em / 12);
  font-size: 1.2rem;
  line-height: 1.6666666667;
  color: var(--text-gray);
}

.ext-iconButton {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 78px;
  height: 48px;
}
.ext-iconButton .__icon {
  display: block;
  width: 20px;
  height: 20px;
  margin-top: calc(4em / var(--default-em-base));
}
.ext-iconButton .__icon img {
  display: block;
}
.ext-iconButton .__label {
  display: block;
  font-size: 1rem;
  line-height: 2;
  font-weight: 700;
  margin-top: calc(4em / 10);
  white-space: nowrap;
}

.ext-iconButton:hover {
  opacity: 0.3;
}

.ext-labeledCheckbox {
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.ext-labeledCheckbox input[type=checkbox] {
  position: absolute;
  display: none;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  overflow: hidden;
  padding: 0;
  clip: rect(0, 0, 0, 0);
}
.ext-labeledCheckbox .__label {
  font-size: 1.2rem;
  line-height: 1.6666666667;
  white-space: nowrap;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  position: relative;
}
.ext-labeledCheckbox .__label::before {
  display: inline-block;
  content: "";
  width: calc(14em / 12);
  height: calc(14em / 12);
  border: 1px solid var(--line);
  border-radius: calc(3em / 12);
  margin-right: calc(11em / 12);
  margin-top: calc(-2em / 12);
}
.ext-labeledCheckbox input[type=checkbox]:checked + .__label::after {
  display: inline-block;
  content: "";
  position: absolute;
  top: 0.44em;
  left: 0.24em;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2210%22%20height%3D%229%22%20viewBox%3D%220%200%2010%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9.49827%200.439451C9.80786%200.71464%209.83575%201.18869%209.56056%201.49828L3.68869%208.10413L0.459761%204.75101C0.172445%204.45264%200.181403%203.97785%200.47977%203.69054C0.778136%203.40322%201.25293%203.41218%201.54024%203.71055L3.64464%205.89589L8.43944%200.501735C8.71463%200.192148%209.18869%200.164263%209.49827%200.439451Z%22%20fill%3D%22%23B00B36%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: calc(9.5em / 12);
}

body {
  min-width: 320px;
  text-size-adjust: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Noto Sans JP", "メイリオ", "Meiryo", sans-serif;
  font-size: var(--default-font-size);
  line-height: 1.75;
  color: var(--text-black);
}

@media (min-width: 701px) {
  body {
    line-height: 1.6666666667;
  }
}
.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.wrapper .-siteContent-wrap {
  position: relative;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

@media print {
  .wrapper {
    display: block;
    min-height: 0;
  }
}
/* =================================================
  .globalNav
================================================= */
.globalNavi {
  display: none;
  position: relative;
  clear: both;
  border-bottom: 1px solid var(--line);
  background: #fff;
}

@media (min-width: 701px) {
  .globalNavi {
    display: block;
  }
}
.globalNavi.-fixed {
  margin-bottom: 54px;
}

.globalNavi .globalNaviContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: var(--content-wrap-max-width);
  padding: var(--content-wrap-padding);
  height: 100%;
  margin: 0 auto;
}

.globalNavi .globalNaviLeft {
  align-items: center;
  height: 100%;
}

.globalNavi .globalNaviLeft > li {
  padding: 10px 0;
  float: left;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}

.globalNavi .globalNaviLeft > li a:hover {
  color: var(--theme-red);
  text-decoration: underline;
}

.globalNavi .globalNaviLeft > li a.linkBottomArrow i.bottomArrow {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 6px;
  background: url(/images/2022/icon_arrow_bottom.svg) no-repeat;
  background-size: 100% 100%;
}

.globalNavi .globalNaviLeft > li + li {
  margin-left: 8px;
}

.globalNavi .globalNaviRight {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
}

.globalNavi .globalNaviRight li {
  font-size: 14px;
  font-weight: 500;
}

.globalNavi .globalNaviRight li a.nikNotRegistered {
  margin-right: 10px;
}

.globalNavi .globalNaviRight .btn {
  flex: 0 1 120px;
  margin-left: 8px;
}

.globalNavi .globalNaviRight .btn + .btn {
  margin-left: 4px;
}

.globalNavi .globalNaviRight :not(.btn) {
  line-height: 1;
  white-space: nowrap;
}

.globalNavi .globalNaviRight .status {
  margin-left: 20px;
}

.globalNavi .globalNaviRight .name {
  margin-left: 8px;
  font-weight: bold;
}

.globalNavi .globalNaviRight .config {
  margin-left: 8px;
}

.globalNavi .globalNaviRight .config a {
  color: var(--theme-red);
}

.globalNavi .globalNaviRight .config a:hover {
  text-decoration: underline;
}

/* BPプルダウン */
.bpSiteNavi {
  position: relative;
}

.bpSiteNavi .bpSiteList {
  box-sizing: content-box;
  display: none;
  z-index: 9999;
  position: absolute;
  top: 23px;
  left: 0;
  width: 200px;
  padding: 8px 16px;
  border: 1px solid #ccc;
  background: #fff;
  font-size: 12px;
  line-height: 1;
}

.bpSiteNavi .bpSiteList li {
  padding: 6px 0;
}

.bpSiteNavi .bpSiteList li a:hover {
  text-decoration: underline;
}

.bpSiteNavi .bpSiteList li.close {
  box-sizing: content-box;
  display: block;
  position: absolute;
  top: 4px;
  right: 4px;
  width: 12px;
  height: 12px;
  margin: 0;
  padding: 0;
  border: solid 1px #888888;
  border-radius: 2px;
}

.bpSiteNavi .bpSiteList li.close::before, .bpSiteNavi .bpSiteList li.close::after {
  display: block;
  position: absolute;
  top: -9px;
  width: 17px;
  height: 17px;
  border-bottom: solid 1px #888888;
  content: "";
}

.bpSiteNavi .bpSiteList li.close::before {
  left: 3px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.bpSiteNavi .bpSiteList li.close::after {
  left: -8px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.bpSiteNavi .bpSiteList li.close label {
  display: block;
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
}

.bpSiteNavi .bottomArrow {
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-left: 6px;
  background: url(/images/2022/icon_arrow_bottom.svg) no-repeat;
  background-size: 100% 100%;
}

.bpSiteNavi label {
  cursor: pointer;
}

.bpSiteNavi label:hover {
  color: var(--theme-red);
  text-decoration: underline;
}

.bpSiteNavi label.mask {
  display: none;
}

.bpSiteNavi label.mask div {
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}

#globalNaviStatus {
  display: none;
}

#globalNaviStatus:checked ~ label.mask,
#globalNaviStatus:checked ~ label.mask ~ ul.bpSiteList {
  display: block !important;
}

/* 機能ボタン */
.btnFunc {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 120px;
  height: 25px;
  box-sizing: border-box;
  padding: 4px 1em;
  border-radius: 6px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  transition: opacity 0.1s;
}

.btnFunc:hover {
  opacity: 0.3;
}

.btnFunc.-login {
  background: linear-gradient(132.03deg, #B60033 23.33%, #9C0A33 73.7%);
  color: #fff;
}

.btnFunc.-apply {
  background: linear-gradient(124.48deg, #00B582 25.26%, #019B70 70.36%);
  color: #fff;
}

.btnFunc.-mypage {
  color: var(--theme-red);
}

.btnFunc.-mypage:hover {
  background-color: #e50121;
  color: #fff;
}

/* =================================================
  全社緊急告知枠
================================================= */
#corporateInfomation {
  display: block;
  width: 94%;
  max-width: 600px;
  margin: 12px auto 6px;
  padding: 0;
  border: solid 1px red;
  border-radius: 4px;
}

#corporateInfomation * {
  box-sizing: border-box;
  font-size: 14px;
}

#corporateInfomation h4 {
  margin: 0;
  color: #d80022;
}

#corporateInfomation a {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 10px 6.6666666667%;
  text-decoration: none;
}

/* データ利用について */
.bpPrivacy {
  background: #ffffff;
  border-top: 4px solid var(--theme-red);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.24);
  display: none;
  padding: 16px;
  position: fixed;
  z-index: 100;
  bottom: 0;
  left: 0;
  width: calc(100% - 32px);
  transition: opacity 0.5s;
}

.bpPrivacy_message {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.65;
}

.bpPrivacy_buttons {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}

.bpPrivacy_button-detail,
.bpPrivacy_button-close {
  user-select: none;
  text-decoration: none;
  cursor: pointer;
  font-size: 14px;
  line-height: 1.65;
  align-items: center;
  display: inline-flex;
  height: 40px;
  justify-content: center;
  padding: 0 12px;
  vertical-align: bottom;
  white-space: nowrap;
}

.bpPrivacy_button-detail {
  background-color: #ffffff;
  color: #333333;
  font-weight: 500;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
}

.bpPrivacy_button-detail:hover {
  background-color: rgba(51, 51, 51, 0.06);
}

.bpPrivacy_button-close {
  background-color: var(--theme-red);
  color: #fff;
  font-weight: 700;
  margin-left: 15px;
  border: none;
}

.bpPrivacy_button-close:hover {
  background-color: rgba(176, 11, 54, 0.9);
}

@media (min-width: 701px) {
  .bpPrivacy {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);
    bottom: 16px;
    left: auto;
    right: 16px;
    width: 440px;
  }

  .bpPrivacy_message {
    font-weight: 500;
  }

  .bpPrivacy_buttons {
    margin-top: 12px;
  }
}
/* スライドイン */
#slideIn {
  width: 300px;
  height: auto;
  border-radius: 0 8px 8px 0;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24);
  background-color: #fff;
  position: fixed;
  bottom: 90px;
  left: 0;
  z-index: 50;
  opacity: 0;
  transform: translateX(-310px);
  transition: opacity 1s, transform 1s;
}

@media (min-width: 701px) {
  #slideIn {
    bottom: 18px;
  }
}
#slideIn.show {
  opacity: 1;
  transform: translateX(0);
}

#slideIn a {
  display: block;
  padding: 10px 5px 10px 10px;
  margin-right: 20px;
}

#slideIn a:hover dl dd h4 {
  color: #d32f2f;
}

#slideIn dl {
  display: flex;
  justify-content: space-between;
  margin: 0;
}

#slideIn dl dt {
  width: 80px;
  height: auto;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#slideIn dl dt img {
  width: 80px;
  height: auto;
}

#slideIn dl dd {
  width: 170px;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#slideIn dl dd h4 {
  font-size: 1.2rem;
  color: #141d1d;
  line-height: 1.4;
  margin-bottom: 2px;
}

#slideIn dl dd p {
  font-size: 1rem;
  color: #666;
  font-weight: 500;
}

#slideIn .close {
  width: 18px;
  height: 18px;
  position: absolute;
  right: -6px;
  top: -6px;
  cursor: pointer;
}

#slideIn .close:after {
  display: block;
  border: 1px solid #e8e8e8;
  border-radius: 50%;
  background-color: #fff;
  text-align: center;
  content: "×";
  font-size: 1.6rem;
  color: #999;
  width: 18px;
  line-height: 16px;
  font-weight: 500;
  padding-top: 1px;
}

#slideIn .close:hover:after {
  color: #d32f2f;
}

/* LayoutLink */
/* インライン */
span.bpLayoutLink.inline, span.bpLayoutLink.inline em, span.bpLayoutLink.inline a {
  display: inline;
}

span.bpLayoutLink.inline a {
  text-decoration: underline;
}

/*
span.bpLayoutLink.inline span:first-of-type:before{
  content: "（";
}
*/
span.bpLayoutLink.inline span:after {
  content: "、";
}

span.bpLayoutLink.inline span:last-of-type:after {
  content: "";
}

/* ブロック */
span.bpLayoutLink.block, span.bpLayoutLink.block em, span.bpLayoutLink.block a {
  display: block;
}

span.bpLayoutLink.block {
  /* margin:10px 5px; */
  margin: 2em 0;
  padding: 30px;
  border: 1px solid #ccc;
  border-radius: 2px;
}

span.bpLayoutLink.block a {
  margin: 8px 0;
  font-size: 1.6rem;
  line-height: 1.76;
  text-decoration: underline;
}

span.bpLayoutLink.block a:before {
  display: inline-block;
  width: 4px;
  height: 4px;
  background: black;
  content: "";
  margin: 0 5px 4px 0;
  border-radius: 50%;
}

/* LayoutCampaign */
.bpcampaignbody {
  background: var(--footer-gray);
  margin: 20px 0;
}

.bpcampaignbody a {
  background: var(--footer-gray);
  display: block;
  text-decoration: none;
  color: black;
  transition: opacity 0.4s;
}

.bpcampaignbody a:not([class])[href]:hover {
  opacity: 0.7;
}

.bpcampaignbody a:not([class])[href]:hover {
  text-decoration: none;
}

.bpcampaignbody a:not([class])[href]:hover .cmpb_link {
  text-decoration: underline;
}

.bpcampaignbody a:not([class]):not([href]) {
  pointer-events: none;
}

.bpcampaignbody img {
  height: auto;
}

.bpcampaignbody a p {
  color: var(--text-black);
}

.bpcampaignbody.pt1 img {
  width: 120px;
}

.bpcampaignbody.pt2 img,
.bpcampaignbody.pt3 img {
  width: 600px;
  margin: 0 auto;
  display: block;
}

.bpcampaignbody.pt1 a {
  display: flex;
  flex-direction: column;
}

.bpcampaignbody.pt1 .cmpb_heading {
  margin: 20px;
  margin-bottom: 0;
  flex-shrink: 0;
  text-align: center;
}

.bpcampaignbody.pt2 .cmpb_heading {
  padding-top: 20px;
}

.bpcampaignbody.pt3 .cmpb_heading {
  padding-bottom: 20px;
}

.bpcampaignbody .cmpb_text {
  padding: 20px;
}

.bpcampaignbody .cmpb_text p {
  margin: 0px;
}

.bpcampaignbody.pt1 .cmpb_text {
  padding: 20px 20px 20px 20px;
}

.bpcampaignbody .cmpb_text .cmpb_notice,
.bpcampaignbody .cmpb_text .cmpb_link {
  margin-top: 0.5em;
}

.bpcampaignbody .cmpb_text h4 {
  font-size: 16px;
  margin: 0 0 0.4em 0;
  padding: 0;
  color: black;
  border: none;
  line-height: 1.44;
}

.bpcampaignbody .cmpb_subtitle {
  font-size: 15px;
  margin: 0 0 10px 0;
  padding: 0;
  font-weight: bold;
}

.bpcampaignbody .cmpb_notice {
  margin-top: 0.5em;
  font-size: 15px;
}

.bpcampaignbody .cmpb_link {
  color: var(--theme-red);
  font-size: 14px;
}

@media (min-width: 420px) {
  .bpcampaignbody.pt1 a {
    flex-direction: row;
  }

  .bpcampaignbody.pt1 .cmpb_heading {
    margin: 20px;
  }

  .bpcampaignbody.pt1 .cmpb_text {
    flex: 1 1 auto;
    padding: 20px 20px 20px 0px;
  }

  .bpcampaignbody .cmpb_link {
    text-align: right;
  }
}
.stdModal {
  position: fixed;
  z-index: 15;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.stdModal .-modalBg {
  pointer-events: auto;
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, 0.75);
  transition: opacity 0.4s;
}
.stdModal .-modalContainer-wrap {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  overflow: auto;
}
.stdModal .-modalContainer {
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
.stdModal .-modalContainer::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0px;
  height: 100%;
}
.stdModal .-modalWindow-wrap {
  pointer-events: none;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  padding-top: 36px;
  padding-bottom: 36px;
  max-width: calc(100% - 0.3em);
  margin-left: -0.3em;
  transition: opacity 0.4s, transform 0.4s;
}
.stdModal .-modalWindow {
  pointer-events: auto;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  border-radius: 24px;
}
.stdModal .-modalContent-wrap {
  padding: 24px;
  padding: max(24px, 7.3170731707%);
}
.stdModal .-modalCloseButton-wrap {
  pointer-events: auto;
  margin-bottom: calc(16em / var(--default-em-base));
  display: flex;
  justify-content: flex-end;
}
.stdModal ._modalCloseButton {
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.75;
  display: flex;
  align-items: center;
  outline-offset: 4px;
}
.stdModal ._modalCloseButton:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.6);
}
.stdModal ._modalCloseButton::before {
  display: block;
  content: "";
  width: 1.9rem;
  height: 1.9rem;
  margin-right: calc(4em / var(--default-em-base));
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2219%22%20height%3D%2220%22%20viewBox%3D%220%200%2019%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.29658%203.79658C3.57483%203.51833%204.02596%203.51833%204.3042%203.79658L16.1792%2015.6716C16.4575%2015.9498%2016.4575%2016.401%2016.1792%2016.6792C15.901%2016.9575%2015.4498%2016.9575%2015.1716%2016.6792L3.29658%204.8042C3.01833%204.52596%203.01833%204.07483%203.29658%203.79658Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16.178%203.79658C16.4563%204.07483%2016.4563%204.52596%2016.178%204.8042L4.30303%2016.6792C4.02478%2016.9575%203.57365%2016.9575%203.29541%2016.6792C3.01716%2016.401%203.01716%2015.9498%203.29541%2015.6716L15.1704%203.79658C15.4487%203.51833%2015.8998%203.51833%2016.178%203.79658Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  background-size: calc(19em / var(--default-em-base));
  background-position: center;
}

.stdModal.is-hidden .-modalBg {
  opacity: 0;
  pointer-events: none;
  will-change: opacity;
}
.stdModal.is-hidden .-modalWindow-wrap {
  opacity: 0;
  pointer-events: none;
  will-change: opacity, transform;
  transform: scale(0.94);
}

.stdModal.is-closing {
  animation: fadeOut 0.5s;
  animation-fill-mode: forwards;
}

@media (min-width: 701px) {
  .stdModal .-modalContent-wrap {
    padding: 48px;
    padding: max(48px, 7.5471698113%);
  }
  .stdModal ._modalCloseButton {
    font-size: 1.8rem;
    line-height: 1.6666666667;
  }
}
.siteHeader {
  position: sticky;
  top: 0;
  z-index: 5;
  background: #fff;
  box-shadow: 0px 0px 0px 0px rgba(100, 100, 100, 0.25);
}

.siteHeader.is-floating {
  box-shadow: 0px 0px 20px 0px rgba(100, 100, 100, 0.25);
  transition: box-shadow 1s;
}

.siteHeader .-headerContent-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 70px;
}
.siteHeader .-headerContent-wrap .-leftContent-wrap {
  display: flex;
}
.siteHeader .-headerContent-wrap .-leftContent-wrap .-searchBox-wrap {
  display: none;
}
.siteHeader .-headerContent-wrap .-centerContent-wrap {
  width: 166px;
}
@media (min-width: 701px) {
  .siteHeader .-headerContent-wrap {
    padding-top: 16px;
    padding-bottom: 16px;
    height: 48px;
  }
  .siteHeader .-headerContent-wrap .-leftContent-wrap {
    flex: 0 1 366px;
    min-width: 0;
  }
  .siteHeader .-headerContent-wrap .-leftContent-wrap .-menuButton-wrap {
    flex: 0 1 78px;
    min-width: 58px;
  }
  .siteHeader .-headerContent-wrap .-leftContent-wrap .-searchBox-wrap {
    display: block;
    flex: 0 1 280px;
    min-width: 0;
  }
  .siteHeader .-headerContent-wrap .-centerContent-wrap {
    flex: 0 1 203px;
    align-self: start;
    padding-top: 4px;
    min-width: 180px;
    margin-left: 5vw;
    margin-right: 5vw;
  }
  .siteHeader .-headerContent-wrap .-rightContent-wrap {
    flex: 0 1 366px;
  }
}
.siteHeader[data-type=lite] {
  position: static;
  border-bottom: 1px solid var(--line);
}
.siteHeader[data-type=lite] .-headerContent-wrap {
  justify-content: center;
  height: 76px;
  box-sizing: border-box;
}

@media (min-width: 701px) {
  .siteHeader[data-type=lite] .-headerContent-wrap {
    height: 105px;
  }
  .siteHeader[data-type=lite] .siteLogo {
    width: 238px;
  }
}
.headerMenuButton {
  width: 36px;
  margin-left: -8px;
  margin-right: -8px;
  outline-offset: -3px;
}
.headerMenuButton ._label {
  display: none;
}

.headerMenuButton:hover {
  opacity: 1;
}

@media (min-width: 701px) {
  .headerMenuButton {
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }
  .headerMenuButton ._label {
    display: block;
  }
}
.siteLogo ._logo {
  display: block;
  width: 100%;
}

.headerIconButtons ._buttonItem {
  margin-left: 4px;
}
.headerIconButtons ._buttonItem:not([data-type=search]) {
  display: none;
}
.headerIconButtons ._buttonItem[data-type=search] {
  margin-left: 0;
}
.headerIconButtons ._buttonItem[data-type=search] ._button {
  width: 36px;
  margin-left: -8px;
  margin-right: -8px;
}

@media (min-width: 701px) {
  .headerIconButtons {
    width: 100%;
  }
  .headerIconButtons ._buttonItems {
    display: flex;
    justify-content: flex-end;
  }
  .headerIconButtons ._buttonItem:not([data-type=search]) {
    display: block;
    flex: 0 1 78px;
  }
  .headerIconButtons ._buttonItem:not([data-type=search]) ._button {
    width: 100%;
  }
  .headerIconButtons ._buttonItem[data-type=search] {
    display: none;
  }
}
.siteOverlayTools {
  position: fixed;
  z-index: 10;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
}
.siteOverlayTools > [class*=-wrap] {
  position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.siteOverlayTools .-siteMenu-wrap {
  z-index: 3;
}
.siteOverlayTools .-siteMenu-wrap .-siteMenu-bg {
  display: block;
  content: "";
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, 0.75);
  will-change: opacity;
  opacity: 0;
  transition: opacity 0.4s;
}
.siteOverlayTools .-siteMenu-wrap .-siteMenu-drawer {
  will-change: transform;
  transform: translateX(-100%);
  transition: transform 0.4s;
  margin-right: 18px;
  margin-right: max(18px, 4.8%);
  height: 100%;
  overflow: auto;
  background: #fff;
}

.siteOverlayTools .-siteMenu-wrap.is-show .-siteMenu-bg {
  pointer-events: auto;
  opacity: 1;
}
.siteOverlayTools .-siteMenu-wrap.is-show .-siteMenu-drawer {
  pointer-events: auto;
  transform: translateX(0);
}

@media (min-width: 701px) {
  .siteOverlayTools .-siteMenu-wrap .-siteMenu-drawer {
    width: 348px;
  }
}
.siteOverlayTools .-sp-searchBox-wrap {
  z-index: 2;
  will-change: opacity;
  opacity: 0;
  transition: opacity 0.4s;
  background: #fff;
}

.siteOverlayTools .-sp-searchBox-wrap.is-show {
  opacity: 1;
  pointer-events: auto;
  overflow: auto;
}

@media (min-width: 701px) {
  .siteOverlayTools .-sp-searchBox-wrap {
    display: none;
  }
}
.siteOverlayTools .-sp-bottomIconButtons-wrap {
  position: fixed;
  z-index: 1;
  bottom: 0;
  height: 80px;
}

@media (min-width: 701px) {
  .siteOverlayTools .-sp-bottomIconButtons-wrap {
    display: none;
  }
}
.siteMenu {
  position: relative;
  z-index: 1;
}
.siteMenu ._closeButton {
  position: absolute;
  left: 24px;
  top: 24px;
  margin: -10px;
  padding: 10px;
}
.siteMenu ._closeButton img {
  display: block;
}
.siteMenu .-menuContent-wrap {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  padding: 68px 24px 24px;
}

.loginStatusMenu {
  margin-bottom: 1.5em;
}
.loginStatusMenu ._memberInfo {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  line-height: 1.5;
  margin-left: calc(-8em / 16);
  margin-bottom: calc(10em / 16);
}
.loginStatusMenu ._memberInfo li {
  margin-left: calc(8em / 16);
}
.loginStatusMenu ._memberInfo ._status {
  flex: 0 0 auto;
}
.loginStatusMenu ._memberInfo ._name {
  flex: 0 1 auto;
  font-weight: 700;
  margin-left: calc(12em / 16);
}
.loginStatusMenu ._memberInfo ._config {
  flex: 1 0 auto;
  text-align: right;
}
.loginStatusMenu ._funcButtons {
  display: flex;
  margin-left: -8px;
}
.loginStatusMenu ._funcButtons li {
  flex: 1 1 auto;
  margin-left: 8px;
}
.loginStatusMenu .btnFunc {
  max-width: 100%;
  height: auto;
  font-size: 1.2rem;
  line-height: 1.6666666667;
  font-weight: 700;
  padding-top: calc(6em / 12);
  padding-bottom: calc(6em / 12);
}
.loginStatusMenu ._funcButtons .btnFunc:hover {
  color: #fff;
}
.loginStatusMenu ._funcButtons li:only-child .btnFunc {
  font-size: 1.6rem;
  line-height: 1.75;
  padding-top: calc(4em / 16);
  padding-bottom: calc(4em / 16);
}

@media (min-width: 701px) {
  .loginStatusMenu {
    margin-bottom: 1.3333333333em;
  }
  .loginStatusMenu ._memberInfo {
    display: flex;
    font-size: 1.4rem;
    line-height: 1.7142857143;
    margin-left: calc(-8em / 14);
    margin-bottom: calc(8em / 14);
  }
  .loginStatusMenu ._memberInfo li {
    margin-left: calc(8em / 14);
  }
  .loginStatusMenu ._memberInfo ._config {
    font-size: 1.2rem;
    line-height: 1.4166666667;
    font-weight: 500;
  }
  .loginStatusMenu ._funcButtons {
    display: flex;
    margin-left: -16px;
  }
  .loginStatusMenu ._funcButtons li {
    margin-left: 16px;
  }
  .loginStatusMenu .btnFunc {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    padding-top: calc(4em / 14);
    padding-bottom: calc(4em / 14);
    font-weight: 700;
  }
  .loginStatusMenu ._funcButtons li:only-child .btnFunc {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    padding-top: calc(6em / 14);
    padding-bottom: calc(6em / 14);
  }
}
.localNavi ._naviSection {
  border-bottom: 1px solid var(--line);
  margin-bottom: calc(24em / var(--default-em-base));
}
.localNavi ._naviHeader {
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 700;
  margin-bottom: calc(16em / 16);
}
.localNavi ._naviHeader > a {
  display: block;
  background: url(/images/2022/icon_arrow_right.svg) center right no-repeat;
}
.localNavi ._naviContent {
  display: flex;
  margin-left: calc(-20em / var(--default-em-base));
  margin-bottom: calc(24em / var(--default-em-base));
}
@media (max-width: 374px) {
  .localNavi ._naviContent {
    margin-left: calc(-10em / var(--default-em-base));
  }
}
.localNavi ._naviItems {
  flex: 1 0 40%;
  font-size: 1.4rem;
  line-height: 1.4;
  margin-left: calc(20em / 14);
  margin-top: calc(-16em / 14);
}
@media (max-width: 374px) {
  .localNavi ._naviItems {
    margin-left: 0;
  }
}
.localNavi ._naviItem {
  margin-top: calc(16em / 14);
}
.localNavi ._naviItem > a {
  display: block;
  padding-left: 32px;
  display: flex;
  align-items: center;
  position: relative;
}
.localNavi ._naviItem > a::before {
  position: absolute;
  left: 16px;
  top: 0.6em;
  display: block;
  content: "";
  width: 7px;
  height: 1px;
  background: var(--theme-red);
}
.localNavi ._naviItem[data-display] {
  display: none;
}

@media (min-width: 701px) {
  .localNavi ._naviHeader {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    font-weight: 700;
    margin-bottom: calc(16em / 14);
  }
  .localNavi ._naviContent {
    display: block;
    margin-bottom: calc(16em / var(--default-em-base));
  }
  .localNavi ._naviItems {
    flex: 1 0 100%;
    margin-top: 0;
  }
  .localNavi ._naviItem {
    margin-top: calc(8em / 14);
    line-height: 1.7142857143;
  }
  .localNavi ._naviItem > a::before {
    top: 0.8em;
  }
}
.siteSocialButtons {
  display: flex;
  max-width: 310px;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: calc(-4em / var(--default-em-base));
  margin-bottom: calc(16em / var(--default-em-base));
  row-gap: 1em;
}
.siteSocialButtons ._media {
  flex: 1 0 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.siteSocialButtons ._button {
  display: block;
  opacity: 1;
  transition: opacity 0.3s;
}
.siteSocialButtons ._button:hover {
  opacity: 0.7;
}
.siteSocialButtons ._icons {
  display: flex;
}
.siteSocialButtons ._icon {
  display: block;
  width: 32px;
  height: 32px;
  margin-left: 12px;
  margin-right: 12px;
}
.siteSocialButtons ._iconPath {
  fill: var(--text-gray);
}
.siteSocialButtons ._label {
  font-size: 1.2rem;
  line-height: 1.6666666667;
  color: var(--text-gray);
  margin-top: calc(8em / 12);
  white-space: nowrap;
}
.siteSocialButtons ._button:hover ._label {
  color: currentColor;
}
.siteSocialButtons ._button:hover ._iconPath {
  fill: currentColor;
}

@media (min-width: 701px) {
  .siteSocialButtons {
    margin-top: 0;
  }
}
.logoutButton {
  border-top: 1px solid var(--line);
  padding-top: calc(24em / var(--default-em-base));
}
.logoutButton ._button {
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 700;
}

@media (min-width: 701px) {
  .logoutButton ._button {
    font-size: 1.4rem;
    line-height: 0.5833333333;
  }
}
.sp-searchBox {
  position: relative;
  padding: 64px 10%;
}
.sp-searchBox .-searchBox-bg {
  z-index: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  min-height: 100vh;
}
.sp-searchBox .-searchBoxContent-wrap {
  position: relative;
  z-index: 1;
  margin: -1em -0.6em -0.6em;
  padding: 1em 0.6em 0.6em;
}
.sp-searchBox ._textbox {
  border-bottom-color: var(--theme-red);
}
.sp-searchBox ._textbox [type=search] {
  font-size: 1.6rem;
  padding-bottom: 1em;
  background: #fff;
}
.sp-searchBox ._cancelButton {
  font-size: 1.2rem;
  line-height: 1.6666666667;
  margin-top: calc(16em / 12);
  text-align: center;
}
.sp-searchBox ._searchNotes {
  font-size: 1.4rem;
  line-height: 1.7142857143;
  margin-top: calc(48em / 14);
}
.sp-searchBox ._searchNotes li {
  padding-left: 1em;
  position: relative;
}
.sp-searchBox ._searchNotes li::before {
  display: block;
  content: "";
  position: absolute;
  top: 0.6em;
  left: 0;
  width: calc(4em / 14);
  height: calc(4em / 14);
  background: var(--theme-red);
  border-radius: 50%;
}
.sp-searchBox ._searchNotes li + li {
  margin-top: calc(16em / 14);
}
.sp-searchBox ._searchNotes li ._note {
  font-size: calc(12em / 14);
  margin-top: calc(6em / 14);
}

.sp-bottomIconButtons {
  background: #fff;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.05);
  border-radius: 100px;
  margin-left: 4.2666666667%;
  margin-right: 4.2666666667%;
  padding-top: 6px;
  padding-bottom: 6px;
  pointer-events: auto;
}
.sp-bottomIconButtons ._buttonItems {
  display: flex;
  justify-content: center;
  gap: 6.4%;
}

.siteCategoryNav {
  position: relative;
  z-index: 3;
  margin-top: calc(8em / var(--default-em-base));
  margin-bottom: calc(16em / var(--default-em-base));
}
.siteCategoryNav ._level1Items {
  display: flex;
  font-size: 1.2rem;
  line-height: 1.6666666667;
  position: relative;
}

.siteCategoryNav ._item-lv1 {
  flex: 1 1 auto;
}

.siteCategoryNav ._button-lv1 {
  display: block;
  font-weight: 700;
  padding: calc(13em / 12) calc(8em / 12);
  text-align: center;
  background: var(--footer-gray);
  white-space: nowrap;
  position: relative;
  outline-offset: -2px;
}

.siteCategoryNav ._button-lv1::after {
  display: none;
  content: "";
  background: url(/images/2022/icon_navmarker.svg) top center no-repeat;
  background-size: 14px 9px;
  width: 14px;
  height: 9px;
  position: absolute;
  z-index: 2;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -7px);
}

.siteCategoryNav ._item-lv1:first-child ._button-lv1 {
  border-top-left-radius: calc(4em / 12);
  border-bottom-left-radius: calc(4em / 12);
}

.siteCategoryNav ._item-lv1:last-child ._button-lv1 {
  border-top-right-radius: calc(4em / 12);
  border-bottom-right-radius: calc(4em / 12);
}

.siteCategoryNav ._level2Items {
  display: none;
  position: absolute;
  z-index: 1;
  top: 100%;
  width: 240px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: calc(4em / 12);
}

.siteCategoryNav ._item-lv1:first-child ._level2Items,
.siteCategoryNav ._item-lv1:nth-child(2) ._level2Items {
  left: 0;
}

.siteCategoryNav ._item-lv1:nth-child(3) ._level2Items,
.siteCategoryNav ._item-lv1:last-child ._level2Items {
  right: 0;
}

.siteCategoryNav ._item-lv2 + ._item-lv2 {
  border-top: 1px solid var(--line);
}

.siteCategoryNav ._button-lv2 {
  display: block;
  font-weight: 300;
  padding: calc(8em / 12) 1em;
  text-align: center;
}

.siteCategoryNav ._item-lv1.is-selected ._button-lv1 {
  background: #f4f4f4;
  color: var(--theme-red);
}
.siteCategoryNav ._item-lv1.is-selected ._button-lv1::after {
  display: block;
}
.siteCategoryNav ._item-lv1.is-selected ._level2Items {
  display: block;
}

/*.siteCategoryNav._level2Items の位置調整 */
@media (min-width: 401px) {
  .siteCategoryNav ._item-lv1 {
    position: relative;
  }

  .siteCategoryNav ._level2Items {
    width: 30vw;
    min-width: 240px;
    max-width: 280px;
  }

  .siteCategoryNav ._item-lv1:nth-child(2) ._level2Items {
    left: 50%;
    transform: translateX(-50%);
  }

  .siteCategoryNav ._item-lv1:nth-child(3) ._level2Items {
    right: 50%;
    transform: translateX(50%);
  }
}
@media (min-width: 701px) {
  .siteCategoryNav {
    margin-top: 0;
  }

  .siteCategoryNav ._level1Items {
    font-size: 1.4rem;
    line-height: 1.7142857143;
  }

  .siteCategoryNav ._item-lv1 {
    flex: 1 1 25%;
    position: relative;
  }

  .siteCategoryNav ._item-lv1:not(:first-child)::after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: calc(16em / 14);
    background: var(--line);
  }

  .siteCategoryNav ._button-lv1 {
    font-weight: 700;
    padding: calc(7em / 12) 1em;
  }

  .siteCategoryNav ._button-lv1::after {
    top: calc(100% - (3em / 12));
  }

  .siteCategoryNav ._level2Items {
    font-size: 1.2rem;
    line-height: 2.5;
    top: calc(100% - (3em / 12));
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .siteCategoryNav ._button-lv2 {
    display: block;
    font-weight: 500;
    padding: calc(4em / 12) 1em;
    text-align: center;
  }

  .siteCategoryNav ._item-lv1.is-selected ._button-lv1 {
    background: var(--footer-gray);
  }
}
.siteInfo {
  margin-bottom: calc(16em / var(--default-em-base));
}
.siteInfo ._info {
  font-size: 1.2rem;
  line-height: 1.6666666667;
  border: 1px solid var(--theme-red);
  font-weight: 300;
  padding: calc(9em / 12) calc(16em / 12) calc(9em / 12);
  border-radius: calc(2em / 12);
}
.siteInfo ._info > * + * {
  margin-top: calc(6em / var(--default-em-base));
}
.siteInfo ._info > li {
  margin-left: 0;
  display: flex;
  align-items: flex-start;
}
.siteInfo ._info > li::before {
  flex: 0 0 auto;
  margin-right: 0.5em;
  display: inline-block;
  content: "";
  width: calc(12em / 12);
  height: calc(20em / 12);
  background: url(/images/2022/icon_info.svg) no-repeat;
  background-position: top left;
  background-size: calc(12em / 12);
  transform: translateY(-0.1em);
}
.siteInfo ._info > li > a {
  flex: 1 1 auto;
  text-align: left;
}

@media (min-width: 701px) {
  .siteInfo ._info {
    font-weight: 500;
    padding: calc(10em / 12) calc(16em / 12);
    background-position: top calc(9em / 12) left calc(20em / 12);
  }
}
.siteFooter {
  background: var(--footer-gray);
}
.siteFooter .-globalFooter-wrap {
  background: var(--gray4);
  padding-bottom: 68px;
}
.siteFooter .-globalFooter-wrap .-content-wrap {
  max-width: 640px;
  padding-top: calc(32em / var(--default-em-base));
  padding-bottom: calc(32em / var(--default-em-base));
}

@media (min-width: 701px) {
  .siteFooter .-globalFooter-wrap {
    padding-bottom: 0;
  }
  .siteFooter .-globalFooter-wrap .-content-wrap {
    max-width: var(--content-wrap-max-width);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}
.siteFooter[data-type=lite] {
  background: var(--footer-gray);
  background: var(--gray4);
}
.siteFooter[data-type=lite] .-content-wrap {
  max-width: 640px;
  padding-top: calc(24em / var(--default-em-base));
  padding-bottom: calc(24em / var(--default-em-base));
  display: flex;
  flex-direction: column;
  align-items: center;
}
.siteFooter[data-type=lite] .corpLogo {
  flex: 0 0 auto;
}
.siteFooter[data-type=lite] .corpLogo ._logo {
  width: 80px;
}
.siteFooter[data-type=lite] .copyright {
  flex: 0 0 auto;
  margin-top: calc(24em / var(--default-em-base));
}

.localFooter {
  position: relative;
}

@media (min-width: 701px) {
  .localFooter {
    padding-top: calc(64em / var(--default-em-base));
    padding-bottom: calc(64em / var(--default-em-base));
  }
}
.localFooter .localNavi {
  padding-top: calc(32em / var(--default-em-base));
}
.localFooter .localNavi ._naviSection {
  margin-bottom: calc(16em / var(--default-em-base));
}
.localFooter .localNavi ._naviHeader {
  font-size: 1.5rem;
  line-height: 1.5333333333;
  margin-bottom: calc(16em / 15);
}
.localFooter .localNavi ._naviContent {
  display: block;
  margin-left: calc(-20em / var(--default-em-base));
  margin-bottom: calc(16em / var(--default-em-base));
}
.localFooter .localNavi ._naviItems {
  flex: 1 0 100%;
  margin-top: 0;
  font-size: 1.2rem;
  line-height: 1.6666666667;
  margin-left: calc(20em / 12);
}
.localFooter .localNavi ._naviItem {
  margin-top: calc(8em / 12);
}
.localFooter .localNavi ._naviItem > a::before {
  top: 0.74em;
}
.localFooter .localNavi ._naviItem[data-display=footerOnly] {
  display: block;
}

@media (min-width: 701px) {
  .localFooter .localNavi {
    padding-top: 0;
  }
  .localFooter .localNavi ._naviSection {
    border-bottom: none;
    margin-bottom: calc(32em / var(--default-em-base));
    display: flex;
    align-items: flex-start;
  }
  .localFooter .localNavi ._naviHeader {
    flex: 0 1 150px;
    font-size: 1.4rem;
    line-height: 1.7142857143;
    font-weight: 700;
    margin-bottom: 0;
    white-space: nowrap;
  }
  .localFooter .localNavi ._naviHeader > a {
    display: inline;
    background: none;
  }
  .localFooter .localNavi ._naviContent {
    flex: 1 1 1%;
    line-height: 1;
    margin-left: calc(-6em / var(--default-em-base));
    margin-bottom: calc(-12em / var(--default-em-base));
    /* ._navItemのmargin-bottomの分 */
  }
  .localFooter .localNavi ._naviItems {
    flex: 1 1 auto;
    font-size: 1.4rem;
    line-height: 1.7142857143;
    margin-left: 0;
    margin-top: 0;
    display: inline-flex;
    flex-wrap: wrap;
  }
  .localFooter .localNavi ._naviItem {
    margin-top: 0;
    margin-bottom: calc(12em / 14);
    padding-left: calc(30em / 14);
    padding-right: calc(31em / 14);
    position: relative;
  }
  .localFooter .localNavi ._naviItem > a {
    display: inline;
    padding: 0;
    white-space: nowrap;
  }
  .localFooter .localNavi ._naviItem > a::before {
    display: none;
  }
  .localFooter .localNavi ._naviItem::after {
    position: absolute;
    top: 0.3em;
    right: 0;
    display: block;
    content: "";
    width: 1px;
    height: 1em;
    background: var(--text-gray);
  }
  .localFooter .localNavi ._naviItems:last-child ._naviItem:last-child::after {
    display: none;
  }
  .localFooter .localNavi ._naviItem[data-display=footerOnly] {
    display: block;
  }
}
@media (min-width: 701px) {
  .localFooter .socialMediaLinks {
    display: flex;
    align-items: center;
    margin-right: calc(90em / var(--default-em-base));
  }
}
.localFooter .siteSocialButtons {
  margin-top: calc(32em / var(--default-em-base));
  margin-bottom: calc(24em / var(--default-em-base));
  box-sizing: border-box;
}
@media (min-width: 701px) {
  .localFooter .siteSocialButtons {
    flex: 0 1 auto;
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
    padding-left: 0;
  }
  .localFooter .siteSocialButtons > * + * {
    margin-top: 0;
  }
  .localFooter .siteSocialButtons ._media {
    flex: 0 0 auto;
    margin-left: calc(26em / var(--default-em-base));
    flex-direction: row-reverse;
  }
  .localFooter .siteSocialButtons ._media:first-child {
    margin-left: 0px;
  }
  .localFooter .siteSocialButtons ._label {
    margin-top: 0;
    margin-right: 8px;
  }
}
.localFooter .logoutButton {
  padding-top: calc(32em / var(--default-em-base));
  padding-bottom: calc(32em / var(--default-em-base));
  text-align: center;
}
.localFooter .logoutButton ._button {
  font-size: 1.5rem;
  line-height: 1.5333333333;
}

@media (min-width: 701px) {
  .localFooter .logoutButton {
    position: absolute;
    right: 0;
    bottom: calc(64em / var(--default-em-base));
    border-top: none;
    padding-top: 0;
    padding-bottom: 0;
  }
  .localFooter .logoutButton ._button {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    font-weight: 700;
  }
}
.corpLogo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.corpLogo ._logo {
  width: 134px;
}
@media (min-width: 701px) {
  .corpLogo {
    text-align: left;
    flex: 0 0 126px;
    /* 80 + 46 = 126*/
    margin: 0;
    line-height: 1;
  }
  .corpLogo ._logo {
    width: 80px;
  }
}
.globalFooter {
  font-size: 1.1rem;
  line-height: 1.8181818182;
  margin-top: calc(32em / 11);
  margin-bottom: calc(-16em / 11);
  margin-left: calc(-20em / 11);
  display: flex;
  flex-wrap: wrap;
}
.globalFooter ._item {
  flex: 1 1 40%;
  margin-bottom: calc(16em / 11);
  margin-left: calc(20em / 11);
  text-align: center;
  white-space: nowrap;
}

@media (min-width: 701px) {
  .globalFooter {
    flex: 1 0 100%;
    max-width: calc(100% - 80px - 46px);
    box-sizing: border-box;
    font-size: 1.2rem;
    line-height: 1.6666666667;
    margin-top: 0;
    margin-top: 2px;
    /* 1行表示の際に、BPロゴと縦が中央揃えになるように調整 */
    margin-bottom: -0.75em;
    /* ._itemのmargin-bottom分の調整 */
    margin-left: calc(-20em / 12);
    /* 先頭の左パディング分の調整 */
    flex-wrap: nowrap;
  }
  .globalFooter ._item {
    flex: 0 1 auto;
    width: auto;
    margin-bottom: 0.75em;
    margin-left: 0;
    padding-left: 2.0120724346%;
    padding-right: 2.1126760563%;
    position: relative;
  }
  .globalFooter ._item::after {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    content: "";
    width: 1px;
    height: calc(18em / 12);
    background: var(--text-gray);
  }
  .globalFooter ._item:last-child::after {
    display: none;
  }
}
.copyright {
  color: var(--text-gray);
  font-size: 11px;
  line-height: 1.8181;
  margin-top: 2.3636363636em;
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

@media (min-width: 701px) {
  .copyright {
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
    line-height: 1.6666;
    margin-top: 2em;
  }
}
.articleList .-moreButton-wrap {
  margin-top: calc(32em / var(--default-em-base));
  position: relative;
}
.articleList .-moreButton-wrap.is-hidden {
  display: none;
}
.articleList .fetchLoadingIcon {
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
}

@media (min-width: 701px) {
  .articleList .-moreButton-wrap {
    margin-top: calc(48em / var(--default-em-base));
  }
}
.articleList .-pagination-wrap {
  margin-top: calc(32em / var(--default-em-base));
}

/**
 * カルーセル用設定（swiper 5.4.5使用）
 */
.articleList[data-list-type=carousel] {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  padding-bottom: calc(32em / var(--default-em-base));
  opacity: 0;
  transition: opacity 0.8s;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.articleList[data-list-type=carousel].swiper-container-initialized {
  opacity: 1;
  transition-delay: 0.4s;
}

.articleList[data-list-type=carousel] .articleListItems {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .articleListItem,
.articleList[data-list-type=carousel] .articleListItems {
  transform: translate3d(0px, 0, 0);
}

.articleList[data-list-type=carousel] .articleListItem {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform, opacity;
  transition-duration: 1s, 1s;
}

.articleList[data-list-type=carousel] .-carouselDots {
  position: absolute;
  text-align: center;
  z-index: 10;
  bottom: calc(0em / var(--default-em-base));
  left: 0;
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

/* Bullets */
.articleList[data-list-type=carousel] .-carouselDots button {
  width: calc(8em / var(--default-em-base));
  height: calc(8em / var(--default-em-base));
  border-radius: calc(2em / var(--default-em-base));
  background: var(--line);
  padding: 0;
  margin: 0 calc(6em / var(--default-em-base));
  border: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}

.articleList[data-list-type=carousel] .-carouselDots button.swiper-pagination-bullet-active {
  background: var(--theme-red);
}

/* a11y */
[class*=swiper-container] .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

@media (min-width: 701px) {
  .articleList[data-list-type=carousel] {
    padding-bottom: calc(60em / var(--default-em-base));
  }

  .articleList[data-list-type=carousel] .-carouselDots button {
    width: calc(12em / var(--default-em-base));
    height: calc(12em / var(--default-em-base));
    margin: 0 calc(8em / var(--default-em-base));
  }
}
.articleList[data-list-type=authorIndex] .-pagination-wrap {
  margin-top: calc(24em / var(--default-em-base));
  max-width: calc(242em / var(--default-em-base));
  margin-left: auto;
  margin-right: auto;
}
.articleList[data-list-type=authorIndex] ._syllabarySection {
  margin-top: calc(24em / var(--default-em-base));
}
.articleList[data-list-type=authorIndex] ._syllabaryHeader {
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: calc(8em / 20);
}

@media (min-width: 701px) {
  .articleList[data-list-type=authorIndex] .-pagination-wrap {
    margin-top: calc(32em / var(--default-em-base));
    max-width: 100%;
    margin-left: 0;
  }
  .articleList[data-list-type=authorIndex] ._syllabarySection {
    margin-top: calc(32em / var(--default-em-base));
  }
  .articleList[data-list-type=authorIndex] ._syllabaryHeader {
    font-size: 1.8rem;
    line-height: 1.6666666667;
  }
}
.fetchLoadingIcon {
  opacity: 0;
  transition: opacity 0.8s;
  pointer-events: none;
  padding: 0 0.5em;
}
.fetchLoadingIcon.is-loading {
  opacity: 1;
}
.fetchLoadingIcon .-balls > div {
  background-color: var(--theme-red);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 2px;
  animation-fill-mode: both;
  display: inline-block;
  animation: loadingIcon 0.7s 0s infinite linear;
}
.fetchLoadingIcon .-balls > div:nth-child(2n-1) {
  animation-delay: -0.35s;
}

@keyframes loadingIcon {
  50% {
    opacity: 0.2;
    transform: scale(0.75);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.pagination {
  display: flex;
  justify-content: center;
}
.pagination:not([data-type]) {
  visibility: hidden;
}
.pagination ._pageItems {
  display: flex;
  margin-left: calc(-6em / var(--default-em-base));
}
.pagination ._pageItem {
  font-size: 1.5rem;
  line-height: 2.5333333333;
  height: calc(38em / 15);
  text-align: center;
  font-weight: 700;
  min-width: calc(38em / 15);
  margin-left: calc(6em / 15);
  border-radius: 0.1333333333em;
}
.pagination ._pageButton {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background: var(--footer-gray);
  color: var(--theme-red);
  box-sizing: border-box;
  padding: 0 calc(4em / 15);
  border-radius: 0.1333333333em;
}
.pagination ._pageButton:hover {
  background: var(--theme-red);
  color: #fff;
}
.pagination ._pageItem[data-sign=current] {
  background: var(--theme-red);
  color: #fff;
}
.pagination ._pageItem[data-sign=prev] ._pageButton {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2211%22%20height%3D%2210%22%20viewBox%3D%220%200%2011%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_8258_1681)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.98318%209.57347C7.66646%209.84042%207.19331%209.80007%206.92636%209.48336L3.14749%205L6.92636%200.516642C7.19331%200.199924%207.66646%200.15958%207.98318%200.42653C8.2999%200.693481%208.34025%201.16664%208.07329%201.48336L5.10924%205L8.07329%208.51664C8.34024%208.83336%208.2999%209.30652%207.98318%209.57347Z%22%20fill%3D%22%23B00B36%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_8258_1681%22%3E%3Crect%20width%3D%2210%22%20height%3D%2210%22%20fill%3D%22white%22%20transform%3D%22translate(0.5)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.pagination ._pageItem[data-sign=next] ._pageButton {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2211%22%20height%3D%2210%22%20viewBox%3D%220%200%2011%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_8258_1684)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.01682%200.42653C3.33354%200.15958%203.80669%200.199924%204.07364%200.516642L7.85251%205L4.07364%209.48336C3.80669%209.80007%203.33354%209.84042%203.01682%209.57347C2.7001%209.30652%202.65976%208.83336%202.92671%208.51664L5.89076%205L2.92671%201.48336C2.65975%201.16664%202.7001%200.693481%203.01682%200.42653Z%22%20fill%3D%22%23B00B36%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_8258_1684%22%3E%3Crect%20width%3D%2210%22%20height%3D%2210%22%20fill%3D%22white%22%20transform%3D%22translate(0.5)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.pagination ._pageItem[data-sign=prev] ._pageButton:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2211%22%20height%3D%2210%22%20viewBox%3D%220%200%2011%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_8258_1681)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.98318%209.57347C7.66646%209.84042%207.19331%209.80007%206.92636%209.48336L3.14749%205L6.92636%200.516642C7.19331%200.199924%207.66646%200.15958%207.98318%200.42653C8.2999%200.693481%208.34025%201.16664%208.07329%201.48336L5.10924%205L8.07329%208.51664C8.34024%208.83336%208.2999%209.30652%207.98318%209.57347Z%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_8258_1681%22%3E%3Crect%20width%3D%2210%22%20height%3D%2210%22%20fill%3D%22white%22%20transform%3D%22translate(0.5)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.pagination ._pageItem[data-sign=next] ._pageButton:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2211%22%20height%3D%2210%22%20viewBox%3D%220%200%2011%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_8258_1684)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.01682%200.42653C3.33354%200.15958%203.80669%200.199924%204.07364%200.516642L7.85251%205L4.07364%209.48336C3.80669%209.80007%203.33354%209.84042%203.01682%209.57347C2.7001%209.30652%202.65976%208.83336%202.92671%208.51664L5.89076%205L2.92671%201.48336C2.65975%201.16664%202.7001%200.693481%203.01682%200.42653Z%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_8258_1684%22%3E%3Crect%20width%3D%2210%22%20height%3D%2210%22%20fill%3D%22white%22%20transform%3D%22translate(0.5)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}

.pagination[data-type=syllabary_ja] ._pageItems {
  margin-left: calc(-8em / var(--default-em-base));
  margin-bottom: calc(-8em / var(--default-em-base));
  flex-wrap: wrap;
}
.pagination[data-type=syllabary_ja] ._pageItem {
  font-size: 2rem;
  line-height: 2.1;
  height: calc(42em / 20);
  font-weight: 300;
  min-width: calc(42em / 20);
  margin-left: calc(8em / 20);
  margin-bottom: calc(8em / 20);
  border-radius: 0.2em;
}
.pagination[data-type=syllabary_ja] ._pageButton {
  color: var(--text-black);
  padding: 0;
  border-radius: 0.2em;
}
.pagination[data-type=syllabary_ja] ._pageButton:hover {
  color: #fff;
}
.pagination[data-type=syllabary_ja] ._pageItem[data-sign=current] ._pageButton {
  background: var(--theme-red);
  color: #fff;
  font-weight: 700;
}

@media (min-width: 701px) {
  .pagination[data-type=syllabary_ja] {
    justify-content: flex-start;
  }
  .pagination[data-type=syllabary_ja] ._pageItem {
    font-size: 1.8rem;
    line-height: 1.8888888889;
    font-weight: 500;
    height: calc(34em / 18);
    min-width: calc(34em / 18);
    margin-left: calc(8em / 18);
    margin-bottom: calc(8em / 18);
    border-radius: 0.2222222222em;
  }
  .pagination[data-type=syllabary_ja] ._pageButton {
    border-radius: 0.2222222222em;
  }
}
.articleListItems {
  display: flex;
  flex-wrap: wrap;
  margin-left: -4.3731778426%;
  margin-bottom: calc(-24em / var(--default-em-base));
}
.articleListItems > * {
  flex: 1 1 40%;
  margin-left: 4.3731778426%;
  margin-bottom: calc(24em / var(--default-em-base));
}

.articleListItem .-itemContent-wrap {
  display: block;
  outline-offset: 0.5em;
}
.articleListItem .-image-wrap {
  position: relative;
}
.articleListItem .-text-wrap {
  margin-top: calc(12em / var(--default-em-base));
  display: flex;
}
.articleListItem .-image-clip {
  position: relative;
  z-index: 1;
  width: 100%;
  padding-top: 75%;
  border-radius: 4.8780487805%/6.5040650407%;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}
.articleListItem ._image {
  position: absolute;
  z-index: 0;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  transition: transform 0.4s;
}
.articleListItem .-icon-wrap {
  position: absolute;
  z-index: 2;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  pointer-events: none;
  right: 4.8780487805%;
  bottom: 6.5040650407%;
  width: 100%;
  height: 19.512195122%;
}
.articleListItem ._icon {
  display: block;
  border-radius: 50%;
  width: 14.6341463415%;
  height: 100%;
  margin-left: 2.4390243902%;
}
.articleListItem ._icon[data-icon=video] {
  background: #fff url(/images/2022/icon_video.svg) center no-repeat;
  background-size: 58.3333333333%;
}
.articleListItem ._icon[data-icon=voice] {
  background: #fff url(/images/2022/icon_voice.svg) center no-repeat;
  background-size: 58.3333333333%;
}
.articleListItem .-titles-wrap {
  flex: 1 1 1%;
}
.articleListItem ._shoulder {
  font-size: 1.2rem;
  line-height: 1.6666666667;
  font-weight: 300;
  margin-bottom: 0;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.articleListItem ._title {
  font-size: 1.5rem;
  line-height: 1.5333333333;
  font-weight: 700;
}
.articleListItem ._properties,
.articleListItem ._summary {
  font-size: 1.2rem;
  line-height: 1.6666666667;
  font-weight: 300;
  color: var(--text-gray);
  margin-top: calc(8em / 12);
}
.articleListItem ._properties {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.articleListItem ._author {
  display: inline-block;
}
.articleListItem ._summary {
  word-break: break-all;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.articleListItem .-rank-wrap {
  flex: 0 0 auto;
  font-size: 1.4rem;
  line-height: 1.75;
  width: calc(24em / 14);
  padding-right: calc(12em / 14);
  display: flex;
  align-items: center;
}
.articleListItem ._rank {
  display: block;
  text-align: center;
  border-radius: 0.2857142857em;
  width: calc(24em / 14);
  height: calc(24em / 14);
  background: var(--theme-red);
  color: #fff;
  white-space: nowrap;
}

.articleListItem ._link[href]:hover ._image {
  transform: translate3d(-50%, -50%, 0) scale(1.09);
}

.articleListItem.is-hidden {
  display: none;
  opacity: 0;
}

.articleListItem.is-show {
  display: block;
  animation: fadeIn 1.2s;
  animation-fill-mode: forwards;
}

.articleListItems[data-design=carousel] {
  flex-wrap: nowrap;
  margin-left: 0;
  margin-bottom: 0;
}
.articleListItems[data-design=carousel] > * {
  flex: 0 0 auto;
  margin-left: 0;
  margin-bottom: 0;
}

.articleListItems[data-design=carousel] .articleListItem .-itemContent-wrap {
  display: block;
  outline-offset: 0;
}
.articleListItems[data-design=carousel] .articleListItem .-text-wrap {
  margin-top: calc(16em / var(--default-em-base));
  max-width: var(--content-wrap-max-width);
  margin-left: auto;
  margin-right: auto;
  padding: var(--content-wrap-padding);
  box-sizing: border-box;
  transition: opacity 0.4s;
}
.articleListItems[data-design=carousel] .articleListItem .-image-clip {
  padding-top: 52.5%;
  border-radius: 0;
}
.articleListItems[data-design=carousel] .articleListItem .-icon-wrap {
  right: 5.3333333333%;
  bottom: 10.152284264%;
  width: 100%;
  height: 12.1827411168%;
}
.articleListItems[data-design=carousel] .articleListItem ._icon {
  width: 6.4%;
  margin-left: 1.0666666667%;
}
.articleListItems[data-design=carousel] .articleListItem ._icon[data-icon=video] {
  background-size: 70%;
}
.articleListItems[data-design=carousel] .articleListItem ._icon[data-icon=voice] {
  background-size: 70%;
}
.articleListItems[data-design=carousel] .articleListItem ._shoulder {
  font-size: 1.6rem;
  line-height: 1.75;
  margin-bottom: calc(4em / 16);
}
.articleListItems[data-design=carousel] .articleListItem ._title {
  font-size: 1.8rem;
  line-height: 1.4444444444;
  font-weight: 700;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.articleListItems[data-design=carousel] .articleListItem ._summary {
  color: var(--text-gray);
}
.articleListItems[data-design=carousel] .articleListItem ._properties > span {
  display: inline-block;
}
.articleListItems[data-design=carousel] .articleListItem:not(.swiper-slide-active) {
  opacity: 0.2;
}
.articleListItems[data-design=carousel] .articleListItem:not(.swiper-slide-active) .-text-wrap {
  opacity: 0;
}

.articleListItems[data-design=carousel] .articleListItem:not(.swiper-slide-active) ._link[href]:hover ._image {
  transform: translate3d(-50%, -50%, 0);
}

@media (min-width: 701px) {
  .articleListItems[data-design=carousel] .articleListItem .-text-wrap {
    margin-top: calc(24em / var(--default-em-base));
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }
  .articleListItems[data-design=carousel] .articleListItem .-image-clip {
    border-radius: 2.5806451613%/4.9180327869%;
  }
  .articleListItems[data-design=carousel] .articleListItem .-icon-wrap {
    right: 2.7956989247%;
    bottom: 5.3278688525%;
    width: 100%;
    height: 8.1967213115%;
  }
  .articleListItems[data-design=carousel] .articleListItem ._icon {
    width: 4.3010752688%;
    margin-left: 0.8602150538%;
  }
  .articleListItems[data-design=carousel] .articleListItem ._shoulder {
    font-size: 1.8rem;
    line-height: 1.6666666667;
    font-weight: 500;
    margin-bottom: calc(12em / 18);
  }
  .articleListItems[data-design=carousel] .articleListItem ._title {
    font-size: 3.2rem;
    line-height: 1.375;
  }
  .articleListItems[data-design=carousel] .articleListItem ._properties,
.articleListItems[data-design=carousel] .articleListItem ._summary {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    font-weight: 500;
    color: var(--text-gray);
    margin-top: calc(12em / 14);
  }
}
.articleListItems[data-design=largeImage] {
  margin-left: 0;
  margin-bottom: calc(-24em / var(--default-em-base));
}
.articleListItems[data-design=largeImage] > * {
  flex: 0 0 100%;
  margin-left: 0;
  margin-bottom: calc(24em / var(--default-em-base));
}

@media (min-width: 701px) {
  .articleListItems[data-design=largeImage] {
    margin-bottom: calc(-32em / var(--default-em-base));
  }
  .articleListItems[data-design=largeImage] > * {
    margin-bottom: calc(32em / var(--default-em-base));
  }
}
.articleListItems[data-design=largeImage] .articleListItem .-image-wrap {
  margin-bottom: calc(-32em / var(--default-em-base));
}
.articleListItems[data-design=largeImage] .articleListItem .-text-wrap {
  margin-top: 0;
}
.articleListItems[data-design=largeImage] .articleListItem .-image-clip {
  padding-top: 33.3333333333%;
  border-radius: 4.6647230321%/14.0350877193%;
}
.articleListItems[data-design=largeImage] .articleListItem .-icon-wrap {
  right: 2.332361516%;
  bottom: 7.0175438596%;
  height: 14.0350877193%;
}
.articleListItems[data-design=largeImage] .articleListItem ._icon {
  width: 4.6647230321%;
  margin-left: 2.332361516%;
}
.articleListItems[data-design=largeImage] .articleListItem .-titles-wrap {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.articleListItems[data-design=largeImage] .articleListItem ._title {
  background: #fff;
  border-top-right-radius: 16px;
  order: 1;
  padding-top: calc(5em / 15);
  padding-bottom: calc(5em / 15);
  padding-right: calc(12em / 15);
  margin-right: 4%;
  max-width: 96%;
}
.articleListItems[data-design=largeImage] .articleListItem ._properties {
  order: 3;
  max-width: 100%;
}
.articleListItems[data-design=largeImage] .articleListItem ._summary {
  order: 2;
  margin-top: calc(8em / 12);
  color: var(--text-gray);
  max-width: 100%;
}

@media (min-width: 701px) {
  .articleListItems[data-design=largeImage] .articleListItem .-image-wrap {
    margin-bottom: calc(-48em / var(--default-em-base));
  }
  .articleListItems[data-design=largeImage] .articleListItem .-image-clip {
    border-radius: 3.1578947368%/9.4861660079%;
  }
  .articleListItems[data-design=largeImage] .articleListItem .-icon-wrap {
    right: 1.0526315789%;
    bottom: 3.162055336%;
    height: 9.4861660079%;
  }
  .articleListItems[data-design=largeImage] .articleListItem ._icon {
    width: 3.1578947368%;
    margin-left: 1.0526315789%;
  }
  .articleListItems[data-design=largeImage] .articleListItem ._title {
    font-size: 2.6rem;
    line-height: 1.3076923077;
    font-weight: 700;
    padding-top: calc(8em / 26);
    padding-bottom: calc(8em / 26);
    padding-right: calc(18em / 26);
  }
  .articleListItems[data-design=largeImage] .articleListItem ._properties {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    font-weight: 500;
    margin-top: calc(8em / 14);
  }
  .articleListItems[data-design=largeImage] .articleListItem ._summary {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    font-weight: 500;
    margin-top: calc(16em / 14);
    -webkit-line-clamp: 3;
  }
}
.articleListItems[data-design=catalogInfo] {
  display: block;
  margin-left: 0;
  margin-bottom: 0;
}
.articleListItems[data-design=catalogInfo] > * {
  margin-left: 0;
  margin-bottom: calc(16em / var(--default-em-base));
}

.articleListItems[data-design=catalogInfo] .articleListItem ._shoulder {
  font-size: 1.2rem;
  line-height: 1.6666666667;
  font-weight: 300;
  margin-bottom: calc(2em / 12);
  display: inline-flex;
  align-items: center;
  overflow: visible;
  color: var(--text-gray);
  margin-left: calc(-12em / 12);
}
.articleListItems[data-design=catalogInfo] .articleListItem ._shoulder > span {
  padding-left: calc(13em / 12);
  padding-right: calc(15em / 12);
  position: relative;
}
.articleListItems[data-design=catalogInfo] .articleListItem ._shoulder > span:not(:last-child)::after {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  top: 0.33em;
  width: 1px;
  height: 0.94em;
  background: var(--text-gray);
}
.articleListItems[data-design=catalogInfo] .articleListItem ._shoulder > span:first-child._date {
  min-width: calc(70em / 12);
}
.articleListItems[data-design=catalogInfo] .articleListItem ._title {
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 700;
}

@media (min-width: 701px) {
  .articleListItems[data-design=catalogInfo] .articleListItem ._shoulder {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    font-weight: 500;
  }
  .articleListItems[data-design=catalogInfo] .articleListItem ._title {
    font-size: 1.8rem;
    line-height: 1.6666666667;
  }
}
@media (max-width: 700.99px) {
  .articleListItems[data-sp-design*="2col"] > * {
    max-width: calc(50% - 4.3731778426%);
  }
}
@media (max-width: 700.99px) {
  .articleListItems[data-sp-design*="1col"] {
    margin-left: 0;
    margin-bottom: 0;
    margin-top: calc(-8em / var(--default-em-base));
  }
  .articleListItems[data-sp-design*="1col"] > * {
    flex: 1 1 100%;
    margin-left: 0;
    margin-bottom: 0;
    border-bottom: 1px solid var(--line);
  }
}
@media (max-width: 700.99px) {
  .articleListItems[data-sp-design*="1col"] .articleListItem .-itemContent-wrap {
    display: flex;
    flex-direction: row-reverse;
    padding-top: calc(8em / var(--default-em-base));
    padding-bottom: calc(8em / var(--default-em-base));
  }
  .articleListItems[data-sp-design*="1col"] .articleListItem .-image-wrap {
    flex: 0 0 120px;
    margin-left: calc(16em / var(--default-em-base));
  }
  .articleListItems[data-sp-design*="1col"] .articleListItem .-text-wrap {
    flex: 1 1 1%;
    margin-top: 0;
  }
  .articleListItems[data-sp-design*="1col"] .articleListItem .-image-clip {
    border-radius: 6.6666666667%/8.8888888889%;
  }
  .articleListItems[data-sp-design*="1col"] .articleListItem .-icon-wrap {
    right: 5%;
    bottom: 6.6666666667%;
    height: 22.2222222222%;
  }
  .articleListItems[data-sp-design*="1col"] .articleListItem ._icon {
    width: 16.6666666667%;
    margin-left: 3.3333333333%;
  }
  .articleListItems[data-sp-design*="1col"] .articleListItem ._icon[data-icon] {
    background-size: 70%;
  }
  .articleListItems[data-sp-design*="1col"] .articleListItem .-titles-wrap {
    flex: 1 1 1%;
  }
  .articleListItems[data-sp-design*="1col"] .articleListItem ._shoulder {
    margin-bottom: calc(2em / 12);
  }
  .articleListItems[data-sp-design*="1col"] .articleListItem ._properties {
    margin-top: calc(2em / 12);
  }
  .articleListItems[data-sp-design*="1col"] .articleListItem .-rank-wrap {
    padding-right: calc(16em / 14);
  }
  .articleListItems[data-sp-design*="1col"] .articleListItem .-rank-wrap + .-titles-wrap ._title {
    font-size: 1.5rem;
    line-height: 1.5333333333;
  }
}
@media (min-width: 701px) {
  .articleListItems[data-pc-design] {
    margin-left: -2.1428571429%;
    margin-bottom: calc(-48em / var(--default-em-base));
  }
  .articleListItems[data-pc-design] > * {
    margin-left: 2.1428571429%;
    margin-bottom: calc(48em / var(--default-em-base));
  }
}
@media (min-width: 701px) {
  .articleListItems[data-pc-design] .articleListItem .-text-wrap {
    margin-top: calc(12em / var(--default-em-base));
    flex-wrap: wrap;
  }
  .articleListItems[data-pc-design] .articleListItem ._shoulder {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    font-weight: 500;
    margin-bottom: calc(4em / 14);
  }
  .articleListItems[data-pc-design] .articleListItem ._title {
    font-size: 1.8rem;
    line-height: 1.6666666667;
    font-weight: 700;
  }
  .articleListItems[data-pc-design] .articleListItem ._properties {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    font-weight: 500;
    margin-top: calc(4em / 14);
  }
  .articleListItems[data-pc-design] .articleListItem ._summary {
    -webkit-line-clamp: 1;
    font-size: 1.4rem;
    line-height: 1.7142857143;
    font-weight: 500;
    margin-top: calc(8em / 14);
  }
  .articleListItems[data-pc-design] .articleListItem .-rank-wrap {
    padding-top: calc(5em / 14);
    padding-right: calc(12em / 14);
    padding-bottom: calc(12em / 14);
    display: block;
  }
  .articleListItems[data-pc-design] .articleListItem ._rank {
    display: block;
    text-align: center;
    border-radius: 0.2857142857em;
    width: calc(24em / 14);
    height: calc(24em / 14);
    background: var(--theme-red);
    color: #fff;
    white-space: nowrap;
  }
}
@media (min-width: 701px) {
  .articleListItems[data-pc-design*="4col"] > * {
    flex: 1 1 20%;
    max-width: calc(25% - 2.1428571429%);
  }
}
@media (min-width: 701px) {
  .articleListItems[data-pc-design*="4col"] .articleListItem .-image-clip {
    border-radius: 6.106870229%/8.1632653061%;
  }
  .articleListItems[data-pc-design*="4col"] .articleListItem .-icon-wrap {
    right: 4.5801526718%;
    bottom: 6.1224489796%;
    height: 16.3265306122%;
  }
  .articleListItems[data-pc-design*="4col"] .articleListItem ._icon {
    width: 12.213740458%;
    margin-left: 1.5267175573%;
  }
  .articleListItems[data-pc-design*="4col"] .articleListItem ._icon[data-icon] {
    background-size: 65.625%;
  }
  .articleListItems[data-pc-design*="4col"] .articleListItem .-titles-wrap {
    min-width: 146px;
  }
}
@media (min-width: 701px) {
  .articleListItems[data-pc-design*="3col"] > * {
    flex: 1 1 30%;
    max-width: calc(33.3333333333% - 2.1428571429%);
  }
}
@media (min-width: 701px) {
  .articleListItems[data-pc-design*="3col"] .articleListItem .-image-clip {
    border-radius: 6.7226890756%/8.9887640449%;
  }
  .articleListItems[data-pc-design*="3col"] .articleListItem .-icon-wrap {
    right: 4.4817927171%;
    bottom: 5.9925093633%;
    height: 13.4831460674%;
  }
  .articleListItems[data-pc-design*="3col"] .articleListItem ._icon {
    width: 10.0840336134%;
    margin-left: 1.6806722689%;
  }
  .articleListItems[data-pc-design*="3col"] .articleListItem ._icon[data-icon] {
    background-size: 58.3333333333%;
  }
  .articleListItems[data-pc-design*="3col"] .articleListItem .-titles-wrap {
    min-width: 198px;
  }
}
@media (min-width: 701px) {
  .articleListItems[data-pc-design="top3+4col"] > *:nth-child(-n+3) {
    flex: 1 1 30%;
    max-width: calc(33.3333333333% - 2.1428571429%);
  }
}
@media (min-width: 701px) {
  .articleListItems[data-pc-design="top3+4col"] .articleListItem:nth-child(-n+3) .-image-clip {
    border-radius: 6.7226890756%/8.9887640449%;
  }
  .articleListItems[data-pc-design="top3+4col"] .articleListItem:nth-child(-n+3) .-icon-wrap {
    right: 4.4817927171%;
    bottom: 5.9925093633%;
    height: 13.4831460674%;
  }
  .articleListItems[data-pc-design="top3+4col"] .articleListItem:nth-child(-n+3) ._icon {
    width: 10.0840336134%;
    margin-left: 1.6806722689%;
  }
  .articleListItems[data-pc-design="top3+4col"] .articleListItem:nth-child(-n+3) ._icon[data-icon] {
    background-size: 58.3333333333%;
  }
  .articleListItems[data-pc-design="top3+4col"] .articleListItem:nth-child(-n+3) .-titles-wrap {
    min-width: 198px;
  }
}
@media (min-width: 701px) {
  .articleListItems[data-pc-design*="1col"] {
    margin-left: 0;
    margin-bottom: 0;
    margin-top: calc(-16em / var(--default-em-base));
  }
  .articleListItems[data-pc-design*="1col"] > * {
    flex: 1 1 100%;
    margin-left: 0;
    margin-bottom: 0;
    border-bottom: 1px solid var(--line);
  }
}
@media (min-width: 701px) {
  .articleListItems[data-pc-design*="1col"] .articleListItem .-itemContent-wrap {
    display: flex;
    flex-direction: row-reverse;
    padding-top: calc(16em / var(--default-em-base));
    padding-bottom: calc(16em / var(--default-em-base));
  }
  .articleListItems[data-pc-design*="1col"] .articleListItem .-image-wrap {
    flex: 0 5 164px;
    margin-left: 4.2105263158%;
  }
  .articleListItems[data-pc-design*="1col"] .articleListItem .-text-wrap {
    flex: 1 1 70%;
    margin-top: 0;
  }
  .articleListItems[data-pc-design*="1col"] .articleListItem .-image-clip {
    border-radius: 9.756097561%/13.0081300813%;
  }
  .articleListItems[data-pc-design*="1col"] .articleListItem .-icon-wrap {
    right: 4.8780487805%;
    bottom: 6.9105691057%;
    height: 19.512195122%;
  }
  .articleListItems[data-pc-design*="1col"] .articleListItem ._icon {
    width: 14.6341463415%;
    margin-left: 1.2195121951%;
  }
  .articleListItems[data-pc-design*="1col"] .articleListItem ._icon[data-icon] {
    background-size: 72.9166666667%;
  }
  .articleListItems[data-pc-design*="1col"] .articleListItem ._shoulder {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    font-weight: 500;
    margin-bottom: calc(9em / 14);
  }
  .articleListItems[data-pc-design*="1col"] .articleListItem ._title {
    font-size: 1.8rem;
    line-height: 1.6666666667;
    font-weight: 700;
  }
  .articleListItems[data-pc-design*="1col"] .articleListItem ._properties {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    font-weight: 500;
    color: var(--text-gray);
    margin-top: calc(8em / 14);
  }
  .articleListItems[data-pc-design*="1col"] .articleListItem .-rank-wrap {
    padding-right: calc(16em / 14);
  }
}
@media (min-width: 701px) {
  .articleListItems[data-pc-design="mainPane 3col"] {
    margin-left: -3.2894736842%;
  }
  .articleListItems[data-pc-design="mainPane 3col"] > * {
    margin-left: 3.2894736842%;
    max-width: calc(33.3333333333% - 3.2894736842%);
  }
}
@media (min-width: 701px) {
  .articleListItems[data-pc-design="mainPane 3col"] .articleListItem .-titles-wrap {
    min-width: auto;
  }
}
@media (min-width: 701px) {
  .articleListItems[data-pc-design="sidePane 1col"] {
    margin-top: calc(-8em / var(--default-em-base));
  }
}
@media (min-width: 701px) {
  .articleListItems[data-pc-design="sidePane 1col"] .articleListItem .-itemContent-wrap {
    padding-top: calc(8em / var(--default-em-base));
    padding-bottom: calc(8em / var(--default-em-base));
  }
  .articleListItems[data-pc-design="sidePane 1col"] .articleListItem .-image-wrap {
    flex: 0 1 120px;
    margin-left: calc(8em / var(--default-em-base));
    display: flex;
    align-items: center;
  }
  .articleListItems[data-pc-design="sidePane 1col"] .articleListItem .-text-wrap {
    flex: 1 1 172px;
  }
  .articleListItems[data-pc-design="sidePane 1col"] .articleListItem .-image-clip {
    border-radius: 6.6666666667%/8.8888888889%;
  }
  .articleListItems[data-pc-design="sidePane 1col"] .articleListItem .-icon-wrap {
    right: 5%;
    bottom: 6.6666666667%;
    height: 22.2222222222%;
  }
  .articleListItems[data-pc-design="sidePane 1col"] .articleListItem ._icon {
    width: 16.6666666667%;
    margin-left: 3.3333333333%;
  }
  .articleListItems[data-pc-design="sidePane 1col"] .articleListItem ._icon[data-icon] {
    background-size: 70%;
  }
  .articleListItems[data-pc-design="sidePane 1col"] .articleListItem .-titles-wrap {
    flex: 1 1 1%;
    min-width: 6.5em;
  }
  .articleListItems[data-pc-design="sidePane 1col"] .articleListItem ._shoulder {
    margin-bottom: calc(2em / 12);
  }
  .articleListItems[data-pc-design="sidePane 1col"] .articleListItem ._title {
    font-size: 1.4rem;
    line-height: 1.7142857143;
  }
  .articleListItems[data-pc-design="sidePane 1col"] .articleListItem ._properties {
    margin-top: calc(2em / 12);
  }
  .articleListItems[data-pc-design="sidePane 1col"] .articleListItem .-rank-wrap {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    padding-right: calc(8em / 14);
    padding-top: calc(2em / 14);
    padding-bottom: calc(2em / 14);
    display: flex;
    align-items: center;
  }
}
@media (min-width: 701px) and (max-width: 743px) {
  .articleListItems[data-pc-design="sidePane 1col"] .articleListItem .-image-wrap {
    display: none;
  }
}
.articleListItem[data-content-type=book] .-image-wrap.-image-wrap {
  min-height: 123px;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.articleListItem[data-content-type=book] .-image-wrap.-image-wrap::after {
  content: "";
  min-height: inherit;
}
.articleListItem[data-content-type=book] .-image-clip.-image-clip {
  padding-top: 0;
  border-radius: 0;
  text-align: center;
}
.articleListItem[data-content-type=book] ._image._image {
  position: static;
  width: auto;
  max-height: 123px;
  max-width: 100%;
  transform: none;
  transition: opacity 0.4s;
}

.articleListItem[data-content-type=book] ._link[href]:hover ._image._image {
  transform: none;
  opacity: 0.7;
}

@media (min-width: 701px) {
  .articleListItem[data-content-type=book] .-image-wrap.-image-wrap {
    min-height: 170px;
    max-width: 80%;
  }
  .articleListItem[data-content-type=book] ._image._image {
    max-height: 170px;
  }
}
@media (max-width: 700.99px) {
  .articleListItems[data-sp-design*="1col"] .articleListItem[data-content-type=book] .-image-wrap {
    flex: 0 0 120px;
    margin-left: calc(16em / var(--default-em-base));
    max-width: 100%;
    max-height: 90px;
    min-height: 90px;
  }
  .articleListItems[data-sp-design*="1col"] .articleListItem[data-content-type=book] ._image {
    max-height: 90px;
  }
}
@media (min-width: 701px) {
  .articleListItems[data-pc-design*="1col"] .articleListItem[data-content-type=book] .-image-wrap {
    flex: 0 5 164px;
    margin-left: 4.2105263158%;
    max-width: 100%;
    max-height: 123px;
    min-height: 123px;
  }
  .articleListItems[data-pc-design*="1col"] .articleListItem[data-content-type=book] ._image {
    max-height: 123px;
  }
}
.articleListItem[data-content-type=author] ._properties {
  margin-top: calc(4em / 12);
}
@media (min-width: 701px) {
  .articleListItems[data-pc-design*="1col"] .articleListItem[data-content-type=author] ._properties {
    margin-top: calc(4em / 14);
  }
}
.articleListItem[data-content-type=banner] {
  display: none;
}

@media (min-width: 701px) {
  .articleListItem[data-content-type=banner] {
    display: block;
  }
}
.articleListItems[data-design=authors] {
  margin-left: 0;
  margin-bottom: 0;
}
.articleListItems[data-design=authors] > * {
  flex: 1 1 100%;
  margin-left: 0;
  margin-bottom: 0;
  border-bottom: 1px solid var(--line);
}

@media (min-width: 861px) {
  .articleListItems[data-design=authors] {
    margin-left: calc(-32em / var(--default-em-base));
    margin-bottom: 0;
  }
  .articleListItems[data-design=authors] > * {
    flex: 1 1 40%;
    margin-left: calc(32em / var(--default-em-base));
    max-width: calc(50% - (32em / var(--default-em-base)));
  }
}
.articleListItems[data-design=authors] .articleListItem .-itemContent-wrap {
  display: flex;
  align-items: center;
  padding-top: calc(16em / var(--default-em-base));
  padding-bottom: calc(16em / var(--default-em-base));
}
.articleListItems[data-design=authors] .articleListItem .-image-wrap {
  flex: 0 0 48px;
  margin-right: calc(16em / var(--default-em-base));
}
.articleListItems[data-design=authors] .articleListItem .-text-wrap {
  flex: 1 1 1%;
  margin-top: 0;
}
.articleListItems[data-design=authors] .articleListItem .-image-clip {
  width: 100%;
  padding-top: 100%;
  border-radius: 50%;
}
.articleListItems[data-design=authors] .articleListItem ._image {
  height: 100%;
  min-width: 133.33333%;
}
.articleListItems[data-design=authors] .articleListItem ._title {
  font-size: 1.5rem;
  line-height: 1.5333333333;
  font-weight: 700;
}
.articleListItems[data-design=authors] .articleListItem ._properties {
  margin-top: calc(2em / 14);
}

@media (min-width: 861px) {
  .articleListItems[data-design=authors] .articleListItem .-itemContent-wrap {
    padding-top: calc(24em / var(--default-em-base));
    padding-bottom: calc(24em / var(--default-em-base));
  }
  .articleListItems[data-design=authors] .articleListItem ._title {
    font-size: 1.8rem;
    line-height: 1.6666666667;
  }
  .articleListItems[data-design=authors] .articleListItem ._properties {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    font-weight: 500;
    margin-top: calc(2em / 14);
  }
}
.articleListItems[data-design=prev-next] {
  margin-left: 0;
  margin-bottom: 0;
}
.articleListItems[data-design=prev-next] > * {
  flex: 1 1 50%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}

@media (min-width: 701px) {
  .articleListItems[data-design=prev-next] {
    margin-left: 0;
    margin-bottom: 0;
  }
}
.articleListItems[data-design=prev-next] .articleListItem .-itemContent-wrap {
  padding-left: calc(16em / var(--default-em-base));
  padding-right: calc(16em / var(--default-em-base));
  background-repeat: no-repeat;
  position: relative;
}
.articleListItems[data-design=prev-next] .articleListItem[data-content-type=prevArticle] .-itemContent-wrap {
  padding-left: calc(26em / var(--default-em-base));
  background-image: url(/images/2022/icon_arrow_left.svg);
  background-position: center left;
}
.articleListItems[data-design=prev-next] .articleListItem[data-content-type=nextArticle] .-itemContent-wrap {
  padding-right: calc(26em / var(--default-em-base));
  background-image: url(/images/2022/icon_arrow_right.svg);
  background-position: center right;
}
.articleListItems[data-design=prev-next] .articleListItem[data-content-type=nextArticle] .-itemContent-wrap::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  background: var(--line);
}
.articleListItems[data-design=prev-next] .articleListItem[data-content-type=prevArticle]:last-child {
  max-width: 240px;
}
.articleListItems[data-design=prev-next] .articleListItem[data-content-type=prevArticle]:last-child .-itemContent-wrap {
  padding-right: calc(16em / var(--default-em-base));
}
.articleListItems[data-design=prev-next] .articleListItem[data-content-type=nextArticle]:first-child {
  max-width: 240px;
}
.articleListItems[data-design=prev-next] .articleListItem[data-content-type=nextArticle]:first-child .-itemContent-wrap {
  padding-left: calc(16em / var(--default-em-base));
}
.articleListItems[data-design=prev-next] .articleListItem[data-content-type=nextArticle]:first-child .-itemContent-wrap::before {
  display: none;
}
.articleListItems[data-design=prev-next] .articleListItem .-text-wrap {
  margin-top: calc(16em / var(--default-em-base));
}
.articleListItems[data-design=prev-next] .articleListItem ._shoulder {
  font-size: 1.2rem;
  line-height: 1.6666666667;
  font-weight: 500;
  color: var(--text-gray);
}
.articleListItems[data-design=prev-next] .articleListItem ._title {
  font-size: 1.2rem;
  line-height: 1.6666666667;
  font-weight: 500;
}
@media (min-width: 861px) {
  .articleListItems[data-design=prev-next] .articleListItem .-itemContent-wrap {
    padding-left: calc(30em / var(--default-em-base));
    padding-right: calc(30em / var(--default-em-base));
    display: flex;
    align-items: center;
  }
  .articleListItems[data-design=prev-next] .articleListItem[data-content-type=prevArticle] .-itemContent-wrap {
    padding-left: calc(26em / var(--default-em-base));
  }
  .articleListItems[data-design=prev-next] .articleListItem[data-content-type=nextArticle] .-itemContent-wrap {
    padding-right: calc(26em / var(--default-em-base));
  }
  .articleListItems[data-design=prev-next] .articleListItem[data-content-type=nextArticle] .-itemContent-wrap::before {
    top: calc(14.5em / var(--default-em-base));
    bottom: calc(14.5em / var(--default-em-base));
  }
  .articleListItems[data-design=prev-next] .articleListItem[data-content-type=prevArticle]:last-child {
    max-width: 80%;
  }
  .articleListItems[data-design=prev-next] .articleListItem[data-content-type=nextArticle]:first-child {
    max-width: 80%;
  }
  .articleListItems[data-design=prev-next] .articleListItem .-image-wrap {
    flex: 0 1 88px;
    margin-right: calc(16em / var(--default-em-base));
  }
  .articleListItems[data-design=prev-next] .articleListItem .-text-wrap {
    flex: 1 3 1%;
    margin-top: 0;
  }
}
.bannerBox {
  background: var(--footer-gray);
  border-radius: 6.9970845481%/8.275862069%;
  padding: 5.8309037901% 6.4139941691%;
}
.bannerBox ._bannerLink {
  display: block;
  padding-top: 83.333333%;
  position: relative;
  transition: opacity 0.4s;
}
.bannerBox ._bannerLink:hover {
  opacity: 0.7;
}
.bannerBox ._banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.bannerBox iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

@media (min-width: 701px) {
  .bannerBox {
    border-radius: 6.7226890756%/7.9470198675%;
    padding: 7.2829131653% 7.8431372549%;
  }
}
.tabbedContent [role=tablist] {
  display: flex;
}
.tabbedContent [role=tablist] > li {
  flex: 1 1 30%;
}
.tabbedContent [role=tab] {
  display: block;
  width: 100%;
  font-size: 1.2rem;
  line-height: 1.6666666667;
  font-weight: 300;
  padding-top: calc(8em / 12);
  padding-bottom: calc(8em / 12);
  margin-top: calc(-8em / 12);
  position: relative;
  border-bottom: 1px solid var(--line);
  color: var(--text-black);
}
.tabbedContent [role=tab][aria-selected=true] {
  font-weight: 700;
}
.tabbedContent [role=tab][aria-selected=true]::after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: var(--theme-red);
}
.tabbedContent .-tabpanels-wrap {
  margin-top: calc(18em / var(--default-em-base));
  position: relative;
}
.tabbedContent [role=tabpanel] {
  top: 0;
  left: 0;
  width: 100%;
  transition: opacity 0.6s;
}
.tabbedContent [role=tabpanel][aria-hidden=true] {
  position: absolute;
  pointer-events: none;
  z-index: -1;
  opacity: 0;
  top: calc(8em / var(--default-em-base));
}
.tabbedContent [role=tabpanel][aria-hidden=false] {
  position: relative;
  opacity: 1;
}

@media (min-width: 701px) {
  .tabbedContent [role=tab] {
    font-size: 1.8rem;
    line-height: 1.6666666667;
    font-weight: 500;
    padding-top: calc(18em / 18);
    padding-bottom: calc(18em / 18);
    margin-top: calc(-18em / 18);
  }
  .tabbedContent .-tabpanels-wrap {
    margin-top: calc(48em / var(--default-em-base));
  }
  .tabbedContent [role=tabpanel][aria-hidden=true] {
    top: 0;
  }
}
.content {
  flex-grow: 1;
  padding-bottom: calc(76em / var(--default-em-base));
  position: relative;
}
.content > .-breadcrumb-wrap {
  position: absolute;
  bottom: calc(16em / var(--default-em-base));
}
.content > .-bannerBox-wrap {
  box-sizing: content-box;
  max-width: 343px;
  margin-left: auto;
  margin-right: auto;
  padding-top: calc(24em / var(--default-em-base));
  padding-bottom: calc(24em / var(--default-em-base));
}
.content .redirectedFromOldSite {
  display: none;
}

@media (min-width: 701px) {
  .content {
    padding-bottom: calc(120em / var(--default-em-base));
  }
  .content > .-breadcrumb-wrap {
    position: static;
    margin-bottom: calc(24em / var(--default-em-base));
  }
  .content > .-bannerBox-wrap {
    display: none;
  }

  .content[data-content-type=top] {
    padding-bottom: calc(72em / var(--default-em-base));
  }
}
.topCarousel {
  padding-top: calc(8em / var(--default-em-base));
  padding-bottom: calc(24em / var(--default-em-base));
}

@media (min-width: 701px) {
  .topCarousel {
    padding-bottom: calc(8em / var(--default-em-base));
  }
}
.topSection {
  padding-top: calc(24em / var(--default-em-base));
  padding-bottom: calc(24em / var(--default-em-base));
}
.topSection ._sectionTitle {
  text-align: center;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 700;
  background-position: center top;
  background-repeat: no-repeat;
  padding-top: calc(40em / 20);
  margin-bottom: calc(24em / 20);
}
.topSection ._sectionTitle[data-icon=article] {
  background-image: url(/images/2022/icon_article.svg);
  background-size: calc(24em / 20);
}
.topSection ._sectionTitle[data-icon=ranking] {
  background-image: url(/images/2022/icon_ranking.svg);
  background-size: calc(24em / 20);
}
.topSection ._sectionTitle[data-icon=book] {
  background-image: url(/images/2022/icon_book.svg);
  background-size: calc(24em / 20);
}

@media (min-width: 701px) {
  .topSection {
    padding-top: calc(40em / var(--default-em-base));
    padding-bottom: calc(40em / var(--default-em-base));
  }
  .topSection ._sectionTitle {
    font-size: 2.4rem;
    line-height: 1.4166666667;
    padding-top: calc(48em / 24);
    margin-bottom: calc(48em / 24);
  }
  .topSection ._sectionTitle[data-icon=article] {
    background-size: calc(32em / 24);
  }
  .topSection ._sectionTitle[data-icon=ranking] {
    background-size: calc(32em / 24);
  }
  .topSection ._sectionTitle[data-icon=book] {
    background-size: calc(32em / 24);
  }
}
.redirectedFromOldSite h2:not([class]) {
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 700;
  text-align: center;
  margin-bottom: calc(18em / 16);
}
.redirectedFromOldSite p {
  font-size: 1.4rem;
  line-height: 1.7142857143;
}
.redirectedFromOldSite p + p {
  margin-top: 1em;
}
.redirectedFromOldSite a[href^=http] {
  word-break: break-all;
}
.redirectedFromOldSite ._shinbun {
  margin-top: 2em;
  display: none;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: calc(-2em / 12);
}
.breadcrumb li {
  font-size: 1.2rem;
  line-height: 1.6666666667;
  font-weight: 300;
  margin-bottom: calc(2em / 12);
}
.breadcrumb li + li {
  padding-left: calc(15em / 12);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%227%22%20height%3D%228%22%20viewBox%3D%220%200%207%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_8198_21726)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M1.76177%200.798571C1.98347%200.611706%202.31468%200.639947%202.50155%200.86165L5.14676%204L2.50155%207.13835C2.31469%207.36005%201.98348%207.38829%201.76177%207.20143C1.54007%207.01456%201.51183%206.68335%201.69869%206.46165L3.77353%204L1.69869%201.53835C1.51183%201.31665%201.54007%200.985437%201.76177%200.798571Z%22%20fill%3D%22%23B00B36%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_8198_21726%22%3E%3Crect%20width%3D%227%22%20height%3D%227%22%20fill%3D%22white%22%20transform%3D%22translate(0%200.5)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: calc(7em / 12);
  background-position: center left calc(4em / 12);
}
.breadcrumb a {
  color: var(--theme-red);
}
.breadcrumb a:hover {
  text-decoration: underline;
}

@media (min-width: 701px) {
  .breadcrumb li {
    font-weight: 500;
  }
}
.listSectionHeader {
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: calc(24em / 20);
  padding-top: calc(26em / 20);
  position: relative;
  text-align: center;
}
.listSectionHeader::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 2px;
  width: calc(32em / 20);
  background: var(--theme-red);
}

@media (min-width: 701px) {
  .listSectionHeader {
    font-size: 2.4rem;
    line-height: 1.4166666667;
    padding-top: calc(26em / 24);
    margin-bottom: calc(32em / 24);
  }
  .listSectionHeader::before {
    width: calc(40em / 24);
  }
}
.listSectionLinkButton {
  margin-top: calc(32em / var(--default-em-base));
}

@media (min-width: 701px) {
  .listSectionLinkButton {
    margin-top: calc(48em / var(--default-em-base));
  }
}
@media (min-width: 701px) {
  .content[data-content-type=catalogTop] {
    padding-bottom: calc(40em / var(--default-em-base));
  }
}
.catalogTopHeader {
  padding: calc(16em / var(--default-em-base)) 0;
  margin-top: calc(32em / var(--default-em-base));
}
.catalogTopHeader ._headerTitle {
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 700;
  padding-left: calc(40em / 20);
  background-image: url(/images/2022/icon_catalog.svg);
  background-position: center left;
  background-repeat: no-repeat;
  background-size: calc(24em / 20);
  margin-bottom: calc(16em / 20);
}

@media (min-width: 701px) {
  .catalogTopHeader {
    padding: calc(24em / var(--default-em-base)) 0 0 0;
    margin-top: calc(24em / var(--default-em-base));
  }
  .catalogTopHeader ._headerTitle {
    font-size: 3.2rem;
    line-height: 1.375;
    padding-left: calc(48em / 32);
    background-size: calc(32em / 32);
    margin-bottom: calc(24em / 32);
  }
}
.catalogSearchBox ._textbox {
  display: flex;
  align-items: center;
  align-items: stretch;
}
.catalogSearchBox [type=search] {
  flex: 1 1 78%;
  min-width: 0;
  font-size: 1.2rem;
  line-height: 1.6666666667;
  box-sizing: border-box;
  padding: calc(14em / 12) calc(16em / 12);
  outline: none;
  border: none;
  background: var(--footer-gray);
  border-radius: 1em;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.05);
}
.catalogSearchBox [type=submit] {
  flex: 0 1 80px;
  width: 23.3236151603%;
  background: var(--theme-red);
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 700;
  margin-left: calc(16em / 16);
  border-radius: 0.75em;
  box-sizing: border-box;
  padding-left: 6.9970845481%;
  padding-right: 6.9970845481%;
  white-space: nowrap;
}
.catalogSearchBox ._hint {
  font-size: 1.2rem;
  margin: 0.8em 1em 0;
}

@media (min-width: 701px) {
  .catalogSearchBox {
    background: var(--footer-gray);
    padding: calc(32em / var(--default-em-base));
    margin-bottom: calc(48em / var(--default-em-base));
    border-radius: 0.6666666667em;
  }
  .catalogSearchBox [type=search] {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    padding: calc(14em / 12) calc(16em / 12);
    background: #fff;
    border-radius: 0.8571428571em;
    box-shadow: none;
  }
  .catalogSearchBox [type=submit] {
    flex: 0 5 204px;
    width: 19.3181818182%;
    background: var(--theme-red);
    color: #fff;
    font-size: 1.8rem;
    line-height: 1.6666666667;
    margin-left: calc(16em / 18);
    border-radius: 0.6666666667em;
  }
  .catalogSearchBox ._hint {
    font-size: 1.4rem;
  }
}
.catalogTopCarousel {
  margin-top: calc(16em / var(--default-em-base));
}
.catalogTopCarousel .articleListItem .-text-wrap {
  display: none;
}

.catalogTopTopics {
  padding-top: calc(48em / var(--default-em-base));
  padding-bottom: calc(48em / var(--default-em-base));
}
.catalogTopTopics ._sectionHeader {
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.4444444444;
  font-weight: 700;
  margin-bottom: calc(32em / 18);
}
.catalogTopTopics .-banner-wrap {
  display: none;
}
.catalogTopTopics ._bannerLink {
  display: block;
  transition: opacity 0.4s;
}
.catalogTopTopics ._bannerLink:hover {
  opacity: 0.7;
}

@media (min-width: 701px) {
  .catalogTopTopics {
    padding-bottom: calc(80em / var(--default-em-base));
  }
  .catalogTopTopics .-sectionContent-wrap {
    display: flex;
  }
  .catalogTopTopics .-infoContent-wrap {
    flex: 1 1 auto;
  }
  .catalogTopTopics ._sectionHeader {
    text-align: left;
    line-height: 1.6666666667;
  }
  .catalogTopTopics .-banner-wrap {
    display: block;
    flex: 0 1 300px;
    min-width: 240px;
    margin-left: calc(48em / var(--default-em-base));
  }
}
.catalogTopSections .listSection {
  padding-top: calc(48em / var(--default-em-base));
  padding-bottom: calc(48em / var(--default-em-base));
}
.catalogTopSections .listSection:nth-child(odd) {
  background: var(--footer-gray);
}

@media (min-width: 701px) {
  .catalogTopSections .listSection {
    padding-top: calc(80em / var(--default-em-base));
    padding-bottom: calc(80em / var(--default-em-base));
  }
  .catalogTopSections .listSectionHeader {
    margin-bottom: calc(48em / 24);
  }
  .catalogTopSections .listSectionLinkButton {
    margin-top: calc(60em / var(--default-em-base));
  }
}
@media (min-width: 701px) {
  .panesContent {
    display: flex;
    align-items: stretch;
  }
  .panesContent .-mainPane {
    flex: 1 3 760px;
  }
  .panesContent .-sidePane {
    margin-left: 5.3571428571%;
    flex: 0 2.5 300px;
  }
}
.panesContent .-mainPane > .listSection .listSectionHeader {
  margin-top: 0;
  margin-bottom: calc(24em / 20);
  padding-top: calc(18em / 20);
  position: relative;
  text-align: center;
}
@media (min-width: 701px) {
  .panesContent .-mainPane > .listSection .listSectionHeader {
    font-size: 3.2rem;
    line-height: 1.375;
    padding-top: calc(0em / 32);
    padding-left: calc(18em / 32);
    margin-top: 0;
    margin-bottom: calc(32em / 32);
    text-align: left;
  }
  .panesContent .-mainPane > .listSection .listSectionHeader::before {
    width: 2px;
    height: 90.9090909091%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
.asideBottom {
  margin-top: calc(24em / var(--default-em-base));
  padding-top: calc(24em / var(--default-em-base));
}

@media (min-width: 701px) {
  .asideBottom {
    margin-top: calc(40em / var(--default-em-base));
    padding-top: calc(40em / var(--default-em-base));
  }
  .asideBottom .listSection[data-section=sideRanking] {
    display: none;
  }
}
@media (min-width: 701px) {
  .content[data-content-type=catalogData] .asideBottom .listSection:nth-last-child(2) {
    margin-bottom: 0;
  }
}
.asideBottom .listSection:not(:first-child),
[id^=BKPAtclBottom]:not(:first-child) {
  margin-top: calc(48em / var(--default-em-base));
}

@media (min-width: 701px) {
  .asideBottom .listSection:not(:first-child),
[id^=BKPAtclBottom]:not(:first-child) {
    margin-top: calc(80em / var(--default-em-base));
  }

  .asideBottom .listSection:not(:last-child),
[id^=BKPAtclBottom]:not(:last-child) {
    margin-bottom: calc(80em / var(--default-em-base));
  }

  .asideBottom .listSection[data-section=sideRanking] {
    display: none;
  }

  .asideBottom .listSection[data-section=sideRanking] + .listSection,
.asideBottom .listSection[data-section=sideRanking] + [id^=BKPAtclBottom] {
    margin-top: 0;
  }
}
@media (max-width: 700.99px) {
  .asideBottom .tabbedContent [role=tab][aria-selected=true]::after {
    height: 1px;
  }
  .asideBottom .tabbedContent [role=tabpanel][aria-hidden=true] {
    top: calc(8em / var(--default-em-base));
  }
}
.asideRight {
  padding-bottom: calc(20em / var(--default-em-base));
}

@media (min-width: 701px) {
  .asideRight {
    position: sticky;
    top: 100px;
    padding-bottom: calc(0em / var(--default-em-base));
  }
}
.asideRight .listSection[data-section=sideRanking] {
  display: none;
}

@media (min-width: 701px) {
  .asideRight .listSection:not(:first-child) {
    margin-top: calc(32em / var(--default-em-base));
  }

  .asideRight .listSection[data-section=sideRanking] {
    display: block;
  }
}
@media (min-width: 701px) {
  .asideRight .listSectionHeader {
    font-size: 1.8rem;
    line-height: 1.6666666667;
    font-weight: 700;
    margin-bottom: calc(16em / 18);
    padding-top: 0;
    padding-left: calc(16em / 18);
    text-align: left;
  }
  .asideRight .listSectionHeader::before {
    position: absolute;
    top: 0.3em;
    left: 0;
    height: 1em;
    width: 2px;
  }
}
.asideRight .tabbedContent [role=tab] {
  font-size: 1.2rem;
  line-height: 1.6666666667;
  font-weight: 300;
  padding-top: calc(8em / 12);
  padding-bottom: calc(8em / 12);
  margin-top: calc(-8em / 12);
}
.asideRight .tabbedContent [role=tab][aria-selected=true] {
  font-weight: 700;
}
.asideRight .tabbedContent [role=tab][aria-selected=true]::after {
  height: 1px;
}
.asideRight .tabbedContent [role=tabpanel] {
  transition: opacity 0.25s;
}
.asideRight .tabbedContent [role=tabpanel][aria-hidden=true] {
  top: calc(8em / var(--default-em-base));
}
.asideRight .tabbedContent .-tabpanels-wrap {
  margin-top: calc(16em / var(--default-em-base));
}

.asideRight .-bannerBox-wrap {
  box-sizing: content-box;
  max-width: 343px;
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(48em / var(--default-em-base));
}

@media (min-width: 701px) {
  .asideRight .-bannerBox-wrap {
    margin-top: calc(32em / var(--default-em-base));
  }
  .asideRight .-bannerBox-wrap .bannerBox {
    padding: 0;
    border-radius: 0;
  }
}
.parentArticle {
  padding-top: calc(8em / var(--default-em-base));
}

@media (min-width: 701px) {
  .parentArticle {
    padding-top: calc(0em / var(--default-em-base));
  }
}
.parentArticleHeader {
  margin-bottom: calc(16em / var(--default-em-base));
}
.parentArticleHeader .-image-wrap {
  margin-bottom: calc(-42em / var(--default-em-base));
}
.parentArticleHeader .-title-wrap {
  display: inline-flex;
  padding-right: calc(16em / var(--default-em-base));
}
.parentArticleHeader ._title {
  background: #fff;
  border-top-right-radius: 16px;
  font-size: 1.8rem;
  line-height: 1.4444444444;
  font-weight: 700;
  padding: var(--content-wrap-padding);
  padding-top: calc(8em / 18);
  padding-bottom: calc(8em / 18);
  box-sizing: border-box;
}

@media (min-width: 701px) {
  .parentArticleHeader {
    margin-bottom: calc(32em / var(--default-em-base));
  }
  .parentArticleHeader .-headerContent-wrap {
    max-width: var(--content-wrap-max-width);
    padding: var(--content-wrap-padding);
    margin-left: auto;
    margin-right: auto;
  }
  .parentArticleHeader .-image-wrap {
    margin-bottom: calc(-60em / var(--default-em-base));
  }
  .parentArticleHeader ._image {
    border-radius: 24px;
  }
  .parentArticleHeader .-title-wrap {
    padding-right: calc(32em / var(--default-em-base));
  }
  .parentArticleHeader ._title {
    font-size: 3.2rem;
    line-height: 1.375;
    padding: calc(10em / 32) calc(20em / 32) calc(8em / 32) calc(16em / 32);
    margin-left: -1px;
  }
}
.parentArticleLead {
  margin-bottom: calc(24em / var(--default-em-base));
}
.parentArticleLead .-articleBody-wrap {
  border: 1px solid var(--line);
  padding: calc(16em / var(--default-em-base));
}
.parentArticleLead .articleBody {
  font-size: 1.4rem;
  line-height: 1.6428571429;
  font-weight: 300;
  margin: 0;
}
.parentArticleLead .articleBody p {
  margin: 0;
}

@media (min-width: 701px) {
  .parentArticleLead {
    margin-bottom: calc(48em / var(--default-em-base));
  }
  .parentArticleLead .-articleBody-wrap {
    padding: calc(32em / var(--default-em-base));
  }
  .parentArticleLead .articleBody {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    font-weight: 500;
  }
}
.parentArticleBody {
  margin-bottom: calc(48em / var(--default-em-base));
}
.parentArticleBody .-articleBody-wrap {
  max-width: 840px;
}

@media (min-width: 701px) {
  .parentArticleBody {
    margin-bottom: calc(72em / var(--default-em-base));
  }
  .parentArticleBody .articleBody {
    font-size: 1.6rem;
    line-height: 1.75;
  }
}
.content[data-content-type=searchResult] .panesContent {
  padding-top: calc(16em / var(--default-em-base));
}

@media (min-width: 701px) {
  .content[data-content-type=searchResult] .panesContent {
    padding-top: calc(32em / var(--default-em-base));
  }

  .content[data-content-type=searchResult] .asideBottom {
    margin-top: 0;
    padding-top: 0;
  }
}
.searchResult {
  min-height: 60vh;
}

@media (min-width: 701px) {
  .searchResult ._searchResultHeader > ._title {
    font-size: 2.4rem;
    line-height: 1.4166666667;
    font-weight: 700;
    margin-right: calc(24em / 24);
  }
  .searchResult ._searchResultHeader > ._count {
    font-size: 1.8rem;
    line-height: 1.6666666667;
    font-weight: 500;
  }
}
.searchResultHeader {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: calc(26em / var(--default-em-base));
  opacity: 0;
  transition: opacity 0.3s;
}
.searchResultHeader.is-loaded {
  opacity: 1;
}
.searchResultHeader > ._title {
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 700;
  margin-right: calc(18em / 20);
  margin-bottom: calc(6em / 20);
}
.searchResultHeader > ._count {
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 300;
  white-space: nowrap;
  margin-bottom: calc(6em / 16);
}

@media (min-width: 701px) {
  .searchResultHeader > ._title {
    font-size: 2.4rem;
    line-height: 1.4166666667;
    margin-right: calc(24em / 24);
    margin-bottom: calc(6em / 24);
  }
  .searchResultHeader > ._count {
    font-size: 1.8rem;
    line-height: 1.6666666667;
    font-weight: 500;
    margin-bottom: calc(6em / 18);
  }
}
.searchResultNav {
  padding-bottom: calc(24em / var(--default-em-base));
}
.searchResultNav ._navButtons {
  display: flex;
  border-bottom: 1px solid var(--line);
}
.searchResultNav ._navButtons > li {
  flex: 1 1 22%;
}
.searchResultNav ._navButton {
  display: block;
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  font-weight: 500;
  padding-bottom: calc(8em / 14);
  position: relative;
  display: flex;
  justify-content: center;
}
.searchResultNav ._navButton.is-selected {
  font-weight: 700;
}
.searchResultNav ._navButton.is-selected::after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: var(--theme-red);
}

@media (min-width: 701px) {
  .searchResultNav {
    padding-bottom: calc(24em / var(--default-em-base));
  }
  .searchResultNav ._navButton {
    padding-bottom: calc(10em / 14);
  }
  .searchResultNav ._navButton.is-selected {
    font-weight: 700;
  }
  .searchResultNav ._navButton.is-selected::after {
    height: 2px;
  }
}
.searchResultNotFound {
  margin-top: calc(32em / var(--default-em-base));
  text-align: center;
}
.searchResultNotFound p {
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 300;
}

@media (min-width: 701px) {
  .searchResultNotFound {
    margin-top: calc(64em / var(--default-em-base));
  }
  .searchResultNotFound p {
    font-size: 1.8rem;
    line-height: 1.6666666667;
    font-weight: 500;
  }
}
.content[data-content-type=index] .panesContent {
  padding-top: calc(16em / var(--default-em-base));
}

@media (min-width: 701px) {
  .content[data-content-type=index] .panesContent {
    padding-top: calc(24em / var(--default-em-base));
  }
}
.content[data-content-type=leaf] .panesContent {
  padding-top: calc(8em / var(--default-em-base));
}

@media (min-width: 701px) {
  .content[data-content-type=leaf] .panesContent {
    padding-top: calc(0em / var(--default-em-base));
  }
}
.article .-articleContent-wrap {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

.articleHeader {
  padding-bottom: calc(32em / var(--default-em-base));
}
.articleHeader .-articleTitle-wrap {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 701px), print {
  .articleHeader {
    padding-bottom: calc(24em / var(--default-em-base));
  }
}
.parentTitle {
  margin-left: calc(var(--content-wrap-padding-value) * -1);
  margin-right: calc(var(--content-wrap-padding-value) * -1);
}
.parentTitle > a {
  display: block;
}
.parentTitle .-image-wrap {
  margin-bottom: calc(-36em / var(--default-em-base));
}
.parentTitle ._image {
  transition: opacity 0.4s;
}
.parentTitle > a:hover ._image {
  opacity: 0.8;
}
.parentTitle .-title-wrap {
  display: inline-flex;
  padding-right: calc(16em / var(--default-em-base));
}
.parentTitle ._title {
  position: relative;
  z-index: 1;
  background: #fff;
  border-top-right-radius: 16px;
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 700;
  padding: var(--content-wrap-padding);
  padding-top: calc(8em / 18);
  padding-bottom: calc(8em / 18);
  box-sizing: border-box;
}

@media (min-width: 701px), print {
  .parentTitle {
    margin-left: 0;
    margin-right: 0;
  }
  .parentTitle .-image-wrap {
    margin-bottom: calc(-44em / var(--default-em-base));
  }
  .parentTitle ._image {
    border-radius: 24px;
  }
  .parentTitle .-title-wrap {
    padding-right: calc(24em / var(--default-em-base));
  }
  .parentTitle ._title {
    font-size: 1.8rem;
    line-height: 1.6666666667;
    padding: calc(8em / 18) calc(16em / 18) calc(6em / 18) calc(16em / 18);
    margin-left: -1px;
  }
}
@media print {
  .parentTitle ._title {
    font-size: 2rem;
  }
}
.articleTitle {
  margin-top: calc(16em / var(--default-em-base));
}
.articleTitle ._shoulder {
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 700;
  margin-bottom: calc(8em / 16);
}
.articleTitle ._title {
  font-size: 2.4rem;
  line-height: 1.4166666667;
  font-weight: 700;
}
.articleTitle ._properties {
  margin-top: calc(8em / var(--default-em-base));
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0.7em 5%;
}
.articleTitle ._icons {
  flex: 1 1 44%;
  display: flex;
}
.articleTitle ._icons li:not(:first-child) {
  margin-left: calc(4em / var(--default-em-base));
}
.articleTitle ._icons ._icon {
  font-size: 0.8rem;
  line-height: 1;
  color: var(--theme-red);
  border: 1px solid var(--line);
  border-radius: 2px;
  padding: calc(2em / 8) calc(3em / 8) calc(2em / 8) calc(15em / 8);
}
.articleTitle ._icons ._icon[data-icon=video] {
  background: url(/images/2022/icon_video.svg) center left 3px no-repeat;
  background-size: 10px;
}
.articleTitle ._icons ._icon[data-icon=voice] {
  background: url(/images/2022/icon_voice.svg) center left 3px no-repeat;
  background-size: 10px;
}
.articleTitle ._texts {
  flex: 1 1 44%;
  text-align: right;
  color: var(--text-gray);
  font-size: 1.2rem;
  line-height: 1.6666666667;
  font-weight: 500;
}
.articleTitle ._date {
  display: inline-block;
}
.articleTitle ._authorAndToIndex {
  flex: 1 1 100%;
  gap: 0.9em 1.2em;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.articleTitle ._author {
  flex: 999 1 0;
  min-width: 55%;
  font-size: 1.4rem;
  line-height: 1.5;
}
.articleTitle ._author ul {
  display: flex;
  flex-direction: column;
  row-gap: 0.3em;
}
.articleTitle ._author a {
  color: var(--theme-red);
}
.articleTitle ._author a:hover {
  text-decoration: underline;
}
.articleTitle ._toIndex {
  flex: 1 1 16em;
  font-size: 1.2rem;
  line-height: 1.6666666667;
  display: flex;
  text-align: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0.6em 1em;
  color: var(--theme-red);
  border: 1px solid var(--theme-red);
  border-radius: calc(8em / 12);
  transition: background-color 0.3s, color 0.3s;
}
.articleTitle ._toIndex:hover {
  color: #fff;
  background-color: var(--theme-red);
}

@media (min-width: 701px), print {
  .articleTitle {
    margin-top: calc(48em / var(--default-em-base));
  }
  .articleTitle ._shoulder {
    font-size: 1.8rem;
    line-height: 1.6666666667;
    margin-bottom: calc(16em / 18);
  }
  .articleTitle ._title {
    font-size: 3.2rem;
    line-height: 1.375;
  }
  .articleTitle ._properties {
    margin-top: calc(4em / var(--default-em-base));
  }
  .articleTitle ._icons ._icon {
    font-size: 1.2rem;
    line-height: 1;
    padding: calc(1em / 8) calc(3em / 8) calc(1em / 8) calc(15em / 8);
  }
  .articleTitle ._icons ._icon[data-icon=video] {
    background-size: 12.25px;
  }
  .articleTitle ._icons ._icon[data-icon=voice] {
    background-size: 12.25px;
  }
}
.articleBodyPage:not(:first-child),
.articleBodyPage.is-hidden {
  opacity: 0;
  height: 0;
  overflow: hidden;
}

.articleBodyPage.is-show {
  height: auto;
  animation: fadeIn 1s;
  animation-fill-mode: forwards;
}

.articleSocialButtons {
  display: flex;
  justify-content: center;
  margin-top: calc(48em / var(--default-em-base));
  margin-bottom: calc(48em / var(--default-em-base));
}
.articleSocialButtons ._buttonItem {
  flex: 0 0 80px;
}
.articleSocialButtons ._buttonItem + ._buttonItem {
  margin-left: 6.9970845481%;
}
.articleSocialButtons ._button {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.6666666667;
  font-weight: 300;
}
.articleSocialButtons ._button svg {
  display: block;
  width: calc(40em / 12);
  height: calc(40em / 12);
  margin-left: auto;
  margin-right: auto;
}
.articleSocialButtons ._label {
  display: block;
  color: var(--text-gray);
  margin-top: calc(8em / 12);
  white-space: nowrap;
}
.articleSocialButtons ._button:hover svg ._iconRect {
  stroke: var(--theme-red);
}
.articleSocialButtons ._button:hover svg ._iconPath {
  fill: var(--theme-red);
}
.articleSocialButtons ._button:hover ._label {
  color: var(--theme-red);
}
.articleSocialButtons ._button[data-function] {
  position: relative;
}
.articleSocialButtons ._button[data-function] ._functionTooltip {
  display: block;
  position: absolute;
  top: calc(-53em / 12);
  right: -10px;
  padding: calc(5em / 12) calc(16em / 12);
  background: var(--theme-red);
  border-radius: 2px;
  box-shadow: 0 0 calc(5em / 12) 0 rgba(0, 0, 0, 0.17);
  color: #fff;
  font-weight: 700;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s;
}
.articleSocialButtons ._button[data-function] ._functionTooltip.is-show {
  opacity: 1;
}
.articleSocialButtons ._button[data-function] ._functionTooltip::after {
  content: "";
  display: block;
  position: absolute;
  bottom: calc(-7em / 12);
  right: 20%;
  z-index: -1;
  width: calc(12em / 12);
  height: calc(20em / 12);
  transform: skewY(50deg);
  background: var(--theme-red);
}

@media (min-width: 701px) {
  .articleSocialButtons ._buttonItem + ._buttonItem {
    margin-left: calc(24em / var(--default-em-base));
  }
  .articleSocialButtons ._label {
    font-weight: 500;
  }
  .articleSocialButtons ._button[data-function] ._functionTooltip {
    left: 50%;
    right: auto;
    transform: translateX(-50.5%);
  }
  .articleSocialButtons ._button[data-function] ._functionTooltip::after {
    left: calc(50% - 1em);
    right: auto;
  }
}
.articleRelationBox {
  border: 1px solid var(--line);
  border-radius: 8px;
  box-sizing: border-box;
  margin-top: calc(48em / var(--default-em-base));
  margin-bottom: calc(48em / var(--default-em-base));
}

@media (min-width: 701px) {
  .articleRelationBox {
    border-radius: 24px;
  }
}
.articleAuthorList {
  border-bottom: 1px solid var(--line);
  padding: 4.6920821114% 6.3049853372%;
}
.articleAuthorList ._listSection + ._listSection {
  margin-top: calc(16em / var(--default-em-base));
}
.articleAuthorList ._listHead {
  font-size: 1.2rem;
  line-height: 1.6666666667;
  font-weight: 700;
  margin-bottom: calc(16em / var(--default-em-base));
}

.articleAuthorList:only-child {
  border-bottom: none;
}

@media (min-width: 701px) {
  .articleAuthorList {
    padding: 6.2695924765%;
  }
  .articleAuthorList ._listSection + ._listSection {
    margin-top: calc(24em / var(--default-em-base));
  }
  .articleAuthorList ._listHead {
    font-size: 1.4rem;
    line-height: 1.7142857143;
  }

  .articleAuthorList:not(:only-child) {
    padding-bottom: 3.7617554859%;
  }
}
.articleAuthorItem {
  display: flex;
  margin-top: calc(10em / var(--default-em-base));
}
.articleAuthorItem .-image-wrap {
  flex: 0 0 48px;
  margin-right: calc(16em / var(--default-em-base));
}
.articleAuthorItem .-image-clip {
  position: relative;
  z-index: 1;
  width: 100%;
  padding-top: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.articleAuthorItem ._image {
  position: absolute;
  z-index: 0;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  min-width: 133.33333%;
}
.articleAuthorItem .-text-wrap {
  flex: 1 1 1%;
}
.articleAuthorItem ._name {
  font-size: 1.5rem;
  line-height: 1.5333333333;
  font-weight: 700;
}
.articleAuthorItem ._position {
  font-size: 1.2rem;
  line-height: 1.6666666667;
  font-weight: 300;
  color: var(--text-gray);
}
.articleAuthorItem ._profile {
  font-size: 1.2rem;
  line-height: 1.6666666667;
  font-weight: 300;
  margin-top: calc(4em / 12);
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  overflow: hidden;
  position: relative;
}
.articleAuthorItem ._profile * {
  display: inline;
}
.articleAuthorItem ._cutter {
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  background: #fff;
  padding-top: 0.2em;
  padding-left: 0.25em;
}
.articleAuthorItem ._link {
  padding-left: 0.25em;
}

@media (min-width: 701px), print {
  .articleAuthorItem {
    margin-top: calc(15em / var(--default-em-base));
  }
  .articleAuthorItem .-image-wrap {
    flex: 0 0 60px;
  }
  .articleAuthorItem ._name {
    font-size: 1.8rem;
    line-height: 1.6666666667;
  }
  .articleAuthorItem ._position {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    font-weight: 500;
  }
  .articleAuthorItem ._profile {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    font-weight: 500;
    margin-top: calc(4em / 14);
  }
}
.articleCatalogItems:only-child {
  padding-top: 1.8808777429%;
}

.articleCatalogItem {
  padding: 4.6920821114%;
}
.articleCatalogItem + .articleCatalogItem {
  border-top: 1px solid var(--line);
}
.articleCatalogItem ._catalogInfo {
  display: flex;
  margin-bottom: calc(16em / var(--default-em-base));
}
.articleCatalogItem ._catalogInfo > .-image-wrap {
  flex: 0 1 120px;
  margin-right: 5.1446945338%;
  text-align: center;
}
.articleCatalogItem ._image {
  width: auto;
  height: auto;
  max-height: 90px;
  max-width: 90%;
}
.articleCatalogItem ._catalogInfo > .-text-wrap {
  flex: 1 1 50%;
}
.articleCatalogItem ._title {
  font-size: 1.5rem;
  line-height: 1.5333333333;
  font-weight: 700;
}
.articleCatalogItem ._author,
.articleCatalogItem ._price {
  font-size: 1.2rem;
  line-height: 1.6666666667;
  font-weight: 700;
}
.articleCatalogItem ._author {
  margin-top: calc(4em / 12);
}
.articleCatalogItem ._price {
  margin-top: calc(2em / 12);
}

@media (min-width: 861px), print {
  .articleCatalogItem {
    padding: 3.7617554859% 6.2695924765%;
  }
  .articleCatalogItem:last-child {
    padding-bottom: 6.2695924765%;
  }
  .articleCatalogItem ._catalogInfo {
    margin-bottom: calc(24em / var(--default-em-base));
  }
  .articleCatalogItem ._catalogInfo > .-image-wrap {
    flex: 0 1 200px;
    margin-right: 4.2857142857%;
    text-align: center;
  }
  .articleCatalogItem ._image {
    max-height: 150px;
  }
  .articleCatalogItem ._title {
    font-size: 1.8rem;
    line-height: 1.6666666667;
  }
  .articleCatalogItem ._author,
.articleCatalogItem ._price {
    font-size: 1.4rem;
    line-height: 1.7142857143;
  }
  .articleCatalogItem ._author {
    margin-top: calc(8em / 12);
  }
  .articleCatalogItem ._price {
    margin-top: calc(2em / 12);
  }
}
.bookPurchaseLinks ._shopButton {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--line);
  border-radius: 4px;
  min-height: calc(48em / var(--default-em-base));
  cursor: pointer;
}
.bookPurchaseLinks ._shopButton::after {
  content: "";
  width: 0;
  min-height: inherit;
}
.bookPurchaseLinks ._shopButton > span {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 1.2rem;
  line-height: 1.6666666667;
  font-weight: 700;
}
.bookPurchaseLinks ._shopButton:hover {
  border-color: var(--theme-red);
}
.bookPurchaseLinks ._shopButtonText + img {
  margin-top: calc(2em / 12);
}

.bookPurchaseLinks > li + li {
  margin-top: calc(12em / var(--default-em-base));
}

@media (min-width: 861px), print {
  .bookPurchaseLinks {
    display: flex;
    flex-wrap: wrap;
    margin-left: -2.1428571429%;
    margin-top: -2.1428571429%;
  }

  .bookPurchaseLinks > li,
.bookPurchaseLinks > li + li {
    max-width: calc(50% - 2.1428571429%);
    flex: 1 1 40%;
    margin-top: 2.1428571429%;
    margin-left: 2.1428571429%;
  }
}
.articlePrevNextLink {
  margin-top: calc(48em / var(--default-em-base));
  margin-bottom: calc(48em / var(--default-em-base));
}

@media (min-width: 701px) {
  .articlePrevNextLink {
    margin-bottom: calc(80em / var(--default-em-base));
  }
}
.linkboxToUserRegistration {
  background: var(--footer-gray);
  padding: var(--content-wrap-padding);
  padding-top: calc(48em / var(--default-em-base));
  padding-bottom: calc(48em / var(--default-em-base));
  margin-left: calc(var(--content-wrap-padding-value) * -1);
  margin-right: calc(var(--content-wrap-padding-value) * -1);
  text-align: center;
}
.linkboxToUserRegistration ._boxHeader {
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: calc(16em / 20);
  padding-top: calc(40em / 20);
  background: url(/images/2022/icon_mailmagazine.svg) top center no-repeat;
  background-size: 24px;
}
.linkboxToUserRegistration ._description {
  font-size: 1.4rem;
  line-height: 1.7142857143;
  font-weight: 500;
}
.linkboxToUserRegistration ._description br {
  display: none;
}
.linkboxToUserRegistration .-button-wrap {
  margin-top: calc(32em / var(--default-em-base));
}

@media (min-width: 701px) {
  .linkboxToUserRegistration {
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
    padding-top: calc(32em / var(--default-em-base));
    padding-bottom: calc(32em / var(--default-em-base));
    border-radius: 24px;
  }
  .linkboxToUserRegistration ._boxHeader {
    font-size: 2.4rem;
    line-height: 1.4166666667;
    margin-bottom: calc(16em / 24);
    padding-top: calc(48em / 24);
    background-size: 32px;
  }
  .linkboxToUserRegistration ._description br {
    display: inline;
  }
}
.eventOutline {
  margin-top: calc(32em / var(--default-em-base));
  border: 1px solid var(--line);
  padding: calc(16em / var(--default-em-base));
}
.eventOutline ._eoItem {
  padding-top: calc(20em / var(--default-em-base));
  padding-bottom: calc(20em / var(--default-em-base));
  border-top: 1px solid var(--line);
}
.eventOutline ._eoItem:first-child {
  padding-top: 0;
  border-top: none;
}
.eventOutline ._eoItem:last-child {
  padding-bottom: 0;
}
.eventOutline ._eoHead,
.eventOutline ._eoData {
  font-size: 1.6rem;
  line-height: 1.75;
}
.eventOutline ._eoHead {
  margin-bottom: calc(8em / 16);
}
.eventOutline ._eoData {
  color: var(--theme-red);
}

@media (min-width: 701px) {
  .eventOutline {
    margin-bottom: calc(24em / var(--default-em-base));
    padding: calc(24em / var(--default-em-base));
  }
  .eventOutline ._eoItem {
    padding-top: calc(16em / var(--default-em-base));
    padding-bottom: calc(16em / var(--default-em-base));
    display: flex;
  }
  .eventOutline ._eoHead,
.eventOutline ._eoData {
    font-size: 1.8rem;
    line-height: 1.6666666667;
    font-weight: 500;
  }
  .eventOutline ._eoHead {
    flex: 0 0 72px;
    margin-bottom: 0;
    margin-right: calc(32em / 18);
  }
  .eventOutline ._eoData {
    flex: 1 1 50%;
    color: var(--theme-red);
  }
}
.registrationLINE {
  display: grid;
  grid-template-columns: 128px 1fr;
  grid-template-rows: 128px auto;
  grid-column-gap: calc(24em / var(--default-em-base));
  grid-row-gap: calc(24em / var(--default-em-base));
}
.registrationLINE ._qrcode {
  grid-area: 1/1/2/2;
}
.registrationLINE ._description {
  grid-area: 1/2/2/3;
}
.registrationLINE ._registButton {
  grid-area: 2/1/3/3;
}
.registrationLINE ._description p:not([class]) {
  margin: 0;
}

@media (min-width: 701px) {
  .registrationLINE {
    grid-template-columns: 128px auto;
    grid-template-rows: auto auto;
    grid-row-gap: calc(12em / var(--default-em-base));
  }
  .registrationLINE ._qrcode {
    grid-area: 1/1/3/2;
  }
  .registrationLINE ._description {
    grid-area: 1/2/2/3;
  }
  .registrationLINE ._registButton {
    grid-area: 2/2/3/3;
  }
  .registrationLINE ._registButton ._button {
    margin-left: 0;
  }
}
.authorArticleHeader {
  display: flex;
  align-items: center;
  margin-bottom: calc(16em / var(--default-em-base));
}
.authorArticleHeader .-image-wrap {
  flex: 0 0 80px;
  margin-right: calc(16em / var(--default-em-base));
}
.authorArticleHeader .-image-clip {
  position: relative;
  z-index: 1;
  width: 100%;
  padding-top: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.authorArticleHeader ._image {
  position: absolute;
  z-index: 0;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  min-width: 133.33333%;
}
.authorArticleHeader .-text-wrap {
  flex: 1 1 1%;
}
.authorArticleHeader ._name {
  font-size: 1.6rem;
  line-height: 1.375;
  font-weight: 700;
}
.authorArticleHeader ._kana {
  font-size: 0.86em;
  display: block;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  font-weight: normal;
  color: var(--text-black);
}
.authorArticleHeader ._position {
  font-size: 1.2rem;
  line-height: 1.6666666667;
  font-weight: 300;
  color: var(--text-gray);
  padding-top: calc(2em / 12);
}

@media (min-width: 701px) {
  .authorArticleHeader ._name {
    font-size: 1.8rem;
    line-height: 1.4444444444;
  }
  .authorArticleHeader ._kana {
    margin-top: 0.1em;
  }
  .authorArticleHeader ._position {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    font-weight: 500;
    padding-top: calc(2em / 14);
  }
}
.authorArticle .articleBody {
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 300;
}

@media (min-width: 701px) {
  .authorArticle .articleBody {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    font-weight: 500;
  }
}
.authorArticle .articleFooter {
  margin-top: calc(24em / var(--default-em-base));
  padding-top: calc(24em / var(--default-em-base));
}

@media (min-width: 701px) {
  .authorArticle .articleFooter {
    margin-top: calc(40em / var(--default-em-base));
    padding-top: calc(40em / var(--default-em-base));
  }
}
.authorArticle .articleFooter .listSection:not(:first-child) {
  margin-top: calc(48em / var(--default-em-base));
}

@media (min-width: 701px) {
  .authorArticle .articleFooter .listSection:not(:first-child) {
    margin-top: calc(80em / var(--default-em-base));
  }
}
.authorBackButton {
  margin: 1.5em 0;
}

.content[data-content-type*=catalogData] .panesContent {
  padding-top: calc(16em / var(--default-em-base));
}

@media (min-width: 701px) {
  .content[data-content-type*=catalogData] .panesContent {
    padding-top: calc(24em / var(--default-em-base));
  }
}
.catalogInfoBox {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 4.6920821114%;
}
.catalogInfoBox ._catalogInfo {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.catalogInfoBox .-image-wrap {
  text-align: center;
}
.catalogInfoBox ._image {
  width: auto;
  height: auto;
  max-height: 210px;
  max-width: 90%;
}
.catalogInfoBox ._imageDownload {
  font-size: 1.2rem;
  line-height: 1.6666666667;
  margin-top: calc(12em / 12);
}
.catalogInfoBox ._imageDownload ._button {
  color: var(--theme-red);
}
.catalogInfoBox .-text-wrap {
  margin-top: calc(24em / var(--default-em-base));
}
.catalogInfoBox ._itemTitle {
  font-weight: 700;
}
.catalogInfoBox ._itemTitle ._title {
  font-size: 1.8rem;
  line-height: 1.4444444444;
}
.catalogInfoBox ._itemTitle ._subtitle {
  display: block;
  font-size: 1.2rem;
  line-height: 1.6666666667;
}
.catalogInfoBox ._dataTable {
  font-size: 1.2rem;
  line-height: 1.6666666667;
  margin-top: calc(24em / 12);
}
.catalogInfoBox ._dataTable th {
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  padding-right: calc(20em / 12);
  padding-top: calc(2em / 12);
  padding-bottom: calc(2em / 12);
  position: relative;
}
.catalogInfoBox ._dataTable th:after {
  display: block;
  content: "：";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: calc(12em / 12);
  font-weight: 300;
}
.catalogInfoBox ._dataTable td {
  padding-left: calc(8em / 12);
  padding-top: calc(2em / 12);
  padding-bottom: calc(2em / 12);
}
.catalogInfoBox .bookPurchaseLinks {
  margin-top: calc(24em / var(--default-em-base));
}
.catalogInfoBox .catalogImageDownload {
  display: none;
}

a.catalogInfoBox {
  display: block;
}
a.catalogInfoBox ._image {
  transition: opacity 0.4s;
}
a.catalogInfoBox:hover ._image {
  opacity: 0.7;
}

@media (min-width: 861px) {
  .catalogInfoBox {
    padding: 5.0156739812%;
  }
  .catalogInfoBox ._catalogInfo {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
  }
  .catalogInfoBox .-image-wrap {
    flex: 0 2 310px;
    text-align: center;
  }
  .catalogInfoBox ._image {
    max-height: 232px;
  }
  .catalogInfoBox ._imageDownload {
    margin-top: calc(16em / 12);
    font-weight: 500;
  }
  .catalogInfoBox .-text-wrap {
    align-self: center;
    flex: 0 1 250px;
    margin-top: 0;
    margin-left: 2.8571428571%;
  }
  .catalogInfoBox ._itemTitle ._title {
    font-size: 2.4rem;
    line-height: 1.4166666667;
  }
  .catalogInfoBox ._itemTitle ._subtitle {
    display: block;
    font-size: 1.4rem;
    line-height: 1.7142857143;
  }
  .catalogInfoBox ._dataTable {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    margin-top: calc(16em / 14);
  }
  .catalogInfoBox ._dataTable th {
    padding-right: calc(22em / 14);
    padding-top: calc(2em / 14);
    padding-bottom: calc(2em / 14);
  }
  .catalogInfoBox ._dataTable th:after {
    width: calc(14em / 14);
  }
  .catalogInfoBox ._dataTable td {
    padding-left: calc(8em / 14);
    padding-top: calc(2em / 14);
    padding-bottom: calc(2em / 14);
  }
  .catalogInfoBox .bookPurchaseLinks {
    margin-top: calc(30em / var(--default-em-base));
  }
}
.content[data-content-type*=catalogData] .articleFooter {
  margin-top: calc(24em / var(--default-em-base));
  padding-top: calc(24em / var(--default-em-base));
}

@media (min-width: 701px) {
  .content[data-content-type*=catalogData] .articleFooter {
    margin-top: calc(40em / var(--default-em-base));
    padding-top: calc(40em / var(--default-em-base));
  }
}
.content[data-content-type*=catalogData] .articleFooter .listSection .listSectionHeader {
  text-align: left;
  font-size: calc(20em / 16);
  line-height: 1.5;
  font-weight: 700;
  padding-left: calc(18em / 20);
  padding-top: calc(10em / 20);
  padding-bottom: calc(10em / 20);
  position: relative;
}
.content[data-content-type*=catalogData] .articleFooter .listSection .listSectionHeader::before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--theme-red);
  transform: none;
  height: auto;
}

@media (min-width: 701px) {
  .content[data-content-type*=catalogData] .articleFooter .listSection .listSectionHeader {
    font-size: calc(24em / 18);
    line-height: 1.4166666667;
    padding-left: calc(18em / 24);
    padding-top: 0;
    padding-bottom: 0;
  }
  .content[data-content-type*=catalogData] .articleFooter .listSection .listSectionHeader::before {
    top: calc(3em / 24);
    bottom: calc(3em / 24);
  }
}
.catalogImageDownload h2:not([class]) {
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 700;
  text-align: center;
  margin-bottom: calc(24em / 16);
}
.catalogImageDownload h3:not([class]) {
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 700;
  text-align: left;
  margin-top: calc(24em / 16);
  margin-bottom: calc(16em / 16);
}
.catalogImageDownload p:not([class]) {
  font-size: 1.4rem;
  line-height: 1.7142857143;
}
.catalogImageDownload ul:not([class]) {
  margin-bottom: 2em;
  font-size: 1.4rem;
  line-height: 1.7142857143;
}
.catalogImageDownload ul:not([class]) > li + li {
  margin-top: calc(6em / 14);
}
.catalogImageDownload li > ul:not([class]) {
  margin-top: calc(6em / 14);
  margin-bottom: calc(6em / 14);
  margin-left: 2.5em;
}
.catalogImageDownload li > ul:not([class]) > li {
  list-style-type: disc;
}
.catalogImageDownload li > ul:not([class]) > li + li {
  margin-top: calc(3em / 14);
}

@media (min-width: 701px) {
  .catalogImageDownload h2:not([class]) {
    font-size: 2.4rem;
    line-height: 0.7058823529;
    margin-bottom: calc(24em / 24);
  }
  .catalogImageDownload h3:not([class]) {
    font-size: 1.8rem;
    line-height: 1.6666666667;
    margin-top: calc(24em / 18);
    margin-bottom: calc(16em / 18);
  }
}
.linkButtonBox {
  margin-top: calc(24em / var(--default-em-base));
  margin-bottom: calc(24em / var(--default-em-base));
}
.linkButtonBox:last-child {
  margin-bottom: 0;
}
.linkButtonBox ._linkComment {
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.6666666667;
  font-weight: 700;
  margin-bottom: calc(16em / 12);
}
.linkButtonBox ._linkButton:not([href]) {
  pointer-events: none;
  opacity: 0.3;
}

@media (min-width: 701px) {
  .content[data-content-type="catalogData info"] .asideBottom {
    margin-top: 0;
    padding-top: 0;
  }
}
.catalogInfoBox + .articleHeader {
  margin-top: calc(48em / var(--default-em-base));
}

@media (min-width: 701px) {
  .catalogInfoBox + .articleHeader {
    margin-top: calc(80em / var(--default-em-base));
  }
}
.downloadBox {
  margin-top: calc(32em / var(--default-em-base));
  margin-bottom: calc(32em / var(--default-em-base));
  margin-left: calc(var(--content-wrap-padding-value) * -1);
  margin-right: calc(var(--content-wrap-padding-value) * -1);
  padding: calc(24em / var(--default-em-base)) 4.2666666667%;
  background: var(--footer-gray);
}
.downloadBox > p {
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 700;
  text-align: center;
  margin-bottom: calc(16em / 16);
}
.downloadBox ._dlButton {
  pointer-events: none;
  opacity: 0.3;
}
.downloadBox ._dlFileInfo {
  font-size: 1.2rem;
  line-height: 1.6666666667;
  text-align: center;
  margin-top: calc(8em / 12);
}

@media (min-width: 701px) {
  .downloadBox {
    margin-left: 0;
    margin-right: 0;
    padding: calc(32em / var(--default-em-base)) 5%;
  }
  .downloadBox > p {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    margin-bottom: calc(32em / 14);
  }
  .downloadBox ._dlFileInfo {
    font-size: 1.2rem;
    line-height: 1.6666666667;
    text-align: center;
    margin-top: calc(8em / 12);
  }
}
.is-loggedIn ._loginStatement {
  display: none;
}
.is-loggedIn ._dlButton {
  pointer-events: auto;
  opacity: 1;
}

.siteHeader[data-type=imageGallery] {
  position: static;
}
.siteHeader[data-type=imageGallery] .-headerContent-wrap {
  flex-direction: column;
  height: auto;
}
.siteHeader[data-type=imageGallery] .siteLogo {
  padding-top: calc(24em / var(--default-em-base));
  padding-bottom: calc(24em / var(--default-em-base));
}

@media (min-width: 701px) {
  .siteHeader[data-type=imageGallery] .-headerContent-wrap {
    flex-direction: row;
    padding-top: calc(32em / var(--default-em-base));
    padding-bottom: calc(32em / var(--default-em-base));
  }
  .siteHeader[data-type=imageGallery] .siteLogo {
    flex: 0 0 217px;
    margin-right: calc(24em / var(--default-em-base));
    padding-top: 0;
    padding-bottom: 0;
  }
}
.imageGalleryArticleTitle {
  width: 100%;
  border-top: 1px solid var(--line);
  margin-left: calc(var(--content-wrap-padding-value) * -1);
  margin-right: calc(var(--content-wrap-padding-value) * -1);
  padding: calc(24em / var(--default-em-base)) var(--content-wrap-padding-value);
}
.imageGalleryArticleTitle ._title {
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 700;
}
.imageGalleryArticleTitle ._properties {
  font-size: 1.2rem;
  line-height: 1.6666666667;
  color: var(--text-gray);
  margin-top: calc(8em / 12);
}

@media (min-width: 701px) {
  .imageGalleryArticleTitle {
    border-top: none;
    margin: 0;
    padding: 0;
  }
  .imageGalleryArticleTitle ._title {
    font-size: 1.8rem;
    line-height: 1.6666666667;
  }
}
.content[data-content-type=imageGalllery] {
  padding-bottom: calc(64em / var(--default-em-base));
}
.content[data-content-type=imageGalllery] .-closeButton-wrap {
  max-width: 34em;
  margin-top: calc(32em / var(--default-em-base));
  display: flex;
  justify-content: space-between;
}
.content[data-content-type=imageGalllery] .-closeButton-wrap > * {
  flex: 0 1 45%;
  max-width: 20em;
  font-size: 1.3rem;
}

@media (min-width: 701px) {
  .content[data-content-type=imageGalllery] {
    padding-bottom: calc(120em / var(--default-em-base));
  }
  .content[data-content-type=imageGalllery] .-closeButton-wrap {
    margin-top: calc(48em / var(--default-em-base));
  }
  .content[data-content-type=imageGalllery] .-closeButton-wrap > * {
    flex: 0 1 47%;
    font-size: 1.5rem;
    margin-left: 1em;
    margin-right: 1em;
  }
}
.imageGalleryExpandImage {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
}
.imageGalleryExpandImage .-image-wrap {
  margin-top: calc(8em / var(--default-em-base));
  flex: 0 1 100%;
  text-align: center;
}
.imageGalleryExpandImage ._captionTitle {
  font-size: 1.2rem;
  line-height: 1.6666666667;
  font-weight: 700;
  margin-top: calc(8em / 12);
}
.imageGalleryExpandImage ._caption {
  font-size: 1.2rem;
  line-height: 1.6666666667;
  margin-top: calc(8em / 12);
}

@media (min-width: 701px) {
  .imageGalleryExpandImage .-image-wrap {
    margin-top: 0;
  }
  .imageGalleryExpandImage ._captionTitle {
    font-size: 1.6rem;
    line-height: 1.875;
    margin-top: calc(12em / 16);
  }
  .imageGalleryExpandImage ._caption {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    margin-top: calc(12em / 14);
  }
}
@media (min-width: 1160px) {
  .-text-wrap {
    padding-left: 0;
    padding-right: 0;
  }
}
.imageGalllery {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(32em / var(--default-em-base));
}
.imageGalllery .-items-wrap {
  display: flex;
  flex-wrap: wrap;
  margin-left: -4px;
  margin-top: -4px;
}
.imageGalllery ._item {
  flex: 1 1 18%;
  margin-left: 4px;
  margin-top: 4px;
  max-width: calc(20% - 4px);
  background: #ececec;
}
.imageGalllery ._item.is-selected {
  box-shadow: 0 0 0px 3px rgba(176, 11, 54, 0.4);
}
.imageGalllery ._item a {
  display: block;
  padding-top: 74.24242424%;
  position: relative;
  overflow: hidden;
}
.imageGalllery ._image {
  width: 100%;
  height: auto;
  max-width: inherit;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.4s;
}
.imageGalllery ._image[data-direction=vertical] {
  width: auto;
  height: 100%;
}
.imageGalllery ._image[data-direction=horizontal] {
  width: 100%;
  height: auto;
}
.imageGalllery ._item a:hover ._image {
  opacity: 0.7;
}

@media (min-width: 701px) {
  .imageGalllery .-items-wrap {
    margin-left: -1.0714285714%;
    margin-top: -1.0714285714%;
  }
  .imageGalllery ._item {
    flex: 1 1 18%;
    margin-left: 1.0714285714%;
    margin-top: 1.0714285714%;
    max-width: calc(14.2857142857% - 1.0714285714%);
  }
}
@media (min-width: 1160px) {
  .-items-wrap {
    padding-left: 0;
    padding-right: 0;
  }
}
.content[data-content-type=error] {
  padding-top: calc(60em / var(--default-em-base));
  padding-bottom: calc(60em / var(--default-em-base));
  display: flex;
  align-items: center;
}
.content[data-content-type=error] .-errorContent-wrap {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

.errorSection ._sectionTitle {
  font-size: 1.8rem;
  line-height: 1.4444444444;
  font-weight: 700;
  text-align: center;
  margin-bottom: calc(24em / 18);
}
.errorSection p:not([class]) {
  margin-bottom: calc(24em / var(--default-em-base));
}
.errorSection p a,
.errorSection li a {
  color: var(--theme-red);
}
.errorSection p a:hover,
.errorSection li a:hover {
  text-decoration: underline;
}
.errorSection ._errorListBox {
  border: 1px solid var(--line);
  font-size: 1.6rem;
  line-height: 1.75;
  border-radius: 1em;
  padding: calc(24em / var(--default-em-base));
  margin-top: calc(24em / var(--default-em-base));
  margin-bottom: calc(24em / var(--default-em-base));
}
.errorSection ._errorList > li {
  position: relative;
  padding-left: 0.7em;
}
.errorSection ._errorList > li::before {
  position: absolute;
  left: 0;
  top: 0.71em;
  display: block;
  content: "";
  width: calc(4em / 16);
  height: calc(4em / 16);
  border-radius: 50%;
  background: var(--theme-red);
}
.errorSection ._errorList > li + li {
  margin-top: calc(8em / 16);
}
.errorSection .-homeButton-wrap {
  margin-top: calc(24em / 16);
}

@media (min-width: 701px) {
  .errorSection ._sectionTitle {
    font-size: 2.4rem;
    line-height: 1.4166666667;
    margin-bottom: calc(32em / 24);
  }
  .errorSection p:not([class]) {
    margin-bottom: calc(32em / var(--default-em-base));
  }
  .errorSection p:not([class]) {
    text-align: center;
  }
  .errorSection p._message {
    text-align: left;
  }
  .errorSection ._errorListBox {
    font-size: 1.8rem;
    line-height: 1.6666666667;
    border-radius: 1.3333333333em;
    padding: calc(32em / var(--default-em-base));
    margin-top: calc(32em / var(--default-em-base));
    margin-bottom: calc(32em / var(--default-em-base));
  }
  .errorSection ._errorList {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
  .errorSection .-homeButton-wrap {
    margin-top: calc(32em / var(--default-em-base));
  }
}
.content[data-content-type=loginError] {
  padding-top: calc(24em / var(--default-em-base));
  padding-bottom: calc(24em / var(--default-em-base));
}
.content[data-content-type=loginError] .-errorContent-wrap {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

.paywall {
  box-sizing: border-box;
  padding: 1.8em 5%;
  margin-bottom: 2em;
  text-align: center;
}
.paywall ._paywallMessage {
  background: url(/images/2022/icon_lock.svg) center top no-repeat;
  background-size: calc(20em / var(--default-em-base));
  padding-top: calc(30em / var(--default-em-base));
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: calc(24em / var(--default-em-base));
}
.paywall ._paywallButtons > * + * {
  margin-top: 2em;
}
.paywall ._buttonComment {
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: calc(12em / 14);
}
.paywall ._button {
  font-size: 1.6rem;
  font-weight: 700;
  max-width: 16em;
  height: auto;
  padding: 0.75em 1em;
}
.paywall ._toHome {
  margin-top: calc(42em / var(--default-em-base));
  font-size: calc(14em / var(--default-em-base));
  font-weight: 700;
}
.paywall ._homeButton {
  display: inline-block;
  font-size: 1.5rem;
  line-height: 1.44;
  border: none;
  color: var(--theme-red);
}
.paywall ._homeButton:hover {
  text-decoration: underline;
}

@media (min-width: 701px) {
  .paywall ._paywallButtons {
    display: flex;
    justify-content: space-between;
  }
  .paywall ._paywallButtons > * + * {
    margin-top: 0;
  }
  .paywall .-button-wrap {
    flex: 0 1 45%;
  }
}