@charset "utf-8";

/*===============================================
● 画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
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: 517px; height: 35px; 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: 100px; height: 35px; 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: 260px; height: 35px; 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; height: 35px; 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; height: 35px; 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: 130px; height: 35px; 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: 270px; 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: 517px; height: 270px; font: 1.1em 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: 410px; height: 40px; 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: 550px; height: 40px; 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: 120px; height: 40px; 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: 180px; 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: 300px; 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: 120px; height: 40px; 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: 550px; height: 40px; font: bold 1.2em Helvetiva, Arial, sans-serif; }

div#sfm-heder { text-align: right; font-size: 12px; margin: auto; padding: 0px 15px 15px 0px; width: 590px; }
div#sfm-container { margin: auto; padding: 10px 25px; width: 600px; }
div#sfm-container .table { margin: auto; }
div#sfm-container .f-black { font-size: 23px; color: black; vertical-align: middle; }
div#sfm-container .f-black2 { font: 1.4em Helvetica, Arial, sans-serif; color: black; vertical-align: middle; }
div#sfm-container .f-black3 { font-size: 23px; color: black; vertical-align: middle; }
div#sfm-container .f-blue { font-size: 18px; color: #004BA5	; vertical-align: middle; }
/* 2016/12/16 mayama ADD */
div#sfm-container .f-blue2 { font-size: 28px; 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: 18px; color: red	; vertical-align: middle; }
div#sfm-container .f-grey { font-size: 10.5px; color: grey; vertical-align: middle; }
div#sfm-container h1 { font-size: 20px; 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: 5px 26px 5px 5px; margin: 0 0 5px 0; width: 250px; height: 40px; font: bold 1.2em Helvetiva, Arial, sans-serif; }
div#sfm-description { margin: auto; padding: 20px 20px;}

.form label { font: bold 1.4em 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 1.4em Helvetica, Arial, sans-serif; color: #333; overflow: hidden; }
.label { background: #FFCC33; padding: 5px; font: bold 13px Arial, sans-serif; position: absolute; top: 0;left: 0; }
.form .w label { padding:0; }

input[type=radio] { width: 50px; height: 50px; vertical-align: -15px; font-size: 20px; }
input[type=checkbox] { width: 50px; height: 50px; vertical-align: middle; }

input.btn_submit {
    background:url(../images/btn1_s.png);
    width:236px;
    height:68px;
    border:none;
}
input.btn_submit:hover {
  background: url(../images/btn2_s.png);
}

input.btn_reset {
    background:url(../images/btn3_s.png);
    width:236px;
    height:68px;
    border:none;
}
input.btn_reset:hover {
  background: url(../images/btn4_s.png);
}

input.btn_send {
    background:url(../images/btn5_s.png);
    width:236px;
    height:68px;
    border:none;
}
input.btn_send:hover {
  background: url(../images/btn6_s.png);
}

input.btn_back {
    background:url(../images/btn7_s.png);
    width:236px;
    height:68px;
    border:none;
}
input.btn_back:hover {
  background: url(../images/btn8_s.png);
}
/* 2015/05/13 mayama ADD End */

/* 2016/03/02 mayama ADD */
input.btn_next {
    background:url(../images/btn9_s.png);
    width:236px;
    height:68px;
    border:none;
}
input.btn_next:hover {
  background: url(../images/btn10_s.png);
}

}