@charset "UTF-8";
/* 共通パーツ */
a:hover {text-decoration: none;}
.attention-lg {
font-size: 28px;
font-weight: 800;
letter-spacing: 3px;
line-height: 1;
}
.attention-g::before {
content: "";
display: inline-block;
width: 70px;
height: 50px;
background-image: url(../images/deco_green.svg);
background-size: contain;
vertical-align: middle;
position: relative;
margin-right: -70px;
background-repeat: no-repeat;
left: -30px;
top: -30px;
}
.attention-g {
text-align: center;
padding-top: 80px;
font-size: 22px;
font-weight: 800;
letter-spacing: 3px;
position: relative;
}
.attention-lg::before {
content: "";
display: inline-block;
width: 70px;
height: 50px;
background-image: url(../images/deco_green-line.svg);
background-size: contain;
vertical-align: middle;
position: relative;
margin-right: -70px;
background-repeat: no-repeat;
left: -30px;
}
.attention-lg span{color: #06C755;}
.arrow {border-right: 3px solid #06C755;border-bottom: 3px solid #06C755;}
.line-icon{
position: relative;
padding: 15px 40px;
margin: 0 auto;
padding-left: 80px;
letter-spacing: 2px;
justify-content: center;
align-items: center;
display: flex;
text-align: center;
font-weight: 700;
font-size: 1rem;
width: 100%;
color: #fff;
text-decoration: none;
transition: 0.3s;
border-radius: 3px;
background-color: #06C755;
max-width: 340px;
font-size: 20px;
}
.line-icon::before{
content: url(../images/line.svg);
width: 20px;
height: 20px;
position: absolute;
left: 12%;
top: 10px;
}
.page-line.line-icon {box-shadow: none;border-radius: 8px;}
.page-line.line-icon::before {left: 10%;top: 14px;}
.underline-g {
background: url(../images/turitodana/underline-g.svg) repeat-x bottom / auto;
font-size: 22px;
width: fit-content;
line-height: 1;
font-weight: bold;
}
.dis-sp.dis-pc2 {display: none;}
.dis-sp {display: none;}

/* アイキャッチ*/
.eyecatch {
margin: 170px auto 50px auto;
display: flex;
justify-content: space-between;
max-width:890px;
}
.eyecatch-2 {
margin: 150px auto 100px auto;
padding: 0 50px;
display: flex;
justify-content: space-between;
max-width: 1150px;
}
.eyecatch-2 .eyecatch__textwrap {margin: auto;}
.eyecatch__img .dis-pc {max-width: 340px;margin: auto;}
.eyecatch__img-2 {margin: auto;max-width: 820px;}
.eyecatch__img2 {
float: center;
top: 100px;
left: 550px;
max-width: 320px;
position: absolute;
}
.eyecatch .attention-lg::before {top: -30px;left: -35px;}
.eyecatch-2 .attention-lg::before { top: -30px;left: -35px;}
.eyecatch .eyecatch__textwrap--description-o,
.eyecatch-2 .eyecatch__textwrap--description-o {
font-size: 20px;
font-weight: 700;
text-align: left;
display: inline-block;
color: #ef7b51;
letter-spacing: 4px;
line-height: 15px;
}
.eyecatch .eyecatch__textwrap--description-o {margin: 0 0 5px 30px;}
.eyecatch__balloon {
position: absolute;
display: inline-block;
margin: 0 0 7px 0px;
padding: 0 15px;
width: 130px;
color: #ffffff;
font-size: 20px;
font-weight: 900;
text-align: center;
background: #73b647;
border-radius: 40px;
line-height: 45px;
}
.eyecatch .eyecatch__balloon {left: 4%;top: -14%;}
.eyecatch-2 .eyecatch__balloon {left: -4%;top: -16%;}
.eyecatch__balloon:before {
content: "";
position: absolute;
top: 95%;
left: 30%;
margin-left: -15px;
border: 10px solid transparent;
border-top: 15px solid #73b647;
}
.eyecatch__balloon.retrofit {margin: 0;padding: 0;}
.eyecatch__textwrap--subtitle {
font-size: 22px;
font-weight: bold;
text-align: center;
margin-bottom: 30px;
letter-spacing: 2px;
}
.eyecatch__textwrap--title-wrap {
position: relative;
text-align: center;
font-size: 32px;
font-weight: 900;
color: #2b2621;
line-height: 45px;
margin: 40px 0 20px 0;
letter-spacing: 1px;
}
.eyecatch__textwrap--title-wrap-subtitle {
font-size: 20px;
color: #49b2af;
font-weight: bold;
margin-top: 30px;
line-height: 1;
}
.eyecatch__textwrap--title-wrap-title {position: relative;text-align: center;}

/* このような方に選ばれています*/
.select {
text-align: center;
align-items: center;
justify-content: center;
margin: auto;
background-color: #fdfaf7;
}
.select__textwrap {
display: flex;
justify-content: space-between;
align-items: center;
padding: 50px 0;
max-width: 660px;
margin: 0 auto;
}
.select__h4.underline-g {
font-size: 22px;
font-weight: bold;
letter-spacing: 5px;
line-height: 2em;
}
.select .check::before {
content: url(../images/turitodana/check.svg);
width: 20px;
height: 20px;
position: relative;
top: 9px;
margin: 0px 10px 20px 0px;
}
.select_child {
list-style: none;
font-size: 16px;
font-weight: bold;
letter-spacing: 2px;
line-height: 25px;
margin-top: 20px;
text-align: left;
}
.select__img {max-width: 150px;}
/* 矢印*/
.appeal__arrow {
width: 0;
height: 0;
border-style: solid;
border-width: 22px 61px 0 61px;
border-color: #ef7b51 transparent transparent transparent;
margin: 25px auto 50px;
}
/* POINT*/
.flow {background-color: #e9f2e4;padding: 0 0 50px 0;}
.flow__wrap {
margin: 0 auto 100px auto;
max-width: 1350px;
padding: 30px 0px 50px 0;
}
.flow__wrap--wide {max-width: 1060px;margin: auto;}
.flow .attention-g {margin: auto auto auto 20px;text-align: center;}
.flow__wrap--wide-stepwrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 30px;
}
.flow__wrap--wide-stepwrap-step {
background: #ffffff;
padding: 20px;
width: 32%;
max-width: 340px;
text-align: center;
margin-bottom: 0;
}

.flow__wrap--wide-stepwrap-step-no {
font-size:25px;
color: #73b647;
line-height: 1;
font-family: "Rokkitt", sans-serif;
font-weight: 700;
letter-spacing: 1px;
padding:0 0 10px 0;
}
.flow__wrap--wide-stepwrap-step-no span {font-size:16px;display: block;}

.flow__wrap--wide-stepwrap-step-info {
line-height: 24px;
font-size: 14px;
font-weight: 700;
text-align: left;
width: auto;
display: inline-block;
}
.f-gr {color: #ef7b51;}
.flow__wrap--wide .attention-lg {margin: 100px auto 20px 0;text-align: center;}
.flow__wrap--wide .attention-lg::before {top: -40px;left: -30px;}
.flow__text--subtitle {font-size: 16px;text-align: center;letter-spacing: 1px;}
.flow__text--child {font-size: 16px;}
.flow__wrap__text {
width: 355px;
background-color: #ffffff;
padding: 25px 15px;
letter-spacing: 1px;
line-height: 25px;
text-align: center;
}
.flow__text{font-size: 18px;font-weight: bold;margin-bottom: -10px;}
.flow__wrap--child {
margin: 30px auto 80px auto;
padding: 20px 0;
max-width: 1100px;
display: flex;
justify-content: space-between;
}

/* アフターフォローと保証*/
.follow {text-align: center;margin: 100px auto;}
.follow__wrap--wide-more:before {transform: rotate(-35deg);}
.follow__wrap--wide-more:after {transform: rotate(35deg);}
.follow__wrap--wide-more:before,.follow__wrap--wide-more:after {
position: relative;
display: inline-block;
content: "";
background: #73b647;
width: 6px;
height: 0.9em;
margin: 0 0.8em;
margin-top: -0.2em;
vertical-align: middle;
}
.follow__wrap--wide-more {
position: relative;
text-align: center;
font-weight: bold;
line-height: 1;
font-size: 25px;
color: #73b647;
margin: 1em 0;
}
.follow__wrap--wide-read1 {font-size: 30px;font-weight: 900;margin-top: 2rem;}
.follow__wrap--wide-read2 {
color: #ef7b51;
font-size: 70px;
font-weight: 900;
letter-spacing: 5px;
margin-bottom: 15px;
}
.follow__wrap--wide-read3 {
font-size: 28px;
font-weight: bold;
letter-spacing: 3px;
line-height: 36px;
}
.follow__wrap--wide-annotation {margin-top: 30px;letter-spacing: 2px;font-weight: bold;}
.induction .line-icon{max-width: 750px;}
.induction .line-icon::before {left: 32%;top: 15px;}
.user-voice{
display: flex;
justify-content: space-between;
max-width: 750px;
margin: 0 auto;
}
.user-voice img{max-width: 350px;}
.user-voice__man{margin-top: 50px;}
.user-voice__woman{margin-top: 90px;}
.induction .arrow-container {right: 30%;top: 19px;}
.user-voice-caption{font-size: 16px;font-weight: 600;padding-bottom: 50px;}
.induction .line-icon{margin-bottom: 80px;}

@media screen and (max-width: 1150px) {
.eyecatch {padding: 0 20px;max-width: 930px;}
.eyecatch__img .cat {max-width: 200px;}
.eyecatch-2 {max-width: 950px;}
.eyecatch__textwrap--title-wrap {margin: 40px auto 10px auto;}
.flow__wrap--wide {padding: 0 30px;}
.flow__wrap__text {margin: 20px 0;}
.flow__wrap--child {
margin: 30px auto 80px auto;
padding: 20px 0;
max-width: 900px;
display: flex;
}
.flow__wrap--wide .attention-lg {font-size: 32px;}
.flow__wrap__text {width: 290px;}
.flow__text--child {font-size:16px;letter-spacing: 0px;}
.maT1rem {margin-top: 10px;}
}

@media screen and (min-width: 950px) {
.dis-pc {display: block;}
.dis-sp {display: none;}
#sp-nav {display: none;}
#pc-nav {display: block;}
}

@media screen and (max-width: 950px) {
#sp-nav {display: block;display: flex;justify-content: flex-end;}
#pc-nav {display: none;}
#sp-nav>div {margin-left: 5px;padding-top: 20px;}
.dis-pc.dis-pc2 {display: none;}
.dis-sp.dis-pc2 {display: block;}
.showroom__wrap--area-description,
.link__wrap {flex-direction: column; align-items: center;}
.eyecatch,.eyecatch-2 {padding: 0;align-items: center;flex-direction: column;}
.eyecatch {margin: 80px auto 30px auto;max-width: 700px; }
.eyecatch-2 {margin: 0;}
.eyecatch__textwrap {max-width: 600px;}
.eyecatch-2 .eyecatch__textwrap {margin: 80px 30px 100px 0px;}
.eyecatch__img .dis-pc2 {margin: auto;max-width: 500px; }
.eyecatch .attention-lg.eyecatch__textwrap--description-o {line-height: 5px;margin: 0 0 5px 20%;}
.eyecatch-2 .attention-lg.eyecatch__textwrap--description-o {line-height: 10px;margin: 0 0 5px 20%;}
.eyecatch .attention-lg::before,.eyecatch-2 .attention-lg::before {top: -30px;left: -35px;}
.eyecatch__textwrap--cost-yen {font-size: 16px;font-weight: bold;line-height: 1;}
.eyecatch__textwrap--cost-numbers {
font-size: 32px;
font-weight: bold;
line-height: 1;
margin: 0 3px 10px 0px;
}
.eyecatch__textwrap--cost-annotation {
font-size: 16px;
font-weight: bold;
line-height: 1em;
margin-top: 5px;
}

.select {margin: auto;padding:0;}
.select .underline-g {line-height: inherit;margin: 0 auto;letter-spacing: 3px;}
.select_child {letter-spacing: 1px;}
.select__textwrap--child {margin: 0 auto;}
.select__textwrap--text li {text-align: left;}
.select .select__textwrap {
display: flex;
flex-direction: column;
align-items: center;
padding-bottom: 40px;
}
.select__img {margin-top: 20px;}
.flow__wrap__text {
font-size: 16px;
margin: 20px auto;
width: 47%;
height: 150px;
background-color: #ffffff;
padding: 25px;
letter-spacing: 2px;
}
.flow__text {font-size: 16px;}
.flow__text--child {font-size: 16px;}
.flow__wrap--child {
margin: auto;
flex-direction: column;
align-items: center;
align-content: center;
}
.flow__wrap--wide-stepwrap {max-width: 750px;margin: 30px auto 0 auto;}
.follow__wrap--wide-read2 {font-size: 36px;}
.follow__wrap--wide-read3 .underline-none {background: none;}
.apply .attention-g,.apply .attention-lg,.follow .attention-g,.follow .attention-lg,.flow .attention-g,.flow .attention-lg,.question .attention-g,.question .attention-lg {font-size: 32px;}
.question .attention-g,.flow .attention-g,.showroom .attention-lg,.follow .attention-g,.apply .attention-g {margin-left: -10px;}
.follow {margin: 100px auto 50px 0;}
.question__wrap--area-qa {margin: 70px 5px;}
.question__wrap--area {padding: 0 30px;letter-spacing: 1px;}
.link__wrap .underline-g,
.maT1rem {margin-top: 30px;}
.flow .attention-g {letter-spacing: 1px;font-size: 22px;font-weight: bold;}
.follow__wrap--wide-read3 {font-size: 20px;}
.link__wrap_g--child {margin: auto;}
.select__textwrap {padding: 50px 0;}
.eyecatch {margin: 120px auto 0 auto;}
.user-voice img{max-width: 240px;}
.user-voice {max-width: 450px;}
.eyecatch__textwrap--subtitle {
font-size: 16px;
font-weight: 500;
line-height: 1.5em;
margin-top: 20px;
}
.flow__wrap--wide-stepwrap-step-no {padding: 0 0 20px 0;}
.attention-g {font-size: 18px;letter-spacing: inherit;}
.eyecatch__img {margin-bottom: 30px;padding: 0px 5px;}
.induction .line-icon{max-width: 340px;font-size: 20px;}
.induction .line-icon::before {left: 12%}
.induction .arrow-container {right: 20px;top: 19px;}
}

@media screen and (max-width: 768px) {
.dis-pc {display: none;}
.dis-sp {display: block;}
.eyecatch-2 .eyecatch__balloon {left: 8%;}
.eyecatch__img img,.eyecatch__img-2 img {margin: 0 auto;}
.eyecatch-2 {margin: auto;}
.eyecatch-2 .eyecatch__textwrap {margin: 0px;}
.eyecatch .attention-lg::before {top: -40px;left: -30px;}
.eyecatch-2 .attention-lg::before {top: -40px;left: -35px;}
.eyecatch .attention-lg.eyecatch__textwrap--description-o {
font-size: 20px;
font-weight: 700;
color: #ef7b51;
letter-spacing: 2px;
line-height: 15px;
margin: 0 0 -15px 24%;
}
.eyecatch-2 .attention-lg.eyecatch__textwrap--description-o {text-indent: 0px;line-height: 5px;margin: 0 0 5px 23%;}
.eyecatch__textwrap--cost-annotation {
font-size: 16px;
font-weight: bold;
line-height: 1em;
margin-top: 5px;
}
.eyecatch__textwrap--cost-yen {font-size: 16px;font-weight: bold;line-height: 1;}
.eyecatch__img img {margin: 0 auto 30px auto;}
.question__wrap--area {padding: 0 30px;}
.question__wrap--area-qa dd {padding: 0 10px;}
.selected__textwrap--text {
max-width: 400px;
font-weight: bold;
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
margin: 20px auto;
}
.flow__wrap { margin: auto; max-width: 600px;}
.flow__text--subtitle {text-align: left;display: inline-block;margin-bottom: 10px;}
.flow__wrap__text {
max-width: 360px;
width: 100%;
height: 150px;
margin: 10px auto;
background-color: #ffffff;
padding: 25px 10px;
letter-spacing: 2px;
text-align: center;
}
.flow__wrap--wide .attention-lg {margin: 0 auto 20px auto;letter-spacing: 0px;}
.flow__wrap--wide-stepwrap-step-info {letter-spacing: 0px;text-align: left;}
.flow__wrap--wide .attention-lg::before {top: -30px;left: -22px;}
.flow__wrap--wide .attention-g::before {top: -30px;left: -5px;margin-left: -30px;}
.flow__wrap--child {padding: 0 15px;}
.attention-g::before {
height: 40px;
top: -30px;
left: 0px;
margin-right: -40px;
}
.fs08 {letter-spacing: 1px;}
.link__wrap .underline-g {
font-size: 22px;
line-height: 29px;
margin: 0 auto -30px auto;
font-weight: bold;
letter-spacing: 1px;
}
.question__wrap--area-qa dd {margin: 0 0 20px 25px;}
.follow {margin: 50px auto;}
.select .underline-g {font-size: 22px;letter-spacing: 1px;}
.eyecatch .eyecatch__balloon,.eyecatch-2 .eyecatch__balloon {left: 20%;top: -4%;}
.question__wrap {padding: 0px;}
}

@media screen and (max-width: 600px) {
.eyecatch .eyecatch__balloon,.eyecatch-2 .eyecatch__balloon {left: 4%;top: -3%;}
.eyecatch .attention-lg::before,.eyecatch-2 .attention-lg::before {top: -35px;left: -25px;}
.eyecatch__img .dis-pc2 {max-width: 340px;}
.eyecatch .attention-lg.eyecatch__textwrap--description-o {margin: 0 0 -15px 12%;}
.eyecatch-2 .attention-lg.eyecatch__textwrap--description-o {text-indent: 0px;line-height: 5px;margin: -2px 0 5px 10%;}
.question__wrap--area {padding: 0 10px;}
.question__wrap--area-qa dd {text-indent: -23px;margin: 0 0 20px 22px;letter-spacing: 0px;}
.question__wrap {padding: 0px;}
.select_child {letter-spacing: 0px;}
.select__img {max-width: 110px;}
.user-voice{position: relative;}
.user-voice__woman{position: absolute;right: 10px;top: 40px;}
.user-voice-caption {margin-top: 100px;}
.user-voice__man {margin-left: 10px;}

.flow__wrap--wide {padding: 0;}
.flow__wrap--wide-stepwrap{justify-content: center;gap: 20px;}
.flow__wrap--wide-stepwrap-step-info {font-weight: 600;line-height: 25px;}
.flow .attention-lg {font-size: 20px;margin: auto;}
.flow__wrap--wide-stepwrap-step {width: 90%;max-width: inherit;}

.appeal__arrow {margin: 10px auto 20px;border-width: 13px 35px 0 35px;}
.select_child{font-size: 14px;}
}