@charset "utf-8";

/*===============================================
● 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width:768px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}
/* 2016/06/22 mayama EDT width: 580pxから変更 */
.form { padding: 20px 20px 10px; width: 580px; overflow: hidden; }
.form .input { border: 1px solid #A5C2C8; line-height: 1.2em; padding: 5px 26px 5px 5px; margin: 0 0 5px 0; width: 537px; font: bold 1.2em Helvetiva, Arial, sans-serif; }
/* 2015/05/13 mayama ADD Start */
.form .input2 { border: 1px solid #A5C2C8; line-height: 1.2em; padding: 5px 26px 5px 5px; margin: 0 0 5px 0; width: 130px; font: bold 1.2em Helvetiva, Arial, sans-serif; }
.form .input3 { border: 1px solid #A5C2C8; line-height: 1.2em; padding: 5px 26px 5px 5px; margin: 0 0 5px 0; width: 300px; height: 15px; font: bold 1.2em Helvetiva, Arial, sans-serif; }
.form .input4 { border: 1px solid #A5C2C8; line-height: 1.2em; padding: 5px 26px 5px 5px; margin: 0 0 5px 0; width: 270px; font: bold 1.2em Helvetiva, Arial, sans-serif; }
.form .input5 { border: 1px solid #A5C2C8; line-height: 1.2em; padding: 5px 26px 5px 5px; margin: 0 0 5px 0; width: 50px; font: bold 1.2em Helvetiva, Arial, sans-serif; }
/* 2015/08/19 mayama ADD */
.form .input6 { border: 1px solid #A5C2C8; line-height: 1.2em; padding: 5px 26px 5px 5px; margin: 0 0 5px 0; width: 180px; font: bold 1.2em Helvetiva, Arial, sans-serif; }
.form .input7 { border: 1px solid #A5C2C8; line-height: 1.2em; padding: 5px 26px 5px 5px; margin: 0 0 5px 0; width: 400px; font: bold 1.2em Helvetiva, Arial, sans-serif; }
/* 2016/02/16 mayama ADD */
.form .input8 { border: 1px solid #A5C2C8; line-height: 1.2em; padding: 5px 26px 5px 5px; margin: 0 0 5px 0; width: 100px; font: bold 1.2em Helvetiva, Arial, sans-serif; }
/* 2016/07/22 mayama ADD */
.form .input9 { border: 1px solid #A5C2C8; line-height: 1.2em; padding: 5px 26px 5px 5px; margin: 0 0 5px 0; width: 130px; height: 35px; font: bold 1.2em Helvetiva, Arial, sans-serif; }
/* 2017/01/24 mayama ADD */
.form .input10 { border: 1px solid #A5C2C8; line-height: 1.2em; padding: 5px 26px 5px 5px; margin: 0 0 5px 0; width: 400px; font: bold 1.2em Helvetiva, Arial, sans-serif; }
/* 2017/03/09 mayama ADD */
.form .input11 { border: 1px solid #A5C2C8; line-height: 1.2em; padding: 5px 26px 5px 5px; margin: 0 0 5px 0; width: 537px; height: 250px; font: 1.2em Helvetiva, Arial, sans-serif; }

.form .select { border: 1px solid #A5C2C8; line-height: 1.2em; padding: 2px 2px 2px 2px; margin: 0 0 5px 0; width: 430px; font: bold 1.2em Helvetiva, Arial, sans-serif; }
.form .select2 { border: 1px solid #A5C2C8; line-height: 1.2em; padding: 2px 2px 2px 2px; margin: 0 0 5px 0; width: 570px; font: bold 1.2em Helvetiva, Arial, sans-serif; }
.form .select3 { border: 1px solid #A5C2C8; line-height: 1.2em; padding: 2px 2px 2px 2px; margin: 0 0 5px 0; width: 80px; font: bold 1.2em Helvetiva, Arial, sans-serif; }
/* 2015/08/19 mayama ADD */
.form .select4 { border: 1px solid #A5C2C8; line-height: 1.2em; padding: 2px 2px 2px 2px; margin: 0 0 5px 0; width: 200px; font: bold 1.2em Helvetiva, Arial, sans-serif; }
.form .select5 { border: 1px solid #A5C2C8; line-height: 1.2em; padding: 2px 2px 2px 2px; margin: 0 0 5px 0; width: 370px; font: bold 1.2em Helvetiva, Arial, sans-serif; }
/* 2016/03/02 mayama ADD */
.form .select6 { border: 1px solid #A5C2C8; line-height: 1.2em; padding: 2px 2px 2px 2px; margin: 0 0 5px 0; width: 150px; font: bold 1.2em Helvetiva, Arial, sans-serif; }
.form .select7 { border: 1px solid #A5C2C8; line-height: 1.2em; padding: 2px 2px 2px 2px; margin: 0 0 5px 0; width: 570px; font: bold 1.2em Helvetiva, Arial, sans-serif; }

div#sfm-heder { text-align: right; font-size: 12px; margin: auto; padding: 0px 5px 10px 0px; width: 600px; }
div#sfm-container { margin: auto; padding: 10px 25px; width: 700px; }
div#sfm-container .table { margin: auto; }
div#sfm-container .f-black { font-size: 12px; color: black; vertical-align: middle; }
div#sfm-container .f-black2 { font: 1.1em Helvetica, Arial, sans-serif; color: black; vertical-align: middle; }
div#sfm-container .f-black3 { font-size: 13px; color: black; vertical-align: middle; }
div#sfm-container .f-blue { font-size: 13px; color: #004BA5	; vertical-align: middle; }
/* 2016/12/16 mayama ADD */
div#sfm-container .f-blue2 { font-size: 17px; color: #004BA5	; vertical-align: middle; }
/* 2017/01/25 mayama ADD */
div#sfm-container .f-blue3 { font: bold 1.1em Helvetica, Arial, sans-serif; color: #0077AA; vertical-align: middle; }
div#sfm-container .f-red { font-size: 13px; color: red	; vertical-align: middle; }
div#sfm-container .f-grey { font-size: 11px; color: grey; vertical-align: middle; }
div#sfm-container h1 { font-size: 16px; color: #fff; background: #004BA5; padding: 8px; border-left: 6px solid #FFEC00; margin: 0px; }
/* 2017/01/20 mayama ADD */
div#sfm-container .input-c1 { border: 1px solid #A5C2C8; line-height: 1.2em; padding: 2px 2px 2px 2px; margin: 0 0 5px 0; width: 160px; font: bold 1.2em Helvetiva, Arial, sans-serif; }
div#sfm-description { margin: auto; padding: 20px 20px;}

.form label { font: bold 1.1em Helvetica, Arial, sans-serif; color: #0077AA; padding: 0 0 0 5px;}
/* 2016/06/15 mayama EDT #D7EBEFから色変更 */
.form .w { float: left; clear: both; padding: 5px 5px 0; background: #F0F3F8; font: bold 0.8em Helvetica, Arial, sans-serif; color: #333; overflow: hidden; }
.label { background: #FFCC33; padding: 5px; font: bold 10px Arial, sans-serif; position: absolute; top: 0;left: 0; }
.form .w label { padding:0; }

input[type=radio] { width: 18px; height: 18px; vertical-align: -5px; }
input[type=checkbox] { width: 18px; height: 18px; vertical-align: middle; }

input.btn_submit {
    background:url(../images/btn1.png);
    width:230px;
    height:42px;
    border:none;
}
input.btn_submit:hover {
  background: url(../images/btn2.png);
}

input.btn_reset {
    background:url(../images/btn3.png);
    width:230px;
    height:42px;
    border:none;
}
input.btn_reset:hover {
  background: url(../images/btn4.png);
}

input.btn_send {
    background:url(../images/btn5.png);
    width:230px;
    height:42px;
    border:none;
}
input.btn_send:hover {
  background: url(../images/btn6.png);
}

input.btn_back {
    background:url(../images/btn7.png);
    width:230px;
    height:42px;
    border:none;
}
input.btn_back:hover {
  background: url(../images/btn8.png);
}
/* 2015/05/13 mayama ADD End */

/* 2016/03/02 mayama ADD */
input.btn_next {
    background:url(../images/btn9.png);
    width:230px;
    height:42px;
    border:none;
}
input.btn_next:hover {
  background: url(../images/btn10.png);
}

}