"); } .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(""); } .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; } } @media only screen and (max-width: 899px) { .app .v-layouts-header__global-nav { width: 146px; height: 14px; margin: 24px 0px 24px auto; flex-basis: auto; } } @media only screen and (max-width: 320px) { .app .v-layouts-header__global-nav { width: 131px; height: 12px; margin: 25px 0px 24px auto; } } @media only screen and (max-width: 899px) { .app .v-layouts-header__global-nav__list { flex-wrap: wrap; } } @media only screen and (max-width: 899px) { .app .v-layouts-header__global-nav__item { height: 14px; margin-right: 15px; margin-bottom: 15px; } } @media only screen and (max-width: 360px) { .app .v-layouts-header__global-nav__item { margin-right: 10px; } } @media only screen and (max-width: 320px) { .app .v-layouts-header__global-nav__item { height: 12px; margin-right: 5px; } } @media only screen and (max-width: 899px) { .app .v-layouts-header__global-nav__item--search { margin-right: 0px; height: 0px; } } @media only screen and (max-width: 899px) { .app .v-layouts-header__global-nav__item--search a { display: none; } } @media only screen and (max-width: 899px) { .app .v-layouts-header__global-nav__item:nth-child(n+2) { margin-right: 0px; } } @media only screen and (max-width: 899px) { .app .v-layouts-header__global-nav__item:nth-child(n+2), .app .v-layouts-header__global-nav__item:nth-child(n+3) { display: none; } } @media only screen and (max-width: 899px) { .app .v-layouts-header__global-nav__item-link { padding: 0px 0px 0px 20px; } } @media only screen and (max-width: 320px) { .app .v-layouts-header__global-nav__item-link { padding: 0px 0px 0px 18px; } } @media only screen and (max-width: 899px) { .app .v-layouts-header__global-nav__item-text { font-size: 0.8125rem; } } @media only screen and (max-width: 899px) { .app .v-layouts-header__global-nav__item-text::before { top: 1px; left: -18px; width: 14px; height: 14px; } } @media only screen and (max-width: 320px) { .app .v-layouts-header__global-nav__item-text::before { top: 2px; left: -16px; width: 12px; height: 12px; } } @media only screen and (max-width: 899px) { .app .v-layouts-header__global-nav__item-text--search::after { font-size: 0.8125rem; content: "さがす"; } } @media only screen and (max-width: 320px) { .app .v-layouts-header__global-nav__item-text--search::after { font-size: 0.75rem; } } @media only screen and (max-width: 899px) { .app .v-layouts-header__global-nav__item-text--start::after { font-size: 0.8125rem; content: "はじめる"; } } @media only screen and (max-width: 320px) { .app .v-layouts-header__global-nav__item-text--start::after { font-size: 0.75rem; } } .app .v-layouts-header__global-nav.is-signed_in { width: 167px; } @media only screen and (max-width: 320px) { .app .v-layouts-header__global-nav.is-signed_in { width: 139px; } } @media only screen and (max-width: 899px) { .app .v-layouts-header__global-nav.is-signed_in li:nth-child(2) { margin-right: 20px; } } @media only screen and (max-width: 360px) { .app .v-layouts-header__global-nav.is-signed_in li:nth-child(2) { margin-right: 15px; } } @media only screen and (max-width: 320px) { .app .v-layouts-header__global-nav.is-signed_in li:nth-child(2) { margin-right: 5px; } } @media only screen and (max-width: 899px) { .app .v-layouts-header__global-nav.is-signed_in li li:nth-child(2) { margin-right: 0px; } } @media only screen and (max-width: 899px) { .app .v-layouts-header__global-nav.is-signed_in li:nth-child(4) { display: none; } } .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; } } @media only screen and (max-width: 899px) { .app .v-layouts-header__users-button { width: 100%; height: 24px; margin: 0px; } } @media only screen and (max-width: 899px) { .app .v-layouts-header__users-button__label { font-size: 0.875rem; font-weight: 500; line-height: 19.6px; } } .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(""); } .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%; } .app .v-layouts-header__users { width: auto; max-width: 67px; padding: 0px; flex-basis: auto; display: none; } .app .v-layouts-header__users.is-signed_in { display: block; } .app .v-layouts-header__users__list { margin: 19px 0px; } @media only screen and (max-width: 320px) { .app .v-layouts-header__users__list { margin: 19px 0px; } } .app .v-layouts-header__users__list.is-signed_in { margin: 19px 0px 19px 20px; } @media only screen and (max-width: 360px) { .app .v-layouts-header__users__list.is-signed_in { margin: 19px 0px 19px 15px; } } @media only screen and (max-width: 320px) { .app .v-layouts-header__users__list.is-signed_in { margin: 19px 0px 19px 10px; } } .app .v-layouts-header__users__item { width: fit-content; height: 24px; background-repeat: no-repeat; } .app .v-layouts-header__users__item:not(:last-child) { margin-right: 0px; } .app .v-layouts-header__users__item:nth-child(2) { display: none; } .app .v-layouts-header__users__item-text { font-size: 0.8125rem; letter-spacing: 0px; } .app .v-layouts-header__users__item-text-sub { font-size: 0.75rem; display: block; } .app .v-layouts-header__users__item--profile { position: relative; width: 24px; height: 24px; } .app .v-layouts-header__users__item--profile-unread { top: -5px; right: -5px; width: 15px; height: 15px; line-height: 15px; } .app .v-layouts-header__users__item--profile img { width: 24px; height: 24px; border-radius: 50%; } .phone .v-layouts-header__vpoint { display: none; } .app .v-layouts-header__vpoint { display: flex; align-items: center; } .app .v-layouts-header__vpoint-button { display: block; width: max-content; font-family: "Noto Sans JP"; font-size: 14px; font-weight: 500; line-height: 19.6px; letter-spacing: 0.02em; color: rgb(0, 64, 152); } .app .v-layouts-header__vpoint-info { display: flex; align-items: baseline; } .app .v-layouts-header__vpoint-info img { width: 17px; height: 17px; } .app .v-layouts-header__vpoint-info-point { margin-left: 5px; font-family: Rubik; font-size: 19px; line-height: 13px; letter-spacing: 0.02em; color: rgb(0, 0, 0); } .app .v-layouts-header__vpoint-info-text { margin-left: 6px; font-family: Roboto; font-size: 16px; line-height: 11px; letter-spacing: 0.05em; color: rgb(0, 0, 0); position: relative; top: -3px; } .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 rgba(0, 0, 0, 0); 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 rgba(0, 0, 0, 0); } .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,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMjAwIDEyMjciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNNzE0LjE2MyA1MTkuMjg0TDExNjAuODkgMEgxMDU1LjAzTDY2Ny4xMzcgNDUwLjg4N0wzNTcuMzI4IDBIMEw0NjguNDkyIDY4MS44MjFMMCAxMjI2LjM3SDEwNS44NjZMNTE1LjQ5MSA3NTAuMjE4TDg0Mi42NzIgMTIyNi4zN0gxMjAwTDcxNC4xMzcgNTE5LjI4NEg3MTQuMTYzWk01NjkuMTY1IDY4Ny44MjhMNTIxLjY5NyA2MTkuOTM0TDE0NC4wMTEgNzkuNjk0NEgzMDYuNjE1TDYxMS40MTIgNTE1LjY4NUw2NTguODggNTgzLjU3OUwxMDU1LjA4IDExNTAuM0g4OTIuNDc2TDU2OS4xNjUgNjg3Ljg1NFY2ODcuODI4WiIgZmlsbD0iYmxhY2siLz4NCjwvc3ZnPgoNCg==); } .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--top-section { margin-bottom: 70px !important; } .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: 50px; } .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: 50px; } .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__content-list .v-portals-contact__card-list { margin-bottom: 30px; } .v-portals-contact__content-list .v-portals-contact__card-list__item-image--three { background: rgb(252, 252, 252); } .phone .v-portals-contact__content-list .v-portals-contact__card-list { margin-bottom: 20px; } .phone .v-portals-contact__content-list .v-portals-contact__card-list__item-image--three { width: calc(31.3433%); } .phone .v-portals-contact__content-list__item:nth-child(2) { margin-bottom: 50px; } .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.is-green:not(.is-active), .v-portals-contact__circle-graph__item-circle svg circle.is-blue:not(.is-active) { 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.is-green:not(.is-active), .phone .v-portals-contact__circle-graph__item-circle svg circle.is-blue:not(.is-active) { 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: 50px; } .v-portals-contact__content-list__item:nth-child(1) { 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--top { margin-bottom: 16px; } .v-portals-contact__content-list__item-title--top span { font-weight: 500; font-size: 20px; line-height: 100%; letter-spacing: 0.02em; color: rgb(34, 34, 34); } .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-sub-title { margin: 0px; } .v-portals-contact__content-list__item-sub-title-text { font-weight: 500; font-size: 13px; line-height: 100%; letter-spacing: 0.02em; color: rgb(34, 34, 34); } .v-portals-contact__content-list__item-image { margin-block: 30px; padding-top: 355px; border-radius: 5px; background: url("") 0% 0% / cover; } .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; } .v-portals-contact__content-list__item-description--top:not(:last-child) { margin-bottom: 30px; } .v-portals-contact__content-list__item-description--top p { font-size: 1rem; line-height: 1.8; letter-spacing: 0.05em; font-weight: 400; } .v-portals-contact__content-list__item-description--top p:not(:last-child) { margin-bottom: 10px; } .v-portals-contact__content-list__item-description--top 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-block-list { display: flex; flex-direction: column; gap: 16px; padding: 0px; } .v-portals-contact__content-list__item-block-list-item { display: flex; gap: 20px; padding: 16px; border: 1px solid rgb(219, 223, 223); border-radius: 4px; } .v-portals-contact__content-list__item-block-list-item-image { border-radius: 3px; } .v-portals-contact__content-list__item-block-list-item-image img { border-radius: 3px; min-width: 250px; } .v-portals-contact__content-list__item-block-list-item-text h6 { font-weight: 500; font-size: 15px; line-height: 160%; letter-spacing: 0.02em; color: rgb(34, 34, 34); margin: 0px 0px 4px; } .v-portals-contact__content-list__item-block-list-item-text p { font-weight: 400; font-size: 13px; line-height: 180%; letter-spacing: 0.03em; color: rgb(34, 34, 34); margin: 0px; } .phone .v-portals-contact__content-list { padding: 0px; } .phone .v-portals-contact__content-list__item-title { margin: 0px 0px 20px; } .phone .v-portals-contact__content-list__item-title--top { margin-bottom: 12px; font-size: 16px; letter-spacing: 0.05em; } .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-sub-title-text { font-size: 11px; } .phone .v-portals-contact__content-list__item-image { margin-block: 20px; padding-top: 175px; border-radius: 2.46px; } .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; } .phone .v-portals-contact__content-list__item-description--top p { font-size: 0.875rem; line-height: 1.8; letter-spacing: 0.05em; font-weight: 400; } .phone .v-portals-contact__content-list__item-block-list { gap: 12px; } .phone .v-portals-contact__content-list__item-block-list-item { flex-direction: column; align-items: center; gap: 12px; padding: 16px; } .phone .v-portals-contact__content-list__item-block-list-item-image { width: 100%; height: 201px; } .phone .v-portals-contact__content-list__item-block-list-item-image img { width: 100%; height: 100%; min-width: auto; } .phone .v-portals-contact__content-list__item-block-list-item:nth-child(2) .v-portals-contact__content-list__item-block-list-item-text p, .phone .v-portals-contact__content-list__item-block-list-item:nth-child(3) .v-portals-contact__content-list__item-block-list-item-text p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; } .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; white-space: nowrap; } .v-portals-contact__price-plan__item__body-description-partner { display: flex; align-items: center; justify-content: center; margin-left: 50px; white-space: nowrap; } .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--with_tax { margin-left: 20px; float: left; font-size: 1.25rem; line-height: 1; letter-spacing: 0px; font-weight: 400; } .v-portals-contact__price-plan__item__body-description--unit--with_tax-partner { float: left; font-size: 1.25rem; line-height: 1; letter-spacing: 0px; font-weight: 400; } .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__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: absolute; top: 200px; transform: translateY(-50%); width: 40px; height: 40px; border: none; border-radius: 50%; transition: border 0.3s ease 0s; background: rgba(255, 255, 255, 0.8); opacity: 0.8; } .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 img, .v-portals-fv__handle__right img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .v-portals-fv__handle__left { left: 30px; } .v-portals-fv__handle__right { right: 30px; } .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__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: transparent; transition: opacity 0.3s 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: rgba(0, 0, 0, 0); } .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: rgba(0, 0, 0, 0); } .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--v-point { display: none; } .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; } .app .v-portals-fv__top-slide { margin-right: 0px; width: 100%; height: 0px; padding-top: calc(53.3333%); } .app .v-portals-fv__top-slide:not(:first-child) { margin-left: 0px; } .app .v-portals-fv__top-slide--v-point { display: block; } .app .v-portals-fv__top-slide__image { width: 100%; transition: opacity 0.3s linear 0s; } .app .v-portals-fv__top-slide__image-wrap { border-radius: 0px; } .app .v-portals-fv__top-slide__image-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); } .app .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; } .app .v-portals-fv__top-slide__text.is-hide { left: 0px; } .app .v-portals-fv__top-slide__text-main { width: 170px; margin-bottom: 15px; } .app .v-portals-fv__top-slide__text-main img { width: 100%; } .app .v-portals-fv__top-slide__text-sub { width: 150px; top: 66px; } .app .v-portals-fv__top-slide__text-sub img { width: 100%; filter: drop-shadow(rgba(0, 0, 0, 0.8) 0px 0px 10px); } .app .v-portals-fv__top-slide__text-logo { width: 100%; height: 20px; } .app .v-portals-fv__top-slide__link-text { display: none; } .app .v-portals-fv__top-slide__link { position: absolute; top: 0px; left: 0px; } .app .v-portals-fv__top-slide__link-overlay { width: 100%; border-radius: 0px; } .v-portals-fv__wrap { width: 100%; min-width: 1080px; overflow: hidden; position: relative; } .v-portals-fv__wrap * { -webkit-font-smoothing: antialiased; overflow-wrap: break-word; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .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% - 2060px)); 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% - 400px)); } .v-portals-fv__wrap__slide-wrap--twin { transform: translateX(calc(50% - 2060px)); } .v-portals-fv__wrap__controls { display: flex; width: 1020px; margin: 30px auto 0px; transition: opacity 0.3s linear 0.5s; visibility: hidden; } .v-portals-fv__wrap__controls--pc { margin: 0px; } @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%; margin-top: 5px; } .phone .v-portals-fv__wrap__slide-wrap { width: 100%; height: auto; transform: translateX(calc(50% - 847.5px)); } .phone .v-portals-fv__wrap__slide-wrap--single { transform: translateX(calc(50% - 167.5px)); } .phone .v-portals-fv__wrap__slide-wrap--twin { transform: translateX(calc(50% - 847.5px)); } .phone .v-portals-fv__wrap__controls { width: 100%; margin: 15px auto 0px; height: 14px; } .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__col--top .m-projects__card__about-title--no-description { margin-bottom: 10px; -webkit-box-orient: vertical; } .desktop .block__col--top .m-projects__card__about-title--emphasis-description { height: 66px; -webkit-line-clamp: 3; } .desktop .block__col--top .m-projects__card__about-description--emphasis-description { height: 36px; -webkit-line-clamp: 2; } .desktop .block__col--top .m-projects__card__about--recent .m-projects__card__about-title--emphasis-description { height: 66px; -webkit-line-clamp: 3; } .desktop .block__col--top .m-projects__card__about--recent .m-projects__card__about-description--emphasis-description { height: 36px; -webkit-line-clamp: 2; } .desktop .block__col--top .m-projects__card__about--touch-and-try .m-projects__card__about-exhibition_place-wrap { height: 58px; } .desktop .block__col--banner { display: block; height: 148px; } .desktop .block__col--top .m-projects__card__about-title--no-description { margin-bottom: 10px; -webkit-box-orient: vertical; } .desktop .block__col--top .m-projects__card__about-title--emphasis-description { height: 66px; -webkit-line-clamp: 3; } .desktop .block__col--top .m-projects__card__about-description--emphasis-description { height: 36px; -webkit-line-clamp: 2; } .desktop .block__col--top .m-projects__card__about--recent .m-projects__card__about-title--emphasis-description { height: 44px; -webkit-line-clamp: 2; } .desktop .block__col--top .m-projects__card__about--recent .m-projects__card__about-description--emphasis-description { height: 54px; -webkit-line-clamp: 3; } .desktop .block__col--top .m-projects__card__about--touch-and-try .m-projects__card__about-exhibition_place-wrap { height: 58px; } .desktop .block__head { display: flex; align-items: center; margin: 0px 0px 40px; } .desktop .block__head--ranking { margin-bottom: 40px; } .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(""); 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(""); 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(""); 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; } .l-main .block-wrap .block__col { display: flex; align-items: flex-start; gap: 40px; } .l-main .block-wrap .block__col > div:nth-of-type(1) { width: 164px; } .l-main .block-wrap .block__col > div:nth-of-type(2) { flex: 1 1 0%; } .l-main .block:has(.block__col--top.block__col--coming-soon) { padding-top: 44px; } .l-main .block__col--top { width: 1160px; } .l-main .block__col--top .m-projects__card { margin-bottom: 0px; } .l-main .block__col--top .m-projects__card__about { padding-bottom: 16px; } .l-main .block__col--top .m-projects__card__about--recent { padding-bottom: 20px; } .l-main .block__col--top .m-projects__card__about-description { color: rgb(122, 129, 129); } .l-main .block__col--top .m-projects__card__information-head { align-items: baseline; } .l-main .block__col--top .m-projects__card__information-head .m-projects__card__information-success-ribbon { position: relative; top: 2px; } .l-main .block__col--top .m-projects__card__information-head img { height: 100%; } .l-main .block__col--top .m-projects__card__information-meter-label--succeed { color: rgb(11, 126, 199); } .l-main .block__col--top .m-projects__card__information-meter-bar-color--succeed { background: radial-gradient(101.09% 1217.45% at 100% 100%, rgb(10, 121, 199) 0%, rgb(19, 183, 204) 59%, rgb(2, 213, 194) 99.99%); } .l-main .block__col--top .m-projects__card__information-status-number { color: rgb(122, 129, 129); } .l-main .block__col--top .m-projects__card.is-ranking { position: relative; width: calc(25% - 12px); } .l-main .block__col--top .m-projects__card.is-ranking .m-projects__card__image { height: 186px; } .l-main .block__col--top .m-projects__card.is-ranking .m-projects__card__about { padding-top: 14px; } .l-main .block__col--top .m-projects__card.is-ranking::before { position: absolute; top: -20px; right: -7px; width: 36px; height: 36px; border-radius: 50%; z-index: 1; padding: 0px; display: inline-flex; justify-content: center; align-items: center; font-family: Rubik; font-weight: 400; font-size: 20.5714px; line-height: 100%; letter-spacing: 0.05em; color: rgb(250, 250, 250); } .l-main .block__col--top .m-projects__card.is-ranking:nth-of-type(1)::before { background: conic-gradient(rgb(213, 188, 98) 0deg, rgb(213, 188, 98) 45deg, rgb(193, 170, 88) 45deg, rgb(193, 170, 88) 225deg, rgb(213, 188, 98) 225deg, rgb(213, 188, 98) 360deg); } .l-main .block__col--top .m-projects__card.is-ranking:nth-of-type(2)::before { background: conic-gradient(rgb(204, 201, 201) 0deg, rgb(204, 201, 201) 45deg, rgb(191, 187, 186) 45deg, rgb(191, 187, 186) 225deg, rgb(204, 201, 201) 225deg, rgb(204, 201, 201) 360deg); } .l-main .block__col--top .m-projects__card.is-ranking:nth-of-type(3)::before { background: conic-gradient(rgb(199, 130, 98) 0deg, rgb(199, 130, 98) 45deg, rgb(185, 115, 82) 45deg, rgb(185, 115, 82) 225deg, rgb(199, 130, 98) 225deg, rgb(199, 130, 98) 360deg); } .l-main .block__col--top .m-projects__card.is-ranking:nth-of-type(4)::before { background: conic-gradient(rgb(112, 204, 197) 0deg, rgb(112, 204, 197) 45deg, rgb(110, 191, 185) 45deg, rgb(110, 191, 185) 225deg, rgb(112, 204, 197) 225deg, rgb(112, 204, 197) 360deg); } .l-main .block__col--top .m-projects__card.is-ranking .m-projects__card__information-head { margin-bottom: 20px; } .l-main .block__col--top .m-projects__card.is-ranking .m-projects__card__information-success-ribbon { width: 68px; height: 13px; margin-bottom: 0px; } .l-main .block__col--top .m-projects__card.is-ranking .m-projects__card__information-amount { font-size: 22px; } .l-main .block__col--top .m-projects__card.is-ranking .m-projects__card__information-middle { margin-bottom: 17px; } .l-main .block__col--top .m-projects__card.is-ranking .m-projects__card__information-middle .m-projects__card__information-meter { gap: 14px; } .l-main .block__col--top .m-projects__card.is-ranking .m-projects__card__information-middle .m-projects__card__information-meter-bar { flex: 1 1 0%; } .l-main .block__col--top .m-projects__card.is-ranking .m-projects__card__information-middle .m-projects__card__information-meter-label { font-family: Rubik; font-style: normal; font-weight: 300; font-size: 20px; line-height: 100%; letter-spacing: 0.02em; } .l-main .block__col--top .m-projects__card.is-ranking .m-projects__card__information-status-separation { background-color: rgb(219, 223, 223); } .l-main .block__col--top .m-projects__card.is-ranking .m-projects__card__information-status-icon { width: 15px; height: 15px; } .l-main .block__col--top .m-projects__card.is-ranking .m-projects__card__information-status { width: 103px; } .l-main .block__col--top .m-projects__card.is-ranking .m-projects__card__information-status-number { color: rgb(122, 129, 129); } .l-main .block__col--top .m-projects__card.is-ranking .m-projects__card__information-status-number span { font-size: 12px; } .l-main .block__col--top .m-projects__card.is-ranking .m-projects__card__information-status-number span.is-number { font-size: 17px; margin-right: 6px; } .l-main .block__col--top .block__sidebar__nav { margin-bottom: 16px; } .l-main .block__col--top .block__sidebar__nav:first-child { margin-bottom: 40px; } .l-main .block__col--top .block__sidebar__nav ul { margin: 0px; padding: 0px; list-style: none; } .l-main .block__col--top .block__sidebar__nav ul a { display: flex; align-items: center; gap: 10px; } .l-main .block__col--top .block__sidebar__nav ul a img { width: 16px; height: 16px; color: rgb(34, 34, 34); } .l-main .block__col--top .block__sidebar__nav ul a span { font-style: normal; font-weight: 400; font-size: 13px; line-height: 260%; letter-spacing: 0.05em; color: rgb(34, 34, 34); } .l-main .block__col--top .block__sidebar__nav ul a:hover span { text-decoration: underline; } .l-main .block__col--top .block__sidebar__banner ul { margin: 0px; padding: 0px; list-style: none; } .l-main .block__col--top .block__sidebar__banner__item { margin-bottom: 12px; } .l-main .block__col--top .block__sidebar__banner__item:last-child { margin-bottom: 0px; } .l-main .block__col--top .block__sidebar__banner__item:last-child .block__sidebar__banner__item-image img { margin-right: 7.8px; } .l-main .block__col--top .block__sidebar__banner__item a { background: rgb(255, 255, 255); border: 1px solid rgb(219, 223, 223); border-radius: 4px; transition: border 0.1s ease 0s; display: flex; flex-direction: column; height: 108px; } .l-main .block__col--top .block__sidebar__banner__item a.is-hover { border: 1px solid rgb(61, 65, 64); } .l-main .block__col--top .block__sidebar__banner__item-text { font-style: normal; font-weight: 500; font-size: 12px; line-height: 100%; letter-spacing: 0.05em; color: rgb(34, 34, 34); padding: 11px 11px 6px; } .l-main .block__col--top .block__sidebar__banner__item-text-sub { font-family: Roboto; font-weight: 400; font-size: 10px; display: block; margin-top: 6px; } .l-main .block__col--top .block__sidebar__banner__item-image { display: flex; justify-content: flex-end; flex: 1 1 0%; overflow: hidden; } .l-main .block__col--top .block__sidebar h3 { font-style: normal; font-weight: 700; font-size: 14px; line-height: 220%; letter-spacing: 0.05em; color: rgb(34, 34, 34); margin-top: 0px; margin-bottom: 8px; } .l-main .block__col--top .block__head--activity { margin-bottom: 40px; } .l-main .block__col--top .activityList.activityList--top .activityList__item { width: 570px; margin-bottom: 16px; } .l-main .block__col--top .activityList.activityList--top .activityList__item .activityList__item__inner { column-gap: 20px; padding: 20px 20px 22px; } .l-main .block__col--top .activityList.activityList--top .activityList__item .activityList__item__inner .activityList__img { min-width: 150px; width: 150px; height: 100px; } .l-main .block__col--top .activityList.activityList--top .activityList__item .activityList__item__inner .activityList__content { display: flex; flex-direction: column; justify-content: space-between; flex: 1 1 0%; padding: 4px 0px 6px; } .l-main .block__col--top .activityList.activityList--top .activityList__item .activityList__item__inner .activityList__content .activityList__title { margin-bottom: 0px; } .l-main .block__col--top .activityList.activityList--top .activityList__item .activityList__item__inner .activityList__content .activityList__date { font-family: Rubik; } .l-main .block__col--top .activityList.activityList--top .activityList__item .activityList__item__inner .activityList__content .activityList__author { font-size: 11px; line-height: 11px; } .l-main .block__col--recently-checked .v-projects__card-wrap, .l-main .block__col--ranking .v-projects__card-wrap { column-gap: 16px; } .l-main .block__col--recently-checked .m-projects__card { width: 180px; } .l-main .block__col--recently-checked .m-projects__card__image { height: 120px; } .l-main .block__col--recently-checked .m-projects__card__about { padding: 12px 12px 16px; } .l-main .block__col--recently-checked .m-projects__card__about-title { font-size: 12px; margin-bottom: 0px; height: 57px; } .l-main .block__col--recently-checked .m-projects__card__about-description { display: none; } .l-main .block__col--recently-checked .m-projects__card__information { padding: 0px 12px 16px; } .l-main .block__col--recently-checked .m-projects__card__information-head { margin-bottom: 12px; } .l-main .block__col--recently-checked .m-projects__card__information-success-ribbon { width: 52px; height: 10px; margin-bottom: 0px; } .l-main .block__col--recently-checked .m-projects__card__information-amount { font-family: Rubik; font-style: normal; font-weight: 400; font-size: 14px; line-height: 100%; letter-spacing: 0.02em; color: rgb(34, 34, 34); } .l-main .block__col--recently-checked .m-projects__card__information-middle { margin-bottom: 0px; } .l-main .block__col--recently-checked .m-projects__card__information-middle .m-projects__card__information-meter { gap: 8px; } .l-main .block__col--recently-checked .m-projects__card__information-middle .m-projects__card__information-meter-bar { flex: 1 1 0%; height: 4px; } .l-main .block__col--recently-checked .m-projects__card__information-middle .m-projects__card__information-meter-label { font-family: Rubik; font-style: normal; font-weight: 300; font-size: 14px; line-height: 100%; letter-spacing: 0.02em; } .l-main .block__col--recently-checked .m-projects__card__information-footer { display: none; } .l-main .block__col--staff-pickup .m-projects__card, .l-main .block__col--succeed .m-projects__card { width: 224px; } .l-main .block__col--staff-pickup .m-projects__card__image, .l-main .block__col--succeed .m-projects__card__image { height: 149px; } .l-main .block__col--staff-pickup .m-projects__card__about, .l-main .block__col--succeed .m-projects__card__about { padding: 8px 12px 16px; } .l-main .block__col--staff-pickup .m-projects__card__about-title, .l-main .block__col--succeed .m-projects__card__about-title { margin-bottom: 6px; font-size: 13px; height: 63px; } .l-main .block__col--staff-pickup .m-projects__card__about-description, .l-main .block__col--succeed .m-projects__card__about-description { font-size: 10px; height: 32px; } .l-main .block__col--staff-pickup .m-projects__card__information, .l-main .block__col--succeed .m-projects__card__information { padding: 0px 12px 16px; } .l-main .block__col--staff-pickup .m-projects__card__information-head, .l-main .block__col--staff-pickup .m-projects__card__information-middle, .l-main .block__col--succeed .m-projects__card__information-head, .l-main .block__col--succeed .m-projects__card__information-middle { margin-bottom: 12px; } .l-main .block__col--staff-pickup .m-projects__card__information-success-ribbon, .l-main .block__col--succeed .m-projects__card__information-success-ribbon { width: 62px; height: 12px; margin-bottom: 0px; } .l-main .block__col--staff-pickup .m-projects__card__information-amount, .l-main .block__col--succeed .m-projects__card__information-amount { font-family: Rubik; font-size: 17px; color: rgb(34, 34, 34); } .l-main .block__col--staff-pickup .m-projects__card__information-meter, .l-main .block__col--succeed .m-projects__card__information-meter { gap: 12px; } .l-main .block__col--staff-pickup .m-projects__card__information-meter-bar, .l-main .block__col--succeed .m-projects__card__information-meter-bar { flex: 1 1 0%; } .l-main .block__col--staff-pickup .m-projects__card__information-meter-label, .l-main .block__col--succeed .m-projects__card__information-meter-label { font-weight: 300; } .l-main .block__col--staff-pickup .m-projects__card { margin-bottom: 24px; } .l-main .block__col--staff-pickup .block__moreBtnUnder { margin-top: 16px; } .l-main .block__col--coming-soon .m-projects__card { width: 240px; } .l-main .block__col--coming-soon .m-projects__card__image-ribbon { display: none; } .l-main .block__col--coming-soon .m-projects__card__about-title { margin-bottom: 0px; } .l-main .block__col--coming-soon .m-projects__card__about-schedule { margin-top: 14px; } .l-main .block__col--coming-soon .m-projects__card__about-schedule-text--date { margin-left: 12px; } .l-main .block__col--succeed .v-projects__card-wrap { column-gap: 10px; } .l-main .block__col--succeed .v-projects__card-wrap .m-projects__card { margin-bottom: 20px; } .l-main .block__col--feature .bannerList__item a { display: block; box-shadow: rgba(34, 34, 34, 0.05) 0px 0px 20px; border-radius: 4px; } .l-main .block__col--feature .bannerList__item img { object-fit: cover; border-radius: 4px; } 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:has(.block__col--top.block__col--ranking) { padding-bottom: 43.88px; } .phone .block:has(.block__col--top.block__col--coming-soon) { padding-top: 0px; } .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__col--top .m-projects__card__about-title--no-description { margin-bottom: 0px; height: 94px; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } .phone .block__col--top .m-projects__card__about-title--no-description ~ .m-projects__card__about-description { height: auto !important; } .phone .block__col--top .m-projects__card__about--recent .m-projects__card__about-description--emphasis-description { height: 32px; -webkit-line-clamp: 2; } .phone .block__col--top .m-projects__card__about--touch-and-try .m-projects__card__about-exhibition_place-wrap { height: 100px; } .phone .block__col--top .m-projects__card__about--coming-soon .m-projects__card__about-schedule { height: 42px; box-sizing: content-box; } .phone .block__img { padding-inline: 13px; padding-bottom: 21px; } .phone .block__img__wrapper { height: 120px; } .phone .block__img__wrapper img { height: 100%; border-top-left-radius: 4px; border-top-right-radius: 4px; } .phone .block__img__link { display: flex; justify-content: center; align-items: center; background-color: rgb(244, 244, 244); padding-block: 10px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .phone .block__img__link__box { display: flex; justify-content: center; align-items: baseline; gap: 4px; padding-block: 8px; } .phone .block__img__link__box span { font-size: 11px; line-height: 160%; letter-spacing: 0.05em; font-weight: 500; color: rgb(34, 34, 34); } .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(""); 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(""); 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(""); 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; } .phone .l-main .block__col--top { width: auto; } .phone .l-main .block__col--top .v-projects__card-wrap { padding-bottom: 0px; } .phone .l-main .block__col--top .v-projects__card-scroll__wrap { margin-bottom: 10px; } .phone .l-main .block__col--top .v-projects__card-scroll-scrollbar { margin: 0px 20px; display: flex; gap: 2px; } .phone .l-main .block__col--top .v-projects__card-scroll-scrollbar__item { flex: 1 1 0%; height: 1px; border-radius: 10px; background-color: rgb(242, 242, 242); transition: background-color 0.2s ease 0s; } .phone .l-main .block__col--top .v-projects__card-scroll-scrollbar__item--active { background-color: rgb(51, 51, 51); } .phone .l-main .block__col--top .block__head { margin-bottom: 24px; align-items: baseline; } .phone .l-main .block__col--top .block__head--ranking { margin-bottom: 30px; } .phone .l-main .block__col--top .block__head--activity { margin-bottom: 25px; } .phone .l-main .block__col--top .block__title--uppercase { font-family: Rubik; font-weight: 400; font-size: 20px; letter-spacing: 0.1em; margin-right: 8px; text-transform: uppercase; } .phone .l-main .block__col--top .block__title--sub { font-weight: 500; font-size: 11px; line-height: 160%; letter-spacing: 0.05em; color: rgb(34, 34, 34); position: relative; top: -2px; } .phone .l-main .block__col--top .m-projects__card__about-title--no-description { height: 94px; -webkit-line-clamp: 5; -webkit-box-orient: vertical; margin-bottom: 0px; } .phone .l-main .block__col--top .m-projects__card__about-title--no-description ~ .m-projects__card__about-description { height: auto !important; } .phone .l-main .block__col--top .m-projects__card__about--recent .m-projects__card__about-description--emphasis-description { height: 32px; -webkit-line-clamp: 2; } .phone .l-main .block__col--top .m-projects__card__about--touch-and-try .m-projects__card__about-exhibition_place-wrap { height: 100px; } .phone .l-main .block__col--top .m-projects__card__about--coming-soon { padding: 10px 13px 13px; } .phone .l-main .block__col--top .m-projects__card__about--coming-soon .m-projects__card__about-title { font-size: 11px; height: 53px; } .phone .l-main .block__col--top .m-projects__card__about--coming-soon .m-projects__card__about-schedule { height: 42px; box-sizing: content-box; } .phone .l-main .block__col--top .m-projects__card__about--coming-soon .m-projects__card__about-schedule-text { font-size: 11px; } .phone .l-main .block__col--top .m-projects__card.is-ranking { width: calc(50% - 5.45px); } .phone .l-main .block__col--top .m-projects__card.is-ranking:nth-of-type(1), .phone .l-main .block__col--top .m-projects__card.is-ranking:nth-of-type(2) { margin-bottom: 40px; } .phone .l-main .block__col--top .m-projects__card.is-ranking a { box-shadow: none; background-color: rgb(255, 255, 255); } .phone .l-main .block__col--top .m-projects__card.is-ranking .m-projects__card__image { height: 112px; } .phone .l-main .block__col--top .m-projects__card.is-ranking .m-projects__card__about { padding: 10px 5.5px 12px; } .phone .l-main .block__col--top .m-projects__card.is-ranking .m-projects__card__about-title { font-size: 12px; -webkit-line-clamp: 2; height: 38px; margin-bottom: 0px; } .phone .l-main .block__col--top .m-projects__card.is-ranking .m-projects__card__information { padding: 0px 5.5px; } .phone .l-main .block__col--top .m-projects__card.is-ranking .m-projects__card__information-head { margin-bottom: 6.8px; align-items: flex-start; } .phone .l-main .block__col--top .m-projects__card.is-ranking .m-projects__card__information-middle { margin-bottom: 8.8px; } .phone .l-main .block__col--top .m-projects__card.is-ranking .m-projects__card__information-success-ribbon { width: 51px; height: 10px; } .phone .l-main .block__col--top .m-projects__card.is-ranking .m-projects__card__information-amount { font-size: 15.27px; } .phone .l-main .block__col--top .m-projects__card.is-ranking .m-projects__card__information-meter { gap: 11.8px; } .phone .l-main .block__col--top .m-projects__card.is-ranking .m-projects__card__information-meter-label { font-size: 13.15px !important; } .phone .l-main .block__col--top .m-projects__card.is-ranking .m-projects__card__information-status { width: auto; flex: 1 1 0%; } .phone .l-main .block__col--top .m-projects__card.is-ranking .m-projects__card__information-status-separation { margin: 0px 10.9px 0px 11.8px; } .phone .l-main .block__col--top .m-projects__card.is-ranking .m-projects__card__information-status-icon { width: 13px; height: 13px; position: relative; top: -2px; } .phone .l-main .block__col--top .m-projects__card.is-ranking .m-projects__card__information-status-number { color: rgb(34, 34, 34); align-items: baseline; } .phone .l-main .block__col--top .m-projects__card.is-ranking .m-projects__card__information-status-number .is-number { font-size: 13px; margin-right: 5px; } .phone .l-main .block__col--top .m-projects__card.is-ranking .m-projects__card__information-status-number span { font-size: 10.91px; } .phone .l-main .block__col--top .m-projects__card.is-ranking::before { width: 28px; height: 28px; top: -10px; right: -8px; font-size: 16px; } .phone .l-main .block__col--top .m-projects__card.is-ranking:nth-of-type(1)::before { content: "1"; } .phone .l-main .block__col--top .m-projects__card.is-ranking:nth-of-type(2)::before { content: "2"; } .phone .l-main .block__col--top .m-projects__card.is-ranking:nth-of-type(3)::before { content: "3"; } .phone .l-main .block__col--top .m-projects__card.is-ranking:nth-of-type(4)::before { content: "4"; } .phone .l-main .block__col--top .m-projects__card__information-head { align-items: flex-start; } .phone .l-main .block__col--top .m-projects__card__information-status-icon { position: relative; top: -1px; } .phone .l-main .block__col--top .m-projects__card__information-status-number { color: rgb(34, 34, 34); } .phone .l-main .block__col--top .activityList.activityList--top .activityList__item { width: 100%; margin-bottom: 0px; } .phone .l-main .block__col--top .activityList.activityList--top .activityList__item__inner { column-gap: 0px; padding: 0px; } .phone .l-main .block__col--top .activityList.activityList--top .activityList__item__inner .activityList__img { min-width: 109px; width: 109px; height: 73px; } .phone .l-main .block__col--top .activityList.activityList--top .activityList__item__inner .activityList__content { padding: 10px 10px 11px; justify-content: flex-start; } .phone .l-main .block__col--top .activityList.activityList--top .activityList__item__inner .activityList__content .activityList__title { margin-top: 0px; margin-bottom: 6px; } .phone .l-main .block__col--top .activityList.activityList--top .activityList__item__inner .activityList__description { display: flex; justify-content: flex-start; align-items: center; } .phone .l-main .block__col--top .activityList.activityList--top .activityList__item__inner .activityList__description .activityList__author { font-size: 10px; line-height: 10px; } .phone .l-main .block__col--ranking .v-projects__card-wrap { column-gap: 10.89px; } .phone .l-main .block__col--recently-checked .m-projects__card__image { height: 106px; } .phone .l-main .block__col--recently-checked .m-projects__card__about { padding: 7px 13px 5px; } .phone .l-main .block__col--recently-checked .m-projects__card__about-title { font-size: 11px; height: 54px; } .phone .l-main .block__col--recently-checked .m-projects__card__information { padding: 0px 11px 13px 13px; } .phone .l-main .block__col--recently-checked .m-projects__card__information-head { margin-bottom: 6px; } .phone .l-main .block__col--recently-checked .m-projects__card__information-success-ribbon { width: 47px; height: 9px; } .phone .l-main .block__col--recently-checked .m-projects__card__information-meter { gap: 12px; } .phone .l-main .block__col--recently-checked .m-projects__card__information-meter-label { font-size: 12px; } .phone .l-main .block__col--staff-pickup .v-projects__card-wrap { column-gap: 13px; } .phone .l-main .block__col--succeed .v-projects__card-wrap { column-gap: 13px; } .phone .l-main .block__col--succeed .m-projects__card__information-success-ribbon { width: 40px; height: 6px; } .phone .l-main .block__col--succeed .m-projects__card__information-meter { gap: 11px; } .phone .l-main .block__col--succeed .m-projects__card__information-meter-label { font-weight: 400; } .phone .l-main .block__col--staff-pickup .m-projects__card, .phone .l-main .block__col--succeed .m-projects__card { width: calc(50% - 6.5px); } .phone .l-main .block__col--staff-pickup .m-projects__card__image, .phone .l-main .block__col--succeed .m-projects__card__image { height: 112px; } .phone .l-main .block__col--staff-pickup .m-projects__card__about, .phone .l-main .block__col--succeed .m-projects__card__about { padding: 8px 13px 10px; } .phone .l-main .block__col--staff-pickup .m-projects__card__about-title, .phone .l-main .block__col--succeed .m-projects__card__about-title { font-size: 12px; margin-bottom: 5px; height: 57px; } .phone .l-main .block__col--staff-pickup .m-projects__card__about-title--no-description, .phone .l-main .block__col--succeed .m-projects__card__about-title--no-description { height: 94px; margin-bottom: 0px; } .phone .l-main .block__col--staff-pickup .m-projects__card__information, .phone .l-main .block__col--succeed .m-projects__card__information { padding: 0px 13px 14px; } .phone .l-main .block__col--staff-pickup .m-projects__card__information-head, .phone .l-main .block__col--succeed .m-projects__card__information-head { margin-bottom: 10px; } .phone .l-main .block__col--staff-pickup .m-projects__card__information-middle, .phone .l-main .block__col--succeed .m-projects__card__information-middle { margin-bottom: 8px; } .phone .l-main .block__col--staff-pickup .m-projects__card__information-amount, .phone .l-main .block__col--succeed .m-projects__card__information-amount { font-size: 14px; } .phone .l-main .block__col--recently-checked .m-projects__card__information-success-ribbon, .phone .l-main .block__col--staff-pickup .m-projects__card__information-success-ribbon, .phone .l-main .block__col--succeed .m-projects__card__information-success-ribbon { width: 47px; height: 9px; } .phone .l-main .block__col--recently-checked .m-projects__card__information-meter, .phone .l-main .block__col--staff-pickup .m-projects__card__information-meter, .phone .l-main .block__col--succeed .m-projects__card__information-meter { gap: 12px; } .phone .l-main .block__col--recently-checked .m-projects__card__information-meter-label, .phone .l-main .block__col--staff-pickup .m-projects__card__information-meter-label, .phone .l-main .block__col--succeed .m-projects__card__information-meter-label { font-size: 12px; } .phone .l-main .block__col--feature .v-projects__card-scroll__wrap { gap: 15px; } .phone .l-main .block:has(.block__col--top.block__col--recently-checked) { padding-bottom: 60px; } .v-projects-planner_transactions__page-container { margin-bottom: 100px; } .v-projects-planner_transactions__page-container__section:not(:last-child) { margin-bottom: 80px; } .v-projects-planner_transactions__page-container__title { font-size: 1.5rem; line-height: 1; letter-spacing: 0.02em; font-weight: 500; color: rgb(34, 34, 34); width: 640px; margin: 0px auto 60px; } .v-projects-planner_transactions__page-container__title--center { text-align: center; } .v-projects-planner_transactions__page-container__container { width: 640px; margin: 0px auto; } .v-projects-planner_transactions__page-container__subtitle { font-size: 1.25rem; line-height: 1.6; letter-spacing: 0.02em; font-weight: 500; color: rgb(34, 34, 34); margin: 0px 0px 30px; } .v-projects-planner_transactions__page-container__description { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; width: 100%; margin: 0px auto 40px; } .phone .v-projects-planner_transactions__page-container { margin-bottom: 80px; } .phone .v-projects-planner_transactions__page-container__section:not(:last-child) { margin-bottom: 60px; } .phone .v-projects-planner_transactions__page-container__title { font-size: 1.125rem; line-height: 1; letter-spacing: 0.02em; font-weight: 500; width: calc(100% - 40px); margin: 0px auto 40px; } .phone .v-projects-planner_transactions__page-container__title--recruit { margin: 0px auto 60px; } .phone .v-projects-planner_transactions__page-container__title--large { font-size: 1.375rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; margin: 0px auto 60px; } .phone .v-projects-planner_transactions__page-container__container { width: calc(100% - 40px); } .phone .v-projects-planner_transactions__page-container__subtitle { font-size: 0.9375rem; line-height: 1; letter-spacing: 0.02em; font-weight: 500; } .phone .v-projects-planner_transactions__page-container__subtitle--form { font-size: 1.125rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; } .phone .v-projects-planner_transactions__page-container__description { font-size: 0.8125rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; margin: 0px auto 30px; } .v-projects-planner_transactions__text-list { margin: 0px; padding: 0px; width: 100%; list-style: none; } .v-projects-planner_transactions__text-list__item { display: flex; } .v-projects-planner_transactions__text-list__item:not(:last-child) { margin-bottom: 30px; } .v-projects-planner_transactions__text-list__item-title { font-size: 1rem; line-height: 2; letter-spacing: 0.05em; font-weight: 400; margin: 0px; padding: 0px; width: 140px; } .v-projects-planner_transactions__text-list__item-content { font-size: 1rem; line-height: 2; letter-spacing: 0.05em; font-weight: 400; width: calc(100% - 140px); margin: 0px; color: rgb(34, 34, 34); } .v-projects-planner_transactions__text-list__item-content-body { margin: 0px; } .v-projects-planner_transactions__text-list__item-content-body:not(:last-child) { margin-bottom: 10px; } .v-projects-planner_transactions__text-list__item-content-body-link { color: rgb(0, 185, 170); } .v-projects-planner_transactions__text-list__item-content-body-link.is-hover:hover { color: rgb(0, 167, 153); } .v-projects-planner_transactions__text-list__item-content-note { font-size: 0.8125rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; margin: -5px 0px 0px; color: rgb(157, 167, 166); } .v-projects-planner_transactions__text-list__item-content-notice { font-size: 0.8125rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; position: relative; display: flex; flex-direction: column; padding: 0px 0px 0px 18px; margin: 10px 0px 0px; color: rgb(157, 167, 166); } .v-projects-planner_transactions__text-list__item-content-notice::before { content: "※"; position: absolute; top: 0px; left: 0px; } .v-projects-planner_transactions__text-list__item-content-notice--link { display: block; flex-direction: unset; } .v-projects-planner_transactions__text-list__item-content-notice--link a { text-decoration: underline; } .v-projects-planner_transactions__text-list__item-content-list { list-style: none; padding: 0px; } .v-projects-planner_transactions__text-list__item-content-list--order { counter-reset: order 0; } .v-projects-planner_transactions__text-list__item-content-item--order::before { content: counter(order); padding: 0px 14px 0px 10px; } .v-projects-planner_transactions__text-list__item-content-item--order:not(:first-child)::before { counter-increment: order 1; } .v-projects-planner_transactions__text-list--large .v-projects-planner_transactions__text-list__item-title { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.02em; font-weight: 400; width: 210px; } .v-projects-planner_transactions__text-list--large .v-projects-planner_transactions__text-list__item-content { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; width: calc(100% - 210px); } .phone .v-projects-planner_transactions__text-list__item { flex-wrap: wrap; } .phone .v-projects-planner_transactions__text-list__item-title { font-size: 0.75rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; width: 100%; margin-bottom: 10px; } .phone .v-projects-planner_transactions__text-list__item-content { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; width: 100%; } .phone .v-projects-planner_transactions__text-list__item-content-item--order::before { padding: 0px 15px 0px 0px; } .v-projects__card-scroll { position: relative; } .v-projects__card-scroll__left, .v-projects__card-scroll__right { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border: none; border-radius: 50%; background: rgb(34, 34, 34); } .v-projects__card-scroll__left.is-hover, .v-projects__card-scroll__right.is-hover { background: rgb(0, 187, 170); } .v-projects__card-scroll__left { left: 0px; } .v-projects__card-scroll__right { right: 0px; } .v-projects__card-scroll__arrow { width: 8px; height: 8px; transform-origin: 50% center; position: absolute; right: 17px; bottom: 50%; transform: translate(0px, 50%) rotate(-45deg); } .v-projects__card-scroll__arrow::before, .v-projects__card-scroll__arrow::after { content: ""; position: absolute; bottom: 0px; right: 0px; display: block; background: rgb(255, 255, 255); } .v-projects__card-scroll__arrow::before { width: 8px; height: 1px; } .v-projects__card-scroll__arrow::after { width: 1px; height: 8px; } .v-projects__card-scroll__arrow--left { right: 17px; transform: translate(50%, 50%) rotate(135deg); } .v-projects__card-scroll__wrap { display: flex; gap: 20px; overflow-x: scroll; scroll-snap-type: x mandatory; scrollbar-width: none; margin-top: -20px; margin-bottom: -20px; padding-top: 20px; padding-bottom: 20px; } .v-projects__card-scroll__wrap::-webkit-scrollbar { display: none; } .v-projects__card-scroll__group { display: flex; gap: 20px; flex-shrink: 0; scroll-snap-align: start; scroll-snap-stop: always; } .v-projects__card-scroll__group--banner, .v-projects__card-scroll__group--partner { width: 940px; } .phone .v-projects__card-scroll__wrap { gap: 10px; margin-top: -10px; padding-top: 10px; } .phone .v-projects__card-scroll__group { gap: 10px; } .phone .v-projects__card-scroll__group .m-projects__card { width: 159px; } .phone .v-projects__card-scroll__group--banner { width: 210px; } .phone .v-projects__card-scroll__group--partner { width: 290px; } .v-projects__card-wrap { display: flex; flex-wrap: wrap; column-gap: 20px; } .phone .v-projects__card-wrap { column-gap: 3.72493%; padding: 0px 13px 10px; margin: 0px; } .phone .v-projects__card-wrap--contact { padding: 0px; margin-bottom: 30px; } .phone .v-projects__card-wrap--category-list { padding: 15px 13px 10px; } .phone .v-projects__card-wrap--large-card { padding: 15px 13px 0px; } .phone .v-projects__card-wrap::before, .phone .v-projects__card-wrap::after { content: ""; width: 47.8261%; height: 0px; } .phone .v-projects__card-wrap::before { order: 1; } .v-static-company__map { position: relative; width: 100%; margin-top: 30px; } .v-static-company__map::before { content: ""; display: block; padding-top: calc(56.25%); } .v-static-company__map__body { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .phone .v-static-company__map::before { padding-top: calc(56.1194%); } .v-static-privacy__section { margin: 0px 0px 40px; } .v-static-privacy__section > * { margin-block: 0px; padding-inline-start: 0px; } .v-static-privacy__section__title { font-size: 1rem; line-height: 1.6; letter-spacing: 0.02em; font-weight: 500; margin: 0px 0px 30px; } .v-static-privacy__section__description { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; margin: 0px 0px 20px; } .v-static-privacy__section__text { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; margin: 20px 0px 0px; } .v-static-privacy__section__address { font-style: normal; font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; } .v-static-privacy__section__address > p:not(:last-child) { margin: 0px 0px 10px; } .phone .v-static-privacy__section { margin: 0px 0px 30px; } .phone .v-static-privacy__section__title { font-size: 0.9375rem; line-height: 1.6; letter-spacing: 0.02em; font-weight: 500; margin: 0px 0px 10px; } .phone .v-static-privacy__section__description { font-size: 0.8125rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; margin: 0px 0px 10px; } .phone .v-static-privacy__section__text { font-size: 0.8125rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; margin: 10px 0px 0px; } .phone .v-static-privacy__section__address { font-size: 0.8125rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; } .phone .v-static-privacy__section__address > p:not(:last-child) { margin: 0px 0px 10px; } .v-static-recruit__button { margin: 80px auto 0px; } .v-static-recruit__button__body { font-family: Roboto, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Meiryo UI", sans-serif; font-size: 1rem; line-height: 1; letter-spacing: 0.05em; font-weight: 400; position: relative; display: flex; align-items: center; justify-content: center; width: 480px; height: 60px; padding: 0px; margin: 0px auto; background: rgb(0, 185, 170); border-radius: 5px; border: none; color: rgb(255, 255, 255); transition: background 0.2s ease 0s; } .v-static-recruit__button__body.is-hover { background: rgb(0, 167, 153); } .v-static-recruit__button__arrow { width: 9px; height: 9px; transform-origin: 50% center; position: absolute; right: 20px; bottom: 50%; transform: translate(0px, 50%) rotate(-45deg); } .v-static-recruit__button__arrow::before, .v-static-recruit__button__arrow::after { content: ""; position: absolute; bottom: 0px; right: 0px; display: block; background: rgb(255, 255, 255); } .v-static-recruit__button__arrow::before { width: 9px; height: 1px; } .v-static-recruit__button__arrow::after { width: 1px; height: 9px; } .phone .v-static-recruit__button { margin: 60px auto 0px; width: 100%; } .phone .v-static-recruit__button__body { width: 100%; } .v-static-recruit__section:first-child { padding-top: 60px; border-top: 1px solid rgb(235, 237, 237); } .v-static-recruit__section:not(:last-of-type) { padding-bottom: 60px; border-bottom: 1px solid rgb(235, 237, 237); } .v-static-recruit__section:not(:first-child) { padding-top: 60px; } .v-static-recruit__section__title { font-size: 1.5rem; line-height: 1; letter-spacing: 0.02em; font-weight: 500; margin: 0px 0px 30px; } .v-static-recruit__section__description { font-size: 1rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; margin: 0px 0px 30px; } .phone .v-static-recruit__section:not(:nth-child(3)) { padding-bottom: 40px; } .phone .v-static-recruit__section:not(:first-child) { padding-top: 40px; } .phone .v-static-recruit__section__title { font-size: 1.125rem; line-height: 1; letter-spacing: 0.02em; font-weight: 500; } .phone .v-static-recruit__section__description { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; } .v-static__button-list { margin-top: 62px; padding: 0px; width: 100%; list-style: none; } .v-static__button-list-title { font-size: 1rem; line-height: 2; letter-spacing: 0.05em; font-weight: 400; color: rgb(0, 0, 0); margin-top: -10px; margin-bottom: 20px; } .v-static__button-list-spacer { height: 44px; } .v-static__button-list-vertical__wrapper { width: 100%; margin-bottom: 20px; } .v-static__button-list-vertical__wrapper-button { display: flex; justify-content: space-between; align-items: center; background-color: transparent; width: 100%; height: 84px; margin-bottom: 20px; border: 0.1rem solid rgb(219, 223, 223); border-radius: 4px; } .v-static__button-list-vertical__wrapper-button-arrow { margin-right: 28px; padding-top: 7px; } .v-static__button-list-vertical__wrapper-button-arrow-icon { stroke: rgb(219, 223, 223); } .v-static__button-list-vertical__wrapper-button:hover { border: 0.1rem solid rgb(0, 187, 170); } .v-static__button-list-vertical__wrapper-button:hover .v-static__button-list-vertical__wrapper-button-arrow-icon { stroke: rgb(0, 187, 170); } .v-static__button-list-vertical__wrapper-button-text { text-align: start; margin-left: 20px; } .v-static__button-list-vertical__wrapper-button-text-name { font-size: 1rem; line-height: 2; letter-spacing: 0.05em; font-weight: 400; margin: 0px; color: rgb(34, 34, 34); } .v-static__button-list-vertical__wrapper-button-text-detail { font-size: 0.8125rem; line-height: 1.4; letter-spacing: 0.05em; font-weight: 400; margin: 0px; padding-top: 4px; color: rgb(157, 167, 166); } .v-static__button-list-beside__wrapper { display: flex; justify-content: space-between; width: 100%; height: 84px; } .v-static__button-list-beside__wrapper-button { display: flex; justify-content: space-between; align-items: center; background-color: transparent; width: 100%; max-width: 310px; border: 0.1rem solid rgb(219, 223, 223); border-radius: 4px; } .v-static__button-list-beside__wrapper-button-arrow { margin-right: 28px; padding-top: 7px; } .v-static__button-list-beside__wrapper-button-arrow-icon { stroke: rgb(219, 223, 223); } .v-static__button-list-beside__wrapper-button:hover { border: 0.1rem solid rgb(0, 187, 170); } .v-static__button-list-beside__wrapper-button:hover .v-static__button-list-beside__wrapper-button-arrow-icon { stroke: rgb(0, 187, 170); } .v-static__button-list-beside__wrapper-button-text { text-align: start; padding-left: 20px; } .v-static__button-list-beside__wrapper-button-text-name { font-size: 1rem; line-height: 2; letter-spacing: 0.05em; font-weight: 400; margin: 0px; color: rgb(34, 34, 34); } .v-static__button-list-beside__wrapper-button-text-detail { font-size: 0.8125rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; margin: 0px; color: rgb(157, 167, 166); } .v-static__button-list-beside__wrapper-button-single { display: flex; justify-content: space-between; align-items: center; background-color: transparent; width: 100%; max-width: 310px; border: 0.1rem solid rgb(219, 223, 223); border-radius: 4px; } .v-static__button-list-beside__wrapper-button-single-arrow { margin-right: 28px; margin-top: 7px; } .v-static__button-list-beside__wrapper-button-single-arrow-icon { stroke: rgb(219, 223, 223); } .v-static__button-list-beside__wrapper-button-single:hover { border: 0.1rem solid rgb(0, 187, 170); } .v-static__button-list-beside__wrapper-button-single:hover .v-static__button-list-beside__wrapper-button-single-arrow-icon { stroke: rgb(0, 187, 170); } .v-static__button-list-beside__wrapper-button-single-text { text-align: start; margin-top: 2px; padding-left: 20px; } .v-static__button-list-beside__wrapper-button-single-text-name { font-size: 1rem; line-height: 2; letter-spacing: 0.05em; font-weight: 400; margin: 0px; color: rgb(34, 34, 34); } .v-static__button-list-beside__wrapper-button-single-text-detail { font-size: 0.8125rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; margin: 0px; color: rgb(157, 167, 166); } .phone .v-static__button-list { margin-top: -8px; } .phone .v-static__button-list-title { margin-top: 34px; margin-bottom: 20px; } .phone .v-static__button-list-spacer { display: none; } .phone .v-static__button-list-vertical__wrapper-button { height: 76px; } .phone .v-static__button-list-vertical__wrapper-button-text { text-align: start; margin-left: 18px; } .phone .v-static__button-list-vertical__wrapper-button-text-name { font-size: 0.875rem; line-height: 2; letter-spacing: 0.05em; font-weight: 400; margin: 0px; color: rgb(34, 34, 34); } .phone .v-static__button-list-vertical__wrapper-button-text-detail { font-size: 0.75rem; line-height: 1.4; letter-spacing: 0.05em; font-weight: 400; margin: 0px; color: rgb(157, 167, 166); } .phone .v-static__button-list-beside__wrapper { flex-direction: column; width: 100%; height: auto; margin-bottom: 60px; } .phone .v-static__button-list-beside__wrapper-button { display: flex; justify-content: space-between; align-items: center; max-width: none; height: 76px; margin-bottom: 20px; } .phone .v-static__button-list-beside__wrapper-button-text { text-align: start; margin-left: -2px; } .phone .v-static__button-list-beside__wrapper-button-text-name { font-size: 0.875rem; line-height: 2; letter-spacing: 0.05em; font-weight: 400; margin: 0px 0px 2px; color: rgb(34, 34, 34); } .phone .v-static__button-list-beside__wrapper-button-text-detail { font-size: 0.75rem; line-height: 1.4; letter-spacing: 0.05em; font-weight: 400; margin: 0px; color: rgb(157, 167, 166); } .phone .v-static__button-list-beside__wrapper-button-single { display: flex; justify-content: space-between; align-items: center; max-width: none; height: 62px; margin-bottom: 20px; } .phone .v-static__button-list-beside__wrapper-button-single-text { text-align: start; margin-left: -2px; } .phone .v-static__button-list-beside__wrapper-button-single-text-name { font-size: 0.875rem; line-height: 2; letter-spacing: 0.05em; font-weight: 400; margin: 0px; color: rgb(34, 34, 34); } .phone .v-static__button-list-beside__wrapper-button-single-text-detail { font-size: 0.75rem; line-height: 1.4; letter-spacing: 0.05em; font-weight: 400; margin: 0px; color: rgb(157, 167, 166); } .v-static__order-list { width: 100%; margin: 0px auto; } .v-static__order-list * { margin-block: 0px; padding-inline-start: 0px; } .v-static__order-list:not(:last-child) { margin: 0px 0px 40px; } .v-static__order-list-period:not(:last-child) { margin: 0px 0px 20px; } .v-static__order-list__article:not(:last-child) { margin: 0px 0px 60px; } .v-static__order-list__article-title { font-size: 1.25rem; line-height: 1.6; letter-spacing: 0.02em; font-weight: 500; margin-block: 0px; margin: 0px 0px 40px; } .v-static__order-list__title { font-size: 1rem; line-height: 1.6; letter-spacing: 0.02em; font-weight: 500; margin: 0px 0px 30px; } .v-static__order-list__title-period { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 500; margin: 0px 0px 10px; } .v-static__order-list__introduction { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; margin: 0px 0px 20px; } .v-static__order-list__list { margin: 0px auto; padding: 0px; list-style: none; } .v-static__order-list__item { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; position: relative; display: flex; flex-direction: column; padding: 0px 0px 0px 30px; counter-increment: table-ol 1; } .v-static__order-list__item:not(:last-child) { margin: 0px 0px 20px; } .v-static__order-list__item::before { content: counter(table-ol) "."; position: absolute; top: 0px; left: 0px; display: block; } .v-static__order-list__item-period, .v-static__order-list__item-box { counter-increment: none; } .v-static__order-list__item-period::before, .v-static__order-list__item-box::before { content: "•"; } .v-static__order-list__item-list { padding: 0px; list-style: none; } .v-static__order-list__item-list-item { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; position: relative; display: flex; flex-direction: column; margin: 20px 0px 0px; padding: 0px 0px 0px 30px; counter-increment: table-list-ol 1; } .v-static__order-list__item-list-item::before { content: counter(table-list-ol, lower-latin) "."; position: absolute; top: 0px; left: 0px; display: block; } .phone .v-static__order-list { margin: 0px auto; } .phone .v-static__order-list:not(:last-child) { margin: 0px 0px 30px; } .phone .v-static__order-list-period:not(:last-child) { margin: 0px 0px 10px; } .phone .v-static__order-list__article:not(:last-child) { margin: 0px 0px 50px; } .phone .v-static__order-list__article-title { font-size: 1.125rem; line-height: 1.6; letter-spacing: 0.02em; font-weight: 500; margin-block: 0px; margin: 0px 0px 30px; } .phone .v-static__order-list__title { font-size: 0.9375rem; line-height: 1.6; letter-spacing: 0.02em; font-weight: 500; margin: 0px 0px 10px; } .phone .v-static__order-list__title-period { font-size: 0.75rem; line-height: 1; letter-spacing: 0.05em; font-weight: 600; margin: 0px 0px 10px; } .phone .v-static__order-list__introduction { font-size: 0.8125rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; margin: 0px 0px 10px; } .phone .v-static__order-list__item { font-size: 0.8125rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; padding: 0px 0px 0px 30px; } .phone .v-static__order-list__item:not(:last-child) { margin: 0px 0px 10px; } .phone .v-static__order-list__item-period, .phone .v-static__order-list__item-box { padding: 0px 0px 0px 25px; } .phone .v-static__order-list__item-period:not(:last-child) { margin: 0px 0px 10px; } .phone .v-static__order-list__item-period::before { font-size: 0.8125rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 500; } .phone .v-static__order-list__item-box { margin: 20px 0px 0px; } .phone .v-static__order-list__item-box:not(:last-child) { margin: 20px 0px 0px; } .phone .v-static__order-list__item-box::before { font-size: 0.75rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; } .phone .v-static__order-list__item-list-item { padding: 0px 0px 0px 30px; } .phone .v-static__order-list__item-list-item { font-size: 0.8125rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; margin: 10px 0px 0px; } .v-static__text-list { margin: 0px; padding: 0px; width: 100%; list-style: none; } .v-static__text-list__item { display: flex; } .v-static__text-list__item:not(:last-child) { margin-bottom: 40px; } .v-static__text-list__item-title { font-size: 1rem; line-height: 2; letter-spacing: 0.05em; font-weight: 500; margin: 0px; padding: 0px; width: 140px; } .v-static__text-list__item-content { font-size: 1rem; line-height: 2; letter-spacing: 0.05em; font-weight: 400; width: calc(100% - 140px); margin: 0px; color: rgb(34, 34, 34); } .v-static__text-list__item-content-body { margin: 0px; } .v-static__text-list__item-content-body:not(:last-child) { margin-bottom: 10px; } .v-static__text-list__item-content-body-link { color: rgb(0, 185, 170); } .v-static__text-list__item-content-body-link.is-hover:hover { color: rgb(0, 167, 153); } .v-static__text-list__item-content-note { font-size: 0.8125rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; margin: -5px 0px 0px; color: rgb(157, 167, 166); } .v-static__text-list__item-content-notice { font-size: 0.8125rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; position: relative; display: flex; flex-direction: column; padding: 0px 0px 0px 18px; margin: 10px 0px 0px; color: rgb(157, 167, 166); } .v-static__text-list__item-content-notice::before { content: "※"; position: absolute; top: 0px; left: 0px; } .v-static__text-list__item-content-list { list-style: none; padding: 0px; } .v-static__text-list__item-content-list--order { counter-reset: order 0; } .v-static__text-list__item-content-item--order::before { content: counter(order); padding: 0px 21px 0px 10px; } .v-static__text-list__item-content-item--order:not(:first-child)::before { counter-increment: order 1; } .v-static__text-list--large .v-static__text-list__item-title { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.02em; font-weight: 400; width: 210px; } .v-static__text-list--large .v-static__text-list__item-content { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; width: calc(100% - 210px); } .phone .v-static__text-list__item { flex-wrap: wrap; } .phone .v-static__text-list__item:not(:last-child) { margin-bottom: 29px; } .phone .v-static__text-list__item-title { font-size: 0.75rem; line-height: 1; letter-spacing: 0.05em; font-weight: 500; width: 100%; margin-bottom: 10px; } .phone .v-static__text-list__item-content { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; width: 100%; } .phone .v-static__text-list__item-content-item--order::before { padding: 0px 15px 0px 0px; }
image

------------------
<運営からのお知らせ>
本プロジェクトでは支援終了期日まで、 銀行振込での支援を受け付けさせていただくこととなりました。 銀行振込をご希望される方は、「斉藤りえプロジェクト銀行振込での支援希望」の件名で、下記アドレスまでメールにてご連絡ください。 担当者より、折り返し手順についてご案内させていただきます。
※ご連絡の際には、PCのメールアドレスより御連絡下さいませ。

info@greenfunding.jp
(こちらのメールアドレスをクリックいただけると、 メーラーが立ち上がります)
---------------------

はじめまして。斉藤りえと申します。

数年前に、出版した書籍『筆談ホステス』がきっかけで、少しだけ有名になった元銀座のホステスです。書籍は、女優の北川景子さん主演でドラマ化もされたので、もしかしたら、そちらをご存知の方もいらっしゃるかもしれませんね。

現在、私は、「障がい者にやさしい社会=誰にでもやさしい社会」を実現するために、政治家を目指しています。

なぜ、そんな私が今回、クラウドファンディングを利用したかというと、ずばり、「2020年東京オリンピック・パラリンピックまでに、東京を中心に日本を障がい者にやさしい場所にしたい」と思ったからです。
具体的には、その実現に向けた「活動費」が必要なのです。

まったく耳が聴こえない聴覚障がい者の私だからこそ、見えること、聴こえること、そして、できることが実はたくさんあります。

少しだけ、私の話を聴いてください。

私が「筆談ホステス」になった理由

私は、1984年青森県青森市に生まれました。

1歳のときに、髄膜炎という病気を患い、その後遺症で完全に聴覚を失ってしまいました。
だから、ほぼ生まれつき、音の無い世界で生きてきたことになりますね。

まったく耳は聴こえませんでしたが、それでも、両親の愛に支えられながら、すくすくと育ちました。

「耳が聴こえない分、より多くのことを経験させてあげたい」という親の思いから、たくさんの習い事をしました。

耳が聴こえないのに、ピアノのレッスンにも通っていましたね。懐かしいです。メロディは当然わかりませんが、「リズム」という概念を知るうえではとても貴重な体験でした。

現在、私には4歳になる娘がいるのですが、自分が親になってみると、この頃の両親の気持ちが痛いほどわかるようになりました。やはり、親というものは、子どもの可能性を最大化してあげたいものなのです。女手ひとつで育てているとなおのことかもしれませんね。

少し話が逸れましたが、私は耳が聴こえないながらも普通の小学校に通っていました。特に、いじめられたりという記憶はありませんでしたが、あとあと聞くと、耳が聴こえないのではっきりと言葉をしゃべれない私に対して、心無い男子たちが「宇宙人」や「外国人」とひどい言葉を投げかけていたんだそうです。でも、聴こえないので気が付きませんでした(笑)

中学も聾学校ではなく、普通の学校に通いました。自我が芽生えた私は自由奔放でした。Wikipediaの私の欄に「「青森一の不良娘」と呼ばれるほどの問題児となる」という記載がありますが、恥ずかしながら事実でございます。この頃のことは、いわゆる黒歴史といいますか、非常にお恥ずかしいお話ばかりなので割愛させていただきます。どうしても気になる方は、拙著をご覧いただければ幸いです。

中学を卒業した私は、高校に進学しました。中学時代の奔放さを引きづっていた私は、ある事件を起こしてしまいます。市内のとあるアパレルショップで、万引きをして店員さんに捕まったのです。当然、警察に補導されました。しかし、ここで起きたことが私にとって大きな転機となりました。私が万引きをしたお店のオーナーが、私をアルバイトで雇ってくれると申し出てくださったのです。当時は、「どうして万引きした私を」という思いがありましたが、あとあと話を聞いてみると、耳が聴こえない私に働く喜びを知ってもらいたかったんだとわかり、涙が止まりませんでした。

何かしらの障がいを持っていると、一般社会で働くことはとても困難です。当時の私も、ひとつの選択肢として聾唖者向けの職業訓練所に通うことも考えていました。しかし、アパレルショップでの接客業を通して、周りのサポートと本人の努力次第では、健常者と同様に働けると言うことを知りました。少なくとも、耳がまったく聴こえなくても接客業はできます。

これは、私の「心のバリアフリー」の原体験となりました。

そうして、働く喜びを知った私は、接客業を中心に様々な仕事に挑戦をしました。そして、あるとき、ホステスにたどり着いたのです。

最初は、水商売に対するネガティブな思いもありましたが、試しに働いてみると、そこはまさに“コミュニケーションそのものが仕事になる場所”でした。耳が聴こえない私は、小さなメモ帳を相方に、お客様と必死にコミュニケーションを取りました。その結果、お客様が共感してくださり、応援してくれるようになり、さらに別のお客様を紹介してくださるというサイクルが生まれました。ある人に出会ったことがきっかけで、また新しい輪が広がっていく、そんな人と人との“出会いの縁”が世界を広げていく体験は、それまでの価値観を一変させるものでした。 

元々、コミュニケーションに難がある私だったからこそ、コミュニケーションが一番大事なこの仕事に強く惹きつけられたのかもしれません。

青森市内で筆談ホステスとしてデビューした私は、数年、青森で働いたのち、同世代の若者と同じように東京に憧れ、上京しました。

最初は、一般企業で事務員として働いていたのですが、やはり、聴覚障がい者が普通のオフィスで何のフォローもなく仕事をすることは非常にハードルの高いことでした。

東京は、聴覚障がい者がひとりで生きていくには、とても厳しい街です。

あるとき、タクシーに乗っているとこんなことがありました。普通なら10分程度しかからない道のりなのに、気が付くと30分以上も時間が経っていました。どうしてこんなに時間がかかったのかを聞くと彼は、「着いたから声をかけたのに反応がなかったから、あたりをグルグル回っていた」と言いました。私は、タクシーの運転手に行き先をメモで手渡し、言葉で告げていました。その意味は少し考えればわかることだと思います。時に、聴覚障がい者が言葉を発すると、その音声の輪郭が曖昧になるため、知的障がい者と間違われることがあります。彼は、「自分は伝えたが、理解されなかった」と主張しました。私はとても寂しい気持ちになりました。

これは、一例であって、健常者がちょっとした想像力を欠くだけで、私たち障がい者は、すぐに恐るべき窮地に陥ります。

駅のホームの点字ブロック上に、誰かが捨てた空き缶が転がっていて、そこに視力障がい者の方がやってきたら・・・。そんな身の毛もよだつシチュエーションに簡単に陥ってしまうのです。

これは、ちょっとした気遣いですべて解消できることです。

それこそが、私の目指す「心のバリアフリー」なのです。

もし、海外から来たお客様がそんな心無いシーンに出くわしたら、日本の印象はどうなってしまうでしょうか?「おもてなし」の国だと宣言しているのに、心のおもてなしができない国。せっかく遠くから来て下さったお客様に、そんな寂しい思いをさせたくはありません。

2020年、東京オリンピックと同時に、パラリンピックも開催されます。

せめてそのときまでには、健常者、障がい者わけへだてなく、すべての人を「おもてなし」できる街であり、国にしたいと思っているのです。袖振り合うも多生の縁」ということわざがありますが、「縁」を大切にする日本人が「心のバリアフリー」を意識すれば、きっと素敵な“おもてなしの国”になるのではないかと心から思っています。

話が逸れてしまいましたが、一般企業を退職した私は、仕事探しすらままならない日々のなか、結果的に青森で成功経験のある水商売の世界に自分を見出すことにしました。そうして、門をたたいたのが、銀座の高級クラブでした。23歳の頃の話です。

銀座のクラブは、まるで絵画のように華やかな世界でした。お客様もお店のスタッフもすべてが洗練されていて、接客のプロと一流の遊びを知る紳士たちが集う場所でした。私の武器は、たった数センチ四方のメモ帳だけです。しかも、文字数の限られた筆談。それまで私は、コミュニケーションとは言葉のキャッチボールだと思っていましたが、ここで学んだのは、その投げるボールの質は自分次第だということでした。

お酒の場なので、軽口や下ネタだけでも成立はします。しかし、もし経営者のお客様に、アメリカの経済政策を受けての影響を尋ねたら、おそらくすらすら返ってくるでしょう。言葉が話せない私は、その分より深くお客様の考えに寄り添いたいと思うようになり、新聞を読み、雑誌をチェックし、様々な場所に足を運ぶようになりました。

相手の心の声を聴いて、その時一番したいお話をしてもらえるホステスになろう。私はそう考えていました。

ホステスは卒業しましたが、この考えは変わっていません。もし、政治家になったら、みなさんの心の声を聴き続けられる存在であり続けたいと思っています。 

そうして、筆談をコミュニケーションツールに銀座で働いていると、ある時、出版のお話をいただきました。最初は、「どうして私の平凡な人生を本にしたいんだろう?」という疑問と、「たまたま銀座に聴覚障がい者のホステスがいないだけで、そんなに騒がなくても」という風に思い、お断りをしていました。しかし、「銀座はおろか日本中探しても、そんなホステスいない!むしろ、耳が聴こえないのに接客業をしている人は見たことがない!」と強く説得され、「そういえばいままで誰にも会ったことがないなぁ」と呑気に思うと同時に、自分が前例となることで、同じように障がいで苦労している人の助けになれば、そして、健常者の「心のバリアフリー」を進める一歩になれば、そんな思いに至り、出版をさせていただきました。

その後は、出版記念イベント、テレビの取材、講演会、ドラマ化など目まぐるしく私を取り巻く環境が変化していきました。いまとなっては良い思い出です。

その時期が落ち着いた頃、私はひとり娘を出産し、銀座も卒業し、「元・筆談ホステス」になりました。

私がこのプロジェクトで実現したいこと

現在、私は、政治家になるべく挑戦をしている最中です。目的は、「心のバリアフリー」を世の中に広めるためです。

ありがたいことに、多くのメディアにご取材いただきました。同時に、たくさんのご意見もいただきました。

「元ホステスが政治家に?政治がわかる?」

「耳が聴こえないのに議会活動ができるの?」

「子どもはどうするの?」

おっしゃることはごもっともです。

事実、私自身も今回の立候補に際して、たくさんの不安がありました。ですが、よくよく考えてみると、至極自然なことではないかという結論に至りました。

それは・・・

私は、耳がまったく聴こえない聴覚障がい者。

そして、子どもを持つ母親。

さらに、社会で働く女性。

いま、社会が抱えている「バリアフリー」「子育て・少子化」「女性の社会進出」といった課題のまさに「当事者」だということに気が付いたのです。

私は、耳が聴こえないかわりに、人の心の声を聴くことを心がけて生きてきました。テンポよくスピーディーに会話ができない代わりに、お話をする相手の胸の奥にある“想い”を汲めるように注力してきたつもりです。

人の話を聴いて、人の想いを受け止めて、それを形にしていく仕事、それはまさに「政治」の仕事そのもの。そして、私は社会が抱える課題の「当事者」。悩める人達と同じ視点で考え、共感し、それを広く世の中に伝えていきたい。

そして、私の夢は、「障がい者も健常者も、自分らしく生きられる場所」を作ること。

そう考えた時に、「政治」という選択は、ある意味で最短ルートなのではないかと思ったのです。

私がここまでやってこれたのは、周りの人達のサポートがあったからです。しゃべれないのに、人一倍、好奇心旺盛だった私は、本当に多くの方に支えられて生きてきました。その経験をもとに断言できるのは、「周りの方の理解さえあれば、障がい者だって十分に一般社会でやっていける」ということです。

つまり、「心のバリアフリー」さえあれば、大規模なインフラ投資をしなくても、たいていのことは解決できてしまうんです。

もちろん、点字ブロックや字幕による情報保障などの物理的なバリアフリーも重要です。しかし、それらは実現までに時間がかかります。でも、精神的なバリアフリーは、いますぐこの瞬間から実現することができます。

現に、この長い文章を根気よく読んでくださっているあなたは、今後、障がい者を見かけたら、想像力を働かせてくださることでしょう。もし、駅のホームの点字ブロック上に空き缶が落ちていたら、きっと拾ってくださるんじゃないでしょうか。

そんな、ほんのちょっとの想像力こそが、まさに「心のバリアフリー」なのです。

私は、「心のバリアフリー」のおかげで助けられた人間として、次の世代にバトンを渡したいのです。

そのために、政治家を目指していますが、それはひとつの手段であり、例え、政治家になれなくても、この活動を続けていきたいのです。

それが、このプロジェクトの最大の目的です。

支援金の使い道

目標金額は150万円です。
目標金額を越えた場合、第2目標を250万円、第3目標を500万に設定させて頂きます。

第一目標である150万円を達成できたら、それを元手にこんなことがしたいと思っています。

例えば・・・

・東京パラリンピックに向けたバリアフリーマップの作成
・小中学校でのバリアフリーをテーマにした特別授業
・移動手話教室(私も勉強中ですが)
・障がいを持つ児童の職業体験
・障がいを持った子どもの親へのカウンセリング
・公共放送などへの字幕保障の提案

~など数え上げればきりがありません。これらは、私が勝手にやりたいことなので、お金をいただくつもりはありません。しかし、それでは活動に限界があります。

影響力も個人レベルでは限りがありますので、政治家になりたい。私はそう思うのです。

このやり方が正しいかはわかりませんが、私の好きな映画にこんな言葉があります。

「やり方は3つしかない。正しいやり方。間違ったやり方。俺のやり方だ」(ロバート・デ・ニーロ主演『カジノ』)

私は、私なりのやり方で、世の中に「心のバリアフリー」を広めていきたいのです。
それに集中するための活動資金が必要なのです。

どうか、少しでも共感いただけましたら、ご支援の程よろしくお願い致します。

メッセージ

みなさん、はじめまして。東京都議会議員の音喜多駿(おときたしゅん)です。

私は、彼女が目指す「心のバリアフリー」の賛同者です。都議である私としても、2020年の東京オリンピック・パラリンピックに向けてのユニバーサル社会の実現は、非常に重要な課題であると捉えています。

しかし、障がいを持たない私にとっては、あらゆる対策が想像の範疇を超えることはありません。そんな折、彼女のような障がいを乗り越えてきた方が、社会を良くするべく立ち上がってくれたことは、本当に心強い限りです。

また、斉藤さんは、「人の心が聴こえる街に」をキャッチコピーに政治にのぞんでいます。これまで、たくさんの人の声を聴いてきた彼女は、きっと素晴らしい政治家になることでしょう。

世界を見渡せば、様々な障がいをお持ちの方が議員になり、その人々の意見を代弁している例は珍しくはありません。日本国民のうち、約5%の方がなんらかの障がいを持っているというデータがあります。しかし、我が国では、障がい者の政治家・議員はほぼ皆無です。国民の代表として世の中を作っていく政治家に、障がいを持つ方がいなくて、どうして真のバリアフリー社会が作れるのでしょうか。私は、ぜひ斉藤さんのような方に、現在の凝り固まった政治の世界や議会の慣習を打ち破ってもらいたいと思っています。

もし、斉藤さんが政治家になったとして、実際に活動する場合気になるのは耳が聴こえない点ですが、これは・・・

まったく問題ありません!!

こんな風に解決することができます。

最大の懸念事項である議会での質疑応答も、実際の議会では事前に役人に対して質問を提出し、議会ではその回答を得るだけなので、その場で臨機応変に質問をすることは非常にまれなことです。

さらに、議会用に、パソコンに打ち込んだ文字を読み上げてくれる音声ソフトも導入予定なので、もし、その場で複数の人と議論が必要になった場合も、議論に割って入ることすら可能なのです。

こういった技術の普及も彼女の役割のひとつです。豊富な人生経験と強い当事者意識を持つ、斉藤さんの活躍を、私は確信しています。

<プロフィール>
音喜多駿(おときたしゅん)
東京都議会議員(北区選出)。1983年東京都北区生まれ。
北区育ち。海城高校卒、早稲田大学政治経済学部卒。LVMHモエヘネシー・ルイヴィトングループにて7年間のビジネス経験を経て、2013年初当選。インターネットを中心に積極的な情報発信を行う、通称「ブロガー議員」。

現在、私の住む北区で活動する音喜多議員には大変お世話になっています。音喜多議員が掲げる「女性が活躍できる社会の実現」は、私が目指す「誰にでもやさしい社会」とかなり近く、具体的な政策や法令の問題点など、いつも勉強させていただいております。

↓いつもこんな風にやり取りをしています。

スマホに文字を打って質問をするわたし。

音喜多議員は、パソコンで筆談。

衝撃的な速さです!

わたし「なるほど!」

ちなみに、音喜多議員は婚活真っ只中で、条件は、「毎朝一緒に街頭演説をしてくれる女性」だそうです。残念ながら私は、毎朝、娘の送り迎えがあるので無理ですが、どなたか素敵な方がいたら音喜多事務所まで立候補いただけると幸いです(笑)

私の最愛にして、一番大切なお姫様が娘の栄万(えま)です。まだ4歳なのですが、大人顔負けの聡明な子どもです(親バカですいません)。彼女の優しさと機転にはいつも助けられています。

あるとき、こんなことがありました。

栄万と2人で、とある人気テーマパークに出かけた帰りのことです。すっかり遅くなってしまって、暗くなった駐車場。栄万は、車の後部座席に乗り込むなり眠そうに横になっていました。「1日遊んで疲れたんだね」と微笑ましく思いながら、荷物をまとめ、家路につくべく車のエンジンをかけようとしました。

しかし、まったくエンジンが反応しません。

何度もエンジンをかけようとしますが、さっぱりエンジンは動きませんでした。車の知識があまりなく事態が把握できなかった私は慌てふためくばかりでした。誰かに伝えようにも、誰に何をお願いしてもらえばいいかさっぱり思いつきませんでした。対策をスマホで検索しようとすると、充電は残り2%。

そんなとき、後部座席で寝ていたはずの栄万が声をかけて来ました。事態を伝えると、彼女は事もなげに言いました。

「ママ、大丈夫!いい考えがあるよ!」

本来なら、親である私が安心させてあげなければいけないはずなのに、そこには私を安心させようと、おだやかな笑顔を浮かべる娘がいました。

「栄万がお電話してあげるよ。そして助けに来てもらうのはどう?大丈夫だから心配しないで」

娘がJAFに電話をして、スタッフの方に助けてもらい、その日は何とか帰ることができました。

そんな彼女には、いつも感動と驚きをもらっています。

彼女が大人になる頃には、もっと素敵な世の中にしていたい。親として、先に生きる者として、心からそう思います。

リターン

▼3,000円
・斉藤りえデザイン「心のバリアフリーステッカー」
・「サイン入り生写真×3枚」
※募集終了後に順次発送いたします。

▼10,000円
・斉藤りえデザイン「心のバリアフリーステッカー」
・「サイン入り生写真」
・「心のバリアフリーTシャツ」
・「サイン入り斉藤りえ著作」
※募集終了後に順次発送いたします。

▼30,000円
「4月26日19時~斉藤りえと一緒にお知らせを待ちながらの夕食会@北区」
※限定15名
※北区内で開催予定
※開催場所等は、ご支援いただいた方に別途お知らせいたします。
※この催物は、政治資金規正法第八条の二に規定する政治資金パーティーです。

▼150,000円
「筆談ホステス限定復活!あなたの接待を手伝いに伺います!」
※限定5組
※着物を着た斉藤りえが、ホステス役で場に華を添えます。
※交通費別途(ご指定の場所にうかがい実施いたします)

▼300,000円※団体・法人様向けプラン
「講演会」
※交通費別途(ご指定の場所にうかがい実施いたします)

ご注意事項

本プロジェクトは、公職選挙法、政治資金規正法などの法令を遵守し、選挙管理委員会や弁護士に確認のうえ実施しています。 「支援する」からプランを選択し、決済いただくことは、「斉藤りえ」個人との「契約」となります。日本を元気にする会や斉藤りえへの「寄付」ではございませんので、予めご了承下さい。