/*
Theme Name: 地域連携センター
Version: 1.0
*/
@charset "utf-8";
@import url(/css/base.css);


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

  	WP

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


.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.main{
	overflow-wrap: break-word;
　　word-wrap: break-word;
}


.main ul{margin-left: 20px;}

.main ol{margin-left: 25px;}

.main blockquote {
	border-left: 4px solid #707070;
	border-left: 4px solid rgba(51, 51, 51, 0.7);
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-size: 18px;
	font-size: 1.8rem;
	font-style: italic;
	line-height: 1.6667;
	margin-bottom: 1.6667em;
	padding-left: 0.7778em;
}

.main a {color:#00f;}

strong{font-weight: bold;}




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

  	HOME

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


/* コンテンツ */

	.mainimage{
		max-width:1000px;
		width:94%;
		height: 300px;
		margin:0 auto 50px;
		line-height: 0;
	}

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

	.mainimage{
		width:100%;
		margin-bottom: 0;
	}

}

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

		.maincatch{
			display:-webkit-flex;
			display:flex;
			justify-content: center;
			-webkit-align-items:center;
			align-items:center;
			color:#369;
			font-size: 3.2em;
			font-weight: 700;
			line-height: 1.5em;
			text-align: center;
					text-shadow:0 0 10px #dde1eb,0 0 10px #dde1eb,0 0 10px #dde1eb,0 0 10px #dde1eb,0 0 10px #dde1eb,0 0 10px #dde1eb,
						0 0 10px #dde1eb,0 0 10px #dde1eb,0 0 10px #dde1eb,0 0 10px #dde1eb,0 0 10px #dde1eb,0 0 10px #dde1eb;
			position: relative;
			top:-10px;
			z-index:20;
		}

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

		.maincatch{
			font-size: 4.5vw;
		}

	}


/* 所長挨拶 */

		.message{
			width:100%;
			margin:0 auto;
			padding:50px 0;
			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:30px 0;
		}
	}
	
	
			.message .inner{
				max-width:880px;
				width:88%;
				margin:0 auto;
			}
			
			.message img{
				width:160px;
				margin:5px 0 30px 50px;
				float:right;
				position:relative;
			}

		@media screen and (max-width:1000px){
			
			.message img{
				margin:47px 0 25px 40px;
			}

		}

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

		}

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

		}
			
				.message .inner header{
					height:100px;
					overflow:hidden;
				}
	
			@media screen and (max-width:1000px){
			
				.message .inner header{
					height:130px;
				}
			
			}
	
			@media screen and (max-width:770px){
			
				.message .inner header{
				}
			
			}
	
			@media screen and (max-width:640px){
			
				.message .inner header{
					margin-top: 30px;
				}
			
			}

					.message .inner h3{
						color:#036;
						font-size:1.8em;
						font-weight:700;
						float:left;				
					}
	
				@media screen and (max-width:1000px){
			
					.message .inner h3{float:none;}
					
				}

				@media screen and (max-width:640px){
			
					.message .inner h3{
						font-size:1.6em;
						text-align: center;					
					}
					
				}

				@media screen and (max-width:480px){
			
					.message .inner h3{font-size:1.4em;}
					
				}

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

				@media screen and (max-width:1000px){
			
					.message .inner .name{
						margin:15px 8px 0 0;
					}
	
				}

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

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

	}		

			.message  + .news{
				position: relative;
				z-index: 10;
			}



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

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

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

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

}


	.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{
			margin-bottom: -165px;
			padding-top:165px;
			color:#036;
			position:relative;
			top:-165px;
			z-index: 11;
		}

	@media screen and (max-width:1000px){
	
		.about{
			margin-bottom: -88px;
			padding-top:88px;
			top:-88px;
		}

	}

		.about .innerwrapper{
			padding: 1px 0 50px;
			background-color: #fffdf2;
		}



		.about .innerwrapper > .inner > p{
			color:#036;
		}


	@media screen and (max-width:640px){
	
		.about{
			padding-top: 15px;
			top:0;
		}

	}
	
		.about h2{
			margin-top:50px;
		}
	

	
		.about .inner{
			max-width: 770px;
			width: 88%;
			margin: 0 auto;
		}


		
				.about ol li{
					margin-bottom:10px;
					line-height: 1.7em;
				}
		


				.about ul{
					width:92% !important;
					margin-left:auto !important;
					margin-right:auto !important;
				}
		
				.about ul li{
					width:50%;
					list-style:none;
					float: left;
				}
				.about ul li:nth-of-type(1){width:70%;}
				.about ul li:nth-of-type(2){width:30%;}

			@media screen and (max-width:770px){
	
				.about ul li:nth-of-type(1){width:100%;}
				.about ul li:nth-of-type(2){width:100%;}

			}

					.about ul h3{
						margin:50px 0 15px;
						color:#c33;
						font-size:1.4em;
						font-family: 'Sawarabi Mincho', sans-serif;
					}

					.about ul h3:before{
						content:url("/shared/mrk_circle-pink.png");
						margin-right: -10px;
						position: relative;
						left:-20px;
						top:0;
					}

					.about ul li a{
						color:#036;
						position: relative;
						left:10px;
					}

						.about ul li a:before{
							margin-right: 7px;
							content:url("/shared/mrk_shortbox.png");
							position: relative;
							top:-4px;
						}

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

					.about ul{
						margin-left:0;
					}

					.about ul h3{
						margin:40px 0 10px;
						font-size:1.3em;
					}

					.about ul h3:before{
						margin-right: -10px;
						left:-15px;
						top:1px;
					}

				}

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

					.about ul h3{
						margin:30px 0 10px;
						font-size:1.2em;
					}

					.about ul h3:before{
						top:3px;
					}

				}



/************************ こどもサポーター ************************/				
	
	
		.kodomosupport{
			margin-bottom: -80px;
			padding-top:100px;
			color:#036;
			position:relative;
			z-index: 11;
			top:-80px;
			border-bottom:dashed #ccc 1px;
		}
		.kodomosupport.content-sec{
			padding: 50px 0 0;
		}


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

	}

	@media screen and (max-width:640px){
	
		.kodomosupport{
			padding: 30px 0  0;
			top:0;
		}

	}

		.kodomosupport .innerwrapper{
			padding: 0 0 50px;
		}

	@media screen and (max-width:640px){
	
		.kodomosupport .innerwrapper{
			padding: 20px 0;
		}

	}



		.kodomosupport .innerwrapper > .inner > p{
			color:#036;
		}


	@media screen and (max-width:640px){
	
		.kodomosupport{
			top:0;
		}

	}
	
		.kodomosupport h2{
			margin-top:50px;
		}
	

	
		.kodomosupport .inner{
			max-width: 770px;
			width: 88%;
			margin: 0 auto;
		}

				.kodomosupport .inner > ul{
					width:100% !important;
				}
		
				.kodomosupport .inner > ul > li{
					width:25%;
					list-style:none;
					float: left;
				}
				.kodomosupport .inner > ul > li:nth-of-type(2){
					width:50%;
				}
		

					.kodomosupport .inner > ul > li > p{
						color:#036;
						position: relative;
						left:10px;
					}

						.kodomosupport .inner > ul > li p:before{
							margin-right: 7px;
							content:url("/shared/mrk_shortbox.png");
							position: relative;
							top:-4px;
						}

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

				.kodomosupport .inner > ul > li:nth-of-type(1){width:150px;}
				.kodomosupport .inner > ul > li:nth-of-type(2){width:calc(100% - 150px);}
				.kodomosupport .inner > ul > li:nth-of-type(3){width:100%;}

			}

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

				.kodomosupport .inner > ul > li:nth-of-type(1){width:100%;}
				.kodomosupport .inner > ul > li:nth-of-type(2){width:100%;}

			}

		
					.kodomosupport .inner > ul > li h3{
						margin-left:20px;
						color:#c33;
					}
		
					.kodomosupport .inner > ul > li ul{
						margin-left: 40px;
						margin-bottom: 15px;
					}
					.kodomosupport .inner > ul > li ul:nth-last-of-type(1){
						margin-bottom: 0;
					}

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

					.kodomosupport .inner > ul > li ul:nth-last-of-type(1){
						margin-bottom: 40px;
					}

				}

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

					.kodomosupport .inner > ul > li h3{
						margin-left:10px;
					}
		
					.kodomosupport .inner > ul > li ul{
						margin-left:30px;
					}

				}

						.kodomosupport .inner > ul > li ul li{
							width:50%;
							float: left;
						}



/************************ 研修サポート ************************/				
	
	
		.kensyusupport{
			margin-bottom: -30px;
			color:#036;
			position:relative;
			z-index: 11;
			top:-30px;
		}

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

	}

	@media screen and (max-width:640px){
	
		.kensyusupport{
			top:0;
		}

	}

		.kensyusupport .innerwrapper{
			padding: 0 0 50px;
		}

	@media screen and (max-width:640px){
	
		.kensyusupport .innerwrapper{
			padding: 50px 0 0;
		}

	}



		.kensyusupport .innerwrapper > .inner > p{
			color:#036;
		}


	@media screen and (max-width:640px){
	
		.kensyusupport{
			top:0;
		}

	}
	
		.kensyusupport h2{
			margin-top:50px;
		}
	

	
		.kensyusupport .inner{
			max-width: 770px;
			width: 88%;
			margin: 0 auto;
		}

				.kensyusupport ul{
					width:92% !important;
					margin-left:auto !important;
					margin-right:auto !important;
				}
		
				.kensyusupport ul li{
					width:50%;
					list-style:none;
					float: left;
				}
		

					.kensyusupport ul li a{
						color:#036;
						position: relative;
						left:10px;
					}

						.kensyusupport ul li a:before{
							margin-right: 7px;
							content:url("/shared/mrk_shortbox.png");
							position: relative;
							top:-4px;
						}

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

					.kensyusupport ul{
						margin-left:0;
					}

				}


/************************ 業務のご紹介 ************************/				


	.archivements{
		clear:both;
		margin-bottom: -80px;
		position:relative;
		top:-80px;
		z-index: 10;
	}

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

@media screen and (max-width:640px){
	
	.archivements{
		top:0;
	}
	
}

	.archivements .innerwrapper{
		padding-top:60px;
		background-color: #f8f8f8;
	}

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

	.archivements .innerwrapper{
		padding-top:50px;
	}

}

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

	.archivements .innerwrapper{
		padding-top:40px;
	}

}

		.archivements .inner,
		.archivementslist .inner{
			max-width: 1000px;
			width:90%;
			margin: 0 auto;
			padding-bottom: 70px
		}

	@media screen and (max-width:480px){
		.archivements .inner,
		.archivementslist .inner{
			padding-bottom:50px
		}
	}


		.archivementslist .inner h2{
			margin-bottom:40px;
		}

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

	}

	@media screen and (max-width:540px){
					
		.archivementslist .inner h2{
			margin-bottom:20px;
		}

	}

			.archivements .inner table,
			.archivementslist .inner table{
				width:100%;
				border-collapse: collapse;
				border-top:1px solid #ccc;
				background-color: #fff;
			}

			.archivements .inner th,
			.archivementslist .inner th{
				padding: 5px 0;
				background-color: #f2f2f2;
				border:1px solid #ccc;
			}

			.archivements .inner td,
			.archivementslist .inner td{
				padding: 10px 1%;
				text-align: center;
				border:1px solid #ccc;
 	            overflow-wrap: break-word;
				word-wrap: break-word;
				line-height: 1.7em;
				word-break: break-all;
			}
			.archivements .inner td:nth-of-type(1),
			.archivementslist .inner td:nth-of-type(1){width:100px;}

			.archivements .inner td:nth-of-type(2),
			.archivementslist .inner td:nth-of-type(2){
				text-align:left;
			}

			.archivements .inner td:nth-of-type(3),
			.archivementslist .inner td:nth-of-type(3){width:100px;}

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

			.archivements .inner th,
			.archivementslist .inner th{
				font-size: 0.9em;
			}

			.archivements .inner td,
			.archivementslist .inner td{
				font-size: 0.9em;
			}
			.archivements .inner td:nth-of-type(1),
			.archivements .inner td:nth-of-type(3),
			.archivementslist .inner td:nth-of-type(1),
			.archivementslist .inner td:nth-of-type(3){
				width:80px;
				line-height:1.4em;
			}

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

			.archivements .inner td:nth-of-type(1),
			.archivementslist .inner td:nth-of-type(1){
				width:70px;
			}

			.archivements .inner td:nth-of-type(3),
			.archivementslist .inner td:nth-of-type(3){
				width:70px;
			}

		}

			.archivements .inner td .link,
			.archivementslist .inner td .link,
			.activity .inner td .link,
			.artivitylist .inner td .link{
				display: block;
				width:70px;
				margin: 0 auto;
				height:24px;
				color:#fff;
				font-size:0.9em;
				text-align: center;
				text-decoration:none;
				line-height: 24px;
				border-radius: 3px;
				background-color: #369;
			}
	
		@media screen and (max-width:640px){

			.archivements .inner td .link,
			.archivementslist .inner td .link,
			.activity .inner td .link,
			.artivitylist .inner td .link{
				width:60px;
				height:24px;
			}
	
		}

			.archivements .linkbtn{
				display:block;
				max-width:300px;
				width:80%;
				height:40px;
				margin:50px auto 0;
				color:#c00;
				font-size:1.1em;
				font-weight:700;
				letter-spacing:0.07em;
				text-align:center;
				text-decoration: none;
				line-height:40px;
				background-color:#fcc;
				background-image:url(/shared/img_yajirushi-yellow.png);
				background-repeat:no-repeat;
				background-position:95% 50%;
				background-size:8px auto;
				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;
			}
	
			.archivements .linkbtn:hover{
				filter:alpha(opacity=80);
				-moz-opacity:0.80;
				opacity:0.80;
			}


		@media screen and (max-width:480px){
			
			.archivements .linkbtn{
				margin:30px auto 0;
				font-size:1.0em;
			}
				
		}

		@media screen and (max-width:370px){
			
			.archivements .linkbtn{
				width:100%;
				height:40px;
				line-height:40px;
			}
				
		}



/************************ 地域連携活動 ************************/				


	.activity{
		margin-bottom: -165px;
		padding-top:165px;
		position:relative;
		top:-165px;
		z-index: 10;
	}

@media screen and (max-width:880px){
	
	.activity{
			margin-bottom: -88px;
			padding-top:88px;
			top:-88px;
	}
	
}

@media screen and (max-width:640px){
	
	.activity{
			padding-bottom:0;
			top:0;
	}
	
}

		.activity .inner,
		.activitylist .inner{
			max-width: 1000px;
			width:90%;
			margin: 0 auto;
			padding-bottom: 70px
		}

	@media screen and (max-width:480px){
		.activity .inner,
		.activitylist .inner{
			padding-bottom:50px
		}
	}


		.activitylist .inner h2{
			margin-bottom:40px;
		}

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

	}

	@media screen and (max-width:540px){
					
		.activitylist .inner h2{
			margin-bottom:20px;
		}

	}

			.activity .inner table,
			.activitylist .inner table{
				width:100%;
				border-collapse: collapse;
				border-top:1px solid #ccc;
			}

			.activity .inner th,
			.activitylist .inner th{
				padding: 5px 0;
				background-color: #f2f2f2;
				border:1px solid #ccc;
			}

			.activity .inner td,
			.activitylist .inner td{
				padding: 10px 1%;
				text-align: center;
				border:1px solid #ccc;
 	            overflow-wrap: break-word;
				word-wrap: break-word;
				line-height: 1.7em;
				word-break: break-all;
			}

			.activity .inner td:nth-of-type(1),
			.activitylist .inner td:nth-of-type(1){
				text-align:left;
			}

			.activity .inner td:nth-of-type(2),
			.activitylist .inner td:nth-of-type(2){width:100px;}

			.activity .inner td:nth-of-type(3),
			.activitylist .inner td:nth-of-type(3){width:100px;}

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

			.activity .inner th,
			.activitylist .inner th{
				font-size: 0.9em;
			}

			.activity .inner td,
			.activitylist .inner td{
				font-size: 0.9em;
			}
			.activity .inner td:nth-of-type(2),
			.activity .inner td:nth-of-type(3),
			.activitylist .inner td:nth-of-type(2),
			.activitylist .inner td:nth-of-type(3){
				width:80px;
				line-height:1.4em;
			}

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

			.activity .inner td:nth-of-type(2),
			.activitylist .inner td:nth-of-type(2){
				width:70px;
			}

			.activity .inner td:nth-of-type(3),
			.activitylist .inner td:nth-of-type(3){
				width:70px;
			}

		}


			.activity .linkbtn{
				display:block;
				max-width:300px;
				width:80%;
				height:40px;
				margin:50px auto 0;
				color:#c00;
				font-size:1.1em;
				font-weight:700;
				letter-spacing:0.07em;
				text-align:center;
				text-decoration: none;
				line-height:40px;
				background-color:#fcc;
				background-image:url(/shared/img_yajirushi-yellow.png);
				background-repeat:no-repeat;
				background-position:95% 50%;
				background-size:8px auto;
				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;
			}
	
			.activity .linkbtn:hover{
				filter:alpha(opacity=80);
				-moz-opacity:0.80;
				opacity:0.80;
			}


		@media screen and (max-width:480px){
			
			.activity .linkbtn{
				margin:30px auto 0;
				font-size:1.0em;
			}
				
		}

		@media screen and (max-width:370px){
			
			.activity .linkbtn{
				width:100%;
				height:40px;
				line-height:40px;
			}
				
		}



/************************ ブランディング ************************/				


	.branding{
		margin-bottom: -40px;
		padding-top:60px;
		position:relative;
		top:-60px;
		border-top:1px dashed #ccc;
	}

@media screen and (max-width:640px){
			
	.branding{
		margin:30px 0 0;
		padding-top:50px;
		top:50px;
	}

}
			
			
	.branding p{
		font-size:1.2em;
		text-align:center;
	}

@media screen and (max-width:640px){
			
	.branding p{
		font-size:1.0em;
		text-align:left;
	}
	.branding br{display: none;}

}



/* おしらせ */		
	

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

		/* リンクボタン */

		.news .linkbtn{
			display:block;
			width:160px;
			height:28px;
			margin:0;
			color:#c00;
			font-size:0.8em;
			text-decoration:none;
			text-align:center;
			line-height:28px;
			background-color:#fcc;
			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:#ffc;
			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{
			width:100%;
			margin:0 auto 10px;
			border-top:1px dashed #999;
			position: relative;
			top:-30px;
		}
		
			.newslist li{
				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 a,
			.newslist li span{
				display:block;
				padding:15px 2% 15px 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:10px 0;
			}
		
		}

			.newslist li:after{
				content: "";
				display: block;
				visibility: hidden;
				clear: both;
				height: 0px;
			}
			* html .newslist li{display: inline-table;}
			/* no ie mac \*/
			* html .newslist li{height:1%;}
			.newslist li{display: block; min-height:0;}
			/* */


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

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

			@media screen and (max-width:480px){
		
				.newslist li .date{
					font-size:0.9em;
				}
				
			}
	
				.newslist li h3{
					width:calc(100% - 100px);
					color:#333;
					font-size:1.1em;
					line-height: 1.7em;
				}
				
				.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%;
				}

			}

			@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:18px 0 10px;
				border-bottom:1px solid #036;
			}

				.newsdetail article header h3{
					padding:3px 5px 0;
					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;}
						
		}	





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

  	お問い合わせ

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


	.contact{
		margin-bottom: -165px;
		padding-top:165px;
		padding-bottom: 0;
		position:relative;
		top:-165px;
	}

@media screen and (max-width:880px){
	
	.contact{
		margin-bottom: -88px;
		padding-top:88px;
		top:-88px;
	}
	
}

@media screen and (max-width:640px){
	
	.contact{
		margin-bottom: 0;
		padding-bottom:20px;
		top:0;
	}
	
}

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

	.contact .inner-wrapper{
		margin:0;
		padding: 50px 0;
		background-color: #f2f2f2;
	}

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

	.contact .inner-wrapper{
		padding: 30px 0;
	}

}


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

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

		.contact .inner{
		}

	}

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

		.contact .inner{
		}

	}

		.contact h2{
			/*margin:0 0 70px;*/
		}

	

		.mailform{
			max-width:840px;
			width:100%;
			margin:0 auto;
		}

			.mailform table{
				width:100%;
				border-collapse:collapse;
			}
	 
				.mailform th{
					height:70px;
					padding:0 5px 0 15px;
					color:#22538e;
					font-weight:500;
					text-align:left;
					line-height:1.4em;
					background-color:#f2f8ff;
					white-space:nowrap;
					border-bottom:1px dashed #ccc;
				}
				.mailform tr:nth-of-type(1) th{border-top:1px dashed #ccc;}

				.mailform td{
					padding:10px 0 0 20px;
					font-weight:400;
					border-bottom:1px dashed #ccc;
				}
				.mailform tr:nth-of-type(1) td{border-top:1px dashed #ccc;}
		
					.mailform td input{
						margin-bottom:10px;
						padding:10px 5px;
						font-weight:400;
						border:none;
						border-radius:5px;
					}
		
					.mailform td textarea{
						width:91%;
						margin-bottom:10px;
						padding:10px 2%;
						font-weight:400;
						border:none;
						border-radius:5px;
					}

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

				.mailform th{
					display: block;
					height: auto;
					padding:5px 0 !important;
					text-align: center;
					width:100%;
					border:none;
				}
				.mailform tr:nth-of-type(1) th{border:none;}

				.mailform th p{
					margin: 0;
				}

				.mailform td{
					display: block;
					padding:15px 2% !important;
					width:96%;
					border:none;
				}
				.mailform tr:nth-of-type(1) td{border:none;}

			}
	
	
	
			#dantai,#dfurigana,#email,#email2{
				max-width:380px;
				width:93%;
			}
			#name1,#name2,#furigana1,#furigana2{
				max-width:145px;
				width:34%;
			}
			#tel1,#tel2,#tel3{
				max-width:80px;
				width:20%;
				text-align:center;
			}


		@media screen and (max-width:480px){
			
			#name1,#name2,#furigana1,#furigana2{
				width:70%;
			}
		
		}
	
			#submit1{
				display:block;
				max-width:360px;
				width:80%;
				height:50px;
				margin:30px auto;
				color:#fff;
				font-size:1.1em;
				font-weight:700;
				letter-spacing:0.07em;
				text-align:center;
				line-height:45px;
				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;
			}
	
			#submit1:hover{
				filter:alpha(opacity=80);
				-moz-opacity:0.80;
				opacity:0.80;
			}


		@media screen and (max-width:480px){
			
			#submit1{
				margin:30px auto 0;
				font-size:1.0em;
			}
				
		}

		@media screen and (max-width:370px){
			
			#submit1{
				width:100%;
				height:40px;
				line-height:40px;
			}
				
		}


	
	
					.hissu{
						width:30px;
						height:14px;
						color:#fff;
						font-size:0.7em;
						text-align:center;
						line-height:16px;
						float:right;
						background-color:#e73656;
						position:relative;
						top:-6px;
						margin-right:5px;
					}

				@media screen and (max-width:480px){
	
					.hissu{
						top:3px !important;
						margin-right:10px;
					}

				}
			
	
			@media screen and (max-width:640px){
			
				.mailform td{
					padding:10px 0 0 10px;
				}
	
			#dantai,#furigana,#email,#email2{
				width:88%;
			}
			#tantou1,#tantou2,#tfurigana1,#tfurigana2{
				width:60%;
			}
	
					.hissu{
						top:-17px;
					}
	
		}
	
				.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;
		}

	}	



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

  	おしらせ

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

.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
 



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

  	兼業依頼

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

	.kengyo .inner{
		max-width: 700px;
		width:90%;
		padding-bottom: 80px;
	}

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

	.kengyo .inner{
		padding-bottom:50px;
	}

}

		.kengyo .inner h3{
			margin-bottom:40px;
			color:#036;
			font-size:1.4em;
			font-weight:700;
			text-align: center;
			line-height: 1.5em;
		}

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

		.kengyo .inner h3{
			margin-bottom:40px;
			font-size:1.2em;
		}

	}

		.kengyo .inner h4{
			width:calc(100% - 25px);
			margin-bottom:0;
			color:#369;
			font-size:1.2em;
			font-weight:700;
			position: relative;
			left:25px;
		}
 		.kengyo .inner h4::before{
			content:"◎";
			margin-right:-18px;
			position: relative;
			left:-25px;
		}

		.kengyo .inner h4 + p,
		.kengyo .inner h4 + p + p{
			width:calc(100% - 25px);
			margin: 10px 0 25px;
			padding-left: 25px;
		}

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

		.kengyo .inner h4 + p,
		.kengyo .inner h4 + p + p{
			width:100%;
			margin: 10px 0 25px;
			padding-left:0;
		}

	}

		.kengyo .inner .note{
			max-width:675px;
			width:calc(90% - 50px);
			margin:0 25px;
			padding: 15px 5%;
			border:3px solid #ccc;
			border-radius: 10px;
		}

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

		.kengyo .inner .note{
			width:calc(90% - 5px);
			margin:0;
		}

	}

			.kengyo .inner .note h5{
				color:#c33;
			}

			.kengyo .inner .note h5 a{
				color:#00e;
			}
			.kengyo .inner .note h5 a:hover{
				color:#c00;
			}


		.kengyo .inner .note + p{
			width:calc(100% - 25px);
			margin: 0 0 10px;
			padding-left: 25px;
		}

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

		.kengyo .inner .note + p{
			width:100%;
			padding-left:0;
		}

	}

		.kengyo .inner h4 + p.marginbottom2{
			margin-bottom:10px;
		}


	.kengyo .inner + a{
		display: block;
		width:60px;
		height:60px;
		margin: 0 auto 30px;
		color:#fff;
		font-size: 3.0em;
		text-align: center;
		text-decoration: none;
		line-height: 64px;
		background-color: #666;
		border-radius: 30px;
		position: relative;
		top:-20px;
	}



/* 追記2025-04-11 */

	.kenshu-support-img{
		max-width: 540px;
		width:100%;
		margin: 0 auto 30px;
	}

	.kenshu-support-img img{
		width: 100%;
		height:auto;
	}


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

		.kensyusupport ul li{
			width:100%;
		}
		.kensyusupport ul li:nth-of-type(1){
			margin-bottom:-20px;
		}
		
	}