/* CSS Document */

/* メインイメージ */

	.main-wrapper{
		background-color: #083337;	
	}

	.mainnote{
		max-width:1200px;
		width:100%;
		height:600px;
		margin:0 auto;
		position:relative;
		z-index: 200;
	}

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

	.mainnote{
		height:450px;
	}

}


	.maincall{
		max-width: 1142px;
		width:90%;
		height:75px;
		margin: 0 auto 0;
		padding-top: 50px;
		/*aspect-ratio:1142 / 79;*/
	}

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

	.maincall{
		max-width:400px;
		padding-top: 20px;
	}
		
}

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

	.maincall{
		padding-top: 40px;
	}
		
}

		.maincall img{
			width: 100%;
			height: auto;
		}
		.maincall img:nth-of-type(2){display:none;}

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

		.maincall img:nth-of-type(1){display:none;}
		.maincall img:nth-of-type(2){display:block;}
		
	}

	.mainpoint{
		display:-webkit-flex;
		display:flex;
		justify-content: center;
		-webkit-align-items:center;
		align-items:center;
		height:340px;
	}

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

	.mainpoint{
		height:220px;
		position: relative;
		top:15px;
	}

}

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

	.mainpoint{
		height:200px;
		top:0;
	}

}
		/*.mainpoint img{
			max-width: 921px;
			width:94%;
			height:auto;
		}*/


	.mainpoint ul{
		max-width:921px;
		width:94%;
		height: auto;
		margin: 0 auto;
	}

		.mainpoint ul li{
			width:29.3%;
			height: auto;
			margin-right: calc((100% - 87.9%) / 2);
			list-style: none;
			float: left;
		}
		.mainpoint ul li:nth-last-of-type(1){
			margin-right: 0;
		}
		.mainpoint ul li img{
			width: 100%;
			height: auto;
		}


	.maincatch{
		margin: 0;
		color:#fff;
		font-size:2.0em;
		font-family: 'Sawarabi Mincho', sans-serif;
		text-align: center;
		line-height: 1.5em;
		text-shadow:0 0 5px #1e3b46,0 0 5px #1e3b46,
		0 0 5px #1e3b46,0 0 5px #1e3b46,0 0 5px #1e3b46,
		0 0 5px #1e3b46,0 0 5px #1e3b46,0 0 5px #1e3b46;
	}

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

	.maincatch{font-size:3.0vw;}

}

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

	.maincatch{font-size:1.6em;}

}

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

	.maincatch{font-size:1.4em;}

}

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

	.maincatch{font-size:1.2em;}

}


	.mainimage{
		height:600px;
		margin-top: -600px;
		position: relative;
		/*top:-600px;*/
		z-index: 100;
	}

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

	.mainimage{
		height:450px;
		margin-top: -450px;
	}

}

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


		.mainimage li{
			width: calc(100% / 3);
			height:600px;
			list-style: none;
			float: left;			
			background-repeat: no-repeat;
			background-position: 50% 50%;
			background-size: auto 100%;
		}
		.mainimage li:nth-of-type(1){background-image: url("/images/img_main1.jpg");}
		.mainimage li:nth-of-type(2){background-image: url("/images/img_main2.jpg");}
		.mainimage li:nth-of-type(3){background-image: url("/images/img_main3.jpg");}

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

		.mainimage li{
			height:450px;
		}
		
	}


		.catch2{
			clear: both;
			height: 70px;
			margin: 0;
			padding-top: 50px;
			color:#fff;
			font-size: 3.6em;
			font-family: 'Sawarabi Mincho', sans-serif;
			text-align: center;
			position: relative;
			z-index: 100;
		}

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

		.catch2{
			height: 60px;
			padding-top: 40px;
			font-size:4.8vw;
		}

	}

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

		.catch2{
			height: 50px;
			padding-top: 40px;
		}

	}


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

		.catch2{
			height:auto;
			padding: 20px 0 10px;
			font-size:1.4em;
		}

	}

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

		.catch2{
			height:auto;
			padding:15px 0 10px;
			font-size:1.5em;
			line-height: 1.4em;
		}

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

		.catch2{font-size:1.2em;}

	}

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

		.catch2{font-size:1.0em;}

	}
*/

		.catch2 + p{
			margin: 0;
			padding-bottom:40px;
			color:#e3e35b;
			font-size: 2.4em;
			font-weight:700;
			text-align: center;
			line-height: 1.6em;
		}

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

		.catch2 + p{font-size:3.2vw;}

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

		.catch2 + p{font-size:1.4em;}

	}
*/

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

		.catch2 + p{font-size:3.4vw;}

	}

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

		.catch2 + p{font-size:0.9em;}

	}





	.stdsec{
		padding: 60px 0;
	}

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

	.stdsec{
		padding: 50px 0;
	}

}

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

	.stdsec{
		padding: 30px 0;
	}

}

		.stdsec h3{
			margin-bottom:50px;
			font-size:2.4em;
			font-weight:700;
			text-align: center;
		}

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

		.stdsec h3{
			margin-bottom:40px;
			font-size:2.2em;
		}

	}

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

		.stdsec h3{
			margin-bottom:40px;
			font-size:2.0em;
		}

	}

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

		.stdsec h3{
			margin-bottom:40px;
			font-size:1.8em;
		}

	}

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

		.stdsec h3{
			margin-bottom:30px;
			font-size:1.6em;
		}

	}

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

		.stdsec h3{
			margin-bottom:30px;
			font-size:1.3em;
		}

	}



			.stdsec .inner{
				max-width: 1130px;
				width:94%;
				margin: 0 auto;
			}








/*#####################################################################
    熊本進出にあたりのような懸案事項をお持ちでしょうか？
  #####################################################################*/

	/* 質問 */

	.question{
	}

		.question .title{
			display:-webkit-flex;
			display:flex;
			justify-content: center;
			-webkit-align-items:center;
			align-items:center;
			height:80px;
			margin-bottom: 45px;
			color:#fff;
			font-size: 2.3em;
			font-weight: 700;
			text-align: center;
			line-height: 1.4em;
			background-color: #d04900;
			border-radius: 6px;
		}

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

		.question .title{
			font-size:3.0vw;
		}

	}

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

		.question .title{
			height:70px;
			margin-bottom:40px;
		}

	}

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

		.question .title{
			height:60px;
			margin-bottom:35px;
			border-radius:5px;
		}

	}

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

		.question .title{
			height:80px;
			margin-bottom:30px;
			font-size:3.8vw;
		}

	}

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

		.question .title{
			height:70px;
			font-size:4.2vw;
		}

	}

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

		.question .title{
			height:60px;
		}

	}

/*#####################################################################
	初めての熊本進出で、どこにサポートを依頼していいのか分からない
  #####################################################################*/

		.question h4{
			width:94%;
			margin: 0 auto 20px;
			color:#635a5f !important;
			font-weight: 700;
			font-size:1.4em;
			line-height:1.5em;
			position: relative;
		}

	@media screen and (max-width:1000px){
		
		.question h4{
			width:calc(94% - 30px);
			left:8px;
		}

	}

	@media screen and (max-width:770px){
		
		.question h4{
			width:calc(94% - 35px);
			font-size:1.3em;
			left:5px;
		}

	}

	@media screen and (max-width:640px){
		
		.question h4{
			font-size:1.2em;
		}

	}

	@media screen and (max-width:480px){
		
		.question h4{
			width:calc(94% - 30px);
			left:8px;
			font-size:1.1em;
		}

	}

		.question h4::before{
			content:"●";
			margin-right:-24px;
			position: relative;
			left:-30px;
		}

	@media screen and (max-width:1000px){
		
		.question h4::before{
			left:-25px;
		}

	}

	@media screen and (max-width:770px){
		
		.question h4::before{
			margin-right:-23px;
		}

	}

	@media screen and (max-width:640px){
		
		.question h4::before{
			margin-right:-21px;
		}

	}

	@media screen and (max-width:480px){
		
		.question h4::before{
			margin-right:-19px;
		}

	}



		.question img{
			width:21%;
			min-width: 200px;
			height: auto;
			margin:5px 3% 10px 4%;
			float: right;
		}

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

		.question img{
			display: block;
			max-width: 200px;
			width:50%;
			min-width:50%;
			margin: 0 auto 20px;
			float: none;
		}

	}

		.question .inner p{
			width:94%;
			margin: 0 auto;
		}

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

		.question .inner p{
			font-size:0.9em;
			line-height:1.8em;
		}

	}




/*#####################################################################
    熊本進出のメリット
  #####################################################################*/

	.advantages{
		background-color: #e0f6fa;		
	}

		.advantages h3{
			color:#083337;
		}

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

		.advantages ul{
			max-width: 530px;
			width:94%;
			margin:0 auto;
		}
		
	}

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

		.advantages ul{
			margin-bottom:30px;
		}
		
	}


		.advantages ul{zoom:1;}
		.advantages ul:after{
		  content: ""; 
		  display: block; 
		  clear: both;
		}


			.advantages li{
				width: 240px;
				margin-right: calc((100% - 960px) / 3);
				list-style: none;
				float: left;
			}

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

			.advantages li{
				width:22%;
				margin-right:3%;
			}

		}

			.advantages li:nth-last-of-type(1){
				margin-right: 0;
			}

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

			.advantages li{
				width:45%;
				height:430px;
				margin-right:10%;
			}

			.advantages li:nth-of-type(2n){
				margin-right: 0;
			}

		}

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

			.advantages li{
				height:360px;
			}

		}

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

			.advantages li{
				width:100% !important;
				height:auto;
				margin-right: 0;
				padding: 10px 0;
				float: none;
				border-bottom: 1px dashed #ccc;
			}
			.advantages li:nth-of-type(1){
				border-top: 1px dashed #ccc;
			}

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

		}


				.advantages li img{
					width: 100%;
					height: auto;
				}

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

				.advantages li img{
					width:25%;
					margin-top:8px;
					height: auto;
					float:left;
				}

			}

				.advantages li h4{
					margin:15px 0 10px;
					color:#635a5f;
					font-size:1.2em;
					font-weight: 700;
					text-align: center;
				}

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

				.advantages li h4{
					margin:10px 0;
					font-size:1.0em;
				}

			}

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

				.advantages li h4{
					margin:0 0 5px;
					text-align: left;
				}

			}


				.advantages li p{
					margin: 0;
				}

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

				.advantages li p{
					font-size:0.9em;
					line-height:1.8em;
				}

			}

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

				.advantages li .note{
					width:70%;
					float: right;
				}

			}

			.advantages ul + p{
				width: 90%;
				color: #d04900;
				font-weight: 700;
				margin: 30px auto 0;
				text-align: center;
				line-height: 1.5em;
				position: relative;
				left:10px;
			}

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

			.advantages ul + p{
				margin: 0 auto;
				text-align:left;
			}

		}

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

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

		}





/*#####################################################################
    熊本進出をご検討されている企業様
  #####################################################################*/

	.mainappeal{
		height:830px;
		padding-top: 70px;
		position: relative;
		background-image: url("/images/bg_appeal1.jpg");
		background-repeat: no-repeat;
		background-position: 50% 0;
	}

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

	.mainappeal{
		height:700px;
		padding-top:50px;
		background-size: auto 100%;
	}

}

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

	.mainappeal{
		height:600px;
		padding-top:50px;
	}

}

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

	.mainappeal{
		height:500px;
		padding-top:40px;
	}

}

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

	.mainappeal{
		height:630px;
		padding-top:30px;
	}

}

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

	.mainappeal{
		height:585px;
		padding-top:20px;
	}

}

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

	.mainappeal{
		height:550px;
		padding-top:10px;
	}

}

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

	.mainappeal{
		height:540px;
	}

}



	.appealwrapper{
		max-width: 1400px;
		width: 94%;	
		height:600px;
		margin:0 auto 60px;
		background-image: url("/shared/bg_clear-white90.png");
		border-radius: 20px;
	}

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

	.appealwrapper{
		height:500px;
		margin:0 auto 45px;
	}

}

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

	.appealwrapper{
		height:420px;
		margin:0 auto 40px;
		border-radius: 15px;
	}

}

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

	.appealwrapper{
		height:340px;
		margin:0 auto 40px;
	}

}

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

	.appealwrapper{
		height:500px;
		margin:0 auto 30px;
	}

}

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

	.appealwrapper{
		height:470px;
		margin:0 auto 20px;
		border-radius: 10px;
	}

}

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

	.appealwrapper{
		height:435px;
	}

}

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

	.appealwrapper{
		height:430px;
	}

}


	.appealwrapper .maincall{
		max-width: 1142px;
		width:90%;
		height:75px;
		margin: 0 auto 0;
		padding-top: 50px;
		/*aspect-ratio:1142 / 79;*/
	}

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

	.appealwrapper .maincall{
		padding-top:40px;
	}
		
}

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

	.appealwrapper .maincall{
		padding-top:35px;
	}
		
}

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

	.appealwrapper .maincall{
		padding-top:30px;
	}
		
}

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

	.appealwrapper .maincall{
		max-width:400px;
		height:110px;
		padding-top: 20px;
	}
		
}


	.appealnote{
		width:90%;
		height:300px;
		margin:0 auto;
		position:relative;
		z-index: 200;
	}

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

	.appealnote{
		height:190px;
	}

}

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

	.appealnote{
		height:140px;
	}

}

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

	.appealnote{
		height:80px;
	}

}

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

	.appealnote{
		height:60px;
	}

}

	.appealnote .mainpoint{
		display:-webkit-flex;
		display:flex;
		justify-content: center;
		-webkit-align-items:center;
		align-items:center;
		width:60%;
		height:100%;
		float: left;
	}

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

	.appealnote .mainpoint{
		margin: 0 auto;
		min-width:300px;
		float: none;		
	}

}

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

	.appealnote .mainpoint{
		min-width:270px;
	}

}


	.appealnote .mainpoint ul{
		width:100%;
		height: auto;
		margin: 0 auto;
	}

		.appealnote ul li{
			width:29.3%;
			height: auto;
			margin-right: calc((100% - 87.9%) / 2);
			list-style: none;
			float: left;
		}
		.appealnote ul li:nth-last-of-type(1){
			margin-right: 0;
		}
		.appealnote ul li img{
			width: 100%;
			height: auto;
		}



	.appealnote .maincatch{
		display:-webkit-flex;
		display:flex;
		justify-content: center;
		-webkit-align-items:center;
		align-items:center;
		width:40%;
		height: 100%;
		margin: 0;
		color:#d04900;
		font-size:1.6em;
		font-family: 'Sawarabi Mincho', sans-serif;
		text-align:left;
		line-height: 1.7em;
		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;
		position: relative;
		top:-5px;
	}

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

	.appealnote .maincatch{font-size:2.1vw;}

}

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

	.appealnote .maincatch{
		width:100%;
		font-size:4.0vw;
		text-align: center;
		line-height: 1.5em;
		top:55px;
	}

}

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

	.appealnote .maincatch{
		top:35px;
	}

}

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

	.appealnote .maincatch{
		font-size:4.4vw;
	}

}

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

	.appealnote .maincatch{
		top:30px;
	}

}

		.appealnote + .catch2{
			clear: both;
			height: 70px;
			margin: 0;
			padding-top:0;
			color:#083337;
			font-size: 3.6em;
			font-family: 'Sawarabi Mincho', sans-serif;
			text-align: center;
			position: relative;
			z-index: 100;
		}

		.appealwrapper > .catch3{display: none;}

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

		.appealnote + .catch2{
			font-size:4.4vw;
		}

	}

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

		.appealnote + .catch2{
			height: 60px;
			padding-top: 40px;
		}

	}

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

		.appealnote + .catch2{
			height: 50px;
			padding-top: 40px;
		}

	}

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

		.appealnote + .catch2{
			height:auto;
			padding:150px 0 15px;
			font-size:5.4vw;
			line-height: 1.4em;
		}

	}

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

		.appealnote + .catch2{
			display: none;
		}

	}

		.appealnote + .catch2 + p{
			margin: 0;
			padding-bottom:40px;
			color:#000;
			font-size: 2.4em;
			font-weight:700;
			text-align: center;
			line-height: 1.6em;
		}

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

		.appealnote + .catch2 + p{font-size:3.2vw;}

	}

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

		.appealnote + .catch2 + p{
			display: none;
		}

		.appealwrapper > .catch3{
			display: block;
			clear: both;
			height: 70px;
			margin: 0;
			padding:120px 0 0;
			color:#083337;
			font-size:5.0vw;
			font-weight:400;
			font-family: 'Sawarabi Mincho', sans-serif;
			text-align: center;
			line-height: 1.5em;
			position: relative;
			z-index: 100;
		}

	}

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

		.appealwrapper > .catch3{
			padding:110px 0 0;
		}

	}

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

		.appealwrapper > .catch3{
			padding:110px 0 10px;
		}

	}





	/* リンクボタン */

	main .linkbtn{
		display:block;
		max-width:640px;
		width:80%;
		height:97px;
		margin:0 auto;
		padding-top:23px;
		color:#fff;
		font-size:2.4em;
		font-weight: 700;
		line-height:1.0em;
		text-align:center;
		text-decoration:none;
		background-color:#f93;
		background-image:url(/donations/shared/img_yajirushi-yellow.png);
		background-repeat:no-repeat;
		background-position:90% 50%;
		background-size:16px auto;
		border-radius:10px;
		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;
	}
	main .linkbtn:hover{
		filter:alpha(opacity=80);
		-moz-opacity:0.80;
		opacity:0.80;
	}

	main .linkbtn span{
		font-size:0.6em;
		font-weight:400;
		opacity: 0.8;
	}


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

	main .linkbtn{
		height:94px;
		padding-top:21px;
		font-size:2.2em;
	}

}

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

	main .linkbtn{
		height:85px;
		padding-top:20px;
		font-size:2.1em;
	}

}

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

	main .linkbtn{
		height:72px;
		padding-top:13px;
		font-size:1.8em;
		border-radius:6px;
	}

}

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

	main .linkbtn{
		height:60px;
		padding-top:10px;
		font-size:1.4em;
	}

}

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

	main .linkbtn{
		height:50px;
		padding-top:10px;
		font-size:1.2em;
		position: relative;
		top:10px;
	}

}

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

	main .linkbtn{
		height:48px;
		padding-top:12px;
		font-size:1.1em;
		top:10px;
	}

}

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

	main .linkbtn{
		height:43px;
		padding-top:10px;
		font-size:1.0em;
	}

}





/*#####################################################################
    初めての熊本進出で、どこにサポートを依頼していいのか分からない
  #####################################################################*/


/* 景観都市設計のご紹介 */

	.about{
		background-color: #126863;
	}

		.about h3{
			color:#fff;
		}

			.about h3 + p{
				max-width:1130px;
				width:88%;
				margin: 0 auto 50px;
				color:#e3e35b;
				font-size: 1.4em;
				font-weight: 700;
				line-height:1.8em;
			}

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

			.about h3 + p{
				font-size:1.2em;
			}

		}

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

			.about h3 + p{
				margin: 0 auto 40px;
				font-size:1.0em;
			}

		}

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

			.about h3 + p{
				font-size:1.1em;
				line-height:1.7em;
			}

		}

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

			.about h3 + p{
				font-size:1.0em;
				margin: 0 auto 30px;
			}

		}





/*#####################################################################
    業務
  #####################################################################*/


		.about .inner{
			max-width:1400px;
			width:94%;
			padding: 60px 0 30px;
			background-color:#fff;
		}

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

		.about .inner{
			padding: 50px 0 20px;
		}

	}

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

		.about .inner{
			padding: 45px 0 20px;
		}

	}

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

		.about .inner{
			padding: 30px 0 15px;
		}

	}

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

		.about .inner{
			padding: 25px 0 10px;;
		}

	}

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

		.about .inner{
		}

	}

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

		.about .inner{
		}

	}

		.about .inner header{
			max-width: 1130px;
			width:94%;
			margin: 0 auto;
			padding-bottom: 50px;
		}

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

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

		.about .inner header{
			padding-bottom: 50px;
		}

	}

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

		.about .inner header{
			padding-bottom: 40px;
		}

	}

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

		.about .inner header{
			padding-bottom: 30px;
		}

	}

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

		.about .inner header{
			padding-bottom: 30px;
		}

	}

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

		.about .inner header{
			padding-bottom: 20px;
		}

	}



			.about .inner header img{
				width:15%;
				height:auto;
				position: relative;
				top:5px;
			}

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

			.about .inner header img{
				float: left;
				top:3px;
			}

		}

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

			.about .inner header img{
				top:0;
			}

		}

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

			.about .inner header img{
				width:60px;
				height: auto;
				display: block;
				margin: 0 auto 15px;
				float: none;
			}

		}

			.about .inner header .note{
				width:100%;
				text-align: center;
				position: relative;
			}

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

			.about .inner header .note{
				width:85%;
				float:right;
				position:static;
			}

		}

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

			.about .inner header .note{
				width:100%;
				float:none;
			}

		}

			.about .inner header .note h3{
				margin-bottom:40px;
				color:#083337;
			}

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

			.about .inner header .note h3{
				margin-bottom:35px;
			}

		}

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

			.about .inner header .note h3{
				margin-bottom:25px;
			}

		}

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

			.about .inner header .note h3{
				margin-bottom:15px;
				font-size:1.6em;
			}

		}

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

			.about .inner header .note h3{
				margin-bottom:5px;
				font-size:1.3em;
			}

		}

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

			.about .inner header .note h3{
				font-size:1.2em;
			}

		}

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

			.about .inner header .note h3{
				font-size:1.1em;
			}

		}

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

			.about .inner header .note h3{
				font-size:1.0em;
			}

		}




			.about .inner header .note p{
				max-width:1130px;
				width:100%;
				margin: 0;
				color:#681217;
				font-size: 1.4em;
				font-weight: 700;
				line-height:1.8em;
			}

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

			.about .inner header .note p{
				font-size:2.3vw;
				line-height:1.7em;
			}

		}

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

			.about .inner header .note p{
				font-size:2.2vw;
			}

		}

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

			.about .inner header .note p{
				line-height:1.7em;
			}

		}

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

			.about .inner header >.note p{
				margin-bottom: 50px;
				font-size:2.8vw;
			}

		}

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

			.about .inner header >.note p{
				margin-bottom: 60px;
				font-size:2.7vw;
			}

		}

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

			.about .inner header >.note p{
				font-size:3.4vw;
			}

		}

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

			.about .inner header >.note p{
				font-size:3.6vw;
			}

		}





		.servicelist{
			max-width: 1145px;
			width:95%;
			margin: 0 auto 0;
		}

			.servicelist > .noteopen{
				display: block;
				width:32%;
				height:70px;
				margin:0 calc(4% / 6) 15px;
				color:#fff;
				font-weight: 700;
				text-align: center;
				float: left;
				list-style: none;
				border-radius:6px;
				background-color: #a26573;
			}
			.servicelist > .noteopen > h4{
				display:-webkit-flex;
				display:flex;
				justify-content: center;
				-webkit-align-items:center;
				align-items:center;
				height:100%;
				margin: 0;
				font-size:1.2em;
				cursor: pointer;
			}

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

			.servicelist > .noteopen{
				height:50px;
				margin-bottom:10px;
			}
			.servicelist > .noteopen > h4{
				font-size:1.1em;
			}

		}

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

			.servicelist > .noteopen{
				width:48%;
				margin:0 1% 10px;
			}
			.servicelist > .noteopen > h4{
				font-size:1.0em;
			}

		}

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

			.servicelist > .noteopen{
				width:100%;
				margin:0 0 10px;
				float: none;
			}

		}

		.servicelist + p{
			margin: 0;
			color:#681217;
			font-size: 0.8em;
			text-align: center;
		}

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

		.servicelist + p{
			font-size: 0.7em;
		}
		
	}

				
				.noteopen{cursor:pointer;}

				.servicelist .servicenote{
					clear:both;
					width:90%;
					margin:0 auto;
					padding:20px 3%;
					color:#06c;
					font-weight:400;
					text-align: left;
					line-height: 1.7em;
					background:#fff;
					position:relative;
					border-radius:5px;
					display:none;
					cursor: auto;
				}
						
					.servicelist .servicenote h5{
						margin-bottom:20px;
						padding:0 2% 5px;
						color:#083337;
						font-size:1.2em;
						font-weight:700;
						border-bottom:1px solid #083337;
					}

					.servicelist .servicenote a{
						color:#06f;
					}
						



						.noteopen .servicenote .stdlist{
							margin: 0 0 0 20px;
						}

							.noteopen .servicenote .stdlist li{
								margin-bottom: 5px;
							}

						.noteopen .servicenote .stdp{
							width:96%;
							margin: 0 auto;
						}

						.noteopen .servicenote.chiku .stdp img{
							max-width: 360px;
							width:100%;
							height:auto;
						}



						.noteopen .servicenote h6{
							margin: 25px 0 20px;
							padding: 5px 0;
							color:#06c;
							font-weight:700;
							text-align: center;
							background-color: #cce0ff;
							
						}

							.noteopen .servicenote .list1 li{
								margin-bottom: 5px;
								list-style: none;
							}

							.noteopen .servicenote .list1 li{zoom:1;}
							.noteopen .servicenote .list1 li:after{
								content: ""; 
								display: block; 
								clear: both;
							}

								.noteopen .servicenote .list1 .label{
									width:80px;
									margin:0 0 0 2%;
									padding: 2px 0;
									color:#fff;
									font-size:0.9em;
									background-color: #06c;
									text-align: center;
									float: left;
								}

								.noteopen .servicenote .list1 p{
									width:calc(100% - 110px);
									margin: 0;
									padding: 2px 0;
									float: right;							
								}

							.noteopen .servicenote .list2{
								margin-left:30px;
							}

							.noteopen .servicenote .list2 li{
								margin-bottom: 5px;
							}

							.noteopen .servicenote .list3{
								margin-left:30px;
								padding-top: 15px;
								border-top:1px dashed #ccc;
							}

							.noteopen .servicenote .list3 li{
								margin-bottom: 5px;
							}



						.noteopen .servicenote.nouchi h6 + .stdp img{
							max-width:720px;
							width:100%;
							height:auto;
						}

						.noteopen .servicenote.sokuryo img{
							max-width:720px;
							width:100%;
							height:auto;
						}

						.noteopen .servicenote.sokuryo .drone img{
							width:49%;
							height:auto;
							margin: 15px 1% 10px 0;
						}

						.noteopen .servicenote.sokuryo .drone img:nth-of-type(2){
							margin: 15px 0 10px 1%;;
						}

							
				.noteopen.active{
					width:99%;
					height:auto;
					margin:0 auto 15px;
					padding-bottom:10px; 
					position: relative;
					left:calc(1% / 2);
				}
				.noteopen.active > h4{
					width:100%;
					height:36px;
				}

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

				.noteopen.active{
					width:98%;
					margin-bottom:10px;
					left:1%;
				}

			}

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

				.noteopen.active{
					width:100%;
					left:0;
				}

			}





/*#####################################################################
    景観都市設計の代行業務実績
  #####################################################################*/


	.works.stdsec{
		padding: 60px 0 50px;
	}

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

	.works.stdsec{
		padding: 50px 0 40px;
	}

}

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

	.works.stdsec{
		padding: 30px 0 20px;
	}

}


	.works ul{
		max-width:1130px;
		width:94%;
		margin: 0 auto;
	}

		.works li{
			margin-bottom:50px;
			list-style: none;
		}
		.works li:nth-last-of-type(1){
			margin-bottom: 0;
		}

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

		.works li{
			margin-bottom:40px;
		}

}

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

		.works li{
			margin-bottom:30px;
		}

}

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




		.works h4{
			width:94%;
			margin: 0 auto 15px;
			color:#681217 !important;
			font-weight: 700;
			font-size:1.4em;
			line-height:1.5em;
			position: relative;
		}

	@media screen and (max-width:1000px){
		
		.works h4{
			width:calc(94% - 30px);
			left:8px;
		}

	}

	@media screen and (max-width:770px){
		
		.works h4{
			width:calc(94% - 35px);
			font-size:1.3em;
			left:5px;
		}

	}

	@media screen and (max-width:640px){
		
		.works h4{
			font-size:1.2em;
		}

	}

	@media screen and (max-width:480px){
		
		.works h4{
			width:calc(94% - 30px);
			left:8px;
			font-size:1.1em;
		}

	}

		.works h4::before{
			content:"●";
			margin-right:-24px;
			position: relative;
			left:-30px;
		}

	@media screen and (max-width:1000px){
		
		.works h4::before{
			left:-25px;
		}

	}

	@media screen and (max-width:770px){
		
		.works h4::before{
			margin-right:-23px;
		}

	}

	@media screen and (max-width:640px){
		
		.works h4::before{
			margin-right:-21px;
		}

	}

	@media screen and (max-width:480px){
		
		.works h4::before{
			margin-right:-19px;
		}

	}


			.works li img{
				width:36%;
				height:auto;
				padding-left: 3%;
				float: left;
			}

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

			.works li img{
				display: block;
				width:240px;
				height:auto;
				margin: 0 auto 25px;
				padding-left:0;
				float:none;
			}

		}

			.works li .note{
				display: block;
				width:55%;
				padding-right: 3%;
				float:right;
			}

			.works li .note table{
				width:100%;
			}
		
		@media screen and (max-width:640px){

			.works li:not(:nth-last-of-type(1)) .note{
				width: 94%;
				/*margin: 0 auto;*/
				margin: 0 0 0 3%;
				float:none;
			}
		
		}


			.works li:nth-last-of-type(1) .note{
				width:calc(91% / 2);
				height:200px;
				float: left;
			}
			.works li:nth-last-of-type(1) .note:nth-of-type(1),
			.works li:nth-last-of-type(1) .note:nth-of-type(3){
				padding-left: 3%;
			}
			.works li:nth-last-of-type(1) .note:nth-of-type(2n){
				padding-right: 0;
			}

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

			.works li:nth-last-of-type(1) .note{
				height:330px;
			}

		}

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

			.works li:nth-last-of-type(1) .note{
				width: 94%;
				height: auto;
				margin-bottom: 30px;
				float:none;
			}

			.works li:nth-last-of-type(1) .note:nth-of-type(2n){
				padding-left: 3%;
			}

		}

				.works li .note h5{
					margin-bottom:5px;
					color:#c33;
					font-weight:700;
					line-height: 1.4em;
				}

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

				.works li .note h5{
					margin-bottom:10px;
				}

			}

					.works li .note th{
						width:70px;
						padding:3px 0;
						color:#036;
						line-height: 1.4em;
						vertical-align: top;
					}

					.works li .note td{
						width:calc(100% - 70px);
						padding:3px 0;
						line-height: 1.5em;
						vertical-align: top;
					}


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

					.works li .note th{
						display: block;
						width:96%;
						padding:2px 2%;
						/*color:#fff;*/
						font-size:0.8em;
						font-weight:400;
						background-color: #e6f2ff;
					}

					.works li .note td{
						display: block;
						width:96%;
						padding:8px 2% 12px;
					}

				}




/*#####################################################################
    熊本進出をご検討されている企業様
  #####################################################################*/

	.works + .mainappeal{
		height:600px;
		padding-top: 0;
		background-image: url("/images/bg_front-of-station.jpg");
	}

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

	.works + .mainappeal{
		height:500px;
	}

}

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

	.works + .mainappeal{
		height:420px;
	}

}

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

	.works + .mainappeal{
		height:340px;
	}

}

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

	.works + .mainappeal{
		height:500px;
	}

}

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

	.works + .mainappeal{
		height:470px;
	}

}

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

	.works + .mainappeal{
		height:435px;
	}

}

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

	.works + .mainappeal{
		height:430px;
	}

}

	.works + .mainappeal .maincall{
		padding-top: 50px;
	}

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

	.works + .mainappeal .maincall{
		padding-top: 40px;
	}
		
}

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

	.works + .mainappeal .maincall{
		padding-top: 30px;
	}
		
}

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

	.works + .mainappeal .maincall{
		padding: 20px 0 40px;
	}
		
}

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

	.works + .mainappeal .maincall{
		padding: 20px 0 40px;
	}
		
}



	.works + .mainappeal .appealnote{
		max-width:1260px
	}


	.works + .mainappeal .appealnote .maincatch{
		color:#fff;
		text-shadow:none;
	}

		.works + .mainappeal .catch2{
			color:#fff;
			text-shadow:0 0 5px #083337,0 0 5px #083337,
			0 0 5px #083337,0 0 5px #083337,0 0 5px #083337;
		}

		.works + .mainappeal .catch2 + p{
			color:#e3e35b;
			text-shadow:0 0 5px #083337,0 0 5px #083337,
			0 0 5px #083337,0 0 5px #083337,0 0 5px #083337;
		}

		.works + .mainappeal .catch3{display: none;}

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

		.works + .mainappeal .catch2,
		.works + .mainappeal .catch2 + p{
			display: none;
		}

		.works + .mainappeal .catch3{
			display: block;
			clear: both;
			height: 70px;
			margin: 0;
			padding:120px 0 0;
			color:#e3e35b;
			font-size:5.0vw;
			font-weight:400;
			font-family: 'Sawarabi Mincho', sans-serif;
			text-align: center;
			line-height: 1.5em;
			position: relative;
			z-index: 100;
			text-shadow:0 0 5px #083337,0 0 5px #083337,
			0 0 5px #083337,0 0 5px #083337,0 0 5px #083337;
		}

	}

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

		.works + .mainappeal .catch3{
			padding:110px 0 0;
		}

	}

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

		.works + .mainappeal .catch3{
			padding:110px 0 10px;
		}

	}




/*#####################################################################
    お問い合わせ
  #####################################################################*/

	.contact.stdsec{
		padding: 60px 0 0;
	}

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

	.contact.stdsec{
		padding: 50px 0 0;
	}

}

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

	.contact.stdsec{
		padding: 30px 0 0;
	}

}
		.contact h3{
			color:#083337;
		}

		.contacttel{
			width:390px;
			margin: 50px auto 30px;
			padding: 10px 20px;
			text-align: center;
			background-color:#f2f2f2;
		}

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

		.contacttel{
			width:290px;
			margin: 40px auto 25px;
		}

	}

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

		.contacttel{
			width:240px;
			margin: 30px auto 20px;
			padding: 5px 20px;
		}

	}

		.contacttel a[href^="tel:"] {
			color: #333;
			text-decoration: none;
			pointer-events: none;
			text-decoration-color:#fff;
		}




			.contacttel p{
				margin: 0 0 15px;
				color:#635a5f;
				font-size:1.5em;
				font-weight:700;
				letter-spacing: 0.03em;
				position: relative;
			}

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

			.contacttel p{
				margin: 0 0 5px;
				font-size:1.1em;
				letter-spacing: 0.01em;
			}

		}

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

			.contacttel p{
				margin: 0;
				font-size:0.9em;
			}

		}

			.contacttel .telnum{
				color:#083337;
				font-weight:700;
				font-size:3.3em;
				position: relative;
				letter-spacing:0;
			}


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

			.contacttel .telnum{
				font-size:2.4em;
			}

		}

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

			.contacttel .telnum{
				font-size:2.0em;
			}

		}

			.contacttel .telnum + p{
				margin:15px 0 0;
				color:#f30;
				font-size:1.2em;
				letter-spacing: 0.02em;
				position: relative;
			}
				
		@media screen and (max-width:770px){

			.contacttel .telnum + p{
				margin:5px 0 0;
				font-size:0.85em;
				letter-spacing: 0.03em;
			}

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

			.contacttel .telnum + p{
				margin: 0;
				font-size:0.75em;
				letter-spacing: 0;
			}

		}


			.contacttel + p{
				margin: 0 0 15px;
				padding-top: 30px;
				color:#635a5f;
				font-size:1.5em;
				font-weight:700;
				line-height: 1.7em;
				text-align: center;
				position: relative;
			}

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

			.contacttel + p{
				font-size:1.3em;
			}

		}

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

			.contacttel + p{
				padding-top: 25px;
			}

		}

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

			.contacttel + p{
				margin: 0 0 10px;
				font-size:1.2em;
			}

		}

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

			.contacttel + p{
				padding-top: 20px;
				font-size:1.1em;
			}

		}

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

			.contacttel + p{
				font-size:1.0em;
			}

		}




/*#####################################################################
    メールフォーム
  #####################################################################*/

	.mailform{
		padding:0 0 70px;
	}

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

	.mailform{
		padding:0 0 50px;
	}

}

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

	.mailform{
		padding:0 0 40px;
	}

}



		.mailform .inner{
			max-width: 1130px;
			width:90%;
			margin: 0 auto;
		}

		.mailform .inner > p{
			margin:0 0 5px;
			color: #f00;
			font-size:0.9em;
			text-align: right;
		}


		.mailform .inner table{
			width:100%;
			border-collapse: collapse;
		}

		.mailform .inner th{
			width:250px;
			padding:28px 0;
			color:#369;
			font-size:1.2em;
			vertical-align: top;
			border-bottom: 1px dashed #ccc;
		}
		.mailform .inner th:nth-of-type(1){
			border-top: 1px dashed #ccc;
		}

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

		.mailform .inner th{
			width:220px;
			font-size:1.1em;
		}

	}

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

		.mailform .inner th{
			width:180px;
			font-size:1.0em;
		}

	}

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

		.mailform .inner th{
			display: block;
			width:100%;
			padding:1px 0;
			font-size:0.9em;
			border-bottom: none;
			background-color: #f2f2f2;
		}
		.mailform .inner th:nth-of-type(1){
			border-top: none;
		}

	}

		.mailform .inner td{
			width:calc(100% - 250px);
			padding:20px 0;
			border-bottom: 1px dashed #ccc;
		}
		.mailform .inner td:nth-of-type(1){
			border-top: 1px dashed #ccc;
		}

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

		.mailform .inner td{
			width:calc(100% - 220px);
		}

	}

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

		.mailform .inner td{
			width:calc(100% - 180px);
		}

	}

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

		.mailform .inner td{
			display: block;
			width:100%;
			padding: 15px 0 30px;
			border-bottom: none;
		}
		.mailform .inner td:nth-of-type(1){
			border-top: none;
		}

	}



		.mailform .inner td input[type="text"],
		.mailform .inner td input[type="tel"],
		.mailform .inner td select,
		.mailform .inner td textarea{
			padding: 15px;
			font-size:1.0em;
			border:1px solid #ccc;
			border-radius: 5px;
		}

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

		.mailform .inner td input[type="text"],
		.mailform .inner td input[type="tel"],
		.mailform .inner td select,
		.mailform .inner td textarea{
			width:calc(100% - 22px);
			padding: 10px;
			border-radius:3px;
		}

	}

		.howcontact{
			color:#000;
			font-weight: 700;
		}
			
			
			
			#cname,#cfurigana{
				max-width:800px;
				width:90%;
			}

			#name,#furigana{
				max-width:360px;
				width:90%;
			}

	
			#tel{
				max-width:360px;
				width:90%;
			}
	
			#email,#department{
				max-width:800px;
				width:90%;
			}
			#email{ime-mode:disabled;}

			#address1{
				margin-bottom: 10px;
			}
	
			#address2{
				max-width:610px;
				width:calc(90% - 140px);
				margin-bottom: 10px;
			}
	
			#address3{
				max-width:800px;
				width:90%;
			}
	
			#message{
				max-width:800px;
				width:90%;
				font-family:"M PLUS Rounded 1c","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "游ゴシック", "Yu Gothic", sans-serif;
				font-size:1.0em !important;
			}
	
			#zip1,#zip2{
				width:40px;
				margin-bottom: 10px;
				text-align:center;
				ime-mode:disabled;
			}


		@media screen and (max-width:1000px){
	
			#address2{
				max-width:800px;
				width:90%;
				margin-bottom: 10px;
			}
	
		}

		@media screen and (max-width:640px){
		
			#content{
				display: block;
				max-width:98%;
				width:98%;
				margin: 0 auto;
			}
			
			#cname,#cfurigana{
				display: block;
				max-width:94%;
				width:94%;
				margin: 0 auto;
			}

			#name,#furigana{
				display: block;
				max-width:94%;
				width:94%;
				margin: 0 auto;
			}
	
			#tel{
				display: block;
				max-width:94%;
				width:94%;
				margin: 0 auto;
			}
	
			#email,#department{
				display: block;
				width:94%;
				margin: 0 auto;
			}

			#address1{
				margin-bottom: 10px;
				margin-left: 1%;
			}
	
			#address2{
				display: block;
				width:94%;
				margin: 0 auto 10px;
			}
	
			#address3{
				display: block;
				width:94%;
				margin: 0 auto;
			}
	
			#message{
				display: block;
				width:94%;
				margin: 0 auto;
			}

		}

		#submit1,
		#submit2{
			display:-webkit-flex;
			display:flex;
			justify-content: center;
			-webkit-align-items:center;
			align-items:center;
			max-width:540px;
			width:80%;
			height:80px;
			color:#fff;
			font-weight: 700;
			font-size:1.6em;
			letter-spacing: 0.07em;
			margin: 70px auto 0;
			border:none;
			border-radius: 10px;
			background-color:#f90;
			cursor: pointer;
		}
		#submit2{
			margin: 30px auto 0;
			background-color:#036;
			background-repeat: no-repeat;
			background-image:url(/shared/img_yajirushi-yellow2.png);
			background-position:2% 50%;
		}


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

		#submit1,
		#submit2{
			height:70px;
			margin: 60px auto 0;
			font-size:1.4em;
			border-radius:8px;
		}
		#submit2{
			margin: 25px auto 0;
		}

	}

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

		#submit1,
		#submit2{
			height:60px;
			margin: 50px auto 0;
			font-size:1.2em !important;
		}
		#submit2{
			margin: 20px auto 0;
		}

	}

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

		#submit1,
		#submit2{
			height:50px;
			margin: 10px auto 0;
			font-size:1.0em !important;
			border-radius:5px;
		}
		#submit2{
			margin: 15px auto 0;
		}

	}

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

		#submit1,
		#submit2{
			font-size:0.8em;
		}

	}

	.thanksnote{
		max-width:700px;
		width:90%;
		margin: 30px auto 50px;
	}

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

	.thanksnote{
		margin: 30px auto;
	}

}

	#contact .banlist{
		max-width: 1130px;
		width: 90%;
		margin: 0 auto;
		padding-top:70px;
		border-top:1px dashed #ccc;
	}

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

	#contact .banlist{
		padding-top:50px;
	}

}

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

	#contact .banlist{
		padding-top:40px;
	}

}


		#contact .banlist ul{
			max-width: 750px;
			width: 100%;
			margin: 0 auto;
		}

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

		#contact .banlist ul{
			max-width: 280px;
			width:80%;
		}

	}

			#contact .banlist li{
				width:48%;
				list-style: none;
				float: left;
			}
			#contact .banlist li:nth-of-type(2n){
				float:right;
			}

			#contact .banlist li img{
				width: 100%;
				height: auto;
			}

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

			#contact .banlist li{
				width:100%;
				margin-bottom: 10px;
				float:none;
			}
			#contact .banlist li:nth-of-type(2n){
				float:none;
			}

		}




/* 戻る */
	
	.modoru{
		display:-webkit-flex;
		display:flex;
		justify-content: center;
		-webkit-align-items:center;
		align-items:center;
		width:70px;
		height:70px;
		margin:0 auto 50px;
		color:#fff;
		text-align:center;
		text-decoration:none;
		background-color:#50459a;
		border-radius:35px;
		cursor:pointer;
		-webkit-transition:opacity 0.5s ease-out;
		-moz-transition:opacity 0.5s ease-out;
		-ms-transition:opacity 0.5s ease-out;
		transition:opacity 0.5s ease-out;
	}

@media screen and (max-width:480px){
	
	.modoru{
		width:50px;
		height:50px;
		margin:0 auto;
		line-height:54px;
		border-radius:25px;
	}
	.modoru img{
		width:24px;
		height: auto;
	}

}


	.modoru:hover{
		color:#f80;
		filter:alpha(opacity=80);
		-moz-opacity:0.80;
		opacity:0.80;
	}