"); } .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; }

『おばあちゃんのガールフレンド』制作状況について

2024/07/04 15:04
こんにちは、サウザンブックスPRIDE叢書です。 『おばあちゃんのガールフレンド』翻訳出版プロジェクトへのご参加、誠に有難うございます。長らくお待ちいただいております、本書の日本版ですが、よう...もっと読む

制作状況についてのお知らせ

2024/03/14 16:14
こんにちは、サウザンブックスPRIDE叢書です。『おばあちゃんのガールフレンド』翻訳出版プロジェクトへのご参加、誠に有難うございます。また、前回のご報告より間が空いてしましまいましたことお詫び申...もっと読む

『おばちゃんのガールフレンド』の制作状況について(制作メンバーから)

2023/11/21 14:04
こんにちは、サウザンブックスPRIDE叢書です。 『おばあちゃんのガールフレンド』翻訳出版プロジェクトへのご参加、誠に有難うございます。完成に時間をいただいております『おばあちゃんのガールフレ...もっと読む

制作状況のお知らせ(その5):推敲作業に時間をいただいております。

2023/08/18 14:52
こんにちは、サウザンブックスPRIDE叢書です。 『おばあちゃんのガールフレンド』翻訳出版プロジェクトへのご参加、誠に有難うございます。先日、制作状況のお知らせ(お届け予定時期変更のお知ら...もっと読む

制作状況のお知らせ(その4):お届け予定時期変更のお知らせ

2023/06/15 14:10
こんにちは、サウザンブックスPRIDE叢書です。 『おばあちゃんのガールフレンド』翻訳出版プロジェクトへのご参加、誠に有難うございます。本書の制作状況並びに、お届け予定の変更についてお知ら...もっと読む

制作状況のお知らせ(その3):ひと通り翻訳作業が終わりました!

2023/03/17 13:48
こんにちは。『おばあちゃんのガールフレンド』翻訳担当の小島です。 昨年中に終えるはずだった(らしい。昨年11月の活動報告を読み返して、今、青くなってます)翻訳作業が大幅に長引いてしまい、それで...もっと読む

制作状況のお知らせ(その2):翻訳作業継続中、そして初めてのDVD発行!

2022/12/15 16:25
こんにちは。『おばあちゃんのガールフレンド』翻訳担当の小島です。いよいよ今年も残すところ半月となりました。皆さまはいかがお過ごしでしょうか。 『おばあちゃんのガールフレンド』CF成立後、発...もっと読む

制作状況のお知らせ(その1):翻訳作業進行中です

2022/11/04 14:56
こんにちは、サウザンブックスPRIDE叢書です。 『おばあちゃんのガールフレンド』翻訳出版プロジェクトへのご参加、誠に有難うございます 。 現在は、年内にどうにか翻訳を終えることを目標に...もっと読む

発起人からのプロジェクト終了のご挨拶

2022/10/05 11:10
皆様、こんにちは。発起人の橋本恭子です。 一週間ほど前の9月29日23時59分、『おばあちゃんのガールフレンド』プロジェクトが無事終了しました。目標金額を超えたのはそれより5日も早い9月2...もっと読む

プロジェクトは本日(9/29)23:59で終了です!

2022/09/29 15:33
こんにちはサウザンブックスPRIDE叢書です。 『おばあちゃんのガールフレンド』翻訳出版プロジェクト、 クラウドファンディング成立後も多くの方にご参加いただき、 参加者数570名ほど!達成...もっと読む

台湾から届いた二つの応援メッセージ

2022/09/28 12:10
皆様、こんにちは。発起人の橋本恭子です。 皆様の暖かいご支援のおかげで、私たちのプロジェクトは予想よりも早く成立しましたが、最後まで新しい「活動報告」を皆様にお届けし、本書の魅力を少しでも多く...もっと読む

Palettalk パレットークさんからも応援が届きました!

2022/09/27 13:43
皆様こんにちは。プロジェクトメンバーの劉靈均です。 本日はまず、漫画でLGBTとフェミニズムを紹介するメディア「Palettalk パレットーク」編集長の合田文さんと副編集長の伊藤まりさんのメ...もっと読む

レズビアンたちの過去、現在、未来 (莊蕙綺)

2022/09/26 14:13
皆様、こんにちは。発起人の橋本恭子です。台湾同志ホットライン協会で15年ほどボランテイアをしている莊蕙綺さんから応援メッセージをいただきました。過去のレズビアンの生き方を知ってはじめて現在の自分...もっと読む

バックラッシュでわたしたちが失った20年を取り戻すために(栖来ひかり)

2022/09/26 14:10
みなさんこんにちは、サウザンブックスPRIDE叢書です。 先日、無事にプロジェクトは成立しましたが、まだまだご参加が増えております! そして最終日9/29まで、この本の良さをもっと多くの方に...もっと読む

プロジェクト成立しました!

2022/09/26 10:52
こんにちは、サウザンブックスPRIDE叢書です。 9/24(土)の深夜に『おばあちゃんのガールフレンド』翻訳出版プロジェクトが成立しました!! みなさまの温かいご支援、ご協力に厚くお礼申し上...もっと読む

日本版の装丁イラストは、台湾のイラストレーター・漫画家の高妍(ガオ・イェン)さんの予定

2022/09/22 16:18
日本版書籍のデザイン、イラストについて loneliness books 潟見陽  東京・大久保で、アジアのクィア、ジェンダーにまつわる出版物を扱っている本屋・loneliness...もっと読む

残り30パーセントほどで成立!クラファン参加特典、コース新設しました!

2022/09/21 14:05
こんにちは、サウザンブックスPRIDE叢書です。 『おばあちゃんのガールフレンド』出版プロジェクトへご参加いただき、誠に有難うございます。これまでに350名を超える方にご参加いただき、残り30...もっと読む

百合カプが20歳、歳を取ること

2022/09/20 13:56
みなさんこんにちは。台湾マンガと百合マンガの愛好者として、さまざまな情報をネットで紹介している「あうしぃ@かわいいマンガ」さんの応援のお言葉を紹介いたします。「百合マンガ」が存在することで、非当...もっと読む

『レインボー熟年バス』から『おばあちゃんのガールフレンドへ』クラファン成立を願って(永易至文)

2022/09/16 14:06
 私の手元に台湾で刊行された『レインボー熟年バス』という本がある。日本から台湾へ旅行した知友が、「中国語、読めるんでしょ?」と、私に台湾土産としてくれたものだ。私が、性的マイノリティの暮らしや老...もっと読む

『おばあちゃんのガールフレンド』をChosen Family Shobara(CFS)に置きたい!

2022/09/15 10:46
こんにちは。発起人の橋本恭子です。 本日は、人口3万人あまりの地方都市で、「セクシャルマイノリティの人たちの居場所作り」に孤軍奮闘しておられる奥田圭さんからの応援メッセージをご紹介します。小さ...もっと読む

過去を変えることはできないけれど、過去の物語から未来を変えることはできる

2022/09/14 11:32
こんにちは。発起人の橋本恭子です。今日は本プロジェクトをスタート当初から応援してくださっているヘイデンさんからのメッセージをお届けします。教育関係のお仕事をされているヘイデンさんは、性教育やジェ...もっと読む

台湾の原書執筆者から応援メッセージが届きました!

2022/09/13 13:39
7月29日に「先読み原稿公開!」(その1)として、本書の序文を一部ご紹介しましたが、執筆者の同平安さんから、改めて応援メッセージが届きました。同さんは、熟年レズビアンインタビュー計画発起人であり...もっと読む

当事者そしてすべての人にとって道しるべとなりうる小さな歴史たち(三須祐介・立命館大学文学部教員)

2022/09/12 13:53
こんにちはサウザンブックスPRIDE叢書です。 立命館大学文学部教員の三須祐介さんから、応援のメッセージを頂戴致しました!   当事者そしてすべての人にとって道しるべとなりうる小さ...もっと読む

物語7・紀余(ジーユー)の場合—人生の後半に無限の可能性を秘めた新たな章が始まる(一部訳)

2022/09/08 14:16
文/黃靖雯 インタビュー/黃靖雯、同(トン) インタビュー採録日/2018年9月26日   このストーリーは私たちの身の周りの日常のようにありふれたものであるが、しかし非...もっと読む

35年前に日本初のレズビアンによるレズビアンのための事務所として誕生した「れ組スタジオ・東京」

2022/09/07 11:28
レズビアンのグループ「れ組スタジオ・東京」のメンバーの若林苗子さんから、 応援コメントが届きました!   こんにちは。わたしはレズビアンのグループ「れ組スタジオ・東京」のメンバーの...もっと読む

本書タイトルの「おばあちゃん」について

2022/09/05 12:19
皆様、こんにちは。発起人の橋本恭子です。 「おばあちゃんのガールフレンド」という本書のタイトルを初めて目にしたとき、皆さんはどう思いましたか?「え、何?」と不思議に思った方もいらしたのでは。今...もっと読む

プロジェクト応援会(2回目)をオンラインで開催します!

2022/09/01 16:59
こんにちはサウザンブックスです。 『おばあちゃんのガールフレンド』翻訳出版プロジェクトにご参加いただき誠に有難うございます!これまでに160名を超える方にご参加いただき、達成率は40%が見えて...もっと読む

発起人・橋本恭子からのメッセージ

2022/08/31 11:53
皆様、こんにちは。 発起人の橋本恭子です。 『おばあちゃんのガールフレンド』翻訳出版プロジェクトをご支援いただき、ありがとうございます。 7月1日にクラウドファンディングがスタート...もっと読む

主に性的マイノリティ女性を対象とした勉強会や講習会、トークイベントなどを行うボランティア団体、パフスクールさんから応援メッセージが届きました!

2022/08/29 14:27
台湾発の中高年レズビアンのインタビュー集『おばあちゃんのガールフレンド』の存在を知ったとき、「自分たちと同じような活動をしてきた人が台湾にもいたんだ!」と驚くと同時に、とても嬉しく、心強い気持ち...もっと読む

性をめぐる幻想を打ち破るための貴重な物語(鈴木賢)

2022/08/25 11:12
こんにちは、サウザンブックスPRIDE叢書です。 今年発行のご著書『台湾同性婚法の誕生――アジアLGBTQ+燈台への歴程』(日本評論社)が話題の、明治大学法学部教授、北海道大学名誉教授で、中国...もっと読む

日本から台湾同志ホットライン協会に届いた、一通のメール

2022/08/23 11:50
こんにちは、発起人の橋本恭子です。本日は『おばあちゃんのガールフレンド』クラファン・プロジェクトのきっかけを作ってくださったしゃおはーさんの応援メッセージをご紹介します。 『阿媽的女朋友』...もっと読む

登場するレズビアン17名のご紹介(目次の翻訳です)

2022/08/18 13:36
こんにちは、サウザンブックスPRIDE叢書です。 『おばあちゃんのガールフレンド』に登場する17名の皆さんについて、簡単ではございますがご紹介したく、目次を翻訳しましたのでご案内いたします。 ...もっと読む

漫画家の宮城みちさんから応援コメントが届きました!

2022/08/17 14:44
 こんにちは。漫画家の宮城みちです。現在は地方沖縄を舞台にレズビアンを主体とした漫画を描いております。この度は『おばあちゃんのガールフレンド』出版にあたり応援コメントを寄せることとなりました。 ...もっと読む

綺麗なマンションに住む若い美女以外の、レズビアンの話を(プロジェクトメンバー:劉 靈均)

2022/08/10 15:46
「レズビアン」というキーワードについて、何を思い出すのでしょうか。 二人のウェディング・ドレスを着る20代後半の女性が、西洋式の結婚式でニコニコしているイメージなのか。 二人の女性が綺麗なマ...もっと読む

先読み原稿を公開!(その2)

2022/08/09 13:22
こんにちは、サウザンブックスPRIDE叢書です。 『おばあちゃんのガールフレンド』出版プロジェクトへのご参加、誠に有難うございます。先日公開した、先読み原稿(その1)につづき、先読み原稿をご紹...もっと読む

プロジェクト応援会をオンラインで開催します!『おばあちゃんのガールフレンド』

2022/08/04 12:56
こんにちはサウザンブックスです。 『おばあちゃんのガールフレンド』翻訳出版プロジェクトにご参加いただき誠に有難うございます!これまでに100名近くの方にご参加いただき、達成率は20%ほどとなり...もっと読む

女の物語は足りていない、初恋の話にはもう飽きた(プロジェクトメンバー:ティーヌ)

2022/08/01 14:21
こんにちは。読書サロンのティーヌです。読書サロンでは、LGBTの登場人物たちが活躍する小説を課題本にした読書会や書籍紹介などをしています。 『おばあちゃんのガールフレンド』のプロジェクトに対す...もっと読む

先読み原稿を公開!(その1)

2022/07/29 12:19
こんにちは、サウザンブックスPRIDE叢書です。 『おばあちゃんのガールフレンド』出版プロジェクトへのご参加、誠に有難うございます。 本書の魅力をお伝えしたく、一部ではございますが先読み...もっと読む

果たして彼ら彼女らはそこからどのようにして自分の人生を取り戻していくのか(翻訳者:小島あつ子)

2022/07/26 11:34
みなさま、こんにちは。 『おばあちゃんのガールフレンド』プロジェクト・チームの小島あつ子です。発起人の橋本恭子先生にお声がけいただき、この度大変僭越ながら翻訳を担当させていただくことになりまし...もっと読む

物語はなぜ必要なのか?『阿媽的女朋友』の企画責任者の喀飛さんより

2022/07/20 13:31
こんにちは、サウザンブックスPRIDE叢書です。 『阿媽的女朋友』の企画責任者の喀飛さんより、本書を企画した背景についてのメッセージが届きました!   物語はなぜ必要なのか? ...もっと読む

発起人からのご挨拶

2022/07/11 11:54
皆様、こんにちは。 『おばあちゃんのガールフレンド』翻訳出版プロジェクト発起人の橋本恭子です。 7月1日にクラウドファンディングがスタートしてから早くも10日ほど経ちました。多くの方に応...もっと読む