@charset "Shift-JIS";


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


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



	/* -------------------------------------------------------------------------------------------
	*
	* intro
	*
	* ----------------------------------------------------------------------------------------- */

	#content #wrap #intro{
		padding: 3.125rem 0 0 0;
	}

	#content #wrap #intro p.text{
	}

	#content #wrap #intro .boxR{
		overflow: hidden;
	}
	#content #wrap #intro .boxR .space{
		float: right;
	}
	#content #wrap #intro .boxR .img {
		float: right;
		clear: both;
		margin: 0 0 0 1rem;
		width: 182px;
	}




	/* -------------------------------------------------------------------------------------------
	*
	* about
	*
	* ----------------------------------------------------------------------------------------- */

	#content #wrap #about{
		padding: 3.125rem 0 7.5rem 0;
		text-align: left;
	}

	#content #wrap #about p.text.lead{
		margin: 0 0 4rem 0;
	}

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

	#content #wrap #about section h4{
		margin: 0 0 1.25rem 0;
		}
		#content #wrap #about section h4:nth-of-type(n+2){
			margin-top: 3.125rem;
		}

	#content #wrap #about section h4 p{
		color: #0755a9;
		font-size: 1.125rem;
		padding: 0 0 0 1.75rem;
		position: relative;
	}
	#content #wrap #about section 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 #about section div.container{
		background-color: #ffffff;
		border-radius: 1rem;
		box-sizing: border-box;
		padding: 3.125rem;
	}

	#content #wrap #about section div.container div.each{
		text-align: center;
		}
		#content #wrap #about section div.container div.each:nth-of-type(n+2){
			padding: 3.625rem 0 0 0;
			margin: 3.625rem 0 0 0;
			position: relative;
		}
		#content #wrap #about section div.container div.each:nth-of-type(n+2)::before{
			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;
			top: 0; left: 0;
		}


	#content #wrap #about section div.container div.each h5{
		margin: 0 0 1.5rem 0;
		text-align: center;
	}

	#content #wrap #about section div.container div.each h5 p.main{
		color: #0755a9;
		font-size: 1.125rem;
		margin: 0 0 0.75rem 0;
	}

	#content #wrap #about section div.container div.each h5 p.sub{
		font-size: 0.8125rem;
	}

	#content #wrap #about section div.container div.each p.img{
		display: inline-block;
		vertical-align: top;
		}
		#content #wrap #about section div.container div.each.n1 p.img{
			width: 557px;
		}
		#content #wrap #about section div.container div.each.n2 p.img{
			width: 427px;
		}

	#content #wrap #about section div.container div.each p.comment{
		font-size: 0.9375rem;
		line-height: 2;
	}



	#content #wrap #about section div.list{
		margin: 1.875rem 0 0 0;
		position: relative;
		}
/*
		#content #wrap #about section div.list::after{
			content: '';
			display: block;
			width: 15.34375rem;
			height: 20.34375rem;
			background-image: url(../img/about_obj.png);
			background-repeat: no-repeat;
			background-position: 0 0;
			background-size: 100% auto;
			position: absolute;
			top: 18%; right: 5%;
		}
*/
	#content #wrap #about section div.list dl{
		}
		#content #wrap #about section div.list dl{
			padding: 1.25rem 0;
			position: relative;
		}
		#content #wrap #about section div.list dl::before,
		#content #wrap #about section div.list dl:last-child::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;
			left: 0;
		}
		#content #wrap #about section div.list dl::before{
			top: 0;
		}
		#content #wrap #about section div.list dl:last-child::after{
			bottom: 0;
		}

	#content #wrap #about section div.list dl dt{
		margin: 0 0 0.75rem 0;
	}

	#content #wrap #about section div.list dl dt p{
		font-size: 0.875rem;
		padding: 0 0 0 1.25rem;
		position: relative;
	}
	#content #wrap #about section div.list dl dt p::before{
		content: '�Z';
		display: block;
		font-size: 0.8125rem;
		color: #0755a9;
		position: absolute;
		top: 0; bottom: 0; left: 0;
		margin: auto;
	}

	#content #wrap #about section div.list dl dd{
		font-size: 0.8125rem;
		line-height: 1.9;
	}



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


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



	/* -------------------------------------------------------------------------------------------
	*
	* intro
	*
	* ----------------------------------------------------------------------------------------- */

	#content #wrap #intro{
		padding: 5vw 0 0 0;
	}

	#content #wrap #intro .boxR{
		overflow: hidden;
	}
	#content #wrap #intro .boxR .space{
		float: right;
		height: 65vw;
	}
	#content #wrap #intro .boxR .img {
		float: right;
		clear: both;
		margin: 2vw 0 0 2vw;
		width: 24vw;
	}




	/* -------------------------------------------------------------------------------------------
	*
	* about
	*
	* ----------------------------------------------------------------------------------------- */

	#content #wrap #about{
		padding: 16vw 0 8vw 0;
		text-align: left;
	}

	#content #wrap #about p.text.lead{
		margin: 0 0 0 0;
	}

	#content #wrap #about section{
		padding: 2rem 0 0 0;
		margin: 2rem 0 0 0;
		border-top: 1px solid #b5b5b5;
	}

	#content #wrap #about section h4{
		margin: 0 0 1.25rem 0;
		}
		#content #wrap #about section h4:nth-of-type(n+2){
			margin-top: 3.125rem;
		}

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

	#content #wrap #about section div.container{
		background-color: #ffffff;
		border-radius: 1rem;
		box-sizing: border-box;
		padding: 10vw 3vw;
	}

	#content #wrap #about section div.container div.each{
		text-align: center;
		}
		#content #wrap #about section div.container div.each:nth-of-type(n+2){
			padding: 2.5rem 0 0 0;
			margin: 3rem 0 0 0;
			position: relative;
		}
		#content #wrap #about section div.container div.each:nth-of-type(n+2)::before{
			content: '';
			display: block;
			width: 100%;
			height: 0.5px;
			background-image: url(../../common/img/dot_line_horizontal.png);
			background-repeat: repeat-x;
			background-position: 0 0;
			background-size: auto 100%;
			position: absolute;
			top: 0; left: 0;
		}


	#content #wrap #about section div.container div.each h5{
		margin: 0 0 1.5rem 0;
		text-align: center;
	}

	#content #wrap #about section div.container div.each h5 p.main{
		color: #0755a9;
		font-size: 1rem;
		margin: 0 0 0.5rem 0;
	}

	#content #wrap #about section div.container div.each h5 p.sub{
		font-size: 0.8125rem;
		line-height: 1.5;
	}

	#content #wrap #about section div.container div.each p.img{
		display: inline-block;
		vertical-align: top;
		}
		#content #wrap #about section div.container div.each.n1 p.img{
			width: 89%;
		}
		#content #wrap #about section div.container div.each.n2 p.img{
			width: 95%;
		}

	#content #wrap #about section div.container div.each p.comment{
		font-size: 0.9375rem;
		line-height: 2;
	}



	#content #wrap #about section div.list{
		margin: 1.875rem 0 0 0;
		position: relative;
		}
/*
		#content #wrap #about section div.list::after{
			content: '';
			display: block;
			width: 30vw;
			height: 40vw;
			background-image: url(../img/about_obj.png);
			background-repeat: no-repeat;
			background-position: 0 0;
			background-size: 100% auto;
			position: absolute;
			top: 34%; right: 0;
		}
*/
	#content #wrap #about section div.list dl{
		}
		#content #wrap #about section div.list dl{
			padding: 1.25rem 0;
			position: relative;
		}
		#content #wrap #about section div.list dl::before,
		#content #wrap #about section div.list dl:last-child::after{
			content: '';
			display: block;
			width: 100%;
			height: 0.5px;
			background-image: url(../../common/img/dot_line_horizontal.png);
			background-repeat: repeat-x;
			background-position: 0 0;
			background-size: auto 100%;
			position: absolute;
			left: 0;
		}
		#content #wrap #about section div.list dl::before{
			top: 0;
		}
		#content #wrap #about section div.list dl:last-child::after{
			bottom: 0;
		}

	#content #wrap #about section div.list dl dt{
		margin: 0 0 0.75rem 0;
	}

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

	#content #wrap #about section div.list dl dd{
		font-size: 0.8125rem;
		line-height: 1.9;
		padding: 0 0 0 1.25rem;
		box-sizing: border-box;
	}

	#content #wrap #about section div.list dl.n2 dd{
		width: 64%;
	}



}