@charset "UTF-8";
/* ------------------------
  Page
------------------------ */
/*------------------------------------------
   1025 ~   - デスクトップ（デフォルトのグリッド）
   1024-768    - タブレット横長
   768-480     - タブレット縦長
   480-less    - スマホ
--------------------------------------------*/
/* ------------------------
  大カテゴリ
------------------------ */
#category-archive.new-archive {
  background-image: url(../images/common/new-archive-bg_sp.jpg);
}
@media screen and (min-width: 768px) {
  #category-archive.new-archive {
    background-image: url(../images/common/new-archive-bg_pc.jpg);
  }
}
#category-archive .section__inr {
  padding: 40px 15px 90px;
}
@media screen and (min-width: 1025px) {
  #category-archive .section__inr {
    padding: 88px 53px;
    width: 100%;
  }
}
#category-archive .category-archive__title {
  position: relative;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  margin: 0 0 32px;
}
@media screen and (min-width: 1025px) {
  #category-archive .category-archive__title {
    font-size: 24px;
    line-height: 1.5;
    margin: -8px 0 48px;
  }
}
#category-archive .category-archive__title:after {
  content: "";
  display: block;
  position: relative;
  bottom: 0;
  left: calc(50% - 40px);
  background-color: #444;
  width: 80px;
  height: 2px;
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  #category-archive .category-archive__title:after {
    left: calc(50% - 50px);
    width: 100px;
    margin-top: 20px;
  }
}
#category-archive .category-archive__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
}
@media screen and (min-width: 768px) {
  #category-archive .category-archive__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 60px 0;
  }
}
@media screen and (min-width: 768px) {
  #category-archive .category-archive__list .article-item {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  #category-archive .category-archive__list .article-item .article-item__top {
    margin-bottom: 15px;
  }
}
#category-archive .category-archive__list .article-item .cat-box {
  padding: 2px 9px;
}
@media screen and (min-width: 768px) {
  #category-archive .category-archive__list .article-item .cat-box {
    font-size: 1.2rem;
    padding: 4px 13px;
  }
}
@media screen and (min-width: 768px) {
  #category-archive .category-archive__list .article-item .article-item__tags {
    gap: 4px 8px;
  }
}
@media screen and (min-width: 768px) {
  #category-archive .category-archive__list .article-item:nth-child(odd) {
    padding-right: 19px;
  }
}
@media screen and (min-width: 768px) {
  #category-archive .category-archive__list .article-item:nth-child(even) {
    padding-left: 19px;
  }
}
#category-archive .pager-block {
  margin-top: 40px;
}
@media screen and (min-width: 1025px) {
  #category-archive .pager-block {
    margin-top: 87px;
  }
}

/* -----------------------
  Single
----------------------- */
.single-content-block {
  font-family: Hiragino Sans, "ヒラギノ角ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
  line-height: 1.6em;
  letter-spacing: 0.05em;
}
.single-content-block .single-content-block__top {
  width: 100%;
  padding: 0 15px;
}
@media screen and (min-width: 768px) {
  .single-content-block .single-content-block__top {
    min-width: 500px;
  }
}
@media screen and (min-width: 1025px) {
  .single-content-block .single-content-block__top {
    min-width: 670px;
    max-width: 930px;
    margin: 0;
    padding-left: 50px;
  }
}
@media screen and (min-width: 1366px) {
  .single-content-block .single-content-block__top {
    margin: 0 0 0 auto;
    padding-left: 0;
  }
}
.single-content-block .single-content-block__top .single-content-block__top__inr {
  border-bottom: 1px solid #DDD;
  padding: 0 0 20px;
}
@media screen and (min-width: 768px) {
  .single-content-block .single-content-block__top .single-content-block__top__inr {
    padding: 0 12px 12px;
    width: 100%;
  }
}
.single-content-block .single-content-block__title {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .single-content-block .single-content-block__title {
    font-size: 24px;
    margin-bottom: 10px;
  }
}
.single-content-block .single-content-block__title:last-child {
  margin-bottom: 0;
}
.single-content-block .single-content-block__title .pr-box {
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 0.2em;
  vertical-align: middle;
  margin: 5px auto 0 0;
}
@media screen and (min-width: 1025px) {
  .single-content-block .single-content-block__title .pr-box {
    margin: 0 0 0 5px;
  }
}
.single-content-block .single-content-block__subtitle {
  font-size: 15px;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .single-content-block .single-content-block__subtitle {
    font-size: 18px;
  }
}
.single-content-block .single-content-block__tax {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  margin-bottom: 15px;
}
.single-content-block .single-content-block__tax .cat-box {
  font-size: 13px;
  padding: 4px 10px;
}
.single-content-block .single-content-block__tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .single-content-block .single-content-block__tags {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 13px;
    gap: 4px 10px;
    padding-top: 0.3em;
  }
}
@media screen and (min-width: 768px) {
  .single-content-block .single-content-block__tags {
    gap: 10px 23px;
  }
}
.single-content-block .single-content-block__tags a:hover {
  text-decoration: underline;
}
.single-content-block .single-content-block__status {
  color: #555;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 5px 10px;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .single-content-block .single-content-block__status {
    font-size: 13px;
    gap: 5px 10px;
    margin-bottom: 25px;
  }
}
.single-content-block .single-content-block__status .archive-writer-name {
  margin-right: 10px;
}
@media screen and (max-width: 767px) {
  .single-content-block .single-content-block__status .archive-writer-name {
    width: 100%;
  }
}
.single-content-block .single-content-block__main {
  width: 100%;
  padding: 0 15px;
}
@media screen and (min-width: 768px) {
  .single-content-block .single-content-block__main {
    width: 100%;
    min-width: 500px;
  }
}
@media screen and (min-width: 1025px) {
  .single-content-block .single-content-block__main {
    min-width: 60px;
    max-width: 930px;
    margin: 0;
    padding-left: 50px;
  }
}
@media screen and (min-width: 1366px) {
  .single-content-block .single-content-block__main {
    margin: 0 0 0 auto;
    padding-left: 0;
  }
}
.single-content-block .single-content-block__main .single-content-block__main__inr {
  padding: 17px 0 60px;
}
@media screen and (min-width: 768px) {
  .single-content-block .single-content-block__main .single-content-block__main__inr {
    padding: 17px 12px 100px;
    width: 100%;
  }
}
.single-content-block .single-content-block__main .pager-block {
  margin-top: 50px;
}
@media screen and (min-width: 768px) {
  .single-content-block .single-content-block__main .pager-block {
    margin-top: 70px;
  }
}
.single-content-block .single-content-block__keyvisual {
  margin-top: 22px;
}
@media screen and (min-width: 768px) {
  .single-content-block .single-content-block__keyvisual {
    margin-top: 30px;
  }
}
.single-content-block .single-content-block__keyvisual img {
  height: auto;
  width: 100%;
}
.single-content-block .single-content-block__keyvisual figcaption {
  font-size: 12px;
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .single-content-block .single-content-block__keyvisual figcaption {
    font-size: 14px;
    margin-top: 15px;
  }
}
.single-content-block .single-content-block__keyvisual .single-content-block__keyvisual__btn {
  font-size: 16px;
  margin-top: 30px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .single-content-block .single-content-block__keyvisual .single-content-block__keyvisual__btn {
    margin-top: 35px;
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .single-content-block .single-content-block__keyvisual .single-content-block__keyvisual__btn .btn--has-arrow {
    max-width: 500px;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .single-content-block .single-content-block__keyvisual .single-content-block__keyvisual__btn .btn--has-arrow {
    min-width: 350px;
  }
}
.single-content-block .single-content-block__textbox {
  background-color: #F7F7F7;
  font-weight: 700;
  margin-top: 40px;
  padding: 20px;
}
@media screen and (min-width: 768px) {
  .single-content-block .single-content-block__textbox {
    margin-top: 60px;
    padding: 30px;
  }
}
.single-content-block .single-content-block__textbox p {
  margin-bottom: 1em;
}
.single-content-block .single-content-block__textbox-02 {
  background-color: #F7F7F7;
  margin-top: 20px;
  padding: 25px;
}
.single-content-block .single-content-block__gist {
  background-color: #F7F7F7;
  margin-top: 71px;
  padding: 25px;
}
@media screen and (min-width: 768px) {
  .single-content-block .single-content-block__gist {
    padding: 25px 40px;
  }
}
.single-content-block .single-content-block__gist p {
  font-weight: 700;
  padding-top: 0;
}
.single-content-block .single-content-block__gist a {
  display: inline-block;
  margin-top: 1em;
}
.single-content-block .single-content-block__gist a:hover {
  text-decoration: none;
}
.single-content-block .btn--has-arrow {
  text-decoration: none;
}
.single-content-block .single-content-block__variable-table {
  margin: 20px 0 40px;
}
.single-content-block .single-content-block__variable-table table tr {
  border-bottom: 1px solid #b5b1b1;
}
.single-content-block .single-content-block__variable-table table th,
.single-content-block .single-content-block__variable-table table td {
  padding: 24px 0;
  border: none;
  text-align: left;
}
.single-content-block .single-content-block__variable-table table th {
  width: 30%;
}
@media only screen and (max-width: 600px) {
  .single-content-block .single-content-block__variable-table {
    margin: 16px 0 32px;
  }
  .single-content-block .single-content-block__variable-table table th,
.single-content-block .single-content-block__variable-table table td {
    width: 100%;
    display: block;
  }
  .single-content-block .single-content-block__variable-table table th {
    width: 100%;
  }
  .single-content-block .single-content-block__variable-table table td {
    padding-top: 0;
  }
}
.single-content-block .single-content-block__scroll-table {
  margin: 20px 0 40px;
  /* tab */
}
.single-content-block .single-content-block__scroll-table table {
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
}
.single-content-block .single-content-block__scroll-table table th, .single-content-block .single-content-block__scroll-table table td {
  text-align: center;
  width: 20%;
  min-width: 130px;
  padding: 10px;
  height: 60px;
}
.single-content-block .single-content-block__scroll-table table th {
  background-color: #f0f0f0;
}
.single-content-block .single-content-block__scroll-table table .head {
  background-color: #e2e2e2;
}
.single-content-block .single-content-block__scroll-table table .fixed {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
}
.single-content-block .single-content-block__scroll-table table .fixed:before {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  right: -1px;
  height: 100%;
  border-left: 1px solid #707070;
  border-right: 1px solid #707070;
}
@media only screen and (max-width: 768px) {
  .single-content-block .single-content-block__scroll-table {
    margin: 16px 0 32px;
  }
}

.index-block {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .index-block {
    margin-top: 45px;
  }
}
.index-block .has-right-title {
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .index-block .has-right-title {
    margin-bottom: 15px;
  }
}

.index-list {
  background-color: #F7F7F7;
  padding: 18px 30px;
}
@media screen and (min-width: 768px) {
  .index-list {
    padding: 50px 40px;
  }
}
.index-list > li {
  font-size: 15px;
}
@media screen and (min-width: 768px) {
  .index-list > li {
    font-size: 16px;
  }
}
.index-list > li > a {
  display: inline-block;
  font-weight: 700;
  text-decoration: underline;
}
.index-list > li:nth-child(n+2) {
  margin-top: 30px;
}
.index-list .index-list__child {
  margin-top: 14px;
}
@media screen and (min-width: 768px) {
  .index-list .index-list__child {
    margin-top: 8px;
  }
}
.index-list .index-list__child > li {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  margin-bottom: 8px;
  gap: 6px;
}
@media screen and (min-width: 768px) {
  .index-list .index-list__child > li {
    font-size: 16px;
  }
}
.index-list .index-list__child > li::before {
  content: "";
  display: block;
  background-color: #111;
  height: 2px;
  margin-top: 0.8em;
  width: 14px;
}
.index-list .index-list__child > li > a {
  display: inline-block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: 700;
  width: 100%;
}
.index-list .index-list__g-child {
  margin-top: 14px;
}
@media screen and (min-width: 768px) {
  .index-list .index-list__g-child {
    margin-top: 8px;
  }
}
.index-list .index-list__g-child > li {
  font-size: 14px;
  margin-bottom: 8px;
  padding-left: 20px;
}
.single-section-line {
  background-color: #444;
  height: 2px;
  margin: 30px 0 45px;
  width: 100px;
}
@media screen and (min-width: 768px) {
  .single-section-line {
    margin: 50px 0 60px;
  }
}

.single-content-block__content {
  color: #111;
  margin-top: 37px;
}
@media screen and (min-width: 768px) {
  .single-content-block__content {
    margin-top: 57px;
    padding-left: 20px;
  }
}
.single-content-block__content::before {
  content: "";
  display: block;
  background-color: #444;
  height: 2px;
  margin-bottom: 40px;
  width: 100px;
}
@media screen and (min-width: 768px) {
  .single-content-block__content::before {
    margin-bottom: 57px;
  }
}
.single-content-block__content h2 {
  color: #B20610;
  font-size: 18px;
  margin-top: 18px;
}
.single-content-block__content h2 + .single-content-block__gist {
  margin-top: 25px;
}
.single-content-block__content h3 {
  font-size: 16px;
  border-left: 8px solid #444;
  margin-top: 18px;
  padding: 2px 0 2px 10px;
}
@media screen and (min-width: 768px) {
  .single-content-block__content h3 {
    margin-top: 20px;
    padding: 4px 0 4px 10px;
  }
}
.single-content-block__content h3 + .single-content-block__gist {
  margin-top: 25px;
}
.single-content-block__content h4 {
  border-bottom: 1px solid #111;
  font-weight: 400;
  margin-top: 20px;
  padding: 0 0 7px;
}
@media screen and (min-width: 768px) {
  .single-content-block__content h4 {
    padding: 0 10px 7px 10px;
  }
}
.single-content-block__content h4 + .single-content-block__gist {
  margin-top: 25px;
}
.single-content-block__content ul {
  padding-top: 25px;
}
.single-content-block__content ul > li {
  padding-left: 1em;
  text-indent: -1em;
}
.single-content-block__content ul > li ul {
  padding: 15px 0 30px 1.5em;
  padding-top: 15px;
  padding-left: 1em;
}
.single-content-block__content p {
  padding-top: 25px;
}
.single-content-block__content a {
  text-decoration: underline;
}
.single-content-block__content img {
  height: initial;
  width: initial;
}
.single-content-block__content .column-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .single-content-block__content .column-box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 28px;
    gap: 30px;
  }
}
.single-content-block__content .column-box p {
  padding-top: 0;
}
@media screen and (max-width: 767px) {
  .single-content-block__content .column-box > div {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
}
.single-content-block__content .column-box .column-box__side {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media screen and (max-width: 767px) {
  .single-content-block__content .column-box .picuture-block {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media screen and (min-width: 768px) {
  .single-content-block__content .column-box .picuture-block {
    max-width: 57.40528%;
  }
}
@media screen and (max-width: 767px) {
  .single-content-block__content .column-box .picuture-block img {
    width: 100%;
  }
}
.single-content-block__content .column-box.column-box__half {
  margin-top: 60px;
}
@media screen and (min-width: 768px) {
  .single-content-block__content .column-box.column-box__half > div {
    width: 50%;
  }
}
.single-content-block__content figcaption {
  color: #868686;
  font-size: 13px;
  line-height: 1.5;
  padding-top: 10px;
}
@media screen and (min-width: 768px) {
  .single-content-block__content figcaption {
    font-size: 14px;
  }
}
.single-content-block__content .center-picture-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 46px;
}
@media screen and (min-width: 768px) {
  .single-content-block__content .center-picture-block {
    margin-top: 70px;
  }
}
@media screen and (min-width: 768px) {
  .single-content-block__content .center-picture-block .center-picture-block__inr {
    max-width: 620px;
  }
}
.single-content-block__content .center-picture-block .center-picture-block__inr figcaption {
  line-height: 1.5;
  font-size: 13px;
  padding-top: 10px;
}
@media screen and (min-width: 768px) {
  .single-content-block__content .center-picture-block .center-picture-block__inr figcaption {
    font-size: 14px;
    padding-top: 15px;
  }
}
.single-content-block__content .single-content-block__content__index {
  margin-top: 46px;
}
@media screen and (min-width: 768px) {
  .single-content-block__content .single-content-block__content__index {
    margin-top: 138px;
  }
}
.single-content-block__content .single-content-block__content__recommend {
  margin-top: 84px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .single-content-block__content .single-content-block__content__recommend {
    margin-top: 70px;
  }
}
.single-content-block__content .single-content-block__content__recommend .ribbon-label {
  left: 0;
  position: absolute;
  top: -30px;
}
.single-content-block__content .single-content-block__content__recommend .single-content-block__content__recommend__inr {
  background-color: #F7F7F7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
  padding: 60px 15px 40px;
}
@media screen and (min-width: 1025px) {
  .single-content-block__content .single-content-block__content__recommend .single-content-block__content__recommend__inr {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 30px;
    padding: 60px 30px 30px;
  }
}
@media screen and (min-width: 1025px) {
  .single-content-block__content .single-content-block__content__recommend .single-content-block__content__recommend__inr .single-content-block__content__recommend__image {
    height: 225px;
    width: 300px;
  }
}
.single-content-block__content .single-content-block__content__recommend .single-content-block__content__recommend__inr .single-content-block__content__recommend__image img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .single-content-block__content .single-content-block__content__recommend .single-content-block__content__recommend__inr .single-content-block__content__recommend__side {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) {
  .single-content-block__content .single-content-block__content__recommend .single-content-block__content__recommend__inr .single-content-block__content__recommend__side {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .single-content-block__content .single-content-block__content__recommend .single-content-block__content__recommend__inr .cat-box {
    margin-top: 20px;
    padding: 4px 10px;
  }
}
.single-content-block__content .single-content-block__content__recommend .single-content-block__content__recommend__inr .title-text {
  display: block;
  margin-top: 10px;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .single-content-block__content .single-content-block__content__recommend .single-content-block__content__recommend__inr .title-text {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  .single-content-block__content .single-content-block__content__recommend .single-content-block__content__recommend__inr .title-text {
    margin-top: 20px;
  }
}
.single-content-block__content .youtube-block {
  aspect-ratio: 16/9;
  margin-top: 33px;
}
@media screen and (min-width: 768px) {
  .single-content-block__content .youtube-block {
    margin-top: 50px;
  }
}
.single-content-block__content .youtube-block iframe {
  height: 100%;
  width: 100%;
}
.single-content-block__content .illustrated-block {
  background-color: #F7F7F7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  margin: 3em 0;
  padding: 2em;
}
@media screen and (max-width: 767px) {
  .single-content-block__content .illustrated-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.5em;
  }
}
@media screen and (min-width: 768px) {
  .single-content-block__content .illustrated-block {
    padding: 2em;
  }
}
@media screen and (min-width: 768px) {
  .single-content-block__content .illustrated-block .illustrated-block__image {
    width: 168px;
  }
}
.single-content-block__content .illustrated-block .illustrated-block__content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
}
.single-content-block__content .illustrated-block .illustrated-block__content .illustrated-block__content__catch {
  font-weight: 700;
  line-height: 1.5;
  margin-top: 0;
  padding-bottom: 0.2em;
}
.single-content-block__content .illustrated-block .illustrated-block__content .illustrated-block__content__title {
  border: 0;
  font-size: 1.3em;
  line-height: 1.5;
  margin: 0 0 0.5em;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .single-content-block__content .illustrated-block .illustrated-block__content .illustrated-block__content__title {
    font-size: 1.5em;
  }
}
.single-content-block__content .illustrated-block .illustrated-block__content p {
  line-height: 1.5;
  padding-top: 0;
}
.single-content-block__content .illustrated-block .btn--has-arrow {
  margin-top: 15px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .single-content-block__content .illustrated-block .btn--has-arrow {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .single-content-block__content .illustrated-block .btn--has-arrow {
    min-width: 243px;
  }
}
@media screen and (min-width: 768px) {
  .single-content-block__content.single-content-block__content--no-border {
    margin-top: 13px;
  }
}
.single-content-block__content.single-content-block__content--no-border::before {
  display: none;
  margin-bottom: 0;
}
.single-content-block__content.single-content-block__content--terms h3 {
  margin-top: 40px;
}

.single-content-block__content--only-member {
  height: 630px;
  overflow: hidden;
  position: relative;
}

.read-membership {
  background-color: #F4F4F4;
  margin-top: 50px;
  padding: 20px 15px;
  position: relative;
  width: 100%;
  z-index: 100;
}
@media screen and (min-width: 768px) {
  .read-membership {
    padding: 30px;
  }
}
.read-membership::before {
  content: "";
  display: block;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgb(255, 255, 255));
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgb(255, 255, 255));
  bottom: 100%;
  height: 200px;
  left: 0;
  position: absolute;
  width: 100%;
}
.read-membership .read-membership__title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 1em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .read-membership .read-membership__title {
    font-size: 16px;
  }
}
.read-membership .read-membership__title .underline {
  text-decoration: underline;
}
.read-membership .read-membership__title .tc-red {
  color: #B20610;
}
.read-membership .read-membership__buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
@media screen and (min-width: 768px) {
  .read-membership .read-membership__buttons {
    gap: 20px 30px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .read-membership .read-membership__buttons .btn > span {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.modal-login__body {
  position: relative;
  background-image: url(../images/modal/plan_bg.webp);
  margin: 8vw auto 0;
  padding: 6.1333333333vw 7.3333333333vw 6.9333333333vw;
  border-radius: 3.0666666667vw;
}
@media screen and (min-width: 768px) {
  .modal-login__body {
    width: 40.2635431918vw;
    margin: 4.3956043956vw auto 0;
    padding: 2.9282576867vw 3.513909224vw 3.3674963397vw;
    border-radius: 1.4641288433vw;
  }
}
@media screen and (min-width: 1366px) {
  .modal-login__body {
    width: 550px;
    margin: 60px auto 0;
    padding: 40px 48px 46px;
    border-radius: 20px;
  }
}
.modal-login__body .modal-login__logo {
  width: 48.6666666667vw;
  margin: 0 7.3333333333vw 0 auto;
}
@media screen and (min-width: 768px) {
  .modal-login__body .modal-login__logo {
    width: 23.4260614934vw;
    margin: 0 3.513909224vw 0 auto;
  }
}
@media screen and (min-width: 1366px) {
  .modal-login__body .modal-login__logo {
    width: 320px;
    margin: 0 45px 0 auto;
  }
}
.modal-login__body .modal-login__lead {
  width: 70.5333333333vw;
  margin: 1.6vw 0 0 0;
}
@media screen and (min-width: 768px) {
  .modal-login__body .modal-login__lead {
    width: 33.9677891654vw;
    margin: 0.7320644217vw 0 0 0;
  }
}
@media screen and (min-width: 1366px) {
  .modal-login__body .modal-login__lead {
    width: 464px;
    margin: 10px 0 0 0;
  }
}
.modal-login__body .modal-login__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 2.2666666667vw 0 0 0;
  gap: 1.2vw;
}
@media screen and (min-width: 768px) {
  .modal-login__body .modal-login__btn {
    margin: 2vw 0 0 0;
    gap: 0.5856515373vw;
  }
}
@media screen and (min-width: 1366px) {
  .modal-login__body .modal-login__btn {
    margin: 15px 0 0 0;
    gap: 8px;
  }
}
.modal-login__body .modal-login__btn--center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.modal-login__body .modal-login__btn .button {
  display: block;
  padding: 0;
  border: none;
  background: none;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.modal-login__body .modal-login__btn .button.button-half-width {
  width: calc((100% - 1.2vw) / 2);
}
@media screen and (min-width: 768px) {
  .modal-login__body .modal-login__btn .button.button-half-width {
    width: calc((100% - 0.5856515373vw) / 2);
  }
}
@media screen and (min-width: 1366px) {
  .modal-login__body .modal-login__btn .button.button-half-width {
    width: calc((100% - 8px) / 2);
  }
}
.modal-login__body .modal-login__btn .button.button-full-width {
  width: 100%;
}
.modal-login__body .modal-login__btn .button:hover {
  opacity: 0.6;
}
.modal-login__body .modal-login__text {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  text-align: center;
  color: #000;
  font-weight: 700;
  letter-spacing: 0;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  padding: 0;
  margin: 2.4vw 0 0 0;
  font-size: 3.0666666667vw;
  line-height: 3.6vw;
}
@media screen and (min-width: 768px) {
  .modal-login__body .modal-login__text {
    margin: 1.1713030747vw 0 0 0;
    font-size: 1.4641288433vw;
    line-height: 1.756954612vw;
  }
}
@media screen and (min-width: 1366px) {
  .modal-login__body .modal-login__text {
    margin: 16px 0 0 0;
    font-size: 20px;
    line-height: 24px;
  }
}
.modal-login__body .modal-login__benefits {
  margin: 2.4vw 0 0 0;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .modal-login__body .modal-login__benefits {
    margin: 1.1713030747vw 0 0 0;
  }
}
@media screen and (min-width: 1366px) {
  .modal-login__body .modal-login__benefits {
    margin: 16px 0 0 0;
  }
}
.modal-login__body .modal-login__benefits .modal-login__benefits-item {
  text-align: left;
  letter-spacing: 0;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  font-size: 2.8vw;
  line-height: 3.3333333333vw;
}
@media screen and (min-width: 768px) {
  .modal-login__body .modal-login__benefits .modal-login__benefits-item {
    font-size: 1.317715959vw;
    line-height: 1.6105417277vw;
  }
}
@media screen and (min-width: 1366px) {
  .modal-login__body .modal-login__benefits .modal-login__benefits-item {
    font-size: 18px;
    line-height: 22px;
  }
}
.modal-login__body .modal-login__benefits .modal-login__benefits-item::before {
  display: inline-block;
  content: "";
  background-color: #a30000;
  width: 2.2666666667vw;
  height: 2.2666666667vw;
  margin-right: 0.6666666667vw;
}
@media screen and (min-width: 768px) {
  .modal-login__body .modal-login__benefits .modal-login__benefits-item::before {
    width: 1.0980966325vw;
    height: 1.0980966325vw;
    margin-right: 0.2928257687vw;
  }
}
@media screen and (min-width: 1366px) {
  .modal-login__body .modal-login__benefits .modal-login__benefits-item::before {
    width: 15px;
    height: 15px;
    margin-right: 4px;
  }
}
.modal-login__body .pn-offer-present {
  display: none;
  position: absolute;
}
@media screen and (min-width: 768px) {
  .modal-login__body .pn-offer-present {
    display: block;
    top: -7.1742313324vw;
    right: -7.906295754vw;
    width: 35.2855051245vw;
    height: 32.8696925329vw;
  }
}
@media screen and (min-width: 1366px) {
  .modal-login__body .pn-offer-present {
    top: -98px;
    right: -108px;
    width: 482px;
    height: 449px;
  }
}

/* ------------------------
  ギャラリー
------------------------ */
.gallery-block {
  margin: 30px auto 40px;
  padding: 0 30px;
}
@media screen and (min-width: 768px) {
  .gallery-block {
    max-width: 460px;
    width: 100%;
  }
}
@media screen and (min-width: 1025px) {
  .gallery-block {
    max-width: 880px;
    padding: 0 60px;
    width: 64.4216691069vw;
  }
}
.gallery-block .gallery-block__slider {
  position: relative;
}
.gallery-block .gallery-block__slider .slick-slide img {
  margin: auto;
  max-height: 200px;
  width: auto;
}
@media screen and (min-width: 768px) {
  .gallery-block .gallery-block__slider .slick-slide img {
    max-height: 600px;
  }
}
.gallery-block .gallery-block__slider .slider-arrow {
  height: 30px;
  position: absolute;
  top: 40%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 30px;
}
@media screen and (min-width: 768px) {
  .gallery-block .gallery-block__slider .slider-arrow {
    height: 42px;
    width: 42px;
  }
}
.gallery-block .gallery-block__slider .slider-arrow.slider-arrow--prev {
  left: -35px;
}
@media screen and (min-width: 768px) {
  .gallery-block .gallery-block__slider .slider-arrow.slider-arrow--prev {
    left: -60px;
  }
}
.gallery-block .gallery-block__slider .slider-arrow.slider-arrow--next {
  right: -35px;
}
@media screen and (min-width: 768px) {
  .gallery-block .gallery-block__slider .slider-arrow.slider-arrow--next {
    right: -60px;
  }
}
.gallery-block .gallery-block__slide-top figcaption {
  padding-top: 20px;
}
@media screen and (max-width: 767px) {
  .gallery-block .gallery-block__slide-top figcaption {
    font-size: 14px;
    padding-top: 10px;
  }
}
.gallery-block .gallery-block__slide-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px 10px;
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .gallery-block .gallery-block__slide-bottom {
    gap: 15px 13px;
    margin-top: 60px;
  }
}
.gallery-block .gallery-block__slide-bottom > a {
  border: 2px solid #fff;
  width: calc(33.333% - 10px);
}
@media screen and (min-width: 768px) {
  .gallery-block .gallery-block__slide-bottom > a {
    width: calc(20% - 11px);
  }
}
.gallery-block .gallery-block__slide-bottom > a.current {
  border-color: #D90916;
}
.gallery-block .gallery-block__btn {
  margin-top: 40px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .gallery-block .gallery-block__btn {
    margin-top: 60px;
  }
}
.gallery-block .gallery-block__btn .btn--has-arrow {
  font-size: 16px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .gallery-block .gallery-block__btn .btn--has-arrow {
    min-width: 350px;
    width: initial;
  }
}
.gallery-block.gallery-block--full-wid {
  padding: 0;
}

/* ------------------------
  キラーワード
------------------------ */
.killer-word__list {
  margin: 0 0 47px;
}
@media screen and (min-width: 768px) {
  .killer-word__list {
    margin: 0 0 95px;
    width: 100%;
    min-width: 520px;
    max-width: 930px;
  }
}
.killer-word-item:nth-child(2n) {
  background-color: #F7F7F7;
}
.killer-word-item__inr {
  padding: 38px 15px 37px;
}
@media screen and (min-width: 768px) {
  .killer-word-item__inr {
    padding: 38px 27px 37px 73px;
    max-width: 990px;
  }
}
.killer-word-item:first-child .killer-word-item__inr {
  padding: 12px 15px 37px;
}
@media screen and (min-width: 768px) {
  .killer-word-item:first-child .killer-word-item__inr {
    padding: 12px 27px 37px 73px;
  }
}
.killer-word-item__title {
  margin: 0 0 20px;
}
.killer-word-item__tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px 15px;
}
@media screen and (min-width: 768px) {
  .killer-word-item__tags {
    gap: 15px 20px;
  }
}
.killer-word-item__tags a {
  text-decoration: underline;
}
.killer-word-item__tags a:hover {
  text-decoration: none;
}
.killer-word__datail__fig {
  margin-bottom: 40px;
  padding: 0 30px;
}
@media screen and (min-width: 768px) {
  .killer-word__datail__fig {
    max-width: 460px;
    margin: 0 auto 80px;
    width: 100%;
  }
}
@media screen and (min-width: 1025px) {
  .killer-word__datail__fig {
    max-width: 880px;
    margin-bottom: 80px;
    padding: 0 60px;
    width: 64.4216691069vw;
  }
}
.killer-word__datail__fig figure figcaption {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .killer-word__datail__fig figure figcaption {
    margin-top: 10px;
  }
}

/* ------------------------
  Supplier
------------------------ */
.page-top-supplier-detail__inr .cat-box {
  margin: 0 0 5px 15px;
}

.supplier-block .supplier__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 42px;
  gap: 30px 10px;
}
@media screen and (min-width: 768px) {
  .supplier-block .supplier__list {
    margin-bottom: 66px;
    gap: 60px 10px;
  }
}
.supplier-block .supplier-item {
  width: calc((100% - 10px) / 2);
}
@media screen and (min-width: 768px) {
  .supplier-block .supplier-item {
    width: calc((100% - 20px) / 3);
  }
}
@media screen and (min-width: 1025px) {
  .supplier-block .supplier-item {
    width: calc((100% - 30px) / 4);
  }
}
.supplier-block .supplier-item__image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 0;
  overflow: hidden;
  border: 1px solid #E6E6E6;
  width: 100%;
  height: 158px;
  margin-bottom: 10px;
}
.supplier-block .supplier-item__image img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: 50%;
  object-position: 50%;
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}
.supplier-block .supplier-item__tag {
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 12px;
  background-color: #D90916;
  padding: 0 8px;
  border-radius: 3px;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
@media screen and (min-width: 1025px) {
  .supplier-block .supplier-item__tag {
    font-size: 14px;
  }
}
.supplier-block .supplier-item__title {
  font-weight: 700;
}
.supplier-block .supplier-item__title:hover {
  text-decoration: underline;
}
.supplier-block .supplier-detail-sammary {
  margin-bottom: 34px;
}
@media screen and (min-width: 768px) {
  .supplier-block .supplier-detail-sammary {
    margin-bottom: 53px;
  }
}
@media screen and (min-width: 1025px) {
  .supplier-block .supplier-detail-sammary__inr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.supplier-block .supplier-detail-sammary__image {
  max-width: 260px;
  margin: 0 auto 20px;
}
@media screen and (min-width: 1025px) {
  .supplier-block .supplier-detail-sammary__image {
    margin: 0;
  }
}
@media screen and (min-width: 1025px) {
  .supplier-block .supplier-detail-sammary__text {
    width: 72%;
    max-width: 620px;
  }
}
@media screen and (min-width: 768px) {
  .supplier-block .supplier-detail-table {
    margin-bottom: 100px;
  }
}
.supplier-block .supplier-detail-table td a {
  text-decoration: underline;
}
.supplier-block .supplier-detail-table td a:hover {
  text-decoration: none;
}

/* ------------------------
  エンジン
------------------------ */
.engine-block .maker-search {
  margin-bottom: 30px;
}
@media screen and (min-width: 1025px) {
  .engine-block .maker-search__inr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 0 15px;
  }
}
.engine-block .maker-search__list {
  width: 100%;
  border: 1px solid #F7F7F7;
}
.engine-block .maker-search__list:not(:last-child) {
  margin-bottom: 15px;
}
@media screen and (min-width: 1025px) {
  .engine-block .maker-search__list {
    width: 33.3333333333%;
  }
  .engine-block .maker-search__list:not(:last-child) {
    margin-bottom: 0;
  }
}
.engine-block .maker-search__list .maker-search-item {
  display: block;
}
.engine-block .maker-search__list .maker-search-item:hover {
  background-color: #F7F7F7;
}
.engine-block .maker-search__list .maker-search-item:not(:last-child) {
  border-bottom: 1px solid #F7F7F7;
}
.engine-block .maker-search__list .maker-search-item__header {
  background-color: #F7F7F7;
}
.engine-block .maker-search__list .maker-search-item p, .engine-block .maker-search__list .maker-search-item__header p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  padding: 4px 9px;
}
.engine-block .maker-search__list .maker-search-item p span, .engine-block .maker-search__list .maker-search-item__header p span {
  font-size: inherit;
  white-space: nowrap;
  margin-left: auto;
  padding-left: 1em;
}
.engine-block .maker-search .js-makar-acc-head {
  cursor: pointer;
}
@media screen and (min-width: 1025px) {
  .engine-block .maker-search .js-makar-acc-head {
    cursor: auto;
    pointer-events: none;
  }
}
.engine-block .maker-search .js-makar-acc-inr {
  display: none;
}
@media screen and (min-width: 1025px) {
  .engine-block .maker-search .js-makar-acc-inr {
    display: block !important;
  }
}
.engine-block .spec-search {
  margin-bottom: 60px;
}
.engine-block .spec-search__inr {
  background-color: #F7F7F7;
  padding: 20px 20px 23px;
}
.engine-block .spec-search__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 15px;
}
.engine-block .spec-search-item {
  position: relative;
  width: calc((100% - 10px) / 2);
  border: 1px solid #111;
  border-radius: 3px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .engine-block .spec-search-item {
    width: calc((100% - 20px) / 3);
  }
}
@media screen and (min-width: 1025px) {
  .engine-block .spec-search-item {
    width: calc((100% - 30px) / 4);
  }
}
@media screen and (min-width: 1366px) {
  .engine-block .spec-search-item {
    width: calc((100% - 40px) / 5);
  }
}
.engine-block .spec-search-item:before {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 3px);
  right: 8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4.5px 0 4.5px;
  border-color: #111111 transparent transparent transparent;
}
.engine-block .spec-search-item select {
  width: 100%;
  font-size: 13px;
  text-align: center;
  padding: 14px 0;
  border: none;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .engine-block .spec-search-item select {
    font-size: 14px;
  }
}
.engine-block .spec-search input[type=submit] {
  display: none;
}
.engine-block .spec-search .search-submit {
  display: block;
  position: relative;
  width: 210px;
  font-weight: 700;
  text-align: center;
  background: #111;
  border-radius: 3px;
  margin: 0 auto;
  padding: 10px 0;
  cursor: pointer;
}
.engine-block .spec-search .search-submit .search-txt {
  color: #fff;
  font-weight: 700;
}
.engine-block .spec-search .search-submit .search-icon {
  position: absolute;
  top: calc(50% - 9.5px);
  right: 14px;
  width: auto;
  height: 19px;
}
.engine-block .search-results {
  margin-bottom: 60px;
}
@media screen and (min-width: 768px) {
  .engine-block .search-results {
    margin-bottom: 110px;
  }
}
.engine-block .search-results__header {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .engine-block .search-results__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 45px;
  }
}
.engine-block .search-results-hits {
  font-weight: 500;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .engine-block .search-results-hits {
    margin-bottom: 0;
  }
}
.engine-block .search-results-hits .nums {
  font-size: 24px;
  font-weight: 500;
  margin-right: 0.25em;
}
.engine-block .search-results__list {
  margin-bottom: 30px;
}
@media screen and (min-width: 1025px) {
  .engine-block .search-results__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 40px 20px;
    margin-bottom: 50px;
  }
}
.engine-block .search-results-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 10px;
}
@media screen and (min-width: 1025px) {
  .engine-block .search-results-item {
    width: calc((100% - 20px) / 2);
    margin-bottom: 0;
  }
}
.engine-block .search-results-item__image {
  width: 140px;
  height: 105px;
  margin-right: 15px;
  aspect-ratio: 4/3;
}
@media screen and (min-width: 1025px) {
  .engine-block .search-results-item__image {
    width: 15.3733528551vw;
    height: 11.4934114202vw;
    max-width: 210px;
    max-height: 157px;
  }
}
.engine-block .search-results-item__image img {
  display: block;
  width: auto;
  height: 100%;
  margin: 0 auto;
  -o-object-fit: cover;
  object-fit: cover;
}
.engine-block .search-results-item__cats {
  margin-bottom: 7px;
}
@media screen and (min-width: 768px) {
  .engine-block .search-results-item__cats {
    margin-bottom: 13px;
  }
}
.engine-block .search-results-item__cats a {
  display: inline-block;
  color: #fff;
  font-size: 13px;
  background-color: #707070;
  border-radius: 3px;
  padding: 0 7px;
}
@media screen and (min-width: 768px) {
  .engine-block .search-results-item__cats a {
    font-size: 14px;
  }
}
.engine-block .search-results-item__title {
  display: inline-block;
  font-size: 15px;
  line-height: 1.25;
  font-weight: 700;
  margin-bottom: 6px;
}
@media screen and (min-width: 768px) {
  .engine-block .search-results-item__title {
    font-size: 16px;
    margin-bottom: 12px;
  }
}
.engine-block .search-results-item__title:hover {
  text-decoration: underline;
}
.engine-block .search-results-item__type {
  color: #888;
  font-size: 12px;
  line-height: 1.425;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .engine-block .search-results-item__type {
    font-size: 14px;
  }
}
.engine-block .detail-spec .has-right-title,
.engine-block .detail-vehicle .has-right-title {
  font-size: 16px;
  margin: 0 0 20px 0;
  padding: 5px 0 5px 10px;
}
@media screen and (min-width: 768px) {
  .engine-block .detail-spec .has-right-title,
.engine-block .detail-vehicle .has-right-title {
    margin: 0 0 40px 15px;
  }
}
.engine-block .detail-spec {
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .engine-block .detail-spec {
    margin-bottom: 60px;
  }
}
.engine-block .detail-vehicle {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .engine-block .detail-vehicle {
    margin-bottom: 10px;
  }
}
.engine-block .detail-vehicle__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #F7F7F7;
  padding: 11px 16px;
}
.engine-block .detail-vehicle__list .detail-vehicle-item {
  font-weight: 500;
}
.engine-block .detail-vehicle__list .detail-vehicle-item:after {
  display: inline-block;
  content: "／";
}
.engine-block .detail-vehicle__list .detail-vehicle-item:last-child:after {
  content: "";
}

.contact-block__inr {
  padding: 0 15px;
}
@media screen and (min-width: 768px) {
  .contact-block__inr {
    max-width: 1260px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1025px) {
  .contact-block__inr {
    padding: 0 50px;
  }
}
.contact-block__title {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin-bottom: 42px;
}
@media screen and (min-width: 768px) {
  .contact-block__title {
    font-size: 24px;
    margin-bottom: 106px;
  }
}
.contact-block .contact-block-form__inr {
  margin: 0 auto 50px;
}
@media screen and (min-width: 768px) {
  .contact-block .contact-block-form__inr {
    max-width: 1030px;
    margin: 0 auto 100px;
  }
}
.contact-block .contact-block-form .form-row {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .contact-block .contact-block-form .form-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
  }
}
.contact-block .contact-block-form .form-row dt {
  line-height: 1;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 6px;
}
@media screen and (min-width: 768px) {
  .contact-block .contact-block-form .form-row dt {
    width: 290px;
    font-size: 18px;
    margin-bottom: 0;
    padding: 17px 0 0;
  }
}
.contact-block .contact-block-form .form-row dt .small {
  position: relative;
  top: -1px;
  display: inline-block;
  font-size: 12px;
  margin-left: 11px;
}
@media screen and (min-width: 768px) {
  .contact-block .contact-block-form .form-row dt .small {
    top: -2px;
    font-size: 13px;
  }
}
.contact-block .contact-block-form .form-row dt .required {
  position: relative;
  top: -2px;
  display: inline-block;
  color: #fff;
  font-size: 11px;
  font-weight: 400;
  margin-left: 15px;
  padding: 6px 9px;
  background-color: #D90916;
  border-radius: 20px;
}
@media screen and (min-width: 768px) {
  .contact-block .contact-block-form .form-row dt .required {
    padding: 8px 9px;
  }
}
@media screen and (min-width: 768px) {
  .contact-block .contact-block-form .form-row dd {
    width: calc(100% - 290px);
  }
}
.contact-block .contact-block-form .form-row dd p {
  margin-top: 5px;
}
.contact-block .contact-block-form .form-row input[type=text],
.contact-block .contact-block-form .form-row input[type=email],
.contact-block .contact-block-form .form-row input[type=number],
.contact-block .contact-block-form .form-row input[type=password],
.contact-block .contact-block-form .form-row input[type=tel],
.contact-block .contact-block-form .form-row input[type=url],
.contact-block .contact-block-form .form-row select,
.contact-block .contact-block-form .form-row textarea {
  width: 100%;
  background-color: #f4f4f4;
  padding: 8px;
  border: none;
  border-radius: 5px;
}
@media screen and (min-width: 768px) {
  .contact-block .contact-block-form .form-row input[type=text],
.contact-block .contact-block-form .form-row input[type=email],
.contact-block .contact-block-form .form-row input[type=number],
.contact-block .contact-block-form .form-row input[type=password],
.contact-block .contact-block-form .form-row input[type=tel],
.contact-block .contact-block-form .form-row input[type=url],
.contact-block .contact-block-form .form-row select,
.contact-block .contact-block-form .form-row textarea {
    padding: 16px;
  }
}
.contact-block .contact-block-form .form-row select {
  cursor: pointer;
}
.contact-block .contact-block-form .form-row select option {
  background: #fff;
}
.contact-block .contact-block-form .form-row textarea {
  resize: vertical;
  height: 190px;
}
.contact-block .contact-block-form .form-row .select-wrap {
  position: relative;
}
.contact-block .contact-block-form .form-row .select-wrap:before {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 3.5px);
  right: 20px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 4.5px 0 4.5px;
  border-color: #111111 transparent transparent transparent;
  pointer-events: none;
}
.contact-block .contact-block-form .form-row .confirm-input {
  padding: 8px;
}
@media screen and (min-width: 768px) {
  .contact-block .contact-block-form .form-row .confirm-input {
    padding: 16px;
  }
}
.contact-block .contact-block-form .privacy-check {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f4f4f4;
  margin: 25px auto 30px;
  padding: 20px 0;
  border-radius: 5px;
  max-width: 678px;
}
@media screen and (min-width: 768px) {
  .contact-block .contact-block-form .privacy-check {
    margin: 50px auto 60px;
  }
}
.contact-block .contact-block-form .privacy-check input[type=checkbox] {
  display: none;
}
.contact-block .contact-block-form .privacy-check .form-checkbox {
  position: relative;
  width: 21px;
  height: 21px;
  border: 1px solid #707070;
  background: #fff;
  cursor: pointer;
}
.contact-block .contact-block-form .privacy-check .form-checkbox:before {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 3px;
  width: 14px;
  height: 8px;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.contact-block .contact-block-form .privacy-check input[type=checkbox]:checked + .form-checkbox {
  background-color: #4d66d0;
}
.contact-block .contact-block-form .privacy-check-txt {
  font-size: 16px;
  font-weight: 700;
  margin-left: 10px;
}
@media screen and (min-width: 768px) {
  .contact-block .contact-block-form .privacy-check-txt {
    font-size: 18px;
  }
}
.contact-block .contact-block-form .privacy-check-txt a {
  color: #4d66d0;
  text-decoration: underline;
}
.contact-block .contact-block-form .privacy-check-txt a:hover {
  text-decoration: none;
}
.contact-block .contact-block-form .btn-wrap {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .contact-block .contact-block-form .btn-wrap {
    margin-top: 60px;
  }
}
.contact-block .contact-block-form .btn-wrap input[type=submit] {
  display: none;
}
.contact-block .contact-block-form .btn-wrap .form-submit {
  display: block;
  position: relative;
  max-width: 320px;
  margin: 0 auto;
  background-color: #111;
  border-radius: 3px;
  cursor: pointer;
}
.contact-block .contact-block-form .btn-wrap .form-submit .btn-txt {
  display: block;
  color: #fff;
  font-weight: 700;
  text-align: center;
  padding: 11px 0;
}
.contact-block .contact-block-form .btn-wrap .form-submit .btn-icon {
  position: absolute;
  top: calc(50% - 8px);
  right: 20px;
  width: 16px;
  height: 16px;
}
.contact-block .contact-block-form .thanks {
  margin-bottom: 80px;
}
.contact-block .contact-block-form .thanks .msg {
  font-size: 20px;
  letter-spacing: -0.02em;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .contact-block .contact-block-form .thanks .msg {
    font-size: 24px;
    margin-bottom: 30px;
  }
}
.contact-block .contact-block-form .thanks .txt {
  font-size: 14px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .contact-block .contact-block-form .thanks .txt {
    font-size: 16px;
  }
}

/* ------------------------
  特集
------------------------ */
.series-feature-block {
  padding: 0 15px 60px;
}
@media screen and (min-width: 768px) {
  .series-feature-block {
    margin-top: 40px;
    padding: 0 45px 50px 20px;
  }
}
@media screen and (min-width: 1025px) {
  .series-feature-block {
    padding: 0 90px 100px 40px;
  }
}
@media screen and (min-width: 768px) {
  .series-feature-block .series-feature-block__inr {
    max-width: 810px;
    padding-left: 25px;
  }
}
@media screen and (min-width: 1025px) {
  .series-feature-block .series-feature-block__inr {
    margin-left: 0;
    padding-left: 50px;
  }
}
@media screen and (min-width: 1366px) {
  .series-feature-block .series-feature-block__inr {
    margin-left: auto;
    padding-left: 0;
  }
}
.series-feature-block .card-list {
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .series-feature-block .card-list {
    gap: 50px 30px;
    margin-bottom: 60px;
  }
}
.series-feature-block .card-list > li {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .series-feature-block .card-list > li {
    width: calc(50% - 15px);
  }
}
.series-feature-block .card-list .card-list__item .card-list__item__thum {
  aspect-ratio: 16/9;
}
@media screen and (min-width: 768px) {
  .series-feature-block .card-list .card-list__item .card-list__item__inr {
    padding: 17px 15px;
  }
}
.series-feature-block .card-list .card-list__item .card-list__item__inr .card-list__item__inr__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 20px;
  margin-top: 10px;
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  .series-feature-block .card-list .card-list__item .card-list__item__inr .card-list__item__inr__wrap {
    gap: 14px;
    margin-top: 7px;
  }
}
.series-feature-block .card-list .card-list__item .card-list__item__inr .card-list__item__inr__lead {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  /* ブラウザがサポートしていない場合のフェールセーフ */
  max-height: 4.875em;
  margin-top: 20px;
  font-size: 15px;
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  .series-feature-block .card-list .card-list__item .card-list__item__inr .card-list__item__inr__lead {
    margin-top: 14px;
  }
}

#series-feature .single-content-block__content {
  margin-top: 0;
}
#series-feature .single-content-block__content figure {
  aspect-ratio: 4/3;
}
#series-feature .single-content-block__content img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
#series-feature #category-archive.new-archive {
  background-image: url(../images/common/new-archive-bg_sp.jpg);
}
@media screen and (min-width: 768px) {
  #series-feature #category-archive.new-archive {
    background-image: url(../images/common/new-archive-bg_pc.jpg);
  }
}
#series-feature #category-archive .section__inr {
  padding: 40px 15px 90px;
}
@media screen and (min-width: 1025px) {
  #series-feature #category-archive .section__inr {
    padding: 88px 53px;
    width: 100%;
  }
}
#series-feature #category-archive .category-archive__title {
  position: relative;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  margin: 0 0 32px;
}
@media screen and (min-width: 1025px) {
  #series-feature #category-archive .category-archive__title {
    font-size: 24px;
    line-height: 1.5;
    margin: -8px 0 48px;
  }
}
#series-feature #category-archive .category-archive__title:after {
  content: "";
  display: block;
  position: relative;
  bottom: 0;
  left: calc(50% - 40px);
  background-color: #444;
  width: 80px;
  height: 2px;
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  #series-feature #category-archive .category-archive__title:after {
    left: calc(50% - 50px);
    width: 100px;
    margin-top: 20px;
  }
}
#series-feature #category-archive .category-archive__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
}
@media screen and (min-width: 768px) {
  #series-feature #category-archive .category-archive__list {
    gap: 60px 0;
  }
}
#series-feature #category-archive .category-archive__list .article-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #series-feature #category-archive .category-archive__list .article-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 0 20px;
  }
}
#series-feature #category-archive .category-archive__list .article-item .article-item__image {
  max-width: none;
  max-height: none;
  width: auto;
  height: auto;
  margin: 0;
  aspect-ratio: 16/9;
}
@media screen and (min-width: 768px) {
  #series-feature #category-archive .category-archive__list .article-item .article-item__image {
    width: 37.6%;
  }
}
#series-feature #category-archive .category-archive__list .article-item .article-item__image img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  #series-feature #category-archive .category-archive__list .article-item .article-item__top__side {
    width: calc(62.4% - 20px);
  }
}
#series-feature #category-archive .category-archive__list .article-item .article-item__title {
  margin-bottom: 0.5rem;
  font-size: 1.7rem;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  #series-feature #category-archive .category-archive__list .article-item .article-item__title {
    margin-bottom: 2rem;
    font-size: 2rem;
  }
}
#series-feature #category-archive .category-archive__list .article-item .cat-box {
  padding: 2px 9px;
}
@media screen and (min-width: 768px) {
  #series-feature #category-archive .category-archive__list .article-item .cat-box {
    font-size: 1.2rem;
    padding: 4px 13px;
  }
}
@media screen and (min-width: 768px) {
  #series-feature #category-archive .category-archive__list .article-item .article-item__tags {
    gap: 4px 8px;
  }
}
@media screen and (min-width: 768px) {
  #series-feature #category-archive .category-archive__list .article-item:nth-child(odd) {
    padding-right: 0;
  }
}
@media screen and (min-width: 768px) {
  #series-feature #category-archive .category-archive__list .article-item:nth-child(even) {
    padding-left: 0;
  }
}
#series-feature #category-archive .category-archive__list .article-item .article-item__bottom {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 10px;
  font-size: 1.3rem;
}
@media screen and (min-width: 768px) {
  #series-feature #category-archive .category-archive__list .article-item .article-item__bottom {
    gap: 20px;
    font-size: 1.5rem;
  }
}
#series-feature #category-archive .pager-block {
  margin-top: 40px;
}
@media screen and (min-width: 1025px) {
  #series-feature #category-archive .pager-block {
    margin-top: 87px;
  }
}

/* ------------------------
  特設
------------------------ */
.event-mainvisual {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 250px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .event-mainvisual {
    height: 500px;
  }
}
.event-mainvisual .event-mainvisual__title {
  color: #fff;
  font-size: 2rem;
  padding: 0 15px;
  position: absolute;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .event-mainvisual .event-mainvisual__title {
    font-size: 2.7rem;
  }
}
.event-mainvisual img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.event-archive-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  padding: 40px 20px;
}
@media screen and (min-width: 768px) {
  .event-archive-list {
    gap: 30px 20px;
    margin: 0 auto;
    max-width: 1260px;
    padding: 60px 40px 100px;
  }
}
.event-archive-list .ghost-title-card {
  width: calc(33.333% - 7px);
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .event-archive-list .ghost-title-card {
    width: calc(20% - 17px);
    max-height: 150px;
  }
}
.event-archive-list .ghost-title-card img {
  display: block;
  width: auto;
  height: 100%;
  margin: 0 auto;
  -o-object-fit: cover;
  object-fit: cover;
}

.event-section {
  padding: 50px 20px 58px;
}
@media screen and (min-width: 768px) {
  .event-section {
    padding: 80px 50px;
  }
}
@media screen and (min-width: 768px) {
  .event-section .event-section__inr {
    margin: 0 0 0 auto;
    max-width: 890px;
  }
}
.event-section .event-section__title {
  text-align: center;
}
.event-section .event-section__btn {
  margin-top: 50px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .event-section .event-section__btn {
    margin-top: 60px;
  }
}
.event-section .event-section__btn .btn {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .event-section .event-section__btn .btn {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 768px) {
  .event-section .event-section__btn .btn {
    min-width: 350px;
    width: initial;
  }
}
.event-section.is-new-archive {
  background: url(../images/home/new-articles-bg_sp.jpg) 0 0/cover no-repeat;
}
@media screen and (min-width: 768px) {
  .event-section.is-new-archive {
    background-image: url(../images/home/new-articles-bg_pc.jpg);
  }
}
.event-section.is-campaign {
  background: url(../images/home/monthly-edition-bg_sp.jpg) 0 0/cover no-repeat;
}
@media screen and (min-width: 768px) {
  .event-section.is-campaign {
    background-image: url(../images/home/monthly-edition-bg_pc.jpg);
  }
}
.event-section.is-default-01 {
  background: url(../images/common/bg-default-01_pc.jpg) 0 0/cover no-repeat;
}
@media screen and (min-width: 768px) {
  .event-section.is-default-01 {
    background-image: url(../images/common/bg-default-01_pc.jpg);
  }
}
.event-section.is-default-02 {
  background: url(../images/common/bg-default-02_pc.jpg) 0 0/cover no-repeat;
}
@media screen and (min-width: 768px) {
  .event-section.is-default-02 {
    background-image: url(../images/common/bg-default-02_pc.jpg);
  }
}

.event-news-archive {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 30px 15px;
}
@media screen and (min-width: 768px) {
  .event-news-archive {
    gap: 50px 20px;
  }
}
.event-news-archive .event-news-archive__item {
  width: calc(50% - 8px);
}
@media screen and (min-width: 1025px) {
  .event-news-archive .event-news-archive__item {
    width: calc(33.333% - 15px);
  }
}
.event-news-archive .event-news-archive__thum {
  border-radius: 3px;
  display: block;
  height: 30.612244898vw;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .event-news-archive .event-news-archive__thum {
    max-height: 214px;
    height: 15.6661786237vw;
  }
}
.event-news-archive .event-news-archive__thum img {
  display: block;
  width: auto;
  height: 100%;
  margin: 0 auto;
  -o-object-fit: cover;
  object-fit: cover;
}
.event-news-archive .event-news-archive__thum .label {
  background-color: #D90916;
  border-radius: 3px;
  color: #fff;
  display: block;
  font-size: 1rem;
  left: 0;
  line-height: 1;
  padding: 5px 8px;
  position: absolute;
  top: 0;
  z-index: 2;
}
.event-news-archive .event-news-archive__title {
  font-weight: 700;
  display: block;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .event-news-archive .event-news-archive__title {
    font-size: 1.8rem;
  }
}
.event-news-archive .event-news-archive__bottom {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 1rem;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 10px;
}

.vertical-card-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 15px;
}
@media screen and (min-width: 768px) {
  .vertical-card-list {
    gap: 50px 40px;
    padding: 0 40px;
  }
}
.vertical-card-list .ghost-title-card {
  width: calc(50% - 8px);
}
@media screen and (min-width: 1025px) {
  .vertical-card-list .ghost-title-card {
    width: calc(33.333% - 27px);
  }
}

.event-cat-archive .event-cat-archive__inr {
  margin-bottom: 50px;
}
.event-cat-archive .event-cat-archive__inr > div {
  padding-top: 20px;
}
.event-cat-archive .event-cat-archive__inr > div:nth-child(n+2) {
  border-top: 1px solid #8B8B8B;
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  #event-single .single-content-block .single-content-block__subtitle {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  #event-single .single-content-block .single-content-block__top .single-content-block__top__inr {
    margin-bottom: 20px;
  }
}

#event-image-cat .event-section {
  padding-top: 0;
}
#event-image-cat .vertical-card-list {
  margin-bottom: 50px;
}

#event-image-cat-horizon .event-archive-list {
  gap: 25px 20px;
  padding: 0 0 40px;
}
@media screen and (min-width: 1025px) {
  #event-image-cat-horizon .event-archive-list {
    gap: 50px 40px;
    padding: 0 60px 50px;
  }
}
#event-image-cat-horizon .event-archive-list .ghost-title-card {
  height: 34.4387755102vw;
  width: calc(50% - 10px);
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  #event-image-cat-horizon .event-archive-list .ghost-title-card {
    height: 19.7657393851vw;
    width: 100%;
  }
}
@media screen and (min-width: 1025px) {
  #event-image-cat-horizon .event-archive-list .ghost-title-card {
    height: 19.7657393851vw;
    width: calc(50% - 20px);
  }
}
#event-image-cat-horizon .event-archive-list .ghost-title-card img {
  display: block;
  width: auto;
  height: 100%;
  margin: 0 auto;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  #event-cat-image-detail .single-content-block .single-content-block__top .single-content-block__top__inr {
    margin-bottom: 20px;
  }
}
#event-cat-image-detail .gallery-block {
  padding: 0;
}
#event-cat-image-detail .gallery-block .gallery-block__slide-top {
  padding: 0 40px 30px;
}
@media screen and (min-width: 768px) {
  #event-cat-image-detail .gallery-block .gallery-block__slide-top {
    padding: 0 60px 50px;
  }
}
#event-cat-image-detail .gallery-block .gallery-block__slider .slick-slide {
  overflow: hidden;
  text-align: center;
}
#event-cat-image-detail .gallery-block .gallery-block__slider .slick-slide img {
  margin: 0 auto;
  -o-object-fit: cover;
  object-fit: cover;
  height: initial;
  width: initial;
}
@media screen and (min-width: 768px) {
  #event-cat-image-detail .gallery-block .gallery-block__slider .slick-slide img {
    min-height: 600px;
  }
}
#event-cat-image-detail .gallery-block .gallery-block__slider .slider-arrow.slider-arrow--prev {
  left: 0;
}
#event-cat-image-detail .gallery-block .gallery-block__slider .slider-arrow.slider-arrow--next {
  right: 0;
}
#event-cat-image-detail .gallery-block .gallery-block__slide-bottom {
  margin-bottom: 50px;
  gap: 0;
}
#event-cat-image-detail .gallery-block .gallery-block__slide-bottom > a {
  display: block;
  padding: 5px;
  width: 33.3333333333%;
}
@media screen and (min-width: 768px) {
  #event-cat-image-detail .gallery-block .gallery-block__slide-bottom > a {
    width: 12.5%;
  }
}
/* ------------------------
  ランキング
------------------------ */
.ranking_block .ranking-tab__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.ranking_block .ranking-tab__head button {
  width: 50%;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  padding: 14px 0;
  border-bottom: 2px solid #f4f4f4;
}
.ranking_block .ranking-tab__head button.is-current {
  color: #D90916;
  border-color: #D90916;
}
.ranking_block .ranking-tab__item:not(:first-child) {
  display: none;
}
.ranking_block .ranking__inr {
  padding: 20px 15px 26px;
}
@media screen and (min-width: 768px) {
  .ranking_block .ranking__inr {
    padding: 40px 18px 52px;
  }
}
.ranking_block .cat__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 9px 9px;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .ranking_block .cat__list {
    margin-bottom: 45px;
  }
}
.ranking_block .cat__list .cat-item {
  text-align: center;
  background: #fff;
  border: 1px solid #111;
  border-radius: 3px;
  padding: 11px 0;
  width: calc((100% - 9px) / 2);
}
@media screen and (min-width: 768px) {
  .ranking_block .cat__list .cat-item {
    font-size: 16px;
  }
}
@media screen and (min-width: 1025px) {
  .ranking_block .cat__list .cat-item {
    width: calc((100% - 18px) / 3);
  }
}
@media screen and (min-width: 1366px) {
  .ranking_block .cat__list .cat-item {
    width: calc((100% - 36px) / 5);
  }
}
.ranking_block .cat__list .cat-item:hover, .ranking_block .cat__list .cat-item.is-current {
  color: #fff;
  background: #111;
}
.ranking_block .article__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 24px 0;
}
@media screen and (min-width: 1025px) {
  .ranking_block .article__list {
    gap: 48px 30px;
  }
}
.ranking_block .article__list .article-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  counter-increment: count;
}
@media screen and (min-width: 1025px) {
  .ranking_block .article__list .article-item {
    width: calc((100% - 30px) / 2);
  }
}
.ranking_block .article__list .article-item:before {
  content: "";
  display: block;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
  border: 2px solid #fff;
  border-radius: 50%;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.6rem;
  font-weight: 700;
  height: 32px;
  left: -16px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 32px;
  z-index: 2;
  content: counter(count);
}
.ranking_block .article__list .article-item:nth-child(1)::before {
  background-color: #D90916;
}
.ranking_block .article__list .article-item__top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 15px 0 0;
}
.ranking_block .article__list .article-item__num {
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 5px;
}
@media screen and (min-width: 768px) {
  .ranking_block .article__list .article-item__num {
    font-size: 22px;
  }
}
.ranking_block .article__list .article-item__num:after {
  font-size: 28px;
  content: counter(count);
}
@media screen and (min-width: 768px) {
  .ranking_block .article__list .article-item__num:after {
    font-size: 37px;
  }
}
.ranking_block .article__list .article-item:first-child .article-item__num {
  color: #D90916;
}
.ranking_block .article__list .article-item__image {
  width: 120px;
  height: 120px;
}
@media screen and (min-width: 1025px) {
  .ranking_block .article__list .article-item__image {
    width: 11.7130307467vw;
    height: 11.7130307467vw;
    max-width: 160px;
    max-height: 160px;
  }
}
.ranking_block .article__list .article-item__cats {
  margin: 0 0 5px;
}
.ranking_block .article__list .article-item__cats .cat-box {
  font-size: 10px;
  padding: 2px 9px;
}

/* ------------------------
  イラストレーテッド
------------------------ */
.illustrated-block {
  padding-bottom: 60px;
}
@media screen and (min-width: 1025px) {
  .illustrated-block {
    padding: 0 60px 110px 50px;
  }
}
.illustrated-block .illustrated-block__inr {
  padding: 0 15px;
}
@media screen and (min-width: 1025px) {
  .illustrated-block .illustrated-block__inr {
    margin-left: auto;
    max-width: 880px;
    padding: 0;
  }
}
.illustrated-block .illustrated-block__top {
  background-color: #F7F7F7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 40px;
  padding: 20px 15px;
}
@media screen and (min-width: 768px) {
  .illustrated-block .illustrated-block__top {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 40px;
    margin-bottom: 60px;
    padding: 30px;
  }
}
.illustrated-block .illustrated-block__top .illustrated-block__top__thum {
  width: 150px;
}
@media screen and (max-width: 1024px) {
  .illustrated-block .illustrated-block__top .illustrated-block__top__thum {
    margin: 0 auto;
  }
}
.illustrated-block .illustrated-block__top .illustrated-block__top__conetnt {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
}
.illustrated-block .illustrated-block__top .illustrated-block__top__head {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.2rem;
  gap: 15px;
  margin-bottom: 5px;
}
.illustrated-block .illustrated-block__top .illustrated-block__top__label {
  background-color: #D90916;
  border-radius: 3px;
  color: #fff;
  font-size: 0.85em;
  padding: 4px 9px;
}
.illustrated-block .illustrated-block__top .illustrated-block__top__vol {
  font-size: 1.8rem;
  font-weight: 700;
}
.illustrated-block .illustrated-block__top .illustrated-block__top__title {
  font-weight: 700;
}
.illustrated-block .illustrated-block__top .illustrated-block__top__btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .illustrated-block .illustrated-block__top .illustrated-block__top__btns {
    margin-top: 30px;
    gap: 20px;
  }
}
.illustrated-block .illustrated-block__top .illustrated-block__top__btns .btn--has-arrow {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .illustrated-block .illustrated-block__top .illustrated-block__top__btns .btn--has-arrow {
    max-width: auto;
    margin: 0;
    padding: 15px 40px;
  }
}
@media screen and (min-width: 1025px) {
  .illustrated-block .illustrated-block__top .illustrated-block__top__btns .btn--has-arrow--black {
    width: 280px;
  }
}
@media screen and (min-width: 1025px) {
  .illustrated-block .illustrated-block__top .illustrated-block__top__btns .btn--has-arrow--border {
    width: 220px;
  }
}

.illustrated-search {
  background-color: #F7F7F7;
  margin-bottom: 60px;
  padding: 20px 15px;
}
@media screen and (min-width: 1025px) {
  .illustrated-search {
    margin-bottom: 100px;
    padding: 30px;
  }
}
.illustrated-search .illustrated-search__section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 25px;
  gap: 12px;
  text-align: left;
}
@media screen and (min-width: 1025px) {
  .illustrated-search .illustrated-search__section {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 24px;
  }
}
.illustrated-search .illustrated-search__section input {
  border: 1px solid #111;
  border-radius: 3px;
  padding: 10px 20px 10px 50px;
  width: 100%;
}
.illustrated-search .illustrated-search__section select {
  border: 1px solid #111;
  border-radius: 3px;
  padding: 10px 20px;
  min-width: 120px;
}
@media screen and (min-width: 1025px) {
  .illustrated-search .illustrated-search__section select {
    min-width: 152px;
  }
}
.illustrated-search .illustrated-search__section .illustrated-search__section__title {
  font-size: 1.8rem;
  width: 150px;
}
.illustrated-search .illustrated-search__section .illustrated-search__section__content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
}
.illustrated-search .illustrated-search__section .illustrated-search__section__content.illustrated-search__section__content--select {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px;
}
@media screen and (min-width: 1025px) {
  .illustrated-search .illustrated-search__section .illustrated-search__section__content.illustrated-search__section__content--select {
    gap: 22px;
  }
}
.illustrated-search .illustrated-search__section .illustrated-search__section__content.illustrated-search__section__content--select > div {
  position: relative;
}
.illustrated-search .illustrated-search__section .illustrated-search__section__content.illustrated-search__section__content--select > div::after {
  content: "";
  display: block;
  border-style: solid;
  border-width: 6px 4.5px 0 4.5px;
  border-color: #000000 transparent transparent transparent;
  height: 0;
  pointer-events: none;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 0;
}
.illustrated-search .illustrated-search__section .illustrated-search__section__content.illustrated-search__section__content--keyword {
  position: relative;
}
.illustrated-search .illustrated-search__section .illustrated-search__section__content.illustrated-search__section__content--keyword::before {
  content: "";
  display: block;
  background: url(../images/common/search_black.svg) 0 0/100% 100% no-repeat;
  height: 18px;
  left: 15px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 18px;
}
.illustrated-search .illustrated-search__submit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 10px;
}
.illustrated-search .illustrated-search__submit .btn {
  text-align: center;
  width: 300px;
}

.illustrated-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 35px 20px;
  margin-bottom: 60px;
}
@media screen and (min-width: 1025px) {
  .illustrated-list {
    gap: 50px 73px;
  }
}
.illustrated-list .illustrated-list__item {
  width: calc(50% - 10px);
}
@media screen and (min-width: 1025px) {
  .illustrated-list .illustrated-list__item {
    width: calc(50% - 37px);
  }
}
.illustrated-list .illustrated-list__item .illustrated-list__item__inr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
}
@media screen and (min-width: 1025px) {
  .illustrated-list .illustrated-list__item .illustrated-list__item__inr {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.illustrated-list .illustrated-list__item .illustrated-list__item__thum {
  margin: 0 auto;
  width: 130px;
}
.illustrated-list .illustrated-list__item .illustrated-list__item__content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
}
.illustrated-list .illustrated-list__item .illustrated-list__item__date {
  font-size: 1.2rem;
  margin-bottom: 10px;
}
.illustrated-list .illustrated-list__item .illustrated-list__item__vol {
  font-size: 1.25em;
  font-weight: 700;
}
.illustrated-list .illustrated-list__item .illustrated-list__item__title {
  font-weight: 700;
  margin-bottom: 15px;
}
.illustrated-list .illustrated-list__item .illustrated-list__item__wrap {
  margin-top: 10px;
}
@media screen and (min-width: 1025px) {
  .illustrated-list .illustrated-list__item .illustrated-list__item__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 15px;
    gap: 10px;
  }
}
.illustrated-list .illustrated-list__item .illustrated-list__item__index {
  width: auto;
}
@media screen and (min-width: 1025px) {
  .illustrated-list .illustrated-list__item .illustrated-list__item__index {
    width: calc((100% - 10px) / 2);
  }
}
.illustrated-list .illustrated-list__item .illustrated-list__item__index .btn {
  padding: 5px 30px;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .illustrated-list .illustrated-list__item .illustrated-list__item__index .btn {
    padding: 10px 40px;
  }
}
.illustrated-list .illustrated-list__item .illustrated-list__item__btn {
  width: auto;
  margin-top: 10px;
}
@media screen and (min-width: 1025px) {
  .illustrated-list .illustrated-list__item .illustrated-list__item__btn {
    margin-top: 0;
    width: calc((100% - 10px) / 2);
  }
}
.illustrated-list .illustrated-list__item .illustrated-list__item__btn .btn {
  padding: 5px 30px;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .illustrated-list .illustrated-list__item .illustrated-list__item__btn .btn {
    padding: 10px 40px;
  }
}

@font-face {
  font-family: "Impact";
  src: url(/assets/font/impact.ttf);
}
.plan {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
.plan .impact {
  font-family: Impact;
}
.plan img {
  display: block;
}
.plan .page-content {
  padding-top: 52px;
}
@media screen and (min-width: 768px) {
  .plan .page-content {
    padding-top: 0;
  }
}
.plan .plan-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  background-color: #000;
  padding: 9px 22px 7px;
}
@media screen and (min-width: 768px) {
  .plan .plan-header {
    padding: 12px 29px 9px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .plan-header {
    padding: 18px 44px 14px;
  }
}
.plan .plan-header .plan-header-logo a {
  display: block;
  width: 103px;
}
@media screen and (min-width: 768px) {
  .plan .plan-header .plan-header-logo a {
    width: 137px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .plan-header .plan-header-logo a {
    width: 206px;
  }
}
.plan .plan-header .plan-header-btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 0 10px;
  position: absolute;
  top: 0;
  right: 0;
  height: 65px;
}
@media screen and (min-width: 768px) {
  .plan .plan-header .plan-header-btns {
    gap: 0 34px;
    top: 0;
    right: 46px;
    height: 87px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .plan-header .plan-header-btns {
    gap: 0 51px;
    right: 69px;
    height: 130px;
  }
}
.plan .plan-header .plan-header-btns .plan-header-btn {
  background-color: #c52b26;
  background-size: 22px auto;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .plan .plan-header .plan-header-btns .plan-header-btn {
    background-size: 29px auto;
  }
}
@media screen and (min-width: 1124px) {
  .plan .plan-header .plan-header-btns .plan-header-btn {
    background-size: 44px auto;
  }
}
.plan .plan-header .plan-header-btns .plan-header-btn p {
  color: #fff;
  font-weight: 700;
  line-height: 1;
  font-size: 12px;
}
@media screen and (min-width: 768px) {
  .plan .plan-header .plan-header-btns .plan-header-btn p {
    font-size: 16px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .plan-header .plan-header-btns .plan-header-btn p {
    font-size: 24px;
  }
}
.plan .plan-header .plan-header-btns .plan-header-btn--paln {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2044%2044%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20none%3B%20stroke%3A%20%23fff%3B%20stroke-miterlimit%3A%2010%3B%20stroke-width%3A%202px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_9%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%209%22%3E%20%3Cg%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M11.97%2C3.54C5.44%2C7.1%2C1%2C14.03%2C1%2C22c0%2C11.6%2C9.4%2C21%2C21%2C21s21-9.4%2C21-21S33.6%2C1%2C22%2C1v30%22%2F%3E%20%3Cpolyline%20class%3D%22cls-1%22%20points%3D%2215%2025%2022%2032%2029%2025%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  width: 132px;
  height: auto;
  padding: 15px;
  background-position: right 12px center;
}
@media screen and (min-width: 768px) {
  .plan .plan-header .plan-header-btns .plan-header-btn--paln {
    width: 174px;
    padding: 20px;
    background-position: right 16px center;
  }
}
@media screen and (min-width: 1124px) {
  .plan .plan-header .plan-header-btns .plan-header-btn--paln {
    width: 264px;
    padding: 30px;
    background-position: right 24px center;
  }
}
.plan .plan-header .plan-header-btns .plan-header-btn--register {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2044%2044%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2px%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_9%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%209%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M3.54%2032.03C7.1%2038.57%2014.03%2043%2022%2043c11.6%200%2021-9.4%2021-21S33.6%201%2022%201%201%2010.4%201%2022h30%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M25%2029l7-7-7-7%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  width: 85px;
  height: 65px;
  padding: 14px 0 41px;
  background-position: center bottom 10px;
}
@media screen and (min-width: 768px) {
  .plan .plan-header .plan-header-btns .plan-header-btn--register {
    width: 127px;
    height: 87px;
    padding: 14px 0 53px;
    background-position: center bottom 12px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .plan-header .plan-header-btns .plan-header-btn--register {
    width: 190px;
    height: 130px;
    padding: 21px 0 80px;
    background-position: center bottom 18px;
  }
}
.plan .plan-header .plan-header-btns .plan-header-btn--register p {
  text-align: center;
}
.plan .mv {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.plan .mv .mv-bg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1294px;
}
@media screen and (min-width: 768px) {
  .plan .mv .mv-bg {
    width: 1280px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .mv .mv-bg {
    width: 1920px;
  }
}
@media screen and (min-width: 1920px) {
  .plan .mv .mv-bg {
    width: 100%;
  }
}
.plan .mv .mv-bg img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50%;
  object-position: 50%;
  width: 100%;
  height: 100%;
}
.plan .mv .mv-hd {
  position: relative;
  z-index: 0;
  padding: 47px 0 50px;
}
@media screen and (min-width: 768px) {
  .plan .mv .mv-hd {
    padding: 135px 0 64px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .mv .mv-hd {
    padding: 202px 0 96px;
  }
}
.plan .mv .mv-hd::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.2)), color-stop(43%, rgba(0, 0, 0, 0.6)), color-stop(92%, rgb(0, 0, 0)));
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 43%, rgb(0, 0, 0) 92%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 43%, rgb(0, 0, 0) 92%);
}
.plan .mv .mv-hd::after {
  display: block;
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20110%2063%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22a%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeOffset%20dx%3D%223%22%20dy%3D%223%22%2F%3E%3CfeGaussianBlur%20result%3D%22blur%22%20stdDeviation%3D%223%22%2F%3E%3CfeFlood%20flood-color%3D%22%23000%22%20flood-opacity%3D%22.5%22%2F%3E%3CfeComposite%20in2%3D%22blur%22%20operator%3D%22in%22%2F%3E%3CfeComposite%20in%3D%22SourceGraphic%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23c52b26%22%20filter%3D%22url(%23a)%22%20d%3D%22M98%206L52%2051%206%206%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%209%22%2F%3E%3C%2Fsvg%3E");
  left: calc(50% - 27.5px);
  bottom: -20px;
  width: 55px;
  height: 32px;
}
@media screen and (min-width: 768px) {
  .plan .mv .mv-hd::after {
    left: calc(50% - 37px);
    bottom: -27px;
    width: 74px;
    height: 42px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .mv .mv-hd::after {
    left: calc(50% - 55px);
    bottom: -40px;
    width: 110px;
    height: 64px;
  }
}
.plan .mv .mv-hd span {
  display: block;
  text-align: center;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  font-size: 18px;
}
@media screen and (min-width: 393px) {
  .plan .mv .mv-hd span {
    font-size: 23px;
  }
}
@media screen and (min-width: 768px) {
  .plan .mv .mv-hd span {
    font-size: 30px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .mv .mv-hd span {
    font-size: 46px;
  }
}
.plan .mv .mv-hd img {
  width: 212px;
  margin: 18px auto 0;
}
@media screen and (min-width: 768px) {
  .plan .mv .mv-hd img {
    width: 282px;
    margin: 24px auto 0;
  }
}
@media screen and (min-width: 1124px) {
  .plan .mv .mv-hd img {
    width: 423px;
    margin: 36px auto 0;
  }
}
.plan .mv .mv-content {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.85)), color-stop(20%, rgb(255, 255, 255)), to(rgb(255, 255, 255)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.85) 0%, rgb(255, 255, 255) 20%, rgb(255, 255, 255) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.85) 0%, rgb(255, 255, 255) 20%, rgb(255, 255, 255) 100%);
  padding: 31px 25px 38px;
}
@media screen and (min-width: 768px) {
  .plan .mv .mv-content {
    padding: 43px 0 58px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .mv .mv-content {
    padding: 65px 0 87px;
  }
}
.plan .mv .mv-content .mv-content-inner {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .plan .mv .mv-content .mv-content-inner {
    max-width: 896px;
    padding: 0 28px;
  }
}
.plan .mv .mv-content .mv-content-inner .mv-content-txt {
  font-weight: 700;
  font-size: 16px;
  line-height: 28px;
  word-break: break-all;
}
@media screen and (min-width: 768px) {
  .plan .mv .mv-content .mv-content-inner .mv-content-txt {
    font-size: 16px;
    line-height: 31px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .mv .mv-content .mv-content-inner .mv-content-txt {
    font-size: 19px;
    line-height: 37px;
  }
}
.plan .mv .mv-content .mv-content-inner .mv-content-txt + .mv-content-txt {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .plan .mv .mv-content .mv-content-inner .mv-content-txt + .mv-content-txt {
    margin-top: 0;
  }
}
.plan .mv .mv-content .mv-content-inner .mv-content-name {
  text-align: right;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  .plan .mv .mv-content .mv-content-inner .mv-content-name {
    margin-top: 35px;
    font-size: 13px;
    line-height: 24px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .mv .mv-content .mv-content-inner .mv-content-name {
    margin-top: 32px;
    font-size: 16px;
    line-height: 29px;
  }
}
.plan .mv .mv-content .mv-content-inner .mv-content-name .big {
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .plan .mv .mv-content .mv-content-inner .mv-content-name .big {
    font-size: 16px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .mv .mv-content .mv-content-inner .mv-content-name .big {
    font-size: 19px;
  }
}
.plan .feature {
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.9)), color-stop(5%, rgba(0, 0, 0, 0.8)), color-stop(60%, rgba(0, 0, 0, 0.6)), color-stop(95%, rgba(0, 0, 0, 0.8)), to(rgb(0, 0, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.8) 5%, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0.8) 95%, rgb(0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.8) 5%, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0.8) 95%, rgb(0, 0, 0) 100%);
  padding: 40px 0 36px;
}
@media screen and (min-width: 768px) {
  .plan .feature {
    padding: 32px 0 80px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .feature {
    padding: 48px 0 120px;
  }
}
.plan .feature::before {
  display: block;
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20110%2063%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22a%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeOffset%20dx%3D%223%22%20dy%3D%223%22%2F%3E%3CfeGaussianBlur%20result%3D%22blur%22%20stdDeviation%3D%223%22%2F%3E%3CfeFlood%20flood-color%3D%22%23000%22%20flood-opacity%3D%22.5%22%2F%3E%3CfeComposite%20in2%3D%22blur%22%20operator%3D%22in%22%2F%3E%3CfeComposite%20in%3D%22SourceGraphic%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23ededed%22%20filter%3D%22url(%23a)%22%20d%3D%22M98%206L52%2051%206%206%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%209%22%2F%3E%3C%2Fsvg%3E");
  top: -16px;
  left: calc(50% - 27.5px);
  width: 55px;
  height: 32px;
}
@media screen and (min-width: 768px) {
  .plan .feature::before {
    top: -54px;
    left: calc(50% - 37px);
    width: 74px;
    height: 42px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .feature::before {
    top: -80px;
    left: calc(50% - 55px);
    width: 110px;
    height: 63px;
  }
}
.plan .feature .feature-hd {
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}
@media screen and (min-width: 393px) {
  .plan .feature .feature-hd {
    font-size: 20px;
    line-height: 30px;
  }
}
@media screen and (min-width: 768px) {
  .plan .feature .feature-hd {
    font-size: 25px;
    line-height: 39px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .feature .feature-hd {
    font-size: 38px;
    line-height: 58px;
  }
}
.plan .feature .feature-wrapper {
  background-position: top center;
  background-size: auto 100%;
  background-repeat: no-repeat;
  margin-top: 25px;
  background-image: url(/assets/images/plan/feature-bg-sp.svg);
}
@media screen and (min-width: 768px) {
  .plan .feature .feature-wrapper {
    height: 85.065885798vw;
    margin-top: 5.710102489vw;
    background-image: url(/assets/images/plan/feature-bg-pc.svg);
  }
}
@media screen and (min-width: 1124px) {
  .plan .feature .feature-wrapper {
    height: 1162px;
    margin-top: 78px;
  }
}
.plan .feature .feature-wrapper::before {
  display: block;
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100vw;
  height: 100vh;
  background: url(/assets/images/plan/feature-morter-bg.jpg) no-repeat;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .plan .feature .feature-wrapper::before {
    background: #000;
  }
}
.plan .feature .feature-wrapper .feature-list {
  position: relative;
}
@media screen and (min-width: 768px) {
  .plan .feature .feature-wrapper .feature-list {
    max-width: 1124px;
    height: 100%;
    margin: 0 auto;
  }
}
.plan .feature .feature-wrapper .feature-list .feature-list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: static;
  width: 301px;
  height: 212px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .plan .feature .feature-wrapper .feature-list .feature-list-item {
    display: block;
    position: absolute;
    width: 32.6500732064vw;
    height: 28.1112737921vw;
  }
}
@media screen and (min-width: 1124px) {
  .plan .feature .feature-wrapper .feature-list .feature-list-item {
    width: 446px;
    height: 384px;
  }
}
@media screen and (min-width: 768px) {
  .plan .feature .feature-wrapper .feature-list .feature-list-item:nth-of-type(1) {
    padding-top: 5.0512445095vw;
    top: 0;
    left: 8.9311859444vw;
  }
}
@media screen and (min-width: 1124px) {
  .plan .feature .feature-wrapper .feature-list .feature-list-item:nth-of-type(1) {
    padding-top: 69px;
    left: 0;
  }
}
@media screen and (min-width: 768px) {
  .plan .feature .feature-wrapper .feature-list .feature-list-item:nth-of-type(2) {
    padding-top: 4.9780380673vw;
    top: 14.2752562225vw;
    left: 33.7481698389vw;
  }
}
@media screen and (min-width: 1124px) {
  .plan .feature .feature-wrapper .feature-list .feature-list-item:nth-of-type(2) {
    padding-top: 68px;
    top: 195px;
    left: 339px;
  }
}
@media screen and (min-width: 768px) {
  .plan .feature .feature-wrapper .feature-list .feature-list-item:nth-of-type(3) {
    padding-top: 4.0263543192vw;
    top: 0;
    right: 8.9311859444vw;
  }
}
@media screen and (min-width: 1124px) {
  .plan .feature .feature-wrapper .feature-list .feature-list-item:nth-of-type(3) {
    padding-top: 55px;
    right: 0;
  }
}
@media screen and (min-width: 768px) {
  .plan .feature .feature-wrapper .feature-list .feature-list-item:nth-of-type(4) {
    padding-top: 4.39238653vw;
    top: 42.6793557833vw;
    left: 33.8213762811vw;
  }
}
@media screen and (min-width: 1124px) {
  .plan .feature .feature-wrapper .feature-list .feature-list-item:nth-of-type(4) {
    padding-top: 60px;
    top: 583px;
    left: 340px;
  }
}
@media screen and (min-width: 768px) {
  .plan .feature .feature-wrapper .feature-list .feature-list-item:nth-of-type(5) {
    padding-top: 4.5387994143vw;
    top: 28.4773060029vw;
    left: 8.9311859444vw;
  }
}
@media screen and (min-width: 1124px) {
  .plan .feature .feature-wrapper .feature-list .feature-list-item:nth-of-type(5) {
    padding-top: 62px;
    top: 389px;
    left: 0;
  }
}
@media screen and (min-width: 768px) {
  .plan .feature .feature-wrapper .feature-list .feature-list-item:nth-of-type(6) {
    padding-top: 5.8565153734vw;
    top: 28.4773060029vw;
    right: 8.9311859444vw;
  }
}
@media screen and (min-width: 1124px) {
  .plan .feature .feature-wrapper .feature-list .feature-list-item:nth-of-type(6) {
    padding-top: 80px;
    top: 389px;
    right: 0;
  }
}
@media screen and (min-width: 768px) {
  .plan .feature .feature-wrapper .feature-list .feature-list-item:nth-of-type(7) {
    padding-top: 4.9048316252vw;
    top: 56.9546120059vw;
    left: 8.9311859444vw;
  }
}
@media screen and (min-width: 1124px) {
  .plan .feature .feature-wrapper .feature-list .feature-list-item:nth-of-type(7) {
    padding-top: 67px;
    top: 778px;
    left: 0;
  }
}
@media screen and (min-width: 768px) {
  .plan .feature .feature-wrapper .feature-list .feature-list-item:nth-of-type(8) {
    padding-top: 4.9048316252vw;
    top: 56.9546120059vw;
    right: 8.9311859444vw;
  }
}
@media screen and (min-width: 1124px) {
  .plan .feature .feature-wrapper .feature-list .feature-list-item:nth-of-type(8) {
    padding-top: 67px;
    top: 778px;
    right: 0;
  }
}
.plan .feature .feature-wrapper .feature-list .feature-list-item .feature-list-hd .en {
  display: block;
  text-align: center;
  color: #000;
  font-size: 14px;
  line-height: 20px;
}
@media screen and (min-width: 768px) {
  .plan .feature .feature-wrapper .feature-list .feature-list-item .feature-list-hd .en {
    font-size: 2.196193265vw;
    line-height: 2.5622254758vw;
  }
}
@media screen and (min-width: 1124px) {
  .plan .feature .feature-wrapper .feature-list .feature-list-item .feature-list-hd .en {
    font-size: 30px;
    line-height: 35px;
  }
}
.plan .feature .feature-wrapper .feature-list .feature-list-item .feature-list-hd .ja {
  display: block;
  text-align: center;
  color: #fff;
  margin-top: 2px;
  font-size: 16px;
  line-height: 21px;
}
@media screen and (min-width: 768px) {
  .plan .feature .feature-wrapper .feature-list .feature-list-item .feature-list-hd .ja {
    margin-top: 1.0248901903vw;
    font-size: 1.6105417277vw;
    line-height: 2.3426061493vw;
  }
}
@media screen and (min-width: 1124px) {
  .plan .feature .feature-wrapper .feature-list .feature-list-item .feature-list-hd .ja {
    margin-top: 14px;
    font-size: 22px;
    line-height: 32px;
  }
}
.plan .feature .feature-wrapper .feature-list .feature-list-item .feature-list-hd::after {
  display: block;
  content: "";
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .plan .feature .feature-wrapper .feature-list .feature-list-item .feature-list-hd::after {
    width: 1.9033674963vw;
    height: 0.1464128843vw;
    margin: 0.878477306vw auto 0;
  }
}
@media screen and (min-width: 1124px) {
  .plan .feature .feature-wrapper .feature-list .feature-list-item .feature-list-hd::after {
    width: 26px;
    height: 2px;
    margin: 12px auto 0;
  }
}
.plan .feature .feature-wrapper .feature-list .feature-list-item .feature-list-txt {
  text-align: center;
  color: #fff;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  margin-top: 15px;
  font-size: 13px;
  line-height: 18px;
}
@media screen and (min-width: 768px) {
  .plan .feature .feature-wrapper .feature-list .feature-list-item .feature-list-txt {
    margin-top: 1.4641288433vw;
    font-size: 1.2445095168vw;
    line-height: 1.9765739385vw;
  }
}
@media screen and (min-width: 1124px) {
  .plan .feature .feature-wrapper .feature-list .feature-list-item .feature-list-txt {
    margin-top: 20px;
    font-size: 17px;
    line-height: 27px;
  }
}
.plan .voice {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.plan .voice::before {
  display: block;
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(153, 153, 153, 0.85)), color-stop(30%, rgba(153, 153, 153, 0.85)), to(rgb(153, 153, 153)));
  background: -webkit-linear-gradient(top, rgba(153, 153, 153, 0.85) 0%, rgba(153, 153, 153, 0.85) 30%, rgb(153, 153, 153) 100%);
  background: linear-gradient(to bottom, rgba(153, 153, 153, 0.85) 0%, rgba(153, 153, 153, 0.85) 30%, rgb(153, 153, 153) 100%);
}
@media screen and (min-width: 768px) {
  .plan .voice::before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(153, 153, 153, 0.85)), color-stop(60%, rgba(153, 153, 153, 0.85)), to(rgb(153, 153, 153)));
    background: -webkit-linear-gradient(top, rgba(153, 153, 153, 0.85) 0%, rgba(153, 153, 153, 0.85) 60%, rgb(153, 153, 153) 100%);
    background: linear-gradient(to bottom, rgba(153, 153, 153, 0.85) 0%, rgba(153, 153, 153, 0.85) 60%, rgb(153, 153, 153) 100%);
  }
}
.plan .voice .voice-bg {
  position: absolute;
  z-index: -2;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1294px;
}
@media screen and (min-width: 768px) {
  .plan .voice .voice-bg {
    width: 1280px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .voice .voice-bg {
    width: 1920px;
  }
}
@media screen and (min-width: 1920px) {
  .plan .voice .voice-bg {
    width: 100%;
  }
}
.plan .voice .voice-bg img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50%;
  object-position: 50%;
  width: 100%;
  height: 100%;
}
.plan .voice .voice-content {
  background-color: rgba(0, 0, 0, 0.8);
  padding: 42px 0 30px;
}
@media screen and (min-width: 768px) {
  .plan .voice .voice-content {
    padding: 56px 0 48px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .voice .voice-content {
    padding: 84px 0 64px;
  }
}
.plan .voice .voice-content .voice-hd img {
  display: block;
  margin: 0 auto;
  width: 102px;
}
@media screen and (min-width: 768px) {
  .plan .voice .voice-content .voice-hd img {
    width: 136px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .voice .voice-content .voice-hd img {
    width: 204px;
  }
}
.plan .voice .voice-content .voice-hd span {
  display: block;
  text-align: center;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.16em;
  margin-top: 16px;
  font-size: 18px;
}
@media screen and (min-width: 768px) {
  .plan .voice .voice-content .voice-hd span {
    margin-top: 23px;
    font-size: 24px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .voice .voice-content .voice-hd span {
    margin-top: 35px;
    font-size: 32px;
  }
}
.plan .voice .voice-content .voice-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 17px 0;
  margin: 0 25px;
  padding: 21px 0 0;
}
@media screen and (min-width: 768px) {
  .plan .voice .voice-content .voice-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 24px 28px;
    margin: 0 28px;
    padding: 42px 0 0;
  }
}
@media screen and (min-width: 1124px) {
  .plan .voice .voice-content .voice-list {
    gap: 36px 42px;
    max-width: 1132px;
    margin: 0 auto;
    padding: 64px 0 0;
  }
}
.plan .voice .voice-content .voice-list .voice-list-item {
  border: 1px solid #fff;
  padding: 16px 26px 18px;
}
@media screen and (min-width: 768px) {
  .plan .voice .voice-content .voice-list .voice-list-item {
    width: calc((100% - 28px) / 2);
    padding: 20px 35px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .voice .voice-content .voice-list .voice-list-item {
    width: calc((100% - 42px) / 2);
    padding: 30px 52px;
  }
}
.plan .voice .voice-content .voice-list .voice-list-item .voice-list-icon {
  width: 50px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .plan .voice .voice-content .voice-list .voice-list-item .voice-list-icon {
    width: 66px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .voice .voice-content .voice-list .voice-list-item .voice-list-icon {
    width: 100px;
  }
}
.plan .voice .voice-content .voice-list .voice-list-item .voice-list-hd {
  text-align: center;
  color: #fff;
  font-size: 14px;
  line-height: 19px;
}
@media screen and (min-width: 768px) {
  .plan .voice .voice-content .voice-list .voice-list-item .voice-list-hd {
    font-size: 16px;
    line-height: 25px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .voice .voice-content .voice-list .voice-list-item .voice-list-hd {
    font-size: 18px;
    line-height: 28px;
  }
}
.plan .voice .voice-content .voice-list .voice-list-item .voice-list-txt {
  color: #fff;
  border-top: 1px solid #fff;
  margin-top: 7px;
  padding-top: 9px;
  font-size: 14px;
  line-height: 19px;
}
@media screen and (min-width: 768px) {
  .plan .voice .voice-content .voice-list .voice-list-item .voice-list-txt {
    margin-top: 8px;
    padding-top: 16px;
    font-size: 16px;
    line-height: 25px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .voice .voice-content .voice-list .voice-list-item .voice-list-txt {
    margin-top: 12px;
    padding-top: 24px;
    font-size: 18px;
    line-height: 28px;
  }
}
.plan .voice .voice-note {
  text-align: center;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .plan .voice .voice-note {
    margin-top: 27px;
    font-size: 13px;
    line-height: 20px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .voice .voice-note {
    margin-top: 40px;
    font-size: 16px;
    line-height: 25px;
  }
}
.plan .faq {
  background-color: #000;
  padding: 44px 0 33px;
}
@media screen and (min-width: 768px) {
  .plan .faq {
    padding: 114px 0 136px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .faq {
    padding: 76px 0 91px;
  }
}
.plan .faq .faq-hd .en {
  display: block;
  text-align: center;
  color: #c52b26;
  line-height: 1;
  font-size: 23px;
}
@media screen and (min-width: 768px) {
  .plan .faq .faq-hd .en {
    font-size: 20px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .faq .faq-hd .en {
    font-size: 30px;
  }
}
.plan .faq .faq-hd .en::after {
  display: block;
  content: "";
  background-color: #c52b26;
  width: 19px;
  height: 2px;
  margin: 13px auto 0;
}
@media screen and (min-width: 768px) {
  .plan .faq .faq-hd .en::after {
    width: 17px;
    margin: 8px auto 0;
  }
}
@media screen and (min-width: 1124px) {
  .plan .faq .faq-hd .en::after {
    width: 26px;
    margin: 12px auto 0;
  }
}
.plan .faq .faq-hd .ja {
  display: block;
  text-align: center;
  color: #fff;
  letter-spacing: 0.16em;
  line-height: 1;
  margin-top: 17px;
  font-size: 18px;
}
@media screen and (min-width: 768px) {
  .plan .faq .faq-hd .ja {
    margin-top: 20px;
    font-size: 24px;
    line-height: 1;
  }
}
@media screen and (min-width: 1124px) {
  .plan .faq .faq-hd .ja {
    margin-top: 30px;
    font-size: 32px;
  }
}
.plan .faq .faq-item {
  position: relative;
  margin: 32px 25px 0;
}
@media screen and (min-width: 768px) {
  .plan .faq .faq-item {
    max-width: 1050px;
    margin: 50px 28px 0;
  }
}
@media screen and (min-width: 1124px) {
  .plan .faq .faq-item {
    margin: 75px auto 0;
  }
}
.plan .faq .faq-item + .faq-item {
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .plan .faq .faq-item + .faq-item {
    margin-top: 27px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .faq .faq-item + .faq-item {
    margin-top: 40px;
  }
}
.plan .faq .faq-item .faq-question {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #fff;
}
.plan .faq .faq-item .faq-question .faq-question-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #c52b26;
  color: #fff;
  line-height: 1;
  width: 40px;
  height: 51px;
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .plan .faq .faq-item .faq-question .faq-question-icon {
    width: 53px;
    height: 53px;
    font-size: 20px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .faq .faq-item .faq-question .faq-question-icon {
    width: 80px;
    height: 80px;
    font-size: 30px;
  }
}
.plan .faq .faq-item .faq-question .faq-question-txt {
  color: #fff;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  padding-left: 12px;
  font-size: 14px;
  line-height: 15px;
}
@media screen and (min-width: 393px) {
  .plan .faq .faq-item .faq-question .faq-question-txt {
    padding-left: 15px;
    font-size: 16px;
    line-height: 18px;
  }
}
@media screen and (min-width: 768px) {
  .plan .faq .faq-item .faq-question .faq-question-txt {
    padding-left: 20px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .faq .faq-item .faq-question .faq-question-txt {
    padding-left: 30px;
    font-size: 22px;
  }
}
.plan .faq .faq-item .faq-question .faq-question-btn {
  margin-left: auto;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015.41%209.12%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20none%3B%20stroke%3A%20%23ebebeb%3B%20stroke-miterlimit%3A%2010%3B%20stroke-width%3A%202px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_9%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%209%22%3E%20%3Cpolyline%20class%3D%22cls-1%22%20points%3D%22.71%20.71%207.71%207.71%2014.71%20.71%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  width: 8px;
  height: 4px;
  margin-right: 20px;
}
@media screen and (min-width: 768px) {
  .plan .faq .faq-item .faq-question .faq-question-btn {
    width: 10px;
    height: 5px;
    margin-right: 22px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .faq .faq-item .faq-question .faq-question-btn {
    width: 14px;
    height: 7px;
    margin-right: 33px;
  }
}
.plan .faq .faq-item .faq-question.open .faq-question-btn {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.plan .faq .faq-item .faq-answer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(255, 255, 255, 0.3);
}
.plan .faq .faq-item .faq-answer .faq-answer-icon {
  text-align: center;
  color: #fff;
  line-height: 1;
  width: 40px;
  padding-top: 14px;
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .plan .faq .faq-item .faq-answer .faq-answer-icon {
    width: 53px;
    padding-top: 20px;
    font-size: 20px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .faq .faq-item .faq-answer .faq-answer-icon {
    width: 80px;
    padding-top: 30px;
    font-size: 30px;
  }
}
.plan .faq .faq-item .faq-answer .faq-answer-txt {
  color: #fff;
  width: calc(100% - 32px);
  padding: 9px 12px;
  font-size: 11px;
  line-height: 15px;
}
@media screen and (min-width: 393px) {
  .plan .faq .faq-item .faq-answer .faq-answer-txt {
    width: calc(100% - 40px);
    padding: 11px 15px;
    font-size: 14px;
    line-height: 19px;
  }
}
@media screen and (min-width: 768px) {
  .plan .faq .faq-item .faq-answer .faq-answer-txt {
    width: calc(100% - 53px);
    padding: 27px 30px;
    font-size: 16px;
    line-height: 25px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .faq .faq-item .faq-answer .faq-answer-txt {
    width: calc(100% - 80px);
    padding: 27px 30px;
    font-size: 18px;
    line-height: 28px;
  }
}
.plan .plan {
  background-color: #c52b26;
  background-image: url(/assets/images/plan/plan-logo.svg);
  background-position: top 20px left 13px;
  background-size: calc(100vw - 28px);
  background-repeat: no-repeat;
  padding: 44px 0;
}
@media screen and (min-width: 768px) {
  .plan .plan {
    background-position: top 32px center;
    background-size: 896px auto;
    padding: 76px 0 66px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .plan {
    background-position: top 49px center;
    background-size: 1345px auto;
    padding: 114px 0 100px;
  }
}
.plan .plan .plan-hd .en {
  display: block;
  text-align: center;
  color: #000;
  line-height: 1;
  font-size: 23px;
}
@media screen and (min-width: 768px) {
  .plan .plan .plan-hd .en {
    font-size: 20px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .plan .plan-hd .en {
    font-size: 30px;
  }
}
.plan .plan .plan-hd .en::after {
  display: block;
  content: "";
  background-color: #000;
  width: 19px;
  height: 2px;
  margin: 13px auto 0;
}
@media screen and (min-width: 768px) {
  .plan .plan .plan-hd .en::after {
    width: 17px;
    height: 2px;
    margin: 8px auto 0;
  }
}
@media screen and (min-width: 1124px) {
  .plan .plan .plan-hd .en::after {
    width: 26px;
    height: 2px;
    margin: 12px auto 0;
  }
}
.plan .plan .plan-hd .ja {
  display: block;
  text-align: center;
  color: #fff;
  line-height: 1;
  letter-spacing: 0.16em;
  margin-top: 17px;
  font-size: 18px;
}
@media screen and (min-width: 768px) {
  .plan .plan .plan-hd .ja {
    margin-top: 20px;
    font-size: 24px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .plan .plan-hd .ja {
    margin-top: 30px;
    font-size: 32px;
  }
}
.plan .plan .plan-txt {
  text-align: center;
  color: #fff;
  margin-top: 20px;
  font-size: 14px;
  line-height: 19px;
}
@media screen and (min-width: 768px) {
  .plan .plan .plan-txt {
    margin-top: 37px;
    font-size: 16px;
    line-height: 27px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .plan .plan-txt {
    margin-top: 55px;
    font-size: 20px;
    line-height: 34px;
  }
}
.plan .plan .pn-offer-grid__body {
  width: auto;
  background-image: url(../images/modal/plan_bg.webp);
  background-position: center;
  background-size: auto 100%;
  background-repeat: no-repeat;
  width: auto;
  margin: 8vw 6.6666666667vw 0;
  padding: 6vw 6.6666666667vw;
}
@media screen and (min-width: 768px) {
  .plan .plan .pn-offer-grid__body {
    width: 100vw;
    margin: 4.39238653vw auto;
    padding: 3.2942898975vw 3.6603221083vw;
  }
}
@media screen and (min-width: 1366px) {
  .plan .plan .pn-offer-grid__body {
    width: 1366px;
    margin: 60px auto 0;
    padding: 45px 50px;
  }
}
.plan .plan .pn-offer-grid__body .pn-offer-grid__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5.8666666667vw;
}
@media screen and (min-width: 768px) {
  .plan .plan .pn-offer-grid__body .pn-offer-grid__header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 2.5622254758vw;
  }
}
@media screen and (min-width: 1366px) {
  .plan .plan .pn-offer-grid__body .pn-offer-grid__header {
    gap: 35px;
  }
}
.plan .plan .pn-offer-grid__body .pn-offer-grid__header .pn-offer-grid__logo {
  width: 61.6vw;
}
@media screen and (min-width: 768px) {
  .plan .plan .pn-offer-grid__body .pn-offer-grid__header .pn-offer-grid__logo {
    width: 33.8213762811vw;
  }
}
@media screen and (min-width: 1366px) {
  .plan .plan .pn-offer-grid__body .pn-offer-grid__header .pn-offer-grid__logo {
    width: 462px;
  }
}
.plan .plan .pn-offer-grid__body .pn-offer-grid__header .pn-offer-grid__lead {
  width: auto;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .plan .plan .pn-offer-grid__body .pn-offer-grid__header .pn-offer-grid__lead {
    width: 54.1727672035vw;
    padding: 0.7320644217vw 0 0 0;
  }
}
@media screen and (min-width: 1366px) {
  .plan .plan .pn-offer-grid__body .pn-offer-grid__header .pn-offer-grid__lead {
    width: 740px;
    padding: 10px 0 0 0;
  }
}
.plan .plan .pn-offer-grid__body .pn-offer-grid__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 26.6666666667vw 0;
  margin: 9.6vw 0 0 0;
}
@media screen and (min-width: 768px) {
  .plan .plan .pn-offer-grid__body .pn-offer-grid__list {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 2.635431918vw;
    margin: 3.2210834553vw 0 0 0;
  }
}
@media screen and (min-width: 1366px) {
  .plan .plan .pn-offer-grid__body .pn-offer-grid__list {
    gap: 36px;
    margin: 44px 0 0;
  }
}
.plan .plan .pn-offer-grid__body .pn-offer-grid__list .pn-offer-grid__item {
  position: relative;
  width: auto;
  background-color: rgba(255, 226, 0, 0.2);
  -webkit-transition: opacity, background-color 0.3s ease;
  transition: opacity, background-color 0.3s ease;
  min-height: 100.8vw;
  padding: 5.3333333333vw 6.1333333333vw;
  border-radius: 2.6666666667vw;
}
@media screen and (min-width: 768px) {
  .plan .plan .pn-offer-grid__body .pn-offer-grid__list .pn-offer-grid__item {
    width: calc((100% - 5.270863836vw) / 3);
    min-height: 33.3821376281vw;
    padding: 2.9282576867vw 3.3674963397vw 1.4641288433vw;
    border-radius: 1.4641288433vw;
  }
}
@media screen and (min-width: 1366px) {
  .plan .plan .pn-offer-grid__body .pn-offer-grid__list .pn-offer-grid__item {
    width: calc((100% - 72px) / 3);
    min-height: 456px;
    padding: 40px 46px 20px;
    border-radius: 20px;
  }
}
.plan .plan .pn-offer-grid__body .pn-offer-grid__list .pn-offer-grid__item:hover, .plan .plan .pn-offer-grid__body .pn-offer-grid__list .pn-offer-grid__item:active {
  background-color: rgba(255, 226, 0, 0.5);
}
.plan .plan .pn-offer-grid__body .pn-offer-grid__list .pn-offer-grid__item .pn-offer-grid__star {
  position: absolute;
  top: -14.2666666667vw;
  right: -7.7333333333vw;
  width: 32vw;
  height: 32vw;
}
@media screen and (min-width: 768px) {
  .plan .plan .pn-offer-grid__body .pn-offer-grid__list .pn-offer-grid__item .pn-offer-grid__star {
    top: -4.9048316252vw;
    right: -4.0263543192vw;
    width: 13.5431918009vw;
    height: 13.5431918009vw;
  }
}
@media screen and (min-width: 1366px) {
  .plan .plan .pn-offer-grid__body .pn-offer-grid__list .pn-offer-grid__item .pn-offer-grid__star {
    top: -67px;
    right: -55px;
    width: 185px;
    height: 185px;
  }
}
.plan .plan .pn-offer-grid__body .pn-offer-grid__list .pn-offer-grid__item .pn-offer-grid__text--description {
  width: 100%;
  margin: 4.6666666667vw 0 0 0;
}
@media screen and (min-width: 768px) {
  .plan .plan .pn-offer-grid__body .pn-offer-grid__list .pn-offer-grid__item .pn-offer-grid__text--description {
    width: 21.6691068814vw;
    margin: 1.4641288433vw 0 0 0;
  }
}
@media screen and (min-width: 1366px) {
  .plan .plan .pn-offer-grid__body .pn-offer-grid__list .pn-offer-grid__item .pn-offer-grid__text--description {
    width: 296px;
    margin: 20px 0 0 0;
  }
}
.plan .plan .pn-offer-grid__body .pn-offer-grid__list .pn-offer-grid__item .pn-boilerplate__button {
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.plan .plan .pn-offer-grid__body .pn-offer-grid__list .pn-offer-grid__item .pn-offer-grid__bottom {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -14.6666666667vw;
}
@media screen and (min-width: 768px) {
  .plan .plan .pn-offer-grid__body .pn-offer-grid__list .pn-offer-grid__item .pn-offer-grid__bottom {
    bottom: -4.831625183vw;
  }
}
@media screen and (min-width: 1366px) {
  .plan .plan .pn-offer-grid__body .pn-offer-grid__list .pn-offer-grid__item .pn-offer-grid__bottom {
    bottom: -66px;
  }
}
.plan .plan .pn-offer-grid__body .pn-offer-grid__list .pn-offer-grid__item .pn-offer-grid__bottom img {
  height: 14.6666666667vw;
}
@media screen and (min-width: 768px) {
  .plan .plan .pn-offer-grid__body .pn-offer-grid__list .pn-offer-grid__item .pn-offer-grid__bottom img {
    width: auto;
    height: 4.831625183vw;
    margin: 0;
  }
}
@media screen and (min-width: 1366px) {
  .plan .plan .pn-offer-grid__body .pn-offer-grid__list .pn-offer-grid__item .pn-offer-grid__bottom img {
    height: 66px;
  }
}
.plan .plan .pn-offer-grid__body .pn-offer-grid__list .pn-offer-grid__item .pn-offer-grid__engine-karta {
  position: absolute;
  width: 19.3333333333vw;
  left: -3.7333333333vw;
  bottom: -17.8666666667vw;
}
@media screen and (min-width: 768px) {
  .plan .plan .pn-offer-grid__body .pn-offer-grid__list .pn-offer-grid__item .pn-offer-grid__engine-karta {
    width: 10.6149341142vw;
    left: -3.2942898975vw;
    bottom: -9.8096632504vw;
  }
}
@media screen and (min-width: 1366px) {
  .plan .plan .pn-offer-grid__body .pn-offer-grid__list .pn-offer-grid__item .pn-offer-grid__engine-karta {
    width: 145px;
    left: -45px;
    bottom: -134px;
  }
}
.plan .plan .pn-offer-grid__body .pn-offer-grid__list .pn-offer-grid__item .pn-offer-grid__mortor-fan {
  position: absolute;
  width: 16.8vw;
  right: -3.7333333333vw;
  bottom: -16.6666666667vw;
}
@media screen and (min-width: 768px) {
  .plan .plan .pn-offer-grid__body .pn-offer-grid__list .pn-offer-grid__item .pn-offer-grid__mortor-fan {
    width: 9.224011713vw;
    right: -2.0497803807vw;
    bottom: -9.1508052709vw;
  }
}
@media screen and (min-width: 1366px) {
  .plan .plan .pn-offer-grid__body .pn-offer-grid__list .pn-offer-grid__item .pn-offer-grid__mortor-fan {
    width: 126px;
    right: -28px;
    bottom: -125px;
  }
}
.plan .plan .pn-offer-grid__body .plan-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 5.3333333333vw 0;
  margin: 26.6666666667vw 0 0 0;
}
@media screen and (min-width: 768px) {
  .plan .plan .pn-offer-grid__body .plan-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2.635431918vw;
    width: 100vw;
    margin: 14.6412884334vw -3.6603221083vw 0;
    padding: 0 3.6603221083vw;
  }
}
@media screen and (min-width: 1366px) {
  .plan .plan .pn-offer-grid__body .plan-list {
    gap: 36px;
    width: 1366px;
    margin: 200px -50px 0;
    padding: 0 50px;
  }
}
.plan .plan .pn-offer-grid__body .plan-list .plan-list-item {
  position: relative;
  background-color: #fff;
  width: auto;
}
@media screen and (min-width: 768px) {
  .plan .plan .pn-offer-grid__body .plan-list .plan-list-item {
    width: calc((100% - 5.270863836vw) / 3);
  }
}
@media screen and (min-width: 1366px) {
  .plan .plan .pn-offer-grid__body .plan-list .plan-list-item {
    width: calc((100% - 72px) / 3);
  }
}
.plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-hd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  background-color: #000;
  text-align: center;
  color: #fff;
  font-weight: 700;
  height: 13.8666666667vw;
}
@media screen and (min-width: 768px) {
  .plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-hd {
    height: 6.588579795vw;
  }
}
@media screen and (min-width: 1366px) {
  .plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-hd {
    height: 90px;
  }
}
@media screen and (max-width: 767px) {
  .plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-hd.sp-double {
    height: 19.3333333333vw;
  }
}
.plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-hd .plan-list-hd-txt {
  font-size: 5.8666666667vw;
  line-height: 7.7333333333vw;
}
@media screen and (min-width: 768px) {
  .plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-hd .plan-list-hd-txt {
    font-size: 1.756954612vw;
    line-height: 2.5622254758vw;
  }
}
@media screen and (min-width: 1366px) {
  .plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-hd .plan-list-hd-txt {
    font-size: 24px;
    line-height: 35px;
  }
}
.plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-hd .plan-list-hd-txt .sml {
  font-size: 3.8666666667vw;
  line-height: 8.1333333333vw;
}
@media screen and (min-width: 768px) {
  .plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-hd .plan-list-hd-txt .sml {
    font-size: 1.756954612vw;
    line-height: 2.5622254758vw;
  }
}
@media screen and (min-width: 1366px) {
  .plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-hd .plan-list-hd-txt .sml {
    font-size: 24px;
    line-height: 35px;
  }
}
.plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-hd::after {
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: block;
  content: "";
  width: 0;
  height: 0;
  margin: 0 auto;
  border-style: solid;
  border-color: #000000 transparent transparent transparent;
  width: 0;
  left: 50%;
  bottom: -3.0666666667vw;
  border-width: 3.0666666667vw 2vw 0 2vw;
}
@media screen and (min-width: 768px) {
  .plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-hd::after {
    bottom: -0.9516837482vw;
    border-width: 0.878477306vw 0.878477306vw 0 0.878477306vw;
  }
}
@media screen and (min-width: 1366px) {
  .plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-hd::after {
    bottom: -14px;
    border-width: 14px 14px 0 14px;
  }
}
.plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-content {
  padding: 4.8vw 6vw;
}
@media screen and (min-width: 768px) {
  .plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-content {
    padding: 2.3426061493vw 1.317715959vw 1.2445095168vw;
  }
}
@media screen and (min-width: 1366px) {
  .plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-content {
    padding: 32px 18px 17px;
  }
}
.plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-content.has-btn {
  padding-bottom: 20.1333333333vw;
}
@media screen and (min-width: 768px) {
  .plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-content.has-btn {
    padding-bottom: 8.9311859444vw;
  }
}
@media screen and (min-width: 1366px) {
  .plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-content.has-btn {
    padding-bottom: 122px;
  }
}
.plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-content .plan-list-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
@media screen and (min-width: 768px) {
  .plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-content .plan-list-wrap {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-content .plan-list-wrap .plan-list-type {
  font-weight: 700;
  font-size: 5.4666666667vw;
  line-height: 7.2vw;
}
@media screen and (min-width: 768px) {
  .plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-content .plan-list-wrap .plan-list-type {
    font-size: 1.8301610542vw;
    line-height: 2.4890190337vw;
  }
}
@media screen and (min-width: 1366px) {
  .plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-content .plan-list-wrap .plan-list-type {
    font-size: 25px;
    line-height: 34px;
  }
}
.plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-content .plan-list-wrap .plan-list-currency {
  margin-left: 3.3333333333vw;
  font-size: 10.1333333333vw;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-content .plan-list-wrap .plan-list-currency {
    margin-left: 0.9516837482vw;
    font-size: 3.2942898975vw;
  }
}
@media screen and (min-width: 1366px) {
  .plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-content .plan-list-wrap .plan-list-currency {
    margin-left: 13px;
    font-size: 45px;
  }
}
.plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-content .plan-list-wrap .plan-list-num {
  color: #c52b26;
  margin-left: 1.8666666667vw;
  font-size: 10.1333333333vw;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-content .plan-list-wrap .plan-list-num {
    margin-left: 0.6588579795vw;
    font-size: 3.3674963397vw;
  }
}
@media screen and (min-width: 1366px) {
  .plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-content .plan-list-wrap .plan-list-num {
    margin-left: 9px;
    font-size: 46px;
  }
}
.plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-content .plan-list-wrap .plan-list-extax {
  margin-left: -0.5333333333vw;
  text-align: center;
  font-size: 3.3333333333vw;
  line-height: 4.5333333333vw;
}
@media screen and (min-width: 768px) {
  .plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-content .plan-list-wrap .plan-list-extax {
    margin-left: -0.2196193265vw;
    text-align: left;
    font-size: 1.1713030747vw;
    line-height: 1.756954612vw;
  }
}
@media screen and (min-width: 1366px) {
  .plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-content .plan-list-wrap .plan-list-extax {
    margin-left: -3px;
    font-size: 16px;
    line-height: 24px;
  }
}
.plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-content .plan-list-txt {
  margin-top: 1.4666666667vw;
  margin-left: -0.5em;
  text-align: center;
  font-size: 3.3333333333vw;
  line-height: 4.5333333333vw;
}
@media screen and (min-width: 768px) {
  .plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-content .plan-list-txt {
    text-align: left;
    margin-top: 0.7320644217vw;
    font-size: 1.1713030747vw;
    line-height: 1;
  }
}
@media screen and (min-width: 1366px) {
  .plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-content .plan-list-txt {
    margin-top: 10px;
    font-size: 16px;
  }
}
.plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-content .plan-list-desc {
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  margin-top: 3.8666666667vw;
  font-size: 3.3333333333vw;
  line-height: 4.5333333333vw;
}
@media screen and (min-width: 768px) {
  .plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-content .plan-list-desc {
    margin-top: 1.5373352855vw;
    font-size: 0.9516837482vw;
    line-height: 1.4641288433vw;
  }
}
@media screen and (min-width: 1366px) {
  .plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-content .plan-list-desc {
    margin-top: 21px;
    font-size: 13px;
    line-height: 20px;
  }
}
.plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-content .plan-list-feature {
  border-top: 1px solid #000;
  margin-top: 2.1333333333vw;
}
@media screen and (min-width: 768px) {
  .plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-content .plan-list-feature {
    margin-top: 0.7320644217vw;
  }
}
@media screen and (min-width: 1366px) {
  .plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-content .plan-list-feature {
    margin-top: 10px;
  }
}
.plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-content .plan-list-feature .plan-list-feature-item {
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  word-break: break-all;
  padding: 1.8666666667vw 0 1.4666666667vw;
  font-size: 3.3333333333vw;
  line-height: 4.5333333333vw;
}
@media screen and (min-width: 768px) {
  .plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-content .plan-list-feature .plan-list-feature-item {
    padding: 0.7320644217vw 0 0.5124450952vw 0.8052708638vw;
    font-size: 1.0248901903vw;
    line-height: 1.4641288433vw;
  }
}
@media screen and (min-width: 1366px) {
  .plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-content .plan-list-feature .plan-list-feature-item {
    padding: 10px 0 9px 13px;
    font-size: 14px;
    line-height: 20px;
  }
}
.plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-content .plan-list-feature .plan-list-feature-item + .plan-list-feature-item {
  border-top: 1px dotted #000;
}
.plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-content .plan-list-feature .plan-list-feature-item::before {
  display: inline-block;
  margin-left: -1.7333333333vw;
  content: "・";
}
@media screen and (min-width: 768px) {
  .plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-content .plan-list-feature .plan-list-feature-item::before {
    margin-left: -0.6588579795vw;
  }
}
@media screen and (min-width: 1366px) {
  .plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-content .plan-list-feature .plan-list-feature-item::before {
    margin-left: -9px;
  }
}
.plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-content .plan-list-btn {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #c52b26;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2044%2044%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2px%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_9%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%209%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M3.54%2032.03C7.1%2038.57%2014.03%2043%2022%2043c11.6%200%2021-9.4%2021-21S33.6%201%2022%201%201%2010.4%201%2022h30%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M25%2029l7-7-7-7%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  text-align: left;
  color: #fff;
  font-weight: 700;
  bottom: 4.5333333333vw;
  width: 47.0666666667vw;
  height: 12.2666666667vw;
  margin: 2.6666666667vw auto 0;
  padding-left: 12vw;
  background-position: right 4.2666666667vw center;
  background-size: 5.3333333333vw auto;
  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
  font-size: 4.2666666667vw;
  line-height: 12.2666666667vw;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
@media screen and (min-width: 768px) {
  .plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-content .plan-list-btn {
    bottom: 2.0497803807vw;
    width: 19.9853587116vw;
    height: 5.0512445095vw;
    margin: 1.1713030747vw auto 0;
    padding-left: 4.39238653vw;
    background-position: right 2.7818448023vw center;
    background-size: 2.7818448023vw auto;
    font-size: 1.6105417277vw;
    line-height: 5.5636896047vw;
    -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5);
    box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5);
  }
}
@media screen and (min-width: 1366px) {
  .plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-content .plan-list-btn {
    bottom: 28px;
    width: 273px;
    height: 69px;
    margin: 16px auto 0;
    padding-left: 60px;
    background-position: right 38px center;
    background-size: 35px auto;
    font-size: 22px;
    line-height: 76px;
  }
}
.plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-content .plan-list-btn.inactive {
  background-color: #4d4d4d;
  pointer-events: none;
}
.plan .plan .pn-offer-grid__body .plan-list .plan-list-item .plan-list-content .plan-list-btn:hover {
  opacity: 0.6;
}
.plan .social {
  background-color: #000;
  padding: 26px 0 30px;
}
@media screen and (min-width: 768px) {
  .plan .social {
    padding: 35px 0 45px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .social {
    padding: 52px 0 67px;
  }
}
.plan .social .social-hd {
  text-align: center;
  color: #fff;
  font-size: 16px;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .plan .social .social-hd {
    font-size: 20px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .social .social-hd {
    font-size: 30px;
  }
}
.plan .social .social-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0 14px;
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .plan .social .social-list {
    gap: 16px;
    margin-top: 26px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .social .social-list {
    gap: 24px;
    margin-top: 39px;
  }
}
.plan .social .social-list .social-list-item a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  width: 51px;
  height: 51px;
}
@media screen and (min-width: 768px) {
  .plan .social .social-list .social-list-item a {
    width: 56px;
    height: 56px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .social .social-list .social-list-item a {
    width: 84px;
    height: 84px;
  }
}
.plan .social .social-list .social-list-item.instagram img {
  width: 18px;
}
@media screen and (min-width: 768px) {
  .plan .social .social-list .social-list-item.instagram img {
    width: 20px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .social .social-list .social-list-item.instagram img {
    width: 30px;
  }
}
.plan .social .social-list .social-list-item.twitter img {
  width: 19px;
}
@media screen and (min-width: 768px) {
  .plan .social .social-list .social-list-item.twitter img {
    width: 21px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .social .social-list .social-list-item.twitter img {
    width: 32px;
  }
}
.plan .social .social-list .social-list-item.youtube img {
  width: 20px;
}
@media screen and (min-width: 768px) {
  .plan .social .social-list .social-list-item.youtube img {
    width: 23px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .social .social-list .social-list-item.youtube img {
    width: 34px;
  }
}
.plan .social .social-list .social-list-item.facebook img {
  width: 19px;
}
@media screen and (min-width: 768px) {
  .plan .social .social-list .social-list-item.facebook img {
    width: 12px;
  }
}
@media screen and (min-width: 1124px) {
  .plan .social .social-list .social-list-item.facebook img {
    width: 15px;
  }
}
/*# sourceMappingURL=map/page.css.map */