@charset "UTF-8";
.orange{color: #EC6800;}


.visual{position: relative; width: 100%; margin-bottom: 8rem; height: 100vh; overflow: hidden; background:url(../images/top/mainvisual.png) no-repeat center/cover}
.visual > img{height: 100%; width:auto; max-width: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.visual p{position: absolute; left: 8.3333%; top: 38.72%; width: 79.8rem; height: 19.4rem;}


.is_tablet .visual{height: 86rem;}
.is_tablet .visual > img{position: relative; transform: none; left: 0;}

@media screen and (max-width: 767px), (max-width: 844px) and (orientation:landscape) {
    .visual{margin-bottom: 60px; height: auto;}
    .visual > img{position: relative; width:100%; transform: none; top: 0; left: 0; height:auto}
    .visual p{width: 60%; left: 2%; top: 38%;}
}


.section1{padding-bottom: 10rem; background:url(../images/top/worries-bg.png) no-repeat center bottom/contain; margin-bottom: 10rem;}
@media screen and (max-width: 767px), (max-width: 844px) and (orientation:landscape) {
    .section1{margin-bottom: 0; background: url(../images/top/worries-bg.png) no-repeat center 82%/100%}
}


.section1 .catch-copy{padding-bottom: 10rem; max-width:1200px; margin: auto; margin-bottom: 10rem; background: url(../images/top/section1-border.png) repeat-x bottom;}
/*.section1 .catch-copy h2{color: #EC6800; font-size: 3.2rem; font-weight: 500; letter-spacing: .05em; line-height: 1.4; text-align: center; border: 2px solid #EC6800; background: #FFF; padding: 7px 0; width: 72rem; margin: auto; margin-bottom: 1.9rem; border-radius: 5px; position: relative; z-index: 3;}*/
.section1 .catch-copy h2{color: #EC6800; font-size: 3.2rem; font-weight: 500; letter-spacing: .05em; line-height: 1.6; text-align: center; border: 2px solid #EC6800; background: #FFF; padding: 20px 0px; width: 82rem; margin: auto; margin-bottom: 2.5rem; border-radius: 5px; position: relative; z-index: 3;}
.section1 .catch-copy h2::before{content: ""; display: inline-block; border-top: 10px solid #EC6800; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; bottom: 0; left: 50%; transform: translate(-50%,100%); z-index: 1;}
.section1 .catch-copy h2::after{content: ""; display: inline-block; border-top: 8px solid #FFF; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; bottom: 1px; left: 50%; transform: translate(-50%,100%); z-index: 2;}
.section1 .catch-copy p.p-1{font-size: 2.8rem; font-weight: 600; letter-spacing: .1em; color: #222; margin-bottom: 2rem; text-align: center; line-height: 1.5;}
.section1 .catch-copy p.p-2{font-size: 4.2rem; font-weight: 700; letter-spacing: .1em; color: #222; text-align: center; line-height: 1.45;}

@media screen and (max-width: 767px), (max-width: 844px) and (orientation:landscape) {
    .section1 .catch-copy{padding-bottom: 60px;}
    .section1 .catch-copy h2{width:calc(100% - 20px); margin: auto; margin-bottom: 20px; font-size: 16px; letter-spacing: 0;}
    .section1 .catch-copy p.p-1{font-size: 14px; line-height: 1;}
    .section1 .catch-copy p.p-2{font-size: 18px;}
}

.section1 .worries-wrap{width:120rem; margin: auto;}
.section1 .worries-wrap h2{font-size: 3.4rem; font-weight: 500; letter-spacing: .05em; line-height: 1.4; margin-bottom: 4rem; text-align: center;}
.section1 .worries-wrap .worries-card-wrap{display: flex; justify-content: space-between; flex-wrap:wrap; margin-bottom: 12rem;}
.section1 .worries-wrap .worries-card-wrap .worries-card{width: 38.5rem; height: 28rem; border-radius: 5px; margin-bottom: 2rem; padding-top: 16rem; text-align: center; background-color: #F39800; background-repeat: no-repeat; background-position: 50% 5rem; background-size: 9rem;}
.section1 .worries-wrap .worries-card-wrap .worries-card p{font-size: 2.2rem; letter-spacing: .05em; line-height: 1.27; font-weight: 700; color: #FFF;}
.section1 .worries-wrap .worries-card-wrap .worries-card p span{font-size: 1.8rem; font-weight: 500; letter-spacing: 0; line-height: 1.8; padding-top: 1rem; display: inline-block;}
.section1 .worries-wrap .worries-card-wrap .worries1{background-image: url(../images/top/worries_icon1.png);}
.section1 .worries-wrap .worries-card-wrap .worries2{background-image: url(../images/top/worries_icon2.png);}
.section1 .worries-wrap .worries-card-wrap .worries3{background-image: url(../images/top/worries_icon3.png); background-size: 13.4rem; background-position: 50% 6rem;}
.section1 .worries-wrap .worries-card-wrap .worries4{background-image: url(../images/top/worries_icon4.png); background-position: 50% 4rem;}
.section1 .worries-wrap .worries-card-wrap .worries5{background-image: url(../images/top/worries_icon5.png); background-size: 15rem;}
.section1 .worries-wrap .worries-card-wrap .worries6{background-image: url(../images/top/worries_icon6.png); background-size: 11.2rem; background-position: 50% 6rem;}

@media screen and (max-width: 767px), (max-width: 844px) and (orientation:landscape) {
    .section1 .worries-wrap{width: 100%; padding: 0 10px;}
    .section1 .worries-wrap h2{font-size: 22px; text-align: center; letter-spacing: 0; margin-bottom: 20px;}
    .section1 .worries-wrap .worries-card-wrap .worries-card{margin-bottom: 10px;}

}
.section1 .result .result-p1{font-size: 2.4rem; font-weight: 500; font-weight: 500; line-height: 2.2; text-align: center; letter-spacing: .05em;}
.section1 .result .result-p1 span{font-size: 3.6rem; font-weight: 500; letter-spacing: .05em; line-height: 1;}
.section1 .result .result-p2{font-size: 4.6rem; line-height: 1; text-align: center; margin-top: 1.35rem;}
.section1 .result .result-p2 img{margin: 0 1rem; width: 23rem; transform: translateY(10px);}

@media screen and (max-width: 767px), (max-width: 844px) and (orientation:landscape) {
    .section1 .worries-wrap .worries-card-wrap .worries-card{width: calc(50% - 5px); height: 200px; padding-top: 90px; background-size: 60px; background-position: 50% 20px;}
    .section1 .worries-wrap .worries-card-wrap .worries3{background-size: 90px;}
    .section1 .worries-wrap .worries-card-wrap .worries5{background-size: 90px;}
    .section1 .worries-wrap .worries-card-wrap .worries-card p{font-size: 16px;}
    .section1 .worries-wrap .worries-card-wrap .worries-card p span{font-size: 14px; margin-top: 5px; line-height: 1.27;}
    .section1 .worries-wrap .worries-card-wrap .worries-card:nth-of-type(even){margin-left: 5px;}
    .section1 .worries-wrap .worries-card-wrap .worries-card:nth-of-type(odd){margin-right: 5px;}
    .section1 .result{padding-bottom: 60px; background: #f8efcb;}
    .section1 .result .result-p1{font-size: 20px; line-height: 1.4;}
    .section1 .result .result-p1 span{font-size: 16px; display: inline-block; margin-top: 16px;}
    .section1 .result .result-p2{margin-top: 10px; font-size: 16px;}
    .section1 .result .result-p2 img{width:120px; margin: 0 5px;}
}
@media screen and (max-width: 844px) and (orientation:landscape) {
    .section1{background: url(../images/top/worries-bg.png) no-repeat center 79%/100%;}
	.section1 .worries-wrap .worries-card-wrap .worries-card{width: 33%;}
    .section1 .worries-wrap .worries-card-wrap .worries-card:nth-of-type(even){margin-left: 0;}
    .section1 .worries-wrap .worries-card-wrap .worries-card:nth-of-type(odd){margin-right: 0;}
    .section1 .result .result-p2{margin-top: 0;}
}



.section2{padding-bottom: 10rem;}
.section2 h2{font-size: 3.4rem; font-weight: 500; letter-spacing: .05em; line-height: 1.4; margin-bottom: 5rem; text-align: center;}
.section2 h2 strong{font-size: 6.2rem; font-weight: 500;}
.section2 p{font-size: 1.8rem; font-weight: 300; line-height: 2; text-align: center; margin-bottom: 6rem;}

.section2 .reason-wrap{display: flex; justify-content: space-between; align-items: flex-start; width: 120rem; margin: auto;}
.section2 .reason-wrap .item{width: 38.5rem; position: relative; box-shadow: 0 3px 6px rgba(0,0,0,0.16); border-radius: 5px;}
.section2 .reason-wrap .item::before{content: "2"; background: #EC6800; color: #FFF; border-radius: 5px 0px 5px 0px; display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; width: 4rem; height: 4.3rem; font-size: 2.8rem; letter-spacing: 0; line-height: 1; font-weight: 300; font-family: Heebo; padding-top: 4px; box-sizing: border-box;}
.section2 .reason-wrap .item:first-of-type::before{content: "1";}
.section2 .reason-wrap .item:last-of-type::before{content: "3";}
.section2 .reason-wrap .item .img-box{margin-bottom: 2rem;}
.section2 .reason-wrap .item .text-box{padding: 0 2rem 4.2rem 2rem;}
.section2 .reason-wrap .item .text-box h3{font-size: 2.2rem; font-weight: 700; letter-spacing: .05em; line-height: 1.27; color: #EC6800; text-align: center; margin-bottom: 1rem;}
.section2 .reason-wrap .item .text-box p{font-size: 1.8rem; line-height: 1.8; letter-spacing: 0; font-weight: 300; margin-bottom: 0;}
.section2 .reason-wrap .item .text-box p strong{font-weight: 700;}

@media screen and (max-width: 767px), (max-width: 844px) and (orientation:landscape) {
    .section2 h2{font-size: 20px;}
    .section2 h2 strong{font-size: 26px;}
    .section2 p{font-size: 16px; text-align: left; padding: 0 10px; margin-bottom: 60px; line-height: 1.8;}
    .section2 .reason-wrap{display: block; width: 100%; padding: 0 10px;}
    .section2 .reason-wrap .item{width: 100%; margin-bottom: 20px;}
    .section2 .reason-wrap .item::before{width: 40px; height: 43px; font-size: 20px;}
    .section2 .reason-wrap .item .text-box{padding: 10px; padding-bottom: 20px;}
    .section2 .reason-wrap .item .text-box h3{font-size: 20px; margin: 10px auto;}
    .section2 .reason-wrap .item .text-box p{font-size: 16px; text-align: center;}
}
@media screen and (max-width: 844px) and (orientation:landscape) {
    .section2 .reason-wrap .item{display: flex;}
    .section2 .reason-wrap .item .img-box{width: 40%;}
    .section2 .reason-wrap .item .text-box{width:60%;}
}



.section3{background: #F39800; padding: 9.3rem 0 6.3rem; margin-bottom: 10.4rem;}
.section3 .features{width: 120rem; margin: auto;}
.section3 .features h2{font-size: 2.4rem; letter-spacing: .05em; line-height: 1.4; font-weight: 500; color: #FFF; margin-bottom: 4rem; display: flex; justify-content: center; align-items: center; z-index: 2; white-space: nowrap;}
.section3 .features h2::before{content: ""; display: block; height: 1px; width: 100%; background: #FFF; margin-right: 1.6rem;}
.section3 .features h2::after{content: ""; display: block; height: 1px; width: 100%; background: #FFF; margin-left: 1.6rem;}
.section3 .features-wrap{display: flex; justify-content: space-between; flex-wrap: wrap;}
.section3 .features-wrap .item{width: 37.5rem; display: flex; align-items: center; color: #FFF; font-size: 1.8rem; font-weight: 500; letter-spacing: 0; line-height:2; margin-bottom: 4rem;}
.section3 .features-wrap .item img{width: 8rem; margin-right: 1rem;}
@media screen and (max-width: 767px), (max-width: 844px) and (orientation:landscape) {
    .section3{padding:40px 0; margin-bottom: 60px;}
    .section3 .features{width: 100%; padding: 0 10px;}
    .section3 .features h2{text-align: center; line-height: 1.4; font-size: 18px; margin-bottom: 20px;}
    .section3 .features-wrap .item{width:100%; font-size: 16px;}
    .section3 .features-wrap .item img{width: 40px; margin-right: 10px;}
}
@media screen and (max-width: 844px) and (orientation:landscape) {
    .section3 .features-wrap .item{width:50%;}
}




.section4{width: 120rem; margin: auto; margin-bottom: 10rem;}
.section4 p.gray{font-size: 2.4rem; letter-spacing: .05em; line-height: 1.4; text-align: center; margin-bottom: 2.8rem;}
.section4 p.gray span{background:#EBEEF2; border-radius: 5px; position: relative; padding: .7rem 2rem;}
.section4 p.gray span::after{content:""; display: block; position: absolute; bottom: 1px; left: 50%; border-top:10px solid #EBEEF2; border-left: 10px solid transparent; border-right: 10px solid transparent; transform: translate(-50%,100%);}
.section4 > p:last-of-type{font-size: 2.8rem; letter-spacing: .05em; line-height: 1.8; font-weight: 500; text-align: center; margin-bottom: 4rem;}
.section4 > p:last-of-type .orange{font-weight: 700;}
.section4 .movie{display: flex; margin-bottom: 6rem;}
.section4 .movie .text-box{width: 44rem; margin-right: 4rem; padding-top: 4.2rem;}
.section4 .movie .text-box p{font-size: 1.8rem; letter-spacing: 0; line-height: 2; font-weight: 300;}
.section4 .movie .text-box p span{font-size: 1.5rem;}
.section4 .movie-wrap{width:72rem;}
.section4 .movie-wrap p{text-align: center; font-size: 2.2rem; line-height: 1.4; font-weight: 500; margin-bottom: 1rem;}
.iframe-resp{ position:relative; width:100%; height:0; padding-top:40.5rem;}
.iframe-resp iframe{ position:absolute; top:0; left:0; width:100%; height:100%;}
.section4 .cash-flow{width:120rem; margin: auto; border: solid 3px #EBEEF2; box-sizing: content-box; position: relative;}
.section4 .cash-flow h3{font-size: 2.4rem; font-weight: 500; letter-spacing: .05em; line-height: 1.4; color: #222; position: absolute; top: 0; left: 50%; transform:translate(-50%,-50%); text-align: center; padding: 3rem 0;  width: 100%;}
.section4 .cash-flow h3 > span:first-of-type{background: #FFF; padding: 0 1.6rem;}
.section4 .cash-flow .column-box{padding: 4.6rem 3.2rem 2rem 6.2rem; display: flex;}
.section4 .cash-flow .column-box .img-box{width:25.2rem; margin-right: 2.8rem;}
.section4 .cash-flow .column-box p{font-size: 1.6rem; font-weight: 300; line-height: 2; width:82.5rem;}
.section4 .cash-flow .column-box p strong{font-weight: 700;}

@media screen and (max-width: 767px), (max-width: 844px) and (orientation:landscape) {
    .section4{width: 100%; padding: 0 10px; margin-bottom: 30px;}
    .section4 p.gray{font-size: 16px; margin-bottom: 30px;}
    .section4 > p:last-of-type{font-size: 16px; margin-bottom: 20px;}
    .section4 .movie{display: block; margin-bottom: 60px;}
    .section4 .movie .text-box{width:100%; margin-bottom: 60px;}
    .section4 .movie .text-box p{font-size: 14px; font-feature-settings: "palt"; line-height: 1.8;}
    .section4 .movie-wrap{width:100%; margin-bottom: 30px;}
    .section4 .movie-wrap p{font-size: 18px;}
    .section4 .movie .text-box p span{font-size: 14px;}
    .iframe-resp{padding-top: 200px;}
    .section4 .cash-flow{width:100%;}
    .section4 .cash-flow h3{font-size: 18px;}
    .section4 .cash-flow h3 span:first-of-type{padding-left:10px;}
    .section4 .cash-flow .column-box{display: block; padding-top: 60px; padding-bottom: 20px;}
    .section4 .cash-flow .column-box .img-box{width:60%; margin: auto; margin-bottom: 20px;}
    .section4 .cash-flow .column-box p{font-size: 16px; width: 100%; line-height: 1.8;}
    .section4 p.gray span::after{bottom: 2px;}
}
@media screen and (max-width: 844px) and (orientation:landscape) {
    .iframe-resp{width:400px; height: 200px; margin: auto;}
    .section4 .cash-flow .column-box{display: flex;}
    .section4 .cash-flow .column-box .img-box{width:38%; margin-left: 0;}
    .section4 .cash-flow .column-box p{width:58%; margin-right: 0; font-size: 14px;}
}




.section5{background: #EBEEF2; padding: 10rem 0; margin-bottom: 10.6rem;}
.section5 .voice{width:120rem; margin:auto;}
.section5 h2{font-size: 3.4rem; letter-spacing: .05em; line-height: 1.4; margin-bottom: 4rem; text-align: center; font-weight: 500;}
.section5 .voice-wrap{margin-bottom: 4rem;}
.section5 .voice-wrap .item{background: #FFF; margin-bottom: 2rem; padding: 4rem;}
.section5 .voice-wrap .item a{display: inline-flex;}
.section5 .voice-wrap .item .img-box{width:24rem;}
.section5 .voice-wrap .item .text-box{margin-right: 4rem; width:84rem}
.section5 .voice-wrap .item .text-box .data{border: 1px solid #EBEEF2; padding: 1rem; font-size: 1.6rem; font-weight: 300; line-height: 1.6; margin-bottom: 2rem;}
.section5 .voice-wrap .item .text-box .voice-txt{font-size: 1.8rem; line-height: 2; font-weight: 300;}
.section5 .all-view{text-align: center;}
.section5 .all-view a{display: inline-block; border-radius: 100px; background: #EC6800; color: #FFF; width: 36rem; padding: 1.2rem 0; box-shadow: 0 3px 12px rgba(0,0,0,0.25); font-size: 1.7rem;}

@media screen and (max-width: 767px), (max-width: 844px) and (orientation:landscape) {
    .section5{padding: 60px 0; margin-bottom: 0;}
    .section5 .voice{width: 100%;}
    .section5 h2{font-size: 20px; margin-bottom: 16px;}
    .section5 .voice-wrap{margin-bottom: 30px;}
    .section5 .voice-wrap .item{flex-wrap:wrap; padding: 10px; width: calc(100% - 20px); margin: auto; margin-bottom: 10px;}
    .section5 .voice-wrap .item .text-box{width:100%; margin-right: 0; order: 2;}
    .section5 .voice-wrap .item .img-box{width:100%; order: 1; margin-bottom: 10px;}
    .section5 .voice-wrap .item .img-box img{width:100%;}
    .section5 .voice-wrap .item .text-box .data{padding: 10px; font-size: 14px;}
    .section5 .voice-wrap .item .text-box .voice-txt{font-size: 16px; line-height: 1.8;}
    .section5 .all-view{padding: 0 10px;}
    .section5 .all-view a{width:100%; font-size: 16px; padding: 10px 0;}
    .section5 .voice-wrap .item a{flex-wrap:wrap;}
}
@media screen and (max-width: 844px) and (orientation:landscape) {
    .section5 .voice-wrap{display: flex; flex-wrap: wrap;}
    .section5 .voice-wrap .item{margin-top: 0; width: 48%;}
}


.section6 .excel{max-width: 1200px; margin: auto; background: url(../images/top/free_dl_bg.png) no-repeat center/cover; padding: 7.2rem 6rem 8.8rem 8rem; margin-bottom: 5.2rem;}
.section6 .excel h2{font-size: 3.4rem; letter-spacing: .05em; font-weight:500; margin-bottom:4rem;}
.section6 .excel .contents{display: flex; margin-bottom: 4rem;}
.section6 .excel .contents p {font-size: 1.8rem; font-weight: 300; line-height: 2; margin-right: 5.2rem; width: 62rem;}
.section6 .excel .contents p strong{font-weight: 700;}
.section6 .excel .dl-btn{text-align: center;}
.section6 .excel .dl-btn a{color: #FFF; background: #EC6800; font-size: 2.2rem; line-height:1.63; font-weight: 500; border-radius: 200px; display: flex; justify-content: center; align-items: center; padding: 1.5rem 0; box-shadow: 0 3px 12px rgba(0,0,0,0.25);}
.section6 .excel .dl-btn a span{background: #FFF; color:#EC6800; font-weight: 700; padding: 0 1rem; border-radius: 3px;}
.section6 .excel .dl-btn a::after{content:""; display: inline-block; width: 4rem; height: 5rem; margin-left: 2rem; background: url(../images/top/free_dl_icon.png) no-repeat center/contain;}
.section6 .img-box{position: relative;}
.section6 .img-box .radius-message{background: #FFF; border-radius: 1000px; width: 20rem; height: 20rem; position: absolute; right: 0; top: 0; transform: translate(4rem,-14.5rem); box-shadow: 0 3px 6px rgba(0,0,0,0.16);}
.section6 .img-box .radius-message p{font-size: 1.7rem; line-height: 1.48; text-align: center; font-weight: 500; width: auto; margin-right: 0; padding-top: 5.3rem; color: #EC6800;}
.section6 .img-box .radius-message p strong{font-size: 6rem; font-family: Heebo; line-height: 1; font-weight: 500;}
.section6 .img-box .radius-message p span.fs-1{font-size: 2.5rem;  font-weight: 700;}
.section6 .img-box .radius-message p span.fs-2{font-size: 2.5rem;font-weight: 500; line-height: 0;}
.section6 .banner-wrap{width:105rem; margin: auto; margin-bottom: 10rem;}

@media screen and (max-width: 767px), (max-width: 844px) and (orientation:landscape) {
    .section6 .excel{margin-bottom: 60px;     background: url(../images/top/free_dl_bg.png) no-repeat 76% 0/271%;}
    .section6 .excel h2{font-size: 20px; margin-bottom: 20px;}
    .section6 .excel .contents{display: block;}
    .section6 .excel .contents p{width: 100%; font-size: 16px; line-height: 1.8;}
    .section6 .img-box{width: 100%; margin-top: 60px;}
    .section6 .img-box .radius-message{width: 120px; height: 120px; padding-top: 6px; transform: translate(0rem,-23.5rem);}
    .section6 .banner-wrap{width:100%; padding: 0 10px;}
    .section6 .img-box .radius-message p{font-size: 14px; ;}
    .section6 .img-box .radius-message p strong{font-size: 30px;}
    .section6 .img-box .radius-message p span.fs-1{font-size: 18px;}
    .section6 .img-box .radius-message p span.fs-2{font-size: 18px;}
    .section6 .excel .contents{margin-bottom: 40px;}
    .section6 .excel .dl-btn a{text-align: left; font-size: 12px; line-height: 1.4; padding: 10px 0;}
    .section6 .excel .dl-btn a span{font-size: 12px; white-space: nowrap; margin-right: 6px;}
    .section6 .excel .dl-btn a::after{display: none;}
}
@media screen and (max-width: 844px) and (orientation:landscape) {
    .section6 .img-box{text-align: center; margin: 40px auto;}
    .section6 .img-box img{width: 60%; }
    .section6 .img-box .radius-message p{padding-top: 24px;}
    .section6 .img-box .radius-message{transform: translate(-14rem,-6rem); padding-top: 0;}
    .section6 .banner-wrap img.pc-inline{display: inline !important;}
    .section6 .banner-wrap img.sp-inline{display: none !important;}
    .section6 .excel .dl-btn .sp-inline{display: none;}
}




.section7{background: #EBEEF2; position: relative; padding-top: 54rem; padding-bottom: 10rem; margin-top: 55.4rem; margin-bottom: 15rem;}
.section7 .message{position: absolute; top:-45.4rem; width: 120rem;}
.section7 .message .text-box{padding: 5.8rem 5rem 5rem; position: absolute; right: 0; bottom: 0; transform: translate(41rem,11.3rem); background: #FFF; width:80rem;}
.section7  .message .text-box p.tit{font-size: 2.6rem; font-weight: 500; letter-spacing: .05em; line-height: 1.6; margin-bottom: 3rem; color: #222;}
.section7  .message .text-box p.text{font-size: 1.8rem; line-height: 2; font-weight: 300;}
.section7 .point-wrap{width: 120rem; margin: auto;}
.section7 .point-wrap .item{display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 8rem;}
.section7 .point-wrap .item:last-of-type{margin-bottom: 4rem;}
.section7 .point-wrap .item .img-box{width: 36rem;}
.section7 .point-wrap .item .text-box{width: 80rem; margin-bottom: 8rem;}
.section7 .point-wrap .item:last-of-type .text-box{margin-bottom: 0;}
.section7 .point-wrap .item .text-box h3{font-size: 2.4rem; font-weight: 500; letter-spacing: .05em; line-height: 1.6; margin-bottom: 1rem;}
.section7 .point-wrap .item .text-box h3 span{font-size: 1.8rem; font-family: Heebo; font-weight: 300; color: #EC6800; margin-right: 1.2rem; display: inline-flex; align-items: center; line-height: 1;}
.section7 .point-wrap .item .text-box h3 span strong{font-size: 4rem; font-weight: 300; line-height: 1; margin-left: .5rem;}
.section7 .point-wrap .item .text-box p{font-size: 1.8rem; font-weight: 300; line-height: 2;}
.section7 .point-wrap .item .text-box p span{font-size: 4rem;}

/* どんぶり勘定事務所に依頼すると良い人 */
.suitable{display: flex; justify-content: space-between; width: 120rem; margin: auto;}
.suitable .wrap{width: 59rem; border:5px solid #F39800; border-radius: 5px; background: #FFF;}
.suitable .wrap h3{font-size: 2rem; letter-spacing: .05em; font-weight: 500; line-height: 1.45; padding: 2.3rem 0 1.8rem; text-align: center;}
.suitable .wrap .suitable-icons{display: flex; justify-content: space-between; padding: 1.8rem 4.6rem 3rem; border-top: 2px solid #F39800;}
.suitable .wrap .suitable-icons .item{padding-top: 6rem;}
.suitable .wrap .suitable-icons .item p{font-size: 1.6rem; font-weight: 300; line-height: 1.575; text-align: center;}

.suitable .wrap.not-like{border: 5px solid #B7BFC9;}
.suitable .wrap.not-like h3{ color: #97A3B2;}
.suitable .wrap.not-like .suitable-icons{border-top: 2px solid #B7BFC9;}


/* アイコン */
.suitable .like .suitable-icons .item{background: url(../images/top/message_icon2@2x.png) no-repeat top center/3rem;}
.suitable .like .suitable-icons .item:first-of-type{background: url(../images/top/message_icon1@2x.png) no-repeat top center/2.4rem;}
.suitable .like .suitable-icons .item:last-of-type{background: url(../images/top/message_icon3@2x.png) no-repeat top center/4rem;}
.suitable .not-like .suitable-icons .item{background: url(../images/top/message_icon5@2x.png) no-repeat top center/4rem;}
.suitable .not-like .suitable-icons .item:first-of-type{background: url(../images/top/message_icon4@2x.png) no-repeat top center/4rem;}
.suitable .not-like .suitable-icons .item:last-of-type{background: url(../images/top/message_icon6@2x.png) no-repeat top center/4rem;}

@media screen and (max-width:1280px){
    .section7{padding-top: 38rem;}
    .section7 .message{width:82rem;}
    .section7 .message .text-box{width:76rem; padding:4rem 3rem 3rem; transform: translate(38rem,18rem);}
    .section7 .message .text-box p.text{font-size: 1.6rem;}
    .section7 .point-wrap .item .img-box{width:48rem;}
    .section7 .point-wrap .item .text-box{width:68rem;}
}

@media screen and (max-width: 767px), (max-width: 844px) and (orientation:landscape) {
    .section7{padding-top: 40px; padding-bottom: 40px; margin-top: 40px;}
    .section7 .message{position: relative; top: auto; width:100%;}
    .section7 .message .text-box{width:calc(100% - 40px); transform: translateY(-60px); position: relative; margin: auto;}
    .section7 .message .text-box p.tit{font-size: 20px;}
    .section7 .message .text-box p.text{font-size: 16px; line-height: 1.8;}
    .section7 .point-wrap{width:100%; padding: 0 10px;}
    .section7 .point-wrap .item{flex-wrap:wrap;}
    .section7 .point-wrap .item .text-box{width:100%; order: 2;}
    .section7 .point-wrap .item .text-box{width:auto;}
    .section7 .point-wrap .item .text-box h3{font-size: 20px; display: flex; align-items: center; margin: 20px auto 10px;}
    .section7 .point-wrap .item .text-box h3 span{font-size: 16px; margin-right: 10px;}
    .section7 .point-wrap .item .text-box h3 span strong{font-size: 26px; margin-left: 5px;}
    .section7 .point-wrap .item .img-box{width:100%; order: 1;}
    .section7 .point-wrap .item .text-box p{font-size: 16px; line-height: 1.8;}

    .suitable{display: block; width:100%; padding: 0 10px;}
    .suitable .wrap{width:100%;}
    .suitable .wrap h3{font-size: 16px; padding: 10px 0;}
    .suitable .wrap .suitable-icons{padding: 10px;}
    .suitable .wrap.like{margin-bottom: 10px;}
    .suitable .wrap .suitable-icons .item{padding-top: 60px;}
    .suitable .wrap .suitable-icons .item p{font-size: 12px;}
    /* アイコン */
    .suitable .like .suitable-icons .item{background: url(../images/top/message_icon2.png) no-repeat top center/31px;}
    .suitable .like .suitable-icons .item:first-of-type{background: url(../images/top/message_icon1.png) no-repeat top center/24px;}
    .suitable .like .suitable-icons .item:last-of-type{background: url(../images/top/message_icon3.png) no-repeat top center/40px;}
    .suitable .not-like .suitable-icons .item{background: url(../images/top/message_icon5.png) no-repeat top center/40px;}
    .suitable .not-like .suitable-icons .item:first-of-type{background: url(../images/top/message_icon4.png) no-repeat top center/40px;}
    .suitable .not-like .suitable-icons .item:last-of-type{background: url(../images/top/message_icon6.png) no-repeat top center/40px;}
}
@media screen and (max-width: 844px) and (orientation:landscape) {
    .section7 .message{width:60%;}
    .section7 .message .text-box{position: absolute; width: 100%; bottom: 0; right: 0; left: auto; transform: translate(62%,74%);}
    .section7 .message .img-box{margin-bottom: 150%;}
    .section7 .point-wrap .item .img-box{width:30%}
    .section7 .point-wrap .item .text-box{width:65%;}
    .section7 .point-wrap .item .text-box h3{margin-top: 0;}
    .suitable .wrap .suitable-icons{justify-content: center;}
    .suitable .wrap .suitable-icons .item{margin: 0 20px;}
    .suitable .wrap .suitable-icons .item p{font-size: 14px;}
}



.section8{width:120rem; margin: auto; margin-bottom: 15.2rem;}
.section8 h2{font-size: 3.4rem; font-weight: 500; letter-spacing: .05em; line-height: 1.4; margin-bottom: 4rem; text-align: center;}
.section8 table{margin-bottom: 15rem;}
.section8 table,.section8 tbody,.section8 tbody tr{width:100%; display: inline-block;}
.section8 table tr{display: flex;}
.section8 table tr:first-of-type{align-items: flex-end;}
.section8 table tr:first-of-type th{border-bottom: 3px solid #222222;}
.section8 table tr th{font-size: 2rem; text-align: center; font-weight: 500;}
.section8 table tr td{height: 5.4rem; display: flex; justify-content: center; align-items: center; }
.section8 table tr th:nth-of-type(1){border-radius: 5px 0 0 0; border-top: 2px solid #222; border-left: 2px solid #222; height: 6rem; display: flex; justify-content: center; align-items: center;}
.section8 table tr th:nth-of-type(2){font-size: 2.6rem; color: #FFF; background: #EC6800; height: 8rem; display: flex; justify-content: center; align-items: center; border-radius: 5px 5px 0 0; border-left: 1px solid #FFF; border-right: 1px solid #FFF;}
.section8 table tr th:nth-of-type(3){color: #FFF; background: #97A3B2; border-radius: 0 5px 0 0; height: 6rem; display: flex; justify-content: center; align-items: center;}
.section8 table tr th,.section8 table tr td{width: 55rem;}
.section8 table tr th:first-of-type,.section8 table tr td:first-of-type{width: 30rem;}
.section8 table tr th:last-of-type,.section8 table tr td:last-of-type{width: 35rem;}
.section8 table tr td{font-size: 2.6rem; font-weight: 700; border-bottom: 1px solid #222; border-right: 1px solid #222;}
.section8 table tr td:last-of-type{font-weight: 300;}
.section8 table tr td:nth-of-type(2){color: #EC6800;}
.section8 table tr:nth-of-type(odd) td{background: #EBEEF2;}
.section8 table tr:nth-of-type(odd) td:nth-of-type(2){background: #FFEAC8;}
.section8 table tr td:first-of-type{border-left: 2px solid #222;}
.section8 table tr td:last-of-type{border-right: 2px solid #222;}
.section8 table tr:last-of-type td{border-bottom:2px solid #222;}
.section8 table tr td:first-of-type{font-size: 1.8rem; font-weight: 300;}

@media screen and (max-width: 767px), (max-width: 844px) and (orientation:landscape) {
    .section8{width: 100%; padding: 0 10px; margin-bottom: 60px;}
    .section8 h2{font-size: 16px; margin-bottom: 20px;}
    .section8 table{margin-bottom: 60px;}
    .section8 table tr:first-of-type{align-items: flex-end;}
    .section8 table tr td{height: 30px; font-size: 16px;}
    .section8 table tr th, .section8 table tr td{width:25%;}
    .section8 table tr th:first-of-type, .section8 table tr td:first-of-type{width: 50%;}
    .section8 table tr th:last-of-type, .section8 table tr td:last-of-type{width: 25%;}
    .section8 table tr th:nth-of-type(1){font-size: 14px; height: 30px;}
    .section8 table tr td:first-of-type{font-size: 14px;}
    .section8 table tr th:nth-of-type(2){height: 60px; font-size: 13px;}
    .section8 table tr th:nth-of-type(3){height: 50px; font-size: 13px;}
}


.section8 .support-flow{width: 100rem; margin: auto;}
.section8 h2{font-size: 3.4rem; font-weight: 500; letter-spacing: .05em; line-height: 1.4; text-align: center; margin-bottom: 4rem;}
.section8 .flow-wrap{background: url(../images/top/flow-path.png) repeat-y 4.4rem 0;}
.section8 .flow-wrap .item{display: flex; align-items: center; position: relative; padding-left: 11rem; height: 9rem; margin-bottom: 4.2rem;}
.section8 .flow-wrap .item::after{content:""; display: inline-block; width: 89rem; height: 1px; background:#EBEEF2; margin-left: 11rem; position: absolute; bottom: -2rem; right: 0;}
.section8 .flow-wrap .item:last-of-type::after{content: none;}
.section8 .flow-wrap .item .step{position: absolute; font-size: 1.6rem; font-family:"Heebo"; border-radius:1000px; background: #FFF; border:1px solid #EC6800; display: flex; flex-wrap:wrap; justify-content: center; align-items: center; color:#EC6800; text-align: center; left: 0; top:0; width:9rem; height: 9rem; padding: 1.5rem 0; font-weight: 300;}
.section8 .flow-wrap .item .step strong{font-size: 3.4rem; font-family: "Heebo"; font-weight: 300; letter-spacing: 0; width:100%; line-height: 1;}
.section8 .flow-wrap .item .contents h3{font-size: 2.2rem; font-weight: 500; line-height: 1.4; margin-bottom: 1rem;}
.section8 .flow-wrap .item .contents p{font-size: 1.8rem; font-weight: 300; line-height: 2;}



@media screen and (max-width: 767px), (max-width: 844px) and (orientation:landscape) {
    .section8 .flow-wrap {background: url(../images/top/flow-path.png) repeat-y 8.3rem 0;}

    .section8 .support-flow{width:100%;}
    .section8 h2{font-size: 20px; margin-bottom: 30px;}
    .section8 .flow-wrap .item{height: 80px; padding:10px 10px 10px 60px}
    .section8 .flow-wrap .item:last-of-type{background: #FFF;}
    .section8 .flow-wrap .item .step{width:50px; height: 50px; font-size: 12px; padding: 6px 0; top: 0; left: 1px; transform: none;}
    .section8 .flow-wrap .item .step strong{font-size: 18px;}
    .section8 .flow-wrap .item .contents h3{font-size: 16px;}
    .section8 .flow-wrap .item .contents p{font-size: 14px; line-height: 1.8;}
}
@media screen and (max-width: 844px) and (orientation:landscape){
    .section8 .flow-wrap{background:url(../images/top/flow-path.png) repeat-y 4.6rem 0;}
    .section8 .flow-wrap .item{padding-top: 0;}
}



.orange-btn{text-align: center;}
.orange-btn a{color: #FFF; background:#EC6800; display: inline-block; font-size: 1.7rem; font-weight: 500; line-height: 1.81; letter-spacing: .05em; padding: 1.2rem 3rem; border-radius: 100px; box-shadow: 0 3px 12px rgba(0,0,0,0.25);}
@media screen and (max-width: 767px), (max-width: 844px) and (orientation:landscape) {
    .orange-btn a{width:100%; padding: 10px 0; font-size: 16px;}
}



.section9 {width:100rem; margin:auto; margin-bottom: 12rem;}
.section9 h2{font-size: 3.4rem; letter-spacing: .05em; line-height: 1.4; margin-bottom: 4rem; font-weight: 500; text-align: center;}
.section9 .qa-wrap .item{padding-bottom:2rem; margin-bottom: 2rem; border-bottom: 1px solid #EBEEF2;}
.section9 .qa-wrap .item:last-of-type{padding-bottom: 0; margin-bottom: 0; border: none;}
.section9 .qa-wrap h3{font-size: 2.2rem; font-weight: 500; line-height: 1.4; padding-left: 4rem; position: relative; margin-bottom: 2rem;}
.section9 .qa-wrap h3::before{content: "Q"; font-size: 3.4rem; font-weight: 300; line-height: 1.4; position: absolute; left: 0; top: -.3em; font-family: Heebo;}
.section9 .qa-wrap p{font-size: 1.8rem; font-weight: 300; line-height: 2; padding-left: 4rem; position:relative;}
.section9 .qa-wrap p::before{content:"A"; color: #EC6800; font-size: 3.4rem; font-weight: 300; line-height: 2; position: absolute; left: 0; top: -.5em; font-family: Heebo;}
@media screen and (max-width: 767px), (max-width: 844px) and (orientation:landscape) {
    .section9{width: 100%; padding: 0 10px;}
    .section9 h2{font-size: 20px; margin-bottom: 20px;}
    .section9 .qa-wrap h3{font-size: 16px; margin-bottom: 10px; padding-left: 36px;}
    .section9 .qa-wrap h3::before{font-size: 30px;}
    .section9 .qa-wrap p{font-size: 16px; padding-left: 36px; line-height: 1.8;}
    .section9 .qa-wrap p::before{font-size: 30px;}
    .section9 .qa-wrap .item{margin-bottom: 10px; padding-bottom: 10px;}
}



.section10{background:#F8EFCB; padding:10rem 0 13.8rem; margin-bottom: 10rem;}
.section10 .news{width: 100rem; margin: auto;}
.section10 .news h2{font-size: 3.4rem; font-weight: 500; letter-spacing: .05em; line-height: 1.4; text-align: center; margin-bottom: 4.3rem;}
.section10 .news .news-wrap{background:#FFF; margin-bottom: 4rem; padding:1.6rem 0}
.section10 .news .news-wrap .item a{display: flex; align-items: center; padding-bottom: 1.6rem; padding-left: 2rem; padding-right: 2rem; margin-bottom: 1.6rem; border-bottom: 1px solid #EBEEF2;}
.section10 .news .news-wrap .item:last-of-type a{margin-bottom: 0; padding-bottom: 0; border: none;}
.section10 .news .news-wrap .item .date{font-family: Heebo; font-size: 1.8rem; font-weight: 300; line-height: 1.71; margin-right: 2rem;}
.section10 .news .news-wrap .item .category{color: #FFF; background:#EC6800; font-size: 1.4rem; font-weight: 300; line-height: 1; padding:.5rem 0; width: 10rem; text-align: center; margin-right: 3rem; margin-left: 0;}
.section10 .news .news-wrap .item .title{font-size: 1.6rem; font-weight: 300; line-height: 1.6; width:72.3rem;}

@media screen and (max-width: 767px), (max-width: 844px) and (orientation:landscape) {
    .section10{margin-bottom: 60px;}
    .section10 .news{width:100%; padding:0 10px;}
    .section10 .news h2{font-size: 20px; margin-bottom: 20px;}
    .section10 .news .news-wrap{padding: 40px 10px; margin-bottom: 20px;}
    .section10 .news .news-wrap .item a{flex-wrap:wrap; border-bottom: 1px solid #EBEEF2; margin-bottom: 20px; padding-bottom: 20px;}
    .section10 .news .news-wrap .item .date{font-size: 14px;}
    .section10 .news .news-wrap .item .category{width:80px; font-size: 14px;}
    .section10 .news .news-wrap .item .title{font-size: 16px; line-height: 1.8; margin-top: 10px; width:100%;}
}

.section11{margin-bottom: 12rem;}
.section11 h2{font-size: 3.4rem; letter-spacing: .05em; line-height: 1.4; margin-bottom: 4rem; text-align: center; font-weight: 500;}
.section11 .blog-wrap{width: 120rem; margin: auto; margin-bottom: 2rem; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap:wrap}
.section11 .blog-wrap::before{content:""; display:inline-block; width:28.5rem; height:0; order: 2;}
.section11 .blog-wrap::after{content:""; display:inline-block; width:28.5rem; height:0; order: 3;}
.section11 .blog-wrap .item{width: 28.5rem; margin-bottom: 2rem;}
.section11 .blog-wrap .item .img-box{margin-bottom: 1rem;}
.section11 .blog-wrap .item .img-box img{width:100%;}
.section11 .blog-wrap .item .text-box .data{margin-bottom: 1rem; display: flex; justify-content: space-between; align-items: center;}
.section11 .blog-wrap .item .text-box .data .date{font-family: "Heebo"; font-size: 1.8rem; font-weight: 700; line-height: 1; padding-top: .5rem; margin-right: 1rem;}
.section11 .blog-wrap .item .text-box .data .category{font-size: 1.4rem; font-weight: 300; line-height: 1; padding: .3rem 1.5rem; color: #EC6800; border: 1px solid #EC6800;}
.section11 .blog-wrap .item .text-box p{font-size: 1.6rem; font-weight: 300; line-height: 1.6;}

@media screen and (max-width: 767px), (max-width: 844px) and (orientation:landscape) {
    .section11{margin-bottom: 60px; padding:0 10px}
    .section11 h2{font-size: 20px; margin-bottom: 20px;}
    .section11 .blog-wrap{width:100%; flex-wrap:wrap;}
    .section11 .blog-wrap .item{width:100%; margin-bottom: 30px; display: none;}
    .section11 .blog-wrap .item .text-box .data{margin-top:10px;}
    .section11 .blog-wrap .item .text-box .data .date{font-size: 14px;}
    .section11 .blog-wrap .item .text-box .data .category{font-size: 14px; padding: 2px 20px;}
    .section11 .blog-wrap .item .text-box p{font-size: 16px; margin-top: 10px; line-height: 1.8;}
    .section11 .blog-wrap .item:nth-of-type(1),
    .section11 .blog-wrap .item:nth-of-type(2),
    .section11 .blog-wrap .item:nth-of-type(3),
    .section11 .blog-wrap .item:nth-of-type(4){display: block;}
}
@media screen and (max-width: 844px) and (orientation:landscape){
    .section11 .blog-wrap .item{width:calc(50% - 5px);}
}

/* ----- popup_banner */
.popup-img{position: fixed; bottom: 0; left: 0; transform: translateY(120%); transition: 1s; width: 380px; z-index: 9999;}
.popup-img a:hover,.popup-img a:hover img{opacity: 1;}
.popup-img.show{transform:translateY(0);}
.popup-img .close{width: 50px; height: 50px; position: absolute; top: -25px; right: -25px; background: rgba(34,34,34,0.8); cursor: pointer; border-radius: 50px;}
.popup-img .close::before{content: ""; width: 27px; height: 1.5px; background: #FFF; position: absolute; left: 50%; top: 50%; transform: translate(-50%) rotate(45deg);}
.popup-img .close::after{content: ""; width: 27px; height: 1.5px; background: #FFF; position: absolute; left: 50%; top: 50%; transform: translate(-50%) rotate(-45deg);}
@media screen and (max-width: 767px), (max-width: 896px) and (orientation:landscape) {
  .popup-img{width: 270px; bottom: 55px; transform: translateY(150%);}
  .popup-img .close{width: 35px; height: 35px; top: -15px; right: -15px;}
  .popup-img .close::before,.popup-img .close::after{width: 23px;}
}
@media screen and (max-width: 896px) and (orientation:landscape){
  .popup-img{width:200px; bottom: 55px;}
  .popup-img .close{width: 30px; height: 30px; top: -15px; right: -15px;}
  .popup-img .close::before,.popup-img .close::after{width: 19px;}
}

@media screen and (max-width: 767px), (max-width: 844px) and (orientation:landscape) {
    .section1 .catch-copy{padding-bottom: 60px;}
    .section1 .catch-copy h2{width:calc(100% - 20px); margin: auto; margin-bottom: 20px; font-size: 16px; letter-spacing: 0;}
    .section1 .catch-copy p.p-1{font-size: 14px; line-height: 1;}
    .section1 .catch-copy p.p-2{font-size: 18px;}

    /* 追加：PC用の改行をスマホでは無効化 */
    .section1 .catch-copy h2 br.pc,
    .section1 .catch-copy p.p-1 br.pc{
        display: none;
    }
}

@media screen and (max-width: 767px), (max-width: 844px) and (orientation:landscape) {
    .section1 .catch-copy{padding-bottom: 60px; word-break: auto-phrase;}
    .section1 .catch-copy h2{width:calc(100% - 20px); margin: auto; margin-bottom: 20px; font-size: 16px; letter-spacing: 0;}
    .section1 .catch-copy p.p-1{font-size: 14px; line-height: 1.8; padding: 0 10px; margin-bottom: 20px;}
    .section1 .catch-copy p.p-2{font-size: 18px; padding: 0 10px;}

    .section1 .catch-copy h2 br.pc,
    .section1 .catch-copy p.p-1 br.pc{
        display: none;
    }
}