@charset "UTF-8";
/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 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 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 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: inherit; /* 2 */
}

address {
  font-style: inherit;
}

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type=checkbox] {
  -webkit-appearance: checkbox;
  appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  appearance: radio;
}

/**
 * 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;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

button[disabled],
[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled] {
  cursor: default;
}

/**
 * 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;
}

/**
 * Remove arrow in IE10 & IE11
 */
select::-ms-expand {
  display: none;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

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

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

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

/**
 * 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 outline style in Safari.
 */
[type=search] {
  outline-offset: -2px; /* 1 */
}

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

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

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

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

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

/*
 * Remove outline for editable content.
 */
[contenteditable] {
  outline: none;
}

/* Table */
/* ============================================ */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

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

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

@media screen and (max-width: 1024px) {
  .pcLg {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}

@media screen and (min-width: 1024px) {
  .tb {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }
}

html {
  text-size-adjust: 100%;
  font-size: 10px;
}

body {
  font-size: 62.5%;
  color: #000;
  font-family: "Noto Sans", sans-serif;
  display: none;
}

a {
  color: #000;
}

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

html.is-scroll-prevent {
  overflow: hidden;
}

header {
  border-bottom: #000 solid 1px;
}

.l-header {
  width: 1200px;
  height: 80px;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .l-header {
    width: 100%;
    padding: 0 19px;
  }
}
.l-header_logo {
  width: auto;
  display: flex;
  align-items: center;
  z-index: 60;
}
@media screen and (max-width: 767px) {
  .l-header_logo {
    width: 100px;
  }
}
.l-header_nav {
  width: 41vw;
  min-width: 502px;
}
.l-header_nav .menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.l-header_nav .menu-top-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.l-header_nav .menu-item {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
}
.l-header_btn {
  width: 20px;
  height: 20px;
  position: relative;
}
.l-header_btn_hamburger {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 60;
}
.l-header_btn_hamburger span {
  width: 100%;
  height: 3px;
  background: #333;
  display: block;
  position: absolute;
  border-radius: 5px;
  transition: 0.3s;
}
.l-header_btn_hamburger span:first-child {
  top: 5%;
}
.l-header_btn_hamburger span:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
}
.l-header_btn_hamburger span:last-child {
  bottom: 5%;
}
.l-header_btn_text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
  opacity: 0;
  color: #fff;
  display: flex;
  align-items: flex-end;
  pointer-events: none;
  transition: 0.6s;
}
.l-header_btn_text_inner {
  height: 80%;
  width: 100%;
  padding: 0px 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 50px;
}
.l-header_btn_text .menu {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.l-header_btn_text .menu-top-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 80%;
}
.l-header_btn_text .menu-item {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
}
.l-header_btn_text .menu-item a {
  color: #fff;
}
.l-header_btn_text_sns_list {
  display: flex;
  gap: 20px;
}
.l-header_btn_text_sns_list_icon svg {
  fill: #707070;
}
.l-header .circle-bg {
  position: fixed;
  z-index: 3;
  /*丸の形*/
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #182f4f;
  /*丸のスタート位置と形状*/
  transform: scale(0); /*scaleをはじめは0に*/
  right: -50px;
  top: calc(50% - 50px); /*50%から円の半径を引いた値*/
  transition: all 0.6s; /*0.6秒かけてアニメーション*/
  z-index: 40;
}
.l-header.is-active .l-header_btn_hamburger span {
  background: #fff;
}
.l-header.is-active .l-header_btn_hamburger span:first-child {
  transform: translateY(7.5px) rotate(-45deg);
}
.l-header.is-active .l-header_btn_hamburger span:nth-child(2) {
  top: 50%;
  opacity: 0;
}
.l-header.is-active .l-header_btn_hamburger span:last-child {
  bottom: 5%;
  transform: translateY(-7.5px) rotate(45deg);
}
.l-header.is-active .l-header_btn_text {
  pointer-events: visible;
  position: fixed;
  opacity: 1;
}
.l-header.is-active .circle-bg {
  transform: scale(50); /*クラスが付与されたらscaleを拡大*/
}

.l-footer {
  padding: 3.4vh 0;
  background: #182f4f;
  color: #fff;
}
.l-footer a {
  color: #fff;
}
.l-footer_container {
  width: 67vw;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .l-footer_container {
    width: 100%;
  }
}
.l-footer_logo {
  width: 300px;
  margin: 0 auto 48px;
}
@media screen and (max-width: 767px) {
  .l-footer_logo {
    width: 50vw;
    max-width: 166px;
    margin: 0 auto 25px;
  }
}
.l-footer_sns {
  display: flex;
  gap: 30px;
  justify-content: center;
  margin: 0 auto 56px;
}
@media screen and (max-width: 767px) {
  .l-footer_sns {
    gap: 20px;
    margin: 0 auto 25px;
  }
}
.l-footer_sns_list a {
  display: block;
}
.l-footer_sns_list svg {
  display: block;
}
.l-footer_sns_list_twitter {
  fill: #fff;
  transition: all 0.5s ease 0s;
}
.l-footer_sns_list_twitter:hover {
  fill: #1DA1F2;
}
.l-footer_sns_list_youtube {
  fill: #fff;
  transition: all 0.5s ease 0s;
}
.l-footer_sns_list_youtube:hover {
  fill: #DA1725;
}
.l-footer_sns_list_voicy {
  fill: #fff;
  transition: all 0.5s ease 0s;
}
.l-footer_sns_list_voicy:hover {
  fill: #FF7C32;
}
.l-footer_sns_list_note {
  fill: #fff;
  transition: all 0.5s ease 0s;
}
.l-footer_sns_list_note:hover {
  fill: #41C9B4;
}
.l-footer_nav {
  margin-bottom: 39px;
}
@media screen and (max-width: 767px) {
  .l-footer_nav {
    margin-bottom: 20px;
  }
}
.l-footer_nav .menu {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 40vw;
  min-width: 547px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .l-footer_nav .menu {
    width: 100%;
    display: block;
    text-align: center;
    min-width: auto;
  }
}
.l-footer_nav .menu-item {
  font-size: 13px;
  font-size: 1.3rem;
}
@media screen and (max-width: 767px) {
  .l-footer_nav .menu-item {
    font-size: 10px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .l-footer_nav .menu-item {
    margin-bottom: 10px;
  }
}
.l-footer_nav .menu-item:last-child {
  margin-right: 0px;
}
@media screen and (max-width: 767px) {
  .l-footer_nav .menu-item:last-child {
    margin-right: 0px;
    margin-bottom: 0px;
  }
}
.l-footer_copyright {
  font-size: 13px;
  font-size: 1.3rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .l-footer_copyright {
    font-size: 10px;
    font-size: 1rem;
  }
}

.l-mv {
  margin-bottom: 29px;
}
.l-mv_inner {
  padding-top: 41px;
  background: rgb(233, 247, 255);
  position: relative;
}
@media screen and (max-width: 767px) {
  .l-mv_inner {
    padding-top: 20px;
    padding-bottom: 50px;
  }
}
.l-mv_inner:before {
  content: "";
  width: 50%;
  height: 40%;
  position: absolute;
  top: 20%;
  right: 0%;
  background: #182f4f;
}
@media screen and (max-width: 767px) {
  .l-mv_inner:before {
    top: 17%;
    height: 20%;
  }
}
.l-mv_inner:after {
  content: "";
  width: 50%;
  height: 20%;
  position: absolute;
  bottom: 10%;
  left: 0%;
  background: #182f4f;
}
@media screen and (max-width: 767px) {
  .l-mv_inner:after {
    bottom: 22%;
    height: 13%;
  }
}
.l-mv_sns {
  position: absolute;
  top: 3%;
  right: 0%;
  width: 32.3%;
  z-index: 10;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .l-mv_sns {
    display: none;
  }
}
.l-mv_sns_border {
  position: relative;
  width: 47%;
}
.l-mv_sns_border span {
  content: "";
  display: block;
  height: 1px;
  background: #707070;
  position: absolute;
  top: 50%;
  width: 100%;
}
.l-mv_sns_list {
  display: flex;
  gap: 20px;
}
.l-mv_sns_list_icon a {
  display: block;
}
.l-mv_sns_list_icon a svg {
  display: block;
}
.l-mv_sns_list_icon_twitter {
  fill: #707070;
  transition: all 0.5s ease 0s;
}
.l-mv_sns_list_icon_twitter:hover {
  fill: #1DA1F2;
}
.l-mv_sns_list_icon_youtube {
  fill: #707070;
  transition: all 0.5s ease 0s;
}
.l-mv_sns_list_icon_youtube:hover {
  fill: #DA1725;
}
.l-mv_sns_list_icon_voicy {
  fill: #707070;
  transition: all 0.5s ease 0s;
}
.l-mv_sns_list_icon_voicy:hover {
  fill: #FF7C32;
}
.l-mv_sns_list_icon_voicy {
  fill: #707070;
  transition: all 0.5s ease 0s;
}
.l-mv_sns_list_icon_voicy:hover {
  fill: #FF7C32;
}
.l-mv_sns_list_icon_stand-fm {
  fill: #707070;
  transition: all 0.5s ease 0s;
}
.l-mv_sns_list_icon_stand-fm:hover {
  fill: #000;
}
.l-mv_sns_list_icon_note {
  fill: #707070;
  transition: all 0.5s ease 0s;
}
.l-mv_sns_list_icon_note:hover {
  fill: #41C9B4;
}
.l-mv_swiper_wrap {
  max-width: 100%;
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.l-mv_main {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.l-mv_main_img {
  width: 66%;
}
@media screen and (max-width: 767px) {
  .l-mv_main_img {
    width: 95%;
  }
}
.l-mv_main_img img {
  aspect-ratio: 16/9;
  object-fit: cover;
  width: 100%;
  height: auto;
}
.l-mv_main_cont {
  position: absolute;
  top: 16%;
  right: 0;
  width: 39%;
  height: 68%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 3% 3%;
  background: #fff;
  z-index: 20;
}
@media screen and (max-width: 767px) {
  .l-mv_main_cont {
    position: relative;
    width: 95%;
    height: auto;
    margin-left: auto;
    padding: 20px 60px 20px 20px;
  }
}
.l-mv_main_cont_top {
  font-size: 18px;
  font-size: 1.8rem;
  display: inline-block;
  font-weight: bold;
  color: #182f4f;
  margin-bottom: 33px;
}
@media screen and (max-width: 1250px) {
  .l-mv_main_cont_top {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .l-mv_main_cont_top {
    font-size: 12px;
    margin-bottom: 20px;
  }
}
.l-mv_main_cont_top span {
  padding: 0.2em 0.7em;
  border-right: solid 2px #182f4f;
  border-bottom: solid 2px #182f4f;
}
.l-mv_main_cont_title {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.4em;
  letter-spacing: 0.06em;
  font-weight: bold;
  margin-bottom: 30px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 1250px) {
  .l-mv_main_cont_title {
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  .l-mv_main_cont_title {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
.l-mv_main_cont_bottom {
  display: flex;
}
.l-mv_main_cont_bottom_cat {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: bold;
  background: #182f4f;
  padding: 0.5em 0.5em;
  margin-right: 20px;
}
@media screen and (max-width: 1250px) {
  .l-mv_main_cont_bottom_cat {
    font-size: 11px;
  }
}
@media screen and (max-width: 767px) {
  .l-mv_main_cont_bottom_cat {
    font-size: 10px;
  }
}
.l-mv_main_cont_bottom_cat a {
  color: white;
}
.l-mv_main_cont_bottom_date {
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: bold;
  padding-left: 5px;
  padding-top: 0.25em;
  color: #000;
}
@media screen and (max-width: 1250px) {
  .l-mv_main_cont_bottom_date {
    font-size: 15px;
  }
}
@media screen and (max-width: 767px) {
  .l-mv_main_cont_bottom_date {
    font-size: 13px;
  }
}
.l-mv_swiper {
  width: 88%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .l-mv_swiper {
    width: 80%;
  }
}

#archive .l-section, #archive .l-section--swiper-series-post, #archive .l-section--series-taxonomy-content, #archive .l-section--local-nav, #archive .l-section--content, #archive .l-section--post, #archive .l-section--post--book, #archive .l-section--rank, #archive .l-section--breadcrumbs, #archive .l-section--page-link, #archive .l-section--recommended, #archive .l-section--cat, #archive .l-section--book, #archive .l-section--audio, #archive .l-section--video, #archive .l-section--serialization, #archive .l-section--new-and-rank {
  padding: 20px 0;
}

.l-section--new-and-rank {
  margin-bottom: 38px;
}
.l-section--serialization {
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .l-section--serialization {
    margin-bottom: 30px;
  }
}
.l-section--video {
  margin-bottom: 53px;
}
@media screen and (max-width: 767px) {
  .l-section--video {
    margin-bottom: 30px;
  }
}
.l-section--audio {
  margin-bottom: 62px;
}
.l-section--book {
  margin-bottom: 74px;
}
@media screen and (max-width: 767px) {
  .l-section--book {
    margin-bottom: 30px;
  }
}
.l-section--cat {
  margin-bottom: 24px;
}
.l-section--cat:last-child {
  margin-bottom: 49px;
}
.l-section--recommended {
  padding-top: 39px;
}
@media screen and (max-width: 767px) {
  .l-section--recommended {
    padding: 20px 0 20px;
  }
}
.l-section--page-link {
  margin: 40px 0;
}
.l-section--breadcrumbs {
  background: #ebebeb;
  padding: 16px 0 11px !important;
}
.l-section--rank {
  padding: 39px 0;
}
.l-section--post, .l-section--post--book {
  padding: 37px 0 37px;
  background: rgb(233, 247, 255);
}
.l-section--post--book {
  background: #fff;
}
.l-section--content {
  margin-top: 80px;
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .l-section--content {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
.l-section--local-nav {
  margin: 45px 0;
}
@media screen and (max-width: 767px) {
  .l-section--local-nav {
    margin: 20px auto;
  }
}
.l-section--share {
  margin-top: 73px;
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .l-section--share {
    margin-top: 30px;
    margin-bottom: 40px;
  }
}
.l-section--series-taxonomy-content {
  margin: 40px 80px;
}
.l-section--swiper-series-post {
  margin: 79.6px 0 73px;
}
@media screen and (max-width: 767px) {
  .l-section--swiper-series-post {
    margin: 35px 0 35px;
  }
}

.page section:nth-child(2n), .archive:not(.tax-genre) section:nth-child(2n), .contents_bottom section:nth-child(2n) {
  background: rgb(233, 247, 255);
}

.l-container, .l-container--breadcrumbs, .l-container--narrow, .l-container--swiper {
  max-width: 100%;
  width: 990px;
  padding: 0 20px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .l-container, .l-container--breadcrumbs, .l-container--narrow, .l-container--swiper {
    width: 100%;
    padding: 0 3%;
  }
}
.l-container--full {
  width: 100%;
}
.l-container--full--border {
  border-top: solid 1px #000;
  border-bottom: solid 1px #000;
}
@media screen and (max-width: 767px) {
  .l-container--swiper {
    padding: 0;
  }
}
.l-container--narrow {
  width: 49.8vw;
}
.l-container--post {
  width: 680px;
  margin: 0 auto;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .l-container--post {
    width: calc(100% - 70px);
  }
}
.l-container--breadcrumbs {
  width: 90vw;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .l-container--breadcrumbs {
    width: 100%;
  }
}

/*tabの形状*/
.tab, .tab--no-link, .tab--rank {
  display: flex;
  flex-wrap: wrap;
}
.tab_new_list, .tab--rank_successive_list, .tab--rank_new_list, .tab_successive_list {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #999;
  display: block;
  padding: 0.3em 1em;
  border-bottom: 1px solid #999;
}
@media screen and (max-width: 767px) {
  .tab_new_list, .tab--rank_successive_list, .tab--rank_new_list, .tab_successive_list {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.tab_new.active a {
  color: #182f4f;
  border-bottom: 1px solid #182f4f;
  animation-name: displayAnime; /*ふわっと表示させるためのアニメーション*/
  animation-duration: 2s;
  animation-fill-mode: forwards;
}
.tab_successive.active a {
  color: #182f4f;
  border-bottom: 1px solid #182f4f;
  animation-name: displayAnime; /*ふわっと表示させるためのアニメーション*/
  animation-duration: 2s;
  animation-fill-mode: forwards;
}
.tab--rank {
  margin-left: 24px;
}
.tab--rank_new.active a {
  color: #182f4f;
  border-bottom: 1px solid #182f4f;
  animation-name: displayAnime; /*ふわっと表示させるためのアニメーション*/
  animation-duration: 2s;
  animation-fill-mode: forwards;
}
.tab--rank_successive.active a {
  color: #182f4f;
  border-bottom: 1px solid #182f4f;
  animation-name: displayAnime; /*ふわっと表示させるためのアニメーション*/
  animation-duration: 2s;
  animation-fill-mode: forwards;
}
.tab--no-link {
  margin-left: 10px;
}
.tab--no-link_list.active {
  border-bottom: 1px solid #182f4f;
}
.tab--no-link_list.active a {
  color: #182f4f;
  font-weight: bold;
}

.area {
  display: none; /*はじめは非表示*/
  opacity: 0; /*透過0*/
}
.area.is-active {
  display: block; /*表示*/
  animation-name: displayAnime; /*ふわっと表示させるためのアニメーション*/
  animation-duration: 2s;
  animation-fill-mode: forwards;
}
.area--rank {
  display: none; /*はじめは非表示*/
  opacity: 0; /*透過0*/
}
.area--rank.is-active {
  display: flex; /*表示*/
  animation-name: displayAnime; /*ふわっと表示させるためのアニメーション*/
  animation-duration: 2s;
  animation-fill-mode: forwards;
}

@keyframes displayAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.p-top_new-and-rank_new_top_archive--latest.hidden {
  display: none;
  opacity: 0;
}

.p-top_new-and-rank_new_top_archive--all.hidden {
  display: none;
  opacity: 0;
}

.swiper-container {
  overflow: hidden;
}

.swiper-slide {
  overflow: hidden;
  transition: 0.5s;
  opacity: 1;
}
.swiper-slide:hover {
  opacity: 0.7;
}
.swiper-slide-active {
  opacity: 1;
  z-index: 1;
}

.l-mv_swiper {
  position: relative;
}
.l-mv_swiper .swiper-button-prev, .l-mv_swiper .swiper-button-prev--mv {
  position: absolute;
  top: 50%;
  left: -49px;
  content: url("../../img/arrow-prev.svg");
  width: 32px;
  height: 32px;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .l-mv_swiper .swiper-button-prev, .l-mv_swiper .swiper-button-prev--mv {
    top: 70%;
    left: -20px;
    width: 20px;
    height: 20px;
    z-index: 50;
  }
}
.l-mv_swiper .swiper-button-prev:after, .l-mv_swiper .swiper-button-prev--mv:after {
  display: none;
}
.l-mv_swiper .swiper-button-next, .l-mv_swiper .swiper-button-next--mv {
  position: absolute;
  top: 50%;
  right: -49px;
  content: url("../../img/arrow-next.svg");
  width: 32px;
  height: 32px;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .l-mv_swiper .swiper-button-next, .l-mv_swiper .swiper-button-next--mv {
    top: 70%;
    right: -20px;
    width: 20px;
    height: 20px;
    z-index: 50;
  }
}
.l-mv_swiper .swiper-button-next:after, .l-mv_swiper .swiper-button-next--mv:after {
  display: none;
}
.slider_video {
  width: 100%;
}

.p-top_video_swiper {
  position: relative;
}
.p-top_video_swiper .swiper-button-prev--video {
  position: absolute;
  top: 34%;
  left: -67px;
  content: url("../../img/arrow-prev.svg");
  width: 32px;
  height: 32px;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .p-top_video_swiper .swiper-button-prev--video {
    top: 26%;
    left: -10px;
    width: 20px;
    height: 20px;
    z-index: 50;
  }
}
.p-top_video_swiper .swiper-button-prev--video:after {
  display: none;
}
.p-top_video_swiper .swiper-button-next--video {
  position: absolute;
  top: 34%;
  right: -59px;
  content: url("../../img/arrow-next.svg");
  width: 32px;
  height: 32px;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .p-top_video_swiper .swiper-button-next--video {
    top: 26%;
    right: -10px;
    width: 20px;
    height: 20px;
    z-index: 50;
  }
}
.p-top_video_swiper .swiper-button-next--video:after {
  display: none;
}

.slider_serialization {
  width: 100%;
}

.p-top_serialization_swiper {
  position: relative;
}
.p-top_serialization_swiper .swiper-button-prev--series {
  position: absolute;
  top: 43%;
  left: -67px;
  content: url("../../img/arrow-prev.svg");
  width: 32px;
  height: 32px;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .p-top_serialization_swiper .swiper-button-prev--series {
    top: 40%;
    left: -10px;
    width: 20px;
    height: 20px;
    z-index: 50;
  }
}
.p-top_serialization_swiper .swiper-button-prev--series:after {
  display: none;
}
.p-top_serialization_swiper .swiper-button-next--series {
  position: absolute;
  top: 43%;
  right: -59px;
  content: url("../../img/arrow-next.svg");
  width: 32px;
  height: 32px;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .p-top_serialization_swiper .swiper-button-next--series {
    top: 40%;
    right: -10px;
    width: 20px;
    height: 20px;
    z-index: 50;
  }
}
.p-top_serialization_swiper .swiper-button-next--series:after {
  display: none;
}

.swiper-pagination-bullet {
  width: 32px;
  height: 4px;
  border-radius: 0px;
  background: #999;
  opacity: 1;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #182f4f;
}

.slider_fv {
  width: 100%;
  margin: 0 auto;
}
.slider_fv_nav {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.slider_fv_nav_wrapper {
  position: absolute;
  width: 19.6%;
  right: 6%;
  bottom: 6.3%;
  z-index: 30;
}
@media screen and (max-width: 875px) {
  .slider_fv_nav_wrapper {
    bottom: 0%;
  }
}
@media screen and (max-width: 767px) {
  .slider_fv_nav_wrapper {
    width: 200px;
    right: 50%;
    transform: translateX(50%);
    bottom: -50px;
  }
}
.slider_fv .swiper-pagination {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.slider_fv .swiper-pagination-bullet {
  width: 8%;
  padding-top: 8%;
  position: relative;
  margin-top: 3px !important;
  background: #707070;
}
.slider_fv .swiper-pagination-bullet:last-child {
  margin-right: 0px !important;
}
.slider_fv .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #182f4f;
}
.slider_fv .swiper-button-prev, .slider_fv .l-mv_swiper .swiper-button-prev--mv, .l-mv_swiper .slider_fv .swiper-button-prev--mv {
  position: relative;
  content: url("../assets/img/fv_arrow_prev.svg");
  width: 20%;
  left: -15px;
}
.slider_fv .swiper-button-prev:after, .slider_fv .l-mv_swiper .swiper-button-prev--mv:after, .l-mv_swiper .slider_fv .swiper-button-prev--mv:after {
  display: none;
}
.slider_fv .swiper-button-next, .slider_fv .l-mv_swiper .swiper-button-next--mv, .l-mv_swiper .slider_fv .swiper-button-next--mv {
  position: relative;
  content: url("../assets/img/fv_arrow_next.svg");
  width: 20%;
  right: -19px;
}
.slider_fv .swiper-button-next:after, .slider_fv .l-mv_swiper .swiper-button-next--mv:after, .l-mv_swiper .slider_fv .swiper-button-next--mv:after {
  display: none;
}

.slider_mv {
  width: 100%;
  margin: 40px 0 80px;
}
@media screen and (max-width: 767px) {
  .slider_mv {
    margin-bottom: 40px;
  }
}
.slider_mv .swiper-pagination {
  bottom: -30%;
}

.pagenation {
  display: flex;
  justify-content: center;
  width: 60%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .pagenation {
    width: 100%;
  }
}
.pagenation .page-numbers {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 1em 1.5em;
  background: #e5f0ff;
  margin-right: 5px;
}
@media screen and (max-width: 767px) {
  .pagenation .page-numbers {
    font-size: 10px;
    font-size: 1rem;
  }
}
.pagenation .page-numbers:last-child {
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .pagenation .page-numbers {
    padding: 0.5em 1em;
  }
}
.pagenation .page-numbers.current {
  color: #fff;
  background: #000;
}
.pagenation .page-numbers.prev {
  margin-right: 1em;
}
.pagenation .page-numbers.next {
  margin-left: calc(1em - 5px);
}

.c-title, .c-title--sm, .c-title--xs {
  color: #fff;
  background-color: #000;
  display: inline-block;
  font-weight: bold;
  padding: 0.12em 0.3em;
  font-size: 20px;
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .c-title, .c-title--sm, .c-title--xs {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.c-title--xs {
  font-size: 13px;
  font-size: 1.3rem;
}
@media screen and (max-width: 767px) {
  .c-title--xs {
    font-size: 11px;
    font-size: 1.1rem;
  }
}
.c-title--sm {
  font-size: 17px;
  font-size: 1.7rem;
}
@media screen and (max-width: 767px) {
  .c-title--sm {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.c-title--small {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .c-title--small {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.c-title--middle {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
}
.c-title--big {
  font-size: 34px;
  font-size: 3.4rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .c-title--big {
    font-size: 20px;
    font-size: 2rem;
  }
}
.c-title--sub--orange {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #182f4f;
}
@media screen and (max-width: 767px) {
  .c-title--sub--orange {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.c-title--sub--bgGray {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  background: #999;
  padding: 1em 1em;
}
.c-title--series {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  padding-top: 0.1em;
  position: relative;
  margin-left: 41px;
  padding: 0.09em 0;
}
@media screen and (max-width: 767px) {
  .c-title--series {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.c-title--series::before {
  font-size: 12px;
  font-size: 1.2rem;
  content: "連載";
  display: inline-block;
  font-weight: 400;
  color: #fff;
  background: #182f4f;
  padding: 0.3em 0.3em;
  position: absolute;
  top: 0%;
  left: -41px;
}
@media screen and (max-width: 767px) {
  .c-title--series::before {
    font-size: 10px;
    font-size: 1rem;
  }
}

.c-button, .c-button--series, .is-hidden.c-button--series, .c-button--rank, .is-hidden.c-button--rank, .c-button.is-hidden {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  padding-top: 0.3em;
  padding-right: 1.9em;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-button, .c-button--series, .is-hidden.c-button--series, .c-button--rank, .is-hidden.c-button--rank, .c-button.is-hidden {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.c-button:hover, .c-button--series:hover, .c-button--rank:hover {
  color: #182f4f;
  transition: 0.5s;
}
.c-button.is-hidden, .is-hidden.c-button--series, .is-hidden.c-button--rank {
  display: none;
}
.c-button:after, .c-button--series:after, .is-hidden.c-button--series:after, .c-button--rank:after, .is-hidden.c-button--rank:after, .c-button.is-hidden:after {
  position: absolute;
  right: 0;
  content: url("../assets/img/button.svg");
}
.c-button--rank {
  display: flex;
  flex-direction: row-reverse;
}
.c-button--cat {
  font-size: 12px;
  font-size: 1.2rem;
  background: #707070;
  color: #fff;
  padding: 0em 0.6em;
  border-radius: 20px;
  transition: 0.3s;
}
.c-button--cat:hover {
  color: #fff;
  background: #182f4f;
}
.c-button--series {
  font-size: 14px;
  font-size: 1.4rem;
  padding-right: 2.9em;
}
@media screen and (max-width: 767px) {
  .c-button--series {
    font-size: 10px;
    font-size: 1rem;
  }
}
.c-button--series:after {
  position: absolute;
  top: 0;
  right: 0;
  content: url("../../img/button-series.svg");
}

.c-head, .c-head--series, .c-head--mbHalf, .c-head--rank {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
  .c-head, .c-head--series, .c-head--mbHalf, .c-head--rank {
    margin-bottom: 10px;
  }
}
.c-head--rank {
  justify-content: flex-start;
}
.c-head--mbHalf {
  margin-bottom: 12px;
}
.c-head--series {
  margin-bottom: 40px;
  padding-bottom: 7px;
  border-bottom: 1px solid #000;
}

.c-textArea_card {
  display: block;
  opacity: 1;
  transition: 0.5s;
  cursor: pointer;
}
.c-textArea_card:hover {
  opacity: 0.7;
}
.c-textArea_videoThumb {
  position: relative;
}
.c-textArea_videoThumb:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../../img/youtube_thumb_mask.svg");
  background-size: cover;
  background-position: center;
}
.c-textArea_btn {
  color: #000;
  transition: 0.5s;
}
.c-textArea_btn:hover {
  color: #182f4f;
}
.c-textArea_btn:hover .c-textArea_thumb {
  opacity: 0.7;
}
.c-textArea_title, .p-books-textArea--col-2_cont_title, .p-audio_textArea--col-2_text_title, .c-textArea--col-6_title, .c-textArea--col-5_title, .c-textArea--col-4_title, .c-textArea--col-3_title, .c-textArea--col-2--small_text_title, .c-textArea--col-2--small--seriesTax_text_title, .c-textArea--col-2--big_title, .c-textArea--col-2_text_title, .c-textArea--col-1_title {
  font-weight: bold;
}
.c-textArea_cat, .c-textArea--col-1_cat {
  color: #999;
}
.c-textArea_date, .p-audio_textArea--col-2_text_date, .c-textArea--col-5_time, .c-textArea--col-3_date, .c-textArea--col-2--small_text_date, .c-textArea--col-2--small--seriesTax_text_date, .c-textArea--col-2--big_date, .c-textArea--col-2_text_date, .c-textArea--col-1_date {
  color: #999;
}
.c-textArea_time {
  color: #999;
}
.c-textArea_number, .c-textArea--col-6_number {
  color: #999;
}
.c-textArea_member, .c-textArea--col-2--big_member {
  color: #182f4f;
}
.c-textArea_member a, .c-textArea--col-2--big_member a {
  color: #182f4f;
}
.c-textArea_detail, .c-textArea--col-4_detail {
  color: #999;
}
.c-textArea_detail a, .c-textArea--col-4_detail a {
  color: #999;
}
.c-textArea--col-1_img {
  margin-bottom: 13px;
}
.c-textArea--col-1_title {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 6px;
}
.c-textArea--col-1_cat {
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
  border-right: 1px solid #999;
  padding-right: 0.5em;
}
.c-textArea--col-1_cat a {
  color: #999;
}
.c-textArea--col-1_date {
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
  padding-left: 0.5em;
}
.c-textArea--col-2 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
  position: relative;
}
.c-textArea--col-2_img {
  width: 43.4%;
}
.c-textArea--col-2_img img {
  aspect-ratio: 16/9;
  object-fit: cover;
  width: 100%;
  height: auto;
}
.c-textArea--col-2_text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  list-style: none;
  width: 56.6%;
  height: 100%;
  padding: 4.5% 0 4.5% 3.5%;
}
.c-textArea--col-2_text_title {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .c-textArea--col-2_text_title {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.c-textArea--col-2_text_date {
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .c-textArea--col-2_text_date {
    font-size: 10px;
    font-size: 1rem;
  }
}
.c-textArea--col-2_number {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  background: #000;
  padding: 0.2em 0.4em;
}
@media screen and (max-width: 767px) {
  .c-textArea--col-2_number {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .c-textArea--col-2_number {
    padding: 0.1em 0.4em;
  }
}
.c-textArea--col-2--big_img {
  margin-bottom: 10px;
}
.c-textArea--col-2--big_member {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 8px;
}
.c-textArea--col-2--big_member a {
  color: #182f4f;
  font-weight: bold;
}
.c-textArea--col-2--big_title {
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 10px;
}
.c-textArea--col-2--big_date {
  font-size: 13px;
  font-size: 1.3rem;
}
.c-textArea--col-2--small {
  display: flex;
  justify-content: space-between;
  margin-bottom: 23px;
}
.c-textArea--col-2--small--reverse {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
}
.c-textArea--col-2--small--reverse .c-textArea--col-2--small:first-child {
  margin-bottom: 0px;
}
.c-textArea--col-2--small--reverse .c-textArea--col-2--small:first-child .p-top_cat_cont_right_card_img {
  margin-bottom: 0;
}
.c-textArea--col-2--small--reverse .c-textArea--col-2--small:last-child {
  margin-bottom: 23px;
}
.c-textArea--col-2--small--reverse .c-textArea--col-2--small .p-top_cat_cont_right_card_img {
  margin-bottom: 0;
}
.c-textArea--col-2--small--reverse .c-textArea--col-2--small--seriesTax:first-child {
  margin-bottom: 0px;
}
.c-textArea--col-2--small--reverse .c-textArea--col-2--small--seriesTax:last-child {
  margin-bottom: 23px;
}
.c-textArea--col-2--small:last-child {
  margin-bottom: 0px;
}
.c-textArea--col-2--small:last-child .p-top_cat_cont_right_card_img {
  margin-bottom: 0;
}
.c-textArea--col-2--small_img, .c-textArea--col-2--small--seriesTax_img {
  width: 43.5%;
}
@media screen and (max-width: 767px) {
  .c-textArea--col-2--small_img, .c-textArea--col-2--small--seriesTax_img {
    margin-bottom: 10px;
  }
}
.c-textArea--col-2--small_img img, .c-textArea--col-2--small--seriesTax_img img {
  aspect-ratio: 16/9;
  object-fit: cover;
  width: 100%;
  height: auto;
}
.c-textArea--col-2--small_text, .c-textArea--col-2--small--seriesTax_text {
  width: 56.5%;
  padding: 0 2% 2.5% 3%;
}
.c-textArea--col-2--small_text_top {
  margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
  .c-textArea--col-2--small_text_top {
    margin-bottom: 7px;
  }
}
.c-textArea--col-2--small_text_title, .c-textArea--col-2--small--seriesTax_text_title {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .c-textArea--col-2--small_text_title, .c-textArea--col-2--small--seriesTax_text_title {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.c-textArea--col-2--small_text_date, .c-textArea--col-2--small--seriesTax_text_date {
  font-size: 13px;
  font-size: 1.3rem;
}
@media screen and (max-width: 767px) {
  .c-textArea--col-2--small_text_date, .c-textArea--col-2--small--seriesTax_text_date {
    font-size: 10px;
    font-size: 1rem;
  }
}
.c-textArea--col-2--small--seriesTax {
  display: flex;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .c-textArea--col-2--small--seriesTax {
    display: block;
  }
}
.c-textArea--col-2--small--seriesTax:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .c-textArea--col-2--small--seriesTax_img {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .c-textArea--col-2--small--seriesTax_text {
    width: 100%;
  }
}
.c-textArea--col-3 {
  width: calc(33.3333333333% - 12px);
  margin-bottom: 30px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-textArea--col-3 {
    width: 48%;
    margin-bottom: 20px;
  }
  .c-textArea--col-3:last-child {
    margin-bottom: 0;
  }
}
.c-textArea--col-3_img {
  width: 100%;
  margin-bottom: 10px;
}
.c-textArea--col-3_img img {
  aspect-ratio: 16/9;
  object-fit: cover;
  width: 100%;
  height: auto;
}
.c-textArea--col-3_title {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 7px;
}
@media screen and (max-width: 767px) {
  .c-textArea--col-3_title {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.c-textArea--col-3_date {
  font-size: 13px;
  font-size: 1.3rem;
}
@media screen and (max-width: 767px) {
  .c-textArea--col-3_date {
    font-size: 10px;
    font-size: 1rem;
  }
}
.c-textArea--col-3_number {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  background: #000;
  padding: 0.2em 0.4em;
}
@media screen and (max-width: 767px) {
  .c-textArea--col-3_number {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .c-textArea--col-3_number {
    padding: 0.1em 0.4em;
  }
}
.c-textArea--col-4 {
  width: 22.8%;
  margin-bottom: 26px;
  margin-right: 2.2%;
}
@media screen and (max-width: 767px) {
  .c-textArea--col-4 {
    width: 48%;
    margin-right: 2%;
  }
}
.c-textArea--col-4_img {
  margin-bottom: 10px;
}
.c-textArea--col-4_img img {
  aspect-ratio: 16/9;
  object-fit: cover;
  width: 100%;
  height: auto;
}
.c-textArea--col-4_title {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 10px;
}
.c-textArea--col-4_detail {
  font-size: 14px;
  font-size: 1.4rem;
}
.c-textArea--col-5 {
  width: 19%;
}
.c-textArea--col-5_img {
  margin-bottom: 10px;
}
.c-textArea--col-5_img img {
  aspect-ratio: 16/9;
  object-fit: cover;
  width: 100%;
  height: auto;
}
.c-textArea--col-5_title {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 10px;
}
.c-textArea--col-5_time {
  font-size: 14px;
  font-size: 1.4rem;
}
.c-textArea--col-6 {
  width: 15.7%;
  margin-bottom: 26px;
}
@media screen and (max-width: 767px) {
  .c-textArea--col-6 {
    width: 48%;
    margin-bottom: 16px;
  }
}
.c-textArea--col-6_img {
  margin-bottom: 10px;
}
.c-textArea--col-6_img img {
  aspect-ratio: 16/9;
  object-fit: cover;
  width: 100%;
  height: auto;
}
.c-textArea--col-6_title {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .c-textArea--col-6_title {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.c-textArea--col-6_number {
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .c-textArea--col-6_number {
    font-size: 10px;
    font-size: 1rem;
  }
}
.c-textArea--slider_img {
  margin-bottom: 10px;
}
.c-textArea--slider_img img {
  aspect-ratio: 16/9;
  object-fit: cover;
  width: 100%;
  height: auto;
}
.c-textArea--slider_title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  flex-grow: 1;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .c-textArea--slider_title {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.c-textArea--slider_date {
  font-size: 13px;
  font-size: 1.3rem;
  color: #999;
}
@media screen and (max-width: 767px) {
  .c-textArea--slider_date {
    font-size: 10px;
    font-size: 1rem;
  }
}

.c-content, .c-content--col-6, .c-content--col-5, .c-content--col-4, .c-content--col-3, .c-content--col-2--big, .c-content--col-2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .c-content--col-2 {
    display: block;
  }
}
.c-content--col-2--left {
  width: 46.7%;
}
@media screen and (max-width: 767px) {
  .c-content--col-2--left {
    width: 100%;
    margin-bottom: 30px;
  }
}
.c-content--col-2--right {
  width: 46.7%;
}
@media screen and (max-width: 767px) {
  .c-content--col-2--right {
    width: 100%;
    margin-bottom: 30px;
  }
}
.c-content--col-2--big {
  margin-bottom: 64px;
}
.c-content--col-2--big--left {
  width: 50.8%;
}
@media screen and (max-width: 767px) {
  .c-content--col-2--big--left {
    width: 55%;
  }
}
.c-content--col-2--big--right {
  width: 46.7%;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .c-content--col-2--big--right {
    width: 100%;
  }
}
.c-content--col-2--square {
  margin-bottom: 64px;
}
@media screen and (max-width: 767px) {
  .c-content--col-2--square {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .c-content--col-2--square {
    display: block;
  }
}
.c-content--col-2--square_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 77px;
}
.c-content--col-2--square_wrap:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .c-content--col-2--square_wrap {
    margin-bottom: 30px;
  }
}
.c-content--col-2--square--left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 39.2%;
}
@media screen and (max-width: 767px) {
  .c-content--col-2--square--left {
    width: 55%;
    display: block;
    margin: 0 auto 30px;
  }
}
.c-content--col-2--square--right {
  width: 51.7%;
}
@media screen and (max-width: 767px) {
  .c-content--col-2--square--right {
    width: 100%;
    margin-bottom: 20px;
  }
}
.c-content--col-3:after {
  content: "";
  display: block;
  width: calc(33.3333333333% - 12px);
  height: 0;
}
.c-content--col-4 {
  justify-content: flex-start;
}
.local-nav {
  width: 100%;
}
.local-nav_wrap {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .local-nav_wrap {
    display: block;
  }
}
.local-nav_wrap.center {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .local-nav_list {
    margin: 0 auto 10px;
  }
  .local-nav_list:last-child {
    margin-bottom: 0;
  }
}
.local-nav_list a {
  font-size: 18px;
  font-size: 1.8rem;
  display: block;
  background: #e5f0ff;
  font-weight: bold;
  color: #000;
  padding: 1.1em 2.5em;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .local-nav_list a {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 767px) {
  .local-nav_list a {
    text-align: center;
  }
}
.local-nav_list a:hover {
  color: #fff;
  background: #182f4f;
}

.c-page-link {
  display: flex;
  justify-content: space-between;
}
.c-page-link_wrap {
  max-width: 100%;
  width: 990px;
  margin: 0 auto;
  padding: 10px 0;
}
@media screen and (max-width: 767px) {
  .c-page-link_wrap {
    width: 100%;
  }
}
.c-page-link_list {
  font-size: 20px;
  font-size: 2rem;
  width: 33.3333333333%;
  border-right: solid 1px #000;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-page-link_list {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.c-page-link_list a:hover {
  color: #182f4f;
  transition: 0.5s;
}
.c-page-link_list:last-child {
  border-right: 0px;
}
.c-page-link_list.prev a:before {
  content: "";
  display: inline-block;
  background-image: url("../../img/local-nav-arrow-prev.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  transform: translateY(-50%);
  left: 20%;
}
@media screen and (max-width: 767px) {
  .c-page-link_list.prev a:before {
    width: 10px;
    height: 10px;
    background-size: 50%;
    left: 5px;
  }
}
.c-page-link_list.next a:after {
  content: "";
  display: inline-block;
  background-image: url("../../img/local-nav-arrow-next.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  transform: translateY(-50%);
  right: 20%;
}
@media screen and (max-width: 767px) {
  .c-page-link_list.next a:after {
    width: 10px;
    height: 10px;
    background-size: 50%;
    right: 5px;
  }
}
.c-page-link_list a {
  display: block;
  text-align: center;
  padding: 20px 0;
}
.c-page-link_list_archive {
  font-weight: bold;
}

.c-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  font-size: 1.2rem;
  color: #999;
}
@media screen and (max-width: 767px) {
  .c-breadcrumbs {
    font-size: 10px;
    font-size: 1rem;
  }
}
.c-breadcrumbs span {
  position: relative;
  color: #999;
  margin-left: 10px;
  margin-right: 8px;
  margin-bottom: 5px;
}

.fixed-cover {
  width: 100%;
  position: relative;
}

.c-post_mv {
  width: 100%;
}
.c-post_mv_img {
  margin-bottom: 30px;
}
.c-post_mv_img--series {
  width: 50%;
  margin: 0 auto 40px;
}
.c-post_mv_series-desc {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.875em;
  letter-spacing: 0.1em;
  margin-bottom: 36px;
}
.c-post_cont {
  width: 100%;
  margin: 0 auto;
  padding: 30px 0 10px;
}
.c-post_cont_sub {
  margin-bottom: 11px;
  letter-spacing: 0.1em;
}
.c-post_cont_title {
  margin-bottom: 10px;
}
.c-post_cont_row {
  display: flex;
}
@media screen and (max-width: 767px) {
  .c-post_cont_row {
    display: block;
  }
}
.c-post_cont_row_date {
  font-size: 12px;
  font-size: 1.2rem;
  color: #707070;
  margin-left: 20px;
  margin-right: 20px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-post_cont_row_date {
    margin-bottom: 20px;
  }
}
.c-post_cont_row_date:before {
  content: url("../../img/post_calendar.svg");
  position: absolute;
  left: -20px;
}
.c-post_cont_row_cat_list {
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  margin-right: 20px;
}
@media screen and (max-width: 767px) {
  .c-post_cont_row_cat_list {
    margin-right: 5px;
    margin-bottom: 10px;
  }
}
.c-post_cont_text {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.6em;
  margin-bottom: 30px;
}
.c-post_cont_quote {
  margin-bottom: 40px;
}

/* 吹き出し部分 共通設定 */
.n-fuki {
  position: relative; /* 吹き出しの三角位置設定用 */
  margin: 23px 0 0; /* デフォルト設定リセット */
  padding: 22px 20px; /* 吹き出しの内側余白設定 */
  /* 吹き出し三角部分 共通設定 */
  /* 右からの吹き出しの色 */
  /* キャラアイコン部分 共通設定 */
}
.n-fuki::before {
  content: "";
  position: absolute;
  top: 0%; /* 吹き出し三角部分の位置 */
  border: 12px solid transparent; /* 吹き出し三角部分サイズ */
}
.n-fuki p {
  margin: 0;
  padding: 0;
}
.n-fuki-right {
  border: #000 1px solid;
  /* 左からの吹き出し三角部分の位置・サイズ・色 */
}
.n-fuki-right::before {
  border-right: 10px solid #fff;
  content: "";
  position: absolute;
  top: 12px;
  right: -11px;
  margin-top: -12px;
  border-top: 12px solid #FFF;
  border-right: 12px solid transparent;
  z-index: 2;
  border-bottom: transparent;
}
.n-fuki-right:after {
  content: "";
  position: absolute;
  top: 13px;
  right: -13px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-top: 14px solid #000;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  border-bottom: transparent;
  z-index: 1;
}
.n-fuki-left {
  /* 左からの吹き出しの色 */
  border: #000 1px solid;
}
.n-fuki-left::before {
  left: -20px;
  border-right: 10px solid #fff;
}
.n-fuki-left p {
  border: none;
}
.n-fuki-icon {
  text-align: center; /* キャラアイコンを左右中央に */
}
.n-fuki-icon-img {
  display: block;
  position: relative;
}
.n-fuki-icon-img figcaption {
  font-size: 14px !important;
  line-height: 1 !important;
  line-height: 0em;
  font-weight: bold;
  margin: 0 !important;
  padding: 0 !important;
  position: absolute;
  top: 0;
  width: 146px;
}
.n-fuki-icon-img.left figcaption {
  right: 70px;
  text-align: right;
}
.n-fuki-icon-img.right figcaption {
  left: 70px;
  text-align: left;
}

.wp-block-columns.baloon {
  justify-content: space-between;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 0 3em;
}
.wp-block-columns.baloon p {
  margin-bottom: 0;
}

.wp-block-column.n-fuki-left:before {
  content: "";
  position: absolute;
  top: 12px;
  left: -11px;
  margin-top: -12px;
  border-top: 11.5px solid #FFF;
  border-right: 0px solid transparent;
  z-index: 2;
}
.wp-block-column.wp-block-column.n-fuki-left:after {
  content: "";
  position: absolute;
  top: 13px;
  left: -14px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-top: 14px solid #000;
  border-right: 0px solid transparent;
  z-index: 1;
}

.ath-colfix {
  flex-wrap: nowrap !important;
}
@media screen and (max-width: 767px) {
  .ath-colfix.wp-block-column:not(:first-child) {
    margin-left: 5px;
  }
}

@media (min-width: 600px) and (max-width: 781px) {
  .wp-block-column:not(:only-child) {
    flex-basis: 8%;
    flex-grow: 0;
  }
}
.wp-block-snow-monkey-blocks-balloon {
  margin-bottom: 30px;
}

.smb-balloon__figure {
  border-radius: 0 !important;
  border: none !important;
}
.smb-balloon__name {
  font-size: 14px !important;
  font-weight: bold;
  margin-top: 10px !important;
}
@media (max-width: 40em) {
  .smb-balloon__name {
    margin-top: 0px !important;
  }
}
.smb-balloon p {
  margin-bottom: 0 !important;
}

.c-article {
  padding: 0.8%;
  background: rgb(233, 247, 255);
}
.c-article_inner {
  border: 1px dashed #707070;
  border-radius: 5px;
  padding: 4% 2%;
}
.c-article_cat {
  margin-bottom: 41px;
}
.c-article_cat_title, .c-article_tag_title {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  margin-bottom: 20px;
  color: #707070;
}
.c-article_cat_cont, .c-article_tag_cont {
  padding: 0% 3%;
  display: flex;
}
.c-article_cat_cont_list {
  margin-right: 1.3em;
}
@media screen and (max-width: 767px) {
  .c-article_cat_cont_list {
    margin-right: 0.3em;
  }
}
.c-article_cat_cont_list_link {
  color: #fff;
  background: #070707;
}
.c-article_tag_cont_list {
  margin-right: 2.2em;
}
.c-article_tag_cont_list a {
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  color: #707070;
  transition: 0.5s;
}
@media screen and (max-width: 767px) {
  .c-article_tag_cont_list a {
    font-size: 11px;
    font-size: 1.1rem;
  }
}
.c-article_tag_cont_list a:hover {
  color: #182f4f;
}

.c-author {
  margin-top: 40px;
}
.c-author_cont {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 3% 3%;
}
@media screen and (max-width: 767px) {
  .c-author_cont {
    font-size: 11px;
    font-size: 1.1rem;
  }
}
.c-author_cont_list {
  margin-bottom: 8px;
}
.c-author_cont_list:last-child {
  margin-bottom: 0;
}
.c-author_cont_list a {
  color: #182f4f;
  position: relative;
}
.c-author_cont_list a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #182f4f;
  transition: 0.5s;
  opacity: 1;
}
.c-author_cont_list a:hover::after {
  opacity: 0;
}

.c-share {
  display: flex;
  justify-content: space-between;
  width: 180px;
  margin: 0 auto;
}
.c-share_title {
  position: relative;
  font-size: 10px;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.06rem;
  padding-left: 20px;
}
.c-share_title::before {
  content: "";
  position: absolute;
  left: 0px;
  display: inline-block;
  width: 12px;
  height: 10px;
  background-image: url("../../img/share.svg");
}
.c-share span {
  content: "";
  margin-top: 6px;
  display: inline-block;
  width: 30px;
  height: 1px;
  background: #707070;
}
.c-share_list {
  display: flex;
}
.c-share_list_item {
  margin-right: 18px;
}
.c-share_list_item:last-child {
  margin-right: 0;
}

body {
  counter-reset: rank_number;
}

.c-wpp-list .wpp-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  list-style: none;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .c-wpp-list .wpp-list {
    margin-bottom: 20px;
  }
}
.c-wpp-list .wpp-list:after {
  content: "";
  display: block;
  width: calc(33.3333333333% - 12px);
  height: 0;
}
.c-wpp-list .wpp-list img {
  margin-bottom: 10px;
}

.wpp_thumb_wrapper {
  position: relative;
}
.wpp_thumb_wrapper:after {
  counter-increment: rank_number;
  content: counter(rank_number);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  background: #000;
  padding: 0.2em 0.4em;
}
@media screen and (max-width: 767px) {
  .wpp_thumb_wrapper:after {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .wpp_thumb_wrapper:after {
    padding: 0.1em 0.4em;
  }
}

/*========= ページトップのためのCSS ===============*/
.c-linkBtn_sns_left, #btn-fixed .c-linkBtn_sns_left--fixed {
  position: absolute;
  top: 130px;
  left: calc((100vw - 680px) / 2 - 53px);
  transform: translateX(-100%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 170px;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .c-linkBtn_sns_left, #btn-fixed .c-linkBtn_sns_left--fixed {
    top: 18px;
    width: 30px;
    left: 35px;
  }
}
.c-linkBtn_sns_left_list {
  height: 100%;
}
.c-linkBtn_sns_left_list_icon {
  margin-bottom: 2px;
}
.c-linkBtn_sns_left_list_icon a {
  display: block;
  pointer-events: auto;
}
.c-linkBtn_sns_left_list_icon svg {
  display: block;
}
@media screen and (max-width: 767px) {
  .c-linkBtn_sns_left_list_icon svg {
    width: 100%;
  }
}
.c-linkBtn_sns_left_list_icon_twitter {
  fill: #707070;
  transition: all 0.5s ease 0s;
}
.c-linkBtn_sns_left_list_icon_twitter:hover {
  fill: #1DA1F2;
}
.c-linkBtn_sns_left_list_icon_facebook {
  fill: #707070;
  transition: all 0.5s ease 0s;
}
.c-linkBtn_sns_left_list_icon_facebook:hover {
  fill: #1877F2;
}
.c-linkBtn_sns_left_list_icon_line {
  fill: #707070;
  transition: all 0.5s ease 0s;
}
.c-linkBtn_sns_left_list_icon_line:hover {
  fill: #00B900;
}
.c-linkBtn_sns_right, #btn-fixed .c-linkBtn_sns_right--fixed {
  position: absolute;
  top: 130px;
  right: calc((100vw - 680px) / 2 - 100px);
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 170px;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .c-linkBtn_sns_right, #btn-fixed .c-linkBtn_sns_right--fixed {
    top: 18px;
    width: 30px;
    right: 5px;
  }
}
.c-linkBtn_sns_right_list {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.c-linkBtn_sns_right_list_icon a {
  display: block;
  pointer-events: auto;
}
.c-linkBtn_sns_right_list_icon svg {
  display: block;
}
@media screen and (max-width: 767px) {
  .c-linkBtn_sns_right_list_icon svg {
    width: 20px;
  }
}
.c-linkBtn_sns_right_list_icon_video {
  fill: #999;
  transition: all 0.5s ease 0s;
}
.c-linkBtn_sns_right_list_icon_video:hover {
  fill: #182f4f;
}
.c-linkBtn_sns_right_list_icon_voicy {
  fill: #999;
  transition: all 0.5s ease 0s;
}
.c-linkBtn_sns_right_list_icon_voicy:hover {
  fill: #182f4f;
}
.c-linkBtn_sns_right_list_icon_column {
  fill: #999;
  transition: all 0.5s ease 0s;
}
.c-linkBtn_sns_right_list_icon_column:hover {
  fill: #182f4f;
}

#btn-fixed .c-linkBtn_sns_left--fixed {
  top: 200px;
}
@media screen and (max-width: 767px) {
  #btn-fixed .c-linkBtn_sns_left--fixed {
    top: auto;
    bottom: 0;
  }
}
#btn-fixed .c-linkBtn_sns_right--fixed {
  top: 200px;
}
@media screen and (max-width: 767px) {
  #btn-fixed .c-linkBtn_sns_right--fixed {
    top: auto;
    bottom: 0;
  }
}

/*リンクを右下に固定*/
#btn-fixed {
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 2;
  pointer-events: none;
  /*はじめは非表示*/
  opacity: 0;
  transform: translateY(100px);
}

/*　上に上がる動き　*/
#btn-fixed.UpMove {
  animation: UpAnime 0.5s forwards;
}

@keyframes UpAnime {
  from {
    opacity: 0;
    transform: translateY(0px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/*　下に下がる動き　*/
#btn-fixed.DownMove {
  animation: DownAnime 0.5s forwards;
}

@keyframes DownAnime {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(0px);
  }
}
.p-video {
  width: 72.5vw;
  margin: 0 auto 20px;
}
.p-video_youtube {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.p-video_youtube_thumb {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: 0.5s;
}
.p-video_youtube_btn {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  cursor: pointer;
  transition: 0.5s;
}
.p-video_youtube_btn:hover {
  opacity: 0.7;
}
.p-video_youtube_player {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}
.p-video_youtube_player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.p-video_youtube_caption_title {
  font-size: 20px;
  font-size: 2rem;
  line-height: 2em;
  font-weight: bold;
}

.p-audio {
  width: 72.5vw;
  margin: 0 auto 20px;
}
.p-audio_textArea--col-2 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 41px;
}
.p-audio_textArea--col-2_img {
  width: 52%;
}
.p-audio_textArea--col-2_text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  list-style: none;
  width: 43.8%;
  height: 100%;
}
.p-audio_textArea--col-2_text_title {
  font-size: 29px;
  font-size: 2.9rem;
  margin-bottom: 10px;
}
.p-audio_textArea--col-2_text_date {
  font-size: 15px;
  font-size: 1.5rem;
}

.p-books {
  width: 72.5vw;
  margin: 0 auto 20px;
}
.p-books-textArea--col-2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 48px;
}
@media screen and (max-width: 767px) {
  .p-books-textArea--col-2 {
    display: block;
  }
}
.p-books-textArea--col-2_img {
  width: 25.9%;
}
@media screen and (max-width: 767px) {
  .p-books-textArea--col-2_img {
    width: 70%;
    margin: 0 auto;
    margin-bottom: 20px;
  }
}
.p-books-textArea--col-2_cont {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  list-style: none;
  width: 70.2%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .p-books-textArea--col-2_cont {
    width: 100%;
  }
}
.p-books-textArea--col-2_cont_title {
  font-size: 30px;
  font-size: 3rem;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .p-books-textArea--col-2_cont_title {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-books-textArea--col-2_cont_title {
    text-align: center;
  }
}
.p-books-textArea--col-2_cont_item {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.p-books-textArea--col-2_cont_item dt {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 8px 0;
  width: 14%;
  display: flex;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .p-books-textArea--col-2_cont_item dt {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-books-textArea--col-2_cont_item dt {
    width: 40%;
  }
}
.p-books-textArea--col-2_cont_item dd {
  font-size: 16px;
  font-size: 1.6rem;
  width: 86%;
  padding: 8px 0;
}
@media screen and (max-width: 767px) {
  .p-books-textArea--col-2_cont_item dd {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-books-textArea--col-2_cont_item dd {
    width: 60%;
  }
}
.p-books-textArea--col-2_cont_text {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6em;
  margin-bottom: 33px;
}
@media screen and (max-width: 767px) {
  .p-books-textArea--col-2_cont_text {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.p-books-textArea--col-2_cont_link {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
  position: relative;
  padding: 0.5em 0em;
  border-radius: 0px;
  border: solid 2px #000;
  background: #182f4f;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-books-textArea--col-2_cont_link {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .p-books-textArea--col-2_cont_link {
    padding-right: 30px;
  }
}
.p-books-textArea--col-2_cont_link:after {
  content: url("../../img/link-button_icon.svg");
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 54.375px;
  height: 100%;
  background: #fff;
  border-left: 2px solid #000;
}
@media screen and (max-width: 767px) {
  .p-books-textArea--col-2_cont_link:after {
    width: 36px;
  }
}
.p-books-textArea--col-2_editor {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 47px;
}
@media screen and (max-width: 767px) {
  .p-books-textArea--col-2_editor {
    display: block;
  }
}
.p-books-textArea--col-2_editor dt {
  font-size: 20px;
  font-size: 2rem;
  padding: 8px 0;
  width: 25.9%;
  display: flex;
}
@media screen and (max-width: 767px) {
  .p-books-textArea--col-2_editor dt {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .p-books-textArea--col-2_editor dt {
    width: 100%;
    justify-content: center;
  }
}
.p-books-textArea--col-2_editor dd {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6em;
  width: 70.2%;
  padding: 8px 0;
}
@media screen and (max-width: 767px) {
  .p-books-textArea--col-2_editor dd {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-books-textArea--col-2_editor dd {
    width: 100%;
  }
}
.p-books_button {
  display: block;
  width: 65%;
  margin: 0 auto;
}

.p-dialogue_img {
  margin-bottom: 40px;
}
.p-dialogue_sub {
  margin-bottom: 11px;
}
.p-dialogue_title {
  margin-bottom: 10px;
}
.p-dialogue_row {
  margin-bottom: 37px;
  display: flex;
}
.p-dialogue_row_cat {
  font-size: 14px;
  font-size: 1.4rem;
  color: #999;
}
.p-dialogue_row_date {
  font-size: 14px;
  font-size: 1.4rem;
  color: #999;
}
.p-dialogue_text {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.6em;
  margin-bottom: 30px;
}
.p-dialogue_quote {
  margin-bottom: 40px;
}

.post-contents h2 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.875em;
  position: relative;
  font-weight: bold;
  letter-spacing: 0.11em;
  padding-bottom: 22px;
  margin: 78px 0 30px;
}
@media screen and (max-width: 767px) {
  .post-contents h2 {
    margin: 40px 0 30px;
  }
}
.post-contents h2:after {
  content: "";
  width: 30px;
  height: 7px;
  background: #182f4f;
  position: absolute;
  left: 0;
  bottom: 0;
}
.post-contents h3 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.875em;
  position: relative;
  font-weight: bold;
  letter-spacing: 0.11em;
  background: #e5f0ff;
  padding: 0.9em 1.3em;
  margin: 70px 0 30px;
}
@media screen and (max-width: 767px) {
  .post-contents h3 {
    margin: 40px 0 30px;
  }
}
.post-contents h3:before {
  content: " ";
  position: absolute;
  top: 7%;
  left: -2%;
  width: 45px;
  height: 1px;
  background: #000;
  transform: rotate(-45deg);
}
.post-contents h3:after {
  content: " ";
  position: absolute;
  bottom: 10%;
  right: -2%;
  width: 45px;
  height: 1px;
  background: #000;
  transform: rotate(-45deg);
}
.post-contents h4 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 40px;
}
.post-contents p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.875em;
  letter-spacing: 0.1em;
  margin-bottom: 36px;
}
.post-contents p a {
  color: #182f4f;
  position: relative;
}
.post-contents p a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #182f4f;
  transition: 0.5s;
  opacity: 0;
}
.post-contents p a:hover::after {
  opacity: 1;
}
.post-contents ul, .post-contents ol {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.875em;
  letter-spacing: 0.1em;
  margin-bottom: 36px;
  padding-left: 1.5em;
}
.post-contents li {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.875em;
  letter-spacing: 0.1em;
  margin-bottom: 12px;
  list-style: disc;
}
.post-contents ol li {
  list-style: decimal;
}
.post-contents table {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.875em;
  letter-spacing: 0.1em;
  margin-bottom: 36px;
  width: 100%;
  border-collapse: collapse;
}
.post-contents th, .post-contents td {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.875em;
  letter-spacing: 0.1em;
  padding: 12px 16px;
  border: 1px solid #ddd;
}
.post-contents th {
  font-weight: bold;
  background: rgb(233, 247, 255);
  text-align: left;
}
.post-contents figure {
  margin-bottom: 30px;
}
.post-contents figcaption {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.8em;
  letter-spacing: 0.1em;
  padding: 0 1.6em;
  margin-bottom: 36px;
}
.post-contents strong {
  display: inline-block;
  position: relative;
}
.post-contents strong:after {
  content: " ";
  width: 100%;
  height: 3px;
  background: #FAF000;
  position: absolute;
  left: 0;
  bottom: 20%;
  z-index: -1;
}
.post-contents .wp-block-quote {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2.1em;
  letter-spacing: 0.1em;
  position: relative;
  color: #707070;
  background: #e5f0ff;
  margin-bottom: 40px;
  margin-left: 4.5%;
  padding: 2.4em 1.4em;
}
.post-contents .wp-block-quote p {
  margin-bottom: 20px;
}
.post-contents .wp-block-quote:before {
  content: url("../../img/quote.svg");
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: -4.5%;
  width: 4.5%;
  height: 100%;
  color: #fff;
  background: #999;
}
.post-contents .wp-block-buttons {
  margin-bottom: 40px;
}
.post-contents .wp-block-button__link {
  position: relative;
  padding: 0.9em 70px 0.9em 1em;
  border-radius: 0px !important;
  border: solid 2px #000;
}
@media screen and (max-width: 767px) {
  .post-contents .wp-block-button__link {
    padding: 0.9em 50px 0.9em 1em;
  }
}
.post-contents .wp-block-button__link:after {
  content: url("../../img/link-button_icon.svg");
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 54.375px;
  height: 100%;
  background: #fff;
  border-left: 2px solid #000;
}
@media screen and (max-width: 767px) {
  .post-contents .wp-block-button__link:after {
    width: 36px;
  }
}

header {
  max-width: 100%;
}
@media screen and (max-width: 1024px) {
  header {
    position: fixed;
    z-index: 999;
    background: white;
    top: 0;
  }
}

@media screen and (max-width: 1024px) {
  main, #page {
    padding-top: 60px;
  }
}

.l-header {
  width: 1200px;
  height: 80px;
  padding: 0;
}
@media screen and (max-width: 1024px) {
  .l-header {
    max-width: 90%;
  }
}
@media screen and (max-width: 767px) {
  .l-header {
    max-width: 100%;
    padding: 5%;
  }
}

.l-header_nav, .l-footer_nav .menu {
  width: max-content;
  min-width: inherit;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .l-header_nav, .l-footer_nav .menu {
    min-width: inherit;
  }
}
.l-header_nav a, .l-footer_nav .menu a {
  transition: all ease-in-out 0.5s;
}
.l-header_nav a:hover, .l-footer_nav .menu a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 1024px) {
  .l-header_btn {
    position: absolute;
    right: 5%;
  }
}

@media screen and (max-width: 767px) {
  .l-header_btn_text .menu {
    height: 50vh;
    margin: auto 0;
  }
}

.l-header_logo {
  width: auto;
}
@media screen and (max-width: 767px) {
  .l-header_logo {
    width: 100px;
  }
}

@media screen and (max-width: 1024px) {
  .l-header_btn_text .menu-top-container {
    height: 60%;
  }
}
@media screen and (max-width: 767px) {
  .l-header_btn_text .menu-top-container {
    height: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .l-header_btn_text .menu-top-container li {
    font-size: 2rem;
  }
}

@media screen and (max-width: 1024px) {
  .l-header_btn_text_sns_list_icon svg {
    fill: white;
    height: 30px;
    width: 170px;
  }
}
@media screen and (max-width: 767px) {
  .l-header_btn_text_sns_list_icon svg {
    height: 16px;
    width: auto;
    margin-right: 20px;
  }
}

@media screen and (max-width: 767px) {
  .l-footer {
    padding: 60px 0;
  }
}

.l-header_logo, .l-footer_logo {
  transition: all ease-in-out 0.5s;
}
.l-header_logo:hover, .l-footer_logo:hover {
  opacity: 0.7;
}

.swiper-slide:hover {
  opacity: 1;
}
.swiper-slide img {
  transition: all ease-in-out 0.3s;
}
.swiper-slide img:hover {
  filter: drop-shadow(0 10px 5px rgba(0, 0, 0, 0.4)) saturate(110%) brightness(110%);
}

.slider_mv {
  margin: 40px 0 160px;
}
@media screen and (max-width: 767px) {
  .slider_mv {
    margin: 40px 0 80px;
  }
}

.l-mv_swiper {
  width: 100% !important;
}

@media screen and (max-width: 767px) {
  .local-nav_list a {
    font-size: 14px;
  }
}

/*gnavエフェクト*/
#menu-top li a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #333;
  transition: all ease-in-out 0.3s;
}

#menu-top li a {
  /*線の基点とするためrelativeを指定*/
  position: relative;
}

#menu-top li.current-menu-item a,
#menu-top li a:hover {
  color: #182f4f;
}

#menu-top li.current-menu-item a:after {
  content: "";
  /*絶対配置で線の位置を決める*/
  position: absolute;
  bottom: 0;
  left: 10%;
  /*線の形状*/
  width: 80%;
  height: 2px;
  background: #182f4f;
  /*アニメーションの指定*/
  transition: all 0.6s;
  transform: scale(1, 1); /*X方向0、Y方向1*/
  transform-origin: left top; /*左上基点*/
}

#menu-top li a::after {
  content: "";
  /*絶対配置で線の位置を決める*/
  position: absolute;
  bottom: 0;
  left: 10%;
  /*線の形状*/
  width: 80%;
  height: 2px;
  background: #182f4f;
  /*アニメーションの指定*/
  transition: all 0.6s;
  transform: scale(0, 1); /*X方向0、Y方向1*/
  transform-origin: left top; /*左上基点*/
}

/*現在地とhoverの設定*/
#menu-top li.current a::after,
#menu-top li a:hover::after {
  transform: scale(1, 1); /*X方向にスケール拡大*/
}

@media screen and (max-width: 767px) {
  .l-footer_nav .menu {
    margin-top: 60px;
  }
}

.l-footer_nav .menu-item {
  padding: 0 10px;
}
@media screen and (max-width: 767px) {
  .l-footer_nav .menu-item {
    font-size: 14px;
    line-height: 2;
  }
}

.n-fuki {
  padding: 12px 20px;
}

.wp-block-column.n-fuki-left:before {
  left: -12px;
}

.wp-block-column.wp-block-column.n-fuki-left:after {
  border-top: 13px solid #000;
}

.n-fuki-right::before {
  right: -12px;
}

.n-fuki-right:after {
  right: -14px;
  border-top: 13px solid #000;
  border-right: 13px solid transparent;
}

@media screen and (max-width: 767px) {
  .wp-block-image figure {
    margin-bottom: 30px !important;
  }
}
.wp-block-image figcaption {
  word-break: break-word;
  padding: 0;
}

.l-section--content .post-contents {
  word-break: break-all;
}
@media screen and (max-width: 767px) {
  .l-section--content .post-contents {
    width: 90% !important;
  }
}

.post-contents h2 {
  font-size: 24px;
  padding-bottom: 0px;
  padding-left: 1em;
}
@media screen and (max-width: 767px) {
  .post-contents h2 {
    font-size: 18px;
  }
}

.post-contents h2:after {
  content: "";
  width: 10px;
  height: 100%;
}

@media screen and (max-width: 767px) {
  .post-contents figure {
    width: 100%;
  }
}

figure.wp-block-image.size-full.n-fuki-icon-img.left {
  margin-left: 60%;
}

.post-contents strong {
  border-bottom: 2px solid #FAF000;
  display: inline;
}
.post-contents strong:after {
  content: none;
}

.c-post_cont_title {
  line-height: 1.5;
}

.c-post_cont_row_cat_list {
  margin-right: 10px;
}

@media screen and (max-width: 767px) {
  .c-linkBtn_sns_left, #btn-fixed .c-linkBtn_sns_left--fixed {
    position: fixed;
    top: inherit;
    width: 40px;
    left: 55px;
    bottom: -90px;
  }
}

@media screen and (max-width: 767px) {
  #btn-fixed .c-linkBtn_sns_left--fixed, #btn-fixed .c-linkBtn_sns_right--fixed {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .c-linkBtn_sns_list, .c-linkBtn_sns_right_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-flow: nowrap;
    width: 140px;
    height: 40px;
  }
}

@media screen and (max-width: 1024px) {
  .c-linkBtn_sns_right, #btn-fixed .c-linkBtn_sns_right--fixed {
    right: 10px;
  }
}
@media screen and (max-width: 767px) {
  .c-linkBtn_sns_right, #btn-fixed .c-linkBtn_sns_right--fixed {
    top: initial;
    width: 40px;
    left: 160px;
    right: initial;
    position: fixed;
    bottom: -63px;
  }
}

@media screen and (max-width: 767px) {
  .c-linkBtn_sns_right_list_icon {
    margin-right: 10px;
  }
}

@media screen and (max-width: 767px) {
  #btn-fixed .c-linkBtn_sns_right--fixed {
    top: initial;
    width: 37px;
    right: 20px;
    bottom: 100px;
  }
}

@media screen and (max-width: 767px) {
  .c-linkBtn_sns_right_list {
    height: 100px;
  }
}

@media screen and (max-width: 767px) {
  .c-linkBtn_sns_right_list_icon svg {
    width: 30px;
  }
}

@media screen and (max-width: 767px) {
  .c-author_cont {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .c-textArea--col-3_title {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .c-breadcrumbs span {
    margin-left: 0;
    font-size: 14px;
  }
}

.p-books {
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .p-books {
    width: 90%;
  }
}

.p-books-textArea--col-2_cont_link:before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.p-books-textArea--col-2_cont_link:hover::before {
  -webkit-animation: shine 0.75s;
  animation: shine 0.75s;
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
.btn_concept {
  display: none;
}

.c-linkBtn_sns_right, #btn-fixed .c-linkBtn_sns_right--fixed {
  display: none !important;
}

@media screen and (max-width: 767px) {
  #wpfront-scroll-top-container {
    display: none !important;
  }
}

#page {
  margin: 60px auto;
}
#page h1 {
  font-size: 30px;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  #page h1 {
    font-size: 20px;
  }
}
#page h2 {
  font-size: 24px;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  #page h2 {
    font-size: 18px;
  }
}
#page p {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 30px;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  #page p {
    font-size: 14px;
  }
}
#page ul, #page ol {
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  #page ul, #page ol {
    font-size: 20px;
  }
}
#page li {
  font-size: 16px;
  line-height: 1.5;
  text-align: justify;
  list-style: auto;
  margin-left: 2em;
}
@media screen and (max-width: 767px) {
  #page li {
    font-size: 14px;
  }
}
#page li ol {
  margin-top: 15px;
}
#page td {
  font-size: 16px;
  line-height: 1.5;
  border-bottom: 1px solid;
  padding: 10px;
}
@media screen and (max-width: 767px) {
  #page td {
    font-size: 14px;
  }
}
#page .size-full, #page .size-large {
  max-width: 100%;
  margin-bottom: 80px;
}
#page.concept {
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.2em;
}
#page.concept h1 {
  font-size: 60px;
  font-weight: 900;
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  #page.concept h1 {
    font-size: 24px;
    margin-bottom: 30px;
  }
}
#page.concept h2 {
  font-size: 24px;
  font-weight: 900;
}
@media screen and (max-width: 767px) {
  #page.concept h2 {
    font-size: 14px;
  }
}
#page.concept p.figure {
  width: 264px;
  margin: 60px auto;
}
@media screen and (max-width: 767px) {
  #page.concept p.figure {
    margin: 30px auto;
  }
}
#page.concept .vision, #page.concept .mission {
  margin: 120px auto;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #page.concept .vision, #page.concept .mission {
    margin: 60px auto;
  }
}
#page.concept .vision h3, #page.concept .mission h3 {
  font-size: 16px;
  font-weight: 900;
  text-align: center;
  border-bottom: 2px solid;
  width: 360px;
  margin: 0 auto 30px;
  padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
  #page.concept .vision h3, #page.concept .mission h3 {
    font-size: 14px;
    width: 100px;
  }
}
#page.concept .vision p.midashi, #page.concept .mission p.midashi {
  font-size: 30px;
  font-weight: 900;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #page.concept .vision p.midashi, #page.concept .mission p.midashi {
    font-size: 20px;
  }
}
#page.concept .vision p.desc, #page.concept .mission p.desc {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #page.concept .vision p.desc, #page.concept .mission p.desc {
    font-size: 13px;
  }
}

.hidden-pc {
  display: none;
}
@media screen and (max-width: 767px) {
  .hidden-pc {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .hidden-sp {
    display: none;
  }
}

.p-top_cat_top .c-title, .p-top_cat_top .c-title--xs, .p-top_cat_top .c-title--sm {
  text-align: left;
}
.p-top_cat_top .c-title::before, .p-top_cat_top .c-title--xs::before, .p-top_cat_top .c-title--sm::before {
  content: none !important;
}

.p-top_cat_top.c-head, .p-top_cat_top.c-head--rank, .p-top_cat_top.c-head--mbHalf, .p-top_cat_top.c-head--series {
  font-size: 0;
}
.p-top_cat_top.c-head .p-top_cat_top_title.c-title, .p-top_cat_top.c-head--rank .p-top_cat_top_title.c-title, .p-top_cat_top.c-head--mbHalf .p-top_cat_top_title.c-title, .p-top_cat_top.c-head--series .p-top_cat_top_title.c-title, .p-top_cat_top.c-head .p-top_cat_top_title.c-title--xs, .p-top_cat_top.c-head--rank .p-top_cat_top_title.c-title--xs, .p-top_cat_top.c-head--mbHalf .p-top_cat_top_title.c-title--xs, .p-top_cat_top.c-head--series .p-top_cat_top_title.c-title--xs, .p-top_cat_top.c-head .p-top_cat_top_title.c-title--sm, .p-top_cat_top.c-head--rank .p-top_cat_top_title.c-title--sm, .p-top_cat_top.c-head--mbHalf .p-top_cat_top_title.c-title--sm, .p-top_cat_top.c-head--series .p-top_cat_top_title.c-title--sm {
  font-size: 2rem;
}
.p-top_cat_top.c-head .p-top_cat_top_archive.c-button, .p-top_cat_top.c-head--rank .p-top_cat_top_archive.c-button, .p-top_cat_top.c-head--mbHalf .p-top_cat_top_archive.c-button, .p-top_cat_top.c-head--series .p-top_cat_top_archive.c-button, .p-top_cat_top.c-head .p-top_cat_top_archive.c-button--rank, .p-top_cat_top.c-head--rank .p-top_cat_top_archive.c-button--rank, .p-top_cat_top.c-head--mbHalf .p-top_cat_top_archive.c-button--rank, .p-top_cat_top.c-head--series .p-top_cat_top_archive.c-button--rank, .p-top_cat_top.c-head .p-top_cat_top_archive.c-button--series, .p-top_cat_top.c-head--rank .p-top_cat_top_archive.c-button--series, .p-top_cat_top.c-head--mbHalf .p-top_cat_top_archive.c-button--series, .p-top_cat_top.c-head--series .p-top_cat_top_archive.c-button--series {
  font-size: 1rem;
}

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