@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

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

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}


/*
html$--------------------------------------------------------*/
* {
  margin: 0px;
  padding: 0px;
}

body {
  color: #444;
  margin: 0;
  padding: 0;
  font-family: "Noto Sans JP", "Yusei Magic", Hiragino Sans, ヒラギノ角ゴシック, "メイリオ", Meiryo, sans-serif !important;
  text-align: center;
  line-height: 1.8;
  position: relative;
  transition: all ease 0.3s;
  background: #FBFAF4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body.openMenu {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

a {
  color: #287395;
  text-decoration: underline;
}

a:visited {
  color: #287395;
  text-decoration: underline;
}

a:hover {
  color: #287395;
  text-decoration: none;
}

a:active {
  color: #287395;
  text-decoration: underline;
}

ul {
  list-style: none;
}

img {
  margin: 0;
  padding: 0;
  vertical-align: top;
  max-width: 100%;
  height: auto;
  image-rendering: -webkit-optimize-contrast;
}

@media screen and (max-width: 767px) {
  a:hover img {
    opacity: 1 !important;
  }
}
.sp,
._sp-only {
  display: none;
}

.pc,
._pc-only {
  display: block;
}

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

@media screen and (max-width: 767px) {
  .sp,
  ._sp-only {
    display: block;
  }
  .pc,
  ._pc-only {
    display: none;
  }
}
/* header 
---------------------------------------------------------------*/
header {
  border-top: 4px solid #277395;
  height: 286px;
}
@media screen and (max-width: 767px) {
  header {
    height: auto;
    margin-bottom: 7vw;
    border-top: none;
  }
}
header .header-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
header .header-wrap::after {
  content: "";
  display: block;
  width: 20%;
}
header .header-wrap .logo {
  text-align: left;
  width: 20%;
  box-sizing: border-box;
  padding-left: 48px;
  padding-top: 53px;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  header .header-wrap .logo {
    display: none;
  }
}
header .header-wrap .logo img {
  width: 160px;
  height: auto;
}
header .header-wrap .site-logo {
  position: absolute;
  padding-top: 46px;
  width: 100%;
  box-sizing: border-box;
  padding-right: 34px;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  header .header-wrap .site-logo {
    text-align: left;
    padding-left: 4vw;
    box-sizing: border-box;
    padding-top: 12px;
    width: 100%;
    position: relative;
    padding-right: 0;
  }
}
header .header-wrap .site-logo img {
  width: 396px;
  height: auto;
  margin-bottom: 19px;
}
@media screen and (max-width: 767px) {
  header .header-wrap .site-logo img {
    width: 190px;
  }
}
header .header-wrap .site-logo p {
  font-size: 16px;
  line-height: 1.7;
  padding-left: 2em;
}
@media screen and (max-width: 767px) {
  header .header-wrap .site-logo p {
    font-size: clamp(12px, 0.8125vw, 13px);
    padding-left: 0;
  }
}
header .header-wrap .toggle-menu {
  display: block;
  height: 176px;
  width: 176px;
  border-radius: 0 0 0 1000px;
  display: block;
  background: #277395;
  box-sizing: border-box;
  cursor: pointer;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1001;
  transition: all ease 0.3s;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
}
@media screen and (max-width: 767px) {
  header .header-wrap .toggle-menu {
    width: 80px;
    height: 80px;
    border-radius: 0 0 0 66px;
  }
}
header .header-wrap .toggle-menu .toggle-in {
  width: 118px;
  height: 118px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  box-sizing: border-box;
  padding-right: 50px;
  border-top: 30px;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  header .header-wrap .toggle-menu .toggle-in {
    padding-right: 10px;
    border-top: 10px;
    width: 59px;
    height: 59px;
  }
}
header .header-wrap .toggle-menu span {
  width: 32px;
  height: 3px;
  display: block;
  background-color: #fff;
  position: absolute;
  right: 44px;
  transition: transform 0.6s ease-in-out, top 0.5s ease;
}
@media screen and (max-width: 767px) {
  header .header-wrap .toggle-menu span {
    width: 30px;
    height: 2px;
    right: 4vw;
  }
}
header .header-wrap .toggle-menu span:nth-child(1) {
  top: 45px;
}
header .header-wrap .toggle-menu span:nth-child(2) {
  top: 55px;
}
header .header-wrap .toggle-menu span:nth-child(3) {
  top: 65px;
}
@media screen and (max-width: 767px) {
  header .header-wrap .toggle-menu span:nth-child(1) {
    top: 17px;
  }
  header .header-wrap .toggle-menu span:nth-child(2) {
    top: 24px;
  }
  header .header-wrap .toggle-menu span:nth-child(3) {
    top: 32px;
  }
}
header .header-wrap .toggle-menu em {
  position: absolute;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  color: #fff;
  right: 44px;
  top: 70px;
}
@media screen and (max-width: 767px) {
  header .header-wrap .toggle-menu em {
    font-size: 11px;
    right: 4.1vw;
    top: 33px;
    margin-right: 1px;
  }
}

.post header {
  height: 250px;
}
@media screen and (max-width: 767px) {
  .post header {
    height: auto;
    margin-bottom: 7vw;
  }
}

.openMenu .toggle-menu span:nth-child(1) {
  transform: rotate(26deg);
  top: 55px !important;
}

.openMenu .toggle-menu span:nth-child(2) {
  top: 20px;
  width: 0;
  left: 50%;
}

.openMenu .toggle-menu span:nth-child(3) {
  transform: rotate(-26deg);
  top: 55px !important;
}

@media screen and (max-width: 767px) {
  .openMenu .toggle-menu span:nth-child(1) {
    transform: rotate(26deg);
    top: 25px !important;
  }
  .openMenu .toggle-menu span:nth-child(2) {
    top: 20px;
    width: 0;
    left: 50%;
  }
  .openMenu .toggle-menu span:nth-child(3) {
    transform: rotate(-26deg);
    top: 25px !important;
  }
}
.sp-logo {
  display: none;
}

.sp-menu {
  visibility: hidden;
  position: fixed;
  top: 0;
  right: -1000px;
  z-index: -1;
  opacity: 0;
  padding: 235px 0 0;
  box-sizing: border-box;
  width: 470px;
  height: 100%;
  text-align: left;
  transform: translateZ(0);
  transition: all ease 0.3s;
}
@media screen and (max-width: 500px) {
  .sp-menu {
    padding: 28vw 0 0;
  }
}

.openMenu .sp-menu {
  opacity: 1;
  z-index: 1000;
  right: 0;
  visibility: visible;
  background: #fff;
  width: 470px;
  height: 100%;
  transition: all ease 0.3s;
  overflow: hidden;
  overflow-y: auto;
}
@media screen and (max-width: 767px) {
  .openMenu .sp-menu {
    width: 75vw;
  }
  .openMenu .sp-menu .sp-logo {
    display: block;
    position: absolute;
    left: 4vw;
    top: 20px;
    width: 30%;
  }
}
.openMenu .sp-menu .sp-menu-in {
  padding: 0 50px;
  width: 375px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .openMenu .sp-menu .sp-menu-in {
    padding: 0 4vw;
    width: 100%;
    box-sizing: border-box;
  }
}
.openMenu .sp-menu .sp-menu-in dl {
  padding-bottom: 2vw;
}
.openMenu .sp-menu .sp-menu-in dt {
  color: #277395;
  font-size: 26px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-family: "Yusei Magic", Hiragino Sans, ヒラギノ角ゴシック, "メイリオ", Meiryo, sans-serif !important;
  letter-spacing: 0.025em;
}
@media screen and (max-width: 767px) {
  .openMenu .sp-menu .sp-menu-in dt {
    font-size: clamp(18px, 1.75vw, 42px);
  }
}
.openMenu .sp-menu .sp-menu-in dt span {
  display: inline-block;
  padding-left: 1em;
  margin-left: 1em;
  letter-spacing: 0.025em;
  border-left: 2px solid #277395;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .openMenu .sp-menu .sp-menu-in dt span {
    font-size: clamp(14px, 1.375vw, 22px);
    font-weight: normal;
  }
}
.openMenu .sp-menu .sp-menu-in dd {
  margin-bottom: 60px;
  padding-top: 0.5em;
}
@media screen and (max-width: 767px) {
  .openMenu .sp-menu .sp-menu-in dd {
    margin-bottom: 11vw;
  }
}
.openMenu .sp-menu .sp-menu-in dd input[type=text] {
  height: 64px;
  box-sizing: border-box;
  width: 100%;
  background: #FBFAF4;
  padding: 5px 15px;
  border: 2px solid #CCCCCC;
  border-radius: 5px;
}
@media screen and (max-width: 767px) {
  .openMenu .sp-menu .sp-menu-in dd input[type=text] {
    height: 48px;
  }
}
.openMenu .sp-menu .sp-menu-in dd span {
  display: inline-block;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .openMenu .sp-menu .sp-menu-in dd span {
    font-size: clamp(12px, 0.75vw, 24px);
  }
}
.openMenu .sp-menu .sp-menu-in dd span.series {
  background: #D8F8D8;
  border-radius: 5px;
  margin-bottom: 10px;
  line-height: 1;
  padding: 4px 14px;
  color: #444;
}
.openMenu .sp-menu .sp-menu-in dd span.popular {
  background: #D8F1F8;
  border-radius: 50px;
  margin-bottom: 5px;
  margin-top: 5px;
  margin-right: 8px;
  line-height: 1;
  padding: 4px 15px;
  color: #444;
}
.openMenu .sp-menu .sp-menu-in dd span a {
  color: #444;
  text-decoration: none;
}
.openMenu .sp-menu .sp-menu-in dd span a:hover {
  text-decoration: underline;
}
.openMenu .sp-menu .sp-menu-in .menu-banner {
  border-top: 2px solid #277395;
  padding-top: 45px;
}
.openMenu .sp-menu .sp-menu-in .menu-banner li {
  margin-bottom: 15px;
}
.openMenu .sp-menu .sp-menu-in .close {
  width: 100%;
  padding-top: 2vw;
  cursor: pointer;
  text-align: center;
  color: #277395;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
}

.openMenu .over-wrap {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
  display: block;
  z-index: 999;
}

/* footer 
---------------------------------------------------------------*/
.footer-banner {
  padding: 4vw 0;
  background: #F4FEFF;
}
@media screen and (max-width: 767px) {
  .footer-banner {
    padding: 10vw 2vw;
  }
}
.footer-banner ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 35px;
}
@media screen and (max-width: 767px) {
  .footer-banner ul {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 0;
  }
}
.footer-banner ul li {
  width: 31.5%;
}
@media screen and (max-width: 767px) {
  .footer-banner ul li {
    width: 100%;
    margin: 4vw 0;
  }
}

footer {
  background: #277395;
}
footer .footer-menu {
  padding: 45px 0 0;
  color: #fff;
}
@media screen and (max-width: 767px) {
  footer .footer-menu {
    padding: 10% 3% 5%;
  }
}
footer .footer-menu ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  padding-bottom: 2vw;
  margin-bottom: 2vw;
}
@media screen and (max-width: 767px) {
  footer .footer-menu ul {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
    margin-bottom: 6vw;
  }
}
@media screen and (max-width: 767px) {
  footer .footer-menu ul li {
    margin-bottom: 1em;
  }
}
footer .footer-menu ul li a {
  color: #fff;
  font-size: 14px;
  margin-right: 40px;
  text-decoration: none;
}
footer .footer-menu ul li a.blank {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%0A%20%20%3Cpath%20id%3D%22arrow-up-right-from-square-solid%22%20d%3D%22M11.25%2C0a1.125%2C1.125%2C0%2C0%2C0%2C0%2C2.25h2.907L7.08%2C9.33a1.126%2C1.126%2C0%2C0%2C0%2C1.593%2C1.593l7.077-7.08V6.75a1.125%2C1.125%2C0%2C0%2C0%2C2.25%2C0V1.125A1.124%2C1.124%2C0%2C0%2C0%2C16.875%2C0ZM2.813%2C1.125A2.812%2C2.812%2C0%2C0%2C0%2C0%2C3.938v11.25A2.812%2C2.812%2C0%2C0%2C0%2C2.813%2C18h11.25a2.812%2C2.812%2C0%2C0%2C0%2C2.813-2.812V11.25a1.125%2C1.125%2C0%2C0%2C0-2.25%2C0v3.938a.564.564%2C0%2C0%2C1-.562.563H2.813a.564.564%2C0%2C0%2C1-.562-.562V3.938a.564.564%2C0%2C0%2C1%2C.563-.562H6.75a1.125%2C1.125%2C0%2C0%2C0%2C0-2.25Z%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 50%;
  padding-left: 1.8em;
}
footer .footer-menu ul li a:hover {
  text-decoration: underline;
}
footer .footer-under {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: flex-end;
  color: #fff;
  text-align: right;
}
@media screen and (max-width: 767px) {
  footer .footer-under {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
  }
}
footer .footer-under .footer-info {
  padding-bottom: 30px;
}
footer .footer-under .footer-info .site-logo {
  margin-bottom: 30px;
}
footer .footer-under .footer-info h4 {
  font-size: 20px;
  margin-bottom: 5px;
  padding-right: 24px;
  font-weight: normal;
}
footer .footer-under .footer-info p {
  padding-right: 24px;
  font-size: 14px;
}
footer .copyright {
  text-align: left;
  color: #fff;
  box-sizing: border-box;
  padding-right: 5vw;
}
@media screen and (max-width: 767px) {
  footer .copyright {
    align-self: flex-start;
    box-sizing: border-box;
    padding: 0 3%;
    width: 100%;
    text-align: center;
  }
}
footer .copyright small {
  display: inline-block;
  font-size: 12px;
  padding: 20px 0 30px;
  letter-spacing: 0.1em;
}

.gototop {
  position: fixed;
  bottom: 0;
  right: 1vw;
  border-radius: 50%;
  transition: opacity 0.3s ease;
  opacity: 0;
  pointer-events: none;
  z-index: 100;
}
.gototop.active {
  opacity: 1;
  pointer-events: auto;
}
.gototop img {
  width: 100%;
}

/* contents 
---------------------------------------------------------------*/
main {
  width: 100%;
  margin: auto;
  text-align: left;
}

.ly-inner {
  width: 1200px;
  margin: auto;
  box-sizing: border-box;
}
@media screen and (max-width: 1260px) {
  .ly-inner {
    padding: 0 4vw;
    width: 100%;
    box-sizing: border-box;
  }
}

.top-head {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 75px;
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .top-head {
    margin-bottom: 8vw;
  }
}
.top-head article {
  width: 68vw;
  box-sizing: border-box;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .top-head article {
    width: 100%;
    padding: 0;
  }
}
.top-head article a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  box-shadow: 0 0 8px rgba(68, 68, 68, 0.16);
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2244%22%20height%3D%2232%22%20viewBox%3D%220%200%2044%2032%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_2407%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%202407%22%20width%3D%2232%22%20height%3D%2232%22%20transform%3D%22translate(688%203064)%22%20fill%3D%22%23fff%22%20opacity%3D%220.798%22%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_994%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20994%22%20transform%3D%22translate(-692%20-2863)%22%3E%0A%20%20%20%20%3Cg%20id%3D%22%E3%83%9E%E3%82%B9%E3%82%AF%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_66%22%20data-name%3D%22%E3%83%9E%E3%82%B9%E3%82%AF%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2066%22%20transform%3D%22translate(16%20-201)%22%20clip-path%3D%22url(%23clip-path)%22%3E%0A%20%20%20%20%20%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_43%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2043%22%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2232%22%20transform%3D%22translate(688%203064)%22%20fill%3D%22%23277395%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cline%20id%3D%22%E7%B7%9A_387%22%20data-name%3D%22%E7%B7%9A%20387%22%20x2%3D%2232%22%20transform%3D%22translate(692%202883)%22%20fill%3D%22none%22%20stroke%3D%22%23d8f1f8%22%20stroke-width%3D%223%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat bottom right;
  background-size: 66px;
  transition: all ease 0.3s;
  color: #444;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .top-head article a {
    background-size: 14vw;
  }
}
.top-head article a figure {
  overflow: hidden;
  aspect-ratio: 16/9;
  background: #EEEEEE;
  text-align: center;
}
.top-head article a figure img {
  transform: scale(1);
  height: 100%;
  width: auto;
  margin: auto;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all ease 0.3s;
}
.top-head article a:hover {
  text-decoration: none;
  background-size: 80px;
  transition: all ease 0.3s;
}
.top-head article a:hover figure img {
  transform: scale(1.1);
  transition: all ease 0.3s;
}
.top-head article a h3 {
  font-size: 20px;
  font-weight: normal;
  padding: 40px 30px 20px;
}
@media screen and (max-width: 767px) {
  .top-head article a h3 {
    padding: 5% 4% 2%;
    font-size: clamp(14px, 0.875vw, 24px);
  }
}
.top-head article a .tag-asset {
  box-sizing: border-box;
  margin-top: auto;
  padding: 0 30px 35px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .top-head article a .tag-asset {
    padding: 5%;
    width: 100%;
  }
}
.top-head article a .tag-asset span {
  font-size: clamp(12px, 0.8125vw, 13px);
  display: inline-block;
  padding: 5px 14px;
  line-height: 1;
  border-radius: 50px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.top-head article a .tag-asset .series {
  background: #D8F8D8;
  border-radius: 5px;
}
.top-head article a .tag-asset .popular {
  background: #D8F1F8;
}
.top-head .top-right {
  width: 33vw;
  padding: 0 0 0 1%;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .top-head .top-right {
    display: none;
  }
}
.top-head .top-right dt {
  line-height: 1.5;
  color: #277395;
  font-size: 26px;
  font-family: "Yusei Magic", Hiragino Sans, ヒラギノ角ゴシック, "メイリオ", Meiryo, sans-serif !important;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  letter-spacing: 0.025em;
}
.top-head .top-right dt span {
  display: inline-block;
  padding-left: 1em;
  margin-left: 1em;
  border-left: 2px solid #277395;
  font-size: clamp(12px, 1.125vw, 18px);
}
.top-head .top-right dd {
  margin-bottom: 65px;
  padding-top: 0.5em;
}
.top-head .top-right dd.series-tag {
  margin-bottom: 55px;
}
.top-head .top-right dd:last-child {
  margin-bottom: 0;
}
.top-head .top-right dd input[type=text] {
  height: 64px;
  box-sizing: border-box;
  width: 100%;
  padding: 5px 15px;
  border: 2px solid #CCCCCC;
  border-radius: 3px;
}
.top-head .top-right dd span {
  display: inline-block;
  font-size: 14px;
}
.top-head .top-right dd span.series {
  background: #D8F8D8;
  border-radius: 5px;
  margin-bottom: 10px;
  line-height: 1;
  padding: 4px 14px;
  color: #444;
}
.top-head .top-right dd span.popular {
  background: #D8F1F8;
  border-radius: 50px;
  margin-bottom: 5px;
  margin-top: 5px;
  margin-right: 8px;
  line-height: 1;
  padding: 4px 15px;
  color: #444;
}
.top-head .top-right dd span a {
  color: #444;
  text-decoration: none;
}
.top-head .top-right dd span a:hover {
  text-decoration: underline;
}

.top-list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.top-list::after {
  content: "";
  display: block;
  width: 33.3333333333%;
}
@media screen and (max-width: 767px) {
  .top-list::after {
    display: none;
  }
}
.top-list li {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 31.25%;
  padding: 0;
  box-sizing: border-box;
  margin-bottom: 65px;
}
@media screen and (max-width: 767px) {
  .top-list li {
    width: 100%;
    margin-bottom: 8vw;
    padding: 0;
  }
}
.top-list li a {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  box-shadow: 0 0 8px rgba(68, 68, 68, 0.16);
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2244%22%20height%3D%2232%22%20viewBox%3D%220%200%2044%2032%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_2407%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%202407%22%20width%3D%2232%22%20height%3D%2232%22%20transform%3D%22translate(688%203064)%22%20fill%3D%22%23fff%22%20opacity%3D%220.798%22%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_994%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20994%22%20transform%3D%22translate(-692%20-2863)%22%3E%0A%20%20%20%20%3Cg%20id%3D%22%E3%83%9E%E3%82%B9%E3%82%AF%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_66%22%20data-name%3D%22%E3%83%9E%E3%82%B9%E3%82%AF%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2066%22%20transform%3D%22translate(16%20-201)%22%20clip-path%3D%22url(%23clip-path)%22%3E%0A%20%20%20%20%20%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_43%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2043%22%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2232%22%20transform%3D%22translate(688%203064)%22%20fill%3D%22%23277395%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cline%20id%3D%22%E7%B7%9A_387%22%20data-name%3D%22%E7%B7%9A%20387%22%20x2%3D%2232%22%20transform%3D%22translate(692%202883)%22%20fill%3D%22none%22%20stroke%3D%22%23d8f1f8%22%20stroke-width%3D%223%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat bottom right;
  background-size: 44px;
  height: 100%;
  transition: all ease 0.3s;
  color: #444;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .top-list li a {
    background-size: 14vw;
  }
}
.top-list li a:hover {
  text-decoration: none;
  background-size: 60px;
  transition: all ease 0.3s;
}
.top-list li a:hover figure img {
  transform: scale(1.1);
  transition: all ease 0.3s;
}
.top-list li a figure {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  aspect-ratio: 16/9;
  transition: all ease 0.3s;
  background: #EEEEEE;
  text-align: center;
  box-shadow: 0 0 8px rgba(68, 68, 68, 0.16);
}
.top-list li a figure img {
  transform: scale(1);
  height: 100%;
  width: auto;
  margin: auto;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all ease 0.3s;
}
.top-list li a h3 {
  padding: 5%;
  font-weight: normal;
  font-size: 18px;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .top-list li a h3 {
    padding: 5% 4% 2%;
    font-size: clamp(14px, 0.875vw, 24px);
  }
}
.top-list li a .tag-asset {
  box-sizing: border-box;
  margin-top: auto;
  padding: 5%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.top-list li a .tag-asset span {
  font-size: clamp(12px, 0.8125vw, 13px);
  display: inline-block;
  padding: 5px 14px;
  line-height: 1;
  border-radius: 50px;
  margin-right: 10px;
  margin-bottom: 10px;
  max-width: 5px 10px 5px 0;
}
.top-list li a .tag-asset .series {
  background: #D8F8D8;
  border-radius: 5px;
}
.top-list li a .tag-asset .popular {
  background: #D8F1F8;
}

#hs_cos_wrapper_search_results_minnano .top-list li {
  margin-bottom: 65px;
}
@media screen and (max-width: 767px) {
  #hs_cos_wrapper_search_results_minnano .top-list li {
    margin-bottom: 8vw;
  }
}
#hs_cos_wrapper_search_results_minnano .top-list::after {
  content: "";
  display: block;
  width: 31.25%;
}
@media screen and (max-width: 767px) {
  #hs_cos_wrapper_search_results_minnano .top-list::after {
    display: none;
  }
}

.pagenate,
.hs-search-results__pagination {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 5vw;
}
@media screen and (max-width: 767px) {
  .pagenate,
  .hs-search-results__pagination {
    margin-bottom: 12vw;
  }
}
.pagenate li,
.pagenate .num,
.hs-search-results__pagination li,
.hs-search-results__pagination .num {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-width: 48px;
  max-height: 48px;
  width: 7vw;
  height: 7vw;
  margin: 12px;
  font-size: clamp(16px, 1.5vw, 24px);
  font-weight: bold;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .pagenate li,
  .pagenate .num,
  .hs-search-results__pagination li,
  .hs-search-results__pagination .num {
    margin: 5px;
  }
}
.pagenate li a,
.pagenate .num a,
.hs-search-results__pagination li a,
.hs-search-results__pagination .num a {
  line-height: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: #277395;
  border: #277395 2px solid;
  color: #fff;
  border-radius: 50px;
  box-sizing: border-box;
  transition: all ease 0.3s;
  text-decoration: none;
}
.pagenate li a.current, .pagenate li a.hs-search-results__pagination__link--active,
.pagenate .num a.current,
.pagenate .num a.hs-search-results__pagination__link--active,
.hs-search-results__pagination li a.current,
.hs-search-results__pagination li a.hs-search-results__pagination__link--active,
.hs-search-results__pagination .num a.current,
.hs-search-results__pagination .num a.hs-search-results__pagination__link--active {
  background: #fff;
  color: #277395;
}
.pagenate li a:hover,
.pagenate .num a:hover,
.hs-search-results__pagination li a:hover,
.hs-search-results__pagination .num a:hover {
  transition: all ease 0.3s;
  background: #fff;
  color: #277395;
  text-decoration: none;
}
.pagenate li.first, .pagenate li.prev, .pagenate li.next, .pagenate li.last,
.pagenate .num.first,
.pagenate .num.prev,
.pagenate .num.next,
.pagenate .num.last,
.hs-search-results__pagination li.first,
.hs-search-results__pagination li.prev,
.hs-search-results__pagination li.next,
.hs-search-results__pagination li.last,
.hs-search-results__pagination .num.first,
.hs-search-results__pagination .num.prev,
.hs-search-results__pagination .num.next,
.hs-search-results__pagination .num.last {
  width: auto;
}
.pagenate li.first a, .pagenate li.prev a, .pagenate li.next a, .pagenate li.last a,
.pagenate .num.first a,
.pagenate .num.prev a,
.pagenate .num.next a,
.pagenate .num.last a,
.hs-search-results__pagination li.first a,
.hs-search-results__pagination li.prev a,
.hs-search-results__pagination li.next a,
.hs-search-results__pagination li.last a,
.hs-search-results__pagination .num.first a,
.hs-search-results__pagination .num.prev a,
.hs-search-results__pagination .num.next a,
.hs-search-results__pagination .num.last a {
  width: auto;
  background: none;
  border: none;
}
.pagenate li.first a:hover, .pagenate li.prev a:hover, .pagenate li.next a:hover, .pagenate li.last a:hover,
.pagenate .num.first a:hover,
.pagenate .num.prev a:hover,
.pagenate .num.next a:hover,
.pagenate .num.last a:hover,
.hs-search-results__pagination li.first a:hover,
.hs-search-results__pagination li.prev a:hover,
.hs-search-results__pagination li.next a:hover,
.hs-search-results__pagination li.last a:hover,
.hs-search-results__pagination .num.first a:hover,
.hs-search-results__pagination .num.prev a:hover,
.hs-search-results__pagination .num.next a:hover,
.hs-search-results__pagination .num.last a:hover {
  transform: translateY(-5px);
}
.pagenate .hs-search-results__pagination__link,
.hs-search-results__pagination .hs-search-results__pagination__link {
  margin: 0;
}
.pagenate .hs-search-results__pagination__link--first,
.pagenate .hs-search-results__pagination__link--prev,
.pagenate .hs-search-results__pagination__link--next,
.pagenate .hs-search-results__pagination__link--last,
.hs-search-results__pagination .hs-search-results__pagination__link--first,
.hs-search-results__pagination .hs-search-results__pagination__link--prev,
.hs-search-results__pagination .hs-search-results__pagination__link--next,
.hs-search-results__pagination .hs-search-results__pagination__link--last {
  margin: 12px;
}
@media screen and (max-width: 767px) {
  .pagenate .hs-search-results__pagination__link--first,
  .pagenate .hs-search-results__pagination__link--prev,
  .pagenate .hs-search-results__pagination__link--next,
  .pagenate .hs-search-results__pagination__link--last,
  .hs-search-results__pagination .hs-search-results__pagination__link--first,
  .hs-search-results__pagination .hs-search-results__pagination__link--prev,
  .hs-search-results__pagination .hs-search-results__pagination__link--next,
  .hs-search-results__pagination .hs-search-results__pagination__link--last {
    margin: 5px;
  }
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10vw;
  max-width: 88px;
  height: 10vw;
  max-height: 88px;
  background: url(/hubfs/minnano-asset/next_swip.svg) no-repeat center center/cover;
  transition: all ease 0.3s;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
  transform: scale(1.1);
  transition: all ease 0.3s;
}

.swiper-button-prev {
  background: url(/hubfs/minnano-asset/prev_swip.svg) no-repeat center center/cover;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: -40px;
  left: auto;
  top: 40%;
}
@media screen and (max-width: 767px) {
  .swiper-button-next,
  .swiper-rtl .swiper-button-prev {
    right: -10px;
    top: 45%;
  }
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: -40px;
  right: auto;
  top: 40%;
}
@media screen and (max-width: 767px) {
  .swiper-button-prev,
  .swiper-rtl .swiper-button-next {
    left: -10px;
    top: 45%;
  }
}

.swiper-button-next:after,
.swiper-button-prev:after {
  display: none;
}

h2.normal-tit {
  color: #277395;
  font-size: clamp(22px, 1.75vw, 28px);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-weight: normal;
  font-family: "Yusei Magic", Hiragino Sans, ヒラギノ角ゴシック, "メイリオ", Meiryo, sans-serif !important;
  margin-bottom: 1em;
  letter-spacing: 0.025em;
}
h2.normal-tit span {
  display: inline-block;
  padding-left: 1em;
  margin-left: 1em;
  border-left: 2px solid #277395;
  font-size: clamp(12px, 1.125vw, 18px);
}

p.no-data {
  margin-bottom: 5vw;
}

.ranking {
  position: relative;
}
.ranking .swiper-slide {
  position: relative;
  height: auto;
}
.ranking .swiper-slide:before {
  content: "1";
  width: 64px;
  height: 64px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  background: #BFB58B;
  font-size: clamp(24px, 2vw, 32px);
  color: #fff;
  font-weight: bold;
  box-shadow: 0 3px 6px rgba(64, 64, 64, 0.16);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .ranking .swiper-slide:before {
    width: 48px;
    height: 48px;
    left: 0;
  }
}
.ranking .swiper-slide:nth-of-type(2):before {
  content: "2";
  background: #C2C8CC;
}
.ranking .swiper-slide:nth-of-type(3):before {
  content: "3";
  background: #D69960;
}
.ranking .swiper-slide:nth-of-type(4):before {
  content: "4";
  background: #277395;
}
.ranking .swiper-slide:nth-of-type(5):before {
  content: "5";
  background: #277395;
}
.ranking .top-list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.ranking .top-list::after {
  content: "";
  display: block;
  width: 33.3333333333%;
}
@media screen and (max-width: 767px) {
  .ranking .top-list::after {
    display: none;
  }
}
.ranking .top-list li {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 31.25%;
  padding: 0;
  box-sizing: border-box;
  margin-bottom: 65px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .ranking .top-list li {
    width: 100%;
    margin-bottom: 8vw;
    padding: 0;
  }
}
.ranking .top-list li a {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  box-shadow: 0 0 8px rgba(68, 68, 68, 0.16);
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2244%22%20height%3D%2232%22%20viewBox%3D%220%200%2044%2032%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_2407%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%202407%22%20width%3D%2232%22%20height%3D%2232%22%20transform%3D%22translate(688%203064)%22%20fill%3D%22%23fff%22%20opacity%3D%220.798%22%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_994%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20994%22%20transform%3D%22translate(-692%20-2863)%22%3E%0A%20%20%20%20%3Cg%20id%3D%22%E3%83%9E%E3%82%B9%E3%82%AF%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_66%22%20data-name%3D%22%E3%83%9E%E3%82%B9%E3%82%AF%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2066%22%20transform%3D%22translate(16%20-201)%22%20clip-path%3D%22url(%23clip-path)%22%3E%0A%20%20%20%20%20%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_43%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2043%22%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2232%22%20transform%3D%22translate(688%203064)%22%20fill%3D%22%23277395%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cline%20id%3D%22%E7%B7%9A_387%22%20data-name%3D%22%E7%B7%9A%20387%22%20x2%3D%2232%22%20transform%3D%22translate(692%202883)%22%20fill%3D%22none%22%20stroke%3D%22%23d8f1f8%22%20stroke-width%3D%223%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat bottom right;
  background-size: 44px;
  height: 100%;
  transition: all ease 0.3s;
  color: #444;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .ranking .top-list li a {
    background-size: 14vw;
  }
}
.ranking .top-list li a:hover {
  text-decoration: none;
  background-size: 60px;
  transition: all ease 0.3s;
}
.ranking .top-list li a:hover figure img {
  transform: scale(1.1);
  transition: all ease 0.3s;
}
.ranking .top-list li a figure {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  aspect-ratio: 16/9;
  transition: all ease 0.3s;
  background: #EEEEEE;
  text-align: center;
  box-shadow: 0 0 8px rgba(68, 68, 68, 0.16);
}
.ranking .top-list li a figure img {
  transform: scale(1);
  height: 100%;
  width: auto;
  margin: auto;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all ease 0.3s;
}
.ranking .top-list li a h3 {
  padding: 5%;
  font-weight: normal;
  font-size: 18px;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .ranking .top-list li a h3 {
    padding: 5% 4% 2%;
    font-size: clamp(14px, 0.875vw, 24px);
  }
}
.ranking .top-list li a .tag-asset {
  box-sizing: border-box;
  margin-top: auto;
  padding: 5%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.ranking .top-list li a .tag-asset span {
  font-size: clamp(12px, 0.8125vw, 13px);
  display: inline-block;
  padding: 5px 14px;
  line-height: 1;
  border-radius: 50px;
  margin-right: 10px;
  margin-bottom: 10px;
  max-width: 5px 10px 5px 0;
}
.ranking .top-list li a .tag-asset .series {
  background: #D8F8D8;
  border-radius: 5px;
}
.ranking .top-list li a .tag-asset .popular {
  background: #D8F1F8;
}
.ranking .top-list li:before {
  content: "1";
  width: 64px;
  height: 64px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  background: #BFB58B;
  font-size: clamp(24px, 2vw, 32px);
  color: #fff;
  font-weight: bold;
  box-shadow: 0 3px 6px rgba(64, 64, 64, 0.16);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .ranking .top-list li:before {
    width: 48px;
    height: 48px;
    left: 0;
  }
}
.ranking .top-list li:nth-child(2):before {
  content: "2";
  background: #C2C8CC;
}
.ranking .top-list li:nth-child(3):before {
  content: "3";
  background: #D69960;
}
.ranking .top-list li:nth-child(4):before {
  content: "4";
  background: #277395;
}
.ranking .top-list li:nth-child(5):before {
  content: "5";
  background: #277395;
}

.swiper-slide {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 31.25%;
  padding: 0;
  box-sizing: border-box;
  margin-bottom: 65px;
}
@media screen and (max-width: 767px) {
  .swiper-slide {
    width: 100%;
    margin-bottom: 8vw;
    padding: 0;
  }
}
.swiper-slide a {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  box-shadow: 0 0 8px rgba(68, 68, 68, 0.16);
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2244%22%20height%3D%2232%22%20viewBox%3D%220%200%2044%2032%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_2407%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%202407%22%20width%3D%2232%22%20height%3D%2232%22%20transform%3D%22translate(688%203064)%22%20fill%3D%22%23fff%22%20opacity%3D%220.798%22%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_994%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20994%22%20transform%3D%22translate(-692%20-2863)%22%3E%0A%20%20%20%20%3Cg%20id%3D%22%E3%83%9E%E3%82%B9%E3%82%AF%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_66%22%20data-name%3D%22%E3%83%9E%E3%82%B9%E3%82%AF%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2066%22%20transform%3D%22translate(16%20-201)%22%20clip-path%3D%22url(%23clip-path)%22%3E%0A%20%20%20%20%20%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_43%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2043%22%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2232%22%20transform%3D%22translate(688%203064)%22%20fill%3D%22%23277395%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cline%20id%3D%22%E7%B7%9A_387%22%20data-name%3D%22%E7%B7%9A%20387%22%20x2%3D%2232%22%20transform%3D%22translate(692%202883)%22%20fill%3D%22none%22%20stroke%3D%22%23d8f1f8%22%20stroke-width%3D%223%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat bottom right;
  background-size: 44px;
  height: 100%;
  transition: all ease 0.3s;
  color: #444;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .swiper-slide a {
    background-size: 14vw;
  }
}
.swiper-slide a:hover {
  text-decoration: none;
  background-size: 60px;
  transition: all ease 0.3s;
}
.swiper-slide a:hover figure img {
  transform: scale(1.1);
  transition: all ease 0.3s;
}
.swiper-slide a figure {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  aspect-ratio: 16/9;
  transition: all ease 0.3s;
  background: #EEEEEE;
  text-align: center;
  box-shadow: 0 0 8px rgba(68, 68, 68, 0.16);
}
.swiper-slide a figure img {
  transform: scale(1);
  height: 100%;
  width: auto;
  margin: auto;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all ease 0.3s;
}
.swiper-slide a h3 {
  padding: 5%;
  font-weight: normal;
  font-size: 18px;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .swiper-slide a h3 {
    padding: 5% 4% 2%;
    font-size: clamp(14px, 0.875vw, 24px);
  }
}
.swiper-slide a .tag-asset {
  box-sizing: border-box;
  margin-top: auto;
  padding: 5%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.swiper-slide a .tag-asset span {
  font-size: clamp(12px, 0.8125vw, 13px);
  display: inline-block;
  padding: 5px 14px;
  line-height: 1;
  border-radius: 50px;
  margin-right: 10px;
  margin-bottom: 10px;
  max-width: 5px 10px 5px 0;
}
.swiper-slide a .tag-asset .series {
  background: #D8F8D8;
  border-radius: 5px;
}
.swiper-slide a .tag-asset .popular {
  background: #D8F1F8;
}

.breadcrumbs {
  margin-bottom: 15px;
}
.breadcrumbs ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: -moz-max-content;
  min-width: max-content;
}
.breadcrumbs ul li {
  font-size: 14px;
  list-style: 1;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .breadcrumbs ul li {
    font-size: 10px;
  }
}
.breadcrumbs ul li:last-child:after {
  display: none;
}
.breadcrumbs ul li:after {
  content: ">";
  padding: 0 0.5em;
}
.breadcrumbs ul li a {
  color: #444444;
  text-decoration: none;
}

.detail-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 35px;
  position: relative;
  margin-bottom: 90px;
}
.detail-wrap .detail-left {
  max-width: 790px;
  width: 60vw;
  background: #fff;
  opacity: 1;
  padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .detail-wrap .detail-left {
    width: 100%;
  }
}
.detail-wrap .detail-left .detail-body {
  padding: 25px;
  word-break: break-all;
  counter-reset: ol_li;
}
.detail-wrap .detail-left .detail-body .read {
  margin-bottom: 20px;
}
.detail-wrap .detail-left .detail-body .mokuji {
  background: #EEEEEE;
  padding: 30px 15px 15px;
  margin-bottom: 50px;
}
.detail-wrap .detail-left .detail-body .mokuji dt,
.detail-wrap .detail-left .detail-body .mokuji .toc-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .detail-wrap .detail-left .detail-body .mokuji dt,
  .detail-wrap .detail-left .detail-body .mokuji .toc-title {
    font-size: 20px;
    margin-bottom: 15px;
  }
}
.detail-wrap .detail-left .detail-body .mokuji dd {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.899%22%20height%3D%225.657%22%20viewBox%3D%220%200%209.899%205.657%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1193%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201193%22%20transform%3D%22translate(9.192%200.707)%20rotate(135)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E7%B7%9A_390%22%20data-name%3D%22%E7%B7%9A%20390%22%20d%3D%22M6%2C.5H0A.5.5%2C0%2C0%2C1-.5%2C0%2C.5.5%2C0%2C0%2C1%2C0-.5H6a.5.5%2C0%2C0%2C1%2C.5.5A.5.5%2C0%2C0%2C1%2C6%2C.5Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23444%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E7%B7%9A_391%22%20data-name%3D%22%E7%B7%9A%20391%22%20d%3D%22M0%2C6.5A.5.5%2C0%2C0%2C1-.5%2C6V0A.5.5%2C0%2C0%2C1%2C0-.5.5.5%2C0%2C0%2C1%2C.5%2C0V6A.5.5%2C0%2C0%2C1%2C0%2C6.5Z%22%20transform%3D%22translate(6%200)%22%20fill%3D%22%23444%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 0px top 15px;
  padding-left: 1.2em;
  list-style: 1.4;
  font-size: 18px;
  margin-bottom: 18px;
}
@media screen and (max-width: 767px) {
  .detail-wrap .detail-left .detail-body .mokuji dd {
    font-size: 16px;
    margin-bottom: 10px;
  }
}
.detail-wrap .detail-left .detail-body .mokuji a {
  color: #444;
  text-decoration: none;
}
.detail-wrap .detail-left .detail-body .mokuji a:hover {
  text-decoration: underline;
}
.detail-wrap .detail-left .detail-body h2 {
  font-size: 24px;
  font-weight: bold;
  margin: 2em 0 1em;
  position: relative;
  letter-spacing: 0.05em;
  padding-bottom: 0.2em;
}
@media screen and (max-width: 767px) {
  .detail-wrap .detail-left .detail-body h2 {
    font-size: clamp(20px, 1.875vw, 40px);
  }
}
.detail-wrap .detail-left .detail-body h2:after {
  content: "";
  height: 4px;
  width: 48px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #277395;
}
.detail-wrap .detail-left .detail-body h3 {
  font-size: 20px;
  color: #277395;
  letter-spacing: 0.05em;
  margin: 2em 0 1em;
}
@media screen and (max-width: 767px) {
  .detail-wrap .detail-left .detail-body h3 {
    font-size: clamp(18px, 1.375vw, 30px);
  }
}
.detail-wrap .detail-left .detail-body h4 {
  font-size: 18px;
  margin: 2em 0 1em;
  border-left: 3px solid #277395;
  padding-left: 0.5em;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .detail-wrap .detail-left .detail-body h4 {
    font-size: clamp(16px, 1.25vw, 26px);
  }
}
.detail-wrap .detail-left .detail-body h5 {
  color: #287395;
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 0.5em;
}
.detail-wrap .detail-left .detail-body p {
  padding-bottom: 2em;
}
.detail-wrap .detail-left .detail-body p.right {
  text-align: right;
}
.detail-wrap .detail-left .detail-body p.center {
  text-align: center;
}
.detail-wrap .detail-left .detail-body ul {
  margin-bottom: 40px;
  counter-reset: ol_li 0;
}
.detail-wrap .detail-left .detail-body ul li {
  margin-bottom: 15px;
  position: relative;
  padding-left: 1.5em;
}
.detail-wrap .detail-left .detail-body ul li:before {
  content: "・" !important;
  position: absolute;
  top: 0;
  left: 0;
  color: #277395;
}
.detail-wrap .detail-left .detail-body ul + pre {
  margin-top: -30px;
}
.detail-wrap .detail-left .detail-body ol {
  margin-bottom: 40px;
  list-style: none;
  counter-reset: ol_li;
}
.detail-wrap .detail-left .detail-body ol li {
  margin-left: 0;
  margin-bottom: 15px;
  position: relative;
  padding-left: 1em;
}
.detail-wrap .detail-left .detail-body ol li:before {
  margin-right: 0.5em;
  counter-increment: ol_li;
  content: counter(ol_li) ".";
  color: #287395;
  position: absolute;
  left: 0;
  top: 0;
}
.detail-wrap .detail-left .detail-body ol li ol {
  padding-top: 1em;
  list-style-type: none;
  counter-reset: ol_li 0;
}
.detail-wrap .detail-left .detail-body ol li ol li {
  position: relative;
  padding-left: 2em;
}
.detail-wrap .detail-left .detail-body ol li ol li:before {
  color: #287395;
  position: absolute;
  left: 0;
  top: 0;
}
.detail-wrap .detail-left .detail-body ol li ol ul {
  padding-top: 1em;
  list-style: none;
  counter-reset: ol_li 0;
  margin-bottom: 0 !important;
}
.detail-wrap .detail-left .detail-body ol li ol ul li {
  position: relative;
  padding-left: 1em;
}
.detail-wrap .detail-left .detail-body ol li ol ul li:before {
  content: "・" !important;
  color: #287395;
  position: absolute;
  left: 0;
}
.detail-wrap .detail-left .detail-body ol li ul {
  padding-top: 1em;
  list-style: none;
  counter-reset: ol_li 0;
}
.detail-wrap .detail-left .detail-body ol li ul li {
  position: relative;
  padding-left: 1em;
}
.detail-wrap .detail-left .detail-body ol li ul li:before {
  content: "・";
  color: #287395;
  position: absolute;
  left: 0;
}
.detail-wrap .detail-left .detail-body ol ol {
  padding-top: 1em;
  list-style-type: none;
  counter-reset: ol_li 0;
}
.detail-wrap .detail-left .detail-body ol ol li {
  position: relative;
  padding-left: 2em;
}
.detail-wrap .detail-left .detail-body ol ol li:before {
  color: #287395;
}
.detail-wrap .detail-left .detail-body ol ol ul {
  margin-bottom: 0;
}
.detail-wrap .detail-left .detail-body ol ol ul li {
  position: relative;
  padding-left: 2em;
}
.detail-wrap .detail-left .detail-body ol ol ul li {
  text-indent: 0;
  padding-left: 0;
}
.detail-wrap .detail-left .detail-body ol + pre {
  margin-top: -30px;
}
.detail-wrap .detail-left .detail-body .table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 4vw;
}
.detail-wrap .detail-left .detail-body .table-scroll table {
  border-spacing: 1px;
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
  margin-bottom: 10px;
}
.detail-wrap .detail-left .detail-body .table-scroll table th {
  background: #E3F4F7;
  font-weight: normal;
  text-align: center;
  padding: 1em 2em;
}
.detail-wrap .detail-left .detail-body .table-scroll table td {
  background: #EEEEEE;
  font-weight: normal;
  text-align: center;
  padding: 1em;
}
.detail-wrap .detail-left .detail-body .border-text {
  border: 2px solid #CCCCCC;
  padding: 30px 20px;
  box-sizing: border-box;
  margin-bottom: 1vw;
}
.detail-wrap .detail-left .detail-body .border-text p:last-child {
  padding-bottom: 0;
}
.detail-wrap .detail-left .detail-body .border-text ul:last-child,
.detail-wrap .detail-left .detail-body .border-text ol:last-child {
  margin: 0;
  padding: 0;
}
.detail-wrap .detail-left .detail-body .border-text ul:last-child li:last-child,
.detail-wrap .detail-left .detail-body .border-text ol:last-child li:last-child {
  margin-bottom: 0;
}
.detail-wrap .detail-left .detail-body .border-text ol li p {
  padding-bottom: 1em !important;
}
.detail-wrap .detail-left .detail-body .quotation,
.detail-wrap .detail-left .detail-body blockquote {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.367%22%20height%3D%2212.195%22%20viewBox%3D%220%200%2015.367%2012.195%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_437%22%20data-name%3D%22%E3%83%91%E3%82%B9%20437%22%20d%3D%22M18.266-39.867l-3.035%2C12.2h-4.02l3.855-12.2Zm-8.312%2C0L7-27.672H2.9l3.828-12.2Z%22%20transform%3D%22translate(-2.898%2039.867)%22%20fill%3D%22%23287395%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat top 20px left 20px, url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.367%22%20height%3D%2212.195%22%20viewBox%3D%220%200%2015.367%2012.195%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_437%22%20data-name%3D%22%E3%83%91%E3%82%B9%20437%22%20d%3D%22M18.266-39.867l-3.035%2C12.2h-4.02l3.855-12.2Zm-8.312%2C0L7-27.672H2.9l3.828-12.2Z%22%20transform%3D%22translate(-2.898%2039.867)%22%20fill%3D%22%23287395%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat bottom 20px right 20px;
  background-color: #E3F4F7;
  padding: 50px 20px;
  margin-bottom: 80px;
}
.detail-wrap .detail-left .detail-body .quotation p:last-of-type,
.detail-wrap .detail-left .detail-body blockquote p:last-of-type {
  margin: 0;
  padding: 0;
}
.detail-wrap .detail-left .detail-body .quotation a,
.detail-wrap .detail-left .detail-body blockquote a {
  color: #287395;
}
.detail-wrap .detail-left a.blank {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.843%22%20height%3D%2216.381%22%20viewBox%3D%220%200%2015.843%2016.381%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1500%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201500%22%20transform%3D%22translate(-39%20-12686)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E5%89%8D%E9%9D%A2%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%A7%E5%9E%8B%E6%8A%9C%E3%81%8D_1%22%20data-name%3D%22%E5%89%8D%E9%9D%A2%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%A7%E5%9E%8B%E6%8A%9C%E3%81%8D%201%22%20d%3D%22M13.1%2C13.1H0V0H1.417V11.688H13.1V13.1Z%22%20transform%3D%22translate(39%2012689.276)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E5%89%8D%E9%9D%A2%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%A7%E5%9E%8B%E6%8A%9C%E3%81%8D_1_-_%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20data-name%3D%22%E5%89%8D%E9%9D%A2%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%A7%E5%9E%8B%E6%8A%9C%E3%81%8D%201%20-%20%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20d%3D%22M13.026%2C23.026H0V10H1.408V21.618H13.026Z%22%20transform%3D%22translate(39%2012679.169)%22%20fill%3D%22%23287395%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E4%B8%AD%E3%83%9E%E3%83%89_1_-_%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20data-name%3D%22%E4%B8%AD%E3%83%9E%E3%83%89%201%20-%20%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20d%3D%22M13.026%2C13.379H0V0H13.026ZM1.408%2C1.408V11.97h10.21V1.408Z%22%20transform%3D%22translate(41.816%2012686)%22%20fill%3D%22%23277395%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E5%90%88%E4%BD%93_1%22%20data-name%3D%22%E5%90%88%E4%BD%93%201%22%20d%3D%22M0%2C4.783%2C3.375%2C1.408H1.2V0H5.779V4.929H4.371V2.4L1%2C5.779Z%22%20transform%3D%22translate(45.367%2012690.049)%22%20fill%3D%22%23287395%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 0 top 50%;
  padding-right: 1.5em;
  margin-right: 0.5em;
}
.detail-wrap .detail-right {
  max-width: 378px;
  width: 37vw;
  top: 0;
}
@media screen and (max-width: 767px) {
  .detail-wrap .detail-right {
    display: none;
  }
}

.btn-back {
  width: 300px;
  margin: auto auto 2vw;
}
@media screen and (max-width: 767px) {
  .btn-back {
    width: 225px;
    margin: auto auto 6vw;
  }
}
.btn-back a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: #287395 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.281%22%20height%3D%2213.733%22%20viewBox%3D%220%200%208.281%2013.733%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1475%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201475%22%20transform%3D%22translate(6.867%2012.319)%20rotate(-135)%22%3E%0A%20%20%20%20%3Cline%20id%3D%22%E7%B7%9A_390%22%20data-name%3D%22%E7%B7%9A%20390%22%20x2%3D%227.711%22%20transform%3D%22translate(0%200)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%20%20%3Cline%20id%3D%22%E7%B7%9A_391%22%20data-name%3D%22%E7%B7%9A%20391%22%20y1%3D%227.711%22%20transform%3D%22translate(7.711%200)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 25px top 50%;
  color: #fff;
  font-size: 18px;
  height: 66px;
  border-radius: 50px;
  border: 2px solid #287395;
  transition: 0.3s ease-in-out;
  box-sizing: border-box;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .btn-back a {
    font-size: 16px;
    height: 50px;
    box-sizing: border-box;
    padding-left: 1em;
    background-position: left 15px top 50%;
  }
}
.btn-back a:hover {
  text-decoration: none;
  background: #EEEEEE url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.281%22%20height%3D%2213.733%22%20viewBox%3D%220%200%208.281%2013.733%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1472%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201472%22%20transform%3D%22translate(6.867%2012.319)%20rotate(-135)%22%3E%0A%20%20%20%20%3Cline%20id%3D%22%E7%B7%9A_390%22%20data-name%3D%22%E7%B7%9A%20390%22%20x2%3D%227.711%22%20transform%3D%22translate(0%200)%22%20fill%3D%22none%22%20stroke%3D%22%23287395%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%20%20%3Cline%20id%3D%22%E7%B7%9A_391%22%20data-name%3D%22%E7%B7%9A%20391%22%20y1%3D%227.711%22%20transform%3D%22translate(7.711%200)%22%20fill%3D%22none%22%20stroke%3D%22%23287395%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A%0A") no-repeat left 25px top 50%;
  color: #287395;
  transition: 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
  .btn-back a:hover {
    padding-left: 1em;
    background-position: left 15px top 50%;
  }
}

.btn-back + .normal-tit {
  padding-top: 6vw;
}

.btn-text {
  width: auto;
  text-align: center;
  margin: auto auto 2vw;
}
.btn-text a {
  display: inline-flex;
  align-items: center;
  padding: 5px 80px;
  box-sizing: border-box;
  line-height: 1.5;
  background: #287395 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.281%22%20height%3D%2213.733%22%20viewBox%3D%220%200%208.281%2013.733%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1474%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201474%22%20transform%3D%22translate(1.414%201.414)%20rotate(45)%22%3E%0A%20%20%20%20%3Cline%20id%3D%22%E7%B7%9A_390%22%20data-name%3D%22%E7%B7%9A%20390%22%20x2%3D%227.711%22%20transform%3D%22translate(0%200)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%20%20%3Cline%20id%3D%22%E7%B7%9A_391%22%20data-name%3D%22%E7%B7%9A%20391%22%20y1%3D%227.711%22%20transform%3D%22translate(7.711%200)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 25px top 50%;
  color: #fff;
  font-size: 18px;
  height: 66px;
  border-radius: 50px;
  border: 2px solid #287395;
  transition: 0.3s ease-in-out;
  text-decoration: none;
}
.btn-text a:hover {
  text-decoration: none;
  background: #EEEEEE url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.281%22%20height%3D%2213.733%22%20viewBox%3D%220%200%208.281%2013.733%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1476%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201476%22%20transform%3D%22translate(1.414%201.414)%20rotate(45)%22%3E%0A%20%20%20%20%3Cline%20id%3D%22%E7%B7%9A_390%22%20data-name%3D%22%E7%B7%9A%20390%22%20x2%3D%227.711%22%20transform%3D%22translate(0%200)%22%20fill%3D%22none%22%20stroke%3D%22%23287395%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%20%20%3Cline%20id%3D%22%E7%B7%9A_391%22%20data-name%3D%22%E7%B7%9A%20391%22%20y1%3D%227.711%22%20transform%3D%22translate(7.711%200)%22%20fill%3D%22none%22%20stroke%3D%22%23287395%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 25px top 50%;
  color: #287395;
  transition: 0.3s ease-in-out;
}

.column-img {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 5vw;
}
@media screen and (max-width: 767px) {
  .column-img {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.column-img figure {
  flex: 1;
}
.column-img figure figcaption {
  text-align: center;
  font-size: clamp(12px, 0.875vw, 14px);
  padding-top: 0.8em;
}

.detail-head {
  margin-bottom: 40px;
  border-bottom: 2px solid #CCCCCC;
  padding-bottom: 20px;
}
.detail-head h1 {
  font-size: 28px;
  line-height: 1.55;
  font-weight: normal;
  letter-spacing: 0.05em;
  margin-bottom: 24px;
  padding-top: 0;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .detail-head h1 {
    font-size: clamp(22px, 2.5vw, 40px);
  }
}
.detail-head .detail-head-tag {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 22px;
  flex-wrap: wrap;
}
.detail-head .detail-head-tag span {
  display: inline-block;
  font-size: 14px;
  padding: 3px 10px;
}
.detail-head .detail-head-tag span.series {
  background: #D8F8D8;
  border-radius: 5px;
}
.detail-head .detail-head-tag span.popular {
  background: #D8F1F8;
  border-radius: 50px;
}
.detail-head .detail-head-tag span a {
  color: #444444;
  text-decoration: none;
}
.detail-head .detail-head-tag span a:hover {
  text-decoration: underline;
}
.detail-head .detail-head-author {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-right: 1em;
}
@media screen and (max-width: 767px) {
  .detail-head .detail-head-author {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.detail-head .detail-head-author figure {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.detail-head .detail-head-author figure img {
  width: 48px;
  border-radius: 50px;
  overflow: hidden;
}
.detail-head .detail-head-author p {
  margin-bottom: 0;
  padding-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
  .detail-head .detail-head-author p {
    padding-top: 1em;
    font-size: 11px;
    margin-bottom: 1em;
  }
}

.detail-right dl {
  padding-bottom: 2vw;
}
.detail-right dt {
  color: #277395;
  font-size: 26px;
  letter-spacing: 0.025em;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-family: "Yusei Magic", Hiragino Sans, ヒラギノ角ゴシック, "メイリオ", Meiryo, sans-serif !important;
  line-height: 1;
  margin-bottom: 10px;
  letter-spacing: 0.025em;
}
.detail-right dt span {
  display: inline-block;
  padding-left: 16px;
  margin-left: 16px;
  line-height: 1.7;
  border-left: 2px solid #277395;
  font-size: 18px;
}
.detail-right dd {
  margin-bottom: 65px;
  padding-top: 0.5em;
}
.detail-right dd input[type=text] {
  height: 64px;
  box-sizing: border-box;
  width: 100%;
  background: #FFFFFF;
  padding: 5px 15px;
  border: 2px solid #CCCCCC;
  border-radius: 5px;
}
.detail-right dd span {
  display: inline-block;
  font-size: 14px;
}
.detail-right dd span.series {
  background: #D8F8D8;
  border-radius: 5px;
  margin-bottom: 10px;
  line-height: 1;
  padding: 4px 14px;
  color: #444;
}
.detail-right dd span.popular {
  background: #D8F1F8;
  border-radius: 50px;
  margin-bottom: 5px;
  margin-top: 5px;
  margin-right: 8px;
  line-height: 1;
  padding: 4px 15px;
  color: #444;
}
.detail-right dd span a {
  color: #444;
  text-decoration: none;
}
.detail-right dd span a:hover {
  text-decoration: underline;
}
.detail-right dd ul {
  margin-bottom: 4vw;
}
.detail-right dd ul li {
  margin-bottom: 20px;
}
.detail-right dd ul li a {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  color: #444;
  text-decoration: none;
}
.detail-right dd ul li a:hover {
  text-decoration: underline;
}
.detail-right dd ul li a figure {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.detail-right dd ul li a figure img {
  width: 25%;
}
.detail-right dd ul li a figure figcaption {
  width: 75%;
  box-sizing: border-box;
  padding-left: 1em;
  font-size: 14px;
}
.detail-right .menu-banner {
  border-top: 2px solid #277395;
  padding-top: 45px;
}
.detail-right .menu-banner li {
  margin-bottom: 15px;
}
.detail-right .close {
  width: 100%;
  padding-top: 2vw;
  cursor: pointer;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
}

.detail-right-list.ranking li {
  position: relative;
  line-height: 1.6;
}
.detail-right-list.ranking li:before {
  content: "1";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  background: #BFB58B;
  font-size: clamp(10px, 0.75vw, 12px);
  color: #fff;
  font-weight: bold;
  box-shadow: 0 3px 6px rgba(64, 64, 64, 0.16);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .detail-right-list.ranking li:before {
    width: 48px;
    height: 48px;
    left: 0;
  }
}
.detail-right-list.ranking li a {
  color: #444;
}
.detail-right-list.ranking li:nth-of-type(2):before {
  content: "2";
  background: #C2C8CC;
}
.detail-right-list.ranking li:nth-of-type(3):before {
  content: "3";
  background: #D69960;
}
.detail-right-list.ranking li:nth-of-type(4):before {
  content: "4";
  background: #277395;
}
.detail-right-list.ranking li:nth-of-type(5):before {
  content: "5";
  background: #277395;
}

.search {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
}
.search form {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
}

.prof-area {
  background: #EEEEEE;
  box-sizing: border-box;
  padding: 20px;
  margin-bottom: 5vw;
}
.prof-area h3 {
  margin: 0 !important;
  color: #287395;
  font-family: "Yusei Magic", Hiragino Sans, ヒラギノ角ゴシック, "メイリオ", Meiryo, sans-serif !important;
  font-size: 24px !important;
  letter-spacing: 0.5em;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .prof-area h3 {
    font-size: clamp(20px, 1.875vw, 40px);
  }
}
.prof-area .prof-info {
  padding: 20px 0;
  border-bottom: 1px solid #277395;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.prof-area .prof-info:last-of-type {
  border: none;
}
.prof-area .prof-info figure {
  width: 13vw;
  max-width: 110px;
  border-radius: 100px;
  overflow: hidden;
}
.prof-area .prof-info figure.noborder {
  border-radius: 0;
}
.prof-area .prof-info figure.noborder img {
  border-radius: 0;
}
@media screen and (max-width: 767px) {
  .prof-area .prof-info figure.noborder img {
    border-radius: 50px;
  }
}
.prof-area .prof-info .prof-info-detail {
  width: calc(100% - 16vw);
  min-width: calc(100% - 140px);
  box-sizing: border-box;
}
.prof-area .prof-info .prof-info-detail h4 {
  margin: 0 !important;
  border-left: 0;
  padding: 0 !important;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .prof-area .prof-info .prof-info-detail h4 {
    font-size: clamp(18px, 1.25vw, 30px);
  }
}
.prof-area .prof-info .prof-info-detail p {
  padding-top: 0.5em;
  padding-bottom: 0 !important;
  font-size: clamp(14px, 1vw, 16px);
}

.talk-area {
  padding-top: 2em;
}
@media screen and (max-width: 767px) {
  .talk-area {
    padding-top: 0;
  }
}
.talk-area .talk-detail {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 64px;
  word-break: break-all;
}
@media screen and (max-width: 767px) {
  .talk-area .talk-detail {
    background: #D8F1F8;
    border-radius: 0 24px 24px 24px;
    width: 90%;
    margin-bottom: 5vw;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.talk-area .talk-detail figure {
  width: 76px;
  text-align: center;
  margin-right: 20px;
}
.talk-area .talk-detail figure figcaption {
  font-size: 13px;
}
@media screen and (max-width: 767px) {
  .talk-area .talk-detail figure {
    width: 100%;
    padding: 20px 20px 0 20px;
    box-sizing: border-box;
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  .talk-area .talk-detail figure figcaption {
    padding-left: 1em;
    font-size: clamp(14px, 1vw, 18px);
  }
  .talk-area .talk-detail figure figcaption p {
    padding-bottom: 0 !important;
    margin-bottom: 0;
  }
}
.talk-area .talk-detail figure img {
  border-radius: 50px;
  width: 100%;
  overflow: hidden;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 767px) {
  .talk-area .talk-detail figure img {
    width: 12vw;
  }
}
.talk-area .talk-detail figure.noborder img {
  border-radius: 0;
}
@media screen and (max-width: 767px) {
  .talk-area .talk-detail figure.noborder img {
    border-radius: 50px;
  }
}
.talk-area .talk-detail .talk-txt {
  width: calc(100% - 96px);
  box-sizing: border-box;
  padding: 30px 20px;
  background: #D8F1F8;
  border-radius: 0 24px 24px 24px;
  counter-reset: count 0 !important;
}
@media screen and (max-width: 767px) {
  .talk-area .talk-detail .talk-txt {
    width: 100%;
    border-radius: 0 24px 24px 24px;
    padding: 0 20px 20px;
    font-size: clamp(14px, 1vw, 18px);
  }
}
.talk-area .talk-detail .talk-txt p {
  padding-bottom: 0 !important;
  word-break: break-all;
}
.talk-area .talk-detail .talk-txt ol {
  list-style-type: none;
}
.talk-area .talk-detail .talk-txt ol li:before {
  counter-increment: count 1 !important;
  content: counters(count, "-") ". " !important;
  color: #287395;
}
.talk-area .talk-detail .talk-txt ol ol {
  padding-top: 1em;
  list-style-type: none;
  counter-reset: count 0 !important;
}
.talk-area .talk-detail .talk-txt ol ol li:before {
  counter-increment: count 1 !important;
  content: counters(count, "-") ". " !important;
  color: #287395;
}
.talk-area .talk-detail .talk-txt ol ul {
  padding-top: 1em;
  list-style: none;
  counter-reset: count 0 !important;
}
.talk-area .talk-detail .talk-txt ol ul li:before {
  content: "・" !important;
  color: #287395;
}
.talk-area .talk-detail.right {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .talk-area .talk-detail.right {
    background: #D8F8D8;
    border-radius: 24px 0 24px 24px;
    width: 90%;
    margin-left: 10%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.talk-area .talk-detail.right figure {
  margin-right: 0;
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  .talk-area .talk-detail.right figure {
    width: 100%;
    padding: 20px 20px 0 20px;
    box-sizing: border-box;
    margin: 0;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    align-items: center;
  }
  .talk-area .talk-detail.right figure figcaption {
    padding-left: 1em;
    font-size: clamp(14px, 1vw, 18px);
  }
  .talk-area .talk-detail.right figure figcaption p {
    padding-bottom: 0 !important;
    margin-bottom: 0;
  }
}
.talk-area .talk-detail.right figure img {
  border-radius: 50px;
  width: 100%;
  overflow: hidden;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 767px) {
  .talk-area .talk-detail.right figure img {
    width: 12vw;
    align-self: flex-end;
    margin-left: 1em;
  }
}
.talk-area .talk-detail.right figure.noborder img {
  border-radius: 0;
}
@media screen and (max-width: 767px) {
  .talk-area .talk-detail.right figure.noborder img {
    border-radius: 50px;
  }
}
.talk-area .talk-detail.right .talk-txt {
  background: #D8F8D8;
  border-radius: 24px 0 24px 24px;
}

#miamin .talk-detail {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 64px;
  word-break: break-all;
}
@media screen and (max-width: 767px) {
  #miamin .talk-detail {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    border-radius: 24px 0 24px 24px;
    width: 90%;
    margin-left: 10%;
    margin-bottom: 5vw;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }
}
#miamin .talk-detail figure {
  margin-right: 0;
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  #miamin .talk-detail figure {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
    padding: 20px 20px 0 20px;
    box-sizing: border-box;
    margin: 0;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    align-items: center;
  }
  #miamin .talk-detail figure figcaption {
    padding-right: 1em;
    font-size: clamp(14px, 1vw, 18px);
  }
  #miamin .talk-detail figure figcaption p {
    padding-bottom: 0 !important;
    margin-bottom: 0;
  }
}
#miamin .talk-detail .talk-txt {
  border-radius: 24px 0 24px 24px;
}
#miamin .talk-detail.right {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  #miamin .talk-detail.right {
    border-radius: 0 24px 24px 24px;
    width: 90%;
    margin-right: 10%;
    margin-left: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }
}
#miamin .talk-detail.right figure {
  margin-right: 20px;
  margin-left: 0;
}
@media screen and (max-width: 767px) {
  #miamin .talk-detail.right figure {
    width: 100%;
    padding: 20px 20px 0 0;
    box-sizing: border-box;
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  #miamin .talk-detail.right figure figcaption {
    padding-left: 1em;
    font-size: clamp(14px, 1vw, 18px);
  }
}
#miamin .talk-detail.right .talk-txt {
  border-radius: 0 24px 24px 24px;
}

.profile-main {
  padding: 30px 20px;
  background: #D8F8D8;
  margin-bottom: 45px;
}
@media screen and (max-width: 767px) {
  .profile-main {
    margin-bottom: 30px;
  }
}
.profile-main h3,
.profile-main h2 {
  color: #444444 !important;
  padding: 0 !important;
  margin: 0 0 1em !important;
  font-family: "Yusei Magic", Hiragino Sans, ヒラギノ角ゴシック, "メイリオ", Meiryo, sans-serif !important;
  font-size: 24px !important;
  font-weight: normal !important;
  letter-spacing: 0.5em;
}
@media screen and (max-width: 767px) {
  .profile-main h3,
  .profile-main h2 {
    font-size: clamp(20px, 1.875vw, 40px) !important;
  }
}
.profile-main h3:after,
.profile-main h2:after {
  display: none;
}
.profile-main .profile-main-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .profile-main .profile-main-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }
}
.profile-main .profile-main-wrap .profile-main-left {
  width: 180px;
}
@media screen and (max-width: 767px) {
  .profile-main .profile-main-wrap .profile-main-left {
    width: 30vw;
    margin-bottom: 4vw;
  }
}
.profile-main .profile-main-wrap .profile-main-left figure {
  border-radius: 100px;
  overflow: hidden;
  margin-bottom: 30px;
}
.profile-main .profile-main-wrap .profile-main-left figure img {
  width: 100%;
  height: auto;
}
.profile-main .profile-main-wrap .profile-main-right {
  width: calc(100% - 230px);
}
@media screen and (max-width: 767px) {
  .profile-main .profile-main-wrap .profile-main-right {
    width: 100%;
  }
}
.profile-main .profile-main-wrap .profile-main-right .class-section {
  margin-bottom: 1em !important;
  padding: 0 !important;
  font-size: 14px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .profile-main .profile-main-wrap .profile-main-right .class-section {
    text-align: center;
  }
}
.profile-main .profile-main-wrap .profile-main-right .link {
  word-break: break-all;
  text-decoration: underline;
}
.profile-main .profile-main-wrap .profile-main-right .link a {
  text-decoration: underline;
}
.profile-main .profile-main-wrap .profile-main-right .link a:visited {
  text-decoration: underline;
}
.profile-main .profile-main-wrap .profile-main-right h4,
.profile-main .profile-main-wrap .profile-main-right h3 {
  border: none;
  padding: 0 !important;
  margin: 0 0 1em 0;
  font-size: 18px !important;
  color: #444 !important;
  font-family: "Noto Sans JP", "Yusei Magic", Hiragino Sans, ヒラギノ角ゴシック, "メイリオ", Meiryo, sans-serif !important;
  font-weight: bold !important;
}
@media screen and (max-width: 767px) {
  .profile-main .profile-main-wrap .profile-main-right h4,
  .profile-main .profile-main-wrap .profile-main-right h3 {
    text-align: center;
    font-size: clamp(16px, 1.25vw, 30px);
  }
}
.profile-main .profile-main-wrap .profile-main-right h5 {
  font-size: 14px;
  margin-bottom: 0.4em;
  color: #444444;
  font-weight: bold;
}
.profile-main.author1 {
  background: #E3F4F7;
}
.profile-main.author1 h3,
.profile-main.author1 h2 {
  color: #277395 !important;
  font-weight: normal;
}
.profile-main .author-write-list {
  background: #fff;
}
.profile-main .author-write-list ul {
  padding: 0 20px 30px;
  margin: 0 !important;
  position: relative;
}
.profile-main .author-write-list ul.no-more {
  padding: 0 20px;
}
.profile-main .author-write-list ul li {
  padding: 20px 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid #CCCCCC;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  display: none;
}
.profile-main .author-write-list ul li:last-child {
  border: none;
}
.profile-main .author-write-list ul li:before {
  display: none;
}
.profile-main .author-write-list ul li.show {
  display: list-item;
  opacity: 1;
  transform: translateY(0);
}
.profile-main .author-write-list ul li a {
  text-decoration: underline;
}
.profile-main .author-write-list ul li a:hover {
  text-decoration: none;
}
.profile-main .more-link-wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  background-color: #fff;
  transform: translateY(-50px);
}
.profile-main .more-link-wrap .more-link {
  display: inline-block;
  border-radius: 50px;
  background-color: #277395;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.733%22%20height%3D%228.281%22%20viewBox%3D%220%200%2013.733%208.281%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_917%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20917%22%20transform%3D%22translate(12.319%201.414)%20rotate(135)%22%3E%0A%20%20%20%20%3Cline%20id%3D%22%E7%B7%9A_390%22%20data-name%3D%22%E7%B7%9A%20390%22%20x2%3D%227.711%22%20transform%3D%22translate(0%200)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%20%20%3Cline%20id%3D%22%E7%B7%9A_391%22%20data-name%3D%22%E7%B7%9A%20391%22%20y1%3D%227.711%22%20transform%3D%22translate(7.711%200)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
  background-position: right 15px top 50%;
  background-repeat: no-repeat;
  color: #fff;
  line-height: 1;
  padding: 8px 60px 8px 30px;
  font-size: 17px;
  transform: translateY(35px);
  position: relative;
  text-decoration: none;
  transition: all ease 0.3s;
}
@media screen and (max-width: 767px) {
  .profile-main .more-link-wrap .more-link {
    font-size: 15px;
  }
}
.profile-main .more-link-wrap .more-link:hover {
  background-position: right 15px top 60%;
  transition: all ease 0.3s;
}

.txt-area {
  margin-bottom: 5vw;
}

.minnano-blog-banner {
  margin-bottom: 20px;
}
.minnano-blog-banner a {
  text-decoration: none;
}
.minnano-blog-banner a:hover {
  text-decoration: underline;
}
.minnano-blog-banner .js-relation {
  background: #FBFAF4;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 34px;
  color: #287395;
}
@media screen and (max-width: 767px) {
  .minnano-blog-banner .js-relation {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
}
.minnano-blog-banner .js-relation .image {
  width: 195px;
  margin-right: 20px;
}
@media screen and (max-width: 767px) {
  .minnano-blog-banner .js-relation .image {
    width: 60vw;
    margin-bottom: 30px;
  }
}
.minnano-blog-banner .js-relation .image + .text {
  width: calc(100% - 195px);
}
@media screen and (max-width: 767px) {
  .minnano-blog-banner .js-relation .image + .text {
    width: 100%;
  }
}
.minnano-blog-banner .js-relation .text {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .minnano-blog-banner .js-relation .text {
    width: 100%;
  }
}
.minnano-blog-banner .js-relation .text p {
  padding: 0;
}
.minnano-blog-banner .js-relation .text .title {
  margin: 0;
  font-family: "Yusei Magic", Hiragino Sans, ヒラギノ角ゴシック, "メイリオ", Meiryo, sans-serif !important;
  margin-bottom: 1em;
  letter-spacing: 0.05em;
  line-height: 1.4;
  font-size: 24px;
}
@media screen and (max-width: 767px) {
  .minnano-blog-banner .js-relation .text .title {
    font-size: clamp(20px, 1.25vw, 30px);
  }
}
.minnano-blog-banner .js-relation .text .description {
  color: #444444;
  margin: 0;
  padding: 0;
  text-align: left;
  margin-bottom: 1em;
}
@media screen and (max-width: 767px) {
  .minnano-blog-banner .js-relation .text .description {
    font-size: clamp(16px, 1.25vw, 30px);
  }
}
.minnano-blog-banner .js-relation .text .link {
  text-align: right;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.072%22%20height%3D%2211.313%22%20viewBox%3D%220%200%207.072%2011.313%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1495%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201495%22%20transform%3D%22translate(-1084.331%20-5021.333)%22%3E%0A%20%20%20%20%3Cline%20id%3D%22%E7%B7%9A_390%22%20data-name%3D%22%E7%B7%9A%20390%22%20x2%3D%226%22%20transform%3D%22translate(1085.746%205022.747)%20rotate(45)%22%20fill%3D%22none%22%20stroke%3D%22%23287395%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%20%20%3Cline%20id%3D%22%E7%B7%9A_391%22%20data-name%3D%22%E7%B7%9A%20391%22%20y1%3D%226%22%20transform%3D%22translate(1089.988%205026.99)%20rotate(45)%22%20fill%3D%22none%22%20stroke%3D%22%23287395%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 50%;
  padding-right: 1em;
  font-family: "Yusei Magic", Hiragino Sans, ヒラギノ角ゴシック, "メイリオ", Meiryo, sans-serif !important;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .minnano-blog-banner .js-relation .text .link {
    font-size: clamp(14px, 1vw, 20px);
  }
}
.minnano-blog-banner .js-relation .text .link-external {
  text-align: right;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.843%22%20height%3D%2216.381%22%20viewBox%3D%220%200%2015.843%2016.381%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1500%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201500%22%20transform%3D%22translate(-39%20-12686)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E5%89%8D%E9%9D%A2%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%A7%E5%9E%8B%E6%8A%9C%E3%81%8D_1%22%20data-name%3D%22%E5%89%8D%E9%9D%A2%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%A7%E5%9E%8B%E6%8A%9C%E3%81%8D%201%22%20d%3D%22M13.1%2C13.1H0V0H1.417V11.688H13.1V13.1Z%22%20transform%3D%22translate(39%2012689.276)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E5%89%8D%E9%9D%A2%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%A7%E5%9E%8B%E6%8A%9C%E3%81%8D_1_-_%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20data-name%3D%22%E5%89%8D%E9%9D%A2%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%A7%E5%9E%8B%E6%8A%9C%E3%81%8D%201%20-%20%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20d%3D%22M13.026%2C23.026H0V10H1.408V21.618H13.026Z%22%20transform%3D%22translate(39%2012679.169)%22%20fill%3D%22%23287395%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E4%B8%AD%E3%83%9E%E3%83%89_1_-_%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20data-name%3D%22%E4%B8%AD%E3%83%9E%E3%83%89%201%20-%20%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20d%3D%22M13.026%2C13.379H0V0H13.026ZM1.408%2C1.408V11.97h10.21V1.408Z%22%20transform%3D%22translate(41.816%2012686)%22%20fill%3D%22%23277395%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E5%90%88%E4%BD%93_1%22%20data-name%3D%22%E5%90%88%E4%BD%93%201%22%20d%3D%22M0%2C4.783%2C3.375%2C1.408H1.2V0H5.779V4.929H4.371V2.4L1%2C5.779Z%22%20transform%3D%22translate(45.367%2012690.049)%22%20fill%3D%22%23287395%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 50%;
  padding-right: 1.5em;
  font-family: "Yusei Magic", Hiragino Sans, ヒラギノ角ゴシック, "メイリオ", Meiryo, sans-serif !important;
  letter-spacing: 0.05em;
}

.zeijackey-contents {
  margin-bottom: 30px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .zeijackey-contents {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 40px;
  }
}
.zeijackey-contents figure {
  max-width: 200px;
  width: 25%;
}
@media screen and (max-width: 767px) {
  .zeijackey-contents figure {
    width: 90%;
    margin-bottom: 10px;
  }
}
.zeijackey-contents .zeijackey-info {
  width: 72%;
}
@media screen and (max-width: 767px) {
  .zeijackey-contents .zeijackey-info {
    width: 100%;
  }
}
.zeijackey-contents .zeijackey-info h4 {
  margin: 0 0 0.5em 0 !important;
  padding-left: 0.5em !important;
}

@media screen and (max-width: 767px) {
  .section-shadow p {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
  .section-shadow hr {
    margin-bottom: 1em;
  }
}
#hs_cos_wrapper_search_input_minnano {
  margin-top: 1em;
}

#search_input_minnano-input {
  height: 64px;
  box-sizing: border-box;
  width: 100%;
  background: #FFFFFF;
  padding: 5px 15px;
  border: 2px solid #CCCCCC;
  border-radius: 5px;
}

.hs-search-results__message {
  padding: 1.5em 0 2.5em;
}
@media screen and (max-width: 767px) {
  .hs-search-results__message {
    padding: 0 0 1.5em;
  }
}

.hs-search-field__suggestions-container {
  z-index: 100;
}
.hs-search-field__suggestions-container ul {
  padding: 15px;
  box-sizing: border-box;
}
.hs-search-field__suggestions-container ul li.results-for {
  font-size: 18px;
  margin-bottom: 0.5em;
}
.hs-search-field__suggestions-container ul li {
  padding: 5px;
  font-size: 15px;
}

.hs-search-results {
  margin-bottom: 5vw;
}/*# sourceMappingURL=styles.css.map */