@charset "utf-8";


/* news top --------------- */
.page_section { padding-bottom: 100px; }
@media screen and (min-width: 1367px) {
.page_section {
  padding-bottom: 185px;
  width: 700px;
}
}

.news-archive_wrap { border-top: 1px solid #ccc; }

.news-archive_list {
  border-bottom: 1px solid #ccc;
  color: var(--navy);
  display: block;
  padding: 2em 3em 2.5em 0;
  text-decoration: none;
}
@media screen and (min-width: 1367px) {
a.news-archive_list:visited,
a.news-archive_list:active {
  color: var(--navy);
  text-decoration: none;
}
}

a.news-archive_list { position: relative; }

a.news-archive_list:after {
  background-image: url(/assets/images/common/icon_arrow_circle.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 10px;
  content: '';
  display: block;
  height: 20px;
  position: absolute;
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
}
@media screen and (min-width: 1367px) {
a.news-archive_list:after {
  border-radius: 14px;
  height: 28px;
  transition: .3s;
  width: 28px;
}
a.news-archive_list:hover:after { background-image: url(/assets/images/common/icon_arrow_circle_hover.png); }
}

.news-archive_list time {
  color: #000;
  display: block;
  font-size: 12px;
  line-height: 1;
  margin: 0;
  padding: 0 0 .8em;
  text-decoration: none;
}

.news-archive_list p {
  color: var(--navy);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  padding: 0 0 1em;
}
@media screen and (min-width: 1367px) {
.news-archive_list p { font-size: 16px; }
a.news-archive_list p { transition: .3s; }
a.news-archive_list:hover p { color: var(--navy); }
}

.news-archive_list p:nth-last-of-type(1) { padding-bottom: 0; }

.news-archive_list p a { color: var(--skyblue); }
@media screen and (min-width: 1367px) {
.news-archive_list p a:hover { text-decoration: none; }
.news-archive_list p a:visited,
.news-archive_list p a:active { color: var(--skyblue); }
}

.news-archive_list figure {
  display: block;
  margin: 0;
  width: 100%;
}

.news-archive_list figure img {
  display: block;
  height: auto;
  width: 100%;
}


/* news detail --------------- */
.news_header {
  margin: 100px auto 0;
  width: 90%;
}
@media screen and (min-width: 1367px) {
.news_header {
  margin-top: 115px;
  width: 1000px;
}
}

.news_datetime {
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  margin-top: 30px;
}
@media screen and (min-width: 1367px) {
.news_datetime  { display: inline-block; }
}

.news_headline {
  color: var(--navy);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
  margin-top: .5em;
  width: 100%;
}
@media screen and (min-width: 1367px) {
.news_headline {
  font-size: 32px;
  line-height: 1.4375;
  padding-bottom: .2em;
}
}

.news_figure {
  display: block;
  margin: 1em 0 0;
  width: 100%;
}

.news_figure img {
  display: block;
  height: auto;
  width: 100%;
}

.news_figure-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  margin: 1em 0 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
.news_figure-wrap { flex-wrap: nowrap; }
}

.news_figure-wrap figure {
  display: block;
  margin: 0;
  width: 49%;
}

.news_figure-wrap figure img {
  display: block;
  height: auto;
  width: 100%;
}

.news_figure-wrap figure figcaption { margin: .5em 0 0; }

.news_article {
  margin: 0 auto;
  padding-bottom: 100px;
  width: 90%;
}
@media screen and (min-width: 1367px) {
.news_article {
  padding-bottom: 300px;
  width: 1000px;
}
}

.news_section { margin: 50px 0 0; }
@media screen and (min-width: 1367px) {
.news_section { margin-top: 100px; }
}

.news_article .news_section:first-child { margin-top: 50px; }

.news_section-heading {
  border-left: 3px solid var(--navy);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: .7em;
  padding: .5em 0 .5em .5em;
}

.news_middle-heading {
  border-left: 3px solid var(--navy);
  margin-bottom: .7em;
  padding: .5em 0 .5em .5em !important;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  margin-top: 3em;
  position: relative;
}

.news_middle-heading.bullet-square { padding-top: .5em; }
.news_middle-heading.bullet-square:before { display: none; }


.news_small-heading {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  margin-top: 20px;
  position: relative;
}

.news_sentence {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  padding-bottom: 1.5em;
}
@media screen and (min-width: 1367px) {
.news_sentence { line-height: 1.8; }
}

.news_figure + .news_sentence,
.news_section-frame + .news_sentence { margin-top: 1em; }
.news_small-heading + .news_sentence { margin-top: .5em; }

.link-text {
  color: var(--skyblue);
  text-decoration: underline;
}
@media screen and (min-width: 1367px) {
.link-text:hover { text-decoration: none; }
.link-text:hover,
.link-text:active,
.link-text:visited { color: var(--skyblue); }
}

.target-blank:after {
  content: ' \f35d';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  text-decoration: none;
}

.news_section-ul,
.news_section-ol {
  list-style: none;
  padding: 0 0 1em;
}

.news_section-ul li {
  font-size: 14px;
  line-height: 1.3;
  padding: 0 0 .6em 1.2em;
  position: relative;
}
@media screen and (min-width: 1367px) {
.news_section-ul li { font-size: 15px; }
}

.news_section-ul li:before {
  content: '・';
  font-family: 'Font Awesome 5 Free';
  font-size: inherit;
  font-weight: 900;
  line-height: inherit;
  left: 0;
  position: absolute;
  top: 0;
}

.news_section-ol li:nth-child(1):before { content: '１.' }
.news_section-ol li:nth-child(2):before { content: '２.' }
.news_section-ol li:nth-child(3):before { content: '３.' }
.news_section-ol li:nth-child(4):before { content: '４.' }
.news_section-ol li:nth-child(5):before { content: '５.' }
.news_section-ol li:nth-child(6):before { content: '６.' }
.news_section-ol li:nth-child(7):before { content: '７.' }
.news_section-ol li:nth-child(8):before { content: '８.' }
.news_section-ol li:nth-child(9):before { content: '９.' }
.news_section-ol li:nth-child(10):before { content: '10.' }

.news_section-frame {
  background-color: #eee;
  border-radius: 10px;
  padding: 20px 10px;
}
@media screen and (min-width: 1025px) {
.news_section-frame { padding: 30px 20px; }
}

.news_inline-dl_contents {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: .5em;
  width: 100%;
}
@media only screen and (min-width: 1367px) {
.news_inline-dl_contents { flex-wrap: nowrap; }
}

.news_inline-dl_contents:last-child { padding-bottom: 0; }

.news_inline-dl dt,
.news_inline-dl dd {
  font-size: 14px;
  line-height: 1.5;
}

.news_inline-dl dt {
  padding-bottom: .2em;
  width: 100%;
}
@media only screen and (min-width: 1025px) {
.news_inline-dl dt {
  padding-bottom: 0;
  width: 20%;
}
}

.news_inline-dl dd { width: 100%; }
@media only screen and (min-width: 1025px) {
.news_inline-dl dd { width: 80%; }
}

.news_cta,
.news_cta_unique {
  margin: 50px 0 0;
  padding: 0 0 2em;
  text-align: center;
}

.news_cta-caption {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
}
@media screen and (min-width: 1367px) {
.news_cta-caption { font-size: 14px; }
}

.news_cta-button {
  align-items: center;
  background-color: var(--navy);
  border-radius: 15px;
  color: #fff;
  display: flex;
  height: 80px;
  margin: .5em auto 0;
  padding: 1em 0;
  position: relative;
  text-decoration: none;
  width: 90%;
}
@media screen and (min-width: 768px) {
.news_cta-button {
  transition: .3s;
  width: 450px;
}
}

.news_cta-button:after {
  background-image: url(/assets/images/common/icon_arrow_white.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  content: '';
  display: block;
  height: 26px;
  position: absolute;
  right: .5em;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
}
@media screen and (min-width: 1367px) {
.news_cta-button:after { right: 1em; }
}

@media screen and (min-width: 1367px) {
.news_cta-button:hover { opacity: .7; }
.news_cta-button:hover,
.news_cta-button:active,
.news_cta-button:visited {
  color: #fff;
  text-decoration: none;
}
}

.news_cta-button span {
  display: block;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  width: 100%;
}
@media screen and (min-width: 1367px) {
.news_cta-button span { font-size: 16px; }
}

.news_cta-common {
  margin: 2em 0 0;
  padding: 0 0 2em;
  text-align: center;
}

.news_cta-common-caption {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
}
@media screen and (min-width: 1367px) {
.news_cta-caption-common { font-size: 14px; }
}

.news_cta-common-button {
  align-items: center;
  background-color: var(--navy);
  border-radius: 10px;
  color: #fff;
  display: flex;
  height: 80px;
  margin: .5em auto 0;
  padding: 1em 0;
  position: relative;
  text-decoration: none;
  transition: .3s;
  width: 100%;
}
@media screen and (min-width: 1367px) {
.news_cta-common-button { width: 450px; }
}

.news_cta-common-button:after {
  background-image: url(/assets/images/common/icon_arrow_white.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  content: '';
  display: block;
  height: 26px;
  position: absolute;
  right: .5em;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
}
@media screen and (min-width: 1367px) {
.news_cta-common-button:after { right: 1em; }
}

.news_cta-common-button:hover { opacity: .7; }

.news_cta-common-button span {
  display: block;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  width: 100%;
}
@media screen and (min-width: 1367px) {
.news_cta-common-button span { font-size: 16px; }
}

.share-wrap {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  margin: 150px auto 0;
  padding: 50px 0;
  width: 90%;
}
@media screen and (min-width: 1367px) {
.share-wrap {
  margin-top: 200px;
  width: 700px;
}
}

.share-wrap_inner {
  align-items: center;
  display: flex;
  gap: 1.5em;
}

.share-wrap p {
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}

.sns-share {
  display: flex;
  gap: .5em;
  justify-content: flex-start;
}

.share-list {
  cursor: pointer;
  width: 36px;
}
@media screen and (min-width: 1367px) {
.share-list { transition: .3s; }
.share-list:hover { opacity: .6; }
}

.share-link { display: block; }

.share-figure {
  display: block;
  height: auto;
  width: 100%;
}



/* column layout --------------- */
.figure-small-thumbnail {
  align-items: center;
  border: 1px solid var(--navy);
  border-radius: 10px;
  box-sizing: border-box;
  display: flex;
  gap: 1em;
  justify-content: space-between;
  margin: 1em auto 0;
  padding: 10px;
  width: 100%;
}
@media screen and (min-width: 1367px) {
.figure-small-thumbnail {
  padding: 20px 10px 20px 20px;
  width: 640px;
}
}

.figure-small-thumbnail-figure {
  display: block;
  overflow: hidden;
  width: 30%;
}
.type-oshikatsu .figure-small-thumbnail-figure { width: 100%; }

.figure-small-thumbnail-picture {
  display: block;
  height: auto;
  width: 100%;
}
@media screen and (min-width: 1367px) {
.figure-small-thumbnail-picture { transition: .3s; }
.figure-small-thumbnail-figure:hover .figure-small-thumbnail-picture { transform: scale(1.1); }
}

.figure-small-thumbnail-body {
  box-sizing: border-box;
  width: 65%;
}

.figure-small-thumbnail-body .section-sentence {
  font-size: 13px;
  padding: 0;
}

.figure-small-thumbnail-headline,
.figure-small-thumbnail-sub-heading {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  margin: .5em 0 0;
}

.figure-small-thumbnail-sentence {
  font-size: 12px;
  line-height: 1.5;
  margin: 1em 0 0;
}
@media screen and (min-width: 1367px) {
.figure-small-thumbnail-sentence { font-size: 13px; }
}

.figure-small-thumbnail-middle-heading + .figure-small-thumbnail-sentence { margin-top: .2em; }

.figure-small-thumbnail .reference-url {
  font-size: 14px;
  line-height: 1.5;
  margin: 1em 0 0;
}

.figure-small-thumbnail .reference-url a { color: var(--navy) !important; }
@media screen and (min-width: 1367px) {
.figure-small-thumbnail .reference-url a { transition: .3s; }
.figure-small-thumbnail .reference-url a:hover {
  color: var(--skyblue) !important;
  text-decoration: none;
}
.figure-small-thumbnail .reference-url a:active,
.figure-small-thumbnail .reference-url a:visited { color: var(--navy); }
}

.figure-small-thumbnail + .section-sentence { margin-top: 1em; }

.table-of-contents {
  margin: 1em 0 0;
  padding: 1em;
  width: 100%;
}
@media screen and (min-width: 1367px) {
.table-of-contents {
  margin: 20px 0 0;
  padding: 2em;
}
}

.table-of-contents-heading {
  margin: 0 auto;
  position: relative;
  width: 210px;
}

.table-of-contents-heading:before,
.table-of-contents-heading:after { position: absolute; }

.table-of-contents-heading:before {
  background-color: var(--navy);
  border-radius: 15px;
  color: #fff;
  content: '\f03a';
  display: block;
  font-family: 'Font Awesome 5 Free';
  font-size: 1em;
  font-weight: 900;
  line-height: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 30px;
}

.table-of-contents-heading:after {
  color: #666;
  cursor: pointer;
  display: block;
  font-size: .6em;
  font-weight: 400;
  line-height: 1;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.table-of-contents-heading:after { content: '［目次を非表示］'; }
.table-of-contents-heading.active:after { content: '［目次を表示］'; }

.table-of-contents-heading span {
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
  padding: 0 0 0 1.75em;
}

.table-of-contents-headline {
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  position: relative;
}
@media only screen and (max-width: 667px) {
.table-of-contents-headline { font-size: 14px; }
}

.table-of-contents-headline:after {
  color: #314349;
  display: block;
  font-size: .7em;
  font-weight: 400;
  line-height: 1;
  position: absolute;
  right: 0;
  top: .1em;
  transition: all .3s ease-out;
}
.table-of-contents-headline:after { content: '［目次を非表示にする］'; }
.table-of-contents-headline.active:after { content: '［目次を表示する］'; }

.table-of-contents-ul { margin: 10px 0 0; }

.table-of-contents-list {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.55;
  margin-top: 1em;
  padding-left: 2em;
  position: relative;
}

.table-of-contents-list:before {
  display: block;
  left: .5em;
  position: absolute;
  top: 0;
}

.table-of-contents-list:nth-of-type(1):before { content: '1.'; }
.table-of-contents-list:nth-of-type(2):before { content: '2.'; }
.table-of-contents-list:nth-of-type(3):before { content: '3.'; }
.table-of-contents-list:nth-of-type(4):before { content: '4.'; }
.table-of-contents-list:nth-of-type(5):before { content: '5.'; }
.table-of-contents-list:nth-of-type(6):before { content: '6.'; }
.table-of-contents-list:nth-of-type(7):before { content: '7.'; }
.table-of-contents-list:nth-of-type(8):before { content: '8.'; }
.table-of-contents-list:nth-of-type(9):before { content: '9.'; }
.table-of-contents-list:nth-of-type(10):before { content: '10.'; }
.table-of-contents-list:nth-of-type(11):before { content: '11.'; }
.table-of-contents-list:nth-of-type(12):before { content: '12.'; }
.table-of-contents-list:nth-of-type(13):before { content: '13.'; }
.table-of-contents-list:nth-of-type(14):before { content: '14.'; }
.table-of-contents-list:nth-of-type(15):before { content: '15.'; }
.table-of-contents-list:nth-of-type(16):before { content: '16.'; }
.table-of-contents-list:nth-of-type(17):before { content: '17.'; }
.table-of-contents-list:nth-of-type(18):before { content: '18.'; }
.table-of-contents-list:nth-of-type(19):before { content: '19.'; }
.table-of-contents-list:nth-of-type(20):before { content: '20.'; }

.table-of-contents-ul-sub { margin-top: .5em; }

.table-of-contents-list-sub {
  font-weight: 400;
  position: relative;
}
.table-of-contents-list-sub:before { content: '・'; }

.table-of-contents-list a { text-decoration: none; }
.table-of-contents-list a:hover { text-decoration: underline; }
.table-of-contents-list a:active,
.table-of-contents-list a:visited { text-decoration: none; }

.table-of-contents-list-sub a { color: #000 !important; }
.table-of-contents-list-sub a:active,
.table-of-contents-list-sub a:visited { color: #000 !important; }


.section-relation-headline {
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
@media screen and (min-width: 1367px) {
.section-relation-headline { font-size: 18px; }
}

.relation-contents {
  align-items: flex-start;
  border-bottom: 1px dashed #ccc;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 20px 0;
  width: 100%;
}
@media screen and (min-width: 1367px) {
.relation-contents { flex-direction: unset; }
}

.relation-contents:last-child { border-bottom: none; }

.relation-contents-figure {
  border-radius: 20px;
  overflow: hidden;
  width: 100%;
}
@media screen and (min-width: 1367px) {
.relation-contents-figure { width: 30%; }
}

.relation-contents-picture {
  display: block;
  height: auto;
  width: 100%;
}
@media screen and (min-width: 1367px) {
.relation-contents-picture { transition: .3s; }
.relation-contents-picture:hover { transform: scale(1.1); }
}

.relation-contents-body {
  padding: 10px 0 0;
  width: 100%;
}
@media screen and (min-width: 1367px) {
.relation-contents-body { width: 67%; }
}

.relation-contents-headline {
  font-size: 14px;
  font-weight: 900;
  line-height: 1.2;
}
@media screen and (min-width: 1367px) {
.relation-contents-headline { font-size: 15px; }
}

.relation-contents-sentence {
  font-size: 12px;
  line-height: 1.5;
  margin: 1em 0 0;
}
@media screen and (min-width: 1367px) {
.relation-contents-sentence {
  font-size: 14px;
  line-height: 1.7;
}
}

.relation-contents-link {
  font-size: 12px;
  line-height: 1.5;
  margin: 1em 0 0;
  text-align: right;
}
@media screen and (min-width: 1367px) {
.relation-contents-link {
  font-size: 14px;
  line-height: 1.7;
}
}