@charset "UTF-8";
/* # =================================================================
#	normalize
# ================================================================= */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700&display=swap&subset=japanese);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Tenor+Sans&display=swap);
* {
  padding: 0;
  margin: 0;
  font-size: inherit;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  overflow-y: scroll;
  /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%;
  /* iOS 8+ */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* # =================================================================
   # Forms
   # ================================================================= */
optgroup {
  font-weight: bold;
  /* Restore the font weight unset by the previous rule. */
}

button {
  overflow: visible;
  /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: 0;
  padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* Correct the inability to style clickable types in iOS */
}

button,
select {
  text-transform: none;
  /* Firefox 40+, Internet Explorer 11- */
}

/* Remove the default button styling in all browsers */
/* Style select like a standard input */
legend {
  border: 0;
  /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit;
  /* Correct the color inheritance from `fieldset` elements in IE */
  display: table;
  /* Correct the text wrapping in Edge and IE */
  max-width: 100%;
  /* Correct the text wrapping in Edge and IE */
  white-space: normal;
  /* Correct the text wrapping in Edge and IE */
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* Correct the inability to style clickable types in iOS and Safari */
  font: inherit;
  /* Change font properties to `inherit` in Chrome and Safari */
}

/* Correct the text style of placeholders in Chrome, Edge, and Safari */
/* # =================================================================
#	ベース
# ================================================================= */
@media print, screen and (min-width: 521px) {
  html {
    font-size: 16px;
  }
}

@media only screen and (max-width: 520px) {
  html {
    font-size: 3.2vw;
  }
}

body {
  /*-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	font-smoothing:antialiased;*/
  letter-spacing: normal;
  line-height: 1.8em;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  background-color: #ffffff;
  color: #000000;
}

_:-ms-lang(x), body {
  font-family: "Noto Sans JP", "游ゴシック", "YuGothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
}

body, table, th, td, h1, h2, h3, h4, h5, h6 {
  font-family: "Noto Sans JP", "游ゴシック", "YuGothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
  font-weight: 400;
  -webkit-font-feature-settings: "liga";
  font-feature-settings: "liga";
}

@media print, screen and (min-width: 521px) {
  .pc-none {
    display: none !important;
  }
}

@media only screen and (max-width: 520px) {
  .sp-none {
    display: none !important;
  }
}

.pt_splitter {
  display: block;
}

.pt_splitter + br {
  display: none;
}

.small {
  line-height: 1.8em;
}

@media print, screen and (min-width: 521px) {
  .small {
    font-size: 12px;
  }
}

@media only screen and (max-width: 520px) {
  .small {
    font-size: 0.8571em;
  }
}

a:link,
a:visited {
  color: #2999C4;
  text-decoration: none;
}

a:hover,
a:active {
  color: #03b5fa;
  text-decoration: none;
}

a,
button {
  color: #000000;
  text-decoration: none;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

img {
  max-width: 100%;
  height: auto;
  border: 0;
  vertical-align: middle;
}

ul {
  list-style-type: none;
}

/* clerfix ----- */
.clearfix {
  zoom: 1;
}

.clearfix:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: " ";
  line-height: 0;
}

/* ----- clerfix */
.clear {
  clear: both;
}

/*html {
	@include media(){
		scroll-padding-top: calc(171px + 100px);
	}
	@include media(SP){
		scroll-padding-top: vw-calc($head_sp_height + 80px);
	}
}
html:has(body.loggedin) {
	@include media(){
		scroll-padding-top: calc(171px + 100px + 32px);
	}
	@include media(SP){
		scroll-padding-top: vw-calc($head_sp_height + 80px + 30px);
	}
}*/
.anchor,
[id^='comment-'] {
  background-clip: content-box;
  pointer-events: none;
}

.anchor > *,
[id^='comment-'] > * {
  pointer-events: auto;
}

@media print, screen and (min-width: 521px) {
  .anchor,
  [id^='comment-'] {
    scroll-margin-top: calc(171px + 100px);
  }
}

@media only screen and (max-width: 520px) {
  .anchor,
  [id^='comment-'] {
    scroll-margin-top: 39.46667vw;
  }
}

@media print, screen and (min-width: 521px) {
  .anchor#main,
  [id^='comment-']#main {
    scroll-margin-top: calc(171px);
  }
}

@media only screen and (max-width: 520px) {
  .anchor#main,
  [id^='comment-']#main {
    scroll-margin-top: 18.13333vw;
  }
}

@media print, screen and (min-width: 521px) {
  .anchor.view-latest-item,
  [id^='comment-'].view-latest-item {
    scroll-margin-top: calc(171px + 10px);
  }
}

@media only screen and (max-width: 520px) {
  .anchor.view-latest-item,
  [id^='comment-'].view-latest-item {
    scroll-margin-top: 20.8vw;
  }
}

body.loggedin .anchor {
  background-clip: content-box;
}

@media print, screen and (min-width: 521px) {
  body.loggedin .anchor {
    scroll-margin-top: calc(171px + 100px + 32px);
  }
}

@media only screen and (max-width: 520px) {
  body.loggedin .anchor {
    scroll-margin-top: 47.46667vw;
  }
}

@media print, screen and (min-width: 521px) {
  body.loggedin .anchor#main {
    scroll-margin-top: calc(171px + 32px);
  }
}

@media only screen and (max-width: 520px) {
  body.loggedin .anchor#main {
    scroll-margin-top: 26.13333vw;
  }
}

@media print, screen and (min-width: 521px) {
  body.loggedin .anchor.view-latest-item {
    scroll-margin-top: calc(171px + 32px + 10px);
  }
}

@media only screen and (max-width: 520px) {
  body.loggedin .anchor.view-latest-item {
    scroll-margin-top: 29.33333vw;
  }
}

.txXXL {
  font-size: 160%;
  line-height: 145%;
}

.txXL {
  font-size: 140%;
  line-height: 145%;
}

.txL {
  font-size: 116%;
  line-height: 145%;
}

.txM {
  font-size: 100%;
  line-height: 160%;
}

.txS {
  font-size: 84%;
  line-height: 135%;
}

.txXS {
  font-size: 70%;
  line-height: 135%;
}

.txXXS {
  font-size: 60%;
  line-height: 135%;
}

.txRed {
  color: #ff0000;
}

.txOrange {
  color: #ff6600;
}

.txBold {
  font-weight: 500;
}

.txNormal {
  font-weight: 400;
}

.strong {
  font-weight: 600;
}

.error {
  color: #ff0000;
}

.nowrap {
  white-space: nowrap !important;
}

.alnC {
  text-align: center !important;
}

.alnL {
  text-align: left !important;
}

.alnR {
  text-align: right !important;
}

.underline {
  border-bottom: 1px solid #22537d;
}

.indent01 {
  margin-left: 1.0em;
}

.list01 {
  list-style-type: none;
  margin: 0px 0px 0px 1.0em;
  padding: 0px;
}

.list01 li {
  margin: 0px;
  padding: 0px;
  text-indent: -1.0em;
}

.list01 li:before {
  content: "・";
}

.dim {
  opacity: 0.3;
  pointer-events: none;
}

.select01 {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
  display: inline-block;
  border-radius: 4px;
  background: #EBEBEB;
  font-size: 1.0em;
  line-height: 1.05em;
  overflow: hidden;
  z-index: 0;
  color: #000000;
  vertical-align: middle;
  min-width: 5.5em;
}

@media only screen and (max-width: 520px) {
  .select01 {
    border-radius: 1.06667vw;
  }
}

.select01:after {
  content: "";
  position: relative;
  display: block;
  color: #000000;
  background-image: url("../img/ic_arw_select.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
  width: 1.0em;
  height: 1.0em;
  overflow: hidden;
  line-height: 1.0em;
  position: absolute;
  right: 0.6em;
  top: 0px;
  bottom: 0px;
  margin: auto 0px;
  pointer-events: none;
}

.select01 select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0.4em 2.0em 0.4em 0.6em;
  color: #000000;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 1.0em;
  line-height: 1.05em;
  width: 100%;
  white-space: nowrap;
}

.select01 select:focus {
  /*text-shadow: 0 0 1px #b5b5b5;*/
}

.select01 select::-ms-expand {
  display: none;
}

.select01 select::-moz-focus-inner {
  border: 0;
}

.select01 select * {
  /*text-shadow: none;*/
}

.select01 select[disabled] {
  background: #A3A3A3;
  cursor: default;
  color: #999999;
}

.check01 {
  cursor: pointer;
  display: inline-block;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
  left: 0px;
  top: 0px;
  background: url(../img/checkbox.png) no-repeat 0px 50%;
  vertical-align: middle;
}

@media print, screen and (min-width: 521px) {
  .check01 {
    background-size: auto 20px;
    min-height: 20px;
    padding-left: 25px;
  }
}

@media only screen and (max-width: 520px) {
  .check01 {
    background-size: auto 5.33333vw;
    min-height: 5.33333vw;
    padding-left: 6.66667vw;
  }
}

@media print, screen and (min-width: 521px) {
  .check01.active {
    background-position: -600px 50%;
  }
}

@media only screen and (max-width: 520px) {
  .check01.active {
    background-position: -160vw 50%;
  }
}

.check01 input {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  display: inline-block;
  zoom: 1;
  vertical-align: middle;
}

@media print, screen and (min-width: 521px) {
  .check01 input {
    width: 25px;
    margin-left: -25px;
  }
}

@media only screen and (max-width: 520px) {
  .check01 input {
    width: 13.33333vw;
    margin-left: -13.33333vw;
  }
}

.radio01 {
  cursor: pointer;
  display: inline-block;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
  left: 0px;
  top: 0px;
  background: url(../img/radio.png) no-repeat 0px 50%;
  vertical-align: middle;
  padding-top: 0.1em;
}

@media print, screen and (min-width: 521px) {
  .radio01 {
    background-size: auto 20px;
    min-height: 20px;
    padding-left: 25px;
  }
}

@media only screen and (max-width: 520px) {
  .radio01 {
    background-size: 533.33333vw 10.66667vw;
    min-height: 10.66667vw;
    padding-left: 13.33333vw;
  }
}

@media print, screen and (min-width: 521px) {
  .radio01.active {
    background-position: -600px 50%;
  }
}

@media only screen and (max-width: 520px) {
  .radio01.active {
    background-position: -320vw 50%;
  }
}

.radio01 input {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  display: inline-block;
  zoom: 1;
  vertical-align: middle;
}

@media print, screen and (min-width: 521px) {
  .radio01 input {
    width: 25px;
    margin-left: -25px;
  }
}

@media only screen and (max-width: 520px) {
  .radio01 input {
    width: 13.33333vw;
    margin-left: -13.33333vw;
  }
}

body.loggedin #head {
  top: 32px;
}

@media print, screen and (max-width: 782px) {
  body.loggedin #head {
    top: 46px;
  }
}

@media print, screen and (max-width: 782px) {
  body.loggedin #head .nav {
    top: 46px;
  }
}

@media print, screen and (max-width: 782px) {
  html #wpadminbar {
    position: fixed !important;
  }
}

.logo-nexpress {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  text-indent: -9000px;
  overflow: hidden;
  background-image: url("../img/logo_nexpress.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  line-height: 1.0em;
  margin-left: 0.3em;
  margin-top: 0.5em;
}

.singlePager {
  -webkit-box-ordinal-group: 101;
  -webkit-order: 100;
  -ms-flex-order: 100;
  order: 100;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100%;
}

@media print, screen and (min-width: 521px) {
  .singlePager {
    margin: 2.0em 0px 0px;
  }
}

@media only screen and (max-width: 520px) {
  .singlePager {
    margin: 2.0em 0px 0px;
  }
}

.singlePager:nth-last-child(1) {
  margin-bottom: 0px;
}

.singlePager .prev > a:before, .singlePager .prev > a:after,
.singlePager .prev > span:before,
.singlePager .prev > span:after,
.singlePager .next > a:before,
.singlePager .next > a:after,
.singlePager .next > span:before,
.singlePager .next > span:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-align: left;
  text-indent: -9000px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
  margin-top: -0.1em;
}

@media print, screen and (min-width: 521px) {
  .singlePager .prev > a:before, .singlePager .prev > a:after,
  .singlePager .prev > span:before,
  .singlePager .prev > span:after,
  .singlePager .next > a:before,
  .singlePager .next > a:after,
  .singlePager .next > span:before,
  .singlePager .next > span:after {
    width: 16px;
    height: 16px;
  }
}

@media only screen and (max-width: 520px) {
  .singlePager .prev > a:before, .singlePager .prev > a:after,
  .singlePager .prev > span:before,
  .singlePager .prev > span:after,
  .singlePager .next > a:before,
  .singlePager .next > a:after,
  .singlePager .next > span:before,
  .singlePager .next > span:after {
    width: 1.0em;
    height: 1.0em;
  }
}

.singlePager .prev > a:link, .singlePager .prev > a:visited,
.singlePager .prev > span:link,
.singlePager .prev > span:visited,
.singlePager .next > a:link,
.singlePager .next > a:visited,
.singlePager .next > span:link,
.singlePager .next > span:visited {
  color: #000000;
  text-decoration: none;
}

.singlePager .prev > a:hover, .singlePager .prev > a:active,
.singlePager .prev > span:hover,
.singlePager .prev > span:active,
.singlePager .next > a:hover,
.singlePager .next > a:active,
.singlePager .next > span:hover,
.singlePager .next > span:active {
  color: #2999C4;
  text-decoration: none;
}

.singlePager .prev > span,
.singlePager .next > span {
  opacity: 0.2;
  pointer-events: none;
}

.singlePager .prev {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.singlePager .prev > a:before,
.singlePager .prev > span:before {
  background-image: url("../img/ic_arw_pager_prev.png");
  margin-right: 0.2em !important;
}

.singlePager .next {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
}

.singlePager .next > a:after,
.singlePager .next > span:after {
  background-image: url("../img/ic_arw_pager.png");
  margin-left: 0.2em !important;
}

.singlePager .tolist {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  line-height: 1.05em;
  font-weight: 500;
}

.singlePager .tolist a {
  display: inline-block;
  color: #000000;
  border-left: 2px solid #cccccc;
  border-right: 2px solid #cccccc;
}

@media print, screen and (min-width: 521px) {
  .singlePager .tolist a {
    padding: 0px 2.0em;
  }
}

@media only screen and (max-width: 520px) {
  .singlePager .tolist a {
    border-width: 0.53333vw;
    padding: 0px 2.0em;
  }
}

.singlePager .tolist a:link,
.singlePager .tolist a:visited {
  color: #000000;
  text-decoration: none;
}

.singlePager .tolist a:hover,
.singlePager .tolist a:active {
  color: #2999C4;
  text-decoration: none;
}

.archivePager {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  zoom: 1;
}

.archivePager:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: " ";
  line-height: 0;
}

@media print, screen and (min-width: 521px) {
  .archivePager {
    margin: 40px 0px;
  }
}

@media only screen and (max-width: 520px) {
  .archivePager {
    margin: 10.66667vw 0px;
  }
}

.archivePager:nth-last-child(1) {
  margin-bottom: 0px;
}

.archivePager .prev,
.archivePager .next {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  margin: 0px !important;
  text-decoration: none !important;
  overflow: hidden;
  text-align: left;
  text-indent: -9000px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
}

@media print, screen and (min-width: 521px) {
  .archivePager .prev,
  .archivePager .next {
    width: 16px;
    height: 16px;
  }
}

@media only screen and (max-width: 520px) {
  .archivePager .prev,
  .archivePager .next {
    width: 1.0em;
    height: 1.0em;
  }
}

.archivePager .prev:hover,
.archivePager .next:hover {
  opacity: 0.5;
}

.archivePager .prev {
  background-image: url("../img/ic_arw_pager_prev.png");
  margin-right: 2.0em !important;
}

.archivePager .next {
  background-image: url("../img/ic_arw_pager.png");
  margin-left: 2.0em !important;
}

.archivePager span.prev,
.archivePager span.next {
  opacity: 0.2;
  pointer-events: none;
}

.archivePager .page-numbers {
  display: inline-block;
  line-height: 1.05em;
  font-weight: 500;
  color: #000000;
}

@media print, screen and (min-width: 521px) {
  .archivePager .page-numbers {
    font-size: 18px;
    margin: 0px 0.7em;
  }
}

@media only screen and (max-width: 520px) {
  .archivePager .page-numbers {
    font-size: 1.25em;
    margin: 0px 0.65em;
  }
}

.archivePager .page-numbers.dots {
  line-height: 0.3em;
  vertical-align: text-bottom;
}

@media only screen and (max-width: 520px) {
  .archivePager .page-numbers.dots {
    margin: 0px;
    /*&:nth-of-type(1)+* {
					display: none;
				}
				&:nth-of-type(1)~.page-numbers:nth-of-type(6) {
					display: none;
				}*/
  }
}

.archivePager .page-numbers.current {
  color: #0A9BBF;
  text-decoration: underline;
}

.archivePager a:link,
.archivePager a:visited,
.archivePager a:hover,
.archivePager a:active {
  text-decoration: none;
}

.archivePager a:hover {
  text-decoration: underline;
}

#modal-enquete:before {
  content: "";
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url("../img/logo_benesse.svg");
  background-position: 0 0;
  background-size: 100% auto;
  margin: 0 auto 1.6em;
}

@media print, screen and (min-width: 521px) {
  #modal-enquete:before {
    width: 117px;
    height: 27px;
  }
}

@media only screen and (max-width: 520px) {
  #modal-enquete:before {
    width: 23.2vw;
    height: 5.33333vw;
  }
}

#modal-enquete p {
  margin-bottom: 1.2em;
}

@media only screen and (max-width: 520px) {
  #modal-enquete p {
    margin-bottom: 0.8em;
  }
}

#modal-enquete p:nth-last-child(1) {
  margin-bottom: 0;
}

#modal-enquete .modal-enq-heading {
  font-size: 1.75rem;
  line-height: 1.5em;
  font-weight: 500;
  margin-bottom: 0.2em;
}

#modal-enquete .modal-enq-heading:before {
  content: "";
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url("../img/logo.png");
  background-position: 0 0;
  background-size: 100% auto;
  margin: 0 auto 0.6em;
}

@media print, screen and (min-width: 521px) {
  #modal-enquete .modal-enq-heading:before {
    width: 320px;
    height: 52px;
  }
}

@media only screen and (max-width: 520px) {
  #modal-enquete .modal-enq-heading:before {
    width: 64vw;
    height: 10.4vw;
  }
}

#modal-enquete .modal-enq-lead {
  font-size: 1.0rem;
  line-height: 1.5em;
  margin-bottom: 1.2em;
}

@media only screen and (max-width: 520px) {
  #modal-enquete .modal-enq-lead {
    margin-bottom: 0.8em;
  }
}

#modal-enquete .modal-enq-outer {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding-top: 1.2em;
  padding-bottom: 1.2em;
  margin-bottom: 1.2em;
}

@media only screen and (max-width: 520px) {
  #modal-enquete .modal-enq-outer {
    padding-top: 0.8em;
    padding-bottom: 0.8em;
    margin-bottom: 0.8em;
  }
}

#modal-enquete .modal-enq-outer .modal-enq-row {
  margin-bottom: 1.2em;
}

@media only screen and (max-width: 520px) {
  #modal-enquete .modal-enq-outer .modal-enq-row {
    margin-bottom: 0.8em;
  }
}

#modal-enquete .modal-enq-outer .modal-enq-row:nth-last-child(1) {
  margin-bottom: 0;
}

#modal-enquete .button01.enquete-vote {
  background-color: #2999C4;
  padding: 1.0em 2.0em;
}

#modal-enquete .button02.enquete-cancel {
  background-color: #EBEBEB;
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1.0em;
}

@media print, screen and (min-width: 521px) {
  #modal-enquete .button02.enquete-cancel {
    min-width: 160px;
  }
}

@media only screen and (max-width: 520px) {
  #modal-enquete .button02.enquete-cancel {
    min-width: 32vw;
  }
}

.google-custom-search {
  min-height: 12em;
  position: relative;
}

.google-custom-search .gsc-control-cse {
  background-color: #ffffff;
}

.google-custom-search .gsc-control-cse .gsc-option-menu-container {
  white-space: nowrap;
}

.google-custom-search .loader {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  visibility: hidden;
  opacity: 0;
}

.google-custom-search .gcse-search + .loader {
  visibility: visible;
  opacity: 1.0;
}

/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 1.5em !important;
  padding-bottom: 1.0em;
  border-radius: 1.0rem;
  margin: 0 auto;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

/*タブのスタイル*/
.tab_item {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: calc(100% / 3);
  height: 2.5em;
  background-color: #e9e9e9;
  font-size: 0.875rem;
  line-height: 1.0em;
  text-align: center;
  color: #565656;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  float: left;
  text-align: center;
  font-weight: bold;
  border-right: 1px solid #eeeeee;
  border-left: none;
  border-bottom: none;
  cursor: pointer;
}

.tab_item:nth-of-type(3) {
  border-right: none;
}

.tab_item:hover {
  color: #2999C4;
}

/*ラジオボタンを全て消す*/
.tabs input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100%;
  padding: 1.0em 1.0em;
  clear: both;
  overflow: hidden;
  display: none;
}

/*選択されているタブのコンテンツのみを表示*/
#rank-day:checked ~ #rank-day_content,
#rank-week:checked ~ #rank-week_content,
#rank-month:checked ~ #rank-month_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #ffffff;
  color: #2999C4;
}

.rank_counting {
  font-size: 1.125rem;
  line-height: 1.5em;
  font-weight: normal;
  text-align: center;
  padding: 2.0em 0;
}

.rank_counting:before {
  content: "";
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url("../img/logo.png");
  background-position: 0 0;
  background-size: 100% auto;
  margin: 0 auto 0.8em;
}

@media print, screen and (min-width: 521px) {
  .rank_counting:before {
    width: 160px;
    height: 26px;
  }
}

@media only screen and (max-width: 520px) {
  .rank_counting:before {
    width: 32vw;
    height: 5.33333vw;
  }
}

/* 調整ポイント：点滅回数と速さ */
:root {
  --hash-glow-iter: 3;
  /* 点滅回数 */
  --hash-glow-dur: 0.6s;
  /* 1サイクルの時間（短いほど速い） */
}

.article .contents .hash-glow {
  -webkit-animation: hashGlowPulse var(--hash-glow-dur) ease-in-out var(--hash-glow-iter);
  animation: hashGlowPulse var(--hash-glow-dur) ease-in-out var(--hash-glow-iter);
  background-clip: border-box;
}

/* “光る”状態と“消える”状態を行き来させる */
@-webkit-keyframes hashGlowPulse {
  0%, 100% {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  20%, 60% {
    background-color: lightyellow;
    -webkit-box-shadow: 0px 0px 40px 20px lightyellow;
    box-shadow: 0px 0px 40px 20px lightyellow;
  }
}
@keyframes hashGlowPulse {
  0%, 100% {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  20%, 60% {
    background-color: lightyellow;
    -webkit-box-shadow: 0px 0px 40px 20px lightyellow;
    box-shadow: 0px 0px 40px 20px lightyellow;
  }
}

/* # =================================================================
#	レイアウト
# ================================================================= */
body.news .aside .contents_title.news,
body.news .aside .list-side01.news {
  display: none;
}

body.opinion .aside .contents_title.opinion,
body.opinion .aside .list-side01.opinion {
  display: none;
}

body.counseling .aside .contents_title.counseling,
body.counseling .aside .list-side01.counseling {
  display: none;
}

body.view .aside .contents_title.view,
body.view .aside .list-side01.view {
  display: none;
}

body.innovation .aside .contents_title.innovation,
body.innovation .aside .list-side01.innovation {
  display: none;
}

.article-view-header i.privateMark,
.article-view-body i.privateMark {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: fixed;
  left: 0;
  right: 0;
  top: 45px;
  margin: 0 auto;
  display: inline-block;
  background: #ff0000;
  color: #ffffff;
  z-index: 999999;
  border-radius: 10px;
  padding: 6px 20px;
  width: 6em;
  text-align: center;
  font-size: 16px;
  line-height: 1.0em;
  font-style: normal;
}

@media only screen and (max-width: 520px) {
  body .remodal-wrapper {
    margin-top: -2.0em;
  }
}

@media print, screen and (min-width: 521px) {
  body .remodal {
    border-radius: 16px;
  }
}

@media only screen and (max-width: 520px) {
  body .remodal {
    border-radius: 4.26667vw;
    padding: 2em;
  }
}

body .remodal-close {
  left: auto;
  right: 0px;
  width: 40px;
  height: 40px;
}

body .remodal-close:before {
  font-size: 40px;
  line-height: 40px;
  width: 40px;
}

.modal-outer {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  visibility: hidden;
  opacity: 0;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.modal-outer.open {
  visibility: visible;
  opacity: 1.0;
}

.modal-profile {
  text-align: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-color: #ffffff;
  color: #515151;
  position: relative;
  max-height: 90vh;
  overflow: auto;
}

.modal-profile .header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 0.5em;
}

.modal-profile .header .image {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  overflow: hidden;
}

@media print, screen and (min-width: 521px) {
  .modal-profile .header .image {
    width: 75px;
    height: 90px;
    border-radius: 4px;
  }
}

@media only screen and (max-width: 520px) {
  .modal-profile .header .image {
    width: 20vw;
    height: 24vw;
    border-radius: 1.06667vw;
  }
}

.modal-profile .header .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;';
}

.modal-profile .header .text {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  position: relative;
}

@media print, screen and (min-width: 521px) {
  .modal-profile .header .text {
    width: calc(100% - 75px - 15px);
  }
}

@media only screen and (max-width: 520px) {
  .modal-profile .header .text {
    width: calc(100% - 20vw - 2.66667vw);
  }
}

.modal-profile .header .text .role {
  line-height: 1.2em;
}

@media print, screen and (min-width: 521px) {
  .modal-profile .header .text .role {
    font-size: 0.75rem;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 520px) {
  .modal-profile .header .text .role {
    font-size: 0.83rem;
    margin-bottom: 1.6vw;
  }
}

.modal-profile .header .text .name {
  line-height: 1.2em;
}

@media print, screen and (min-width: 521px) {
  .modal-profile .header .text .name {
    font-size: 1.25rem;
  }
}

@media only screen and (max-width: 520px) {
  .modal-profile .header .text .name {
    font-size: 1.5rem;
  }
}

.modal-profile .header .text .position {
  line-height: 1.5em;
}

@media print, screen and (min-width: 521px) {
  .modal-profile .header .text .position {
    font-size: 0.75rem;
    margin-top: 10px;
  }
}

@media only screen and (max-width: 520px) {
  .modal-profile .header .text .position {
    font-size: 0.83rem;
    margin-top: 1.6vw;
  }
}

.modal-profile .header .text .more {
  position: absolute;
  right: 0px;
  top: 0px;
}

.modal-profile .summary {
  line-height: 1.5em;
}

.modal-profile .summary > p {
  margin-bottom: 1.5em;
}

.modal-profile .summary > p:nth-last-child(1) {
  margin-bottom: 0;
}

@media print, screen and (min-width: 521px) {
  .modal-profile .summary {
    margin-top: 20px;
    font-size: 0.875rem;
  }
}

@media only screen and (max-width: 520px) {
  .modal-profile .summary {
    margin-top: 6.4vw;
    font-size: 1.0rem;
  }
}

.modal-profile .modal-close {
  position: absolute;
}

@media print, screen and (min-width: 521px) {
  .modal-profile .modal-close {
    width: 20px;
    height: 20px;
    right: 12px;
    top: 8px;
  }
}

@media only screen and (max-width: 520px) {
  .modal-profile .modal-close {
    width: 5.33333vw;
    height: 5.33333vw;
    right: 3.2vw;
    top: 2.13333vw;
  }
}

.modal-profile .modal-close > a {
  display: block;
  font-size: 5.33333vw;
  line-height: 1.0em;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: left;
  text-indent: -9000px;
}

.modal-profile .modal-close > a:before {
  content: "×";
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
  text-indent: 0;
  color: #B8B8B8;
  text-decoration: none;
  line-height: 1.0em;
}

@media print, screen and (min-width: 521px) {
  .modal-profile .modal-close > a:before {
    font-size: 20px;
  }
}

@media only screen and (max-width: 520px) {
  .modal-profile .modal-close > a:before {
    font-size: 5.33333vw;
  }
}

.comment > a,
.comment > span {
  color: #A3A3A3 !important;
  text-decoration: none !important;
}

.comment > a:before,
.comment > span:before {
  content: " ";
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
  background-image: url("../img/ic_sprite.svg#comment");
  vertical-align: middle;
}

@media print, screen and (min-width: 521px) {
  .comment > a:before,
  .comment > span:before {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    margin-bottom: 2px;
  }
}

@media only screen and (max-width: 520px) {
  .comment > a:before,
  .comment > span:before {
    width: 4.26667vw;
    height: 4.26667vw;
    margin-right: 0.53333vw;
    margin-bottom: 0.53333vw;
  }
}

.sns > ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.sns > ul > li {
  margin: 0;
  padding: 0;
  line-height: 1.0em;
}

@media print, screen and (min-width: 521px) {
  .sns > ul > li {
    margin: 0 12px;
    font-size: 14px;
  }
}

@media only screen and (max-width: 520px) {
  .sns > ul > li {
    margin: 0 2.13333vw;
    font-size: 3.73333vw;
  }
}

.sns > ul > li a {
  display: block;
  color: #2a2a2a;
  /*overflow: hidden;
				text-align: left;
				text-indent: -9000px;*/
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}

@media print, screen and (min-width: 521px) {
  .sns > ul > li a {
    width: 32px;
    height: 32px;
  }
}

@media only screen and (max-width: 520px) {
  .sns > ul > li a {
    width: 6.4vw;
    height: 6.4vw;
  }
}

.sns > ul > li a img {
  width: 100%;
  height: auto;
}

.sns > ul > li.twitter a {
  background-image: url("../img/ic_twitter.png");
  background-size: 96% auto;
}

.sns > ul > li.facebook a {
  background-image: url("../img/ic_facebook.png");
}

.sns > ul > li.like a {
  background-image: url("../img/ic_sns.svg#like");
}

.sns > ul > li.hateb a {
  background-image: url("../img/ic_hateb.png");
}

.sns > ul > li.line a {
  background-image: url("../img/ic_line.png");
}

.addtoany_shortcode {
  line-height: 1.0em !important;
}

.addtoany_shortcode .addtoany_list {
  line-height: 1.0em !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.addtoany_shortcode .addtoany_list a {
  display: block;
  font-size: 1.0em !important;
  line-height: 1.0em !important;
  padding: 0;
}

@media print, screen and (min-width: 521px) {
  .addtoany_shortcode .addtoany_list a {
    width: 32px;
    height: 32px;
    margin: 0 12px;
  }
}

@media only screen and (max-width: 520px) {
  .addtoany_shortcode .addtoany_list a {
    width: 6.4vw;
    height: 6.4vw;
    margin: 0 2.13333vw;
  }
}

/* Comments */
#comment {
  position: relative;
  z-index: 2;
}

#comment .comments-title {
  font-size: 1.25rem;
  line-height: 1.25em;
  font-weight: bold;
  border-bottom: 1px solid #707070;
  padding-bottom: 0.8em;
  margin-bottom: 0.8em;
}

#comment .comments-title:before {
  content: "●";
  color: #2999C4;
}

#comment .comment-form-email,
#comment .comment-form-url {
  display: none;
}

#comment textarea,
#comment input {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #cccccc;
  background-color: #f9f9f9;
  padding: 0.4em;
}

#comment input {
  height: 2.0em;
}

#comment textarea {
  width: 100%;
  height: 8.0em;
}

#comment .comment-list,
#comment .children {
  list-style: none;
}

#comment ul.children {
  list-style: none;
  padding-left: 0px;
  margin-left: 0px;
}

#comment .comment-wrap {
  border-bottom: 1px solid #707070;
  padding-bottom: 0.4em;
  margin-bottom: 0.8em;
  position: relative;
}

#comment .comment-wrap .comments-title {
  display: none;
}

#comment .comment-wrap .comment-img {
  display: none;
}

#comment .comment-body {
  position: relative;
  font-size: 0.875rem;
  line-height: 1.5em;
  padding-left: 5.5em;
  padding-bottom: 2.0em;
}

#comment .comment-body em {
  color: #ff0000;
}

#comment .rep-count {
  width: 5.5em;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  color: #2999C4;
  font-size: 0.875rem;
  line-height: 1.0em;
  font-weight: bold;
}

#comment .rep-count:before {
  content: " ";
  display: block;
  width: 2.4em;
  height: 2.4em;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
  background-image: url(../img/ic_re.png);
  margin-bottom: 0.4em;
}

#comment .comment-author {
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.25em;
  color: #8F6F18;
}

#comment .comment-date {
  display: block;
  font-size: 0.75rem;
  line-height: 1.25em;
  color: #666666;
  padding-bottom: 0.4em;
}

#comment .comment-reply {
  position: absolute;
  bottom: 0;
  right: 12em;
  font-size: 0.875rem;
  line-height: 1.2em;
}

#comment .cld-common-wrap {
  min-width: 3.5em;
}

#comment .cld-like-dislike-wrap {
  position: absolute;
  right: 0px;
  bottom: 0;
  margin: 0;
}

#comment .cld-like-dislike-wrap.cld-custom img {
  max-width: 1.4em;
  vertical-align: top;
}

#comment .cld-like-dislike-wrap .cld-common-wrap {
  margin-right: 1.0em;
}

#comment .comment-author,
#comment .comment-author a {
  font-size: 0.875rem;
  margin-bottom: 0.4em;
}

#comment .depth-2 .comment-wrap {
  padding-left: 1.5em;
}

#comment .depth-3 .comment-wrap {
  padding-left: 3.0em;
}

#comment .depth-4 .comment-wrap {
  padding-left: 4.5em;
}

#comment .depth-5 .comment-wrap {
  padding-left: 6.0em;
}

#comment .depth-6 .comment-wrap {
  padding-left: 7.5em;
}

#comment .depth-7 .comment-wrap {
  padding-left: 9.0em;
}

#comment .depth-8 .comment-wrap {
  padding-left: 10.5em;
}

#comment .depth-9 .comment-wrap {
  padding-left: 12.0em;
}

#comment .depth-10 .comment-wrap {
  padding-left: 13.5em;
}

#comment #respond {
  border-bottom: 1px solid #707070;
  padding-bottom: 0.8em;
  margin-bottom: 0.8em;
  position: relative;
}

#comment .comment-reply-title {
  font-size: 1.25rem;
  line-height: 1.25em;
  font-weight: bold;
  margin-bottom: 0.4em;
}

#comment .comment-reply-title:before {
  content: "●";
  color: #2999C4;
}

#comment .comment-reply-title #cancel-comment-reply-link {
  display: inline-block;
  padding-left: 0.5em;
}

#comment .comment-notes {
  font-size: 0.875rem;
  line-height: 1.5em;
  margin-bottom: 0.8em;
}

#comment .comment-form-comment,
#comment .comment-form-author {
  padding: 0.5em 0;
}

#comment .comment-form-comment > label,
#comment .comment-form-author > label {
  display: block;
  font-size: 1.0rem;
  line-height: 1.25em;
  margin-bottom: 0.4em;
}

#comment .comment-form-author {
  padding: 0.5em 0 1.0em;
}

#comment .form-submit {
  padding: 1.2em 0 0.8em;
}

#comment #commentform input[type="submit"] {
  cursor: pointer;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  border: none;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  background: #2999C4;
  color: #ffffff;
  position: relative;
  left: 0px;
  top: 0px;
  font-weight: bold;
  font-size: 1.0em;
  line-height: 1.0em;
  border-radius: 6px;
}

@media print, screen and (min-width: 521px) {
  #comment #commentform input[type="submit"] {
    min-width: 200px;
    padding: 8px 16px 8px 16px;
  }
}

@media only screen and (max-width: 520px) {
  #comment #commentform input[type="submit"] {
    min-width: 53.33333vw;
    padding: 2.13333vw 4.26667vw;
  }
}

#comment #commentform input[type="submit"]:link, #comment #commentform input[type="submit"]:visited {
  color: #ffffff;
  text-decoration: none;
  opacity: 1.0;
}

#comment #commentform input[type="submit"]:hover, #comment #commentform input[type="submit"]:active {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.6;
}

#comment .title-line {
  border-top: 1px dotted #ccc;
  display: block;
  max-width: 30%;
  margin: 0 auto 25px;
}

#comment + .anchor {
  position: relative;
  z-index: 1;
}

/* # =================================================================
#	見出し
# ================================================================= */
/* # =================================================================
#	ボタン
# ================================================================= */
.to-index {
  display: inline-block;
  border: 1px solid #cccccc;
  border-radius: 4px;
  padding: 0.4em 0.6em;
  font-size: 0.875rem;
  line-height: 1.0em;
  color: #333333;
  text-decoration: none;
}

.to-index:before {
  content: "";
  display: inline-block;
  background-image: url("../img/ic_arw_simple.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: auto 100%;
  margin-right: 0.4em;
  margin-top: 0.1em;
  vertical-align: top;
  line-height: 1.0em;
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

@media print, screen and (min-width: 521px) {
  .to-index:before {
    width: 14px;
    height: 14px;
  }
}

@media only screen and (max-width: 520px) {
  .to-index:before {
    width: 1.0em;
    height: 1.0em;
  }
}

.to-index:link, .to-index:visited, .to-index:hover, .to-index:active {
  color: #333333;
  text-decoration: none;
}

.post-button {
  cursor: pointer;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  border: none;
  display: inline-block;
  text-align: center;
  background: #0A9BBF;
  color: #ffffff;
  position: relative;
  left: 0px;
  top: 0px;
  font-weight: bold;
  font-size: 1.125em;
  line-height: 1.5em;
  border-radius: 8px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media print, screen and (min-width: 521px) {
  .post-button {
    min-width: 200px;
    padding: 12px 20px 12px 20px;
  }
}

@media only screen and (max-width: 520px) {
  .post-button {
    min-width: 53.33333vw;
    padding: 3.2vw 3.2vw;
  }
}

.post-button:before {
  display: inline-block;
  content: ' ';
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #ffffff;
  vertical-align: middle;
  margin-right: 0.4em;
}

@media print, screen and (min-width: 521px) {
  .post-button:before {
    border-width: 6px 0 6px 8px;
  }
}

@media only screen and (max-width: 520px) {
  .post-button:before {
    border-width: 1.6vw 0 1.6vw 2.13333vw;
  }
}

.post-button:link, .post-button:visited {
  color: #ffffff;
  text-decoration: none;
  opacity: 1.0;
}

.post-button:hover, .post-button:active {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.6;
}

.button01 {
  cursor: pointer;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  border: none;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  background: #000000;
  color: #ffffff;
  position: relative;
  left: 0px;
  top: 0px;
  font-weight: bold;
  font-size: 1.0em;
  line-height: 1.0em;
  border-radius: 6px;
  /*&:after {
		display: block;
		content: "＞";
		width: 1.0em;
		height: 1.0em;
		position: absolute;
		top: 0px;
		bottom: 0px;
		margin: auto 0px;
		@include media(){
			right: 14px;
		}
		@include media(SP){
			right: vw-calc(14px);
		}
	}*/
}

@media print, screen and (min-width: 521px) {
  .button01 {
    min-width: 200px;
    padding: 8px 16px 8px 16px;
  }
}

@media only screen and (max-width: 520px) {
  .button01 {
    min-width: 53.33333vw;
    padding: 2.13333vw 4.26667vw;
  }
}

.button01:link, .button01:visited {
  color: #ffffff;
  text-decoration: none;
  opacity: 1.0;
}

.button01:hover, .button01:active {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.6;
}

.button01.web-button {
  background-color: #0A9BBF !important;
}

.button01.sub-button {
  font-size: 0.75rem !important;
  line-height: 1.0em !important;
}

@media print, screen and (min-width: 521px) {
  .button01.sub-button {
    min-width: 140px !important;
    padding: 6px 12px 6px 12px !important;
    margin: 0 20px;
  }
  .button01.sub-button:before {
    width: 15px !important;
    height: 15px !important;
    margin-top: -0.2em !important;
  }
}

@media only screen and (max-width: 520px) {
  .button01.sub-button {
    min-width: 26.66667vw !important;
    padding: 1.6vw 1.6vw !important;
    margin: 0 5.33333vw !important;
  }
  .button01.sub-button:before {
    width: 0.75rem !important;
    height: 0.75rem !important;
    margin-top: -0.2em !important;
  }
}

.button-search {
  background-color: #6B6B6B;
  font-weight: normal;
  line-height: 1.0em;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media print, screen and (min-width: 521px) {
  .button-search {
    min-width: 180px;
    font-size: 14px;
    padding: 4px 16px;
    height: 32px;
  }
}

@media only screen and (max-width: 520px) {
  .button-search {
    font-size: 0.75rem;
    padding: 1.06667vw 4.26667vw;
    height: 6.66667vw;
  }
}

.button-search:after {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-image: url("../img/ic_sprite.svg#search");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
  margin-left: 0.4em;
  margin-top: 0;
}

@media print, screen and (min-width: 521px) {
  .button-search:after {
    width: 20px;
    height: 20px;
  }
}

@media only screen and (max-width: 520px) {
  .button-search:after {
    width: 4.26667vw;
    height: 4.26667vw;
  }
}

.button-search2 {
  background-color: #2999C4;
  font-weight: normal;
  line-height: 1.0em;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media print, screen and (min-width: 521px) {
  .button-search2 {
    min-width: 180px;
    font-size: 1.25em;
    padding: 8px 16px;
    height: 40px;
  }
}

@media only screen and (max-width: 520px) {
  .button-search2 {
    font-size: 1.25rem;
    padding: 2.13333vw 4.26667vw;
    height: 9.33333vw;
  }
}

.button-search2:before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-image: url("../img/ic_sprite.svg#search");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
  margin-right: 0.4em;
  margin-top: 0;
}

@media print, screen and (min-width: 521px) {
  .button-search2:before {
    width: 20px;
    height: 20px;
  }
}

@media only screen and (max-width: 520px) {
  .button-search2:before {
    width: 4.26667vw;
    height: 4.26667vw;
  }
}

.button-back {
  cursor: pointer;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  border: none;
  background-color: #6B6B6B;
  color: #ffffff !important;
  text-decoration: none !important;
  font-weight: normal;
  line-height: 1.0em;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media print, screen and (min-width: 521px) {
  .button-back {
    border-radius: 8px;
    font-size: 14px;
    padding: 4px 12px;
    height: 32px;
  }
}

@media only screen and (max-width: 520px) {
  .button-back {
    border-radius: 2.13333vw;
    font-size: 0.75rem;
    padding: 0.53333vw 2.13333vw;
    height: 6.66667vw;
  }
}

.button-back:before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-image: url("../img/ic_back_white.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
  margin-right: 0.4em;
  margin-top: 0;
}

@media print, screen and (min-width: 521px) {
  .button-back:before {
    width: 12px;
    height: 12px;
  }
}

@media only screen and (max-width: 520px) {
  .button-back:before {
    width: 2.13333vw;
    height: 2.13333vw;
  }
}

.button-back:hover {
  opacity: 0.6;
}

.button02 {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  border: none;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  background: #A3A3A3;
  color: #000000;
  position: relative;
  left: 0px;
  top: 0px;
  font-weight: bold;
  font-size: 1.0em;
  line-height: 1.0em;
  border-radius: 6px;
}

@media print, screen and (min-width: 521px) {
  .button02 {
    min-width: 200px;
    padding: 8px 16px 8px 16px;
  }
}

@media only screen and (max-width: 520px) {
  .button02 {
    min-width: 53.33333vw;
    padding: 2.13333vw 4.26667vw;
  }
}

.button02:after {
  display: block;
  content: "＞";
  width: 1.0em;
  height: 1.0em;
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: auto 0px;
}

@media print, screen and (min-width: 521px) {
  .button02:after {
    right: 14px;
  }
}

@media only screen and (max-width: 520px) {
  .button02:after {
    right: 3.73333vw;
  }
}

.button02:link, .button02:visited {
  color: #000000;
  text-decoration: none;
  opacity: 1.0;
}

.button02:hover, .button02:active {
  color: #000000;
  text-decoration: none;
  opacity: 0.6;
}

.button-more01 {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  border: none;
  text-align: center;
  background: #0A9BBF;
  color: #ffffff;
  position: relative;
  left: 0px;
  top: 0px;
  font-weight: bold;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media print, screen and (min-width: 521px) {
  .button-more01 {
    border-radius: 32px;
    min-width: 200px;
    padding: 12px 40px 12px 32px;
    font-size: 14px;
    line-height: 1.0em;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  }
}

@media only screen and (max-width: 520px) {
  .button-more01 {
    border-radius: 8.53333vw;
    min-width: 40vw;
    padding: 3.2vw 10.66667vw 3.2vw 5.86667vw;
    font-size: 3.2vw;
    line-height: 1.0em;
    -webkit-box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
  }
}

.button-more01:after {
  display: block;
  content: " ";
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: auto 0px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
  background-image: url("../img/ic_sprite.svg#arrow");
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

@media print, screen and (min-width: 521px) {
  .button-more01:after {
    width: 16px;
    height: 16px;
    right: 16px;
  }
}

@media only screen and (max-width: 520px) {
  .button-more01:after {
    width: 4.26667vw;
    height: 4.26667vw;
    right: 4.26667vw;
  }
}

.button-more01:link, .button-more01:visited {
  color: #ffffff;
  text-decoration: none;
  opacity: 1.0;
}

.button-more01:hover, .button-more01:active {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.6;
}

.button-more02 {
  cursor: pointer;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  border: none;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  background: #0A9BBF;
  color: #ffffff;
  position: relative;
  left: 0px;
  top: 0px;
  font-weight: bold;
  font-size: 1.0em;
  line-height: 1.0em;
  border-radius: 6px;
}

@media print, screen and (min-width: 521px) {
  .button-more02 {
    min-width: 200px;
    padding: 8px 16px 8px 16px;
  }
}

@media only screen and (max-width: 520px) {
  .button-more02 {
    min-width: 53.33333vw;
    padding: 2.13333vw 4.26667vw;
  }
}

.button-more02:before {
  display: inline-block;
  content: ' ';
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #ffffff;
  vertical-align: middle;
  margin-right: 0.4em;
}

@media print, screen and (min-width: 521px) {
  .button-more02:before {
    border-width: 6px 0 6px 8px;
  }
}

@media only screen and (max-width: 520px) {
  .button-more02:before {
    border-width: 1.6vw 0 1.6vw 2.13333vw;
  }
}

.button-more02:link, .button-more02:visited {
  color: #ffffff;
  text-decoration: none;
  opacity: 1.0;
}

.button-more02:hover, .button-more02:active {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.6;
}

.button-profile {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  border: none;
  text-align: center;
  background: #6B6B6B;
  color: #ffffff;
  position: relative;
  left: 0px;
  top: 0px;
  font-weight: bold;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media print, screen and (min-width: 521px) {
  .button-profile {
    border-radius: 32px;
    min-width: 180px;
    padding: 8px 34px 8px 16px;
    font-size: 10px;
    line-height: 1.0em;
  }
}

@media only screen and (max-width: 520px) {
  .button-profile {
    border-radius: 4.26667vw;
    min-width: 48vw;
    padding: 2.13333vw 9.06667vw 2.13333vw 4.26667vw;
    font-size: 2.66667vw;
    line-height: 1.0em;
  }
}

.button-profile:after {
  display: block;
  content: " ";
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: auto 0px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
  background-image: url("../img/ic_arrow.png");
}

@media print, screen and (min-width: 521px) {
  .button-profile:after {
    width: 13px;
    height: 13px;
    right: 16px;
  }
}

@media only screen and (max-width: 520px) {
  .button-profile:after {
    width: 3.46667vw;
    height: 3.46667vw;
    right: 3.2vw;
  }
}

.button-profile:link, .button-profile:visited {
  color: #ffffff;
  text-decoration: none;
  opacity: 1.0;
}

.button-profile:hover, .button-profile:active {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.6;
}

.button-comment {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  border: none;
  text-align: center;
  background: #0A9BBF;
  color: #ffffff;
  position: relative;
  left: 0px;
  top: 0px;
  font-weight: bold;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media print, screen and (min-width: 521px) {
  .button-comment {
    border-radius: 4px;
    padding: 8px 12px 8px 30px;
    font-size: 12px;
    line-height: 1.0em;
  }
}

@media only screen and (max-width: 520px) {
  .button-comment {
    border-radius: 1.06667vw;
    padding: 2.13333vw 3.2vw 2.13333vw 8vw;
    font-size: 3.2vw;
    line-height: 1.0em;
  }
}

.button-comment:before {
  display: block;
  content: " ";
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: auto 0px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
  background-image: url("../img/ic_pen.png");
}

@media print, screen and (min-width: 521px) {
  .button-comment:before {
    width: 16px;
    height: 16px;
    left: 12px;
  }
}

@media only screen and (max-width: 520px) {
  .button-comment:before {
    width: 4.26667vw;
    height: 4.26667vw;
    left: 1.06667vw;
  }
}

.button-comment:link, .button-comment:visited {
  color: #ffffff;
  text-decoration: none;
  opacity: 1.0;
}

.button-comment:hover, .button-comment:active {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.6;
}

/* # =================================================================
#	リンク
# ================================================================= */
.link01:before {
  content: '';
  display: inline-block;
  vertical-align: baseline;
  background-image: url("../img/ic_arw_link.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
  margin-right: 0.2em;
}

@media print, screen and (min-width: 521px) {
  .link01:before {
    width: 12px;
    height: 12px;
  }
}

@media only screen and (max-width: 520px) {
  .link01:before {
    width: 0.8em;
    height: 0.8em;
  }
}

.link02:before {
  display: inline-block;
  content: ' ';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 0 3px 5px;
  border-color: transparent transparent transparent #000000;
  vertical-align: middle;
  margin-top: -0.3em;
  margin-right: 0.2em;
}

/* # =================================================================
#	アイコン
# ================================================================= */
.newmark:after {
  content: "NEW";
  background-color: #911818;
  border-radius: 2px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0 0.4em;
  height: 1.0rem;
  font-size: 0.625rem;
  line-height: 1.0;
  font-weight: 400;
  color: #ffffff;
  margin-left: 0.5em;
}

/* # =================================================================
#	パンくず
# ================================================================= */
/* # =================================================================
#	ヘッダー
# ================================================================= */
@media print, screen and (min-width: 521px) {
  /* new header ------------------------------ */
  #head.head-new {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #ffffff;
    width: 100%;
    min-width: 1160px;
    padding: 0px;
    -webkit-backface-visibility: hidden;
    position: relative;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 1010;
    min-height: 140px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0);
  }
  #head.head-new.smaller {
    box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.1);
  }
  #head.head-new #head-inner {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 1094px;
    margin: 0 auto;
    padding: 7px 0px 8px;
  }
  #head.head-new .benesse {
    font-size: 0.1em;
    line-height: 1.0em;
    width: 87px;
    margin-top: 10px;
    margin-bottom: 12px;
  }
  #head.head-new .benesse a {
    display: block;
    width: 100%;
  }
  #head.head-new .benesse img {
    width: 100%;
    height: auto;
  }
  #head.head-new .logo a {
    display: block;
    color: #535353;
    text-decoration: none !important;
    width: 270px;
    height: 44px;
    overflow: hidden;
    text-align: left;
    text-indent: -9000px;
    background-image: url("../img/logo.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
  }
  #head.head-new .logo .catch {
    /*color: #666666;
			font-size: 12px;
			line-height: 1.0em;
			letter-spacing: 0.1em;
			margin-bottom: 10px;*/
  }
  #head.head-new .logo .img {
    /*background-image: url("../img/logo_20220127.svg#black");
			background-repeat: no-repeat;
			background-position: 0 0;
			background-size: 100% auto;
			overflow: hidden;
			text-align: left;
			text-indent: -9000px;*/
  }
  #head.head-new .trigger {
    display: none;
  }
  #head.head-new #menu-close {
    display: none;
  }
  #head.head-new .sub {
    padding-top: 3px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #head.head-new .sub .search {
    width: 184px;
    position: relative;
    /* 旧Edge対応 */
    /* IE対応 */
  }
  #head.head-new .sub .search .search-trigger {
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 28px;
    height: 28px;
    overflow: hidden;
    text-align: left;
    text-indent: -9000px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    background-color: #D5D5D5;
    background-image: url("../img/ic_sprite.svg#search");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 20px auto;
    position: absolute;
    z-index: 2;
    left: 2px;
    top: 2px;
  }
  #head.head-new .sub .search input {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    height: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 8px 6px 40px;
    border: 2px solid #D5D5D5;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.0em;
    position: relative;
    z-index: 1;
  }
  #head.head-new .sub .search ::-webkit-input-placeholder {
    color: #B5B5B5;
  }
  #head.head-new .sub .search ::-moz-placeholder {
    color: #B5B5B5;
  }
  #head.head-new .sub .search ::-ms-input-placeholder {
    color: #B5B5B5;
  }
  #head.head-new .sub .search ::placeholder {
    color: #B5B5B5;
  }
  #head.head-new .sub .search ::-ms-input-placeholder {
    color: #B5B5B5;
  }
  #head.head-new .sub .search :-ms-input-placeholder {
    color: #B5B5B5;
  }
  #head.head-new .nav {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    min-width: 1094px;
    height: 39px;
    background-color: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #head.head-new .nav > ul.theme-nav {
    width: 1094px;
    height: 100%;
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
  }
  #head.head-new .nav > ul.theme-nav > li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 1.0em;
    font-weight: 500;
    width: 33.33%;
    height: 100%;
  }
  #head.head-new .nav > ul.theme-nav > li:nth-last-child(1) > a:before {
    display: none;
  }
  #head.head-new .nav > ul.theme-nav > li > a {
    cursor: pointer;
    background-color: transparent;
    color: #2a2a2a;
    position: relative;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
  }
  #head.head-new .nav > ul.theme-nav > li > a:after {
    content: " ";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 8px;
    margin-top: 2px;
    vertical-align: middle;
    background-image: url("../img/ic_arw_white.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  #head.head-new .nav > ul.theme-nav > li > a:hover {
    background-color: #707070;
    color: #ffffff;
  }
  #head.head-new .nav > ul.theme-nav > li.view > a {
    background-color: transparent;
    color: #2883E7;
    text-decoration: none;
  }
  #head.head-new .nav > ul.theme-nav > li.view > a:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url("../img/ic_book_view.svg"), url("../img/ic_book_view_fff.svg");
    background-repeat: no-repeat, no-repeat;
    background-position: 0 0, -9000px 0;
    background-size: 100% auto, 100% auto;
    margin-right: 8px;
    margin-top: 2px;
    vertical-align: middle;
  }
  #head.head-new .nav > ul.theme-nav > li.view > a:after {
    background-image: url("../img/ic_arw_view.svg"), url("../img/ic_arw_white.svg");
    background-position: 0 0, -9000px 0;
    margin-left: 1px;
  }
  #head.head-new .nav > ul.theme-nav > li.view:hover > a {
    background-color: #2883E7;
    color: #ffffff;
    text-decoration: none;
  }
  #head.head-new .nav > ul.theme-nav > li.view:hover > a:before {
    background-position: -9000px 0, 0 0;
  }
  #head.head-new .nav > ul.theme-nav > li.view:hover > a:after {
    background-position: -9000px 0, 0 0;
  }
  #head.head-new .nav > ul.theme-nav > li.hs > a {
    background-color: transparent;
    color: #F69C27;
    text-decoration: none;
  }
  #head.head-new .nav > ul.theme-nav > li.hs > a:after {
    background-image: url("../img/ic_arw_hs.svg"), url("../img/ic_arw_white.svg");
    background-position: 0 0, -9000px 0;
  }
  #head.head-new .nav > ul.theme-nav > li.hs:hover > a {
    background-color: #F69C27;
    color: #ffffff;
    text-decoration: none;
  }
  #head.head-new .nav > ul.theme-nav > li.hs:hover > a:after {
    background-position: -9000px 0, 0 0;
  }
  #head.head-new .nav > ul.theme-nav > li.hs .theme-children .data .heading > span {
    background-color: #F69C27;
  }
  #head.head-new .nav > ul.theme-nav > li.board > a {
    background-color: transparent;
    color: #5AB052;
    text-decoration: none;
  }
  #head.head-new .nav > ul.theme-nav > li.board > a:after {
    background-image: url("../img/ic_arw_board.svg"), url("../img/ic_arw_white.svg");
    background-position: 0 0, -9000px 0;
  }
  #head.head-new .nav > ul.theme-nav > li.board:hover > a {
    background-color: #5AB052;
    color: #ffffff;
    text-decoration: none;
  }
  #head.head-new .nav > ul.theme-nav > li.board:hover > a:after {
    background-position: -9000px 0, 0 0;
  }
  #head.head-new .nav > ul.theme-nav > li.board .theme-children .data .heading > span {
    background-color: #5AB052;
  }
  #head.head-new .nav > ul.theme-nav > li .mega-trigger {
    display: none;
  }
  #head.head-new .nav > ul.theme-nav > li .theme-mega {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ffffff;
    -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    width: 1094px;
    position: absolute;
    left: 0;
    top: 39px;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    padding: 0px 20px;
  }
  #head.head-new .nav > ul.theme-nav > li .theme-mega .theme-children {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  #head.head-new .nav > ul.theme-nav > li .theme-mega .theme-children > li {
    width: calc((100% / 2) - 20px);
    margin-right: 20px;
    margin-bottom: 30px;
  }
  #head.head-new .nav > ul.theme-nav > li:hover .theme-mega {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    visibility: visible;
    opacity: 1.0;
    max-height: 100vh;
    padding: 20px;
  }
  #head.head-new .nav > ul.main-nav {
    list-style-type: none;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: absolute;
    right: calc(((100% - 1094px) / 2));
    top: 60px;
  }
  #head.head-new .nav > ul.main-nav > li {
    margin: 0;
    padding: 0 10px;
    border-right: 1px solid #707070;
    font-size: 14px;
    line-height: 1.0em;
    position: relative;
  }
  #head.head-new .nav > ul.main-nav > li:nth-child(1) {
    padding-left: 0;
  }
  #head.head-new .nav > ul.main-nav > li:nth-last-child(1) {
    padding-right: 0;
    border-right: none;
  }
  #head.head-new .nav > ul.main-nav > li .logo-nexpress {
    width: 65px;
    height: 12px;
    margin-top: 0.2em;
  }
  #head.head-new .nav > ul.main-nav > li > a {
    color: #2a2a2a;
    position: relative;
  }
  #head.head-new .nav > ul.main-nav > li > a:after {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    content: "";
    width: calc(100% - 20px - 4px);
    height: 1px;
    background-color: transparent;
    position: absolute;
    right: 0;
    bottom: -1px;
  }
  #head.head-new .nav > ul.main-nav > li > a:link, #head.head-new .nav > ul.main-nav > li > a:visited {
    text-decoration: none;
  }
  #head.head-new .nav > ul.main-nav > li > a:link:after, #head.head-new .nav > ul.main-nav > li > a:visited:after {
    background-color: transparent;
  }
  #head.head-new .nav > ul.main-nav > li > a:hover, #head.head-new .nav > ul.main-nav > li > a:active {
    text-decoration: none;
  }
  #head.head-new .nav > ul.main-nav > li > a:hover:after, #head.head-new .nav > ul.main-nav > li > a:active:after {
    background-color: #000000;
  }
  #head.head-new .nav > ul.main-nav > li > a:before {
    content: " ";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 4px;
    margin-bottom: 2px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
  }
  #head.head-new .nav > ul.main-nav > li.news > a:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#school");
  }
  #head.head-new .nav > ul.main-nav > li.innovation > a:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#innovation");
  }
  #head.head-new .nav > ul.main-nav > li.consult > a:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#consult");
  }
  #head.head-new .nav > ul.main-nav > li.opinion > a:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#opinion");
  }
  #head.head-new .nav > ul.main-nav > li.current > a:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#current");
  }
  #head.head-new .nav > ul.main-nav > li.backnumber > a:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#backnumber");
  }
  #head.head-new .nav > ul.main-nav > li > ul {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    visibility: hidden;
    opacity: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-radius: 0px;
    background-color: #E6E6E6;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
    width: 100%;
    position: absolute;
    left: 0;
    top: 26px;
  }
  #head.head-new .nav > ul.main-nav > li > ul > li {
    margin: 0;
    padding: 10px 8px 10px 16px;
    border-bottom: 1px solid #B1B1B1;
    letter-spacing: 0;
  }
  #head.head-new .nav > ul.main-nav > li > ul > li:nth-last-child(1) {
    border-bottom: none;
  }
  #head.head-new .nav > ul.main-nav > li > ul > li > a:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 4px;
    background-image: url("../img/ic_arw_bn.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: auto 100%;
  }
  #head.head-new .nav > ul.main-nav > li > ul > li > a:link, #head.head-new .nav > ul.main-nav > li > ul > li > a:visited {
    color: #2a2a2a;
    text-decoration: none;
  }
  #head.head-new .nav > ul.main-nav > li > ul > li > a:hover, #head.head-new .nav > ul.main-nav > li > ul > li > a:active {
    color: #2a2a2a;
    text-decoration: underline;
  }
  #head.head-new .nav > ul.main-nav > li > ul.open {
    visibility: visible;
    opacity: 1.0;
  }
  #head.head-new .nav ul.sub-nav {
    position: absolute;
    right: calc(((100% - 1094px) / 2) + 212px);
    top: 20px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  #head.head-new .nav ul.sub-nav > li {
    margin: 0;
    padding: 0 0 0 20px;
    font-size: 13px;
    line-height: 1.0em;
  }
  #head.head-new .nav ul.sub-nav > li > a {
    color: #2a2a2a;
  }
  #head.head-new .nav ul.sub-nav > li > a:link, #head.head-new .nav ul.sub-nav > li > a:visited {
    text-decoration: none;
  }
  #head.head-new .nav ul.sub-nav > li > a:hover, #head.head-new .nav ul.sub-nav > li > a:active {
    text-decoration: underline;
  }
  #head.head-new .nav ul.sub-nav > li > a:before {
    display: inline-block;
    content: ' ';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 2px 0 2px 5px;
    border-color: transparent transparent transparent #0A9BBF;
    vertical-align: middle;
    margin-top: -0.3em;
    margin-right: 0.2em;
  }
  .theme-children {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .theme-children > li {
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .theme-children > li .thumb {
    width: 200px;
  }
  .theme-children > li .thumb img {
    width: 100%;
    height: auto;
    aspect-ratio: 200 / 120;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 20px;
  }
  .theme-children > li .data {
    width: calc(100% - 200px - 15px);
  }
  .theme-children > li .heading {
    margin-bottom: 10px;
  }
  .theme-children > li .heading > span {
    display: inline-block;
    background-color: #000000;
    color: #ffffff;
    border-radius: 40px;
    padding: 5px 20px;
    font-size: 16px;
    line-height: 1.0em;
    font-weight: bold;
  }
  .theme-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .theme-list > li {
    margin: 0;
    padding: 0;
    margin-right: 1.0em;
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 1.25em;
    font-weight: normal;
    color: #2c2c2c;
  }
  .theme-list > li > a {
    display: inline-block;
    color: #2c2c2c;
    text-decoration: none;
  }
  .theme-list > li > a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 8px;
    background-image: url("../img/ic_arw_theme.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    margin-right: 3px;
  }
  .theme-list > li > a.newmark:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 17px;
    border: none;
    border-radius: 0;
    background-color: transparent;
    background-image: url("../img/ic_new.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    margin-left: 2px;
    margin-bottom: 2px;
  }
  .theme-list > li > a:hover {
    color: #2c2c2c;
    text-decoration: underline;
  }
  /* old header ------------------------------ */
  #head:not(.head-new) {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #ffffff;
    width: 100%;
    min-width: 1160px;
    padding: 0px;
    -webkit-backface-visibility: hidden;
    position: relative;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 1000;
    min-height: 171px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0);
  }
  #head:not(.head-new).smaller {
    box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.1);
  }
  #head:not(.head-new) #head-inner {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 1094px;
    margin: 0 auto;
    padding: 8px 0px 16px;
  }
  #head:not(.head-new) .benesse {
    font-size: 0.1em;
    line-height: 1.0em;
    width: 87px;
    margin-top: 10px;
    margin-bottom: 24px;
  }
  #head:not(.head-new) .benesse a {
    display: block;
    width: 100%;
  }
  #head:not(.head-new) .benesse img {
    width: 100%;
    height: auto;
  }
  #head:not(.head-new) .logo a {
    display: block;
    color: #535353;
    text-decoration: none !important;
    width: 270px;
    height: 44px;
    overflow: hidden;
    text-align: left;
    text-indent: -9000px;
    background-image: url("../img/logo.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
  }
  #head:not(.head-new) .logo .catch {
    /*color: #666666;
			font-size: 12px;
			line-height: 1.0em;
			letter-spacing: 0.1em;
			margin-bottom: 10px;*/
  }
  #head:not(.head-new) .logo .img {
    /*background-image: url("../img/logo_20220127.svg#black");
			background-repeat: no-repeat;
			background-position: 0 0;
			background-size: 100% auto;
			overflow: hidden;
			text-align: left;
			text-indent: -9000px;*/
  }
  #head:not(.head-new) .trigger {
    display: none;
  }
  #head:not(.head-new) #menu-close {
    display: none;
  }
  #head:not(.head-new) .sub {
    padding-top: 35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #head:not(.head-new) .sub .search {
    width: 184px;
    position: relative;
    /* 旧Edge対応 */
    /* IE対応 */
  }
  #head:not(.head-new) .sub .search .search-trigger {
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 28px;
    height: 28px;
    overflow: hidden;
    text-align: left;
    text-indent: -9000px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    background-color: #D5D5D5;
    background-image: url("../img/ic_sprite.svg#search");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 20px auto;
    position: absolute;
    z-index: 2;
    left: 2px;
    top: 2px;
  }
  #head:not(.head-new) .sub .search input {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    height: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 8px 6px 40px;
    border: 2px solid #D5D5D5;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.0em;
    position: relative;
    z-index: 1;
  }
  #head:not(.head-new) .sub .search ::-webkit-input-placeholder {
    color: #B5B5B5;
  }
  #head:not(.head-new) .sub .search ::-moz-placeholder {
    color: #B5B5B5;
  }
  #head:not(.head-new) .sub .search ::-ms-input-placeholder {
    color: #B5B5B5;
  }
  #head:not(.head-new) .sub .search ::placeholder {
    color: #B5B5B5;
  }
  #head:not(.head-new) .sub .search ::-ms-input-placeholder {
    color: #B5B5B5;
  }
  #head:not(.head-new) .sub .search :-ms-input-placeholder {
    color: #B5B5B5;
  }
  #head:not(.head-new) .nav {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    min-width: 1094px;
    height: 50px;
    background-color: #f9f9f9;
    border-top: 1px solid #B1B1B1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #head:not(.head-new) .nav > ul.main-nav {
    width: 1094px;
    list-style-type: none;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  #head:not(.head-new) .nav > ul.main-nav > li {
    margin: 0;
    padding: 0 15px;
    border-right: 1px solid #707070;
    font-size: 14px;
    line-height: 1.0em;
    position: relative;
  }
  #head:not(.head-new) .nav > ul.main-nav > li:nth-child(1) {
    padding-left: 0;
  }
  #head:not(.head-new) .nav > ul.main-nav > li:nth-last-child(1) {
    padding-right: 0;
    border-right: none;
  }
  #head:not(.head-new) .nav > ul.main-nav > li .logo-nexpress {
    width: 65px;
    height: 12px;
    margin-top: 0.2em;
  }
  #head:not(.head-new) .nav > ul.main-nav > li > a {
    color: #2a2a2a;
    position: relative;
  }
  #head:not(.head-new) .nav > ul.main-nav > li > a:after {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    content: "";
    width: calc(100% - 20px - 4px);
    height: 1px;
    background-color: transparent;
    position: absolute;
    right: 0;
    bottom: -1px;
  }
  #head:not(.head-new) .nav > ul.main-nav > li > a:link, #head:not(.head-new) .nav > ul.main-nav > li > a:visited {
    text-decoration: none;
  }
  #head:not(.head-new) .nav > ul.main-nav > li > a:link:after, #head:not(.head-new) .nav > ul.main-nav > li > a:visited:after {
    background-color: transparent;
  }
  #head:not(.head-new) .nav > ul.main-nav > li > a:hover, #head:not(.head-new) .nav > ul.main-nav > li > a:active {
    text-decoration: none;
  }
  #head:not(.head-new) .nav > ul.main-nav > li > a:hover:after, #head:not(.head-new) .nav > ul.main-nav > li > a:active:after {
    background-color: #000000;
  }
  #head:not(.head-new) .nav > ul.main-nav > li > a:before {
    content: " ";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 4px;
    margin-bottom: 2px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
  }
  #head:not(.head-new) .nav > ul.main-nav > li.news > a:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#school");
  }
  #head:not(.head-new) .nav > ul.main-nav > li.innovation > a:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#innovation");
  }
  #head:not(.head-new) .nav > ul.main-nav > li.consult > a:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#consult");
  }
  #head:not(.head-new) .nav > ul.main-nav > li.opinion > a:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#opinion");
  }
  #head:not(.head-new) .nav > ul.main-nav > li.current > a:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#current");
  }
  #head:not(.head-new) .nav > ul.main-nav > li.backnumber > a:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#backnumber");
  }
  #head:not(.head-new) .nav > ul.main-nav > li > ul {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    visibility: hidden;
    opacity: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-radius: 0px;
    background-color: #E6E6E6;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
    width: 100%;
    position: absolute;
    left: 0;
    top: 26px;
  }
  #head:not(.head-new) .nav > ul.main-nav > li > ul > li {
    margin: 0;
    padding: 10px 8px 10px 16px;
    border-bottom: 1px solid #B1B1B1;
    letter-spacing: 0;
  }
  #head:not(.head-new) .nav > ul.main-nav > li > ul > li:nth-last-child(1) {
    border-bottom: none;
  }
  #head:not(.head-new) .nav > ul.main-nav > li > ul > li > a:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 4px;
    background-image: url("../img/ic_arw_bn.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: auto 100%;
  }
  #head:not(.head-new) .nav > ul.main-nav > li > ul > li > a:link, #head:not(.head-new) .nav > ul.main-nav > li > ul > li > a:visited {
    color: #2a2a2a;
    text-decoration: none;
  }
  #head:not(.head-new) .nav > ul.main-nav > li > ul > li > a:hover, #head:not(.head-new) .nav > ul.main-nav > li > ul > li > a:active {
    color: #2a2a2a;
    text-decoration: underline;
  }
  #head:not(.head-new) .nav > ul.main-nav > li > ul.open {
    visibility: visible;
    opacity: 1.0;
  }
  #head:not(.head-new) .nav ul.sub-nav {
    position: absolute;
    right: calc((100% - 1094px) / 2);
    top: 45px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  #head:not(.head-new) .nav ul.sub-nav > li {
    margin: 0;
    padding: 0 0 0 20px;
    font-size: 13px;
    line-height: 1.0em;
  }
  #head:not(.head-new) .nav ul.sub-nav > li > a {
    color: #2a2a2a;
  }
  #head:not(.head-new) .nav ul.sub-nav > li > a:link, #head:not(.head-new) .nav ul.sub-nav > li > a:visited {
    text-decoration: none;
  }
  #head:not(.head-new) .nav ul.sub-nav > li > a:hover, #head:not(.head-new) .nav ul.sub-nav > li > a:active {
    text-decoration: underline;
  }
  #head:not(.head-new) .nav ul.sub-nav > li > a:before {
    display: inline-block;
    content: ' ';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 2px 0 2px 5px;
    border-color: transparent transparent transparent #0A9BBF;
    vertical-align: middle;
    margin-top: -0.3em;
    margin-right: 0.2em;
  }
}

@media only screen and (max-width: 520px) {
  /* new header ------------------------------ */
  #head.head-new {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #ffffff;
    width: 100%;
    padding: 0px;
    border-bottom: 0.4vw solid #EBEBEB;
    -webkit-backface-visibility: hidden;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 1000;
    min-height: 18.13333vw;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0);
  }
  #head.head-new.smaller {
    box-shadow: 0px 0px 4vw 1.33333vw rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 4vw 1.33333vw rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 4vw 1.33333vw rgba(0, 0, 0, 0.1);
  }
  #head.head-new #head-inner {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    position: relative;
    z-index: 11;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 2.13333vw 3.2vw 2.13333vw;
  }
  #head.head-new .benesse {
    position: relative;
    z-index: 11;
    width: 23.2vw;
    font-size: 0.1em;
    line-height: 0.1em;
    margin-top: -0.53333vw;
    margin-bottom: 1.86667vw;
  }
  #head.head-new .benesse img {
    width: 100%;
    height: auto;
  }
  #head.head-new .logo {
    position: relative;
    z-index: 11;
  }
  #head.head-new .logo a {
    display: block;
    color: #535353;
    text-decoration: none !important;
    width: 42.66667vw;
    height: 6.93333vw;
    overflow: hidden;
    text-align: left;
    text-indent: -9000px;
    background-image: url("../img/logo.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
  }
  #head.head-new .logo .catch {
    /*width: vw-calc(140px);
			white-space: nowrap;
			font-size: vw-calc(12px);
			line-height: 1.0em;
			-webkit-transform-origin: 0 0;
			transform-origin: 0 0;
			-webkit-transform: scale(0.5);
			transform: scale(0.5);*/
  }
  #head.head-new .logo .img {
    /*width: vw-calc(140px);
			height: vw-calc(27px);
			background-image: url("../img/logo_20220127.svg#black");
			background-repeat: no-repeat;
			background-position: 0 0;
			background-size: 100% auto;
			overflow: hidden;
			text-align: left;
			text-indent: -9000px;
			margin-top: vw-calc(2px);*/
  }
  #head.head-new .trigger {
    width: 6.93333vw;
    height: 6.93333vw;
    margin-left: 6.4vw;
  }
  #head.head-new .trigger #menu-trigger {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: left;
    text-indent: -9000px;
    background-image: url("../img/ic_menu.svg#humberger");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
  }
  #head.head-new .sub {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3.73333vw 0 0 0;
  }
  #head.head-new .sub .search {
    position: relative;
    /* 旧Edge対応 */
    /* IE対応 */
  }
  #head.head-new .sub .search .search-trigger {
    content: " ";
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 8vw;
    height: 8vw;
    overflow: hidden;
    text-align: left;
    text-indent: -9000px;
    border-top-left-radius: 2.13333vw;
    border-bottom-left-radius: 2.13333vw;
    background-color: #D5D5D5;
    background-image: url("../img/ic_sprite.svg#search");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 5.33333vw auto;
    position: absolute;
    z-index: 2;
    left: 0.26667vw;
    top: 0.26667vw;
    pointer-events: none;
  }
  #head.head-new .sub .search input {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 8.53333vw;
    height: 8.53333vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    border: 0.53333vw solid #D5D5D5;
    border-radius: 2.13333vw;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  #head.head-new .sub .search.focus input {
    width: 29.33333vw;
    padding: 0.8vw 0.8vw 0.8vw 8.53333vw;
    font-size: 4.8vw;
    line-height: 1.0em;
  }
  #head.head-new .sub .search ::-webkit-input-placeholder {
    color: #B5B5B5;
    font-size: 1.0rem;
    line-height: 1.0em;
  }
  #head.head-new .sub .search ::-moz-placeholder {
    color: #B5B5B5;
    font-size: 1.0rem;
    line-height: 1.0em;
  }
  #head.head-new .sub .search ::-ms-input-placeholder {
    color: #B5B5B5;
    font-size: 1.0rem;
    line-height: 1.0em;
  }
  #head.head-new .sub .search ::placeholder {
    color: #B5B5B5;
    font-size: 1.0rem;
    line-height: 1.0em;
  }
  #head.head-new .sub .search ::-ms-input-placeholder {
    color: #B5B5B5;
  }
  #head.head-new .sub .search :-ms-input-placeholder {
    color: #B5B5B5;
  }
  #head.head-new .nav {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    visibility: visible;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: fixed;
    width: 100vw;
    height: 100vh;
    overflow: auto;
    background-color: #E5E5E5;
    padding: 24vw 2.13333vw 42.66667vw 4.8vw;
    right: -150vw;
    top: 0;
    z-index: 10;
  }
  #head.head-new .nav #menu-close {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    width: 7.46667vw;
    height: 7.46667vw;
    position: fixed;
    right: 6.66667vw;
    top: 4.8vw;
    visibility: hidden;
    opacity: 0;
  }
  #head.head-new .nav #menu-close > a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: left;
    text-indent: -9000px;
    background-image: url("../img/ic_menu.svg#close");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
  }
  #head.head-new .nav > ul.theme-nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 8vw;
  }
  #head.head-new .nav > ul.theme-nav > li {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-size: 4.26667vw;
    line-height: 1.25em;
    font-weight: 500;
    margin-bottom: 5.33333vw;
  }
  #head.head-new .nav > ul.theme-nav > li:nth-last-child(1) {
    margin-bottom: 0;
  }
  #head.head-new .nav > ul.theme-nav > li > a {
    display: inline-block;
    border-bottom: 1px solid #707070;
    color: #2a2a2a;
    text-decoration: none;
  }
  #head.head-new .nav > ul.theme-nav > li > a:hover {
    color: #2a2a2a;
    text-decoration: none;
  }
  #head.head-new .nav > ul.theme-nav > li > .mega-trigger {
    content: " ";
    display: inline-block;
    width: 4vw;
    height: 4vw;
    overflow: hidden;
    text-indent: -9000px;
    text-align: left;
    margin-left: 2.66667vw;
    vertical-align: middle;
    background-image: url("../img/ic_arw_white.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  #head.head-new .nav > ul.theme-nav > li.view > .mega-trigger {
    background-image: url("../img/ic_arw_view.svg");
  }
  #head.head-new .nav > ul.theme-nav > li.view > a:before {
    content: "";
    display: inline-block;
    width: 5.86667vw;
    height: 5.86667vw;
    margin-right: 1.06667vw;
    margin-bottom: 0.53333vw;
    background-image: url("../img/ic_book_view.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    vertical-align: middle;
  }
  #head.head-new .nav > ul.theme-nav > li.hs > .mega-trigger {
    background-image: url("../img/ic_arw_hs.svg");
  }
  #head.head-new .nav > ul.theme-nav > li.hs .theme-children .data .heading > span {
    background-color: #F69C27;
  }
  #head.head-new .nav > ul.theme-nav > li.board > .mega-trigger {
    background-image: url("../img/ic_arw_board.svg");
  }
  #head.head-new .nav > ul.theme-nav > li.board .theme-children .data .heading > span {
    background-color: #5AB052;
  }
  #head.head-new .nav > ul.theme-nav > li .theme-mega {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    max-height: 0;
  }
  #head.head-new .nav > ul.theme-nav > li.open .theme-mega {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    visibility: visible;
    opacity: 1.0;
    max-height: 300vh;
  }
  #head.head-new .nav > ul.theme-nav > li.open > .mega-trigger {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  #head.head-new .nav > ul.main-nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  #head.head-new .nav > ul.main-nav > li {
    margin: 0;
    padding: 0;
    font-size: 3.73333vw;
    line-height: 1.0em;
    margin-bottom: 4.26667vw;
  }
  #head.head-new .nav > ul.main-nav > li .logo-nexpress {
    width: 20.26667vw;
    height: 3.73333vw;
    margin-top: 0.2em;
  }
  #head.head-new .nav > ul.main-nav > li:nth-last-child(1) {
    margin-bottom: 0;
  }
  #head.head-new .nav > ul.main-nav > li > a {
    display: inline-block;
    color: #2a2a2a;
    border-bottom: 1px solid #707070;
  }
  #head.head-new .nav > ul.main-nav > li > a:link, #head.head-new .nav > ul.main-nav > li > a:visited {
    text-decoration: none;
  }
  #head.head-new .nav > ul.main-nav > li > a:hover, #head.head-new .nav > ul.main-nav > li > a:active {
    text-decoration: underline;
  }
  #head.head-new .nav > ul.main-nav > li > a:before {
    content: " ";
    display: inline-block;
    width: 5.86667vw;
    height: 5.86667vw;
    margin-right: 1.06667vw;
    margin-bottom: 0.53333vw;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
  }
  #head.head-new .nav > ul.main-nav > li.news > a:before {
    background-image: url("../img/ic_sprite.svg#school");
  }
  #head.head-new .nav > ul.main-nav > li.innovation > a:before {
    background-image: url("../img/ic_sprite.svg#innovation");
  }
  #head.head-new .nav > ul.main-nav > li.consult > a:before {
    background-image: url("../img/ic_sprite.svg#consult");
  }
  #head.head-new .nav > ul.main-nav > li.opinion > a:before {
    background-image: url("../img/ic_sprite.svg#opinion");
  }
  #head.head-new .nav > ul.main-nav > li.current > a:before {
    background-image: url("../img/ic_sprite.svg#current");
  }
  #head.head-new .nav > ul.main-nav > li.backnumber > a:before {
    background-image: url("../img/ic_sprite.svg#backnumber");
  }
  #head.head-new .nav > ul.main-nav > li > ul {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 8vw;
  }
  #head.head-new .nav > ul.main-nav > li > ul > li {
    margin: 5.33333vw 0 0 0;
    padding: 0;
  }
  #head.head-new .nav > ul.main-nav > li > ul > li > a:before {
    content: "";
    display: inline-block;
    width: 3.2vw;
    height: 3.2vw;
    margin-right: 1.06667vw;
    background-image: url("../img/ic_arw_bn.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: auto 100%;
  }
  #head.head-new .nav > ul.main-nav > li > ul > li > a:link, #head.head-new .nav > ul.main-nav > li > ul > li > a:visited {
    color: #000000;
    text-decoration: none;
  }
  #head.head-new .nav > ul.main-nav > li > ul > li > a:hover, #head.head-new .nav > ul.main-nav > li > ul > li > a:active {
    color: #000000;
    text-decoration: underline;
  }
  #head.head-new .nav > ul.sub-nav {
    list-style-type: none;
    margin: 8vw 0 0;
    padding: 0;
  }
  #head.head-new .nav > ul.sub-nav > li {
    margin: 0 0 4.26667vw;
    padding: 0;
    font-size: 3.73333vw;
    line-height: 1.0em;
  }
  #head.head-new .nav > ul.sub-nav > li > a {
    color: #2a2a2a;
  }
  #head.head-new .nav > ul.sub-nav > li > a:link, #head.head-new .nav > ul.sub-nav > li > a:visited {
    text-decoration: none;
  }
  #head.head-new .nav > ul.sub-nav > li > a:hover, #head.head-new .nav > ul.sub-nav > li > a:active {
    text-decoration: underline;
  }
  #head.head-new .nav > ul.sub-nav > li > a:before {
    display: inline-block;
    content: ' ';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.8vw 0 0.8vw 1.86667vw;
    border-color: transparent transparent transparent #0A9BBF;
    vertical-align: middle;
    margin-top: -0.3em;
    margin-right: 0.2em;
  }
  #head.head-new.open #head-inner {
    background-color: #E6E6E6;
  }
  #head.head-new.open .trigger #menu-trigger {
    background-image: url("../img/ic_menu.svg#close");
  }
  #head.head-new.open .nav {
    right: 0;
  }
  #head.head-new.open .nav #menu-close {
    visibility: visible;
    opacity: 1.0;
  }
  .theme-children {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .theme-children > li {
    margin: 0;
    padding: 0;
  }
  .theme-children > li .thumb {
    display: none;
  }
  .theme-children > li .data {
    width: auto;
  }
  .theme-children > li .heading {
    margin-top: 5.33333vw;
  }
  .theme-children > li .heading > span {
    display: inline-block;
    background-color: #000000;
    color: #ffffff;
    border-radius: 10.66667vw;
    padding: 1.33333vw 5.33333vw;
    font-size: 4.26667vw;
    line-height: 1.0em;
    font-weight: bold;
  }
  .theme-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-top: 2.66667vw;
    margin-bottom: 5.33333vw;
  }
  .theme-list > li {
    margin: 0;
    padding: 0;
    margin-right: 1.0em;
    margin-bottom: 2.66667vw;
    font-size: 3.73333vw;
    line-height: 1.25em;
    font-weight: normal;
    color: #2c2c2c;
  }
  .theme-list > li > a {
    display: inline-block;
    color: #2c2c2c;
    text-decoration: none;
  }
  .theme-list > li > a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1.6vw;
    height: 2.13333vw;
    background-image: url("../img/ic_arw_theme.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    margin-right: 0.8vw;
  }
  .theme-list > li > a.newmark:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 9.33333vw;
    height: 4.53333vw;
    border: none;
    border-radius: 0;
    background-color: transparent;
    background-image: url("../img/ic_new.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    margin-left: 0.53333vw;
    margin-bottom: 0.53333vw;
  }
  body.loggedin #head.open .nav #menu-close {
    top: calc(4.8vw + 46px);
  }
  /* old header ------------------------------ */
  #head:not(.head-new) {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #ffffff;
    width: 100%;
    padding: 0px;
    border-bottom: 0.4vw solid #EBEBEB;
    -webkit-backface-visibility: hidden;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 1000;
    min-height: 18.13333vw;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0);
  }
  #head:not(.head-new).smaller {
    box-shadow: 0px 0px 4vw 1.33333vw rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 4vw 1.33333vw rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 4vw 1.33333vw rgba(0, 0, 0, 0.1);
  }
  #head:not(.head-new) #head-inner {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 2.13333vw 3.2vw 2.13333vw;
  }
  #head:not(.head-new) .benesse {
    position: relative;
    z-index: 11;
    width: 23.2vw;
    font-size: 0.1em;
    line-height: 0.1em;
    margin-top: -0.53333vw;
    margin-bottom: 1.86667vw;
  }
  #head:not(.head-new) .benesse img {
    width: 100%;
    height: auto;
  }
  #head:not(.head-new) .logo {
    position: relative;
    z-index: 11;
  }
  #head:not(.head-new) .logo a {
    display: block;
    color: #535353;
    text-decoration: none !important;
    width: 42.66667vw;
    height: 6.93333vw;
    overflow: hidden;
    text-align: left;
    text-indent: -9000px;
    background-image: url("../img/logo.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
  }
  #head:not(.head-new) .logo .catch {
    /*width: vw-calc(140px);
			white-space: nowrap;
			font-size: vw-calc(12px);
			line-height: 1.0em;
			-webkit-transform-origin: 0 0;
			transform-origin: 0 0;
			-webkit-transform: scale(0.5);
			transform: scale(0.5);*/
  }
  #head:not(.head-new) .logo .img {
    /*width: vw-calc(140px);
			height: vw-calc(27px);
			background-image: url("../img/logo_20220127.svg#black");
			background-repeat: no-repeat;
			background-position: 0 0;
			background-size: 100% auto;
			overflow: hidden;
			text-align: left;
			text-indent: -9000px;
			margin-top: vw-calc(2px);*/
  }
  #head:not(.head-new) .trigger {
    width: 6.93333vw;
    height: 6.93333vw;
    margin-left: 6.4vw;
  }
  #head:not(.head-new) .trigger #menu-trigger {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: left;
    text-indent: -9000px;
    background-image: url("../img/ic_menu.svg#humberger");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
  }
  #head:not(.head-new) .sub {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3.73333vw 0 0 0;
  }
  #head:not(.head-new) .sub .search {
    position: relative;
    /* 旧Edge対応 */
    /* IE対応 */
  }
  #head:not(.head-new) .sub .search .search-trigger {
    content: " ";
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 8vw;
    height: 8vw;
    overflow: hidden;
    text-align: left;
    text-indent: -9000px;
    border-top-left-radius: 2.13333vw;
    border-bottom-left-radius: 2.13333vw;
    background-color: #D5D5D5;
    background-image: url("../img/ic_sprite.svg#search");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 5.33333vw auto;
    position: absolute;
    z-index: 2;
    left: 0.26667vw;
    top: 0.26667vw;
    pointer-events: none;
  }
  #head:not(.head-new) .sub .search input {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 8.53333vw;
    height: 8.53333vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    border: 0.53333vw solid #D5D5D5;
    border-radius: 2.13333vw;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  #head:not(.head-new) .sub .search.focus input {
    width: 29.33333vw;
    padding: 0.8vw 0.8vw 0.8vw 8.53333vw;
    font-size: 4.8vw;
    line-height: 1.0em;
  }
  #head:not(.head-new) .sub .search ::-webkit-input-placeholder {
    color: #B5B5B5;
    font-size: 1.0rem;
    line-height: 1.0em;
  }
  #head:not(.head-new) .sub .search ::-moz-placeholder {
    color: #B5B5B5;
    font-size: 1.0rem;
    line-height: 1.0em;
  }
  #head:not(.head-new) .sub .search ::-ms-input-placeholder {
    color: #B5B5B5;
    font-size: 1.0rem;
    line-height: 1.0em;
  }
  #head:not(.head-new) .sub .search ::placeholder {
    color: #B5B5B5;
    font-size: 1.0rem;
    line-height: 1.0em;
  }
  #head:not(.head-new) .sub .search ::-ms-input-placeholder {
    color: #B5B5B5;
  }
  #head:not(.head-new) .sub .search :-ms-input-placeholder {
    color: #B5B5B5;
  }
  #head:not(.head-new) .nav {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    visibility: visible;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: fixed;
    width: 100vw;
    height: 100vh;
    overflow: auto;
    border-left: 10.13333vw solid #ffffff;
    background-color: #E6E6E6;
    padding: 32vw 2.13333vw 24vw 4.8vw;
    right: -150vw;
    top: 0;
    z-index: 10;
  }
  #head:not(.head-new) .nav #menu-close {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    width: 7.46667vw;
    height: 7.46667vw;
    position: fixed;
    right: 6.66667vw;
    top: 4.8vw;
    visibility: hidden;
    opacity: 0;
  }
  #head:not(.head-new) .nav #menu-close > a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: left;
    text-indent: -9000px;
    background-image: url("../img/ic_menu.svg#close");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
  }
  #head:not(.head-new) .nav > ul.main-nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  #head:not(.head-new) .nav > ul.main-nav > li {
    margin: 0;
    padding: 0;
    font-size: 4.26667vw;
    line-height: 1.0em;
    margin-bottom: 6.4vw;
  }
  #head:not(.head-new) .nav > ul.main-nav > li .logo-nexpress {
    width: 20.26667vw;
    height: 3.73333vw;
    margin-top: 0.2em;
  }
  #head:not(.head-new) .nav > ul.main-nav > li:nth-last-child(1) {
    margin-bottom: 0;
  }
  #head:not(.head-new) .nav > ul.main-nav > li > a {
    display: inline-block;
    color: #2a2a2a;
    border-bottom: 1px solid #707070;
  }
  #head:not(.head-new) .nav > ul.main-nav > li > a:link, #head:not(.head-new) .nav > ul.main-nav > li > a:visited {
    text-decoration: none;
  }
  #head:not(.head-new) .nav > ul.main-nav > li > a:hover, #head:not(.head-new) .nav > ul.main-nav > li > a:active {
    text-decoration: underline;
  }
  #head:not(.head-new) .nav > ul.main-nav > li > a:before {
    content: " ";
    display: inline-block;
    width: 6.93333vw;
    height: 6.93333vw;
    margin-right: 1.06667vw;
    margin-bottom: 0.53333vw;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
  }
  #head:not(.head-new) .nav > ul.main-nav > li.news > a:before {
    background-image: url("../img/ic_sprite.svg#school");
  }
  #head:not(.head-new) .nav > ul.main-nav > li.innovation > a:before {
    background-image: url("../img/ic_sprite.svg#innovation");
  }
  #head:not(.head-new) .nav > ul.main-nav > li.consult > a:before {
    background-image: url("../img/ic_sprite.svg#consult");
  }
  #head:not(.head-new) .nav > ul.main-nav > li.opinion > a:before {
    background-image: url("../img/ic_sprite.svg#opinion");
  }
  #head:not(.head-new) .nav > ul.main-nav > li.current > a:before {
    background-image: url("../img/ic_sprite.svg#current");
  }
  #head:not(.head-new) .nav > ul.main-nav > li.backnumber > a:before {
    background-image: url("../img/ic_sprite.svg#backnumber");
  }
  #head:not(.head-new) .nav > ul.main-nav > li > ul {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 8vw;
  }
  #head:not(.head-new) .nav > ul.main-nav > li > ul > li {
    margin: 5.33333vw 0 0 0;
    padding: 0;
  }
  #head:not(.head-new) .nav > ul.main-nav > li > ul > li > a:before {
    content: "";
    display: inline-block;
    width: 3.2vw;
    height: 3.2vw;
    margin-right: 1.06667vw;
    background-image: url("../img/ic_arw_bn.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: auto 100%;
  }
  #head:not(.head-new) .nav > ul.main-nav > li > ul > li > a:link, #head:not(.head-new) .nav > ul.main-nav > li > ul > li > a:visited {
    color: #000000;
    text-decoration: none;
  }
  #head:not(.head-new) .nav > ul.main-nav > li > ul > li > a:hover, #head:not(.head-new) .nav > ul.main-nav > li > ul > li > a:active {
    color: #000000;
    text-decoration: underline;
  }
  #head:not(.head-new) .nav > ul.sub-nav {
    list-style-type: none;
    margin: 10.66667vw 0 0;
    padding: 0;
  }
  #head:not(.head-new) .nav > ul.sub-nav > li {
    margin: 0 0 4.26667vw;
    padding: 0;
    font-size: 4.26667vw;
    line-height: 1.0em;
  }
  #head:not(.head-new) .nav > ul.sub-nav > li > a {
    color: #2a2a2a;
  }
  #head:not(.head-new) .nav > ul.sub-nav > li > a:link, #head:not(.head-new) .nav > ul.sub-nav > li > a:visited {
    text-decoration: none;
  }
  #head:not(.head-new) .nav > ul.sub-nav > li > a:hover, #head:not(.head-new) .nav > ul.sub-nav > li > a:active {
    text-decoration: underline;
  }
  #head:not(.head-new) .nav > ul.sub-nav > li > a:before {
    display: inline-block;
    content: ' ';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.8vw 0 0.8vw 1.86667vw;
    border-color: transparent transparent transparent #0A9BBF;
    vertical-align: middle;
    margin-top: -0.3em;
    margin-right: 0.2em;
  }
  #head:not(.head-new).open .nav {
    right: 0;
  }
  #head:not(.head-new).open .nav #menu-close {
    visibility: visible;
    opacity: 1.0;
  }
}

/* # =================================================================
#	グローバルナビゲーション
# ================================================================= */
/* # =================================================================
#	メイン
# ================================================================= */
@media print, screen and (min-width: 521px) {
  * {
    margin: 0;
    padding: 0;
  }
  html {
    height: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
  }
  body {
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    /*-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;*/
  }
  html {
    height: 100%;
    min-width: 1160px;
  }
  body {
    height: 100%;
    background-color: #EBEBEB;
  }
  /*a:link,
a:visited {
	color: #1155cc;
	text-decoration: none;
}
a:hover,
a:active {
	color: #1155cc;
	text-decoration: underline;
}*/
  .loader {
    display: block;
    font-size: 10px;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    text-align: left;
    overflow: hidden;
    text-indent: -9000px;
    border-top: 0.5em solid rgba(0, 0, 0, 0.2);
    border-right: 0.5em solid rgba(0, 0, 0, 0.2);
    border-bottom: 0.5em solid rgba(0, 0, 0, 0.2);
    border-left: 0.5em solid #000000;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: loading 1.1s infinite linear;
    animation: loading 1.1s infinite linear;
  }
  @-webkit-keyframes loading {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes loading {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  .loader,
  .loader:after {
    border-radius: 50%;
    width: 50px;
    height: 50px;
  }
  .owl-carousel {
    -ms-touch-action: auto;
    touch-action: none;
  }
  /* basic style ------------------------------ */
  .hover {
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    cursor: pointer;
  }
  a.hover:link,
  a.hover:visited {
    opacity: 1.0;
  }
  a.hover:hover,
  a.hover:active {
    opacity: 0.6;
  }
  .mb0 {
    margin-bottom: 0px !important;
  }
  .mb4 {
    margin-bottom: 4px !important;
  }
  .mb8 {
    margin-bottom: 8px !important;
  }
  .table01 {
    border: none;
    border-collapse: collapse;
    margin: 0 0 1.5em;
    padding: 0;
  }
  .table01 th,
  .table01 td {
    vertical-align: middle;
    text-align: left;
    padding: 0.6em;
    font-size: 0.9em;
    line-height: 1.5em;
  }
  .table01 th {
    background-color: #EBEBEB;
    border: 1px solid #B1B1B1;
    font-weight: bold;
  }
  .table01 td {
    background-color: #ffffff;
    border: 1px solid #B1B1B1;
  }
  /* wrapper ------------------------------ */
  #wrapper {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: hidden;
    background-color: #ffffff;
    min-width: 1160px;
    padding-top: 171px;
  }
  #wrapper.wrapper-new {
    padding-top: 140px;
  }
  /* container ------------------------------ */
  #container {
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    border-bottom: 40px solid #ffffff;
    background-color: #EBEBEB;
    zoom: 1;
  }
  #container:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: " ";
    line-height: 0;
  }
  body.home #container {
    background-color: #ffffff;
  }
  #breadcrumb {
    background-color: #B1B1B1;
    border-left: none;
    border-right: none;
    padding: 8px 0px;
  }
  #breadcrumb > ol {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    width: 1094px;
    line-height: 1.0em;
  }
  #breadcrumb > ol > li {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    font-size: 0.75em;
    line-height: 1.05em;
    max-width: 60em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #ffffff;
  }
  #breadcrumb > ol > li:after {
    content: ">";
    display: inline-block;
    vertical-align: baseline;
    color: #ffffff;
    margin: 0 1.0em;
  }
  #breadcrumb > ol > li:nth-last-child(1):after {
    display: none;
  }
  #breadcrumb > ol > li:nth-child(1):before {
    content: "";
    display: inline-block;
    vertical-align: text-top;
    width: 16px;
    height: 16px;
    background-image: url("../img/ic_home_white.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    margin-right: 0.5em;
  }
  #breadcrumb > ol > li a {
    color: #ffffff;
  }
  #breadcrumb > ol > li a:link, #breadcrumb > ol > li a:visited {
    text-decoration: none;
  }
  #breadcrumb > ol > li a:hover, #breadcrumb > ol > li a:active {
    text-decoration: underline;
  }
  #breadcrumb > ol > li span {
    color: #ffffff;
  }
  .zero-message {
    width: 100%;
    text-align: center;
    padding: 2.0em 0 3.0em;
  }
  .list-card01 {
    list-style-type: none;
    margin: 0 0 -24px 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media print, screen and (min-width: 521px) and (min-width: 521px) {
  .list-card01 > li {
    margin: 0;
    padding: 0;
    width: 280px;
    border-radius: 16px;
    overflow: hidden;
    background-color: #ffffff;
    position: relative;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    margin-right: 40px;
    margin-bottom: 24px;
  }
  .list-card01 > li:nth-of-type(3n) {
    margin-right: 0;
  }
  .list-card01 > li > a {
    display: block;
    color: #2a2a2a;
    text-decoration: none !important;
    height: 100%;
  }
  .list-card01 > li .rank {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 8px;
    width: 32px;
    height: 32px;
    padding: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    font-size: 24px;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 16px;
    top: 16px;
    z-index: 10;
  }
  .list-card01 > li .badge {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 8px;
    min-height: 32px;
    padding: 8px;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 16px;
    top: 12px;
    z-index: 10;
  }
  .list-card01 > li .thumb {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #B1B1B1;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 158px;
    background-color: #eeeeee;
  }
  .list-card01 > li .thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .list-card01 > li .inner {
    background-color: #ffffff;
    padding: 22px 18px;
    position: relative;
    z-index: 2;
  }
  .list-card01 > li .position {
    font-size: 12px;
    line-height: 1.0;
    font-weight: bold;
    margin-bottom: 6px;
  }
  .list-card01 > li .respondent {
    font-size: 12px;
    line-height: 1.0em;
    font-weight: bold;
    vertical-align: text-bottom;
    margin-bottom: 14px;
  }
  .list-card01 > li .respondent > span {
    font-size: 20px;
    line-height: 1.0em;
  }
  .list-card01 > li .text {
    font-size: 1rem;
    line-height: 1.53em;
    font-weight: bold;
    color: #0A9BBF;
  }
  .list-card01 > li .text .shoulder {
    display: inline-block;
    font-size: 0.75rem;
    line-height: 1.5em;
    font-weight: normal;
    padding-bottom: 0.4em;
  }
  .list-card01 > li .text .title {
    font-size: 1.16rem;
    line-height: 1.5em;
  }
  .list-card01 > li .text .subtitle {
    display: inline-block;
    font-size: 0.75rem;
    line-height: 1.5em;
    font-weight: normal;
    padding-top: 0.4em;
  }
  .list-card01 > li .date {
    font-size: 0.75rem;
    line-height: 1.25em;
    color: #828282;
    text-align: right;
    margin-left: auto;
    margin-top: 0.6em;
  }
  .list-card01 > li .comment {
    font-size: 13px;
    line-height: 1.0em;
    font-weight: bold;
    position: absolute;
    right: 12px;
    bottom: 10px;
  }
}

@media only screen and (min-width: 521px) and (max-width: 520px) {
  .list-card01 > li {
    margin: 0;
    padding: 2.13333vw;
    border-radius: 4.26667vw;
    overflow: hidden;
    background-color: #ffffff;
    position: relative;
    -webkit-box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    margin-bottom: 4.26667vw;
  }
  .list-card01 > li:nth-last-child(1) {
    margin-bottom: 0;
  }
  .list-card01 > li > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #2a2a2a;
    text-decoration: none !important;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .list-card01 > li .rank {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 1.06667vw;
    width: 4.8vw;
    height: 4.8vw;
    padding: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    font-size: 3.2vw;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 1.06667vw;
    top: 1.06667vw;
    z-index: 10;
  }
  .list-card01 > li .badge {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 2.13333vw;
    min-height: 5.33333vw;
    padding: 1.06667vw;
    color: #ffffff;
    font-size: 2.66667vw;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 1.06667vw;
    top: 1.06667vw;
    z-index: 10;
  }
  .list-card01 > li .thumb {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #B1B1B1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 18.66667vw;
    height: 18.66667vw;
    -webkit-box-shadow: 0 0.53333vw 1.06667vw rgba(0, 0, 0, 0.16);
    box-shadow: 0 0.53333vw 1.06667vw rgba(0, 0, 0, 0.16);
    overflow: hidden;
    border-radius: 2.13333vw;
  }
  .list-card01 > li .thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .list-card01 > li .inner {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: calc(100% - 18.66667vw - 2.66667vw);
    background-color: #ffffff;
    padding: 0;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .list-card01 > li .position {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    font-size: 2.13333vw;
    line-height: 1.25em;
    font-weight: bold;
    margin-bottom: 1.6vw;
    margin-top: 2.13333vw;
  }
  .list-card01 > li .respondent {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    font-size: 2.66667vw;
    line-height: 1.0em;
    font-weight: bold;
    vertical-align: text-bottom;
  }
  .list-card01 > li .respondent > span {
    font-size: 4.26667vw;
    line-height: 1.0em;
  }
  .list-card01 > li .text {
    font-size: 3.2vw;
    line-height: 1.53em;
    font-weight: bold;
    color: #0A9BBF;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .list-card01 > li .text .shoulder {
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.25em;
    font-weight: normal;
    padding-bottom: 0.4em;
  }
  .list-card01 > li .text .title {
    font-size: 1.46rem;
    line-height: 1.25em;
  }
  .list-card01 > li .text .subtitle {
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.25em;
    font-weight: normal;
    padding-top: 0.4em;
  }
  .list-card01 > li .date {
    font-size: 0.75rem;
    line-height: 1.25em;
    color: #828282;
    text-align: right;
    margin-left: auto;
    margin-top: 0.6em;
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .list-card01 > li .comment {
    font-size: 3.2vw;
    line-height: 1.0em;
    font-weight: bold;
    position: absolute;
    right: 3.2vw;
    bottom: 2.13333vw;
  }
}

@media print, screen and (min-width: 521px) {
  .list-card01.other01 .thumb.square {
    background-color: #cccccc;
    text-align: center;
  }
  .list-card01.other01 .thumb.square img {
    width: 200px;
    height: 200px;
  }
  .list-card01.other01 .inner {
    padding: 13px;
  }
  .list-card02 {
    list-style-type: none;
    margin: 0 0 -24px 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media print, screen and (min-width: 521px) and (min-width: 521px) {
  .list-card02 > li {
    margin: 0;
    padding: 0;
    width: 280px;
    border-radius: 16px;
    overflow: hidden;
    background-color: #ffffff;
    position: relative;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    margin-right: 40px;
    margin-bottom: 24px;
  }
  .list-card02 > li:nth-of-type(3n) {
    margin-right: 0;
  }
  .list-card02 > li > a {
    display: block;
    color: #2a2a2a;
    text-decoration: none !important;
    height: 100%;
  }
  .list-card02 > li .title {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    width: 100%;
    height: 158px;
    position: relative;
  }
  .list-card02 > li .title > span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 32px;
    position: relative;
    z-index: 2;
    font-size: 16px;
    line-height: 1.68em;
    font-weight: bold;
    color: #ffffff;
  }
  .list-card02 > li .title:before {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.22);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
  }
  .list-card02 > li .inner {
    background-color: #ffffff;
    padding: 22px 18px;
    position: relative;
    zoom: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .list-card02 > li .inner:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: " ";
    line-height: 0;
  }
  .list-card02 > li .image {
    width: 60px;
    height: 60px;
    border-radius: 16px;
    overflow: hidden;
    margin-right: 10px;
  }
  .list-card02 > li .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .list-card02 > li .data {
    width: calc(100% - 60px - 10px);
    margin-bottom: 0.4em;
  }
  .list-card02 > li .data .badge {
    position: relative;
    left: auto;
    top: auto;
  }
  .list-card02 > li .badge {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #BF0A34;
    border-radius: 8px;
    min-height: 32px;
    padding: 8px 8px;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.0;
    font-weight: 500;
    display: inline-block;
  }
  .list-card02 > li .position {
    font-size: 14px;
    line-height: 1.25em;
    font-weight: bold;
    margin-top: 0.4em;
    margin-bottom: 6px;
  }
  .list-card02 > li .respondent {
    font-size: 12px;
    line-height: 1.0em;
    font-weight: bold;
    vertical-align: text-bottom;
  }
  .list-card02 > li .respondent > span {
    font-size: 20px;
    line-height: 1.0em;
  }
  .list-card02 > li .answer {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    clear: both;
    padding-bottom: 4px;
    border-bottom: 1px solid #707070;
    font-size: 15px;
    line-height: 1.0em;
    font-weight: bold;
  }
  .list-card02 > li .answer:before {
    content: "A.";
    font-size: 22px;
    line-height: 1.0em;
    font-weight: bold;
    color: #BF0A34;
    vertical-align: text-bottom;
    margin-right: 0.5em;
  }
  .list-card02 > li .date {
    font-size: 0.75rem;
    line-height: 1.25em;
    color: #828282;
    text-align: right;
    margin-left: auto;
    margin-top: 0.6em;
  }
  .list-card02 > li .comment {
    font-size: 13px;
    line-height: 1.0em;
    font-weight: bold;
    position: absolute;
    right: 12px;
    top: 24px;
  }
}

@media only screen and (min-width: 521px) and (max-width: 520px) {
  .list-card02 > li {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
    padding: 2.13333vw;
    border-radius: 4.26667vw;
    overflow: hidden;
    background-color: #ffffff;
    position: relative;
    -webkit-box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    min-height: 25.6vw;
    margin-bottom: 4.26667vw;
    position: relative;
    padding-left: calc(2.13333vw + 18.66667vw + 2.66667vw);
  }
  .list-card02 > li:nth-last-child(1) {
    margin-bottom: 0;
  }
  .list-card02 > li > a {
    display: block;
    color: #2a2a2a;
    text-decoration: none !important;
  }
  .list-card02 > li .title {
    background-color: #ffffff;
    background-image: none !important;
    padding: 0;
    font-size: 3.2vw;
    line-height: 1.53em;
    font-weight: bold;
    color: #0A9BBF;
    margin-bottom: 0.4em;
  }
  .list-card02 > li .inner {
    position: static;
    padding: 0;
    background-color: #ffffff;
    padding: 0;
    line-height: 1.0em;
  }
  .list-card02 > li .image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 18.66667vw;
    height: 18.66667vw;
    -webkit-box-shadow: 0 0.53333vw 1.06667vw rgba(0, 0, 0, 0.16);
    box-shadow: 0 0.53333vw 1.06667vw rgba(0, 0, 0, 0.16);
    overflow: hidden;
    border-radius: 2.13333vw;
    position: absolute;
    left: 2.13333vw;
    top: 2.13333vw;
  }
  .list-card02 > li .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .list-card02 > li .badge {
    display: none;
  }
  .list-card02 > li .position {
    display: block;
    font-size: 2.66667vw;
    line-height: 1.25em;
    font-weight: bold;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0.2em;
  }
  .list-card02 > li .respondent {
    display: block;
    padding: 0;
    font-size: 2.13333vw;
    line-height: 1.0em;
    font-weight: bold;
    text-align: left;
  }
  .list-card02 > li .respondent > span {
    font-size: 3.73333vw;
    line-height: 1.0em;
  }
  .list-card02 > li .answer {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-top: 2.66667vw;
    padding-bottom: 0.53333vw;
    border-bottom: 1px solid #707070;
    font-size: 3.2vw;
    line-height: 1.0em;
    font-weight: bold;
  }
  .list-card02 > li .answer:before {
    content: "A.";
    font-size: 3.73333vw;
    line-height: 1.0em;
    font-weight: bold;
    color: #BF0A34;
    vertical-align: text-bottom;
    margin-right: 0.4em;
  }
  .list-card02 > li .date {
    font-size: 0.75rem;
    line-height: 1.25em;
    color: #828282;
    text-align: right;
    margin-left: auto;
    margin-top: 0.6em;
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .list-card02 > li .comment {
    font-size: 3.2vw;
    line-height: 1.0em;
    font-weight: bold;
    position: absolute;
    right: 3.2vw;
    bottom: 2.13333vw;
  }
}

@media print, screen and (min-width: 521px) {
  .list-card01 > li .contents_title,
  .list-card02 > li .contents_title {
    position: absolute;
    left: 0;
    top: -14px;
    width: 100%;
    height: 28px;
    text-align: center;
    font-size: 14px;
    line-height: 1.25em;
  }
  .list-card01 > li .contents_title .box,
  .list-card02 > li .contents_title .box {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    min-width: calc(100% - 18px * 2);
    height: 100%;
    padding: 5px 10px;
    background-color: #ffffff;
    border: 2px solid #000000;
    border-radius: 8px;
  }
  .list-card01 > li .contents_title .box:before,
  .list-card02 > li .contents_title .box:before {
    content: " ";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 4px;
    margin-bottom: 2px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
  }
}

@media print, screen and (min-width: 521px) and (min-width: 521px) {
  .list-card01 > li.news,
  .list-card02 > li.news {
    margin: 0;
    padding: 0;
    width: 280px;
    border-radius: 16px;
    overflow: hidden;
    background-color: #ffffff;
    position: relative;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    margin-right: 40px;
    margin-bottom: 24px;
  }
  .list-card01 > li.news:nth-of-type(3n),
  .list-card02 > li.news:nth-of-type(3n) {
    margin-right: 0;
  }
  .list-card01 > li.news > a,
  .list-card02 > li.news > a {
    display: block;
    color: #2a2a2a;
    text-decoration: none !important;
    height: 100%;
  }
  .list-card01 > li.news .rank,
  .list-card02 > li.news .rank {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 8px;
    width: 32px;
    height: 32px;
    padding: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    font-size: 24px;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 16px;
    top: 16px;
    z-index: 10;
  }
  .list-card01 > li.news .badge,
  .list-card02 > li.news .badge {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 8px;
    min-height: 32px;
    padding: 8px;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 16px;
    top: 12px;
    z-index: 10;
  }
  .list-card01 > li.news .thumb,
  .list-card02 > li.news .thumb {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #B1B1B1;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 158px;
    background-color: #eeeeee;
  }
  .list-card01 > li.news .thumb img,
  .list-card02 > li.news .thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .list-card01 > li.news .inner,
  .list-card02 > li.news .inner {
    background-color: #ffffff;
    padding: 22px 18px;
    position: relative;
    z-index: 2;
  }
  .list-card01 > li.news .position,
  .list-card02 > li.news .position {
    font-size: 12px;
    line-height: 1.0;
    font-weight: bold;
    margin-bottom: 6px;
  }
  .list-card01 > li.news .respondent,
  .list-card02 > li.news .respondent {
    font-size: 12px;
    line-height: 1.0em;
    font-weight: bold;
    vertical-align: text-bottom;
    margin-bottom: 14px;
  }
  .list-card01 > li.news .respondent > span,
  .list-card02 > li.news .respondent > span {
    font-size: 20px;
    line-height: 1.0em;
  }
  .list-card01 > li.news .text,
  .list-card02 > li.news .text {
    font-size: 1rem;
    line-height: 1.53em;
    font-weight: bold;
    color: #0A9BBF;
  }
  .list-card01 > li.news .text .shoulder,
  .list-card02 > li.news .text .shoulder {
    display: inline-block;
    font-size: 0.75rem;
    line-height: 1.5em;
    font-weight: normal;
    padding-bottom: 0.4em;
  }
  .list-card01 > li.news .text .title,
  .list-card02 > li.news .text .title {
    font-size: 1.16rem;
    line-height: 1.5em;
  }
  .list-card01 > li.news .text .subtitle,
  .list-card02 > li.news .text .subtitle {
    display: inline-block;
    font-size: 0.75rem;
    line-height: 1.5em;
    font-weight: normal;
    padding-top: 0.4em;
  }
  .list-card01 > li.news .date,
  .list-card02 > li.news .date {
    font-size: 0.75rem;
    line-height: 1.25em;
    color: #828282;
    text-align: right;
    margin-left: auto;
    margin-top: 0.6em;
  }
  .list-card01 > li.news .comment,
  .list-card02 > li.news .comment {
    font-size: 13px;
    line-height: 1.0em;
    font-weight: bold;
    position: absolute;
    right: 12px;
    bottom: 10px;
  }
}

@media only screen and (min-width: 521px) and (max-width: 520px) {
  .list-card01 > li.news,
  .list-card02 > li.news {
    margin: 0;
    padding: 2.13333vw;
    border-radius: 4.26667vw;
    overflow: hidden;
    background-color: #ffffff;
    position: relative;
    -webkit-box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    margin-bottom: 4.26667vw;
  }
  .list-card01 > li.news:nth-last-child(1),
  .list-card02 > li.news:nth-last-child(1) {
    margin-bottom: 0;
  }
  .list-card01 > li.news > a,
  .list-card02 > li.news > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #2a2a2a;
    text-decoration: none !important;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .list-card01 > li.news .rank,
  .list-card02 > li.news .rank {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 1.06667vw;
    width: 4.8vw;
    height: 4.8vw;
    padding: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    font-size: 3.2vw;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 1.06667vw;
    top: 1.06667vw;
    z-index: 10;
  }
  .list-card01 > li.news .badge,
  .list-card02 > li.news .badge {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 2.13333vw;
    min-height: 5.33333vw;
    padding: 1.06667vw;
    color: #ffffff;
    font-size: 2.66667vw;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 1.06667vw;
    top: 1.06667vw;
    z-index: 10;
  }
  .list-card01 > li.news .thumb,
  .list-card02 > li.news .thumb {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #B1B1B1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 18.66667vw;
    height: 18.66667vw;
    -webkit-box-shadow: 0 0.53333vw 1.06667vw rgba(0, 0, 0, 0.16);
    box-shadow: 0 0.53333vw 1.06667vw rgba(0, 0, 0, 0.16);
    overflow: hidden;
    border-radius: 2.13333vw;
  }
  .list-card01 > li.news .thumb img,
  .list-card02 > li.news .thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .list-card01 > li.news .inner,
  .list-card02 > li.news .inner {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: calc(100% - 18.66667vw - 2.66667vw);
    background-color: #ffffff;
    padding: 0;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .list-card01 > li.news .position,
  .list-card02 > li.news .position {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    font-size: 2.13333vw;
    line-height: 1.25em;
    font-weight: bold;
    margin-bottom: 1.6vw;
    margin-top: 2.13333vw;
  }
  .list-card01 > li.news .respondent,
  .list-card02 > li.news .respondent {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    font-size: 2.66667vw;
    line-height: 1.0em;
    font-weight: bold;
    vertical-align: text-bottom;
  }
  .list-card01 > li.news .respondent > span,
  .list-card02 > li.news .respondent > span {
    font-size: 4.26667vw;
    line-height: 1.0em;
  }
  .list-card01 > li.news .text,
  .list-card02 > li.news .text {
    font-size: 3.2vw;
    line-height: 1.53em;
    font-weight: bold;
    color: #0A9BBF;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .list-card01 > li.news .text .shoulder,
  .list-card02 > li.news .text .shoulder {
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.25em;
    font-weight: normal;
    padding-bottom: 0.4em;
  }
  .list-card01 > li.news .text .title,
  .list-card02 > li.news .text .title {
    font-size: 1.46rem;
    line-height: 1.25em;
  }
  .list-card01 > li.news .text .subtitle,
  .list-card02 > li.news .text .subtitle {
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.25em;
    font-weight: normal;
    padding-top: 0.4em;
  }
  .list-card01 > li.news .date,
  .list-card02 > li.news .date {
    font-size: 0.75rem;
    line-height: 1.25em;
    color: #828282;
    text-align: right;
    margin-left: auto;
    margin-top: 0.6em;
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .list-card01 > li.news .comment,
  .list-card02 > li.news .comment {
    font-size: 3.2vw;
    line-height: 1.0em;
    font-weight: bold;
    position: absolute;
    right: 3.2vw;
    bottom: 2.13333vw;
  }
}

@media print, screen and (min-width: 521px) {
  .list-card01 > li.news .thumb.square,
  .list-card02 > li.news .thumb.square {
    background-color: #cccccc;
    text-align: center;
  }
  .list-card01 > li.news .thumb.square img,
  .list-card02 > li.news .thumb.square img {
    width: 158px;
    height: 158px;
  }
  .list-card01 > li.news .contents_title .box,
  .list-card02 > li.news .contents_title .box {
    border-color: #765150;
  }
  .list-card01 > li.news .contents_title .box:before,
  .list-card02 > li.news .contents_title .box:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#school");
  }
  .list-card01 > li.news .contents_title .logo-nexpress,
  .list-card02 > li.news .contents_title .logo-nexpress {
    width: 76px;
    height: 14px;
    margin-top: 0.4em;
  }
  .list-card01 > li.news .category-badge,
  .list-card02 > li.news .category-badge {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .list-card01 > li.news .category-badge > li,
  .list-card02 > li.news .category-badge > li {
    min-width: 70px;
    height: 25px;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.0em;
    margin-right: 4px;
    margin-bottom: 8px;
  }
  .list-card01 > li.news .category-badge > li > span,
  .list-card02 > li.news .category-badge > li > span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0.1em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    background-color: #666666;
    color: #ffffff;
    text-decoration: none;
  }
  .list-card01 > li.news .category-badge > li.page-bc,
  .list-card02 > li.news .category-badge > li.page-bc {
    width: 90px;
  }
}

@media print, screen and (min-width: 521px) and (min-width: 521px) {
  .list-card01 > li.opinion,
  .list-card02 > li.opinion {
    margin: 0;
    padding: 0;
    width: 280px;
    border-radius: 16px;
    overflow: hidden;
    background-color: #ffffff;
    position: relative;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    margin-right: 40px;
    margin-bottom: 24px;
  }
  .list-card01 > li.opinion:nth-of-type(3n),
  .list-card02 > li.opinion:nth-of-type(3n) {
    margin-right: 0;
  }
  .list-card01 > li.opinion > a,
  .list-card02 > li.opinion > a {
    display: block;
    color: #2a2a2a;
    text-decoration: none !important;
    height: 100%;
  }
  .list-card01 > li.opinion .rank,
  .list-card02 > li.opinion .rank {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 8px;
    width: 32px;
    height: 32px;
    padding: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    font-size: 24px;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 16px;
    top: 16px;
    z-index: 10;
  }
  .list-card01 > li.opinion .badge,
  .list-card02 > li.opinion .badge {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 8px;
    min-height: 32px;
    padding: 8px;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 16px;
    top: 12px;
    z-index: 10;
  }
  .list-card01 > li.opinion .thumb,
  .list-card02 > li.opinion .thumb {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #B1B1B1;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 158px;
    background-color: #eeeeee;
  }
  .list-card01 > li.opinion .thumb img,
  .list-card02 > li.opinion .thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .list-card01 > li.opinion .inner,
  .list-card02 > li.opinion .inner {
    background-color: #ffffff;
    padding: 22px 18px;
    position: relative;
    z-index: 2;
  }
  .list-card01 > li.opinion .position,
  .list-card02 > li.opinion .position {
    font-size: 12px;
    line-height: 1.0;
    font-weight: bold;
    margin-bottom: 6px;
  }
  .list-card01 > li.opinion .respondent,
  .list-card02 > li.opinion .respondent {
    font-size: 12px;
    line-height: 1.0em;
    font-weight: bold;
    vertical-align: text-bottom;
    margin-bottom: 14px;
  }
  .list-card01 > li.opinion .respondent > span,
  .list-card02 > li.opinion .respondent > span {
    font-size: 20px;
    line-height: 1.0em;
  }
  .list-card01 > li.opinion .text,
  .list-card02 > li.opinion .text {
    font-size: 1rem;
    line-height: 1.53em;
    font-weight: bold;
    color: #0A9BBF;
  }
  .list-card01 > li.opinion .text .shoulder,
  .list-card02 > li.opinion .text .shoulder {
    display: inline-block;
    font-size: 0.75rem;
    line-height: 1.5em;
    font-weight: normal;
    padding-bottom: 0.4em;
  }
  .list-card01 > li.opinion .text .title,
  .list-card02 > li.opinion .text .title {
    font-size: 1.16rem;
    line-height: 1.5em;
  }
  .list-card01 > li.opinion .text .subtitle,
  .list-card02 > li.opinion .text .subtitle {
    display: inline-block;
    font-size: 0.75rem;
    line-height: 1.5em;
    font-weight: normal;
    padding-top: 0.4em;
  }
  .list-card01 > li.opinion .date,
  .list-card02 > li.opinion .date {
    font-size: 0.75rem;
    line-height: 1.25em;
    color: #828282;
    text-align: right;
    margin-left: auto;
    margin-top: 0.6em;
  }
  .list-card01 > li.opinion .comment,
  .list-card02 > li.opinion .comment {
    font-size: 13px;
    line-height: 1.0em;
    font-weight: bold;
    position: absolute;
    right: 12px;
    bottom: 10px;
  }
}

@media only screen and (min-width: 521px) and (max-width: 520px) {
  .list-card01 > li.opinion,
  .list-card02 > li.opinion {
    margin: 0;
    padding: 2.13333vw;
    border-radius: 4.26667vw;
    overflow: hidden;
    background-color: #ffffff;
    position: relative;
    -webkit-box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    margin-bottom: 4.26667vw;
  }
  .list-card01 > li.opinion:nth-last-child(1),
  .list-card02 > li.opinion:nth-last-child(1) {
    margin-bottom: 0;
  }
  .list-card01 > li.opinion > a,
  .list-card02 > li.opinion > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #2a2a2a;
    text-decoration: none !important;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .list-card01 > li.opinion .rank,
  .list-card02 > li.opinion .rank {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 1.06667vw;
    width: 4.8vw;
    height: 4.8vw;
    padding: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    font-size: 3.2vw;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 1.06667vw;
    top: 1.06667vw;
    z-index: 10;
  }
  .list-card01 > li.opinion .badge,
  .list-card02 > li.opinion .badge {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 2.13333vw;
    min-height: 5.33333vw;
    padding: 1.06667vw;
    color: #ffffff;
    font-size: 2.66667vw;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 1.06667vw;
    top: 1.06667vw;
    z-index: 10;
  }
  .list-card01 > li.opinion .thumb,
  .list-card02 > li.opinion .thumb {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #B1B1B1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 18.66667vw;
    height: 18.66667vw;
    -webkit-box-shadow: 0 0.53333vw 1.06667vw rgba(0, 0, 0, 0.16);
    box-shadow: 0 0.53333vw 1.06667vw rgba(0, 0, 0, 0.16);
    overflow: hidden;
    border-radius: 2.13333vw;
  }
  .list-card01 > li.opinion .thumb img,
  .list-card02 > li.opinion .thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .list-card01 > li.opinion .inner,
  .list-card02 > li.opinion .inner {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: calc(100% - 18.66667vw - 2.66667vw);
    background-color: #ffffff;
    padding: 0;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .list-card01 > li.opinion .position,
  .list-card02 > li.opinion .position {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    font-size: 2.13333vw;
    line-height: 1.25em;
    font-weight: bold;
    margin-bottom: 1.6vw;
    margin-top: 2.13333vw;
  }
  .list-card01 > li.opinion .respondent,
  .list-card02 > li.opinion .respondent {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    font-size: 2.66667vw;
    line-height: 1.0em;
    font-weight: bold;
    vertical-align: text-bottom;
  }
  .list-card01 > li.opinion .respondent > span,
  .list-card02 > li.opinion .respondent > span {
    font-size: 4.26667vw;
    line-height: 1.0em;
  }
  .list-card01 > li.opinion .text,
  .list-card02 > li.opinion .text {
    font-size: 3.2vw;
    line-height: 1.53em;
    font-weight: bold;
    color: #0A9BBF;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .list-card01 > li.opinion .text .shoulder,
  .list-card02 > li.opinion .text .shoulder {
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.25em;
    font-weight: normal;
    padding-bottom: 0.4em;
  }
  .list-card01 > li.opinion .text .title,
  .list-card02 > li.opinion .text .title {
    font-size: 1.46rem;
    line-height: 1.25em;
  }
  .list-card01 > li.opinion .text .subtitle,
  .list-card02 > li.opinion .text .subtitle {
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.25em;
    font-weight: normal;
    padding-top: 0.4em;
  }
  .list-card01 > li.opinion .date,
  .list-card02 > li.opinion .date {
    font-size: 0.75rem;
    line-height: 1.25em;
    color: #828282;
    text-align: right;
    margin-left: auto;
    margin-top: 0.6em;
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .list-card01 > li.opinion .comment,
  .list-card02 > li.opinion .comment {
    font-size: 3.2vw;
    line-height: 1.0em;
    font-weight: bold;
    position: absolute;
    right: 3.2vw;
    bottom: 2.13333vw;
  }
}

@media print, screen and (min-width: 521px) {
  .list-card01 > li.opinion .thumb.square,
  .list-card02 > li.opinion .thumb.square {
    background-color: #cccccc;
    text-align: center;
  }
  .list-card01 > li.opinion .thumb.square img,
  .list-card02 > li.opinion .thumb.square img {
    width: 158px;
    height: 158px;
  }
  .list-card01 > li.opinion .contents_title .box,
  .list-card02 > li.opinion .contents_title .box {
    border-color: #618758;
  }
  .list-card01 > li.opinion .contents_title .box:before,
  .list-card02 > li.opinion .contents_title .box:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#opinion");
  }
}

@media print, screen and (min-width: 521px) and (min-width: 521px) {
  .list-card01 > li.counseling,
  .list-card02 > li.counseling {
    margin: 0;
    padding: 0;
    width: 280px;
    border-radius: 16px;
    overflow: hidden;
    background-color: #ffffff;
    position: relative;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    margin-right: 40px;
    margin-bottom: 24px;
  }
  .list-card01 > li.counseling:nth-of-type(3n),
  .list-card02 > li.counseling:nth-of-type(3n) {
    margin-right: 0;
  }
  .list-card01 > li.counseling > a,
  .list-card02 > li.counseling > a {
    display: block;
    color: #2a2a2a;
    text-decoration: none !important;
    height: 100%;
  }
  .list-card01 > li.counseling .title,
  .list-card02 > li.counseling .title {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    width: 100%;
    height: 158px;
    position: relative;
  }
  .list-card01 > li.counseling .title > span,
  .list-card02 > li.counseling .title > span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 32px;
    position: relative;
    z-index: 2;
    font-size: 16px;
    line-height: 1.68em;
    font-weight: bold;
    color: #ffffff;
  }
  .list-card01 > li.counseling .title:before,
  .list-card02 > li.counseling .title:before {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.22);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
  }
  .list-card01 > li.counseling .inner,
  .list-card02 > li.counseling .inner {
    background-color: #ffffff;
    padding: 22px 18px;
    position: relative;
    zoom: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .list-card01 > li.counseling .inner:after,
  .list-card02 > li.counseling .inner:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: " ";
    line-height: 0;
  }
  .list-card01 > li.counseling .image,
  .list-card02 > li.counseling .image {
    width: 60px;
    height: 60px;
    border-radius: 16px;
    overflow: hidden;
    margin-right: 10px;
  }
  .list-card01 > li.counseling .image img,
  .list-card02 > li.counseling .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .list-card01 > li.counseling .data,
  .list-card02 > li.counseling .data {
    width: calc(100% - 60px - 10px);
    margin-bottom: 0.4em;
  }
  .list-card01 > li.counseling .data .badge,
  .list-card02 > li.counseling .data .badge {
    position: relative;
    left: auto;
    top: auto;
  }
  .list-card01 > li.counseling .badge,
  .list-card02 > li.counseling .badge {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #BF0A34;
    border-radius: 8px;
    min-height: 32px;
    padding: 8px 8px;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.0;
    font-weight: 500;
    display: inline-block;
  }
  .list-card01 > li.counseling .position,
  .list-card02 > li.counseling .position {
    font-size: 14px;
    line-height: 1.25em;
    font-weight: bold;
    margin-top: 0.4em;
    margin-bottom: 6px;
  }
  .list-card01 > li.counseling .respondent,
  .list-card02 > li.counseling .respondent {
    font-size: 12px;
    line-height: 1.0em;
    font-weight: bold;
    vertical-align: text-bottom;
  }
  .list-card01 > li.counseling .respondent > span,
  .list-card02 > li.counseling .respondent > span {
    font-size: 20px;
    line-height: 1.0em;
  }
  .list-card01 > li.counseling .answer,
  .list-card02 > li.counseling .answer {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    clear: both;
    padding-bottom: 4px;
    border-bottom: 1px solid #707070;
    font-size: 15px;
    line-height: 1.0em;
    font-weight: bold;
  }
  .list-card01 > li.counseling .answer:before,
  .list-card02 > li.counseling .answer:before {
    content: "A.";
    font-size: 22px;
    line-height: 1.0em;
    font-weight: bold;
    color: #BF0A34;
    vertical-align: text-bottom;
    margin-right: 0.5em;
  }
  .list-card01 > li.counseling .date,
  .list-card02 > li.counseling .date {
    font-size: 0.75rem;
    line-height: 1.25em;
    color: #828282;
    text-align: right;
    margin-left: auto;
    margin-top: 0.6em;
  }
  .list-card01 > li.counseling .comment,
  .list-card02 > li.counseling .comment {
    font-size: 13px;
    line-height: 1.0em;
    font-weight: bold;
    position: absolute;
    right: 12px;
    top: 24px;
  }
}

@media only screen and (min-width: 521px) and (max-width: 520px) {
  .list-card01 > li.counseling,
  .list-card02 > li.counseling {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
    padding: 2.13333vw;
    border-radius: 4.26667vw;
    overflow: hidden;
    background-color: #ffffff;
    position: relative;
    -webkit-box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    min-height: 25.6vw;
    margin-bottom: 4.26667vw;
    position: relative;
    padding-left: calc(2.13333vw + 18.66667vw + 2.66667vw);
  }
  .list-card01 > li.counseling:nth-last-child(1),
  .list-card02 > li.counseling:nth-last-child(1) {
    margin-bottom: 0;
  }
  .list-card01 > li.counseling > a,
  .list-card02 > li.counseling > a {
    display: block;
    color: #2a2a2a;
    text-decoration: none !important;
  }
  .list-card01 > li.counseling .title,
  .list-card02 > li.counseling .title {
    background-color: #ffffff;
    background-image: none !important;
    padding: 0;
    font-size: 3.2vw;
    line-height: 1.53em;
    font-weight: bold;
    color: #0A9BBF;
    margin-bottom: 0.4em;
  }
  .list-card01 > li.counseling .inner,
  .list-card02 > li.counseling .inner {
    position: static;
    padding: 0;
    background-color: #ffffff;
    padding: 0;
    line-height: 1.0em;
  }
  .list-card01 > li.counseling .image,
  .list-card02 > li.counseling .image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 18.66667vw;
    height: 18.66667vw;
    -webkit-box-shadow: 0 0.53333vw 1.06667vw rgba(0, 0, 0, 0.16);
    box-shadow: 0 0.53333vw 1.06667vw rgba(0, 0, 0, 0.16);
    overflow: hidden;
    border-radius: 2.13333vw;
    position: absolute;
    left: 2.13333vw;
    top: 2.13333vw;
  }
  .list-card01 > li.counseling .image img,
  .list-card02 > li.counseling .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .list-card01 > li.counseling .badge,
  .list-card02 > li.counseling .badge {
    display: none;
  }
  .list-card01 > li.counseling .position,
  .list-card02 > li.counseling .position {
    display: block;
    font-size: 2.66667vw;
    line-height: 1.25em;
    font-weight: bold;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0.2em;
  }
  .list-card01 > li.counseling .respondent,
  .list-card02 > li.counseling .respondent {
    display: block;
    padding: 0;
    font-size: 2.13333vw;
    line-height: 1.0em;
    font-weight: bold;
    text-align: left;
  }
  .list-card01 > li.counseling .respondent > span,
  .list-card02 > li.counseling .respondent > span {
    font-size: 3.73333vw;
    line-height: 1.0em;
  }
  .list-card01 > li.counseling .answer,
  .list-card02 > li.counseling .answer {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-top: 2.66667vw;
    padding-bottom: 0.53333vw;
    border-bottom: 1px solid #707070;
    font-size: 3.2vw;
    line-height: 1.0em;
    font-weight: bold;
  }
  .list-card01 > li.counseling .answer:before,
  .list-card02 > li.counseling .answer:before {
    content: "A.";
    font-size: 3.73333vw;
    line-height: 1.0em;
    font-weight: bold;
    color: #BF0A34;
    vertical-align: text-bottom;
    margin-right: 0.4em;
  }
  .list-card01 > li.counseling .date,
  .list-card02 > li.counseling .date {
    font-size: 0.75rem;
    line-height: 1.25em;
    color: #828282;
    text-align: right;
    margin-left: auto;
    margin-top: 0.6em;
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .list-card01 > li.counseling .comment,
  .list-card02 > li.counseling .comment {
    font-size: 3.2vw;
    line-height: 1.0em;
    font-weight: bold;
    position: absolute;
    right: 3.2vw;
    bottom: 2.13333vw;
  }
}

@media print, screen and (min-width: 521px) {
  .list-card01 > li.counseling .contents_title,
  .list-card02 > li.counseling .contents_title {
    top: calc(158px - 14px);
    z-index: 10;
  }
  .list-card01 > li.counseling .contents_title .box,
  .list-card02 > li.counseling .contents_title .box {
    border-color: #8f302b;
  }
  .list-card01 > li.counseling .contents_title .box:before,
  .list-card02 > li.counseling .contents_title .box:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#consult");
  }
}

@media print, screen and (min-width: 521px) and (min-width: 521px) {
  .list-card01 > li.view,
  .list-card02 > li.view {
    margin: 0;
    padding: 0;
    width: 280px;
    border-radius: 16px;
    overflow: hidden;
    background-color: #ffffff;
    position: relative;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    margin-right: 40px;
    margin-bottom: 24px;
  }
  .list-card01 > li.view:nth-of-type(3n),
  .list-card02 > li.view:nth-of-type(3n) {
    margin-right: 0;
  }
  .list-card01 > li.view > a,
  .list-card02 > li.view > a {
    display: block;
    color: #2a2a2a;
    text-decoration: none !important;
    height: 100%;
  }
  .list-card01 > li.view .rank,
  .list-card02 > li.view .rank {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 8px;
    width: 32px;
    height: 32px;
    padding: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    font-size: 24px;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 16px;
    top: 16px;
    z-index: 10;
  }
  .list-card01 > li.view .badge,
  .list-card02 > li.view .badge {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 8px;
    min-height: 32px;
    padding: 8px;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 16px;
    top: 12px;
    z-index: 10;
  }
  .list-card01 > li.view .thumb,
  .list-card02 > li.view .thumb {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #B1B1B1;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 158px;
    background-color: #eeeeee;
  }
  .list-card01 > li.view .thumb img,
  .list-card02 > li.view .thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .list-card01 > li.view .inner,
  .list-card02 > li.view .inner {
    background-color: #ffffff;
    padding: 22px 18px;
    position: relative;
    z-index: 2;
  }
  .list-card01 > li.view .position,
  .list-card02 > li.view .position {
    font-size: 12px;
    line-height: 1.0;
    font-weight: bold;
    margin-bottom: 6px;
  }
  .list-card01 > li.view .respondent,
  .list-card02 > li.view .respondent {
    font-size: 12px;
    line-height: 1.0em;
    font-weight: bold;
    vertical-align: text-bottom;
    margin-bottom: 14px;
  }
  .list-card01 > li.view .respondent > span,
  .list-card02 > li.view .respondent > span {
    font-size: 20px;
    line-height: 1.0em;
  }
  .list-card01 > li.view .text,
  .list-card02 > li.view .text {
    font-size: 1rem;
    line-height: 1.53em;
    font-weight: bold;
    color: #0A9BBF;
  }
  .list-card01 > li.view .text .shoulder,
  .list-card02 > li.view .text .shoulder {
    display: inline-block;
    font-size: 0.75rem;
    line-height: 1.5em;
    font-weight: normal;
    padding-bottom: 0.4em;
  }
  .list-card01 > li.view .text .title,
  .list-card02 > li.view .text .title {
    font-size: 1.16rem;
    line-height: 1.5em;
  }
  .list-card01 > li.view .text .subtitle,
  .list-card02 > li.view .text .subtitle {
    display: inline-block;
    font-size: 0.75rem;
    line-height: 1.5em;
    font-weight: normal;
    padding-top: 0.4em;
  }
  .list-card01 > li.view .date,
  .list-card02 > li.view .date {
    font-size: 0.75rem;
    line-height: 1.25em;
    color: #828282;
    text-align: right;
    margin-left: auto;
    margin-top: 0.6em;
  }
  .list-card01 > li.view .comment,
  .list-card02 > li.view .comment {
    font-size: 13px;
    line-height: 1.0em;
    font-weight: bold;
    position: absolute;
    right: 12px;
    bottom: 10px;
  }
}

@media only screen and (min-width: 521px) and (max-width: 520px) {
  .list-card01 > li.view,
  .list-card02 > li.view {
    margin: 0;
    padding: 2.13333vw;
    border-radius: 4.26667vw;
    overflow: hidden;
    background-color: #ffffff;
    position: relative;
    -webkit-box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    margin-bottom: 4.26667vw;
  }
  .list-card01 > li.view:nth-last-child(1),
  .list-card02 > li.view:nth-last-child(1) {
    margin-bottom: 0;
  }
  .list-card01 > li.view > a,
  .list-card02 > li.view > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #2a2a2a;
    text-decoration: none !important;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .list-card01 > li.view .rank,
  .list-card02 > li.view .rank {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 1.06667vw;
    width: 4.8vw;
    height: 4.8vw;
    padding: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    font-size: 3.2vw;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 1.06667vw;
    top: 1.06667vw;
    z-index: 10;
  }
  .list-card01 > li.view .badge,
  .list-card02 > li.view .badge {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 2.13333vw;
    min-height: 5.33333vw;
    padding: 1.06667vw;
    color: #ffffff;
    font-size: 2.66667vw;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 1.06667vw;
    top: 1.06667vw;
    z-index: 10;
  }
  .list-card01 > li.view .thumb,
  .list-card02 > li.view .thumb {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #B1B1B1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 18.66667vw;
    height: 18.66667vw;
    -webkit-box-shadow: 0 0.53333vw 1.06667vw rgba(0, 0, 0, 0.16);
    box-shadow: 0 0.53333vw 1.06667vw rgba(0, 0, 0, 0.16);
    overflow: hidden;
    border-radius: 2.13333vw;
  }
  .list-card01 > li.view .thumb img,
  .list-card02 > li.view .thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .list-card01 > li.view .inner,
  .list-card02 > li.view .inner {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: calc(100% - 18.66667vw - 2.66667vw);
    background-color: #ffffff;
    padding: 0;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .list-card01 > li.view .position,
  .list-card02 > li.view .position {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    font-size: 2.13333vw;
    line-height: 1.25em;
    font-weight: bold;
    margin-bottom: 1.6vw;
    margin-top: 2.13333vw;
  }
  .list-card01 > li.view .respondent,
  .list-card02 > li.view .respondent {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    font-size: 2.66667vw;
    line-height: 1.0em;
    font-weight: bold;
    vertical-align: text-bottom;
  }
  .list-card01 > li.view .respondent > span,
  .list-card02 > li.view .respondent > span {
    font-size: 4.26667vw;
    line-height: 1.0em;
  }
  .list-card01 > li.view .text,
  .list-card02 > li.view .text {
    font-size: 3.2vw;
    line-height: 1.53em;
    font-weight: bold;
    color: #0A9BBF;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .list-card01 > li.view .text .shoulder,
  .list-card02 > li.view .text .shoulder {
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.25em;
    font-weight: normal;
    padding-bottom: 0.4em;
  }
  .list-card01 > li.view .text .title,
  .list-card02 > li.view .text .title {
    font-size: 1.46rem;
    line-height: 1.25em;
  }
  .list-card01 > li.view .text .subtitle,
  .list-card02 > li.view .text .subtitle {
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.25em;
    font-weight: normal;
    padding-top: 0.4em;
  }
  .list-card01 > li.view .date,
  .list-card02 > li.view .date {
    font-size: 0.75rem;
    line-height: 1.25em;
    color: #828282;
    text-align: right;
    margin-left: auto;
    margin-top: 0.6em;
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .list-card01 > li.view .comment,
  .list-card02 > li.view .comment {
    font-size: 3.2vw;
    line-height: 1.0em;
    font-weight: bold;
    position: absolute;
    right: 3.2vw;
    bottom: 2.13333vw;
  }
}

@media print, screen and (min-width: 521px) {
  .list-card01 > li.view .contents_title .box,
  .list-card02 > li.view .contents_title .box {
    border-color: #5ec7b9;
  }
  .list-card01 > li.view .contents_title .box:before,
  .list-card02 > li.view .contents_title .box:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#backnumber");
  }
  .list-card01 > li.view .thumb.square,
  .list-card02 > li.view .thumb.square {
    background-color: #cccccc;
    text-align: center;
  }
  .list-card01 > li.view .thumb.square img,
  .list-card02 > li.view .thumb.square img {
    width: 158px;
    height: 158px;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: 'object-fit: contain;';
  }
}

@media print, screen and (min-width: 521px) and (min-width: 521px) {
  .list-card01 > li.innovation,
  .list-card02 > li.innovation {
    margin: 0;
    padding: 0;
    width: 280px;
    border-radius: 16px;
    overflow: hidden;
    background-color: #ffffff;
    position: relative;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    margin-right: 40px;
    margin-bottom: 24px;
  }
  .list-card01 > li.innovation:nth-of-type(3n),
  .list-card02 > li.innovation:nth-of-type(3n) {
    margin-right: 0;
  }
  .list-card01 > li.innovation > a,
  .list-card02 > li.innovation > a {
    display: block;
    color: #2a2a2a;
    text-decoration: none !important;
    height: 100%;
  }
  .list-card01 > li.innovation .rank,
  .list-card02 > li.innovation .rank {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 8px;
    width: 32px;
    height: 32px;
    padding: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    font-size: 24px;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 16px;
    top: 16px;
    z-index: 10;
  }
  .list-card01 > li.innovation .badge,
  .list-card02 > li.innovation .badge {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 8px;
    min-height: 32px;
    padding: 8px;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 16px;
    top: 12px;
    z-index: 10;
  }
  .list-card01 > li.innovation .thumb,
  .list-card02 > li.innovation .thumb {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #B1B1B1;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 158px;
    background-color: #eeeeee;
  }
  .list-card01 > li.innovation .thumb img,
  .list-card02 > li.innovation .thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .list-card01 > li.innovation .inner,
  .list-card02 > li.innovation .inner {
    background-color: #ffffff;
    padding: 22px 18px;
    position: relative;
    z-index: 2;
  }
  .list-card01 > li.innovation .position,
  .list-card02 > li.innovation .position {
    font-size: 12px;
    line-height: 1.0;
    font-weight: bold;
    margin-bottom: 6px;
  }
  .list-card01 > li.innovation .respondent,
  .list-card02 > li.innovation .respondent {
    font-size: 12px;
    line-height: 1.0em;
    font-weight: bold;
    vertical-align: text-bottom;
    margin-bottom: 14px;
  }
  .list-card01 > li.innovation .respondent > span,
  .list-card02 > li.innovation .respondent > span {
    font-size: 20px;
    line-height: 1.0em;
  }
  .list-card01 > li.innovation .text,
  .list-card02 > li.innovation .text {
    font-size: 1rem;
    line-height: 1.53em;
    font-weight: bold;
    color: #0A9BBF;
  }
  .list-card01 > li.innovation .text .shoulder,
  .list-card02 > li.innovation .text .shoulder {
    display: inline-block;
    font-size: 0.75rem;
    line-height: 1.5em;
    font-weight: normal;
    padding-bottom: 0.4em;
  }
  .list-card01 > li.innovation .text .title,
  .list-card02 > li.innovation .text .title {
    font-size: 1.16rem;
    line-height: 1.5em;
  }
  .list-card01 > li.innovation .text .subtitle,
  .list-card02 > li.innovation .text .subtitle {
    display: inline-block;
    font-size: 0.75rem;
    line-height: 1.5em;
    font-weight: normal;
    padding-top: 0.4em;
  }
  .list-card01 > li.innovation .date,
  .list-card02 > li.innovation .date {
    font-size: 0.75rem;
    line-height: 1.25em;
    color: #828282;
    text-align: right;
    margin-left: auto;
    margin-top: 0.6em;
  }
  .list-card01 > li.innovation .comment,
  .list-card02 > li.innovation .comment {
    font-size: 13px;
    line-height: 1.0em;
    font-weight: bold;
    position: absolute;
    right: 12px;
    bottom: 10px;
  }
}

@media only screen and (min-width: 521px) and (max-width: 520px) {
  .list-card01 > li.innovation,
  .list-card02 > li.innovation {
    margin: 0;
    padding: 2.13333vw;
    border-radius: 4.26667vw;
    overflow: hidden;
    background-color: #ffffff;
    position: relative;
    -webkit-box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    margin-bottom: 4.26667vw;
  }
  .list-card01 > li.innovation:nth-last-child(1),
  .list-card02 > li.innovation:nth-last-child(1) {
    margin-bottom: 0;
  }
  .list-card01 > li.innovation > a,
  .list-card02 > li.innovation > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #2a2a2a;
    text-decoration: none !important;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .list-card01 > li.innovation .rank,
  .list-card02 > li.innovation .rank {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 1.06667vw;
    width: 4.8vw;
    height: 4.8vw;
    padding: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    font-size: 3.2vw;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 1.06667vw;
    top: 1.06667vw;
    z-index: 10;
  }
  .list-card01 > li.innovation .badge,
  .list-card02 > li.innovation .badge {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 2.13333vw;
    min-height: 5.33333vw;
    padding: 1.06667vw;
    color: #ffffff;
    font-size: 2.66667vw;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 1.06667vw;
    top: 1.06667vw;
    z-index: 10;
  }
  .list-card01 > li.innovation .thumb,
  .list-card02 > li.innovation .thumb {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #B1B1B1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 18.66667vw;
    height: 18.66667vw;
    -webkit-box-shadow: 0 0.53333vw 1.06667vw rgba(0, 0, 0, 0.16);
    box-shadow: 0 0.53333vw 1.06667vw rgba(0, 0, 0, 0.16);
    overflow: hidden;
    border-radius: 2.13333vw;
  }
  .list-card01 > li.innovation .thumb img,
  .list-card02 > li.innovation .thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .list-card01 > li.innovation .inner,
  .list-card02 > li.innovation .inner {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: calc(100% - 18.66667vw - 2.66667vw);
    background-color: #ffffff;
    padding: 0;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .list-card01 > li.innovation .position,
  .list-card02 > li.innovation .position {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    font-size: 2.13333vw;
    line-height: 1.25em;
    font-weight: bold;
    margin-bottom: 1.6vw;
    margin-top: 2.13333vw;
  }
  .list-card01 > li.innovation .respondent,
  .list-card02 > li.innovation .respondent {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    font-size: 2.66667vw;
    line-height: 1.0em;
    font-weight: bold;
    vertical-align: text-bottom;
  }
  .list-card01 > li.innovation .respondent > span,
  .list-card02 > li.innovation .respondent > span {
    font-size: 4.26667vw;
    line-height: 1.0em;
  }
  .list-card01 > li.innovation .text,
  .list-card02 > li.innovation .text {
    font-size: 3.2vw;
    line-height: 1.53em;
    font-weight: bold;
    color: #0A9BBF;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .list-card01 > li.innovation .text .shoulder,
  .list-card02 > li.innovation .text .shoulder {
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.25em;
    font-weight: normal;
    padding-bottom: 0.4em;
  }
  .list-card01 > li.innovation .text .title,
  .list-card02 > li.innovation .text .title {
    font-size: 1.46rem;
    line-height: 1.25em;
  }
  .list-card01 > li.innovation .text .subtitle,
  .list-card02 > li.innovation .text .subtitle {
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.25em;
    font-weight: normal;
    padding-top: 0.4em;
  }
  .list-card01 > li.innovation .date,
  .list-card02 > li.innovation .date {
    font-size: 0.75rem;
    line-height: 1.25em;
    color: #828282;
    text-align: right;
    margin-left: auto;
    margin-top: 0.6em;
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .list-card01 > li.innovation .comment,
  .list-card02 > li.innovation .comment {
    font-size: 3.2vw;
    line-height: 1.0em;
    font-weight: bold;
    position: absolute;
    right: 3.2vw;
    bottom: 2.13333vw;
  }
}

@media print, screen and (min-width: 521px) {
  .list-card01 > li.innovation .thumb.square,
  .list-card02 > li.innovation .thumb.square {
    background-color: #cccccc;
    text-align: center;
  }
  .list-card01 > li.innovation .thumb.square img,
  .list-card02 > li.innovation .thumb.square img {
    width: 158px;
    height: 158px;
  }
  .list-card01 > li.innovation .contents_title .box,
  .list-card02 > li.innovation .contents_title .box {
    border-color: #346586;
  }
  .list-card01 > li.innovation .contents_title .box:before,
  .list-card02 > li.innovation .contents_title .box:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#innovation");
  }
  .list-card01 > li.innovation .category-badge,
  .list-card02 > li.innovation .category-badge {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .list-card01 > li.innovation .category-badge > li,
  .list-card02 > li.innovation .category-badge > li {
    min-width: 70px;
    height: 25px;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.0em;
    margin-right: 4px;
    margin-bottom: 8px;
  }
  .list-card01 > li.innovation .category-badge > li > span,
  .list-card02 > li.innovation .category-badge > li > span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    background-color: #666666;
    color: #ffffff;
    text-decoration: none;
  }
  .list-card01 > li.innovation .category-badge > li.page-bc,
  .list-card02 > li.innovation .category-badge > li.page-bc {
    width: 90px;
  }
}

@media print, screen and (min-width: 521px) and (min-width: 521px) {
  .list-card01 > li.current,
  .list-card02 > li.current {
    margin: 0;
    padding: 0;
    width: 280px;
    border-radius: 16px;
    overflow: hidden;
    background-color: #ffffff;
    position: relative;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    margin-right: 40px;
    margin-bottom: 24px;
  }
  .list-card01 > li.current:nth-of-type(3n),
  .list-card02 > li.current:nth-of-type(3n) {
    margin-right: 0;
  }
  .list-card01 > li.current > a,
  .list-card02 > li.current > a {
    display: block;
    color: #2a2a2a;
    text-decoration: none !important;
    height: 100%;
  }
  .list-card01 > li.current .title,
  .list-card02 > li.current .title {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    width: 100%;
    height: 158px;
    position: relative;
  }
  .list-card01 > li.current .title > span,
  .list-card02 > li.current .title > span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 32px;
    position: relative;
    z-index: 2;
    font-size: 16px;
    line-height: 1.68em;
    font-weight: bold;
    color: #ffffff;
  }
  .list-card01 > li.current .title:before,
  .list-card02 > li.current .title:before {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.22);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
  }
  .list-card01 > li.current .inner,
  .list-card02 > li.current .inner {
    background-color: #ffffff;
    padding: 22px 18px;
    position: relative;
    zoom: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .list-card01 > li.current .inner:after,
  .list-card02 > li.current .inner:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: " ";
    line-height: 0;
  }
  .list-card01 > li.current .image,
  .list-card02 > li.current .image {
    width: 60px;
    height: 60px;
    border-radius: 16px;
    overflow: hidden;
    margin-right: 10px;
  }
  .list-card01 > li.current .image img,
  .list-card02 > li.current .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .list-card01 > li.current .data,
  .list-card02 > li.current .data {
    width: calc(100% - 60px - 10px);
    margin-bottom: 0.4em;
  }
  .list-card01 > li.current .data .badge,
  .list-card02 > li.current .data .badge {
    position: relative;
    left: auto;
    top: auto;
  }
  .list-card01 > li.current .badge,
  .list-card02 > li.current .badge {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #BF0A34;
    border-radius: 8px;
    min-height: 32px;
    padding: 8px 8px;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.0;
    font-weight: 500;
    display: inline-block;
  }
  .list-card01 > li.current .position,
  .list-card02 > li.current .position {
    font-size: 14px;
    line-height: 1.25em;
    font-weight: bold;
    margin-top: 0.4em;
    margin-bottom: 6px;
  }
  .list-card01 > li.current .respondent,
  .list-card02 > li.current .respondent {
    font-size: 12px;
    line-height: 1.0em;
    font-weight: bold;
    vertical-align: text-bottom;
  }
  .list-card01 > li.current .respondent > span,
  .list-card02 > li.current .respondent > span {
    font-size: 20px;
    line-height: 1.0em;
  }
  .list-card01 > li.current .answer,
  .list-card02 > li.current .answer {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    clear: both;
    padding-bottom: 4px;
    border-bottom: 1px solid #707070;
    font-size: 15px;
    line-height: 1.0em;
    font-weight: bold;
  }
  .list-card01 > li.current .answer:before,
  .list-card02 > li.current .answer:before {
    content: "A.";
    font-size: 22px;
    line-height: 1.0em;
    font-weight: bold;
    color: #BF0A34;
    vertical-align: text-bottom;
    margin-right: 0.5em;
  }
  .list-card01 > li.current .date,
  .list-card02 > li.current .date {
    font-size: 0.75rem;
    line-height: 1.25em;
    color: #828282;
    text-align: right;
    margin-left: auto;
    margin-top: 0.6em;
  }
  .list-card01 > li.current .comment,
  .list-card02 > li.current .comment {
    font-size: 13px;
    line-height: 1.0em;
    font-weight: bold;
    position: absolute;
    right: 12px;
    top: 24px;
  }
}

@media only screen and (min-width: 521px) and (max-width: 520px) {
  .list-card01 > li.current,
  .list-card02 > li.current {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
    padding: 2.13333vw;
    border-radius: 4.26667vw;
    overflow: hidden;
    background-color: #ffffff;
    position: relative;
    -webkit-box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    min-height: 25.6vw;
    margin-bottom: 4.26667vw;
    position: relative;
    padding-left: calc(2.13333vw + 18.66667vw + 2.66667vw);
  }
  .list-card01 > li.current:nth-last-child(1),
  .list-card02 > li.current:nth-last-child(1) {
    margin-bottom: 0;
  }
  .list-card01 > li.current > a,
  .list-card02 > li.current > a {
    display: block;
    color: #2a2a2a;
    text-decoration: none !important;
  }
  .list-card01 > li.current .title,
  .list-card02 > li.current .title {
    background-color: #ffffff;
    background-image: none !important;
    padding: 0;
    font-size: 3.2vw;
    line-height: 1.53em;
    font-weight: bold;
    color: #0A9BBF;
    margin-bottom: 0.4em;
  }
  .list-card01 > li.current .inner,
  .list-card02 > li.current .inner {
    position: static;
    padding: 0;
    background-color: #ffffff;
    padding: 0;
    line-height: 1.0em;
  }
  .list-card01 > li.current .image,
  .list-card02 > li.current .image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 18.66667vw;
    height: 18.66667vw;
    -webkit-box-shadow: 0 0.53333vw 1.06667vw rgba(0, 0, 0, 0.16);
    box-shadow: 0 0.53333vw 1.06667vw rgba(0, 0, 0, 0.16);
    overflow: hidden;
    border-radius: 2.13333vw;
    position: absolute;
    left: 2.13333vw;
    top: 2.13333vw;
  }
  .list-card01 > li.current .image img,
  .list-card02 > li.current .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .list-card01 > li.current .badge,
  .list-card02 > li.current .badge {
    display: none;
  }
  .list-card01 > li.current .position,
  .list-card02 > li.current .position {
    display: block;
    font-size: 2.66667vw;
    line-height: 1.25em;
    font-weight: bold;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0.2em;
  }
  .list-card01 > li.current .respondent,
  .list-card02 > li.current .respondent {
    display: block;
    padding: 0;
    font-size: 2.13333vw;
    line-height: 1.0em;
    font-weight: bold;
    text-align: left;
  }
  .list-card01 > li.current .respondent > span,
  .list-card02 > li.current .respondent > span {
    font-size: 3.73333vw;
    line-height: 1.0em;
  }
  .list-card01 > li.current .answer,
  .list-card02 > li.current .answer {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-top: 2.66667vw;
    padding-bottom: 0.53333vw;
    border-bottom: 1px solid #707070;
    font-size: 3.2vw;
    line-height: 1.0em;
    font-weight: bold;
  }
  .list-card01 > li.current .answer:before,
  .list-card02 > li.current .answer:before {
    content: "A.";
    font-size: 3.73333vw;
    line-height: 1.0em;
    font-weight: bold;
    color: #BF0A34;
    vertical-align: text-bottom;
    margin-right: 0.4em;
  }
  .list-card01 > li.current .date,
  .list-card02 > li.current .date {
    font-size: 0.75rem;
    line-height: 1.25em;
    color: #828282;
    text-align: right;
    margin-left: auto;
    margin-top: 0.6em;
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .list-card01 > li.current .comment,
  .list-card02 > li.current .comment {
    font-size: 3.2vw;
    line-height: 1.0em;
    font-weight: bold;
    position: absolute;
    right: 3.2vw;
    bottom: 2.13333vw;
  }
}

@media print, screen and (min-width: 521px) {
  .list-card01 > li.current .contents_title,
  .list-card02 > li.current .contents_title {
    top: calc(158px - 14px);
    z-index: 10;
  }
  .list-card01 > li.current .contents_title .box,
  .list-card02 > li.current .contents_title .box {
    border-color: #bf5b17;
  }
  .list-card01 > li.current .contents_title .box:before,
  .list-card02 > li.current .contents_title .box:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#current");
  }
  .list-card01 > li.current .title > span,
  .list-card02 > li.current .title > span {
    padding: 0 10px;
    font-size: 19px;
    text-shadow: #000000 1px 0 10px;
  }
  .list-card01 > li.current .title:before,
  .list-card02 > li.current .title:before {
    background-color: rgba(0, 0, 0, 0.45);
  }
  .list-card01 > li.current .data,
  .list-card02 > li.current .data {
    width: 100%;
    margin-bottom: 0.8em;
    font-size: 0.9em;
    line-height: 1.75em;
  }
  .list-card01 > li.current .data > p,
  .list-card02 > li.current .data > p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .list-card01 > li.current .date,
  .list-card02 > li.current .date {
    margin-bottom: 0;
  }
  .list-card01 > li.current .meta,
  .list-card02 > li.current .meta {
    line-height: 1.0em;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .list-card01 > li.current .meta .image,
  .list-card02 > li.current .meta .image {
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 60%;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
  }
  .list-card01 > li.current .meta .text,
  .list-card02 > li.current .meta .text {
    width: calc(100% - 50px - 10px);
    color: #000000;
    line-height: 1.0em;
  }
  .list-card01 > li.current .meta .prefix,
  .list-card02 > li.current .meta .prefix {
    font-size: 0.6rem;
    line-height: 1.5em;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
  }
  .list-card01 > li.current .meta .position,
  .list-card02 > li.current .meta .position {
    display: inline;
    font-size: 0.6rem;
    line-height: 1.5em;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0;
  }
  .list-card01 > li.current .meta .writer,
  .list-card02 > li.current .meta .writer {
    display: inline;
    font-size: 0.825rem;
    line-height: 1.5em;
    font-weight: bold;
  }
  body.home .home-sec#current .list-card02 > li .title {
    height: 130px;
  }
  body.home .home-sec#current .list-card02 > li .title > span {
    padding: 0 10px;
    font-size: 19px;
    text-shadow: #000000 1px 0 10px;
  }
  body.home .home-sec#current .list-card02 > li .title:before {
    background-color: rgba(0, 0, 0, 0.45);
  }
  body.home .home-sec#current .list-card02 > li .data {
    width: 100%;
    margin-bottom: 0.8em;
    font-size: 0.9em;
    line-height: 1.75em;
  }
  body.home .home-sec#current .list-card02 > li .data > p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  body.home .home-sec#current .list-card02 > li .date {
    margin-bottom: 0;
  }
  body.home .home-sec#current .list-card02 > li .meta {
    line-height: 1.0em;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  body.home .home-sec#current .list-card02 > li .meta .image {
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 60%;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
  }
  body.home .home-sec#current .list-card02 > li .meta .text {
    width: calc(100% - 50px - 10px);
  }
  body.home .home-sec#current .list-card02 > li .meta .prefix {
    font-size: 0.6rem;
    line-height: 1.5em;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
  }
  body.home .home-sec#current .list-card02 > li .meta .position {
    display: inline;
    font-size: 0.6rem;
    line-height: 1.5em;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0;
  }
  body.home .home-sec#current .list-card02 > li .meta .writer {
    display: inline;
    font-size: 0.825rem;
    line-height: 1.5em;
    font-weight: bold;
  }
  #pickup > .heading {
    margin-top: 16px;
  }
  #pickup .list-card01 > li .inner,
  #pickup .list-card02 > li .inner {
    padding-top: 26px;
  }
  .list-type01 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background: #ffffff;
    border-radius: 16px;
    padding: 24px 68px;
  }
  .list-type01 > li {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #707070;
    padding: 0 0 10px 8px;
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 1.5em;
  }
  .list-type01 > li:nth-last-child(1) {
    border-bottom: none;
    margin-bottom: 0;
  }
  .list-type01 > li a:link,
  .list-type01 > li a:visited {
    color: #000000;
    text-decoration: none;
  }
  .list-type01 > li a:hover,
  .list-type01 > li a:active {
    color: #0A9BBF;
    text-decoration: none;
  }
  .list-type01 > li .date {
    width: 95px;
  }
  .list-type01 > li .text {
    max-width: calc(100% - 95px);
  }
  .list-type01 > li .text.with-badge {
    max-width: calc(100% - 95px - 100px - 10px);
  }
  .list-type01 > li .badge {
    position: relative;
    z-index: 10;
    margin-left: 10px;
    min-width: 100px;
  }
  .list-type01 > li .badge > a {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 8px;
    min-height: 22px;
    padding: 4px 8px;
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    line-height: 1.0;
    font-weight: 500;
  }
}

@media print, screen and (min-width: 521px) and (min-width: 521px) {
  .list-type02 {
    list-style-type: none;
    margin: 24px 0;
    padding: 0;
  }
  .list-type02 > li {
    margin: 0;
    padding: 0;
    border-radius: 8px;
    overflow: hidden;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    margin-bottom: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
  }
  .list-type02 > li:nth-last-child(1) {
    margin-bottom: 0;
  }
  .list-type02 > li a:link, .list-type02 > li a:visited {
    color: #000000;
    text-decoration: none;
  }
  .list-type02 > li a:hover, .list-type02 > li a:active {
    color: #2999C4;
    text-decoration: none;
  }
  .list-type02 > li .list-category-badge {
    list-style-type: none;
    margin: 0;
    padding: 0;
    height: 25px;
    overflow: hidden;
    position: absolute;
    left: 156px;
    top: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .list-type02 > li .list-category-badge > li {
    width: 80px;
    height: 25px;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.0em;
    margin-right: 8px;
  }
  .list-type02 > li .list-category-badge > li > span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    background-color: #666666;
    color: #ffffff;
    text-decoration: none;
  }
  .list-type02 > li .list-tag-badge {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: absolute;
    left: 156px;
    top: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .list-type02 > li .list-tag-badge > li {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 25px;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.0em;
    margin-right: 8px;
  }
  .list-type02 > li .list-tag-badge > li > span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0 0.4em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #666666;
    border-radius: 4px;
    background-color: #ffffff;
    color: #666666;
    text-decoration: none;
  }
  .list-type02 > li .image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 140px;
    overflow: hidden;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
  }
  .list-type02 > li .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    display: none;
  }
  .list-type02 > li .image a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .list-type02 > li .image a:hover {
    background-color: rgba(255, 255, 255, 0.6);
  }
  .list-type02 > li .text {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: calc(100% - 140px - 16px);
    padding: 32px 24px 16px 0;
  }
  .list-type02 > li .text .title {
    font-size: 1.0rem;
    line-height: 1.2em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 2.4em;
  }
  .list-type02 > li .text .date {
    font-size: 0.75rem;
    line-height: 1.0em;
    color: #828282;
    margin-top: 10px;
  }
  .list-type02 > li .badge {
    position: absolute;
    right: 0px;
    bottom: 0px;
  }
  .list-type02 > li .badge a {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #0A9BBF;
    border-radius: 4px;
    min-height: 29px;
    padding: 6px 12px 8px;
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
    line-height: 1.0;
    font-weight: 500;
  }
  .list-type02 > li .badge a:hover {
    opacity: 0.6;
  }
  .list-type02 > li .badge a:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 1.0em;
    height: 1.0em;
    line-height: 1.0em;
    margin-right: 0.2em;
    background-image: url("../img/ic_news_benesse.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: auto 100%;
  }
  .list-type02 > li.highlight .image {
    width: 240px;
    min-height: 185px;
  }
  .list-type02 > li.highlight .text {
    width: calc(100% - 240px - 16px);
    padding-top: 40px;
  }
  .list-type02 > li.highlight .text .title {
    font-size: 1.25rem;
    line-height: 1.5em;
    min-height: 3.0em;
  }
  .list-type02 > li.highlight .list-tag-badge {
    left: 256px;
    top: 5px;
  }
  .list-type02 > li.no-tags .text {
    padding: 8px 24px 8px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .list-type02 > li.comingsoon {
    opacity: 0.4;
    pointer-events: none;
  }
  .list-type02.square > li .image {
    width: 108px;
    min-height: 108px;
  }
  .list-type02.square > li .text {
    width: calc(100% - 108px - 16px);
  }
  .list-type02.square > li .list-category-badge,
  .list-type02.square > li .list-tag-badge {
    left: 124px;
  }
  .list-type02.square > li.highlight .image {
    width: 140px;
    min-height: 140px;
  }
  .list-type02.square > li.highlight .text {
    width: calc(100% - 140px - 16px);
    padding-top: 40px;
  }
  .list-type02.square > li.highlight .text .title {
    font-size: 1.25rem;
    line-height: 1.5em;
  }
  .list-type02.square > li.highlight .list-tag-badge {
    left: 156px;
    top: 5px;
  }
}

@media only screen and (min-width: 521px) and (max-width: 520px) {
  .list-type02 {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .list-type02 > li {
    margin: 0;
    padding: 0;
    border-radius: 2.13333vw;
    overflow: hidden;
    -webkit-box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    margin-bottom: 3.2vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    padding: 2.13333vw;
  }
  .list-type02 > li a:link, .list-type02 > li a:visited {
    color: #000000;
    text-decoration: none;
  }
  .list-type02 > li a:hover, .list-type02 > li a:active {
    color: #2999C4;
    text-decoration: none;
  }
  .list-type02 > li .list-category-badge {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 5.33333vw;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2.13333vw;
  }
  .list-type02 > li .list-category-badge > li {
    width: 21.33333vw;
    height: 5.33333vw;
    overflow: hidden;
    font-size: 2.66667vw;
    line-height: 1.0em;
    margin-right: 1.6vw;
  }
  .list-type02 > li .list-category-badge > li > span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1.06667vw;
    background-color: #666666;
    color: #ffffff;
    text-decoration: none;
  }
  .list-type02 > li .list-category-badge > li.page-bc {
    width: 21.33333vw;
  }
  .list-type02 > li .list-tag-badge {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 5.33333vw;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2.13333vw;
  }
  .list-type02 > li .list-tag-badge > li {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 5.33333vw;
    overflow: hidden;
    font-size: 2.66667vw;
    line-height: 1.0em;
    margin-right: 1.6vw;
  }
  .list-type02 > li .list-tag-badge > li > span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0 0.4em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #666666;
    border-radius: 1.06667vw;
    background-color: #ffffff;
    color: #666666;
    text-decoration: none;
  }
  .list-type02 > li .image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 18.66667vw;
    height: 18.66667vw;
    overflow: hidden;
    border-radius: 2.13333vw;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
  }
  .list-type02 > li .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    display: none;
  }
  .list-type02 > li .image a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .list-type02 > li .image a:hover {
    background-color: rgba(255, 255, 255, 0.6);
  }
  .list-type02 > li .text {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: calc(100% - 18.66667vw - 2.66667vw);
  }
  .list-type02 > li .text .title {
    font-size: 1.0rem;
    line-height: 1.2em;
  }
  .list-type02 > li .text .date {
    font-size: 0.83rem;
    line-height: 1.0em;
    color: #828282;
    margin-top: 2.66667vw;
  }
  .list-type02 > li .badge {
    position: absolute;
    right: 0px;
    bottom: 0px;
  }
  .list-type02 > li .badge a {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #0A9BBF;
    border-radius: 1.06667vw;
    min-height: 6.4vw;
    padding: 1.33333vw 3.2vw;
    color: #ffffff;
    font-size: 2.66667vw;
    line-height: 1.0;
    font-weight: 500;
  }
  .list-type02 > li .badge a:hover {
    opacity: 0.6;
  }
  .list-type02 > li .badge a:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 1.0em;
    height: 1.0em;
    line-height: 1.0em;
    margin-right: 0.2em;
    background-image: url("../img/ic_news_benesse.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: auto 100%;
  }
  .list-type02 > li.comingsoon {
    opacity: 0.4;
    pointer-events: none;
  }
}

@media print, screen and (min-width: 521px) and (min-width: 521px) {
  body.innovation .list-type02.square > li {
    padding: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  body.innovation .list-type02.square > li .list-category-badge {
    top: 15px;
    left: 139px;
  }
  body.innovation .list-type02.square > li .image {
    min-height: auto;
    -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.16);
    background-image: none !important;
  }
  body.innovation .list-type02.square > li .image img {
    display: block;
    height: auto;
    max-height: 100%;
  }
  body.innovation .list-type02.square > li .image a:hover {
    opacity: 0.6;
  }
  body.innovation .list-type02.square > li .text {
    padding: 32px 0 0 0;
  }
}

@media only screen and (min-width: 521px) and (max-width: 520px) {
  body.innovation .list-type02.square > li {
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
  }
  body.innovation .list-type02.square > li .image {
    height: auto;
    -webkit-box-shadow: 0.53333vw 0.53333vw 2.13333vw rgba(0, 0, 0, 0.16);
    box-shadow: 0.53333vw 0.53333vw 2.13333vw rgba(0, 0, 0, 0.16);
    background-image: none !important;
  }
  body.innovation .list-type02.square > li .image img {
    display: block;
    height: auto;
    max-height: 100%;
  }
}

@media print, screen and (min-width: 521px) {
  body.opinion .list-type02 > li .list-tag-badge,
  body.opinion .list-type02.square > li .list-tag-badge {
    position: relative;
    left: 0;
    top: 0;
    margin-top: 8px;
    float: left;
  }
  body.opinion .list-type02 > li .list-tag-badge > li,
  body.opinion .list-type02.square > li .list-tag-badge > li {
    height: 20px;
    font-size: 9px;
  }
  body.opinion .list-type02 > li .text,
  body.opinion .list-type02.square > li .text {
    padding: 4px 16px 8px 0;
  }
  body.opinion .list-type02 > li .text .name,
  body.opinion .list-type02.square > li .text .name {
    font-size: 0.85rem;
    line-height: 1.25em;
    margin-right: 0.2em;
    margin-bottom: 8px;
    float: left;
  }
  body.opinion .list-type02 > li .text .shoulder,
  body.opinion .list-type02.square > li .text .shoulder {
    font-size: 0.65rem;
    line-height: 1.25em;
    color: #828282;
    margin-top: 2px;
    margin-bottom: 8px;
    float: left;
  }
  body.opinion .list-type02 > li .text .title,
  body.opinion .list-type02.square > li .text .title {
    clear: both;
    font-size: 1.125rem;
  }
  body.opinion .list-type02 > li .text .date,
  body.opinion .list-type02.square > li .text .date {
    font-size: 0.6rem;
    margin-top: 12px;
    float: right;
  }
  .home-sec > .heading {
    font-size: 36px;
    line-height: 1.2em;
    font-weight: bold;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 920px;
    min-height: 52px;
    padding-left: 60px;
    margin: 0 auto;
    margin-bottom: 16px;
    margin-top: 54px;
  }
  .home-sec > .heading .logo-nexpress {
    width: 174px;
    height: 32px;
  }
  .home-sec > .heading:before {
    content: " ";
    display: block;
    width: 52px;
    height: 52px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
  }
  .home-sec#pickup .heading:before {
    background-image: url("../img/ic_sprite.svg#news");
  }
  .home-sec#news .heading:before {
    background-image: url("../img/ic_sprite.svg#school");
  }
  .home-sec#lesson .heading:before {
    background-image: url("../img/ic_sprite.svg#teacher");
  }
  .home-sec#consult .heading:before {
    background-image: url("../img/ic_sprite.svg#consult");
  }
  .home-sec#current .heading:before {
    background-image: url("../img/ic_sprite.svg#current");
  }
  .home-sec#opinion .heading:before {
    background-image: url("../img/ic_sprite.svg#opinion");
  }
  .home-sec#innovation .heading:before {
    background-image: url("../img/ic_sprite.svg#innovation");
  }
  .home-sec#view .heading:before {
    background-image: url("../img/ic_sprite.svg#backnumber");
  }
  .home-sec#ranking .heading:before {
    background-image: url("../img/ic_sprite.svg#ranking");
  }
  .home-sec#info .heading:before {
    background-image: url("../img/ic_sprite.svg#rule");
  }
  .home-sec .inner {
    background-color: #EBEBEB;
  }
  .home-sec .contents {
    width: 920px;
    margin: 0 auto;
    padding: 32px 0;
  }
  .home-sec .more {
    text-align: right;
    margin-top: 24px;
  }
  #home-theme-outer {
    background-color: #F4F5F8;
  }
  #home-theme-outer .inner {
    width: 1094px;
    margin: 0 auto;
    position: relative;
    padding: 20px 0 40px;
  }
  #home-theme-outer #home-theme-contents {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #home-theme-outer #home-theme-contents .home-theme-column {
    width: calc((100% - 40px) / 2);
    background-color: #ffffff;
    padding: 20px;
    border-radius: 20px;
  }
  #home-theme-outer #home-theme-contents .home-theme-column > .heading {
    margin-bottom: 20px;
  }
  #home-theme-outer #home-theme-contents .home-theme-column > .heading > span {
    display: block;
    text-align: center;
    background-color: #000000;
    color: #ffffff;
    border-radius: 40px;
    padding: 10px 20px;
    font-size: 16px;
    line-height: 1.0em;
    font-weight: 500;
  }
  #home-theme-outer #home-theme-contents .home-theme-column.hs > .heading > span {
    background-color: #F69C27;
  }
  #home-theme-outer #home-theme-contents .home-theme-column.hs .theme-children .data .heading > span {
    background-color: #F69C27;
  }
  #home-theme-outer #home-theme-contents .home-theme-column.board > .heading > span {
    background-color: #5AB052;
  }
  #home-theme-outer #home-theme-contents .home-theme-column.board .theme-children .data .heading > span {
    background-color: #5AB052;
  }
  #home-theme-contact {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 920px;
    background-color: #EEF7FD;
    margin: 40px auto 20px;
    padding: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #home-theme-contact > .text {
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 500;
    color: #2883E7;
    text-align: center;
    margin-right: 20px;
  }
  #home-theme-contact > .more > a {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #2883E7;
    padding: 10px 20px;
    border-radius: 40px;
    font-size: 14px;
    line-height: 1.0em;
    font-weight: 500;
    color: #ffffff;
    text-decoration: none;
  }
  #home-theme-contact > .more > a:after {
    content: " ";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    vertical-align: middle;
    background-image: url("../img/ic_arw_contact.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
  }
  #wrapper.wrapper-new .home-info-box {
    border: none;
    border-radius: 10px;
    padding: 10px 40px;
    margin: 20px auto 0;
  }
  #home-visual-outer {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    min-height: 359px;
    background-color: #ffffff;
    position: relative;
  }
  #home-visual-outer #home-visual {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    opacity: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    zoom: 1;
  }
  #home-visual-outer #home-visual.owl-loaded {
    opacity: 1.0;
  }
  #home-visual-outer #home-visual:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: " ";
    line-height: 0;
  }
  #home-visual-outer #home-visual > p {
    width: 480px !important;
    height: 270px !important;
    border-radius: 16px;
    overflow: hidden;
    float: left;
  }
  #home-visual-outer #home-visual .owl-item {
    width: 480px !important;
    height: 270px !important;
    border-radius: 16px;
    overflow: hidden;
  }
  #home-visual-outer #home-visual .owl-item p {
    display: block;
    width: 100%;
    height: 100%;
  }
  #home-visual-outer #home-visual .owl-item a {
    display: block;
    width: 100%;
    height: 100%;
  }
  #home-visual-outer #home-visual img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  #home-visual-outer .owl-stage-outer {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: hidden;
    background-color: #e6e6e6;
    height: 311px;
    padding-top: 20px;
  }
  #home-visual-outer .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 20px;
    line-height: 0.1em;
  }
  #home-visual-outer .owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 0 10px;
    border-radius: 3px;
    background-color: #CECECE;
  }
  #home-visual-outer .owl-theme .owl-dots .owl-dot.active span,
  #home-visual-outer .owl-theme .owl-dots .owl-dot:hover span {
    background-color: #2999C4;
  }
  .home-info-box {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 920px;
    background: #ffffff;
    margin: 20px auto 40px;
    padding: 5px 0px;
    border: 1px solid #cccccc;
    border-left: none;
    border-right: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .home-info-box .heading {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    color: #ffffff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    padding: 4px 2px;
    min-width: 220px;
    height: 24px;
    text-align: center;
    font-size: 0.75rem;
    line-height: 1.25em;
  }
  .home-info-box > ul {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: calc(100% - 240px);
    list-style-type: none;
    padding: 0px;
    position: relative;
    height: 30px;
    overflow: hidden;
    color: #ffffff;
  }
  .home-info-box > ul > li {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .home-info-box > ul > li > a {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    bottom: 0;
    margin: auto 0;
    position: relative;
    padding-right: 24px;
  }
  .home-info-box > ul > li > a:after {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background-image: url("../img/ic_arw_info.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
  }
  .home-info-box a:link,
  .home-info-box a:visited {
    color: #000000;
    text-decoration: none;
  }
  .home-info-box a:hover,
  .home-info-box a:active {
    color: #000000;
    text-decoration: underline;
  }
  body.recommend #container {
    background-color: #F4F5F8;
  }
  body.recommend .low-contents01 .main .contents .view-list01,
  body.recommend .low-contents01 .article .contents .view-list01 {
    padding-bottom: 0;
    margin-bottom: 24px;
  }
  body.recommend .low-contents01 .main .contents .view-list01 > li .text .title,
  body.recommend .low-contents01 .article .contents .view-list01 > li .text .title {
    font-size: 1.0rem;
    line-height: 1.2em;
  }
  body.recommend .low-contents01 .main .contents .view-list01 > li .text .title > .maintitle,
  body.recommend .low-contents01 .article .contents .view-list01 > li .text .title > .maintitle {
    font-size: 1.125rem;
    line-height: 1.5em;
    font-weight: 500;
  }
  body.recommend .low-contents01 .main .contents .view-list01 > li .text .title > .shoulder,
  body.recommend .low-contents01 .article .contents .view-list01 > li .text .title > .shoulder {
    font-size: 0.875rem;
    line-height: 1.2em;
    font-weight: 400;
    color: #6B6B6B;
  }
  body.recommend .low-contents01 .main .contents .view-list01 > li .text .title > .subtitle,
  body.recommend .low-contents01 .article .contents .view-list01 > li .text .title > .subtitle {
    font-size: 0.875rem;
    line-height: 1.2em;
    font-weight: 400;
    color: #6B6B6B;
  }
  body.recommend .low-contents01 .main .contents .view-list01 > li .text .list-tag-badge,
  body.recommend .low-contents01 .article .contents .view-list01 > li .text .list-tag-badge {
    margin-top: 10px;
    height: auto;
  }
  body.recommend .low-contents01 .main .contents .view-list01 > li .text .list-tag-badge > li,
  body.recommend .low-contents01 .article .contents .view-list01 > li .text .list-tag-badge > li {
    margin-bottom: 8px;
  }
  body.recommend .low-contents01 .main .contents .view-list03,
  body.recommend .low-contents01 .article .contents .view-list03 {
    border-top: none;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 24px;
  }
  body.recommend .low-contents01 .main .contents .view-list03 > li,
  body.recommend .low-contents01 .article .contents .view-list03 > li {
    border-top: none;
    border-bottom: none;
    border-radius: 8px;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  }
  body.recommend .low-contents01 .main .contents .view-list03 > li .data .magazine,
  body.recommend .low-contents01 .article .contents .view-list03 > li .data .magazine {
    font-size: 0.875rem;
    line-height: 1.2em;
  }
  body.recommend .low-contents01 .main .contents .view-list03 > li .data .shoulder,
  body.recommend .low-contents01 .article .contents .view-list03 > li .data .shoulder {
    font-size: 0.875rem;
    line-height: 1.2em;
  }
  body.recommend .low-contents01 .main .contents .view-list03 > li .data .title,
  body.recommend .low-contents01 .article .contents .view-list03 > li .data .title {
    font-size: 1.05rem;
    line-height: 1.5em;
    font-weight: 500;
  }
  body.recommend .low-contents01 .main .contents .view-list03 > li .data .summaary,
  body.recommend .low-contents01 .article .contents .view-list03 > li .data .summaary {
    font-size: 1.0rem;
    line-height: 1.2em;
  }
  body.recommend .low-contents01 .main .contents .list-type02,
  body.recommend .low-contents01 .article .contents .list-type02 {
    padding-bottom: 0;
    margin-bottom: 24px;
  }
  body.recommend .low-contents01 .main .contents .list-type02 > li .text .title,
  body.recommend .low-contents01 .article .contents .list-type02 > li .text .title {
    font-size: 1.125rem;
    line-height: 1.2em;
    font-weight: 500;
    clear: both;
  }
  body.recommend .low-contents01 .main .contents .list-type02 > li .text .name,
  body.recommend .low-contents01 .article .contents .list-type02 > li .text .name {
    color: #6B6B6B;
    font-size: 0.85rem;
    line-height: 1.25em;
    margin-bottom: 8px;
    float: left;
  }
  body.recommend .low-contents01 .main .contents .list-type02 > li .text .shoulder,
  body.recommend .low-contents01 .article .contents .list-type02 > li .text .shoulder {
    color: #6B6B6B;
    font-size: 0.85rem;
    line-height: 1.25em;
  }
  body.recommend .low-contents01 .main .contents .counseling-list,
  body.recommend .low-contents01 .article .contents .counseling-list {
    border-top: none;
    border-bottom: none;
    margin-bottom: 24px;
  }
  body.recommend .low-contents01 .main .contents .counseling-list > li,
  body.recommend .low-contents01 .article .contents .counseling-list > li {
    border-top: none;
    border-bottom: none;
    border-radius: 8px;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  }
  .recommend-header {
    position: relative;
    background-color: #ffffff;
    height: 270px;
  }
  .recommend-header .thumb {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    width: 40vw;
    min-width: 560px;
    height: 100%;
  }
  .recommend-header .thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .recommend-header .inner {
    width: 1094px;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .recommend-header .inner .recommend-meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
  }
  .recommend-header .inner .recommend-meta > .parent {
    margin-right: 20px;
  }
  .recommend-header .inner .recommend-meta > .parent > span {
    display: inline-block;
    padding: 10px;
    background-color: #000000;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.0em;
    font-weight: bold;
  }
  .recommend-header .inner .recommend-meta > .parent > span.theme-hs {
    background-color: #F69C27;
  }
  .recommend-header .inner .recommend-meta > .parent > span.theme-board {
    background-color: #5AB052;
  }
  .recommend-header .inner .recommend-meta > .child {
    font-size: 18px;
    line-height: 1.0em;
    font-weight: 500;
  }
  .recommend-header .inner .title {
    font-size: 36px;
    line-height: 1.5em;
    font-weight: 500;
    text-shadow: 0 0 10px #ffffff;
  }
  .recommend-summary {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px;
  }
  .recommend-summary .text {
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 500;
    max-width: calc(100% - 260px - 40px);
    margin-right: 40px;
  }
  .recommend-summary .search {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 260px;
    height: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    align-items: center;
    background-color: #ffffff;
    border: 2px solid #D5D5D5;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.0em;
    margin-left: auto;
    /* 旧Edge対応 */
    /* IE対応 */
  }
  .recommend-summary .search input {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: none;
    background-color: transparent;
    height: 100%;
    padding: 6px 8px 6px 8px;
    width: calc(100% - 32px);
  }
  .recommend-summary .search ::-webkit-input-placeholder {
    color: #B5B5B5;
    font-size: 0.75rem;
  }
  .recommend-summary .search ::-moz-placeholder {
    color: #B5B5B5;
    font-size: 0.75rem;
  }
  .recommend-summary .search ::-ms-input-placeholder {
    color: #B5B5B5;
    font-size: 0.75rem;
  }
  .recommend-summary .search ::placeholder {
    color: #B5B5B5;
    font-size: 0.75rem;
  }
  .recommend-summary .search ::-ms-input-placeholder {
    color: #B5B5B5;
  }
  .recommend-summary .search :-ms-input-placeholder {
    color: #B5B5B5;
  }
  .recommend-summary .search button {
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 32px;
    height: 32px;
    overflow: hidden;
    text-align: left;
    text-indent: -9000px;
    border: none;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
    background-color: #D5D5D5;
    background-image: url("../img/ic_sprite.svg#search");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 20px auto;
    cursor: pointer;
  }
  .top-header {
    background-color: #ffffff;
    padding-top: 38px;
  }
  .top-header .inner {
    width: 1094px;
    margin: 0 auto;
    position: relative;
  }
  .top-header .inner > * {
    position: relative;
    z-index: 2;
  }
  .top-header .inner.news-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 4px;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .top-header .inner.news-inner > .title {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .top-header .inner.news-inner > .title .logo-nexpress {
    width: 174px;
    height: 32px;
  }
  .top-header .inner.news-inner > .search {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .top-header .inner.news-inner > .catch {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    width: calc(100% - 200px);
  }
  .top-header .inner.news-inner .credit {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
    width: 200px;
    line-height: 1.0em;
    margin-top: 20px;
  }
  .top-header .inner.news-inner .credit img {
    width: auto;
    height: 26px;
    vertical-align: middle;
    margin-left: 0.5em;
    margin-top: -0.1em;
  }
  .top-header .inner.news-inner .news-nav {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
    z-index: 1;
  }
  .top-header .inner.news-inner .news-benesse {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .top-header .inner.counseling-inner {
    padding-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .top-header .inner.counseling-inner > .catch {
    width: 750px;
  }
  .top-header .inner.counseling-inner > .catch + .counseling-search {
    margin-top: 20px;
    margin-left: -40px;
  }
  .top-header .inner.counseling-inner > .catch + .counseling-search .button01 {
    min-width: 140px;
  }
  .top-header .inner.counseling-inner > .search {
    width: 180px;
  }
  .top-header .inner.counseling-inner > .catch + .counseling-search + .search {
    margin-top: 20px;
    width: 200px;
  }
  .top-header .inner.opinion-inner {
    padding-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .top-header .inner.opinion-inner > * {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .top-header .inner.opinion-inner .title {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .top-header .inner.opinion-inner .catch {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    width: 100%;
  }
  .top-header .inner.opinion-inner > form {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 20px;
  }
  .top-header .inner.current-inner {
    padding-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
  }
  .top-header .inner.current-inner > * {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .top-header .inner.current-inner .title {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .top-header .inner.current-inner .catch {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    width: 100%;
  }
  .top-header .inner.current-inner .catch .catch-note {
    font-size: 0.85rem;
    font-weight: normal;
    display: inline-block;
    margin-left: auto;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .top-header .inner.current-inner > form {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 20px;
  }
  .top-header .inner.view-inner {
    padding-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .top-header .inner.view-inner .title {
    width: 100%;
  }
  .top-header .inner.view-inner .search {
    margin-top: 20px;
  }
  .top-header .inner.innovation-inner {
    padding-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .top-header .inner.innovation-inner > * {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .top-header .inner.innovation-inner .title {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .top-header .inner.innovation-inner .catch {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    width: 100%;
  }
  .top-header .inner.innovation-inner > form {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 20px;
  }
  .top-header .inner > .title {
    position: relative;
    font-size: 36px;
    line-height: 1.2em;
    font-weight: bold;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 52px;
    padding-left: 60px;
  }
  .top-header .inner > .title .to-index {
    margin-left: 2.0em;
    margin-top: 0.6em;
  }
  .top-header .inner > .title:before {
    content: " ";
    display: block;
    width: 52px;
    height: 52px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
  }
  .top-header .inner > .title.common:before {
    background-image: url("../img/ic_sprite.svg#rule");
  }
  .top-header .inner > .title.news:before {
    background-image: url("../img/ic_sprite.svg#school");
  }
  .top-header .inner > .title.counseling:before {
    background-image: url("../img/ic_sprite.svg#consult");
  }
  .top-header .inner > .title.opinion:before {
    background-image: url("../img/ic_sprite.svg#opinion");
  }
  .top-header .inner > .title.current:before {
    background-image: url("../img/ic_sprite.svg#current");
  }
  .top-header .inner > .title.view:before {
    background-image: url("../img/ic_sprite.svg#backnumber");
  }
  .top-header .inner > .title.innovation:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#innovation");
  }
  .top-header .inner > .catch {
    margin-top: 20px;
    font-size: 1.25rem;
    line-height: 1.25em;
    font-weight: bold;
  }
  .top-header .search {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 240px;
    height: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    align-items: center;
    border: 2px solid #D5D5D5;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.0em;
    /* 旧Edge対応 */
    /* IE対応 */
  }
  .top-header .search input {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: none;
    background-color: transparent;
    height: 100%;
    padding: 6px 8px 6px 8px;
    width: calc(100% - 32px);
  }
  .top-header .search ::-webkit-input-placeholder {
    color: #B5B5B5;
    font-size: 0.75rem;
  }
  .top-header .search ::-moz-placeholder {
    color: #B5B5B5;
    font-size: 0.75rem;
  }
  .top-header .search ::-ms-input-placeholder {
    color: #B5B5B5;
    font-size: 0.75rem;
  }
  .top-header .search ::placeholder {
    color: #B5B5B5;
    font-size: 0.75rem;
  }
  .top-header .search ::-ms-input-placeholder {
    color: #B5B5B5;
  }
  .top-header .search :-ms-input-placeholder {
    color: #B5B5B5;
  }
  .top-header .search button {
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 32px;
    height: 32px;
    overflow: hidden;
    text-align: left;
    text-indent: -9000px;
    border: none;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
    background-color: #D5D5D5;
    background-image: url("../img/ic_sprite.svg#search");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 20px auto;
    cursor: pointer;
  }
  .top-header .news-nav {
    padding-top: 20px;
  }
  .top-header .news-nav > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .top-header .news-nav > ul > li {
    width: 100px;
    height: 40px;
    margin-top: 10px;
    overflow: hidden;
    font-size: 16px;
    line-height: 1.0em;
  }
  .top-header .news-nav > ul > li.active {
    margin-top: 0;
    height: 50px;
  }
  .top-header .news-nav > ul > li > a {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    background-color: #666666;
    color: #ffffff;
    text-decoration: none;
  }
  .top-header .news-nav > ul > li > a:hover {
    opacity: 0.6;
  }
  .top-header .news-benesse {
    width: 160px;
    height: 40px;
    margin-top: 30px;
  }
  .top-header .news-benesse a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #0A9BBF;
    border-radius: 4px;
    color: #ffffff;
    text-decoration: none;
    font-size: 18px;
    line-height: 1.0em;
  }
  .top-header .news-benesse a:hover {
    opacity: 0.6;
  }
  .top-header .news-benesse a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1.2em;
    height: 1.2em;
    margin-right: 0.2em;
    background-image: url("../img/ic_news_benesse.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: auto 100%;
  }
  .top-header .view-latest {
    margin-top: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .top-header .view-latest .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .top-header .view-latest .row a:link,
  .top-header .view-latest .row a:visited {
    color: #000000;
  }
  .top-header .view-latest .row a:hover,
  .top-header .view-latest .row a:active {
    color: #03b5fa;
  }
  .top-header .view-latest .view-latest-item {
    width: 48%;
  }
  .top-header .view-latest .view-latest-item .title {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    font-size: 1.25rem;
    line-height: 1.5em;
    margin-bottom: 0.6em;
  }
  .top-header .view-latest .view-latest-item .title a {
    display: block;
    padding: 16px;
    border-radius: 8px;
  }
  .top-header .view-latest .view-latest-item .title a.highschool {
    background-color: #F69D25;
  }
  .top-header .view-latest .view-latest-item .title a.board {
    background-color: #5BB151;
  }
  .top-header .view-latest .view-latest-item .title a:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background-image: url("../img/ic_arw_simple_white.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    margin-right: 0.4em;
    margin-top: -0.2em;
  }
  .top-header .view-latest .view-latest-item .image {
    width: 26%;
  }
  .top-header .view-latest .view-latest-item .image img {
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  }
  .top-header .view-latest .view-latest-item .data {
    width: 71%;
  }
  .top-header .view-latest .view-latest-item .data .list {
    list-style-type: none;
    margin: 0 0 0 1.0em;
    padding: 0;
  }
  .top-header .view-latest .view-latest-item .data .list > li {
    margin: 0 0 1.0em 0;
    padding: 0;
  }
  .top-header .view-latest .view-latest-item .data .list > li a {
    display: block;
    background-color: #eeeeee;
    padding: 0.4em 0.8em;
    border-radius: 6px;
    color: #000000;
    text-decoration: none;
    position: relative;
  }
  .top-header .view-latest .view-latest-item .data .list > li a:before {
    display: inline-block;
    content: ' ';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #000000;
    vertical-align: middle;
    margin-right: 0.2em;
  }
  .top-header .view-latest .view-latest-item .data .feature-title {
    font-size: 1.125rem;
    line-height: 1.5em;
    font-weight: 500;
    margin-bottom: 0.4em;
  }
  .top-header .view-latest .view-latest-item .data .view-index {
    margin: 0.8em 0 0;
    padding: 0.8em 0 0;
    border-top: 2px solid #cccccc;
  }
  .top-header .view-latest .view-latest-item .data .heading {
    font-size: 1.0rem;
    line-height: 1.0em;
    font-weight: 500;
    margin-bottom: 0.4em;
  }
  .top-header .view-latest .view-latest-item .data .info {
    list-style-type: none;
    margin: 0 0 0 1.0em;
    padding: 0;
  }
  .top-header .view-latest .view-latest-item .data .info > li {
    margin: 0;
    padding: 0;
    font-size: 0.875rem;
    line-height: 1.5em;
  }
  .top-header .view-latest .view-latest-item .data .info > li a {
    display: block;
    margin-top: 0.6em;
    padding: 0 0 0.6em 10px;
    border-bottom: 1px solid #cccccc;
    position: relative;
  }
  .top-header .view-latest .view-latest-item .data .info > li a:link, .top-header .view-latest .view-latest-item .data .info > li a:visited {
    color: #000000;
  }
  .top-header .view-latest .view-latest-item .data .info > li a:hover, .top-header .view-latest .view-latest-item .data .info > li a:active {
    color: #03b5fa;
  }
  .top-header .view-latest .view-latest-item .data .info > li a:before {
    display: inline-block;
    content: ' ';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #000000;
    vertical-align: middle;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0.5em;
  }
  .top-header .view-latest .view-latest-item .data .info > li:nth-last-child(1) a {
    border-bottom: none;
  }
  .top-header .view-search {
    margin: 20px 0 0;
  }
}

@media print, screen and (min-width: 521px) and (min-width: 521px) {
  .news-all > * {
    background-color: #911818 !important;
  }
  .news-gimu > * {
    background-color: #2C4D90 !important;
  }
  .news-highschool > * {
    background-color: #2D6341 !important;
  }
  .news-exam > * {
    background-color: #704E2B !important;
  }
  .news-university > * {
    background-color: #4A8791 !important;
  }
  .news-ict > * {
    background-color: #538955 !important;
  }
  .news-admini > * {
    background-color: #523C6B !important;
  }
  .news-manabi > * {
    background-color: #857751 !important;
  }
  .page-bc > * {
    background-color: #0A9BBF !important;
  }
  .innovation-all > * {
    background-color: #346586 !important;
  }
  .innovation-project > * {
    background-color: #454080 !important;
  }
  .innovation-special > * {
    background-color: #a44040 !important;
  }
  .innovation-case > * {
    background-color: #c27336 !important;
  }
  .innovation-research > * {
    background-color: #577447 !important;
  }
}

@media only screen and (min-width: 521px) and (max-width: 520px) {
  .news-all > * {
    background-color: #911818 !important;
  }
  .news-gimu > * {
    background-color: #2C4D90 !important;
  }
  .news-highschool > * {
    background-color: #2D6341 !important;
  }
  .news-exam > * {
    background-color: #704E2B !important;
  }
  .news-university > * {
    background-color: #4A8791 !important;
  }
  .news-ict > * {
    background-color: #538955 !important;
  }
  .news-admini > * {
    background-color: #523C6B !important;
  }
  .news-manabi > * {
    background-color: #857751 !important;
  }
  .page-bc > * {
    background-color: #0A9BBF !important;
  }
  .innovation-all > * {
    background-color: #346586 !important;
  }
  .innovation-project > * {
    background-color: #454080 !important;
  }
  .innovation-special > * {
    background-color: #a44040 !important;
  }
  .innovation-case > * {
    background-color: #c27336 !important;
  }
  .innovation-research > * {
    background-color: #577447 !important;
  }
}

@media print, screen and (min-width: 521px) {
  #wrapper.wrapper-new .low-contents01 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .low-contents01 {
    width: 1094px;
    margin: 24px auto 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .low-contents01 .main {
    width: 684px;
  }
  .low-contents01 .main .contents {
    border-radius: 16px;
    background-color: #ffffff;
    padding: 24px 32px;
  }
  .low-contents01 .main .writer-box {
    text-align: right;
    font-size: 0.875rem;
    line-height: 1.5em;
    padding: 0.4em 0.4em;
  }
  .low-contents01 .article {
    width: 684px;
  }
  .low-contents01 .article .contents {
    border-radius: 16px;
    background-color: #ffffff;
    padding: 24px 32px;
    position: relative;
    z-index: 3;
  }
  .low-contents01 .article .contents.more-list {
    margin-top: 3.0em;
  }
  .low-contents01 .article .contents .kv {
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 16px;
  }
  .low-contents01 .article .contents .kv img {
    width: 100%;
    height: 345px;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .low-contents01 .article .contents .badge {
    display: inline-block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 8px;
    min-height: 32px;
    padding: 8px;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.0;
    font-weight: 500;
    margin-bottom: 8px;
  }
  .low-contents01 .article .contents .badge:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 1.0em;
    height: 1.0em;
    line-height: 1.0em;
    margin-right: 0.2em;
    background-image: url("../img/ic_news_benesse.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: auto 100%;
  }
  .low-contents01 .article .contents .tag-badge {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .low-contents01 .article .contents .tag-badge > li {
    height: 25px;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.0em;
    margin: 2px 8px 2px 0;
  }
  .low-contents01 .article .contents .tag-badge > li > span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0 0.4em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #666666;
    border-radius: 4px;
    background-color: #ffffff;
    color: #666666;
    text-decoration: none;
  }
  .low-contents01 .article .contents .category-badge {
    list-style-type: none;
    margin: 0;
    padding: 0;
    height: 25px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .low-contents01 .article .contents .category-badge > li {
    width: 80px;
    height: 25px;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.0em;
    margin-right: 8px;
  }
  .low-contents01 .article .contents .category-badge > li > span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    background-color: #666666;
    color: #ffffff;
    text-decoration: none;
  }
  .low-contents01 .article .contents .category {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px;
  }
  .low-contents01 .article .contents .category .button-back {
    margin-left: auto;
    margin-top: -2px;
  }
  .low-contents01 .article .contents .article-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 24px;
  }
  .low-contents01 .article .contents .article-header .title {
    width: 100%;
    font-size: 24px;
    line-height: 1.5em;
    font-weight: bold;
    margin-bottom: 8px;
  }
  .low-contents01 .article .contents .article-header.innovation-about .title {
    font-size: 32px;
    margin-bottom: 16px;
  }
  .low-contents01 .article .contents .article-header .date {
    color: #828282;
    font-size: 0.75rem;
    line-height: 1.0em;
  }
  .low-contents01 .article .contents .article-header .tools {
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .low-contents01 .article .contents .article-header .tools .comment {
    font-size: 13px;
    line-height: 1.0em;
    font-weight: bold;
    margin-right: 20px;
  }
  .low-contents01 .article .contents .article-header .tag-badge {
    margin-bottom: 4px;
  }
  .low-contents01 .article .contents .article-header.news .tag-badge, .low-contents01 .article .contents .article-header.counseling .tag-badge, .low-contents01 .article .contents .article-header.innovation .tag-badge {
    margin-bottom: 4px;
    margin-left: auto;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 75%;
  }
  .low-contents01 .article .contents .article-header.counseling > .title {
    margin-top: 8px;
    padding-left: 40px;
    position: relative;
  }
  .low-contents01 .article .contents .article-header.counseling > .title .prefix {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0.1em;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background-color: #BF0A34;
    color: #ffffff;
    font-family: 'Inter', Arial, Helvetica, "sans-serif";
    font-size: 30px;
    line-height: 1.0em;
    font-weight: 600;
  }
  .low-contents01 .article .contents .article-header.innovation .sp-title {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    margin: 0 0 0.8em 0;
    padding: 12px 8px;
    border-radius: 4px;
    font-size: 0.875em;
    line-height: 1.2em;
    border: 1px solid #a44040;
    background-color: #ffffff;
    color: #a44040;
  }
  .low-contents01 .article .contents .article-header.innovation .sp-title a:link,
  .low-contents01 .article .contents .article-header.innovation .sp-title a:visited {
    color: #a44040;
    opacity: 1.0;
  }
  .low-contents01 .article .contents .article-header.innovation .sp-title a:hover,
  .low-contents01 .article .contents .article-header.innovation .sp-title a:active {
    color: #a44040;
    opacity: 0.6;
  }
  .low-contents01 .article .contents .article-body {
    color: #535353;
    zoom: 1;
  }
  .low-contents01 .article .contents .article-body:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: " ";
    line-height: 0;
  }
  .low-contents01 .article .contents .article-body > h2,
  .low-contents01 .article .contents .article-body > h3,
  .low-contents01 .article .contents .article-body > h4,
  .low-contents01 .article .contents .article-body > blockquote,
  .low-contents01 .article .contents .article-body > p,
  .low-contents01 .article .contents .article-body > div,
  .low-contents01 .article .contents .article-body > ul,
  .low-contents01 .article .contents .article-body > table,
  .low-contents01 .article .contents .article-body > ol {
    font-size: 1.0rem;
    line-height: 1.5em;
    margin-bottom: 1.5em;
  }
  .low-contents01 .article .contents .article-body .article-heading {
    font-size: 1.25rem;
    line-height: 1.5em;
    font-weight: bold;
  }
  .low-contents01 .article .contents .article-body .title {
    font-size: 24px;
    line-height: 1.5em;
    font-weight: bold;
  }
  .low-contents01 .article .contents .article-body .news-thumbnails {
    display: block;
    float: left;
    margin: 0 20px 20px 0;
    width: 180px;
    min-height: 180px;
    background-color: #EBEBEB;
  }
  .low-contents01 .article .contents .article-body .news-thumbnails.owl-loaded {
    background-color: transparent;
  }
  .low-contents01 .article .contents .article-body .news-thumbnails.owl-loaded .thumb {
    display: block;
  }
  .low-contents01 .article .contents .article-body .thumb {
    width: 100%;
    display: none;
  }
  .low-contents01 .article .contents .article-body .thumb .image {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #f9f9f9;
    border: 1px solid #cccccc;
    width: 100%;
    height: 180px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
  .low-contents01 .article .contents .article-body .thumb .image img {
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .low-contents01 .article .contents .article-body .thumb .caption {
    margin-top: 0.4em;
    font-size: 0.75rem;
    line-height: 1.2em;
  }
  .low-contents01 .article .contents .article-body .profile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 0.5em;
    margin-bottom: 2.4em;
  }
  .low-contents01 .article .contents .article-body .profile .image {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    width: 75px;
    height: 90px;
    overflow: hidden;
    border-radius: 4px;
  }
  .low-contents01 .article .contents .article-body .profile .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .low-contents01 .article .contents .article-body .profile .text {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    width: 486px;
    position: relative;
  }
  .low-contents01 .article .contents .article-body .profile .text .role {
    font-size: 0.75rem;
    line-height: 1.2em;
    margin-bottom: 10px;
  }
  .low-contents01 .article .contents .article-body .profile .text .name {
    font-size: 1.25rem;
    line-height: 1.2em;
  }
  .low-contents01 .article .contents .article-body .profile .text .position {
    font-size: 0.75rem;
    line-height: 1.5em;
    margin-top: 10px;
  }
  .low-contents01 .article .contents .article-body .profile .text .summary {
    font-size: 0.75rem;
    line-height: 1.5em;
    margin-top: 10px;
  }
  .low-contents01 .article .contents .article-body .profile .text .more {
    position: absolute;
    right: 0px;
    top: 0px;
  }
  .low-contents01 .article .contents .article-body .profile .text .answer {
    margin-top: 1.0em;
  }
  .low-contents01 .article .contents .article-body .profile .text .answer > * {
    margin-bottom: 1.5em;
  }
  .low-contents01 .article .contents .article-body .profile .text .answer > *:nth-last-child(1) {
    margin-bottom: 0;
  }
  .low-contents01 .article .contents .article-body .profile + .tag-badge {
    margin-top: -1.5em;
    margin-bottom: -1.5em;
  }
  .low-contents01 .article .contents .article-body .profile + .tag-badge + * {
    margin-top: 2.4em;
  }
  .low-contents01 .article .contents .article-body .profile-counseling {
    float: left;
    width: 140px;
    text-align: center;
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .low-contents01 .article .contents .article-body .profile-counseling .image {
    width: 100%;
    height: 140px;
    overflow: hidden;
    border-radius: 4px;
    margin-bottom: 4px;
  }
  .low-contents01 .article .contents .article-body .profile-counseling .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .low-contents01 .article .contents .article-body .profile-counseling a {
    display: block;
  }
  .low-contents01 .article .contents .article-body .profile-counseling a:link, .low-contents01 .article .contents .article-body .profile-counseling a:visited {
    color: #000000;
    text-decoration: none;
  }
  .low-contents01 .article .contents .article-body .profile-counseling a:hover, .low-contents01 .article .contents .article-body .profile-counseling a:active {
    color: #000000;
    text-decoration: underline;
  }
  .low-contents01 .article .contents .article-body .profile-counseling .shoulder {
    font-size: 0.75rem;
    line-height: 1.5em;
    margin-bottom: 0.4em;
  }
  .low-contents01 .article .contents .article-body .profile-counseling .name {
    font-size: 0.875rem;
    line-height: 1.2em;
    margin-bottom: 0.2em;
  }
  .low-contents01 .article .contents .article-body .profile-counseling > .more {
    margin-top: 0.4em;
  }
  .low-contents01 .article .contents .article-body .profile-counseling > .more .button-profile {
    color: #ffffff !important;
    text-decoration: none !important;
    line-height: 1.25em;
    min-width: 0;
    padding: 8px 26px 8px 8px;
  }
  .low-contents01 .article .contents .article-body .profile-counseling > .more .button-profile:after {
    right: 8px;
  }
  .low-contents01 .article .contents .article-body .answer-main {
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    max-height: 210px;
    overflow: hidden;
    position: relative;
    margin-top: 1.0em;
    margin-bottom: 0.2em;
    zoom: 1;
  }
  .low-contents01 .article .contents .article-body .answer-main > p,
  .low-contents01 .article .contents .article-body .answer-main > div,
  .low-contents01 .article .contents .article-body .answer-main > ul,
  .low-contents01 .article .contents .article-body .answer-main > table,
  .low-contents01 .article .contents .article-body .answer-main > ol {
    font-size: 1.0rem;
    line-height: 1.5em;
    margin-bottom: 1.5em;
  }
  .low-contents01 .article .contents .article-body .answer-main:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: " ";
    line-height: 0;
  }
  .low-contents01 .article .contents .article-body .answer-main:before {
    content: " ";
    display: block;
    width: 100%;
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    background: #ffffff;
    /* Old browsers */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 70%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, #ffffff), to(#ffffff));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 70%, #ffffff 100%);
    height: 6em;
    visibility: visible;
    opacity: 1.0;
  }
  .low-contents01 .article .contents .article-body .answer-main.open {
    max-height: 5000px;
  }
  .low-contents01 .article .contents .article-body .answer-main.open:before {
    display: none;
  }
  .low-contents01 .article .contents .article-body .answer-trigger {
    width: 100%;
    text-align: center;
    padding: 0 0 1.0em;
    margin-bottom: 0;
  }
  .low-contents01 .article .contents .article-body .answer-trigger .open a,
  .low-contents01 .article .contents .article-body .answer-trigger .close a {
    cursor: pointer;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    border: none;
    background-color: #6B6B6B;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: normal;
    line-height: 1.0em;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 190px;
    border-radius: 40px;
    font-size: 14px;
    padding: 4px 12px;
    height: 38px;
  }
  .low-contents01 .article .contents .article-body .answer-trigger .open a:before,
  .low-contents01 .article .contents .article-body .answer-trigger .close a:before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-image: url("../img/ic_open_white.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    margin-right: 0.4em;
    margin-top: 0;
    width: 16px;
    height: 16px;
  }
  .low-contents01 .article .contents .article-body .answer-trigger .open a:hover,
  .low-contents01 .article .contents .article-body .answer-trigger .close a:hover {
    opacity: 0.6;
  }
  .low-contents01 .article .contents .article-body .answer-trigger .close {
    display: none;
  }
  .low-contents01 .article .contents .article-body .answer-trigger .close a:before {
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1);
  }
  .low-contents01 .article .contents .article-body .from-benesse {
    margin-top: 2.0em;
  }
  .low-contents01 .article .contents .article-body .from-benesse > .heading {
    padding: 8px;
    border-radius: 8px;
    text-align: center;
    background-color: #6B6B6B;
    color: #ffffff;
    font-size: 1.125rem;
    line-height: 1.25em;
    font-weight: bold;
    margin-bottom: 12px;
  }
  .low-contents01 .article .contents .article-body .from-benesse > .profile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 1.5em;
  }
  .low-contents01 .article .contents .article-body .from-benesse > .profile > .image {
    width: 75px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .low-contents01 .article .contents .article-body .from-benesse > .profile > .text {
    width: calc(100% - 75px - 15px);
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .low-contents01 .article .contents .article-body .from-benesse > .profile > .text > .more {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: 26px;
  }
  .low-contents01 .article .contents .article-body .from-benesse > .answer > p {
    margin-bottom: 1.5em;
  }
  .low-contents01 .article .contents .article-body .from-benesse > .answer > p:nth-last-child(1) {
    margin-bottom: 0;
  }
  .low-contents01 .article .contents .article-body .benesse-button {
    text-align: center;
  }
  .low-contents01 .article .contents .article-body .benesse-button .button01 {
    min-width: 100%;
    min-height: 40px;
    background-color: #0A9BBF;
    border-radius: 8px;
  }
  .low-contents01 .article .contents .article-body .benesse-button .button01:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1.2em;
    height: 1.2em;
    line-height: 1.0em;
    margin-right: 0.2em;
    background-image: url("../img/ic_news_benesse.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: auto 100%;
  }
  .low-contents01 .article .contents .article-body.counseling > .title {
    margin-top: 8px;
    padding-left: 40px;
    position: relative;
  }
  .low-contents01 .article .contents .article-body.counseling > .title .prefix {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0.1em;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background-color: #BF0A34;
    color: #ffffff;
    font-family: 'Inter', Arial, Helvetica, "sans-serif";
    font-size: 30px;
    line-height: 1.0em;
    font-weight: 600;
  }
  .low-contents01 .article .contents .article-view-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 24px;
  }
  .low-contents01 .article .contents .article-view-header .large-title {
    margin-bottom: 1.0em;
  }
  .low-contents01 .article .contents .article-view-header .large-title > span {
    display: inline-block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    border-radius: 8px;
    -webkit-box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.15);
    background-color: #666666;
    color: #ffffff;
    font-size: 1.25rem;
    line-height: 1.25em;
    font-weight: 500;
    padding: 0.6em 0.8em;
  }
  .low-contents01 .article .contents .article-view-header .large-title.bkn-hs > span {
    background-color: #F69D25;
  }
  .low-contents01 .article .contents .article-view-header .large-title.bkn-board > span {
    background-color: #5BB151;
  }
  .low-contents01 .article .contents .article-view-header .large-title.bkn-other > span {
    background-color: #0f5474;
  }
  .low-contents01 .article .contents .article-view-header .view-title-inner {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .low-contents01 .article .contents .article-view-header .view-title-inner .image {
    width: 150px;
  }
  .low-contents01 .article .contents .article-view-header .view-title-inner .image img {
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  }
  .low-contents01 .article .contents .article-view-header .view-title-inner .data {
    width: calc(100% - 150px - 20px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .low-contents01 .article .contents .article-view-header .title {
    width: 100%;
    font-size: 1.25rem;
    line-height: 1.5em;
    font-weight: bold;
    margin-bottom: 0.4em;
  }
  .low-contents01 .article .contents .article-view-header .date {
    color: #828282;
    font-size: 0.75rem;
    line-height: 1.0em;
    margin-right: auto;
  }
  .low-contents01 .article .contents .article-view-header .tools {
    margin-top: 4px;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .low-contents01 .article .contents .article-view-header .tag-badge {
    margin-top: 0.6em;
  }
  .low-contents01 .article .contents .article-view-header .magazine-links {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    padding: 14px;
    margin: 1.0em 0 0 0;
    background-color: #EBEBEB;
    color: #828282;
    text-align: center;
  }
  .low-contents01 .article .contents .article-view-header .magazine-links p {
    font-size: 0.75rem;
    line-height: 1.5em;
  }
  .low-contents01 .article .contents .article-view-header .magazine-links ul {
    list-style-type: none;
    margin: 0.6em 0 0 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .low-contents01 .article .contents .article-view-header .magazine-links ul > li {
    margin: 0 0.4em;
    padding: 0;
  }
  .low-contents01 .article .contents .article-view-header .magazine-links a {
    min-width: 140px;
    font-size: 1.0rem;
    line-height: 1.0em;
    font-weight: 500;
    padding: 8px;
  }
  .low-contents01 .article .contents .article-view-header .magazine-links a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    margin-right: 0.4em;
    margin-bottom: -0.2em;
  }
  .low-contents01 .article .contents .article-view-header .magazine-links a.book {
    background-color: #0A9BBF;
  }
  .low-contents01 .article .contents .article-view-header .magazine-links a.book:before {
    background-image: url("../img/ic_book_white.png");
  }
  .low-contents01 .article .contents .article-view-header .magazine-links a.pdf {
    background-color: #6B6B6B;
  }
  .low-contents01 .article .contents .article-view-header .magazine-links a.pdf:before {
    background-image: url("../img/ic_pdf_white.png");
  }
  .low-contents01 .article .contents .article-view-header .magazine-links a.html {
    background-color: #6B6B6B;
  }
  .low-contents01 .article .contents .article-view-header .magazine-links a.html:before {
    background-image: url("../img/ic_html_white.png");
  }
  .low-contents01 .article .contents .article-view-body {
    color: #535353;
  }
  .low-contents01 .article .contents .article-view-body > p,
  .low-contents01 .article .contents .article-view-body > div,
  .low-contents01 .article .contents .article-view-body > ul,
  .low-contents01 .article .contents .article-view-body > table,
  .low-contents01 .article .contents .article-view-body > ol {
    font-size: 1.0rem;
    line-height: 1.5em;
    margin-bottom: 1.5em;
  }
  .low-contents01 .article .contents .article-view-body .section-title {
    margin-bottom: 0.8em;
  }
  .low-contents01 .article .contents .article-view-body .section-title > span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: inline-block;
    padding: 8px 15px;
    border-radius: 8px;
    background-color: #6B6B6B;
    color: #ffffff;
    font-size: 1.875rem;
    line-height: 1.2em;
    font-weight: 500;
  }
  .low-contents01 .article .contents .article-view-body .section-title > span:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 4px;
    background-color: #ffffff;
    margin-right: 0.4em;
    margin-bottom: 0.2em;
  }
  .low-contents01 .article .contents .article-view-body .section-title.school > span {
    background-color: #20376E;
  }
  .low-contents01 .article .contents .article-view-body .section-title.teacher > span {
    background-color: #8D221F;
  }
  .low-contents01 .article .contents .article-view-body .section-title.series > span {
    background-color: #5BB151;
  }
  .low-contents01 .article .contents .article-view-body .large-section {
    margin-bottom: 2.5em;
  }
  .low-contents01 .article .contents .article-view-body .large-section.school .section-header:before {
    background-color: #20376E !important;
  }
  .low-contents01 .article .contents .article-view-body .large-section.school .section-header .shoulder-title {
    color: #20376E;
  }
  .low-contents01 .article .contents .article-view-body .large-section.school .section-header .large-title {
    color: #20376E;
  }
  .low-contents01 .article .contents .article-view-body .large-section.teacher .section-header:before {
    background-color: #8D221F !important;
  }
  .low-contents01 .article .contents .article-view-body .large-section.teacher .section-header .shoulder-title {
    color: #8D221F;
  }
  .low-contents01 .article .contents .article-view-body .large-section.teacher .section-header .large-title {
    color: #8D221F;
  }
  .low-contents01 .article .contents .article-view-body .large-section .section-header {
    font-size: 1.375rem;
    line-height: 1.5em;
    font-weight: 500;
    padding-left: 1.0em;
    position: relative;
  }
  .low-contents01 .article .contents .article-view-body .large-section .section-header:before {
    content: "";
    width: 18px;
    height: 18px;
    background-color: #6B6B6B;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 0.4em;
  }
  .low-contents01 .article .contents .article-view-body .large-section .section-header.bkn-hs:before {
    background-color: #F69D25;
  }
  .low-contents01 .article .contents .article-view-body .large-section .section-header.bkn-board:before {
    background-color: #5BB151;
  }
  .low-contents01 .article .contents .article-view-body .large-section .section-header.bkn-other:before {
    background-color: #0f5474;
  }
  .low-contents01 .article .contents .article-view-body .large-section .section-header .shoulder-title {
    font-size: 1.0rem;
    line-height: 2.0em;
    font-weight: 500;
    margin-bottom: 0;
  }
  .low-contents01 .article .contents .article-view-body .large-section .section-header .large-title {
    font-size: 1.375rem;
    line-height: 1.5em;
    font-weight: 500;
  }
  .low-contents01 .article .contents .article-view-body .large-section .section-header .option-title {
    font-size: 1.0rem;
    line-height: 1.5em;
    font-weight: 500;
  }
  .low-contents01 .article .contents .article-view-body .large-section .section-header .special-title {
    font-size: 1.625rem;
    line-height: 1.5em;
    font-weight: 400;
  }
  .low-contents01 .article .contents .article-view-body .mid-free > * {
    margin-bottom: 1.5em;
  }
  .low-contents01 .article .contents .article-view-body .mid-free > *:nth-last-child(1) {
    margin-bottom: 0;
  }
  .low-contents01 .article .contents .article-view-body .mid-section {
    border-bottom: 1px solid #cccccc;
    margin-left: 1.5em;
    padding: 0.8em 0;
  }
  .low-contents01 .article .contents .article-view-body .mid-section:nth-last-child(1) {
    border-bottom: none;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .image-title {
    margin: 0.8em 0 1.6em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .image-title .image {
    width: 80px;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .image-title .image img {
    width: 100%;
    height: auto;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .image-title .data {
    padding-left: 1.0em;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .image-title .data .text1 {
    font-size: 1.0rem;
    line-height: 1.5em;
    font-weight: 400;
    margin-bottom: 0.4em;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .image-title .data .text1 {
    font-size: 1.125rem;
    line-height: 1.5em;
    font-weight: 500;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-title1 {
    font-size: 1.0rem;
    line-height: 1.5em;
    font-weight: 500;
    color: #8F6F18;
    margin-bottom: 0.4em;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-title2 {
    font-size: 1.0rem;
    line-height: 1.5em;
    font-weight: 500;
    color: #8F6F18;
    margin-bottom: 0.4em;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-lead1 {
    font-size: 1.125rem;
    line-height: 1.5em;
    font-weight: 500;
    margin-bottom: 0.4em;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-lead2 {
    font-size: 1.25rem;
    line-height: 1.5em;
    font-weight: 500;
    margin-bottom: 0.4em;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-body {
    margin-bottom: 0.4em;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-body > p,
  .low-contents01 .article .contents .article-view-body .mid-section .mid-body > div,
  .low-contents01 .article .contents .article-view-body .mid-section .mid-body > ul,
  .low-contents01 .article .contents .article-view-body .mid-section .mid-body > table,
  .low-contents01 .article .contents .article-view-body .mid-section .mid-body > ol {
    font-size: 1.0rem;
    line-height: 1.5em;
    margin-bottom: 1.5em;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-body > p:nth-last-child(1),
  .low-contents01 .article .contents .article-view-body .mid-section .mid-body > div:nth-last-child(1),
  .low-contents01 .article .contents .article-view-body .mid-section .mid-body > ul:nth-last-child(1),
  .low-contents01 .article .contents .article-view-body .mid-section .mid-body > table:nth-last-child(1),
  .low-contents01 .article .contents .article-view-body .mid-section .mid-body > ol:nth-last-child(1) {
    margin-bottom: 0;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-body + .mid-body {
    margin-top: 1.5em;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-button {
    text-align: right;
    margin-bottom: 0.4em;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-button a.pdf {
    min-width: 180px;
    font-size: 1.0rem;
    line-height: 1.0em;
    font-weight: 500;
    padding: 8px;
    background-color: #6B6B6B;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-button a.pdf:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-image: url("../img/ic_pdf_white.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    margin-right: 0.4em;
    margin-bottom: -0.2em;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-button a.html {
    min-width: 180px;
    font-size: 1.0rem;
    line-height: 1.0em;
    font-weight: 500;
    padding: 8px;
    background-color: #6B6B6B;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-button a.html:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-image: url("../img/ic_html_white.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    margin-right: 0.4em;
    margin-bottom: -0.2em;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-button a.download {
    min-width: 180px;
    font-size: 1.0rem;
    line-height: 1.0em;
    font-weight: 500;
    padding: 8px;
    background-color: #6B6B6B;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-button a.download:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-image: url("../img/ic_download.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    margin-right: 0.4em;
    margin-bottom: -0.2em;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-button + .mid-body {
    margin-top: 1.5em;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-web {
    background-color: #EBEBEB;
    padding: 1.2em;
    margin-top: 0.8em;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-web .mid-web-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 1.0em;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-web .mid-web-button {
    text-align: center;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-web .mid-web-button a {
    background-color: #0A9BBF;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-web .mid-web-button a:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("../img/ic_rendo.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    margin-right: 0.4em;
  }
  .low-contents01 .article .contents .article-view-body .recom-link > a {
    border: 1px solid #cccccc;
    border-radius: 8px;
    padding: 0.8em;
    margin: 0.8em 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .low-contents01 .article .contents .article-view-body .recom-link > a .image {
    width: 100px;
    height: 100px;
  }
  .low-contents01 .article .contents .article-view-body .recom-link > a .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .low-contents01 .article .contents .article-view-body .recom-link > a .data {
    width: calc(100% - 100px - 20px);
    font-size: 1.0rem;
    line-height: 1.5em;
  }
  .low-contents01 .article .contents .article-view-web-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 24px;
  }
  .low-contents01 .article .contents .article-view-web-header .title {
    width: 100%;
    font-size: 1.375rem;
    line-height: 1.5em;
    font-weight: bold;
    margin-top: 0.4em;
    margin-bottom: 0.4em;
  }
  .low-contents01 .article .contents .article-view-web-header .title > .maintitle {
    display: inline-block;
    font-weight: 700;
    line-height: 1.5em;
    padding: 0.3em 0;
  }
  .low-contents01 .article .contents .article-view-web-header .title > .shoulder {
    font-size: 1.0rem;
    line-height: 1.2em;
    font-weight: 400;
  }
  .low-contents01 .article .contents .article-view-web-header .title > .subtitle {
    font-size: 1.0rem;
    line-height: 1.2em;
    font-weight: 400;
  }
  .low-contents01 .article .contents .article-view-web-header .date {
    color: #828282;
    font-size: 0.75rem;
    line-height: 1.0em;
    margin-right: auto;
  }
  .low-contents01 .article .contents .article-view-web-header .tools {
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .low-contents01 .article .contents .article-view-web-header .tag-badge {
    margin-top: 0.6em;
  }
  .low-contents01 .article .contents .article-view-web-header .badge-magazine {
    width: 100%;
    margin-top: 0.6em;
  }
  .low-contents01 .article .contents .article-view-web-header .shoulder-outer {
    width: 100%;
    margin-top: 0.6em;
    font-size: 1.0rem;
    line-height: 1.5em;
    font-weight: 500;
    padding-left: 1.0em;
    position: relative;
  }
  .low-contents01 .article .contents .article-view-web-header .shoulder-outer:before {
    content: "";
    width: 14px;
    height: 14px;
    background-color: #6B6B6B;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 0.6em;
  }
  .low-contents01 .article .contents .article-view-web-header .shoulder-outer.bkn-hs:before {
    background-color: #F69D25;
  }
  .low-contents01 .article .contents .article-view-web-header .shoulder-outer.bkn-board:before {
    background-color: #5BB151;
  }
  .low-contents01 .article .contents .article-view-web-header .shoulder-outer.bkn-other:before {
    background-color: #0f5474;
  }
  .low-contents01 .article .contents .article-view-web-header .shoulder-outer .shoulder-title {
    font-size: 1.0rem;
    line-height: 2.0em;
    font-weight: 500;
    margin-bottom: 0;
  }
  .low-contents01 .article .contents .article-view-web-body {
    color: #535353;
  }
  .low-contents01 .article .contents .article-view-web-body > p,
  .low-contents01 .article .contents .article-view-web-body > div,
  .low-contents01 .article .contents .article-view-web-body > ul,
  .low-contents01 .article .contents .article-view-web-body > table,
  .low-contents01 .article .contents .article-view-web-body > ol {
    font-size: 1.0rem;
    line-height: 1.5em;
    margin-bottom: 1.5em;
  }
  .low-contents01 .article .contents .article-view-web-body > .lead-outer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 1.5em;
    border-bottom: 1px solid #cccccc;
  }
  .low-contents01 .article .contents .article-view-web-body > .lead-outer .image {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    width: 120px;
  }
  .low-contents01 .article .contents .article-view-web-body > .lead-outer .image img {
    width: 100%;
    height: auto;
  }
  .low-contents01 .article .contents .article-view-web-body > .lead-outer .lead {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    width: calc(100% - 120px - 20px);
  }
  .low-contents01 .article .contents .article-view-web-body > .lead,
  .low-contents01 .article .contents .article-view-web-body > .post-pdf-button {
    padding-bottom: 1.5em;
    border-bottom: 1px solid #cccccc;
  }
  .low-contents01 .article .contents .article-view-web-body .mid-button {
    text-align: center;
    margin-bottom: 0.4em;
  }
  .low-contents01 .article .contents .article-view-web-body .mid-button a.pdf {
    min-width: 180px;
    font-size: 1.0rem;
    line-height: 1.5em;
    font-weight: 500;
    padding: 8px;
    background-color: #6B6B6B;
  }
  .low-contents01 .article .contents .article-view-web-body .mid-button a.pdf:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-image: url("../img/ic_pdf_white.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    margin-right: 0.4em;
    margin-bottom: -0.2em;
  }
  .low-contents01 .article .contents .article-view-web-body .mid-button a.html {
    min-width: 180px;
    font-size: 1.0rem;
    line-height: 1.5em;
    font-weight: 500;
    padding: 8px;
    background-color: #6B6B6B;
  }
  .low-contents01 .article .contents .article-view-web-body .mid-button a.html:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-image: url("../img/ic_html_white.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    margin-right: 0.4em;
    margin-bottom: -0.2em;
  }
  .low-contents01 .article .contents .article-view-web-body .mid-button a.download {
    min-width: 180px;
    font-size: 1.0rem;
    line-height: 1.5em;
    font-weight: 500;
    padding: 8px;
    background-color: #6B6B6B;
  }
  .low-contents01 .article .contents .article-view-web-body .mid-button a.download:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-image: url("../img/ic_download.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    margin-right: 0.4em;
    margin-bottom: -0.2em;
  }
  .low-contents01 .article .contents .article-view-web-body .mid-button + .mid-body {
    margin-top: 1.5em;
  }
  .low-contents01 .article .rating {
    position: relative;
    z-index: 3;
    margin-top: 40px;
    border-radius: 16px;
    background-color: #ffffff;
    padding: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .low-contents01 .article .rating .list-rate {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .low-contents01 .article .rating .list-rate > li {
    text-align: center;
    margin: 0 12px;
    padding: 0;
    min-width: 80px;
  }
  .low-contents01 .article .rating .list-rate > li > a {
    display: inline-block;
    color: #434343;
    text-decoration: none !important;
  }
  .low-contents01 .article .rating .list-rate > li > a:before {
    content: " ";
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    margin-bottom: 2px;
  }
  .low-contents01 .article .rating .list-rate > li.kizuki a:before {
    background-image: url("../img/ic_light.png");
  }
  .low-contents01 .article .rating .list-rate > li.yakudachi a:before {
    background-image: url("../img/ic_note.png");
  }
  .low-contents01 .article .rating .list-rate > li.susumetai a:before {
    background-image: url("../img/ic_caution.png");
  }
  .low-contents01 .article .rating .list-rate > li.comment a:before {
    background-image: url("../img/ic_comment.png");
  }
  .low-contents01 .article .rating .list-rate > li .count {
    color: #8A8A8A;
    font-size: 0.75rem;
    line-height: 1.0em;
  }
  .low-contents01 .article .rating .list-rate > li .text {
    color: #434343;
    font-size: 0.75rem;
    line-height: 1.0em;
    margin-top: 4px;
  }
  .low-contents01 .article .rating .vote {
    margin-left: 20px;
  }
  .low-contents01 .article .comment-box {
    margin-top: 40px;
    border-radius: 16px;
    background-color: #ffffff;
    padding: 30px 60px;
  }
  .low-contents01 .article .comment-box .more {
    text-align: right;
  }
  .low-contents01 .article .comment-box .more .button-more01 {
    min-width: 160px;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-top: 20px;
  }
  .low-contents01 .article .list-comment {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .low-contents01 .article .list-comment > li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #707070;
    padding: 12px 0 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .low-contents01 .article .list-comment > li .re {
    font-size: 0.75rem;
    line-height: 1.0em;
    font-weight: bold;
    color: #0A9BBF;
    white-space: nowrap;
    width: 60px;
    text-align: center;
  }
  .low-contents01 .article .list-comment > li .re a {
    color: #0A9BBF;
    text-decoration: none;
  }
  .low-contents01 .article .list-comment > li .re:before {
    content: " ";
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    background-image: url("../img/ic_re.png");
    margin-bottom: 2px;
  }
  .low-contents01 .article .list-comment > li .text {
    width: calc(100% - 60px - 20px);
  }
  .low-contents01 .article .list-comment > li .text .body {
    font-size: 0.75rem;
    line-height: 1.5em;
    color: #5D5D5D;
  }
  .low-contents01 .article .list-comment > li .text .tools {
    margin-top: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .low-contents01 .article .list-comment > li .text .tools > li {
    text-align: center;
    margin: 0 0 0 20px;
    padding: 0;
  }
  .low-contents01 .article .list-comment > li .text .tools > li > a {
    display: inline-block;
    color: #8A8A8A;
    text-decoration: none !important;
  }
  .low-contents01 .article .list-comment > li .text .tools > li > a:before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    margin-bottom: 4px;
    margin-right: 4px;
  }
  .low-contents01 .article .list-comment > li .text .tools > li.like a:before {
    background-image: url("../img/ic_sns.svg#like");
  }
  .low-contents01 .article .list-comment > li .text .tools > li.dislike a:before {
    background-image: url("../img/ic_sns.svg#like");
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-bottom: 0px;
  }
  .low-contents01 .article .list-comment > li .text .tools > li.twitter {
    font-size: 0.1em;
    line-height: 0.1em;
    margin-top: 2px;
  }
  .low-contents01 .article .list-comment > li .text .tools > li.twitter a {
    width: 24px;
    height: 24px;
    overflow: hidden;
    text-align: left;
    text-indent: -9000px;
    white-space: nowrap;
    position: relative;
    font-size: 0.1em;
    line-height: 0.1em;
  }
  .low-contents01 .article .list-comment > li .text .tools > li.twitter a:before {
    position: absolute;
    left: 0;
    top: 0;
    background-image: url("../img/ic_sns.svg#twitter");
    margin-bottom: 0;
    margin-right: 0;
  }
  .low-contents01 .aside {
    width: 380px;
  }
  .low-contents01 .aside .innovation-pickup {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 2px solid #346586;
    border-radius: 16px;
    padding: 8px;
    margin: 20px 0;
    background-color: #ffffff;
  }
  .low-contents01 .aside .innovation-pickup > a,
  .low-contents01 .aside .innovation-pickup > span {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .low-contents01 .aside .innovation-pickup .image {
    width: 80px;
    height: 80px;
    margin-bottom: auto;
  }
  .low-contents01 .aside .innovation-pickup .image img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    -o-object-position: 50% 0%;
    object-position: 50% 0%;
  }
  .low-contents01 .aside .innovation-pickup .data {
    width: calc(100% - 80px - 10px);
    color: #2a2a2a;
    font-size: 0.75rem;
    line-height: 1.7em;
    font-weight: bold;
  }
  .low-contents01 .aside .innovation-pickup.without-image {
    padding: 16px;
  }
  .low-contents01 .aside .innovation-pickup.without-image .data {
    width: 100%;
  }
  .low-contents01 .aside .contents {
    border-radius: 16px;
    background-color: #ffffff;
    padding: 24px 28px;
    margin-bottom: 30px;
  }
  .low-contents01 .aside .contents:nth-last-child(1) {
    margin-bottom: 0px;
  }
  .low-contents01 .aside .contents_title {
    text-align: center;
    font-size: 12px;
    line-height: 1.25em;
    margin-top: 30px;
  }
  .low-contents01 .aside .contents_title .box {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    height: 100%;
    padding: 3px 10px;
    background-color: #ffffff;
    border: 2px solid #000000;
    border-radius: 8px;
    margin-bottom: 10px;
  }
  .low-contents01 .aside .contents_title .box:before {
    content: " ";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 4px;
    margin-bottom: 2px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
  }
  .low-contents01 .aside .contents_title .box .logo-nexpress {
    width: 65px;
    height: 12px;
    margin-top: 0.4em;
  }
  .low-contents01 .aside .contents_title.news .box {
    border-color: #765150;
  }
  .low-contents01 .aside .contents_title.news .box:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#school");
  }
  .low-contents01 .aside .contents_title.opinion .box {
    border-color: #618758;
  }
  .low-contents01 .aside .contents_title.opinion .box:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#opinion");
  }
  .low-contents01 .aside .contents_title.counseling .box {
    border-color: #8f302b;
  }
  .low-contents01 .aside .contents_title.counseling .box:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#consult");
  }
  .low-contents01 .aside .contents_title.current .box {
    border-color: #bf5b17;
  }
  .low-contents01 .aside .contents_title.current .box:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#current");
  }
  .low-contents01 .aside .contents_title.view .box {
    border-color: #5ec7b9;
  }
  .low-contents01 .aside .contents_title.view .box:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#backnumber");
  }
  .low-contents01 .aside .contents_title.innovation .box {
    border-color: #346586;
  }
  .low-contents01 .aside .contents_title.innovation .box:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#innovation");
  }
  .low-contents01 .aside .list-side01 > li .badge {
    margin-bottom: 2px;
  }
  body.single-column .top-header > .inner {
    width: 920px;
  }
  .low-contents02 {
    width: 920px;
    margin: 24px auto 40px;
  }
  .low-contents02 .article .contents {
    border-radius: 16px;
    background-color: #ffffff;
    padding: 24px 32px;
  }
  .low-contents02 .article .article-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 24px;
  }
  .low-contents02 .article .article-header .title {
    width: 100%;
    font-size: 24px;
    line-height: 1.5em;
    font-weight: bold;
    margin-bottom: 8px;
  }
  .low-contents02 .article .article-header .date {
    color: #828282;
    font-size: 0.75rem;
    line-height: 1.0em;
  }
  .low-contents02 .article .article-body {
    color: #535353;
    zoom: 1;
  }
  .low-contents02 .article .article-body:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: " ";
    line-height: 0;
  }
  .low-contents02 .article .article-body > h2,
  .low-contents02 .article .article-body > h3,
  .low-contents02 .article .article-body > h4,
  .low-contents02 .article .article-body > blockquote,
  .low-contents02 .article .article-body > p,
  .low-contents02 .article .article-body > div,
  .low-contents02 .article .article-body > ul,
  .low-contents02 .article .article-body > table,
  .low-contents02 .article .article-body > ol {
    font-size: 1.0rem;
    line-height: 1.5em;
    margin-bottom: 1.5em;
  }
  .side-sec {
    margin-bottom: 48px;
  }
  .side-sec:nth-last-child(1) {
    margin-bottom: 0;
  }
  .side-sec#ranking-access2 {
    margin-bottom: 0;
  }
  .side-sec > .heading {
    font-size: 20px;
    line-height: 1.2em;
    font-weight: bold;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 32px;
    padding-left: 38px;
    margin: 0 auto;
    margin-bottom: 16px;
  }
  .side-sec > .heading:before {
    content: " ";
    display: block;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
  }
  .side-sec > .heading .logo-nexpress {
    width: 109px;
    height: 20px;
  }
  .side-sec > .heading .logo-nexpress + br {
    display: none;
  }
  .side-sec#related .heading:before {
    background-image: url("../img/ic_related.png");
  }
  .side-sec#latest .heading:before {
    background-image: url("../img/ic_new.png");
  }
  .side-sec#writer .heading:before {
    background-image: url("../img/ic_memo.png");
  }
  .side-sec#ranking-access .heading:before,
  .side-sec#ranking-access2 .heading:before {
    background-image: url("../img/ic_rank1.png");
  }
  .side-sec#ranking-category .heading:before {
    background-image: url("../img/ic_rank2.png");
  }
  .side-sec#writer > .heading {
    position: relative;
  }
  .side-sec#writer > .heading .image {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 4px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
  }
  .side-sec#writer > .heading .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    -o-object-position: 50% 0%;
    object-position: 50% 0%;
  }
  .list-side01 {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .list-side01 > li {
    margin: 0;
    padding: 0;
    margin-bottom: 16px;
    font-size: 12px;
    line-height: 1.5em;
    position: relative;
  }
  .list-side01 > li:nth-last-child(1) {
    margin-bottom: 0;
  }
  .list-side01 > li > a {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .list-side01 > li a:link,
  .list-side01 > li a:visited {
    color: #000000;
    text-decoration: none;
  }
  .list-side01 > li a:hover,
  .list-side01 > li a:active {
    color: #2999C4;
    text-decoration: none;
  }
  .list-side01 > li .rank {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 4px;
    width: 18px;
    height: 18px;
    padding: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    font-size: 10px;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 4px;
    top: 4px;
    z-index: 10;
  }
  .list-side01 > li .image {
    position: relative;
    width: 120px;
    height: 80px;
    border-radius: 8px;
    overflow: hidden;
  }
  .list-side01 > li .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .list-side01 > li .image.cover {
    background: none !important;
  }
  .list-side01 > li .image.cover img {
    -o-object-fit: contain;
    object-fit: contain;
    font-family: 'object-fit: contain;';
  }
  .list-side01 > li .text {
    width: calc(100% - 120px - 10px);
  }
  .list-side01 > li .title {
    font-weight: bold;
  }
  .list-side01 > li .title .shoulder,
  .list-side01 > li .title .subtitle {
    font-weight: normal;
  }
  .list-side01 > li .date {
    color: #828282;
    margin-top: 4px;
  }
  .list-side01 > li .badge {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #0A9BBF;
    border-radius: 4px;
    min-height: 18px;
    padding: 2px 6px 2px;
    color: #ffffff;
    text-decoration: none;
    font-size: 10px;
    line-height: 1.0;
    font-weight: 500;
    margin-bottom: 0.2em;
  }
  .list-side01 > li .badge.web {
    background-color: #0A9BBF;
  }
  .list-side01 > li .badge.bkn-hs {
    background-color: #F69D25;
  }
  .list-side01 > li .badge.bkn-board {
    background-color: #5BB151;
  }
  .list-side01.square .image {
    width: 80px;
  }
  .list-side01.square .text {
    width: calc(100% - 80px - 10px);
  }
  .list-side01.current .image {
    border-radius: 60%;
  }
  .list-side02 {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .list-side02 > li {
    margin: 0;
    padding: 0.6em 0;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 16px;
    font-size: 12px;
    line-height: 1.5em;
    position: relative;
    padding-left: 26px;
  }
  .list-side02 > li:nth-last-child(1) {
    margin-bottom: 0;
  }
  .list-side02 > li .rank {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 4px;
    width: 18px;
    height: 18px;
    padding: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    font-size: 10px;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 0px;
    top: 0.8em;
    z-index: 10;
  }
  .list-side02 > li > a {
    display: block;
  }
  .list-side02 > li > a:link, .list-side02 > li > a:visited {
    color: #000000;
    text-decoration: none;
  }
  .list-side02 > li > a:hover, .list-side02 > li > a:active {
    color: #2999C4;
    text-decoration: none;
  }
  .list-side02 > li .title {
    font-weight: bold;
  }
  .list-side02 > li .date {
    color: #828282;
    margin-top: 6px;
  }
  .innovation-nav {
    width: 1094px;
    margin: 0 auto;
  }
  .innovation-nav > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .innovation-nav > ul > li {
    width: 114px;
    height: 40px;
    overflow: hidden;
    font-size: 16px;
    line-height: 1.0em;
    margin: 0 8px 0 0;
  }
  .innovation-nav > ul > li.active {
    height: 50px;
  }
  .innovation-nav > ul > li > a {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #6B6B6B;
    color: #ffffff;
    text-decoration: none;
  }
  .innovation-nav > ul > li > a:hover {
    opacity: 0.6;
  }
  .innovation-nav > ul > li.innovation-all a {
    background-color: #346586;
  }
  .innovation-nav > ul > li.innovation-project a {
    background-color: #454080;
  }
  .innovation-nav > ul > li.innovation-special a {
    background-color: #a44040;
  }
  .innovation-nav > ul > li.innovation-case a {
    background-color: #c27336;
  }
  .innovation-nav > ul > li.innovation-research a {
    background-color: #577447;
  }
  .innovation-nav + .contents {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .counseling-nav {
    width: 1094px;
    margin: 0 auto;
  }
  .counseling-nav > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .counseling-nav > ul > li {
    width: 104px;
    height: 40px;
    overflow: hidden;
    font-size: 18px;
    line-height: 1.0em;
    margin: 0 8px 0 0;
  }
  .counseling-nav > ul > li.active {
    height: 50px;
  }
  .counseling-nav > ul > li > a {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #6B6B6B;
    color: #ffffff;
    text-decoration: none;
  }
  .counseling-nav > ul > li > a:hover {
    opacity: 0.6;
  }
  .counseling-nav > ul > li.counseling-study a {
    background-color: #B51C1C;
  }
  .counseling-nav > ul > li.counseling-course a {
    background-color: #2A7924;
  }
  .counseling-nav > ul > li.counseling-life a {
    background-color: #1C5EB5;
  }
  .counseling-nav + .contents {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .counseling-members {
    border-radius: 16px;
    padding: 10px;
    background-color: #ffffff;
  }
  .counseling-members .catch {
    text-align: center;
    font-size: 1.25em;
    line-height: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
  }
  .counseling-members .list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .counseling-members .list > li {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 50%;
    margin: 0;
    padding: 0.6em 0.2em 0.6em 0;
    border-top: 2px solid #EBEBEB;
    position: relative;
  }
  .counseling-members .list > li:nth-child(1), .counseling-members .list > li:nth-child(2) {
    border-top: none;
  }
  .counseling-members .list > li:nth-child(odd) {
    border-right: 2px solid #EBEBEB;
  }
  .counseling-members .list > li:nth-child(n + 3):nth-child(odd):after {
    content: "";
    width: 100%;
    border-top: 2px solid #EBEBEB;
    position: absolute;
    right: -100%;
    top: -2px;
  }
  .counseling-members .list > li > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 10px;
  }
  .counseling-members .list > li > a:link, .counseling-members .list > li > a:visited {
    color: #000000;
    text-decoration: none;
  }
  .counseling-members .list > li > a:hover, .counseling-members .list > li > a:active {
    color: #2999C4;
    text-decoration: none;
  }
  .counseling-members .list > li .image {
    width: 60px;
    height: 60px;
  }
  .counseling-members .list > li .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .counseling-members .list > li .data {
    width: calc(100% - 60px - 10px);
  }
  .counseling-members .list > li .shoulder {
    font-size: 0.75em;
    line-height: 1.5em;
  }
  .counseling-members .list > li .name {
    font-size: 0.875em;
    line-height: 1.5em;
  }
  .counseling-vote {
    margin-top: 1.0em;
  }
  .counseling-vote .button01 {
    border-radius: 8px;
    background-color: #9B2626;
    width: 100%;
    height: 45px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 1.0em;
  }
  .counseling-vote .button01:before {
    content: "";
    display: inline-block;
    margin-right: 0.4em;
    vertical-align: top;
    width: 20px;
    height: 20px;
    background-image: url("../img/ic_email_white.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
  }
  .counseling-vote + .contents {
    margin-top: 20px;
  }
  .current-members {
    border-radius: 16px;
    padding: 10px;
    background-color: #ffffff;
    margin-bottom: 30px;
  }
  .current-members .catch {
    text-align: center;
    font-size: 1.25em;
    line-height: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
  }
  .current-members .list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .current-members .list > li {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 50%;
    margin: 0;
    padding: 0.6em 0.2em 0.6em 0;
    border-top: 2px solid #EBEBEB;
    position: relative;
    /*.image {
				width: 60px;
				height: 60px;
				img {
					width: 100%;
					height: 100%;
					object-fit: cover;
					font-family: 'object-fit: cover;';
				}
			}*/
  }
  .current-members .list > li:nth-child(1), .current-members .list > li:nth-child(2) {
    border-top: none;
  }
  .current-members .list > li:nth-child(odd) {
    border-right: 2px solid #EBEBEB;
  }
  .current-members .list > li:nth-child(n + 3):nth-child(odd):after {
    content: "";
    width: 100%;
    border-top: 2px solid #EBEBEB;
    position: absolute;
    right: -100%;
    top: -2px;
  }
  .current-members .list > li > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 10px;
    pointer-events: none;
    cursor: default;
  }
  .current-members .list > li > a[href] {
    pointer-events: auto;
    cursor: pointer;
  }
  .current-members .list > li > a:link, .current-members .list > li > a:visited {
    color: #000000;
    text-decoration: none;
  }
  .current-members .list > li > a:hover, .current-members .list > li > a:active {
    color: #2999C4;
    text-decoration: none;
  }
  .current-members .list > li .data {
    width: 100%;
  }
  .current-members .list > li .shoulder {
    font-size: 0.75em;
    line-height: 1.5em;
  }
  .current-members .list > li .name {
    font-size: 0.875em;
    line-height: 1.5em;
  }
  .current-to-expert .button01 {
    border-radius: 8px;
    background-color: #bf5b17;
    width: 100%;
    height: 45px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 1.0em;
  }
  .current-to-expert .button01:before {
    content: "";
    display: inline-block;
    margin-right: 0.4em;
    vertical-align: top;
    width: 20px;
    height: 20px;
    background-image: url("../img/ic_sprite.svg?t=2023072802#current-white");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
  }
  .current-to-expert + .contents {
    margin-top: 20px;
  }
  .innovation-to-about .button01 {
    border-radius: 8px;
    background-color: #346586;
    width: 100%;
    height: 45px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 1.0em;
  }
  .innovation-to-about .button01:before {
    content: "";
    display: inline-block;
    margin-right: 0.4em;
    vertical-align: top;
    width: 20px;
    height: 20px;
    background-image: url("../img/ic_sprite.svg?t=20220318#innovation-white");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
  }
  .innovation-to-about + .contents {
    margin-top: 20px;
  }
  .search-list-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
  }
  .search-list-header .title {
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1.5em;
  }
  .search-list-header .title.results {
    margin-top: 0.8em;
    margin-bottom: 0.8em;
  }
  .search-list-header .list-orderby {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
  }
  .search-list-header .list-orderby .select01 {
    margin-left: 5px;
  }
  .search-count {
    font-size: 12px;
    line-height: 1.25em;
    margin: 10px 0 20px;
  }
}

@media print, screen and (min-width: 521px) and (min-width: 521px) {
  .counseling-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-top: 2px solid #cccccc;
  }
  .counseling-list > li {
    margin: 0;
    padding: 15px 0;
    border-bottom: 2px solid #cccccc;
  }
  .counseling-list > li .top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
  }
  .counseling-list > li .question {
    font-size: 1.25em;
  }
  .counseling-list > li .meta {
    margin: 10px 0;
    color: #666666;
    font-size: 0.85em;
    line-height: 1.25em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .counseling-list > li .meta > * {
    margin-right: 20px;
  }
  .counseling-list > li .bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .counseling-list > li .bottom .description {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: calc(100% - 120px);
    padding-right: 10px;
  }
  .counseling-list > li .bottom .answer {
    width: 120px;
    text-align: center;
  }
  .counseling-list > li .bottom .answer > a {
    display: block;
  }
  .counseling-list > li .bottom .answer > a:link, .counseling-list > li .bottom .answer > a:visited {
    color: #000000;
    text-decoration: none;
  }
  .counseling-list > li .bottom .answer > a:hover, .counseling-list > li .bottom .answer > a:active {
    color: #000000;
    text-decoration: underline;
  }
  .counseling-list > li .bottom .answer .image {
    display: inline-block;
    width: 60px;
    margin: 5px 0;
  }
  .counseling-list > li .bottom .answer .image img {
    max-width: 100%;
  }
  .counseling-list > li .bottom .answer .heading {
    font-size: 1.0em;
    line-height: 1.5em;
    font-weight: bold;
  }
  .counseling-list > li .bottom .answer .name {
    font-size: 1.0em;
    line-height: 1.5em;
  }
}

@media only screen and (min-width: 521px) and (max-width: 520px) {
  .counseling-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-top: 0.53333vw solid #cccccc;
  }
  .counseling-list > li {
    margin: 0;
    padding: 1.0em 0;
    border-bottom: 0.53333vw solid #cccccc;
  }
  .counseling-list > li .top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.5em;
  }
  .counseling-list > li .question {
    font-size: 1.25em;
  }
  .counseling-list > li .meta {
    margin: 1.0em 0;
    color: #666666;
    font-size: 0.85em;
    line-height: 1.25em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .counseling-list > li .meta > * {
    margin-right: 2.0em;
  }
  .counseling-list > li .bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .counseling-list > li .bottom .description {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: calc(100% - 23vw);
    padding-right: 10px;
  }
  .counseling-list > li .bottom .answer {
    width: 23vw;
    text-align: center;
  }
  .counseling-list > li .bottom .answer a {
    color: inherit;
  }
  .counseling-list > li .bottom .answer .image {
    display: inline-block;
    width: 50%;
    margin: 0.5em 0;
  }
  .counseling-list > li .bottom .answer .image img {
    max-width: 100%;
  }
  .counseling-list > li .bottom .answer .heading {
    font-size: 1.0em;
    line-height: 1.5em;
    font-weight: bold;
  }
  .counseling-list > li .bottom .answer .name {
    font-size: 1.0em;
    line-height: 1.5em;
  }
}

@media print, screen and (min-width: 521px) {
  .current-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-top: 2px solid #cccccc;
  }
  .current-list > li {
    margin: 0;
    padding: 15px 0;
    border-bottom: 2px solid #cccccc;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .current-list > li .person {
    width: 100px;
    text-align: center;
  }
  .current-list > li .person a {
    pointer-events: none;
    cursor: default;
  }
  .current-list > li .person a[href] {
    pointer-events: auto;
    cursor: pointer;
  }
  .current-list > li .person .image {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 60%;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
  }
  .current-list > li .person .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .current-list > li .person .name {
    text-align: center;
    font-size: 0.6rem;
    line-height: 1.45em;
    margin-top: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .current-list > li .person .name > .prefix {
    display: block;
    margin: 0 auto;
    font-size: 1.125em;
    font-weight: bold;
    text-align: center;
  }
  .current-list > li .person .name > .position {
    display: block;
    margin: 0.4em auto;
    text-align: left;
    font-size: 1.0em;
  }
  .current-list > li .person .name > .writer {
    font-size: 1.25em;
    font-weight: bold;
  }
  .current-list > li .person a:link,
  .current-list > li .person a:visited {
    color: #000000;
  }
  .current-list > li .person a:hover,
  .current-list > li .person a:active {
    color: #0A9BBF;
  }
  .current-list > li .data {
    width: calc(100% - 100px - 20px);
  }
  .current-list > li .title {
    font-size: 1.5rem;
    line-height: 1.5em;
    margin-bottom: 6px;
  }
  .current-list > li .summary {
    font-size: 1.0rem;
    line-height: 1.75em;
  }
  .current-list > li .summary > p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .current-list > li .meta {
    margin: 8px 0 0;
    color: #666666;
    font-size: 0.85em;
    line-height: 1.25em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .current-list > li .meta > * {
    margin-left: 20px;
  }
}

@media print, screen and (min-width: 521px) and (min-width: 521px) {
  .badge-category {
    list-style-type: none;
    margin: 0 10px 0 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .badge-category > li {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-width: 70px;
    height: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin: 0 3px 0 0;
    padding: 5px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 1.0em;
    background-color: #666666;
    color: #ffffff;
  }
  .badge-category > li.innovation-project {
    background: #454080;
  }
  .badge-category > li.innovation-special {
    background: #a44040;
  }
  .badge-category > li.innovation-case {
    background: #c27336;
  }
  .badge-category > li.innovation-research {
    background: #577447;
  }
  .badge-genre {
    list-style-type: none;
    margin: 0 10px 0 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .badge-genre > li {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-width: 70px;
    height: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin: 0 3px 0 0;
    padding: 5px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 1.0em;
    background-color: #666666;
    color: #ffffff;
  }
  .badge-genre > li.study {
    background: #B51C1C;
  }
  .badge-genre > li.course {
    background: #2A7924;
  }
  .badge-genre > li.life {
    background: #1C5EB5;
  }
  .badge-school {
    list-style-type: none;
    margin: 0 10px 0 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .badge-school > li {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-width: 70px;
    height: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin: 0 3px 0 0;
    padding: 5px;
    border-radius: 4px;
    border: 2px solid #666666;
    font-size: 12px;
    line-height: 1.0em;
    color: #666666;
  }
  .badge-school > li.elementary {
    border-color: #D57327;
    color: #D57327;
  }
  .badge-school > li.junior {
    border-color: #1CB5B1;
    color: #1CB5B1;
  }
  .badge-school > li.high {
    border-color: #82B51C;
    color: #82B51C;
  }
  .badge-weboriginal {
    list-style-type: none;
    margin: 0 10px 0 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .badge-weboriginal > li {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-width: 70px;
    height: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin: 0 3px 0 0;
    padding: 5px;
    border-radius: 4px;
    border: 2px solid #0A9BBF;
    font-size: 12px;
    line-height: 1.0em;
    color: #0A9BBF;
  }
  .badge-webcat {
    list-style-type: none;
    margin: 0 10px 0 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .badge-webcat > li {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-width: 70px;
    height: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin: 0 6px 0 0;
    padding: 5px;
    border-radius: 4px;
    background-color: #0A9BBF;
    font-size: 12px;
    line-height: 1.0em;
    color: #ffffff;
  }
}

@media only screen and (min-width: 521px) and (max-width: 520px) {
  .badge-category {
    list-style-type: none;
    margin: 0 0.5em 0 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .badge-category > li {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-width: 6em;
    height: 5.33333vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin: 0 0.2em 0 0;
    padding: 0.4em;
    border-radius: 1.06667vw;
    font-size: 0.75rem;
    line-height: 1.0em;
    background-color: #666666;
    color: #ffffff;
  }
  .badge-category > li.innovation-project {
    background: #454080;
  }
  .badge-category > li.innovation-special {
    background: #a44040;
  }
  .badge-category > li.innovation-case {
    background: #c27336;
  }
  .badge-category > li.innovation-research {
    background: #577447;
  }
  .badge-genre {
    list-style-type: none;
    margin: 0 0.5em 0 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .badge-genre > li {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-width: 6em;
    height: 5.33333vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin: 0 0.2em 0 0;
    padding: 0.4em;
    border-radius: 1.06667vw;
    font-size: 0.75rem;
    line-height: 1.0em;
    background-color: #666666;
    color: #ffffff;
  }
  .badge-genre > li.study {
    background: #B51C1C;
  }
  .badge-genre > li.course {
    background: #2A7924;
  }
  .badge-genre > li.life {
    background: #1C5EB5;
  }
  .badge-school {
    list-style-type: none;
    margin: 0 0.5em 0 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .badge-school > li {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-width: 6em;
    height: 5.33333vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin: 0 0.2em 0 0;
    padding: 5px;
    border-radius: 1.06667vw;
    border: 0.53333vw solid #666666;
    font-size: 0.75rem;
    line-height: 1.0em;
    color: #666666;
  }
  .badge-school > li.elementary {
    border-color: #D57327;
    color: #D57327;
  }
  .badge-school > li.junior {
    border-color: #1CB5B1;
    color: #1CB5B1;
  }
  .badge-school > li.high {
    border-color: #82B51C;
    color: #82B51C;
  }
  .badge-weboriginal {
    list-style-type: none;
    margin: 0 0.5em 0 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .badge-weboriginal > li {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-width: 6em;
    height: 5.33333vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin: 0 0.2em 0 0;
    padding: 5px;
    border-radius: 1.06667vw;
    border: 0.53333vw solid #0A9BBF;
    font-size: 0.75rem;
    line-height: 1.0em;
    color: #0A9BBF;
  }
  .badge-webcat {
    list-style-type: none;
    margin: 0 0.5em 0 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .badge-webcat > li {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-width: 6em;
    height: 5.33333vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin: 0 0.4em 0 0;
    padding: 5px;
    border-radius: 1.06667vw;
    background-color: #0A9BBF;
    font-size: 0.75rem;
    line-height: 1.0em;
    color: #ffffff;
  }
}

@media print, screen and (min-width: 521px) {
  .search-modal-inner > form > .heading {
    text-align: center;
    margin-bottom: 20px;
    font-size: 1.5em;
    line-height: 1.25em;
    font-weight: bold;
  }
  .search-modal-inner .row {
    border-top: 2px solid #cccccc;
    border-bottom: 2px solid #cccccc;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: -2px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .search-modal-inner .row > .heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    font-size: 1.125em;
    line-height: 1.5em;
    font-weight: 700;
    white-space: nowrap;
    padding-right: 1.0em;
  }
  .search-modal-inner .row > .heading:nth-child(1) {
    margin-top: 0;
  }
  .search-modal-inner .row > .heading:before {
    content: "●";
    display: block;
    color: #2999C4;
    margin-right: 0.2em;
  }
  .search-modal-inner .row .list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .search-modal-inner .row .list > li {
    margin: 0 10px;
  }
  .search-modal-inner .button {
    text-align: center;
    margin-top: 20px;
  }
  .opinion-slider-outer {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    background-color: #eeeeee;
    padding: 20px 40px;
    margin-top: 30px;
    position: relative;
  }
  .opinion-slider-outer .slide-dummy-message {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    background-color: rgba(255, 0, 0, 0.7);
    color: #ffffff;
    font-weight: bold;
    font-size: 32px;
    line-height: 1.5em;
  }
  .opinion-slider.owl-theme {
    position: relative;
  }
  .opinion-slider.owl-theme .item {
    text-align: center;
  }
  .opinion-slider.owl-theme .owl-nav {
    margin: 0;
  }
  .opinion-slider.owl-theme .owl-nav .owl-prev {
    position: absolute;
    left: -30px;
    top: 80px;
    height: 60px;
    margin: auto 0;
  }
  .opinion-slider.owl-theme .owl-nav .owl-next {
    position: absolute;
    right: -30px;
    top: 80px;
    height: 60px;
    margin: auto 0;
  }
  .opinion-slider.owl-theme .owl-nav span {
    font-size: 40px;
    line-height: 1.0em;
  }
  .opinion-slider.owl-theme .owl-dots {
    margin-top: 20px;
  }
  .innovation-profile-sec {
    margin-bottom: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .innovation-profile-sec > .image {
    width: 200px;
    background: none !important;
  }
  .innovation-profile-sec > .image img {
    width: 100%;
    height: auto;
  }
  .innovation-profile-sec > .data {
    width: calc(100% - 200px - 20px);
  }
  .innovation-profile-sec > .data .name {
    font-size: 1.5rem;
    line-height: 1.5em;
    font-weight: bold;
    margin-bottom: 0.5em;
  }
  .innovation-profile-sec > .data .position {
    font-size: 1.0rem;
    line-height: 1.5em;
    margin-bottom: 1.0em;
  }
  .innovation-profile-sec > .data .summary > * {
    margin-bottom: 1.5em;
  }
  .innovation-profile-sec > .data .summary > *:nth-last-child(1) {
    margin-bottom: 0;
  }
  .opinion-profile-sec {
    margin-bottom: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .opinion-profile-sec > .image {
    width: 200px;
    background: none !important;
  }
  .opinion-profile-sec > .image img {
    width: 100%;
    height: auto;
  }
  .opinion-profile-sec > .data {
    width: calc(100% - 200px - 20px);
  }
  .opinion-profile-sec > .data .name {
    font-size: 1.5rem;
    line-height: 1.5em;
    font-weight: bold;
    margin-bottom: 0.5em;
  }
  .opinion-profile-sec > .data .position {
    font-size: 1.0rem;
    line-height: 1.5em;
    margin-bottom: 1.0em;
  }
  .opinion-profile-sec > .data .summary > * {
    margin-bottom: 1.5em;
  }
  .opinion-profile-sec > .data .summary > *:nth-last-child(1) {
    margin-bottom: 0;
  }
  .current-profile-sec {
    margin-bottom: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .current-profile-sec > .image {
    width: 200px;
    background: none !important;
  }
  .current-profile-sec > .image img {
    width: 100%;
    height: auto;
  }
  .current-profile-sec > .data {
    width: calc(100% - 200px - 20px);
  }
  .current-profile-sec > .data .name {
    font-size: 1.5rem;
    line-height: 1.5em;
    font-weight: bold;
    margin-bottom: 0.5em;
  }
  .current-profile-sec > .data .position {
    font-size: 1.0rem;
    line-height: 1.5em;
    margin-bottom: 1.0em;
  }
  .current-profile-sec > .data .summary > * {
    margin-bottom: 1.5em;
  }
  .current-profile-sec > .data .summary > *:nth-last-child(1) {
    margin-bottom: 0;
  }
  .list-heading {
    font-size: 1.5rem;
    line-height: 1.5em;
    font-weight: bold;
  }
  .view-nav {
    margin: 0 auto;
  }
  .view-nav > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .view-nav > ul > li {
    width: 150px;
    height: 50px;
    text-align: center;
    overflow: hidden;
    font-size: 16px;
    line-height: 1.2em;
    margin: 0;
  }
  .view-nav > ul > li.active {
    height: 60px;
  }
  .view-nav > ul > li > a {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #666666;
    color: #ffffff;
    text-decoration: none;
  }
  .view-nav > ul > li > a:hover {
    opacity: 0.6;
  }
  .view-nav > ul > li.web a {
    background-color: #0A9BBF;
  }
  .view-nav > ul > li.bkn-hs a {
    background-color: #F69D25;
  }
  .view-nav > ul > li.bkn-board a {
    background-color: #5BB151;
  }
  .view-nav > ul > li.bkn-other a {
    background-color: #0f5474;
  }
  .view-nav + .contents {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .view-other-nav {
    position: relative;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin-bottom: 20px;
  }
  .view-other-nav:after {
    content: "";
    display: block;
    width: 100%;
    height: 20px;
    background-color: #ffffff;
    position: absolute;
    left: 0;
    bottom: -20px;
  }
  .view-other-nav > ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .view-other-nav > ul > li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% / 3);
    margin: 0;
    padding: 0;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    min-height: 2.5em;
  }
  .view-other-nav > ul > li:nth-child(1) {
    border-left: none;
  }
  .view-other-nav > ul > li:nth-last-child(1) {
    border-right: none;
  }
  .view-other-nav > ul > li > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #e9e9e9;
    color: #565656;
    font-weight: bold;
    font-size: 0.875rem;
    line-height: 1.0em;
  }
  .view-other-nav > ul > li.active > a {
    background-color: #ffffff;
    color: #0f5474;
  }
  .view-other-nav.index {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 0;
  }
  .view-other-nav.index > ul {
    display: block;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    padding-top: 20px;
  }
  .view-other-nav.index > ul > li {
    width: 100%;
    border: none;
    min-height: 0;
    margin: 0 0 30px 0;
  }
  .view-other-nav.index > ul > li > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ffffff;
    color: #0f5474;
    font-size: 1.25rem;
    line-height: 1.0em;
    border: 1px solid #0f5474;
    border-radius: 8px;
    padding: 20px 30px;
    text-align: left;
  }
  .view-other-nav.index > ul > li > a:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background-image: url("../img/ic_arw_simple_purple.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    margin-right: 0.4em;
    margin-top: 0em;
  }
  .view-other-nav.index > ul > li > a:hover {
    background-color: #ebf8fd;
  }
}

@media print, screen and (min-width: 521px) and (min-width: 521px) {
  .view-list01 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding: 0 0 24px 0;
  }
  .view-list01 > li {
    margin: 0;
    padding: 0;
    border-radius: 8px;
    overflow: hidden;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    margin-bottom: 32px;
  }
  .view-list01 > li:nth-last-child(1) {
    margin-bottom: 0;
  }
  .view-list01 > li > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    color: #4B4B4B;
    text-decoration: none;
  }
  .view-list01 > li .image {
    width: 140px;
    min-height: 140px;
    overflow: hidden;
    border-radius: 8px;
  }
  .view-list01 > li .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .view-list01 > li .list-tag-badge {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .view-list01 > li .list-tag-badge > li {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 25px;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.0em;
    margin-right: 8px;
  }
  .view-list01 > li .list-tag-badge > li > span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0 0.4em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #666666;
    border-radius: 4px;
    background-color: #ffffff;
    color: #666666;
    text-decoration: none;
  }
  .view-list01 > li .text {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: calc(100% - 140px - 16px);
    min-height: 140px;
    padding: 0 24px 12px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .view-list01 > li .text .badge-weboriginal {
    margin-bottom: 0.4em;
  }
  .view-list01 > li .text .badge-magazine {
    margin-bottom: 0.4em;
  }
  .view-list01 > li .text .title {
    font-size: 1.0rem;
    line-height: 1.2em;
  }
  .view-list01 > li .text .title > .maintitle {
    display: inline-block;
    font-weight: 700;
    line-height: 1.5em;
    padding: 0.3em 0;
  }
  .view-list01 > li .text .title > .shoulder {
    font-size: 0.875rem;
    line-height: 1.2em;
    font-weight: 400;
  }
  .view-list01 > li .text .title > .subtitle {
    font-size: 0.875rem;
    line-height: 1.2em;
    font-weight: 400;
  }
  .view-list01 > li .text .date {
    font-size: 0.75rem;
    line-height: 1.0em;
    color: #828282;
    margin-top: 10px;
  }
  .view-list01 > li a:link,
  .view-list01 > li a:visited,
  .view-list01 > li a:hover,
  .view-list01 > li a:active {
    color: #000000;
    text-decoration: none;
  }
}

@media only screen and (min-width: 521px) and (max-width: 520px) {
  .view-list01 {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .view-list01 > li {
    margin: 0;
    padding: 0;
    border-radius: 2.13333vw;
    overflow: hidden;
    -webkit-box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    margin-bottom: 6.4vw;
  }
  .view-list01 > li.without-magazine > a {
    padding-top: 16px;
  }
  .view-list01 > li > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    color: #4B4B4B;
    text-decoration: none;
    padding: 7.46667vw 2.13333vw 4.26667vw;
  }
  .view-list01 > li .badge-weboriginal {
    margin-bottom: 0.4em;
  }
  .view-list01 > li .badge-magazine {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 2.13333vw;
    top: 0px;
    width: calc(100% - 2.13333vw - 2.13333vw);
  }
  .view-list01 > li .badge-magazine > li {
    padding: 0.4em 0.4em;
  }
  .view-list01 > li .list-tag-badge {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 5.33333vw;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 2.13333vw;
  }
  .view-list01 > li .list-tag-badge > li {
    height: 5.33333vw;
    overflow: hidden;
    font-size: 2.66667vw;
    line-height: 1.0em;
    margin-right: 1.6vw;
  }
  .view-list01 > li .list-tag-badge > li > span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0 0.4em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #666666;
    border-radius: 1.06667vw;
    background-color: #ffffff;
    color: #666666;
    text-decoration: none;
  }
  .view-list01 > li .image {
    width: 21.33333vw;
    height: 21.33333vw;
    overflow: hidden;
    border-radius: 2.13333vw;
  }
  .view-list01 > li .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .view-list01 > li .text {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: calc(100% - 21.33333vw - 2.66667vw);
  }
  .view-list01 > li .text .title {
    font-size: 1.0rem;
    line-height: 1.2em;
  }
  .view-list01 > li .text .title > .maintitle {
    display: inline-block;
    font-weight: 700;
    line-height: 1.5em;
    padding: 0.3em 0;
  }
  .view-list01 > li .text .title > .shoulder {
    font-size: 0.75rem;
    line-height: 1.2em;
    font-weight: 400;
  }
  .view-list01 > li .text .title > .subtitle {
    font-size: 0.75rem;
    line-height: 1.2em;
    font-weight: 400;
  }
  .view-list01 > li .text .date {
    font-size: 0.83rem;
    line-height: 1.0em;
    color: #828282;
    margin-top: 2.66667vw;
  }
  .view-list01 > li .badge {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: inline-block;
    background-color: #0A9BBF;
    border-radius: 1.06667vw;
    min-height: 6.4vw;
    padding: 1.33333vw 3.2vw;
    color: #ffffff;
    font-size: 2.66667vw;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    right: 0px;
    bottom: 0px;
  }
}

@media print, screen and (min-width: 521px) and (min-width: 521px) {
  body.view .view-list01 > li > a,
  body.recommend .view-list01 > li > a {
    padding: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  body.view .view-list01 > li .image,
  body.recommend .view-list01 > li .image {
    min-height: auto;
    -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.16);
  }
  body.view .view-list01 > li .image img,
  body.recommend .view-list01 > li .image img {
    height: auto;
    max-height: 100%;
  }
  body.view .view-list01 > li .text,
  body.recommend .view-list01 > li .text {
    padding: 0;
  }
}

@media only screen and (min-width: 521px) and (max-width: 520px) {
  body.view .view-list01 > li > a,
  body.recommend .view-list01 > li > a {
    padding: 4.26667vw 2.13333vw 4.26667vw;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  body.view .view-list01 > li:has(.badge-magazine) > a,
  body.recommend .view-list01 > li:has(.badge-magazine) > a {
    padding-top: 7.46667vw;
  }
  body.view .view-list01 > li .image,
  body.recommend .view-list01 > li .image {
    height: auto;
    -webkit-box-shadow: 0.53333vw 0.53333vw 2.13333vw rgba(0, 0, 0, 0.16);
    box-shadow: 0.53333vw 0.53333vw 2.13333vw rgba(0, 0, 0, 0.16);
  }
  body.view .view-list01 > li .image img,
  body.recommend .view-list01 > li .image img {
    height: auto;
    max-height: 100%;
  }
}

@media print, screen and (min-width: 521px) {
  .view-list-heading {
    margin-top: 2.0em;
  }
  .view-list-heading:nth-child(1) {
    margin-top: 0;
  }
  .view-list-heading > span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 38px;
    font-size: 18px;
    line-height: 1.0em;
    font-weight: 500;
    background-color: #6B6B6B;
    color: #ffffff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 4px 15px;
  }
  .view-list-heading.bkn-hs > span {
    background-color: #F69D25;
  }
  .view-list-heading.bkn-board > span {
    background-color: #5BB151;
  }
  .view-list-heading.bkn-other > span {
    background-color: #0f5474;
  }
  .view-list02 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #cccccc;
  }
  .view-list02 > li {
    margin: 0;
    padding: 15px 0;
    border-bottom: 1px solid #cccccc;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .view-list02 > li .image {
    width: 16%;
  }
  .view-list02 > li .image img {
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  }
  .view-list02 > li .data {
    width: 80%;
    color: #666666;
    font-size: 0.85em;
    line-height: 1.25em;
  }
  .view-list02 > li .data .title {
    font-size: 1.125rem;
    line-height: 1.5em;
    margin-bottom: 0.8em;
  }
  .view-list02 > li .data .special-title {
    font-size: 1.125rem;
    line-height: 1.5em;
    margin-bottom: 0.8em;
  }
  .view-list02 > li a:link,
  .view-list02 > li a:visited {
    color: #000000;
    text-decoration: none;
  }
  .view-list02 > li a:hover,
  .view-list02 > li a:active {
    color: #2999C4;
    text-decoration: none;
  }
}

@media print, screen and (min-width: 521px) and (min-width: 521px) {
  .view-list03 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #cccccc;
  }
  .view-list03 > li {
    margin: 0;
    padding: 15px 0;
    border-bottom: 1px solid #cccccc;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .view-list03 > li .image {
    width: 16%;
    margin-right: 20px;
  }
  .view-list03 > li .image img {
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  }
  .view-list03 > li .data {
    color: #666666;
    font-size: 0.85em;
    line-height: 1.25em;
  }
  .view-list03 > li .data .magazine {
    font-size: 0.875rem;
    line-height: 1.2em;
    margin-bottom: 0.8em;
  }
  .view-list03 > li .data .shoulder {
    color: #8F6F18;
    font-size: 0.875rem;
    line-height: 1.2em;
    margin-bottom: 0.8em;
  }
  .view-list03 > li .data .title {
    font-size: 1.125rem;
    line-height: 1.5em;
    margin-bottom: 0.8em;
  }
  .view-list03 > li .data .summary {
    font-size: 1.0em;
    line-height: 1.2em;
  }
  .view-list03 > li a:link,
  .view-list03 > li a:visited {
    color: #000000;
    text-decoration: none;
  }
  .view-list03 > li a:hover,
  .view-list03 > li a:active {
    color: #2999C4;
    text-decoration: none;
  }
}

@media only screen and (min-width: 521px) and (max-width: 520px) {
  .view-list03 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #cccccc;
  }
  .view-list03 > li {
    margin: 0;
    padding: 15px 0;
    border-bottom: 1px solid #cccccc;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .view-list03 > li .image {
    width: 16%;
    margin-right: 5.33333vw;
  }
  .view-list03 > li .image img {
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  }
  .view-list03 > li .data {
    color: #666666;
    font-size: 0.85em;
    line-height: 1.25em;
  }
  .view-list03 > li .data .magazine {
    font-size: 0.875rem;
    line-height: 1.2em;
    margin-bottom: 0.8em;
  }
  .view-list03 > li .data .shoulder {
    color: #8F6F18;
    font-size: 0.875rem;
    line-height: 1.2em;
    margin-bottom: 0.8em;
  }
  .view-list03 > li .data .title {
    font-size: 1.0rem;
    line-height: 1.5em;
    margin-bottom: 0.8em;
  }
  .view-list03 > li .data .summary {
    font-size: 1.0em;
    line-height: 1.2em;
  }
  .view-list03 > li a:link,
  .view-list03 > li a:visited {
    color: #000000;
    text-decoration: none;
  }
  .view-list03 > li a:hover,
  .view-list03 > li a:active {
    color: #2999C4;
    text-decoration: none;
  }
}

@media print, screen and (min-width: 521px) {
  .view-side-sec {
    border-radius: 16px;
    background-color: #ffffff;
    overflow: hidden;
    margin-bottom: 40px;
  }
  .view-side-sec > .heading {
    padding: 12px 24px;
    background-color: #6B6B6B;
    color: #ffffff;
    font-size: 1.0em;
  }
  .view-side-sec .view-side-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .view-side-sec .view-side-list > li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #B1B1B1;
    font-size: 0.875em;
    line-height: 1.2em;
  }
  .view-side-sec .view-side-list > li:nth-last-child(1) {
    border-bottom: none;
  }
  .view-side-sec .view-side-list > li > a {
    display: block;
    padding: 12px 24px;
    text-decoration: none;
  }
  .view-side-sec .view-side-list > li > a:link, .view-side-sec .view-side-list > li > a:visited {
    color: #000000;
  }
  .view-side-sec .view-side-list > li > a:hover, .view-side-sec .view-side-list > li > a:active {
    color: #2999C4;
  }
  .view-side-sec .view-side-list > li > div {
    padding: 12px 24px;
  }
  .view-side-sec .view-side-list > li > div .title {
    font-weight: bold;
    margin-bottom: 8px;
  }
  .view-side-sec .view-side-list > li > div > ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .view-side-sec .view-side-list > li > div > ul > li {
    margin: 0 0 8px 0;
    padding: 0;
  }
  .view-side-sec .view-side-list > li > div > ul > li a {
    color: #2a2a2a;
    text-decoration: none;
  }
  .view-side-sec .view-side-list > li > div > ul > li a:hover {
    text-decoration: underline;
  }
  .view-side-sec .view-side-list > li > div > ul > li a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 8px;
    background-image: url("../img/ic_arw_theme.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    margin-right: 3px;
  }
  .view-side-sec .view-side-list > li > div > ul > li a.newmark:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 17px;
    border: none;
    border-radius: 0;
    background-color: transparent;
    background-image: url("../img/ic_new.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    margin-left: 2px;
    margin-bottom: 2px;
  }
  .view-side-sec.web > .heading {
    background-color: #0A9BBF;
  }
  .view-side-sec.bkn-hs > .heading {
    background-color: #F69D25;
  }
  .view-side-sec.theme-hs > .heading {
    background-color: #F69C27;
  }
  .view-side-sec.theme-hs .view-side-list > li > div .title {
    color: #F69C27;
  }
  .view-side-sec.theme-board > .heading {
    background-color: #5AB052;
  }
  .view-side-sec.theme-board .view-side-list > li > div .title {
    color: #5AB052;
  }
  .badge-magazine {
    list-style-type: none;
    margin: 0 10px 0 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .badge-magazine > li {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-width: 4em;
    text-align: center;
    margin: 0 3px 0 0;
    padding: 5px 12px;
    border-radius: 4px;
    -webkit-box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.15);
    font-size: 14px;
    line-height: 1.0em;
    background-color: #666666;
    color: #ffffff;
  }
  .badge-magazine > li a {
    color: inherit;
    text-decoration: none;
  }
  .badge-magazine > li.bkn-hs {
    background: #F69D25;
  }
  .badge-magazine > li.bkn-board {
    background: #5BB151;
  }
  .badge-magazine > li.bkn-other {
    background: #0f5474;
  }
  .low-contents01 .article .contents .article-body,
  .low-contents01 .article .contents .article-view-body,
  .low-contents01 .article .contents .article-view-web-body,
  .low-contents02 .article .contents .article-body {
    width: 100%;
    margin-bottom: 3.0em;
  }
  .low-contents01 .article .contents .article-body .post-heading,
  .low-contents01 .article .contents .article-view-body .post-heading,
  .low-contents01 .article .contents .article-view-web-body .post-heading,
  .low-contents02 .article .contents .article-body .post-heading {
    position: relative;
    font-size: 1.25em;
    line-height: 1.5em;
    font-weight: 700;
    padding-left: 16px;
    margin-top: 2.4em;
    margin-bottom: 0.8em;
  }
  .low-contents01 .article .contents .article-body .post-heading:nth-child(1),
  .low-contents01 .article .contents .article-view-body .post-heading:nth-child(1),
  .low-contents01 .article .contents .article-view-web-body .post-heading:nth-child(1),
  .low-contents02 .article .contents .article-body .post-heading:nth-child(1) {
    margin-top: 0;
  }
  .low-contents01 .article .contents .article-body .post-heading:before,
  .low-contents01 .article .contents .article-view-body .post-heading:before,
  .low-contents01 .article .contents .article-view-web-body .post-heading:before,
  .low-contents02 .article .contents .article-body .post-heading:before {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #0A9BBF;
    width: 8px;
    border-radius: 3px;
  }
  .low-contents01 .article .contents .article-body .post-heading + .post-mheading,
  .low-contents01 .article .contents .article-view-body .post-heading + .post-mheading,
  .low-contents01 .article .contents .article-view-web-body .post-heading + .post-mheading,
  .low-contents02 .article .contents .article-body .post-heading + .post-mheading {
    margin-top: 1.2em;
  }
  .low-contents01 .article .contents .article-body .post-mheading,
  .low-contents01 .article .contents .article-view-body .post-mheading,
  .low-contents01 .article .contents .article-view-web-body .post-mheading,
  .low-contents02 .article .contents .article-body .post-mheading {
    position: relative;
    font-size: 1.125rem;
    line-height: 1.5em;
    font-weight: 500;
    margin-top: 2.4em;
    margin-bottom: 0.8em;
  }
  .low-contents01 .article .contents .article-body .post-mheading > span,
  .low-contents01 .article .contents .article-view-body .post-mheading > span,
  .low-contents01 .article .contents .article-view-web-body .post-mheading > span,
  .low-contents02 .article .contents .article-body .post-mheading > span {
    position: relative;
    z-index: 2;
    display: inline-block;
    background-color: #ffffff;
    padding-right: 0.4em;
  }
  .low-contents01 .article .contents .article-body .post-mheading:after,
  .low-contents01 .article .contents .article-view-body .post-mheading:after,
  .low-contents01 .article .contents .article-view-web-body .post-mheading:after,
  .low-contents02 .article .contents .article-body .post-mheading:after {
    content: "";
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 100%;
    height: 2px;
    background-color: #0A9BBF;
  }
  .low-contents01 .article .contents .article-body .post-image-double,
  .low-contents01 .article .contents .article-view-body .post-image-double,
  .low-contents01 .article .contents .article-view-web-body .post-image-double,
  .low-contents02 .article .contents .article-body .post-image-double {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .low-contents01 .article .contents .article-body .post-image-double .post-image-column,
  .low-contents01 .article .contents .article-view-body .post-image-double .post-image-column,
  .low-contents01 .article .contents .article-view-web-body .post-image-double .post-image-column,
  .low-contents02 .article .contents .article-body .post-image-double .post-image-column {
    width: 49%;
  }
  .low-contents01 .article .contents .article-body .post-image-double .post-image-column .post-image-main,
  .low-contents01 .article .contents .article-view-body .post-image-double .post-image-column .post-image-main,
  .low-contents01 .article .contents .article-view-web-body .post-image-double .post-image-column .post-image-main,
  .low-contents02 .article .contents .article-body .post-image-double .post-image-column .post-image-main {
    width: 100%;
    /*height: 0px;
				padding-top: 75%;
				position: relative;*/
  }
  .low-contents01 .article .contents .article-body .post-image-double .post-image-column .post-image-main img,
  .low-contents01 .article .contents .article-view-body .post-image-double .post-image-column .post-image-main img,
  .low-contents01 .article .contents .article-view-web-body .post-image-double .post-image-column .post-image-main img,
  .low-contents02 .article .contents .article-body .post-image-double .post-image-column .post-image-main img {
    width: 100%;
    height: auto;
    /*height: 100%;
					object-fit: cover;
					font-family: 'object-fit: cover;';
					position: absolute;
					left: 0;
					right: 0;
					top: 0;
					bottom: 0;*/
  }
  .low-contents01 .article .contents .article-body .post-image-double .post-image-column .post-image-caption,
  .low-contents01 .article .contents .article-view-body .post-image-double .post-image-column .post-image-caption,
  .low-contents01 .article .contents .article-view-web-body .post-image-double .post-image-column .post-image-caption,
  .low-contents02 .article .contents .article-body .post-image-double .post-image-column .post-image-caption {
    margin-top: 0.4em;
    padding: 0 0.4em;
    font-size: 0.875em;
    line-height: 1.2em;
    color: #888888;
  }
  .low-contents01 .article .contents .article-body .post-image-single .post-image-main,
  .low-contents01 .article .contents .article-view-body .post-image-single .post-image-main,
  .low-contents01 .article .contents .article-view-web-body .post-image-single .post-image-main,
  .low-contents02 .article .contents .article-body .post-image-single .post-image-main {
    width: 100%;
  }
  .low-contents01 .article .contents .article-body .post-image-single .post-image-caption,
  .low-contents01 .article .contents .article-view-body .post-image-single .post-image-caption,
  .low-contents01 .article .contents .article-view-web-body .post-image-single .post-image-caption,
  .low-contents02 .article .contents .article-body .post-image-single .post-image-caption {
    margin-top: 0.4em;
    padding: 0 0.4em;
    font-size: 0.875em;
    line-height: 1.2em;
    color: #888888;
  }
  .low-contents01 .article .contents .article-body .post-image-single-mid .post-image-main,
  .low-contents01 .article .contents .article-view-body .post-image-single-mid .post-image-main,
  .low-contents01 .article .contents .article-view-web-body .post-image-single-mid .post-image-main,
  .low-contents02 .article .contents .article-body .post-image-single-mid .post-image-main {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  .low-contents01 .article .contents .article-body .post-image-single-mid .post-image-caption,
  .low-contents01 .article .contents .article-view-body .post-image-single-mid .post-image-caption,
  .low-contents01 .article .contents .article-view-web-body .post-image-single-mid .post-image-caption,
  .low-contents02 .article .contents .article-body .post-image-single-mid .post-image-caption {
    margin-top: 0.4em;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 0.4em;
    font-size: 0.875em;
    line-height: 1.2em;
    color: #888888;
  }
  .low-contents01 .article .contents .article-body blockquote,
  .low-contents01 .article .contents .article-view-body blockquote,
  .low-contents01 .article .contents .article-view-web-body blockquote,
  .low-contents02 .article .contents .article-body blockquote {
    position: relative;
    padding: 1.0em 15px 1.5em 15px;
    font-style: italic;
    background: #eeeeee;
    color: #454545;
  }
  .low-contents01 .article .contents .article-body blockquote:before,
  .low-contents01 .article .contents .article-view-body blockquote:before,
  .low-contents01 .article .contents .article-view-web-body blockquote:before,
  .low-contents02 .article .contents .article-body blockquote:before {
    display: block;
    content: "“";
    color: #cccccc;
    font-size: 3em;
    line-height: 1.0;
    font-weight: 700;
    margin-top: -0.2em;
    margin-bottom: -0.2em;
  }
  .low-contents01 .article .contents .article-body blockquote p,
  .low-contents01 .article .contents .article-view-body blockquote p,
  .low-contents01 .article .contents .article-view-web-body blockquote p,
  .low-contents02 .article .contents .article-body blockquote p {
    line-height: 1.5;
    padding: 0;
    margin: 0 0 1.5em 0;
  }
  .low-contents01 .article .contents .article-body blockquote p:nth-last-child(1),
  .low-contents01 .article .contents .article-view-body blockquote p:nth-last-child(1),
  .low-contents01 .article .contents .article-view-web-body blockquote p:nth-last-child(1),
  .low-contents02 .article .contents .article-body blockquote p:nth-last-child(1) {
    margin-bottom: 0;
  }
  .low-contents01 .article .contents .article-body blockquote cite,
  .low-contents01 .article .contents .article-view-body blockquote cite,
  .low-contents01 .article .contents .article-view-web-body blockquote cite,
  .low-contents02 .article .contents .article-body blockquote cite {
    display: block;
    text-align: right;
    color: #999999;
    font-size: 0.875em;
  }
  .low-contents01 .article .contents .article-body blockquote cite a,
  .low-contents01 .article .contents .article-view-body blockquote cite a,
  .low-contents01 .article .contents .article-view-web-body blockquote cite a,
  .low-contents02 .article .contents .article-body blockquote cite a {
    color: #999999;
    text-decoration: underline;
  }
  .low-contents01 .article .contents .article-body .post-embed-block,
  .low-contents01 .article .contents .article-body .post-embed-outer,
  .low-contents01 .article .contents .article-view-body .post-embed-block,
  .low-contents01 .article .contents .article-view-body .post-embed-outer,
  .low-contents01 .article .contents .article-view-web-body .post-embed-block,
  .low-contents01 .article .contents .article-view-web-body .post-embed-outer,
  .low-contents02 .article .contents .article-body .post-embed-block,
  .low-contents02 .article .contents .article-body .post-embed-outer {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    position: relative;
  }
  .low-contents01 .article .contents .article-body .post-embed-block > iframe,
  .low-contents01 .article .contents .article-body .post-embed-block > embed,
  .low-contents01 .article .contents .article-body .post-embed-block > video,
  .low-contents01 .article .contents .article-body .post-embed-outer > iframe,
  .low-contents01 .article .contents .article-body .post-embed-outer > embed,
  .low-contents01 .article .contents .article-body .post-embed-outer > video,
  .low-contents01 .article .contents .article-view-body .post-embed-block > iframe,
  .low-contents01 .article .contents .article-view-body .post-embed-block > embed,
  .low-contents01 .article .contents .article-view-body .post-embed-block > video,
  .low-contents01 .article .contents .article-view-body .post-embed-outer > iframe,
  .low-contents01 .article .contents .article-view-body .post-embed-outer > embed,
  .low-contents01 .article .contents .article-view-body .post-embed-outer > video,
  .low-contents01 .article .contents .article-view-web-body .post-embed-block > iframe,
  .low-contents01 .article .contents .article-view-web-body .post-embed-block > embed,
  .low-contents01 .article .contents .article-view-web-body .post-embed-block > video,
  .low-contents01 .article .contents .article-view-web-body .post-embed-outer > iframe,
  .low-contents01 .article .contents .article-view-web-body .post-embed-outer > embed,
  .low-contents01 .article .contents .article-view-web-body .post-embed-outer > video,
  .low-contents02 .article .contents .article-body .post-embed-block > iframe,
  .low-contents02 .article .contents .article-body .post-embed-block > embed,
  .low-contents02 .article .contents .article-body .post-embed-block > video,
  .low-contents02 .article .contents .article-body .post-embed-outer > iframe,
  .low-contents02 .article .contents .article-body .post-embed-outer > embed,
  .low-contents02 .article .contents .article-body .post-embed-outer > video {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }
  .low-contents01 .article .contents .article-body .post-button-block,
  .low-contents01 .article .contents .article-view-body .post-button-block,
  .low-contents01 .article .contents .article-view-web-body .post-button-block,
  .low-contents02 .article .contents .article-body .post-button-block {
    text-align: center;
  }
  .low-contents01 .article .contents .article-body .post-pdf-button,
  .low-contents01 .article .contents .article-view-body .post-pdf-button,
  .low-contents01 .article .contents .article-view-web-body .post-pdf-button,
  .low-contents02 .article .contents .article-body .post-pdf-button {
    text-align: center;
  }
  .low-contents01 .article .contents .article-body .post-pdf-button a.pdf,
  .low-contents01 .article .contents .article-view-body .post-pdf-button a.pdf,
  .low-contents01 .article .contents .article-view-web-body .post-pdf-button a.pdf,
  .low-contents02 .article .contents .article-body .post-pdf-button a.pdf {
    min-width: 180px;
    font-size: 1.0rem;
    line-height: 1.0em;
    font-weight: 500;
    padding: 8px;
    background-color: #6B6B6B;
  }
  .low-contents01 .article .contents .article-body .post-pdf-button a.pdf:before,
  .low-contents01 .article .contents .article-view-body .post-pdf-button a.pdf:before,
  .low-contents01 .article .contents .article-view-web-body .post-pdf-button a.pdf:before,
  .low-contents02 .article .contents .article-body .post-pdf-button a.pdf:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-image: url("../img/ic_pdf_white.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    margin-right: 0.4em;
    margin-bottom: -0.2em;
  }
  .low-contents01 .article .contents .article-body .post-pdf-button a.download,
  .low-contents01 .article .contents .article-view-body .post-pdf-button a.download,
  .low-contents01 .article .contents .article-view-web-body .post-pdf-button a.download,
  .low-contents02 .article .contents .article-body .post-pdf-button a.download {
    min-width: 180px;
    font-size: 1.0rem;
    line-height: 1.0em;
    font-weight: 500;
    padding: 8px;
    background-color: #6B6B6B;
  }
  .low-contents01 .article .contents .article-body .post-pdf-button a.download:before,
  .low-contents01 .article .contents .article-view-body .post-pdf-button a.download:before,
  .low-contents01 .article .contents .article-view-web-body .post-pdf-button a.download:before,
  .low-contents02 .article .contents .article-body .post-pdf-button a.download:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-image: url("../img/ic_download.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    margin-right: 0.4em;
    margin-bottom: -0.2em;
  }
  .low-contents01 .article .contents .article-body .post-pdf-button a.html,
  .low-contents01 .article .contents .article-view-body .post-pdf-button a.html,
  .low-contents01 .article .contents .article-view-web-body .post-pdf-button a.html,
  .low-contents02 .article .contents .article-body .post-pdf-button a.html {
    min-width: 180px;
    font-size: 1.0rem;
    line-height: 1.0em;
    font-weight: 500;
    padding: 8px;
    background-color: #6B6B6B;
  }
  .low-contents01 .article .contents .article-body .post-pdf-button a.html:before,
  .low-contents01 .article .contents .article-view-body .post-pdf-button a.html:before,
  .low-contents01 .article .contents .article-view-web-body .post-pdf-button a.html:before,
  .low-contents02 .article .contents .article-body .post-pdf-button a.html:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-image: url("../img/ic_html_white.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    margin-right: 0.4em;
    margin-bottom: -0.2em;
  }
  .low-contents01 .article .contents .article-body .post-qa,
  .low-contents01 .article .contents .article-view-body .post-qa,
  .low-contents01 .article .contents .article-view-web-body .post-qa,
  .low-contents02 .article .contents .article-body .post-qa {
    padding-bottom: 1.5em;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 2.0em;
  }
  .low-contents01 .article .contents .article-body .post-qa:nth-last-child(1),
  .low-contents01 .article .contents .article-view-body .post-qa:nth-last-child(1),
  .low-contents01 .article .contents .article-view-web-body .post-qa:nth-last-child(1),
  .low-contents02 .article .contents .article-body .post-qa:nth-last-child(1) {
    padding-bottom: 0;
    border-bottom: none;
  }
  .low-contents01 .article .contents .article-body .post-qa .question,
  .low-contents01 .article .contents .article-view-body .post-qa .question,
  .low-contents01 .article .contents .article-view-web-body .post-qa .question,
  .low-contents02 .article .contents .article-body .post-qa .question {
    font-size: 1.125rem;
    line-height: 1.5em;
    font-weight: 500;
    padding-left: 40px;
    position: relative;
    margin-bottom: 0.6em;
  }
  .low-contents01 .article .contents .article-body .post-qa .question:before,
  .low-contents01 .article .contents .article-view-body .post-qa .question:before,
  .low-contents01 .article .contents .article-view-web-body .post-qa .question:before,
  .low-contents02 .article .contents .article-body .post-qa .question:before {
    content: "Q";
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background-color: #0A9BBF;
    color: #ffffff;
    font-family: 'Inter', Arial, Helvetica, "sans-serif";
    font-size: 30px;
    line-height: 1.0em;
    font-weight: 600;
  }
  .low-contents01 .article .contents .article-body .post-qa .answer,
  .low-contents01 .article .contents .article-view-body .post-qa .answer,
  .low-contents01 .article .contents .article-view-web-body .post-qa .answer,
  .low-contents02 .article .contents .article-body .post-qa .answer {
    zoom: 1;
  }
  .low-contents01 .article .contents .article-body .post-qa .answer:after,
  .low-contents01 .article .contents .article-view-body .post-qa .answer:after,
  .low-contents01 .article .contents .article-view-web-body .post-qa .answer:after,
  .low-contents02 .article .contents .article-body .post-qa .answer:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: " ";
    line-height: 0;
  }
  .low-contents01 .article .contents .article-body .post-qa .answer:before,
  .low-contents01 .article .contents .article-view-body .post-qa .answer:before,
  .low-contents01 .article .contents .article-view-web-body .post-qa .answer:before,
  .low-contents02 .article .contents .article-body .post-qa .answer:before {
    content: "A";
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    float: left;
    margin: 0 0.4em 0.2em 0;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background-color: #0A9BBF;
    color: #ffffff;
    font-family: 'Inter', Arial, Helvetica, "sans-serif";
    font-size: 30px;
    line-height: 1.0em;
    font-weight: 600;
  }
  .low-contents01 .article .contents .article-body .post-qa .answer > *,
  .low-contents01 .article .contents .article-view-body .post-qa .answer > *,
  .low-contents01 .article .contents .article-view-web-body .post-qa .answer > *,
  .low-contents02 .article .contents .article-body .post-qa .answer > * {
    margin-bottom: 1.5em;
  }
  .low-contents01 .article .contents .article-body .post-qa .answer > *:nth-last-child(1),
  .low-contents01 .article .contents .article-view-body .post-qa .answer > *:nth-last-child(1),
  .low-contents01 .article .contents .article-view-web-body .post-qa .answer > *:nth-last-child(1),
  .low-contents02 .article .contents .article-body .post-qa .answer > *:nth-last-child(1) {
    margin-bottom: 0;
  }
  .low-contents01 .article .contents .article-body .post-profile,
  .low-contents01 .article .contents .article-view-body .post-profile,
  .low-contents01 .article .contents .article-view-web-body .post-profile,
  .low-contents02 .article .contents .article-body .post-profile {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #cccccc;
    padding: 0.8em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .low-contents01 .article .contents .article-body .post-profile .image,
  .low-contents01 .article .contents .article-view-body .post-profile .image,
  .low-contents01 .article .contents .article-view-web-body .post-profile .image,
  .low-contents02 .article .contents .article-body .post-profile .image {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    width: 20%;
    min-width: 120px;
    margin-left: 5%;
  }
  .low-contents01 .article .contents .article-body .post-profile .image img,
  .low-contents01 .article .contents .article-view-body .post-profile .image img,
  .low-contents01 .article .contents .article-view-web-body .post-profile .image img,
  .low-contents02 .article .contents .article-body .post-profile .image img {
    width: 100%;
    height: auto;
  }
  .low-contents01 .article .contents .article-body .post-profile .data,
  .low-contents01 .article .contents .article-view-body .post-profile .data,
  .low-contents01 .article .contents .article-view-web-body .post-profile .data,
  .low-contents02 .article .contents .article-body .post-profile .data {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .low-contents01 .article .contents .article-body .post-profile .data .name,
  .low-contents01 .article .contents .article-view-body .post-profile .data .name,
  .low-contents01 .article .contents .article-view-web-body .post-profile .data .name,
  .low-contents02 .article .contents .article-body .post-profile .data .name {
    font-size: 1.125rem;
    line-height: 1.25em;
    font-weight: 500;
  }
  .low-contents01 .article .contents .article-body .post-profile .data .text,
  .low-contents01 .article .contents .article-view-body .post-profile .data .text,
  .low-contents01 .article .contents .article-view-web-body .post-profile .data .text,
  .low-contents02 .article .contents .article-body .post-profile .data .text {
    margin-top: 1.0rem;
    font-size: 1.0rem;
    line-height: 1.5em;
  }
  #recomend-banner {
    display: none;
    position: fixed;
    max-width: 360px;
    bottom: 160px;
    right: 24px;
    z-index: 9999999;
    margin: 0 auto;
    overflow: visible;
  }
  #recomend-banner > .banner-inner {
    width: 100%;
    border-radius: 16px;
    background-color: #ffffff;
  }
  #recomend-banner > .banner-inner a {
    display: block;
    width: 100%;
    color: #000000;
    text-decoration: none;
    border: 2px solid #03b5fa;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 360px;
    border-radius: 16px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
  }
  #recomend-banner > .banner-inner .heading {
    display: block;
    background: #0a9bbf;
    background: -webkit-linear-gradient(315deg, #03b5fa 0%, #0a9bbf 100%);
    background: linear-gradient(135deg, #03b5fa 0%, #0a9bbf 100%);
    padding: 12px 16px;
    text-align: center;
    font-size: 16px;
    line-height: 1.25em;
    font-weight: bold;
    color: #ffffff;
  }
  #recomend-banner > .banner-inner .banner {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
    padding: 16px 20px;
    min-height: 80px;
    text-align: left;
    background: #ffffff;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    width: 100%;
    font-size: 16px;
    line-height: 1.75em;
  }
  #recomend-banner > .banner-inner .banner span.text {
    font-size: 1.0em;
  }
  #recomend-banner > .banner-inner .banner span.note {
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.5em;
    margin-top: 0.86em;
  }
  #recomend-banner .banner-close {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    text-align: center;
    overflow: hidden;
    background-color: #666666;
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
    line-height: 1.0em;
    letter-spacing: normal;
    position: absolute;
    left: -10px;
    top: -10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media only screen and (max-width: 520px) {
  * {
    margin: 0;
    padding: 0;
  }
  html {
    height: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
  }
  body {
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    /*-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;*/
  }
  html {
    height: 100%;
  }
  body {
    height: 100%;
    background-color: #EBEBEB;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  table,
  tbody,
  tr,
  th,
  td,
  div,
  span {
    background-image: url(../img/spacer.gif);
    background-color: transparent;
  }
  /*a:link,
a:visited {
	color: #1155cc;
	text-decoration: none;
}
a:hover,
a:active {
	color: #1155cc;
	text-decoration: underline;
}*/
  .loader {
    display: block;
    font-size: 10px;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    text-align: left;
    overflow: hidden;
    text-indent: -9000px;
    border-top: 0.5em solid rgba(0, 0, 0, 0.2);
    border-right: 0.5em solid rgba(0, 0, 0, 0.2);
    border-bottom: 0.5em solid rgba(0, 0, 0, 0.2);
    border-left: 0.5em solid #000000;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: loading 1.1s infinite linear;
    animation: loading 1.1s infinite linear;
  }
  @-webkit-keyframes loading {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes loading {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  .loader,
  .loader:after {
    border-radius: 50%;
    font-size: 2.66667vw;
    width: 8vw;
    height: 8vw;
  }
  .owl-carousel {
    -ms-touch-action: auto;
    touch-action: none;
  }
  .owl-carousel .owl-stage,
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: auto;
    touch-action: auto;
  }
  /* basic style ------------------------------ */
  .hover {
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    cursor: pointer;
  }
  a.hover:link,
  a.hover:visited,
  a.hover:hover {
    opacity: 1.0;
  }
  a.hover:active {
    opacity: 1.0;
  }
  .mb0 {
    margin-bottom: 0px !important;
  }
  .mb4 {
    margin-bottom: 1.06667vw !important;
  }
  .mb8 {
    margin-bottom: 2.13333vw !important;
  }
  .table01 {
    border: none;
    border-collapse: collapse;
    margin: 0 0 1.5em;
    padding: 0;
  }
  .table01 th,
  .table01 td {
    vertical-align: middle;
    text-align: left;
    padding: 0.4em;
    font-size: 0.9em;
    line-height: 1.5em;
  }
  .table01 th {
    background-color: #EBEBEB;
    border: 1px solid #B1B1B1;
    font-weight: bold;
  }
  .table01 td {
    background-color: #ffffff;
    border: 1px solid #B1B1B1;
  }
  .table-sp-outer {
    overflow-x: auto;
    margin-bottom: 1.5em;
  }
  .table-sp-outer > table {
    min-width: 180vw;
    margin-bottom: 0;
  }
  /* wrapper ------------------------------ */
  #wrapper {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: hidden;
    padding-top: 18.13333vw;
    background-color: #ffffff;
  }
  /* container ------------------------------ */
  #container {
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    border-bottom: 10.66667vw solid #ffffff;
    background-color: #EBEBEB;
    zoom: 1;
  }
  #container:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: " ";
    line-height: 0;
  }
  body.home #container {
    background-color: #ffffff;
  }
  #breadcrumb {
    display: none;
  }
  .zero-message {
    width: 100%;
    text-align: center;
    padding: 2.0em 0 3.0em;
  }
  .list-card01 {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
}

@media only screen and (max-width: 520px) and (min-width: 521px) {
  .list-card01 > li {
    margin: 0;
    padding: 0;
    width: 280px;
    border-radius: 16px;
    overflow: hidden;
    background-color: #ffffff;
    position: relative;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    margin-right: 40px;
    margin-bottom: 24px;
  }
  .list-card01 > li:nth-of-type(3n) {
    margin-right: 0;
  }
  .list-card01 > li > a {
    display: block;
    color: #2a2a2a;
    text-decoration: none !important;
    height: 100%;
  }
  .list-card01 > li .rank {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 8px;
    width: 32px;
    height: 32px;
    padding: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    font-size: 24px;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 16px;
    top: 16px;
    z-index: 10;
  }
  .list-card01 > li .badge {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 8px;
    min-height: 32px;
    padding: 8px;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 16px;
    top: 12px;
    z-index: 10;
  }
  .list-card01 > li .thumb {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #B1B1B1;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 158px;
    background-color: #eeeeee;
  }
  .list-card01 > li .thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .list-card01 > li .inner {
    background-color: #ffffff;
    padding: 22px 18px;
    position: relative;
    z-index: 2;
  }
  .list-card01 > li .position {
    font-size: 12px;
    line-height: 1.0;
    font-weight: bold;
    margin-bottom: 6px;
  }
  .list-card01 > li .respondent {
    font-size: 12px;
    line-height: 1.0em;
    font-weight: bold;
    vertical-align: text-bottom;
    margin-bottom: 14px;
  }
  .list-card01 > li .respondent > span {
    font-size: 20px;
    line-height: 1.0em;
  }
  .list-card01 > li .text {
    font-size: 1rem;
    line-height: 1.53em;
    font-weight: bold;
    color: #0A9BBF;
  }
  .list-card01 > li .text .shoulder {
    display: inline-block;
    font-size: 0.75rem;
    line-height: 1.5em;
    font-weight: normal;
    padding-bottom: 0.4em;
  }
  .list-card01 > li .text .title {
    font-size: 1.16rem;
    line-height: 1.5em;
  }
  .list-card01 > li .text .subtitle {
    display: inline-block;
    font-size: 0.75rem;
    line-height: 1.5em;
    font-weight: normal;
    padding-top: 0.4em;
  }
  .list-card01 > li .date {
    font-size: 0.75rem;
    line-height: 1.25em;
    color: #828282;
    text-align: right;
    margin-left: auto;
    margin-top: 0.6em;
  }
  .list-card01 > li .comment {
    font-size: 13px;
    line-height: 1.0em;
    font-weight: bold;
    position: absolute;
    right: 12px;
    bottom: 10px;
  }
}

@media only screen and (max-width: 520px) and (max-width: 520px) {
  .list-card01 > li {
    margin: 0;
    padding: 2.13333vw;
    border-radius: 4.26667vw;
    overflow: hidden;
    background-color: #ffffff;
    position: relative;
    -webkit-box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    margin-bottom: 4.26667vw;
  }
  .list-card01 > li:nth-last-child(1) {
    margin-bottom: 0;
  }
  .list-card01 > li > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #2a2a2a;
    text-decoration: none !important;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .list-card01 > li .rank {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 1.06667vw;
    width: 4.8vw;
    height: 4.8vw;
    padding: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    font-size: 3.2vw;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 1.06667vw;
    top: 1.06667vw;
    z-index: 10;
  }
  .list-card01 > li .badge {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 2.13333vw;
    min-height: 5.33333vw;
    padding: 1.06667vw;
    color: #ffffff;
    font-size: 2.66667vw;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 1.06667vw;
    top: 1.06667vw;
    z-index: 10;
  }
  .list-card01 > li .thumb {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #B1B1B1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 18.66667vw;
    height: 18.66667vw;
    -webkit-box-shadow: 0 0.53333vw 1.06667vw rgba(0, 0, 0, 0.16);
    box-shadow: 0 0.53333vw 1.06667vw rgba(0, 0, 0, 0.16);
    overflow: hidden;
    border-radius: 2.13333vw;
  }
  .list-card01 > li .thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .list-card01 > li .inner {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: calc(100% - 18.66667vw - 2.66667vw);
    background-color: #ffffff;
    padding: 0;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .list-card01 > li .position {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    font-size: 2.13333vw;
    line-height: 1.25em;
    font-weight: bold;
    margin-bottom: 1.6vw;
    margin-top: 2.13333vw;
  }
  .list-card01 > li .respondent {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    font-size: 2.66667vw;
    line-height: 1.0em;
    font-weight: bold;
    vertical-align: text-bottom;
  }
  .list-card01 > li .respondent > span {
    font-size: 4.26667vw;
    line-height: 1.0em;
  }
  .list-card01 > li .text {
    font-size: 3.2vw;
    line-height: 1.53em;
    font-weight: bold;
    color: #0A9BBF;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .list-card01 > li .text .shoulder {
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.25em;
    font-weight: normal;
    padding-bottom: 0.4em;
  }
  .list-card01 > li .text .title {
    font-size: 1.46rem;
    line-height: 1.25em;
  }
  .list-card01 > li .text .subtitle {
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.25em;
    font-weight: normal;
    padding-top: 0.4em;
  }
  .list-card01 > li .date {
    font-size: 0.75rem;
    line-height: 1.25em;
    color: #828282;
    text-align: right;
    margin-left: auto;
    margin-top: 0.6em;
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .list-card01 > li .comment {
    font-size: 3.2vw;
    line-height: 1.0em;
    font-weight: bold;
    position: absolute;
    right: 3.2vw;
    bottom: 2.13333vw;
  }
}

@media only screen and (max-width: 520px) {
  .list-card02 {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
}

@media only screen and (max-width: 520px) and (min-width: 521px) {
  .list-card02 > li {
    margin: 0;
    padding: 0;
    width: 280px;
    border-radius: 16px;
    overflow: hidden;
    background-color: #ffffff;
    position: relative;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    margin-right: 40px;
    margin-bottom: 24px;
  }
  .list-card02 > li:nth-of-type(3n) {
    margin-right: 0;
  }
  .list-card02 > li > a {
    display: block;
    color: #2a2a2a;
    text-decoration: none !important;
    height: 100%;
  }
  .list-card02 > li .title {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    width: 100%;
    height: 158px;
    position: relative;
  }
  .list-card02 > li .title > span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 32px;
    position: relative;
    z-index: 2;
    font-size: 16px;
    line-height: 1.68em;
    font-weight: bold;
    color: #ffffff;
  }
  .list-card02 > li .title:before {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.22);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
  }
  .list-card02 > li .inner {
    background-color: #ffffff;
    padding: 22px 18px;
    position: relative;
    zoom: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .list-card02 > li .inner:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: " ";
    line-height: 0;
  }
  .list-card02 > li .image {
    width: 60px;
    height: 60px;
    border-radius: 16px;
    overflow: hidden;
    margin-right: 10px;
  }
  .list-card02 > li .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .list-card02 > li .data {
    width: calc(100% - 60px - 10px);
    margin-bottom: 0.4em;
  }
  .list-card02 > li .data .badge {
    position: relative;
    left: auto;
    top: auto;
  }
  .list-card02 > li .badge {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #BF0A34;
    border-radius: 8px;
    min-height: 32px;
    padding: 8px 8px;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.0;
    font-weight: 500;
    display: inline-block;
  }
  .list-card02 > li .position {
    font-size: 14px;
    line-height: 1.25em;
    font-weight: bold;
    margin-top: 0.4em;
    margin-bottom: 6px;
  }
  .list-card02 > li .respondent {
    font-size: 12px;
    line-height: 1.0em;
    font-weight: bold;
    vertical-align: text-bottom;
  }
  .list-card02 > li .respondent > span {
    font-size: 20px;
    line-height: 1.0em;
  }
  .list-card02 > li .answer {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    clear: both;
    padding-bottom: 4px;
    border-bottom: 1px solid #707070;
    font-size: 15px;
    line-height: 1.0em;
    font-weight: bold;
  }
  .list-card02 > li .answer:before {
    content: "A.";
    font-size: 22px;
    line-height: 1.0em;
    font-weight: bold;
    color: #BF0A34;
    vertical-align: text-bottom;
    margin-right: 0.5em;
  }
  .list-card02 > li .date {
    font-size: 0.75rem;
    line-height: 1.25em;
    color: #828282;
    text-align: right;
    margin-left: auto;
    margin-top: 0.6em;
  }
  .list-card02 > li .comment {
    font-size: 13px;
    line-height: 1.0em;
    font-weight: bold;
    position: absolute;
    right: 12px;
    top: 24px;
  }
}

@media only screen and (max-width: 520px) and (max-width: 520px) {
  .list-card02 > li {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
    padding: 2.13333vw;
    border-radius: 4.26667vw;
    overflow: hidden;
    background-color: #ffffff;
    position: relative;
    -webkit-box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    min-height: 25.6vw;
    margin-bottom: 4.26667vw;
    position: relative;
    padding-left: calc(2.13333vw + 18.66667vw + 2.66667vw);
  }
  .list-card02 > li:nth-last-child(1) {
    margin-bottom: 0;
  }
  .list-card02 > li > a {
    display: block;
    color: #2a2a2a;
    text-decoration: none !important;
  }
  .list-card02 > li .title {
    background-color: #ffffff;
    background-image: none !important;
    padding: 0;
    font-size: 3.2vw;
    line-height: 1.53em;
    font-weight: bold;
    color: #0A9BBF;
    margin-bottom: 0.4em;
  }
  .list-card02 > li .inner {
    position: static;
    padding: 0;
    background-color: #ffffff;
    padding: 0;
    line-height: 1.0em;
  }
  .list-card02 > li .image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 18.66667vw;
    height: 18.66667vw;
    -webkit-box-shadow: 0 0.53333vw 1.06667vw rgba(0, 0, 0, 0.16);
    box-shadow: 0 0.53333vw 1.06667vw rgba(0, 0, 0, 0.16);
    overflow: hidden;
    border-radius: 2.13333vw;
    position: absolute;
    left: 2.13333vw;
    top: 2.13333vw;
  }
  .list-card02 > li .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .list-card02 > li .badge {
    display: none;
  }
  .list-card02 > li .position {
    display: block;
    font-size: 2.66667vw;
    line-height: 1.25em;
    font-weight: bold;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0.2em;
  }
  .list-card02 > li .respondent {
    display: block;
    padding: 0;
    font-size: 2.13333vw;
    line-height: 1.0em;
    font-weight: bold;
    text-align: left;
  }
  .list-card02 > li .respondent > span {
    font-size: 3.73333vw;
    line-height: 1.0em;
  }
  .list-card02 > li .answer {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-top: 2.66667vw;
    padding-bottom: 0.53333vw;
    border-bottom: 1px solid #707070;
    font-size: 3.2vw;
    line-height: 1.0em;
    font-weight: bold;
  }
  .list-card02 > li .answer:before {
    content: "A.";
    font-size: 3.73333vw;
    line-height: 1.0em;
    font-weight: bold;
    color: #BF0A34;
    vertical-align: text-bottom;
    margin-right: 0.4em;
  }
  .list-card02 > li .date {
    font-size: 0.75rem;
    line-height: 1.25em;
    color: #828282;
    text-align: right;
    margin-left: auto;
    margin-top: 0.6em;
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .list-card02 > li .comment {
    font-size: 3.2vw;
    line-height: 1.0em;
    font-weight: bold;
    position: absolute;
    right: 3.2vw;
    bottom: 2.13333vw;
  }
}

@media only screen and (max-width: 520px) {
  .list-card01 > li .contents_title,
  .list-card02 > li .contents_title {
    text-align: left;
    font-size: 0.75rem;
    line-height: 1.0em;
    margin-bottom: 0.6em;
  }
  .list-card01 > li .contents_title .box,
  .list-card02 > li .contents_title .box {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.1em 0.6em;
    background-color: #ffffff;
    border: 0.53333vw solid #000000;
    border-radius: 1.06667vw;
  }
  .list-card01 > li .contents_title .box:before,
  .list-card02 > li .contents_title .box:before {
    content: " ";
    display: inline-block;
    width: 3.73333vw;
    height: 3.73333vw;
    margin-right: 1.06667vw;
    margin-bottom: 0vw;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
  }
}

@media only screen and (max-width: 520px) and (min-width: 521px) {
  .list-card01 > li.news,
  .list-card02 > li.news {
    margin: 0;
    padding: 0;
    width: 280px;
    border-radius: 16px;
    overflow: hidden;
    background-color: #ffffff;
    position: relative;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    margin-right: 40px;
    margin-bottom: 24px;
  }
  .list-card01 > li.news:nth-of-type(3n),
  .list-card02 > li.news:nth-of-type(3n) {
    margin-right: 0;
  }
  .list-card01 > li.news > a,
  .list-card02 > li.news > a {
    display: block;
    color: #2a2a2a;
    text-decoration: none !important;
    height: 100%;
  }
  .list-card01 > li.news .rank,
  .list-card02 > li.news .rank {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 8px;
    width: 32px;
    height: 32px;
    padding: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    font-size: 24px;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 16px;
    top: 16px;
    z-index: 10;
  }
  .list-card01 > li.news .badge,
  .list-card02 > li.news .badge {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 8px;
    min-height: 32px;
    padding: 8px;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 16px;
    top: 12px;
    z-index: 10;
  }
  .list-card01 > li.news .thumb,
  .list-card02 > li.news .thumb {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #B1B1B1;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 158px;
    background-color: #eeeeee;
  }
  .list-card01 > li.news .thumb img,
  .list-card02 > li.news .thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .list-card01 > li.news .inner,
  .list-card02 > li.news .inner {
    background-color: #ffffff;
    padding: 22px 18px;
    position: relative;
    z-index: 2;
  }
  .list-card01 > li.news .position,
  .list-card02 > li.news .position {
    font-size: 12px;
    line-height: 1.0;
    font-weight: bold;
    margin-bottom: 6px;
  }
  .list-card01 > li.news .respondent,
  .list-card02 > li.news .respondent {
    font-size: 12px;
    line-height: 1.0em;
    font-weight: bold;
    vertical-align: text-bottom;
    margin-bottom: 14px;
  }
  .list-card01 > li.news .respondent > span,
  .list-card02 > li.news .respondent > span {
    font-size: 20px;
    line-height: 1.0em;
  }
  .list-card01 > li.news .text,
  .list-card02 > li.news .text {
    font-size: 1rem;
    line-height: 1.53em;
    font-weight: bold;
    color: #0A9BBF;
  }
  .list-card01 > li.news .text .shoulder,
  .list-card02 > li.news .text .shoulder {
    display: inline-block;
    font-size: 0.75rem;
    line-height: 1.5em;
    font-weight: normal;
    padding-bottom: 0.4em;
  }
  .list-card01 > li.news .text .title,
  .list-card02 > li.news .text .title {
    font-size: 1.16rem;
    line-height: 1.5em;
  }
  .list-card01 > li.news .text .subtitle,
  .list-card02 > li.news .text .subtitle {
    display: inline-block;
    font-size: 0.75rem;
    line-height: 1.5em;
    font-weight: normal;
    padding-top: 0.4em;
  }
  .list-card01 > li.news .date,
  .list-card02 > li.news .date {
    font-size: 0.75rem;
    line-height: 1.25em;
    color: #828282;
    text-align: right;
    margin-left: auto;
    margin-top: 0.6em;
  }
  .list-card01 > li.news .comment,
  .list-card02 > li.news .comment {
    font-size: 13px;
    line-height: 1.0em;
    font-weight: bold;
    position: absolute;
    right: 12px;
    bottom: 10px;
  }
}

@media only screen and (max-width: 520px) and (max-width: 520px) {
  .list-card01 > li.news,
  .list-card02 > li.news {
    margin: 0;
    padding: 2.13333vw;
    border-radius: 4.26667vw;
    overflow: hidden;
    background-color: #ffffff;
    position: relative;
    -webkit-box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    margin-bottom: 4.26667vw;
  }
  .list-card01 > li.news:nth-last-child(1),
  .list-card02 > li.news:nth-last-child(1) {
    margin-bottom: 0;
  }
  .list-card01 > li.news > a,
  .list-card02 > li.news > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #2a2a2a;
    text-decoration: none !important;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .list-card01 > li.news .rank,
  .list-card02 > li.news .rank {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 1.06667vw;
    width: 4.8vw;
    height: 4.8vw;
    padding: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    font-size: 3.2vw;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 1.06667vw;
    top: 1.06667vw;
    z-index: 10;
  }
  .list-card01 > li.news .badge,
  .list-card02 > li.news .badge {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 2.13333vw;
    min-height: 5.33333vw;
    padding: 1.06667vw;
    color: #ffffff;
    font-size: 2.66667vw;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 1.06667vw;
    top: 1.06667vw;
    z-index: 10;
  }
  .list-card01 > li.news .thumb,
  .list-card02 > li.news .thumb {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #B1B1B1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 18.66667vw;
    height: 18.66667vw;
    -webkit-box-shadow: 0 0.53333vw 1.06667vw rgba(0, 0, 0, 0.16);
    box-shadow: 0 0.53333vw 1.06667vw rgba(0, 0, 0, 0.16);
    overflow: hidden;
    border-radius: 2.13333vw;
  }
  .list-card01 > li.news .thumb img,
  .list-card02 > li.news .thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .list-card01 > li.news .inner,
  .list-card02 > li.news .inner {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: calc(100% - 18.66667vw - 2.66667vw);
    background-color: #ffffff;
    padding: 0;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .list-card01 > li.news .position,
  .list-card02 > li.news .position {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    font-size: 2.13333vw;
    line-height: 1.25em;
    font-weight: bold;
    margin-bottom: 1.6vw;
    margin-top: 2.13333vw;
  }
  .list-card01 > li.news .respondent,
  .list-card02 > li.news .respondent {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    font-size: 2.66667vw;
    line-height: 1.0em;
    font-weight: bold;
    vertical-align: text-bottom;
  }
  .list-card01 > li.news .respondent > span,
  .list-card02 > li.news .respondent > span {
    font-size: 4.26667vw;
    line-height: 1.0em;
  }
  .list-card01 > li.news .text,
  .list-card02 > li.news .text {
    font-size: 3.2vw;
    line-height: 1.53em;
    font-weight: bold;
    color: #0A9BBF;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .list-card01 > li.news .text .shoulder,
  .list-card02 > li.news .text .shoulder {
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.25em;
    font-weight: normal;
    padding-bottom: 0.4em;
  }
  .list-card01 > li.news .text .title,
  .list-card02 > li.news .text .title {
    font-size: 1.46rem;
    line-height: 1.25em;
  }
  .list-card01 > li.news .text .subtitle,
  .list-card02 > li.news .text .subtitle {
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.25em;
    font-weight: normal;
    padding-top: 0.4em;
  }
  .list-card01 > li.news .date,
  .list-card02 > li.news .date {
    font-size: 0.75rem;
    line-height: 1.25em;
    color: #828282;
    text-align: right;
    margin-left: auto;
    margin-top: 0.6em;
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .list-card01 > li.news .comment,
  .list-card02 > li.news .comment {
    font-size: 3.2vw;
    line-height: 1.0em;
    font-weight: bold;
    position: absolute;
    right: 3.2vw;
    bottom: 2.13333vw;
  }
}

@media only screen and (max-width: 520px) {
  .list-card01 > li.news .contents_title .box,
  .list-card02 > li.news .contents_title .box {
    border-color: #765150;
  }
  .list-card01 > li.news .contents_title .box:before,
  .list-card02 > li.news .contents_title .box:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#school");
  }
  .list-card01 > li.news .contents_title .logo-nexpress,
  .list-card02 > li.news .contents_title .logo-nexpress {
    width: 16vw;
    height: 2.93333vw;
    margin-top: 0.5em;
  }
  .list-card01 > li.news .category-badge,
  .list-card02 > li.news .category-badge {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 5.33333vw;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1.06667vw;
  }
  .list-card01 > li.news .category-badge > li,
  .list-card02 > li.news .category-badge > li {
    min-width: 16vw;
    height: 5.33333vw;
    overflow: hidden;
    font-size: 2.66667vw;
    line-height: 1.0em;
    margin-right: 1.6vw;
    margin-bottom: 0.2em;
  }
  .list-card01 > li.news .category-badge > li > span,
  .list-card02 > li.news .category-badge > li > span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0.1em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1.06667vw;
    background-color: #666666;
    color: #ffffff;
    text-decoration: none;
  }
  .list-card01 > li.news .category-badge > li.page-bc,
  .list-card02 > li.news .category-badge > li.page-bc {
    width: 21.33333vw;
  }
}

@media only screen and (max-width: 520px) and (min-width: 521px) {
  .list-card01 > li.opinion,
  .list-card02 > li.opinion {
    margin: 0;
    padding: 0;
    width: 280px;
    border-radius: 16px;
    overflow: hidden;
    background-color: #ffffff;
    position: relative;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    margin-right: 40px;
    margin-bottom: 24px;
  }
  .list-card01 > li.opinion:nth-of-type(3n),
  .list-card02 > li.opinion:nth-of-type(3n) {
    margin-right: 0;
  }
  .list-card01 > li.opinion > a,
  .list-card02 > li.opinion > a {
    display: block;
    color: #2a2a2a;
    text-decoration: none !important;
    height: 100%;
  }
  .list-card01 > li.opinion .rank,
  .list-card02 > li.opinion .rank {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 8px;
    width: 32px;
    height: 32px;
    padding: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    font-size: 24px;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 16px;
    top: 16px;
    z-index: 10;
  }
  .list-card01 > li.opinion .badge,
  .list-card02 > li.opinion .badge {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 8px;
    min-height: 32px;
    padding: 8px;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 16px;
    top: 12px;
    z-index: 10;
  }
  .list-card01 > li.opinion .thumb,
  .list-card02 > li.opinion .thumb {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #B1B1B1;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 158px;
    background-color: #eeeeee;
  }
  .list-card01 > li.opinion .thumb img,
  .list-card02 > li.opinion .thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .list-card01 > li.opinion .inner,
  .list-card02 > li.opinion .inner {
    background-color: #ffffff;
    padding: 22px 18px;
    position: relative;
    z-index: 2;
  }
  .list-card01 > li.opinion .position,
  .list-card02 > li.opinion .position {
    font-size: 12px;
    line-height: 1.0;
    font-weight: bold;
    margin-bottom: 6px;
  }
  .list-card01 > li.opinion .respondent,
  .list-card02 > li.opinion .respondent {
    font-size: 12px;
    line-height: 1.0em;
    font-weight: bold;
    vertical-align: text-bottom;
    margin-bottom: 14px;
  }
  .list-card01 > li.opinion .respondent > span,
  .list-card02 > li.opinion .respondent > span {
    font-size: 20px;
    line-height: 1.0em;
  }
  .list-card01 > li.opinion .text,
  .list-card02 > li.opinion .text {
    font-size: 1rem;
    line-height: 1.53em;
    font-weight: bold;
    color: #0A9BBF;
  }
  .list-card01 > li.opinion .text .shoulder,
  .list-card02 > li.opinion .text .shoulder {
    display: inline-block;
    font-size: 0.75rem;
    line-height: 1.5em;
    font-weight: normal;
    padding-bottom: 0.4em;
  }
  .list-card01 > li.opinion .text .title,
  .list-card02 > li.opinion .text .title {
    font-size: 1.16rem;
    line-height: 1.5em;
  }
  .list-card01 > li.opinion .text .subtitle,
  .list-card02 > li.opinion .text .subtitle {
    display: inline-block;
    font-size: 0.75rem;
    line-height: 1.5em;
    font-weight: normal;
    padding-top: 0.4em;
  }
  .list-card01 > li.opinion .date,
  .list-card02 > li.opinion .date {
    font-size: 0.75rem;
    line-height: 1.25em;
    color: #828282;
    text-align: right;
    margin-left: auto;
    margin-top: 0.6em;
  }
  .list-card01 > li.opinion .comment,
  .list-card02 > li.opinion .comment {
    font-size: 13px;
    line-height: 1.0em;
    font-weight: bold;
    position: absolute;
    right: 12px;
    bottom: 10px;
  }
}

@media only screen and (max-width: 520px) and (max-width: 520px) {
  .list-card01 > li.opinion,
  .list-card02 > li.opinion {
    margin: 0;
    padding: 2.13333vw;
    border-radius: 4.26667vw;
    overflow: hidden;
    background-color: #ffffff;
    position: relative;
    -webkit-box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    margin-bottom: 4.26667vw;
  }
  .list-card01 > li.opinion:nth-last-child(1),
  .list-card02 > li.opinion:nth-last-child(1) {
    margin-bottom: 0;
  }
  .list-card01 > li.opinion > a,
  .list-card02 > li.opinion > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #2a2a2a;
    text-decoration: none !important;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .list-card01 > li.opinion .rank,
  .list-card02 > li.opinion .rank {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 1.06667vw;
    width: 4.8vw;
    height: 4.8vw;
    padding: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    font-size: 3.2vw;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 1.06667vw;
    top: 1.06667vw;
    z-index: 10;
  }
  .list-card01 > li.opinion .badge,
  .list-card02 > li.opinion .badge {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 2.13333vw;
    min-height: 5.33333vw;
    padding: 1.06667vw;
    color: #ffffff;
    font-size: 2.66667vw;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 1.06667vw;
    top: 1.06667vw;
    z-index: 10;
  }
  .list-card01 > li.opinion .thumb,
  .list-card02 > li.opinion .thumb {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #B1B1B1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 18.66667vw;
    height: 18.66667vw;
    -webkit-box-shadow: 0 0.53333vw 1.06667vw rgba(0, 0, 0, 0.16);
    box-shadow: 0 0.53333vw 1.06667vw rgba(0, 0, 0, 0.16);
    overflow: hidden;
    border-radius: 2.13333vw;
  }
  .list-card01 > li.opinion .thumb img,
  .list-card02 > li.opinion .thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .list-card01 > li.opinion .inner,
  .list-card02 > li.opinion .inner {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: calc(100% - 18.66667vw - 2.66667vw);
    background-color: #ffffff;
    padding: 0;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .list-card01 > li.opinion .position,
  .list-card02 > li.opinion .position {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    font-size: 2.13333vw;
    line-height: 1.25em;
    font-weight: bold;
    margin-bottom: 1.6vw;
    margin-top: 2.13333vw;
  }
  .list-card01 > li.opinion .respondent,
  .list-card02 > li.opinion .respondent {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    font-size: 2.66667vw;
    line-height: 1.0em;
    font-weight: bold;
    vertical-align: text-bottom;
  }
  .list-card01 > li.opinion .respondent > span,
  .list-card02 > li.opinion .respondent > span {
    font-size: 4.26667vw;
    line-height: 1.0em;
  }
  .list-card01 > li.opinion .text,
  .list-card02 > li.opinion .text {
    font-size: 3.2vw;
    line-height: 1.53em;
    font-weight: bold;
    color: #0A9BBF;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .list-card01 > li.opinion .text .shoulder,
  .list-card02 > li.opinion .text .shoulder {
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.25em;
    font-weight: normal;
    padding-bottom: 0.4em;
  }
  .list-card01 > li.opinion .text .title,
  .list-card02 > li.opinion .text .title {
    font-size: 1.46rem;
    line-height: 1.25em;
  }
  .list-card01 > li.opinion .text .subtitle,
  .list-card02 > li.opinion .text .subtitle {
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.25em;
    font-weight: normal;
    padding-top: 0.4em;
  }
  .list-card01 > li.opinion .date,
  .list-card02 > li.opinion .date {
    font-size: 0.75rem;
    line-height: 1.25em;
    color: #828282;
    text-align: right;
    margin-left: auto;
    margin-top: 0.6em;
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .list-card01 > li.opinion .comment,
  .list-card02 > li.opinion .comment {
    font-size: 3.2vw;
    line-height: 1.0em;
    font-weight: bold;
    position: absolute;
    right: 3.2vw;
    bottom: 2.13333vw;
  }
}

@media only screen and (max-width: 520px) {
  .list-card01 > li.opinion .contents_title .box,
  .list-card02 > li.opinion .contents_title .box {
    border-color: #618758;
  }
  .list-card01 > li.opinion .contents_title .box:before,
  .list-card02 > li.opinion .contents_title .box:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#opinion");
  }
}

@media only screen and (max-width: 520px) and (min-width: 521px) {
  .list-card01 > li.counseling,
  .list-card02 > li.counseling {
    margin: 0;
    padding: 0;
    width: 280px;
    border-radius: 16px;
    overflow: hidden;
    background-color: #ffffff;
    position: relative;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    margin-right: 40px;
    margin-bottom: 24px;
  }
  .list-card01 > li.counseling:nth-of-type(3n),
  .list-card02 > li.counseling:nth-of-type(3n) {
    margin-right: 0;
  }
  .list-card01 > li.counseling > a,
  .list-card02 > li.counseling > a {
    display: block;
    color: #2a2a2a;
    text-decoration: none !important;
    height: 100%;
  }
  .list-card01 > li.counseling .title,
  .list-card02 > li.counseling .title {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    width: 100%;
    height: 158px;
    position: relative;
  }
  .list-card01 > li.counseling .title > span,
  .list-card02 > li.counseling .title > span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 32px;
    position: relative;
    z-index: 2;
    font-size: 16px;
    line-height: 1.68em;
    font-weight: bold;
    color: #ffffff;
  }
  .list-card01 > li.counseling .title:before,
  .list-card02 > li.counseling .title:before {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.22);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
  }
  .list-card01 > li.counseling .inner,
  .list-card02 > li.counseling .inner {
    background-color: #ffffff;
    padding: 22px 18px;
    position: relative;
    zoom: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .list-card01 > li.counseling .inner:after,
  .list-card02 > li.counseling .inner:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: " ";
    line-height: 0;
  }
  .list-card01 > li.counseling .image,
  .list-card02 > li.counseling .image {
    width: 60px;
    height: 60px;
    border-radius: 16px;
    overflow: hidden;
    margin-right: 10px;
  }
  .list-card01 > li.counseling .image img,
  .list-card02 > li.counseling .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .list-card01 > li.counseling .data,
  .list-card02 > li.counseling .data {
    width: calc(100% - 60px - 10px);
    margin-bottom: 0.4em;
  }
  .list-card01 > li.counseling .data .badge,
  .list-card02 > li.counseling .data .badge {
    position: relative;
    left: auto;
    top: auto;
  }
  .list-card01 > li.counseling .badge,
  .list-card02 > li.counseling .badge {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #BF0A34;
    border-radius: 8px;
    min-height: 32px;
    padding: 8px 8px;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.0;
    font-weight: 500;
    display: inline-block;
  }
  .list-card01 > li.counseling .position,
  .list-card02 > li.counseling .position {
    font-size: 14px;
    line-height: 1.25em;
    font-weight: bold;
    margin-top: 0.4em;
    margin-bottom: 6px;
  }
  .list-card01 > li.counseling .respondent,
  .list-card02 > li.counseling .respondent {
    font-size: 12px;
    line-height: 1.0em;
    font-weight: bold;
    vertical-align: text-bottom;
  }
  .list-card01 > li.counseling .respondent > span,
  .list-card02 > li.counseling .respondent > span {
    font-size: 20px;
    line-height: 1.0em;
  }
  .list-card01 > li.counseling .answer,
  .list-card02 > li.counseling .answer {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    clear: both;
    padding-bottom: 4px;
    border-bottom: 1px solid #707070;
    font-size: 15px;
    line-height: 1.0em;
    font-weight: bold;
  }
  .list-card01 > li.counseling .answer:before,
  .list-card02 > li.counseling .answer:before {
    content: "A.";
    font-size: 22px;
    line-height: 1.0em;
    font-weight: bold;
    color: #BF0A34;
    vertical-align: text-bottom;
    margin-right: 0.5em;
  }
  .list-card01 > li.counseling .date,
  .list-card02 > li.counseling .date {
    font-size: 0.75rem;
    line-height: 1.25em;
    color: #828282;
    text-align: right;
    margin-left: auto;
    margin-top: 0.6em;
  }
  .list-card01 > li.counseling .comment,
  .list-card02 > li.counseling .comment {
    font-size: 13px;
    line-height: 1.0em;
    font-weight: bold;
    position: absolute;
    right: 12px;
    top: 24px;
  }
}

@media only screen and (max-width: 520px) and (max-width: 520px) {
  .list-card01 > li.counseling,
  .list-card02 > li.counseling {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
    padding: 2.13333vw;
    border-radius: 4.26667vw;
    overflow: hidden;
    background-color: #ffffff;
    position: relative;
    -webkit-box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    min-height: 25.6vw;
    margin-bottom: 4.26667vw;
    position: relative;
    padding-left: calc(2.13333vw + 18.66667vw + 2.66667vw);
  }
  .list-card01 > li.counseling:nth-last-child(1),
  .list-card02 > li.counseling:nth-last-child(1) {
    margin-bottom: 0;
  }
  .list-card01 > li.counseling > a,
  .list-card02 > li.counseling > a {
    display: block;
    color: #2a2a2a;
    text-decoration: none !important;
  }
  .list-card01 > li.counseling .title,
  .list-card02 > li.counseling .title {
    background-color: #ffffff;
    background-image: none !important;
    padding: 0;
    font-size: 3.2vw;
    line-height: 1.53em;
    font-weight: bold;
    color: #0A9BBF;
    margin-bottom: 0.4em;
  }
  .list-card01 > li.counseling .inner,
  .list-card02 > li.counseling .inner {
    position: static;
    padding: 0;
    background-color: #ffffff;
    padding: 0;
    line-height: 1.0em;
  }
  .list-card01 > li.counseling .image,
  .list-card02 > li.counseling .image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 18.66667vw;
    height: 18.66667vw;
    -webkit-box-shadow: 0 0.53333vw 1.06667vw rgba(0, 0, 0, 0.16);
    box-shadow: 0 0.53333vw 1.06667vw rgba(0, 0, 0, 0.16);
    overflow: hidden;
    border-radius: 2.13333vw;
    position: absolute;
    left: 2.13333vw;
    top: 2.13333vw;
  }
  .list-card01 > li.counseling .image img,
  .list-card02 > li.counseling .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .list-card01 > li.counseling .badge,
  .list-card02 > li.counseling .badge {
    display: none;
  }
  .list-card01 > li.counseling .position,
  .list-card02 > li.counseling .position {
    display: block;
    font-size: 2.66667vw;
    line-height: 1.25em;
    font-weight: bold;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0.2em;
  }
  .list-card01 > li.counseling .respondent,
  .list-card02 > li.counseling .respondent {
    display: block;
    padding: 0;
    font-size: 2.13333vw;
    line-height: 1.0em;
    font-weight: bold;
    text-align: left;
  }
  .list-card01 > li.counseling .respondent > span,
  .list-card02 > li.counseling .respondent > span {
    font-size: 3.73333vw;
    line-height: 1.0em;
  }
  .list-card01 > li.counseling .answer,
  .list-card02 > li.counseling .answer {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-top: 2.66667vw;
    padding-bottom: 0.53333vw;
    border-bottom: 1px solid #707070;
    font-size: 3.2vw;
    line-height: 1.0em;
    font-weight: bold;
  }
  .list-card01 > li.counseling .answer:before,
  .list-card02 > li.counseling .answer:before {
    content: "A.";
    font-size: 3.73333vw;
    line-height: 1.0em;
    font-weight: bold;
    color: #BF0A34;
    vertical-align: text-bottom;
    margin-right: 0.4em;
  }
  .list-card01 > li.counseling .date,
  .list-card02 > li.counseling .date {
    font-size: 0.75rem;
    line-height: 1.25em;
    color: #828282;
    text-align: right;
    margin-left: auto;
    margin-top: 0.6em;
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .list-card01 > li.counseling .comment,
  .list-card02 > li.counseling .comment {
    font-size: 3.2vw;
    line-height: 1.0em;
    font-weight: bold;
    position: absolute;
    right: 3.2vw;
    bottom: 2.13333vw;
  }
}

@media only screen and (max-width: 520px) {
  .list-card01 > li.counseling .contents_title,
  .list-card02 > li.counseling .contents_title {
    top: calc(158px - 14px);
    z-index: 10;
  }
  .list-card01 > li.counseling .contents_title .box,
  .list-card02 > li.counseling .contents_title .box {
    border-color: #8f302b;
  }
  .list-card01 > li.counseling .contents_title .box:before,
  .list-card02 > li.counseling .contents_title .box:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#consult");
  }
  .list-card01 > li.counseling .inner,
  .list-card02 > li.counseling .inner {
    width: 100%;
  }
  .list-card01 > li.counseling .answer,
  .list-card02 > li.counseling .answer {
    width: 100%;
    margin-right: 0;
  }
}

@media only screen and (max-width: 520px) and (min-width: 521px) {
  .list-card01 > li.view,
  .list-card02 > li.view {
    margin: 0;
    padding: 0;
    width: 280px;
    border-radius: 16px;
    overflow: hidden;
    background-color: #ffffff;
    position: relative;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    margin-right: 40px;
    margin-bottom: 24px;
  }
  .list-card01 > li.view:nth-of-type(3n),
  .list-card02 > li.view:nth-of-type(3n) {
    margin-right: 0;
  }
  .list-card01 > li.view > a,
  .list-card02 > li.view > a {
    display: block;
    color: #2a2a2a;
    text-decoration: none !important;
    height: 100%;
  }
  .list-card01 > li.view .rank,
  .list-card02 > li.view .rank {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 8px;
    width: 32px;
    height: 32px;
    padding: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    font-size: 24px;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 16px;
    top: 16px;
    z-index: 10;
  }
  .list-card01 > li.view .badge,
  .list-card02 > li.view .badge {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 8px;
    min-height: 32px;
    padding: 8px;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 16px;
    top: 12px;
    z-index: 10;
  }
  .list-card01 > li.view .thumb,
  .list-card02 > li.view .thumb {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #B1B1B1;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 158px;
    background-color: #eeeeee;
  }
  .list-card01 > li.view .thumb img,
  .list-card02 > li.view .thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .list-card01 > li.view .inner,
  .list-card02 > li.view .inner {
    background-color: #ffffff;
    padding: 22px 18px;
    position: relative;
    z-index: 2;
  }
  .list-card01 > li.view .position,
  .list-card02 > li.view .position {
    font-size: 12px;
    line-height: 1.0;
    font-weight: bold;
    margin-bottom: 6px;
  }
  .list-card01 > li.view .respondent,
  .list-card02 > li.view .respondent {
    font-size: 12px;
    line-height: 1.0em;
    font-weight: bold;
    vertical-align: text-bottom;
    margin-bottom: 14px;
  }
  .list-card01 > li.view .respondent > span,
  .list-card02 > li.view .respondent > span {
    font-size: 20px;
    line-height: 1.0em;
  }
  .list-card01 > li.view .text,
  .list-card02 > li.view .text {
    font-size: 1rem;
    line-height: 1.53em;
    font-weight: bold;
    color: #0A9BBF;
  }
  .list-card01 > li.view .text .shoulder,
  .list-card02 > li.view .text .shoulder {
    display: inline-block;
    font-size: 0.75rem;
    line-height: 1.5em;
    font-weight: normal;
    padding-bottom: 0.4em;
  }
  .list-card01 > li.view .text .title,
  .list-card02 > li.view .text .title {
    font-size: 1.16rem;
    line-height: 1.5em;
  }
  .list-card01 > li.view .text .subtitle,
  .list-card02 > li.view .text .subtitle {
    display: inline-block;
    font-size: 0.75rem;
    line-height: 1.5em;
    font-weight: normal;
    padding-top: 0.4em;
  }
  .list-card01 > li.view .date,
  .list-card02 > li.view .date {
    font-size: 0.75rem;
    line-height: 1.25em;
    color: #828282;
    text-align: right;
    margin-left: auto;
    margin-top: 0.6em;
  }
  .list-card01 > li.view .comment,
  .list-card02 > li.view .comment {
    font-size: 13px;
    line-height: 1.0em;
    font-weight: bold;
    position: absolute;
    right: 12px;
    bottom: 10px;
  }
}

@media only screen and (max-width: 520px) and (max-width: 520px) {
  .list-card01 > li.view,
  .list-card02 > li.view {
    margin: 0;
    padding: 2.13333vw;
    border-radius: 4.26667vw;
    overflow: hidden;
    background-color: #ffffff;
    position: relative;
    -webkit-box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    margin-bottom: 4.26667vw;
  }
  .list-card01 > li.view:nth-last-child(1),
  .list-card02 > li.view:nth-last-child(1) {
    margin-bottom: 0;
  }
  .list-card01 > li.view > a,
  .list-card02 > li.view > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #2a2a2a;
    text-decoration: none !important;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .list-card01 > li.view .rank,
  .list-card02 > li.view .rank {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 1.06667vw;
    width: 4.8vw;
    height: 4.8vw;
    padding: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    font-size: 3.2vw;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 1.06667vw;
    top: 1.06667vw;
    z-index: 10;
  }
  .list-card01 > li.view .badge,
  .list-card02 > li.view .badge {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 2.13333vw;
    min-height: 5.33333vw;
    padding: 1.06667vw;
    color: #ffffff;
    font-size: 2.66667vw;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 1.06667vw;
    top: 1.06667vw;
    z-index: 10;
  }
  .list-card01 > li.view .thumb,
  .list-card02 > li.view .thumb {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #B1B1B1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 18.66667vw;
    height: 18.66667vw;
    -webkit-box-shadow: 0 0.53333vw 1.06667vw rgba(0, 0, 0, 0.16);
    box-shadow: 0 0.53333vw 1.06667vw rgba(0, 0, 0, 0.16);
    overflow: hidden;
    border-radius: 2.13333vw;
  }
  .list-card01 > li.view .thumb img,
  .list-card02 > li.view .thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .list-card01 > li.view .inner,
  .list-card02 > li.view .inner {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: calc(100% - 18.66667vw - 2.66667vw);
    background-color: #ffffff;
    padding: 0;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .list-card01 > li.view .position,
  .list-card02 > li.view .position {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    font-size: 2.13333vw;
    line-height: 1.25em;
    font-weight: bold;
    margin-bottom: 1.6vw;
    margin-top: 2.13333vw;
  }
  .list-card01 > li.view .respondent,
  .list-card02 > li.view .respondent {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    font-size: 2.66667vw;
    line-height: 1.0em;
    font-weight: bold;
    vertical-align: text-bottom;
  }
  .list-card01 > li.view .respondent > span,
  .list-card02 > li.view .respondent > span {
    font-size: 4.26667vw;
    line-height: 1.0em;
  }
  .list-card01 > li.view .text,
  .list-card02 > li.view .text {
    font-size: 3.2vw;
    line-height: 1.53em;
    font-weight: bold;
    color: #0A9BBF;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .list-card01 > li.view .text .shoulder,
  .list-card02 > li.view .text .shoulder {
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.25em;
    font-weight: normal;
    padding-bottom: 0.4em;
  }
  .list-card01 > li.view .text .title,
  .list-card02 > li.view .text .title {
    font-size: 1.46rem;
    line-height: 1.25em;
  }
  .list-card01 > li.view .text .subtitle,
  .list-card02 > li.view .text .subtitle {
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.25em;
    font-weight: normal;
    padding-top: 0.4em;
  }
  .list-card01 > li.view .date,
  .list-card02 > li.view .date {
    font-size: 0.75rem;
    line-height: 1.25em;
    color: #828282;
    text-align: right;
    margin-left: auto;
    margin-top: 0.6em;
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .list-card01 > li.view .comment,
  .list-card02 > li.view .comment {
    font-size: 3.2vw;
    line-height: 1.0em;
    font-weight: bold;
    position: absolute;
    right: 3.2vw;
    bottom: 2.13333vw;
  }
}

@media only screen and (max-width: 520px) {
  .list-card01 > li.view .contents_title .box,
  .list-card02 > li.view .contents_title .box {
    border-color: #5ec7b9;
  }
  .list-card01 > li.view .contents_title .box:before,
  .list-card02 > li.view .contents_title .box:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#backnumber");
  }
  .list-card01 > li.view .thumb.square,
  .list-card02 > li.view .thumb.square {
    height: auto !important;
    background-color: #cccccc;
    text-align: center;
  }
  .list-card01 > li.view .thumb.square img,
  .list-card02 > li.view .thumb.square img {
    height: auto !important;
    max-height: 26.66667vw;
    background-color: #cccccc;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
}

@media only screen and (max-width: 520px) and (min-width: 521px) {
  .list-card01 > li.innovation,
  .list-card02 > li.innovation {
    margin: 0;
    padding: 0;
    width: 280px;
    border-radius: 16px;
    overflow: hidden;
    background-color: #ffffff;
    position: relative;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    margin-right: 40px;
    margin-bottom: 24px;
  }
  .list-card01 > li.innovation:nth-of-type(3n),
  .list-card02 > li.innovation:nth-of-type(3n) {
    margin-right: 0;
  }
  .list-card01 > li.innovation > a,
  .list-card02 > li.innovation > a {
    display: block;
    color: #2a2a2a;
    text-decoration: none !important;
    height: 100%;
  }
  .list-card01 > li.innovation .rank,
  .list-card02 > li.innovation .rank {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 8px;
    width: 32px;
    height: 32px;
    padding: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    font-size: 24px;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 16px;
    top: 16px;
    z-index: 10;
  }
  .list-card01 > li.innovation .badge,
  .list-card02 > li.innovation .badge {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 8px;
    min-height: 32px;
    padding: 8px;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 16px;
    top: 12px;
    z-index: 10;
  }
  .list-card01 > li.innovation .thumb,
  .list-card02 > li.innovation .thumb {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #B1B1B1;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 158px;
    background-color: #eeeeee;
  }
  .list-card01 > li.innovation .thumb img,
  .list-card02 > li.innovation .thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .list-card01 > li.innovation .inner,
  .list-card02 > li.innovation .inner {
    background-color: #ffffff;
    padding: 22px 18px;
    position: relative;
    z-index: 2;
  }
  .list-card01 > li.innovation .position,
  .list-card02 > li.innovation .position {
    font-size: 12px;
    line-height: 1.0;
    font-weight: bold;
    margin-bottom: 6px;
  }
  .list-card01 > li.innovation .respondent,
  .list-card02 > li.innovation .respondent {
    font-size: 12px;
    line-height: 1.0em;
    font-weight: bold;
    vertical-align: text-bottom;
    margin-bottom: 14px;
  }
  .list-card01 > li.innovation .respondent > span,
  .list-card02 > li.innovation .respondent > span {
    font-size: 20px;
    line-height: 1.0em;
  }
  .list-card01 > li.innovation .text,
  .list-card02 > li.innovation .text {
    font-size: 1rem;
    line-height: 1.53em;
    font-weight: bold;
    color: #0A9BBF;
  }
  .list-card01 > li.innovation .text .shoulder,
  .list-card02 > li.innovation .text .shoulder {
    display: inline-block;
    font-size: 0.75rem;
    line-height: 1.5em;
    font-weight: normal;
    padding-bottom: 0.4em;
  }
  .list-card01 > li.innovation .text .title,
  .list-card02 > li.innovation .text .title {
    font-size: 1.16rem;
    line-height: 1.5em;
  }
  .list-card01 > li.innovation .text .subtitle,
  .list-card02 > li.innovation .text .subtitle {
    display: inline-block;
    font-size: 0.75rem;
    line-height: 1.5em;
    font-weight: normal;
    padding-top: 0.4em;
  }
  .list-card01 > li.innovation .date,
  .list-card02 > li.innovation .date {
    font-size: 0.75rem;
    line-height: 1.25em;
    color: #828282;
    text-align: right;
    margin-left: auto;
    margin-top: 0.6em;
  }
  .list-card01 > li.innovation .comment,
  .list-card02 > li.innovation .comment {
    font-size: 13px;
    line-height: 1.0em;
    font-weight: bold;
    position: absolute;
    right: 12px;
    bottom: 10px;
  }
}

@media only screen and (max-width: 520px) and (max-width: 520px) {
  .list-card01 > li.innovation,
  .list-card02 > li.innovation {
    margin: 0;
    padding: 2.13333vw;
    border-radius: 4.26667vw;
    overflow: hidden;
    background-color: #ffffff;
    position: relative;
    -webkit-box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    margin-bottom: 4.26667vw;
  }
  .list-card01 > li.innovation:nth-last-child(1),
  .list-card02 > li.innovation:nth-last-child(1) {
    margin-bottom: 0;
  }
  .list-card01 > li.innovation > a,
  .list-card02 > li.innovation > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #2a2a2a;
    text-decoration: none !important;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .list-card01 > li.innovation .rank,
  .list-card02 > li.innovation .rank {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 1.06667vw;
    width: 4.8vw;
    height: 4.8vw;
    padding: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    font-size: 3.2vw;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 1.06667vw;
    top: 1.06667vw;
    z-index: 10;
  }
  .list-card01 > li.innovation .badge,
  .list-card02 > li.innovation .badge {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 2.13333vw;
    min-height: 5.33333vw;
    padding: 1.06667vw;
    color: #ffffff;
    font-size: 2.66667vw;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 1.06667vw;
    top: 1.06667vw;
    z-index: 10;
  }
  .list-card01 > li.innovation .thumb,
  .list-card02 > li.innovation .thumb {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #B1B1B1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 18.66667vw;
    height: 18.66667vw;
    -webkit-box-shadow: 0 0.53333vw 1.06667vw rgba(0, 0, 0, 0.16);
    box-shadow: 0 0.53333vw 1.06667vw rgba(0, 0, 0, 0.16);
    overflow: hidden;
    border-radius: 2.13333vw;
  }
  .list-card01 > li.innovation .thumb img,
  .list-card02 > li.innovation .thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .list-card01 > li.innovation .inner,
  .list-card02 > li.innovation .inner {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: calc(100% - 18.66667vw - 2.66667vw);
    background-color: #ffffff;
    padding: 0;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .list-card01 > li.innovation .position,
  .list-card02 > li.innovation .position {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    font-size: 2.13333vw;
    line-height: 1.25em;
    font-weight: bold;
    margin-bottom: 1.6vw;
    margin-top: 2.13333vw;
  }
  .list-card01 > li.innovation .respondent,
  .list-card02 > li.innovation .respondent {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    font-size: 2.66667vw;
    line-height: 1.0em;
    font-weight: bold;
    vertical-align: text-bottom;
  }
  .list-card01 > li.innovation .respondent > span,
  .list-card02 > li.innovation .respondent > span {
    font-size: 4.26667vw;
    line-height: 1.0em;
  }
  .list-card01 > li.innovation .text,
  .list-card02 > li.innovation .text {
    font-size: 3.2vw;
    line-height: 1.53em;
    font-weight: bold;
    color: #0A9BBF;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .list-card01 > li.innovation .text .shoulder,
  .list-card02 > li.innovation .text .shoulder {
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.25em;
    font-weight: normal;
    padding-bottom: 0.4em;
  }
  .list-card01 > li.innovation .text .title,
  .list-card02 > li.innovation .text .title {
    font-size: 1.46rem;
    line-height: 1.25em;
  }
  .list-card01 > li.innovation .text .subtitle,
  .list-card02 > li.innovation .text .subtitle {
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.25em;
    font-weight: normal;
    padding-top: 0.4em;
  }
  .list-card01 > li.innovation .date,
  .list-card02 > li.innovation .date {
    font-size: 0.75rem;
    line-height: 1.25em;
    color: #828282;
    text-align: right;
    margin-left: auto;
    margin-top: 0.6em;
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .list-card01 > li.innovation .comment,
  .list-card02 > li.innovation .comment {
    font-size: 3.2vw;
    line-height: 1.0em;
    font-weight: bold;
    position: absolute;
    right: 3.2vw;
    bottom: 2.13333vw;
  }
}

@media only screen and (max-width: 520px) {
  .list-card01 > li.innovation .contents_title .box,
  .list-card02 > li.innovation .contents_title .box {
    border-color: #346586;
  }
  .list-card01 > li.innovation .contents_title .box:before,
  .list-card02 > li.innovation .contents_title .box:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#innovation");
  }
  .list-card01 > li.innovation .category-badge,
  .list-card02 > li.innovation .category-badge {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 5.33333vw;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.06667vw;
  }
  .list-card01 > li.innovation .category-badge > li,
  .list-card02 > li.innovation .category-badge > li {
    min-width: 16vw;
    height: 5.33333vw;
    overflow: hidden;
    font-size: 2.66667vw;
    line-height: 1.0em;
    margin-right: 1.6vw;
  }
  .list-card01 > li.innovation .category-badge > li > span,
  .list-card02 > li.innovation .category-badge > li > span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1.06667vw;
    background-color: #666666;
    color: #ffffff;
    text-decoration: none;
  }
  .list-card01 > li.innovation .category-badge > li.page-bc,
  .list-card02 > li.innovation .category-badge > li.page-bc {
    width: 21.33333vw;
  }
}

@media only screen and (max-width: 520px) and (min-width: 521px) {
  .list-card01 > li.current,
  .list-card02 > li.current {
    margin: 0;
    padding: 0;
    width: 280px;
    border-radius: 16px;
    overflow: hidden;
    background-color: #ffffff;
    position: relative;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    margin-right: 40px;
    margin-bottom: 24px;
  }
  .list-card01 > li.current:nth-of-type(3n),
  .list-card02 > li.current:nth-of-type(3n) {
    margin-right: 0;
  }
  .list-card01 > li.current > a,
  .list-card02 > li.current > a {
    display: block;
    color: #2a2a2a;
    text-decoration: none !important;
    height: 100%;
  }
  .list-card01 > li.current .title,
  .list-card02 > li.current .title {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    width: 100%;
    height: 158px;
    position: relative;
  }
  .list-card01 > li.current .title > span,
  .list-card02 > li.current .title > span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 32px;
    position: relative;
    z-index: 2;
    font-size: 16px;
    line-height: 1.68em;
    font-weight: bold;
    color: #ffffff;
  }
  .list-card01 > li.current .title:before,
  .list-card02 > li.current .title:before {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.22);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
  }
  .list-card01 > li.current .inner,
  .list-card02 > li.current .inner {
    background-color: #ffffff;
    padding: 22px 18px;
    position: relative;
    zoom: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .list-card01 > li.current .inner:after,
  .list-card02 > li.current .inner:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: " ";
    line-height: 0;
  }
  .list-card01 > li.current .image,
  .list-card02 > li.current .image {
    width: 60px;
    height: 60px;
    border-radius: 16px;
    overflow: hidden;
    margin-right: 10px;
  }
  .list-card01 > li.current .image img,
  .list-card02 > li.current .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .list-card01 > li.current .data,
  .list-card02 > li.current .data {
    width: calc(100% - 60px - 10px);
    margin-bottom: 0.4em;
  }
  .list-card01 > li.current .data .badge,
  .list-card02 > li.current .data .badge {
    position: relative;
    left: auto;
    top: auto;
  }
  .list-card01 > li.current .badge,
  .list-card02 > li.current .badge {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #BF0A34;
    border-radius: 8px;
    min-height: 32px;
    padding: 8px 8px;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.0;
    font-weight: 500;
    display: inline-block;
  }
  .list-card01 > li.current .position,
  .list-card02 > li.current .position {
    font-size: 14px;
    line-height: 1.25em;
    font-weight: bold;
    margin-top: 0.4em;
    margin-bottom: 6px;
  }
  .list-card01 > li.current .respondent,
  .list-card02 > li.current .respondent {
    font-size: 12px;
    line-height: 1.0em;
    font-weight: bold;
    vertical-align: text-bottom;
  }
  .list-card01 > li.current .respondent > span,
  .list-card02 > li.current .respondent > span {
    font-size: 20px;
    line-height: 1.0em;
  }
  .list-card01 > li.current .answer,
  .list-card02 > li.current .answer {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    clear: both;
    padding-bottom: 4px;
    border-bottom: 1px solid #707070;
    font-size: 15px;
    line-height: 1.0em;
    font-weight: bold;
  }
  .list-card01 > li.current .answer:before,
  .list-card02 > li.current .answer:before {
    content: "A.";
    font-size: 22px;
    line-height: 1.0em;
    font-weight: bold;
    color: #BF0A34;
    vertical-align: text-bottom;
    margin-right: 0.5em;
  }
  .list-card01 > li.current .date,
  .list-card02 > li.current .date {
    font-size: 0.75rem;
    line-height: 1.25em;
    color: #828282;
    text-align: right;
    margin-left: auto;
    margin-top: 0.6em;
  }
  .list-card01 > li.current .comment,
  .list-card02 > li.current .comment {
    font-size: 13px;
    line-height: 1.0em;
    font-weight: bold;
    position: absolute;
    right: 12px;
    top: 24px;
  }
}

@media only screen and (max-width: 520px) and (max-width: 520px) {
  .list-card01 > li.current,
  .list-card02 > li.current {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
    padding: 2.13333vw;
    border-radius: 4.26667vw;
    overflow: hidden;
    background-color: #ffffff;
    position: relative;
    -webkit-box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    min-height: 25.6vw;
    margin-bottom: 4.26667vw;
    position: relative;
    padding-left: calc(2.13333vw + 18.66667vw + 2.66667vw);
  }
  .list-card01 > li.current:nth-last-child(1),
  .list-card02 > li.current:nth-last-child(1) {
    margin-bottom: 0;
  }
  .list-card01 > li.current > a,
  .list-card02 > li.current > a {
    display: block;
    color: #2a2a2a;
    text-decoration: none !important;
  }
  .list-card01 > li.current .title,
  .list-card02 > li.current .title {
    background-color: #ffffff;
    background-image: none !important;
    padding: 0;
    font-size: 3.2vw;
    line-height: 1.53em;
    font-weight: bold;
    color: #0A9BBF;
    margin-bottom: 0.4em;
  }
  .list-card01 > li.current .inner,
  .list-card02 > li.current .inner {
    position: static;
    padding: 0;
    background-color: #ffffff;
    padding: 0;
    line-height: 1.0em;
  }
  .list-card01 > li.current .image,
  .list-card02 > li.current .image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 18.66667vw;
    height: 18.66667vw;
    -webkit-box-shadow: 0 0.53333vw 1.06667vw rgba(0, 0, 0, 0.16);
    box-shadow: 0 0.53333vw 1.06667vw rgba(0, 0, 0, 0.16);
    overflow: hidden;
    border-radius: 2.13333vw;
    position: absolute;
    left: 2.13333vw;
    top: 2.13333vw;
  }
  .list-card01 > li.current .image img,
  .list-card02 > li.current .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .list-card01 > li.current .badge,
  .list-card02 > li.current .badge {
    display: none;
  }
  .list-card01 > li.current .position,
  .list-card02 > li.current .position {
    display: block;
    font-size: 2.66667vw;
    line-height: 1.25em;
    font-weight: bold;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0.2em;
  }
  .list-card01 > li.current .respondent,
  .list-card02 > li.current .respondent {
    display: block;
    padding: 0;
    font-size: 2.13333vw;
    line-height: 1.0em;
    font-weight: bold;
    text-align: left;
  }
  .list-card01 > li.current .respondent > span,
  .list-card02 > li.current .respondent > span {
    font-size: 3.73333vw;
    line-height: 1.0em;
  }
  .list-card01 > li.current .answer,
  .list-card02 > li.current .answer {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-top: 2.66667vw;
    padding-bottom: 0.53333vw;
    border-bottom: 1px solid #707070;
    font-size: 3.2vw;
    line-height: 1.0em;
    font-weight: bold;
  }
  .list-card01 > li.current .answer:before,
  .list-card02 > li.current .answer:before {
    content: "A.";
    font-size: 3.73333vw;
    line-height: 1.0em;
    font-weight: bold;
    color: #BF0A34;
    vertical-align: text-bottom;
    margin-right: 0.4em;
  }
  .list-card01 > li.current .date,
  .list-card02 > li.current .date {
    font-size: 0.75rem;
    line-height: 1.25em;
    color: #828282;
    text-align: right;
    margin-left: auto;
    margin-top: 0.6em;
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .list-card01 > li.current .comment,
  .list-card02 > li.current .comment {
    font-size: 3.2vw;
    line-height: 1.0em;
    font-weight: bold;
    position: absolute;
    right: 3.2vw;
    bottom: 2.13333vw;
  }
}

@media only screen and (max-width: 520px) {
  .list-card01 > li.current .contents_title .box,
  .list-card02 > li.current .contents_title .box {
    border-color: #bf5b17;
  }
  .list-card01 > li.current .contents_title .box:before,
  .list-card02 > li.current .contents_title .box:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#current");
  }
  .list-card01 > li.current .inner,
  .list-card02 > li.current .inner {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .list-card01 > li.current .image,
  .list-card02 > li.current .image {
    overflow: hidden;
    border-radius: 60%;
  }
  .list-card01 > li.current .title,
  .list-card02 > li.current .title {
    font-size: 4.53333vw;
    line-height: 1.5em;
    margin-bottom: 0.2em;
  }
  .list-card01 > li.current .meta,
  .list-card02 > li.current .meta {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
    margin-bottom: 0;
  }
  .list-card01 > li.current .meta .text,
  .list-card02 > li.current .meta .text {
    color: #000000;
    line-height: 1.0em;
  }
  .list-card01 > li.current .meta .prefix,
  .list-card02 > li.current .meta .prefix {
    font-size: 2.66667vw;
    line-height: 1.5em;
    font-weight: bold;
  }
  .list-card01 > li.current .meta .position,
  .list-card02 > li.current .meta .position {
    display: inline;
    font-size: 2.66667vw;
    line-height: 1.5em;
    font-weight: normal;
  }
  .list-card01 > li.current .meta .writer,
  .list-card02 > li.current .meta .writer {
    display: inline;
    font-size: 3.2vw;
    line-height: 1.5em;
    font-weight: bold;
  }
  .list-card01 > li.current .data,
  .list-card02 > li.current .data {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 2.13333vw;
    font-size: 3.46667vw;
    line-height: 1.5em;
  }
  .list-card01 > li.current .data > p,
  .list-card02 > li.current .data > p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .list-card01 > li.current .date,
  .list-card02 > li.current .date {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
    margin-top: 0.2em;
  }
  body.home .list-card01 > li:nth-child(n+4) {
    display: none;
  }
  body.home .list-card02 > li:nth-child(n+4) {
    display: none;
  }
  body.home .home-sec#current .list-card02 > li .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  body.home .home-sec#current .list-card02 > li .image {
    overflow: hidden;
    border-radius: 60%;
  }
  body.home .home-sec#current .list-card02 > li .title {
    font-size: 4.53333vw;
    line-height: 1.5em;
  }
  body.home .home-sec#current .list-card02 > li .meta {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
    margin-bottom: 0;
  }
  body.home .home-sec#current .list-card02 > li .meta .prefix {
    font-size: 2.66667vw;
    line-height: 1.5em;
    font-weight: bold;
  }
  body.home .home-sec#current .list-card02 > li .meta .position {
    display: inline;
    font-size: 2.66667vw;
    line-height: 1.5em;
    font-weight: normal;
  }
  body.home .home-sec#current .list-card02 > li .meta .writer {
    display: inline;
    font-size: 3.2vw;
    line-height: 1.5em;
    font-weight: bold;
  }
  body.home .home-sec#current .list-card02 > li .data {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 2.13333vw;
    font-size: 3.46667vw;
    line-height: 1.5em;
  }
  body.home .home-sec#current .list-card02 > li .data > p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  body.home .home-sec#current .list-card02 > li .date {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
    margin-top: 0.2em;
  }
  body.home .home-sec#ranking .list-card01 > li:nth-child(n+4) {
    display: inherit;
  }
  body.home .home-sec#pickup > .heading {
    margin-top: 5.33333vw;
  }
  body.home .home-sec#pickup .list-card01 > li:nth-child(n+4) {
    display: block;
  }
  .list-type01 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background: #ffffff;
    border-radius: 4.26667vw;
    padding: 4.26667vw;
  }
  .list-type01 > li {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #707070;
    padding: 0 0 2.66667vw 0;
    margin-bottom: 4.26667vw;
    font-size: 3.2vw;
    line-height: 1.5em;
  }
  .list-type01 > li:nth-last-child(1) {
    border-bottom: none;
    margin-bottom: 0;
  }
  .list-type01 > li a:link,
  .list-type01 > li a:visited {
    color: #000000;
    text-decoration: none;
  }
  .list-type01 > li a:hover,
  .list-type01 > li a:active {
    color: #0A9BBF;
    text-decoration: none;
  }
  .list-type01 > li .date {
    width: 18.66667vw;
    font-size: 2.66667vw;
    line-height: 1.0em;
  }
  .list-type01 > li .text {
    width: calc(100% - 18.66667vw);
  }
  .list-type01 > li .text.with-badge {
    width: calc(100% - 18.66667vw - 12.8vw - 1.86667vw);
  }
  .list-type01 > li .badge {
    text-align: center;
    margin-left: 1.86667vw;
  }
  .list-type01 > li .badge > a {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 2.13333vw;
    width: 12.8vw;
    min-height: 5.33333vw;
    padding: 1.06667vw;
    color: #ffffff;
    text-decoration: none;
    font-size: 2.66667vw;
    line-height: 1.0;
    font-weight: 500;
  }
}

@media only screen and (max-width: 520px) and (min-width: 521px) {
  .list-type02 {
    list-style-type: none;
    margin: 24px 0;
    padding: 0;
  }
  .list-type02 > li {
    margin: 0;
    padding: 0;
    border-radius: 8px;
    overflow: hidden;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    margin-bottom: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
  }
  .list-type02 > li:nth-last-child(1) {
    margin-bottom: 0;
  }
  .list-type02 > li a:link, .list-type02 > li a:visited {
    color: #000000;
    text-decoration: none;
  }
  .list-type02 > li a:hover, .list-type02 > li a:active {
    color: #2999C4;
    text-decoration: none;
  }
  .list-type02 > li .list-category-badge {
    list-style-type: none;
    margin: 0;
    padding: 0;
    height: 25px;
    overflow: hidden;
    position: absolute;
    left: 156px;
    top: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .list-type02 > li .list-category-badge > li {
    width: 80px;
    height: 25px;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.0em;
    margin-right: 8px;
  }
  .list-type02 > li .list-category-badge > li > span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    background-color: #666666;
    color: #ffffff;
    text-decoration: none;
  }
  .list-type02 > li .list-tag-badge {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: absolute;
    left: 156px;
    top: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .list-type02 > li .list-tag-badge > li {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 25px;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.0em;
    margin-right: 8px;
  }
  .list-type02 > li .list-tag-badge > li > span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0 0.4em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #666666;
    border-radius: 4px;
    background-color: #ffffff;
    color: #666666;
    text-decoration: none;
  }
  .list-type02 > li .image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 140px;
    overflow: hidden;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
  }
  .list-type02 > li .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    display: none;
  }
  .list-type02 > li .image a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .list-type02 > li .image a:hover {
    background-color: rgba(255, 255, 255, 0.6);
  }
  .list-type02 > li .text {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: calc(100% - 140px - 16px);
    padding: 32px 24px 16px 0;
  }
  .list-type02 > li .text .title {
    font-size: 1.0rem;
    line-height: 1.2em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 2.4em;
  }
  .list-type02 > li .text .date {
    font-size: 0.75rem;
    line-height: 1.0em;
    color: #828282;
    margin-top: 10px;
  }
  .list-type02 > li .badge {
    position: absolute;
    right: 0px;
    bottom: 0px;
  }
  .list-type02 > li .badge a {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #0A9BBF;
    border-radius: 4px;
    min-height: 29px;
    padding: 6px 12px 8px;
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
    line-height: 1.0;
    font-weight: 500;
  }
  .list-type02 > li .badge a:hover {
    opacity: 0.6;
  }
  .list-type02 > li .badge a:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 1.0em;
    height: 1.0em;
    line-height: 1.0em;
    margin-right: 0.2em;
    background-image: url("../img/ic_news_benesse.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: auto 100%;
  }
  .list-type02 > li.highlight .image {
    width: 240px;
    min-height: 185px;
  }
  .list-type02 > li.highlight .text {
    width: calc(100% - 240px - 16px);
    padding-top: 40px;
  }
  .list-type02 > li.highlight .text .title {
    font-size: 1.25rem;
    line-height: 1.5em;
    min-height: 3.0em;
  }
  .list-type02 > li.highlight .list-tag-badge {
    left: 256px;
    top: 5px;
  }
  .list-type02 > li.no-tags .text {
    padding: 8px 24px 8px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .list-type02 > li.comingsoon {
    opacity: 0.4;
    pointer-events: none;
  }
  .list-type02.square > li .image {
    width: 108px;
    min-height: 108px;
  }
  .list-type02.square > li .text {
    width: calc(100% - 108px - 16px);
  }
  .list-type02.square > li .list-category-badge,
  .list-type02.square > li .list-tag-badge {
    left: 124px;
  }
  .list-type02.square > li.highlight .image {
    width: 140px;
    min-height: 140px;
  }
  .list-type02.square > li.highlight .text {
    width: calc(100% - 140px - 16px);
    padding-top: 40px;
  }
  .list-type02.square > li.highlight .text .title {
    font-size: 1.25rem;
    line-height: 1.5em;
  }
  .list-type02.square > li.highlight .list-tag-badge {
    left: 156px;
    top: 5px;
  }
}

@media only screen and (max-width: 520px) and (max-width: 520px) {
  .list-type02 {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .list-type02 > li {
    margin: 0;
    padding: 0;
    border-radius: 2.13333vw;
    overflow: hidden;
    -webkit-box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    margin-bottom: 3.2vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    padding: 2.13333vw;
  }
  .list-type02 > li a:link, .list-type02 > li a:visited {
    color: #000000;
    text-decoration: none;
  }
  .list-type02 > li a:hover, .list-type02 > li a:active {
    color: #2999C4;
    text-decoration: none;
  }
  .list-type02 > li .list-category-badge {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 5.33333vw;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2.13333vw;
  }
  .list-type02 > li .list-category-badge > li {
    width: 21.33333vw;
    height: 5.33333vw;
    overflow: hidden;
    font-size: 2.66667vw;
    line-height: 1.0em;
    margin-right: 1.6vw;
  }
  .list-type02 > li .list-category-badge > li > span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1.06667vw;
    background-color: #666666;
    color: #ffffff;
    text-decoration: none;
  }
  .list-type02 > li .list-category-badge > li.page-bc {
    width: 21.33333vw;
  }
  .list-type02 > li .list-tag-badge {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 5.33333vw;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2.13333vw;
  }
  .list-type02 > li .list-tag-badge > li {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 5.33333vw;
    overflow: hidden;
    font-size: 2.66667vw;
    line-height: 1.0em;
    margin-right: 1.6vw;
  }
  .list-type02 > li .list-tag-badge > li > span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0 0.4em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #666666;
    border-radius: 1.06667vw;
    background-color: #ffffff;
    color: #666666;
    text-decoration: none;
  }
  .list-type02 > li .image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 18.66667vw;
    height: 18.66667vw;
    overflow: hidden;
    border-radius: 2.13333vw;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
  }
  .list-type02 > li .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    display: none;
  }
  .list-type02 > li .image a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .list-type02 > li .image a:hover {
    background-color: rgba(255, 255, 255, 0.6);
  }
  .list-type02 > li .text {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: calc(100% - 18.66667vw - 2.66667vw);
  }
  .list-type02 > li .text .title {
    font-size: 1.0rem;
    line-height: 1.2em;
  }
  .list-type02 > li .text .date {
    font-size: 0.83rem;
    line-height: 1.0em;
    color: #828282;
    margin-top: 2.66667vw;
  }
  .list-type02 > li .badge {
    position: absolute;
    right: 0px;
    bottom: 0px;
  }
  .list-type02 > li .badge a {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #0A9BBF;
    border-radius: 1.06667vw;
    min-height: 6.4vw;
    padding: 1.33333vw 3.2vw;
    color: #ffffff;
    font-size: 2.66667vw;
    line-height: 1.0;
    font-weight: 500;
  }
  .list-type02 > li .badge a:hover {
    opacity: 0.6;
  }
  .list-type02 > li .badge a:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 1.0em;
    height: 1.0em;
    line-height: 1.0em;
    margin-right: 0.2em;
    background-image: url("../img/ic_news_benesse.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: auto 100%;
  }
  .list-type02 > li.comingsoon {
    opacity: 0.4;
    pointer-events: none;
  }
}

@media only screen and (max-width: 520px) and (min-width: 521px) {
  body.innovation .list-type02.square > li {
    padding: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  body.innovation .list-type02.square > li .list-category-badge {
    top: 15px;
    left: 139px;
  }
  body.innovation .list-type02.square > li .image {
    min-height: auto;
    -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.16);
    background-image: none !important;
  }
  body.innovation .list-type02.square > li .image img {
    display: block;
    height: auto;
    max-height: 100%;
  }
  body.innovation .list-type02.square > li .image a:hover {
    opacity: 0.6;
  }
  body.innovation .list-type02.square > li .text {
    padding: 32px 0 0 0;
  }
}

@media only screen and (max-width: 520px) and (max-width: 520px) {
  body.innovation .list-type02.square > li {
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
  }
  body.innovation .list-type02.square > li .image {
    height: auto;
    -webkit-box-shadow: 0.53333vw 0.53333vw 2.13333vw rgba(0, 0, 0, 0.16);
    box-shadow: 0.53333vw 0.53333vw 2.13333vw rgba(0, 0, 0, 0.16);
    background-image: none !important;
  }
  body.innovation .list-type02.square > li .image img {
    display: block;
    height: auto;
    max-height: 100%;
  }
}

@media only screen and (max-width: 520px) {
  body.opinion .list-type02 > li,
  body.opinion .list-type02.square > li {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  body.opinion .list-type02 > li .list-tag-badge,
  body.opinion .list-type02.square > li .list-tag-badge {
    position: relative;
    left: 0;
    top: 0;
    margin-top: 1.6vw;
    margin-bottom: 0;
    height: 4vw;
  }
  body.opinion .list-type02 > li .list-tag-badge > li,
  body.opinion .list-type02.square > li .list-tag-badge > li {
    height: 4vw;
    font-size: 2.4vw;
  }
  body.opinion .list-type02 > li .text .name,
  body.opinion .list-type02.square > li .text .name {
    font-size: 0.85rem;
    line-height: 1.25em;
    margin-bottom: 0.2em;
  }
  body.opinion .list-type02 > li .text .shoulder,
  body.opinion .list-type02.square > li .text .shoulder {
    font-size: 0.75rem;
    line-height: 1.25em;
    color: #828282;
    margin-bottom: 1.6vw;
  }
  body.opinion .list-type02 > li .text .title,
  body.opinion .list-type02.square > li .text .title {
    clear: both;
    font-size: 1.125rem;
  }
  body.opinion .list-type02 > li .text .date,
  body.opinion .list-type02.square > li .text .date {
    font-size: 0.7rem;
    margin-top: 0.4em;
  }
  .home-sec > .heading {
    font-size: 5.33333vw;
    line-height: 1.2em;
    font-weight: bold;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 8vw;
    padding: 0 6.4vw 0 15.46667vw;
    margin: 0 auto;
    margin-bottom: 2.13333vw;
    margin-top: 11.73333vw;
  }
  .home-sec > .heading .logo-nexpress {
    width: 26.13333vw;
    height: 4.8vw;
  }
  .home-sec > .heading:before {
    content: " ";
    display: block;
    width: 7.73333vw;
    height: 7.73333vw;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    position: absolute;
    left: 6.4vw;
    top: 0;
    bottom: 0;
  }
  .home-sec#pickup .heading:before {
    background-image: url("../img/ic_sprite.svg#news");
  }
  .home-sec#news .heading:before {
    background-image: url("../img/ic_sprite.svg#school");
  }
  .home-sec#lesson .heading:before {
    background-image: url("../img/ic_sprite.svg#teacher");
  }
  .home-sec#consult .heading:before {
    background-image: url("../img/ic_sprite.svg#consult");
  }
  .home-sec#current .heading:before {
    background-image: url("../img/ic_sprite.svg#current");
  }
  .home-sec#opinion .heading:before {
    background-image: url("../img/ic_sprite.svg#opinion");
  }
  .home-sec#innovation .heading:before {
    background-image: url("../img/ic_sprite.svg#innovation");
  }
  .home-sec#view .heading:before {
    background-image: url("../img/ic_sprite.svg#backnumber");
  }
  .home-sec#ranking .heading:before {
    background-image: url("../img/ic_sprite.svg#ranking");
  }
  .home-sec#info .heading:before {
    background-image: url("../img/ic_sprite.svg#rule");
  }
  .home-sec .inner {
    background-color: #EBEBEB;
  }
  .home-sec .contents {
    margin: 0 auto;
    padding: 6.4vw;
  }
  .home-sec .more {
    text-align: right;
    margin-top: 4.26667vw;
  }
  .home-sec#ranking .heading {
    margin-bottom: 0;
  }
  .home-sec#ranking .inner {
    background-color: #ffffff;
  }
  .home-sec#ranking .contents {
    padding-top: 5.33333vw;
  }
  #home-theme-outer {
    background-color: #F4F5F8;
  }
  #home-theme-outer .inner {
    margin: 0 auto;
    position: relative;
    padding: 5.33333vw 5.33333vw 10.66667vw;
  }
  #home-theme-outer #home-theme-contents .home-theme-column {
    background-color: #ffffff;
    padding: 5.33333vw;
    border-radius: 5.33333vw;
    margin-bottom: 5.33333vw;
  }
  #home-theme-outer #home-theme-contents .home-theme-column > .heading {
    margin-bottom: 5.33333vw;
  }
  #home-theme-outer #home-theme-contents .home-theme-column > .heading > span {
    display: block;
    text-align: center;
    background-color: #000000;
    color: #ffffff;
    border-radius: 40px;
    padding: 2.66667vw 1.33333vw;
    font-size: 4vw;
    line-height: 1.0em;
    font-weight: 500;
  }
  #home-theme-outer #home-theme-contents .home-theme-column .theme-children > li {
    margin-bottom: 4vw;
  }
  #home-theme-outer #home-theme-contents .home-theme-column .theme-children > li:nth-last-child(1) {
    margin-bottom: 0;
  }
  #home-theme-outer #home-theme-contents .home-theme-column .theme-children > li > .thumb {
    display: block;
    width: 100%;
    margin-bottom: 2.66667vw;
  }
  #home-theme-outer #home-theme-contents .home-theme-column .theme-children > li > .thumb img {
    width: 100%;
    height: auto;
    aspect-ratio: 295 / 120;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 5.33333vw;
  }
  #home-theme-outer #home-theme-contents .home-theme-column .theme-children > li > .data .heading {
    margin-top: 0;
  }
  #home-theme-outer #home-theme-contents .home-theme-column .theme-children > li > .data .heading > span {
    background-color: transparent !important;
    padding: 0 !important;
    color: #000000;
    font-size: 4.26667vw;
    line-height: 1.25em;
    font-weight: bold;
  }
  #home-theme-outer #home-theme-contents .home-theme-column .theme-children > li > .data .theme-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  #home-theme-outer #home-theme-contents .home-theme-column.hs > .heading > span {
    background-color: #F69C27;
  }
  #home-theme-outer #home-theme-contents .home-theme-column.hs .theme-children .data .heading > span {
    color: #F69C27;
  }
  #home-theme-outer #home-theme-contents .home-theme-column.board > .heading > span {
    background-color: #5AB052;
  }
  #home-theme-outer #home-theme-contents .home-theme-column.board .theme-children .data .heading > span {
    color: #5AB052;
  }
  #home-theme-contact {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #EEF7FD;
    margin: 5.33333vw auto 5.33333vw;
    padding: 5.33333vw;
  }
  #home-theme-contact > .text {
    font-size: 3.2vw;
    line-height: 1.5em;
    font-weight: 500;
    color: #2883E7;
    text-align: center;
    margin-bottom: 2.66667vw;
  }
  #home-theme-contact > .more > a {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #2883E7;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 100%;
    padding: 2.66667vw;
    border-radius: 10.66667vw;
    font-size: 3.73333vw;
    line-height: 1.0em;
    font-weight: 500;
    color: #ffffff;
    text-decoration: none;
  }
  #home-theme-contact > .more > a:after {
    content: " ";
    display: inline-block;
    width: 4.26667vw;
    height: 4.26667vw;
    margin-left: 2.66667vw;
    vertical-align: middle;
    background-image: url("../img/ic_arw_contact.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
  }
  #wrapper.wrapper-new .home-info-box {
    border: none;
    display: block;
    border-radius: 2.66667vw;
    padding: 5.33333vw 10.66667vw;
    margin: 5.33333vw auto 0;
  }
  #wrapper.wrapper-new .home-info-box > .heading {
    display: inline-block;
    font-size: 14px;
    padding: 1.33333vw 5.33333vw;
    margin-bottom: 2.66667vw;
  }
  #wrapper.wrapper-new .home-info-box > .heading br {
    display: none;
  }
  #wrapper.wrapper-new .home-info-box > ul {
    width: 100%;
    height: 12vw;
  }
  #wrapper.wrapper-new .home-info-box > ul > li {
    font-size: 3.73333vw;
  }
  #home-visual-outer {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    min-height: 40.8vw;
    margin-bottom: 4vw;
    background-color: #ffffff;
    position: relative;
  }
  #home-visual-outer #home-visual {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    opacity: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    zoom: 1;
  }
  #home-visual-outer #home-visual.owl-loaded {
    opacity: 1.0;
  }
  #home-visual-outer #home-visual:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: " ";
    line-height: 0;
  }
  #home-visual-outer #home-visual > p {
    width: 64vw !important;
    height: 36vw !important;
    border-radius: 4.26667vw;
    overflow: hidden;
    float: left;
  }
  #home-visual-outer #home-visual .owl-item {
    width: 64vw !important;
    height: 36vw !important;
    border-radius: 4.26667vw;
    overflow: hidden;
  }
  #home-visual-outer #home-visual .owl-item p {
    display: block;
    width: 100%;
    height: 100%;
  }
  #home-visual-outer #home-visual .owl-item a {
    display: block;
    width: 100%;
    height: 100%;
  }
  #home-visual-outer #home-visual img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  #home-visual-outer .owl-stage-outer {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: hidden;
    background-color: #e6e6e6;
    height: 42.4vw;
    padding-top: 3.2vw;
  }
  #home-visual-outer .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 1.06667vw;
  }
  #home-visual-outer .owl-theme .owl-dots .owl-dot span {
    width: 2.66667vw;
    height: 2.66667vw;
    margin: 0 3.2vw;
    border-radius: 0.8vw;
    background-color: #CECECE;
  }
  #home-visual-outer .owl-theme .owl-dots .owl-dot.active span,
  #home-visual-outer .owl-theme .owl-dots .owl-dot:hover span {
    background-color: #2999C4;
  }
  .home-info-box {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    background: #ffffff;
    margin: 0 auto;
    padding: 1.33333vw 6.4vw;
    border: 1px solid #cccccc;
    border-left: none;
    border-right: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .home-info-box .heading {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    color: #ffffff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 2.13333vw;
    padding: 2.13333vw 1.33333vw;
    min-width: 16vw;
    text-align: center;
    font-size: 0.75rem;
    line-height: 1.25em;
  }
  .home-info-box > ul {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: calc(100% - 24vw);
    list-style-type: none;
    margin: 0;
    padding: 0px;
    position: relative;
    height: 8vw;
    overflow: hidden;
    color: #ffffff;
  }
  .home-info-box > ul > li {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.75rem;
    line-height: 1.5em;
  }
  .home-info-box > ul > li > a {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    bottom: 0;
    margin: auto 0;
    padding-right: 4.26667vw;
  }
  .home-info-box > ul > li > a:after {
    content: "";
    display: block;
    width: 3.2vw;
    height: 3.2vw;
    background-image: url("../img/ic_arw_info.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
  }
  .home-info-box a:link,
  .home-info-box a:visited {
    color: #000000;
    text-decoration: none;
  }
  .home-info-box a:hover,
  .home-info-box a:active {
    color: #000000;
    text-decoration: underline;
  }
  .home-info-box > ul > li > a > span {
    display: block;
  }
  body.recommend #container {
    background-color: #F4F5F8;
  }
  body.recommend .low-contents01 .main .contents .view-list01,
  body.recommend .low-contents01 .article .contents .view-list01 {
    padding-bottom: 0;
    margin-bottom: 1.5em;
  }
  body.recommend .low-contents01 .main .contents .view-list01 > li .text .title,
  body.recommend .low-contents01 .article .contents .view-list01 > li .text .title {
    font-size: 1.0rem;
    line-height: 1.2em;
  }
  body.recommend .low-contents01 .main .contents .view-list01 > li .text .title > .maintitle,
  body.recommend .low-contents01 .article .contents .view-list01 > li .text .title > .maintitle {
    font-size: 1.125rem;
    line-height: 1.5em;
    font-weight: 500;
  }
  body.recommend .low-contents01 .main .contents .view-list01 > li .text .title > .shoulder,
  body.recommend .low-contents01 .article .contents .view-list01 > li .text .title > .shoulder {
    font-size: 0.875rem;
    line-height: 1.2em;
    font-weight: 400;
    color: #6B6B6B;
  }
  body.recommend .low-contents01 .main .contents .view-list01 > li .text .title > .subtitle,
  body.recommend .low-contents01 .article .contents .view-list01 > li .text .title > .subtitle {
    font-size: 0.875rem;
    line-height: 1.2em;
    font-weight: 400;
    color: #6B6B6B;
  }
  body.recommend .low-contents01 .main .contents .view-list01 > li .text .list-tag-badge,
  body.recommend .low-contents01 .article .contents .view-list01 > li .text .list-tag-badge {
    margin-top: 10px;
    height: auto;
  }
  body.recommend .low-contents01 .main .contents .view-list01 > li .text .list-tag-badge > li,
  body.recommend .low-contents01 .article .contents .view-list01 > li .text .list-tag-badge > li {
    margin-bottom: 8px;
  }
  body.recommend .low-contents01 .main .contents .view-list03,
  body.recommend .low-contents01 .article .contents .view-list03 {
    border-top: none;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 1.5em;
  }
  body.recommend .low-contents01 .main .contents .view-list03 > li,
  body.recommend .low-contents01 .article .contents .view-list03 > li {
    border-top: none;
    border-bottom: none;
    border-radius: 2.13333vw;
    padding-left: 3.2vw;
    padding-right: 3.2vw;
    overflow: hidden;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  }
  body.recommend .low-contents01 .main .contents .view-list03 > li .data .magazine,
  body.recommend .low-contents01 .article .contents .view-list03 > li .data .magazine {
    font-size: 0.875rem;
    line-height: 1.2em;
  }
  body.recommend .low-contents01 .main .contents .view-list03 > li .data .shoulder,
  body.recommend .low-contents01 .article .contents .view-list03 > li .data .shoulder {
    font-size: 0.875rem;
    line-height: 1.2em;
  }
  body.recommend .low-contents01 .main .contents .view-list03 > li .data .title,
  body.recommend .low-contents01 .article .contents .view-list03 > li .data .title {
    font-size: 1.05rem;
    line-height: 1.5em;
    font-weight: 500;
  }
  body.recommend .low-contents01 .main .contents .view-list03 > li .data .summaary,
  body.recommend .low-contents01 .article .contents .view-list03 > li .data .summaary {
    font-size: 1.0rem;
    line-height: 1.2em;
  }
  body.recommend .low-contents01 .main .contents .list-type02,
  body.recommend .low-contents01 .article .contents .list-type02 {
    padding-bottom: 0;
    margin-bottom: 1.5em;
  }
  body.recommend .low-contents01 .main .contents .list-type02 > li .text .title,
  body.recommend .low-contents01 .article .contents .list-type02 > li .text .title {
    font-size: 1.125rem;
    line-height: 1.2em;
    font-weight: 500;
    clear: both;
  }
  body.recommend .low-contents01 .main .contents .list-type02 > li .text .name,
  body.recommend .low-contents01 .article .contents .list-type02 > li .text .name {
    color: #6B6B6B;
    font-size: 0.85rem;
    line-height: 1.25em;
    margin-bottom: 8px;
    float: left;
  }
  body.recommend .low-contents01 .main .contents .list-type02 > li .text .shoulder,
  body.recommend .low-contents01 .article .contents .list-type02 > li .text .shoulder {
    color: #6B6B6B;
    font-size: 0.85rem;
    line-height: 1.25em;
  }
  body.recommend .low-contents01 .main .contents .counseling-list,
  body.recommend .low-contents01 .article .contents .counseling-list {
    border-top: none;
    border-bottom: none;
    margin-bottom: 1.5em;
  }
  body.recommend .low-contents01 .main .contents .counseling-list > li,
  body.recommend .low-contents01 .article .contents .counseling-list > li {
    border-top: none;
    border-bottom: none;
    border-radius: 2.13333vw;
    padding-left: 3.2vw;
    padding-right: 3.2vw;
    overflow: hidden;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  }
  .recommend-header {
    position: relative;
    background-color: #ffffff;
  }
  .recommend-header .thumb {
    width: 100%;
    min-width: 0;
    aspect-ratio: 375 / 181;
  }
  .recommend-header .thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .recommend-header.is-search .thumb {
    display: none;
  }
  .recommend-header .inner {
    position: relative;
    display: block;
    padding: 4vw 5.33333vw 4vw;
  }
  .recommend-header .inner .recommend-meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.33333vw;
  }
  .recommend-header .inner .recommend-meta > .parent {
    margin-right: 2.66667vw;
  }
  .recommend-header .inner .recommend-meta > .parent > span {
    display: inline-block;
    padding: 2.66667vw;
    background-color: #000000;
    color: #ffffff;
    font-size: 3.2vw;
    line-height: 1.0em;
    font-weight: bold;
  }
  .recommend-header .inner .recommend-meta > .parent > span.theme-hs {
    background-color: #F69C27;
  }
  .recommend-header .inner .recommend-meta > .parent > span.theme-board {
    background-color: #5AB052;
  }
  .recommend-header .inner .recommend-meta > .child {
    font-size: 3.73333vw;
    line-height: 1.0em;
    font-weight: 500;
    padding: 2.13333vw 0;
  }
  .recommend-header .inner .title {
    font-size: 5.33333vw;
    line-height: 1.5em;
    font-weight: 500;
  }
  .recommend-summary {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 5.33333vw 5.33333vw 0;
  }
  .recommend-summary .text {
    font-size: 4.26667vw;
    line-height: 1.5em;
    font-weight: 500;
  }
  .recommend-summary .search {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 64vw;
    height: 6.93333vw;
    margin: 5.33333vw auto 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #ffffff;
    border: 0.53333vw solid #D5D5D5;
    border-radius: 2.13333vw;
    font-size: 3.73333vw;
    line-height: 1.0em;
    /* 旧Edge対応 */
    /* IE対応 */
  }
  .recommend-summary .search:nth-child(1) {
    margin-top: 0;
  }
  .recommend-summary .search input {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    border: none;
    background-color: transparent;
    height: 100%;
    padding: 1.06667vw 1.06667vw;
    width: calc(100% - 6.93333vw);
  }
  .recommend-summary .search ::-webkit-input-placeholder {
    color: #B5B5B5;
    font-size: 1.0em;
  }
  .recommend-summary .search ::-moz-placeholder {
    color: #B5B5B5;
    font-size: 1.0em;
  }
  .recommend-summary .search ::-ms-input-placeholder {
    color: #B5B5B5;
    font-size: 1.0em;
  }
  .recommend-summary .search ::placeholder {
    color: #B5B5B5;
    font-size: 1.0em;
  }
  .recommend-summary .search ::-ms-input-placeholder {
    color: #B5B5B5;
  }
  .recommend-summary .search :-ms-input-placeholder {
    color: #B5B5B5;
  }
  .recommend-summary .search button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    width: 6.93333vw;
    height: 6.93333vw;
    margin: -0.53333vw;
    font-size: 0.1em;
    line-height: 0.1em;
    overflow: hidden;
    text-align: left;
    text-indent: -9000px;
    border: none;
    border-top-left-radius: 2.13333vw;
    border-bottom-left-radius: 2.13333vw;
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
    background-color: #D5D5D5;
    background-image: url("../img/ic_sprite.svg#search");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 4.26667vw auto;
    cursor: pointer;
  }
  .top-header {
    background-color: #ffffff;
    padding: 5.33333vw 5.33333vw 0;
  }
  .top-header .inner {
    margin: 0 auto;
    zoom: 1;
  }
  .top-header .inner:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: " ";
    line-height: 0;
  }
  .top-header .inner > * {
    position: relative;
    z-index: 2;
  }
  .top-header .inner.news-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 4px;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .top-header .inner.news-inner .title {
    margin-right: -8vw;
  }
  .top-header .inner.news-inner .title .logo-nexpress {
    width: 23.2vw;
    height: 4.26667vw;
  }
  .top-header .inner.news-inner .search {
    width: 42.66667vw;
  }
  .top-header .inner.news-inner .credit {
    line-height: 1.0em;
  }
  .top-header .inner.news-inner .credit img {
    width: auto;
    height: 5.33333vw;
    vertical-align: middle;
    margin-left: 0.5em;
    margin-top: -0.1em;
  }
  .top-header .inner.news-inner .news-nav {
    z-index: 1;
  }
  .top-header .inner.counseling-inner {
    padding-bottom: 1.0em;
  }
  .top-header .inner.counseling-inner .counseling-search {
    float: left;
    width: 48%;
  }
  .top-header .inner.counseling-inner .counseling-search .button01 {
    min-width: 100%;
  }
  .top-header .inner.counseling-inner > .search {
    width: 48%;
  }
  .top-header .inner.counseling-inner .catch {
    margin-right: -1.0em;
    margin-bottom: 1.5em;
  }
  .top-header .inner.opinion-inner {
    padding-bottom: 1.0em;
  }
  .top-header .inner.opinion-inner .search {
    float: none;
    margin-bottom: 1.0em;
  }
  .top-header .inner.current-inner {
    padding-bottom: 1.0em;
  }
  .top-header .inner.current-inner .catch {
    position: relative;
  }
  .top-header .inner.current-inner .catch .catch-note {
    font-size: 0.85rem;
    font-weight: normal;
    display: inline-block;
    margin-left: auto;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .top-header .inner.current-inner .search {
    float: none;
    margin-bottom: 1.0em;
  }
  .top-header .inner.view-inner {
    padding-bottom: 0.2em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .top-header .inner.view-inner > .title {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .top-header .inner.view-inner > .catch {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .top-header .inner.view-inner > .view-search {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .top-header .inner.view-inner > .view-latest {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .top-header .inner.innovation-inner {
    padding-bottom: 1.0em;
    /*.title {
				order: 0;
			}
			.catch {
				order: 2;
			}*/
  }
  .top-header .inner.innovation-inner .search {
    float: none;
  }
  .top-header .inner > .title {
    position: relative;
    font-size: 1.125rem;
    line-height: 1.2em;
    font-weight: bold;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 7.46667vw;
  }
  .top-header .inner > .title .to-index {
    padding: 0.4em 0.8em;
    margin-left: 1.0em;
    margin-top: 0.4em;
    margin-left: 1.0em;
    font-size: 0.625rem;
    margin-right: -5.33333vw;
  }
  .top-header .inner > .title:before {
    content: " ";
    display: block;
    width: 7.46667vw;
    height: 7.46667vw;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    margin-right: 1.06667vw;
    /*position: absolute;
				left: 0;
				top: 0;
				bottom: 0;*/
  }
  .top-header .inner > .title.common:before {
    background-image: url("../img/ic_sprite.svg#rule");
  }
  .top-header .inner > .title.news:before {
    background-image: url("../img/ic_sprite.svg#school");
  }
  .top-header .inner > .title.counseling:before {
    background-image: url("../img/ic_sprite.svg#consult");
  }
  .top-header .inner > .title.opinion:before {
    background-image: url("../img/ic_sprite.svg#opinion");
  }
  .top-header .inner > .title.current:before {
    background-image: url("../img/ic_sprite.svg#current");
  }
  .top-header .inner > .title.view:before {
    background-image: url("../img/ic_sprite.svg#backnumber");
  }
  .top-header .inner > .title.innovation:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#innovation");
  }
  .top-header .inner > .catch {
    margin-top: 1.0em;
    font-size: 0.75rem;
    line-height: 1.5em;
    font-weight: bold;
    margin-bottom: 1.0em;
  }
  .top-header .search {
    float: right;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 48vw;
    height: 6.93333vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 0.53333vw solid #D5D5D5;
    border-radius: 2.13333vw;
    font-size: 3.73333vw;
    line-height: 1.0em;
    /* 旧Edge対応 */
    /* IE対応 */
  }
  .top-header .search input {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    border: none;
    background-color: transparent;
    height: 100%;
    padding: 0.53333vw 1.06667vw;
    width: calc(100% - 6.93333vw);
  }
  .top-header .search ::-webkit-input-placeholder {
    color: #B5B5B5;
    font-size: 0.75rem;
  }
  .top-header .search ::-moz-placeholder {
    color: #B5B5B5;
    font-size: 0.75rem;
  }
  .top-header .search ::-ms-input-placeholder {
    color: #B5B5B5;
    font-size: 0.75rem;
  }
  .top-header .search ::placeholder {
    color: #B5B5B5;
    font-size: 0.75rem;
  }
  .top-header .search ::-ms-input-placeholder {
    color: #B5B5B5;
  }
  .top-header .search :-ms-input-placeholder {
    color: #B5B5B5;
  }
  .top-header .search button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    width: 6.93333vw;
    height: 6.93333vw;
    margin: -0.53333vw;
    font-size: 0.1em;
    line-height: 0.1em;
    overflow: hidden;
    text-align: left;
    text-indent: -9000px;
    border: none;
    border-top-left-radius: 2.13333vw;
    border-bottom-left-radius: 2.13333vw;
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
    background-color: #D5D5D5;
    background-image: url("../img/ic_sprite.svg#search");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 4.26667vw auto;
    cursor: pointer;
  }
  .top-header .news-nav {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 87%;
    margin: 0px 0px 0px calc(0px - 5.33333vw);
    padding-top: 4.26667vw;
    overflow-x: auto;
    overflow-y: hidden;
    clear: both;
  }
  .top-header .news-nav > ul {
    letter-spacing: -0.8em;
    font-size: 0.1em;
    line-height: 0.1em;
    height: 12.8vw;
  }
  .top-header .news-nav > ul > li {
    float: left;
    letter-spacing: normal;
    width: 16.53333vw;
    height: 6.4vw;
    overflow: hidden;
    font-size: 2.93333vw;
    line-height: 1.0em;
  }
  .top-header .news-nav > ul > li.active {
    opacity: 0.6;
  }
  .top-header .news-nav > ul > li > a {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1.06667vw;
    background-color: #666666;
    color: #ffffff;
    text-decoration: none;
  }
  .top-header .news-nav > ul > li.news-all {
    width: 10.66667vw;
    height: 12.8vw;
  }
  .top-header .news-benesse {
    width: 24%;
    height: 12.8vw;
    margin: 4.26667vw calc(0px - 5.33333vw) 0px auto;
  }
  .top-header .news-benesse a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: #0A9BBF;
    border-radius: 1.06667vw;
    color: #ffffff;
    text-decoration: none;
    font-size: 3.46667vw;
    line-height: 1.2em;
  }
  .top-header .news-benesse a:hover {
    opacity: 0.6;
  }
  .top-header .news-benesse a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.2em;
    width: 1.4em;
    height: 1.4em;
    background-image: url("../img/ic_news_benesse.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: auto 100%;
  }
  .top-header .view-latest {
    margin-top: 1.0em;
  }
  .top-header .view-latest .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .top-header .view-latest .view-latest-item {
    margin-bottom: 2.0em;
  }
  .top-header .view-latest .view-latest-item:nth-last-child(1) {
    margin-bottom: 0;
  }
  .top-header .view-latest .view-latest-item .title {
    font-size: 1.125rem;
    line-height: 1.5em;
    margin-bottom: 0.6em;
  }
  .top-header .view-latest .view-latest-item .title a {
    display: block;
    padding: 4vw 2.66667vw;
  }
  .top-header .view-latest .view-latest-item .title a.highschool {
    background-color: #F69D25;
  }
  .top-header .view-latest .view-latest-item .title a.board {
    background-color: #5BB151;
  }
  .top-header .view-latest .view-latest-item .title a:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    width: 1.0em;
    height: 1.0em;
    background-image: url("../img/ic_arw_simple_white.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    margin-right: 0.4em;
    margin-top: -0.2em;
  }
  .top-header .view-latest .view-latest-item .image {
    width: 25%;
  }
  .top-header .view-latest .view-latest-item .image img {
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  }
  .top-header .view-latest .view-latest-item .data {
    width: 72%;
  }
  .top-header .view-latest .view-latest-item .data .list {
    list-style-type: none;
    margin: 0 0 0 1.0em;
    padding: 0;
  }
  .top-header .view-latest .view-latest-item .data .list > li {
    margin: 0 0 1.0em 0;
    padding: 0;
  }
  .top-header .view-latest .view-latest-item .data .list > li a {
    display: block;
    background-color: #eeeeee;
    padding: 0.4em 0.8em;
    border-radius: 6px;
    color: #000000;
    text-decoration: none;
    position: relative;
  }
  .top-header .view-latest .view-latest-item .data .list > li a:before {
    display: inline-block;
    content: ' ';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #000000;
    vertical-align: middle;
    margin-right: 0.2em;
  }
  .top-header .view-latest .view-latest-item .data .feature-title {
    font-size: 1.125rem;
    line-height: 1.5em;
    font-weight: 500;
    margin-bottom: 0.4em;
  }
  .top-header .view-latest .view-latest-item .data .view-index {
    margin: 0.8em 0 0;
    padding: 0.8em 0 0;
    border-top: 1px solid #cccccc;
  }
  .top-header .view-latest .view-latest-item .data .heading {
    font-size: 1.0rem;
    line-height: 1.0em;
    font-weight: 500;
    margin-bottom: 0.4em;
  }
  .top-header .view-latest .view-latest-item .data .info {
    list-style-type: none;
    margin: 0 0 0 0.5em;
    padding: 0;
  }
  .top-header .view-latest .view-latest-item .data .info > li {
    margin: 0;
    padding: 0;
    font-size: 0.875rem;
    line-height: 1.5em;
  }
  .top-header .view-latest .view-latest-item .data .info > li a {
    display: block;
    margin-top: 0.6em;
    padding: 0 0 0.6em 2.66667vw;
    border-bottom: 1px solid #cccccc;
    color: #000000;
    text-decoration: none;
    position: relative;
  }
  .top-header .view-latest .view-latest-item .data .info > li a:before {
    display: inline-block;
    content: ' ';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1.06667vw 0 1.06667vw 1.6vw;
    border-color: transparent transparent transparent #000000;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 0.4em;
  }
  .top-header .view-latest .view-latest-item .data .info > li:nth-last-child(1) a {
    border-bottom: none;
  }
  .top-header .view-search {
    background-color: #eeeeee;
    margin: 1.6em 0 1.6em;
    padding: 0.8em;
    text-align: center;
  }
}

@media only screen and (max-width: 520px) and (min-width: 521px) {
  .news-all > * {
    background-color: #911818 !important;
  }
  .news-gimu > * {
    background-color: #2C4D90 !important;
  }
  .news-highschool > * {
    background-color: #2D6341 !important;
  }
  .news-exam > * {
    background-color: #704E2B !important;
  }
  .news-university > * {
    background-color: #4A8791 !important;
  }
  .news-ict > * {
    background-color: #538955 !important;
  }
  .news-admini > * {
    background-color: #523C6B !important;
  }
  .news-manabi > * {
    background-color: #857751 !important;
  }
  .page-bc > * {
    background-color: #0A9BBF !important;
  }
  .innovation-all > * {
    background-color: #346586 !important;
  }
  .innovation-project > * {
    background-color: #454080 !important;
  }
  .innovation-special > * {
    background-color: #a44040 !important;
  }
  .innovation-case > * {
    background-color: #c27336 !important;
  }
  .innovation-research > * {
    background-color: #577447 !important;
  }
}

@media only screen and (max-width: 520px) and (max-width: 520px) {
  .news-all > * {
    background-color: #911818 !important;
  }
  .news-gimu > * {
    background-color: #2C4D90 !important;
  }
  .news-highschool > * {
    background-color: #2D6341 !important;
  }
  .news-exam > * {
    background-color: #704E2B !important;
  }
  .news-university > * {
    background-color: #4A8791 !important;
  }
  .news-ict > * {
    background-color: #538955 !important;
  }
  .news-admini > * {
    background-color: #523C6B !important;
  }
  .news-manabi > * {
    background-color: #857751 !important;
  }
  .page-bc > * {
    background-color: #0A9BBF !important;
  }
  .innovation-all > * {
    background-color: #346586 !important;
  }
  .innovation-project > * {
    background-color: #454080 !important;
  }
  .innovation-special > * {
    background-color: #a44040 !important;
  }
  .innovation-case > * {
    background-color: #c27336 !important;
  }
  .innovation-research > * {
    background-color: #577447 !important;
  }
}

@media only screen and (max-width: 520px) {
  #wrapper.wrapper-new .low-contents01 {
    /*flex-wrap: wrap;*/
  }
  .low-contents01 {
    margin: 0 auto;
  }
  .low-contents01 .main {
    padding: 4.26667vw 5.33333vw 10.66667vw;
  }
  .low-contents01 .main .contents {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 4.26667vw;
    background-color: #ffffff;
    padding: 6.4vw 4.26667vw;
  }
  .low-contents01 .main .writer-box {
    text-align: right;
    font-size: 1.0rem;
    line-height: 1.5em;
    padding: 0.4em 0.4em;
  }
  .low-contents01 .article {
    padding: 4.26667vw 5.33333vw 10.66667vw;
  }
  .low-contents01 .article .contents {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 4.26667vw;
    background-color: #ffffff;
    padding: 6.4vw 4.26667vw;
    position: relative;
    z-index: 3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .low-contents01 .article .contents.more-list {
    margin-top: 3.0em;
  }
  .low-contents01 .article .contents .kv {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    border-radius: 4.26667vw;
    overflow: hidden;
    margin-bottom: 5.33333vw;
  }
  .low-contents01 .article .contents .kv img {
    width: 100%;
    height: 53.33333vw;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .low-contents01 .article .contents .badge {
    display: inline-block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 1.06667vw;
    min-height: 6.4vw;
    padding: 1.6vw;
    color: #ffffff;
    font-size: 2.66667vw;
    line-height: 1.0;
    font-weight: 500;
    margin-bottom: 1.06667vw;
  }
  .low-contents01 .article .contents .badge:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 1.0em;
    height: 1.0em;
    line-height: 1.0em;
    margin-right: 0.2em;
    background-image: url("../img/ic_news_benesse.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: auto 100%;
  }
  .low-contents01 .article .contents .tag-badge {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .low-contents01 .article .contents .tag-badge > li {
    height: 5.33333vw;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.0em;
    margin: 0.53333vw 1.6vw 0.53333vw 0;
  }
  .low-contents01 .article .contents .tag-badge > li > span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0 0.4em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #666666;
    border-radius: 1.06667vw;
    background-color: #ffffff;
    color: #666666;
    text-decoration: none;
  }
  .low-contents01 .article .contents .category-badge {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 5.33333vw;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2.13333vw;
  }
  .low-contents01 .article .contents .category-badge > li {
    width: 16vw;
    height: 5.33333vw;
    overflow: hidden;
    font-size: 2.66667vw;
    line-height: 1.0em;
    margin-right: 1.6vw;
  }
  .low-contents01 .article .contents .category-badge > li > span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1.06667vw;
    background-color: #666666;
    color: #ffffff;
    text-decoration: none;
  }
  .low-contents01 .article .contents .category {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.5em;
  }
  .low-contents01 .article .contents .category .button-back {
    margin-left: auto;
    margin-top: -0.53333vw;
  }
  .low-contents01 .article .contents .article-header {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 6.4vw;
  }
  .low-contents01 .article .contents .article-header .title {
    width: 100%;
    font-size: 1.5rem;
    line-height: 1.5em;
    font-weight: bold;
    margin-bottom: 1.06667vw;
  }
  .low-contents01 .article .contents .article-header.innovation-about .title {
    font-size: 1.5rem;
    margin-bottom: 3.2vw;
  }
  .low-contents01 .article .contents .article-header.innovation-about .tools {
    margin-left: auto;
  }
  .low-contents01 .article .contents .article-header .date {
    margin-top: 1.06667vw;
    margin-bottom: 2.13333vw;
    color: #828282;
    font-size: 1.0rem;
    line-height: 1.0em;
  }
  .low-contents01 .article .contents .article-header .tools {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .low-contents01 .article .contents .article-header .tools .comment {
    font-size: 3.46667vw;
    line-height: 1.0em;
    font-weight: bold;
    margin-right: 2.66667vw;
  }
  .low-contents01 .article .contents .article-header .tools .sns li:nth-last-child(1) {
    margin-right: 0;
  }
  .low-contents01 .article .contents .article-header .tag-badge {
    margin-bottom: 2.13333vw;
  }
  .low-contents01 .article .contents .article-header.counseling > .title {
    margin-top: 0.2em;
    padding-left: 8vw;
    position: relative;
  }
  .low-contents01 .article .contents .article-header.counseling > .title .prefix {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0.1em;
    width: 6.93333vw;
    height: 6.93333vw;
    border-radius: 1.06667vw;
    background-color: #BF0A34;
    color: #ffffff;
    font-family: 'Inter', Arial, Helvetica, "sans-serif";
    font-size: 1.5rem;
    line-height: 1.0em;
    font-weight: 600;
  }
  .low-contents01 .article .contents .article-header.innovation {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
  .low-contents01 .article .contents .article-header.innovation .sp-title {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    margin: 0 0 0.8em 0;
    padding: 0.8em 0.6em;
    border-radius: 1.06667vw;
    font-size: 0.875rem;
    line-height: 1.2em;
    border: 1px solid #a44040;
    background-color: #ffffff;
    color: #a44040;
  }
  .low-contents01 .article .contents .article-header.innovation .sp-title a:link,
  .low-contents01 .article .contents .article-header.innovation .sp-title a:visited {
    color: #a44040;
    opacity: 1.0;
  }
  .low-contents01 .article .contents .article-header.innovation .sp-title a:hover,
  .low-contents01 .article .contents .article-header.innovation .sp-title a:active {
    color: #a44040;
    opacity: 0.6;
  }
  .low-contents01 .article .contents .article-body {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
    color: #535353;
  }
  .low-contents01 .article .contents .article-body > h2,
  .low-contents01 .article .contents .article-body > h3,
  .low-contents01 .article .contents .article-body > h4,
  .low-contents01 .article .contents .article-body > blockquote,
  .low-contents01 .article .contents .article-body > p,
  .low-contents01 .article .contents .article-body > div,
  .low-contents01 .article .contents .article-body > ul,
  .low-contents01 .article .contents .article-body > table,
  .low-contents01 .article .contents .article-body > ol {
    font-size: 1.0rem;
    line-height: 1.5em;
    margin-bottom: 1.5em;
  }
  .low-contents01 .article .contents .article-body .article-heading {
    font-size: 1.25rem;
    line-height: 1.5em;
    font-weight: bold;
  }
  .low-contents01 .article .contents .article-body .title {
    font-size: 1.5rem;
    line-height: 1.5em;
    font-weight: bold;
  }
  .low-contents01 .article .contents .article-body .news-thumbnails {
    display: block;
    text-align: center;
    margin: 0 auto 5.33333vw;
    width: 48vw;
    min-height: 48vw;
    background-color: #EBEBEB;
  }
  .low-contents01 .article .contents .article-body .news-thumbnails.owl-loaded {
    background-color: transparent;
  }
  .low-contents01 .article .contents .article-body .news-thumbnails.owl-loaded .thumb {
    display: block;
  }
  .low-contents01 .article .contents .article-body .thumb {
    width: 100%;
    display: none;
  }
  .low-contents01 .article .contents .article-body .thumb .image {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #f9f9f9;
    border: 1px solid #cccccc;
    margin: 0 auto;
    width: 100%;
    height: 48vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
  .low-contents01 .article .contents .article-body .thumb .image img {
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .low-contents01 .article .contents .article-body .thumb .caption {
    margin-top: 0.4em;
    font-size: 0.75rem;
    line-height: 1.2em;
  }
  .low-contents01 .article .contents .article-body .profile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 0.5em;
    margin-bottom: 2.4em;
  }
  .low-contents01 .article .contents .article-body .profile .image {
    width: 24vw;
    height: 24vw;
    overflow: hidden;
    border-radius: 1.06667vw;
  }
  .low-contents01 .article .contents .article-body .profile .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .low-contents01 .article .contents .article-body .profile .text {
    width: calc(100% - 24vw - 4.26667vw);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .low-contents01 .article .contents .article-body .profile .text .role {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    font-size: 1.0rem;
    line-height: 1.2em;
    margin-bottom: 1.6vw;
  }
  .low-contents01 .article .contents .article-body .profile .text .name {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    font-size: 1.66rem;
    line-height: 1.2em;
  }
  .low-contents01 .article .contents .article-body .profile .text .position {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    font-size: 1.0rem;
    line-height: 1.5em;
    margin-top: 3.2vw;
  }
  .low-contents01 .article .contents .article-body .profile .text .summary {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
    font-size: 0.75rem;
    line-height: 1.5em;
    margin-top: 3.2vw;
  }
  .low-contents01 .article .contents .article-body .profile .text .answer {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    font-size: 0.75rem;
    line-height: 1.5em;
    margin-bottom: 3.2vw;
  }
  .low-contents01 .article .contents .article-body .profile .text .answer > * {
    margin-bottom: 1.5em;
  }
  .low-contents01 .article .contents .article-body .profile .text .answer > *:nth-last-child(1) {
    margin-bottom: 0;
  }
  .low-contents01 .article .contents .article-body .profile .text .more {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
    margin-top: 3.2vw;
  }
  .low-contents01 .article .contents .article-body .profile + .tag-badge {
    margin-top: -1.5em;
    margin-bottom: -1.5em;
  }
  .low-contents01 .article .contents .article-body .profile + .tag-badge + * {
    margin-top: 2.4em;
  }
  .low-contents01 .article .contents .article-body .profile-counseling {
    float: left;
    width: 26.66667vw;
    text-align: center;
    margin-right: 5.33333vw;
    margin-bottom: 5.33333vw;
  }
  .low-contents01 .article .contents .article-body .profile-counseling .image {
    width: 100%;
    height: 26.66667vw;
    overflow: hidden;
    border-radius: 4px;
    margin-bottom: 4px;
  }
  .low-contents01 .article .contents .article-body .profile-counseling .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .low-contents01 .article .contents .article-body .profile-counseling a {
    display: block;
  }
  .low-contents01 .article .contents .article-body .profile-counseling a:link, .low-contents01 .article .contents .article-body .profile-counseling a:visited {
    color: #000000;
    text-decoration: none;
  }
  .low-contents01 .article .contents .article-body .profile-counseling a:hover, .low-contents01 .article .contents .article-body .profile-counseling a:active {
    color: #000000;
    text-decoration: underline;
  }
  .low-contents01 .article .contents .article-body .profile-counseling .shoulder {
    font-size: 0.75rem;
    line-height: 1.5em;
    margin-bottom: 0.4em;
  }
  .low-contents01 .article .contents .article-body .profile-counseling .name {
    font-size: 0.875rem;
    line-height: 1.2em;
    margin-bottom: 0.2em;
  }
  .low-contents01 .article .contents .article-body .profile-counseling > .more {
    margin-top: 0.4em;
  }
  .low-contents01 .article .contents .article-body .profile-counseling > .more .button-profile {
    color: #ffffff !important;
    text-decoration: none !important;
    line-height: 1.25em;
    min-width: 0;
    padding: 2.13333vw 5.86667vw 2.13333vw 1.06667vw;
  }
  .low-contents01 .article .contents .article-body .profile-counseling > .more .button-profile:after {
    right: 1.06667vw;
  }
  .low-contents01 .article .contents .article-body .answer-main {
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    max-height: 40vw;
    overflow: hidden;
    position: relative;
    margin-top: 1.0em;
    margin-bottom: 0.2em;
    zoom: 1;
  }
  .low-contents01 .article .contents .article-body .answer-main > p,
  .low-contents01 .article .contents .article-body .answer-main > div,
  .low-contents01 .article .contents .article-body .answer-main > ul,
  .low-contents01 .article .contents .article-body .answer-main > table,
  .low-contents01 .article .contents .article-body .answer-main > ol {
    font-size: 1.0rem;
    line-height: 1.5em;
    margin-bottom: 1.5em;
  }
  .low-contents01 .article .contents .article-body .answer-main:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: " ";
    line-height: 0;
  }
  .low-contents01 .article .contents .article-body .answer-main:before {
    content: " ";
    display: block;
    width: 100%;
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    background: #ffffff;
    /* Old browsers */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 70%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, #ffffff), to(#ffffff));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 70%, #ffffff 100%);
    height: 6em;
    visibility: visible;
    opacity: 1.0;
  }
  .low-contents01 .article .contents .article-body .answer-main.open {
    max-height: 5000px;
  }
  .low-contents01 .article .contents .article-body .answer-main.open:before {
    display: none;
  }
  .low-contents01 .article .contents .article-body .answer-trigger {
    width: 100%;
    text-align: center;
    padding: 0 0 1.0em;
    margin-bottom: 0;
  }
  .low-contents01 .article .contents .article-body .answer-trigger .open a,
  .low-contents01 .article .contents .article-body .answer-trigger .close a {
    cursor: pointer;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    border: none;
    background-color: #6B6B6B;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: normal;
    line-height: 1.0em;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 32vw;
    border-radius: 8vw;
    font-size: 0.75rem;
    padding: 0.53333vw 2.13333vw;
    height: 8vw;
  }
  .low-contents01 .article .contents .article-body .answer-trigger .open a:before,
  .low-contents01 .article .contents .article-body .answer-trigger .close a:before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-image: url("../img/ic_open_white.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    margin-right: 0.4em;
    margin-top: 0;
    width: 1.2em;
    height: 1.2em;
  }
  .low-contents01 .article .contents .article-body .answer-trigger .open a:hover,
  .low-contents01 .article .contents .article-body .answer-trigger .close a:hover {
    opacity: 0.6;
  }
  .low-contents01 .article .contents .article-body .answer-trigger .close {
    display: none;
  }
  .low-contents01 .article .contents .article-body .answer-trigger .close a:before {
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1);
  }
  .low-contents01 .article .contents .article-body .from-benesse {
    margin-top: 1.0em;
  }
  .low-contents01 .article .contents .article-body .from-benesse > .heading {
    padding: 2.13333vw;
    border-radius: 2.13333vw;
    text-align: center;
    background-color: #6B6B6B;
    color: #ffffff;
    font-size: 1.125rem;
    line-height: 1.25em;
    font-weight: bold;
    margin-bottom: 0.6em;
  }
  .low-contents01 .article .contents .article-body .from-benesse > .profile {
    margin-bottom: 1.5em;
  }
  .low-contents01 .article .contents .article-body .from-benesse > .answer > p {
    margin-bottom: 1.5em;
  }
  .low-contents01 .article .contents .article-body .from-benesse > .answer > p:nth-last-child(1) {
    margin-bottom: 0;
  }
  .low-contents01 .article .contents .article-body .benesse-button {
    text-align: center;
  }
  .low-contents01 .article .contents .article-body .benesse-button .button01 {
    min-width: 100%;
    background-color: #0A9BBF;
    border-radius: 2.13333vw;
  }
  .low-contents01 .article .contents .article-body .benesse-button .button01:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1.2em;
    height: 1.2em;
    line-height: 1.0em;
    margin-right: 0.2em;
    background-image: url("../img/ic_news_benesse.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: auto 100%;
  }
  .low-contents01 .article .contents .article-body.counseling > .title {
    margin-top: 0.2em;
    padding-left: 8vw;
    position: relative;
  }
  .low-contents01 .article .contents .article-body.counseling > .title .prefix {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0.1em;
    width: 6.93333vw;
    height: 6.93333vw;
    border-radius: 1.06667vw;
    background-color: #BF0A34;
    color: #ffffff;
    font-family: 'Inter', Arial, Helvetica, "sans-serif";
    font-size: 1.5rem;
    line-height: 1.0em;
    font-weight: 600;
  }
  .low-contents01 .article .contents .article-body.innovation {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
  .low-contents01 .article .contents .article-view-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 24px;
  }
  .low-contents01 .article .contents .article-view-header .large-title {
    width: 100%;
    margin-bottom: 0.8em;
  }
  .low-contents01 .article .contents .article-view-header .large-title > span {
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    border-radius: 2.13333vw;
    -webkit-box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.15);
    background-color: #666666;
    color: #ffffff;
    font-size: 1.125rem;
    line-height: 1.5em;
    padding: 0.6em 0.4em;
    text-align: center;
  }
  .low-contents01 .article .contents .article-view-header .large-title.bkn-hs > span {
    background-color: #F69D25;
  }
  .low-contents01 .article .contents .article-view-header .large-title.bkn-board > span {
    background-color: #5BB151;
  }
  .low-contents01 .article .contents .article-view-header .large-title.bkn-other > span {
    background-color: #0f5474;
  }
  .low-contents01 .article .contents .article-view-header .view-title-inner {
    width: 100%;
  }
  .low-contents01 .article .contents .article-view-header .view-title-inner .image {
    text-align: center;
    margin-bottom: 0.8em;
  }
  .low-contents01 .article .contents .article-view-header .view-title-inner .image img {
    width: 50%;
    height: auto;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  }
  .low-contents01 .article .contents .article-view-header .view-title-inner .data {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .low-contents01 .article .contents .article-view-header .title {
    width: 100%;
    font-size: 1.25rem;
    line-height: 1.5em;
    font-weight: bold;
    margin-bottom: 0.6em;
  }
  .low-contents01 .article .contents .article-view-header .date {
    color: #828282;
    font-size: 0.75rem;
    line-height: 1.0em;
    white-space: nowrap;
    margin-right: auto;
  }
  .low-contents01 .article .contents .article-view-header .tools {
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .low-contents01 .article .contents .article-view-header .tag-badge {
    margin-top: 0.6em;
  }
  .low-contents01 .article .contents .article-view-header .magazine-links {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    padding: 0.8em 0.4em;
    margin: 1.0em 0 0 0;
    background-color: #EBEBEB;
    color: #828282;
    text-align: center;
  }
  .low-contents01 .article .contents .article-view-header .magazine-links p {
    font-size: 0.75rem;
    line-height: 1.5em;
  }
  .low-contents01 .article .contents .article-view-header .magazine-links ul {
    list-style-type: none;
    margin: 0.6em 0 0 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .low-contents01 .article .contents .article-view-header .magazine-links ul > li {
    margin: 0 0.4em;
    padding: 0;
  }
  .low-contents01 .article .contents .article-view-header .magazine-links a {
    min-width: 32vw;
    font-size: 1.0rem;
    line-height: 1.0em;
    font-weight: 500;
    padding: 0.8em 0.4em;
  }
  .low-contents01 .article .contents .article-view-header .magazine-links a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1.0em;
    height: 1.0em;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    margin-right: 0.4em;
    margin-bottom: -0.2em;
  }
  .low-contents01 .article .contents .article-view-header .magazine-links a.book {
    background-color: #0A9BBF;
  }
  .low-contents01 .article .contents .article-view-header .magazine-links a.book:before {
    background-image: url("../img/ic_book_white.png");
  }
  .low-contents01 .article .contents .article-view-header .magazine-links a.pdf {
    background-color: #6B6B6B;
  }
  .low-contents01 .article .contents .article-view-header .magazine-links a.pdf:before {
    background-image: url("../img/ic_pdf_white.png");
  }
  .low-contents01 .article .contents .article-view-header .magazine-links a.html {
    background-color: #6B6B6B;
  }
  .low-contents01 .article .contents .article-view-header .magazine-links a.html:before {
    background-image: url("../img/ic_html_white.png");
  }
  .low-contents01 .article .contents .article-view-body {
    color: #535353;
  }
  .low-contents01 .article .contents .article-view-body > p,
  .low-contents01 .article .contents .article-view-body > div,
  .low-contents01 .article .contents .article-view-body > ul,
  .low-contents01 .article .contents .article-view-body > table,
  .low-contents01 .article .contents .article-view-body > ol {
    font-size: 1.0rem;
    line-height: 1.5em;
    margin-bottom: 1.5em;
  }
  .low-contents01 .article .contents .article-view-body .section-title {
    margin-bottom: 0.8em;
  }
  .low-contents01 .article .contents .article-view-body .section-title > span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: inline-block;
    padding: 1.06667vw 3.2vw;
    border-radius: 8px;
    background-color: #6B6B6B;
    color: #ffffff;
    font-size: 1.875rem;
    line-height: 1.2em;
    font-weight: 500;
  }
  .low-contents01 .article .contents .article-view-body .section-title > span:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 4.26667vw;
    height: 4.26667vw;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 1.06667vw;
    background-color: #ffffff;
    margin-right: 0.4em;
    margin-bottom: 0.2em;
  }
  .low-contents01 .article .contents .article-view-body .section-title.school > span {
    background-color: #20376E;
  }
  .low-contents01 .article .contents .article-view-body .section-title.teacher > span {
    background-color: #8D221F;
  }
  .low-contents01 .article .contents .article-view-body .section-title.series > span {
    background-color: #5BB151;
  }
  .low-contents01 .article .contents .article-view-body .large-section {
    margin-bottom: 2.5em;
  }
  .low-contents01 .article .contents .article-view-body .large-section.school .section-header:before {
    background-color: #20376E !important;
  }
  .low-contents01 .article .contents .article-view-body .large-section.school .section-header .shoulder-title {
    color: #20376E;
  }
  .low-contents01 .article .contents .article-view-body .large-section.school .section-header .large-title {
    color: #20376E;
  }
  .low-contents01 .article .contents .article-view-body .large-section.teacher .section-header:before {
    background-color: #8D221F !important;
  }
  .low-contents01 .article .contents .article-view-body .large-section.teacher .section-header .shoulder-title {
    color: #8D221F;
  }
  .low-contents01 .article .contents .article-view-body .large-section.teacher .section-header .large-title {
    color: #8D221F;
  }
  .low-contents01 .article .contents .article-view-body .large-section .section-header {
    font-size: 1.375rem;
    line-height: 1.5em;
    font-weight: 500;
    padding-left: 1.0em;
    position: relative;
  }
  .low-contents01 .article .contents .article-view-body .large-section .section-header:before {
    content: "";
    width: 3.73333vw;
    height: 3.73333vw;
    background-color: #6B6B6B;
    border-radius: 1.06667vw;
    position: absolute;
    left: 0;
    top: 0.4em;
  }
  .low-contents01 .article .contents .article-view-body .large-section .section-header.bkn-hs:before {
    background-color: #F69D25;
  }
  .low-contents01 .article .contents .article-view-body .large-section .section-header.bkn-board:before {
    background-color: #5BB151;
  }
  .low-contents01 .article .contents .article-view-body .large-section .section-header.bkn-other:before {
    background-color: #0f5474;
  }
  .low-contents01 .article .contents .article-view-body .large-section .section-header .shoulder-title {
    font-size: 1.0rem;
    line-height: 2.0em;
    font-weight: 500;
    margin-bottom: 0;
  }
  .low-contents01 .article .contents .article-view-body .large-section .section-header .large-title {
    font-size: 1.375rem;
    line-height: 1.5em;
    font-weight: 500;
  }
  .low-contents01 .article .contents .article-view-body .large-section .section-header .option-title {
    font-size: 1.0rem;
    line-height: 1.5em;
    font-weight: 500;
  }
  .low-contents01 .article .contents .article-view-body .large-section .section-header .special-title {
    font-size: 1.625rem;
    line-height: 1.5em;
    font-weight: 400;
  }
  .low-contents01 .article .contents .article-view-body .mid-free > * {
    margin-bottom: 1.5em;
  }
  .low-contents01 .article .contents .article-view-body .mid-free > *:nth-last-child(1) {
    margin-bottom: 0;
  }
  .low-contents01 .article .contents .article-view-body .mid-section {
    border-bottom: 1px solid #cccccc;
    margin-left: 1.5em;
    padding: 0.8em 0;
  }
  .low-contents01 .article .contents .article-view-body .mid-section:nth-last-child(1) {
    border-bottom: none;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .image-title {
    margin: 0.8em 0 1.6em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .image-title .image {
    width: 80px;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .image-title .image img {
    width: 100%;
    height: auto;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .image-title .data {
    padding-left: 1.0em;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .image-title .data .text1 {
    font-size: 1.0rem;
    line-height: 1.5em;
    font-weight: 400;
    margin-bottom: 0.4em;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .image-title .data .text1 {
    font-size: 1.125rem;
    line-height: 1.5em;
    font-weight: 500;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-title1 {
    font-size: 1.0rem;
    line-height: 1.5em;
    font-weight: 500;
    color: #8F6F18;
    margin-bottom: 0.4em;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-title2 {
    font-size: 1.0rem;
    line-height: 1.5em;
    font-weight: 500;
    color: #8F6F18;
    margin-bottom: 0.4em;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-lead1 {
    font-size: 1.125rem;
    line-height: 1.5em;
    font-weight: 500;
    margin-bottom: 0.4em;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-lead2 {
    font-size: 1.25rem;
    line-height: 1.5em;
    font-weight: 500;
    margin-bottom: 0.4em;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-body {
    margin-bottom: 0.4em;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-body > p,
  .low-contents01 .article .contents .article-view-body .mid-section .mid-body > div,
  .low-contents01 .article .contents .article-view-body .mid-section .mid-body > ul,
  .low-contents01 .article .contents .article-view-body .mid-section .mid-body > table,
  .low-contents01 .article .contents .article-view-body .mid-section .mid-body > ol {
    font-size: 1.0rem;
    line-height: 1.5em;
    margin-bottom: 1.5em;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-body > p:nth-last-child(1),
  .low-contents01 .article .contents .article-view-body .mid-section .mid-body > div:nth-last-child(1),
  .low-contents01 .article .contents .article-view-body .mid-section .mid-body > ul:nth-last-child(1),
  .low-contents01 .article .contents .article-view-body .mid-section .mid-body > table:nth-last-child(1),
  .low-contents01 .article .contents .article-view-body .mid-section .mid-body > ol:nth-last-child(1) {
    margin-bottom: 0;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-body + .mid-body {
    margin-top: 1.5em;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-button {
    text-align: right;
    margin-bottom: 0.4em;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-button a.pdf {
    min-width: 37.33333vw;
    font-size: 1.0rem;
    line-height: 1.0em;
    font-weight: 500;
    padding: 0.8em;
    background-color: #6B6B6B;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-button a.pdf:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1.0em;
    height: 1.0em;
    background-image: url("../img/ic_pdf_white.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    margin-right: 0.4em;
    margin-bottom: -0.2em;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-button a.html {
    min-width: 37.33333vw;
    font-size: 1.0rem;
    line-height: 1.0em;
    font-weight: 500;
    padding: 0.8em;
    background-color: #6B6B6B;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-button a.html:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1.0em;
    height: 1.0em;
    background-image: url("../img/ic_html_white.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    margin-right: 0.4em;
    margin-bottom: -0.2em;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-button a.download {
    min-width: 37.33333vw;
    font-size: 1.0rem;
    line-height: 1.0em;
    font-weight: 500;
    padding: 0.8em;
    background-color: #6B6B6B;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-button a.download:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1.0em;
    height: 1.0em;
    background-image: url("../img/ic_download.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    margin-right: 0.4em;
    margin-bottom: -0.2em;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-button + .mid-body {
    margin-top: 1.5em;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-web {
    background-color: #EBEBEB;
    padding: 1.2em;
    margin-top: 0.8em;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-web .mid-web-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 1.0em;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-web .mid-web-button {
    text-align: center;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-web .mid-web-button a {
    background-color: #0A9BBF;
  }
  .low-contents01 .article .contents .article-view-body .mid-section .mid-web .mid-web-button a:before {
    content: "";
    display: inline-block;
    width: 4.26667vw;
    height: 4.26667vw;
    background-image: url("../img/ic_rendo.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    margin-right: 0.4em;
  }
  .low-contents01 .article .contents .article-view-body .recom-link > a {
    border: 1px solid #cccccc;
    border-radius: 8px;
    padding: 0.8em;
    margin: 0.8em 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .low-contents01 .article .contents .article-view-body .recom-link > a .image {
    width: 16vw;
    height: 16vw;
  }
  .low-contents01 .article .contents .article-view-body .recom-link > a .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .low-contents01 .article .contents .article-view-body .recom-link > a .data {
    width: calc(100% - 16vw - 5.33333vw);
    font-size: 1.0rem;
    line-height: 1.5em;
  }
  .low-contents01 .article .contents .article-view-web-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1.0em;
  }
  .low-contents01 .article .contents .article-view-web-header .title {
    width: 100%;
    font-size: 1.375rem;
    line-height: 1.5em;
    font-weight: bold;
    margin-top: 0.4em;
    margin-bottom: 0.4em;
  }
  .low-contents01 .article .contents .article-view-web-header .title > .maintitle {
    display: inline-block;
    font-weight: 700;
    line-height: 1.5em;
    padding: 0.3em 0;
  }
  .low-contents01 .article .contents .article-view-web-header .title > .shoulder {
    font-size: 0.9375rem;
    line-height: 1.2em;
    font-weight: 400;
  }
  .low-contents01 .article .contents .article-view-web-header .title > .subtitle {
    font-size: 0.9375rem;
    line-height: 1.2em;
    font-weight: 400;
  }
  .low-contents01 .article .contents .article-view-web-header .date {
    margin-right: auto;
    color: #828282;
    font-size: 0.75rem;
    line-height: 1.0em;
    white-space: nowrap;
  }
  .low-contents01 .article .contents .article-view-web-header .tools {
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .low-contents01 .article .contents .article-view-web-header .tag-badge {
    margin-top: 0.6em;
  }
  .low-contents01 .article .contents .article-view-web-header .badge-magazine {
    width: 100%;
    margin-top: 0.6em;
  }
  .low-contents01 .article .contents .article-view-web-header .shoulder-outer {
    width: 100%;
    margin-top: 0.6em;
    font-size: 1.0rem;
    line-height: 1.5em;
    font-weight: 500;
    padding-left: 1.2em;
    position: relative;
  }
  .low-contents01 .article .contents .article-view-web-header .shoulder-outer:before {
    content: "";
    width: 3.2vw;
    height: 3.2vw;
    background-color: #6B6B6B;
    border-radius: 1.06667vw;
    position: absolute;
    left: 0;
    top: 0.6em;
  }
  .low-contents01 .article .contents .article-view-web-header .shoulder-outer.bkn-hs:before {
    background-color: #F69D25;
  }
  .low-contents01 .article .contents .article-view-web-header .shoulder-outer.bkn-board:before {
    background-color: #5BB151;
  }
  .low-contents01 .article .contents .article-view-web-header .shoulder-outer.bkn-other:before {
    background-color: #0f5474;
  }
  .low-contents01 .article .contents .article-view-web-header .shoulder-outer .shoulder-title {
    font-size: 1.0rem;
    line-height: 2.0em;
    font-weight: 500;
    margin-bottom: 0;
  }
  .low-contents01 .article .contents .article-view-web-body {
    color: #535353;
  }
  .low-contents01 .article .contents .article-view-web-body > p,
  .low-contents01 .article .contents .article-view-web-body > div,
  .low-contents01 .article .contents .article-view-web-body > ul,
  .low-contents01 .article .contents .article-view-web-body > table,
  .low-contents01 .article .contents .article-view-web-body > ol {
    font-size: 1.0rem;
    line-height: 1.5em;
    margin-bottom: 1.5em;
  }
  .low-contents01 .article .contents .article-view-web-body > .lead-outer {
    zoom: 1;
    padding-bottom: 1.5em;
    border-bottom: 1px solid #cccccc;
  }
  .low-contents01 .article .contents .article-view-web-body > .lead-outer:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: " ";
    line-height: 0;
  }
  .low-contents01 .article .contents .article-view-web-body > .lead-outer .image {
    width: 25%;
    float: right;
    margin-left: 4.26667vw;
    margin-bottom: 2.13333vw;
  }
  .low-contents01 .article .contents .article-view-web-body > .lead-outer .image img {
    width: 100%;
    height: auto;
  }
  .low-contents01 .article .contents .article-view-web-body > .lead,
  .low-contents01 .article .contents .article-view-web-body > .post-pdf-button {
    padding-bottom: 1.5em;
    border-bottom: 1px solid #cccccc;
  }
  .low-contents01 .article .contents .article-view-web-body .mid-button {
    text-align: center;
    margin-bottom: 0.4em;
  }
  .low-contents01 .article .contents .article-view-web-body .mid-button a.pdf {
    min-width: 37.33333vw;
    font-size: 1.0rem;
    line-height: 1.5em;
    font-weight: 500;
    padding: 0.8em;
    background-color: #6B6B6B;
  }
  .low-contents01 .article .contents .article-view-web-body .mid-button a.pdf:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1.0em;
    height: 1.0em;
    background-image: url("../img/ic_pdf_white.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    margin-right: 0.4em;
    margin-bottom: -0.2em;
  }
  .low-contents01 .article .contents .article-view-web-body .mid-button a.html {
    min-width: 37.33333vw;
    font-size: 1.0rem;
    line-height: 1.5em;
    font-weight: 500;
    padding: 0.8em;
    background-color: #6B6B6B;
  }
  .low-contents01 .article .contents .article-view-web-body .mid-button a.html:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1.0em;
    height: 1.0em;
    background-image: url("../img/ic_html_white.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    margin-right: 0.4em;
    margin-bottom: -0.2em;
  }
  .low-contents01 .article .contents .article-view-web-body .mid-button a.download {
    min-width: 37.33333vw;
    font-size: 1.0rem;
    line-height: 1.5em;
    font-weight: 500;
    padding: 0.8em;
    background-color: #6B6B6B;
  }
  .low-contents01 .article .contents .article-view-web-body .mid-button a.download:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1.0em;
    height: 1.0em;
    background-image: url("../img/ic_download.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    margin-right: 0.4em;
    margin-bottom: -0.2em;
  }
  .low-contents01 .article .contents .article-view-web-body .mid-button + .mid-body {
    margin-top: 1.5em;
  }
  .low-contents01 .article .rating {
    position: relative;
    z-index: 3;
    margin-top: 8.53333vw;
    border-radius: 4.26667vw;
    background-color: #ffffff;
    padding: 6.4vw 1.06667vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .low-contents01 .article .rating .list-rate {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .low-contents01 .article .rating .list-rate > li {
    text-align: center;
    margin: 0 1.6vw;
    padding: 0;
    min-width: 19.2vw;
  }
  .low-contents01 .article .rating .list-rate > li > a {
    display: inline-block;
    color: #434343;
    text-decoration: none !important;
    white-space: nowrap;
  }
  .low-contents01 .article .rating .list-rate > li > a:before {
    content: " ";
    display: block;
    width: 8.53333vw;
    height: 8.53333vw;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    margin-bottom: 0.53333vw;
  }
  .low-contents01 .article .rating .list-rate > li.kizuki a:before {
    background-image: url("../img/ic_light.png");
  }
  .low-contents01 .article .rating .list-rate > li.yakudachi a:before {
    background-image: url("../img/ic_note.png");
  }
  .low-contents01 .article .rating .list-rate > li.susumetai a:before {
    background-image: url("../img/ic_caution.png");
  }
  .low-contents01 .article .rating .list-rate > li.comment a:before {
    background-image: url("../img/ic_comment.png");
  }
  .low-contents01 .article .rating .list-rate > li .count {
    color: #8A8A8A;
    font-size: 1.0rem;
    line-height: 1.0em;
  }
  .low-contents01 .article .rating .list-rate > li .text {
    color: #434343;
    font-size: 1.0rem;
    line-height: 1.0em;
    margin-top: 1.06667vw;
  }
  .low-contents01 .article .rating .vote {
    margin-top: 5.33333vw;
    text-align: center;
  }
  .low-contents01 .article .comment-box {
    margin-top: 8.53333vw;
    border-radius: 4.26667vw;
    background-color: #ffffff;
    padding: 6.4vw 3.2vw;
  }
  .low-contents01 .article .comment-box .more {
    text-align: right;
  }
  .low-contents01 .article .comment-box .more .button-more01 {
    min-width: 32vw;
    padding-top: 3.2vw;
    padding-bottom: 3.2vw;
    margin-top: 4.26667vw;
  }
  .low-contents01 .article .list-comment {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .low-contents01 .article .list-comment > li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #707070;
    padding: 5.33333vw 0 1.06667vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .low-contents01 .article .list-comment > li .re {
    font-size: 2.66667vw;
    line-height: 1.0em;
    font-weight: bold;
    color: #0A9BBF;
    white-space: nowrap;
    width: 11.46667vw;
    text-align: center;
  }
  .low-contents01 .article .list-comment > li .re a {
    color: #0A9BBF;
    text-decoration: none;
  }
  .low-contents01 .article .list-comment > li .re:before {
    content: " ";
    display: block;
    width: 9.33333vw;
    height: 9.33333vw;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    background-image: url("../img/ic_re.png");
    margin-bottom: 1.06667vw;
  }
  .low-contents01 .article .list-comment > li .text {
    width: calc(100% - 11.46667vw - 2.66667vw);
  }
  .low-contents01 .article .list-comment > li .text .body {
    font-size: 1.0rem;
    line-height: 1.5em;
    color: #5D5D5D;
  }
  .low-contents01 .article .list-comment > li .text .tools {
    margin-top: 1.06667vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .low-contents01 .article .list-comment > li .text .tools > li {
    text-align: center;
    margin: 0 0 0 3.2vw;
    padding: 0;
  }
  .low-contents01 .article .list-comment > li .text .tools > li > a {
    display: inline-block;
    color: #8A8A8A;
    text-decoration: none !important;
  }
  .low-contents01 .article .list-comment > li .text .tools > li > a:before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    width: 4.8vw;
    height: 4.8vw;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    margin-bottom: 0.53333vw;
    margin-right: 0.53333vw;
  }
  .low-contents01 .article .list-comment > li .text .tools > li.like a:before {
    background-image: url("../img/ic_sns.svg#like");
  }
  .low-contents01 .article .list-comment > li .text .tools > li.dislike a:before {
    background-image: url("../img/ic_sns.svg#like");
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-bottom: 0px;
  }
  .low-contents01 .article .list-comment > li .text .tools > li.twitter {
    font-size: 0.1em;
    line-height: 0.1em;
    margin-top: 0.53333vw;
  }
  .low-contents01 .article .list-comment > li .text .tools > li.twitter a {
    width: 4.8vw;
    height: 4.8vw;
    overflow: hidden;
    text-align: left;
    text-indent: -9000px;
    white-space: nowrap;
    position: relative;
    font-size: 0.1em;
    line-height: 0.1em;
  }
  .low-contents01 .article .list-comment > li .text .tools > li.twitter a:before {
    position: absolute;
    left: 0;
    top: 0;
    background-image: url("../img/ic_sns.svg#twitter");
    margin-bottom: 0;
    margin-right: 0;
  }
  .low-contents01 .aside {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .low-contents01 .aside > * {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .low-contents01 .aside .innovation-pickup {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 0.53333vw solid #346586;
    border-radius: 2.13333vw;
    padding: 2.13333vw;
    margin: 0 5.33333vw 8vw;
    background-color: #ffffff;
  }
  .low-contents01 .aside .innovation-pickup > a,
  .low-contents01 .aside .innovation-pickup > span {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .low-contents01 .aside .innovation-pickup .image {
    width: 21.33333vw;
    height: 21.33333vw;
    margin-bottom: auto;
  }
  .low-contents01 .aside .innovation-pickup .image img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    -o-object-position: 50% 0%;
    object-position: 50% 0%;
  }
  .low-contents01 .aside .innovation-pickup .data {
    width: calc(100% - 21.33333vw - 2.66667vw);
    color: #2a2a2a;
    font-size: 0.875rem;
    line-height: 1.7em;
    font-weight: bold;
  }
  .low-contents01 .aside .innovation-pickup.without-image {
    padding: 4.26667vw;
  }
  .low-contents01 .aside .innovation-pickup.without-image .data {
    width: 100%;
  }
  .low-contents01 .aside .contents {
    background-color: #ffffff;
    padding: 10.66667vw 5.33333vw 10.66667vw;
  }
  .low-contents01 .aside .contents.latest {
    padding-top: 0;
  }
  .low-contents01 .aside .contents_title {
    text-align: center;
    font-size: 0.75rem;
    line-height: 1.25em;
    margin-bottom: 2.13333vw;
    margin-top: 5.33333vw;
  }
  .low-contents01 .aside .contents_title .box {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.3em 0.6em;
    background-color: #ffffff;
    border: 0.53333vw solid #000000;
    border-radius: 1.06667vw;
  }
  .low-contents01 .aside .contents_title .box:before {
    content: " ";
    display: inline-block;
    width: 3.73333vw;
    height: 3.73333vw;
    margin-right: 1.06667vw;
    margin-bottom: 0vw;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
  }
  .low-contents01 .aside .contents_title .box .logo-nexpress {
    width: 16vw;
    height: 2.93333vw;
    margin-top: 0.5em;
  }
  .low-contents01 .aside .contents_title.news .box {
    border-color: #765150;
  }
  .low-contents01 .aside .contents_title.news .box:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#school");
  }
  .low-contents01 .aside .contents_title.opinion .box {
    border-color: #618758;
  }
  .low-contents01 .aside .contents_title.opinion .box:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#opinion");
  }
  .low-contents01 .aside .contents_title.counseling .box {
    border-color: #8f302b;
  }
  .low-contents01 .aside .contents_title.counseling .box:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#consult");
  }
  .low-contents01 .aside .contents_title.current .box {
    border-color: #bf5b17;
  }
  .low-contents01 .aside .contents_title.current .box:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#current");
  }
  .low-contents01 .aside .contents_title.view .box {
    border-color: #5ec7b9;
  }
  .low-contents01 .aside .contents_title.view .box:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#backnumber");
  }
  .low-contents01 .aside .contents_title.innovation .box {
    border-color: #346586;
  }
  .low-contents01 .aside .contents_title.innovation .box:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#innovation");
  }
  body.single-column .top-header > .inner {
    width: 100%;
  }
  .low-contents02 {
    padding: 4.26667vw 5.33333vw 10.66667vw;
  }
  .low-contents02 .article .contents {
    border-radius: 4.26667vw;
    background-color: #ffffff;
    padding: 6.4vw 4.26667vw;
  }
  .low-contents02 .article .article-header {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 6.4vw;
  }
  .low-contents02 .article .article-header .title {
    width: 100%;
    font-size: 1.5rem;
    line-height: 1.5em;
    font-weight: bold;
    margin-bottom: 1.06667vw;
  }
  .low-contents02 .article .article-header .date {
    margin-top: 1.06667vw;
    margin-bottom: 2.13333vw;
    color: #828282;
    font-size: 1.0rem;
    line-height: 1.0em;
  }
  .low-contents02 .article .article-body {
    color: #535353;
    zoom: 1;
  }
  .low-contents02 .article .article-body:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: " ";
    line-height: 0;
  }
  .low-contents02 .article .article-body > h2,
  .low-contents02 .article .article-body > h3,
  .low-contents02 .article .article-body > h4,
  .low-contents02 .article .article-body > blockquote,
  .low-contents02 .article .article-body > p,
  .low-contents02 .article .article-body > div,
  .low-contents02 .article .article-body > ul,
  .low-contents02 .article .article-body > table,
  .low-contents02 .article .article-body > ol {
    font-size: 1.0rem;
    line-height: 1.5em;
    margin-bottom: 1.5em;
  }
  .side-sec {
    margin-bottom: 10.66667vw;
  }
  .side-sec:nth-last-child(1) {
    margin-bottom: 0;
  }
  .side-sec#ranking-access2 {
    margin-bottom: 0;
  }
  .side-sec > .heading {
    font-size: 1.5rem;
    line-height: 1.2em;
    font-weight: bold;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 6.93333vw;
    padding-left: 8vw;
    margin: 0 auto;
    margin-bottom: 4.26667vw;
  }
  .side-sec > .heading:before {
    content: " ";
    display: block;
    width: 6.93333vw;
    height: 6.93333vw;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
  }
  .side-sec > .heading .logo-nexpress {
    width: 23.2vw;
    height: 4.26667vw;
  }
  .side-sec > .heading .logo-nexpress + br {
    display: none;
  }
  .side-sec#related .heading:before {
    background-image: url("../img/ic_related.png");
  }
  .side-sec#latest {
    margin-top: 2.0em;
  }
  .side-sec#latest .heading:before {
    background-image: url("../img/ic_new.png");
  }
  .side-sec#writer .heading:before {
    background-image: url("../img/ic_memo.png");
  }
  .side-sec#ranking-access .heading:before,
  .side-sec#ranking-access2 .heading:before {
    background-image: url("../img/ic_rank1.png");
  }
  .side-sec#ranking-category .heading:before {
    background-image: url("../img/ic_rank2.png");
  }
  .side-sec#writer > .heading {
    position: relative;
  }
  .side-sec#writer > .heading .image {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 4px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
  }
  .side-sec#writer > .heading .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    -o-object-position: 50% 0%;
    object-position: 50% 0%;
  }
  .list-side01 {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .list-side01 > li {
    margin: 0;
    padding: 0;
    margin-bottom: 4.26667vw;
    font-size: 1.0rem;
    line-height: 1.5em;
    position: relative;
  }
  .list-side01 > li:nth-last-child(1) {
    margin-bottom: 0;
  }
  .list-side01 > li > a {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .list-side01 > li a:link,
  .list-side01 > li a:visited {
    color: #000000;
    text-decoration: none;
  }
  .list-side01 > li a:hover,
  .list-side01 > li a:active {
    color: #2999C4;
    text-decoration: none;
  }
  .list-side01 > li .rank {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 1.06667vw;
    width: 4.8vw;
    height: 4.8vw;
    padding: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    font-size: 0.875em;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 1.06667vw;
    top: 1.06667vw;
    z-index: 10;
  }
  .list-side01 > li .image {
    position: relative;
    width: 18.66667vw;
    height: 18.66667vw;
    border-radius: 2.13333vw;
    overflow: hidden;
  }
  .list-side01 > li .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .list-side01 > li .image.cover {
    background: none !important;
  }
  .list-side01 > li .image.cover img {
    -o-object-fit: contain;
    object-fit: contain;
    font-family: 'object-fit: contain;';
  }
  .list-side01 > li .text {
    width: calc(100% - 18.66667vw - 2.66667vw);
  }
  .list-side01 > li .title {
    font-weight: bold;
  }
  .list-side01 > li .title .shoulder,
  .list-side01 > li .title .subtitle {
    font-weight: normal;
  }
  .list-side01 > li .date {
    color: #828282;
    margin-top: 1.06667vw;
  }
  .list-side01 > li .badge {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #0A9BBF;
    border-radius: 1.06667vw;
    min-height: 4.26667vw;
    padding: 1.33333vw 1.33333vw;
    color: #ffffff;
    font-size: 2.66667vw;
    line-height: 1.0;
    font-weight: 500;
    margin-bottom: 0.53333vw;
  }
  .list-side01 > li .badge.web {
    background-color: #0A9BBF;
  }
  .list-side01 > li .badge.bkn-hs {
    background-color: #F69D25;
  }
  .list-side01 > li .badge.bkn-board {
    background-color: #5BB151;
  }
  .list-side01.news .image {
    width: 18.66667vw;
  }
  .list-side01.news .text {
    width: calc(100% - 18.66667vw - 10px);
  }
  .list-side01.current .image {
    border-radius: 60%;
  }
  .list-side02 {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .list-side02 > li {
    margin: 0;
    padding: 0.6em 0;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 4.26667vw;
    font-size: 1.0rem;
    line-height: 1.5em;
    position: relative;
    padding-left: 6.93333vw;
  }
  .list-side02 > li:nth-last-child(1) {
    margin-bottom: 0;
  }
  .list-side02 > li .rank {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #0A9BBF;
    border-radius: 1.06667vw;
    width: 4.8vw;
    height: 4.8vw;
    padding: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    font-size: 0.875em;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    left: 1.06667vw;
    top: 0.8em;
    z-index: 10;
  }
  .list-side02 > li > a {
    display: block;
  }
  .list-side02 > li > a:link, .list-side02 > li > a:visited {
    color: #000000;
    text-decoration: none;
  }
  .list-side02 > li > a:hover, .list-side02 > li > a:active {
    color: #2999C4;
    text-decoration: none;
  }
  .list-side02 > li .title {
    font-weight: bold;
  }
  .list-side02 > li .date {
    color: #828282;
    margin-top: 6px;
  }
  .innovation-nav {
    width: 100%;
    margin: 0 auto;
    margin-top: 1.0em;
  }
  .innovation-nav > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .innovation-nav > ul > li {
    width: 22%;
    height: 6.4vw;
    overflow: hidden;
    font-size: 0.875rem;
    line-height: 1.0em;
    white-space: nowrap;
    margin: 0 1.06667vw 0 0;
  }
  .innovation-nav > ul > li:nth-last-child(1) {
    margin-right: 0;
  }
  .innovation-nav > ul > li.active {
    height: 8.53333vw;
  }
  .innovation-nav > ul > li > a {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top-left-radius: 1.06667vw;
    border-top-right-radius: 1.06667vw;
    padding: 0.5em;
    background-color: #6B6B6B;
    color: #ffffff;
    text-decoration: none;
  }
  .innovation-nav > ul > li > a:hover {
    opacity: 0.6;
  }
  .innovation-nav > ul > li.innovation-all {
    width: 12%;
  }
  .innovation-nav > ul > li.innovation-all a {
    background-color: #346586;
  }
  .innovation-nav > ul > li.innovation-project a {
    background-color: #454080;
  }
  .innovation-nav > ul > li.innovation-special a {
    background-color: #a44040;
  }
  .innovation-nav > ul > li.innovation-case a {
    background-color: #c27336;
  }
  .innovation-nav > ul > li.innovation-research a {
    background-color: #577447;
  }
  .innovation-nav + .contents {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .counseling-nav {
    width: 100%;
    margin: 0 auto;
    margin-top: 1.0em;
  }
  .counseling-nav > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .counseling-nav > ul > li {
    width: 20%;
    height: 6.4vw;
    overflow: hidden;
    font-size: 1.0rem;
    line-height: 1.0em;
    margin: 0 1.06667vw 0 0;
  }
  .counseling-nav > ul > li.active {
    height: 8.53333vw;
  }
  .counseling-nav > ul > li > a {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top-left-radius: 1.06667vw;
    border-top-right-radius: 1.06667vw;
    padding: 0.5em;
    background-color: #6B6B6B;
    color: #ffffff;
    text-decoration: none;
  }
  .counseling-nav > ul > li > a:hover {
    opacity: 0.6;
  }
  .counseling-nav > ul > li.counseling-study a {
    background-color: #B51C1C;
  }
  .counseling-nav > ul > li.counseling-course a {
    background-color: #2A7924;
  }
  .counseling-nav > ul > li.counseling-life a {
    background-color: #1C5EB5;
  }
  .counseling-nav + .contents {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .counseling-members {
    -webkit-box-ordinal-group: 101 !important;
    -webkit-order: 100 !important;
    -ms-flex-order: 100 !important;
    order: 100 !important;
    background-color: #ffffff;
    margin-top: 0vw;
    padding: 0vw 5.33333vw 5.33333vw;
  }
  .counseling-members .catch {
    text-align: center;
    font-size: 1.375em;
    line-height: 1.2em;
    font-weight: bold;
    margin-bottom: 2.66667vw;
  }
  .counseling-members .list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .counseling-members .list > li {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 50%;
    margin: 0;
    padding: 0.6em 0.2em 0.6em 0;
    border-top: 2px solid #EBEBEB;
    position: relative;
  }
  .counseling-members .list > li:nth-child(1), .counseling-members .list > li:nth-child(2) {
    border-top: none;
  }
  .counseling-members .list > li:nth-child(odd) {
    border-right: 2px solid #EBEBEB;
  }
  .counseling-members .list > li:nth-child(n + 3):nth-child(odd):after {
    content: "";
    width: 100%;
    border-top: 2px solid #EBEBEB;
    position: absolute;
    right: -100%;
    top: -2px;
  }
  .counseling-members .list > li > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 2.66667vw;
  }
  .counseling-members .list > li > a:link, .counseling-members .list > li > a:visited {
    color: #000000;
    text-decoration: none;
  }
  .counseling-members .list > li > a:hover, .counseling-members .list > li > a:active {
    color: #2999C4;
    text-decoration: none;
  }
  .counseling-members .list > li .image {
    width: 12vw;
    height: 12vw;
  }
  .counseling-members .list > li .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .counseling-members .list > li .data {
    width: calc(100% - 12vw - 2.66667vw);
  }
  .counseling-members .list > li .shoulder {
    font-size: 0.75em;
    line-height: 1.5em;
  }
  .counseling-members .list > li .name {
    font-size: 0.875em;
    line-height: 1.5em;
  }
  .counseling-vote {
    margin-top: -2.66667vw;
    margin-bottom: 8vw;
    padding: 0vw 5.33333vw;
  }
  .counseling-vote .button01 {
    border-radius: 2.13333vw;
    background-color: #9B2626;
    width: 100%;
    height: 12vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.25rem;
    line-height: 1.0em;
  }
  .counseling-vote .button01:before {
    content: "";
    display: inline-block;
    margin-right: 0.4em;
    vertical-align: top;
    width: 1.25em;
    height: 1.25em;
    background-image: url("../img/ic_email_white.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
  }
  .current-members {
    -webkit-box-ordinal-group: 101 !important;
    -webkit-order: 100 !important;
    -ms-flex-order: 100 !important;
    order: 100 !important;
    background-color: #ffffff;
    margin-top: 0vw;
    padding: 0vw 5.33333vw 5.33333vw;
    margin-bottom: 8vw;
  }
  .current-members .catch {
    text-align: center;
    font-size: 1.375em;
    line-height: 1.2em;
    font-weight: bold;
    margin-bottom: 2.66667vw;
  }
  .current-members .list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .current-members .list > li {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 50%;
    margin: 0;
    padding: 0.6em 0.2em 0.6em 0;
    border-top: 2px solid #EBEBEB;
    position: relative;
    /*.image {
				width: vw-calc(45px);
				height: vw-calc(45px);
				img {
					width: 100%;
					height: 100%;
					object-fit: cover;
					font-family: 'object-fit: cover;';
				}
			}*/
  }
  .current-members .list > li:nth-child(1), .current-members .list > li:nth-child(2) {
    border-top: none;
  }
  .current-members .list > li:nth-child(odd) {
    border-right: 2px solid #EBEBEB;
  }
  .current-members .list > li:nth-child(n + 3):nth-child(odd):after {
    content: "";
    width: 100%;
    border-top: 2px solid #EBEBEB;
    position: absolute;
    right: -100%;
    top: -2px;
  }
  .current-members .list > li > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 2.66667vw;
    pointer-events: none;
    cursor: default;
  }
  .current-members .list > li > a[href] {
    pointer-events: auto;
    cursor: pointer;
  }
  .current-members .list > li > a:link, .current-members .list > li > a:visited {
    color: #000000;
    text-decoration: none;
  }
  .current-members .list > li > a:hover, .current-members .list > li > a:active {
    color: #2999C4;
    text-decoration: none;
  }
  .current-members .list > li .data {
    width: 100%;
  }
  .current-members .list > li .shoulder {
    font-size: 0.75em;
    line-height: 1.5em;
  }
  .current-members .list > li .name {
    font-size: 0.875em;
    line-height: 1.5em;
  }
  .current-to-expert {
    margin-top: -2.66667vw;
    margin-bottom: 8vw;
    padding: 0vw 5.33333vw;
  }
  .current-to-expert .button01 {
    border-radius: 2.13333vw;
    background-color: #bf5b17;
    width: 100%;
    height: 12vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.25rem;
    line-height: 1.0em;
  }
  .current-to-expert .button01:before {
    content: "";
    display: inline-block;
    margin-right: 0.4em;
    vertical-align: top;
    width: 1.25em;
    height: 1.25em;
    background-image: url("../img/ic_sprite.svg?t=2023072802#current-white");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
  }
  .innovation-to-about {
    margin-top: -2.66667vw;
    margin-bottom: 8vw;
    padding: 0vw 5.33333vw;
  }
  .innovation-to-about .button01 {
    border-radius: 2.13333vw;
    background-color: #346586;
    width: 100%;
    height: 12vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.25rem;
    line-height: 1.0em;
  }
  .innovation-to-about .button01:before {
    content: "";
    display: inline-block;
    margin-right: 0.4em;
    vertical-align: top;
    width: 1.25em;
    height: 1.25em;
    background-image: url("../img/ic_sprite.svg?t=20220318#innovation-white");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
  }
  .search-list-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5.33333vw;
  }
  .search-list-header .title {
    font-weight: bold;
    font-size: 1.25rem;
    line-height: 1.5em;
  }
  .search-list-header .title.results {
    margin-top: 0.8em;
    margin-bottom: 0.8em;
  }
  .search-list-header .list-orderby {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
  }
  .search-list-header .list-orderby .select01 {
    margin-left: 0.2em;
  }
  .search-count {
    font-size: 0.75rem;
    line-height: 1.25em;
    margin: 1.0em 0 2.0em;
  }
}

@media only screen and (max-width: 520px) and (min-width: 521px) {
  .counseling-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-top: 2px solid #cccccc;
  }
  .counseling-list > li {
    margin: 0;
    padding: 15px 0;
    border-bottom: 2px solid #cccccc;
  }
  .counseling-list > li .top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
  }
  .counseling-list > li .question {
    font-size: 1.25em;
  }
  .counseling-list > li .meta {
    margin: 10px 0;
    color: #666666;
    font-size: 0.85em;
    line-height: 1.25em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .counseling-list > li .meta > * {
    margin-right: 20px;
  }
  .counseling-list > li .bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .counseling-list > li .bottom .description {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: calc(100% - 120px);
    padding-right: 10px;
  }
  .counseling-list > li .bottom .answer {
    width: 120px;
    text-align: center;
  }
  .counseling-list > li .bottom .answer > a {
    display: block;
  }
  .counseling-list > li .bottom .answer > a:link, .counseling-list > li .bottom .answer > a:visited {
    color: #000000;
    text-decoration: none;
  }
  .counseling-list > li .bottom .answer > a:hover, .counseling-list > li .bottom .answer > a:active {
    color: #000000;
    text-decoration: underline;
  }
  .counseling-list > li .bottom .answer .image {
    display: inline-block;
    width: 60px;
    margin: 5px 0;
  }
  .counseling-list > li .bottom .answer .image img {
    max-width: 100%;
  }
  .counseling-list > li .bottom .answer .heading {
    font-size: 1.0em;
    line-height: 1.5em;
    font-weight: bold;
  }
  .counseling-list > li .bottom .answer .name {
    font-size: 1.0em;
    line-height: 1.5em;
  }
}

@media only screen and (max-width: 520px) and (max-width: 520px) {
  .counseling-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-top: 0.53333vw solid #cccccc;
  }
  .counseling-list > li {
    margin: 0;
    padding: 1.0em 0;
    border-bottom: 0.53333vw solid #cccccc;
  }
  .counseling-list > li .top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.5em;
  }
  .counseling-list > li .question {
    font-size: 1.25em;
  }
  .counseling-list > li .meta {
    margin: 1.0em 0;
    color: #666666;
    font-size: 0.85em;
    line-height: 1.25em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .counseling-list > li .meta > * {
    margin-right: 2.0em;
  }
  .counseling-list > li .bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .counseling-list > li .bottom .description {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: calc(100% - 23vw);
    padding-right: 10px;
  }
  .counseling-list > li .bottom .answer {
    width: 23vw;
    text-align: center;
  }
  .counseling-list > li .bottom .answer a {
    color: inherit;
  }
  .counseling-list > li .bottom .answer .image {
    display: inline-block;
    width: 50%;
    margin: 0.5em 0;
  }
  .counseling-list > li .bottom .answer .image img {
    max-width: 100%;
  }
  .counseling-list > li .bottom .answer .heading {
    font-size: 1.0em;
    line-height: 1.5em;
    font-weight: bold;
  }
  .counseling-list > li .bottom .answer .name {
    font-size: 1.0em;
    line-height: 1.5em;
  }
}

@media only screen and (max-width: 520px) {
  .current-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-top: 0.53333vw solid #cccccc;
  }
  .current-list > li {
    margin: 0;
    padding: 1.0em 0;
    border-bottom: 0.53333vw solid #cccccc;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .current-list > li .person {
    width: 21.33333vw;
    text-align: center;
    margin-bottom: 0.4em;
  }
  .current-list > li .person a {
    pointer-events: none;
    cursor: default;
  }
  .current-list > li .person a[href] {
    pointer-events: auto;
    cursor: pointer;
  }
  .current-list > li .person .image {
    width: 11.73333vw;
    height: 11.73333vw;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 60%;
    -webkit-box-shadow: 0 0.53333vw 1.06667vw rgba(0, 0, 0, 0.16);
    box-shadow: 0 0.53333vw 1.06667vw rgba(0, 0, 0, 0.16);
  }
  .current-list > li .person .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .current-list > li .person .name {
    text-align: left;
    font-size: 0.75rem;
    line-height: 1.5em;
    margin-top: 1.06667vw;
  }
  .current-list > li .person .name > .prefix {
    display: inline;
    font-size: 1.125em;
    font-weight: bold;
  }
  .current-list > li .person .name > .position {
    display: inline;
    font-size: 1.0em;
  }
  .current-list > li .person .name > .writer {
    font-size: 1.25em;
    font-weight: bold;
  }
  .current-list > li .person a:link,
  .current-list > li .person a:visited {
    color: #000000;
  }
  .current-list > li .person a:hover,
  .current-list > li .person a:active {
    color: #0A9BBF;
  }
  .current-list > li .data {
    width: calc(100% - 21.33333vw - 2.66667vw);
  }
  .current-list > li .title {
    font-size: 1.325rem;
    line-height: 1.5em;
    margin-bottom: 2.13333vw;
  }
  .current-list > li .summary {
    font-size: 1.0rem;
    line-height: 1.8em;
  }
  .current-list > li .summary > p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .current-list > li .meta {
    margin: 2.13333vw 0 0;
    color: #666666;
    font-size: 0.75rem;
    line-height: 1.25em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .current-list > li .meta > * {
    margin-right: 1.0em;
  }
}

@media only screen and (max-width: 520px) and (min-width: 521px) {
  .badge-category {
    list-style-type: none;
    margin: 0 10px 0 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .badge-category > li {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-width: 70px;
    height: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin: 0 3px 0 0;
    padding: 5px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 1.0em;
    background-color: #666666;
    color: #ffffff;
  }
  .badge-category > li.innovation-project {
    background: #454080;
  }
  .badge-category > li.innovation-special {
    background: #a44040;
  }
  .badge-category > li.innovation-case {
    background: #c27336;
  }
  .badge-category > li.innovation-research {
    background: #577447;
  }
  .badge-genre {
    list-style-type: none;
    margin: 0 10px 0 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .badge-genre > li {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-width: 70px;
    height: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin: 0 3px 0 0;
    padding: 5px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 1.0em;
    background-color: #666666;
    color: #ffffff;
  }
  .badge-genre > li.study {
    background: #B51C1C;
  }
  .badge-genre > li.course {
    background: #2A7924;
  }
  .badge-genre > li.life {
    background: #1C5EB5;
  }
  .badge-school {
    list-style-type: none;
    margin: 0 10px 0 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .badge-school > li {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-width: 70px;
    height: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin: 0 3px 0 0;
    padding: 5px;
    border-radius: 4px;
    border: 2px solid #666666;
    font-size: 12px;
    line-height: 1.0em;
    color: #666666;
  }
  .badge-school > li.elementary {
    border-color: #D57327;
    color: #D57327;
  }
  .badge-school > li.junior {
    border-color: #1CB5B1;
    color: #1CB5B1;
  }
  .badge-school > li.high {
    border-color: #82B51C;
    color: #82B51C;
  }
  .badge-weboriginal {
    list-style-type: none;
    margin: 0 10px 0 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .badge-weboriginal > li {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-width: 70px;
    height: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin: 0 3px 0 0;
    padding: 5px;
    border-radius: 4px;
    border: 2px solid #0A9BBF;
    font-size: 12px;
    line-height: 1.0em;
    color: #0A9BBF;
  }
  .badge-webcat {
    list-style-type: none;
    margin: 0 10px 0 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .badge-webcat > li {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-width: 70px;
    height: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin: 0 6px 0 0;
    padding: 5px;
    border-radius: 4px;
    background-color: #0A9BBF;
    font-size: 12px;
    line-height: 1.0em;
    color: #ffffff;
  }
}

@media only screen and (max-width: 520px) and (max-width: 520px) {
  .badge-category {
    list-style-type: none;
    margin: 0 0.5em 0 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .badge-category > li {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-width: 6em;
    height: 5.33333vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin: 0 0.2em 0 0;
    padding: 0.4em;
    border-radius: 1.06667vw;
    font-size: 0.75rem;
    line-height: 1.0em;
    background-color: #666666;
    color: #ffffff;
  }
  .badge-category > li.innovation-project {
    background: #454080;
  }
  .badge-category > li.innovation-special {
    background: #a44040;
  }
  .badge-category > li.innovation-case {
    background: #c27336;
  }
  .badge-category > li.innovation-research {
    background: #577447;
  }
  .badge-genre {
    list-style-type: none;
    margin: 0 0.5em 0 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .badge-genre > li {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-width: 6em;
    height: 5.33333vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin: 0 0.2em 0 0;
    padding: 0.4em;
    border-radius: 1.06667vw;
    font-size: 0.75rem;
    line-height: 1.0em;
    background-color: #666666;
    color: #ffffff;
  }
  .badge-genre > li.study {
    background: #B51C1C;
  }
  .badge-genre > li.course {
    background: #2A7924;
  }
  .badge-genre > li.life {
    background: #1C5EB5;
  }
  .badge-school {
    list-style-type: none;
    margin: 0 0.5em 0 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .badge-school > li {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-width: 6em;
    height: 5.33333vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin: 0 0.2em 0 0;
    padding: 5px;
    border-radius: 1.06667vw;
    border: 0.53333vw solid #666666;
    font-size: 0.75rem;
    line-height: 1.0em;
    color: #666666;
  }
  .badge-school > li.elementary {
    border-color: #D57327;
    color: #D57327;
  }
  .badge-school > li.junior {
    border-color: #1CB5B1;
    color: #1CB5B1;
  }
  .badge-school > li.high {
    border-color: #82B51C;
    color: #82B51C;
  }
  .badge-weboriginal {
    list-style-type: none;
    margin: 0 0.5em 0 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .badge-weboriginal > li {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-width: 6em;
    height: 5.33333vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin: 0 0.2em 0 0;
    padding: 5px;
    border-radius: 1.06667vw;
    border: 0.53333vw solid #0A9BBF;
    font-size: 0.75rem;
    line-height: 1.0em;
    color: #0A9BBF;
  }
  .badge-webcat {
    list-style-type: none;
    margin: 0 0.5em 0 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .badge-webcat > li {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-width: 6em;
    height: 5.33333vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin: 0 0.4em 0 0;
    padding: 5px;
    border-radius: 1.06667vw;
    background-color: #0A9BBF;
    font-size: 0.75rem;
    line-height: 1.0em;
    color: #ffffff;
  }
}

@media only screen and (max-width: 520px) {
  .search-modal-inner > form > .heading {
    text-align: center;
    margin-bottom: 1.0em;
    font-size: 1.5em;
    line-height: 1.25em;
    font-weight: bold;
  }
  .search-modal-inner .row {
    border-top: 2px solid #cccccc;
    border-bottom: 2px solid #cccccc;
    padding-top: 1.8em;
    padding-bottom: 1.8em;
    margin-top: -2px;
  }
  .search-modal-inner .row > .heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    font-size: 1.25em;
    line-height: 1.5em;
    font-weight: 700;
    margin-bottom: 0.8em;
  }
  .search-modal-inner .row > .heading:nth-child(1) {
    margin-top: 0;
  }
  .search-modal-inner .row > .heading:before {
    content: "●";
    display: block;
    color: #2999C4;
    margin-right: 0.2em;
  }
  .search-modal-inner .row .list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .search-modal-inner .row .list > li {
    margin: 0 1.0em;
  }
  .search-modal-inner .button {
    text-align: center;
    margin-top: 1.8em;
  }
  .opinion-slider-outer {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    background-color: #eeeeee;
    padding: 0.8em 1.6em;
    margin-top: 1.0em;
    margin-bottom: 1.0em;
  }
  .opinion-slider-outer .slide-dummy-message {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    background-color: rgba(255, 0, 0, 0.7);
    color: #ffffff;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1.5em;
  }
  .opinion-slider.owl-theme {
    position: relative;
  }
  .opinion-slider.owl-theme .item {
    text-align: center;
  }
  .opinion-slider.owl-theme .owl-nav {
    margin: 0;
  }
  .opinion-slider.owl-theme .owl-nav .owl-prev {
    position: absolute;
    left: -5vw;
    top: 5vw;
    height: 5em;
    margin: auto 0;
  }
  .opinion-slider.owl-theme .owl-nav .owl-next {
    position: absolute;
    right: -5vw;
    top: 5vw;
    height: 5em;
    margin: auto 0;
  }
  .opinion-slider.owl-theme .owl-nav span {
    font-size: 4.0rem;
    line-height: 1.0em;
  }
  .opinion-slider.owl-theme .owl-dots {
    margin-top: 1.0em;
  }
  .innovation-profile-sec {
    margin-bottom: 3.0em;
  }
  .innovation-profile-sec > .image {
    width: 60%;
    margin: 0 auto 1.0em;
    background: none !important;
  }
  .innovation-profile-sec > .image img {
    width: 100%;
    height: auto;
  }
  .innovation-profile-sec > .data {
    width: 100%;
  }
  .innovation-profile-sec > .data .name {
    font-size: 1.5rem;
    line-height: 1.5em;
    font-weight: bold;
    margin-bottom: 0.5em;
    text-align: center;
  }
  .innovation-profile-sec > .data .position {
    font-size: 1.0rem;
    line-height: 1.5em;
    margin-bottom: 1.0em;
    text-align: center;
  }
  .innovation-profile-sec > .data .summary > * {
    margin-bottom: 1.5em;
  }
  .innovation-profile-sec > .data .summary > *:nth-last-child(1) {
    margin-bottom: 0;
  }
  .opinion-profile-sec {
    margin-bottom: 3.0em;
  }
  .opinion-profile-sec > .image {
    width: 60%;
    margin: 0 auto 1.0em;
    background: none !important;
  }
  .opinion-profile-sec > .image img {
    width: 100%;
    height: auto;
  }
  .opinion-profile-sec > .data {
    width: 100%;
  }
  .opinion-profile-sec > .data .name {
    font-size: 1.5rem;
    line-height: 1.5em;
    font-weight: bold;
    margin-bottom: 0.5em;
    text-align: center;
  }
  .opinion-profile-sec > .data .position {
    font-size: 1.0rem;
    line-height: 1.5em;
    margin-bottom: 1.0em;
    text-align: center;
  }
  .opinion-profile-sec > .data .summary > * {
    margin-bottom: 1.5em;
  }
  .opinion-profile-sec > .data .summary > *:nth-last-child(1) {
    margin-bottom: 0;
  }
  .current-profile-sec {
    margin-bottom: 3.0em;
  }
  .current-profile-sec > .image {
    width: 60%;
    margin: 0 auto 1.0em;
    background: none !important;
  }
  .current-profile-sec > .image img {
    width: 100%;
    height: auto;
  }
  .current-profile-sec > .data {
    width: 100%;
  }
  .current-profile-sec > .data .name {
    font-size: 1.5rem;
    line-height: 1.5em;
    font-weight: bold;
    margin-bottom: 0.5em;
    text-align: center;
  }
  .current-profile-sec > .data .position {
    font-size: 1.0rem;
    line-height: 1.5em;
    margin-bottom: 1.0em;
    text-align: center;
  }
  .current-profile-sec > .data .summary > * {
    margin-bottom: 1.5em;
  }
  .current-profile-sec > .data .summary > *:nth-last-child(1) {
    margin-bottom: 0;
  }
  .list-heading {
    font-size: 1.5rem;
    line-height: 1.5em;
    font-weight: bold;
    margin-bottom: 0.5em;
  }
  .view-nav {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    margin: 0px;
    overflow-x: auto;
    overflow-y: hidden;
    clear: both;
  }
  .view-nav > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .view-nav > ul > li {
    height: 8.53333vw;
    text-align: center;
    overflow: hidden;
    font-size: 2.66667vw;
    line-height: 1.2em;
  }
  .view-nav > ul > li.active {
    height: 10.66667vw;
  }
  .view-nav > ul > li > a {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 2.13333vw 2.13333vw;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1.06667vw;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #666666;
    color: #ffffff;
    text-decoration: none;
  }
  .view-nav > ul > li.web a {
    background-color: #0A9BBF;
  }
  .view-nav > ul > li.bkn-hs a {
    background-color: #F69D25;
  }
  .view-nav > ul > li.bkn-board a {
    background-color: #5BB151;
  }
  .view-nav > ul > li.bkn-other a {
    background-color: #0f5474;
  }
  .view-nav + .contents {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .view-other-nav {
    position: relative;
    -webkit-box-shadow: 0px 0px 2.66667vw 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 0px 2.66667vw 0px rgba(0, 0, 0, 0.16);
    border-top-left-radius: 2.13333vw;
    border-top-right-radius: 2.13333vw;
    margin-bottom: 5.33333vw;
  }
  .view-other-nav:after {
    content: "";
    display: block;
    width: 100%;
    height: 5.33333vw;
    background-color: #ffffff;
    position: absolute;
    left: 0;
    bottom: -5.33333vw;
  }
  .view-other-nav > ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-top-left-radius: 2.13333vw;
    border-top-right-radius: 2.13333vw;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .view-other-nav > ul > li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% / 3);
    margin: 0;
    padding: 0;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    min-height: 3.5em;
  }
  .view-other-nav > ul > li:nth-child(1) {
    border-left: none;
  }
  .view-other-nav > ul > li:nth-last-child(1) {
    border-right: none;
  }
  .view-other-nav > ul > li > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: #e9e9e9;
    color: #565656;
    font-weight: bold;
    font-size: 0.875rem;
    line-height: 1.5em;
  }
  .view-other-nav > ul > li.active > a {
    background-color: #ffffff;
    color: #0f5474;
  }
  .view-other-nav.index {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 0;
  }
  .view-other-nav.index > ul {
    display: block;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    padding-top: 1.33333vw;
  }
  .view-other-nav.index > ul > li {
    width: 100%;
    border: none;
    min-height: 0;
    margin: 0 0 4vw 0;
  }
  .view-other-nav.index > ul > li > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ffffff;
    color: #0f5474;
    font-size: 1.0rem;
    line-height: 1.0em;
    border: 1px solid #0f5474;
    border-radius: 2.13333vw;
    padding: 4vw 5.33333vw;
    text-align: left;
  }
  .view-other-nav.index > ul > li > a:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    width: 3.2vw;
    height: 3.2vw;
    background-image: url("../img/ic_arw_simple_purple.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    margin-right: 0.4em;
    margin-top: 0em;
  }
  .view-other-nav.index > ul > li > a:hover {
    background-color: #ebf8fd;
  }
}

@media only screen and (max-width: 520px) and (min-width: 521px) {
  .view-list01 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding: 0 0 24px 0;
  }
  .view-list01 > li {
    margin: 0;
    padding: 0;
    border-radius: 8px;
    overflow: hidden;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    margin-bottom: 32px;
  }
  .view-list01 > li:nth-last-child(1) {
    margin-bottom: 0;
  }
  .view-list01 > li > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    color: #4B4B4B;
    text-decoration: none;
  }
  .view-list01 > li .image {
    width: 140px;
    min-height: 140px;
    overflow: hidden;
    border-radius: 8px;
  }
  .view-list01 > li .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .view-list01 > li .list-tag-badge {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .view-list01 > li .list-tag-badge > li {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 25px;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.0em;
    margin-right: 8px;
  }
  .view-list01 > li .list-tag-badge > li > span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0 0.4em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #666666;
    border-radius: 4px;
    background-color: #ffffff;
    color: #666666;
    text-decoration: none;
  }
  .view-list01 > li .text {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: calc(100% - 140px - 16px);
    min-height: 140px;
    padding: 0 24px 12px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .view-list01 > li .text .badge-weboriginal {
    margin-bottom: 0.4em;
  }
  .view-list01 > li .text .badge-magazine {
    margin-bottom: 0.4em;
  }
  .view-list01 > li .text .title {
    font-size: 1.0rem;
    line-height: 1.2em;
  }
  .view-list01 > li .text .title > .maintitle {
    display: inline-block;
    font-weight: 700;
    line-height: 1.5em;
    padding: 0.3em 0;
  }
  .view-list01 > li .text .title > .shoulder {
    font-size: 0.875rem;
    line-height: 1.2em;
    font-weight: 400;
  }
  .view-list01 > li .text .title > .subtitle {
    font-size: 0.875rem;
    line-height: 1.2em;
    font-weight: 400;
  }
  .view-list01 > li .text .date {
    font-size: 0.75rem;
    line-height: 1.0em;
    color: #828282;
    margin-top: 10px;
  }
  .view-list01 > li a:link,
  .view-list01 > li a:visited,
  .view-list01 > li a:hover,
  .view-list01 > li a:active {
    color: #000000;
    text-decoration: none;
  }
}

@media only screen and (max-width: 520px) and (max-width: 520px) {
  .view-list01 {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .view-list01 > li {
    margin: 0;
    padding: 0;
    border-radius: 2.13333vw;
    overflow: hidden;
    -webkit-box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    margin-bottom: 6.4vw;
  }
  .view-list01 > li.without-magazine > a {
    padding-top: 16px;
  }
  .view-list01 > li > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    color: #4B4B4B;
    text-decoration: none;
    padding: 7.46667vw 2.13333vw 4.26667vw;
  }
  .view-list01 > li .badge-weboriginal {
    margin-bottom: 0.4em;
  }
  .view-list01 > li .badge-magazine {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 2.13333vw;
    top: 0px;
    width: calc(100% - 2.13333vw - 2.13333vw);
  }
  .view-list01 > li .badge-magazine > li {
    padding: 0.4em 0.4em;
  }
  .view-list01 > li .list-tag-badge {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 5.33333vw;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 2.13333vw;
  }
  .view-list01 > li .list-tag-badge > li {
    height: 5.33333vw;
    overflow: hidden;
    font-size: 2.66667vw;
    line-height: 1.0em;
    margin-right: 1.6vw;
  }
  .view-list01 > li .list-tag-badge > li > span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0 0.4em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #666666;
    border-radius: 1.06667vw;
    background-color: #ffffff;
    color: #666666;
    text-decoration: none;
  }
  .view-list01 > li .image {
    width: 21.33333vw;
    height: 21.33333vw;
    overflow: hidden;
    border-radius: 2.13333vw;
  }
  .view-list01 > li .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .view-list01 > li .text {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: calc(100% - 21.33333vw - 2.66667vw);
  }
  .view-list01 > li .text .title {
    font-size: 1.0rem;
    line-height: 1.2em;
  }
  .view-list01 > li .text .title > .maintitle {
    display: inline-block;
    font-weight: 700;
    line-height: 1.5em;
    padding: 0.3em 0;
  }
  .view-list01 > li .text .title > .shoulder {
    font-size: 0.75rem;
    line-height: 1.2em;
    font-weight: 400;
  }
  .view-list01 > li .text .title > .subtitle {
    font-size: 0.75rem;
    line-height: 1.2em;
    font-weight: 400;
  }
  .view-list01 > li .text .date {
    font-size: 0.83rem;
    line-height: 1.0em;
    color: #828282;
    margin-top: 2.66667vw;
  }
  .view-list01 > li .badge {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: inline-block;
    background-color: #0A9BBF;
    border-radius: 1.06667vw;
    min-height: 6.4vw;
    padding: 1.33333vw 3.2vw;
    color: #ffffff;
    font-size: 2.66667vw;
    line-height: 1.0;
    font-weight: 500;
    position: absolute;
    right: 0px;
    bottom: 0px;
  }
}

@media only screen and (max-width: 520px) and (min-width: 521px) {
  body.view .view-list01 > li > a,
  body.recommend .view-list01 > li > a {
    padding: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  body.view .view-list01 > li .image,
  body.recommend .view-list01 > li .image {
    min-height: auto;
    -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.16);
  }
  body.view .view-list01 > li .image img,
  body.recommend .view-list01 > li .image img {
    height: auto;
    max-height: 100%;
  }
  body.view .view-list01 > li .text,
  body.recommend .view-list01 > li .text {
    padding: 0;
  }
}

@media only screen and (max-width: 520px) and (max-width: 520px) {
  body.view .view-list01 > li > a,
  body.recommend .view-list01 > li > a {
    padding: 4.26667vw 2.13333vw 4.26667vw;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  body.view .view-list01 > li:has(.badge-magazine) > a,
  body.recommend .view-list01 > li:has(.badge-magazine) > a {
    padding-top: 7.46667vw;
  }
  body.view .view-list01 > li .image,
  body.recommend .view-list01 > li .image {
    height: auto;
    -webkit-box-shadow: 0.53333vw 0.53333vw 2.13333vw rgba(0, 0, 0, 0.16);
    box-shadow: 0.53333vw 0.53333vw 2.13333vw rgba(0, 0, 0, 0.16);
  }
  body.view .view-list01 > li .image img,
  body.recommend .view-list01 > li .image img {
    height: auto;
    max-height: 100%;
  }
}

@media only screen and (max-width: 520px) {
  .view-list-heading {
    margin-top: 2.0em;
  }
  .view-list-heading:nth-child(1) {
    margin-top: 0;
  }
  .view-list-heading > span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 8vw;
    font-size: 1.125rem;
    line-height: 1.0em;
    font-weight: 500;
    font-weight: bold;
    background-color: #6B6B6B;
    color: #ffffff;
    border-top-left-radius: 2.13333vw;
    border-top-right-radius: 2.13333vw;
    padding: 1.06667vw 3.2vw;
  }
  .view-list-heading.bkn-hs > span {
    background-color: #F69D25;
  }
  .view-list-heading.bkn-board > span {
    background-color: #5BB151;
  }
  .view-list-heading.bkn-other > span {
    background-color: #0f5474;
  }
  .view-list02 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #cccccc;
  }
  .view-list02 > li {
    margin: 0;
    padding: 15px 0;
    border-bottom: 1px solid #cccccc;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .view-list02 > li .image {
    width: 16%;
  }
  .view-list02 > li .image img {
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  }
  .view-list02 > li .data {
    width: 80%;
    color: #666666;
    font-size: 0.85em;
    line-height: 1.25em;
  }
  .view-list02 > li .data .title {
    font-size: 1.0rem;
    line-height: 1.5em;
    margin-bottom: 0.8em;
  }
  .view-list02 > li .data .special-title {
    font-size: 1.0rem;
    line-height: 1.5em;
    margin-bottom: 0.8em;
  }
  .view-list02 > li a:link,
  .view-list02 > li a:visited {
    color: #000000;
    text-decoration: none;
  }
  .view-list02 > li a:hover,
  .view-list02 > li a:active {
    color: #2999C4;
    text-decoration: none;
  }
}

@media only screen and (max-width: 520px) and (min-width: 521px) {
  .view-list03 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #cccccc;
  }
  .view-list03 > li {
    margin: 0;
    padding: 15px 0;
    border-bottom: 1px solid #cccccc;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .view-list03 > li .image {
    width: 16%;
    margin-right: 20px;
  }
  .view-list03 > li .image img {
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  }
  .view-list03 > li .data {
    color: #666666;
    font-size: 0.85em;
    line-height: 1.25em;
  }
  .view-list03 > li .data .magazine {
    font-size: 0.875rem;
    line-height: 1.2em;
    margin-bottom: 0.8em;
  }
  .view-list03 > li .data .shoulder {
    color: #8F6F18;
    font-size: 0.875rem;
    line-height: 1.2em;
    margin-bottom: 0.8em;
  }
  .view-list03 > li .data .title {
    font-size: 1.125rem;
    line-height: 1.5em;
    margin-bottom: 0.8em;
  }
  .view-list03 > li .data .summary {
    font-size: 1.0em;
    line-height: 1.2em;
  }
  .view-list03 > li a:link,
  .view-list03 > li a:visited {
    color: #000000;
    text-decoration: none;
  }
  .view-list03 > li a:hover,
  .view-list03 > li a:active {
    color: #2999C4;
    text-decoration: none;
  }
}

@media only screen and (max-width: 520px) and (max-width: 520px) {
  .view-list03 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #cccccc;
  }
  .view-list03 > li {
    margin: 0;
    padding: 15px 0;
    border-bottom: 1px solid #cccccc;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .view-list03 > li .image {
    width: 16%;
    margin-right: 5.33333vw;
  }
  .view-list03 > li .image img {
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  }
  .view-list03 > li .data {
    color: #666666;
    font-size: 0.85em;
    line-height: 1.25em;
  }
  .view-list03 > li .data .magazine {
    font-size: 0.875rem;
    line-height: 1.2em;
    margin-bottom: 0.8em;
  }
  .view-list03 > li .data .shoulder {
    color: #8F6F18;
    font-size: 0.875rem;
    line-height: 1.2em;
    margin-bottom: 0.8em;
  }
  .view-list03 > li .data .title {
    font-size: 1.0rem;
    line-height: 1.5em;
    margin-bottom: 0.8em;
  }
  .view-list03 > li .data .summary {
    font-size: 1.0em;
    line-height: 1.2em;
  }
  .view-list03 > li a:link,
  .view-list03 > li a:visited {
    color: #000000;
    text-decoration: none;
  }
  .view-list03 > li a:hover,
  .view-list03 > li a:active {
    color: #2999C4;
    text-decoration: none;
  }
}

@media only screen and (max-width: 520px) {
  .view-side-sec {
    background-color: #ffffff;
    padding: 8.53333vw 5.33333vw 0vw;
    background-color: #ffffff;
  }
  .view-side-sec > .heading {
    border-radius: 2.13333vw;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 3.2vw 6.4vw;
    background-color: #6B6B6B;
    color: #ffffff;
    font-size: 1.125em;
  }
  .view-side-sec .view-side-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 1px solid #6B6B6B;
    border-radius: 2.13333vw;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .view-side-sec .view-side-list > li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #B1B1B1;
    font-size: 1.0em;
    line-height: 1.2em;
  }
  .view-side-sec .view-side-list > li:nth-last-child(1) {
    border-bottom: none;
  }
  .view-side-sec .view-side-list > li > a {
    display: block;
    padding: 3.2vw 6.4vw;
    text-decoration: none;
  }
  .view-side-sec .view-side-list > li > a:link, .view-side-sec .view-side-list > li > a:visited {
    color: #000000;
  }
  .view-side-sec .view-side-list > li > a:hover, .view-side-sec .view-side-list > li > a:active {
    color: #2999C4;
  }
  .view-side-sec .view-side-list > li > div {
    padding: 3.2vw 6.4vw;
  }
  .view-side-sec .view-side-list > li > div .title {
    font-weight: bold;
    margin-bottom: 2.13333vw;
  }
  .view-side-sec .view-side-list > li > div > ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .view-side-sec .view-side-list > li > div > ul > li {
    margin: 0 0 2.13333vw 0;
    padding: 0;
  }
  .view-side-sec .view-side-list > li > div > ul > li a {
    color: #2a2a2a;
    text-decoration: none;
  }
  .view-side-sec .view-side-list > li > div > ul > li a:hover {
    text-decoration: underline;
  }
  .view-side-sec .view-side-list > li > div > ul > li a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1.6vw;
    height: 2.13333vw;
    background-image: url("../img/ic_arw_theme.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    margin-right: 0.8vw;
  }
  .view-side-sec .view-side-list > li > div > ul > li a.newmark:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 17px;
    border: none;
    border-radius: 0;
    background-color: transparent;
    background-image: url("../img/ic_new.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    margin-left: 2px;
    margin-bottom: 2px;
  }
  .view-side-sec.web > .heading {
    background-color: #0A9BBF;
  }
  .view-side-sec.web .view-side-list {
    border-color: #0A9BBF;
  }
  .view-side-sec.bkn-hs > .heading {
    background-color: #F69D25;
  }
  .view-side-sec.bkn-hs .view-side-list {
    border-color: #F69D25;
  }
  .view-side-sec.theme-hs > .heading {
    background-color: #F69C27;
  }
  .view-side-sec.theme-hs .view-side-list {
    border-color: #F69C27;
  }
  .view-side-sec.theme-board > .heading {
    background-color: #5AB052;
  }
  .view-side-sec.theme-board .view-side-list {
    border-color: #5AB052;
  }
  .badge-magazine {
    list-style-type: none;
    margin: 0 0.2em 0 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .badge-magazine > li {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-width: 4em;
    text-align: center;
    margin: 0 0.2em 0 0;
    padding: 0.4em 0.4em;
    border-radius: 1.06667vw;
    -webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.15);
    font-size: 0.85rem;
    line-height: 1.0em;
    background-color: #666666;
    color: #ffffff;
  }
  .badge-magazine > li a {
    color: inherit;
    text-decoration: none;
  }
  .badge-magazine > li.bkn-hs {
    background: #F69D25;
  }
  .badge-magazine > li.bkn-board {
    background: #5BB151;
  }
  .badge-magazine > li.bkn-other {
    background: #0f5474;
  }
  .low-contents01 .article .contents .article-body,
  .low-contents01 .article .contents .article-view-body,
  .low-contents01 .article .contents .article-view-web-body,
  .low-contents02 .article .contents .article-body {
    width: 100%;
  }
  .low-contents01 .article .contents .article-body .post-heading,
  .low-contents01 .article .contents .article-view-body .post-heading,
  .low-contents01 .article .contents .article-view-web-body .post-heading,
  .low-contents02 .article .contents .article-body .post-heading {
    position: relative;
    font-size: 1.25em;
    line-height: 1.5em;
    font-weight: 700;
    padding-left: 4.26667vw;
    margin-top: 2.6em;
    margin-bottom: 0.8em;
  }
  .low-contents01 .article .contents .article-body .post-heading:nth-child(1),
  .low-contents01 .article .contents .article-view-body .post-heading:nth-child(1),
  .low-contents01 .article .contents .article-view-web-body .post-heading:nth-child(1),
  .low-contents02 .article .contents .article-body .post-heading:nth-child(1) {
    margin-top: 0;
  }
  .low-contents01 .article .contents .article-body .post-heading:before,
  .low-contents01 .article .contents .article-view-body .post-heading:before,
  .low-contents01 .article .contents .article-view-web-body .post-heading:before,
  .low-contents02 .article .contents .article-body .post-heading:before {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #0A9BBF;
    width: 2.13333vw;
    border-radius: 3px;
  }
  .low-contents01 .article .contents .article-body .post-heading + .post-mheading,
  .low-contents01 .article .contents .article-view-body .post-heading + .post-mheading,
  .low-contents01 .article .contents .article-view-web-body .post-heading + .post-mheading,
  .low-contents02 .article .contents .article-body .post-heading + .post-mheading {
    margin-top: 1.2em;
  }
  .low-contents01 .article .contents .article-body .post-mheading,
  .low-contents01 .article .contents .article-view-body .post-mheading,
  .low-contents01 .article .contents .article-view-web-body .post-mheading,
  .low-contents02 .article .contents .article-body .post-mheading {
    position: relative;
    font-size: 1.125rem;
    line-height: 1.5em;
    font-weight: 500;
    margin-top: 2.4em;
    margin-bottom: 0.8em;
  }
  .low-contents01 .article .contents .article-body .post-mheading > span,
  .low-contents01 .article .contents .article-view-body .post-mheading > span,
  .low-contents01 .article .contents .article-view-web-body .post-mheading > span,
  .low-contents02 .article .contents .article-body .post-mheading > span {
    position: relative;
    z-index: 2;
    display: inline-block;
    background-color: #ffffff;
    padding-right: 0.4em;
  }
  .low-contents01 .article .contents .article-body .post-mheading:after,
  .low-contents01 .article .contents .article-view-body .post-mheading:after,
  .low-contents01 .article .contents .article-view-web-body .post-mheading:after,
  .low-contents02 .article .contents .article-body .post-mheading:after {
    content: "";
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 100%;
    height: 2px;
    background-color: #0A9BBF;
  }
  .low-contents01 .article .contents .article-body .post-image-double,
  .low-contents01 .article .contents .article-view-body .post-image-double,
  .low-contents01 .article .contents .article-view-web-body .post-image-double,
  .low-contents02 .article .contents .article-body .post-image-double {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .low-contents01 .article .contents .article-body .post-image-double .post-image-column,
  .low-contents01 .article .contents .article-view-body .post-image-double .post-image-column,
  .low-contents01 .article .contents .article-view-web-body .post-image-double .post-image-column,
  .low-contents02 .article .contents .article-body .post-image-double .post-image-column {
    width: 49%;
  }
  .low-contents01 .article .contents .article-body .post-image-double .post-image-column .post-image-main,
  .low-contents01 .article .contents .article-view-body .post-image-double .post-image-column .post-image-main,
  .low-contents01 .article .contents .article-view-web-body .post-image-double .post-image-column .post-image-main,
  .low-contents02 .article .contents .article-body .post-image-double .post-image-column .post-image-main {
    width: 100%;
    /*height: 0px;
				padding-top: 75%;
				position: relative;*/
  }
  .low-contents01 .article .contents .article-body .post-image-double .post-image-column .post-image-main img,
  .low-contents01 .article .contents .article-view-body .post-image-double .post-image-column .post-image-main img,
  .low-contents01 .article .contents .article-view-web-body .post-image-double .post-image-column .post-image-main img,
  .low-contents02 .article .contents .article-body .post-image-double .post-image-column .post-image-main img {
    width: 100%;
    height: auto;
    /*height: 100%;
					object-fit: cover;
					font-family: 'object-fit: cover;';
					position: absolute;
					left: 0;
					right: 0;
					top: 0;
					bottom: 0;*/
  }
  .low-contents01 .article .contents .article-body .post-image-double .post-image-column .post-image-caption,
  .low-contents01 .article .contents .article-view-body .post-image-double .post-image-column .post-image-caption,
  .low-contents01 .article .contents .article-view-web-body .post-image-double .post-image-column .post-image-caption,
  .low-contents02 .article .contents .article-body .post-image-double .post-image-column .post-image-caption {
    margin-top: 0.4em;
    padding: 0 0.4em;
    font-size: 0.875em;
    line-height: 1.2em;
    color: #888888;
  }
  .low-contents01 .article .contents .article-body .post-image-single .post-image-main,
  .low-contents01 .article .contents .article-view-body .post-image-single .post-image-main,
  .low-contents01 .article .contents .article-view-web-body .post-image-single .post-image-main,
  .low-contents02 .article .contents .article-body .post-image-single .post-image-main {
    width: 100%;
  }
  .low-contents01 .article .contents .article-body .post-image-single .post-image-caption,
  .low-contents01 .article .contents .article-view-body .post-image-single .post-image-caption,
  .low-contents01 .article .contents .article-view-web-body .post-image-single .post-image-caption,
  .low-contents02 .article .contents .article-body .post-image-single .post-image-caption {
    margin-top: 0.4em;
    padding: 0 0.4em;
    font-size: 0.875em;
    line-height: 1.2em;
    color: #888888;
  }
  .low-contents01 .article .contents .article-body .post-image-single-mid .post-image-main,
  .low-contents01 .article .contents .article-view-body .post-image-single-mid .post-image-main,
  .low-contents01 .article .contents .article-view-web-body .post-image-single-mid .post-image-main,
  .low-contents02 .article .contents .article-body .post-image-single-mid .post-image-main {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  .low-contents01 .article .contents .article-body .post-image-single-mid .post-image-caption,
  .low-contents01 .article .contents .article-view-body .post-image-single-mid .post-image-caption,
  .low-contents01 .article .contents .article-view-web-body .post-image-single-mid .post-image-caption,
  .low-contents02 .article .contents .article-body .post-image-single-mid .post-image-caption {
    margin-top: 0.4em;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 0.4em;
    font-size: 0.875em;
    line-height: 1.2em;
    color: #888888;
  }
  .low-contents01 .article .contents .article-body blockquote,
  .low-contents01 .article .contents .article-view-body blockquote,
  .low-contents01 .article .contents .article-view-web-body blockquote,
  .low-contents02 .article .contents .article-body blockquote {
    position: relative;
    padding: 1em 4vw 1.5em 4vw;
    font-style: italic;
    background: #eeeeee;
    color: #454545;
  }
  .low-contents01 .article .contents .article-body blockquote:before,
  .low-contents01 .article .contents .article-view-body blockquote:before,
  .low-contents01 .article .contents .article-view-web-body blockquote:before,
  .low-contents02 .article .contents .article-body blockquote:before {
    display: block;
    content: "“";
    color: #cccccc;
    font-size: 3em;
    line-height: 1.0;
    font-weight: 700;
    margin-top: -0.2em;
    margin-bottom: -0.2em;
  }
  .low-contents01 .article .contents .article-body blockquote p,
  .low-contents01 .article .contents .article-view-body blockquote p,
  .low-contents01 .article .contents .article-view-web-body blockquote p,
  .low-contents02 .article .contents .article-body blockquote p {
    line-height: 1.5;
    padding: 0;
    margin: 0 0 1.5em 0;
  }
  .low-contents01 .article .contents .article-body blockquote p:nth-last-child(1),
  .low-contents01 .article .contents .article-view-body blockquote p:nth-last-child(1),
  .low-contents01 .article .contents .article-view-web-body blockquote p:nth-last-child(1),
  .low-contents02 .article .contents .article-body blockquote p:nth-last-child(1) {
    margin-bottom: 0;
  }
  .low-contents01 .article .contents .article-body blockquote cite,
  .low-contents01 .article .contents .article-view-body blockquote cite,
  .low-contents01 .article .contents .article-view-web-body blockquote cite,
  .low-contents02 .article .contents .article-body blockquote cite {
    display: block;
    text-align: right;
    color: #999999;
    font-size: 0.875em;
  }
  .low-contents01 .article .contents .article-body blockquote cite a,
  .low-contents01 .article .contents .article-view-body blockquote cite a,
  .low-contents01 .article .contents .article-view-web-body blockquote cite a,
  .low-contents02 .article .contents .article-body blockquote cite a {
    color: #999999;
    text-decoration: underline;
  }
  .low-contents01 .article .contents .article-body .post-embed-block,
  .low-contents01 .article .contents .article-body .post-embed-outer,
  .low-contents01 .article .contents .article-view-body .post-embed-block,
  .low-contents01 .article .contents .article-view-body .post-embed-outer,
  .low-contents01 .article .contents .article-view-web-body .post-embed-block,
  .low-contents01 .article .contents .article-view-web-body .post-embed-outer,
  .low-contents02 .article .contents .article-body .post-embed-block,
  .low-contents02 .article .contents .article-body .post-embed-outer {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    position: relative;
  }
  .low-contents01 .article .contents .article-body .post-embed-block > iframe,
  .low-contents01 .article .contents .article-body .post-embed-block > embed,
  .low-contents01 .article .contents .article-body .post-embed-block > video,
  .low-contents01 .article .contents .article-body .post-embed-outer > iframe,
  .low-contents01 .article .contents .article-body .post-embed-outer > embed,
  .low-contents01 .article .contents .article-body .post-embed-outer > video,
  .low-contents01 .article .contents .article-view-body .post-embed-block > iframe,
  .low-contents01 .article .contents .article-view-body .post-embed-block > embed,
  .low-contents01 .article .contents .article-view-body .post-embed-block > video,
  .low-contents01 .article .contents .article-view-body .post-embed-outer > iframe,
  .low-contents01 .article .contents .article-view-body .post-embed-outer > embed,
  .low-contents01 .article .contents .article-view-body .post-embed-outer > video,
  .low-contents01 .article .contents .article-view-web-body .post-embed-block > iframe,
  .low-contents01 .article .contents .article-view-web-body .post-embed-block > embed,
  .low-contents01 .article .contents .article-view-web-body .post-embed-block > video,
  .low-contents01 .article .contents .article-view-web-body .post-embed-outer > iframe,
  .low-contents01 .article .contents .article-view-web-body .post-embed-outer > embed,
  .low-contents01 .article .contents .article-view-web-body .post-embed-outer > video,
  .low-contents02 .article .contents .article-body .post-embed-block > iframe,
  .low-contents02 .article .contents .article-body .post-embed-block > embed,
  .low-contents02 .article .contents .article-body .post-embed-block > video,
  .low-contents02 .article .contents .article-body .post-embed-outer > iframe,
  .low-contents02 .article .contents .article-body .post-embed-outer > embed,
  .low-contents02 .article .contents .article-body .post-embed-outer > video {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }
  .low-contents01 .article .contents .article-body .post-button-block,
  .low-contents01 .article .contents .article-view-body .post-button-block,
  .low-contents01 .article .contents .article-view-web-body .post-button-block,
  .low-contents02 .article .contents .article-body .post-button-block {
    text-align: center;
  }
  .low-contents01 .article .contents .article-body .post-pdf-button,
  .low-contents01 .article .contents .article-view-body .post-pdf-button,
  .low-contents01 .article .contents .article-view-web-body .post-pdf-button,
  .low-contents02 .article .contents .article-body .post-pdf-button {
    text-align: center;
  }
  .low-contents01 .article .contents .article-body .post-pdf-button a.pdf,
  .low-contents01 .article .contents .article-view-body .post-pdf-button a.pdf,
  .low-contents01 .article .contents .article-view-web-body .post-pdf-button a.pdf,
  .low-contents02 .article .contents .article-body .post-pdf-button a.pdf {
    min-width: 37.33333vw;
    font-size: 1.0rem;
    line-height: 1.0em;
    font-weight: 500;
    padding: 0.8em;
    background-color: #6B6B6B;
  }
  .low-contents01 .article .contents .article-body .post-pdf-button a.pdf:before,
  .low-contents01 .article .contents .article-view-body .post-pdf-button a.pdf:before,
  .low-contents01 .article .contents .article-view-web-body .post-pdf-button a.pdf:before,
  .low-contents02 .article .contents .article-body .post-pdf-button a.pdf:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1.0em;
    height: 1.0em;
    background-image: url("../img/ic_pdf_white.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    margin-right: 0.4em;
    margin-bottom: -0.2em;
  }
  .low-contents01 .article .contents .article-body .post-pdf-button a.download,
  .low-contents01 .article .contents .article-view-body .post-pdf-button a.download,
  .low-contents01 .article .contents .article-view-web-body .post-pdf-button a.download,
  .low-contents02 .article .contents .article-body .post-pdf-button a.download {
    min-width: 37.33333vw;
    font-size: 1.0rem;
    line-height: 1.0em;
    font-weight: 500;
    padding: 0.8em;
    background-color: #6B6B6B;
  }
  .low-contents01 .article .contents .article-body .post-pdf-button a.download:before,
  .low-contents01 .article .contents .article-view-body .post-pdf-button a.download:before,
  .low-contents01 .article .contents .article-view-web-body .post-pdf-button a.download:before,
  .low-contents02 .article .contents .article-body .post-pdf-button a.download:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1.0em;
    height: 1.0em;
    background-image: url("../img/ic_download.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    margin-right: 0.4em;
    margin-bottom: -0.2em;
  }
  .low-contents01 .article .contents .article-body .post-pdf-button a.html,
  .low-contents01 .article .contents .article-view-body .post-pdf-button a.html,
  .low-contents01 .article .contents .article-view-web-body .post-pdf-button a.html,
  .low-contents02 .article .contents .article-body .post-pdf-button a.html {
    min-width: 37.33333vw;
    font-size: 1.0rem;
    line-height: 1.0em;
    font-weight: 500;
    padding: 0.8em;
    background-color: #6B6B6B;
  }
  .low-contents01 .article .contents .article-body .post-pdf-button a.html:before,
  .low-contents01 .article .contents .article-view-body .post-pdf-button a.html:before,
  .low-contents01 .article .contents .article-view-web-body .post-pdf-button a.html:before,
  .low-contents02 .article .contents .article-body .post-pdf-button a.html:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1.0em;
    height: 1.0em;
    background-image: url("../img/ic_html_white.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    margin-right: 0.4em;
    margin-bottom: -0.2em;
  }
  .low-contents01 .article .contents .article-body .post-qa,
  .low-contents01 .article .contents .article-view-body .post-qa,
  .low-contents01 .article .contents .article-view-web-body .post-qa,
  .low-contents02 .article .contents .article-body .post-qa {
    padding-bottom: 1.5em;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 2.0em;
  }
  .low-contents01 .article .contents .article-body .post-qa:nth-last-child(1),
  .low-contents01 .article .contents .article-view-body .post-qa:nth-last-child(1),
  .low-contents01 .article .contents .article-view-web-body .post-qa:nth-last-child(1),
  .low-contents02 .article .contents .article-body .post-qa:nth-last-child(1) {
    padding-bottom: 0;
    border-bottom: none;
  }
  .low-contents01 .article .contents .article-body .post-qa .question,
  .low-contents01 .article .contents .article-view-body .post-qa .question,
  .low-contents01 .article .contents .article-view-web-body .post-qa .question,
  .low-contents02 .article .contents .article-body .post-qa .question {
    font-size: 1.125rem;
    line-height: 1.5em;
    font-weight: 500;
    padding-left: 8vw;
    position: relative;
    margin-bottom: 0.6em;
  }
  .low-contents01 .article .contents .article-body .post-qa .question:before,
  .low-contents01 .article .contents .article-view-body .post-qa .question:before,
  .low-contents01 .article .contents .article-view-web-body .post-qa .question:before,
  .low-contents02 .article .contents .article-body .post-qa .question:before {
    content: "Q";
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 6.93333vw;
    height: 6.93333vw;
    border-radius: 1.06667vw;
    background-color: #0A9BBF;
    color: #ffffff;
    font-family: 'Inter', Arial, Helvetica, "sans-serif";
    font-size: 1.5rem;
    line-height: 1.0em;
    font-weight: 600;
  }
  .low-contents01 .article .contents .article-body .post-qa .answer,
  .low-contents01 .article .contents .article-view-body .post-qa .answer,
  .low-contents01 .article .contents .article-view-web-body .post-qa .answer,
  .low-contents02 .article .contents .article-body .post-qa .answer {
    zoom: 1;
  }
  .low-contents01 .article .contents .article-body .post-qa .answer:after,
  .low-contents01 .article .contents .article-view-body .post-qa .answer:after,
  .low-contents01 .article .contents .article-view-web-body .post-qa .answer:after,
  .low-contents02 .article .contents .article-body .post-qa .answer:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: " ";
    line-height: 0;
  }
  .low-contents01 .article .contents .article-body .post-qa .answer:before,
  .low-contents01 .article .contents .article-view-body .post-qa .answer:before,
  .low-contents01 .article .contents .article-view-web-body .post-qa .answer:before,
  .low-contents02 .article .contents .article-body .post-qa .answer:before {
    content: "A";
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    float: left;
    margin: 0 0.4em 0.2em 0;
    width: 6.93333vw;
    height: 6.93333vw;
    border-radius: 1.06667vw;
    background-color: #0A9BBF;
    color: #ffffff;
    font-family: 'Inter', Arial, Helvetica, "sans-serif";
    font-size: 1.5rem;
    line-height: 1.0em;
    font-weight: 600;
  }
  .low-contents01 .article .contents .article-body .post-qa .answer > *,
  .low-contents01 .article .contents .article-view-body .post-qa .answer > *,
  .low-contents01 .article .contents .article-view-web-body .post-qa .answer > *,
  .low-contents02 .article .contents .article-body .post-qa .answer > * {
    margin-bottom: 1.5em;
  }
  .low-contents01 .article .contents .article-body .post-qa .answer > *:nth-last-child(1),
  .low-contents01 .article .contents .article-view-body .post-qa .answer > *:nth-last-child(1),
  .low-contents01 .article .contents .article-view-web-body .post-qa .answer > *:nth-last-child(1),
  .low-contents02 .article .contents .article-body .post-qa .answer > *:nth-last-child(1) {
    margin-bottom: 0;
  }
  .low-contents01 .article .contents .article-body .post-profile,
  .low-contents01 .article .contents .article-view-body .post-profile,
  .low-contents01 .article .contents .article-view-web-body .post-profile,
  .low-contents02 .article .contents .article-body .post-profile {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #cccccc;
    padding: 0.8em;
    zoom: 1;
  }
  .low-contents01 .article .contents .article-body .post-profile:after,
  .low-contents01 .article .contents .article-view-body .post-profile:after,
  .low-contents01 .article .contents .article-view-web-body .post-profile:after,
  .low-contents02 .article .contents .article-body .post-profile:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: " ";
    line-height: 0;
  }
  .low-contents01 .article .contents .article-body .post-profile .image,
  .low-contents01 .article .contents .article-view-body .post-profile .image,
  .low-contents01 .article .contents .article-view-web-body .post-profile .image,
  .low-contents02 .article .contents .article-body .post-profile .image {
    width: 20%;
    margin-left: 5%;
    margin-bottom: 1.6vw;
    float: right;
  }
  .low-contents01 .article .contents .article-body .post-profile .image img,
  .low-contents01 .article .contents .article-view-body .post-profile .image img,
  .low-contents01 .article .contents .article-view-web-body .post-profile .image img,
  .low-contents02 .article .contents .article-body .post-profile .image img {
    width: 100%;
    height: auto;
  }
  .low-contents01 .article .contents .article-body .post-profile .data .name,
  .low-contents01 .article .contents .article-view-body .post-profile .data .name,
  .low-contents01 .article .contents .article-view-web-body .post-profile .data .name,
  .low-contents02 .article .contents .article-body .post-profile .data .name {
    font-size: 1.125rem;
    line-height: 1.25em;
    font-weight: 500;
  }
  .low-contents01 .article .contents .article-body .post-profile .data .text,
  .low-contents01 .article .contents .article-view-body .post-profile .data .text,
  .low-contents01 .article .contents .article-view-web-body .post-profile .data .text,
  .low-contents02 .article .contents .article-body .post-profile .data .text {
    margin-top: 0.875rem;
    font-size: 1.0rem;
    line-height: 1.5em;
  }
  #recomend-banner {
    display: none;
    position: fixed;
    max-width: 76%;
    bottom: 5.33333vw;
    left: 0;
    right: 0;
    z-index: 9999999;
    margin: 0 auto;
    overflow: visible;
  }
  #recomend-banner > .banner-inner {
    width: 100%;
    border-radius: 4.26667vw;
    background-color: #ffffff;
  }
  #recomend-banner > .banner-inner a {
    display: block;
    width: 100%;
    color: #000000;
    text-decoration: none;
    border: 0.53333vw solid #03b5fa;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 76vw;
    border-radius: 4.26667vw;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 2.66667vw rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0px 2.66667vw rgba(0, 0, 0, 0.35);
  }
  #recomend-banner > .banner-inner .heading {
    display: block;
    background: #0a9bbf;
    background: -webkit-linear-gradient(315deg, #03b5fa 0%, #0a9bbf 100%);
    background: linear-gradient(135deg, #03b5fa 0%, #0a9bbf 100%);
    padding: 2.13333vw 2.13333vw;
    text-align: center;
    font-size: 3.46667vw;
    line-height: 1.25em;
    font-weight: bold;
    color: #ffffff;
  }
  #recomend-banner > .banner-inner .banner {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2.13333vw 3.2vw;
    min-height: 21.33333vw;
    text-align: left;
    background: #ffffff;
    color: #000000;
    -webkit-box-shadow: 0px 1.33333vw 2.66667vw rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1.33333vw 2.66667vw rgba(0, 0, 0, 0.15);
    text-decoration: none;
    font-weight: bold;
    width: 100%;
    font-size: 3.46667vw;
    line-height: 1.75em;
  }
  #recomend-banner > .banner-inner .banner span.text {
    font-size: 1.0em;
  }
  #recomend-banner > .banner-inner .banner span.note {
    font-size: 0.825em;
    font-weight: normal;
    line-height: 1.5em;
    margin-top: 0.6em;
  }
  #recomend-banner .banner-close {
    width: 8.53333vw;
    height: 8.53333vw;
    border-radius: 8.53333vw;
    text-align: center;
    overflow: hidden;
    background-color: #666666;
    color: #ffffff;
    text-decoration: none;
    font-size: 4.26667vw;
    line-height: 1.0em;
    letter-spacing: normal;
    position: absolute;
    left: -1.6vw;
    top: -1.6vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

/* # =================================================================
#	フッター
# ================================================================= */
@media print, screen and (min-width: 521px) {
  #bottom-banners {
    background-color: #EBEBEB;
    margin-bottom: 40px;
  }
  #bottom-banners .banners {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 920px;
    margin: 0 auto;
    padding: 20px 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  #bottom-banners .banners > p {
    margin: 20px 20px;
    width: 320px;
  }
  #bottom-banners .banners > p img {
    width: 100%;
    height: auto;
  }
  #beneFooter {
    background-color: #ffffff;
  }
  #beneFooter > .inner {
    width: 1094px;
    margin: 0 auto;
    padding: 40px 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #beneFooter .logo {
    font-size: 12px;
    line-height: 1.2em;
    width: 87px;
  }
  #beneFooter .logo img {
    display: block;
    width: 100%;
    height: auto;
  }
  #beneFooter .copy {
    margin-left: 60px;
    margin-right: auto;
    font-size: 12px;
    line-height: 1.2em;
  }
  #beneFooter .g-cmn {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  #beneFooter .g-cmn > li {
    margin: 0 0 0 1.5em;
    padding: 0;
    font-size: 12px;
    line-height: 1.2em;
  }
  #beneFooter .g-cmn > li a:before {
    display: inline-block;
    content: ' ';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 2px 0 2px 5px;
    border-color: transparent transparent transparent #0A9BBF;
    vertical-align: middle;
    margin-top: -0.2em;
    margin-right: 0.4em;
  }
  #beneFooter .g-cmn > li a:link,
  #beneFooter .g-cmn > li a:visited {
    color: #000000;
    text-decoration: none;
  }
  #beneFooter .g-cmn > li a:hover,
  #beneFooter .g-cmn > li a:active {
    color: #0A9BBF;
    text-decoration: none;
  }
  #foot {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #ffffff;
    width: 100%;
    min-width: 1160px;
    padding: 0px;
    -webkit-backface-visibility: hidden;
    background-color: #EBEBEB;
    position: relative;
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 1000;
  }
  #foot #foot-inner {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 1094px;
    margin: 0 auto;
    padding: 50px 0px 50px;
  }
  #foot #copyright {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 13px;
    line-height: 1.0em;
    font-weight: 700;
  }
  #foot #foot-topagetop {
    display: none;
    position: fixed;
    right: 24px;
    bottom: 24px;
    width: 40px;
    height: 40px;
  }
  #foot #foot-topagetop a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: left;
    text-indent: -9000px;
    background-image: url("../img/ic_sprite.svg#pagetop");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
  }
  #foot .logo a {
    display: block;
    color: #535353;
    text-decoration: none !important;
    width: 160px;
    height: 26px;
    background-image: url("../img/logo.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    overflow: hidden;
    text-align: left;
    text-indent: -9000px;
  }
  #foot .nav {
    padding-top: 8px;
    z-index: 999;
  }
  #foot .nav > ul.foot-theme-nav {
    z-index: 999;
  }
  #foot .nav > ul.foot-theme-nav > li {
    font-size: 1.0rem;
    line-height: 1.0em;
    font-weight: 500;
  }
  #foot .nav > ul.foot-theme-nav > li > a {
    cursor: pointer;
    text-decoration: none;
  }
  #foot .nav > ul.foot-theme-nav > li > a:hover {
    text-decoration: none;
  }
  #foot .nav > ul.foot-theme-nav > li > a:before, #foot .nav > ul.foot-theme-nav > li > a:after {
    display: none;
  }
  #foot .nav > ul.foot-theme-nav > li.view {
    color: #2883E7;
  }
  #foot .nav > ul.foot-theme-nav > li.view > a {
    color: #2883E7;
  }
  #foot .nav > ul.foot-theme-nav > li.view > a:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url("../img/ic_book_view.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    margin-right: 4px;
    margin-bottom: 2px;
    vertical-align: middle;
  }
  #foot .nav > ul.foot-theme-nav > li.hs {
    color: #F69C27;
  }
  #foot .nav > ul.foot-theme-nav > li.hs > a {
    color: #F69C27;
  }
  #foot .nav > ul.foot-theme-nav > li.board {
    color: #5AB052;
  }
  #foot .nav > ul.foot-theme-nav > li.board > a {
    color: #5AB052;
  }
  #foot .nav > ul.foot-theme-nav > li > ul > li {
    font-size: 0.825em;
    line-height: 1.25em;
  }
  #foot .nav > ul.foot-theme-nav > li > ul.foot-theme-list > li > a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 8px;
    background-image: url("../img/ic_arw_theme.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    margin-right: 3px;
  }
  #foot .nav > ul.foot-theme-nav > li > .foot-theme-children {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    left: auto;
    right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 800px;
    padding-left: 16px;
    padding-right: 16px;
  }
  #foot .nav > ul.foot-theme-nav > li > .foot-theme-children > li {
    border-bottom: none;
    border-right: none;
    padding: 10px 16px 10px 16px;
  }
  #foot .nav > ul.foot-theme-nav > li > .foot-theme-children > li:nth-last-child(1) {
    border-right: 0;
  }
  #foot .nav > ul.foot-theme-nav > li > .foot-theme-children > li .data > .heading {
    font-weight: 500;
  }
  #foot .nav > ul.foot-theme-nav > li > .foot-theme-children > li .data > ul.foot-theme-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-left: 10px;
  }
  #foot .nav > ul.foot-theme-nav > li > .foot-theme-children > li .data > ul.foot-theme-list > li {
    padding: 0;
    margin: 5px 0 0 0;
    color: #2a2a2a;
    font-weight: normal;
  }
  #foot .nav > ul.foot-theme-nav > li > .foot-theme-children > li .data > ul.foot-theme-list > li a {
    color: #2a2a2a;
    text-decoration: none;
  }
  #foot .nav > ul.foot-theme-nav > li > .foot-theme-children > li .data > ul.foot-theme-list > li a:hover {
    text-decoration: underline;
  }
  #foot .nav > ul.foot-theme-nav > li > .foot-theme-children > li .data > ul.foot-theme-list > li a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 8px;
    background-image: url("../img/ic_arw_theme.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    margin-right: 3px;
  }
  #foot .nav > ul {
    list-style-type: none;
    margin: 0 0 16px 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    z-index: 2;
  }
  #foot .nav > ul:nth-last-child(1) {
    margin-bottom: 0;
    z-index: 1;
  }
  #foot .nav > ul > li {
    margin: 0;
    padding: 0 10px;
    border-right: 1px solid #707070;
    font-size: 12px;
    line-height: 1.0em;
    position: relative;
  }
  #foot .nav > ul > li .logo-nexpress {
    width: 65px;
    height: 12px;
    margin-top: 0.2em;
  }
  #foot .nav > ul > li:nth-child(1) {
    padding-left: 0;
  }
  #foot .nav > ul > li:nth-last-child(1) {
    padding-right: 0;
    border-right: none;
  }
  #foot .nav > ul > li > a {
    color: #2a2a2a;
    position: relative;
  }
  #foot .nav > ul > li > a:after {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    content: "";
    width: calc(100% - 20px - 4px);
    height: 1px;
    background-color: transparent;
    position: absolute;
    right: 0;
    bottom: -1px;
  }
  #foot .nav > ul > li > a:link, #foot .nav > ul > li > a:visited {
    text-decoration: none;
  }
  #foot .nav > ul > li > a:link:after, #foot .nav > ul > li > a:visited:after {
    background-color: transparent;
  }
  #foot .nav > ul > li > a:hover, #foot .nav > ul > li > a:active {
    text-decoration: none;
  }
  #foot .nav > ul > li > a:hover:after, #foot .nav > ul > li > a:active:after {
    background-color: #2a2a2a;
  }
  #foot .nav > ul > li > a:before {
    content: " ";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 4px;
    margin-bottom: 2px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
  }
  #foot .nav > ul > li.news > a:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#school");
  }
  #foot .nav > ul > li.innovation > a:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#innovation");
  }
  #foot .nav > ul > li.consult > a:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#consult");
  }
  #foot .nav > ul > li.opinion > a:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#opinion");
  }
  #foot .nav > ul > li.current > a:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#current");
  }
  #foot .nav > ul > li.backnumber > a:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#backnumber");
  }
  #foot .nav > ul > li.company > a:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#office");
  }
  #foot .nav > ul > li.contact > a:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#phone");
  }
  #foot .nav > ul > li.common > a:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#rule");
  }
  #foot .nav > ul > li.privacy > a:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#privacy");
  }
  #foot .nav > ul > li > ul {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    visibility: hidden;
    opacity: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-radius: 0px;
    background-color: #FEFEFE;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
    width: 100%;
    position: absolute;
    left: 0;
    top: 26px;
  }
  #foot .nav > ul > li > ul > li {
    margin: 0;
    padding: 10px 8px 10px 16px;
    border-bottom: 1px solid #B1B1B1;
    letter-spacing: 0;
  }
  #foot .nav > ul > li > ul > li:nth-last-child(1) {
    border-bottom: none;
  }
  #foot .nav > ul > li > ul > li > a:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 4px;
    background-image: url("../img/ic_arw_bn.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: auto 100%;
  }
  #foot .nav > ul > li > ul > li > a:link, #foot .nav > ul > li > ul > li > a:visited {
    color: #2a2a2a;
    text-decoration: none;
  }
  #foot .nav > ul > li > ul > li > a:hover, #foot .nav > ul > li > ul > li > a:active {
    color: #2a2a2a;
    text-decoration: underline;
  }
  #foot .nav > ul > li > ul.open {
    visibility: visible;
    opacity: 1.0;
  }
  #foot .sns {
    position: absolute;
    left: 0px;
    top: 90px;
    width: 160px;
  }
  #foot .sns .addtoany_shortcode .addtoany_list a {
    margin: 0 6px;
  }
  #foot .sns li {
    margin: 0 6px;
  }
}

@media print, screen and (min-width: 521px) and (min-width: 521px) {
  #foot .sns li a {
    width: 28px;
    height: 28px;
  }
}

@media only screen and (max-width: 520px) {
  #bottom-banners {
    background-color: #EBEBEB;
    padding: 8.53333vw 6.4vw;
    margin-bottom: 10.66667vw;
  }
  #bottom-banners .banners {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  #bottom-banners .banners > p {
    text-align: center;
    margin-bottom: 6.4vw;
  }
  #bottom-banners .banners > p:nth-last-child(1) {
    margin-bottom: 0;
  }
  #bottom-banners .banners > p img {
    width: 100%;
    height: auto;
  }
  #beneFooter {
    background-color: #ffffff;
  }
  #beneFooter > .inner {
    margin: 0 auto;
    padding: 8vw 5.33333vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #beneFooter .logo {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    font-size: 12px;
    line-height: 1.2em;
    width: 30.13333vw;
    margin-bottom: 8vw;
  }
  #beneFooter .logo img {
    display: block;
    width: 100%;
    height: auto;
  }
  #beneFooter .copy {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    text-align: center;
    font-size: 0.875rem;
    line-height: 1.2em;
  }
  #beneFooter .g-cmn {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  #beneFooter .g-cmn > li {
    margin: 0 0.7em 8vw;
    padding: 0;
    font-size: 0.875rem;
    line-height: 1.2em;
  }
  #beneFooter .g-cmn > li a:before {
    display: inline-block;
    content: ' ';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.53333vw 0 0.53333vw 1.33333vw;
    border-color: transparent transparent transparent #0A9BBF;
    vertical-align: middle;
    margin-top: -0.2em;
    margin-right: 0.4em;
  }
  #beneFooter .g-cmn > li a:link,
  #beneFooter .g-cmn > li a:visited {
    color: #000000;
    text-decoration: none;
  }
  #beneFooter .g-cmn > li a:hover,
  #beneFooter .g-cmn > li a:active {
    color: #0A9BBF;
    text-decoration: none;
  }
  #foot {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #ffffff;
    width: 100%;
    padding: 0px;
    -webkit-backface-visibility: hidden;
    background-color: #EBEBEB;
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 999;
  }
  #foot #foot-inner {
    position: relative;
    padding: 6.4vw 5.33333vw 4.26667vw;
  }
  #foot #copyright {
    text-align: center;
    color: #ffffff;
    font-size: 3.2vw;
    line-height: 1.0em;
    font-weight: 700;
    margin-top: 7.46667vw;
  }
  #foot #foot-topagetop {
    display: none;
    position: fixed;
    right: 3.2vw;
    bottom: 6.4vw;
    width: 7.46667vw;
    height: 7.46667vw;
  }
  #foot #foot-topagetop a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: left;
    text-indent: -9000px;
    background-image: url("../img/ic_sprite.svg#pagetop");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
  }
  #foot .logo a {
    display: block;
    color: #535353;
    text-decoration: none !important;
    width: 50.66667vw;
    height: 8.26667vw;
    background-image: url("../img/logo.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    overflow: hidden;
    text-align: left;
    text-indent: -9000px;
    margin-bottom: 6.4vw;
  }
  #foot .nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #foot .nav > ul.foot-theme-nav > li {
    font-size: 1.25rem;
    line-height: 1.0em;
    font-weight: 500;
  }
  #foot .nav > ul.foot-theme-nav > li > a {
    cursor: pointer;
    text-decoration: none;
  }
  #foot .nav > ul.foot-theme-nav > li > a:hover {
    text-decoration: none;
  }
  #foot .nav > ul.foot-theme-nav > li > a:before, #foot .nav > ul.foot-theme-nav > li > a:after {
    display: none;
  }
  #foot .nav > ul.foot-theme-nav > li.view {
    color: #2883E7;
  }
  #foot .nav > ul.foot-theme-nav > li.view > a {
    color: #2883E7;
  }
  #foot .nav > ul.foot-theme-nav > li.view > a:before {
    content: "";
    display: inline-block;
    width: 4.8vw;
    height: 4.8vw;
    margin-right: 1.06667vw;
    margin-bottom: 1.06667vw;
    background-image: url("../img/ic_book_view.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    vertical-align: middle;
  }
  #foot .nav > ul.foot-theme-nav > li.hs {
    color: #F69C27;
  }
  #foot .nav > ul.foot-theme-nav > li.hs > a {
    color: #F69C27;
  }
  #foot .nav > ul.foot-theme-nav > li.board {
    color: #5AB052;
  }
  #foot .nav > ul.foot-theme-nav > li.board > a {
    color: #5AB052;
  }
  #foot .nav > ul.foot-theme-nav > li > ul {
    padding-left: 1.0em;
  }
  #foot .nav > ul.foot-theme-nav > li > ul > li {
    font-size: 0.825em;
    line-height: 1.25em;
  }
  #foot .nav > ul.foot-theme-nav > li > ul.foot-theme-list > li > a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1.6vw;
    height: 2.13333vw;
    background-image: url("../img/ic_arw_theme.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    margin-right: 0.8vw;
  }
  #foot .nav > ul.foot-theme-nav > li > .foot-theme-children {
    display: block;
  }
  #foot .nav > ul.foot-theme-nav > li > .foot-theme-children > li .data > .heading {
    font-weight: 500;
  }
  #foot .nav > ul.foot-theme-nav > li > .foot-theme-children > li .data > ul.foot-theme-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-left: 1.0em;
  }
  #foot .nav > ul.foot-theme-nav > li > .foot-theme-children > li .data > ul.foot-theme-list > li {
    padding: 0;
    margin: 0.4em 0 0 0;
    color: #2a2a2a;
    font-weight: normal;
  }
  #foot .nav > ul.foot-theme-nav > li > .foot-theme-children > li .data > ul.foot-theme-list > li a {
    color: #2a2a2a;
    text-decoration: none;
  }
  #foot .nav > ul.foot-theme-nav > li > .foot-theme-children > li .data > ul.foot-theme-list > li a:hover {
    text-decoration: underline;
  }
  #foot .nav > ul.foot-theme-nav > li > .foot-theme-children > li .data > ul.foot-theme-list > li a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1.6vw;
    height: 2.13333vw;
    background-image: url("../img/ic_arw_theme.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    margin-right: 0.8vw;
  }
  #foot .nav > ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  #foot .nav > ul > li {
    margin: 0;
    padding: 0;
    font-size: 3.73333vw;
    line-height: 1.0em;
    margin-bottom: 3.2vw;
  }
  #foot .nav > ul > li .logo-nexpress {
    width: 20.26667vw;
    height: 3.73333vw;
    margin-top: 0.2em;
  }
  #foot .nav > ul > li > a {
    display: inline-block;
    color: #2a2a2a;
  }
  #foot .nav > ul > li > a:link, #foot .nav > ul > li > a:visited {
    text-decoration: none;
  }
  #foot .nav > ul > li > a:hover, #foot .nav > ul > li > a:active {
    text-decoration: underline;
  }
  #foot .nav > ul > li > a:before {
    content: " ";
    display: inline-block;
    width: 5.33333vw;
    height: 5.33333vw;
    margin-right: 1.06667vw;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
  }
  #foot .nav > ul > li.backnumber {
    white-space: nowrap;
    margin-right: -3.0em;
  }
  #foot .nav > ul > li.privacy {
    white-space: nowrap;
  }
  #foot .nav > ul > li.news > a:before {
    background-image: url("../img/ic_sprite.svg#school");
  }
  #foot .nav > ul > li.innovation > a:before {
    background-image: url("../img/ic_sprite.svg#innovation");
  }
  #foot .nav > ul > li.consult > a:before {
    background-image: url("../img/ic_sprite.svg#consult");
  }
  #foot .nav > ul > li.opinion > a:before {
    background-image: url("../img/ic_sprite.svg#opinion");
  }
  #foot .nav > ul > li.current > a:before {
    background-image: url("../img/ic_sprite.svg#current");
  }
  #foot .nav > ul > li.backnumber > a:before {
    background-image: url("../img/ic_sprite.svg#backnumber");
  }
  #foot .nav > ul > li.company > a:before {
    background-image: url("../img/ic_sprite.svg#office");
  }
  #foot .nav > ul > li.contact > a:before {
    background-image: url("../img/ic_sprite.svg#phone");
  }
  #foot .nav > ul > li.common > a:before {
    background-image: url("../img/ic_sprite.svg?t=20220318#rule");
  }
  #foot .nav > ul > li.rule > a:before {
    background-image: url("../img/ic_sprite.svg#rule");
  }
  #foot .nav > ul > li.privacy > a:before {
    background-image: url("../img/ic_sprite.svg#privacy");
  }
  #foot .nav > ul > li > ul {
    list-style-type: none;
    margin: 0;
    padding: 2.66667vw 0 0 8vw;
  }
  #foot .nav > ul > li > ul > li {
    margin: 0;
    padding: 0 0 2.66667vw 0;
  }
  #foot .nav > ul > li > ul > li > a:before {
    content: "";
    display: inline-block;
    width: 3.2vw;
    height: 3.2vw;
    margin-right: 1.06667vw;
    background-image: url("../img/ic_arw_bn.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: auto 100%;
  }
  #foot .nav > ul > li > ul > li > a:link, #foot .nav > ul > li > ul > li > a:visited {
    color: #000000;
    text-decoration: none;
  }
  #foot .nav > ul > li > ul > li > a:hover, #foot .nav > ul > li > ul > li > a:active {
    color: #000000;
    text-decoration: underline;
  }
  #foot .nav > ul > li > ul.open {
    visibility: visible;
    opacity: 1.0;
  }
  #foot .sns {
    margin-top: 6.4vw;
  }
}

/*# sourceMappingURL=common.css.map */