#page_faq .faq_a a {
  color: #3ea1cc;
  text-decoration: underline;
  word-break: break-all;
  transition: all .25s ease-in
}

.terms_edit p.intro {
  margin-bottom: 2em;
}
.is-style-regular.c-table {
  border: none;
}
.is-style-regular.c-table table,
.terms_edit table {
  border-collapse: collapse;
  width: 100%;
  margin: 1em 0;
}
.is-style-regular.c-table table th,
.is-style-regular.c-table table td,
.terms_edit table th,
.terms_edit table td {
  text-align: left;
  vertical-align: top;
  border: 1px solid #ccc;
  padding: .5em 1em;
}
@media screen and (max-width: 750px) {
  .is-style-regular.c-table table th,
  .is-style-regular.c-table table td {
    font-size: calc(13 / var(--vp) * var(--vw));
  }
  .is-style-regular.c-table table td strong {
    font-size: calc(13 / var(--vp) * var(--vw));
  }
}
.is-style-regular.c-table table td:first-of-type,
.terms_edit table th {
  width: 12em;
  background: #f8f8f8;
}
@media screen and (max-width: 750px) {
  .terms_edit table th {
    width: 8em;
  }
  .is-style-regular.c-table table td:first-of-type {
    width: 7em;
  }
}
.terms_edit table ul > li {
  text-indent: -1em;
  margin: 0 0 0 1em!important;
}
.terms_edit table ul > li::before {
  background: #000;
}



/* 2024.11.21 */
/* 「アプリの使い方」に動画を追加 */

#page_howto .movie_title  {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  margin: 0 0 .5em 0;
}
@media screen and (max-width: 750px) {
    #page_howto .movie_title  {
        font-size: calc(18 / var(--vp) * var(--vw))
    }
}

#page_howto .movie {
    overflow: hidden;
    position: relative;
    max-width: calc(600 / var(--vp) * var(--vw));
    border-radius: 40px;
    /* box-shadow: 40px 40px 0px var(--c_green1); */
    margin: 0 auto 82px;
}

@media screen and (max-width: 750px) {
    #page_howto .movie {
        border-radius:20px;
        /* box-shadow: 15px 15px 0px var(--c_green1); */
        margin-right:calc(30 / var(--vp) * var(--vw));
        margin-left:calc(30 / var(--vp) * var(--vw));
        margin-bottom:calc(53 / var(--vp) * var(--vw));
    }
}

#page_howto .movie .js-video-button {
    cursor: pointer
}

#page_howto .movie .js-video-button::before {
    content: "";
    opacity: 0;
    position: relative;
    z-index: 1;
    display: block;
    padding-bottom: 56.25%;
    background: #000
}

#page_howto .movie .js-video-button::after {
    content: "";
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    width: 12.5%;
    aspect-ratio: 1/1;
    background: var(--c_green1);
    background: url(../img/vision-movie-play.png) no-repeat center center var(--c_green1);
    background-size: 40% auto;
    border-radius: 100%;
    transform: translate(-50%, -50%)
}

#page_howto .movie .js-video-button img {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#page_howto .movie .js-video-button:hover::before {
    opacity: .3
}



/* 2024.11.21 */
/* 応募ボタン非表示関係 */

/* body.home .btn2,
#header .btn2,
#spMenu .btn2 {
  display: none;
}
#spMenu .btn1.login {
  width: 50%;
  margin: auto;
  grid-column: 1 / 3;
}
@media screen and (max-width: 750px) {
  #spMenu .btn1.login {
    margin: 0 auto 17px;
  }
}
#top-mainvisual .btn_wrap li:nth-child(1) a {
  color: #36A3A7;
}
#top-mainvisual .btn_wrap li:nth-child(1) a::before {
  opacity: 1;
}
#top-mainvisual .btn_wrap li:nth-child(1) span {
  position: relative;
} */



/* 2024.11.28 */
/* サポートページにリリースノートのリンクを追加 */

#page_support .support_link_list {
  grid-template-columns: repeat(3, 1fr);
}

#page_news .btn1 {
  width: 300px;
  margin: 60px auto;
}
@media screen and (max-width: 750px) {
  #page_news .btn1 {
    width: calc(245 / var(--vp) * var(--vw));
    margin: calc(40 / var(--vp) * var(--vw)) auto 0;
  }
}



/* 2024.11.28 */
/* 「モアクトをホームに設定する方法」の改修 */

#page_short .btn_anchor {
  width: 80%;
}
@media screen and (max-width: 999px) {
  #page_short .btn_anchor {
    width: auto;
  }
}
#page_short .btn_anchor a {
  line-height: 1.4;
  height: 100%;
  justify-content: flex-start;
}
@media screen and (max-width: 750px) {
  #page_short .btn_anchor a {
    justify-content: center;
  }
}



/* 2025.02.12 */
/* スマホメニューのアイコンの大きさの統一（均等に修正） */
#spMenu .menu-underpage .icon {
  width: auto;
  max-width: 100px;
}
@media screen and (max-width: 750px) {
  #spMenu .menu-underpage {
    gap: calc(12 / var(--vp) * var(--vw)) calc(32 / var(--vp) * var(--vw));
  }
}



/* 2025.04.07 */
/* お知らせ記事でタイポグラフィックをMにするとSP時にフォントサイズが小さくなるのを解消 */

@media screen and (max-width: 750px) {
  .wp_editor *:not(h3):not(h4):not(h5):not(h6) {
    font-size: 100%;
  }
}



/* 2025.04.24 */
/* TOPに動画を追加 */

#moact_for_business .js-video-button {
  width: min(380 / 10 * var(--vw), 380px);
  position: absolute;
  top: min(50 / 10 * var(--vw), 50px);
  right: min(32 / 10 * var(--vw), 32px);
}
@media screen and (max-width: 750px) {
  #moact_for_business .js-video-button {
    width: calc(670 / 2 / var(--vp) * var(--vw));
    top: calc(458 / 2 / var(--vp) * var(--vw));
    right: auto;
    left: calc(56 / 2 / var(--vp) * var(--vw));
  }
}
#moact_for_business .js-video-button:hover {
  cursor: pointer;
  opacity: .8;
}
#moact_for_business .js-video-button img {
  width: 100%;
}
/* #moact_for_business .js-video-button::before {
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
}
#moact_for_business .js-video-button:hover::before {
    opacity: .3
} */
#moact_for_business p {
  color: #fff;
  font-size: min(16 / 10 * var(--vw), 16px);
  font-weight: 500;
  line-height: calc(25.6 / 16);
  position: absolute;
  top: min(182 / 10 * var(--vw), 182px);
  left: min(60 / 10 * var(--vw), 60px);
}
@media screen and (max-width: 750px) {
  #moact_for_business p {
    font-size: calc(14 / var(--vp) * var(--vw));
    line-height: calc(42 / 28);
    letter-spacing: 0;
    top: calc(254 / 2 / var(--vp) * var(--vw));
    left: calc(60 / 2 / var(--vp) * var(--vw));
  }
}



/* 「ミッション提供企業・団体」（/company/）に動画を追加 */

#page_company .sec_case:last-of-type {
  padding-bottom: 50px;
  margin-bottom: -50px;
}
@media screen and (max-width: 750px) {
  #page_company .sec_case:last-of-type {
    padding-bottom: calc(25 / var(--vp) * var(--vw));
    margin-bottom: calc(-25 / var(--vp) * var(--vw));
  }
}
#page_company .bg-bottom {
  background: #dfe7f4 url('../img/bg_company_bottom.png') center top 60px / 100% auto no-repeat;
  padding-top: 78px;
}
@media screen and (max-width: 750px) {
  #page_company .bg-bottom {
    /* background: #dfe7f4; */
    background: linear-gradient(180deg, #dfe7f4 0%, #dfe7f4 50%, #fff 50%, #fff 100%);
    padding-top: calc(51 / var(--vp) * var(--vw));
  }
}
#page_company .btn1.--mission {
  padding-top: 0;
  margin: 0 auto;
}
#page_company #moact_for_business {
  padding-bottom: 0;
  margin-top: 160px;
}
@media screen and (max-width: 750px) {
  #page_company #moact_for_business {
    margin-top: calc(60 / var(--vp) * var(--vw));
  }
  #page_company .notes {
    margin-top: calc(40 / var(--vp) * var(--vw));
  }
}
#page_company #moact_for_business .btn1 {
  max-width: none;
  padding: 0;
  margin: -30px 0 0 60px;
}
@media screen and (max-width: 750px) {
  #page_company #moact_for_business .btn1 {
    margin: calc(-24 / var(--vp) * var(--vw)) auto 0;
  }
}



/* 「モアクトとは」（/about/）に動画を追加 */

#page_about #moact_week .title {
  padding-top: 40px;
}
@media screen and (max-width: 750px) {
  #page_about #moact_week .title {
    padding-top: 0;
    margin: 0 0 calc(20 / var(--vp) * var(--vw)) 0;
  }
}
#page_about #moact_week .title .illust {
  top: 0;
}
/* @media screen and (max-width: 750px) {
  #page_about #moact_week .title .illust {
    top: calc(30 / var(--vp) * var(--vw))
  }
} */
#page_about #moact_week h2.main {
  margin: 0 0 25px 0;
}
@media screen and (max-width: 750px) {
  #page_about #moact_week h2.main {
    margin: 0 0 calc(10 / var(--vp) * var(--vw)) 0;
  }
}
#page_about .week-copy {
  font-size: min(16 / 10 * var(--vw), 16px);
  font-weight: 500;
  text-align: center;
  line-height: calc(25.6 / 16);
  margin: 0 0 45px 0;
}
@media screen and (max-width: 750px) {
  #page_about .week-copy {
    font-size: calc(12 / var(--vp) * var(--vw));
    margin: 0 0 calc(30 / var(--vp) * var(--vw)) 0;
  }
}
#page_about .week-list {
  margin: 0 0 60px 0;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  #page_about .week-list {
    margin: 0 calc(10 / var(--vp) * var(--vw)) calc(40 / var(--vp) * var(--vw));
    flex-direction: column;
    gap: calc(20 / var(--vp) * var(--vw)) 0;
  }
}
#page_about .week-list__item {
  width: 31.7%;
}
@media screen and (max-width: 750px) {
  #page_about .week-list__item {
    width: auto;
  }
}
#page_about .week-list__item .js-video-button {
  display: block;
  position: relative;
}
#page_about .week-list__item .js-video-button:hover {
  cursor: pointer;
  opacity: .8;
}
#page_about .week-list__item .js-video-button img {
  width: 100%;
}
/* #page_about .week-list__item .js-video-button::before {
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
} */
#page_about .week-list__item .js-video-button::after {
    content: "";
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    width: 12.5%;
    aspect-ratio: 1/1;
    background: var(--c_green1);
    background: url(../img/vision-movie-play.png) no-repeat center center var(--c_green1);
    background-size: 40% auto;
    border-radius: 100%;
    transform: translate(-50%, -50%)
}
/* #page_about .week-list__item .js-video-button:hover::before {
    opacity: .3
} */
#page_about .week-list__item figcaption {
  color: var(--c_green1);
  font-size: min(16 / 10 * var(--vw), 16px);
  font-weight: 700;
  text-align: center;
  margin: 1em 0 0 0;
}
@media screen and (max-width: 750px) {
  #page_about .week-list__item figcaption {
    font-size: calc(12 / var(--vp) * var(--vw));
    margin: .5em 0 0 0;
  }
}

/* 2025.05.12 */
/* 投稿の画像のキャプションのセンター寄せ */
.wp-element-caption {
  text-align: center;
}

/* 2025.05.22 */
/* 注釈の追加 */
#page_about sup {
  font-size: .75em!important;
}
#page_about .notes.--about {
  padding: 0 30px 120px;
  font-size: .875rem;
}
@media screen and (max-width: 750px) {
  #page_about .notes.--about {
    padding: 0 calc(30 / var(--vp) * var(--vw)) calc(60 / var(--vp) * var(--vw));
    font-size: calc(12 / var(--vp) * var(--vw));
  }
}

/* 2025.07.17 */
/* トップのポイントにも注釈を追加 */
.home sup {
  font-size: .75em!important;
}
.c-point-notes {
  font-size: .875rem;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 0 20px 0;
}
@media screen and (max-width: 750px) {
  .c-point-notes {
    font-size: calc(12 / var(--vp) * var(--vw));
    padding: 0 calc(30 / var(--vp) * var(--vw)) calc(20 / var(--vp) * var(--vw));
  }
}

/* 2025.07.08 */
/* 記事内のリストのマージン */
.wp_editor .wp-block-list .wp-block-list {
  margin-top: 0;
}

/* 2025.07.17 */
/* 新規登録ボタンに変更 */
#header .btn2 .btn_inner small {
  font-weight: bold;
  font-size: 11px;
  text-align: center;
  color: var(--c_green1);
  width: 32px;
  height: 32px;
  background: #ffed89;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 6px;
  margin: auto;
}
#header .btn2 .btn_inner::after {
  content: "";
  width: 16px;
  height: 16px;
  mask: url('../img/icon_apri.svg') center center / contain no-repeat;
  background: #fff;
  position: absolute;
  top: 0;
  right: 12px;
  bottom: 0;
  margin: auto;
}
#header .btn2 .btn_inner:hover::after {
  background: var(--c_green1);
}

#spMenu .btn2 .btn_inner small {
  font-weight: bold;
  font-size: 13px;
  text-align: center;
  color: var(--c_green1);
  width: 40px;
  height: 40px;
  background: #ffed89;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
}
@media screen and (max-width: 750px) {
  #spMenu .btn2 .btn_inner small {
    font-size: calc(19.5 / 2 / var(--vp) * var(--vw));
    width: calc(60 / 2 / var(--vp) * var(--vw));
    height: calc(60 /2 / var(--vp) * var(--vw));
    left: calc(20 / 2 / var(--vp) * var(--vw));
  }
}
#spMenu .btn2 .btn_inner::after {
  content: "";
  width: 16px;
  height: 16px;
  mask: url('../img/icon_apri.svg') center center / contain no-repeat;
  background: #fff;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  margin: auto;
}
@media screen and (max-width: 750px) {
  #spMenu .btn2 .btn_inner::after {
    width: calc(24 / 2 / var(--vp) * var(--vw));
    height: calc(24 / 2 / var(--vp) * var(--vw));
    right: calc(36 / 2 / var(--vp) * var(--vw));
  }
}
#spMenu .btn2 .btn_inner:hover::after {
  background: var(--c_green1);
}

#top-mainvisual .btn_wrap li:nth-child(1) a {
  padding: calc(4 / var(--vp) * var(--vw)) calc(4 / var(--vp) * var(--vw)) calc(4 / var(--vp) * var(--vw)) calc(24 / var(--vp) * var(--vw));
}
#top-mainvisual .btn_wrap li:nth-child(1) a small {
  font-weight: bold;
  font-size: calc(16 / 2 / var(--vp) * var(--vw));
  text-align: center;
  color: var(--c_green1);
  width: calc(50 / 2 / var(--vp) * var(--vw));
  height: calc(50 / 2 / var(--vp) * var(--vw));
  background: #ffed89;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(10 / 2 / var(--vp) * var(--vw));
  margin: auto;
}

.spFixBtn {
  display: none;
}
@media screen and (max-width: 750px) {
  .spFixBtn {
    display: block;
    width: 100vw;
    height: calc(120 / 2 / var(--vp) * var(--vw));
    position: fixed;
    bottom: calc(20 / 2 / var(--vp) * var(--vw));
    left: 0;
    z-index: 99;
  }
  .spFixBtn a {
    font-weight: bold;
    font-size: calc(30 / 2 / var(--vp) * var(--vw));
    color: #fff;
    width: calc(660 / 2 / var(--vp) * var(--vw));
    height: 100%;
    background: var(--c_gradient);
    border-radius: 9999px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }
  .spFixBtn a small {
    font-weight: bold;
    font-size: calc(27 / 2 / var(--vp) * var(--vw));
    text-align: center;
    color: var(--c_green1);
    width: calc(90 / 2 / var(--vp) * var(--vw));
    height: calc(90 / 2 / var(--vp) * var(--vw));
    background: #ffed89;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(16 / 2 / var(--vp) * var(--vw));
    margin: auto;
  }
  .home #footer .footer_bottom {
    padding: calc(18 / var(--vp) * var(--vw)) 0 calc((18 + 70) / var(--vp) * var(--vw));
  }
}

.home #apri .btn2 a small {
  font-weight: bold;
  font-size: 13px;
  text-align: center;
  color: var(--c_green1);
  width: 40px;
  height: 40px;
  background: #ffed89;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
}
@media screen and (max-width: 750px) {
  .home #apri .btn2 a small {
    font-size: calc(19.5 / 2 / var(--vp) * var(--vw));
    width: calc(60 / 2 / var(--vp) * var(--vw));
    height: calc(60 /2 / var(--vp) * var(--vw));
    left: calc(20 / 2 / var(--vp) * var(--vw));
  }
}
.home #apri .btn2 a::after {
  content: "";
  width: 16px;
  height: 16px;
  mask: url('../img/icon_apri.svg') center center / contain no-repeat;
  background: #fff;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  margin: auto;
}
@media screen and (max-width: 750px) {
  .home #apri .btn2 a::after {
    width: calc(24 / 2 / var(--vp) * var(--vw));
    height: calc(24 / 2 / var(--vp) * var(--vw));
    right: calc(36 / 2 / var(--vp) * var(--vw));
  }
}
body:not(.view_sp) #apri .btn2 a:hover::after {
  background: var(--c_green1);
}

/* 2025.07.17 */
/* 「ミッション提供企業・団体」ページに「個人の感想です」を追加 */
.sec_case .voice dd {
  flex-direction: column;
  align-items: flex-start;
}
.sec_case .voice dd small {
  font-size: .75em;
  margin: .5em 0 0 0;
}

/* 2025.07.17 */
/* フッターにCVを追加 */
.cv {
}
.cv__inner {
  max-width: 1000px;
  padding: 80px 30px 80px 40px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 750px) {
  .cv__inner {
    padding: calc(60 / var(--vp) * var(--vw)) 0;
    display: block;
  }
}
.cv__logo {
  width: calc(306 / 930 * 100%);
}
@media screen and (max-width: 750px) {
  .cv__logo {
    width: calc(200 / var(--vp) * var(--vw));
    margin: 0 auto calc(30 / var(--vp) * var(--vw));
  }
}
.cv__logo img {
  width: 100%;
  height: auto;
}
.cv__img {
  width: calc(108 / 930 * 100%);
}
@media screen and (max-width: 750px) {
  .cv__img {
    width: calc(265 / 2 / var(--vp) * var(--vw));
    margin: 0 auto;
  }
}
.cv__img img {
  width: 100%;
}
.cv__btn {
  width: calc(440 / 930 * 100%);
}
@media screen and (max-width: 750px) {
  .cv__btn {
    width: calc(630 / 2 / var(--vp) * var(--vw));
    margin: 0 auto;
  }
}
.cv__btn .btn_inner {
  font-size: 20px;
  min-height: 80px;
  justify-content: center;
}
@media screen and (max-width: 750px) {
  .cv__btn .btn_inner {
    font-size: calc(26 / 2 / var(--vp) * var(--vw));
    min-height: calc(96 / 2 / var(--vp) * var(--vw));
  }
}
body:not(.view_sp) .cv__btn a:hover span {
    background: var(--c_gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
    background-clip: text;
    color: rgba(0,0,0,0)
}
body:not(.view_sp) .cv__btn a:hover span::before {
    right: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px)
}
.cv__btn .btn_wrap .btn2 a:hover::before {
    opacity: 1
}
.cv__btn .btn_wrap .btn2 span::before,.cv__btn .btn_wrap .btn2 span::after {
    display: none
}
.cv__btn .btn2 a small {
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  color: var(--c_green1);
  width: 60px;
  height: 60px;
  background: #ffed89;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
}
@media screen and (max-width: 750px) {
  .cv__btn .btn2 a small {
    font-size: calc(19.5 / 2 / var(--vp) * var(--vw));
    width: calc(60 / 2 / var(--vp) * var(--vw));
    height: calc(60 /2 / var(--vp) * var(--vw));
    left: calc(20 / 2 / var(--vp) * var(--vw));
  }
}
.cv__btn .btn2 a::after {
  content: "";
  width: 24px;
  height: 24px;
  mask: url('../img/icon_apri.svg') center center / contain no-repeat;
  background: #fff;
  position: absolute;
  top: 0;
  right: 24px;
  bottom: 0;
  margin: auto;
}
@media screen and (max-width: 750px) {
  .cv__btn .btn2 a::after {
    width: calc(24 / 2 / var(--vp) * var(--vw));
    height: calc(24 / 2 / var(--vp) * var(--vw));
    right: calc(36 / 2 / var(--vp) * var(--vw));
  }
}
body:not(.view_sp) .cv__btn .btn2 a:hover::after {
  background: var(--c_green1);
}
#breadcrumbs {
  margin-top: 0;
}

/* 2025.07.29 */
/* ハンバーガー内を改修 */
#spMenu .btn_wrap {
  max-width: 600px;
}
.menu-addpage {
  width: 100%;
  /* max-width: 640px; */
  max-width: 540px;
  margin: 55px auto -25px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  .menu-addpage {
    margin: calc(30 / var(--vp) * var(--vw)) auto calc(5 / var(--vp) * var(--vw));
    padding: 0 30px;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(15 / var(--vp) * var(--vw)) calc(100% - (150 / var(--vp) * var(--vw) * 2));
  }
}
.menu-addpage > li {
  font-weight: bold;
  font-size: min(16 / 10 * var(--vw), 16px);
  width: min(166 / 10 * var(--vw), 166px);
  height: min(46 / 10 * var(--vw), 46px);
}
@media screen and (max-width: 750px) {
  .menu-addpage > li {
    font-size: calc(12 / var(--vp) * var(--vw));
    width: calc(150 / var(--vp) * var(--vw));
    height: calc(30 / var(--vp) * var(--vw));
  }
}
.menu-addpage > li > a {
  width: 100%;
  height: 100%;
  border: 2px solid var(--c_green1);
  border-radius: 9999px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.menu-addpage > li > a:hover {
  color: #fff;
  background: var(--c_green1);
  border: 2px solid var(--c_green1)!important;
}
.menu-addpage > li.community {
  width: min(264 / 10 * var(--vw), 264px);
}
.menu-addpage > li.community > a {
  border: 2px solid #000;
}
.menu-addpage > li > a > span {
  padding: 0 1.5em 0 0;
  position: relative;
}
.menu-addpage > li > a > span:after {
  content: "";
  width: min(16 / 10 * var(--vw), 16px);
  height: min(16 / 10 * var(--vw), 16px);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
@media screen and (max-width: 750px) {
  .menu-addpage > li > a > span:after {
    width: calc(14 / var(--vp) * var(--vw));
    height: calc(14 / var(--vp) * var(--vw));
  }
}
.menu-addpage > li > a:hover > span:after {
  filter: brightness(0) invert(100%);
}
.menu-addpage > li.community > a > span:after {
  background-image: url(../img/icon_menu_community.svg);
}
.menu-addpage > li.news > a > span:after {
  background-image: url(../img/icon_menu_news.svg);
}
.menu-addpage > li.faq > a > span:after {
  background-image: url(../img/icon_menu_faq.svg);
}
.menu-addpage > li.contact > a > span:after {
  background-image: url(../img/icon_menu_mail.svg);
}
@media screen and (max-width: 750px) {
  #spMenu .keyword {
    margin: 16px auto 32px;
  }
}

/* 2025.08.01 */
/* SPのハンバーガー内のログインボタンのテキストを中央寄せ */
@media screen and (max-width: 750px) {
  #spMenu .btn_wrap .btn1.login .btn_inner {
    justify-content: center;
  }
}

/* 2025.08.27 */
/* 「スイッチについて」追加 */
#spMenu .menu-underpage {
  max-width: 720px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (max-width: 750px) {
  #spMenu .menu-underpage {
    display: grid;
  }
}

.home #about .about__notes {
  font-size: min(12 / 10 * var(--vw), 12px);
  max-width: 1022px;
  margin: 2em auto 0;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 750px) {
  .home #about .about__notes {
    font-size: calc(10 / var(--vp) * var(--vw));
    line-height: calc(32 / 20);
    margin: 2em calc(30 / var(--vp) * var(--vw)) 0;
  }
}

/* #page_toppage #moact_contents ul, #page_about #moact_contents ul */
#page_toppage #moact_contents ul > li:nth-child(3) img {
  width: 83%;
  margin: auto;
  display: block;
}
@media screen and (max-width: 750px) {
  #page_toppage #moact_contents ul > li:nth-child(3) img {
    width: auto;
  }
}

#page_toppage #vision {
  background: url(../img/toppage-switch.png) right center / auto 100% no-repeat;
  padding: 60px 0;
}
@media screen and (max-width: 750px) {
  #page_toppage #vision {
    background: url(../img/toppage-switch_sp.png) right bottom / 61.2% auto no-repeat;
    padding:calc(24/var(--vp)*var(--vw)) calc(30/var(--vp)*var(--vw)) calc(30/var(--vp)*var(--vw))
  }
}
#page_toppage #vision .innerWrap {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}
@media screen and (max-width: 750px) {
  #page_toppage #vision .innerWrap {
    display: block;
  }
}
#page_toppage #vision .sec_title {
  position: relative;
  color: var(--c_green1);
  padding-left: 41px;
  margin-bottom: 19px
}
@media screen and (max-width: 750px) {
  #page_toppage #vision .sec_title {
    padding-left:calc(20/var(--vp)*var(--vw));
    margin-bottom: calc(13/var(--vp)*var(--vw))
  }
}
#page_toppage #vision .sec_title::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 35px;
    height: 28px;
    background-color: var(--c_green1)
}
@media screen and (max-width: 750px) {
  #page_toppage #vision .sec_title::before {
    top:calc(4.75/var(--vp)*var(--vw));
    width: calc(18.5/var(--vp)*var(--vw));
    height: calc(14.5/var(--vp)*var(--vw))
  }
}
#page_toppage #vision .sec_title::before {
  -webkit-mask: url(../img/icon-vision.svg) no-repeat left center/contain;
  mask: url(../img/icon-vision.svg) no-repeat left center/contain
}
@media screen and (max-width: 750px) {
  #page_toppage #vision .sec_title .jp {
    font-size:calc(15/var(--vp)*var(--vw))
  }
}
@media screen and (max-width: 750px) {
  #page_toppage #vision p:not([class]) {
    width:64%;
    text-align: left;
    font-size: calc(14/var(--vp)*var(--vw));
    line-height: 1.5;
  }
}
#page_toppage #vision .btn1 {
    width: 256px
}
@media screen and (max-width: 750px) {
  #page_toppage #vision .btn1 {
    width:calc(142/var(--vp)*var(--vw));
    margin-top: calc(28/var(--vp)*var(--vw))
  }
}

#page_howto .btn_anchor li:not(:first-child) {
  margin-left: 16px;
}
@media screen and (max-width: 750px) {
  #page_howto .btn_anchor li:not(:first-child) {
    margin-left: 0;
  }
}

#page_howto .blk_media_text .text i.icon-switch-detail {
  font-style: normal;
  padding: 0 1.5em 0 0;
  margin: 0 .25em 0 0;
  position: relative;
}
#page_howto .blk_media_text .text i.icon-switch-detail::after {
  content: "";
  width: 1.25em;
  height: 1.25em;
  background: url(../img/icon-switch-detail.png) center center / contain no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
#footer #footer_nav {
  grid-template-rows: repeat(7, auto);
}

/* スイッチ */
#page_switch img {
  width: 100%;
}
#page_switch button {
  background: none;
  border: none;
}
#page_switch button:hover {
  cursor: pointer;
}
#page_switch picture {
  display: block;
}
#page_switch sup {
  font-size: 0.75em !important;
}
@media print, screen and (max-width: 750px) {
  #page_switch .innerWrap {
    width: 84vw;
  }
}
#page_switch .c-ttl {
  font-weight: bold;
  font-size: min(3.2vw, 32px);
  color: var(--c_green1);
  text-align: center;
  margin: 0 0 0.5em 0;
}
@media print, screen and (max-width: 750px) {
  #page_switch .c-ttl {
    font-size: 5.0666666667vw;
  }
}
#page_switch .c-lead {
  font-size: min(1.6vw, 16px);
  line-height: 1.6;
  text-align: center;
}
@media print, screen and (max-width: 750px) {
  #page_switch .c-lead {
    font-size: 3.7333333333vw;
    line-height: 1.6;
    text-align: left;
  }
}
#page_switch .mv {
  padding: 20px 0 0 0;
}
@media print, screen and (max-width: 750px) {
  #page_switch .mv {
    padding: 2.6666666667vw 0 0 0;
  }
}
#page_switch .mv .swiper-wrapper {
  transition-timing-function: linear;
}
#page_switch .about {
  background: url("../img/bg_switch.png") center bottom/100% auto no-repeat;
  padding: 90px 0 120px;
}
@media print, screen and (max-width: 750px) {
  #page_switch .about {
    background: url("../img/bg_switch_sp.png") center bottom/100% auto no-repeat;
    padding: 13.3333333333vw 0 16vw;
  }
}
#page_switch .about__section {
  background: #fff;
  border: 2px solid #f5f5f5;
  border-radius: min(1.6vw, 16px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  padding: min(3.5vw, 35px) min(5.5vw, 55px) min(5.5vw, 55px);
  margin: 60px 0 0 0;
  position: relative;
}
@media print, screen and (max-width: 750px) {
  #page_switch .about__section {
    border-radius: 4.2666666667vw;
    padding: 6.6666666667vw 5.3333333333vw 5.3333333333vw;
    margin: 10.6666666667vw 0 0 0;
  }
}
#page_switch .about__section:first-of-type {
  margin: 100px 0 0 0;
}
@media print, screen and (max-width: 750px) {
  #page_switch .about__section:first-of-type {
    padding: 6.6666666667vw 5.3333333333vw 9.3333333333vw;
    margin: 13.3333333333vw 0 0 0;
  }
}
#page_switch .about__section::before {
  content: "";
  width: min(7vw, 70px);
  height: 6px;
  background: var(--c_green1);
  border-radius: 9999px;
  position: absolute;
  top: -2px;
  left: min(5.5vw, 55px);
}
@media print, screen and (max-width: 750px) {
  #page_switch .about__section::before {
    width: 9.3333333333vw;
    height: 0.8vw;
    left: 7.3333333333vw;
  }
}
#page_switch .about__ttl {
  font-weight: bold;
  font-size: min(2.4vw, 24px);
  margin: 0 0 0.5em 0;
}
@media print, screen and (max-width: 750px) {
  #page_switch .about__ttl {
    font-size: 4.2666666667vw;
  }
}
#page_switch .about__txt {
  font-size: min(1.6vw, 16px);
  line-height: 1.6;
  margin: 0 0 2em 0;
}
@media print, screen and (max-width: 750px) {
  #page_switch .about__txt {
    font-size: 3.7333333333vw;
    line-height: 1.6;
  }
}
#page_switch .about__content {
  position: relative;
}
#page_switch .about__btn {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translateY(50%);
}
#page_switch .about__btn .btn1 {
  width: 256px;
}
@media print, screen and (max-width: 750px) {
  #page_switch .about__btn .btn1 {
    width: 46.6666666667vw;
  }
}
#page_switch .about__img {
  width: min(37.6vw, 376px);
  position: absolute;
  top: max(-3vw, -30px);
  right: min(2vw, 20px);
}
@media print, screen and (max-width: 750px) {
  #page_switch .about__img {
    width: 72vw;
    margin: 9.3333333333vw 0 0 0;
    position: static;
    transform: translateX(-7.4666666667vw);
  }
}
#page_switch .about__notes {
  font-size: min(1.2vw, 12px);
  line-height: 1.6;
  text-align: center;
  margin: 2em 0 0 0;
}
@media print, screen and (max-width: 750px) {
  #page_switch .about__notes {
    font-size: 2.6666666667vw;
    line-height: 1.6;
    text-align: left;
    margin: 1em 0 0 0;
  }
}
#page_switch .about__slide {
  margin: 0 max(-5.5vw, -55px);
  overflow: hidden;
}
@media print, screen and (max-width: 750px) {
  #page_switch .about__slide {
    margin: 0 -5.3333333333vw;
  }
}
#page_switch .about__slide .swiper-wrapper {
  transition-timing-function: linear;
}
#page_switch .about__slide .swiper-slide {
  padding: 0 min(1.5vw, 15px);
}
#page_switch .obtain {
  padding: 100px 0 40px;
}
@media print, screen and (max-width: 750px) {
  #page_switch .obtain {
    padding: 13.3333333333vw 0 0 0;
  }
}
#page_switch .obtain__list {
  margin: min(4vw, 40px) 0 min(2vw, 20px);
  display: flex;
  justify-content: space-between;
}
@media print, screen and (max-width: 750px) {
  #page_switch .obtain__list {
    margin: 8vw 0 2.6666666667vw;
    flex-direction: column;
    gap: 8vw 0;
  }
}
#page_switch .obtain__list-item {
  width: 27.7%;
  height: min(26.6vw, 266px);
  background: #fff;
  border-radius: min(1.6vw, 16px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  box-sizing: border-box;
  padding: min(2.4vw, 24px) 0 0 0;
  position: relative;
}
@media print, screen and (max-width: 750px) {
  #page_switch .obtain__list-item {
    width: auto;
    height: 28.8vw;
    border-radius: 4.2666666667vw;
    padding: 0;
  }
}
#page_switch .obtain__list-item:nth-child(3) {
  width: 40.6%;
}
@media print, screen and (max-width: 750px) {
  #page_switch .obtain__list-item:nth-child(3) {
    width: auto;
    height: 57.7333333333vw;
    padding: 6.4vw 0 0 0;
  }
}
#page_switch .obtain__list-num {
  font-family: "PT Sans", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic Medium", "游ゴシック Medium", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans Japanese", Meiryo, sans-serif;
  font-weight: bold;
  font-size: min(1.6vw, 16px);
  color: #fff;
  width: min(3.5vw, 35px);
  height: min(3.5vw, 35px);
  background: var(--c_green1);
  border-radius: 100%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  transform: translateY(-50%);
}
@media print, screen and (max-width: 750px) {
  #page_switch .obtain__list-num {
    font-size: 3.7333333333vw;
    width: 8vw;
    height: 8vw;
  }
}
#page_switch .obtain__list-ttl {
  font-weight: bold;
  font-size: min(1.6vw, 16px);
  line-height: 1.2;
  text-align: center;
  color: var(--c_green1);
}
@media print, screen and (max-width: 750px) {
  #page_switch .obtain__list-ttl {
    font-size: 4.2666666667vw;
    line-height: 1.4;
  }
  #page_switch .obtain__list-ttl.--01, #page_switch .obtain__list-ttl.--02 {
    position: absolute;
    top: 50%;
    left: 13.3333333333vw;
    transform: translateY(-50%);
  }
  #page_switch .obtain__list-ttl.--02 {
    left: 8.6666666667vw;
  }
}
#page_switch .obtain__list-img {
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
}
#page_switch .obtain__list-img.--01 {
  width: min(21.5vw, 215px);
  top: min(5.6vw, 56px);
}
@media print, screen and (max-width: 750px) {
  #page_switch .obtain__list-img.--01 {
    width: 35.4666666667vw;
    top: -4vw;
    left: auto;
  }
}
#page_switch .obtain__list-img.--02 {
  width: min(21.3vw, 213px);
  top: min(5.2vw, 52px);
}
@media print, screen and (max-width: 750px) {
  #page_switch .obtain__list-img.--02 {
    width: 35.2vw;
    top: -5.0666666667vw;
    right: 0.5333333333vw;
    left: auto;
  }
}
#page_switch .obtain__list-img.--03 {
  width: min(35.6vw, 356px);
  top: min(4.8vw, 48px);
}
@media print, screen and (max-width: 750px) {
  #page_switch .obtain__list-img.--03 {
    width: 70.9333333333vw;
    top: 19.2vw;
  }
}
#page_switch .obtain__container {
  height: min(23.2vw, 232px);
  background: var(--c_green2);
  border-radius: min(1.6vw, 16px);
  margin: min(4vw, 40px) 0 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}
@media print, screen and (max-width: 750px) {
  #page_switch .obtain__container {
    height: 83.3333333333vw;
    border-radius: 4.2666666667vw;
    padding: 5.3333333333vw 5.3333333333vw 0;
    margin: 8vw 0 0 0;
    display: block;
  }
}
#page_switch .obtain__txt {
  font-size: min(1.6vw, 16px);
  line-height: 1.6;
  text-align: center;
  margin: 0 0 1em 0;
}
@media print, screen and (max-width: 750px) {
  #page_switch .obtain__txt {
    font-size: 3.7333333333vw;
    line-height: 1.6;
    text-align: left;
    margin: 0 0 40vw 0;
  }
}
#page_switch .obtain__notes {
  font-size: min(1.2vw, 12px);
  line-height: 1.6;
  text-align: center;
}
@media print, screen and (max-width: 750px) {
  #page_switch .obtain__notes {
    font-size: 2.6666666667vw;
    line-height: 1.6;
  }
}
#page_switch .obtain__img {
  position: absolute;
}
#page_switch .obtain__img.--01 {
  width: min(19.15vw, 191.5px);
  top: min(1.8vw, 18px);
  left: min(5.4vw, 54px);
}
@media print, screen and (max-width: 750px) {
  #page_switch .obtain__img.--01 {
    width: 36.5333333333vw;
    top: 36vw;
    left: 9.3333333333vw;
  }
}
#page_switch .obtain__img.--02 {
  width: min(20.55vw, 205.5px);
  top: min(1.8vw, 18px);
  right: max(-1vw, -10px);
}
@media print, screen and (max-width: 750px) {
  #page_switch .obtain__img.--02 {
    width: 39.2vw;
    top: 36vw;
    right: -0.8vw;
  }
}
#page_switch .dressup {
  border-radius: min(4vw, 40px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  position: relative;
}
@media print, screen and (max-width: 750px) {
  #page_switch .dressup {
    border-radius: 5.6vw;
  }
}
#page_switch .dressup__bg {
  position: relative;
  overflow: hidden;
}
#page_switch .dressup__bg-img {
  aspect-ratio: 880/524;
}
@media print, screen and (max-width: 750px) {
  #page_switch .dressup__bg-img {
    aspect-ratio: 550/524;
  }
}
#page_switch .dressup__base {
  width: min(29.6vw, 296px);
  position: absolute;
  right: min(18.4vw, 184px);
  bottom: min(7vw, 70px);
}
@media print, screen and (max-width: 750px) {
  #page_switch .dressup__base {
    width: 39.4666666667vw;
    right: 5.3333333333vw;
    bottom: 12.8vw;
  }
}
#page_switch .dressup__phone {
  width: min(26.4vw, 264px);
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
  position: absolute;
  top: min(4vw, 40px);
  left: min(5.4vw, 54px);
}
@media print, screen and (max-width: 750px) {
  #page_switch .dressup__phone {
    display: none;
  }
}
#page_switch .dressup__select {
  width: min(22vw, 220px);
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: min(3vw, 30px);
  right: min(21.6vw, 216px);
  z-index: 1;
}
@media print, screen and (max-width: 750px) {
  #page_switch .dressup__select {
    width: 42.1333333333vw;
    top: 4vw;
    right: auto;
    left: 2.6666666667vw;
  }
}
#page_switch .dressup__select > li {
  width: min(6vw, 60px);
  position: relative;
}
@media print, screen and (max-width: 750px) {
  #page_switch .dressup__select > li {
    width: 12.2666666667vw;
  }
}
#page_switch .dressup__select > li:hover {
  cursor: pointer;
}
#page_switch .dressup__select > li.select::after {
  content: "";
  width: 100%;
  height: 100%;
  border: 3px solid var(--c_green1);
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#page_switch .dressup__ico {
  width: min(15.55vw, 155.5px);
  position: absolute;
  top: max(-4vw, -40px);
  right: min(2.8vw, 28px);
  z-index: 1;
  opacity: 0;
}
@media print, screen and (max-width: 750px) {
  #page_switch .dressup__ico {
    width: 20.7333333333vw;
    top: -5.3333333333vw;
    right: 3.7333333333vw;
  }
}
#page_switch .dressup__ico.on {
  opacity: 1;
}
#page_switch .dressup__btn {
  width: min(15.6vw, 156px);
  position: absolute;
  top: min(3vw, 30px);
  right: min(3vw, 30px);
  z-index: 1;
}
@media print, screen and (max-width: 750px) {
  #page_switch .dressup__btn {
    width: 20.8vw;
    top: 4vw;
    right: 4vw;
  }
}
#page_switch .dressup__content, #page_switch .dressup__content-default {
  width: min(60vw, 600px);
  position: absolute;
  top: max(-4.6vw, -46px);
  right: min(3.4vw, 34px);
}
@media print, screen and (max-width: 750px) {
  #page_switch .dressup__content, #page_switch .dressup__content-default {
    width: 63.4666666667vw;
    top: 1.8666666667vw;
    right: -6.6666666667vw;
  }
}
#page_switch .dressup__content > li, #page_switch .dressup__content-default > li {
  position: absolute;
  top: 0;
  left: 0;
}
#page_switch .dressup__content > li.hide, #page_switch .dressup__content-default > li.hide {
  opacity: 0;
}
#page_switch .dressup__content > li .lottie-player, #page_switch .dressup__content-default > li .lottie-player {
  width: min(60vw, 600px);
  height: min(50vw, 500px);
  position: absolute;
  top: 0;
  left: 0;
  transition: 0s;
}
@media print, screen and (max-width: 750px) {
  #page_switch .dressup__content > li .lottie-player, #page_switch .dressup__content-default > li .lottie-player {
    width: 63.4666666667vw;
    height: 52.88888vw;
  }
}
#page_switch .dressup__content > li .lottie-player:last-of-type, #page_switch .dressup__content-default > li .lottie-player:last-of-type {
  opacity: 0;
}
#page_switch .dressup__content {
  opacity: 0;
}
#page_switch .dressup__home {
  width: min(23.8vw, 238px);
  position: absolute;
  top: min(11vw, 110px);
  left: min(6.2vw, 62px);
}
@media print, screen and (max-width: 750px) {
  #page_switch .dressup__home {
    width: 17.0666666667vw;
    top: 38.4vw;
    left: 4vw;
  }
}
#page_switch .dressup__home > li {
  position: absolute;
  top: 0;
  left: 0;
}
#page_switch .dressup__home > li.hide {
  opacity: 0;
}

/****	---- end ----
===================================****/

#page_switch .dressup__content img, #page_switch .dressup__content-default img {
  display: none;
}
#page_switch .dressup__home img {
  display: none;
}
#page_switch svg,
#page_switch canvas {
  pointer-events: none;
  transform: translateY(-50%) scale(3);
  transform-origin: center!important;
}
/* @media print, screen and (max-width: 750px) {
  #page_switch canvas {
    transform: translateY(-50%) scale(2.4);
  }
} */



/****	---- voice ----
===================================****/
.voice-media {
  padding: 120px 30px 40px;
}
@media screen and (max-width: 750px) {
  .voice-media {
    padding: calc(60/var(--vp)*var(--vw)) calc(15/var(--vp)*var(--vw)) calc(20/var(--vp)*var(--vw));
  }
}
.voice-media__ttl {
  font-weight: bold;
  display: flex;
  flex-direction: column;
}
.voice-media__ttl .jp {
    letter-spacing: .05em
}

@media screen and (min-width: 1401px) {
    .voice-media__ttl .jp {
        font-size:calc(32/var(--vp)*var(--vw))
    }
}
@media screen and (max-width: 1400px) {
    .voice-media__ttl .jp {
        font-size:2rem
    }
}
@media screen and (max-width: 750px) {
    .voice-media__ttl .jp {
        font-size:calc(20/var(--vp)*var(--vw))
    }
}
.voice-media__ttl .en {
    color: var(--c_green4);
    letter-spacing: .01em
}
@media screen and (min-width: 1401px) {
    .voice-media__ttl .en {
        font-size:calc(20/var(--vp)*var(--vw))
    }
}
@media screen and (max-width: 1400px) {
    .voice-media__ttl .en {
        font-size:1.25rem
    }
}
@media screen and (max-width: 750px) {
    .voice-media__ttl .en {
        font-size:calc(12/var(--vp)*var(--vw))
    }
}
.voice-media__list {
  margin: 75px 0 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 60px calc((100% - (30.7% * 3)) / 2);
}
@media screen and (max-width: 750px) {
  .voice-media__list {
    margin: calc(40/var(--vp)*var(--vw)) 0 0 0;
    flex-direction: column;
    gap: calc(40/var(--vp)*var(--vw)) 0;
  }
}
.voice-media__list-item {
  width: 30.7%;
  min-height: 310px;
  border: 1px solid #ededed;
  border-radius: 20px;
  padding: 100px 25px 30px;
  position: relative;
}
@media screen and (max-width: 750px) {
  .voice-media__list-item {
    width: 100%;
    min-height: auto;
    padding: calc(100/var(--vp)*var(--vw)) calc(25/var(--vp)*var(--vw)) calc(30/var(--vp)*var(--vw));
  }
}
.voice-media__list-ico {
  width: calc(175 / 307 * 100%);
  position: absolute;
  top: -25px;
  right: 0;
  left: 0;
  margin: auto;
}
@media screen and (max-width: 750px) {
  .voice-media__list-ico {
    width: calc(160 / 307 * 100%);
    top: calc(-25/var(--vp)*var(--vw));
  }
}
.voice-media__list-ico img {
  width: 100%;
  display: block;
}
.voice-media__list-date {
  color: var(--c_green1);
  margin: 0 0 .75em 0;
}
@media screen and (min-width: 1401px) {
    .voice-media__list-date {
        font-size: calc(16/var(--vp)*var(--vw))
    }
}
@media screen and (max-width: 1400px) {
    .voice-media__list-date {
        font-size: 16px;
    }
}
@media screen and (max-width: 750px) {
    .voice-media__list-date {
        font-size: calc(16/var(--vp)*var(--vw))
    }
}
.voice-media__list-ttl {
  font-weight: bold;
  line-height: calc(25.2 / 18);
  margin: 0 0 1em 0;
}
@media screen and (min-width: 1401px) {
    .voice-media__list-ttl {
        font-size: calc(18/var(--vp)*var(--vw))
    }
}
@media screen and (max-width: 1400px) {
    .voice-media__list-ttl {
        font-size: 18px;
    }
}
@media screen and (max-width: 750px) {
    .voice-media__list-ttl {
        font-size: calc(18/var(--vp)*var(--vw))
    }
}
.voice-media__list-btn {
  width: calc(180 / 257 * 100%);
  margin: 0 auto;
}
.voice-media__list-btn .btn-app {
  font-size: 12px;
  min-height: 44px;
}
.voice-media__list-btn .btn-app span {
  padding: 0 18px 0 0;
  position: relative;
}
.voice-media__list-btn .btn-app span::before {
  content: "";
  width: 12px;
  height: 12px;
  mask: url('../img/ico_link.svg') center center / contain no-repeat;
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.voice-media__list-btn .btn-app:hover span::before {
  background: var(--c_green1);
}

/****	---- end ----
===================================****/