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


html, body{padding:0 0 40px 0;margin:0;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','HGMaruGothicMPRO','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
    font-size: 14px;
}

a{text-decoration: none}
.tar {text-align: right}
.tac {text-align: center}
h1 {font-size:26px; padding-bottom:0; margin-bottom:0}
h2{font-size:18px}
h3{background:#666; color:#FFF; padding:5px}
.red {color:red}
.blue {color:darkblue}
input[type="text"], input[type="email"], input[type="url"], input[type="password"]{
	
    width: 80%;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px;
}

textarea {
	
    width: 99%;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px;
}


.quest input[type="text"] {width:55%}
.w100{width:100%}

.subCont {padding-left:20px}

.alert {border:1px solid ;padding:10px; text-align: center}
.alert-warning{border-color:#fa7d82; background:#fec3c6; color:#be242a}

hr{border-top:none; border-color:#CCC}

.d-table {display:table}
.d-col {display:table-cell; padding:3px}
.d-row{ display: table-row; }

.content {width:980px; margin:auto;  }

header{text-align: center; border-bottom:1px solid #CCC; padding-bottom:5px}

.logout{background:#cc0001; text-align: right; padding:5px;}
.logout a{color:#FFF; }


.info {margin:10px 0}
.info .d-table:nth-child(1){border-top:1px solid #CCC}
.info .d-table{border:1px solid #CCC;border-top:none; width:100% }
.info .d-table .d-col {padding:10px}
.info .d-table .d-col:nth-child(1){width:20%; font-weight:bold}
.info .d-table .d-col:nth-child(2){width:8%; font-weight:bold}
.info .d-table .d-col:nth-child(3){width:2%}

h4 .d-col:nth-child(1){background:#e8e8e8; text-align: center; width:110px; vertical-align: middle}
h4 {border-bottom:1px solid #e8e8e8;}
h4 .d-col:nth-child(2){padding:5px}

.quest{padding-left:115px}
ul{margin:0;padding:0; }
.boxList li{list-style: none; display:inline-block; width:49.726%; margin-bottom:5px; vertical-align: top; text-align: left}
.boxList li input{width:auto}
.boxList.w100List li{width:100%}


.boxList ul{margin:10px 0 0 20px}
.Q1-3 li{width:24%}
.Q1-3 .d-table{width:100%}
.Q1-3 .d-table .d-col:nth-child(1){width:2%}
.Q1-5 li{width:19%}

.colorT{width:100%}
.colorT .d-row .d-col{border-bottom:1px dashed #CCC;}
.Q1-2 .boxList li:nth-last-child(1){width:100%}
.Q1-8 .boxList:nth-child(1) li{width:100%}
.Q1-8 .boxList:nth-child(2) li{width:19%}
.Q1-9 .d-col:not(:nth-child(1)), .Q2-1 .d-col:not(:nth-child(1)), .Q3-1 .d-col:not(:nth-child(1)) {text-align:center}
.Q1-9 .d-col{width:20%; vertical-align:middle}
.Q2-1 .d-col{width:33%}
.Q3-1 .d-col {width:22%}
.Q3-1 .d-col:nth-child(1) {width:12%}
.Q3-1 .d-col:nth-child(3) {border-right:1px dashed #CCC}
.Q3-1row1{width:100%; border-bottom:1px dashed #CCC}
.Q3-1row1 .d-col:not(:nth-child(1)){width:44%; text-align: center}
.Q3-1row1 .d-col:nth-child(1){width:12%}
.Q3-1row1 .d-col:nth-child(2){ border-right:1px dashed #CCC}
.Q4-4 .boxList li:not(:nth-last-child(1)), .Q4-4 .boxList li:not(:nth-last-child(2)),.Q4-4 .boxList li:not(:nth-last-child(3)){width:25%}
.Q4-4 .boxList li:nth-last-child(1), .Q4-4 .boxList li:nth-last-child(2),.Q4-4 .boxList li:nth-last-child(3){width:100%}
.Q4-4 .boxList li:nth-last-child(3) ul li{display:inline; margin-right:20px}
.Q4-6 .d-col:not(:nth-child(1)), .Q5-1 .d-col:not(:nth-child(1)){text-align: center}
.Q5-4 .boxList li:nth-last-child(1), .Q5-4 .boxList li:nth-last-child(2){width:100%}
.Q5-5 ul li:nth-child(1){width:100%}
.Q5-5 ul li:nth-child(1) .boxList li{width:50%}
.Q5-5 ul ul.boxList li:nth-last-child(1), .Q5-5 ul ul.boxList li:nth-last-child(2){width:100%}
.Q6-1 .boxList.w100List ul.w25 li{width:25%}
.Q6-1 .boxList.w100List ul.w25 li:nth-last-child(1){width:100%}

.btns_area {text-align:center;margin-top:80px}
.btns_area input{padding:10px; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','HGMaruGothicMPRO','ＭＳ Ｐゴシック','MS PGothic',sans-serif; cursor:pointer}

.pdf-link {list-style:none; margin:0;}
.pdf-link li {border:1px solid #CCC; padding:20px 10px; margin:10px; display:inline-block; width:45%}
.pdf-link li a{font-weight:bold}

.login-area {padding:60px 30px 30px 30px; margin-top:40px}
.login-area .d-table {width:100%; margin:20px 0}
.login-area .d-table .d-col:nth-child(1){width:20%;}

/*by-will*/
.field-validation-error {color:red;display:block;font-weight:bold;text-decoration:underline;font-size:14px;animation: blinker 1s linear infinite;}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}


.login_name{text-align:left;color:white;display:inline-block;float:left;}

input[type="text"], input[type="email"], input[type="url"], input[type="password"] {
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','HGMaruGothicMPRO','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
    font-size: 12px;
}
textarea{
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','HGMaruGothicMPRO','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
    font-size: 12px;
}

.Q1-8 .boxList5 li{width:19% !important}
.Q5-5 ul li:nth-child(1) .boxList li{width:48.5%;}

.Q6-1 .boxList.w100List ul.w25 li{width:24.5%}