@charset "utf-8";

body {
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 16px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}

/*リセット*/
div{
  font-size:100%;
}

header {
    background: url(../img/header_bg.gif) repeat-x left bottom;
    display: block !important;
}

#qtHead h1{
    color: #FFFFFF;
}

a {
    transition: .2s;
}

.pc {
    display: block;
}

.sp {
    display: none;
}

button:disabled{
    opacity: .65;
}

.table {
    display: table;
}

ul.list{
  margin:0 5px;
}

ul.list li{
  list-style-type:disc;
  font-size:14px;
}

.medium-table > *{
  font-size:12px!important;
}

.table-border{
  border:1px solid #dee2e6;
  padding:5px!important;
}
.table-border-tb{
  border-top:1px solid #dee2e6;
  border-bottom:1px solid #dee2e6;
  padding:5px!important;
}
.table-border-tbr{
  border-top:1px solid #dee2e6;
  border-bottom:1px solid #dee2e6;
  border-right:1px solid #dee2e6;
  padding:5px!important;
}

.text-muted div{
  color:#6c757d !important;
}

.common_button.submit{
  height:unset!important;
  padding:5px 0;
}
.my-6{
  margin:5rem 0!important;
}

.bg-disabled{
  background-color:#b0b0b0;
}
.text-disabled *{
  color:#f8f9fa!important;
}

@media screen and (max-width: 767px) {

    body {
        font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-size: 16px;
        line-height: 1.42857143;
        color: #333;
        background-color: #fff;
    }
    
    a {
        transition: .2s;
    }

    .pc {
        display: none;
    }

    .sp {
        display: block;
    }

    #buttonArea .order1 {
        order: 1;
    }

    #buttonArea .order2 {
        order: 2;
    }

    .table-border,
    .table-border-tb
    ,.table-border-tbr{
      border:none;
      padding:5px;
    }

    .s-border{
      border:1px solid #dee2e6;
    }
}

.headerWrapper {
    text-align: center;
}

.copyRight {
    font-size: 12px;
}

img {
    vertical-align: middle;
    border: none;
    max-width: 100%;
    height: auto;
}

.error_area {
    font-weight: bold;
    color: #FF0000;
}

.required_item {
    width: 45px;
    height: 22px;
    line-height: 175%;
    font-size: 12px;
    color: white;
    text-align: center;
    border-radius: 4px;
    background: linear-gradient(to bottom, #f08080, #b22222);
    float: right;
    margin-top: -5px;
}

.required_item::before {
    content: "必須";
    vertical-align: middle;
}

.attention_checks input {
    transform:scale(1.4);
}

.common_blue_button {
    color: #fff!important;
    font-weight: 400;
    background-image: linear-gradient(to bottom,#437dd4 0,#325ec6 100%);
    background-image: -moz-linear-gradient(to bottom, #437dd4 0,#325ec6 100%)
}

.common_red_button {
    color: #fff!important;
    font-weight: 400;
    background-image: linear-gradient(to bottom,#CD4A47 0,#9B2D2A 100%);
    background-image: -moz-linear-gradient(to bottom, #CD4A47 0,#9B2D2A 100%)
}

.border-2 {
    border: 2px solid #000000;
}
.border-3 {
    border: 3px solid #000000;
}
.border-4 {
    border: 4px solid #000000;
}

.accordion>a.collapsed:before{
    content: "▼";
}

.accordion>a:before{
    content: "▲";
}