head
  body{
  margin: 0 auto;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",'Times New Roman', sans-serif;
  font-family: 'Times New Roman','游ゴシック', '游明朝','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  background-color:#FFFFFF;
  line-height:130%;
}


.headerfont1 { color: black; font-size: 16px; font-family:'Times New Roman','游ゴシック', '游明朝','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo',
 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic',"Futura", Helvetica, sans-serif;line-height: 140%; }

a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}


.siteidea  {
background-color:#fff;
        border-bottom: solid 4px #009900;
		margin-bottom: 16px;	
	 font-size:32px; 
	font-weight:bold;
		color:#060;
/*		width: 80%;*/
	margin:0 auto;
	text-align: left;
	padding-bottom: 16px;
/*	padding-top: 10px;*/
		}

.siteidea  a{
	text-decoration:none;
     }
.siteidea  a:link{
	color:#006600;
     }
.siteidea  a:visited{
	color:#006600;
     }	 
	 
.siteidea  a:hover{
	color:#00FF00;
     }

/*----hamburger menu start--------------*/
/*影響なし*/
.header {
  display:flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  background: #fff;
	position:fixed;
/*  position: relative;*/

}


/* ここから下がハンバーガーメニューに関するCSS */
  
/* チェックボックスを非表示にする */
.drawer_hidden {
	/*左上隅のチェックボックス*/
  display: none;
}

/* ハンバーガーアイコンの設置スペース */
.drawer_open {
  display: flex;
	/*影響なし*/
justify-content: center;
 /*縦の位置調整*/
	align-items:center; 
  position: fixed;
/*↓ハンバーガー全体の右からの距離*/	
  right: 25px;
	/*ハンバーガーの制御マークとメニューが重なった時　上にする*/	
  z-index: 100;/* 重なり順を一番上にする */
  cursor: pointer;
margin-top: 10px;	
/*	font-size: 12px;*/
/*	visibility: none;*/
	border:0;
/*	heigt:0px;
	width:0px;*/
/*	overflow:hidden;*/
}

/* ハンバーガーメニューのアイコン */
.drawer_open span,
.drawer_open span:before,
.drawer_open span:after {
  /*上下のLINEの表示*/
  content: '';
/*影響なし*/	
  display: block;
	/*LINEの太さ*/
  height: 6px;
	/*;lineの幅サイズ*/
  width: 30px;
/*ラインの端を丸くする*/	
  border-radius: 3px;
	/*ラインの色*/
  background:#333;
  transition: 0.5s;
  position: absolute;
}

/* 三本線の一番上の棒の位置調整 */
.drawer_open span:before {
  bottom: 10px;
	/*left: 3px;*/
}

/* 三本線の一番下の棒の位置調整 */
.drawer_open span:after {
  top: 10px;
}

.drawer_open{
	boder:none;
}

 /*アイコンがクリックされたら真ん中の線を透明にする */
#drawer_input:checked ~ .drawer_open span {
  background: rgba(255, 255, 255, 0);
}

/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#drawer_input:checked ~ .drawer_open span::before {
  bottom: 0;
  transform: rotate(45deg);
}

#drawer_input:checked ~ .drawer_open span::after {
  top: 0;
  transform: rotate(-45deg);
}
  
/* メニューのデザイン*/
.nav_content {
  width: 100%;
  height: 100%;
	/*position 横の位置*/
  position: fixed;
  bottom: 100%;
  right: 0%; /* メニューを画面の外に飛ばす */
  z-index: 99;
  background: #e6e6fa;
  transition: .5s;
  text-align: left;
  padding-top: 5px;
	visibility: hidden;	
}

/* メニュー黒ポチを消す */
.nav_list {
  list-style: none;

}
.nav_item{
	/*padding:1px 1px 1px 1px;*/
	height:34px;
	line-height: 34px;
font-weight: bold;	
	font-size: 16px;
	text-align: left;
	color: #FFFFFF;
	border:solid 1px #4393FB;
	margin:10px 2px 10px 2px; 
	width:80%;
	 background:#022482;

	/*	margin-left: -10px;*/
}

.nav_item a {
display:block;
	color: #fff;
  text-decoration: none;
}

.nav_item a:hover{
background:#699CF2;
}


/* アイコンがクリックされたらメニューを表示 */

#drawer_input:checked ~ .nav_content {
	bottom: 0;
	visibility: visible;
}/* メニューを画面に入れる */

/*----------------hamburger menu end-----------------------------*/




/*dropdown menu start-------------------------*/
#dropmenu {
  list-style-type: none;
  max-width: 1000px;
  /*margin: 30px auto 500px;*/
margin: 0px 0px 40px 0px ;
/*	margin: 0px  0px 40px 10px auto ;*/
  padding: 5px 0px 0px 0px;
/*  padding: 10px 0px 40px 10px;*/
}
#dropmenu li {
  position: relative;
  width: 20%;
  float: left;
  margin:0px;
  padding: 0;
  text-align: center;
}
#dropmenu li a {
  display: block;
  margin: 0px 0.5px 0px 0.5px;
  padding: 14px 0px;
  background: #8a9b0f;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#dropmenu li ul {
  list-style: none;
  position: absolute;
		background-color: #FFFFFF;
  z-index: 100;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 0;
}
#dropmenu li ul li {
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
  transition: .5s;
  margin:5px 0px 0px 0px;	
	/*	margin:10px 0px 15px 0px;*/	
}
#dropmenu li ul li a {
  padding: 6px 0px 6px 10px ;
/*  padding: 13px 15px;*/
  background:#016F14;
  text-align: left;
  font-size: 14px;
  font-weight: normal;
	overflow: hidden;
/*	heigt:30px;*/
}
#dropmenu > li:hover > a {  background:#00995A; }
#dropmenu > li:hover li:hover > a {  background:#806B03;
overflow: hidden;
}
#dropmenu > li:hover > ul > li {
  overflow: visible;
  height: 38px;
}
#dropmenu li ul li ul {
  top: 0;
  left: 100%;
}
#dropmenu li:last-child ul li ul {
  left: -100%;
  width: 100%;
}
#dropmenu li ul li ul:before {
  position: absolute;
  content: "";
  top: 13px;
  left: -20px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: #454e08;
}
#dropmenu li:last-child ul li ul:before {
  position: absolute;
  content: "";
/*孫メニュー矢印用*/	
/*  top: 0px;*/
/*	top: 13px;*/
 /* left: 100%;*/
/*  left: 200%;*/
 /* margin-left: -20px;*/
  border: 5px solid transparent;
/*  border-right-color: #454e08;*/
}

#dropmenu li ul li:hover > ul > li {
  overflow: visible;
  height: 38px;
}
#dropmenu li ul li ul li a {  background: #616d0b }
#dropmenu li:hover ul li ul li a:hover {  background: #535d09 }
/*dropdown menu end--------------------------------*/



/*.category{
  border: solid 2px #060;       
  padding: 0.5em;
  box-sizing: border-box;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
*/


.box1{
			background-color: #CCFF00;}


.img-responsive
        {
			display: block;
			margin-left: auto;
			margin-right: auto;
			max-width: 70%;
			height: auto;
			width: auto;
			}	

.container-basic1top {
	   	flex :1 1  auto;
	  	color:#001100;
        text-align:justify;
		/*background-color:#85CEFB;*/
		max-width: 1000px;
		margin: 0 auto;

/*	    margin: 7px 0px 7px 0px;*/
/*	border: none;*/
/*		padding:5px 3px 0px 24px;*/
	    line-height: 140%;
		}





.idea_container-top {
/*	clear: both;*/
	display: flex;
	flex-flow: row;
	justify-content: space-between;
	border: 2px ridge #caca00;
		background-color: #CCFF00;
		max-width: 800px;
		margin: 0 auto;
		margin-top: 5px;
}



.flex2{flex-grow: 3;
	
}
.flex1{flex-grow: 1;
	
}





.syamei{
	padding-top:25px;
}


.logomark{
	background-color: #CCFF00;
/*	padding: 20px;*/}

.logomark img {
	width:80px;
	height:auto;

}


/*パンくずリスト*/
.breadcrumb {
  margin: 0;
	margin-bottom: 30px;
  padding: 0;
  list-style: none;
}

.breadcrumb li {
  display: inline;/*横に並ぶように*/
  list-style: none;
  font-weight: bold;/*太字*/
}

.breadcrumb li:after {/* >を表示*/
  content: '>';
  padding: 0 0.5em;
  color: #555;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
  text-decoration: none;
  color: #52b5ee;/*色*/
}

.breadcrumb li a:hover {
  text-decoration: underline;
	color:#00FF00;	}
/*パンくずリスト*/





.logomark3{
/*			flex : 1 1 auto;*/
		background-color: #FFFFFF;
	/*	padding-top: 10px;*/
/*	padding-bottom: 10px;*/}


.logomark3 img {
	width:400px;
	height:auto;

}

.img-responsive-top
        {
			display: block;
			margin-left: auto;
			margin-right: auto;
/*			max-width: 70%;*/
			height: auto;
			width: auto;
			background-color: #CCFF00;			
			}	




		

		
.logomark2 img
{width: 140px;
	heigt: auto;
	
}

.logomark4{
/*		background-color: #ffffff;*/
	padding-left: 3px;
    padding-top: 3px;}
		
.logomark4 img
{width: 200px;
	heigt: auto;
	
}
.idea_container {
/*	clear: both;*/
	display: flex;
	flex-flow: row;
	justify-content: space-between;
	/*border: 2px ridge #caca00;*/
		background-color: #CCFF00;
		max-width: 1000px;
		margin: 0 auto;
		margin-top: 5px;
}


.container-basic1 img{
	flex : 1 1 auto;
	 vertical-align:middle;
	}

.container-basic1top img{
	flex : 1 1 auto;
	 vertical-align:middle;
	}



.container-basic1-mail img{
	flex : 1 1 auto;
	 vertical-align:middle;

	}
.idea_container5 {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
/*	border: 2px ridge #caca00;*/
/*	border: 2px ridge #0077CD;*/
	/*	background-color:#BCECFE;*/
		max-width: 1000px;
			margin: 0 auto;
		vertical-align: middle;

		}
.footNavi5 {
	text-align: center;
	/*display: block;*/
	height: 200px;
	margin:15px 5px 35px 5px;
/*	position: relative;*/
/*	color:#01164C;*/
	font-size: 15px;
    background-color:#FFFFFF;
	width:250px;
	text-decoration: none;
	vertical-align: middle;
/*	border: solid 2px #FAFBF3;*/

}
/*
.footNavi5 a{
	display: block;
	color: #FFF;
	height: 50px;
	text-decoration: none;
	vertical-align: middle;

}
.footNavi5 a:hover{
	color: #FFF;
	background-color: #03C103;
}
*/
.footNavi5-d1{
	background-color:#0043B5;
	align-items: center;
	vertical-align: middle;
	 padding:2px;
	   color:#FFFFFF;
	    height:70px;
	line-heigt:1;
	   width:252px;
}

.footNavi5-d1 a{
	display: block;
	color: #FFF;
	height: 70px;
	text-decoration: none;
	vertical-align: middle;

}
.footNavi5-d1 a:hover{
	color: #FFF;
	background-color:#2591FF;
}



.footNavi5-d2{
	background-color:#C6F8D5;
	position:relative;
	top: 20;
	    height:150px;
	   width:240px;
	/*   margin-top: 10px;*/
/*		border: solid 1px #002253;*/
	text-align: left;
	padding:8px;
	
}

.footnavi-d2 a{
	color:#000;
}


/*footnavi5-d1用*/
.line-detail{
	padding:12px 0px 10px 0px;
	
}

.line-detail2{
	padding:3px 0px 1px 0px;
	
}	

.newinfo1{
		background-color: #CCFF00;
		padding: 0px 0px 0px 10px;}
		

.detail{
	padding:6px 6px 6px 6px;
	font-size: 16px;
	text-align: left;
	line-height: 140%;
	color:#000;
	background:#F0F0F0;
	border: 2px solid #CECECE;
/*	vertical-align: middle;	*/
}



.infotitle-try{
	clear:both;
	position:relative; 
	border: 2px solid #060;
	text-align:left;
max-width: 1000px;
	flex-flow:column;
/*height:70px;*/
	vertical-align: middle;
	text-decoration:none;
/*	margin: 0 auto;*/
	font-size: 16px;
	font-weigt:bold;
/*	font-weight: bold;*/
/*	color: #009900;*/
    padding:8px;
	color:#000;
}

.infotitle-try a {
display: block;
position: absolute;
top: 0;
 	flex-flow:column;
	right: 0;
    bottom: 0;
    left: 0;
height:100%;
width: 100%;
	margin: auto;
/*	text-align:center;*/
	text-decoration:none;
/*    padding:8px;*/
/*	width:760px;*/
}

.infotitle-try a:hover{
/*	clear:both;*/
	background:#CCFFCC;
	color:#000;
 filter: alpha(opacity=40);
 -moz-opacity:0.4;
 opacity:0.4;
}






.infotitle-boxs{
	position:relative; 
	border: 0px solid #060;
	text-align:left;
    max-width: 500px;
	background-color: #060;
	font-weight: bold;
	color:#FFFFFF;

/*height:70px;*/
	vertical-align: middle;
	text-decoration:none;
    padding: 8px 8px 8px 8px;
}

.infotitle-boxs a {
display: block;
position: absolute;
top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	color: #FFF;
}

.infotitle-boxs a:hover{
	background-color:#FFF;
	/*color:#060;*/
filter: alpha(opacity=40);
 -moz-opacity:0.4;
 opacity:0.4;
}
.infotitle-boxsc{
	clear:both;
	position:relative; 
	border: 2px solid #060;
	text-align:left;
    max-width: 500px;
	background-color: #F7FCB6;
	font-weight: bold;
	color: #090;
	font-size: 18px;
/*height:70px;*/
	vertical-align: middle;
	text-decoration:none;
    padding: 8px 8px 8px 8px;
		margin: 0 auto;	
}

.infotitle-boxsc a {
display: block;
position: absolute;
top: 0;
    right: 0;
    bottom: 0;
    left: 0;
height:100%;
width: 100%;
	margin: auto;
	text-align:center;
	text-decoration:none;
/*    padding:8px;*/
/*	width:760px;*/
}

.infotitle-boxsc a:hover{
	clear:both;
	background:#FFFFFF;
	color:#000;
 filter: alpha(opacity=40);
 -moz-opacity:0.4;
 opacity:0.4;
}


.article {
  background-color: #FFFFFF;
  border: solid 1px #0033FF;
  padding: 5px;
margin: 0 auto 10px auto;
  border-radius: 5px;
  overflow: hidden;
  box-sizing: border-box;
  max-width: 100%; /* 親幅を超えないように */
}

.article-inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 5px;
  width: 100%;
  box-sizing: border-box;
}

.article-content {
  flex: 1;
  min-width: 0; /* ✅ はみ出し防止 */
	text-indent: -1em;
	padding-left: 0.1em;/*２行目以降インデント*/
}

.article-content h1{
	text-indent: 0.5em;
	}

.side-image {
  width: 200px;
  max-width: 100%;
  box-sizing: border-box;
}

.side-image img {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}

/* ✅ レスポンシブ（スマホ） */
@media screen and (max-width: 768px) {
  .article-inner {
    flex-direction: column;
    align-items: center;
  }

  .side-image img {
    width: 80%;
    height: auto;
    margin-top: 1em;
  }
}


.title3-waku-mojigreen{
	    background-color:#060;
	/*margin: 0 auto;*/
	
	max-width: 1000px;
    border: solid 0px #060;
    font-weight:bold;
	padding:4px 4px 4px 4px;
	font-size: 18px;
	color:#FFFFFF;
	text-align: left;
	line-height: 150%;
	vertical-align: middle;
}


.infotitle-box-short{
	clear:both;
	position:relative; 
	border: 2px solid #060;
	text-align:left;
	font-size: 16px;
max-width: 600px;
/*height:70px;*/
	vertical-align: middle;
	text-decoration:none;
/*	margin: 0 auto;*/
/*	font-size: 17px;
	color: #009900;*/
    padding:8px;
}

.infotitle-box-short a {
display: block;
position: absolute;
top: 0;
    right: 0;
    bottom: 0;
    left: 0;
height:100%;
width: 100%;
	margin: auto;
	text-align:center;
	text-decoration:none;
/*    padding:8px;*/
/*	width:760px;*/
}

.infotitle-box-short a:hover{
	clear:both;
	background:#CCFFCC;
	color:#000;
 filter: alpha(opacity=30);
 -moz-opacity:0.3;
 opacity:0.3;
}




/**********表ここから**************/
.col-head-type1 {
  border-collapse: collapse;
  width: 100%;
}
 
.col-head-type1 th,
.col-head-type1 td {
  border: 1px solid #dbe1e8;  
  padding: 8px;
}
 
.col-head-type1 th {
  background:#D0FFC2;
  text-align: left;
  width: 120px;
}
 
@media only screen and (max-width: 500px) {
  .col-head-type1 tr,
  .col-head-type1 th,
  .col-head-type1 td {
    display: block;
    width: auto;
  }
  
  .col-head-type1 tr:first-child {
    border-top: 1px solid #dbe1e8;  
  }
  
  .col-head-type1 th,
  .col-head-type1 td {
    border-top: none;
  }
}
/**********表end*/





.infotitle-box-wrap{
	clear:both;
	position:relative; 
	text-align:left;
    max-width: 800px;
	background-color: #FFFFFF;
/*height:70px;*/
	vertical-align: middle;
	text-decoration:none;
    padding: 2px 2px 2px 2px;
}

.infotitle-box-wrap a {
display: block;
position: absolute;
top: 0;
    right: 0;
    bottom: 0;
    left: 0;
height:100%;
width: 100%;
	margin: auto;
	text-align:center;
	text-decoration:none;
/*    padding:8px;*/
/*	width:760px;*/
}

.infotitle-box-wrap a:hover{
	clear:both;
	background:#FFFFFF;
	color:#000;
 filter: alpha(opacity=40);
 -moz-opacity:0.4;
 opacity:0.4;
}


.infotitle_nl{
	clear:both;
	position:relative;
	padding: 8px;
	border: 1px solid #060;
	max-width:800px;


	text-align:left;
	overflow:hidden;
margin: 0 auto 2em auto;
	background-color: #FFFFFF; 
}

.infotitle-noborder{
	clear:both;
	position:relative;
	padding:8px;
/*	border: 1px solid #060;*/
	max-width:800px;
/*max-width: 600px;*/
	
/*	width:100%;*/
	text-align:left;
	overflow:hidden;
	margin: 0 auto;
/*	margin: 2px 0px 2px 0px;*/
	background-color: #FFFFFF; 
}



.title3{
	padding:6px 6px 6px 6px;
	font-size: 18px;
	color:#139D42;
	text-align:left; 
	line-height: 140%;
	vertical-align: middle;
}







.container-basic1 {
	   	flex :1 1  auto;
	  	color:#001100;
    text-align:justify;
	justify-content: center;
	background-color:#FFFFFF;
		max-width: 1000px;
		margin: 0 auto;
	/*　　margin:7px 0px 7px 0px;*/
	border: solid 1px #060;
	
	/*	padding:5px 3px 0px 24px;*/
	    line-height: 140%;
   font-size: 16px;
		}
.index-detail-wrap{
    flex: 1 1 auto;

	/*	display: flex;
	flex-flow: column;
/*	flex-wrap: wrap;*/
	justify-content: center;
	background-color:#FFFFFF;
	margin: 0 auto;
/*	margin:7px 0px 7px 0px;*/
	max-width: 1000px;
/*	padding: 5px 10px 5px 10px;*/
    font-size: 16px;
	border: 1px ridge #0247B2;	
	}


.dropmenu-wrap{
	margin: 0 auto;
}
 

.idea_container2 {
/*	clear: both;*/
	display: flex;
	flex-flow: row;
	justify-content: space-between;
	/*border: 2px ridge #caca00;*/
		background-color: #FFFFFF;
		max-width: 1000px;
		margin: 0 auto;
		margin-top: 5px;
}


.idea_container-basic {
	display: flex;
	flex-flow: row;
	justify-content: center;
	border: 2px ridge #caca00;
	background-color: #ffffff;
	max-width: 1000px;
	margin: 0 auto;
	padding:10px;
		}

.headNavi4 {
/*	text-align: center;*/
	display: block;
	flex-flow:column;
/*	height: 240px;*/
/*	margin:10px;*/
/*	position: relative;*/
	color: #000;
    background-color:#FFFFFF;
/*	width:300px;*/
	text-decoration: none;
	vertical-align: middle;
/*	border: solid 1px #FAFBF3;*/

}

.headNavi4 a{
/*	display: block;*/
/*	height: 30px;	*/
/*	position: relative;*/
/*	color: #fff;*/
/*	background-color:#009900;*/
/*	width:300px;*/
	text-decoration: none;
	vertical-align: middle;
}
.headNavi4 a:hover{
/*    width:auto;
	height:20px;*/
/*	color: #;*/
/*	background-color: #99FF66;*/
}





.line-h{
	line-height: 24px;
	font-size: 16px;
}



ul {
	margin: 1px 1px;
	padding: 2px 1px;
}

dl {
	margin: 1px 1px;
	padding: 10px 1px;
}
/* h1 h2 h3*/
h1 {
/*color: #009900;*/
	font-size: 16px;
	padding: 0 0 0 6px;
	text-align: left;
}

h2 {
	text-align: center;
	font-size: 17px;
	clear: both;
	color: #009900;
	border-bottom: 2px ridge #009933;
	padding-bottom: 10px;
}

h3 {
	font-size: 17px;
	color: #cc0000;
	padding: 0 0 0 6px
}
h4 {
	font-size: 17px;
	color: #009900;
	padding: 0 0 0 10px
}

.line1{
	padding-left: 1em;
	text-indent: -1em;
	/*padding-right:1px;*/
	}

.line2{
	text-indent: 1em;
	/*padding-right:1px;*/
	}

/* header */

.idea_container img {
	vertical-align: bottom;
	border: none;
	padding: 0 0 0 0px;
}


.title{
    flex: 1 1 auto; 
	background-color: #ffffff;	
	}
	.title img{
		flex: 1 1 auto; }
.title2{
/*    flex: 1 1 auto; */
	background-color: #CCFF00;	
	}




/* タイトルボックス */
.d-box-t {
  background-color: #0B4BD9;
  border: 2px solid #060;
  font-weight: bold;
  font-size: 18px;
  color: #FFFFFF;
  padding: 6px;
  text-align: center;
  max-width: 816px; /* ✅ 統一 */
  margin: 8px auto 0 auto; /* ✅ 中央寄せ */
  box-sizing: border-box;
}

.d-box-t img {
  flex-shrink: 0;         /* ← これで画像が縮んだり引き延ばされたりしない */
  height: 30px;           /* 念のため高さもCSSで補強しておくと安心 */
  width: auto;            /* アスペクト比維持で横伸び防止 */
}

/* 記事ボックス（青枠） */
.article {
  background-color: #FFFFFF;
  margin: 0 auto;
  border: solid 1px #0033FF;
  padding: 5px;
  margin-bottom: 10px;
  border-radius: 5px;
  overflow: hidden;
  box-sizing: border-box;
  max-width: 800px; /* ✅ 統一 */
}

/* 内部配置（テキスト＋画像） */
.article-inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
  box-sizing: border-box;
}

/* テキスト部分 */
.article-content {
  flex: 1 1 0;
  min-width: 0;
}

/* 画像部分 */
.side-image {
  flex: 0 0 auto;
  width: 200px;
  max-width: 100%;
  box-sizing: border-box;
}

.side-image img {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}

/* ✅ レスポンシブ（スマホ） */
@media screen and (max-width: 768px) {
  .article-inner {
    flex-direction: column;
    align-items: center;
  }

  .side-image img {
    width: 80%;
    height: auto;
    margin-top: 1em;
  }
}
.d-box-green{
/*disply:block;	*/
background-color:#060;
border: 0px solid #060;
font-weight: bold;
font-size: 16px;	
	color:#FFFFFF;
	padding:6px 6px 6px 6px;
	text-align: center;
	max-width:816px;
  margin: 0.7em auto 0.2em auto; /* ✅ 中央寄せ */

  box-sizing: border-box;
}

.infotitle_nl_strong{
	text-align:center;
background: #FCF6C5;
font-size:16px;
font-weight:bold; 
color:#CC0000;
padding:6px 12px 6px 12px;	
}

.d-box-thin{

background-color:#FFFFFF;
border: 1px solid #00F;
border-radius:5px;
line-height: 150%;	

text-align: left;
}


	



div.message-f {
    flex: 1 1 auto; 
	font-size: 16px;
/*	border: 2px solid #caca00;*/
	padding:5px 5px 5px 5px;
	line-height: 130%;
/*	border: 2px solid #009933;	*/
}


.hoverimg{
	margin:10px;
	text-align:left; 
}


.hoverimg a:hover img{
 filter: alpha(opacity=70);
 -moz-opacity:0.7;
 opacity:0.7;
}


.hoverimg-index{
	text-align:left; 
}


.hoverimg-index a:hover img{
filter: alpha(opacity=70);
 -moz-opacity:0.7;
 opacity:0.7;
}


.hoverimg-denkyu{
	align:center; 
	width:100%;
	background-color: #FFFFFF;
}

.hoverimg-denkyu a:hover img{
filter: alpha(opacity=70);
 -moz-opacity:0.7;
 opacity:0.7;
}

.denkyu-bak{
	width:188px;
	background-color: #FFFFFF;
}




.adjustimg{
			display: block;
/*			margin-left: auto;
			margin-right: auto;
			max-width: 80%;*/
			height: auto;
			width: auto;
}

/*バナー*/

.img-border2
        {
			display: block;
			margin-left: auto;
			margin-right: auto;
			height: auto;
			width: auto;
			border: 2px solid #009900;
			}



ul#old_products_navi {
list-style: disc;
    font-size: 16px;
    line-height: 160%;
}

li#old_products_navi {
	margin: 0 0 4px 0em;
}

/* footer */

ul#siteinfo {
	list-style-type: square;
}
.index-detail-wrap img{
	 vertical-align:middle;}

.index-detail-wrap-blue img{
	 vertical-align:middle;}

.index-mid-wrap img{
		 vertical-align:middle;}
.footer2 img{
		 vertical-align:middle;}


/*l-accordion*/
.l-accordion input {
  display: none;
}

.l-accordion .l-accordion-inside {
  border: 2px solid #555;
  height: 0;
  opacity: 0;
  transition: 0.5s;
  position: relative;	
}

.l-accordion input:checked~.l-accordion-inside {
  height: auto;
  opacity: 1;
}

.l-accordion .l-accordion-switch {
  position: relative;
  display: block;
  background-color: #006A17;
  font-weight: bold;
  color: #fff;	
  padding: 8px;
  cursor: pointer;
}

.l-accordion .l-accordion-switch:hover {
  background:#02C810;
}
.l-accordion .l-accordion-switch::before,
.l-accordion .l-accordion-switch::after {
  content: '';
  position: absolute;
  display: block;
  width: 14px;
  height: 3px;
  background: #fff;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

.l-accordion .l-accordion-switch::after {
  transform: translateY(-50%) rotate(90deg);
  transition: 0.5s;

}

.l-accordion input:checked~.l-accordion-switch::after {
  transform: rotate(0);
  transition: 0.5s;

}



/*アコーディオン*/
/*アコーディオン内部の特記事項用フォント*/
.tokkifont {
    font-weight: bold;   /* 太字 */
    color: black;        /* 黒色 */
    }


/* 年度（第一階層） */
details {
  background-color: #060;
  border-radius: 6px;
	color: #fff;

  padding: 1em;
  position: relative;
	margin: 1.5em auto;
	max-width: 780px;
}

/* summary の三角アイコンを非表示にする */
summary {
  cursor: pointer;
  font-size: 1.2em;
  font-weight: bold;
  outline: none;
  padding-left: 2em;
  position: relative;
  list-style: none;
}

summary::-webkit-details-marker {
  display: none;
}

/* プラス記号 */
summary::before {
  content: '+';
  position: absolute;
  left: 0.4em;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.2em;
  color: inherit;
  transition: transform 0.4s ease;
  display: inline-block;
}

/* マイナス記号と回転 */
details[open] > summary::before {
  content: '−';
  transform: translateY(-50%) rotate(180deg);
}

/* 下層のdetails（更新項目） */
details details {
  margin-top: 1em;
  background-color: #e8f5e9;
  color: #004225;
  padding: 1em;
  border-radius: 4px;
}

/* 下層 summary */
details details summary {
  font-size: 1em;
  font-weight: bold;
  color: #004225;
  padding-left: 2em;
  position: relative;
  list-style: none;
}

details details summary::-webkit-details-marker {
  display: none;
}

/* 下層 プラス記号 */
details details summary::before {
  content: '+';
  position: absolute;
  left: 0.4em;
  top: 0.1em;
  font-size: 1em;
  color: inherit;
  transition: transform 0.4s ease;
  display: inline-block;
  transform: rotate(0deg);
}

/* 下層 マイナス記号と回転 */
details details[open] > summary::before {
  content: '−';
  transform: rotate(180deg);
}

/* 具体的な内容ボックス */
.content {
  margin-top: 0.5em;
  margin-left: 1em;
  padding: 0.8em;
  background-color: #fff;
  border-left: 4px solid #4caf50;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  color: #333;
  font-size: 0.95em;
}


















@media (min-width: 992px) {
 /* h1 {
    font-size: 40px;
  }*/
  .aside-left {
    display: block;
  }

  .aside-right {
    width: 60%;
  }
}





@media screen and (max-width: 580px)
     {
	.idea_container {
		flex-flow: column;}
/*	.ideaname {
		flex: 1 1 auto;}*/
	.logomark{
		display:none;}
/*		flex: 0 0 99px;}*/
	.logomark2{
		display:none;}

	 .logomark3{
		display:none;}	 

 	 .logomark4{
		display:none;}	 

	 .idea_container-basic{
		 flex-flow: column;}
		 
	 
		 
	 .header2 {
			 flex:1 1 auto;}
	 .header3 {
		 flex: 1 1 auto;}	
	.index-detail-wrap{
		flex-flow: column;}		
	
	
}
@media screen and (max-width: 680px)
     {
	.idea_container2 {
		flex-flow: column;}
	.ideaname {
		flex: 1 1 auto;}
	.container-basic1{
		flex:1 1 auto;}
	.container-basic1top{
		flex:1 1 auto;}
	 #dropmenu{
		 display:none; 
	 
}			 
/*		flex: 0 0 99px;}*/
}

@media screen and (max-width: 300px)
{
    .img-responsive2{
		display:none;}
	

}

 @media screen and (min-width: 680px)
     {

	.drawer_open{
		display:none;}
/*		flex: 0 0 99px;}*/
	.nav_content{
		display:none;}
		 
		 }