@charset "utf-8";
@import url(base.css);


#globalheader{
	border-bottom:1px solid #ccc;	
}

		#main{
			border-bottom:1px solid #ccc;
		}


		#contenttitle{
			padding:70px 0 20px;
		}

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

		#contenttitle{padding:50px 0 30px;}

	}

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

		#contenttitle{padding:50px 0 20px;}

	}

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

		#contenttitle{padding:40px 0;}

	}
	
	
			#contenttitle h2{
				color:#363;
				font-size:2.0em;
				font-family: "kozuka-mincho-pro";
				text-align:center;
			}
		
		@media screen and (max-width:1000px){
		
			#contenttitle h2{
				font-size:1.8em;
			}
		
		}
		
		@media screen and (max-width:770px){
		
			#contenttitle h2{
				font-size:1.6em;
			}
		
		}
	



/* セクション共通 */
	
		.stdsec header{
			width:calc(200px - 2%);
			padding:0 0 25px 2%;
			float:left;
		}

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

		.stdsec header{
			width:calc(170px - 2%);
		}
		
	}

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

		.stdsec header{
			width:96%;
			padding:0 0 5px 2%;
			float:none;
		}
		
	}
		
	@media screen and (max-width:480px){

		.stdsec header{
			width:90%;
			padding:0 0 0 5%;
		}
		
	}

			.stdsec header p{
				margin:0;
				padding:35px 0 0;
				color:#c00;
				font-size:2.3em;
				font-weight:700;
				line-height:1.2em;
			}
		
		@media screen and (max-width:720px){

			.stdsec header p{
				padding:20px 0 0;
				font-size:1.8em;
			}

			.stdsec header p br{display:none;}
			.stdsec header h2 br{display:none;}
		
		}
		
		@media screen and (max-width:480px){

			.stdsec header p{
				font-size:1.6em;
			}
		
		}

			.stdsec header h2{
				margin:0;
				padding:7px 0 0;
				color:#030;
				font-size:1.2em;
				font-weight:700;
				line-height:1.4em;
			}
		
		@media screen and (max-width:480px){

			.stdsec header h2{
				font-size:1.0em;
			}
		
		}
		
		
			.stdsec .secnote{
				width:95%;
				margin:0 0 40px;
				padding-top:40px;
				color:#000;
				font-size:1.1em;
				font-family: "kozuka-mincho-pro";
			}

		@media screen and (max-width:720px){
		
			.stdsec .secnote{
				width:100%;
				padding-top:20px;
				font-size:1.0em;
			}
		
		}

		
	main h3{
		max-width:1000px;
		width:90%;
		margin:0 auto 20px;
		font-family: "kozuka-mincho-pro";
		font-size:1.8em;
	}


/* 電話 */	
				
			#telnum{
				max-width:1000px;
				width:100%;
				margin:0 auto 30px;
				
			}
	
			#telnum .inner{
				padding:40px 5% 20px;
				color:#0f330f;
				font-size:4.0em;
				font-weight:700;
				text-align:center;
				background-color:#ebf0eb;
				letter-spacing:0.07em;
			}
			
		@media screen and (max-width:640px){
	
			#telnum .inner{
				font-size:3.0em;
			}
			
		}
			
		@media screen and (max-width:430px){
	
			#telnum .inner{
				padding:20px 5% 10px;
				font-size:2.0em;
			}
			
		}
		
			#telnum p{
				margin:20px 0 0;
				color:#444;
				font-size:0.25em;
				font-weight:400;
				letter-spacing:0.05em;
			}
			
		@media screen and (max-width:640px){
	
			#telnum p{
				margin:10px 0 0;
				font-size:0.3em;
			}
			
		}
			
		@media screen and (max-width:430px){
	
			#telnum p{
				margin:0;
				font-size:0.4em;
			}
			
		}

/* FAX */	
				
			#faxnum{
				max-width:1000px;
				width:100%;
				margin:0 auto 30px;
				
			}
	
			#faxnum .inner{
				padding:40px 5% 20px;
				color:#0f330f;
				font-size:2.4em;
				font-weight:700;
				text-align:center;
				/*background-color:#ebf0eb;*/
				letter-spacing:0.07em;
			}
			
		@media screen and (max-width:640px){
	
			#faxnum .inner{
				font-size:2.0em;
			}
			
		}
			
		@media screen and (max-width:430px){
	
			#faxnum .inner{
				padding:20px 5% 10px;
				font-size:1.5em;
			}
			
		}
		
			#faxnum p{
				margin:20px 0 0;
				color:#444;
				font-size:0.43em;
				font-weight:400;
				letter-spacing:0.05em;
				text-align: left;
			}
			
		@media screen and (max-width:640px){
	
			#faxnum p{
				margin:20px 0 0;
				font-size:0.52em;
			}
			
		}
			
		@media screen and (max-width:430px){
	
			#faxnum p{
				margin:15px  0;
				font-size:0.68em;
			}
			
		}

/* メールフォーム */	
				
			#contactform{
				max-width:1000px;
				width:100%;
				margin:0 auto;
				
			}
	
			#contactform .inner{
				width:90%;
				padding:20px 5% 20px;	
				background-color:#f2f2f2;
			}
	
	
			#contactform .inner .note{
				margin-bottom:30px;
			}
	



/**************************************************/
		


			#contactform table{
				width:100%;
				border-collapse:collapse;
				border-top:1px dashed #ccc;
			}


				#contactform th,
				#contactform td{
					verticl-align:top;
					border-bottom:1px dashed #ccc !important;
				}
				

				#contactform th{
					width:160px;
					line-height:1.4em;
				}
				
				#contactform th.align-left{
					width:140px;
					padding-left:20px;
				}

				#contactform td{
					width:calc(100% - 180px);
					padding:20px 0 10px 20px;
				}
		
			@media screen and (max-width:770px){

				#contactform th{
					width:100px;
					font-size:0.9em;
				}
				
				#contactform th.align-left{
					width:85px;
					padding-left:15px;
				}

				#contactform td{
					width:calc(100% - 110px);
					padding-left:10px;
					font-size:0.9em;
				}
		
				
			}
		
			@media screen and (max-width:480px){

				#contactform th{
					width:100px;
					padding:20px 0;
					font-size:0.9em;
				}

				#contactform td{
					width:calc(100% - 110px);
					padding-left:10px;
					font-size:0.9em;
				}
				
				#contactform td br + span{font-size:0.8em;}
		
				
			}
	
		
		#contactform td input,
		#contactform td select,
		#contactform td textarea{
			margin-bottom:10px;
			padding:10px 15px;
			font-weight:400;
			border:none;
			border-radius:5px;
		}
		
	@media screen and (max-width:480px){
		
		#contactform td input,
		#contactform td select,
		#contactform td textarea{
			padding:10px 10px;
		}
		
	}
					
		
	@media screen and (max-width:840px){

		#contactform input#email{margin-bottom:0;}
					
	}
	
			#email,#email2{ime-mode:disabled;}
	
			#email,#email2{
				max-width:380px;
				width:90%;
			}
	
			#address2,#address3{
				max-width:640px;
				width:90%;
			}
		
		@media screen and (max-width:640px){
	
			#email,#email2,#address2,#address3{
				width:80%;
			}
		
		}
	
			#name1,#name2,#furigana1,#furigana2{
				max-width:145px;
				width:34%;
				min-width:100px;
			}

			#naiyo{
				width:90%;
			}
		
		@media screen and (max-width:640px){
	
			#naiyo{
				width:80%;
			}
		
		}
	
			#tel1,#tel2,#tel3,#gtel1,#zip1,#zip2{
				width:40px;
				text-align:center;
				ime-mode:disabled;
			}
		
		@media screen and (max-width:420px){
	
			#tel1,#tel2,#tel3,#gtel1,#zip1,#zip2{
				width:30px;
			}
	
		}
			






			#submit1,
			#submit2{
				display:block;
				max-width:300px;
				width:80%;
				height:60px;
				margin:40px auto 40px;
				padding:0 !important;
				color:#fff;
				font-size:1.2em;
				font-family:'kozuka-gothic-pro','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
				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;
			}
				
		}



/* 送信後画面 */

		
		#contactform h4{
			margin:10px 0 0;
			color:#036;
			font-size:1.6em;
			font-weight:700;
			text-align:center;
		}
		
		
	@media screen and (max-width:420px){

		#contactform h3{
			font-size:1.3em;
		}
		
	}
		
		#contactform h4 + p{
			text-align:center;
		}
		
	@media screen and (max-width:640px){

		#contactform h4 + p{
			text-align:left;
		}
		
	}