*{
    padding: 0px;
    margin: 0px;
    vertical-align: bottom;
}


.gk{
text-align: center;
padding-bottom: 25px;
max-width: 800px;
margin: auto;
}


.gk2{
text-align: center;
padding: 25px 0px;

 border: 3px dashed #f16b6b;
max-width: 800px;
margin: 0px auto 30px auto;

}





.malls img {
    max-width: 800px;
}


.malls {
    text-align: center;
    margin: auto;
    padding: 15px 15px 30px 15px;
}





.parea{
max-width: 1200px;
    margin: auto;
    padding: 40px 10px;
}


.ptou {
    padding: 30px 0px;
}


.delay-time02{
animation-delay: 0.2s;
}

.delay-time04{
animation-delay: 0.4s;
}

.delay-time06{
animation-delay: 0.6s;
}

.delay-time08{
animation-delay: 0.8s;
}


.delay-time10{
animation-delay: 1.0s;
}

.delay-time12{
animation-delay: 1.2s;
}



.delay-time14{
animation-delay: 1.4s;
}


.delay-time16{
animation-delay: 1.6s;
}


.delay-time18{
animation-delay: 1.8s;
}

.delay-time20{
animation-delay: 2.0s;
}

















/*==================================================
スタート時は要素自体を透過0にするためのopacity:0;を指定する
===================================*/

.box{
	opacity: 0;
}







.fadeUpTrigger{
opacity: 0;
}

/* その場で */
.fadeIn{
animation-name:fadeInAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* 下から */

.fadeUp{
animation-name:fadeUpAnime;
animation-duration:1.2s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/* 上から */

.fadeDown{
animation-name:fadeDownAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeDownAnime{
  from {
    opacity: 0;
	transform: translateY(-100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/* 左から */

.fadeLeft{
animation-name:fadeLeftAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeLeftAnime{
  from {
    opacity: 0;
	transform: translateX(-100px);
  }

  to {
    opacity: 1;
	transform: translateX(0);
  }
}

/* 右から */

.fadeRight{
animation-name:fadeRightAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeRightAnime{
  from {
    opacity: 0;
	transform: translateX(100px);
  }

  to {
    opacity: 1;
	transform: translateX(0);
  }
}








































.pagetop {
  height: 50px;
  width: 50px;
  position: fixed;
  right: 30px;
  bottom: 30px;
  background: #fff;
  border: solid 2px #ee4a4a;
  border-radius: 50%;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 2;
  cursor: pointer;
}
.pagetop__arrow {
  display: block;
  height: 10px;
  width: 10px;
  border-top: 3px solid #ee4a4a;
  border-right: 3px solid #ee4a4a;
  transform: translateY(20%) rotate(-45deg);
}

















.ts{
padding: 10px;}


.gofu{
text-align: center;
padding: 10px;}

.jyu{
padding-bottom: 37px;}


.yokuaruarea {
    max-width: 1280px;
    margin: auto;
    padding: 0px 10px 80px 10px;
}

.qa-8 dt {
    /* margin-bottom: 1em; */
    color: #333333;
    font-weight: 600;
}

.qa-8 dt::before {
    content: "Q.";
}


.qa-8 dt::before, .qa-8 dd::before {
    margin-right: .4em;
}


.qa-8 dd {
    margin: 0 0 2.5em;
    padding: 1em 1.5em;
    background-color: #f5ced0;
    color: #333333;
}





ul{
list-style: none;}

.box7{
    padding: 0.9em 10px;
    margin: 2em auto;
    color: #474747;
    background: whitesmoke;/*背景色*/
    border-left: double 7px #eb8b98;/*左線*/
    border-right: double 7px #eb8b98;/*右線*/
max-width: 1200px;
}
.box7 p {
    margin: 0; 
    padding: 0;
}


.learn-grid .item {
    display: block;
    text-align: center;
    padding-bottom: 20px;
}





.learn-title {
    padding-top: 10px;
    font-size: 24px;
    border-bottom: 2px solid orange;
    display: inline-block;
}






.mina{
max-width: 600px;
margin: auto;
text-align: center;}


.nf {
    display: flex
;
    padding: 10px;
}


.wpa {
    background: linear-gradient(transparent 50%, #ffee01 50%);
}

.num2 {
    font-size: 24px;
    border-bottom: 1px solid #000;
    padding-bottom: 11px;
    margin-bottom: 6px;
}


.wparea {
    max-width: 1000px;
    margin: auto;
}


.nf2 {
    margin: 70px 0 0 1vw;
    width: 80%;
}

.number {
    color: rgba(0, 0, 0, 0);
    font-size: 1000%;
    font-weight: 500;
    text-shadow: rgb(255, 138, 138) 4px 4px 0px;
    font-family: 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif;
    -webkit-text-stroke: 1px rgb(51, 51, 51);
}






.wpazjj2{
text-align: center;
font-size: 24px;
padding: 20px 0px;
} 


.wpajj{
text-align: center;
font-size: 24px;
padding: 60px 0px 10px 0px;
} 




.wpa2{
font-size: 24px;
padding: 20px 0px;
text-align: center;
}


.nitu{
text-align: center;
font-size: 18px;
line-height: 33px;
padding: 10px;
}

.heading-38 {
    position: relative;
    padding: .5em 1.2em;
    color: #333333;
    font-size: 20px;
}





.heading-38::before, .heading-38::after {
    display: inline-block;
    position: absolute;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    border: 2px solid #ec2c66;
    content: '';
}







.wpa {
    background: linear-gradient(transparent 50%, #fbb7bf 50%);
}

   

.table_design03 {
    border-collapse: collapse;
    width: 100%;
    max-width: 1200px;
    margin: 60px auto;
    padding: 10px;
}



.table_design03 th {
    border-bottom: 2px solid #ff466c;
    font-weight: bold;
    text-align: center;
    width: 20%;
    min-width: 4em;
    padding: 1em;
}



.table_design03 td {
    border-bottom: 2px solid #c1c7c6;
    padding: 1em;
}




.tred{
    color: #ff466c;
}

.worksbg{
background-color: #f8f8f8;
padding: 40px 0px;
}


.sei{
    padding: 20px;
    text-align: center;

    font-size: 22px;
}


.seired{
    background: linear-gradient(transparent 50%, #fd8fa5 50%);
}

.sei2{
    text-align: center;
    padding-bottom: 40px;
}


.tou{
    text-align: center;
    padding: 30px 0px;
}

.denwa2{
    padding: 10px 0px;
    text-align: center;
    font-weight: bold;
    color: #ff466c;
    font-size: 22px;
  }




.kai{
    display: inline-block;
}



.sonota-main{
    background: url(images/anothermain.jpg);
    text-align: center;
    padding: 120px 0px;
    font-weight: bold;
    
}


.sonop{
    font-size: 24px;
}



.sa2{
    padding: 0px 20px;
}





#logo {
    max-width:50%;
    display:block;
    margin:0 auto;
    
  }
  
  
 






.heads3 a{
    color: #000;
}


.ff a{
    color: #fff;
}




.si img{
    width: 100%;
}





.contact a{
    color: #fff;
}









.wa img{
    width: 100%;
}









.wa2 img{
    width: 100%;
}










a:link{
    text-decoration: none;
}



.wp{
    text-align: center;
    color: #ff466c;
    font-size: 24px;
    font-weight: bold;
    padding: 15px 0px 5px 0px;
}




.heads{
    display: flex;
    width: 95%;
    margin: auto;
    padding: 15px 0px;
}

.heads2{
    width: 40%;

}






.heads3 p{
    margin-right: 22px;
    font-size: 16px;
}


.heads3 p:last-child{
    margin-right: 0px;
}


.an-main{
    padding: 80px 0px;
    background-color: #fffcfe;
}

.an1{
    text-align: center;
    margin-bottom: 30px;
}

.an2{
    text-align: center;
    font-weight: bold;
    font-size: 32px;
}

.an1 img{
    width: 100px;
}


.main img{
    width: 100%;
}


.main-a img{
    width: 100%;
}



.menu-c{
    background-color: #ff466c;
    padding: 7px 20px;
    color: #fff;

}

.menu-c a{
  
    color: #fff;
  
}




.pal{
  
    padding-top: 10px;
    padding-bottom: 20px;
    font-size: 36px;
    color: #ff466c;
    font-weight: bold;
}

.ikonz{
    display: flex;
    width: 300px;
   
    padding-top: 10px;
    margin: auto;
    justify-content: space-between;
}













.manap{
    position: relative;
    background: url(images/manabg.png) no-repeat center top;
 
}







.manabi3 img{
    width: 100%;
}




.pap{
    text-align: center;
    color: #dee005;

    font-size: 28px;
    font-weight: bold;
    padding-bottom: 10px;
}


.papy{
    text-align: center;
    color: #fbff00;

    font-size: 28px;
    font-weight: bold;
    padding-bottom: 10px;
}



.papl{
 
    color: #dee005;

    font-size: 28px;
    font-weight: bold;
    padding-bottom: 10px;
}















.sa{
    color: #ff466c;
    font-weight: bold;
    font-size: 24px; 
    padding-bottom: 5px;
    text-align: center;
}



.contact{
    background-color: #ff466c;
    padding: 15px 30px;
    color: #fff;
}

.contact2{
    text-align: center;
}



.footer{
    background-color: #ff466c;
    padding: 30px 0px;
    color: #fff;
}





.ff p{
    font-size: 16px;
    text-align: center;
}

.ac1{
    text-align: center;
    margin-top: 40px;
}

.ac2{
    text-align: center;
    margin-bottom: 10px;
}





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


.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeOut 1.5s 2.5s forwards;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    visibility: hidden;
  }
}

.loading__logo {
  opacity: 0;
  animation: logo_fade 2s 0.5s forwards;
  width: 80%;
}

@keyframes logo_fade {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }

  60% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
  }
}














.heading-38::before {
    top: calc(50% - 3px);
    left: 8px;
}

.heading-38::after {
    top: calc(50% + 3px);
    left: 3px;
}








.gr1{
padding: 10px;}

.gr3{
text-align: center;
padding: 10px 0px;
}

 .wpazjj {

padding-bottom: 30px;
        font-size: 24px;
        text-align: center;
    }

 .waj {

padding-top: 30px;
        font-size: 24px;
        text-align: center;
    }




   



.wani{
padding: 10px;}


.wanir{
padding: 10px;}

    .denwabg{
    margin-top: 40px;
    background: url(images/denwabg.jpg) no-repeat center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 10px;
}


.denwawhi{
    max-width: 800px;
    margin: auto;
    padding: 10px;
    background: rgba(255,255,255,0.7);
}

    .pa2cen{
      width: 90%;
         margin: auto;
         
     }




    .f1{
        border-top: 1px solid #fff;
        text-align: center;
      
       width: 90%;
        margin: auto;
        font-size: 14px;
    }






    .wp2{
        padding: 0px 20px 25px 20px;
        
    }

/* メニューのスタイル */
.menua {
    position: fixed;
    top: 0;
    right: -100%; /* 初期状態では画面の外に隠れている */
    width: 300px;
    height: 100%;
    background-color: #fafad2;
    color: #333;
    transition: right 0.3s ease; /* スライドインのアニメーション */
    padding: 20px;
    box-sizing: border-box;
    z-index: 10;
  }
  
  /* メニューが開いているとき */
  .menua.open {
    right: 0;
  }
  
  /* ボタンのスタイル */
  .hamburger {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 30px;
    cursor: pointer;
    z-index: 20;
    background-color: #ff466c;
    padding: 10px;
  }
  
  .hamburger span {
    display: block;
    height: 3px;
    width: 100%;
    background-color: #fff;
    margin: 5px 0;
    transition: 0.4s;
  }
  
  /* バツ印に変化するスタイル */
  .hamburger.active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
  }
  
  .hamburger.active span:nth-child(2) {
    opacity: 0;
  }
  
  .hamburger.active span:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
  }
  
  /* メニューリストのスタイル */
  .menua ul {
    list-style-type: none;
    padding: 0;
    margin-top: 80px;
  }
  
  .menua li {
    padding: 20px 0;
    border-bottom: 1px solid #444;
  }
  
  .menua li a {
    color: #333;
    text-decoration: none;
    display: block;
  }











    .contactbg{
        padding: 20px 0px 40px 0px;
        background: url(images/pcbg.jpg);
        background-size: cover;
    }


.siarea{
    width: 90%;
    margin: 40px auto 40px auto; 
}

.siareaz{
    width: 90%;
    margin: 40px auto 40px auto; 
}


    .staff1{
        
     width: 90%;
     margin: 0px auto 20px auto;
        border: 1px solid #ff466c;
        padding: 30px 0px;
        background-color: #fff;
    }



    .starea{
        padding: 20px 0px 40px 0px;
        background-color: #fdd7df;
    }
    

    .md2{
   display: none;
 
    }


    .md2 img{
        width: 100%;
    }

    .papz{
 
        color: #dee005;
text-align: center;
        font-size: 28px;
        font-weight: bold;
        padding-bottom: 10px;
    }

    .manabi{
 
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
   width: 90%;
   margin: auto;
    }



    .md {
        position: absolute;
        font-family: "Barlow";
        font-size: 80px;
        
        line-height: 0.9;
        color: #eae9e9;
        font-weight: 600;
        z-index: -1;
       
    }


    .paz{

        padding-top: 60px;
        text-align: center;
        padding-bottom: 10px;
        font-size: 27px;
        color: #ff466c;
        font-weight: bold;
    }


    .wa2{
        width: 90%;
        margin: 0px auto 15px auto;
        background-color: #fff;
        
    }

    .wa{
        width: 90%;
        margin: 0px auto 15px auto;
        background-color: #fff;
    }



    .wobg{
        padding: 20px 0px 10px 0px;
        background-color: #feeeee;
    }


    .ku{
        margin-top: 20px;
        margin-bottom: 40px;
        text-align: center;
    }
    
    .kusp{
        border: 1px solid #ff466c;
        padding: 10px 20px;
        color: #ff466c;
    }



    .pa2{
        
        margin: auto;
        
        line-height: 32px;
    }
    
    .pa2z{
    
        
        line-height: 32px;
    }
    
    .pa2a{
        text-align: center;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 30px;
        font-weight: bold;
    }





    p{
        font-size: 17px;
        line-height: 32px;
    }


    .ps-br{
        display: none; /* PCの改行を隠して */
      }
    
.ps-tab{
    display: none; /* tabletの改行を隠して */
}


      .sp-br{
        display: block; /* SPを改行する */
      }
    





    .pa{
        text-align: center;
        padding-top: 10px;
        padding-bottom: 5px;
        font-size: 27px;
        color: #ff466c;
        font-weight: bold;
        line-height: 40px;
    }



    .area1{
        padding: 10px 0px 0px 0px;
    }



    .main{
        display: none;
    }


    .main-m img{
        width: 100%;
    }

    .heads2 img{
        width: 300px;
    }


    .denwa{
        font-weight: bold;
        font-size: 20px;
      
        text-align: center;
    }
    
      
      
      
      


    
    .heads3{
   display: none;
    }

    .ac1 img{width: 350px;}

}


@media screen and (min-width:481px) and ( max-width:1024px) {


.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeOut 1.5s 2.5s forwards;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    visibility: hidden;
  }
}

.loading__logo {
  opacity: 0;
  animation: logo_fade 2s 0.5s forwards;
  width: 500px;
}

@keyframes logo_fade {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }

  60% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
  }
}













.heading-38::before {
    top: calc(50% - 3px);
    left: 0;
}

.heading-38::after {
    top: calc(50% + 3px);
    left: 5px;
}



 .wpazjj {
        padding-top: 70px;
        font-size: 24px;
        text-align: center;
    }

 .waj {
        padding-top: 70px;
        font-size: 24px;
        text-align: center;
    }


    .flows {
        text-align: center;
        width: 60%;
        margin: 0px auto 40px auto;
    }

 .flows-m {
        display: none;
    }


    .gwaku {
        margin: 0vh auto 25vh;
        text-align: left;
        width: 70%;
        margin-bottom: 10px;
    }




    .learn-grid {
        display: grid
;
        grid-template-columns: 33% 33% 33%;
        gap: 50px;
        row-gap: 120px;
        justify-content: center;
        align-items: center;
        margin-top: 5vw;
    }


.wanir {
        flex-direction: row-reverse;
        display: flex;
        max-width: 1380px;
        margin: auto;
        justify-content: space-between;
        align-items: center;
    }


  .wani2 {
        width: 48%;
    }

    .wani3 {
        width: 48%;
    }


    .wani {
        display: flex;
        max-width: 1380px;
        margin: 60px auto;
        justify-content: space-between;
        align-items: center;
    }




  .gr1 img {
        width: 100%;
        border-radius: 15px;
    }


    .wpaz {
        padding-top: 0px;
        font-size: 24px;
        text-align: center;
    }





.gr1{
        display: flex;
        justify-content: space-between;
        max-width: 1200px;
        margin: 40px auto 0px auto;

}

.gr2{
        width: 49%;

}

.gr3{
padding: 50px;
        width: 49%
}




.denwabg{
    margin-top: 40px;
    background: url(images/denwabg.jpg) no-repeat center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 20px;
}


.denwawhi{
    max-width: 800px;
    margin: auto;
    padding: 30px;
    background: rgba(255,255,255,0.7);
}



.workarea{
    display: flex;
}




/* メニューのスタイル */
.menua {
    position: fixed;
    top: 0;
    right: -100%; /* 初期状態では画面の外に隠れている */
    width: 300px;
    height: 100%;
    background-color: #fafad2;
    color: #333;
    transition: right 0.3s ease; /* スライドインのアニメーション */
    padding: 20px;
    box-sizing: border-box;
    z-index: 10;
  }
  
  /* メニューが開いているとき */
  .menua.open {
    right: 0;
  }
  
  /* ボタンのスタイル */
  .hamburger {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 30px;
    cursor: pointer;
    z-index: 20;
    background-color: #ff466c;
    padding: 10px;
  }
  
  .hamburger span {
    display: block;
    height: 3px;
    width: 100%;
    background-color: #fff;
    margin: 5px 0;
    transition: 0.4s;
  }
  
  /* バツ印に変化するスタイル */
  .hamburger.active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
  }
  
  .hamburger.active span:nth-child(2) {
    opacity: 0;
  }
  
  .hamburger.active span:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
  }
  
  /* メニューリストのスタイル */
  .menua ul {
    list-style-type: none;
    padding: 0;
    margin-top: 80px;
  }
  
  .menua li {
    padding: 20px 0;
    border-bottom: 1px solid #444;
  }
  
  .menua li a {
    color: #333;
    text-decoration: none;
    display: block;
  }



    .pa2cen{
        text-align: center;
         
       
     }


    .wp2{
        padding: 0px 20px 25px 20px;
        
    }







    .contactbg{
        padding: 90px 0px 100px 0px;
        background: url(images/pcbg.jpg);
        background-size: cover;
    }

    .starea{
        padding: 80px 0px 100px 0px;
        background-color: #fdd7df;
    }
    

    .md2{
        position: absolute;
      
      
      
        z-index: -1;
        margin-top: -20px;
        margin-left: -160px;
        margin-bottom: -110px;
    }


    .md2 img{
        width: 460px;
    }

    .papz{
 
        color: #dee005;
    
        font-size: 28px;
        font-weight: bold;
        padding-bottom: 10px;
    }

    .paz{

        padding-top: 10px;
        padding-bottom: 20px;
        font-size: 36px;
        color: #ff466c;
        font-weight: bold;
    }


    .wobg{
        padding: 60px 0px;
        background-color: #feeeee;
    }



    .ku{
        margin-top: 40px;
        text-align: center;
    }
    
    .kusp{
        border: 1px solid #ff466c;
        padding: 20px 40px;
        color: #ff466c;
    }



    .pa2{
        text-align: center;
        
        line-height: 38px;
    }
    
    .pa2z{
    
        
        line-height: 38px;
    }
    
    .pa2a{
        text-align: center;
        font-size: 24px;
        line-height: 40px;
        margin-bottom: 30px;
    }



    


    .ps-br{
        display: none; /* PCを改行して */
      }
    
      .ps-tab{
        display: block; /* tabletの改行を隠して */
    }




      .sp-br{
        display: none; /* SPの改行を隠す */
      }




    .pa{
        text-align: center;
        padding-top: 10px;
        padding-bottom: 20px;
        font-size: 36px;
        color: #ff466c;
        font-weight: bold;
    }


    .area1{
        padding: 60px 0px 100px 0px;
    }


.main-m{
    display: none;
}



    .heads2 img{
        width: 400px;
    }

    .denwa{
        font-weight: bold;
        font-size: 32px;
        padding-bottom: 15px;
        text-align: center;
    }

    .ham{
        display: none;
    }

    .heads3{
   
       display: none;
    }

    .si{
        width: 50%;
    }
    
    .si2{
        padding-left: 20px;
        width: 50%;
    }

    .manabi3{
        width: 58%;
        
    }

    .manabi2{
        width: 40%;
        
    }
    
.staff1{
   
    width: 31%;
    border: 1px solid #ff466c;
    padding: 30px 0px;
    background-color: #fff;
}

    .wa2{
        width: 48%;
        background-color: #fff;
        
    }

    .wa{
        width: 31%;
        background-color: #fff;
    }


    .ac1 img{width: 500px;}


    .md{
        position: absolute;
        font-family: "Barlow";
        font-size: 140px;
        line-height: 0.9;
        color:#eae9e9;
        font-weight: 600;
        z-index: -1;
        margin-left: -160px;
        margin-top: -110px;
    }


    .f1{
        border-top: 1px solid #fff;
        text-align: center;
        width: 90%;
        padding-top: 20px;
        margin: auto;
        font-size: 14px;
    }

    .ff{
        display: flex;
        width: 90%;
        margin: auto;
        padding-bottom: 20px;
        justify-content: space-between;
       
    }


    .siarea{
        padding: 100px 0px 30px 0px;
        display: flex;
        max-width: 1500px;
        margin: auto;
        align-items: center;
    }


    .siareaz{
        flex-direction: row-reverse;
        padding: 100px 0px;
        display: flex;
        max-width: 1500px;
        margin: auto;
        align-items: center;
    }


    .staffarea{
        display: flex;
        width: 80%;
            display: flex
    ;
            justify-content: space-between;
            margin: auto;
    }
    



    .manabi{
        display: flex;
        max-width: 90%;
    margin: auto;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding-top: 120px;
    padding-bottom: 90px;
    }


    .warea{
        display: flex;
       width: 90%;
        margin: 40px auto;
        justify-content: space-between;
    }

    .warea2{
        display: flex;
        width: 90%;
        margin: 50px auto;
        justify-content: space-between;
    }

}
@media screen and (min-width:1025px) {

.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeOut 1.5s 2.5s forwards;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    visibility: hidden;
  }
}

.loading__logo {
  opacity: 0;
  animation: logo_fade 2s 0.5s forwards;
  width: 500px;
}

@keyframes logo_fade {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }

  60% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
  }
}




.heading-38::before {
    top: calc(50% - 3px);
    left: 0;
}

.heading-38::after {
    top: calc(50% + 3px);
    left: 5px;
}



 .wpazjj {
        padding-top: 70px;
        font-size: 24px;
        text-align: center;
    }


 .waj {
        padding-top: 70px;
        font-size: 24px;
        text-align: center;
    }

 .flows-m {
        display: none;
    }


    .flows {
        text-align: center;
        width: 60%;
   margin: 0px auto 40px auto;
    }


    .gwaku {
        margin:0px auto;
        text-align: left;
        width: 70%;
        margin-bottom: 10px;
    }





    .learn-grid {
        display: grid
;
        grid-template-columns: 33% 33% 33%;
        gap: 50px;
        row-gap: 120px;
        justify-content: center;
        align-items: center;
        margin-top: 5vw;
    }





.wanir {
        flex-direction: row-reverse;
        display: flex;
        max-width: 1380px;
        margin: auto;
        justify-content: space-between;
        align-items: center;
    }

    .wani2 {
        width: 48%;
    }

    .wani3 {
        width: 48%;
    }











    .wani {
        display: flex;
        max-width: 1380px;
        margin: 60px auto;
        justify-content: space-between;
        align-items: center;
    }


    .gr1 img {
        width: 100%;
        border-radius: 15px;
    }


    .wpaz {
        padding-top: 0px;
        font-size: 24px;
        text-align: center;
    }





.gr1{
        display: flex;
        justify-content: space-between;
        max-width: 1200px;
        margin: 40px auto 0px auto;

}

.gr2{
        width: 49%;

}

.gr3{
padding: 50px;
        width: 49%
}

    .siareaz{
        flex-direction: row-reverse;
        padding: 0px 0px 70px 0px;
        display: flex;
        max-width: 1500px;
        margin: auto;
        align-items: center;
        justify-content: space-between;
    }


.denwabg{
    margin-top: 40px;
    background: url(images/denwabg.jpg) no-repeat center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 80px;
}


.denwawhi{
    max-width: 800px;
    margin: auto;
    padding: 30px;
    background: rgba(255,255,255,0.7);
}






    .workarea{
        display: flex;
        max-width: 1560px;
        margin:0px auto 30px auto;
        justify-content: space-between;
    }

.workarea2{
    width: 30%;
    border: 1px solid #ff466c;
}

.workarea2y{
    width: 30%;
 
}

.workarea2t{
    width: 49%;
 
}

.workarea2 img{
    width: 100%;
}

.workarea2y img{
    width: 100%;
}


.workarea2t img{
    width: 100%;
}

.dp{
    max-width: 1170px;
    margin: auto;
    
}



    .wp2{
        padding: 0px 20px 25px 20px;
     
    }


    .menua{display: none;}




    .contactbg{
        padding: 90px 0px 100px 0px;
        background: url(images/pcbg.jpg);
        background-size: cover;
    }

    .starea{
        padding: 80px 0px 100px 0px;
        background-color: #fdd7df;
    }
    

    .md2{
        position: absolute;
      
      
      
        z-index: -1;
        margin-top: -20px;
        margin-left: -160px;
        margin-bottom: -110px;
    }


    .md2 img{
        width: 460px;
    }

    .papz{
 
        color: #dee005;
    
        font-size: 28px;
        font-weight: bold;
        padding-bottom: 10px;
    }

    .paz{

        padding-top: 10px;
        padding-bottom: 20px;
        font-size: 36px;
        color: #ff466c;
        font-weight: bold;
    }

    .wobg{
        padding: 60px 0px;
        background-color: #feeeee;
    }

    .ku{
        margin-top: 40px;
        text-align: center;
    }
    
    .kusp{
        border: 1px solid #ff466c;
        padding: 20px 40px;
        color: #ff466c;
    }


    .pa2{
       
        
        line-height: 38px;
    }


    .pa2cen{
       text-align: center;
        
     
    }



    
    .pa2z{
    
        
        line-height: 38px;
    }
    
    .pa2a{
        text-align: center;
        font-size: 24px;
        line-height: 40px;
        margin-bottom: 30px;
    }


    p{

        line-height: 32px;
    }



    .ps-br{
        display: block; /* PCを改行して */
      }
    
      .ps-tab{
        display: none; /* tabletの改行を隠して */
    }


      .sp-br{
        display: none; /* SPの改行を隠す */
      }



    .pa{
        text-align: center;
        padding-top: 10px;
        padding-bottom: 20px;
        font-size: 36px;
        color: #ff466c;
        font-weight: bold;
    }


    .area1{
        padding: 60px 0px 100px 0px;
    }


    .main-m{
        display: none;
    }
    

    .denwa{
        font-weight: bold;
        font-size: 32px;
        padding-bottom: 15px;
        text-align: center;
    }



    .ham{
        display: none;
    }


    .heads3{
   
        display: flex;
       margin-left: auto;
       align-items: center;
    }


    .si{
        width: 48%;
    }
    
    .si2{
        padding-left: 20px;
        width: 48%;
    }

    .manabi3{
        width: 58%;
        margin-right: -120px;
    }

    .manabi2{
        width: 40%;
        margin-left: 100px;
    }

    
.staff1{
  
    width: 31%;
    border: 1px solid #ff466c;
    padding: 30px 0px;
    background-color: #fff;
}

    .wa2{
        width: 48%;
        background-color: #fff;
        
    }

    .wa{
        width: 31%;
        background-color: #fff;
    }

.ac1 img{width: 500px;}

    .md{
        position: absolute;
        font-family: "Barlow";
        font-size: 140px;
        line-height: 0.9;
        color:#eae9e9;
        font-weight: 600;
        z-index: -1;
        margin-left: -160px;
        margin-top: -110px;
    }

    .f1{
        border-top: 1px solid #fff;
        text-align: center;
        width: 1200px;
        padding-top: 20px;
        margin: auto;
        font-size: 14px;
    }



    .ff{
        display: flex;
        max-width: 1200px;
        margin: auto;
        padding-bottom: 20px;
        justify-content: space-between;
       
    }

    .siarea{
        padding: 70px 0px;
        display: flex;
        max-width: 1500px;
        margin: auto;
        align-items: center;
    }




    .staffarea{
        display: flex;
      max-width: 1560px;
            display: flex
    ;
            justify-content: space-between;
            margin: auto;
    }
    

    .manabi{
        display: flex;
        max-width: 1280px;
    margin: auto;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding-top: 120px;
    padding-bottom: 90px;
    }



    .warea{
        display: flex;
        max-width: 1560px;
        margin: 40px auto;
        justify-content: space-between;
    }

    .warea2{
        display: flex;
        max-width: 1160px;
        margin: 50px auto;
        justify-content: space-between;
    }


    .heads2 img{
        width: 400px;
    }


}