.l-footer{
    padding-bottom: 200px;
}

.l-main__title .l-main__title-jp{
    width:28%;
}
@media only screen and (max-width: 768px) {
.l-main__title .l-main__title-jp{
    width:60%;
}
}

#section01{
        width:100%;
        overflow-x: hidden;
}



#section01 .l-main__title .l-main__title-jp{
    width:60%;
}

@media only screen and (max-width: 768px) {
#section01 .l-main__title .l-main__title-jp{
        width:100%;
}
}

#section03 .l-main__title .l-main__title-jp{
    width:40%;
}
@media only screen and (max-width: 768px) {
#section03 .l-main__title .l-main__title-jp {
    width: 70%;
}

#section05 .l-main__title .l-main__title-jp {
    width: 40%;
}
}

.non-animate{
    display:none;
}

.raund-none .non-animate { 
    display:block;
}

.raund-none .animate { 
    display:none;
}
    




.l-main__title .l-main__title-en{
    width:74%;
    padding-top:20px;
    padding-bottom:76px;
}

@media only screen and (max-width: 768px) {
.l-main__title .l-main__title-en{
    width:95%;
        padding-top:10px;
        padding-bottom:40px;
}
}


#section01 .l-main__title,
#section03 .l-main__title,
#section04 .l-main__title,
#section06 .l-main__title,
#section07 .l-main__title{
    text-align: center;
}

#section01 .l-main__title{
        width: 100%;
}


#section04 .l-main__title .l-main__title-en{
    padding-bottom:60px;
}

@media only screen and (max-width: 768px) {
#section04 .l-main__title .l-main__title-en{
    padding-bottom:30px;
}
}

.c-loader-bg{
    width:100%;
    height:100vh;
    background-color: #ffffff;
      position: fixed;
  top: 0;
  left: 0;
    z-index: 9999;
}

/*  section01 */
#section01 .l-main__inner{
     background-image: url(../../images/top/section01-k02-pc.png);
    background-position: center left;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top:100px;
    padding-bottom:200px;
}

@media only screen and (max-width: 1600px) {
#section01 .l-main__inner{
    padding-top:50px;
}
}

@media only screen and (max-width: 1000px) {
#section01 .l-main__inner{
     background-image: url(../../images/top/section01-k02-sp.png);
}
}

@media only screen and (max-width: 1000px) {
#section01 .l-main__inner{
    padding-top:30px;
}
}

.l-main__inner-fvwrap{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center; 
        height:65vh;
}

@media only screen and (max-width: 1600px) {
.l-main__inner-fvwrap{
            height:50vh;
}
}


.l-main__fv{
        width: 90%;
}

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

.l-main__fv{
        width: 60%;
}
}

@media only screen and (max-width: 1000px) {
.l-main__fv{
        width: 90%;
}
}

@media only screen and (max-width:768px) {
.l-main__fv{
        width: 60%;
}
}

@media only screen and (max-width: 520px) {
.l-main__fv{
        width: 90%;
}
}

.l-main__fv p{
        width: 81%;
        margin-top: 50px;
           margin-right: auto;
    margin-left: auto;
}

@media only screen and (max-width: 768px) {
.l-main__fv p{
            margin-top: 30px;
}
}


.l-main__fv-float-wrap{
    position:fixed;
    bottom:0;
    width: 100vw;
    z-index: 999;
}

.l-main__fv-float{
    width: 100%;
    background-color: rgba(0, 22, 85, 0.95);;
    padding-top:30px;
    padding-bottom:30px;
}
@media only screen and (max-width: 768px) {
.l-main__fv-float{
        padding-top:10px;
    padding-bottom:30px;
}
}


.l-main__fv-float .l-main__inner-m p{
   width: 85%;
    margin-right: auto;
    margin-left: auto;
}

@media only screen and (max-width: 768px) {
.l-main__fv-float .l-main__inner-m p{
   width: 80%;
}
}


.l-main__fv-float-banner{
    bottom:0;
    display: flex;
    justify-content:space-between;
    align-items: center;
    margin-left: 2%;
        margin-right: 2%;
margin-top:20px;
}

@media only screen and (max-width: 768px) {
.l-main__fv-float-banner{
margin-top:10px;
    margin-right: auto;
    margin-left: auto;
}
}

.l-main__fv-float-banner div{
    width: 45%;
}

.js-float.active .js-flaot-text{

  animation-name: fadeIn;
  animation-fill-mode:forwards;
  animation-duration:0.8s;
}

@keyframes fadeIn{
    0% {
      display: block;
      opacity: 1;
    }

    100% {
     display: none;
      opacity: 0;
    }
}

.js-float.active .l-main__fv-float{
      animation-name: fadeheight;
  animation-fill-mode:forwards;
  animation-duration:0.5s;
}

@keyframes fadeheight{
    0% {
padding-top: 30px;
    padding-bottom: 30px;
    }

    100% {
padding-top: 2px;
    padding-bottom: 16px;
    }
}


/*  section01 */

/*  section02 */
#section02{
     background-image: url(../../images/top/section02-bg-1.svg);
 background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: -150px;
    padding-top:80px;
    padding-bottom:40px;
    color:#ffffff;
}

@media only screen and (max-width: 768px) {
#section02{
        padding-top:40px;
        margin-bottom: -30px;
        overflow-x: hidden;
}
}

.l-main__inner-wrap{
    position:relative;
   max-width: 1050px;
   margin-right: auto;
    margin-left: auto;
}

@media only screen and (max-width: 768px) {
.l-main__inner-wrap{
       max-width: 90%;
}
}

.l-main__inner-left{
    position:absolute;
    left:0;
    width: 205px;
}


.l-main__inner-right{
    position:absolute;
    right:-60px;
        max-width: 500px;
}

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

.l-main__inner-right{
    right:60px;
        max-width: 300px;
}
}

@media only screen and (max-width: 768px) {
    .l-main__inner-lrsp{
        display: flex;
        justify-content:center;
        align-items: flex-end;
            margin-bottom:40px;
    }

.l-main__inner-left{
    position:relative;
    width: 30%;
    left:5%;

}


.l-main__inner-right{
    position:relative;
        width: 60%;
     right: 0;
}

    

}


.l-main__section02-copy-text{
    font-size:15px;
    line-height: 35px;
    margin-top: 40px;
    margin-bottom: 90px;
}
@media only screen and (max-width: 768px) {
.l-main__section02-copy-text {
    font-size: 13px;
    line-height: 24px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 45px;
}
}



.l-main__section02-content01{
    position:relative;
    max-width:500px;
    margin-right: auto;
    margin-left: auto;
    z-index:5;

}


@media only screen and (max-width: 768px) {
.l-main__section02-content01{
     background-image: url(../../images/top/section02-bg-2.svg);
 background-position: top center;
    background-size: contain;
        background-repeat: no-repeat;
text-align: center;
}
        
.l-main__section02-content01 img{
width:90%;
}
}


.l-main__section02-content02{
 background-image: url(../../images/top/section02-bg-2.svg);
 background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width:100%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .l-main__section02-content02{
         background-image: url(../../images/top/section02-bg-2-sp.svg);
 background-position: top center;
    background-size: contain;
        background-repeat: no-repeat;
    }

}

.l-main__section02-content02 img{
     width:90%;
}
/*  section02 */


/*  section03 */
#section03{
     background-image: url(../../images/top/section03-bg-1.svg);
 background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top:240px;
    padding-bottom:160px;
}
@media only screen and (max-width: 768px) {
#section03{
    padding-top: 90px;
        padding-bottom:50px;
}
}

.l-main__section03-copy{
    width:75%;
   margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: -90px;
}

@media only screen and (max-width: 768px) {
.l-main__section03-copy{
    width:100%;
        margin-bottom: 40px;
}
}

.l-main__section03-content01{
    display: flex;
    align-items: end;
        width:95%;
            margin-right: auto;
    margin-left: auto;
}

@media only screen and (max-width: 768px) {
.l-main__section03-content01{
    flex-direction: column-reverse;
        text-align: center;
}

.l-main__section03-content01 img{
        width:70%;
}
}

.l-main__section03-copy-text{
    font-size:15px;
    line-height: 35px;
    margin-left: 40px;
}

@media only screen and (max-width: 768px) {
.l-main__section03-copy-text{
        font-size: 13px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 35px;
    margin-left: 0;
}
}


.l-main__section03-content02{
 background-image: url(../../images/top/section03-bg-2.svg);
 background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width:60%;
    margin-right: auto;
    margin-left: auto;
    padding:80px 20px;
}

.l-main__section03-button{
    width:85%;
    margin-top:20px;
    margin-right: auto;
    margin-left: auto;
}
@media only screen and (max-width: 768px) {
.l-main__section03-button{
        width:100%;
}
}



.l-main__section03-button div a{
    height:40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:15px;
    font-weight:bold;
    text-align: center;
    color: #ffffff;
    background-color: #000000;
    border-radius: 20px;
}

@media only screen and (max-width: 768px) {
.l-main__section03-button div a{
    font-size:13px;
}
}

.l-main__section03-button div a:visited{
    color: #ffffff;
}


/*  section03  */




/*  section04  */

#section04 .l-main__inner-l{
     background-image: url(../../images/top/section04-bg.png?1.0);
 background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    padding-top:160px;
    padding-bottom:160px;
}

@media only screen and (max-width: 1100px) {
#section04 .l-main__inner-l{
    background-size: cover;
}
}

@media only screen and (max-width: 768px) {
    #section04{
         background-image: url(../../images/top/section04-bg-sp.png?1.0);
        background-size: 100%;
       background-position:top center;
           background-repeat: no-repeat;
           padding-bottom: 50px;
        margin-bottom: 50px;
}
#section04 .l-main__inner-l{
     background-image: none;
         padding-top:90px;
    padding-bottom:0;
}


}

.l-main__section04-copy{
    width:46%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom:40px;
}
@media only screen and (max-width: 768px) {
.l-main__section04-copy{
    width:80%;
}
}


.l-main__section04-copy-text{
    margin-bottom:60px;
    text-align: center;
    font-size:20px;
    line-height: 40px;
    font-weight: 500;
}

@media only screen and (max-width: 768px) {
.l-main__section04-copy-text{
        margin-bottom:30px;
        font-size:13px;
    line-height: 25px;
}
}

.l-main__merit-content{
    max-width:700px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width: 768px) {
.l-main__merit-content{
     flex-direction: column;
             align-items: center;
}
}

.l-main__merit-content div{
    width:50%;
    padding:20px;
}
@media only screen and (max-width: 768px) {
.l-main__merit-content div {
    width: 90%;
    padding: 20px 0;
}
}

.l-main__merit-content div:first-of-type{
        border-right: 1px solid #000000;
}
@media only screen and (max-width: 768px) {
.l-main__merit-content div:first-of-type{
        border-top: 1px solid #000000;
        border-right: none;
}

.l-main__merit-content div:nth-of-type(2){
        border-top: 1px solid #000000;
}

.l-main__merit-content div.last-hr{
        border-bottom: 1px solid #000000;
}
}


.l-main__hr{
          border-bottom: 1px solid #000000;  
}

#section04 .l-main__hr{
    max-width:700px;
    margin-right: auto;
    margin-left: auto;
}
@media only screen and (max-width: 768px) {
#section04 .l-main__hr{
  display: none;
}
}

.l-main__merit-content-text{
    padding: 20px 14px 0;
    text-align: justify;
    font-size:12.5px;
    line-height: 25px;
    font-weight:500;
}


.l-main__section04-button{
    width:350px;
    margin-top:80px;
    margin-right: auto;
    margin-left: auto;
}
@media only screen and (max-width: 768px) {
.l-main__section04-button{
    width: 70%;
        margin-top: 35px;
}
}

.l-main__section04-button div a{
    height:40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:15px;
    font-weight:bold;
    text-align: center;
    color: #ffffff;
    background-color: #000000;
    border-radius: 20px;
}

.l-main__section04-button div a:visited{
    color: #ffffff;
}

/*  section04  */

/*  section05  */
#section05{
 background-image: url(../../images/top/section05-bg.jpg);
  background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 768px) {
#section05{
 background-image: url(../../images/top/section05-bg-sp.jpg);
}
}

#section05 .l-main__inner-m{
    padding-top:80px;
    padding-bottom:80px;
      color:#ffffff;
}
@media only screen and (max-width: 768px) {
#section05 .l-main__inner-m{
    padding-top:45px;
    padding-bottom:50px;
}
}

#section05 .l-main__title .l-main__title-en{
    padding-bottom:34px;
}

.l-main__section05-copy{
    font-size:20px;
    line-height: 40px;
    font-weight: 500;
}

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

.l-main__section05-copy{
    font-size:13px;
    line-height: 25px;
}
}


.l-main__section05-button{
    width:150px;
    margin-top:80px;
}

@media only screen and (max-width: 768px) {
.l-main__section05-button{
    margin-top:30px;
}
}

.l-main__section05-button div a{
    height:40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:15px;
    font-weight:bold;
    text-align: center;
    color: #001655;
    background-color: #ffffff;
    border-radius: 16.25px;
}

@media only screen and (max-width: 768px) {
.l-main__section05-button div a{
    font-size:13px;
}
}



/*  section05  */



/*  section06  */
#section06{
 background-color: #001655; */
}

#section06 .l-main__inner-m{
    padding-top:80px;
    padding-bottom:80px;
}


@media only screen and (max-width: 768px) {
#section06 .l-main__inner-m{
    padding-top:50px;
    padding-bottom:50px;
}

}

.l-main__advisor{
   display: flex;
   justify-content: space-between;
}
@media only screen and (max-width: 768px) {
.l-main__advisor{
flex-direction: column;
}
}


.l-main__advisor-content{
  width:30%;
  color:#ffffff;
  text-align: center;
}

@media only screen and (max-width: 768px) {
.l-main__advisor-content{
      width:100%;
         display: flex;
   justify-content: space-between;
   align-items:flex-start;
     text-align: left;
     margin-bottom:30px;
}

.l-main__advisor-content div.l-main__advisor-photo{
    width:130px;
    height:130px;
}

}

.l-main__advisor-post{
    margin-top:40px;
    font-size:14px;
    line-height: 24px;
}

@media only screen and (max-width: 768px) {
.l-main__advisor-post{
    margin-top:0;
        font-size:10px;
            line-height: 15px;
}
}

.l-main__advisor-name{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top:20px;
    font-size:17.5px;

}

.l-main__advisor-name span.small{
    font-size:12px;
        padding-left:5px;
}

@media only screen and (max-width: 768px) {
.l-main__advisor-name{
    flex-direction: column;
     align-items: flex-start;
     font-size:15px;
     font-weight: bold;
         margin-top:10px;
}

.l-main__advisor-name span.small{
    font-size:9px;
          padding-left:0;
}

.l-main__advisor-text{
    height:130px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
     align-items: flex-start;
}


}


.l-main__section06-button{
    width:150px;
    margin-top:50px;
    margin-right: auto;
    margin-left: auto;
}

@media only screen and (max-width: 768px) {
.l-main__section06-button{
    margin-top:10px;
}
}

.l-main__section06-button div a{
    height:40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:15px;
    font-weight:bold;
    text-align: center;
    color: #001655;
    background-color: #ffffff;
    border-radius: 16.25px;
}

@media only screen and (max-width: 768px) {
.l-main__section06-button div a{
    font-size:13px;
}
}

#section06.-second{
 background-image: url(../../images/top/section06-bg-02-pc.svg);
     background-size: cover;
     background-position: center;
         background-repeat: no-repeat;
}
    

@media only screen and (max-width: 768px) {
    #section06.-second{
 background-image: url(../../images/top/section06-bg-02-sp.svg);
    background-size: cover;
     background-position: center;
         background-repeat: no-repeat;
    }

#section06 .l-main__inner-m.-second{
 background-image: none;
     padding-top:50px;
    padding-bottom:50px;
}
}

    #section06.-second .l-main__title .l-main__title-en{
      max-width: 280px;
    }

       #section06.-second .l-main__advisor-content{
        color:#000;
       }

      #section06.-second .l-main__section06-button div a{
        color: #ffffff;
    background-color: #000;
      }



/*  section06  */




/*  section07  */
#section07 .l-main__inner-m{
 background-image: url(../../images/top/section07-bg.svg);
 background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    padding-top:80px;
    padding-bottom:80px;
}

@media only screen and (max-width: 768px) {
    #section07{
 background-image: url(../../images/top/section07-bg-sp.svg);
    background-size: cover;
     background-position: center;
         background-repeat: no-repeat;
    }

#section07 .l-main__inner-m{
 background-image: none;
     padding-top:50px;
    padding-bottom:50px;
}
}

    #section07.-second{
 background-image: url(../../images/top/section02-bg-2-2-pc.svg);
    background-size: cover;
     background-position:  top center;
         background-repeat: no-repeat;
    }


#section07 .l-main__inner-m.-second{
 background-image:none;
 background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    padding-top:80px;
    padding-bottom:80px;
}

@media only screen and (max-width: 768px) {
    #section07.-second{
 background-image: url(../../images/top/section02-bg-2-2-sp.svg);

    }

#section07 .l-main__inner-m.-second{
 background-image: none;
     padding-top:50px;
    padding-bottom:50px;
}
}

.l-main-wp-news{
   width:100%;
   height:300px;
   overflow-y: scroll;
}

.l-main-wp-news iframe{
     width:100%;
        height:500px;
}



.l-main__news ul li{
  padding-top:30px;
  padding-bottom:30px;
  border-bottom:1px solid #000000;
  font-size:15px;
  line-height:24px;
}
@media only screen and (max-width: 768px) {
.l-main__news ul li{
    padding-top: 10px;
    padding-bottom: 10px;
  font-size:12px;
}
}

.l-main__news ul li:first-of-type{
  border-top:1px solid #000000;
}

.l-main__news ul li span{
  font-size:12.5px;
   font-weight:500;
}

@media only screen and (max-width: 768px) {
.l-main__news ul li span{
  font-size:8px;
}
}

.l-main__section07-button{
    width:150px;
    margin-top:80px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 80px;
}

@media only screen and (max-width: 768px) {
.l-main__section07-button{
    margin-top:35px;
    margin-bottom: 35px;
}
}

.l-main__section07-button div a{
    height:40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:15px;
    font-weight:bold;
    text-align: center;
    color: #ffffff;
    background-color: #000000;
    border-radius: 20px;
}

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

.l-main__section07-button div a{
        font-size:13px;
}
}

.l-main__section07-button div a:visited{
    color: #ffffff;
}


.l-main__section07-banner{
    background-color: #001655;
    width:100%;
    padding:40px 0;
    font-family: "Noto Serif JP", serif;
    font-size:16px;
   font-weight: bold;
   text-align: center;
   color: #ffffff;
}
@media only screen and (max-width: 768px) {
.l-main__section07-banner{
        padding:22px 0;
   font-size:9px;
}
}



.l-main__section07-banner img{
    width:90%;
}

.l-main__section07-banner p{
    margin-top:10px;
}


/*  section07  */


/*       footer add content      */

.l-footer-first-content{
 display:flex;
 justify-content: space-between;
}

.l-footer-first-content .l-footer__logo{
    width:200px;
}

.l-footer-contact-bnr{
 display:flex;
 justify-content: space-between;
 margin-right:10px;
 margin-left:10px;
}

@media only screen and (max-width: 768px) {
.l-footer-first-content{
    flex-direction: column-reverse
}
}

.l-footer-contact-bnr div{
    width:230px;
    margin-right: 10px;
    margin-left: 10px;
}

@media only screen and (max-width: 768px) {
.l-footer-contact-bnr{
margin-bottom:45px;
}
}





/*       footer add content      */

/*       fv add content      */
 #section01.-second{
  height:94vh;
 }

 #section01 .l-main__inner{
       padding-bottom: 50px;
 }

 @media only screen and (max-width: 768px) {
 #section01 .l-main__inner{
       padding-bottom: 30px;
 }
 }


.l-main__fv-float-wrap.-second{
    text-align: center;
    position: sticky;
    top:0px;
    bottom:0px;
}

.l-main__fv-float-wrap.-second .l-main__fv-float{
    padding:0;
}

.l-mv-bottom-bnr{
    text-align: center;
    width:100%;
    background-color: #001655;

}



/*       fv add content      */