/* ------------------------------------------ */
/* Reset CSS                                  */
/* ------------------------------------------ */
body{margin:0;font-size:14px;font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;line-height:1.5;letter-spacing:0.05em;}
h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p{padding:0;margin:0;font-size:1em;font-weight:normal;}
ul      {list-style-type:none;}
p       {margin-bottom:1.2em;}
textarea{font-size:1em;}
a,
img     {border:0;outline:none;}
.clear  {clear:both;}
.nonSp  {display:inline;}
.brSp   {display:none;}
.pctb   {display:block;}

@media screen and (max-width:569px){
	.nonSp{display:none;}
	.brSp {display:inline;}
	.pctb {display:none;}
}


/* ------------------------------------------ */
/* clearfix                                   */
/* ------------------------------------------ */
.clearfix:after,
#form_main dl:after,
#form_main dl dt:after,
#form_main dl dd:after,
#form_main dl .add_wrap:after,
#form_box #btn_submit:after,
ul#top_box:after{content:".";height:0;clear:both;display:block;visibility:hidden;}

/*--- IE ---*/
.clearfix{display:inline-block;}


/* ------------------------------------------ */
/* LinkColor                                  */
/* ------------------------------------------ */
a:link   {color:#f19b9e;}                          /* リンク：normal */
a:visited{color:#f19b9e;}                          /* リンク：visit  */
a:hover  {color:#f19b9e;}                          /* リンク：hover  */

/* ------------------------------------------ */
/* LinkColor                                  */
/* ------------------------------------------ */
a:link,
a:visited{text-decoration:underline;}
a:hover  {text-decoration:none; }


/* ------------------------------------------ */
/* フォームレイアウト                         */
/* ------------------------------------------ */
/* column-1：サイドメニュー無のレイアウト     */
/* column-2：サイドメニュー有のレイアウト     */
/* ------------------------------------------ */
#form_box{width:auto;margin:0 auto;}

#column-1 #form_box form{padding:0 60px;}

@media screen and (max-width:999px){
	#column-1 #form_box form{width:770px;margin:0 auto;padding:0;}
}

@media screen and (max-width:769px){
	#column-1 #form_box form{width:100%;}
}

/* ------------------------------------------ */
/* Color Setting                              */
/* - - - - - - - - - - - - - - - - - - - - -  */
/* Border Color                               */
/* ------------------------------------------ */
#form_main   {border-top   :1px #b5b5b6 dashed;}   /* 1番目の入力項目     */
#form_main dl{border-bottom:1px #b5b5b6 dashed;}   /* 2番目以降の入力項目 */

/* ------------------------------------------ */
/* Background Color                           */
/* ------------------------------------------ */
dt b.nortice{background:#f19b9e;}                  /* 必須アイコン */
dt b.option {background:#dcdddd;}                  /* 任意アイコン */

/* ------------------------------------------ */
/* Text Color                                 */
/* ------------------------------------------ */
dt b.nortice{color:#ffffff;}                       /* 必須アイコン */
dt b.option {color:#231815;}                       /* 任意アイコン */


/* ------------------------------------------ */
/* Layout                                     */
/* ------------------------------------------ */
#form_main{
	margin-bottom:20px;
}

#form_main dl   {
	display:block;
	width:100%;
	padding:10px 0;
	clear:both;
}

#form_main dl dt{
	display:inline-block;
	float:left;
	width:205px;
	padding:0 40px 0 0;
	vertical-align:middle;
}

#form_main dl dd{
	display:inline-block;
	float:left;
	width:516px;
	line-height:32px;
}

#form_main dl dt p{float:right;width:160px;margin:0;text-align:right;}

@media screen and (max-width:769px){
	#form_main      {width:100%;}
	#form_main dl   {width:100%;padding:5px 0 10px;}

	#form_main dl dt  {float:none;width:100%;padding:5px 0;}
	#form_main dl dt p{float:left;width:auto;padding-left:5px;}

	#form_main dl dd{
		display:inline-block;
		float:none;
		width:100%;
		padding:5px 0;
	}

	#form_main dl dt p br{display:none;}
}

@media screen and (max-width:569px){
	#form_main dl .add_wrap br{display:none;}
	#form_box .add{letter-spacing:-0.1em;}
}


/* 必須・任意アイコン                         */
/* ------------------------------------------ */
dt b{float:left;padding:2px 6px 0;font-size:0.85em;font-weight:normal;}

/* 郵便番号                                   */
/* ------------------------------------------ */
#form_main dl .add        {float:left;height:30px;line-height:30px;}
#form_main dl .add_wrap   {margin-bottom:10px;}
#form_main dl .add_wrap br{display:none;}

/* チェック・ラジオボックス                   */
/* ------------------------------------------ */
#form_main dl dd.ckBox input[type="checkbox"],
#form_main dl dd.ckBox input[type="radio"],
#form_main dl dd.ckBox input[type="checkbox"]:focus,
#form_main dl dd.ckBox input[type="radio"]:focus{border:none;}


#form_main dl dd.ckBox div  {float:left;padding-right:15px;}
#form_main dl dd label{
	display:inline-block;
	padding-right:10px;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
}

#form_main dl dd label span    {padding-left:5px;line-height:1.8em;}
#form_main dl dd label i { font-size: 90%;font-style: normal;padding-left: 5px;color: #555;}
#form_main dl dd.type2 label br{display:none;}


#form_main dl.col2 dd label {float:left;min-width:49%;}  /* 横並び：2分割 */
#form_main dl.col3 dd label {float:left;min-width:33%;}  /* 横並び：3分割 */
#form_main dl.col4 dd label {float:left;min-width:24%;}  /* 横並び：4分割 */

@media screen and (max-width:569px){
	#form_main dl dd.ckBox div{float:none;padding-right:0;}
	#form_main dl dd label{width:100%;padding:0;}
	#form_main dl.col2 dd label,
	#form_main dl.col3 dd label,
	#form_main dl.col4 dd label{float:none;display:block;width:auto;}  /* 横並び：4分割 */
}



/* ------------------------------------------ */
/* 項目の設定                                 */
/* - - - - - - - - - - - - - - - - - - - - -  */
/* Color Setting                              */
/* - - - - - - - - - - - - - - - - - - - - -  */
/* Border Color                               */
/* ------------------------------------------ */
#form_box input[type="text"],
#form_box textarea{border:solid 1px #b5b5b6;}

#form_box input:focus,
#form_box textarea:focus{border:solid 1px #f19b9e;} /* 入力項目：フォーカス時の枠線 */

/* ------------------------------------------ */
/* Background Color                           */
/* ------------------------------------------ */
#form_box input:focus,
#form_box textarea:focus    {background:#fffbdf;} /* 入力項目：フォーカス時の背景色 */

/* ------------------------------------------ */
/* Text Color                                 */
/* ------------------------------------------ */

/* ------------------------------------------ */
/* Layout                                     */
/* ------------------------------------------ */
#form_box input,
#form_box textarea    {
	font-size:100%;
	margin-bottom:5px;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
}

#form_box input[type="text"]{padding:7px;}
#form_box input.short       {width:150px;}
#form_box input.middle,
#form_box input.other       {width:325px;}  /* チェックボックスのその他 */
#form_box input.long        {width:500px;}
#form_box textarea          {width:500px;margin:0;padding:7px;}

@media screen and (max-width:769px){
	#form_box input.middle,
	#form_box input.long,
	#form_box textarea{width:100%;}
}
@media screen and (max-width:569px){
	#form_box input.other{width:100%;}
}



/* ------------------------------------------ */
/* 送信ボタン                                 */
/* - - - - - - - - - - - - - - - - - - - - -  */
/* Color Setting                              */
/* - - - - - - - - - - - - - - - - - - - - -  */
/* Border Color                               */
/* ------------------------------------------ */
#form_box #btn_submit .nxt_btn input{border:solid 1px #f19b9e;} /* 送信ボタン：枠線 */

/* ------------------------------------------ */
/* Background Color                           */
/* ------------------------------------------ */
#form_box #btn_submit .nxt_btn input{background:#ffffff;}       /* 送信ボタン：背景色 */

/* ------------------------------------------ */
/* Text Color                                 */
/* ------------------------------------------ */
#form_box #btn_submit .nxt_btn input{color:#231815;}            /* 送信ボタン：文字色 */

/* ------------------------------------------ */
/* Layout                                     */
/* ------------------------------------------ */
#form_box #btn_submit{margin:50px auto 0;text-align:center;}

#form_box #btn_submit .nxt_btn input{
	display:inline-block;
	width:195px;
	padding:7px 0;
	margin:0 10px 10px;
	font-size:1.05em;
	cursor:pointer;
}


/* ------------------------------------------ */
/* confirm.html                               */
/* - - - - - - - - - - - - - - - - - - - - -  */
/* Color Setting                              */
/* - - - - - - - - - - - - - - - - - - - - -  */
/* Border Color                               */
/* ------------------------------------------ */
#form_main dl dd.bg_f{border:1px solid #b5b5b6;} /* 確認画面：入力内容の枠線 */

/* ------------------------------------------ */
/* Background Color                           */
/* ------------------------------------------ */
#form_main dl dd.bg_f{background:#FFFFFF;}       /* 確認画面：入力内容の背景 */

/* ------------------------------------------ */
/* Text Color                                 */
/* ------------------------------------------ */
p.art,
p.comment{color:#f19b9e;}                        /* 確認画面：入力フォーム上部、下部にあるコメント */

/* ------------------------------------------ */
/* Layout                                     */
/* ------------------------------------------ */
p.art,
p.comment{text-align:center;}

#form_main dl dd.bg_f{
	width:500px;
	min-height:22px;
	padding:3px 5px;
	font-size:120%;
}


@media screen and (max-width:769px){
	#form_main dl dd.bg_f         {
		width:100%;
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
		        box-sizing:border-box;
	}
	#form_box #btn_submit         {width:100%;}
	#form_box #btn_submit .nxt_btn{float:none;width:100%;margin-bottom:10px;}
	#form_box #btn_submit .nxt_btn{float:none;width:100%;}
}



/* ------------------------------------------ */
/* error.html                                 */
/* - - - - - - - - - - - - - - - - - - - - -  */
/* Color Setting                              */
/* - - - - - - - - - - - - - - - - - - - - -  */
/* Text Color                                 */
/* ------------------------------------------ */
#error_page p.err{color:#f19b9e;}                  /* エラー画面：エラー項目 */

/* ------------------------------------------ */
/* Layout                                     */
/* ------------------------------------------ */
#error_page      {width:100%;margin-top:50px;font-size:130%;text-align:center;}
#error_page h3   {padding-bottom:20px;font-weight:bold;}
#error_page p    {width:100%;padding:0;margin:0;text-align:center;}
#error_page p.msg{margin-bottom:3em;}



/* ------------------------------------------ */
/* STEP                                       */
/* - - - - - - - - - - - - - - - - - - - - -  */
/* STEP部のソースはform.cssと全く同じです     */
/* - - - - - - - - - - - - - - - - - - - - -  */
/* Color Setting                              */
/* - - - - - - - - - - - - - - - - - - - - -  */
/* Border Color                               */
/* ------------------------------------------ */
ul#top_box                 {border-bottom: 1px #f19b9e solid;}/* STEP下のライン */

@media screen and (max-width:999px) {                         /* STEP2両端のライン(TB/SP) */
	ul#top_box li:nth-child(2) {
		border-right:solid 1px #ffffff;
		border-left :solid 1px #ffffff;
	}
}

/* ------------------------------------------ */
/* Background Color                           */
/* ------------------------------------------ */
ul#top_box li              {
	background-image:url(../img/step_bg.jpg);
}													   /* STEP 背景色 */
ul#top_box li.on           {
	background-color:#f19b9e;
	background-image:none;
}													   /* STEP 背景色（現在地） */
ul#top_box li span.css3    {background-color:#f19b9e;} /* STEP 円形 背景色 */
ul#top_box li.on span.css3 {background-color:#ffffff;} /* STEP 背景色（現在地） */

/* ------------------------------------------ */
/* Text Color                                 */
/* ------------------------------------------ */
ul#top_box li              {/*color:#;*/}        /* STEPテキスト */
ul#top_box li.on           {color:#ffffff;}      /* STEPテキスト（現在地） */
ul#top_box li span.css3    {color:#ffffff;}      /* STEP 円形 テキスト */
ul#top_box li.on span.css3 {color:#f19b9e;}      /* STEP 円形 テキスト（現在地） */


/* ------------------------------------------ */
/* Layout                                     */
/* ------------------------------------------ */
ul#top_box {
	display:block;
	margin-bottom:50px;
	padding:0 0 1px;
	overflow:hidden;
	list-style:none;
}

ul#top_box li {
	float:left;
	width: 34%;
	margin:1px;
	text-align:center;
	-webkit-transform:skew(-20deg);
	   -moz-transform:skew(-20deg);
	        transform:skew(-20deg);
}

ul#top_box li:nth-child(1) {margin-left:-1%;}
ul#top_box li:nth-child(3) {margin-right:-3%;}

ul#top_box li span{
	display:inline-block;
	height:19px;margin:16px 0;
	line-height:20px;
	-webkit-transform:skew(20deg);
	   -moz-transform:skew(20deg);
        transform:skew(20deg);
}

ul#top_box li span.css3 {
	zoom: 1;
	position: relative;
	margin-right: 10px;
	padding: 1px 8px;
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	    border-radius: 15px !important;
}

ul#top_box li br {display: none;}


@media screen and (max-width:769px) {
	ul#top_box {
		margin: 0 auto 45px;
		text-align: center;
	}

	ul#top_box li:first-child ,
	ul#top_box li {
		float: left;
		width: 33.2%;
		padding: 9px 0 6px;
		margin-right:0;
		text-align: center;
		line-height:normal;
		-webkit-transform:skew(0deg);
		   -moz-transform:skew(0deg);
		        transform:skew(0deg);
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
		        box-sizing:border-box;
	}

	ul#top_box li:nth-child(1) {margin-left:0;}
	ul#top_box li:nth-child(3) {margin-right:0;}

	ul#top_box li span {
		margin:0;-webkit-transform:skew(0deg);
		   -moz-transform:skew(0deg);
		        transform:skew(0deg);
	}

	ul#top_box li span.css3 {
		margin: 0;
		-webkit-border-radius: 10px;
		   -moz-border-radius: 10px;
		        border-radius: 10px !important;
	}

	ul#top_box li span.pc_txt {display: none;}
	ul#top_box li span.sp_txt {display: block;padding-top: 5px;text-align: center;}
	ul#top_box li br          {display: block;}
}

@media screen and (max-width:569px) {ul#top_box li:first-child ,
	ul#top_box li {width:33.1%;}
}