@charset "utf-8";


/* --------------------------------------------- */
/* ▼モバイル用デザイン */
/* --------------------------------------------- */

@media screen and (max-width: 480px) {
	
.contact {
	margin:0px 20px;
}
	
.contact p{
	text-indent:0;
}

.contact_f {
	margin:15px 7px;
}

.contact_i {
	border-collapse:collapse;		/*セル同士の間に隙間を空けない*/
}
.contact_i p{
	font-size:80%;
	text-indent:0;
}
.contact_hr {
	clear:both;
	margin:0px 5px;
	height: 1px;
	border: none;
	border-top: 1px solid;
}

/*----- 入力フォーム -----*/

.form1 input, .form1 textarea {
	font-size:13px;			/*フォントサイズ*/
	border:1px solid #999999;	/*ボーダー*/				
	padding:2px;			/*パディング*/
	border-radius:3px;		/*角丸にする*/
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1) inset;	/*影を付ける*/
}
.form1 textarea{
	width:100%;
	margin:5px 0px;
}

.form1 input:focus, .form1 textarea:focus {
	box-shadow: 0px 0px 5px 2px #ccccee;	/*影を付ける*/
	outline-style:none;			/*アウトライン無しにする*/
}
.form1 p input{
	height:40px;	/*幅と高さ*/
	border:0;			/*ボーダー*/
	width:auto;
}
.form1 p {
	text-align:center;		/*センタリング*/
	text-indent:0;			/*字下げ幅をゼロにする*/
}
input[type="text"],input[type="email"]{
	width:100%;
}


/*----- ｄｌ -----*/


dl.contact_i {
	width:100%;			/*フォーム全体の幅*/
	border-collapse:collapse;		/*セル同士の間に隙間を空けない*/
}
dl.contact_i dt {
	font-size:75%;
	width:125px;	/*見出しセルの幅*/
	height:25px;
	padding:10px 0px;			/*パディング*/
	text-align:center;			/*センター揃えにする*/
	white-space:nowrap;			/*セル内の改行を禁止する*/
	background-color:#ccccee;		/*セルの背景色*/
	border-bottom:dotted #666666 1px;	/*セルのボーダー*/
	float:left;

}
dl.contact_i dd {
	font-size:75%;
	margin-left:125px;		
	height:25px;
	padding:10px 10px;			/*パディング*/	
	background-color:#eeeeff;	/*セルの背景色*/
	border-bottom:dotted #666666 1px;	/*セルのボーダー*/

}

dl.contact_t dt {
	width:125px;	/*見出しセルの幅*/
	height:95px;
	padding:10px 0px;			/*パディング*/
	text-align:center;			/*センター揃えにする*/
	white-space:nowrap;			/*セル内の改行を禁止する*/
	background-color:#ccccee;		/*セルの背景色*/
	border-bottom:dotted #666666 1px;	/*セルのボーダー*/
	float:left;

}
dl.contact_t dd {
	margin-left:125px;		
	height:95px;
	padding:10px 10px;			/*パディング*/	
	background-color:#eeeeff;	/*セルの背景色*/
	border-bottom:dotted #666666 1px;	/*セルのボーダー*/

}
	
	
}




/*-------------------------------------------- */
/* ▼PC用デザイン */
/* -------------------------------------------- */

@media screen and (min-width: 481px) {

/*----- 本文コラム -----*/

.honbun {
	width:800px;
	margin:10px 100px 0px 100px;
	float:left;
	text-align:justify;
}

.honbun p{
	width:740;
	margin:0px 30px;		/*上下マージン*/
	text-indent:1em;
}

/*----- お申込み・お問合せコラム -----*/	

.contact {
	clear:left;
	width:760px;
    margin:25px 120px 20px 120px;
	float:left;
}

.contact p{
	text-indent:0;
}

/*----- お申込み・お問合せフォームコラム -----*/
	
.contact_f {
	clear:left;			/*フロート配置をクリア*/
	width:700px;			/*幅の指定*/
    margin:0px 150px 50px 150px;
}
.contact_i.form p{
	text-indent:0;
}
.contact_hr {
	clear:both;
	margin:0px 5px;
	height: 1px;
	border: none;
	border-top: 1px solid;
}

/*----- 入力フォーム -----*/

.form1 input, .form1 textarea {
	font-size:16px;			/*フォントサイズ*/
	border:1px solid #999999;	/*ボーダー*/				
	padding:2px;			/*パディング*/
	border-radius:3px;		/*角丸にする*/
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1) inset;	/*影を付ける*/
}

.form1 input:focus, .form1 textarea:focus {
	box-shadow: 0px 0px 5px 2px #ccccee;	/*影を付ける*/
	outline-style:none;			/*アウトライン無しにする*/
}
.form1 p input{
	width:300px; height:40px;	/*幅と高さ*/
	border:0;			/*ボーダー*/
}
.form1 p {
	text-align:center;		/*センタリング*/
	text-indent:0;			/*字下げ幅をゼロにする*/
}
input[type="text"],input[type="email"]{
	width:70%;
}

/*----- ｄｌ -----*/

dl.contact_i {
	width:700px;			/*フォーム全体の幅*/
	border-collapse:collapse;		/*セル同士の間に隙間を空けない*/
}
dl.contact_i dt {
	width:180px;	/*見出しセルの幅*/
	height:24px;
	padding:10px;			/*パディング*/
	text-align:center;			/*センター揃えにする*/
	white-space:nowrap;			/*セル内の改行を禁止する*/
	background-color:#ccccee;		/*セルの背景色*/
	border-bottom:dotted #666666 1px;	/*セルのボーダー*/
	float:left;

}
dl.contact_i dd {
	margin-left:200px;		
	height:24px;
	padding:10px;			/*パディング*/	
	background-color:#eeeeff;	/*セルの背景色*/
	border-bottom:dotted #666666 1px;	/*セルのボーダー*/

}

dl.contact_t dt {
	width:180px;	/*見出しセルの幅*/
	height:120px;
	padding:10px;			/*パディング*/
	text-align:center;			/*センター揃えにする*/
	white-space:nowrap;			/*セル内の改行を禁止する*/
	background-color:#ccccee;		/*セルの背景色*/
	border-bottom:dotted #666666 1px;	/*セルのボーダー*/
	float:left;

}
dl.contact_t dd {
	margin-left:200px;		
	height:120px;
	padding:10px;			/*パディング*/	
	background-color:#eeeeff;	/*セルの背景色*/
	border-bottom:dotted #666666 1px;	/*セルのボーダー*/

}

}