@media screen and (min-width: 850px) {
/* PC画面 */
  html, body {
    height :100%;
    }
  
    div.sp1{
    height :11%;
    width :100%;
    display: flex;
    z-index:10;
    border-bottom: 6px solid green;
    }
  
    div.sp1_1{
      height :90%;
      width :calc(10vh);
      margin-left :0.5%;
      overflow: hidden;
      display: flex;
      align-items: center;
      }
          
    div.sp1_2{
      height :90%;
      padding-left : calc(0.5vh);
      width :calc(100% - calc(10.5vh));
      font-size: 40px;
      font-weight: bold;
      display: flex;
      align-items: center;
      }

    div.sp2{
      height :89%;
      width :100%;
      display: flex;    
    }
  
    div.sp2_1{
      height: 100%;
      width: 20%;
      border-right: 4px solid blue;
      }

    div.sp2_1_1{
      height :70%;
      width :100%;
      color : black;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 20px;
      box-sizing: border-box;
      overflow: scroll;
      }

    div.sp2_1_2{
      height: 30%;
      width: 100%;
      align-items: center;
      overflow: scroll;
      border-top:4px solid green ;
      }

    div.sp2_2{
      height :100%;
      width :80%;
      }
      
    div.sp2_2_1{
      height :60%;
      width :100%;
      overflow: hidden;
      position: relative;
      border-bottom: 4px solid gray;
      margin-bottom: 10px;
      }
      
    div.sp2_2_2{
      width :100%;
      height: 100%;
      overflow: scroll;
      }

    div.sp2_2_3{
      width :100%;
      height: 30%;
      overflow: scroll;
      }
 
    .hata{
       position:relative;
       width :calc(9vh);
       border: 2px solid black;
       z-index:1;
       } 

    .h1_font{
      font-size: 40px;
      font-weight: bold;
      text-align: center;
      }
      
    .h2_font{
      font-size: 30px;
      font-weight: bold;
      text-align: center;
      }

    .blog_img_d{
      width: 100%;
      display: flex; /* フレックスボックスを使用 */
      justify-content: center; /* 水平方向の中央揃え */
      align-items: center; /* 垂直方向の中央揃え */
      padding-top: 2%;
      padding-bottom: 2%;
      }
      
    .blog_img{
      width :50%;
      border-radius: 15px; /* 角を丸くする */
      }
      
    .blog_honbun_d{
      width :100%;
      }
      
    .blog_honbun{
      color: black;
      font-size: 18px;
      font-weight: bold;
      margin: 0%;
      padding-right: 5%;
      padding-left: 5%;
      line-height: 2;
      }

    .blog_honbun_list{
      color: black;
      font-size: 18px;
      font-weight: bold;
      margin-left: 54px;
      margin-right: 54px;
      margin-top: 18px;
      margin-bottom: 18px;
      padding-right: 5%;
      padding-left: 5%;
      line-height: 2;
      }
      
     .BB {
       list-style-type: none;
       padding-left: 0;
       margin: 0;
       }

    .BB li {
      color: black;
      font-weight: bold;
      width: 150px;
      text-align: center;
      border: 2px solid #00796b;
      border-radius: 8px;
      background-color: #e0f7fa;
      padding: 18px;
      margin-bottom: 10px;
      box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
      transition: background-color 0.3s;
      cursor: pointer;
      }

    .BB li:hover {
      background-color: #FFB6C1;
      border-color: #FF69B4;
      }

    .BB a {
      color: black;
      text-decoration: none;
      display: block;
      }

    .CC {
      color: black;
      font-weight: bold;
      font-size: 22px;
      text-align: center;
      margin-top: 2px
      }

    .CC1 {
      color: black;
      font-weight: bold;
      font-size: 22px;
      text-align: center;
      margin-top: 2px
      }

    .DD {
      display: none;
      list-style-type: none;
      padding-left: 0;
      margin-left: 0;
      width: 100%;
      }

    .DD li {
      all: unset;
      display: list-item;
      padding: 4px 0;
      color: black;
      font-weight: normal;
      text-align: center; /* ← 中央揃え */
      font-weight: bold;
      cursor: pointer; /* ← カーソル変更 */
      }

    .title-font{
      font-size: 40px;
      font-weight: bold;
      }

    .sinchaku-title{
       text-align: center;
       }

    .sinchaku{
       margin: 10px 20px;
       font-size: 20px;
       font-weight: bold;
       }

    .carousel {
      width: 300px;
      height: 200px;
      overflow: hidden;
      position: relative;
      border: 1px solid #ccc;
      margin-bottom: 10px;
      }

    .carousel-items {
      display: flex;
      width: 100%;
      height: 100%;
      transition: transform 0.5s ease-in-out;
      }
 
    .carousel-item {
      min-width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 24px;
      background-color: #f0f0f0;
      }

    .indicators {
      text-align: center;
      }

    .indicator {
      display: inline-block;
      width: 10px;
      height: 10px;
      margin: 0 5px;
      background-color: #ccc;
      border-radius: 50%;
      cursor: pointer;
      }

    .indicator.active {
      background-color: #333;
      }

    .styled-table {
      width: 100%;
      border-collapse: collapse; /* セルの境界線を重ねる */
      margin-top: 2%;
      margin-bottom: 2%;
      font-weight: bold;
      }

    .styled-table th, .styled-table td {
      border: 2px solid #4CAF50; /* 線の太さと色 */
      padding: 12px; /* セル内の余白 */
      text-align: left; /* テキストの配置 */
      }

    .styled-table th, .styled-table td:first-child {
      text-align: center;
      }

    .styled-table th {
      background-color: #4CAF50; /* ヘッダーの背景色 */
      color: white; /* ヘッダーの文字色 */
      }

    .styled-table tr:nth-child(even) {
      background-color: #f2f2f2; /* 偶数行の背景色 */
      }

    .mokuteki{
      font-size: 32px;
      text-align: center;
      color: red;
      font-weight: bold;
      margin-top: 18px;
      margin-bottom: 0;
      }
    
    .next_link{
      font-size: 24px;
      color: black;
      text-align: center;
      font-weight: bold;
      display: inline-block;
      }
    
    .next_link_d {
      text-align: center; /* 子要素を中央揃え */
      }

    .nihon_link {
      display: inline-block; /* a要素の幅を画像に合わせる */
      }

    .nihon_link_img {
      display: block;        /* 画像の下の余白をなくす */
      width: 500px;            /* 画像サイズを指定（必要に応じて調整） */
      margin: 0 auto;        /* 画像をa要素内で中央に配置 */
      }

    .kuhaku{
      width: 100%;
      height: 100px;
      }

    .kiji_list{
      font-size: 16px;
      color: black;
      font-weight: bold;
      }

    .scr_img{
      height: 400px;
      display: inline-block;
      border-radius: 20px;
      }

    .styled-table_news {
      width: 100%;
      border-collapse: collapse; /* セルの境界線を重ねる */
      margin-top: 2%;
      margin-bottom: 2%;
      font-weight: bold;
      }

    .styled-table_news th, .styled-table_news td {
      border: 2px solid blue; /* 線の太さと色 */
      padding: 12px; /* セル内の余白 */
      text-align: left; /* テキストの配置 */
      }

    .styled-table_news th, .styled-table_news td:first-child {
      text-align: center;
      }

    .styled-table_news th {
      background-color: skyblue; /* ヘッダーの背景色 */
      color: white; /* ヘッダーの文字色 */
      }

    .styled-table_news tr:nth-child(even) {
      background-color: #f2f2f2; /* 偶数行の背景色 */
      }

   .NK_0{
     width: 100%;
     height: 100%;
     overflow-y: scroll;
     } 

   .NK_1{
     width: 100%;
     height: 140px;
     display: flex;
     justify-content: center; /* 水平方向の中央揃え */
     align-items: center; /* 垂直方向の中央揃え */
     }

   .NK_1_1{
     width: 380px;
     height: 100px;
     display: flex;
     align-items: center; /* 垂直方向の中央揃え */
     border: 6px solid yellow;
     background-color: rgb(0, 18, 154);
     }

   .NK_1_1_1{
     height: 100%;
     aspect-ratio: 1;
     display: flex;
     justify-content: center; /* 水平方向の中央揃え */
     align-items: center; /* 垂直方向の中央揃え */
  /* background-color: rgb(0, 51, 102); */
     }

   .NK_1_1_2{
     width: auto;
     height: 100%;
     display: flex;
     justify-content: center; /* 水平方向の中央揃え */
     align-items: center; /* 垂直方向の中央揃え */
  /* background-color: rgb(0, 51, 102); */
     }

    .NK_1_1_1_hata{
       position:relative;
       width :calc(9vh);
       align-items: center; /* 垂直方向の中央揃え */
       z-index:1;
       }
    .NK_1_1_1_h1{
       font-size: 48px;
       color: white;
       font-weight: bold;
    /* background-color: rgb(0, 51, 102); */
       }
 
    .NK_2{
       display: flex;
/*       flex-direction: column; */
       width: 100%;
       height: 200px;
       justify-content: center;
       align-items: center;
/*       border-top: 4px solid orange; */
/*       border-bottom: 4px solid orange; */
/*       background-color: #C5E0FF; */
       }

    .NK_3{
       width: 100%;
       display: flex;
       flex-direction: column;
       justify-content: center; 
       align-items: center;     
       }

   .NK_2_1{
       width: 50%;
       height: 100%;
       border-top: 4px solid orange;
       border-bottom: 4px solid orange;
       border-right: 4px solid orange;
       background-color: #C5E0FF;
       }

   .NK_2_1B{
       width: 50%;
       height: 100%;
       border: 4px solid orange;
       background-color: #B4FFBB;
       }

   .NK_2_1_1{
       width: 100%;
       height: 40px;
       margin-top: 5px;
       text-align: center;
       }

   .NK_2_1_2{
       width: 100%;
       display: flex;
       flex-direction: column;
       height: 150px;
       justify-content: center;
       align-items: center;
       }

    div.list-box{
       margin: 0;
       padding: 0;
       font-size: 18px;
       font-weight: bold;
    }        
    
    .list-box_NK{
       width: 300px;
       font-size: 18px;
       font-weight: bold;
       margin-bottom: 5px;
       }

    .button_NK{
       font-size: 18px;
       margin-top: 5px;
       font-weight: bold;
       }

     .font1{
       font-size: 26px;
       margin: 0;
       color: #000;
       padding: 0;
    /* margin-top: 30px; */
       font-weight: bold;
    }
     .font2{
       font-size: 18px;
       color: #000;
       padding: 0;
       margin-left: 1%;
    /* margin-bottom: 18px; */
       font-weight: bold;
       text-align: left;
       padding-left: 1em;
       padding-right: 1em;
    /* line-height: 1; */
    }

    .NK_5{
       width: 100%;
       height: auto;
       text-align: center;
       }


    .hajimeni{
 /*    position:absolute; */
       top:85%;
       left:30%;
       width:60%;
       z-index:1;
       font-size:30px;
     }
    div.hajime{
/*     background-color: rgba(0, 0, 50, 0.5); */
/*     padding-top: 30px; */
/*     padding-bottom: 30px; */
       }

/*表*/
/*        .table_font{ */
/*         font-size: 12px; */
/*         color: #000; */
/*         width: 100%; */
/*         background-color: rgba(255, 255, 255, 0.7); */
/*         text-align: left; */
/*       } */
       .LinkA {
         color: yellow;
       } 
       .LinkA:visited {
         color: aqua; 
       } 
       .kekka_font{
         font-size: 14px;
         font-weight: bold;
         margin-left: 10px;
         color: black;
         width: 100%;
         text-align: left;
      }

    .table_font {
      width: 100%;
      border-collapse: collapse; /* セルの境界線を重ねる */
      margin-top: 2%;
      margin-bottom: 2%;
      font-weight: bold;
      }

    .table_font th, .table_font td {
      border: 2px solid #4CAF50; /* 線の太さと色 */
      padding: 12px; /* セル内の余白 */
      text-align: left; /* テキストの配置 */
      }

    .table_font th, .table_font td:first-child {
      text-align: center;
      }

    .table_font th {
      background-color: #C5FFC9; /* ヘッダーの背景色 */
      color: black; /* ヘッダーの文字色 */
      }

    .table_font tr:nth-child(even) {
      background-color: #f2f2f2; /* 偶数行の背景色 */
      }

      .table_form{
        font-size: 18px;
        font-weight: bold;
        color: #000;
        width: 100%;
        text-align: left;
        width: 70%;
        border: 4px solid #0CAD1A;
        margin-bottom: 20px;
        }

     .table_form th:nth-child(1){
        width: 10%;
        background-color: #12FF27;
        }

     .table_form th:nth-child(2){
        width: 60%;
        background-color: #12FF27;
        }

      .table_form td {
        background-color: #B9FFBF;
        } 

      .kekka_font1{
        font-size: 24px;
        font-weight: bold;
        margin-top: 20px;
        margin-bottom: 0;
        color: #000;
        width: 100%;
        text-align: center;
        }

      .kekka_font2{
        font-size: 24px;
        font-weight: bold;
        margin-top: 0;
        margin-bottom: 20px;
        color: #000;
        width: 100%;
        text-align: center;
        }

    .kiji_1{
      width: 100%;
      display: flex;
      flex-wrap: wrap; /* 子要素を自動的に次の行に移動 */
      justify-content: center; /* 中央揃え */
      margin: 0;
      padding: 0px;
      }

   .kiji_2{ 
      width: 350px; /* アイコンの幅 */
      height: 300px; /* アイコンの高さ */
      margin: 10px; /* アイコン同士の間隔 */
      background-color: #f0f0f0; /* アイコンの背景色 */
      border-radius: 10px; /* 丸みを帯びた形 */
      text-decoration: none; /* リンク下線を消す */
      color: black; /* テキストの色 */
      }

   .kiji_2 img {
      width: 350px; /* 画像の幅 */
      height: auto; /* 画像の高さ */
      margin-bottom: 5px; /* 画像とテキストの間隔 */
      }

   .kiji_2:hover {
      background-color: #d0d0d0; /* ホバー時の背景色 */
      }

   .kiji_3{
      width: 350px;
      height: 230px;
      border-radius: 10px 10px 0 0; /* 上側の角を丸める */
      overflow: hidden;
      }

   .kiji_4{
      height: 70px;
      width: 350px;
      font-size: 18px;
      font-weight: bold;
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      }

   .mokuteki_2{
      width: 100%;
      text-align: center;
      justify-content: center;
      display: flex;
      margin-top: 0;
      margin-bottom: 18px;
      }  

   .mokuteki_2_1{
      width: 500px;
      font-size: 28px;
      font-weight: bold;
      border-radius: 8px;
      border:4px solid red;
      margin: 0;
      }    

   .mokuteki_2_1_L{
      width: 700px;
      font-size: 28px;
      font-weight: bold;
      border-radius: 8px;
      border:4px solid red;
      margin: 0;
      text-align: left;
      padding: 18px;
      }    

   .ad_zone_0{
       margin-top: 20px;
       width: 100%;
       display: flex;
       justify-content: center; /* 水平方向の中央揃え */
       align-items: center; /* 垂直方向の中央揃え */
       flex-direction: column;
       font-size: 18px;
       font-weight: bold;
       }

   .ad_zone_1{
       width: 600px;
       height: 200px;
       overflow: hidden;
       border-radius: 8px;
       border:4px solid red;
       display: flex;
       margin-bottom: 18px;
       }

   .ad_zone_2{
       width: 400px;
       height: 200px;
       font-size: 18px;
       }

    .ad_link_d{
      display: inline-block;
      overflow: hidden;
      box-sizing: border-box;
      border-left: 4px solid red;
      width: 200px;
      }

    .ad_link_d img{
      display: block;
      max-width: 100%;
      height: auto;
      }

    .chuigaki{
      font-size: 12px;
      }

    .seihin_name{
      margin-top: 18px;
      margin-bottom:18px;
      text-align: center;
      }

    .seihin_spec{
      padding-left: 15px;
      margin-top: 5px;
      margin-bottom: 5px;
      list-style-position: inside; 
      }

   .ad_zone_0_Nihon{
       margin-top: 20px;
       width: 100%;
       display: flex;
       justify-content: center; /* 水平方向の中央揃え */
       align-items: center; /* 垂直方向の中央揃え */
       flex-direction: column;
       font-size: 18px;
       font-weight: bold;
       }

   .ad_zone_1_Nihon{
       width: 700px;
       height: 250px;
       overflow: hidden;
       border-radius: 8px;
       border:4px solid red;
       display: flex;
       margin-bottom: 18px;
       }

   .ad_zone_2_Nihon{
       width: 450px;
       height: 250px;
       font-size: 18px;
       }

    .ad_link_d_Nihon{
      display: inline-block;
      overflow: hidden;
      box-sizing: border-box;
      border-left: 4px solid red;
      width: 250px;
      }

    .ad_link_d_Nihon img{
      display: block;
      max-width: 100%;
      height: auto;
      }

    .table_form_Nihon{
      width: 450px;
      font-size: 18px;
      border-collapse: collapse;
      cellpadding: 5px; 
      }

    .table_form_Nihon table{
      border: 0;
      }

    .table_form_Nihon th, td{
      border: 0;
      }

    .table_form_Nihon th{
      vertical-align: center;
      height: 60px;
      }

    .table_form_Nihon td:first-child{
      width: 70px;
      text-align: right;
      }

    .table_form_Nihon td:second-child{
      padding-left: 18px;
      padding-right: 18px;
      }

    .table_form_Nihon td{
      vertical-align: top;
      }


}


@media screen and (max-width: 850px) {
/* スマホ画面 */
  html, body {
    height :100%;
    }
  
    div.sp1{
    height :11%;
    width :100%;
    display: flex;
    z-index:10;
    border-bottom: 6px solid green;
    }
  
    div.sp1_1{
      height :90%;
      width :calc(10vh);
      margin-left :0.5%;
      overflow: hidden;
      display: flex;
      align-items: center;
      }
          
    div.sp1_2{
      height :90%;
      padding-left : calc(0.5vh);
      width :calc(100% - calc(10.5vh));
      font-size: 26px;
      font-weight: bold;
      display: flex;
      align-items: center;
      }

    div.sp2{
      height :89%;
      width :100%;
      display: block;    
    }
  
    div.sp2_1{

      width: 100%;
      }

    div.sp2_1_1{
      width :100%;
      color : black;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 5px;
      box-sizing: border-box;
      overflow-y: scroll;
      overflow-x: hidden;
      }

    div.sp2_1_2{
      height: 80px;
      width: 100%;
      align-items: center;
      overflow: scroll;
      border-top:4px solid green ;
      border-bottom:6px solid green ;
      }

    div.sp2_2{
      height :70%;
      width :100%;
      overflow-y: scroll;
      }
      
    div.sp2_2_1{
      height :60%;
      width :100%;
      overflow: hidden;
      position: relative;
      border-bottom: 4px solid gray;
      margin-bottom: 10px;
      }
      
    div.sp2_2_2{
      width :100%;
      height: 100%;
      overflow: scroll;
      }

    div.sp2_2_3{
      width :100%;
      height: 30%;

      }
 
    .hata{
       position:relative;
       width :calc(9vh);
       border: 2px solid black;
       z-index:1;
       } 

    .h1_font{
      font-size: 24px;
      font-weight: bold;
      text-align: center;
      }

    .h2_font{
      font-size: 18px;
      font-weight: bold;
      text-align: center;
      }
      
    .blog_img_d{
      width: 100%;
      display: flex; /* フレックスボックスを使用 */
      justify-content: center; /* 水平方向の中央揃え */
      align-items: center; /* 垂直方向の中央揃え */
      padding-top: 2%;
      padding-bottom: 2%;
      }
      
    .blog_img{
      width :70%;
      border-radius: 15px; /* 角を丸くする */
      }
      
    .blog_honbun_d{
      width :100%;
      }
      
    .blog_honbun{
      color: black;
      font-size: 16px;
      font-weight: bold;
      margin: 0%;
      padding-right: 5%;
      padding-left: 5%;
      line-height: 2;
      }
      
     .BB {
       list-style-type: none;
       padding-left: 0;
       margin: 0;
       display: flex;
       flex-wrap: wrap;
       }

    .BB li {
      color: black;
      font-size: 11px;
      font-weight: bold;
      width: 55px;
      text-align: center;
      border: 2px solid #00796b;
      border-radius: 8px;
      background-color: #e0f7fa;

      padding: 3px;
      box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
      transition: background-color 0.3s;
      cursor: pointer;
      }

    .BB li:hover {
      background-color: #FFB6C1;
      border-color: #FF69B4;
      }

    .BB a {
      color: black;
      text-decoration: none;
      display: block;
      }

    .CC {
      color: black;
      font-weight: bold;
      font-size: 0px;
      text-align: center;
      margin-top: 0px
      }

    .CC1 {
      color: black;
      font-weight: bold;
      font-size: 20px;
      text-align: center;
      margin-top: 2px;
      padding: 0px;
      }

    .DD {
      display: none;
      list-style-type: none;
      padding-left: 0;
      margin-left: 0;
      width: 100%;
      }

    .DD li {
      all: unset;
      display: list-item;
      padding: 4px 0;
      color: black;
      font-weight: normal;
      text-align: center; /* ← 中央揃え */
      font-weight: bold;
      cursor: pointer; /* ← カーソル変更 */
      }

    .title-font{
      font-size: 26px;
      font-weight: bold;
      }

    .sinchaku-title{
       text-align: center;
       font-size: 20px;
       }

    .sinchaku{
       margin: 3px 5px;
       font-size: 16px;
       font-weight: bold;
       }

    .carousel {
      width: 150px;
      height: 100px;
      overflow: hidden;
      position: relative;
      border: 1px solid #ccc;
      margin-bottom: 10px;
      }

    .carousel-items {
      display: flex;
      width: 100%;
      height: 100%;
      transition: transform 0.5s ease-in-out;
      }
 
    .carousel-item {
      min-width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 24px;
      background-color: #f0f0f0;
      }

    .indicators {
      text-align: center;
      }

    .indicator {
      display: inline-block;
      width: 5px;
      height: 5px;
      margin: 0 5px;
      background-color: #ccc;
      border-radius: 50%;
      cursor: pointer;
      }

    .indicator.active {
      background-color: #333;
      }

    .styled-table {
      width: 100%;
      border-collapse: collapse; /* セルの境界線を重ねる */
      margin-top: 2%;
      margin-bottom: 2%;
      font-weight: bold;
      font-size: 11px;
      }

    .styled-table th, .styled-table td {
      border: 2px solid #4CAF50; /* 線の太さと色 */
      padding: 8px; /* セル内の余白 */
      text-align: left; /* テキストの配置 */
      }

    .styled-table th, .styled-table td:first-child {
      text-align: center;
      }

    .styled-table th {
      background-color: #4CAF50; /* ヘッダーの背景色 */
      color: white; /* ヘッダーの文字色 */
      }

    .styled-table tr:nth-child(even) {
      background-color: #f2f2f2; /* 偶数行の背景色 */
      }

    .mokuteki{
      font-size: 20px;
      text-align: center;
      color: red;
      font-weight: bold;
      margin-top: 10px;
      margin-bottom: 0;
      }
    
    .next_link{
      font-size: 18px;
      color: black;
      text-align: center;
      font-weight: bold;
      display: inline-block;
      }
    
    .next_link_d {
      text-align: center; /* 子要素を中央揃え */
      }

    .nihon_link {
      display: inline-block; /* a要素の幅を画像に合わせる */
      }

    .nihon_link_img {
      display: block;        /* 画像の下の余白をなくす */
      width: 200px;            /* 画像サイズを指定（必要に応じて調整） */
      margin: 0 auto;        /* 画像をa要素内で中央に配置 */
      }

    .kuhaku{
      width: 100%;
      height: 100px;
      }

    .kiji_list{
      font-size: 16px;
      color: black;
      font-weight: bold;
      padding: 0px;
      }

    .scr_img{
      height: 150px;
      display: inline-block;
      border-radius: 20px;
      } 

    .styled-table_news {
      width: 100%;
      border-collapse: collapse; /* セルの境界線を重ねる */
      margin-top: 2%;
      margin-bottom: 2%;
      font-weight: bold;
      font-size: 10px;
      }

    .styled-table_news th, .styled-table_news td {
      border: 2px solid blue; /* 線の太さと色 */
      padding: 5px; /* セル内の余白 */
      text-align: left; /* テキストの配置 */
      }

    .styled-table_news th, .styled-table_news td:first-child {
      text-align: center;
      }

    .styled-table_news th {
      background-color: skyblue; /* ヘッダーの背景色 */
      color: white; /* ヘッダーの文字色 */
      }

    .styled-table_news tr:nth-child(even) {
      background-color: #f2f2f2; /* 偶数行の背景色 */
      } 

   .NK_0{
     width: 100%;
     height: 100%;
     overflow-y: scroll;
     } 

   .NK_1{
     width: 100%;
     height: 100px;
     display: flex;
     justify-content: center; /* 水平方向の中央揃え */
     align-items: center; /* 垂直方向の中央揃え */
     }

   .NK_1_1{
     width: 200px;
     height: 60px;
     display: flex;
     align-items: center; /* 垂直方向の中央揃え */
     border: 6px solid yellow;
     background-color: rgb(0, 18, 154);
     }

   .NK_1_1_1{
     height: 100%;
     aspect-ratio: 1;
     display: flex;
     justify-content: center; /* 水平方向の中央揃え */
     align-items: center; /* 垂直方向の中央揃え */
  /* background-color: rgb(0, 51, 102); */
     }

   .NK_1_1_2{
     width: auto;
     height: 100%;
     display: flex;
     justify-content: center; /* 水平方向の中央揃え */
     align-items: center; /* 垂直方向の中央揃え */
  /* background-color: rgb(0, 51, 102); */
     }

    .NK_1_1_1_hata{
       position:relative;
       width :calc(9vh);
       align-items: center; /* 垂直方向の中央揃え */
       z-index:1;
       }
    .NK_1_1_1_h1{
       font-size: 26px;
       color: white;
       font-weight: bold;
    /* background-color: rgb(0, 51, 102); */
       }
 
    .NK_2{
       display: flex;
/*       flex-direction: column; */
       width: 100%;
       height: 130px;
       justify-content: center;
       align-items: center;
/*       border-top: 4px solid orange; */
/*       border-bottom: 4px solid orange; */
/*       background-color: #C5E0FF; */
       }

    .NK_3{
       width: 100%;
       display: flex;
       flex-direction: column;
       justify-content: center; 
       align-items: center;     
       }

   .NK_2_1{
       width: 50%;
       height: 100%;
       border-top: 4px solid orange;
       border-bottom: 4px solid orange;
       border-right: 4px solid orange;
       background-color: #C5E0FF;
       }

   .NK_2_1B{
       width: 50%;
       height: 100%;
       border: 4px solid orange;
       background-color: #B4FFBB;
       }

   .NK_2_1_1{
       width: 100%;
       height: 20px;
       margin-top: 8px;
       text-align: center;
       }

   .NK_2_1_2{
       width: 100%;
       display: flex;
       flex-direction: column;
       height: 80%;
       justify-content: center;
       align-items: center;
       }


    div.list-box{
       margin: 0;
       padding: 0;
       font-size: 14px;
       font-weight: bold;
    }        
    
    .list-box_NK{
       width: 150px;
       font-size: 14px;
       font-weight: bold;
       margin-bottom: 5px;
       }

    .button_NK{
       font-size: 12px;
       margin-top: 5px;
       font-weight: bold;
       }

     .font1{
       font-size: 20px;
       margin: 0;
       color: #000;
       padding: 0;
    /* margin-top: 30px; */
       font-weight: bold;
    }
     .font2{
       font-size: 14px;
       color: #000;
       padding: 0;
       margin-left: 1%;
    /* margin-bottom: 18px; */
       font-weight: bold;
       text-align: left;
       padding-left: 1em;
       padding-right: 1em;
    /* line-height: 1; */
    }

    .NK_5{
       width: 100%;
       height: auto;
       text-align: center;
       }


    .hajimeni{
 /*    position:absolute; */
       top:85%;
       left:30%;
       width:60%;
       z-index:1;
       font-size:30px;
     }
    div.hajime{
/*     background-color: rgba(0, 0, 50, 0.5); */
/*     padding-top: 30px; */
/*     padding-bottom: 30px; */
       }

/*表*/
/*        .table_font{ */
/*         font-size: 12px; */
/*         color: #000; */
/*         width: 100%; */
/*         background-color: rgba(255, 255, 255, 0.7); */
/*         text-align: left; */
/*       } */

       .LinkA {
         color: yellow;
       } 
       .LinkA:visited {
         color: aqua; 
       } 
       .kekka_font{
         font-size: 18px;
         margin-left: 10px;
         color: black;
         width: 100%;
         text-align: left;
      }

    .table_font {
      width: 100%;
      border-collapse: collapse; /* セルの境界線を重ねる */
      margin-top: 2%;
      margin-bottom: 2%;
      font-weight: bold;
      }

    .table_font th, .table_font td {
      border: 2px solid #4CAF50; /* 線の太さと色 */
      padding: 12px; /* セル内の余白 */
      text-align: left; /* テキストの配置 */
      }

    .table_font th, .table_font td:first-child {
      text-align: center;
      }

    .table_font th {
      background-color: #C5FFC9; /* ヘッダーの背景色 */
      color: black; /* ヘッダーの文字色 */
      }

    .table_font tr:nth-child(even) {
      background-color: #f2f2f2; /* 偶数行の背景色 */
      }

      .table_form{
        font-size: 12px;
        font-weight: bold;
        color: #000;
        width: 100%;
        text-align: left;
        width: 90%;
        border: 4px solid #0CAD1A;
        margin-bottom: 10px;
        }

     .table_form th:nth-child(1){
        width: 25%;
        background-color: #12FF27;
        }

     .table_form th:nth-child(2){
        width: 65%;
        background-color: #12FF27;
        }

      .table_form td {
        background-color: #B9FFBF;
        } 

      .kekka_font1{
        font-size: 16px;
        font-weight: bold;
        margin-top: 10px;
        margin-bottom: 0;
        color: #000;
        width: 100%;
        text-align: center;
        }

      .kekka_font2{
        font-size: 16px;
        font-weight: bold;
        margin-top: 0;
        margin-bottom: 10px;
        color: #000;
        width: 100%;
        text-align: center;
        }

  
    .kiji_1{
      width: 100%;
      display: flex;
      flex-wrap: wrap; /* 子要素を自動的に次の行に移動 */
      justify-content: center; /* 中央揃え */
      margin: 0;
      padding: 0px;
      }

   .kiji_2{ 
      width: 200px; /* アイコンの幅 */
      height: 170px; /* アイコンの高さ */
      margin: 10px; /* アイコン同士の間隔 */
      background-color: #f0f0f0; /* アイコンの背景色 */
      border-radius: 10px; /* 丸みを帯びた形 */
      text-decoration: none; /* リンク下線を消す */
      color: black; /* テキストの色 */
      }

   .kiji_2 img {
      width: 200px; /* 画像の幅 */
      height: auto; /* 画像の高さ */
      margin-bottom: 5px; /* 画像とテキストの間隔 */
      }

   .kiji_2:hover {
      background-color: #d0d0d0; /* ホバー時の背景色 */
      }

   .kiji_3{
      width: 200px;
      height: 130px;
      border-radius: 10px 10px 0 0; /* 上側の角を丸める */
      overflow: hidden;
      }

   .kiji_4{
      height: 40px;
      width: 200px;
      font-size: 12px;
      font-weight: bold;
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      }

   .mokuteki_2{
      width: 100%;
      text-align: center;
      justify-content: center;
      display: flex;
      margin-top: 0;
      margin-bottom: 11px
      }  

   .mokuteki_2_1{
      width: 300px;
      font-size: 18px;
      font-weight: bold;
      border-radius: 8px;
      border:4px solid red;
      margin: 0;
      }    

   .mokuteki_2_1_L{
      width: 300px;
      font-size: 18px;
      font-weight: bold;
      border-radius: 8px;
      border:4px solid red;
      margin: 0;
      text-align: left;
      padding: 8px;
      } 

   .ad_zone_0{
       margin-top: 12px;
       width: 100%;
       display: flex;
       justify-content: center; /* 水平方向の中央揃え */
       align-items: center; /* 垂直方向の中央揃え */
       flex-direction: column;
       font-size: 12px;
       font-weight: bold;
       }

   .ad_zone_1{
       width: 300px;
       height: 100px;
       overflow: hidden;
       border-radius: 8px;
       border:4px solid red;
       display: flex;
       margin-bottom: 10px;
       }

   .ad_zone_2{
       width: 200px;
       height: 100px;
       font-size: 10px;
       }

    .ad_link_d{
      display: inline-block;
      overflow: hidden;
      box-sizing: border-box;
      border-left: 4px solid red;
      width: 100px;
      }

    .ad_link_d img{
      display: block;
      max-width: 100%;
      height: auto;
      }

    .chuigaki{
      font-size: 8px;
      }

    .seihin_name{
      margin-top: 5px;
      margin-bottom:3px;
      text-align: center;
      }

    .seihin_spec{
      padding-left: 5px;
      margin-top: 5px;
      margin-bottom: 5px;
      list-style-position: inside;
      }

   .ad_zone_0_Nihon{
       margin-top: 20px;
       width: 100%;
       display: flex;
       justify-content: center; /* 水平方向の中央揃え */
       align-items: center; /* 垂直方向の中央揃え */
       flex-direction: column;
       font-size: 9px;
       font-weight: bold;
       }

   .ad_zone_1_Nihon{
       width: 300px;
       height: 120px;
       overflow: hidden;
       border-radius: 8px;
       border:4px solid red;
       display: flex;
       margin-bottom: 18px;
       }

   .ad_zone_2_Nihon{
       width: 200px;
       height: 120px;
       font-size: 9px;
       }

    .ad_link_d_Nihon{
      display: flex;
      overflow: hidden;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      box-sizing: border-box;
      border-left: 4px solid red;
      width: 100px;
      }

    .ad_link_d_Nihon img{
      display: block;
      max-width: 100%;
      height: auto;
      }

    .table_form_Nihon{
      width: 200px;
      font-size: 9px;
      border-collapse: collapse;
      cellpadding: 5px; 
      }

    .table_form_Nihon table{
      border: 0;
      }

    .table_form_Nihon th, td{
      border: 0;
      }

    .table_form_Nihon th{
      vertical-align: center;
      height: 20px;
      }

    .table_form_Nihon td:first-child{
      width: 30px;
      text-align: right;
      }

    .table_form_Nihon td:second-child{
      padding-left: 11px;
      padding-right: 11px;
      }

    .table_form_Nihon td{
      vertical-align: top;
      }

}