@charset "UTF-8";
/* CSS Document */
/* for PC
====================================================== */
@media (min-width: 641px) {
  .sec-sound-lib {
    padding-top: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 3rem;
    background-color: #c9e2f5;
    margin-bottom: 6rem;
  }
  .h201 {
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  .h201 h2 {
    font-size: 2.2rem;
    font-weight: 900;
    color: #064ea1;
    line-height: 1.4;
  }
  .lead {
    margin-bottom: 2rem;
    display: flex;
    justify-content: space-between;
  }
  .lead-4d {
    width: 24%;
  }
  .lead p {
    font-size: 1rem;
    line-height: 2;
  }
  .h202 h2 {
    font-size: 1.6rem;
    font-weight: 900;
    line-height: 1.4;
    margin-bottom: 1rem;
  }
  .sec-in {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .sec-in p {
    font-size: 16px !important;
    line-height: 2 !important;
  }
  .sec2d {
    width: 48%
  }
  .product-name {
    background-color: #0090ff;
    padding-top: 0.7rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 0 !important;
  }
  .product-name h2 {
    font-size: 40px !important;
    color: #ffffff;
    font-weight: 900;
    line-height: 0;
    ont-family: "Google Sans Flex", sans-serif !important;
  }
  .product-name h2 b {
    font-weight: 400 !important;
    font-size: 28px
  }
  .product-name-cz {
    background-color: #0090ff;
    padding-top: 0.7rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 0 !important;
  }
  .product-name-cz h2 {
    font-size: 40px !important;
    color: #ffffff;
    font-weight: 900;
    line-height: 0;
    ont-family: "Google Sans Flex", sans-serif !important;
  }
  .product-name-cz h2 b {
    font-weight: 400 !important;
    font-size: 28px
  }
  .product-ph {
    margin: 3px;
  }
  .catch-copy h2 {
    font-size: 2rem;
    color: #064ea1;
    font-weight: 900;
    line-height: 1.4;
    margin-bottom: 2rem;
  }
  .catch-copy-ai h3 {
    font-size: 2rem;
    color: #2C1588;
    font-weight: 900;
    line-height: 1.4;
    margin-bottom: 2rem;
  }
  .product-photo {
    width: 58%;
    margin-bottom: 3rem;
  }
  .sample-sound {
    width: 90%;
    margin-right: 10%;
  }
  .sec-price p {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5;
  }
  .sec-price p u {
    text-decoration: line-through;
    text-decoration-thickness: 2px !important;
    text-decoration-color: red;
    font-style: normal;
  }
  .sec-price p b {
    font-size: 2.5rem;
    font-weight: 900;
    color: #0090FF;
  }
  /* -- VL-1 --*/
  .history-text-vl1 {
    width: 29% !important;
    margin-right: 2%;
  }
  .catalog-img-vl1 {
    width: 30% !important;
    margin-right: 4%;
  }
  .about-vl1 {
    width: 35%;
  }
  .sec-in h3 {
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    margin-bottom: 1rem !important;
  }
  /* -- SK-1 --*/
  .history-text-sk1 {
    width: 29% !important;
    margin-right: 2%;
  }
  .catalog-img-sk1 {
    width: 30% !important;
    margin-right: 4%;
  }
  .about-sk1 {
    width: 35%;
  }
  .history-text-sk1 h3, .about-sk1 h3 {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 1rem;
  }
  /* -- MT-40 --*/
  .history-text-mt40 {
    width: 48% !important;
  }
  .catalog-img-mt40 {
    width: 48% !important;
  }
  .about-mt40 {
    width: 35%;
  }
  .history-text-mt40 h3, .about-mt40 h3 {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 1rem;
  }
  /* -- CZ --*/
  .history-text-cz {
    width: 48% !important;
  }
  .catalog-img-cz {
    width: 48% !important;
  }
  .about-cz {
    width: 100%;
    margin-top: 2rem;
  }
  .history-text-cz h3, .about-cz h3 {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 1rem;
  }
  .note-txt p {
    font-size: 0.8rem !important;
    line-height: 1.5 !important;
  }
  #accordion2 {
    margin-top: 6rem;
  }
  /* -- soundkit --*/
  .sec-in-soundkit {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  #sound-kit {
    margin-top: 6rem !important;
  }
  .sec-soundkit-4d {
    width: 22%;
  }
  .ph-soundkit {
    margin-top: 3rem;
    margin-bottom: 1rem;
  }
  .text-soundkit h3 {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 1rem;
  }
  #sec-rythum-article, #sec-rythum-4d {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 3rem;
  }
}
/* for SP
====================================================== */
@media (max-width: 640px) {
  .sec-sound-lib {
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 2rem;
    background-color: #c9e2f5;
    margin-bottom: 3rem;
  }
  .h201 {
    width: 100%;
    margin-top: 1rem;
  }
  .h201 h2 {
    font-size: 1.6rem;
    font-weight: 900;
    color: #064ea1;
    line-height: 1.4;
    margin-bottom: 1rem;
  }
  .lead {
    margin-bottom: 3rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #2E8ED8;
  }
  .lead-4d {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.5rem;
  }
  .lead p {
    font-size: 1rem;
    line-height: 2;
  }
  .h202 {
    width: 100%;
  }
  .h202 h2 {
    font-size: 1.6rem;
    font-weight: 900;
    line-height: 1.4;
    margin-bottom: 1rem;
  }
  .introduction-photo {
    margin-top: 2rem;
  }
  .sec-in {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .sec-in p {
    font-size: 1rem;
    line-height: 2 !important;
  }
  .sec2d {
    width: 100%
  }
  .product-name {
    width: 100%;
    background-color: #0090ff;
    margin-bottom: 0 !important;
    padding-bottom: 1rem !important;
    align-items: center;
  }
  .product-name h2 {
    font-size: 2rem;
    line-height: 0 !important;
    color: #ffffff;
    font-weight: 900;
    margin-left: 1rem;
    ont-family: "Google Sans Flex", sans-serif;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  .product-name h2 b {
    font-weight: 400 !important;
    font-size: 1.25rem
  }
  .product-name-cz {
    width: 100%;
    background-color: #0090ff;
    margin-bottom: 0 !important;
    padding-bottom: 1rem !important;
    align-items: center;
  }
  .product-name-cz h2 {
    font-size: 2rem;
    line-height: 1.2 !important;
    color: #ffffff;
    font-weight: 900;
    margin-left: 1rem;
    ont-family: "Google Sans Flex", sans-serif;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  .product-name-cz h2 b {
    font-weight: 400 !important;
    font-size: 1.25rem
  }
  .product-ph {
    margin: 3px;
  }
  .catch-copy h2 {
    font-size: 1.5rem;
    color: #064ea1;
    font-weight: 900;
    line-height: 1.4;
    margin-bottom: 2rem;
  }
  .catch-copy-ai h2 {
    font-size: 1.5rem;
    color: #2C1588;
    font-weight: 900;
    line-height: 1.4;
    margin-bottom: 2rem;
  }
  .product-photo {
    width: 100%;
    margin-bottom: 2rem;
  }
  .sample-sound {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 2rem;
  }
  .sec-price p {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5;
  }
  .sec-price p u {
    text-decoration: line-through;
    text-decoration-thickness: 2px !important;
    text-decoration-color: red;
    font-style: normal;
  }
  .sec-price p b {
    font-size: 1.6rem;
    font-weight: 900;
    color: #0090FF;
  }
  /* -- VL-1 --*/
  .history-text-vl1 {
    width: 100% !important;
  }
  .catalog-img-vl1 {
    width: 90% !important;
    margin-right: auto;
    margin-left: auto;
    margin-top: 2rem;
    margin-bottom: 3rem;
  }
  .about-vl1 {
    width: 100%;
  }
  .sec-in h3 {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 1rem;
  }
  /* -- SK-1 --*/
  .history-text-sk1 {
    width: 100% !important;
  }
  .catalog-img-sk1 {
    width: 90% !important;
    margin-right: auto;
    margin-left: auto;
    margin-top: 2rem;
    margin-bottom: 3rem;
  }
  .about-sk1 {
    width: 100%;
  }
  .history-text-sk1 h3, .about-sk1 h3 {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 1rem;
  }
  /* -- MT-40 --*/
  .history-text-mt40 {
    width: 100% !important;
  }
  .catalog-img-mt40 {
    width: 100% !important;
    margin-top: 2rem;
  }
  .about-mt40 {
    width: 35%;
  }
  .history-text-mt40 h3, .about-mt40 h3 {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 1rem;
  }
  /* -- CZ --*/
  .history-text-cz {
    width: 100% !important;
  }
  .catalog-img-cz {
    width: 100% !important;
    margin-top: 2rem;
  }
  .about-cz {
    width: 100%;
    margin-top: 2rem;
  }
  .history-text-cz h3, .about-cz h3 {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 1rem;
  }
  .note-txt p {
    font-size: 0.8rem !important;
    line-height: 1.5 !important;
  }
  /* -- soundkit --*/
  .sec-in-soundkit {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  #sound-kit {
    margin-top: 3rem;
  }
  .sec-soundkit-4d {
    width: 100%;
    margin-bottom: 3rem;
  }
  .ph-soundkit {
    margin-top: 2rem;
    margin-bottom: 1rem;
  }
  .text-soundkit h3 {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 1rem;
  }
  #sec-rythum-article, #sec-rythum-4d {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 2rem;
  }
  #sound-source-title h2 {
    line-height: 1 !important;
    padding-bottom: 0 !important;
    margin-left: 1rem;
  }
}
/* --------------------------------------------
	CSS Reset
-------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote {
  margin: 0;
  padding: 0;
}
* {
  word-wrap: break-word;
}
input, textarea {
  margin: 0; /* natural padding */
}
fieldset, img {
  border: 0;
}
address, caption, cite, code, dfn, em, th, var {
  font-style: normal;
  font-weight: normal;
}
ol, ul {
  list-style: none;
}
caption, th {
  text-align: left;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before, q:after {
  content: '';
}
abbr, acronym {
  border: 0;
}
hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
/*     img responsive
-------------------------------------------------------------*/
img {
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  left: auto;
}
/*     switcher
-------------------------------------------------------------*/
/* for PC
================================== */
@media (min-width: 641px) {
  .pc {
    display: block;
  }
  .tbpc {
    display: block;
  }
  .tb {
    display: none;
  }
  .sp {
    display: none;
  }
}
/* for SP
================================== */
@media (max-width: 640px) {
  .pc {
    display: none;
  }
  .tbpc {
    display: none;
  }
  .tb {
    display: none;
  }
  .sp {
    display: block;
  }
}
/* common
================================== */
.fa-angle-down, .fa-xmark {
  color: #ffffff !important;
}