﻿body{
	font-family: "ＭＳ ゴシック",sans-serif;
	background-color:#33524C;
	width:100%;
	margin: 0px;
	padding: 0px; 
	color:white;
}


*{
  box-sizing: border-box;
}

a{
	color:white;
}

h1{
	font-size:30px;
}

h2{
	font-size:22px;
}

h3{
	font-size:18px;
}



a:hover{
	color:#ff33cc;
	/*font-weight:bold;*/
}



.header{
	background-color:#33524C;
	opacity:0.7;
	margin-top: 0px;
	padding: 0% 0%; 
	/*border:1px solid blue;*/
	height:46px;
	width:100%;
	color:white;
	position:fixed;
	top:0px;
	left:0px;
	z-index:10;
}

.header:hover{
	/*background-color: rgba(255, 255, 255, 0.1);*/
	transition: all 0.5s;
}

.header-mark img{
	width: 54px;
	float:left;
}


.header-logo{
	margin-top: 12px;
	margin-left:10px;
	margin-right:0px;
	padding: 0% 0%;
	/*border:1px solid yellow;*/
	font-size:19px;
	float:left;
}


.menu-icon {
  color: white;
  float: right;
  font-size: 25px;
  padding: 21px 0;
  /* displayをnoneに指定してください */
  display: none;
}



.header-list li{	
	margin-top: 2px;
	margin-left:15px;
	margin-right:15px;
	padding: 0px 0px; 
	/*border:1px solid white;*/
	font-size:16px;
	list-style:none;
	color:white;
	float:right;
}



.maingazou{
	margin-top: 46px;
	/*margin-left:40px;*/	
	width:40%;
	/*height:500px;*/
	float:left;
}

.maingazou img{
	width: 100%;
}


.main{
	margin-top: 46px;
	margin-left:0px;
	margin-right:0px; 	
	width:60%;
	float:left;
	/*background-image:url(IMG_024841.jpg);*/
	height:500px;
	/*background-size:cover;*/
	color:white;
}



.main h1{
	margin-top: 80px;
	width:100%;
	height:200px;
	letter-spacing:5px;
	text-align:center;
	/*clear: both;*/
}

.main h2{
	width:100%;
	/*margin: 0 auto;*/
	height:200px;
	letter-spacing:1px;
	text-align:center;
	font-weight: normal;
	clear: both;
}

.setumei h3{
	clear: both;
	background-color:#33524C;
	width:100%;
	color:white;
	margin: 0px auto;
	padding-top:50px;
	padding-bottom:50px;
	letter-spacing:1px;
	text-align:center;
}


.contents {		
	/*height: 100px;*/
	/*width:100%;*/
  	/*margin: 46px auto;*/
  	/*text-align:center;*/

}


.contentsg {		
	margin-top: 46px;
	width:100%;
	text-align:center;
}




.contents-item {

	float: left;
	width: 50%;
	padding: 10px 100px 10px 100px;
  	/*margin: 1px 0px 1px 100px;*/
}



.contents-item p {

	font-size: 18px;
  	text-align:center;
	margin-top: 10px;
	margin-bottom: 50px;
}


.contents-item img{
	width: 100%;
}





.kanisetumei{
	background-color:#33524C;
	color:white;
	width:100%;
	/* padding:10% 10%; */
	/*border:5px solid red;*/
	color:white;
	letter-spacing:0px;
	text-align:center;
	clear: both;
}

.kanisetumei-list{
	margin: 0px 0px;
	/* padding:10% 10%; */
	width:100%;
	height:450px;
	/*border:5px solid blue;*/
	color:white;
	letter-spacing:0px;
}


.kanisetumei-list li{

	/* padding:10% 10%; */
	/*border:5px solid yellow;*/
	width:90%;	
	list-style:decimal;
	font-size:20px;
	text-align:left;		
}

.shousaisetumei{
	background-color:#33524C;
	color:white;
	width:100%;
	margin-top: 46px;
	/*margin-left:40px;*/
	letter-spacing:0px;
	text-align:center;
	clear: both;
}

.shousaisetumei-list{
	margin: 0px 0px;
	width:100%;
	height:400px;
	color:white;
	letter-spacing:0px;
}


.shousaisetumei-list li{
	float:left;
	width:94%;	
	list-style:decimal;
	font-size:20px;
	text-align:left;		
}

.footer {
	float:right;
}

.hyouji {
	margin-top: 46px;
	margin-left:20px;	
	width:90%;
	text-align:left;
	height:400px;
}

.hyouji h1{
	
}

.hyoujip {
	margin-top: 46px;
	margin-left:20px;	
	width:90%;
	text-align:left;
	height:400px;
}

.hyoujip h1{
	
}

.shoukai {
	margin-top: 46px;
	width:100%;
	text-align:center;
}

.otoiawase1 {
	margin-top: 46px;
	width:100%;
	height:350px;
	text-align:center;
	clear:both;
}

.otoiawase2 {
	margin-top: 46px;
	width:100%;
	height:800px;
	text-align:center;
	clear:both;
}

.info {
	text-align:center;
	/*margin-top: 0px;*/
	/*margin-left:40px;*/
	/*margin-left: auto;*/
	/*margin-right: auto;*/
}

.pandan {
	margin-top: 46px;
	width: 100%;
	/*padding: 10px 300px 10px 300px;*/
	text-align:center;

}



.cb{
	clear: both;
}

hr {
	clear:both;
}
