@charset "UTF-8";
/***** 全体のレイアウト ******/
html, body, form, table {
  font-size: 16px;
  font-family: "游ゴシック", "Yu Gothic", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media print, screen and (min-width: 768px) {
  html, body, form, table {
    height: 100%;
  }
}

body {
  margin: 0px;
}

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

.font_ss {
  font-size: 11px;
}

.fw_bold {
  font-weight: bold !important;
}

.text_underline {
  text-decoration: underline !important;
}

.red {
  color: #FF3300;
}

/*リンク*/
a:link {
  color: #0099cc;
}
a:visited {
  color: #0066cc;
}
a:hover {
  color: #3333ff;
}
a:active {
  color: #0033ff;
}

/***** ヘッダー *****/
.header {
  width: 100%;
  background: #283593;
  color: #ffffff;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.header__cont {
  display: flex;
  width: 100%;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: baseline;
}
@media print, screen and (min-width: 768px) {
  .header__cont {
    width: 750px;
  }
}

.logout {
  flex-basis: 20%;
  text-align: right;
  padding: 3px;
}
@media print, screen and (min-width: 768px) {
  .logout {
    padding: auto;
  }
}

/***** プログレスバー（進捗状況） *****/
.p_ber {
  display: flex;
  flex-flow: row;
  width: 100%;
  justify-content: space-around;
  margin-bottom: 10px;
}
@media print, screen and (min-width: 768px) {
  .p_ber {
    flex-flow: row wrap;
    width: auto;
    align-items: baseline;
    flex-basis: 75%;
  }
}
.p_ber .col1 {
  flex-basis: 0;
}
@media print, screen and (min-width: 768px) {
  .p_ber .col1 {
    flex-basis: 40%;
  }
}
.p_ber .col2 {
  flex-basis: 30%;
}
@media print, screen and (min-width: 768px) {
  .p_ber .col2 {
    flex-basis: 13%;
    padding: 3px;
  }
}
.p_ber .col3 {
  flex-basis: 30%;
}
@media print, screen and (min-width: 768px) {
  .p_ber .col3 {
    flex-basis: 15%;
    padding: 3px;
  }
}
.p_ber .col4 {
  flex-basis: 30%;
}
@media print, screen and (min-width: 768px) {
  .p_ber .col4 {
    flex-basis: 17%;
    padding: 3px;
  }
}

.p_ber0 {
  width: 100px;
  height: 8px;
  font-size: 1px;
  border: 2px solid #ffffff;
  text-align: left;
  padding: 1px;
}
@media print, screen and (min-width: 768px) {
  .p_ber0 {
    width: auto;
    flex-basis: 100%;
    height: 100%;
  }
}

.p_ber1 {
  height: 8px;
  background-color: #ffffff;
}

/***** 題 *****/
.top_d {
  font-size: 22px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px;
  flex-basis: 100%;
}
@media print, screen and (min-width: 768px) {
  .top_d {
    margin-bottom: auto;
    flex-basis: 100%;
  }
}

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

/***** 設問 *****/
.q_box {
  display: flex;
  flex-flow: row wrap;
  width: 95%;
}
@media print, screen and (min-width: 768px) {
  .q_box {
    width: 750px;
  }
}

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

.q_num {
  flex-basis: 0%;
  padding-right: 3px;
}
@media print, screen and (min-width: 768px) {
  .q_num {
    padding-right: auto;
  }
}

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

.q_input {
  display: flex;
  flex-flow: column;
  flex-basis: 100%;
  font-size: 18px;
  padding: 5px;
}
@media print, screen and (min-width: 768px) {
  .q_input {
    flex-flow: row wrap;
    justify-content: space-around;
  }
}
.q_input .col0 {
  flex-basis: 0%;
  text-align: left;
}
.q_input .col1 {
  text-align: left;
  padding: 3px;
}
@media print, screen and (min-width: 768px) {
  .q_input .col1 {
    flex-basis: 100%;
    padding: auto;
  }
}
.q_input .col2 {
  text-align: left;
  padding: 3px;
}
@media print, screen and (min-width: 768px) {
  .q_input .col2 {
    flex-basis: 50%;
    padding: auto;
  }
}
.q_input .col3 {
  text-align: left;
  padding: 3px;
}
@media print, screen and (min-width: 768px) {
  .q_input .col3 {
    flex-basis: 33%;
    padding: auto;
  }
}

/*****ボタン *****/
.myBtn {
  --btn-bg: #283593;
  background-color: var(--btn-bg);
  color: #ffffff;
  border-style: none;
  border-radius: 5px;
  padding: 10px;
  width: 110px;
}
.myBtn:hover, .myBtn:focus {
  background-color: var(--btn-bg);
  opacity: 0.7;
}
.myBtn--secondary {
  --btn-bg: #676767;
}

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

/*****汎用的な枠 *****/
.box {
  width: 100%;
  margin: auto;
}
@media print, screen and (min-width: 768px) {
  .box {
    width: 750px;
  }
}

.box_border {
  /*太枠・文字強調あり*/
  width: 95%;
  margin: auto;
  border: 2px solid #000000;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
}
@media print, screen and (min-width: 768px) {
  .box_border {
    width: 750px;
  }
}

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

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

/****** materializeの調整 *******/
.collapsible-body {
  padding: 1rem;
  text-align: left;
}

.collapsible-header {
  text-align: left;
}

/*** カスタム ***/
.sp {
  display: none;
}

.div_006_o {
  width: 70%;
  margin-left: 40px;
  display: inline-block;
}
@media print, screen and (min-width: 768px) {
  .div_006_o {
    width: 32%;
  }
}

.div_006_d {
  width: 70%;
  margin-left: 40px;
  display: inline-block;
}
@media print, screen and (min-width: 768px) {
  .div_006_d {
    width: 32%;
    margin-left: auto;
  }
}

@media screen and (max-width: 700px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}
/*** kanri/main ***/
.kanriMenu {
  display: grid;
  grid-template-columns: 150px 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 5px;
}
.kanriMenu__description {
  display: flex;
  justify-content: left;
  align-items: center;
  text-align: left;
}

/*** kanri/lottery_setting ***/
.lotterySetGrid {
  display: block;
}
@media print, screen and (min-width: 768px) {
  .lotterySetGrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: auto;
    grid-column-gap: 10px;
    grid-row-gap: 5px;
    justify-content: center; /* グリッド全体を中央に寄せる設定 */
    align-items: center;
  }
}
.lotterySetGrid__itemBtn {
  grid-column: 1/-1;
  justify-self: end;
}

/*** kanri/img_dl ***/
.imgSearchGrid {
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 5px;
}
@media print, screen and (min-width: 768px) {
  .imgSearchGrid {
    display: grid;
    grid-template-columns: 70px 1fr;
    grid-row-gap: 5px;
    grid-column-gap: 1.2em;
  }
}
.imgSearchGrid__title {
  display: flex;
  justify-content: left;
  align-items: center;
  text-align: left;
}
.imgSearchGrid__item {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: baseline;
}
.imgSearchGrid__btnArea {
  grid-column: 1/-1;
  justify-self: end;
}

.select-dropdown.dropdown-content {
  max-height: 300px !important;
  overflow-y: auto !important;
}
@media print, screen and (min-width: 768px) {
  .select-dropdown.dropdown-content {
    max-height: 500px !important;
  }
}/*# sourceMappingURL=rs_style.css.map */