@import url(default.css);
@import url(base.css);


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

  	コンテンツ共通

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


		.slideup{
			opacity: 0;
			transform: translateY(30px);
			transition: all 1s 0s ease-out;
		 }
		
		@keyframes fadeup {
			
   			0% {
				opacity: 0;
				transform: translateY(30px);
			}
   			100% {
				opacity: 1;
				transform: translateY(0);
			}
			
		}

		.contentsub{
			color:#369;
			font-weight: 700;
			position: relative;
			left:-7px;
		}
		.contentsub:before{
			content:url("../shared/dot_box-orange.png");
			position: relative;
			left:-7px;
			top:-5px;
		}


		.stdtext{
			max-width: 1000px;
			width:100%;
			margin-left: auto;
			margin-right: auto;
		}
			
	@media screen and (max-width:640px){

		.stdtext{
			font-size: 0.9em;
		}

	}

		.contentsub + .stdtext{
			margin-top: 10px;
		}




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

  	HOME

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


	main .mainimage{
		max-width:1200px;
		width:100%;
		height:auto;
		margin:0 auto 50px;
		text-align:center;
	}
			
@media screen and (max-width:1600px){

	main .mainimage{
		max-width:1000px;
	}
			
}
			
@media screen and (max-width:640px){

	main .mainimage{
		margin:0 auto 30px;
	}
			
}

.slick-dots > li:first-child:last-child {
    display: none;
}


	.topnews{
		background-color: #fafaeb;		
	}

		.topnews h3{
			color:#032840;
		}

		.topnews ul{
			max-width: 800px;
			width:100%;
			margin:0 auto 50px;
		}

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

		.topnews ul{
			margin:0 auto 30px;
		}

	}

			.topnews li{
				padding: 13px 1% 10px;
				list-style: none;
				border-bottom: 1px dashed #ccc;
			}
			.topnews li:nth-of-type(1){border-top: 1px dashed #ccc;}

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


			.topnews li p{
				margin: 0;
				line-height: 1.7em;
			}
			.topnews li a{
				color:#333;
				text-decoration: none;
			}

			.topnews li p.date{
				width:120px;
				float: left;
			}

			.topnews li p.title{
				width:calc(100% - 130px);
				float: right;
 	            overflow-wrap: break-word;
				word-wrap: break-word;
				word-break: break-all;
			}
			
		@media screen and (max-width:640px){

			.topnews li p.date{
				width:100%;
				font-size: 0.9em;
				float:none;
			}

			.topnews li p.title{
				width:100%;
				font-size: 0.9em;
				float:none;
			}

		}



	/* 取扱サービス */

	.topservice{
/*		position: relative;
		top:500px;*/
	}

		.topservice > .inner{
			padding:60px 0 10px;
/*			position: relative;
			top:-500px;*/
		}
					
	@media screen and (max-width:1000px){

		.topservice > .inner{
			padding:50px 0 0;
		}
					
	}
					
	@media screen and (max-width:770px){

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

		.topservice > .inner{
			padding:30px 0 0;
		}
					
	}
					
	@media screen and (max-width:430px){

		.topservice > .inner{
			padding:20px 0 0;
		}
					
	}

		.topservice h3{
			color:#032840;
		}

		.topservice ul{
			max-width: 1000px;
			width:100%;
			margin:0 auto 35px;
		}


/* 
		.topservice ul{
			max-width: 720px;
			width:100%;
			margin:0 auto;
		}
*/ 

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

		.topservice ul{
			margin:0 auto 20px;
		}

	}

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

		.topservice ul{
			margin:0 auto 10px;
		}

	}

			.topservice li{
				width:24%;
				margin-right: calc(4% / 3);
				margin-bottom: 15px;
				list-style: none;
				float:left;
				position: relative;
			}

			.topservice li:nth-of-type(4n){
				margin-right:0;
			}
			.topservice li img{
				width: 100%;
				height:auto;
			}
					
		@media screen and (max-width:770px){

			.topservice li{
				width:31%;
				margin-right:calc(7% / 2);
				margin-bottom: 10px;
			}

			.topservice li:nth-of-type(4n){margin-right:calc(7% / 2);}
			.topservice li:nth-of-type(3n){margin-right:0;}

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

			.topservice li{
				width:47%;
				margin-right: 6%;
				margin-bottom: 15px;
			}
			.topservice li:nth-of-type(3n){
				margin-right:6%;
			}
			.topservice li:nth-of-type(2n){
				margin-right:0;
			}

		}




	/* 取扱サービス */

	.topoutline{
		background-color:#f1ffe4;
		background-image:url("../images/bg_topoutline.png");
		background-position:50% 0;
		background-repeat: no-repeat;
	}
			
@media screen and (max-width:1000px){
	
	.topoutline{
		background-size:1200px auto;
	}
	
}
			
@media screen and (max-width:480px){
	
	.topoutline{
		background-size:1000px auto;
	}
	
}



		.topoutline p{
			max-width:660px;
			width:96%;
			margin: 0 auto 50px;
			color:#032840;
			font-family: 'Sawarabi Mincho', sans-serif;
			text-shadow:0 0 10px #f1ffe4,0 0 10px #f1ffe4,0 0 10px #f1ffe4,0 0 10px #f1ffe4,0 0 10px #f1ffe4,0 0 10px #f1ffe4,
				0 0 10px #f1ffe4,0 0 10px #f1ffe4,0 0 10px #f1ffe4,0 0 10px #f1ffe4,0 0 10px #f1ffe4,0 0 10px #f1ffe4,
				0 0 10px #f1ffe4,0 0 10px #f1ffe4,0 0 10px #f1ffe4,0 0 10px #f1ffe4,0 0 10px #f1ffe4,0 0 10px #f1ffe4;
			position: relative;
		}
			
	@media screen and (max-width:640px){

		.topoutline p{
			margin: 0 auto 20px;
			font-size: 0.9em;
			line-height: 1.7em;
		}
			
	}


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

  	会社概要

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

	main.outline > header{
		margin: 40px 0 40px;
		font-size: 1.1em;
		font-family: "Sawarabi Mincho";
	}

@media screen and (max-width:1000px){
		
	main.outline > header{
		margin: 30px 0 20px;
		font-size: 1.0em;
		line-height: 1.8em;
	}

}

@media screen and (max-width:770px){
		
	main.outline > header{
		margin: 20px 0 0;
	}

}

		main.outline > header .inner{
			max-width: 700px;
			width:90%;
			margin: 0 auto 40px;
		}

		main.outline > header h2{
			margin-bottom: 50px;
			color:#8b0000;
			font-size:2.1em;
			text-align: center;
		}

	@media screen and (max-width:1000px){
		
		main.outline > header h2{
			margin-bottom: 40px;
			font-size:1.8em;
			line-height: 1.5em;
		}

	}

	@media screen and (max-width:770px){
		
		main.outline > header h2{
			margin-bottom: 30px;
			font-size:1.4em;
		}

	}

	@media screen and (max-width:480px){
		
		main.outline > header h2{
			margin-bottom: 20px;
			font-size:1.2em;
		}

	}

		main.outline > header img{
			display: block;
			max-width:1200px;
			width:100%;
			height:auto;
			margin: 0 auto;
		}



	/* 経営理念 */

	.rinen{
		max-width: 1000px;
		width:90%;
		margin: 100px auto;
		font-family: "Sawarabi Mincho";
	}

@media screen and (max-width:1200px){
	.rinen{margin: 70px auto;}
}

@media screen and (max-width:1000px){
	.rinen{margin: 60px auto;}
}

@media screen and (max-width:770px){
	.rinen{margin: 50px auto;}
}


		.rinen h3,
		.toriatsukai h3{
			margin-bottom: 50px;
			color:#8b0000;
			font-size:2.1em;
			text-align: center;
			background-image: url("../shared/bg_lbl.png");
			background-position: 50% 50%;
			background-repeat: no-repeat;
			background-size: 100% auto;
				text-shadow:0 0 2px #f2f2f2,0 0 20px #f2f2f2,
				0 0 20px #f2f2f2,0 0 20px #f2f2f2,0 0 20px #f2f2f2,
				0 0 20px #f2f2f2,0 0 20px #f2f2f2,0 0 20px #f2f2f2,
				0 0 20px #f2f2f2,0 0 20px #f2f2f2,0 0 20px #f2f2f2,
				0 0 20px #f2f2f2,0 0 20px #f2f2f2,0 0 20px #f2f2f2,
				0 0 10px #f2f2f2,0 0 10px #f2f2f2,0 0 10px #f2f2f2,
				0 0 10px #f2f2f2,0 0 10px #f2f2f2,0 0 10px #f2f2f2,
				0 0 10px #f2f2f2,0 0 10px #f2f2f2,0 0 10px #f2f2f2,
				0 0 10px #f2f2f2,0 0 10px #f2f2f2,0 0 10px #f2f2f2;
		}

	@media screen and (max-width:1000px){
		
		.rinen h3,
		.toriatsukai h3{
			margin-bottom: 40px;
			font-size:1.8em;
			line-height: 1.5em;
		}

	}

	@media screen and (max-width:770px){
		
		.rinen h3,
		.toriatsukai h3{
			margin-bottom: 30px;
			font-size:1.4em;
		}

	}

	@media screen and (max-width:480px){
		
		.rinen h3,
		.toriatsukai h3{
			margin-bottom: 20px;
			font-size:1.2em;
		}

	}

		.rinen ul{
			max-width: 800px;
			width:90%;
			margin: 0 auto;
		}

			.rinen li{
				list-style: none;
				min-height: 50px;
				padding-top: 10px;
				padding-left: 30px;
				font-size: 1.2em;
				position: relative;
				background-image: url("../images/img_circle-pink.png");
				background-repeat: no-repeat;
			}
			.rinen li + li{
				margin-right: 30px;
				position: relative;
				left:30px;
			}
			.rinen li + li + li{
				margin-right: 60px;
				position: relative;
				left:60px;
			}

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

			.rinen li{
				margin-bottom: 10px;
				padding-top: 10px;
				padding-left: 30px;
				font-size: 1.0em;
				line-height: 1.7em;
			}

		}

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

			.rinen li + li,
			.rinen li + li + li{
				margin-right:0;
				left:0;
			}

		}



	/* 当面取り扱う事業 */

	.toriatsukai{
		max-width: 1000px;
		width:90%;
		margin: 85px auto;
		font-family: "Sawarabi Mincho";
	}

@media screen and (max-width:1200px){
	.toriatsukai{margin: 70px auto;}
}

@media screen and (max-width:1000px){
	.toriatsukai{margin: 60px auto;}
}

@media screen and (max-width:770px){
	.toriatsukai{margin: 50px auto;}
}


		.toriatsukai ul{
			max-width: 400px;
			width:90%;
			margin: 0 auto;
		}

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

		.toriatsukai ul{
			width:88%;
			margin: 0 5% 0 7%;
		}

	}

			.toriatsukai li{
				min-height: 50px;
				font-size: 1.2em;
				list-style: circle;
			}

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

			.toriatsukai li{
				font-size: 1.0em;
				line-height: 1.7em;
			}

		}




	.outline{
		padding: 50px 0;
		background-color: #f2f2f2;
	}

		.outline h2{
			margin-bottom: 50px;
			font-size:2.1em;
			font-family: "Sawarabi Mincho";
			text-align: center;
		}

	@media screen and (max-width:1000px){
		
		.outline h2{
			margin-bottom: 40px;
			font-size:1.8em;
			line-height: 1.5em;
		}

	}

	@media screen and (max-width:770px){
		
		.outline h2{
			margin-bottom: 30px;
			font-size:1.4em;
		}

	}

	@media screen and (max-width:480px){
		
		.outline h2{
			margin-bottom: 20px;
			font-size:1.2em;
		}

	}


		.outline > .inner{
			max-width: calc(1000px - 10%);
			width:80%;
			margin: 0 auto;
			padding: 50px 5%;
			background-color: #fff;
		}

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

		.outline > .inner{
			padding: 30px 5%;
		}

	}



		.outline .inner ul{
			width: 100%;
		}

			.outline .inner li{
				list-style: none;
				border-bottom: 1px dashed #ccc;
			}
			.outline .inner li:nth-of-type(1){
				border-top: 1px dashed #ccc;
			}

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

		@media screen and (max-width:480px){
		
			.outline .inner li{
				font-size:0.9em;
				line-height: 1.7em;
			}

		}

			.outline .inner li h3{
				width:120px;
				padding: 15px 0;
				color: #036;
				font-weight:700;
				text-align: center;
				float: left;
			}

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

			.outline .inner li h3{
				width:94%;
				padding: 15px 3% 0;
				float: none;
				text-align: left;
			}

		}

			.outline .inner li p{
				width:calc(94% - 120px);
				margin: 0;
				padding: 15px 3%;
				float: right;
				text-align:left;
			}

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

			.outline .inner li p{
				width:94%;
				float: none;
			}

		}





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

  	取扱サービス

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

	.service > header{
		margin: 40px 0 0;
		font-size: 1.1em;
		font-family: "Sawarabi Mincho";
	}

@media screen and (max-width:1000px){
		
	.service > header{
		margin: 30px 0 0;
		font-size: 1.0em;
		line-height: 1.8em;
	}

}

@media screen and (max-width:770px){
		
	.service > header{
		margin: 20px 0 0;
	}

}

		.service > header h2{
			margin-bottom: 50px;
			color:#8b0000;
			font-size:2.1em;
			text-align: center;
		}

	@media screen and (max-width:1000px){
		
		.service > header h2{
			margin-bottom: 40px;
			font-size:1.8em;
			line-height: 1.5em;
		}

	}

	@media screen and (max-width:770px){
		
		.service > header h2{
			margin-bottom: 30px;
			font-size:1.4em;
		}

	}

	@media screen and (max-width:480px){
		
		.service > header h2{
			margin-bottom: 20px;
			font-size:1.2em;
		}

	}

		.service > header .mainimage{
			display: block;
			max-width:1200px;
			width:100%;
			height:auto;
			margin: 0 auto;
		}

		.service > header .inner{
			max-width: 1200px;
			width:90%;
			margin: 20px auto 0;
		}

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

		.service > header .inner{
			margin-top: 10px;
		}

	}

			.service > header .inner ul{
				max-width: 400px;
				width:100%;
				margin: 0 auto 20px;
			}

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

			.service > header .inner ul{
				max-width: 380px;
			}

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

			.service main > header .inner ul{
				max-width: 150px;
				width:90%;
			}

		}
*/
				.service > header .inner li{
					width:47%;
					margin-right:6%;
					list-style: none;
					float: left;
				}
				.service > header .inner li:nth-last-of-type(1){
					margin-right: 0;
				}

			.service > header .inner .infonote{
				max-width: 660px;
				width:90%;
				margin:30px auto 40px;
				color:#f00;
			}


			.service > header .inner .note{
				text-align: center;
			}

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

			.service > header .inner .note{
				font-size: 0.9em;
			}

		}

				.service > header .inner .note p{
					margin:10px 0 0;
					color:#032840;
					line-height: 1.7em;
				}

				.service > header .inner .note p.kome{
					margin-right: 20px;
					position:relative;
					left:20px;
				}


				.service > header .inner .note p:nth-last-of-type(1){
					color:#8B0000;
					font-weight: 700;
					font-family:'kozuka-gothic-pro','Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', '游ゴシック', 'Yu Gothic', 'メイリオ', sans-serif;
				}


		.service .items{
			max-width:1000px;
			width:100%;
			margin: 0 auto;
		}

		.service.pc .items{
			padding-bottom:50px;
		}

		.service .items .inner{
			padding-top:30px;
		}

		.service.pc .items .inner{
			padding-bottom:0;
		}

			.service .items h3{
				color:#032840;
			}

				.service .items h3 + p{
					max-width:280px;
					width:84%;
					margin: 0 auto 20px;
					background-color: #369;
					position: relative;
					top:-10px;
					border-radius: 5px;
				}
				.service .items h3 + p a{
					width:100%;
					padding: 3px 10px;
					color:#fff;
					font-size:0.9em;
					font-weight: 700;
					text-decoration: none;
				}

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

				.service .items h3 + p a{
					font-size:0.8em;
				}

			}

			.service .items h4.brand{display: none;}

			.service .items table{
				width:100%;
				margin: 0;
				font-size:0.8em;
				line-height: 1.3em;
				border-collapse:collapse;
			}
			.service .items table.table2{
				display: none;
			}

				.service .items td{
					padding: 10px 1%;
					text-align: center;
					border: 1px solid #ccc;
				}
				.service .items tr:nth-of-type(2) td{
					width:25%;
				}

					.service .items td span{
						font-size: 0.8em;
						line-height: 1.1em;
					}
					.service .items td span.block{
						margin-bottom:5px;
					}


					.service .items tr:nth-of-type(3) td img,
					.service .items .table2 tr:nth-of-type(2) td img{
						max-width: 180px;
						width:100%;
						height:auto;
					}
						
						
						
					.service .items td em{
						color:#f00;
						font-weight: 700;
						font-style: normal;
					}

					.service .items td .linkbtn{
						height:40px;
						border-radius: 5px;
						background-color: #369;
						background-size:10px auto;
					}

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

					.service .items td .linkbtn{
						font-size: 0.9em;
						height:30px;
						background-size:8px auto;
					}

				}


					/* レンタルPCへのリンク */
					.service .items td .linkbtn2{
						display: block;
						max-width: 140px;
						width:100%;
						margin: 0 auto 7px;
						padding: 7px 0 5px;
						color:#fff;
						font-size:0.9em;
						text-align: center;
						text-decoration: none;
						line-height: 1.3em;
						background-color: #c33;
						border-radius: 3px;
					}

				@media screen and (max-width:1000px){
					.service .items td .linkbtn2{
						font-size:0.8em;
					}
				}

				@media screen and (max-width:770px){
					.service .items td .linkbtn2{
						max-width: 130px;
						padding: 5px 0 4px;
						font-size:0.7em;
					}
				}

				@media screen and (max-width:480px){
					.service .items td .linkbtn2{
						font-size:0.6em;
					}
				}

				.service .items th{
					width:40px;
					padding: 10px 1%;
					border: 1px solid #ccc;
					white-space: nowrap;
					vertical-align: top;
				}
				.service .items table1 tr:nth-of-type(1) th{
					width: auto;
				}
				.service .items table1 tr:nth-of-type(2) th{
					width:calc((100% - 40px) / 4);
				}

			@media screen and (max-width:880px){
				
			.service .items h4.brand{
				display: block;
				margin:15px 0 5px;
				padding: 3px 0;				
				font-size:1.2em;
				color:#fc0;
				text-align: center;
				background-color: #036;
			}
				
			.service .items table.table1{
				margin-bottom: 50px;
			}
				
			.service .items table.table2{
				display: inline;
			}

				.service .items td{
					display: block;
					width:48%;
					float: left;
					border:none;
				}
				
				.service .items .table1 tr:nth-of-type(1),
				.service .items .table1 tr:nth-of-type(2) th:nth-last-of-type(1),
				.service .items .table1 tr:nth-of-type(2) th:nth-last-of-type(2),				
				.service .items .table1 td:nth-last-of-type(1),
				.service .items .table1 td:nth-last-of-type(2){
					display: none;
				}
				
				.service .items tr:nth-last-of-type(1) td{
					border-bottom: 1px solid #ccc;
				}
					
				
				
				.service .items tr:nth-of-type(2) td{
					width:calc(48% - 1px);
				}

				.service .items td:nth-of-type(1){
					width:calc(48% - 1px);
					border-right:1px dashed #ccc;
				}
				
				.service .items td[colspan="2"]{
					width:100%;
					padding-top: 5px;
					float: none;
					border-right:none;
				}
				.service .items .table1 tr:nth-last-of-type(3) td:nth-of-type(2){
					display: none !important;
				}
				.service .items .table1 tr:nth-last-of-type(3) td:nth-of-type(1){
					display: block !important;
					padding: 5px 0 10px;
					border-right:none;
				}
			
				.service .items .table1 tr:nth-last-of-type(5) td[colspan="2"]{
					display: block;
					width:100%;
					padding: 10px 0;
				}
				
				.service .items .table1 tr:nth-last-of-type(5) td:nth-of-type(1){
					display: none !important;
				}
			
				.service .items th{
					display: block;
					width: 100%;
					padding: 5px 0;
					text-align: center;
					border: 1px solid #ccc;
					vertical-align:middle;
					background-color: #f2f2f2;
				}

				.service .items th br{display:none;}

			}


			.service .items table + p,
			.service .items table + p + p{
				color: #c33;
				font-size: 0.9em;
				line-height: 1.7em;
			}

		@media screen and (max-width:640px){
			
			.service .items table + p{
				margin-top: 20px;
				font-size: 0.8em;
			}

		}

			.service .items table + p + p + .note{
				margin-bottom: 50px;
				color:#f00;
				font-weight: 700;
				font-size: 1.25em;
				line-height: 1.7em;
			}
	
	.service .items table + p + p + .note.kome{
		margin-left:26px;
	}
	
	.service .items table + p + p + .note.kome:before{
		margin-right:-22px;
		left:-26px;
	}


		@media screen and (max-width:640px){
			
			.service .items table + p + p + .note{
				margin-bottom: 30px;
				font-size: 1.0em;
				line-height: 1.6em;
			}
	
	.service .items table + p + p + .note.kome{
		margin-left:20px;
	}
	
	.service .items table + p + p + .note.kome:before{
		margin-right:-16px;
		left:-20px;
	}
		}

		/* プリンタ複合機 */

		.service .items table + p + p + .note + h3{
		}
					
	@media screen and (max-width:480px){

		.service .items table + p + p + .note + h3{
			margin-top: 40px;
			font-size:1.2em;
		}
					
	}
					
	@media screen and (max-width:410px){

		.service .items table + p + p + .note + h3{
			font-size:1.1em;
			letter-spacing: 0;
		}
					
	}



			.service .items .printer{
				padding: 10px 2% 0;
				margin-bottom: 50px;
				border:1px solid #ccc;
			}

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

			.service .items .printer{
				padding: 10px 3% 15px;
				margin-bottom: 30px;
			}
		}

				.service .items .printer img{
					max-width: 240px;
					width:30%;
					height:auto;
					margin: 10px 30px 0 0;
					float: left;
				}

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

				.service .items .printer img{
					margin: 10px 15px 0 0;
				}

			}

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

				.service .items .printer img{
					display:block;
					width: 180px;
					margin: 10px auto 0;
					float: none;
				}

			}

				.service .items .printer .note{
					width:65%;
					float:right;
				}

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

				.service .items .printer .note{
					width:90%;
					margin: 15px auto 0;
					text-align: center;
					float:none;
				}

			}

					.service .items .printer h4{
						margin:10px 0 3px;
						color:#036;
						font-size:1.1em;
						font-weight:700;
						line-height: 1.3em;
					}

					.service .items .printer .linkbtn{
						max-width: 280px;
						width:100%;
						height:40px;
						margin:0 0 5px;
						font-size:0.9em;
						border-radius: 5px;
						background-color: #369;
						background-size:10px auto;
					}


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

					.service .items .printer h4{
						font-size:1.0em;
					}

					.service .items .printer .linkbtn{
						width:100%;
						margin: 5px auto 15px;
					}

				}

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

					.service .items .printer h4{
						font-size:1.0em;
					}

					.service .items .printer .linkbtn{
						width:160px;
						font-size: 0.9em;
						height:30px;
						background-size:8px auto;
					}

				}


				.service .list a:visited{color:#fff;}





			.service .items .peripherals{
				padding: 10px 2% 15px;
				margin-bottom: 50px;
				border:1px solid #ccc;
			}

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

			.service .items .peripherals{
				padding: 10px 3% 0;
			}
		}

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

			.service .items .peripherals{
				padding: 10px 3% 30px;
				margin-bottom: 30px;
			}
		}

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

			.service .items .peripherals{
				padding: 10px 3% 20px;
			}
		}

				.service .items .peripherals img{
					max-width: 160px;
					width:30%;
					height:auto;
					margin:0 20px;
					/*float: left;*/
				}

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

				.service .items .peripherals img{
					display:block;
					width: 180px;
					margin: 10px auto 0;
					float: none;
				}

			}

				.service .items .peripherals .note{
					width:100%;
					margin-bottom: -100px;
					text-align: center;
					position: relative;
					top:-140px;
					/*float:right;*/
				}

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

				.service .items .peripherals .note{
					width:60%;
					margin-bottom: 0;
					float: right;
					top:0;
				}

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

				.service .items .peripherals .note{
					width:90%;
					margin: 15px auto 0;
					text-align: center;
					float:none;
				}

			}

					.service .items .peripherals h4{
						margin:10px 0;
						color:#036;
						font-size:1.1em;
						font-weight:700;
						line-height: 1.3em;
					}

					.service .items .peripherals .linkbtn{
						max-width: 280px;
						width:100%;
						height:40px;
						margin:0 auto 5px;
						font-size:0.9em;
						border-radius: 5px;
						background-color: #369;
						background-size:10px auto;
					}

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

					.service .items .peripherals h4{
						font-size:1.0em;
					}

					.service .items .peripherals .linkbtn{
						font-size: 0.9em;
						height:30px;
						background-size:8px auto;
					}

				}









			.service .items ul{
				margin-bottom: 50px;
			}

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

			.service .items ul{
				max-width:480px;
				margin: 0 auto 20px;
			}

		}

			.service .items li{
				width:22%;
				margin: 0 1.5%;
				list-style: none;
				float: left;
			}

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

			.service .items li{
				width:44%;
				margin: 0 3% 10px;
			}

		}

			.service .items .linkbtn{
				background-color: #f60;
			}

	/* メニュー */


		.service .menulist{
			max-width:1200px;
			width:100%;
			margin: 0 auto;
		}

			.service .menulist .inner{
				padding-top:30px;
			}

				.service .menulist .inner li{
					list-style: none;
				}
				.service .menulist li span{
					color:#369;
					font-weight: 400 ;
				}

					
	.service .menulist li.kome{
		position:relative;
		left:20px;
		color:#c33;
	}
	


					.service .menulist .inner li h4{
						color:#c33;
						font-weight: 700;
						text-align: center;
					}

					.service .menulist .inner li h4 + p{
						margin: 5px 0 20px;
						
					}




		.spec{
			background-color: #f2f2f2;
		}

			.spec h3{
				color:#032840;
			}

			.spec .note{
 	            overflow-wrap: break-word;
				word-wrap: break-word;
				word-break: break-all;
				width: 86%;
				margin: 0 auto;
				padding: 30px 5%;
				background-color: #fff;
			}

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

			.spec .note{
				font-size:0.9em;
				line-height: 1.7em;
			}

		}

			.spec .note h4{
				font-weight: 700;

			}

			.spec .note h4 + p{
				margin: 3px 0 30px;
			}


		.buy{
			background-color: #fafaeb;
		}

			.buy h3{
				color:#032840;
			}

			.buy h4{
				color:#032840;
				font-weight: 700;
				border-bottom: 1px solid #205a80;
			}

			.buy h4 + p{
				margin: 20px 20px 40px;
			}

			.buy h4 + ul{
				margin: 20px 5px 40px 25px;
			}

				.buy h4 + ul li{
					margin-bottom:10px ;
				}


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

			.buy h4 + p{
				font-size:0.9em;
				line-height: 1.7em;
			}

			.buy h4 + ul{
				font-size:0.9em;
				line-height: 1.7em;
			}

		}

			.buy .linkbtn{
				margin-bottom: 20px;
				background-color: #f60;
				position: relative;
				top:-20px;
			}

			.spbox{
				width: 86%;
				margin: 0 auto 30px;
				padding: 15px 4%;
				border:1px solid #ccc;
				position: relative;
				top:-20px;
			}

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

			.spbox{
				font-size: 0.9em;
				line-height: 1.7em;
			}

		}



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

  	レンタルPC

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


		.aboutrental{
			background-color: #f2f2f2;
		}

			.aboutrental .note{
 	            overflow-wrap: break-word;
				word-wrap: break-word;
				word-break: break-all;
				width: 86%;
				margin: 0 auto;
				padding: 30px 5%;
				background-color: #fff;
			}

		.aboutrental ul{
			max-width: 1000px;
			width:100%;
			margin: 30px auto;

		}

			.aboutrental li{
				display:-webkit-flex;
				display:flex;
				justify-content: center;
				-webkit-align-items:center;
				align-items:center;
				width:32%;
				height:200px;
				margin: 0 2% 0 0;
				color:#036;
				font-weight: 700;
				text-align: center;
				list-style: none;
				line-height: 1.7em;
				float: left;
				box-shadow:0 0 0 1px inset #036; 
				border-radius: 20px;
			}
			.aboutrental li:nth-last-of-type(1){
				margin-right: 0;
			}

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

			.aboutrental li{
				height:160px;
			}

		}

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

			.aboutrental li{
				height:70px;
				border-radius: 10px;
			}

			.aboutrental li:nth-of-type(1){
				width:100%;
				margin-bottom:15px;
				float: none;
			}

			.aboutrental li:nth-of-type(2){
				width:48%;
				margin:0;
			}

			.aboutrental li:nth-of-type(3){
				width:48%;
				margin: 0;
				float:right;
			}
			
		}

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

			.aboutrental li{
				font-size:0.9em;
				line-height: 1.5em;
				border-radius: 5px;
			}

		}

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

			.aboutrental li{
				font-size:0.85em;
			}
			.aboutrental li:nth-of-type(1){
				height:80px;
			}

		}


			.aboutrental li p span{
				display: block;
				margin: 10px 0 0;
				color:#333;
				font-size: 0.7em;
				font-weight: 400;
				line-height: 1.7em;
			}

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

			.aboutrental li p span{
				margin:0;
			}

		}


			.aboutrental img{
				display: block;
				margin: 20px auto 0;
				max-width: 870px;
				width:100%;
				height:auto;
			}
			.aboutrental img.img2{
				display: none;
			}

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

			.aboutrental img.img2{
				display: block;
				max-width: 240px;
				margin:0 auto;
			}
			.aboutrental img.img1{
				display: none;
			}

		}





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

  	取り扱いサービス

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


			.service .items ul.list{
				margin-bottom: 50px;
			}

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

			.service .items ul.list{
				max-width:360px;
				margin: 0 auto 20px;
			}

		}

			.service .items .list li{
				width:48%;
				margin: 0 1% 20px;
				list-style: none;
				text-align: center;
				float: left;
			}

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

			.service .items .list li{
				width:100%;
				margin: 0 0 20px;
				float: none;
			}

		}

			.service .items .list li a,
			.service .items .list li span{
				display:-webkit-flex;
				display:flex;
 				justify-content: center;
				-webkit-align-items:center;
				align-items:center;
				height:63px;
				color:#fff;
				font-weight: 700;
				line-height: 1.3em;
				text-decoration: none;
				background-color: #369;
				background-image: url("/shared/yajirushi-white.png");
				background-repeat: no-repeat;
				background-position: 98% 50%;
				border-radius: 5px;
			}

			.service .items .list li span{
				background-color: #ccc;
			}

			.service .items .list .linkbtn{
				background-color: #f60;
			}


			.service .items .list .note{
				padding: 30px 5% 40px;
				border:1px solid #ccc;
				border-radius: 10px;
			}


			.service .items .list .note ul{
				margin-bottom:0;
				border-top: 1px dashed #ccc;
			}

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

			.service .items .list .note ul{
				margin: 0 auto;
			}

		}

			.service .items .list .note li{
				width:100%;
				margin: 0;
				text-align:left;
				float: none;
				border-bottom: 1px dashed #ccc;
			}

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

			.service .items .list .note li{
				width:100%;
				margin: 0;
			}

		}

			.service .items .list .note li a,
			.service .items .list .note li span{
				display: block;
				padding: 10px 5px 10px 20px;
				color:#036;
				font-weight:400;
				background-color:transparent;
				background-image: url("../shared/dot_box-orange.png");
				background-position: 0 50%;
			}





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

  	アパート

　####################################################################################*/
/*
			.housing .items ul{
				max-width:360px;
				margin: 0 auto 50px;
			}

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

			.housing .items ul{
				max-width:360px;
				margin: 0 auto 40px;
			}

		}

			.housing .items li{
				width:98%;
				margin: 0 1% 20px;
				list-style: none;
				text-align: center;
			}

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

			.housing .items li{
				width:100%;
				margin: 0 0 20px;
				float: none;
			}

		}

			.housing .items li a,
			.housing .items li span{
				display: block;
				padding: 15px 0;
				color:#fff;
				font-weight: 700;
				text-decoration: none;
				border-radius: 5px;
				background-color: #369;
				background-image: url("/shared/yajirushi-white.png");
				background-repeat: no-repeat;
				background-position: 98% 50%;
			}

			.housing .items li span{
				background-color: #ccc;
			}

			.housing .items .linkbtn{
				background-color: #f60;
			}
*/


		ul.housinglist{
			margin-left: 15px !important;
			margin-bottom: 50px !important;
		}

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

		ul.housinglist{
			max-width:100% !important;
			width:100% !important;
			margin:10px 0 30px 2% !important;
		}

	}

			ul.housinglist li{
				width:calc(100% - 15px) !important;
				margin-bottom:10px !important;
				list-style: disc !important;
				float: none;
				line-height: 1.7em !important;
			}





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

  	学食

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


	.ds .items h3{
		color:#c33;
		font-weight: 700;
	}

	.ds .items .shopimg{
		width:43%;
		color:#036;
		font-size: 0.9em;
		text-align: center;
		line-height:1em;
		float:left;
	}

	.ds .items .shopimg img{
		width:100%;
		height:auto;
		margin-bottom:10px;
	}

	.ds .items .shopimg + img{
		width:55%;
		height:auto;
		float:right;
	}

	.ds .items h4{
		margin: 30px 0 15px;
		padding: 3px 0;
		color:#fff;
		font-weight: 700;
		text-align: center;
		background-color: #369;
	}

		.ds .items .menulist{
			margin-top:30px;
		}

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

		.ds .items .menulist{
			margin-top:20px;
		}

	}

			.ds .items .menulist li{
				width:100%;
				margin-bottom:10px;
				float: none;
				font-weight: 700;
				font-size:1.2em;
				line-height: 1.4em;
			}
			.ds .items .menulist li.kome{
				width:calc(100% - 30px);
			}
		@media screen and (max-width:1000px){

			.ds .items .menulist li{
				font-size:1.1em;
			}

		}

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

			.ds .items .menulist li{
				margin-bottom:5px;
				font-size:1.0em;
			}

		}

		.ds .items.gakusyoku .menulist{
			width:calc(100% - 20px);
			margin-left: 20px;
		}

		.ds .items.lshop .menulist{
			margin-left:0;
		}

			.ds .items.gakusyoku .menulist li{
				list-style: disc;
			}


			.ds .items.gakusyoku .note{
				width:96%;
				margin:25px auto;
				font-weight:700;
			}

			.ds .items.gakusyoku h5{
				margin-bottom: 5px;
				color:#036;
				font-weight:700;
			}

			.ds .items.gakusyoku .pastevents{
				padding: 15px 1%;
				background-color: #fff0f0;
			}

				.ds .items.gakusyoku .pastevents li{
					padding: 15px 3% 5px;
					background-color:#fff;
				}

				.ds .items.gakusyoku .pastevents li{zoom:1;}
				.ds .items.gakusyoku .pastevents li:after{
				  content: ""; 
				  display: block; 
				  clear: both;
				}

					.ds .items.gakusyoku .pastevents li img{
						width:100px;
						height:auto;
					}

.ds .items.gakusyoku .list,
.ds .items.lshop .list{
	margin-top:70px;
}

			.ds .items .menuitems{
				width:48%;
				margin:0 1%;
				float: right;
				line-height: 0;
			}

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

			.ds .items .menuitems{
				width:80%;
				min-width: 240px;
				margin: 20px auto 20px;
				float:none;
			}

		}

				.ds .items .menuitem{
					width:48%;
					height:auto;
					margin-bottom: 13px;
				}
				.ds .items .menuitem:nth-of-type(2n){
					float: right;
				}

				.ds .items .menuitem2{
					width:100%;
					height:auto;
					margin-bottom: -80px;
					position: relative;
					top:-30px;
				}

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

				.ds .items .menuitem2{
					margin-bottom: -50px;
					top:0;
				}

			}

			.eventmenu h5{
				margin: 20px 0 10px;
				color:#c33;
				font-size:1.2em;
				font-weight: 700;
				text-align: center;
			}

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

			.eventmenu h5{
				margin: 5px 0 0;
				font-size:1.0em;
			}

		}

			.eventmenu img{
				display: block;
				max-width: 640px;
				width:90%;
				margin: 10px auto;
			}





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

  	小学部

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


	.ps .items h3{
		color:#c33;
		font-weight: 700;
	}

	.ps a.linkbtn{
		display:-webkit-flex;
		display:flex;
		justify-content: center;

		-webkit-align-items:center;
		align-items:center;
		max-width:410px;
		width: 90%;
		height:80px;
		margin: 40px auto 30px;;
		color:#fff;
		font-size:1.1em;
		font-weight: 700;
		text-align:center;
		text-decoration:none;
		line-height:1.4em;
		background-color:#73b82a !important;
		border-radius: 5px;
	}

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

	.ps a.linkbtn{
		height:60px;
		margin: 30px auto 20px;
		font-size:1.0em;
	}

}

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

	.ps a.linkbtn{
		margin: 20px auto;
		font-size:0.9em;
	}

}

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

	.ps a.linkbtn{
		height: 60px;
		font-size:0.8em;
		line-height:1.3em;
	}

}


	.ps a.linkbtn + p{
		font-weight: 700;
		line-height: 1.7em;
	}

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

	.ps a.linkbtn + p{
		font-size:0.9em;
	}

}


				





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

  	お問い合わせ

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

		.mailform dl{
			padding:30px 2% 30px;
			border-bottom:1px solid #ccc;
			
		}
		.mailform dl:nth-of-type(1){
			border-top:1px solid #ccc;
		}

		.mailform dl{zoom:1;}
		.mailform dl:after{
		  content: ""; 
		  display: block; 
		  clear: both;
		}
			
	@media screen and (max-width:540px){
		
		.mailform dl{
			padding:20px 2% 20px;
		}
	}

			.mailform dt{
				width:30%;
				padding-top:3px;
				font-weight:700;
				float:left;
				line-height:1.5em;
				
			}

			.mailform dd{
				width:70%;
				float: right;
			}
			
		@media screen and (max-width:540px){

			.mailform dt{
				width:100%;
				margin-bottom:15px;
				/*font-size:0.9em;*/
				float:none;
			}

			.mailform dd{
				width:100%;
				float:none;
			}

			.mailform dt br{display:none;}
			
		}


			.mailform dd h3{
				height:20px;
				margin:20px 0 15px;
				padding: 0 10px;
				color:#036;
				font-size:0.8em;
				line-height: 20px;
				background-color:#fff;
			}



			.mailform dd ul{
			}

			.mailform dd li{
				margin-bottom: 10px;
				padding-bottom: 5px;
				line-height: 1.4em;
				list-style: none;
				border-bottom: 1px dashed #ccc;
			}

			.mailform dd li .small{
				font-size: 0.8em;
			}

		.mailform dd ul + p{
			line-height: 1.7em;
		}

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

		.mailform dd ul + p{
			font-size:0.9em;
		}

	}

		.calcfee{
			width:160px;
			padding:5px 20px;
			background-color: #fff;
			box-shadow:0 0 0 2px inset #036; 
		}
			
	@media screen and (max-width:480px){

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

		.calcfee{
			width:160px;
		}
			
	}

			.calcfee #totalfee{
				width:130px;
				color:#000;
				font-size:1.4em;
				border:none;
				text-align:right;
			}



	main.contact > header{
		margin: 40px 0 40px;
		font-size: 1.1em;
		font-family: "Sawarabi Mincho";
	}

@media screen and (max-width:1000px){
		
	main.contact > header{
		margin: 30px 0 20px;
		font-size: 1.0em;
		line-height: 1.8em;
	}

}

@media screen and (max-width:770px){
		
	main.contact > header{
		margin: 20px 0 0;
	}

}

		main.contact > header h2{
			margin-bottom: 50px;
			color:#8b0000;
			font-size:2.1em;
			text-align: center;
		}

	@media screen and (max-width:1000px){
		
		main.contact > header h2{
			margin-bottom: 40px;
			font-size:1.8em;
			line-height: 1.5em;
		}

	}

	@media screen and (max-width:770px){
		
		main.contact > header h2{
			margin-bottom: 30px;
			font-size:1.4em;
		}

	}

	@media screen and (max-width:480px){
		
		main.contact > header h2{
			margin-bottom: 20px;
			font-size:1.2em;
		}

	}



		.contact form{
			max-width: 1000px;
			width:100%;margin: 0 auto;
			background-color: #f2f2f2;
		}

		.contact .mailform{
			width:90%;
			margin:0 auto;
			padding: 50px 5% 30px;
		}

		.contact .mailform > p{
			margin-bottom: 5px;
			color:#f00;
			font-size:0.9em;
		}


			.contact .mailform input[type=text],
			.contact .mailform select,
			.contact .mailform textarea{
				-webkit-appearance: none;
				border:1px solid #999;	
				border-radius:5px;
			}
			
			.contact .mailform input[type=date]{
				padding:13px 10px;
			}



					#name,#furigana,#tel,
					#pname,#pfurigana,#ptel{
						max-width:200px;
						width:90%;
						padding:13px 10px;
					}

					#senkou{
						padding:13px 10px;
						background-image:url(/shared/img_yajirushi_down.png);
						background-repeat:no-repeat;
						background-position:95% 50%;
					}

					#email{
						max-width:400px;
						width:90%;
						padding:13px 10px;
					}


					#zip1,#zip2{
						width:70px;
						padding:13px 10px;
					}



					#address1{
						padding:13px 10px; 
						background-image:url(/shared/img_yajirushi_down.png);
						background-repeat:no-repeat;
						background-position:90% 50%;
					}


					#address2,#address3,#type,#message{
						max-width:500px;
						width:90%;
						padding:13px 10px;
					}

					#email{
						margin-bottom:15px;
					}

					.remark{
						margin:0;
						color:#666;
						font-size:0.9em;
						line-height:1.6em;
					}
					.kome.remark{
						width:calc(100% - 15px);
						margin:0;
						position:relative;
						left:15px;
					}


			#submit1,
			#submit2{
				-webkit-appearance: none;
				display:block;
				max-width:300px;
				width:80%;
				height:60px;
				margin:40px auto 40px;
				padding:0 !important;
				color:#fff;
				font-size:1.2em;
				font-weight:700;
				text-align:center;
				line-height:55px;
				background-color:#036;
				border-radius:5px;
				border:none;
				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;
			}
			#submit2{background-color:#999;}
	
			#submit1:hover,
			#submit2:hover{
				filter:alpha(opacity=60);
				-moz-opacity:0.60;
				opacity:0.60;
			}


		@media screen and (max-width:480px){
			
			#submit1,
			#submit2{
				height:40px;
				margin:30px auto 0;
				padding:0 !important;
				font-size:1.0em;
				line-height:35px;
				border-radius:5px;
			}
				
		}

		@media screen and (max-width:370px){
			
			#submit1,
			#submit2{
				width:100%;
				height:40px;
				padding:0 !important;
				line-height:40px;
			}
				
		}
		
		
		.hissu{
			display:inline-block;
			width:44px;
			height:18px;
			margin:3px 0 0 10px;
			padding:0px;
			color:#fff;
			font-size:0.7em;
			font-weight:400;
			text-align:center;
			border-radius:2px;
			line-height:19px;
			background-color:#369;
			
		}
		

		.thanks .mailform h3{
			color:#369;
			font-size:1.2em;
			font-weight:700;
			font-family: 'Sawarabi Mincho', Helvetica, Arial, sans-serif;
			text-align:center;
		}

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

		.thanks .mailform h3{
			font-size:1.0em;
			line-height:1.5em;
		}

	}

	
	.thanksnote{
		max-width:560px;
		width:88%;
		margin:30px auto 0;
		padding-bottom: 50px;
	}

	.thanksnote p{
		margin: 15px 0;
	}

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

	.thanksnote p{
		font-size:0.9em;
		line-height: 2.0em;
	}

}

	.thanksnote .spbox{
		margin-top: 40px;
		border:1px solid #ccc;
	}

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

  	お知らせ

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


	main.news > header{
		margin: 40px 0 40px;
		font-size: 1.1em;
		font-family: "Sawarabi Mincho";
	}

@media screen and (max-width:1000px){
		
	main.news > header{
		margin: 30px 0 20px;
		font-size: 1.0em;
		line-height: 1.8em;
	}

}

@media screen and (max-width:770px){
		
	main.news > header{
		margin: 20px 0 0;
	}

}

		main.news > header h2{
			margin-bottom: 50px;
			color:#8b0000;
			font-size:2.1em;
			text-align: center;
		}

	@media screen and (max-width:1000px){
		
		main.news > header h2{
			margin-bottom: 40px;
			font-size:1.8em;
			line-height: 1.5em;
		}

	}

	@media screen and (max-width:770px){
		
		main.news > header h2{
			margin-bottom: 30px;
			font-size:1.4em;
		}

	}

	@media screen and (max-width:480px){
		
		main.news > header h2{
			margin-bottom: 20px;
			font-size:1.2em;
		}

	}

	.newslist{
		background-color: #fafaeb;		
	}

		.newslist ul{
			max-width: 800px;
			width:100%;
			margin:0 auto;
		}

			.newslist li{
				padding: 13px 1% 10px;
				list-style: none;
				border-bottom: 1px dashed #ccc;
			}
			.newslist li:nth-of-type(1){border-top: 1px dashed #ccc;}

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


			.newslist li p{
				margin: 0;
				line-height: 1.7em;
			}
			.newslist li a{
				color:#333;
				text-decoration: none;
			}

			.newslist li p.date{
				width:120px;
				float: left;
			}

			.newslist li p.title{
				width:calc(100% - 130px);
				float: right;
 	            overflow-wrap: break-word;
				word-wrap: break-word;
				word-break: break-all;
			}
			
		@media screen and (max-width:640px){

			.newslist li p.date{
				width:100%;
				font-size: 0.9em;
				float:none;
			}

			.newslist li p.title{
				width:100%;
				font-size: 0.9em;
				float:none;
			}

		}




	/* 詳細 */

		.newsdetail{
			max-width:1000px;
			width:90%;
			margin:30px auto 50px;
			
		}
							
	@media screen and (max-width:430px){
			
		.newsdetail{
			margin:15px auto 50px;
		}
								
	}
	
			.newsdetail .note{
				max-width:770px;
				width:100%;
				margin:0 auto;
				float:none;
			}
							

			.newsdetail h3{
				width:100%;
				padding:0 5px 5px;
				color:#256333;
				font-size:1.1em;
				font-weight:700;
				line-height: 1.7em;
				border-bottom:1px solid #ccc;
				overflow-wrap: break-word;
				word-wrap: break-word;
			}
								
		@media screen and (max-width:430px){

			.newsdetail h3{
				font-size:1.0em;
			}
								
		}

			.newsdetail .date{
				margin-bottom:20px;
				width:90%;
				padding:7px 5px;
				color:#666;
				font-size:0.9em;
				line-height:1.5em;
			}
								
		@media screen and (max-width:430px){

			.newsdetail .date{
				font-size:0.8em;
			}
								
		}

				.newsdetail .date + img{
					width:100%;
					heihgt:auto;
				}
			
			.newsdetail .entrybody{
				width:calc(100% - 10px);
				margin:20px auto;
				overflow-wrap: break-word;
				word-wrap: break-word;
			}
								
			@media screen and (max-width:430px){

				.newsdetail .entrybody{
					font-size:0.9em;
					line-height: 1.9em;
				}
				
			}

			.newsdetail .entrybody table{
				width:100%;
				border-collapse: collapse;
			}

			.newsdetail .entrybody td{
				padding: 10px;
				border:1px solid #ccc;
				line-height: 1.7em;
			}

			.newsdetail .entrybody th{
				padding: 14px 10px;
				border:1px solid #ccc;
				line-height: 1.3em;
				vertical-align: top;
				white-space: nowrap;
			}
							
		@media screen and (max-width:640px){

			.newsdetail .entrybody td{
				display: block;
				width:calc(100% - 20px);
				padding: 10px;
				border:1px solid #ccc;
			}

			.newsdetail .entrybody th{
				display: block;
				width:calc(100% - 10px);
				padding: 5px 5px;
				border:1px solid #ccc;
				background-color: #ccc;
			}
			
			.newsdetail .entrybody th br{
				display: none;
			}

			.newsdetail .entrybody tr.headertr{
				display: none;
			}

		}
	



		.banlink{
			max-width: 640px;
			width:90%;
			margin: 0 auto 40px;
		}
		.banlink img{
			idth:100%;
			height:auto;
		}
							
	@media screen and (max-width:430px){

		.banlink{
			margin: 0 auto 30px;
		}

	}