@charset "UTF-8";

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
object,embed{vertical-align:top;}
legend{display:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img,abbr,acronym,fieldset{border:0;}






/*------共通------*/


html {
	font-family: sans-serif;
}

header,nav,.shoukai,.teikyo,footer{
width:100%;
}



body {

	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", Meiryo, sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
}

img {
width:100%;
vertical-align: bottom;
}


.shoukai{

background-color:#006837;

}


.shoukai p {
padding:10px;
font-size:1.3em;
text-align:center;
color:#fff;
}




.main {
max-width:980px;
margin:0 auto;
}





/*------ヘッダー------*/
header{
 background-color:#000;
}

/*.title_logo {
border: 1px solid #fff;
}*/

.title_logo img {
	width:50%;
	vertical-align: bottom;
}

@media (min-width:601px){
	.title_logo {
		margin: 0 auto;
		width:100%;
		max-width:1200px;
	}
	.title_logo img {
		width:40%;
	}
}


/*------ナビー------*/
.nav-menu-wrap{
	background-color:#006837;
}
.nav-menu {
	display:flex;
	flex-wrap:wrap;
	list-style:none;
	color:#fff;
	text-align:center;
	/*border: 1px solid #fff;*/
}
.nav-menu li{
	width:50%;
}
.nav-menu li a {
	display:block;
	padding: 10px;
	border: 1px solid #2f4f4f;
	color:#fff;
	text-decoration: none;
}

@media (min-width:601px){
	.nav-menu {
		margin: 0 auto;
		width: 100%;
		max-width: 1200px;
	}
	.nav-menu li{
		width:25%;
	}
	.nav-menu li a {
		padding: 15px 10px;
	}
}

/*スライドショー*/
.slider img{
	width:100%;
	height:auto;
}


@media (min-width:601px){
		.slider_wrap {
		padding-top: 60px;
		max-width:1000px;
		height:auto;
		margin:0 auto;
		}
}

/*トピックス*/

.topic li {
list-style-type: disc;
list-style-position:inside;
}

.topic b {
margin-right:20px;
}

.topic a {
text-decoration: none;
color:blue;
}

@media (min-width:601px){
		.topic li {
		white-space: nowrap;
		font-size:1.0em;
		}
}






/*文字・ボタン*/
h2 {
padding: 0.25em 0.5em;/*�㉺ ���E�̗]��*/
margin:20px 0 20px 0;
  color: #006837;/*�����F*/
  background: transparent;/*�w�i������*/
  border-left: solid 5px #006837;/*����*/
}

.btn {
margin:10px;
padding: 10px;
  text-align: center;
border-radius: 5px;
  background-color: green;
  
  color: white;
}

.taikai_p {
margin:10px;
}
/*container*/


.container {
display:flex;
margin:30px 50px 50px 50px;
}


.box1 {
margin-right:65px;
}

.box1 img {
height:auto;
margin:10px;
}

.box1 p {
font-size:0.7em;
color:red;
}


.container2 {
margin:50px;
}





/*テーブル*/

.tbl-r04 th{
background: #eee;
}

.tbl-r05 {
text-align:center;
}


.tbl-r05 th{
text-align:center;
background: #eee;
}

  .tbl-r05 td:nth-child(odd) {
   background: #fff;
  }
  
  .tbl-r05 td:nth-child(even) {
   background: #eee;
  }
  


table th,td{
padding:10px;
}




/*teikyo*/

.teikyo_logo{
background-color:#006837;
}

.teikyo_logo p {
padding-top:10px;
color:#fff;
text-align:center;
font-size:1.5em;
}


.teikyo {
display:flex;
flex-wrap:wrap;
justify-content: center;
width:100%;
max-width:1200px;
margin:0 auto;
background-color:#006837;
text-align:center;
/*border: 1px solid #fff;*/
}



.teikyo img {
width:60%;
margin:10px;
}




@media (max-width:600px){


		.teikyo{
		display:grid;
		grid-template-columns:50% 50%;
		}

		.teikyo img{
		padding:10px;
		width:80%;
		}

		.teikyo_logo p {
		font-size:1em;
		}

}







footer {
background-color:#000000;
}

footer p {
font-size:0.5em;
text-align:center;
color:#fff;
}




/*スマホの見え方*/

@media (max-width:600px){



.mobile{
	display:block;
}

.pc{
	display:none;
}




.container {
flex-direction: column;
margin:20px 30px 30px 30px;
}

.box1
.box2 {
width:100%;
}

.box1 {
margin-right: 0;
}

.box1 h2 {
margin-top:5px;
}

.container2 {
margin:30px;
}


/*�提供�*/








/*テーブル*/

.type1 tr,th,td{
display:block;
}


.tbl-r05 {
    width: 100%;
  }
  .tbl-r05 .thead {
    display: none;
  }
  .tbl-r05 tr {
    width: 100%;
  }
  

  
  .tbl-r05 td {
    display: block;
    padding-right:10px;
    text-align: right;
  }
  .tbl-r05 td:first-child {
    background: #006837;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  .tbl-r05 td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-left: 10px;
  }
  
  
  
  
  
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: revert !important; clear: none;}
.sp { display: none !important; clear: none;}

 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 600px) {
    .pc { display: none !important; clear: none;}
    .sp { display: revert !important; clear: none;}
}

.tbl-r05 table,.tbl-r05 td,.tbl-r05 th {
  border-collapse: collapse;
  border:1px solid #333;
  }