@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}
 body {
margin: 0;
font-family: "Noto Sans jp", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", sans-serif;
line-height: 1.6;
color: #000;
background-color: #fff;
}
html.is-menu-open,
body.is-menu-open {
height: 100%;
overflow: hidden;
}
img {
width: 100%;
height: 100%;
}
h1 {
margin: 0;
padding: 0;
font-size: 35px;
font-weight: 600;
line-height: 1.4;
}
@media (max-width: 768px) {
h1 {
font-size: 24px;
}
}
h2 {
margin: 0;
padding: 0;
font-size: 30px;
font-weight: 600;
line-height: 1.4;
letter-spacing: 0.06em;
}
@media (max-width: 768px) {
h2 {
font-size: 22px;
}
}
h3 {
margin: 0;
padding: 0;
font-size: 25px;
font-weight: 600;
line-height: 1.4;
}
@media (max-width: 768px) {
h3 {
font-size: 20px;
}
}
h4 {
margin: 0;
padding: 0;
font-size: 22px;
font-weight: 600;
line-height: 1.4;
}
@media (max-width: 768px) {
h4 {
font-size: 18px;
}
}
p {
font-size: 20px;
line-height: 1.6;
letter-spacing: 0.06em;
}
@media (max-width: 768px) {
p {
font-size: 16px;
text-align: justify;
}
}
small {
font-size: 14px;
letter-spacing: 0.06em;
}
em {
font-style: normal;
}
@media (max-width: 768px) {
.u-pc-only {
display: none;
}
}
.u-sp-only {
display: none;
}
@media (max-width: 768px) {
.u-sp-only {
display: block;
}
}
.u-text-link {
text-decoration: underline;
color: blue;
}
#breadcrumb {
display: none;
}
.u-red-font {
color: red;
}
.l-section--pad-default {
padding-bottom: 60px;
padding-top: 60px;
}
@media (max-width: 1002px) {
.l-section {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 768px) {
.l-section {
padding-left: 16px;
padding-right: 16px;
}
}
.l-section--background-light-gray {
background-color: #f6f6f6;
}
.l-section--background-middle-gray {
background-color: #d9d9d9;
}
.l-section--background-black {
color: white;
background-color: black;
}
.l-section__inner {
max-width: var(--content-size, 960px);
margin-inline: auto; }
.l-section__inner--narrow {
--content-size: 814px;
}
.l-section__inner--wide {
--content-size: 1280px;
}
.l-section__inner--full {
--content-size: 100%;
}
.l-section__inner--center {
text-align: center;
}
.l-header {
padding-left: 60px;
padding-right: 60px;
padding-top: 10px;
}
.l-header .l-header__inner {
display: flex;
flex-direction: column;
padding: 0 0 20px;
gap: 10px;
}
.l-header .l-header__inner .l-header__top-container {
display: flex;
justify-content: space-between;
align-items: center;
}
.l-header .l-header__inner .l-header__top-container .l-header__logo {
display: flex;
flex-direction: column;
width: 300px;
}
@media (max-width: 1002px) {
.l-header .l-header__inner .l-header__top-container .l-header__logo {
width: 250px;
}
}
@media (max-width: 576px) {
.l-header .l-header__inner .l-header__top-container .l-header__logo {
width: 220px;
}
}
.l-header .l-header__inner .l-header__top-container .l-header__logo .l-header__tagline {
font-size: 16px;
}
@media (max-width: 1002px) {
.l-header .l-header__inner .l-header__top-container .l-header__logo .l-header__tagline {
font-size: 13px;
letter-spacing: 0;
margin-bottom: -10px;
}
}
@media (max-width: 576px) {
.l-header .l-header__inner .l-header__top-container .l-header__logo .l-header__tagline {
font-size: 12.5px;
}
}
.l-header .l-header__inner .l-header__top-container .l-header__button-container {
display: flex;
gap: 15px;
}
.l-header .l-header__inner .l-header__top-container .l-header__button-container a {
display: flex;
flex-direction: column;
align-items: center;
height: -moz-fit-content;
height: fit-content;
padding: 10px 15px;
font-weight: 600;
color: #fff;
border-radius: 6px;
gap: 2px;
}
.l-header .l-header__inner .l-header__top-container .l-header__button-container a.l-header__phone-button {
background: linear-gradient(90deg, #ff9d23, #ffbe19);
}
@media (max-width: 1002px) {
.l-header .l-header__inner .l-header__top-container .l-header__button-container a.l-header__phone-button {
display: flex;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
border-radius: 30px;
}
.l-header .l-header__inner .l-header__top-container .l-header__button-container a.l-header__phone-button p {
display: none;
}
.l-header .l-header__inner .l-header__top-container .l-header__button-container a.l-header__phone-button small {
display: none;
}
}
.l-header .l-header__inner .l-header__top-container .l-header__button-container a.l-header__phone-button .l-header__phone-button-icon {
display: none;
width: 30px;
height: 30px;
}
@media (max-width: 1002px) {
.l-header .l-header__inner .l-header__top-container .l-header__button-container a.l-header__phone-button .l-header__phone-button-icon {
display: block;
}
}
.l-header .l-header__inner .l-header__top-container .l-header__button-container a.l-header__line-button {
background: #00c300;
}
@media (max-width: 1002px) {
.l-header .l-header__inner .l-header__top-container .l-header__button-container a.l-header__line-button {
display: none;
}
}
.l-header .l-header__inner .l-header__top-container .l-header__button-container a.l-header__form-button {
background: linear-gradient(90deg, #005bac, #54c3f1);
}
@media (max-width: 1002px) {
.l-header .l-header__inner .l-header__top-container .l-header__button-container a.l-header__form-button {
display: none;
}
}
.l-header .l-header__inner .l-header__top-container .l-header__button-container a p {
font-size: 22px;
line-height: 1;
}
.l-header .l-header__inner .l-header__top-container .l-header__button-container a small {
font-size: 14px;
}
@media screen and (width <= 959px) {
.l-header .l-header__inner .l-header__top-container {
flex-direction: row-reverse;
width: 100%;
}
}
.l-header .l-header__inner .l-header__gnav {
width: 100%;
padding-top: 5px;
}
@media screen and (width <= 959px) {
.l-header .l-header__inner {
flex-direction: row;
justify-content: space-between;
width: 100%;
}
}
@media screen and (width <= 959px) {
.l-header .l-header__inner .l-header__customBtn {
display: none;
}
.l-header .l-header__inner .l-header__menuBtn {
width: 50px;
margin: 0;
}
.l-header .l-header__inner .l-header__menuBtn .c-iconBtn .c-iconBtn__icon {
font-size: 40px;
}
}
@media screen and (width <= 959px) {
.l-header {
padding-left: 10px;
padding-right: 10px;
padding-top: 20px;
}
}
.l-footer .l-footer__inner {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.l-footer .l-footer__inner .l-footer__foot {
width: 960px;
}
@media (max-width: 1002px) {
.l-footer .l-footer__inner .l-footer__foot {
width: 100%;
padding-left: 16px;
padding-right: 16px;
}
}
.l-footer .l-footer__inner .l-footer__foot .l-container {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 0;
gap: 10px;
}
@media (max-width: 1002px) {
.l-footer .l-footer__inner .l-footer__foot .l-container {
flex-direction: column;
text-align: center;
gap: 20px;
}
}
.l-footer .l-footer__inner .l-footer__foot .l-container .l-footer__nav {
display: flex;
gap: 15px; }
@media (max-width: 768px) {
.l-footer .l-footer__inner .l-footer__foot .l-container .l-footer__nav {
flex-direction: column;
width: 100%;
gap: 0;
}
}
@media (max-width: 768px) {
.l-footer .l-footer__inner .l-footer__foot .l-container .l-footer__nav .menu-item {
border-bottom: #333 1px solid;
}
}
.l-footer .l-footer__inner .l-footer__foot .l-container .l-footer__nav .menu-item a {
padding: 0;
font-size: 16px;
border-right: none;
border-left: none;
}
@media (max-width: 768px) {
.l-footer .l-footer__inner .l-footer__foot .l-container .l-footer__nav .menu-item a {
text-align: left;
margin-bottom: 20px;
margin-top: 20px;
}
}
.l-footer .l-footer__inner .l-footer__bottom {
display: flex;
justify-content: center;
width: 100%;
padding: 20px 0;
color: #fff;
background-color: #333;
}
.l-footer .l-footer__inner .l-footer__bottom .l-footer__bottom-inner {
display: flex;
justify-content: space-between;
width: 960px;
}
@media (max-width: 1002px) {
.l-footer .l-footer__inner .l-footer__bottom .l-footer__bottom-inner {
flex-direction: column;
text-align: center;
}
}
.l-footer .l-footer__inner .l-footer__bottom .l-footer__bottom-inner .l-footer__bottom-left {
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
margin-bottom: 10px;
}
@media (max-width: 1002px) {
.l-footer .l-footer__inner .l-footer__bottom .l-footer__bottom-inner .l-footer__bottom-left {
flex-direction: column;
}
}
.l-footer .l-footer__inner .l-footer__bottom .l-footer__bottom-inner .l-footer__bottom-left p {
font-size: 14px;
letter-spacing: 0;
margin-top: 5px;
}
.l-footer .l-footer__inner .l-footer__bottom .l-footer__bottom-inner .l-footer__bottom-left p:last-child {
margin-left: 10px;
}
.l-footer .l-footer__inner .l-footer__bottom .l-footer__bottom-inner .l-footer__bottom-left .l-footer__company-logo {
width: 140px;
height: auto;
}
@media (max-width: 576px) {
.l-footer .l-footer__inner .l-footer__bottom .l-footer__bottom-inner .l-footer__bottom-left .l-footer__company-address {
font-size: 12px;
}
}
.l-footer .l-footer__inner .l-footer__bottom .l-footer__bottom-inner .l-footer__bottom-right {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 15px; }
@media (max-width: 1002px) {
.l-footer .l-footer__inner .l-footer__bottom .l-footer__bottom-inner .l-footer__bottom-right {
align-items: center;
}
}
.l-footer .l-footer__inner .l-footer__bottom .l-footer__bottom-inner .l-footer__bottom-right .l-footer__bottom-nav {
display: flex;
gap: 30px;
}
.l-footer .l-footer__inner .l-footer__bottom .l-footer__bottom-inner .l-footer__bottom-right .l-footer__bottom-nav a {
font-size: 12px;
}
.l-footer .l-footer__inner .l-footer__bottom .l-footer__bottom-inner .l-footer__bottom-right .copyright {
font-size: 10px;
}
.c-headLogo {
height: auto;
}
.c-headLogo .c-headLogo__link {
height: 48px;
}
.c-headLogo .c-headLogo__link img {
height: auto;
}
.c-gnav {
display: grid;
align-items: center;
grid-template-columns: 1fr 1fr 1fr 1fr;
width: 100%;
height: 100%; }
.c-gnav .menu-item {
height: 100%;
padding: 0;
border-left: #c2c9cd 2px solid; }
.c-gnav .menu-item:last-child {
border-right: #c2c9cd 2px solid;
}
.c-gnav .menu-item a {
height: 100%;
padding: 10px 0; }
.c-gnav .menu-item a .ttl {
font-size: 18px;
font-weight: 600;
letter-spacing: 0.06em;
}
.c-cta {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
background-color: #e9f3fa;
padding-bottom: 60px;
padding-top: 45px;
}
.c-cta .c-cta__inner {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 960px;
text-align: center;
gap: 45px;
}
@media (max-width: 1002px) {
.c-cta .c-cta__inner {
width: 100%;
padding-left: 16px;
padding-right: 16px;
}
}
.c-cta .c-cta__inner .c-cta__campaign {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
background: linear-gradient(45deg, #e5cb6c 20%, #ffe9aa 50%, #e5cb6c 75%);
box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.4);
padding-bottom: 25px;
padding-top: 25px;
}
.c-cta .c-cta__inner .c-cta__campaign .c-cta__campaign-bg {
position: absolute;
top: 0;
width: auto;
-o-object-fit: contain;
object-fit: contain;
}
.c-cta .c-cta__inner .c-cta__campaign .c-cta__campaign-bg--left {
top: 55%;
left: 0;
height: 80%;
transform: translateY(-50%);
}
@media (max-width: 768px) {
.c-cta .c-cta__inner .c-cta__campaign .c-cta__campaign-bg--left {
top: 30%;
height: 40%;
}
}
.c-cta .c-cta__inner .c-cta__campaign .c-cta__campaign-bg--right {
top: 53%;
right: 0;
height: 65%;
transform: translateY(-50%);
}
@media (max-width: 768px) {
.c-cta .c-cta__inner .c-cta__campaign .c-cta__campaign-bg--right {
top: 70%;
height: 40%;
}
}
.c-cta .c-cta__inner .c-cta__campaign .c-cta__campaign-text-container {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 16px;
gap: 20px;
}
@media (max-width: 768px) {
.c-cta .c-cta__inner .c-cta__campaign .c-cta__campaign-text-container {
gap: 20px;
}
}
.c-cta .c-cta__inner .c-cta__campaign .c-cta__campaign-text-container .c-cta__title {
font-family: "Noto Sans jp", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", sans-serif;
font-size: 30px;
color: red;
}
@media (max-width: 1002px) {
.c-cta .c-cta__inner .c-cta__campaign .c-cta__campaign-text-container .c-cta__title {
font-size: 20px;
}
}
.c-cta .c-cta__inner .c-cta__campaign .c-cta__campaign-text-container .c-cta__preface {
font-size: 18px;
}
@media (max-width: 1002px) {
.c-cta .c-cta__inner .c-cta__campaign .c-cta__campaign-text-container .c-cta__preface {
font-size: 16px;
text-align: center;
}
}
.c-cta .c-cta__inner .c-cta__campaign .c-cta__campaign-text-container .c-cta__preface em {
font-size: 21px;
font-weight: 600;
}
@media (max-width: 1002px) {
.c-cta .c-cta__inner .c-cta__campaign .c-cta__campaign-text-container .c-cta__preface em {
font-size: 16px;
}
}
.c-cta .c-cta__inner .c-cta__campaign .c-cta__campaign-text-container .c-cta__content {
display: flex;
flex-direction: column;
align-items: center;
margin-top: -20px;
}
.c-cta .c-cta__inner .c-cta__campaign .c-cta__campaign-text-container .c-cta__content h4 {
font-size: 25px;
}
@media (max-width: 1002px) {
.c-cta .c-cta__inner .c-cta__campaign .c-cta__campaign-text-container .c-cta__content h4 {
font-size: 22px;
line-height: 1.8;
margin-top: 10px;
}
}
.c-cta .c-cta__inner .c-cta__campaign .c-cta__campaign-text-container .c-cta__content h4 em {
font-size: 65px;
line-height: 1;
color: red;
}
@media (max-width: 768px) {
.c-cta .c-cta__inner .c-cta__campaign .c-cta__campaign-text-container .c-cta__content h4 em {
font-size: 50px;
}
}
.c-cta .c-cta__inner .c-cta__campaign .c-cta__campaign-text-container .c-cta__content p {
width: 78%;
font-weight: 600;
text-align: end;
}
@media (max-width: 1002px) {
.c-cta .c-cta__inner .c-cta__campaign .c-cta__campaign-text-container .c-cta__content p {
width: auto;
margin-top: 0;
}
}
.c-cta .c-cta__inner .c-cta__campaign .c-cta__campaign-text-container small {
display: block;
font-size: 12px;
line-height: 1.4;
text-align: left;
}
.c-cta .c-cta__inner .c-cta__bottom {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
gap: 30px;
}
@media (max-width: 1002px) {
.c-cta .c-cta__inner .c-cta__bottom {
gap: 20px;
}
}
.c-cta .c-cta__inner .c-cta__bottom .c-cta__bottom-title {
font-size: 30px;
}
@media (max-width: 1002px) {
.c-cta .c-cta__inner .c-cta__bottom .c-cta__bottom-title {
font-size: 20px;
}
}
.c-cta .c-cta__inner .c-cta__bottom .c-cta__click-trigger {
font-weight: 300;
}
.c-cta .c-cta__inner .c-cta__bottom .c-cta__bottom-statement-container {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
padding: 30px 20px;
background-color: white;
}
@media (max-width: 768px) {
.c-cta .c-cta__inner .c-cta__bottom .c-cta__bottom-statement-container {
margin-bottom: 20px;
}
}
.c-cta .c-cta__inner .c-cta__bottom .c-cta__bottom-statement-container .c-cta__bottom-statement {
line-height: 1.3;
text-align: start;
}
.c-cta .c-cta__inner .c-cta__bottom .c-cta__button-area-container {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
font-weight: 600;
gap: 30px;
}
.c-cta .c-cta__inner .c-cta__bottom .c-cta__button-area-container .c-cta__button {
display: flex;
justify-content: space-between;
align-items: center;
width: 450px;
padding: 10px 20px;
color: white;
box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.4);
gap: 20px;
}
@media (max-width: 576px) {
.c-cta .c-cta__inner .c-cta__bottom .c-cta__button-area-container .c-cta__button {
width: 328px;
padding: 10px 16px;
gap: 10px;
}
}
.c-cta .c-cta__inner .c-cta__bottom .c-cta__button-area-container .c-cta__button .c-cta__button-icon {
width: 57px;
height: auto;
margin-left: 5px;
}
@media (max-width: 576px) {
.c-cta .c-cta__inner .c-cta__bottom .c-cta__button-area-container .c-cta__button .c-cta__button-icon {
width: 40px;
margin-left: 10px;
}
}
.c-cta .c-cta__inner .c-cta__bottom .c-cta__button-area-container .c-cta__button .c-cta__button-text-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}
.c-cta .c-cta__inner .c-cta__bottom .c-cta__button-area-container .c-cta__button .c-cta__button-text-container h3 {
font-size: 37px;
letter-spacing: 0.09em;
}
@media (max-width: 576px) {
.c-cta .c-cta__inner .c-cta__bottom .c-cta__button-area-container .c-cta__button .c-cta__button-text-container h3 {
font-size: 25px;
margin-top: 3px;
}
}
.c-cta .c-cta__inner .c-cta__bottom .c-cta__button-area-container .c-cta__button .c-cta__button-text-container h3 small {
font-size: 23px;
font-weight: 600;
}
.c-cta .c-cta__inner .c-cta__bottom .c-cta__button-area-container .c-cta__button .c-cta__button-text-container .c-cta__button-hours {
font-size: 18px;
margin-bottom: 10px;
margin-top: -10px;
}
@media (max-width: 576px) {
.c-cta .c-cta__inner .c-cta__bottom .c-cta__button-area-container .c-cta__button .c-cta__button-text-container .c-cta__button-hours {
font-size: 14px;
}
}
.c-cta .c-cta__inner .c-cta__bottom .c-cta__button-area-container .c-cta__button .c-cta__button-arrow {
width: 20px;
height: auto;
}
@media (max-width: 576px) {
.c-cta .c-cta__inner .c-cta__bottom .c-cta__button-area-container .c-cta__button .c-cta__button-arrow {
width: 10px;
}
}
.c-cta .c-cta__inner .c-cta__bottom .c-cta__button-area-container .c-cta__button--phone {
background: linear-gradient(90deg, #ff9d23, #ffbe19);
}
.c-cta .c-cta__inner .c-cta__bottom .c-cta__button-area-container .c-cta__button--line {
background: #00c300;
}
.c-cta .c-cta__inner .c-cta__bottom .c-cta__button-area-container .c-cta__button--form {
background: linear-gradient(90deg, #005bac, #54c3f1);
}
.c-cta .c-cta__inner .c-cta__bottom .c-cta__button-area-container .c-cta__button-top-area-container {
display: flex;
justify-content: center;
width: 100%;
}
.c-cta .c-cta__inner .c-cta__bottom .c-cta__button-area-container .c-cta__button-bottom-area-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
gap: 20px;
}
@media (max-width: 1002px) {
.c-cta .c-cta__inner .c-cta__bottom .c-cta__button-area-container .c-cta__button-bottom-area-container {
flex-direction: column;
align-items: center;
}
}
.c-cta .c-cta__inner .c-cta__bottom .c-cta__button-area-container .c-cta__button-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}
.wpcf7 {
padding: 40px;
background: #ecedef;
}
@media (max-width: 1002px) {
.wpcf7 {
padding: 16px;
}
}
.wpcf7 .wpcf7-form {
display: flex;
flex-direction: column;
font-weight: 600;
gap: 20px;
}
.wpcf7 .wpcf7-form .form-item p {
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 1002px) {
.wpcf7 .wpcf7-form .form-item p {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
}
.wpcf7 .wpcf7-form .form-item p label em {
padding: 3px 6px;
font-size: 16px;
background: white;
margin-right: 12px;
}
.wpcf7 .wpcf7-form .form-item p .wpcf7-form-control-wrap {
width: 500px;
}
@media (max-width: 1002px) {
.wpcf7 .wpcf7-form .form-item p .wpcf7-form-control-wrap {
width: 100%;
}
}
.wpcf7 .wpcf7-form .form-item p .wpcf7-form-control-wrap .wpcf7-text {
width: 100%;
padding: 8px 0 6px 12px;
font-weight: 600;
background: white;
border: 2px solid #adb5c0;
border-radius: 6px;
}
.wpcf7 .wpcf7-form .form-item p .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item {
display: flex;
margin: 0;
gap: 10px;
}
.wpcf7 .wpcf7-form .form-item p .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label {
font-size: 18px;
font-weight: 300;
}
.wpcf7 .wpcf7-form .form-item p .wpcf7-form-control-wrap .wpcf7-textarea {
width: 100%;
height: 150px;
padding: 8px 0 6px 12px;
font-weight: 600;
background: white;
border: 2px solid #adb5c0;
border-radius: 6px;
}
.wpcf7 .wpcf7-form .checkbox_container {
display: flex;
flex-direction: column;
align-items: center;
}
@media (max-width: 768px) {
.wpcf7 .wpcf7-form .checkbox_container {
align-items: flex-start;
}
}
.wpcf7 .wpcf7-form .checkbox_container .checklist-title {
margin: 0;
padding: 0;
}
.wpcf7 .wpcf7-form .checkbox_container .checklist-title::after, .wpcf7 .wpcf7-form .checkbox_container .checklist-title::before {
display: none;
}
.wpcf7 .wpcf7-form .checkbox_container .checklist-title em {
padding: 3px 6px;
font-size: 16px;
background: white;
margin-right: 12px;
}
.wpcf7 .wpcf7-form .checkbox_container .checkbox p .wpcf7-form-control-wrap {
display: flex;
flex-direction: column;
align-items: center;
}
.wpcf7 .wpcf7-form .checkbox_container .checkbox p .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item {
margin: 0;
}
.wpcf7 .wpcf7-form .checkbox_container .checkbox p .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label {
font-size: 18px;
font-weight: 300;
}
@media (max-width: 768px) {
.wpcf7 .wpcf7-form .checkbox_container .checkbox p .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label {
font-size: 16px;
}
}
.wpcf7 .wpcf7-form .submit-button_container {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 10px;
}
.wpcf7 .wpcf7-form .submit-button_container p {
display: flex;
flex-direction: column;
align-items: center;
}
.wpcf7 .wpcf7-form .submit-button_container p .submit {
padding: 20px 60px;
font-size: 30px;
color: white;
background: linear-gradient(90deg, #005bac, #319fcd);
border-radius: 10px;
box-shadow: 2px 2px 8px 0 #8a8a8a;
}
@media (max-width: 1002px) {
.wpcf7 .wpcf7-form .submit-button_container p .submit {
padding: 12px 40px;
font-size: 20px;
}
} .page-template-front-page #content.l-content {
max-width: 100vw;
margin: 0;
padding: 0;
}
.p-top__section {
display: flex;
flex-direction: column;
align-items: center;
}
@media (max-width: 1002px) {
.p-top__section {
padding: 0 16px;
}
}
.p-top__section .p-top__section-inner {
display: flex;
flex-direction: column;
align-items: center;
width: 960px;
}
@media (max-width: 1002px) {
.p-top__section .p-top__section-inner {
width: 100%;
}
}
.p-top h2 {
font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", yumincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
font-size: 40px;
text-align: center;
}
@media (max-width: 1002px) {
.p-top h2 {
font-size: 22px;
}
}
.p-top .p-top__section-inner {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
gap: 45px;
padding-bottom: 80px;
padding-top: 80px;
}
@media (max-width: 1002px) {
.p-top .p-top__section-inner {
gap: 30px;
padding-bottom: 40px;
padding-top: 40px;
}
}
.p-top .p-top__mv {
z-index: -1;
display: flex;
flex-direction: column;
align-items: center;
width: 100vw;
height: 55vw;
font-family: "游明朝体", "Yu Mincho", yumincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
color: white;
background-image: url(//kojo-sanpai.com/wp-content/themes/swell_child/assets/images/mv-bg.png);
background-position: bottom;
background-size: cover;
}
@media (max-width: 768px) {
.p-top .p-top__mv {
height: 80vh;
min-height: 700px;
background-image: url(//kojo-sanpai.com/wp-content/themes/swell_child/assets/images/mv-bg_sp.png);
}
}
.p-top .p-top__mv .p-top__mv-title-container {
display: flex;
flex-direction: column;
align-items: center;
width: 55vw;
gap: 20px;
margin-bottom: -1vw;
margin-top: 3vw;
}
@media (max-width: 1002px) {
.p-top .p-top__mv .p-top__mv-title-container {
width: 500px;
margin-top: 40px;
}
}
@media (max-width: 768px) {
.p-top .p-top__mv .p-top__mv-title-container {
width: 70%;
}
}
@media (max-width: 576px) {
.p-top .p-top__mv .p-top__mv-title-container {
width: 100%;
max-width: 400px;
}
}
.p-top .p-top__mv .p-top__mv-title-container .p-top__mv-region {
font-size: 2.5vw;
text-shadow: 3px 2px 0 #000;
margin-bottom: -1vw;
}
@media (max-width: 1002px) {
.p-top .p-top__mv .p-top__mv-title-container .p-top__mv-region {
font-size: 25px;
text-shadow: 2px 1px 0 #000;
}
}
@media (max-width: 1002px) {
.p-top .p-top__mv .p-top__mv-title-container .p-top__mv-region {
font-size: 22px;
text-shadow: 1px 1px 0 #000;
}
}
.p-top .p-top__mv .p-top__mv-title-container .p-top__mv-title {
width: 100%;
height: auto;
}
@media (max-width: 576px) {
.p-top .p-top__mv .p-top__mv-title-container .p-top__mv-title {
display: none;
}
}
.p-top .p-top__mv .p-top__mv-title-container .p-top__mv-title-sp {
display: none;
}
@media (max-width: 576px) {
.p-top .p-top__mv .p-top__mv-title-container .p-top__mv-title-sp {
display: block;
width: 100%;
height: auto;
}
}
.p-top .p-top__mv .p-top__mv-point-list {
display: flex;
}
.p-top .p-top__mv .p-top__mv-point-list .p-top__mv-point-item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 12vw;
height: 12vw;
background: url(//kojo-sanpai.com/wp-content/themes/swell_child/assets/images/poligon.svg) no-repeat center;
background-size: contain;
gap: 0.2vw;
}
@media (max-width: 1002px) {
.p-top .p-top__mv .p-top__mv-point-list .p-top__mv-point-item {
width: 140px;
height: 140px;
}
}
@media (max-width: 768px) {
.p-top .p-top__mv .p-top__mv-point-list .p-top__mv-point-item {
width: 100px;
height: 100px;
}
}
@media (max-width: 1002px) {
.p-top .p-top__mv .p-top__mv-point-list .p-top__mv-point-item small {
font-size: 12px;
}
}
.p-top .p-top__mv .p-top__mv-point-list .p-top__mv-point-item p {
font-size: 1.3vw;
font-weight: 400;
line-height: 1.2;
letter-spacing: 0;
text-align: center;
border-top: 1px solid white;
padding-top: 0.4vw;
}
@media (max-width: 1002px) {
.p-top .p-top__mv .p-top__mv-point-list .p-top__mv-point-item p {
font-size: 18px;
padding-top: 6px;
}
}
@media (max-width: 768px) {
.p-top .p-top__mv .p-top__mv-point-list .p-top__mv-point-item p {
font-size: 12px;
padding-top: 4px;
}
}
.p-top .p-top__mv .p-top__mv-point-list .p-top__mv-point-item p span {
color: #e8cc66;
}
.p-top .p-top__attention {
background-color: #e9f3fa;
padding-top: 10px;
}
.p-top .p-top__attention .p-top__section-inner {
padding: 0;
}
.p-top .p-top__worries {
display: flex;
flex-direction: column;
align-items: center;
background-color: #dce1e5;
}
.p-top .p-top__worries .p-top__worries-content {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
}
.p-top .p-top__worries .p-top__worries-content .p-top__worries-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 30px;
}
.p-top .p-top__worries .p-top__worries-content .p-top__worries-item .p-top__worries-text-container {
display: flex;
justify-content: center;
width: 210px;
height: 122px;
padding: 22px 7px;
background: url(//kojo-sanpai.com/wp-content/themes/swell_child/assets/images/speech-bubble.png) no-repeat center;
background-size: contain;
}
@media (max-width: 1002px) {
.p-top .p-top__worries .p-top__worries-content .p-top__worries-item .p-top__worries-text-container {
width: 160px;
height: 100px;
padding: 18px 5px;
}
}
.p-top .p-top__worries .p-top__worries-content .p-top__worries-item .p-top__worries-text {
font-size: 16px;
}
@media (max-width: 1002px) {
.p-top .p-top__worries .p-top__worries-content .p-top__worries-item .p-top__worries-text {
font-size: 13px;
letter-spacing: 0;
}
}
.p-top .p-top__worries .p-top__worries-content .p-top__worries-item:last-child .p-top__worries-text-container {
width: 243px;
height: 122px;
padding: 22px 7px;
background: url(//kojo-sanpai.com/wp-content/themes/swell_child/assets/images/speech-bubble--wide.png) no-repeat center;
background-size: contain;
}
@media (max-width: 1002px) {
.p-top .p-top__worries .p-top__worries-content .p-top__worries-item:last-child .p-top__worries-text-container {
width: 180px;
height: 100px;
padding: 18px 5px;
}
}
@media (max-width: 576px) {
.p-top .p-top__worries .p-top__worries-content .p-top__worries-item:last-child .p-top__worries-text-container {
width: 160px;
height: 100px;
padding: 20px 5px;
background: url(//kojo-sanpai.com/wp-content/themes/swell_child/assets/images/speech-bubble.png) no-repeat center;
background-size: contain;
}
.p-top .p-top__worries .p-top__worries-content .p-top__worries-item:last-child .p-top__worries-text-container .p-top__worries-text {
font-size: 11px;
letter-spacing: 0;
}
}
.p-top .p-top__worries .p-top__worries-content .p-top__worries-item .p-top__worries-image {
width: 210px;
height: auto;
}
@media (max-width: 1002px) {
.p-top .p-top__worries .p-top__worries-content .p-top__worries-item .p-top__worries-image {
width: 160px;
}
}
.p-top .p-top__about {
position: relative;
text-align: center;
color: white;
background: url(//kojo-sanpai.com/wp-content/themes/swell_child/assets/images/about-bg.png) no-repeat center;
background-size: cover;
}
.p-top .p-top__about::after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
content: "";
background-color: rgba(40, 105, 150, 0.76);
}
.p-top .p-top__about .p-top__about-title {
position: relative;
z-index: 1;
}
.p-top .p-top__about .p-top__about-content {
position: relative;
z-index: 1;
}
.p-top .p-top__feature {
color: white;
background-color: #163151;
}
.p-top .p-top__feature .p-top__feature-title {
display: flex;
flex-direction: column;
align-items: center;
}
@media (max-width: 576px) {
.p-top .p-top__feature .p-top__feature-title {
font-size: 18px;
}
}
.p-top .p-top__feature .p-top__feature-title .p-top__feature-title-bubble {
display: block;
width: 240px;
height: 60px;
font-family: "Noto Sans jp", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", sans-serif;
font-size: 22px;
font-weight: 300;
background: url(//kojo-sanpai.com/wp-content/themes/swell_child/assets/images/speech-bubble-title.png) no-repeat center;
background-size: contain;
padding-left: 3px;
padding-top: 8px;
}
.p-top .p-top__feature .p-top__feature-content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
height: 100%;
row-gap: 16px;
}
@media (max-width: 1002px) {
.p-top .p-top__feature .p-top__feature-content {
flex-direction: column;
align-items: center;
}
}
.p-top .p-top__feature .p-top__feature-content .p-top__feature-content-item {
display: flex;
flex-direction: column;
width: 472px;
padding: 37px;
color: #000;
background-color: white;
}
@media (max-width: 1002px) {
.p-top .p-top__feature .p-top__feature-content .p-top__feature-content-item {
display: flex;
width: 100%;
padding: 16px;
gap: 16px;
}
}
.p-top .p-top__feature .p-top__feature-content .p-top__feature-content-item .p-top__feature-content-image {
width: 100%;
height: auto;
}
.p-top .p-top__feature .p-top__feature-content .p-top__feature-content-item .p-top__feature-content-title-container {
display: flex;
align-items: center;
font-weight: 700;
gap: 16px;
margin-top: -16px;
}
.p-top .p-top__feature .p-top__feature-content .p-top__feature-content-item .p-top__feature-content-title-container .p-top__feature-content-title-number {
font-size: 79px;
letter-spacing: -0.02em;
color: #163151;
}
@media (max-width: 1002px) {
.p-top .p-top__feature .p-top__feature-content .p-top__feature-content-item .p-top__feature-content-title-container .p-top__feature-content-title-number {
font-size: 60px;
}
}
.p-top .p-top__feature .p-top__feature-content .p-top__feature-content-item .p-top__feature-content-title-container .p-top__feature-content-title {
font-weight: 800;
line-height: 1.5;
text-align: justify;
margin-top: 4px;
}
.p-top .p-top__feature .p-top__feature-content .p-top__feature-content-item .p-top__feature-content-text {
font-size: 16px;
text-align: justify;
margin-top: -10px;
}
@media (max-width: 1002px) {
.p-top .p-top__feature .p-top__feature-content .p-top__feature-content-item .p-top__feature-content-text {
margin-top: -20px;
}
}
.p-top .p-top__media .p-top__media-content {
display: flex;
flex-direction: column;
gap: 20px;
}
.p-top .p-top__media .p-top__media-content .p-top__media-image:first-child {
margin-bottom: 20px;
}
.p-top .p-top__case {
background-color: #f6f6f6;
}
.p-top .p-top__case .p-top__case-content {
display: flex;
flex-direction: column;
width: 100%;
gap: 30px;
}
.p-top .p-top__case .p-top__case-content .p-top__case-item {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
gap: 20px;
}
@media (max-width: 1002px) {
.p-top .p-top__case .p-top__case-content .p-top__case-item {
gap: 10px;
}
}
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-attention {
font-size: 30px;
font-weight: 600;
}
@media (max-width: 768px) {
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-attention {
font-size: 14px;
}
}
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
padding: 20px;
border: #000 2px dashed;
gap: 20px;
}
@media (max-width: 1002px) {
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box {
padding: 8px 16px 16px;
}
}
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-title {
display: flex;
align-items: center;
width: 100%;
border-bottom: #000 1px solid;
gap: 16px;
padding-bottom: 18px;
}
@media (max-width: 1002px) {
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-title {
font-size: 18px;
gap: 10px;
padding-bottom: 8px;
}
}
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-title span {
font-size: 40px;
}
@media (max-width: 1002px) {
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-title span {
font-size: 30px;
}
}
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-body {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
padding: 70px 16px 50px;
background-color: white;
}
@media (max-width: 1002px) {
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-body {
padding: 60px 16px 30px;
}
}
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-body .p-top__case-item-body-title {
position: absolute;
top: 0;
left: 0;
padding: 8px 28px 8px 15px;
clip-path: polygon(0 0, 100% 0, calc(100% - 12px) 100%, 0 100%);
background-color: #000;
}
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-body .p-top__case-item-body-title h4 {
font-size: 20px;
font-weight: 300;
color: white;
}
@media (max-width: 768px) {
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-body .p-top__case-item-body-title h4 {
font-size: 16px;
}
}
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-body .p-top__case-item-subject-inner {
display: flex;
justify-content: center;
gap: 50px;
}
@media (max-width: 768px) {
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-body .p-top__case-item-subject-inner {
flex-direction: column;
align-items: center;
width: 100%;
gap: 20px;
}
}
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-body .p-top__case-item-subject-inner img {
width: 272px;
height: 187px;
}
@media (max-width: 768px) {
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-body .p-top__case-item-subject-inner img {
width: 100%;
height: auto;
max-width: 300px;
}
}
@media (max-width: 1002px) {
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-body .p-top__case-item-subject-inner .p-top__case-item-subject-sentence {
display: flex;
flex-direction: column;
width: 100%;
gap: 10px;
}
}
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-body .p-top__case-item-subject-inner .p-top__case-item-subject-sentence .p-top__case-item-subject-item-list {
display: flex;
flex-direction: column;
width: 380px;
}
@media (max-width: 1002px) {
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-body .p-top__case-item-subject-inner .p-top__case-item-subject-sentence .p-top__case-item-subject-item-list {
width: 100%;
}
}
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-body .p-top__case-item-subject-inner .p-top__case-item-subject-sentence .p-top__case-item-subject-item-list li {
display: flex;
justify-content: space-between;
width: 100%;
font-size: 20px;
}
@media (max-width: 768px) {
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-body .p-top__case-item-subject-inner .p-top__case-item-subject-sentence .p-top__case-item-subject-item-list li {
width: 100%;
font-size: 16px;
}
}
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-body .p-top__case-item-subject-inner .p-top__case-item-subject-sentence .p-top__case-item-subject-item-list li h6 {
font-weight: 300;
}
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-body .p-top__case-item-cost-inner {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
padding: 0 40px;
gap: 20px;
}
@media (max-width: 1002px) {
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-body .p-top__case-item-cost-inner {
padding: 0;
}
}
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-body .p-top__case-item-cost-inner .p-top__case-item-cost-overall-img {
width: 586px;
height: auto;
margin-bottom: 30px;
}
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-body .p-top__case-item-cost-inner .p-top__case-item-cost-point-container {
display: flex;
flex-direction: column;
width: 100%;
border: #000 1px solid;
}
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-body .p-top__case-item-cost-inner .p-top__case-item-cost-point-container .p-top__case-item-cost-item {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
gap: 50px;
}
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-body .p-top__case-item-cost-inner .p-top__case-item-cost-point-container .p-top__case-item-cost-item .p-top__case-item-cost-item-icon {
position: absolute;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 81px;
height: 81px;
color: white;
background-color: #000;
}
@media (max-width: 1002px) {
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-body .p-top__case-item-cost-inner .p-top__case-item-cost-point-container .p-top__case-item-cost-item .p-top__case-item-cost-item-icon {
width: 65px;
height: 65px;
padding-top: 7px;
}
}
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-body .p-top__case-item-cost-inner .p-top__case-item-cost-point-container .p-top__case-item-cost-item .p-top__case-item-cost-item-icon p {
width: 100%;
font-size: 14px;
text-align: center;
margin-top: -10px;
}
@media (max-width: 1002px) {
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-body .p-top__case-item-cost-inner .p-top__case-item-cost-point-container .p-top__case-item-cost-item .p-top__case-item-cost-item-icon p {
font-size: 12px;
}
}
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-body .p-top__case-item-cost-inner .p-top__case-item-cost-point-container .p-top__case-item-cost-item .p-top__case-item-cost-item-icon img {
width: autoca;
height: 40px;
margin: 0 auto;
}
@media (max-width: 1002px) {
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-body .p-top__case-item-cost-inner .p-top__case-item-cost-point-container .p-top__case-item-cost-item .p-top__case-item-cost-item-icon img {
width: 30px;
}
}
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-body .p-top__case-item-cost-inner .p-top__case-item-cost-point-container .p-top__case-item-cost-item .p-top__case-item-cost-item-title {
font-size: 20px;
margin-top: 20px;
padding-left: 100px;
}
@media (max-width: 768px) {
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-body .p-top__case-item-cost-inner .p-top__case-item-cost-point-container .p-top__case-item-cost-item .p-top__case-item-cost-item-title {
font-size: 16px;
margin-top: 6px;
padding-left: 75px;
padding-right: 16px;
}
}
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-body .p-top__case-item-cost-inner .p-top__case-item-cost-point-container .p-top__case-item-cost-item .p-top__case-item-cost-item-title em {
font-size: 25px;
}
@media (max-width: 1002px) {
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-body .p-top__case-item-cost-inner .p-top__case-item-cost-point-container .p-top__case-item-cost-item .p-top__case-item-cost-item-title em {
font-size: 18px;
}
}
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-body .p-top__case-item-cost-inner .p-top__case-item-cost-point-container .p-top__case-item-cost-item .p-top__case-item-cost-item-content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 575px;
margin: 0 auto;
gap: 20px;
margin-bottom: 30px;
}
@media (max-width: 1002px) {
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-body .p-top__case-item-cost-inner .p-top__case-item-cost-point-container .p-top__case-item-cost-item .p-top__case-item-cost-item-content {
width: 100%;
}
}
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-body .p-top__case-item-cost-inner .p-top__case-item-cost-point-container .p-top__case-item-cost-item .p-top__case-item-cost-item-content .p-top__case-item-cost-item-image {
height: auto;
}
@media (max-width: 1002px) {
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-body .p-top__case-item-cost-inner .p-top__case-item-cost-point-container .p-top__case-item-cost-item .p-top__case-item-cost-item-content .p-top__case-item-cost-item-image {
width: 100%;
padding: 0 16px;
}
}
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-body .p-top__case-item-cost-inner .p-top__case-item-cost-point-container .p-top__case-item-cost-item .p-top__case-item-cost-item-content small {
width: 575px;
margin: 0 auto;
}
@media (max-width: 1002px) {
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-body .p-top__case-item-cost-inner .p-top__case-item-cost-point-container .p-top__case-item-cost-item .p-top__case-item-cost-item-content small {
width: 100%;
padding: 0 16px;
font-size: 12px;
}
}
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-body .p-top__case-item-recycle-inner {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: 40px;
}
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-body .p-top__case-item-recycle-inner .p-top__case-item-recycle-item-title {
font-size: 20px;
}
@media (max-width: 1002px) {
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-body .p-top__case-item-recycle-inner .p-top__case-item-recycle-item-title {
font-size: 18px;
}
}
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-body .p-top__case-item-recycle-inner .p-top__case-item-recycle-item-title .p-top__case-item-recycle-item-title-em {
font-size: 25px;
}
@media (max-width: 1002px) {
.p-top .p-top__case .p-top__case-content .p-top__case-item .p-top__case-item-box .p-top__case-item-body .p-top__case-item-recycle-inner .p-top__case-item-recycle-item-title .p-top__case-item-recycle-item-title-em {
font-size: 20px;
}
}
.p-top .p-top__case .p-top__case-content .p-top__case-item-supplement {
display: flex;
flex-direction: column;
align-items: center;
padding: 20px 30px;
color: white;
background-color: #898787;
}
@media (max-width: 1002px) {
.p-top .p-top__case .p-top__case-content .p-top__case-item-supplement {
padding: 16px;
}
}
.p-top .p-top__case .p-top__case-content .p-top__case-item-supplement p {
font-size: 16px;
}
@media (max-width: 1002px) {
.p-top .p-top__case .p-top__case-content .p-top__case-item-supplement p {
font-size: 14px;
}
}
.p-top .p-top__problem {
color: white;
background-color: #464646;
}
.p-top .p-top__problem .p-top__problem-title-container {
display: flex;
align-items: center;
gap: 20px;
}
.p-top .p-top__problem .p-top__problem-title-container .p-top__problem-icon {
width: 52px;
height: 52px;
}
.p-top .p-top__problem .p-top__problem-title-container .p-top__problem-title {
font-family: "Noto Sans jp", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", sans-serif;
font-size: 30px;
letter-spacing: 0.06em;
margin-top: 23px;
}
@media (max-width: 1002px) {
.p-top .p-top__problem .p-top__problem-title-container .p-top__problem-title {
font-size: 20px;
margin-top: 0;
}
}
.p-top .p-top__problem .p-top__problem-content {
font-size: 20px;
letter-spacing: 0.06em;
}
.p-top .p-top__trust {
color: white;
background-color: #163151;
}
.p-top .p-top__trust .p-top__trust-title-container {
display: flex;
flex-direction: column;
align-items: center;
}
.p-top .p-top__trust .p-top__trust-title-container p {
font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", yumincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
font-size: 30px;
}
@media (max-width: 1002px) {
.p-top .p-top__trust .p-top__trust-title-container p {
font-size: 20px;
margin-top: -10px;
}
}
.p-top .p-top__trust .p-top__trust-title-container p em {
font-size: 55px;
}
@media (max-width: 1002px) {
.p-top .p-top__trust .p-top__trust-title-container p em {
font-size: 35px;
}
}
.p-top .p-top__trust .p-top__trust-title-container .p-top__trust-title {
font-size: 45px;
}
@media (max-width: 1002px) {
.p-top .p-top__trust .p-top__trust-title-container .p-top__trust-title {
font-size: 25px;
}
}
.p-top .p-top__trust .p-top__trust-content {
display: flex;
flex-direction: column;
align-items: center;
}
.p-top .p-top__trust .p-top__trust-content .p-top__trust-item {
display: flex;
align-items: center;
width: 100%;
padding: 30px 0;
border-top: white 1px solid;
gap: 25px;
}
@media (max-width: 1002px) {
.p-top .p-top__trust .p-top__trust-content .p-top__trust-item {
flex-direction: column;
padding: 16px 0;
gap: 15px;
}
}
.p-top .p-top__trust .p-top__trust-content .p-top__trust-item:last-child {
border-bottom: white 1px solid;
}
.p-top .p-top__trust .p-top__trust-content .p-top__trust-item .p-top__trust-item-image {
width: 251px;
height: 175px;
}
.p-top .p-top__trust .p-top__trust-content .p-top__trust-item .p-top__trust-item-text-container {
display: flex;
flex-direction: column;
gap: 15px;
}
.p-top .p-top__trust .p-top__trust-content .p-top__trust-item .p-top__trust-item-text-container .p-top__trust-item-title {
font-size: 20px;
}
.p-top .p-top__trust .p-top__trust-content .p-top__trust-item .p-top__trust-item-text-container .p-top__trust-item-text {
font-size: 16px;
font-weight: 300;
}
.p-top .p-top__trust .p-top__trust-content .p-top__trust-item .p-top__trust-item-text-container small {
font-size: 14px;
}
.p-top .p-top__problem2 {
position: relative;
background: url(//kojo-sanpai.com/wp-content/themes/swell_child/assets/images/problem2-bg.png) no-repeat center;
background-position: bottom;
background-size: cover;
}
.p-top .p-top__problem2::after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
content: "";
background-color: rgba(234, 234, 234, 0.9);
}
.p-top .p-top__problem2 .p-top__problem2-title {
position: relative;
z-index: 1;
font-size: 35px;
}
@media (max-width: 1002px) {
.p-top .p-top__problem2 .p-top__problem2-title {
font-size: 25px;
}
}
.p-top .p-top__problem2 .p-top__problem2-title em {
font-size: 45px;
}
@media (max-width: 1002px) {
.p-top .p-top__problem2 .p-top__problem2-title em {
font-size: 30px;
}
}
.p-top .p-top__problem2 .p-top__problem2-content {
position: relative;
z-index: 1;
}
@media (max-width: 1002px) {
.p-top .p-top__problem2 .p-top__problem2-content p {
font-size: 18px;
}
}
.p-top .p-top__recommend {
background: linear-gradient(-45deg, rgb(229, 238, 244) 30%, rgb(229, 244, 237) 100%);
}
.p-top .p-top__recommend .p-top__recommend-content {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
padding: 30px 0;
border: #000 1px solid;
background-color: white;
}
.p-top .p-top__recommend .p-top__recommend-content .p-top__recommend-list {
display: flex;
flex-direction: column;
gap: 10px;
}
@media (max-width: 1002px) {
.p-top .p-top__recommend .p-top__recommend-content .p-top__recommend-list {
padding: 0 16px;
}
}
.p-top .p-top__recommend .p-top__recommend-content .p-top__recommend-list .p-top__recommend-item {
display: flex;
align-items: center;
gap: 10px;
}
@media (max-width: 1002px) {
.p-top .p-top__recommend .p-top__recommend-content .p-top__recommend-list .p-top__recommend-item {
gap: 10px;
}
}
.p-top .p-top__recommend .p-top__recommend-content .p-top__recommend-list .p-top__recommend-item .p-top__recommend-item-icon {
width: 28px;
height: 29.96px;
}
.p-top .p-top__recommend .p-top__recommend-content .p-top__recommend-list .p-top__recommend-item .p-top__recommend-item-text {
font-size: 25px;
font-weight: 600;
}
@media (max-width: 1002px) {
.p-top .p-top__recommend .p-top__recommend-content .p-top__recommend-list .p-top__recommend-item .p-top__recommend-item-text {
font-size: 18px;
line-height: 1.4;
}
}
@media (max-width: 768px) {
.p-top .p-top__recommend .p-top__recommend-content .p-top__recommend-list .p-top__recommend-item .p-top__recommend-item-text {
font-size: 16px;
line-height: 1.4;
}
}
.p-top .p-top__ceo {
background-color: #f6f6f6;
}
.p-top .p-top__ceo .p-top__ceo-content {
display: flex;
flex-direction: column;
width: 100%;
gap: 20px;
}
.p-top .p-top__ceo .p-top__ceo-content .p-top__ceo-info {
display: flex;
padding: 60px;
background-color: white;
gap: 30px;
}
@media (max-width: 768px) {
.p-top .p-top__ceo .p-top__ceo-content .p-top__ceo-info {
flex-direction: column;
align-items: center;
padding: 30px 16px 16px;
gap: 16px;
}
}
.p-top .p-top__ceo .p-top__ceo-content .p-top__ceo-info .p-top__ceo-img {
width: 245px;
height: 245px;
}
.p-top .p-top__ceo .p-top__ceo-content .p-top__ceo-info .p-top__ceo-info-text {
display: flex;
flex-direction: column;
gap: 20px;
}
.p-top .p-top__ceo .p-top__ceo-content .p-top__ceo-info .p-top__ceo-info-text .p-top__ceo-name {
font-size: 25px;
text-align: center;
}
@media (max-width: 1002px) {
.p-top .p-top__ceo .p-top__ceo-content .p-top__ceo-info .p-top__ceo-info-text .p-top__ceo-name {
font-size: 18px;
}
}
.p-top .p-top__ceo .p-top__ceo-content .p-top__ceo-info .p-top__ceo-info-text .p-top__ceo-career {
font-size: 18px;
line-height: 1.4;
}
@media (max-width: 1002px) {
.p-top .p-top__ceo .p-top__ceo-content .p-top__ceo-info .p-top__ceo-info-text .p-top__ceo-career {
font-size: 14px;
}
}
.p-top .p-top__ceo .p-top__ceo-message {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
padding: 40px 60px 60px;
background-color: white;
gap: 30px;
}
@media (max-width: 1002px) {
.p-top .p-top__ceo .p-top__ceo-message {
padding: 20px 16px 30px;
gap: 20px;
}
}
.p-top .p-top__ceo .p-top__ceo-message .p-top__ceo-message-title {
font-size: 35px;
}
.p-top .p-top__ceo .p-top__ceo-message .p-top__ceo-message-text-container {
display: flex;
flex-direction: column;
width: 100%;
gap: 20px;
}
.p-top .p-top__ceo .p-top__ceo-message .p-top__ceo-message-text-container .p-top__ceo-message-subheading {
font-size: 23px;
}
@media (max-width: 1002px) {
.p-top .p-top__ceo .p-top__ceo-message .p-top__ceo-message-text-container .p-top__ceo-message-subheading {
font-size: 18px;
text-align: justify;
margin-top: 10px;
}
}
.p-top .p-top__ceo .p-top__ceo-message .p-top__ceo-message-text-container .p-top__ceo-message-text {
font-size: 20px;
}
@media (max-width: 1002px) {
.p-top .p-top__ceo .p-top__ceo-message .p-top__ceo-message-text-container .p-top__ceo-message-text {
font-size: 16px;
}
}
.p-top .p-top__problem3 {
color: white;
background: #464646;
}
.p-top .p-top__problem3 .p-top__problem3-title {
font-size: 35px;
}
@media (max-width: 1002px) {
.p-top .p-top__problem3 .p-top__problem3-title {
font-size: 20px;
}
}
.p-top .p-top__problem3 .p-top__problem3-title em {
font-size: 45px;
}
@media (max-width: 1002px) {
.p-top .p-top__problem3 .p-top__problem3-title em {
font-size: 30px;
}
}
.p-top .p-top__problem3 .p-top__problem3-title em span {
color: red;
}
.p-top .p-top__problem3 .p-top__problem3-content p {
font-size: 24px;
}
@media (max-width: 1002px) {
.p-top .p-top__problem3 .p-top__problem3-content p {
font-size: 16px;
}
}
.p-top .p-top__problem4 {
background-color: #e7e7e7;
}
.p-top .p-top__problem4 .p-top__problem4-title {
font-size: 35px;
}
@media (max-width: 1002px) {
.p-top .p-top__problem4 .p-top__problem4-title {
font-size: 20px;
}
}
.p-top .p-top__problem4 .p-top__problem4-content {
display: flex;
flex-direction: column;
gap: 30px;
}
.p-top .p-top__problem4 .p-top__problem4-content .p-top__problem4-item {
display: flex;
flex-direction: column;
gap: 10px;
}
@media (max-width: 1002px) {
.p-top .p-top__problem4 .p-top__problem4-content .p-top__problem4-item .p-top__problem4-subheading {
font-size: 18px;
}
}
@media (max-width: 1002px) {
.p-top .p-top__problem4 .p-top__problem4-content .p-top__problem4-item .p-top__problem4-text {
font-size: 16px;
}
}
.p-top .p-top__price {
background-color: #f6f6f6;
}
.p-top .p-top__price .p-top__price-summary {
font-size: 18px;
}
@media (max-width: 1002px) {
.p-top .p-top__price .p-top__price-summary {
font-size: 16px;
}
}
@media (max-width: 768px) {
.p-top .p-top__price .p-top__price-summary {
font-size: 14px;
}
}
.p-top .p-top__price .p-top__price-list-container {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
gap: 20px;
}
@media (max-width: 1002px) {
.p-top .p-top__price .p-top__price-list-container .p-top__price-list-text {
font-size: 16px;
}
}
@media (max-width: 768px) {
.p-top .p-top__price .p-top__price-list-container .p-top__price-list-text {
font-size: 14px;
}
}
.p-top .p-top__price .p-top__price-list-container .p-top__price-list {
width: 100%;
border-collapse: collapse;
}
.p-top .p-top__price .p-top__price-list-container .p-top__price-list .p-top__price-list-head {
background: #e7e7e7;
}
.p-top .p-top__price .p-top__price-list-container .p-top__price-list .p-top__price-list-head .p-top__price-list-head-row th {
padding: 20px 0;
border: #000 2px solid;
}
.p-top .p-top__price .p-top__price-list-container .p-top__price-list .p-top__price-list-body {
background-color: white;
}
.p-top .p-top__price .p-top__price-list-container .p-top__price-list .p-top__price-list-body .p-top__price-list-body-row td {
padding: 20px;
border: #000 2px solid;
}
@media (max-width: 1002px) {
.p-top .p-top__price .p-top__price-list-container .p-top__price-list .p-top__price-list-body .p-top__price-list-body-row td {
padding: 10px;
}
}
.p-top .p-top__price .p-top__price-list-container .p-top__price-list .p-top__price-list-body .p-top__price-list-body-row td h4 {
font-weight: 600;
}
@media (max-width: 768px) {
.p-top .p-top__price .p-top__price-list-container .p-top__price-list .p-top__price-list-body .p-top__price-list-body-row td h4 {
font-size: 14px;
}
}
.p-top .p-top__price .p-top__price-list-container .p-top__price-list .p-top__price-list-body .p-top__price-list-body-row td .p-top__price-list-row-text {
font-size: 16px;
margin-left: 25px;
margin-top: 10px;
}
@media (max-width: 768px) {
.p-top .p-top__price .p-top__price-list-container .p-top__price-list .p-top__price-list-body .p-top__price-list-body-row td .p-top__price-list-row-text {
font-size: 12px;
letter-spacing: 0;
margin-left: 0;
margin-top: 5px;
}
}
.p-top .p-top__price .p-top__price-list-container .p-top__price-list .p-top__price-list-body .p-top__price-list-body-row td .p-top__price-list-row-attention {
font-size: 16px;
margin-left: 25px;
}
@media (max-width: 768px) {
.p-top .p-top__price .p-top__price-list-container .p-top__price-list .p-top__price-list-body .p-top__price-list-body-row td .p-top__price-list-row-attention {
font-size: 10px;
margin-left: 0;
}
}
.p-top .p-top__price .p-top__price-list-container .p-top__price-list .p-top__price-list-body .p-top__price-list-body-row td:last-child {
width: 350px;
background-color: #fe0;
}
@media (max-width: 768px) {
.p-top .p-top__price .p-top__price-list-container .p-top__price-list .p-top__price-list-body .p-top__price-list-body-row td:last-child {
width: 130px;
}
}
.p-top .p-top__price .p-top__price-list-container .p-top__price-list .p-top__price-list-body .p-top__price-list-body-row td:last-child .p-top__price-list-market-price {
width: 100%;
font-size: 18px;
letter-spacing: 0;
text-align: center;
}
@media (max-width: 768px) {
.p-top .p-top__price .p-top__price-list-container .p-top__price-list .p-top__price-list-body .p-top__price-list-body-row td:last-child .p-top__price-list-market-price {
font-size: 14px;
}
}
.p-top .p-top__price .p-top__price-list-container .p-top__price-list .p-top__price-list-body .p-top__price-list-body-row td:last-child .p-top__price-list-our-price {
width: 100%;
font-size: 30px;
font-weight: 600;
letter-spacing: 0;
text-align: center;
color: red;
}
@media (max-width: 768px) {
.p-top .p-top__price .p-top__price-list-container .p-top__price-list .p-top__price-list-body .p-top__price-list-body-row td:last-child .p-top__price-list-our-price {
font-size: 16px;
}
}
.p-top .p-top__price .p-top__price-list-container .p-top__price-list .p-top__price-list-body .p-top__price-list-body-row td:last-child .p-top__price-list-our-price-with-tax {
width: 100%;
font-size: 14px;
font-weight: 600;
letter-spacing: 0;
text-align: center;
color: red;
}
@media (max-width: 768px) {
.p-top .p-top__price .p-top__price-list-container .p-top__price-list .p-top__price-list-body .p-top__price-list-body-row td:last-child .p-top__price-list-our-price-with-tax {
font-size: 10px;
}
}
.p-top .p-top__price .p-top__price-list-container .p-top__price-list .p-top__price-list-body .p-top__price-list-body-row td:last-child .p-top__price-list-explain {
width: 100%;
font-weight: 600;
text-align: center;
color: #000;
}
@media (max-width: 768px) {
.p-top .p-top__price .p-top__price-list-container .p-top__price-list .p-top__price-list-body .p-top__price-list-body-row td:last-child .p-top__price-list-explain {
font-size: 14px;
}
}
.p-top .p-top__price .p-top__price-list-container .p-top__price-list .p-top__price-list-body .p-top__price-list-body-row td .p-top__price-list-image {
width: 200px;
height: auto;
margin-left: 25px;
margin-top: 15px;
}
@media (max-width: 768px) {
.p-top .p-top__price .p-top__price-list-container .p-top__price-list .p-top__price-list-body .p-top__price-list-body-row td .p-top__price-list-image {
margin-left: 0;
}
}
.p-top .p-top__price .p-top__price-list-container .p-top__price-list .p-top__price-list-body .p-top__price-list-body-row .p-top__price-list-body-cell-other:last-child {
background-color: white;
}
.p-top .p-top__price .p-top__price-list-container .p-top__price-list-notes {
width: 100%;
font-size: 18px;
}
@media (max-width: 1002px) {
.p-top .p-top__price .p-top__price-list-container .p-top__price-list-notes {
font-size: 16px;
margin-top: -10px;
}
}
@media (max-width: 768px) {
.p-top .p-top__price .p-top__price-list-container .p-top__price-list-notes {
font-size: 12px;
margin-top: -10px;
}
}
.p-top .p-top__price .p-top__price-list-image-box-container {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
border: #000 3px solid;
border-radius: 16px;
}
.p-top .p-top__price .p-top__price-list-image-box-container h3 {
position: absolute;
top: -23px;
padding: 0 20px;
font-size: 30px;
background-color: #f6f6f6;
}
@media (max-width: 1002px) {
.p-top .p-top__price .p-top__price-list-image-box-container h3 {
top: -16px;
font-size: 20px;
}
}
.p-top .p-top__price .p-top__price-list-image-box-container .p-top__price-list-image-box {
display: flex;
padding: 40px 20px;
gap: 20px;
}
@media (max-width: 1002px) {
.p-top .p-top__price .p-top__price-list-image-box-container .p-top__price-list-image-box {
padding: 30px 16px;
gap: 16px;
}
}
.p-top .p-top__price .p-top__price-list-image-box-container .p-top__price-list-image-box .p-top__price-list-image-box-item {
display: flex;
flex-direction: column;
align-items: center;
}
.p-top .p-top__price .p-top__price-list-image-box-container .p-top__price-list-image-box .p-top__price-list-image-box-item img {
width: 286px;
height: auto;
margin-bottom: 10px;
}
@media (max-width: 1002px) {
.p-top .p-top__price .p-top__price-list-image-box-container .p-top__price-list-image-box .p-top__price-list-image-box-item img {
width: 100%;
}
}
.p-top .p-top__price .p-top__price-list-image-box-container .p-top__price-list-image-box .p-top__price-list-image-box-item .p-top__price-list-image-box-caption {
font-weight: 600;
}
@media (max-width: 1002px) {
.p-top .p-top__price .p-top__price-list-image-box-container .p-top__price-list-image-box .p-top__price-list-image-box-item .p-top__price-list-image-box-caption {
font-size: 14px;
}
}
@media (max-width: 576px) {
.p-top .p-top__price .p-top__price-comparison {
margin: 0 -16px;
}
}
.p-top .p-top__price .p-top__price-comparison .p-top__price-comparison-head .p-top__price-comparison-head-row .p-top__price-comparison-head-item {
width: 38%;
padding: 10px 0;
font-size: 25px;
}
@media (max-width: 1002px) {
.p-top .p-top__price .p-top__price-comparison .p-top__price-comparison-head .p-top__price-comparison-head-row .p-top__price-comparison-head-item {
font-size: 16px;
}
}
.p-top .p-top__price .p-top__price-comparison .p-top__price-comparison-head .p-top__price-comparison-head-row .p-top__price-comparison-head-item:nth-child(2) {
color: white;
background: #163151;
border-right: #163151 5px solid;
border-left: #163151 5px solid;
}
.p-top .p-top__price .p-top__price-comparison .p-top__price-comparison-head .p-top__price-comparison-head-row .p-top__price-comparison-head-item:nth-child(3) {
color: white;
background: #898787;
}
.p-top .p-top__price .p-top__price-comparison .p-top__price-comparison-body .p-top__price-comparison-body-row {
background-color: white;
}
.p-top .p-top__price .p-top__price-comparison .p-top__price-comparison-body .p-top__price-comparison-body-row:nth-child(even) {
background-color: #f6f6f6;
}
.p-top .p-top__price .p-top__price-comparison .p-top__price-comparison-body .p-top__price-comparison-body-row .p-top__price-comparison-body-cell {
padding: 20px;
text-align: center;
vertical-align: top;
}
@media (max-width: 1002px) {
.p-top .p-top__price .p-top__price-comparison .p-top__price-comparison-body .p-top__price-comparison-body-row .p-top__price-comparison-body-cell {
padding: 10px;
text-align: left;
}
}
.p-top .p-top__price .p-top__price-comparison .p-top__price-comparison-body .p-top__price-comparison-body-row .p-top__price-comparison-body-cell:first-child {
width: 24%;
vertical-align: middle;
}
@media (max-width: 1002px) {
.p-top .p-top__price .p-top__price-comparison .p-top__price-comparison-body .p-top__price-comparison-body-row .p-top__price-comparison-body-cell:first-child {
width: 5%;
min-width: 24px;
overflow: visible;
line-height: 1;
white-space: normal;
text-orientation: upright;
writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl;
}
}
.p-top .p-top__price .p-top__price-comparison .p-top__price-comparison-body .p-top__price-comparison-body-row .p-top__price-comparison-body-cell:first-child p {
font-size: 18px;
}
@media (max-width: 1002px) {
.p-top .p-top__price .p-top__price-comparison .p-top__price-comparison-body .p-top__price-comparison-body-row .p-top__price-comparison-body-cell:first-child p {
width: auto;
font-size: 14px;
letter-spacing: 0;
}
}
.p-top .p-top__price .p-top__price-comparison .p-top__price-comparison-body .p-top__price-comparison-body-row .p-top__price-comparison-body-cell:nth-child(2) {
border-right: #163151 5px solid;
border-left: #163151 5px solid;
}
.p-top .p-top__price .p-top__price-comparison .p-top__price-comparison-body .p-top__price-comparison-body-row .p-top__price-comparison-body-cell p {
font-size: 16px;
}
@media (max-width: 768px) {
.p-top .p-top__price .p-top__price-comparison .p-top__price-comparison-body .p-top__price-comparison-body-row .p-top__price-comparison-body-cell p {
font-size: 12px;
letter-spacing: 0;
}
}
@media (max-width: 1002px) {
.p-top .p-top__price .p-top__price-comparison .p-top__price-comparison-body .p-top__price-comparison-body-row .p-top__price-comparison-body-cell small {
font-size: 12px;
letter-spacing: 0;
text-align: start;
}
}
.p-top .p-top__price .p-top__price-comparison .p-top__price-comparison-body .p-top__price-comparison-body-row .p-top__price-comparison-body-cell img {
width: 206px;
height: 146px;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 1002px) {
.p-top .p-top__price .p-top__price-comparison .p-top__price-comparison-body .p-top__price-comparison-body-row .p-top__price-comparison-body-cell img {
width: 100%;
height: auto;
}
}
.p-top .p-top__price .p-top__price-comparison .p-top__price-comparison-body .p-top__price-comparison-body-row:nth-child(1) .p-top__price-comparison-body-cell:nth-child(2) {
border-right: #163151 5px solid;
border-left: #163151 5px solid;
}
.p-top .p-top__price .p-top__price-comparison .p-top__price-comparison-body .p-top__price-comparison-body-row:last-child .p-top__price-comparison-body-cell {
text-align: left;
}
.p-top .p-top__price .p-top__price-comparison .p-top__price-comparison-body .p-top__price-comparison-body-row:last-child .p-top__price-comparison-body-cell:first-child {
text-align: center;
}
.p-top .p-top__price .p-top__price-comparison .p-top__price-comparison-body .p-top__price-comparison-body-row:last-child .p-top__price-comparison-body-cell:nth-child(2) {
border-bottom: #163151 5px solid;
}
@media (max-width: 1002px) {
.p-top .p-top__price .p-top__price-list-supplement {
font-size: 14px;
}
}
.p-top .p-top__step {
background: #f6f6f6;
}
.p-top .p-top__step .p-top__step-box-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 40px;
}
.p-top .p-top__step .p-top__step-box-container .p-top__step-box {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
padding: 30px 20px 20px;
box-shadow: rgba(0, 0, 0, 0.25) 2px 4px 2px;
background-color: white;
}
@media (max-width: 1002px) {
.p-top .p-top__step .p-top__step-box-container .p-top__step-box {
width: 100%;
box-shadow: none;
}
}
.p-top .p-top__step .p-top__step-box-container .p-top__step-box .p-top__step-box-title {
position: absolute;
top: -25px;
left: 10px;
display: flex;
align-items: center;
font-size: 25px;
gap: 15px;
}
@media (max-width: 1002px) {
.p-top .p-top__step .p-top__step-box-container .p-top__step-box .p-top__step-box-title {
top: -18px;
left: 50%;
justify-content: center;
width: 100%;
font-size: 18px;
transform: translateX(-50%);
}
}
.p-top .p-top__step .p-top__step-box-container .p-top__step-box .p-top__step-box-title span {
font-size: 35px;
color: #0966b3;
}
@media (max-width: 1002px) {
.p-top .p-top__step .p-top__step-box-container .p-top__step-box .p-top__step-box-title span {
font-size: 22px;
}
}
.p-top .p-top__step .p-top__step-box-container .p-top__step-box .p-top__step-box-content {
display: flex;
gap: 20px;
}
@media (max-width: 1002px) {
.p-top .p-top__step .p-top__step-box-container .p-top__step-box .p-top__step-box-content {
flex-direction: column;
align-items: center;
}
}
.p-top .p-top__step .p-top__step-box-container .p-top__step-box .p-top__step-box-content .p-top__step-box-img {
width: 220px;
height: 148px;
}
.p-top .p-top__step .p-top__step-box-container .p-top__step-box .p-top__step-box-content .p-top__step-box-text {
font-size: 18px;
}
@media (max-width: 1002px) {
.p-top .p-top__step .p-top__step-box-container .p-top__step-box .p-top__step-box-content .p-top__step-box-text {
font-size: 16px;
}
}
@media (max-width: 768px) {
.p-top .p-top__step .p-top__step-box-container .p-top__step-box .p-top__step-box-content .p-top__step-box-text {
font-size: 14px;
}
}
.p-top .p-top__region .p-top__region-container {
display: flex;
flex-direction: column;
gap: 20px;
}
.p-top .p-top__region .p-top__region-container .p-top__region-content {
display: flex;
flex-direction: column;
gap: 10px;
}
.p-top .p-top__region .p-top__region-container .p-top__region-content p {
font-size: 18px;
letter-spacing: 0;
text-align: justify;
}
@media (max-width: 1002px) {
.p-top .p-top__region .p-top__region-container .p-top__region-content p {
font-size: 14px;
}
}
.p-top .p-top__problem5 {
color: white;
background-color: #464646;
}
@media (max-width: 768px) {
.p-top .p-top__problem5 .p-top__problem5-title {
font-size: 20px;
}
}
.p-top .p-top__problem5 .p-top__problem5-content {
display: flex;
flex-direction: column;
gap: 45px;
}
@media (max-width: 1002px) {
.p-top .p-top__problem5 .p-top__problem5-content .p-top__problem5-text {
font-size: 16px;
}
}
@media (max-width: 768px) {
.p-top .p-top__problem5 .p-top__problem5-content .p-top__problem5-text {
font-size: 14px;
}
}
.p-top .p-top__problem5 .p-top__problem5-content .p-top__problem5-image-container {
display: flex;
justify-content: space-between;
width: 100%;
gap: 20px;
}
@media (max-width: 1002px) {
.p-top .p-top__problem5 .p-top__problem5-content .p-top__problem5-image-container {
gap: 0;
}
}
.p-top .p-top__problem5 .p-top__problem5-content .p-top__problem5-image-container .p-top__problem5-image:first-child {
width: 494px;
height: 329px;
}
@media (max-width: 1002px) {
.p-top .p-top__problem5 .p-top__problem5-content .p-top__problem5-image-container .p-top__problem5-image:first-child {
width: 49%;
height: auto;
}
}
.p-top .p-top__problem5 .p-top__problem5-content .p-top__problem5-image-container .p-top__problem5-image:nth-child(3) {
width: 442px;
height: 329px;
}
@media (max-width: 1002px) {
.p-top .p-top__problem5 .p-top__problem5-content .p-top__problem5-image-container .p-top__problem5-image:nth-child(3) {
width: 49%;
height: auto;
}
}
.p-top .p-top__consulting .p-top__consulting-box-container {
display: flex;
flex-direction: column;
gap: 20px;
}
.p-top .p-top__consulting .p-top__consulting-box-container .p-top__consulting-box {
display: flex;
padding: 20px;
border: #163151 6px solid;
gap: 20px;
}
@media (max-width: 1002px) {
.p-top .p-top__consulting .p-top__consulting-box-container .p-top__consulting-box {
flex-direction: column;
align-items: center;
padding: 16px;
}
}
.p-top .p-top__consulting .p-top__consulting-box-container .p-top__consulting-box .p-top__consulting-text-container {
display: flex;
flex-direction: column;
gap: 16px;
}
.p-top .p-top__consulting .p-top__consulting-box-container .p-top__consulting-box .p-top__consulting-text-container .p-top__consulting-box-title {
font-size: 25px;
}
@media (max-width: 1002px) {
.p-top .p-top__consulting .p-top__consulting-box-container .p-top__consulting-box .p-top__consulting-text-container .p-top__consulting-box-title {
font-size: 20px;
}
}
.p-top .p-top__consulting .p-top__consulting-box-container .p-top__consulting-box .p-top__consulting-text-container .p-top__consulting-box-text {
font-size: 18px;
}
@media (max-width: 1002px) {
.p-top .p-top__consulting .p-top__consulting-box-container .p-top__consulting-box .p-top__consulting-text-container .p-top__consulting-box-text {
font-size: 16px;
}
}
@media (max-width: 768px) {
.p-top .p-top__consulting .p-top__consulting-box-container .p-top__consulting-box .p-top__consulting-text-container .p-top__consulting-box-text {
font-size: 14px;
}
}
.p-top .p-top__consulting .p-top__consulting-box-container .p-top__consulting-box .p-top__consulting-image {
width: 229px;
height: 173px;
}
.p-top .p-top__warning {
background: #f6f6f6;
}
.p-top .p-top__warning .p-top__warning-text-container {
padding: 30px;
background-color: white;
}
@media (max-width: 1002px) {
.p-top .p-top__warning .p-top__warning-text-container {
padding: 16px;
}
}
@media (max-width: 1002px) {
.p-top .p-top__warning .p-top__warning-text-container .p-top__warning-text {
font-size: 14px;
}
}
.p-top .p-top__qa .p-top__qa-list {
display: flex;
flex-direction: column;
gap: 20px;
}
@media (max-width: 1002px) {
.p-top .p-top__qa .p-top__qa-list {
gap: 10px;
}
}
.p-top .p-top__qa .p-top__qa-list .p-top__qa-item {
display: flex;
flex-direction: column;
padding: 0 0 40px;
border-bottom: #000 1px solid;
}
.p-top .p-top__qa .p-top__qa-list .p-top__qa-item:last-child {
border-bottom: none;
}
@media (max-width: 1002px) {
.p-top .p-top__qa .p-top__qa-list .p-top__qa-item {
padding: 0 0 30px;
gap: 10px;
}
}
.p-top .p-top__qa .p-top__qa-list .p-top__qa-item .p-top__qa-item-question-container {
display: flex;
align-items: center;
gap: 30px;
}
@media (max-width: 576px) {
.p-top .p-top__qa .p-top__qa-list .p-top__qa-item .p-top__qa-item-question-container {
gap: 15px;
}
}
.p-top .p-top__qa .p-top__qa-list .p-top__qa-item .p-top__qa-item-question-container span {
font-size: 40px;
font-weight: 700;
margin-bottom: 10px;
}
@media (max-width: 1002px) {
.p-top .p-top__qa .p-top__qa-list .p-top__qa-item .p-top__qa-item-question-container span {
font-size: 30px;
}
}
.p-top .p-top__qa .p-top__qa-list .p-top__qa-item .p-top__qa-item-question-container .p-top__qa-item-question {
font-size: 20px;
}
@media (max-width: 576px) {
.p-top .p-top__qa .p-top__qa-list .p-top__qa-item .p-top__qa-item-question-container .p-top__qa-item-question {
font-size: 18px;
}
}
.p-top .p-top__qa .p-top__qa-list .p-top__qa-item .p-top__qa-item-answer-container {
display: flex;
gap: 40px;
padding-left: 6px;
}
@media (max-width: 1002px) {
.p-top .p-top__qa .p-top__qa-list .p-top__qa-item .p-top__qa-item-answer-container {
gap: 38px;
padding-left: 4px;
}
}
@media (max-width: 576px) {
.p-top .p-top__qa .p-top__qa-list .p-top__qa-item .p-top__qa-item-answer-container {
gap: 20px;
padding-left: 5px;
}
}
.p-top .p-top__qa .p-top__qa-list .p-top__qa-item .p-top__qa-item-answer-container span {
font-size: 25px;
font-weight: 700;
margin-top: -8px;
}
@media (max-width: 1002px) {
.p-top .p-top__qa .p-top__qa-list .p-top__qa-item .p-top__qa-item-answer-container span {
font-size: 20px;
}
}
@media (max-width: 576px) {
.p-top .p-top__qa .p-top__qa-list .p-top__qa-item .p-top__qa-item-answer-container span {
margin-top: -5px;
}
}
.p-top .p-top__qa .p-top__qa-list .p-top__qa-item .p-top__qa-item-answer-container .p-top__qa-item-answer {
line-height: 1.4;
}
@media (max-width: 1002px) {
.p-top .p-top__qa .p-top__qa-list .p-top__qa-item .p-top__qa-item-answer-container .p-top__qa-item-answer {
font-size: 16px;
}
}
.p-top .p-top__intro-region {
background: #f6f6f6;
}
@media (max-width: 1002px) {
.p-top .p-top__intro-region .p-top__intro-region-title {
font-size: 20px;
}
}
.p-top .p-top__intro-region .p-top__intro-region-text-container {
padding: 30px;
background-color: white;
}
@media (max-width: 1002px) {
.p-top .p-top__intro-region .p-top__intro-region-text-container {
padding: 16px;
}
}
.p-top .p-top__intro-region .p-top__intro-region-text-container .p-top__intro-region-text {
font-size: 18px;
}
@media (max-width: 1002px) {
.p-top .p-top__intro-region .p-top__intro-region-text-container .p-top__intro-region-text {
font-size: 16px;
}
}
@media (max-width: 768px) {
.p-top .p-top__intro-region .p-top__intro-region-text-container .p-top__intro-region-text {
font-size: 14px;
}
}