"); } .v-layouts-header__dropdown-menu__item-text { position: relative; top: 0px; left: 0px; font-size: 0.875rem; transform: translate(0px, 50%); } .v-layouts-header__dropdown-menu__item-text__sub { display: block; font-size: 0.6875rem; color: rgb(0, 185, 170); margin-top: 10px; } .v-layouts-header__dropdown-menu__item-text__sub-t { font-size: 0.75rem; font-family: Rubik, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Meiryo UI", sans-serif; letter-spacing: -2px; } .v-layouts-header__dropdown-menu__item-text::before { content: ""; position: absolute; top: 1px; left: -24px; display: block; width: 14px; height: 14px; background-size: contain; background-repeat: no-repeat; } .v-layouts-header__dropdown-menu__item-text--mypage::before { background-image: url("data:image/svg+xml;utf8,"); } .v-layouts-header__dropdown-menu__item-text--message::before { background-image: url("data:image/svg+xml;utf8,"); top: 3px; } .v-layouts-header__dropdown-menu__item-text--message-unread { position: absolute; right: 20px; font-size: 0.875rem; font-family: Rubik, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Meiryo UI", sans-serif; color: rgb(0, 187, 170); text-align: center; } .v-layouts-header__dropdown-menu__item-text--support::before { background-image: url("data:image/svg+xml;utf8,"); width: 24px; height: 24px; top: -4px; left: -29px; } .v-layouts-header__dropdown-menu__item-text--support-unread { position: absolute; right: 20px; font-size: 0.875rem; font-family: Rubik, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Meiryo UI", sans-serif; color: rgb(0, 187, 170); text-align: center; } .v-layouts-header__dropdown-menu__item-text--account::before { background-image: url("data:image/svg+xml;utf8,"); } .v-layouts-header__dropdown-menu__item-text--guide::before { background-image: url("data:image/svg+xml;utf8,"); } .v-layouts-header__dropdown-menu__item-text--linkage::before { background-image: url("data:image/svg+xml;utf8,"); } .v-layouts-header__dropdown-menu__item-text--project--admin::before { background-image: url("data:image/svg+xml;utf8,"); width: 24px; height: 24px; top: -4px; left: -29px; } .v-layouts-header__dropdown-menu__item-text--tpoint::before { background-image: url("//assets.greenfunding.jp/assets/vpoint_icon-8fdba801c9fc5ce0e965da647266a3c60a4d85e6f28afa466fc07c44a6fffb44.svg"); } .v-layouts-header__dropdown-menu__item-text--tpoint-amount { position: absolute; right: 20px; font-size: 0.9375rem; font-family: Rubik, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Meiryo UI", sans-serif; color: rgb(34, 34, 34); text-align: center; } .v-layouts-header__dropdown-menu__item-text--logout { margin-bottom: 0px; } .v-layouts-header__dropdown-menu__item-text--logout::before { background-image: url("data:image/svg+xml;utf8,"); } .v-layouts-header__dropdown-menu__item-text--close { color: rgb(122, 129, 129); } .v-layouts-header__dropdown-menu__item-text--close::before { background-image: url("data:image/svg+xml;utf8,"); } .v-layouts-header__dropdown-menu__item--nead_margin_bottom { margin-bottom: 15px; } .v-layouts-header__dropdown-menu.is-active { height: auto; max-height: 520px; visibility: visible; } @media only screen and (max-width: 899px) { .phone .v-layouts-header__dropdown-menu { position: fixed; display: flex; top: 0px; right: 0px; width: 100%; min-height: 100%; transition: all 0.3s ease 0s; } } @media only screen and (max-width: 899px) { .phone .v-layouts-header__dropdown-menu__list { position: absolute; top: 0px; right: -250px; width: 250px; height: 100%; transition: right 0.3s ease 0s; } } @media only screen and (max-width: 899px) { .phone .v-layouts-header__dropdown-menu__overlay { display: block; opacity: 0; width: 100%; background-color: rgba(0, 0, 0, 0.5); } } .phone .v-layouts-header__dropdown-menu__item:nth-child(3) { margin-bottom: 0px; } .phone .v-layouts-header__dropdown-menu__item:nth-child(5) { display: block; } .phone .v-layouts-header__dropdown-menu__item-tpoint { height: 50px; } @media only screen and (max-width: 899px) { .phone .v-layouts-header__dropdown-menu__item-text { font-size: 0.8125rem; } } .phone .v-layouts-header__dropdown-menu__item-text__sub { font-size: 0.6875rem; } .phone .v-layouts-header__dropdown-menu__item-text--tpoint { font-size: 0.8125rem; } .phone .v-layouts-header__dropdown-menu__item-text--tpoint-amount { font-size: 0.875rem; } @media only screen and (max-width: 899px) { .phone .v-layouts-header__dropdown-menu__item-close { display: block; position: absolute; bottom: 15px; background: rgb(247, 248, 248); border: 0px; } } @media only screen and (max-width: 899px) { .phone .v-layouts-header__dropdown-menu__item:first-child { margin-top: 15px; border-top: 1px solid rgb(235, 237, 237); } } .phone .v-layouts-header__dropdown-menu.is-active > div { opacity: 1; } .phone .v-layouts-header__dropdown-menu.is-active ul { right: 0px; } .v-layouts-header__global-nav { width: 527px; height: 44px; margin: 23px 0px 23px auto; padding: 0px; line-height: 1; } @media only screen and (max-width: 1279px) { .v-layouts-header__global-nav { width: 332px; } } .v-layouts-header__global-nav__list { width: 100%; margin: 0px; padding: 0px; } .v-layouts-header__global-nav__list--flex { display: flex; justify-content: space-between; align-items: center; } .v-layouts-header__global-nav__item { width: auto; height: 44px; padding-left: 24px; cursor: pointer; transition: color 0.1s ease 0s; } .v-layouts-header__global-nav__item:not(:last-child) { margin-right: 30px; } .v-layouts-header__global-nav__item-link { display: block; width: 100%; height: 100%; padding: 15px 0px; text-align: left; align-items: center; justify-content: space-between; } .v-layouts-header__global-nav__item-text { position: relative; top: 0px; left: 0px; font-size: 0.875rem; color: rgb(34, 34, 34); } .v-layouts-header__global-nav__item-text::before { content: ""; position: absolute; top: 1px; left: -24px; display: block; width: 14px; height: 14px; background-size: contain; background-repeat: no-repeat; } .v-layouts-header__global-nav__item-text--search::after { font-size: 0.875rem; content: "プロジェクトをさがす"; white-space: nowrap; } @media only screen and (max-width: 1279px) { .v-layouts-header__global-nav__item-text--search::after { content: "さがす"; } } .v-layouts-header__global-nav__item-text--search::before { background-image: url("data:image/svg+xml;utf8,"); } .v-layouts-header__global-nav__item-text--start::after { font-size: 0.875rem; content: "プロジェクトをはじめる"; white-space: nowrap; } @media only screen and (max-width: 1279px) { .v-layouts-header__global-nav__item-text--start::after { content: "はじめる"; } } .v-layouts-header__global-nav__item-text--start::before { background-image: url("data:image/svg+xml;utf8,"); } .v-layouts-header__global-nav__item-text--guide { white-space: nowrap; } .v-layouts-header__global-nav__item-text--guide::before { background-image: url("data:image/svg+xml;utf8,"); } .v-layouts-header__global-nav__item--search a.is-hover > span { color: rgb(157, 167, 166); } .v-layouts-header__global-nav__item--search a.is-hover > span::before { background-image: url("data:image/svg+xml;utf8,"); } .v-layouts-header__global-nav__item--start.is-hover > a > span { color: rgb(157, 167, 166); } .v-layouts-header__global-nav__item--start.is-hover > a > span::before { background-image: url("data:image/svg+xml;utf8,"); } .v-layouts-header__global-nav__item--guide.is-hover > a > span { color: rgb(157, 167, 166); } .v-layouts-header__global-nav__item--guide.is-hover > a > span::before { background-image: url("data:image/svg+xml;utf8,"); } .v-layouts-header__global-nav__item--vertical { width: 1px; height: 14px; background-color: rgb(235, 237, 237); padding-left: 0px; } @media only screen and (max-width: 899px) { .phone .v-layouts-header__global-nav { width: 146px; height: 14px; margin: 24px 0px 24px auto; flex-basis: auto; } } @media only screen and (max-width: 320px) { .phone .v-layouts-header__global-nav { width: 131px; height: 12px; margin: 25px 0px 24px auto; } } @media only screen and (max-width: 899px) { .phone .v-layouts-header__global-nav__list { flex-wrap: wrap; } } @media only screen and (max-width: 899px) { .phone .v-layouts-header__global-nav__item { height: 14px; margin-right: 15px; margin-bottom: 15px; } } @media only screen and (max-width: 360px) { .phone .v-layouts-header__global-nav__item { margin-right: 10px; } } @media only screen and (max-width: 320px) { .phone .v-layouts-header__global-nav__item { height: 12px; margin-right: 5px; } } @media only screen and (max-width: 899px) { .phone .v-layouts-header__global-nav__item:nth-child(n+2) { margin-right: 0px; } } @media only screen and (max-width: 899px) { .phone .v-layouts-header__global-nav__item:nth-child(n+3) { display: none; } } @media only screen and (max-width: 899px) { .phone .v-layouts-header__global-nav__item-link { padding: 0px 0px 0px 20px; } } @media only screen and (max-width: 320px) { .phone .v-layouts-header__global-nav__item-link { padding: 0px 0px 0px 18px; } } @media only screen and (max-width: 899px) { .phone .v-layouts-header__global-nav__item-text { font-size: 0.8125rem; } } @media only screen and (max-width: 899px) { .phone .v-layouts-header__global-nav__item-text::before { top: 1px; left: -18px; width: 14px; height: 14px; } } @media only screen and (max-width: 320px) { .phone .v-layouts-header__global-nav__item-text::before { top: 2px; left: -16px; width: 12px; height: 12px; } } @media only screen and (max-width: 899px) { .phone .v-layouts-header__global-nav__item-text--search::after { font-size: 0.8125rem; content: "さがす"; } } @media only screen and (max-width: 320px) { .phone .v-layouts-header__global-nav__item-text--search::after { font-size: 0.75rem; } } @media only screen and (max-width: 899px) { .phone .v-layouts-header__global-nav__item-text--start::after { font-size: 0.8125rem; content: "はじめる"; } } @media only screen and (max-width: 320px) { .phone .v-layouts-header__global-nav__item-text--start::after { font-size: 0.75rem; } } .phone .v-layouts-header__global-nav.is-signed_in { width: 167px; } @media only screen and (max-width: 320px) { .phone .v-layouts-header__global-nav.is-signed_in { width: 139px; } } @media only screen and (max-width: 899px) { .phone .v-layouts-header__global-nav.is-signed_in li:nth-child(2) { margin-right: 20px; } } @media only screen and (max-width: 360px) { .phone .v-layouts-header__global-nav.is-signed_in li:nth-child(2) { margin-right: 15px; } } @media only screen and (max-width: 320px) { .phone .v-layouts-header__global-nav.is-signed_in li:nth-child(2) { margin-right: 5px; } } @media only screen and (max-width: 899px) { .phone .v-layouts-header__global-nav.is-signed_in li li:nth-child(2) { margin-right: 0px; } } @media only screen and (max-width: 899px) { .phone .v-layouts-header__global-nav.is-signed_in li:nth-child(4) { display: block; } } .v-layouts-header__logo { width: 100%; height: 30px; max-width: 390px; margin: 30px 90px 30px 0px; padding: 0px; transition: border 0.1s ease 0s; } .v-layouts-header__logo-link { display: flex; justify-content: space-between; width: 100%; height: 100%; margin-right: 15px; padding: 0px; line-height: 1; } .v-layouts-header__logo-link img { width: 135px; } .v-layouts-header__logo-text { display: block; font-size: 0.8125rem; width: 240px; margin-top: 8px; color: rgb(34, 34, 34); font-weight: 500; letter-spacing: 0.02em; } .v-layouts-header__logo.is-hover { opacity: 0.8; } @media only screen and (max-width: 899px) { .phone .v-layouts-header__logo { width: 99px; height: 22px; margin: 20px 23px 20px 0px; flex-basis: 99px; } } @media only screen and (max-width: 899px) and (max-width: 360px) { .phone .v-layouts-header__logo { width: 90px; height: 20px; margin: 21px 15px 21px 0px; flex-basis: 81px; } } @media only screen and (max-width: 899px) and (max-width: 320px) { .phone .v-layouts-header__logo { width: 81px; height: 18px; margin: 22px 13px 22px 0px; flex-basis: 81px; } } @media only screen and (max-width: 899px) { .phone .v-layouts-header__logo-link { margin-right: 0px; } } @media only screen and (max-width: 899px) { .phone .v-layouts-header__logo-link img { width: 99px; } } @media only screen and (max-width: 899px) { .phone .v-layouts-header__logo-text { display: none; } } .v-layouts-header__users-button { width: 100%; height: 35px; margin: 0px; padding: 0px; display: flex; align-items: center; justify-content: space-between; text-align: center; } .v-layouts-header__users-button__label { position: relative; top: 0px; left: 0px; margin: auto; font-size: 0.875rem; color: rgb(0, 185, 170); font-weight: 500; letter-spacing: 0.02em; } .v-layouts-header__users-button.is-hover span { color: rgb(0, 167, 153); } .v-layouts-header__users-button--sign-up { border: 1px solid rgb(76, 206, 195); box-sizing: border-box; border-radius: 4px; } .v-layouts-header__users-button--sign-up.is-hover { background-color: rgb(0, 167, 153); border: 1px solid rgb(0, 167, 153); } .v-layouts-header__users-button--sign-up.is-hover span { color: rgb(255, 255, 255); } @media only screen and (max-width: 899px) { .phone .v-layouts-header__users-button { width: 100%; height: 24px; margin: 0px; } } @media only screen and (max-width: 899px) { .phone .v-layouts-header__users-button__label { font-size: 0.8125rem; letter-spacing: 0px; } } .v-layouts-header__users { width: auto; max-width: 202px; padding: 0px; } .v-layouts-header__users__list { width: 100%; margin: 27px 0px 27px 10px; padding: 0px; } .v-layouts-header__users__list--flex { display: flex; justify-content: space-between; align-items: center; } .v-layouts-header__users__list--signed { margin: 27px 0px 27px 30px; } .v-layouts-header__users__item { width: 96px; height: 35px; background-repeat: no-repeat; } .v-layouts-header__users__item:not(:last-child) { margin-right: 10px; } .v-layouts-header__users__item-link { position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; padding: 0px 30px; text-align: left; border: 1px solid rgb(235, 237, 237); border-radius: 4px; transition: border 0.1s ease 0s; } .v-layouts-header__users__item-link.is-hover { border: 1px solid rgb(61, 65, 64); } .v-layouts-header__users__item-text { font-size: 1rem; position: absolute; bottom: 50%; width: calc(100% - 48px); color: rgb(34, 34, 34); font-weight: 500; letter-spacing: 0.05em; transform: translate(0px, 50%); } .v-layouts-header__users__item-text-sub { font-size: 0.75rem; display: block; } .v-layouts-header__users__item--tpoint { height: 16px; padding-left: 24px; } .v-layouts-header__users__item--tpoint-link { align-items: center; justify-content: space-between; width: 100%; height: 100%; padding: 0px; text-align: left; } .v-layouts-header__users__item--tpoint-text { position: relative; top: 0px; left: 0px; font-size: 0.875rem; color: rgb(34, 34, 34); transform: translate(0px, 50%); } .v-layouts-header__users__item--tpoint-text::before { content: ""; position: absolute; top: 0px; left: -24px; display: block; width: 14px; height: 14px; background-size: contain; background-repeat: no-repeat; } .v-layouts-header__users__item--tpoint-text--logo::before { background-image: url("//assets.greenfunding.jp/assets/vpoint_icon-8fdba801c9fc5ce0e965da647266a3c60a4d85e6f28afa466fc07c44a6fffb44.svg"); } .v-layouts-header__users__item--profile { position: relative; display: block; width: 34px; height: 34px; } .v-layouts-header__users__item--profile-link { display: block; cursor: pointer; } .v-layouts-header__users__item--profile-link.is-hover img { opacity: 0.8; } .v-layouts-header__users__item--profile-unread { position: absolute; top: -5px; right: -5px; width: 17px; height: 17px; background-color: rgb(252, 252, 252); border-radius: 10px; font-size: 0.625rem; font-family: Rubik, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Meiryo UI", sans-serif; color: rgb(0, 187, 170); line-height: 17px; text-align: center; z-index: 1; } .v-layouts-header__users__item--profile img { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; } .phone .v-layouts-header__users { width: auto; max-width: 67px; padding: 0px; flex-basis: auto; } .phone .v-layouts-header__users__list { margin: 19px 0px 19px 15px; } @media only screen and (max-width: 320px) { .phone .v-layouts-header__users__list { margin: 19px 0px 19px 10px; } } .phone .v-layouts-header__users__list.is-signed_in { margin: 19px 0px 19px 20px; } @media only screen and (max-width: 360px) { .phone .v-layouts-header__users__list.is-signed_in { margin: 19px 0px 19px 15px; } } @media only screen and (max-width: 320px) { .phone .v-layouts-header__users__list.is-signed_in { margin: 19px 0px 19px 10px; } } .phone .v-layouts-header__users__item { width: 52px; height: 24px; background-repeat: no-repeat; } .phone .v-layouts-header__users__item:not(:last-child) { margin-right: 0px; } .phone .v-layouts-header__users__item:nth-child(2) { display: none; } .phone .v-layouts-header__users__item-text { font-size: 0.8125rem; letter-spacing: 0px; } .phone .v-layouts-header__users__item-text-sub { font-size: 0.75rem; display: block; } .phone .v-layouts-header__users__item--profile { position: relative; width: 24px; height: 24px; } .phone .v-layouts-header__users__item--profile-unread { top: -5px; right: -5px; width: 15px; height: 15px; line-height: 15px; } .phone .v-layouts-header__users__item--profile img { width: 24px; height: 24px; border-radius: 50%; } .v-layouts__overlay { visibility: hidden; width: 100%; height: 100%; opacity: 0; position: fixed; top: 0px; left: 0px; background-color: rgba(34, 34, 34, 0.2); } .v-layouts__overlay.is-visible { visibility: visible; opacity: 1; z-index: 1000000001; } @media only screen and (max-width: 899px) { .phone .v-layouts__overlay { margin: 0px auto 24px; } } .v-portals-contact-form__contact__container { margin: 0px 0px 100px; } .v-portals-contact-form__contact__container--questionnaire { margin-bottom: 60px; } .v-portals-contact-form__contact__container--footer { text-align: center; margin-bottom: 0px; } .v-portals-contact-form__contact__title { font-size: 1.125rem; line-height: 1; letter-spacing: 0.02em; font-weight: 500; margin: 0px 0px 40px; } .v-portals-contact-form__contact__item { margin: 0px; padding: 0px; list-style: none; } .v-portals-contact-form__contact__list { position: relative; } .v-portals-contact-form__contact__list:not(:last-child) { margin-bottom: 40px; } .v-portals-contact-form__contact__list > p { font-size: 0.875rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; margin: 0px 0px 20px; } .v-portals-contact-form__contact__list span.is-required { font-size: 0.8125rem; line-height: 1; letter-spacing: 0.05em; font-weight: 400; margin: 0px 0px 0px 10px; color: rgb(157, 167, 166); } .v-portals-contact-form__contact__list span.is-required::before { content: "※"; } .v-portals-contact-form__contact__list span.is-note { font-size: 0.8125rem; line-height: 1; letter-spacing: 0.05em; font-weight: 400; display: block; padding-top: 10px; color: rgb(157, 167, 166); } .v-portals-contact-form__contact__list span.is-note::before { content: "※"; margin-right: 5px; } .v-portals-contact-form__contact__text { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 500; margin-bottom: 10px; } .v-portals-contact-form__contact__note { font-size: 0.8125rem; line-height: 1.8; letter-spacing: 0.05em; font-weight: 400; position: relative; margin-bottom: 20px; padding-left: 18px; box-sizing: border-box; color: rgb(157, 167, 166); } .v-portals-contact-form__contact__note::before { content: "※"; position: absolute; top: 0px; left: 0px; } .v-portals-contact-form__contact__box input, .v-portals-contact-form__contact__box textarea { width: 100%; border: 1px solid rgb(219, 223, 223); border-radius: 5px; box-sizing: border-box; background-color: rgb(252, 252, 252); transition: border 0.2s ease 0s; cursor: pointer; } .v-portals-contact-form__contact__box input.is-name, .v-portals-contact-form__contact__box textarea.is-name { border-bottom: 1px solid transparent; border-radius: 5px 5px 0px 0px; } .v-portals-contact-form__contact__box input.is-name-furigana, .v-portals-contact-form__contact__box textarea.is-name-furigana { border-radius: 0px 0px 5px 5px; } .v-portals-contact-form__contact__box input::placeholder, .v-portals-contact-form__contact__box textarea::placeholder { color: rgb(174, 185, 184); font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; } .v-portals-contact-form__contact__box input.is-hover, .v-portals-contact-form__contact__box textarea.is-hover { border: 1px solid rgb(0, 167, 153); } .v-portals-contact-form__contact__box input.is-name.is-hover + input, .v-portals-contact-form__contact__box textarea.is-name.is-hover + input { border-top: 1px solid transparent; } .v-portals-contact-form__contact__box input:focus, .v-portals-contact-form__contact__box textarea:focus { border: 1px solid rgb(0, 167, 153); outline: none; } .v-portals-contact-form__contact__box input { display: block; height: 55px; padding: 16px 20px 17px; } .v-portals-contact-form__contact__box textarea { display: block; padding: 20px; resize: vertical; } .v-portals-contact-form__contact__box em { display: none; } .v-portals-contact-form__contact__box em.is-error { display: block; font-size: 0.8125rem; line-height: 1; letter-spacing: 0.05em; font-weight: 400; position: absolute; bottom: -10px; left: 0px; transform: translate(0px, 100%); color: rgb(237, 116, 76); font-style: normal; } .v-portals-contact-form__contact__box input:required + .is-error { display: block; } .v-portals-contact-form__contact__box--file { display: flex; flex-direction: column; } .v-portals-contact-form__contact__box-container--preview { display: none; position: relative; width: 420px; margin-bottom: 20px; } .v-portals-contact-form__contact__box-container--preview.is-active { display: block; font-size: 0px; } .v-portals-contact-form__contact__box-container--preview img { width: 100%; height: auto; } .v-portals-contact-form__contact__box-container--upload { display: flex; justify-content: space-between; align-items: center; } .v-portals-contact-form__contact__box label { display: block; width: 140px; margin-right: 15px; border: 1px solid rgb(219, 223, 223); border-radius: 4px; box-sizing: border-box; transition: border 0.2s ease 0s; } .v-portals-contact-form__contact__box label.is-hover { border: 1px solid rgb(0, 167, 153); } .v-portals-contact-form__contact__box label input[type="file"] { display: none; } .v-portals-contact-form__contact__box-text { font-size: 0.8125rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; width: calc(75.7812%); margin: 0px; color: rgb(157, 167, 166); } .v-portals-contact-form__contact__box-text--upload.is-active { display: none; } .v-portals-contact-form__contact__box-text--preview { display: none; } .v-portals-contact-form__contact__box-text--preview.is-active { display: block; } .v-portals-contact-form__contact__box-text--preview.is-active::before { content: "※"; margin-right: 5px; } .v-portals-contact-form__contact__box-icon { width: 100%; height: 45px; text-align: center; cursor: pointer; } .v-portals-contact-form__contact__box-icon > img { padding: 15px 0px; vertical-align: middle; } .v-portals-contact-form__contact__box-icon > p { display: none; } .v-portals-contact-form__contact__box-icon.is-active { height: 30px; } .v-portals-contact-form__contact__box-icon.is-active > img { display: none; } .v-portals-contact-form__contact__box-icon.is-active > p { display: block; font-size: 0.8125rem; line-height: 1.8; letter-spacing: 0.05em; font-weight: 400; margin: 0px; padding: 3px 0px 4px; color: rgb(157, 167, 166); } .v-portals-contact-form__contact__box--small { display: flex; } .v-portals-contact-form__contact__box--small > input { width: 291px; height: 50px; padding: 13px 20px 15px; } .v-portals-contact-form__contact__box--small > span { font-size: 1rem; letter-spacing: 0.05em; font-weight: 500; display: block; height: 50px; line-height: 50px; margin: 0px 0px 0px 15px; } .v-portals-contact-form__contact__accept_inner { display: inline-block; } .v-portals-contact-form__contact__accept { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-bottom: 30px; } .v-portals-contact-form__contact__accept > * { cursor: pointer; } .v-portals-contact-form__contact__accept-checkbox { position: relative; display: block; width: 20px; height: 20px; } .v-portals-contact-form__contact__accept-checkbox::after { position: absolute; top: 0px; left: 0px; content: ""; display: block; width: 20px; height: 20px; } .v-portals-contact-form__contact__accept input[type="checkbox"] { display: none; } .v-portals-contact-form__contact__accept input[type="checkbox"] + label { position: relative; display: block; cursor: pointer; } .v-portals-contact-form__contact__accept input[type="checkbox"] + label::before { position: absolute; bottom: 50%; left: 0px; transform: translate(0px, 50%); content: ""; display: block; width: 20px; height: 20px; border: 1px solid rgb(219, 223, 223); border-radius: 4px; box-sizing: border-box; } .v-portals-contact-form__contact__accept input[type="checkbox"]:checked + label::after { position: absolute; bottom: 50%; left: 4px; transform: translate(0px, 50%) rotate(-45deg); content: ""; display: block; width: 12px; height: 8px; box-sizing: border-box; border-left: 2px solid rgb(0, 167, 153); border-bottom: 2px solid rgb(0, 167, 153); } .v-portals-contact-form__contact__accept-text { font-size: 1rem; letter-spacing: 0.05em; font-weight: 400; height: 20px; line-height: 20px; margin-left: 15px; } .v-portals-contact-form__contact__accept-term { color: rgb(0, 185, 170); transition: color 0.2s ease 0s; } .v-portals-contact-form__contact__accept-term.is-hover { color: rgb(0, 167, 153); } .v-portals-contact-form__contact__accept em { font-size: 0.8125rem; line-height: 1; letter-spacing: 0.05em; font-weight: 400; display: none; width: 100%; margin: 20px 0px 10px; color: rgb(237, 116, 76); font-style: normal; } .v-portals-contact-form__contact__accept em.is-error { display: block; } .v-portals-contact-form__contact__check { margin-bottom: 60px; } .v-portals-contact-form__contact__check * { margin: 0px auto; } .v-portals-contact-form__contact__submit input { font-size: 1.0625rem; line-height: 1; letter-spacing: 0.05em; font-weight: 400; width: 480px; height: 60px; padding: 0px; background: rgb(0, 185, 170); border: none; border-radius: 4px; color: rgb(255, 255, 255); text-align: center; transition: background 0.2s ease 0s; cursor: pointer; } .v-portals-contact-form__contact__submit input.is-hover { background: rgb(0, 167, 153); } .phone .v-portals-contact-form__contact__container { margin: 0px 0px 60px; } .phone .v-portals-contact-form__contact__container--questionnaire { margin-bottom: 30px; } .phone .v-portals-contact-form__contact__container--footer { margin-bottom: 0px; } .phone .v-portals-contact-form__contact__title { font-size: 1.25rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; margin: 0px 0px 40px; } .phone .v-portals-contact-form__contact__list > p { font-size: 1rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; margin: 0px 0px 15px; } .phone .v-portals-contact-form__contact__list span.is-required { margin: 0px 0px 0px 15px; } .phone .v-portals-contact-form__contact__list span.is-note { padding-top: 15px; margin-bottom: 20px; } .phone .v-portals-contact-form__contact__text { font-size: 1rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 500; margin-bottom: 15px; } .phone .v-portals-contact-form__contact__note { font-size: 0.8125rem; line-height: 1.8; letter-spacing: 0.05em; font-weight: 400; margin-bottom: 15px; } .phone .v-portals-contact-form__contact__box input { display: block; height: 50px; padding: 13px 20px 14px; } .phone .v-portals-contact-form__contact__box textarea { padding: 15px 20px; } .phone .v-portals-contact-form__contact__box-container--preview { width: 100%; } .phone .v-portals-contact-form__contact__box-container--upload.is-active { flex-direction: column; align-items: flex-start; } .phone .v-portals-contact-form__contact__box label { width: 80px; height: 63px; } .phone .v-portals-contact-form__contact__box label.is-active { width: 130px; height: 30px; margin-bottom: 10px; } .phone .v-portals-contact-form__contact__box-text { font-size: 0.8125rem; line-height: 1.8; letter-spacing: 0.05em; font-weight: 400; width: calc(70.1493%); margin: 0px; color: rgb(157, 167, 166); } .phone .v-portals-contact-form__contact__box-text--preview.is-active { width: 100%; } .phone .v-portals-contact-form__contact__box-icon { height: 63px; } .phone .v-portals-contact-form__contact__box-icon > img { width: 20px; padding: 24px 0px; } .phone .v-portals-contact-form__contact__box-icon.is-active { height: 30px; } .phone .v-portals-contact-form__contact__box--small > input { width: calc(100% - 44px); } .phone .v-portals-contact-form__contact__box--small > span { height: 50px; line-height: 50px; } .phone .v-portals-contact-form__contact__box--profile textarea { height: 184px; } .phone .v-portals-contact-form__contact__box--project textarea, .phone .v-portals-contact-form__contact__box--title textarea { height: 140px; } .phone .v-portals-contact-form__contact__box--return textarea, .phone .v-portals-contact-form__contact__box--trigger textarea { height: 96px; } .phone .v-portals-contact-form__contact__accept { margin-bottom: 25px; } .phone .v-portals-contact-form__contact__accept em { margin-bottom: 15px; } .phone .v-portals-contact-form__contact__check { margin-bottom: 40px; } .phone .v-portals-contact-form__contact__submit input { font-size: 0.875rem; line-height: 1; letter-spacing: 0.05em; font-weight: 400; width: 100%; height: 50px; } .v-portals-contact-form__form { width: 100%; } .v-portals-contact-form__form__container { width: 640px; margin: 0px auto; } .v-portals-contact-form__form__head { margin: 0px 0px 100px; } .v-portals-contact-form__form__title { font-size: 1.125rem; line-height: 1; letter-spacing: 0.02em; font-weight: 500; margin: 0px 0px 40px; } .v-portals-contact-form__form__select-button { display: flex; flex-direction: column; } .v-portals-contact-form__form__select-button a { padding: 17px 25px 15px; border: 1px solid rgb(219, 223, 223); border-radius: 5px; background: rgb(252, 252, 252); text-align: left; transition: border 0.2s ease 0s; } .v-portals-contact-form__form__select-button a:not(:last-child) { margin-bottom: 20px; } .v-portals-contact-form__form__select-button a.is-hover .v-portals-contact-form__form__select-button-text { color: rgb(0, 185, 170); } .v-portals-contact-form__form__select-button a.is-hover .v-portals-contact-form__form__select-button-text::before { border: 1px solid rgb(0, 185, 170); } .v-portals-contact-form__form__select-button a.is-hover .v-portals-contact-form__form__select-button-title, .v-portals-contact-form__form__select-button a.is-hover .v-portals-contact-form__form__select-button-note { color: rgb(0, 185, 170); } .v-portals-contact-form__form__select-button a.is-active { border: 1px solid rgb(0, 185, 170); } .v-portals-contact-form__form__select-button a.is-active .v-portals-contact-form__form__select-button-text::before { border: 1px solid rgb(0, 185, 170); } .v-portals-contact-form__form__select-button a.is-active .v-portals-contact-form__form__select-button-text::after { background: rgb(0, 185, 170); } .v-portals-contact-form__form__select-button-text { position: relative; padding-left: 45px; transition: border 0.2s ease 0s; } .v-portals-contact-form__form__select-button-text::before { position: absolute; bottom: 50%; left: 0px; transform: translate(0px, 50%); content: ""; display: block; width: 20px; height: 20px; border: 1px solid rgb(219, 223, 223); border-radius: 50%; box-sizing: border-box; transition: border 0.2s ease 0s; } .v-portals-contact-form__form__select-button-text::after { content: ""; position: absolute; bottom: 50%; left: 5px; transform: translate(0px, 50%); display: block; width: 10px; height: 10px; border-radius: 50%; background: transparent; transition: background 0.2s ease 0s; } .v-portals-contact-form__form__select-button-title { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 500; margin-bottom: 5px; transition: color 0.2s ease 0s; } .v-portals-contact-form__form__select-button-note { font-size: 0.8125rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; color: rgb(157, 167, 166); transition: color 0.2s ease 0s; } .v-portals-contact-form__form__item { display: none; } .v-portals-contact-form__form__item.is-active { display: block; } .phone .v-portals-contact-form__form__container { width: calc(100% - 40px); } .phone .v-portals-contact-form__form__head { margin: 0px 0px 60px; } .phone .v-portals-contact-form__form__title { font-size: 1.125rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; width: 100%; margin-bottom: 40px; } .phone .v-portals-contact-form__form__select-button button { padding: 20px 20px 20px 30px; } .phone .v-portals-contact-form__form__select-button-text { padding-left: 50px; } .phone .v-portals-contact-form__form__select-button-title { font-size: 1rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 500; } .phone .v-portals-contact-form__form__select-button-note { font-size: 0.8125rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; } .v-portals-contact-form__sns { width: 100%; margin: 0px; padding: 0px; } .v-portals-contact-form__sns__list { display: flex; flex-direction: column; width: 100%; margin: 0px; padding: 0px; } .v-portals-contact-form__sns__item { width: 100%; height: 55px; display: flex; justify-content: space-between; align-items: center; padding-left: 35px; } .v-portals-contact-form__sns__item:not(:last-child) { margin: 0px 0px 15px; } .v-portals-contact-form__sns__item > :last-child { width: calc(84.7934%); } .v-portals-contact-form__sns__item-link { font-size: 0.875rem; display: flex; align-items: center; justify-content: space-between; height: 100%; color: rgb(34, 34, 34); padding-left: 35px; text-align: center; letter-spacing: 0.05em; transition: background-color 0.1s ease 0s; } .v-portals-contact-form__sns__item-link.is-hover { background-color: rgb(247, 248, 248); } .v-portals-contact-form__sns__item-text { position: relative; top: 0px; left: 0px; margin: auto; text-align: center; } .v-portals-contact-form__sns__item-text::before { content: ""; position: absolute; top: 0px; left: -35px; display: block; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; } .v-portals-contact-form__sns__item-text--fb::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0yMCAxMEMyMCA0LjQ3NzE1IDE1LjUyMjkgMCAxMCAwQzQuNDc3MTUgMCAwIDQuNDc3MTUgMCAxMEMwIDE0Ljk5MTIgMy42NTY4NCAxOS4xMjgzIDguNDM3NSAxOS44Nzg1VjEyLjg5MDZINS44OTg0NFYxMEg4LjQzNzVWNy43OTY4OEM4LjQzNzUgNS4yOTA2MyA5LjkzMDQ3IDMuOTA2MjUgMTIuMjE0NiAzLjkwNjI1QzEzLjMwODggMy45MDYyNSAxNC40NTMxIDQuMTAxNTYgMTQuNDUzMSA0LjEwMTU2VjYuNTYyNUgxMy4xOTIyQzExLjk1IDYuNTYyNSAxMS41NjI1IDcuMzMzNCAxMS41NjI1IDguMTI0MjJWMTBIMTQuMzM1OUwxMy44OTI2IDEyLjg5MDZIMTEuNTYyNVYxOS44Nzg1QzE2LjM0MzIgMTkuMTI4MyAyMCAxNC45OTEyIDIwIDEwWiIgZmlsbD0iIzJBN0FFRSIvPg0KPC9zdmc+Cg0K); } .v-portals-contact-form__sns__item-text--ig::before { width: 18px; height: 18px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik04Ljk5OTgzIDEuNjIxNTVDMTEuNDAzIDEuNjIxNTUgMTEuNjg3NCAxLjYzMDg0IDEyLjYzNjYgMS42NzQwN0MxMy41MTQgMS43MTQwOCAxMy45OTA2IDEuODYwNTUgMTQuMzA3OCAxLjk4MzhDMTQuNzI4IDIuMTQ3MDcgMTUuMDI3NyAyLjM0MjEzIDE1LjM0MjggMi42NTY4NkMxNS42NTc5IDIuOTcxOTYgMTUuODUzIDMuMjcxNjkgMTYuMDE1OSAzLjY5MTgxQzE2LjEzOTEgNC4wMDkwNSAxNi4yODU2IDQuNDg1NjIgMTYuMzI1NiA1LjM2MzAyQzE2LjM2ODggNi4zMTE4OCAxNi4zNzgxIDYuNTk2NjEgMTYuMzc4MSA4Ljk5OTgyQzE2LjM3ODEgMTEuNDAzIDE2LjM2ODggMTEuNjg3NCAxNi4zMjU2IDEyLjYzNjZDMTYuMjg1NiAxMy41MTQgMTYuMTM5MSAxMy45OTA2IDE2LjAxNTkgMTQuMzA3OEMxNS44NTI2IDE0LjcyOCAxNS42NTc1IDE1LjAyNzcgMTUuMzQyOCAxNS4zNDI4QzE1LjAyNzcgMTUuNjU3OSAxNC43MjggMTUuODUyOSAxNC4zMDc4IDE2LjAxNThDMTMuOTkwNiAxNi4xMzkxIDEzLjUxNCAxNi4yODU2IDEyLjYzNjYgMTYuMzI1NkMxMS42ODc4IDE2LjM2ODggMTEuNDAzIDE2LjM3ODEgOC45OTk4MyAxNi4zNzgxQzYuNTk2NjEgMTYuMzc4MSA2LjMxMTg5IDE2LjM2ODggNS4zNjMwMyAxNi4zMjU2QzQuNDg1NjMgMTYuMjg1NiA0LjAwOTA2IDE2LjEzOTEgMy42OTE4MiAxNi4wMTU4QzMuMjcxNjkgMTUuODUyNiAyLjk3MTk2IDE1LjY1NzUgMi42NTY4NyAxNS4zNDI4QzIuMzQxNzcgMTUuMDI3NyAyLjE0NjcxIDE0LjcyOCAxLjk4MzgxIDE0LjMwNzhDMS44NjA1NiAxMy45OTA2IDEuNzE0MDggMTMuNTE0IDEuNjc0MDcgMTIuNjM2NkMxLjYzMDg0IDExLjY4NzggMS42MjE1NiAxMS40MDMgMS42MjE1NiA4Ljk5OTgyQzEuNjIxNTYgNi41OTY2MSAxLjYzMDg0IDYuMzEyMjQgMS42NzQwNyA1LjM2MzAyQzEuNzE0MDggNC40ODU2MiAxLjg2MDU2IDQuMDA5MDUgMS45ODM4MSAzLjY5MTgxQzIuMTQ3MDcgMy4yNzE2OSAyLjM0MjEzIDIuOTcxOTYgMi42NTY4NyAyLjY1Njg2QzIuOTcxOTYgMi4zNDE3NyAzLjI3MTY5IDIuMTQ2NzEgMy42OTE4MiAxLjk4MzhDNC4wMDkwNiAxLjg2MDU1IDQuNDg1NjMgMS43MTQwOCA1LjM2MzAzIDEuNjc0MDdDNi4zMTIyNCAxLjYzMDg0IDYuNTk2NjEgMS42MjE1NSA4Ljk5OTgzIDEuNjIxNTVaTTguOTk5ODMgMEM2LjU1NTUzIDAgNi4yNDkwMSAwLjAxMDM2MDIgNS4yODkwOCAwLjA1NDMwMTlDNC4zMzEyOSAwLjA5Nzg4NjMgMy42NzcxNyAwLjI1MDA3NCAzLjEwNDUgMC40NzI2NDFDMi41MTI1NCAwLjcwMjcwOSAyLjAxMDYgMS4wMTAzIDEuNTEwNDUgMS41MTA4MUMxLjAxMDMgMi4wMTA5NiAwLjcwMjM1MyAyLjUxMjg5IDAuNDcyNjQxIDMuMTA0NUMwLjI1MDA3NSAzLjY3NzE3IDAuMDk3ODg2NCA0LjMzMTI5IDAuMDU0MzAxOSA1LjI4OTA3QzAuMDEwMzYwMiA2LjI0OSAwIDYuNTU1NTIgMCA4Ljk5OTgyQzAgMTEuNDQ0MSAwLjAxMDM2MDIgMTEuNzUwNiAwLjA1NDMwMTkgMTIuNzEwNkMwLjA5Nzg4NjQgMTMuNjY4NCAwLjI1MDA3NSAxNC4zMjI1IDAuNDcyNjQxIDE0Ljg5NTFDMC43MDI3MSAxNS40ODcxIDEuMDEwMyAxNS45ODkgMS41MTA4MSAxNi40ODkyQzIuMDExMzIgMTYuOTg5NyAyLjUxMjg5IDE3LjI5NzMgMy4xMDQ4NiAxNy41Mjc0QzMuNjc3MTcgMTcuNzQ5OSA0LjMzMTY1IDE3LjkwMjEgNS4yODk0NCAxNy45NDU3QzYuMjQ5MzcgMTcuOTg5NiA2LjU1NTg5IDE4IDkuMDAwMTkgMThDMTEuNDQ0NSAxOCAxMS43NTEgMTcuOTg5NiAxMi43MTA5IDE3Ljk0NTdDMTMuNjY4NyAxNy45MDIxIDE0LjMyMzIgMTcuNzQ5OSAxNC44OTU1IDE3LjUyNzRDMTUuNDg3NSAxNy4yOTczIDE1Ljk4OTQgMTYuOTg5NyAxNi40ODk2IDE2LjQ4OTJDMTYuOTkwMSAxNS45ODg3IDE3LjI5NzcgMTUuNDg3MSAxNy41Mjc3IDE0Ljg5NTFDMTcuNzUwMyAxNC4zMjI4IDE3LjkwMjUgMTMuNjY4NCAxNy45NDYxIDEyLjcxMDZDMTcuOTkgMTEuNzUwNiAxOC4wMDA0IDExLjQ0NDEgMTguMDAwNCA4Ljk5OTgyQzE4LjAwMDQgNi41NTU1MiAxNy45OSA2LjI0OSAxNy45NDYxIDUuMjg5MDdDMTcuOTAyNSA0LjMzMTI5IDE3Ljc1MDMgMy42NzY4MSAxNy41Mjc3IDMuMTA0NUMxNy4yOTc3IDIuNTEyNTMgMTYuOTkwMSAyLjAxMDYgMTYuNDg5NiAxLjUxMDQ1QzE1Ljk4OTEgMS4wMDk5NCAxNS40ODc1IDAuNzAyMzUyIDE0Ljg5NTUgMC40NzIyODNDMTQuMzIyNSAwLjI1MDA3NCAxMy42Njg0IDAuMDk3ODg2MyAxMi43MTA2IDAuMDU0MzAxOUMxMS43NTA3IDAuMDEwMzYwMiAxMS40NDQxIDAgOC45OTk4MyAwWiIgZmlsbD0iI0QxMjU1QiIvPg0KPHBhdGggZD0iTTguOTk5OCA0LjM3ODQyQzYuNDQ3MjUgNC4zNzg0MiA0LjM3ODQyIDYuNDQ3NjEgNC4zNzg0MiA4Ljk5OThDNC4zNzg0MiAxMS41NTIgNi40NDc2MSAxMy42MjEyIDguOTk5OCAxMy42MjEyQzExLjU1MiAxMy42MjEyIDEzLjYyMTIgMTEuNTUyIDEzLjYyMTIgOC45OTk4QzEzLjYyMTIgNi40NDc2MSAxMS41NTI0IDQuMzc4NDIgOC45OTk4IDQuMzc4NDJaTTguOTk5OCAxMS45OTk2QzcuMzQyODggMTEuOTk5NiA1Ljk5OTk3IDEwLjY1NjQgNS45OTk5NyA4Ljk5OThDNS45OTk5NyA3LjM0Mjg4IDcuMzQzMjMgNS45OTk5NyA4Ljk5OTggNS45OTk5N0MxMC42NTY0IDUuOTk5OTcgMTEuOTk5NiA3LjM0MzIzIDExLjk5OTYgOC45OTk4QzExLjk5OTYgMTAuNjU2NyAxMC42NTY3IDExLjk5OTYgOC45OTk4IDExLjk5OTZaIiBmaWxsPSIjRDEyNTVCIi8+DQo8cGF0aCBkPSJNMTMuODAzNiA1LjI3NTE2QzE0LjQgNS4yNzUxNiAxNC44ODM2IDQuNzkxNjQgMTQuODgzNiA0LjE5NTJDMTQuODgzNiAzLjU5ODc1IDE0LjQgMy4xMTUyMyAxMy44MDM2IDMuMTE1MjNDMTMuMjA3MSAzLjExNTIzIDEyLjcyMzYgMy41OTg3NSAxMi43MjM2IDQuMTk1MkMxMi43MjM2IDQuNzkxNjQgMTMuMjA3MSA1LjI3NTE2IDEzLjgwMzYgNS4yNzUxNloiIGZpbGw9IiNEMTI1NUIiLz4NCjwvc3ZnPgoNCg==); } .v-portals-contact-form__sns__item-text--tw::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMCAyMEMxNS41MjI4IDIwIDIwIDE1LjUyMjggMjAgMTBDMjAgNC40NzcxNSAxNS41MjI4IDAgMTAgMEM0LjQ3NzE1IDAgMCA0LjQ3NzE1IDAgMTBDMCAxNS41MjI4IDQuNDc3MTUgMjAgMTAgMjBaIiBmaWxsPSIjMzFBMkVGIi8+DQo8cGF0aCBkPSJNOC4xNzAwMiAxNS4yNzUxQzEyLjYwNSAxNS4yNzUxIDE1LjAzIDExLjYwMDEgMTUuMDMgOC40MTUxQzE1LjAzIDguMzEwMSAxNS4wMyA4LjIwNTEgMTUuMDI1IDguMTA1MUMxNS40OTUgNy43NjUxIDE1LjkwNSA3LjM0MDEgMTYuMjMgNi44NTUxQzE1LjggNy4wNDUxIDE1LjMzNSA3LjE3NTEgMTQuODQ1IDcuMjM1MUMxNS4zNDUgNi45MzUxIDE1LjcyNSA2LjQ2NTEgMTUuOTA1IDUuOTAwMUMxNS40NCA2LjE3NTEgMTQuOTI1IDYuMzc1MSAxNC4zNzUgNi40ODUxQzEzLjkzNSA2LjAxNTEgMTMuMzEgNS43MjUxIDEyLjYxNSA1LjcyNTFDMTEuMjg1IDUuNzI1MSAxMC4yMDUgNi44MDUxIDEwLjIwNSA4LjEzNTFDMTAuMjA1IDguMzI1MSAxMC4yMjUgOC41MTAxIDEwLjI3IDguNjg1MUM4LjI2NTAyIDguNTg1MSA2LjQ5MDAyIDcuNjI1MSA1LjMwMDAyIDYuMTY1MUM1LjA5NTAyIDYuNTIwMSA0Ljk3NTAyIDYuOTM1MSA0Ljk3NTAyIDcuMzc1MUM0Ljk3NTAyIDguMjEwMSA1LjQwMDAyIDguOTUwMSA2LjA1MDAyIDkuMzgwMUM1LjY1NTAyIDkuMzcwMSA1LjI4NTAyIDkuMjYwMSA0Ljk2MDAyIDkuMDgwMUM0Ljk2MDAyIDkuMDkwMSA0Ljk2MDAyIDkuMTAwMSA0Ljk2MDAyIDkuMTEwMUM0Ljk2MDAyIDEwLjI4MDEgNS43OTAwMiAxMS4yNTAxIDYuODk1MDIgMTEuNDc1MUM2LjY5NTAyIDExLjUzMDEgNi40ODAwMiAxMS41NjAxIDYuMjYwMDIgMTEuNTYwMUM2LjEwNTAyIDExLjU2MDEgNS45NTUwMiAxMS41NDUxIDUuODA1MDIgMTEuNTE1MUM2LjExMDAyIDEyLjQ3NTEgNy4wMDAwMiAxMy4xNzAxIDguMDU1MDIgMTMuMTkwMUM3LjIzMDAyIDEzLjgzNTEgNi4xOTAwMiAxNC4yMjAxIDUuMDYwMDIgMTQuMjIwMUM0Ljg2NTAyIDE0LjIyMDEgNC42NzUwMiAxNC4yMTAxIDQuNDg1MDIgMTQuMTg1MUM1LjU0MDAyIDE0Ljg3NTEgNi44MTAwMiAxNS4yNzUxIDguMTcwMDIgMTUuMjc1MVoiIGZpbGw9IiNGNEY0RjQiLz4NCjwvc3ZnPgoNCg==); } .v-portals-contact-form__sns__item-icon { width: 20px; height: 20px; margin-right: 15px; } .v-portals-contact-form__sns__item svg { width: 100%; height: auto; } .phone .v-portals-contact-form__sns { max-width: none; margin: 0px; padding: 0px; } .phone .v-portals-contact-form__sns__item { width: 100%; height: auto; flex-direction: column; } .phone .v-portals-contact-form__sns__item:not(:last-child) { margin: 0px auto 15px; } .phone .v-portals-contact-form__sns__item > * { width: 100%; } .phone .v-portals-contact-form__sns__item-box { display: flex; width: 100%; height: 20px; padding: 0px 0px 0px 35px; margin-bottom: 10px; } .phone .v-portals-contact-form__sns__item-text { font-size: 0.875rem; letter-spacing: 0.05em; font-weight: 400; width: auto; height: 20px; margin: 0px; line-height: 20px; color: inherit; } .phone .v-portals-contact-form__sns__item-text::before { left: -35px; } .v-portals-contact__article-footer-link { margin: 0px; padding: 0px; } .v-portals-contact__article-footer-link__body { display: flex; align-items: center; padding: 0px; color: rgb(0, 187, 170); transition: color 0.2s ease 0s; } .v-portals-contact__article-footer-link__body.is-hover { color: rgb(0, 167, 153); } .v-portals-contact__article-footer-link__body span:first-child { width: 14px; height: 14px; margin-right: 10px; } .v-portals-contact__article-footer-link__body span:last-child { font-size: 0.875rem; line-height: 1.8; letter-spacing: 0.05em; font-weight: 400; } .v-portals-contact__article-footer-link__body span img { width: 100%; height: auto; } .v-portals-contact__article-footer-link__body span span.is-en { font-family: Rubik, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Meiryo UI", sans-serif; } .phone .v-portals-contact__article-footer-link__body span:last-child { font-size: 0.8125rem; line-height: 1.8; letter-spacing: 0.05em; font-weight: 400; } .v-portals-contact__article { width: 100%; padding: 0px; color: rgb(34, 34, 34); } .v-portals-contact__article:not(:last-child) { margin: 0px 0px 100px; } .v-portals-contact__article__article-title { font-family: Rubik, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Meiryo UI", sans-serif; font-size: 2rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 500; margin: 0px 130px 60px 0px; } .v-portals-contact__article__article-title--mb-60 { margin-bottom: 60px; } .v-portals-contact__article__article-title--price-plan { margin-bottom: 50px; } .v-portals-contact__article__article-title--faq { margin-bottom: 0px; } .v-portals-contact__article__article-title span.is-en { font-size: 2.125rem; line-height: 1; letter-spacing: 0.05em; font-weight: 400; } .v-portals-contact__article__section { width: 100%; padding: 0px; } .v-portals-contact__article__section:not(:last-child) { margin: 0px 0px 60px; } .v-portals-contact__article__section--media-partnership { margin-bottom: 80px; } .v-portals-contact__article__section-title { font-family: Rubik, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Meiryo UI", sans-serif; display: flex; align-items: flex-end; margin: 0px 130px 25px 0px; } .v-portals-contact__article__section-title-body { font-size: 1.5rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 500; margin: 0px; } .v-portals-contact__article__section-title-body span { margin: 0px; } .v-portals-contact__article__section-title-body span.is-en { font-size: 1.625rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; } .v-portals-contact__article__section-title-body span.is-small-unit { font-size: 1.25rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 500; } .v-portals-contact__article__section-title-body span.is-small-en { font-size: 1.25rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; margin: 0px -6px; } .v-portals-contact__article__section-title-body span.is-small-jp { font-size: 1.25rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 500; } .v-portals-contact__article__section-description { font-size: 1rem; line-height: 1.8; letter-spacing: 0.05em; font-weight: 400; margin: 0px 130px 25px 0px; } .v-portals-contact__article__section-description--support { margin-bottom: 40px; } .v-portals-contact__article__section-description p { margin: 0px; } .v-portals-contact__article__section-description p:not(:last-child) { margin-bottom: 10px; } .v-portals-contact__article__section-description p span { margin: 0px; } .v-portals-contact__article__section-description p span.is-en { font-family: Rubik, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Meiryo UI", sans-serif; } .v-portals-contact__article__section-description p span.is-small-time { font-size: 0.75rem; line-height: 1.8; letter-spacing: 0.05em; font-weight: 400; } .v-portals-contact__article__section-content { width: 100%; margin: 0px; } .v-portals-contact__article__section-content:not(:last-child) { margin-bottom: 20px; } .v-portals-contact__article__section-content--mb-30:not(:last-child) { margin-bottom: 30px; } .phone .v-portals-contact__article:not(:last-child):not(.v-portals-contact__article--last-on-sp) { margin: 0px 0px 80px; } .phone .v-portals-contact__article--last-on-sp { margin: 0px; } .phone .v-portals-contact__article__article-title { font-size: 1.375rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 500; margin: 0px 0px 60px; } .phone .v-portals-contact__article__article-title--price-plan { margin-bottom: 60px; } .phone .v-portals-contact__article__article-title--faq { margin-bottom: 40px; } .phone .v-portals-contact__article__article-title span { font-size: 1.375rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 500; } .phone .v-portals-contact__article__article-title span.is-en { font-size: 1.4375rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; } .phone .v-portals-contact__article__section:not(:last-child) { margin: 0px 0px 60px; } .phone .v-portals-contact__article__section--support { margin-bottom: 70px; } .phone .v-portals-contact__article__section--media-partnership { margin-bottom: 60px; } .phone .v-portals-contact__article__section-title { margin: 0px 0px 25px; } .phone .v-portals-contact__article__section-title--owners-voice { margin-bottom: 20px; } .phone .v-portals-contact__article__section-title-body { font-size: 1.125rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 500; } .phone .v-portals-contact__article__section-title-body span.is-en { font-size: 1.25rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; } .phone .v-portals-contact__article__section-title-body span.is-small-unit { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 500; } .phone .v-portals-contact__article__section-title-body span.is-small-en { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; margin: 0px -1px; } .phone .v-portals-contact__article__section-title-body span.is-small-jp { font-size: 0.75rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 500; } .phone .v-portals-contact__article__section-description { font-size: 0.875rem; line-height: 1.8; letter-spacing: 0.05em; font-weight: 400; margin: 0px 0px 25px; } .phone .v-portals-contact__article__section-description--support { margin-bottom: 40px; } .phone .v-portals-contact__article__section-description p span.is-small-time { font-size: 0.875rem; line-height: 1.8; letter-spacing: 0.05em; font-weight: 400; } .phone .v-portals-contact__article__section-content:not(:last-child) { margin-bottom: 25px; } .phone .v-portals-contact__article__section-content--global-partner:not(:last-child) { margin-bottom: -15px; } .v-portals-contact__bar-graph { width: calc(83.9506%); margin: 0px calc(16.0494%) 0px 0px; } .v-portals-contact__bar-graph__list-wrap-list { display: flex; align-items: flex-end; width: 100%; padding: 0px; margin: 0px; list-style: none; } .v-portals-contact__bar-graph__list-wrap { width: calc(68.3824%); margin: 0px calc(6.47059%) 0px 0px; padding: 0px; } .v-portals-contact__bar-graph__list-wrap--blue { width: calc(25.1471%); margin: 0px; } .v-portals-contact__bar-graph__list { display: flex; align-items: flex-end; margin: 0px; padding: 0px; list-style: none; } .v-portals-contact__bar-graph__item { width: calc(15.6989%); margin: 0px; text-align: center; } .v-portals-contact__bar-graph__item:not(:last-child) { margin: 0px calc(5.37634%) 0px 0px; } .v-portals-contact__bar-graph__item--blue { width: calc(42.6901%); margin: 0px; } .v-portals-contact__bar-graph__item--blue:not(:last-child) { margin: 0px calc(14.6199%) 0px 0px; } .v-portals-contact__bar-graph__item-graph { display: flex; align-items: flex-end; width: 100%; height: 230px; padding: 0px; color: rgb(255, 255, 255); } .v-portals-contact__bar-graph__item-graph-container { width: 100%; height: 100%; border-radius: 4px; padding: 15px 0px 0px; background: rgb(0, 185, 170); transition: height 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, background 0s linear 0s; } .v-portals-contact__bar-graph__item-graph-container:not(.is-active) { background: rgb(252, 252, 252); height: 0px !important; } .v-portals-contact__bar-graph__item-graph-container--blue { background: rgb(0, 56, 134); } .v-portals-contact__bar-graph__item-graph span { font-family: Rubik, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Meiryo UI", sans-serif; font-size: 1.375rem; line-height: 1; letter-spacing: 0.02em; font-weight: 400; display: inline-block; } .v-portals-contact__bar-graph__item-graph span.is-small { font-size: 1.125rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; margin-left: 2px; } .v-portals-contact__bar-graph__item-graph span.is-yen { font-size: 0.875rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; display: block; padding-top: 4px; text-align: right; } .v-portals-contact__bar-graph__item-text { padding: 20px 0px 0px; } .v-portals-contact__bar-graph__item-text span { font-family: Rubik, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Meiryo UI", sans-serif; font-size: 1.125rem; line-height: 1; letter-spacing: 0.05em; font-weight: 400; } .v-portals-contact__bar-graph__item-text span.is-small { font-size: 0.875rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; margin-left: 2px; } .phone .v-portals-contact__bar-graph { width: 100%; margin: 0px; } .phone .v-portals-contact__bar-graph__list-wrap { width: calc(66.5672%); } .phone .v-portals-contact__bar-graph__list-wrap:not(:last-child) { margin: 0px calc(8.95522%) 0px 0px; } .phone .v-portals-contact__bar-graph__list-wrap--blue { width: calc(24.4776%); } .phone .v-portals-contact__bar-graph__item { width: calc(15.6951%); } .phone .v-portals-contact__bar-graph__item:not(:last-child) { margin: 0px calc(5.38117%) 0px 0px; } .phone .v-portals-contact__bar-graph__item--blue { width: calc(42.6829%); margin: 0px; } .phone .v-portals-contact__bar-graph__item--blue:not(:last-child) { margin: 0px calc(20.7317%) 0px 0px; } .phone .v-portals-contact__bar-graph__item--blue:last-child .v-portals-contact__bar-graph__item-graph-container--blue { padding: 4px 0px 0px; } .phone .v-portals-contact__bar-graph__item-graph { height: 124px; } .phone .v-portals-contact__bar-graph__item-graph-container { border-radius: 3px; padding: 6px 0px 0px; } .phone .v-portals-contact__bar-graph__item-graph span { font-size: 0.75rem; line-height: 1; letter-spacing: 0.02em; font-weight: 400; } .phone .v-portals-contact__bar-graph__item-graph span.is-small { font-size: 0.6875rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; margin-left: 1px; } .phone .v-portals-contact__bar-graph__item-graph span.is-yen { font-size: 0.625rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; display: block; padding-top: 4px; text-align: right; } .phone .v-portals-contact__bar-graph__item-text { padding: 10px 0px 0px; line-height: 1; } .phone .v-portals-contact__bar-graph__item-text span { font-size: 0.6875rem; line-height: 1; letter-spacing: 0.05em; font-weight: 400; } .phone .v-portals-contact__bar-graph__item-text span.is-small { font-size: 0.625rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; margin-left: 1px; } .v-portals-contact__card-list { display: flex; flex-wrap: wrap; justify-content: space-between; list-style: none; max-width: 680px; margin: 0px; padding: 0px; } .v-portals-contact__card-list.is-pc { display: flex; } .v-portals-contact__card-list.is-sp { display: none; } .v-portals-contact__card-list__item-image, .v-portals-contact__card-list__item-card { display: flex; align-items: center; justify-content: center; margin-bottom: 20px; border: 1px solid rgb(219, 223, 223); border-radius: 4px; } .v-portals-contact__card-list__item-image { width: calc(48.5294%); height: 100px; font-size: 0px; } .v-portals-contact__card-list__item-image--two:nth-child(3), .v-portals-contact__card-list__item-image--two:nth-child(4) { margin-bottom: 0px; } .v-portals-contact__card-list__item-image--three { width: calc(30.8824%); height: 80px; margin-bottom: 0px; } .v-portals-contact__card-list__item-image picture { font-size: 0px; } .v-portals-contact__card-list__item-image img { width: auto; } .v-portals-contact__card-list__item-image img.is-pc { display: block; } .v-portals-contact__card-list__item-image img.is-sp { display: none; } .v-portals-contact__card-list__item-card { font-family: Rubik, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Meiryo UI", sans-serif; width: calc(47.7941%); height: auto; } .v-portals-contact__card-list__item-card--two:nth-child(5), .v-portals-contact__card-list__item-card--two:nth-child(6) { margin-bottom: 0px; } .v-portals-contact__card-list__item-card__body { margin: 0px; padding: 25px 0px; text-align: center; } .v-portals-contact__card-list__item-card__title { font-size: 1rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; } .v-portals-contact__card-list__item-card__description { font-size: 1.625rem; line-height: 1; letter-spacing: 0.05em; font-weight: 700; margin: 14px 0px 0px; color: rgb(0, 185, 170); } .v-portals-contact__card-list__item-card__description .is-en { font-size: 2rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; } .v-portals-contact__card-list__item-card__description .is-small-unit { font-size: 1.125rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; } .v-portals-contact__card-list__item-card__note { font-size: 0.875rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; margin: 15px 0px 0px; color: rgb(122, 129, 129); } .v-portals-contact__card-list__item-card__note .is-en { font-size: 1.125rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; margin: 0px 0px 0px 3px; } .v-portals-contact__card-list__item-card__note .is-small-unit { font-size: 0.625rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; } .phone .v-portals-contact__card-list { max-width: none; } .phone .v-portals-contact__card-list.is-pc { display: none; } .phone .v-portals-contact__card-list.is-sp { display: flex; } .phone .v-portals-contact__card-list__item-image, .phone .v-portals-contact__card-list__item-card { margin-bottom: 15px; border-radius: 3px; } .phone .v-portals-contact__card-list__item-image { width: calc(47.7612%); height: 70px; } .phone .v-portals-contact__card-list__item-image--two:nth-child(3), .phone .v-portals-contact__card-list__item-image--two:nth-child(4) { margin-bottom: 0px; } .phone .v-portals-contact__card-list__item-image--three { width: calc(30.4478%); height: 50px; margin-bottom: 0px; } .phone .v-portals-contact__card-list__item-image img.is-pc { display: none; } .phone .v-portals-contact__card-list__item-image img.is-sp { display: block; } .phone .v-portals-contact__card-list__item-card { width: calc(47.7612%); } .phone .v-portals-contact__card-list__item-card--two:nth-child(5), .phone .v-portals-contact__card-list__item-card--two:nth-child(6) { margin-bottom: 0px; } .phone .v-portals-contact__card-list__item-card__title { font-size: 0.875rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; } .phone .v-portals-contact__card-list__item-card__description { font-size: 1.5rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; margin: 15px 0px 0px; } .phone .v-portals-contact__card-list__item-card__description span.is-en { font-size: 1.5rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; } .phone .v-portals-contact__card-list__item-card__description span.is-small-unit { font-size: 0.8125rem; line-height: 1; letter-spacing: 0.05em; font-weight: 600; } .phone .v-portals-contact__card-list__item-card__description span.is-jp { font-size: 1.375rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; display: block; margin-top: -5px; } .phone .v-portals-contact__card-list__item-card:nth-child(3) span.is-jp, .phone .v-portals-contact__card-list__item-card:nth-child(4) span.is-jp { font-size: 1.375rem; line-height: 1; letter-spacing: 0.05em; font-weight: 600; } .phone .v-portals-contact__card-list__item-card:nth-child(5) span.is-jp { font-size: 1.125rem; line-height: 1; letter-spacing: 0.05em; font-weight: 600; } .phone .v-portals-contact__card-list__item-card:nth-child(6) span.is-jp { font-size: 1.1875rem; line-height: 1; letter-spacing: 0.05em; font-weight: 600; } .phone .v-portals-contact__card-list__item-card__note { font-size: 0.75rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; } .phone .v-portals-contact__card-list__item-card__note .is-en { font-size: 1.125rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; margin: 0px 0px 0px 3px; } .phone .v-portals-contact__card-list__item-card__note .is-small-unit { font-size: 0.625rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; } .v-portals-contact__circle-graph { width: calc(83.9506%); } .v-portals-contact__circle-graph__wrap { display: flex; width: 100%; padding: 0px calc(10.2941%); } .v-portals-contact__circle-graph__item { flex-shrink: 0; width: calc(40.7407%); } .v-portals-contact__circle-graph__item:first-child { margin: 0px calc(18.5185%) 0px 0px; } .v-portals-contact__circle-graph__item-body { position: relative; width: 100%; height: 0px; padding-top: 100%; margin-bottom: 20px; } .v-portals-contact__circle-graph__item-circle { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .v-portals-contact__circle-graph__item-circle svg { width: 100%; height: 100%; transform: rotate(-90deg); } .v-portals-contact__circle-graph__item-circle svg circle { stroke: rgb(235, 237, 237); border-radius: 4px; } .v-portals-contact__circle-graph__item-circle svg circle.is-green { stroke: rgb(0, 185, 170); stroke-dasharray: 448, 553; transition: stroke-dasharray calc(1.215s) cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .v-portals-contact__circle-graph__item-circle svg circle.is-blue { stroke: rgb(0, 56, 134); stroke-dasharray: 249, 553; transition: stroke-dasharray calc(0.675s) cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .v-portals-contact__circle-graph__item-circle svg circle:not(.is-active).is-green, .v-portals-contact__circle-graph__item-circle svg circle:not(.is-active).is-blue { stroke-dasharray: 0, 553; } .v-portals-contact__circle-graph__item-value { font-size: 2.5rem; line-height: 1; letter-spacing: 0.05em; font-weight: 400; font-family: Rubik, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Meiryo UI", sans-serif; position: absolute; bottom: 50%; right: 50%; transform: translate(50%, 50%); } .v-portals-contact__circle-graph__item-value span.is-label { font-size: 2.1875rem; line-height: 1; letter-spacing: 0.05em; font-weight: 400; margin-left: 4px; } .v-portals-contact__circle-graph__item-name { font-size: 1.0625rem; line-height: 1; letter-spacing: 0.05em; font-weight: 400; margin: 0px; text-align: center; } .v-portals-contact__circle-graph__item-name span :not(:last-child) { margin-right: 2px; } .v-portals-contact__circle-graph__item-name span.is-en { font-size: 1.25rem; line-height: 1; letter-spacing: 0.05em; font-weight: 400; font-family: Rubik, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Meiryo UI", sans-serif; } .v-portals-contact__circle-graph__item-name span.is-large { font-size: 1.3125rem; line-height: 1; letter-spacing: 0.05em; font-weight: 400; font-family: Rubik, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Meiryo UI", sans-serif; } .phone .v-portals-contact__circle-graph { width: calc(91.0448%); margin: 0px auto; } .phone .v-portals-contact__circle-graph__wrap { padding: 0px; } .phone .v-portals-contact__circle-graph__item { width: calc(42.623%); } .phone .v-portals-contact__circle-graph__item:first-child { margin: 0px calc(14.7541%) 0px 0px; } .phone .v-portals-contact__circle-graph__item-body { margin-bottom: 17px; } .phone .v-portals-contact__circle-graph__item-circle svg { width: 100%; height: 100%; transform: rotate(-90deg); } .phone .v-portals-contact__circle-graph__item-circle svg circle { stroke: rgb(235, 237, 237); border-radius: 4px; } .phone .v-portals-contact__circle-graph__item-circle svg circle.is-green { stroke: rgb(0, 185, 170); stroke-dasharray: 448, 553; transition: stroke-dasharray calc(1.215s) cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .phone .v-portals-contact__circle-graph__item-circle svg circle.is-blue { stroke: rgb(0, 56, 134); stroke-dasharray: 249, 553; transition: stroke-dasharray calc(0.675s) cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .phone .v-portals-contact__circle-graph__item-circle svg circle:not(.is-active).is-green, .phone .v-portals-contact__circle-graph__item-circle svg circle:not(.is-active).is-blue { stroke-dasharray: 0, 553; } .phone .v-portals-contact__circle-graph__item-value { font-size: 1.5rem; line-height: 1; letter-spacing: 0px; font-weight: 400; } .phone .v-portals-contact__circle-graph__item-value span.is-label { font-size: 1.25rem; line-height: 1; letter-spacing: 0px; font-weight: 500; margin-left: 2px; } .phone .v-portals-contact__circle-graph__item-name { font-size: 0.75rem; line-height: 1; letter-spacing: 0.05em; font-weight: 400; } .phone .v-portals-contact__circle-graph__item-name span :not(:last-child) { margin-right: 1px; } .phone .v-portals-contact__circle-graph__item-name span.is-en { font-size: 0.875rem; line-height: 1; letter-spacing: 0.05em; font-weight: 400; } .phone .v-portals-contact__circle-graph__item-name span.is-large { font-size: 1rem; line-height: 1; letter-spacing: 0.05em; font-weight: 400; } .v-portals-contact__container { width: 100%; min-width: 1080px; max-width: 1280px; margin: 0px auto; } .v-portals-contact__container__wrap { width: 100%; padding: 30px 0px 0px calc(10.1562%); margin: 0px auto; } .v-portals-contact__container__fv { margin: 0px 0px 80px; } .v-portals-contact__container__modal { position: fixed; top: 0px; left: 0px; z-index: 2147483647; width: calc(var(--vw, vw) * 100); height: calc(var(--vh, vh) * 100); opacity: 0; pointer-events: none; transition: opacity 0.2s ease 0s; overflow-y: scroll; } .v-portals-contact__container__modal::-webkit-scrollbar { display: none; } .v-portals-contact__container__modal--under-header { z-index: 59; } .v-portals-contact__container__modal.is-active { opacity: 1; pointer-events: auto; } .v-portals-contact__container__body { display: flex; width: 100%; } .v-portals-contact__container__body-sidebar { flex-shrink: 0; width: 225px; margin: 30px 115px 0px 0px; } .v-portals-contact__container__body-main { flex-shrink: 0; width: calc(100% - 340px); } .phone .v-portals-contact__container { max-width: none; min-width: auto; } .phone .v-portals-contact__container__wrap { padding: 0px calc(5.33333%); } .phone .v-portals-contact__container__fv { margin: 0px calc(-5.97015%) 40px; padding: 0px; } .phone .v-portals-contact__container__modal { height: calc(var(--spvh, vh) * 100); } .phone .v-portals-contact__container__body { flex-direction: column; margin-bottom: 80px; } .phone .v-portals-contact__container__body-sidebar { position: fixed; margin-right: 0px; width: 100%; top: 0px; z-index: 40; } .phone .v-portals-contact__container__body-main { width: 100%; } .v-portals-contact__content-list { width: 100%; padding: 0px calc(16.0494%) 0px 0px; margin: 0px; list-style: none; } .v-portals-contact__content-list__item { margin: 0px; } .v-portals-contact__content-list__item:not(:last-child) { margin-bottom: 40px; } .v-portals-contact__content-list__item-title { display: flex; align-items: flex-end; margin: 0px 0px 20px; } .v-portals-contact__content-list__item-title-icon { display: inline-block; width: 20px; height: 20px; margin: 0px 10px 0px 0px; } .v-portals-contact__content-list__item-title-icon img { width: 100%; height: 100%; } .v-portals-contact__content-list__item-title-text { font-size: 1.125rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; display: inline-block; margin: 0px; } .v-portals-contact__content-list__item-description:not(:last-child) { margin-bottom: 20px; } .v-portals-contact__content-list__item-description p { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; margin: 0px; } .v-portals-contact__content-list__item-description p:not(:last-child) { margin-bottom: 8px; } .v-portals-contact__content-list__item-description p span.is-en { font-family: Rubik, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Meiryo UI", sans-serif; } .v-portals-contact__content-list__item-description span.is-small { font-size: 0.75rem; line-height: 1.8; letter-spacing: 0.05em; font-weight: 400; } .phone .v-portals-contact__content-list { padding: 0px; } .phone .v-portals-contact__content-list__item:not(:last-child) { margin-bottom: 40px; } .phone .v-portals-contact__content-list__item-title { margin: 0px 0px 20px; } .phone .v-portals-contact__content-list__item-title-text { font-size: 1rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; } .phone .v-portals-contact__content-list__item-description:not(:last-child) { margin-bottom: 20px; } .phone .v-portals-contact__content-list__item-description p { font-size: 0.8125rem; line-height: 1.8; letter-spacing: 0.05em; font-weight: 400; margin: 0px; } .phone .v-portals-contact__content-list__item-description p:not(:last-child) { margin-bottom: 10px; } .phone .v-portals-contact__content-list__item-description p span .is-en { font-family: Rubik, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Meiryo UI", sans-serif; } .phone .v-portals-contact__content-list__item-description span.is-small { font-size: 0.6875rem; line-height: 1.8; letter-spacing: 0.05em; font-weight: 400; margin-left: -4px; } .v-portals-contact__image-slider { display: flex; width: 100%; border-radius: 4px 0px 0px 4px; overflow: hidden; } @media only screen and (min-width: 1281px) { .v-portals-contact__image-slider { border-radius: 4px; } } .v-portals-contact__image-slider.is-pc { display: flex; } .v-portals-contact__image-slider.is-sp { display: none; width: 100vw; margin-left: calc(-5.31915vw); } .v-portals-contact__image-slider__single-image { font-size: 0px; flex-shrink: 0; } .phone .v-portals-contact__image-slider { border-radius: 3px; } .phone .v-portals-contact__image-slider.is-pc { display: none; } .phone .v-portals-contact__image-slider.is-sp { display: flex; } .v-portals-contact__link-list { display: grid; column-gap: 30px; grid-template-columns: repeat(2, 1fr); width: 100%; max-width: 680px; margin: 0px; padding: 0px; list-style: none; } .v-portals-contact__link-list__item { width: 100%; } .v-portals-contact__link-list__text { font-size: 1rem; line-height: 1; letter-spacing: 0.05em; font-weight: 400; color: rgb(0, 185, 170); transition: color 0.2s ease 0s; } .v-portals-contact__link-list__icon { width: 8px; height: 16px; } .v-portals-contact__link-list__icon svg path { width: 100%; height: 100%; fill: rgb(0, 185, 170); transition: fill 0.2s ease 0s; } .v-portals-contact__link-list__body { display: flex; justify-content: space-between; align-items: center; padding: 31px 30px 32px; width: 100%; height: 80px; border: 1px solid rgb(0, 185, 170); border-radius: 5px; box-sizing: border-box; transition: background 0.2s ease 0s; } .v-portals-contact__link-list__body.is-hover { background: rgb(0, 185, 170); } .v-portals-contact__link-list__body.is-hover .v-portals-contact__link-list__text { color: rgb(255, 255, 255); } .v-portals-contact__link-list__body.is-hover .v-portals-contact__link-list__icon svg path { fill: rgb(255, 255, 255); } .v-portals-contact__modal { width: 100%; height: 100%; padding-top: 90px; } .v-portals-contact__modal::after { z-index: -1; content: ""; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgb(252, 252, 252); } .v-portals-contact__modal--video::after { opacity: 0.7; background: rgb(0, 52, 70); } .v-portals-contact__modal__container--full { width: 100%; height: 100%; } .v-portals-contact__modal__video-container { position: absolute; left: 0px; bottom: 50%; transform: translate(0px, 50%); width: 100%; text-align: center; } .v-portals-contact__modal__video { width: 760px; height: 427px; } .v-portals-contact__modal__close-button { position: fixed; top: 60px; right: 60px; z-index: 2147483647; display: block; width: 74px; height: 74px; padding: 0px; border: 1px solid rgb(255, 255, 255); border-radius: 8px; background: transparent; color: rgb(255, 255, 255); transition: border 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, border-radius 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .v-portals-contact__modal__close-button * { pointer-events: none; } .v-portals-contact__modal__close-button svg { width: 24px; height: 24px; vertical-align: middle; fill: rgb(255, 255, 255); transition: fill 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .v-portals-contact__modal__close-button.is-hover { border-radius: 50%; border: 1px solid rgb(38, 195, 183); } .v-portals-contact__modal__close-button.is-hover svg { transform: scale(0.9167); fill: rgb(38, 195, 183); } .phone .v-portals-contact__modal { padding-top: 62px; } .phone .v-portals-contact__modal__video-container { position: absolute; bottom: calc(50% - 62px); width: 100%; height: 0px; padding-top: calc(56.184%); } .phone .v-portals-contact__modal__video { position: absolute; bottom: calc(50% + 62px); left: 0px; transform: translate(0px, 50%); width: 100%; height: 100%; } .phone .v-portals-contact__modal__close-button { top: 20px; right: 20px; width: 40px; height: 40px; } .phone .v-portals-contact__modal__close-button svg { width: 12px; height: 12px; } .phone .v-portals-contact__modal__close-button.is-hover svg { transform: scale(1); } .v-portals-contact__multiple-image.is-pc { display: flex; border-radius: 4px; overflow: hidden; } .v-portals-contact__multiple-image.is-pc-content { width: calc(50%); object-fit: cover; } .v-portals-contact__multiple-image.is-sp { display: none; height: 176px; } .v-portals-contact__multiple-image.is-sp-content { position: absolute; width: 100%; object-fit: cover; } .v-portals-contact__multiple-image.is-sp-content.first { animation-name: fade-in-first; animation-iteration-count: infinite; animation-duration: 15s; } .v-portals-contact__multiple-image.is-sp-content.second { animation-name: fade-in-second; animation-iteration-count: infinite; animation-duration: 15s; } @keyframes fade-in-first { 0% { opacity: 1; } 20% { opacity: 1; } 50% { opacity: 0; } 80% { opacity: 1; } 100% { opacity: 1; } } @keyframes fade-in-second { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } .phone .v-portals-contact__multiple-image.is-pc { display: none; } .phone .v-portals-contact__multiple-image.is-sp { display: block; width: 100vw; margin-left: calc(-5.31915vw); } .v-portals-contact__openable-list { width: 100%; max-width: 680px; margin: 20px 0px 0px; padding: 0px; list-style: none; } .v-portals-contact__openable-list--large { margin: 0px; } .v-portals-contact__openable-list__item { position: relative; width: 100%; max-height: 67px; overflow: hidden; transition: max-height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .v-portals-contact__openable-list__item.is-no-transition { transition: none 0s ease 0s; } .v-portals-contact__openable-list__item:not(:last-child) { margin: 0px; } .v-portals-contact__openable-list__item--large { position: relative; max-height: 93px; } .v-portals-contact__openable-list__item--large:not(:last-child) { margin: 0px; } .v-portals-contact__openable-list__button { font-size: 1rem; line-height: 1.8; letter-spacing: 0.05em; font-weight: 500; display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 20px 4px 20px 0px; border-style: none; background: none; transition: color 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .v-portals-contact__openable-list__button span { display: flex; align-items: center; } .v-portals-contact__openable-list__button span:last-child { width: 8px; height: 14.6px; transform-origin: 50% center; } .v-portals-contact__openable-list__button span:last-child svg { fill: rgb(34, 34, 34); transition: fill 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .v-portals-contact__openable-list__button.is-active span:last-child { transform: rotate(90deg); } .v-portals-contact__openable-list__button.is-hover { color: rgb(0, 167, 153); } .v-portals-contact__openable-list__button.is-hover span svg { fill: rgb(0, 167, 153); } .v-portals-contact__openable-list__button.is-hover ~ .v-portals-contact__openable-list__border { background: rgb(0, 167, 153); } .v-portals-contact__openable-list__button--large { font-size: 1.125rem; line-height: 1.8; letter-spacing: 0.05em; font-weight: 500; padding: 30px 3px 30px 0px; } .v-portals-contact__openable-list__border { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 1px; background: rgb(219, 223, 223); transition: background 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .v-portals-contact__openable-list__inner-wrap { padding: 0px 44px 20px 0px; } .v-portals-contact__openable-list__inner-wrap--large { padding: 0px 44px 30px 0px; } .v-portals-contact__openable-list__simple-text { margin: 0px 0px 15px; } .v-portals-contact__openable-list__simple-text p { font-size: 0.875rem; line-height: 1.8; letter-spacing: 0.05em; font-weight: 400; margin: 0px; } .v-portals-contact__openable-list__simple-text p span.is-en { font-family: Rubik, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Meiryo UI", sans-serif; } .v-portals-contact__openable-list__simple-text p:not(:last-child) { margin: 0px 0px 10px; } .v-portals-contact__openable-list__title { font-size: 1rem; line-height: 1.8; letter-spacing: 0.05em; font-weight: 400; } .v-portals-contact__openable-list__title::before { content: counter(table-ol) "."; display: block; position: absolute; top: 0px; left: 0px; } .v-portals-contact__openable-list__title--faq::before { content: none; } .v-portals-contact__openable-list__title p { margin: 0px; } .v-portals-contact__openable-list__title p span.is-en { font-family: Rubik, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Meiryo UI", sans-serif; } .v-portals-contact__openable-list__title p:not(:last-child) { margin: 0px 0px 10px; } .v-portals-contact__openable-list__text { font-size: 0.875rem; line-height: 1.8; letter-spacing: 0.05em; font-weight: 400; margin: 10px 0px 0px; } .v-portals-contact__openable-list__text--gray { color: rgb(157, 167, 166); } .v-portals-contact__openable-list__text--gray p:not(:last-child) { margin: 0px 0px 10px; } .v-portals-contact__openable-list__text--main { color: rgb(61, 65, 64); } .v-portals-contact__openable-list__text--main p:not(:last-child) { margin: 0px 0px 10px; } .v-portals-contact__openable-list__text p { margin: 0px; } .v-portals-contact__openable-list__text p span.is-en { font-family: Rubik, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Meiryo UI", sans-serif; } .v-portals-contact__openable-list__text p.is-em { position: relative; padding: 0px 0px 0px 19px; } .v-portals-contact__openable-list__text p.is-em::before { content: "※"; position: absolute; top: 0px; left: 0px; } .v-portals-contact__openable-list__note { font-size: 0.8125rem; line-height: 1.8; letter-spacing: 0.05em; font-weight: 400; margin: 5px 0px 0px; } .v-portals-contact__openable-list__note--gray { color: rgb(157, 167, 166); } .v-portals-contact__openable-list__note p { margin: 0px; } .v-portals-contact__openable-list__note p span.is-en { font-family: Rubik, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Meiryo UI", sans-serif; } .v-portals-contact__openable-list__note p.is-em { position: relative; padding: 0px 0px 0px 19px; } .v-portals-contact__openable-list__note p.is-em::before { content: "※"; position: absolute; top: 0px; left: 0px; } .v-portals-contact__openable-list__note p:not(:last-child) { margin: 0px 0px 10px; } .v-portals-contact__openable-list__order-list { list-style: none; padding: 0px; } .v-portals-contact__openable-list__order-list-item { position: relative; padding: 0px 0px 20px 32px; counter-increment: table-ol 1; } .v-portals-contact__openable-list__order-list-item:last-child { padding: 0px 0px 30px 32px; } .phone .v-portals-contact__openable-list { width: 100%; max-width: none; margin-top: 25px; padding: 0px; } .phone .v-portals-contact__openable-list__item { max-height: 62px; } .phone .v-portals-contact__openable-list__item--large { max-height: 90px; } .phone .v-portals-contact__openable-list__item--single { max-height: 65px; } .phone .v-portals-contact__openable-list__button { font-size: 0.875rem; line-height: 1.8; letter-spacing: 0.05em; font-weight: 500; padding: 20px 3px 20px 0px; text-align: left; } .phone .v-portals-contact__openable-list__button span { width: calc(100% - 35px); } .phone .v-portals-contact__openable-list__button span:last-child { width: 8px; height: 14.6px; } .phone .v-portals-contact__openable-list__button--large { font-size: 0.875rem; line-height: 1.8; letter-spacing: 0.05em; font-weight: 500; padding: 20px 3.3px 20px 0px; } .phone .v-portals-contact__openable-list__inner-wrap { padding: 0px 35px 20px 0px; } .phone .v-portals-contact__openable-list__inner-wrap--large { padding: 0px 35px 20px 0px; } .phone .v-portals-contact__openable-list__simple-text { margin: 0px 0px 10px; } .phone .v-portals-contact__openable-list__simple-text p { font-size: 0.875rem; line-height: 1.8; letter-spacing: 0.05em; font-weight: 400; } .phone .v-portals-contact__openable-list__simple-text p:not(:last-child) { margin: 0px 0px 10px; } .phone .v-portals-contact__openable-list__title { font-size: 0.875rem; line-height: 1.8; letter-spacing: 0.05em; font-weight: 400; } .phone .v-portals-contact__openable-list__title p:not(:last-child) { margin: 0px 0px 10px; } .phone .v-portals-contact__openable-list__note { font-size: 0.75rem; line-height: 1.8; letter-spacing: 0.05em; font-weight: 400; margin: 10px 0px 0px; } .phone .v-portals-contact__openable-list__note--gray { color: rgb(157, 167, 166); } .phone .v-portals-contact__openable-list__note p:not(:last-child) { margin: 0px 0px 10px; } .phone .v-portals-contact__openable-list__order-list-item { padding-left: 20px; } .v-portals-contact__owners-voice-list { display: flex; list-style: none; width: 100%; max-width: 680px; margin: 0px; padding: 0px; } .v-portals-contact__owners-voice-list__card { width: calc(48.5294%); border-radius: 4px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 20px; cursor: pointer; overflow: hidden; transition: box-shadow 0.2s ease 0s; } .v-portals-contact__owners-voice-list__card.is-hover { box-shadow: none; } .v-portals-contact__owners-voice-list__card.is-hover .v-portals-contact__owners-voice-list__play-icon { transform: translate(50%, 50%) scale(calc(1.22222)); } .v-portals-contact__owners-voice-list__card.is-hover .v-portals-contact__owners-voice-list__play-icon img { transform: translate(50%, 50%) scale(1.001); margin-right: -2px; } .v-portals-contact__owners-voice-list__card:not(:last-child) { margin-right: calc(2.94118%); } .v-portals-contact__owners-voice-list__image { position: relative; padding-top: calc(56.9697%); } .v-portals-contact__owners-voice-list__image picture, .v-portals-contact__owners-voice-list__image img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .v-portals-contact__owners-voice-list__play-icon { position: absolute; bottom: 50%; right: 50%; width: 54px; height: 54px; transform: translate(50%, 50%); background: rgb(0, 185, 170); border-radius: 50%; transition: transform 0.2s ease 0s; } .v-portals-contact__owners-voice-list__play-icon img { position: absolute; inset: auto 50% 50% auto; width: 15.7px; height: 18.84px; margin-right: -1px; transform: translate(50%, 50%); transition: transform 0.2s ease 0s; } .v-portals-contact__owners-voice-list__text-area { padding: 20px; margin: 0px; } .v-portals-contact__owners-voice-list__achievement { display: flex; justify-content: space-between; align-items: center; padding: 0px 0px 12px; margin: 0px 0px 10px; border-bottom: 1px solid rgb(235, 237, 237); } .v-portals-contact__owners-voice-list__achievement-title { font-size: 0.875rem; line-height: 1; letter-spacing: 0.02em; font-weight: 400; padding: 0px; margin: 0px; color: rgb(122, 129, 129); } .v-portals-contact__owners-voice-list__achievement-amount { font-size: 1.25rem; line-height: 1; letter-spacing: 0.02em; font-weight: 400; font-family: Rubik, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Meiryo UI", sans-serif; padding: 0px; margin: 0px; } .v-portals-contact__owners-voice-list__title { font-size: 1rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 500; padding: 0px; margin: 0px 0px 10px; } .v-portals-contact__owners-voice-list__company { display: table; height: 34px; padding: 0px; margin: 0px 0px 10px; } .v-portals-contact__owners-voice-list__company span { font-size: 0.75rem; line-height: 1.4; letter-spacing: 0px; font-weight: 400; display: table-cell; vertical-align: middle; } .v-portals-contact__owners-voice-list__name { font-size: 0.875rem; line-height: 1; letter-spacing: 0.05em; font-weight: 400; padding: 0px; margin: 0px; } .v-portals-contact__owners-voice-list__name span:not(:last-child) { margin: 0px 11px 0px 0px; } .phone .v-portals-contact__owners-voice-list { flex-direction: column; max-width: none; } .phone .v-portals-contact__owners-voice-list__card { width: 100%; border-radius: 3px; } .phone .v-portals-contact__owners-voice-list__card:not(:last-child) { margin-right: 0px; margin-bottom: 25px; } .phone .v-portals-contact__owners-voice-list__image { padding-top: calc(56.7164%); } .phone .v-portals-contact__owners-voice-list__play-icon { width: 66px; height: 66px; } .phone .v-portals-contact__owners-voice-list__play-icon img { width: 23.02px; height: 19.19px; margin-right: -2px; } .phone .v-portals-contact__owners-voice-list__text-area { padding: 15px 20px 20px; } .phone .v-portals-contact__owners-voice-list__achievement { padding: 0px 0px 16px; margin: 0px 0px 11px; } .phone .v-portals-contact__owners-voice-list__achievement-title { font-size: 0.875rem; line-height: 1; letter-spacing: 0.02em; font-weight: 400; } .phone .v-portals-contact__owners-voice-list__achievement-amount { font-size: 1.25rem; line-height: 1; letter-spacing: 0.02em; font-weight: 400; font-family: Rubik, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Meiryo UI", sans-serif; padding: 0px; margin: 0px; } .phone .v-portals-contact__owners-voice-list__name span:not(:last-child) { margin: 0px 10px 0px 0px; } .v-portals-contact__price-plan { display: flex; flex-wrap: wrap; justify-content: space-between; list-style: none; max-width: 680px; margin: 0px; padding: 0px; } .v-portals-contact__price-plan__item { display: flex; flex-direction: column; justify-content: center; width: calc(47.0588%); height: auto; } .v-portals-contact__price-plan__item__body { font-family: Rubik, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Meiryo UI", sans-serif; width: 100%; margin: 0px 0px 20px; text-align: center; } .v-portals-contact__price-plan__item__body-title { font-family: Rubik, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Meiryo UI", sans-serif; font-size: 1rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; margin: 0px 0px 20px; padding-bottom: 20px; } .v-portals-contact__price-plan__item__body-title.is-orange { border-bottom: 2px solid rgb(246, 175, 76); } .v-portals-contact__price-plan__item__body-title.is-green { border-bottom: 2px solid rgb(0, 185, 170); } .v-portals-contact__price-plan__item__body-title .is-en { font-size: 1.5rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; margin-right: 12px; } .v-portals-contact__price-plan__item__body-description { display: flex; align-items: center; justify-content: center; margin: 0px; } .v-portals-contact__price-plan__item__body-description:not(:last-child) { margin-right: 12px; } .v-portals-contact__price-plan__item__body-description--unit > p, .v-portals-contact__price-plan__item__body-description--unit-note > p { margin: 0px; } .v-portals-contact__price-plan__item__body-description--unit > p:not(:last-child), .v-portals-contact__price-plan__item__body-description--unit-note > p:not(:last-child) { margin-bottom: 8px; } .v-portals-contact__price-plan__item__body-description--unit:not(:last-child) { margin-right: 10px; } .v-portals-contact__price-plan__item__body-description--unit span.is-en { font-size: 3.75rem; line-height: 1; letter-spacing: 0px; font-weight: 400; } .v-portals-contact__price-plan__item__body-description--unit span.is-small-unit { font-size: 3rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; margin-left: 7px; } .v-portals-contact__price-plan__item__body-description--unit span.is-letter-space { font-size: 3.75rem; line-height: 1; letter-spacing: 0.07em; font-weight: 400; } .v-portals-contact__price-plan__item__body-description--unit span.is-space { margin-left: 5px; } .v-portals-contact__price-plan__item__body-description--unit-note { font-size: 1rem; line-height: 1; letter-spacing: 0.02em; font-weight: 500; color: rgb(0, 185, 170); text-align: left; } .v-portals-contact__price-plan__item__body-description--unit-note p { display: flex; align-items: baseline; width: 100%; } .v-portals-contact__price-plan__item__body-description--unit-note p span.is-en { font-family: Rubik, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Meiryo UI", sans-serif; font-size: 1.125rem; line-height: 1; letter-spacing: 0.02em; font-weight: 400; } .v-portals-contact__price-plan__item__body-description--unit-note p span.is-small-unit { font-size: 0.75rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; margin-left: 3px; } .v-portals-contact__price-plan__item__list, .v-portals-contact__price-plan__item__note { width: calc(93.125%); } .v-portals-contact__price-plan__item__list { margin: 0px 0px 30px auto; padding: 0px; list-style: none; } .v-portals-contact__price-plan__item__list-item { position: relative; } .v-portals-contact__price-plan__item__list-item:not(:last-child) { margin: 0px 0px 30px; } .v-portals-contact__price-plan__item__list-item > p { margin: 0px; } .v-portals-contact__price-plan__item__list-unit-image { position: absolute; bottom: 0px; left: 0px; width: 16px; height: 12px; line-height: 12px; font-size: 0px; } .v-portals-contact__price-plan__item__list-unit-image--orange svg { fill: rgb(246, 175, 76); } .v-portals-contact__price-plan__item__list-unit-image--green svg { fill: rgb(0, 185, 170); } .v-portals-contact__price-plan__item__list-unit-image img { width: 100%; } .v-portals-contact__price-plan__item__list-unit-text { font-size: 0.875rem; line-height: 1; letter-spacing: 0.05em; font-weight: 400; padding: 0px 0px 0px 36px; } .v-portals-contact__price-plan__item__list-unit-text span.is-en { font-family: Rubik, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Meiryo UI", sans-serif; } .v-portals-contact__price-plan__item__list-unit-text span.is-mark { font-size: 0.875rem; line-height: 1; letter-spacing: 0.05em; font-weight: 400; position: relative; margin-right: 10px; } .v-portals-contact__price-plan__item__list-unit-text span.is-mark::after { font-size: 0.6875rem; line-height: 1; letter-spacing: 0.05em; font-weight: 400; content: "*"; position: absolute; top: -1px; left: 100%; margin-left: 5px; } .v-portals-contact__price-plan__item__list-unit-text span.is-option { font-size: 0.75rem; line-height: 1; letter-spacing: 0.05em; font-weight: 400; color: rgb(157, 167, 166); } .v-portals-contact__price-plan__item__note { font-size: 0.8125rem; line-height: 1; letter-spacing: 0.05em; font-weight: 400; margin-left: auto; padding: 0px 0px 0px 36px; color: rgb(157, 167, 166); } .v-portals-contact__price-plan__item__note > p { margin: 0px; line-height: 180%; } .v-portals-contact__price-plan__item__note > p:not(:last-child) { margin-bottom: 15px; } .v-portals-contact__price-plan__item__note > p span.is-en { font-family: Rubik, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Meiryo UI", sans-serif; } .v-portals-contact__price-plan__item__note > p span.is-mark { position: relative; padding-left: 14px; } .v-portals-contact__price-plan__item__note > p span.is-mark::before { content: "*"; position: absolute; top: 0px; left: 4px; } .v-portals-contact__price-plan__item__note > p span.is-space { margin: 0px 3.5px 0px 4px; font-style: normal; } .phone .v-portals-contact__price-plan { flex-direction: column; max-width: none; } .phone .v-portals-contact__price-plan__item { justify-content: start; width: 100%; } .phone .v-portals-contact__price-plan__item:not(:last-child) { margin-bottom: 40px; } .phone .v-portals-contact__price-plan__item__body { font-family: Rubik, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Meiryo UI", sans-serif; width: 100%; margin-bottom: 20px; } .phone .v-portals-contact__price-plan__item__body-title { font-family: Rubik, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Meiryo UI", sans-serif; font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 600; margin: 0px 0px 20px; padding-left: 2px; padding-bottom: 20px; text-align: left; } .phone .v-portals-contact__price-plan__item__body-title span.is-orange { border-bottom: 2px solid rgb(246, 175, 76); } .phone .v-portals-contact__price-plan__item__body-title span.is-green { border-bottom: 2px solid rgb(0, 185, 170); } .phone .v-portals-contact__price-plan__item__body-title span.is-en { font-size: 1.375rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 500; margin-right: 10px; } .phone .v-portals-contact__price-plan__item__body-description { justify-content: start; } .phone .v-portals-contact__price-plan__item__body-description:not(:last-child) { margin-right: 12px; } .phone .v-portals-contact__price-plan__item__body-description--unit > p, .phone .v-portals-contact__price-plan__item__body-description--unit-note > p { margin: 0px; } .phone .v-portals-contact__price-plan__item__body-description--unit > p:not(:last-child), .phone .v-portals-contact__price-plan__item__body-description--unit-note > p:not(:last-child) { margin-bottom: 3px; } .phone .v-portals-contact__price-plan__item__body-description--unit:not(:last-child) { margin-right: 8px; } .phone .v-portals-contact__price-plan__item__body-description--unit span.is-en { font-size: 3.125rem; line-height: 1; letter-spacing: 0px; font-weight: 400; } .phone .v-portals-contact__price-plan__item__body-description--unit span.is-small-unit { font-size: 2.375rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; margin-left: 7px; } .phone .v-portals-contact__price-plan__item__body-description--unit span.is-letter-space { font-size: 3.125rem; line-height: 1; letter-spacing: 0.07em; font-weight: 400; margin-left: 2px; } .phone .v-portals-contact__price-plan__item__body-description--unit span.is-space { font-size: 2.375rem; line-height: 1; letter-spacing: 0.05em; font-weight: 400; margin-left: 4px; } .phone .v-portals-contact__price-plan__item__body-description--unit-note { color: rgb(0, 185, 170); font-size: 0.75rem; line-height: 1; letter-spacing: 0.02em; font-weight: 500; margin-top: 1px; } .phone .v-portals-contact__price-plan__item__body-description--unit-note span.is-en { font-family: Rubik, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Meiryo UI", sans-serif; font-size: 1.125rem; line-height: 1; letter-spacing: 0.02em; font-weight: 500; } .phone .v-portals-contact__price-plan__item__body-description--unit-note span.is-small-unit { font-size: 0.75rem; line-height: 1; letter-spacing: 0.02em; font-weight: 500; margin-left: 2px; } .phone .v-portals-contact__price-plan__item__body-description--unit-note span.is-letter-space { font-size: 3.125rem; line-height: 1; letter-spacing: 0.1em; font-weight: 400; } .phone .v-portals-contact__price-plan__item__body-description--unit-note span.is-space { margin-left: 6px; } .phone .v-portals-contact__price-plan__item__list, .phone .v-portals-contact__price-plan__item__note { width: calc(93.125%); } .phone .v-portals-contact__price-plan__item__list { margin: 0px 0px 20px 5px; } .phone .v-portals-contact__price-plan__item__list-item { display: flex; align-items: center; } .phone .v-portals-contact__price-plan__item__list-item:not(:last-child) { margin: 0px 0px 25px; } .phone .v-portals-contact__price-plan__item__list-unit-image { position: static; width: 14px; height: 10px; } .phone .v-portals-contact__price-plan__item__list-unit-text { font-size: 0.8125rem; line-height: 1; letter-spacing: 0.05em; font-weight: 400; padding: 0px 0px 0px 20px; } .phone .v-portals-contact__price-plan__item__list-unit-text span.is-mark { font-size: 0.8125rem; line-height: 1; letter-spacing: 0.05em; font-weight: 400; position: relative; margin-right: 11px; } .phone .v-portals-contact__price-plan__item__list-unit-text span.is-mark::after { font-size: 0.6875rem; line-height: 1; letter-spacing: 0.05em; font-weight: 400; content: "*"; position: absolute; top: 0px; left: 100%; margin-left: 5px; } .phone .v-portals-contact__price-plan__item__list-unit-text span.is-option { font-size: 0.75rem; line-height: 1; letter-spacing: 0.05em; font-weight: 400; color: rgb(157, 167, 166); } .phone .v-portals-contact__price-plan__item__note { font-size: 0.8125rem; line-height: 1; letter-spacing: 0.05em; font-weight: 400; width: 100%; margin-left: 0px; padding-left: 39px; } .phone .v-portals-contact__price-plan__item__note > p:not(:last-child) { margin-bottom: 5px; } .phone .v-portals-contact__price-plan__item__note > p .is-mark { position: relative; padding-left: 14px; line-height: 180%; } .phone .v-portals-contact__price-plan__item__note > p .is-mark::before { content: "*"; position: absolute; top: 0px; left: 4px; } .v-portals-contact__sidebar { position: sticky; top: 110px; } .v-portals-contact__sidebar__anchor-list { list-style: none; margin: -10px 0px 50px; padding: 0px; } .v-portals-contact__sidebar__anchor-item-button { font-size: 1rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 500; padding: 7.5px 0px; margin: 0px; background: none; border: 0px; color: rgb(198, 206, 205); transition: color 0.2s ease 0s; } .v-portals-contact__sidebar__anchor-item-button.is-hover { color: rgb(0, 187, 170); } .v-portals-contact__sidebar__anchor-item-button.is-active { color: rgb(0, 0, 0); } .v-portals-contact__sidebar__contact { color: rgb(34, 34, 34); } .v-portals-contact__sidebar__contact-title { font-size: 1rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; margin-bottom: 20px; } .v-portals-contact__sidebar__contact-description { font-size: 0.8125rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; margin-bottom: 20px; } .v-portals-contact__sidebar__contact-button-list { list-style: none; margin: 0px; padding: 0px; } .v-portals-contact__sidebar__contact-button-item { width: 100%; } .v-portals-contact__sidebar__contact-button-item:first-child { border-bottom: 1px solid rgb(0, 185, 170); } .v-portals-contact__sidebar__contact-button-item:first-child > * { border-top: 1px solid rgb(0, 185, 170); border-radius: 4px 4px 0px 0px; } .v-portals-contact__sidebar__contact-button-item:last-child > * { border-bottom: 1px solid rgb(0, 185, 170); border-radius: 0px 0px 4px 4px; } .v-portals-contact__sidebar__contact-button-body { font-size: 0.875rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; display: block; width: 100%; height: 54px; padding: 19px 0px 20px 20px; text-align: left; background: none; border-width: 0px 1px; border-top-style: initial; border-bottom-style: initial; border-top-color: initial; border-bottom-color: initial; border-image: initial; border-left-style: solid; border-left-color: rgb(0, 185, 170); border-right-style: solid; border-right-color: rgb(0, 185, 170); color: rgb(0, 185, 170); transition: background 0.2s ease 0s, color 0.2s ease 0s; } .v-portals-contact__sidebar__contact-button-body.is-hover { background: rgb(0, 185, 170); color: rgb(255, 255, 255); } .phone .v-portals-contact__sidebar { position: fixed; width: 100%; margin: 0px auto; padding: 0px calc(5.33333%); bottom: 20px; left: 0px; top: auto; transition: opacity 0.2s ease 0s; } .phone .v-portals-contact__sidebar.is-hide { opacity: 0; pointer-events: none; } .phone .v-portals-contact__sidebar__anchor-list { display: none; } .phone .v-portals-contact__sidebar__contact-title, .phone .v-portals-contact__sidebar__contact-description { display: none; } .phone .v-portals-contact__sidebar__contact-button { cursor: pointer; } .phone .v-portals-contact__sidebar__contact-button-list { display: flex; flex-wrap: nowrap; width: 100%; height: 46px; } .phone .v-portals-contact__sidebar__contact-button-item { width: 50%; display: inline-block; } .phone .v-portals-contact__sidebar__contact-button-item:first-child { border-radius: 4px 0px 0px 4px; } .phone .v-portals-contact__sidebar__contact-button-item:first-child > * { border: 1px solid rgb(0, 185, 170); border-radius: 4px 0px 0px 4px; background-color: rgb(255, 255, 255); } .phone .v-portals-contact__sidebar__contact-button-item:last-child > * { border-right: 1px solid rgb(0, 185, 170); border-top: 1px solid rgb(0, 185, 170); border-bottom: 1px solid rgb(0, 185, 170); border-radius: 0px 4px 4px 0px; background-color: rgb(255, 255, 255); } .phone .v-portals-contact__sidebar__contact-button-body { font-size: 0.8125rem; line-height: 1; letter-spacing: 0.02em; font-weight: 500; width: 100%; height: 46px; padding: 16px 0px 17px; text-align: center; border: 0px; } .v-portals-contact__single-image { width: 100%; max-width: 680px; height: auto; font-size: 0px; } .v-portals-contact__single-image.is-pc { display: block; } .v-portals-contact__single-image.is-sp { display: none; } .v-portals-contact__single-image picture, .v-portals-contact__single-image img { width: 100%; height: auto; } .phone .v-portals-contact__single-image { max-width: none; } .phone .v-portals-contact__single-image.is-pc { display: none; } .phone .v-portals-contact__single-image.is-sp { display: block; } .v-portals-contact__start-project { border-radius: 6px; border: 1px solid rgb(219, 223, 223); padding: 50px 30px 50px 40px; margin-bottom: 100px; } .v-portals-contact__start-project-top-title { text-align: center; font-family: Rubik; font-size: 20px; line-height: 32px; letter-spacing: 0.02em; color: rgb(233, 40, 40); display: flex; justify-content: center; } .v-portals-contact__start-project-top-title--icon { margin-inline: 10px; } .v-portals-contact__start-project-title { margin: 24px auto 0px; max-width: 518px; font-family: Rubik; font-size: 30px; line-height: 48px; font-weight: 500; letter-spacing: 0.02em; color: rgb(34, 34, 34); text-align: center; } .v-portals-contact__start-project-title span { font-weight: 400; } .v-portals-contact__start-project-fee { font-family: Rubik; width: 230px; height: 50px; margin: 30px auto 32px; padding: 17px 0px; border-radius: 25px; border: 1px solid rgb(0, 0, 0); color: rgb(34, 34, 34); display: flex; justify-content: center; align-items: center; } .v-portals-contact__start-project-fee span { letter-spacing: 0.02em; } .v-portals-contact__start-project-fee span:nth-of-type(1) { font-size: 15px; line-height: 24px; font-weight: 500; position: relative; top: 2px; } .v-portals-contact__start-project-fee span:nth-of-type(2) { font-size: 20px; line-height: 32px; margin-left: 17px; } .v-portals-contact__start-project-description, .v-portals-contact__start-project-introduce { font-size: 16px; line-height: 28.8px; letter-spacing: 0.05em; color: rgb(34, 34, 34); } .v-portals-contact__start-project-description { margin-right: 10px; } .v-portals-contact__start-project-introduce { display: block; margin-top: 25px; color: rgb(0, 187, 170); } .v-portals-contact__start-project-introduce:hover { text-decoration: underline; } .v-portals-contact__start-project-image { margin: 62px 10px 72px 0px; } .v-portals-contact__start-project-image__box { border-radius: 4px; width: 100%; height: 313px; background-image: url("//assets.greenfunding.jp/assets/portals/about_start_project-f4a2fc2e1b25b508252fe49acb8e10a94846d1502517039b61159cf00064263d.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center; } .v-portals-contact__start-project-image__description { margin-top: 16px; font-size: 14px; line-height: 25.2px; letter-spacing: 0.05em; color: rgb(34, 34, 34); text-align: center; } .v-portals-contact__start-project-information { font-size: 16px; line-height: 28.8px; letter-spacing: 0.05em; color: rgb(34, 34, 34); text-align: left; } .v-portals-contact__start-project-button { display: block; width: fit-content; text-decoration: none; margin: 36px auto 24px; padding: 16px 34px; border-radius: 4px; background-color: rgb(0, 187, 170); font-size: 14px; line-height: 14px; letter-spacing: 0.05em; font-weight: 500; color: rgb(255, 255, 255); transition: all 200ms ease 0s; } .v-portals-contact__start-project-button:hover { background: rgb(0, 167, 153); } .v-portals-contact__start-project-note { font-size: 14px; line-height: 25.2px; letter-spacing: 0.05em; color: rgb(136, 136, 136); text-align: center; } .phone .v-portals-contact__start-project { padding: 36px 16px; margin-bottom: 90px; } .phone .v-portals-contact__start-project-top-title { font-size: 13px; line-height: 20.8px; } .phone .v-portals-contact__start-project-top-title--icon { margin-inline: 6px; } .phone .v-portals-contact__start-project-title { margin: 20px 0px 0px; max-width: unset; font-size: 22px; line-height: 35.2px; text-align: left; } .phone .v-portals-contact__start-project-fee { margin: 24px auto 30px; } .phone .v-portals-contact__start-project-description, .phone .v-portals-contact__start-project-introduce { font-size: 14px; line-height: 25.2px; } .phone .v-portals-contact__start-project-description { margin-right: 0px; } .phone .v-portals-contact__start-project-introduce { margin-top: 24px; } .phone .v-portals-contact__start-project-image { margin: 32px 0px 36px; background-size: cover; } .phone .v-portals-contact__start-project-image__box { height: 158px; } .phone .v-portals-contact__start-project-image__description { margin: 12px 0px 0px; font-size: 12px; line-height: 21.6px; } .phone .v-portals-contact__start-project-image__description span { display: block; } .phone .v-portals-contact__start-project-information { font-size: 14px; line-height: 25.2px; } .phone .v-portals-contact__start-project-button { margin: 28px auto 16px; } .phone .v-portals-contact__start-project-note { font-size: 13px; line-height: 23.4px; } .v-portals-contact__top-fv { display: flex; align-items: center; width: 100%; } .v-portals-contact__top-fv__text { flex-shrink: 0; margin: 0px 40px 0px 0px; width: 300px; color: rgb(34, 34, 34); } .v-portals-contact__top-fv__text-head-svg { width: 224px; height: 14px; margin-left: 4px; margin-bottom: 20px; } .v-portals-contact__top-fv__text-head-svg img { width: 100%; height: auto; } .v-portals-contact__top-fv__text-head-svg img.is-pc { display: block; } .v-portals-contact__top-fv__text-head-svg img.is-sp { display: none; } .v-portals-contact__top-fv__text-main-svg { width: 240px; height: 32px; margin: 0px 0px 40px; } .v-portals-contact__top-fv__text-main-svg img { width: 100%; height: auto; } .v-portals-contact__top-fv__text-main-svg img.is-pc { display: block; } .v-portals-contact__top-fv__text-main-svg img.is-sp { display: none; } .v-portals-contact__top-fv__text-body { padding-top: 8px; } .v-portals-contact__top-fv__text-body img.is-pc { display: block; } .v-portals-contact__top-fv__text-body img.is-sp { display: none; } .v-portals-contact__top-fv__image { position: relative; width: calc(70.4348%); border-radius: 4px 0px 0px 4px; overflow: hidden; } @media only screen and (min-width: 1281px) { .v-portals-contact__top-fv__image { border-radius: 4px; } } .v-portals-contact__top-fv__image::before { content: ""; display: block; padding-top: 64.9383%; } .v-portals-contact__top-fv__image img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .phone .v-portals-contact__top-fv { position: relative; flex-direction: column; } .phone .v-portals-contact__top-fv__text { width: 100%; margin: calc(42.1333%) 0px 0px; } .phone .v-portals-contact__top-fv__text-head-svg { width: calc(53.8667%); height: auto; margin-left: calc(5.33333%); margin-bottom: calc(4%); } .phone .v-portals-contact__top-fv__text-head-svg img.is-pc { display: none; } .phone .v-portals-contact__top-fv__text-head-svg img.is-sp { display: block; } .phone .v-portals-contact__top-fv__text-main-svg { width: calc(57.8667%); height: auto; margin-left: calc(5.33333%); margin-bottom: calc(8%); } .phone .v-portals-contact__top-fv__text-main-svg img.is-pc { display: none; } .phone .v-portals-contact__top-fv__text-main-svg img.is-sp { display: block; } .phone .v-portals-contact__top-fv__text-body { padding: 30px 0px 10px; } .phone .v-portals-contact__top-fv__text-body img { width: calc(88.5333%); margin-left: calc(5.33333%); text-align: center; } .phone .v-portals-contact__top-fv__text-body img.is-pc { display: none; } .phone .v-portals-contact__top-fv__text-body img.is-sp { display: block; } .phone .v-portals-contact__top-fv__image { position: absolute; top: 0px; left: 0px; z-index: -1; width: 100%; border-radius: 0px; } .v-portals-fv__handle { display: flex; margin-right: 120px; } .v-portals-fv__handle__left, .v-portals-fv__handle__right { position: relative; width: 40px; height: 40px; border: 1px solid rgb(157, 167, 166); border-radius: 50%; transition: border 0.3s ease 0s; background: none; } .v-portals-fv__handle__left.is-hover, .v-portals-fv__handle__right.is-hover { border: 1px solid rgb(61, 65, 64); } .v-portals-fv__handle__left { margin-right: 20px; } .v-portals-fv__handle__arrow { width: 8px; height: 8px; transform-origin: 50% center; position: absolute; right: 17px; bottom: 50%; transform: translate(0px, 50%) rotate(-45deg); } .v-portals-fv__handle__arrow::before, .v-portals-fv__handle__arrow::after { content: ""; position: absolute; bottom: 0px; right: 0px; display: block; background: rgb(34, 34, 34); } .v-portals-fv__handle__arrow::before { width: 8px; height: 1px; } .v-portals-fv__handle__arrow::after { width: 1px; height: 8px; } .v-portals-fv__handle__arrow--left { right: 17px; transform: translate(50%, 50%) rotate(135deg); } .phone .v-portals-fv__handle { display: none; } .v-portals-fv__top-slide { position: relative; flex-shrink: 0; width: 1020px; height: 400px; margin-right: 20px; box-sizing: border-box; } .v-portals-fv__top-slide:not(:first-child) { margin-left: 20px; } .v-portals-fv__top-slide__image { position: absolute; right: 0px; top: 0px; width: 800px; height: 100%; overflow: hidden; transform: translateZ(-1px); transition: opacity 0.3s linear 0.5s; } .v-portals-fv__top-slide__image.is-hide { opacity: 0; } .v-portals-fv__top-slide__image-wrap { position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 4px; background: rgb(0, 0, 0); transition: opacity 0.3s ease 0s; } .v-portals-fv__top-slide__image-picture img { position: absolute; top: 0px; left: 0px; width: 100%; height: auto; will-change: top; transition: top 8s linear 0s, opacity 0.2s ease 0s; } .v-portals-fv__top-slide__image-picture.is-active img { top: -120px; } .v-portals-fv__top-slide__image-picture.is-reset img { opacity: 0; top: 0px; transition: top 0s linear 0.3s, opacity 0.1s ease 0s; } .v-portals-fv__top-slide__text { z-index: 1; position: absolute; top: 20px; left: 0px; width: 301px; height: 360px; will-change: left; transition: left 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 0s, opacity 0.3s ease 0s; backface-visibility: hidden; } .v-portals-fv__top-slide__text.is-hide { opacity: 0; left: -30px; } .v-portals-fv__top-slide__text-main { position: absolute; top: 0px; left: 0px; width: 100%; margin-bottom: 30px; } .v-portals-fv__top-slide__text-main img { width: 100%; height: auto; } .v-portals-fv__top-slide__text-sub { position: absolute; top: 120px; left: 0px; width: 150px; } .v-portals-fv__top-slide__text-sub img { width: 100%; height: auto; } .v-portals-fv__top-slide__text-logo { position: absolute; bottom: 0px; left: 0px; height: 145px; } .v-portals-fv__top-slide__text-logo img { width: auto; height: 100%; } .v-portals-fv__top-slide__link-text { font-size: 1.25rem; line-height: 1; letter-spacing: 0.05em; font-weight: 300; position: absolute; right: 30px; bottom: 27px; padding-right: 20px; color: rgb(255, 255, 255); transition: opacity 0.3s linear 0.5s; } .v-portals-fv__top-slide__link-text.is-hide { opacity: 0; } .v-portals-fv__top-slide__link-text-arrow { width: 10.5px; height: 10.5px; transform-origin: 50% center; position: absolute; right: 4px; bottom: 50%; transform: translate(0px, 50%) rotate(-45deg); } .v-portals-fv__top-slide__link-text-arrow::before, .v-portals-fv__top-slide__link-text-arrow::after { content: ""; position: absolute; bottom: 0px; right: 0px; display: block; background: rgb(255, 255, 255); } .v-portals-fv__top-slide__link-text-arrow::before { width: 10.5px; height: 1px; } .v-portals-fv__top-slide__link-text-arrow::after { width: 1px; height: 10.5px; } .v-portals-fv__top-slide__link { display: block; width: 100%; height: 100%; color: rgb(255, 255, 255); cursor: pointer; } .v-portals-fv__top-slide__link * { user-select: none; pointer-events: none; } .v-portals-fv__top-slide__link-overlay { position: absolute; top: 0px; right: 0px; width: 800px; height: 100%; background: rgba(0, 0, 0, 0.4); border-radius: 4px; transition: background 0.3s ease 0s; } .v-portals-fv__top-slide.is-active .v-portals-fv__top-slide__link-overlay { background: transparent; } .v-portals-fv__top-slide.is-active .v-portals-fv__top-slide__link.is-hover .v-portals-fv__top-slide__image-wrap { opacity: 0.9; } .v-portals-fv__top-slide:not(.is-active) .v-portals-fv__top-slide__link.is-hover .v-portals-fv__top-slide__link-overlay { background: transparent; } .phone .v-portals-fv__top-slide { margin-right: 0px; width: 100%; height: 0px; padding-top: calc(53.3333%); } .phone .v-portals-fv__top-slide:not(:first-child) { margin-left: 0px; } .phone .v-portals-fv__top-slide__image { width: 100%; transition: opacity 0.3s linear 0s; } .phone .v-portals-fv__top-slide__image-wrap { border-radius: 0px; } .phone .v-portals-fv__top-slide__image-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); } .phone .v-portals-fv__top-slide__text { top: 25px; left: 20px; width: calc(100% - 40px); height: calc(100% - 45px); transition: opacity 0.3s ease 0.5s; } .phone .v-portals-fv__top-slide__text.is-hide { left: 0px; } .phone .v-portals-fv__top-slide__text-main { width: 170px; margin-bottom: 15px; } .phone .v-portals-fv__top-slide__text-main img { width: 100%; } .phone .v-portals-fv__top-slide__text-sub { width: 150px; top: 66px; } .phone .v-portals-fv__top-slide__text-sub img { width: 100%; filter: drop-shadow(rgba(0, 0, 0, 0.8) 0px 0px 10px); } .phone .v-portals-fv__top-slide__text-logo { width: 100%; height: 20px; } .phone .v-portals-fv__top-slide__link-text { display: none; } .phone .v-portals-fv__top-slide__link { position: absolute; top: 0px; left: 0px; } .phone .v-portals-fv__top-slide__link-overlay { width: 100%; border-radius: 0px; } .v-portals-fv__wrap { width: 100%; min-width: 1080px; overflow: hidden; } .v-portals-fv__wrap * { -webkit-font-smoothing: antialiased; overflow-wrap: break-word; -webkit-tap-highlight-color: transparent; } .v-portals-fv__wrap :focus, .v-portals-fv__wrap :hover { outline: none; } .v-portals-fv__wrap input[type="text"], .v-portals-fv__wrap input[type="url"], .v-portals-fv__wrap input[type="number"], .v-portals-fv__wrap textarea, .v-portals-fv__wrap button { font-family: Roboto, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Meiryo UI", sans-serif; } .v-portals-fv__wrap__slide-wrap { display: flex; width: 100%; height: 400px; margin: 0px; padding: 0px; list-style: none; will-change: transform; transform: translateX(calc(50% - 2170px)); transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .v-portals-fv__wrap__slide-wrap.is-no-transition { transition: none 0s ease 0s; } .v-portals-fv__wrap__slide-wrap--single { transform: translateX(calc(50% - 510px)); } .v-portals-fv__wrap__slide-wrap--twin { transform: translateX(calc(50% - 2390px)); } .v-portals-fv__wrap__controls { display: flex; width: 1020px; margin: 30px auto 0px; transition: opacity 0.3s linear 0.5s; } @media only screen and (max-width: 899px) { .v-portals-fv__wrap__controls { transition: opacity 0.3s linear 0s; } } .v-portals-fv__wrap__controls.is-hide { opacity: 0; } .phone .v-portals-fv__wrap { min-width: 100%; } .phone .v-portals-fv__wrap__slide-wrap { width: 100%; height: auto; transform: translateX(-200%); } .phone .v-portals-fv__wrap__slide-wrap--single { transform: none; } .phone .v-portals-fv__wrap__slide-wrap--twin { transform: translateX(-200%); } .phone .v-portals-fv__wrap__controls { width: 100%; margin: 15px auto 0px; } .desktop .block::after { content: ""; display: block; clear: both; height: 0px; visibility: hidden; font-size: 0px; } .desktop .block__col { width: 1020px; margin: 0px auto; } .desktop .block__head { display: flex; align-items: center; margin: 0px 0px 40px; } .desktop .block__head--ranking { margin-bottom: 30px; } .desktop .block__head--activity { margin-bottom: 20px; } .desktop .block__head--coming-soon-page { margin-bottom: 60px; } .desktop .block__title { font-size: 1.25rem; line-height: 100%; letter-spacing: 0.05em; font-weight: 500; color: rgb(34, 34, 34); margin: 0px; } .desktop .block__subTitle { align-self: end; font-size: 1rem; line-height: 100%; letter-spacing: 0.05em; font-weight: 400; font-family: Rubik, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Meiryo UI", sans-serif; margin-left: 20px; color: rgb(34, 34, 34); } .desktop .block__moreBtn { display: flex; align-items: center; margin-left: auto; font-size: 1rem; line-height: 100%; letter-spacing: 0.05em; font-weight: 400; color: rgb(34, 34, 34); transition: color 0.3s ease 0s; } .desktop .block__moreBtn::after { content: ""; mask-image: url("//assets.greenfunding.jp/assets/portals/right-arrow_moreBtn-e882d89a8cdde68cd9fd608a8c2e548360bb5e8921cb5d37062cd005d66e9931.svg"); background-color: rgb(34, 34, 34); transition: background-color 0.3s ease 0s; display: inline-block; height: 16px; width: 8px; vertical-align: middle; margin-left: 10px; } .desktop .block__moreBtn.is-hover { color: rgb(0, 187, 170); } .desktop .block__moreBtn.is-hover::after { background-color: rgb(0, 187, 170); } .desktop .block__moreBtnUnder { display: flex; justify-content: center; align-items: center; border-radius: 5px; box-sizing: border-box; cursor: pointer; font-size: 0.875rem; line-height: 100%; letter-spacing: 0.05em; font-weight: 400; background-color: rgb(255, 255, 255); border: 1px solid rgb(0, 187, 170); color: rgb(0, 187, 170); width: 260px; height: 50px; margin: 20px auto 0px; } .desktop .block__moreBtnUnder.is-hover { display: flex; justify-content: center; align-items: center; border: none; border-radius: 5px; box-sizing: border-box; cursor: pointer; font-size: 0.875rem; line-height: 100%; letter-spacing: 0.05em; font-weight: 400; color: rgb(255, 255, 255); background-color: rgb(0, 187, 170); } .desktop .block__moreBtnUnder.is-hover.is-hover { background-color: rgb(0, 167, 153); } .desktop .block .activityList { display: flex; flex-wrap: wrap; justify-content: space-between; } .desktop .block .activityList .activityList__item { width: 500px; margin-bottom: 10px; border-radius: 4px; transition: box-shadow 0.3s ease 0s; box-shadow: rgba(34, 34, 34, 0.05) 0px 0px 20px; } .desktop .block .activityList .activityList__item.is-hover { box-shadow: rgba(34, 34, 34, 0.05) 0px 0px 0px; } .desktop .block .activityList .activityList__item .activityList__item__inner { display: flex; column-gap: 10px; padding: 20px; } .desktop .block .activityList .activityList__item .activityList__item__inner .activityList__img { height: 80px; width: 120px; border-radius: 4px; } .desktop .block .activityList .activityList__item .activityList__item__inner .activityList__content .activityList__title { font-size: 0.875rem; line-height: 160%; letter-spacing: 0.05em; font-weight: 500; color: rgb(34, 34, 34); margin-top: 0px; margin-bottom: 14px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .desktop .block .activityList .activityList__item .activityList__item__inner .activityList__content .activityList__description { font-size: 0.75rem; line-height: 100%; letter-spacing: 0.05em; font-weight: 400; color: rgb(122, 129, 129); } .desktop .block .activityList .activityList__item .activityList__item__inner .activityList__content .activityList__description .activityList__date { display: inline-block; margin-right: 10px; } .desktop .block .activityList .activityList__item .activityList__item__inner .activityList__content .activityList__description .activityList__author { display: inline-block; margin: 0px; } .desktop .block__youtube { display: flex; align-items: center; gap: 50px; justify-content: center; padding: 80px 0px; background-color: rgb(255, 255, 255); } .desktop .block__youtube__movie { width: 640px; height: 360px; } .desktop .block__youtube__movie iframe { width: 640px; height: 360px; border: 1px solid rgb(242, 242, 242); border-radius: 5px; } .desktop .block__youtube__description { width: 330px; } .desktop .block__youtube__description__channel { display: flex; align-items: center; margin-bottom: 20px; font-size: 0.875rem; line-height: 100%; letter-spacing: 0.05em; font-weight: 500; color: rgb(34, 34, 34); } .desktop .block__youtube__description__channel::before { content: ""; background-image: url("//assets.greenfunding.jp/assets/portals/youtube_icon-302edf92cd5d0962b5c737c3507f7bac9d2edea0f7c5ac419b5b282ba134e4c8.svg"); height: 18px; width: 25px; margin-right: 9px; } .desktop .block__youtube__description__title { margin-bottom: 25px; font-family: Rubik, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Meiryo UI", sans-serif; font-size: 1.5rem; line-height: 100%; letter-spacing: 0.02em; font-weight: 400; } .desktop .block__youtube__description__title--large { font-size: 2rem; line-height: 100%; letter-spacing: 0.02em; font-weight: 400; } .desktop .block__youtube__description__text { margin-bottom: 30px; font-size: 0.875rem; line-height: 160%; letter-spacing: 0.05em; font-weight: 500; } .desktop .block__youtube__description__subscribe { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 24px; } .desktop .block__youtube__description__subscribe--link { display: flex; align-items: center; margin-right: 24px; font-size: 1rem; line-height: 100%; letter-spacing: 0.05em; font-weight: 400; color: rgb(34, 34, 34); transition: color 0.3s ease 0s; } .desktop .block__youtube__description__subscribe--link::after { content: ""; mask-image: url("//assets.greenfunding.jp/assets/portals/right-arrow_moreBtn-e882d89a8cdde68cd9fd608a8c2e548360bb5e8921cb5d37062cd005d66e9931.svg"); background-color: rgb(34, 34, 34); transition: background-color 0.3s ease 0s; display: inline-block; height: 16px; width: 8px; vertical-align: middle; margin-left: 10px; } .desktop .block__youtube__description__subscribe--link.is-hover { color: rgb(0, 187, 170); } .desktop .block__youtube__description__subscribe--link.is-hover::after { background-color: rgb(0, 187, 170); } .desktop .block ul.bannerList { display: flex; flex-wrap: wrap; column-gap: 20px; list-style: none; padding: 0px; width: 1020px; margin: 0px; text-align: center; } .desktop .block ul.bannerList li.bannerList__item img { width: 300px; height: 170px; object-fit: contain; vertical-align: top; } .desktop .block ul.bannerList li.bannerList__item p.bannerList__title { margin: 20px 0px 0px; font-size: 0.875rem; line-height: 100%; letter-spacing: 0.05em; font-weight: 500; color: rgb(34, 34, 34); } .desktop .block.is-my-page { display: inline-block; min-width: 100%; } .desktop .block.is-my-page .block__title { text-align: center; margin-bottom: 2rem; } .desktop .block.is-my-page .block__col { display: inline; } .desktop .block.is-my-page .activityList__content { height: 80px; } .desktop .block.is-my-page .activityList__item { margin: 0px auto 10px; } .desktop .block.is-my-page p { text-align: center; } .desktop .partnerList { margin: 0px; padding: 0px; } .desktop .partnerList__item { list-style: none; margin: 0px; width: 1020px !important; } .desktop .partnerList__partner { width: 140px; height: 140px; } .desktop .partnerList__partner a { display: block; transition: opacity 0.3s ease 0s; } .desktop .partnerList__partner a:hover { opacity: 0.7; } .desktop .partnerList__partner a img { display: block; border-radius: 50%; width: 100%; height: auto; transition: box-shadow 0.3s ease 0s; box-shadow: rgba(34, 34, 34, 0.05) 0px 0px 20px; } .desktop .partnerList__partner a img.is-hover { box-shadow: rgba(34, 34, 34, 0.05) 0px 0px 0px; } nav.pagination { display: inline-block; clear: both; text-align: center; margin-bottom: 20px; } .pagination { text-align: center; } .btn { font-size: 85%; background-color: rgb(32, 162, 151); text-align: center; padding: 6px 20px 5px; border-radius: 2px; display: inline-block; color: rgb(255, 255, 255); transition-property: background-color; transition-duration: 0.3s; box-sizing: border-box; box-shadow: rgb(24, 128, 119) 0px 3px 0px; line-height: 1.6; } .btnGroup { text-align: center; margin-bottom: 40px; min-height: 31px; } .btnGroup .btn { margin: 0px; } .mb0 { margin-bottom: 0px !important; clear: both; } .mb0.more { width: 100%; margin: auto; } .mb0.more a { color: rgb(157, 167, 166); border-radius: 5px; background-color: rgb(235, 237, 237); } .btn.btn--normal { background-color: rgb(187, 187, 187); box-shadow: rgb(169, 169, 169) 0px 3px 0px; } .btn.btn--m { min-width: 15em; } .phone .block { padding: 0px 0px 50px; background: none; position: relative; min-width: initial; } .phone .block:last-child { padding-bottom: 0px; } .phone .block::after { content: ""; display: block; clear: both; height: 0px; visibility: hidden; font-size: 0px; } .phone .block__col { box-sizing: border-box; margin: 0px auto; } .phone .block__head { display: flex; align-items: center; padding: 0px 13px; margin: 0px 0px 25px; } .phone .block__head--coming-soon-page { padding-top: 40px; margin-bottom: 50px; } .phone .block__title { font-size: 1rem; line-height: 100%; letter-spacing: 0.05em; font-weight: 500; color: rgb(34, 34, 34); margin: 0px; } .phone .block__moreBtn { display: flex; align-items: center; margin-left: auto; font-size: 0.75rem; line-height: 100%; letter-spacing: 0.05em; font-weight: 400; color: rgb(34, 34, 34); transition: color 0.3s ease 0s; } .phone .block__moreBtn::after { content: ""; mask-image: url("//assets.greenfunding.jp/assets/portals/right-arrow_moreBtn-e882d89a8cdde68cd9fd608a8c2e548360bb5e8921cb5d37062cd005d66e9931.svg"); background-color: rgb(34, 34, 34); transition: background-color 0.3s ease 0s; display: inline-block; height: 11px; width: 6px; vertical-align: middle; margin-left: 7px; } .phone .block__moreBtn.is-hover { color: rgb(0, 187, 170); } .phone .block__moreBtn.is-hover::after { background-color: rgb(0, 187, 170); } .phone .block__moreBtnUnder { display: flex; justify-content: center; align-items: center; border-radius: 5px; box-sizing: border-box; cursor: pointer; font-size: 0.875rem; line-height: 100%; letter-spacing: 0.05em; font-weight: 400; background-color: rgb(255, 255, 255); border: 1px solid rgb(0, 187, 170); color: rgb(0, 187, 170); width: 260px; height: 50px; margin: 10px auto 0px; } .phone .block__moreBtnUnder.is-hover { display: flex; justify-content: center; align-items: center; border: none; border-radius: 5px; box-sizing: border-box; cursor: pointer; font-size: 0.875rem; line-height: 100%; letter-spacing: 0.05em; font-weight: 400; color: rgb(255, 255, 255); background-color: rgb(0, 187, 170); } .phone .block__moreBtnUnder.is-hover.is-hover { background-color: rgb(0, 167, 153); } .phone .block .activityList { display: flex; flex-direction: column; row-gap: 15px; padding: 0px 13px; } .phone .block .activityList .activityList__item { width: 100%; overflow: hidden; border-radius: 4px; transition: box-shadow 0.3s ease 0s; box-shadow: rgba(34, 34, 34, 0.05) 0px 0px 20px; } .phone .block .activityList .activityList__item.is-hover { box-shadow: rgba(34, 34, 34, 0.05) 0px 0px 0px; } .phone .block .activityList .activityList__item .activityList__item__inner { display: flex; column-gap: 10px; } .phone .block .activityList .activityList__item .activityList__item__inner .activityList__img { height: 73px; width: 109px; } .phone .block .activityList .activityList__item .activityList__item__inner .activityList__content .activityList__title { font-size: 0.6875rem; line-height: 160%; letter-spacing: 0.05em; font-weight: 500; color: rgb(34, 34, 34); margin-top: 10px; margin-bottom: 6px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .phone .block .activityList .activityList__item .activityList__item__inner .activityList__content .activityList__description { font-size: 0.625rem; line-height: 100%; letter-spacing: 0.05em; font-weight: 400; color: rgb(122, 129, 129); } .phone .block .activityList .activityList__item .activityList__item__inner .activityList__content .activityList__description .activityList__date { display: inline-block; margin-right: 10px; } .phone .block .activityList .activityList__item .activityList__item__inner .activityList__content .activityList__description .activityList__author { display: inline-block; margin: 0px; } .phone .block__youtube { padding: 50px 0px; background-color: rgb(255, 255, 255); } .phone .block__youtube__description { position: relative; margin: 0px 20px; } .phone .block__youtube__description__channel { display: flex; align-items: center; margin-bottom: 20px; font-size: 0.75rem; line-height: 100%; letter-spacing: 0.05em; font-weight: 500; color: rgb(34, 34, 34); } .phone .block__youtube__description__channel::before { content: ""; background-image: url("//assets.greenfunding.jp/assets/portals/youtube_icon-302edf92cd5d0962b5c737c3507f7bac9d2edea0f7c5ac419b5b282ba134e4c8.svg"); height: 18px; width: 25px; margin-right: 8px; } .phone .block__youtube__description__title { margin-bottom: 10px; font-family: Rubik, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Meiryo UI", sans-serif; font-size: 1.125rem; line-height: 100%; letter-spacing: 0.02em; font-weight: 400; } .phone .block__youtube__description__title--large { font-size: 1.5rem; line-height: 100%; letter-spacing: 0.02em; font-weight: 400; } .phone .block__youtube__description__text { font-size: 0.6875rem; line-height: 160%; letter-spacing: 0.05em; font-weight: 500; } .phone .block__youtube__description__subscribe { position: absolute; right: 0px; bottom: 0px; width: 109px; height: 24px; } .phone .block__youtube__movie { position: relative; margin: 30px 13px 0px; padding-top: calc(56.25%); } .phone .block__youtube__movie iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 1px solid rgb(242, 242, 242); border-radius: 5px; } .phone .block__youtube__link { margin: 30px 13px 0px; } .phone .block__youtube__link--text { display: flex; justify-content: end; align-items: center; width: fit-content; margin-left: auto; font-size: 1rem; line-height: 100%; letter-spacing: 0.05em; font-weight: 400; color: rgb(34, 34, 34); transition: color 0.3s ease 0s; } .phone .block__youtube__link--text::after { content: ""; mask-image: url("//assets.greenfunding.jp/assets/portals/right-arrow_moreBtn-e882d89a8cdde68cd9fd608a8c2e548360bb5e8921cb5d37062cd005d66e9931.svg"); background-color: rgb(34, 34, 34); transition: background-color 0.3s ease 0s; display: inline-block; height: 16px; width: 8px; vertical-align: middle; margin-left: 10px; } .phone .block__youtube__link--text.is-hover { color: rgb(0, 187, 170); } .phone .block__youtube__link--text.is-hover::after { background-color: rgb(0, 187, 170); } .phone .block ul.bannerList { display: flex; flex-wrap: wrap; column-gap: 20px; list-style: none; padding: 0px; margin: 0px; text-align: center; } .phone .block ul.bannerList li.bannerList__item img { width: 210px; height: 119px; object-fit: contain; vertical-align: top; } .phone .block ul.bannerList li.bannerList__item p.bannerList__title { margin: 15px 0px 0px; font-size: 0.75rem; line-height: 100%; letter-spacing: 0.05em; font-weight: 500; color: rgb(34, 34, 34); } .phone .block.is-my-page { display: inline-block; width: 100%; padding-top: 1rem; } .phone .block.is-my-page .block__title { text-align: center; margin-bottom: 2rem; } .phone .block.is-my-page .activityList { padding: 0px; } .phone .block.is-my-page .activityList__item { padding: 0px 0.5rem; } .phone .block.is-my-page .activityList__content { height: 73px; } .phone .block.is-my-page p { text-align: center; } .phone .partnerList { margin: 0px; padding: 0px; } .phone .partnerList__item { list-style: none; margin: 0px; } .phone .partnerList__partner { width: 90px; height: 90px; } .phone .partnerList__partner a { display: block; transition: opacity 0.3s ease 0s; } .phone .partnerList__partner a.is-hover { opacity: 0.7; } .phone .partnerList__partner a img { display: block; border-radius: 50%; width: 100%; height: auto; transition: box-shadow 0.3s ease 0s; box-shadow: rgba(34, 34, 34, 0.05) 0px 0px 20px; } .phone .partnerList__partner a img.is-hover { box-shadow: rgba(34, 34, 34, 0.05) 0px 0px 0px; } .v-projects-planner_transactions__page-container { margin-bottom: 100px; } .v-projects-planner_transactions__page-container__section:not(:last-child) { margin-bottom: 80px; } .v-projects-planner_transactions__page-container__title { font-size: 1.5rem; line-height: 1; letter-spacing: 0.02em; font-weight: 500; color: rgb(34, 34, 34); width: 640px; margin: 0px auto 60px; } .v-projects-planner_transactions__page-container__title--center { text-align: center; } .v-projects-planner_transactions__page-container__container { width: 640px; margin: 0px auto; } .v-projects-planner_transactions__page-container__subtitle { font-size: 1.25rem; line-height: 1.6; letter-spacing: 0.02em; font-weight: 500; color: rgb(34, 34, 34); margin: 0px 0px 30px; } .v-projects-planner_transactions__page-container__description { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; width: 100%; margin: 0px auto 40px; } .phone .v-projects-planner_transactions__page-container { margin-bottom: 80px; } .phone .v-projects-planner_transactions__page-container__section:not(:last-child) { margin-bottom: 60px; } .phone .v-projects-planner_transactions__page-container__title { font-size: 1.125rem; line-height: 1; letter-spacing: 0.02em; font-weight: 500; width: calc(100% - 40px); margin: 0px auto 40px; } .phone .v-projects-planner_transactions__page-container__title--recruit { margin: 0px auto 60px; } .phone .v-projects-planner_transactions__page-container__title--large { font-size: 1.375rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; margin: 0px auto 60px; } .phone .v-projects-planner_transactions__page-container__container { width: calc(100% - 40px); } .phone .v-projects-planner_transactions__page-container__subtitle { font-size: 0.9375rem; line-height: 1; letter-spacing: 0.02em; font-weight: 500; } .phone .v-projects-planner_transactions__page-container__subtitle--form { font-size: 1.125rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; } .phone .v-projects-planner_transactions__page-container__description { font-size: 0.8125rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; margin: 0px auto 30px; } .v-projects-planner_transactions__text-list { margin: 0px; padding: 0px; width: 100%; list-style: none; } .v-projects-planner_transactions__text-list__item { display: flex; } .v-projects-planner_transactions__text-list__item:not(:last-child) { margin-bottom: 30px; } .v-projects-planner_transactions__text-list__item-title { font-size: 1rem; line-height: 2; letter-spacing: 0.05em; font-weight: 400; margin: 0px; padding: 0px; width: 140px; } .v-projects-planner_transactions__text-list__item-content { font-size: 1rem; line-height: 2; letter-spacing: 0.05em; font-weight: 400; width: calc(100% - 140px); margin: 0px; color: rgb(34, 34, 34); } .v-projects-planner_transactions__text-list__item-content-body { margin: 0px; } .v-projects-planner_transactions__text-list__item-content-body:not(:last-child) { margin-bottom: 10px; } .v-projects-planner_transactions__text-list__item-content-body-link { color: rgb(0, 185, 170); } .v-projects-planner_transactions__text-list__item-content-body-link.is-hover:hover { color: rgb(0, 167, 153); } .v-projects-planner_transactions__text-list__item-content-note { font-size: 0.8125rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; margin: -5px 0px 0px; color: rgb(157, 167, 166); } .v-projects-planner_transactions__text-list__item-content-notice { font-size: 0.8125rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; position: relative; display: flex; flex-direction: column; padding: 0px 0px 0px 18px; margin: 10px 0px 0px; color: rgb(157, 167, 166); } .v-projects-planner_transactions__text-list__item-content-notice::before { content: "※"; position: absolute; top: 0px; left: 0px; } .v-projects-planner_transactions__text-list__item-content-notice--link { display: block; flex-direction: unset; } .v-projects-planner_transactions__text-list__item-content-notice--link a { text-decoration: underline; } .v-projects-planner_transactions__text-list__item-content-list { list-style: none; padding: 0px; } .v-projects-planner_transactions__text-list__item-content-list--order { counter-reset: order 0; } .v-projects-planner_transactions__text-list__item-content-item--order::before { content: counter(order); padding: 0px 14px 0px 10px; } .v-projects-planner_transactions__text-list__item-content-item--order:not(:first-child)::before { counter-increment: order 1; } .v-projects-planner_transactions__text-list--large .v-projects-planner_transactions__text-list__item-title { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.02em; font-weight: 400; width: 210px; } .v-projects-planner_transactions__text-list--large .v-projects-planner_transactions__text-list__item-content { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; width: calc(100% - 210px); } .phone .v-projects-planner_transactions__text-list__item { flex-wrap: wrap; } .phone .v-projects-planner_transactions__text-list__item-title { font-size: 0.75rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; width: 100%; margin-bottom: 10px; } .phone .v-projects-planner_transactions__text-list__item-content { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; width: 100%; } .phone .v-projects-planner_transactions__text-list__item-content-item--order::before { padding: 0px 15px 0px 0px; } .v-projects__card-scroll { position: relative; } .v-projects__card-scroll__left, .v-projects__card-scroll__right { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border: none; border-radius: 50%; background: rgb(34, 34, 34); } .v-projects__card-scroll__left.is-hover, .v-projects__card-scroll__right.is-hover { background: rgb(0, 187, 170); } .v-projects__card-scroll__left { left: 0px; } .v-projects__card-scroll__right { right: 0px; } .v-projects__card-scroll__arrow { width: 8px; height: 8px; transform-origin: 50% center; position: absolute; right: 17px; bottom: 50%; transform: translate(0px, 50%) rotate(-45deg); } .v-projects__card-scroll__arrow::before, .v-projects__card-scroll__arrow::after { content: ""; position: absolute; bottom: 0px; right: 0px; display: block; background: rgb(255, 255, 255); } .v-projects__card-scroll__arrow::before { width: 8px; height: 1px; } .v-projects__card-scroll__arrow::after { width: 1px; height: 8px; } .v-projects__card-scroll__arrow--left { right: 17px; transform: translate(50%, 50%) rotate(135deg); } .v-projects__card-scroll__wrap { display: flex; gap: 20px; overflow-x: scroll; scroll-snap-type: x mandatory; scrollbar-width: none; margin-top: -20px; margin-bottom: -20px; padding-top: 20px; padding-bottom: 20px; } .v-projects__card-scroll__wrap::-webkit-scrollbar { display: none; } .v-projects__card-scroll__group { display: flex; gap: 20px; flex-shrink: 0; scroll-snap-align: start; scroll-snap-stop: always; } .v-projects__card-scroll__group--banner, .v-projects__card-scroll__group--partner { width: 940px; } .phone .v-projects__card-scroll__wrap { gap: 10px; margin-top: -10px; padding-top: 10px; } .phone .v-projects__card-scroll__group { gap: 10px; } .phone .v-projects__card-scroll__group .m-projects__card { width: 159px; } .phone .v-projects__card-scroll__group--banner { width: 210px; } .phone .v-projects__card-scroll__group--partner { width: 290px; } .v-projects__card-wrap { display: flex; flex-wrap: wrap; column-gap: 20px; } .phone .v-projects__card-wrap { column-gap: 3.72493%; padding: 0px 13px 10px; margin: 0px; } .phone .v-projects__card-wrap--contact { padding: 0px; margin-bottom: 30px; } .phone .v-projects__card-wrap--category-list { padding: 15px 13px 10px; } .phone .v-projects__card-wrap--large-card { padding: 15px 13px 0px; } .phone .v-projects__card-wrap::before, .phone .v-projects__card-wrap::after { content: ""; width: 47.8261%; height: 0px; } .phone .v-projects__card-wrap::before { order: 1; } .v-static-company__map { position: relative; width: 100%; margin-top: 30px; } .v-static-company__map::before { content: ""; display: block; padding-top: calc(56.25%); } .v-static-company__map__body { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .phone .v-static-company__map::before { padding-top: calc(56.1194%); } .v-static-privacy__section { margin: 0px 0px 40px; } .v-static-privacy__section > * { margin-block: 0px; padding-inline-start: 0px; } .v-static-privacy__section__title { font-size: 1rem; line-height: 1.6; letter-spacing: 0.02em; font-weight: 500; margin: 0px 0px 30px; } .v-static-privacy__section__description { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; margin: 0px 0px 20px; } .v-static-privacy__section__text { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; margin: 20px 0px 0px; } .v-static-privacy__section__address { font-style: normal; font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; } .v-static-privacy__section__address > p:not(:last-child) { margin: 0px 0px 10px; } .phone .v-static-privacy__section { margin: 0px 0px 30px; } .phone .v-static-privacy__section__title { font-size: 0.9375rem; line-height: 1.6; letter-spacing: 0.02em; font-weight: 500; margin: 0px 0px 10px; } .phone .v-static-privacy__section__description { font-size: 0.8125rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; margin: 0px 0px 10px; } .phone .v-static-privacy__section__text { font-size: 0.8125rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; margin: 10px 0px 0px; } .phone .v-static-privacy__section__address { font-size: 0.8125rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; } .phone .v-static-privacy__section__address > p:not(:last-child) { margin: 0px 0px 10px; } .v-static-recruit__button { margin: 80px auto 0px; } .v-static-recruit__button__body { font-family: Roboto, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Meiryo UI", sans-serif; font-size: 1rem; line-height: 1; letter-spacing: 0.05em; font-weight: 400; position: relative; display: flex; align-items: center; justify-content: center; width: 480px; height: 60px; padding: 0px; margin: 0px auto; background: rgb(0, 185, 170); border-radius: 5px; border: none; color: rgb(255, 255, 255); transition: background 0.2s ease 0s; } .v-static-recruit__button__body.is-hover { background: rgb(0, 167, 153); } .v-static-recruit__button__arrow { width: 9px; height: 9px; transform-origin: 50% center; position: absolute; right: 20px; bottom: 50%; transform: translate(0px, 50%) rotate(-45deg); } .v-static-recruit__button__arrow::before, .v-static-recruit__button__arrow::after { content: ""; position: absolute; bottom: 0px; right: 0px; display: block; background: rgb(255, 255, 255); } .v-static-recruit__button__arrow::before { width: 9px; height: 1px; } .v-static-recruit__button__arrow::after { width: 1px; height: 9px; } .phone .v-static-recruit__button { margin: 60px auto 0px; width: 100%; } .phone .v-static-recruit__button__body { width: 100%; } .v-static-recruit__section:first-child { padding-top: 60px; border-top: 1px solid rgb(235, 237, 237); } .v-static-recruit__section:not(:last-of-type) { padding-bottom: 60px; border-bottom: 1px solid rgb(235, 237, 237); } .v-static-recruit__section:not(:first-child) { padding-top: 60px; } .v-static-recruit__section__title { font-size: 1.5rem; line-height: 1; letter-spacing: 0.02em; font-weight: 500; margin: 0px 0px 30px; } .v-static-recruit__section__description { font-size: 1rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; margin: 0px 0px 30px; } .phone .v-static-recruit__section:not(:nth-child(3)) { padding-bottom: 40px; } .phone .v-static-recruit__section:not(:first-child) { padding-top: 40px; } .phone .v-static-recruit__section__title { font-size: 1.125rem; line-height: 1; letter-spacing: 0.02em; font-weight: 500; } .phone .v-static-recruit__section__description { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; } .v-static__button-list { margin-top: 62px; padding: 0px; width: 100%; list-style: none; } .v-static__button-list-title { font-size: 1rem; line-height: 2; letter-spacing: 0.05em; font-weight: 400; color: rgb(0, 0, 0); margin-top: -10px; margin-bottom: 20px; } .v-static__button-list-spacer { height: 44px; } .v-static__button-list-vertical__wrapper { width: 100%; margin-bottom: 20px; } .v-static__button-list-vertical__wrapper-button { display: flex; justify-content: space-between; align-items: center; background-color: transparent; width: 100%; height: 84px; margin-bottom: 20px; border: 0.1rem solid rgb(219, 223, 223); border-radius: 4px; } .v-static__button-list-vertical__wrapper-button-arrow { margin-right: 28px; padding-top: 7px; } .v-static__button-list-vertical__wrapper-button-arrow-icon { stroke: rgb(219, 223, 223); } .v-static__button-list-vertical__wrapper-button:hover { border: 0.1rem solid rgb(0, 187, 170); } .v-static__button-list-vertical__wrapper-button:hover .v-static__button-list-vertical__wrapper-button-arrow-icon { stroke: rgb(0, 187, 170); } .v-static__button-list-vertical__wrapper-button-text { text-align: start; margin-left: 20px; } .v-static__button-list-vertical__wrapper-button-text-name { font-size: 1rem; line-height: 2; letter-spacing: 0.05em; font-weight: 400; margin: 0px; color: rgb(34, 34, 34); } .v-static__button-list-vertical__wrapper-button-text-detail { font-size: 0.8125rem; line-height: 1.4; letter-spacing: 0.05em; font-weight: 400; margin: 0px; padding-top: 4px; color: rgb(157, 167, 166); } .v-static__button-list-beside__wrapper { display: flex; justify-content: space-between; width: 100%; height: 84px; } .v-static__button-list-beside__wrapper-button { display: flex; justify-content: space-between; align-items: center; background-color: transparent; width: 100%; max-width: 310px; border: 0.1rem solid rgb(219, 223, 223); border-radius: 4px; } .v-static__button-list-beside__wrapper-button-arrow { margin-right: 28px; padding-top: 7px; } .v-static__button-list-beside__wrapper-button-arrow-icon { stroke: rgb(219, 223, 223); } .v-static__button-list-beside__wrapper-button:hover { border: 0.1rem solid rgb(0, 187, 170); } .v-static__button-list-beside__wrapper-button:hover .v-static__button-list-beside__wrapper-button-arrow-icon { stroke: rgb(0, 187, 170); } .v-static__button-list-beside__wrapper-button-text { text-align: start; padding-left: 20px; } .v-static__button-list-beside__wrapper-button-text-name { font-size: 1rem; line-height: 2; letter-spacing: 0.05em; font-weight: 400; margin: 0px; color: rgb(34, 34, 34); } .v-static__button-list-beside__wrapper-button-text-detail { font-size: 0.8125rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; margin: 0px; color: rgb(157, 167, 166); } .v-static__button-list-beside__wrapper-button-single { display: flex; justify-content: space-between; align-items: center; background-color: transparent; width: 100%; max-width: 310px; border: 0.1rem solid rgb(219, 223, 223); border-radius: 4px; } .v-static__button-list-beside__wrapper-button-single-arrow { margin-right: 28px; margin-top: 7px; } .v-static__button-list-beside__wrapper-button-single-arrow-icon { stroke: rgb(219, 223, 223); } .v-static__button-list-beside__wrapper-button-single:hover { border: 0.1rem solid rgb(0, 187, 170); } .v-static__button-list-beside__wrapper-button-single:hover .v-static__button-list-beside__wrapper-button-single-arrow-icon { stroke: rgb(0, 187, 170); } .v-static__button-list-beside__wrapper-button-single-text { text-align: start; margin-top: 2px; padding-left: 20px; } .v-static__button-list-beside__wrapper-button-single-text-name { font-size: 1rem; line-height: 2; letter-spacing: 0.05em; font-weight: 400; margin: 0px; color: rgb(34, 34, 34); } .v-static__button-list-beside__wrapper-button-single-text-detail { font-size: 0.8125rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; margin: 0px; color: rgb(157, 167, 166); } .phone .v-static__button-list { margin-top: -8px; } .phone .v-static__button-list-title { margin-top: 34px; margin-bottom: 20px; } .phone .v-static__button-list-spacer { display: none; } .phone .v-static__button-list-vertical__wrapper-button { height: 76px; } .phone .v-static__button-list-vertical__wrapper-button-text { text-align: start; margin-left: 18px; } .phone .v-static__button-list-vertical__wrapper-button-text-name { font-size: 0.875rem; line-height: 2; letter-spacing: 0.05em; font-weight: 400; margin: 0px; color: rgb(34, 34, 34); } .phone .v-static__button-list-vertical__wrapper-button-text-detail { font-size: 0.75rem; line-height: 1.4; letter-spacing: 0.05em; font-weight: 400; margin: 0px; color: rgb(157, 167, 166); } .phone .v-static__button-list-beside__wrapper { flex-direction: column; width: 100%; height: auto; margin-bottom: 60px; } .phone .v-static__button-list-beside__wrapper-button { display: flex; justify-content: space-between; align-items: center; max-width: none; height: 76px; margin-bottom: 20px; } .phone .v-static__button-list-beside__wrapper-button-text { text-align: start; margin-left: -2px; } .phone .v-static__button-list-beside__wrapper-button-text-name { font-size: 0.875rem; line-height: 2; letter-spacing: 0.05em; font-weight: 400; margin: 0px 0px 2px; color: rgb(34, 34, 34); } .phone .v-static__button-list-beside__wrapper-button-text-detail { font-size: 0.75rem; line-height: 1.4; letter-spacing: 0.05em; font-weight: 400; margin: 0px; color: rgb(157, 167, 166); } .phone .v-static__button-list-beside__wrapper-button-single { display: flex; justify-content: space-between; align-items: center; max-width: none; height: 62px; margin-bottom: 20px; } .phone .v-static__button-list-beside__wrapper-button-single-text { text-align: start; margin-left: -2px; } .phone .v-static__button-list-beside__wrapper-button-single-text-name { font-size: 0.875rem; line-height: 2; letter-spacing: 0.05em; font-weight: 400; margin: 0px; color: rgb(34, 34, 34); } .phone .v-static__button-list-beside__wrapper-button-single-text-detail { font-size: 0.75rem; line-height: 1.4; letter-spacing: 0.05em; font-weight: 400; margin: 0px; color: rgb(157, 167, 166); } .v-static__order-list { width: 100%; margin: 0px auto; } .v-static__order-list * { margin-block: 0px; padding-inline-start: 0px; } .v-static__order-list:not(:last-child) { margin: 0px 0px 40px; } .v-static__order-list-period:not(:last-child) { margin: 0px 0px 20px; } .v-static__order-list__article:not(:last-child) { margin: 0px 0px 60px; } .v-static__order-list__article-title { font-size: 1.25rem; line-height: 1.6; letter-spacing: 0.02em; font-weight: 500; margin-block: 0px; margin: 0px 0px 40px; } .v-static__order-list__title { font-size: 1rem; line-height: 1.6; letter-spacing: 0.02em; font-weight: 500; margin: 0px 0px 30px; } .v-static__order-list__title-period { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 500; margin: 0px 0px 10px; } .v-static__order-list__introduction { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; margin: 0px 0px 20px; } .v-static__order-list__list { margin: 0px auto; padding: 0px; list-style: none; } .v-static__order-list__item { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; position: relative; display: flex; flex-direction: column; padding: 0px 0px 0px 30px; counter-increment: table-ol 1; } .v-static__order-list__item:not(:last-child) { margin: 0px 0px 20px; } .v-static__order-list__item::before { content: counter(table-ol) "."; position: absolute; top: 0px; left: 0px; display: block; } .v-static__order-list__item-period, .v-static__order-list__item-box { counter-increment: none; } .v-static__order-list__item-period::before, .v-static__order-list__item-box::before { content: "•"; } .v-static__order-list__item-list { padding: 0px; list-style: none; } .v-static__order-list__item-list-item { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; position: relative; display: flex; flex-direction: column; margin: 20px 0px 0px; padding: 0px 0px 0px 30px; counter-increment: table-list-ol 1; } .v-static__order-list__item-list-item::before { content: counter(table-list-ol, lower-latin) "."; position: absolute; top: 0px; left: 0px; display: block; } .phone .v-static__order-list { margin: 0px auto; } .phone .v-static__order-list:not(:last-child) { margin: 0px 0px 30px; } .phone .v-static__order-list-period:not(:last-child) { margin: 0px 0px 10px; } .phone .v-static__order-list__article:not(:last-child) { margin: 0px 0px 50px; } .phone .v-static__order-list__article-title { font-size: 1.125rem; line-height: 1.6; letter-spacing: 0.02em; font-weight: 500; margin-block: 0px; margin: 0px 0px 30px; } .phone .v-static__order-list__title { font-size: 0.9375rem; line-height: 1.6; letter-spacing: 0.02em; font-weight: 500; margin: 0px 0px 10px; } .phone .v-static__order-list__title-period { font-size: 0.75rem; line-height: 1; letter-spacing: 0.05em; font-weight: 600; margin: 0px 0px 10px; } .phone .v-static__order-list__introduction { font-size: 0.8125rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; margin: 0px 0px 10px; } .phone .v-static__order-list__item { font-size: 0.8125rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; padding: 0px 0px 0px 30px; } .phone .v-static__order-list__item:not(:last-child) { margin: 0px 0px 10px; } .phone .v-static__order-list__item-period, .phone .v-static__order-list__item-box { padding: 0px 0px 0px 25px; } .phone .v-static__order-list__item-period:not(:last-child) { margin: 0px 0px 10px; } .phone .v-static__order-list__item-period::before { font-size: 0.8125rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 500; } .phone .v-static__order-list__item-box { margin: 20px 0px 0px; } .phone .v-static__order-list__item-box:not(:last-child) { margin: 20px 0px 0px; } .phone .v-static__order-list__item-box::before { font-size: 0.75rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; } .phone .v-static__order-list__item-list-item { padding: 0px 0px 0px 30px; } .phone .v-static__order-list__item-list-item { font-size: 0.8125rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; margin: 10px 0px 0px; } .v-static__text-list { margin: 0px; padding: 0px; width: 100%; list-style: none; } .v-static__text-list__item { display: flex; } .v-static__text-list__item:not(:last-child) { margin-bottom: 40px; } .v-static__text-list__item-title { font-size: 1rem; line-height: 2; letter-spacing: 0.05em; font-weight: 500; margin: 0px; padding: 0px; width: 140px; } .v-static__text-list__item-content { font-size: 1rem; line-height: 2; letter-spacing: 0.05em; font-weight: 400; width: calc(100% - 140px); margin: 0px; color: rgb(34, 34, 34); } .v-static__text-list__item-content-body { margin: 0px; } .v-static__text-list__item-content-body:not(:last-child) { margin-bottom: 10px; } .v-static__text-list__item-content-body-link { color: rgb(0, 185, 170); } .v-static__text-list__item-content-body-link.is-hover:hover { color: rgb(0, 167, 153); } .v-static__text-list__item-content-note { font-size: 0.8125rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; margin: -5px 0px 0px; color: rgb(157, 167, 166); } .v-static__text-list__item-content-notice { font-size: 0.8125rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; position: relative; display: flex; flex-direction: column; padding: 0px 0px 0px 18px; margin: 10px 0px 0px; color: rgb(157, 167, 166); } .v-static__text-list__item-content-notice::before { content: "※"; position: absolute; top: 0px; left: 0px; } .v-static__text-list__item-content-list { list-style: none; padding: 0px; } .v-static__text-list__item-content-list--order { counter-reset: order 0; } .v-static__text-list__item-content-item--order::before { content: counter(order); padding: 0px 21px 0px 10px; } .v-static__text-list__item-content-item--order:not(:first-child)::before { counter-increment: order 1; } .v-static__text-list--large .v-static__text-list__item-title { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.02em; font-weight: 400; width: 210px; } .v-static__text-list--large .v-static__text-list__item-content { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; width: calc(100% - 210px); } .phone .v-static__text-list__item { flex-wrap: wrap; } .phone .v-static__text-list__item:not(:last-child) { margin-bottom: 29px; } .phone .v-static__text-list__item-title { font-size: 0.75rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; width: 100%; margin-bottom: 10px; } .phone .v-static__text-list__item-content { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; width: 100%; } .phone .v-static__text-list__item-content-item--order::before { padding: 0px 15px 0px 0px; }
image

おかげさまでプロジェクト達成し、期限がきましたので募集を終了しました。みなさまからのご支援心より感謝申し上げます。
『おばあちゃんのガールフレンド』は、2023年春以降に全国書店で発売予定です。

くわしい発売情報をお求めの方は、サウザンブックスのサイトでお知らせメールに登録ください。詳細が決まり次第、お知らせします。

活動報告のページでも本の制作の様子をお知らせしますので、合わせてごらんください。


 

参加特典小冊子
「グレートタイペイ・レズビアンマップ(仮)」プレゼント!

『おばあちゃんのガールフレンド』の制作者「台湾同志ホットライン協会」の協力のもと、
台北を中心としたレズビアン・マップを制作し、参加特典としてプレゼント!
レズビアンにフレンドリーなカフェ、バー、レストラン、書店、雑貨店などをコンパクトに紹介予定します。

・プレゼントは「書籍1冊コース」以上の参加者に限ります。
・「プロジェクト応援コース」「電子書籍コース」はプレゼント対象外となります。
・ 参加ひと口につきプレゼント1つとなります。
・参加コースの変更は「マイページ」からご対応ください。
・プレゼント詳細はこちら
 


次世代にバトンを繋ぐ
55歳から83歳まで、17名の中高年レズビアンたちの声

 本書は、55歳から83歳(インタビュー当時)までの年齢層、社会階層、職業、生活地域の異なるレズビアン17名へのインタビューをまとめたものである。

 企画は、1998年に創設された台湾初の全島的なLGBTQ支援組織・台湾同志ホットライン協会。同協会では2010年に高齢者のゲイを対象とした『虹色バス旅行:高齢者ゲイ12名の青春の思い出』(『彩虹巴士: 12位老年同志的青春記憶』)を出版しており、本書はその姉妹編といえよう。

 台湾では2019年に同性婚が合法化される過程で、多くの当事者がカミングアウトし、可視化された。教育現場でもジェンダー平等教育が進められ、若い当事者の意識や周囲の環境には著しい変化が見られる。だが、55歳以上の中高年の当事者は未だに声を上げにくく、彼ら彼女らに対するイメージも固定化されがちであった。LGBTQへの理解が不十分で、嫌悪感情も根強かった時代に不幸で孤独な日々を過ごしていたのではないかと考えられていたのである。だが実際、本書に登場する17名のレズビアンを見ると、著名な歌手から初期のレズビアン運動をリードした教員、結婚して子供のいる人、アメリカや日本で生活した人まで実に様々で、困難な時代をたくましく生きぬき、多彩な人生を送ってきたことがわかる。彼女たちの存在が次の世代にバトンを渡したことは確かだ。

 インタビューを文章にまとめたのは、ホットライン協会のメンバーやボランティア、ライター、大学院生などで、レズビアンだけでなくゲイやバイセクシュアルも参加している。「序文」も充実しており、これまで知られていなかったレズビアン運動史の前史を明らかにした功績は大きい。

 日本でもLGBTQというと、声を上げやすいのは若者世代であり、青少年支援の団体も広がっているが、55歳以上の当事者の存在は見えにくい。だからこそ、本書はクローゼットから出づらい中高年のレズビアンに連帯のメッセージを届け、この世代ならではの課題を共有することができるのではないだろうか。

 


書名: おばあちゃんのガールフレンド(阿媽的女朋友:彩虹熟女的多彩青春)
作:台灣同志諮詢熱線協會
発行国:台湾
発行年:2020年
ジャンル:ノンフィクション(LGBTQ+)
ISBN:978-9-865549-12 -1
翻訳:小島あつ子

台灣同志諮詢熱線協會
 

【目次】

・序章:中高年レズビアンたちがどのような人生を歩んできたのかを理解するために
・LGBT 中高年ワーキンググループ(老同小組)紹介:中高年性的マイノリティのために私たちができる二、三のこと
・本書をお読みいただくにあたって:中高年レズビアンの物語を歴史の一部として捉える~世代、社会的階級とテクノロジーの観点から

・物語1 阿寶——大橋頭・イケメンたちの日々(1938年生まれ)
・物語2 黃曉寧——ハンサムな女版プレスリー(1944年生まれ)
・物語3 阿松——制限のない人生、虹色の未来へ(1947年生まれ)
・物語4 漫漫——心からの愛を信じることに望みを託す(1949年生まれ)
・物語5 郭大姊——感情の世界では洒脱な性格の遊び人にはなりきれない(1950年生まれ)
・物語6 途靜——平穏な暮らしを求めて旅する人生(1953年生まれ)
・物語7 紀餘——人生の後半戦に無限の可能性を秘めた新たな章が始まる(1955年生まれ)
・物語8 雲帆——同志(LGBT)人生百態を謳う(1955年生まれ)
・物語9 飛——新しい春への飛翔を期待して(1950年代生まれ)
・物語10 梧桐——法で認められなくても、私とパートナーが堅持すること(1960年生まれ)
・物語11 藍天——最高の自分であるために最善を尽くす(1960年代生まれ)
・物語12 邑——家は巨大なクローゼットじゃない:私のアイデンティティを求めて(1961年生まれ)
・物語13 老骨頭——<ハンサムT×美人P>神話からの脱却(1961年生まれ)
・物語14 同(トン)——次の世代が二度と辛い思いをしなくて済むように(1961年生まれ)
・物語15 小月——異性と結婚した「P」の話(1962年生まれ)
・物語16 子蓉——子供を養育し始めて、三人の心がひとつに(1962年生まれ)
・物語17 寒天龍——束縛から逃れて自由になりたい(1962年生まれ)

・編集後記:中高年レズビアンはどこに?

 ※参考まで本文中にある生年を( )内に表記しています
 


いつか日本のおばあちゃんたち自身に語ってもらうために
発起人:橋本恭子より

 数年前、若い仲間とともに、LGBTQの若者支援を目的とした団体を立ち上げ、東京都多摩地区の複数の自治体と共同で、LGBTQの啓発講座を展開していたことがあった。会場は、公民館や男女共同参画センターなどで、若い人に来てもらえればと考えていたのだが、意外なことに、どこでも中高年の当事者がかなり参加してくださった。ほとんどが既婚者で、お子さんはもとより、お孫さんのいる方も混じっていた。

 公的機関という、ある程度信頼の置ける場ということもあり、意を決していらしてくださったのかもしれないが、中高年当事者の方はそれまで抱えていた思いをぽつりぽつりと、あるいは堰を切ったように語ってくださった。その言葉の一つ一つがとても大切なものに思え、私たちには聞くべき言葉がまだまだたくさんあるのだと実感した。

 近年、日本でもLGBTQをテーマにした映画やドラマ、コミック、文学作品は増えている。ただ、私たちの暮らしている地域で、本来のセクシュアリティを隠したまま生活し、年齢を重ねてきた人たちのことはさほど語られていない。本人が語る機会も用意されていない。

 台湾でも事情は同じだったようで、中高年のゲイの語りが書籍化されたのは、2010年のことで、レズビアンの場合は、それからさらに10年の歳月が必要だった。だが、彼ら彼女らが勇気を持って沈黙を破り、語り始めたことで、彼ら彼女らの存在を忘れてはいけないと、台湾の同志(LGBTQ)運動史にも記載されるようになった。

 『おばあちゃんのガールフレンド』に紹介されたのはわずか17人のレズビアンである。けれど、その背後には無数のおばあちゃんとそのガールフレンドがいるはずだ。もちろん、日本にも。だから、この17人の物語を、日本のおばあちゃんとそのガールフレンドに何としても届けたい。いつか日本のおばあちゃんたち自身に語ってもらうためにも。

 翻訳を担当してくださるのは、『筆録 日常対話』(黄恵偵著、サウザンブックス社、2021年7月)ですでに「女性を愛する母」の物語を訳した、小島あつ子さんである。これ以上の適任者はいないだろう。


発起人:橋本恭子
一橋大学言語社会研究科博士課程修了。博士(学術)
日本社会事業大学、津田塾大学、東洋大学、横浜創英大学、駒澤大学非常勤講師。著書に『「華麗島文学志」とその時代――比較文学者島田謹二の台湾体験』(三元社)、『島田謹二――華麗島文學的體驗與解讀』(涂翠花・李文卿訳、台湾大学出版中心)、共著に『思想・文化空間としての日韓関係 東アジアの中で考える』(佐野正人編著、明石書店)、訳書に張小虹著『フェイクタイワン 偽りの台湾から偽りのグローバリゼーションへ』(東方書店)、李玟萱著、台湾芒草心慈善協会企画『私がホームレスだったころ』(白水社)がある。

プロジェクト・チームのご紹介


小島あつ子
本書『おばあちゃんのガールフレンド(阿媽的女朋友:彩虹熟女的多彩青春)』の翻訳者。台湾への興味と台湾映画好きが高じて、日本未配給の台湾映画の自主上映グループ「台湾映画同好会」を立ち上げる。台湾映画同好会代表。『書店本事 台湾独立書店43のストーリー』(共訳、サウザンブックス社)。2020年には『筆録 日常対話 私と同性を愛する母と』(サウザンブックス社)を翻訳するとともに、著者によるドキュメンタリー映画『日常対話』を配給した。

 


ティーヌ
LGBTが登場する小説を応援する会「読書サロン」主宰。毎月1回の読書会開催のほか、200冊以上の書籍リストを作成&公開中。紀伊國屋書店、あゆみブックス、丸善ジュンク堂書店などでのLGBTQブックフェアの選書も担当。楽天Walk Together with Prideの一環として楽天ブックスにて「LGBTQフェア 2022」が開催中(6月30日まで)。7月と8月には、聖心女子大学グローバル共生研究所にじいろコミュニティースペースでの読書会を開催。


潟見陽
東京・大久保をベースに、アジア各地のクィア、ジェンダー、フェミニズム、孤独や連帯にまつわる本やZINEを収集し、またデザインや出版にも携わっているブックストア、“loneliness books”を運営。サウザンブックスには『キミのセナカ』出版クラウドファンディングの発起人や、『トビタテ! LGBTQ+ 6人のハイスクール・ストーリー』の装丁デザインでもお世話になっています。


劉 靈均 Ariel "COOKIE" Ling-chun LIU
1985年台湾苗栗県生まれ。神戸大学博士(文学)。大阪公立大学人権問題研究センター特別研究員、相模女子大学、明治大学、関西大学非常勤講師。専門は台湾と日本のLGBT文学と社会運動の比較研究、日本の植民地の近代詩など。たまに詩を書くゲイ。共著に『台湾を知るための72章』(明石書店、2022)。日本の地方にアジアのLGBT運動と民主化運動の情報を届ける任意団体「関西同志聯盟」共同代表。現在愛知県在住。

 


サウザンブックスと支援金の使途について

サウザンブックスは、言葉や文化の壁を越え、読者の心に響く1冊をクラウドファンディングを活用して翻訳出版しています。クラウドファンディングを活用する理由の1つには、翻訳出版には、原書の版権取得費用や出版エージェント手数料などが必要で、日本語の本を出版するよりも制作費がかかり、そのため、売れ筋のタイトル以外は発行しにくいという状況があるためです。このプロジェクトの支援金については、「版権購入費」「出版エージェント費用」「翻訳費」「編集・デザイン・DTP費」「印刷・製本費」「発送・流通・宣伝費」など、本の制作からお届けにかかる費用に使用させていただきます。
 

サウザンブックスのPRIDE叢書シリーズ
1


サウザンブックスのPRIDE叢書はセクシュアル・マイノリティが誇り高く生きていくための世界の本を出版していくシリーズ。

全国の書店にて発売中!
・LGBTの声にもとづいて書いたスペイン発のゲイ小説『ぼくを燃やす炎』
・ママふたり家族を描いた『ふたりママの家で』
・100年に及ぶ権利回復の歴史『LGBTヒストリーブック』
・ストーンウォール賞受賞の名作絵本『ジュリアンはマーメイド』
・レズビアン少女のサバイバルと再生を描いた青春映画の原作小説『ミスエデュケーション』
・地方で暮らす男子高校生2人の勇気と優しさが詰まったコミック『キミのセナカ』
・台湾発・映画製作を通してレズビアンの母親に娘が向き合う『筆録 日常対話』
・ある赤ちゃんとゲイ・カップルの実話『ぼくらのサブウェイ・ベイビー』
・若いLGBTQ+の悩みを知る、学ぶ、応援する『トビタテ! LGBTQ+ 6人のハイスクール・ストーリー』
http://thousandsofbooks.jp/

 

※チラシの配布にご協力ください!