@charset "UTF-8";

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

html {
font-family: 'Noto Sans JP', sans-serif;
line-height: 1.5;
color: #444;
}

body {
background: #fff;
}

img {
display: block;
width: 100%;
}

li {
list-style-type: none;
}

a {
text-decoration: none;
}

.pc {
display: none;
}
.inner {
padding: 0 20px;
margin: 0 auto;
width: 100%;
}
/* 部分的に青色にする */
.blue {
color: #307eff;
}

/* メインビジュアル */
.mainVisual {
width: 100%;
}

.mainVisual .pc{
width: 100%;
height:500px;
object-fit: cover;
}
/* メインビジュアル終わり */

/* メインコンテンツ */
.mainContents {
padding-top: 15px;
}


.mainContents .mainContents_ttl {
font-size: 22px;
font-weight: bold;
text-align: center;
width: calc(100% - 40px);
margin: 0 auto;
}
.bordParent {
position: relative;
width: calc(100% - 40px);
margin: 25px auto 0;
padding: 15px 13.5px 20px;
background: #307eff;
}
.bordParent::before {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 180.5px;
height: 31px;
background: url(../img/clip.png);
background-size: contain;
background-position: top center;
background-repeat: no-repeat;
}
.bordParent::after {
content: "";
position: absolute;
top: -94px;
left: -15px;
width: 48.5px;
height: 109px;
background: url(../img/human-01.png);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
.bordParent .bordParent_inner {
width: 100%;
padding: 30px 10px 24px;
background: #fff;
box-shadow: 7.5px 7.5px 2.5px #0051d6;
}
.checkList .checkList_li {
position: relative;
font-size: 16px;
font-weight: bold;
line-height: 2;
padding-left: 20px;
margin-top: 10px;
}
.checkList .checkList_li:first-child {
margin-top: 0;
}
.checkList .checkList_li::before {
content: "";
position: absolute;
top: 10px;
left: 0;
width: 12.22px;
height: 11.69px;
background: url(../img/check.png);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
.checkList .checkList_li .checkList_li_under {
display: inline;
background: linear-gradient(transparent 70%, #ffef97 0%);
}
.mainContents .mainContents_strong {
width: calc(100% - 40px);
margin: 30px auto 0;
padding-bottom: 40px;
font-size: 22px;
font-weight: bold;
line-height: 1.7;
text-align: center;
}
/* メインコンテンツ上部終わり */

/* メインコンテンツ内の子コンテンツ */
.childContent {
position: relative;
width: 100%;
padding: 35px 20px 40px;
}
/* 各コンテンツの独自のスタイル */
.childContent.flowContent {
background: #f2f7ff;
}
.childContent.flowContent::before {
content: "";
position: absolute;
top: -68.5px;
right: 19.5px;
width: 39.5px;
height: 113px;
background: url(../img/human-02.png);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
.childContent.comparisonContent::before {
content: "";
position: absolute;
top: -35.5px;
left: 23px;
width: 41.5px;
height: 130px;
background: url(../img/human-03.png);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
.childContent.chargeContent {
background: #f7f7f7;
}
.childContent.chargeContent::before {
content: "";
position: absolute;
top: -20px;
right: 25.5px;
width: 44.5px;
height: 93.5px;
background: url(../img/human-04.png);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}

.childContent.formContent {
background: #f2f7ff;
}
/* 各コンテンツの独自のスタイル終わり */
.childContent .childContent_ttl {font-size: 20px;font-weight: bold;text-align: center;}
.childContent .childContent_txt {
font-size: 16px;
line-height: 2;
text-align: center;
margin-top: 30px;
}
/* 料金のところのテキストは他のテキストよりマージンが少ない */
.childContent.chargeContent .childContent_txt {
margin-top: 20px;
}

/* 解決までの流れステップ */
.stepLists {
width: 100%;
margin-top: 29px;
}
.stepLists .stepList {
position: relative;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 15px;
padding: 15px 10px;
background: #fff;
border-radius: 10px;
}
.stepLists .stepList:first-child {
margin-top: 0;
}
.stepLists .stepList::after {
content: "";
position: absolute;
bottom: -25px;
left: 50%;
transform: translateX(-50%);
width: 47px;
height: 40px;
background: url(../img/arrow.png);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
z-index: 10;
}
.stepLists .stepList:last-child::after {
display: none;
}
.stepLists .stepList .stepList_ttl {
width: 50px;
}
.stepLists .stepList .stepList_cont {
width: calc(100% - 60px);
font-size: 16px;
}
/* 解決までの流れステップ終わり */

/* 他社との比較の表 */
.childContent .childContent_table {
width: 100%;
margin-top: 35px;
}
/* 他社との比較の表終わり */

/* 料金一覧の表 */
.chargeLists {
width: 100%;
max-width: 225px;
margin: 30px auto 0;
}
.chargeLists .chargeList {
font-size: 16px;
font-weight: bold;
text-align: center;
margin-top: 15px;
background: #FFF;
}
.chargeLists .chargeList:first-child {
margin-top: 0;
}
.chargeLists .chargeList .chargeList_ttl {
font-size: 16px;
font-weight: bold;
color: #fff;
padding: 15px;
background: #47c0de;
border-radius: 10px 10px 0 0;
}
.chargeLists .chargeList.-agent .chargeList_ttl {
background: #5f93e9;
}
.chargeLists .chargeList .chargeList_price {
padding: 13px;
}
.childContent .childContent_rice {
font-size: 13px;
text-align: right;
margin-top: 10px;
}
.childContent .childContent_rice::before {
content: "※";
}
/* 料金一覧の表終わり */

/* Q&A */
.qaLists {
width: 100%;
margin-top: 20px;
}
.qaLists .qaList {
margin-top: 15px;
padding: 15px;
background: #fff;
border-radius: 10px;
box-shadow: 7px 7px 17.5px rgba(0, 0, 0, .1);
}
.qaLists .qaList:first-child {
margin-top: 0;
}
.qaLists .qaList .qaList_cont {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.qaLists .qaList .qaList_cont.-a {
margin-top: 17.5px;
}
.qaLists .qaList .qaList_cont .qaList_cont_q {
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
color: #fff;
width: 30px;
height: 30px;
margin-right: 11px;
background: #307eff;
border-radius: 50%;
}
.qaLists .qaList .qaList_cont .qaList_cont_a {
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
color: #fff;
width: 30px;
height: 30px;
margin-right: 11px;
background: #f34985;
border-radius: 50%;
}
.qaLists .qaList .qaList_cont .qaList_cont_txt {
width: calc(100% - 41px);
font-size: 16px;
}
/* Q&A終わり */

/* お問い合わせ */
.formInner {
width: 100%;
margin-top: 30px;
padding: 25px 20px 40px;
background: #fff;
border-radius: 10px;
}
.formInner .formInner_txt {
font-size: 16px;
text-align: center;
}
.formInner .formInner_tel {
display: block;
width: 100%;
max-width: 200px;
margin: 20px auto 0;
}
.contactForm {
margin-top: 20px;
}
.formQuestions {
margin-top: 30px;
}
.formQuestions.firstQuestion {
margin-top: 0;
}
.formQuestions .formQuestions_ttls {
display: flex;
align-items: center;
justify-content: space-between;
}
.formQuestions .formQuestions_ttls .formQuestions_ttls_ttl {
font-size: 16px;
font-weight: bold;
}
.formQuestions .formQuestions_ttls .formQuestions_ttls_ind {
display: flex;
align-items: center;
justify-content: center;
width: 56px;
height: 22.5px;
font-size: 14px;
color: #fff;
background: #e60012;
}
.formQuestions .formQuestions_content {
margin-top: 15px;
}
.formQuestions .formQuestions_radioes {
margin-top: 3.5px;
}
.formQuestions .formQuestions_radioes span {
display: block;
margin-top: 20px;
}
/* .formQuestions .formQuestions_radioes .formQuestions_radioes_li:first-child {
margin-top: 0;
} */
.formQuestions .formQuestions_radioes span .mwform-radio-field-text {
position: relative;
font-size: 16px;
padding-left: 25px;
}
.formQuestions .formQuestions_radioes span .mwform-radio-field-text::before {
content: "";
position: absolute;
display: block;
top: 50%;
left: 4.5px;
transform: translateY(-50%);
width: 10px;
height: 10px;
background: #307eff;
border-radius: 50%;
opacity: 0;
}
.formQuestions .formQuestions_radioes span .mwform-radio-field-text::after {
content: "";
position: absolute;
display: block;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 15px;
height: 15px;
border: 2px solid #d8d8d8;
border-radius: 50%;
}
.formQuestions .formQuestions_radioes span input[type=radio] {
display: none;
}
.formQuestions .formQuestions_radioes span input[type=radio]:checked + .mwform-radio-field-text::before {
opacity: 1;
}
.formQuestions .formQuestions_content .formQuestions_content_txt, .formQuestions .formQuestions_content .formQuestions_content_txtarea {
width: 100%;
font-family: 'Noto Sans JP', sans-serif;
font-size: 16px;
padding: 10px 15px;
border: 2px solid #d8d8d8;
border-radius: 2.5px;
}
.formSubmit {
margin-top: 40px;
}
.formSubmit .formSubmit_btn {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
max-width: 230px;
height: 45px;
font-size: 15px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: bold;
color: #1c356e;
background: #fedf02;
border: none;
margin: 0 auto;
border-radius: 22.5px;
box-shadow: 5px 5px 15px rgba(0, 0, 0, .15);
cursor: pointer;
}
.formSubmit .formSubmit_btn::before {
content: "";
position: absolute;
top: 50%;
left: 32.5px;
transform: translateY(-50%);
width: 20px;
height: 16.6px;
background: url(../img/send-ico.png);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
/* お問い合わせ終わり */

/* メインコンテンツ内の子コンテンツ終わり */

/* 下固定のコンテンツ */
.bottomFixed {
width: 100%;
position: fixed;
bottom: 0;
left: 0;
z-index: 99;
padding: 5px;
background: rgb(255,255,255,.8);
box-shadow: 0 5px 20px rgba(38, 38, 38, .2);
}
.bottomFlex {
width: 100%;
display: flex;
align-items: flex-end;
}
.bottomFlex .bottomFlex_li {
width: 50%;
height: auto;
background: #fff;
padding:2px;
}
.bottomFlex .bottomFlex_li.-contact {
background: #fde602;
}
.bottomFlex .bottomFlex_li .bottomLink {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
text-decoration: none;
}
.bottomFlex .bottomFlex_li .bottomLink .bottomLink_ico {
width: 22px;
margin-right: 8px;
}
.bottomFlex .bottomFlex_li.-contact .bottomLink .bottomLink_ico {
width: 25px;
}
.bottomFlex .bottomFlex_li .bottomLink .bottomLink_cont {
font-size: 20px;
font-weight: bold;
color: #1b346e;
}
/* 下固定のコンテンツ終わり */

/* フッター */
footer {
width: 100%;
padding: 30px 20px 20px;
}
footer .footer_logo {
width: 100%;
max-width: 228px;
margin: 0 auto;
}
footer .footer_copy {
display: block;
font-size: 13px;
text-align: center;
margin-top: 35px;
}

.company {
padding: 30px 0;
font-size:14px;
text-align: center;
}
/* フッター終わり */

#footer {
display: none !important;
}


@media screen and (min-width: 1024px) {

.sp {
display: none;
}

.pc {
display: block;
}

/* ヘッダー */
.header {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 99;
}
.headerFlex {
display: flex;
align-items: center;
justify-content: space-between;
width: calc(100% - 40px);
max-width: 1000px;
height: 100px;
margin: 0 auto;
}
.headerFlex .headerFlex_logo {
width: 240px;
}
.headerContent {
display: flex;
align-items: center;
}
.headerContent .headerContent_tel {
display: block;
width: 230px;
margin-right: 29px;
text-decoration: none;
transition: opacity .3s ease-out;
}
.headerContent .headerContent_contact {
position: relative;
display: flex;
align-items: center;
width: 180px;
height: 50px;
font-size: 15px;
font-weight: bold;
text-decoration: none;
color: #1c356e;
padding-left: 53px;
background: #fedf02;
transition: opacity .3s ease-out;
border-radius: 25px;
box-shadow: 5px 5px 0 rgba(0, 0, 0, .15);
}
.headerContent .headerContent_contact::before {
content: "";
position: absolute;
top: 50%;
left: 14px;
transform: translateY(-50%);
width: 18px;
height: 15px;
background: url(../img/send-ico.png);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
.headerContent .headerContent_tel:hover, .headerContent .headerContent_contact:hover {
opacity: .8;
}
/* ヘッダー終わり */

/* メインビジュアル */
.mainVisual {
position: relative;
}
.mainVisual .mainVisual_cont {
position: absolute;
top: 100px;
left: 50%;
transform: translateX(-50%);
width: calc(100% - 40px);
max-width: 1000px;
}
.mainVisual .mainVisual_cont .mainVisual_cont_img {
width: 1000px;
}
/* メインビジュアル終わり */

/* メインコンテンツ */
.mainContents {
padding-top: 60px;
}
.mainContents .mainContents_ttl {
font-size: 36px;
}
.bordParent {
max-width: 1000px;
margin-top: 40px;
padding: 30px 40px 40px;
}
.bordParent::before {
width: 361px;
height: 62px;
}
.bordParent::after {
top: -234px;
left: -32px;
width: 97px;
height: 218px;
}
.bordParent .bordParent_inner {
padding: 62px 27px 42px;
box-shadow: 15px 15px 5px #0051d6;
}
.checkList .checkList_li {
font-size: 24px;
padding-left: 31px;
margin-top: 20px;
}
.checkList .checkList_li::before {
top: 12px;
left: 0;
width: 24.44px;
height: 23.38px;
}
.mainContents .mainContents_strong {
max-width: 1000px;
margin: 60px auto 0;
padding-bottom: 80px;
font-size: 30px;
}
/* メインコンテンツ上部終わり */

/* メインコンテンツ内の子コンテンツ */
.childContent {
padding: 0 20px 80px;
}
/* 独自のスタイル */
.childContent.comparisonContent {
padding-bottom: 100px;
}
.childContent .childContent_inner {
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding-top: 80px;
}
/* 各コンテンツの独自のスタイル */
.childContent .childContent_inner {
position: relative;
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding-top: 80px;
}
.childContent.flowContent .childContent_inner::before {
content: "";
position: absolute;
top: -211px;
right: 9px;
width: 79px;
height: 226px;
background: url(../img/human-02.png);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
.childContent.flowContent::before {
display: none;
}
.childContent.comparisonContent .childContent_inner::before {
content: "";
position: absolute;
top: -66px;
left: 20px;
width: 83px;
height: 260px;
background: url(../img/human-03.png);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
.childContent.comparisonContent::before {
display: none;
}
.childContent.chargeContent .childContent_inner::before {
content: "";
position: absolute;
top: -64px;
right: 3px;
width: 107px;
height: 205px;
background: url(../img/human-04.png);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
.childContent.chargeContent::before {
display: none;
}

.childContent.qaContent::before {
display: none;
}
/* 各コンテンツの独自のスタイル終わり */
.childContent .childContent_ttl {
font-size: 36px;
}
.childContent .childContent_txt {
font-size: 20px;
margin-top: 40px;
}
/* 料金のところのテキスト */
.childContent.chargeContent .childContent_txt {
margin-top: 42px;
}

/* 他社との比較の表 */
.childContent .childContent_table {
max-width: 895px;
margin: 40px auto 0;
}
/* 他社との比較の表終わり */
.inner {
max-width: 1000px;
margin: 0 auto;
width: 100%;
}
#sec1 {
padding: 80px 0;
}

#sec2 {
background: #eef3fb;
padding: 80px 0;
}

#sec3 {
background: #eef3fb;
padding: 80px 0;
}

#sec4 {
padding: 80px 0;
}

#sec5 {
background: #eef3fb;
padding: 80px 0;
}

#sec5 img{
max-width:680px;
margin: 0 auto;
}

#sec6 {
padding: 80px 0;
}

#sec6 img{
max-width:680px;
margin: 0 auto;
}

#sec7 {
background: #eef3fb;
padding: 80px 0;
}


/* Q&A */
.qaLists {
margin-top: 40px;
}
.qaLists .qaList {
margin-top: 17px;
padding: 30px 20px;
background: #fff;
border-radius: 20px;
box-shadow: 15px 15px 35px rgba(0, 0, 0, .1);
}
.qaLists .qaList .qaList_cont.-a {
margin-top: 20px;
}
.qaLists .qaList .qaList_cont .qaList_cont_q, .qaLists .qaList .qaList_cont .qaList_cont_a {
font-size: 24px;
width: 40px;
height: 40px;
margin-right: 10px;
}
.qaLists .qaList .qaList_cont .qaList_cont_txt {
width: calc(100% - 50px);
margin-top: 8px;
}
/* Q&A終わり */

/* お問い合わせ */
.formInner {
margin-top: 40px;
padding: 60px 137px 81px;
border-radius: 20px;
}
.formInner .formInner_tel {
max-width: 260px;
margin-top: 40px;
transition: opacity .3s ease-out;
}
.formInner .formInner_tel:hover {
opacity: .8;
}
.contactForm {
margin-top: 60px;
}
.formQuestions {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-top: 30px;
}
.formQuestions .formQuestions_ttls {
width: 223px;
}
.formQuestions .formQuestions_ttls .formQuestions_ttls_ttl {
font-size: 16px;
}
.formQuestions .formQuestions_ttls .formQuestions_ttls_ind {
width: 59.93px;
height: 24px;
}
.formQuestions .formQuestions_content {
width: calc(100% - 282px);
margin-top: 0;
}
.formQuestions .formQuestions_radioes {
width: calc(100% - 282px);
margin-top: -20px;
}
.formQuestions .formQuestions_radioes span {
margin-top: 20px;
}
/* .formQuestions .formQuestions_radioes .formQuestions_radioes_li:first-child {
margin-top: 0;
} */
.formQuestions .formQuestions_content .formQuestions_content_txt, .formQuestions .formQuestions_content .formQuestions_content_txtarea {
border-radius: 5px;
}
.formQuestions .error {
font-size: 14px;
color: #f00;
}
.formSubmit {
margin-top: 60px;
}
.formSubmit .formSubmit_btn {
font-size: 26px;
max-width: 460px;
height: 90px;
border-radius: 45px;
transition: opacity .3s ease-out;
}
.formSubmit .formSubmit_btn:hover {
opacity: .8;
}
.formSubmit .formSubmit_btn::before {
left: 65px;
width: 40.13px;
height: 33.22px;
}
/* お問い合わせ終わり */

/* 下固定のコンテンツ */
.bottomFixed {
background: #fff;
box-shadow: 0 -5px 20px -3px rgba(0, 0, 0, .2);
}
.bottomPc {
display: flex;
align-items: center;
justify-content: space-between;
width: calc(100% - 40px);
max-width: 1000px;
height: 100px;
margin: 0 auto;
}
.bottomPc .bottomPc_ttl {
position: relative;
font-size: 17px;
font-weight: bold;
margin-left: 18px;
padding-left: 13px;
}
.bottomPc .bottomPc_ttl::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 4px;
height: 20px;
background: #307eff;
}
.bottomContent {
display: flex;
align-items: center;
margin-right: 89px;
}
.bottomContent .bottomContent_tel {
display: block;
width: 240px;
text-decoration: none;
margin-right: 41px;
transition: opacity .3s ease-out;
}
.bottomContent .bottomContent_contact {
position: relative;
display: flex;
align-items: center;
font-size: 20px;
font-weight: bold;
text-decoration: none;
color: #1c356e;
width: 274px;
height: 60px;
padding-left: 78px;
background: #fedf02;
border-radius: 30px;
box-shadow: 5px 5px 0 rgba(0, 0, 0, .15);
transition: opacity .3s ease-out;
}
.bottomContent .bottomContent_contact::before {
content: "";
position: absolute;
top: 50%;
left: 30px;
transform: translateY(-50%);
width: 24.34px;
height: 20.28px;
background: url(../img/send-ico.png);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
.bottomContent .bottomContent_tel:hover, .bottomContent .bottomContent_contact:hover {
opacity: .8;
}
/* 下固定のコンテンツ終わり */

/* フッター */
footer {
width: 100%;
padding: 57px 0 16px;
}
footer .footer_logo {
max-width: 240px;
}
footer .footer_copy {
font-size: 14px;
margin-top: 23px;
}
/* フッター終わり */
}

@media screen and (min-width: 1200px) {
.mainVisual .mainVisual_cont .mainVisual_cont_img {
width: 1000px;
}
}

@media screen and (min-width: 1500px) {
.mainVisual .mainVisual_cont .mainVisual_cont_img {
width: 1000px;
}
}


#cvr {
background:#489bbe;
padding: 220px 0 80px 0;
position: relative;
}

.ttl {
position: absolute;
width: 1000px;
top: -100px;
}
.cvr-box {
background: #fff;
border-radius: 20px;
padding: 10px;
}
.cvr-box ul {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;

}
.cvr-box li {
width: 33.3%;
padding: 10px;

}
.cvr-box .cvr_tel {
}
.cvr-box .cvr_tel img {
}
.cvr-box .cvr_mail {
}
.cvr-box .cvr_mail img {
}
.cvr-box .cvr_line {
}
.cvr-box .cvr_line img {
}


@media screen and (max-width: 768px) {
#line_ad {
padding: 20px 0 0 0;

}
#sec1 {
padding: 20px 0 40px 0;
position: relative;
}

.sec1-p {
position: absolute;
right: 0;
width: 130px;
bottom: 0px;
}

#sec2 {
background: #eef3fb;
padding: 40px 0;
}

#sec3 {
background: #eef3fb;
padding: 40px 0;
}

#sec4 {
padding: 40px 0;
}

#sec5 {
background: #eef3fb;
padding: 40px 0;
}

#sec5 img{
max-width:680px;
width:100%;
margin: 0 auto;
}

#sec6 {
padding: 40px 0;
}

#sec7 {
background: #eef3fb;
padding: 40px 0;
}
#sec6 img{
max-width:680px;
width:100%;
margin: 0 auto;
}


#cvr {
background:#489bbe;
padding: 180px 0 40px 0;
position: relative;
}

.ttl {
position: absolute;
width: 90%;
top: -30px;
}
.cvr-box {
background: #fff;
border-radius: 20px;
padding: 10px;
}
.cvr-box ul {
display: -webkit-flex;
display: block;

}
.cvr-box li {
width: 100%;
padding: 10px;

}
.qaLists .qaList .qaList_cont .qaList_cont_txt {
width: calc(100% - 41px);
font-size: 14px;
}
.company {
padding: 30px 0;
font-size:12px;
text-align: center;
}

}