@charset "Shift-JIS";


@media screen and (min-width : 960px){


	#content #wrap p.text{
		font-size: 0.8125rem;
		line-height: 1.9;
		text-align: justify;
		}


	/* -------------------------------------------------------------------------------------------
	*
	* container
	*
	* ----------------------------------------------------------------------------------------- */

	#content #wrap section.container{
		padding: 80px 0 0 0;
		position: relative;
		}
		#content #wrap section.container:last-child{
			padding: 80px 0 120px 0;
		}

	#content #wrap section.container section{
		}
		#content #wrap section.container section:nth-of-type(n+2){
			margin-top: 3.125rem;
		}

	#content #wrap section.container h4{
		padding: 0 0 1.25rem 0;
		position: relative;
		}
		#content #wrap section.container#shop h4::after,
		#content #wrap section.container#other h4::after{
			content: '';
			display: block;
			width: 100%;
			height: 1px;
			background-image: url(../../common/img/dot_line_horizontal.png);
			background-repeat: repeat-x;
			background-position: 0 0;
			background-size: auto 100%;
			position: absolute;
			bottom: 0; left: 0;
		}

	#content #wrap section.container h4 p{
		color: #0755a9;
		font-size: 1.125rem;
		padding: 0 0 0 1.75rem;
		position: relative;
	}
	#content #wrap section.container h4 p::before{
		content: '';
		display: block;
		width: 1rem;
		height: 1px;
		background-color: #0755a9;
		position: absolute;
		top: 0; bottom: 0; left: 0;
		margin: auto;
	}

	#content #wrap section.container div.each{
		padding: 1.25rem 0;
		position: relative;
		}
		#content #wrap section.container#detail div.each.n1{
			padding: 0 0 1.25rem 0;
			position: relative;
		}
		#content #wrap section.container div.each::after{
			content: '';
			display: block;
			width: 100%;
			height: 1px;
			background-image: url(../../common/img/dot_line_horizontal.png);
			background-repeat: repeat-x;
			background-position: 0 0;
			background-size: auto 100%;
			position: absolute;
			bottom: 0; left: 0;
		}

	#content #wrap section.container div.each p{
		font-size: 0.875rem;
		padding: 0 0 0 1.25rem;
		position: relative;
		line-height: 1.9;
	}
	#content #wrap section.container div.each p::before{
		content: '�Z';
		display: block;
		font-size: 0.8125rem;
		color: #0755a9;
		position: absolute;
		top: 0.1rem; bottom: 0; left: 0;
		margin: auto;
	}




	#content #wrap section.container#sample{
	}

	#content #wrap section.container#sample section div.tableContainer{
	}

	#content #wrap section.container#sample section div.tableContainer table{
	}

	#content #wrap section.container#sample section div.tableContainer table td,
	#content #wrap section.container#sample section div.tableContainer table th{
		padding: 12px 10px;
		background-color: #ffffff;
		border: 1px solid #004ea2;
		font-size: 14px;
		line-height: 1.7;
	}
	#content #wrap section.container#sample section div.tableContainer table th{
		width: 25%;
	}

	#content #wrap section.container#sample section div.tableContainer table .bgSky{
		background-color: #63b4e9;
		color: #ffffff;
		text-align: center;
	}
	#content #wrap section.container#sample section div.tableContainer table .bgBlue{
		background-color: #3d95e0;
		color: #ffffff;
		text-align: center;
	}
	#content #wrap section.container#sample section div.tableContainer table .bgNavy{
		background-color: #004ea2;
		color: #ffffff;
		text-align: center;
	}
	#content #wrap section.container#sample section div.tableContainer table .bgYellow{
		background-color: #fff0ac;
		text-align: center;
	}


	#content #wrap section.container#sample section div.tableContainer table td>p{
		line-height: 1.7;
	}

	#content #wrap section.container#sample section div.tableContainer table td div.pdf{
		position: relative;
		padding: 0 0 0 32px;
		}
		#content #wrap section.container#sample section div.tableContainer table td div.pdf::before{
			content: '';
			display: block;
			width: 20px;
			height: 21px;
			background-image: url(../../common/img/icon_pdf.png);
			background-repeat: no-repeat;
			background-position: 0 0;
			background-size: auto 100%;
			position: absolute;
			top: 0; bottom: 0; left: 0;
			margin: auto;
		}

	#content #wrap section.container#sample section div.tableContainer table td div.pdf p{
		line-height: 1.7;
	}

	#content #wrap section.container#sample section div.tableContainer table td div.pdf p a{
		text-decoration: underline;
		text-underline-offset: 20%;
		color: #004ea2;
		-webkit-transition: opacity 0.3s;
		transition: opacity 0.3s;
		}
		#content #wrap section.container#sample section div.tableContainer table td div.pdf p a:hover{
			opacity: 0.8;
		}



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


	#content #wrap p.text{
		font-size: 1.0625rem;
		line-height: 1.6;
		text-align: justify;
	}


	/* -------------------------------------------------------------------------------------------
	*
	* container
	*
	* ----------------------------------------------------------------------------------------- */

	#content #wrap section.container{
		padding: 12vw 0 0 0;
		position: relative;
		}
		#content #wrap section.container:nth-of-type(n+2){
			padding: 16vw 0 0 0;
		}
		#content #wrap section.container:last-child{
			padding: 16vw 0;
		}

	#content #wrap section#facilities .boxR{
		overflow: hidden;
	}
	#content #wrap section#facilities .boxR .space{
		float: right;
		height: 54vw;
	}
	#content #wrap section#facilities .boxR .img {
		float: right;
		clear: both;
		margin: 4vw 0 0 6vw;
		width: 30vw;
	}


	#content #wrap section.container section{
		text-align: left;
		}
		#content #wrap section.container section:nth-of-type(n+2){
			margin-top: 12vw;
		}

	#content #wrap section.container h4{
		padding: 0 0 1.25rem 0;
		position: relative;
		text-align: left;
		}
		#content #wrap section.container#shop h4::after,
		#content #wrap section.container#other h4::after{
			content: '';
			display: block;
			width: 100%;
			height: 0.2vw;
			background-image: url(../../common/img/dot_line_horizontal.png);
			background-repeat: repeat-x;
			background-position: 0 0;
			background-size: auto 0.2vw;
			position: absolute;
			bottom: 0; left: 0;
		}

	#content #wrap section.container h4 p{
		color: #0755a9;
		font-size: 1.125rem;
		padding: 0 0 0 1.25rem;
		position: relative;
		line-height: 1.5;
	}
	#content #wrap section.container h4 p::before{
		content: '';
		display: block;
		width: 0.75rem;
		height: 1px;
		background-color: #0755a9;
		position: absolute;
		top: 0.875rem; left: 0;
		margin: auto;
	}

	#content #wrap section.container div.each{
		padding: 1.25rem 0;
		position: relative;
		text-align: left;
		}
		#content #wrap section.container#detail div.each.n1{
			padding: 0 0 1.25rem 0;
			position: relative;
		}
		#content #wrap section.container div.each::after{
			content: '';
			display: block;
			width: 100%;
			height: 0.2vw;
			background-image: url(../../common/img/dot_line_horizontal.png);
			background-repeat: repeat-x;
			background-position: 0 0;
			background-size: auto 0.2vw;
			position: absolute;
			bottom: 0; left: 0;
		}

	#content #wrap section.container div.each p{
		font-size: 1.0625rem;
		padding: 0 0 0 1.5rem;
		position: relative;
		line-height: 1.9;
	}
	#content #wrap section.container div.each p::before{
		content: '�Z';
		display: block;
		font-size: 1.0625rem;
		color: #0755a9;
		position: absolute;
		top: 0; bottom: 0; left: 0;
		margin: auto;
	}




	#content #wrap section.container#sample{
	}

	#content #wrap section.container#sample section div.tableContainer{
	}

	#content #wrap section.container#sample section div.tableContainer table{
		}
		#content #wrap section.container#sample section div.tableContainer table:nth-of-type(n+2){
			margin: 11vw 0 0 0;
		}

	#content #wrap section.container#sample section div.tableContainer table td,
	#content #wrap section.container#sample section div.tableContainer table th{
		padding: 3.2vw 2vw;
		background-color: #ffffff;
		border: 1px solid #004ea2;
		font-size: 3.2vw;
		line-height: 1.7;
	}
	#content #wrap section.container#sample section div.tableContainer table th{
		width: 50%;
	}

	#content #wrap section.container#sample section div.tableContainer table .spW50p{
		width: 50%;
	}
	#content #wrap section.container#sample section div.tableContainer table .bgSky{
		background-color: #63b4e9;
		color: #ffffff;
		text-align: center;
	}
	#content #wrap section.container#sample section div.tableContainer table .bgBlue{
		background-color: #3d95e0;
		color: #ffffff;
		text-align: center;
	}
	#content #wrap section.container#sample section div.tableContainer table .bgNavy{
		background-color: #004ea2;
		color: #ffffff;
		text-align: center;
	}
	#content #wrap section.container#sample section div.tableContainer table .bgYellow{
		background-color: #fff0ac;
		text-align: center;
	}


	#content #wrap section.container#sample section div.tableContainer table td>p{
		line-height: 1.5;
	}

	#content #wrap section.container#sample section div.tableContainer table td div.pdf{
		position: relative;
		padding: 0 0 0 32px;
		}
		#content #wrap section.container#sample section div.tableContainer table td div.pdf::before{
			content: '';
			display: block;
			width: 20px;
			height: 21px;
			background-image: url(../../common/img/icon_pdf.png);
			background-repeat: no-repeat;
			background-position: 0 0;
			background-size: auto 100%;
			position: absolute;
			top: 0; bottom: 0; left: 0;
			margin: auto;
		}

	#content #wrap section.container#sample section div.tableContainer table td div.pdf p{
		line-height: 1.5;
	}

	#content #wrap section.container#sample section div.tableContainer table td div.pdf p a{
		text-decoration: underline;
		text-underline-offset: 20%;
		color: #004ea2;
		-webkit-transition: opacity 0.3s;
		transition: opacity 0.3s;
		}
		#content #wrap section.container#sample section div.tableContainer table td div.pdf p a:hover{
			opacity: 0.8;
		}


}