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

#formWrap {
width: auto;
height: auto;
margin: 0% 0% 0% 0px;
padding: 5% 2% 5% 220px;
background-color: #fff;
font-size: 90%;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}

table.formTable{
width: 100%;
margin: 0px 0% 0px 0px;
padding: 0px 0% 0px 0px;
border-collapse:collapse;
}
table.formTable td,table.formTable th{
border-top: 1px solid #666;
border-bottom: 0px solid #666;
border-right: 0px solid #fff;
border-left: 0px solid #fff;
padding: 30px 0px 30px 20px;
text-align:left;
}
table.formTable th{
width:30%;
font-weight: normal;
background:#eee;
text-align:left;
color: #000;
}

table.formTableII{
width: 100%;
margin: 0px 0% 0px 0px;
padding: 0px 0% 0px 0px;
border-collapse:collapse;
}
table.formTableII td,table.formTableII th{
border-top: 1px solid #666;
border-right: 0px solid #fff;
border-left: 0px solid #fff;
padding: 30px 0px 30px 20px;
text-align:left;
}
table.formTableII th{
width:30%;
font-weight: 600;
background:#ffcc00;
text-align:left;
color: #000;
}

table.formTableIII{
width: 100%;
margin: 0px 0% 50px 0px;
padding: 0px 0% 0px 0px;
border-collapse:collapse;
}
table.formTableIII td,table.formTableIII th{
border-top: 1px solid #666;
border-bottom: 1px solid #666;
padding: 30px 0px 30px 20px;
text-align:left;
}
table.formTableIII th{
width:30%;
font-weight: 600;
background:#ffcc00;
text-align:left;
color: #000;
}

@media screen and (max-width:1200px) {
#formWrap1200 {
width: auto;
height: auto;
margin: 0% 0% 0% 0px;
padding: 5% 2% 5% 220px;
background-color: #fff;
font-size: 90%;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
    
table.formTable{
width: 100%;
margin: 0px 0% 0px 0px;
padding: 0px 0% 0px 0px;
border-collapse:collapse;
}
table.formTable td,table.formTable th{
border-top: 1px solid #666;
border-bottom: 0px solid #666;
border-right: 0px solid #fff;
border-left: 0px solid #fff;
padding: 20px 0px 20px 20px;
text-align:left;
}
table.formTable th{
width:30%;
font-weight: normal;
background:#eee;
text-align:left;
color: #000;
}

table.formTableII{
width: 100%;
margin: 0px 0% 0px 0px;
padding: 0px 0% 0px 0px;
border-collapse:collapse;
}
table.formTableII td,table.formTableII th{
border-top: 1px solid #666;
border-right: 0px solid #fff;
border-left: 0px solid #fff;
padding: 20px 0px 20px 20px;
text-align:left;
}
table.formTableII th{
width:30%;
font-weight: 600;
background:#ffcc00;
text-align:left;
color: #000;
}

table.formTableIII{
width: 100%;
margin: 0px 0% 50px 0px;
padding: 0px 0% 0px 0px;
border-collapse:collapse;
}
table.formTableIII td,table.formTableIII th{
border-top: 1px solid #666;
border-bottom: 1px solid #666;
padding: 20px 0px 20px 20px;
text-align:left;
}
table.formTableIII th{
width:30%;
font-weight: 600;
background:#ffcc00;
text-align:left;
color: #000;
}}

@media screen and (max-width:1024px) {
#formWrap1024 {
width: auto;
height: auto;
margin: 0px 0% 0px 0px;
padding: 45px 2% 0px 200px;
background-color: #fff;
font-size: 80%;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
    
table.formTable{
width: 100%;
margin: 0px 0% 0px 0px;
padding: 0px 0% 0px 0px;
border-collapse:collapse;
}
table.formTable td,table.formTable th{
border-top: 1px solid #666;
border-bottom: 0px solid #666;
border-right: 0px solid #fff;
border-left: 0px solid #fff;
padding: 20px 0px 20px 20px;
text-align:left;
}
table.formTable th{
width:30%;
font-weight: normal;
background:#eee;
text-align:left;
color: #000;
}

table.formTableII{
width: 100%;
margin: 0px 0% 0px 0px;
padding: 0px 0% 0px 0px;
border-collapse:collapse;
}
table.formTableII td,table.formTableII th{
border-top: 1px solid #666;
border-right: 0px solid #fff;
border-left: 0px solid #fff;
padding: 20px 0px 20px 20px;
text-align:left;
}
table.formTableII th{
width:30%;
font-weight: 600;
background:#ffcc00;
text-align:left;
color: #000;
}

table.formTableIII{
width: 100%;
margin: 0px 0% 35px 0px;
padding: 0px 0% 0px 0px;
border-collapse:collapse;
}
table.formTableIII td,table.formTableIII th{
border-top: 1px solid #666;
border-bottom: 1px solid #666;
padding: 20px 0px 20px 20px;
text-align:left;
}
table.formTableIII th{
width:30%;
font-weight: 600;
background:#ffcc00;
text-align:left;
color: #000;
}}

@media screen and (max-width:768px) {
#formWrap768 {
width: auto;
height: auto;
margin: 0% 0% 0% 0px;
padding: 35px 2% 0px 140px;
background-color: #fff;
font-size: 60%;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
    
table.formTable{
width: 100%;
margin: 0px 0% 0px 0px;
padding: 0px 0% 0px 0px;
border-collapse:collapse;
}
table.formTable td,table.formTable th{
border-top: 1px solid #666;
border-bottom: 0px solid #666;
border-right: 0px solid #fff;
border-left: 0px solid #fff;
padding: 20px 0px 20px 20px;
text-align:left;
}
table.formTable th{
width:30%;
font-weight: normal;
background:#eee;
text-align:left;
color: #000;
}

table.formTableII{
width: 100%;
margin: 0px 0% 0px 0px;
padding: 0px 0% 0px 0px;
border-collapse:collapse;
}
table.formTableII td,table.formTableII th{
border-top: 1px solid #666;
border-right: 0px solid #fff;
border-left: 0px solid #fff;
padding: 20px 0px 20px 20px;
text-align:left;
}
table.formTableII th{
width:30%;
font-weight: 600;
background:#ffcc00;
text-align:left;
color: #000;
}

table.formTableIII{
width: 100%;
margin: 0px 0% 25px 0px;
padding: 0px 0% 0px 0px;
border-collapse:collapse;
}
table.formTableIII td,table.formTableIII th{
border-top: 1px solid #666;
border-bottom: 1px solid #666;
padding: 20px 0px 20px 20px;
text-align:left;
}
table.formTableIII th{
width:30%;
font-weight: 600;
background:#ffcc00;
text-align:left;
color: #000;
}}

/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:640px) {
#formWrap640 {
z-index: 1;
width: 100%;
height: auto;
margin: 0% 0% 0% 0px;
padding: 25px 3% 0px 3%;
background-color: rgba(255,255,255,0.0);
font-size: 56%;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
    
table.formTable{
margin: 0px 0% 0px 0px;
padding: 0px 0% 0px 0px;
border-collapse:collapse;
}
table.formTable td,table.formTable th{
border-top: 1px solid #666;
border-bottom: 0px solid #666;
border-right: 0px solid #fff;
border-left: 0px solid #fff;
padding: 15px 10px 15px 10px;
text-align:left;
}
table.formTable th{
padding: 6px 0px 6px 15px;
font-weight: normal;
background:#eee;
text-align:left;
color: #000;
}

table.formTableII{
margin: 0px 0% 0px 0px;
padding: 0px 0% 0px 0px;
border-collapse:collapse;
}
table.formTableII td,table.formTableII th{
border-top: 1px solid #666;
border-bottom: 0px solid #666;
border-right: 0px solid #fff;
border-left: 0px solid #fff;
padding: 15px 10px 15px 10px;
text-align:left;
}
table.formTableII th{
padding: 6px 0px 6px 15px;
font-weight: 600;
background:#ffcc00;
text-align:left;
color: #000;
}

table.formTableIII{
margin: 0px 0% 20px 0px;
padding: 0px 0% 0px 0px;
border-collapse:collapse;
}
table.formTableIII td,table.formTableIII th{
border-top: 1px solid #666;
border-bottom: 1px solid #666;
border-right: 0px solid #fff;
border-left: 0px solid #fff;
padding: 15px 10px 15px 10px;
text-align:left;
}
table.formTableIII th{
padding: 6px 0px 6px 15px;
font-weight: 600;
background:#ffcc00;
text-align:left;
color: #000;
}}