@charset "UTF-8";
/* CSS Document */

html,
html * {
	
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

header{
	padding: 25px 0px 10px 0px;
}

	

body{
	
	margin-top: 10px; 
	margin-right: auto;
	margin-left: auto;
	margin-bottom : 10px;
	border-width : 5px 0px;
	border-style : solid none;border-color : #bf844f #d37c99;
	background-image: url("images/back4.gif");
	

		
}

main {
	padding:30px;
}

img{
	width: 100%;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}



a {

text-decoration:none;
}

a:link {
color:#599EA2;
}

a:visited {
color:#994546;
}

a:hover {
color:#C57FBB;

}

a:active {
color:#49A09B;
}


footer {
	padding: 5px 20px;
	
}


.col{
	width: 100%;
}
tr td select {
}
tr td select {
}


.header-text{
	font-size: 20px;
	font-weight: 600;
	color :#5997A4;
	text-align: center;

}

.header-text2{
	font-size: 15px;
	font-weight: 600;
	color :#5997A4;
	text-align: center;

}
	
.body-text{
	font-size: 15px;
}

.style-logo {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 100px;
}

.style-logo2 {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 130px;
	padding: 0px 0px 10px 0px;
}

.style-logo3 {
	margin-left: auto;
	margin-right: auto;
	display: block;
	float: left;
	width: 100px;
	padding: 0px 0px 10px 0px;
}

.style-logo4 {
	margin-left: auto;
	margin-right: auto;
	display: block;
	float: center;
	width: 650px;
	padding: 0px 0px 40px 0px;
}
	
.style-nav ul{
	list-style-type: none;
}

.style-nav ul li a {
	text-decoration: none;
	color :#7D5423;
	text-align: center;
	display: block;
	padding: 5px;
	font-size: 14px;
	
}

.row:before, .row:after{
	content: "";
	display: table;
}

.row:after{
	clear: both;
}


.ootu{
	background-color: rgba(246,231,234,0.60) ;
	background-size:cover;
	padding: 40px 20px 10px 20px;
	color:#91642C;
	text-align: center;
	
}



.count2 {
	margin-left: auto;
	margin-right: auto;
	display:block;
	float: left;
	width: 40px;
	
}           

h1{
	font-size: 20px;
	font-weight: 100;
	margin-bottom: 50px;
}

h2{
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 20px;
	color: #319699
}

h3{
	font-size: 14px;
	font-weight: 200;
	margin-bottom: 20px;
	color: #874526
}

h4{
	font-size: 13px;
	font-weight: 200;
	margin-bottom: 20px;
	color: #874526
}


.button{
	font-size: 12px;
	border: 1px #B56769 solid;
	padding: 10px 15px;
	border-radius: 20px;
	color: #B56769;
	text-decoration: none;
}


.footer-text{
	font-size: 11px;
	margin-bottom: 5px;
	color :#B39D9E;
}

p{
	font-size: 16px;
	font-weight: 200;
	margin-bottom: 5px;
}







	
/*タブレット用*/
@media (min-width : 768px ){
	
	body{
		max-width: 788px;
		
	}
	
	main {
	padding:50px;
}
	
	.style-nav ul li {
		display: inline-block;
		padding: 4px;

		}
	.style-nav ul {
		text-align: center;
	}

	h1{
		font-size: 30px;
		margin-bottom: 90px;
	}

	h2{
		font-size: 		18px;
		margin-bottom:50px;
		
	}

	h3{
		font-size: 15px;
		margin-bottom: 80px;
	}

	h4{
		font-size: 13px;
		margin-bottom: 90px;
	}
	
	.body-text{
	font-size: 16px;
}

	

}

/*デスクトップ用*/

@media (min-width: 1024px){
	
			
	body{
		max-width: 800px;
		
	}
	
	
	h3{
		font-size: 14px;
		margin-bottom: 80px;
	}
	
	
	
	
	
	.style-logo {float: left;
	}
	.style-nav {float: right;
	}
	
	
.header-text{
	font-size: 20px;
	text-align: left;
	}
.header-text2{
	font-size: 14px;
	text-align: left;
	}

	
	
}