@charset "utf-8";

/*  */

h1{
	font-size : 24px;
}

h2{
	font-size : 30px;
	text-align : center;
	margin-top : 30px;
	margin-bottom : 30px;
}

@media screen and (max-width: 480px) {
h2{
	font-size : 20px;
	text-align : center;
	margin-top : 30px;
	margin-bottom : 30px;
}
}

h3{
	font-weight : bold;
	color : #c8321c;
	text-align : center;
}

.height30-0{
	height : 30px;
}

@media screen and (max-width: 480px) {
.height30-0{
	height : 0px;
}
}




.top1{
	background-color : #c8321c;
	padding-top : 20px;
	padding-bottom : 20px;
}

.top2{
	background-image : url(image/oki.png);
	background-repeat : no-repeat;
	background-position : center center;
	padding-top : 50px;
	margin-top : -50px;
	height : 200px;
	position: relative;
}

.banner{
	background: linear-gradient(#ffffff, #000000, #ffffff );
	padding-top : 5px;
	padding-bottom : 5px;
	padding-left : 30px;
	padding-right : 30px;
}

.banner-font{
	font-size : 20px;
	font-weight : bold;
	color : white;
	padding-left : 30px;
}

.hibiscus-bg{
	background-image : url(image/hibiscus-bg.png);
	background-repeat : repeat-y;
	background-size:contain;
	max-width : 1100px;
}

.google-font{
	font-family: 'EB Garamond', serif;
	font-size : 18px;
	padding-right : 10px;
}

.label-r{
	background-color : rgba(255, 255, 255, 0.8);
	text-align : left;
	padding-bottom : 10px;
}

.profile-r{
	text-align : left;
	padding-bottom : 20px;
	margin-left : auto;
	margin-right : auto;
	width : 370px;
}

#youtube{
	text-align : center;
	max-width : 1100px;
	padding-top : 20px;
	padding-left : 20px;
	padding-right : 20px;
	padding-bottom : 20px;
	background-image : url(image/seabg.png);
	background-position : center center;
}

#information{
	text-align : center;
	padding-top : 30px;
	padding-bottom : 30px;
}

.information-table{
	font-size : 18px;
	text-align : left;
	margin-bottom : 10px;
	width : 320px;
}

.tel-font{
	font-size : 36px;
	font-family: 'Impact',
	'DIN Condensed',
	'Seravek',sans-serif;
	text-align : center;
}

.cd{
	padding-bottom : 30px;
	max-width : 500px;
}

.cd-name{
	font-size : 20px;
	color : white;
	background-color : rgba(200, 50, 28, 0.8);
	border-width : 1px;
	border-style : solid;
	border-color : silver;
}

#facebook{
	margin-bottom : 30px;
	max-width : 1100px;
}

.facebook-in{
	margin-top : 30px;
	margin-left : auto;
	margin-right : auto;
	max-width : 500px;
	margin-bottom : 30px;
}

footer{
	color : white;
	background-color : #c8321c;
	text-align : center;
	padding-top : 20px;
}

.web96-box{
	border-width : 1px;
	border-style : solid;
	border-radius: 5px;
}

.footer-end{
	font-size : 12px;
	color : white;
	background-color : #c80000;
	text-align : center;
	padding-top : 5px;
	padding-bottom : 5px;
}



.button{
	display: inline-block;
	width : 130px;
	padding : 7px;
	margin-top : 20px;
	margin-bottom : 20px;
	text-decoration: none;
	color : #ffffff;
	text-align : center;
	font-weight : bold;
	background-color : rgba(0, 64, 255, 0.7);
	border-width : 2px;
	border-style : solid;
	border-color : #ffffff;
	border-radius: 5px;
	transition: .4s;
}

.button:hover{
	text-decoration: none;
	color : #ffffff;
	background-color: rgba(255, 102, 0, 0.7);
}








@media screen and (max-width: 768px) {

}


@media screen and (max-width: 480px) {

}