@charset "utf-8";
/* ================================================================================
とりくみページCSS
================================================================================ */

/* 配置用 */
div.layout { display:flex; justify-content:flex-start; align-items:flex-start; }
div.main_box { width:calc( 100% - 270px ); }
div.side_box { padding:0 0 0 15px; width:270px;
margin-left: 30px; text-align: center;}

/* サイドバナー調整用 */
div.side_box ul li { aspect-ratio:3/1; display:table; overflow:hidden; text-align:center; margin:0 0 10px 0; width:100%; }
div.side_box ul li.left { text-align:left; }
div.side_box ul li a { background-color:#d3e6c850; border:3px solid #5b9737; border-radius:5px; display:table-cell; padding:0 25px; vertical-align:middle; }

/* ================================================================================
色設定
================================================================================ */

/* タブ切り替え：タブリスト */
ul.tab_list li.list_item a {
  background-color: #d3e6c8;
  border-right: none;
  border-left: 2px solid white;
  font-size: 20px;
  display:block; 
}
ul.tab_list li.list_item:last-child a {
  border-radius: 0 10px 10px 0;
}
ul.tab_list li.list_item:first-child a {
  border-radius: 10px 0 0 10px;
  border-left: none;
}
ul.tab_list li.list_item.active a {
  background-color: #5b9737;
  color: #fff;
  font-size: 20px;
}

.main_box p{
    text-align: justify;
}

/* ================================================================================
汎用設定CSS
================================================================================ */

/* タブ切り替え：タブリスト */
ul.tab_list {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0 0 50px 0;
}
ul.tab_list li { width:100%; }
ul.tab_list li a {
  box-sizing: border-box;
  cursor: pointer;
  padding: 10px 0;
  text-align: center;
  width: 100%;
}

div.main_box_iryo h1, div.main_box h1 { margin:30px 0 20px 0; }
ul.list_item_list li a { display:flex; justify-content:flex-start; align-items:center; border-bottom:1px solid #ddd; padding:10px 0; }
ul.list_item_list li a div.samune_ph { aspect-ratio:16/9; overflow:hidden; height:50px; width:auto; }
ul.list_item_list li a div.samune_ph img, ul.list_item_list li a div.samune_ph iframe { object-fit:cover; height:100%; width:100%; }
ul.list_item_list li a p.time { text-align:center; padding:0 15px; width:150px; }
ul.list_item_list li a p.list_text { width:calc( 100% - 200px ); }

/* タブ切り替え：タブコンテンツ*/
div.tab_contents_item {
  display: none;
}
div.tab_contents_item.show {
  display: block;
}