#formBox h2{margin-bottom:15px;font-size:24px;color:#005fa5;font-family:'FOT-ロダン Pro B';}
#formBox .formMain{width:auto;padding:40px 15px;border-radius:15px;background:#ffffff;}

#formBox .formMain iframe{display:block;width:100%;max-width:740px;margin:0 auto;border:none;}
#page2  #formBox .formMain iframe,
#page7  #formBox .formMain iframe,
#page20 #formBox .formMain iframe,
#page23 #formBox .formMain iframe,
#page29 #formBox .formMain iframe{height:2500px;}
#page9 #formBox .formMain iframe{height:1000px;}
#page17 #formBox .formMain iframe{height:1000px;}

@media screen and (max-width:799px){
	#page2  #formBox .formMain iframe,
	#page7  #formBox .formMain iframe,
	#page20 #formBox .formMain iframe,
	#page23 #formBox .formMain iframe,
	#page29 #formBox .formMain iframe{height:3100px;}
	#page9  #formBox .formMain iframe{height:1100px;}
	#page17 #formBox .formMain iframe{height:1200px;}

}

@media screen and (max-width:649px){
	#page2 #formBox .formMain iframe,
	#page7 #formBox .formMain iframe,
	#page20 #formBox .formMain iframe,
	#page23 #formBox .formMain iframe,
	#page29 #formBox .formMain iframe{height:3200px;}
	#page9 #formBox .formMain iframe{height:1200px;}
	#page17 #formBox .formMain iframe{height:1400px;}
}

@media screen and (max-width:499px){
	#page2 #formBox .formMain iframe,
	#page7 #formBox .formMain iframe,
	#page20 #formBox .formMain iframe,
	#page23 #formBox .formMain iframe,
	#page29 #formBox .formMain iframe{height:3300px;}
}


/* ------------------------------------------ */
/* #page73 送信完了画面                       */
/* ------------------------------------------ */
#page10 #wide h2,
#page11 #wide h2,
#page18 #wide h2,
#page73 #wide h2,
#page25 #wide h2,
#page30 #wide h2{padding:40px 0 10px 45px;font-size:36px;color:#005fa5;line-height:1;font-family:'FOT-ロダン Pro B';}

#page10 #toiawase_pg,
#page11 #toiawase_pg,
#page18 #toiawase_pg,
#page73 #toiawase_pg,
#page25 #toiawase_pg,
#page30 #toiawase_pg{padding:30px 30px 50px;}

@media screen and (max-width:999px){
	#page10 #wide h2,
	#page11 #wide h2,
	#page18 #wide h2,
	#page73 #wide h2,
	#page25 #wide h2,
	#page30 #wide h2{font-size:32px;}
	#page10 #toiawase_pg,
	#page11 #toiawase_pg,
	#page18 #toiawase_pg,
	#page73 #toiawase_pg,
	#page25 #toiawase_pg,
	#page30 #toiawase_pg{padding: 20 15px;}
}


#toiawase_pg .thanks           {width:auto;padding:40px 0;}
#toiawase_pg .thanks p         {text-align: center;}
#toiawase_pg .thanks .backBtn  {width:100%;text-align:center;margin-top:20px;}
#toiawase_pg .thanks .backBtn a{display:inline-block;padding:5px 20px;background:#006cb2;border:solid 2px #ffffff;box-shadow:1px 1px 0 #006cb2,1px -1px 0 #006cb2,-1px 1px 0 #006cb2,-1px -1px 0 #006cb2;color:#ffffff;text-decoration:none;}

@media screen and (max-width:999px) {
	#toiawase_pg .thanks   {padding: 20px 0 40px;}
}

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

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

/* ------------------------------------------ */
/* Background Color                           */
/* ------------------------------------------ */
ul#top_box li              {background-color:#e3e3e9;} /* STEP 背景色 */
ul#top_box li.on           {background-color:#006cb2;} /* STEP 背景色（現在地） */
ul#top_box li span.css3    {background-color:#006cb2;} /* STEP 円形 背景色 */
ul#top_box li.on span.css3 {background-color:#ffffff;} /* STEP 円形 背景色（現在地） */

/* ------------------------------------------ */
/* Text Color                                 */
/* ------------------------------------------ */
ul#top_box li              {color:#333333;}        /* 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:#006cb2;}      /* STEP 円形 テキスト（現在地） */


/* ------------------------------------------ */
/* Layout                                     */
/* ------------------------------------------ */

ul#top_box {
	display      :block;
	min-width    :290px;
	margin-bottom:50px;
	padding      :0 0 1px;
	overflow     :hidden;
}

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

ul#top_box li                    {width       :  34%;}  /* STEP 3 */
ul#top_box.step4 li              {width       :25.6%;}  /* STEP 4 */
ul#top_box li:nth-child(1)       {margin-left :  -1%;}  /* STEP 3&4 */
ul#top_box li:nth-child(3)       {margin-right: -3%;}  /* STEP 3 */
ul#top_box.step4 li:nth-child(3) {margin-right:  1px;} /* STEP 4 */
ul#top_box.step4 li:nth-child(4) {margin-right: -3%;}  /* STEP 4 */

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:723px) {
	ul#top_box {
		margin    :0 auto 45px;
		text-align:center;
	}

	ul#top_box li:nth-child(1),
	ul#top_box li {
		width       :33.19%;
		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.step4 li:nth-child(1) ,
	ul#top_box.step4 li{width:25%;margin:0;}

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

	ul#top_box.step4 li:nth-child(3),                  /* STEP 4 */
	ul#top_box.step4 li:nth-child(4) {margin-right:0;} /* STEP 4 */

	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:522px) {
	ul#top_box li:first-child,
	ul#top_box li {width:33.1%;}
}