/* スライド画像 */
.slide {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 800px;
    padding: 0.0rem 0.0rem;
    margin-top: 4.0rem;
    margin-bottom: 3.0rem;
    margin-right: 10px; 
    background: #fff;
    border: 1px solid #b1afaf14;
  }
  
  .slide img {
    display: block;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    width: inherit;
    /* height: inherit; */
    left: 100%;
    animation: slide-anime 10s linear infinite;
  }

  .nbbg{
    background-color: #f5f8fb !important;
  }
  
  .slide img:nth-of-type(1) {animation-delay: 0s;}
  .slide img:nth-of-type(2) {animation-delay: 5s;}
  
  @keyframes slide-anime {
    0% {left: 100%;}
    4% {left: 0%;}
    46% {left: 0%;}
    50% {left: -100%;}
    100% {left: -100%;}
    
  }


  .topnav{
    justify-content: end !important;
    /* background-color: #fefefe;   */
  }




/* メインタイトル */
.maintitle{
 font-size: 17px !important;
 color: #0066FF !important;
 /* padding-left: 30px; */
 font-style: normal;
}

/* トップメニュー */
.navbar-nav .nav-link {
  font-size: 17px; 
}
.type{
  color: #0066FF !important;
 }


/* 新着情報 */

.news{
 background-color: #4857f8;
 font-size: 20px;
 text-align: center;
 margin-top: 30px; 
 margin-bottom: 30px;
 color: #fefefef9;
 
}


.list{
  border-bottom: solid 1px rgb(236 223 223);
  text-align: center;
  margin-bottom: 30px;
}

.label{
  text-align: center;
 
}


/* フォームパーツのレイアウト */
.top2{
 background-color: #4857f8;
  font-size: 20px;
  text-align: center;
  text-align: center;
  padding: 10px;
  border-radius: 16px;
  color: #fffcfc;
  margin-bottom: 20px;
  
}

form {
  width: 100%;
  max-width: 600px; /* フォームの最大幅を指定 */
  margin: 0 auto; /* 水平方向に中央揃え */
}
input, textarea {
  width: 100%; 
}


.form-row {
  display: flex;
  align-items: center;
  padding: 20px;
  /* border-bottom: 1px solid #f2f4f5; */
  display: flex;
  /* justify-content: center; */
  
}
.form-row:last-child {
  border-bottom: none;
}
.form-label {
  display: flex;
  align-items: center;
  width: 400px;
  
}


.form-label label {
  font-weight: bold;
  }
.form-label span {
  margin-left: 10px;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 15px;
  font-weight: bold;
  color: #ea0a0a;
  background-color: white;
}




/* フォームパーツのデザイン */
.lead-form {
  justify-content: center;
}

input, textarea {
  background-color: #f2f4f5;
  border: none;
  border-radius: 3px;
  padding: 15px 20px;
  font-size: 16px;
  color: #333;
  flex-grow: 1;
}
input::placeholder,
textarea::placeholder {
  color: #999;
  font-size: 14px;
}
select {
  background-color: #f2f4f5;
  border: none;
  border-radius: 3px;
  padding: 15px 20px;
  font-size: 16px;
  color: #333;
}
.button_otoi {
  cursor: pointer;
  padding: 10px 40px;
  border: none;
  border-radius: 3%;
  color: #f9f5f5;
  font-weight: bold;
  background-color: #0066FF;
  width: 80%;
  border-radius: 16px;
  margin: 0 auto;
   }

.edit-btn{
 width: 40%;
 background-color: #b7babd;
 border-radius: 16px;
 font-size: 15px;
 font-weight: bold;
 }
.send-btn{
  width: 40%;
  padding: 15px 20px;
  background-color: #0066FF;
  border-radius: 16px;
  border: none ;
  font-size: 15px;
  color: #eaf0f6;
  font-weight: bold;
}

.modoru{
  cursor: pointer;
  padding: 10px 40px;
  border: none;
  border-radius: 3%;
  color: #484646;
  font-weight: bold;
  background-color: #b7babd;
  margin: auto; 
  width: 80%;
  border-radius: 16px;
}

.text-center-information{
  color: #eaf0f6; 
 background-color:#0066FF; 
}

.inquiry{
 color: #eaf0f6; 
 background-color:#0066FF; 
 width: 50%;
 height: 50%;
 }

.box{
 color: #ed0d0d;
 background-color: white;
 font-size: large;
}

.top3{
 margin-top: 40px;
}

/* 事業内容 */

.anh2{
  text-align: end;

}
.phongchu{
  padding-inline-start: 15px;
}
.dong1{
  padding-top: 20px;
}
.chu{
  padding-top: 20px;
  font-family: 'Yu Gothic',sans-serif;
  font-weight: 590;

} 
.chunho{
  font-family: "DM Serif Text", serif;
  font-weight: 500;
}
.chulon{
  font-family: 'Yu Gothic',sans-serif;
  font-weight: revert-layer;
  letter-spacing: 1px;
}



 /* フッター */
.footer {
  padding: 1rem;
  font-size: 15px;
  color: #040e21;
  background: #0066FF;
}

.footer-name {
 color: #0c0c0c;
 text-align: right;
 font-weight: lighter;
}

.footer1{
 text-align: center;
 font-size: 15px;
}

.smalsize{
  text-align: center;
}

/* PC用のCSSはメディアクエリの外に記述する */

@media screen and (max-width: 959px) {
  body {
    .slide img {
      width: 100%;    
      height: auto;   
      left: 0;
  }
  }
  .slide{
    height: 600px;
  }
}




@media screen and (max-width: 480px) {
  .slide img {
    width: 100%;   
    height: auto;  
    left: 0;       
  }
  .slide{
    height: 250px !important;
  }
  .maintitle{
    font-size: 10px !important;
    padding-left: 0px;
   }
   .edit-btn{
    font-size: 12px !important;
   }
   .send-btn{
    font-size: 12px !important;
   } 
   .footer-ul {
    display: inline-grid;}
}

/* スマホ用のCSSはメディアクエリの外に記述する */

@media screen and (max-width: 481px) {
  .maintitle{
    font-size: 10px !important;
   }
}
@media screen and (min-width: 960px) {
  .container {
    width: 1200px;
    margin: 0 auto;
    margin-bottom: auto;
  }
  .maintitle{
    font-size: 15px !important;
   }
   .edit-btn{
   font-size: 13px !important;
  }
  .send-btn{
   font-size: 13px !important;
  } 
}