@charset "UTF-8";

.topgazou img{
    width: 405px;
    margin-left: -20px;
}

.gakunai img{width: 70px;
             margin-top: 70px;
             margin-left: 30px;}
   .ex1{color: #45A024;
       margin-top: -55px;
       margin-left: 32px;}
   .sisetsubunn{margin-top: 100px;}
   .card{margin-top: 40px;
         margin-left: 16px;}


.gakusei img{width: 70px;
             margin-left:270px;
             margin-top: 50px;}
  .ex2{color: #45A024;
      margin-left: 55px;
       margin-top: 40px;}


.shuushoku img{width: 68px;
               margin-top: 135px;
               margin-left: 30px;}
  .ex3{color: white;
     margin-top: 28px;
     margin-left: 32px;}



.h4{font-size: 10%;
    font-weight: 200;}


.botan{margin-left: 120px;
       margin-top: 75px;}


.naiyou {background-image: url("haikeinew.png");
        width: 375px;
        margin-top: -6px;
        padding-bottom: 40px;}

.futter{color: white;
        margin-left:32px;
        margin-top:190px;}

.ftop{color: white;
      margin-top:210px;
      margin-left: 32px}
.fsaito{color: white;
        margin-left: 250px;
        margin-left: 32px}
.fkoutuu{color: white;
         margin-left: 32px;}
.fotoi{color: white;
       margin-left: 32px;}

a { color:#0000FF; text-decoration:none; }

.backcolor{background-color:#E3E3E3;}


/* スクロール */
h2{color: #4D4D4D;
   margin-top: 10px;
   font-size: 20px;}
p{color: #4D4D4D;
  margin-top: 7px;}
.scroll_content { /* リスト全体のスタイル */
  display: flex;
  max-width: 800px;
  margin-top: 40px;
  overflow-x: auto;
  
}
 
.scroll_content li { /* 各リストのスタイル */
  width: 90%;
  padding: 8px;
  margin: 3px;
  flex-shrink: 0;
  list-style: none;
}
 
.scroll_content img { /* 画像のスタイル */
  width: 100%;
  max-height: 200px;
  object-fit: cover;
}
 
.scroll_content::-webkit-scrollbar {
  height: 12px; /* スクロールバーの高さ */
}
 
.scroll_content::-webkit-scrollbar-thumb {
  background: #A5A5A5; /* ツマミの色 */
  border-radius: 6px; /* ツマミ両端の丸み */
}
 
.scroll_content::-webkit-scrollbar-track {
  background: #D3D3D3; /* トラックの色 */
  border-radius: 6px; /* トラック両端の丸み */
}
 
 
@media screen and (min-width: 450px) {
 
  .scroll_content li {
    width: 45%;
  }