@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Infant:wght@500;600&family=Noto+Sans+JP:wght@400;500;600&display=swap");
html {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
}

figure {
  margin: 0;
}

article,
aside,
footer,
header,
main,
nav,
section {
  display: block;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: normal;
}

ul, ol {
  margin: 0;
  padding-left: 0;
}
ul li, ol li {
  margin-left: 0;
  list-style-type: none;
}

dl, dt, dd {
  margin: 0;
  padding: 0;
}

a img {
  border: none;
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
}

img {
  line-height: 1;
}

hr {
  border: none;
  margin: 0;
  padding: 0;
}

button {
  line-height: inherit;
  margin: 0px;
  padding: 0px;
  border: 0px;
}

textarea, fieldset {
  border: none;
  border-image: none;
  resize: none;
}

fieldset {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border: 0px;
}

@keyframes icon-arrow {
  100% {
    background-position: 0 -288px;
  }
}
@keyframes icon-arrow-short {
  100% {
    background-position: 0 -180px;
  }
}
@keyframes icon-blank {
  100% {
    background-position: 0 -480px;
  }
}
@keyframes icon-blank-short {
  100% {
    background-position: 0 -450px;
  }
}
@keyframes icon-back {
  100% {
    background-position: 0 -288px;
  }
}
@keyframes icon-anchorlink {
  100% {
    background-position: 0 -288px;
  }
}
@keyframes icon-zoom {
  100% {
    background-position: 0 -352px;
  }
}
@keyframes icon-download {
  100% {
    background-position: 0 -448px;
  }
}
@keyframes icon-menu-list {
  100% {
    background-position: 0 -320px;
  }
}
@keyframes icon-hamburger {
  100% {
    background-position: 0 -480px;
  }
}
@media print {
  header,
  footer,
  .follow-bar--wrap {
    display: none !important;
  }
  main {
    min-width: 1050px !important;
    padding-top: 0 !important;
  }
  .page-contents-menu {
    position: static !important;
  }
  .page-news-multi-accordion-box:not(.is-open),
  .page-news-single-accordion-box:not(.is-open),
  .page-accordion-menu-box:not(.is-open) {
    height: auto !important;
    overflow: visible !important;
    pointer-events: auto !important;
  }
}
@page {
  size: A4;
  margin: 12.7mm 9.7mm;
}
.is-internal-link {
  position: relative;
  z-index: 0;
  font-weight: 400;
  line-height: 2.4;
  vertical-align: top;
  color: #5C7364;
  display: inline-block;
  transition: color 0.3s ease-in-out;
  font-size: 10px;
  padding: 0 0 0 14px;
  margin-left: 12px;
  height: 24px;
}
@media screen and (max-width: 767px) {
  .is-internal-link {
    font-size: 2.6666666667vw;
    padding: 0 0 0 3.7333333333vw;
    margin-left: 3.2vw;
    height: 6.4vw;
  }
}
.is-internal-link::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  z-index: 1;
  background-image: url(/assets/img/common/icon-arrow.svg);
  background-repeat: no-repeat;
  width: 14px;
  height: 4px;
  background-size: 14px 4px;
}
@media screen and (max-width: 767px) {
  .is-internal-link::before {
    width: 3.7333333333vw;
    height: 1.0666666667vw;
    background-size: 3.7333333333vw 1.0666666667vw;
  }
}

.is-external-link {
  position: relative;
  z-index: 0;
  font-weight: 400;
  line-height: 2.4;
  vertical-align: top;
  color: #5C7364;
  display: inline-block;
  transition: color 0.3s ease-in-out;
  font-size: 10px;
  padding: 0 0 0 14px;
  margin-left: 12px;
  height: 24px;
}
@media screen and (max-width: 767px) {
  .is-external-link {
    font-size: 2.6666666667vw;
    padding: 0 0 0 3.7333333333vw;
    margin-left: 3.2vw;
    height: 6.4vw;
  }
}
.is-external-link::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  z-index: 1;
  background-image: url(/assets/img/common/icon-external.svg);
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  background-size: 14px 14px;
}
@media screen and (max-width: 767px) {
  .is-external-link::before {
    width: 3.7333333333vw;
    height: 3.7333333333vw;
    background-size: 3.7333333333vw 3.7333333333vw;
  }
}

.is-pdf-link {
  position: relative;
  z-index: 0;
  top: 2px;
  font-weight: 400;
  line-height: 2.4;
  vertical-align: top;
  color: #5C7364;
  display: inline-block;
  transition: color 0.3s ease-in-out;
  font-size: 10px;
  padding: 0 0 0 15px;
  margin-left: 12px;
  height: 24px;
}
@media screen and (max-width: 767px) {
  .is-pdf-link {
    top: 0.5333333333vw;
    font-size: 2.6666666667vw;
    padding: 0 0 0 4vw;
    margin-left: 3.2vw;
    height: 6.4vw;
  }
}
.is-pdf-link::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  z-index: 1;
  background-image: url(/assets/img/common/icon-pdf.svg);
  background-repeat: no-repeat;
  width: 15px;
  height: 18px;
  background-size: 15px 18px;
}
@media screen and (max-width: 767px) {
  .is-pdf-link::before {
    width: 4vw;
    height: 4.8vw;
    background-size: 4vw 4.8vw;
  }
}

/*
Component Base Style
*/
/*
========================================================
- ICON
========================================================
*/
.new-responsive-template .jtweb-elem-icon .icon {
  display: inline-block;
  background: no-repeat center center/contain;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-icon .icon {
    width: 14px;
    height: 14px;
    margin: 0 5px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-icon .icon {
    width: 7px;
    width: 3.7333333333vw;
    height: 7.5px;
    height: 4vw;
    margin: 0px 2.5px;
    margin: 0vw 1.3333333333vw;
  }
}
.new-responsive-template .jtweb-elem-icon .style-blank {
  background-image: url(/assets/img/component/icon_blank.svg);
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-icon .style-blank {
    height: 11px;
  }
}
.new-responsive-template .jtweb-elem-icon .style-pdf {
  background-image: url(/assets/img/component/icon_pdf.svg);
}
.new-responsive-template .jtweb-elem-icon .style-xls {
  background-image: url(/assets/img/component/icon_xls.svg);
}
.new-responsive-template .jtweb-elem-icon .style-doc {
  background-image: url(/assets/img/component/icon_doc.svg);
}
.new-responsive-template .jtweb-elem-icon .style-ppt {
  background-image: url(/assets/img/component/icon_ppt.svg);
}
.new-responsive-template .jtweb-elem-icon .txt {
  display: inline-block;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-icon .txt {
    font-size: 12px;
    margin-right: 5px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-icon .txt {
    font-size: 12px;
    font-size: 3.2vw;
    margin-right: 2.5px;
    margin-right: 1.3333333333vw;
  }
}

/*
========================================================
- ICON
========================================================
*/
.new-responsive-template .jtweb-elem-badge ul {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-badge ul {
    column-gap: 32px;
    row-gap: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-badge ul {
    column-gap: 8.5333333333vw;
    row-gap: 4.2666666667vw;
  }
}
.new-responsive-template .jtweb-elem-badge ul > .badge-item {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  text-align: center;
  line-height: inherit;
  box-sizing: border-box;
}
.new-responsive-template .jtweb-elem-badge ul > .badge-item span {
  line-height: 1;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-badge ul > .badge-item span {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-badge ul > .badge-item span {
    font-size: 6px;
    font-size: 3.2vw;
  }
}
.new-responsive-template .jtweb-elem-badge .style-small ul > .badge-item span {
  position: relative;
  z-index: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-badge .style-small ul > .badge-item span {
    padding-left: 14px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-badge .style-small ul > .badge-item span {
    padding-left: 3.7333333333vw;
  }
}
.new-responsive-template .jtweb-elem-badge .style-small ul > .badge-item span::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #00ae68;
  translate: 0 -50%;
}
.new-responsive-template .jtweb-elem-badge .style-small ul > .badge-item.badge-item-accept {
  background-color: #FFF;
  border: 1px solid #CCD9D4;
}
.new-responsive-template .jtweb-elem-badge .style-small ul > .badge-item.badge-item-accept span {
  color: #033824;
}
.new-responsive-template .jtweb-elem-badge .style-small ul > .badge-item.badge-item-end {
  background-color: #F1F4F3;
}
.new-responsive-template .jtweb-elem-badge .style-small ul > .badge-item.badge-item-end span {
  color: #5C7364;
}
.new-responsive-template .jtweb-elem-badge .style-medium ul > .badge-item {
  border-radius: 12px;
}
.new-responsive-template .jtweb-elem-badge .style-medium ul > .badge-item span {
  line-height: 1;
  color: #FFF;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-badge .style-medium ul > .badge-item {
    flex-basis: 140px;
    min-width: 140px;
    min-height: 24px;
    padding-right: 8px;
    padding-left: 8px;
    border-radius: 12px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-badge .style-medium ul > .badge-item {
    flex-basis: 70px;
    flex-basis: 37.3333333333vw;
    min-height: 12px;
    min-height: 6.4vw;
    padding-right: 4px;
    padding-right: 2.1333333333vw;
    padding-left: 4px;
    padding-left: 2.1333333333vw;
    border-radius: 6px;
    border-radius: 3.2vw;
  }
}
.new-responsive-template .jtweb-elem-badge .style-medium ul > .badge-item.badge-item-jt, .new-responsive-template .jtweb-elem-badge .style-medium ul > .badge-item.badge-item-tobacco, .new-responsive-template .jtweb-elem-badge .style-medium ul > .badge-item.badge-item-pharma, .new-responsive-template .jtweb-elem-badge .style-medium ul > .badge-item.badge-item-food, .new-responsive-template .jtweb-elem-badge .style-medium ul > .badge-item.badge-item-sports, .new-responsive-template .jtweb-elem-badge .style-medium ul > .badge-item.badge-item-culture, .new-responsive-template .jtweb-elem-badge .style-medium ul > .badge-item.badge-item-support, .new-responsive-template .jtweb-elem-badge .style-medium ul > .badge-item.badge-item-sustainability {
  background-color: #00ae68;
}
.new-responsive-template .jtweb-elem-badge .style-medium ul > .badge-item.badge-item-others {
  background-color: #056740;
}
.new-responsive-template .jtweb-elem-badge .style-status-01 ul > .badge-item {
  border-radius: 12px;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-badge .style-status-01 ul > .badge-item {
    flex-basis: 140px;
    min-width: 140px;
    min-height: 24px;
    padding-right: 8px;
    padding-left: 8px;
    border-radius: 12;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-badge .style-status-01 ul > .badge-item {
    flex-basis: 70px;
    flex-basis: 37.3333333333vw;
    min-height: 12px;
    min-height: 6.4vw;
    padding-right: 6px;
    padding-right: 3.2vw;
    padding-left: 6px;
    padding-left: 3.2vw;
    border-radius: 6px;
    border-radius: 3.2vw;
  }
}

/*
========================================================
- Title
========================================================
*/
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-heading-lv1 {
    margin-top: 64px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-heading-lv1 {
    margin-top: 32px;
    margin-top: 17.0666666667vw;
  }
}
.new-responsive-template .jtweb-elem-heading-lv1 .title-holder h1 {
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-heading-lv1 .title-holder h1 {
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-heading-lv1 .title-holder h1 {
    font-size: 24px;
    font-size: 6.4vw;
  }
}
.new-responsive-template .jtweb-elem-heading-lv1 .title-holder img {
  max-width: 100%;
}
.new-responsive-template .jtweb-elem-heading-lv1 > .style-img {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-heading-lv1 > .style-img {
    background-size: cover;
  }
}
.new-responsive-template .jtweb-elem-heading-lv1 > .style-img .heading-box {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-heading-lv1 > .style-img .heading-box {
    position: relative;
  }
  .new-responsive-template .jtweb-elem-heading-lv1 > .style-img .heading-box::after {
    content: "";
    display: block;
    padding-bottom: 80%;
  }
}
.new-responsive-template .jtweb-elem-heading-lv1 > .style-img .title-holder {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-heading-lv1 > .style-img .title-holder {
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
.new-responsive-template .jtweb-elem-heading-lv1 > .style-img .title-holder h1 {
  width: 100%;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-heading-lv1 > .style-img .title-holder h1 {
    padding: 64px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-heading-lv1 > .style-img .title-holder h1 {
    padding: 16px;
    padding: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-heading-lv1 + .jtweb-elem-paragraph {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-heading-lv1 + .jtweb-elem-paragraph {
    margin-top: 16px;
    margin-top: 8.5333333333vw;
  }
}

/*
========================================================
- Heading
========================================================
*/
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-heading-lv2 {
    margin-top: 64px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-heading-lv2 {
    margin-top: 32px;
    margin-top: 17.0666666667vw;
  }
}
.new-responsive-template .jtweb-elem-heading-lv2 .heading-box.style-background .title-holder {
  background-color: #F4F6F8;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-heading-lv2 .heading-box.style-background .title-holder {
    padding: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-heading-lv2 .heading-box.style-background .title-holder {
    padding: 8px;
    padding: 4.2666666667vw;
  }
}
.new-responsive-template .jtweb-elem-heading-lv2 .heading-box.style-background .title-holder::before, .new-responsive-template .jtweb-elem-heading-lv2 .heading-box.style-background .title-holder::after {
  display: none;
}
.new-responsive-template .jtweb-elem-heading-lv2 .title-holder {
  position: relative;
  pointer-events: none;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-heading-lv2 .title-holder {
    padding-bottom: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-heading-lv2 .title-holder {
    padding-bottom: 8px;
    padding-bottom: 4.2666666667vw;
  }
}
.new-responsive-template .jtweb-elem-heading-lv2 .title-holder::before, .new-responsive-template .jtweb-elem-heading-lv2 .title-holder::after {
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.new-responsive-template .jtweb-elem-heading-lv2 .title-holder::before {
  background: #CCD9D4;
  width: 100%;
}
.new-responsive-template .jtweb-elem-heading-lv2 .title-holder::after {
  background: #033824;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-heading-lv2 .title-holder::after {
    width: 120px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-heading-lv2 .title-holder::after {
    width: 34.8%;
  }
}
.new-responsive-template .jtweb-elem-heading-lv2 .title-holder h2 {
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-heading-lv2 .title-holder h2 {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-heading-lv2 .title-holder h2 {
    font-size: 20px;
    font-size: 5.3333333333vw;
  }
}
.new-responsive-template .jtweb-elem-heading-lv2 .title-holder h2 a:not([target=_blank])::after {
  content: "";
  display: inline-block;
  background: url(/assets/img/component/arrow_right.svg) no-repeat right center;
  vertical-align: middle;
  transform: translateY(-50%);
  width: 20px;
  height: 6px;
  margin-left: 5px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-heading-lv2 .title-holder h2 a:not([target=_blank])::after {
    width: 10px;
    width: 5.3333333333vw;
    height: 3px;
    height: 1.6vw;
    margin-left: 2.5px;
    margin-left: 1.3333333333vw;
  }
}
.new-responsive-template .jtweb-elem-heading-lv2 .title-holder h2 .jtweb-elem-icon .icon.style-blank, .new-responsive-template .jtweb-elem-heading-lv2 .title-holder h2 .jtweb-elem-icon .icon.style-pdf, .new-responsive-template .jtweb-elem-heading-lv2 .title-holder h2 .jtweb-elem-icon .icon.style-xls, .new-responsive-template .jtweb-elem-heading-lv2 .title-holder h2 .jtweb-elem-icon .icon.style-ppt, .new-responsive-template .jtweb-elem-heading-lv2 .title-holder h2 .jtweb-elem-icon .icon.style-doc {
  margin: 3px 0 0 0;
}
.new-responsive-template .jtweb-elem-heading-lv2 .title-holder a,
.new-responsive-template .jtweb-elem-heading-lv2 .title-holder button,
.new-responsive-template .jtweb-elem-heading-lv2 .title-holder input {
  pointer-events: auto;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-heading-lv2 + .jtweb-elem-paragraph,
  .new-responsive-template .jtweb-elem-heading-lv2 + .jtweb-elem-catch,
  .new-responsive-template .jtweb-elem-heading-lv2 + .jtweb-elem-caption {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-heading-lv2 + .jtweb-elem-paragraph,
  .new-responsive-template .jtweb-elem-heading-lv2 + .jtweb-elem-catch,
  .new-responsive-template .jtweb-elem-heading-lv2 + .jtweb-elem-caption {
    margin-top: 16px;
    margin-top: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-heading-lv3 {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-heading-lv3 {
    margin-top: 20px;
    margin-top: 10.6666666667vw;
  }
}
.new-responsive-template .jtweb-elem-heading-lv3 .heading-box.style-background .title-holder {
  background-color: #F4F6F8;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-heading-lv3 .heading-box.style-background .title-holder {
    padding: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-heading-lv3 .heading-box.style-background .title-holder {
    padding: 8px;
    padding: 4.2666666667vw;
  }
}
.new-responsive-template .jtweb-elem-heading-lv3 .heading-box.style-background .title-holder::before, .new-responsive-template .jtweb-elem-heading-lv3 .heading-box.style-background .title-holder::after {
  display: none;
}
.new-responsive-template .jtweb-elem-heading-lv3 .title-holder h3 {
  font-weight: bold;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-heading-lv3 .title-holder h3 {
    font-size: 20px;
    line-height: 1.7;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-heading-lv3 .title-holder h3 {
    font-size: 20px;
    font-size: 5.3333333333vw;
    line-height: 1.6;
  }
}
.new-responsive-template .jtweb-elem-heading-lv3 .title-holder h3 a:not([target=_blank])::after {
  content: "";
  display: inline-block;
  background: url(/assets/img/component/arrow_right.svg) no-repeat right center;
  vertical-align: middle;
  transform: translateY(-50%);
  width: 20px;
  height: 6px;
  margin-left: 5px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-heading-lv3 .title-holder h3 a:not([target=_blank])::after {
    width: 10px;
    width: 5.3333333333vw;
    height: 3px;
    height: 1.6vw;
    margin-left: 2.5px;
    margin-left: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-heading-lv3 + .jtweb-elem-paragraph,
  .new-responsive-template .jtweb-elem-heading-lv3 + .jtweb-elem-catch,
  .new-responsive-template .jtweb-elem-heading-lv3 + .jtweb-elem-caption {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-heading-lv3 + .jtweb-elem-paragraph,
  .new-responsive-template .jtweb-elem-heading-lv3 + .jtweb-elem-catch,
  .new-responsive-template .jtweb-elem-heading-lv3 + .jtweb-elem-caption {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-heading-lv4 {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-heading-lv4 {
    margin-top: 16px;
    margin-top: 8.5333333333vw;
  }
}
.new-responsive-template .jtweb-elem-heading-lv4 .heading-box.style-background .title-holder {
  background-color: #F4F6F8;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-heading-lv4 .heading-box.style-background .title-holder {
    padding: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-heading-lv4 .heading-box.style-background .title-holder {
    padding: 8px;
    padding: 4.2666666667vw;
  }
}
.new-responsive-template .jtweb-elem-heading-lv4 .heading-box.style-background .title-holder::before, .new-responsive-template .jtweb-elem-heading-lv4 .heading-box.style-background .title-holder::after {
  display: none;
}
.new-responsive-template .jtweb-elem-heading-lv4 .title-holder h4 {
  font-weight: bold;
  line-height: 1.8;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-heading-lv4 .title-holder h4 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-heading-lv4 .title-holder h4 {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
.new-responsive-template .jtweb-elem-heading-lv4 .title-holder h4 a:not([target=_blank])::after {
  content: "";
  display: inline-block;
  background: url(/assets/img/component/arrow_right.svg) no-repeat right center;
  vertical-align: middle;
  transform: translateY(-50%);
  width: 20px;
  height: 6px;
  margin-left: 5px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-heading-lv4 .title-holder h4 a:not([target=_blank])::after {
    width: 10px;
    width: 5.3333333333vw;
    height: 3px;
    height: 1.6vw;
    margin-left: 2.5px;
    margin-left: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-heading-lv4 + .jtweb-elem-paragraph,
  .new-responsive-template .jtweb-elem-heading-lv4 + .jtweb-elem-catch,
  .new-responsive-template .jtweb-elem-heading-lv4 + .jtweb-elem-caption {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-heading-lv4 + .jtweb-elem-paragraph,
  .new-responsive-template .jtweb-elem-heading-lv4 + .jtweb-elem-catch,
  .new-responsive-template .jtweb-elem-heading-lv4 + .jtweb-elem-caption {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-heading-lv4 + div.jtweb-elem-table {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-heading-lv4 + div.jtweb-elem-table {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-heading-lv5 {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-heading-lv5 {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
.new-responsive-template .jtweb-elem-heading-lv5 .title-holder h5 {
  font-weight: inherit;
  line-height: 1.8;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-heading-lv5 .title-holder h5 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-heading-lv5 .title-holder h5 {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-heading-lv5 + .jtweb-elem-paragraph,
  .new-responsive-template .jtweb-elem-heading-lv5 + .jtweb-elem-catch,
  .new-responsive-template .jtweb-elem-heading-lv5 + .jtweb-elem-caption {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-heading-lv5 + .jtweb-elem-paragraph,
  .new-responsive-template .jtweb-elem-heading-lv5 + .jtweb-elem-catch,
  .new-responsive-template .jtweb-elem-heading-lv5 + .jtweb-elem-caption {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-heading-lv5 + div.jtweb-elem-table {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-heading-lv5 + div.jtweb-elem-table {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
.new-responsive-template .jtweb-elem-heading-accordion .heading-accordion-section .heading-accordion-title {
  position: relative;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-heading-accordion .heading-accordion-section .heading-accordion-title {
    border-bottom: 2px solid #2A2F37;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-heading-accordion .heading-accordion-section .heading-accordion-title::before, .new-responsive-template .jtweb-elem-heading-accordion .heading-accordion-section .heading-accordion-title::after {
    content: "";
    display: inline-block;
    background-color: #033824;
    position: absolute;
    top: calc(50% - 1px);
    transition: 0.2s transform;
    right: 0px;
    right: 0vw;
    width: 7.5px;
    width: 4vw;
    height: 0.5px;
    height: 0.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-heading-accordion .heading-accordion-section .heading-accordion-title .jtweb-elem-heading-lv3 .title-holder h3 {
    font-size: 18px;
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-heading-accordion .heading-accordion-section .heading-accordion-title .jtweb-elem-heading-lv4 .title-holder h4 {
    font-size: 18px;
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-heading-accordion .heading-accordion-section .heading-accordion-title [class^=jtweb-elem-heading] {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-heading-accordion .heading-accordion-section .heading-accordion-title [class^=jtweb-elem-heading] .title-holder::before, .new-responsive-template .jtweb-elem-heading-accordion .heading-accordion-section .heading-accordion-title [class^=jtweb-elem-heading] .title-holder::after {
    content: none;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-heading-accordion .heading-accordion-section .heading-accordion-title [class^=jtweb-elem-heading] {
    padding-right: 10px;
    padding-right: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-heading-accordion .heading-accordion-section .heading-accordion-body {
    padding-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-heading-accordion .heading-accordion-section:not(.open) .heading-accordion-title::after {
    transform: rotate(90deg) scaleY(1);
    transition: transform 0.2s ease-in-out;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-heading-accordion .heading-accordion-section:not(.open) .heading-accordion-body {
    max-height: 0;
    margin: 0;
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-heading-accordion .heading-accordion-section:not(.open) .heading-accordion-body * {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
    visibility: hidden;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-heading-accordion .heading-accordion-section.open .heading-accordion-body * {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.2s ease-in-out;
  }
}

/*
========================================================
- Text
========================================================
*/
.new-responsive-template .jtweb-elem-paragraph {
  line-height: 1.8;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-paragraph {
    font-size: 16px;
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-paragraph {
    font-size: 16px;
    font-size: 4.2666666667vw;
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
.new-responsive-template .jtweb-elem-paragraph > .style-right {
  text-align: right;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-paragraph > .style-right {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-paragraph > .style-right {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-paragraph > .style-small {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-paragraph > .style-small {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
.new-responsive-template .jtweb-elem-paragraph > .style-center {
  text-align: center;
}
.new-responsive-template .jtweb-elem-paragraph strong {
  font-weight: bold;
}
.new-responsive-template .jtweb-elem-paragraph em {
  color: #F56153;
  font-style: normal;
}
.new-responsive-template .jtweb-elem-catch {
  line-height: 1.8;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-catch {
    font-size: 16px;
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-catch {
    font-size: 16px;
    font-size: 4.2666666667vw;
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
.new-responsive-template .jtweb-elem-catch > .style-alert {
  color: #F56153;
}
.new-responsive-template .jtweb-elem-catch > .style-alert-bg > div > div > div {
  color: #F56153;
  background-color: #FFECEB;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-catch > .style-alert-bg > div > div > div {
    padding: 30px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-catch > .style-alert-bg > div > div > div {
    padding: 15px 7.5px;
    padding: 8vw 4vw;
  }
}
.new-responsive-template .jtweb-elem-catch > .style-caption {
  color: #5C7364;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-catch > .style-caption {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-catch > .style-caption {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
.new-responsive-template .jtweb-elem-catch p strong {
  color: #5C7364;
  font-weight: normal;
}
.new-responsive-template .jtweb-elem-caption {
  color: #5C7364;
  line-height: 1.8;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-caption {
    font-size: 14px;
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-caption {
    font-size: 14px;
    font-size: 3.7333333333vw;
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
.new-responsive-template .jtweb-elem-paragraph .style-caption-gray > div > div > div,
.new-responsive-template .jtweb-elem-catch .style-caption-gray > div > div > div,
.new-responsive-template .jtweb-elem-caption .style-caption-gray > div > div > div {
  background: #f4f6f8;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-paragraph .style-caption-gray > div > div > div,
  .new-responsive-template .jtweb-elem-catch .style-caption-gray > div > div > div,
  .new-responsive-template .jtweb-elem-caption .style-caption-gray > div > div > div {
    padding: 30px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-paragraph .style-caption-gray > div > div > div,
  .new-responsive-template .jtweb-elem-catch .style-caption-gray > div > div > div,
  .new-responsive-template .jtweb-elem-caption .style-caption-gray > div > div > div {
    padding: 15px 7.5px;
    padding: 8vw 4vw;
  }
}
.new-responsive-template .jtweb-elem-paragraph .style-caption-black > div > div > div,
.new-responsive-template .jtweb-elem-catch .style-caption-black > div > div > div,
.new-responsive-template .jtweb-elem-caption .style-caption-black > div > div > div {
  background: #033824;
  color: #fff;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-paragraph .style-caption-black > div > div > div,
  .new-responsive-template .jtweb-elem-catch .style-caption-black > div > div > div,
  .new-responsive-template .jtweb-elem-caption .style-caption-black > div > div > div {
    padding: 30px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-paragraph .style-caption-black > div > div > div,
  .new-responsive-template .jtweb-elem-catch .style-caption-black > div > div > div,
  .new-responsive-template .jtweb-elem-caption .style-caption-black > div > div > div {
    padding: 15px 7.5px;
    padding: 8vw 4vw;
  }
}
.new-responsive-template .jtweb-elem-paragraph .style-caption-darkgray > div > div > div,
.new-responsive-template .jtweb-elem-catch .style-caption-darkgray > div > div > div,
.new-responsive-template .jtweb-elem-caption .style-caption-darkgray > div > div > div {
  background: #2a2f37;
  color: #fff;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-paragraph .style-caption-darkgray > div > div > div,
  .new-responsive-template .jtweb-elem-catch .style-caption-darkgray > div > div > div,
  .new-responsive-template .jtweb-elem-caption .style-caption-darkgray > div > div > div {
    padding: 30px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-paragraph .style-caption-darkgray > div > div > div,
  .new-responsive-template .jtweb-elem-catch .style-caption-darkgray > div > div > div,
  .new-responsive-template .jtweb-elem-caption .style-caption-darkgray > div > div > div {
    padding: 15px 7.5px;
    padding: 8vw 4vw;
  }
}

/*
========================================================
- LIST
========================================================
*/
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
.new-responsive-template .jtweb-elem-txt-list > div > div > div > div {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list > div > div > div > div .txt-list {
    font-size: 16px;
    line-height: 1.8;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list > div > div > div > div .txt-list > li:not(:first-child) {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list > div > div > div > div .txt-list > li:not(:first-child) {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
.new-responsive-template .jtweb-elem-txt-list > div > div > div > div .txt-list > li > div {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list > div > div > div > div .txt-list > li > div {
    padding-left: 40px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list > div > div > div > div .txt-list > li > div {
    padding-left: 16px;
    padding-left: 8.5333333333vw;
  }
}
.new-responsive-template .jtweb-elem-txt-list > div > div > div > div .txt-list > li > div::before {
  content: "・";
  display: inline-block;
  text-align: center;
  line-height: 1.8;
  position: absolute;
  left: 0em;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list > div > div > div > div .txt-list > li > div::before {
    font-size: 16px;
    width: 20px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list > div > div > div > div .txt-list > li > div::before {
    font-size: 16px;
    font-size: 4.2666666667vw;
    width: 10px;
    width: 5.3333333333vw;
  }
}
.new-responsive-template .jtweb-elem-txt-list > div > div > div > div .txt-list > li > div > .jtweb-elem-paragraph {
  margin-top: 0;
}
.new-responsive-template .jtweb-elem-txt-list > div > div > div > div .txt-list > li > div .jtweb-elem-icon {
  padding-right: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list > div > div > div > div .txt-list > li .jtweb-elem-txt-list {
    margin-top: 8px;
    padding-left: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list > div > div > div > div .txt-list > li .jtweb-elem-txt-list {
    margin-top: 4px;
    margin-top: 2.1333333333vw;
    padding-left: 16px;
    padding-left: 8.5333333333vw;
  }
}
.new-responsive-template .jtweb-elem-txt-list > div.style-liner {
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list > div.style-liner > div > div > div .txt-list {
    margin-bottom: -8px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list > div.style-liner > div > div > div .txt-list {
    margin-bottom: -4px;
    margin-bottom: -2.1333333333vw;
  }
}
.new-responsive-template .jtweb-elem-txt-list > div.style-liner > div > div > div .txt-list > li {
  margin-top: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list > div.style-liner > div > div > div .txt-list > li {
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list > div.style-liner > div > div > div .txt-list > li {
    margin-bottom: 4px;
    margin-bottom: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list .style-link > div > div > div .txt-list > li:not(:first-child) {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list .style-link > div > div > div .txt-list > li:not(:first-child) {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
.new-responsive-template .jtweb-elem-txt-list .style-link > div > div > div .txt-list > li > div {
  padding-left: 0;
}
.new-responsive-template .jtweb-elem-txt-list .style-link > div > div > div .txt-list > li > div::before {
  display: none;
}
.new-responsive-template .jtweb-elem-txt-list .style-link > div > div > div a:not([target=_blank]):not(.link-inline)::after {
  content: "";
  display: inline-block;
  background: url(/assets/img/component/arrow_right.svg) no-repeat right center;
  vertical-align: middle;
  transform: translateY(-50%);
  width: 20px;
  height: 6px;
  margin-left: 5px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list .style-link > div > div > div a:not([target=_blank]):not(.link-inline)::after {
    width: 10px;
    width: 5.3333333333vw;
    height: 3px;
    height: 1.6vw;
    margin-left: 2.5px;
    margin-left: 1.3333333333vw;
  }
}
.new-responsive-template .jtweb-elem-txt-list .style-link.style-liner > div > div > div .txt-list {
  letter-spacing: -0.4em;
}
.new-responsive-template .jtweb-elem-txt-list .style-link.style-liner > div > div > div .txt-list > li {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  margin-top: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list .style-link.style-liner > div > div > div .txt-list > li:not(:last-child) {
    margin-top: 0;
    margin-right: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list .style-link.style-liner > div > div > div .txt-list > li:not(:last-child) {
    margin-top: 0;
    margin-right: 16px;
    margin-right: 8.5333333333vw;
  }
}
.new-responsive-template .jtweb-elem-txt-list .style-link.style-liner > div > div > div .txt-list > li a {
  display: inline-block;
}
.new-responsive-template .jtweb-elem-txt-list .style-link.style-liner > div > div > div .txt-list > li a:not([target=_blank])::after {
  content: "";
  display: inline-block;
  background: url(/assets/img/component/arrow_right.svg) no-repeat right center;
  vertical-align: middle;
  transform: translateY(-50%);
  width: 20px;
  height: 6px;
  margin-left: 5px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list .style-link.style-liner > div > div > div .txt-list > li a:not([target=_blank])::after {
    width: 10px;
    width: 5.3333333333vw;
    height: 3px;
    height: 1.6vw;
    margin-left: 2.5px;
    margin-left: 1.3333333333vw;
  }
}
.new-responsive-template .jtweb-elem-txt-list .style-anchor .txt-list > li > div,
.new-responsive-template .jtweb-elem-txt-list .style-anchor-pagetop .txt-list > li > div {
  padding-left: 0;
}
.new-responsive-template .jtweb-elem-txt-list .style-anchor .txt-list > li > div::before,
.new-responsive-template .jtweb-elem-txt-list .style-anchor-pagetop .txt-list > li > div::before {
  display: none;
}
.new-responsive-template .jtweb-elem-txt-list .style-anchor.style-liner .txt-list,
.new-responsive-template .jtweb-elem-txt-list .style-anchor-pagetop.style-liner .txt-list {
  letter-spacing: -0.4em;
}
.new-responsive-template .jtweb-elem-txt-list .style-anchor.style-liner .txt-list > li,
.new-responsive-template .jtweb-elem-txt-list .style-anchor-pagetop.style-liner .txt-list > li {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list .style-anchor.style-liner .txt-list > li:not(:last-child),
  .new-responsive-template .jtweb-elem-txt-list .style-anchor-pagetop.style-liner .txt-list > li:not(:last-child) {
    margin-right: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list .style-anchor.style-liner .txt-list > li:not(:last-child),
  .new-responsive-template .jtweb-elem-txt-list .style-anchor-pagetop.style-liner .txt-list > li:not(:last-child) {
    margin-right: 16px;
    margin-right: 8.5333333333vw;
  }
}
.new-responsive-template .jtweb-elem-txt-list .style-anchor.style-liner .txt-list > li a,
.new-responsive-template .jtweb-elem-txt-list .style-anchor-pagetop.style-liner .txt-list > li a {
  display: inline-block;
}
.new-responsive-template .jtweb-elem-txt-list .style-anchor.style-liner .txt-list > li a::after,
.new-responsive-template .jtweb-elem-txt-list .style-anchor-pagetop.style-liner .txt-list > li a::after {
  content: "";
  display: inline-block;
  background: url(/assets/img/component/arrow_head.svg) no-repeat center;
  vertical-align: middle;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list .style-anchor.style-liner .txt-list > li a::after,
  .new-responsive-template .jtweb-elem-txt-list .style-anchor-pagetop.style-liner .txt-list > li a::after {
    background-size: contain;
    width: 8.5px;
    height: 5px;
    margin-left: 5px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list .style-anchor.style-liner .txt-list > li a::after,
  .new-responsive-template .jtweb-elem-txt-list .style-anchor-pagetop.style-liner .txt-list > li a::after {
    background-size: contain;
    width: 4.3px;
    width: 2.2933333333vw;
    height: 2.5px;
    height: 1.3333333333vw;
    margin-left: 2.5px;
    margin-left: 1.3333333333vw;
  }
}
.new-responsive-template .jtweb-elem-txt-list .style-anchor.style-liner .txt-list > li a:focus-visible,
.new-responsive-template .jtweb-elem-txt-list .style-anchor-pagetop.style-liner .txt-list > li a:focus-visible {
  outline-offset: -1px;
}
.new-responsive-template .jtweb-elem-txt-list .style-anchor.style-pagetop .txt-list,
.new-responsive-template .jtweb-elem-txt-list .style-anchor-pagetop.style-pagetop .txt-list {
  text-align: right;
}
.new-responsive-template .jtweb-elem-txt-list .style-anchor.style-pagetop .txt-list > li a::after,
.new-responsive-template .jtweb-elem-txt-list .style-anchor-pagetop.style-pagetop .txt-list > li a::after {
  transform: rotate(180deg);
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list .style-anchor.style-pagetop .txt-list > li a::after,
  .new-responsive-template .jtweb-elem-txt-list .style-anchor-pagetop.style-pagetop .txt-list > li a::after {
    margin-left: 10px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list .style-anchor.style-pagetop .txt-list > li a::after,
  .new-responsive-template .jtweb-elem-txt-list .style-anchor-pagetop.style-pagetop .txt-list > li a::after {
    margin-left: 5px;
    margin-left: 2.6666666667vw;
  }
}
.new-responsive-template .jtweb-elem-txt-list-detail {
  line-height: 1.8;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list-detail {
    font-size: 16px;
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list-detail {
    font-size: 16px;
    font-size: 4.2666666667vw;
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list-detail .txt-list-detail:not(:first-child) {
    padding-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list-detail .txt-list-detail:not(:first-child) {
    padding-top: 8px;
    padding-top: 4.2666666667vw;
  }
}
.new-responsive-template .jtweb-elem-txt-list-detail .txt-list-detail dd .jtweb-elem-paragraph:nth-of-type(1) {
  margin-top: 0;
}
.new-responsive-template .jtweb-elem-txt-list-detail .txt-list-detail dd .jtweb-elem-txt-list:nth-of-type(1) {
  margin-top: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list-detail .txt-list-detail:not(:first-child) {
    padding-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list-detail .txt-list-detail:not(:first-child) {
    padding-top: 8px;
    padding-top: 4.2666666667vw;
  }
}
.new-responsive-template .jtweb-elem-txt-list-detail .txt-list-detail > dd .jtweb-elem-txt-list {
  padding-bottom: 0;
}
.new-responsive-template .jtweb-elem-txt-list-detail .txt-list-detail > dd .jtweb-elem-txt-list-detail {
  padding-bottom: 0;
}
.new-responsive-template .jtweb-elem-txt-list-detail > .style-disc > div > div > div > .txt-list-detail > li > div {
  display: inline-block;
  padding-left: 1.5em;
  position: relative;
}
.new-responsive-template .jtweb-elem-txt-list-detail > .style-disc > div > div > div > .txt-list-detail > li > div::before {
  content: "・";
  display: inline-block;
  position: absolute;
  left: 0em;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list-detail > .style-disc > div > div > div > .txt-list-detail > li > div::before {
    font-size: 16px;
    line-height: 1.8;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list-detail > .style-disc > div > div > div > .txt-list-detail > li > div::before {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
.new-responsive-template .jtweb-elem-txt-list-detail > .style-disc > div > div > div > .txt-list-detail > li > div .jtweb-elem-icon {
  padding-right: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list-detail > .style-term > div > div > div > .txt-list-detail {
    display: table;
  }
}
.new-responsive-template .jtweb-elem-txt-list-detail > .style-term > div > div > div > .txt-list-detail > dt {
  position: relative;
  min-width: 5em;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list-detail > .style-term > div > div > div > .txt-list-detail > dt {
    display: table-cell;
    vertical-align: top;
    padding-right: 1em;
    padding-right: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list-detail > .style-term > div > div > div > .txt-list-detail > dt {
    display: block;
  }
}
.new-responsive-template .jtweb-elem-txt-list-detail > .style-term > div > div > div > .txt-list-detail > dt::after {
  content: ":";
  top: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list-detail > .style-term > div > div > div > .txt-list-detail > dt::after {
    position: absolute;
    top: 0;
    right: 8px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list-detail > .style-term > div > div > div > .txt-list-detail > dt::after {
    font-size: 16px;
    font-size: 4.2666666667vw;
    padding: 0px 2.5px;
    padding: 0vw 1.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list-detail > .style-term > div > div > div > .txt-list-detail > dd {
    display: table-cell;
    vertical-align: top;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list-detail > .style-term > div > div > div > .txt-list-detail > dd {
    display: block;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list-detail > .style-term > div > div > div > .txt-list-detail-large dt {
    min-width: 6.5em;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list-detail > .style-term > div > div > div > .txt-list-detail-big dt {
    min-width: 9em;
    max-width: 9em;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list-detail > .style-term > div > div > div > .txt-list-detail-morebig dt {
    min-width: 15em;
    max-width: 15em;
  }
}
.new-responsive-template .jtweb-elem-txt-list-detail > .style-order > div > div > div > .txt-list-detail {
  display: table;
}
.new-responsive-template .jtweb-elem-txt-list-detail > .style-order > div > div > div > .txt-list-detail > dt {
  display: table-cell;
  vertical-align: top;
  min-width: 1em;
  padding-right: 0.5em;
  width: 60px;
  box-sizing: border-box;
}
.new-responsive-template .jtweb-elem-txt-list-detail > .style-order > div > div > div > .txt-list-detail > dd {
  display: table-cell;
  vertical-align: top;
  word-break: break-all;
}
.new-responsive-template .jtweb-elem-txt-list-detail > .style-note > div > div > div .txt-list-detail {
  display: table;
}
.new-responsive-template .jtweb-elem-txt-list-detail > .style-note > div > div > div .txt-list-detail > dt {
  min-width: 1em;
  display: table-cell;
  vertical-align: top;
  padding-right: 0.5em;
}
.new-responsive-template .jtweb-elem-txt-list-detail > .style-note > div > div > div .txt-list-detail > dd {
  display: table-cell;
  vertical-align: top;
  word-break: break-all;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list-date {
    margin-top: 30px;
  }
}
.new-responsive-template .jtweb-elem-txt-list-date .txt-list-date > li {
  border-top: 1px solid #D8DCE3;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list-date .txt-list-date > li {
    display: flex;
    padding: 30px 0;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list-date .txt-list-date > li {
    padding: 20px 0;
  }
}
.new-responsive-template .jtweb-elem-txt-list-date .txt-list-date > li > .date-box {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.8;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list-date .txt-list-date > li > .date-box {
    padding-right: 25px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list-date .txt-list-date > li > .date-box {
    font-size: 12px;
    font-size: 3.2vw;
  }
}
.new-responsive-template .jtweb-elem-txt-list-date .txt-list-date > li > .icon-box {
  display: inline-flex;
  justify-content: center;
  vertical-align: middle;
  align-items: center;
  background-color: #13b070;
  color: #fff;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list-date .txt-list-date > li > .icon-box {
    font-size: 14px;
    height: 16px;
    margin-top: 4px;
    margin-right: 30px;
    flex: 0 0 52px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list-date .txt-list-date > li > .icon-box {
    font-size: 14px;
    font-size: 3.7333333333vw;
    width: 26px;
    width: 13.8666666667vw;
    height: 8px;
    height: 4.2666666667vw;
    margin-left: 8px;
    margin-left: 4.2666666667vw;
  }
}
.new-responsive-template .jtweb-elem-txt-list-date .txt-list-date > li > .txt-box {
  line-height: 1.8;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list-date .txt-list-date > li > .txt-box {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list-date .txt-list-date > li > .txt-box {
    font-size: 16px;
    font-size: 4.2666666667vw;
    margin-top: 4px;
    margin-top: 2.1333333333vw;
  }
}
.new-responsive-template .jtweb-elem-txt-list-date .txt-list-date > li > .txt-box > * {
  margin-top: 0;
}
.new-responsive-template .jtweb-elem-txt-list-date .txt-list-date > li > .txt-box .jtweb-elem-paragraph {
  margin-top: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list-faq {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list-faq {
    margin-top: 16px;
    margin-top: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list-faq .txt-list-faq > li:not(:first-child) {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list-faq .txt-list-faq > li:not(:first-child) {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
.new-responsive-template .jtweb-elem-txt-list-faq .txt-list-faq > li .question-head {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #111;
  color: #fff;
  line-height: 1;
  border-radius: 16px;
  box-sizing: border-box;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list-faq .txt-list-faq > li .question-head {
    min-width: 60px;
    height: 34px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list-faq .txt-list-faq > li .question-head {
    width: 30px;
    width: 16vw;
    height: 17px;
    height: 9.0666666667vw;
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list-faq .txt-list-faq > li .question-body {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list-faq .txt-list-faq > li .question-body {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list-faq .txt-list-faq > li .answer-box {
    margin-top: 16px;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list-faq .txt-list-faq > li .answer-box {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
    margin-bottom: 30px;
    margin-bottom: 16vw;
  }
}
.new-responsive-template .jtweb-elem-txt-list-faq .txt-list-faq > li .answer-head {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  color: #111;
  line-height: 1;
  border: 1px solid #bfbfbf;
  border-radius: 16px;
  box-sizing: border-box;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list-faq .txt-list-faq > li .answer-head {
    width: 60px;
    height: 34px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list-faq .txt-list-faq > li .answer-head {
    width: 30px;
    width: 16vw;
    height: 17px;
    height: 9.0666666667vw;
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
.new-responsive-template .jtweb-elem-txt-list-faq .txt-list-faq > li .answer-head .jtweb-elem-paragraph {
  margin-top: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list-faq .txt-list-faq > li .answer-body {
    margin-top: 16;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list-faq .txt-list-faq > li .answer-body {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
.new-responsive-template .c-list-05-02 > li {
  display: flex;
  border-bottom: 1px solid #D8DCE3;
  border-top: 0 !important;
}
.new-responsive-template .c-list-05-02 > li:last-child {
  border-bottom: 0 !important;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-list-05-02 > li {
    padding: 30px 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-list-05-02 > li {
    padding: 20px 0 !important;
    flex-direction: column;
  }
}
.new-responsive-template .c-list-05-02 > li .cate-date {
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-list-05-02 > li .cate-date {
    margin-bottom: 14px;
  }
}
.new-responsive-template .c-list-05-02 > li .cate-date .date {
  font-size: 14px;
  margin-right: 25px;
}
.new-responsive-template .c-list-05-02 > li .jtweb-elem-badge {
  margin-top: 0;
}
.new-responsive-template .c-list-05-02 > li .link {
  display: inline-block;
}
.new-responsive-template .c-list-05-02 > li .title {
  font-size: 14px;
}

/*
========================================================
- Navigation
========================================================
*/
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-list-block {
    margin-top: 32px;
    page-break-inside: avoid;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-list-block {
    margin-top: 16px;
    margin-top: 8.5333333333vw;
  }
}
.new-responsive-template .jtweb-elem-list-block > div > div > div > div {
  display: grid;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-list-block > div > div > div > div {
    gap: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-list-block > div > div > div > div {
    gap: 16px;
    gap: 8.5333333333vw;
  }
}
.new-responsive-template .jtweb-elem-list-block .list-box {
  border: 1px solid #CCD9D4;
  box-sizing: border-box;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-list-block .list-box {
    display: flex;
    page-break-inside: avoid;
  }
}
.new-responsive-template .jtweb-elem-list-block .list-box > div {
  width: 100%;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-list-block .list-box > div {
    display: flex;
    flex-direction: column;
    min-height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-list-block .list-box > div {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
  }
}
.new-responsive-template .jtweb-elem-list-block .list-box [class^=jtweb-elem-heading-]:first-child {
  padding-top: 0;
}
.new-responsive-template .jtweb-elem-list-block .list-box-head {
  flex: 0 0 auto;
}
.new-responsive-template .jtweb-elem-list-block .list-box-head .jtweb-elem-pic:first-child {
  margin-top: 0;
}
.new-responsive-template .jtweb-elem-list-block .list-box-head .jtweb-elem-pic > div > div > div > div {
  width: 100%;
  margin-left: 0;
}
.new-responsive-template .jtweb-elem-list-block .list-box-head .jtweb-elem-pic > .style-center .pic-item {
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  margin: 0;
}
.new-responsive-template .jtweb-elem-list-block .list-box-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  box-sizing: border-box;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-list-block .list-box-body {
    padding: 32px 32px 48px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-list-block .list-box-body {
    padding: 8px 8px 20px 8px;
    padding: 4.2666666667vw 4.2666666667vw 10.6666666667vw 4.2666666667vw;
  }
}
.new-responsive-template .jtweb-elem-list-block .list-box-body [class^=jtweb-elem-heading] {
  margin-top: 0;
}
.new-responsive-template .jtweb-elem-list-block .list-box-body .jtweb-elem-heading-lv5 {
  font-weight: bold;
}
.new-responsive-template .jtweb-elem-list-block .list-box-body .jtweb-elem-paragraph a::after {
  content: "";
  display: inline-block;
  background: url(/assets/img/component/arrow_right.svg) no-repeat right center;
  vertical-align: middle;
  transform: translateY(-50%);
  width: 20px;
  height: 6px;
  margin-left: 5px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-list-block .list-box-body .jtweb-elem-paragraph a::after {
    width: 10px;
    width: 5.3333333333vw;
    height: 3px;
    height: 1.6vw;
    margin-left: 2.5px;
    margin-left: 1.3333333333vw;
  }
}
.new-responsive-template .jtweb-elem-list-block .list-box-body .jtweb-elem-txt-list .jtweb-elem-paragraph {
  margin-top: 0;
  padding-bottom: 0;
}
.new-responsive-template .jtweb-elem-list-block .list-box-body .jtweb-elem-txt-list .txt-list > li > div {
  padding-left: 0;
}
.new-responsive-template .jtweb-elem-list-block .list-box-body .jtweb-elem-txt-list .txt-list > li > div::before {
  display: none;
}
.new-responsive-template .jtweb-elem-list-block .list-box-body > *:last-child [class^=jtweb-elem-] {
  margin-bottom: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-list-block .list-box-body .jtweb-elem-txt-list > div > div > div > div .txt-list > li:not(:first-child) {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-list-block .list-box-body .jtweb-elem-txt-list > div > div > div > div .txt-list > li:not(:first-child) {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
.new-responsive-template .jtweb-elem-list-block .list-box-foot {
  display: flex;
  align-items: center;
  flex: 0 1 auto;
  border-top: 1px solid #CCD9D4;
  margin-top: auto;
  padding: 0;
}
.new-responsive-template .jtweb-elem-list-block .list-box-foot .jtweb-elem-txt-list {
  width: 100%;
  margin-top: 0;
}
.new-responsive-template .jtweb-elem-list-block .list-box-foot .jtweb-elem-txt-list .txt-list > li > div {
  width: 100%;
  padding-left: 0;
}
.new-responsive-template .jtweb-elem-list-block .list-box-foot .jtweb-elem-txt-list .txt-list > li > div::before {
  display: none;
}
.new-responsive-template .jtweb-elem-list-block .list-box-foot .jtweb-elem-txt-list .txt-list .jtweb-elem-paragraph a {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: relative;
  text-decoration: none;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-list-block .list-box-foot .jtweb-elem-txt-list .txt-list .jtweb-elem-paragraph a {
    padding: 32px 32px 50px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-list-block .list-box-foot .jtweb-elem-txt-list .txt-list .jtweb-elem-paragraph a {
    padding: 8px 8px 23px 8px;
    padding: 4.2666666667vw 4.2666666667vw 12.2666666667vw 4.2666666667vw;
  }
}
.new-responsive-template .jtweb-elem-list-block .list-box-foot .jtweb-elem-txt-list .txt-list .jtweb-elem-paragraph a:not([target=_blank])::after {
  content: "";
  display: inline-block;
  background-image: url("/assets/img/component/icon_anime_arrow_black.png");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .new-responsive-template .jtweb-elem-list-block .list-box-foot .jtweb-elem-txt-list .txt-list .jtweb-elem-paragraph a:not([target=_blank])::after, .old-responsive-template .new-responsive-template .jtweb-elem-list-block .list-box-foot .jtweb-elem-txt-list .txt-list .jtweb-elem-paragraph a:not([target=_blank])::after {
    width: 16px;
    width: 8.5333333333vw;
    height: 16px;
    height: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-list-block .list-box-foot .jtweb-elem-txt-list .txt-list .jtweb-elem-paragraph a:not([target=_blank])::after {
    bottom: 15px;
    right: 30px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-list-block .list-box-foot .jtweb-elem-txt-list .txt-list .jtweb-elem-paragraph a:not([target=_blank])::after {
    bottom: 5px;
    bottom: 2.6666666667vw;
    right: 10px;
    right: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-list-block .list-box-foot .jtweb-elem-txt-list .txt-list .jtweb-elem-paragraph a:not([target=_blank]):hover::after {
    animation: icon-arrow 0.3s steps(9) forwards;
  }
}
.new-responsive-template .jtweb-elem-list-block .list-box-foot .jtweb-elem-txt-list .txt-list .jtweb-elem-paragraph a[target=_blank]::after {
  content: "";
  display: inline-block;
  background-image: url("/assets/img/component/icon_anime_blank.png");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .new-responsive-template .jtweb-elem-list-block .list-box-foot .jtweb-elem-txt-list .txt-list .jtweb-elem-paragraph a[target=_blank]::after, .old-responsive-template .new-responsive-template .jtweb-elem-list-block .list-box-foot .jtweb-elem-txt-list .txt-list .jtweb-elem-paragraph a[target=_blank]::after {
    width: 16px;
    width: 8.5333333333vw;
    height: 16px;
    height: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-list-block .list-box-foot .jtweb-elem-txt-list .txt-list .jtweb-elem-paragraph a[target=_blank]::after {
    bottom: 15px;
    right: 30px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-list-block .list-box-foot .jtweb-elem-txt-list .txt-list .jtweb-elem-paragraph a[target=_blank]::after {
    bottom: 2.5px;
    bottom: 1.3333333333vw;
    right: 10px;
    right: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-list-block .list-box-foot .jtweb-elem-txt-list .txt-list .jtweb-elem-paragraph a[target=_blank]:hover::after {
    animation: icon-blank 0.3s steps(15) forwards;
  }
}
.new-responsive-template .jtweb-elem-list-block .list-box-foot .jtweb-elem-txt-list .txt-list .jtweb-elem-paragraph a span:not(jtweb-elem-icon) {
  display: block;
}
.new-responsive-template .jtweb-elem-list-block .list-box-foot .jtweb-elem-txt-list .txt-list .jtweb-elem-paragraph a span.jtweb-elem-icon {
  display: none;
}
.new-responsive-template .jtweb-elem-list-block .list-box-foot > *:last-child [class^=jtweb-elem-] {
  margin-bottom: 0;
}
.new-responsive-template .jtweb-elem-list-block > div:not([class^=style-column]) > div > div > div {
  grid-template-columns: 1fr;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-list-block .style-column2 > div > div > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-list-block .style-column3 > div > div > div {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-list-block .style-column4 > div > div > div {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-list-block .style-column4 > div > div > div > .list-box .list-box-body .jtweb-elem-heading-lv5 .title-holder h5,
  .new-responsive-template .jtweb-elem-list-block .style-column4 > div > div > div > .list-box .list-box-body .jtweb-elem-paragraph {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-list-block .style-column4 > div > div > div > .list-box .list-box-foot .jtweb-elem-paragraph {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic-unit {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-pic-unit {
    margin-top: 16px;
    margin-top: 8.5333333333vw;
  }
}
.new-responsive-template .jtweb-elem-pic-unit > div > div > div > div {
  display: grid;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic-unit > div > div > div > div {
    gap: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-pic-unit > div > div > div > div {
    gap: 16px;
    gap: 8.5333333333vw;
  }
}
.new-responsive-template .jtweb-elem-pic-unit > div > div > div > div > .pic-item {
  box-sizing: border-box;
  border: 1px solid #CCD9D4;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic-unit > div > div > div > div > .pic-item {
    display: flex;
  }
}
.new-responsive-template .jtweb-elem-pic-unit > div > div > div > div > .pic-item > div {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic-unit > div > div > div > div > .pic-item > div {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
}
.new-responsive-template .jtweb-elem-pic-unit > div > div > div > div > .pic-item > div a {
  display: block;
  height: 100%;
  text-decoration: none;
  position: relative;
}
.new-responsive-template .jtweb-elem-pic-unit > div > div > div > div > .pic-item > div a:not([target=_blank])::after {
  content: "";
  display: inline-block;
  background-image: url("/assets/img/component/icon_anime_arrow_black.png");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .new-responsive-template .jtweb-elem-pic-unit > div > div > div > div > .pic-item > div a:not([target=_blank])::after, .old-responsive-template .new-responsive-template .jtweb-elem-pic-unit > div > div > div > div > .pic-item > div a:not([target=_blank])::after {
    width: 16px;
    width: 8.5333333333vw;
    height: 16px;
    height: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic-unit > div > div > div > div > .pic-item > div a:not([target=_blank])::after {
    bottom: 15px;
    right: 30px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-pic-unit > div > div > div > div > .pic-item > div a:not([target=_blank])::after {
    bottom: 5px;
    bottom: 2.6666666667vw;
    right: 10px;
    right: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic-unit > div > div > div > div > .pic-item > div a:not([target=_blank]):hover::after {
    animation: icon-arrow 0.3s steps(9) forwards;
  }
}
.new-responsive-template .jtweb-elem-pic-unit > div > div > div > div > .pic-item > div a[target=_blank]::after {
  content: "";
  display: inline-block;
  background-image: url("/assets/img/component/icon_anime_blank.png");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .new-responsive-template .jtweb-elem-pic-unit > div > div > div > div > .pic-item > div a[target=_blank]::after, .old-responsive-template .new-responsive-template .jtweb-elem-pic-unit > div > div > div > div > .pic-item > div a[target=_blank]::after {
    width: 16px;
    width: 8.5333333333vw;
    height: 16px;
    height: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic-unit > div > div > div > div > .pic-item > div a[target=_blank]::after {
    bottom: 15px;
    right: 30px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-pic-unit > div > div > div > div > .pic-item > div a[target=_blank]::after {
    bottom: 2.5px;
    bottom: 1.3333333333vw;
    right: 10px;
    right: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic-unit > div > div > div > div > .pic-item > div a[target=_blank]:hover::after {
    animation: icon-blank 0.3s steps(15) forwards;
  }
}
.new-responsive-template .jtweb-elem-pic-unit > div > div > div > div > .pic-item > div a.is-icon-hide:after, .new-responsive-template .jtweb-elem-pic-unit > div > div > div > div > .pic-item > div a.is-icon-hide:before {
  display: none;
}
.new-responsive-template .jtweb-elem-pic-unit > div > div > div > div > .pic-item [class^=jtweb-elem-heading-]:first-child {
  padding-top: 0;
}
.new-responsive-template .jtweb-elem-pic-unit > div > div > div > div > .pic-item span.jtweb-elem-icon {
  display: none;
}
.new-responsive-template .jtweb-elem-pic-unit .holder img {
  width: 100%;
}
.new-responsive-template .jtweb-elem-pic-unit .caption {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100%;
  max-width: 100%;
  line-height: 1.8;
  box-sizing: border-box;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic-unit .caption {
    font-size: 16px;
    padding: 32px 32px 48px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-pic-unit .caption {
    font-size: 16px;
    font-size: 4.2666666667vw;
    padding: 8px 8px 24px 8px;
    padding: 4.2666666667vw 4.2666666667vw 12.8vw 4.2666666667vw;
  }
}
.new-responsive-template .jtweb-elem-pic-unit .caption [class^=jtweb-elem-heading] {
  margin-top: 0;
}
.new-responsive-template .jtweb-elem-pic-unit .caption .jtweb-elem-heading-lv5 {
  font-weight: bold;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic-unit .caption .jtweb-elem-paragraph {
    padding-bottom: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-pic-unit .caption .jtweb-elem-paragraph {
    padding-bottom: 16px;
  }
}
.new-responsive-template .jtweb-elem-pic-unit .caption .jtweb-elem-paragraph a::after {
  content: "";
  display: inline-block;
  background: url(/assets/img/component/arrow_right.svg) no-repeat right center;
  vertical-align: middle;
  transform: translateY(-50%);
  width: 30px;
  height: 6px;
  margin-left: 5px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-pic-unit .caption .jtweb-elem-paragraph a::after {
    width: 15px;
    width: 8vw;
    height: 3px;
    height: 1.6vw;
    margin-left: 2.5px;
    margin-left: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic-unit .caption .jtweb-elem-txt-list {
    padding-bottom: 6px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-pic-unit .caption .jtweb-elem-txt-list {
    padding-bottom: 6px;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic-unit .caption .jtweb-elem-txt-list .jtweb-elem-paragraph {
    padding-bottom: 6px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-pic-unit .caption .jtweb-elem-txt-list .jtweb-elem-paragraph {
    padding-bottom: 6px;
  }
}
.new-responsive-template .jtweb-elem-pic-unit .caption .jtweb-elem-txt-list .txt-list > li > div {
  padding-left: 0;
}
.new-responsive-template .jtweb-elem-pic-unit .caption .jtweb-elem-txt-list .txt-list > li > div::before {
  display: none;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic-unit .heading {
    font-size: 16px;
    padding: 32px 32px 0;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-pic-unit .heading {
    font-size: 16px;
    font-size: 4.2666666667vw;
    padding: 8px 8px 0px 8px;
    padding: 4.2666666667vw 4.2666666667vw 0vw 4.2666666667vw;
  }
}
.new-responsive-template .jtweb-elem-pic-unit .heading + .caption {
  margin-top: -10px;
}
.new-responsive-template .jtweb-elem-pic-unit .heading .title {
  font-weight: bold;
  font-size: 16px;
  line-height: 1.8;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic-unit .heading .title {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-pic-unit .heading .title {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
.new-responsive-template .jtweb-elem-pic-unit > div:not([class^=style-column]) > div > div > div {
  grid-template-columns: 1fr;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic-unit .style-column2 > div > div > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic-unit .style-column3 > div > div > div {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic-unit .style-column4 > div > div > div {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-pic-unit .txt-list > li {
    display: block;
  }
}
.new-responsive-template .jtweb-elem-pic-unit .txt-list > li > div {
  padding-left: 0;
}
.new-responsive-template .jtweb-elem-pic-unit .txt-list > li > div::before {
  display: none;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-pic-unit .txt-list > li a {
    display: block;
  }
}
.new-responsive-template .jtweb-elem-pic-unit .txt-list > li a:not([target=_blank]) {
  content: "";
  display: inline-block;
  background: url(/assets/img/component/arrow_right.svg) no-repeat right center;
  vertical-align: middle;
  transform: translateY(-50%);
  width: 20px;
  height: 6px;
  margin-left: 5px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-pic-unit .txt-list > li a:not([target=_blank]) {
    width: 10px;
    width: 5.3333333333vw;
    height: 3px;
    height: 1.6vw;
    margin-left: 2.5px;
    margin-left: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic-unit .style-liner .txt-list {
    display: inline-flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic-unit .style-liner .txt-list > li:not(:last-child) {
    margin-right: 32px;
  }
}
.new-responsive-template .jtweb-elem-pic-unit .style-border .txt-list {
  display: inline-flex;
  flex-wrap: wrap;
}
.new-responsive-template .jtweb-elem-pic-unit .style-border .txt-list > li {
  border-width: 1px 0;
  border-color: #CCD9D4;
  border-style: solid;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic-unit .style-border .txt-list > li {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-pic-unit .style-border .txt-list > li {
    margin-bottom: 8px;
    margin-bottom: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic-unit .style-border .txt-list > li:not(:last-child) {
    margin-right: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-pic-unit .style-border .txt-list > li:not(:last-child) {
    margin-right: 16px;
    margin-right: 8.5333333333vw;
  }
}
.new-responsive-template .jtweb-elem-pic-unit .style-border .txt-list > li a {
  display: block;
  height: 100%;
  padding: 16px 0;
}
.new-responsive-template .jtweb-elem-pic-unit .style-anchor .txt-list > li a::after {
  background-image: url(/assets/img/component/arrow_head.svg);
  width: 0.6em;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .style-pagination {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .style-pagination {
    margin-top: 16px;
    margin-top: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .style-pagination .txt-list {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .style-pagination .txt-list > li + li {
    margin-top: 7.5px;
    margin-top: 4vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .style-pagination .txt-list > .prev,
  .new-responsive-template .style-pagination .txt-list > .top,
  .new-responsive-template .style-pagination .txt-list > .next {
    display: flex;
    width: calc((100% - 60px) / 3);
  }
}
.new-responsive-template .style-pagination .txt-list > .prev a,
.new-responsive-template .style-pagination .txt-list > .next a {
  display: inline-block;
  position: relative;
}
.new-responsive-template .style-pagination .txt-list > .prev a::before,
.new-responsive-template .style-pagination .txt-list > .next a::before {
  position: absolute;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .style-pagination .txt-list > .prev a::before,
  .new-responsive-template .style-pagination .txt-list > .next a::before {
    top: 11px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .style-pagination .txt-list > .prev a::before,
  .new-responsive-template .style-pagination .txt-list > .next a::before {
    top: 5.5px;
    top: 2.9333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .style-pagination .txt-list > .prev {
    justify-content: flex-start;
  }
}
.new-responsive-template .style-pagination .txt-list > .prev a {
  padding-left: 40px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .style-pagination .txt-list > .prev a {
    padding-left: 20px;
    padding-left: 10.6666666667vw;
  }
}
.new-responsive-template .style-pagination .txt-list > .prev a::before {
  content: "";
  display: inline-block;
  background: url(/assets/img/component/arrow_left.svg) no-repeat center center;
  vertical-align: middle;
  left: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .style-pagination .txt-list > .prev a::before {
    background-size: contain;
    width: 30px;
    height: 6px;
    transform: translateY(-2px);
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .style-pagination .txt-list > .prev a::before {
    transform: translateY(-0.8vw);
    background-size: 15px 3px;
    background-size: 8vw 1.6vw;
    width: 15px;
    width: 8vw;
    height: 3px;
    height: 1.6vw;
    margin-right: 4px;
    margin-right: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .style-pagination .txt-list > .next {
    justify-content: flex-end;
  }
}
.new-responsive-template .style-pagination .txt-list > .next a {
  padding-right: 40px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .style-pagination .txt-list > .next a {
    padding-right: 20px;
    padding-right: 10.6666666667vw;
  }
}
.new-responsive-template .style-pagination .txt-list > .next a::before {
  content: "";
  display: inline-block;
  background: url(/assets/img/component/arrow_right.svg) no-repeat center center;
  vertical-align: middle;
  right: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .style-pagination .txt-list > .next a::before {
    background-size: contain;
    width: 30px;
    height: 6px;
    transform: translateY(-2px);
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .style-pagination .txt-list > .next a::before {
    transform: translateY(-0.8vw);
    background-size: 15px 3px;
    background-size: 8vw 1.6vw;
    width: 15px;
    width: 8vw;
    height: 3px;
    height: 1.6vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .style-pagination .txt-list > .top {
    justify-content: center;
    padding-top: 16px;
  }
}
.new-responsive-template .style-pagination .txt-list > .top a {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .style-pagination .txt-list > .top a {
    position: relative;
    padding-left: 9.25px;
    padding-left: 4.9333333333vw;
  }
}
.new-responsive-template .style-pagination .txt-list > .top a::before {
  content: "";
  display: block;
  background: url(/assets/img/component/arrow_head.svg) no-repeat center center;
  transform: rotate(180deg);
  margin: 0 auto;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .style-pagination .txt-list > .top a::before {
    background-size: contain;
    width: 8.5px;
    height: 5px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .style-pagination .txt-list > .top a::before {
    position: absolute;
    left: 0;
    background-size: 4.25px 2.5px;
    background-size: 2.2666666667vw 1.3333333333vw;
    width: 4.25px;
    width: 2.2666666667vw;
    height: 2.5px;
    height: 1.3333333333vw;
    top: 5.5px;
    top: 2.9333333333vw;
  }
}
.new-responsive-template .style-pagination .jtweb-elem-paragraph {
  margin-top: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list-tab {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list-tab {
    margin-top: 16px;
    margin-top: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list-tab > div .txt-list-tab {
    display: inline-flex;
    width: 100%;
    font-size: 16px;
    overflow: hidden;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list-tab > div .txt-list-tab {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list-tab > div .txt-list-tab li {
    flex: 1 1 195px;
    max-width: 100%;
    min-height: 44px;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list-tab > div .txt-list-tab li:not(:first-child) {
    margin-left: 30px;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list-tab > div .txt-list-tab li a {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    text-decoration: none;
    box-sizing: border-box;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 16px;
    transition: box-shadow 0.2s ease-in-out, opacity 0.2s;
  }
}
.new-responsive-template .jtweb-elem-txt-list-tab > div .txt-list-tab li a:focus-visible {
  outline-offset: -1px;
}
.new-responsive-template .jtweb-elem-txt-list-tab > div .txt-list-tab li:not(.current) a {
  color: #5C7364;
  box-shadow: 0 -1px 0 #5C7364 inset;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list-tab > div .txt-list-tab li.current a {
    font-weight: bold;
    box-shadow: 0 -2px 0 #033824 inset;
  }
}
.new-responsive-template .jtweb-elem-txt-list-tab > .tab-btn-list {
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list-tab > .tab-btn-list > div > div > div .txt-list-tab {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: -8px;
    margin-bottom: -4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list-tab > .tab-btn-list > div > div > div .txt-list-tab > li {
    flex: 0 1 auto;
    width: 47.8%;
    min-height: 22px;
    min-height: 11.7333333333vw;
    margin-bottom: 8px;
    margin-bottom: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list-tab > .tab-btn-list > div > div > div .txt-list-tab > li > a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    font-size: 14px;
    font-size: 3.7333333333vw;
    text-decoration: none;
    border: 1px solid #033824;
    border-radius: 2.5px;
    border-radius: 1.3333333333vw;
    padding: 5px 27.5px 5px 8.5px;
    padding: 2.6666666667vw 14.6666666667vw 2.6666666667vw 4.5333333333vw;
    position: relative;
    box-sizing: border-box;
    box-shadow: none;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list-tab > .tab-btn-list > div > div > div .txt-list-tab > li > a::after {
    content: "";
    display: inline-block;
    background: url(/assets/img/component/arrow_right.svg) no-repeat right center;
    vertical-align: middle;
    transform: translateY(-50%);
    width: 30px;
    height: 6px;
    margin-left: 5px;
    position: absolute;
    top: 50%;
    right: 7.5px;
    right: 4vw;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list-tab > .tab-btn-list > div > div > div .txt-list-tab > li > a::after {
    width: 15px;
    width: 8vw;
    height: 3px;
    height: 1.6vw;
    margin-left: 2.5px;
    margin-left: 1.3333333333vw;
  }
}
.new-responsive-template .jtweb-elem-txt-list-tab > .tab-btn-list > div > div > div .txt-list-tab > li > a:focus-visible {
  outline-offset: -1px;
}
.new-responsive-template .jtweb-elem-txt-list-tab > .switch-tab-accordion .tab-accordion {
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list-tab > .switch-tab-accordion .tab-accordion {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list-tab > .switch-tab-accordion .tab-accordion {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #d8dce3;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list-tab > .switch-tab-accordion .tab-accordion [role=tab] {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    order: 1;
    box-sizing: border-box;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 16px;
    transition: box-shadow 0.2s ease-in-out;
    cursor: pointer;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list-tab > .switch-tab-accordion .tab-accordion [role=tab] {
    width: 100%;
    position: relative;
    padding-top: 8px;
    padding-top: 4.2666666667vw;
    padding-bottom: 8px;
    padding-bottom: 4.2666666667vw;
    padding-right: 20px;
    padding-right: 10.6666666667vw;
    font-size: 16px;
    font-size: 4.2666666667vw;
    border-bottom: 1px solid #d8dce3;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list-tab > .switch-tab-accordion .tab-accordion [role=tab]::before, .new-responsive-template .jtweb-elem-txt-list-tab > .switch-tab-accordion .tab-accordion [role=tab]::after {
    content: "";
    display: inline-block;
    background-color: #033824;
    position: absolute;
    top: calc(50% - 1px);
    transition: 0.2s transform;
    right: 0px;
    right: 0vw;
    width: 7.5px;
    width: 4vw;
    height: 0.5px;
    height: 0.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list-tab > .switch-tab-accordion .tab-accordion [role=tab]:not(.current)::after {
    transform: rotate(90deg) scaleY(1);
    transition: transform 0.2s ease-in-out;
  }
  .new-responsive-template .jtweb-elem-txt-list-tab > .switch-tab-accordion .tab-accordion [role=tab].current::after {
    transform: rotate(0deg) scaleY(0);
    transition: transform 0.3s ease-in-out;
  }
  .new-responsive-template .jtweb-elem-txt-list-tab > .switch-tab-accordion .tab-accordion [role=tab]::after {
    transform: rotate(0deg) scaleY(0);
    transition: transform 0.3s ease-in-out;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list-tab > .switch-tab-accordion .tab-accordion [role=tab]:hover {
    opacity: 0.6;
    transition: opacity 0.2s;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list-tab > .switch-tab-accordion .tab-accordion [role=tab]:nth-of-type(n + 2) {
    margin-left: 32px;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list-tab > .switch-tab-accordion .tab-accordion [role=tab]:not(.current) {
    color: #5C7364;
    box-shadow: 0 -1px 0 #5C7364 inset;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list-tab > .switch-tab-accordion .tab-accordion [role=tab]:not(.current) span {
    color: #111;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list-tab > .switch-tab-accordion .tab-accordion [role=tab].current {
    font-weight: bold;
    box-shadow: 0 -2px 0 #033824 inset;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list-tab > .switch-tab-accordion .tab-accordion [role=tab].current {
    border-bottom: 2px solid #2a2f37;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list-tab > .switch-tab-accordion .tab-accordion [role=tab].current span {
    color: #111;
    font-weight: bold;
  }
}
.new-responsive-template .jtweb-elem-txt-list-tab > .switch-tab-accordion .tab-accordion [role=tab]:focus-visible {
  outline-offset: -1px;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list-tab > .switch-tab-accordion .tab-accordion [role=tabpanel] {
    grid-column: 1/5;
    grid-row: 2/3;
    order: 2;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list-tab > .switch-tab-accordion .tab-accordion [role=tabpanel] {
    border-bottom: 1px solid #d8dce3;
  }
}
.new-responsive-template .jtweb-elem-txt-list-tab > .switch-tab-accordion .tab-accordion [role=tabpanel][aria-hidden=true] {
  max-height: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
}
.new-responsive-template .jtweb-elem-txt-list-tab > .switch-tab-accordion .tab-accordion [role=tabpanel][aria-hidden=false] {
  max-height: 100%;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.6s;
}
.new-responsive-template .jtweb-elem-txt-list-tab > .switch-tab-accordion .tab-accordion [role=tabpanel] a:focus-visible {
  outline-offset: -1px;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-txt-list-tab > .switch-tab-accordion .tab-body-box {
    padding: 32px 0;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-txt-list-tab > .switch-tab-accordion .tab-body-box {
    padding: 8px 0px;
    padding: 4.2666666667vw 0vw;
  }
}
.new-responsive-template .jtweb-elem-txt-list-tab > .switch-tab-accordion .tab-body-box > [class^=jtweb-elem-]:first-child {
  margin-top: 0;
}
.new-responsive-template .jtweb-elem-txt-list-tab-body .tab-body-box:not(:first-child) {
  max-height: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
}
.new-responsive-template .jtweb-elem-txt-list-tab-body .tab-body-box.js-display {
  max-height: 100%;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.6s;
}
.new-responsive-template .jtweb-elem-txt-list-tab-body .tab-body-box.js-display-none {
  max-height: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.6s;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-btn-list {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-btn-list {
    margin-top: 16px;
    margin-top: 8.5333333333vw;
  }
}
.new-responsive-template .jtweb-elem-btn-list .style-center {
  text-align: center;
}
.new-responsive-template .jtweb-elem-btn-list .style-center .btn-list {
  justify-content: center;
}
.new-responsive-template .jtweb-elem-btn-list .style-left {
  text-align: center;
}
.new-responsive-template .jtweb-elem-btn-list .style-left .btn-list {
  justify-content: flex-start;
}
.new-responsive-template .jtweb-elem-btn-list .style-right {
  text-align: center;
}
.new-responsive-template .jtweb-elem-btn-list .style-right .btn-list {
  justify-content: flex-end;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-btn-list .btn-list {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-btn-list .btn-list > li {
    flex: 0 1 268px;
    max-width: 268px;
  }
  .new-responsive-template .jtweb-elem-btn-list .btn-list > li:not(:nth-of-type(3n + 1)) {
    margin-left: 32px;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-btn-list .btn-list > li:nth-of-type(n + 4) {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-btn-list .btn-list > li:not(:nth-of-type(1)) {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
.new-responsive-template .jtweb-elem-btn {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  text-align: center;
  border-radius: 5px;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-btn {
    max-width: 270px;
    min-height: 44px;
    font-size: 14px;
    padding: 10px 55px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-btn {
    font-size: 14px;
    font-size: 3.7333333333vw;
    padding: 5px 27.5px 5px 27.5px;
    padding: 2.6666666667vw 14.6666666667vw 2.6666666667vw 14.6666666667vw;
  }
}
.new-responsive-template .jtweb-elem-btn::after {
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-btn::after {
    margin-left: 5px;
    right: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-btn::after {
    margin-left: 2.5px;
    margin-left: 1.3333333333vw;
    right: 8px;
    right: 4.2666666667vw;
    top: 50%;
    transform: translateY(-50%);
  }
}
.new-responsive-template .jtweb-elem-btn > span {
  display: inherit;
}
.new-responsive-template .jtweb-elem-btn:not([target=_blank]):not([class*=style-]) {
  border: 1px solid #033824;
}
.new-responsive-template .jtweb-elem-btn:not([target=_blank]):not([class*=style-])::after {
  content: "";
  display: inline-block;
  background-image: url("/assets/img/component/icon_anime_arrow_black.png");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .new-responsive-template .jtweb-elem-btn:not([target=_blank]):not([class*=style-])::after, .old-responsive-template .new-responsive-template .jtweb-elem-btn:not([target=_blank]):not([class*=style-])::after {
    width: 16px;
    width: 8.5333333333vw;
    height: 16px;
    height: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-btn:not([target=_blank]):not([class*=style-]):hover::after {
    animation: icon-arrow 0.3s steps(9) forwards;
  }
}
.new-responsive-template .jtweb-elem-btn[target=_blank] {
  border: 1px solid #033824;
}
.new-responsive-template .jtweb-elem-btn[target=_blank]::after {
  content: "";
  display: inline-block;
  background-image: url("/assets/img/component/icon_anime_blank.png");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .new-responsive-template .jtweb-elem-btn[target=_blank]::after, .old-responsive-template .new-responsive-template .jtweb-elem-btn[target=_blank]::after {
    width: 16px;
    width: 8.5333333333vw;
    height: 16px;
    height: 8.5333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-btn[target=_blank]::after {
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-btn[target=_blank]:hover::after {
    animation: icon-blank 0.3s steps(15) forwards;
  }
}
.new-responsive-template .jtweb-elem-btn.style-anchor[href^="#"] {
  border: 1px solid #033824;
}
.new-responsive-template .jtweb-elem-btn.style-anchor[href^="#"]::after {
  content: "";
  display: inline-block;
  background-image: url("/assets/img/component/icon_anime_anchorlink.png");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .new-responsive-template .jtweb-elem-btn.style-anchor[href^="#"]::after, .old-responsive-template .new-responsive-template .jtweb-elem-btn.style-anchor[href^="#"]::after {
    width: 16px;
    width: 8.5333333333vw;
    height: 16px;
    height: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-btn.style-anchor[href^="#"]:hover::after {
    animation: icon-anchorlink 0.3s steps(9) forwards;
  }
}
.new-responsive-template .jtweb-elem-btn.style-zoom {
  border: 1px solid #033824;
}
.new-responsive-template .jtweb-elem-btn.style-zoom::after {
  content: "";
  display: inline-block;
  background-image: url("/assets/img/component/icon_anime_zoom.png");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .new-responsive-template .jtweb-elem-btn.style-zoom::after, .old-responsive-template .new-responsive-template .jtweb-elem-btn.style-zoom::after {
    width: 16px;
    width: 8.5333333333vw;
    height: 16px;
    height: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-btn.style-zoom:hover::after {
    animation: icon-zoom 0.3s steps(11) forwards;
  }
}
.new-responsive-template .jtweb-elem-btn.style-download {
  border: 1px solid #033824;
}
.new-responsive-template .jtweb-elem-btn.style-download::after {
  content: "";
  display: inline-block;
  background-image: url("/assets/img/component/icon_anime_download.png");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .new-responsive-template .jtweb-elem-btn.style-download::after, .old-responsive-template .new-responsive-template .jtweb-elem-btn.style-download::after {
    width: 16px;
    width: 8.5333333333vw;
    height: 16px;
    height: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-btn.style-download:hover::after {
    animation: icon-download 0.3s steps(14) forwards;
  }
}
.new-responsive-template .jtweb-elem-btn.style-prev {
  background-color: #5C7364;
  color: #fff;
}
.new-responsive-template .jtweb-elem-btn.style-prev::before {
  content: "";
  display: inline-block;
  background-image: url("/assets/img/component/icon_anime_arrow_back.png");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .new-responsive-template .jtweb-elem-btn.style-prev::before, .old-responsive-template .new-responsive-template .jtweb-elem-btn.style-prev::before {
    width: 16px;
    width: 8.5333333333vw;
    height: 16px;
    height: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-btn.style-prev::before {
    margin-left: 5px;
    left: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-btn.style-prev::before {
    left: 8px;
    left: 4.2666666667vw;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-btn.style-prev:hover::before {
    animation: icon-back 0.3s steps(9) forwards;
  }
}
.new-responsive-template .jtweb-elem-btn.style-inactive {
  background-color: #CCD9D4;
  color: #fff;
  pointer-events: none;
}
.new-responsive-template .jtweb-elem-list-accordion {
  border-top: 1px solid #CCD9D4;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-list-accordion {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-list-accordion {
    margin-top: 16px;
    margin-top: 8.5333333333vw;
  }
}
.new-responsive-template .jtweb-elem-list-accordion .list-accordion li {
  overflow: hidden;
}
.new-responsive-template .jtweb-elem-list-accordion .list-accordion li .list-accordion-head {
  background: #fff;
  border-bottom: 1px solid #CCD9D4;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-list-accordion .list-accordion li .list-accordion-head {
    font-size: 18px;
    padding: 20px 0;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-list-accordion .list-accordion li .list-accordion-head {
    font-size: 16px;
    font-size: 4.2666666667vw;
    padding: 10px 0px;
    padding: 5.3333333333vw 0vw;
  }
}
.new-responsive-template .jtweb-elem-list-accordion .list-accordion li .list-accordion-head > div {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-list-accordion .list-accordion li .list-accordion-head > div {
    padding-right: 40px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-list-accordion .list-accordion li .list-accordion-head > div {
    padding-right: 20px;
    padding-right: 10.6666666667vw;
  }
}
.new-responsive-template .jtweb-elem-list-accordion .list-accordion li .list-accordion-head > div::before, .new-responsive-template .jtweb-elem-list-accordion .list-accordion li .list-accordion-head > div::after {
  content: "";
  display: inline-block;
  background-color: #033824;
  position: absolute;
  top: calc(50% - 1px);
  transition: 0.2s transform;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-list-accordion .list-accordion li .list-accordion-head > div::before, .new-responsive-template .jtweb-elem-list-accordion .list-accordion li .list-accordion-head > div::after {
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-list-accordion .list-accordion li .list-accordion-head > div::before, .new-responsive-template .jtweb-elem-list-accordion .list-accordion li .list-accordion-head > div::after {
    right: 0px;
    right: 0vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-list-accordion .list-accordion li .list-accordion-head > div::before, .new-responsive-template .jtweb-elem-list-accordion .list-accordion li .list-accordion-head > div::after {
    width: 15px;
    height: 1px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-list-accordion .list-accordion li .list-accordion-head > div::before, .new-responsive-template .jtweb-elem-list-accordion .list-accordion li .list-accordion-head > div::after {
    width: 7.5px;
    width: 4vw;
    height: 0.5px;
    height: 0.2666666667vw;
  }
}
.new-responsive-template .jtweb-elem-list-accordion .list-accordion li .list-accordion-head p {
  color: #111;
}
.new-responsive-template .jtweb-elem-list-accordion .list-accordion li .list-accordion-head:focus-visible {
  outline-offset: -1px;
}
.new-responsive-template .jtweb-elem-list-accordion .list-accordion li .list-accordion-body > div > [class^=jtweb-elem-]:first-child {
  margin-top: 0;
}
.new-responsive-template .jtweb-elem-list-accordion .list-accordion li .list-accordion-body *:focus-visible {
  outline-offset: -1px;
}
.new-responsive-template .jtweb-elem-list-accordion .list-accordion li.open .list-accordion-head {
  border-bottom: 2px solid #2a2f37;
}
.new-responsive-template .jtweb-elem-list-accordion .list-accordion li.open .list-accordion-head > div::after {
  transform: rotate(0deg) scaleY(0);
  transition: transform 0.3s ease-in-out;
}
.new-responsive-template .jtweb-elem-list-accordion .list-accordion li.open .list-accordion-head p {
  font-weight: bold;
}
.new-responsive-template .jtweb-elem-list-accordion .list-accordion li.open .list-accordion-body {
  border-bottom: 1px solid #CCD9D4;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-list-accordion .list-accordion li.open .list-accordion-body {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-list-accordion .list-accordion li.open .list-accordion-body {
    padding: 10px 0px;
    padding: 5.3333333333vw 0vw;
    padding: 10px 0px;
    padding: 5.3333333333vw 0vw;
  }
}
.new-responsive-template .jtweb-elem-list-accordion .list-accordion li.open .list-accordion-body * {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s ease-in-out;
}
.new-responsive-template .jtweb-elem-list-accordion .list-accordion li:not(.open) .list-accordion-head > div::after {
  transform: rotate(90deg) scaleY(1);
  transition: transform 0.2s ease-in-out;
}
.new-responsive-template .jtweb-elem-list-accordion .list-accordion li:not(.open) .list-accordion-body {
  max-height: 0;
}
.new-responsive-template .jtweb-elem-list-accordion .list-accordion li:not(.open) .list-accordion-body * {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.6s;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-news-panel-unit {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-news-panel-unit {
    margin-top: 16px;
    margin-top: 8.5333333333vw;
  }
}
.new-responsive-template .jtweb-elem-news-panel-unit > div > div > div > div {
  display: flex;
  flex-wrap: wrap;
}
.new-responsive-template .jtweb-elem-news-panel-unit .news-item .holder img {
  width: 100%;
  max-width: 100%;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-news-panel-unit .news-item .date-box {
    font-size: 14px;
    margin-top: 8px;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-news-panel-unit .news-item .label-box {
    margin-top: 8px;
  }
}
.new-responsive-template .jtweb-elem-news-panel-unit .news-item .jtweb-elem-paragraph {
  line-height: 1.8;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-news-panel-unit .news-item .jtweb-elem-paragraph {
    font-size: 14px;
    margin-top: 8px;
  }
}
.new-responsive-template .jtweb-elem-news-panel-unit .news-item > div > a {
  display: block;
  text-decoration: none;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-news-panel-unit .style-column2 .news-item {
    flex: 1 1 420px;
    max-width: 420px;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-news-panel-unit .style-column2 .news-item:nth-of-type(even) {
    margin-left: 32px;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-news-panel-unit .style-column3 .news-item {
    flex: 1 1 270px;
    max-width: 270px;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-news-panel-unit .style-column3 .news-item:not(:nth-of-type(3n + 1)) {
    margin-left: 32px;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-news-panel-unit .style-column4 .news-item {
    flex: 1 1 195px;
    max-width: 195px;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-news-panel-unit .style-column4 .news-item:not(:nth-of-type(4n + 1)) {
    margin-left: 32px;
  }
}
.new-responsive-template .label-box {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  line-height: 1;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .label-box {
    width: 150px;
    height: 18px;
    font-size: 12px;
    border-radius: 9px;
  }
}
.new-responsive-template .label-box.label-cate-01 {
  background: linear-gradient(to right, #00ae68, #3faea5);
}
.new-responsive-template .label-box.label-cate-02 {
  background: linear-gradient(to right, #95B708, #58c383);
}
.new-responsive-template .label-box.label-cate-03 {
  background: linear-gradient(to right, #1c8bdd, #7e83e8);
}
.new-responsive-template .label-box.label-cate-04 {
  background: linear-gradient(to right, #d16618, #ef6e86);
}
.new-responsive-template .label-box.label-cate-05 {
  background: linear-gradient(to right, #eaa21B, #ff8d6f);
}
.new-responsive-template .label-box.label-cate-06 {
  background: linear-gradient(to right, #7442c3, #a45faf);
}
.new-responsive-template .label-box.label-cate-07 {
  background: linear-gradient(to right, #2bc0c6, #6ea0e5);
}
.new-responsive-template .label-box.label-cate-08 {
  background: linear-gradient(to right, #008650, #3a88a5);
}
.new-responsive-template .label-box.label-cate-09 {
  background: linear-gradient(to right, #4d525a, #787e87);
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-nav-panel .panel-box {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-nav-panel .panel-box:not(:first-child) {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-nav-panel .panel-box:not(:first-child) {
    margin-top: 16px;
    margin-top: 8.5333333333vw;
  }
}
.new-responsive-template .jtweb-elem-nav-panel .panel-item {
  flex: 0 1;
  text-align: center;
  border-radius: 5px;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-nav-panel .panel-item:not(:first-child) {
    margin-left: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-nav-panel .panel-item:not(:first-child) {
    margin-top: 16px;
    margin-top: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-nav-panel .panel-item.panel-l {
    flex-basis: 100%;
    width: 100%;
    height: 240px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-nav-panel .panel-item.panel-l {
    flex-basis: 345px;
    width: 172.5px;
    width: 92vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-nav-panel .panel-item.panel-m {
    flex-basis: 510px;
    width: 510px;
    height: 240px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-nav-panel .panel-item.panel-m {
    flex-basis: 345px;
    width: 172.5px;
    width: 92vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-nav-panel .panel-item.panel-s {
    flex-basis: 240px;
    width: 240px;
    height: 240px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-nav-panel .panel-item.panel-s {
    flex-basis: 345px;
    width: 172.5px;
    width: 92vw;
    margin-left: auto;
    margin-right: auto;
  }
}
.new-responsive-template .jtweb-elem-nav-panel .panel-item a {
  display: block;
  position: relative;
}
.new-responsive-template .jtweb-elem-nav-panel .panel-item a:not([target=_blank])::after {
  content: "";
  display: inline-block;
  background: url(/assets/img/component/arrow_right.svg) no-repeat center center;
  position: absolute;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-nav-panel .panel-item a:not([target=_blank])::after {
    background-size: 100% 10px;
    width: 60px;
    height: 10px;
    right: 15px;
    bottom: 15px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-nav-panel .panel-item a:not([target=_blank])::after {
    background-size: 30px 5px;
    background-size: 16vw 2.6666666667vw;
    width: 30px;
    width: 16vw;
    height: 5px;
    height: 2.6666666667vw;
    right: 8px;
    right: 4.2666666667vw;
    bottom: 8px;
    bottom: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-nav-panel .panel-item img {
    width: 100%;
  }
}
.new-responsive-template .jtweb-elem-nav-panel .panel-label {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  position: absolute;
  top: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-nav-panel .panel-label {
    width: 150px;
    height: 24px;
    font-size: 12px;
    left: 15px;
    border-radius: 0 0 5px 5px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-nav-panel .panel-label {
    width: 75px;
    width: 40vw;
    height: 12px;
    height: 6.4vw;
    font-size: 12px;
    font-size: 3.2vw;
    left: 7.5px;
    left: 4vw;
    border-radius: 0 0 5px 5px;
  }
}
.new-responsive-template .jtweb-elem-nav-panel .panel-label.label-cate-01 {
  background-color: #00ae68;
}
.new-responsive-template .jtweb-elem-nav-panel .panel-label.label-cate-02 {
  background-color: #a1c609;
}
.new-responsive-template .jtweb-elem-nav-panel .panel-label.label-cate-03 {
  background-color: #1c8bdd;
}
.new-responsive-template .jtweb-elem-nav-panel .panel-label.label-cate-04 {
  background-color: #d16618;
}
.new-responsive-template .jtweb-elem-nav-panel .panel-label.label-cate-05 {
  background-color: #efaa29;
}
.new-responsive-template .jtweb-elem-nav-panel .panel-label.label-cate-06 {
  background-color: #7442c3;
}
.new-responsive-template .jtweb-elem-nav-panel .panel-label.label-cate-07 {
  background-color: #2bc0c6;
}
.new-responsive-template .jtweb-elem-nav-panel .panel-label.label-cate-08 {
  background-color: #008650;
}
.new-responsive-template .jtweb-elem-nav-panel .panel-label.label-cate-09 {
  background-color: #333;
}

@media screen and (min-width: 768px), print {
  .c-nav-05-01 {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  .c-nav-05-01 {
    margin-top: 30px;
  }
}
.c-nav-05-01 a {
  display: flex;
  width: 100%;
  height: 100%;
  text-decoration: none;
  position: relative;
  border: 1px solid #D8DCE3;
}
@media screen and (max-width: 767px) {
  .c-nav-05-01 a {
    flex-direction: column;
  }
}
.c-nav-05-01 a:not([target=_blank])::after {
  content: "";
  display: inline-block;
  background-image: url("/assets/img/component/icon_anime_arrow_black.png");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-nav-05-01 a:not([target=_blank])::after, .old-responsive-template .c-nav-05-01 a:not([target=_blank])::after {
    width: 16px;
    width: 8.5333333333vw;
    height: 16px;
    height: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .c-nav-05-01 a:not([target=_blank])::after {
    bottom: 15px;
    right: 30px;
  }
}
@media screen and (max-width: 767px) {
  .c-nav-05-01 a:not([target=_blank])::after {
    bottom: 5px;
    bottom: 2.6666666667vw;
    right: 10px;
    right: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .c-nav-05-01 a:not([target=_blank]):hover::after {
    animation: icon-arrow 0.3s steps(9) forwards;
  }
}
.c-nav-05-01 a[target=_blank]::after {
  content: "";
  display: inline-block;
  background-image: url("/assets/img/component/icon_anime_blank.png");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-nav-05-01 a[target=_blank]::after, .old-responsive-template .c-nav-05-01 a[target=_blank]::after {
    width: 16px;
    width: 8.5333333333vw;
    height: 16px;
    height: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .c-nav-05-01 a[target=_blank]::after {
    bottom: 15px;
    right: 30px;
  }
}
@media screen and (max-width: 767px) {
  .c-nav-05-01 a[target=_blank]::after {
    bottom: 2.5px;
    bottom: 1.3333333333vw;
    right: 10px;
    right: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .c-nav-05-01 a[target=_blank]:hover::after {
    animation: icon-blank 0.3s steps(15) forwards;
  }
}
@media screen and (min-width: 768px), print {
  .c-nav-05-01 .c-nav-05-01-image {
    width: 330px;
  }
}
@media screen and (max-width: 767px) {
  .c-nav-05-01 .c-nav-05-01-image {
    width: 100%;
  }
}
.c-nav-05-01 .c-nav-05-01-image img {
  width: 100%;
}
.c-nav-05-01 .c-nav-05-01-textarea {
  box-sizing: border-box;
}
@media screen and (min-width: 768px), print {
  .c-nav-05-01 .c-nav-05-01-textarea {
    width: calc(100% - 330px);
    padding: 30px 40px;
  }
}
@media screen and (max-width: 767px) {
  .c-nav-05-01 .c-nav-05-01-textarea {
    width: 100%;
    padding: 8px 8px 24px 8px;
    padding: 4.2666666667vw 4.2666666667vw 12.8vw 4.2666666667vw;
  }
}
.c-nav-05-01 .c-nav-05-01-textarea-head {
  font-weight: bold;
}
@media screen and (min-width: 768px), print {
  .c-nav-05-01 .c-nav-05-01-textarea-head {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .c-nav-05-01 .c-nav-05-01-textarea-head {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
.c-nav-05-01 .c-nav-05-01-textarea-caption {
  margin-top: 15px;
}
@media screen and (min-width: 768px), print {
  .c-nav-05-01 .c-nav-05-01-textarea-caption {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .c-nav-05-01 .c-nav-05-01-textarea-caption {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}

/*
========================================================
- IMG
========================================================
*/
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-pic {
    max-width: 100%;
    margin-top: 16px;
    margin-top: 8.5333333333vw;
  }
}
.new-responsive-template .jtweb-elem-pic > div > div > div {
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic > div > div > div > div {
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic .pic-item {
    margin-top: 1.6666666667%;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-pic .pic-item:not(:first-child) {
    margin-top: 15px;
    margin-top: 8vw;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-pic .pic-item.is-auto img {
    width: auto;
  }
}
.new-responsive-template .jtweb-elem-pic .holder {
  position: relative;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-pic .holder {
    width: 100%;
  }
}
.new-responsive-template .jtweb-elem-pic .holder img {
  width: 100%;
  max-width: 100%;
}
.new-responsive-template .jtweb-elem-pic .holder a {
  display: block;
}
.new-responsive-template .jtweb-elem-pic .holder a:focus-visible {
  outline-offset: -1px;
}
.new-responsive-template .jtweb-elem-pic .caption {
  color: #5C7364;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic .caption {
    font-size: 12px;
    margin-top: 8px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-pic .caption {
    font-size: 12px;
    font-size: 3.2vw;
    margin-top: 4px;
    margin-top: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic > .style-center > div > div > div {
    justify-content: center;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic > .style-right > div > div > div {
    justify-content: flex-end;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic > .style-1col > div > div > div > .pic-item {
    margin-top: 0;
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic > .style-2col > div > div > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic > .style-2col > div > div > div > .pic-item {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-pic > .style-2col > div > div > div > .pic-item:not(:first-child) {
    margin-top: 15px;
    margin-top: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic > .style-3col > div > div > div {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic > .style-3col > div > div > div > .pic-item {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-pic > .style-3col > div > div > div > .pic-item:not(:first-child) {
    margin-top: 15px;
    margin-top: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic > .style-4col > div > div > div {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-pic > .style-4col > div > div > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic > .style-4col > div > div > div > .pic-item {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-pic > .style-4col > div > div > div > .pic-item {
    flex-shrink: 0;
    flex-grow: 1;
    flex: 1 1;
    flex-basis: 47.8260869565%;
    max-width: 47.8260869565%;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-pic > .style-4col > div > div > div > .pic-item:not(:first-child) {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-pic > .style-4col > div > div > div > .pic-item:nth-child(n+3) {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-pic > .style-changer > div > div > div > .pic-item {
    width: 100%;
  }
}
.new-responsive-template .jtweb-elem-pic > .style-changer > div > div > div > .pic-item .holder {
  position: relative;
  width: 100%;
}
.new-responsive-template .jtweb-elem-pic > .style-changer > div > div > div > .pic-item .holder img {
  position: relative;
  transition: opacity 0.4s;
}
.new-responsive-template .jtweb-elem-pic > .style-changer > div > div > div > .pic-item .holder img:not(:first-child) {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
.new-responsive-template .jtweb-elem-pic > .style-changer > div > div > div > .pic-item .holder img.is-current {
  opacity: 1;
}
.new-responsive-template .jtweb-elem-pic > .style-changer .caption {
  line-height: 1.5;
  color: #5C7364;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic > .style-changer .caption {
    font-size: 12px;
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-pic > .style-changer .caption {
    font-size: 12px;
    font-size: 3.2vw;
    margin-top: 5px;
    margin-top: 2.6666666667vw;
  }
}
.new-responsive-template .jtweb-elem-pic > .style-changer .thumb {
  margin-top: 7px;
}
.new-responsive-template .jtweb-elem-pic > .style-changer .thumb > ul {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic > .style-changer .thumb > ul {
    margin: -3px 0 0 -3px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-pic > .style-changer .thumb > ul {
    margin: -3px 0px 0px -3px;
    margin: -0.8vw 0vw 0vw -0.8vw;
  }
}
.new-responsive-template .jtweb-elem-pic > .style-changer .thumb > ul li {
  flex-basis: calc(25% - 3px);
  width: calc(25% - 3px);
  box-sizing: border-box;
  opacity: 0.5;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic > .style-changer .thumb > ul li {
    margin: 3px 0 0 3px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-pic > .style-changer .thumb > ul li {
    padding: 1.5px 0px 0px 1.5px;
    padding: 0.8vw 0vw 0vw 0.8vw;
  }
}
.new-responsive-template .jtweb-elem-pic > .style-changer .thumb > ul li.is-current {
  opacity: 1;
}
.new-responsive-template .jtweb-elem-pic > .style-changer .thumb > ul li > .thumb-holder > img {
  width: 100%;
  max-width: 100%;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic > .style-changer.w-300 > div > div > div > .pic-item {
    width: 300px;
    flex-basis: auto;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic > .style-changer.w-400 > div > div > div > .pic-item {
    width: 400px;
    flex-basis: auto;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic > .style-changer.w-500 > div > div > div > .pic-item {
    width: 500px;
    flex-basis: auto;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic-block {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-pic-block {
    max-width: 100%;
    margin-top: 16px;
    margin-top: 8.5333333333vw;
  }
}
.new-responsive-template .jtweb-elem-pic-block > div > div > div > div {
  display: flex;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-pic-block > div > div > div > div {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    min-height: 100%;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic-block .pic-box {
    flex: 0 0 31.0344827586%;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-pic-block .pic-box {
    flex: 1 0 auto;
    order: 0;
    width: 100%;
    min-height: 100%;
  }
}
.new-responsive-template .jtweb-elem-pic-block .pic-box + .txt-box {
  min-width: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic-block .pic-box + .txt-box {
    margin-left: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-pic-block .pic-box + .txt-box {
    flex: 0 1 auto;
    order: 1;
    width: 100%;
    min-height: 100%;
    margin-top: 10px;
    margin-top: 5.3333333333vw;
  }
}
.new-responsive-template .jtweb-elem-pic-block .pic-box > div .jtweb-elem-pic {
  margin-top: 0;
}
.new-responsive-template .jtweb-elem-pic-block .pic-box > div .jtweb-elem-pic > div > div > div > div {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic-block .pic-box > div .jtweb-elem-pic .pic-item {
    width: 100%;
    max-width: 100%;
    margin: 0;
    flex: 1 0 270px;
  }
}
.new-responsive-template .jtweb-elem-pic-block .txt-box {
  min-width: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic-block .txt-box {
    flex: 0 1 100%;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-pic-block .txt-box {
    flex: 1 0 auto;
    order: 1;
    max-width: 100%;
    min-height: 100%;
    margin-top: 10px;
    margin-top: 5.3333333333vw;
  }
}
.new-responsive-template .jtweb-elem-pic-block .txt-box .txt-body > div > [class^=jtweb-elem-]:first-child {
  margin-top: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic-block .txt-box .txt-body .txt-body-col2 > div {
    display: flex;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic-block .txt-box .txt-body .txt-body-col2 .txt-body-col2-item {
    flex: 1 1 0%;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-pic-block .txt-box .txt-body .txt-body-col2 .txt-body-col2-item {
    flex: 1 0 100%;
    margin-top: 10px;
    margin-top: 5.3333333333vw;
  }
}
.new-responsive-template .jtweb-elem-pic-block .txt-box .txt-body .txt-body-col2 .txt-body-col2-item:nth-child(odd) {
  padding-right: 2.6315789474%;
}
.new-responsive-template .jtweb-elem-pic-block .txt-box .txt-body .txt-body-col2 .txt-body-col2-item:nth-child(even) {
  padding-left: 2.6315789474%;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic-block .txt-box + .pic-box {
    flex: 0 0 270px;
    margin-left: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-pic-block .txt-box + .pic-box {
    flex: 0 0 auto;
    order: 0;
    width: 100%;
    min-height: 100%;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-pic-block + .new-responsive-template .jtweb-elem-pic-block {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-pic-block + .new-responsive-template .jtweb-elem-pic-block {
    margin-top: 16px;
    margin-top: 8.5333333333vw;
  }
}

/*
========================================================
- Table
========================================================
*/
@media screen and (min-width: 768px), print {
  .new-responsive-template div.jtweb-elem-table {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template div.jtweb-elem-table {
    margin-top: 16px;
    margin-top: 8.5333333333vw;
    overflow: scroll;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template div.jtweb-elem-table .style-product {
    min-width: 435px;
    min-width: 232vw;
    max-width: none;
    overflow-x: auto;
  }
}
.new-responsive-template div.jtweb-elem-table .style-product table.jtweb-elem-table {
  border-bottom: 1px solid #CCD9D4;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template div.jtweb-elem-table .style-product table.jtweb-elem-table {
    border-radius: 8px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template div.jtweb-elem-table .style-product table.jtweb-elem-table {
    border-radius: 2.1333333333vw;
  }
}
.new-responsive-template div.jtweb-elem-table .style-product table.jtweb-elem-table th, .new-responsive-template div.jtweb-elem-table .style-product table.jtweb-elem-table td {
  border-top: 1px solid #CCD9D4;
}
.new-responsive-template div.jtweb-elem-table .style-product table.jtweb-elem-table th {
  vertical-align: middle;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template div.jtweb-elem-table .style-product table.jtweb-elem-table th {
    padding: 8px 24px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template div.jtweb-elem-table .style-product table.jtweb-elem-table th {
    padding: 4px 8px;
    padding: 2.1333333333vw 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template div.jtweb-elem-table .style-product table.jtweb-elem-table td {
    padding: 16px 24px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template div.jtweb-elem-table .style-product table.jtweb-elem-table td {
    padding: 8px;
    padding: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template div.jtweb-elem-table .style-product table.jtweb-elem-table tr:not(:first-child) th {
    padding: 16px 24px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template div.jtweb-elem-table .style-product table.jtweb-elem-table tr:not(:first-child) th {
    padding: 8px;
    padding: 4.2666666667vw;
  }
}
.new-responsive-template div.jtweb-elem-table .style-product table.jtweb-elem-table .table-lv1,
.new-responsive-template div.jtweb-elem-table .style-product table.jtweb-elem-table .table-lv2 {
  background: #F1F4F3;
  border: 1px solid #FAFAFA;
  vertical-align: middle;
}
.new-responsive-template div.jtweb-elem-table .style-product table.jtweb-elem-table thead .table-elem,
.new-responsive-template div.jtweb-elem-table .style-product table.jtweb-elem-table tbody .table-elem {
  border-top: none;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template div.jtweb-elem-table .style-product table.jtweb-elem-table thead .table-elem,
  .new-responsive-template div.jtweb-elem-table .style-product table.jtweb-elem-table tbody .table-elem {
    padding: 8px 16px 16px 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template div.jtweb-elem-table .style-product table.jtweb-elem-table thead .table-elem,
  .new-responsive-template div.jtweb-elem-table .style-product table.jtweb-elem-table tbody .table-elem {
    padding: 4px 8px 8px 8px;
    padding: 2.1333333333vw 4.2666666667vw 4.2666666667vw 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template div.jtweb-elem-table .style-product table.jtweb-elem-table thead .table-elem .jtweb-elem-color-box > div > div,
  .new-responsive-template div.jtweb-elem-table .style-product table.jtweb-elem-table tbody .table-elem .jtweb-elem-color-box > div > div {
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template div.jtweb-elem-table .style-product table.jtweb-elem-table thead .table-elem .jtweb-elem-color-box > div > div,
  .new-responsive-template div.jtweb-elem-table .style-product table.jtweb-elem-table tbody .table-elem .jtweb-elem-color-box > div > div {
    padding: 0;
  }
}
.new-responsive-template div.jtweb-elem-table .style-product th,
.new-responsive-template div.jtweb-elem-table .style-product td {
  border: none;
}
.new-responsive-template table.jtweb-elem-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  box-sizing: border-box;
}
.new-responsive-template table.jtweb-elem-table caption {
  text-align: right;
  font-size: 12px;
  padding: 0 0 7px;
}
.new-responsive-template table.jtweb-elem-table th,
.new-responsive-template table.jtweb-elem-table td {
  text-align: left;
  line-height: 1.6;
  vertical-align: top;
  border: 1px solid #CCD9D4;
  box-sizing: border-box;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template table.jtweb-elem-table th,
  .new-responsive-template table.jtweb-elem-table td {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template table.jtweb-elem-table th,
  .new-responsive-template table.jtweb-elem-table td {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
.new-responsive-template table.jtweb-elem-table th {
  font-weight: bold;
  background: #FAFAFA;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template table.jtweb-elem-table th {
    padding: 10px 15px 10px 20px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template table.jtweb-elem-table th {
    padding: 5px 10px;
    padding: 2.6666666667vw 5.3333333333vw;
  }
}
.new-responsive-template table.jtweb-elem-table td {
  font-weight: normal;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template table.jtweb-elem-table td {
    padding: 20px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template table.jtweb-elem-table td {
    padding: 10px;
    padding: 5.3333333333vw;
  }
}
.new-responsive-template table.jtweb-elem-table td > [class^=jtweb-elem-]:first-child {
  margin-top: 0;
}
.new-responsive-template table.jtweb-elem-table .table-lv1 {
  background: #F1F4F3;
}
.new-responsive-template table.jtweb-elem-table .table-lv2 {
  background: #F1F4F3;
}
.new-responsive-template table.jtweb-elem-table .table-center {
  text-align: center;
}
.new-responsive-template table.jtweb-elem-table .table-right {
  text-align: right;
}
.new-responsive-template table.jtweb-elem-table .table-top {
  vertical-align: top;
}
.new-responsive-template table.jtweb-elem-table .table-middle {
  vertical-align: middle;
}
.new-responsive-template table.jtweb-elem-table .table-bottom {
  vertical-align: bottom;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template table.jtweb-elem-table .table-small-pad {
    padding: 5px 8px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template table.jtweb-elem-table .table-small-pad {
    padding: 2.5px 4px;
    padding: 1.3333333333vw 2.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template table.jtweb-elem-table .table-large-pad {
    padding: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template table.jtweb-elem-table .table-large-pad {
    padding: 8px;
    padding: 4.2666666667vw;
  }
}
.new-responsive-template table.jtweb-elem-table .jtweb-elem-txt-list-detail {
  padding-bottom: 0;
}
.new-responsive-template table.jtweb-elem-table .table-elem .jtweb-elem-color-box > div > div {
  padding: 15px 20px 5px;
}
.new-responsive-template table.jtweb-elem-table .jtweb-elem-txt-list {
  padding-bottom: 0;
}
.new-responsive-template table.jtweb-elem-table .is-block {
  display: block;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .style-overflow-scroll {
    min-width: 384px;
    min-width: 204.8vw;
    max-width: none;
    overflow-x: auto;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .style-overflow-scroll td {
    max-width: 20em;
    word-break: keep-all;
    white-space: normal !important;
  }
}

/*
========================================================
- LAYOUT
========================================================
*/
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-divide-block:not(:first-child) {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-divide-block:not(:first-child) {
    margin-top: 16px;
    margin-top: 8.5333333333vw;
  }
}
.new-responsive-template .jtweb-elem-divide-block > div > div > div > div {
  width: 100%;
  display: grid;
}
@media print {
  .new-responsive-template .jtweb-elem-divide-block > div > div > div > div {
    display: block;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-divide-block .style-column2 > div > div > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-divide-block .style-column2 > div > div > div {
    grid-template-columns: 1fr;
    gap: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-divide-block .style-column3 > div > div > div {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-divide-block .style-column3 > div > div > div {
    grid-template-columns: 1fr;
    gap: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-divide-block .style-column4 > div > div > div {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-divide-block .style-column4 > div > div > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4vw;
    row-gap: 8vw;
  }
}
.new-responsive-template .jtweb-elem-divide-block .jtweb-elem-pic-block .style-vertical > div > div > div {
  flex-direction: column;
  min-height: 100%;
}
.new-responsive-template .jtweb-elem-divide-block .jtweb-elem-pic-block .style-vertical .pic-item {
  width: auto;
}
.new-responsive-template .jtweb-elem-divide-block .jtweb-elem-pic-block .style-vertical .pic-box {
  flex-basis: auto;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-divide-block .jtweb-elem-pic-block .style-vertical .pic-box + .txt-box {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-divide-block .jtweb-elem-pic-block .style-vertical .pic-box + .txt-box {
    margin-top: 0;
  }
}
.new-responsive-template .jtweb-elem-divide-block .jtweb-elem-pic-block .style-vertical .txt-box {
  box-sizing: border-box;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-divide-block .jtweb-elem-pic-block .style-vertical .txt-box {
    padding: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-divide-block .jtweb-elem-pic-block .style-vertical .txt-box {
    padding: 8px;
    padding: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-separete {
    margin-top: 64px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-separete {
    margin-top: 32px;
    margin-top: 17.0666666667vw;
  }
}
.new-responsive-template .jtweb-elem-separete hr {
  width: 100%;
  height: 1px;
  background: #CCD9D4;
}

/*
========================================================
- Navigation
========================================================
*/
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-color-box {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-color-box {
    margin-top: 16px;
    margin-top: 8.5333333333vw;
  }
}
.new-responsive-template .jtweb-elem-color-box > div > div > div > div {
  border: 1px solid #CCD9D4;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-color-box > div > div > div > div {
    padding: 30px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-color-box > div > div > div > div {
    padding: 10px 10px 10px 10px;
    padding: 5.3333333333vw 5.3333333333vw 5.3333333333vw 5.3333333333vw;
  }
}
.new-responsive-template .jtweb-elem-color-box > div > div > div > div > [class^=jtweb-elem-]:first-child {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-color-box .style-contact .jtweb-elem-heading-lv3 .title-holder h3 {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
.new-responsive-template .jtweb-elem-color-box .style-contact .jtweb-elem-heading-lv3 a {
  text-decoration: none;
}
.new-responsive-template .jtweb-elem-color-box .style-contact .jtweb-elem-heading-lv3 a::after {
  display: none;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-color-box .style-contact .jtweb-elem-heading-lv3 + .jtweb-elem-divide-block {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-color-box .style-contact .jtweb-elem-heading-lv3 + .jtweb-elem-divide-block {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-color-box .style-contact .jtweb-elem-heading-lv3 + .jtweb-elem-paragraph {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-color-box .style-contact .jtweb-elem-heading-lv3 + .jtweb-elem-paragraph {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-color-box .style-contact .jtweb-elem-heading-lv4 {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-color-box .style-contact .jtweb-elem-heading-lv4 {
    margin-top: 16px;
    margin-top: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-color-box .style-contact .jtweb-elem-heading-lv4 ~ .jtweb-elem-paragraph {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-color-box .style-contact .jtweb-elem-heading-lv4 ~ .jtweb-elem-paragraph {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-color-box .style-contact .jtweb-elem-heading-lv4 ~ .jtweb-elem-txt-list-detail {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-color-box .style-contact .jtweb-elem-heading-lv4 ~ .jtweb-elem-txt-list-detail {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-color-box .style-contact .jtweb-elem-heading-lv4 ~ .jtweb-elem-txt-list-detail dt {
    width: 150px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-color-box .style-contact .jtweb-elem-heading-lv4 ~ .jtweb-elem-txt-list-detail .txt-list-detail:not(:first-child) {
    margin-top: 4px;
    margin-top: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-color-box .style-contact .jtweb-elem-heading-lv4 ~ .jtweb-elem-txt-list-detail .txt-list-detail:not(:first-child) > dt::after {
    top: 0;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-color-box .style-contact .jtweb-elem-heading-lv4 ~ .jtweb-elem-txt-list-detail .txt-list-detail:not(:first-child) > dt::after {
    top: 0px;
    top: 0vw;
  }
}
.new-responsive-template .jtweb-elem-color-box .style-contact .divide-box > div [class^=jtweb-elem-]:first-child {
  margin-top: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-color-box .style-contact .style-column2 .divide-box {
    max-width: 384px;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-color-box .style-contact .style-column2 .divide-box:nth-of-type(even) {
    margin-left: mg40px;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-color-box .style-contact .style-column2 .divide-box .jtweb-elem-paragraph + .jtweb-elem-txt-list {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-color-box .style-contact .style-column2 .divide-box .jtweb-elem-paragraph + .jtweb-elem-txt-list {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
.new-responsive-template .jtweb-elem-color-box .style-contact-img > div {
  cursor: pointer;
  transition: opacity 0.2s;
}
.new-responsive-template .jtweb-elem-color-box .style-contact-img > div:hover {
  opacity: 0.6;
}
.new-responsive-template .jtweb-elem-color-box .style-contact-img > div > div > div {
  padding: 0;
}
.new-responsive-template .jtweb-elem-color-box .style-contact-img .jtweb-elem-pic-block > div > div > div > div .pic-box {
  order: 2;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-color-box .style-contact-img .jtweb-elem-pic-block .txt-box {
    padding: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-color-box .style-contact-img .jtweb-elem-pic-block .txt-box {
    margin-top: 0;
    padding: 8px;
    padding: 4.2666666667vw;
    box-sizing: border-box;
  }
}
.new-responsive-template .jtweb-elem-color-box .style-contact-img .jtweb-elem-pic-block .txt-box .jtweb-elem-heading-lv3 {
  margin-top: 0;
}
.new-responsive-template .jtweb-elem-color-box .style-contact-img .jtweb-elem-pic-block .txt-box .jtweb-elem-heading-lv3 a {
  text-decoration: none;
}
.new-responsive-template .jtweb-elem-color-box .style-contact-img .jtweb-elem-pic-block .txt-box .jtweb-elem-heading-lv3 a:hover {
  opacity: 1;
}
.new-responsive-template .jtweb-elem-color-box .style-contact-img .jtweb-elem-pic-block .txt-box .jtweb-elem-heading-lv3 a::after {
  display: none;
}
.new-responsive-template .jtweb-elem-color-box .style-contact-img .jtweb-elem-pic-block .pic-box {
  margin-left: 0;
  flex-basis: auto;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-color-box .style-contact-img .jtweb-elem-pic-block .pic-box {
    width: 100%;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-color-box .style-contact-img .jtweb-elem-pic-block .pic-item {
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-color-box .style-plugin .jtweb-elem-pic-block > div > div > div > div {
    align-items: flex-start;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-color-box .style-plugin .jtweb-elem-pic-block .pic-box {
    flex-basis: 158px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-color-box .style-plugin .jtweb-elem-pic-block .pic-box {
    flex: 0 1 auto;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-color-box .style-plugin .jtweb-elem-pic-block .jtweb-elem-pic .pic-item {
    width: 158px;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-color-box .style-plugin .jtweb-elem-pic-block .jtweb-elem-paragraph {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-color-box .style-plugin .jtweb-elem-pic-block .jtweb-elem-paragraph {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-color-box .style-plugin .jtweb-elem-pic-block .jtweb-elem-paragraph + .jtweb-elem-txt-list {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-color-box .style-plugin .jtweb-elem-pic-block .jtweb-elem-paragraph + .jtweb-elem-txt-list {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
.new-responsive-template .jtweb-elem-color-box .style-plugin .jtweb-elem-pic-block .pic-box .pic-item img {
  width: auto;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-divide-block {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-divide-block {
    margin-top: 16px;
    margin-top: 8.5333333333vw;
  }
}
.new-responsive-template .jtweb-elem-divide-block .divide-box > div > [class^=jtweb-elem-]:first-child {
  margin-top: 0;
}

/*
========================================================
- Navigation
========================================================
*/
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-movie-unit {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-movie-unit {
    margin-top: 15px;
    margin-top: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-movie-unit > div > div > div > div {
    display: flex;
    flex-wrap: wrap;
  }
}
.new-responsive-template .jtweb-elem-movie-unit > div > div > div > div > .movie-item {
  box-sizing: border-box;
  position: relative;
  text-decoration: none;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-movie-unit > div > div > div > div > .movie-item {
    display: flex;
  }
}
.new-responsive-template .jtweb-elem-movie-unit > div > div > div > div > .movie-item > div {
  width: 100%;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-movie-unit > div > div > div > div > .movie-item > div {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
}
.new-responsive-template .jtweb-elem-movie-unit > div > div > div > div > .movie-item > div a {
  height: 100%;
  text-decoration: none;
}
.new-responsive-template .jtweb-elem-movie-unit .holder {
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-movie-unit .holder {
    border-radius: 8px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-movie-unit .holder {
    border-radius: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-movie-unit .holder {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-movie-unit .holder {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
.new-responsive-template .jtweb-elem-movie-unit .holder img {
  width: 100%;
}
.new-responsive-template .jtweb-elem-movie-unit .holder.movie-thumb a {
  position: relative;
  display: block;
}
.new-responsive-template .jtweb-elem-movie-unit .holder.movie-thumb a:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("/assets/img/component/movie_start.svg") no-repeat 0 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-movie-unit .holder.movie-thumb a:after {
    width: 62px;
    height: 62px;
    background-size: 62px 62px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-movie-unit .holder.movie-thumb a:after {
    width: 31px;
    width: 16.5333333333vw;
    height: 31px;
    height: 16.5333333333vw;
    background-size: 16.5333333333vw 16.5333333333vw;
  }
}
.new-responsive-template .jtweb-elem-movie-unit .holder.movie-thumb a:focus-visible {
  outline: 2px solid rgb(0, 95, 204);
  outline-offset: -2px;
}
.new-responsive-template .jtweb-elem-movie-unit .title {
  width: 100%;
  box-sizing: border-box;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-movie-unit .title {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-movie-unit .title {
    font-size: 9px;
    font-size: 4.8vw;
    margin-bottom: 7.5px;
    margin-bottom: 4vw;
  }
}
.new-responsive-template .jtweb-elem-movie-unit .title [class^=jtweb-elem-heading] {
  margin-top: 0;
}
.new-responsive-template .jtweb-elem-movie-unit > div:not([class^=style-column]) > div > div > div .jtweb-elem-pic {
  width: 100%;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-movie-unit > div:not([class^=style-column]) > div > div > div .movie-item {
    flex: 1 0 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-movie-unit > div:not([class^=style-column]) > div > div > div .movie-item {
    max-width: 100%;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-movie-unit > div:not([class^=style-column]) > div > div > div .movie-item:nth-of-type(n + 2) {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-movie-unit > div:not([class^=style-column]) > div > div > div .movie-item:nth-of-type(n + 2) {
    margin-top: 16px;
    margin-top: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-movie-unit .style-column2 .movie-item {
    flex: 1 0 50%;
    max-width: 420px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-movie-unit .style-column2 .movie-item {
    max-width: 100%;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-movie-unit .style-column2 .movie-item:not(:nth-of-type(2n + 1)) {
    margin-left: 32px;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-movie-unit .style-column2 .movie-item:nth-of-type(n + 3) {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-movie-unit .style-column2 .movie-item:nth-of-type(n + 2) {
    margin-top: 16px;
    margin-top: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-movie-unit .style-column3 .movie-item {
    flex: 1 0 33.3333%;
    max-width: 270px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-movie-unit .style-column3 .movie-item {
    max-width: 100%;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-movie-unit .style-column3 .movie-item:not(:nth-of-type(3n + 1)) {
    margin-left: 32px;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-movie-unit .style-column3 .movie-item:nth-of-type(n + 4) {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-movie-unit .style-column3 .movie-item:nth-of-type(n + 2) {
    margin-top: 16px;
    margin-top: 8.5333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-movie-unit .style-column4 > div > div > div {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-movie-unit .style-column4 > div > div > div .movie-item {
    flex: 1 0 25%;
    max-width: 195px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-movie-unit .style-column4 > div > div > div .movie-item {
    flex: 1 1;
    flex-basis: calc(50% - 15vw);
    max-width: 50%;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-movie-unit .style-column4 > div > div > div .movie-item:not(:nth-of-type(4n + 1)) {
    margin-left: 32px;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .jtweb-elem-movie-unit .style-column4 > div > div > div .movie-item:nth-of-type(n + 5) {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-movie-unit .style-column4 > div > div > div .movie-item:nth-of-type(even) {
    margin-left: 8px;
    margin-left: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .jtweb-elem-movie-unit .style-column4 > div > div > div .movie-item:nth-of-type(n + 3) {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}

.c-movie-kinetic {
  position: relative;
  width: 100%;
  height: 0 !important;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.c-movie-kinetic iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}

/*
========================================================
- Modal
========================================================
*/
.new-responsive-template .jtweb-modal-window {
  cursor: pointer !important;
}
.new-responsive-template .jtweb-modal-window-enable {
  overflow: hidden;
  position: relative;
}
.new-responsive-template #jtweb-modal-window-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(17, 17, 17, 0.7);
  box-sizing: border-box;
  z-index: 9999;
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: scroll;
  backface-visibility: hidden;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template #jtweb-modal-window-overlay {
    padding: 60px 0;
  }
}
.new-responsive-template #jtweb-modal-window-overlay.is-active #jtweb-modal-window-inner {
  display: flex;
}
.new-responsive-template #jtweb-modal-window-inner {
  justify-content: center;
  align-items: center;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  overflow-y: auto;
  position: absolute;
  top: 0;
  min-height: 100%;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template #jtweb-modal-window-inner {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template #jtweb-modal-window-inner {
    padding: 40px 7.5px 40px 7.5px;
    padding: 21.3333333333vw 4vw 21.3333333333vw 4vw;
  }
}
.new-responsive-template #jtweb-modal-window-content {
  box-sizing: border-box;
  background-color: #fff;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template #jtweb-modal-window-content {
    width: 870px;
    padding: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template #jtweb-modal-window-content {
    width: 100%;
    max-width: 100%;
    padding: 8px 8px 8px 8px;
    padding: 4.2666666667vw 4.2666666667vw 4.2666666667vw 4.2666666667vw;
  }
}
.new-responsive-template #jtweb-modal-window-content > [class^=jtweb-elem-]:first-child {
  margin-top: 0;
}
.new-responsive-template #jtweb-modal-window-close {
  display: none;
  box-sizing: border-box;
  z-index: 9999;
  position: fixed;
  background-color: #111;
  cursor: pointer;
  height: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template #jtweb-modal-window-close {
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    border-radius: 20px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template #jtweb-modal-window-close {
    top: 10px;
    top: 5.3333333333vw;
    right: 10px;
    right: 5.3333333333vw;
    width: 20px;
    width: 10.6666666667vw;
    height: 20px;
    height: 10.6666666667vw;
    border-radius: 10px;
    border-radius: 5.3333333333vw;
  }
}
.new-responsive-template #jtweb-modal-window-close.is-active {
  display: block;
}
.new-responsive-template #jtweb-modal-window-close::before, .new-responsive-template #jtweb-modal-window-close::after {
  display: block;
  box-sizing: border-box;
  content: "";
  position: absolute;
  margin: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #fff;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template #jtweb-modal-window-close::before, .new-responsive-template #jtweb-modal-window-close::after {
    width: 20px;
    height: 1px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template #jtweb-modal-window-close::before, .new-responsive-template #jtweb-modal-window-close::after {
    width: 10px;
    width: 5.3333333333vw;
    height: 0.5px;
    height: 0.2666666667vw;
  }
}
.new-responsive-template #jtweb-modal-window-close::after {
  transform: rotate(45deg);
}
.new-responsive-template #jtweb-modal-window-close::before {
  transform: rotate(-45deg);
}
@media screen and (max-width: 767px) {
  .new-responsive-template #jtweb-modal-window-arrows {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 1;
    left: 50%;
    bottom: 15px;
    bottom: 8vw;
    transform: translateX(-50%);
  }
}
.new-responsive-template #jtweb-modal-window-prev, .new-responsive-template #jtweb-modal-window-next {
  z-index: 9999;
  box-sizing: border-box;
  cursor: pointer;
  background-color: #111;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template #jtweb-modal-window-prev, .new-responsive-template #jtweb-modal-window-next {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    position: fixed;
    top: 50%;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template #jtweb-modal-window-prev, .new-responsive-template #jtweb-modal-window-next {
    width: 20px;
    width: 10.6666666667vw;
    height: 20px;
    height: 10.6666666667vw;
    border-radius: 10px;
    border-radius: 5.3333333333vw;
    margin-right: 10px;
    margin-right: 5.3333333333vw;
    margin-left: 10px;
    margin-left: 5.3333333333vw;
    position: relative;
  }
}
.new-responsive-template #jtweb-modal-window-prev::after, .new-responsive-template #jtweb-modal-window-next::after {
  display: block;
  box-sizing: border-box;
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template #jtweb-modal-window-prev::after, .new-responsive-template #jtweb-modal-window-next::after {
    width: 10px;
    height: 10px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template #jtweb-modal-window-prev::after, .new-responsive-template #jtweb-modal-window-next::after {
    width: 5px;
    width: 2.6666666667vw;
    height: 5px;
    height: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template #jtweb-modal-window-prev {
    left: 50%;
    margin-left: -500px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template #jtweb-modal-window-prev {
    left: 5px;
    left: 2.6666666667vw;
    margin-left: -2.5px;
    margin-left: -1.3333333333vw;
  }
}
.new-responsive-template #jtweb-modal-window-prev::after {
  border-color: transparent transparent #fff #fff;
  transform: rotate(45deg) translate(15%, -15%);
}
@media screen and (min-width: 768px), print {
  .new-responsive-template #jtweb-modal-window-next {
    right: 50%;
    margin-right: -500px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template #jtweb-modal-window-next {
    right: 5px;
    right: 2.6666666667vw;
    margin-right: -2.5px;
    margin-right: -1.3333333333vw;
  }
}
.new-responsive-template #jtweb-modal-window-next:after {
  border-color: #fff #fff transparent transparent;
  transform: rotate(45deg) translate(-15%, 15%);
}
.new-responsive-template .jtweb-modal-window-item > *:first-child {
  margin-top: 0;
}
.new-responsive-template [data-module=static-modal] [data-modal=modal-toggle] {
  transition: 0.2s opacity;
}
.new-responsive-template [data-module=static-modal] [data-modal=modal-toggle]:hover {
  opacity: 0.6;
}
.new-responsive-template [data-module=static-modal] .c-modal-window {
  display: none;
}
.new-responsive-template .modaal-close {
  background: #00ae68 !important;
}
.new-responsive-template .modaal-close:after, .new-responsive-template .modaal-close:before {
  border-radius: 0;
  width: 2px;
  left: 24px;
}
.new-responsive-template .modaal-close:hover {
  opacity: 0.6;
}
.new-responsive-template .modaal-close:hover:after {
  background: #fff;
}
.new-responsive-template .modaal-close:hover:before {
  background: #fff;
}
.new-responsive-template .modaal-close:focus-visible {
  outline: 2px solid !important;
  outline-color: rgb(0, 95, 204) !important;
  outline-offset: -2px;
}
.new-responsive-template .modaal-close:focus-visible:after {
  background: #fff;
}
.new-responsive-template .modaal-close:focus-visible:before {
  background: #fff;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .modaal-video-wrap {
    margin: auto !important;
  }
}
.new-responsive-template .modaal-wrapper {
  z-index: 100001;
}
.new-responsive-template .modaal-overlay {
  z-index: 100000;
}
.new-responsive-template .modaal-gallery-prev-inner {
  right: calc(100% + 40px);
}
.new-responsive-template .modaal-gallery-next-inner {
  left: calc(100% + 20px);
}
@media only screen and (max-width: 1140px) {
  .new-responsive-template .modaal-gallery-next {
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
  }
  .new-responsive-template .modaal-gallery-prev {
    top: 50%;
    right: 100%;
    left: auto;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .modaal-gallery-next {
    left: 55%;
    top: calc(100% + 50px);
    background: #111;
  }
  .new-responsive-template .modaal-gallery-prev {
    right: 55%;
    top: calc(100% + 50px);
    background: #111;
  }
  .new-responsive-template .modaal-gallery-control:focus:hover, .new-responsive-template .modaal-gallery-control:hover {
    background: #111;
  }
  .new-responsive-template .modaal-close {
    background: #111 !important;
  }
}

/*
========================================================
- MV Area
========================================================
*/
#jtweb-site-area-content .c-mv-full,
#jtweb-modal-window-overlay .c-mv-full {
  width: 100%;
}
#jtweb-site-area-content .c-mv-full img,
#jtweb-modal-window-overlay .c-mv-full img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  #jtweb-site-area-content .jtweg-inner-fullwidth,
  #jtweb-modal-window-overlay .jtweg-inner-fullwidth {
    max-width: none !important;
    margin-left: calc((100vw - 100%) / 2 * -1);
    margin-right: calc((100vw - 100%) / 2 * -1);
  }
}

#jtweb-modal-window-overlay,
#jtweb-modal-window-close {
  z-index: 100000 !important;
}

/*
========================================================
- MV Area
========================================================
*/
#jtweb-site-area-content .compform-06-01-head,
#jtweb-modal-window-overlay .compform-06-01-head {
  display: flex;
}
@media screen and (max-width: 767px) {
  #jtweb-site-area-content .compform-06-01-head,
  #jtweb-modal-window-overlay .compform-06-01-head {
    padding-bottom: 5.7333333333vw;
    border-bottom-width: 0.2666666667vw;
    justify-content: space-between;
    align-items: center;
    margin-top: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-site-area-content .compform-06-01-head,
  #jtweb-modal-window-overlay .compform-06-01-head {
    padding-bottom: 29px;
    border-bottom-width: 1px;
    justify-content: flex-end;
    align-items: flex-end;
    margin-top: 10px;
  }
}
#jtweb-site-area-content .compform-06-01-head-center,
#jtweb-modal-window-overlay .compform-06-01-head-center {
  align-items: center;
}
#jtweb-site-area-content .compform-06-01-head .compform-06-01-text,
#jtweb-modal-window-overlay .compform-06-01-head .compform-06-01-text {
  font-size: 16px;
  margin-right: 20px;
}
@media screen and (max-width: 767px) {
  #jtweb-site-area-content .compform-06-01-head .compform-06-01-btn-cnt,
  #jtweb-modal-window-overlay .compform-06-01-head .compform-06-01-btn-cnt {
    display: flex;
    width: 53.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-site-area-content .compform-06-01-head .compform-06-01-btn-cnt > .compform-06-01-btn,
  #jtweb-modal-window-overlay .compform-06-01-head .compform-06-01-btn-cnt > .compform-06-01-btn {
    width: 50%;
  }
}
#jtweb-site-area-content .compform-06-01-head .compform-06-01-btn-cnt.swichBox,
#jtweb-modal-window-overlay .compform-06-01-head .compform-06-01-btn-cnt.swichBox {
  font-size: 0;
}
#jtweb-site-area-content .compform-06-01-head .compform-06-01-btn,
#jtweb-modal-window-overlay .compform-06-01-head .compform-06-01-btn {
  display: inline-block;
  background-color: #d8dce3;
  color: #787e87;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  #jtweb-site-area-content .compform-06-01-head .compform-06-01-btn,
  #jtweb-modal-window-overlay .compform-06-01-head .compform-06-01-btn {
    padding-top: 1em;
    padding-bottom: 1em;
    font-size: 12px;
    font-size: 3.2vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-site-area-content .compform-06-01-head .compform-06-01-btn,
  #jtweb-modal-window-overlay .compform-06-01-head .compform-06-01-btn {
    width: 6.5em;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
    padding-left: 0.8em;
    padding-right: 0.8em;
    font-size: 12px;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-site-area-content .compform-06-01-head .compform-06-01-btn:not(span):hover, #jtweb-site-area-content .compform-06-01-head .compform-06-01-btn:not(span):active, #jtweb-site-area-content .compform-06-01-head .compform-06-01-btn:not(span):focus,
  #jtweb-modal-window-overlay .compform-06-01-head .compform-06-01-btn:not(span):hover,
  #jtweb-modal-window-overlay .compform-06-01-head .compform-06-01-btn:not(span):active,
  #jtweb-modal-window-overlay .compform-06-01-head .compform-06-01-btn:not(span):focus {
    opacity: 0.5;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-site-area-content .compform-06-01-head .compform-06-01-btn:first-child,
  #jtweb-modal-window-overlay .compform-06-01-head .compform-06-01-btn:first-child {
    border-radius: 6.4vw 0 0 6.4vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-site-area-content .compform-06-01-head .compform-06-01-btn:first-child,
  #jtweb-modal-window-overlay .compform-06-01-head .compform-06-01-btn:first-child {
    border-radius: 18px 0 0 18px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-site-area-content .compform-06-01-head .compform-06-01-btn:last-child,
  #jtweb-modal-window-overlay .compform-06-01-head .compform-06-01-btn:last-child {
    border-radius: 0 6.4vw 6.4vw 0;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-site-area-content .compform-06-01-head .compform-06-01-btn:last-child,
  #jtweb-modal-window-overlay .compform-06-01-head .compform-06-01-btn:last-child {
    border-radius: 0 18px 18px 0;
  }
}
#jtweb-site-area-content .compform-06-01-head .compform-06-01-btn.is-active,
#jtweb-modal-window-overlay .compform-06-01-head .compform-06-01-btn.is-active {
  background-color: #2a2f37;
  color: #fff;
}

/*
========================================================
- ICON
========================================================
*/
.new-responsive-template .c-style-icon {
  display: inline-block;
  background: no-repeat center center/contain;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-style-icon {
    width: 14px;
    height: 14px;
    margin: 0 5px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-style-icon {
    width: 7px;
    width: 3.7333333333vw;
    height: 7.5px;
    height: 4vw;
    margin: 0px 2.5px;
    margin: 0vw 1.3333333333vw;
  }
}
.new-responsive-template .c-style-icon.style-blank {
  background-image: url(/assets/img/component/icon_blank.svg);
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-style-icon.style-blank {
    height: 11px;
  }
}
.new-responsive-template .c-style-icon.style-pdf {
  background-image: url(/assets/img/component/icon_pdf.svg);
}
.new-responsive-template .c-style-icon.style-xls {
  background-image: url(/assets/img/component/icon_xls.svg);
}
.new-responsive-template .c-style-icon.style-doc {
  background-image: url(/assets/img/component/icon_doc.svg);
}
.new-responsive-template .c-style-icon.style-ppt {
  background-image: url(/assets/img/component/icon_ppt.svg);
}
.new-responsive-template .c-style-icon-txt {
  display: inline-block;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-style-icon-txt {
    font-size: 12px;
    margin-right: 5px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-style-icon-txt {
    font-size: 12px;
    font-size: 3.2vw;
    margin-right: 2.5px;
    margin-right: 1.3333333333vw;
  }
}

/*
========================================================
- ICON
========================================================
*/
.new-responsive-template .c-badge ul {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-badge ul {
    gap: 10px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-badge ul {
    gap: 2.6666666667vw;
  }
}
.new-responsive-template .c-badge ul > .badge-item {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  text-align: center;
  line-height: inherit;
  box-sizing: border-box;
}
.new-responsive-template .c-badge ul > .badge-item span {
  line-height: 1;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-badge ul > .badge-item span {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-badge ul > .badge-item span {
    font-size: 6px;
    font-size: 3.2vw;
  }
}
.new-responsive-template .c-badge ul > .badge-item.badge-item-accept {
  background-color: #FFF;
  border: 1px solid #CCD9D4;
}
.new-responsive-template .c-badge ul > .badge-item.badge-item-accept span {
  color: #033824;
}
.new-responsive-template .c-badge ul > .badge-item.badge-item-end {
  background-color: #F1F4F3;
}
.new-responsive-template .c-badge ul > .badge-item.badge-item-end span {
  color: #5C7364;
}
.new-responsive-template .c-badge .style-small ul > .badge-item span {
  position: relative;
  z-index: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-badge .style-small ul > .badge-item span {
    padding-left: 14px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-badge .style-small ul > .badge-item span {
    padding-left: 3.7333333333vw;
  }
}
.new-responsive-template .c-badge .style-small ul > .badge-item span::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #00ae68;
  translate: 0 -50%;
}
.new-responsive-template .c-badge .style-medium ul > .badge-item {
  border-radius: 12px;
}
.new-responsive-template .c-badge .style-medium ul > .badge-item span {
  line-height: 1;
  color: #FFF;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-badge .style-medium ul > .badge-item {
    flex-basis: 140px;
    width: 140px;
    max-width: 140px;
    min-height: 24px;
    padding-right: 8px;
    padding-left: 8px;
    border-radius: 12px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-badge .style-medium ul > .badge-item {
    flex-basis: 70px;
    flex-basis: 37.3333333333vw;
    min-height: 12px;
    min-height: 6.4vw;
    padding-right: 4px;
    padding-right: 2.1333333333vw;
    padding-left: 4px;
    padding-left: 2.1333333333vw;
    border-radius: 6px;
    border-radius: 3.2vw;
  }
}
.new-responsive-template .c-badge .style-medium ul > .badge-item.badge-item-jt, .new-responsive-template .c-badge .style-medium ul > .badge-item.badge-item-tobacco, .new-responsive-template .c-badge .style-medium ul > .badge-item.badge-item-pharma, .new-responsive-template .c-badge .style-medium ul > .badge-item.badge-item-food, .new-responsive-template .c-badge .style-medium ul > .badge-item.badge-item-sports, .new-responsive-template .c-badge .style-medium ul > .badge-item.badge-item-culture, .new-responsive-template .c-badge .style-medium ul > .badge-item.badge-item-support, .new-responsive-template .c-badge .style-medium ul > .badge-item.badge-item-sustainability {
  background-color: #00ae68;
}
.new-responsive-template .c-badge .style-medium ul > .badge-item.badge-item-others {
  background-color: #056740;
}
.new-responsive-template .c-badge .style-large ul > .badge-item {
  border-radius: 12px;
}
.new-responsive-template .c-badge .style-large ul > .badge-item span {
  line-height: 1;
  color: #FFF;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-badge .style-large ul > .badge-item {
    min-height: 34px;
    padding-right: 16px;
    padding-left: 16px;
    border-radius: 17px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-badge .style-large ul > .badge-item {
    min-height: 22px;
    min-height: 11.7333333333vw;
    padding-right: 8px;
    padding-right: 4.2666666667vw;
    padding-left: 8px;
    padding-left: 4.2666666667vw;
    border-radius: 11px;
    border-radius: 5.8666666667vw;
  }
}
.new-responsive-template .c-badge .style-large ul > .badge-item.badge-item-default {
  background-color: #FFF;
  border: 1px solid #CCD9D4;
}
.new-responsive-template .c-badge .style-large ul > .badge-item.badge-item-default span {
  color: #033824;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-badge .style-large ul > .badge-item.badge-item-default span {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-badge .style-large ul > .badge-item.badge-item-default span {
    font-size: 7px;
    font-size: 3.7333333333vw;
  }
}
.new-responsive-template .c-badge .style-campaign ul > .badge-item {
  border-radius: 12px;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-badge .style-campaign ul > .badge-item {
    flex-basis: 140px;
    width: 140px;
    max-width: 140px;
    min-height: 24px;
    padding-right: 8px;
    padding-left: 8px;
    border-radius: 12px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-badge .style-campaign ul > .badge-item {
    flex-basis: 70px;
    flex-basis: 37.3333333333vw;
    min-height: 12px;
    min-height: 6.4vw;
    padding-right: 4px;
    padding-right: 2.1333333333vw;
    padding-left: 4px;
    padding-left: 2.1333333333vw;
    border-radius: 6px;
    border-radius: 3.2vw;
  }
}
.new-responsive-template .c-badge .style-campaign ul > .badge-item.badge-item-category {
  background-color: #00ae68;
}
.new-responsive-template .c-badge .style-campaign ul > .badge-item.badge-item-category span {
  line-height: 1;
  color: #FFF;
}
.new-responsive-template .c-badge .style-campaign ul > .badge-item.badge-item-others {
  background-color: #056740;
}
.new-responsive-template .c-badge .style-campaign ul > .badge-item.badge-item-others span {
  line-height: 1;
  color: #FFF;
}

/*
========================================================
- Footer Banner
========================================================
*/
.new-responsive-template .c-bottom-banners-cnt {
  background: #e8ebf0;
  padding-top: 40px;
  padding-bottom: 40px;
}
.new-responsive-template .c-bottom-banners-inner {
  margin: auto;
  max-width: 1050px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-bottom-banners-inner {
    max-width: 100%;
  }
}
.new-responsive-template .c-bottom-banners {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-bottom-banners {
    max-width: 1050px;
  }
}
.new-responsive-template .c-bottom-banner-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: inherit;
  box-sizing: border-box;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-bottom-banner-list {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -20px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-bottom-banner-list {
    width: 100%;
    flex-direction: column;
    margin-bottom: -7.5px;
    margin-bottom: -4vw;
    padding-left: 7.5px;
    padding-left: 4vw;
    padding-right: 7.5px;
    padding-right: 4vw;
  }
}
.new-responsive-template .c-bottom-banner-list-center {
  justify-content: center;
}
.new-responsive-template .c-bottom-banner-item {
  display: inline-block;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-bottom-banner-item {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-bottom-banner-item {
    width: 100%;
    margin-bottom: 7.5px;
    margin-bottom: 4vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-bottom-banner-item img {
    max-height: 96px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-bottom-banner-item img {
    width: 100%;
  }
}
.new-responsive-template .c-bottom-banner-item a {
  transition: 0.2s ease-in-out opacity;
}
.new-responsive-template .c-bottom-banner-item a:hover {
  opacity: 0.6;
}

/*
========================================================
- Title
========================================================
*/
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-heading-lv1 {
    margin-top: 64px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-heading-lv1 {
    margin-top: 32px;
    margin-top: 17.0666666667vw;
  }
}
.new-responsive-template .c-heading-lv1 .title-holder .title-item {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-heading-lv1 .title-holder .title-item {
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-heading-lv1 .title-holder .title-item {
    font-size: 24px;
    font-size: 6.4vw;
  }
}
.new-responsive-template .c-heading-lv1 > .style-img {
  display: flex;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-heading-lv1 > .style-img {
    position: relative;
  }
  .new-responsive-template .c-heading-lv1 > .style-img::after {
    content: "";
    display: block;
    padding-bottom: 80%;
  }
}
.new-responsive-template .c-heading-lv1 > .style-img .title-holder {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-heading-lv1 > .style-img .title-holder {
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
.new-responsive-template .c-heading-lv1 > .style-img .title-holder .title-item {
  width: 100%;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-heading-lv1 > .style-img .title-holder .title-item {
    padding: 64px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-heading-lv1 > .style-img .title-holder .title-item {
    padding: 16px;
    padding: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-heading-lv1 + * {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-heading-lv1 + * {
    margin-top: 16px;
    margin-top: 8.5333333333vw;
  }
}

/*
========================================================
- Heading
========================================================
*/
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-heading-lv2 {
    margin-top: 64px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-heading-lv2 {
    margin-top: 32px;
    margin-top: 17.0666666667vw;
  }
}
.new-responsive-template .c-heading-lv2 .title-holder {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-heading-lv2 .title-holder {
    padding-bottom: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-heading-lv2 .title-holder {
    padding-bottom: 8px;
    padding-bottom: 4.2666666667vw;
  }
}
.new-responsive-template .c-heading-lv2 .title-holder::before, .new-responsive-template .c-heading-lv2 .title-holder::after {
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.new-responsive-template .c-heading-lv2 .title-holder::before {
  background: #CCD9D4;
  width: 100%;
}
.new-responsive-template .c-heading-lv2 .title-holder::after {
  background: #033824;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-heading-lv2 .title-holder::after {
    width: 120px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-heading-lv2 .title-holder::after {
    width: 34.8%;
  }
}
.new-responsive-template .c-heading-lv2 .title-holder.style-background {
  background-color: #F1F4F3;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-heading-lv2 .title-holder.style-background {
    padding: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-heading-lv2 .title-holder.style-background {
    padding: 8px;
    padding: 4.2666666667vw;
  }
}
.new-responsive-template .c-heading-lv2 .title-holder.style-background::before, .new-responsive-template .c-heading-lv2 .title-holder.style-background::after {
  display: none;
}
.new-responsive-template .c-heading-lv2 .title-holder .title-item {
  font-weight: 500;
  line-height: 1.6;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-heading-lv2 .title-holder .title-item {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-heading-lv2 .title-holder .title-item {
    font-size: 20px;
    font-size: 5.3333333333vw;
  }
}
.new-responsive-template .c-heading-lv2 .title-holder .title-item a {
  text-decoration: underline;
  text-decoration-thickness: 1px !important;
}
.new-responsive-template .c-heading-lv2 .title-holder .title-item a:hover {
  text-decoration: none;
}
.new-responsive-template .c-heading-lv2 .title-holder .title-item a:not([target=_blank])::after {
  content: "";
  display: inline-block;
  background: url(/assets/img/component/arrow_right.svg) no-repeat right center;
  vertical-align: middle;
  transform: translateY(-50%);
  width: 20px;
  height: 6px;
  margin-left: 5px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-heading-lv2 .title-holder .title-item a:not([target=_blank])::after {
    width: 10px;
    width: 5.3333333333vw;
    height: 3px;
    height: 1.6vw;
    margin-left: 2.5px;
    margin-left: 1.3333333333vw;
  }
}
.new-responsive-template .c-heading-lv2 .title-holder .title-item .c-style-icon.style-blank, .new-responsive-template .c-heading-lv2 .title-holder .title-item .c-style-icon.style-pdf, .new-responsive-template .c-heading-lv2 .title-holder .title-item .c-style-icon.style-xls, .new-responsive-template .c-heading-lv2 .title-holder .title-item .c-style-icon.style-ppt, .new-responsive-template .c-heading-lv2 .title-holder .title-item .c-style-icon.style-doc {
  margin: 3px 0 0 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-heading-lv2 + * {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-heading-lv2 + * {
    margin-top: 16px;
    margin-top: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-heading-lv3 {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-heading-lv3 {
    margin-top: 16px;
    margin-top: 8.5333333333vw;
  }
}
.new-responsive-template .c-heading-lv3 .title-holder.style-background {
  background-color: #F1F4F3;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-heading-lv3 .title-holder.style-background {
    padding: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-heading-lv3 .title-holder.style-background {
    padding: 8px;
    padding: 4.2666666667vw;
  }
}
.new-responsive-template .c-heading-lv3 .title-holder .title-item {
  font-weight: 500;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-heading-lv3 .title-holder .title-item {
    font-size: 20px;
    line-height: 1.7;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-heading-lv3 .title-holder .title-item {
    font-size: 20px;
    font-size: 5.3333333333vw;
    line-height: 1.6;
  }
}
.new-responsive-template .c-heading-lv3 .title-holder .title-item a:not([target=_blank])::after {
  content: "";
  display: inline-block;
  background: url(/assets/img/component/arrow_right.svg) no-repeat right center;
  vertical-align: middle;
  transform: translateY(-50%);
  width: 20px;
  height: 6px;
  margin-left: 5px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-heading-lv3 .title-holder .title-item a:not([target=_blank])::after {
    width: 10px;
    width: 5.3333333333vw;
    height: 3px;
    height: 1.6vw;
    margin-left: 2.5px;
    margin-left: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-heading-lv3 + * {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-heading-lv3 + * {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-heading-lv4 {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-heading-lv4 {
    margin-top: 16px;
    margin-top: 8.5333333333vw;
  }
}
.new-responsive-template .c-heading-lv4 .title-holder.style-background {
  background-color: #F1F4F3;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-heading-lv4 .title-holder.style-background {
    padding: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-heading-lv4 .title-holder.style-background {
    padding: 8px;
    padding: 4.2666666667vw;
  }
}
.new-responsive-template .c-heading-lv4 .title-holder.style-background::before, .new-responsive-template .c-heading-lv4 .title-holder.style-background::after {
  display: none;
}
.new-responsive-template .c-heading-lv4 .title-holder .title-item {
  font-weight: 500;
  line-height: 1.8;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-heading-lv4 .title-holder .title-item {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-heading-lv4 .title-holder .title-item {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
.new-responsive-template .c-heading-lv4 .title-holder .title-item a {
  text-decoration: underline;
  text-decoration-thickness: 1px !important;
}
.new-responsive-template .c-heading-lv4 .title-holder .title-item a:hover {
  text-decoration: none;
}
.new-responsive-template .c-heading-lv4 .title-holder .title-item a:not([target=_blank])::after {
  content: "";
  display: inline-block;
  background: url(/assets/img/component/arrow_right.svg) no-repeat right center;
  vertical-align: middle;
  transform: translateY(-50%);
  width: 20px;
  height: 6px;
  margin-left: 5px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-heading-lv4 .title-holder .title-item a:not([target=_blank])::after {
    width: 10px;
    width: 5.3333333333vw;
    height: 3px;
    height: 1.6vw;
    margin-left: 2.5px;
    margin-left: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-heading-lv4 + * {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-heading-lv4 + * {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-heading-lv4 + .c-table {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-heading-lv4 + .c-table {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-heading-lv5 {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-heading-lv5 {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
.new-responsive-template .c-heading-lv5 .title-holder .title-item {
  font-weight: inherit;
  line-height: 1.8;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-heading-lv5 .title-holder .title-item {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-heading-lv5 .title-holder .title-item {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-heading-lv5 + * {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-heading-lv5 + * {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-heading-lv5 + .c-table {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-heading-lv5 + .c-table {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
.new-responsive-template .c-heading-accordion .heading-accordion-section .heading-accordion-title {
  position: relative;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-heading-accordion .heading-accordion-section .heading-accordion-title {
    border-bottom: 2px solid #2A2F37;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-heading-accordion .heading-accordion-section .heading-accordion-title::before, .new-responsive-template .c-heading-accordion .heading-accordion-section .heading-accordion-title::after {
    content: "";
    display: inline-block;
    background-color: #033824;
    position: absolute;
    top: calc(50% - 1px);
    transition: 0.2s transform;
    right: 0px;
    right: 0vw;
    width: 7.5px;
    width: 4vw;
    height: 0.5px;
    height: 0.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-heading-accordion .heading-accordion-section .heading-accordion-title .c-heading-lv3 .title-holder .title-item {
    font-size: 18px;
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-heading-accordion .heading-accordion-section .heading-accordion-title .c-heading-lv4 .title-holder .title-item {
    font-size: 18px;
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-heading-accordion .heading-accordion-section .heading-accordion-title [class^=c-heading] .title-holder::before, .new-responsive-template .c-heading-accordion .heading-accordion-section .heading-accordion-title [class^=c-heading] .title-holder::after {
    content: none;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-heading-accordion .heading-accordion-section .heading-accordion-title [class^=c-heading] {
    padding-right: 10px;
    padding-right: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-heading-accordion .heading-accordion-section .heading-accordion-body {
    padding-top: 24px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-heading-accordion .heading-accordion-section:not(.open) .heading-accordion-title::after {
    transform: rotate(90deg) scaleY(1);
    transition: transform 0.2s ease-in-out;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-heading-accordion .heading-accordion-section:not(.open) .heading-accordion-body {
    max-height: 0;
    margin: 0;
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-heading-accordion .heading-accordion-section:not(.open) .heading-accordion-body * {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
    visibility: hidden;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-heading-accordion .heading-accordion-section.open .heading-accordion-body * {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.2s ease-in-out;
  }
}

/*
========================================================
- Text
========================================================
*/
.new-responsive-template .c-paragraph {
  line-height: 1.8;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-paragraph {
    font-size: 16px;
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-paragraph {
    font-size: 16px;
    font-size: 4.2666666667vw;
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
.new-responsive-template .c-paragraph > .style-right {
  text-align: right;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-paragraph > .style-right {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-paragraph > .style-right {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-paragraph > .style-small {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-paragraph > .style-small {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
.new-responsive-template .c-paragraph > .style-center {
  text-align: center;
}
.new-responsive-template .c-paragraph-strong {
  font-weight: 500;
}
.new-responsive-template .c-paragraph-emphasis {
  color: #F56153;
  font-style: normal;
  font-weight: 500;
}
.new-responsive-template .c-catch {
  line-height: 1.8;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-catch {
    font-size: 16px;
    margin-top: 16px;
    border-radius: 8px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-catch {
    font-size: 16px;
    font-size: 4.2666666667vw;
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
.new-responsive-template .c-catch > .style-alert {
  color: #F56153;
}
.new-responsive-template .c-catch > .style-alert-bg {
  color: #033824;
  background-color: #FFECEB;
  border: 1px solid #F56153;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-catch > .style-alert-bg {
    padding: 32px;
    border-radius: 8px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-catch > .style-alert-bg {
    padding: 12px;
    padding: 6.4vw;
  }
}
.new-responsive-template .c-catch > .style-caption {
  color: #5C7364;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-catch > .style-caption {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-catch > .style-caption {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
.new-responsive-template .c-catch .style-sub {
  color: #5C7364;
  font-weight: normal;
}
.new-responsive-template .c-caption {
  color: #5C7364;
  line-height: 1.8;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-caption {
    font-size: 14px;
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-caption {
    font-size: 14px;
    font-size: 3.7333333333vw;
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
.new-responsive-template .c-paragraph .style-caption-gray,
.new-responsive-template .c-catch .style-caption-gray,
.new-responsive-template .c-caption .style-caption-gray {
  background: #F1F4F3;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-paragraph .style-caption-gray,
  .new-responsive-template .c-catch .style-caption-gray,
  .new-responsive-template .c-caption .style-caption-gray {
    padding: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-paragraph .style-caption-gray,
  .new-responsive-template .c-catch .style-caption-gray,
  .new-responsive-template .c-caption .style-caption-gray {
    padding: 12px;
    padding: 6.4vw;
  }
}
.new-responsive-template .c-paragraph .style-caption-black,
.new-responsive-template .c-catch .style-caption-black,
.new-responsive-template .c-caption .style-caption-black {
  background: #033824;
  color: #FFF;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-paragraph .style-caption-black,
  .new-responsive-template .c-catch .style-caption-black,
  .new-responsive-template .c-caption .style-caption-black {
    padding: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-paragraph .style-caption-black,
  .new-responsive-template .c-catch .style-caption-black,
  .new-responsive-template .c-caption .style-caption-black {
    padding: 12px;
    padding: 6.4vw;
  }
}
.new-responsive-template .c-paragraph .style-caption-darkgray,
.new-responsive-template .c-catch .style-caption-darkgray,
.new-responsive-template .c-caption .style-caption-darkgray {
  background: #5C7364;
  color: #FFF;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-paragraph .style-caption-darkgray,
  .new-responsive-template .c-catch .style-caption-darkgray,
  .new-responsive-template .c-caption .style-caption-darkgray {
    padding: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-paragraph .style-caption-darkgray,
  .new-responsive-template .c-catch .style-caption-darkgray,
  .new-responsive-template .c-caption .style-caption-darkgray {
    padding: 12px;
    padding: 6.4vw;
  }
}

/*
========================================================
- LIST
========================================================
*/
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
.new-responsive-template .c-txt-list .txt-list {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list .txt-list {
    font-size: 16px;
    line-height: 1.8;
  }
}
.new-responsive-template .c-txt-list .txt-list + .txt-list {
  margin-top: 16px;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list .txt-list-item:not(:first-child) {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list .txt-list-item:not(:first-child) {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
.new-responsive-template .c-txt-list .txt-list-item > * {
  position: relative;
  margin-top: 0;
}
.new-responsive-template .c-txt-list .txt-list-item > * + * {
  padding-left: 0;
}
.new-responsive-template .c-txt-list .txt-list-item > * .c-style-icon {
  padding-right: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list .txt-list-item .c-txt-list {
    margin-top: 16px;
    padding-left: 24px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list .txt-list-item .c-txt-list {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
    padding-left: 12px;
    padding-left: 6.4vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list .txt-list-item .txt-list-item {
    padding-left: 30px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list .txt-list-item .txt-list-item {
    padding-left: 10px;
    padding-left: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list .style-disc .txt-list-item {
    padding-left: 24px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list .style-disc .txt-list-item {
    padding-left: 12px;
    padding-left: 6.4vw;
  }
}
.new-responsive-template .c-txt-list .style-disc .txt-list-item::before {
  content: "・";
  display: block;
  text-align: center;
  line-height: 1.8;
  position: absolute;
  left: 0em;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list .style-disc .txt-list-item::before {
    font-size: 16px;
    width: 20px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list .style-disc .txt-list-item::before {
    font-size: 16px;
    font-size: 4.2666666667vw;
    width: 10px;
    width: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list .style-link .txt-list-item:not(:first-child) {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list .style-link .txt-list-item:not(:first-child) {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
.new-responsive-template .c-txt-list .style-link .txt-list-item > * {
  padding-left: 0;
}
.new-responsive-template .c-txt-list .style-link .txt-list-item > *::before {
  display: none;
}
.new-responsive-template .c-txt-list .style-link a:not([target=_blank]):not(.link-inline)::after {
  content: "";
  display: inline-block;
  background: url(/assets/img/component/arrow_right.svg) no-repeat right center;
  vertical-align: middle;
  transform: translateY(-50%);
  width: 20px;
  height: 6px;
  margin-left: 5px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list .style-link a:not([target=_blank]):not(.link-inline)::after {
    width: 10px;
    width: 5.3333333333vw;
    height: 3px;
    height: 1.6vw;
    margin-left: 2.5px;
    margin-left: 1.3333333333vw;
  }
}
.new-responsive-template .c-txt-list .style-link.style-liner .txt-list-item {
  flex: 0 1 auto;
  max-width: 100%;
  margin-top: 0;
  padding-left: 0;
}
.new-responsive-template .c-txt-list .style-link.style-liner .txt-list-item > * {
  margin-top: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list .style-anchor .txt-list {
    margin-bottom: -10px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list .style-anchor .txt-list {
    margin-bottom: -5px;
    margin-bottom: -2.6666666667vw;
  }
}
.new-responsive-template .c-txt-list .style-anchor a {
  display: inline-block;
}
.new-responsive-template .c-txt-list .style-anchor a::after {
  content: "";
  display: inline-block;
  background: url(/assets/img/component/arrow_head.svg) no-repeat center;
  vertical-align: middle;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list .style-anchor a::after {
    background-size: contain;
    width: 8.5px;
    height: 5px;
    margin-left: 5px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list .style-anchor a::after {
    background-size: contain;
    width: 4.3px;
    width: 2.2933333333vw;
    height: 2.5px;
    height: 1.3333333333vw;
    margin-left: 2.5px;
    margin-left: 1.3333333333vw;
  }
}
.new-responsive-template .c-txt-list .style-anchor-pagetop a {
  display: inline-block;
}
.new-responsive-template .c-txt-list .style-anchor-pagetop a::after {
  content: "";
  display: inline-block;
  background: url(/assets/img/component/arrow_head.svg) no-repeat center;
  vertical-align: middle;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list .style-anchor-pagetop a::after {
    background-size: contain;
    width: 8.5px;
    height: 5px;
    margin-left: 5px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list .style-anchor-pagetop a::after {
    background-size: contain;
    width: 4.3px;
    width: 2.2933333333vw;
    height: 2.5px;
    height: 1.3333333333vw;
    margin-left: 2.5px;
    margin-left: 1.3333333333vw;
  }
}
.new-responsive-template .c-txt-list .style-liner .txt-list {
  display: inline-flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list .style-liner .txt-list {
    margin-bottom: -10px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list .style-liner .txt-list {
    max-width: 100%;
    margin-bottom: -5px;
    margin-bottom: -2.6666666667vw;
  }
}
.new-responsive-template .c-txt-list .style-liner .txt-list-item {
  flex: 0 1 auto;
  max-width: 100%;
  margin-top: 0;
  padding-left: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list .style-liner .txt-list-item {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list .style-liner .txt-list-item {
    margin-bottom: 5px;
    margin-bottom: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list .style-liner .txt-list-item:not(:last-child) {
    margin-right: 24px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list .style-liner .txt-list-item:not(:last-child) {
    margin-right: 12px;
    margin-right: 6.4vw;
  }
}
.new-responsive-template .c-txt-list .style-liner .txt-list-item > * {
  margin-top: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list .style-border .txt-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list .style-border .txt-list {
    max-width: 100%;
  }
}
.new-responsive-template .c-txt-list .style-border .txt-list-item {
  margin-top: 0;
  padding-left: 0;
  border-bottom: 1px solid #F1F4F3;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list .style-border .txt-list-item {
    flex: 0 1 420px;
    max-width: 420px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list .style-border .txt-list-item {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list .style-border .txt-list-item:not(:nth-of-type(n + 2)) {
    border-top: 1px solid #F1F4F3;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list .style-border .txt-list-item:not(:nth-of-type(n + 3)) {
    border-top: 1px solid #F1F4F3;
  }
}
.new-responsive-template .c-txt-list .style-border .txt-list-item:not(:first-child) {
  margin-top: 0;
}
.new-responsive-template .c-txt-list .style-border .txt-list-item > * {
  margin-top: 0;
}
.new-responsive-template .c-txt-list .style-border .txt-list-item a {
  display: block;
  text-decoration: none;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list .style-border .txt-list-item a {
    padding: 16px 40px 20px 0;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list .style-border .txt-list-item a {
    padding: 10px 20px 10px 0px;
    padding: 5.3333333333vw 10.6666666667vw 5.3333333333vw 0vw;
  }
}
.new-responsive-template .c-txt-list .style-border.style-link .txt-list a {
  position: relative;
}
.new-responsive-template .c-txt-list .style-border.style-link .txt-list a::after {
  content: "";
  display: inline-block;
  background-image: url("/assets/img/component/icon_anime_arrow_black.png");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .new-responsive-template .new-responsive-template .c-txt-list .style-border.style-link .txt-list a::after, .old-responsive-template .new-responsive-template .c-txt-list .style-border.style-link .txt-list a::after {
    width: 16px;
    width: 8.5333333333vw;
    height: 16px;
    height: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list .style-border.style-link .txt-list a:hover::after {
    animation: icon-arrow 0.3s steps(9) forwards;
  }
}
.new-responsive-template .c-txt-list .style-pagetop {
  margin: 0;
}
.new-responsive-template .c-txt-list .style-pagetop .txt-list {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  margin: inherit;
}
.new-responsive-template .c-txt-list .style-pagetop .txt-list-item {
  margin: inherit;
}
.new-responsive-template .c-txt-list .style-pagetop a::after {
  transform: rotate(180deg);
}
.new-responsive-template .c-txt-list-detail {
  line-height: 1.8;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list-detail {
    font-size: 16px;
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list-detail {
    font-size: 16px;
    font-size: 4.2666666667vw;
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list-detail .txt-list-detail:not(:first-child) {
    padding-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list-detail .txt-list-detail:not(:first-child) {
    padding-top: 8px;
    padding-top: 4.2666666667vw;
  }
}
.new-responsive-template .c-txt-list-detail .txt-list-detail-item .c-txt-list {
  padding-bottom: 0;
}
.new-responsive-template .c-txt-list-detail .txt-list-detail-item .c-txt-list-detail {
  padding-bottom: 0;
}
.new-responsive-template .c-txt-list-detail .txt-list-detail-item > *:first-child {
  margin-top: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list-detail .txt-list-detail:not(:first-child) {
    padding-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list-detail .txt-list-detail:not(:first-child) {
    padding-top: 8px;
    padding-top: 4.2666666667vw;
  }
}
.new-responsive-template .c-txt-list-detail .style-term .txt-list-detail {
  display: grid;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list-detail .style-term .txt-list-detail {
    grid-template-columns: auto 1fr;
    gap: 8px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list-detail .style-term .txt-list-detail {
    grid-template-columns: 1fr;
    gap: 2.1333333333vw;
  }
}
.new-responsive-template .c-txt-list-detail .style-term .txt-list-detail-title::after {
  content: "：";
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list-detail .style-term .txt-list-detail-title::after {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
.new-responsive-template .c-txt-list-detail .style-term .txt-list-detail-item {
  word-break: break-all;
}
.new-responsive-template .c-txt-list-detail .style-term .txt-list-detail-item > *:first-child {
  margin-top: 0;
}
.new-responsive-template .c-txt-list-detail .style-order .txt-list-detail {
  display: grid;
  grid-template-columns: auto 1fr;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list-detail .style-order .txt-list-detail {
    gap: 8px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list-detail .style-order .txt-list-detail {
    gap: 2.1333333333vw;
  }
}
.new-responsive-template .c-txt-list-detail .style-order .txt-list-detail-num {
  box-sizing: border-box;
}
.new-responsive-template .c-txt-list-detail .style-order .txt-list-detail-item {
  word-break: break-all;
}
.new-responsive-template .c-txt-list-detail .style-order .txt-list-detail-item > *:first-child {
  margin-top: 0;
}
.new-responsive-template .c-txt-list-detail .style-note .txt-list-detail {
  display: grid;
  grid-template-columns: auto 1fr;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list-detail .style-note .txt-list-detail {
    gap: 8px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list-detail .style-note .txt-list-detail {
    gap: 2.1333333333vw;
  }
}
.new-responsive-template .c-txt-list-detail .style-note .txt-list-detail-item {
  word-break: break-all;
}
.new-responsive-template .c-txt-list-detail .style-note .txt-list-detail-item > * {
  margin-top: 0;
}
.new-responsive-template .c-txt-list-date .txt-list-date {
  border-top: 1px solid #D8DCE3;
}
.new-responsive-template .c-txt-list-date .txt-list-date > li {
  display: grid;
  border-bottom: 1px solid #D8DCE3;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list-date .txt-list-date > li {
    padding: 30px 0;
    grid-template-columns: auto 1fr;
    gap: 24px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list-date .txt-list-date > li {
    padding-top: 8px;
    padding-top: 4.2666666667vw;
    padding-bottom: 8px;
    padding-bottom: 4.2666666667vw;
    gap: 2.1333333333vw;
  }
}
.new-responsive-template .c-txt-list-date .txt-list-date > li > .date-box {
  line-height: 1.8;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list-date .txt-list-date > li > .date-box {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list-date .txt-list-date > li > .date-box {
    font-size: 13px;
    font-size: 3.4666666667vw;
  }
}
.new-responsive-template .c-txt-list-date .txt-list-date > li > .date-box + .txt-box .c-txt-list {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list-date .txt-list-date > li > .date-box + .txt-box .c-paragraph p {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
.new-responsive-template .c-txt-list-date .txt-list-date > li > .date-box + .txt-box .c-paragraph + .c-txt-list {
  margin-top: 16px;
}
.new-responsive-template .c-txt-list-date .txt-list-date > li > .icon-box {
  display: inline-flex;
  justify-content: center;
  vertical-align: middle;
  align-items: center;
  background-color: #13b070;
  color: #fff;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list-date .txt-list-date > li > .icon-box {
    font-size: 14px;
    height: 20px;
    margin-left: 20px;
    flex: 0 0 52px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list-date .txt-list-date > li > .icon-box {
    font-size: 14px;
    font-size: 3.7333333333vw;
    width: 26px;
    width: 13.8666666667vw;
    height: 10px;
    height: 5.3333333333vw;
    margin-left: 10px;
    margin-left: 5.3333333333vw;
  }
}
.new-responsive-template .c-txt-list-date .txt-list-date > li > .txt-box {
  line-height: 1.8;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list-date .txt-list-date > li > .txt-box {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list-date .txt-list-date > li > .txt-box {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
.new-responsive-template .c-txt-list-date .txt-list-date > li > .txt-box > .c-paragraph {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list-date .txt-list-date > li > .txt-box > .c-paragraph {
    font-size: inherit;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list-faq {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list-faq {
    margin-top: 15px;
    margin-top: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list-faq .txt-list-faq-item:not(:first-child) {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list-faq .txt-list-faq-item:not(:first-child) {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
.new-responsive-template .c-txt-list-faq .txt-list-faq-item .question-head {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #033824;
  color: #FFF;
  line-height: 1;
  border-radius: 20px;
  box-sizing: border-box;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list-faq .txt-list-faq-item .question-head {
    min-width: 60px;
    height: 34px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list-faq .txt-list-faq-item .question-head {
    width: 30px;
    width: 16vw;
    height: 17px;
    height: 9.0666666667vw;
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list-faq .txt-list-faq-item .question-body {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list-faq .txt-list-faq-item .question-body {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list-faq .txt-list-faq-item .answer-box {
    margin-top: 24px;
    margin-bottom: 64px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list-faq .txt-list-faq-item .answer-box {
    margin-top: 12px;
    margin-top: 6.4vw;
    margin-bottom: 32px;
    margin-bottom: 17.0666666667vw;
  }
}
.new-responsive-template .c-txt-list-faq .txt-list-faq-item .answer-head {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #FFF;
  color: #033824;
  line-height: 1;
  border: 1px solid #CCD9D4;
  border-radius: 20px;
  box-sizing: border-box;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list-faq .txt-list-faq-item .answer-head {
    width: 60px;
    height: 34px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list-faq .txt-list-faq-item .answer-head {
    width: 30px;
    width: 16vw;
    height: 17px;
    height: 9.0666666667vw;
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
.new-responsive-template .c-txt-list-faq .txt-list-faq-item .answer-head > * {
  margin-top: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list-faq .txt-list-faq-item .answer-body {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list-faq .txt-list-faq-item .answer-body {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list-faq .txt-list-faq-item .answer-body > * {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list-faq .txt-list-faq-item .answer-body > * {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
.new-responsive-template .c-text-label-lists .c-text-label-list > li {
  display: grid;
  border-bottom: 1px solid #D8DCE3;
  border-top: 0 !important;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-text-label-lists .c-text-label-list > li {
    grid-template-columns: auto 1fr;
    gap: 24px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-text-label-lists .c-text-label-list > li {
    grid-template-columns: 1fr;
    gap: 2.1333333333vw;
  }
}
.new-responsive-template .c-text-label-lists .c-text-label-list > li:last-child {
  border-bottom: 0 !important;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-text-label-lists .c-text-label-list > li {
    padding: 30px 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-text-label-lists .c-text-label-list > li {
    padding: 20px 0 !important;
    flex-direction: column;
  }
}
.new-responsive-template .c-text-label-lists .c-text-label-list > li .cate-date {
  display: grid;
  grid-template-columns: auto 1fr;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-text-label-lists .c-text-label-list > li .cate-date {
    align-items: start;
    gap: 25px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-text-label-lists .c-text-label-list > li .cate-date {
    align-items: center;
    gap: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-text-label-lists .c-text-label-list > li .cate-date .date {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-text-label-lists .c-text-label-list > li .cate-date .date {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
.new-responsive-template .c-text-label-lists .c-text-label-list > li .cate-date .cate {
  line-height: 28px;
  min-width: 140px;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-text-label-lists .c-text-label-list > li .cate-date .cate {
    padding: 8px 0;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-text-label-lists .c-text-label-list > li .cate-date .cate {
    padding: 2.1333333333vw 0;
  }
}
.new-responsive-template .c-text-label-lists .c-text-label-list > li .jtweb-elem-badge {
  margin-top: 0;
}
.new-responsive-template .c-text-label-lists .c-text-label-list > li .link {
  display: inline-block;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-text-label-lists .c-text-label-list > li .title {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-text-label-lists .c-text-label-list > li .title {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
.new-responsive-template .c-thumb-text-lists .c-thumb-text-list > li {
  display: flex;
  border-top: 0 !important;
  border-bottom: 1px solid #D8DCE3;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-thumb-text-lists .c-thumb-text-list > li {
    padding: 30px 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-thumb-text-lists .c-thumb-text-list > li {
    padding: 22px 0 !important;
  }
}
.new-responsive-template .c-thumb-text-lists .c-thumb-text-list > li:last-child {
  border-bottom: 0;
}
.new-responsive-template .c-thumb-text-lists .c-thumb-text-list-image {
  display: block;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-thumb-text-lists .c-thumb-text-list-image {
    width: 240px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-thumb-text-lists .c-thumb-text-list-image {
    width: 164px;
  }
}
.new-responsive-template .c-thumb-text-lists .c-thumb-text-list-image img {
  width: 100%;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-thumb-text-lists .c-thumb-text-list-textarea {
    width: calc(100% - 240px);
    padding-left: 30px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-thumb-text-lists .c-thumb-text-list-textarea {
    width: calc(100% - 164px);
    padding-left: 15px;
  }
}
.new-responsive-template .c-thumb-text-lists .c-thumb-text-list-textarea .cat-date {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-thumb-text-lists .c-thumb-text-list-textarea .cat-date {
    column-gap: 16px;
    row-gap: 8px;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-thumb-text-lists .c-thumb-text-list-textarea .cat-date {
    column-gap: 4.2666666667vw;
    row-gap: 2.1333333333vw;
    margin-bottom: 4px;
    margin-bottom: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-thumb-text-lists .c-thumb-text-list-textarea .cat-date .date {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-thumb-text-lists .c-thumb-text-list-textarea .cat-date .date {
    font-size: 13px;
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-thumb-text-lists .c-thumb-text-list-textarea .cat-date .c-badge .badge-item {
    max-width: 100%;
  }
}
.new-responsive-template .c-thumb-text-lists .c-thumb-text-list-textarea .link {
  display: inline-block;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-thumb-text-lists .c-thumb-text-list-textarea .link {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-thumb-text-lists .c-thumb-text-list-textarea .link {
    font-size: 13px;
    font-size: 3.4666666667vw;
  }
}

/*
========================================================
- Navigation
========================================================
*/
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-list-block {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-list-block {
    margin-top: 15px;
    margin-top: 8vw;
  }
}
.new-responsive-template .c-list-block * {
  box-sizing: border-box;
}
.new-responsive-template .c-list-block .list-block-continer {
  display: grid;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-list-block .list-block-continer {
    gap: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-list-block .list-block-continer {
    gap: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-list-block .list-block-continer.style-1col {
    grid-template-columns: 1fr;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-list-block .list-block-continer.style-2col {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-list-block .list-block-continer.style-3col {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-list-block .list-block-continer.style-4col {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-list-block .list-block-continer.style-4col {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 4.2666666667vw;
    row-gap: 4.2666666667vw;
  }
}
.new-responsive-template .c-list-block .list-block-continer.style-4col .pic-holder img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-list-block .list-block-continer.style-4col .c-paragraph,
  .new-responsive-template .c-list-block .list-block-continer.style-4col .title-item,
  .new-responsive-template .c-list-block .list-block-continer.style-4col .txt-list-item {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
.new-responsive-template .c-list-block .list-block-item {
  border: 1px solid #CCD9D4;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-list-block .list-block-item {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    border-radius: 8px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-list-block .list-block-item {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    border-radius: 4px;
    border-radius: 2.1333333333vw;
  }
}
.new-responsive-template .c-list-block .list-block-header {
  flex: 0 0 auto;
}
.new-responsive-template .c-list-block .list-block-header > *:first-child {
  margin-top: 0;
}
.new-responsive-template .c-list-block .list-block-header .pic-container {
  width: 100%;
  margin: 0;
}
.new-responsive-template .c-list-block .list-block-header .pic-item {
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  margin: 0;
}
.new-responsive-template .c-list-block .list-block-header .pic-item img {
  width: 100%;
}
.new-responsive-template .c-list-block .list-block-header .pic-holder {
  border-radius: 0;
}
.new-responsive-template .c-list-block .list-block-header .style-center .pic-item {
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  margin: 0;
}
.new-responsive-template .c-list-block .list-block-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-list-block .list-block-body {
    padding: 30px 30px 50px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-list-block .list-block-body {
    padding: 10px 10px 20px 10px;
    padding: 5.3333333333vw 5.3333333333vw 10.6666666667vw 5.3333333333vw;
  }
}
.new-responsive-template .c-list-block .list-block-body > *:first-child {
  margin-top: 0;
}
.new-responsive-template .c-list-block .list-block-body > *:last-child [class^=c-] {
  margin-bottom: 0;
}
.new-responsive-template .c-list-block .list-block-body .c-heading-lv5 {
  font-weight: bold;
}
.new-responsive-template .c-list-block .list-block-body .c-txt-list .txt-list-item {
  padding-left: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-list-block .list-block-body .c-txt-list .txt-list-item:not(:first-child) {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-list-block .list-block-body .c-txt-list .txt-list-item:not(:first-child) {
    margin-top: 10px;
    margin-top: 5.3333333333vw;
  }
}
.new-responsive-template .c-list-block .list-block-body .c-txt-list .txt-list-item::before {
  display: none;
}
.new-responsive-template .c-list-block .list-block-foot {
  display: flex;
  align-items: center;
  flex: 0 1 auto;
  border-top: 1px solid #CCD9D4;
  margin-top: auto;
  padding: 0;
}
.new-responsive-template .c-list-block .list-block-foot .c-paragraph {
  width: 100%;
  margin-top: 0;
}
.new-responsive-template .c-list-block .list-block-foot .c-txt-list {
  width: 100%;
  margin-top: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-list-block .list-block-foot .c-txt-list .style-link .txt-list {
    margin-top: 0;
  }
}
.new-responsive-template .c-list-block .list-block-foot .c-txt-list .style-link .txt-list-item {
  padding-left: 0;
}
.new-responsive-template .c-list-block .list-block-foot .c-txt-list .style-link a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  box-sizing: border-box;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-list-block .list-block-foot .c-txt-list .style-link a {
    padding: 30px 30px 50px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-list-block .list-block-foot .c-txt-list .style-link a {
    padding: 10px 10px 23px 7.5px;
    padding: 5.3333333333vw 5.3333333333vw 12.2666666667vw 4vw;
  }
}
.new-responsive-template .c-list-block .list-block-foot .c-txt-list .style-link a:not([target=_blank])::after {
  content: "";
  display: inline-block;
  background-image: url("/assets/img/component/icon_anime_arrow_black.png");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .new-responsive-template .c-list-block .list-block-foot .c-txt-list .style-link a:not([target=_blank])::after, .old-responsive-template .new-responsive-template .c-list-block .list-block-foot .c-txt-list .style-link a:not([target=_blank])::after {
    width: 16px;
    width: 8.5333333333vw;
    height: 16px;
    height: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-list-block .list-block-foot .c-txt-list .style-link a:not([target=_blank])::after {
    bottom: 15px;
    right: 30px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-list-block .list-block-foot .c-txt-list .style-link a:not([target=_blank])::after {
    bottom: 5px;
    bottom: 2.6666666667vw;
    right: 10px;
    right: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-list-block .list-block-foot .c-txt-list .style-link a:not([target=_blank]):hover::after {
    animation: icon-arrow 0.3s steps(9) forwards;
  }
}
.new-responsive-template .c-list-block .list-block-foot .c-txt-list .style-link a[target=_blank]::after {
  content: "";
  display: inline-block;
  background-image: url("/assets/img/component/icon_anime_blank.png");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .new-responsive-template .c-list-block .list-block-foot .c-txt-list .style-link a[target=_blank]::after, .old-responsive-template .new-responsive-template .c-list-block .list-block-foot .c-txt-list .style-link a[target=_blank]::after {
    width: 16px;
    width: 8.5333333333vw;
    height: 16px;
    height: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-list-block .list-block-foot .c-txt-list .style-link a[target=_blank]::after {
    bottom: 15px;
    right: 30px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-list-block .list-block-foot .c-txt-list .style-link a[target=_blank]::after {
    bottom: 2.5px;
    bottom: 1.3333333333vw;
    right: 10px;
    right: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-list-block .list-block-foot .c-txt-list .style-link a[target=_blank]:hover::after {
    animation: icon-blank 0.3s steps(15) forwards;
  }
}
.new-responsive-template .c-list-block .list-block-foot .c-txt-list .style-link a:focus-visible {
  outline-offset: -1px;
}
.new-responsive-template .c-list-block .list-block-foot .txt-list-item {
  margin-top: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pic-unit {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pic-unit {
    margin-top: 15px;
    margin-top: 8vw;
  }
}
.new-responsive-template .c-pic-unit .pic-unit-container {
  display: grid;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pic-unit .pic-unit-container {
    gap: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pic-unit .pic-unit-container {
    gap: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pic-unit .pic-unit-container.style-1col {
    grid-template-columns: 1fr;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pic-unit .pic-unit-container.style-2col {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pic-unit .pic-unit-container.style-3col {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pic-unit .pic-unit-container.style-4col {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pic-unit .pic-unit-container.style-4col {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 4.2666666667vw;
    row-gap: 4.2666666667vw;
  }
}
.new-responsive-template .c-pic-unit .pic-unit-container.style-4col .pic-holder img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pic-unit .pic-unit-container.style-4col .pic-unit-caption {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
.new-responsive-template .c-pic-unit .pic-unit-item {
  box-sizing: border-box;
  border: 1px solid #d8dce3;
  width: 100%;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pic-unit .pic-unit-item {
    border-radius: 8px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pic-unit .pic-unit-item {
    border-radius: 4px;
    border-radius: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pic-unit .pic-unit-item {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: stretch;
  }
}
.new-responsive-template .c-pic-unit .pic-unit-box {
  display: flex;
  flex-direction: column;
  justify-content: inherit;
  align-items: inherit;
  height: 100%;
  text-decoration: none;
  position: relative;
}
.new-responsive-template .c-pic-unit .pic-unit-box:not([target=_blank])::after {
  content: "";
  display: inline-block;
  background-image: url("/assets/img/component/icon_anime_arrow_black.png");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .new-responsive-template .c-pic-unit .pic-unit-box:not([target=_blank])::after, .old-responsive-template .new-responsive-template .c-pic-unit .pic-unit-box:not([target=_blank])::after {
    width: 16px;
    width: 8.5333333333vw;
    height: 16px;
    height: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pic-unit .pic-unit-box:not([target=_blank])::after {
    bottom: 15px;
    right: 30px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pic-unit .pic-unit-box:not([target=_blank])::after {
    bottom: 5px;
    bottom: 2.6666666667vw;
    right: 10px;
    right: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pic-unit .pic-unit-box:not([target=_blank]):hover::after {
    animation: icon-arrow 0.3s steps(9) forwards;
  }
}
.new-responsive-template .c-pic-unit .pic-unit-box[target=_blank]::after {
  content: "";
  display: inline-block;
  background-image: url("/assets/img/component/icon_anime_blank.png");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .new-responsive-template .c-pic-unit .pic-unit-box[target=_blank]::after, .old-responsive-template .new-responsive-template .c-pic-unit .pic-unit-box[target=_blank]::after {
    width: 16px;
    width: 8.5333333333vw;
    height: 16px;
    height: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pic-unit .pic-unit-box[target=_blank]::after {
    bottom: 15px;
    right: 30px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pic-unit .pic-unit-box[target=_blank]::after {
    bottom: 2.5px;
    bottom: 1.3333333333vw;
    right: 10px;
    right: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pic-unit .pic-unit-box[target=_blank]:hover::after {
    animation: icon-blank 0.3s steps(15) forwards;
  }
}
.new-responsive-template .c-pic-unit .pic-unit-box[target=_blank].is-icon-hide:after, .new-responsive-template .c-pic-unit .pic-unit-box[target=_blank].is-icon-hide:before {
  display: none;
}
.new-responsive-template .c-pic-unit .pic-unit-box:focus-visible {
  outline-offset: -1px;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pic-unit .pic-unit-box:focus-visible {
    border-radius: 8px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pic-unit .pic-unit-box:focus-visible {
    border-radius: 4px;
    border-radius: 2.1333333333vw;
  }
}
.new-responsive-template .c-pic-unit .pic-unit-holder {
  flex: 0 0 auto;
}
.new-responsive-template .c-pic-unit .pic-unit-holder img {
  width: 100%;
}
.new-responsive-template .c-pic-unit .pic-unit-caption {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  line-height: 1.8;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pic-unit .pic-unit-caption {
    font-size: 16px;
    padding: 30px 30px 50px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pic-unit .pic-unit-caption {
    font-size: 16px;
    font-size: 4.2666666667vw;
    padding: 10px 10px 22.5px 10px;
    padding: 5.3333333333vw 5.3333333333vw 12vw 5.3333333333vw;
  }
}
.new-responsive-template .c-pic-unit .pic-unit-caption .c-heading-lv5 {
  font-weight: bold;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pic-unit .pic-unit-caption .c-paragraph {
    padding-bottom: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pic-unit .pic-unit-caption .c-paragraph {
    padding-bottom: 16px;
  }
}
.new-responsive-template .c-pic-unit .pic-unit-caption .c-paragraph a::after {
  content: "";
  display: inline-block;
  background: url(/assets/img/component/arrow_right.svg) no-repeat right center;
  vertical-align: middle;
  transform: translateY(-50%);
  width: 30px;
  height: 6px;
  margin-left: 5px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pic-unit .pic-unit-caption .c-paragraph a::after {
    width: 15px;
    width: 8vw;
    height: 3px;
    height: 1.6vw;
    margin-left: 2.5px;
    margin-left: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pic-unit .pic-unit-caption .c-txt-list {
    padding-bottom: 6px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pic-unit .pic-unit-caption .c-txt-list {
    padding-bottom: 6px;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pic-unit .pic-unit-caption .c-txt-list .c-paragraph {
    padding-bottom: 6px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pic-unit .pic-unit-caption .c-txt-list .c-paragraph {
    padding-bottom: 6px;
  }
}
.new-responsive-template .c-pic-unit .pic-unit-caption .c-txt-list .txt-list > li > div {
  padding-left: 0;
}
.new-responsive-template .c-pic-unit .pic-unit-caption .c-txt-list .txt-list > li > div::before {
  display: none;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pagination {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pagination {
    margin-top: 16px;
    margin-top: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pagination .pagination-list {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pagination .pagination-list > li + li {
    margin-top: 7.5px;
    margin-top: 4vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pagination .pagination-list > .prev,
  .new-responsive-template .c-pagination .pagination-list > .top,
  .new-responsive-template .c-pagination .pagination-list > .next {
    display: flex;
    width: calc((100% - 60px) / 3);
  }
}
.new-responsive-template .c-pagination .pagination-list > .prev a,
.new-responsive-template .c-pagination .pagination-list > .next a {
  display: inline-block;
  position: relative;
}
.new-responsive-template .c-pagination .pagination-list > .prev a::before,
.new-responsive-template .c-pagination .pagination-list > .next a::before {
  position: absolute;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pagination .pagination-list > .prev a::before,
  .new-responsive-template .c-pagination .pagination-list > .next a::before {
    top: 11px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pagination .pagination-list > .prev a::before,
  .new-responsive-template .c-pagination .pagination-list > .next a::before {
    top: 5.5px;
    top: 2.9333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pagination .pagination-list > .prev {
    justify-content: flex-start;
  }
}
.new-responsive-template .c-pagination .pagination-list > .prev a {
  padding-left: 40px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pagination .pagination-list > .prev a {
    padding-left: 20px;
    padding-left: 10.6666666667vw;
  }
}
.new-responsive-template .c-pagination .pagination-list > .prev a::before {
  content: "";
  display: inline-block;
  background: url(/assets/img/component/arrow_left.svg) no-repeat center center;
  vertical-align: middle;
  left: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pagination .pagination-list > .prev a::before {
    background-size: contain;
    width: 30px;
    height: 6px;
    transform: translateY(-2px);
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pagination .pagination-list > .prev a::before {
    transform: translateY(-0.8vw);
    background-size: 15px 3px;
    background-size: 8vw 1.6vw;
    width: 15px;
    width: 8vw;
    height: 3px;
    height: 1.6vw;
    margin-right: 4px;
    margin-right: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pagination .pagination-list > .next {
    justify-content: flex-end;
  }
}
.new-responsive-template .c-pagination .pagination-list > .next a {
  padding-right: 40px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pagination .pagination-list > .next a {
    padding-right: 20px;
    padding-right: 10.6666666667vw;
  }
}
.new-responsive-template .c-pagination .pagination-list > .next a::before {
  content: "";
  display: inline-block;
  background: url(/assets/img/component/arrow_right.svg) no-repeat center center;
  vertical-align: middle;
  right: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pagination .pagination-list > .next a::before {
    background-size: contain;
    width: 30px;
    height: 6px;
    transform: translateY(-2px);
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pagination .pagination-list > .next a::before {
    transform: translateY(-0.8vw);
    background-size: 15px 3px;
    background-size: 8vw 1.6vw;
    width: 15px;
    width: 8vw;
    height: 3px;
    height: 1.6vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pagination .pagination-list > .top {
    justify-content: center;
    padding-top: 16px;
  }
}
.new-responsive-template .c-pagination .pagination-list > .top a {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pagination .pagination-list > .top a {
    position: relative;
    padding-left: 9.25px;
    padding-left: 4.9333333333vw;
  }
}
.new-responsive-template .c-pagination .pagination-list > .top a::before {
  content: "";
  display: block;
  background: url(/assets/img/component/arrow_head.svg) no-repeat center center;
  transform: rotate(180deg);
  margin: 0 auto;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pagination .pagination-list > .top a::before {
    background-size: contain;
    width: 8.5px;
    height: 5px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pagination .pagination-list > .top a::before {
    position: absolute;
    left: 0;
    background-size: 4.25px 2.5px;
    background-size: 2.2666666667vw 1.3333333333vw;
    width: 4.25px;
    width: 2.2666666667vw;
    height: 2.5px;
    height: 1.3333333333vw;
    top: 5.5px;
    top: 2.9333333333vw;
  }
}
.new-responsive-template .c-pagination .c-paragraph {
  margin-top: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list-tab {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list-tab {
    margin-top: 15px;
    margin-top: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list-tab .txt-list-tab {
    display: inline-flex;
    width: 100%;
    font-size: 16px;
    overflow: hidden;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list-tab .txt-list-tab {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list-tab .txt-list-tab li {
    flex: 1 1 195px;
    max-width: 100%;
    min-height: 44px;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list-tab .txt-list-tab li:not(:first-child) {
    margin-left: 30px;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list-tab .txt-list-tab li a {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    text-decoration: none;
    box-sizing: border-box;
    padding-bottom: 16px;
    transition: box-shadow 0.2s ease-in-out, opacity 0.2s;
  }
}
.new-responsive-template .c-txt-list-tab .txt-list-tab li a:focus-visible {
  outline-offset: -1px;
}
.new-responsive-template .c-txt-list-tab .txt-list-tab li:not(.current) a {
  color: #707F89;
  font-weight: 500;
  box-shadow: 0 -1px 0 #CCD9D4 inset;
}
.new-responsive-template .c-txt-list-tab .txt-list-tab li.current a {
  color: #00ae68;
  font-weight: 700;
  box-shadow: 0 -3px 0 #00ae68 inset;
}
.new-responsive-template .c-txt-list-tab .tab-btn-list {
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list-tab .tab-btn-list .txt-list-tab {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: -8px;
    margin-bottom: -4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list-tab .tab-btn-list .txt-list-tab > li {
    flex: 0 1 auto;
    width: 47.8%;
    min-height: 22px;
    min-height: 11.7333333333vw;
    margin-bottom: 8px;
    margin-bottom: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list-tab .tab-btn-list .txt-list-tab > li > a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    font-size: 14px;
    font-size: 3.7333333333vw;
    text-decoration: none;
    border: 1px solid #033824;
    border-radius: 2.5px;
    border-radius: 1.3333333333vw;
    padding: 0px 25px 0px 8.5px;
    padding: 0vw 13.3333333333vw 0vw 4.5333333333vw;
    position: relative;
    box-sizing: border-box;
    box-shadow: none;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list-tab .tab-btn-list .txt-list-tab > li > a::after {
    content: "";
    display: inline-block;
    background: url(/assets/img/component/arrow_right.svg) no-repeat right center;
    vertical-align: middle;
    transform: translateY(-50%);
    width: 30px;
    height: 6px;
    margin-left: 5px;
    position: absolute;
    top: 50%;
    right: 7.5px;
    right: 4vw;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .new-responsive-template .c-txt-list-tab .tab-btn-list .txt-list-tab > li > a::after {
    width: 15px;
    width: 8vw;
    height: 3px;
    height: 1.6vw;
    margin-left: 2.5px;
    margin-left: 1.3333333333vw;
  }
}
.new-responsive-template .c-txt-list-tab .tab-btn-list .txt-list-tab > li > a:focus-visible {
  outline-offset: -1px;
}
.new-responsive-template .c-txt-list-tab .switch-tab-accordion .tab-accordion {
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list-tab .switch-tab-accordion .tab-accordion {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list-tab .switch-tab-accordion .tab-accordion {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #d8dce3;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list-tab .switch-tab-accordion .tab-accordion [role=tab] {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    order: 1;
    box-sizing: border-box;
    padding-bottom: 16px;
    transition: box-shadow 0.2s ease-in-out;
    cursor: pointer;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list-tab .switch-tab-accordion .tab-accordion [role=tab] {
    width: 100%;
    position: relative;
    padding-top: 8px;
    padding-top: 4.2666666667vw;
    padding-bottom: 8px;
    padding-bottom: 4.2666666667vw;
    padding-right: 20px;
    padding-right: 10.6666666667vw;
    font-size: 16px;
    font-size: 4.2666666667vw;
    border-bottom: 1px solid #d8dce3;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .new-responsive-template .c-txt-list-tab .switch-tab-accordion .tab-accordion [role=tab]::before, .new-responsive-template .c-txt-list-tab .switch-tab-accordion .tab-accordion [role=tab]::after {
    content: "";
    display: inline-block;
    background-color: #033824;
    position: absolute;
    top: calc(50% - 1px);
    transition: 0.2s transform;
    right: 0px;
    right: 0vw;
    width: 7.5px;
    width: 4vw;
    height: 0.5px;
    height: 0.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list-tab .switch-tab-accordion .tab-accordion [role=tab]:not(.current)::after {
    transform: rotate(90deg) scaleY(1);
    transition: transform 0.2s ease-in-out;
  }
  .new-responsive-template .c-txt-list-tab .switch-tab-accordion .tab-accordion [role=tab].current::after {
    transform: rotate(0deg) scaleY(0);
    transition: transform 0.3s ease-in-out;
  }
  .new-responsive-template .c-txt-list-tab .switch-tab-accordion .tab-accordion [role=tab]::after {
    transform: rotate(0deg) scaleY(0);
    transition: transform 0.3s ease-in-out;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list-tab .switch-tab-accordion .tab-accordion [role=tab]:hover {
    opacity: 0.6;
    transition: opacity 0.2s;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list-tab .switch-tab-accordion .tab-accordion [role=tab]:nth-of-type(n + 2) {
    margin-left: 32px;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list-tab .switch-tab-accordion .tab-accordion [role=tab]:not(.current) {
    color: #5C7364;
    box-shadow: 0 -1px 0 #CCD9D4 inset;
  }
}
.new-responsive-template .c-txt-list-tab .switch-tab-accordion .tab-accordion [role=tab]:not(.current) span {
  color: #707F89;
  font-weight: 500;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list-tab .switch-tab-accordion .tab-accordion [role=tab].current {
    font-weight: 500;
    box-shadow: 0 -3px 0 #00ae68 inset;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list-tab .switch-tab-accordion .tab-accordion [role=tab].current {
    border-bottom: 2px solid #2a2f37;
  }
}
.new-responsive-template .c-txt-list-tab .switch-tab-accordion .tab-accordion [role=tab].current span {
  color: #00ae68;
  font-weight: 700;
}
.new-responsive-template .c-txt-list-tab .switch-tab-accordion .tab-accordion [role=tab]:focus-visible {
  outline-offset: -1px;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list-tab .switch-tab-accordion .tab-accordion [role=tabpanel] {
    grid-column: 1/5;
    grid-row: 2/3;
    order: 2;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list-tab .switch-tab-accordion .tab-accordion [role=tabpanel] {
    border-bottom: 1px solid #d8dce3;
  }
}
.new-responsive-template .c-txt-list-tab .switch-tab-accordion .tab-accordion [role=tabpanel][aria-hidden=true] {
  max-height: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
}
.new-responsive-template .c-txt-list-tab .switch-tab-accordion .tab-accordion [role=tabpanel][aria-hidden=false] {
  max-height: 100%;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.6s;
}
.new-responsive-template .c-txt-list-tab .switch-tab-accordion .tab-accordion [role=tabpanel] a:focus-visible {
  outline-offset: -1px;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-txt-list-tab .switch-tab-accordion .tab-body-box {
    padding: 30px 0;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-txt-list-tab .switch-tab-accordion .tab-body-box {
    padding: 10px 0px;
    padding: 5.3333333333vw 0vw;
  }
}
.new-responsive-template .c-txt-list-tab .switch-tab-accordion .tab-body-box > *:first-child {
  margin-top: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-btn-list {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-btn-list {
    margin-top: 15px;
    margin-top: 8vw;
  }
}
.new-responsive-template .c-btn-list * {
  box-sizing: border-box;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-btn-list .btn-list-container {
    display: flex;
    flex-wrap: wrap;
  }
}
.new-responsive-template .c-btn-list .btn-list-container.style-center {
  justify-content: center;
}
.new-responsive-template .c-btn-list .btn-list-container.style-left {
  justify-content: flex-start;
}
.new-responsive-template .c-btn-list .btn-list-container.style-right {
  justify-content: flex-end;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-btn-list .btn-list-item {
    flex: 0 1 270px;
    max-width: 270px;
  }
  .new-responsive-template .c-btn-list .btn-list-item:not(:nth-of-type(3n + 1)) {
    margin-left: 30px;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-btn-list .btn-list-item:nth-of-type(n + 4) {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-btn-list .btn-list-item:not(:nth-of-type(1)) {
    margin-top: 10px;
    margin-top: 5.3333333333vw;
  }
}
.new-responsive-template .c-btn-list .btn-list-link {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  text-align: center;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
  line-height: 1.5;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-btn-list .btn-list-link {
    font-size: 14px;
    max-width: 270px;
    min-height: 56px;
    padding: 0 56px;
    border-radius: 28px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-btn-list .btn-list-link {
    font-size: 14px;
    font-size: 3.7333333333vw;
    padding: 0 14.9333333333vw;
    min-height: 14.9333333333vw;
    border-radius: 7.4666666667vw;
  }
}
.new-responsive-template .c-btn-list .btn-list-link::before {
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-btn-list .btn-list-link::before {
    left: 15px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-btn-list .btn-list-link::before {
    right: 7.5px;
    right: 4vw;
  }
}
.new-responsive-template .c-btn-list .btn-list-link::after {
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-btn-list .btn-list-link::after {
    margin-left: 5px;
    right: 15px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-btn-list .btn-list-link::after {
    margin-left: 2.5px;
    margin-left: 1.3333333333vw;
    right: 7.5px;
    right: 4vw;
    top: 50%;
    transform: translateY(-50%);
  }
}
.new-responsive-template .c-btn-list .btn-list-link > span {
  display: inherit;
}
.new-responsive-template .c-btn-list .btn-list-link:not([target=_blank]):not([class*=style-]) {
  border: 1px solid #CCD9D4;
  color: #056740;
}
.new-responsive-template .c-btn-list .btn-list-link:not([target=_blank]):not([class*=style-])::after {
  content: "";
  display: inline-block;
  background-image: url("/assets/img/component/icon_anime_arrow_black.png");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .new-responsive-template .c-btn-list .btn-list-link:not([target=_blank]):not([class*=style-])::after, .old-responsive-template .new-responsive-template .c-btn-list .btn-list-link:not([target=_blank]):not([class*=style-])::after {
    width: 16px;
    width: 8.5333333333vw;
    height: 16px;
    height: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-btn-list .btn-list-link:not([target=_blank]):not([class*=style-]):hover::after {
    animation: icon-arrow 0.3s steps(9) forwards;
  }
}
.new-responsive-template .c-btn-list .btn-list-link[target=_blank] {
  border: 1px solid #CCD9D4;
  color: #056740;
}
.new-responsive-template .c-btn-list .btn-list-link[target=_blank]::after {
  content: "";
  display: inline-block;
  background-image: url("/assets/img/component/icon_anime_blank.png");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .new-responsive-template .c-btn-list .btn-list-link[target=_blank]::after, .old-responsive-template .new-responsive-template .c-btn-list .btn-list-link[target=_blank]::after {
    width: 16px;
    width: 8.5333333333vw;
    height: 16px;
    height: 8.5333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-btn-list .btn-list-link[target=_blank]::after {
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-btn-list .btn-list-link[target=_blank]:hover::after {
    animation: icon-blank 0.3s steps(15) forwards;
  }
}
.new-responsive-template .c-btn-list .btn-list-link.style-anchor[href^="#"] {
  border: 1px solid #CCD9D4;
  color: #056740;
}
.new-responsive-template .c-btn-list .btn-list-link.style-anchor[href^="#"]::after {
  content: "";
  display: inline-block;
  background-image: url("/assets/img/component/icon_anime_anchorlink.png");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .new-responsive-template .c-btn-list .btn-list-link.style-anchor[href^="#"]::after, .old-responsive-template .new-responsive-template .c-btn-list .btn-list-link.style-anchor[href^="#"]::after {
    width: 16px;
    width: 8.5333333333vw;
    height: 16px;
    height: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-btn-list .btn-list-link.style-anchor[href^="#"]:hover::after {
    animation: icon-anchorlink 0.3s steps(9) forwards;
  }
}
.new-responsive-template .c-btn-list .btn-list-link.style-zoom {
  border: 1px solid #CCD9D4;
  color: #056740;
}
.new-responsive-template .c-btn-list .btn-list-link.style-zoom::after {
  content: "";
  display: inline-block;
  background-image: url("/assets/img/component/icon_anime_zoom.png");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .new-responsive-template .c-btn-list .btn-list-link.style-zoom::after, .old-responsive-template .new-responsive-template .c-btn-list .btn-list-link.style-zoom::after {
    width: 16px;
    width: 8.5333333333vw;
    height: 16px;
    height: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-btn-list .btn-list-link.style-zoom:hover::after {
    animation: icon-zoom 0.3s steps(11) forwards;
  }
}
.new-responsive-template .c-btn-list .btn-list-link.style-download {
  border: 1px solid #CCD9D4;
  color: #056740;
}
.new-responsive-template .c-btn-list .btn-list-link.style-download::after {
  content: "";
  display: inline-block;
  background-image: url("/assets/img/component/icon_anime_download.png");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .new-responsive-template .c-btn-list .btn-list-link.style-download::after, .old-responsive-template .new-responsive-template .c-btn-list .btn-list-link.style-download::after {
    width: 16px;
    width: 8.5333333333vw;
    height: 16px;
    height: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-btn-list .btn-list-link.style-download:hover::after {
    animation: icon-download 0.3s steps(14) forwards;
  }
}
.new-responsive-template .c-btn-list .btn-list-link.style-prev {
  background-color: #5C7364;
  color: #FFF;
  border: none;
}
.new-responsive-template .c-btn-list .btn-list-link.style-prev::before {
  content: "";
  display: inline-block;
  background-image: url("/assets/img/component/icon_anime_arrow_back.png");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .new-responsive-template .c-btn-list .btn-list-link.style-prev::before, .old-responsive-template .new-responsive-template .c-btn-list .btn-list-link.style-prev::before {
    width: 16px;
    width: 8.5333333333vw;
    height: 16px;
    height: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-btn-list .btn-list-link.style-prev::before {
    left: 15px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-btn-list .btn-list-link.style-prev::before {
    left: 7.5px;
    left: 4vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-btn-list .btn-list-link.style-prev:hover::before {
    animation: icon-back 0.3s steps(9) forwards;
  }
}
.new-responsive-template .c-btn-list .btn-list-link.style-inactive {
  background-color: #CCD9D4;
  color: #fff;
  pointer-events: none;
  border: none;
}
.new-responsive-template .c-list-accordion {
  border-top: 1px solid #CCD9D4;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-list-accordion {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-list-accordion {
    margin-top: 15px;
    margin-top: 8vw;
  }
}
.new-responsive-template .c-list-accordion .list-accordion li {
  overflow: hidden;
}
.new-responsive-template .c-list-accordion .list-accordion li .list-accordion-head {
  background: #fff;
  border-bottom: 1px solid #CCD9D4;
  position: relative;
  z-index: 1;
  cursor: pointer;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-list-accordion .list-accordion li .list-accordion-head {
    font-size: 18px;
    padding: 20px 0;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-list-accordion .list-accordion li .list-accordion-head {
    font-size: 16px;
    font-size: 4.2666666667vw;
    padding: 10px 0px;
    padding: 5.3333333333vw 0vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-list-accordion .list-accordion li .list-accordion-head {
    padding-right: 40px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-list-accordion .list-accordion li .list-accordion-head {
    padding-right: 20px;
    padding-right: 10.6666666667vw;
  }
}
.new-responsive-template .c-list-accordion .list-accordion li .list-accordion-head::before, .new-responsive-template .c-list-accordion .list-accordion li .list-accordion-head::after {
  content: "";
  display: inline-block;
  background-color: #033824;
  position: absolute;
  top: calc(50% - 1px);
  transition: 0.2s transform;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-list-accordion .list-accordion li .list-accordion-head::before, .new-responsive-template .c-list-accordion .list-accordion li .list-accordion-head::after {
    right: 10px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-list-accordion .list-accordion li .list-accordion-head::before, .new-responsive-template .c-list-accordion .list-accordion li .list-accordion-head::after {
    right: 0px;
    right: 0vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-list-accordion .list-accordion li .list-accordion-head::before, .new-responsive-template .c-list-accordion .list-accordion li .list-accordion-head::after {
    width: 16px;
    height: 2px;
    border-radius: 1px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-list-accordion .list-accordion li .list-accordion-head::before, .new-responsive-template .c-list-accordion .list-accordion li .list-accordion-head::after {
    width: 7.5px;
    width: 4vw;
    height: 0.5px;
    height: 0.2666666667vw;
  }
}
.new-responsive-template .c-list-accordion .list-accordion li .list-accordion-head:focus-visible {
  outline-offset: -1px;
}
.new-responsive-template .c-list-accordion .list-accordion li .list-accordion-body > *:first-child {
  margin-top: 0;
}
.new-responsive-template .c-list-accordion .list-accordion li .list-accordion-body *:focus-visible {
  outline-offset: -1px;
}
.new-responsive-template .c-list-accordion .list-accordion li.open .list-accordion-head::after {
  transform: rotate(0deg) scaleY(0);
  transition: transform 0.3s ease-in-out;
}
.new-responsive-template .c-list-accordion .list-accordion li.open .list-accordion-body {
  border-bottom: 1px solid #CCD9D4;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-list-accordion .list-accordion li.open .list-accordion-body {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-list-accordion .list-accordion li.open .list-accordion-body {
    padding: 10px 0px;
    padding: 5.3333333333vw 0vw;
    padding: 10px 0px;
    padding: 5.3333333333vw 0vw;
  }
}
.new-responsive-template .c-list-accordion .list-accordion li.open .list-accordion-body * {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s ease-in-out;
}
.new-responsive-template .c-list-accordion .list-accordion li:not(.open) .list-accordion-head::after {
  transform: rotate(90deg) scaleY(1);
  transition: transform 0.2s ease-in-out;
}
.new-responsive-template .c-list-accordion .list-accordion li:not(.open) .list-accordion-body {
  max-height: 0;
}
.new-responsive-template .c-list-accordion .list-accordion li:not(.open) .list-accordion-body * {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.6s;
}
.new-responsive-template .c-list-block-variable {
  border: 1px solid #d8dce3;
  margin-top: 30px;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-list-block-variable {
    border-radius: 8px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-list-block-variable {
    border-radius: 4px;
    border-radius: 2.1333333333vw;
  }
}
.new-responsive-template .c-list-block-variable-inner {
  display: flex;
  text-decoration: none;
  position: relative;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-list-block-variable-inner {
    flex-direction: column;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-list-block-variable-inner:hover {
    opacity: 0.6;
    transition: opacity 0.2s;
  }
}
.new-responsive-template .c-list-block-variable-inner:not([target=_blank])::after {
  content: "";
  display: inline-block;
  background-image: url("/assets/img/component/icon_anime_arrow_black.png");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .new-responsive-template .c-list-block-variable-inner:not([target=_blank])::after, .old-responsive-template .new-responsive-template .c-list-block-variable-inner:not([target=_blank])::after {
    width: 16px;
    width: 8.5333333333vw;
    height: 16px;
    height: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-list-block-variable-inner:not([target=_blank])::after {
    bottom: 9px;
    right: 30px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-list-block-variable-inner:not([target=_blank])::after {
    bottom: 4.5px;
    bottom: 2.4vw;
    right: 10px;
    right: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-list-block-variable-inner:not([target=_blank]):hover::after {
    animation: icon-arrow 0.3s steps(9) forwards;
  }
}
.new-responsive-template .c-list-block-variable-inner[target=_blank]::after {
  content: "";
  display: inline-block;
  background-image: url("/assets/img/component/icon_anime_blank.png");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .new-responsive-template .c-list-block-variable-inner[target=_blank]::after, .old-responsive-template .new-responsive-template .c-list-block-variable-inner[target=_blank]::after {
    width: 16px;
    width: 8.5333333333vw;
    height: 16px;
    height: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-list-block-variable-inner[target=_blank]::after {
    bottom: 9px;
    right: 30px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-list-block-variable-inner[target=_blank]::after {
    bottom: 4.5px;
    bottom: 2.4vw;
    right: 10px;
    right: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-list-block-variable-inner[target=_blank]:hover::after {
    animation: icon-blank 0.3s steps(15) forwards;
  }
}
.new-responsive-template .c-list-block-variable-inner[target=_blank].is-icon-hide:after, .new-responsive-template .c-list-block-variable-inner[target=_blank].is-icon-hide:before {
  display: none;
}
.new-responsive-template .c-list-block-variable-inner:focus-visible {
  outline-offset: -1px;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-list-block-variable-inner:focus-visible {
    border-radius: 8px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-list-block-variable-inner:focus-visible {
    border-radius: 4px;
    border-radius: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-list-block-variable-image {
    width: 330px;
    overflow: hidden;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-list-block-variable-image {
    width: 100%;
  }
}
.new-responsive-template .c-list-block-variable-image img {
  width: 100%;
}
.new-responsive-template .c-list-block-variable-textarea {
  box-sizing: border-box;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-list-block-variable-textarea {
    padding: 30px 70px 30px 30px;
    width: calc(100% - 330px);
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-list-block-variable-textarea {
    padding: 5.3333333333vw 5.3333333333vw 12vw 5.3333333333vw;
    width: 100%;
  }
}
.new-responsive-template .c-list-block-variable-textarea-title {
  line-height: 1.8;
  margin-bottom: 15px;
  font-weight: bold;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-list-block-variable-textarea-title {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-list-block-variable-textarea-title {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
.new-responsive-template .c-list-block-variable-textarea-text {
  line-height: 1.8;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-list-block-variable-textarea-text {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-list-block-variable-textarea-text {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
.new-responsive-template .c-list-block-variable-textarea-figure {
  width: 100%;
}
.new-responsive-template .c-list-block-variable-textarea-figure img {
  max-width: 100%;
}
.new-responsive-template .c-list-block-variable-textarea-icon {
  width: 90px;
  margin-right: 15px;
}
.new-responsive-template .c-list-block-variable-textarea-icon img {
  max-width: 100%;
}
.new-responsive-template .c-list-block-variable-textarea-caption .c-list-block-variable-textarea-title {
  margin-bottom: 0;
}
.new-responsive-template .c-list-block-variable-textarea-caption .c-list-block-variable-textarea-text {
  margin-bottom: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-list-block-variable-textarea-caption .c-list-block-variable-textarea-text {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-list-block-variable-textarea-caption .c-list-block-variable-textarea-text {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
.new-responsive-template .c-list-block-variable-textarea--row {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
}
.new-responsive-template .c-list-block-variable-textarea--row--top {
  align-items: flex-start;
}

/*
========================================================
- IMG
========================================================
*/
.new-responsive-template {
  /*
  -------------------------------
  -- .c-pageSlider
  -------------------------------
  */
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pic {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pic {
    max-width: 100%;
    margin-top: 16px;
    margin-top: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pic .pic-item {
    flex: 0 1 auto;
    margin-left: 1.6666666667%;
    margin-right: 1.6666666667%;
    margin-top: 1.6666666667%;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pic .pic-item {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pic .pic-item:not(:first-child) {
    margin-top: 15px;
    margin-top: 8vw;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pic .pic-item.is-auto img {
    width: auto;
  }
}
.new-responsive-template .c-pic .pic-holder {
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pic .pic-holder {
    border-radius: 8px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pic .pic-holder {
    width: 100%;
    border-radius: 4px;
    border-radius: 2.1333333333vw;
  }
}
.new-responsive-template .c-pic .pic-holder img {
  width: 100%;
  max-width: 100%;
}
.new-responsive-template .c-pic .pic-holder a {
  display: block;
}
.new-responsive-template .c-pic .pic-holder a:focus-visible {
  outline: 2px solid rgb(0, 95, 204);
  outline-offset: -2px;
}
.new-responsive-template .c-pic .pic-holder.is-no-border-radius {
  border-radius: 0;
}
.new-responsive-template .c-pic .pic-caption {
  color: #7f7f7f;
  line-height: 1.7;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pic .pic-caption {
    font-size: 12px;
    margin-top: 8px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pic .pic-caption {
    font-size: 12px;
    font-size: 3.2vw;
    margin-top: 4px;
    margin-top: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pic + .c-badge {
    margin-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pic + .c-badge {
    margin-top: 7.5px;
    margin-top: 4vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .pic-container {
    display: flex;
    flex-wrap: wrap;
    width: 103.4482758621%;
    margin-left: -1.724137931%;
    margin-right: -1.724137931%;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .pic-container.style-center {
    justify-content: center;
  }
}
.new-responsive-template .pic-container.style-right {
  justify-content: right;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pic-columns {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1.724137931%;
    margin-right: -1.724137931%;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pic-columns.style-1col .pic-item,
  .new-responsive-template .c-pic-columns.style-1col .pic-holder img {
    margin-top: 0;
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pic-columns.style-2col .pic-item {
    flex-basis: 48.275862069%;
    max-width: 420px;
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pic-columns.style-2col .pic-item:not(:first-child) {
    margin-top: 15px;
    margin-top: 8vw;
  }
}
.new-responsive-template .c-pic-columns.style-2col .pic-holder img {
  width: 100%;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pic-columns.style-3col .pic-item {
    flex-basis: 31.0344827586%;
    max-width: 270px;
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pic-columns.style-3col .pic-item:not(:first-child) {
    margin-top: 15px;
    margin-top: 8vw;
  }
}
.new-responsive-template .c-pic-columns.style-3col .pic-holder img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pic-columns.style-4col {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pic-columns.style-4col .pic-item {
    flex-basis: 22.4137931034%;
    max-width: 195px;
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pic-columns.style-4col .pic-item {
    flex-shrink: 0;
    flex-grow: 1;
    flex: 1 1;
    flex-basis: 47.8260869565%;
    max-width: 47.8260869565%;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pic-columns.style-4col .pic-item:not(:first-child) {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pic-columns.style-4col .pic-item:nth-child(n+3) {
    margin-top: 30px;
  }
}
.new-responsive-template .c-pic-columns.style-4col .pic-holder img {
  width: 100%;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-image-switch {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-image-switch {
    max-width: 100%;
    margin-top: 15px;
    margin-top: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-image-switch .image-switch-item {
    display: inline-block;
    margin-top: 1.6666666667%;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-image-switch .image-switch-item {
    width: 100%;
  }
}
.new-responsive-template .c-image-switch .image-switch-item .holder {
  position: relative;
  width: 100%;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-image-switch .image-switch-item .holder {
    border-radius: 8px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-image-switch .image-switch-item .holder {
    border-radius: 4px;
    border-radius: 2.1333333333vw;
  }
}
.new-responsive-template .c-image-switch .image-switch-item .holder img {
  position: relative;
  transition: opacity 0.4s;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-image-switch .image-switch-item .holder img {
    width: 100%;
  }
}
.new-responsive-template .c-image-switch .image-switch-item .holder img:not(:first-child) {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
.new-responsive-template .c-image-switch .image-switch-item .holder img.is-current {
  opacity: 1;
}
.new-responsive-template .c-image-switch .caption {
  line-height: 1.5;
  color: #5C7364;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-image-switch .caption {
    font-size: 12px;
    margin-top: 8px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-image-switch .caption {
    font-size: 12px;
    font-size: 3.2vw;
    margin-top: 4px;
    margin-top: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-image-switch .thumb {
    margin-top: 24px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-image-switch .thumb {
    margin-top: 12px;
    margin-top: 6.4vw;
  }
}
.new-responsive-template .c-image-switch .thumb ul {
  display: grid;
  flex-wrap: wrap;
  box-sizing: border-box;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-image-switch .thumb ul {
    gap: 2px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-image-switch .thumb ul {
    gap: 1px;
    gap: 0.5333333333vw;
  }
}
.new-responsive-template .c-image-switch .thumb ul li {
  box-sizing: border-box;
  opacity: 0.5;
}
.new-responsive-template .c-image-switch .thumb ul li.is-current {
  opacity: 1;
}
.new-responsive-template .c-image-switch .thumb ul li > .thumb-holder {
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-image-switch .thumb ul li > .thumb-holder {
    border-radius: 8px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-image-switch .thumb ul li > .thumb-holder {
    border-radius: 4px;
    border-radius: 2.1333333333vw;
  }
}
.new-responsive-template .c-image-switch .thumb ul li > .thumb-holder > img {
  width: 100%;
  max-width: 100%;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-image-switch .w-300 > .image-switch-item {
    width: 300px;
    flex-basis: auto;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-image-switch .w-400 > .image-switch-item {
    width: 400px;
    flex-basis: auto;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-image-switch .w-500 > .image-switch-item {
    width: 500px;
    flex-basis: auto;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pic-block {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pic-block {
    max-width: 100%;
    margin-top: 15px;
    margin-top: 8vw;
  }
}
.new-responsive-template .c-pic-block .pic-block-container {
  display: flex;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pic-block .pic-block-container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    min-height: 100%;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pic-block .pic-block-box {
    max-width: 100%;
    flex: 0 0 270px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pic-block .pic-block-box {
    flex: 1 0 auto;
    order: 0;
    width: 100%;
    min-height: 100%;
  }
}
.new-responsive-template .c-pic-block .pic-block-box > *:first-child {
  margin-top: 0;
}
.new-responsive-template .c-pic-block .pic-block-box img {
  width: 100%;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pic-block .pic-block-box + .pic-block-txt {
    margin-left: 30px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pic-block .pic-block-box + .pic-block-txt {
    flex: 0 1 auto;
    order: 1;
    width: 100%;
    min-height: 100%;
    margin-top: 10px;
    margin-top: 5.3333333333vw;
  }
}
.new-responsive-template .c-pic-block .pic-block-box .c-pic {
  margin-top: 0;
}
.new-responsive-template .c-pic-block .pic-block-box .c-pic .pic-container {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pic-block .pic-block-box .c-pic .pic-item {
    width: 100%;
    max-width: 100%;
    margin: 0;
    flex: 1 0 270px;
  }
}
.new-responsive-template .c-pic-block .pic-block-txt {
  min-width: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pic-block .pic-block-txt {
    flex: 0 1 100%;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pic-block .pic-block-txt {
    flex: 1 0 auto;
    order: 1;
    max-width: 100%;
    min-height: 100%;
    margin-top: 10px;
    margin-top: 5.3333333333vw;
  }
}
.new-responsive-template .c-pic-block .pic-block-txt > *:first-child {
  margin-top: 0 !important;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pic-block .pic-block-txt + .pic-block-box {
    margin-left: 30px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pic-block .pic-block-txt + .pic-block-box {
    order: 0;
  }
}
.new-responsive-template .c-pic-block .c-pic-block-col2 {
  margin-top: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pic-block .c-pic-block-col2 {
    display: flex;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pic-block .c-pic-block-col2 .c-pic-block-col-item {
    flex: 0 1 47.3684210526%;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pic-block .c-pic-block-col2 .c-pic-block-col-item:nth-of-type(odd) {
    margin-right: 2.6315789474%;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pic-block .c-pic-block-col2 .c-pic-block-col-item:nth-of-type(even) {
    margin-left: 2.6315789474%;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pic-block + .new-responsive-template .c-pic-block {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pic-block + .new-responsive-template .c-pic-block {
    margin-top: 15px;
    margin-top: 8vw;
  }
}
.new-responsive-template .c-pageSlider__title {
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pageSlider__title {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pageSlider__title {
    font-size: 20px;
    font-size: 5.3333333333vw;
  }
}
@media all and (min-width: 1051px) {
  .new-responsive-template .c-pageSlider__container {
    width: 100%;
    max-width: 100%;
    margin-top: 20px;
    position: absolute;
  }
}
@media all and (max-width: 1050px) and (min-width: 768px) {
  .new-responsive-template .c-pageSlider__container {
    width: 1050px;
    margin-top: 20px;
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pageSlider__container {
    text-align: center;
    margin-top: 10px;
    margin-top: 5.3333333333vw;
    position: relative;
  }
}
.new-responsive-template .c-pageSlider__items {
  margin-bottom: 0 !important;
}
.new-responsive-template .c-pageSlider__items.js-pageSlicder-none {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pageSlider__items.js-pageSlicder-none .c-pageSlider__item {
    width: 125px;
    width: 66.6666666667vw;
    max-width: 100%;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pageSlider__items.js-pageSlicder-spOnly {
    display: flex;
    justify-content: center;
  }
}
.new-responsive-template .c-pageSlider__items .slick-list {
  max-width: none;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pageSlider__items .slick-list {
    height: 94px;
    height: 50.1333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pageSlider__items .slick-track {
    max-height: 100%;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pageSlider__item {
    margin: 0 15px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pageSlider__item {
    margin-right: 1.75px;
    margin-right: 0.9333333333vw;
    margin-left: 1.75px;
    margin-left: 0.9333333333vw;
  }
}
.new-responsive-template .c-pageSlider__item a {
  display: block;
  display: flex;
  align-items: center;
  justify-self: center;
  height: 247px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pageSlider__item a {
    height: 93.5px;
    height: 49.8666666667vw;
  }
}
.new-responsive-template .c-pageSlider__item img {
  margin: 0 auto;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pageSlider__item img {
    max-width: 330px;
    max-height: 247px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pageSlider__item img {
    width: 100%;
    height: auto;
    max-width: 125.5px;
    max-width: 66.9333333333vw;
    max-height: 93.5px;
    max-height: 49.8666666667vw;
  }
}
.new-responsive-template .c-pageSlider__pager {
  display: none;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .slick-initialized + .c-pageSlider__pager {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .slick-initialized + .c-pageSlider__pager {
    display: inline-flex;
    max-width: 100%;
    height: 12px;
    height: 6.4vw;
    text-align: center;
    margin-top: 5px;
    margin-top: 2.6666666667vw;
    margin-bottom: 5px;
    margin-bottom: 2.6666666667vw;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-left: 8vw;
    padding-right: 15px;
    padding-right: 8vw;
    position: relative;
  }
}
.new-responsive-template .c-pageSlider__arrow {
  display: flex;
  margin: 0 auto;
  position: absolute;
  transform: translateY(-50%);
  z-index: 2;
  cursor: pointer;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pageSlider__arrow {
    padding: 18px;
    top: 50%;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pageSlider__arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 9px 6px;
    padding: 4.8vw 3.2vw;
    height: 100%;
    top: 50%;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pageSlider__arrow.prev {
    left: calc(50% - 230px);
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pageSlider__arrow.prev {
    left: 0;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pageSlider__arrow.next {
    right: calc(50% - 230px);
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pageSlider__arrow.next {
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pageSlider__arrow img {
    width: 2.7px;
    width: 1.44vw;
    height: 4.75px;
    height: 2.5333333333vw;
  }
}
.new-responsive-template .c-pageSlider__dots {
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pageSlider__dots {
    display: flex;
    width: 100%;
    margin-top: 20px;
    position: absolute;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pageSlider__dots {
    display: flex;
    height: 100%;
  }
}
.new-responsive-template .c-pageSlider__dots > li button {
  line-height: 1;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pageSlider__dots > li button {
    width: 20px;
    height: 20px;
    margin: 0 5px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pageSlider__dots > li button {
    width: 10px;
    width: 5.3333333333vw;
    height: 13.75px;
    height: 7.3333333333vw;
    margin: 0px 2.5px;
    margin: 0vw 1.3333333333vw;
  }
}
.new-responsive-template .c-pageSlider__dots > li button::after {
  content: "";
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pageSlider__dots > li button::after {
    width: 10px;
    height: 10px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-pageSlider__dots > li button::after {
    width: 5px;
    width: 2.6666666667vw;
    height: 5px;
    height: 2.6666666667vw;
  }
}
.new-responsive-template .c-pageSlider__dots > li button[aria-selected^=true]::after {
  background-color: #111;
}
.new-responsive-template .c-pageSlider__dots > li button:not([aria-selected^=true])::after {
  background-color: #ccc;
}
.new-responsive-template .c-pageSlider-common .c-pageSlider:before {
  display: none !important;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pageSlider-common .c-pageSlider__arrow.next {
    right: calc(50% - 200px) !important;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-pageSlider-common .c-pageSlider__arrow.prev {
    left: calc(50% - 200px) !important;
  }
}

/*
========================================================
- Table
========================================================
*/
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-table {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-table {
    margin-top: 16px;
    margin-top: 8.5333333333vw;
    overflow: scroll;
  }
}
.new-responsive-template .c-table .table-content {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  box-sizing: border-box;
}
.new-responsive-template .c-table .table-content caption {
  text-align: right;
  font-size: 12px;
  padding: 0 0 7px;
}
.new-responsive-template .c-table .table-content th,
.new-responsive-template .c-table .table-content td {
  text-align: left;
  line-height: 1.6;
  vertical-align: top;
  border: 1px solid #CCD9D4;
  box-sizing: border-box;
  background: #FFF;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-table .table-content th,
  .new-responsive-template .c-table .table-content td {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-table .table-content th,
  .new-responsive-template .c-table .table-content td {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
.new-responsive-template .c-table .table-content th {
  font-weight: bold;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-table .table-content th {
    padding: 8px 24px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-table .table-content th {
    padding: 4px 8px;
    padding: 2.1333333333vw 4.2666666667vw;
  }
}
.new-responsive-template .c-table .table-content td {
  font-weight: normal;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-table .table-content td {
    padding: 16px 24px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-table .table-content td {
    padding: 8px;
    padding: 4.2666666667vw;
  }
}
.new-responsive-template .c-table .table-content td > *:first-child {
  margin-top: 0;
}
.new-responsive-template .c-table .table-content .table-lv1,
.new-responsive-template .c-table .table-content .table-lv2 {
  vertical-align: middle;
}
.new-responsive-template .c-table .table-content .table-lv1 {
  background: #F1F4F3;
}
.new-responsive-template .c-table .table-content .table-lv2 {
  background: #F1F4F3;
}
.new-responsive-template .c-table .table-content .table-center {
  text-align: center;
}
.new-responsive-template .c-table .table-content .table-right {
  text-align: right;
}
.new-responsive-template .c-table .table-content .table-top {
  vertical-align: top;
}
.new-responsive-template .c-table .table-content .table-middle {
  vertical-align: middle;
}
.new-responsive-template .c-table .table-content .table-bottom {
  vertical-align: bottom;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-table .table-content .table-small-pad {
    padding: 5px 8px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-table .table-content .table-small-pad {
    padding: 2.5px 4px;
    padding: 1.3333333333vw 2.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-table .table-content .table-large-pad {
    padding: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-table .table-content .table-large-pad {
    padding: 8px;
    padding: 4.2666666667vw;
  }
}
.new-responsive-template .c-table .table-content .c-txt-list {
  padding-bottom: 0;
}
.new-responsive-template .c-table .table-content .c-txt-list-detail {
  padding-bottom: 0;
}
.new-responsive-template .c-table .table-content .table-elem .color-box-container {
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-table .table-content .table-elem .color-box-container {
    border-radius: 8px;
    padding: 24px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-table .table-content .table-elem .color-box-container {
    border-radius: 2.1333333333vw;
    padding: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-table .style-product {
    min-width: 435px;
    min-width: 232vw;
    max-width: none;
    overflow-x: auto;
  }
}
.new-responsive-template .c-table .style-product .table-content {
  border-bottom: 1px solid #CCD9D4;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-table .style-product .table-content {
    border-radius: 8px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-table .style-product .table-content {
    border-radius: 2.1333333333vw;
  }
}
.new-responsive-template .c-table .style-product .table-content th, .new-responsive-template .c-table .style-product .table-content td {
  border-top: 1px solid #CCD9D4;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-table .style-product .table-content tr:not(:first-child) th {
    padding: 16px 24px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-table .style-product .table-content tr:not(:first-child) th {
    padding: 8px;
    padding: 4.2666666667vw;
  }
}
.new-responsive-template .c-table .style-product .table-content .table-lv1,
.new-responsive-template .c-table .style-product .table-content .table-lv2 {
  background: #F1F4F3;
  border: 1px solid #FAFAFA;
  vertical-align: middle;
}
.new-responsive-template .c-table .style-product .table-content thead .table-elem,
.new-responsive-template .c-table .style-product .table-content tbody .table-elem {
  border-top: none;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-table .style-product .table-content thead .table-elem,
  .new-responsive-template .c-table .style-product .table-content tbody .table-elem {
    padding: 16px 24px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-table .style-product .table-content thead .table-elem,
  .new-responsive-template .c-table .style-product .table-content tbody .table-elem {
    padding: 8px;
    padding: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-table .style-product .table-content thead .table-elem .c-color-box-container,
  .new-responsive-template .c-table .style-product .table-content tbody .table-elem .c-color-box-container {
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-table .style-product .table-content thead .table-elem .c-color-box-container,
  .new-responsive-template .c-table .style-product .table-content tbody .table-elem .c-color-box-container {
    padding: 0;
  }
}
.new-responsive-template .c-table .style-product th,
.new-responsive-template .c-table .style-product td {
  border: none;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .style-overflow-scroll {
    min-width: 435px;
    min-width: 232vw;
    max-width: none;
    overflow-x: auto;
    padding-bottom: 1px;
  }
}

/*
========================================================
- LAYOUT
========================================================
*/
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-divide-block:not(:first-child) {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-divide-block:not(:first-child) {
    margin-top: 16px;
    margin-top: 8.5333333333vw;
  }
}
.new-responsive-template .c-divide-block [class*=style-column] {
  width: 100%;
  display: grid;
}
.new-responsive-template .c-divide-block .divide-box *:first-child {
  margin-top: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-divide-block .style-column2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-divide-block .style-column2 {
    grid-template-columns: 1fr;
    gap: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-divide-block .style-column3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-divide-block .style-column3 {
    grid-template-columns: 1fr;
    gap: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-divide-block .style-column4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-divide-block .style-column4 {
    grid-template-columns: 1fr;
    gap: 8.5333333333vw;
  }
}
.new-responsive-template .c-divide-block .c-pic-block .style-vertical > div > div > div {
  flex-direction: column;
  min-height: 100%;
}
.new-responsive-template .c-divide-block .c-pic-block .style-vertical .pic-item {
  width: auto;
}
.new-responsive-template .c-divide-block .c-pic-block .style-vertical .pic-box {
  flex-basis: auto;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-divide-block .c-pic-block .style-vertical .pic-box + .txt-box {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-divide-block .c-pic-block .style-vertical .pic-box + .txt-box {
    margin-top: 0;
  }
}
.new-responsive-template .c-divide-block .c-pic-block .style-vertical .txt-box {
  box-sizing: border-box;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-divide-block .c-pic-block .style-vertical .txt-box {
    padding: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-divide-block .c-pic-block .style-vertical .txt-box {
    padding: 8px;
    padding: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-separete {
    margin-top: 64px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-separete {
    margin-top: 32px;
    margin-top: 17.0666666667vw;
  }
}
.new-responsive-template .c-separete hr {
  width: 100%;
  height: 1px;
  background: #CCD9D4;
}
.new-responsive-template .c-separete .style-color2 {
  background: #F1F4F3;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-separete .style-color2 {
    padding: 30px 0;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-separete .style-color2 {
    padding-top: 15px;
    padding-top: 8vw;
    padding-bottom: 15px;
    padding-bottom: 8vw;
  }
}

/*
========================================================
- Navigation
========================================================
*/
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-color-box {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-color-box {
    margin-top: 15px;
    margin-top: 8vw;
  }
}
.new-responsive-template .c-color-box .color-box-container {
  border: 1px solid #CCD9D4;
  overflow: hidden;
  background-color: #FFF;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-color-box .color-box-container {
    padding: 32px;
    border-radius: 8px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-color-box .color-box-container {
    padding: 6.4vw;
    border-radius: 2.1333333333vw;
  }
}
.new-responsive-template .c-color-box .color-box-container > *:first-child {
  margin-top: 0;
}
.new-responsive-template .c-color-box .pic-block-container {
  display: flex;
}
.new-responsive-template .c-color-box .pic-holder {
  border-radius: 0;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-color-box .style-contact .c-heading-lv3 .title-holder .title-item {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-color-box .style-contact .c-heading-lv3 + .c-divide-block {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-color-box .style-contact .c-heading-lv3 + .c-divide-block {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
.new-responsive-template .c-color-box .style-contact .c-heading-lv3 + .c-divide-block .c-paragraph {
  margin-top: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-color-box .style-contact .c-heading-lv3 + .c-paragraph {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-color-box .style-contact .c-heading-lv3 + .c-paragraph {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-color-box .style-contact .c-heading-lv4 {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-color-box .style-contact .c-heading-lv4 {
    margin-top: 16px;
    margin-top: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-color-box .style-contact .c-heading-lv4 ~ .c-paragraph {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-color-box .style-contact .c-heading-lv4 ~ .c-paragraph {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-color-box .style-contact .c-heading-lv4 ~ .c-txt-list-detail {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-color-box .style-contact .c-heading-lv4 ~ .c-txt-list-detail {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-color-box .style-contact .c-heading-lv4 ~ .c-txt-list-detail dt {
    width: 150px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-color-box .style-contact .c-heading-lv4 ~ .c-txt-list-detail .txt-list-detail:not(:first-child) {
    margin-top: 5px;
    margin-top: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-color-box .style-contact .c-heading-lv4 ~ .c-txt-list-detail .txt-list-detail:not(:first-child) > dt::after {
    top: 0;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-color-box .style-contact .c-heading-lv4 ~ .c-txt-list-detail .txt-list-detail:not(:first-child) > dt::after {
    top: 0px;
    top: 0vw;
  }
}
.new-responsive-template .c-color-box .style-contact .divide-box > div [class^=c-]:first-child {
  margin-top: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-color-box .style-contact .style-column2 .divide-box {
    max-width: 384px;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-color-box .style-contact .style-column2 .divide-box:nth-of-type(even) {
    margin-left: 40px;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-color-box .style-contact .style-column2 .divide-box .c-paragraph + .c-txt-list {
    margin-top: 24px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-color-box .style-contact .style-column2 .divide-box .c-paragraph + .c-txt-list {
    margin-top: 12px;
    margin-top: 6.4vw;
  }
}
.new-responsive-template .c-color-box .style-contact-img {
  padding: 0;
  cursor: pointer;
  transition: opacity 0.2s;
}
.new-responsive-template .c-color-box .style-contact-img:hover {
  opacity: 0.6;
}
.new-responsive-template .c-color-box .style-contact-img > *:first-child {
  padding: 0;
}
.new-responsive-template .c-color-box .style-contact-img .c-pic-block .pic-block-box {
  order: 2;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-color-box .style-contact-img .c-pic-block .pic-block-box {
    max-width: 254px;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-color-box .style-contact-img .c-pic-block .pic-block-txt {
    padding: 30px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-color-box .style-contact-img .c-pic-block .pic-block-txt {
    margin-top: 0;
    padding: 10px;
    padding: 5.3333333333vw;
    box-sizing: border-box;
  }
}
.new-responsive-template .c-color-box .style-contact-img .c-pic-block .pic-block-txt .c-heading-lv3 {
  margin-top: 0;
}
.new-responsive-template .c-color-box .style-contact-img .c-pic-block .pic-block-txt .c-heading-lv3 a {
  text-decoration: none;
}
.new-responsive-template .c-color-box .style-contact-img .c-pic-block .pic-block-txt .c-heading-lv3 a:hover {
  opacity: 1;
}
.new-responsive-template .c-color-box .style-contact-img .c-pic-block .pic-block-txt .c-heading-lv3 a::after {
  display: none;
}
.new-responsive-template .c-color-box .style-contact-img .c-pic-block .pic-box {
  margin-left: 0;
  flex-basis: auto;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-color-box .style-contact-img .c-pic-block .pic-box {
    width: 100%;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-color-box .style-contact-img .c-pic-block .pic-item {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-color-box .style-plugin .c-pic-block .pic-block-container {
    align-items: flex-start;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-color-box .style-plugin .c-pic-block .pic-block-box {
    flex-basis: 158px;
    max-width: 158px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-color-box .style-plugin .c-pic-block .pic-block-box {
    flex: 0 1 auto;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-color-box .style-plugin .c-pic-block .c-pic .pic-item {
    width: 158px;
  }
}
.new-responsive-template .c-color-box .style-plugin .c-pic-block .c-pic .pic-item img {
  width: auto;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-color-box .style-plugin .c-pic-block .c-paragraph {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-color-box .style-plugin .c-pic-block .c-paragraph {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-color-box .style-plugin .c-pic-block .c-paragraph + .c-txt-list {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-color-box .style-plugin .c-pic-block .c-paragraph + .c-txt-list {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}

/*
========================================================
- Navigation
========================================================
*/
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-movie-unit {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-movie-unit {
    margin-top: 15px;
    margin-top: 8vw;
  }
}
.new-responsive-template .c-movie-unit .movie-item {
  box-sizing: border-box;
  position: relative;
}
.new-responsive-template .c-movie-unit .movie-item-title {
  width: 100%;
  box-sizing: border-box;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-movie-unit .movie-item-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-movie-unit .movie-item-title {
    font-size: 9px;
    font-size: 4.8vw;
    margin-bottom: 7.5px;
    margin-bottom: 4vw;
  }
}
.new-responsive-template .c-movie-unit .movie-item-title [class^=c-heading] {
  margin-top: 0;
}
.new-responsive-template .c-movie-unit .movie-item-holder {
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-movie-unit .movie-item-holder {
    border-radius: 8px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-movie-unit .movie-item-holder {
    border-radius: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-movie-unit .movie-item-holder {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-movie-unit .movie-item-holder {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
.new-responsive-template .c-movie-unit .movie-item-holder img {
  width: 100%;
}
.new-responsive-template .c-movie-unit .movie-item-holder.movie-thumb a {
  position: relative;
  display: block;
}
.new-responsive-template .c-movie-unit .movie-item-holder.movie-thumb a:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("/assets/img/component/movie_start.svg") no-repeat 0 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-movie-unit .movie-item-holder.movie-thumb a:after {
    width: 62px;
    height: 62px;
    background-size: 62px 62px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-movie-unit .movie-item-holder.movie-thumb a:after {
    width: 31px;
    width: 16.5333333333vw;
    height: 31px;
    height: 16.5333333333vw;
    background-size: 16.5333333333vw 16.5333333333vw;
  }
}
.new-responsive-template .c-movie-unit .movie-item-holder.movie-thumb a:focus-visible {
  outline: 2px solid rgb(0, 95, 204);
  outline-offset: -2px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-movie-unit .style-column1 .movie-item {
    max-width: 100%;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-movie-unit .style-column1 .movie-item:nth-of-type(n + 2) {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-movie-unit .style-column1 .movie-item:nth-of-type(n + 2) {
    margin-top: 16px;
    margin-top: 8.5333333333vw;
  }
}
.new-responsive-template .c-movie-unit div:not([class^=style-column1]) {
  display: grid;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-movie-unit .style-column2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-movie-unit .style-column2 {
    grid-template-columns: 1fr;
    gap: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-movie-unit .style-column3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-movie-unit .style-column3 {
    grid-template-columns: 1fr;
    gap: 8.5333333333vw;
  }
}

/*
========================================================
- Modal
========================================================
*/
.new-responsive-template .c-modal-window {
  cursor: pointer !important;
}
.new-responsive-template .c-modal-window-enable {
  overflow: hidden;
  position: relative;
}
.new-responsive-template #c-modal-window-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(17, 17, 17, 0.7);
  box-sizing: border-box;
  z-index: 9999;
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: scroll;
  backface-visibility: hidden;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template #c-modal-window-overlay {
    padding: 60px 0;
  }
}
.new-responsive-template #c-modal-window-overlay.is-active #c-modal-window-inner {
  display: flex;
}
.new-responsive-template #c-modal-window-inner {
  justify-content: center;
  align-items: center;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  overflow-y: auto;
  position: absolute;
  top: 0;
  min-height: 100%;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template #c-modal-window-inner {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template #c-modal-window-inner {
    padding: 40px 7.5px 40px 7.5px;
    padding: 21.3333333333vw 4vw 21.3333333333vw 4vw;
  }
}
.new-responsive-template #c-modal-window-content {
  box-sizing: border-box;
  background-color: #fff;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template #c-modal-window-content {
    width: 870px;
    padding: 32px;
    border-radius: 8px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template #c-modal-window-content {
    width: 100%;
    max-width: 100%;
    padding: 8px 8px 8px 8px;
    padding: 4.2666666667vw 4.2666666667vw 4.2666666667vw 4.2666666667vw;
    border-radius: 2.1333333333vw;
  }
}
.new-responsive-template #c-modal-window-content > *:first-child {
  margin-top: 0;
}
.new-responsive-template #c-modal-window-close {
  display: none;
  box-sizing: border-box;
  z-index: 9999;
  position: fixed;
  background-color: #00ae68;
  cursor: pointer;
  height: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template #c-modal-window-close {
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    border-radius: 20px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template #c-modal-window-close {
    top: 10px;
    top: 5.3333333333vw;
    right: 10px;
    right: 5.3333333333vw;
    width: 20px;
    width: 10.6666666667vw;
    height: 20px;
    height: 10.6666666667vw;
    border-radius: 10px;
    border-radius: 5.3333333333vw;
  }
}
.new-responsive-template #c-modal-window-close.is-active {
  display: block;
}
.new-responsive-template #c-modal-window-close::before, .new-responsive-template #c-modal-window-close::after {
  display: block;
  box-sizing: border-box;
  content: "";
  position: absolute;
  margin: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #fff;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template #c-modal-window-close::before, .new-responsive-template #c-modal-window-close::after {
    width: 20px;
    height: 2px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template #c-modal-window-close::before, .new-responsive-template #c-modal-window-close::after {
    width: 10px;
    width: 5.3333333333vw;
    height: 0.5px;
    height: 0.2666666667vw;
  }
}
.new-responsive-template #c-modal-window-close::after {
  transform: rotate(45deg);
}
.new-responsive-template #c-modal-window-close::before {
  transform: rotate(-45deg);
}
.new-responsive-template #c-modal-window-close:focus-visible {
  outline: 2px solid !important;
  outline-color: rgb(0, 95, 204) !important;
  outline-offset: -2px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template #c-modal-window-arrows {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 1;
    left: 50%;
    bottom: 15px;
    bottom: 8vw;
    transform: translateX(-50%);
  }
}
.new-responsive-template #c-modal-window-prev, .new-responsive-template #c-modal-window-next {
  z-index: 9999;
  box-sizing: border-box;
  cursor: pointer;
  background-color: #00ae68;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template #c-modal-window-prev, .new-responsive-template #c-modal-window-next {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    position: fixed;
    top: 50%;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template #c-modal-window-prev, .new-responsive-template #c-modal-window-next {
    width: 20px;
    width: 10.6666666667vw;
    height: 20px;
    height: 10.6666666667vw;
    border-radius: 10px;
    border-radius: 5.3333333333vw;
    margin-right: 10px;
    margin-right: 5.3333333333vw;
    margin-left: 10px;
    margin-left: 5.3333333333vw;
    position: relative;
  }
}
.new-responsive-template #c-modal-window-prev::after, .new-responsive-template #c-modal-window-next::after {
  display: block;
  box-sizing: border-box;
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 2px solid;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template #c-modal-window-prev::after, .new-responsive-template #c-modal-window-next::after {
    width: 10px;
    height: 10px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template #c-modal-window-prev::after, .new-responsive-template #c-modal-window-next::after {
    width: 5px;
    width: 2.6666666667vw;
    height: 5px;
    height: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template #c-modal-window-prev {
    left: 50%;
    margin-left: -500px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template #c-modal-window-prev {
    left: 5px;
    left: 2.6666666667vw;
    margin-left: -2.5px;
    margin-left: -1.3333333333vw;
  }
}
.new-responsive-template #c-modal-window-prev::after {
  border-color: transparent transparent #fff #fff;
  transform: rotate(45deg) translate(15%, -15%);
}
@media screen and (min-width: 768px), print {
  .new-responsive-template #c-modal-window-next {
    right: 50%;
    margin-right: -500px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template #c-modal-window-next {
    right: 5px;
    right: 2.6666666667vw;
    margin-right: -2.5px;
    margin-right: -1.3333333333vw;
  }
}
.new-responsive-template #c-modal-window-next:after {
  border-color: #fff #fff transparent transparent;
  transform: rotate(45deg) translate(-15%, 15%);
}
.new-responsive-template .c-modal-window-item > *:first-child {
  margin-top: 0;
}
.new-responsive-template [data-module=static-modal] [data-modal=modal-toggle] {
  transition: 0.2s opacity;
}
.new-responsive-template [data-module=static-modal] [data-modal=modal-toggle]:hover {
  opacity: 0.6;
}
.new-responsive-template [data-module=static-modal] .c-modal-window {
  display: none;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .modaal-video-wrap {
    margin: auto !important;
  }
}
.new-responsive-template .modaal-video-wrap.is-focus:focus-visible .modaal-video-container {
  outline: 2px solid rgb(0, 95, 204);
}

/*
========================================================
- Form
========================================================
*/
.new-responsive-template .c-form-input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-input-container {
    height: 34px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-input-container {
    height: 9.0666666667vw;
  }
}
.new-responsive-template .c-form-input-text-box {
  width: 100%;
  background: #FFF;
  color: #033824;
  border: solid 1px #CCD9D4;
  box-sizing: border-box;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-input-text-box {
    padding: 0 20px;
    font-size: 16px;
    border-radius: 17px;
    min-height: 34px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-input-text-box {
    padding: 0 5.3333333333vw;
    font-size: 4.2666666667vw;
    border-radius: 4.5333333333vw;
    min-height: 9.0666666667vw;
  }
}
.new-responsive-template .c-form-input-text-box::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.new-responsive-template .c-form-input-text-box::placeholder {
  color: #CCD9D4;
}
.new-responsive-template .c-form-input-search-wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-input-search-wrap {
    right: 16px;
    width: 24px;
    height: 24px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-input-search-wrap {
    right: 4.2666666667vw;
    width: 6.4vw;
    height: 6.4vw;
  }
}
.new-responsive-template .c-form-input-search-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFF;
  pointer-events: none;
}
.new-responsive-template .c-form-input-search-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/assets/images/common/icon-search-green-dark.svg) no-repeat center center;
  pointer-events: none;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-input-search-wrap::after {
    width: 24px;
    height: 24px;
    background-size: 16px 17px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-input-search-wrap::after {
    width: 6.4vw;
    height: 6.4vw;
    background-size: 4.2666666667vw 4.5333333333vw;
  }
}
.new-responsive-template .c-form-input-search-btn {
  line-height: 0 !important;
  appearance: none;
  -webkit-appearance: none;
  vertical-align: top;
  border: none;
  padding: 0;
  outline-offset: 1px;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-input-search-btn {
    width: 24px;
    height: 24px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-input-search-btn {
    width: 6.4vw;
    height: 6.4vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .is-search .c-form-input-text-box {
    padding: 0 56px 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .is-search .c-form-input-text-box {
    padding: 0 14.9333333333vw 0 5.3333333333vw;
  }
}
.new-responsive-template .is-bg-gray .c-form-input-text-box {
  border: none;
}
.new-responsive-template .c-form-select-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-select-container {
    height: 34px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-select-container {
    height: 9.0666666667vw;
  }
}
.new-responsive-template .c-form-select-container::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background-color: #056740;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-select-container::before {
    width: 60px;
    height: 34px;
    border-radius: 0 17px 17px 0;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-select-container::before {
    width: 16vw;
    height: 9.0666666667vw;
    border-radius: 0 4.5333333333vw 4.5333333333vw 0;
  }
}
.new-responsive-template .c-form-select-container::after {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  background: url(/assets/img/component/icon-arrow.svg) no-repeat center center/contain;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-select-container::after {
    right: 23px;
    width: 14px;
    height: 7px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-select-container::after {
    right: 6.1333333333vw;
    width: 3.7333333333vw;
    height: 1.8666666667vw;
  }
}
.new-responsive-template .c-form-select-text-box {
  width: 100%;
  background: #FFF;
  color: #033824;
  border: solid 1px #CCD9D4;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-select-text-box {
    padding: 0 80px 0 20px;
    font-size: 16px;
    border-radius: 17px;
    min-height: 34px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-select-text-box {
    padding: 0 21.3333333333vw 0 5.3333333333vw;
    font-size: 4.2666666667vw;
    border-radius: 4.5333333333vw;
    min-height: 9.0666666667vw;
  }
}
.new-responsive-template .c-form-select-text-box::-ms-expand {
  display: none;
}
.new-responsive-template .c-form-select-text-box::placeholder {
  color: #CCD9D4;
}
.new-responsive-template .is-bg-gray .c-form-select-text-box {
  border: none;
}
.new-responsive-template .c-form-radiobtn-block--wrap {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-radiobtn-block--wrap {
    gap: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-radiobtn-block--wrap {
    gap: 15px;
  }
}
.new-responsive-template .c-form-radiobtn-block {
  position: relative;
  transition: color 0.4s;
  cursor: pointer;
  line-height: 2;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-radiobtn-block {
    font-size: 12px;
    padding: 5px 20px 5px 36px;
    border-radius: 17px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-radiobtn-block {
    font-size: 3.2vw;
    padding: 1.3333333333vw 5.3333333333vw 1.3333333333vw 9.6vw;
    border-radius: 4.5333333333vw;
  }
}
.new-responsive-template .c-form-radiobtn-block {
  background: #F1F4F3;
  color: #5C7364;
}
.new-responsive-template .c-form-radiobtn-block:has(input:checked) {
  background-color: #056740;
  color: #FFF;
}
.new-responsive-template .c-form-radiobtn-block:hover {
  color: #033824;
}
.new-responsive-template .c-form-radiobtn-block input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}
.new-responsive-template .c-form-radiobtn-block span:before {
  content: "";
  position: absolute;
  border: solid 1px #CCD9D4;
  box-sizing: border-box;
  border-radius: 50%;
  background: #FFF;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-radiobtn-block span:before {
    top: 8px;
    left: 8px;
    width: 18px;
    height: 18px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-radiobtn-block span:before {
    top: 2.1333333333vw;
    left: 2.1333333333vw;
    width: 4.8vw;
    height: 4.8vw;
  }
}
.new-responsive-template .c-form-radiobtn-block input:checked + span {
  color: #FFF;
}
.new-responsive-template .c-form-radiobtn-block input:checked + span:before {
  background: transparent;
  border: solid 1px #FFF;
}
.new-responsive-template .c-form-radiobtn-block input:checked + span:after {
  content: "";
  position: absolute;
  background-color: #FFF;
  box-sizing: border-box;
  border-radius: 50%;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-radiobtn-block input:checked + span:after {
    top: 11px;
    left: 11px;
    width: 12px;
    height: 12px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-radiobtn-block input:checked + span:after {
    top: 2.9333333333vw;
    left: 2.9333333333vw;
    width: 3.2vw;
    height: 3.2vw;
  }
}
.new-responsive-template .c-form-radiobtn-block label {
  position: relative;
  cursor: pointer;
}
.new-responsive-template .c-form-radiobtn--wrap {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-radiobtn--wrap {
    gap: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-radiobtn--wrap {
    column-gap: 8vw;
    row-gap: 5.3333333333vw;
  }
}
.new-responsive-template .c-form-radiobtn {
  position: relative;
  transition: color 0.4s;
  cursor: pointer;
  line-height: 1.5;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-radiobtn {
    padding-left: 28px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-radiobtn {
    padding-left: 7.4666666667vw;
    font-size: 4.2666666667vw;
  }
}
.new-responsive-template .c-form-radiobtn {
  color: #5C7364;
}
.new-responsive-template .c-form-radiobtn:hover {
  color: #033824;
}
.new-responsive-template .c-form-radiobtn input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}
.new-responsive-template .c-form-radiobtn span:before {
  content: "";
  position: absolute;
  left: 0;
  border: solid 1px #CCD9D4;
  box-sizing: border-box;
  border-radius: 50%;
  background: #FFF;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-radiobtn span:before {
    top: 3px;
    width: 18px;
    height: 18px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-radiobtn span:before {
    top: 0.8vw;
    width: 4.8vw;
    height: 4.8vw;
  }
}
.new-responsive-template .c-form-radiobtn input:checked + span {
  color: #033824;
}
.new-responsive-template .c-form-radiobtn input:checked + span:before {
  background: transparent;
  border: solid 1px #056740;
}
.new-responsive-template .c-form-radiobtn input:checked + span:after {
  content: "";
  position: absolute;
  background-color: #056740;
  box-sizing: border-box;
  border-radius: 50%;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-radiobtn input:checked + span:after {
    top: 6px;
    left: 3px;
    width: 12px;
    height: 12px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-radiobtn input:checked + span:after {
    top: 1.6vw;
    left: 0.8vw;
    width: 3.2vw;
    height: 3.2vw;
  }
}
.new-responsive-template .c-form-radiobtn label {
  position: relative;
  cursor: pointer;
}
.new-responsive-template .c-form-checkbox-block--wrap {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-checkbox-block--wrap {
    gap: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-checkbox-block--wrap {
    column-gap: 8vw;
    row-gap: 5.3333333333vw;
  }
}
.new-responsive-template .c-form-checkbox-block {
  position: relative;
  transition: color 0.4s;
  cursor: pointer;
  line-height: 2;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-checkbox-block {
    font-size: 12px;
    padding: 5px 20px 5px 36px;
    border-radius: 17px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-checkbox-block {
    font-size: 3.2vw;
    padding: 1.3333333333vw 5.3333333333vw 1.3333333333vw 9.6vw;
    border-radius: 4.5333333333vw;
  }
}
.new-responsive-template .c-form-checkbox-block {
  background: #F1F4F3;
  color: #5C7364;
}
.new-responsive-template .c-form-checkbox-block:has(input:checked) {
  background-color: #056740;
  color: #FFF;
}
.new-responsive-template .c-form-checkbox-block:hover {
  color: #033824;
}
.new-responsive-template .c-form-checkbox-block input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}
.new-responsive-template .c-form-checkbox-block span:before {
  content: "";
  position: absolute;
  border: solid 1px #CCD9D4;
  box-sizing: border-box;
  background: #FFF;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-checkbox-block span:before {
    top: 8px;
    left: 8px;
    width: 18px;
    height: 18px;
    border-radius: 5px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-checkbox-block span:before {
    top: 2.1333333333vw;
    left: 2.1333333333vw;
    width: 4.8vw;
    height: 4.8vw;
    border-radius: 1.3333333333vw;
  }
}
.new-responsive-template .c-form-checkbox-block input:checked + span {
  color: #FFF;
}
.new-responsive-template .c-form-checkbox-block input:checked + span:before {
  background: #FFF;
  border: solid 1px #056740;
}
.new-responsive-template .c-form-checkbox-block input:checked + span:after {
  content: "";
  position: absolute;
  background: url(/assets/img/component/icon-check.svg) no-repeat center center/contain;
  box-sizing: border-box;
  border-radius: 50%;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-checkbox-block input:checked + span:after {
    top: 9px;
    left: 11px;
    width: 16px;
    height: 13px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-checkbox-block input:checked + span:after {
    top: 2.4vw;
    left: 2.9333333333vw;
    width: 4.2666666667vw;
    height: 3.4666666667vw;
  }
}
.new-responsive-template .c-form-checkbox-block label {
  position: relative;
  cursor: pointer;
}
.new-responsive-template .c-form-checkbox--wrap {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-checkbox--wrap {
    gap: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-checkbox--wrap {
    column-gap: 8vw;
    row-gap: 5.3333333333vw;
  }
}
.new-responsive-template .c-form-checkbox {
  position: relative;
  transition: color 0.4s;
  cursor: pointer;
  line-height: 1.5;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-checkbox {
    padding-left: 28px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-checkbox {
    padding-left: 7.4666666667vw;
    font-size: 4.2666666667vw;
  }
}
.new-responsive-template .c-form-checkbox {
  color: #5C7364;
}
.new-responsive-template .c-form-checkbox:hover {
  color: #033824;
}
.new-responsive-template .c-form-checkbox input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}
.new-responsive-template .c-form-checkbox span:before {
  content: "";
  position: absolute;
  left: 0;
  border: solid 1px #CCD9D4;
  box-sizing: border-box;
  background: #FFF;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-checkbox span:before {
    top: 3px;
    width: 18px;
    height: 18px;
    border-radius: 5px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-checkbox span:before {
    top: 0.8vw;
    width: 4.8vw;
    height: 4.8vw;
    border-radius: 1.3333333333vw;
  }
}
.new-responsive-template .c-form-checkbox input:checked + span {
  color: #033824;
}
.new-responsive-template .c-form-checkbox input:checked + span:before {
  background: transparent;
  border: solid 1px #056740;
}
.new-responsive-template .c-form-checkbox input:checked + span:after {
  content: "";
  position: absolute;
  background: url(/assets/img/component/icon-check.svg) no-repeat center center/contain;
  box-sizing: border-box;
  border-radius: 50%;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-checkbox input:checked + span:after {
    top: 4px;
    left: 3px;
    width: 16px;
    height: 13px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-checkbox input:checked + span:after {
    top: 1.0666666667vw;
    left: 0.8vw;
    width: 4.2666666667vw;
    height: 3.4666666667vw;
  }
}
.new-responsive-template .c-form-checkbox label {
  position: relative;
  cursor: pointer;
}
.new-responsive-template .c-form-sort-btn-container {
  display: flex;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-sort-btn-container {
    width: 53.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-sort-btn-container > .c-form-sort-btn {
    width: 50%;
  }
}
.new-responsive-template .c-form-sort-btn {
  display: grid;
  place-items: center;
  background-color: #F1F4F3;
  color: #5C7364;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-sort-btn {
    width: 6.5em;
    min-height: 34px;
    padding-left: 0.8em;
    padding-right: 0.8em;
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-sort-btn {
    min-height: 9.0666666667vw;
    font-size: 12px;
    font-size: 3.2vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-sort-btn:not(span):hover, .new-responsive-template .c-form-sort-btn:not(span):active, .new-responsive-template .c-form-sort-btn:not(span):focus {
    opacity: 0.5;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-sort-btn:first-child {
    border-radius: 18px 0 0 18px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-sort-btn:first-child {
    border-radius: 6.4vw 0 0 6.4vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-sort-btn:last-child {
    border-radius: 0 18px 18px 0;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-sort-btn:last-child {
    border-radius: 0 6.4vw 6.4vw 0;
  }
}
.new-responsive-template .c-form-sort-btn[aria-pressed=true] {
  background-color: #056740;
  color: #FFF;
}
.new-responsive-template .c-form-toggle--inner {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-toggle--inner {
    gap: 3px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-toggle--inner {
    gap: 0.8vw;
  }
}
.new-responsive-template .c-form-toggle--inner:has([aria-expanded=true]) .c-form-toggle-hdg {
  color: #033824;
}
.new-responsive-template .c-form-toggle--inner:has([aria-expanded=true]) .c-form-toggle-btn {
  transition: background-color 0.25s;
  background-color: #056740;
}
.new-responsive-template .c-form-toggle--inner:has([aria-expanded=true]) .c-form-toggle-btn:before {
  opacity: 0.5;
  opacity: 0;
}
.new-responsive-template .c-form-toggle--inner:has([aria-expanded=true]) .c-form-toggle-btn:after {
  opacity: 1;
}
.new-responsive-template .c-form-toggle--inner:has([aria-expanded=true]) .c-form-toggle-btn > .handle {
  transition: left 0.25s;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-toggle--inner:has([aria-expanded=true]) .c-form-toggle-btn > .handle {
    left: calc(100% - 26px - 4px);
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-toggle--inner:has([aria-expanded=true]) .c-form-toggle-btn > .handle {
    left: calc(100% - 6.9333333333vw - 1.0666666667vw);
  }
}
.new-responsive-template .c-form-toggle-hdg {
  line-height: 2;
  letter-spacing: 0.02em;
  color: #5C7364;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-toggle-hdg {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-toggle-hdg {
    font-size: 3.2vw;
  }
}
.new-responsive-template .c-form-toggle-btn {
  position: relative;
  border: none;
  color: #5C7364;
  background: #F1F4F3;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-toggle-btn {
    width: 76px;
    height: 34px;
    border-radius: 17px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-toggle-btn {
    width: 20.2666666667vw;
    height: 9.0666666667vw;
    border-radius: 4.5333333333vw;
  }
}
.new-responsive-template .c-form-toggle-btn:hover {
  opacity: 1;
}
.new-responsive-template .c-form-toggle-btn:before, .new-responsive-template .c-form-toggle-btn:after {
  text-align: center;
  font-weight: 500;
  text-transform: uppercase;
  position: absolute;
  top: 50%;
  transition: opacity 0.25s;
  translate: 0 -50%;
  color: #FFF;
  line-height: 1.7142857143;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-toggle-btn:before, .new-responsive-template .c-form-toggle-btn:after {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-toggle-btn:before, .new-responsive-template .c-form-toggle-btn:after {
    font-size: 3.7333333333vw;
  }
}
.new-responsive-template .c-form-toggle-btn:before {
  content: "Off";
  text-align: right;
  color: #033824;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-toggle-btn:before {
    right: 12px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-toggle-btn:before {
    right: 3.2vw;
  }
}
.new-responsive-template .c-form-toggle-btn:after {
  content: "On";
  text-align: left;
  opacity: 0;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-toggle-btn:after {
    left: 16px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-toggle-btn:after {
    left: 4.2666666667vw;
  }
}
.new-responsive-template .c-form-toggle-btn > .handle {
  position: absolute;
  top: 50%;
  border-radius: 50%;
  background: #fff;
  transition: left 0.25s;
  translate: 0 -50%;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-toggle-btn > .handle {
    width: 26px;
    height: 26px;
    left: 4px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-toggle-btn > .handle {
    width: 6.9333333333vw;
    height: 6.9333333333vw;
    left: 1.0666666667vw;
  }
}
.new-responsive-template .c-form-pagenation-wrap {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  flex-direction: column;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-pagenation-wrap {
    min-width: 327px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-pagenation-wrap {
    min-width: 87.2vw;
  }
}
.new-responsive-template .c-form-pagenation-inner {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-pagenation-inner {
    gap: 8px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-pagenation-inner {
    gap: 3.7333333333vw;
  }
}
.new-responsive-template .c-form-pagenation {
  color: #033824 !important;
  letter-spacing: 0;
  border: solid 1px #CCD9D4;
  border-radius: 1000px;
  text-decoration: none !important;
  transition: background-color 0.4s, color 0.4s !important;
  opacity: 1 !important;
  display: grid;
  place-items: center;
  line-height: 1;
  box-sizing: border-box;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-pagenation {
    padding: 0 20px;
    font-size: 14px;
    white-space: nowrap;
    min-width: 48px;
    min-height: 48px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-pagenation {
    padding: 0 5.3333333333vw;
    min-width: 14.4vw;
    min-height: 14.4vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-pagenation:hover {
    background-color: #00AE68 !important;
    color: #FAFAFA !important;
    border-color: #00AE68 !important;
  }
}
.new-responsive-template .c-form-pagenation.is-active {
  color: #FFFFFF !important;
  border: solid 1px #056740;
  background-color: #056740;
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-pagenation.is-prev, .new-responsive-template .c-form-pagenation.is-next {
    padding: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-pagenation.is-prev, .new-responsive-template .c-form-pagenation.is-next {
    width: 47.4006116208%;
    text-align: center;
    padding: 0 5.3333333333vw;
  }
}
.new-responsive-template .c-form-pagenation.is-deactive {
  opacity: 0.5 !important;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-pagenation-inner .is-prev,
  .new-responsive-template .c-form-pagenation-inner .is-next {
    display: none;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-pagenation-inner .is-prev {
    margin-right: 6px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-pagenation-inner .is-prev {
    margin-right: 1.6vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-pagenation-inner .is-next {
    margin-left: 6px;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-pagenation-inner .is-next {
    margin-left: 1.6vw;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-pagenation-spbtn {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .new-responsive-template .c-form-pagenation-spbtn {
    margin-top: 4.2666666667vw;
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px), print {
  .new-responsive-template .c-form-pagenation-spbtn .is-prev,
  .new-responsive-template .c-form-pagenation-spbtn .is-next {
    display: none;
  }
}

/*
========================================================
- Slick
========================================================
*/
.new-responsive-template {
  /*
  Slick Slider
  */
  /*
  Slick theme
  */
  /* Slider */
  /* Icons */
  /* Arrows */
  /* Dots */
}
.new-responsive-template .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.new-responsive-template .slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.new-responsive-template .slick-list:focus {
  outline: none;
}
.new-responsive-template .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.new-responsive-template .slick-slider .slick-track,
.new-responsive-template .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.new-responsive-template .slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.new-responsive-template .slick-track:before, .new-responsive-template .slick-track:after {
  content: "";
  display: table;
}
.new-responsive-template .slick-track:after {
  clear: both;
}
.slick-loading .new-responsive-template .slick-track {
  visibility: hidden;
}
.new-responsive-template .slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir=rtl] .new-responsive-template .slick-slide {
  float: right;
}
.new-responsive-template .slick-slide img {
  display: block;
}
.new-responsive-template .slick-slide.slick-loading img {
  display: none;
}
.new-responsive-template .slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .new-responsive-template .slick-slide {
  display: block;
}
.slick-loading .new-responsive-template .slick-slide {
  visibility: hidden;
}
.slick-vertical .new-responsive-template .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.new-responsive-template .slick-arrow.slick-hidden {
  display: none;
}
.slick-loading .new-responsive-template .slick-list {
  background: #fff url("/assets/img/component/ajax-loader.gif") center center no-repeat;
}
@font-face {
  font-family: "slick";
  src: url("/assets/img/component/slick.eot");
  src: url("/assets/img/component/slick.eot?#iefix") format("embedded-opentype"), url("/assets/img/component/slick.woff") format("woff"), url("/assets/img/component/slick.ttf") format("truetype"), url("/assets/img/component/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
.new-responsive-template .slick-prev,
.new-responsive-template .slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.new-responsive-template .slick-prev:hover, .new-responsive-template .slick-prev:focus,
.new-responsive-template .slick-next:hover,
.new-responsive-template .slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.new-responsive-template .slick-prev:hover:before, .new-responsive-template .slick-prev:focus:before,
.new-responsive-template .slick-next:hover:before,
.new-responsive-template .slick-next:focus:before {
  opacity: 1;
}
.new-responsive-template .slick-prev.slick-disabled:before,
.new-responsive-template .slick-next.slick-disabled:before {
  opacity: 0.25;
}
.new-responsive-template .slick-prev:before,
.new-responsive-template .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.new-responsive-template .slick-prev {
  left: -25px;
}
[dir=rtl] .new-responsive-template .slick-prev {
  left: auto;
  right: -25px;
}
.new-responsive-template .slick-prev:before {
  content: "←";
}
[dir=rtl] .new-responsive-template .slick-prev:before {
  content: "→";
}
.new-responsive-template .slick-next {
  right: -25px;
}
[dir=rtl] .new-responsive-template .slick-next {
  left: -25px;
  right: auto;
}
.new-responsive-template .slick-next:before {
  content: "→";
}
[dir=rtl] .new-responsive-template .slick-next:before {
  content: "←";
}
.new-responsive-template .slick-dotted.slick-slider {
  margin-bottom: 30px;
}
.new-responsive-template .slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.new-responsive-template .slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.new-responsive-template .slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.new-responsive-template .slick-dots li button:hover, .new-responsive-template .slick-dots li button:focus {
  outline: none;
}
.new-responsive-template .slick-dots li button:hover:before, .new-responsive-template .slick-dots li button:focus:before {
  opacity: 1;
}
.new-responsive-template .slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.new-responsive-template .slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/*!
	Modaal - accessible modals - v0.4.4
	by Humaan, for all humans.
	http://humaan.com
 */
.modaal-noscroll {
  overflow: hidden;
}

.modaal-accessible-hide {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.modaal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  opacity: 0;
}

.modaal-wrapper {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: auto;
  opacity: 1;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.modaal-wrapper * {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
}

.modaal-wrapper .modaal-close {
  border: none;
  background: 0 0;
  padding: 0;
  -webkit-appearance: none;
}

.modaal-wrapper.modaal-start_none {
  display: none;
  opacity: 1;
}

.modaal-wrapper.modaal-start_fade {
  opacity: 0;
}

.modaal-wrapper [tabindex="0"] {
  outline: 0 !important;
}

.modaal-wrapper.modaal-fullscreen {
  overflow: hidden;
}

.modaal-outer-wrapper {
  display: table;
  position: relative;
  width: 100%;
  height: 100%;
}

.modaal-fullscreen .modaal-outer-wrapper {
  display: block;
}

.modaal-inner-wrapper {
  display: table-cell;
  width: 100%;
  height: 100%;
  position: relative;
  vertical-align: middle;
  text-align: center;
  padding: 80px 25px;
}

.modaal-fullscreen .modaal-inner-wrapper {
  padding: 0;
  display: block;
  vertical-align: top;
}

.modaal-container {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: auto;
  text-align: left;
  color: #000;
  max-width: 1000px;
  border-radius: 0;
  background: #fff;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  cursor: auto;
}

.modaal-container.is_loading {
  height: 100px;
  width: 100px;
  overflow: hidden;
}

.modaal-fullscreen .modaal-container {
  max-width: none;
  height: 100%;
  overflow: auto;
}

.modaal-close {
  position: fixed;
  right: 20px;
  top: 20px;
  color: #fff;
  cursor: pointer;
  opacity: 1;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  border-radius: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.modaal-close:focus, .modaal-close:hover {
  outline: 0;
  background: #fff;
}

.modaal-close:focus:after, .modaal-close:focus:before, .modaal-close:hover:after, .modaal-close:hover:before {
  background: #b93d0c;
}

.modaal-close span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.modaal-close:after, .modaal-close:before {
  display: block;
  content: " ";
  position: absolute;
  top: 14px;
  left: 23px;
  width: 4px;
  height: 22px;
  border-radius: 4px;
  background: #fff;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}

.modaal-close:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.modaal-close:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modaal-fullscreen .modaal-close {
  background: #afb7bc;
  right: 10px;
  top: 10px;
}

.modaal-content-container {
  padding: 30px;
}

.modaal-confirm-wrap {
  padding: 30px 0 0;
  text-align: center;
  font-size: 0;
}

.modaal-confirm-btn {
  font-size: 14px;
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  background: 0 0;
}

.modaal-confirm-btn.modaal-ok {
  padding: 10px 15px;
  color: #fff;
  background: #555;
  border-radius: 3px;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}

.modaal-confirm-btn.modaal-ok:hover {
  background: #2f2f2f;
}

.modaal-confirm-btn.modaal-cancel {
  text-decoration: underline;
}

.modaal-confirm-btn.modaal-cancel:hover {
  text-decoration: none;
  color: #2f2f2f;
}

.modaal-instagram .modaal-container {
  width: auto;
  background: 0 0;
  box-shadow: none !important;
}

.modaal-instagram .modaal-content-container {
  padding: 0;
  background: 0 0;
}

.modaal-instagram .modaal-content-container > blockquote {
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}

.modaal-instagram iframe {
  opacity: 0;
  margin: -6px !important;
  border-radius: 0 !important;
  width: 1000px !important;
  max-width: 800px !important;
  box-shadow: none !important;
  -webkit-animation: instaReveal 1s linear forwards;
  animation: instaReveal 1s linear forwards;
}

.modaal-image .modaal-inner-wrapper {
  padding-left: 140px;
  padding-right: 140px;
}

.modaal-image .modaal-container {
  width: auto;
  max-width: 100%;
}

.modaal-gallery-wrap {
  position: relative;
  color: #fff;
}

.modaal-gallery-item {
  display: none;
}

.modaal-gallery-item img {
  display: block;
}

.modaal-gallery-item.is_active {
  display: block;
}

.modaal-gallery-label {
  position: absolute;
  left: 0;
  width: 100%;
  margin: 20px 0 0;
  font-size: 18px;
  text-align: center;
  color: #fff;
}

.modaal-gallery-label:focus {
  outline: 0;
}

.modaal-gallery-control {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  cursor: pointer;
  color: #fff;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.modaal-gallery-control.is_hidden {
  opacity: 0;
  cursor: default;
}

.modaal-gallery-control:focus, .modaal-gallery-control:hover {
  outline: 0;
  background: #fff;
}

.modaal-gallery-control:focus:after, .modaal-gallery-control:focus:before, .modaal-gallery-control:hover:after, .modaal-gallery-control:hover:before {
  background: #afb7bc;
}

.modaal-gallery-control span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.modaal-gallery-control:after, .modaal-gallery-control:before {
  display: block;
  content: " ";
  position: absolute;
  top: 16px;
  left: 25px;
  width: 4px;
  height: 18px;
  border-radius: 4px;
  background: #fff;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}

.modaal-gallery-control:before {
  margin: -5px 0 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.modaal-gallery-control:after {
  margin: 5px 0 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modaal-gallery-next-inner {
  left: 100%;
  margin-left: 40px;
}

.modaal-gallery-next-outer {
  right: 45px;
}

.modaal-gallery-prev:after, .modaal-gallery-prev:before {
  left: 22px;
}

.modaal-gallery-prev:before {
  margin: 5px 0 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.modaal-gallery-prev:after {
  margin: -5px 0 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modaal-gallery-prev-inner {
  right: 100%;
  margin-right: 40px;
}

.modaal-gallery-prev-outer {
  left: 45px;
}

.modaal-video-wrap {
  margin: auto 50px;
  position: relative;
}

.modaal-video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  background: #000;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.modaal-video-container embed, .modaal-video-container iframe, .modaal-video-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modaal-iframe .modaal-content {
  width: 100%;
  height: 100%;
}

.modaal-iframe-elem {
  width: 100%;
  height: 100%;
  display: block;
}

.modaal-loading-spinner {
  background: 0 0;
  position: absolute;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -100px;
  -webkit-transform: scale(0.25);
  -ms-transform: scale(0.25);
  transform: scale(0.25);
}

.modaal-loading-spinner > div {
  width: 24px;
  height: 24px;
  margin-left: 4px;
  margin-top: 4px;
  position: absolute;
}

.modaal-loading-spinner > div > div {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background: #fff;
}

.modaal-loading-spinner > div:nth-of-type(1) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.modaal-loading-spinner > div:nth-of-type(2) > div, .modaal-loading-spinner > div:nth-of-type(3) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(1) {
  -ms-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(2) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0.12s;
  animation-delay: 0.12s;
}

.modaal-loading-spinner > div:nth-of-type(2) {
  -ms-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(3) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}

.modaal-loading-spinner > div:nth-of-type(4) > div, .modaal-loading-spinner > div:nth-of-type(5) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(3) {
  -ms-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(4) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0.37s;
  animation-delay: 0.37s;
}

.modaal-loading-spinner > div:nth-of-type(4) {
  -ms-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(5) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.modaal-loading-spinner > div:nth-of-type(6) > div, .modaal-loading-spinner > div:nth-of-type(7) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(5) {
  -ms-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(6) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0.62s;
  animation-delay: 0.62s;
}

.modaal-loading-spinner > div:nth-of-type(6) {
  -ms-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(7) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
}

.modaal-loading-spinner > div:nth-of-type(7) {
  -ms-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(8) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0.87s;
  animation-delay: 0.87s;
}

.modaal-loading-spinner > div:nth-of-type(8) {
  -ms-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
}

@media only screen and (min-width: 1400px) {
  .modaal-video-container {
    padding-bottom: 0;
    height: 731px;
  }
}
@media only screen and (max-width: 1140px) {
  .modaal-image .modaal-inner-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
  .modaal-gallery-control {
    top: auto;
    bottom: 20px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    background: rgba(0, 0, 0, 0.7);
  }
  .modaal-gallery-control:after, .modaal-gallery-control:before {
    background: #fff;
  }
  .modaal-gallery-next {
    left: auto;
    right: 20px;
  }
  .modaal-gallery-prev {
    left: 20px;
    right: auto;
  }
}
@media screen and (max-width: 900px) {
  .modaal-instagram iframe {
    width: 500px !important;
  }
}
@media only screen and (max-width: 600px) {
  .modaal-instagram iframe {
    width: 280px !important;
  }
}
@media screen and (max-height: 1100px) {
  .modaal-instagram iframe {
    width: 700px !important;
  }
}
@media screen and (max-height: 1000px) {
  .modaal-inner-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .modaal-instagram iframe {
    width: 600px !important;
  }
}
@media screen and (max-height: 900px) {
  .modaal-instagram iframe {
    width: 500px !important;
  }
  .modaal-video-container {
    max-width: 900px;
    max-height: 510px;
  }
}
@media only screen and (max-height: 820px) {
  .modaal-gallery-label {
    display: none;
  }
}
@keyframes instaReveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes instaReveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: 0.1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: 0.1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/*
========================================================
- CATEGORY LAYOUT
========================================================
*/
#jtweb-category-content {
  color: #111;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content {
    overflow-x: hidden;
  }
}
#jtweb-category-content .l-container {
  position: relative;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .l-container {
    margin-left: auto;
    margin-right: auto;
  }
}
#jtweb-category-content .l-heart-motion {
  width: 100%;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
#jtweb-category-content .l-heart-motion video {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) and (max-width: 1049px) {
  #jtweb-category-content .l-heart-motion video {
    min-width: 1050px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .l-heart-motion video {
    width: 100%;
  }
}
#jtweb-category-content .l-heart-motion source {
  display: block;
}

#jtweb-category-content, #jtweb-main-content {
  /*
  ========================================================
  - CATEGORY COMPONENT
  ========================================================
  */
  /*
  -------------------------------
  -- .c-container
  -------------------------------
  */
  /*
  -------------------------------
  -- .c-wrapper
  -------------------------------
  */
  /*
  -------------------------------
  -- .c-wrap
  -------------------------------
  */
  /*
  -------------------------------
  -- .c-lineLink
  -------------------------------
  */
  /*
  -------------------------------
  -- .c-pageBtns_btn
  -------------------------------
  */
  /*
  -------------------------------
  -- .c-kv：ページキービジュアル
  -------------------------------
  */
  /*
  -------------------------------
  -- .c-kvMovie：ページキービジュアル動画
  -------------------------------
  */
  /*
  -------------------------------
  -- .c-pageTitles：ページタイトル
  -------------------------------
  */
  /*
  -------------------------------
  -- .c-lineTitle：下線付きタイトル
  -------------------------------
  */
  /*
  -------------------------------
  -- .c-statement：ページタイトル下のリード文
  -------------------------------
  */
  /*
  -------------------------------
  -- .c-pageText: 汎用テキスト
  -------------------------------
  */
  /*
  -------------------------------
  -- .c-pageAlart
  -------------------------------
  */
  /*
  -------------------------------
  -- .c-categoryTitle
  -------------------------------
  */
  /*
  -------------------------------
  -- .c-unit: 画像と白背景のコンポーネント
  -------------------------------
  */
  /*
  -------------------------------
  -- .c-cardUnits: カード型コンポーネント
  -------------------------------
  */
  /*
  -------------------------------
  -- .c-paddingUnits: 隙間ありカード型コンポーネント
  -------------------------------
  */
  /*
  -------------------------------
  -- .c-columnLineUnits: 隙間ありカード型コンポーネント
  -------------------------------
  */
  /*
  -------------------------------
  -- .c-spAcUnits: sp表示でアコーディオンに変化
  -------------------------------
  */
  /*
  -------------------------------
  -- .c-toDetails
  -------------------------------
  */
  /*
  -------------------------------
  -- .c-pageBanners
  -------------------------------
  */
  /*
  -------------------------------
  -- .c-acceptUnits
  -------------------------------
  */
  /*
  -------------------------------
  -- .c-pageSlider
  -------------------------------
  */
  /*
  -------------------------------
  -- .c-pageNews
  -------------------------------
  */
  /*
  -------------------------------
  -- .c-productLists
  -------------------------------
  */
  /*
  -------------------------------
  -- .c-colorBox
  -------------------------------
  */
  /*
  ========================================================
  - CATEGORY PROJECT
  ========================================================
  */
  /*
  -------------------------------
  -- .p-verticalUnit-01 上：画像、下：テキスト
  -------------------------------
  */
  /*
  -------------------------------
  -- .p-unitType-02 左右並び
  -- .p-horizonUnit.type-01: 画像右、テキスト左
  -- .p-horizonUnit.type-02: 画像左、テキスト右
  -------------------------------
  */
  /*
  -------------------------------
  -- .p-pecommend_banners
  -------------------------------
  */
  /*
  -------------------------------
  -- .p-pecommend_banners
  -------------------------------
  */
  /*
  -------------------------------
  -- p-bottomBanners
  -------------------------------
  */
  /*
  -------------------------------
  -- p-newsUnits
  -------------------------------
  */
  /*
  -------------------------------
  -- p-recruitUnit
  -------------------------------
  */
  /*
  -------------------------------
  -- p-colorBox
  -------------------------------
  */
  /*
  -------------------------------
  -- p-tobaccoUnits
  -------------------------------
  */
  /*
  -------------------------------
  -- p-mannerBtns
  -------------------------------
  */
  /*
  ========================================================
  - CATEGORY UTILITY
  ========================================================
  */
  /*
  -------------------------------
  -- background-color
  -------------------------------
  */
  /*
  -------------------------------
  -- color
  -------------------------------
  */
  /*
  -------------------------------
  -- border
  -------------------------------
  */
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-container, #jtweb-main-content .c-container {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-container.width-usually, #jtweb-main-content .c-container.width-usually {
    width: 1050px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-container.width-usually, #jtweb-main-content .c-container.width-usually {
    padding-left: 7.5px;
    padding-left: 4vw;
    padding-right: 7.5px;
    padding-right: 4vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-container.width-narrow, #jtweb-main-content .c-container.width-narrow {
    width: 870px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-container.width-narrow, #jtweb-main-content .c-container.width-narrow {
    padding-left: 7.5px;
    padding-left: 4vw;
    padding-right: 7.5px;
    padding-right: 4vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-container.width-wide, #jtweb-main-content .c-container.width-wide {
    width: 100%;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-container.width-flexible, #jtweb-main-content .c-container.width-flexible {
    width: 1050px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-container.width-flexible, #jtweb-main-content .c-container.width-flexible {
    width: 100%;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-container.width-modificaUnit, #jtweb-main-content .c-container.width-modificaUnit {
    max-width: 1140px;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-wrapper-head, #jtweb-main-content .c-wrapper-head {
    margin-bottom: 60px;
    padding-top: 53px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-wrapper-head, #jtweb-main-content .c-wrapper-head {
    margin-bottom: 30px;
    margin-bottom: 16vw;
    padding-top: 26.5px;
    padding-top: 14.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-wrapper-01, #jtweb-main-content .c-wrapper-01 {
    padding-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-wrapper-01, #jtweb-main-content .c-wrapper-01 {
    padding-top: 30px;
    padding-top: 16vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-wrapper-02, #jtweb-main-content .c-wrapper-02 {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-wrapper-02, #jtweb-main-content .c-wrapper-02 {
    padding-bottom: 30px;
    padding-bottom: 16vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-wrapper-03, #jtweb-main-content .c-wrapper-03 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-wrapper-03, #jtweb-main-content .c-wrapper-03 {
    padding-top: 30px;
    padding-top: 16vw;
    padding-bottom: 30px;
    padding-bottom: 16vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-wrapper-04, #jtweb-main-content .c-wrapper-04 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-wrapper-04, #jtweb-main-content .c-wrapper-04 {
    padding-top: 20px;
    padding-top: 10.6666666667vw;
    padding-bottom: 20px;
    padding-bottom: 10.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-wrapper-05, #jtweb-main-content .c-wrapper-05 {
    padding-top: 30px;
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-wrapper-05, #jtweb-main-content .c-wrapper-05 {
    padding-top: 15px;
    padding-top: 8vw;
    padding-bottom: 30px;
    padding-bottom: 16vw;
  }
}
#jtweb-category-content .c-wrapper-06, #jtweb-main-content .c-wrapper-06 {
  border-top: 1px solid #d8dce3;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-wrapper-06, #jtweb-main-content .c-wrapper-06 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-wrapper-06, #jtweb-main-content .c-wrapper-06 {
    padding-top: 30px;
    padding-top: 16vw;
    padding-bottom: 30px;
    padding-bottom: 16vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-wrapper-margin-unit, #jtweb-main-content .c-wrapper-margin-unit {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-wrapper-margin-unit, #jtweb-main-content .c-wrapper-margin-unit {
    padding-bottom: 30px;
    padding-bottom: 16vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-wrapper-margin-unit + .c-wrapper-02, #jtweb-main-content .c-wrapper-margin-unit + .c-wrapper-02 {
    margin-top: -60px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-wrapper-margin-unit + .c-wrapper-02, #jtweb-main-content .c-wrapper-margin-unit + .c-wrapper-02 {
    margin-top: -30px;
    margin-top: -16vw;
  }
}
#jtweb-category-content a.c-lineLink::after, #jtweb-main-content a.c-lineLink::after {
  content: "";
  display: inline-block;
  background: url(/assets/img/component/arrow_right.svg) no-repeat center center/100% auto;
  vertical-align: middle;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content a.c-lineLink::after, #jtweb-main-content a.c-lineLink::after {
    width: 20px;
    height: 6px;
    margin-left: 8px;
    transform: translateY(-2px);
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content a.c-lineLink::after, #jtweb-main-content a.c-lineLink::after {
    width: 10px;
    width: 5.3333333333vw;
    height: 3px;
    height: 1.6vw;
    margin-left: 4px;
    margin-left: 2.1333333333vw;
    transform: translateY(-0.8vw);
  }
}
#jtweb-category-content .c-pageBtns, #jtweb-main-content .c-pageBtns {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  flex: 0 1 auto;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageBtns, #jtweb-main-content .c-pageBtns {
    justify-content: center;
    width: calc(100% + 30px);
    margin: 30px -15px -20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1049px) {
  #jtweb-category-content .c-pageBtns, #jtweb-main-content .c-pageBtns {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageBtns, #jtweb-main-content .c-pageBtns {
    justify-content: flex-start;
    width: 104%;
    margin-top: 15px;
    margin-top: 8vw;
    margin-left: -2%;
    margin-right: -2%;
    margin-bottom: -5.3%;
  }
}
#jtweb-category-content .c-pageBtns_btn, #jtweb-main-content .c-pageBtns_btn {
  display: flex;
  width: 100%;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageBtns_btn, #jtweb-main-content .c-pageBtns_btn {
    flex: 1 1 auto;
    max-width: calc(100% - 30px);
    margin: 0 15px 20px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageBtns_btn, #jtweb-main-content .c-pageBtns_btn {
    width: 71%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5.3%;
  }
}
#jtweb-category-content .c-pageBtns_btn.is-single, #jtweb-main-content .c-pageBtns_btn.is-single {
  width: 100%;
  flex-grow: 1;
  flex-shrink: 0;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageBtns_btn.is-single, #jtweb-main-content .c-pageBtns_btn.is-single {
    flex-basis: 270px;
    max-width: 270px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageBtns_btn.is-single, #jtweb-main-content .c-pageBtns_btn.is-single {
    flex-basis: 135px;
    flex-basis: 72vw;
    max-width: 135px;
    max-width: 72vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageBtns_btn.is-usually, #jtweb-main-content .c-pageBtns_btn.is-usually {
    flex: 1 0 270px;
    max-width: 270px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageBtns_btn.is-usually, #jtweb-main-content .c-pageBtns_btn.is-usually {
    width: 46%;
    margin-right: 2%;
    margin-left: 2%;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageBtns_btn.is-usually a, #jtweb-main-content .c-pageBtns_btn.is-usually a {
    padding-left: 1.7em;
    padding-right: 1.7em;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageBtns_btn.is-dropdown, #jtweb-main-content .c-pageBtns_btn.is-dropdown {
    flex: 1 0 330px;
    max-width: 330px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageBtns_btn.is-dropdown, #jtweb-main-content .c-pageBtns_btn.is-dropdown {
    width: 100%;
    max-width: 127.5px;
    max-width: 68vw;
    margin-right: auto;
    margin-left: auto;
  }
}
#jtweb-category-content .c-pageBtns_btn a, #jtweb-main-content .c-pageBtns_btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-align: center;
  text-decoration: none;
  border: 1px solid #111;
  opacity: 1;
  transition: opacity 0.2s;
  position: relative;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageBtns_btn a, #jtweb-main-content .c-pageBtns_btn a {
    min-height: 44px;
    font-size: 14px;
    border-radius: 5px;
    padding-top: 9px;
    padding-left: 3.4em;
    padding-right: 3.4em;
    padding-bottom: 9px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageBtns_btn a, #jtweb-main-content .c-pageBtns_btn a {
    min-height: 22px;
    min-height: 11.7333333333vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
    border-radius: 2.5px;
    border-radius: 1.3333333333vw;
    padding-top: 4.5px;
    padding-top: 2.4vw;
    padding-left: 3.4em;
    padding-right: 3.4em;
    padding-bottom: 4.5px;
    padding-bottom: 2.4vw;
  }
}
#jtweb-category-content .c-pageBtns_btn a:hover, #jtweb-main-content .c-pageBtns_btn a:hover {
  opacity: 0.6;
}
#jtweb-category-content .c-pageBtns_btn a::after, #jtweb-main-content .c-pageBtns_btn a::after {
  top: 50%;
  transform: translateY(-50%);
}
#jtweb-category-content .c-pageBtns_btn a[href^="#"]::after, #jtweb-main-content .c-pageBtns_btn a[href^="#"]::after {
  content: "";
  display: inline-block;
  background-image: url("/assets/img/component/icon_anime_anchorlink.png");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template #jtweb-category-content .c-pageBtns_btn a[href^="#"]::after, .old-responsive-template #jtweb-category-content .c-pageBtns_btn a[href^="#"]::after, .new-responsive-template #jtweb-main-content .c-pageBtns_btn a[href^="#"]::after, .old-responsive-template #jtweb-main-content .c-pageBtns_btn a[href^="#"]::after {
    width: 16px;
    width: 8.5333333333vw;
    height: 16px;
    height: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageBtns_btn a[href^="#"]::after, #jtweb-main-content .c-pageBtns_btn a[href^="#"]::after {
    right: 13px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageBtns_btn a[href^="#"]::after, #jtweb-main-content .c-pageBtns_btn a[href^="#"]::after {
    right: 6.5px;
    right: 3.4666666667vw;
  }
}
#jtweb-category-content .c-pageBtns_btn a:not([href^="#"])::after, #jtweb-main-content .c-pageBtns_btn a:not([href^="#"])::after {
  content: "";
  display: inline-block;
  background-image: url("/assets/img/component/icon_anime_arrow_black.png");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template #jtweb-category-content .c-pageBtns_btn a:not([href^="#"])::after, .old-responsive-template #jtweb-category-content .c-pageBtns_btn a:not([href^="#"])::after, .new-responsive-template #jtweb-main-content .c-pageBtns_btn a:not([href^="#"])::after, .old-responsive-template #jtweb-main-content .c-pageBtns_btn a:not([href^="#"])::after {
    width: 16px;
    width: 8.5333333333vw;
    height: 16px;
    height: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageBtns_btn a:not([href^="#"])::after, #jtweb-main-content .c-pageBtns_btn a:not([href^="#"])::after {
    right: 13px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageBtns_btn a:not([href^="#"])::after, #jtweb-main-content .c-pageBtns_btn a:not([href^="#"])::after {
    right: 6.5px;
    right: 3.4666666667vw;
  }
}
#jtweb-category-content .c-pageBtns_btn a[target^=_blank]::after, #jtweb-main-content .c-pageBtns_btn a[target^=_blank]::after {
  content: "";
  display: inline-block;
  background-image: url("/assets/img/component/icon_anime_blank.png");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template #jtweb-category-content .c-pageBtns_btn a[target^=_blank]::after, .old-responsive-template #jtweb-category-content .c-pageBtns_btn a[target^=_blank]::after, .new-responsive-template #jtweb-main-content .c-pageBtns_btn a[target^=_blank]::after, .old-responsive-template #jtweb-main-content .c-pageBtns_btn a[target^=_blank]::after {
    width: 16px;
    width: 8.5333333333vw;
    height: 16px;
    height: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageBtns_btn a[target^=_blank]::after, #jtweb-main-content .c-pageBtns_btn a[target^=_blank]::after {
    right: 13px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageBtns_btn a[target^=_blank]::after, #jtweb-main-content .c-pageBtns_btn a[target^=_blank]::after {
    right: 6.5px;
    right: 3.4666666667vw;
  }
}
#jtweb-category-content .c-pageBtns_btn a[target^=_blank].icon-blank-w::after, #jtweb-main-content .c-pageBtns_btn a[target^=_blank].icon-blank-w::after {
  content: "";
  display: inline-block;
  background-image: url("/assets/img/component/icon_anime_blank_w.png");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template #jtweb-category-content .c-pageBtns_btn a[target^=_blank].icon-blank-w::after, .old-responsive-template #jtweb-category-content .c-pageBtns_btn a[target^=_blank].icon-blank-w::after, .new-responsive-template #jtweb-main-content .c-pageBtns_btn a[target^=_blank].icon-blank-w::after, .old-responsive-template #jtweb-main-content .c-pageBtns_btn a[target^=_blank].icon-blank-w::after {
    width: 16px;
    width: 8.5333333333vw;
    height: 16px;
    height: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageBtns_btn a[target^=_blank]:hover::after, #jtweb-main-content .c-pageBtns_btn a[target^=_blank]:hover::after {
    animation: icon-blank 0.3s steps(15) forwards;
  }
}
#jtweb-category-content .c-iconAnime--banner, #jtweb-main-content .c-iconAnime--banner {
  display: block;
  position: relative;
}
#jtweb-category-content .c-iconAnime--banner[target^=_blank]::after, #jtweb-main-content .c-iconAnime--banner[target^=_blank]::after {
  content: "";
  display: inline-block;
  background-image: url("/assets/img/component/icon_anime_blank.png");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template #jtweb-category-content .c-iconAnime--banner[target^=_blank]::after, .old-responsive-template #jtweb-category-content .c-iconAnime--banner[target^=_blank]::after, .new-responsive-template #jtweb-main-content .c-iconAnime--banner[target^=_blank]::after, .old-responsive-template #jtweb-main-content .c-iconAnime--banner[target^=_blank]::after {
    width: 16px;
    width: 8.5333333333vw;
    height: 16px;
    height: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-iconAnime--banner[target^=_blank]::after, #jtweb-main-content .c-iconAnime--banner[target^=_blank]::after {
    top: 0;
    right: 10px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-iconAnime--banner[target^=_blank]::after, #jtweb-main-content .c-iconAnime--banner[target^=_blank]::after {
    top: 0px;
    top: 0vw;
    right: 5px;
    right: 2.6666666667vw;
  }
}
#jtweb-category-content .c-iconAnime--banner[target^=_blank].icon-blank-w::after, #jtweb-main-content .c-iconAnime--banner[target^=_blank].icon-blank-w::after {
  content: "";
  display: inline-block;
  background-image: url("/assets/img/component/icon_anime_blank_w.png");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template #jtweb-category-content .c-iconAnime--banner[target^=_blank].icon-blank-w::after, .old-responsive-template #jtweb-category-content .c-iconAnime--banner[target^=_blank].icon-blank-w::after, .new-responsive-template #jtweb-main-content .c-iconAnime--banner[target^=_blank].icon-blank-w::after, .old-responsive-template #jtweb-main-content .c-iconAnime--banner[target^=_blank].icon-blank-w::after {
    width: 16px;
    width: 8.5333333333vw;
    height: 16px;
    height: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-iconAnime--banner[target^=_blank]:hover::after, #jtweb-main-content .c-iconAnime--banner[target^=_blank]:hover::after {
    animation: icon-blank 0.3s steps(15) forwards;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-iconAnime--arrow:hover::after, #jtweb-main-content .c-iconAnime--arrow:hover::after {
    animation: icon-arrow 0.3s steps(9) forwards;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-iconAnime--blank:hover::after, #jtweb-main-content .c-iconAnime--blank:hover::after {
    animation: icon-blank 0.3s steps(15) forwards;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-iconAnime--back:hover::after, #jtweb-main-content .c-iconAnime--back:hover::after {
    animation: icon-back 0.3s steps(9) forwards;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-iconAnime--anchor:hover::after, #jtweb-main-content .c-iconAnime--anchor:hover::after {
    animation: icon-anchorlink 0.3s steps(9) forwards;
  }
}
#jtweb-category-content .c-pageBtns_btn .c-iconAnime--blank.is-shortArrow, #jtweb-main-content .c-pageBtns_btn .c-iconAnime--blank.is-shortArrow {
  visibility: visible;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageBtns_btn .c-iconAnime--blank.is-shortArrow:hover::after, #jtweb-main-content .c-pageBtns_btn .c-iconAnime--blank.is-shortArrow:hover::after {
    animation: icon-blank-short 0.3s steps(15) forwards;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageBtns_btn .c-iconAnime--anchor.is-shortArrow:hover::after, #jtweb-main-content .c-pageBtns_btn .c-iconAnime--anchor.is-shortArrow:hover::after {
    animation: icon-arrow-short 0.3s steps(9) forwards;
  }
}
#jtweb-category-content .tl-btn-icon::after, #jtweb-main-content .tl-btn-icon::after {
  opacity: 0;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .tl-btn-icon::after, #jtweb-main-content .tl-btn-icon::after {
    transition: opacity 0s 0.1s;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .tl-btn-icon::after, #jtweb-main-content .tl-btn-icon::after {
    transition: opacity 0.4s 0.1s;
  }
}
#jtweb-category-content .tl-btn-icon.tl-acitve:not([target^=_blank])::after, #jtweb-main-content .tl-btn-icon.tl-acitve:not([target^=_blank])::after {
  opacity: 1;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .tl-btn-icon.tl-acitve:not([target^=_blank])::after, #jtweb-main-content .tl-btn-icon.tl-acitve:not([target^=_blank])::after {
    animation: icon-arrow 0.3s steps(9) forwards;
  }
}
#jtweb-category-content .tl-btn-icon.tl-acitve[target^=_blank]::after, #jtweb-main-content .tl-btn-icon.tl-acitve[target^=_blank]::after {
  opacity: 1;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .tl-btn-icon.tl-acitve[target^=_blank]::after, #jtweb-main-content .tl-btn-icon.tl-acitve[target^=_blank]::after {
    animation: icon-blank 0.3s steps(15) forwards;
  }
}
#jtweb-category-content .tl-btn-icon.tl-stay::after, #jtweb-main-content .tl-btn-icon.tl-stay::after {
  opacity: 1;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .tl-btn-icon.tl-stay.c-iconAnime--arrow:hover::after, #jtweb-main-content .tl-btn-icon.tl-stay.c-iconAnime--arrow:hover::after {
    animation: icon-arrow 0.3s steps(9) forwards;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .tl-btn-icon.tl-stay[target^=_blank]:hover::after, #jtweb-main-content .tl-btn-icon.tl-stay[target^=_blank]:hover::after {
    animation: icon-blank 0.3s steps(15) forwards;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .tl-btn-icon.tl-stay:not([target^=_blank]):hover::after, #jtweb-main-content .tl-btn-icon.tl-stay:not([target^=_blank]):hover::after {
    animation: icon-arrow 0.3s steps(9) forwards;
  }
}
#jtweb-category-content .c-kv, #jtweb-main-content .c-kv {
  width: 100%;
  position: relative;
}
#jtweb-category-content .c-kv img, #jtweb-main-content .c-kv img {
  width: 100%;
  vertical-align: top;
}
#jtweb-category-content .c-kv__links, #jtweb-main-content .c-kv__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
  width: 100%;
  position: absolute;
  bottom: 30px;
  overflow-x: hidden;
}
#jtweb-category-content .c-kv__link, #jtweb-main-content .c-kv__link {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.3);
  position: relative;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-kv__link, #jtweb-main-content .c-kv__link {
    min-width: 160px;
    min-height: 30px;
    font-size: 12px;
    border-radius: 15px;
    margin-right: 15px;
    margin-left: 15px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-kv__link, #jtweb-main-content .c-kv__link {
    min-width: 80px;
    min-width: 42.6666666667vw;
    min-height: 15px;
    min-height: 8vw;
    font-size: 12px;
    font-size: 3.2vw;
    border-radius: 7.5px;
    border-radius: 4vw;
    margin-right: 7.5px;
    margin-right: 4vw;
    margin-left: 7.5px;
    margin-left: 4vw;
  }
}
#jtweb-category-content .c-kv__link:hover, #jtweb-main-content .c-kv__link:hover {
  opacity: 0.6;
}
#jtweb-category-content .c-kv__link::after, #jtweb-main-content .c-kv__link::after {
  content: "";
  display: inline-block;
  background-image: url("/assets/img/component/icon_anime_arrow_white.png");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .new-responsive-template #jtweb-category-content .c-kv__link::after, .old-responsive-template #jtweb-category-content .c-kv__link::after, .new-responsive-template #jtweb-main-content .c-kv__link::after, .old-responsive-template #jtweb-main-content .c-kv__link::after {
    width: 10px;
    width: 5.3333333333vw;
    height: 10px;
    height: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-kv__link::after, #jtweb-main-content .c-kv__link::after {
    right: 15px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-kv__link::after, #jtweb-main-content .c-kv__link::after {
    right: 7.5px;
    right: 4vw;
  }
}
#jtweb-category-content .c-kvMovie, #jtweb-main-content .c-kvMovie {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-kvMovie, #jtweb-main-content .c-kvMovie {
    max-width: 9999%;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-kvMovie #youtubeBg, #jtweb-main-content .c-kvMovie #youtubeBg {
    pointer-events: none;
    height: auto;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-kvMovie #youtubeBg, #jtweb-main-content .c-kvMovie #youtubeBg {
    pointer-events: none;
    height: 135%;
    width: 275%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
#jtweb-category-content .c-kvMovie_bg, #jtweb-main-content .c-kvMovie_bg {
  width: 100%;
  height: 100%;
}
#jtweb-category-content .c-kvMovie_movie, #jtweb-main-content .c-kvMovie_movie {
  opacity: 1;
  transition: all 1s ease-in-out;
}
#jtweb-category-content .c-kvMovie_movie.is-blur, #jtweb-main-content .c-kvMovie_movie.is-blur {
  opacity: 0;
}
#jtweb-category-content .c-kvMovie_thumb, #jtweb-main-content .c-kvMovie_thumb {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100.5%;
  height: 100.5%;
  z-index: 50;
  pointer-events: none;
}
#jtweb-category-content .c-kvMovie_thumb > img, #jtweb-main-content .c-kvMovie_thumb > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-kvMovie_thumb > img, #jtweb-main-content .c-kvMovie_thumb > img {
    height: auto;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-kvMovie_thumb > img, #jtweb-main-content .c-kvMovie_thumb > img {
    height: 100%;
    width: auto;
  }
}
#jtweb-category-content .c-kvMovie_movie-link, #jtweb-main-content .c-kvMovie_movie-link {
  position: absolute;
  max-width: 380px;
  bottom: 30px;
  left: 50%;
  transform: translate(-50%);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 20px;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 1s ease-in-out !important;
  opacity: 0;
  pointer-events: none;
  z-index: 99;
}
#jtweb-category-content .c-kvMovie_movie-link a, #jtweb-main-content .c-kvMovie_movie-link a {
  display: block;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
  padding: 10px 50px;
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-kvMovie_movie-link a, #jtweb-main-content .c-kvMovie_movie-link a {
    font-size: 3.2vw;
    word-break: keep-all;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-kvMovie_movie-link, #jtweb-main-content .c-kvMovie_movie-link {
    bottom: 9.3333333333vw;
    max-width: 77.3333333%;
  }
}
#jtweb-category-content .c-kvMovie_movie-link::after, #jtweb-main-content .c-kvMovie_movie-link::after {
  content: "";
  width: 32px;
  height: 32px;
  background-image: url("/assets/img/component/icon_anime_arrow_white.png");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  box-sizing: border-box;
  right: 15px;
  top: 50%;
  transform-origin: right center;
  transform: translate(0, -50%) scale(0.68);
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-kvMovie_movie-link::after, #jtweb-main-content .c-kvMovie_movie-link::after {
    right: 4vw;
  }
}
#jtweb-category-content .c-kvMovie_movie-link.is-show, #jtweb-main-content .c-kvMovie_movie-link.is-show {
  opacity: 1;
  pointer-events: auto;
}
#jtweb-category-content .c-kvMovie_movie-link.is-show:hover, #jtweb-main-content .c-kvMovie_movie-link.is-show:hover {
  opacity: 0.6s;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-kvMovie_movie-link.is-show:hover::after, #jtweb-main-content .c-kvMovie_movie-link.is-show:hover::after {
    animation: icon-back 0.3s steps(9) forwards;
  }
}
#jtweb-category-content .c-pageTitles, #jtweb-main-content .c-pageTitles {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageTitles, #jtweb-main-content .c-pageTitles {
    max-width: 1050px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageTitles, #jtweb-main-content .c-pageTitles {
    padding-left: 7.5px;
    padding-left: 4vw;
    padding-right: 7.5px;
    padding-right: 4vw;
  }
}
#jtweb-category-content .c-pageTitles_title,
#jtweb-category-content .c-pageTitles_subTitle, #jtweb-main-content .c-pageTitles_title,
#jtweb-main-content .c-pageTitles_subTitle {
  margin-left: auto;
  margin-right: auto;
}
#jtweb-category-content .c-pageTitles_title, #jtweb-main-content .c-pageTitles_title {
  display: block;
  width: 100%;
}
#jtweb-category-content .c-pageTitles_subTitle, #jtweb-main-content .c-pageTitles_subTitle {
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageTitles_subTitle, #jtweb-main-content .c-pageTitles_subTitle {
    height: 14px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageTitles_subTitle, #jtweb-main-content .c-pageTitles_subTitle {
    height: 7px;
    height: 3.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageTitles.is-gothic .c-pageTitles_title, #jtweb-main-content .c-pageTitles.is-gothic .c-pageTitles_title {
    height: 48px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageTitles.is-gothic .c-pageTitles_title, #jtweb-main-content .c-pageTitles.is-gothic .c-pageTitles_title {
    height: 21.5px;
    height: 11.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageTitles.is-gothic .c-pageTitles_subTitle, #jtweb-main-content .c-pageTitles.is-gothic .c-pageTitles_subTitle {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageTitles.is-gothic .c-pageTitles_subTitle, #jtweb-main-content .c-pageTitles.is-gothic .c-pageTitles_subTitle {
    margin-top: 7.5px;
    margin-top: 4vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageTitles.is-mincho .c-pageTitles_title, #jtweb-main-content .c-pageTitles.is-mincho .c-pageTitles_title {
    height: 34px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageTitles.is-mincho .c-pageTitles_title, #jtweb-main-content .c-pageTitles.is-mincho .c-pageTitles_title {
    height: 15px;
    height: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageTitles.is-mincho .c-pageTitles_subTitle, #jtweb-main-content .c-pageTitles.is-mincho .c-pageTitles_subTitle {
    margin-top: 8px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageTitles.is-mincho .c-pageTitles_subTitle, #jtweb-main-content .c-pageTitles.is-mincho .c-pageTitles_subTitle {
    margin-top: 5px;
    margin-top: 2.6666666667vw;
  }
}
#jtweb-category-content .c-lineTitle, #jtweb-main-content .c-lineTitle {
  line-height: 1.7;
  position: relative;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-lineTitle, #jtweb-main-content .c-lineTitle {
    font-size: 24px;
    padding-bottom: 16px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-lineTitle, #jtweb-main-content .c-lineTitle {
    font-size: 20px;
    font-size: 5.3333333333vw;
    padding-bottom: 8px;
    padding-bottom: 4.2666666667vw;
  }
}
#jtweb-category-content .c-lineTitle::before, #jtweb-category-content .c-lineTitle::after, #jtweb-main-content .c-lineTitle::before, #jtweb-main-content .c-lineTitle::after {
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
}
#jtweb-category-content .c-lineTitle::before, #jtweb-main-content .c-lineTitle::before {
  background: #CCD9D4;
  width: 100%;
}
#jtweb-category-content .c-lineTitle::after, #jtweb-main-content .c-lineTitle::after {
  background: #033824;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-lineTitle::after, #jtweb-main-content .c-lineTitle::after {
    width: 120px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-lineTitle::after, #jtweb-main-content .c-lineTitle::after {
    width: 34.8%;
  }
}
#jtweb-category-content .c-statement, #jtweb-main-content .c-statement {
  line-height: 1.8;
  text-align: center;
  letter-spacing: 0.03em;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-statement, #jtweb-main-content .c-statement {
    max-width: 1050px;
    font-size: 16px;
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-statement, #jtweb-main-content .c-statement {
    font-size: 16px;
    font-size: 4.2666666667vw;
    margin-top: 16px;
    margin-top: 8.5333333333vw;
    padding-left: 7.5px;
    padding-left: 4vw;
    padding-right: 7.5px;
    padding-right: 4vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-statement + .c-statement, #jtweb-main-content .c-statement + .c-statement {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-statement + .c-statement, #jtweb-main-content .c-statement + .c-statement {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
#jtweb-category-content .c-pageText, #jtweb-main-content .c-pageText {
  line-height: 1.8;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageText, #jtweb-main-content .c-pageText {
    max-width: 1050px;
    font-size: 16px;
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageText, #jtweb-main-content .c-pageText {
    font-size: 16px;
    font-size: 4.2666666667vw;
    margin-top: 16px;
    margin-top: 8.5333333333vw;
    padding-left: 7.5px;
    padding-left: 4vw;
    padding-right: 7.5px;
    padding-right: 4vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageText + .c-pageText, #jtweb-main-content .c-pageText + .c-pageText {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageText + .c-pageText, #jtweb-main-content .c-pageText + .c-pageText {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageTitles + .c-pageText, #jtweb-main-content .c-pageTitles + .c-pageText {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageTitles + .c-pageText, #jtweb-main-content .c-pageTitles + .c-pageText {
    margin-top: 30px;
    margin-top: 16vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageAlart, #jtweb-main-content .c-pageAlart {
    padding: 30px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageAlart, #jtweb-main-content .c-pageAlart {
    padding: 10px;
    padding: 5.3333333333vw;
  }
}
#jtweb-category-content .c-pageAlart.bg-dark, #jtweb-main-content .c-pageAlart.bg-dark {
  background-color: #2a2f37;
}
#jtweb-category-content .c-pageAlart__text, #jtweb-main-content .c-pageAlart__text {
  line-height: 1.8;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageAlart__text, #jtweb-main-content .c-pageAlart__text {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageAlart__text, #jtweb-main-content .c-pageAlart__text {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageAlart__text + .c-pageAlart__text, #jtweb-main-content .c-pageAlart__text + .c-pageAlart__text {
    margin-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageAlart__text + .c-pageAlart__text, #jtweb-main-content .c-pageAlart__text + .c-pageAlart__text {
    margin-top: 7.5px;
    margin-top: 4vw;
  }
}
#jtweb-category-content .bg-dark .c-pageAlart__text, #jtweb-main-content .bg-dark .c-pageAlart__text {
  color: #fff;
}
#jtweb-category-content .c-categoryTitle, #jtweb-main-content .c-categoryTitle {
  display: inline-block;
  width: 100%;
  font-weight: bold;
  text-align: center;
  line-height: 1.8;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-categoryTitle, #jtweb-main-content .c-categoryTitle {
    font-size: 24px;
    letter-spacing: 1.2px;
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-categoryTitle, #jtweb-main-content .c-categoryTitle {
    font-size: 20px;
    font-size: 5.3333333333vw;
    margin-top: 30px;
    margin-top: 16vw;
  }
}
#jtweb-category-content .c-categoryTitle:nth-of-type(n + 2), #jtweb-main-content .c-categoryTitle:nth-of-type(n + 2) {
  margin-top: 60px;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-units, #jtweb-main-content .c-units {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-units, #jtweb-main-content .c-units {
    margin-top: 20px;
    margin-top: 10.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-unit, #jtweb-main-content .c-unit {
    position: relative;
    z-index: 1;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-unit, #jtweb-main-content .c-unit {
    box-shadow: 1px 1px 10px rgba(99, 99, 99, 0.2);
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-unit:nth-of-type(n + 2), #jtweb-main-content .c-unit:nth-of-type(n + 2) {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-unit:nth-of-type(n + 2), #jtweb-main-content .c-unit:nth-of-type(n + 2) {
    margin-top: 20px;
    margin-top: 10.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-unit__img img, #jtweb-main-content .c-unit__img img {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-unit__head, #jtweb-main-content .c-unit__head {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 82.5px;
    flex-basis: 44vw;
    max-width: 82.5px;
    max-width: 44vw;
    margin-left: auto;
    margin-right: auto;
  }
}
#jtweb-category-content .c-unit__body, #jtweb-main-content .c-unit__body {
  background-color: #fff;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-unit__body, #jtweb-main-content .c-unit__body {
    box-shadow: 1px 1px 10px rgba(99, 99, 99, 0.1);
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-unit__body .c-pageBtns, #jtweb-main-content .c-unit__body .c-pageBtns {
    width: 100%;
    max-width: 127.5px;
    max-width: 68vw;
    margin-right: auto;
    margin-left: auto;
  }
  #jtweb-category-content .c-unit__body .c-pageBtns .c-pageBtns_btn, #jtweb-main-content .c-unit__body .c-pageBtns .c-pageBtns_btn {
    width: 100%;
    max-width: 100%;
  }
}
#jtweb-category-content .c-unit__body .btn-list, #jtweb-main-content .c-unit__body .btn-list {
  width: 100%;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-unit__body .btn-list, #jtweb-main-content .c-unit__body .btn-list {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-unit__body .btn-list, #jtweb-main-content .c-unit__body .btn-list {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-unit__body .btn-list .jtweb-elem-btn, #jtweb-main-content .c-unit__body .btn-list .jtweb-elem-btn {
    max-width: 127.5px;
    max-width: 68vw;
    margin-left: auto;
    margin-right: auto;
  }
}
#jtweb-category-content .c-unit__logo, #jtweb-main-content .c-unit__logo {
  margin: 0 auto;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-unit__logo, #jtweb-main-content .c-unit__logo {
    max-width: 165px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-unit__logo, #jtweb-main-content .c-unit__logo {
    max-width: 82.5px;
    max-width: 44vw;
  }
}
#jtweb-category-content .c-unit__logo img, #jtweb-main-content .c-unit__logo img {
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .block-type-01.c-unit__body .c-productList__btns.c-pageBtns, #jtweb-main-content .block-type-01.c-unit__body .c-productList__btns.c-pageBtns {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}
#jtweb-category-content .c-unit__foot, #jtweb-main-content .c-unit__foot {
  background-color: #E8EBF0;
  border: 1px solid rgba(120, 126, 135, 0.2);
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-unit__foot, #jtweb-main-content .c-unit__foot {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 20px 15px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-unit__foot, #jtweb-main-content .c-unit__foot {
    padding: 15px 22.5px;
    padding: 8vw 12vw;
  }
}
#jtweb-category-content .c-unit__foot__title, #jtweb-main-content .c-unit__foot__title {
  line-height: 1.8;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-unit__foot__title, #jtweb-main-content .c-unit__foot__title {
    flex: 0 1 auto;
    font-size: 16;
    padding: 0 30px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-unit__foot__title, #jtweb-main-content .c-unit__foot__title {
    font-size: 16px;
    font-size: 4.2666666667vw;
    text-align: center;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-unit__foot__list, #jtweb-main-content .c-unit__foot__list {
    display: flex;
    flex: 0 1 auto;
    margin-left: -7.5px;
    margin-right: -7.5px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-unit__foot__list, #jtweb-main-content .c-unit__foot__list {
    margin-top: 10px;
    margin-top: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-unit__foot__item, #jtweb-main-content .c-unit__foot__item {
    margin-left: 7.5px;
    margin-right: 7.5px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-unit__foot__item:nth-of-type(n + 2), #jtweb-main-content .c-unit__foot__item:nth-of-type(n + 2) {
    margin-top: 7.5px;
    margin-top: 4vw;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-unit__foot__item img, #jtweb-main-content .c-unit__foot__item img {
    width: 100%;
  }
}
#jtweb-category-content .c-unit__title, #jtweb-main-content .c-unit__title {
  max-width: 100%;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-unit__title, #jtweb-main-content .c-unit__title {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-unit__title, #jtweb-main-content .c-unit__title {
    font-size: 20px;
    font-size: 5.3333333333vw;
  }
}
#jtweb-category-content .c-unit__title.title-large, #jtweb-main-content .c-unit__title.title-large {
  text-align: center;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-unit__title.title-large, #jtweb-main-content .c-unit__title.title-large {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-unit__title.title-large, #jtweb-main-content .c-unit__title.title-large {
    font-size: 20px;
    font-size: 5.3333333333vw;
  }
}
#jtweb-category-content .c-unit__text, #jtweb-main-content .c-unit__text {
  max-width: 100%;
  line-height: 1.8;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-unit__text, #jtweb-main-content .c-unit__text {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-unit__text, #jtweb-main-content .c-unit__text {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
#jtweb-category-content .c-unit__text.text-center, #jtweb-main-content .c-unit__text.text-center {
  text-align: center;
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-unit__text + .c-pageBtns, #jtweb-main-content .c-unit__text + .c-pageBtns {
    margin-top: 7.5px;
    margin-top: 4vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-unit__title + .c-unit__text, #jtweb-main-content .c-unit__title + .c-unit__text {
    margin-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-unit__title + .c-unit__text, #jtweb-main-content .c-unit__title + .c-unit__text {
    margin-top: 7.5px;
    margin-top: 4vw;
  }
}
#jtweb-category-content .c-unit__link, #jtweb-main-content .c-unit__link {
  text-decoration: none;
}
#jtweb-category-content .c-unit__link:not([target^=_blank])::after, #jtweb-main-content .c-unit__link:not([target^=_blank])::after {
  content: "";
  display: inline-block;
  background-image: url("/assets/img/component/icon_anime_arrow_black.png");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template #jtweb-category-content .c-unit__link:not([target^=_blank])::after, .old-responsive-template #jtweb-category-content .c-unit__link:not([target^=_blank])::after, .new-responsive-template #jtweb-main-content .c-unit__link:not([target^=_blank])::after, .old-responsive-template #jtweb-main-content .c-unit__link:not([target^=_blank])::after {
    width: 16px;
    width: 8.5333333333vw;
    height: 16px;
    height: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-unit__link:not([target^=_blank])::after, #jtweb-main-content .c-unit__link:not([target^=_blank])::after {
    bottom: 10px;
    right: 30px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-unit__link:not([target^=_blank])::after, #jtweb-main-content .c-unit__link:not([target^=_blank])::after {
    bottom: 5px;
    bottom: 2.6666666667vw;
    right: 10px;
    right: 5.3333333333vw;
  }
}
#jtweb-category-content .c-unit__link[target^=_blank]::after, #jtweb-main-content .c-unit__link[target^=_blank]::after {
  content: "";
  display: inline-block;
  background-image: url("/assets/img/component/icon_anime_blank.png");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template #jtweb-category-content .c-unit__link[target^=_blank]::after, .old-responsive-template #jtweb-category-content .c-unit__link[target^=_blank]::after, .new-responsive-template #jtweb-main-content .c-unit__link[target^=_blank]::after, .old-responsive-template #jtweb-main-content .c-unit__link[target^=_blank]::after {
    width: 16px;
    width: 8.5333333333vw;
    height: 16px;
    height: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-unit__link[target^=_blank]::after, #jtweb-main-content .c-unit__link[target^=_blank]::after {
    bottom: 20px;
    right: 30px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-unit__link[target^=_blank]::after, #jtweb-main-content .c-unit__link[target^=_blank]::after {
    bottom: 10px;
    bottom: 5.3333333333vw;
    right: 10px;
    right: 5.3333333333vw;
  }
}
#jtweb-category-content .c-unit__link img, #jtweb-main-content .c-unit__link img {
  max-width: 100%;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-cardUnits, #jtweb-main-content .c-cardUnits {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-cardUnits, #jtweb-main-content .c-cardUnits {
    margin-top: 30px;
    margin-top: 16vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-cardUnits + .c-cardUnits, #jtweb-main-content .c-cardUnits + .c-cardUnits {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-cardUnits + .c-cardUnits, #jtweb-main-content .c-cardUnits + .c-cardUnits {
    margin-top: 15px;
    margin-top: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-cardUnit, #jtweb-main-content .c-cardUnit {
    display: flex;
    align-items: stretch;
    flex: 1 1 100%;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-cardUnit:nth-of-type(n + 2), #jtweb-main-content .c-cardUnit:nth-of-type(n + 2) {
    margin-top: 15px;
    margin-top: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-cardUnits.column-2 .c-cardUnit, #jtweb-main-content .c-cardUnits.column-2 .c-cardUnit {
    max-width: 510px;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-cardUnits.column-2 .c-cardUnit:nth-of-type(n + 3), #jtweb-main-content .c-cardUnits.column-2 .c-cardUnit:nth-of-type(n + 3) {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-cardUnits.column-2 .c-cardUnit:nth-of-type(n + 3), #jtweb-main-content .c-cardUnits.column-2 .c-cardUnit:nth-of-type(n + 3) {
    margin-top: 15px;
    margin-top: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-cardUnits.column-2 .c-cardUnit:not(:nth-of-type(2n + 2)), #jtweb-main-content .c-cardUnits.column-2 .c-cardUnit:not(:nth-of-type(2n + 2)) {
    margin-right: 30px;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-cardUnits.column-3 .c-cardUnit, #jtweb-main-content .c-cardUnits.column-3 .c-cardUnit {
    max-width: 330px;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-cardUnits.column-3 .c-cardUnit:nth-of-type(n + 4), #jtweb-main-content .c-cardUnits.column-3 .c-cardUnit:nth-of-type(n + 4) {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-cardUnits.column-3 .c-cardUnit:nth-of-type(n + 4), #jtweb-main-content .c-cardUnits.column-3 .c-cardUnit:nth-of-type(n + 4) {
    margin-top: 15px;
    margin-top: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-cardUnits.column-3 .c-cardUnit:not(:nth-of-type(3n + 3)), #jtweb-main-content .c-cardUnits.column-3 .c-cardUnit:not(:nth-of-type(3n + 3)) {
    margin-right: 30px;
  }
}
#jtweb-category-content .c-cardUnit__wrap, #jtweb-main-content .c-cardUnit__wrap {
  position: relative;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-cardUnit__wrap, #jtweb-main-content .c-cardUnit__wrap {
    display: flex;
    flex-direction: column;
    flex: 1 1 100%;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-cardUnit__wrap, #jtweb-main-content .c-cardUnit__wrap {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-cardUnit__img img, #jtweb-main-content .c-cardUnit__img img {
    width: 100%;
  }
}
#jtweb-category-content .c-cardUnit__body, #jtweb-main-content .c-cardUnit__body {
  border: 1px solid #d8dce3;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-cardUnit__body, #jtweb-main-content .c-cardUnit__body {
    display: inherit;
    flex-direction: column;
    justify-content: stretch;
    align-items: flex-start;
    height: 100%;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-cardUnit__body.block-type-01, #jtweb-main-content .c-cardUnit__body.block-type-01 {
    padding: 25px 30px 36px 30px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-cardUnit__body.block-type-01, #jtweb-main-content .c-cardUnit__body.block-type-01 {
    padding: 7.5px 10px 20px 10px;
    padding: 4vw 5.3333333333vw 10.6666666667vw 5.3333333333vw;
  }
}
#jtweb-category-content .c-cardUnit__title, #jtweb-main-content .c-cardUnit__title {
  max-width: 100%;
  font-weight: bold;
  line-height: 1.7;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-cardUnit__title, #jtweb-main-content .c-cardUnit__title {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-cardUnit__title, #jtweb-main-content .c-cardUnit__title {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
#jtweb-category-content .c-cardUnit__text, #jtweb-main-content .c-cardUnit__text {
  max-width: 100%;
  line-height: 1.8;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-cardUnit__text, #jtweb-main-content .c-cardUnit__text {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-cardUnit__text, #jtweb-main-content .c-cardUnit__text {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-cardUnit__text + .btn-list, #jtweb-main-content .c-cardUnit__text + .btn-list {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-cardUnit__text + .btn-list, #jtweb-main-content .c-cardUnit__text + .btn-list {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-cardUnit__text + .btn-list .jtweb-elem-btn, #jtweb-main-content .c-cardUnit__text + .btn-list .jtweb-elem-btn {
    max-width: 127.5px;
    max-width: 68vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-cardUnit__title + .c-cardUnit__text, #jtweb-main-content .c-cardUnit__title + .c-cardUnit__text {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-cardUnit__title + .c-cardUnit__text, #jtweb-main-content .c-cardUnit__title + .c-cardUnit__text {
    margin-top: 5px;
    margin-top: 2.6666666667vw;
  }
}
#jtweb-category-content .c-paddingUnits, #jtweb-main-content .c-paddingUnits {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-paddingUnits, #jtweb-main-content .c-paddingUnits {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-paddingUnits, #jtweb-main-content .c-paddingUnits {
    margin-top: 15px;
    margin-top: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-paddingUnits + .c-paddingUnits, #jtweb-main-content .c-paddingUnits + .c-paddingUnits {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-paddingUnits + .c-paddingUnits, #jtweb-main-content .c-paddingUnits + .c-paddingUnits {
    margin-top: 15px;
    margin-top: 8vw;
  }
}
#jtweb-category-content .c-paddingUnit, #jtweb-main-content .c-paddingUnit {
  border: 1px solid #d8dce3;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-paddingUnit, #jtweb-main-content .c-paddingUnit {
    display: flex;
    align-items: stretch;
    flex: 1 1 100%;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-paddingUnit, #jtweb-main-content .c-paddingUnit {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-paddingUnit:nth-of-type(n + 2), #jtweb-main-content .c-paddingUnit:nth-of-type(n + 2) {
    margin-top: 20px;
    margin-top: 10.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-paddingUnits.column-2 .c-paddingUnit, #jtweb-main-content .c-paddingUnits.column-2 .c-paddingUnit {
    max-width: 510px;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-paddingUnits.column-2 .c-paddingUnit:nth-of-type(n + 3), #jtweb-main-content .c-paddingUnits.column-2 .c-paddingUnit:nth-of-type(n + 3) {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-paddingUnits.column-2 .c-paddingUnit:nth-of-type(n + 3), #jtweb-main-content .c-paddingUnits.column-2 .c-paddingUnit:nth-of-type(n + 3) {
    margin-top: 15px;
    margin-top: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-paddingUnits.column-2 .c-paddingUnit:not(:nth-of-type(2n + 2)), #jtweb-main-content .c-paddingUnits.column-2 .c-paddingUnit:not(:nth-of-type(2n + 2)) {
    margin-right: 30px;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-paddingUnits.column-3 .c-paddingUnit, #jtweb-main-content .c-paddingUnits.column-3 .c-paddingUnit {
    max-width: 330px;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-paddingUnits.column-3 .c-paddingUnit:nth-of-type(n + 4), #jtweb-main-content .c-paddingUnits.column-3 .c-paddingUnit:nth-of-type(n + 4) {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-paddingUnits.column-3 .c-paddingUnit:nth-of-type(n + 4), #jtweb-main-content .c-paddingUnits.column-3 .c-paddingUnit:nth-of-type(n + 4) {
    margin-top: 15px;
    margin-top: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-paddingUnits.column-3 .c-paddingUnit:not(:nth-of-type(3n + 3)), #jtweb-main-content .c-paddingUnits.column-3 .c-paddingUnit:not(:nth-of-type(3n + 3)) {
    margin-right: 30px;
  }
}
#jtweb-category-content .c-paddingUnit__wrap, #jtweb-main-content .c-paddingUnit__wrap {
  position: relative;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-paddingUnit__wrap, #jtweb-main-content .c-paddingUnit__wrap {
    display: flex;
    flex: 1 1 100%;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-paddingUnit__wrap, #jtweb-main-content .c-paddingUnit__wrap {
    display: block;
    padding: 10px 10px 21.5px 10px;
    padding: 5.3333333333vw 5.3333333333vw 11.4666666667vw 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-paddingUnits.column-1 .c-paddingUnit__wrap, #jtweb-main-content .c-paddingUnits.column-1 .c-paddingUnit__wrap {
    padding: 30px 30px 30px 30px;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-paddingUnits.column-2 .c-paddingUnit__wrap,
  #jtweb-category-content .c-paddingUnits.column-3 .c-paddingUnit__wrap, #jtweb-main-content .c-paddingUnits.column-2 .c-paddingUnit__wrap,
  #jtweb-main-content .c-paddingUnits.column-3 .c-paddingUnit__wrap {
    padding: 30px 30px 43px 30px;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-paddingUnits.column-2 .c-paddingUnit__wrap, #jtweb-main-content .c-paddingUnits.column-2 .c-paddingUnit__wrap {
    flex: 1 1 510px;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-paddingUnits.column-3 .c-paddingUnit__wrap, #jtweb-main-content .c-paddingUnits.column-3 .c-paddingUnit__wrap {
    flex-direction: column;
    flex: 1 1 0px;
  }
}
#jtweb-category-content .c-paddingUnit__img, #jtweb-main-content .c-paddingUnit__img {
  text-align: center;
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-paddingUnit__img, #jtweb-main-content .c-paddingUnit__img {
    margin-bottom: 10px;
    margin-bottom: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-paddingUnit__img img, #jtweb-main-content .c-paddingUnit__img img {
    max-width: 270px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-paddingUnit__img img, #jtweb-main-content .c-paddingUnit__img img {
    width: 100%;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-paddingUnits.column-3 .c-paddingUnit__img, #jtweb-main-content .c-paddingUnits.column-3 .c-paddingUnit__img {
    max-height: 100%;
    margin-bottom: 20px;
  }
}
#jtweb-category-content .c-paddingUnits.column-1 .c-paddingUnit__img, #jtweb-main-content .c-paddingUnits.column-1 .c-paddingUnit__img {
  flex: 0 1 auto;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-paddingUnits.column-1 .c-paddingUnit__img, #jtweb-main-content .c-paddingUnits.column-1 .c-paddingUnit__img {
    margin-right: 30px;
  }
}
#jtweb-category-content .c-paddingUnit__body, #jtweb-main-content .c-paddingUnit__body {
  display: inherit;
  flex-direction: column;
  justify-content: stretch;
  align-items: flex-start;
  flex: 1 1 100%;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-paddingUnits.column-1 .c-paddingUnit__body, #jtweb-main-content .c-paddingUnits.column-1 .c-paddingUnit__body {
    flex: 1 1 auto;
  }
}
#jtweb-category-content .c-paddingUnits.column-3 .c-paddingUnit__body, #jtweb-main-content .c-paddingUnits.column-3 .c-paddingUnit__body {
  flex: 1 1 auto;
}
#jtweb-category-content .c-paddingUnit__title, #jtweb-main-content .c-paddingUnit__title {
  max-width: 100%;
  font-weight: bold;
  line-height: 1.7;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-paddingUnit__title, #jtweb-main-content .c-paddingUnit__title {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-paddingUnit__title, #jtweb-main-content .c-paddingUnit__title {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
#jtweb-category-content .c-paddingUnit__title > span, #jtweb-main-content .c-paddingUnit__title > span {
  line-height: 1.8;
  color: #7f7f7f;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-paddingUnit__title > span, #jtweb-main-content .c-paddingUnit__title > span {
    font-size: 14px;
    margin-left: 10px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-paddingUnit__title > span, #jtweb-main-content .c-paddingUnit__title > span {
    display: block;
    font-size: 14px;
    font-size: 3.7333333333vw;
    margin-top: 5px;
    margin-top: 2.6666666667vw;
  }
}
#jtweb-category-content .c-paddingUnit__text, #jtweb-main-content .c-paddingUnit__text {
  max-width: 100%;
  line-height: 1.8;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-paddingUnit__text, #jtweb-main-content .c-paddingUnit__text {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-paddingUnit__text, #jtweb-main-content .c-paddingUnit__text {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-paddingUnit__text + .btn-list, #jtweb-main-content .c-paddingUnit__text + .btn-list {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-paddingUnit__text + .btn-list, #jtweb-main-content .c-paddingUnit__text + .btn-list {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-paddingUnit__text + .btn-list .jtweb-elem-btn, #jtweb-main-content .c-paddingUnit__text + .btn-list .jtweb-elem-btn {
    max-width: 127.5px;
    max-width: 68vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-paddingUnit__title + .c-paddingUnit__text, #jtweb-main-content .c-paddingUnit__title + .c-paddingUnit__text {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-paddingUnit__title + .c-paddingUnit__text, #jtweb-main-content .c-paddingUnit__title + .c-paddingUnit__text {
    margin-top: 5px;
    margin-top: 2.6666666667vw;
  }
}
#jtweb-category-content .c-columnLineUnits, #jtweb-main-content .c-columnLineUnits {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-columnLineUnits + .c-columnLineUnits, #jtweb-main-content .c-columnLineUnits + .c-columnLineUnits {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-columnLineUnits + .c-columnLineUnits, #jtweb-main-content .c-columnLineUnits + .c-columnLineUnits {
    margin-top: 15px;
    margin-top: 8vw;
  }
}
#jtweb-category-content .c-columnLineUnit, #jtweb-main-content .c-columnLineUnit {
  border: 1px solid #bfc4cd;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-columnLineUnit, #jtweb-main-content .c-columnLineUnit {
    display: flex;
    align-items: stretch;
    flex: 1 1 100%;
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-columnLineUnit, #jtweb-main-content .c-columnLineUnit {
    width: 100%;
    margin-top: 20px;
    margin-top: 10.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-columnLineUnit:nth-of-type(n + 2), #jtweb-main-content .c-columnLineUnit:nth-of-type(n + 2) {
    margin-top: 20px;
    margin-top: 10.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-columnLineUnits.column-2 .c-columnLineUnit, #jtweb-main-content .c-columnLineUnits.column-2 .c-columnLineUnit {
    max-width: 510px;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-columnLineUnits.column-2 .c-columnLineUnit:nth-of-type(n + 3), #jtweb-main-content .c-columnLineUnits.column-2 .c-columnLineUnit:nth-of-type(n + 3) {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-columnLineUnits.column-2 .c-columnLineUnit:nth-of-type(n + 3), #jtweb-main-content .c-columnLineUnits.column-2 .c-columnLineUnit:nth-of-type(n + 3) {
    margin-top: 15px;
    margin-top: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-columnLineUnits.column-2 .c-columnLineUnit:not(:nth-of-type(2n + 2)), #jtweb-main-content .c-columnLineUnits.column-2 .c-columnLineUnit:not(:nth-of-type(2n + 2)) {
    margin-right: 30px;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-columnLineUnits.column-3 .c-columnLineUnit, #jtweb-main-content .c-columnLineUnits.column-3 .c-columnLineUnit {
    max-width: 330px;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-columnLineUnits.column-3 .c-columnLineUnit:nth-of-type(n + 4), #jtweb-main-content .c-columnLineUnits.column-3 .c-columnLineUnit:nth-of-type(n + 4) {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-columnLineUnits.column-3 .c-columnLineUnit:nth-of-type(n + 4), #jtweb-main-content .c-columnLineUnits.column-3 .c-columnLineUnit:nth-of-type(n + 4) {
    margin-top: 15px;
    margin-top: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-columnLineUnits.column-3 .c-columnLineUnit:not(:nth-of-type(3n + 3)), #jtweb-main-content .c-columnLineUnits.column-3 .c-columnLineUnit:not(:nth-of-type(3n + 3)) {
    margin-right: 30px;
  }
}
#jtweb-category-content .c-columnLineUnit__wrap, #jtweb-main-content .c-columnLineUnit__wrap {
  position: relative;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-columnLineUnit__wrap, #jtweb-main-content .c-columnLineUnit__wrap {
    display: flex;
    flex: 1 1 100%;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-columnLineUnit__wrap, #jtweb-main-content .c-columnLineUnit__wrap {
    display: block;
    padding: 10px 10px 21.5px 10px;
    padding: 5.3333333333vw 5.3333333333vw 11.4666666667vw 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-columnLineUnits.column-1 .c-columnLineUnit__wrap, #jtweb-main-content .c-columnLineUnits.column-1 .c-columnLineUnit__wrap {
    padding: 30px 30px 30px 30px;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-columnLineUnits.column-2 .c-columnLineUnit__wrap,
  #jtweb-category-content .c-columnLineUnits.column-3 .c-columnLineUnit__wrap, #jtweb-main-content .c-columnLineUnits.column-2 .c-columnLineUnit__wrap,
  #jtweb-main-content .c-columnLineUnits.column-3 .c-columnLineUnit__wrap {
    padding: 30px 30px 43px 30px;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-columnLineUnits.column-2 .c-columnLineUnit__wrap, #jtweb-main-content .c-columnLineUnits.column-2 .c-columnLineUnit__wrap {
    flex: 1 1 510px;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-columnLineUnits.column-3 .c-columnLineUnit__wrap, #jtweb-main-content .c-columnLineUnits.column-3 .c-columnLineUnit__wrap {
    flex-direction: column;
    flex: 1 1 0px;
  }
}
#jtweb-category-content .c-columnLineUnit__img, #jtweb-main-content .c-columnLineUnit__img {
  text-align: center;
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-columnLineUnit__img, #jtweb-main-content .c-columnLineUnit__img {
    margin-bottom: 10px;
    margin-bottom: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-columnLineUnit__img img, #jtweb-main-content .c-columnLineUnit__img img {
    max-width: 270px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-columnLineUnit__img img, #jtweb-main-content .c-columnLineUnit__img img {
    width: 100%;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-columnLineUnits.column-3 .c-columnLineUnit__img, #jtweb-main-content .c-columnLineUnits.column-3 .c-columnLineUnit__img {
    max-height: 100%;
    margin-bottom: 20px;
  }
}
#jtweb-category-content .c-columnLineUnits.column-1 .c-columnLineUnit__img, #jtweb-main-content .c-columnLineUnits.column-1 .c-columnLineUnit__img {
  flex: 0 1 auto;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-columnLineUnits.column-1 .c-columnLineUnit__img, #jtweb-main-content .c-columnLineUnits.column-1 .c-columnLineUnit__img {
    margin-right: 30px;
  }
}
#jtweb-category-content .c-columnLineUnit__body, #jtweb-main-content .c-columnLineUnit__body {
  display: inherit;
  width: 100%;
}
#jtweb-category-content .c-columnLineUnit__body__inner, #jtweb-main-content .c-columnLineUnit__body__inner {
  display: inherit;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex: 1 1 100%;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-columnLineUnits.column-1 .c-columnLineUnit__body, #jtweb-main-content .c-columnLineUnits.column-1 .c-columnLineUnit__body {
    flex: 1 1 auto;
  }
}
#jtweb-category-content .c-columnLineUnits.column-3 .c-columnLineUnit__body, #jtweb-main-content .c-columnLineUnits.column-3 .c-columnLineUnit__body {
  flex: 1 1 auto;
}
#jtweb-category-content .c-columnLineUnit__title, #jtweb-main-content .c-columnLineUnit__title {
  max-width: 100%;
  font-weight: bold;
  line-height: 1.7;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-columnLineUnit__title, #jtweb-main-content .c-columnLineUnit__title {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-columnLineUnit__title, #jtweb-main-content .c-columnLineUnit__title {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
#jtweb-category-content .c-columnLineUnit__text, #jtweb-main-content .c-columnLineUnit__text {
  max-width: 100%;
  color: #7f7f7f;
  line-height: 1.8;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-columnLineUnit__text, #jtweb-main-content .c-columnLineUnit__text {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-columnLineUnit__text, #jtweb-main-content .c-columnLineUnit__text {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-columnLineUnit__text + .btn-list, #jtweb-main-content .c-columnLineUnit__text + .btn-list {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-columnLineUnit__text + .btn-list, #jtweb-main-content .c-columnLineUnit__text + .btn-list {
    margin-top: 8px;
    margin-top: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-columnLineUnit__text + .btn-list .jtweb-elem-btn, #jtweb-main-content .c-columnLineUnit__text + .btn-list .jtweb-elem-btn {
    max-width: 127.5px;
    max-width: 68vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-columnLineUnit__title + .c-columnLineUnit__text, #jtweb-main-content .c-columnLineUnit__title + .c-columnLineUnit__text {
    margin-top: 5px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-columnLineUnit__title + .c-columnLineUnit__text, #jtweb-main-content .c-columnLineUnit__title + .c-columnLineUnit__text {
    margin-top: 2.5px;
    margin-top: 1.3333333333vw;
  }
}
#jtweb-category-content .c-spAcUnits, #jtweb-main-content .c-spAcUnits {
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-spAcUnit__wrap, #jtweb-main-content .c-spAcUnit__wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-top: 30px;
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-spAcUnit__wrap, #jtweb-main-content .c-spAcUnit__wrap {
    margin-top: 15px;
    margin-top: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-spAcUnit__wrap + .c-spAcUnit__wrap, #jtweb-main-content .c-spAcUnit__wrap + .c-spAcUnit__wrap {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-spAcUnit__wrap + .c-spAcUnit__wrap, #jtweb-main-content .c-spAcUnit__wrap + .c-spAcUnit__wrap {
    margin-top: 15px;
    margin-top: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-spAcUnit, #jtweb-main-content .c-spAcUnit {
    display: flex;
    align-items: stretch;
    flex: 1 1 100%;
    margin-left: 15px;
    margin-right: 15px;
    border: 1px solid #d8dce3;
  }
}
#jtweb-category-content .c-spAcUnit:first-child, #jtweb-main-content .c-spAcUnit:first-child {
  border-top: 1px solid #d8dce3;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-spAcUnit__wrap.column-2 .c-spAcUnit, #jtweb-main-content .c-spAcUnit__wrap.column-2 .c-spAcUnit {
    max-width: 510px;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-spAcUnit__wrap.column-2 .c-spAcUnit:nth-of-type(n + 3), #jtweb-main-content .c-spAcUnit__wrap.column-2 .c-spAcUnit:nth-of-type(n + 3) {
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-spAcUnit__wrap.column-3 .c-spAcUnit, #jtweb-main-content .c-spAcUnit__wrap.column-3 .c-spAcUnit {
    max-width: 330px;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-spAcUnit__wrap.column-3 .c-spAcUnit:nth-of-type(n + 4), #jtweb-main-content .c-spAcUnit__wrap.column-3 .c-spAcUnit:nth-of-type(n + 4) {
    margin-top: 30px;
  }
}
#jtweb-category-content .c-spAcUnit__img, #jtweb-main-content .c-spAcUnit__img {
  text-align: center;
}
#jtweb-category-content .c-spAcUnit__wrap.column-1 .c-spAcUnit__img, #jtweb-main-content .c-spAcUnit__wrap.column-1 .c-spAcUnit__img {
  flex: 0 1 auto;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-spAcUnit__wrap.column-1 .c-spAcUnit__img, #jtweb-main-content .c-spAcUnit__wrap.column-1 .c-spAcUnit__img {
    margin-right: 30px;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-spAcUnit__wrap.column-3 .c-spAcUnit__img, #jtweb-main-content .c-spAcUnit__wrap.column-3 .c-spAcUnit__img {
    max-height: 100%;
    margin-bottom: 20px;
  }
}
#jtweb-category-content .c-spAcUnit__body, #jtweb-main-content .c-spAcUnit__body {
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-spAcUnit__body, #jtweb-main-content .c-spAcUnit__body {
    display: inherit;
    flex-direction: column;
    justify-content: stretch;
    align-items: flex-start;
    flex: 0 1 100%;
  }
}
#jtweb-category-content .c-spAcUnit__body .c-pageBtns, #jtweb-main-content .c-spAcUnit__body .c-pageBtns {
  display: flex;
  justify-content: stretch;
  align-items: stretch;
}
#jtweb-category-content .c-spAcUnit__wrap.column-1 .c-spAcUnit__body, #jtweb-main-content .c-spAcUnit__wrap.column-1 .c-spAcUnit__body {
  flex: 1 1 100%;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-spAcUnit__wrap.column-1 .c-spAcUnit__body, #jtweb-main-content .c-spAcUnit__wrap.column-1 .c-spAcUnit__body {
    padding: 30px 30px 30px 30px;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-spAcUnit__wrap.column-2 .c-spAcUnit__body,
  #jtweb-category-content .c-spAcUnit__wrap.column-3 .c-spAcUnit__body, #jtweb-main-content .c-spAcUnit__wrap.column-2 .c-spAcUnit__body,
  #jtweb-main-content .c-spAcUnit__wrap.column-3 .c-spAcUnit__body {
    padding: 30px 30px 43px 30px;
  }
}
#jtweb-category-content .c-spAcUnit__wrap.column-3 .c-spAcUnit__body, #jtweb-main-content .c-spAcUnit__wrap.column-3 .c-spAcUnit__body {
  flex-direction: column;
  flex: 1 1 100%;
}
#jtweb-category-content .c-spAcUnit__title, #jtweb-main-content .c-spAcUnit__title {
  max-width: 100%;
  line-height: 1.7;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-spAcUnit__title, #jtweb-main-content .c-spAcUnit__title {
    display: flex;
    justify-content: stretch;
    align-items: stretch;
    font-size: 16px;
    white-space: nowrap;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-spAcUnit__title, #jtweb-main-content .c-spAcUnit__title {
    font-size: 16px;
    font-size: 4.2666666667vw;
    border-bottom: 1px solid #d8dce3;
    padding-top: 10px;
    padding-top: 5.3333333333vw;
    padding-bottom: 10px;
    padding-bottom: 5.3333333333vw;
    position: relative;
  }
}
#jtweb-category-content .c-spAcUnit__text, #jtweb-main-content .c-spAcUnit__text {
  max-width: 100%;
  line-height: 1.8;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-spAcUnit__text, #jtweb-main-content .c-spAcUnit__text {
    display: flex;
    justify-content: stretch;
    align-items: stretch;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-spAcUnit__text, #jtweb-main-content .c-spAcUnit__text {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-spAcUnit__container, #jtweb-main-content .c-spAcUnit__container {
    margin-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-spAcUnit__container, #jtweb-main-content .c-spAcUnit__container {
    padding-top: 7.5px;
    padding-top: 4vw;
    padding-bottom: 30px;
    padding-bottom: 16vw;
  }
}
#jtweb-category-content .c-spAcUnit__container .c-pageBtns, #jtweb-main-content .c-spAcUnit__container .c-pageBtns {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-spAcUnit__container .c-pageBtns, #jtweb-main-content .c-spAcUnit__container .c-pageBtns {
    text-align: center;
  }
}
#jtweb-category-content .c-spAcUnit__container .c-pageBtns .c-pageBtns_btn, #jtweb-main-content .c-spAcUnit__container .c-pageBtns .c-pageBtns_btn {
  max-width: 100%;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-spAcUnit__container .c-pageBtns .c-pageBtns_btn, #jtweb-main-content .c-spAcUnit__container .c-pageBtns .c-pageBtns_btn {
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-spAcUnit__container .c-pageBtns .c-pageBtns_btn, #jtweb-main-content .c-spAcUnit__container .c-pageBtns .c-pageBtns_btn {
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-spAcUnit.open .c-spAcUnit__body, #jtweb-main-content .c-spAcUnit.open .c-spAcUnit__body {
    border-bottom: 1px solid #d8dce3;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-spAcUnit.open .c-spAcUnit__title, #jtweb-main-content .c-spAcUnit.open .c-spAcUnit__title {
    border-bottom: 2px solid #2a2f37;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-spAcUnit .c-spAcUnit__title::before, #jtweb-category-content .c-spAcUnit .c-spAcUnit__title::after, #jtweb-main-content .c-spAcUnit .c-spAcUnit__title::before, #jtweb-main-content .c-spAcUnit .c-spAcUnit__title::after {
    content: "";
    display: inline-block;
    background-color: #033824;
    position: absolute;
    top: calc(50% - 1px);
    transition: 0.2s transform;
    right: 0px;
    right: 0vw;
    width: 7.5px;
    width: 4vw;
    height: 0.5px;
    height: 0.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-spAcUnit .c-spAcUnit__container, #jtweb-main-content .c-spAcUnit .c-spAcUnit__container {
    display: inherit;
  }
}
#jtweb-category-content .c-spAcUnit.open .c-spAcUnit__title, #jtweb-main-content .c-spAcUnit.open .c-spAcUnit__title {
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-spAcUnit.open .c-spAcUnit__container *, #jtweb-main-content .c-spAcUnit.open .c-spAcUnit__container * {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.2s ease-in-out;
  }
}
#jtweb-category-content .c-spAcUnit:not(.open) .c-spAcUnit__title::after, #jtweb-main-content .c-spAcUnit:not(.open) .c-spAcUnit__title::after {
  transform: rotate(90deg) scaleY(1);
  transition: transform 0.2s ease-in-out;
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-spAcUnit:not(.open) .c-spAcUnit__container, #jtweb-main-content .c-spAcUnit:not(.open) .c-spAcUnit__container {
    max-height: 0;
    margin: 0;
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-spAcUnit:not(.open) .c-spAcUnit__container *, #jtweb-main-content .c-spAcUnit:not(.open) .c-spAcUnit__container * {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.6s;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-toDetails, #jtweb-main-content .c-toDetails {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-toDetails, #jtweb-main-content .c-toDetails {
    margin-top: 27.5px;
    margin-top: 14.6666666667vw;
  }
}
#jtweb-category-content .c-toDetail__head, #jtweb-main-content .c-toDetail__head {
  flex: 0 1 auto;
}
#jtweb-category-content .c-toDetail__head img, #jtweb-main-content .c-toDetail__head img {
  width: 100%;
}
#jtweb-category-content .c-toDetail__body, #jtweb-main-content .c-toDetail__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  flex: 1 1 auto;
  background: #fff;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-toDetail__body, #jtweb-main-content .c-toDetail__body {
    max-width: 540px;
    padding: 40px 0;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-toDetail__body, #jtweb-main-content .c-toDetail__body {
    margin-top: -30px;
    margin-top: -16vw;
    margin-right: 7.5px;
    margin-right: 4vw;
    margin-left: 7.5px;
    margin-left: 4vw;
    padding: 22.5px 22.5px 0px 22.5px;
    padding: 12vw 12vw 0vw 12vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-toDetail__body::before, #jtweb-main-content .c-toDetail__body::before {
    content: "";
    display: block;
    background: #fff;
    height: 100%;
    margin-left: -60px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: -1;
  }
}
#jtweb-category-content .c-toDetail__title, #jtweb-main-content .c-toDetail__title {
  line-height: 1.8;
  font-weight: bold;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-toDetail__title, #jtweb-main-content .c-toDetail__title {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-toDetail__title, #jtweb-main-content .c-toDetail__title {
    font-size: 20px;
    font-size: 5.3333333333vw;
  }
}
#jtweb-category-content .c-toDetail__text, #jtweb-main-content .c-toDetail__text {
  line-height: 1.8;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-toDetail__text, #jtweb-main-content .c-toDetail__text {
    font-size: 16px;
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-toDetail__text, #jtweb-main-content .c-toDetail__text {
    font-size: 16px;
    font-size: 4.2666666667vw;
    margin-top: 5px;
    margin-top: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-toDetail__text + .btn-list, #jtweb-main-content .c-toDetail__text + .btn-list {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-toDetail__text + .btn-list, #jtweb-main-content .c-toDetail__text + .btn-list {
    margin-top: 10px;
    margin-top: 5.3333333333vw;
  }
}
#jtweb-category-content .c-pageBanners, #jtweb-main-content .c-pageBanners {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageBanners, #jtweb-main-content .c-pageBanners {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -30px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageBanners, #jtweb-main-content .c-pageBanners {
    margin-bottom: -7.5px;
    margin-bottom: -4vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageBanner, #jtweb-main-content .c-pageBanner {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageBanner, #jtweb-main-content .c-pageBanner {
    flex: 1 1 auto;
    margin-bottom: 7.5px;
    margin-bottom: 4vw;
  }
}
#jtweb-category-content .c-pageBanner a, #jtweb-main-content .c-pageBanner a {
  display: block;
  position: relative;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageBanner a:hover::after, #jtweb-main-content .c-pageBanner a:hover::after {
    animation: icon-arrow 0.3s steps(9) forwards;
  }
}
#jtweb-category-content .c-pageBanner a::after, #jtweb-main-content .c-pageBanner a::after {
  content: "";
  display: inline-block;
  background-image: url("/assets/img/component/icon_anime_arrow_black.png");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 767px) {
  .new-responsive-template #jtweb-category-content .c-pageBanner a::after, .old-responsive-template #jtweb-category-content .c-pageBanner a::after, .new-responsive-template #jtweb-main-content .c-pageBanner a::after, .old-responsive-template #jtweb-main-content .c-pageBanner a::after {
    width: 16px;
    width: 8.5333333333vw;
    height: 16px;
    height: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageBanner a::after, #jtweb-main-content .c-pageBanner a::after {
    right: 20px;
    bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageBanner a::after, #jtweb-main-content .c-pageBanner a::after {
    right: 10px;
    right: 5.3333333333vw;
    bottom: 5px;
    bottom: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageBanner img, #jtweb-main-content .c-pageBanner img {
    width: 100%;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-acceptUnits, #jtweb-main-content .c-acceptUnits {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-acceptUnits, #jtweb-main-content .c-acceptUnits {
    margin-top: 15px;
    margin-top: 8vw;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-acceptUnit__img img, #jtweb-main-content .c-acceptUnit__img img {
    width: 100%;
  }
}
#jtweb-category-content .c-acceptUnit__body, #jtweb-main-content .c-acceptUnit__body {
  border-style: solid;
  border-color: #D8DCE3;
}
#jtweb-category-content .c-acceptUnit__wrap, #jtweb-main-content .c-acceptUnit__wrap {
  display: block;
  height: 100%;
  position: relative;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-acceptUnit__wrap, #jtweb-main-content .c-acceptUnit__wrap {
    padding: 30px 30px 50px 30px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-acceptUnit__wrap, #jtweb-main-content .c-acceptUnit__wrap {
    padding: 10px;
    padding: 5.3333333333vw;
    padding: 10px 10px 23.5px 10px;
    padding: 5.3333333333vw 5.3333333333vw 12.5333333333vw 5.3333333333vw;
  }
}
#jtweb-category-content .c-acceptUnit__wrap.is-finished, #jtweb-main-content .c-acceptUnit__wrap.is-finished {
  color: #7F7F7F;
}
#jtweb-category-content .c-acceptUnit__wrap.is-finished::after, #jtweb-main-content .c-acceptUnit__wrap.is-finished::after {
  opacity: 0.4;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-acceptUnit__wrap.is-finished::after, #jtweb-main-content .c-acceptUnit__wrap.is-finished::after {
    bottom: 20px;
    right: 30px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-acceptUnit__wrap.is-finished::after, #jtweb-main-content .c-acceptUnit__wrap.is-finished::after {
    right: 10px;
    right: 5.3333333333vw;
    bottom: 10px;
    bottom: 5.3333333333vw;
  }
}
#jtweb-category-content .c-acceptUnit__title, #jtweb-main-content .c-acceptUnit__title {
  font-weight: bold;
  line-height: 1.7;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-acceptUnit__title, #jtweb-main-content .c-acceptUnit__title {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-acceptUnit__title, #jtweb-main-content .c-acceptUnit__title {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
#jtweb-category-content .c-acceptUnit__text, #jtweb-main-content .c-acceptUnit__text {
  line-height: 1.7;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-acceptUnit__text, #jtweb-main-content .c-acceptUnit__text {
    font-size: 16px;
    margin-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-acceptUnit__text, #jtweb-main-content .c-acceptUnit__text {
    font-size: 16px;
    font-size: 4.2666666667vw;
    margin-top: 7.5px;
    margin-top: 4vw;
  }
}
#jtweb-category-content .c-acceptUnit__label, #jtweb-main-content .c-acceptUnit__label {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-acceptUnit__label, #jtweb-main-content .c-acceptUnit__label {
    width: 84px;
    min-height: 24px;
    font-size: 12px;
    border-radius: 12px;
    padding: 2px 0;
    top: 30px;
    right: 30px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-acceptUnit__label, #jtweb-main-content .c-acceptUnit__label {
    width: 42px;
    width: 22.4vw;
    height: 12px;
    height: 6.4vw;
    font-size: 12px;
    font-size: 3.2vw;
    border-radius: 6px;
    border-radius: 3.2vw;
    top: 10px;
    top: 5.3333333333vw;
    right: 10px;
    right: 5.3333333333vw;
  }
}
#jtweb-category-content .is-accept .c-acceptUnit__label, #jtweb-main-content .is-accept .c-acceptUnit__label {
  box-shadow: 0 0 1px 1px #111 inset;
}
#jtweb-category-content .is-finished .c-acceptUnit__label, #jtweb-main-content .is-finished .c-acceptUnit__label {
  background-color: #D8DCE3;
}
#jtweb-category-content .c-pageSlider, #jtweb-main-content .c-pageSlider {
  position: relative;
  z-index: 1;
  max-width: none;
  overflow-x: hidden;
}
@media all and (min-width: 1051px) {
  #jtweb-category-content .c-pageSlider, #jtweb-main-content .c-pageSlider {
    max-width: 1770px;
    min-height: 386px;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
  }
}
@media all and (max-width: 1050px) and (min-width: 768px) {
  #jtweb-category-content .c-pageSlider, #jtweb-main-content .c-pageSlider {
    width: 1050px;
    min-height: 386px;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageSlider, #jtweb-main-content .c-pageSlider {
    min-height: 165px;
    min-height: 88vw;
    margin-top: 30px;
    margin-top: 16vw;
    padding-top: 15px;
    padding-top: 8vw;
  }
}
#jtweb-category-content .c-pageSlider::before, #jtweb-main-content .c-pageSlider::before {
  content: "";
  display: block;
  background-color: #F4F6F8;
  position: absolute;
  top: 0;
  left: 50%;
  right: 0;
  z-index: -1;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageSlider::before, #jtweb-main-content .c-pageSlider::before {
    width: 510px;
    height: 386px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageSlider::before, #jtweb-main-content .c-pageSlider::before {
    width: 172.5px;
    width: 92vw;
    height: 165px;
    height: 88vw;
  }
}
#jtweb-category-content .c-pageSlider *, #jtweb-main-content .c-pageSlider * {
  max-width: none;
}
#jtweb-category-content .c-pageSlider__title, #jtweb-main-content .c-pageSlider__title {
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageSlider__title, #jtweb-main-content .c-pageSlider__title {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageSlider__title, #jtweb-main-content .c-pageSlider__title {
    font-size: 20px;
    font-size: 5.3333333333vw;
  }
}
@media all and (min-width: 1051px) {
  #jtweb-category-content .c-pageSlider__container, #jtweb-main-content .c-pageSlider__container {
    width: 100%;
    max-width: 100%;
    margin-top: 20px;
    position: absolute;
  }
}
@media all and (max-width: 1050px) and (min-width: 768px) {
  #jtweb-category-content .c-pageSlider__container, #jtweb-main-content .c-pageSlider__container {
    width: 1050px;
    margin-top: 20px;
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageSlider__container, #jtweb-main-content .c-pageSlider__container {
    text-align: center;
    margin-top: 10px;
    margin-top: 5.3333333333vw;
    position: relative;
  }
}
#jtweb-category-content .c-pageSlider__items, #jtweb-main-content .c-pageSlider__items {
  margin-bottom: 0 !important;
}
#jtweb-category-content .c-pageSlider__items.js-pageSlicder-none, #jtweb-main-content .c-pageSlider__items.js-pageSlicder-none {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageSlider__items.js-pageSlicder-none .c-pageSlider__item, #jtweb-main-content .c-pageSlider__items.js-pageSlicder-none .c-pageSlider__item {
    width: 125px;
    width: 66.6666666667vw;
    max-width: 100%;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageSlider__items.js-pageSlicder-spOnly, #jtweb-main-content .c-pageSlider__items.js-pageSlicder-spOnly {
    display: flex;
    justify-content: center;
  }
}
#jtweb-category-content .c-pageSlider__items .slick-list, #jtweb-main-content .c-pageSlider__items .slick-list {
  max-width: none;
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageSlider__items .slick-list, #jtweb-main-content .c-pageSlider__items .slick-list {
    height: 94px;
    height: 50.1333333333vw;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageSlider__items .slick-track, #jtweb-main-content .c-pageSlider__items .slick-track {
    max-height: 100%;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageSlider__item, #jtweb-main-content .c-pageSlider__item {
    margin: 0 15px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageSlider__item, #jtweb-main-content .c-pageSlider__item {
    margin-right: 1.75px;
    margin-right: 0.9333333333vw;
    margin-left: 1.75px;
    margin-left: 0.9333333333vw;
  }
}
#jtweb-category-content .c-pageSlider__item a, #jtweb-main-content .c-pageSlider__item a {
  display: block;
  display: flex;
  align-items: center;
  justify-self: center;
  height: 247px;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageSlider__item a, #jtweb-main-content .c-pageSlider__item a {
    border-radius: 8px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageSlider__item a, #jtweb-main-content .c-pageSlider__item a {
    border-radius: 4px;
    border-radius: 2.1333333333vw;
    height: 93.5px;
    height: 49.8666666667vw;
  }
}
#jtweb-category-content .c-pageSlider__item img, #jtweb-main-content .c-pageSlider__item img {
  margin: 0 auto;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageSlider__item img, #jtweb-main-content .c-pageSlider__item img {
    max-width: 330px;
    max-height: 247px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageSlider__item img, #jtweb-main-content .c-pageSlider__item img {
    width: 100%;
    height: auto;
    max-width: 125.5px;
    max-width: 66.9333333333vw;
    max-height: 93.5px;
    max-height: 49.8666666667vw;
  }
}
#jtweb-category-content .c-pageSlider__pager, #jtweb-main-content .c-pageSlider__pager {
  display: none;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .slick-initialized + .c-pageSlider__pager, #jtweb-main-content .slick-initialized + .c-pageSlider__pager {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .slick-initialized + .c-pageSlider__pager, #jtweb-main-content .slick-initialized + .c-pageSlider__pager {
    display: inline-flex;
    max-width: 100%;
    height: 12px;
    height: 6.4vw;
    text-align: center;
    margin-top: 5px;
    margin-top: 2.6666666667vw;
    margin-bottom: 5px;
    margin-bottom: 2.6666666667vw;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-left: 8vw;
    padding-right: 15px;
    padding-right: 8vw;
    position: relative;
  }
}
#jtweb-category-content .c-pageSlider__arrow, #jtweb-main-content .c-pageSlider__arrow {
  display: flex;
  margin: 0 auto;
  position: absolute;
  transform: translateY(-50%);
  z-index: 2;
  cursor: pointer;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageSlider__arrow, #jtweb-main-content .c-pageSlider__arrow {
    padding: 18px;
    top: 50%;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageSlider__arrow, #jtweb-main-content .c-pageSlider__arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 9px 6px;
    padding: 4.8vw 3.2vw;
    height: 100%;
    top: 50%;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageSlider__arrow.prev, #jtweb-main-content .c-pageSlider__arrow.prev {
    left: calc(50% - 230px);
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageSlider__arrow.prev, #jtweb-main-content .c-pageSlider__arrow.prev {
    left: 0;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageSlider__arrow.next, #jtweb-main-content .c-pageSlider__arrow.next {
    right: calc(50% - 230px);
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageSlider__arrow.next, #jtweb-main-content .c-pageSlider__arrow.next {
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageSlider__arrow img, #jtweb-main-content .c-pageSlider__arrow img {
    width: 2.7px;
    width: 1.44vw;
    height: 4.75px;
    height: 2.5333333333vw;
  }
}
#jtweb-category-content .c-pageSlider__dots, #jtweb-main-content .c-pageSlider__dots {
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageSlider__dots, #jtweb-main-content .c-pageSlider__dots {
    display: flex;
    width: 100%;
    margin-top: 20px;
    position: absolute;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageSlider__dots, #jtweb-main-content .c-pageSlider__dots {
    display: flex;
    height: 100%;
  }
}
#jtweb-category-content .c-pageSlider__dots > li button, #jtweb-main-content .c-pageSlider__dots > li button {
  line-height: 1;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageSlider__dots > li button, #jtweb-main-content .c-pageSlider__dots > li button {
    width: 20px;
    height: 20px;
    margin: 0 5px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageSlider__dots > li button, #jtweb-main-content .c-pageSlider__dots > li button {
    width: 10px;
    width: 5.3333333333vw;
    height: 13.75px;
    height: 7.3333333333vw;
    margin: 0px 2.5px;
    margin: 0vw 1.3333333333vw;
  }
}
#jtweb-category-content .c-pageSlider__dots > li button::after, #jtweb-main-content .c-pageSlider__dots > li button::after {
  content: "";
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageSlider__dots > li button::after, #jtweb-main-content .c-pageSlider__dots > li button::after {
    width: 10px;
    height: 10px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageSlider__dots > li button::after, #jtweb-main-content .c-pageSlider__dots > li button::after {
    width: 5px;
    width: 2.6666666667vw;
    height: 5px;
    height: 2.6666666667vw;
  }
}
#jtweb-category-content .c-pageSlider__dots > li button[aria-selected^=true]::after, #jtweb-main-content .c-pageSlider__dots > li button[aria-selected^=true]::after {
  background-color: #111;
}
#jtweb-category-content .c-pageSlider__dots > li button:not([aria-selected^=true])::after, #jtweb-main-content .c-pageSlider__dots > li button:not([aria-selected^=true])::after {
  background-color: #ccc;
}
#jtweb-category-content .c-pageNews, #jtweb-main-content .c-pageNews {
  position: relative;
  z-index: 1;
  max-width: none;
  overflow-x: hidden;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageNews, #jtweb-main-content .c-pageNews {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageNews, #jtweb-main-content .c-pageNews {
    margin-top: 30px;
    margin-top: 16vw;
  }
}
#jtweb-category-content .c-pageNews *, #jtweb-main-content .c-pageNews * {
  max-width: none;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageNews__continer, #jtweb-main-content .c-pageNews__continer {
    display: flex;
    align-items: center;
    width: 1050px;
    border-width: 1px 0;
    border-style: solid;
    border-color: #D8DCE3;
    margin-left: auto;
    margin-right: auto;
  }
}
#jtweb-category-content .c-pageNews__title, #jtweb-main-content .c-pageNews__title {
  font-weight: bold;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageNews__title, #jtweb-main-content .c-pageNews__title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1 0 150px;
    max-width: calc(100% - 900px);
    height: 65px;
    font-size: 16px;
    border-right: 1px solid #D8DCE3;
    padding: 10px 10px 10px 0;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageNews__title, #jtweb-main-content .c-pageNews__title {
    font-size: 16px;
    font-size: 4.2666666667vw;
    text-align: center;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageNews__slider, #jtweb-main-content .c-pageNews__slider {
    flex: 1 1 900px;
    max-width: 900px;
    overflow: hidden;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageNews__slider, #jtweb-main-content .c-pageNews__slider {
    border-width: 1px 0;
    border-style: solid;
    border-color: #D8DCE3;
    margin-top: 10px;
    margin-top: 5.3333333333vw;
    padding-top: 9.5px;
    padding-top: 5.0666666667vw;
    padding-bottom: 9.5px;
    padding-bottom: 5.0666666667vw;
  }
}
#jtweb-category-content .c-pageNews__slider__items, #jtweb-main-content .c-pageNews__slider__items {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageNews__slider__items, #jtweb-main-content .c-pageNews__slider__items {
    width: 100%;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageNews__slider__item, #jtweb-main-content .c-pageNews__slider__item {
    display: flex;
    align-items: center;
    padding: 0 30px;
    overflow: hidden;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageNews__slider__date, #jtweb-main-content .c-pageNews__slider__date {
    flex: 0 1 auto;
    font-size: 14px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageNews__slider__date, #jtweb-main-content .c-pageNews__slider__date {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#jtweb-category-content .c-pageNews__slider__post, #jtweb-main-content .c-pageNews__slider__post {
  flex: 0 1 auto;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageNews__slider__post, #jtweb-main-content .c-pageNews__slider__post {
    max-width: 760px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageNews__slider__post, #jtweb-main-content .c-pageNews__slider__post {
    margin-top: 2.5px;
    margin-top: 1.3333333333vw;
  }
}
#jtweb-category-content .c-pageNews__slider__post a, #jtweb-main-content .c-pageNews__slider__post a {
  display: block;
  width: 100%;
  text-decoration: underline;
  text-decoration-thickness: 1px !important;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageNews__slider__post a, #jtweb-main-content .c-pageNews__slider__post a {
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageNews__slider__post a, #jtweb-main-content .c-pageNews__slider__post a {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageNews__slider__pager, #jtweb-main-content .c-pageNews__slider__pager {
    width: 100%;
  }
}
#jtweb-category-content .c-pageNews__slider__pager .slick-dots, #jtweb-main-content .c-pageNews__slider__pager .slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  position: static;
  height: auto;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageNews__slider__pager .slick-dots, #jtweb-main-content .c-pageNews__slider__pager .slick-dots {
    margin-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageNews__slider__pager .slick-dots, #jtweb-main-content .c-pageNews__slider__pager .slick-dots {
    margin-top: 7.5px;
    margin-top: 4vw;
  }
}
#jtweb-category-content .c-pageNews__slider__pager .slick-dots > li, #jtweb-main-content .c-pageNews__slider__pager .slick-dots > li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
}
#jtweb-category-content .c-pageNews__slider__pager .slick-dots > li button, #jtweb-main-content .c-pageNews__slider__pager .slick-dots > li button {
  line-height: 1;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageNews__slider__pager .slick-dots > li button, #jtweb-main-content .c-pageNews__slider__pager .slick-dots > li button {
    width: 10px;
    height: 10px;
    margin: 0;
    padding: 10px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageNews__slider__pager .slick-dots > li button, #jtweb-main-content .c-pageNews__slider__pager .slick-dots > li button {
    width: 10px;
    width: 5.3333333333vw;
    height: 10px;
    height: 5.3333333333vw;
    margin: 0px 2.5px;
    margin: 0vw 1.3333333333vw;
  }
}
#jtweb-category-content .c-pageNews__slider__pager .slick-dots > li button::before, #jtweb-main-content .c-pageNews__slider__pager .slick-dots > li button::before {
  display: none;
}
#jtweb-category-content .c-pageNews__slider__pager .slick-dots > li button::after, #jtweb-main-content .c-pageNews__slider__pager .slick-dots > li button::after {
  content: "";
  display: block;
  border-radius: 50%;
  top: 50%;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-pageNews__slider__pager .slick-dots > li button::after, #jtweb-main-content .c-pageNews__slider__pager .slick-dots > li button::after {
    width: 10px;
    height: 10px;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-pageNews__slider__pager .slick-dots > li button::after, #jtweb-main-content .c-pageNews__slider__pager .slick-dots > li button::after {
    width: 5px;
    width: 2.6666666667vw;
    height: 5px;
    height: 2.6666666667vw;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
#jtweb-category-content .c-pageNews__slider__pager .slick-dots > li button[aria-selected^=true]::after, #jtweb-main-content .c-pageNews__slider__pager .slick-dots > li button[aria-selected^=true]::after {
  background-color: #111;
}
#jtweb-category-content .c-pageNews__slider__pager .slick-dots > li button:not([aria-selected^=true])::after, #jtweb-main-content .c-pageNews__slider__pager .slick-dots > li button:not([aria-selected^=true])::after {
  background-color: #ccc;
}
#jtweb-category-content .c-productLists, #jtweb-main-content .c-productLists {
  border-top: 1px solid #ddd;
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-productLists, #jtweb-main-content .c-productLists {
    padding-left: 7.5px;
    padding-left: 4vw;
    padding-right: 7.5px;
    padding-right: 4vw;
  }
}
#jtweb-category-content .c-productList, #jtweb-main-content .c-productList {
  border-bottom: 1px solid #ddd;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-productList, #jtweb-main-content .c-productList {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-productList, #jtweb-main-content .c-productList {
    padding: 7.5px 0px;
    padding: 4vw 0vw;
  }
}
#jtweb-category-content .c-productList__name, #jtweb-main-content .c-productList__name {
  font-weight: bold;
  line-height: 1.7;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-productList__name, #jtweb-main-content .c-productList__name {
    flex: 0 1 290px;
    max-width: 290px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-productList__name, #jtweb-main-content .c-productList__name {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
#jtweb-category-content .c-productList__btns, #jtweb-main-content .c-productList__btns {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  width: auto;
  margin-top: 0;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-productList__btns, #jtweb-main-content .c-productList__btns {
    max-width: 340px;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-productList__btns, #jtweb-main-content .c-productList__btns {
    width: 100%;
    justify-content: space-between;
    margin-top: 7.5px;
    margin-top: 4vw;
    margin-right: 0px;
    margin-right: 0vw;
    margin-left: 0px;
    margin-left: 0vw;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-productList__btn.c-pageBtns_btn, #jtweb-main-content .c-productList__btn.c-pageBtns_btn {
    flex: 0 1 150px;
    min-width: 150px;
    margin-right: 7.5px;
    margin-left: 7.5px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-productList__btn.c-pageBtns_btn, #jtweb-main-content .c-productList__btn.c-pageBtns_btn {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 47.8260869565%;
    width: 47.8260869565%;
    min-height: 0;
    margin: 0;
    margin-right: 0px;
    margin-right: 0vw;
    margin-left: 0px;
    margin-left: 0vw;
  }
}
#jtweb-category-content .c-productList__btn.c-pageBtns_btn a, #jtweb-main-content .c-productList__btn.c-pageBtns_btn a {
  background-color: transparent;
  justify-content: flex-start;
  text-align: left;
  width: 100%;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-productList__btn.c-pageBtns_btn a, #jtweb-main-content .c-productList__btn.c-pageBtns_btn a {
    font-size: 13px;
    padding-top: 9px;
    padding-left: 13px;
    padding-right: 13px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-productList__btn.c-pageBtns_btn a, #jtweb-main-content .c-productList__btn.c-pageBtns_btn a {
    min-height: 20px;
    min-height: 10.6666666667vw;
    font-size: 13px;
    font-size: 3.4666666667vw;
    padding-top: 0px;
    padding-top: 0vw;
    padding-bottom: 0px;
    padding-bottom: 0vw;
    padding-left: 6.5px;
    padding-left: 3.4666666667vw;
    padding-right: 6.5px;
    padding-right: 3.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-productList__btn.c-pageBtns_btn .is-shortArrow, #jtweb-main-content .c-productList__btn.c-pageBtns_btn .is-shortArrow {
    padding-right: 35px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-productList__btn.c-pageBtns_btn .is-shortArrow, #jtweb-main-content .c-productList__btn.c-pageBtns_btn .is-shortArrow {
    padding-right: 16px;
    padding-right: 8.5333333333vw;
    padding-left: 5px;
    padding-left: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-productList__btn.c-pageBtns_btn .is-shortArrow:not([target^="#"])::after, #jtweb-main-content .c-productList__btn.c-pageBtns_btn .is-shortArrow:not([target^="#"])::after {
    width: 20px;
    height: 20px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-productList__btn.c-pageBtns_btn .is-shortArrow:not([target^="#"])::after, #jtweb-main-content .c-productList__btn.c-pageBtns_btn .is-shortArrow:not([target^="#"])::after {
    width: 10px;
    width: 5.3333333333vw;
    height: 10px;
    height: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-productList__btn.c-pageBtns_btn .is-shortArrow[target^=_blank]::after, #jtweb-main-content .c-productList__btn.c-pageBtns_btn .is-shortArrow[target^=_blank]::after {
    width: 30px;
    height: 30px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-productList__btn.c-pageBtns_btn .is-shortArrow[target^=_blank]::after, #jtweb-main-content .c-productList__btn.c-pageBtns_btn .is-shortArrow[target^=_blank]::after {
    width: 15px;
    width: 8vw;
    height: 15px;
    height: 8vw;
  }
}
#jtweb-category-content .c-colorBox, #jtweb-main-content .c-colorBox {
  border: 1px solid #ddd;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-colorBox, #jtweb-main-content .c-colorBox {
    font-size: 16px;
    padding: 30px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-colorBox, #jtweb-main-content .c-colorBox {
    font-size: 16px;
    font-size: 4.2666666667vw;
    padding: 10px;
    padding: 5.3333333333vw;
  }
}
#jtweb-category-content .c-colorBox__title, #jtweb-main-content .c-colorBox__title {
  font-weight: bold;
  line-height: 1.7;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-colorBox__title, #jtweb-main-content .c-colorBox__title {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-colorBox__title, #jtweb-main-content .c-colorBox__title {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-colorBox__title ~ .c-colorBox__title, #jtweb-main-content .c-colorBox__title ~ .c-colorBox__title {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-colorBox__title ~ .c-colorBox__title, #jtweb-main-content .c-colorBox__title ~ .c-colorBox__title {
    margin-top: 15px;
    margin-top: 8vw;
  }
}
#jtweb-category-content .c-colorBox__text, #jtweb-main-content .c-colorBox__text {
  line-height: 1.8;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-colorBox__text, #jtweb-main-content .c-colorBox__text {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-colorBox__text, #jtweb-main-content .c-colorBox__text {
    margin-top: 5px;
    margin-top: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-colorBox__cols, #jtweb-main-content .c-colorBox__cols {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-colorBox__cols, #jtweb-main-content .c-colorBox__cols {
    margin-top: 5px;
    margin-top: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-colorBox__col, #jtweb-main-content .c-colorBox__col {
    flex: 1 1 50%;
    max-width: 50%;
    padding-right: 1em;
  }
}
#jtweb-category-content .c-colorBox__address, #jtweb-main-content .c-colorBox__address {
  line-height: 1.8;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-colorBox__address, #jtweb-main-content .c-colorBox__address {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    min-height: 100%;
    margin-top: 15px;
    margin-bottom: -10px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-colorBox__address, #jtweb-main-content .c-colorBox__address {
    margin-top: 7.5px;
    margin-top: 4vw;
    margin-bottom: -5px;
    margin-bottom: -2.6666666667vw;
  }
}
#jtweb-category-content .c-colorBox__address__row, #jtweb-main-content .c-colorBox__address__row {
  display: flex;
  justify-content: stretch;
  align-items: stretch;
  width: 100%;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-colorBox__address__row, #jtweb-main-content .c-colorBox__address__row {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-colorBox__address__row, #jtweb-main-content .c-colorBox__address__row {
    margin-bottom: 5px;
    margin-bottom: 2.6666666667vw;
  }
}
#jtweb-category-content .c-colorBox__address__th, #jtweb-main-content .c-colorBox__address__th {
  display: flex;
  justify-content: stretch;
  align-items: stretch;
  flex-grow: 0;
  flex-shrink: 1;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-colorBox__address__th, #jtweb-main-content .c-colorBox__address__th {
    flex-basis: 138px;
    min-width: 138px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-colorBox__address__th, #jtweb-main-content .c-colorBox__address__th {
    flex-basis: 41px;
    flex-basis: 21.8666666667vw;
    min-width: 41px;
    min-width: 21.8666666667vw;
  }
}
#jtweb-category-content .c-colorBox__address__th + .c-colorBox__address__td::before, #jtweb-main-content .c-colorBox__address__th + .c-colorBox__address__td::before {
  content: "：";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}
#jtweb-category-content .c-colorBox__address__td, #jtweb-main-content .c-colorBox__address__td {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 100%;
  position: relative;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-colorBox__address__td, #jtweb-main-content .c-colorBox__address__td {
    width: calc(100% - 138px);
    padding-left: 1em;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-colorBox__address__td, #jtweb-main-content .c-colorBox__address__td {
    padding-left: 15px;
    padding-left: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-verticalUnit, #jtweb-main-content .p-verticalUnit {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-verticalUnit, #jtweb-main-content .p-verticalUnit {
    margin-top: 30px;
    margin-top: 16vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-verticalUnit .c-unit__img, #jtweb-main-content .p-verticalUnit .c-unit__img {
    position: relative;
    z-index: -1;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-verticalUnit .c-unit__img img, #jtweb-main-content .p-verticalUnit .c-unit__img img {
    max-width: 1050px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-verticalUnit .c-unit__img img, #jtweb-main-content .p-verticalUnit .c-unit__img img {
    width: 100%;
  }
}
#jtweb-category-content .p-verticalUnit .c-unit__body, #jtweb-main-content .p-verticalUnit .c-unit__body {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-verticalUnit .c-unit__body, #jtweb-main-content .p-verticalUnit .c-unit__body {
    max-width: 870px;
    margin-top: -90px;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-verticalUnit .c-unit__body.block-type-01, #jtweb-main-content .p-verticalUnit .c-unit__body.block-type-01 {
    padding: 40px 60px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-verticalUnit .c-unit__body.block-type-01, #jtweb-main-content .p-verticalUnit .c-unit__body.block-type-01 {
    padding: 15px;
    padding: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-verticalUnit .c-unit__body.block-type-02 .c-unit__warp, #jtweb-main-content .p-verticalUnit .c-unit__body.block-type-02 .c-unit__warp {
    width: 100%;
    padding: 45px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-verticalUnit .c-unit__body.block-type-02 .c-unit__warp, #jtweb-main-content .p-verticalUnit .c-unit__body.block-type-02 .c-unit__warp {
    padding: 15px;
    padding: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-categoryTitle + .p-verticalUnit, #jtweb-main-content .c-categoryTitle + .p-verticalUnit {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-categoryTitle + .p-verticalUnit, #jtweb-main-content .c-categoryTitle + .p-verticalUnit {
    margin-top: 20px;
    margin-top: 10.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-horizonUnits, #jtweb-main-content .p-horizonUnits {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-horizonUnits, #jtweb-main-content .p-horizonUnits {
    margin-top: 20px;
    margin-top: 10.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .c-categoryTitle + .p-horizonUnits, #jtweb-main-content .c-categoryTitle + .p-horizonUnits {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .c-categoryTitle + .p-horizonUnits, #jtweb-main-content .c-categoryTitle + .p-horizonUnits {
    margin-top: 20px;
    margin-top: 10.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-horizonUnit, #jtweb-main-content .p-horizonUnit {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    position: relative;
    z-index: 1;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-horizonUnit .c-unit, #jtweb-main-content .p-horizonUnit .c-unit {
    max-width: 510px;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-horizonUnit .c-unit__body.block-type-01, #jtweb-main-content .p-horizonUnit .c-unit__body.block-type-01 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex: 0 1 auto;
    width: 600px;
    min-height: 286px;
    margin-top: 20px;
    padding: 45px;
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-horizonUnit .c-unit__body.block-type-01, #jtweb-main-content .p-horizonUnit .c-unit__body.block-type-01 {
    padding: 15px;
    padding: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-horizonUnit .c-unit__body.block-type-01 .c-unit__warp, #jtweb-main-content .p-horizonUnit .c-unit__body.block-type-01 .c-unit__warp {
    flex: 0 1 auto;
    width: 100%;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-horizonUnit .c-unit__body.block-type-02, #jtweb-main-content .p-horizonUnit .c-unit__body.block-type-02 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 600px;
    min-height: 286px;
    margin-top: 20px;
    padding: 45px;
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-horizonUnit .c-unit__body.block-type-02, #jtweb-main-content .p-horizonUnit .c-unit__body.block-type-02 {
    padding: 15px;
    padding: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-horizonUnit .c-unit__body.block-type-02 .c-unit__head, #jtweb-main-content .p-horizonUnit .c-unit__body.block-type-02 .c-unit__head {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 165px;
    margin-right: 30px;
  }
}
#jtweb-category-content .p-horizonUnit .c-unit__body.block-type-02 .c-unit__head img, #jtweb-main-content .p-horizonUnit .c-unit__body.block-type-02 .c-unit__head img {
  width: 100%;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-horizonUnit .c-unit__body.block-type-02 .c-unit__head img, #jtweb-main-content .p-horizonUnit .c-unit__body.block-type-02 .c-unit__head img {
    max-width: 165px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-horizonUnit .c-unit__body.block-type-02 .c-unit__head img, #jtweb-main-content .p-horizonUnit .c-unit__body.block-type-02 .c-unit__head img {
    max-width: 100%;
  }
}
#jtweb-category-content .p-horizonUnit .c-unit__body.block-type-02 .c-unit__warp, #jtweb-main-content .p-horizonUnit .c-unit__body.block-type-02 .c-unit__warp {
  flex-grow: 0;
  flex-shrink: 1;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-horizonUnit .c-unit__body.block-type-02 .c-unit__warp, #jtweb-main-content .p-horizonUnit .c-unit__body.block-type-02 .c-unit__warp {
    flex-basis: auto;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-horizonUnit .c-unit__body.block-type-02 .c-unit__warp, #jtweb-main-content .p-horizonUnit .c-unit__body.block-type-02 .c-unit__warp {
    margin-top: 10px;
    margin-top: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-horizonUnit .c-unit__body.block-type-02 .btn-list .jtweb-elem-btn, #jtweb-main-content .p-horizonUnit .c-unit__body.block-type-02 .btn-list .jtweb-elem-btn {
    margin-left: 0;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-horizonUnit .c-unit__body.block-type-03, #jtweb-main-content .p-horizonUnit .c-unit__body.block-type-03 {
    width: 600px;
    min-height: 286px;
    margin-top: 20px;
    position: relative;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-horizonUnit .c-unit__body.block-type-03 .c-unit__warp, #jtweb-main-content .p-horizonUnit .c-unit__body.block-type-03 .c-unit__warp {
    width: 100%;
    padding: 45px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-horizonUnit .c-unit__body.block-type-03 .c-unit__warp, #jtweb-main-content .p-horizonUnit .c-unit__body.block-type-03 .c-unit__warp {
    padding: 15px;
    padding: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-horizonUnit .c-unit__img, #jtweb-main-content .p-horizonUnit .c-unit__img {
    max-width: 510px;
  }
}
#jtweb-category-content .p-horizonUnit .c-unit__img img, #jtweb-main-content .p-horizonUnit .c-unit__img img {
  width: 100%;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-horizonUnit.layout-type-01 .c-unit__body, #jtweb-main-content .p-horizonUnit.layout-type-01 .c-unit__body {
    order: -1;
    margin-right: -60px;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-horizonUnit.layout-type-02 .c-unit__body, #jtweb-main-content .p-horizonUnit.layout-type-02 .c-unit__body {
    margin-left: -60px;
  }
}
#jtweb-category-content .p-recommends, #jtweb-main-content .p-recommends {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-recommends, #jtweb-main-content .p-recommends {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-recommends, #jtweb-main-content .p-recommends {
    margin-top: 4px;
    margin-top: 2.1333333333vw;
  }
}
#jtweb-category-content .p-recommend, #jtweb-main-content .p-recommend {
  display: block;
  text-align: center;
  text-decoration: none;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-recommend, #jtweb-main-content .p-recommend {
    width: 100%;
  }
}
#jtweb-category-content .p-recommend:hover, #jtweb-main-content .p-recommend:hover {
  text-decoration: none;
}
#jtweb-category-content .p-recommend .p-recommend__text, #jtweb-main-content .p-recommend .p-recommend__text {
  display: block;
  width: 100%;
  max-width: 10em;
  max-height: 4em;
  line-height: 1.7;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-recommend .p-recommend__text, #jtweb-main-content .p-recommend .p-recommend__text {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-recommend .p-recommend__text, #jtweb-main-content .p-recommend .p-recommend__text {
    font-size: 20px;
    font-size: 5.3333333333vw;
  }
}
#jtweb-category-content .p-recommend.type-01, #jtweb-main-content .p-recommend.type-01 {
  flex: 0 1;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-recommend.type-01, #jtweb-main-content .p-recommend.type-01 {
    flex-basis: 540px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-recommend.type-01, #jtweb-main-content .p-recommend.type-01 {
    flex-basis: 270px;
    flex-basis: 144vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-recommend.type-01 .p-recommend__picture, #jtweb-main-content .p-recommend.type-01 .p-recommend__picture {
    max-width: 510px;
  }
}
#jtweb-category-content .p-recommend.type-01 .p-recommend__text, #jtweb-main-content .p-recommend.type-01 .p-recommend__text {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 53%;
  z-index: 2;
  transform: translateY(-50%);
}
#jtweb-category-content .p-recommend.type-02, #jtweb-main-content .p-recommend.type-02 {
  flex: 0 1;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-recommend.type-02, #jtweb-main-content .p-recommend.type-02 {
    flex-basis: 270px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-recommend.type-02, #jtweb-main-content .p-recommend.type-02 {
    flex-basis: 135px;
    flex-basis: 72vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-recommend.type-02 .p-recommend__picture, #jtweb-main-content .p-recommend.type-02 .p-recommend__picture {
    width: 240px;
  }
}
#jtweb-category-content .p-recommend.type-02 .p-recommend__text, #jtweb-main-content .p-recommend.type-02 .p-recommend__text {
  background: #fff;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-recommend.type-02 .p-recommend__text, #jtweb-main-content .p-recommend.type-02 .p-recommend__text {
    padding: 8px 0;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-recommend.type-02 .p-recommend__text, #jtweb-main-content .p-recommend.type-02 .p-recommend__text {
    padding: 4px 0px;
    padding: 2.1333333333vw 0vw;
  }
}
#jtweb-category-content .p-recommend.type-03, #jtweb-main-content .p-recommend.type-03 {
  flex: 0 1;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-recommend.type-03, #jtweb-main-content .p-recommend.type-03 {
    flex-basis: 270px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-recommend.type-03, #jtweb-main-content .p-recommend.type-03 {
    flex-basis: 135px;
    flex-basis: 72vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-recommend.type-03 .p-recommend__picture, #jtweb-main-content .p-recommend.type-03 .p-recommend__picture {
    width: 240px;
  }
}
#jtweb-category-content .p-recommend.type-03 .p-recommend__text, #jtweb-main-content .p-recommend.type-03 .p-recommend__text {
  color: #fff;
  position: absolute;
  top: 2em;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%);
}
#jtweb-category-content .p-recommend img, #jtweb-main-content .p-recommend img {
  max-width: 100%;
  position: relative;
  z-index: -1;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-noteLinks, #jtweb-main-content .p-noteLinks {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 17px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-noteLinks, #jtweb-main-content .p-noteLinks {
    margin-top: 10px;
    margin-top: 5.3333333333vw;
  }
}
#jtweb-category-content .p-noteLink__note, #jtweb-main-content .p-noteLink__note {
  line-height: 1.8;
  color: #7F7F7F;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-noteLink__note, #jtweb-main-content .p-noteLink__note {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-noteLink__note, #jtweb-main-content .p-noteLink__note {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#jtweb-category-content .p-noteLink__link, #jtweb-main-content .p-noteLink__link {
  line-height: 1.8;
  flex: 0 1 auto;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-noteLink__link, #jtweb-main-content .p-noteLink__link {
    font-size: 16px;
    margin-left: 20px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-noteLink__link, #jtweb-main-content .p-noteLink__link {
    font-size: 16px;
    font-size: 4.2666666667vw;
    text-align: right;
    margin-top: 5px;
    margin-top: 2.6666666667vw;
    margin-left: 10px;
    margin-left: 5.3333333333vw;
  }
}
#jtweb-category-content .p-noteLink__link a, #jtweb-main-content .p-noteLink__link a {
  display: block;
}
#jtweb-category-content .p-noteLink__link a::after, #jtweb-main-content .p-noteLink__link a::after {
  content: "";
  display: inline-block;
  background: url(/assets/img/component/arrow_right.svg) no-repeat right center;
  vertical-align: middle;
  transform: translateY(-50%);
  width: 20px;
  height: 6px;
  margin-left: 5px;
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-noteLink__link a::after, #jtweb-main-content .p-noteLink__link a::after {
    width: 10px;
    width: 5.3333333333vw;
    height: 3px;
    height: 1.6vw;
    margin-left: 2.5px;
    margin-left: 1.3333333333vw;
  }
}
#jtweb-category-content .p-bottomBanners, #jtweb-main-content .p-bottomBanners {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-bottomBanners, #jtweb-main-content .p-bottomBanners {
    max-width: 1050px;
  }
}
#jtweb-category-content .p-bottomBanner__list, #jtweb-main-content .p-bottomBanner__list {
  display: inherit;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: inherit;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-bottomBanner__list, #jtweb-main-content .p-bottomBanner__list {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -20px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-bottomBanner__list, #jtweb-main-content .p-bottomBanner__list {
    width: 100%;
    margin-bottom: -7.5px;
    margin-bottom: -4vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-bottomBanner__item, #jtweb-main-content .p-bottomBanner__item {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-bottomBanner__item, #jtweb-main-content .p-bottomBanner__item {
    width: 100%;
    margin-bottom: 7.5px;
    margin-bottom: 4vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-bottomBanner__item img, #jtweb-main-content .p-bottomBanner__item img {
    max-height: 96px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-bottomBanner__item img, #jtweb-main-content .p-bottomBanner__item img {
    width: 100%;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-newsUnits, #jtweb-main-content .p-newsUnits {
    display: flex;
    margin-top: 40px;
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: -30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1049px) {
  #jtweb-category-content .p-newsUnits, #jtweb-main-content .p-newsUnits {
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-newsUnits, #jtweb-main-content .p-newsUnits {
    margin-top: 15px;
    margin-top: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-newsUnit, #jtweb-main-content .p-newsUnit {
    max-width: 240px;
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-newsUnit + .p-newsUnit, #jtweb-main-content .p-newsUnit + .p-newsUnit {
    margin-top: 10px;
    margin-top: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-newsUnit__wrap, #jtweb-main-content .p-newsUnit__wrap {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-newsUnit__wrap, #jtweb-main-content .p-newsUnit__wrap {
    display: flex;
  }
}
#jtweb-category-content .p-newsUnit__link, #jtweb-main-content .p-newsUnit__link {
  text-decoration: none;
}
#jtweb-category-content .p-newsUnit__head, #jtweb-main-content .p-newsUnit__head {
  flex-grow: 0;
  flex-shrink: 1;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-newsUnit__head, #jtweb-main-content .p-newsUnit__head {
    flex-basis: auto;
    max-width: 240px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-newsUnit__head, #jtweb-main-content .p-newsUnit__head {
    margin-right: 7.5px;
    margin-right: 4vw;
    flex-basis: 100%;
  }
}
#jtweb-category-content .p-newsUnit__head img, #jtweb-main-content .p-newsUnit__head img {
  width: 100%;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-newsUnit__head img, #jtweb-main-content .p-newsUnit__head img {
    max-width: 240px;
    height: auto;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-newsUnit__body, #jtweb-main-content .p-newsUnit__body {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-newsUnit__body, #jtweb-main-content .p-newsUnit__body {
    flex: 1 1 100%;
  }
}
#jtweb-category-content .p-newsUnit__date, #jtweb-main-content .p-newsUnit__date {
  line-height: 1.8;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-newsUnit__date, #jtweb-main-content .p-newsUnit__date {
    flex: 1 1 auto;
    font-size: 13px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-newsUnit__date, #jtweb-main-content .p-newsUnit__date {
    font-size: 13px;
    font-size: 3.4666666667vw;
  }
}
#jtweb-category-content .p-newsUnit__label, #jtweb-main-content .p-newsUnit__label {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 1 auto;
  color: #fff;
  line-height: 1;
  text-decoration: none;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-newsUnit__label, #jtweb-main-content .p-newsUnit__label {
    width: 116px;
    height: 18px;
    font-size: 10px;
    border-radius: 9px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-newsUnit__label, #jtweb-main-content .p-newsUnit__label {
    width: 58px;
    width: 30.9333333333vw;
    min-height: 7.5px;
    min-height: 4vw;
    font-size: 10px;
    font-size: 2.6666666667vw;
    padding-top: 0.5px;
    padding-top: 0.2666666667vw;
    padding-bottom: 1px;
    padding-bottom: 0.5333333333vw;
    margin-top: 2.5px;
    margin-top: 1.3333333333vw;
    border-radius: 4.5px;
    border-radius: 2.4vw;
  }
}
#jtweb-category-content .p-newsUnit__label.label-type-01, #jtweb-main-content .p-newsUnit__label.label-type-01 {
  background: linear-gradient(to right, #00ae68, #3faea5);
}
#jtweb-category-content .p-newsUnit__label.label-type-02, #jtweb-main-content .p-newsUnit__label.label-type-02 {
  background: linear-gradient(to right, #95B708, #58c383);
}
#jtweb-category-content .p-newsUnit__label.label-type-03, #jtweb-main-content .p-newsUnit__label.label-type-03 {
  background: linear-gradient(to right, #1c8bdd, #7e83e8);
}
#jtweb-category-content .p-newsUnit__label.label-type-04, #jtweb-main-content .p-newsUnit__label.label-type-04 {
  background: linear-gradient(to right, #d16618, #ef6e86);
}
#jtweb-category-content .p-newsUnit__label.label-type-05, #jtweb-main-content .p-newsUnit__label.label-type-05 {
  background: linear-gradient(to right, #eaa21B, #ff8d6f);
}
#jtweb-category-content .p-newsUnit__label.label-type-06, #jtweb-main-content .p-newsUnit__label.label-type-06 {
  background: linear-gradient(to right, #7442c3, #a45faf);
}
#jtweb-category-content .p-newsUnit__label.label-type-07, #jtweb-main-content .p-newsUnit__label.label-type-07 {
  background: linear-gradient(to right, #2bc0c6, #6ea0e5);
}
#jtweb-category-content .p-newsUnit__label.label-type-08, #jtweb-main-content .p-newsUnit__label.label-type-08 {
  background: linear-gradient(to right, #008650, #3a88a5);
}
#jtweb-category-content .p-newsUnit__text, #jtweb-main-content .p-newsUnit__text {
  line-height: 1.8;
  text-decoration: underline;
  text-decoration-thickness: 1px !important;
  color: #333;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-newsUnit__text, #jtweb-main-content .p-newsUnit__text {
    font-size: 14px;
    margin-top: 15px;
    flex: 0 1 100%;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-newsUnit__text, #jtweb-main-content .p-newsUnit__text {
    font-size: 14px;
    font-size: 3.7333333333vw;
    margin-top: 2.5px;
    margin-top: 1.3333333333vw;
  }
}
#jtweb-category-content .p-newsUnit__link:hover .p-newsUnit__text, #jtweb-main-content .p-newsUnit__link:hover .p-newsUnit__text {
  text-decoration: none;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-recruitUnit-type-01 .c-acceptUnit__container[class*=column-], #jtweb-main-content .p-recruitUnit-type-01 .c-acceptUnit__container[class*=column-] {
    display: flex;
    flex-wrap: wrap;
  }
}
#jtweb-category-content .p-recruitUnit-type-01 .c-acceptUnit__container[class*=column-] .c-acceptUnit__body, #jtweb-main-content .p-recruitUnit-type-01 .c-acceptUnit__container[class*=column-] .c-acceptUnit__body {
  width: 100%;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-recruitUnit-type-01 .c-acceptUnit__container[class*=column-] .c-acceptUnit__body, #jtweb-main-content .p-recruitUnit-type-01 .c-acceptUnit__container[class*=column-] .c-acceptUnit__body {
    border-width: 0 1px 1px 0;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-recruitUnit-type-01 .c-acceptUnit__container[class*=column-] .c-acceptUnit__body, #jtweb-main-content .p-recruitUnit-type-01 .c-acceptUnit__container[class*=column-] .c-acceptUnit__body {
    border-width: 0 1px 1px 1px;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-recruitUnit-type-01 .c-acceptUnit__container.column-2 .c-acceptUnit__body, #jtweb-main-content .p-recruitUnit-type-01 .c-acceptUnit__container.column-2 .c-acceptUnit__body {
    max-width: 525px;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-recruitUnit-type-01 .c-acceptUnit__container.column-2 .c-acceptUnit__body + .c-acceptUnit__body, #jtweb-main-content .p-recruitUnit-type-01 .c-acceptUnit__container.column-2 .c-acceptUnit__body + .c-acceptUnit__body {
    max-width: 525px;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-recruitUnit-type-01 .c-acceptUnit__container.column-2 .c-acceptUnit__body:nth-child(2n-1), #jtweb-main-content .p-recruitUnit-type-01 .c-acceptUnit__container.column-2 .c-acceptUnit__body:nth-child(2n-1) {
    border-width: 0 1px 1px 1px;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-recruitUnit-type-01 .c-acceptUnit__container.column-3 .c-acceptUnit__body, #jtweb-main-content .p-recruitUnit-type-01 .c-acceptUnit__container.column-3 .c-acceptUnit__body {
    max-width: 350px;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-recruitUnit-type-01 .c-acceptUnit__container.column-3 .c-acceptUnit__body + .c-acceptUnit__body, #jtweb-main-content .p-recruitUnit-type-01 .c-acceptUnit__container.column-3 .c-acceptUnit__body + .c-acceptUnit__body {
    max-width: 350px;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-recruitUnit-type-01 .c-acceptUnit__container.column-3 .c-acceptUnit__body:nth-child(3n+1), #jtweb-main-content .p-recruitUnit-type-01 .c-acceptUnit__container.column-3 .c-acceptUnit__body:nth-child(3n+1) {
    border-width: 0 1px 1px 1px;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-recruitUnit-type-02 .c-acceptUnit, #jtweb-main-content .p-recruitUnit-type-02 .c-acceptUnit {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
  }
}
#jtweb-category-content .p-recruitUnit-type-02 .c-acceptUnit__body, #jtweb-main-content .p-recruitUnit-type-02 .c-acceptUnit__body {
  height: 100%;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-recruitUnit-type-02 .c-acceptUnit__body, #jtweb-main-content .p-recruitUnit-type-02 .c-acceptUnit__body {
    border-width: 1px 1px 1px 0;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-recruitUnit-type-02 .c-acceptUnit__body, #jtweb-main-content .p-recruitUnit-type-02 .c-acceptUnit__body {
    border-width: 1px;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-modificaUnit, #jtweb-main-content .p-modificaUnit {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    min-width: 1140px;
    margin-top: 60px;
    position: relative;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  #jtweb-category-content .p-modificaUnit, #jtweb-main-content .p-modificaUnit {
    overflow: hidden;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-modificaUnit, #jtweb-main-content .p-modificaUnit {
    margin-top: 30px;
    margin-top: 16vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-modificaUnit .p-modificaUnit__img, #jtweb-main-content .p-modificaUnit .p-modificaUnit__img {
    flex: 0 1 475px;
    width: 475px;
    position: absolute;
    top: 0;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-modificaUnit .p-modificaUnit__img, #jtweb-main-content .p-modificaUnit .p-modificaUnit__img {
    margin-top: 15px;
    margin-top: 8vw;
  }
}
#jtweb-category-content .p-modificaUnit .p-modificaUnit__img img, #jtweb-main-content .p-modificaUnit .p-modificaUnit__img img {
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-modificaUnit .p-modificaUnit__img img, #jtweb-main-content .p-modificaUnit .p-modificaUnit__img img {
    width: 100%;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-modificaUnit.layout-type-01 .p-modificaUnit__img, #jtweb-main-content .p-modificaUnit.layout-type-01 .p-modificaUnit__img {
    order: 2;
    right: 0;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-modificaUnit.layout-type-02 .p-modificaUnit__img, #jtweb-main-content .p-modificaUnit.layout-type-02 .p-modificaUnit__img {
    left: -90px;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-modificaUnit .p-modificaUnit__body, #jtweb-main-content .p-modificaUnit .p-modificaUnit__body {
    flex: 0 1 600px;
    width: 600px;
    max-width: 600px;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-modificaUnit.layout-type-02 .p-modificaUnit__body, #jtweb-main-content .p-modificaUnit.layout-type-02 .p-modificaUnit__body {
    margin-left: 450px;
  }
}
#jtweb-category-content .p-modificaUnit .c-productLists__title, #jtweb-main-content .p-modificaUnit .c-productLists__title {
  font-weight: bold;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-modificaUnit .c-productLists__title, #jtweb-main-content .p-modificaUnit .c-productLists__title {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-modificaUnit .c-productLists__title, #jtweb-main-content .p-modificaUnit .c-productLists__title {
    font-size: 20px;
    font-size: 5.3333333333vw;
    line-height: 1.7;
    text-align: center;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-modificaUnit .c-productLists, #jtweb-main-content .p-modificaUnit .c-productLists {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-modificaUnit .c-productLists, #jtweb-main-content .p-modificaUnit .c-productLists {
    margin-top: 15px;
    margin-top: 8vw;
  }
}
#jtweb-category-content .p-tobaccoUnits, #jtweb-main-content .p-tobaccoUnits {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-tobaccoUnit, #jtweb-main-content .p-tobaccoUnit {
    flex: 0 1 510px;
    width: 510px;
  }
}
#jtweb-category-content .p-tobaccoUnit:nth-of-type(n + 2), #jtweb-main-content .p-tobaccoUnit:nth-of-type(n + 2) {
  margin-top: 0;
}
#jtweb-category-content .p-tobaccoUnit:nth-of-type(n + 3), #jtweb-main-content .p-tobaccoUnit:nth-of-type(n + 3) {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-tobaccoUnit + .p-tobaccoUnit, #jtweb-main-content .p-tobaccoUnit + .p-tobaccoUnit {
    margin-top: 20px;
    margin-top: 10.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-tobaccoUnit .c-unit__img, #jtweb-main-content .p-tobaccoUnit .c-unit__img {
    width: 480px;
  }
}
#jtweb-category-content .p-tobaccoUnit .c-unit__img img, #jtweb-main-content .p-tobaccoUnit .c-unit__img img {
  max-width: 100%;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-tobaccoUnit .c-unit__body, #jtweb-main-content .p-tobaccoUnit .c-unit__body {
    width: 420px;
    margin-top: -60px;
    margin-right: 0;
    margin-left: auto;
    position: relative;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-tobaccoUnit .c-unit__warp, #jtweb-main-content .p-tobaccoUnit .c-unit__warp {
    padding: 30px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-tobaccoUnit .c-unit__warp, #jtweb-main-content .p-tobaccoUnit .c-unit__warp {
    padding: 15px;
    padding: 8vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1049px) {
  #jtweb-category-content .p-mannerBtns, #jtweb-main-content .p-mannerBtns {
    width: calc(100% + 30px);
  }
}
#jtweb-category-content .p-mannerBtns .c-pageBtns_btn a, #jtweb-main-content .p-mannerBtns .c-pageBtns_btn a {
  background-color: transparent;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-mannerBtn__usually, #jtweb-main-content .p-mannerBtn__usually {
    width: 150px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-mannerBtn__usually, #jtweb-main-content .p-mannerBtn__usually {
    width: 52.5px;
    width: 28vw;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-mannerBtn__usually a, #jtweb-main-content .p-mannerBtn__usually a {
    padding-left: 1.7em;
    padding-right: 1.7em;
  }
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .p-mannerBtn__wide, #jtweb-main-content .p-mannerBtn__wide {
    width: 330px;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .p-mannerBtn__wide, #jtweb-main-content .p-mannerBtn__wide {
    width: 172.5px;
    width: 92vw;
  }
}
#jtweb-category-content .u-bg-gray, #jtweb-main-content .u-bg-gray {
  background-color: #F1F4F3 !important;
}
#jtweb-category-content .u-bg-white, #jtweb-main-content .u-bg-white {
  background-color: #fff !important;
}
#jtweb-category-content .u-bg-lightGray, #jtweb-main-content .u-bg-lightGray {
  background-color: #e8ebf0 !important;
}
#jtweb-category-content .u-color-gray, #jtweb-main-content .u-color-gray {
  color: #7f7f7f !important;
}
@media screen and (min-width: 768px), print {
  #jtweb-category-content .u-color-gray--pc, #jtweb-main-content .u-color-gray--pc {
    color: #7f7f7f !important;
  }
}
@media screen and (max-width: 767px) {
  #jtweb-category-content .u-color-gray--sp, #jtweb-main-content .u-color-gray--sp {
    color: #7f7f7f !important;
  }
}
#jtweb-category-content .u-border-gray, #jtweb-main-content .u-border-gray {
  border: 1px solid #bfc4cd !important;
}
#jtweb-category-content .u-borderColor-gray, #jtweb-main-content .u-borderColor-gray {
  border-color: #bfc4cd !important;
}

@keyframes icon-arrow {
  100% {
    background-position: 0 -288px;
  }
}
@keyframes icon-arrow-short {
  100% {
    background-position: 0 -180px;
  }
}
@keyframes icon-blank {
  100% {
    background-position: 0 -480px;
  }
}
@keyframes icon-blank-short {
  100% {
    background-position: 0 -450px;
  }
}
@keyframes icon-back {
  100% {
    background-position: 0 -288px;
  }
}
@keyframes icon-anchorlink {
  100% {
    background-position: 0 -288px;
  }
}
@keyframes icon-zoom {
  100% {
    background-position: 0 -352px;
  }
}
@keyframes icon-download {
  100% {
    background-position: 0 -448px;
  }
}
@keyframes icon-menu-list {
  100% {
    background-position: 0 -320px;
  }
}
@keyframes icon-hamburger {
  100% {
    background-position: 0 -480px;
  }
}
.p-top_cookie-agreement {
  position: fixed;
  z-index: 100000;
  background-color: #056740;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px), print {
  .p-top_cookie-agreement {
    bottom: 24px;
    left: 24px;
    right: 24px;
    border-radius: 8px;
    padding: 12px 30px;
    flex-direction: row;
    gap: 24px;
    box-shadow: 0px 16px 16px rgba(7, 103, 64, 0.2);
    backdrop-filter: blur(20px);
    --webkit-backdrop-filter: blur(20px);
  }
}
@media screen and (max-width: 767px) {
  .p-top_cookie-agreement {
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 2.1333333333vw 2.1333333333vw 0 0;
    flex-direction: column;
    padding: 6.4vw 6.4vw 4.2666666667vw;
    gap: 4.2666666667vw;
    box-shadow: 0px 4.2666666667vw 4.2666666667vw rgba(7, 103, 64, 0.2);
    backdrop-filter: blur(5.3333333333vw);
    --webkit-backdrop-filter: blur(vw(20));
  }
}
@media print {
  .p-top_cookie-agreement {
    display: none;
  }
}

.p-top_cookie-agreement_text {
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #FFF;
  flex: 1;
}
@media screen and (min-width: 768px), print {
  .p-top_cookie-agreement_text {
    font-size: 14px;
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .p-top_cookie-agreement_text {
    font-size: 3.2vw;
    text-align: center;
  }
}
.p-top_cookie-agreement_text a {
  text-decoration-color: #FFF !important;
}

.p-top_cookie-agreement_link a {
  display: grid !important;
  place-items: center;
  background-color: #FFF;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #056740;
  text-decoration: none;
}
@media screen and (min-width: 768px), print {
  .p-top_cookie-agreement_link a {
    padding: 0 16px;
    min-height: 48px;
    border-radius: 24px;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .p-top_cookie-agreement_link a {
    padding: 0 4.2666666667vw;
    min-height: 12.8vw;
    border-radius: 6.4vw;
    font-size: 3.7333333333vw;
  }
}

.p-top_cookie-agreement_close {
  position: absolute;
  z-index: 1;
  line-height: 0;
}
@media screen and (min-width: 768px), print {
  .p-top_cookie-agreement_close {
    top: 4px;
    right: 4px;
  }
}
@media screen and (max-width: 767px) {
  .p-top_cookie-agreement_close {
    top: 1.0666666667vw;
    right: 1.0666666667vw;
  }
}
.p-top_cookie-agreement_close a {
  position: relative;
  z-index: 0;
  display: inline-block !important;
  background-color: #F1F4F3;
  border-radius: 50%;
}
@media screen and (min-width: 768px), print {
  .p-top_cookie-agreement_close a {
    width: 16px;
    height: 16px;
  }
}
@media screen and (max-width: 767px) {
  .p-top_cookie-agreement_close a {
    width: 4.2666666667vw;
    height: 4.2666666667vw;
  }
}
.p-top_cookie-agreement_close a::before, .p-top_cookie-agreement_close a::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  z-index: 1;
  background: #056740;
}
@media screen and (min-width: 768px), print {
  .p-top_cookie-agreement_close a::before, .p-top_cookie-agreement_close a::after {
    width: 10px;
    height: 2px;
  }
}
@media screen and (max-width: 767px) {
  .p-top_cookie-agreement_close a::before, .p-top_cookie-agreement_close a::after {
    width: 2.6666666667vw;
    height: 0.5333333333vw;
  }
}
.p-top_cookie-agreement_close a::before {
  rotate: 45deg;
}
.p-top_cookie-agreement_close a::after {
  rotate: -45deg;
}

.p-cgi-form #jtweb-site-area-content {
  background-image: none !important;
}
.p-cgi-form .c-heading-lv1 {
  margin-top: 0 !important;
}
.p-cgi-form .c-paragraph a:visited, .p-cgi-form .p-cgi-form_btn-list-item a:visited {
  color: #404040 !important;
}
.p-cgi-form .c-paragraph a:hover, .p-cgi-form .p-cgi-form_btn-list-item a:hover {
  color: #404040 !important;
}

.p-cgi-form_btn-list {
  margin: 0 !important;
}
.p-cgi-form_btn-list li {
  padding: 0 !important;
}

.p-cgi-form_close {
  margin-top: 70px;
}

.p-cgi-form_btn-list-item {
  width: 100%;
}

.p-cgi-form_btn-list--address {
  margin: 0 !important;
}

@media screen and (min-width: 768px), print {
  .p-cgi-form_btn-list--address li {
    width: 180px;
  }
}
@media screen and (max-width: 767px) {
  .p-cgi-form_btn-list--address li {
    width: 100%;
  }
}

.p-cgi-form_btn-list--reset {
  margin: 0 !important;
}
@media screen and (min-width: 768px), print {
  .p-cgi-form_btn-list--reset li {
    width: 180px;
  }
}
@media screen and (max-width: 767px) {
  .p-cgi-form_btn-list--reset li {
    width: 38%;
  }
}
.p-cgi-form_btn-list--reset .p-cgi-form_btn-list-link {
  border: none !important;
}
.p-cgi-form_btn-list--reset .p-cgi-form_btn-list-link span {
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .p-cgi-form_btn-list--reset .p-cgi-form_btn-list-link {
    padding-left: 0 !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }
}

@media screen and (min-width: 768px), print {
  .p-cgi-form_steps {
    padding: 30px 0 46px;
  }
}
@media screen and (max-width: 767px) {
  .p-cgi-form_steps {
    padding: 15px 0 46px;
  }
}
.p-cgi-form_steps img {
  width: 100%;
}

.grecaptcha-badge {
  z-index: 10;
}

.p-cms-tableImg-pc,
.p-cms-tableImg-sp {
  display: none;
  margin-top: 30px;
}

@media (min-width: 768px) {
  .p-cms-tableImg + .p-cms-tableImg {
    margin-top: 30px;
  }
  .p-cms-tableImg-pc {
    display: block;
  }
}
@media (max-width: 767px) {
  .p-cms-tableImg {
    overflow: scroll;
  }
  .p-cms-tableImg + .p-cms-tableImg {
    margin-top: 5vw;
  }
  .p-cms-tableImg span {
    display: inline-block;
  }
  .p-cms-tableImg-large span {
    width: 190vw;
  }
  .p-cms-tableImg-large .p-cms-tableImg-pc {
    display: block;
  }
  .p-cms-tableImg-small .p-cms-tableImg-sp {
    display: inline-block;
    width: 100%;
  }
}
@media screen and (min-width: 768px), print {
  .personalize-area .personalize-area_row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .personalize-area .personalize-area_row {
    width: 100%;
  }
}
@media screen and (min-width: 768px), print {
  .personalize-area .personalize-area_col {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .personalize-area .personalize-area_col {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px), print {
  .personalize-area .personalize-area_item {
    width: 50%;
  }
}
.personalize-area .personalize-area_item.is-large {
  width: 100%;
}
.personalize-area .personalize-area_item.is-large.item01 img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .personalize-area .personalize-area_item.is-small {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .personalize-area .personalize-area_item.is-small img {
    width: 96.5%;
  }
}
.personalize-area .personalize-area_item.is-small.item01 img {
  width: 100%;
}
.personalize-area .personalize-area_item.is-small.item02 img {
  width: 100%;
}

.kokoro-note-type5 {
  /**
   * Swiper 8.4.7
   * Most modern mobile touch slider and framework with hardware accelerated transitions
   * https://swiperjs.com
   *
   * Copyright 2014-2023 Vladimir Kharlampidi
   *
   * Released under the MIT License
   *
   * Released on: January 30, 2023
   */
}
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
.kokoro-note-type5 :root {
  --swiper-theme-color:#007aff;
}
.kokoro-note-type5 .swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.kokoro-note-type5 .swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.kokoro-note-type5 .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.kokoro-note-type5 .swiper-android .swiper-slide, .kokoro-note-type5 .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.kokoro-note-type5 .swiper-pointer-events {
  touch-action: pan-y;
}
.kokoro-note-type5 .swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}
.kokoro-note-type5 .swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.kokoro-note-type5 .swiper-slide-invisible-blank {
  visibility: hidden;
}
.kokoro-note-type5 .swiper-autoheight, .kokoro-note-type5 .swiper-autoheight .swiper-slide {
  height: auto;
}
.kokoro-note-type5 .swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.kokoro-note-type5 .swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.kokoro-note-type5 .swiper-3d, .kokoro-note-type5 .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.kokoro-note-type5 .swiper-3d .swiper-cube-shadow, .kokoro-note-type5 .swiper-3d .swiper-slide, .kokoro-note-type5 .swiper-3d .swiper-slide-shadow, .kokoro-note-type5 .swiper-3d .swiper-slide-shadow-bottom, .kokoro-note-type5 .swiper-3d .swiper-slide-shadow-left, .kokoro-note-type5 .swiper-3d .swiper-slide-shadow-right, .kokoro-note-type5 .swiper-3d .swiper-slide-shadow-top, .kokoro-note-type5 .swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.kokoro-note-type5 .swiper-3d .swiper-slide-shadow, .kokoro-note-type5 .swiper-3d .swiper-slide-shadow-bottom, .kokoro-note-type5 .swiper-3d .swiper-slide-shadow-left, .kokoro-note-type5 .swiper-3d .swiper-slide-shadow-right, .kokoro-note-type5 .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.kokoro-note-type5 .swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.kokoro-note-type5 .swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.kokoro-note-type5 .swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.kokoro-note-type5 .swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.kokoro-note-type5 .swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.kokoro-note-type5 .swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.kokoro-note-type5 .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.kokoro-note-type5 .swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.kokoro-note-type5 .swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.kokoro-note-type5 .swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.kokoro-note-type5 .swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.kokoro-note-type5 .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.kokoro-note-type5 .swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.kokoro-note-type5 .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.kokoro-note-type5 .swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.kokoro-note-type5 .swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.kokoro-note-type5 .swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.kokoro-note-type5 .swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.kokoro-note-type5 .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.kokoro-note-type5 .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}
.kokoro-note-type5 :root {
  --swiper-navigation-size:44px;
}
.kokoro-note-type5 .swiper-button-next, .kokoro-note-type5 .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.kokoro-note-type5 .swiper-button-next.swiper-button-disabled, .kokoro-note-type5 .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.kokoro-note-type5 .swiper-button-next.swiper-button-hidden, .kokoro-note-type5 .swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.kokoro-note-type5 .swiper-navigation-disabled .swiper-button-next, .kokoro-note-type5 .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}
.kokoro-note-type5 .swiper-button-next:after, .kokoro-note-type5 .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.kokoro-note-type5 .swiper-button-prev, .kokoro-note-type5 .swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.kokoro-note-type5 .swiper-button-prev:after, .kokoro-note-type5 .swiper-rtl .swiper-button-next:after {
  content: "prev";
}
.kokoro-note-type5 .swiper-button-next, .kokoro-note-type5 .swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.kokoro-note-type5 .swiper-button-next:after, .kokoro-note-type5 .swiper-rtl .swiper-button-prev:after {
  content: "next";
}
.kokoro-note-type5 .swiper-button-lock {
  display: none;
}
.kokoro-note-type5 .swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.kokoro-note-type5 .swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.kokoro-note-type5 .swiper-pagination-disabled > .swiper-pagination, .kokoro-note-type5 .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
.kokoro-note-type5 .swiper-horizontal > .swiper-pagination-bullets, .kokoro-note-type5 .swiper-pagination-bullets.swiper-pagination-horizontal, .kokoro-note-type5 .swiper-pagination-custom, .kokoro-note-type5 .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.kokoro-note-type5 .swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.kokoro-note-type5 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.kokoro-note-type5 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.kokoro-note-type5 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.kokoro-note-type5 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.kokoro-note-type5 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.kokoro-note-type5 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.kokoro-note-type5 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.kokoro-note-type5 .swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
.kokoro-note-type5 button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}
.kokoro-note-type5 .swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.kokoro-note-type5 .swiper-pagination-bullet:only-child {
  display: none !important;
}
.kokoro-note-type5 .swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.kokoro-note-type5 .swiper-pagination-vertical.swiper-pagination-bullets, .kokoro-note-type5 .swiper-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.kokoro-note-type5 .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .kokoro-note-type5 .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.kokoro-note-type5 .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .kokoro-note-type5 .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.kokoro-note-type5 .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .kokoro-note-type5 .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}
.kokoro-note-type5 .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .kokoro-note-type5 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.kokoro-note-type5 .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .kokoro-note-type5 .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.kokoro-note-type5 .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .kokoro-note-type5 .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}
.kokoro-note-type5 .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}
.kokoro-note-type5 .swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.kokoro-note-type5 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.kokoro-note-type5 .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.kokoro-note-type5 .swiper-horizontal > .swiper-pagination-progressbar, .kokoro-note-type5 .swiper-pagination-progressbar.swiper-pagination-horizontal, .kokoro-note-type5 .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .kokoro-note-type5 .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.kokoro-note-type5 .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .kokoro-note-type5 .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .kokoro-note-type5 .swiper-pagination-progressbar.swiper-pagination-vertical, .kokoro-note-type5 .swiper-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.kokoro-note-type5 .swiper-pagination-lock {
  display: none;
}
.kokoro-note-type5 .swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.kokoro-note-type5 .swiper-scrollbar-disabled > .swiper-scrollbar, .kokoro-note-type5 .swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.kokoro-note-type5 .swiper-horizontal > .swiper-scrollbar, .kokoro-note-type5 .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.kokoro-note-type5 .swiper-scrollbar.swiper-scrollbar-vertical, .kokoro-note-type5 .swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.kokoro-note-type5 .swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.kokoro-note-type5 .swiper-scrollbar-cursor-drag {
  cursor: move;
}
.kokoro-note-type5 .swiper-scrollbar-lock {
  display: none;
}
.kokoro-note-type5 .swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.kokoro-note-type5 .swiper-zoom-container > canvas, .kokoro-note-type5 .swiper-zoom-container > img, .kokoro-note-type5 .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.kokoro-note-type5 .swiper-slide-zoomed {
  cursor: move;
}
.kokoro-note-type5 .swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.kokoro-note-type5 .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .kokoro-note-type5 .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.kokoro-note-type5 .swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}
.kokoro-note-type5 .swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.kokoro-note-type5 .swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.kokoro-note-type5 .swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.kokoro-note-type5 .swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.kokoro-note-type5 .swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.kokoro-note-type5 .swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.kokoro-note-type5 .swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.kokoro-note-type5 .swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.kokoro-note-type5 .swiper-fade .swiper-slide-active, .kokoro-note-type5 .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.kokoro-note-type5 .swiper-cube {
  overflow: visible;
}
.kokoro-note-type5 .swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.kokoro-note-type5 .swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.kokoro-note-type5 .swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.kokoro-note-type5 .swiper-cube .swiper-slide-active, .kokoro-note-type5 .swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.kokoro-note-type5 .swiper-cube .swiper-slide-active, .kokoro-note-type5 .swiper-cube .swiper-slide-next, .kokoro-note-type5 .swiper-cube .swiper-slide-next + .swiper-slide, .kokoro-note-type5 .swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.kokoro-note-type5 .swiper-cube .swiper-slide-shadow-bottom, .kokoro-note-type5 .swiper-cube .swiper-slide-shadow-left, .kokoro-note-type5 .swiper-cube .swiper-slide-shadow-right, .kokoro-note-type5 .swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.kokoro-note-type5 .swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.kokoro-note-type5 .swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.kokoro-note-type5 .swiper-flip {
  overflow: visible;
}
.kokoro-note-type5 .swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.kokoro-note-type5 .swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.kokoro-note-type5 .swiper-flip .swiper-slide-active, .kokoro-note-type5 .swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.kokoro-note-type5 .swiper-flip .swiper-slide-shadow-bottom, .kokoro-note-type5 .swiper-flip .swiper-slide-shadow-left, .kokoro-note-type5 .swiper-flip .swiper-slide-shadow-right, .kokoro-note-type5 .swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.kokoro-note-type5 .swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}
.kokoro-note-type5 .swiper-cards {
  overflow: visible;
}
.kokoro-note-type5 .swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}