@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url("https://use.typekit.net/zhd4csu.css");


html {
    font-size: 100%;
}
body {
    font-family: 'Noto Sans JP', sans-serif;
	/* font-family: 'Noto Sans Japanese', sans-serif; */
}
a {
    text-decoration: none;
}
li {
    list-style: none;
}



/* ==================================================================
fv
===================================================================*/
.fp__container {
    width: 100%;
}
/* .fp__fv__container picture{
    margin: -5px;
    padding: -5p;
} */
.fp__fv__list{
    width: 100%;
}
.fp__fv__item{
    width: 100%;
    position: relative;
    z-index: 1;
}
.fp__fv__item img{
    width: 100%;
    position: relative;
    vertical-align: top;
}

.fp__fv__inner {
    width: 1021px;
    margin: 0 auto;
    z-index: 2;
    position: absolute;
    bottom: 5%;
    right: 6%;
}

.fp__line__btn__area {
    width: 46%;
    margin: 0 0 0 54%;
    position: relative;
}

.fp__line__btn {
    width: 100%;
    display: inline-block;
    position: relative;
    background-color: #58c261;
    border: 1px solid #58c261;
    border-radius: 545px;
    font-size: 2rem;
    color: #fff;
    text-align: center;
    padding: 21px 0;
    margin: 0 0 17px;
}
.fp__line__btn::before{
    display: inline-block;
    width: 298px;
    content: "些細なことでも質問OK";
    font-size: 1.5rem;
    color: #fff;
    background-color: #1e6dc1;
    border: 1px solid #1e6dc1;
    position: absolute;
    top: -21%;
    left: 19%;
}
.fp__line__btn::after{
    content: "";
    display: inline-block;
    color: #edf125;
    width: 24px;
    height: 24px;
    border: 4px solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateY(0) rotate(45deg);
    position: absolute;
    top: 38%;
    right: 10%;
}
.fp__line__btn:hover{
    transform: scale(1.05);
    transition: .5s;
}
.fp__line__btn__txt {
    font-size: 1.25rem;
    text-align: center;
    font-weight: 600;
    position: relative;
}
.fp__line__btn__txt::before{
    content: "";
    display: inline-block;
    background-image: url(../img/check-border-black.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    position: absolute;
    top: -4px;
    left: -9%;
}
.fp__line__btn__txt::after{
    content: "";
    display: inline-block;
    background-image: url(../img/fv-line-check.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 32px;
    height: 35px;
    position: absolute;
    top: -12px;
    left: -8%;
}
.sp{
    display: none;
}
@media screen and (max-width: 1150px){

    .fp__fv__item img{
        padding: 0 0 150px;
    }
    .fp__fv__inner{
        bottom: 6%;
        right: 0;
    }
    .fp__line__btn__area{
        width: 60%;
        margin: 0 auto;
    }
    .fp__line__btn::before{
        left: 25%;
    }
    .fp__line__btn::after{
        right: 15%;
    }
    .fp__line__btn__txt::before{
        left: 2%;
    }
    .fp__line__btn__txt::after{
        left: 3%;
    }
}
@media screen and (max-width: 1021px){
    
    
    .fp__fv__inner{
        width: 100%;
        bottom: 6%;
        right: 0%;
    }
    
    .fp__fv__item img{
        width: 100%;
    }
    .fp__line__btn__area{
        width: 70%;
        margin: 0 auto;
    }
    .fp__line__btn__txt::before{
        left: 9%;
    }
    .fp__line__btn__txt::after{
        left: 10%;
    }
}
@media screen and (max-width: 960px){

    .fp__line__btn__txt::before{
        left: 4%;
    }
    .fp__line__btn__txt::after{
        left: 5%;
    }
}
@media screen and (max-width: 860px){

    .fp__line__btn__txt::before{
        left: -2%;
    }
    .fp__line__btn__txt::after{
        left: -1%;
    }
}
@media screen and (max-width: 750px){

    .fp__line__btn__area{
        width: 87%;
        margin: 0 auto;
    }
    .fp__fv__inner{
        bottom: 5%;
        right: 0%;
    }
    .fp__line__btn{
        font-size: 2.5rem;
        padding: 31px 0;
    }
    .fp__line__btn::after{
        top: 40%;
        right: 8%;
    }
    
    .fp__fv__item img{
        padding: 0;
    }
    .fp__line__btn__txt{
        font-size: 1.5rem;
    }
    .fp__line__btn__txt::before{
        left: -2%;
    }
    .fp__line__btn__txt::after{
        left: -1%;
    }
}

@media screen and (max-width: 700px){

    .fp__fv__inner{
        bottom: 5%;
    }
    .fp__line__btn{
        padding: 23px 0;
        margin: 0px 0 10px;
    }

    .fp__line__btn__txt{
        font-size: 1.2rem;
    }
    .fp__line__btn__txt::before{
        left: 3%;
    }
    .fp__line__btn__txt::after{
        left: 4%;
    }
}
@media screen and (max-width: 650px){

    .fp__line__btn__area{
        width: 90%;
    }
    .fp__line__btn{
        font-size: 2.25rem;
        padding: 21px 0;
    }
    
    .fp__line__btn::before{
        width: 62%;
        font-size: 1.5rem;
        left: 19%;
    }


    .fp__line__btn__txt{
        font-size: 1.1rem;
    }
    .fp__line__btn__txt::before{
        left: 4%;
    }
    .fp__line__btn__txt::after{
        left: 5%;
    }
    
}
@media screen and (max-width: 600px){
    
    .fp__line__btn__txt::before{
        left: 0%;
    }
    .fp__line__btn__txt::after{
        left: 1%;
    }
}
@media screen and (max-width: 550px){

    
    .fp__line__btn{
        font-size: 1.5rem;
    }
    .fp__line__btn::before{
        font-size: 1.25rem;
    }
    .fp__fv__item img{
        padding: 0 0 10px;
    }
    .fp__line__btn__txt{
        font-size: 0.94rem;
    }
    .fp__line__btn__txt::before{
        transform: scale(.8);
        left: 2%;
    }
    .fp__line__btn__txt::after{
        transform: scale(.8);
        left: 3%;
    }
}
@media screen and (max-width: 500px){

    .fp__line__btn__txt::before{
        left: -2%;
    }
    .fp__line__btn__txt::after{
        left: -1%;
    }
}
@media screen and (max-width: 450px){

    .fp__fv__inner {
        bottom: 9%;
        right: 0%;
    }
    .fp__line__btn__area{
        width: 84%;
        margin: 0 auto;
    }

    
    .fp__line__btn{
        font-size: 1.25rem;
        padding: 13px 0;
        margin: 0px 0 7px;
    }
    .fp__line__btn::before{
        font-size: 0.94rem; 
    }
    .fp__line__btn__txt{
        font-size: 0.75rem;
    }
    
    .fp__line__btn::after{
        width: 16px;
        height: 16px;
    }
    .fp__line__btn__txt::before{
        top: -9px;
        left: -2%;
        transform: scale(.65);
    }
    .fp__line__btn__txt::after{
        left: -1%;
        top: -15px;
        transform: scale(.65);
    }
}
@media screen and (max-width: 415px){

    .fp__fv__inner{
        display: block;
        bottom: 8%;
    }
    .fp__fv__item img{
        padding: 0 0 8px;
    }

    .fp__line__btn::before {
        top: -25%;
    }
    .fp__line__btn::after{
        top: 37%;
    }


    .fp__line__btn__txt{
        font-size: 0.75rem;
    }
    .fp__line__btn__txt::before {
        top: -9px;
        left: -4%;
        transform: scale(.5);
    }
    .fp__line__btn__txt::after {
        left: -3%;
        top: -14px;
        transform: scale(.5);
    }
}
@media screen and (max-width: 375px){

    .fp__line__btn__txt::before{
        left: -8%;
    }
    .fp__line__btn__txt::after{
        left: -7%;
    }
}
@media screen and (max-width: 350px){

    .fp__line__btn__area{
        width: 88%;
    }

    .fp__line__btn::before{
        font-size: .8rem;
    }
    .fp__fv__inner{
        bottom: 10%;
    }


    .fp__line__btn::after{
        right: 8%;
        width: 12px;
        height: 12px;
        border: 3px solid currentColor;
        border-left: 0;
        border-bottom: 0;
        top: 39%;
    }

    .fp__line__btn__txt::before {
        left: -9%;
        transform: scale(.5);
    }
    .fp__line__btn__txt::after {
        left: -8%;
        top: -14px;
        transform: scale(.5);
    }

    .fp__fv__item img{
        padding: 0 0 35px;
    }
}

/* ==================================================================
fv-patt2
===================================================================*/
/* .fp__fv__item2{
    display: inline-block;
    position: relative;
}
.fp__fv__inner__patt2 {
    width: 1021px;
    margin: 0 auto;
    z-index: 2;
    position: absolute;
    top: 26%;
    right: 6%;
}

.fp__line__btn__area__patt2 {
    width: 46%;
    margin: 0 0 0 54%;
    position: relative;
}

.fp__line__btn__patt2 {
    width: 100%;
    display: inline-block;
    position: relative;
    background-color: #58c261;
    border: 1px solid #58c261;
    border-radius: 545px;
    font-size: 2rem;
    color: #fff;
    text-align: center;
    padding: 21px 0;
    margin: 0 0 17px;
}
.fp__line__btn__patt2::before{
    display: inline-block;
    width: 298px;
    content: "些細なことでも質問OK";
    font-size: 1.5rem;
    color: #fff;
    background-color: #1e6dc1;
    border: 1px solid #1e6dc1;
    position: absolute;
    top: -21%;
    left: 19%;
}
.fp__line__btn__patt2::after{
    content: "";
    display: inline-block;
    color: #edf125;
    width: 24px;
    height: 24px;
    border: 4px solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateY(0) rotate(45deg);
}
.fp__line__btn__txt__patt2 {
    font-size: 1.25rem;
    text-align: center;
    font-weight: 600;
    position: relative;
}
.fp__line__btn__txt__patt2::before{
    content: "";
    display: inline-block;
    background-image: url(../img/check-border-black.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    position: absolute;
    top: -4px;
    left: -9%;
}
.fp__line__btn__txt__patt2::after{
    content: "";
    display: inline-block;
    background-image: url(../img/fv-line-check.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 32px;
    height: 35px;
    position: absolute;
    top: -12px;
    left: -8%;
}

@media screen and (max-width: 1150px){

    .fp__fv__item__patt2 img{
        padding: 0 0 150px;
    }
    .fp__line__btn__area__patt2{
        width: 60%;
        margin: 0 auto;
    }
    .fp__fv__inner__patt2{
        width: 100%;
        top: 31%;
        right: 0;
    }
    .fp__line__btn__patt2::before{
        left: 26%;
    }
    .fp__line__btn__txt__patt2::before{
        left: 3%;
    }
    .fp__line__btn__txt__patt2::after{
        left: 4%;
    }
}
@media screen and (max-width: 1021px){

    
    .fp__line__btn__area__patt2{
        width: 70%;
        margin: 0 auto;
    }
}
@media screen and (max-width: 960px){

    .fp__line__btn__txt__patt2::before{
        left: 4%;
    }
    .fp__line__btn__txt__patt2::after{
        left: 5%;
    }
}
@media screen and (max-width: 860px){

    .fp__line__btn__txt__patt2::before{
        left: -2%;
    }
    .fp__line__btn__txt__patt2::after{
        left: -1%;
    }
}
@media screen and (max-width: 750px){

    .fp__line__btn__area__patt2{
        width: 77%;
        margin: 0 auto;
    }
    .fp__fv__inner__patt2{
        top: 43%;
        right: 2%;
    }
    .fp__line__btn__patt2{
        padding: 31px 0;
    }
    .fp__line__btn__txt__patt2{
        font-size: 1.05rem;
    }
    .fp__line__btn__txt__patt2::before{
        left: 3%;
    }
    .fp__line__btn__txt__patt2::after{
        left: 4%;
    }
}
@media screen and (max-width: 650px){

    .fp__line__btn__area__patt2{
        width: 90%;
        margin: 0 auto;
    }
    .fp__line__btn__patt2{
        font-size: 1.5rem;
    }
    .fp__line__btn__patt2{
        padding: 26px 0;
    }
    .fp__line__btn__patt2::before{
        font-size: 1.2rem;
        width: 62%;
        top: -20%;
        left: 18%;
    }
    .fp__line__btn__txt__patt2::before{
        left: -1%;
    }
    .fp__line__btn__txt__patt2::after{
        left: 0%;
    }
}
@media screen and (max-width: 550px){

    
    .fp__line__btn__txt{
        font-size: 0.875rem;
        
    }
    .fp__fv__inner__patt2{
        top: 41%;
    }
    .fp__line__btn__txt__patt2::before{
        transform: scale(.8);
        left: 11%
    }
    .fp__line__btn__txt__patt2::after{
        transform: scale(.8);
        left: 12%
    }
    
}
@media screen and (max-width: 450px){

    .fp__line__btn__patt2{
        font-size: 1.25rem;
        padding: 15px 0;
    }
    .fp__line__btn__patt2::before{
        font-size: 1rem; 
    }
    .fp__line__btn__txt__patt2{
        font-size: 0.8rem;
    }
    .fp__line__btn__patt2::after{
        width: 16px;
        height: 16px;
    }
    .sp{
        display: none;
    }
}
@media screen and (max-width: 350px){

    .fp__line__btn__patt2::before{
        font-size: .8rem;
    }
} */
/* ==================================================================
fv-patt2-roadmap
===================================================================*/
/* .fp__fv__inner__roadmap {
    width: 558px;
    display: inline-block;
    z-index: 2;
    position: absolute;
    left: 34vw;
    bottom: 8%;
}

.fp__line__btn__area__roadmap {
    width: 100%;
    position: relative;
}

.fp__line__btn__roadmap {
    width: 100%;
    display: inline-block;
    position: relative;
    background-color: #58c261;
    border: 1px solid #fff;
    border-radius: 545px;
    font-size: 2rem;
    color: #fff;
    text-align: center;
    padding: 21px 0;
    margin: 0 0 17px;
}
.fp__line__btn__roadmap::before{
    display: inline-block;
    width: 298px;
    content: "些細なことでも質問OK";
    font-size: 1.5rem;
    color: #fff;
    background-color: #1e6dc1;
    border: 1px solid #1e6dc1;
    position: absolute;
    top: -21%;
    left: 23%;
}
.fp__line__btn__roadmap::after{
    content: "";
    display: inline-block;
    color: #edf125;
    width: 24px;
    height: 24px;
    border: 4px solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateY(0) rotate(45deg);
}

.fp__line__btn__txt__roadmap {
    font-size: 1.25rem;
    text-align: center;
    font-weight: 600;
    position: relative;
    color: #fff;
}
.fp__line__btn__txt__roadmap::before{
    content: "";
    display: inline-block;
    background-image: url(../img/check-border-black.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    position: absolute;
    top: -4px;
    left: -9%;
}
.fp__line__btn__txt__roadmap::after{
    content: "";
    display: inline-block;
    background-image: url(../img/fv-line-check.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 32px;
    height: 35px;
    position: absolute;
    top: -12px;
    left: -8%;
}

@media screen and (max-width: 1500px){

    .fp__fv__inner__roadmap{
        left: 30vw;
        bottom: 6%;
    }
}
@media screen and (max-width: 1300px){

    .fp__fv__inner__roadmap{
        left: 27vw;
        bottom: 4%;
    }
}
@media screen and (max-width: 1150px){

    .fp__fv__inner__roadmap{
        bottom: 3%;
    }
    .fp__line__btn__area__roadmap{
        
    }
    .fv__item2 .fp__patt2__roadmap__img{
        padding-bottom: 0;
    }
}
@media screen and (max-width: 1021px){

    
    .fp__fv__inner__roadmap{
        width: 558px;
        bottom: 2%;
        left: 20vw;
    }
    .fp__line__btn__area__roadmap{
        width: 100%;
        margin: 0 auto;
    }
}
@media screen and (max-width: 960px){

    .fv__item2 .fp__patt2__roadmap__img{
        padding: 0 0 10px;
    }
    
    .fp__line__btn__area__roadmap{
        width: 100%
    }
    .fp__fv__inner__roadmap{
        width: 558px;
        bottom: 2%;        
    }
    .fp__line__btn__roadmap{
        padding: 14px 0;
    }
}
@media screen and (max-width: 860px){

    .fp__fv__inner__roadmap{
        left: 16vw;
    }
    .fp__line__btn__area__roadmap{
        width: 100%;        
    }
    
}
@media screen and (max-width: 750px){

    .fp__fv__inner__roadmap{
        left: 11vw;
        bottom: 3%;
    }
    .fp__line__btn__area__roadmap{
        width: 558px;
    }
    .fp__line__btn__roadmap{
        padding: 31px 22px;
    }
    .fp__line__btn__txt__roadmap{
        font-size: 1.05rem;
    }
    .fp__line__btn__roadmap::before{
        left: 24%;
    }
    .fp__line__btn__txt__roadmap::before{
        left: 3%;
    }
    .fp__line__btn__txt__roadmap::after{
        left: 4%;
    }
}
@media screen and (max-width: 650px){

    .fp__fv__inner__roadmap{
        width: 95%;
        left: 2vw;
        bottom: 3%;
    }
    .fp__line__btn__area__roadmap{
        width: 90%;
    }
    .fp__line__btn__roadmap{
        padding: 21px 0;
    }
    
    .fp__line__btn__roadmap::before{
        width: 62%;
        font-size: 1.2rem;
        top: -14%;
        left: 18%;
    }
    .fp__line__btn__txt__roadmap::before{
        left: -2%;
    }
    .fp__line__btn__txt__roadmap::after{
        left: -1%;
    }
    
}
@media screen and (max-width: 550px){

    
    .fp__fv__inner__roadmap{
        bottom: 1%;
    }
    .fp__line__btn__roadmap{
        font-size: 1.5rem;
    }
    .fp__line__btn__txt__roadmap::before{
        transform: scale(.8);
        left: 11%;
    }
    .fp__line__btn__txt__roadmap::after{
        transform: scale(.8);
        left: 12%;
    }
}
@media screen and (max-width: 450px){

    .fp__line__btn__roadmap{
        font-size: 1.25rem;
        padding: 15px 0;
    }
    .fp__line__btn__roadmap::before{
        font-size: 1rem;        
    }
    .fp__line__btn__txt__roadmap{
        font-size: 0.8rem;        
    }
    .fp__line__btn__roadmap::after{
        width: 16px;
        height: 16px;
    }
    .fp__patt2__roadmap__img{
        padding: 0 0 30px;
    }
    .fp__line__btn__txt__roadmap::before{
        transform: calc(0.8);
    }
}
@media screen and (max-width: 350px){

    .fp__line__btn__roadmap::before{
        font-size: .8rem;
    }
} */
/* ==================================================================
fv-switch
===================================================================*/
.fv__item1{
    display: inline-block;
}
.fv__item2{
    display: inline-block;
}
.fv__item3{
    display: inline-block;
}
.fv__item4{
    display: inline-block;
}



/* ==================================================================
trouble
===================================================================*/
.fp__trouble {
    width: 100%;
    position: relative;
    background-color: #e8e9eb;
    padding: 110px 0 0 0;
    z-index: 1;
}

.fp__sec__ttl__area {
    width: 50%;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.fp__trouble__ttl__area {
    position: relative;
}
.fp__trouble__ttl__area::before{
    content: "";
    display: inline-block;
    background-image: url(../img/Trouble-ttl-bg.png);
    background-size: 100%;
    width: 327px;
    height: 70px;
    position: absolute;
    top: -29%;
    left: 19%;
    z-index: 2;
}

.fp__sec__ttl {
    font-size: 3rem;
    position: relative;
    z-index: 5;
}


.fp__trouble__ttl {
    position: relative;
    font-size: 3rem;
    z-index: 5;
    margin: 0 0 50px;
}


.fp__inner {
    max-width: 700px;
    margin: 0 auto;
}
.fp__trouble__inner{
    max-width: 700px;
    margin: 0 auto;
    position: relative;
    text-align: center;
}
.trouble__center__block{
    display: flex;
    width: 72%;
    margin: 0 auto;
}

.fp__trouble__question-area{
    width: 100%;
    position: relative;
}
.trouble-l img{
    width: 50%;
    position: absolute;
    display: inline-block;
    width: 35px;
    height: 65px;
    top: -157px;
    left: 54px;
}

.trouble-r img{
    width: 50%;
    /* margin: 0 0 0 50%; */
    position: absolute;
    display: inline-block;
    width: 45px;
    height: 87px;
    top: -170px;
    right: 25px;
}

.dli-arrow-down {
    display: block;
    color: #333;
    line-height: 1;
    position: relative;
    width: 3px;
    height: 75px;
    background: currentColor;
    margin: 0 auto 17px;
}
.dli-arrow-down::before {
    content: '';
    width: 20px;
    height: 75px;
    border: 3px solid currentColor;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    transform: rotate(-45deg);
    transform-origin: bottom left;
    position: absolute;
    left: 50%;
    bottom: -0.05em;
    box-sizing: border-box;
}


.fp__trouble__list__area {    
    position: relative;
    background-color: #fff;
    border-top-right-radius: 136px 136px;
    display: inline-block;
    width: 690px;
    height: 570px;
    margin: -8px 0 65px 19px;
}
.fp__trouble__list__area::before{
    content: "";
    background-image: url(../img/check.png);
    display: inline-block;
    width: 212px;
    height: 82px;
    position: absolute;
    top: -30px;
    left: 33%;
}

.fp__trouble__list {
    width: 82%;
    margin: 95px 0 0 130px;
    text-align: left;
}

.fp__trouble__list__item {
    width: 90%;
    margin: 25px 0;
}
.fp__trouble__list__item p{
    font-size: 1.25rem;
    line-height: 150%;
    position: relative;
    font-weight: 500;
}
.fp__trouble__list__item p::before{
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url(../img/check-border-black.png);
    background-position: center center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: -7%;
}
.fp__trouble__list__item p::after{
    content: "";
    display: inline-block;
    width: 30px;
    height: 20px;
    background-image: url(../img/check-black.png);
    background-position: center center;
    background-size: cover;
    position: absolute;
    top: -5px;
    left: -30px;
}


@media screen and (mim-width: 1600px){
    
    
}
@media screen and (max-width: 1600px){

    
    
}
@media screen and (max-width: 1300px){

    .fp__sec__ttl__area{
        width: 70%;
        margin: 0 auto;
    }
    
}
@media screen and (max-width: 1021px){

    .fp__trouble__ttl__area{
        width: 70%;
        margin: 0 auto;
    }
    .fp__trouble__ttl__area::before{
        left: 10%;
    }
    
    
}
@media screen and (max-width: 850px){

    

    
}
@media screen and (max-width: 750px){
    
    .fp__trouble{
        width: 100%;
        padding: 20px 0 0 0;
    }

    .fp__trouble__ttl{
        margin: 110px 0 25px;
    }

    .fp__trouble__inner{
        width: 99%;
    }

    .trouble-l img{
        top: -183px;
        left: 31px;
    }
    .trouble-r img{
        top: -185px;
        right: 32px;
    }


    .fp__trouble__list__area{
        width: 99%;
        height: 600px;
        margin: -13px 0 65px 0px;
    }
    .fp__trouble__list{
        width: 89%;
        margin: 95px 0 0 80px;
    }

    .fp__trouble__list__item{
        margin: 25px 0;
    }
    .fp__trouble__list__item p{
        font-size: 1.5rem;
    }
    .fp__trouble__list__item p::before{
        top: 5px;
        left: -6%;
    }
    .fp__trouble__list__item p::after{
        top: 0;
        left: -27px;
    }
    .sp__trouble4{
        display: none;
    }





    
    
    .trouble__center__block{
        width: 75%;
    }
    
}
@media screen and (max-width: 700px){
    
    .fp__trouble__ttl{
        margin: 83px 0 10px;
    }
    .fp__trouble__ttl__area::before{
        left: -6%;
    }



    .fp__trouble__list__area{
        height: 600px;
        margin: -13px 0 37px 0px;
    }
    .fp__trouble__list{
        width: 86%;
        margin: 78px 0 0 57px;
    }
    .fp__trouble__list__item{
        margin: 20px 0;
    }
    .fp__trouble__list__item p::before{
        top: 5px;
        left: -6%;
    }
    .fp__trouble__list__item p::after{
        top: 0;
        left: -31px;
    }
    .sp__trouble{
        display: none;
    }

}
@media screen and (max-width: 650px){

    .trouble__center__block{
        margin: -17px auto 0;
    }
    .dli-arrow-down{
        height: 60px;
        margin: 17px auto 16px;
    }
    .fp__trouble__list{
        width: 89%;
        margin: 70px 0 0 57px;
    }
    .fp__trouble__list__item{
        margin: 15px 0;
    }
    .fp__trouble__list__area{
        height: 630px;
    }
    .fp__trouble__list__item p::before{
        left: -7%;
    }
    .fp__trouble__list__item p::after{
        left: -31px;
    }

}
@media screen and (max-width: 600px){

    .fp__trouble__ttl{
        font-size: 2rem;
        margin: 50px 0 50px;
    }
    .fp__trouble__ttl__area::before{
        top: -53%;
    }

    .trouble__center__block{
        width: 90%;
    }
    
    .trouble-l img{
        top: -213px;
        left: 54px;
        transform: scale(.8);
    }
    .trouble-r img{
        top: -235px;
        right: 50px;
        transform: scale(.8);
    }


    .fp__trouble__list__area{
        height: 500px;
        margin: -8px 0 65px 0px;
    }
    .fp__trouble__list{
        width: 85%;
    }
    .fp__trouble__list__area::before{
        left: 29%;
    }
    .fp__trouble__list__item p{
        font-size: 1.25rem;
    }
    .fp__trouble__list__item p::before{
        transform: scale(0.8);
        left: -7%;
    }
    .fp__trouble__list__item p::after{
        left: -29px;
        transform: scale(0.8);
    }

}
@media screen and (max-width: 550px){

    .fp__trouble__ttl{
        margin: 50px 0 40px;
    }

    .trouble__center__block{
        width: 74%;
        margin: -20px auto 0;
    }
    .dli-arrow-down{
        height: 50px;
        margin: 9px auto 0px;
    }
    .trouble__center__block .trouble__man{
        width: 70px;
        height: 100px;
        object-fit: contain;
    }
    .trouble__center__block .trouble__woman{
        width: 70px;
        height: 96px;
        object-fit: contain;
    }
    .trouble-l img {
        top: -141px;
        left: 29px;
        transform: scale(.8);
    }
    .trouble-r img {
        top: -144px;
        right: 38px;
        transform: scale(.7);
    }



    .fp__trouble__list__area {
        height: 430px;
    }
    .fp__trouble__list__area::before{
        background-size: contain;
        width: 170px;
        height: 65px;
        top: -27px;
        left: 34%;
    }
    .fp__trouble__list__item p{
        font-size: 1rem;
    }
    .fp__trouble__list__item p::before{
        left: -10%;
    }
    .fp__trouble__list__item p::after{
        left: -33px;
    }


    .trouble__bottom__ttl3{
        font-size: 1.5rem;
    }
    
    .trouble__bottom__ttl4{
        font-size: 1.25rem;
    }

    .trouble__bottom__ttl3{
        margin: 47px 28px 58px;
        line-height: 47px;
    }
    .trouble__bottom__ttl4 {
        margin: 0px 20px 52px 20px;
        line-height: 33px;
    }
}
@media screen and (max-width: 510px){
    
    .trouble__bottom__ttl4{
        line-height: 40px;
    }
}

@media screen and (max-width: 500px){

    .fp__trouble__ttl{
        font-size: 2rem;
    }
    
    .fp__trouble__list{
        margin: 70px 0 0 40px;
    }

}
@media screen and (max-width: 450px){

    .fp__trouble__ttl{
        font-size: 1.875rem;
        margin: 44px 0 10px;
        line-height: 1.3;
    }
    .fp__trouble__ttl__area::before{
        top: -53%;
        left: -23%;
        transform: scale(.6);
    }


    .trouble__center__block{
        margin: 15px auto 0;
    }
    .dli-arrow-down {
        height: 50px;
        margin: 0px auto 10px;
    }


    .trouble-l img{
        top: -121px;
        left: 32px;
        transform: scale(.7);
    }
    .trouble-r img{
        top: -140px;
        right: 20px;
        transform: scale(.7);
    }

    .dli-arrow-down{
        width: 2px;
        height: 34px;
    }
    .dli-arrow-down::before{
        width: 12px;
        border: 2px solid currentColor;
        border-top: 0;
        border-right: 0;
        border-left: 0;
    }

    .trouble__center__block{
        width: 72%;
    }
    
    .trouble__center__block .trouble__man {
        display: inline-block;
        width: 53px;
        height: 67px;
        object-fit: contain;
    }
    .trouble__center__block .trouble__woman{
        display: inline-block;
        width: 45px;
        height: 67px;
        object-fit: contain;
    }


    .fp__trouble__list__area {
        height: 485px;
        border-top-right-radius: 80px 90px;
    }
    .fp__trouble__list {
        width: 89%;
    }
    .fp__trouble__list__item p::before{
        transform: scale(0.6);
    }
    .fp__trouble__list__item p::after{
        left: -31px;
        transform: scale(0.6);
    }
    .fp__trouble__list__area::before{
        width: 140px;
        height: 54px;
        background-size: contain;
        left: 35%;
        top: -20px;
    }
    .fp__trouble__list__item p::before{
        left: -10%;
    }
    .fp__trouble__list__item p::after{
        left: -10%;
        top: 4px;
    }



    
    
    .trouble__bottom__ttl3{
        font-size: 1rem;
        line-height: 35px;
        margin: 35px 28px 40px;
    }
    
    .trouble__bottom__ttl4{
        font-size: 1rem;
        line-height: 30px;
    }
}



@media screen and (max-width: 415px){

    

    .fp__trouble__ttl__area{
        margin: 1px auto 0;
    }



    .dli-arrow-down {
        height: 34px;
        margin: 0px auto 16px;
    }


    .trouble__center__block{
        margin: 0px auto 0;
    }
    .trouble-r img{
        transform: scale(.53);
        top: -111px;
        right: 18px;
    }
    .trouble-l img{
        transform: scale(.53);
        top: -106px;
        left: 12px;
    }


    .fp__trouble__list__area{
        margin: -4px 0 50px 0;
    }
    .fp__trouble__list__area::before{
        display: inline-block;
        width: 120px;
        height: 45px;
        background-size: contain;
        left: 33%;
        top: -20px;
    }

    .fp__trouble__list__area{
        height: 400px;
        border-top-right-radius: 50px 60px;
    }
    .fp__trouble__list{
        width: 88%;
        margin: 31px 0 0 40px;
        padding: 4px 0 0 0;
    }
    .fp__trouble__list__item{
        margin: 11px 0;
    }
    .fp__trouble__list__item p{
        font-size: 0.875rem;
    }
    .fp__trouble__list__item p::before{
        top: -1px;
    }
    .fp__trouble__list__item p::after{
        top: -3px;
        left: -9%;
    }


    .sp__trouble{
        display: none;
    }

    .trouble__bottom__ttl3{
        font-size: 0.94rem;
        margin: 0px 20px 0px;
        line-height: 38px;
    }
    


    .trouble__bottom__ttl4{
        font-size: 0.875rem;
        margin: 44px 20px 28px 20px;
        line-height: 22px;
    }
}
@media screen and (max-width: 370px){

    .fp__trouble__list__area{
        height: 430px;
    }

}
@media screen and (max-width: 350px){

    
    .fp__trouble__ttl{
        font-size: 1.5rem;
    }
    
    
    .fp__trouble__ttl__area::before{
        top: -58%;
        left: -41%;
        transform: scale(.6);
    }
    
    .fp__trouble__list__area{
        height: 450px;
    }
    .fp__trouble__list{
        width: 90%;
        margin: 31px 0 0 30px;
    }

    .trouble__bottom__ttl3{
        width: 88%;
        margin: 0px auto 0px;
        font-size: 0.94rem;
        line-height: 25px;
    }
    

}
/* ==================================================================
solution 
===================================================================*/
.fp__solution {
    width: 100%;
    position: relative;
    width: 100%;
    position: relative;
    background-image:
    repeating-linear-gradient(
        90deg,
        #e8e9eb ,
        #e8e9eb 1px,
        transparent 1px,
        transparent 20px
    ),
    repeating-linear-gradient(
    0deg,
    #e8e9eb ,
    #e8e9eb 1px,
    #fff 1px,
    #fff 20px
    );
    z-index: 0;
}



.fp__solution__ttl__area {
    width: 100%;
    position: relative;
    margin: 0 0 60px;
    background: #25b4d4;
    z-index: 6;
}
.fp__solution__ttl__area::after{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 49vw 0 49vw;
    border-color: #25b4d4 transparent transparent transparent;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 6;
}


.fp__solution__ttl__bg{
    display: inline-block;
    width: 337px;
    height: 67px;
    background-image: url(../img/Solution-pc.png);
    background-size: contain;
    position: absolute;
    top: 21%;
    left: 30%;
    z-index: 5;
}
.fp__solution__ttl {
    position: relative;
    text-align: center;
    padding: 88px 0 100px;
    font-size: 2.25rem;
    z-index: 6;
}
.fp__solution__ttl::before{
    content: "";    
    display: inline-block;
    width: 287px;
    height: 98px;
    background-image: url(../img/solution-b.png);
    background-size: contain;
    position: absolute;
    top: 58%;
    right: 39%;
    z-index: 7;
}

.fp__solution__point__area {
    width: 100%;
    text-align: center;
    position: relative;
}

.solution__point__bg {
    position: relative;
    width: 50%;
    height: 230px;
    background: #fff;
    margin: 140px auto 100px;
    border-bottom: 3px solid #25b4d4;
}
.solution__point__bg2 {
    position: absolute;
    left: 0;
    right: 0;
    top: -25px;
}
.solution__point__bg2::before{
    content: "";
    width: 20%;
    height: 3px;
    background: #25b4d4;
    position: absolute;
    top: 51%;
    left: 25%;;
}
.solution__point__bg2::after{
    content: "";
    width: 20%;
    height: 3px;
    background: #25b4d4;
    position: absolute;
    top: 51%;
    right: 25%;;
}


.fp__solution__point__list {
    position: absolute;
    left: 0;
    right: 0;
    top: 18%;
}

.solution__point__item {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.8;
    position: relative;
}

.point__item1::before{
    content: "01";
    font-size: 1.875rem;
    font-weight: bold;
    font-family: "futura-pt-bold", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #25b4d4;
    padding: 0 10px 0 0;
}

.point__item2::before{
    content: "02";
    font-size: 1.875rem;
    font-weight: bold;
    font-family: "futura-pt-bold", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #25b4d4;
    padding: 0 10px 0 0;
}

.point__item3::before {
    content: "03";
    font-size: 1.875rem;
    font-weight: bold;
    font-family: "futura-pt-bold", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #25b4d4;
    padding: 0 10px 0 0;
}

.fp__solution__bottom__area {
    width: 100%;
}

.fp__solution__bottom__img {
    width: 100%;
    padding: 0px 0 50px;
    background: #fff;
}
.fp__solution__bottom__img2{
    padding: 0 0 0;
}
.fp__solution__bottom__area2 {
    width: 100%;
}

.fp__solution__bottom__img2 {
    width: 100%;
}

@media screen and (max-width: 1200px){

    .fp__solution__ttl__bg{
        left: 29%;
    }


    .solution__point__bg2::before{
        width: 19%;
    }
    .solution__point__bg2::after{
        width: 19%;
    }
}
@media screen and (max-width: 1100px){

    .solution__point__bg{
        width: 75%;
    }
    .solution__point__bg2::before{
        width: 31%;
        left: 12.5%;
    }
    .solution__point__bg2::after{
        width: 31%;
        right: 12.5%;
    }
}
@media screen and (max-width: 1021px){

    .fp__solution__ttl__bg{
        left: 24%;
    }
    .fp__solution__ttl::before{
        right: 36%;
    }
}
@media screen and (max-width: 800px){

    .fp__solution__ttl__area::after{
        border-width: 60px 48.5vw 0 48.5vw;
    }
}
@media screen and (max-width: 750px){

    .fp__solution__ttl__bg{
        left: 14%;
    }
    .fp__solution__ttl::before{
        right: 30%;
    }


    .solution__point__bg{
        width: 85%;
    }
    .solution__point__bg2::before {
        left: 7.5%;
    }
    .solution__point__bg2::after {
        right: 7.5%;
    }
}
@media screen and (max-width: 650px){

    .fp__solution__ttl{
        font-size: 1.75rem;
        padding: 70px 0 90px;
    }
    .fp__solution__ttl__bg{
        width: 300px;
        height: 60px;
        top: 16%;   
        left: 16%;
    }
    .fp__solution__ttl::before{
        width: 250px;
        height: 86px;
        right: 25%;
    }
    .fp__solution__ttl__area::after {
        border-width: 60px 48.2vw 0 48.2vw;
    }


    .solution__point__item{
        font-size: 1.25rem;
        line-height: 1.5;
    }
    .point__item1::before,
    .point__item2::before,
    .point__item3::before{
        font-size: 1.75rem;
        font-weight: bold;
    }

    .solution__point__bg{
        width: 90%;
        height: 205px;
    }
    .solution__point__bg2::before {
        left: 4.5%;
    }
    .solution__point__bg2::after {
        right: 4.5%;
    }
}
@media screen and (max-width: 500px){

    .fp__solution__ttl {
        font-size: 1.5rem;
        padding: 57px 0 70px;
    }
    .fp__solution__ttl__bg {
        width: 270px;
        height: 54px;
        top: 13%;
        left: 12%;
    }
    .fp__solution__ttl::before {
        width: 190px;
        height: 65px;
        right: 25%;
    }


    .solution__point__item{
        font-size: 1rem;
        line-height: 1.5;
    }
    .point__item1::before,
    .point__item2::before,
    .point__item3::before{
        font-size: 1.25rem;
        font-weight: bold;
    }

    .solution__point__bg{
        width: 90%;
        height: 150px;
    }
    .solution__point__bg2::before {
        left: 4.5%;
    }
    .solution__point__bg2::after {
        right: 4.5%;
    }
}
@media screen and (max-width: 450px){

    .fp__solution__ttl__area::after {
        border-width: 60px 48vw 0 48vw;
    }
}
@media screen and (max-width: 415px){

    .fp__solution__ttl{
        margin: 0px 0 10px;
    }

    .fp__solution__ttl__area::after {
        border-width: 39px 47.8vw 0 47.8vw;
    }
    .fp__solution__ttl {
        font-size: 1.5rem;
        padding: 44px 0 45px;
    }
    .fp__solution__ttl__bg {
        width: 200px;
        height: 40px;
        top: 13%;        
        left: 6%;
    }
    .fp__solution__ttl::before{
        width: 145px;
        height: 50px;
        right: 32%;
        top: 63%;
    }


    .solution__point__bg{
        margin: 82px auto 40px;
    }
    .solution__point__bg2{
        top: -17px;
    }
    .solution__point__bg2 img{
        width: 67px;
        height: 24px;
        object-fit: contain;
    }

    .solution__point__bg {
        width: 90%;
        height: 136px;
    }
    .fp__solution__point__list{
        top: 15%;
    }
    .solution__point__item{
        font-size: 0.94rem;
        line-height: 1.5;
    }
    .fp__solution__bottom__img{        
        padding: 0px 0 0px;
    }
}
@media screen and (max-width: 365px){

    .fp__solution__ttl::before{        
        right: 20%;
    }
    .fp__solution__ttl__bg{
        top: 16%;
        left: 1%;
    }


    .fp__solution__ttl__area::after {
        border-width: 39px 47.5vw 0 47.5vw;
    }


    .solution__point__bg {
        width: 99%;
        height: 120px;
    }
    .solution__point__bg2::before {
        width: 33%;
        left: 0.5%;
    }
    .solution__point__bg2::after {
        width: 33%;
        right: 0.5%;
    }
    .solution__point__item {
        font-size: 0.875rem;
        line-height: 1.5;
    }
    .point__item1::before,
    .point__item2::before,
    .point__item3::before{
        font-size: 1rem;
        padding: 0px 5px 0 0
    }
}

/* ==================================================================
mission  
===================================================================*/
.fp__mission {
    width: 100%;
    height: auto;
    position: relative;
    display: inline-block;
}



.fp__mission__ttl__area {
    position: relative;
    margin: 140px auto -135px;
}
.fp__mission__ttl__area::before{
    content: "";
    display: inline-block;
    background-image: url(../img/Mission-ttl-bg.png);
    width: 330px;
    height: 70px;
    background-size: cover;
    position: absolute;
    top: -44px;
    left: 6vw;
}


.fp__mission__ttl {

}

.fp__mission__bg__img {
    position: relative;
    display: inline-block;
    width: 100%;
}
.fp__mission__bg__img img{
    width: 100%;
    object-fit: contain;
    vertical-align: top;
    margin: 0 0 100px 0;
}

.fp__mission__wrap{
    display: inline-block;
    position: absolute;
    width: 700px;
    
    top: 17vw;
    /* left: 27vw; */
}
.fp__mission__inner {

}

.fp__mission__txt_area {

}
.fp__mission__txt{
    width: 92%;
    font-size: 1.5rem;
    line-height: 45px;
    text-shadow: 5px 5px 10px #fff ,
    -5px 5px 10px #fff ,
    5px -5px 10px #fff ,
    -5px -5px 10px #fff;
    font-weight: 500;
    margin: 0px 0 50px 35px;
}


.fp__mission__img_area {

}

/* ==================================================================
mission  counseling
===================================================================*/
.fp__mission__counseling__area {
    width: 100%;
    position: relative;
    text-align: center;
}


.fp__mission__counseling__top {
    width: 100%;
    position: relative;
    margin: -4px 0 60px;
    background: #edf125;
    z-index: 6;
}
.fp__mission__counseling__top::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 47.5vw 0 47.5vw;
    border-color: #edf125 transparent transparent transparent;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 6;
}


.fp__mission__sub__ttl__area {
    text-align: center;
    padding: 69px 0 18px;
}

.fp__mission__sub__ttl__top__txt {
    font-size: 3rem;
    background-color: #fff;
    color: #25b4d4;
    font-weight: bold;
    padding: 0 20px;
}

.fp__mission__sub__ttl1 {
    font-size: 3.75rem;
}

.counseling__bg {
    width: 100%;
    height: 1160px;
    background-color: #fff;
    background-image:
    radial-gradient(#edf125 20%, transparent 20%),
    radial-gradient(#edf125 20%, transparent 20%);
    background-size: 20px 20px;
    background-position: 0 0, 10px 10px;
    background-repeat: repeat;
    margin: -125px 0 0 0;
}


.counseling__list__area {
    width: 90%;
    margin: 0 auto;
    position: relative;
    background-color: #fff;
    padding: 0 0 350px;
}

.counseling__list {
    position: relative;
    width: 82%;
    margin: 0 auto;
    text-align: center;
}
.counseling__item1__box{
    position: relative;
    width: 51%;
    text-align: left;
    display: inline-block;
    font-size: 1.875rem;
    margin: 100px 0 0 0;
    font-weight: bold;
    line-height: 45px;
    letter-spacing: 0.07em;
    border-bottom: 3px dotted #b0b0b0;
    padding: 0 0 5px;
}


.counseling__item1__bg {
    display: inline-block;
    width: 231px;
    height: 59px;
    background-image: url(../img/Consult.png);
    object-fit: contain;
    position: absolute;
    top: 6vw;
    left: -5vw;
}
.counseling__item1 {
    position: relative;
    margin: 130px 0 0 0;
}

.counseling__item2__box {
    position: relative;
    width: 51%;
    text-align: left;
    display: inline-block;
    font-size: 1.875rem;
    margin: 100px 0 0 0;
    font-weight: bold;
    line-height: 45px;
    letter-spacing: 0.07em;
    border-bottom: 3px dotted #b0b0b0;
    padding: 0 0 5px;
}

.counseling__item2__bg {
    display: inline-block;
    width: 247px;
    height: 72px;
    background-image: url(../img/Suggest.png);
    object-fit: contain;
    position: absolute;
    top: -2vw;
    left: -5vw;
}

.counseling__item2 {
    position: relative;
}



.counseling__item3__box {
    position: relative;
    width: 51%;
    text-align: left;
    display: inline-block;
    font-size: 1.875rem;
    margin: 100px 0 0 0;
    font-weight: bold;
    line-height: 45px;
    letter-spacing: 0.07em;
    border-bottom: 3px dotted #b0b0b0;
    padding: 0 0 5px;
}

.counseling__item3__bg {
    display: inline-block;
    width: 231px;
    height: 59px;
    background-image: url(../img/Lead.png);
    object-fit: contain;
    position: absolute;
    top: -2vw;
    left: -5vw;
}

.counseling__item3 {
    position: relative;
}


.fp__mission__line__inner {
    width: 100%;
    position: absolute;
    bottom: 100px;
    left: 0;
}
.fp__line__btn__area__mission{
    margin: 0 auto;
}
.fp__line__btn__mission{
    position: relative;
}
.fp__line__btn__mission::before{
    left: 25%;
}
.fp__line__btn__txt__mission::before{
    left: 6%;
}
.fp__line__btn__txt__mission::after{
    left: 7%;
}
.txt-y1 {
    font-size: 1.875rem;
    background-color: #edf125;
    font-weight: bold;
    letter-spacing: 0.07em;
    padding: 0px 5px 0 5px;
}


@media screen and (max-width: 1500px){

    .fp__mission__wrap{
        top: 20vw;
    }
    .fp__line__btn__txt__mission::before{
        left: 0%;
    }
    .fp__line__btn__txt__mission::after{
        left: 1%;
    }
}
@media screen and (max-width: 1300px){

    .fp__mission__wrap{
        top: 21vw;
    }
    .fp__mission__ttl__area{
        margin: 120px auto -100px;
    }
    .fp__mission__ttl__area::before{
        left: 14vw
    }


    .fp__line__btn__mission::before {
        left: 21%;
    }

    .fp__line__btn__txt__mission::before{
        left: -4%;
    }
    .fp__line__btn__txt__mission::after{
        left: -3%;
    }


    .counseling__item1__box{
        width: 61%;
    }
    .counseling__item2__box{
        width: 61%;
    }
    .counseling__item3__box{
        width: 61%;
    }
    .counseling__item1__bg{
        top: 7vw;
    }
    .counseling__item2__bg{
        top: -3vw;
    }
    .counseling__item3__bg{
        top: -3vw;
    }
}
@media screen and (max-width: 1150px){

    .fp__mission__wrap{
        /* left: 16vw; */
        top: 23vw;
    }
    .fp__mission__ttl__area::before{
        left: 12vw
    }
    .fp__mission__bg__img img{
        margin: 0px 0 120px 0;
    }


    .fp__line__btn__mission::before {
        left: 25%;
    }
}
@media screen and (max-width: 1021px){

    .fp__mission__wrap{
        width: 75%;
        top: 25vw;
        left: 13vw;
    }
    .fp__mission__ttl__area{
        margin: 55px auto -7px;
    }
    .fp__mission__img_area{
        text-align: center;
    }
    .fp__mission__img_area img{
        width: 90%;
    }

    .counseling__item1__box{
        width: 80%;
    }
    .counseling__item2__box{
        width: 80%;
    }
    .counseling__item3__box{
        width: 80%;
    }
    .counseling__item1__bg{
        top: 9vw;
        left: -8vw;
    }
    .counseling__item2__bg{
        top: -4vw;
        left: -8vw;
    }
    .counseling__item3__bg{
        top: -4vw;
        left: -7vw;
    }
}
@media screen and (max-width: 880px){

    .counseling__item1__bg{
        top: 10vw;
    }

    .fp__mission__txt{
        margin: 0px 0 15px 35px;
    }


    .fp__line__btn__mission::before{
        left: 22%;
    }

    .fp__line__btn__txt__mission::before{
        left: -7%;
    }
    .fp__line__btn__txt__mission::after{
        left: -6%;
    }
}
@media screen and (max-width: 750px){

    .fp__mission{
        width: 100%;
        position: relative;
    }
    .fp__mission__ttl__area{
        margin: 125px auto -7px;
    }
    .fp__mission__ttl{
        font-size: 3.75rem;
    }
    .fp__mission__ttl__area::before{
        left: -3vw;
        top: -35px;
    }
    .fp__mission__bg__img img{
        margin: 30px 0 140px 0;
    }

    .fp__mission__img_area img{
        width: 100%;
    }


    .fp__mission__wrap {
        width: 98%;
        top: 41vw;
        left: 2vw;
    }
    
    .fp__mission__txt{
        font-size: 1.5rem;
        line-height: 46px;
        margin: -23px 0 51px 25px;
    }




    .fp__mission__counseling__area{
        margin: -4px 0 0 0px;
    }

    .fp__mission__counseling__area2{
        margin: 26px 0 0 0px;
    }

    .fp__mission__counseling__area3{
        margin: 170px 0 0 0px;
    }

    .fp__mission__sub__ttl1{
        font-size: 3.75rem;
    }
    .fp__mission__sub__ttl__top__txt{
        font-size: 3rem;
        padding: 0px 20px;
    }
    



    .counseling__bg{
        height: 1100px;
    }
    .counseling__list{
        width: 86%;
    }
    .counseling__item1__box,
    .counseling__item2__box,
    .counseling__item3__box{
        font-size: 1.875rem;
    }
    .counseling__item1__box{
        margin: 90px 0 0 0;
    }
    .counseling__item2__box{
        margin: 93px 0 0 0;
    }
    .counseling__item1__bg{
        top: 13vw;
    }
    .counseling__item2__bg{
        top: -5vw;
    }
    .txt-y1{
        font-size: 1.875rem;
    }


    .fp__mission__line__inner{
        bottom: 89px;
    }
    .fp__line__btn__area__mission{
        width: 90%;
    }
    .fp__line__btn__mission::before{
        font-size: 1.875rem;
        left: 19%;
        width: 353px;
    }
}

@media screen and (max-width: 700px){

    .fp__mission__counseling__area2{
        margin: 0px 0 0 0px;
    }
    .fp__mission__sub__ttl__area{
        padding: 43px 0 0px;
    }

    .fp__mission__counseling__area3{
        margin: 110px 0 0 0px;
    }

    .counseling__item1__box,
    .counseling__item2__box,
    .counseling__item3__box{
        margin: 77px 0 0 0;
    }


    .fp__mission__inner{
        width: 100%;
    }
    .fp__mission__wrap{
        width: 97%;
        top: 41vw;
    }
    .fp__mission__img_area img{
        width: 100%;
    }


    .counseling__list__area{
        padding: 0px 0 290px;
    }
    .counseling__bg{
        height: 1025px;
    }
    .fp__mission__line__inner{
        bottom: 72px;
    }
    .fp__line__btn__txt__mission::before{
        left: -1%;
    }
    .fp__line__btn__txt__mission::after {
        left: 0%;
    }
}
@media screen and (max-width: 650px){

    .fp__mission__ttl__area{
        margin: 72px auto -7px;
    }
    .fp__mission__ttl {
        font-size: 3.25rem;
    }
    .fp__mission__wrap{
        top: 36vw;
    }

    .counseling__bg {
        height: 995px;
    }


    .fp__mission__counseling__area1{
        margin: 0px 0 0 0px;
    }
    .fp__mission__sub__ttl__area1{
        padding: 55px 0 0px;
    }
    .fp__mission__sub__ttl1 {
        font-size: 3.25rem;
    }
    .fp__mission__sub__ttl__top__txt {
        font-size: 2.5rem;
        padding: 0px 20px;
    }

    .counseling__item1__box,
    .counseling__item2__box,
    .counseling__item3__box,
    .txt-y1{
        font-size: 1.5rem;
    }


    .fp__line__btn__mission::before{
        width: 325px;
        font-size: 1.5rem;
        left: 17%;
    }
}
@media screen and (max-width: 600px){

    .counseling__item1__bg{
        top: 16vw;
    }
    .counseling__item1__box{
        width: 90%;
    }
    .counseling__item2__box{
        width: 90%;
    }
    .counseling__item3__box{
        width: 90%;
    }
    .counseling__item1__bg{
        left: -16vw;
        top: 17vw;
        transform: scale(.7);
    }
    .counseling__item2__bg{
        left: -16vw;
        top: -5vw;
        transform: scale(.7);
    }
    .counseling__item3__bg{
        left: -15vw;
        top: -5vw;
        transform: scale(.7);
    }

    .fp__mission__sub__ttl__area{
        margin: 0px auto 0;
    }


    /* LINE-btn */
    .fp__line__btn__mission::before{
        width: 300px;
        font-size: 1.25rem;
        left: 18%;
    }

    .fp__line__btn__txt__mission::before{
        transform: scale(.7);
        left: -4%;
    }
    .fp__line__btn__txt__mission::after{
        transform: scale(.7);
        left: -3%;
    }
}
@media screen and (max-width: 550px){

    .fp__mission__ttl {
        font-size: 2.5rem;
    }
    .counseling__bg {
        height: 785px;
    }


    .fp__mission__txt {
        font-size: 1.25rem;
        line-height: 35px;
        margin: -15px 0 51px 25px;
    }


    .fp__mission__counseling__area1 {
        margin: 0px 0 0 0px;
    }
    .fp__mission__sub__ttl__top__txt{
        font-size: 2rem;
    }
    .fp__mission__sub__ttl1 {
        font-size: 2.75rem;
    }
    .fp__mission__sub__ttl__area1 {
        padding: 31px 0 0px;
    }

    .counseling__item1__box,
    .counseling__item2__box,
    .counseling__item3__box,
    .txt-y1{
        font-size: 1.25rem;
        margin: 44px 0 0 0;
        line-height: 39px;
    }


    .counseling__list__area {
        padding: 0px 0 219px;
    }

    /* LINE-btn */
    .fp__mission__line__inner {
        bottom: 64px;
    }
    .fp__line__btn__mission::before{
        width: 66%;
        font-size: 1.15rem;
        left: 16%;
    }
    .fp__line__btn__mission::after{
        top: 36%;
        right: 8%;
    }
    .fp__line__btn__txt__mission::before{
        transform: scale(.7);
        left: -2%;
    }
    .fp__line__btn__txt__mission::after{
        transform: scale(.7);
        left: -1%;
    }
}
@media screen and (max-width: 500px){

    .fp__mission__bg__img img{
        margin: 55px 0 140px 0;
    }
    .fp__mission__wrap{
        width: 90%;
        top: 41vw;
        left: 2vw;
    }
    .fp__mission__txt{
        font-size: 1rem;
        line-height: 30px;
        margin: 0px 0 5px 25px;
    }
    .fp__mission__img_area img{
        transform: scale(.9);
    }
    .fp__mission__ttl{
        font-size: 2rem;
    }
    .fp__mission__ttl__area::before{
        left: -14vw;
        transform: scale(.6);
    }


    .fp__mission__sub__ttl__area{
        width: 90%;
        margin: 0 auto;
    }
    .fp__mission__sub__ttl__top__txt{
        font-size: 2rem;
    }
    .fp__mission__sub__ttl1{
        font-size: 2rem;
    }
    .counseling__item1__bg{
        top: 22vw;
    }
    .counseling__item2__bg{
        top: -6vw;
    }
    .counseling__item3__bg{
        top: -6vw;
    }


    /* LINE-btn */
    .fp__line__btn__txt__mission::before{
        left: -8%;
    }
    .fp__line__btn__txt__mission::after{
        left: -7%;
    }
    
}

@media screen and (max-width: 450px){

    .fp__mission__counseling__area1 {
        margin: 0px 0 0 0px;
    }
    .counseling__bg{
        height: 770px
    }
    .counseling__item1__bg{
        top: 22vw;
    }
    .counseling__item2__bg {
        top: -8vw;
    }
    .counseling__item3__bg {
        top: -7vw;
    }

    .fp__mission__counseling__area3{
        margin: 0px 0 0 0px;
    }

    .fp__mission__sub__ttl__area{
        margin: 0px auto 0;
    }

    /* LINE-btn */
    .fp__line__btn__mission::before{
        top: -33%;
    }


    .fp__line__btn__txt__mission::before{
        left: -5%;
    }
    .fp__line__btn__txt__mission::after{
        left: -4%;
    }
}
@media screen and (max-width: 415px){

    .fp__mission__wrap{
        top: 38vw;
    }
    .fp__mission__ttl__area{
        margin: 75px auto -7px;
    }
    .fp__mission__ttl__area::before{
        left: -21vw;
    }
    .fp__mission__ttl{
        font-size: 1.875rem;
    }

    .fp__mission__bg__img img{
        margin: 55px 0 125px 0;
    }


    .fp__mission__counseling__area1{
        margin: -4px 0 0 0px
    }
    .fp__mission__counseling__top::after{
        border-width: 60px 47.5vw 0 47.5vw;
    }

    .fp__mission__txt{
        font-size: 0.875rem;
        line-height: 23px;
        margin: 0px 0 5px 16px;
    }



    .fp__mission__sub__ttl__area{
        margin: 0px auto 0;
        padding: 20px 0 18px;
    }
    .fp__mission__counseling__top::after{
        border-width: 20px 47.5vw 0 47.5vw;
    }
    .fp__mission__sub__ttl__top__txt{
        font-size: 1.5rem;
    }
    .fp__mission__sub__ttl1{
        font-size: 1.75rem;
    }



    .counseling__list__area{
        width: 95%;
        padding: 0px 0 140px;
    }
    .counseling__bg{
        height: 577px;
        background-image: radial-gradient(#edf125 20%, transparent 20%), radial-gradient(#edf125 20%, transparent 20%);
        background-size: 6px 6px;
        background-position: 0px 0, 3px 3px;
    }
    .counseling__item1__box, 
    .counseling__item2__box, 
    .counseling__item3__box{
        font-size: .94rem;
        line-height: 30px;
    }
    
    .txt-y1{
        font-size: .94rem;
        line-height: 30px;
    }
    .counseling__item1__box{
        margin: 22px 0 0 0;
        line-height: 23px;
    }
    .counseling__item2__box{
        margin: 32px 0 0 0;
        line-height: 23px;
    }
    .counseling__item3__box{
        margin: 34px 0 0 0;
        line-height: 23px;
    }
    
    .counseling__item1{
        margin: 126px 0 0 0;
    }
    
    .counseling__item1__bg{
        top: 23vw;
        left: -20vw;
        transform: scale(.5);
    }
    .counseling__item2__bg{
        top: -8vw;
        left: -21vw;
        transform: scale(.5);
    }
    .counseling__item3__bg{
        top: -7vw;
        left: -20vw;
        transform: scale(.5);
    }

    .fp__mission__wrap{
        left: 4vw;
    }
    .fp__mission__txt_area{
        margin: 0 0 52px;
    }
    
    .fp__mission__img_area img{
        transform: scale(1.05);
    }


    .fp__line__btn__mission::before{
        font-size: 0.94rem;
        width: 70%;
        left: 16%;
        top: -25%;
    }
    

    .fp__mission__line__inner{
        display: block;

        bottom: 20px;
    }
    /* .fp__line__btn__area{
        width: 84%;
    } */
    .fp__line__btn__area__mission{
        width: 84%;
    }
    .fp__line__btn__mission::after{
        top: 20px;
        right: 15px;
    }

    .fp__line__btn__txt__mission{
        font-size: 0.75rem;
    }
    .fp__line__btn__txt__mission::before{
        left: -9%;
        top: -6px;
        transform: scale(.6);
    }
    .fp__line__btn__txt__mission::after{
        left: -8%;
        top: -12px;
        transform: scale(.6);
    }
}
@media screen and (max-width: 375px){

    .counseling__item1__bg{
        top: 26vw;
        left: -24vw;
    }
    .counseling__item2__bg{
        top: -9vw;
        left: -25vw;
    }
    .counseling__item3__bg{
        top: -7vw;
        left: -23vw;
    }

    .fp__line__btn__area__mission {
        width: 88%;
    }
    .fp__line__btn__txt__mission::before{
        left: -11%;
    }
    .fp__line__btn__txt__mission::after{
        left: -10%;
    }
}
@media screen and (max-width: 350px){

    .fp__mission__wrap {
        top: 48vw;
    }

    .fp__mission__counseling__area3{
        margin: 80px 0 0 0px;
    }

    .fp__line__btn__area__mission{
        width: 92%;
    }
    
    .fp__line__btn__mission::before{
        width: 70%;
        left: 16%;
    }
    .fp__line__btn__mission::after{
        top: 22px;
        right: 21px;
        width: 12px;
        height: 12px;
        border: 3px solid currentColor;
        border-left: 0;
        border-bottom: 0;
    }
    .fp__line__btn__txt__mission::before{
        transform: scale(.5);
    }
    .fp__line__btn__txt__mission::after{
        transform: scale(.5);
    }


    .fp__mission__sub__ttl1{
        font-size: 1.5rem;
    }
    

    .fp__mission__counseling__top{
        margin: 0 0 60px;
    }
    .fp__mission__counseling__top::after{
        border-width: 20px 46.5vw 0 46.5vw;
    }


    .fp__line__btn__txt__mission::before{
        left: -10%;
    }
    .fp__line__btn__txt__mission::after{
        left: -9%;
    }
}




/* ==================================================================
course
===================================================================*/
.fp__course {
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
}


.fp__course__ttl__area {
    
}
.fp__course__ttl__area{
    width: 100%;
    height: 300px;
    margin: 0 auto;
    position: relative;
}

.fp__course__ttl__bg {
    width: 100%;
    position: relative;
    margin: 45px 0px 0 -30px;
    display: inline-block;
    width: 970px;
    height: 265px;
    background-color: #25b4d4;    
    z-index: 1;
}

.fp__course__ttl__bg::before{
    content: "";
    display: inline-block;
    width: 970px;
    height: 265px;
    background-color: #fff;
    background-image:
    radial-gradient(#f3f3f3 35%, transparent 20%),
    radial-gradient(#f3f3f3 35%, transparent 20%);
    background-size: 20px 20px;
    background-position: 0 0, 10px 10px;
    background-repeat: repeat;
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 2;
}



.fp__course__ttl__top__img{
    position: absolute;
    display: inline-block;
    background-image: url(../img/Course.png);
    width: 283px;
    height: 65px;
    top: 122px;
    left: 23vw;
    z-index: 3;
}
.fp__course__ttl {
    position: absolute;
    display: inline-block;
    width: 35%;
    font-size: 3rem;
    top: 150px;
    left: 356px;
    z-index: 4;
}

.fp__course__ttl__sub__txt__top {
    font-size: 1.5rem;
    margin: 100px 0 0 0;
    font-weight: bold;
}



.fp__course__ttl__sub__txt {
    position: relative;
    display: inline-block;
    width: 65%;
    font-size: 1.5rem;
    line-height: 48px;
    margin: 50px 0 0 0;
    text-align: left;
    font-weight: bold;
}

.txt-b {
    font-size: 2.25rem;
    line-height: 48px;
    background-color: #25b4d4;
    color: #fff;
    font-weight: bold;
}
.txt__red {
    color: #e8325e;
}
.sp__course{

}

/* 
下向き三角
*/
.triangle-down__area {
    width: 22%;
    margin: 35px auto 50px;
    text-align: center;
    position: relative;
}

.triangle-down {
    width: 100%;
}

.fp__course__select-menu__area {
    width: 68%;
    height: 1300px;
    margin: 0 auto;
    position: relative;
    display: inline-block;

    margin: 0px 0 100px 5%;
}
.fp__course__select-menu__ttl {
    position: absolute;
    display: inline-block;
    color: #edf125;
    font-size: 3.75rem;
    -webkit-text-stroke: 2px #000;
    /* text-stroke: 2px #000; */
    font-weight: 800;
    top: 9%;
    left: 17%;
    z-index: 5;
    line-height: 1.07;
}
.fp__course__select-menu__ttl::before{
    content: "";
    display: inline-block;
    width: 185px;
    height: 84px;
    background-image: url(../img/course-sub-ttl1.png);
    object-fit: cover;
    position: absolute;
    top: -88px;
    left: 105px;
    z-index: 5;
}


.fp__course__select-menu__bg1{
    display: inline-block;
    width: 850px;
    height: 1400px;
    background-color: #25b4d4;
    position: absolute;
    top: 0;
    left: -27%;
    z-index: 1;
}

.fp__course__select-menu__bg2{
    display: inline-block;
    width: 800px;
    height: 1158px;
    background-color: #fff;
    border: 1px solid #fff;
    border-top-right-radius: 180px;
    border-bottom-left-radius: 180px;
    position: absolute;
    top: 183px;
    left: -45px;
    z-index: 2;
    box-shadow: 15px 15px 6px 0 rgba(0, 0, 0, 0.2);
}

.fp__course__select-menu__list {
    position: relative;
    width: 81%;
    margin: 0 auto;
    text-align: left;
    z-index: 5;
}

.fp__course__select-menu__item{
    position: relative;
    margin: 50px 0 0 0;
}
.fp__course__select-menu__item p{
    display: inline-block;
    width: 100%;
    font-size: 1.875rem;
    font-weight: bold;
    line-height: 40px;
    margin: 0 0 0 55px;

    text-decoration: underline dashed #ced5e7;
    text-underline-offset: 7px;
    
}
.fp__course__select-menu__item p::before{
    content: "";
    display: inline-block;
    width: 36px;
    height: 36px;
    background-image: url(../img/check-border-black.png);
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.fp__course__select-menu__item p::after{
    content: "";
    display: inline-block;
    width: 32px;
    height: 35px;
    background-image: url(../img/fv-line-check.png);
    object-fit: cover;
    position: absolute;
    top: -7px;
    left: 9px;
}
.first__item{
    margin: 300px 0 0 0;
}
.txt-bl{
    color: #25b4d4;
    -webkit-text-stroke: 0px #000;
    text-stroke: 0px #000;
}


.plus__icon {
    display: inline-block;
    background-image: url(../img/plus-icon.png);
    width: 55px;
    height: 55px;
}

/* 使用ソフト */

.fp__role__arrow-down3 {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin: 30px 0 40px;
}

.dli-arrow-down3 {
    display: block;
    color: #333;
    line-height: 1;
    position: relative;
    width: 3px;
    height: 125px;
    background: currentColor;
    margin: 0 auto 17px;
    transform: translateY(0);
}
.dli-arrow-down3::before {
    content: '';
    width: 25px;
    height: 125px;
    border: 3px solid currentColor;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    transform: rotate(-45deg);
    transform-origin: bottom left;
    position: absolute;
    left: 50%;
    bottom: -0.05em;
    box-sizing: border-box;
}



/* ==================================================================
course bottom
===================================================================*/


.fp__course__bottom__txt {
    font-size: 3rem;
    line-height: 72px;
    font-weight: bold;
    text-align: left;
}

.course__bottom__txt__sb {
    display: inline-block;
    color: #25b4d4;
    border: 4px solid #25b4d4;
    border-radius: 40px;
    padding: 0 20px;
}

.fp__course__bottom__img__area {
    width: 100%;
}
.txt-bl {

}




@media screen and (max-width: 1500px){

    .fp__course__select-menu__area{
        width: 85%;
        margin: 0px 0 100px 5%;
    }
    .fp__course__select-menu__ttl{
        left: 32%;
    }

    .fp__course__select-menu__bg1{
        width: 100%;
        margin: 0px 0 0 22%;
    }
    .fp__course__select-menu__bg2{
        width: 100%;
        left: 70px;
    }
    .fp__course__select-menu__list{
        width: 60%;
    }
    
}
@media screen and (max-width: 1350px){
    .fp__course__select-menu__bg1{
        width: 100%;
        margin: 0px 0 0 22%;
    }
    .fp__course__select-menu__bg2{
        width: 100%;
        left: 70px;
    }
    .fp__course__select-menu__list{
        width: 60%;
    }
}
@media screen and (max-width: 1200px){

    .fp__course__ttl__area{
        width: 97%;
        margin: 0 auto;
    }
    .fp__course__ttl__bg{
        width: 97%;
    }
    .fp__course__ttl__bg::before{
        width: 100%;
    }
    


    .fp__course__select-menu__area{
        width: 97%;        
    }
    .fp__course__select-menu__bg1{
        width: 87%;
        margin: 0px 0 0 27%;
    }
    .fp__course__select-menu__bg2{
        width: 90%;
        left: 77px;
    }
    .fp__course__select-menu__list{
        width: 60%;
    }
}
@media screen and (max-width: 1050px){

    .fp__inner2{
        width: 100%;
    }
    .fp__course__ttl__area{
        width: 100%;
    }

    .fp__course__ttl__bg{
        width: 97%;

    }
    .fp__course__ttl__bg::before{
        width: 100%;
        left: 27px;
    }
    .fp__course__ttl{
        width: 50%;
        left: 250px;
    }

    .fp__course__ttl__sub__txt{
        width: 75%;
        margin: 50px 0 0 11vw;
    }
    .sp__course{
        /* display: none; */
    }
    
    .fp__course__select-menu__area{
        width: 100%;
        margin: 0px 0 100px 0%;
    }
    .fp__course__select-menu__bg1{
        width: 81%;
        margin: 0px 0 0 32%;
        
    }
    .fp__course__select-menu__bg2{
        width: 80%;
        left: 135px;
    }
    
    .fp__course__select-menu__list{
        width: 60%;
    }
    .fp__course__select-menu__item{
        margin: 45px 0 0 0;
    }
    .first__item {
        margin: 300px 0 0 0;
    }
    
}
@media screen and (max-width: 900px){

    .fp__course__ttl__sub__txt {
        width: 80%;
    }
}
@media screen and (max-width: 800px){

    .fp__course__ttl__bg::before{
        width: 99%;
        left: 27px;
    }
    .fp__course__select-menu__ttl{
        left: 24%;
    }
    


    .fp__course__select-menu__area{
        margin: 0px 0 100px 0%;
    }
    .fp__course__select-menu__bg1{
        width: 86%;
        margin: 0px 0 0 28%;
    }
    .fp__course__select-menu__bg2{
        width: 90%;
        left: 5%;
    }
    .fp__course__bottom__img__area img{
        width: 93%;
        left: 100px;
    }


    .fp__course__select-menu__list{
        width: 65%;
    }
    
    
}
@media screen and (max-width: 750px){

    .fp__course__ttl__bg{
        margin: 0px 0px 0 -30px;
    }
    .fp__sec__ttl__area{

    }
    .fp__course__ttl__top__img{
        background-size: contain;
        width: 345px;
        height: 85px;
        top: 47px;
        left: 12vw;
    }
    .fp__course__ttl{
        width: 70%;
        font-size: 3.75rem;
        left: 17%;
        top: 80px;
    }

    .fp__course__ttl__sub__txt{
        width: 90%;
        margin: 51px 0 0 5%;
    }


    .fp__course__ttl__sub__txt__top{
        margin: 50px 0 0 0;
    }


    .fp__course__select-menu__ttl{
        left: 27%;
        top: 8%;
    }
    .fp__course__select-menu__ttl::before{
        top: -81px;
    }




    .fp__course__select-menu__bg1{
        width: 89%;
        margin: 0px 0 0 28%
    }
    .fp__course__select-menu__bg2{
        top: 172px;
        left: 6%;
    }
    .fp__course__select-menu__area img{
        width: 91%;
        margin: 0px 0 0 0%;
    }
    .fp__course__select-menu__list{
        width: 76%;
    }    
    .fp__course__select-menu__item{
        margin: 42px 0 0 0;
    }
    .first__item{
        margin: 311px 0 0 0;
    }



    .fp__role__arrow-down3{
        margin: 30px 0 10px;
    }

    .fp__course__bottom__txt{
        font-size: 3rem;
        padding: 0px 0 0 5%;
    }
    .fp__course__bottom__img__area img{
        width: 100%;
    }

    .triangle-down2{
        margin: 100px auto 67px;
    }
}
@media screen and (max-width: 700px){

    .fp__course__ttl{
        font-size: 3.25rem;
    }

    .fp__course__ttl__top__img{
        top: 41px;
    }
}
@media screen and (max-width: 650px){

    .fp__course__ttl{
        width: 55%;
        top: 100px;
        left: 165px;
        font-size: 2.5rem;
    }
    .fp__course__ttl__top__img{
        left: 19vw;
    }
    .fp__course__ttl__bg::before{
        width: 99%;
        left: 24px;
        top: 21px;
    }
    .fp__course__ttl__bg::after{
        width: 90%;
        left: 40px;
    }
    .fp__course__ttl__top__img{
        top: 57px;
        left: 13vw;
        transform: scale(.8);
    }

    .fp__course__select-menu__ttl{
        left: 23%;
        font-size: 3rem;
    }
    .fp__course__select-menu__ttl::before{
        left: 70px;
    }

    .fp__course__select-menu__bg1{
        height: 1230px;
    }
    .fp__course__select-menu__bg2{
        top: 154px;
        height: 1000px;    
    }
    .fp__course__select-menu__area{
        height: 1220px;
        margin: 0px 0 10px 0%;
    }
    .fp__course__select-menu__list{
        width: 84%;
        margin: 0px auto 0;
    }
    .fp__course__select-menu__item {
        margin: 28px 0 0 0;
    }
    .fp__course__select-menu__item p{
        font-size: 1.5rem;
        width: 97%;
    }
    .fp__course__select-menu__item p::before{
        width: 32px;
        height: 32px;
        background-size: contain;
        left: 11px;
    }
    .fp__course__select-menu__item p::after{
        width: 26px;
        height: 27px;
        background-size: contain;
        left: 20px;
    }
    .first__item {
        margin: 254px 0 0 0;
    }



    
    .plus__icon{
        width: 50px;
        height: 50px;
        background-size: contain;
    }

    
    
    
    
    .use-soft__img img{
        width: 100%;
        object-fit: contain;
    }

    .dli-arrow-down3{
        height: 96px;
    }
    .fp__course__bottom__txt{
        font-size: 2.5rem;
        line-height: 60px;
        padding: 0 0 0 4%;
    }

    .triangle-down2 {
        margin: 0px auto 0px;
    }
}
@media screen and (max-width: 550px){

    .fp__course__ttl__area{
        height: 230px;
    }

    .fp__course__ttl{
        width: 70%;
        left: 65px;
        top: 70px;
    }
    .fp__course__ttl__bg{
        height: 191px;
    }
    .fp__course__ttl__bg::before{
        height: 191px;
    }
    .fp__course__ttl__top__img{
        transform: scale(.7);
        left: 0vw;
        top: 29px;
    }

    .fp__course__ttl__sub__txt__top{
        font-size: 1.25rem;
        margin: 35px 0 0 0;
    }
    .fp__course__ttl__sub__txt{
        width: 86%;
        font-size: 1.25rem;
        margin: 50px 0 0 0;
        line-height: 30px;
    }
    .txt-b{
        font-size: 1.5rem;
        line-height: 40px;
    }


    .triangle-down__area{
        margin: 30px auto 30px;
    }
    .triangle-down{
        margin: 0px auto 0px;
    }
    
    
    .fp__course__select-menu__ttl{
        left: 27%;
        top: 9%;
        font-size: 2.5rem;
    }
    .fp__course__select-menu__ttl::before{
        width: 100px;
        height: 56px;
        background-size: contain;
        top: -57px;
    }
    .fp__course__ttl__bg::before{
        width: 99%;
        left: 26px;
    }
    .fp__course__ttl__bg::after{
        width: 95%;
        left: 10px;
    }

    

    .fp__course__select-menu__bg2{
        top: 125px;
    }
    .fp__course__select-menu__list{
        margin: 0px auto 0;
    }

    .fp__course__select-menu__area{
        height: 890px;
        margin: 0px 0 100px 0%;
    }
    .fp__course__select-menu__bg1{
        width: 88%;
        margin: 0px 0 0 23%;
        height: 975px;
    }
    .fp__course__select-menu__bg2{
        width: 97%;
        left: 2%;
        height: 810px;
    }
    .fp__course__select-menu__item {
        margin: 14px 0 0 0;
    }
    .first__item {
        margin: 208px 0 0 0;
    }
    .fp__course__select-menu__item p {
        width: 94%;
        font-size: 1.25rem;
    }
    .fp__course__select-menu__item p::before{
        width: 27px;
        height: 28px;
        left: 18px;
        top: 9px;
    }
    .fp__course__select-menu__item p::after{
        left: 26px;
        top: 2px;
    }
    
    
    


    .dli-arrow-down3 {
        height: 75px;
    }


    .fp__course__bottom__txt{
        font-size: 2rem;
        line-height: 48px;
        padding: 0 0 0 6%;
    }
}
@media screen and (max-width: 450px){

    .fp__course__ttl__area{
        height: 220px;
    }

    .fp__course__ttl__bg{
        margin: 0px 0px 0 0px;
    }
    .fp__course__ttl__bg::before{
        width: 99%;
        left: 5px;
        top: 12px;
    }
    .fp__course__ttl{
        top: 65px;
        font-size: 2rem;
    }
    .fp__course__ttl__top__img{
        top: 21px;
    }


    .fp__course__select-menu__area{
        height: 975px;
    }
    .fp__course__select-menu__bg1{
        width: 95%;
    }
    .fp__course__select-menu__bg2 {
        top: 100px;
    }
    .fp__course__select-menu__ttl{
        font-size: 2.25rem;
        left: 19%;
        top: 6%;
    }
    .fp__course__select-menu__ttl::before{
        top: -48px;
        left: 45px;
        transform: scale(.8);
    }


    .fp__course__select-menu__area{
        width: 95%;
        margin: 0px 0 0px 0%;
    }
    .fp__course__select-menu__list{
        margin: -65px 0 0 5%;
        transform: scale(1.0);
    }
    .fp__course__select-menu__item p {
        width: 95%;
        font-size: 1rem;
    }
    .fp__course__select-menu__item p::before {
        width: 23px;
        height: 23px;
    }
    .fp__course__select-menu__item p::after {
        width: 20px;
        height: 22px;
    }


    

    .first__item{
        margin: 250px 0 0 0;
    }



    
    

    

    


    .fp__course__bottom__txt{
        font-size: 1.5rem;
        line-height: 50px;
    }
}
@media screen and (max-width: 415px){

    .fp__course__ttl__area{
        height: 165px;
    }
    .fp__course__ttl__bg{
        margin: 0px 0px 0 0px;
    }
    .fp__course__ttl{
        font-size: 1.875rem;
        top: 53px;
        left: 58px;
        line-height: 1.3;
    }
    .fp__course__ttl__bg{
        height: 151px;
    }
    .fp__course__ttl__bg::before{
        top: 14px;
        height: 151px;
    }
    .fp__course__ttl__top__img{
        background-size: contain;
        width: 204px;
        height: 51px;
        top: 29px;
        left: 9vw;
    }


    .fp__course__ttl__sub__txt__top{
        font-size: 0.875rem;
        margin: 18px 0 0 0;
    }
    .fp__course__ttl__sub__txt{
        width: 89%;
        margin: 28px 0 8px 0px;
        font-size: 0.875rem;
        line-height: 23px;
    }
    .txt-b{
        font-size: 1.25rem;
        line-height: 23px;
    }

    .triangle-down__area {
        margin: 20px auto 30px;
    }
    .triangle-down{
        margin: 0px auto 0px;
    }




    .fp__course__select-menu__ttl{
        font-size: 1.875rem;
        left: 25%;
        top: 8%;
        font-weight: 900;
    }
    .fp__course__select-menu__ttl::before{
        width: 76px;
        height: 43px;
        background-size: contain;
        transform: scale(1.0);
        top: -42px;
        left: 50px;

    }
    .fp__course__select-menu__bg1{
        height: 745px;
    }
    .fp__course__select-menu__bg2{
        height: 624px;
        top: 91px;
        border-top-right-radius: 90px;
        border-bottom-left-radius: 90px;
    }



    .fp__course__select-menu__area{
        height: 732px;
        margin: 0px 0 30px 0%;
    }
    .fp__course__select-menu__list{
        margin: 0;
        transform: scale(1.0);
        margin: 45% 0 0 0px;
    }
    .first__item{
        margin: 0;
    }
    .fp__course__select-menu__item{
        margin: 19px 0 0 0;
    }
    .fp__course__select-menu__item p{
        font-size: 0.94rem;
        line-height: 23px;
    }
    .fp__course__select-menu__item p::before{
        width: 18px;
        height: 18px;
        background-size: contain;
        top: 0;
        left: 26px;
    }
    .fp__course__select-menu__item p::after{
        width: 16px;
        height: 18px;
        background-size: contain;
        top: -3px;
        left: 30px;
    }
    


    
    .plus__icon{
        width: 28px;
        height: 28px;
        background-size: contain;
    }


    
    
    
    


    .fp__role__arrow-down3{
        margin: 15px 0 9px;
    }
    .dli-arrow-down3{
        height: 49px;
        margin: 0 auto 8px;
    }
    .dli-arrow-down3::before{
        width: 10px;
    }


    .fp__course__inner{
        width: 99%;
        margin: 0 auto;
    }
    .fp__course__bottom__txt{
        font-size: 1.5rem;
        line-height: 37px;
        padding: 0px 0 0 5%;
    }
    .course__bottom__txt__sb{
        border: 2px solid #25b4d4;
        padding: 0 10px;
    }

    .fp__course__bottom__img__area img{
        width: 100%;
    }
    .course__pc__only{
        display: none;
    }
    .triangle-down2{
        margin: 0px auto 0px;
    }
}
@media screen and (max-width: 350px){

    .fp__course__select-menu__ttl{
        left: 11%;
    }
    

    .fp__course__select-menu__list{
        margin: 48% 0 0 -8px;
    }
    

    .fp__course__bottom__txt{
        padding: 0px 0 0 3%;
    }
}

/* ==================================================================
more
===================================================================*/
.fp__more {
    width: 100%;
    position: relative;
    background-image:
    repeating-linear-gradient(
        90deg,
        #e8e9eb ,
        #e8e9eb 1px,
        transparent 1px,
        transparent 20px
    ),
    repeating-linear-gradient(
    0deg,
    #e8e9eb ,
    #e8e9eb 1px,
    #fff 1px,
    #fff 20px
    );
    z-index: 0;
}


.fp__inner2{
    width: 1000px;
    margin: 0 auto;
}
.fp__more__inner {

}


.fp__more__ttl__area {
    width: 100%;
    height: 25px;
    position: relative;
    background-color: #25b4d4;    
}
.fp__more__ttl__area::before{
    content: "";
    display: inline-block;
    background-image: url(../img/FEE.png);
    width: 149px;
    height: 75px;
    position: absolute;
    top: 158%;
    left: 25%;
}



.fp__more__ttl {
    width: 65%;
    padding: 80px 0 0px 0;
    margin: 0 auto;
    font-size: 3rem;
    position: relative;
}
.fp__more__ttl::before{
    

}
.fp__more__ttl__img {
    width: 100%;
    text-align: center;
}


.fp__more__container{
    width: 100%;
    text-align: center;
}


.triangle-down__more__area {
    width: 22%;
    margin: 45% auto 8%;
}


.triangle-down-more {

}








.fp__more__list__inner{
    width: 99%;
    position: relative;
    text-align: center;
}
/* 3つのパーツが重なった背景 */
.fp__more__list__bg {
    display: inline-block;
    position: relative;    
}
.fp__more__list__bg::before{
    content: "";
    display: inline-block;
    width: 690px;
    height: 540px;
    background-color: #25b4d4;
    border: 1px solid #25b4d4;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    position: absolute;
    top: -20px;
    left: -20px;
    z-index: 1;
}
.fp__more__list__bg::after{
    content: "";
    display: inline-block;
    width: 690px;
    height: 540px;
    position: absolute;
    top: 20px;
    left: 20px;
    border: 1px solid transparent;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    background-color: #fff;
    background-image:
    radial-gradient(#111111 20%, transparent 24%),
    radial-gradient(#111111 20%, transparent 24%);
    background-size: 20px 20px;
    background-position: 0 0, 10px 10px;
    background-repeat: repeat;
    z-index: 2;
}
.fp__more__list__bg__top{
    display: inline-block;
    position: relative;
    width: 690px;
    height: 540px;
    background-color: #fff;
    border: 1px solid #fff;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    /* border-radius: 30px; */
    z-index: 3;
}



.fp__more__center__txt__area {
    width: 100%;
    height: 500px;
    position: absolute;
    top: 3%;
    left: -4%;
}

.fp__more__center__txt {
    display: inline-block;
    width: 690px;
    height: 540px;
    position: absolute;
    top: 25px;
    left: 19%;
    z-index: 4;
    text-align: left;
    font-size: 2.25rem;
    font-weight: bold;
    line-height: 1.8;
    text-align: center;
}


.step__down__area p{
    margin: 28px auto 27px;
}
.txt__y__more {
    background-color: #edf125;
    font-size: 3rem;
    font-weight: bold;
    padding: 0 5px;
}
.txt__b__more{
    font-size: 3rem;
    font-weight: bold;
    color: #25b4d4;
}
.fp__more__center__img__area {
    width: 100%;
    text-align: center;
    margin: 110px 0 0 0;
}

.fp__more__center__img {
    width: 100%;
    height: 300px;
    object-fit: contain;
}




.step__down__area{
    width: 100%;
    text-align: center;
    position: relative;
}
.step__down__area p{
    font-size: 1.875rem;
    font-weight: bold;
    margin: 55px auto 27px;
}
.step-down {
    display: inline-block;
    width: 300px;
    background: #edf125;
    font-size: 3.37rem;
    font-weight: bold;
    padding: 10px 0 0 0;
    margin-bottom: 1em;
    text-align: center;
    color: #000;
    z-index: 5;
    margin: 0 auto;
    position: relative;
}
.step-down::after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -37px;
    left: 0;
    border-style: solid;
    border-color: #edf125 transparent transparent transparent;
    border-width: 37px 149px 0 149px;
    z-index: 5;
}






.fp__more__bottom__area{
    display: inline-block;
    width: 71%;
    height: 520px;
    background: #25b4d4;
    position: relative;
    text-align:left;
    margin: 75px auto 78px;
}
.fp__more__bottom__area::before{
    content: "";
    display: inline-block;
    width: 100%;
    height: 520px;
    background: #fff;
    position: absolute;
    top: -5px;
    left: -5px;
}



.fp__more__bottom__txt__area {
    display: inline-block;
    width: 98%;
    height: 500px;
    position: absolute;
    top: 0;
    left: 2%;
}

.fp__more__txt2 {
    font-size: 1.875rem;
    font-weight: bold;
    margin: 7px auto 25px;
    line-height: 60px;
}

.fp__more__txt3 {
    font-size: 1.875rem;
    font-weight: bold;
    line-height: 60px;
}

.fp__more__txt5{
    font-size: 1.875rem;
    font-weight: bold;
    line-height: 60px;
    padding: 10px 0 118px;
}
.txt__sb {
    display: inline-block;
    color: #25b4d4;
    border: 4px solid #25b4d4;
    border-radius: 40px;
    padding: 0 20px;
    line-height: 60px;
}
.fp__more__txt5 .txt-sb2__more{
    background-color: #25b4d4;
    color: #fff;
    font-size: 2.25rem;
    font-weight: bold;
    line-height: 80px;
    padding: 7px 5px;

}

/* ==================================================================
more sp
===================================================================*/
@media screen and (max-width: 1500px){

    .fp__more__center__txt{
        left: 19%;
    }
}
@media screen and (max-width: 1200px){

    .fp__more__center__txt{
        left: 19%;
    }
}
@media screen and (max-width: 1021px){

    .fp__inner2{
        width: 100%;
    }

    .triangle-down__more__area {
        margin: 450px auto 7%;
    }
    
    .fp__more__center__txt{
        left: 19%;
    }


    .fp__more__bottom__txt__area{
        width: 95%;
    }
    .fp__more__txt2,
    .fp__more__txt3,
    .fp__more__txt5{
        font-size: 1.75rem;
        line-height: 50px;
    }
    .txt__sb{
        line-height: 50px;
    }
    .fp__more__txt5 .txt-sb2__more{
        font-size: 1.875rem;
        line-height: 70px;
    }
}
@media screen and (max-width: 900px){

    
    .fp__more__center__txt{
        width: 85%;
        left: 12vw;
    }
}
@media screen and (max-width: 800px){

    
}
@media screen and (max-width: 750px){

    .fp__more__ttl__area{
        height: 25px;
    }



    .fp__more__ttl{
        width: 85%;
        padding: 85px 0 38px 0;
        font-size: 3.75rem;
    }
    .fp__more__ttl__area::before{
        background-size: contain;
        top: 185%;
        left: 17%;
    }
    .triangle-down__more__area {
        margin: 470px auto 8%;
    }


    
    
    
    
    .fp__more__list__inner{
        width: 90%;
        margin: 0 auto;
    }
    .fp__more__list__bg{
        width: 100%;
    }
    .fp__more__list__bg::before{
        width: 100%;
        margin: 0 0 0 0vw;
    }
    .fp__more__list__bg::after{
        width: 100%;
        margin: 0 0 0 0vw;
    }
    .fp__more__list__bg__top{
        width: 100%;
        margin: 0 0 0 0vw;
    }
    .fp__more__center__txt{
        width: 90%;
        left: 8vw;
    }
    



    .fp__more__bottom__area{
        width: 90%;
        margin: 80px auto;
    }
    
    .fp__more__bottom__txt__area{
        top: -57px;
        left: 2%;
    }
    .fp__more__txt2,
    .fp__more__txt3,
    .fp__more__txt4,
    .fp__more__txt5{
        font-size: 1.75rem;
    }

    
    .fp__more__txt2{
        margin: 82px auto 19px;
        line-height: 60px;
    }
    .fp__more__txt3{
        line-height: 60px;
    }
    .fp__more__txt5{
        line-height: 60px;
        padding: 3px 0 88px;
    }
    /* .txt-y__more{
        font-size: 2.25rem;
    } */
    .fp__more__txt5 .txt-sb2__more{
        font-size: 1.875rem;
    }
    .txt__sb{
        font-size: 1.875rem;
        line-height: 45px;
    }
}
@media screen and (max-width: 700px){

    .fp__more__ttl__area {
        height: 25px;
    }
    .fp__more__ttl{
        font-size: 3.25rem;
    }
    


    .fp__more__center__txt{
        width: 85%;
        left: 11vw;
    }


    
    .fp__more__txt2,
    .fp__more__txt3,
    .fp__more__txt5{
        font-size: 1.75rem;
        line-height: 52px;
    }
    .txt-y__more{
        font-size: 1.75rem;
    }
    .fp__more__txt2 {
        margin: 70px auto 10px;
    }
    .fp__more__txt5{
        padding: 15px 0 88px;
    }
    .txt__sb{
        line-height: 50px;
    }
}
@media screen and (max-width: 650px){

    .fp__more__ttl {
        font-size: 3rem;
    }
    .fp__more__ttl__area {
        padding: 0px 0 0px 0;
    }
    .fp__more__ttl__area::before{
        top: 175%;
    }
    


    

    .fp__more__center__txt {
        width: 85%;
    }
    .fp__more__list__bg__top{
        height: 470px;
    }
    .fp__more__list__bg::before{
        height: 470px;
    }
    .fp__more__list__bg::after{
        height: 470px;
    }
    
}
@media screen and (max-width: 600px){

    .fp__more__ttl__area {
        height: 25px;
    }
    .fp__more__ttl{
        font-size: 2.5rem;
        padding: 70px 0 20px 0;
    }
    .fp__more__ttl__area::before {
        top: 80%;
    }
    .fp__more__ttl__img img{
        width: 90%;
        margin: 0 auto;
    }
    .triangle-down__more__area {
        margin: 400px auto 8%;
    }





    .fp__more__center__txt{
        width: 90%;
        left: 8vw;
        font-size: 2rem;
    }
    

    .fp__more__bottom__area{
        width: 90%;
    }

    .fp__more__txt2,
    .fp__more__txt3,
    .fp__more__txt5{
        font-size: 1.5rem;
    }
    .txt__sb{
        font-size: 1.75rem;
        line-height: 45px;
    }
    .fp__more__txt5 .txt-sb2__more{
        font-size: 1.75rem;
    }
    .txt__y__more{
        font-size: 2.5rem;
    }
    .txt__b__more{
        font-size: 2.5rem;
    }
}
@media screen and (max-width: 550px){

    
    .fp__more__ttl__area {
        height: 25px;
        padding: 0px 0 0px 0;
    }
    .fp__more__ttl__area::before{
        width: 190px;
        height: 52px;
    }
    .fp__more__ttl{
        width: 80%;
        margin: 0 0 0 9%;
        padding: 100px 0 0px 0;
    }
    .fp__more__ttl__area::before {
        top: 295%;
    }
    

    .triangle-down__more__area {
        margin: 360px auto 2%;
    }
    .triangle-down-more{
        margin: 54px auto 60px;
    }

    .fp__more__list__bg::before{
        height: 385px;
    }
    .fp__more__list__bg::after{
        height: 385px;
    }
    .fp__more__list__bg__top{
        height: 385px;
    }
    .fp__more__center__txt__area{
        height: 400px;
    }
    .fp__more__center__txt{
        width: 90%;
        height: 385px;
        left: 8vw;
        top: 7px;
    }
    

    .fp__more__center__img__area{
        margin: 70px 0 0 0;
    }
    .fp__more__center__img{
        height: 230px;
    }
    .step__down__area p{
        font-size: 1.75rem;
        margin: 40px auto 27px;
    }


    .step-down{
        font-size: 1.875rem;
        width: 170px;
    }
    .step-down::after{
        border-width: 37px 85px 0 85px;
    }


    .fp__more__bottom__area,
    .fp__more__bottom__area::before{
        height: 450px;
    }
    .fp__more__center__txt{
        font-size: 1.75rem;
    }
    .fp__more__txt2,
    .fp__more__txt3,
    .fp__more__txt4,
    .fp__more__txt5{
        font-size: 1.25rem;
        line-height: 45px;
    }
    
    .fp__more__txt2 {
        margin: 57px auto 10px;
    }
    .fp__more__txt5 {
        padding: 3px 0 75px;
    }
    .fp__more__txt5 .txt-sb2__more{
        line-height: 65px;
    }
    .txt__sb {
        line-height: 35px;
        border: 3px solid #25b4d4;
    }
    .txt__y__more {
        font-size: 2.25rem;
        line-height: 60px;
    }
    .txt__b__more {
        font-size: 2.25rem;
    }
}
@media screen and (max-width: 500px){

    .triangle-down__more__area {
        margin: 319px auto 0%;
    }
}
@media screen and (max-width: 450px){

    .fp__more__ttl__area {
        height: 25px;
    }
    .fp__more__ttl {
        font-size: 2rem;
    }
    
    .triangle-down__more__area {
        margin: 290px auto 0%;
    }
    

    .fp__more__list__bg__top{
        height: 360px;
    }
    .fp__more__list__bg::before{
        height: 360px;
    }
    .fp__more__list__bg::after{
        height: 360px;
    }


    .fp__more__center__txt{
        height: 340px;
        font-size: 1.5rem;
    }
    .fp__more__txt2,
    .fp__more__txt3,
    .fp__more__txt5 {
        font-size: 1.15rem;
    }
    .txt__y__more{
        font-size: 2rem;
    }
    .txt__b__more{
        font-size: 2rem;
    }
    .fp__more__txt5 .txt-sb2__more{
        font-size: 1.5rem;
    }
    
    .txt__sb {
        font-size: 1.5rem;
        line-height: 35px;
        border: 2px solid #25b4d4;
    }
    
    
}
@media screen and (max-width: 415px){

    .fp__more{
        background-image: repeating-linear-gradient( 90deg, #e8e9eb , #e8e9eb 2px, transparent 2px, transparent 10px ), repeating-linear-gradient( 0deg, #e8e9eb , #e8e9eb 2px, #fff 1px, #fff 10px );
    }
    .fp__more__ttl__area {
        height: 25px;
    }
    .fp__more__ttl__area::before{
        width: 132px;
        height: 37px;
        background-size: contain;
        top: 142%;
    }
    .fp__more__ttl{
        width: 85%;
        font-size: 1.875rem;
        margin: 0px 0 0 5%;
        padding: 50px 0 0px 17px
    }
    
    .txt-y__more{
        font-size: 1.5rem;
    }
    .fp__more__ttl__img img{
        width: 75%;
    }


    .triangle-down__more__area {
        margin: 190px auto 0%;
    }
    .triangle-down-more {
        margin: 54px auto 45px;
    }

    .fp__more__list__bg::before{
        width: 92%;
        height: 265px;
        margin: 0 0 0 5%;
        top: -15px;
    }
    .fp__more__list__bg::after{
        width: 92%;
        height: 250px;
        margin: 0 0 0 2%;
        top: 15px;
    }
    .fp__more__list__bg__top{
        width: 92%;        
        height: 250px;
        margin: 0 0 0 0vw;
    }

    .fp__more__center__txt__area {
        height: 250px;
    }
    .fp__more__center__txt{
        width: 270px;
        height: 250px;
        top: 5px;
        left: 12vw;
        font-size: 1.15rem;
    }


    .fp__more__center__img__area {
        margin: 40px 0 0 0;
    }
    .fp__more__center__img {
        height: 193px;
    }

    
    .step__down__area p {
        font-size: 0.94rem;
        margin: 0px auto 5px;
    }
    .step-down::after {
        bottom: -15px;
        border-width: 15px 85px 0 85px;
    }

    .txt__y__more,
    .txt__b__more{
        font-size: 1.875rem;
        line-height: 1.3;
    }
    .txt__y__more{
        line-height: 50px;
    }
    


    .fp__more__bottom__area,
    .fp__more__bottom__area::before{
        height: 300px;
    }
    .fp__more__bottom__area{
        width: 95%;
        margin: 37px auto;
    }
    .fp__more__bottom__txt__area{
        width: 95%;
        top: -15px;
        left: 3%;
        height: 280px;
    }
    .fp__more__txt2,
    .fp__more__txt3,
    .fp__more__txt4,
    .fp__more__txt5,
    .txt-y__more{        
        font-size: 0.94rem;
    }
    .txt-y__more{
        line-height: 30px;
    }
    .fp__more__txt2{
        margin: 29px auto 0px;
        line-height: 35px;
    }
    .fp__more__txt3{
        line-height: 35px;
    }
    .fp__more__txt5{
        line-height: 30px;
        padding: 10px 0 42px;
    }
    .txt__sb{
        font-size: 1.15rem;
        line-height: 30px;
        padding: 0 10px;
        border: 2px solid #25b4d4;
    }
    .fp__more__txt5 .txt-sb2__more {
        font-size: 1.15rem;
        line-height: 45px;
    }
}
@media screen and (max-width: 350px){

    .fp__more__ttl{
        font-size: 1.5rem;
    }
    
    .triangle-down__more__area {
        margin: 150px auto 0%;
    }

    .fp__more__list__inner{
        width: 98%;
    }
    .fp__more__list__bg__top{
        width: 92%;
    }
    .fp__more__list__bg::before{
        width: 92%;
        margin: 0px 0 0 8vw;
        top: -15px;
    }
    .fp__more__list__bg::after{
        width: 92%;
        margin: 0 0 0 2vw;
        top: 15px;
    }

    .fp__more__center__txt{
        width: 240px;
        left: 15vw;
        font-size: 1.125rem;
    }
    


    .fp__more__bottom__area,
    .fp__more__bottom__area::before{
        height: 330px;
    }
    .fp__more__txt2,
    .fp__more__txt3,
    .fp__more__txt5{
        font-size: 1rem;
        line-height: 30px;
    }
    .fp__more__txt3 {
        line-height: 30px;
    }
    .txt__sb {
        line-height: 30px;
    }
    .txt__y__more,
    .txt__b__more{
        font-size: 1.5rem;
    }
}

/* ==================================================================
strength
===================================================================*/
.fp__strength {
    width: 100%;
    position: relative;
    background-color: #f3f3f3;
    height: 1900px;
}

.fp__strength__ttl__area {
    width: 100%;
    position: relative;
}

.fp__strength__ttl img{
    width: 100%;
}


.fp__strength__inner{
    width: 700px;
    margin: 0 auto;
    text-align: center;
}

.fp__strength__list__area {
    width: 99%;
}

.fp__strength__list1 {
    position: relative;
    width: 100%;
    margin: 131px 0 0 0;
}

.strength__list1__bg {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 311px;
    border: 1px solid transparent;
    border-top-right-radius: 55px;
    border-bottom-left-radius: 55px;
    background-color: #fff;
    background-image:
    radial-gradient(#111111 20%, transparent 24%),
    radial-gradient(#111111 20%, transparent 24%);
    background-size: 20px 20px;
    background-position: 0 0, 10px 10px;
    background-repeat: repeat;
    z-index: 1;
    margin: 26px 0 0 28px;
}
.strength__list1__bg::before{
    content: "";
    display: inline-block;
    width: 100%;
    height: 311px;
    background-color: #fff;
    border: 3px solid #000;
    border-top-right-radius: 55px;
    border-bottom-left-radius: 55px;
    position: absolute;
    top: -20px;
    left: -20px;
    z-index: 2;
}
.strength__list1__bg::after{
    content: "";
    display: inline-block;
    width: 113px;
    height: 126px;
    background-image: url(../img/Point1-pcx2@2x@2x.png);
    background-size: contain;
    position: absolute;
    top: -30%;
    left: 19px;
    z-index: 3;
}
.strength__list1__txt {
    display: inline-block;
    font-size: 1.875rem;
    font-weight: bold;
    width: 95%;
    margin: 0 auto;
    position: absolute;
    top: 24%;
    left: 9%;
    z-index: 3;
    text-align: left;
}





.fp__strength__list2 {
    position: relative;
    width: 100%;
    margin: 131px 0 0 0;
}

.strength__list2__bg {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 211px;
    border: 1px solid transparent;
    border-top-right-radius: 55px;
    border-bottom-left-radius: 55px;
    background-color: #fff;
    background-image:
    radial-gradient(#111111 20%, transparent 24%),
    radial-gradient(#111111 20%, transparent 24%);
    background-size: 20px 20px;
    background-position: 0 0, 10px 10px;
    background-repeat: repeat;
    z-index: 1;
    margin: 26px 0 0 28px;
}
.strength__list2__bg::before{
    content: "";
    display: inline-block;
    width: 100%;
    height: 211px;
    background-color: #fff;
    border: 3px solid #000;
    border-top-right-radius: 55px;
    border-bottom-left-radius: 55px;
    position: absolute;
    top: -20px;
    left: -20px;
    z-index: 2;
}
.strength__list2__bg::after{
    content: "";
    display: inline-block;
    width: 113px;
    height: 126px;
    background-image: url(../img/Point2-pcx2@2x.png);
    background-size: contain;
    position: absolute;
    top: -44%;
    left: 19px;
    z-index: 3;
}

.strength__list2__txt {
    display: inline-block;
    font-size: 1.875rem;
    font-weight: bold;
    width: 95%;
    margin: 0 auto;
    position: absolute;
    top: 32%;
    left: 9%;
    z-index: 3;
    text-align: left;
}

.sp__strength2 {
    
}

.fp__strength__list3 {
    position: relative;
    width: 100%;
    margin: 131px 0 0 0;
}

.strength__list3__bg {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 311px;
    border: 1px solid transparent;
    border-top-right-radius: 55px;
    border-bottom-left-radius: 55px;
    background-color: #fff;
    background-image:
    radial-gradient(#111111 20%, transparent 24%),
    radial-gradient(#111111 20%, transparent 24%);
    background-size: 20px 20px;
    background-position: 0 0, 10px 10px;
    background-repeat: repeat;
    z-index: 1;
    margin: 26px 0 0 28px;
}
.strength__list3__bg::before{
    content: "";
    display: inline-block;
    width: 100%;
    height: 311px;
    background-color: #fff;
    border: 3px solid #000;
    border-top-right-radius: 55px;
    border-bottom-left-radius: 55px;
    position: absolute;
    top: -20px;
    left: -20px;
    z-index: 2;
}
.strength__list3__bg::after{
    content: "";
    display: inline-block;
    width: 113px;
    height: 126px;
    background-image: url(../img/Point3-pcx2@2x@2x.png);
    background-size: contain;
    position: absolute;
    top: -30%;
    left: 19px;
    z-index: 3;
}

.strength__list3__txt {
    display: inline-block;
    font-size: 1.875rem;
    font-weight: bold;
    width: 94%;
    margin: 0 auto;
    position: absolute;
    top: 25%;
    left: 9%;
    z-index: 3;
    text-align: left;
}

.sp__strength3 {

}

.txt__sb__strength {
    background-color: #25b4d4;
    color: #fff;
    padding: 0 5px 0 5px;
}
@media screen and (max-width: 1300px){

    .fp__strength{
        height: 1800px;
    }
}
@media screen and (max-width: 1100px){

    .fp__strength{
        height: 1700px;
    }
}
@media screen and (max-width: 900px){

    .fp__strength{
        height: 1650px;
    }
}
@media screen and (max-width: 800px){

    .fp__strength__list1,
    .fp__strength__list2,
    .fp__strength__list3{
        width: 95%;
    }

}
@media screen and (max-width: 750px){

    .fp__strength{
        height: 1800px;
    }



    .fp__strength__inner{
        width: 99%;
        text-align: center;
    }

    .fp__strength__list1,
    .fp__strength__list2,
    .fp__strength__list3{
        width: 95%;
    }
}
@media screen and (max-width: 700px){


    .strength__list1__txt,
    .strength__list2__txt,
    .strength__list3__txt{
        left: 6%;
    }
}
@media screen and (max-width: 650px){

    .strength__list1__bg::after,
    .strength__list2__bg::after,
    .strength__list3__bg::after{
        width: 90px;
        height: 100px;
        top: -26%;
    }
    
    .strength__list2__bg::after{
        top: -37%;
    }


    .strength__list1__txt{
        left: 5%;
    }
    .strength__list1__txt,
    .strength__list2__txt,
    .strength__list3__txt{
        font-size: 1.75rem;
    }
}
@media screen and (max-width: 600px){

    .fp__strength{
        height: 1650px;
    }

    .strength__list1__bg,
    .strength__list1__bg::before,
    .strength__list3__bg,
    .strength__list3__bg::before{
        height: 270px;
    }
    .strength__list2__bg,
    .strength__list2__bg::before{
        height: 190px;
    }
    .strength__list1__bg::after,
    .strength__list3__bg::after{
        top: -30%;
    }
    
    .strength__list2__bg::after{
        top: -41%;
    }


    .strength__list1__txt,
    .strength__list2__txt,
    .strength__list3__txt{
        left: 9%;
        font-size: 1.5rem;
    }
}
@media screen and (max-width: 550px){

    .fp__strength{
        height: 1400px;
    }

    .strength__list1__bg,
    .strength__list1__bg::before,
    .strength__list3__bg,
    .strength__list3__bg::before {
        height: 220px;
    }
    .strength__list2__bg,
    .strength__list2__bg::before {
        height: 160px;
    }
    .fp__strength__list1,
    .fp__strength__list2,
    .fp__strength__list3{
        margin: 100px 0 0 0;
    }

    .strength__list1__bg::after,
    .strength__list2__bg::after,
    .strength__list3__bg::after {
        width: 75px;
        height: 83px;
    }

    .strength__list1__txt,
    .strength__list2__txt,
    .strength__list3__txt{
        left: 9%;
        font-size: 1.25rem;
    }
}
@media screen and (max-width: 500px){

    .fp__strength {
        height: 1200px;
    }


    .fp__strength__list1,
    .fp__strength__list2,
    .fp__strength__list3 {
        width: 92%;
        margin: 80px 0 0 0;
    }

    .strength__list1__bg,
    .strength__list1__bg::before,
    .strength__list3__bg,
    .strength__list3__bg::before {
        height: 180px;
    }
    .strength__list2__bg,
    .strength__list2__bg::before {
        height: 140px;
    }
    .strength__list1__bg::after,
    .strength__list2__bg::after,
    .strength__list3__bg::after {
        width: 65px;
        height: 72px;
    }
    .strength__list1__bg::after,
    .strength__list3__bg::after {
        top: -34%;
    }

    


    .strength__list1__txt,
    .strength__list2__txt,
    .strength__list3__txt{
        font-size: 1rem;
        left: 14%;
    }
}
@media screen and (max-width: 415px){

    .fp__strength {
        height: 955px;
    }


    .fp__strength__list1,
    .fp__strength__list2,
    .fp__strength__list3 {
        margin: 50px 0 0 0;
    }


    .strength__list1__bg,
    .strength__list1__bg::before,
    .strength__list3__bg,
    .strength__list3__bg::before {
        height: 170px;
    }
    .strength__list1__bg::before,
    .strength__list2__bg::before,
    .strength__list3__bg::before{
        top: -15px;
        left: -15px;
        border-top-right-radius: 30px;
        border-bottom-left-radius: 30px;
    }
    .strength__list2__bg,
    .strength__list2__bg::before{
        height: 120px;
    }

    

    .strength__list1__bg::after,
    .strength__list2__bg::after,
    .strength__list3__bg::after {
        width: 60px;
        height: 67px;
    }
    .strength__list1__bg::after,
    .strength__list3__bg::after {
        top: -33%;
    }
    .strength__list2__bg::after {
        top: -44%;
    }


    .strength__list1__txt,
    .strength__list2__txt,
    .strength__list3__txt{
        font-size: 0.94rem;
        left: 14%;
        line-height: 1.7;
    }
}
@media screen and (max-width: 380px){

    .strength__list1__txt,
    .strength__list2__txt,
    .strength__list3__txt{
        width: 88%;
        left: 14%;
    }
    .strength__list1__txt,
    .strength__list3__txt{
        top: 22%;
    }
    .sp__strength {
        display: none;
    }
}
/* ==================================================================
comparison
===================================================================*/
.fp__comparison {
    width: 100%;
    position: relative;
    background: #fff;
    text-align: center;
    height: 1200px;
}

.fp__comparison__ttl__area {
    position: relative;
    width: 100%;
    margin: 155px auto 73px;
}

.fp__comparison__ttl__bg {
    width: 604px;
    height: 105px;
    background-image: url(../img/Comparison@2x.png);
    background-size: contain;
    position: absolute;
    top: -43%;
    left: 31%;
    z-index: 1;
}

.fp__comparison__ttl {
    position: relative;
    font-size: 4.5rem;
    font-weight: bold;
    z-index: 2;
}



.fp__comparison__inner {
    width: 700px;
    margin: 0 auto;
    text-align: center;
}

.fp__comparison__img {
    width: 100%;
    object-fit: contain;
}

@media screen and (max-width: 1500px){

    .fp__comparison__ttl__bg{
        left: 28%;
    }
}
@media screen and (max-width: 1300px){

    .fp__comparison__ttl__bg{
        left: 24%;
    }
}
@media screen and (max-width: 1150px){

    .fp__comparison__ttl__bg{
        left: 21%;
    }
}
@media screen and (max-width: 1021px){

    .fp__comparison__ttl__bg{
        left: 17%;
    }
}
@media screen and (max-width: 850px){

    .fp__comparison__ttl__bg {
        left: 10%;
    }
}
@media screen and (max-width: 750px){

    .fp__comparison__ttl__bg {
        left: 5%;
    }


    .fp__comparison__inner{
        width: 99%;
        margin: 0 auto;
    }
    .fp__comparison__img {
        width: 98%;
        object-fit: contain;
    }
}
@media screen and (max-width: 700px){

    .fp__comparison__ttl__bg {
        left: 1%;
    }
}
@media screen and (max-width: 650px){

    .fp__comparison{
        height: 1000px;
    }

    .fp__comparison__ttl__bg {
        width: 500px;
        height: 86px;
        left: 1%;
        top: -31%;
    }
    .fp__comparison__img{
        width: 94%;
    }
}
@media screen and (max-width: 550px){

    .fp__comparison{
        height: 950px;
    }
    .fp__comparison__ttl__area{
        margin: 120px auto 60px;
    }
    .fp__comparison__ttl__bg {
        width: 400px;
        height: 70px;
        left: 6%;
        top: -32%;;
    }
    .fp__comparison__ttl{
        font-size: 3.5rem;
    }
}
@media screen and (max-width: 550px){

    .fp__comparison {
        height: 800px;
    }

    .fp__comparison__ttl__area {
        margin: 62px auto 18px;
    }

    .fp__comparison__ttl__bg{
        width: 302px;
        height: 52px;
        left: 13%;
        top: -31%;
    }
    
    .fp__comparison__ttl{
        font-size: 2.75rem;
    }
}
@media screen and (max-width: 450px){

    .fp__comparison {
        height: 700px;
    }

    .fp__comparison__ttl__bg{
        left: 12%;
        top: -44%;
    }
    .fp__comparison__ttl{
        font-size: 2.25rem;
    }
}
@media screen and (max-width: 415px){

    .fp__comparison {
        height: 570px;
    }

    .fp__comparison__ttl__bg{
        left: 9%;
    }

    
}
@media screen and (max-width: 350px){

    .fp__comparison {
        height: 500px;
    }

    .fp__comparison__ttl__area {
        margin: 80px auto 30px;
    }

    .fp__comparison__ttl__bg{
        width: 270px;
        height: 47px;
        top: -35%;
        left: 4%;
    }
}

/* ==================================================================
feature
===================================================================*/
.fp__feature {
    width: 100%;
    position: relative;
    text-align: center;
}

.fp__feature__ttl__area {
    width: 100%;
    position: relative;
}

.fp__merit__ttl__bg {
    position: relative;
    width: 100%;
    height: 310px;
    object-fit: cover;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    z-index: 1;
}

.fp__merit__ttl__bg__triangle {
    position: relative;
    width: 100%;
    height: 75px;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    object-fit: cover;
    z-index: 1;
    margin: -5px 0 0 0;
}

.fp__feature__ttl__box{
    width: 30%;
    position: absolute;
    top: 38%;
    left: 48%;
    z-index: 5;
}
.fp__feature__ttl__box::before{
    content: "";
    width: 380px;
    height: 75px;
    background-image: url(../img/Feature-ttl-pcx2@2x.png);
    background-size: contain;
    position: absolute;
    top: -69%;
    left: -56%;
    z-index: 2;
}
.fp__feature__ttl {
    position: relative;
    font-size: 3rem;
    text-align: left;
    line-height: 1.1;
    z-index: 3;
}
.fp__feature__ttl::before{
    content: "";
    width: 120px;
    height: 120px;
    background: #1e6dc1;
    position: absolute;
    top: 8%;
    left: -8vw;
    z-index: 2;
}
.fp__feature__ttl::after{
    content: "7";
    font-size: 6rem;
    color: #fff;
    position: absolute;
    top: 11%;
    left: -5.8vw;
    z-index: 3;
}

.txt__sb__feature {
    font-size: 4.5rem;
    color: #5897db;
}





.fp__feature__inner {
    width: 700px;
    margin: 0 auto;
}

.fp__feature__list {
    width: 99%;
}

.fp__feature__list__item {
    width: 100%;
}

.feature__item1 {
    margin: 147px 0 0 0;
}

.feature__item__flow {
    width: 100%;
}
.feature__item__flow img{
    width: 100%;
}



.feature__item__center__img {
    width: 100%;
}
.feature__item__center__img img{
    width: 100%;
}



.feature__item__txt {
    font-size: 1.5rem;
    width: 100%;
    text-align: left;
    line-height: 2;
    margin: 45px 0 100px;
    font-weight: bold;
}

.feature__item6__txt2{
    margin: 60px 0 0 0;
}
.feature__item7__txt{
    margin: 45px 0 70px;
}

.txt__y__feature {
    background: #edf125;
    padding: 0 5px 0;
}
@media screen and (max-width: 1500px){

    .fp__feature__ttl::before{
        left: -9vw;
    }
    .fp__feature__ttl::after{
        left: -6.5vw;
    }

}

@media screen and (max-width: 1300px){

    .fp__feature__ttl__box::before{
        left: -67%;
    }

    .fp__feature__ttl__box{
        left: 50%;
    }
    .fp__feature__ttl::before{
        left: -10vw;
    }
    .fp__feature__ttl::after {
        left: -7.2vw;
    }
}
@media screen and (max-width: 1200px){

    .fp__feature__ttl::before {
        left: -11vw;
    }
    .fp__feature__ttl::after {
        left: -8vw;
    }
}
@media screen and (max-width: 1100px){

    .fp__feature__ttl__box{
        width: 47%;
    }

    .fp__feature__ttl::before {
        left: -12vw;
    }
    .fp__feature__ttl::after {
        left: -8.8vw;
    }
}
@media screen and (max-width: 1021px){

    .fp__feature__ttl__box{
        width: 47%;
    }

    .fp__feature__ttl::before {
        left: -13vw;
    }
    .fp__feature__ttl::after {
        left: -9.5vw;
    }
}
@media screen and (max-width: 900px){

    .fp__feature__ttl::before {
        left: -15vw;
    }
    .fp__feature__ttl::after {
        left: -11vw;
    }

}
@media screen and (max-width: 850px){

    .fp__merit__ttl__bg__triangle{
        height: 65px;
    }

    .fp__feature__ttl::before {
        left: -15.5vw;
    }
    .fp__feature__ttl::after {
        left: -11.5vw;
    }
}
@media screen and (max-width: 750px){

    .fp__feature__ttl::before {
        left: -18vw;
    }
    .fp__feature__ttl::after {
        left: -13vw;
    }




    .fp__feature__inner {
        width: 100%;
        margin: 0 auto;
    }

    .fp__feature__list {
        width: 95%;
        margin: 0 auto;
    }
}
@media screen and (max-width: 650px){

    .fp__feature__ttl__box::before{
        width: 275px;
        height: 55px;
    }

    .fp__feature__ttl{
        font-size: 2.25rem;
    }

    .fp__feature__ttl::before {
        width: 90px;
        height: 90px;
        left: -16vw;
    }
    .fp__feature__ttl::after {
        left: -12vw;
        font-size: 4.5rem;
    }
    .txt__sb__feature {
        font-size: 3.37rem;
        color: #5897db;
    }
}
@media screen and (max-width: 600px){

    .fp__merit__ttl__bg__triangle{
        height: 50px;
    }

    .feature__item__txt {
        font-size: 1.25rem;
    }
}
@media screen and (max-width: 550px){

    .fp__feature__ttl::before {
        left: -18vw;
    }
    .fp__feature__ttl::after {
        left: -13vw;
    }

}
@media screen and (max-width: 500px){

    .fp__merit__ttl__bg {
        height: 225px;
    }
    .fp__feature__ttl__box::before{
        top: -90%;
        left: -90%;
    }

    .fp__feature__ttl{
        font-size: 1.875rem;
    }

    .fp__feature__ttl::before{
        top: 0%;
        left: -20vw;
    }
    .fp__feature__ttl::after{
        top: 3%;
        left: -15vw;
    }
    .txt__sb__feature {
        font-size: 2.75rem;
        color: #5897db;
    }



    .fp__feature__list {
        width: 93%;
        margin: 0 auto;
    }

    .feature__item1 {
        margin: 100px 0 0 0;
    }

    .feature__item__txt {
        font-size: 1rem;
        margin: 25px 0 70px;
    }
}
@media screen and (max-width: 450px){

    .fp__feature__ttl::before {
        left: -22vw;
    }
    .fp__feature__ttl::after {
        left: -16vw;
    }

}
@media screen and (max-width: 415px){

    .fp__merit__ttl__bg {
        height: 155px;
    }
    .fp__merit__ttl__bg__triangle{
        height: 35px;
    }
    .fp__feature__ttl__box::before{
        width: 190px;
        height: 37px;
        top: -73%;
        left: -81%;
    }

    .fp__feature__ttl{
        font-size: 1.5rem;
    }

    .fp__feature__ttl::before{
        width: 60px;
        height: 60px;
        top: 6%;
        left: -17vw;
    }
    .fp__feature__ttl::after{
        font-size: 3rem;
        top: 8%;
        left: -13vw;
    }
    .txt__sb__feature {
        font-size: 2.25rem;
        color: #5897db;
    }



    .feature__item1 {
        margin: 70px 0 0 0;
    }

    .feature__item__txt {
        font-size: .875rem;
        margin: 15px 0 50px;
    }
    .feature__item7__txt{
        margin: 15px 0 37px;
    }

    .sp__feature2{
        display: none;
    }
}

@media screen and (max-width: 350px){

    .fp__feature__ttl__box::before{
        top: -90%;
    }

    .fp__feature__ttl{
        font-size: 1.25rem;
    }
    .fp__feature__ttl::before{
        left: -19vw;
    }
    .fp__feature__ttl::after{
        font-size: 3rem;
        top: 8%;
        left: -14vw;
    }
    .txt__sb__feature {
        font-size: 2rem;
        color: #5897db;
    }

}
/* ==================================================================
wanted
===================================================================*/
.fp__wanted {
    width: 100%;
    position: relative;
    background-color: #5897db;
    height: 1300px;
    z-index: 0;
}


.fp__wanted__ttl__area {
    width: 65%;
    margin: 0 auto;
    position: relative;    
    text-align: center;
    padding: 120px 0 130px;
}

.fp__wanted__ttl__bg {
    display: inline-block;
    width: 331px;
    height: 67px;
    background-image: url(../img/Wanted.png);
    background-size: contain;
    position: absolute;
    top: 22%;
    left: 24%;
    z-index: 1;
}





.fp__wanted__ttl {
    position: relative;
    font-size: 3rem;
    z-index: 2;
    
}



.fp__wanted__inner {
    width: 700px;
    margin: 0 auto;
}

.fp__wanted__list {
    width: 100%;
    position: relative;
}

.fp__wanted__list__item {
    width: 100%;
    height: 200px;
    position: relative;    
}

.wanted__list__item1,
.wanted__list__item2,
.wanted__list__item3 {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 170px;
    background-color: #edf125;
    border: 1px solid #edf125;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
    margin: 0 20px 0px 0;
    text-align: center;
}
/* .wanted__list__item3{
    height: 200px;
} */

.wanted__list__item1::before,
.wanted__list__item2::before,
.wanted__list__item3::before{
    content: "";
    position: relative;
    display: inline-block;
    width: 100%;
    height: 170px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
    position: absolute;
    top: -15px;
    left: -15px;
    z-index: 1;
}
/* .wanted__list__item3::before{
    height: 200px;
} */
.wanted__list__item1::after {
    content: "";
    position: relative;
    display: inline-block;
    width: 128px;
    height: 128px;
    background-image: url(../img/wanted-img1-1-spx2@2x.png);
    background-size: contain;
    position: absolute;
    top: -60%;
    left: 42%;
    z-index: 2;
    filter: drop-shadow(5px 5px 5px rgba(170, 170, 170, 0.5));
}
.wanted__list__item2::after {
    content: "";
    position: relative;
    display: inline-block;
    width: 128px;
    height: 128px;
    background-image: url(../img/wanted-img2-1-spx2@2x.png);
    background-size: contain;
    position: absolute;
    top: -60%;
    left: 42%;
    z-index: 2;
    filter: drop-shadow(5px 5px 5px rgba(170, 170, 170, 0.5));
}
.wanted__list__item3::after {
    content: "";
    position: relative;
    display: inline-block;
    width: 128px;
    height: 128px;
    background-image: url(../img/wanted-img3-1-spx2@2x.png);
    background-size: contain;
    position: absolute;
    top: -60%;
    left: 42%;
    z-index: 2;
    filter: drop-shadow(5px 5px 5px rgba(170, 170, 170, 0.5));
}




.fp__wanted__list__item__icon {

}

.wanted__item__icon1 {

}

.fp__wanted__list__item__ttl{
    display: block;
    width: 50%;
    margin: 0 auto;
    font-size: 2.25rem;
    font-weight: bold;
    position: relative;
    z-index: 1;
    background:linear-gradient(transparent 70%, #edf125 0%);
    width: 160px;
}

.fp__wanted__list__item__txt {
    position: relative;
    display: inline-block;
    width: 70%;
    margin: 55px 0;
    text-align: center;
    font-size: 1.875rem;
    font-weight: bold;
    z-index: 2;
}
.wanted__item__txt3{
    width: 94%;
}
.sp__wanted{
    display: none;
}






.txt-y-wanted {
    background-color: #edf125;
}


.fp__wanted__border{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 120px;    
}
.fp__wanted__border::before{
    content: "";
    display: inline-block;
    position: absolute;
    top: 9px;
    left: 26%;
    height: 95px;
    border-left: 6px dotted #202020;
}


@media screen and (max-width: 1500px){

    .fp__wanted__ttl__bg{
        left: 24%;
    }
}
@media screen and (max-width: 1300px){

    .fp__wanted__ttl__bg{
        left: 19%;
    }
}
@media screen and (max-width: 1050px){

    .fp__wanted__ttl__bg {
        left: 11%;
    }


    .fp__wanted__list{
        text-align: center;
    }

    .wanted__list__item1,
    .wanted__list__item2,
    .wanted__list__item3{
        width: 96%;
        margin: 0 auto;
    }
    .wanted__list__item1::before,
    .wanted__list__item2::before,
    .wanted__list__item3::before{
        width: 100%;
        margin: 0 auto;
    }
    .wanted__list__item4{
        width: 96%;
        margin: 0 auto 88px;
    }
    .wanted__list__item4::before{
        width: 100%;
        margin: 0 auto;
    }    

}
@media screen and (max-width: 850px){

    .fp__wanted__ttl__bg {
        left: 3%;
    }
}

@media screen and (max-width: 750px){

    .fp__wanted__inner {
        width: 100%;
        margin: 0 auto;
    }

    .fp__wanted__ttl__area{
        padding: 110px 0 125px;
    }
    .fp__wanted__ttl__bg{
        left: 5%;
        top: 21%;
    }
    

    .wanted__list__item1,
    .wanted__list__item2,
    .wanted__list__item3
    {
        width: 93%;
        margin: 0 auto;
    }
    .wanted__list__item3::after{
        top: -54%;
    }

    .fp__wanted__list__item__txt{
        width: 82%;
        margin: 60px auto;
        font-size: 2rem;
    }


    .fp__wanted__bottom__txt{
        width: 90%;
        margin: 0 auto 106px;
    }
    .wanted__list__item3{
        height: 200px;
    }
    .wanted__list__item3::before{
        height: 200px;
    }
    .sp__wanted{
        display: block;
    }
}
@media screen and (max-width: 650px){

    .fp__wanted{
        height: 1300px;
    }

    .fp__wanted__ttl__bg{
        left: -2%;
        top: 21%;
    }

    .wanted__list__item1::after,
    .wanted__list__item2::after,
    .wanted__list__item3::after{
        left: 38%;
    }
    .wanted__list__item3::after{
        top: -55%;
    }
    .fp__wanted__list__item__txt{
        font-size: 1.5rem;
    }
    .wanted__item__txt4,
    .fp__wanted__bottom__txt{
        font-size: 1.5rem;
    }
    .fp__wanted__list__item__ttl{
        font-size: 1.875rem;
        width: 140px;
    }

}
@media screen and (max-width: 550px){

    .fp__wanted{
        height: 1100px;
    }
    
    .fp__wanted__ttl__area{
        padding: 81px 0 114px;
    }
    .fp__wanted__ttl{
        font-size: 2.5rem;
    }
    .fp__wanted__ttl__bg{
        width: 290px;
        height: 60px;
        background-size: contain;
        top: 15%;
        left: -4%;
    }



    .fp__wanted__list__item__txt {
        width: 90%;
        margin: 45px auto;
    }



    .wanted__list__item1,
    .wanted__list__item2{
        height: 145px;
    }
    .wanted__list__item3{
        height: 175px;
    }
    .wanted__list__item1::before,
    .wanted__list__item2::before{
        height: 145px;
    }
    .wanted__list__item3::before{
        height: 175px;
    }

    .fp__wanted__border{
        height: 86px;
    }
    .fp__wanted__border::before{
        height: 60px;
        left: 18%;
    }

    .wanted__list__item1::after,
    .wanted__list__item2::after,
    .wanted__list__item3::after{
        width: 90px;
        height: 90px;
        background-size: contain;
        left: 40%;
        top: -53%;
    }
    .wanted__list__item3::after{
        top: -48%;
    }


    .wanted__list__item1,
    .wanted__list__item2,
    .wanted__list__item3{
        width: 90%;
        margin: 0 auto;
    }
    .wanted__list__item4{
        width: 90%;
        height: 188px;
        margin: 0 auto 36px;
    }
    .wanted__list__item4::before{
        height: 188px;
    }


    .fp__wanted__list__item__ttl{
        font-size: 1.5rem;
    }
    .wanted__item__txt4{
        font-size: 1.25rem;
        margin: 15px auto;
    }

    .fp__wanted__bottom__txt{
        font-size: 1rem;
        margin: 0px auto 75px;
    }

    .fp__wanted__bottom__bg{
        height: 267px;
    }
}
@media screen and (max-width: 500px){

    .fp__wanted{
        height: 1100px;
    }

    .fp__wanted__list__item__txt {
        width: 80%;
        font-size: 1.25rem;
    }
}
@media screen and (max-width: 450px){

    .fp__wanted{
        height: 1050px;
    }

    .fp__wanted__ttl {
        font-size: 2rem;
    }
    .fp__wanted__ttl__bg{
        transform: scale(.7);
        top: 18%;
        left: -15%;
    }
    
    
    .wanted__list__item1::after,
    .wanted__list__item2::after,
    .wanted__list__item3::after{
        left: 33%;
    }
    .wanted__list__item3::after{
        top: -44%;
    }
    .fp__wanted__border::before{
        left: 20%;
    }

    .fp__wanted__list__item__txt {
        width: 90%;
        font-size: 1.25rem;
    }
}
@media screen and (max-width: 415px){

    .fp__wanted{
        margin: 0px 0 0 0;
        height: 735px;
    }
    .fp__wanted__ttl__area{
        padding: 67px 0 64px;
        line-height: 1.2;
    }
    .fp__wanted__ttl__bg{
        transform: scale(.6);
        top: 17%;
        left: -23%;
    }
    .fp__wanted__ttl{
        font-size: 1.875rem;
    }




    .wanted__list__item1,
    .wanted__list__item2,
    .wanted__list__item3{
        height: 115px;
        border-top-right-radius: 20px;
        border-bottom-left-radius: 20px;
    }
    .wanted__list__item1::before,
    .wanted__list__item2::before,
    .wanted__list__item3::before{        
        height: 115px;
        border-top-right-radius: 20px;
        border-bottom-left-radius: 20px;
        top: -7px;
        left: -7px;
    }
    .wanted__list__item1::after,
    .wanted__list__item2::after,
    .wanted__list__item3::after{
        width: 65px;
        height: 65px;
        background-size: contain;
        top: -36%;
        left: 40%;
    }
    .fp__wanted__list__item__txt{
        font-size: 1.125rem;
        width: 91%;
        margin: 40px 0;
        letter-spacing: -0.04em;
    }
    .wanted__item__txt3{
        margin: 35px 0;
    }
    .fp__wanted__bottom__txt{
        font-size: 0.875rem;
        margin: 0 auto 57px;
    }
    .wanted__list__item4{
        width: 94%;
        height: 125px;
        margin: 0px auto 29px;
    }
    .wanted__list__item4::before{
        top: -8px;
        left: -8px;
    }
    .wanted__item__txt4{
        margin: 10px 0 0 0;
    }
    .fp__wanted__list__item__ttl{
        font-size: 1.125rem;
        width: 140px;
    }
    .wanted__list__item4::before{
        height: 125px;
    }
    .fp__wanted__bottom__bg{
        height: 187px;
    }


    
    .fp__wanted__border{
        height: 51px;
    }
    .fp__wanted__border::before{
        top: 2px;
        left: 19%;
        height: 45px;
        border-left: 2px dotted #202020;
    }
}
@media screen and (max-width: 350px){

    .fp__wanted__ttl__bg{
        left: -37%;
    }

    .wanted__list__item4{
        height: 140px;
    }
    .wanted__list__item4::before {
        height: 140px;
    }
}

/* ==================================================================
mission2
===================================================================*/
.fp__mission2 {
    width: 100%;
    height: auto;
    position: relative;
    display: inline-block;
}

.fp__mission2__top__area {
    position: relative;
    width: 100%;
    background: #fff;
    height: 1200px;
}



.fp__mission2__ttl__area {
    position: relative;
    margin: 180px auto 0;
    text-align: center;
    z-index: 3;
}
.fp__mission2__ttl__bg{
    display: inline-block;
    background-image: url(../img/Mission-ttl-bg.png);
    width: 330px;
    height: 70px;
    background-size: cover;
    position: absolute;
    top: -29px;
    left: 24vw;
    z-index: 2;
}


.fp__mission2__ttl {
    width: 98%;
    margin: 0 auto;
    position: relative;
    font-size: 4.5rem;
    z-index: 3;
}

.fp__mission2__bg__img {
    position: relative;
    display: inline-block;
    width: 100%;
    position: absolute;
    top: -20px;
    left: 0;
    z-index: 1;
}
.fp__mission2__bg__img img{
    width: 100%;
    object-fit: contain;
    vertical-align: top;
    margin: 0 0 100px 0;
}

.fp__mission2__wrap{
    display: inline-block;
    position: absolute;
    width: 700px;    
    top: 15%;
    z-index: 10;
    /* left: 27vw; */
}



.fp__mission2__txt{
    width: 92%;
    font-size: 1.5rem;
    line-height: 45px;
    text-shadow: 5px 5px 4px #fff,
    -5px 5px 10px #fff,
    5px -5px 10px #fff,
    -5px -5px 10px #fff,
    5px 5px 10px #fff,
    -5px 5px 10px #fff,
    5px -5px 10px #fff,
    -5px -5px 10px #fff,
    5px 5px 10px #fff,
    -5px 5px 10px #fff,
    5px -5px 10px #fff,
    -5px -5px 10px #fff;
    font-weight: 500;
    margin: 0px 0 50px 35px;
}






.fp__mission2__bottom__area {
    position: relative;
    width: 100%;
    background: #f3f3f3;
    height: 800px;
    text-align: center;
}

.fp__mission2__bottom__ttl__area {
    width: 100%;
    position: relative;
}

.fp__mission2__bottom__ttl__bg{
    width: 270px;
    height: 123px;
    background-image: url(../img/mission2-ttl-bg-pc@2x.png);
    background-size: contain;
    position: absolute;
    top: -345px;
    left: 30%;
}



.fp__mission2__bottom__txt1__area {
    width: 100%;
    position: relative;
    padding: 168px 0 0;
}

.fp__mission2__bottom__txt1__bg {
    position: relative;
    width: 98%;
    height: 260px;
    margin: 0 auto 0;
    background: #25b4d4;
}
.fp__mission2__bottom__txt1__bg::before{
    content: "";
    width: 100%;
    height: 260px;
    background: #fff;
    position: absolute;
    top: -8px;
    left: -8px;
}

.fp__mission2__bottom__txt1 {
    width: 90%;
    height: auto;
    position: absolute;
    top: 54%;
    left: 3%;
    font-size: 1.875rem;
    text-align: left;
    font-weight: bold;
}

.fp__mission2__bottom__txt2__area {
    font-size: 1.5rem;
    font-weight: bold;
    margin: 67px 0 77px;
    text-align: left;
    line-height: 1.8;
}

.txt__y__mission2 {
    background: #edf125;
}

.fp__mission2__bottom__txt3__area {
    font-size: 1.5rem;
    color: #e8325e;
    line-height: 1.8;
    text-align: left;
    font-weight: bold;
    text-decoration: underline;
    text-underline-offset: 5px;
    letter-spacing: 0.1em;
}







@media screen and (max-width: 1500px){

    .fp__mission2__wrap{
        top: 15%;
    }
}
@media screen and (max-width: 1300px){

    .fp__mission2__wrap{
        top: 15%;
    }
    .fp__mission2__ttl__area{
        margin: 120px auto -100px;
    }
    .fp__mission2__ttl__bg{
        left: 19vw;
    }

    .fp__mission2__top__area{
        height: 1100px;
    }
    .fp__mission2__bg__img{
        top: 5px;
    }
}
@media screen and (max-width: 1021px){

    .fp__mission2__bg__img{
        top: 40px;
    }
    .fp__mission2__top__area {
        height: 1000px;
    }
    .fp__mission2__ttl__bg{
        left: 6vw;
    }
}
@media screen and (max-width: 900px){

    .fp__mission2__ttl{
        font-size: 4.15rem;
    }
    .fp__mission2__ttl__bg {
    left: 3vw;
}
}
@media screen and (max-width: 800px){

    .fp__mission2__ttl{
        font-size: 3.75rem;
    }

    .fp__mission2__ttl__bg {
        left: 4vw;
    }

    .fp__mission2__top__area{
        height: 1000px;
    }

    .fp__mission2__inner{
        width: 90%;
        margin: 0 auto;
    }
    .fp__mission2__img__area img{
        width: 100%;
    }

    .fp__mission2__wrap{
        width: 100%;
        left: 0;
    }
}
@media screen and (max-width: 750px){

    .fp__mission2__ttl{
        font-size: 3.5rem;
    }

    .fp__mission2__ttl__bg {
        left: 17vw;
        top: -37px;
    }

    .fp__mission2__bg__img{
        top: -39px;
    }
    .fp__mission2__wrap {
        top: 13%;
    }

    .fp__mission2__top__area{
        height: 1150px;
    }

    .sp__mission2 {
        display: none;
    }
}
@media screen and (max-width: 700px){

    .fp__mission2__ttl {
        font-size: 3rem;
    }

    



    .fp__mission2__bottom__ttl__bg{
        left: 28%;
    }
}
@media screen and (max-width: 650px){

    .fp__mission2__top__area {
        height: 850px;
    }
}
@media screen and (max-width: 600px){

    .fp__mission2__top__area {
        height: 950px;
    }

    .fp__mission2__ttl{
        font-size: 2.75rem;
    }
    .fp__mission2__ttl__bg{
        left: 9vw;
    }
    .fp__mission2__txt{
        font-size: 1.25rem;
        margin: 0px 0 50px 23px;
    }



    .fp__mission2__bottom__area{
        height: 680px;
    }

    .fp__mission2__bottom__txt1{
        font-size: 1.375rem;
        top: 61%;
        left: 4%;
    }

    .fp__mission2__bottom__txt1__bg,
    .fp__mission2__bottom__txt1__bg::before{
        height: 220px;
    }

    .fp__mission2__bottom__ttl__bg{
        width: 202px;
        height: 92px;
        top: -285px;
        left: 25vw;
    }



    .fp__mission2__bottom__txt2__area,
    .fp__mission2__bottom__txt3__area{
        font-size: 1.15rem;
    }
    .fp__mission2__bottom__txt2__area{
        margin: 40px 0 55px;
    }
}
@media screen and (max-width: 550px){

    .fp__mission2__top__area {
        height: 850px;
    }
}
@media screen and (max-width: 500px){

    .fp__mission2__top__area{
        height: 750px;
    }

    .fp__mission2__ttl{
        font-size: 3rem;
    }
    .fp__mission2__ttl__bg{
        width: 247px;
        height: 53px;
        top: -23px;
    }

    .fp__mission2__bg__img{
        top: -35px;
    }
    .fp__mission2__wrap {
        top: 15%;
    }

    .fp__mission2__txt{
        font-size: 1rem;
        line-height: 35px;
        margin: 0px 0 25px 23px;
    }



    .fp__mission2__bottom__txt1__area{
        padding: 146px 0 0;
    }
    .fp__mission2__bottom__ttl__bg{
        left: 20vw;
    }
    .fp__mission2__bottom__txt1{
        top: 56%;
    }
}
@media screen and (max-width: 450px){

    .fp__mission2__top__area {
        height: 700px;
    }

    .fp__mission2__ttl__area{
        margin: 70px auto 0px;
    }
    .fp__mission2__ttl{
        font-size: 2.25rem;
    }

    .fp__mission2__ttl__bg{
        width: 165px;
        height: 36px;
        top: -14px;
    }

    .fp__mission2__bg__img{
        top: -31px;
    }
    .fp__mission2__bg__img img{
        margin: 0 0 50px 0;
    }

    .fp__mission2__wrap {
        top: 8%;
    }
    .fp__mission2__txt{
        font-size: 0.875rem;
        line-height: 30px;
        margin: 30px 0 25px 20px;
    }




    .fp__mission2__bottom__area {
        height: 500px;
    }
    .fp__mission2__bottom__ttl__bg{
        width: 135px;
        height: 62px;
        top: -265px;
    }
    .fp__mission2__bottom__txt1{
        font-size: 1rem;
    }
    .fp__mission2__bottom__txt1__bg,
    .fp__mission2__bottom__txt1__bg::before{
        height: 170px;
    }
    .fp__mission2__bottom__txt1__area {
        padding: 104px 0 0;
    }
    .fp__mission2__bottom__ttl__bg{
        top: -215px;
        left: 27vw;
    }
    .fp__mission2__bottom__txt2__area,
    .fp__mission2__bottom__txt3__area{
        font-size: 0.94rem;
    }
    .fp__mission2__bottom__txt2__area {
        margin: 30px 0 40px;
    }
}
@media screen and (max-width: 415px){

    .fp__mission2__top__area {
        height: 600px;
    }

    .fp__mission2__wrap {
        top: 7%;
    }



    .fp__mission2__bottom__area {
        height: 414px;
    }
    .fp__mission2__bottom__txt1__area{
        padding: 84px 0 0;
    }
    .fp__mission2__bottom__txt1 {
        font-size: 0.94rem;
    }
    .fp__mission2__bottom__txt1__bg,
    .fp__mission2__bottom__txt1__bg::before {
        height: 140px;
    }
    .fp__mission2__bottom__ttl__bg {
        top: -183px;
        left: 25vw;
    }
    .fp__mission2__bottom__txt2__area,
    .fp__mission2__bottom__txt3__area{
        font-size: 0.875rem;
    }
    .fp__mission2__bottom__txt2__area {
        margin: 20px 0 28px;
    }
}

@media screen and (max-width: 350px){

    .fp__mission2__top__area {
        height: 550px;
    }



    .fp__mission2__bottom__ttl__bg{
        left: 20vw;
    }
}
/* ==================================================================
sorry
===================================================================*/
.fp__sorry {
    width: 100%;
    height: auto;
    position: relative;
    padding: 0 0 62px;
    background-color: #dcdada;
}

.fp__inner2 {
    width: 1000px;
    margin: 0 auto;
}

.fp__sorry__inner {
    padding: 62px 0 0 0;
}

.fp__sec__ttl__area {
    
}

.fp__sorry__ttl__area {
    position: relative;
    width: 100%;
    height: 280px;
    background-color: #1e6dc1;
    text-align: center;
}
.fp__sorry__ttl__area::before{
    content: "";
    display: inline-block;
    width: 232px;
    height: 81px;
    background-image: url(../img/Sorry.png);
    object-fit: cover;
    position: absolute;
    top: 10%;
    left: 17%;
    z-index: 1;
}
.fp__sorry__ttl__bg {

}

.fp__sec__ttl {

}

.fp__sorry__ttl {
    position: relative;
    font-size: 3rem;
    padding: 68px 0;
    color: #fff;
    z-index: 2;
}


.fp__sorry__border{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 106px; 
}
.fp__sorry__border::before{
    content: "";
    display: inline-block;
    position: absolute;
    top: 9px;
    left: 50%;
    height: 124px;
    border-left: 6px dotted #202020;
}


.fp__sorry__list__area {
    width: 100%;
    height: 220px;
    position: relative;
    background-color: #fff;
    text-align: center;
}

.fp__sorry__list {
    padding: 13px 0 0 0;
}

.fp__sorry__list__item {
    position: relative;
    font-size: 1.5rem;
    /* line-height: 63px; */
    width: 39%;
    margin: 0 auto;
    padding: 13px 0 13px 35px;
    text-align: left;
    font-weight: bold;
}
.fp__sorry__list__item::before{
    content: "";
    display: inline-block;
    width: 33px;
    height: 32px;
    background-image: url(../img/x-icon.png);
    object-fit: cover;
    position: absolute;
    top: 15px;
    left: -19px;
}

.sorry__list__item1 {

}
.txt__y__sorry{
    color: #edf125;
}

@media screen and (max-width: 1021px){

    .fp__inner2 {
        width: 100%;
        margin: 0 auto;
    }
    .fp__sorry__ttl__area{
        width: 96%;
        margin: 0 auto;
    }
    .fp__sorry__list__area{
        width: 96%;
        margin: 0 auto;
    }


    .fp__sorry__list__item{
        width: 43%
    }
}
@media screen and (max-width: 950px){

    .fp__sorry__list__item {
        width: 47%;
    }
}
@media screen and (max-width: 850px){

    .fp__sorry__list__item {
        width: 50%;
    }
}
@media screen and (max-width: 750px){

    .fp__sorry__ttl__area{
        width: 96%;
        height: 300px;
        margin: 0 auto;
    }.fp__sorry__ttl__area::before{
        content: "";
        display: inline-block;
        width: 283px;
        height: 100px;
        background-image: url(../img/Sorry-sp.png);
        object-fit: cover;
        position: absolute;
        top: 10%;
        left: 4%;
        z-index: 1;
    }
    .fp__sorry__ttl{
        font-size: 3.75rem;
    }
    


    .fp__sorry__list__area{
        width: 96%;
        height: auto;
        margin: 0 auto;
        padding: 7px 0 7px 80px;
    }
    .fp__sorry__list{
        padding: 16px 0 0 0;
    }
    .fp__sorry__list__item::before{
        top: 21px;
        left: -32px;
    }
    
    .fp__sorry__list__item{
        width: 90%;
        font-size: 2.25rem;
        padding: 7px 0 7px 35px;
    }
}
@media screen and (max-width: 700px){

    .fp__sorry__list__area{
        padding: 7px 0 7px 33px;
    }
}
@media screen and (max-width: 650px){

    .fp__sorry__ttl{
        font-size: 3rem;
    }
    .fp__sorry__list__item{
        font-size: 1.875rem;
    }
    .fp__sorry__list__item::before {
        top: 16px;
        left: -20px;
    }
}
@media screen and (max-width: 600px){

    .fp__sorry__list__area{
        padding: 7px 0 7px 50px;
    }
    .fp__sorry__list__item{
        width: 100%
    }
}

@media screen and (max-width: 550px){

    .fp__sorry__ttl__area{
        height: 205px;
    }
    .fp__sorry__ttl__area::before{
        width: 223px;
        height: 80px;
        background-size: contain;
        top: 13%;
    }
    .fp__sorry__ttl {
        font-size: 2.5rem;
        padding: 53px 0;
    }

    .fp__sorry__border{
        height: 57px;
    }
    .fp__sorry__border::before{
        height: 47px;
    }



    .fp__sorry__list__item {
        font-size: 1.5rem;
        padding: 5px 0 7px 46px;
    }
    .fp__sorry__list__item::before{
        width: 26px;
        height: 25px;
        background-size: contain;
        top: 12px;
        left: 3px;
    }
}
@media screen and (max-width: 500px){

    .fp__sorry__ttl{
        font-size: 2.5rem;
    }
    .fp__sorry__list__area{
        padding: 7px 0 7px 20px;
    }
    .fp__sorry__list__item{
        width: 100%;
        font-size: 1.5rem;
        padding: 5px 0 7px 46px;
    }
    .fp__sorry__list__item::before{
        transform: scale(.8);
        top: 12px;
        left: 3px;
    }
}
@media screen and (max-width: 450px){

    .fp__sorry__ttl{
        font-size: 2rem;
    }
    .fp__sorry__ttl__area::before{
        width: 387px;
        top: 6%;
        left: -8%;
        transform: scale(.8);
    }


    .fp__sorry__list__area {
        padding: 7px 0 7px 30px;
    }
    .fp__sorry__list__item{
        font-size: 1.5rem;
        padding: 10px 0 10px 15px;
    }
    .fp__sorry__list__item::before{
        top: 16px;
        left: -18px;
    }
}
@media screen and (max-width: 415px){

    .fp__sorry{
        padding: 0 0 53px;
    }
    .fp__sorry__inner{
        padding: 0px 0 0 0;
    }
    .fp__sorry__ttl__area{
        width: 100%;
        height: 157px;
        margin: 0 auto;
    }
    .fp__sorry__ttl__area::before{
        width: 136px;
        height: 48px;
        background-size: contain;
        top: 19%;
        left: 7%;
        transform: scale(1.0);
    }
    .fp__sorry__ttl{
        font-size: 1.875rem;
        padding: 52px 0;
        line-height: 1.2;
    }
    .fp__sorry__list__item{
        font-size: 1.5rem;
        padding: 17px 0 17px 25px;
    }

    .fp__sorry__list__item::before{
        left: -23px;
        top: 21px;
    }


    .fp__sorry__border{
        height: 62px;
    }
    .fp__sorry__border::before{
        border-left: 3px dotted #202020;
        height: 58px;
        top: 6px;
    }


    .fp__sorry__list__area {
        padding: 13px 0 15px 30px;
    }
    .fp__sorry__list{
        padding: 5px 0 0 0;
    }
    .fp__sorry__list__item{
        font-size: 1.125rem;
        padding: 5px 0 4px 46px;
    }
    .fp__sorry__list__item::before{
        transform: scale(1.0);
        width: 20px;
        height: 20px;
        background-size: contain;
        left: 8px;
        top: 10px;
    }
}
@media screen and (max-width: 350px){

    .fp__sorry__ttl__area::before{
        width: 136px;
    }
    .fp__sorry__ttl{
        font-size: 1.5rem;
        padding: 52px 0;
    }


    .fp__sorry__list__area{
        padding: 7px 0 7px 19px;
    }
}


/* ==================================================================
voice
===================================================================*/
.fp__voice {
    width: 100%;
    height: 1950px;
    position: relative;
    background-image:
    repeating-linear-gradient(
        90deg,
        #e8e9eb ,
        #e8e9eb 1px,
        transparent 1px,
        transparent 20px
    ),
    repeating-linear-gradient(
    0deg,
    #e8e9eb ,
    #e8e9eb 1px,
    #fff 1px,
    #fff 20px
    );
    z-index: 0;
    text-align: center;
}
.fp__voice::before{
    content: "";
    width: 512px;
    height: 212px;
    background-image: url(../img/voice-top-img@2x.png);
    background-size: contain;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}



.fp__voice__ttl__area {
    width: 50%;
    margin: 0 auto;
    position: relative;
    text-align: center;
}

.fp__voice__ttl__bg {
    width: 280px;
    height: 82px;
    background-image: url(../img/Voice-px-x2@2x.png);
    background-size: contain;
    position: absolute;
    top: 35%;
    left: 5vw;
    z-index: 1;
}



.fp__voice__ttl {
    position: relative;
    display: inline-block;
    width: 360px;
    height: 207px;
    padding: 170px 0 0 0;
    z-index: 3;
}
.fp__voice__ttl img{
    width: 100%;
    object-fit: contain;
}
.fp__voice__top__img__area {
    position: relative;
    display: inline-block;
    width: 834px;
    height: 495px;
    margin: 70px 0;
    z-index: 3;
}
.fp__voice__top__img__area img{
    width: 100%;
    object-fit: contain;
}


.fp__voice__inner{
    width: 800px;
    margin: 0 auto;
    position: relative;
    z-index: 3;
}

.fp__voice__top__txt__area {
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 3;
    font-size: 2.25rem;
    font-weight: bold;
}
.fp__voice__top__txt__area p{
    text-align: left;
    text-decoration: underline;
    text-decoration-color: #edf125;
    text-decoration-thickness: 15px; /* 線の太さ */
    text-underline-offset: -5px;
}



.fp__voice__txt__area {
    width: 82%;
    height: 650px;
    margin: 75px auto 0;
    position: relative;
    background: #f3f3f3;
    padding: 0 46px;
}

.fp__voice__txt__bg {

}
.fp__voice__txt1,
.fp__voice__txt2,
.fp__voice__txt3{
    font-size: 1.5rem;
    text-align: left;
}
.fp__voice__txt1 {
    padding: 46px 0 0 0;    
}

.fp__voice__txt2 {
    padding: 50px 0;
}

.fp__voice__txt3{

}

.txt__sb__voice {
    color: #25b4d4;
    text-decoration: underline;
    text-decoration-thickness: 2px; /* 線の太さ */
    font-weight: bold;
}

@media screen and (max-width: 1500px){

    .fp__voice__ttl__bg{
        left: 3vw;
    }
}
@media screen and (max-width: 1300px){

    .fp__voice__ttl__bg{
        left: 0vw;
    }
}
@media screen and (max-width: 1021px){

    .fp__voice__ttl__bg{
        left: -6vw;
    }
}
@media screen and (max-width: 855px){

    .fp__voice__ttl__bg{
        left: -13vw;
    }

    .fp__voice__top__img__area{
        width: 100%;
    }
    .fp__voice__top__img__area img {
        width: 95%;
    }


    .fp__voice__inner{
        width: 100%;
    }
    .fp__voice__top__txt__area {
        width: 90%;
    }
    .sp__voice {
        display: none;
    }
}
@media screen and (max-width: 750px){

    .fp__voice::before{
        content: "";
        background-image: url(../img/voice-top-img-spx2@2x.png);
        width: 290px;
        height: 120px;
    }

    .fp__voice__ttl__bg {
        left: -19vw;
    }

    .fp__voice__top__img__area{
        height: 440px;
    }


    .fp__voice__txt__area{
        height: 700px;
    }
}
@media screen and (max-width: 700px){

    .fp__voice{
        height: 1950px;
    }

    .fp__voice__ttl__bg {
        left: -19vw;
    }


    .fp__voice__top__img__area{
        height: 400px;
    }

    .fp__voice__txt__area{
        height: 750px;
    }
}
@media screen and (max-width: 600px){

    .fp__voice {
        height: 1600px;
    }
    .fp__voice::before{
        width: 217px;
        height: 90px;
    }

    .fp__voice__ttl{
        width: 270px;
        height: 155px;
        padding: 127px 0 0 0;
    }
    .fp__voice__ttl__bg{
        width: 210px;
        height: 62px;
        top: 34%;
        left: -16vw;
    }

    .fp__voice__top__img__area{
        margin: 52px 0;
    }


    .fp__voice__top__img__area {
        height: 330px;
    }


    
    .fp__voice__top__txt__area p{
        font-size: 1.688rem;
    }
    .fp__voice__txt__area{
        height: 650px;
    }
    .fp__voice__txt1,
    .fp__voice__txt2,
    .fp__voice__txt3 {
        font-size: 1.15rem;
    }
    .fp__voice__txt1 {
        padding: 45px 0 0 0;
    }
}

@media screen and (max-width: 500px){

    .fp__voice {
        height: 1520px;
    }

    .fp__voice__top__img__area {
        height: 290px;
    }
    
    .fp__voice__txt__area{
        padding: 0 30px;
    }
}

@media screen and (max-width: 450px){


}

@media screen and (max-width: 415px){

    .fp__voice {
        height: 1110px;
    }

    .fp__voice::before{
        width: 145px;
        height: 60px;
    }

    .fp__voice__ttl{
        width: 180px;
        height: 103px;
        padding: 85px 0 0 0;
    }
    .fp__voice__ttl__bg{
        width: 140px;
        height: 41px;
        top: 32%;
    }


    .fp__voice__top__img__area {
        height: 220px;
        margin: 28px 0;        
    }


    .fp__voice__txt__area{
        width: 94%;
        height: 510px;
        margin: 20px auto 0;
        padding: 0px 25px;
        line-height: 1.7;
    }
    .fp__voice__top__txt__area p {
        font-size: 1.1rem;
        text-decoration-thickness: 8px;
        text-underline-offset: -3px;
        line-height: 1.8;
    }
    .fp__voice__txt1,
    .fp__voice__txt2,
    .fp__voice__txt3{
        font-size: 0.94rem;
    }
    .fp__voice__txt1 {
        padding: 30px 0 0 0;
    }
    .fp__voice__txt2 {
        padding: 25px 0 30px;
    }
}
@media screen and (max-width: 385px){

    .fp__voice {
        height: 1150px;
    }
    .fp__voice__txt__area{
        height: 550px;
    }
}
@media screen and (max-width: 350px){

    .fp__voice {
        height: 1220px;
    }


    .fp__voice__txt__area{
        height: 610px;
        margin: 50px auto 0;
    }
}
/* ==================================================================
flow
===================================================================*/
.fp__flow {
    width: 100%;
    position: relative;
}
.fp__flow img{
    width: 100%;
    padding: 0 0 90px;
}

@media screen and (max-width: 415px){

    .fp__flow img {
        padding: 0 0 45px;
    }
}


/* ==================================================================
question
===================================================================*/
.fp__question__inner{
    margin: 0 auto 110px;
}
.fp__question__list{
    width: 100%;
}



.fp__question__ttl__area {
    width: 100%;
    position: relative;
    text-align: center;
}

.fp__question__ttl__bg {
    display: inline-block;
    width: 229px;
    height: 75px;
    background-image: url(../img/Q&A.png);
    object-fit: cover;
    position: absolute;
    top: 39%;
    left: 29%;
    z-index: 1;
}

.fp__sec__ttl {
    
}

.fp__question__ttl {
    display: inline-block;
    font-size: 3.75rem;
    position: relative;
    margin: 147px auto 41px;
    z-index: 2;
}






.accordion-container {
    margin: 50px auto 0;    
}


.fp__question__list__item{
    width: 100%;
    margin: 50px 0;
}
.accordion-list:not(:first-child) {
    margin-top: 10px;
}


.accordion-title {    
    background: #1e6dc1;
    color: #fff;
    cursor: pointer;
    font-size: 1.875rem;
    padding: 20px 40px;
    position: relative;
}
.accordion-title::before{
    content: "Q";
    display: inline-block;
    font-family: "futura-pt", sans-serif;
    font-weight: 500;
    font-size: 3rem;
    color: #fff;
    position: absolute;
    top: 13px;
    left: 77px;

}
.accordion-title:after {
    position: absolute;
    display: block;
    content: '';
    top: 35%;
    right: 80px;
    width: 20px;
    height: 20px;
    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
    transform: rotate(135deg);
    transition: all .3s ease-in-out;
}

.accordion-title.open:after {
    transform: rotate(-45deg);
    top: 45%;
}
.accordion-title p{
    width: 80%;
    margin: 0 auto;
}



.accordion-text {
    position: relative;
    /* border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD; */
    display: none;
    padding: 20px 40px;
    font-size: 1.5rem;
    line-height: 45px;
}
.accordion-text::before{
    content: "A";
    display: inline-block;
    font-family: "futura-pt", sans-serif;
    font-weight: 500;
    font-size: 2.25rem;
    color: #1e6dc1;
    position: absolute;
    top: 23px;
    left: 80px;
}
.accordion-text p{
    width: 80%;
    margin: 0 auto;
}
.accordion-text .question__item__txt2{
    margin: 75px auto;
}

.accordion-text .a__txt__1{
    margin: 75px auto 0 ;
}
.accordion-text .a__txt__2{
    margin: 75px auto;
}
@media screen and (max-width: 1021px){

    .fp__inner2{
        width: 95%;
    }
}
@media screen and (max-width: 900px){

    .accordion-title::before{
        left: 60px;
    }
    .accordion-text::before{
        left: 65px;
    }
}
@media screen and (max-width: 750px){

    .accordion-title::before{
        left: 45px;
    }
    .accordion-text::before{
        left: 50px;
    }
    .accordion-title:after{
        right: 50px;
    }
    .accordion-title{
        font-size: 1.5rem;
    }
    .accordion-text{
        font-size: 1.3rem;
    }
}
@media screen and (max-width: 600px){

    .accordion-title::before{
        left: 35px;
    }
    .accordion-text::before{
        left: 40px;
    }
    .accordion-title{
        font-size: 1.25rem;
    }
    .accordion-text{
        font-size: 1.1rem;
    }
}
@media screen and (max-width: 550px){

    .fp__question__ttl{
        font-size: 2.75rem;
        margin: 30px auto 5px;
    }
    .fp__question__ttl__bg{
        width: 180px;
        height: 60px;
        background-size: contain;
        top: -5%;
    left: 20%;
    }
}
@media screen and (max-width: 500px){

    .fp__question__ttl{
            font-size: 3rem;
    }
    .fp__question__ttl__bg{
        transform: scale(.8);
        top: 42%;
        left: 8%;
    }
    
    
    
    .accordion-title::before{
        transform: scale(.8);
        left: 25px;
        top: 5px;
    }
    .accordion-text::before{
        transform: scale(.8);
        left: 30px;
    }
    .accordion-title:after{
        width: 15px;
        height: 15px;
        right: 30px;
    }
    .accordion-text{
        line-height: 35px;
    }
}
@media screen and (max-width: 450px){

    .fp__question__ttl {
        font-size: 2rem;
    }
    .fp__question__ttl__bg {
        transform: scale(.8);
        top: 0%;
        left: 8%;
    }
}
@media screen and (max-width: 415px){

    .fp__question__ttl{
        font-size: 1.875rem;
        margin: 52px auto 11px;
    }
    .fp__question__ttl__bg{
        transform: scale(1.0);
        top: 27%;
        left: 17%;
        width: 130px;
        height: 44px;
        background-size: contain;
    }
    
    
    
    
    
    .accordion-container{
        margin: 0 auto;
    }
    .fp__question__list__item{
        margin: 33px 0;
    }
    .accordion-title{
        font-size: 0.94rem;        
        width: 93%;
        margin: 0 auto;
        padding: 10px 33px;
    }
    .accordion-title::before{
        transform: scale(1.0);
        font-size: 1.5rem;
        left: 24px;
        top: 5px;
    }


    .accordion-text{
        padding: 14px 40px 0;
    }
    .accordion-text p{
        font-size: 0.875rem;
        line-height: 1.5;
        width: 96%;
        margin: 0 auto;
        padding: 0 0 0 20px;
    }
    .accordion-text::before{
        transform: scale(1.0);
        font-size: 1.5rem;
        left: 36px;
        top: 10px;
    }
    .accordion-title:after{
        right: 10px;
        transform: scale(.8) rotate(135deg);
    }
    .accordion-title.open:after{
        transform: scale(.8) rotate(-45deg);
    }


    .accordion-text
    .question__item__txt2{
        margin: 35px auto;
    }
}


/* ==================================================================
career
===================================================================*/
.fp__career__inner {
    max-width: 700px;
    margin: 0 auto;
}

.fp__career {
    width: 100%;
}


.fp__career__ttl__area {
    width: 100%;
    height: auto;
    margin: 0 auto 50px;
    position: relative;
    text-align: center;
}

.fp__career__ttl__bg {
    display: inline-block;
    width: 625px;
    height: 150px;
    background-color: #fff;
    background-image:
    radial-gradient(#f3f3f3 35%, transparent 20%),
    radial-gradient(#f3f3f3 35%, transparent 20%);
    background-size: 20px 20px;
    background-position: 0 0, 10px 10px;
    background-repeat: repeat;
    position: relative;
    margin: 20px 0 200px 14vw;
    z-index: 1;
}
.fp__career__ttl__bg::before{
    content: "";
    display: inline-block;
    width: 625px;
    height: 150px;
    background-color: #25b4d4;
    position: absolute;
    top: -20px;
    left: -20px;    
    z-index: 2;
}

.fp__career__ttl__top__img{
    position: absolute;
    display: inline-block;
    background-image: url(../img/Career.png);
    width: 280px;
    height: 62px;
    top: -172px;
    left: 44%;
    z-index: 3;
}


.fp__career__ttl {
    position: absolute;
    display: inline-block;
    width: 35%;
    font-size: 3.75rem;
    top: -140px;
    left: 15vw;
    z-index: 4;
}




.fp__career__info__area {
    display: flex;
    justify-content: space-between;
    column-gap: 17px;
}

.fp__career__info__img {
    width: 50%;
}
.fp__career__info__img img{
    width: 100%;
    object-fit: contain;
}



.fp__career__info__txt__area {
    width: 255px;
    text-align: left;
}

.fp__career__info__ttl1 {
    display: block;
    width: 45%;
    font-size: 1.25rem;
    margin: 25px 0 5px 0;
}

.fp__career__info__txt1 {
    display: block;
    font-size: 2.25rem;
    text-transform: capitalize;
    font-family: "futura-pt", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.fp__career__info__txt1__sub {
    display: block;
    font-size: 1.25rem;
    text-align: right;
    padding: 0 21% 0 0;
}


.fp__career__info__row2,
.fp__career__info__row3,
.fp__career__info__row4{
    display: grid;
    grid-template-columns: 1fr 2fr;
    vertical-align: baseline;
    margin: 30px 0 0 0;
}
.fp__career__info__ttl1,
.fp__career__info__ttl2,
.fp__career__info__ttl3,
.fp__career__info__ttl4{
    text-decoration: underline;
    text-underline-offset: 6px;
}


.fp__career__info__ttl2 {
    display: inline-block;
    font-size: 1.25rem;
    padding: 17px 9px 0;
}

.fp__career__info__txt2 {
    display: block;
    font-size: 2.25rem;
    padding: 5px 0 0 3px;    
}

.fp__career__info__ttl3 {
    display: block;
    font-size: 1.25rem;
}

.fp__career__info__txt3 {
    display: inline-block;
    font-size: 1.25rem;
}

.fp__career__info__ttl4 {
    display: inline-block;
    font-size: 1.25rem;
}

.fp__career__info__txt4 {
    display: inline-block;
    font-size: 1.25rem;
}

.fp__career__info__area__fs {
    width: 95%;
    margin: 0 auto;
    text-align: left;
}

.career__info__fs1 {
    font-size: 1.5rem;
    margin: 56px 0 76px;
    font-weight: 500;
    line-height: 1.9;
}

.career__info__fs2 {
    font-size: 1.5rem;
    margin: 0 0 76px;
    font-weight: 500;
    line-height: 1.9;
}

.career__info__fs3 {
    font-size: 1.5rem;
    margin: 0 0 76px;
    font-weight: 500;
    line-height: 1.9;
}

.career__info__fs4 {
    font-size: 1.5rem;
    margin: 0 0 76px;
    font-weight: 500;
    line-height: 1.9;
}

.career__info__fs5 {
    font-size: 1.5rem;
    margin: 0 0 76px;
    font-weight: 500;
    line-height: 1.9;
}

.career__info__fs__icon {
    display: inline;
}
@media screen and (max-width: 1500px){

    .fp__career__ttl__top__img{
        left: 41%;
    }
}
@media screen and (max-width: 1300px){

    .fp__career__ttl__top__img{
        left: 36%;
    }
}
@media screen and (max-width: 1100px){

    .fp__career__ttl__top__img{
        left: 33%;
    }
}
@media screen and (max-width: 900px){

    .fp__career__ttl__top__img{
        left: 28%;
    }
}
@media screen and (max-width: 750px){

    .fp__career__ttl__bg{
        width: 67%;
        margin: 20px 0 150px 20px;
    }
    .fp__career__ttl__bg::before{
        width: 100%;
    }

    .fp__career__ttl{
        top: -135px;
        left: 30vw;
    }
    .fp__career__ttl__top__img{
        top: -168px;
        left: 20vw;
    }


    



    .fp__career__info__area{
        width: 100%;
    }   

    .fp__career__info__row2{

    }   

    .fp__career__info__txt__area{
        width: 40%;
        margin: 0 auto 80px;
    }

    .fp__career__info__area img{
        width: 100%;
        margin: 10% auto 0;
        object-fit: contain;
    }



    .fp__career__info__row2,
    .fp__career__info__row3,
    .fp__career__info__row4{
        margin: 0px 0 0 0;
    }
    
    .fp__career__info__ttl1,
    .fp__career__info__ttl2,
    .fp__career__info__ttl3,
    .fp__career__info__ttl4{
        font-size: 1.5rem;        
    }
    .fp__career__info__ttl1{
        width: 100%;
        padding: 0px 0px 0;
    }
    .fp__career__info__txt1{
        width: 100%;
    }


    .fp__career__info__ttl2{
        padding: 0 0 0 0;
        margin: 25px 0 5px 0;
    }

    .fp__career__info__ttl3,
    .fp__career__info__ttl4{
        margin: 25px 0 5px 0;
    }

    
    
    
    .career__info__row1__name{
        
    }
    .fp__career__info__txt1    {
        width: 100%;
        text-align: left;
    }
    .fp__career__info__txt1__sub{
        text-align: left;
        padding: 0;
    }
    .fp__career__info__txt2{
        padding: 11px 0 0 3px;
    }

    .fp__career__info__txt3,
    .fp__career__info__txt4{
        font-size: 1.5rem;
        padding: 26px 0 0 0;
    }
}
@media screen and (max-width: 700px){

    .fp__career__info__txt2{
        padding: 12px 0 0 6px;
    }
}
/* @media screen and (max-width: 600px){

    .fp__career__info__area img{
        width: 100%;
        margin: 10% auto 0;
        object-fit: contain;
    }

} */
@media screen and (max-width: 600px){

    .fp__career__ttl{
        font-size: 2.75rem;
        top: -135px;
        left: 30vw;
    }
    .fp__career__ttl__bg{
        margin: 20px 0 150px 20px;
    }
    .fp__career__ttl__bg::before{
        
    }
    .fp__career__ttl__top__img{
        top: -168px;
        left: 11vw;
    }

    .fp__career__info__txt__area{
        margin: 0 auto 50px;
    }

    .fp__career__info__ttl1,
    .fp__career__info__ttl2,
    .fp__career__info__ttl3,
    .fp__career__info__ttl4{
        font-size: 0.94rem;
    }
    .fp__career__info__ttl2{
        margin: 20px 0 5px 0;
    }
    .fp__career__info__ttl3,
    .fp__career__info__ttl4{
        margin: 20px 0 5px 0;
    }
    
    .fp__career__info__txt1,
    .fp__career__info__txt2{
        font-size: 1.875rem;
        padding: 5px 0 0 0;
    }
    .fp__career__info__txt1__sub{
        font-size: 1rem;
    }
    .fp__career__info__txt3,
    .fp__career__info__txt4{
        font-size: 0.94rem;
        padding: 20px 0 0 0;
    }


    .career__info__fs1{
        font-size: 1.1rem;
        margin: 20px 0 52px;
        line-height: 1.8;
    }
    .career__info__fs2{
        font-size: 1.1rem;
        line-height: 1.8;
    }
    .career__info__fs3{
        font-size: 1.1rem;
        line-height: 1.8;
    }
    .career__info__fs4{
        font-size: 1.1rem;
        line-height: 1.8;
    }
    .career__info__fs5{
        font-size: 1.1rem;
        line-height: 1.8;
    }
}
@media screen and (max-width: 500px){


}
@media screen and (max-width: 450px){

    .fp__career__ttl__bg{
        height: 112px;
        margin: 15px 0 150px 15px;
    }
    .fp__career__ttl__bg::before{
        top: -15px;
        left: -15px;
        height: 112px;
    }

    .fp__career__ttl__top__img {
        top: -133px;
        left: 5vw;
        transform: scale(.8);
    }
    .fp__career__ttl{
        top: -100px;
    }


    .fp__career__info__ttl2 {
        margin: 15px 0 5px 0;
    }
    .fp__career__info__ttl3,
    .fp__career__info__ttl4 {
        margin: 15px 0 5px 0;
    }
    .fp__career__info__txt1,
    .fp__career__info__txt2{
        padding: 0px 0 0 0;
    }
    .fp__career__info__txt3,
    .fp__career__info__txt4 {
        padding: 15px 0 0 0;
    }



    .career__info__fs1{
        margin: 5px 0 40px;
    }
    .career__info__fs2{
        margin: 0px 0 40px;
    }
    .career__info__fs3{
        margin: 0px 0 40px;
    }
    .career__info__fs4{
        margin: 0px 0 40px;
    }
    .career__info__fs5{
        margin: 0px 0 55px;
    }
}
@media screen and (max-width: 415px){

    .fp__career__ttl__area{
        width: 99%;
        margin: 0px auto 30px;
    }
    .fp__career__ttl__bg{
        height: 75px;
        margin: 10px 0 90px 10px;
        background-size: 10px 10px;
        background-position: 0 0, 15px 15px;
    }
    .fp__career__ttl__bg::before{
        top: -10px;
        left: -10px;
        height: 75px;
    }
    .fp__career__ttl{
        font-size: 1.875rem;
        left: 30vw;
        top: -70px;
    }

    .fp__career__info__area{
        column-gap: 0px;
    }
    .fp__career__info__txt__area{
        margin: 0 auto 20px;
    }
    
    .fp__career__ttl__top__img{
        width: 187px;
        height: 38px;
        background-size: contain;
        left: 19%;
        top: -90px;
    }

    .fp__career__info__ttl1,
    .fp__career__info__ttl2,
    .fp__career__info__ttl3,
    .fp__career__info__ttl4{
        font-size: 0.875rem;
    }
    .fp__career__info__ttl2 {
        margin: 10px 0 5px 0;
    }
    .fp__career__info__ttl3,
    .fp__career__info__ttl4 {
        margin: 10px 0 5px 0;
    }
    






    .career__info__row1__name{
        font-size: 1.25rem;
    }
    .fp__career__info__txt1__sub{
        font-size: 0.875rem;
    }



    .fp__career__info__txt1,
    .fp__career__info__txt2{
        font-size: 1.25rem;
    }
    .fp__career__info__txt2{
        padding: 5px 0 0 0;
    }
    .fp__career__info__txt1__sub{
        font-size: .85rem;
    }
    .fp__career__info__txt3,
    .fp__career__info__txt4{
        font-size: 0.875rem;
        padding: 11px 0 0 0;
    }
    .fp__career__info__row2,
    .fp__career__info__row3,
    .fp__career__info__row4{
        grid-template-rows: 35px;
    }
    


    .career__info__fs1,
    .career__info__fs2,
    .career__info__fs3,
    .career__info__fs4,
    .career__info__fs5{
        width: 91%;
        font-size: 0.875rem;
        line-height: 1.9;
        margin: 19px auto 24px;
    }
}
@media screen and (max-width: 350px){

    .fp__career__ttl__top__img{
        transform: scale(.8);
    }


    .fp__career__info__row2,
    .fp__career__info__row3,
    .fp__career__info__row4 {
        grid-template-rows: 30px;
    }


    .fp__career__info__area img{
        margin: 26% auto 0;
    }


    .fp__career__info__ttl1,
    .fp__career__info__ttl2,
    .fp__career__info__ttl3,
    .fp__career__info__ttl4{
        font-size: 0.8rem;
    }
    .fp__career__info__ttl2{
        margin: 15px 0 5px 0;
    }
    .fp__career__info__ttl3,
    .fp__career__info__ttl4 {
        margin: 15px 0 5px 0;
    }
    .fp__career__info__txt2{
        padding: 9px 0 0 0;
    }
    .fp__career__info__txt3,
    .fp__career__info__txt4{
        font-size: 0.8rem;
        padding: 16px 0 0 0;
    }


    .fp__career__info__area__fs{
        padding: 0 0 0 16px
    }
}




/* ==================================================================
profile
===================================================================*/
.fp__inner2 {
    width: 1000px;
    margin: 0 auto;
}

.fp__profile__inner {

}

.fp__profile {
    width: 100%;
    position: relative;
    text-align: center;
}

.fp__sec__ttl__area {

}

.fp__profile__ttl__area {
    width: 100%;
    text-align: center;

}

.fp__profile__ttl__bg {
    position: relative;
    display: inline-block;
    width: 1000px;
    height: 232px;
    margin: 0 auto;
    background-color: #fff;
    background-image: radial-gradient(#f3f3f3 30%, transparent 20%), radial-gradient(#f3f3f3 30%, transparent 20%);
    background-size: 10px 10px;
    background-position: 0px 0, 5px 5px;
    background-repeat: repeat;
    z-index: 1;
}
.fp__profile__ttl__img{
    display: inline-block;
    width: 265px;
    height: 68px;
    background-image: url(../img/Profile.png);
    object-fit: cover;
    position: absolute;
    top: 55px;
    left: 25%;
    z-index: 2;
}
.fp__sec__ttl {

}

.fp__profile__ttl {
    display: inline-block;
    position: absolute;
    top: 90px;
    left: 390px;
    font-size: 3.75rem;
    z-index: 3;
}

.fp__profile__txt {
    display: block;
    font-size: 1.5rem;
    margin: 87px 0 70px;

}
address{
    font-style:normal;
}
.address__info {
    display: block;
    font-size: 1.5rem;
}
.address__info p{
    display: block;
}
.address__info address{
    display: block;
    margin: 27px 0 115px;
}

@media screen and (max-width: 1021px){

    .fp__inner2 {
        width: 100%;
    }

    .fp__profile__ttl__bg{
        width: 100%;
    }
}
@media screen and (max-width: 850px){

    .fp__profile__ttl{
        left: 340px;
    }
}
@media screen and (max-width: 700px){

    .fp__profile__ttl{
        left: 255px;
    }
    .fp__profile__ttl__img{
        left: 16vw;
    }
}
@media screen and (max-width: 550px){

    .fp__profile__ttl{
        left: 185px;
        font-size: 2.75rem;
    }
    .fp__profile__ttl__img{
        width: 225px;
        height: 58px;
        background-size: contain;
        top: 55px;
        left: 15vw;
    }

    .fp__profile__txt{
        font-size: 1rem;
        margin: 14px 0 37px;
    }
    .address__info{
        font-size: 1rem;
    }
    .address__info address{
        margin: 8px 0 62px;
    }
}
@media screen and (max-width: 450px){

    .fp__profile__ttl{
        left: 130px;
        top: 80px;
        font-size: 2.5rem;
    }
    .fp__profile__ttl__img{
        transform: scale(.8);
        left: 2vw;
    }
}
@media screen and (max-width: 415px){

    .fp__profile__ttl__bg{
        height: 116px;
    }
    .fp__profile__ttl{
        font-size: 1.875rem;
        left: 130px;
        top: 35px;
    }
    .fp__profile__ttl__img{
        transform: scale(1.0);
        width: 133px;
        height: 34px;
        background-size: contain;
        left: 20vw;
        top: 18px;
    }
    .fp__profile__txt,
    .address__info{
        font-size: 0.875rem;
    }
    .fp__profile__txt{
        margin: 43px 0 35px;
    }
    .address__info address{
        margin: 14px 0 57px;
    }
}
@media screen and (max-width: 350px){

    .fp__profile__ttl{
        left: 97px;
        top: 36px;
    }
}




/*========= ページトップのためのCSS ===============*/

/*リンクの形状*/
#js-page-top a{
    display: flex;
    justify-content: center;
    align-items: center;

    background: #da4b2b;
    border-radius: 5px;
    width: 60px;
    height: 60px;
    color: #fff;

    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 0.6rem;
    
    transition: all 0.3s;

    opacity: 0.5;
}
#js-page-top a:hover{
    background: #af3b21;
}



/*リンクを右下に固定*/
#js-page-top{
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 10;
    /*はじめは非表示*/
    opacity: 0;
    transform: translateX(100px);
}

/*　左の動き　*/
#js-page-top.LeftMove{
    animation: LeftAnime 0.5s forwards;
}
@keyframes LeftAnime{
    from{
        opacity: 0;
        transform: translateX(100px);
    }
    to{
        opacity: 1;
        transform: translateX(0);
    }
}

/*　右の動き　*/
#js-page-top.RightMove{
    animation: RightAnime 0.5s forwards;
}
@keyframes RightAnime{
    from{
        opacity: 1;
        transform: translateX(0);
    }
    to{
        opacity: 0;
        transform: translateX(100px);
    }
}








/* ==================================================================
footer
===================================================================*/
.fp__footer {
    width: 100%;
    position: relative;
    height: auto;
    background-color: #25b4d4;
    text-align: center;
}

.fp__footer__link {
    width: 70%;
    margin: 0 auto;
}
.fp__footer__link a{
    display: inline-block;
    color: #fff;
    font-size: 1.5rem;
}
.fp__footer__link__l {
    padding: 55px 0 25px 0;
}
.fp__footer__link__r{
    padding: 55px 0 25px 38px;
}
.fp__footer__copyright {
    display: inline-block;
    font-size: 1.25rem;
    color: #fff;
    padding: 0 0 47px;
}

@media screen and (max-width: 650px){

    .fp__footer__link{
        width: 100%;
        padding: 30px 0 0 0;
    }
    .fp__footer__link__l{
        display: block;
        width: 49%;
        margin: 0 auto;
        padding: 30px 0 0;
    }
    .fp__footer__link__r{
        display: block;
        width: 49%;
        margin: 0 auto;
        padding: 30px 0 30px;
    }
}

@media screen and (max-width: 550px){

    .fp__footer__link a{
        font-size: 1rem;
    }
    .fp__footer__copyright{
        font-size: 0.94rem;
    }
}
@media screen and (max-width: 415px){
    
    .fp__footer{
        text-align: unset;
    }
    .fp__footer__link{
        padding: 15px 0 0 0;
    }
    .fp__footer__link a{
        font-size: 0.75rem;
        text-align: center;
    }
    .fp__footer__link__r{
        padding: 15px 0 15px;
    }
    .fp__footer__copyright{
        font-size: 0.63rem;
    }
    .pad1{
        padding: 30px 0 0 19px;
    }
    .pad2{
        padding: 0px 0 24px 37%;
    }
}
@media screen and (max-width: 350px){

    .fp__footer__link a{
        font-size: 0.875rem;
    }
}


/* .fp__trouble{
    display: none;
} */
/* .fp__mission{
    display: none;
} */
/* .fp__solution{
    display: none;
} */
/* .fp__mission__counseling__area{
    display: none;
} */

/* .fp__course{
    display: none;
} */
/* .fp__more{
    display: none;
} */
/* .fp__strength{
    display: none;
} */
/* .fp__comparison{
    display: none;
} */
/* .fp__feature{
    display: none;
} */
/* .fp__wanted{
    display: none;
} */
/* .fp__mission2{
    display: none;
} */
/* .fp__sorry{
    display: none;
} */
/* .fp__voice{
    display: none;
} */
/* .fp__flow{
    display: none;
} */
/* .fp__career{
    display: none;
} */
/* .fp__question__inner{
    display: none;
} */
/* .fp__profile{
    display: none;
} */
/* .fp__footer{
    display: none;
} */