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

【重要】『ジェンダー・クィア』配送先ご住所の確認をお願いします。7月中旬発送開始予定。

2024/07/04 12:14
こんにちは、サウザンブックスPRIDE叢書です。 おかげさまで『ジェンダー・クィア』の制作は順調に進み、現状では、7/17より、順次発送を開始する予定でございます。 確実にお受け取りいただける...もっと読む

著者来日イベント開催のお知らせ

2024/06/19 13:19
こんにちは、サウザンブックスPRIDE叢書です。『ジェンダー・クィア』の作者のマイア・コベイブさんが、来月に日本にいらっしゃることになり、滞在中に少しお時間をいただけましたので、急遽、簡単なイベ...もっと読む

制作状況のお知らせ(その3) 発起人 小林美香

2024/06/14 10:13
クラウドファンディングで応援してくださった皆様 『ジェンダー・クィア』のゲラ刷りの最終校正を進めています。この校正作業の後に、あとがきを執筆します。 編集者の方、デザイナーの方のおかげで...もっと読む

制作状況のお知らせ(その2) 発起人 小林美香

2024/04/18 11:22
クラウドファンディングにご支援いただいた皆様へ。前回のご報告から時間が空いてしまいました。 本書の翻訳は終わり、現在は編集者の方と校正をリサーチの作業を進め、日本語としてより自然な口調で読める...もっと読む

制作状況のお知らせ(その1) 発起人 小林美香

2023/12/21 12:03
クラウドファンディングにご支援いただいた皆様へ。年末も押し迫ってまいりましたがいかがお過ごしでしょうか。 「ジェンダー・クィア」一通り下訳が済み、これから細部のリサーチと推敲を重ねていきま...もっと読む

プロジェクト成立へのお礼(発起人 小林美香)

2023/11/02 11:07
 みなさん、こんにちは。『ジェンダー・クィア』のクラウドファンディング発起人の小林美香です。  皆様のお力添えをいただき、マイア・コベイブ『ジェンダー・クィア』の翻訳出版クラウドファンディング...もっと読む

素晴らしい結果でプロジェクト終了となりました!

2023/10/24 11:12
こんにちはサウザンブックスPRIDE叢書です。 10月23日をもちまして『ジェンダー・クィア』日本語翻訳出版プロジェクトは終了致しました。皆様の温かいご支援、ご協力に深くお礼申し上げます。 ...もっと読む

発起人・小林美香よりお礼メッセージ

2023/10/19 12:05
皆様のご支援と情報の拡散のおかげで、クラウドファンディングの期日の7日前の10月16日に目標金額を達成することができました。重ねてお礼申し上げます。 9月末より私が個人的にさまざま...もっと読む

残り6日、一人でも多くの方に本書を届けていきたい!拡散に協力ください!

2023/10/17 10:33
こんにちは、サウザンブックスPRIDE叢書です。 みなさんのお力添えのもと、素晴らしいラストスパートでプロジェクト成立した『ジェンダー・クィア』翻訳出版クラファン。昨夜は、プロジェクトメンバー...もっと読む

祝!プロジェクト成立!お得なクラファンは10/23(月)まで

2023/10/16 14:47
こんにちは、サウザンブックスPRIDE叢書です。 さきほど『ジェンダー・クィア』翻訳出版プロジェクトは、 644名の方に支えられ無事に成立いたしました! みなさまの温かいご支援、ご協力に厚...もっと読む

参加者のみなさんのコメントをご紹介します!

2023/10/13 11:38
クラウドファンディングにご参加いただいた多くの方々の温かい応援コメントを頂き、感謝しています。「ジェンダー・クィア」という作品に対してだけではなく、発起人である私への応援も寄せていただき感謝して...もっと読む

西田彩さん(音楽家・京都精華大学ほか非常勤講師)から応援コメント!

2023/10/11 12:13
 わたしたちは生まれてすぐ、わたしたちが自分自身と出会うより遥か前に、わたしたちに性別なるものが付与され、社会のなかで養育される性別として振り分けられてしまいます。 そして、わたしたちはどの性別...もっと読む

山田亜紀子さん(フリー編集者/本と喫茶 サッフォー店主)から応援コメント!

2023/10/05 09:57
ある時、「男の人と女の人とほかに、どういう人がいるの?」と幼いころ親に尋ねたことがあると、小林さんが教えてくれました。 ノンバイナリーという言葉を知らなかった子ども時代から、「性別はふたつだけ...もっと読む

中里虎鉄さん(エディター・フォトグラファー・ライター)から応援コメント!

2023/10/04 11:53
ノンバイナリー/ジェンダークィアに光を当てた作品がこれまでにどれだけあっただろう。よく「ノンバイナリー表象で良い作品はありますか?」と聞かれるが、その度にそもそも良し悪しを語れるほど私たちのアイ...もっと読む

ラビアナ・ジョローさん(ドラァグクィーン/性教育パフォーマー)から応援コメント!

2023/10/03 11:33
「ジェンダークィア」という概念を知った時、私は少し救われた気がした。今までも自分は自分というスタンスで生きてきたつもりではあるけど、生活をしていく中で「男か女か」を突きつけられることは少なくない...もっと読む

一部先読みを公開しました(その4)

2023/10/02 11:51
こんにちは、『ジェンダー・クィア』プロジェクト発起人の小林です。 プロジェクトへのご参加・応援、誠に有難うございます! (その1) ( その2) (その3)に続き、一部先読みをご紹介します。...もっと読む

松岡宗嗣さん(ライター/一般社団法人fair代表理事)から応援コメント!

2023/09/29 12:16
天と地、白と黒、善と悪、心と体ーー私たちは日々いろいろな事柄を二元論に当てはめて考えることが多いと思います。でも同時に、世の中の複雑な事象を「そんな簡単に二元論では捉えきれない」こと、「グレーゾ...もっと読む

皆様へのお願い(発起人・小林美香より)

2023/09/28 11:15
『ジェンダー・クィア』の目標額半分を折り返しました! さまざまな方に関心を持っていただき、ご支援いただき感謝です。 クラファンの期間もあと残すところ25日、期限の10月23日までのラストスパ...もっと読む

高井ゆと里さん(群馬大学准教授)から応援コメント!

2023/09/27 12:09
解放感のある本だ。美しいビジュアルが、ジェンダーアイデンティティを心の扉から解放する。山に登り、呼吸をするように。草原に腰かけて、土を確かめるように。私は誰なのか、世界と交わりのなかで確かにして...もっと読む

『ぜんぶ運命だったんかい おじさん社会と女子の一生』の著者、笛美さんから応援コメント!

2023/09/26 13:04
私はクイアではないのかもしれませんが、男社会の中で女性として決められる生き方、特に結婚して子どもを産まなければ女じゃないという偏見に苦しんできた経験があります。 本文より「子供を持たなくていい、...もっと読む

言葉を奪われないために(残り期間あと1カ月ほど 発起人・小林美香より)

2023/09/25 11:05
『ジェンダー・クィア』日本語版出版に向けたクラウドファンディングの期間も残すところあと1カ月ほどになりました。これまでにご支援いただいた方々、関心をお寄せいただいた方々に深く感謝いたします。また...もっと読む

一部先読みを公開しました(その3)

2023/09/20 11:43
こんにちは、『ジェンダー・クィア』プロジェクト発起人の小林です。 プロジェクトへのご参加・応援、誠に有難うございます! (その1) ( その2)に続き、一部先読みをご紹介します。 マイ...もっと読む

一部先読みを公開しました(その2)

2023/09/15 12:33
こんにちは、『ジェンダー・クィア』プロジェクト発起人の小林です。 プロジェクトへのご参加・応援、誠に有難うございます! 前回に続き、一部先読みをご紹介します。 作者のマイア・コベイブさ...もっと読む

拡散にご協力ください!(発起人奮闘記 その1)

2023/09/13 12:10
クラウドファンディング発起人の小林です。 クラウドファンディング実施の期間半分を過ぎ現在目標金額の4割に到達しようかというところです。「ジェンダー・クィア』は、アメリカ国内でLGBTQをテーマ...もっと読む

明日、9/8(金)夜:『ジェンダー・クィア』プロジェクトZoomイベント開催!

2023/09/07 12:13
こんにちは、サウザンブックスPRIDE叢書です。 『ジェンダー・クィア』プロジェクトへのご参加、誠に有難うございます! 先日の活動報告でもお知らせしましたが、本プロジェクトについてのZo...もっと読む

改めて紹介します!著者のマイア・コベイブさんってどんな人

2023/09/04 13:04
著者のマイア・コベイブ(Maia Kobabe, b.1989)さんは漫画家、作家として活動し、『ジェンダー・クィア』は、初の長編作品です。 ノンバイナリー・ジェンダーでアセクシャル(無性愛)...もっと読む

9/8(金)夜:『ジェンダー・クィア』プロジェクトZoomイベント開催!

2023/09/01 10:33
こんにちは、『ジェンダー・クィア』プロジェクト発起人の小林です。 7月25日からから始まったマイア・コベイブの『ジェンダー・クィア』プロジェクト翻訳出版クラウドファンディングも早いもので開始か...もっと読む

一部先読みを公開しました

2023/08/30 10:38
 『ジェンダー・クィア』は、アメリカで2019年に刊行されて以降、クィアとしての生き方や経験を描いた優れた著作として数々の賞を受賞し、スペイン語、ポーランド語、チェコ語、フランス語に翻訳されて世...もっと読む

著者のマイア・コベイブさんから、メッセージが届きました!

2023/08/24 16:54
「ジェンダー・クィア」を日本の読者の方に届けられることにワクワクしています、日本はたくさんの漫画作品、才能のある漫画家、長期にわたって連載されて愛読されている作品がありますね。すでにたくさんの漫...もっと読む

プロモーションを頑張っております!(小林美香)

2023/08/10 12:02
皆さん、こんにちは。発起人の小林美香です。クラウドファンディングが始まって2週間あまり、周囲の方からご支援を頂いたり、告知に協力していただいてありがたい限りです。ソーシャルメディアを通しての告知...もっと読む

発起人からのご挨拶(小林美香)

2023/08/01 17:03
皆様、こんにちは。
『ジェンダー・クィア』翻訳出版プロジェクト発起人の小林美香です。本企画に関心をお寄せいただきありがとうございます。 本書は、アメリカで2019年に刊行されて以降、クィアとし...もっと読む