@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: 0;
	}

	#content #wrap #intro p.text{
		margin: 60px 0 0 0;
	}

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




	/* -------------------------------------------------------------------------------------------
	*
	* 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#date::before,
		#content #wrap section.container#date::after{
			content: '';
			display: block;
			background-repeat: no-repeat;
			background-position: 0 0;
			background-size: 100% auto;
			position: absolute;
			z-index: 1;
		}
/*
		#content #wrap section.container#date::before{
			width: 162px;
			height: 250px;
			background-image: url(../img/flow_obj_01.png);
			top: 30%; right: 60px;
		}
		#content #wrap section.container#date::after{
			width: 152px;
			height: 134px;
			background-image: url(../img/flow_obj_02.png);
			bottom: 7%; right: 40px;
		}
*/

	#content #wrap section.container div.unity{
		background-color: #ffffff;
		border-radius: 1rem;
		box-sizing: border-box;
		padding: 3.125rem;
		text-align: center;
	}

	#content #wrap section.container div.unity p.text{
		font-size: 0.875rem;
		margin: 0 0 1.75rem 0;
		text-align: center;
	}

	#content #wrap section.container div.unity p.img img.pc{
		width: 100%;
		max-width: 880px;
		display: inline-block;
		vertical-align: top;
	}

	#content #wrap section.container div.unity p.comment{
		font-size: 0.75rem;
		margin: 1.75rem 0 0 0;
	}
	#content #wrap section.container div.unity p.comment::before{
		content: '��';
		display: inline-block;
		vertical-align: top;
		margin: 0 0.25rem 0 0;
		font-size: 0.75rem;
	}


	#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#date 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 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 dl{
	}

	#content #wrap section.container div.each dl dt{
	}

	#content #wrap section.container div.each dl dt p{
		font-size: 0.875rem;
		padding: 0 0 0 1.25rem;
		position: relative;
		line-height: 1.9;
	}
	#content #wrap section.container div.each dl dt 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 div.each dl dd{
		padding: 0 0 0 1.25rem;
		font-size: 0.8125rem;
		line-height: 1.9;
	}

	#content #wrap section.container section p.comment{
		font-size: 0.75rem;
		line-height: 1.7;
		margin: 1.125rem 0 0 0;
	}

	#content #wrap section.container section p.caution{
		font-size: 0.8125rem;
		line-height: 1;
		margin: 1.125rem 0 0 0;
		padding: 0.625rem 0;
		text-align: center;
		border: 1px solid #004ea2;
		color: #004ea2;
		}
		#content #wrap section.container section.n1 p.caution{
			width: 600px;
			padding: 0.625rem 1rem;
			text-align: left;
			line-height: 1.4;
		}

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




}@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{
		/*margin: 0 0 -8vw 0;*/
	}

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



	/* -------------------------------------------------------------------------------------------
	*
	* 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.container#date::before,
		#content #wrap section.container#date::after{
			content: '';
			display: block;
			background-repeat: no-repeat;
			background-position: 0 0;
			background-size: 100% auto;
			position: absolute;
			z-index: 1;
		}
		#content #wrap section.container#date::before{
			width: 20vw;
			height: 32vw;
			background-image: url(../img/flow_obj_01.png);
			top: 174vw; right: 0;
		}
		#content #wrap section.container#date::after{
			width: 20vw;
			height: 18vw;
			background-image: url(../img/flow_obj_02.png);
			bottom: 67vw; right: 8vw;
		}
*/

	#content #wrap section.container div.unity{
		background-color: #ffffff;
		border-radius: 1rem;
		box-sizing: border-box;
		padding: 6vw 5vw;
		text-align: center;
	}

	#content #wrap section.container div.unity p.text{
		font-size: 0.875rem;
		margin: 0 0 1.75rem 0;
		text-align: center;
	}

	#content #wrap section.container div.unity p.img img.sp{
		width: 100%;
		display: inline-block;
		vertical-align: top;
	}

	#content #wrap section.container div.unity p.comment{
		font-size: 0.75rem;
		margin: 1.75rem 0 0 0;
		padding: 0 0 0 1rem;
		line-height: 1.7;
		text-align: left;
		position: relative;
	}
	#content #wrap section.container div.unity p.comment::before{
		content: '��';
		display: inline-block;
		vertical-align: top;
		margin: 0 0.25rem 0 0;
		font-size: 0.75rem;
		position: absolute;
		top: 0; left: 0;
	}


	#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#date 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 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 dl{
	}

	#content #wrap section.container div.each dl dt{
	}

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

	#content #wrap section.container div.each dl dd{
		padding: 0 0 0 1.5rem;
		font-size: 0.9375rem;
		line-height: 1.9;
	}

	#content #wrap section.container section p.comment{
		font-size: 0.9375rem;
		line-height: 1.7;
		margin: 1.125rem 0 0 0;
	}

	#content #wrap section.container section p.caution{
		font-size: 0.8125rem;
		line-height: 1.5;
		margin: 1.125rem 0 0 0;
		padding: 3vw 2vw;
		text-align: center;
		border: 1px solid #004ea2;
		color: #004ea2;
		text-align: left;
		}
		#content #wrap section.container section.n1 p.caution{
			width: 60vw;
		}

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




}