#img_main_visual{
   display:block;
   width:auto;
   background-color:#fff100;
   margin:0 0 62px;
}

#img_main_visual img{
   display:block;
   width:100%;
   max-width:1500px;
   height:auto;
   margin:0 auto;
}

#img_main_visual_sp{
   display:none;
}

#id_news{
   width:auto;
   background-image:url(../images/top/img_news_illust.png);
   background-position:2% top;
   background-size:88px;
   padding-bottom: 85px;
}

#id_news h2{
   width:126px;
   height:32px;
   background-image:url(../images/top/ttl_news.svg);
   background-size:contain;
   background-position:center center;
   text-indent:-9999px;
   margin:0 auto 35px;
}

#id_news #list_news{
   width:800px;
   list-style:none;
   line-height:1.7;
   margin:0 auto 40px;
}

#id_news #list_news li{
   display:flex;
   width:auto;
   margin:15px 0;
}

#id_news #list_news time{
   display:block;
   width:152px;
   color:#006CB6;
}

#id_news #list_news a{
   display:block;
   width:calc(100% - 152px);
   color:#D7092F;
   font-weight: bold;
   text-decoration:underline;
}

#id_news #list_news a:hover{
   text-decoration:underline;
}

#id_news #list_news .link_important{font-family:'Noto Sans Bold', sans-serif;font-weight:bold;color:red;pointer-events:none}

#id_about{
   width:auto;
   background-color:#fff100;
   background-image:url(../images/top/back_about.png);
   background-size:669px;
   background-position:0 0;
   padding:55px 0 53px;
}

#id_about .box_inner{
   display:flex;
   justify-content:space-between;
   align-items: center;
   flex-wrap:wrap;
   width:1000px;
   margin:0 auto;
}

#id_about .box_inner .detail_about{
   order:2;
   width:420px;
   font-weight:bold;
   line-height:1.9;
}

#id_about .box_inner .detail_about ul{
   width:auto;
   list-style:none;
   margin:15px 0 0;
}

#id_about .box_inner .detail_about ul li{
   width:100%;
   margin:10px 0;
}

#id_about .box_inner .detail_about ul a{
   min-width:100%;
   text-align:center;
}

#id_about .box_inner h2{
   width:calc(808px / 2);height:calc(240px / 2);
   background-image:url(../images/top/ttl_about.svg);
   background-size:contain;
   text-indent:-9999px;
   margin:0 auto 24px;
}

#id_about .box_inner picture{
   order:1;
   display:block;
   width:520px;
}

#id_about .box_inner picture img{
   width:100%;
   height:auto;
}

.txt_flow{
   width:auto;
   text-align:center;
   margin:0 0 80px;
}

#id_outline{
   width:auto;
   background-image:url(../images/top/img_outline_illust.png);
   background-position:98% top;background-size:87px;
   margin-bottom: 80px;
}

#id_outline h2{
   width:142px;
   height:33px;
   background-image:url(../images/top/ttl_outline.svg);
   background-size:contain;
   background-position:center center;
   text-indent:-9999px;
   margin:0 auto 40px
}

#id_outline table{
   width:800px;
   line-height:1.6;
   margin:0 auto 16px
}

#id_outline table tr{
   border-top:2px dashed #F2971B
}

#id_outline table th,#id_outline table td{
   text-align:left;
   vertical-align:baseline;
   padding:8px 0 8px 36px
}

#id_outline table th{
   width:136px
}

#id_outline table dl{
   width:auto;
   margin:0 0 1.5em
}

#id_outline table dl dt{
   font-weight:bold;
   margin:0 0 5px
}

#id_outline table ol{
   width:auto;
   color:#D80A30;
   list-style:none
}

#id_outline table ol span{
   font-family:sans-serif
}

#id_outline .btn_cmn_1{
   width:380px;
   font-size:2rem;
   border-radius:50px;
   padding:24px 0
}

#id_list{
   width:auto;
   background-color:#FCF7DB;
   background-image:url(../images/top/img_list_illust.png);
   background-position:2% 27px;
   background-size:87px;
   padding:72px 0 62px
}

#id_list h2{
   width:178px;
   height:33px;
   background-image:url(../images/top/ttl_list.svg);
   background-size:contain;
   background-position:center center;
   text-indent:-9999px;
   margin:0 auto 20px
}

#id_list #flex_list{
   display:flex;
   justify-content:space-between;
   flex-wrap:wrap;
   width:1000px;
   margin:0 auto 30px
}

#id_list .detail_loop{
   position:relative;
   width:488px;
   font-size:1.4rem;
   line-height:1.7;
   background-color:#fff;
   padding:30px 15px 15px;
   margin:0 0 20px
}

#id_list .detail_loop h3{
   width:100%;
   font-size:1.7rem;
   font-weight:bold;
   margin:0 0 10px
}

#id_list .detail_loop h3 span{
   display:block;
   width:auto;
   font-weight:normal;
   font-size:1.4rem
}

#id_list .detail_loop .flex_detail{
   display:flex;
   justify-content:space-between;
   flex-wrap:wrap;
   width:auto
}

#id_list .detail_loop .txt_loop{
   width:248px;
   text-align:justify
}

#id_list .detail_loop .txt_loop ul{
   width:auto;
   margin:1em 0 0
}

#id_list .detail_loop .txt_loop ul li{
/*   display:inline;
   margin:0 1em 0 0*/
   list-style: none;
   letter-spacing: 0.03em;
}

#id_list .detail_loop .txt_loop span{
   font-weight:bold;
   color:#006CB6
}

#id_list .detail_loop figure{
   width:195px
}

#id_list .detail_loop figure img{
   width:100%;
   height:auto;
   border-radius:8px
}

#id_list .detail_loop .icon_genre{
   position:absolute;
   top:0;
   left:0;
   display:block;
   width:auto;
   font-size:1.3rem;
   font-weight:bold;
   background-color:#fff100;
   line-height:1;
   border-radius:0 0 4px 0;
   padding:5px 8px
}

#id_covid{
   width:800px;
   line-height:1.7;
   margin:72px auto 62px
}

#id_covid h2{
   width:291px;
   height:33px;
   background-image:url(../images/top/ttl_covid.svg);
   background-size:contain;
   background-position:center center;
   text-indent:-9999px;
   margin:0 auto 40px;
}

/*20240903追加*/

.exhibition_black {
   width: 92%;
   max-width: 1000px;
   margin: 0 auto;
   text-align: center;
   font-weight: bold;
   margin-bottom: 30px;
   line-height: 1.5;
}


@media screen and (max-width: 1020px){
   img{
      max-width:100%;
      height:auto;
   }

   .img_main_visual_none {
      display: none !important;
   }

   #img_main_visual_sp{
      display:block;
      width:100%
   }
   
   #img_main_visual_sp img{
      width:100%;
      height:auto
   }
   
   #id_news{
      width:auto;
      background-position:2% 12px;
      background-size:60px;
      padding:55px 0 0 0;
      margin:0
   }

   #id_news h2 {
      margin-bottom: 20px;
   }
   
   #id_news #list_news{
      width:92%;
      margin:0 auto 25px
   }
   
   #id_news #list_news li{
      display:block;
      width:auto;
      margin:13px 0
   }
   
   #id_news #list_news time{
      width:100%;
      margin:0 0 5px
   }
   
   #id_news #list_news a{
      width:100%
   }
   
   #id_about{
      background-size:70vw;
      padding:30px 0 50px
   }
   
   #id_about .box_inner{
      width:92%;
      margin:0 auto
   }
   
   #id_about .box_inner .detail_about{
      order:2;
      width:100%;
      line-height:1.8
   }
   
   #id_about .box_inner .detail_about ul a{
      font-size:1.4rem
   }
   
   #id_about .box_inner h2{
      width:calc(808px / 2.5);
      height:calc(240px / 2.5);
      margin:0 auto 16px
   }
   
   #id_about .box_inner picture{
      display:block;
      width:100%
   }
   
   .txt_flow{
      margin:0
   }
   
   #id_outline{
      width:auto;
      background-position:98% 2%;
      background-size:60px;
      padding:45px 0 40px;
      margin:0
   }
   
   #id_outline h2{
      margin:0 auto 30px
   }
   
   #id_outline table{
      width:92%;
      line-height:1.6;
      margin:0 auto 20px
   }
   
   #id_outline table tr,#id_outline table th,#id_outline table td{
      display:block;
      width:100%
   }
   
   #id_outline table tr{
      padding:10px 0
   }
   
   #id_outline table th,#id_outline table td{
      padding:0
   }
   
   #id_outline table th{
      width:100%
   }
   
   #id_outline .btn_cmn_1{
      width:92%
   }
   
   #id_list{
      width:auto;
      background-position:2% 10px;
      background-size:60px;
      padding:40px 0 50px
   }
   
   #id_list h2{
      width:178px;
      height:33px;
      background-image:url(../images/top/ttl_list.svg);
      background-size:contain;
      background-position:center center;
      text-indent:-9999px;
      margin:0 auto 30px
   }
   
   #id_list #flex_list{
      display:block;
      width:92%;
      margin:0 auto
   }
   
   #id_list .detail_loop{
      width:100%;
      padding:30px 12px 12px
   }
   
   #id_list .detail_loop h3{
      font-size:1.6rem
   }
   
   #id_list .detail_loop h3 span{
      font-size:1.2rem
   }
   
   #id_list .detail_loop .txt_loop{
      width:48%;
      font-size:1.3rem
   }
   
   #id_list .detail_loop figure{
      width:48%;
      /*height:147px*/
   }
   
   #id_list .detail_loop .icon_genre{
      font-size:1.2rem
   }
   
   #id_covid{
      width:92%;
      margin:40px auto 50px
   }

   /*20240903追加*/

   .exhibition_black {
      width: 92%;
      max-width: 1000px;
      margin: 0 auto;
      font-weight: bold;
      margin-bottom: 20px;
      line-height: 1.5;
      text-align: left;
   }   
}

/*20240903追加*/

.nice_btn {
   display: flex;
   align-items: center;
}

.nice_title {
   width: 80px;
   margin-right: 6px;
}

.nice_title img {
   width: 100%;
   height: auto;
}

/*20241022追加*/

.top_method {
   width: 100%;
   background-color: #fff100;
}

.top_method_con {
   width: 92%;
   max-width: 850px;
   padding: 55px 0 50px 0;
   margin: 0 auto;
}

.top_method_con h2 {
   text-align: center;
   margin-bottom: 15px;
}

.top_method_con h2 img {
   width: 142px;
   height: auto;
}

.top_method_g {
   background-color: #fff;
   border-radius: 15px;
   padding: 18px 20px;
   margin-bottom: 15px;
}

.top_method_bl {
   text-align: center;
   font-weight: bold;
   color: #fff;
   background-color: #38a225;
   padding: 5px 10px;
   border-radius: 10px;
   font-size: 2.0rem;
   margin-bottom: 15px;
   line-height: 1.5;
}

.top_method_rd {
   text-align: center;
   font-weight: bold;
   color: #fff;
   background-color: #006CB6;
   padding: 5px 10px;
   border-radius: 10px;
   font-size: 2.0rem;
   margin-bottom: 15px;
   line-height: 1.5;
}

.top_method_bp {
   font-weight: bold;
   font-size: 1.8rem;
   color: #006CB6;
   margin-bottom: 10px;
   line-height: 1.5;
}

.top_method_sp {
   font-size: 1.4rem;
   line-height: 1.5;
}

.top_method_imgg {
   display: flex;
   justify-content: space-between;
   align-items: center;
   background-color: #fff100;
   padding: 10px 20px;
   margin-top: 15px;
   margin-bottom: 16px;
}

.top_method_imgg_a {
   width: 55%;
}

.top_method_imgg_a img {
   width: 100%;
   height: auto;
}

.top_method_imgg_b {
   width: 42%;
}

.top_method_imgg_b img {
   width: 100%;
   height: auto;
}

.top_method_btn {
   text-align: center;
}

.top_method_btn a {
   width: 100%;
   max-width: 310px;
}

@media screen and (max-width: 1020px){
   .top_method_con {
      padding: 45px 0 35px 0;
   }
   .top_method_bl,
   .top_method_rd {
      margin-bottom: 12px;
      font-size: 1.5rem;
   }

   .top_method_bp {
      font-size: 1.5rem;
   }

   .top_method_imgg {
      display: block;
      padding: 10px;
      text-align: center;
      width: 100%;
      max-width: 500px;
      margin: 0 auto;
      margin-bottom: 15px;
   }

   .top_method_imgg_a {
      width: 100%;
      margin-bottom: 10px;
   }

   .top_method_imgg_b {
      width: 100%;
   }

   .top_method_g {
      margin-bottom: 10px;
   }

   .top_method_btn a {
      font-size: 1.4rem;
   }
   
   .top_method_sp {
      font-size: 1.3rem;
   }
}