@charset "UTF-8";
/* ======================================== foundation ======================================== */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, li > ul, a, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, figcaption, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: bottom; background: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; }

a { text-decoration: none; color: inherit; }

li { list-style-type: none; }

@media (max-width: 1079px) { .is-pc { display: none !important; } }

@media (min-width: 1080px) { .is-tab { display: none !important; } }

@media (min-width: 768px) { .is-sp { display: none !important; } }

@media (max-width: 1080px) { .tabNone { display: none !important; } }

@media (max-width: 767px) { .spNone { display: none !important; } }

@media (min-width: 768px) { .spOnly { display: none !important; } }

body.active { width: 100%; height: 100%; position: fixed; }

.wpcf7-spinner { display: none; }

input[type="submit"] { -webkit-appearance: none; }

html { scroll-behavior: smooth; }

body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; width: 100%; font-size: 16px; font-weight: 600; font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", Meiryo, sans-serif; color: #1A1A1A; }

img { width: 100%; height: auto; vertical-align: bottom; }

p { line-height: 1.7; color: #1A1A1A; }

iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* ======================================== layout ======================================== */
.l-sec-inner { max-width: 1080px; width: 100%; margin: 0 auto; }

@media (max-width: 1079px) { .l-sec-inner { width: 90%; } }

.l-wrapper { overflow: hidden; }

/* ======================================== object / component ======================================== */
.c-btn-cta--green a { display: inline-block; font-size: 35px; line-height: 1; color: #fff; background-color: #03B54C; text-align: center; border-radius: 50px; padding: 25px 65px; position: relative; z-index: 1; -webkit-box-shadow: 0 4px 0 #039D42; box-shadow: 0 4px 0 #039D42; -webkit-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out; }

@media (max-width: 767px) { .c-btn-cta--green a { font-size: 25px; padding: 20px 60px; } }

.c-btn-cta--green a:hover { background-color: #E38D02; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; -webkit-transform: translateY(4px); transform: translateY(4px); }

.c-btn-pagetop { right: 30px; width: 50px; height: 50px; border-radius: 50px; background-color: #fff; z-index: 100; }

.c-btn-pagetop a { display: block; width: 50px; height: 50px; font-size: 12px; color: #7ECCD3; position: relative; text-align: center; }

.c-btn-pagetop a::before { content: ""; display: block; color: #7ECCD3; line-height: 1; width: 15px; height: 15px; border: 4px solid currentColor; border-left: 0; border-bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; bottom: 25px; left: 50%; -webkit-transform: translateX(-50%) translateY(25%) rotate(-45deg); transform: translateX(-50%) translateY(25%) rotate(-45deg); }

.c-btn-pagetop a::after { content: "TOP"; display: block; position: absolute; left: 50%; bottom: 5px; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

/* =====================================
　ハンバーガーメニュー
====================================== */
.p-sp-menu_botton { display: block; position: relative; width: 31px; height: 23px; cursor: pointer; text-align: center; }

.p-sp-menu_botton::after { content: "MENU"; font-size: 10px; font-weight: bold; color: #7ECCD3; position: absolute; bottom: -10px; left: 1px; white-space: nowrap; }

.p-sp-menu_botton.active::after { content: "CLOSE"; font-size: 10px; font-weight: bold; color: #7ECCD3; position: absolute; bottom: -30px; left: 0; white-space: nowrap; }

.p-sp-menu_botton.active { z-index: 100; /* position: fixed; right: 40px; */ }

.p-sp-menu_botton span { display: block; position: absolute; width: 31px; height: 4px; border-radius: 3px; left: 2px; background: #7ECCD3; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }

.p-sp-menu_botton span:nth-child(1) { top: 0; }

.p-sp-menu_botton span:nth-child(2) { top: 10px; }

.p-sp-menu_botton.active span:nth-child(1) { top: 16px; left: 2px; background: #7ECCD3; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.p-sp-menu_botton.active span:nth-child(2) { top: 16px; background: #7ECCD3; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.p-sp-menu_content { position: fixed; z-index: 10; top: 0; right: 0; color: #303030; background-color: #fff; background-repeat: repeat; background-size: contain; text-align: center; width: 400px; height: 100vh; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: 0.4s ease-in; transition: 0.4s ease-in; }

.p-sp-menu_content.active { -webkit-transform: translateX(0%); transform: translateX(0%); }

.p-sp-menu_inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; height: 100%; background-color: rgba(179, 225, 229, 0.2); }

.p-sp-menu_list { margin-bottom: 20px; }

.p-sp-menu_item { list-style-type: none; margin-left: 10px; margin-bottom: 30px; }

.p-sp-menu_item:hover a { color: #981619; }

.p-sp-menu_item a { display: block; font-size: 20px; font-weight: 700; text-align: left; color: #134169; text-decoration: none; }

.p-sp-menu_content .c-btn-cta { margin-right: 0 !important; max-width: 200px; width: 100%; }

.p-sp-menu_content .c-btn-cta a { width: 100% !important; height: 40px !important; line-height: 40px !important; font-size: 20px !important; }

.p-sp-menu .filter { content: ""; width: 100vw; height: 100vh; background-color: rgba(30, 30, 30, 0.9); position: fixed; top: 0; left: 0; z-index: 2; opacity: 0; visibility: hidden; -webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }

.p-sp-menu .filter.active { opacity: 1; visibility: visible; }

.c-headingA { font-size: 30px; line-height: 1; color: #134169; text-align: center; position: relative; z-index: 1; }

@media (max-width: 767px) { .c-headingA { font-size: 20px; } }

.c-headingA::after { content: ""; display: block; background-repeat: no-repeat; background-size: contain; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1; }

.c-headingA--flow::after { background-image: url(https://cnctorsite.sakura.ne.jp/smp_lineorder/wp-content/uploads/2022/05/heading-bg-flow.png); width: 100%; max-width: 276px; height: 141px; }

@media (max-width: 767px) { .c-headingA--flow::after { max-width: 180px; height: 92px; } }

.c-headingA--feature::after { background-image: url(https://cnctorsite.sakura.ne.jp/smp_lineorder/wp-content/uploads/2022/05/heading-bg-feature.png); width: 100%; max-width: 436px; height: 141px; }

@media (max-width: 767px) { .c-headingA--feature::after { max-width: 285px; height: 92px; } }

.c-headingA--price::after { background-image: url(https://cnctorsite.sakura.ne.jp/smp_lineorder/wp-content/uploads/2022/05/heading-bg-price.png); width: 100%; max-width: 288px; height: 141px; }

@media (max-width: 767px) { .c-headingA--price::after { max-width: 180px; height: 92px; } }

.c-headingA--faq::after { background-image: url(https://cnctorsite.sakura.ne.jp/smp_lineorder/wp-content/uploads/2022/05/heading-bg-faq.png); width: 100%; max-width: 190px; height: 141px; }

@media (max-width: 767px) { .c-headingA--faq::after { max-width: 125px; height: 92px; } }

.c-headingA--contact::after { background-image: url(https://cnctorsite.sakura.ne.jp/smp_lineorder/wp-content/uploads/2022/05/heading-bg-contact.png); width: 100%; max-width: 448px; height: 141px; }

@media (max-width: 767px) { .c-headingA--contact::after { max-width: 292px; height: 92px; } }

/* ======================================== object / project ======================================== */
.p-footer_top { background-color: #E0F3F3; }

.p-footer_top-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 75px 0; }

@media (max-width: 767px) { .p-footer_top-inner { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } }

.p-footer_top-nav { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media (max-width: 767px) { .p-footer_top-nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

@media (max-width: 767px) { .p-footer_top-menu { margin-bottom: 30px; } }

.p-footer_top-menu li { margin-right: 129px; }

@media (max-width: 1079px) { .p-footer_top-menu li { margin-right: 30px; } }

@media (max-width: 767px) { .p-footer_top-menu li { margin-right: 0; } }

.p-footer_top-menu li:not(:last-child) { margin-bottom: 19px; }

@media (max-width: 767px) { .p-footer_top-menu li:not(:last-child) { margin-bottom: 30px; } }

.p-footer_top-menu a { color: #2D4057; }

.p-footer_top-menu a::before { content: ""; display: inline-block; background-image: url(https://cnctorsite.sakura.ne.jp/smp_lineorder/wp-content/uploads/2022/05/ancor-arrowA.png); background-repeat: no-repeat; background-size: contain; width: 19px; height: 19px; margin-bottom: -2px; margin-right: 11px; }

.p-footer_top .c-btn-cta { margin-left: auto; }

.p-footer_top .c-btn-cta a { padding: 15px 53px; font-size: 25px; }

.p-footer_logo { max-width: 160px; margin-right: 66px; }

@media (max-width: 767px) { .p-footer_logo { max-width: 200px; margin: 30px auto 0; } }

.p-footer_bottom { background-color: #7ECCD3; }

.p-footer_bottom-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 50px 0; }

@media (max-width: 767px) { .p-footer_bottom-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 30px 0; } }

.p-footer_bottom-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 190px; }

@media (max-width: 1079px) { .p-footer_bottom-menu { margin-right: 80px; } }

@media (max-width: 767px) { .p-footer_bottom-menu { margin-right: 0; margin-bottom: 20px; } }

.p-footer_bottom-menu li { position: relative; padding: 0 40px; line-height: 1; }

@media (max-width: 767px) { .p-footer_bottom-menu li { padding: 0 30px; } }

.p-footer_bottom-menu li:not(:last-child):after { content: ""; display: inline-block; width: 1px; height: 100%; background-color: #fff; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.p-footer_bottom-menu li a { color: #fff; line-height: 1; }

@media (max-width: 767px) { .p-footer_bottom-menu li a { font-size: 13px; } }

.p-footer_bottom .copyright { color: #fff; font-size: 16px; }

.p-header_inner { background-color: #fff; padding-top: 38px; padding-bottom: 38px; padding-left: 24px; padding-right: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 1600px; margin: 0 auto; }

.p-header_logo { max-width: 320px; }

@media (max-width: 1440px) { .p-header_logo { max-width: 250px; } }

.p-header_nav { margin-left: auto; margin-right: 88px; }

@media (max-width: 1440px) { .p-header_nav { margin-right: 44px; } }

.p-header_nav-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 88px; }

@media (max-width: 1440px) { .p-header_nav-list { gap: 0 24px; } }

.p-header_nav a { font-size: 16px; font-weight: 600; }

.p-header .c-btn-cta a { font-size: 16px; padding: 13px 46px; }

.p-header_sp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px; }

.p-header_sp-logo { margin-right: auto; max-width: 250px; }

@media (max-width: 767px) { .p-header_sp-logo { max-width: 130px; } }

.p-header_sp .c-btn-cta { margin-right: 20px; }

.p-header_sp .c-btn-cta a { width: 120px; height: 32px; line-height: 32px; padding: 0; font-size: 14px; }

.p-flow-step_guide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 0 83px; margin-bottom: 57px; }

@media (max-width: 767px) { .p-flow-step_guide { gap: 0 30px; } }

.p-flow-step_guide p { font-size: 20px; line-height: 1; color: #2D4057; padding-left: 75px; position: relative; }

@media (max-width: 767px) { .p-flow-step_guide p { padding-left: 35px; } }

.p-flow-step_guide-user::before { display: inline-block; content: ""; width: 50px; height: 50px; border-radius: 50px; background-color: #B3E1E5; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media (max-width: 767px) { .p-flow-step_guide-user::before { width: 30px; height: 30px; } }

.p-flow-step_guide-store::before { display: inline-block; content: ""; width: 50px; height: 50px; border-radius: 50px; background-color: #2D4057; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media (max-width: 767px) { .p-flow-step_guide-store::before { width: 30px; height: 30px; } }

.p-flow-step_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 0 180px; text-align: center; width: 82%; margin: 0 auto; position: relative; }

@media (max-width: 1079px) { .p-flow-step_list { gap: 0 100px; width: 90%; } }

@media (max-width: 767px) { .p-flow-step_list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px 0; } }

@media (max-width: 767px) { .p-flow-step_list::before { content: ""; width: 3px; height: calc(100% - 300px); background-color: #B3E1E5; position: absolute; top: 0; left: 8px; } }

.p-flow-step_list--user { margin-bottom: 21px; }

@media (max-width: 767px) { .p-flow-step_list--user::before { content: ""; height: calc(100% - 350px); background-color: #B3E1E5; } }

.p-flow-step_list--user .number { background-color: #B3E1E5; color: #2D4057; }

.p-flow-step_list--user li:not(:last-child)::after { right: -65%; }

@media (max-width: 1079px) { .p-flow-step_list--user li:not(:last-child)::after { right: -45%; } }

.p-flow-step_list--store { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media (max-width: 767px) { .p-flow-step_list--store::before { content: ""; height: calc(100% - 180px); background-color: #2D4057; } }

.p-flow-step_list--store .number { background-color: #2D4057; color: #fff; }

.p-flow-step_list--store .image { max-width: 272px; }

.p-flow-step_list--store li:not(:last-child)::after { right: -45%; }

@media (max-width: 1079px) { .p-flow-step_list--store li:not(:last-child)::after { right: -25%; } }

.p-flow-step_list li { position: relative; }

.p-flow-step_list li:not(:last-child)::after { content: ""; display: block; width: 20px; height: 24px; background-color: #D3D5D4; -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%); clip-path: polygon(0 0, 100% 50%, 0 100%); position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media (max-width: 767px) { .p-flow-step_list li:not(:last-child)::after { display: none; } }

.p-flow-step_list .number { border-radius: 50px; width: 50px; height: 50px; line-height: 50px; text-align: center; margin-bottom: 20px; margin-left: auto; margin-right: auto; }

@media (max-width: 767px) { .p-flow-step_list .number { position: absolute; top: 0; left: -15px; } }

.p-flow-step_list .image { margin-bottom: 9px; }

@media (max-width: 767px) { .p-flow-step_list .image { max-width: 50%; margin: 0 auto; } }

.p-flow-step_list .text small { display: block; font-size: 14px; line-height: 1.35; }

.p-price-table { max-width: 720px; margin: 0 auto; }

.p-price-table_fuki { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 0 6px; padding-right: 10px; margin-bottom: 30px; }

@media (max-width: 767px) { .p-price-table_fuki { gap: 0 20px; } }

@media (max-width: 520px) { .p-price-table_fuki { gap: 0 3px; padding-right: 3px; margin-bottom: 12px; } }

.p-price-table_fuki p { background-color: #E3A654; color: #fff; font-size: 16px; width: 250px; line-height: 1; padding: 18px 0; text-align: center; border-radius: 33px; position: relative; }

@media (max-width: 767px) { .p-price-table_fuki p { font-size: 13px; width: 180px; line-height: 1.13; padding: 8px 0; } }

@media (max-width: 520px) { .p-price-table_fuki p { width: 120px; } }

.p-price-table_fuki p::after { content: ""; display: block; width: 22px; height: 11px; background-color: #E3A654; -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%); clip-path: polygon(0 0, 100% 0, 50% 100%); position: absolute; bottom: -10px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

@media (max-width: 520px) { .p-price-table_fuki p::after { width: 11px; height: 6px; bottom: -6px; } }

.p-price-table table { background-color: #1C8B96; border-spacing: 10px; width: 100%; }

@media (max-width: 520px) { .p-price-table table { border-spacing: 5px; } }

.p-price-table table th, .p-price-table table td { text-align: center; vertical-align: middle; font-size: 20px; line-height: 1.7; height: 120px; }

@media (max-width: 767px) { .p-price-table table th, .p-price-table table td { height: 60px; font-size: 13px; } }

.p-price-table table .row-title { background-color: #fff; width: 240px; color: #1C8B96; }

@media (max-width: 520px) { .p-price-table table .row-title { width: 120px; } }

.p-price-table table .col-title { background-color: rgba(255, 255, 255, 0.33); width: 200px; color: #fff; }

@media (max-width: 520px) { .p-price-table table .col-title { width: 80px; } }

.p-price-table table .content { background-color: #E0F3F3; width: 240px; color: #2D4057; }

@media (max-width: 520px) { .p-price-table table .content { width: 120px; } }

.p-price-table table mark { color: #2D4057; background: white; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, rgba(255, 255, 255, 0)), color-stop(70%, #fff96a), to(#fff96a)); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 70%, #fff96a 70%, #fff96a 100%); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 70%, #fff96a 70%, #fff96a 100%); }

.p-price-table table small { font-size: 0.5em; display: inline-block; margin-left: 5px; margin-bottom: 5px; }

@media (max-width: 520px) { .p-price-table table small { font-size: 0.7em; margin-left: 3px; margin-bottom: 2px; } }

.p-sec-band { background-color: #E3A654; padding-top: 54px; padding-bottom: 48px; position: relative; }

@media (max-width: 767px) { .p-sec-band { padding-top: 25px; padding-bottom: 25px; } }

.p-sec-band::after { content: ""; display: block; background-color: #E3A654; width: 77px; height: 36px; -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%); clip-path: polygon(0 0, 100% 0, 50% 100%); position: absolute; bottom: -35px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

@media (max-width: 767px) { .p-sec-band::after { width: 25px; height: 15px; bottom: -15px; } }

.p-sec-band_heading { font-size: 25px; line-height: 1; text-align: center; color: #fff; }

@media (max-width: 767px) { .p-sec-band_heading { font-size: 20px; } }

/* ======================================== object / project ======================================== */
.p-flex-solution { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0 170px; padding-left: 25px; padding-right: 25px; }

@media (max-width: 1079px) { .p-flex-solution { gap: 0 80px; } }

@media (max-width: 767px) { .p-flex-solution { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px 0; } }

.p-flex-solution_img { margin-bottom: 12px; }

@media (max-width: 767px) { .p-flex-solution_img { width: 70%; margin: 0 auto 10px; } }

.p-flex-solution_text { font-size: 15px; text-align: center; }

.top-mv { background-color: rgba(179, 225, 229, 0.2); }

.top-mv_inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 54px 0; }

@media (max-width: 767px) { .top-mv_inner { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }

.top-mv_img { max-width: 559px; }

@media (max-width: 1079px) { .top-mv_img { max-width: 40%; } }

@media (max-width: 767px) { .top-mv_img { max-width: 100%; } }

.top-mv_img .top-mv_cta a { width: 100%; margin-top: 20px; }

.top-mv_detail { padding-left: 66px; }

@media (max-width: 1079px) { .top-mv_detail { width: 60%; } }

@media (max-width: 767px) { .top-mv_detail { width: 100%; padding-left: 0; } }

.top-mv_text { font-size: 25px; line-height: 1; margin-bottom: 27px; color: #134169; padding-left: 18px; }

@media (max-width: 980px) { .top-mv_text { font-size: 20px; } }

@media (max-width: 767px) { .top-mv_text { font-size: 18px; } }

.top-mv_text span:not(:last-child) { display: block; margin-bottom: 10px; }

.top-mv_heading { max-width: 400px; margin-bottom: 50px; }

@media (max-width: 767px) { .top-mv_heading { max-width: 300px; margin: 0 auto 20px; } }

.top-mv_cta a { padding: 14px 40px; }

@media (max-width: 767px) { .top-mv_cta a { padding: 14px 20px; } }

.top-mv_cta small { display: block; font-size: 17px; line-height: 1; margin-bottom: 4px; }

@media (max-width: 767px) { .top-mv_cta small { font-size: 13px; } }

.top-mv_cta strong { display: block; font-size: 35px; line-height: 1; }

@media (max-width: 767px) { .top-mv_cta strong { font-size: 25px; } }

.top-trouble_inner { padding-top: 61px; padding-bottom: 35px; }

.top-trouble_heading { text-align: center; font-size: 25px; line-height: 1; margin-bottom: 60px; }

@media (max-width: 767px) { .top-trouble_heading { font-size: 20px; line-height: 1.5; margin-bottom: 30px; } }

.top-solution_inner { padding-top: 80px; padding-bottom: 145px; }

@media (max-width: 1079px) { .top-solution_inner { padding-bottom: 80px; } }

@media (max-width: 767px) { .top-solution_inner { padding-top: 40px; padding-bottom: 40px; } }

.top-solution_heading { text-align: center; font-size: 25px; line-height: 1; margin-bottom: 43px; }

@media (max-width: 767px) { .top-solution_heading { font-size: 20px; line-height: 1.5; } }

.top-solution_heading span { color: #7ECCD3; }

.top-flow_inner { padding-top: 130px; padding-bottom: 85px; margin-bottom: 112px; background-color: rgba(179, 225, 229, 0.2); }

@media (max-width: 767px) { .top-flow_inner { padding-top: 60px; padding-bottom: 60px; margin-bottom: 30px; } }

.top-flow .c-headingA { margin-bottom: 52px; }

.top-flow .c-btn-cta { text-align: center; }

.top-flow .c-btn-cta a { padding: 25px 65px; }

.top-feature_inner { padding-top: 198px; }

@media (max-width: 767px) { .top-feature_inner { padding-top: 150px; } }

.top-feature .c-headingA { margin-bottom: 108px; }

.top-feature_list { margin-bottom: 117px; }

@media (max-width: 767px) { .top-feature_list { margin-bottom: 50px; } }

.top-feature_item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 33px; padding-bottom: 33px; position: relative; background-color: #f0f9fa; max-width: 91.7%; height: 262px; }

@media (max-width: 1079px) { .top-feature_item { max-width: 98%; height: auto; } }

@media (max-width: 767px) { .top-feature_item { height: auto; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding-top: 100px; padding-bottom: 50px; max-width: 100%; } }

.top-feature_item:not(:last-child) { margin-bottom: 54px; }

.top-feature_item--normal { margin-left: auto; padding-right: 85px; }

@media (max-width: 767px) { .top-feature_item--normal { padding-right: 30px; padding-left: 30px; margin: 0 auto; } }

.top-feature_item--normal::after { content: ""; display: block; width: 100%; height: 100%; background-color: #f0f9fa; position: absolute; top: 0; right: -100%; }

@media (max-width: 767px) { .top-feature_item--normal::after { display: none; } }

.top-feature_item--reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding-left: 85px; }

@media (max-width: 767px) { .top-feature_item--reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding-left: 30px; padding-right: 30px; } }

.top-feature_item--reverse::after { content: ""; display: block; width: 100%; height: 100%; background-color: #f0f9fa; position: absolute; top: 0; left: -100%; }

@media (max-width: 767px) { .top-feature_item--reverse::after { display: none; } }

.top-feature_img--01 { max-width: 112px; margin-right: 183px; margin-left: 124px; }

@media (max-width: 1079px) { .top-feature_img--01 { min-width: 80px; margin-right: 40px; margin-left: 50px; } }

@media (max-width: 767px) { .top-feature_img--01 { margin-right: 0; margin-left: 0; } }

.top-feature_img--02 { max-width: 134px; margin-left: 181px; margin-right: 62px; }

@media (max-width: 1079px) { .top-feature_img--02 { margin-right: 50px; margin-left: 40px; } }

@media (max-width: 767px) { .top-feature_img--02 { margin-right: 0; margin-left: 0; } }

.top-feature_img--03 { max-width: 197px; margin-right: 150px; margin-left: 105px; }

@media (max-width: 1079px) { .top-feature_img--03 { margin-right: 40px; margin-left: 50px; } }

@media (max-width: 767px) { .top-feature_img--03 { margin-right: 0; margin-left: 0; } }

.top-feature_img--04 { max-width: 248px; margin-left: 99px; margin-right: 52px; }

@media (max-width: 1079px) { .top-feature_img--04 { margin-right: 50px; margin-left: 40px; } }

@media (max-width: 767px) { .top-feature_img--04 { margin-right: 0; margin-left: 0; } }

.top-feature_img--05 { max-width: 273px; margin-right: 91px; margin-left: 62px; }

@media (max-width: 1079px) { .top-feature_img--05 { margin-right: 40px; margin-left: 50px; } }

@media (max-width: 767px) { .top-feature_img--05 { margin-right: 0; margin-left: 0; } }

@media (max-width: 767px) { .top-feature_detail { margin-bottom: 50px; } }

.top-feature_detail h3 { font-size: 20px; line-height: 1.7; color: #134169; margin-bottom: 25px; padding-left: 63px; position: relative; }

@media (max-width: 767px) { .top-feature_detail h3 { padding-left: 0; text-align: center; } }

.top-feature_detail h3 span { font-size: 30px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media (max-width: 767px) { .top-feature_detail h3 span { top: -50px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } }

.top-feature_detail p { text-align: justify; }

.top-feature .c-btn-cta { text-align: center; }

.top-price_inner { padding-top: 195px; }

@media (max-width: 767px) { .top-price_inner { padding-top: 150px; } }

.top-price .c-headingA { margin-bottom: 104px; }

@media (max-width: 520px) { .top-price .c-headingA { margin-bottom: 46px; } }

.top-price_table { margin-bottom: 116px; }

@media (max-width: 520px) { .top-price_table { margin-bottom: 100px; } }

.top-price .c-btn-cta { text-align: center; }

.top-faq_inner { padding-top: 174px; padding-bottom: 150px; }

@media (max-width: 767px) { .top-faq_inner { padding-top: 150px; padding-bottom: 50px; } }

.top-faq .c-headingA { margin-bottom: 108px; }

@media (max-width: 767px) { .top-faq .c-headingA { margin-bottom: 40px; } }

.top-faq_item { background-color: #E0F3F3; padding: 50px 80px; }

@media (max-width: 767px) { .top-faq_item { padding: 30px 50px; margin: 0 calc(50% - 50vw); } }

.top-faq_item:not(:last-child) { margin-bottom: 20px; }

@media (max-width: 767px) { .top-faq_item:not(:last-child) { margin-bottom: 20px !important; } }

.top-faq_item h3 { font-size: 20px; color: #4D9FA7; position: relative; padding-left: 40px; margin-bottom: 21px; }

@media (max-width: 767px) { .top-faq_item h3 { font-size: 15px; padding-left: 40px; } }

.top-faq_item h3::before { content: "Q"; font-size: 20px; line-height: 1; color: #4D9FA7; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media (max-width: 767px) { .top-faq_item h3::before { font-size: 25px; top: 0; -webkit-transform: initial; transform: initial; } }

.top-faq_item p { font-size: 20px; color: #1A1A1A; position: relative; padding-left: 40px; }

@media (max-width: 767px) { .top-faq_item p { font-size: 15px; font-weight: normal; padding-left: 40px; } }

.top-faq_item p::before { content: "A"; font-size: 20px; line-height: 1; color: #1A1A1A; position: absolute; top: 5px; left: 0; }

@media (max-width: 767px) { .top-faq_item p::before { font-size: 25px; font-weight: bold; } }

.top-contact { background-color: #F7F8F8; margin-bottom: 150px; }

@media (max-width: 767px) { .top-contact { margin-bottom: 40px; } }

.top-contact_inner { padding-top: 120px; padding-bottom: 130px; }

@media (max-width: 767px) { .top-contact_inner { padding-top: 80px; padding-bottom: 80px; } }

.top-contact .c-headingA { margin-bottom: 144px; }

@media (max-width: 767px) { .top-contact .c-headingA { margin-bottom: 80px; } }

.top-contact_form { width: 82.5%; margin: 0 auto; }

@media (max-width: 767px) { .top-contact_form { width: 100%; } }

.top-contact_form dl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (max-width: 767px) { .top-contact_form dl { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.top-contact_form dl:not(:last-child) { margin-bottom: 40px; }

.top-contact_form dt { -ms-flex-preferred-size: 270px; flex-basis: 270px; color: #707070; font-size: 20px; line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-right: 60px; }

@media (max-width: 1079px) { .top-contact_form dt { -ms-flex-preferred-size: 200px; flex-basis: 200px; font-size: 20px; } }

@media (max-width: 767px) { .top-contact_form dt { -ms-flex-preferred-size: initial; flex-basis: initial; width: 100%; margin-right: 0; font-size: 15px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; margin-bottom: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

.top-contact_form dt span { display: inline-block; color: #fff; line-height: 1; font-size: 16px; padding: 4px 8px; }

@media (max-width: 767px) { .top-contact_form dt span { font-size: 13px; padding: 4px 6px; margin-left: 40px; } }

.top-contact_form dt span.any { background-color: #AFAFAF; }

.top-contact_form dt span.required { background-color: #E38D02; }

.top-contact_form dd { -ms-flex-preferred-size: 510px; flex-basis: 510px; }

@media (max-width: 767px) { .top-contact_form dd { width: 100%; -ms-flex-preferred-size: initial; flex-basis: initial; } }

.top-contact_form dd input { width: 100%; height: 50px; border: solid 1px #707070; background-color: #fff; color: #707070; font-size: 18px; padding-left: 20px; padding-right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media (max-width: 767px) { .top-contact_form dd input { height: 40px; } }

.top-contact_form dd select { width: 100%; height: 50px; border: solid 1px #707070; background-color: #fff; color: #707070; font-size: 18px; padding-left: 20px; padding-right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; /* デフォルトの矢印を非表示 */ cursor: pointer; }

@media (max-width: 767px) { .top-contact_form dd select { height: 40px; } }

.top-contact_form dd textarea { width: 100%; height: 200px; border: solid 1px #707070; background-color: #fff; color: #707070; font-size: 18px; padding-left: 20px; padding-right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.top-contact_form dd.select { position: relative; }

.top-contact_form dd.select::after { content: ""; display: block; width: 17px; height: 15px; background-color: #676767; -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%); clip-path: polygon(0 0, 100% 0, 50% 100%); position: absolute; top: 50%; right: 18px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.top-contact_form-submit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 36px; }

@media (max-width: 767px) { .top-contact_form-submit { padding-top: 0; } }

.top-contact_form-submit input { background-color: #1C8B96; border: none; border-radius: 5px; color: #fff; font-size: 29px; font-weight: bold; font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", 'Noto Sans JP', Meiryo, sans-serif; line-height: 1; padding: 13px 100px; cursor: pointer; -webkit-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out; }

@media (max-width: 767px) { .top-contact_form-submit input { font-size: 20px; } }

.top-contact_form-submit input:hover { background-color: #058338; }

/* ======================================== object / utility ======================================== */