/* CSS Document */
@media (min-width: 768px) {
*{margin: 0px;
padding: 0px}
   
body#almnai{font-family: "fot-udkakugo-large-pr6n", sans-serif;
font-size: calc(100vw * 16 / 1200);
    background-image: url("../images/kv-bg.jpg");
background-repeat: no-repeat;
    background-attachment: fixed;
background-position: 25% 20%;
background-size:cover;
background-color:#519cfa;}
#almnai .hero--img{
    margin: auto;
color: #FFFFFF;
width: 90%;
height: 100%;
text-align: center;
   
padding: 140px 5%}
#almnai .hero--img .name-alm{color: #a9cbe1;
 
    letter-spacing: 10px;
    font-size: 3rem;
    margin-bottom: 1.5rem;
    font-family: "nitalago-ruika", sans-serif;
    font-weight: 200

}
#almnai .hero--img h2{
   letter-spacing: 20px;
    font-size: 11.5rem;
    margin-bottom: 2.5rem;
    line-height: 140%;
   font-family: "nitalago-ruika", sans-serif;
    font-weight: 100

}
#almnai .hero--img h2 em{color: #fcff00;
    font-style: normal;
   

}#almnai .hero--img .catch{
   letter-spacing: 3px;
    font-size: 3rem;
    margin-bottom: 4.5rem;
    line-height: 160%;
   font-family: "nitalago-ruika", sans-serif;
    font-weight: 200

}
    #almnai .link-btn {
        margin-top: 3rem;
        text-align: center;
    }
 #almnai .link-btn01 {
        margin-top: 1.25rem;
       
      margin-bottom: 1rem;
    }
    #almnai .btn01 {
        border: 0;
        padding: 0.25rem 6%;
        font-size: 1.5rem;
        text-align: center;
        color: #fff;
        cursor: pointer;
        transition-duration: 0.25s;
        border-radius: 8px;
        font-weight: 600;
        background-color: #e4712f;
        letter-spacing: 2px
    }
 #almnai .btn02 {
        border: 0;
        padding: 1.75rem 6%;
        font-size: 1.5rem;
        text-align: center;
        color: #fff;
        cursor: pointer;
        transition-duration: 0.25s;
        border-radius: 8px;
        font-weight: 600;
        background-color: #e4712f;letter-spacing: 2px
    }
    #almnai .btn01:hover, #almnai .btn02:hover, .btn03:hover {
        background-color: #D0680D;
    }
#almnai .contents-area{
    margin: 0 auto 0px;
    width: 100%;
    padding: 0 10% 200px;
   /* background-color:#519cfa;*/
    color: #FFFFFF;

}
#almnai .contents-area h2{
    font-size: 4rem;
    margin-bottom: 6rem;
    color: #fcff00;
    text-align: center;
    letter-spacing: 3px;
    font-weight: 700
   
}
#almnai .detail-area{margin-bottom: 8rem}
#almnai .detail-area .catch{font-size: 2.5rem;font-weight: 200;margin-bottom: 2.5rem;line-height: 170%;letter-spacing: 2px}
#almnai .main-txt{font-size: 1.5rem;font-weight: 200;line-height: 180%;letter-spacing: 3px}
#almnai .sep-area2-1{
    display: flex;
  
}
#almnai .about .sep-area2-1 .fl-area{
    width: 75%;
    margin-right: 5%
  
}
#almnai .about .sep-area2-1 figure{
    width: 35%;
    margin-right: -12%;
    margin-bottom: 3rem
  
}
#almnai .about .sep-area2-1 figure img{
    width: 100%
  
}
#almnai ul.service{display: flex;
justify-content: space-between;
width: 100%;
}
#almnai ul.service li{
width: 30%;
    list-style: none;
background-color: #ffffff;
border-radius: 12px;
padding: 2rem}
#almnai ul.service li figure{
width: 50%;
margin: 0 auto 1.5rem}
#almnai ul.service li figure img{
width: 100%;
}
#almnai ul.service li h3{
    font-size: 1.5rem;
    text-align: center;
margin: 0 auto;
    line-height: 170%;
color: #519cfa; font-weight: 500;
    letter-spacing: 2px;
margin-bottom: 1.5rem}
#almnai ul.service li p{
    font-size: 1.15rem;
   font-weight: 400;
    color: #3B3B3B;
    letter-spacing: 2px;
    line-height: 170%;
}
#almnai .toparea{
    text-align: center;
margin-bottom: 4rem
}
#almnai .flow{
    width: 80%;
    margin: 0 auto
    
}
#almnai .flow li.item{
        color: #383838;
display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 1.75rem;
    letter-spacing: 3px;
     background-color: #cae2fa;
    padding: 2rem 3rem;
    border-radius: 8px;
    list-style: none;
    margin-bottom: 5px
}
#almnai .flow li.item em{
       font-style: normal;
    font-size: 4rem;
    display: block;
    margin-right: 1rem
    
    
}
#almnai .flow figure{
    margin: 0px 0px 0px 3.5rem;
    padding: 0px 0px 5px 0rem;
    line-height: 0px;
    width: 5%;
    
}
#almnai .flow figure img{
    width: 100%;
    
}
#almnai .msg-area{
    display: flex;
    width: 100%;
    align-items: center;
    background-image: none;
    box-shadow: none;
    padding: 0px 10%
}
#almnai .msg-area .contents{
    padding: 3% 8% 3% 4%;
border: 1px dotted #FFFFFF;width: 80%}
#almnai .msg-area .contents h3{
  margin-bottom: 1rem;
    font-weight: 600}
#almnai .msg-area .contents p{
  font-size: 1.35rem}
#almnai .msg-area .contents p span{
  display: block;margin-top: 1rem}
#almnai .msg-area figure{
   width: 50%;margin-left: -5%; line-height: 0px;}
#almnai .msg-area figure img{
  border-radius: 8px;
width: 100%}
    .global-footer{
        background-color: #FFFFFF
    }
}
#almnai .ask{
    padding: 30px 0px;
    text-align: center;
    background-color:rgba(255,255,255,0.5);
    backdrop-filter: blur(10px);
    font-size: 2rem;
    width: 100%;
     color: rgba(0,0,0,1.00)
}