/*
Theme Name: アウトリーチセンター
Version: 1.0
*/
@charset "utf-8";
@import url(/css/base.css);


/*####################################################################################

  	HOME

　####################################################################################*/

/* コンテンツ */

	.mainimage2{
		width: 270px;
		height: auto;
		margin:0 auto -100px;
		position: relative;
		top:-40px;
		z-index: 10;
	}
	.mainimage2 img{
		width:100%;
		height: auto;
	}

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

	.mainimage2{
		display: none;
	}

}

	.mainimage{
		width:1000px;
		height:auto;
		margin:0 auto 40px;
		/*overflow: hidden;*/
	}
	.mainimage{zoom:1;}
	.mainimage:after{
	  content: ""; 
	  display: block; 
	  clear: both;
	}

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

	.mainimage{
		width:100%;
		margin-bottom:0;
		border-radius: 0;
		position: relative;
	}

}

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

	.mainimage{
		max-width: 360px;
		width:100%;
		height:auto !important;
		margin:30px auto 20px;
		top:0;
	}

}

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

	.mainimage{
		max-width: 100%;
		width:100%;
		margin:0 auto -10px;
	}

}

		.mainimage > li{
			width:50%;
			height:auto;
			list-style:none;
			float:left;
		}
		.mainimage > li img{
			width:100%;
			height:auto;
			border-radius: 20px 0 0 20px;
		}
		.mainimage > li:nth-last-of-type(1){
			float: right;
		}
		.mainimage > li:nth-last-of-type(1) img{
			border-radius:0 20px 20px 0;
		}

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

		.mainimage > li img,
		.mainimage > li:nth-last-of-type(1) img{
			border-radius:0;
		}

	}

	@media screen and (max-width:640px){
			
		.mainimage > li,
		.mainimage > li:nth-last-of-type(1){
			width:100%;
			float: none;
		}
		.mainimage > li:nth-last-of-type(1){
			position: relative;
			top:-10px;
		}
		.mainimage > li img{
			height:auto !important;
		}

	}


			.mainimage ul{
				width:86%;
				height:100px;
				margin:-100px auto 0;
				list-style: none;
				position: relative;
				top:-29px;
			}

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

			.mainimage ul{
				width:94%;
			}
			
		}

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

			.mainimage ul{
				height:85px;
				margin:-85px auto 0;
				top:-20px;
			}
			
		}

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

			.mainimage ul{
				height:75px;
				margin:-75px auto 0;
				top:-15px;
			}
			
		}
				
			.mainimage > li > p{
				max-width: 360px;
				width:94%;
				height:100px;
				margin:-100px auto 0;
				list-style: none;
				position: relative;
				top:-29px;
				border-radius: 10px;
				background-image: url("/shared/bg_clear-white90.png");
			}

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

			.mainimage > li > p{
				height:85px;
				margin:-85px auto 0;
				top:-20px;
			}
			
		}

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

			.mainimage > li > p{
				height:75px;
				margin:-75px auto 0;
				border-radius:5px;
				top:-15px;
			}
			
		}

			.mainimage ul li{
				float: left;
				width:24%;
				height: 100%;
				margin-right:calc(4% / 3);
				border-radius: 10px;
				background-image: url("/shared/bg_clear-white90.png");
			}
			.mainimage ul li:nth-last-of-type(1){
				margin-right: 0;
			}

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

			.mainimage ul li{
				border-radius:5px;
			}

		}

				.mainimage ul li a,
				.mainimage > li > p a{
					display:-webkit-flex;
					display:flex;
					justify-content: center;
					-webkit-align-items:center;
					align-items:center;
					width: 100%;
					height: calc(100% - 10px);
					padding-bottom: 10px;
					color:#369;
					font-weight:700;
					text-align: center;
					text-decoration: none;
					line-height: 1.4em;
					background-image: url("/shared/img_yajirushiS.png");
					background-position: 50% 85%;
					background-repeat: no-repeat;
					text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,
						0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,
						0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,
						0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;
				}

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

				.mainimage ul li a{
					letter-spacing: 0;
				}
				
			}

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

				.mainimage ul li a,
				.mainimage > li > p a{
					font-size:0.9em;
				}
				
			}

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

				.mainimage ul li a,
				.mainimage > li > p a{
					font-size:0.8em;
				}
				
			}

			.mainimage  + .news{
				position: relative;
				z-index: 10;
				background-color: #f0f8ff;
			}

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

			.mainimage  + .news{
				margin-bottom: -10px;
				top:-10px;
			}

		}


/* HOMEコンテンツ共通 */

	.content-sec{
		padding: 50px 0 70px;
	}

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

	.content-sec{
		padding: 30px 0 50px;
	}

}

	.content-sec .inner{
		max-width:1000px;
		width:88%;
		margin:0 auto;
	}

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

	.content-sec .inner{
		margin:0 auto;
	}

}

		.content-sec h2{
			margin-bottom:40px;
			color:#036;
			font-size:1.8em;
			/*font-weight:700;*/
			line-height: 1.5em;
			text-align: center;
		}

	@media screen and (max-width:1200px){
					
		.content-sec h2{
			font-size:1.6em;
		}

	}

	@media screen and (max-width:1000px){
					
		.content-sec h2{
			margin-bottom: 30px;
		}

	}

	@media screen and (max-width:880px){
					
		.content-sec h2{
		}

	}

	@media screen and (max-width:540px){
					
		.content-sec h2{
			margin-bottom: 20px;
			font-size:1.3em;
		}

	}

	@media screen and (max-width:370px){
					
		.content-sec h2{
			font-size:1.2em;
		}

	}



/************************ アウトリーチセンターとは ************************/				
	
	
		.about{
			padding: 50px 0 0 !important;
			color:#036;
			position:relative;
			z-index: 1;
		}

	@media screen and (max-width:1000px){
	
		.about{
			padding: 50px 0 30px !important;
		}

	}

	@media screen and (max-width:640px){
	
		.about{
			padding: 30px 0 0 !important;
		}

	}
	
		.about .inner{
			max-width: 1000px;
			width: 90%;
			margin: 0 auto;
		}

.about .inner{zoom:1;}
.about .inner:after{
  content: ""; 
  display: block; 
  clear: both;
}

		.about .inner > img{
			width:30%;
			height: auto;
			margin: 5px 50px 15px 0;
			float: left;
			border-radius:10px;
		}

	@media screen and (max-width:1000px){
	
		.about .inner > img{
			margin: 5px 30px 15px 0;
			border-radius:5px;
		}

	}

	@media screen and (max-width:640px){
	
		.about .inner > img{
			display: block;
			max-width: 240px;
			width:80%;
			height: auto;
			margin: 30px auto 30px;
			float:none;
		}

	}

		.about .inner > p{
			color:#036;
		}
	
		.about h2{
			height: 75px;
			background-image:url("/shared/mrk_circle-blue.png");
			background-position: 50% 100%;
			background-repeat: no-repeat;
		}

	@media screen and (max-width:640px){
	
		.about h2{
			height: 60px;
		}

	}




/************************ 活動内容 ************************/				
	
	
		.activities{
			color:#036;
			position:relative;
			z-index: 1;
		}
	
		.activities .inner{
			max-width: 1000px;
			width: 90%;
			margin: 0 auto;
		}

		.activities .inner{zoom:1;}
		.activities .inner:after{
		  content: ""; 
		  display: block; 
		  clear: both;
		}

		.activities .inner > img{
			width:30%;
			height: auto;
			margin: 5px 0 15px 50px;
			float: right;
			border-radius:10px;
		}

	@media screen and (max-width:1000px){
	
		.activities .inner > img{
			margin: 5px 0 15px 30px;
			border-radius:5px;
		}

	}

	@media screen and (max-width:640px){
	
		.activities .inner > img{
			display: block;
			max-width: 240px;
			width:80%;
			height: auto;
			margin: 30px auto 30px;
			float:none;
		}

	}

		.activities .inner > p{
			color:#036;
			margin: 0 auto;
		}

	
		.activities h2{
			height: 75px;
			background-image:url("/shared/mrk_circle-blue.png");
			background-position: 50% 100%;
			background-repeat: no-repeat;
		}

	@media screen and (max-width:640px){
	
		.activities h2{
			height: 60px;
		}

	}





/* おしらせ */		
	

	@media screen and (max-width:640px){
			
		.news{
			padding-bottom: 0;
		}
		
	}
	
		.news .inner{
			width:100%;
		}
	

		/* リンクボタン */

		.news .linkbtn{
			display:block;
			width:160px;
			height:28px;
			margin:0;
			color:#369;
			font-size:0.8em;
			text-decoration:none;
			text-align:center;
			line-height:28px;
			background-color:#fff;
			background-image:url(/shared/img_yajirushi-yellow.png);
			background-repeat:no-repeat;
			background-position:98% 50%;
			background-size:5px auto;
			border-radius:5px;
			float: right;
			position:relative;
			top:-45px;
			left:-25px;
			z-index:1100;
			-webkit-transition:opacity 0.3s ease-out;
			-moz-transition:opacity 0.3s ease-out;
			-ms-transition:opacity 0.3s ease-out;
			transition:opacity 0.3s ease-out;
		}		
		.news .linkbtn:hover{
			color:#c33;
			filter:alpha(opacity=80);
			-moz-opacity:0.80;
			opacity:0.80;
		}

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

		.news .linkbtn{
			width:160px;
			font-size:0.8em;
			left:0;
		}

	}

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

		.news .linkbtn{
			margin: 60px auto 0;
			float: none;
		}

	}

		.newslist{
			max-width: 1000px;
			width:90%;
			margin:0 auto 10px;
			border-top:1px dashed #999;
			position: relative;
			top:-30px;
		}
		
			.newslist li{
				padding: 15px 0;
				list-style: none;
				border-bottom:1px dashed #999;
				background-image:url(/shared/mrk_news.png);
				background-repeat:0;
				background-repeat:no-repeat;
				background-position:3% 14px;
				background-size:26px auto;
			}
	
		@media screen and (max-width:770px){

			.newslist li{
				background-position:1% 10px;
			}

		}

.newslist li{zoom:1;}
.newslist li:after{
  content: ""; 
  display: block; 
  clear: both;
}


			.newslist li a,
			.newslist li span{
				display:block;
				padding:0 2% 0 3%;
				text-decoration:none;
				-webkit-transition:opacity 0.3s ease-out;
				-moz-transition:opacity 0.3s ease-out;
				-ms-transition:opacity 0.3s ease-out;
				transition:opacity 0.3s ease-out;
			}

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

			.newslist li a,
			.newslist li span{
				padding:0;
			}
		
		}




			.newslist li a:hover,
			.newslist li span:hover{
				filter:alpha(opacity=60);
				-moz-opacity:0.60;
				opacity:0.60;
			}
		
				.newslist li .date{
					width:100px;
					margin: 0;
					color:#333;
					line-height: 1.7em;
					float:right;
				}
	
			@media screen and (max-width:1000px){
		
				.newslist li .date{
					font-size:1.0em;
				}
				
			}

			@media screen and (max-width:770px){
		
				.newslist li .date{
					float: none;					
				}
				
			}

			@media screen and (max-width:480px){
		
				.newslist li .date{
					font-size:0.9em;
				}
				
			}
	
				.newslist li h3{
					width:calc(95% - 100px);
					color:#333;
					font-size:1.1em;
					line-height: 1.7em;
					float: left;
				}
				
				.newslist li a h3{color:#333;}

			@media screen and (max-width:1000px){
		
				.newslist li h3{
					font-size:1.0em;
				}
				
			}

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

				.newslist li h3{
					width:100%;
					float:none;
				}

			}

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

				.newslist li h3{
					font-size:0.9em;
				}

			}

 

	/* 記事詳細 */	

		.newsdetail > .inner{
			max-width:980px;
			width:90%;
			margin: 0 auto 70px;
		}
	

			.newsdetail > .inner h2{
				color:#22538e;
				background-image:url(/shared/mrk_news2.png);
				background-position: 0 3px;
			}

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

			.newsdetail > .inner h2{
				background-position: 0 1px;
			}

		}



		.newsdetail article{
			max-width:980px;
			width:100%;
			margin:0 auto;
		}

			.newsdetail article header{
				padding:0;
				border-bottom:1px solid #036;
			}

				.newsdetail article header h3{
					margin: 0 !important;
					padding:0 5px 10px;
					color:#333;
					font-size:1.2em;
					font-weight:700;
					line-height:1.5em;
					text-align: left;
				}

			.newsdetail article .entry{
				padding:20px 5px;
			}

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

			.newsdetail article .entry{
				padding:25px 0;
			}

		}			

			.newsdetail article footer{
				padding:7px 5px 30px;
				color:#666;
				border-top:1px solid #ccc;
			}

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

			.newsdetail article footer{
				padding:20px 0 0;
			}

		}

				.newsdetail article .entry h4{
					margin:10px 0 5px;
					color:#027300;
					font-weight:500;
					line-height:1.5em;
				}

				.newsdetail article .entry ul{
					margin-left:20px;
				}

					.newsdetail article .entry li{
						margin-bottom:6px;
						line-height:1.5em;
					}

			.newsdetail article .entry .borderbox{
				float:left;
				width:44%;
				height:200px;
				margin:0 3% 20px 0;
				border:1px solid #ccc;
				border-radius:10px;
				padding:10px 2%;
			}
			.newsdetail article .entry .borderbox:nth-of-type(3){clear:both;}
			.newsdetail article .entry .borderbox:nth-of-type(2n){margin-right:0;}

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

			.newsdetail article .entry .borderbox{
				height:220px;
			}
		}

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

			.newsdetail article .entry .borderbox{
				float:none;
				width:96%;
				height:auto;
				margin:0 0 20px 0;
				padding:10px 2%;
			}
			.newsdetail article .entry .borderbox:nth-of-type(3){clear:none;}
						
		}	



/* add */

/* コンテンツ */

	.news .content-sec .inner{
		max-width:1200px;
		width:88%;
		margin:0 auto;
	}
	

	.news #maininner{
		max-width:980px;
		width:90%;
		margin:0 auto;
		padding:0 0 90px;
	}
	
	.news #detail #main{
		background-color:#d3eef9;	
	}

@media screen and (max-width:1000px){
	
	.news #maininner{padding:50px 0 70px;}
	
}

@media screen and (max-width:480px){
	
	.news #maininner{padding:30px 0 50px;}
	
}


		.news #maininner h2{
			margin:0 0 40px;
			padding:7px 0 0;
			color:#c74752;
			font-size:2.2em;
			font-weight:700;
			background-image:url(../shared/mrk_news.png);
			background-repeat:no-repeat;
			background-size:36px auto;
			background-position:0 4px;
			position:relative;
		}

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

		.news #maininner h2{
			font-size:2.1em !important;
		}

	}


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

		.news #maininner h2{
			font-size:1.8em !important;
		}

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

		.news #maininner h2{
			font-size:1.6em !important;
		}

	}

	@media screen and (max-width:480px){
			
		.news #maininner h2{
			font-size:1.4em !important;
		}

	}

		.news #maininner h3{
			margin:0 0 30px;
			color:#036;
			font-size:1.4em;
			font-weight:700;
		}

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

		.news #maininner h3{
			font-size:1.3em;
		}

	}

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

		.news #maininner h3{
			margin-bottom:20px;
			font-size:1.2em;
		}

	}


		.news #maincatch{
			margin:0 0 60px 25px;
			color:#22538F;
			font-size:3.8em;
			font-family: "kozuka-mincho-pro",serif;
			font-weight:500;
		}

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

		.news #maincatch{
			margin:0 0 40px 25px;
			font-size:2.5em;
		}

	}

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

		.news #maincatch{
			margin:0 0 40px ;
			font-size:1.9em;
		}

	}

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

		.news #maincatch{
			margin:0 0 20px;
			font-size:1.4em;
		}

	}
	


/* 記事 */	

		.news #main article{
			max-width:640px;
			margin:100%;
			margin:0 auto;
		}

			.news #main article header{
				padding:18px 0 15px;
				border-bottom:1px dashed #027300;
			}

				.news #main article header h3{
					padding:3px 0 0 36px;
					color:#333;
					font-size:1.2em;
					font-weight:700;
					line-height:1.5em;
					background-image:url(../shared/mrk_news.png);
					background-repeat:no-repeat;
					background-size:32px auto;
				}

			.news #main article .entry{
				padding:30px 0;
			}

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

			.news #main article .entry{
				padding:25px 0;
			}

		}			

			.news #main article footer{
				padding:20px 0 0;
				color:#027300;
				border-top:1px dashed #027300;
			}

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

			.news #main article footer{
				padding:20px 0 0;
			}

		}

				.news #main article .entry h4{
					margin:10px 0 5px;
					color:#027300;
					font-weight:500;
					line-height:1.5em;
				}

				.news #main article .entry ul{
					margin-left:20px;
				}

					.news #main article .entry li{
						margin-bottom:6px;
						line-height:1.5em;
					}

			.news #main article .entry .borderbox{
				float:left;
				width:44%;
				height:200px;
				margin:0 3% 20px 0;
				border:1px solid #ccc;
				border-radius:10px;
				padding:10px 2%;
			}
			.news #main article .entry .borderbox:nth-of-type(3){clear:both;}
			.news #main article .entry .borderbox:nth-of-type(2n){margin-right:0;}

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

			.news #main article .entry .borderbox{
				height:220px;
			}
		}

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

			.news #main article .entry .borderbox{
				float:none;
				width:96%;
				height:auto;
				margin:0 0 20px 0;
				padding:10px 2%;
			}
			.news #main article .entry .borderbox:nth-of-type(3){clear:none;}
						
		}

		/* 戻る */
			
			.news .modoru{
				display:block;
				width:120px;
				height:30px;
				margin-bottom:-30px;
				color:#fff;
				font-size:0.9em;
				font-weight:500;
				letter-spacing:0.1em;
				text-align:center;
				line-height:30px;
				background-color:#036;
				border-radius:3px;
				position:relative;
				z-index:1100;
				float:right;
				position: relative;
				top:-30px;
				cursor:pointer;
				-webkit-transition:opacity 0.3s ease-out;
				-moz-transition:opacity 0.3s ease-out;
				-ms-transition:opacity 0.3s ease-out;
				transition:opacity 0.3s ease-out;
			}
			
			.news .modoru:hover{
				color:#ffc;
				filter:alpha(opacity=80);
				-moz-opacity:0.80;
				opacity:0.80;
			}
		

/*####################################################################################

  	ごあいさつ

　####################################################################################*/


		.message{
			width:100%;
			margin:0 auto;
			padding:80px 0 !important;
			background-image:url(/shared/bg_paper.png);
		}

	@media screen and (max-width:1200px){
			
		.message{
			border-radius:0;
		}

	}

	@media screen and (max-width:1000px){
		.message{
			padding:60px 0 !important;
		}
	}

	@media screen and (max-width:430px){
		.message{
			padding:50px 0 !important;
		}
	}
	
	
			.message .inner{
				max-width:840px !important;
				width:90%;
				margin:0 auto;
			}
			.message .inner:nth-of-type(1){
				padding-bottom:70px;
				margin-bottom: 50px;
				background-image:url("/shared/mrk_circle-blue.png");
				background-position: 50% 100%;
				background-repeat: no-repeat;
			}
			
			.message img{
				width:200px;
				height: auto;
				margin:0 50px 15px 0;
				float:left;
				position:relative;
				border-radius: 10px;
			}

		@media screen and (max-width:1000px){
			
			.message img{
				margin:0 30px 15px 0;
				border-radius: 5px;
			}

		}

		@media screen and (max-width:640px){
			
			.message img{
				display:block;
				max-width: 160px;
				width:50%;
				margin:0 auto;
				float:none;
				top:0;
				left:0;
			}

		}

		@media screen and (max-width:480px){
			
			.message img{
			}

		}


			
				.message .inner header{
					height: 40px;
				}
	
			@media screen and (max-width:640px){
			
				.message .inner header{
					margin-top: 30px;
				}
			
			}
	
			@media screen and (max-width:640px){
			
				.message .inner header{
					height:60px;
				}
			
			}


					.message .inner .name{
						float:right;
						margin:0;
						text-align: right;
						position: relative;
						top:-8px;
					}

				@media screen and (max-width:1000px){
			
					.message .inner .name{
					}
	
				}

				@media screen and (max-width:770px){
			
					.message .inner .name{
					}
	
				}

				@media screen and (max-width:640px){
			
					.message .inner .name{
						margin:15px 0 0 0;
						text-align: center;
						float: none;
					}
	
				}
			
			
					.message .inner .name span{
						font-size:1.2em;
						letter-spacing:0.15em;
						font-weight:bold;
					}

				@media screen and (max-width:430px){
			
					.message .inner .name span{
						display: block;
					}

				}
				

				@media screen and (max-width:370px){
				
					.message .inner .name{
						font-size:0.9em;
					}
					
					.message .inner .name span{
						font-size:1.2em;
					}
				
				}
			
				.message .inner .note{
					margin:0;
					text-align:justify;
					line-height:2.0em;
				}

		@media screen and (max-width:640px){
			
			.message .inner{
				width:88%;
				left:0;
			}

		}
		
		.message + .linkbtn{
			display:block;
			max-width:620px;
			width:80%;
			height:70px;
			margin:50px auto 50px;
			padding-right:20px;
			color:#fff;
			font-size:1.3em;
			font-weight:700;
			text-decoration:none;
			text-align:center;
			line-height:70px;
			background-color:#22538f;
			background-image:url(/shared/img_yajirushi-yellow.png);
			background-repeat:no-repeat;
			background-position:95% 50%;
			background-size:10px auto;
			border-radius:10px;	
			position:relative;
			z-index:1100;
			-webkit-transition:opacity 0.3s ease-out;
			-moz-transition:opacity 0.3s ease-out;
			-ms-transition:opacity 0.3s ease-out;
			transition:opacity 0.3s ease-out;
		}		
		.message + .linkbtn:hover{
			color:#ffc;
			filter:alpha(opacity=80);
			-moz-opacity:0.80;
			opacity:0.80;
		}

	@media screen and (max-width:640px){
			
		.message + .linkbtn{
			height:50px;
			margin:30px auto 50px;
			font-size:1.0em;
			line-height:50px;
		}

	}

	@media screen and (max-width:480px){
			
		.message + .linkbtn{
			width:90%;
			height:40px;
			font-size:0.9em;
			line-height:40px;
			border-radius:6px;	
		}

	}

	@media screen and (max-width:400px){
			
		.message + .linkbtn{
			font-size:0.8em;
		}

	}

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

		.message + .linkbtn span{
			display: none;
		}

	}		






/*####################################################################################

  	お問い合わせ

　####################################################################################*/


	.contact{
		position:relative;
	}

@media screen and (max-width:880px){
	
	.contact{
	}
	
}

@media screen and (max-width:640px){
	
	.contact{
	}
	
}

@media screen and (max-width:480px){
	
	.contact{
		padding:40px 0;
	}
	
}

		.contact h3{
			margin-bottom: 5px;
			font-weight: 700;
			text-align: center;
		}

		.contact address{
			font-style: normal;
			text-align: center;
		}

	@media screen and (max-width:770px){
		
		.contact address span{
			display: block;
			max-width:340px;
			width: 90%;
			margin: 0 auto;
			text-align: left;
		}

	}



	

				.remarks{
					margin:0;
					color:#369;
					font-size:0.9em;
					position:relative;
					top:-8px;
				}



		/* 戻る */
			
			.modoru{
				display:block;
				max-width:360px;
				width:80%;
				height:50px;
				margin:30px auto;
				color:#fff;
				font-size:1.1em;
				font-weight:500;
				letter-spacing:0.07em;
				text-align:center;
				line-height:50px;
				background-color:#036;
				border-radius:5px;
				cursor:pointer;
				-webkit-transition:opacity 0.3s ease-out;
				-moz-transition:opacity 0.3s ease-out;
				-ms-transition:opacity 0.3s ease-out;
				transition:opacity 0.3s ease-out;
			}
			
			.modoru:hover{
				filter:alpha(opacity=80);
				-moz-opacity:0.80;
				opacity:0.80;
			}
		
		
				.thanksnote{
					max-width: 640px;
					width:100%;
					margin:20px auto;
					
				}

					.thanksnote h3{
						margin-bottom: 15px;
						font-size:1.2em;
						font-weight:700;
					}
		
				@media screen and (max-width:430px){

					.thanksnote h3{
						font-size:1.1em;
					}

				}



/* コンテンツ共通 */


	.content main > .inner{
		width:1000px;
		width:88%;
		margin:0 auto;
	}

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

	.content main > .inner{
		margin:0 auto;
	}

}

		.content main h2{
			margin-bottom:70px;
			color:#036;
			font-size:1.8em;
			font-weight:700;
			text-align: center;
		}

	@media screen and (max-width:1200px){
					
		.content main h2{
			font-size:1.6em;
		}

	}

	@media screen and (max-width:1000px){
					
		.content main h2{
			margin: 40px 0 70px;
		}

	}

	@media screen and (max-width:540px){
					
		.content main h2{
			margin: 30px 0 60px;
			font-size:1.3em;
		}

	}

	@media screen and (max-width:370px){
					
		.content main h2{
			font-size:1.2em;
		}

	}	



/*####################################################################################

  	おしらせ

　####################################################################################*/