@charset:UTF-8;
/* For mobile
*/
@media only screen and (max-width: 768px) {
    #header-inner { width: 100%;}
    .content {width:100%;}
    #h_left { width:40%; margin:0;}
    #h_right { width:60%; margin:0;}
    #f_wrapper { width: 100%;}

/*
----------------
  各ページ 
--------------------
*/
    #pre_step01.content{box-sizing:border-box;}
    #pre_step01 .inner{ width:100%;}
    #pre_step01 .section {padding:20px 10px;}
    #pre_step01 .section .box_flow .flow .box {display:block;width:100% float:none; padding:5px 0 10px; margin-bottom:20px; height:100%;}
    #pre_step01 .section .box_flow .flow #step01.box { width: 100%; }
    #pre_step01 .section .box_flow .flow #step02.box { width: 100%; }
    #pre_step01 .section .box_flow .flow #step03.box { width: 100%; }
    #pre_step01 .section .box_flow .flow .arrow { display:none; }
    #pre_step01 .section .privacy a {display:block;width:100%; text-align:center; float:none;}
    #pre_step01 .section .privacy  p {display:block; width:100%; padding:0; float:none;}
    #pre_step01 .section .privacy  p a {display:inline; }
    #pre_step01 .section .box_input input[type=text] {width:100%; box-sizing:border-box; padding:2px 4px;}
    #pre_step01 .section .box_input ul li {display:block;width:100%; margin:0 0 10px;}
    #pre_step01 .section .box_input ul li label {width:100%;position:relative; display:block; padding:4px 2px;}
    #pre_step01 .section .box_input ul li .fields {padding:4px 2px; border:none; width:100%; display:block;}
    #pre_step01 .section .box_input ul li .fields .form_required {position:absolute;}
    #pre_step01 .section .box_input ul li .fields .option{ margin:0 0 4px; width:100%;}
    #pre_step01 .section .box_agree .ok {text-align:left;}
    #pre_step01 .section .btn_w300 {width:100%;}

    #pre_step01_confirm.content{box-sizing:border-box;}
    #pre_step01_confirm .inner{ width:100%; margin:0 auto;}
    #pre_step01_confirm .section{ padding: 20px 10px; }
    #pre_step01_confirm .section .box_input ul li {display:block;width:100%; margin:0 0 10px;}
    #pre_step01_confirm .section .box_input ul li label {width:100%;position:relative; display:block; padding:4px 2px;}
    #pre_step01_confirm .section .box_input ul li .field {padding:4px 2px; border:none; width:100%; display:block;}
    #pre_step01_confirm .section .btn_w300 {width:100%;}

    #pre_complete.content{box-sizing:border-box;}
    #pre_complete .inner{ width:100%; margin:0 auto;}
    #pre_complete .section{ padding: 30px 30px;}
    #pre_complete .box_notice h4 {width:100%; height:inherit;padding-left:0; background:none;}
}