@charset "utf-8";

/*****************************************************************

	ニュースページ用CSS

*****************************************************************/

/*============================================================
	Common
============================================================*/

#main .art_news{
max-width:960px;
margin:auto;
}


#main .art_news .yohaku5{
  margin-bottom: 5em!important;
}


#main .art_news .yohaku2,
#main .art_news li.mb2{
  margin-bottom: 2em!important;
}



#main .art_news .non{
  background:#fff;
}

#main .art_news .tbl_bg_gray{
  background-color: #f5f2ed!important;
}


.news_notime time{
display:none;
}

/*リスト-------------------------------*/

#main .art_news ul{
  display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 1em;
}

#main .art_news ul li{
  list-style:inherit;
  margin-bottom: 1em;
  line-height: 1.5;
}
/*ディスクロ*/
#main .art_news .disclosure_grp ul{
  display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0;
}



/*リスト内リスト---------*/

#main .art_news ul > li > ul{
  display: block;
    list-style-type: circle;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

#main .art_news ul > li > ul > li{
  list-style:inherit;
  margin-bottom: 1em;
  line-height: 1.5;
}

#main .art_news ul p{
  line-height: 1.5;
}

/*数字リスト------------------------------------*/
#main .art_news ol{
  padding:0;
  margin:0;
}
#main .art_news ol > li{
  list-style-type:none;
  list-style-position:outside;
  counter-increment: cnt;
  margin-left: 0em;
}
#main .art_news ol > li:before{
  display: marker;
  content: counter(cnt) ". ";
}
#main .art_news ol.li_bold > li:before{
  display: marker;
  content: counter(cnt) ". ";
font-weight:bold;
}
#main .art_news ol > li >h2,
#main .art_news ol > li >h3,
#main .art_news ol > li >h4{
display:inline;
}


/*括弧つき数字リスト------------------------------------*/
#main .art_news ol.list_parentheses{
  padding:0;
  margin:0;
}
#main .art_news ol.list_parentheses > li{
  list-style-type:none;
  list-style-position:outside;
  counter-increment: parentheses;
  margin-left: 0em;
  padding-left: 1em;
  text-indent: -1em;
}
#main .art_news ol.list_parentheses > li table{text-indent:0;}
#main .art_news ol.list_parentheses > li:before{
  display: marker;
  content: "(" counter(parentheses) ") ";
}
#main ol.list_parentheses li i{
  display: inline;
}
#main ol.list_parentheses li .ico_cate{
  padding: 4px 1em;
  display: inline;
}

/*丸数字リスト------------------------------------*/

#main .art_news ol.circle-list  {
  position: relative;
  margin: 0;
  padding: 0
}
#main .art_news ol.circle-list > li  {
  list-style: none;
  list-style-position: outside;
  margin: 0;
  padding-left: 1.25em
}
#main .art_news ol.circle-list > li > span {
  position: absolute;
  left: 0;
  margin: 0
}
#main .art_news ol.circle-list > li:before {
    display: marker;
    content:"";
}

/*※つきリスト------------------------------------*/
#main .art_news ul.list_asterisk{
  padding:0;
  margin:0;
}
#main .art_news ul.list_asterisk > li{
  list-style-type:none;
  list-style-position:outside;
  margin-left: 0em;
  padding-left: 1em;
  text-indent: -1.5em;
}
#main .art_news ul.list_asterisk > li:before{
  display: marker;
  content: "※ ";
}
#main ul.list_asterisk li i{
  display: inline;
}
#main ul.list_asterisk li .ico_cate{
  padding: 4px 1em;
  display: inline;
}


/*text-------------------------------------*/

#main .art_news td,
#main .art_news th{
border:1px solid #cccccc;
padding:5px;
}

#main .art_news th{
background-color: #f5f2ed;
}

#main .art_news .txt_c{
   text-align: center;
}
#main .art_news .txt_l{
   text-align: left;
}
#main .art_news .txt_r{
   text-align: right;
}

#main .art_news .txt_lg{
	font-size: 1.5em!important;
}

#main .art_news .txt_sml{
	font-size: 0.8em!important;
}
#main .art_news .txt_gray{
	color: gray;
}

#main .art_news .txt-red{
	color:#E5004F;
}

#main .art_news .txt-ore{
	color:#F16630;
}


#main .art_news .txt-green{
	color: #00A040;
}

#main .art_news .txt-blue{
	color: #014E9C;
}

#main .art_news .txt-blgr{
	color: #009C92;
}

#main .art_news .txt-wh{
	color: #fff;
	text-shadow:0 0 5px rgba(113,113,113,0.50);
}

#main .art_news .txt-u_red{
  background: linear-gradient(transparent 90%, rgba(229,0,79,0.50) 80%);
}



/*見出し-------------------------------------------------*/

#main .art_news .h_box{
  border: 1px solid #333;
  padding: 5px;
}
/*box----------------------------------------------------*/

#main .art_news .news_box1{
	padding: 10px;
	border-radius:10px;
  border: 1px solid #003B7A;
  margin: 2em 1em;
}

#main .art_news .news_box2{
	padding: 10px;
	border-radius:10px;
  border: 1px solid #C90046;
  margin: 2em 1em;
}


/*============================================================
	お問い合わせ
============================================================*/
#main .art_news .news_toiawase{
  margin: 2em auto;
  padding: 1em;
  border: 1px solid #666666;
  max-width:340px;
}
#main .art_news .news_toiawase p{
  text-align: center;
}

/*============================================================
	SDGsアイコン
============================================================*/
#main .art_news .sdgs_ico{
margin:2px;
width:100px;
max-width:120px;
}

/*============================================================
	tbl_news1
============================================================*/
#main .art_news .tbl_news1 {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  table-layout: fixed;
  border: 1px solid #ccc;
}

#main .art_news .tbl_news1 tr {
  border-bottom: 1px solid #ccc;
}
#main .art_news .tbl_news1 th,
#main .art_news .tbl_news1 td {
  padding: 1em 10px 1em 1em;
  border-right: 1px solid #ccc;
}
#main .art_news .tbl_news1 th {
  font-size: .85em;
}
#main .art_news .tbl_news1 thead tr{
  background-color: #f2f2f2;
}
#main .art_news .tbl_news1 tbody th {
    background: #f4f4f4;
}

/*============================================================
	tbl_news2
============================================================*/

#main .art_news .tbl_news2{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

#main .art_news .tbl_news2 > ul{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

#main .art_news .tbl_news2 .th{
	padding: 10px 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #FFF;
	width: 100%;
	background: #E4E4E4;
	font-weight: bold;
}

#main .art_news .tbl_news2 .td{
	padding: 10px 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #FFF;
	width: 100%;
	background: #F6F6F6;
	line-height: 1.4;
}

#main .art_news .tbl_news2 .tbl_w100_pc{
flex-grow: 1;
flex-shrink: 1;
flex-basis: calc(100% - 1rem);
width:100%;
}

#main .art_news .tbl_news2 .tbl_w90_pc{
flex-grow: 1;
flex-shrink: 1;
flex-basis: calc(90% - 1rem);
width:90%;
}

#main .art_news .tbl_news2 .tbl_w80_pc{
flex-grow: 1;
flex-shrink: 1;
flex-basis: calc(80% - 1rem);
width:80%;
}


#main .art_news .tbl_news2 .tbl_w70_pc{
flex-grow: 1;
flex-shrink: 1;
flex-basis: calc(70% - 1rem);
width:70%;
}

#main .art_news .tbl_news2 .tbl_w60_pc{
flex-grow: 1;
flex-shrink: 1;
flex-basis: calc(60% - 1rem);
width:60%;
}

#main .art_news .tbl_news2 .tbl_w50_pc{
flex-grow: 1;
flex-shrink: 1;
flex-basis: calc(50% - 1rem);
width:50%;
}

#main .art_news .tbl_news2 .tbl_w40_pc{
flex-grow: 1;
flex-shrink: 1;
flex-basis: calc(40% - 1rem);
width:40%;
}

#main .art_news .tbl_news2 .tbl_w25_pc{
flex-grow: 1;
flex-shrink: 1;
flex-basis: calc(25% - 1rem);
width:25%;
}

#main .art_news .tbl_news2 .tbl_w30_pc{
flex-grow: 1;
flex-shrink: 1;
flex-basis: calc(30% - 1rem);
width:30%;
}

#main .art_news .tbl_news2 .tbl_w20_pc{
flex-grow: 1;
flex-shrink: 1;
flex-basis: calc(20% - 1rem);
width:20%;
}

#main .art_news .tbl_news2 .tbl_w15_pc{
flex-grow: 1;
flex-shrink: 1;
flex-basis: calc(15% - 1rem);
width:15%;
}

#main .art_news .tbl_news2 .tbl_w10_pc{
flex-grow: 1;
flex-shrink: 1;
flex-basis: calc(10% - 1rem);
width:10%;
}

#main .art_news .t_h40{
	height: 50px;
}

#main .art_news .td_l{
	justify-content: flex-start!important;
}


/*============================================================
	FLEX
============================================================*/
/*flex-box spacebetween&2列50%50% スマホ1列*/
#main .flex-container_sb2 {
  display:flex;
justify-content:space-between;
}
#main .flex-item_sb2{
flex-basis: 50%;
}

/*---------------*/


#main .art_news .tbl_col_3 td,
#main .art_news .tbl_col_3 th{
  width: 33%;
}


/* ==== 中PC・タブレット ==== */
@media screen and (max-width: 960px) and  (min-width: 768px){
/*flex-box spacebetween&2列*/
#main .flex-container_sb2,#main .flex-item_sb2{
  display: block;
justify-content:space-between;
}

}



/* ==== スマホ ==== */
@media screen and (max-width: 767px) {
#main .art_news .txt_sml{
	font-size: 0.8rem!important;
}

#main .art_news .tbl_ov .tbl_news{
	width: 160%!important;
	display: table;
}

#main .art_news .tbl_w100{
  width: 95%;
}

#main .art_news .tbl_news1 {
    border: 0;
  }
#main .art_news .tbl_news1 th{
    background-color: #f4f4f4;
    display: block;
  }
#main .art_news .tbl_news1 thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
#main .art_news .tbl_news1 tr {
    display: block;
    margin-bottom: .625em;
  }
#main .art_news .tbl_news1 td {
    border-bottom: 1px solid #bbb;
    display: block;
    font-size: .8em;
    position: relative;
    padding: .625em .625em .625em 7em;

  }

#main .art_news .tbl_news1 td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;
    color: #333;
  }
#main .art_news .tbl_news1 td:last-child {
    border-top: 0;
    border-bottom: 0;
  }

  #main .art_news .tbl_news1 .tbl_w50,
#main .art_news .tbl_news1 .tbl_w40,
#main .art_news .tbl_news1 .tbl_w30{
    width: 100%;
  }
/*============================================================
	tbl_news2 SP
============================================================*/
#main .art_news .tbl_news2 .tbl_w100_sp{
  	display: block;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: calc(100% - 1rem);
width:100%;
  }

  #main .art_news .tbl_news2 .tbl_w90_sp{
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: calc(90% - 1rem);
width:90%;
}

  #main .art_news .tbl_news2 .tbl_w80_sp{
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: calc(80% - 1rem);
width:80%;
  }

  #main .art_news .tbl_news2 .tbl_w70_sp{
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: calc(70% - 1rem);
width:70%;
  }


  #main .art_news .tbl_news2 .tbl_w60_sp{
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: calc(60% - 1rem);
width:60%;
  }

  #main .art_news .tbl_news2 .tbl_w50_sp{
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: calc(50% - 1rem);
width:50%;
  }

  #main .art_news .tbl_news2 .tbl_w40_sp{
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: calc(40% - 1rem);
width:40%;
  }

  #main .art_news .tbl_news2 .tbl_w30_sp{
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: calc(30% - 1rem);
width:30%;
  }

  #main .art_news .tbl_news2 .tbl_w25_sp{
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: calc(25% - 1rem);
width:25%;
  }

  #main .art_news .tbl_news2 .tbl_w20_sp{
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: calc(20% - 1rem);
width:20%;
  }

  #main .art_news .tbl_news2 .tbl_w15_sp{
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: calc(15% - 1rem);
width:15%;
  }

  #main .art_news .tbl_news2 .tbl_w10_sp{
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: calc(10% - 1rem);
width:10%;
  }

/*flex-box spacebetween&2列*/
#main .flex-container_sb2,#main .flex-item_sb2{
  display: block;
justify-content:space-between;
}


}

/* ==== スマホ ==== */
@media screen and (max-width: 375px) {

}

/* ==== IE対応 ==== */
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#main .art_news h1.news_title_head{font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","meiryo","MS P Gothic","ＭＳ Ｐゴシック","Osaka", sans-serif;}
}