@charset "EUC-JP";

/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/*================================================
 *  一般・共通設定
 ================================================*/
body {
	width:100%;
	margin:0 auto;
	font-size:14px;
	color:#382400;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height:1.6;
	-webkit-text-size-adjust:100%; /* 横向きスマホで文字を拡大しない */
}

header {
	position:relative;
	width:100%;
	border-bottom:1px solid #0f0c4f;
}

header h1 {
	width:760px;
	margin:1em auto;
}

#contents {
	width:760px;
	margin:10px auto;
}

h2 {
	padding:10px 5px;
	font-size:25px;
	color:#000;
}

.mod-dl-table {
	margin: 1em 0;
	width:100%;
	background:#f1f1f1;
}

.mod-dl-table dl {
	 display: table;
	 width: 95%;
	 padding: 1em 0;
	 margin: 0 auto;	  
	 border-bottom:1px solid #ccc;
}
.mod-dl-table dt {
	  width: 30%;
	  font-weight: normal;
	  vertical-align: middle;
	  float: left
}
.mod-dl-table dd {
	width: 70%;
	float: left;
}

.mod-dl-table dl:last-child{
	border-bottom:none;
}


.mod-dl-table dd .input-txt.w-long,
.mod-dl-table dd textarea.w-long {
	width: 100%
}
 
.mod-icon-inquiry {
	margin-left: 15px;
	padding: 0 6px;
	background-color: #f00;
	color: #fff;
	font-size: 72%;
}

input,
textarea,
select {
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 100%;
}

.input-txt,
.input-txt2,
.input-txt3,
textarea {
	margin:.1em 0;
	padding: 2px;
    border: 1px solid #cfcfcf;
	border-radius: 0;
	vertical-align: middle;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	appearance: none;
}

.input-txt.w-long,
textarea.w-long {
	width: 100%
}

.hanrei{
	color:#555;
	font-size:80%;
}

#ActionForm2 {
	width:85px;
	margin:0 auto 3em;
	overflow:hidden;
}

#ActionForm {
	width:180px;
	margin:0 auto 3em;
	overflow:hidden;
}

#ActionForm .act-send01{
	float:left;
	width:85px;
}

#ActionForm .act-send02{
	float:right;
	width:85px;
}

.privacy{
	padding:10px;
	font-size:90%;
	background:#f1f1f1;
}

.t1{
	font-weight:bold;
}

.img-responsive {
	display:inline;
	 max-width: 100%;
	 height: auto;
}

#StepLabel{
	margin:0 0 10px;
	overflow:hidden;
	width:100%;
}

#StepLabel li{
	padding-right: 15px;
	float:left;
	background: url(../img/step_arrow01.gif) 98% 8px no-repeat;
}

#StepLabel li:last-child{
	padding-right:0;
	background: none;
}

.accept_box{
	width:100%;
	margin:3em auto;
	text-align:center;
	background:#fbf9ed;
}

.accept_box img{
	width:422px;
	margin:0 auto;
}

.error {
    color: #cc0001;
}


p.lead{
	padding:0 10px;
	font-size:85%;
}


footer {
	clear:both;
	text-align:center;
	width:295px;
	margin:0 auto;
}

footer img{
	margin-bottom:1em;
}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
 
  @media screen and (max-width:768px) { 
	
	header {
		width:100%;
	}

	header h1{
		width:60%;
		margin:1em 0 .5em .5em;
	}
	
	#contents {
		width:100%;
		margin:0 auto;
		font-size:90%;
	}

	.mod-dl-table{
		width:98%;
		margin:1em auto;
	}
		
	.mod-dl-table dl {
	 	border-bottom: 1px dotted #555;
	}
	
	.mod-dl-table dl dt {
	  	font-weight: bold;
	  	width:100%;
	  	font-size:90%;
	}

	.mod-dl-table dd {
	  	width:99%;
		float: none;
	}

	.mod-dl-table dd .input-txt {
		width: 100%;
	}
	
	.hanrei{
		font-size:70%;
	}

	#StepLabel{
		width:99%;
		margin:0 auto 1em;
	}

	#StepLabel li:first-child{
		margin-left:1%;
	}

	#StepLabel li{
		background: url(../img/step_arrow01.gif) 98% 7px no-repeat;
	}
	
	#main {
		float:none;
		width:100%;
	}

	#ActionForm {
		width:100%;
	}
	
	#ActionForm .act-send01{
		float:left;
		text-align:center;
	}
	
	#ActionForm .act-send02{
		float:right;
		text-align:center;		
	}

	.input-txt2{
		width:30%;
	}

	.input-txt3{
		width:50%;
	}


	footer {
		clear:both;
		text-align:center;
		width:100%;
	}

	footer img{
		text-align:center;
	}
	
	footer #ft-Copylight{
		margin:0 auto;
	}

}