@charset "UTF-8";
.header_cont, .p_ber, .q_box, .q_title, .q_input {
  display: flex;
}

/***** 全体のレイアウト ******/
body, form, table {
  /*font-size: 16px;*/
  font-size: 14px;
  font-family: "游ゴシック","Yu Gothic","Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  height: 100%; }

body {
  margin: 0px; }

/*<<< カスタマイズ >>>*/
td{
    padding: 5px;
    border-radius: 0px;
}

/***** 文字関連 *****/
.font_s {
  font-size: 14px; }

.font_ss {
  font-size: 11px; }

.red {
  color: #FF3300; }

.white {
  color: #fff;
  font-weight: bold;
}

.black {
  color: #333333;
  font-weight: bold;
}

/***** ヘッダー *****/
.header {
  width: 100%;
  background: #283593;
  color: #ffffff;
  padding-bottom: 10px;
  margin-bottom: 10px; }

.header_cont {
  width: 900px;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: baseline; }

.logout {
  flex-basis: 20%;
  text-align: right; }

/***** プログレスバー（進捗状況） *****/
.p_ber {
  flex-flow: row wrap;
  align-items: center;/*baseline*/
  justify-content: space-around;
  flex-basis: 75%;
  margin-bottom: 10px;
}



/***** 題 *****/
.top_d {
  font-size: 22px;
  font-weight: bold;
  margin-top: 10px;
  padding: 5px;
  flex-basis: 100%; }

.top_d2 {
  width: 750px;
  font-size: 13pt;
  color: #F0F8FF;
  font-weight: bold;
  padding: 5px;
  background-color: #00008B; }

/***** 設問 *****/
.q_box {
  flex-flow: row wrap;
  /*width: 900px;*/
  width: 1000px;
}

.q_title {
  flex-flow: row;
  flex-basis: 100%;
  background: #ddd;
  color: #000;
  font-size: 14px;
  padding: 5px; }

.q_num {
  flex-basis: 10%; }

.q_str {
  flex-basis: 85%;
  text-align: left; }

.q_input {
  flex-flow: row wrap;
  flex-basis: 100%;
  font-size: 12px;
  padding: 5px;
  justify-content: space-around; }

.q_input .col0, .q_input .col1, .q_input .col2, .q_input .col3 {
  text-align: left; }

.q_input .col0 {
  flex-basis: 10%; }

.q_input .col1 {
  flex-basis: 88%; }

.q_input .col2 {
  /*1行2列*/
  flex-basis: 43%; }

.q_input .col3 {
  /*1行3列*/
  flex-basis: 28%; }

.q_input .col5{
  flex-basis: 18%;
}

/***** フッター *****/
.btn_footer {
  margin-top: 30px;
  margin-bottom: 20px; }

/*****ボタン *****/
input[type="button"], input[type="submit"] {
  background-color: #283593;
  color: #ffffff;
  border-style: none;
  border-radius: 5px;
  padding: 10px;
  width: 100px;
}

input[name="btn_out"] {
  background-color: #ffffff;
  color: #283593; }

input[type="button"]:hover, input[type="submit"]:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -moz-opacity: 0.5; }

/*****汎用的な枠 *****/
.box, .box_border {
  width: 750px;
  margin: auto; }

.box_border {
  /*太枠・文字強調あり*/
  border: 2px solid #000000;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px; }

/**** 背景色 ****/
.error {
  background-color: #f47442; }

*, *:before, *:after {
  box-sizing: unset; }


/*<<<< カスタム >>>>*/

/* ラジオボタン */
input[type="radio"]{
  width: 20px;
  height: 20px;
}

/* チェックボックスを白に */
input[type="checkbox"]{
  width: 20px;
  height: 20px;
}



/* テキスト入力白に */
input:not([type]), input[type="text"]:not(.browser-default), input[type="password"]:not(.browser-default), input[type="email"]:not(.browser-default), input[type="url"]:not(.browser-default), input[type="time"]:not(.browser-default), input[type="date"]:not(.browser-default), input[type="datetime"]:not(.browser-default), input[type="datetime-local"]:not(.browser-default), input[type="tel"]:not(.browser-default), input[type="number"]:not(.browser-default), input[type="search"]:not(.browser-default), textarea.materialize-textarea {

    background-color: #ffffff;
    border: none;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: medium;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
    outline: none;
    height: 3rem;
    width: 100%;
    font-size: 1rem;
    margin: 0 0 20px 0;
    padding: 0;
    box-shadow: none;
    box-sizing: content-box;
    transition: all 0.3s;

}

/* 数値のテキスト欄内右寄せ */
.txt_num_r{
    text-align: right;
}

/* ボタン */
.nb_btn{
  background-color: #283593;
  color: #ffffff;
  border-style: none;
  border-radius: 5px;
  padding: 10px;
  width: 110px;
}

.nb_btn:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -moz-opacity: 0.5;
}

.uls{
    list-style-type: circle;
}

.q7_1_arw_ie{
    position:absolute; top: 190px; left: 40px;
}

.q7_1_arw_nonie{
    position:absolute; top: 188px; left: 40px;
}

.q9_1_arw_chrome{
    position:relative; top: -7px; left: -40px;
}

.q9_1_arw_fox{
    position:relative; top: 50px; left: -40px;
}

.q9_1_arw_ie11{
    position:relative; top: -10px; left: -40px;
}

.q10_4_arw_chrome{
    position:relative; top: -7px; left: -40px;
}

.q10_4_arw_fox{
    position:relative; top: 50px; left: -40px;
}

.font_sa{
    font-size: 12px;
}

.spn_b{
    font-weight: bold;
}

.spn_u{
    text-decoration: underline;
}

.spn_n{
    font-weight: normal;
}

sup{
    color: #0000cc;
    text-decoration: underline;
    font-size: 14px;
}

.bgc1{
    /*background: #ffebee;*/
    background: #FFFFB3;
}

.bgc2{
    background: #FBE9E7;
}

.bgc3{
    background: #B3E5FC;
}

.bgc4{
    background: #C8E6C9;
}

.bgc5{
    background: #FCE4EC;
}

.bgc6{
    background: #F0E0C0;
}

.bgc7{
    background: #97bcb9;
}

.tr_bgc1{
    background: #ffffff;
}

.td_ta{
    text-align: center;
}

.td_checkbox{
    text-align: center;
    padding-left: 20px;
}

/* 大設問 */
.fq_title{
    /*width: 900px;*/
    width: 1000px;
    /*background: #FFF9C4;*/
    background: #FFF64D;
    text-align: left; 
    font-weight: bold;
}

.fq_title2{
    /*width: 900px;*/
    width: 1000px;
    /*background: #FFAB91;*/
    background: #ffb699;
    text-align: left; 
    font-weight: bold;
}

.fq_title3{
    /*width: 900px;*/
    width: 1000px;
    background: #64B5F6; 
    text-align: left; 
    font-weight: bold;
}

.fq_title4{
    width: 900px; 
    background: #0288D1; 
    text-align: left; 
    font-weight: bold;
    color: #ffffff;
    padding: 2px 6px;
}

.fq_title5{
    /*width: 900px;*/
    width: 1000px;
    background: #A5D6A7; 
    text-align: left; 
    font-weight: bold;
    padding: 2px 6px;
}

.fq_title6{
    /*width: 900px;*/
    width: 1000px;
    background: #43A047; 
    text-align: left; 
    font-weight: bold;
    color: #ffffff;
    padding: 2px 6px;
}

.fq_title7{
    width: 1200px; 
    background: #F8BBD0; 
    text-align: left; 
    font-weight: bold;
    padding: 2px 6px;
}

.fq_title8{
    /*width: 900px;*/
    width: 1000px;
    background: #E06080; 
    text-align: left; 
    font-weight: bold;
    color: #ffffff;
    padding: 2px 6px;
}

.fq_title9{
  /*width: 900px;*/
  width: 1000px;
  background: #84aaa7;
  text-align: left; 
  font-weight: bold;
  padding: 2px 6px;
}

.n_div{
    background-color: #CC3300;
    text-align:center;
    font-weight:bold;
    padding:0px 5px;
    color:#fff;
}

.n_div2{
    background-color: #4FC3F7;
    text-align:center;
    font-weight:bold;
    padding:0px 5px;
    color:#fff;
}

.n_div3{
    background-color: #66BB6A;
    text-align:center;
    font-weight:bold;
    padding:0px 5px;
    color:#fff;
}

.n_div4{
    background-color: #EC407A;
    text-align:center;
    font-weight:bold;
    padding:0px 5px;
    color:#fff;
}

.n_div5{
  background-color: #00897B;
  text-align:center;
  font-weight:bold;
  padding:0px 5px;
  color:#fff;
}

.q7_tda{
    border-top: 2px solid #666666;
    border-left: 2px solid #666666;
    border-right: 2px solid #666666;
}

.q7_tdb{
    border-bottom: 2px solid #666666;
    border-left: 2px solid #666666;
    border-right: 2px solid #666666;
}

.q7_3_tda{
    border-top: 2px solid #666666;
    border-left: 2px solid #666666;
    border-bottom: 2px solid #666666;
}

.q7_3_tdb{
  border-top: 2px solid #666666;
  border-bottom: 2px solid #666666;
}

.q7_3_tdc{
  border-top: 2px solid #666666;
  border-right: 2px solid #666666;
  border-bottom: 2px solid #666666;
}

.q8_1_tda{
    border-top: 2px solid #666666;
    border-left: 2px solid #666666;
    border-right: 2px solid #666666;
}

.q8_1_tdb{
    border-left: 2px solid #666666;
    border-right: 2px solid #666666;
}

.q8_1_tdc{
    border-bottom: 2px solid #666666;
    border-left: 2px solid #666666;
    border-right: 2px solid #666666;
}

.q10_1tda{
    border-top: 2px solid #999999;
    border-left: 2px solid #999999;
    border-right: 2px solid #999999;
}

.q10_1tdb{
    border-left: 2px solid #999999;
    border-right: 2px solid #999999;
}

.q10_1tdc{
    border-bottom: 2px solid #999999;
    border-left: 2px solid #999999;
    border-right: 2px solid #999999;
}

.q10_1tdd{
    border-top: 2px solid #666666;
    border-bottom: 2px solid #666666;
    border-left: 2px solid #666666;
    border-right: 2px solid #666666;
}

.q10_1gtb{
    border-top: 2px solid #666666;
    border-bottom: 2px solid #666666;
}

.q10_1gtlr{
    border-top: 2px solid #666666;
    border-left: 2px solid #666666;
    border-bottom: 2px solid #666666;
}

.q10_1gtrb{
  border-top: 2px solid #666666;
  border-right: 2px solid #666666;
  border-bottom: 2px solid #666666;
}

.q10_4_tda{
    border-top: 2px solid #666666;
    border-left: 2px solid #666666;
    border-right: 2px solid #666666;
}

.q10_4_tdb{
    border-bottom: 2px solid #666666;
    border-left: 2px solid #666666;
    border-right: 2px solid #666666;
}

.q_tbl{
   width: 100%;
   border-collapse: collapse;
}

.div_em{
    text-align:left;
    width:900px;
    color:#FF0000;
    background-color:#ffffff;
    display:none;
}

.tdx{
    padding: 0px;
}

.tbl3{
    border-collapse:collapse;
    border:#000000 1px solid;
    background: #FFFFFF;
    /*width:900px;*/
    width: 1000px;
}

.tbl3_tr3{
    background: #C5E0FA;
}

.tbl3_td0{
    background: #ffffff;
    border:#000000 1px solid;
    padding:2px;
}

.tbl3_td1{
    border:#000000 1px solid;
    padding:2px;
    line-height:110%;
}