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

.bold {
	font-weight:bold;
}

.red {
	color:#C00;
}

.contentsbox a {
	text-decoration:underline;
}

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

.font20 {
	font-size: 20px;
}

p.title {
	background:#FFE98E;
	padding: 30px 0 0 0;
	text-align: center;
	font-size: 40px;
	color:#001F3F;
	line-height: 1.5;
	margin-bottom:50px;
	border: #369 3px double;
	margin-top: 15px;
}

.title img {
	display: block;
	padding: 0;
	margin: 15px 0 0 0;
	vertical-align: bottom;
}

.title span {
	font-size: 23px;
}

@media screen and (max-width:850px){
	
	h3 {
		font-size: 25px;
	}
	
	p.title {
	padding: 30px 0 0 0;
	font-size: 30px;
	
}
	
}

@media screen and (max-width:420px){
	
	
	p.title {
	padding: 30px 0 0 0;
	font-size: 20px;
	
}
	
}

.contentsbox {
	overflow: hidden;
	
}

.contentsbox p:nth-child(1){
	text-align: center;
	font-size:30px;
	color:#456880;
	line-height: 1.5;
	margin-bottom: 50px;	
}


.contentsbox p:nth-child(3){
	font-size:60px;
	text-align: center;
	color: #000;
	font-weight: bold;
	padding: 10px 0;
	line-height: 1.5;
	font-style:italic;
	margin-bottom: 10px;
}

.contentsbox p:nth-child(3) span{
	font-size:40px;
}

.contentsbox p:nth-child(4){
	margin: 0 auto;
	background: #C00;
	color:#FFF;
	padding: 10px;
	text-align: center;
	font-size:35px;
	font-weight: bold;
	line-height: 1.5;
	
}

@media screen and (max-width:850px){
	
	.contentsbox {
	width: 98%;
	margin: 0 auto;
	overflow: hidden;
}

	.contentsbox p:nth-child(1){
		font-size:23px;
	}
	
	.contentsbox p:nth-child(3){
		font-size:45px;
	}
	
	
	
}

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

	.contentsbox p:nth-child(1){
		font-size:20px;
	}
	
	.contentsbox p:nth-child(3){
		font-size:35px;
	}
	
	.contentsbox p:nth-child(3) span{
	font-size:30px;
}
	
}




ul.specific {
	overflow: hidden;
	padding: 0;
	
}

ul.specific li {
	width: 21%;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	padding: 20px 10px;
	border: 2px #CC0000 solid;
	color:#CC0000;
	text-align: center;
	font-weight: bold;
	}
	
	ul.specific li:nth-child(4){
		margin-right: 0;
	}
	
	@media screen and (max-width:850px){
		
		ul.specific li {
			float: none;
			width: 93%;
			font-size: 20px;
		
	}
	}
	
.contentsbox p:nth-child(7){
	margin-bottom: 50px;
}

	
.contact-tel {
	float: left;
	width: 48%;
	color: #456880;
}

.contact-tel p:nth-child(1){
	text-align: center;
	font-size:20px;
	padding: 10px 0;
  background: #D0DDE6;
	margin-bottom: 30px;
}

.contact-tel p:nth-child(2){
	border: none;
	font-size:30px;
	padding-bottom: 0px;
	text-align: center;
	font-weight: bold;
	
}

.contact-tel p:nth-child(3){
	font-size:16px;
	background: none;
	color: #456880;
}
.contact-mail {
	float: right;
	width: 48%;
	color: #456880;
}

.contact-mail p:nth-child(1){
	text-align: center;
	font-size:20px;
	padding: 10px 0;
  background: #D0DDE6;
	margin-bottom: 30px;
	
}
.contact-mail p:nth-child(2){
	border: none;
	font-size:27px;
	padding-bottom: 0px;
	text-align: center;
	font-weight: bold;
}
.contact-mail p:nth-child(3){
	font-size:16px;
	background: none;
	color: #456880;
}

@media screen and (max-width:850px){
	.contact-tel {
	float: none;
	width: 100%;
	color: #456880;
}

.contact-mail {
	float: none;
	width: 100%;
	color: #456880;
}

	
}

@media screen and (max-width:420px){
	.contact-tel {
	float: none;
	width: 100%;
	color: #456880;
}

.contact-mail {
	float: none;
	width: 100%;
	color: #456880;
}

.contact-mail p:nth-child(2){
	border: none;
	font-size:25px;
	padding-bottom: 0px;
	text-align: center;
	font-weight: bold;
}


	
}

.visa {
	margin-top: 80px;
	border-top: 1px #ccc solid;
	padding: 30px 0;
	text-align: left;
	font-size: 25px;
	line-height: 1.5;
	font-weight: bold;
}
.visa span{
	font-size:15px;
}


@media screen and (max-width:420px){
	.visa {
	font-size: 20px;
	}
}