#second-visualcontents::before{background: url('../img/flow/header-image.png') center center no-repeat;background-size: contain;}
.flow-intro-image{margin: 0 auto 24px;max-width: 980px;}
.flow-intro-image img{margin: 0 auto;max-width: 920px;height: auto;max-height: 282px;}
@media only screen and (min-width: 569px) and (max-width: 768px) {
    .flow-intro-image img { max-width: 768px;width: 90%; }
}
@media only screen and (max-width: 568px) {
    .flow-intro-image{margin: 0 auto 16px;width: 90%;max-width: 568px;}
    .flow-intro-image img{width: 100%;height: auto;}
}
.flow-title-wrapper{position: relative;margin-bottom: 32px;background: #25a4ad;box-sizing: border-box;}
.flow-title-wrapper .flow-title-inner{margin: 0 auto;max-width: 980px;text-align: center;}
.flow-title-wrapper .flow-title-inner h2{margin: 0;padding: 32px 0;font-size: 32px;font-weight: 600;color: #fff;line-height: 1;}
@media only screen and (max-width: 568px) {
    .flow-title-wrapper .flow-title-inner h2{padding: 16px 0;font-size: 24px;}
}
.flow-content{margin-bottom: 32px;border-top: #3e95cc 5px solid;background: url(../img/bg_note.png) #fff;box-sizing: border-box;box-shadow: 4px 4px 10px 2px rgb(218 218 217);}
.flow-content-inner{margin: 0;padding: 24px;}
.flow-content-inner .is-show-pc{display: flex;flex-direction: row;justify-content: space-between;}
.flow-content-inner .is-show-pc .flow-pc-inner{width: 70%;}
.flow-content-inner .is-show-pc .flow-pc-inner h3{position: relative;margin: 0 0 16px;padding: 0 0 0 15%;font-size: 24px;font-weight: 600;box-sizing: border-box;}
.flow-content-inner .is-show-pc .flow-pc-inner h3::before{content: "";position: absolute;top: 50%;left: -10%;transform: translateY(-50%);}
.flow-content-01 .flow-content-inner .is-show-pc .flow-pc-inner h3::before{width: 150px;height: 51px;background: url('../img/flow/icon_01.png') center center no-repeat;background-size: contain;}
.flow-content-02 .flow-content-inner .is-show-pc .flow-pc-inner h3::before{width: 150px;height: 51px;background: url('../img/flow/icon_02.png') center center no-repeat;background-size: contain;}
.flow-content-03 .flow-content-inner .is-show-pc .flow-pc-inner h3::before{width: 150px;height: 51px;background: url('../img/flow/icon_03.png') center center no-repeat;background-size: contain;}
.flow-content-04 .flow-content-inner .is-show-pc .flow-pc-inner h3::before{width: 150px;height: 51px;background: url('../img/flow/icon_04.png') center center no-repeat;background-size: contain;}
.flow-content-05 .flow-content-inner .is-show-pc .flow-pc-inner h3::before{width: 150px;height: 51px;background: url('../img/flow/icon_05.png') center center no-repeat;background-size: contain;}
.flow-content-06 .flow-content-inner .is-show-pc .flow-pc-inner h3::before{width: 150px;height: 51px;background: url('../img/flow/icon_06.png') center center no-repeat;background-size: contain;}
.flow-content-inner .is-show-pc .flow-pc-inner p{margin-bottom: 16px;}
.flow-content-inner .is-show-pc img{width: 266px;height: 178px;}
@media only screen and (min-width: 569px) and (max-width: 769px) {
    .flow-content-inner .is-show-pc .flow-pc-inner {width: 60%;}
    .flow-content-inner .is-show-pc .flow-pc-inner h3 {padding: 0 0 0 25%;font-size: 20px;}
    .flow-content-inner .is-show-pc .flow-pc-inner h3::before{left: -5%;}
    .flow-content-01 .flow-content-inner .is-show-pc .flow-pc-inner h3::before{width: 120px;height: 45px;}
    .flow-content-02 .flow-content-inner .is-show-pc .flow-pc-inner h3::before{width: 120px;height: 45px;}
    .flow-content-03 .flow-content-inner .is-show-pc .flow-pc-inner h3::before{width: 120px;height: 45px;}
    .flow-content-04 .flow-content-inner .is-show-pc .flow-pc-inner h3::before{width: 120px;height: 45px;}
    .flow-content-05 .flow-content-inner .is-show-pc .flow-pc-inner h3::before{width: 120px;height: 45px;}
    .flow-content-06 .flow-content-inner .is-show-pc .flow-pc-inner h3::before{width: 120px;height: 45px;}
    .flow-content-inner .is-show-pc img {width: auto;height: 140px;}
}
@media only screen and (max-width: 568px) {
    .flow-content-inner{padding: 10px;}
    .flow-content-inner .is-show-sp .flow-sp-flex{display: flex;flex-direction: row;justify-content: space-between;margin-bottom: 10px;}
    .flow-content-inner .is-show-sp .flow-sp-flex div{width: 50%;text-align: center;}
    .flow-content-inner .is-show-sp .flow-sp-flex div h3{font-size: 18px;font-weight: 600;}
    .flow-sp-step-img{margin: 0 auto 10px;max-width: 80px;height: auto;}
    .flow-sp-img{width: 50%;}
    .flow-content-inner .is-show-sp p{margin-bottom: 10px;}
}
.flow-cv-wrapper{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.flow-cv-wrapper a{display: block;width: 50%;}
.flow-cv-wrapper img.flow-cv-tel{width: 298px;height: auto;}
.flow-cv-wrapper img.flow-cv-mail{width: 222px;height: 68px;}
@media only screen and (min-width:569px) and (max-width:768px) {
    .flow-cv-wrapper a {width: 48%;}
    .flow-cv-wrapper img.flow-cv-tel {width: 100%;height: auto;}
    .flow-cv-wrapper img.flow-cv-mail {width: 100%;height: auto;}
}
@media only screen and (max-width:568px) {
    .flow-cv-wrapper{flex-direction: column;}
    .flow-cv-wrapper a{width: 100%;}
    .flow-cv-wrapper img.flow-cv-tel{margin-bottom: 10px;width: 100%;height: auto;}
    .flow-cv-wrapper img.flow-cv-mail{margin: 0 auto;width: 90%;height: auto;}
}
.process-img{display: flex;flex-direction: row;}
.process-img div{margin-right: 16px;}
.process-img img.process-img-01-1{width: 167px;height: auto;}
.process-img img.process-img-01-2{width: 167px;height: auto;}
.process-img img.process-img-01-3{width: 167px;height: auto;}
.process-img img.process-img-02-1{width: 167px;height: auto;}
.process-img img.process-img-02-2{width: 220px;height: auto;}
.process-img img.process-img-02-3{width: 149px;height: auto;}
@media only screen and (max-width: 568px) {
    .process-img div{width: 30%;}
    .process-img img.process-img-01-1{width: 100%;height: auto;}
    .process-img img.process-img-01-2{width: 100%;height: auto;}
    .process-img img.process-img-01-3{width: 100%;height: auto;}
    .process-img img.process-img-02-1{width: 100%;height: auto;}
    .process-img img.process-img-02-2{width: 100%;height: auto;}
    .process-img img.process-img-02-3{width: 100%;height: 89px;}
}
.hd-flow-container{background: url('../img/bg_pattern03.png') left center repeat;}
.hd-flow-container .inner{margin-bottom: 0;padding-bottom: 4vw;}
.hd-flow-list{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.hd-flow-list li{position: relative;margin-bottom: 32px;width: 30%;max-width: 270px;background: #fff;}
.hd-flow-list li::before{content: "";position: absolute;top: 50%;right: -20%;transform: translateY(-50%);}
.hd-flow-list li:first-child::before,.hd-flow-list li:nth-child(2)::before,.hd-flow-list li:nth-child(4)::before,
.hd-flow-list li:nth-child(5)::before,.hd-flow-list li:nth-child(7)::before,.hd-flow-list li:nth-child(8)::before{width: 22px;height: 39px;background: url('../img/flow/sankaku-right.png') center center no-repeat;background-size: contain;}
.hd-flow-list li .hd-flow-inner{margin: 0;padding: 16px;box-sizing: border-box;}
.hd-flow-list li h3{margin-bottom: 10px;padding: 0;font-size: 20px;font-weight: 600;color: #25a4ad;text-align: center;}
@media only screen and (min-width: 569px) and (max-width: 768px) {
    .hd-flow-list li::before {right: -15%;}
}
@media only screen and (max-width: 568px) {
    .hd-flow-container .inner{padding-bottom: 32px;}
    .hd-flow-list{flex-direction: column;}
    .hd-flow-list li{margin-bottom: 36px;width: 100%;max-width: unset;}
    .hd-flow-list li:nth-child(9){margin-bottom: 0;}
    .hd-flow-list li::before{top: 100%;left: 50%;right: 0;transform: translateX(-50%) rotate(90deg);width: 22px;height: 39px;background: url('../img/flow/sankaku-right.png') center center no-repeat;background-size: contain;}
    .hd-flow-list li:nth-child(9)::before{content: none;}
    .hd-flow-list li .is-show-sp{display: flex !important;flex-direction: row;justify-content: space-between;}
    .hd-flow-list li .is-show-sp img{width: 30%;height: auto;}
    .hd-flow-list li .is-show-sp div{margin: 0;padding: 10px 0;width: 65%;box-sizing: border-box;}
    .hd-flow-list li h3{margin-bottom: 5px;font-size: 18px;}
}
.flow-main-cv-container{position: relative;background: #D8EEF0;}
.flow-main-cv-container h2{position: absolute;top: -25px;left: 50%;transform: translateX(-50%);font-size: 32px;font-weight: 600;color: #fff;}
.flow-main-cv-container h2::before{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) skew(-20deg, 0deg);width: 150%;height: 120%;background: #eca225;z-index: -1;}
.flow-main-cv-container .inner{margin-bottom: 0;padding: 64px 0 48px;}
@media only screen and (max-width: 568px) {
    .flow-main-cv-container h2{position: absolute;top: -10px;left: 50%;transform: translateX(-50%);font-size: 18px;font-weight: 600;color: #fff;width: max-content;}
    .flow-main-cv-container h2::before{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) skew(-20deg, 0deg);width: 150%;height: 120%;background: #eca225;z-index: -1;}
    .flow-main-cv-container .inner{padding: 32px 0 16px;}
}