@charset "UTF-8";
@font-face {
  font-family: "Fjalla One";
  src: url("../webfonts/FjallaOne-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("../webfonts/Montserrat-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("../webfonts/Montserrat-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("../webfonts/Poppins-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../webfonts/NotoSansJP-Light.otf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../webfonts/NotoSansJP-Regular.otf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../webfonts/NotoSansJP-Medium.otf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../webfonts/NotoSansJP-Bold.otf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../webfonts/NotoSansJP-Black.otf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

*:focus {
  outline: none;
}

:root {
  --base-background-color: #FFF;
  --sub-background-color: #000;
  --base-font-color: #000;
  --sub-font-color: #FFF;
  --accent-color: #ff6600;
  --base-font-family: "Noto Sans JP", sans-serif;
  --en-font-family: century-gothic, CenturyGothic, "Century Gothic", sans-serif;
  --page-width: 1140px;
  --page-padding: 0 60px;
  --letter-spacing: 0.1em;
  --bg-width: calc(((100vw - var(--page-width)) / 2) + 220px);
  --hover-opacity: 0.7;
  --transition: all .5s ease;
  --black-color: #111;
  --gray-color: #444464;
  --speechmaker-desktop-color: #f77e4f;
  --development-color: #764af2;
  --originalvoice-color: #40a8f7;
  --web-color: #3fba74;
  --globalvoice-color: #2930e3;
  --cx_dc-color: #42ceff;
  --entertainment-color: #ff4242;
  --device-color: #ff8927;
  --broadcast-color: #ffc94d;
  --education-color: #aad46f;
  --webreading-color: #a997ff;
}

@media screen and (max-width: 768px) {
  :root {
    --page-padding: 0 10px;
  }
}
html,
body {
  font-family: var(--base-font-family);
  font-weight: 400;
  color: var(--base-font-color);
  letter-spacing: var(--letter-spacing);
  background: var(--base-background-color);
  margin: 0;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
  font-feature-settings: "palt";
  word-break: break-all;
}

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

a {
  color: var(--base-font-color);
  text-decoration: none;
  transition: all 0.4s;
}

[lang=en] {
  -webkit-hyphens: auto;
  hyphens: auto;
}

ul {
  list-style: none;
}

.section-wrapper {
  padding: 60px 0;
}

.section-container {
  width: calc(100vw - 40px);
  max-width: var(--page-width);
  margin: auto;
  position: relative;
}

.section-inner {
  padding: var(--page-padding);
}

.d-flex {
  display: flex;
}

.align-items-center {
  align-items: center;
}

.align-items-start {
  align-items: flex-start;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-around {
  justify-content: space-around;
}

.justify-content-end {
  justify-content: flex-end;
}

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

.flex-direction-column {
  flex-direction: column;
}

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

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

.text-right {
  text-align: right;
}

#home #magazine .section-header,
#magazine.archive .section-header,
.section-header span:not(.en):not(.line) {
  font-weight: 500;
  font-size: 2rem;
  padding-left: 40px;
  background: no-repeat left center/32px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4OC40MDYiIGhlaWdodD0iODEuNzQiIHZpZXdCb3g9IjAgMCA4OC40MDYgODEuNzQiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6ICNmNjA7CiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBpZD0ic2VjdGlvbi1oZWFkZXItaWNvbi5zdmciIGNsYXNzPSJjbHMtMSIgZD0iTTMyNy45MTksMTgxMy4yNmE0LjAzMyw0LjAzMywwLDAsMS00LjEzLTMuOTN2LTMxLjE4YTQuMTM1LDQuMTM1LDAsMCwxLDguMjU5LDB2MzEuMThBNC4wMzMsNC4wMzMsMCwwLDEsMzI3LjkxOSwxODEzLjI2Wm0tMTYuMDI4LDYuMzVhNC4wMzMsNC4wMzMsMCwwLDEtNC4xMjktMy45M3YtNDMuODdhNC4xMzUsNC4xMzUsMCwwLDEsOC4yNTksMHY0My44N0E0LjAzMyw0LjAzMywwLDAsMSwzMTEuODkxLDE4MTkuNjFabS0xNi4wMjMsMTVhNC4wMjYsNC4wMjYsMCwwLDEtNC4xMy0zLjkydi03My45YTQuMTM2LDQuMTM2LDAsMCwxLDguMjYsMHY3My45QTQuMDI2LDQuMDI2LDAsMCwxLDI5NS44NjgsMTgzNC42MVptLTQ4LjA4Mi0yMS4zNWE0LjAzMyw0LjAzMywwLDAsMS00LjEyOS0zLjkzdi0zMS4xOGE0LjEzNSw0LjEzNSwwLDAsMSw4LjI1OSwwdjMxLjE4QTQuMDMzLDQuMDMzLDAsMCwxLDI0Ny43ODYsMTgxMy4yNlptMTYuMDI4LDYuMzVhNC4wMzQsNC4wMzQsMCwwLDEtNC4xMy0zLjkzdi00My44N2E0LjEzNSw0LjEzNSwwLDAsMSw4LjI1OSwwdjQzLjg3QTQuMDMzLDQuMDMzLDAsMCwxLDI2My44MTQsMTgxOS42MVptMTYuMDI3LDE1YTQuMDI2LDQuMDI2LDAsMCwxLTQuMTMtMy45MnYtNzMuOWE0LjEzNSw0LjEzNSwwLDAsMSw4LjI1OSwwdjczLjlBNC4wMjUsNC4wMjUsMCwwLDEsMjc5Ljg0MSwxODM0LjYxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI0My42NTYgLTE3NTIuODgpIi8+Cjwvc3ZnPgo=");
}

.row-block-2 {
  width: 100%;
}

[role=tabpanel] {
  display: none;
}

[role=tabpanel][aria-hidden=false] {
  display: block;
}

article:not(.post) .addtoany_share_save_container {
  display: none;
}

@media screen and (max-width: 768px) {
  .section-header {
    text-align: center;
    margin-bottom: 40px;
  }
  .for-tab:not(.for-sp) {
    display: none;
  }
  .for-pc {
    display: none !important;
  }
  main {
    margin-top: 60px;
  }
}
@media screen and (min-width: 769px) {
  .section-header {
    margin-bottom: 65px;
  }
  #home #magazine .section-header,
  .section-header span:not(.en):not(.line) {
    font-size: 3rem;
    padding-left: 60px;
    background: no-repeat left center/47px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4OC40MDYiIGhlaWdodD0iODEuNzQiIHZpZXdCb3g9IjAgMCA4OC40MDYgODEuNzQiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6ICNmNjA7CiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBpZD0ic2VjdGlvbi1oZWFkZXItaWNvbi5zdmciIGNsYXNzPSJjbHMtMSIgZD0iTTMyNy45MTksMTgxMy4yNmE0LjAzMyw0LjAzMywwLDAsMS00LjEzLTMuOTN2LTMxLjE4YTQuMTM1LDQuMTM1LDAsMCwxLDguMjU5LDB2MzEuMThBNC4wMzMsNC4wMzMsMCwwLDEsMzI3LjkxOSwxODEzLjI2Wm0tMTYuMDI4LDYuMzVhNC4wMzMsNC4wMzMsMCwwLDEtNC4xMjktMy45M3YtNDMuODdhNC4xMzUsNC4xMzUsMCwwLDEsOC4yNTksMHY0My44N0E0LjAzMyw0LjAzMywwLDAsMSwzMTEuODkxLDE4MTkuNjFabS0xNi4wMjMsMTVhNC4wMjYsNC4wMjYsMCwwLDEtNC4xMy0zLjkydi03My45YTQuMTM2LDQuMTM2LDAsMCwxLDguMjYsMHY3My45QTQuMDI2LDQuMDI2LDAsMCwxLDI5NS44NjgsMTgzNC42MVptLTQ4LjA4Mi0yMS4zNWE0LjAzMyw0LjAzMywwLDAsMS00LjEyOS0zLjkzdi0zMS4xOGE0LjEzNSw0LjEzNSwwLDAsMSw4LjI1OSwwdjMxLjE4QTQuMDMzLDQuMDMzLDAsMCwxLDI0Ny43ODYsMTgxMy4yNlptMTYuMDI4LDYuMzVhNC4wMzQsNC4wMzQsMCwwLDEtNC4xMy0zLjkzdi00My44N2E0LjEzNSw0LjEzNSwwLDAsMSw4LjI1OSwwdjQzLjg3QTQuMDMzLDQuMDMzLDAsMCwxLDI2My44MTQsMTgxOS42MVptMTYuMDI3LDE1YTQuMDI2LDQuMDI2LDAsMCwxLTQuMTMtMy45MnYtNzMuOWE0LjEzNSw0LjEzNSwwLDAsMSw4LjI1OSwwdjczLjlBNC4wMjUsNC4wMjUsMCwwLDEsMjc5Ljg0MSwxODM0LjYxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI0My42NTYgLTE3NTIuODgpIi8+Cjwvc3ZnPgo=");
  }
  .for-sp {
    display: none !important;
  }
  .for-tab {
    display: none;
  }
  .section-wrapper {
    padding: 100px 0;
  }
  .row-block-2 {
    width: calc(50% - 15px);
  }
  main {
    margin-top: 113px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .for-tab {
    display: block;
  }
}
/* ==================================
== #readspeaker_button1
================================== */
#readspeaker_button1 {
  top: 80px;
  left: 20px;
  position: absolute;
  width: 335px !important; /* ReadSpeaker.Styles.css のスタイルをオーバーライド */
}

.rsbtn_exp_inner {
  display: flex !important; /* ReadSpeaker.Styles.css のスタイルをオーバーライド */
}

.rs-player-loadindicator {
  left: -142px !important; /* ReadSpeaker.Styles.css のスタイルをオーバーライド */
}

@media screen and (min-width: 769px) {
  #readspeaker_button1 {
    top: 153px;
    left: 50px;
    width: 395px !important; /* ReadSpeaker.Styles.css のスタイルをオーバーライド */
  }
}
/* ==================================
== header
================================== */
header {
  position: relative;
  width: 100%;
  height: 60px;
  background-color: #FFF;
  padding: 0 17px;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 99;
}

header .header-inner {
  height: 100%;
}

header .logo {
  width: 173px;
}

/* ハンバーガーメニューの初期 */
header .g-nav {
  position: fixed;
  top: 0;
  right: 0;
  padding: 80px 20px 0;
  opacity: 0;
  visibility: hidden;
  margin: 0;
  overflow: scroll;
  width: 100vw;
  height: calc(var(--vh) * 100);
  background-color: #FFF;
  transition: opacity 0.5s, visibility 0.5s;
  z-index: 999999;
}

header #nav_toggle {
  width: 21px;
  height: 19px;
  display: block;
  position: relative;
  z-index: 9999999;
}

header #nav_toggle i {
  display: block;
  width: 100%;
  height: 3px;
  background-color: #3c3c3c;
  border-radius: 2px;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  transition: transform 0.5s, opacity 0.5s;
}

header #nav_toggle i:nth-child(1) {
  top: 0;
}

header #nav_toggle i:nth-child(2) {
  bottom: calc(50% - 1.5px);
}

header #nav_toggle i:nth-child(3) {
  bottom: 0;
}

form#custom-search-content {
  margin-bottom: 30px;
  position: relative;
}

form#custom-search-content input {
  width: 100%;
  height: 50px;
  padding-left: 20px;
  border-radius: 25px;
  background-color: #f8f8f8;
  border: 1px solid #8c8c8c;
}

form#custom-search-content button {
  top: 50%;
  right: 20px;
  line-height: 1;
  transform: translate(0, -50%);
  position: absolute;
}

/* クリックした時の閉じるボタン表示 */
header .g-nav.show {
  opacity: 1;
  visibility: visible;
}

header .nav-open-mask.show {
  background: var(--sub-background-color);
  opacity: 0.9;
  width: 100vw;
  height: 100vh;
  display: block;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 9999;
}

.close:before,
.close:after {
  left: 15px;
}

header #nav_toggle.show {
  right: 17px;
  position: fixed;
}

header #nav_toggle.show i:nth-child(1) {
  bottom: 0;
  top: 0;
  margin: auto;
  transform: rotate(-45deg);
}

header #nav_toggle.show i:nth-child(2) {
  opacity: 0;
}

header #nav_toggle.show i:nth-child(3) {
  bottom: 0;
  top: 0;
  margin: auto;
  transform: rotate(45deg);
}

header nav ul {
  flex-wrap: wrap;
}

header nav ul li {
  width: 100%;
}

header nav ul li:not(:last-child) {
  margin: 0 0 20px;
}

header nav ul li.faq {
  margin: 0 0 40px;
}

header nav ul li.has-child,
header nav ul li a,
header nav ul li.has-child:visited,
header nav ul li a:visited {
  color: #444464;
}

header nav ul li.has-child {
  cursor: pointer;
  position: relative;
}

header nav ul li.has-child i {
  margin-left: 5px;
  vertical-align: text-top;
}

header nav ul li.has-child i svg {
  width: 8px;
  transition: all 0.5s;
}

header nav ul li.has-child.active i svg {
  transform: rotate(90deg);
}

header nav ul li.has-child ul {
  max-height: 0;
  transition: max-height 1s;
  overflow: hidden;
}

header nav ul li.has-child.active ul {
  max-height: 100vh;
}

header nav ul li.has-child ul li {
  margin-bottom: 10px;
}

header nav ul li.has-child ul li:has(.child-list-parent) {
  margin-top: 10px;
  margin-bottom: 5px;
}

header nav ul li.has-child ul li:has(.child-list-child) {
  margin-bottom: 5px;
}

header nav ul li.has-child ul li:first-child {
  margin-top: 10px;
}

header nav ul li.has-child ul li a {
  font-size: 0.9em;
}

header nav ul li.has-child ul li .child-list-parent {
  font-size: 1em;
}

header nav ul li.has-child ul li .child-list-child {
  font-size: 0.9em;
  font-weight: 400;
}

header nav ul li.has-child ul li .child-list-child.child-list-child-strong {
  color: var(--accent-color);
}
@media (any-hover: hover) {
  header nav ul li.has-child ul li .child-list-child.child-list-child-strong:hover {
    color: var(--gray-color);
  }
}

header nav ul li:not(.contact_btn):not(.btn_area) {
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}

header nav ul li a {
  transition: var(--transition);
}

header nav ul li:not(.contact_btn):not(.btn_area) a:hover {
  opacity: var(--hover-opacity);
}

header nav ul li.btn_area {
  margin: 0 0 30px;
}

header nav ul li.btn_area a {
  width: calc(50% - 5px);
  height: 43px;
  font-size: 1.4rem;
  letter-spacing: 0;
  font-weight: 500;
  color: var(--sub-font-color);
  border-radius: 21.5px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: var(--transition);
}

header nav ul li.btn_area a.download-btn {
  background: #424265;
  border: 1px solid #424265;
}

header nav ul li.btn_area a.download-btn:hover {
  background: var(--base-background-color);
  color: #424265;
}

header nav ul li.btn_area a.trial-btn {
  background: var(--accent-color);
  border: 1px solid var(--accent-color);
}

header nav ul li.btn_area a.trial-btn:hover {
  background: var(--base-background-color);
  color: var(--accent-color);
}

header nav ul li.text_link_area {
  display: flex;
  justify-content: center;
  align-items: center;
}

header nav ul li.text_link_area a.contact-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

header nav ul li.text_link_area a.contact-btn .path {
  fill: var(--accent-color);
}

header nav ul li.sns_area {
  gap: 0 20px;
  margin: 0 0 40px;
}

header nav ul li.sns_area a {
  transition: var(--transition);
}

header nav ul li.sns_area a:hover {
  opacity: var(--hover-opacity);
}

@media screen and (max-width: 768px) {
  header .g-nav {
    padding-bottom: 80px;
  }
  header #nav_toggle {
    display: block;
  }
  header nav ul li.has-child i.arrow {
    width: 12px;
    height: 7px;
    background: no-repeat center/contain;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNi4wMyIgaGVpZ2h0PSIyMS44NzUiIHZpZXdCb3g9IjAgMCAzNi4wMyAyMS44NzUiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6IG5vbmU7CiAgICAgICAgc3Ryb2tlOiAjZjYwOwogICAgICAgIHN0cm9rZS1saW5lY2FwOiByb3VuZDsKICAgICAgICBzdHJva2UtbGluZWpvaW46IHJvdW5kOwogICAgICAgIHN0cm9rZS13aWR0aDogNnB4OwogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggaWQ9ImhlYWRlci1hcnJvdy1vcmFuZ2Uuc3ZnIiBjbGFzcz0iY2xzLTEiIGQ9Ik0yNjMzLjAxLDQ3MC4wNjFsLTE1LDE1Ljg1OS0xNS0xNS44NTkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNjAwIC00NjcuMDMxKSIvPgo8L3N2Zz4K");
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
  }
  header nav ul li.sns_area {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 769px) {
  header {
    height: 73px;
    padding: 0 50px;
    border-bottom: solid 3px #F67C4D;
  }
  header .logo {
    width: 230px;
  }
  header .main-nav-list {
    position: absolute;
    top: 73px;
    left: 0;
    width: 100%;
    padding: 0 50px;
    background-color: #FFF;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    -moz-column-gap: 60px;
         column-gap: 60px;
    font-size: 1.4rem;
  }
  header .main-nav-list.js-on-scroll-header {
    height: 40px;
    transition: var(--transition);
  }
  header .main-nav-list.js-on-scroll-header.hidden {
    height: 0;
    overflow: hidden;
  }
  header .main-nav-list.js-on-scroll-header > li {
    opacity: 1;
    transform: translateY(0);
    transition: var(--transition);
  }
  header .main-nav-list.js-on-scroll-header.hidden > li {
    opacity: 0;
    transform: translateY(-20px);
  }
  header .main-nav-list li,
  header .main-nav-list li a {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 40px;
    color: #444464;
    font-weight: 500;
    letter-spacing: 0;
    transition: var(--transition);
    margin: 0;
  }
  header .main-nav-list li a:hover {
    color: var(--accent-color);
  }
  header .main-nav-list li.has-child {
    position: relative;
    cursor: pointer;
    z-index: 9999;
  }
  header .main-nav-list li.has-child::after {
    content: "";
    width: 10px;
    height: 5px;
    background: no-repeat center/contain;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjUuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzYgMjEuOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzYgMjEuOTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO30KPC9zdHlsZT4KPHBhdGggaWQ9ImhlYWRlci1hcnJvdy1vcmFuZ2Uuc3ZnIiBjbGFzcz0ic3QwIiBkPSJNMzMsM0wxOCwxOC45TDMsMyIvPgo8L3N2Zz4K");
  }
  header .main-nav-list li.has-child .child-list {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 250px;
    max-height: 0;
    padding: 0 20px;
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0;
    background-color: #FFF;
    z-index: 9999;
    transition: var(--transition);
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
  }
  header .main-nav-list li.has-child:hover .child-list {
    max-height: 100vh;
    padding: 20px;
    opacity: 1;
    pointer-events: auto;
  }
  header .main-nav-list li.has-child .child-list li:has(.child-list-child) {
    height: 24px;
  }
  header .main-nav-list li.has-child .child-list li a:hover {
    color: var(--accent-color);
  }
  header .main-nav-list li.has-child .child-list li .child-list-parent {
    font-weight: 700;
  }
  header .main-nav-list li.has-child .child-list li .child-list-child {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
  }
  header .main-nav-list li.has-child .child-list li .child-list-child.child-list-child-strong {
    color: var(--accent-color);
  }
}
@media screen and (min-width: 769px) and (any-hover: hover) {
  header .main-nav-list li.has-child .child-list li .child-list-child.child-list-child-strong:hover {
    color: var(--gray-color);
  }
}
@media screen and (min-width: 769px) {
  header .main-nav-list li.has-child .child-list li .child-list-child::before {
    content: "";
    display: block;
    width: 5px;
    height: 10px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%225%22%20height%3D%228%22%20viewBox%3D%220%200%205%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%201L4%204L1%207%22%20stroke%3D%22%23444464%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") no-repeat center/contain;
    transition: var(--transition);
  }
  header .main-nav-list li.has-child .child-list li .child-list-child:hover::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%225%22%20height%3D%228%22%20viewBox%3D%220%200%205%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%201L4%204L1%207%22%20stroke%3D%22%23F67C4D%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  }
  header .main-nav-list li.has-child .child-list li .child-list-child.child-list-child-strong::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%225%22%20height%3D%228%22%20viewBox%3D%220%200%205%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%201L4%204L1%207%22%20stroke%3D%22%23F67C4D%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  }
  header .main-nav-list li.has-child .child-list li .child-list-child.child-list-child-strong:hover::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%225%22%20height%3D%228%22%20viewBox%3D%220%200%205%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%201L4%204L1%207%22%20stroke%3D%22%23444464%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  }
  header .button-nav-list {
    display: flex;
    align-items: center;
    gap: 20px;
  }
  header .button-nav-list li a {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    color: #444464;
    transition: var(--transition);
  }
  header .button-nav-list li a:hover {
    color: var(--accent-color);
  }
  header .button-nav-list p.download-btn a {
    width: 160px;
    height: 40px;
    background: #424265;
    border: solid 3px #424265;
    color: var(--sub-font-color);
    transition: var(--transition);
  }
  header .button-nav-list p.download-btn a:hover {
    background: #FFF;
    color: #424265;
  }
  header .button-nav-list a .path {
    fill: var(--accent-color);
  }
  header .button-nav-list p.trial-btn a {
    width: 160px;
    height: 40px;
    background: var(--accent-color);
    border: solid 3px var(--accent-color);
    color: var(--sub-font-color);
    transition: var(--transition);
  }
  header .button-nav-list p.trial-btn a:hover {
    background: #FFF;
    color: var(--accent-color);
  }
  header nav ul li svg,
  header .main-nav-list li svg {
    width: 15px;
    vertical-align: text-bottom;
  }
  header .g-nav {
    width: calc(100vw - 175px);
    max-width: 390px;
  }
  header nav ul li:not(.faq):not(.contact_btn):not(.btn_area) {
    font-size: 2rem;
  }
  header nav ul li:not(:last-child) {
    margin: 0 0 30px;
  }
  header nav ul li.has-child::after {
    content: "";
    width: 18px;
    height: 11px;
    background: no-repeat center/contain;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNi4wMyIgaGVpZ2h0PSIyMS44NzUiIHZpZXdCb3g9IjAgMCAzNi4wMyAyMS44NzUiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6IG5vbmU7CiAgICAgICAgc3Ryb2tlOiAjZjYwOwogICAgICAgIHN0cm9rZS1saW5lY2FwOiByb3VuZDsKICAgICAgICBzdHJva2UtbGluZWpvaW46IHJvdW5kOwogICAgICAgIHN0cm9rZS13aWR0aDogNnB4OwogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggaWQ9ImhlYWRlci1hcnJvdy1vcmFuZ2Uuc3ZnIiBjbGFzcz0iY2xzLTEiIGQ9Ik0yNjMzLjAxLDQ3MC4wNjFsLTE1LDE1Ljg1OS0xNS0xNS44NTkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNjAwIC00NjcuMDMxKSIvPgo8L3N2Zz4K");
    right: 0;
    top: 11px;
    position: absolute;
  }
  header nav ul li.faq a {
    font-size: 1.7rem;
  }
  header #nav_toggle {
    display: none;
  }
}
@media screen and (min-width: 1021px) and (max-width: 1320px) {
  header .main-nav-list {
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
  header .main-nav-list li {
    font-size: 1.4rem;
  }
  header .main-nav-list li:last-child {
    gap: 5px;
  }
  header .main-nav-list p a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 140px;
    font-size: 1.2rem;
  }
  header .button-nav-list {
    gap: 20px;
  }
}
@media screen and (max-width: 1020px) {
  .for-big-media {
    display: none;
  }
  header .logo {
    width: 200px;
  }
  header .main-nav-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
  header .main-nav-list.js-on-scroll-header {
    height: 80px;
  }
  header .button-nav-list {
    gap: 10px;
  }
}
/* ==================================
== #follow-btn
================================== */
.follow-btn {
  position: fixed;
  bottom: 0;
  display: none;
  width: 100%;
  height: 64px;
  z-index: 9999999;
}

.follow-btn ul {
  display: flex;
  width: 100%;
  height: 100%;
}

.follow-btn li {
  height: 100%;
  width: 100%;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--sub-font-color);
}

.follow-btn li a {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: var(--transition);
  color: var(--sub-font-color);
}

.follow-btn li.download-btn a {
  background: #424265;
}

.follow-btn li.application-btn a {
  background: var(--accent-color);
}

.follow-btn li.download-btn a:hover {
  background: var(--base-background-color);
  color: #424265;
}

.follow-btn li.application-btn a:hover {
  background: var(--base-background-color);
  color: var(--accent-color);
}

@media screen and (min-width: 769px) {
  .follow-btn {
    display: none;
  }
}
/* ==================================
== #footer-about
================================== */
#footer-about {
  background-color: #152332;
  color: var(--sub-font-color) !important;
}

#footer-about a,
#footer-about p,
#footer-about h2,
#footer-about span {
  color: var(--sub-font-color);
}

#footer-about .about-info dl {
  font-size: 1.3rem;
  line-height: 1.8;
}

#footer-about .about-info dl:not(:last-of-type) {
  margin-bottom: 30px;
}

#footer-about .about-info dl dt {
  width: 120px;
}

#footer-about .about-info dl dd img {
  display: block;
  margin-bottom: 10px;
  width: 85px;
}

#footer-about .about-contact {
  width: 545px;
}

#footer-about .about-contact .about-contact-tel {
  border: 1px solid #FFF;
  padding: 15px 0;
}

#footer-about .about-contact .about-contact-tel .about-contact-tel-number {
  margin: 10px 0;
}

#footer-about .about-contact .about-contact-tel .about-contact-tel-number a {
  font-family: "Poppins", sans-serif;
  font-size: 3.1rem;
  line-height: 1;
  margin-right: 10px;
}

#footer-about .about-contact .about-contact-tel p span {
  font-size: 1.3rem;
  vertical-align: text-top;
}

#footer-about .about-contact .about-contact-btns {
  width: 320px;
  margin: 30px auto 0;
}

#footer-about .about-contact .about-contact-btns li.contact_btn a {
  width: 100%;
  height: 43px;
  font-size: 1.4rem;
  letter-spacing: 0.075em;
  font-weight: 500;
  color: var(--sub-font-color);
  background: var(--accent-color);
  border-radius: 21.5px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  transition: var(--transition);
}

#footer-about .about-contact .about-contact-btns li.contact_btn a:hover {
  background: var(--sub-font-color);
  color: var(--accent-color);
}

#footer-about .about-contact .about-contact-btns li.btn_area a {
  width: calc(50% - 7px);
  height: 43px;
  font-size: 1.4rem;
  letter-spacing: 0;
  font-weight: 500;
  color: #0000ff;
  background-color: #FFF;
  border-radius: 21.5px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: var(--transition);
}

#footer-about .about-contact .about-contact-btns li.btn_area a:hover {
  background-color: #0000ff;
  color: #FFF;
}

@media screen and (max-width: 768px) {
  #footer-about .footer-inner {
    flex-direction: column;
    gap: 30px 0;
  }
  #footer-about .footer-inner .about-info,
  #footer-about .footer-inner .about-contact {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  #footer-about .about-info dl {
    font-size: 1.4rem;
  }
  #footer-about .about-info dl dt {
    width: 135px;
  }
  #footer-about .about-info dl dd img {
    width: 120px;
  }
  #footer-about .section-header {
    margin-bottom: 45px;
  }
  #footer-about .about-contact {
    display: flex;
    flex-direction: column;
  }
  #footer-about .about-contact .about-contact-btns {
    margin-top: auto;
  }
}
/* ==================================
== footer
================================== */
footer {
  background: var(--sub-background-color);
  color: var(--sub-font-color);
}

footer a,
footer p,
footer h2,
footer span,
footer small {
  color: var(--sub-font-color);
  transition: var(--transition);
}

footer a:hover {
  opacity: var(--hover-opacity);
}

footer .footer-block {
  width: 100%;
}

footer .footer-block img {
  width: 198px;
  display: block;
}

footer .dropdown {
  font-weight: 500;
  position: relative;
  cursor: pointer;
}

footer .dropdown .dropdown-toggle::after {
  content: "";
  width: 15px;
  height: 9px;
  background: no-repeat center/contain;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOS4wMzEiIGhlaWdodD0iMTcuNiIgdmlld0JveD0iMCAwIDI5LjAzMSAxNy42Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiBub25lOwogICAgICAgIHN0cm9rZTogI2ZmZjsKICAgICAgICBzdHJva2UtbGluZWNhcDogcm91bmQ7CiAgICAgICAgc3Ryb2tlLWxpbmVqb2luOiByb3VuZDsKICAgICAgICBzdHJva2Utd2lkdGg6IDZweDsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGlkPSJhcnJvdy13aGl0ZS5zdmciIGNsYXNzPSJjbHMtMSIgZD0iTTM3Mi4wMjcsMTU0MzIuMmwtMTEuNTI3LDExLjYtMTEuNTI3LTExLjYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNDYgLTE1NDI5LjIpIi8+Cjwvc3ZnPgo=");
  display: inline-block;
  margin-left: 10px;
}

footer .dropdown .dropdown-menu {
  display: none;
  background-color: #FFF;
  border-radius: 5px;
  padding: 20px;
  top: 30px;
  right: 0;
  position: absolute;
}

footer .dropdown .dropdown-menu a {
  font-weight: 400;
  font-size: 1.2rem;
  color: #000;
}

footer .footer-block h3 {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  padding: 25px 0;
  border-bottom: 1px solid #FFF;
}

footer .footer-block .footer-list li {
  margin-bottom: 8px;
}

footer .footer-block .footer-list li a {
  font-size: 1.4rem;
  line-height: 2.4rem;
}

footer .footer-block .footer-list.is-sub {
  border-top: 1px solid #ffffff;
  padding-top: 12px;
}

footer .right-content .copyright {
  font-size: 1.4rem;
}

footer .footer-sub-content {
  margin-top: 30px;
}

footer .footer-sub-content .footer-sns_area {
  gap: 0 20px;
}

footer .footer-sub-content .footer-sns_area a {
  transition: var(--transition);
}

footer .footer-sub-content .footer-sns_area a:hover {
  opacity: var(--hover-opacity);
}

@media screen and (max-width: 768px) {
  footer.section-wrapper {
    padding-bottom: 80px;
  }
  footer .footer-area {
    flex-wrap: wrap;
  }
  footer .footer-area .footer-block:first-child {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
  }
  footer .footer-block h3.arrow-sp {
    background: no-repeat right center/20px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MS4wOTQiIGhlaWdodD0iMjEuNSIgdmlld0JveD0iMCAwIDQxLjA5NCAyMS41Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiBub25lOwogICAgICAgIHN0cm9rZTogI2ZmZjsKICAgICAgICBzdHJva2Utd2lkdGg6IDJweDsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGlkPSJmb290ZXItYXJyb3cuc3ZnIiBjbGFzcz0iY2xzLTEiIGQ9Ik02NzQuNTMxLDEyNjQ2LjZsMTkuODUyLDE5LjQsMTkuODUxLTE5LjQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02NzMuODQ0IC0xMjY0NS45KSIvPgo8L3N2Zz4K");
  }
  footer .dropdown .dropdown-menu {
    width: 122px;
    height: 200px;
    overflow: scroll;
  }
  footer .footer-area .child-menu-sp {
    max-height: 0;
    transition: max-height 1s;
    overflow: hidden;
  }
  footer .footer-area h3.active + .child-menu-sp {
    max-height: 100vh;
  }
  footer .footer-area h3 + .child-menu-sp ul li:first-child {
    margin-top: 10px;
  }
  footer .footer-sub-content > .d-flex {
    flex-direction: column-reverse;
  }
  footer .footer-sub-content .footer-sns_area {
    justify-content: center;
    margin-bottom: 25px;
  }
  footer .footer-sub-content .footer-sns_area img {
    width: 26px;
  }
}
@media screen and (min-width: 769px) {
  footer .footer-block {
    width: 253px;
  }
  footer .footer-block img {
    margin-bottom: 25px;
  }
  footer .footer-block h3 {
    font-size: 1.6rem;
    margin-bottom: 30px;
    padding: 0;
    border: 0;
  }
  footer .dropdown .dropdown-menu {
    padding: 20px;
    top: 30px;
    right: auto;
    left: 0;
  }
  footer .dropdown .dropdown-menu a {
    font-size: 1.4rem;
  }
  footer .footer-sub-content {
    margin-top: 60px;
  }
}
/* ==================================
== .btn
================================== */
.text-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  border-radius: 9999px;
  overflow: hidden;
  z-index: 10;
  transition: all 0.2s;
}

.text-btn::before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: all 0.2s;
  z-index: -10;
}

.text-btn::after {
  display: block;
  width: 10px;
  height: 10px;
  border-top: solid 2px #111;
  border-right: solid 2px #111;
  border-radius: 0 2px 0 0;
  rotate: 45deg;
  transition: all 0.2s;
}

.text-btn:hover {
  cursor: pointer;
}

.purple-grad-text-btn {
  min-width: 200px;
  height: 60px;
  background: linear-gradient(90deg, #6F4FF0 0%, #B250FF 100%);
  color: #FFF;
}

@media screen and (max-width: 768px) {
  .purple-grad-text-btn {
    min-width: 320px;
  }
}
.purple-grad-text-btn::before {
  background: linear-gradient(90deg, #543BB9 0%, #461170 100%);
  content: "";
}

.purple-grad-text-btn:hover::before {
  opacity: 1;
}

.orange-grad-text-btn {
  min-width: 200px;
  height: 60px;
  background: linear-gradient(90deg, #F67C4D 0%, #E8FF8E 100%);
  color: #111;
}

@media screen and (max-width: 768px) {
  .orange-grad-text-btn {
    min-width: 320px;
  }
}
.orange-grad-text-btn:hover {
  color: #FFF;
}

.orange-grad-text-btn::before {
  background: linear-gradient(90deg, #CB3901 0%, #798646 100%);
  content: "";
}

.orange-grad-text-btn:hover::before {
  opacity: 1;
}

.black-line-text-btn {
  min-width: 240px;
  height: 50px;
  background-color: #FFF;
  color: #000;
  border: 2px solid #000;
}

@media screen and (max-width: 768px) {
  .black-line-text-btn {
    min-width: 320px;
  }
}
.black-line-text-btn::after {
  content: "";
}

.black-line-text-btn:hover {
  background-color: #2930E3;
  color: #FFF;
}

.black-line-text-btn:hover::after {
  border-color: #FFF;
}

.white-line-text-btn {
  min-width: 240px;
  height: 54px;
  border: 2px solid #FFF;
  font-size: 18px;
  color: #FFF;
}

.white-line-text-btn:hover {
  background-color: #2930E3;
}

.blue-text-btn {
  min-width: 240px;
  height: 50px;
  background-color: #2930E3;
  color: #FFF;
  border: 2px solid #2930E3;
}

@media screen and (max-width: 768px) {
  .blue-text-btn {
    min-width: 320px;
  }
}
.blue-text-btn::after {
  border-color: #FFF;
  content: "";
}

.blue-text-btn:hover {
  background-color: #FFF;
  color: #2930E3;
}

.blue-text-btn:hover::after {
  border-color: #2930E3;
}

.orange-text-btn {
  min-width: 320px;
  height: 60px;
  background-color: #F6946F;
  color: #111;
}

.orange-text-btn:hover {
  background-color: #A94D34;
  color: #FFF;
}

.gray-text-btn {
  min-width: 320px;
  height: 50px;
  background-color: #D6D6D6;
  border: 2px solid #111;
  color: #111;
}

.gray-text-btn:hover {
  background-color: #FFF;
}

/* ==================================
== .pages #kv
================================== */
.pages #kv {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.pages.no-bg .breadcrumb {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.pages:not(.no-bg) #kv {
  color: var(--sub-font-color);
}

.pages.no-bg #kv {
  height: 150px;
}

.pages #kv .kv-block {
  bottom: 25px;
  width: calc(100vw - 40px);
  left: 20px;
  position: absolute;
}

.pages #kv .kv-block h1 {
  font-size: 2rem;
  letter-spacing: 0.025em;
  line-height: 1.2;
  margin-bottom: 10px;
}

.pages #kv .kv-block p.kv-text {
  font-size: 1.3rem;
  letter-spacing: 0.075em;
  line-height: 1.8;
  font-weight: 500;
}

.pages.no-bg #kv .kv-block .kv-title {
  margin-bottom: 10px;
}

.pages.no-bg #kv .kv-block .kv-title h1 {
  margin-bottom: 0;
}

.pages.no-bg #kv .kv-block .kv-title h1 .en {
  font-family: "Montserrat";
  font-weight: 600;
  font-size: 1rem;
  display: block;
}

@media screen and (max-width: 768px) {
  .pages.no-bg #kv .kv-block .kv-title h1 {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 769px) {
  .pages.no-bg #kv {
    height: 245px;
  }
  .pages #kv .kv-block {
    top: 50%;
    bottom: auto;
    left: 120px;
    transform: translate(0, calc(-50% + 17px));
    position: absolute;
  }
  .pages #kv .kv-block h1 {
    font-size: 4rem;
  }
  .pages #kv .kv-block p.kv-text {
    font-size: 1.6rem;
  }
  .pages.no-bg #kv .kv-block .kv-title h1 .en {
    font-size: 1.6rem;
  }
}
/* ==================================
== .breadcrumb（パンくずリスト）
================================== */
@media screen and (max-width: 768px) {
  .breadcrumb {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .breadcrumb {
    background: rgba(255, 255, 255, 0.85);
    padding: 10px 50px;
  }
  .breadcrumb li,
  .breadcrumb li a {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #000;
  }
  .breadcrumb li:not(:last-child)::after {
    content: "〉";
    margin: 0 10px;
  }
  .breadcrumb li br {
    display: none;
  }
}
/* ==================================
== .pager（ページャー）
================================== */
.pager {
  margin-top: 48px;
}

.pager-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.pager-prev,
.pager-next {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 16px;
  border-radius: 1000px;
  border: solid 1px #444464;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.075em;
  color: #444464;
  transition: all 0.1s ease-in-out;
}
@media only screen and (max-width: 768px) {
  .pager-prev,
  .pager-next {
    display: none;
  }
}
@media (any-hover: hover) {
  .pager-prev:hover,
  .pager-next:hover {
    color: #2930e3;
    border-color: #2930e3;
  }
}

.pager-list-item:has(.pager-prev) {
  margin-right: 20px;
}

.pager-list-item:has(.pager-next) {
  margin-left: 20px;
}

.pager-list-item-link {
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 1px #444464;
  border-radius: 1000px;
  padding: 2px 0 0 1px;
  width: 32px;
  height: 32px;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.075em;
  color: #444464;
  transition: all 0.1s ease-in-out;
}
@media (any-hover: hover) {
  .pager-list-item-link:hover {
    color: #2930e3;
    border-color: #2930e3;
  }
}
.pager-list-item-link.current {
  background-color: #444464;
  color: #FFF;
  pointer-events: none;
}

.pager-dots {
  width: 12px;
  height: 2px;
  background: center/contain no-repeat url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2213%22%20height%3D%222%22%20viewBox%3D%220%200%2013%202%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.5024%202C11.2263%202%2010.9879%201.90214%2010.7871%201.70642C10.5989%201.5107%2010.5048%201.27217%2010.5048%200.990826C10.5048%200.697248%2010.5989%200.458715%2010.7871%200.275229C10.9879%200.0917426%2011.2263%200%2011.5024%200C11.7785%200%2012.0106%200.0917426%2012.1988%200.275229C12.3996%200.458715%2012.5%200.697248%2012.5%200.990826C12.5%201.27217%2012.3996%201.5107%2012.1988%201.70642C12.0106%201.90214%2011.7785%202%2011.5024%202Z%22%20fill%3D%22%23444464%22%2F%3E%3Cpath%20d%3D%22M6.49998%202C6.22392%202%205.98549%201.90214%205.78472%201.70642C5.59649%201.5107%205.50238%201.27217%205.50238%200.990826C5.50238%200.697248%205.59649%200.458715%205.78472%200.275229C5.98549%200.0917426%206.22392%200%206.49998%200C6.77605%200%207.00819%200.0917426%207.19642%200.275229C7.39719%200.458715%207.49758%200.697248%207.49758%200.990826C7.49758%201.27217%207.39719%201.5107%207.19642%201.70642C7.00819%201.90214%206.77605%202%206.49998%202Z%22%20fill%3D%22%23444464%22%2F%3E%3Cpath%20d%3D%22M1.4976%202C1.22153%202%200.983114%201.90214%200.782339%201.70642C0.594113%201.5107%200.5%201.27217%200.5%200.990826C0.5%200.697248%200.594113%200.458715%200.782339%200.275229C0.983114%200.0917426%201.22153%200%201.4976%200C1.77366%200%202.00581%200.0917426%202.19404%200.275229C2.39481%200.458715%202.4952%200.697248%202.4952%200.990826C2.4952%201.27217%202.39481%201.5107%202.19404%201.70642C2.00581%201.90214%201.77366%202%201.4976%202Z%22%20fill%3D%22%23444464%22%2F%3E%3C%2Fsvg%3E");
}

.pager li span {
  border-color: #d94235;
  background-color: #d94235;
  color: #FFF;
}

.pager li.step_btn a {
  width: 105px;
  border-radius: 21.5px;
  background-color: #0000FF;
  color: var(--sub-font-color);
}

.pager li.step_btn a:hover {
  color: #0000FF;
  background: var(--sub-font-color);
}

.pager li.dotted {
  font-family: var(--en-font-family);
  font-size: 2.4rem;
  display: flex;
  align-items: center;
}

.pager li.pager-arrow a {
  border: 0;
  background: url(../images/common/pager-arrow.svg) no-repeat center/24px;
}

.pager li.next-arrow a {
  transform: scale(-1, 1);
}

/* ==================================
== .c-modal（モーダル）
================================== */
.c-modal {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99999999;
}

.c-modal_bg {
  background: rgba(0, 0, 0, 0.8);
  height: 100vh;
  width: 100%;
}

.c-modal_content {
  max-width: 700px;
  width: 90%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  background: rgb(255, 255, 255);
}

.modal-item-photo {
  width: 200px;
  margin-right: 20px;
}

.modal-item-content {
  width: calc(100% - 220px);
}

.modal-item-name {
  font-size: 2rem;
  margin-bottom: 0;
}

.modal-item-position {
  font-size: 1.5rem;
  margin-bottom: 15px;
}

.modal-item-text {
  padding-top: 15px;
  border-top: 2px solid #F6E705;
  line-height: 1.6;
  margin-bottom: 0;
}

.c-modal_content_inner {
  max-height: 70vh;
  width: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
}

.c-modal_close {
  position: absolute;
  top: -5px;
  right: -5px;
  font-size: 4rem;
}

.crossーclose {
  width: 30px;
  height: 30px;
  top: -40px;
  right: 0;
  position: absolute;
  cursor: pointer;
  z-index: 9;
}

.crossーclose::before,
.crossーclose::after {
  content: "";
  width: 30px;
  height: 2px;
  top: 50%;
  background-color: #FFF;
  position: absolute;
  z-index: 2;
}

.crossーclose::before {
  transform: translate(0, -50%) rotate(45deg);
  right: 0;
}

.crossーclose::after {
  transform: translate(0, -50%) rotate(-45deg);
  left: auto;
}

@media screen and (max-width: 768px) {
  .c-modal_content_inner > .d-flex {
    flex-direction: column;
  }
}
@media screen and (min-width: 769px) {
  .c-modal_content_inner {
    max-height: 95vh;
  }
  .crossーclose {
    top: 0;
    right: -40px;
  }
}
/* ==================================
== slide-list
================================== */
.slick-slider:not(.news-list) .slick-track {
  display: flex;
}

.slick-slider:not(.news-list) .slick-slide {
  height: auto !important;
}

.slide-list article.slide-list-item .thumbnail {
  width: 100%;
  aspect-ratio: 1.5;
  position: relative;
}

.slide-list article.slide-list-item .thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.slide-list article.slide-list-item .slide-list-item-inner {
  margin: 0 20px;
  color: var(--base-font-color);
  background: var(--base-background-color);
  height: 100%;
  position: relative;
}

.slide-list article.slide-list-item .slide-list-item-text {
  padding: 25px 20px 110px;
}

.slide-list article.slide-list-item h3 {
  font-size: 1.6rem;
  margin-bottom: 10px;
}

.slide-list article.slide-list-item .category {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 15px;
}

.slide-list article.slide-list-item .category span {
  height: 22px;
  width: -moz-max-content;
  width: max-content;
  font-size: 1rem;
  color: #FFF;
  background-color: #000;
  padding: 0 15px;
  border-radius: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.slide-list article.slide-list-item .excerpt {
  font-size: 1.2rem;
  font-weight: 500;
}

.slide-list article.slide-list-item .btn {
  bottom: 25px;
  left: 50%;
  transform: translate(-50%, 0);
  position: absolute;
}

.slide-arrow {
  width: 15px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  cursor: pointer;
  transition: var(--transition);
}

.slide-arrow:hover {
  opacity: var(--hover-opacity);
}

.prev-arrow {
  left: -15px;
}

.next-arrow {
  transform: translate(0, -50%) scale(-1, 1);
  right: -15px;
}

.slide-list + .to-archive-btn a {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .slick-dots li button:before {
    font-size: 1.4rem;
    opacity: 1;
    color: #aaaaaa;
  }
  .slick-dots {
    bottom: -50px;
  }
}
@media screen and (min-width: 769px) {
  .slide-list article.slide-list-item h3 {
    font-size: 2.1rem;
  }
  .slide-list article.slide-list-item .category span {
    font-size: 1.2rem;
  }
  .slide-list article.slide-list-item .excerpt {
    font-size: 1.6rem;
  }
  .slide-arrow {
    width: 45px;
  }
  .prev-arrow {
    left: -50px;
  }
  .next-arrow {
    right: -50px;
  }
  .slide-list + .to-archive-btn a {
    margin-top: 80px;
  }
}
/* ==================================
== .banner-list
================================== */
.banner-list .banner-list-item {
  width: calc(100vw - 40px - 28px);
  margin: 0 7px;
  position: relative;
}

.banner-list-item-image {
  aspect-ratio: 1;
  position: relative;
}

.banner-list-item-image::after {
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
}

.banner-list-item-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.banner-list .banner-list-item .banner-list-item-inner {
  color: var(--sub-font-color);
  width: 80%;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}

.banner-list .banner-list-item .banner-list-item-inner .title {
  font-size: 1.7rem;
  letter-spacing: 0.075em;
  margin-bottom: 15px;
}

.banner-list .banner-list-item .banner-list-item-inner .excerpt {
  font-size: 1.4rem;
}

.banner-list .banner-list-item .banner-list-item-inner .category {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-bottom: 15px;
}

.banner-list .banner-list-item .banner-list-item-inner .category span {
  font-size: 1.1rem;
  letter-spacing: 0.025em;
  padding: 3px 15px 5px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 13px;
  color: var(--base-font-color);
  display: inline-block;
}

.banner-list .banner-list-item .banner-list-item-inner .btn a {
  background: rgba(66, 66, 101, 0.5);
  border-color: rgba(66, 66, 101, 0.5);
  margin: 15px auto 0;
}

.banner-list .banner-list-item .banner-list-item-inner .btn a:hover {
  background: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.5);
  color: #424265;
}

@media screen and (max-width: 768px) {
  #banner-content.section-wrapper {
    padding-top: 60px;
  }
}
@media screen and (min-width: 769px) {
  .banner-list .banner-list-item {
    width: calc(100vw - 40px);
    max-width: var(--page-width);
    margin: 0 25px;
  }
  .banner-list .banner-list-item a {
    transition: var(--transition);
  }
  .banner-list .banner-list-item a:hover {
    opacity: var(--hover-opacity);
  }
  .banner-list-item-image {
    aspect-ratio: 2.6;
  }
  .banner-list .banner-list-item .banner-list-item-inner .excerpt {
    font-size: 1.6rem;
  }
  .banner-list .banner-list-item .banner-list-item-inner .category span {
    font-size: 1.2rem;
  }
}
/* ==================================
== kv
================================== */
.page-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}

* + .page-title {
  margin-top: 60px;
}

.page-title-sub {
  font-size: 14px;
  font-family: "Montserrat";
  font-weight: 400;
  color: #000;
}

.page-title-main {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #444464;
}

.page-description {
  margin: 30px auto 0;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.05em;
  text-align: center;
  color: #000;
}

@media screen and (max-width: 768px) {
  .page-title {
    align-items: flex-start;
    gap: 0;
  }
  .page-title-sub {
    font-size: 10px;
  }
  .page-title-main {
    font-size: 20px;
  }
  .page-description {
    text-align: left;
    font-size: 14px;
    line-height: 2;
  }
}
/* ==================================
== btn-play__dl / btn-play__btn
================================== */
.btn p,
.btn a,
.btn input[type=submit] {
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
  line-height: 1.6;
  color: var(--sub-font-color);
  width: 165px;
  height: 40px;
  border-radius: 20px;
  border: 1px solid #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition);
  cursor: pointer;
}

.btn p:hover,
.btn a:hover,
.btn input[type=submit]:hover {
  background-color: #FFF;
  color: #000;
}

.btn.btn-blue p,
.btn.btn-blue a,
.btn.btn-blue input[type=submit] {
  background-color: #0000ff;
  color: #FFF;
  border: 1px solid #0000ff;
}

.btn.btn-blue p:hover,
.btn.btn-blue a:hover,
.btn.btn-blue input[type=submit]:hover {
  background-color: #FFF;
  color: #0000ff;
}

.btn.btn-blue.btn-arrow p,
.btn.btn-blue.btn-arrow a {
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 8px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOS4zNzYiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAxOS4zNzYgMzMiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6IG5vbmU7CiAgICAgICAgc3Ryb2tlOiAjZmZmOwogICAgICAgIHN0cm9rZS1saW5lY2FwOiByb3VuZDsKICAgICAgICBzdHJva2UtbGluZWpvaW46IHJvdW5kOwogICAgICAgIHN0cm9rZS13aWR0aDogM3B4OwogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggaWQ9ImZlYXR1cmUtYnRuLWFycm93LnN2ZyIgY2xhc3M9ImNscy0xIiBkPSJNNTE2LjgwOCwyMDgyLjAzbDE2LjM5MywxNC45OC0xNi4zOTMsMTQuOTgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01MTUuMzEyIC0yMDgwLjUpIi8+Cjwvc3ZnPgo=");
}

.btn.btn-blue.btn-arrow p:hover,
.btn.btn-blue.btn-arrow a:hover {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjUuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTkuNCAzMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTkuNCAzMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMwMDAwRkY7c3Ryb2tlLXdpZHRoOjM7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO30KPC9zdHlsZT4KPHBhdGggaWQ9ImJ0bi1hcnJvdy5zdmciIGNsYXNzPSJzdDAiIGQ9Ik0xLjUsMS41bDE2LjQsMTVsLTE2LjQsMTUiLz4KPC9zdmc+Cg==");
}

.btn.btn-blue.btn-outerlink a::after {
  content: "";
  width: 13px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 13px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0ib3V0ZXItbGluay5zdmciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI1IiBoZWlnaHQ9IjE5IiB2aWV3Qm94PSIwIDAgMjUgMTkiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6IG5vbmU7CiAgICAgICAgc3Ryb2tlOiAjZmZmOwogICAgICAgIHN0cm9rZS13aWR0aDogMnB4OwogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggaWQ9IumVt+aWueW9ol81MjIiIGRhdGEtbmFtZT0i6ZW35pa55b2iIDUyMiIgY2xhc3M9ImNscy0xIiBkPSJNOTUwLDE0NzMwaDEyYTIsMiwwLDAsMSwyLDJ2NmEyLDIsMCwwLDEtMiwySDk1MGEyLDIsMCwwLDEtMi0ydi02QTIsMiwwLDAsMSw5NTAsMTQ3MzBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTQ3IC0xNDcyMikiLz4KICA8cGF0aCBpZD0i6ZW35pa55b2iXzUyMl/jga7jgrPjg5Tjg7wiIGRhdGEtbmFtZT0i6ZW35pa55b2iIDUyMiDjga7jgrPjg5Tjg7wiIGNsYXNzPSJjbHMtMSIgZD0iTTk1NSwxNDcyN3YtMmEyLDIsMCwwLDEsMi0yaDEyYTIsMiwwLDAsMSwyLDJ2NmEyLDIsMCwwLDEtMiwyaC0yLjAxOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk0NyAtMTQ3MjIpIi8+Cjwvc3ZnPgo=");
  margin-left: 10px;
  display: inline-block;
  transition: var(--transition);
}

.btn.btn-blue.btn-outerlink a:hover::after {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjUuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Im91dGVyLWxpbmsuc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjUgMTkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI1IDE5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6IzAwMDBGRjtzdHJva2Utd2lkdGg6Mjt9Cjwvc3R5bGU+CjxwYXRoIGlkPSLplbfmlrnlvaJfNTIyIiBjbGFzcz0ic3QwIiBkPSJNMyw4aDEyYzEuMSwwLDIsMC45LDIsMnY2YzAsMS4xLTAuOSwyLTIsMkgzYy0xLjEsMC0yLTAuOS0yLTJ2LTZDMSw4LjksMS45LDgsMyw4eiIvPgo8cGF0aCBpZD0i6ZW35pa55b2iXzUyMl/jga7jgrPjg5Tjg7wiIGNsYXNzPSJzdDAiIGQ9Ik04LDVWM2MwLTEuMSwwLjktMiwyLTJoMTJjMS4xLDAsMiwwLjksMiwydjZjMCwxLjEtMC45LDItMiwyaC0yIi8+Cjwvc3ZnPgo=");
}

.btn.btn-orange p,
.btn.btn-orange a,
.btn.btn-orange input[type=submit] {
  background-color: #F67C4D;
  color: #FFF;
  border: 1px solid #F67C4D;
}

.btn.btn-orange p:hover,
.btn.btn-orange a:hover,
.btn.btn-orange input[type=submit]:hover {
  background-color: #FFF;
  color: #F67C4D;
}

.btn-play__btn a.stop,
.btn-play__dl a.stop {
  color: #0000ff;
  background-color: #FFF;
}

.btn-play__btn a::before {
  content: "";
  width: 10px;
  height: 30px;
  background: no-repeat center/contain;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC40MSIgaGVpZ2h0PSIyOS44NSIgdmlld0JveD0iMCAwIDIwLjQxIDI5Ljg1Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjZmZmOwogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggaWQ9InNhbXBsZS1pY29uLnN2ZyIgY2xhc3M9ImNscy0xIiBkPSJNMTkyNi40MSw0MzIwLjAxbC0yMC40LDE0Ljkydi0yOS44NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOTA2IC00MzA1LjA5KSIvPgo8L3N2Zz4K");
  margin-right: 6px;
  display: inline-block;
  transition: var(--transition);
}

.btn-play__btn a.stop::before,
.btn-play__btn a:hover::before {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjUuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAuNCAyOS45IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMC40IDI5Ljk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojMDAwMEZGO30KPC9zdHlsZT4KPHBhdGggaWQ9InNhbXBsZS1pY29uLnN2ZyIgY2xhc3M9InN0MCIgZD0iTTIwLjQsMTQuOUwwLDI5LjhWMEwyMC40LDE0Ljl6Ii8+Cjwvc3ZnPgo=");
}

.btn-play__dl a::before {
  content: "";
  width: 15.5px;
  height: 15px;
  background: no-repeat center/contain;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMS43NiIgaGVpZ2h0PSIyOS45MSIgdmlld0JveD0iMCAwIDMxLjc2IDI5LjkxIj4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjZmZmOwogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggaWQ9ImRvd25sb2FkLWljb24uc3ZnIiBjbGFzcz0iY2xzLTEiIGQ9Ik0yMjIwLjE4LDQzMjcuNDN2My45MmgtMjQuMzV2LTMuOTJoLTMuNzFWNDMzNWgzMS43N3YtNy41N2gtMy43MVptLTIuMDctNy4zNC0yLjYyLTIuNTctNS42Myw1LjUydi0xNy45NWgtMy43MXYxNy45NWwtNS42My01LjUyLTIuNjIsMi41NywxMC4xLDkuOTJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjE5Mi4xMiAtNDMwNS4wOSkiLz4KPC9zdmc+Cg==");
  margin-right: 6px;
  display: inline-block;
  transition: var(--transition);
}

.btn-play__dl a.stop::before,
.btn-play__dl a:hover::before {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjUuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzEuOCAyOS45IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMS44IDI5Ljk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojMDAwMEZGO30KPC9zdHlsZT4KPHBhdGggaWQ9ImRvd25sb2FkLWljb24uc3ZnIiBjbGFzcz0ic3QwIiBkPSJNMjguMSwyMi4zdjMuOUgzLjd2LTMuOUgwdjcuNmgzMS44di03LjZIMjguMXogTTI2LDE1bC0yLjYtMi42TDE3LjcsMThWMEgxNHYxOAoJbC01LjYtNS41TDUuOCwxNWwxMC4xLDkuOUwyNiwxNXoiLz4KPC9zdmc+Cg==");
}

.to-archive-btn a {
  margin: 50px auto 0;
  color: #0000ff;
  background-color: #FFF;
  transition: var(--transition);
  border: 0;
}

.to-archive-btn a:hover {
  background-color: #0000ff;
  color: #FFF;
}

@media screen and (min-width: 769px) {
  .btn p,
  .btn a {
    height: 44px;
    border-radius: 22px;
  }
}
/* ==================================
== samplevoice-item-speaker-country
================================== */
.samplevoice-item-speaker-country {
  height: 25px;
}

.samplevoice-item-speaker-country img {
  height: 100%;
  width: auto;
}

/* ==================================
== notfound
================================== */
#notfound input {
  border: 1px solid #000;
}/*# sourceMappingURL=main.css.map */