@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');

/*! normalize.css v7.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
*    IE on Windows Phone and in iOS.
*/

html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
========================================================================== */

/**
* Remove the margin in all browsers (opinionated).
*/

body {
  margin: 0;
}

/**
* Add the correct display in IE 9-.
*/

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
========================================================================== */

/**
* Add the correct display in IE 9-.
* 1. Add the correct display in IE.
*/

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
* Add the correct margin in IE 8.
*/

figure {
  margin: 1em 40px;
}

/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/

hr {
  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
========================================================================== */

/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
* 1. Remove the bottom border in Chrome 57- and Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/

b,
strong {
  font-weight: inherit;
}

/**
* 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 style in Android 4.3-.
*/

dfn {
  font-style: italic;
}

/**
* Add the correct background and color in IE 9-.
*/

mark {
  background-color: #ff0;
  color: #000;
}

/**
* 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
========================================================================== */

/**
* Add the correct display in IE 9-.
*/

audio,
video {
  display: inline-block;
}

/**
* Add the correct display in iOS 4-7.
*/

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
* Remove the border on images inside links in IE 10-.
*/

img {
  border-style: none;
}

/**
* Hide the overflow in IE.
*/

svg:not(:root) {
  overflow: hidden;
}

/* Forms
========================================================================== */

/**
* 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/

button,
input { /* 1 */
  overflow: visible;
}

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

button,
select { /* 1 */
  text-transform: none;
}

/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
*    controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
* 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 {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
* Remove the default vertical scrollbar in IE.
*/

textarea {
  overflow: auto;
}

/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/

[type="checkbox"],
[type="radio"] {
  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 and cancel buttons in Chrome and Safari on macOS.
*/

[type="search"]::-webkit-search-cancel-button,
[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 IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
*/

details, /* 1 */
menu {
  display: block;
}

/*
* Add the correct display in all browsers.
*/

summary {
  display: list-item;
}

/* Scripting
========================================================================== */

/**
* Add the correct display in IE 9-.
*/

canvas {
  display: inline-block;
}

/**
* Add the correct display in IE.
*/

template {
  display: none;
}

/* Hidden
========================================================================== */

/**
* Add the correct display in IE 10-.
*/

[hidden] {
  display: none;
}

/*
----------------------------------------------------------------

CGER Web - base

---------------------------------------------------------------- */

html {
  box-sizing: border-box;
  font-size: 16px;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

*:lang(en) {
  letter-spacing: normal;
}

body {
  background-color: hsla(0, 0%, 100%, 1);
  color: hsla(0, 0%, 0%, .8);
  display: flex;
  flex-direction: column;
  font-family: /* -apple-system, BlinkMacSystemFont, */
    Roboto, "Segoe UI", "Helvetica Neue", Helvetica, Arial,
    "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", YuGothic,
    "Yu Gothic Medium", "Yu Gothic", "游ゴシック", Meiryo, "メイリオ", "MS Gothic", "ＭＳ ゴシック", sans-serif;
  font-size: .9375rem;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  min-height: 100vh;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

body:lang(en) {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-rendering: optimizeLegibility;
}

/* ::selection {
  background-color: hsla(208, 100%, 90%, 1);
} */

code {
  font-family: Menlo, Consolas, monospace;
  font-size: 93.75%;
}

b,
strong {
  font-weight: 700;
}

b:lang(ja),
strong:lang(ja) {
  font-family: /* -apple-system, BlinkMacSystemFont, */
    Roboto, "Segoe UI", "Helvetica Neue", Helvetica, Arial,
    "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", YuGothic,
    "Yu Gothic", "游ゴシック", Meiryo, "メイリオ", "MS Gothic", "ＭＳ ゴシック", sans-serif;
  font-weight: 600;
}

i,
em {
  font-style: italic;
}

em:lang(ja) {
  font-style: normal;
  -webkit-text-emphasis: dot;
  text-emphasis: dot;
}

mark {
  background: linear-gradient(transparent 66%, hsla(208, 100%, 90%, 1) 66%);
  color: inherit;
}

a {
  color: hsla(198, 98%, 42%, 1);
  text-decoration: none;
  -webkit-transition: all .1s ease 0s;
  transition: all .1s ease 0s;
}

a[href^="tel"] {
  color: inherit;
}

img {
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

hr {
  border: 0;
  border-top: 1px solid hsla(208, 32%, 22%, .2);
  margin: 2.5rem 0;
}

ul {
  list-style: none;
  margin: 1.5em 0;
  padding: 0 0 0 1.5em;
}

ol {
  margin: 1.5em 0;
  padding: 0 0 0 1.5em;
}

.kern {
  letter-spacing: -0.5em;
}

.kern-left2 {
  margin-left: -0.5em;
}

.kern-left4 {
  margin-left: -0.25em;
}

.kern-right2 {
  margin-right: -0.5em;
}

.kern-right4 {
  margin-right: -0.25em;
}

.dash {
  display: inline-block;
  font-weight: lighter;
  padding: 0 .125em;
  -ms-transform: scale(1.25, 1);
  -webkit-transform: scale(1.25, 1);
  transform: scale(1.25, 1);
}

.dash-2x {
  display: inline-block;
  font-weight: lighter;
  padding: 0 .5em;
  -ms-transform: scale(2.375, 1);
  -webkit-transform: scale(2.375, 1);
  transform: scale(2.375, 1);
}

.break {
  word-break: break-all;
}

.nowrap {
  white-space: nowrap;
}

.faded {
  opacity: .5;
}

.hidden {
  display: none;
}

/*
element
---------------------------------------------------------------- */

.btn {
  display: table;
  margin: .5rem auto;
  min-width: 50%;
}

.btn a {
  background-color: hsla(0, 0%, 100%, 1);
  border: 1px solid hsla(208, 32%, 22%, .8);
  color: hsla(0, 0%, 0%, .8);
  display: table-cell;
  font-size: calc(1em * 8 / 9);
  height: 5em;
  padding: 0 4em;
  position: relative;
  text-align: center;
  -webkit-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
  vertical-align: middle;
}

.btn a:hover {
  background-color: hsla(208, 10%, 97%, 1);
}

.btn a::after {
  bottom: 0;
  content: url(/assets/images/common/arrow-right-black.svg);
  display: block;
  height: .875rem;
  margin: auto;
  position: absolute;
  right: 1.25rem;
  top: 0;
  width: .875rem;
}

/*
layout - header
---------------------------------------------------------------- */

.header {
  font-size: .875rem;
}

.header-container--logo {
  padding: 0 .6875rem;
}

.header-container--logo .header-lang {
  display: none;
}

.header-column {
  padding: 0 .5rem;
}

.header__logo,
.news-header__logo {
  align-items: center;
  display: flex;
  height: 4rem;
  margin: 0;
}

.header__logo-image {
  width: 11.25rem;
}

.header__logo-image:lang(en) {
  width: 14rem;
}


/*ADD 2023.6.5*/
/*NIESロゴ*/
.symbol {
    width: 140px;
    position: absolute;
    right: 1.5rem;
    top: 20px;
}
.symbol img {
    width: 110px;
}
.symbol:lang(en) {
    width: 60px;
    position: absolute;
    right: 50px;
    top: 25px;
}
.symbol:lang(en) img {
    width: 60px;
}

/*ADD 2023.9.1 kishiad*/
.news-header__nies-logo-image {
  width: 7rem;
  position: absolute;
  /* right: 1.4rem; */
  right:0.5rem;
  top: 1.2rem;
}

/*ADD 2023.8.24 tsukada*/
/*ロゴ追加にあたってwidthの値変更*/
.news-header__logo-image {
  /*width: 15rem;*/
  width: 11rem;
}

/* header nav */
.header-container--nav > input[type="checkbox"],
.news-header-container--nav > input[type="checkbox"] {
  display: none;
}

.header-container--nav > label {
  background: url(/assets/images/common/menu.svg) no-repeat .875rem .875rem;
  cursor: pointer;
  display: block;
  padding: .875rem;
  position: absolute;
  right: .3125rem;
  top: .5rem;
  -webkit-transition: all .1s ease 0s;
  transition: all .1s ease 0s;
}

/*ADD 2023.8.24 tsukada*/
/*ロゴ追加にあたってrightの値変更*/
.news-header-container--nav > label {
  background: url(/assets/images/common/search.svg) no-repeat .875rem .875rem;
  cursor: pointer;
  display: block;
  padding: .875rem;
  position: absolute;
  
  /*right: .3125rem;*/
  /*right: 8.5rem;*/ /*DLL 2023.9.1 kishida*/
  right: 7rem;    /*ADD 2023.9.1 kishida*/
  
  top: .5rem;
  -webkit-transition: all .1s ease 0s;
  transition: all .1s ease 0s;
}

.header-container--nav > input:checked + label img,
.news-header-container--nav > input:checked + label img {
  visibility: hidden;
}

.header-container--nav > input:checked + label,
.news-header-container--nav > input:checked + label {
  background: url(/assets/images/common/close.svg) no-repeat .875rem .875rem;
}

.header-content,
.news-header-content {
  height: 0;
  overflow: hidden;
  -webkit-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
}

.header-container--nav > input:checked ~ .header-content {
  height: 26.625rem;
}

.news-header-container--nav > input:checked ~ .news-header-content {
  height: 4.875rem;
}

.header-lang {
  padding: .75rem 0;
}

.header-lang-list {
  display: flex;
  font-weight: 700;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}

.header-lang__item {
  flex-basis: 50%;
  line-height: 3;
}

.header-lang__item--current {
  background-color: hsla(198, 98%, 42%, 1);
  color: hsla(208, 10%, 97%, 1);
  flex-basis: 50%;
  line-height: 3;
}

.header-lang__item a {
  background-color: hsla(208, 10%, 97%, 1);
  display: block;
  width: 100%;
}

.header-lang__item a:hover {
  color: hsla(198, 98%, 42%, 1);
}

.header-nav {
  padding: .75rem 0 0;
}

/*ADD 2023.6.5*/
.header-nav {
  right: 16rem;
}
.header-nav:lang(en) {
  right: 14rem;
}


.header-nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.header-nav__item a,
.header-nav__item--current a,
.header-nav__item--mobile a{
  color: hsla(0, 0%, 0%, .8);
  display: block;
  padding: 1em 1.1875rem;
}

/* search */

.header-search > input[type="checkbox"],
.header-search > label,
.news-header-search > input[type="checkbox"],
.news-header-search > label {
  display: none;
}

.header-searchbox {
  padding: .75rem 0 0;
}

.header-searchbox__inner {
  background-color: hsla(208, 10%, 97%, 1);
  padding: 1.5rem 1.1875rem;
}

.news-header-searchbox__inner {
  padding: 1rem 1.1875rem 1.5rem;
}

.header-searchbox__inner form,
.news-header-searchbox__inner form {
  border: 1px solid hsla(208, 32%, 22%, .1);
  box-sizing: content-box;
  position: relative;
}

.header-searchbox__inner input[type="text"],
.news-header-searchbox__inner input[type="text"] {
  background-position: .5rem center !important;
  border: 0 !important;
  color: hsla(0, 0%, 0%, .8);
  height: 2.25rem;
  padding: 0 .5rem !important;
  width: calc(100% - 52px);
}

.header-searchbox__inner input[type="text"]:focus,
.news-header-searchbox__inner input[type="text"]:focus {
  outline: none;
}

.header-searchbox__inner input[type="image"],
.news-header-searchbox__inner input[type="image"] {
  background-color: hsla(0, 0%, 100%, 1);
  display: block;
  height: 1.25rem;
  padding: .5rem .75rem;
  position: absolute;
  right: 0;
  top: 0;
}

.gsc-control-cse {
  padding: 1em 0 !important;
}

.gsc-selected-option-container {
  width: 5rem;
}

.gsc-results {
  line-height: 1.5;
}

/*
layout - footer
---------------------------------------------------------------- */

.footer {
  background-color: hsla(208, 10%, 97%, 1);
  border-bottom: 1rem solid hsla(198, 98%, 42%, 1);
  font-size: .75rem;
  margin-top: auto;
}

.news-footer {
  background-color: hsla(0, 0%, 100%, 1);
  border-bottom: 1rem solid hsla(198, 98%, 42%, 1);
  font-size: .75rem;
  margin-top: auto;
}

.footer-container--directory {
  padding: 1.5rem .6875rem;
}

.footer-column {
  padding: 0 .5rem;
}

.news-footer-column {
  padding: 0 .5rem;
}

.footer__logo {
  padding: 1.5rem 0;
}

.footer__logo-image {
  width: 12.5rem;
}

.footer-social-list {
  list-style: none;
  margin: 0;
  padding: 0 0 1rem;
}

.footer-social__item {
  display: inline-block;
  padding: 0 .75rem 0 0;
}

.footer-social__item-image--fb {
  -webkit-filter: brightness(.75) saturate(0);
  filter: brightness(.75) saturate(0);
  -webkit-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
}

.footer-social__item-image--tw {
  -webkit-filter: brightness(.45) saturate(0);
  filter: brightness(.45) saturate(0);
  -webkit-transition: all .2s ease 0s;
  transition: all .2s ease 0s;

  width: 20px;
  height: auto;
}

.footer-social__item-image--fb:hover,
.footer-social__item-image--tw:hover {
  -webkit-filter: brightness(1) saturate(1);
  filter: brightness(1) saturate(1);
}

.footer-directory {
  line-height: 1.5;
  padding: .75rem 0;
}

.footer-directory a {
  color: hsla(0, 0%, 0%, .7);
}

.footer-directory a:hover {
  color: hsla(198, 98%, 42%, 1);
}

.footer-directory__heading {
  font-weight: 700;
  padding: .75rem 0;
}

.footer-directory__heading:lang(ja) {
  font-family: /* -apple-system, BlinkMacSystemFont, */
    Roboto, "Segoe UI", "Helvetica Neue", Helvetica, Arial,
    "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", YuGothic,
    "Yu Gothic", "游ゴシック", Meiryo, "メイリオ", "MS Gothic", "ＭＳ ゴシック", sans-serif;
  font-weight: 600;
}

.footer-directory-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-directory__item {
  display: inline-block;
  padding: 0 0 .5rem 0;
}

.footer-directory__item:not(:last-child)::after {
  background-color: hsla(0, 0%, 0%, .2);
  content: "";
  display: inline-block;
  height: 1.1em;
  margin: .175em 1em .225em;
  vertical-align: text-top;
  width: 1px;
}

.footer-directory__item a[target="_blank"]::after {
  content: url(/assets/images/common/external-black-s.svg);
  display: inline-block;
  line-height: 1;
  margin: 0 0 0 .25em;
  vertical-align: middle;
}

.footer-directory__item a[target="_blank"]:hover::after {
  content: url(/assets/images/common/external-blue-s.svg);
}

.news-footer-directory__item {
  padding: 0 0 .5rem;
}

.news-footer-utility {
  padding: 1.5rem 0 0;
}

.news-footer-utility-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.news-footer-utility__item {
  display: table;
  font-size: .875rem;
  padding: 2px 0 0;
  width: 100%;
}

.news-footer-utility-anchor--rss {
  background-color: hsla(22, 100%, 61%, 1);
  color: hsla(0, 0%, 100%, 1);
  display: table-cell;
  height: 3.5rem;
  padding: 0 1rem 0 2rem;
  vertical-align: middle;
  width: 100%;
}

.news-footer-utility-anchor--mail {
  background-color: hsla(148, 77%, 36%, 1);
  color: hsla(0, 0%, 100%, 1);
  display: table-cell;
  height: 3.5rem;
  padding: 0 1rem 0 2rem;
  vertical-align: middle;
  width: 100%;
}

.news-footer-utility-anchor--fb {
  background-color: hsla(219, 51%, 42%, 1);
  color: hsla(0, 0%, 100%, 1);
  display: table-cell;
  height: 3.5rem;
  padding: 0 1rem 0 2rem;
  vertical-align: middle;
  width: 100%;
}

.news-footer-utility__image {
  margin-right: 1rem;
}

.news-footer-banner {
  display: table;
  padding: 1rem 0 0;
  width: 100%;
}

.news-footer-banner-anchor {
  border: 1px solid hsla(208, 32%, 22%, .4);
  display: table-cell;
  padding: .5rem;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}

.news-footer-banner__image {
  width: 12rem;
}

.news-footer-text {
  line-height: 1.75;
  padding: 1rem 0 0;
}

/* footer nav */

.footer-container--nav {
  background-color: hsla(208, 32%, 22%, 1);
  padding: 0 1.1875rem;
}

.footer-nav {
  padding: 1rem 0 0;
}

.footer-nav-list {
  list-style: none;
  margin: 0;
  padding: .75rem 0;
}

.footer-nav__item {
  display: inline-block;
  padding: .5rem 1.5em .5rem 0;
}

.footer-nav__item a {
  color: hsla(0, 0%, 100%, .8);
}

.footer-nav__item a:hover {
  color: hsla(0, 0%, 100%, 1);
}

.footer__copyright {
  color: hsla(0, 0%, 100%, .8);
  padding: .75rem 0 1.5rem;
}

.footer__copyright small {
  font-size: .75rem;
}

/* breadcrumbs */

.footer-container--breadcrumbs {
  background-color: hsla(0, 0%, 100%, 1);
}

.breadcrumbs {
  color: hsla(0, 0%, 0%, .8);
  line-height: 1.5;
  padding: 1rem 1.1875rem;
}

.breadcrumbs:lang(ja) {
  line-height: 1.75;
}

.breadcrumbs a {
  color: hsla(0, 0%, 0%, .6);
}

.breadcrumbs a:hover {
  color: hsla(198, 98%, 42%, 1);
}

.breadcrumbs__item:not(:last-child)::after {
  content: url(/assets/images/common/arrow-right-black-s.svg);
  padding: 0 .5em;
}

/*
layout - main
---------------------------------------------------------------- */

.main {
  padding: 0 0 1.5rem;
}

.news-main {
  background-color: hsla(208, 10%, 97%, 1);
  padding: 1rem 0 1.5rem;
}

/* hero */

.swiper-pagination-bullet {
  background-color: hsla(0, 0%, 100%, .5);
  opacity: 1;
}

.swiper-pagination-bullet:hover {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  background-color: hsla(0, 0%, 100%, 1);
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.hero {
  margin: 0 0 2rem;
  overflow: hidden;
}

.hero-inner {
  background-color: hsla(208, 10%, 97%, 1);
  position: relative;
}

.hero-image {
  -webkit-filter: brightness(.95);
  filter: brightness(.95);

  height: 60vh;
  max-height: 120vw;

  min-height: 18rem;
  object-fit: cover;
  -webkit-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
  width: 100%;
}

.hero-image--right {
  -webkit-filter: brightness(.95);
  filter: brightness(.95);
  height: 60vh;
  max-height: 120vw;
  min-height: 18rem;
  object-fit: cover;
  object-position: 100% 50%;
  -webkit-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
  width: 100%;
}

.hero-inner a:hover .hero-image {
  -webkit-filter: brightness(1);
  filter: brightness(1);
}

.hero-text {
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, 1);
  bottom: 10%;
  left: 0;
  padding: 0 1.1875rem;
  position: absolute;
  width: 100%;
}

.hero-text__label {
  background-color: hsla(198, 98%, 46%, .8);
  display: inline-block;
  font-size: calc(1em * 8 / 9);
  font-weight: 700;
  line-height: 1.5;
  margin: 0 0 .75em;
  padding: .1em .25rem;
}

.hero-text__label:lang(ja) {
  font-family: /* -apple-system, BlinkMacSystemFont, */
    Roboto, "Segoe UI", "Helvetica Neue", Helvetica, Arial,
    "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", YuGothic,
    "Yu Gothic", "游ゴシック", Meiryo, "メイリオ", "MS Gothic", "ＭＳ ゴシック", sans-serif;
  font-weight: 600;
}

.hero-text__title {
  font-size: calc(1em * 8 / 6);
  line-height: 1.5;
}

.hero-text__title:lang(ja) {
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  letter-spacing: .04em;
  line-break: strict;
}

.hero-text__title-inner {
  background-color: hsla(198, 98%, 46%, .8);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding: .1em .25rem;
}

.hero-text__title-inner br {
  display: none;
}

/* .hero-text__summary {} */

/* hero title */

.hero--title {
  background-color: hsla(208, 32%, 22%, 1);
  height: 40vh;
  margin: 0 0 2rem;
  min-height: 18rem;
  overflow: hidden;
  position: relative;
}

.hero--title-image {
  -webkit-filter: brightness(.6);
  filter: brightness(.6);
  height: 40vh;
  min-height: 18rem;
  object-fit: cover;
  width: 100%;
}

.hero--title__heading {
  color: hsla(0, 0%, 100%, 1);
  font-size: calc(1em * 8 / 4);
  font-weight: 300;
  left: 50%;
  line-height: 1.25;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  text-shadow: 0 0 8px hsla(0, 0%, 0%, .2);
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 2.375rem);
}

.hero--title__heading:lang(ja) {
  font-family: /* -apple-system, BlinkMacSystemFont, */
    Roboto, "Segoe UI", "Helvetica Neue", Helvetica, Arial,
    "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", YuGothic,
    "Yu Gothic Light", "Yu Gothic", "游ゴシック", Meiryo, "メイリオ", "MS Gothic", "ＭＳ ゴシック", sans-serif;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  font-weight: 200;
  letter-spacing: .04em;
  line-break: strict;
  line-height: 1.375;
}

/* title */

.title {
  align-items: center;
  border-bottom: 1px solid hsla(208, 32%, 22%, .2);
  border-top: 1px solid hsla(208, 32%, 22%, .2);
  display: flex;
  height: 20vh;
  margin: 0 0 2rem;
  min-height: 8rem;
  padding: 1rem 1.1875rem;
}

.title__heading {
  color: hsla(0, 0%, 0%, .8);
  font-size: calc(1em * 8 / 4);
  font-weight: 300;
  line-height: 1.25;
  margin: 0;
  padding: 0;
}

.title__heading:lang(ja) {
  font-family: /* -apple-system, BlinkMacSystemFont, */
    Roboto, "Segoe UI", "Helvetica Neue", Helvetica, Arial,
    "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", YuGothic,
    "Yu Gothic Light", "Yu Gothic", "游ゴシック", Meiryo, "メイリオ", "MS Gothic", "ＭＳ ゴシック", sans-serif;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  font-weight: 200;
  letter-spacing: .04em;
  line-break: strict;
  line-height: 1.375;
}

/* container - column - item */

.container,
.container--3-4,
.container--narrow {
  padding: .5rem 0;
}

.news-container {
  background-color: hsla(0, 0%, 100%, 1);
  padding: .5rem 0;
}

.row {
  display: flex;
  flex-wrap: wrap;
}

.row--reverse {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
}

.column,
.column--3-4,
.column--1-4,
.column--2-3,
.column--1-3,
.column--1-2 {
  padding: 0 1.1875rem;
  width: 100%;
}

.item {
  padding: .5rem 1.1875rem;
}

.item-anchor {
  color: hsla(0, 0%, 0%, .8);
}

.item__thumbnail-image {
  height: 14rem;
  object-fit: cover;
  width: 100%;
}

.item-text {
  padding: .75rem 0;
}

.item__heading {
  font-size: calc(1em * 8 / 7);
  line-height: 1.375;
  padding: .5rem 0;
  -webkit-transition: all .1s ease 0s;
  transition: all .1s ease 0s;
}

.item__heading:lang(ja) {
  line-height: 1.5;
}

.item-anchor[target="_blank"] .item__heading::after {
  content: url(/assets/images/common/external-black.svg);
  display: inline-block;
  line-height: 1;
  margin: 0 0 0 .25em;
  vertical-align: middle;
}

.item-anchor:hover .item__heading {
  color: hsla(198, 98%, 42%, 1);
}

.item-anchor[target="_blank"]:hover .item__heading::after {
  content: url(/assets/images/common/external-blue.svg);
}

.item__description {
  display: block;
  font-size: calc(1em * 8 / 9);
  line-height: 1.5;
}

.item__description:lang(ja) {
  line-height: 1.75;
}

/* CGERnews */

.news-card--headline {
  margin-top: -1rem;
  padding: .5rem 1.1875rem;
  width: 100%;
}

.news-card--wide,
.news-card--narrow,
.news-aside--wide,
.news-aside--narrow {
  padding: .5rem 1.1875rem;
  width: 100%;
}

.news-card-anchor--headline,
.news-card-anchor--wide,
.news-card-anchor--narrow {
  background-color: hsla(0, 0%, 100%, 1);
  color: hsla(0, 0%, 0%, .8);
  display: block;
  position: relative;
  -webkit-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
}

.news-card-anchor--headline:hover,
.news-card-anchor--wide:hover,
.news-card-anchor--narrow:hover {
  opacity: .9;
}

.news-card__thumbnail--headline,
.news-card__thumbnail--wide,
.news-card__thumbnail--narrow {
  padding: 62.5% 0 0;
  position: relative;
  width: 100%;
}

.news-card__thumbnail-image {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.news-card__badge {
  left: 3%;
  position: absolute;
  top: 5%;
  top: 30%;
  width: 25%;
}

/*★*/
.news-card__badge_test {
  left: 3%;
  position: absolute;
  top: 5%;
  top: 30%;
  width: 25%;
}

.news-card__badge-image {
  width: 100%;
}

.news-card__text {
  padding: 0 .75rem 1rem;
}

.news-card__meta,
.news-card__meta--headline {
  color: hsla(0, 0%, 0%, .5);
  font-size: calc(1em * 8 / 10);
  padding: 1em 0;
}

.news-card__category--report {
  color: hsla(91, 41%, 51%, 1);
  display: inline-block;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  letter-spacing: .25em;
  margin-right: .75rem;
}

.news-card__category--research {
  color: hsla(217, 67%, 54%, 1);
  display: inline-block;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  letter-spacing: .25em;
  margin-right: .75rem;
}

.news-card__category--opinion {
  color: hsla(277, 68%, 76%, 1);
  display: inline-block;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  letter-spacing: .25em;
  margin-right: .75rem;
}


.news-card__category--interview {
  color: hsla(22, 100%, 61%, 1);
  display: inline-block;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  letter-spacing: .25em;
  margin-right: .75rem;
}


.news-card__category--seminar {
  color: hsla(212, 87%, 60%, 1);
  display: inline-block;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  letter-spacing: .25em;
  margin-right: .75rem;
}

.news-card__category--news {
  color: hsla(199, 80%, 52%, 1);
  display: inline-block;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  letter-spacing: .25em;
  margin-right: .75rem;
}

.news-card__category--result {
  color: hsla(148, 77%, 36%, 1);
  display: inline-block;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  letter-spacing: .25em;
  margin-right: .75rem;
}

/*ADD 2021.3.11COLUMN*/
/* .news-card__category--column {
  color: hsl(330, 100%, 50%, 1);
  display: inline-block;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  letter-spacing: .25em;
  margin-right: .75rem;
} */

/*ADD 2022.01.07.11discussion*/
/* .news-card__category--discussion {
  color: purple;
  display: inline-block;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  letter-spacing: .25em;
  margin-right: .75rem;
} */

.news-card__title,
.news-card__title--headline,
.news-card__title--wide {
  color: hsla(0, 0%, 0%, .8);
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}

.news-card__title:lang(ja),
.news-card__title--headline:lang(ja),
.news-card__title--wide:lang(ja) {
  font-family: /* -apple-system, BlinkMacSystemFont, */
    Roboto, "Segoe UI", "Helvetica Neue", Helvetica, Arial,
    "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", YuGothic,
    "Yu Gothic", "游ゴシック", Meiryo, "メイリオ", "MS Gothic", "ＭＳ ゴシック", sans-serif;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  font-weight: 600;
  letter-spacing: .04em;
  line-break: strict;
}

.news-card__series {
  display: block;
  font-size: smaller;
  padding: 0 0 .5em;
}

.news-card__subtitle {
  display: block;
  font-size: smaller;
  padding: .25em 0 0;
}

.news-card__author {
  color: hsla(0, 0%, 0%, .5);
  font-size: calc(1em * 8 / 10);
  padding: 1em 0 0;
}

.news-card__description {
  display: none;
}

.news-aside-inner {
  background-color: hsla(208, 32%, 22%, .4);
  padding: .75rem;
}

.news-aside__title {
  color: hsla(0, 0%, 100%, 1);
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  letter-spacing: .25em;
  padding: .25rem 0;
}

.backissue__item {
  padding: .5rem 0 0;
  position: relative;
}

.backissue__thumbnail {
  height: 7rem;
  overflow: hidden;
}

.backissue__thumbnail-image {
  filter: brightness(50%) contrast(75%);
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.backissue__item-anchor:hover .backissue__thumbnail-image {
  filter: blur(3px) brightness(50%) contrast(75%) saturate(50%);
}

.backissue__title {
  background-color: hsla(208, 32%, 22%, .2);
  color: hsla(0, 0%, 100%, 1);
  height: 7rem;
  line-height: 1.5;
  padding: .25rem .75rem 0;
  position: absolute;
  text-shadow: 0 0 8px hsla(0, 0%, 0%, .6);
  top: .5rem;
  -webkit-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
  width: 100%;
}

.backissue__title:lang(ja) {
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  letter-spacing: .04em;
  line-break: strict;
}

.backissue__item-anchor:hover .backissue__title {
  background-color: hsla(208, 32%, 22%, .4);
}

.backissue__number {
  font-family: "Roboto Condensed", sans-serif;
  font-size: calc(1em * 8 / 9);
  font-weight: 700;
  padding: .25rem 0;
}

.backissue__badge-image {
  padding: 0 .5em 0 0;
}

.btn--backissue {
  display: table;
  padding: .5rem 0 0;
  width: 100%;
}

.btn-anchor--backissue {
  border: 2px solid hsla(208, 10%, 97%, 1);
  color: hsla(208, 10%, 97%, 1);
  display: table-cell;
  font-size: calc(1em * 8 / 9);
  height: 3.5rem;
  text-align: center;
  -webkit-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
  vertical-align: middle;
}

.btn-anchor--backissue:hover {
  border: 2px solid hsla(0, 0%, 100%, 1);
  background-color: hsla(0, 0%, 100%, 1);
  color: hsla(0, 0%, 0%, .8);
}

.recommend-header {
  background-color: hsla(0, 0%, 100%, 1);
  padding: .75rem;
}

.recommend-header__title {
  font-family: /* -apple-system, BlinkMacSystemFont, */
    Roboto, "Segoe UI", "Helvetica Neue", Helvetica, Arial,
    "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", YuGothic,
    "Yu Gothic", "游ゴシック", Meiryo, "メイリオ", "MS Gothic", "ＭＳ ゴシック", sans-serif;
  font-weight: 600;
  padding: .25rem 0 0;
}

.recommend-header__title-positive {
  border: 1px solid hsla(208, 32%, 22%, .4);
  display: inline-block;
  margin: 0 2px 0 0;
  padding: 5px;
}

.recommend-header__title-negative {
  background-color: hsla(198, 98%, 42%, 1);
  border: 1px solid hsla(198, 98%, 42%, 1);
  color: hsla(0, 0%, 100%, 1);
  display: inline-block;
  margin: 0 2px 0 0;
  padding: 5px;
}

.recommend-header__description {
  line-height: 1.5;
  font-size: calc(1em * 8 / 9);
  padding: 1em 0 0;
}

.recommend-item {
  border-top: 1px solid hsla(208, 32%, 22%, .1);
  line-height: 1.5;

  margin-top: -10px;
}

.recommend-item-anchor {
  background-color: hsla(0, 0%, 100%, 1);
  display: flex;
  flex-wrap: wrap;
  -webkit-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
  padding: .75rem;
}

.recommend-item-anchor:hover {
  background-color: hsla(0, 0%, 100%, .5);
  opacity: .9;
}

.recommend-item__comment {
  flex-basis: 100%;
  font-size: calc(1em * 8 / 10);
  padding: 0 0 .75rem;
}

/*ADD 2024.6.11*/
.recommend-flex {
  display: flex;
  flex-wrap: wrap;
}
.recommend-item__comment-txt {
  width: calc(100% - 200px);
}
.recommend-item__comment .recommend-item__comment-txt {
  font-size: 110%;
  line-height: 160%;
}
.recommend-item__comment-img {
  width: 180px;
  margin-left: 20px;
  display:flex;
  align-items: flex-end;
}
.recommend-item__comment-img img {
  display: block;
  width: 100%;
  max-width: 180px;
  margin: 0 auto;
}

.recommend-item__thumbnail {
  flex-basis: 25%;
  height: 0;
  padding: 25% 0 0;
  position: relative;
}

.recommend-item__thumbnail-image {
  height:100% ;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.recommend-item__text {
  color: hsla(0, 0%, 0%, .8);
  flex-basis: 75%;
  padding: 0 0 0 .75rem;
}

.recommend-item__title {
  font-size: calc(1em * 8 / 9);
  padding:  0 0 .5em;
}

.recommend-item__title:lang(ja) {
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  letter-spacing: .04em;
  line-break: strict;
}

.recommend-item__author {
  color: hsla(0, 0%, 0%, .6);
  display: inline-block;
  font-size: calc(1em * 8 / 10);
}

.recommend-item__issue {
  color: hsla(0, 0%, 0%, .4);
  display: inline-block;
  font-size: calc(1em * 8 / 10);
}

.recommend-item__issue::before {
  content: "｜";
  padding: 0 .25em 0 0;
}

/* article */

.category-title {
  border-bottom: 1px solid hsla(208, 32%, 22%, .2);
  border-top: 1px solid hsla(208, 32%, 22%, .2);
  padding: .75rem 1.1875rem;
}

.category-title__heading {
  color: hsla(0, 0%, 0%, .8);
  font-size: calc(1em * 8 / 7);
  line-height: 1.375;
}

.category-title__heading:lang(ja) {
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  letter-spacing: .04em;
  line-break: strict;
  line-height: 1.5;
}

.article hr {
  border: 0;
  margin: 2rem 0 3rem;
  text-align: center;
}

/*ADD 2021.1.18修正*/
.article hr::before {
  color: hsla(208, 32%, 22%, .6);
  /*content: "? ? ?";*/
  content: "・ ・ ・";
}

.article-title {
  padding: 1.5rem 0 2rem;
}

.article-title__heading {
  color: hsla(0, 0%, 0%, .8);
  font-size: calc(1em * 8 / 5);
  font-weight: 700;
  line-height: 1.375;
  margin: 0;
  padding: 0;
}

.article-title__heading:lang(ja) {
  font-family: /* -apple-system, BlinkMacSystemFont, */
    Roboto, "Segoe UI", "Helvetica Neue", Helvetica, Arial,
    "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", YuGothic,
    "Yu Gothic", "游ゴシック", Meiryo, "メイリオ", "MS Gothic", "ＭＳ ゴシック", sans-serif;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  font-weight: 600;
  letter-spacing: .04em;
  line-break: strict;
  line-height: 1.5;
}

.article-title__series {
  display: block;
  font-size: calc(1em * 8 / 12);
  padding: 0 0 .5rem;
}

.article-title__subtitle {
  display: block;
  font-size: calc(1em * 8 / 10);
  padding: .5rem 0 0;
}

.article-title__meta {
  color: hsla(208, 32%, 22%, 1);
  display: block;
  font-size: calc(1em * 8 / 10);
  line-height: 1.5;
  padding: 0 0 1rem;
}

.article-title__date {
  font-weight: 700;
}

.article-title__date:lang(ja) {
  font-family: /* -apple-system, BlinkMacSystemFont, */
    Roboto, "Segoe UI", "Helvetica Neue", Helvetica, Arial,
    "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", YuGothic,
    "Yu Gothic", "游ゴシック", Meiryo, "メイリオ", "MS Gothic", "ＭＳ ゴシック", sans-serif;
  font-weight: 600;
}

.article-title__category--report {
  color: hsla(91, 41%, 51%, 1);
  display: block;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  letter-spacing: .25em;
  padding: 0 0 .5em;
}

.article-title__category--research {
  color: hsla(217, 67%, 54%, 1);
  display: block;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  letter-spacing: .25em;
  padding: 0 0 .5em;
}

.article-title__category--opinion {
  color: hsla(277, 68%, 76%, 1);
  display: block;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  letter-spacing: .25em;
  padding: 0 0 .5em;
}

.article-title__category--interview {
  color: hsla(22, 100%, 61%, 1);
  display: block;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  letter-spacing: .25em;
  padding: 0 0 .5em;
}

.article-title__category--seminar {
  color: hsla(212, 87%, 60%, 1);
  display: block;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  letter-spacing: .25em;
  padding: 0 0 .5em;
}

.article-title__category--news {
  color: hsla(199, 80%, 52%, 1);
  display: block;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  letter-spacing: .25em;
  padding: 0 0 .5em;
}

.article-title__category--result {
  color: hsla(148, 77%, 36%, 1);
  display: block;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  letter-spacing: .25em;
  padding: 0 0 .5em;
}

/*ADD 2021.10.08*/
.article-title__category--publication {
  /*color: hsla(148, 77%, 36%, 1);*/
  color: #c61313;
  display: block;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  letter-spacing: .25em;
  padding: 0 0 .5em;
}
.news-card__category--publication {
  color: #c61313;
  display: inline-block;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  letter-spacing: .25em;
  margin-right: .75rem;
}


/*ADD 2022.1.11*/
.article-title__category--discussion {
  /*color: hsla(148, 77%, 36%, 1);*/
  color: purple;
  display: block;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  letter-spacing: .25em;
  padding: 0 0 .5em;
}
.news-card__category--discussion {
  color: purple;
  display: inline-block;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  letter-spacing: .25em;
  margin-right: .75rem;
}

/*ADD 2023.3.10*/
.article-title__category--column {
  /*color: rgb(0, 128, 96);*/
  color: hsl(342, 100%, 50%);
  display: block;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  letter-spacing: .25em;
  padding: 0 0 .5em;
}
.news-card__category--column {
  /*color: rgb(0, 128, 96);*/
  color: hsl(342, 100%, 50%);
  display: inline-block;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  letter-spacing: .25em;
  margin-right: .75rem;
}

/*ADD 2024.5.14*/
.news-card__category--view {
  color: #fff;
  background-color: #38bb39;
  display: inline-block;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-right: .75rem;
  border-radius: 50px;
  padding: 5px 10px;
}

.viewlink {}
.viewlink a {
  border: 5px #38bb39 solid;
  background-color: #eafae2;
  /*
  background: rgb(47,172,108);
  background: linear-gradient(180deg, rgba(47,172,108,1) 0%, rgba(56,187,57,1) 22%, rgba(234,250,226,1) 84%);
  */
}
/*---------------------------------*/

.article-title__description {
  color: hsla(0, 0%, 0%, .6);
  line-height: 1.5625;
  padding: 1rem 0 0;
}

.article-title__description:lang(ja) {
  line-height: 1.75;
}

.article-title__author {
  font-size: calc(1em * 8 / 9);
  line-height: 1.75;
  padding: 1.5rem 0 0;
}

.article-title__author-list {
  list-style: none;
  padding: 0;
}

.article-footer {
  margin: 6rem 0 0;
}

.article-footer__author {
  margin: 0 0 3rem;
}

.article-contents {
  background-color: hsla(208, 10%, 97%, 1);
  line-height: 1.5;
  margin: 0 0 3rem;
  overflow: hidden;
  padding: 1.5rem 1rem 1rem;
}

.article-contents:lang(ja) {
  line-height: 1.75;
}

.article-contents-list {
  font-size: calc(1em * 8 / 9);
  list-style: none;
  margin: 0;
  padding: 0;
}

.article-contents__item {
  border-top: 1px solid hsla(208, 32%, 22%, .1);
  padding: .75em 0;
}

.article-contents__item-anchor {
  color: hsla(0, 0%, 0%, .6);
}

.article-contents__item-anchor:hover {
  color: hsla(198, 98%, 42%, 1);
}

.article-contents__item:first-child {
  border: none;
  padding: 1.25em 0 .75em;
}

.author-card {
  line-height: 1.375;
  margin: 1.75rem 0;
}

.author-card:lang(ja) {
  line-height: 1.5;
}

.author-card-anchor {
  color: hsla(0, 0%, 0%, .8);
  display: flex;
}

.author-card__thumbnail {
  flex-basis: 25%;
  max-width: 6rem;
}

.author-card__thumbnail-image {
  object-fit: cover;
  width: 100%;
}

.author-card-text {
  flex-basis: 75%;
  padding: 0 0 0 1.25rem;
}

.author-card__name {
  padding: 0 0 .25rem 0;
  -webkit-transition: all .1s ease 0s;
  transition: all .1s ease 0s;
  word-break: keep-all;
}

.author-card__name--en {
  font-size: calc(1em * 8 / 9);
  padding: 0 0 .5rem 0;
}

.author-card-anchor[target="_blank"] .author-card__name::after {
  content: url(/assets/images/common/external-black.svg);
  display: inline-block;
  line-height: 1;
  margin: 0 0 0 .25em;
  vertical-align: middle;
}

.author-card-anchor:hover .author-card__name {
  color: hsla(198, 98%, 42%, 1);
}

.author-card-anchor[target="_blank"]:hover .author-card__name::after {
  content: url(/assets/images/common/external-blue.svg);
}

.author-card__title {
  font-size: calc(1em * 8 / 10);
  padding: 0 0 .25rem 0;
}

.author-card__description {
  color: hsla(0, 0%, 0%, .6);
  font-size: calc(1em * 8 / 10);
}

/* section */

.section + .section,
.text + .section,
.figure + .section,
.figure--narrow + .section,
.figure--narrow-border + .section,
.figure-table + .section,
.figure-table--line + .section {
  margin: 3rem 0 0;
}

.section-title {
  margin: 2rem 0;
}

.article-section-title {
  margin: 2rem 0 1.5rem;
}

.section-title--center {
  margin: 2rem 0;
  text-align: center;
}

.section-title__heading,
.section-title--center__heading {
  color: hsla(0, 0%, 0%, .8);
  display: block;
  font-size: calc(1em * 8 / 5);
  font-weight: 400;
  line-height: 1.375;
  margin: 2rem 0 1rem;
  padding: 0;
}

.section-title__heading::after {
  background-color: hsla(208, 32%, 22%, 1);
  content: "";
  display: block;
  height: 2px;
  margin: .75em 0 0;
  width: 2.25em;
}

.section-title--center__heading::after {
  background-color: hsla(208, 32%, 22%, 1);
  content: "";
  display: block;
  height: 2px;
  margin: .75em auto 0;
  width: 2.25em;
}

.section-title__heading-2,
.section-title--center__heading-2 {
  color: hsla(0, 0%, 0%, .8);
  display: block;
  font-size: calc(1em * 8 / 6);
  font-weight: 400;
  line-height: 1.375;
  margin: 2rem 0 1rem;
  padding: 0;
}

.section-title__heading:lang(ja),
.section-title--center__heading:lang(ja),
.section-title__heading-2:lang(ja),
.section-title--center__heading-2:lang(ja) {
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  letter-spacing: .04em;
  line-break: strict;
  line-height: 1.5;
}

.section-title__heading-2b,
.section-title--center__heading-2b {
  color: hsla(0, 0%, 0%, .8);
  display: block;
  font-size: calc(1em * 8 / 6);
  font-weight: 700;
  line-height: 1.375;
  margin: 2rem 0 1rem;
  padding: 0;
}

.section-title__heading-3 {
  color: hsla(0, 0%, 0%, .8);
  display: block;
  font-size: calc(1em * 8 / 7);
  font-weight: 700;
  line-height: 1.375;
  margin: 2rem 0 1rem;
  padding: 0;
}

.section-title__heading-4 {
  color: hsla(0, 0%, 0%, .8);
  display: block;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.375;
  margin: 2rem 0 1rem;
  padding: 0;
}

.section-title__heading-2b:lang(ja),
.section-title--center__heading-2b:lang(ja),
.section-title__heading-3:lang(ja),
.section-title__heading-4:lang(ja) {
  font-family: /* -apple-system, BlinkMacSystemFont, */
    Roboto, "Segoe UI", "Helvetica Neue", Helvetica, Arial,
    "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", YuGothic,
    "Yu Gothic", "游ゴシック", Meiryo, "メイリオ", "MS Gothic", "ＭＳ ゴシック", sans-serif;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  font-weight: 600;
  letter-spacing: .04em;
  line-break: strict;
  line-height: 1.5;
}

.box--fill {
  background-color: hsla(208, 10%, 97%, 1);
  margin: 1.5rem 0 2rem;
  overflow: hidden;
  padding: .5rem 1rem;
}

/* text */

.lead-text {
  line-height: 1.75;
  margin: 1.5rem 0 2rem;
}

.lead-text:lang(ja) {
  line-height: 2;
  text-align: justify;
  text-justify: inter-character;
  text-justify: inter-cluster;
}

.text {
  line-height: 1.5625;
  margin: 1.5rem 0 2rem;
}

.text:lang(ja) {
  line-height: 1.75;
  text-align: justify;
  text-justify: inter-character;
  text-justify: inter-cluster;
}

.text *:lang(en) {
  text-align: left;
  text-justify: none;
}

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

.lead-text p,
.text p,
.dlist {
  margin: 1.5em 0;
}

.lead-text p br {
  display: none;
}

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

.text a[target="_blank"]::after {
  content: url(/assets/images/common/external-blue.svg);
  display: inline-block;
  line-height: 1;
  margin: 0 .2em;
  vertical-align: middle;
}

/*ADD 2023.6.16*/
.text a.none[target="_blank"]::after {
  content: """";
  margin: 0;
}

.signature {
  text-align: right;
}

.dlist__item {
  margin: 1.5em 0;
}

.dlist__t {
  font-weight: 700;
}

.dlist__t:lang(ja) {
  font-family: /* -apple-system, BlinkMacSystemFont, */
    Roboto, "Segoe UI", "Helvetica Neue", Helvetica, Arial,
    "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", YuGothic,
    "Yu Gothic", "游ゴシック", Meiryo, "メイリオ", "MS Gothic", "ＭＳ ゴシック", sans-serif;
  font-weight: 600;
}

.dlist__d {
  margin: 0;
}

/*--------------------------------*/
/*ADD 2020.12.10*/
.dlist__tt {
    margin: 1em 0;
    line-height: 1.5;
}
.dlist__dd {
    margin: 1em 0;
    line-height: 1.5;
}

.videobox {
    width: 100%;
}
.videobox video {
    width: 100%;
}

.box--line {
    /*background-color: hsla(208, 10%, 97%, 1);*/
    margin: 1.5rem 0 2rem;
    overflow: hidden;
    padding: .5rem 1rem;
    border: 1px #ddd solid;
}

.liststyle-l20 dd {
    margin-left: 20px;
}

/*--------------------------------*/




.list,
.list--large {
  list-style-type: disc;
}

.list--decimal {
  list-style-type: decimal;
}

.list--large__item {
  margin: 1.5em 0;
}

.list--large .list {
  padding: 0 0 0 .5em;
}

.list li::marker {
  color: hsla(208, 32%, 22%, .4);
}

.note {
  color: hsla(0, 0%, 0%, .6);
  display: block;
  font-size: calc(1em * 8 / 9);
  line-height: 1.5;
}

.note:lang(ja) {
  line-height: 1.75;
}

.note__bullet {
  display: block;
  float: left;
  padding-right: .75em;
}

.note__text {
  display: block;
  overflow: hidden;
}

.list--note {
  color: hsla(0, 0%, 0%, .6);
  font-size: calc(1em * 8 / 9);
  line-height: 1.5;
  list-style: none;
  margin: 1.5em 0;
  padding: 0;
}

.list--note:lang(ja) {
  line-height: 1.75;
}

.list--note__item {
  margin: 1em 0;
}

/* figure */

.figure,
.figure--narrow,
.figure--narrow-border,
.figure-table,
.figure-table--line {
  margin: 1.5rem 0 2rem;
  overflow: hidden;
}

.figure--left {
  float: left;
  margin: 1rem 1.5rem 1rem 0;
  width: calc(100% / 3);
}

.text-figure,
.text-figure--left,
.text-figure--right {
  margin: 0 0 1.5rem;
}

.figure img,
.figure--narrow img,
.figure--left img,
.text-figure img,
.text-figure--left img,
.text-figure--right img,
.figure-table table,
.figure-table--line table {
  width: 100%;
}

/*ADD 2024.8.16*/
.figure--left50 {
  float: left;
  margin: 0.5rem 1.5rem 1rem 0;
  width: calc(100% / 2);
}
.figure--left50 img {
  width: 100%;
}

/*ADD 2024.2.22*/
.figure50 img {
  width: 100% !important;
}

/*ADD 2021.4.9*/
.figure--right {
  float: right;
  margin: 1rem 0 1rem 1.5rem;
  width: calc(100% / 3);
}
.figure--right img {
  width: 100%;
}

.figure img + img,
.figure--narrow img + img {
  margin: 1rem 0 0;
}

.figure--narrow-border img {
  border: 1px solid hsla(208, 32%, 22%, .2);
  width: 100%;
}

.figure-table tr:nth-child(odd) {
  background-color: hsla(208, 10%, 97%, 1);
}

.figure-table th {
  font-weight: 700;
  line-height: 1.5;
  padding: .5rem;
  text-align: left;
}

.figure-table th:lang(ja) {
  font-family: /* -apple-system, BlinkMacSystemFont, */
    Roboto, "Segoe UI", "Helvetica Neue", Helvetica, Arial,
    "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", YuGothic,
    "Yu Gothic", "游ゴシック", Meiryo, "メイリオ", "MS Gothic", "ＭＳ ゴシック", sans-serif;
  font-weight: 600;
  line-height: 1.75;
}

.figure-table td {
  line-height: 1.5;
  padding: .5rem;
}

.figure-table td:lang(ja) {
  line-height: 1.75;
}

.figure-table th + th,
.figure-table th + td,
.figure-table td + td {
  border-left: 2px solid hsla(0, 0%, 100%, 1);
}

.figure-table--line tr {
  border-bottom: 1px solid hsla(208, 32%, 22%, .2);
  border-top: 1px solid hsla(208, 32%, 22%, .2);
}

.figure-table--line tr:first-child {
  border-top: 1px solid hsla(208, 32%, 22%, .4);
}

.figure-table--line tr:last-child {
  border-bottom: 1px solid hsla(208, 32%, 22%, .4);
}

.figure-table--line td {
  line-height: 1.5;
  padding: .5rem 0;
  vertical-align: top;
}

.figure-table--line td:lang(ja) {
  line-height: 1.75;
}

.figure-table--line td + td {
  padding: .5rem 0 .5rem 1em;
}

.figcaption {
  color: hsla(0, 0%, 0%, .7);
  font-size: calc(1em * 8 / 9);
  line-height: 1.5;
  margin: 1em 0 0;
}

.figcaption--right {
  color: hsla(0, 0%, 0%, .7);
  font-size: calc(1em * 8 / 9);
  line-height: 1.5;
  margin: 1em 0 0;
  text-align: right;
}

.tablecaption {
  color: hsla(0, 0%, 0%, .7);
  font-size: calc(1em * 8 / 9);
  line-height: 1.5;
  margin: 0 0 1em;
}

.figcaption:lang(ja),
.figcaption--right:lang(ja),
.tablecaption:lang(ja) {
  line-height: 1.75;
}

.figcaption a[target="_blank"]::after,
.figcaption--right a[target="_blank"]::after,
.tablecaption a[target="_blank"]::after {
  content: url(/assets/images/common/external-blue-s.svg);
  display: inline-block;
  line-height: 1;
  margin: 0 .2em;
  vertical-align: middle;
}


/*ADD 2021.5.18*/
#tbl-202106 {
    border: 1px #ddd solid;
    font-size: 90%;
}
#tbl-202106 caption {
    margin-bottom: 10px;
}
#tbl-202106 th {
    border: 1px #ddd solid;
    padding: 5px;
}
#tbl-202106 td {
    border: 1px #ddd solid;
    padding: 5px;
}
#tbl-202106 th:nth-child(1) { width:15%; }
#tbl-202106 th:nth-child(2) { width:10%; }
#tbl-202106 th:nth-child(3) { width:10%; }
#tbl-202106 th:nth-child(4) { width:10%; }
#tbl-202106 th:nth-child(5) { width:25%; }
#tbl-202106 th:nth-child(6) { width:15%; }
#tbl-202106 th:nth-child(7) { width:15%; }

/* links */

.links {
  line-height: 1.5;
  margin: 1.5rem 0 2rem;
}

.links:lang(ja) {
  line-height: 1.75;
}

.links__item {
  padding: 0 0 .5em;
}

.links__item + .links__item {
  border-top: 1px solid hsla(208, 32%, 22%, .1);
  margin: 1em 0 0;
  padding: 1.5em 0 .5em;
}

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

.links a[target="_blank"]::after {
  content: url(/assets/images/common/external-blue.svg);
  display: inline-block;
  line-height: 1;
  margin: 0 .2em;
  vertical-align: middle;
}

/* aside links */

.aside-links {
  background-color: hsla(208, 10%, 97%, 1);
  line-height: 1.5;
  margin: 1.5rem 0 2rem;
  padding: 1em;
}

.aside-links:lang(ja) {
  line-height: 1.75;
}

.aside-links__item + .aside-links__item {
  border-top: 1px solid hsla(0, 0%, 100%, 1);
  margin: 1em 0 0;
  padding: 1em 0 0;
}

.aside-links a:hover {
  text-decoration: underline;
}

.aside-links a[target="_blank"]::after {
  content: url(/assets/images/common/external-blue.svg);
  display: inline-block;
  line-height: 1;
  margin: 0 .2em;
  vertical-align: middle;
}

/* main nav */

.main-nav {
  overflow: hidden;
  padding: .5rem 0;
}

.main-nav-item {
  position: relative;
}

.main-nav-item:nth-child(n + 2) {
  margin: 2px 0 0;
}

.main-nav-item__inner-image {
  -webkit-filter: brightness(.6);
  filter: brightness(.6);
  height: 12rem;
  object-fit: cover;
  -webkit-transform: perspective(0); /* for Safari */
  -webkit-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
  width: 100%;
}

.main-nav-btn {
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 2rem);
}

.main-nav-btn__inner {
  color: hsla(0, 0%, 100%, 1);
  display: block;
  font-size: calc(1em * 8 / 7);
  text-shadow: 0 0 8px hsla(0, 0%, 0%, .5);
}

.main-nav-anchor .main-nav-btn__inner::after {
  background-color: hsla(0, 0%, 100%, 0);
  bottom: -2.5rem;
  content: "";
  display: block;
  height: 0;
  left: 50%;
  position: absolute;
  transform: translate(-50%, 0);
  -webkit-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
  width: 3em;
}

.main-nav-anchor:hover .main-nav-item__inner-image {
  -webkit-filter: brightness(.8);
  filter: brightness(.8);
}

.main-nav-anchor:hover .main-nav-btn__inner::after {
  background-color: hsla(0, 0%, 100%, 1);
  bottom: -2rem;
  height: .25rem;
}

/* local nav */

.local-nav {
  background-color: hsla(208, 10%, 97%, 1);
  border-bottom: 1px solid hsla(208, 32%, 22%, .2);
  font-size: .875rem;
  line-height: 1.5;
  margin: -2rem 0 0;
}

.local-nav-list {
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: .5rem 1.1875rem 0;
}

.local-nav__item,
.local-nav__item--current {
  float: left;
}

.local-nav__item:nth-child(n + 2),
.local-nav__item--current:nth-child(n + 2) {
  padding: 0 0 0 1rem;
}

.local-nav__item a {
  color: hsla(0, 0%, 0%, .6);
  display: block;
  padding: .5rem 0;
}

.local-nav__item--current a {
  border-bottom: 3px solid hsla(208, 32%, 22%, .4);
  color: hsla(0, 0%, 0%, .8);
  display: block;
  padding: .5rem 0;
}

.local-nav__item a:hover {
  color: hsla(198, 98%, 42%, 1);
}

/* page nav */

.page-nav {
  border-top: 1px solid hsla(208, 32%, 22%, .2);
  font-size: .875rem;
  line-height: 1.5;
}

.page-nav-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 2rem 0 0;
}

.page-nav__item,
.page-nav__item--current {
  padding: 0 1em 0 0;
}

.page-nav__item a,
.page-nav__item--current a {
  color: hsla(0, 0%, 0%, .8);
  display: block;
  padding: .25rem 0;
  white-space: nowrap;
}

.page-nav__item--current a {
  color: hsla(0, 0%, 0%, .4);
}

.page-nav__item a:hover {
  color: hsla(198, 98%, 42%, 1);
}

.page-nav__item a::before,
.page-nav__item--current a::before {
  content: url(/assets/images/common/boxarrow-right.svg);
  line-height: 1;
  margin: 0 .25em 0 0;
  vertical-align: middle;
}

/* scroll nav */

.scroll-nav-wrapper {
  background-color: hsla(0, 0%, 100%, 1);
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 9;
}

.scroll-nav {
  font-size: .875rem;
  line-height: 1.5;
}

.scroll-nav-list {
  display: table;
  list-style: none;
  margin: 0;
  padding: .5rem 0;
}

.scroll-nav__item {
  display: table-cell;
  padding: 0 .75rem 0 0;
}

.scroll-nav__item:last-child {
  padding: 0 1.1875rem 0 0;
}

.scroll-nav__item a {
  color: hsla(0, 0%, 0%, .8);
  display: block;
  padding: .25rem 0;
  white-space: nowrap;
}

.scroll-nav__item a:hover {
  color: hsla(198, 98%, 42%, 1);
}

.scroll-nav__item a::after {
  content: url(/assets/images/common/boxarrow-down.svg);
  line-height: 1;
  margin: 0 0 0 .25em;
  vertical-align: middle;
}

/* banner */

.banner {
  padding: .5rem 0;
  position: relative;
}

.banner__inner-image {
  -webkit-filter: brightness(.6);
  filter: brightness(.6);
  height: 16rem;
  object-fit: cover;
  -webkit-transform: perspective(0); /* for Safari */
  -webkit-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
  width: 100%;
}

.banner-btn {
  display: table;
  left: 50%;
  max-width: 30rem;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
}

.banner-btn__inner {
  border: 1px solid hsla(0, 0%, 100%, 1);
  color: hsla(0, 0%, 100%, 1);
  display: table-cell;
  font-size: calc(1em * 8 / 7);
  height: 4em;
  text-align: center;
  text-shadow: 0 0 8px hsla(0, 0%, 0%, .5);
  -webkit-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
  vertical-align: middle;
}

.banner-anchor[target="_blank"] .banner-btn__inner::after {
  content: url(/assets/images/common/external-white.svg);
  display: inline-block;
  line-height: 1;
  margin: 0 0 0 .25em;
  /* vertical-align: middle; */
}

.banner-anchor[target="_blank"]:hover .banner-btn__inner::after {
  content: url(/assets/images/common/external-black.svg);
}


.banner-anchor:hover .banner__inner-image {
  -webkit-filter: brightness(.8);
  filter: brightness(.8);
}

.banner-anchor:hover .banner-btn__inner {
  background-color: hsla(0, 0%, 100%, .8);
  border: 1px solid hsla(0, 0%, 100%, 0);
  color: hsla(0, 0%, 0%, .8);
  text-shadow: none;
}

/* article card */

.article-cards {
  margin: 1.5rem 0 2rem;
}

.article-card:nth-child(n + 2) {
  padding: 1rem 0 0;
}

.article-card-anchor {
  display: flex;
}

.article-card__thumbnail {
  flex-basis: 5rem;
  height: 5rem;
}

.article-card__thumbnail-image {
  border: 1px solid hsla(208, 32%, 22%, .2);
  height: 5rem;
  object-fit: cover;
  width: 100%;
}

.article-card__thumbnail-image--right {
  border: 1px solid hsla(208, 32%, 22%, .2);
  height: 5rem;
  object-fit: cover;
  object-position: 100% 50%;
  width: 100%;
}

.article-card__title {
  color: hsla(0, 0%, 0%, .8);
  flex-basis: 75%;
  font-size: calc(1em * 8 / 9);
  font-weight: 400;
  line-height: 1.375;
  margin: 0;
  padding: 0 0 0 1rem;
  -webkit-transition: all .1s ease 0s;
  transition: all .1s ease 0s;
}

.article-card__title:lang(ja) {
  line-height: 1.5;
}

.article-card-anchor:hover .article-card__title {
  color: hsla(198, 98%, 42%, 1);
}

.article-card-anchor[target="_blank"] .article-card__title::after {
  content: url(/assets/images/common/external-black.svg);
  display: inline-block;
  line-height: 1;
  margin: 0 0 0 .25em;
  vertical-align: middle;
}

.article-card-anchor[target="_blank"]:hover .article-card__title::after {
  content: url(/assets/images/common/external-blue.svg);
}

/* articles list */

.articles--list {
  margin: 1.5rem 0 2rem;
}

.articles--list__item:nth-child(n + 2) {
  padding: 1rem 0 0;
}

.articles--list__meta {
  color: hsla(208, 32%, 22%, 1);
  font-size: calc(1em * 8 / 9);
  line-height: 2;
  padding: 0 0 .25rem;
}

.articles--list__date {
  font-weight: 700;
  padding: 0 .75em 0 0;
}

.articles--list__date:lang(ja) {
  font-family: /* -apple-system, BlinkMacSystemFont, */
    Roboto, "Segoe UI", "Helvetica Neue", Helvetica, Arial,
    "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", YuGothic,
    "Yu Gothic", "游ゴシック", Meiryo, "メイリオ", "MS Gothic", "ＭＳ ゴシック", sans-serif;
  font-weight: 600;
}

.articles--list__label {
  border: 1px solid hsla(198, 98%, 42%, 1);
  display: inline-block;
  font-size: .625rem;
  margin: 0 0 .5em;
  padding: 1px 1em 0;
}

.articles--list__title {
  color: hsla(0, 0%, 0%, .8);
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  -webkit-transition: all .1s ease 0s;
  transition: all .1s ease 0s;
}

.articles--list__item-anchor[target="_blank"] .articles--list__title::after {
  content: url(/assets/images/common/external-black.svg);
  display: inline-block;
  line-height: 1;
  margin: 0 0 0 .25em;
  vertical-align: middle;
}

.articles--list__item-anchor[target="_blank"]:hover .articles--list__title::after {
  content: url(/assets/images/common/external-blue.svg);
}

.articles--list__item-anchor[href$=".pdf"] .articles--list__title::after,
.articles--list__item-anchor[href$=".pdf"]:hover .articles--list__title::after {
  border: 1px solid hsla(198, 98%, 42%, 1);
  color: hsla(198, 98%, 42%, 1);
  content: "PDF";
  display: inline-block;
  font-size: .625rem;
  line-height: 1;
  margin: 0 0 0 .5em;
  padding: .2em;
  vertical-align: middle;
}

.articles--list__item-anchor:hover .articles--list__title {
  color: hsla(198, 98%, 42%, 1);
}

.articles--list__description {
  color: hsla(0, 0%, 0%, .6);
  font-size: calc(1em * 8 / 9);
  line-height: 1.5;
  padding: .25em 0 0;
}

.articles--list__description a:hover {
  text-decoration: underline;
}

.articles--list__description a[target="_blank"]::after {
  content: url(/assets/images/common/external-blue-s.svg);
  display: inline-block;
  line-height: 1;
  margin: 0 0 0 .25em;
  vertical-align: middle;
}

.articles--list__title:lang(ja),
.articles--list__description:lang(ja) {
  line-height: 1.75;
}

/* articles split */

.articles--split {
  padding: .5rem 0 1rem;
}

.articles--split__item:nth-child(n + 2) {
  margin: 1rem 0 0;
}

.articles--split__item-anchor {
  display: flex;
}

.articles--split__thumbnail {
  background-color: hsla(208, 10%, 97%, 1);
  flex-basis: 5rem;
  height: 5rem;
}

.articles--split__thumbnail-image {
  -webkit-filter: brightness(.95);
  filter: brightness(.95);
  height: 5rem;
  object-fit: cover;
  width: 100%;
  -webkit-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
}

.articles--split__thumbnail-image--right {
  -webkit-filter: brightness(.95);
  filter: brightness(.95);
  height: 5rem;
  object-fit: cover;
  object-position: 100% 50%;
  width: 100%;
  -webkit-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
}

.articles--split__item-anchor:hover .articles--split__thumbnail-image {
  -webkit-filter: brightness(1);
  filter: brightness(1);
}

.articles--split__title {
  color: hsla(0, 0%, 0%, .8);
  flex-basis: 75%;
  font-size: calc(1em * 8 / 9);
  font-weight: 400;
  line-height: 1.375;
  margin: 0;
  padding: 0 0 0 1rem;
  -webkit-transition: all .1s ease 0s;
  transition: all .1s ease 0s;
}

.articles--split__title:lang(ja) {
  line-height: 1.5;
}

.articles--split__item-anchor:hover .articles--split__title {
  color: hsla(198, 98%, 42%, 1);
}

.articles--split__item-anchor[target="_blank"] .articles--split__title::after {
  content: url(/assets/images/common/external-black.svg);
  display: inline-block;
  line-height: 1;
  margin: 0 0 0 .25em;
  vertical-align: middle;
}

.articles--split__item-anchor[target="_blank"]:hover .articles--split__title::after {
  content: url(/assets/images/common/external-blue.svg);
}

/* cards */

.card--split,
.card--wide {
  padding: .5rem 0;
}

.card--split__item {
  background-color: hsla(208, 10%, 97%, 1);
}

.card--split__item:nth-child(n + 2) {
  margin: 1rem 0 0;
}

.card--split__thumbnail-image {
  height: 12rem;
  object-fit: cover;
  width: 100%;
}

.card--wide__thumbnail-image {
  object-fit: cover;
  width: 100%;
}

.card--split__text,
.card--wide__text {
  background-color: hsla(208, 10%, 97%, 1);
  color: hsla(0, 0%, 0%, .8);
  padding: 1rem;
}

.card--split__heading,
.card--wide__heading {
  font-size: calc(1em * 8 / 6);
  line-height: 1.375;
  padding: .5rem 0;
  text-align: center;
}

.card--split__heading:lang(ja),
.card--wide__heading:lang(ja) {
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  letter-spacing: .04em;
  line-break: strict;
  line-height: 1.5;
}

.card--split__item-anchor[target="_blank"] .card--split__heading::after {
  content: url(/assets/images/common/external-black.svg);
  display: inline-block;
  line-height: 1;
  margin: 0 0 0 .25em;
  vertical-align: middle;
}

.card--wide-anchor[target="_blank"] .card--wide__heading::after {
  content: url(/assets/images/common/external-black.svg);
  display: inline-block;
  line-height: 1;
  margin: 0 0 0 .25em;
  /* vertical-align: middle; */
}

.card--wide__heading br {
  display: none;
}

.card--split__description,
.card--wide__description {
  font-size: calc(1em * 8 / 9);
  line-height: 1.5;
  margin: 0 auto;
  max-width: 25rem;
  padding: 0 .3125rem .5rem;
}

.card--split__description:lang(ja),
.card--wide__description:lang(ja) {
  line-height: 1.75;
}

/* toggle */

.toggle {
  margin: 1.5rem 0 2rem;
}

.toggle__item {
  border-bottom: 1px solid hsla(208, 32%, 22%, .2);
  border-top: 1px solid hsla(208, 32%, 22%, .2);
}

.toggle__item + .toggle__item {
  border-top: 0;
}

.toggle__item > input[type="checkbox"] {
  display: none;
}

.toggle-title {
  cursor: pointer;
  display: table;
  -webkit-transition: all .1s ease 0s;
  transition: all .1s ease 0s;
  width: 100%;
}

.toggle-title__inner {
  color: hsla(0, 0%, 0%, .8);
  display: table-cell;
  font-size: calc(1em * 8 / 7);
  line-height: 1.375;
  padding: 1.5em 2rem 1.5em 0;
  position: relative;
  -webkit-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
  vertical-align: middle;
}

.toggle-title__inner:lang(ja) {
  line-height: 1.5;
}

.toggle-title__inner::after {
  bottom: 0;
  content: url(/assets/images/common/plus-black.svg);
  display: block;
  height: .875rem;
  line-height: 1;
  margin: auto;
  position: absolute;
  right: .5rem;
  top: 0;
  width: .875rem;
}

.toggle-content {
  height: 0;
  overflow: hidden;
  padding: 0;
}

.toggle__item > input:checked ~ .toggle-content {
  height: auto;
  margin: -1.5rem 0 0;
}

.toggle__item > input:checked + .toggle-title .toggle-title__inner::after {
  content: url(/assets/images/common/minus-black.svg);
}

/* aside banners */

.aside-banners {
  padding: 0 .6875rem;
}

.aside-banners__item {
  flex-basis: 50%;
  padding: .5rem;
}

.aside-banners__item-image {
  background-color: hsla(0, 0%, 100%, 1);
  border: 1px solid hsla(208, 32%, 22%, .2);
  -webkit-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
  width: 100%;
}

.aside-banners__item-image:hover {
  background-color: hsla(208, 10%, 97%, 1);
}

/* brochures */

.brochure-anchor {
  color: hsla(0, 0%, 0%, .8);
  display: flex;
}

.brochure__thumbnail {
  flex-basis: 35%;
  padding: 0 0 1.5rem;
}

.brochure__thumbnail-image {
  border: 1px solid hsla(208, 32%, 22%, .2);
  object-fit: cover;
  width: 100%;
}

.brochure-text {
  flex-basis: 65%;
  padding: 0 0 1rem 1.25rem;
}

.brochure__heading {
  line-height: 1.375;
  padding: 0 0 .5rem 0;
  -webkit-transition: all .1s ease 0s;
  transition: all .1s ease 0s;
}

.brochure__heading:lang(ja) {
  line-height: 1.5;
}

.brochure-anchor:hover .brochure__heading {
  color: hsla(198, 98%, 42%, 1);
}

.brochure-anchor[href$=".pdf"] .brochure__heading::after {
  border: 1px solid hsla(198, 98%, 42%, 1);
  color: hsla(198, 98%, 42%, 1);
  content: "PDF";
  display: inline-block;
  font-size: .625rem;
  line-height: 1;
  margin: 0 0 0 .5em;
  padding: .2em;
  vertical-align: middle;
}

.brochure__description {
  font-size: calc(1em * 8 / 9);
  line-height: 1.5;
  padding: 0 0 .5rem 0;
}

.brochure__description:lang(ja) {
  line-height: 1.75;
}

/* organization */

.org-diagram {
  margin: 1.5rem 0 2rem;
}

.org-wrapper {
  margin: 0 0 0 1rem;
  position: relative;
}

.org-list,
.org-list--low {
  margin: 0 0 0 1rem;
  padding: 0 0 0 1rem;
  position: relative;
}

.org-list::before {
  background-color: hsla(208, 32%, 22%, .8);
  content: "";
  display: inline-block;
  height: calc(100% + .75rem);
  left: -1rem;
  position: absolute;
  top: -0.75rem;
  width: 1px;
}

.org__item {
  font-size: calc(1em * 8 / 9);
  list-style: none;
  margin: .75rem 0;
  position: relative;
}

.org-wrapper > .org__item {
  margin: .75rem 0 .75rem 1rem;
}

.org-wrapper .org__item::before {
  background-color: hsla(208, 32%, 22%, .8);
  content: "";
  display: inline-block;
  height: 1px;
  left: -1rem;
  position: absolute;
  top: 1.25rem;
  width: 1rem;
}

.org-list > .org__item:first-child::before {
  left: -2rem;
  width: 2rem;
}

.org-wrapper .org__item::after {
  background-color: hsla(208, 32%, 22%, .8);
  content: "";
  display: inline-block;
  height: 2rem;
  height: calc(100% + .75rem);
  left: -1rem;
  position: absolute;
  top: -0.75rem;
  width: 1px;
}

.org-list > .org__item:first-child::after {
  top: 1.25rem;
}

.org-wrapper .org__item:last-child::after {
  height: 2rem; /* .75rem + 1.25rem */
}

.org__item-inner,
.org__item-anchor {
  border: 1px solid hsla(208, 32%, 22%, .8);
  display: inline-block;
  line-height: 1.375;
  padding: .5rem 1rem;
  -webkit-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
}

.org__item-inner:lang(ja),
.org__item-anchor:lang(ja) {
  line-height: 1.5;
}

.org__item-anchor[target="_blank"]::after {
  content: url(/assets/images/common/external-blue.svg);
  display: inline-block;
  line-height: 1;
  margin: 0 0 0 .25em;
  vertical-align: middle;
}

.org__item-inner a:hover {
  text-decoration: underline;
}

.org__item-anchor:hover {
  background-color: hsla(208, 10%, 97%, 1);
}

/* staff */

.staff-cards {
  margin: 1.5rem 0 2rem;
}

.staff-card {
  line-height: 1.375;
  margin: 1.75rem 0;
}

.staff-card:lang(ja) {
  line-height: 1.5;
}

.staff-card-anchor,
.staff-card-inner {
  color: hsla(0, 0%, 0%, .8);
  display: flex;
}

.staff-card__thumbnail {
  flex-basis: 30%;
  max-width: 8rem;
}

.staff-card__thumbnail-image {
  object-fit: cover;
  width: 100%;
}

/* ssk */

.staff-card__thumbnail--ssk {
  background-repeat: no-repeat;
  background-image: url(/assets/images/staff/sasakawa-2.jpg);
  background-size: contain;
}

.staff-card__thumbnail--ssk .staff-card__thumbnail-image {
  -webkit-transition: all 5s ease 10s;
  transition: all 5s ease 10s;
}

.staff-card__thumbnail--ssk .staff-card__thumbnail-image:hover {
  opacity: 0;
}

.staff-card-text {
  flex-basis: 65%;
  padding: 0 0 0 1.25rem;
}

.staff-card__name {
  padding: 0 0 .25rem 0;
  -webkit-transition: all .1s ease 0s;
  transition: all .1s ease 0s;
  word-break: keep-all;
}

.staff-card__name--en {
  font-size: calc(1em * 8 / 9);
  padding: 0 0 .5rem 0;
}

.staff-card-anchor[target="_blank"] .staff-card__name::after {
  content: url(/assets/images/common/external-black.svg);
  display: inline-block;
  line-height: 1;
  margin: 0 0 0 .25em;
  vertical-align: middle;
}

.staff-card-anchor:hover .staff-card__name {
  color: hsla(198, 98%, 42%, 1);
}

.staff-card-anchor[target="_blank"]:hover .staff-card__name::after {
  content: url(/assets/images/common/external-blue.svg);
}

.staff-card__title {
  font-size: calc(1em * 8 / 10);
  padding: 0 0 .25rem 0;
}

.staff-card__description {
  color: hsla(0, 0%, 0%, .6);
  font-size: calc(1em * 8 / 10);
}

.staff-list {
  border-bottom: 1px solid hsla(208, 32%, 22%, .2);
  border-top: 1px solid hsla(208, 32%, 22%, .2);
  line-height: 1.5;
  list-style: none;
  margin: 0;
  padding: .5rem 0;
  text-align: left;
}

.staff-list:lang(ja) {
  line-height: 1.75;
}

.staff-list:nth-child(n + 2) {
  border-top: 0;
}

.staff__item {
  font-size: calc(1em * 8 / 9);
  padding: .25rem 0;
}

.staff__title {
  color: hsla(0, 0%, 0%, .6);
  font-size: calc(1em * 8 / 10);
}

.staff__name-ja {
  display: inline-block;
  margin: 0 .5em 0 0;
  word-break: keep-all;
}

.staff__name-en {
  color: hsla(0, 0%, 0%, .4);
  display: inline-block;
}

/* history */

.timeline {
  margin: 1.5rem 0 2rem;
}

.timeline-block {
  margin: 0 0 1rem;
  overflow: hidden;
  padding: 1.5rem 0 0;
}

.timeline-block:nth-child(n + 2) {
  border-top: 1px solid hsla(208, 32%, 22%, .2);
}

.timeline__year {
  color: hsla(208, 32%, 22%, 1);
  display: block;
  font-weight: 700;
  line-height: 1.5;
  padding: 0 0 .5em 0;
}

.timeline-text {
  overflow: hidden;
}

.timeline__item {
  line-height: 1.5;
  padding: 0 0 .5em 0;
}

.timeline__year:lang(ja),
.timeline__item:lang(ja) {
  line-height: 1.75;
}

.timeline-figure {
  margin: 0;
  padding: 1em 0 0;
}

.timeline-figure img {
  float: left;
  height: 100%;
  margin: 0 0 0 1em;
  padding: 0 0 1em;
  width: calc(50% - .5em);
}

.timeline-figure img:nth-child(2n + 1) {
  margin: 0;
}

/* facilities */

.facilities-location {
  color: hsla(0, 0%, 0%, .7);
  display: block;
  font-size: calc(1em * 8 / 9);
  margin: 1em 0;
}

.facilities-location::before {
  content: url(/assets/images/common/pin.svg);
  padding: 0 .5em 0 0;
  vertical-align: middle;
}

.facilities-map {
  margin: 1.5rem 0 2rem;
  padding: 0;
}

.facilities-map iframe {
  height: 300px;
  width: 100%;
}

/* PDF */

.text a[href$=".pdf"]::after,
.links a[href$=".pdf"]::after,
.figcaption a[href$=".pdf"]::after,
.figcaption--right a[href$=".pdf"]::after {
  border: 1px solid hsla(198, 98%, 42%, 1);
  color: hsla(198, 98%, 42%, 1);
  content: "PDF";
  display: inline-block;
  font-size: .625rem;
  line-height: 1;
  margin: 0 .5em;
  padding: .2em;
  vertical-align: middle;
}


/*ADD 2021.3.12*/
.txtc {
    text-align: center;
}

/*ADD 2021.10.28*/
.youtube-box {
   width:100%;
   max-width:560px;
   height:315px;
}
.youtube-box iframe {
   width: 100%;
   height: 100%;
}

/*ADD 2022.8.9*/
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}

/*ADD*/
.airmail {
  margin: 24px 0 4px;
  padding: 0 20px 20px;
  border: 1px solid #999;
  border-radius: 3px;
  background: url(/cgernews/imgs/column/airmail.png) no-repeat right bottom;
}
.airmail h3 {
  /*margin: 24px 0 4px;*/
  padding-bottom: 14px;
  background: url(/cgernews/imgs/column/airmail_line.png) repeat-x left bottom;
  /*font-size: 18px;*/
  /*clear: both;*/
  text-align: center;
}
.airmail .article-title {
  padding: 1.5rem 0 0.5rem;
}
.airmail .article-title__author {
  padding: 0;
  margin: 0;
  text-align: right;
}


/*ADD 2022/11/15*/
.progress-report {
  border-radius: 10px;
  padding: 20px 20px;
  background-color: rgb(201, 230, 255);
  margin-bottom: 35px;

  position: relative;
  display: inline-block;
}
.progress-report p {
  margin: 0;
}

.progress-report::before {
  content: "";
  position: absolute;
  top: calc(100% + 5px);
  left: 50%;
  margin-left: -17px;
  border: 17px solid transparent;
  border-top: 17px solid rgb(201, 230, 255);
}
.progress .progress-report:last-child {
  margin-bottom: 0px;
}
.progress .progress-report:last-child::before {
  border-width: 0;
}

/*ADD table*/
.tbl-style {
  width: 100%;
  border-collapse: collapse;
}
.tbl-style th {
  width: 240px;
  padding: 10px 10px;
  text-align: left;
  border-bottom:1px #fff solid;
  border-right: 1px #fff solid;
  line-height: 120%;
}
.tbl-style td {
  width: calc(100% - 240px);
  padding: 10px 10px;
  text-align: left;
  border-bottom:1px #fff solid;
  line-height: 140%;
}
.tbl-style caption {
  margin-bottom: 15px;
  text-align: left;
}

.type1 th {
  background-color: #60abff;
}
.type1 td {
  background-color: #98c8ff;
}

.type2 th {
  background-color: #ff98c4;
}
.type2 td {
  background-color: #febfda;
}

.type3 th {
  background-color: #ffd965;
}
.type3 td {
  background-color: #feeebf;
}

.type4 th {
  background-color: #78d185;
}
.type4 td {
  background-color: #caf9d1;
}


/*ADD img center*/
.img-center {
  text-align: center;
}


/*ADD 2024.3.5*/
.info {
  margin-bottom: 20px;
}
.info img {
  max-width: 100%;
}

.banner-box {
  border: 1px #ddd solid;
  padding: 10px;
}
.banner-box img {
    display: block;
    margin: 0 auto 15px;
}


/*ADD 2024.6.11 写真横並び*/
.photobox-col {
  display: flex;
  flex-wrap: wrap;
}
.photobox-col .col2 {
  width: calc((100% / 2) - 20px);
  margin: 0 10px;
}
.photobox-col .col2 img {
  width: 100%;
}

/*ADD 2024.6.11*/
.history202407 ul {
    margin-top: -10px;
}
.history202407 .figure img {
  max-width: 360px;
}
.history202407 li .photobox-col {
  margin-left: -10px;
  margin-top: 20px;
}

/*ADD 2024.6.19*/
.message-justify p {
  text-align: justify !important;
  text-justify: inter-character !important;
}

/*
responsive - medium -- 560px
print
---------------------------------------------------------------- */

@media print { /* for Firefox */
  body {
    display: block;
  }
}

@media screen and (min-width: 560px), print {
  body {
    font-size: 1rem;
  }

  hr {
    margin: 3rem 0;
  }

  .nowrap--medium {
  white-space: nowrap;
  }

  /*-------- element --------*/
  .btn {
    margin: .75rem auto;
  }

  /*-------- header --------*/
  .header-container--logo {
    padding: 0 .75rem;
  }

  .header-column {
    padding: 0 .75rem;
  }

  .news-header__logo-image {
    width: 17.5rem;
  }


  .header-container--nav > label,
  .news-header-container--nav > label {
    right: .625rem;
  }

  /*ADD 2023.9.1 kishida*/
  .news-header-container--nav > label {
    right: 10.8rem;
  }

  .header-nav__item a,
  .header-nav__item--current a,
  .header-nav__item--mobile a{
    padding: 1em 1.5rem;
  }

  .header-searchbox__inner {
    padding: 1.5rem 1.5rem;
  }

  .news-header-searchbox__inner {
    padding: 1rem 1.5rem 1.5rem;
  }



  /*ADD 2023.6.5*/
  /*NIESロゴ*/
  .symbol {
    width: 180px;
    right: 1.5rem;
  }
  .symbol img {
    width: 140px;
  }
  .symbol:lang(en) {
    width: 120px;
    right: 70px;
    top:20px;
  }
  .symbol:lang(en) img {
    width: 120px;
  }

  /*ADD 2023.8.24 tsukada*/
  /*NIESロゴ（CGERニュース用）*/
  .news-header__nies-logo-image {
    width: 9rem;
    right: 1.6rem;
    top: 1rem;
  }


  /*-------- footer --------*/
  .footer-container--directory {
    padding: 1.5rem .75rem;
  }

  .footer-column {
    padding: 0 .75rem;
  }

  .news-footer-column {
    padding: 0 .75rem;
  }

  .footer-directory-content {
    display: block;
  }

  .footer-container--nav {
    padding: 0 1.5rem;
  }

  .footer-nav__item {
    padding: .75rem 1.5em .75rem 0;
  }

  .breadcrumbs {
    padding: 1rem 1.5rem;
  }

  /*-------- main --------*/
  .hero-text {
    padding: 0 1.5rem;
  }

  .hero--title__heading {
    width: calc(100% - 3rem);
  }

  .title {
    padding: 1.5rem;
  }

  .hero--title__heading br,
  .title__heading br {
    display: none;
  }

  .container,
  .container--3-4 {
    padding: .75rem;
  }

  .container--narrow,
  .news-container {
    margin: 0 auto;
    max-width: 768px; /* 720 + 24 + 24 */
    padding: .75rem;
  }

  .column,
  .column--3-4,
  .column--1-4,
  .column--2-3,
  .column--1-3,
  .column--1-2 {
    padding: 0 .75rem;
  }

  .item {
    flex-basis: 50%;
    padding: .75rem;
  }

  .item-text {
    padding: .75rem .375rem;
  }

  .news-card--headline {
    margin-top: -1.5rem;
    padding: .75rem;
  }

  .news-card--wide,
  .news-card--narrow,
  .news-aside--wide,
  .news-aside--narrow {
    padding: .75rem;
  }

  .news-card__badge {
    top: 5%;
    top: 45%;
    width: 20%;
  }
  
/*★*/
  .news-card__badge_test {
    top: 5%;
    top: 45%;
    width: 20%;
  }
  
  
  .news-card__text {
    padding: 0 1rem 1rem;
  }

  .news-card__meta,
  .news-card__meta--headline {
    padding: 1em 0;
  }

  .news-aside-inner,
  .recommend-header,
  .recommend-item-anchor {
    padding: 1rem;
  }

  .recommend-item__comment {
    padding: 0 0 1rem;
  }

  .recommend-item__thumbnail {
    flex-basis: 20%;
    padding: 12.5% 0 0;
    position: relative;
  }

  .recommend-item__text {
    flex-basis: 80%;
    padding: 0 0 0 1rem;
  }

  .category-title {
    padding: 1rem 1.5rem;
  }

  .article hr {
    margin: 2.5rem 0 3.5rem;
  }

  .article-title {
    padding: 2rem 0 2.5rem;
  }

  .article-title__heading {
    font-size: calc(1em * 8 / 4);
  }

  .article-title__series {
    padding: 0 0 1rem;;
  }

  .article-title__subtitle {
    padding: .75rem 0 0;
  }

  .article-title__meta {
    padding: 0 0 1.5rem;
  }

  .article-title__description {
    line-height: 1.625;
    padding: 1.5rem 0 0;
  }

  .article-title__description:lang(ja) {
    line-height: 2;
  }

  .article-title__author {
    padding: 2rem 0 0;
  }

  .article-footer {
    margin: 8rem 0 0;
  }

  .article-footer__author {
    margin: 0 0 4.5rem;
  }

  .article-contents {
    padding: 2rem;
  }

  .author-card {
    margin: 2rem 0;
  }

  .author-card-text {
    padding: 0 0 0 1.75rem;
  }

  .section + .section,
  .text + .section,
  .figure + .section,
  .figure--narrow + .section,
  .figure--narrow-border + .section,
  .figure-table + .section,
  .figure-table--line + .section {
    margin: 4.5rem 0 0;
  }

  .section-title,
  .section-title--center {
    margin: 2.5rem 0;
  }

  .article-section-title {
    margin: 2.5rem 0 1.75rem;
  }

  .section-title__heading-2,
  .section-title--center__heading-2,
  .section-title__heading-2b,
  .section-title--center__heading-2b {
    font-size: calc(1em * 8 / 5);
  }

  .section-title__heading-3 {
    font-size: calc(1em * 8 / 6);
  }

  .section-title br,
  .section-title--center br {
    display: none;
  }

  .box--fill {
    margin: 1.5rem 0 2.5rem;
    padding: .5rem 2rem;
  }

  .lead-text {
    line-height: 2;
    margin: 1.5rem 0 2.5rem;
    text-align: center;
  }

  .lead-text:lang(ja) {
    line-height: 2.5;
    text-align: center;
  }

  .lead-text p {
    margin: 2em 0;
  }

  .lead-text p br {
    display: block;
  }

  .text {
    line-height: 1.625;
    margin: 1.5rem 0 2.5rem;
  }

  .text:lang(ja) {
    line-height: 2;
  }

  .list,
  .list--large,
  .list--large .list {
    padding: 0 0 0 2em;
  }

  .figure,
  .figure-table,
  .figure-table--line {
    margin: 1.5rem 0 2.5rem;
  }

  .figure--narrow,
  .figure--narrow-border {
    margin: 1.5rem auto 2.5rem;
    width: 480px;
  }

  .figure--left {
    margin: 1rem 2rem 1rem 0;
  }

  /*ADD 2021.4.9*/
  .figure--right {
    margin: 1rem 0 1rem 2rem;
  }
  
  .text-figure,
  .text-figure--left,
  .text-figure--right {
    margin: 0 0 1.5rem;
  }

  .figure-table th,
  .figure-table td,
  .figure-table--line td {
    padding: .75rem;
  }

  .figure-table--line td + td {
    padding: .75rem;
  }

  .links {
    margin: 1.5rem 0 2.5rem;
  }

  .aside-links {
    margin: 1.5rem 0 2.5rem;
    padding: 1.5em;
  }

  .main-nav,
  .banner {
    padding: .75rem 0;
  }

  .main-nav-btn__inner,
  .banner-btn__inner {
    font-size: calc(1em * 8 / 6);
  }

  .local-nav-list {
    padding: .5rem 1.5rem 0;
  }

  .local-nav__item a,
  .local-nav__item--current a {
    padding: .75rem 0;
  }

  .page-nav__item,
  .page-nav__item--current {
    padding: 0 1.25em 0 0;
  }

  .scroll-nav__item {
    padding: 0 1rem 0 0;
  }

  .scroll-nav__item:last-child {
    padding: 0 .75rem 0 0;
  }

  .article-cards {
    display: flex;
    flex-wrap: wrap;
    margin: 1.5rem 0 2.5rem;
  }

  .article-card {
    flex-basis: calc(100% / 3 - 1rem);
    margin: 0 0 0 1.5rem;
  }

  .article-card:nth-child(3n + 1) {
    margin: 0;
  }

  .article-card:nth-child(n + 2) {
    padding: 0;
  }

  .article-card:nth-child(n + 4) {
    padding: 1.5rem 0 0;
  }

  .article-card-anchor {
    display: block;
  }

  .article-card__thumbnail,
  .article-card__thumbnail-image,
  .article-card__thumbnail-image--right {
    height: 10rem;
  }

  .article-card__title {
    padding: 1rem 0;
  }

  .articles__item:nth-child(n + 2) {
    padding: 1.5rem 0 0;
  }

  .articles__thumbnail {
    flex-basis: 8rem;
  }

  .articles__title {
    flex-basis: calc(100% - 8rem);
    padding: 0 0 0 1.5rem;
  }

  .articles--list {
    margin: 1.5rem 0 2.5rem;
  }

  .articles--list__item:nth-child(n + 2) {
    padding: 1.5rem 0 0;
  }

  .articles--split {
    display: flex;
    justify-content: space-between;
    padding: .75rem 0;
  }

  .articles--split__item {
    flex-basis: calc(100% / 3 - 1px);
    margin: 0;
  }

  .articles--split__item:nth-child(n + 2) {
    margin: 0;
  }

  .articles--split__item-anchor {
    display: block;
  }

  .articles--split__thumbnail,
  .articles--split__thumbnail-image,
  .articles--split__thumbnail-image--right {
    height: 9rem;
  }

  .articles--split__title {
    padding: 1rem .875rem;
  }

  .card--split {
    display: flex;
    justify-content: space-between;
    padding: .75rem 0;
  }

  .card--split__item {
    flex-basis: calc(100% / 3 - 1px);
    margin: 0;
  }

  .card--split__item:nth-child(n + 2) {
    margin: 0;
  }

  .card--wide {
    padding: .75rem 0;
  }

  .card--wide-anchor {
    display: flex;
  }

  .card--wide-anchor-reverse {
    display: flex;
    flex-direction: row-reverse;
  }

  .card--wide__thumbnail {
    flex-basis: 50%;
  }

  .card--split__thumbnail-image {
    height: 9rem;
  }

  .card--split__text {
    padding: 1rem;
  }

  .card--wide__text {
    align-items: center;
    display: flex;
    flex-basis: 50%;
    justify-content: center;
  }

  .card--wide__text-inner {
    width: 17rem;
  }

  .card--split__heading {
    font-size: 1em;
  }

  .card--wide__heading {
    padding: 0 0 .75rem 0;
    text-align: left;
  }

  .card--wide__heading br {
    display: block;
  }

  .card--wide__description {
    padding: 0;
  }

  .toggle {
    margin: 1.5rem 0 2.5rem;
  }

  .aside-banners {
    padding: 0;
  }

  .aside-banners__item {
    flex-basis: calc(100% / 3);
    padding: .75rem;
  }

  .org-diagram {
    margin: 1.5rem 0 2.5rem;
  }

  .org-wrapper {
    margin: 0 0 0 3.5rem;
  }

  .org-list {
    margin: 0 0 0 3rem;
    padding: 0 0 0 3rem;
  }

  .org-list--low {
    margin: 0 0 0 2.25rem;
    padding: 0 0 0 3rem;
  }

  .org-list::before {
    height: calc(100% + 1rem);
    left: -3rem;
    top: -1rem;
  }

  .org__item {
    margin: 1rem 0;
  }

  .org-wrapper > .org__item {
    margin: 1rem 0 1rem 3rem;
  }

  .org-wrapper .org__item::before {
    left: -3rem;
    top: 1.5rem;
    width: 3rem;
  }

  .org-list > .org__item:first-child::before {
    left: -6rem;
    width: 6rem;
  }

  .org-wrapper .org__item::after {
    height: calc(100% + 1rem);
    left: -3rem;
    top: -1rem;
  }

  .org-list > .org__item:first-child::after {
    top: 1.5rem;
  }

  .org-wrapper .org__item:last-child::after {
    height: 2.5rem; /* .75rem + 1.25rem */
  }

  .org__item br {
    display: none;
  }

  .org__item-inner,
  .org__item-anchor {
    padding: .75rem 1.25rem;
  }

  .staff-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 1.5rem 0 2.5rem;
  }

  .staff-card {
    flex-basis: calc(50% - .75rem);
    margin: 0;
  }

  .staff-card:nth-child(n + 3) {
    margin: 1.75rem 0 0;
  }

  .staff-list {
    padding: .75rem 0;
  }

  .staff__item {
    display: table;
    width: 100%;
  }

  .staff__title {
    display: table-cell;
    font-size: calc(1em * 8 / 9);
    margin: 0;
    width: 50%;
  }

  .staff__title:lang(ja) {
    width: 40%;
  }

  .staff__name {
    display: table-cell;
  }

  .staff__name-ja {
    margin: 0 1em 0 0;
  }

  .timeline {
    margin: 1.5rem 0 2.5rem;
  }

  .timeline__year {
    float: left;
  }

  .timeline-text {
    margin: 0 0 0 4em;
  }

  .timeline-figure img {
    width: calc(100% / 3 - 2em / 3);
  }

  .timeline-figure img:nth-child(2n + 1) {
    margin: 0 0 0 1em;
  }

  .timeline-figure img:nth-child(3n + 1) {
    margin: 0;
  }

  .facilities-map {
    margin: 1.5rem 0 2.5rem;
  }

  .facilities-map iframe {
    height: 450px;
  }

  /*ADD 2024.2.22*/
  .figure50 img {
    width: 50% !important;
  }

  /*ADD 2024.3.6*/
  /* .banner-box {
    border: 1px #ddd solid;
    padding: 10px;
  } */
  .banner-box img {
    display: inline;
    margin-bottom: 0;
  }


}



/* ADD 2023.8.3*/
/*画面割*/
.col50 {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;    
  box-lines: multiple;
  flex-wrap: wrap;
}
.col50 .item50 {
  width: 50%;
  padding: 0 10px;
}
.col50 .item50-img {
  width: 48%;
  
}
.col50 .item50-txt {
  width: 52%;
  padding-left: 20px;
}




/*
responsive - large -- 960px
---------------------------------------------------------------- */

@media screen and (min-width: 960px) {
  hr {
    margin: 3.75rem 0;
  }

  .nowrap--large {
    white-space: nowrap;
  }

  /*-------- element --------*/
  .btn {
    margin: 1rem auto;
  }

  .btn a::after {
    content: "";
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
  }

  .btn a:hover::after {
    content: url(/assets/images/common/arrow-right-black.svg);
  }

  /*-------- header --------*/
  .header-container--logo,
  .header-container--nav,
  .news-header-container--nav {
    margin: 0 auto;
    max-width: 1216px;
    padding: 0 2rem;
    position: relative;
  }

  .header-container--logo .header-lang {
    display: block;
  }

  .header-container--nav .header-lang {
    display: none;
  }

  .header-lang {
    padding: 0;
    position: absolute;
    right: 3rem;
    top: 0;
  }

  .header-lang-list {
    width: 6.5rem;
  }

  .header-lang__item,
  .header-lang__item--current {
    line-height: 1.75rem;
  }

  .header-lang__item a {
    color: hsla(208, 32%, 22%, 1);
  }

  .header-column {
    padding: 0 1rem;
  }

  .header__logo {
    height: 5.75rem;
  }

  .news-header__logo {
    height: 5rem;
  }

  .header__logo-image {
    width: 15rem;
  }

  .header__logo-image:lang(en) {
    width: 17.5rem;
  }

  .news-header__logo-image {
  width: 20rem;
  }

  .header-container--nav > label {
    display: none;
  }

  /*ADD 2023.8.24 tsukada*/
  /*ロゴ追加にあたってrightの値変更*/
  .news-header-container--nav > label {
    /*right: 2.125rem;*/
    right: 16rem;
    top: -4rem;
  }

  .header-content {
    display: block;
  }

  .header-nav {
    bottom: 0;
    padding: 0;
    position: absolute;
    
    /*ADD 2023.6.5*/
    /*right: 6.25rem;*/
    right: 16rem;
  }

  .header-nav:lang(en) {
    right: 14rem;
  }

  .header-nav-list {
    display: table;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .header-nav__item,
  .header-nav__item--current,
  .header-search {
    display: table-cell;
  }

  .header-nav__item--mobile {
    display: none;
  }

  .header-nav__item a {
    border-bottom: 0 solid hsla(208, 32%, 22%, 1);
    color: hsla(0, 0%, 0%, .8);
    display: block;
    height: 3.25rem;
    padding: 1.25rem .75rem 0;
  }

  .header-nav__item a:hover {
    border-bottom: 4px solid hsla(208, 32%, 22%, 1);
  }

  .header-nav__item--current a {
    border-bottom: 4px solid hsla(208, 32%, 22%, 1);
    color: hsla(0, 0%, 0%, .8);
    display: block;
    height: 3.25rem;
    padding: 1.25rem .75rem 0;
  }

  .header-nav-list:hover .header-nav__item--current a {
    border-bottom: 4px solid hsla(208, 32%, 22%, .6);
  }

  .header-nav-list:hover .header-nav__item--current a:hover {
    border-bottom: 4px solid hsla(208, 32%, 22%, 1);
  }

  /*ADD 2023.6.5*/
  .header-search {
    bottom: 0;
    position: absolute;
    /*right: 3rem;*/
    right: 13rem;
  }
  .header-search:lang(en) {
    right: 11rem;
  }


  /*ADD 2023.6.5*/
  .symbol {
    width: auto;
    bottom: 8px;
    right: 1rem;
    top: auto;
  }
  .symbol img {
    width: 180px;
  }
  .symbol:lang(en) {
    width: auto;
    bottom: 10px;
    right: 2rem;
    top:auto;
  }
  .symbol:lang(en) img {
    width: 130px;
  }

   /*ADD 2023.8.24 tsukada*/
   /*NIESロゴ*/
  .news-header__nies-logo-image {
    width: 12rem;
    right: 3rem;
    top: 1.2rem;
  }
  
  .header-search > label {
    background: url(/assets/images/common/search.svg) no-repeat 1rem;
    cursor: pointer;
    display: block;
    padding: 1rem;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
  }

  .header-search > label:hover {
    background-color: hsla(208, 10%, 97%, 1);
  }

  .header-search > input:checked + label img{
    visibility: hidden;
  }

  .header-search > input:checked + label {
    background: hsla(208, 10%, 97%, 1) url(/assets/images/common/close.svg) no-repeat 1rem;
  }

  .header-searchbox {
    height: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    top: 3.25rem;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    width: 31rem;
    z-index: 9;
  }

  .header-search > input:checked ~ .header-searchbox {
    height: 5rem;
  }

  .header-searchbox__inner {
    height: 5rem;
    padding: 1.375rem 1.5rem;
  }

  .news-header-searchbox__inner form {
    margin: 0 auto;
    max-width: 816px;
  }

  /*-------- footer --------*/
  .footer-container--directory {
    display: flex;
    margin: 0 auto;
    max-width: 1216px;
    padding: 2.5rem 2rem;
  }

  .footer-column {
    flex-basis: 25%;
    padding: 0 1rem;
  }

  .news-footer-column {
    flex-basis: calc(100% / 3);
    padding: 0 1rem;
  }

  .footer__logo-image {
    max-width: 13.75rem;
    width: 90%;
  }

  .footer-social__item {
    padding: 0 1rem 0 0;
  }

  .footer-directory-list {
    padding: .75rem 0 0;
  }

  .footer-directory__item,
  .news-footer-directory__item {
    display: block;
    padding: 0 0 .75rem;
  }

  .footer-directory__item:not(:last-child)::after {
    display: none;
  }

  .footer-container--nav {
    padding: 0;
  }

  .footer-container--nav__inner {
    margin: 0 auto;
    max-width: 1216px;
    padding: 0 3rem;
    position: relative;
  }

  .footer-nav {
    padding: 2.5rem 0;
  }

  .footer-nav__item {
    padding: .75rem 1.5em .75rem 0;
  }

  .footer__copyright {
    right: 3rem;
    position: absolute;
    top: 3.125rem;
  }

  .breadcrumbs {
    margin: 0 auto;
    max-width: 1216px;
    padding: 1rem 3rem;
  }

  /*-------- main --------*/
  .main {
    padding: 0 0 2.5rem;
  }

  .news-main {
    padding: 2rem 0 2.5rem;
  }

  .swiper-pagination-bullet {
    height: 9px;
    width: 9px;
  }

  .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 6px;
  }

  .hero,
  .hero--title {
    margin: 0 0 3rem;
  }

  .hero-image,
  .hero-image--right {
    
    /*DEL 2022/10/26*/
    /* height: 80vh; */
    height: 55vh;

    max-height: 62.5vw;
  }

  .hero-text {
    padding: 0 3rem;
  }

  .hero-text__label {
    font-size: 1rem;
  }

  .hero-text__title {
    font-size: calc(1em * 8 / 5);
  }

  .hero-text__title-inner br {
    display: block;
  }

  .hero--title,
  .hero--title-image {
    height: 50vh;
    max-height: 36rem;
  }

  .hero--title__heading {
    font-size: calc(1em * 8 / 3);
    max-width: 1120px;
    line-height: 1.375;
    width: calc(100% - 6rem);
  }

  .title {
    justify-content: center;
    margin: 0 0 3rem;
    min-height: 12rem;
    padding: 2rem 3rem;
  }

  .title__heading {
    font-size: calc(1em * 8 / 3);
    max-width: 1120px;
    line-height: 1.375;
  }

  .hero--title__heading:lang(ja),
  .title__heading:lang(ja) {
    line-height: 1.5;
  }

  .container {
    margin: 0 auto;
    max-width: 1216px; /* 1152 + 64 */
    padding: 1rem 2rem;
  }

  .container--3-4 {
    margin: 0 auto;
    max-width: 928px; /* 1152 / 4 * 3 + 64 */
    padding: 1rem 2rem;
  }

  .container--narrow,
  .news-container {
    margin: 0 auto;
    max-width: 816px; /* 720 + 32 + 64 */
    padding: 1rem 2rem;
  }

  .column {
    width: 100%;
    padding: 0 1rem;
  }

  .column--3-4 {
    width: 75%;
    padding: 0 1rem;
  }

  .column--1-4 {
    width: 25%;
    padding: 0 1rem;
  }

  .column--2-3 {
    width: calc(100% / 3 * 2);
    padding: 0 1rem;
  }

  .column--1-3 {
    width: calc(100% / 3);
    padding: 0 1rem;
  }

  .column--1-2 {
    width: 50%;
    padding: 0 1rem;
  }

  .item {
    padding: 1rem;
  }

  .item__thumbnail-image {
    height: 21rem;
  }

  .news-card--headline {
    margin-top: -2rem;;
    padding: 1rem;
  }

  .news-card--wide {
    flex-basis: 50%;
    padding: 1rem;
  }

  .news-aside--wide {
    flex-basis: calc(100% / 3 * 2);
    padding: 1rem;
  }

  .news-card--narrow,
  .news-aside--narrow {
    flex-basis: calc(100% / 3);
    padding: 1rem;
  }

  .news-card-anchor--headline {
    overflow: hidden;
  }

  .news-card-anchor--wide,
  .news-card-anchor--narrow {
    height: 100%;
  }

  .news-card__thumbnail--headline {
    float: left;
    margin: 0 2rem 0 0;
    padding: 44% 0 0;
    width: calc(100% / 3 * 2 - 2rem / 3);
  }

  .news-card__badge {
    bottom: 7%;
    top: auto;
    /* top: 7%; */
    width: 15%;
  }

  /*★*/
  .news-card__badge_test {
    bottom: 50%;
    top: auto;
    /* top: 7%; */
    width: 15%;

  }
  
  .news-card__meta--headline {
    padding: 2em 0 1em;
  }

  .news-card__title {
    min-height: 6.75rem;
  }

  .news-card__title--wide {
    min-height: 5.75rem;
  }

  .news-card__description {
  display: block;
  font-size: calc(1em * 8 / 9);
  line-height: 1.75;
  padding: 1em 0 0;
  }

  .backissue__title {
    font-size: calc(1em * 8 / 9);
  }

  .category-title {
    padding: 1rem 3rem;
  }

  .category-title__heading {
    font-size: calc(1em * 8 / 6);
    margin: 0 auto;
    max-width: 1120px;
  }

  .article hr {
    margin: 3.25rem 0 4.25rem;
  }

  .article-title {
    padding: 3rem 0;
  }

  .lead-text p {
    margin: 2.5em 0;
  }

  .text-figure--left {
    float: left;
    margin: .5rem 2.5rem 1.5rem 0;
    width: 50%;
  }

  .text-figure--right {
    float: right;
    margin: .5rem 0 1.5rem 2.5rem;
    width: 50%;
  }

  .main-nav {
    display: flex;
    flex-wrap: wrap;
    padding: 1rem 0;
  }

  .main-nav-item {
    flex-basis: 50%;
  }

  .main-nav-item:nth-child(n + 2) {
    margin: 0;
  }

  .main-nav-item__inner-image {
    height: 20rem;
  }

  .local-nav {
    margin: -3rem 0 0;
  }

  .local-nav-list {
    margin: 0 auto;
    max-width: 1216px;
    padding: .5rem 3rem 0;
  }

  .local-nav__item:nth-child(n + 2),
  .local-nav__item--current:nth-child(n + 2) {
    padding: 0 0 0 1.25rem;
  }

  .local-nav__item a,
  .local-nav__item--current a {
    padding: 1rem 0;
  }

  .page-nav__item,
  .page-nav__item--current {
    padding: 0 1.5em 0 0;
  }

  .page-nav__item a,
  .page-nav__item--current a {
    padding: .5rem 0;
  }

  .page-nav__item a::before,
  .page-nav__item--current a::before {
    margin: 0 .5em 0 0;
  }

  .scroll-nav-wrapper {
    overflow-x: visible;
    position: static;
  }

  .scroll-nav {
    text-align: right;
    position: -webkit-sticky;
    position: sticky;
    top: 1.5rem;
  }

  .scroll-nav-list {
    display: block;
    list-style: none;
    margin: 1.5rem 0;
    padding: 0;
  }

  .scroll-nav__item {
    display: block;
    margin: .75rem 0;
    padding: 0;
  }

  .scroll-nav__item:last-child {
    padding: 0;
  }

  .scroll-nav__item a {
    padding: 0 1.25rem 0 0;
    position: relative;
    white-space: normal;
  }

  .scroll-nav__item a::after {
    bottom: 0;
    height: .75rem;
    margin: auto;
    padding: 0 0 0 .5rem;
    position: absolute;
    top: 0;
  }

  .banner {
    padding: 1rem 0;
  }

  .banner__inner-image {
    height: 22.5rem;
  }

  .article-card {
    flex-basis: calc(25% - 1.5rem);
    margin: 0 0 0 2rem;
  }

  .article-card:nth-child(3n + 1) {
    margin: 0 0 0 2rem;
  }

  .article-card:nth-child(4n + 1) {
    margin: 0;
  }

  .article-card:nth-child(n + 4) {
    padding:0;
  }

  .article-card:nth-child(n + 5) {
    padding: 2rem 0 0;
  }

  .column--3-4 .article-card {
    flex-basis: calc(100% / 3 - 4rem / 3);
  }

  .column--3-4 .article-card:nth-child(4n + 1) {
    margin: 0 0 0 2rem;
  }

  .column--3-4 .article-card:nth-child(3n + 1) {
    margin: 0;
  }

  .column--3-4 .article-card:nth-child(n + 5) {
    padding: 0;
  }

  .column--3-4 .article-card:nth-child(n + 4) {
    padding: 2rem 0 0;
  }

  .articles__item:nth-child(n + 2) {
    padding: 2rem 0 0;
  }

  .articles--list__item:nth-child(n + 2) {
    padding: 2rem 0 0;
  }

  .articles--list__label {
    margin: 0 0 .5rem;
  }

  .articles--split {
    padding: 1rem 0;
  }

  .articles--split__thumbnail,
  .articles--split__thumbnail-image,
  .articles--split__thumbnail-image--right {
    height: 12rem;
  }

  .article-card__title,
  .articles--split__title {
    line-height: 1.5;
  }

  .article-card__title:lang(ja),
  .articles--split__title:lang(ja) {
    line-height: 1.75;
  }

  .card--split,
  .card--wide {
    padding: 1rem 0;
  }

  .card--split__thumbnail-image {
    height: 12rem;
  }

  .card--wide__text-inner {
    width: 24rem;
  }

  .card--split__heading {
    font-size: calc(1em * 8 / 7);
  }

  .card--wide__heading {
    font-size: calc(1em * 8 / 5);
  }

  .aside-banners__item {
    flex-basis: 25%;
    padding: 1rem;
  }

  .brochure__thumbnail {
    padding: 0 0 2rem;
  }

  .brochure-text {
    padding: 0 0 1.5rem 1.75rem;
  }

  .brochure__heading {
    font-size: calc(1em * 8 / 7);
  }

  .staff-card {
    flex-basis: calc(50% - 1rem);
  }

  .staff-card-text {
    padding: 0 0 0 1.5rem;
  }

  .timeline-block {
    margin: 0 2rem;
    padding: 1.5rem 0;
  }

  .timeline-text {
    margin: 0 0 0 5em;
  }

  .facilities-map iframe {
    height: 500px;
  }

}

@media screen and (max-width: 780px) {
  .col50 .item50 {
      width: 100%;
      padding: 0;
  }
  .col50 .item50 img {
      max-width: 400px;
      display: block;
      margin: 0 auto;
  }

  .col50 .item50-img {
      width: 100%;
      
  }
  .col50 .item50-img img {
      max-width: 400px;
      display: block;
      margin: 0 auto;
  }
  .col50 .item50-txt {
      width: 100%;
      padding-left: 0;
  }
}

@media screen and (max-width: 580px) {
  .recommend-item__comment-txt {
    width: 100%;
  }
  .recommend-item__comment-img {
    width: 100%;
    margin-top: 30px;
    margin-left: 0;
  }
  .recommend-item__comment-img img {
    display: block;
    width: 100%;
    max-width: 180px;
    margin: 0 auto;
  }

  /*ADD 2024.8.16*/
  .figure--left50 {
    float: none;
    width: 100%;
    margin: 1rem auto;
  }
}
@media screen and (max-width: 380px) {
  .photobox-col .col2 {
    width: 100%;
    margin: 0 0 20px;
  }
}