@charset "utf-8";
html
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%;
}

a {
    text-decoration: none;   /* 下線なし */
    color: inherit;          /* 親の文字色を継承 */
    transition: opacity 0.1s ease;
}

a:hover {
    opacity: 0.6;
}

p {
    max-width: 700px;
	white-space: normal;

}

img
{margin-right: 2%}


/* ここから下がハンバーガーメニューに関する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--------------------------------*/

/*パンくずリスト*/
.breadcrumb {
  margin: 0;
  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;	}















.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;
     }



.ideatop{
/*	max-width:800px;*/
	margin: 0 auto; 
	text-align:left; 
}
/*パンくずリスト*/
.breadcrumb {
  margin: 0;
  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;	}
/*パンくずリスト*/
.title {margin-bottom: 5px;
		padding:6px;
		width:82%;
}

.subtitle{
	padding: 6px;
	font-size: 20px;
	color: #8000ff;
}

.title3{
	padding:10px 6px 6px 6px;
	font-size: 18px;
	color:#139D42;
	text-align: left;
	line-height: 150%;
	vertical-align: middle;
}
.title3-waku{
	    background-color:#F7F9D7; 
    border: solid 2px #060;
    font-weight:bold;
	padding:10px 6px 6px 6px;
	font-size: 18px;
	color:#139D42;
	text-align: left;
	line-height: 150%;
	vertical-align: middle;
}


.title3t{
	padding:10px 6px 6px 6px;
	font-size: 18px;
	color:#139D42;
	text-align: center;
	line-height: 200%;
	vertical-align: middle;
}



.detail1{
	padding: 5px 5px 5px 10px;
	line-height: 150%;
	
}

.detail-pbak{
    background-color:#FCEAEE; 
	padding: 5px 5px 5px 10px;
	line-height: 150%;
	
}

.detail-ybak{
    background-color:#FAF8DD; 
	padding: 5px 5px 5px 10px;
	line-height: 150%;
	
}



.detail3{
	padding: 5px 5px 5px 5px;
	line-height: 150%;
	border: solid 1px #0723AC;
	text-align: center;
	background-color: #090;
	color: white;
	
}

.detail4{
	padding: 5px 5px 5px 5px;
	line-height: 150%;
	border: solid 1px #0723AC;
	text-align: left;
	
}

.detail4-m{
    margin: 10px 15px 10px 15px;
	padding: 5px 5px 5px 5px;
	line-height: 150%;
	border: solid 1px #0723AC;
	text-align: left;
	
}

.index-detail-wrap{
    flex: 1 1 auto;

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

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

.idea_container2 {

	display: flex;
	flex-flow: row;
	justify-content: space-between;
		background-color: #FFFFFF;
		max-width: 1000px;
		margin: 0 auto;
		margin-top: 5px;
}


.idea_container4 {
	display: flex;
	flex-flow: colomn wrap;
	justify-content: center;
	border: 1px ridge #caca00;
		background-color:#FFFFFF;
		max-width: 1000px;
			margin: 0 auto;
		}

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


idea_container4 img{
	flex: 1 1 auto;
	vertical-align: middle;
/*    padding-right: 5px;*/}

.headNavi3 {

	display: block;
	color: #fff;
    background-color:#FFFFFF;
	width:500px;
	text-decoration: none;
	vertical-align: middle;
}

.container-basic1top {
	   	flex :1 1  auto;
	  	color:#001100;
        text-align:justify;
		/*background-color:#85CEFB;*/
		max-width: 1000px;
		margin: 0 auto;
	    line-height: 140%;
		}
.container-basic1top img{
	flex : 1 1 auto;
	 vertical-align:middle;
	}



.headNavi3 a{
	display: block;
	color: #fff;
	text-decoration: none;
	vertical-align: middle;
}
.headNavi3 a:hover{
/*    width:auto;
	height:20px;*/
	color: #000;
	background-color: #99FF66;
}


.index-container{
	display: flex;
	flex-flow: column;
	justify-content: center;
	border: 2px ridge #caca00;
		background-color:#B2FCBE;
		max-width: 1000px;
			margin: 0 auto;
}


.index-container-g{
	display: flex;
	flex-flow: column;
	justify-content: center;
	border: 2px ridge #caca00;
	background-color:#CCFFFF;
		max-width: 800px;
			margin: 0 auto;
}


.index-title{
     flex: 1 1 auto;
	padding: 5px 5px 5px 5px;
	margin: 0 auto; 
}



.idea_container {
	display: flex;
	flex-flow: row;
	justify-content: space-between;
		background-color: #ffffff;
		max-width: 800px;
		margin: 0 auto;
		margin-top: 5px;
}



.ideaname{
		flex : 1 1 auto;
		background-color: #ffffff;
	padding-left: 3px;
    padding-top: 3px;}

.logomark{
		background-color: #ffffff;}
		

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

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







.img-responsive2 {
	display: block;
    max-height: 180px;
    min-height: 90px;     /* ← ここで下限を保証 */
    width: auto;
    height: auto;
    object-fit: contain;
}

.img-responsive3 { 
    max-width: 80%;
    height: auto;
    display: block;
}



.headNavi {
	clear: both;
	display: flex;
	flex-flow: row wrap;
	margin: 0;
	padding: 0 0 0 0;
	justify-content: center;
    font-size: 16px;
}
/* index-tab */


.headNavi li {
	width: 180px;
	height: 36px;	
	margin:10px;
    line-height: 36px;
	border: 2px solid #66FF33;
    list-style-type: none;
	text-align: center;
	vertical-align: middle;

}

.headNavi li a{
	display: block;
	height: 36px;	
/*	position: relative;*/
	color: #fff;
    background-color:#009900;
	width:180px;
	text-decoration: none;
	vertical-align: middle;
}

.headNavi li a:hover{
	color: #000;
	background-color: #99FF66;
}


.headNavi2 {
	clear: both;
	display: flex;
	flex-flow: row wrap;
	margin: 0;
	padding: 0 0 0 0;
	justify-content: center;
    font-size: 16px;
/*	list-style-type: none;*/
}
/* index-tab */
.headNavi2 li {
	width: 200px;
	height: 130px;	
	margin:30px;
    line-height: 30px;
	border: 2px solid #66FF33;
    list-style-type: none;
	text-align: center;
	vertical-align: middle;
}

.headNavi2 li a{
	display: block;
	height: 130px;	
/*	position: relative;*/
	color: #fff;
    background-color:#0A44F8;
		width:200px;
	text-decoration: none;
	vertical-align: middle;
}

.headNavi2 li a:hover{
	color: #000;
	background-color:aqua;
}



.idea_container3 {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	border: 2px ridge #caca00;
		background-color:#87F99C;
		max-width: 1000px;
			margin: 5% auto 0;
		}
.idea_container3 img{
	flex: 1 1 auto;
	vertical-align: middle;
/*    padding-right: 5px;*/}


.idea_container3-g {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	border: 2px ridge #caca00;
		background-color:#0099FF;
		max-width: 1000px;
			margin: 0 auto;
		}
.idea_container3-g img{
	flex: 1 1 auto;
	vertical-align: middle;
/*    padding-right: 5px;*/}





.idea_container-basic img{
	flex: 1 1 auto;
	vertical-align: middle;
    padding-right: 5px;}

.infotitle2 img{
	vertical-align: middle;
}
.img-border{
    border: solid 1px #000080;
	margin: 2px 2px 2px 2px;
	
}


.article img{
	vertical-align: middle;
}

/* index-tab */

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

}

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

.line-green{
/*	font-size:16px;*/
	font-weight:bold;
	color:#090;	
}

.line2{
   padding: 2px 5px 2px 5px;
	border: solid 2px #060;
	line-height: 130%;
	}

.head2{
   padding: 2px 2px 2px 2px;
	border: solid 2px #060;
	}


.top {position:relative;
	text-align:center;
	max-width: 800px;
	margin: 0 auto;
	padding-top: 10px; 
}

.container-basic1 {
	  	color:#001100;
		background-color:#FFFFFF;
	/*	border: 2px solid #0B21EC;*/
	    max-width: 1000px;
		margin: 0 auto;
		padding:5px 6px 5px 6px;

		}

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


.idea_container-yoko {
	display: flex;
	flex-flow: row;
	justify-content: space-between;
/*	justify-content: center;*/
	border: 2px ridge #caca00;
	padding: 5px 5px 5px 10px; 
		background-color: #FFFFFF;
		max-width: 800px;
		margin: 0 auto;
	
}


.innertate-500
{
	flex-flow:column;
	max-width:500px;
}
.d-box-yg{
/*disply:block;	*/
background-color:#FBFEB3;
border: 1px ridge #060;
font-weight: bold;
	color:#077703;
	padding:4px 4px 4px 4px;
	text-align: center;
	max-width:500px;
		margin: 0 auto;

}

.d-box-yg a{
/*	display:block;*/
	max-width:500px;
}
/*
.d-box-yg a:hover{
	clear:both;
	background:#CCFFCC;
	color: #000000;	
/*  filter: alpha(opacity=70);
  -moz-opacity:0.7;
opacity:0.7;}*/

.d-box-t{
background-color:#0B4BD9;
border: 2px solid #060;
font-weight: bold;
font-size: 18px;	
	color:#FFFFFF;
	padding:6px 6px 6px 6px;
	text-align: center;
	max-width:999px;
		margin:8px 0px 2px 0px;
}


.d-box-s{
/*disply:block;	*/
background-color:#FBFEB3;
border: 1px ridge #060;
font-weight: bold;
	color:#077703;
	padding:2px 2px 2px 2px;
	text-align: center;
	max-width:200px;
		margin: 0 auto;

}

.d-box-s a{
	max-width:200px;
}


.d-box-green{
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:999px;
		margin: 0 auto;
}

	
.idea_container-yoko2 {
	display: flex;
	flex-flow: row;
	justify-content: space-between;
	border: 2px ridge #045A21;
	padding: 5px 5px 5px 10px; 
		background-color: #FFFFFF;
		max-width: 800px;
		margin: 0 auto;
	
}
/*idea_container5*/
.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: 110px;
	margin:15px 5px 10px 5px;
/*	position: relative;*/
/*	color:#01164C;*/
	font-size: 15px;
    background-color:#FFFFFF;
	width:250px;
	text-decoration: none;
	vertical-align: middle;
/*	border: solid 2px #FAFBF3;*/

}


.footNavi5-d1{
	background-color:#0043B5;
	align-items: center;
	vertical-align: middle;
	 padding:2px;
	   color:#FFFFFF;
	    height:50px;
	line-heigt:1;
	   width:252px;
}

.footNavi5-d1 a{
	display: block;
	color: #FFF;
	height: 50px;
	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:60px;
	   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;
	
}	



.idea_container-tate {
	display: flex;
	flex-flow:column;
	justify-content: space-between;
/*	justify-content: center;*/
	border: 2px ridge #045A21;
	padding: 5px 5px 5px 10px; 
		background-color: #FFFFFF;
		max-width: 800px;
		margin: 0 auto;
	
}





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

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


.line2{
	padding-top: 2px;
	border-bottom: solid 1px #FCFCF7;
	/*padding-right:1px;*/
	}
/*イデアのＡＩ時間割の学校別・効果的な運用の背景 */
.line2-1{
	padding-top: 2px;
	border:2px solid #0C6;
	background-color:#F0FFF0;
	}

.line2-2{
	padding-top: 2px;
	border:2px solid #0C6;
	background-color:#FFFFE0;
	}

.line2-3{
	padding-top: 2px;
	border:2px solid #0C6;
	background-color:#FFF5EE;
	}

.line2-4{
	padding-top: 2px;
	border:2px solid #0C6;
	background-color:#F0FFF0;
	}

.line2-5{
	padding-top: 2px;
	border:2px solid #0C6;
	background-color:#F0FFFF;
	}

.line2-6{
	padding-top: 2px;
	border:2px solid #0C6;
	background-color:#FFFFF0;
	}

.line21{
	padding: 2px 5px 2px 5px;
	border: solid 2px #060;
	/*padding-right:1px;*/
	}

.line-black-upd{
/*	font-size:16px;*/
/*	font-weight:bold;*/
	background-color:#FFFFF0;
	padding: 5px 2px 5px 2px;
	color:#000;	
	font-size:16px;
	text-align: left;
	font-weight: bold;
}
.line3{
	padding: 2px 5px 2px 5px;
	line-height: 140%;
	font-size: 16px;
	}
.line6{
ordercolordark:"#FFFFFF";
background-color:#CFC; 
font-size:16px;
padding:10px;
}
.updline
{
    padding:10px;
	line-height:130%;
	font-size:18px; 
	color:"#660000";
	border: solid 3px #007E2E;
	background-color:#CFC;

}
.lineblack
{
	font-size: 16px;
	color: "#000000";
	text-align: left;
	padding: 8px;
}


.liform1{
margin-left: 25px;
	padding-left: 5px;	
}



.standard{line-height:140%;
          font-size:18px;
		  padding-left:32px;
		  padding-top:10px;
		  padding-bottom:10px;
		  padding-right:10px;
		  border:2px solid #060;
}
.standard2{line-height:140%;
          font-size:16px;
		  padding-left:10px;
		  padding-top:10px;
		  padding-bottom:10px;
		  padding-right:10px;
		  border:2px solid #060;
}		  


.ideatop{
/*	max-width:800px;*/
	margin: 0 auto; 
	text-align:left; 
}
#wrapdet1{
	width:700px;
	margin-left:auto; 
	margin-right:auto; 
	text-align:left; 
}


#wrapdet3{
	width:800px;
	margin-left:auto; 
	margin-right:auto; 
	text-align:left; 
	
}

#wrapdet4{
	width:750px;
	margin-left:auto; 
	margin-right:auto; 
	text-align:left; 
}



#wrapdet2{
	width:100%;
	margin-left:auto; 
	margin-right:auto; 
	text-align:left; 
}


#wrapdetwide1{
	width:1000px;
	margin-left:auto; 
	margin-right:auto; 
	text-align:left; 
}



/* list */



ul {

	margin: 1px 1px;

	padding: 2px 1px;

}



dl {

	margin: 1px 1px;

	padding: 10px 1px;

}



/* h1 h2 h3*/



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


h1 {

	font-size: 16px;
	color: #000;
	/*padding: 0 0 0 0px;*/
	text-align: center;
	font-weight: normal;
    
}
.aitry-h1{
	font-size: 18px;
	color: #009900;
	padding: 0 0 0 6px;
	text-align: left;
	font-weight:bold;
}



h2 {

	text-align: center;

	font-size: 17pt;

	clear: both;

	color: #009900;
	padding-right: 10px;
}
h2 a{
	text-decoration:none;
	
     }
h2 a:link{
	color:#006600;
     }
h2 a:visited{
	color:#006600;
     }	 
	 
h2 a:hover{
	color:#00CC00;
     }



h3 {

	font-size: 16px;

	color: #cc0000;

	padding: 0 0 0 6px

}

h4 {

	font-size: 16px;

	color: #009900;

	padding: 0 0 0 10px

}


.title2{
	text-align:center;
	font-size:17px;
	font-weight:bold;
	color:#009900;
}

.divline1{
	padding:10px;
	font-size:16px;
	line-height:130%;

}





/* header */




div#small_container {

/*	border: 2px solid #ccc;*/

	padding: 10px 6px 6px 6px;
	border: 2px ridge #009933;


	position: relative;

	width: 100%;

	background-color: #FFF;

}




div#header {

/*	padding: 5px 5px 5px 10px;*/

	width: 500px;
	height:228px;
	padding: 10px 10px 10px 10px;
	background-color: #FFFFFF;
	margin: 4px 20px;

	border: 2px solid #caca00;

}



div#header2 {

/*		clear: both; */
	margin: 4px;
	width: 680px;
	padding: 5px 5px 5px 5px;
	border: 2px solid #caca00;

    font-size: 16px;
}

div#header3 {

/*		clear: both; */
	margin: 4px;
	width: 680px;
	padding: 5px 5px 5px 5px;
	border: 2px solid #caca00;

    font-size: 16px;
	line-height:130%;
	
}

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

.header2 {
    flex: 1 1 auto;
	margin:2px;
/*	width: 680px;*/
	padding: 0px 8px 5px 8px;
	border: 2px solid #caca00;
    line-height: 130%; 
    font-size: 16px;
}
.header2 img{
	 padding-right: 5px;
}

.header3 {
    flex: 1 1 auto;
	margin: 4px;
/*	width: 680px;*/
	padding: 5px 5px 5px 5px;
	border: 2px solid #caca00;

    font-size: 16px;
	line-height:130%;


	
}
.headNavi {
	clear: both;
	display: flex;
	flex-flow: row wrap;
	font-size: 16px;
	margin: 0;
	padding: 0 0 0 0;
	justify-content: center;
/*	list-style-type: none;*/
}
/* index-tab */　
.sub_index {
	clear: both;
	display: flex;
	flex-flow: row wrap;
	font-size: 16px;
	margin: 0;
	padding: 0 0 0 0;
	justify-content: center;
/* list-style-type: none;*/
}

.sub_index li a{
  display:block;
  padding: 10px 12px;
  margin:3px;
  vertical-align:middle;
  font-size:16px;
  text-align:center;
  background:#009900;
  color:#fff;
  border:2px solid #00FF00;
  text-decoration:none;
  font-weight:bold

}
.sub_index a:hover { 
   background-color:#cbfe33;
   color:#000;
   font-weight:normal
}

.sub_index ul:after {
	content:"";
	display:block;
	clear:both
}
.sub_index  li {
	float:left;
    width:auto
}



/*sub index2 */

.sub_index2{
    width:100%;
    margin:0 auto;
  list-style:none;
}

.sub_index2 li a{
	display:block;
  justify-content: center;
  padding: 10px 17px;
  font-size:16px;
  margin:3px;
  vertical-align:middle;
  text-align:center;
  background:#228b22;
  color:#fff;
  border:2px solid #66FF33;
  text-decoration:none;
}

.sub_index2 a:hover { 
   background-color:#cbfe33;
   color:#000;
   font-weight:normal;
  filter: alpha(opacity=70);
  -moz-opacity:0.7;
  opacity:0.7;	
}
.sub_index2 ul:after {
	content:"";
	display:block;
	clear:both;
}
.sub_index2  li {
	float:left;
    width:auto;
}


/*sub index3 */
.sub_index3{
    width:100%;
    margin:0 auto;
  list-style:none;

}
 
 
.sub_index3 li a{
  display:block;
  justify-content: center;
  padding: 10px 12px;
  font-size:16px;
  margin:3px;
  vertical-align:middle;
  text-align:center;
  background-color:#0033FF;
  color:#fff;
  border:2px solid #0FF;
  text-decoration:none;
 
}

.sub_index3 a:hover { 
   background-color:#00ffff; 
   color:#000;
   font-weight:normal;
  filter: alpha(opacity=70);
 -moz-opacity:0.7;
 opacity:0.7;	
}
.sub_index3 ul:after {
	content:"";
	display:block;
	clear:both
}
.sub_index3  li {
	float:left;
    width:auto
}




/* underbar */
.interval1{
 	text-align: center;
	clear: both;
	border-bottom: 1px solid #03F;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.intervalw{
 	text-align: center;
	clear: both;
	border-bottom: 1px solid #FFF;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.guide1{
  margin:0 auto;
  display:table;
}
  
.guide1 a{
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  background:#FFF;
  color:#333333;
  border:1px solid #66FF33;
  text-decoration:none;
  padding:4px;
}

.guidetxt {
	text-align:left;
	line-height:120%;
/*	padding:4px;*/
padding-left: 1em;
text-indent: -1em;
	margin:3px;
}
.guidetxt2 {
	font-size:16px;
	text-align:center;
	line-height:120%;
	padding:4px;
	margin:3px;
	color:#0F1023;
	background-color:#B0DEFD;
}

.guidetitle {
	font-size:16px;
	font-weight:bold;
	color:green;
	line-height:130%;
/*	border-bottom: solid 1px #0A24BB;*/
	padding:4px 4px 4px 8px;
/*	margin-bottom:4px;*/
}	
  

.block ul {
	display: table;
    margin: 0;
    padding: 0;
/*    display: block;*/
    border: 1px solid gray;
    width: 100%;
}
 
.block ul li {
	display: table-cell;
    width: 20%;
    text-align: center;
    border: 1px solid green;
    float: none;
    list-style: none;
    margin: 0;
    padding: 0;
}
 
.block ul li a {
	height: 100%;
	
    padding: 10px;
    text-decoration: none;
    display: block;
    background: #ffffff
}
 
.block ul li a:hover {
	/*display: block;*/
	background:#CCFFCC;
	color: #000000;
	text-decoration: none;

}

.block ul li a:hover img{
	clear:both;
/*	display: block;*/
 filter: alpha(opacity=70);
 -moz-opacity:0.7;
 opacity:0.7;
}

.block-na ul {
	display: table;
    margin: 0;
    padding: 0;
/*    display: block;*/
    border: 1px solid green;
    max-width: 800px;
}
 
.block-na ul li {
	display: table-cell;
    width: 20%;
    text-align: center;
    border: 1px solid green;
    float: none;
    list-style: none;
    margin: 0;
    padding: 0;
}
 
.go_subindex {
    font-size:16px;
    font-weight:bold; 
    color:#060;
    clear:both;

    border: solid 2px #009900;
    border-radius:5px;

    padding-top: 20px;

    /* ▼ 追加する部分 */
    text-align: center;
    align-self: center;      /* 親がflexのとき、子要素自身を中央寄せ */
}


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


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

 	
}

.tophover {
    flex: 1 1 auto;
	margin: 4px;
	padding: 5px 5px 5px 5px;
}


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

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

}

.adjustimg2{
			display: block;
			margin-left: auto;
			margin-right: auto;
			max-width: 20%;
			height: auto;
			width: auto;

}


.hoverimgdiv {
   display: flex;
	flex-flow: row wrap;
	max-width: 100%;
	height: auto;
	width: auto;
}

.infotitle1{
	padding:8px;
	text-decoration:none;
	border: 1px solid #060;
	width:740px;
	text-align:center;
	margin: 0 auto;

}

.infotitle1 a {
	display:block;
	text-decoration:none;
/*	width:760px;*/

}

.infotitle1 a:hover{
	clear:both;
 filter: alpha(opacity=70);
 -moz-opacity:0.7;
 opacity:0.7;
}


.infotitle2{
	clear:both;
	border: 2px solid #060;
	text-align:center;
	margin: 0 auto;
	font-size: 14pt;
	color: #009900;
	
	/*padding: 6px 6px 6px 6px;	*/
}

.infotitle2 a {
	display:block;
	text-decoration:none;
    padding:8px;
	padding-left:30px;
/*	width:760px;*/
}

.infotitle2 a:hover{
	clear:both;
	background:#CCFFCC;
 filter: alpha(opacity=70);
 -moz-opacity:0.7;
 opacity:0.7;
}

.infotitle6{
	clear:both;
	position:relative; 
	border: 2px solid #060;
	text-align:center;
max-width: 800px;
/*height:70px;*/
	vertical-align: middle;
	text-decoration:none;
/*	margin: 0 auto;*/
	font-size: 14pt;
	color: #009900;
/*    padding:8px;*/
}

.infotitle6 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;*/
}

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

.infotitle3{
	clear:both;
	border: 1px solid #060;
	text-align:left;
	margin: 0 auto;

}

.infotitle3 a {
	display:table-cell;
	vertical-align:middle;
	text-decoration:none;
    padding:6px;
/*	width:760px;*/

}

.infotitle3 a:hover{
	clear:both;
	background:#CCFFCC;
 filter: alpha(opacity=70);
 -moz-opacity:0.7;
 opacity:0.7;
}

.infotitle4{
	clear:both;
	border: 1px solid #060;
	text-align:left;
	margin: 0 auto;

}

.infotitle4 a {
	display:block;
	vertical-align:middle;
	text-decoration:none;
    padding:6px;
/*	width:760px;*/

}

.infotitle4 a:hover{
	clear:both;
	background:#CCFFCC;
 filter: alpha(opacity=70);
 -moz-opacity:0.7;
 opacity:0.7;
}
/**********表ここから**************/
.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;
}
 


/*テキストの配置やカラーの制御*/

.text-brown {
    color: #993300;
}

.left-space
{margin-left: 5%}

.infotitle-textwrap {
    display: flex;
    flex-direction: column;
    justify-content: center; /* 上下中央 */
    align-items: center;     /* ★ 箱を中央寄せ */
}

.infotitle-textwrap p {
    margin: 0 0 4px 0; /* 下に少し余白 */
}

.infotitle-textwrap li {
    text-align: left;   /* 文字は左寄せ */
}






@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_nl{
	clear:both;
	padding:3%;
	margin-bottom: 3%;
	
	border: 2px solid #060;
max-width: 1000px;
	text-align:left;
	overflow:hidden;
}

.infotitle_nl-margin {
    padding: 8px 10px;
    border: 2px solid #060;
	max-width:800px;
	
	margin: 8px auto;
	
    white-space: nowrap;
    text-align: left;
    background-color: transparent;
    transition: 0.3s ease;
}

.infotitle_nl-margin:hover {
    background-color: #E1FBE9;
}

.infotitle-noborder{
	position:relative;
	padding:8px;
	max-width:800px;
	
    margin: 0 auto;
    background-color: #FFFFFF;
	
    display: flex;
    align-items: center;   /* ★ 子（textwrap）を上下中央 */
}

.infotitle-img{
	    flex: 0 0 320px;   /* ← 幅を安定させる（例） */
    display: flex;
    justify-content: center;
    align-items: center;

}
.infotitle-img a {
    display: block;
    margin-right: 16px;
}

.infotitle_nl2{
	font-size: 14pt;
	color: #009900;
}

.infotitle_nlnl{
	clear:both;
	font-size: 14pt;
	color: #009900;
	padding: 0 0 0 8px;
	text-align:left;
	overflow:hidden;
	margin: 0 auto;
}

.infotitle-boxss{
	clear:both;
	position:relative; 
	border: 2px solid #060;
	text-align:left;
    max-width: 320px;

	font-weight: bold;
	color: #090;
/*height:70px;*/
	vertical-align: middle;
	text-decoration:none;
	margin:0px 0px 0px 20px;
    padding: 8px 8px 8px 8px;
}


.infotitle-boxss a {
    text-decoration: none;
    color: inherit;
    transition: opacity 0.1s ease;
}

.infotitle-boxss a:hover{
		background-color:#C6F8D5;
 opacity:0.6;
	}



/*リストに関する装飾*/

.infotitle-list {
  padding: 0.3em 0.5em;
  list-style: none;
	color: #993300;
}
.infotitle-list ul {
  list-style: none;
  padding-left: 0;   /* ← 黒丸分の余白も消す */
  margin: 0;
}

/* li は幅を決めない */
.infotitle-list li {
  margin: 0.3em 0;
	font-weight: bold;

}
/*枠線を周りにひく
.infotitle-list ul li {
    position: relative;
    padding: 0 1em 0 0.5em;
    line-height: 1.5;

    border: 1px solid #060;
    margin: 6px 0;

    border-radius: 2px; 
    background-color: #fff;
    max-width: 100%;
	
	box-sizing: border-box;
    min-width: 12em;

}
*/

.infotitle-list li a {
  position: relative;
  display: inline-flex;      /* ★ 内容幅だけにする */
  align-items: center;
  padding: 0.3em 0 0.3em 2.5em;
  line-height: 1.5;
  text-align: left;
  text-decoration: none;
  color: inherit;
/*	font-weight: bold;*/
}

/* ▶ 三角マーク */
.infotitle-list li a::before {
  position: absolute;
  content: '';
  left: 16px;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-left-color: #060;
}

/* ― 棒マーク */
.infotitle-list li a::after {
  position: absolute;
  content: '';
  left: 6px;
  width: 10px;
  height: 5px;
  background: #060;
}

.infotitle-list a {
    font-weight: normal;

}


/* マウス操作（PC）だけ太字 */
@media (hover: hover) {
    .infotitle-list a:hover {
        font-weight: bold;
        opacity: 1;
    }
}









/* ▼ 全体レイアウト（左右にテキストと画像） */
.info-block {
    display: flex;
    align-items: center;
    justify-content: flex-start; 

    padding: 16px;
    border: 2px solid #060;
    max-width: 1000px;
    background-color: #fff;
}

.info-textwrap {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.info-heading {
    white-space: nowrap;
}

.info-contents {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.info-item {
    padding: 7px 8px;
	margin: 4px;
    border: 2px solid #060;
    white-space: nowrap;
}

/* ▼ 右側の画像ブロック */

.info-imagewrap {
    max-width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    margin-left: 20px;
    box-sizing: border-box;
}

/* ▼ 画像自体 */
.info-imagewrap img {
    display: block;
    margin: 0;
    height: auto;
    max-width: 80%;
}

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

/*レイアウト調整コンテナ２ここまで*/


.linegreen1{
	border: 1px solid #090;
}

.linegreen1 h1{
	font-size:18px;
	font-weight:bold;
	color:#009900;
}

.go_subindex {
	clear:both;
	background-color:#fff;
        border: solid 2px #009900;
		margin-bottom: 8px;
	/*	box-sizing:border-box;*/
        border-radius:5px;
		margin-left:auto;
		margin-right:auto
}

.go_subindex {
	    font-size:16px;
		font-weight:bold; 
		color:#060;
		padding:6px 12px 6px 12px;
		margin-left:auto;
		margin-right:auto

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




.footerideacopy {
    margin-top: 60px;
    padding: 16px 8px;
    
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;

    text-align: left;
    font-size: 0.9em;
    color: #333;
}






/* content */

div#content {
	width: 710px;
}


.article 
{
	clear:both;
	color:#000000;
	background-color:#FFFFFF;
	
margin-left:auto;
margin-right:auto;
margin:4px 0px 4px 0px;
border:solid 1px #0033FF;
padding:6px;
box-sizing:border-box;
border-radius:5px;
overflow:hidden

}

.detail_box1{
	padding:10px;
	border: 2px solid #060;
}

div#content_container1 {

	float: left;

	width: 360px;

   height: 1630px; 

	padding: 10px 6px 6px 6px;

	border: 2px solid #caca00;
	line-height: 130%;

}



div#content_container2 {

	float: right;

	width: 300px;
    height: 1606px; 

	padding: 10px 6px 30px 6px;

	border: 2px solid #caca00;
	line-height: 130%;

}


div.message1 {

	font-size:16px;
	width: 340px;

	padding: 10px 6px 30px 6px;
	line-height: 130%;

/*	border: 2px solid #009933;	*/
    
}

div.message2 {

/*    margin: 8;*/

	font-size:16px;
	width: 286px;
	line-height: 130%;
	padding: 10px 6px 30px 6px;

/*	border: 2px solid #009933; */

}


div.message3 {

/*    margin: 8;*/

	font-size:16px;
	width: 700px;

	padding: 6px 6px 30px 6px;

	border: 2px solid #009933;

}



div.image {

	width: 286px;
    hight: 200px;
	padding: 30px 0px 50px 0px;

	border: none;


}

div#content_container3 {

    font-size:16px;
　　clear: both;

	width: 680px;

	padding: 10px;

	border: 2px solid #caca00;
	line-height: 130%;

}


ul#siteinfo {

	list-style-type: square;
}

.line2{
	padding-left: 1em;
}
 /*ハンバーガー用*/
 @media screen and (min-width: 680px)/*min*/
     {
	.drawer_open{
		display:none;}
	.nav_content{
		display:none;} 
		 }

@media screen and (max-width: 680px)/*max*/
{
		 .infotitle-img{
			 display: none;
		 }
		 .img-responsive2{
			 display:none;}	
	
			 		/*dropmenu*/ 
	 #dropmenu{
		 display:none;} 
		 
}


@media screen and (max-width: 600px)
     {
	.idea_container-basic {
		flex-flow: column;}
	.block-na {
		flex-flow: column;} 
	.idea_container3 {
		flex-flow: column;}	 
	.header2 {
		flex: 1 1 auto;}
	.tophover{
		flex:1 1 auto;}
	.container-basic1top{
		flex:1 1 auto;}
	 .logomark3{
		display:none;}
		 .infotitle_nl-margin {
        white-space: normal;
    }


}

@media screen and (max-width: 500px)
{
	.idea_container {
		flex-flow: column;}
	.ideaname {
		flex: 1 1 auto;}
	.hoverimg{
		flex:1 1 auto;}

}


/*ページ内ジャンプをなめらかにしたい場合の記述

@media (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: smooth;
    }
}*/