/*
 CSSここから
*/

body {
    font-family: 'ipa-gothic', sans-serif !important;
}

ul, li {
    list-style: none !important;
}

footer {
    border-top: #DDDDDD 1px solid;
}

.app-body {
    background-color: #FFFFFF;
}

.bg-gray {
    background: #EEEEEE;
}

.bg-clear-blue {
    background-color: rgba(145, 180, 225, 0.2);
}

.bg-clear_red {
    background-color: rgba(225, 145, 145, 0.2);
}

.text-attention {
    color: #c41000;
}

/* レイアウト調整 */
.pl-4-half {
    padding-left: 2rem !important;
}

.text-indent-back {
    text-indent: -1.55rem;
}

.bleak-word {
    word-wrap: break-word;
}

/* ボタン系 */
.btn-outline-white {
    color: #FFFFFF;
    background-color: transparent;
    background-image: none;
    border-color: #FFFFFF;
}

.btn-thin {
    padding: .13rem .75rem;;
}

.btn-save {
    background-color: #F0AD4E;
    color: #FFFFFF;
}
.btn-save:hover {
    background-color: #d89d46;
    color: #FFFFFF;
}

/* カード系 */
.card-attention {
    border: #C41000 2px solid;
    color: #c41000;
}

/* ヘッダー */
.nav-bar {
    color: #ffffff;
    padding: 0.5rem 1rem;
    white-space: nowrap;
}

.pc-w400p {
    width: 400px;
}

.nav-container {
    padding: 0 15px 0 15px;
}


/* 画面タイトル */

.title-area {
    border-bottom: #DDDDDD 1px solid;
}

.title {
    position: relative;
    padding-left: 10px;
}

.title:before {
    content: '';
    position: absolute;
    width: 7px;
    height: 27px;
    top: 2px;
    left: 0px;
    background: #3C72B1;
}

.header-lang-select {
    height: calc(1.6rem + 2px);
}

/* 個人情報の取り扱いに関する通知画面 */
.over-scroll {
    overflow-y: scroll;
}

.privacy-content {
    height: 600px;
    border: rgba(0, 0, 0, 0.5) solid 2px;
}

/*.text-indent-back-company-info {*/
    /*text-indent: -6rem;*/
    /*padding-left: 6rem !important;*/
/*}*/


/* 設問画面 */
.questionnaire-q-title, .questionnaire-q-title:hover {
    color: #212529;
    text-decoration: none;
    border-bottom: #dee2e6 solid 1px;
}

.text-indent-back-questionnaire {
    text-indent: -1rem;
}

.text-indent-back-questionnaire-caution {
    text-indent: -0.7rem;
}

.current-answer {
    font-size: .8rem;
}

@media screen and (max-width:576px) {
    /* 画面サイズが576pxからはここを読み込む */


    /* ヘッダー */
    .header-less-lang-area .form-group {
        margin: 0;
    }

    .header-lang-select {
        padding: 0;
    }

    .nav-container {
        padding: 0;
    }
    .pc-w400p {
        width: auto;
    }


    /* 共通 */
    .title {
        /* font-size: 1.3rem; */
        font-size: 18px;
    }

    .title:before {
        content: '';
        position: absolute;
        width: 7px;
        height: 24px;
        top: -2px;
        left: 0px;
        background: #3C72B1;
    }
}