@charset "UTF-8";
/* CSS Document */



@media screen and (max-width: 799px) {
	
/**page_titel**/

.main_ti img{ height:60px; }
.main_ti_02 img{ height:45px; }
.no_sp{ display:none; }

/**flow_base**/
.bg_w{ background-color:rgba(255,255,255,0.9); padding:15px; overflow:hidden; }
#flow_base{ background-repeat:no-repeat; background-position:top; overflow:hidden; padding-top:200px; margin-top:20px; }
#flow_base p{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:12px; line-height:1.8em; }
#flow_base p span{ font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; font-size:30px;}
#flow_base h3{ padding-bottom:10px;  text-align:center; }
.bg_flow_01{ background-image:url(../image/flow/ph_step_01.jpg);}
.bg_flow_02{ background-image:url(../image/flow/ph_step_02.jpg);}
.bg_flow_03{ background-image:url(../image/flow/ph_step_03.jpg);}
.bg_flow_04{ background-image:url(../image/flow/ph_step_04.jpg);}
.bg_flow_05{ background-image:url(../image/flow/ph_step_05.jpg);}
.bg_flow_06{ background-image:url(../image/flow/ph_maedori.jpg);}



/**access_data**/

#access_data{ clear:both; overflow:hidden; padding:15px; margin:0 auto; }
#access_data dl{ margin:0 auto; display:block; clear:both; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:12px; line-height:3em;  }
#access_data dt{ width:20%; float:left; display:block; padding-bottom:5px; }
#access_data dd{ width:80%; float:left; display:block; padding-bottom:5px; }
#access_data p{ display:none; }

	
	}


@media screen and (min-width: 800px) {
/**page_titel**/

#page_title ul{ clear:both; width:870px; margin:0 auto; overflow:hidden; padding:30px 0 15px 0; background:url(../image/flow/bg_next.png) center no-repeat; }
#page_title li{ float:left; }
.flow_bt{ width:142px; display:block; }


/**flow_base**/

#flow_base{ background-position:left; background-repeat:no-repeat; padding:40px 40px 40px 640px; margin-bottom:40px; overflow:hidden; }
#flow_base p{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:14px; line-height:1.8em; }
#flow_base p span{ font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; font-size:30px;}
#flow_base h3{ padding-bottom:20px;  text-align:center; }
.bg_flow_01{ background-image:url(../image/flow/ph_step_01.jpg);}
.bg_flow_02{ background-image:url(../image/flow/ph_step_02.jpg);}
.bg_flow_03{ background-image:url(../image/flow/ph_step_03.jpg);}
.bg_flow_04{ background-image:url(../image/flow/ph_step_04.jpg);}
.bg_flow_05{ background-image:url(../image/flow/ph_step_05.jpg);}
.bg_flow_06{ background-image:url(../image/flow/ph_maedori.jpg);}



/**access_data**/

#access_data{ clear:both; overflow:hidden; padding-bottom:60px; width:800px; margin:0 auto; }
#access_data dl{ width:500px; margin:0 auto; display:block; clear:both; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:14px; line-height:1.8em;  }
#access_data dt{ width:100px; float:left; display:block; }
#access_data dd{ width:400px; float:left; display:block; }
#access_data p{ padding-top:30px; overflow:hidden; clear:both; }

}