@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;
}

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;
}

@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;
    }
}

.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: "▲";
}