@charset "UTF-8";

/* 源の角ゴシック(R) */
@font-face {
    font-family : 'SourceHanSansJP-Regular';
    src : url('../../font/NotoSansJP-Regular_light.woff2') format('woff2'),
url('../../font/NotoSansJP-Regular_light.woff') format('woff');
}

/* 源の角ゴシック(M) */
@font-face {
    font-family : 'SourceHanSansJP-Medium';
    src : url('../../font/NotoSansJP-Medium_light.woff2') format('woff2'),
  url('../../font/NotoSansJP-Medium_light.woff') format('woff');
}

/* 源の角ゴシック(Light) */
@font-face {
    font-family : 'SourceHanSansJP-Light';
    src : url('../../font/NotoSansJP-Light_light.woff2') format('woff2'),
  url('../../font/NotoSansJP-Light_light.woff') format('woff');
}

/* 源の角ゴシック(B) */
@font-face {
    font-family : 'SourceHanSansJP-Bold';
    src : url('../../font/NotoSansJP-Bold_light.woff2') format('woff2'),
  url('../../font/NotoSansJP-Bold_light.woff') format('woff');
}

/* Bootstrap4系に合わせる定義 */
@media (min-width: 576px) {
    .container {
        width: 540px;
        max-width: 100%;
    }
}
@media (min-width: 768px) {
    .container {
        width: 720px;
        max-width: 100%;
    }
}
@media (min-width: 992px) {
    .container {
        width: 960px;
        max-width: 100%;
    }
}

/* コンテンツエリアの親要素 */
body {
    min-width:375px;
    margin : 0;
    word-break : break-all;
}

/* コンテンツエリアの親要素 */
.root-panel {
    margin : 0 auto;
}

/* コンテンツエリアの親要素 */
.root-panel-top0 {
    margin : 0 auto;
}

/* コンテンツエリアの親要素 */
.root-panel-top24 {
    margin : 0 auto;
}

/* コンテンツエリア */
.contents-area {
    margin : 0 auto;
}

/* コンテンツエリア */
.contents-area-0 {
    margin : 0 auto;
}

/* コンテンツエリア告知 */
.contents-area-kokuchi {
    margin : 0 auto;
}

/* Q&Aコンテンツエリア */
.contents-area-qa {
}

/* 見出しLL */
.midashi-xl {
    font-family : 'SourceHanSansJP-Medium';
    transform : rotate(0.05deg);
    font-size : 20px;
    color : #333333;
    letter-spacing : 0;
}

/* 見出しL */
.midashi-l {
    font-family : 'SourceHanSansJP-Bold';
    text-shadow : 0 0 0.1px rgba(0,0,0,0.5);
    font-size : 18px;
    color : #333333;
    letter-spacing : 0;
}

/* 見出しM */
.midashi-m {
    font-family : 'SourceHanSansJP-Bold';
    font-size : 15px;
    color : #333333;
    letter-spacing : 0;
    line-height : 16px;
}

/* 見出しM（白文字） */
.midashi-m-shiro {
    font-family : 'SourceHanSansJP-Bold';
    font-size : 15px;
    color : #FFF;
    letter-spacing : 0;
    line-height : 16px;
}

/* 見出しS */
.midashi-s {
    font-family : 'SourceHanSansJP-Bold';
    font-size : 13px;
    color : #999999;
    letter-spacing : 0;
    line-height : 13px;
}

/* 項目ラベルに適用 */
.koumoku-label-gray {
    font-family : 'SourceHanSansJP-Bold';
    font-size : 15px;
    color : #876868;
    letter-spacing : 0;
    line-height : 24px;
}
/* 項目ラベルに適用 */
.koumoku-label-gray2 {
    font-family : 'SourceHanSansJP-Bold', 'Yu Gothic UI Semibold', 'メイリオ', sans-serif;
    font-size : 15px;
    color : #999999;
    letter-spacing : 0;
    line-height : 24px;
}


/* 項目値(標準) */
.koumoku-value-m {
    font-family : 'SourceHanSansJP-Medium', 'Yu Gothic UI Semibold', 'メイリオ', sans-serif;
    font-size : 20px;
    color : #333333;
    letter-spacing : 0;
    line-height : 20px;
}

/* 項目値(小)振り仮名に適用 */
.koumoku-value-s {
    font-family : 'SourceHanSansJP-Medium', 'Yu Gothic UI Semibold', 'メイリオ', sans-serif;
    font-size : 14px;
    color : #333333;
    letter-spacing : 0;
    line-height : 16px;
}

/* 項目値(小)振り仮名に適用 */
.koumoku-value-s-high {
    font-family : 'SourceHanSansJP-Medium', 'Yu Gothic UI Semibold', 'メイリオ', sans-serif;
    font-size : 14px;
    color : #333333;
    letter-spacing : 0;
    line-height : 50px;
}

/* 本文（標準） */
.honbun-normal {
    font-family : 'SourceHanSansJP-Medium', 'Yu Gothic UI Semibold', 'メイリオ', sans-serif;
    font-size : 15px;
    color : #333333;
    letter-spacing : 0;
    line-height : 22px;
}

/* 本文（標準）はいいいえボタンと横並びのときに */
.honbun-normal-lineheight-button {
    font-family : 'SourceHanSansJP-Medium', 'Yu Gothic UI Semibold', 'メイリオ', sans-serif;
    font-size : 15px;
    color : #333333;
    letter-spacing : 0;
    line-height : 50px;
}

/* 本文（連絡事項） */
.honbun-normal-fubi {
    font-family : 'SourceHanSansJP-Medium', 'Yu Gothic UI Semibold', 'メイリオ', sans-serif;
    font-size : 15px;
    color : #333333;
    letter-spacing : 0;
    line-height : 22px;
    white-space : pre-wrap;
}

/* 本文（L） */
.honbun-large {
    font-family : 'SourceHanSansJP-Medium', 'Yu Gothic UI Semibold', 'メイリオ', sans-serif;
    font-size : 18px;
    color : #333333;
    letter-spacing : 0;
    line-height : 24px;
}

/* 本文（S） */
.honbun-small {
    font-family : 'SourceHanSansJP-Medium', 'Yu Gothic UI Semibold', 'メイリオ', sans-serif;
    font-size : 13px;
    color : #333333;
    letter-spacing : 0;
    line-height : 19px;
}

/* 本文（備考） */
.honbun-biko {
    font-family : 'SourceHanSansJP-Medium', 'Yu Gothic UI Semibold', 'メイリオ', sans-serif;
    font-size : 13.5px;
    color : #333333;
    letter-spacing : 0;
    line-height : 19px;
}

/* 本文（備考）確認画面用 */
.honbun-biko-kakunin {
    font-family : 'SourceHanSansJP-Medium', 'Yu Gothic UI Semibold', 'メイリオ', sans-serif;
    font-size : 14.0px;
    color : #333333;
    letter-spacing : 0;
    line-height : 19px;
}

/* 強調 */
.honbun-kyocho {
    font-family : 'SourceHanSansJP-Bold';
    color : #E60000;
}

/* 強調（黒文字） */
.honbun-kyocho-black {
    font-family : 'SourceHanSansJP-Bold';
    font-size : 20px;
    color : #333333;
}

/* 強調（橙文字） */
.honbun-kyocho-orange {
    font-family : 'SourceHanSansJP-Bold';
    color : #FF8800;
}

/* 本文（不備回答） */
.honbun-kaitou {
    font-family : 'SourceHanSansJP-Medium', 'Yu Gothic UI Semibold', 'メイリオ', sans-serif;
    font-size : 15px;
    color : #333333;
    letter-spacing : 0;
}

/* 必須マーク */
.hissu-mark {
    display : block;
    background : #FFFFFF;
    border : 1px solid #FF0000;
    color : #FF0000;
    font-family : 'SourceHanSansJP-Bold';
    font-size : 13px;
    height : 24px;
    letter-spacing : 0;
    line-height : 22px;
    text-align : center;
    width : 38px;
}
/* 必須マーク(アイコン版) */
.hissu-icon {
    padding-left: 48px;
    height : 28px;
    display : inline-block;
    background-repeat : no-repeat;
    background-size : contain;
    background-image : url('../../icon/ic_hissu.png');
}

/* 非表示ボタン */
.button-hidden {
    position : absolute;
    clip : rect(0 0 0 0);
}

/* 非表示ボタン(フォーカス時) */
.button-hidden:focus + label {
    outline : 0;
    -webkit-box-shadow : 0 0 0 3px rgba(2, 117, 216, .25);
    box-shadow : 0 0 0 3px rgba(2, 117, 216, .25);
}

/* ボタン(小) */
.button-small {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 15px;
    letter-spacing : 0;
    line-height : 18px;
    box-shadow : 0 1px 3px 0 rgba(0,0,0,0.33);
    border-radius : 6px;
    color : #797572;
    display : table-cell;
    user-select : none;
    -moz-user-select : none;
    -webkit-user-select : none;
    -ms-user-select : none;
    unselectable : on;
    text-align : center;
    vertical-align : middle;
    margin : 0 auto;
    padding : 0 10px 0 10px;
    width : 66px;
    cursor : pointer;
    height : 32px;
}

/* ボタン(申込者情報) */
.button-shuse {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 15px;
    letter-spacing : 0;
    line-height : 18px;
    box-shadow : 0 1px 3px 0 rgba(0,0,0,0.33);
    border-radius : 6px;
    color : #333333;
    display : table-cell;
    user-select : none;
    -moz-user-select : none;
    -webkit-user-select : none;
    -ms-user-select : none;
    unselectable : on;
    text-align : center;
    vertical-align : middle;
    margin : 0 auto;
    padding : 5px 10px 6px 10px;
    width : 125px;
    height : 32px;
    cursor : pointer;
}

/* ボタン(最終確認画面_編集ボタン) */
.button-small-henshu {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 15px;
    letter-spacing : 0;
    line-height : 18px;
    box-shadow : 0 1px 3px 0 rgba(0,0,0,0.33);
    border-radius : 6px;
    color : #797572;
    display : table-cell;
    user-select : none;
    -moz-user-select : none;
    -webkit-user-select : none;
    -ms-user-select : none;
    unselectable : on;
    text-align : center;
    vertical-align : middle;
    margin : 0 auto;
    padding : 0 10px 0 10px;
    width : 95px;
    cursor : pointer;
    height : 32px;
}

/* ボタン(最終確認画面_編集ボタン小) */
.button-small-henshu-s {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 12px;
    letter-spacing : 0;
    line-height : 18px;
    border : 0.1px solid #B2B2B2;
    border-radius : 6px;
    color : #797572;
    display : table-cell;
    user-select : none;
    -moz-user-select : none;
    -webkit-user-select : none;
    -ms-user-select : none;
    unselectable : on;
    text-align : center;
    vertical-align : middle;
    margin : 0 auto;
    padding : 0 9px 0 9px;
    width : 80px;
    cursor : pointer;
    height : 24px;
}

/* ボタン（標準） */
.button-normal {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 18px;
    letter-spacing : 0;
    line-height : 18px;
    box-shadow : 0 1px 3px 0 rgba(0,0,0,0.33);
    border-radius : 6px;
    display : table-cell;
    user-select : none;
    -moz-user-select : none;
    -webkit-user-select : none;
    -ms-user-select : none;
    unselectable : on;
    text-align : center;
    vertical-align : middle;
    padding : 0 10px 0 10px;
    margin : 0 auto;
    min-width : 56px;
    cursor : pointer;
    height : 40px;
}

/* ボタン (L) */
.button-large {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 20px;
    letter-spacing : 0;
    line-height : 20px;
    box-shadow : 0 1px 3px 0 rgba(0,0,0,0.33);
    border-radius : 6px;
    display : table-cell;
    user-select : none;
    -moz-user-select : none;
    -webkit-user-select : none;
    -ms-user-select : none;
    unselectable : on;
    text-align : center;
    vertical-align : middle;
    padding : 0 10px 0 10px;
    margin : 0 auto;
    min-width : 78px;
    cursor : pointer;
    height : 48px;
}

/* ボタン (高:40、幅320) */
.button-h40w320 {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 20px;
    letter-spacing : 0;
    line-height : 20px;
    box-shadow : 0 1px 3px 0 rgba(0,0,0,0.33);
    border-radius : 6px;
    display : table-cell;
    user-select : none;
    -moz-user-select : none;
    -webkit-user-select : none;
    -ms-user-select : none;
    unselectable : on;
    text-align : center;
    vertical-align : middle;
    padding : 0 10px 0 10px;
    margin : 0 auto;
    width : 320px;
    cursor : pointer;
    height : 40px;
}

/* ボタン (幅150) */
.button-w150 {
    width : 150px;
}

/* 親要素にフィットするボタンサンプル用親要素 */
.sample-area-001 {
    background : #999999;
    border : 1px solid #333333;
    padding : 10px 10px 10px 10px;
    width : 400px;
}

/* ボタン (幅を親要素に合わせる) */
.button-match-parent {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 20px;
    letter-spacing : 0;
    line-height : 40px;
    box-shadow : 0 1px 3px 0 rgba(0,0,0,0.33);
    border-radius : 6px;
    user-select : none;
    -moz-user-select : none;
    -webkit-user-select : none;
    -ms-user-select : none;
    unselectable : on;
    text-align : center;
    vertical-align : middle;
    padding : 0 10px 0 10px;
    margin : 0 auto;
    width : 100%;
    cursor : pointer;
    height : 40px;
}

/* お申込者確認画面以前のアクションボタン */
.button-go-next-short {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 20px;
    letter-spacing : 0;
    line-height : 48px;
    border-radius : 6px;
    user-select : none;
    -moz-user-select : none;
    -webkit-user-select : none;
    -ms-user-select : none;
    unselectable : on;
    text-align : center;
    vertical-align : middle;
    padding : 0 10px 0 10px;
    margin : 0 auto;
    cursor : pointer;
    height : 48px;
}

/* お申込者確認画面以降のアクションボタン */
.button-go-next {
    font-family : 'SourceHanSansJP-Bold';
    font-size : 16px;
    letter-spacing : 0;
    line-height : 48px;
    border-radius : 6px;
    user-select : none;
    -moz-user-select : none;
    -webkit-user-select : none;
    -ms-user-select : none;
    unselectable : on;
    text-align : center;
    vertical-align : middle;
    padding : 0 10px 0 10px;
    margin : 0 auto;
    cursor : pointer;
    height : 48px;
}

/* お申込者確認画面以降のアクションボタン */
.button-add-next {
    font-family : 'SourceHanSansJP-Bold';
    font-size : 16px;
    letter-spacing : 0;
    line-height : 48px;
    border-radius : 6px;
    user-select : none;
    -moz-user-select : none;
    -webkit-user-select : none;
    -ms-user-select : none;
    unselectable : on;
    text-align : center;
    vertical-align : middle;
    padding : 0 10px 0 10px;
    margin : 0 auto;
    cursor : pointer;
    height : 48px;
    border : 1px solid #DCDCDC;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33);
    width: 300px;
    text-align: center;
}

/* お申込者確認画面以降のアクションボタン */
.button-login {
    font-family : 'SourceHanSansJP-Bold';
    font-size : 16px;
    letter-spacing : 0;
    line-height : 48px;
    border-radius : 6px;
    user-select : none;
    -moz-user-select : none;
    -webkit-user-select : none;
    -ms-user-select : none;
    unselectable : on;
    text-align : center;
    vertical-align : middle;
    padding : 0 10px 0 10px;
    margin : 0 auto;
    width : 100%;
    cursor : pointer;
    height : 48px;
}

/* 赤いボタン(通常時) */
.button-red {
    background : #E60000;
    color : #FFFFFF;
}

/* 赤いボタン(ホバー時) */
.button-red:hover {
    background : #CC0000;
}

/* 赤いボタン(クリック時) */
.button-red:active {
    box-shadow : 0 0 0 0;
}

/* 赤いボタン(非活性時) */
.button-hidden:disabled + .button-red {
    background : #E8E8E8;
    /*color : rgba(255,255,255,0.50);*/
    color :#A9A9A9;
    cursor : default;
    box-shadow : 0 0 0 0;
}

/* 青いボタン(通常時) */
.button-blue {
    background : #4169E1;
    color : #FFFFFF;
}

/* 青いボタン(ホバー時) */
.button-blue:hover {
    background : #385AC2;
}

/* 青いボタン(クリック時) */
.button-blue:active {
    box-shadow : 0 0 0 0;
}

/* 青いボタン(非活性時) */
.button-hidden:disabled + .button-blue {
    background : #B3C3F3;
    color : rgba(255,255,255,0.50);
    cursor : default;
    box-shadow : 0 0 0 0;
}

/* オレンジボタン(通常時) */
.button-orange {
    background : #FCE4D6;
    color : #FFFFFF;
}

/* オレンジボタン(ホバー時) */
.button-orange:hover {
    background : #FCE4D6;
}

/* オレンジボタン(クリック時) */
.button-orange:active {
    box-shadow : 0 0 0 0;
}

/* オレンジボタン(非活性時) */
.button-hidden:disabled + .button-orange {
    background : #FCE4D6;
    color : rgba(255,255,255,0.50);
    cursor : default;
    box-shadow : 0 0 0 0;
}

/* ダークグレイボタン(通常時) */
.button-dark-gray {
    /*background : #999999;*/
    background : #797572;
    color : #FFFFFF;
}

/* ダークグレイボタン(ホバー時) */
.button-dark-gray:hover {
    background : #7F7F7F;
}

/* ダークグレイボタン(クリック時) */
.button-dark-gray:active {
    box-shadow : 0 0 0 0;
}

/* ダークグレイボタン(非活性時) */
.button-hidden:disabled + .button-dark-gray {
    background : #D6D6D6;
    color : rgba(255,255,255,0.75);
    cursor : default;
    box-shadow : 0 0 0 0;
}

/* ライトグレイボタン(通常時) */
.button-light-gray {
    background : #DCDCDC;
    color : #333333;
}

/* ライトグレイボタン(ホバー時) */
.button-light-gray:hover {
    background : #C2C2C2;
}

/* ライトグレイボタン(クリック時) */
.button-light-gray:active {
    box-shadow : 0 0 0 0;
}

/* ライトグレイボタン(非活性時) */
.button-hidden:disabled + .button-light-gray {
    background : #D6D6D6;
    color : rgba(51,51,51,0.40);
    cursor : default;
    box-shadow : 0 0 0 0;
}

/* テキスト入力エリア */
.input-text {
    background : #FFFFFF;
    border : 1px solid #CCCCCC;
    border-radius : 4px;
    margin : 8px 8px 8px 8px;
    padding : 0 8px 0 8px;
    outline : none;
    height : 44px;
    font-family : 'SourceHanSansJP-Medium', 'Yu Gothic UI Semibold', 'メイリオ', sans-serif;
    font-size : 15px;
    color : #333333;
    letter-spacing : 0;
    line-height : 22px;
}

/* テキスト入力エリア(プレースホルダ:IE 10+) */
.input-text:placeholder-shown {
    color : #B5B5B5;
}

/* テキスト入力エリア(プレースホルダ:IE 10+) */
.input-text:-ms-input-placeholder {
    color : #B5B5B5;
}

/* テキスト入力エリア(プレースホルダ:Chrome、Safari、Opera 15+、Android、ios) */
.input-text::-webkit-input-placeholder {
    color : #B5B5B5;
}

/* テキスト入力エリア(プレースホルダ:Firefox 18-) */
.input-text:-moz-placeholder {
    color : #B5B5B5;
}

/* テキスト入力エリア(プレースホルダ:Firefox 19+) */
.input-text::-moz-placeholder {
    color : #B5B5B5;
}

/* テキスト入力エリア(プレースホルダ:IE 10+) */
.modal-input-text-area:placeholder-shown {
    color : #B5B5B5;
}

/* テキスト入力エリア(プレースホルダ:IE 10+) */
.modal-input-text-area:-ms-input-placeholder {
    color : #B5B5B5;
}

/* テキスト入力エリア(プレースホルダ:Chrome、Safari、Opera 15+、Android、ios) */
.modal-input-text-area::-webkit-input-placeholder {
    color : #B5B5B5;
}

/* テキスト入力エリア(プレースホルダ:Firefox 18-) */
.modal-input-text-area:-moz-placeholder {
    color : #B5B5B5;
}

/* テキスト入力エリア(プレースホルダ:Firefox 19+) */
.modal-input-text-area::-moz-placeholder {
    color : #B5B5B5;
}

/* テキスト入力エリア(プレースホルダ:IE 10+) */
.modal-input-text-area-kakunin:placeholder-shown {
    color : #B5B5B5;
}

/* テキスト入力エリア(プレースホルダ:IE 10+) */
.modal-input-text-area-kakunin:-ms-input-placeholder {
    color : #B5B5B5;
}

/* テキスト入力エリア(プレースホルダ:Chrome、Safari、Opera 15+、Android、ios) */
.modal-input-text-area-kakunin::-webkit-input-placeholder {
    color : #B5B5B5;
}

/* テキスト入力エリア(プレースホルダ:Firefox 18-) */
.modal-input-text-area-kakunin:-moz-placeholder {
    color : #B5B5B5;
}

/* テキスト入力エリア(プレースホルダ:Firefox 19+) */
.modal-input-text-area-kakunin::-moz-placeholder {
    color : #B5B5B5;
}

/* テキスト入力エリア(入力中) */
.input-text:focus {
    border-color : #E60000;
}

/* テキスト入力エリア(非活性時) */
.input-text:disabled {
    background : #EFEFEF;
    border-radius : 4px;
    font-size : 15px;
    color : #999999;
}

/* テキスト入力エリア(エラー時) */
.error-tankomoku {
    background : #FDF9D8;
}

/* テキスト入力エリア(エラー時) */
.error-hikaku {
    background : #FDF9D8 !important;
}

/* エラーメッセージ（単項目） */
p.error-tankomoku {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 13px;
    color : #E60000;
    letter-spacing : 0;
    background-color : #FFFFFF;
    margin : 8px 0;
    line-height : 13px;
    text-align: left;
}

/* エラーメッセージ（比較） */
p.error-hikaku {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 13px;
    color : #E60000;
    letter-spacing : 0;
    background-color : #FFFFFF;
    margin : 8px 0;
    line-height : 13px;
    text-align: left;
}

/* セレクトボックス(IE 11-) */
.input-selectbox::-ms-expand {
    display : none;
}

/* セレクトボックス */
.input-selectbox {
    -webkit-appearance : none;
    -moz-appearance : none;
    appearance : none;
    min-width : 78px;
    height : 44px;
    font-family : 'SourceHanSansJP-Medium', 'Yu Gothic UI Semibold', 'メイリオ', sans-serif;
    font-size : 15px;
    color : #333333;
    letter-spacing : 0;
    line-height : 22px;
    background : #FFFFFF;
    border : 1px solid #CCCCCC;
    border-radius : 4px;
}

/*  */
.btn-kakomi-checkbox {
    margin : 0;
    background-color : #FDF9D8;
    border : 1px solid #CCCCCC;
    border-radius : 6px;
    padding : 7px;
    min-height : 72px;
    min-width : 280px;
    display : -webkit-flex;
    display : -moz-flex;
    display : -ms-flex;
    display : -o-flex;
    display : flex;
    transition : none;
    -o-transition : none;
    -webkit-transition : none;
    cursor : pointer;
    align-items : center;
}

/*  */
.btn-kakomi-checkbox.active {
    background-color : #FFFFFF;
}

/*  */
.btn-kakomi-checkbox > .icon-checkbox {
    position : relative;
    width : 18px;
    min-width : 18px;
    height : 18px;
    background-color : #FFFFFF;
    border : 2px solid #737373;
    border-radius : 2px;
    content : '';
    margin : 3px;
}

/*  */
.btn-kakomi-checkbox.active > .icon-checkbox {
    border-color : #E60000;
    background-color : #E60000;
}

/*  */
.btn-kakomi-checkbox > .icon-checkbox::after {
    position : absolute;
    top : -1px;
    left : 4px;
    width : 7px;
    height : 13px;
    border-right : 2px solid #FFFFFF;
    border-bottom : 2px solid #FFFFFF;
    content : '';
    opacity : 0;
    -webkit-transform : rotate(45deg);
    -ms-transform : rotate(45deg);
    transform : rotate(45deg);
}

/*  */
.btn-kakomi-checkbox.active > .icon-checkbox::after {
    opacity : 1;
}

/*  */
.btn-kakomi-checkbox > .text-checkbox {
    display : inline-block;
    word-wrap : break-word;
    white-space : normal;
    color : #333333;
    letter-spacing : 0;
    font-size : 18px;
    line-height : 24px;
    font-family : 'SourceHanSansJP-Medium';
    margin : 5px 0 5px 14px;
    text-align : left;
}

/*  */
.label-checkbox {
    margin : 0;
    background-color : #999999;
    border-color : #999999;
    border-radius : 6px;
    box-shadow : 0 1px 3px 0 rgba(0,0,0,0.33);
    padding : 7px;
    min-height : 40px;
    display : -webkit-flex;
    display : -moz-flex;
    display : -ms-flex;
    display : -o-flex;
    display : flex;
    align-items : center;
    cursor : pointer;
}

/*  */
.label-checkbox-long {
}

/*  */
.label-checkbox.active {
    background-color : #fce3e3;
    border-color : #fce3e3;
}

/*  */
.label-checkbox > .icon-checkbox {
    display : table;
    position : relative;
    width : 18px;
    height : 18px;
    background-color : #FFFFFF;
    border : 2px solid #737373;
    border-radius : 2px;
    content : '';
    margin : 3px;
}

/*  */
.label-checkbox.active > .icon-checkbox {
    border-color : #E60000;
    background-color : #E60000;
}

/*  */
.label-checkbox > .icon-checkbox::after {
    position : absolute;
    top : -1px;
    left : 4px;
    display : table;
    width : 7px;
    height : 13px;
    border-right : 2px solid #FFFFFF;
    border-bottom : 2px solid #FFFFFF;
    content : '';
    opacity : 0;
    -webkit-transform : rotate(45deg);
    -ms-transform : rotate(45deg);
    transform : rotate(45deg);
}

/*  */
.label-checkbox.active > .icon-checkbox::after {
    opacity : 1;
}

/*  */
.label-checkbox > .text-checkbox {
    display : inline-block;
    word-wrap : break-word;
    white-space : normal;
    color : #FFFFFF;
    letter-spacing : 0;
    font-size : 14px;
    line-height : 14px;
    font-family : 'SourceHanSansJP-Medium';
    margin : 5px 0 5px 4px;
    text-align : left;
}

/*  */
.label-checkbox.active > .text-checkbox {
    color : #333333;
}

/* 共通ヘッダヘルプ（タイトル表示エリア） */
.commonBodyTop-title-help {
    position : relative;
    width : 100%;
    height : 75px;
    background : #FFFFFF;
}

/* 共通ヘッダQA（タイトル表示エリア） */
.commonBodyTop-title-QA {
    position : relative;
    width : 100%;
    height : 75px;
    background : #FFFFFF;
    box-shadow : inset 0 -3px 0 0 #E60000;
}

/* 共通ヘッダ（タイトル表示エリア） */
.commonBodyTop-title {
    position : relative;
    width : 100%;
    height : 56px;
    background : #FFFFFF;
    box-shadow : inset 0 -3px 0 0 #E60000;
}

/* 共通フッター */
.commonBodyBottom {
    position : relative;
    width : 100%;
}

/* 共通ヘッダ（タイトル） */
.commonBodyTop-title-text {
    font-family : 'SourceHanSansJP-Medium';
    padding : 17px 100px 0 16px;
    letter-spacing : 0;
    line-height : 18px;
    font-size : 18px;
}

/* 共通ヘッダ（ログアウト） */
.logout {
    position : absolute;
    top : 9px;
    right : 8px;
    box-shadow : 0 1px 3px 0 rgba(0,0,0,0.33);
    border-radius : 6px;
    display : table-cell;
    user-select : none;
    -moz-user-select : none;
    -webkit-user-select : none;
    -ms-user-select : none;
    unselectable : on;
    margin : 0 auto;
    padding : 0 10px 0 10px;
    height : 36px;
    background : #E60000;
    cursor : pointer;
    color : #FFFFFF;
}

/* 共通ヘッダ（PC用ログアウトのafter要素） */
.logout:after {
    position : absolute;
    top : 10px;
    content : 'ログアウト';
    color : #FFFFFF;
    font-size : 15px;
    font-family : 'SourceHanSansJP-Medium';
    letter-spacing : 0;
    line-height : 15px;
}

/* 共通ヘッダ（よくあるご質問） */
.yokuaru-goshitsumon {
    position : absolute;
}

/* 共通ヘッダ（PC用よくあるご質問のafter要素） */
.yokuaru-goshitsumon:after {
}

/* 共通ヘッダ（SP用よくあるご質問画像） */
.img-yokuaru-goshitsumon {
}

/* 共通ヘッダ（戻る） */
.modoru {
    position : absolute;
    top : 8px;
    left : 8px;
    width : 103px;
    height : 40px;
    cursor : pointer;
    margin-bottom : 0;
}

/* 共通ヘッダ（戻る画像） */
.img-modoru {
    margin : 8px;
    width : 24px;
    height : 24px;
    display : inline-block;
    background-repeat : no-repeat;
    background-size : contain;
    background-image : url('../../icon/ic_arrow_back.png');
}

/* 共通ヘッダ（戻る文言） */
.text-modoru {
/*    position : absolute;*/
/*    top : 8px;*/
/*    left : 40px;*/
}

/* 共通ヘッダ（戻る文言のafter要素） */
.text-modoru:after {
    font-family : 'SourceHanSansJP-Medium';
    content : '戻る';
    letter-spacing : 0;
    width : 55px;
}

/* 共通ヘッダ（一時保存） */
.ichijihozon {
}

/* 共通ヘッダ（一時保存のafter要素） */
.ichijihozon:after {
    content : '一時保存';
}

/* ログイン画面のhtml要素 */
.login-html {
}

/* ログイン画面のbodyタグ */
.login-html > body {
    height : 100%;
    display : flex;
    justify-content : center;
    align-items : center;
}

/* ログイン画面のテキストボックス */
.input-text.login-input-text {
    margin : 0;
    width : 100%;
    box-sizing : border-box;
}

/* ログイン画面のボタン */
.login-button-wrap {
    margin-top : 16px;
}

/* ログイン画面のボタン */
.login-button-wrap > .button-large {
    width : 432px;
}

/* ログイン画面のコンテナ */
.login-container {
    max-width : 480px;
    width : 100%;
    background-color : #F8F8F8;
    font-family : SourceHanSansJP-Medium;
    box-sizing : border-box;
}

/* ログイン画面のロゴ */
.login-logo {
    text-align : center;
}

/* ログイン画面のロゴ */
.login-logo > img {
    width : 160px;
    height : 48px;
}

/* ログイン画面のロゴ(DA) */
.login-logo-DA {
    text-align : center;
}

/* ログイン画面のロゴ(DA) */
.login-logo-DA > img {
    width : 160px;
    height : 48px;
}

/* ログイン画面のロゴ(ED) */
.login-logo-ED {
    text-align : center;
}

/* ログイン画面のロゴ(ED) */
.login-logo-ED > img {
    width : 172px;
    height : 96px;
}

/* ログイン画面のタイトル */
.login-title-wrap {
    text-align : center;
    margin : 24px 0 48px;
}

/* ログイン画面のタイトル */
.login-title {
    font-size : 24px;
    color : #333333;
    letter-spacing : 0;
    text-align : center;
}
.login-title-sub {
    font-size : 14px;
    color : #333333;
    letter-spacing : 0;
    text-align : center;
}

/* QA画面のタイトル */
.login-title-qa {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 28px;
    color : #333333;
    letter-spacing : 0;
}

/* ログイン画面項目タイトルフォント  */
.login-col-font {
    font-size : 15px;
    font-weight : bold;
    color: #876868;
    letter-spacing : 0;
    padding-top: 16px;
}

/* ログイン画面項目「※半角英数」  */
.login-hankaku-font {
    font-size : 12px;
    color: #575757;
    letter-spacing : 0;
    padding-top: 5px;
    font-family : 'SourceHanSansJP-Medium';
}

/* ログイン画面項目 注意書き */
.login-attention-font {
    font-size : 12px;
    color: #CC0000;
    letter-spacing : 0;
    padding-top: 5px;
    padding-left:0px
}

/* ログイン画面のラベル */
.login-label {
    font-size : 14px;
    color : #333333;
    letter-spacing : 0;
    margin-bottom : 4px;
}

/* パンくずリストのステータス番号の選択中背景 */
.oval {
    display : block;
    width : 20px;
    height : 20px;
    border-radius : 20px/20px;
    margin : 0 auto;
    margin-top : 11px;
}

.oval-now {
    display : block;
    width : 25px;
    height : 25px;
    border-radius : 20px/20px;
    margin : 0 auto;
    margin-top : 11px;
}

/* パンくずリストの1ステータスの縦横幅 */
.oval-width {
    display : table-cell;
    vertical-align : middle;
}

/* パンくずリストのステータス番号の赤背景 */
.oval-red {
    background-color : #E60000;
}

/* パンくずリストのステータス番号の灰色背景 */
.oval-gray {
    background-color : #737373;
}

/* パンくずリストのステータス番号 */
.oval-text {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 13px;
    color : #FFFFFF;
    letter-spacing : 0;
    line-height : 20px;
    margin-top : 11px;
}

/* パンくずリストのステータス説明 */
.label-text {
    font-family : 'SourceHanSansJP-Medium';
    letter-spacing : 0;
    line-height : 20px;
    text-align : center;
    margin-top : 11px;
}

/* パンくずリストのステータス説明文の色(選択時) */
.label-text-color-red {
    color : #E60000;
}

/* パンくずリストのステータス説明文の色(未選択時) */
.label-text-color-black {
    color : #333333;
}

/* パンくずリスト背景の表示 */
.commonBreadcrumbTop {
    width : 100%;
    /*background : #EFEFEF;*/
}

/* パンくずリストの横幅の最小最大値 */
.commonBreadcrumb {
    min-width : 320px;
    max-width : 440px;
    margin : 0 auto;
}

/* パンくずリスト各ステータスの縦横比 */
.commonBreadcrumb-area  {
    display : table;
    table-layout : fixed;
    width : 100%;
    text-align : center;
}

/* ステータス遷移用の矢印アイコンの表示位置 */
.chevron-area {
    display : table-cell;
    vertical-align : middle;
    width : 100%;

}

/* ステータス遷移用の矢印アイコン */
.img-chevron-right {
    width : 24px;
    height : 24px;
    display : inline-block;
    background-repeat : no-repeat;
    background-size : contain;
    background-image : url('../../icon/ic_chevron_right.png');
}

/* 共通エラーメッセージ */
.cmn-error-message {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 13px;
    color : #E60000;
    letter-spacing : 0;
    line-height : 13px;
    margin-bottom : 10px;
    margin-left: 22px;
    margin-right: 26px;
}

/* 重要事項確認用タイトル */
.jusetsu-title-value {
    height : 96px;
    padding : 38px 0 38px 0;
}

/* 重要事項確認用タイトル（表示位置） */
.jusetsu-title-wrap {
    text-align : center;
}

/* 重要事項確認用タイトル（表示文言） */
.jusetsu-title {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 18px;
    color : #333333;
    letter-spacing : 0;
    line-height : 20px;
    margin : 0;
}

/* 重要事項確認用ボタン（重要事項説明書） */
.pdf-button-wrap {
}

/* 重要事項確認用ボタン（親要素の長さ） */
.match-parent {
    width : 100%;
}

/* メッセージ用wrapDivClass */
.message-wrap {
    margin : 0 auto;
    display : table;
}

/* ラジオボタン用wrapDivClass */
.radio-wrap {
}

/* 重要事項確認用wrapDivClass */
.pdf-wrap {
    margin : 0 auto;
}


/* 正しく告知用wrapDivClass */
.contents-area-5 {
    padding : 0px 32px 16px 31px;
}

/* 重要事項確認用ボタン（PDF） */
.pdf {
    user-select : none;
    -moz-user-select : none;
    -webkit-user-select : none;
    -ms-user-select : none;
    unselectable : on;
    margin : 0;
}

/* 重要事項確認用ボタン（PDF） */
.pdf.jusetsu {
    width : 100%;
    background-color:#FFF;
}

/* 商品選択用ボタン（PDF） */
.pdf.shohin {
    width : 100%;
    background-color:#FFF;
}

/* 再ログイン用ボタン（PDF） */
.pdf.relogin {
}

/* 重要事項確認用ボタン（PDF）ラジオボタン */
.pdf input[type=radio] {
    position : absolute;
    clip : rect(0 0 0 0);
}

/* 重要事項確認用ボタン（PDF）ラベル */
.pdf label {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 13px;
    letter-spacing : 0;
    /*border : 1px solid #CCCCCC;*/
    border: 1px solid #DCDCDC;
    border-radius : 8px;
    color : #333333;
    cursor : pointer;
    margin-bottom : 0;
    width : 100%;
    padding : 16px 12px 16px 64px;
}

/* 重要事項確認用ボタン（PDFアイコン） */
.img-pdf {
    display : inline-block;
    background-repeat : no-repeat;
    background-size : 32px;
    background-position : 16px 50%;
    background-image :  url('../../img/icon-PDF.svg');
}

/* セクションタイトルwrapDivに適用(赤横棒) */
.section-title-div:before {
    border : 1px solid #E60000;
    border-radius : 3px;
    background-color : #E60000;
    width : 6px;
    height : 32px;
    display : block;
    content : '';
    position : absolute;
}

/* 最終確認のセクションタイトルwrapDivに適用(黒丸) */
.saishu-kakunin-section-title-div:before {
    border-radius : 50%;
    background-color : #333333;
    width : 10px;
    height : 10px;
    display : block;
    content : '';
    position : relative;
    top : 1.3em;
    left : 0.2em;
}

/* セクションタイトル */
.section-title {
/*
    font-family : 'SourceHanSansJP-Bold';
    line-height : 32px;
    font-size : 18px;
    color : #333333;
    letter-spacing : 0;
*/
    line-height : 32px;
    font-size : 20px;
    font-family : 'SourceHanSansJP-Medium';
    color : #333333;
    letter-spacing : 0;
    padding-left : 18px;
}

/* ラジオボタン用 */
.custom-radio input[type=radio] {
    position : absolute;
    clip : rect(0 0 0 0);
}

/* ラジオボタン用(ラベルフォーカス時) */
.custom-radio input[type=radio]:focus + label {
    outline : 0;
    -webkit-box-shadow : 0 0 0 3px rgba(2, 117, 216, .25);
    box-shadow : 0 0 0 3px rgba(2, 117, 216, .25);
    border-radius : 10px;
}

/* ラジオボタン用ラベル */
.custom-radio label {
    box-sizing : border-box;
    position : relative;
    display : inline-block;
    margin : 0;
    padding : 12px 12px 12px 44px;
    vertical-align : middle;
    height : 100%;
    width : 100%;
    cursor : pointer;
}

.custom-radio-fubikaito label {
    box-sizing : border-box;
    position : relative;
    display : inline-block;
    margin : 0;
    padding : 4px 12px 4px 44px;
    vertical-align : middle;
    height : 100%;
    width : 100%;
    cursor : pointer;
}

/* ラジオボタン用ラベルのafter要素 */
.custom-radio label:after {
    position : absolute;
    top : 50%;
    left : 12px;
    display : block;
    margin-top : -10px;
    width : 20px;
    height : 20px;
    border : 2px solid #bbb;
    border-color : #999999;
    border-radius : 10px;
    content : '';
}

/* ラジオボタン用ラベルのbefore要素 */
.custom-radio label:before {
    -webkit-transition : opacity 0.2s linear;
    transition : opacity 0.2s linear;
    position : absolute;
    top : 50%;
    left : 16px;
    display : block;
    margin-top : -6px;
    width : 12px;
    height : 12px;
    border : 2px solid #bbb;
    border-radius : 50%;
    border-color : #E60000;
    background-color : #E60000;
    content : '';
    opacity : 0;
}

/* ラジオボタン用ラベルのチェックのbefore要素 */
.custom-radio input[type=radio]:checked + label:before {
    opacity : 1;
}

/* ラジオボタン用ラベルのチェックのafter要素 */
.custom-radio input[type=radio]:checked + label:after {
    border-color : #E60000;
}

/* padding上のみ10 */
.padding-top-10 {
    padding : 10px 0 0 0 !important;
}

/* padding上のみ35 */
.padding-top-35 {
    padding : 35px 0 0 0 !important;
}

/* padding左右強制0 */
.padding-left-right-0 {
    padding-left : 0 !important;
    padding-right : 0 !important;
}

.padding-top-30 {
    padding : 30px 0 0 0;
}

/* 次へボタン用 */
.button-next-wrap {
    padding-top : 16px;
    margin : 0 auto;
    display : table;
}

/* 最初の行 */
.row-first {
    border-left : 1px solid #DCDCDC;
    border-top : 1px solid #DCDCDC;
    border-right : 1px solid #DCDCDC;
    border-radius : 10px 10px 0 0;
    margin : 0 auto;
    padding : 12px 12px 12px 12px;
}

/* 最終確認画面、診断書アップロード用　最初タイトル行 */
.row-first-title-for-thumbnail {
    border-left : 1px solid #DCDCDC;
    border-top : 1px solid #DCDCDC;
    border-right : 1px solid #DCDCDC;
    border-radius : 10px 10px 0 0;
    margin : 0 auto;
    padding : 12px 12px 8px 12px;
}

/* 最終確認画面、診断書アップロード用　タイトル行(2行目以降) */
.row-title-for-thumbnail {
    border-left : 1px solid #DCDCDC;
    border-right : 1px solid #DCDCDC;
    margin : 0 auto;
    padding : 20px 12px 8px 12px;
}

/* 中間の行 */
.row-mid {
    border-left : 1px solid #DCDCDC;
    border-top : 1px solid #DCDCDC;
    border-right : 1px solid #DCDCDC;
    margin : 0 auto;
    padding : 12px 12px 12px 12px;
}

/* 最後の行 */
.row-last {
    border : 1px solid #DCDCDC;
    border-radius : 0 0 10px 10px;
    margin : 0 auto;
    padding : 12px 12px 12px 12px;
}

/* 最後の行の閉じ丸角 */
.row-last-close {
    border-left : 1px solid #DCDCDC;
    border-right : 1px solid #DCDCDC;
    border-bottom : 1px solid #DCDCDC;
    border-radius : 0 0 10px 10px;
    margin : 0 auto;
    padding : 0px 0px 10px 0px;
    position : relative;
    bottom : 7px;
}

/* 最初の行 padding-16 */
.row-first-16 {
    border-left : 1px solid #DCDCDC;
    border-top : 1px solid #DCDCDC;
    border-right : 1px solid #DCDCDC;
    border-radius : 10px 10px 0 0;
    margin : 0 auto;
    padding : 16px 16px 10px 16px;
}

/* 中間の行 padding-10-16 */
.row-mid-10-16 {
    border-left : 1px solid #DCDCDC;
    border-top : 1px solid #DCDCDC;
    border-right : 1px solid #DCDCDC;
    margin : 0 auto;
    padding : 10px 16px 10px 16px;
}

/* 最後の行 padding-16 */
.row-last-16 {
    border : 1px solid #DCDCDC;
    border-radius : 0 0 10px 10px;
    margin : 0 auto;
    padding : 10px 16px 16px 16px;
}

/* 1つのみの行 */
.row-one {
    border : 1px solid #DCDCDC;
    border-radius : 10px 10px 10px 10px;
    margin : 0 auto;
    padding : 12px 12px 12px 12px;
}

/* 1つのみの行(ボーダー2px) */
.row-one-border-2px {
    border : 2px solid #DCDCDC;
    border-radius : 10px 10px 10px 10px;
    margin : 0 auto;
    padding : 12px 12px 12px 12px;
}

/* 両サイドのみボーダー */
.row-side {
    border-left : 1px solid #DCDCDC;
    border-right : 1px solid #DCDCDC;
    margin : 0 auto;
    padding : 12px 12px 12px 12px;
}

/* 両サイドのみボーダー */
.row-side-topbottom-nopadding {
    border-left : 1px solid #DCDCDC;
    border-right : 1px solid #DCDCDC;
    margin : 0 auto;
    padding : 0 12px 0 12px;
}

/* 両サイドのみボーダー16px */
.row-side-topbottom-nopadding-16px {
    border-left : 1px solid #DCDCDC;
    border-right : 1px solid #DCDCDC;
    margin : 0 auto;
    padding : 0 16px 0 16px;
}

/* 両サイドと下のみボーダー */
.row-side-top-0-bottom-12px {
    border-left : 1px solid #DCDCDC;
    border-right : 1px solid #DCDCDC;
    margin : 0 auto;
    padding : 0 12px 12px 12px;
}

/* 両サイドのみボーダー */
.row-side-24px {
    border-left : 1px solid #DCDCDC;
    border-right : 1px solid #DCDCDC;
    margin : 0 auto;
    padding : 12px 24px 12px 24px;
}

/* 両サイドのみボーダー */
.row-side-24px-topbottom-nopadding {
    border-left : 1px solid #DCDCDC;
    border-right : 1px solid #DCDCDC;
    margin : 0 auto;
    padding : 0 24px 0 24px;
}

/* セレクトタグに利用 */
.custom-select {
    font-family : 'SourceHanSansJP-Medium', 'Yu Gothic UI Semibold', 'メイリオ', sans-serif;
    font-size : 14px;
    color : #333333;
    letter-spacing : 0;
    line-height : 22px;
    -webkit-appearance : none;
    -moz-appearance : none;
    appearance : none;
    border : 1px solid #CCCCCC;
    border-radius : 4px;
    background : url(../../icon/ic_arrow_drop_down.png) right 50% no-repeat,#FFFFFF;
    background-size : 24px, 24px;
    height : 40px;
    padding-right : 0;
    padding-bottom : 8px;
    padding-left : 3px;
}
.form-select {
    display :  initial;
}
.form-select:focus {
    box-shadow : 0 0 0 0.05rem rgb(13 110 253 / 25%);
}

/* paddingを0に設定 */
.padding-zero {
    padding : 0;
}

/* paddingを1に設定 */
.padding-1 {
    padding : 1px;
    position: relative;
    left: -10px;
}

/* 申込情報確認 タイトルwrapDiv */
.padding-top-24 {
    padding : 24px 0 0 0;
}

/* 申込情報確認 説明ラベルwrapDiv */
.padding-16-0-24-0 {
    padding : 16px 0 24px 0;
}

/* 保険内容の選択 説明ラベルwrapDiv */
.padding-16-0-12-0 {
    padding : 16px 0 12px 0;
}

/* 保険内容の選択 ペットネーム */
.pet-name {
    margin : 0px 10px 10px;
    padding : 0px 4px;
    font-size:13px;
    color:#333333;
}

/* 項目タイトルspan */
.koumoku-title-span {
    display : block;
    padding : 0 0 4px 0;
}

/* 項目タイトルspan（申込者情報） */
.koumoku-title-span-004 {
    display : block;
    padding : 0 6px 8px 6px;
}

/* 項目タイトルspan（申込者情報） */
.koumoku-title-span-004-2 {
    display : block;
    padding : 0 0px 13px 6px;
}

/* 項目タイトルspan（最終確認） */
.saishu-koumoku-title-span {
    display : block;
    padding : 0 0 8px 0;
}

/* 項目タイトルspan（回答事項） */
.koumoku-title-span-kaito {
    display : block;
    padding : 4px 0 4px 4px;
}

/* padding下のみ12 */
.padding-bottom-12 {
    padding : 0 0 12px 0;
}

/* padding下のみ8 */
.padding-bottom-8 {
    padding : 0 0 8px 0;
}


/* padding下のみ6 */
.padding-bottom-6 {
    padding : 0 0 6px 0;
}

/* padding下のみ4 */
.padding-bottom-4 {
    padding : 0 0 2px 0;
}

/* spのみpadding下11 */
.padding-bottom-11-sp {
}

/* spのみpadding下11 */
.padding-bottom-11 {
    padding : 0 0 11px 0;
}

/* 申込情報確認の氏名に適用 */
.shimei-kanji-padding {
    display : block;
    padding : 0 0 6px 0;
}

/* 1行に表示させたい要素に適用 */
.inline-block {
    display : inline-block;
}

/* 項目タイトル(2つ目以降)wrapDiv */
.margin-top-34 {
    margin : 34px 0 0 0;
}

/* pcのみmargin上34 */
.margin-top-34-pc {
}

/* padding上のみ64 */
.padding-top-64 {
    padding : 64px 0 0 0;
}

/* padding上のみ16 */
.padding-top-16 {
    padding : 16px 0 0 0;
}

/* padding上のみ16他4 */
.padding-top-16-else-4 {
    padding : 16px 4px 4px 4px;
}

/* padding上のみ18 */
.padding-top-18 {
    margin-top : 16px;
}

/* padding上のみ12 */
.padding-top-12 {
    padding : 12px 0 0 0;
}

/* padding上のみ6 */
.padding-top-6 {
    padding : 6px 0 0 0;
}

/* QAシェイプpadding */
.padding-top-shape {
    padding : 3px 30px 0 18px;
}

/* 和暦用 */
.wareki {
}

/* 和暦（年）用 */
.wareki-nen {
    padding-right : 0;
}

/* 和暦（月）用 */
.wareki-tsuki {
    padding-right : 0;
}

/* 和暦（月）用（～カ月） */
.wareki-tsuki-kagetsu {
    padding-right : 0;
}

/* 和暦（日）用 */
.wareki-hi {
    padding-right : 0;
}

/* 和暦（年）用 */
.wareki-nen > .custom-select {
    width : 65px;
}

/* 和暦（月）用 */
.wareki-tsuki > .custom-select {
    width : 50px;
}

/* 和暦（月）用（～カ月） */
.wareki-tsuki-kagetsu > .custom-select {
    width : 50px;
}

/* 和暦（日）用 */
.wareki-hi > .custom-select {
    width : 50px;
}

/* 電話番号用 */
.tel-shigai {
    min-width : 81px;
}

/* 電話番号用 */
.input-tel-shigai {
    max-width : 61px;
}

/* 電話番号用 */
.tel-shinai {
    min-width : 74px;
}

/* 電話番号用 */
.input-tel-shinai {
    max-width : 54px;
}

/* ローン種別用 */
.loantype {
}

/* 親子ローン区分用 */
.oyako-shubetsu > .custom-select {
    width : 50px;
}

/* 性別用 */
.seibetsu > .custom-select {
    width : 65px;
}

/* ローン種類用 */
.loanShurui > .custom-select {
    width : 110px;
}

/* あり・なし用 */
.umu > .custom-select {
    width : 65px;
}

/* あり・なし用 */
.nyotanpaku > .custom-select {
    width : 65px;
}

/* margin左右のみauto */
.margin-leftright-auto {
    margin-left : auto;
    margin-right : auto;
}

/* 告知事項の項目wrapdivに適用（角が丸い線） */
.softsquare-border {
    border : 1px solid #DCDCDC;
    border-radius : 10px;
    margin : 0 auto 20px auto;
    padding : 0 12px 0 12px;
}

/* 不備回答内容項目wrapdivに適用（角が丸い線） */
.softsquare-hubi-border {
    border : 1px solid #DCDCDC;
    border-radius : 10px;
    margin : 0 auto 20px auto;
    padding : 12px;
}

/* 3状態ボタン用：ラジオボタン */
.hai-iie input[type=radio] {
    position : absolute;
    clip : rect(0 0 0 0);
}

/* 3状態ボタン用：ラジオボタン(フォーカス時) */
.hai-iie input[type=radio]:focus + label {
    outline : 0;
    -webkit-box-shadow : 0 0 0 3px rgba(2, 117, 216, .25);
    box-shadow : 0 0 0 3px rgba(2, 117, 216, .25);
}

/* 3状態ボタン用：ラベル */
.hai-iie label {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 15px;
    letter-spacing : 0;
    line-height : 18px;
    /*box-shadow : 0 1px 3px 0 rgba(0,0,0,0.33);*/
    border-radius : 6px;
    display : table-cell;
    user-select : none;
    -moz-user-select : none;
    -webkit-user-select : none;
    -ms-user-select : none;
    float : left;
    cursor : pointer;
    width : 100px;
    padding : 14px 5px;
    /*font-size : 20px;*/
    font-size : 16px;
    text-align : center;
    line-height : 1;
    min-width : 132px;
    unselectable : on;
    text-align : center;
    vertical-align : middle;
    /*margin : 0 12px 10px 0;*/
    margin : 0 16px 10px 0;
    cursor : pointer;
    height : 48px;
}

/* ３状態ボタン用：非活性時 */
.hai-iie input[type=radio]:disabled + label {
    background : #D6D6D6;
    color : rgba(51,51,51,0.40);
    cursor : default;
    box-shadow : 0 0 0 0;
}

/* 3状態ボタン用：ラベル 未選択 */
.mi-sentaku label {
    /*background : #999999;*/
    background : #797572;
    color : #FFFFFF;
}

/* 3状態ボタン用：ラベル 選択後 非選択状態 */
.sentaku label {
/*
    background : #EFEFEF;
    color : #333333;
*/
    background : #E8E8E8;
    color : #b5b5b5;
}

/* 3状態ボタン用：ラベル 選択後 選択状態 */
.sentaku input[type=radio]:checked + label {
    background : #E60000;
    color : #FFFFFF;
}

/* 最終確認時の告知のはいいいえの見え方 */
.hai-iie-viewmode {
    font-family : 'SourceHanSansJP-Bold';
    font-size : 20px;
}

/* 3状態ボタン用 */
.button-yesno-wrap {
    margin : 0 auto;
    width : 300px;
    display : table;
}

/* 告知事項質問内容用（告知番号用） */
.kokuchi-index-wrap {
    margin : 12px 0 0 0;
}

/* 告知事項質問内容用-Viewモード（告知番号用） */
.kokuchi-index-wrap-view {
    margin : -3px 0 10px 0;
}

/* 告知事項質問内容用（告知本文用） */
.kokuchi-honbun-wrap {
    margin : 12px 0 24px 0;
}

/* 告知事項質問内容用（告知本文等間隔用） */
.kokuchi-honbun-tokankaku-wrap {
    margin : 12px 0 16px 0;
}

/* 下マージン2px(告知事項質問内容用（告知本文用）) */
.margin-bottom-2 {
    margin : 0 0 2px 0;
}

/* 下マージン24px(告知事項質問内容用（告知本文用）) */
.margin-bottom-24 {
    margin : 0 0 24px 0;
}

/* 告知事項質問内容用説明ラベルwrapDiv */
.padding-28-0-16-0 {
    padding : 28px 0 16px 0;
}

/* 告知事項質問内容用説明ラベルwrapDiv（最終確認用） */
.padding-9-0-28-0 {
    padding : 9px 0 28px 0;
}

/* 告知事項質問内容用説明ラベルwrapDiv（最終確認用） */
.padding-28-0-24-0 {
    padding : 28px 0 24px 0;
}

/* 告知事項傷病例タイトルのバックのパネル */
.shobyorei-background-title {
    background : #EFEFEF;
    padding : 10px 10px 12px 10px;
}

/* 告知事項傷病例のバックのパネル */
.shobyorei-background {
    background : #EFEFEF;
    padding : 0 10px 10px 10px;
}

/* 告知事項傷病例のwrapdiv */
.shobyorei-wrapdiv {
    background : #EFEFEF;
    border-right : 2px #FFFFFF solid;
    border-bottom : 2px #FFFFFF solid;
    padding : 0 10px 10px 10px;
}

/* 告知事項傷病例最終行のmargin */
.margin-shobyorei-last {
    margin : 0 auto 24px auto;
}

/* 確認依頼表示のwrapdiv */
.kakuninirai-wrapdiv {
    padding : 10px;
    border-color : #EFEFEF;
    border-width : 10px;
    border-style : solid;
    width : 100%;
}

/* ログアウト画面のタイトル（イメージ用） */
.section-title-kanryo-img-div {
    width : 100%;
    height : 48px;
    display : inline-block;
    background-repeat : no-repeat;
    background-size : 48px;
    background-position : 50% 2px;
    background-image : url('../../img/done_64px.png');
}

/* ログアウト画面のタイトルの表示位置 */
.section-title-kanryo-div {
    text-align : center;
}

/* ログアウト画面のタイトルのフォント */
.section-title-kanryo {
    font-size : 20px;
    font-family : 'SourceHanSansJP-Medium';
    color : #333333;
    letter-spacing : 0;
}

/* ログアウト画面のメッセージの表示位置 */
.section-message-div {
    text-align : center;
}

/* padding上のみ8 */
.padding-top-8 {
    padding : 8px 0 0 0;
}

/* padding上のみ22 */
.padding-top-22 {
    padding : 22px 0 0 0;
}

/* padding */
.padding-kaitou {
    padding : 5px 15px 0 15px;
}

/* 上記の申込内容を確認しましたCHKBOXのWrapDivに適用 */
.jyoki-kakunin-chk-wrap {
    margin : 0 auto;
}

/* 申込完了画面ロゴwrapDiv */
.moshikomi-kanryo-img-wrap {
    height : 60px;
}

/* span内の文字の位置 */
.vertical-align-middle {
    vertical-align : middle;
}

/* キャプチャ用warpDiv */
.captcha-img-div {
    width : 100%;
    height : 50px;
    display : inline-block;
}

/* 文字種ラベル */
.mojishu-label {
    font-size : 12px;
    color : #333333;
    display : block;
}

/* 健診書文字種ラベル */
.mojishu-label_008 {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 12px;
    color : #333333;
    display : block;
}

/* 文字種ラベル（ブロックなし） */
.mojishu-label-no-block {
    font-size : 12px;
    color : #333333;
}

/* padding上のみ32 */
.padding-top-32 {
    padding : 32px 0 0 0;
}

/* padding上のみ40 */
.padding-top-40 {
    padding : 40px 0 0 0;
}

/* ログイン画面のQ&A */
.login-q-and-a {
    vertical-align : top;
    text-align : right;
}

/* 汎用ダイアログのヘッダ部分 */
.dialog-header {
    font-family : 'SourceHanSansJP-Bold';
    font-size : 18px;
    color : #333333;
    letter-spacing : 0;
    line-height : 18px;
    border : none;
}

/* 汎用ダイアログのボディ部分 */
.dialog-body {
    font-family : 'SourceHanSansJP-Medium', 'Yu Gothic UI Semibold', 'メイリオ', sans-serif;
    font-size : 15px;
    color : #333333;
    letter-spacing : 0;
    line-height : 22px;
    background : rgba(216,216,216,0.00);
    box-shadow : inset 0 -1px 0 0 #CCCCCC;
}

/* 汎用ダイアログのフッタ部分 */
.dialog-footer {
}

/* 汎用ダイアログのフッタ部分のボタン（最初） */
.dialog-footer .two-buttons div:first-child {
}

/* 汎用ダイアログのフッタ部分のボタン（最後） */
.dialog-footer .two-buttons div:last-child {
}

/* モーダルダイアログの共通：外枠パディング */
.modal-body-panel {
    padding-top : 12px;
    padding-left : 24px;
    padding-right : 24px;
    padding-bottom : 16px;
}

/* モーダル */
.modal-panel {
    padding : 0;
}

/* モーダルの大項目 */
.modal-title-dai-koumoku {
    font-family : SourceHanSansJP-Medium;
    font-size : 20px;
    color : #333333;
    letter-spacing : 0;
}

/* モーダル内の区切り線 */
.modal-separator-line {
    border-top : 1px;
    border-color : #999999;
    border-top-style : solid;
    border-collapse : collapse;
}

/* モーダル上のボタン用 */
.button-modal-wrap {
    padding-top : 16px;
    margin : 0 auto;
    display : table;
}

/* テキスト入力エリア（モーダル用） */
.input-text-modal {
    background : #FFFFFF;
    border : 1px solid #CCCCCC;
    border-radius : 4px;
    padding : 0 8px 0 8px;
    outline : none;
    height : 40px;
    font-family : 'SourceHanSansJP-Medium', 'Yu Gothic UI Semibold', 'メイリオ', sans-serif;
    font-size : 14px;
    color : #333333;
    letter-spacing : 0;
    line-height : 22px;
}
.input-text-modal[readonly] {
    background-color : #e7e7e7;
}

/* テキスト入力エリア（モーダル用） */
.input-text-modal-004 {
    background : #FFFFFF;
    border : 1px solid #CCCCCC;
    border-radius : 4px;
    padding : 10px;
    outline : none;
    height : 40px;
    font-family : 'SourceHanSansJP-Medium', 'Yu Gothic UI Semibold', 'メイリオ', sans-serif;
    font-size : 14px;
    color : #333333;
    letter-spacing : 0;
    line-height : 22px;
}

/* テキスト入力エリア（連帯債務モーダル割合用） */
.input-text-modal-wariai {
    width : 80px;
    margin : 0 8px 0 8px;
}

/* テキスト入力エリア（連帯債務モーダル借り入れ金用） */
.input-text-modal-kariirekin {
    width : 121px;
    margin : 0 8px 0 0;
}

/* テキスト入力エリア（連帯債務モーダル借り入れ金用） */
.input-text-modal-honnin-buntangaku {
    width : 121px;
    margin : 0 8px 0 8px;
}

/* テキスト入力エリア（連帯債務モーダル債務者用） */
.input-text-modal-saimusha {
}

/* テキスト入力エリア（既加入モーダル金額用） */
.input-text-modal-hokenkingaku {
    width : 160px;
}

/* テキスト入力エリア（既加入モーダル合計金額用） */
.input-text-modal-hokenkingaku-kei {
    background : #FDF9D8 !important;
    border : 1px solid #FDF9D8;
}

/* モーダル用の行ラベル */
.row-modal-label {
    line-height : 40px;
}

/* モーダル用の行間 */
.row-modal {
    margin : 0 auto;
    padding : 12px 0 12px 0;
}

/* モーダル用の行間（最初の行） */
.row-modal-first {
    padding : 16px 0 0 0;
}

/* モーダル用の行間（債務者関係） */
.row-modal-saimusha {
    padding : 24px 0 0 0;
}

/* モーダル用の行間（割合関係） */
.row-modal-wariai {
    padding : 8px 0 0 0;
}

/* モーダル用の行間（割合関係最終行） */
.row-modal-wariai-last {
    padding : 8px 0 16px 0;
    border-bottom : 1px;
    border-color : #999999;
    border-bottom-style : solid;
}

/* padding右のみ16 */
.padding-right-16 {
    padding : 0 16px 0 0;
}

/* 債務者入力項目padding調整 */
.padding-saimusha {
    padding : 0 20px 0 0;
}

/* 割合のみ入力の場合のpadding調整 */
.padding-wariaiOnly {
    padding : 0 112px 0 0 ;
}

/* padding下のみ15 */
.padding-bottom-15 {
    padding : 0 0 15px 0;
}

/* padding下のみ16 */
.padding-bottom-16 {
    padding : 0 0 16px 0;
}

/* padding下のみ16（線つき） */
.padding-bottom-16withSepalator {
    padding : 0 0 16px 0;
    border-bottom : 1px;
    border-color : #999999;
    border-bottom-style : solid;
}

/* 途中の行（topなし） */
.row-mid-no-top-0 {
    border-left : 1px solid #DCDCDC;
    border-right : 1px solid #DCDCDC;
    margin : 0 auto;
    padding : 0 12px 0 12px;
}

/* 途中の行（topなし）16px */
.row-mid-no-top-0-16px {
    border-left : 1px solid #DCDCDC;
    border-right : 1px solid #DCDCDC;
    margin : 0 auto;
    padding : 0 16px 0 16px;
}

/* 途中の行（topなし、bottomあり） */
.row-mid-no-top-1 {
    border-left : 1px solid #DCDCDC;
    border-right : 1px solid #DCDCDC;
    border-bottom : 1px solid #DCDCDC;
    margin : 0 auto;
    padding : 12px 12px 12px 12px;
}

/* 途中の行（topなし、右寄せ） */
.row-mid-no-top-right {
    border-left : 1px solid #DCDCDC;
    border-right : 1px solid #DCDCDC;
    margin : 0 auto;
    text-align: right;
    padding : 12px 12px 12px 12px;
}

/* 途中の行（bottomなし） */
.row-mid-no-bottom {
    border-top : 1px solid #DCDCDC;
    border-left : 1px solid #DCDCDC;
    border-right : 1px solid #DCDCDC;
    margin : 0 auto;
    padding : 12px 12px 0px 12px;
}

/* 最後の行（topなし） */
.row-last-no-top {
    border-left : 1px solid #DCDCDC;
    border-right : 1px solid #DCDCDC;
    border-bottom : 1px solid #DCDCDC;
    border-radius : 0 0 10px 10px;
    margin : 0 auto;
    padding : 12px 12px 12px 12px;
}

/* 最後の行（topあり） */
.row-last-top {
    border-left : 1px solid #DCDCDC;
    border-right : 1px solid #DCDCDC;
    border-bottom : 1px solid #DCDCDC;
    border-radius : 0 0 10px 10px;
    margin : 0 auto;
    padding : 0px 12px 12px 12px;
}

/* 最終確認画面、診断書サムネイル用途中の行（topなし） */
.row-mid-no-top-for-thumbnail {
    border-left : 1px solid #DCDCDC;
    border-right : 1px solid #DCDCDC;
    margin : 0 auto;
    padding : 0 12px 0 12px;
}

/* 最終確認画面、診断書サムネイル用最後の行（topなし） */
.row-last-no-top-for-thumbnail {
    border-left : 1px solid #DCDCDC;
    border-right : 1px solid #DCDCDC;
    border-bottom : 1px solid #DCDCDC;
    border-radius : 0 0 10px 10px;
    margin : 0 auto;
    padding : 6px;
}

/* 告知詳細入力画面上部のメッセージ */
.kokuchi-shosai-message {
    background : #FFF;
    text-align:center;
    width:100%;
}

/* 告知詳細入力画面：告知詳細の見出し */
.kokuchi-midashi-shosai {
    padding : 16px 0 16px 12px;
    background : #FDF9D8;
}

/* 告知詳細入力画面：告知詳細以外の見出し */
.kokuchi-midashi {
    padding : 16px 0 0 12px;
}

/* 告知詳細入力画面：告知詳細のボタンエリア */
.kokuchi-button-erea-shosai {
    width : 100%;
    margin : 0 auto;
    padding : 16px 0 16px 12px;
    display : table;
}

/* 告知詳細入力画面：告知詳細以外のボタンエリア */
.kokuchi-button-erea {
    width : 100%;
    padding : 12px 0 16px 12px;
}

/* 告知詳細入力画面：病気選択のタイトルエリア */
.kokuchi-byoki-title-erea {
    width : 100%;
    margin : 0 auto;
    padding : 16px 0 0 12px;
    display : table;
}

/* 告知詳細入力画面：病気選択修正ボタンエリア */
.kokuchi-button-erea-byoki {
    width : 100%;
    margin : 0 auto;
    padding : 14px 12px 14px 12px;
    display : table;
}

/* 告知詳細入力画面：ボタン、必須、ステータスのセル */
.kokuchi-cell {
    margin : 0 auto;
    display : table-cell;
    vertical-align : middle;
}

/* 告知詳細入力画面：ボタン（Large） */
.kokuchi-cell.large-button {
}

/* 告知詳細入力画面：ボタン（Small） */
.kokuchi-cell.small-button {
}

/* 告知詳細入力画面：ボタン（Sakujo） */
.kokuchi-cell.sakujo-button {
    width : 80px;
    padding : 0 12px 0 16px;
}

/* 告知詳細入力画面：必須マークの配置 */
.kokuchi-cell.hissu {
    width : 38px;
    padding : 0 0 0 8px;
}

/* 告知詳細入力画面：ステータスの配置 */
.kokuchi-cell.status {
    width : 105px;
    padding : 0 0 0 16px;
}

/* 告知詳細入力画面：Noの位置 */
.kokuchi-cell.no {
    width : 12px;
}

/* 告知詳細入力画面：病名の配置 */
.kokuchi-cell.byoki {
    padding : 0 0 0 8px;
}

/* 告知詳細入力画面：病気選択修正ボタンの配置 */
.kokuchi-cell.syusei {
    text-align : center;
}

/* 告知詳細入力画面：ボタン */
.button-kokuchi {
    width : 100%;
    font-family : 'SourceHanSansJP-Medium';
    font-size : 15px;
    letter-spacing : 0;
    line-height : 17px;
    border-radius : 6px;
    user-select : none;
    -moz-user-select : none;
    -webkit-user-select : none;
    -ms-user-select : none;
    unselectable : on;
    text-align : center;
    vertical-align : middle;
    padding : 8px 0 8px 0;
    margin : 0 auto;
    cursor : pointer;
}

/* 告知詳細入力画面：病気選択修正ボタン */
.button-kokuchi-byoki {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 15px;
    letter-spacing : 0;
    line-height : 35px;
    border-radius : 6px;
    user-select : none;
    -moz-user-select : none;
    -webkit-user-select : none;
    -ms-user-select : none;
    unselectable : on;
    text-align : center;
    vertical-align : middle;
    padding : 0 10px 0 10px;
    margin : 0 auto;
    cursor : pointer;
    height : 36px;
}

/* 告知詳細入力画面：ステータス（未入力）の装飾 */
.kokuchi-cell.status > .status-mi-nyuryoku {
    font-family : 'SourceHanSansJP-Bold';
    font-size : 14px;
    letter-spacing : 0;
    line-height : 14px;
    color : #FF8800;
}

/* 告知詳細入力画面：ステータス（入力済み）の装飾 */
.kokuchi-cell.status > .status-nyuryoku-zumi {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 14px;
    line-height : 22px;
    height : 24px;
    color : #37B24D;
    display : inline-block;
    height : 24px;
    padding-left : 25px;
    background-repeat : no-repeat;
    background-position : 0 50%;
    background-size : 24px;
    background-image : url('../../icon/ic_check_circle_green.png');
}

/* 告知詳細入力画面：No、病名 */
.kokuchi-sentaku-byoki {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 20px;
    letter-spacing : 0;
    line-height : 20px;
    color : #333333;
}

/* 告知詳細入力画面：糖尿病数値 */
.kokuchi-tonyo-width {
    width : 100px;
}

/* 告知詳細入力画面：血圧値 */
.kokuchi-ketsuatsu-w70 {
    width : 70px;
}

/* padding上のみ48 */
.padding-top-48 {
    padding : 48px 0 0 0;
}

/* padding上48左18 */
.padding-top-48-0-0-18 {
    padding : 48px 0 0 18px;
}

/*  */
.moshikomi-kakunin-title-value {
    margin : 38px 0 38px 0;
    text-align : center;
}

/*  */
.moshikomi-kakunin-title-wrap {
    text-align : center;
}

/*  */
.moshikomi-kakunin-title {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 20px;
    color : #333333;
    letter-spacing : 0;
    line-height : 20px;
    margin : 0;
}

/*  */
.moshikomi-kakunin-title-small {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 18px;
    color : #333333;
    letter-spacing : 0;
    line-height : 20px;
    margin : 0;
}

/* 申込確認画面：告知詳細欄の見出し */
.moshikomi-kakunin-kokuchi-shosai-midashi {
    padding : 18px 12px 17px;
}

/* 申込確認画面：告知詳細欄の項目 */
.moshikomi-kakunin-kokuchi-shosai-komoku {
    padding : 16px 12px 14px;
}

/* 申込者情報画面金額明細 */
.kingaku-meisai-height {
}

/* 四角枠線の文字 */
.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 10rem;
}

/* マージン上だけ32px */
.margin-top-32 {
    margin-top : 32px;
}

/* マージン上だけ12px */
.margin-top-12 {
    margin-top : 12px;
}

/* モーダルダイアログの共通：×ボタンの位置等 */
label.modal-batsu-btn-label {
    display : block;
    position : relative;
    width : 24px;
    height : 24px;
}

/* モーダルダイアログの共通：×ボタンの線 */
label.modal-batsu-btn-label::before,label.modal-batsu-btn-label::after {
    display : block;
    position : absolute;
    top : 23px;
    content : '';
    width : 24px;
    border-top : 3px solid #999999;
}

/* モーダルダイアログの共通：×ボタンの線の角度１ */
.modal-batsu-btn-label::before {
    -webkit-transform : rotate(45deg);
    -ms-transform : rotate(45deg);
    transform : rotate(45deg);
}

/* モーダルダイアログの共通：×ボタンの線の角度２ */
.modal-batsu-btn-label::after {
    -webkit-transform : rotate(-45deg);
    -ms-transform : rotate(-45deg);
    transform : rotate(-45deg);
}

/* モーダルダイアログの共通：見出し（中）の文字装飾 */
.modal-title-chu-koumoku {
    font-family : SourceHanSansJP-Medium;
    font-size : 15px;
    color : #333333;
    letter-spacing : 0;
    line-height : 16px;
}

/* モーダルダイアログの共通：見出し（中）の配置 */
.modal-cell-chu-koumoku {
    display : table-cell;
    width : 100%;
}

/* モーダルダイアログの共通：必須マークの配置 */
.modal-cell-hissu {
    width : 38px;
    display : table-cell;
    padding : 0 0 0 15px;
}

/* padding上のみ8 */
.padding-top-8-only {
    padding-top : 8px;
}

/* padding上のみ4 */
.padding-top-4-only {
    padding-top : 4px;
}

/* padding上のみ */
.padding-top-2-only {
    padding-top : 2px;
}

/* padding上のみ18 */
.padding-top-18-only {
    padding-top : 18px;
}

/* padding上のみ24 */
.padding-top-24-only {
    padding-top : 24px;
}

/* padding上下12 */
.padding-top-bottom-12 {
    padding-top : 12px;
    padding-bottom : 12px;
}

/* margin上のみ8 */
.margin-top-8-only {
    margin-top : 8px;
}

/* margin下のみ16 */
.margin-bottom-16-only {
    margin-bottom : 16px;
}

/* 再ログイン画面のPDFエリア */
.pdf-panel {
    padding : 0px 16px 0px 16px;
}

/* 最終確認画面の子エリア */
.saishu-panel {
    padding : 8px 6px 0px 6px;
}


/* モーダルダイアログの共通：インプットを含むDIVの文字装飾 */
.modal-label-input {
    font-family : SourceHanSansJP-Medium;
    font-size : 15px;
    color : #333333;
    letter-spacing : 0;
    line-height : 22px;
}

/* モーダルダイアログの共通：インプットを含むDIVのインプットの装飾 */
.modal-label-input input[type=text] {
    background : #FFFFFF;
    border : 1px solid #CCCCCC;
    border-radius : 4px;
    height : 40px;
    width : 80px;
}

/* 病気詳細入力ダイアログ：項目番号のインプットの装飾 */
.modal-label-input input[type=text].input-text-modal-komoku-bango {
    width : 100px;
}

/* 上部に罫線、上下にpadding */
.block {
    border-top : 1px;
    border-color : #999999;
    border-top-style : solid;
    border-collapse : collapse;
    margin : 0;
}

/* 病気詳細入力ダイアログ：「ない場合」のチェックボックス装飾 */
.modal-btn-checkbox-none {
    margin : 0;
    border-radius : 6px;
    padding : 7px;
    font-size : 0;
    display : -webkit-flex;
    display : -moz-flex;
    display : -ms-flex;
    display : -o-flex;
    display : flex;
    align-items : center;
}

/* 病気詳細入力ダイアログ：「ない場合」のチェックボックス装飾（active時） */
.modal-btn-checkbox-none.active {
    border-radius : 6px;
}

/* 病気詳細入力ダイアログ：「ない場合」のチェックボックス装飾 */
.modal-btn-checkbox-none > .modal-checkbox-none-icon {
    display : inline-block;
    position : relative;
    width : 18px;
    height : 18px;
    background-color : #fff;
    border : 2px solid #737373;
    border-radius : 2px;
    content : '';
    margin : 3px;
}

/* 病気詳細入力ダイアログ：「ない場合」のチェックボックス装飾 */
.modal-btn-checkbox-none.active > .modal-checkbox-none-icon {
    border-color : #E60000;
    background-color : #E60000;
}

/* 病気詳細入力ダイアログ：「ない場合」のチェックボックス装飾 */
.modal-btn-checkbox-none > .modal-checkbox-none-icon::after {
    position : absolute;
    top : -1px;
    left : 4px;
    display : block;
    width : 7px;
    height : 13px;
    border-right : 2px solid #fff;
    border-bottom : 2px solid #fff;
    content : '';
    opacity : 0;
    -webkit-transform : rotate(45deg);
    -ms-transform : rotate(45deg);
    transform : rotate(45deg);
}

/* 病気詳細入力ダイアログ：「ない場合」のチェックボックス装飾 */
.modal-btn-checkbox-none.active > .modal-checkbox-none-icon::after {
    opacity : 1;
}

/* 病気詳細入力ダイアログ：「ない場合」のチェックボックス装飾 */
.modal-btn-checkbox-none > .modal-checkbox-none-text {
    display : inline-block;
    word-wrap : break-word;
    white-space : normal;
    font-family : SourceHanSansJP-Medium;
    color : #333333;
    letter-spacing : 0;
    font-size : 14px;
    line-height : 14px;
    margin : 5px 0 5px 4px;
    text-align : left;
}

/* 病気詳細入力ダイアログ：「記入例を見る」の装飾 */
.modal-show-kinyurei {
    font-family : SourceHanSansJP-Medium;
    font-size : 13px;
    color : #4169E1;
    letter-spacing : 0;
    line-height : 19px;
}

/* 病気詳細入力ダイアログ：「記入例を見る」の下矢印 */
.modal-show-acd-btn-label {
    position : absolute;
    top : -1px;
    left : 4px;
    display : block;
    width : 11px;
    height : 11px;
    border-right : 2px solid #4169E1;
    border-bottom : 2px solid #4169E1;
    content : '';
    opacity : 1;
    -webkit-transform : rotate(45deg);
    -ms-transform : rotate(45deg);
    transform : rotate(45deg);
}

/* モーダルダイアログの共通：テキストエリアの装飾 */
.modal-input-text-area {
    background : #FFFFFF;
    border : 1px solid #CCCCCC;
    border-radius : 4px;
    padding : 0 8px 0 8px;
    outline : none;
    width : 100%;
    font-family : 'SourceHanSansJP-Medium', 'Yu Gothic UI Semibold', 'メイリオ', sans-serif;
    font-size : 15px;
    color : #333333;
    letter-spacing : 0;
    line-height : 22px;
}

/* 最終確認画面：テキストエリアの装飾 */
.modal-input-text-area-kakunin {
    background : #FFFFFF;
    border : 1px solid #CCCCCC;
    border-radius : 4px;
    padding : 0 8px 0 8px;
    outline : none;
    width : 100%;
    font-family : 'SourceHanSansJP-Medium', 'Yu Gothic UI Semibold', 'メイリオ', sans-serif;
    font-size : 15px;
    color : #333333;
    letter-spacing : 0;
    line-height : 22px;
}

/* 病気詳細入力ダイアログ：「記入例」の文字装飾 */
.modal-label-kinyurei {
    font-family : SourceHanSansJP-Medium;
    font-size : 15px;
    color : #333333;
    letter-spacing : 0;
    line-height : 22px;
}

/* 病気詳細入力ダイアログ：説明文の文字装飾 */
.modal-label-setsumei {
    font-family : SourceHanSansJP-Medium;
    font-size : 15px;
    color : #333333;
    letter-spacing : 0;
    line-height : 22px;
}

/* 病気詳細入力ダイアログ：説明文の文字装飾 */
.modal-label-setsumei-l {
    font-family : SourceHanSansJP-Medium;
    font-size : 15px;
    color : #333333;
    letter-spacing : 0;
    line-height : 50px;
}

/* 病気詳細入力ダイアログ：注意文の文字装飾 */
.modal-label-chui {
    font-family : SourceHanSansJP-Medium;
    font-size : 13px;
    color : #333333;
    letter-spacing : 0;
    line-height : 19px;
}

/* 病気詳細入力ダイアログ：ラジオボタン用ラベル */
.modal-label-radio label::after {
    left : 0;
}

/* 病気詳細入力ダイアログ：ラジオボタン用ラベル */
.modal-label-radio label::before {
    left : 4px;
}

/* 病気詳細入力ダイアログ：ラジオボタン用ラベル */
.modal-label-radio label {
    padding : 0 0 0 28px;
}

/* 病気詳細入力ダイアログ：ラジオボタンの装飾 */
.modal-label-radio {
    font-family : SourceHanSansJP-Medium;
    font-size : 15px;
    color : #333333;
    letter-spacing : 0;
    line-height : 22px;
}

/* 病気詳細入力ダイアログ：独自の項目ラベル装飾 */
.modal-label-dokuji-komoku {
    font-family : SourceHanSansJP-Bold;
    font-size : 15px;
    color : #333333;
    letter-spacing : 0;
    line-height : 40px;
}

/* 病気詳細入力ダイアログ：独自の項目DIVサイズ */
.modal-dokuji-komoku {
    width : 100%;
}

/* 病気詳細入力ダイアログ：和暦項目DIVサイズ */
.modal-wareki-komoku {
    width : 100%;
    margin : 0;
}

/* 病気詳細入力ダイアログ：記入例（手術）の非表示 */
.modal-syujyutsu-kinyurei {
    display : none;
}

/* 病気詳細入力ダイアログ：記入例（症状）の非表示 */
.modal-syoujyou-kinyurei {
    display : none;
}

/* 病気詳細入力ダイアログ：「終診年月」の位置調整 */
.modal-shushin-ichi {
    left : 44px;
    padding-right : 40px;
    padding-bottom: 8px;
}

/* モーダルダイアログの共通：ボタンの中央寄せ */
.modal-button-center {
    padding-top : 32px;
    margin : 0 auto;
    display : table;
}

/* 病気詳細入力ダイアログ：ダイアログ最上位の薄い文字 */
.modal-title-top {
    font-family : 'SourceHanSansJP-Bold';
    font-size : 13px;
    font-weight : bold;
    color : #999999;
    letter-spacing : 0;
    vertical-align : top;
}

/* 病気詳細入力ダイアログ：「一時保存」ボタン */
.modal-button-ichijihozon {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 15px;
    letter-spacing : 0;
    line-height : 18px;
    box-shadow : 0 1px 3px 0 rgba(0,0,0,0.33);
    border-radius : 6px;
    display : table-cell;
    user-select : none;
    -moz-user-select : none;
    -webkit-user-select : none;
    -ms-user-select : none;
    unselectable : on;
    text-align : center;
    vertical-align : middle;
    margin : 0 auto;
    cursor : pointer;
    height : 36px;
}

/* 病気詳細入力ダイアログ：「保存して閉じる」ボタン */
.modal-button-hozon {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 18px;
    letter-spacing : 0;
    line-height : 18px;
    box-shadow : 0 1px 3px 0 rgba(0,0,0,0.33);
    border-radius : 6px;
    display : table-cell;
    user-select : none;
    -moz-user-select : none;
    -webkit-user-select : none;
    -ms-user-select : none;
    unselectable : on;
    text-align : center;
    vertical-align : middle;
    margin : 0 auto;
    width : 320px;
    cursor : pointer;
    height : 40px;
}

/* 病気詳細入力ダイアログ：和暦用 */
.modal-wareki {
    display : table;
    margin : 0;
}

/* 病気詳細入力ダイアログ：和暦（年）用 */
.modal-wareki-nen {
    display : table-cell;
    padding-right : 0;
    width : 105px;
    min-width : 105px;
}

/* 病気詳細入力ダイアログ：和暦（年）用（小） */
.modal-wareki-nen-s {
    display : table-cell;
    padding-right : 0;
    width : 84px;
    min-width : 84px;
    float: left;
}

/* 病気詳細入力ダイアログ：和暦（月）用 */
.modal-wareki-tsuki {
    display : table-cell;
    padding-right : 0;
    min-width : 82px;
}

/* 病気詳細入力ダイアログ：和暦（日）用 */
.modal-wareki-hi {
    display : table-cell;
    padding-right : 0;
    width : 85px;
}

/* 和暦（年）用 */
.modal-wareki-nen > .custom-select {
    width : 65px;
}

/* 和暦（年）用（小） */
.modal-wareki-nen-s > .custom-select {
    width : 65px;
}

/* 和暦（月）用 */
.modal-wareki-tsuki > .custom-select {
    width : 50px;
}

/* 和暦（日）用 */
.modal-wareki-hi > .custom-select {
    width : 50px;
}


/* 最終確認画面のタイトル */
.saishu-kakunin-title {
    color : #FF8800;
    font-size : 20px;
    letter-spacing : 0;
    line-height : 20px;
    font-family : SourceHanSansJP-Medium;
}

/* 最終確認の内訳金額のパディング */
.saishu-kakunin-uchiwake-kingaku-padding {
    padding-right : 12px;
    padding-bottom : 12px;
}

/* パディング上下左右12px */
.padding-12 {
    padding : 12px;
}

/* パディング左右16px */
.padding-LR16 {
    padding-left : 16px;
    padding-right : 16px;
}

/* フォントサイズ0 */
.font-size-0 {
    font-size : 0;
}

/* モーダルのタイトルエリア */
.modal-title-erea {
    display : table;
    width : 100%;
    height : 70px;
    margin : 0 auto;
}

/* モーダルのタイトルエリアのセル（タイトル） */
.modal-cell-title {
    display : table-cell;
    margin : 0 auto;
    vertical-align : top;
}

/* モーダルのタイトルエリアのセル（一時保存） */
.modal-cell-hozon {
    display : table-cell;
    margin : 0 auto;
    padding-top : 5px;
    vertical-align : top;
}

/* モーダルのタイトルエリアのセル（閉じる） */
.modal-cell-tojiru {
    display : table-cell;
    width : 24px;
    margin : 0 auto;
    padding-top : 8px;
    padding-left : 12px;
}

/* モーダルのタイトル（上） */
.modal-title-top-wrap {
    vertical-align : top;
    height : 19px;
}

/* モーダルのタイトル（下） */
.modal-title-bottom-wrap {
    vertical-align : bottom;
    height : 29px;
}

/*  */
.wrap-div-title-with-accordion {
    width : 100%;
    margin : 16px 0 0 0;
    padding : 0;
}

/*  */
.wrap-control-div-title-with-accordion {
    width : 100%;
}

/*  */
.icon-title-with-accordion {
    position : absolute;
    right : 0;
    top : 7px;
    width : 11px;
    height : 11px;
    border-right : 2px solid #333333;
    border-bottom : 2px solid #333333;
    content : '';
    opacity : 1;
    -webkit-transform : rotate(225deg);
    -ms-transform : rotate(225deg);
    transform : rotate(225deg);
}

/*  */
.btn-title-with-accordion {
    width : 100%;
    text-align : left;
    padding : 0;
    margin : 0;
}

/*  */
.btn.btn-title-with-accordion.focus {
    outline : none;
    box-shadow : none;
}

/*  */
.btn-title-with-accordion input[type=checkbox]:checked + .icon-title-with-accordion {
    -webkit-transform : rotate(45deg);
    -ms-transform : rotate(45deg);
    transform : rotate(45deg);
    top : 2px;
}

/* QAセクション */
.section-title-qa {
    font-family : 'SourceHanSansJP-Bold';
    font-size : 18px;
    padding : 32px 0 10px 0;
    letter-spacing : 0;
}

/* QA表示アコーディオンの背景 */
.qa-background {
    background : #FCFFCE;
    margin-bottom : 20px;
    border-radius : 10px;
}

/* QA表示アコーディオンの質問のパディング */
.qa-q-padding {
    padding : 2px 0 2px 0;
}

/* QA表示アコーディオンの回答のパディング */
.qa-a-padding {
    padding : 10px 20px 12px 74px;
}

/* QA表示アコーディオンの表示 */
.wrap-div-qa-hyoji {
    display : none;
    padding-left : 3em;
    padding-right : 1em;
    text-indent : -1.5em;
}

/* QA表示アコーディオン */
.wrap-control-div-qa-with-accordion {
    width : 100%;
    padding-left : 2em;
    padding-right : 1em;
    text-indent : -1.5em;
}

/* QA表示アコーディオンのアイコン（三角形） */
.icon-qa-with-accordion {
    display : block;
    width : 0;
    height : 0;
    border : 6px solid transparent;
    border-left : 10px solid #333333;
    content : '';
    position : absolute;
    margin-left : -2.2em;
    margin-top : 4px;
    -webkit-transform : rotate(0deg);
    -ms-transform : rotate(0deg);
    transform : rotate(0deg);
}

/* QA表示のアイコン例示（三角形） */
.icon-qa-with-rei {
    display : block;
    width : 0;
    height : 0;
    border : 6px solid transparent;
    border-left : 10px solid #333333;
    content : '';
    position : absolute;
    margin-left : -5px;
    margin-top : 7px;
    -webkit-transform : rotate(0deg);
    -ms-transform : rotate(0deg);
    transform : rotate(0deg);
}

/* 病名表示のタイトル */
.byomei-background-title {
    background : #EFEFEF;
    padding : 10px 20px 12px 20px;
}

/* 病名表示のアコーディオン */
.wrap-div-byomei-hyoji {
    display : none;
}

/* 病名表示のアコーディオン */
.wrap-div-byomei-with-accordion {
    width : 100%;
    margin : 16px 0 0 0;
    padding : 0;
}

/* 病名表示のアコーディオン */
.wrap-control-div-byomei-with-accordion {
    width : 100%;
}

/* 病名表示のアコーディオンのアイコン */
.icon-byomei-with-accordion {
    position : absolute;
    right : 0;
    top : 2px;
    width : 11px;
    height : 11px;
    border-right : 2px solid #333333;
    border-bottom : 2px solid #333333;
    content : '';
    opacity : 1;
    -webkit-transform : rotate(45deg);
    -ms-transform : rotate(45deg);
    transform : rotate(45deg);
}

/* 病名表示のアコーディオンのアイコン（三角形） */
.icon-byomei-with-accordion-sankaku {
    display : block;
    left : 2em;
    top : 55%;
    width : 0;
    height : 0;
    border : 6px solid transparent;
    border-top : 10px solid #333333;
    content : '';
    position : absolute;
    margin-top : -5px;
}

/* QA表示のアコーディオン */
.btn-qa-with-accordion {
    width : 100%;
    white-space : normal;
    text-align : left;
    padding : 0;
    margin : 0;
}

/* QA表示のアコーディオン（フォーカス） */
.btn.btn-qa-with-accordion.focus {
    outline : none;
    box-shadow : none;
}

/*  */
.btn-qa-with-accordion input[type=checkbox]:checked + .icon-qa-with-accordion {
    -webkit-transform : rotate(90deg);
    -ms-transform : rotate(90deg);
    transform : rotate(90deg);
    margin-left : -2.5em;
    margin-top : 8px;
}

/* 病名表示のアコーディオン */
.btn-byomei-with-accordion {
    width : 100%;
    height : 22px;
    text-align : left;
    padding : 0;
    margin : 0;
}

/* 病名表示のアコーディオン（フォーカス） */
.btn.btn-byomei-with-accordion.focus {
    outline : none;
    box-shadow : none;
}

/*  */
.btn-byomei-with-accordion input[type=checkbox]:checked + .icon-byomei-with-accordion {
    -webkit-transform : rotate(225deg);
    -ms-transform : rotate(225deg);
    transform : rotate(225deg);
    top : 2px;
}

/* 記入例ボタングループを囲むdiv */
.wrap-div-kinyurei-with-accordion {
    width : 100%;
    margin : 0;
    padding : 0;
}

/* 記入例自体を囲むdiv */
.wrap-div-kinyurei {
    width : 100%;
    display : none;
    margin : 0;
    padding : 0 12px 10px 12px;
}

/*  */
.wrap-control-div-kinyurei-with-accordion {
    width : 100%;
}

/*  */
.icon-kinyurei-with-accordion {
    position : absolute;
    right : 0;
    top : 3px;
    display : block;
    width : 9px;
    height : 9px;
    border-right : 2px solid #4169E1;
    border-bottom : 2px solid #4169E1;
    content : '';
    opacity : 1;
    -webkit-transform : rotate(45deg);
    -ms-transform : rotate(45deg);
    transform : rotate(45deg);
}

/*  */
.text-kinyurei-with-accordion:before {
    position : absolute;
    content : '記入例を見る';
    color : #4169E1;
    opacity : 1;
    right : 22px;
    top : 0;
    font-family : SourceHanSansJP-Medium;
    font-size : 13px;
    letter-spacing : 0;
    line-height : 19px;
}

/*  */
.btn-kinyurei-with-accordion {
    width : 100%;
    height : 20px;
    text-align : right;
    padding : 0;
    margin : 0;
}

/*  */
.btn.btn-kinyurei-with-accordion.focus {
    outline : none;
    box-shadow : none;
}

/*  */
.btn-kinyurei-with-accordion input[type=checkbox]:checked + .text-kinyurei-with-accordion:before {
    content : '記入例を隠す';
}

/*  */
.btn-kinyurei-with-accordion input[type=checkbox]:checked + .text-kinyurei-with-accordion + .icon-kinyurei-with-accordion {
    -webkit-transform : rotate(225deg);
    -ms-transform : rotate(225deg);
    transform : rotate(225deg);
    top : 7px;
}

/*  */
.margin-padding-zero {
    padding : 0;
    margin : 0;
}

/*  */
.margin-left-kaitou {
    padding : 5px 0 0 0;
    margin-left : 3.5px;
}

/*  */
.margin-wrap-div-byoki-checkbox {
}

/*  */
.modal-row-byoki {
    margin : 0;
}

/*  */
.modal-row-byoki-btn {
    margin : 0;
}

/*  */
.modal-row-byoki-btn-other {
    margin : 0;
}

/*  */
.modal-row-kinyurei {
    margin : 0;
}

/*  */
.modal-row-byoki-last {
    padding : 16px 4px 32px 4px;
    display : table;
}

/*  */
.modal-row-border-top {
    border-top : 1px solid #999999;
}

/*  */
.modal-row-border-top-yohaku {
    border-top : 1px solid #DCDCDC;
    margin-top: 8px;
}

/*  */
.modal-row-shosai-padding-t12-b0 {
    margin : 0;
}

/*  */
.modal-row-shosai-padding-t24-b0 {
    margin : 0;
}

/*  */
.modal-row-shosai-padding-t24-b16 {
    margin : 0;
}

/*  */
.modal-row-shosai-padding-t36-b0 {
    margin : 0;
}

/*  */
.modal-row-shosai-padding-t16-b16 {
    margin : 0;
}

/*  */
.modal-row-shosai-padding-t0-b0 {
    margin : 0;
}

/*  */
.modal-row-shosai-padding-t0-b4 {
    margin : 0;
    padding-bottom: 4px;
}

/*  */
.modal-row-shosai-padding-t12-b16 {
    margin : 0;
}

/*  */
.wrap-div-byoki-modal-title {
    width : 100%;
    margin : 16px 0 0 0;
    padding : 0;
}

/*  */
.wrap-div-byoki-modal-title-s {
    width : 100%;
    margin : 4px 0 0 0;
    padding : 16px 0 16px 0;
}

/*  */
.wrap-div-byoki-modal-title-s-last {
    width : 100%;
    margin : 4px 0 8px 0;
    padding : 16px 0 16px 0;
}

/* 連帯債務の下padding8pxの要素に適用 */
.modal-row-pad-btm-8 {
    margin : 0;
}

/* 連帯債務の下padding24pxの要素に適用 */
.modal-row-pad-btm-24 {
    margin : 0;
}

/*  */
.honbun-small-kyocho {
    font-family : SourceHanSansJP-Medium;
    font-size : 13px;
    color : #E60000;
    letter-spacing : 0;
    line-height : 13px;
}

/*  */
.span-byoki-chushaku {
    font-family : 'SourceHanSansJP-Light';
    font-size : 11px;
    letter-spacing : 0;
    line-height : 14px;
    top : -1px;
    position : relative;
}

/*  */
.wrap-div-button-byoki-sentaku {
    width : 50%;
    display : table-cell;
}

/*  */
.button-byoki-sentaku {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 18px;
    letter-spacing : 0;
    line-height : 48px;
    border-radius : 6px;
    user-select : none;
    -moz-user-select : none;
    -webkit-user-select : none;
    -ms-user-select : none;
    unselectable : on;
    text-align : center;
    vertical-align : middle;
    padding : 0 10px 0 10px;
    margin : 0 auto;
    cursor : pointer;
    height : 48px;
    width : 100%;
}

/*  */
.display-flex {
    display : -webkit-flex;
    display : -moz-flex;
    display : -ms-flex;
    display : -o-flex;
    display : flex;
}

/*  */
.padding-bottom-20 {
    padding-bottom : 20px;
}

/*  */
.padding-toiawase {
    padding : 10px 24px 0 24px;
}

/*  */
.padding-answer {
    padding : 20px 15px 20px 15px;
}

/*  */
.padding-answer-comments-top {
    padding : 20px 15px 0 15px;
}

/*  */
.padding-answer-comments-bottom {
    padding : 0 15px 20px 15px;
}

/*  */
.modal-QA-body-panel {
    padding-top : 24px;
    padding-left : 24px;
    padding-right : 24px;
    padding-bottom : 64px;
}

/*  */
.modal-Toiawasesaki-body-panel {
    padding-top : 24px;
    padding-bottom : 64px;
}

/*  */
.modal-Toiawasesaki-title-border {
    border-bottom : 2px solid #DCDCDC;
}

/* ラベル非表示 */
.label-hidden {
    display : none;
}

/* 領域を確保したままラベル非表示 */
.label-hidden-space {
    visibility : hidden;
}

/* 入力ステータス（未入力） */
.text-status:before {
    position : relative;
    top : -1px;
    font-family : 'SourceHanSansJP-Bold';
    font-size : 14px;
    letter-spacing : 0;
    line-height : 13px;
    color : #FF8800;
    content : '未入力';
}

/* 入力ステータス（未選択） */
.text-status-sentaku:before {
    position : relative;
    top : -1px;
    font-family : 'SourceHanSansJP-Bold';
    font-size : 14px;
    letter-spacing : 0;
    line-height : 13px;
    color : #FF8800;
    content : '未選択';
}

/* 入力ステータスのラベル */
.btn-status {
    padding : 0;
    margin : 0;
}

/* 入力ステータスのチェックボックス */
.btn-status input[type=checkbox] {
    display : none;
}

/* 入力ステータス（入力済み） */
.btn-status input[type=checkbox]:checked ~ .text-status:before {
    content : '入力済み';
    line-height : 22px;
    height : 24px;
    color : #37B24D;
    display : inline-block;
    height : 24px;
    padding-left : 25px;
    background-repeat : no-repeat;
    background-position : 0 50%;
    background-size : 24px;
    background-image : url('../../icon/ic_check_circle_green.png');;
}

/* HbA1値列のパディング */
.modal-row-shosai-padding-t19-b0 {
    margin : 0;
}

/* HbA1値とテキスト記入欄の間のパディング */
.modal-row-shosai-padding-l43 {
    margin : 0;
}

/* 臓器とセレクト欄の間のパディング */
.modal-row-shosai-padding-zoki {
    margin : 0;
}

/* 告知選択画面のテキストボックス用のパディング */
.kokuchi-text-padding {
    margin : 0;
}

/* 告知選択画面のテキストボックス用（左パディング大き目）のパディング */
.kokuchi-text-padding-left {
    margin : 0;
}

/* 告知選択画面のラベル行のみ用のパディング */
.kokuchi-one-row-label-padding {
    margin : 0;
}

/* 告知選択画面の検査結果・指示内容テキストボックス用のパディング */
.kokuchi-kensa-kekka-text-padding {
    margin : 0;
}

/* 高血圧の記入ボックス用のパディング */
.modal-row-shosai-padding-t19-b16 {
    margin : 0;
}

.modal-row-shosai-padding-t10-b10 {
    padding: 8px 12px 8px 12px;
}

/* 空腹時血糖値とテキスト記入欄の間のパディング */
.modal-row-shosai-padding-mgdl {
    margin : 0;
}

/* 空腹時血糖値列のパディング */
.modal-row-shosai-padding-t25-b0 {
    margin : 0;
}

/* 診断書アップロード画面：ボタンエリア */
.upload-button-erea {
    width : 100%;
    margin : 0 auto;
    padding : 12px 0 16px 12px;
}

/* 診断書アップロード画面：ボタンエリア */
.upload-button-erea-top {
    width : 100%;
    margin : 0 auto;
    display : table;
    padding : 12px 0 16px 12px;
}

/* 入力ステータス（未済） */
.text-status-image-sentaku:before {
    position : relative;
    top : -1px;
    font-family : 'SourceHanSansJP-Bold';
    font-size : 14px;
    letter-spacing : 0;
    line-height : 13px;
    color : #FF8800;
    content : '未済';
}

/* 診断書アップロード画面：ボタンのセル */
.upload-cell {
    vertical-align : middle;
}

/* アップロードボタンとステータス用のテーブルセル */
.upload-cell.table-cell {
    margin : 0 auto;
    display : table-cell;
}

/* 診断書アップロード画面：ボタン（Large） */
.upload-cell.large-button {
}

/* 診断書アップロード画面：ステータスの配置 */
.upload-cell.status {
    padding : 0 0 0 16px;
}

/* 診断書アップロード画面：メッセージエリア */
.upload-message-area {
    width : 100%;
    margin : 0 auto;
    padding : 8px 0 14px 12px;
}

/* アップロードファイルの親要素 */
.upload-file-wrap {
    width : 100%;
    margin : 0 auto;
    padding : 5px 12px;
    border : none ;
    /*border-top : none;*/
    display : table;
}

/* アップロードファイルの親要素 */
.upload-file-wrap-notable {
    width : 100%;
    border : none ;
}

/* 途中の行（topなし） */
.row-mid-no-top-12 {
    border-left : 1px solid #DCDCDC;
    border-right : 1px solid #DCDCDC;
    margin : 0 auto;
    padding : 12px 12px 12px 12px;
}

/* 途中の行 */
.row-mid-yes-top-12 {
    border-top : 1px solid #DCDCDC;
    border-left : 1px solid #DCDCDC;
    border-right : 1px solid #DCDCDC;
    margin : 0 auto;
    padding : 12px 12px 12px 12px;
}

.border-bottom-solid {
    border-bottom: 1px solid #DCDCDC;
}

/* 確認画面で表示するアップロードのファイルテキスト */
.upload-file-text-kakunin {
    display : table-cell;
}

/* アップロードのファイルテキスト */
.upload-file-text {
    margin : 0 auto;
    display : table-cell;
}

/* アップロードの削除テキスト */
.upload-file-sakujo {
    width : 80px;
    color : #0B6ABA;
    padding : 0 12px 0 16px;
}

/* アップロード画像Div */
.upload-file-image {
    width : 100%;
}

/* アップロード画像 */
.upload-file-image img {
    width : 100%;
    height : auto;
}

/* 注釈（※）テキスト */
.text-chushaku {
    margin-left : 1em;
    text-indent : -1em;
}
/* 注釈（※）テキスト */
.text-chushaku2 {
    margin-left : 1em;
    text-indent : -1em;
}
/* 注釈（※）テキスト */
.text-chushaku3 {
    margin-left : 3.0em;
    text-indent : -1.0em;
}

/* 注釈（※）テキスト（小） */
.text-chushaku-kokuchi {
    margin-left : 0.5em;
    text-indent : -0.5em;
}

/* 注釈（※）テキスト（中） */
.text-chushaku-kenshinsho {
    margin-left : 0.75em;
    text-indent : -0.75em;
}
/* タイトルの注釈（※）テキスト */
.title-chushaku {
    margin-left : 2em;
    text-indent : -1em;
    font-size : 13px;
}

/* マージン右だけ8px */
.margin-right-8px {
    margin-right : 24px;
}

/* マージン右だけ24px */
.margin-right-24px {
    margin-right : 24px;
}

/* マージン左だけ1em */
.margin-left-1em {
    margin-left : 1em;
}

/* マージン左だけ2em */
.margin-left-2em {
    margin-left : 2em;
}

/* マージン左だけ3em */
.margin-left-3em {
    margin-left : 3em;
}

/* マージン左だけ4em */
.margin-left-4em {
    margin-left : 4em;
}

/* インライン要素 */
.display-inline {
    display : inline;
}

/* border-radiusを10px */
.radius-10px {
    border-radius : 10px;
}

/* ？マーク */
.question-mark {
    box-sizing : border-box;
    border : 2px solid #999999;
    border-radius : 10px;
    margin : -4px 4px;
    width : 20px;
    height : 20px;
    display : inline-block;
    background-repeat : no-repeat;
    background-size : contain;
    background-image : url('../../icon/ic_question.png');
    background-color : #999999;
    -webkit-box-shadow : 0 1px 3px 0 rgba(0,0,0,0.33);
    box-shadow : 0 1px 3px 0 rgba(0,0,0,0.33);
    cursor : pointer;
}

/* ？マーク：ホバー時 */
.question-mark:hover {
    border-color : #4169E1;
    background-color : #4169E1;
}

/* テキストに下線 */
.under-line {
    text-decoration : underline;
}

/* テキストに青字・下線 */
.under-blue-line {
    text-decoration : underline;
    color : #4169E1;
}

/* ？マーク：単独の場合 */
.question-mark.alone {
    margin : 0;
}

/* 罫線描画のためのDIVに指定する */
.keisen-div {
    border : 1px solid #bdbdbd;
}

/* インラインBLOCK要素 */
.display-inline-block {
    display : inline-block;
}

/* 金額入力欄の横幅指定 */
.width-kingaku-input {
    max-width : 120px;
}

/* 氏名入力欄の横幅指定 */
.width-shimei-input {
    max-width : 220px;
}

/* 金額入力欄表示位置調整 */
.hoken-kingaku {
    display : table-cell;
    min-width : 140px;
}

/* 金額入力欄表示位置調整 */
.hoken-kingaku-space {
    float : left;
    width : 144px;
    height : 1px;
}

/* インデント用 */
.indent-row {
    padding : 0 0 0 12px;
    margin : 0 auto;
}

/* ボーダー上下なし */
.border-topbottom-none {
    border-top : none;
    border-bottom : none;
}

/* マージン上０ */
.margin-top-0 {
    margin-top : 0;
}

/* ワーニングメッセージ */
p.warning {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 13px;
    color : #E60000;
    letter-spacing : 0;
    background-color : #FFFFFF;
    margin : 8px 0;
}

/* ワーニングメッセージ */
.hokenKingakuHenko {
    background-color : #FFFCE6!important;
}

/* 最初の行（2px） */
.row-first-2px {
    border-left : 2px solid #DCDCDC;
    border-top : 2px solid #DCDCDC;
    border-right : 2px solid #DCDCDC;
    border-radius : 10px 10px 0 0;
    margin : 0 auto;
    padding : 12px 12px 0 12px;
}

/* 最後の行（topなし）（2px） */
.row-last-no-top-2px {
    border-left : 2px solid #DCDCDC;
    border-bottom : 2px solid #DCDCDC;
    border-right : 2px solid #DCDCDC;
    border-radius : 0 0 10px 10px;
    margin : 0 auto;
    padding : 12px 12px 12px 12px;
}

/*  */
.btn-checkbox-no-border {
    margin : 0;
    padding : 8px;
    min-height : 40px;
    display : -webkit-flex;
    display : -moz-flex;
    display : -ms-flex;
    display : -o-flex;
    display : flex;
    transition : none;
    -o-transition : none;
    -webkit-transition : none;
    cursor : pointer;
    align-items : center;
}

/*  */
.btn-checkbox-no-border.active {
    border-color : transparent;
}

/*  */
.btn-checkbox-no-border > .icon-checkbox {
    display : table;
    position : relative;
    width : 18px;
    min-width : 18px;
    height : 18px;
    border : 1px solid #DCDCDC;
    border-radius : 2px;
    content : '';
    margin : 3px;
}

/*  */
.btn-checkbox-no-border.active > .icon-checkbox {
    border-color : #E60000;
    background-color : #E60000;
}

/*  */
.btn-checkbox-no-border > .icon-checkbox::after {
    position : absolute;
    top : 0px;
    left : 5px;
    width : 7px;
    height : 13px;
    border-right : 2px solid #FFFFFF;
    border-bottom : 2px solid #FFFFFF;
    content : '';
    opacity :  0;
    -webkit-transform : rotate(45deg);
    -ms-transform : rotate(45deg);
    transform : rotate(45deg);
}

/*  */
.btn-checkbox-no-border.active > .icon-checkbox::after {
    opacity : 1;
}

/*  */
.btn-checkbox-no-border > .text-checkbox {
    display : inline-block;
    word-wrap : break-word;
    white-space : normal;
    color : #333333;
    letter-spacing : 0;
    font-size : 16px;
    line-height : 24px;
    font-family : 'SourceHanSansJP-Medium';
    margin : 5px 0 5px 14px;
    text-align : left;
}

/* ログイン画面の？アイコン */
.login-question-icon {
    margin : 8px;
    width : 22px;
    height : 22px;
    background-color : #4169E1;
    border : 2px solid #4169E1;
    border-radius : 11px;
    box-shadow : 0 1px 3px 0 rgba(0,0,0,0.33);
}

/* ヘルプのリンク */
.help-link {
    text-decoration : underline;
    font-size : 12px;
    font-family : 'SourceHanSansJP-Medium', 'Yu Gothic UI Semibold', 'メイリオ', sans-serif;
}

/* 告知有無選択ヘルプリンク */
.kokuchi-help-link {
    font-family : 'SourceHanSansJP-Medium', 'Yu Gothic UI Semibold', 'メイリオ', sans-serif;
    font-size : 15px;
    color : #0B6ABA;
    cursor : pointer;
}

/* 告知詳細の告知選択内容 */
.kokuchi-shosai-sentaku {
    display : inline-block;
}

/* モーダルのテーブル */
.modal-table {
    display : table;
}

/* モーダルの必須 */
.modal-table .hissu {
    display : table-cell;
    width : 38px;
    padding-right : 10px;
}

/* 青い非活性ボタン */
.button-blue-disabled {
    width : 100%;
    font-family : 'SourceHanSansJP-Medium';
    font-size : 15px;
    letter-spacing : 0;
    line-height : 17px;
    border-radius : 6px;
    user-select : none;
    -moz-user-select : none;
    -webkit-user-select : none;
    -ms-user-select : none;
    unselectable : on;
    text-align : center;
    vertical-align : middle;
    padding : 8px 0 8px 0;
    margin : 0 auto;
    background : #B3C3F3;
    color : rgba(255,255,255,0.50);
    cursor : default;
    box-shadow : 0 0 0 0;
}

/* 初診日について */
.modal-cell-shohinbi {
    display : table-cell;
    height : 40px;
}

/* パディング左だけ0px */
.padding-left-zero {
    padding-left : 0px;
}

/* パディング左だけ8px */
.padding-left-8px {
    padding-left : 8px;
}

/* パディング左だけ10px */
.padding-left-10px {
    padding-left : 10px;
}

/* パディング左だけ16px */
.padding-left-16px {
    padding-left : 16px;
}

/* パディング左だけ39px */
.padding-left-39px {
    padding-left : 39px;
}

/* パディング左だけ1.7em */
.padding-left-1ten7em {
    padding-left : 1.7em;
}

/* 下パディング無し */
.padding-bottom-0 {
    padding-bottom : 0;
}

/* 共通ヘッダ（リンク） */
.commonBodyTop-link {
    font-family : 'SourceHanSansJP-Medium';
    letter-spacing : 0;
    line-height : 18px;
    font-size : 18px;
    position : absolute;
    right : 8px;
}

/* 共通ヘッダ（Q&Aリンク） */
.commonBodyTop-link.QandA {
    top : 17px;
}

/* 共通ヘッダ（操作マニュアルリンク） */
.commonBodyTop-link.sosamanual {
    top : 17px;
}

/* 共通ヘッダ（お問合せ先リンク） */
.commonBodyTop-link.toiawasesaki {
    top : 50px;
}

/* disabled,readonly時のみフォーカス不可にする */
:disabled.no-focus,[readonly].no-focus {
    pointer-events : none;
    cursor : default;
}

/* PCのみ右パディング40px */
.padding-right-40px-pc {
}

/* 告知選択画面のチェックボックスの最大幅 */
.kokuchi-checkbox-max-width {
    max-width : 300px;
}

/* 告知選択画面の長いテキスト */
.kokuchi-text-long {
    width : 100%;
    max-width : 400px;
}

/* 告知事項（障がい）：テキストエリアの装飾 */
.kokuchi-input-text-area {
    background : #FFFFFF;
    border : 1px solid #CCCCCC;
    border-radius : 4px;
    padding : 0 8px 0 8px;
    outline : none;
    width : 100%;
    font-family : 'SourceHanSansJP-Medium', 'Yu Gothic UI Semibold', 'メイリオ', sans-serif;
    font-size : 15px;
    color : #333333;
    letter-spacing : 0;
    line-height : 22px;
}
/* テキスト入力エリア(プレースホルダ:IE 10+) */
.kokuchi-input-text-area:placeholder-shown {
    color : #999999;
}

/* テキスト入力エリア(プレースホルダ:IE 10+) */
.kokuchi-input-text-area:-ms-input-placeholder {
    color : #999999;
}

/* テキスト入力エリア(プレースホルダ:Chrome、Safari、Opera 15+、Android、ios) */
.kokuchi-input-text-area::-webkit-input-placeholder {
    color : #999999;
}

/* テキスト入力エリア(プレースホルダ:Firefox 18-) */
.kokuchi-input-text-area:-moz-placeholder {
    color : #999999;
}

/* テキスト入力エリア(プレースホルダ:Firefox 19+) */
.kokuchi-input-text-area::-moz-placeholder {
    color : #999999;
}
/* padding横のみ12 */
.padding-side-12 {
    padding : 0 12px 0 12px;
}
/* padding横のみ24 */
.padding-side-24 {
    padding : 0 24px 0 24px;
}
/* 告知事項（障がい）：ラベルのpadding */
.padding-shogai-label {
    padding : 32px 12px 0 12px;
}
/* 告知事項質問内容用（障がい） */
.kokuchi-shogai-honbun-wrap {
    margin : 24px 0 0 0;
}

/* 告知事項（健康診断）：臓器セレクトボックス */
.kokuchi-kenshin-zoki > .custom-select {
    width : 75px;
}

/* 告知事項（健康診断）：検査項目セレクトボックス */
.kokuchi-kenshin-kensakomoku > .custom-select {
    width : 90px;
}




/* ==================================== */
/*         金融機関専用スタイル         */
/* ==================================== */

/* 金融機関ヘッダ（戻る） */
.kinyu-modoru {
    position : absolute;
    top : 8px;
    left : 8px;
    width : 103px;
    height : 40px;
    cursor : pointer;
    margin-bottom : 0;
}

/* 金融機関ヘッダ（戻る画像） */
.img-kinyu-modoru {
    margin : 8px;
    width : 24px;
    height : 24px;
    display : inline-block;
    background-repeat : no-repeat;
    background-size : contain;
    background-image : url('../../icon/ic_arrow_back.png');
}

/* 金融機関ヘッダ（戻る文言） */
.text-kinyu-modoru {
    position : absolute;
    top : 8px;
    left : 40px;
}

/* 金融機関ヘッダ（戻る文言のafter要素） */
.text-kinyu-modoru:after {
    font-family : 'SourceHanSansJP-Medium';
    content : 'もどる';
    letter-spacing : 0;
    width : 55px;
}
/** IME制御：IME不可 */
input.kinyu-imeoff-item {
    ime-mode : disabled;
}
/** IME制御：IME許可 */
input.kinyu-imeon-item, textarea.kinyu-imeon-item {
    ime-mode : active;
}

/* 金融機関：セレクトボックス */
.kinyu-select {
    max-width : 100%;
}

/* 金融機関：申込番号テキスト */
.kinyu-moshikomi-bango-text {
    width : 200px!important;
    max-width : 100%;
}

/* 金融機関：アカウントＩＤテキスト */
.kinyu-login-id-text {
    width : 200px!important;
    max-width : 100%;
}

/* 金融機関：パスワードテキスト */
.kinyu-login-password-text {
    width : 200px!important;
    max-width : 100%;
}

/* 金融機関：認証コードテキスト */
.kinyu-ninsho-code-text {
    width : 200px!important;
    max-width : 100%;
}

/* 金融機関：事業所コードテキスト */
.kinyu-ninsho-jigyosho-code-text {
    width : 140px!important;
    max-width : 100%;
}

/* 金融機関：事業所コード２テキスト */
.kinyu-ninsho-jigyosho-code2-text {
    width : 180px!important;
    max-width : 100%;
}

/* 金融機関：被保険者番号テキスト */
.kinyu-hihokensha-bango-text {
    width : 200px!important;
    max-width : 100%;
}

/* 金融機関：口数テキスト */
.kinyu-kuchisu-text {
    width : 60px!important;
    max-width : 100%;
}

/* 金融機関：貸付機関コードテキスト */
.kinyu-kashitsuke-kikan-code-text {
    width : 60px!important;
    max-width : 100%;
}

/* 金融機関：氏名漢字 or カナ（姓 or 名）テキスト */
.kinyu-shimei-text {
    width : 250px!important;
    max-width : 100%;
}

/* 金融機関：氏名漢字 or カナ（姓名）テキスト */
.kinyu-shimei-seimei-text {
    width : 400px!important;
    max-width : 100%;
}

/* 金融機関：年テキスト */
.kinyu-yyyy-text {
    width : 60px!important;
    max-width : 100%;
}

/* 金融機関：月テキスト */
.kinyu-mm-text {
    width : 40px!important;
    max-width : 100%;
}

/* 金融機関：日テキスト */
.kinyu-dd-text {
    width : 40px!important;
    max-width : 100%;
}

/* 金融機関：郵便番号（上桁）テキスト */
.kinyu-yubin-bango-up-text {
    width : 50px!important;
    max-width : 100%;
}

/* 金融機関：郵便番号（下桁）テキスト */
.kinyu-yubin-bango-down-text {
    width : 70px!important;
    max-width : 100%;
}

/* 金融機関：住所１ or ２or ３テキスト */
.kinyu-jusho-text {
    width : 500px!important;
    max-width : 100%;
}

/* 金融機関：電話番号（自宅）１テキスト */
.kinyu-denwa-bango-jitaku1-text {
    width : 70px!important;
    max-width : 100%;
}

/* 金融機関：電話番号（自宅）２テキスト */
.kinyu-denwa-bango-jitaku2-text {
    width : 60px!important;
    max-width : 100%;
}

/* 金融機関：電話番号（自宅）３テキスト */
.kinyu-denwa-bango-jitaku3-text {
    width : 60px!important;
    max-width : 100%;
}

/* 金融機関：電話番号（携帯）１テキスト */
.kinyu-denwa-bango-keitai1-text {
    width : 50px!important;
    max-width : 100%;
}

/* 金融機関：電話番号（携帯）２テキスト */
.kinyu-denwa-bango-keitai2-text {
    width : 60px!important;
    max-width : 100%;
}

/* 金融機関：電話番号（携帯）３テキスト */
.kinyu-denwa-bango-keitai3-text {
    width : 60px!important;
    max-width : 100%;
}

/* 金融機関：メールアドレステキスト */
.kinyu-mail-address-text {
    width : 500px!important;
    max-width : 100%;
}

/* 金融機関：金額テキスト */
.kinyu-kingaku-text {
    width : 120px!important;
    max-width : 100%;
}

/* 金融機関：割合テキスト */
.kinyu-wariai-text {
    width : 60px!important;
    max-width : 100%;
}

/* 金融機関：つなぎ融資回数テキスト */
.kinyu-tsunagi-yushi-kaisu-text {
    width : 60px!important;
    max-width : 100%;
}

/* ========== 一覧 ========== */
/* 金融機関：一覧検索画面の絞込条件欄 */
.kinyu-ichiran-condition-area {
    background-color : #f0ffff;
}

/* 金融機関：一覧見出し */
.kinyu-ichiran-midashi {
    background-color : #c2eeff;
}

/* 金融機関：一覧ページネーション */
.kinyu-ichiran-pagination {
    margin-top : 18px;
    margin-bottom : 0px;
}

/* 金融機関：選択 */
.kinyu-ichiran-sentaku {
    width : 45px;
}

/* 金融機関：日付 */
.kinyu-ichiran-ymd {
    width : 93px;
}

/* 金融機関：一覧行の偶数行の背景色 */
.table-striped>tbody>tr:nth-child(odd)>td {
    background-color : white;
}
.table-striped>tbody>tr:nth-child(even)>td {
    background-color : rgba(0,0,0,.05);
}

/* ========== 詳細画面 ========= */

/* 金融機関：入力画面のラベル項目 */
.kinyu-input-label {
    background-color : #c2eeff;
    padding-left : 0px;
    min-height : 48px;
    margin-bottom : 0.0rem; /* bootstrapの labeに設定があるため、それを無効にする */
}
/* 金融機関：入力画面の必須マーク */
.kinyu-input-hissu-mark {
    display : inline-block;
    border : 1px solid #FF0000;
    color : #FF0000;
    font-family : 'SourceHanSansJP-Bold';
    font-size : 13px;
    height : 24px;
    letter-spacing : 0;
    line-height : 22px;
    text-align : center;
    margin-left : 10px;
    padding-left : 5px;
    padding-right : 5px;
    white-space : nowrap;
}

/* 金融機関：確認画面のラベル項目 */
.kinyu-confirm-label {
    background-color : #c2eeff;
    padding-left : 0px;
    min-height : 42px;
}

/* ボタン (幅170) */
.button-w170 {
    width : 170px;
}

.hide {
    display : none;
}

/****************************************************************/
/** 団信デザインガイドラインより**/
/****************************************************************/
/**ヘッダーエリア**/
/****************************************************************/
/* ログインヘッダヘルプ（タイトル表示エリア） */
.login-top-title-help {
    position : relative;
    /*width : 100%;*/
    background : #F8F8F8;
    margin : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-buttom : 0px;
    /*margin-bottom:20px;*/
}

/* ログインヘッダ（ロゴ表示エリア） */
.login-top-title {
    position : relative;
    width : 100%;
    /*height : 56px;*/
    background : #F8F8F8;
    padding-top:0px;
    padding-left:5px;
}

/* ログインヘッダ（Q&Aリンク） */
.login-top-QandA {
    font-family : 'SourceHanSansJP-Bold';
    padding-top: 0px;
    padding-left: 130px;
    text-align: center;
    font-size : 10px;
    font-weight:bold;
    letter-spacing: 0px;
    color: #026DC9;
    opacity: 1;
    letter-spacing : 0;
    position : absolute;
}

/* Q&Aリンク（下線なし） */
.login-top-QandA a {
  text-decoration: none;
}

/* Q&Aリンク（下線あり） */
.login-top-QandA a:hover {
  text-decoration: underline;
}

/* ログイン画面のロゴ */
.login-top-logo {
    text-align : left;
}

/* ログイン画面のロゴ */
.login-top-logo > img {
    width : 151px;
    height : 48px;
}

/****************************************************************/
/**ページタイトル・フォーム内見出し**/
/****************************************************************/


/****************************************************************/
/**汎用内見出し**/
/****************************************************************/

/****************************************************************/
/**テキスト**/
/****************************************************************/
/* 入力確認項目 */
.font-input {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 17px;
    color : #333;
    padding: 17px;
}

/* 入力確認項目（パディングなし） */
.font-input-normal {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 17px;
    color : #333;
}

/* 入力確認項目（ボールド） */
.font-input-bold {
    font-family : 'SourceHanSansJP-Bold';
    font-size : 17px;
    color : #333;
}

/* 通常テキスト */
.font-normal {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 14px;
    color : #333;
    /*padding: 14px;*/
}

/* 通常テキスト 強調テキスト(ボールトなし) */
.font-normal-red {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 14px;
    color :  #CC0000;
    /*padding: 14px;*/
}
/* 強調テキスト */
.font-red-bold {
    font-family : 'SourceHanSansJP-Bold';
    font-size : 14px;
    color : #CC0000;
    font-weight:bold;
    /*padding: 14px;*/
}

/* 文中リンク */
.font-link {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 14px;
    color : #026DC9;
    text-decoration : underline;
    /*padding: 14px;*/
}

/* 文中リンク hover時 */
.font-link:hover {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 14px;
    color : #333;
    text-decoration : underline;
    /*padding: 14px;*/
}

/* 通常テキスト（小） */
.font-normal_s {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 13px;
    color : #333;
    /*padding: 13px;*/
}

/* 強調テキスト（小） */
.font-red-bold_s {
    font-family : 'SourceHanSansJP-Bold';
    font-size : 13px;
    color : #CC0000;
    font-weight:bold;
    /*padding: 13px;*/
}

/* 文中リンク（小） */
.font-link_s {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 13px;
    color : #026DC9;
    /*padding: 13px;*/
    text-decoration : underline;
}

/* 文中リンク hover時（小） */
.font-link_s:hover {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 13px;
    color : #333;
    /*padding: 13px;*/
    text-decoration : underline;
}

/* フォント赤字 */
.font-red-disp{
    color : #CC0000;
}

/* フォン黒字 */
.font-black-disp {
    color : #333;
}

/* フォント太字 */
.font-bold-disp {
    font-weight:bold;
}

/****************************************************************/
/**汎用ボックス**/
/****************************************************************/
/* 注釈ボックス */
.box-attention {
    background-color : #FFFCE6;
}
/* 注釈ボックス（罫線あり） */
.box-attention-line {
    background-color : #FFFCE6;
    border : 1px solid #DCDCDC;
}
/* 汎用ボックス */
.box-hanyo {
    background-color : #FFF;
    border : 1px solid #DCDCDC;
}
/* その他ボックス */
.box-else {
    background-color : #F2F5FA;
}

/****************************************************************/
/* リストマーカー */
.list-marker-circle {
    list-style-type : circle;
}

/* パディング上下左右18px */
.padding-18 {
    padding : 18px;
}

/* 入力ラベルタイトルフォント  */
.font-col-title {
    font-family : 'SourceHanSansJP-Medium', 'Yu Gothic UI Semibold', 'メイリオ', sans-serif;
    font-size : 18px;
    color : #876868;
    font-weight:bold;
    letter-spacing : 0;
    line-height : 24px;
}

/*TOPボタン*/
.back-to-top {
    display: block;
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    background: #FFF;
    border: 1px solid rgba(230,0,0,0.16);
    padding-top: 30px;
    text-align: center;
    letter-spacing: -1px;
    font-size: 85%;
    text-decoration: none;
    color: #333;
    opacity: 0.5;
    position: relative;
    border-radius : 50%;

    /*みぎしたに固定*/
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 10000;

    /*影付き*/
     box-shadow: -3px 8px 22px #E6000029;
}
.back-to-top::before {
    content: "";
    display: block;
    border-top: 6px double #333;
    border-right: 6px double #333;
    width: 25%;
    height: 25%;
    top: 25%;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    transform: rotate(-45deg);
}
.back-to-top::hover {
    opacity: 1;
}

/*共通ヘッダー部分*/
.headerImg {

}
.headerImg ul{
    display:flex;
    list-style:none;
}
.headerImg a{
    text-decoration:none;
    color:#026DC9;
    font-family : 'SourceHanSansJP-Bold';
    font-size : 10px;
    letter-spacing: 0;
}
.headerImg b{
    text-decoration:none;
    color:#026DC9;
    font-family : 'SourceHanSansJP-Bold';
    font-size : 10px;
    letter-spacing: -2.5px;
}
.headerImg nav{
    margin:0px;
    padding: 0px;
}
.headerImg a:hover{
    opacity: 0.5;
}
/*共通ヘッダー部分(要素単位)*/
.headerImg_li{
    margin-left:0px;
    /*width:130px;*/
    width:20%;
    letter-spacing :-1px;
    text-align : center;
    padding-top : 10px;
    padding-bottom : 10px;
}
/*共通ヘッダー部分(枠)*/
.headerImg-area {
    margin : 0px;
    padding-left : 0px;
    padding-right : 10px;
    padding-buttom : 0px;
    border-radius : 0px;
    box-shadow: 0px 2px 4px 0px rgba(230,0,0,0.08);
    position : relative;
    width : 100%;
    /*height : 80px;*/
    height: 68px;
    background : #FFFFFF;
}
/*共通ヘッダー部分(タイトル部分)*/
.headerImg-area-title {
    margin-left:0px;
    /*width:700px;*/
    width:100%;
    letter-spacing : 0;
    text-align : left;
    padding-top : 10px;
    padding-left : 16px;
}

/*共通ヘッダー部分左余白（「団体信用生命保険」）*/
.headerImg-area-title-pad {
    padding-left :10 px;
}

/*共通ヘッダー部分（「団体信用生命保険」）*/
.headerImg-area-title-hoken {
    font-family : 'SourceHanSansJP-Bold';
    font-size : 18px;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
    text-align: left;
}

/*共通ヘッダー部分（「加入申込みおよび告知のお手続き」）*/
.headerImg-area-title-sub {
    font-family : 'SourceHanSansJP-Medium', 'Yu Gothic UI Semibold', 'メイリオ', sans-serif;
    font-size : 10px;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
    text-align: left;
}
/*共通ヘッダー部分(枠)（ボトム16px)*/
.headerImg-area-b16 {
    margin : 0px;
    padding-left : 0px;
    padding-right : 10px;
    padding-bottom : 16px;
    border-radius : 0px;
    box-shadow: 0px 2px 4px 0px rgba(230,0,0,0.08);
    position : relative;
    width : 100%;
    /*height : 80px;*/
    height: 68px;
    background : #FFFFFF;
}


/*注意喚起モーダルウィンドウ(全体)*/
.attention-dialog {
    /*width: 343px;*/
    width: 91%;
    height: 240px;
    padding-left : 6px;
}

/*注意喚起モーダルウィンドウ(本文)*/
.attention-dialog-honbun {
    font-size : 14px;
    color : #333;
    text-align: left;
    letter-spacing: 0px;
}

/*モーダルウィンドウ(全体)*/
.modal-content {
    border-radius: 17px;
    box-shadow: -3px 8px 22px #E6000029;
}

/*モーダルウィンドウ(ヘッダー部分)*/
.modal-header {
    background-image: linear-gradient(90deg, rgba(230, 0, 0, 1), rgba(255, 127, 29, 1));
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    height:21px;
    padding-left : 20px;
    padding-top : 20px;
    padding-bottom : 20px;
}
/*モーダルウィンドウ高さ可変(ヘッダー部分)*/
.modal-header-variable {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 15px;
    border-bottom: 1px solid #eceeef;
    background-image: linear-gradient(90deg, rgba(230, 0, 0, 1), rgba(255, 127, 29, 1));
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    padding-left: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
    min-height: 41px;
}
/*モーダルウィンドウ(タイトル文字)*/
.modal-title {
    font-family : 'SourceHanSansJP-Bold';
    color:#FFFFFF;
    font-size: 15px;
}
/*モーダルウィンドウ(ボディ)*/
.modal-body {
    padding-top : 16px;
    padding-bottom : 16px;
    padding-left : 20px;
    padding-right : 20px;
    background-color:#FFF;
}
/*モーダルウィンドウ(フッター)*/
.modal-footer {
    justify-content : center;
    padding-top:10px;
    padding-bottom:10px;
    border-top:2px solid #DCDCDC;
}
/*モーダルウィンドウ*/
/*
.modal input{
    display: none;

}
.modal label{
    margin-top: 20px;
    cursor: pointer;
    display: inline-block;
}
.modal label.modal-btn{
    padding: 10px;
    border-radius: 5px;
    background: #eee;
    transition: .5s;
}
.modal label.modal-btn:hover,
.modal-cont label.modal-close:hover{
    background: #333;
    color: #AF975E;
}
.modal-cont{
    max-width: 500px;
    max-height: 500px;
    padding: 20px;
    position: fixed;
    top: calc(50% - 250px);
    left: calc(50% - 250px);
    background: #eee;
    box-shadow: 0 0 4px rgba(0,0,0,.3);
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}
.modal-cont p{
    line-height: 1.5;
}
.modal-cont label.modal-close{
    padding: 5px;
    background: #333;
    border-radius: 5px;
    color: #FFF;
    transition: .5s;
}
modal1:checked ~ .modal-cont{
    opacity: 1;
    visibility: visible;
}
*/



/******************/



/* 影付き枠 */
.N_softsquare-border-shadow {
    /*margin : 0 auto 20px auto;*/
    margin-top: 0px;
    margin-left: 22px;
    padding-left: 16px;
    padding-right: 16px;
    /*width: 311px;*/
    width: 87%;
    border-radius : 16px;
    box-shadow: -3px 8px 22px #E6000029;
    background : #FFFFFF;
}

/*箇条書き内容*/
.biko_body {
    list-style-type : '※';
    padding: 10px;
}

/*箇条書き内容（topのパディングなし）*/
.biko_body-top0 {
    list-style-type : '※';
    padding : 0px 10px 10px 4px;
}

/*注意箇条書き内容*/
.attention_body {
    list-style-image : url('../../img/icon_exclamation.svg');
    padding : 10px 20px 10px 20px;
}

/*注意箇条書き内容*/
.attention_char_body {
    list-style-type : '（注）';
    padding: 20px;
}

/*注意箇条書き内容（最終確認画面）*/
.attention_char_body-saishuu {
    font-size : 14px;
    list-style-type : '（注）';
    padding: 8px 12px 0px 45px;
}


/*チェックボックス*/
.checkbox_list {
    list-style-type : '';
    padding: 10px;
    text-align:left;
}

/* アコーディオンメニュー(プラス・マイナスボタン) */
.toggle_contents {
    border: 1px solid #d9d9d9;
    background-color:#FFF;
    border-radius : 4px;
}
.toggle_contents dd {
    display: none;
}

.toggle_contents_glay {
    border: 2px solid #d9d9d9;
    background-color: #F2F5FA;
}

/* 保険選択画面 「PDFをダウンロードできない場合」アコーディオンサイズ */
.hokensentaku_toggle_size {
    /*width: 331px;*/
    width: 100%;
}

/* 保険選択画面 PDFボタンサイズ */
.hokensentaku_pdf_size {
    /*width: 325px;*/
    width: 100%;
    /*height: 71px;*/
    padding-top: 0px;
    padding-left:  8px;
    padding-right:  8px;
    padding-bottom: 8px;

}


/* 告知事項画面 選択肢アコーディオン（下線のみあり） */
.toggle_contents_noline {
    border-bottom: 1px solid #d9d9d9;
    background-color: #FFF;
}
.toggle_contents_noline dd {
    display: none;
}

/* 告知事項画面 選択肢アコーディオン */
.toggle_contents_noline-all {
    background-color: #FFF;
}
.toggle_contents_noline-all dd {
    display: none;
}

/* アコーディオンメニュータイトル部分 */
.toggle_title {
    font-family : 'SourceHanSansJP-Bold';
    position: relative;
    padding: 10px;
    cursor: pointer;
    font-size: 15px;
    text-align: left;
    line-height: 1.4;
}
.toggle_title.selected .toggle_btn:before {
    content: normal;
}


.toggle_title.little{
    font-size: 15px;
    width : 100%;
}

.toggle_title.fs16{
    font-size: 16px;
    width : 100%;
}

.toggle_honbun_font {
    font-size: 12px;
}

.toggle_btn {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    background: #000000;
    display: block;
    width: 18px;
    height: 18px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 10%;
}
.toggle_btn:before, .toggle_btn:after {
    display: block;
    content: '';
    background-color: #fff;
    position: absolute;
    width: 10px;
    height: 2px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.toggle_btn:before {
    width: 2px;
    height: 10px;
}


/* アコーディオンメニュー(プラス・マイナスボタン) （背景水色）*/
.toggle_contents_blue {
    border: 2px solid #d9d9d9;
    background-color:#F2F5FA;
}
.toggle_contents_blue dd {
    display: none;
}
.toggle_contents_blue_left {
    border-left: 2px solid #d9d9d9;
    border-bottom: 2px solid #d9d9d9;
    background-color:#F2F5FA;
}
.toggle_contents_blue_right {
    border-right: 2px solid #d9d9d9;
    border-bottom: 2px solid #d9d9d9;
    background-color:#F2F5FA;
}
.toggle_contents_blue_left_only {
    border-left: 2px solid #d9d9d9;
    background-color:#F2F5FA;
}
.toggle_contents_blue_right_only {
    border-right: 2px solid #d9d9d9;
    background-color:#F2F5FA;
}
.toggle_contents_blue_right_left {
    border-right: 2px solid #d9d9d9;
    border-left: 2px solid #d9d9d9;
    background-color:#F2F5FA;
}
.toggle_contents_blue_bottom {
    border-left: 2px solid #d9d9d9;
    border-right: 2px solid #d9d9d9;
    border-bottom: 2px solid #d9d9d9;
    background-color:#F2F5FA;
}

.toggle_contents_blue_back {
    background-color:#F2F5FA !important;
}

/* ログイン画面アコーディオンメニュー(「WEB申込できないケース」) */
.login_toggle_contents {
    margin-top: 20px;
    margin-left: 22px;
    margin-bottom: 0px;
    padding: 0px;
    border-radius : 18px;
    /*border-radius: 18px 18px 0px 0px;*/
    box-shadow: -3px 8px 22px #E6000029;
    /*width: 311px;*/
    width: 87%;
     background : #FFFFFF;
}
.login_toggle_title {
    /*width: 311px;*/
    width: 100%;
    height: 36px;
    position: relative;
    padding: 7px 0px 0px 10px;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    line-height: 1.4;
    color:#FFFFFF;
    background-image: linear-gradient(90deg, rgba(230, 0, 0, 1), rgba(255, 127, 29, 1));
    border-radius: 18px / 18px;
    /*border-radius: 18px 18px 0px 0px;*/
}
.login_toggle_btn {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    background: #FFFFFF;
    display: block;
    width: 18px;
    height: 18px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 10%;
}
.login_toggle_btn:before, .login_toggle_btn:after {
    display: block;
    content: '';
    background-color: #FF0000;
    position: absolute;
    width: 10px;
    height: 2px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.login_toggle_btn:before {
    width: 2px;
    height: 10px;
}
.login_toggle_title.selected .login_toggle_btn:before {
    content: normal;
}
.login_toggle_contents dd {
    display: none;
}

.login_toggle_info {
    width: 24px;
    height: 24px;
}

.login_toggle_body {
    font-size : 14px;
    text-align: left;
    padding-top: 15px;
    padding-left: 0px;
    padding-right: 15px;
    padding-bottom: 0px;
    color: #333333;
}

.login_toggle_body2 {
    font-size : 14px;
    text-align: left;
    padding-top: 0px;
    padding-left: 20px;
    padding-right: 15px;
    padding-bottom: 15px;
    color: #333333;
}


/* ログイン画面のテキストボックス(必須薄黄色） */
.input-text.login-input-text-hissu {
    margin : 0;
    width : 100%;
    box-sizing : border-box;
    background-color: #FFFFE0
}

/* ログイン画面のテキスト入力エリア(入力中) */
.input-text.login-input-text-hissu:focus {
    border-color : #E60000;
    background : #FFFFFF;
}


/* 画面のコンテナ */
.common-container {
/*
    max-width : 480px;
*/
    width : 99%;
    background-color : #F8F8F8;
    font-family : SourceHanSansJP-Medium;
    box-sizing : border-box;
    align:center;
}

/* 保険選択画面ラジオボタン */
.check_hoken_radio {
    display: none;
}

/* 保険選択ラジオボタン用ラベル（表示名称２行） */
.check_hoken_radio +label {
    display: flex;
    box-sizing : border-box;
    position : relative;
    margin : 0px 10px 10px 10px;
    padding : 10px 16px 10px 24px;
    vertical-align : middle;
    cursor : pointer;
    outline : 0;
    border-radius : 8px;
    box-shadow :0px 2px 4px #E6000014;
    background-color:#FFF;
    font-size : 13px;
    font-weight:bold;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
    text-align: left;

    width:97%;
    height:90%;

}

/* 保険選択ラジオボタン用ラベルサイズ（表示名称２行） */
.radio_size_2row {
    width: 343px;
    height: 69px;
}

/* 保険選択ラジオボタン用ラベルサイズ（表示名称３行） */
.radio_size_3row {
    width: 343px;
    height: 87px;
}

.check_hoken_img {
/*
    width: 50px;
    height: 50px;
*/
    vertical-align: middle;

}
.check_hoken_radio +label img {
    opacity: 0.2;
}
.check_hoken_radio:checked + label img {
    opacity: 1;
}

/*パディング右(20px)*/
.padding-right-20 {
    padding-right:20px;
}

/* 画面タイトル（一時保存・戻る タイトル表示エリア） */
.form-title-area {
    position : relative;
    width : 100%;
    height : 68px;
    background-image: linear-gradient(90deg, rgba(204,0,0,1) 0%, rgba(204,0,0,1) 50%, rgba(255,127,29,1) 120%);
    box-shadow: 0px 2px 4px 0px rgba(230,0,0,0.08);
}

/* 画面タイトル（一時保存・戻る タイトル項目） */
.form-title-title {
    font-family : 'SourceHanSansJP-Bold';
    padding : 10px 50px 0 16px;
    letter-spacing : 0;
    line-height : 18px;
    font-size : 15px;
    color : #FFF;
}

/* 完了画面タイトル（一時保存・戻る タイトル表示エリア） */
.kanryo-form-title-area {
    position : relative;
    width : 100%;
    height : 68px;
    background-image: linear-gradient(90deg, rgba(204,0,0,1) 0%, rgba(204,0,0,1) 50%, rgba(255,127,29,1) 120%);
    box-shadow: 0px 2px 4px 0px rgba(230,0,0,0.08);
}

/* 申込完了画面タイトル（一時保存・戻る タイトル項目） */
.kanryo-form-title-title {
    font-family : 'SourceHanSansJP-Medium';
    padding : 23px 20px 0 16px;
    letter-spacing : 0;
    line-height : 18px;
    font-size : 15px;
    color : #FFF;
}


/* 画面タイトル（一時保存ボタン） */
.form-title-link {
    letter-spacing : 0;
    line-height : 18px;
    font-size : 14px;
    font-weight:bold;
    position : absolute;
    top : 17px;
    text-align : center;
}

/* 画面タイトル（一時保存） */
.form-title-link.Save-link {
    right : 86px;
}

/* 画面タイトル（戻る） */
.form-title-link.Back-link {
    top : 30px;
    left : 16px;
}

/* 画面タイトル（一時保存） */
.form-title-ichijihozon {
    position : absolute;
    top : 3px;
    box-shadow : 0 1px 3px 0 rgba(0,0,0,0.33);
    border-radius : 6px;
    display : table-cell;
    user-select : none;
    -moz-user-select : none;
    -webkit-user-select : none;
    -ms-user-select : none;
    unselectable : on;
    margin : 0 auto;
    padding : 0 10px 0 10px;
    width : 76px;
    height : 30px;
    cursor : pointer;
    background : #FFFFFF;
    color : #CC0000;
}

/* 画面タイトル（一時保存ボタンフォント） */
.form-title-ichijihozon.DispFont {
    font-size : 14px;
    color : #CC0000;
    padding : 5px;
}

/* 画面タイトル（一時保存のafter要素） */
.form-title-ichijihozon:after {
    font-family : 'SourceHanSansJP-Medium';
    position : absolute;
    top : 10px;
    color : #CC0000;
    font-size : 12px;
    line-height : 15px;
    letter-spacing : 0;
}

/* 画面タイトル（戻る） */
.form-title-backpage {
    position : absolute;
    top : 8px;
    box-shadow : 0 1px 3px 0 rgba(0,0,0,0.33);
    border-radius : 6px;
    display : table-cell;
    user-select : none;
    -moz-user-select : none;
    -webkit-user-select : none;
    -ms-user-select : none;
    unselectable : on;
    margin : 0 auto;
    padding : 0 10px 0 10px;
    width : 44px;
    height : 21px;
    cursor : pointer;
    background : #FFFFFF;
    color : #CC0000;
}

/* 画面タイトル（戻るボタンフォント） */
.form-title-backpage.DispFont {
    font-size : 12px;
    color : #CC0000;
    padding : 1px;
}

/* 画面タイトル（戻るのafter要素） */
.form-title-backpage:after {
    font-family : 'SourceHanSansJP-Medium';
    position : absolute;
    top : 10px;
    color : #CC0000;
    font-size : 12px;
    line-height : 15px;
    letter-spacing : 0;
}

/*テキスト入力エリア（申込者情報）*/
.input-text-modal-mouinfo {
    /*width : 420px;*/
    width : 100%;
    margin : 2px 0px 0px 0px;
}

/* 白ボタン(通常時) */
.button-white {
    background : #FFF;
    color : #575757;
}

/* 白ボタン(ホバー時) */
.button-white:hover {
    background : #F8F8F8;
}

/* 白ボタン(クリック時) */
.button-white:active {
    box-shadow : 0 0 0 0;
}

/* 本人バッチ */
.badge-honnin {
    font-family : 'SourceHanSansJP-Bold';
    font-size : 12px;
    letter-spacing : 0;
    background-color : #FFF;
    color : #0072AB;
    border : 2px solid #0072AB;
}
/* ペア相手バッチ */
.badge-aite {
    font-family : 'SourceHanSansJP-Bold';
    font-size : 12px;
    letter-spacing : 0;
    background-color : #FFF;
    color : #A66100;
    border : 2px solid #A66100;
}
/*黒四角数字番号*/
.bacge-black-no {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 9px;
    letter-spacing : 0;
    background-color : #575757;
    color : #FFF;
    border : 0px solid #575757;
    border-radius : 3px;
    width : 16px;
    height : 16px;
}

/* 罫線 */
.list-border-top {
    border-top : 1px solid #DCDCDC;
    padding : 0px 12px 0px 12px;
}
.list-border-bottom {
    border-bottom : 1px solid #DCDCDC;
    padding : 0px 12px 0px 12px;
}
.list-border-left-right {
    border-left : 1px solid #DCDCDC;
    border-right : 1px solid #DCDCDC;
    padding : 0px 12px 0px 12px;
}
.list-border-left {
    border-left : 1px solid #DCDCDC;
    padding : 0px 12px 0px 12px;
}
.list-border-right {
    border-right : 1px solid #DCDCDC;
    padding : 0px 12px 0px 12px;
}

/*右寄せ*/
.disp-right {
   text-align: right;
}

/*左寄せ*/
.disp-left {
   text-align: left;
   float: left;
}

/*中央寄せ*/
.disp-center {
   text-align: center;
}

/*コンテンツ中央寄せ*/
.disp-contents-center {
    justify-content : center;
}

/* 画面下部戻るボタン用 */
.button-back-wrap {
    padding-top : 16px;
    margin : 0 auto;
    text-align: left;
}

/*黒丸の×（閉じる）ボタン*/
.round_blac_btn_close {
  display: block;
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;  /* 丸みの度合い */
  background: #333; /* ボタンの背景色 */
}
.round_blac_btn_close::before, .round_blac_btn_close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px;
  height: 21px;
  background: #fff; /* バツ印の色 */
}
.round_blac_btn_close::before {
  transform: translate(-50%,-50%) rotate(45deg);
}
.round_blac_btn_close::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}

/*白丸の赤字！マーク*/
.round_red_info {
    font-family : 'SourceHanSansJP-Bold';
    font-size : 11px;
    letter-spacing : 0;
    background-color : #FFF;
    color : #CC0000;
    border-radius : 50px;
    width: 16px;
    height: 16px;
    text-align:center;
    margin : 0px;
    /*background-image : url('../../img/icon_exclamation_red.svg');*/
}

/*赤丸の白字！マーク*/
.round_white_info {
    font-family : 'SourceHanSansJP-Bold';
    font-size : 11px;
    letter-spacing : 0;
    background-color : #CC0000;
    color : #FFF;
    border-radius : 50px;
    width: 16px;
    height: 16px;
    text-align:center;
    margin : 0px;
    /*background-image : url('../../img/icon_exclamation_red.svg');*/
}

/*画面背景色(ライトグレー)*/
.form-back-color {
    background-color:#F8F8F8;
}


/*画面背景色(白)*/
.form-white-color {
    background-color:#FFF;
}

/*項目横並び（チェックボックス、ラジオボタン）*/
.disp-flex {
    display: flex;
}

/*区切り用横線（2px)*/
.border-top-solid {
    border-top: 2px solid #d9d9d9;
}
/*区切り用横線（1px)*/
.border-top-solid-1-only {
    border-top: 1px solid #d9d9d9;
}
/*区切り用横線（1px・上下余白）*/
.border-top-solid-1 {
    border-top: 1px solid #d9d9d9;
    padding : 16px 0 0 0;
    margin-top : 16px;

}

/*パンくずリスト ライン1/4*/
.status-border-1-4 {
    position : relative;
    margin : 0px  auto;
    padding : 0px;
    color : #E60000;
    display : table-cell;
    width : 100%;
}
.status-border-1-4::before {
    content : '';
    position : absolute;
    left : 0px;
    bottom : 35px;
    width : 100%;
    border-bottom : 3px solid #DCDCDC;
}
.status-border-1-4::after {
    content : '';
    position : absolute;
    left : 0px;
    bottom : 35px;
    width : 25%;
    border-bottom : 3px solid #E60000;
}

/*パンくずリスト ライン2/4*/
.status-border-2-4 {
    position : relative;
    margin : 0px  auto;
    padding : 0px;
    color : #E60000;
    display : table-cell;
    width : 100%;
}
.status-border-2-4::before {
    content : '';
    position : absolute;
    left : 0px;
    bottom : 35px;
    width : 100%;
    border-bottom : 3px solid #DCDCDC;
}
.status-border-2-4::after {
    content : '';
    position : absolute;
    left : 0px;
    bottom : 35px;
    width : 50%;
    border-bottom : 3px solid #E60000;
}

/*パンくずリスト ライン3/4*/
.status-border-3-4 {
    position : relative;
    margin : 0px  auto;
    padding : 0px;
    color : #E60000;
    display : table-cell;
    width : 100%;
}
.status-border-3-4::before {
    content : '';
    position : absolute;
    left : 0px;
    bottom : 35px;
    width : 100%;
    border-bottom : 3px solid #DCDCDC;
}
.status-border-3-4::after {
    content : '';
    position : absolute;
    left : 0px;
    bottom : 35px;
    width : 75%;
    border-bottom : 3px solid #E60000;
}

/*パンくずリスト ライン100％l*/
.status-border-all {
    position : relative;
    margin : 0px  auto;
    padding : 0px;
    color : #E60000;
    display : table-cell;
    width : 100%;
}
.status-border-all::before {
    content : '';
    position : absolute;
    left : 0px;
    bottom : 35px;
    width : 100%;
    border-bottom : 3px solid #DCDCDC;
}
.status-border-all::after {
    content : '';
    position : absolute;
    left : 0px;
    bottom : 35px;
    width : 100%;
    border-bottom : 3px solid #E60000;
}

/*パンくずリスト ライン 0％*/
.status-border-none {
    position : relative;
    margin : 0px  auto;
    padding : 0px;
    color : #E60000;
    display : table-cell;
    width : 100%;
}
.status-border-none::before {
    content : '';
    position : absolute;
    left : 0px;
    bottom : 35px;
    width : 100%;
    border-bottom : 3px solid #DCDCDC;
}
.status-border-none::after {
    content : '';
    position : absolute;
    left : 0px;
    bottom : 35px;
    width : 0%;
    border-bottom : 3px solid #E60000;
}

/* 影付き白抜き枠 */
.white-shadow-area {
    margin : 30px;
    padding : 5px 20px;
    border-radius : 5px;
    box-shadow: 0px 0px 5px 0px rgba(230,0,0,0.16);
    background-color:#FFF;
}


/* 画像パンくずリスト背景の表示 */
.imgBreadcrumb-area {
    text-align : center;
    margin : 0 auto;
}

/* 左右パディング */
.padding-0-10-0-10 {
    padding : 0 10px 0 10px;
}

/* 左右パディング */
.padding-0-12-0-12 {
    padding : 0 12px 0 12px;
}

/* トップ注意文言表示エリア */
.top-attention-area {
    width : 100%;
    background : #FFF;
    padding : 10px 20px 10px 20px;
    box-shadow: 0px 0px 5px 0px rgba(230,0,0,0.16);
    justify-content : center;
/*
    text-align : center;
    margin : 30px;
    display : table;
    table-layout : fixed;
*/
}

/* アップロードの削除ボタン　テキスト部分 */
.upload-delete-btn-text {
    width : 80px;
    color : #333;
    padding : 0 12px 0 16px;
}

/* アップロードの削除ボタン　×マーク部分 */
.upload-delete-btn-text-mark {
    color : #026DC9;
    padding : 0 0 0 10px;
    font-weight:bold;
    font-size : 18px;
}


/* アップロードの削除ボタン */
.upload-delete-btn {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 14px;
    letter-spacing : 0;
    line-height : 17px;
    border-radius : 6px;
    user-select : none;
    -moz-user-select : none;
    -webkit-user-select : none;
    -ms-user-select : none;
    unselectable : on;
    text-align : center;
    vertical-align : middle;
    padding : 5px 0 5px 0;
    margin : 0 auto;
    cursor : pointer;
    border : 1px solid #DCDCDC;
}

/*アップロードボタン*/
.upload-btn {
    font-family : 'SourceHanSansJP-Bold';
    font-size : 15px;
    letter-spacing : 0;
    line-height : 39px;
    border-radius : 6px;
    user-select : none;
    -moz-user-select : none;
    -webkit-user-select : none;
    -ms-user-select : none;
    unselectable : on;
    text-align : center;
    vertical-align : middle;
    padding : 0 10px 0 10px;
    margin : 0 auto;
    width : 160px;
    height : 40px;
    cursor : pointer;
    background : #E60000;
    color : #FFFFFF;
}

/* 入力不可テキスト */
.text-no-input-area {
    background : #E8E8E8 ;
}

/*見出し　下線部分(２色）*/
.hanyo-midashi-line {
    padding : 6px 16px 24px 0px;
}
.hanyo-midashi-line::before {
    content : '';
    position : absolute;
    left : 16px;
    right : 10px;
    /*bottom : 35px;*/
    /*width : 90%;*/
    width : 92%;
    border-bottom : 3px solid #DCDCDC;
}
.hanyo-midashi-line::after {
    content : '';
    position : absolute;
    left : 16px;
    right : 10px;
    /*bottom : 35px;*/
    width : 5%;
    border-bottom : 3px solid #E60000;
}

/*見出し　下線部分(赤１色）*/
.hanyo-midashi-line-all {
    margin : 0 auto;
    padding : 0px 12px 0px 12px;
    border-bottom : 3px solid #E60000;
}

/*親要素用*/
.hanyo-midashi-line-oya {
    position: relative;
}

/*見出し　下線部分(２色）*/
.hanyo-midashi-line-saishu-kakunin {
    padding : 6px 16px 24px 0px;
    
}
.hanyo-midashi-line-saishu-kakunin::before {
    content : '';
    position : absolute;
    left : 16px;
    right : 10px;
    /*bottom : 35px;*/
    /*width : 90%;*/
    width : 90%;
    border-bottom : 3px solid #DCDCDC;
}
.hanyo-midashi-line-saishu-kakunin::after {
    content : '';
    position : absolute;
    left : 13px;
    right : 10px;
    /*bottom : 35px;*/
    width : 5%;
    border-bottom : 3px solid #E60000;
}

/*見出し　下線部分(赤１色）*/
.hanyo-midashi-line-saishu-kakunin-all {
    margin : 0 auto;
    padding : 0px 12px 0px 12px;
    border-bottom : 3px solid #E60000;
}

/* 最終確認画面の最終項目区切り線（赤） */
.row-cut-border {
    border-bottom : 2px solid;
    border-image : linear-gradient(to right,#E60000,#FF7F1D)1;
}

/* 最終確認画面の最終項目区切り上線（赤） */
.row-cut-line-last {
    border-top : 0px solid;
    border-bottom : 1px solid #DCDCDC;
    border-left : 1px solid #DCDCDC;
    border-right : 1px solid #DCDCDC;
    border-radius : 0 0 10px 10px;
    margin : 0 auto;
    padding : 12px 12px 12px 12px;
}
/* 最終確認画面の中間項目区切り上線（赤） */
.row-cut-line-mid {
    border-top : 0px solid;
    border-left : 1px solid #DCDCDC;
    border-right : 1px solid #DCDCDC;
    margin : 0 auto;
    padding : 12px 12px 12px 12px;
}

/* 最終確認画面選択値表示エリア
.select-value-area {
    display : flex;
    border-radius : 0px;
    text-align : center;
    height:40px ;
    width : auto;
    margin : 10px 10px 0 10px;
    padding : 10px;

} */

/* 最終確認画面選択値表示エリア */
.select-value-area {
    display:table;
    text-align : center;
    background-color : #F2F5FA;
    width:100%;
    height:40px;
    padding : 10px;
}

/* 告知事項編集に戻るボタン配置用 */
.henshu-modoru-bottun {
  display:flex;
  justify-content:space-between;
}

/* padding右のみ25 */
.padding-right-25 {
    padding : 0 25px 0 0;
}

/* チェックボックス（背景・罫線なし） */
.label-checkbox-nocolor {
    margin : 0;
    padding : 7px;
    min-height : 40px;
    display : -webkit-flex;
    display : -moz-flex;
    display : -ms-flex;
    display : -o-flex;
    display : flex;
    align-items : center;
    cursor : pointer;
}
.label-checkbox-nocolor.active {
}
.label-checkbox-nocolor > .icon-checkbox {
    display : table;
    position : relative;
    width : 18px;
    height : 18px;
    background-color : #FFFFFF;
    border : 2px solid #737373;
    border-radius : 2px;
    content : '';
    margin : 3px;
}
.label-checkbox-nocolor.active > .icon-checkbox {
    border-color : #E60000;
    background-color : #E60000;
}
.label-checkbox-nocolor > .icon-checkbox::after {
    position : absolute;
    top : -1px;
    left : 4px;
    display : table;
    width : 7px;
    height : 13px;
    border-right : 2px solid #FFFFFF;
    border-bottom : 2px solid #FFFFFF;
    content : '';
    opacity : 0;
    -webkit-transform : rotate(45deg);
    -ms-transform : rotate(45deg);
    transform : rotate(45deg);
}
.label-checkbox-nocolor.active > .icon-checkbox::after {
    opacity : 1;
}
.label-checkbox-nocolor > .text-checkbox {
    display : inline-block;
    word-wrap : break-word;
    white-space : normal;
    color : #333;
    letter-spacing : 0;
    font-size : 14px;
    line-height : 14px;
    font-family : 'SourceHanSansJP-Medium';
    margin : 5px 0 5px 4px;
    text-align : left;
    font-weight : bold;
}

/* 健診書選択文言表示エリア */
.kenshinsyo-disp-area {
    border : 1px solid #DCDCDC;
    padding : 20px 16px 20px 16px;
    border-radius: 10px 10px 10px 10px;
}

/* 項目名幅*/
.col-width-key {
    width: 150px;
}


/*告知事項画面　選択肢テーブル */
.kokuchi-select-table {
    table-layout :fixed;
    width : 100%;
    font-size:14px;
}

/*告知事項画面　選択肢テーブル幅(１列分） */
.kokuchi-select-row-width {
    /*width : 50%;*/
    width : 154px;
}

/*告知事項画面　選択肢（背景水色の白罫線）*/
.kokuchi-select-area {
    background-color : #F2F5FA;
    border : 2px solid #FFF;
    /*padding :  8px 8px 5px 8px;*/
    vertical-align : middle;
    font-size : 16px;
}

/* 告知事項画面 チェックボックス */
.kokuchi-label-checkbox {
    margin : 0;
    padding : 8px;
    min-height : 40px;
    display : -webkit-flex;
    display : -moz-flex;
    display : -ms-flex;
    display : -o-flex;
    display : flex;
    align-items : center;
    cursor : pointer;
}
.kokuchi-label-checkbox.active {
    border-color : transparent;
}
.kokuchi-label-checkbox > .icon-checkbox {
    display : table;
    position : relative;
    width : 18px;
    height : 18px;
    background-color : #FFFFFF;
    border : 1px solid #DCDCDC;
    border-radius : 2px;
    content : '';
    margin : 3px;
    /* チェックボックスの幅を固定 */
    flex-shrink: 0;
}
.kokuchi-label-checkbox.active > .icon-checkbox {
    border-color : #E60000;
    background-color : #E60000;
}
.kokuchi-label-checkbox > .icon-checkbox::after {
    position : absolute;
    top : -1px;
    left : 4px;
    display : table;
    width : 7px;
    height : 13px;
    border-right : 2px solid #FFFFFF;
    border-bottom : 2px solid #FFFFFF;
    content : '';
    opacity : 0;
    -webkit-transform : rotate(45deg);
    -ms-transform : rotate(45deg);
    transform : rotate(45deg);
}
.kokuchi-label-checkbox.active > .icon-checkbox::after {
    opacity : 1;
}
.kokuchi-label-checkbox > .text-checkbox {
    display : inline-block;
    word-wrap : break-word;
    white-space : normal;
    color : #333;
    letter-spacing : 0;
    font-size : 14px;
    line-height : 14px;
    font-family : 'SourceHanSansJP-Medium';
    margin : 5px 0 5px 6px;
    text-align : left;
}


table .kokuchi-label-checkbox {
/*    display: table;*/
    border-collapse: initial;
}
/* 告知事項画面 アコーディオンなし項目タイトル */
.notoggle_title_fs16{
    position: relative;
    /*padding: 10px;*/
    padding: 10px 10px 10px 0px;
    cursor: pointer;
    text-align: left;
    line-height: 1.4;
    font-weight:bold;
    font-size: 15px;
    width : 100%;
}

/* 告知事項画面 段落タイトル */
.kokuchi-title-font {
    font-weight:bold;
    font-size: 16px;
}


/* 告知事項画面 アコーディオントグルボタン（赤色イメージ） */
.red_toggle_btn {
    position: absolute;
    top: 50%;
    right: 20px;
    background:#CC0000;
    display: block;
    width: 24px;
    height: 24px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 10%;
    transform: translateY(-50%);
}
.red_toggle_btn:before, .red_toggle_btn:after {
    display: block;
    content: '';
    background-color: #fff;
    position: absolute;
    width: 10px;
    height: 2px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.red_toggle_btn:before {
    width: 2px;
    height: 10px;
}

/* ボタン（標準・影なし） */
.button-normal-no-shadow {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 18px;
    letter-spacing : 0;
    line-height : 18px;
    /*box-shadow : 0 1px 3px 0 rgba(0,0,0,0.33);*/
    border : 1px solid #DCDCDC;
    border-radius : 6px;
    display : table-cell;
    user-select : none;
    -moz-user-select : none;
    -webkit-user-select : none;
    -ms-user-select : none;
    unselectable : on;
    text-align : center;
    vertical-align : middle;
    padding : 0 10px 0 10px;
    margin : 0 auto;
    min-width : 56px;
    cursor : pointer;
    height : 40px;
}

/*保険選択画面　箇条書き内容（下paddingなし）*/
.hokensentaku_biko_body {
    list-style-type : '※';
    padding-top:  10px;
    padding-left:  10px;
    padding-right:  10px;
    padding-bottom: 8px;
    margin-bottom: 0px;
}

/*保険選択画面　チェックエリア*/
.hokensentaku_chkarea_margin {
    margin-left:  10px;
    margin-right:  10px;
}

/* 保険選択画面　チェックエリアpadding */
.hokensentaku_chkarea_padding {
    padding-top:  8px;
    padding-left:  8px;
    padding-right:  8px;
    padding-bottom: 0px;

}

/*チェックボックス*/
.checkbox_list_nopadding {
    list-style-type : '';
    padding :0px;
    text-align:left;
}

/*上下中央*/
.vertical-middle {
    vertical-align : middle;
}

/* 共通画面のコンテナ（カスタム） */
.custom-container-1 {
    max-width : 380px;
    width : 92.5%;
    padding : 32px 10px 16px 10px;
    background-color : #F8F8F8;
    font-family : SourceHanSansJP-Medium;
    box-sizing : border-box;
}

.custom-container-2 {
    max-width : 590px;
    width : 92.5%;
    margin : 0 auto 20px auto;
    padding : 0 12px 0 12px;
    background-color : #F8F8F8;
    font-family : SourceHanSansJP-Medium;
    box-sizing : border-box;
}

/* モーダルウィンドウ(タイトル文字)(カスタム) */
.custom-modal-title {
    color:#FFFFFF;
    font-size: 20px;
}

/* padding 20 */
.padding-20 {
   padding : 20px;
}

/* padding 75 */
.padding-75 {
   padding : 75px;
}


/* お問合せ先ボディ(カスタム) */
.custom-modal-Toiawasesaki-body-panel {
    padding-top : 12px;
    padding-bottom : 4px;
}

/* QA画面のコンテナ */
.QA-container {
    /*max-width : 375px;*/
    max-width : 768px;
    width:100%;
    padding : 0px 0px 16px 0px;
    background-color : #FFF;
    font-family : SourceHanSansJP-Bold;
    box-sizing : border-box;
}

/* 通常テキスト（小）(カスタム) */
.custom-font-normal_s {
    font-family : 'SourceHanSansJP-Medium', 'Yu Gothic UI Semibold', 'メイリオ', sans-serif;
    font-size : 13px;
    color : #333;
    padding : 13px;
}

/* 強調（黒文字）(カスタム) */
.custom-honbun-kyocho-black {
    font-family : 'SourceHanSansJP-Bold';
    font-size : 20px;
    color : #333333;
    padding : 13px;
}

/* QAコンテンツエリア */
.QA-contents-area {
    margin : 0 auto;
}

/* 共通ヘッダQA（タイトル表示エリア）(カスタム) */
.custom-commonBodyTop-title-QA {
    position : relative;
    width : 100%;
    height : 75px;
    background : #FFFFFF;
    box-shadow : inset 0 -3px 0 0 mistyrose;
}

/* QA表示アコーディオンの背景(カスタム) */
.custom-qa-background {
    background : #F8F8F8;
    border-radius : 10px;
}

/* QAの背景(カスタム) */
.QA-background {
    background : lavenderblush;
    margin-bottom : 20px;
    border-radius : 10px;
}

/* QA背景グラデーション */
.gradation {
    color : mistyrose;
    background : -webkit-linear-gradient(180deg, #FFE4E1, white);
    border-radius : 0 0 32px 40px;
    padding : 12px 0;
}

/* QA枠のパディング */
.custom-qa-padding {
    padding : 0 0 15px 0;
    position : relative;
    top : 15%;
}

/* QAのコンテンツエリアの親要素 */
.QA-root-panel {
    margin : 0 auto;
    padding : 32px 16px 64px 16px;
}

/* 申込者情報のコンテンツエリアの親要素 */
.root-panel-004 {
    margin : 0 auto;
    padding : 11px 6px 24px 6px;
}

/* 見出しラインデザイン */
.midashi-line {
    position : relative;
    border-bottom : 3px solid #DCDCDC;
}

.midashi-line:before {
    position : absolute;
    bottom : -3px;
    left : 0;
    width : 5%;
    height : 3px;
    content : '';
    background : red;
}

/* セクションタイトル(カスタム) */
.custom-section-title {
    line-height : 32px;
    font-size : 20px;
    font-family : 'SourceHanSansJP-Medium';
    color : #333333;
    letter-spacing : 0;
}

/* パディング上下だけ12px */
.padding-top-bottom-12 {
    padding-top : 12px;
    padding-bottom : 12px;
}

/* パディング左右だけ21px */
.padding-left-21 {
    padding-left : 21px;
    padding-right : 21px;
}

/* パディング下だけ16px */
.padding-bottom-16 {
        padding-bottom : 16px;
}

/* 最終確認健診書アップロード用 */
.padding-top-bottom-saishu-kenshinsho {
    padding-top : 20px;
    padding-bottom : 10px;
}


/* QAボディコンテナ */
.QA-bodyContainer {
    height : 570px;
    width : 360px;
}

/* QAアコーディオン */
.qa-accordion-container {
    margin: auto 0;
    width: 100%;
}

.qa-list:not(:first-child) {
    margin-top: 10px;
}

.question-title {
    font-family : 'SourceHanSansJP-Medium';
    cursor: pointer;
    font-size: 14px;
    padding: 8px 27px 0px 42px;
    position: relative;
    color : #333333;
}

.question-title:before {
    position: absolute;
    font-family : 'SourceHanSansJP-Bold';
    display: block;
    content: 'Q';
    top: 8px;
    text-align: center;
    left: 0px;
    color: #333333;
    width: 30px;
    height: 30px;
    font-size: 15px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 15px;
    opacity:1;
}

.question-title:after {
    position: absolute;
    display: block;
    content: '';
    top: 35%;
    right:0px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(135deg);
    transition: all .3s ease-in-out;
}

.question-title.open:after {
    transform: rotate(-45deg);
    top: 45%;
}

.answer-text {
    font-family : 'SourceHanSansJP-Medium';
    display: none;
    padding: 8px 33px 0px 42px;
    position: relative;
    font-size: 14px;
    color : #333333;
}

.answer-text:before {
    position: absolute;
    font-family : 'SourceHanSansJP-Bold';
    display: block;
    content: 'A';
    text-align: center;
    left: 0px;
    color: red;
    width: 30px;
    height: 30px;
    font-size: 15px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 15px;
    opacity:1;
}

/* Topボタン */
.custom-back-to-top {
    display: none;
    position: fixed;
    right: 5%;
    bottom: 5%;
    color: #333;
    padding: 2rem;
    border-radius: 50%;
    display: inline-block;
    text-decoration: none;
}

.custom-back-to-top::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    width: 70px;
    height: 70px;
    background-color: #FFF;
    border-radius: 50%;
    z-index: -1;
    box-shadow: -3px 8px 22px 0px rgba(230,0,0,0.16);
}

/* 重要事項確認用ボタン（PDF）ラベル (修正)*/
.pdf label-modify {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 13px;
    letter-spacing : 0;
    /*border : 1px solid #CCCCCC;*/
    border: 1px solid #DCDCDC;
    border-radius : 8px;
    color : #333333;
    cursor : pointer;
    margin-bottom : 0;
    width : 100%;
    padding : 16px 12px 16px 56px;
    display : block;
}

/* 重要事項確認用ボタン（PDFアイコン）（修正） */
.img-pdf-modify {
    display : inline-block;
    background-repeat : no-repeat;
    background-size : 32px;
    background-position : 100px 50%;
    background-image :  url('../../img/icon-PDF.svg');
}

.arrow {
    position: absolute;
    width: 15px;
    height: 15px;
    border: 5px solid #665e53;
    border-left-color: #333;
    border-top-color: #333;
    top: 20px;
    left: 15px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

/* 注意箇条書き内容（修正） */
.attention_body-modify {
    padding : 10px 20px 10px 20px;
}

/* 注意箇条書き内容（li）（修正）*/
.attention_body-modify li {
    background-image : url('../../img/icon_exclamation.svg');
    list-style-type:none;
    background-position : left 2px;
    background-repeat: no-repeat;
    padding-left: 20px
}

.padding-left-200 {
    padding-left : 200px;
}

/* TOPページアイコン（img使用） */
.pagetop-icon{

    width: 60px;
    height:60px;
    box-shadow: -3px 8px 22px #E6000029;
    border-radius: 50%;
    background-repeat : no-repeat;
    background-size : 220%;
    background-image: url('../../img/pageTOP.png');
    background-position: 55% 35%;    /*PNG画像が中央でないため調整*/

    /*みぎしたに固定*/
    position:fixed;
    right:10px;
    bottom:30px;
    cursor:pointer;
    z-index: 10000;

}

/* TOPページアイコンホバー時（img使用） */
.pagetop-icon:hover {
    /*background-image: url('../../img/pageTOP-hover.png');*/
}

/* TOPページアイコンクリック時（img使用） */
.pagetop-icon:active {
    background-image: url('../../img/pageTOP-hover.png');
}

/*箇条書き内容*/
.biko_body_nopadding {
    list-style-type : '※';
    padding: 0px;
}

/* ログイン画面のテキストボックス(必須薄黄色） */
.login-input-text2 {
    background:#FFFCE6;
    border: 1px solid #DCDCDC;
    border-radius : 4px;
    margin : 8px 8px 8px 8px;
    padding : 0 8px 0 8px;
    outline : none;
    height : 40px;
    width:100%;
    font-size : 15px;
    color : #333333;
    letter-spacing : 0;
    line-height : 22px;
    margin:0px;
    font-family: initial;
}

/* ログイン画面のテキスト入力エリア(入力中) */
.login-input-text2:focus {
    border: 1px solid #E60000;
    background : #FFFFFF;
}

/*ログイン画面 注意事項エリア*/
.login-kankyo-attention {
    font-size : 12px;
    color: #CC0000;
    letter-spacing : 0;
    margin-top: 20px;
    margin-right: 22px;
    margin-bottom: 20px;
    width:93%;
}

/* パディング下だけ50px */
.padding-bottom-50 {
    padding-bottom : 50px;
}

/* パディング下だけ70px */
.padding-bottom-70 {
        padding-bottom : 70px;
}

/* 正しく告知画面 PDFボタン */
.tadasiku-kokuchi_pdf {
    /*width: 311px;*/
    height: 53px;
    margin-left:16px;
    margin-top:12px;
    margin-right:32px;
    margin-bottom:24px;
    padding-top: 0px;
    padding-left:  8px;
    padding-right:  8px;
    padding-bottom: 8px;

}
/* 正しく告知画面 PDFボタンラベル */
.tadasiku-kokuchi_pdf_label {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 15px;
    font-weight:bold;
    letter-spacing : 0;
    border: 1px solid #DCDCDC;
    border-radius : 8px;
    color : #333333;
    cursor : pointer;
    margin-bottom : 0;
    margin-right:0px;

    /*width : 311px;*/
    /*padding : 16px 12px 16px 64px;*/
}

/* 正しく告知画面 指示文言エリア */
.tadasiku-kokuchi-shiji-area {
    /*padding-top : 35px;*/
    padding-top : 10px;
    padding-left : 16px;
    padding-right : 32px;
}

/* 正しく告知画面 指示文言エリア２ */
.tadasiku-kokuchi-shiji-area2 {
    padding-top:24px;
    padding-left : 16px;
    padding-right : 16px;
}

/* 正しく告知画面 指示文言エリア３ */
.tadasiku-kokuchi-shiji-area3 {
    padding-top:16px;
    padding-left : 32px;
    padding-right : 22px;
}

/* 正しく告知画面 指示文言エリア４ */
.tadasiku-kokuchi-shiji-area4 {
    padding-top:8px;
    padding-left : 44px;
    padding-right : 32px;
    font-size : 12px;
    color:#575757;
    letter-spacing : 1px;
}

/* 備考リスト */
.biko-list2 {
    list-style: none;
    padding-left: 1.0em;
    margin-left: 0.0em;
}
.biko-list2 li {
    text-indent: -1.0em;
}

/* margin */
.margin-L36 {
    margin-left:36px;
}

/* フォント（リンク） */
.font-link-disp {
    color: #026DC9;
    text-decoration: underline;
}

/* フォント（リンク） */
.font-link-disp2 {
    color: #575757;
}
/* divタグ内の改行なし*/
.display-inline-disp {
    display :inline;
}

/* divタグ内の改行なし*/
.display-flex-disp {
    display :flex;
    box-sizing: border-box;
}

/* タイトル横赤マーク*/
.title-catch {
  display: flex;
  align-items: center; /* 垂直中心 */
  justify-content: center; /* 水平中心 */
  font-size:15px;
  font-weight:bold;
  text-align: left;
  letter-spacing: 0px;
  color: #333333;
}
.title-catch:before {
  border-top: 3px solid #E60000;
  content: "";
  width: 8px; /* 線の長さ */
}

/* 「はい」「いいえ」（赤色）ラジオボタン */
.hai-iie-red input[type=radio] {
    position : absolute;
    clip : rect(0 0 0 0);
}

/* 「はい」「いいえ」（赤色）ラジオボタン(フォーカス時) */
/*
.hai-iie-red input[type=radio]:focus + label {
    outline : 0;
    -webkit-box-shadow : 0 0 0 3px rgba(2, 117, 216, .25);
    box-shadow : 0 0 0 3px rgba(2, 117, 216, .25);
}
*/

/* 「はい」「いいえ」（赤色）ラジオボタンラベル */
.hai-iie-red label {
    font-size : 16px;
    font-weight : bold;
    letter-spacing : 0;
    border-radius : 6px;
    display : table-cell;
    user-select : none;
    -moz-user-select : none;
    -webkit-user-select : none;
    -ms-user-select : none;
    float : left;
    cursor : pointer;
    padding-top : 16px;
    /*padding-left: 8px;*/
    text-align : center;
    line-height : 1;
    min-width : 132px;
    unselectable : on;
    text-align : center;
    vertical-align : middle;
    margin : 0 16px 0px 0;
    cursor : pointer;
    /*width : 100px;*/
    width : 132px;
    height : 48px;

}

/* 「はい」「いいえ」（赤色）ラジオボタン：非活性時 */
.hai-iie-red input[type=radio]:disabled + label {
    cursor : default;
    background : #E8E8E8;
    color : #B5B5B5;

}

/* 「はい」「いいえ」（赤色）ラジオボタン：ラベル 未選択 */
.hai-iie-mi-sentaku label {
    background : #E8E8E8;
    color : #B5B5B5;
}

/* 「はい」「いいえ」（赤色）ラジオボタン：ラベル 選択後 非選択状態 */
.hai-iie-sentaku label {
    background : #797572;
    color : #FFFFFF;
}

/* 「はい」「いいえ」（赤色）ラジオボタン：ラベル 選択後 選択状態 */
.hai-iie-sentaku input[type=radio]:checked + label {
    background : #E60000;
    color : #FFFFFF;
}

/* 次へボタン用２ */
.button-next-wrap-2 {
    padding-top : 40px;
    margin : 0 auto;
    display : table;
}

/* 次画面遷移ボタン */
.button-go-next-2 {
    font-family : 'SourceHanSansJP-Bold';
    font-size : 16px;
    letter-spacing : 0;
    line-height : 48px;
    border-radius : 6px;
    user-select : none;
    -moz-user-select : none;
    -webkit-user-select : none;
    -ms-user-select : none;
    unselectable : on;
    text-align : center;
    vertical-align : middle;
    padding : 0 10px 0 10px;
    margin-left: 16px;
    margin-right: 16px;
    cursor : pointer;
    width : 343px;
    height : 48px;
}

/* 次画面遷移ボタン */
.button-go-next-3 {
    font-family : 'SourceHanSansJP-Bold';
    font-size : 16px;
    letter-spacing : 0;
    line-height : 48px;
    border-radius : 6px;
    user-select : none;
    -moz-user-select : none;
    -webkit-user-select : none;
    -ms-user-select : none;
    unselectable : on;
    text-align : center;
    vertical-align : middle;
    padding : 0 10px 0 10px;
    margin-left: 8px;
    margin-right: 8px;
    cursor : pointer;
    width : 343px;
    height : 48px;
}

/* 画面下部戻るボタン用２ */
.button-back-wrap-2 {
    padding-top : 16px;
    padding-left :16px;
}

/* 画面下部戻るボタン */
.button-back {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 15px;
    letter-spacing : 0;
    line-height : 18px;
    border-radius : 6px;
    display : table-cell;
    user-select : none;
    -moz-user-select : none;
    -webkit-user-select : none;
    -ms-user-select : none;
    unselectable : on;
    text-align : center;
    vertical-align : middle;
    margin : 0 auto;
    padding : 0 10px 0 10px;
    cursor : pointer;
    width : 66px;
    height : 32px;
    background : #797572;
    color : #FFFFFF;
}
/* 画面下部戻るボタン(ホバー時) */
.button-back:hover {
    background : #5C5957;
}

/*------------------------------------*/
/*告知事項１（1-2）*/
/*------------------------------------*/
/* 告知事項1/2 該当エリア */
.container-s {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-top: 35px;
    padding-right: 12px;
    padding-left: 12px;
    box-shadow: 0 0 black;
}

/*------------------------------------*/
/*告知事項４（3-4）*/
/*------------------------------------*/
/* 告知事項3/4 該当エリア */
.kokuchi3-gaitou-area {
    padding-top:35px;
    padding-left:16px;
    padding-right:16px;
    padding-bottom:0px;
}
.kokuchi3-gaitou-area-side-only {
    padding-left:16px;
    padding-right:16px;
}

/* 告知事項3/4 告知事項リストエリア */
.kokuchi3-jikolist-area {
    border: 1px solid #DCDCDC;
    background-color:#FFFFFF;
    margin-top:16px;
    margin-left:16px;
    margin-right:16px;
    /*width:343px;*/
    width:92%;
    height:118px;
}

/* 告知事項3/4 告知事項リスト */
.kokuchi3-jikolist {
    list-style-type: circle;
    padding-top:10px;
    padding-left:26px;
    counter-reset: li;
    font-size:14px;
}

/*
::marker {
     color:#C3B3B3;
 }
*/

.kokuchi3-jikolist li {
    align-items: center;
    padding: 0.1em;
}

/* 告知事項3/4 はい・いいえボタンエリア*/
.kokuchi3-yesno-area {
    margin-top:32px;
    padding-left:60px;
}

/* 告知事項3/4 詳細入力 */
.kokuchi3-input-syosai-area {
    margin-top:40px;
    margin-left:16px;
    margin-right:16px;
}

/* 告示事項3/4 詳細入力ul margin */
.biko-list2-margin-bottom {
    margin-bottom: 5px;
}

/* 告知事項3/4 エリアタイトル赤マークエリア */
.title-mark-area {
    display:flex;
    justify-content: left;
}

/* 告知事項3/4 タイトル注意書き */
.kokuchi3-title-attention {
    padding-left: 16px;
    padding-right: 18px;
    font-size:12px;
    color: #575757;
}

/* 告知事項3/4 入力エリア */
.kokuchi3-input-area {
    background-color:#FFFFFF;
    box-shadow: 0px 2px 4px #CC000028;
}

.kokuchi3-input-area-margin {
/*    padding-top:16px; */
    padding-left:16px;
    padding-right:16px;
    padding-bottom:10px;
}

/* 告知事項3/4 項目タイトル */
.kokuchi3-area-title {
    font-size:15px;
    font-weight:bold;
    color: #333333;
    text-align: left;
}

/* 告知事項3/4 テキストエリア */
.kokuchi3-textarea {
    resize: none; /*右下のサイズ変更不可*/
    width: 311px;
    height :80px;
    background: #FFFFFF;
    border: 1px solid #DCDCDC;
    border-radius: 4px;
    padding: 10px;
    font-family : 'SourceHanSansJP-Medium';
    font-size:14px;
    text-align: left;
}

/* 下のみボーダー */
.row-bottom-10px {
    border-bottom : 1px solid #DCDCDC;
    margin : 0 auto;
    padding : 10px 10px 10px 0;
}

/*下のみボーダー（障害がいの部位）*/
.row-top-border {
    border-top : 1px solid #DCDCDC;
}
/* 入力エリアのラベル（障害がいの部位）*/
.kokuchi3-input-label-area-margin  {
    padding-top:16px;
}


/*------------------------------------*/
/*告知事項５（4-4）*/
/*------------------------------------*/
/* 告知事項4/4 該当エリア */
.kokuchi4-gaitou-area {
    padding-top:35px;
    padding-left:16px;
    padding-right:16px;
    padding-bottom:0px;
}

/* 告知事項4/4 異常とはエリア */
.kokuchi4-ijyolink-area {
    margin-top:16px;
    margin-left:20px;
    padding-top:10px;
    padding-left:10px;
    padding-bottom:10px;
    width: 93%;
    height: 37px;
    background: #FFFCE6;
    border: 1px solid #DCDCDC;
    font-family : 'SourceHanSansJP-Medium';
    font-size:12px;
}

/* 告知事項4/4 詳細入力 */
.kokuchi4-input-syosai-area {
    margin-top:40px;
    margin-left:16px;
    margin-right:16px;
}

/* 告知事項4/4 入力エリア */
.kokuchi4-input-area {
    background-color:#FFFFFF;
    box-shadow: 0px 2px 4px #CC000028;
}

.kokuchi4-input-area-margin {
    /*padding-top:16px;*/
    padding-top:2px;
    padding-left:16px;
    padding-right:16px;
    padding-bottom:10px;
}
.kokuchi4-input-area-margin-L10 {
    padding-top:3.5px;
    /*padding-left:8px;*/
    padding-right:16px;
    padding-bottom:10px;
}

/* 告知事項4/4 項目名 */
.kokuchi4-input-koumoku {
    font-size:14px;
    font-weight: bold;
    line-height: 40px;
}
.kokuchi4-input-koumoku-width {
    width: 120px;
}
.kokuchi4-input-koumoku-width-taniari {
    width: 80px;
}
.kokuchi4-input-koumoku-padding {
    padding-left:15px;
}

/* 告知事項4/4 単位 */
.kokuchi4-input-tani {
    font-size:14px;
}

/* 告知事項4/4 テキスト */
.kokuchi4-input-text {
    width: 80px;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #DCDCDC;
    border-radius: 4px;
    /*padding-top:3px;*/
    padding-left:10px;
    padding-right:10px;
    font-family : 'SourceHanSansJP-Medium';
    font-size:14px;
    text-align: right;
}

/* 告知事項4/4 高血圧エリア指示文言 */
.kokuchi4-ketuatu-siji {
    font-size:14px;
    color: #333333;
}

/* 告知事項4/4 高血圧エリア注意文言 */
.kokuchi4-ketuatu-attention {
    /*height: 126px;*/
    /*width: 311px;*/
    height: auto;
    width: 100%;
    background: #FFFCE6;
    font-size:12px;
    padding:10px 10px 1px 10px;
    /*margin-right:10px;*/
    margin-right:0px;
}

/* 告知事項4/4 プルダウン */
.kokuchi4-input-pull {
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #DCDCDC;
    border-radius: 4px;
    /*padding-top:3px;*/
    padding-left:4px;
    padding-right:10px;
    font-family : 'SourceHanSansJP-Medium';
    font-size:14px;
    text-align: left;
}

/* 告知事項4/4 入力エリア注意書き */
.kokuchi4-input-attention {
    padding-left: 0px;
    padding-right: 18px;
    font-size:12px;
    color: #575757;
}

/* 告知事項4/4 入力エリア追加文言エリア */
.button-ijoshiteki-tsuika {
   text-align: center;
}
.kokuchi4-input-add {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 15px;
    letter-spacing : 0;
    line-height : 18px;
    box-shadow : 0 1px 3px 0 rgba(0,0,0,0.33);
    border-radius : 6px;
    user-select : none;
    -moz-user-select : none;
    -webkit-user-select : none;
    -ms-user-select : none;
    unselectable : on;
    text-align : left;
    margin : 0 auto;
    padding : 13px 15px 12px 10px;
    cursor : pointer;
}


.kokuchi4-input-add:hover {
    color:#CC0000;
}

/* 告知事項4/4 チェックボックステキスト */
.kokuchi4-chk-text {
    display : inline-block;
    word-wrap : break-word;
    white-space : normal;
    color : #333333;
    letter-spacing : 0;
    font-size : 15px;
    line-height : 21px;
    font-family : 'SourceHanSansJP-Bold';
/*    margin : 5px 0 5px 25px;*/
/*    margin : 0px 0 0px 25px;*/
    text-align : left;
}

/* パディング左だけ4px */
.padding-left-4px {
    padding-left : 4px;
}

/* 正しく告知画面 PDF*/
.tadashikukokuchi-pdf {
    width : 311px;
    height : 53px;
}

/*必須項目*/
.hissu-mark-label {
    font-size:15px;
    font-weight:bold;
    color: #333333;
    text-align: left;
}
.hissu-mark-label:after {
    font-size:12px;
    font-weight:bold;
    color: #E60000;
    content:"必須";
    width: 38px;
    height: 20px;
    background:#FFFFFF;
    border: 1px solid #E60000;
    padding-top:1px;
    padding-left:7px;
    padding-right:7px;
    margin-left:5px;
}

/* 文中リンク12P */
.font-link-12p {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 12px;
    color : #026DC9;
    text-decoration : underline;
}

/* 文中リンク12P hover時 */
.font-link-12p:hover {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 12px;
    color : #333;
    text-decoration : underline;
}

/* パディング左だけ13px */
.padding-left-13 {
    padding-left : 13px;
}

/* パディング左だけ24px */
.padding-left-24 {
    padding-left : 24px;
}

/* パディング左だけ30px */
.padding-left-30 {
    padding-left : 30px;
}
/* パディング左だけ36px */
.padding-left-36 {
    padding-left : 36px;
}

/*------------------------------------*/
/*告知事項２（2-4）*/
/*------------------------------------*/
/* 告知事項2/4 詳細入力 */
.kokuchi2-top-attention-area {
    /*width: 343px;*/
    width: 93%;
    background-color : #FFFCE6;
    border : 1px solid #DCDCDC;
    margin:0px 10px 0px 10px;
    font-family : 'SourceHanSansJP-Medium';
    font-size : 12px;
    text-align:left;
}

/*箇条書き内容*/
.kokuchi2-top-attention-biko {
    list-style-type : '※';
    padding:10px 10px 10px 19px;
    /*padding:10px 10px 0px 20px;*/
    font-family : 'SourceHanSansJP-Medium';
    font-size :12px;
    color:#575757;
    margin:0px;
}


/* 告知事項2/4 詳細入力 */
.kokuchi2-input-syosai-area {
    margin-left:16px;
    margin-right:16px;
}
/* 告知事項2/4 入力エリア */
.kokuchi2-input-area {
    background-color:#FFFFFF;
    box-shadow: 0px 2px 4px #CC000028;
    /*padding:10px 16px 10px 16px;*/
    padding:10px 16px 16px 16px;
}

/* 告知事項2/4 アコーディオン*/
.kokuchi2-toggle_contents（下線のみあり） {
    border-bottom: 1px solid #d9d9d9;
    background-color: #FFF;
}

.kokuchi2-toggle_contents dd {
    display: none;
}

.kokuchi2-toggle_title {
    position: relative;
    cursor: pointer;
    font-size: 15px;
    font-weight:bold;
    text-align: left;
    line-height : 100%;
    padding:10px 0 0 0;
}

.kokuchi2-toggle_title.selected .kokuchi2-toggle_btn:before {
    content: normal;
}

.kokuchi2-toggle_title.selected .kokuchi2-toggle_btn_multi:before {
    content: normal;
}


.kokuchi2-toggle_btn {
    position: absolute;
    top: 80%;
    right: 0px;
    transform: translateY(-50%);
    background: #CC0000;
    display: block;
    width: 24px;
    height: 24px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 2px;
}
.kokuchi2-toggle_btn:before, .kokuchi2-toggle_btn:after, .kokuchi2-toggle_btn_multi:before, .kokuchi2-toggle_btn_multi:after {
    display: block;
    content: '';
    background-color: #fff;
    position: absolute;
    width: 10px;
    height: 2px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.kokuchi2-toggle_btn:before, .kokuchi2-toggle_btn_multi:before {
    width: 2px;
    height: 10px;
}

/* 告知事項2/4 病気の上記以外チェックエリア */
.kokuchi2-elsechk-area {
    background-color:#FFFFFF;
    box-shadow: 0px 2px 4px #CC000028;
    /*padding:10px 16px 16px 16px;*/
    padding:10px 15px 16px 16px;
    /*margin:16px 16px 0px 0px ;*/
    margin:16px 0px 0px 0px ;
    font-size:14px;
    /*width :343px*/
}

/* 告知事項2/4 テキスト */
.kokuchi2-input-text-jpL {
    width: 311px;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #DCDCDC;
    border-radius: 4px;
    font-size:14px;
    text-align: left;
    padding-left:10px;
    padding-right:10px;
    margin-top:4px;
    font-family : 'SourceHanSansJP-Medium';
}

/* 告知事項2/4 テキスト(非活性時)  */
.kokuchi2-input-text-jpL:disabled {
    background : #EFEFEF;
    color : #999999;
}

/* 告知事項2/4 入力エリア注意書き */
.kokuchi2-input-attention {
    padding-left: 0px;
    font-size:12px;
    color: #575757;
}

/* 告知事項2/4 入力エリア項目２ */
.kokuchi2-input-title2 {
    font-size:15px;
    font-weight:bold;
    color: #6D584E;
    text-align: left;
    margin-top: 16px;
    margin-bottom: 0px;
}

/* 告知事項2/4 入力エリア注意書き（赤字） */
.kokuchi2-input-attention-red {
    padding-left: 0px;
    padding-top:0px;
    font-size:12px;
    color: #CC0000;
}

/* 告知事項2/4 プルダウン */
.kokuchi2-input-pull {
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #DCDCDC;
    border-radius: 4px;
    /*padding-left:4px;*/
    font-size:14px;
    text-align: left;
}

/* 告知事項2/4 エリア追加ボタン */
.kokuchi2-inputarea-add {
    width: 311px;
    height: 48px;
    background: #FFFFFF;
    border: 1px solid #DCDCDC;
    border-radius: 6px;
    padding-top:0px;
    margin-top:8px;
    font-size:14px;
    color: #333333;
    text-align: center;
}

/* 告知事項2/4 入院期間なしエリア */
.kokuchi2-nyuin-nashi-area {
    width: 311px;
    height: 48px;
    background-color: #F2F5FA;
    margin-top:8px;
    padding: 6px 0 0 0px;
}

/* 告知事項2/4 入院期間エリア */
.kokuchi2-nyuin-kikan-area {
width: 311px;
/*height: 240px;*/
height: 215px;
background: #F2F5FA;
margin-top:4px;
padding-top:10px;
padding-left:10px;
}

/* 告知事項2/4 非活性チェックボックスラベル */
.kokuchi2-checkbox-label {
    margin-left: 7px;
    display: block;
    font-size: 14px;
    color: #333333;
    margin : 0px 0 5px 30px;
    text-align : left;
}

/* 告知事項2/4 非活性チェックボックスラベル */
.kokuchi2-checkbox-label-enabled {
    margin-left: 7px;
    display: block;
    font-size: 14px;
    color: #B5B5B5;
    margin : 0px 0 5px 30px;
    text-align : left;
}


/* 告知事項2/4 入力エリア追加エリア */
.kokuchi2-input-add-area {
    font-size:14px;
    margin: 15px 0px 13px 55px;
}
.kokuchi2-input-add-area:hover {
    color:#CC0000;
}

/* 告知事項2/4 入力エリア追加ボタン */
.kokuchi2-input-add-btn {
    width: 311px;
    height: 48px;
    font-size:14px;
    border : 1px solid #DCDCDC;
    border-radius : 6px;
    padding: 15px 27px 13px 16px;
    margin: 8px 32px 0px 0px;
}
.kokuchi2-input-add-btn:hover {
    color:#CC0000;
}

/* 告知事項2/4 症状ラジオ完治エリア */
.kokuchi2-syojyo-kanchi {
    width: 311px;
    background: #F2F5FA;
    padding:8px 0 10px 0;
}

/* 告知事項2/4 症状ラジオ治療中エリア */
.kokuchi2-syojyo-chiryo {
    width: 311px;
    height: 48px;
    background: #F2F5FA;
    margin-top:4px;
    padding:0 0 10px 0;
}

/******** バッジの画像追加 START ********/
/* バッチのアイコン（本人） */
.badge-honnin-icon{
    width: 40px;
    height:20px;
}

/* バッチのアイコン（相手方） */
.badge-aite-icon{
    width: 64px;
    height:20px;
}
/******** バッジの画像追加 END ********/

/******** 数字の画像追加 START ********/
/* 数字のアイコン1（img使用） */
.no-icon-1{
    width: 16px;
    height:16px;
    background-repeat : no-repeat;
    background-image: url('../../img/bullete-1.svg');
}

/* 数字のアイコン2（img使用） */
.no-icon-2{
    width: 16px;
    height:16px;
    background-repeat : no-repeat;
    background-image: url('../../img/bullete-2.svg');
}

/* 数字のアイコン3（img使用） */
.no-icon-3{
    width: 16px;
    height:16px;
    background-repeat : no-repeat;
    background-image: url('../../img/bullete-3.svg');
}

/* 数字のアイコン4（img使用） */
.no-icon-4{
    width: 16px;
    height:16px;
    background-repeat : no-repeat;
    background-image: url('../../img/bullete-4.svg');
}

/* 数字のアイコン5（img使用） */
.no-icon-5{
    width: 16px;
    height:16px;
    background-repeat : no-repeat;
    background-image: url('../../img/bullete-5.svg');
}

/* 数字のアイコン6（img使用） */
.no-icon-6{
    width: 16px;
    height:16px;
    background-repeat : no-repeat;
    background-image: url('../../img/bullete-6.svg');
}

/* 数字のアイコン7（img使用） */
.no-icon-7{
    width: 16px;
    height:16px;
    background-repeat : no-repeat;
    background-image: url('../../img/bullete-7.svg');
}

/* 数字のアイコン8（img使用） */
.no-icon-8{
    width: 16px;
    height:16px;
    background-repeat : no-repeat;
    background-image: url('../../img/bullete-8.svg');
}

/* 数字のアイコン9（img使用） */
.no-icon-9{
    width: 16px;
    height:16px;
    background-repeat : no-repeat;
    background-image: url('../../img/bullete-9.svg');
}

/******** 数字の画像追加 END ********/

/* 診断書サムネイル（topなし） */
.row-mid-top-for-thumbnail {
    margin : 0 auto;
    padding : 0 0 0 0;
}

/* 削除ボタン */
.button-delete {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 15px;
    letter-spacing : 0;
    line-height : 18px;
    box-shadow : 0 1px 3px 0 rgba(0,0,0,0.33);
    border-radius : 6px;
    display : table-cell;
    user-select : none;
    -moz-user-select : none;
    -webkit-user-select : none;
    -ms-user-select : none;
    unselectable : on;
    text-align : center;
    vertical-align : middle;
    margin : 0 auto;
    padding : 0 10px 0 10px;
    width : 78px;
    cursor : pointer;
    height : 32px;
}

/* パディング上下左右 */
.padding-manual {
    padding : 12px 12px 10px 12px;
}

/* パディング下 */
.padding-upl {
    padding : 0px 0px 8px 0px;
}

/* 症状経過ラジオボタン用 */
.syojyo-custom-radio input[type=radio] {
    position : absolute;
    clip : rect(0 0 0 0);
}

/* 症状経過ラジオボタン用(ラベルフォーカス時) */
.syojyo-custom-radio input[type=radio]:focus + label {
/*
    outline : 0;
    -webkit-box-shadow : 0 0 0 3px rgba(2, 117, 216, .25);
    box-shadow : 0 0 0 3px rgba(2, 117, 216, .25);
    border-radius : 10px;
*/
}

/* 症状経過ラジオボタン用ラベル */
.syojyo-custom-radio label {
    box-sizing : border-box;
    position : relative;
    display : inline-block;
    margin : 0;
    /*padding : 14px 10px 14px 36px;*/
    padding : 11px 10px 0px 36px;
    vertical-align : middle;
    height : 100%;
    width : 100%;
    cursor : pointer;
}

/* 症状経過ラジオボタン用ラベルのafter要素 */
.syojyo-custom-radio label:after {
    position : absolute;
    top : 50%;
    left : 12px;
    display : block;
    margin-top : -4px;
    width : 18px;
    height : 18px;
    border : 2px solid #bbb;
    border-color : #999999;
    border-radius : 10px;
    content : '';
}

/* 症状経過ラジオボタン用ラベルのbefore要素 */
.syojyo-custom-radio label:before {
    -webkit-transition : opacity 0.2s linear;
    transition : opacity 0.2s linear;
    position : absolute;
    top : 50%;
    left : 15px;
    display : block;
    margin-top : -1px;
    width : 12px;
    height : 12px;
    /*border : 6px solid #bbb;*/
    border : 2px solid #bbb;
    border-radius : 50%;
    border-color : #E60000;
    /*background-color : #FFFFFF;*/
    background-color : #E60000;
    content : '';
    opacity : 0;
}

/* 症状経過ラジオボタン用ラベルのチェックのbefore要素 */
.syojyo-custom-radio input[type=radio]:checked + label:before {
    opacity : 1;
}

/* 症状経過ラジオボタン用ラベルのチェックのafter要素 */
.syojyo-custom-radio input[type=radio]:checked + label:after {
    border-color : #E60000;
}

/* 告知事項2/4 テキストエリア */
.kokuchi2-textarea-f-black {
    resize: none; /*右下のサイズ変更不可*/
    width: 311px;
    height :80px;
    background: #FFFFFF;
    border: 1px solid #DCDCDC;
    border-radius: 4px;
    padding: 10px;
    font-family : 'SourceHanSansJP-Medium';
    font-size:14px;
    text-align: left;
    color:#333333; /*文字黒色*/
}

/* 告知事項2/4 入力エリア追加エリア２ */
.kokuchi2-input-add-area-2 {
    font-size:14px;
    /*margin: 15px 0px 0px 55px;*/
    margin: 15px 0px 0px 0px;
}
.kokuchi2-input-add-area-2:hover {
    color:#CC0000;
}

/* 告知事項2/4 病気一覧Tableエリア */
.kokuchi2-byoki-table-area {
    /*width :343px;*/
    width :93%;
    padding : 3.5px 17px 3.5px 16px;
    margin:16px 10px 0px 10px;
    background-color:#FFFFFF;
    border :1px solid #DCDCDC;
}
/* 告知事項2/4 病気一覧Table */
.kokuchi2-byoki-table {
    border-collapse :collapse;
    border :0;
}
.kokuchi2-byoki-table td{
    border-bottom :1px solid #DCDCDC;
    padding : 6.5px 0 6.5px 0;
}
.kokuchi2-byoki-table td.no-border{
    border-bottom :0;
}
.kokuchi2-byoki-table-kubun {
    font-family : 'SourceHanSansJP-Bold';
    font-size :13px;
    color :#575757;
    text-align :left;
    vertical-align : top;
    /*width :109px;*/
    width :35%;
}

.system-modal-byomei-table > .kokuchi2-byoki-table > tbody > tr > .kokuchi2-byoki-table-kubun {
    font-family : 'SourceHanSansJP-Bold';
    font-size :12px;
    color :#575757;
    text-align :left;
    vertical-align : top;
    /*width :109px;*/
    width :35%;
}

.modal-byoki-table-area-top0 > .honbun-normal > .kokuchi2-byoki-table > tbody > tr > .kokuchi2-byoki-table-kubun {
    font-family : 'SourceHanSansJP-Bold';
    font-size :12px;
    color :#575757;
    text-align :left;
    vertical-align : top;
    /*width :109px;*/
    width :35%;
}

.kokuchi2-byoki-table-byomei {
    font-family : 'SourceHanSansJP-Medium';
    font-size :13px;
    color :#575757;
    text-align :left;
    vertical-align : top;
}

.system-modal-byomei-table > .kokuchi2-byoki-table > tbody > tr > .kokuchi2-byoki-table-byomei {
    font-family : 'SourceHanSansJP-Medium';
    font-size :11px;
    color :#575757;
    text-align :left;
    vertical-align : top;
}

.modal-byoki-table-area-top0 > .honbun-normal > .kokuchi2-byoki-table > tbody > tr > .kokuchi2-byoki-table-byomei {
    font-family : 'SourceHanSansJP-Medium';
    font-size :11px;
    color :#575757;
    text-align :left;
    vertical-align : top;
}

/* 告知事項2/4 入力エリア２ */
.kokuchi2-input-area-2 {
    background-color:#FFFFFF;
    box-shadow: 0px 2px 4px #CC000028;
    padding:3.5px 16px 6px 3.5px;
    /*width :343px;*/
    width :100%;
    border-radius:8px;
}

/* 告知事項2/4 入力エリア３ */
.kokuchi2-input-area-3 {
    background-color:#FFFFFF;
    box-shadow: 0px 2px 4px #CC000028;
    padding:3.5px 16px 6px 3.5px;
    width :343px;
    height :44px;
    border-radius:8px;
}

/*告知事項2/4画面　ラベルなしチェックボックス*/
.kokuchi2-select-no-label {
    /*background-color : #F2F5FA;*/
    border : 2px solid #FFF;
    /*padding :  8px 8px 5px 8px;*/
    vertical-align : middle;
    /*width:46px;*/
}
/*告知事項2/4画面　ラベルなしチェックボックス項目エリア*/
.kokuchi2-chk-table-value-area {
    width:100%;
}

/* 告知事項2/4 チェックTable */
.kokuchi2-chk-table {
    border-collapse :collapse;
    border :0;
}
.kokuchi2-chk-table td{
    padding : 8.5px 0 8.5px 0;
}
.kokuchi2-chk-table td.set-border{
    border-bottom :1px solid #DCDCDC;
}
.kokuchi2-chk-table td.no-border{
    border-bottom :0;
}
.kokuchi2-chk-table-chk {
    text-align :left;
    vertical-align : middle;
}
.kokuchi2-chk-table-syosai {
    font-family : 'SourceHanSansJP-Bold';
    font-size :15px;
    color :#876868;

}

/* 告知事項2/4 チェックTable */
.kokuchi3-chk-table {
    border-collapse :collapse;
    border :0;
}
.kokuchi3-chk-table td{
    padding : 0;
}
.kokuchi3-chk-table td.set-border{
    border-bottom :1px solid #DCDCDC;
}
.kokuchi3-chk-table td.no-border{
    border-bottom :0;
}
.kokuchi3-chk-table-chk {
    text-align :left;
    vertical-align : middle;
}
.kokuchi3-chk-table-syosai {
    font-family : 'SourceHanSansJP-Bold';
    font-size :15px;
    color :#876868;

}


/* 複数行タイトル横赤マーク*/
.multititle-catch-label {
  display: flex;
  align-items: center; /* 垂直中心 */
  /*justify-content: center;*/ /* 水平中心 */
  justify-content:left;
  font-weight:bold;
  font-size:15px;
  text-align: left;
  letter-spacing: 0px;
}
.multititle-catch-mark {
  vertical-align : top;
}

/*------------------------------------*/
/*告知事項１（1-4）*/
/*------------------------------------*/
/* 告知事項1/4 注意文言エリア */
.kokuchi1-attention-area {
    background-color:#FFF;
    box-shadow: 0px 2px 4px #CC000028;
    border-radius : 4px;
    /*width :343px;*/
    width :93%;
    /*height :280px;*/
    margin : 32px 16px 0px 16px;
    padding : 16px 16px 16px 16px;

}

/* 告知事項1/4 注意箇条書き内容 */
.kokuchi1-attention_body {
    list-style-image : url('../../img/icon_exclamation.svg');
    /*padding : 0px 0px 0px 18px;*/
    positon: relative;
    top: 0%;
    right: 0%;
    padding : 0px 0px 0px 20px;
}

.kokuchi2-toggle_btn_multi {
    position: absolute;
    top: 65%;
    right: 0px;
    transform: translateY(-50%);
    background: #CC0000;
    display: block;
    width: 24px;
    height: 24px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 2px;
}

/* 告知事項2/4 病気アコーディオン*/
.kokuchi2_toggle_btn {
    position: absolute;
    top: 50%;
    right:3px;
    transform: translateY(-50%);
    background: #000000;
    display: block;
    width: 18px;
    height: 18px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 10%;
}
.kokuchi2_toggle_btn:before, .kokuchi2_toggle_btn:after {
    display: block;
    content: '';
    background-color: #fff;
    position: absolute;
    width: 10px;
    height: 2px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.kokuchi2_toggle_btn:before {
    width: 2px;
    height: 10px;
}

.kokuchi2_toggle_title.selected .kokuchi2_toggle_btn:before {
    content: normal;
}

/*区切り用横線（1px・上下余白）*/
.border-top-solid-TB10px {
    border-top: 1px solid #d9d9d9;
    padding : 10px 0 0 0;
    margin-top : 10px;

}


/* 下のみボーダー(上パディング０） */
.row-bottom-10px-Tzero {
    border-bottom : 1px solid #DCDCDC;
    margin : 0 auto;
    padding : 0px 10px 10px 0;
}

/* 告知事項2/4 箇条書き内容 */
.kokuchi2-attention-biko-TBzero {
    list-style-type : '※';
    padding:0px 10px 0px 20px;
    font-family : 'SourceHanSansJP-Medium';
    font-size :12px;
    color:#575757;
    margin:0px;
}

/* 認証コード入力画面のテキストボックス */
.input-text.nisyo-input-text {
    border : 1px solid #DCDCDC;
    margin: 2px 0px 0px 0px;
    padding : 10px;
    width : 100%;
    height :40px;

}
.input-text.nisyo-input-text:focus {
    border : 1px solid #E60000;
}

/* ログアウトボタン灰色(通常時) */
.logout-button-gray {
    background : #797572;
    color : #FFFFFF;
    margin-left: 22px;
    padding-left: 16px;
    padding-right: 16px;
    width: 87%;
}

/* ログアウトボタン灰色(ホバー時) */
.logout-button-gray:hover {
    background : #5C5957;
}

/* ログアウトボタン灰色(クリック時) */
.logout-button-gray:active {
    box-shadow : 0 0 0 0;
}

/* ログアウトボタン灰色(非活性時) */
.logout-button-gray:disabled + .logout-button-gray {
    background : #E8E8E8;
    color : #B5B5B5;
    cursor : default;
    box-shadow : 0 0 0 0;
}

/* マージン下400px*/
.margin-bottom-400 {
    margin-bottom : 400px;
}

/* 入力ラベルタイトルフォント15P  */
.font-col-title-15b {
    font-family : 'SourceHanSansJP-Medium', sans-serif;
    font-size : 15px;
    color : #876868;
    font-weight:bold;
    letter-spacing : 0;
    line-height : 21px;
}

/*お問合せモーダルウィンドウ(ヘッダー部分)*/
.toiawase-modal-header {
    background :#B00000;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    height:36px;
    padding-left : 16px;
    padding-top : 8px;
    padding-bottom : 7px;
}

/*お問合せモーダルウィンドウ(フッター)*/
.toiawase-modal-footer {
    justify-content : center;
    padding-top:10px;
    padding-bottom:10px;
    border-top:1px solid #DCDCDC;
    text-align : center;
}

.padding-10px {
 padding-top: 10px;
}


.padding-10px-trl{
}

/* padding上左のみ10 */
.padding-top-left-10 {
    padding : 10px 0 0 10px;
}
/* padding右のみ10 */
.padding-right-10px {
    padding-right: 10px;
}

/* padding左のみ15 */
.padding-right-15px {
    padding-left: 15px;
}

/*margin左右16px*/
.login-maintenance-area {
    /*padding:15px 20px 15px 20px;*/
    padding:15px 18px 15px 18px;
    /*margin:20px 16px 0px 16px;*/
    margin:20px 16px 0px 22px;
    font-family : 'SourceHanSansJP-Medium',  sans-serif;
    font-size : 13px;
    color : #333333;
    letter-spacing : 0;
    line-height : 17px;
    width:88%;
}

.font-white-10 {
    font-family : 'SourceHanSansJP-Bold';
    color:#FFFFFF;
    font-size: 10px;
}

.font-white-12 {
    font-family : 'SourceHanSansJP-Bold';
    color:#FFFFFF;
    font-size: 12px;
}

/* モーダル表示 病気一覧Table */
.modal-byoki-table-area {
    /*width :343px;*/
    padding : 3.5px 10px 3.5px 10px;
    margin:16px 0px 0px 0px;
    background-color:#FFFFFF;
    border :1px solid #DCDCDC;
}

.modal-byoki-table {
    border-collapse :collapse;
    border :0;
}
.modal-byoki-table td{
    border-bottom :1px solid #DCDCDC;
    padding : 6.5px 0 6.5px 0;
}
.modal-byoki-table td.no-border{
    border-bottom :0;
}
.modal-byoki-table-kubun {
    font-family : 'SourceHanSansJP-Bold';
    font-size :12px;
    color :#575757;
    text-align :left;
    vertical-align : top;
}
.modal-byoki-table-byomei {
    font-family : 'SourceHanSansJP-Medium';
    font-size :11px;
    color :#575757;
    text-align :left;
    vertical-align : top;
}

/* パディング上左右18px */
.padding-TRL-18 {
    padding : 18px 18px 0px 18px;
}

/* ボーダーなし */
.border-none {
    border :0px;
}

/* ボタン枠のみ */
.button-box-shadow {
    box-shadow : 0 1px 3px 0 rgba(0,0,0,0.33);
    border-radius : 6px;
}

.padding-TL-10 {
    padding :10px 0 0 10px;
}

.button-delete-kokuchishosai {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 15px;
    letter-spacing : 0;
    line-height : 18px;
    box-shadow : 0 1px 3px 0 rgba(0,0,0,0.33);
    border-radius : 6px;
    text-align : center;
    vertical-align : middle;
    margin : 0 auto;
    padding : 7px 10px 0 10px;
    width : 78px;
    cursor : pointer;
    height : 32px;
    margin-bottom: 12px;
}

.button-delete-free {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 15px;
    letter-spacing : 0;
    line-height : 18px;
    box-shadow : 0 1px 3px 0 rgba(0,0,0,0.33);
    border-radius : 6px;
    /*display : table-cell;*/
    user-select : none;
    -moz-user-select : none;
    -webkit-user-select : none;
    -ms-user-select : none;
    unselectable : on;
    text-align : center;
    vertical-align : middle;
    margin : 0 auto;
    padding : 7px 10px 0 10px;
    width : 80px;
    cursor : pointer;
    height : 32px;
    white-space: nowrap;
}

.kaitou-custom-radio-label {
    box-sizing : border-box;
    position : relative;
    display : inline-block;
    margin : 4px;
    padding : 0px 12px 0px 4px;
    vertical-align : middle;
    font-size : 15px;
    height : 100%;
    width : 88%;
    cursor : pointer;
    outline : 0;
}

/* ご回答事項：テキストエリア */
.kaitou-input-text-area {
    resize: none; /*右下のサイズ変更不可*/
    background : #FFFFFF;
    border : 1px solid #DCDCDC;
    border-radius : 4px;
    padding : 0 8px 0 8px;
    outline : none;
    width : 100%;
    height :100px;
    font-family : 'SourceHanSansJP-Medium', sans-serif;
    font-size :14px;
    color : #333333;
    letter-spacing : 0;
    line-height : 22px;
}

/* ご回答事項：テキストエリア(非活性時) */
.kaitou-input-text-area:disabled {
    background : #EFEFEF;
    border-radius : 4px;
    font-size : 15px;
    color : #999999;
}

/*パディング右(30px)*/
.padding-right-30 {
    padding-right:50px;
}

/* ご確認依頼内容アコーディオンエリア*/
.gokakunin-input-area {
    background-color:#FFFFFF;
    box-shadow: 0px 2px 4px #CC000028;
    /*padding:10px 16px 10px 16px;*/
    padding:10px 16px 16px 16px;
    /*background-image: linear-gradient(to top, #FBE5D6, White);*/
    background-image: linear-gradient(to top, #FFBD91FF , White);
}

/* 中間の行（左右のみ罫線） padding-10-16 */
.row-mid-10-16-LR {
    border-left : 1px solid #DCDCDC;
    border-right : 1px solid #DCDCDC;
    margin : 0 auto;
    padding : 0px 16px 10px 16px;
}

/* 薄い灰色背景色 */
.background-light-gray {
    background-color : #F8F8F8;
}

/* 薄い灰色背景色（必須） */
.bg-color-F8F8F8 {
    background-color : #F8F8F8 !important;
}


/* 下のみボーダー */
.row-bottom-10px-no-border {
    margin : 0 auto;
    /*padding : 10px 10px 10px 0;*/
    padding : 10px 10px 0px 0;
}
.row-bottom-10px-no-border-no-top {
    margin : 0 auto;
    padding : 0px 10px 0px 0;
}

/* モーダル */
.modal-row-shosai-padding-t12-b12 {
    padding : 12px 0px 12px 0px;
    margin-left: 1px;
}

/* 入院なし */
.row-shosai-padding-nyuin {
    padding : 0px 0px 8px 0px;
    margin-left: 1px;
}

/* パディングレフト８ */
.padding-left-8px {
    padding-left:8px;
}

/* 幅３１１ */
.width-311px {
    width: 311px;
}
/* 閉じるボタン*/
.image-modal-tojiru {
    width: 30px;
    height: 30px;
}

/* テキスト入力エリア（既加入モーダル合計金額用） */
.input-text-modal-hokenkingaku-kei2 {
    background : #FFFCE6 !important;
    border : 1px solid #FDF9D8;
}

/* 金額変更メッセージ位置 */
.hokenKingakuHenko {
    text-align : left;
}

/* はい・いいえボタンエリア*/
.yesno-area-col {
    margin-top:32px;
    padding-left:50px;
}

/* 字下げ */
.accordion-space {
    letter-spacing : 1em;
}

/* 中央指定 */
.centering {
    display:flex;
    justify-content : center;
}
/* 氏名入力欄の横幅指定 */
.width-shimei-input-max {
}

/* 最大入力幅 */
.max-width-text {
    width : 100%;
}

/* 上下余白 */
.margin-top-bottom {
    margin-top : 10px;
    margin-bottom : 10px;
}

/* 右寄せ */
.right-auto {
    margin: 0 0 0 auto;
}

/* 右寄せ（最終確認） */
.saisyukakunin-right-auto {
    margin: 0 0 0 auto;
    padding : 12px;
}

/* 下寄せ */
.vertical-align-bottom {
    vertical-align : bottom;
}

/* 太字 */
.font-weight-bold {
    font-weight : bold;
}

/* 告知事項 病気詳細入力のタイトルエリア*/
.byoki-syosai-title-area {
    width:80%;
}

/* 保険商品ボタンエリア*/
.check_hoken_radio_area {
    padding : 0px 10px 10px 0px;
}

/* 保険内容選択画面PDFボタンエリア*/
.pdf_radio_area {
    padding : 0px 10px 10px 0px;
    margin : 0px 0px 0px 10px;
}

/* マージン下16px*/
.margin-bottom-10 {
    margin-bottom : 10px;
}

/* 中間の行（上下罫線なし） */
.row-mid-no-top {
    border-left : 1px solid #DCDCDC;
    border-right : 1px solid #DCDCDC;
    margin : 0 auto;
    padding : 0px 12px 12px 0px;
}

/* 中間の行（上下罫線なし）左16px */
.row-mid-no-top-16px {
    border-left : 1px solid #DCDCDC;
    border-right : 1px solid #DCDCDC;
    margin : 0 auto;
    padding : 0px 12px 12px 16px;
}

/* 次へボタン用 */
.button-next-wrap3 {
    padding-top : 0px;
    margin : 0 auto;
    display : table;
}

/* 最終確認画面保険金額アコーディオン表示エリア */
.saisyukakunin-hoken-kingaku-area {
    border-radius : 0px;
    padding : 10px 15px 1px 15px;
    margin : 20px 0px 0px 0px;

}

/* 最終確認画面病気一覧 */
.modal-byoki-table-area-top0 {
    width: 100%;
    padding : 3.5px 10px 3.5px 10px;
    margin:0px 0px 0px 0px;
    background-color:#FFFFFF;
    border :1px solid #DCDCDC;
}

/* 最終確認画面病気一覧 */
.col-byoki-ichiran {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 1px;
    padding-left: 1px;
}

/* padding右のみ12 */
.padding-right-12 {
    padding : 0 12px 0 0;
}

/* 告知事項3/4 テキストエリア（幅サイズ可変） */
.kokuchi3-textarea-2 {
    resize: none; /*右下のサイズ変更不可*/
    /*width: 311px;*/
    width: 95%;
    height :80px;
    background: #FFFFFF;
    border: 1px solid #DCDCDC;
    border-radius: 4px;
    padding: 10px;
    font-family : 'SourceHanSansJP-Medium';
    font-size:14px;
    text-align: left;
    color : #333333;
    margin : 15px 0px 0px 15px;
}
/* テキスト入力エリア(プレースホルダ:IE 10+) */
.kokuchi3-textarea-2:placeholder-shown {
    color : #B5B5B5;
}

/* テキスト入力エリア(プレースホルダ:IE 10+) */
.kokuchi3-textarea-2:-ms-input-placeholder {
    color : #B5B5B5;
}

/* テキスト入力エリア(プレースホルダ:Chrome、Safari、Opera 15+、Android、ios) */
.kokuchi3-textarea-2::-webkit-input-placeholder {
    color : #B5B5B5;
}

/* テキスト入力エリア(プレースホルダ:Firefox 18-) */
.kokuchi3-textarea-2:-moz-placeholder {
    color : #B5B5B5;
}

/* テキスト入力エリア(プレースホルダ:Firefox 19+) */
.kokuchi3-textarea-2::-moz-placeholder {
    color : #B5B5B5;
}

/* 告知事項3/4 テキストエリア行のマージン*/
.kokuchi3-input-area-margin-2 {
    padding-top:0px;
    padding-left:0px;
    padding-right:16px;
    padding-bottom:10px;
    margin : 0 auto;
}

/* 告知事項3/4 テキストエリア行のマージン*/
.kokuchi3-input-area-margin-3 {
    padding-top:0px;
    padding-left:0px;
    padding-right:16px;
    padding-bottom:0px;
}

/* モーダル用並びボタン (幅を親要素に合わせる) */
.button-match-parent_modal {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 16px;
    letter-spacing : 0;
    line-height : 40px;
    box-shadow : 0 1px 3px 0 rgba(0,0,0,0.33);
    border-radius : 6px;
    user-select : none;
    -moz-user-select : none;
    -webkit-user-select : none;
    -ms-user-select : none;
    unselectable : on;
    text-align : center;
    vertical-align : middle;
    padding : 0 10px 0 10px;
    margin : 0 auto;
    /*width : 100%;*/
    width : 100px;
    cursor : pointer;
    height : 40px;
}

.button-add-area {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 15px;
    letter-spacing : 0;
    line-height : 18px;
    box-shadow : 0 1px 3px 0 rgba(0,0,0,0.33);
    border-radius : 6px;
    /*display : table-cell;*/
    user-select : none;
    -moz-user-select : none;
    -webkit-user-select : none;
    -ms-user-select : none;
    unselectable : on;
    text-align : center;
    vertical-align : middle;
    margin : 0 auto;
    padding : 15px 10px 0 10px;
    width : 300px;
    cursor : pointer;
    height : 48px;
}

/* 最終確認 保険契約内容span */
.keiyakunaiyo-title-span {
    display : block;
    padding : 24px 0 8px 0;
}

/*▼▼▼▼▼ ここからパンくずリスト ▼▼▼▼▼*/
/*▼▼ メインエリア ▼▼*/
.progressbar {
    position: relative;
    margin: 0;
    padding: 6px 0 0 0;
    display: flex;
    max-width : 980px;
    min-width : 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}

.progressbar li {
    position: relative;
    list-style-type: none;
    text-align: center;
    text-transform: uppercase;
    width: 25%;
    color: #333333;
    counter-increment: steps;
}

.progressbar li:before {
    display: block;
    position: relative;
    z-index: 2;
    width: 26px;
    height: 26px;
    margin: 7px auto 4px auto;
    content: '';
    line-height: 26px;
    font-size: 12px;
    text-align: center;
    border-radius: 50%;
    background-color: #797572;
    content: counter(steps);
}

.progressbar li:after {
    position: absolute;
    z-index: 1;
    top: 20px;
    left: -50%;
    width: 100%;
    height: 2px;
    content: '';
    background-color: #DCDCDC;
}

.progressbar li:first-child:after {
    content: none;
}

.progressbar li.active,
.progressbar li.complete{
    color: #CC0000;
}

.progressbar li.active:before,
.progressbar li.complete:before {
    background-color: #CC0000;
    color: #FFF;
}

.progressbar li.active:after,
.progressbar li.complete:after {
    background-color: #CC0000;
}
/*▲▲ メインエリア ▲▲*/

/*▼▼ ステータスバーグラデーション ▼▼*/
.progressbar li.activeTo_25,
.progressbar li.complete{
    color: #333333;
}

.progressbar li.activeTo_25:before,
.progressbar li.complete:before {
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: 11px auto 6px auto;
    background-color: #797572;
    color: #FFF;
}

.progressbar li.activeTo_25:after,
.progressbar li.complete:after {
    background: linear-gradient(90deg,#CC0000 0 25%,#DCDCDC 25%);
}

.progressbar li.activeTo_40,
.progressbar li.complete{
    color: #333333;
}

.progressbar li.activeTo_40:before,
.progressbar li.complete:before {
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: 11px auto 6px auto;
    background-color: #797572;
    color: #FFF;
}

.progressbar li.activeTo_40:after,
.progressbar li.complete:after {
    background: linear-gradient(90deg,#CC0000 0 40%,#DCDCDC 40%);
}

.progressbar li.activeTo_60,
.progressbar li.complete{
    color: #333333;
}

.progressbar li.activeTo_60:before,
.progressbar li.complete:before {
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: 11px auto 6px auto;
    background-color: #797572;
    color: #FFF;
}

.progressbar li.activeTo_60:after,
.progressbar li.complete:after {
    background: linear-gradient(90deg,#CC0000 0 60%,#DCDCDC 60%);
}

.progressbar li.activeTo_70,
.progressbar li.complete{
    color: #333333;
}

.progressbar li.activeTo_70:before,
.progressbar li.complete:before {
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: 11px auto 6px auto;
    background-color: #797572;
    color: #FFF;
}

.progressbar li.activeTo_70:after,
.progressbar li.complete:after {
    background: linear-gradient(90deg,#CC0000 0 70%,#DCDCDC 70%);
}

.progressbar li.activeTo_80,
.progressbar li.complete{
    color: #333333;
}

.progressbar li.activeTo_80:before,
.progressbar li.complete:before {
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: 11px auto 6px auto;
    background-color: #797572;
    color: #FFF;
}

.progressbar li.activeTo_80:after,
.progressbar li.complete:after {
    background: linear-gradient(90deg,#CC0000 0 80%,#DCDCDC 80%);
}
/*▲▲ ステータスバーグラデーション ▲▲*/

/*▼▼ ステータス白抜き ▼▼*/
.progressbar li.activeNo:after,
.progressbar li.complete:after {
    background-color: #DCDCDC;
}

.progressbar li.activeNo,
.progressbar li.complete{
    color: #333333;
}

.progressbar li.activeNo:before,
.progressbar li.complete:before {
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: 11px auto 6px auto;
    background-color: #797572;
    color: #FFF;
}
/*▲▲ ステータス白抜き ▲▲*/

/*▼▼ パンくずリスト チェックマークエリア ▼▼*/
.progressbar t1 {
    position: relative;
    list-style-type: none;
    text-align: center;
    text-transform: uppercase;
    width: 25.000%;
    color: #333333;
    counter-increment: steps;
}

.progressbar t1:before {
    display: block;
    position: relative;
    z-index: 2;
    height: 2px;
    margin: 11px auto 24px auto;
    line-height: 26px;
    font-size: 12px;
    text-align: center;
    border-radius: 100%;
    background-color: #F8F8F8;
    content: url('../../icon/ic_check_icon.svg');
}

.progressbar t1:after {
    position: absolute;
    z-index: 1;
    top: 20px;
    left: -50%;
    width: 100%;
    height: 2px;
    content: '';
    background-color: #CC0000;
}

.progressbar t1:first-child:after {
    content: none;
}

.progressbar t1.active,
.progressbar t1.complete{
    color: #CC0000;
}

.progressbar t1.active:before,
.progressbar t1.complete:before {
    background-color: #CC0000;
    color: #FFF;
}

.progressbar t1.active:after,
.progressbar t1.complete:after {
    background-color: #CC0000;
}
/*▲▲ パンくずリスト チェックマークエリア ▲▲*/

/*▼▼ パンくずリスト項目 ▼▼*/
.progressbar-midashi {
    font-family : 'SourceHanSansJP-Medium';
    font-size : 10px;
    color : #333333;
    letter-spacing : 0;
    line-height : 16px;
}
/*▲▲ パンくずリスト項目 ▲▲*/

/*▲▲▲▲▲ ここまでパンくずリスト ▲▲▲▲▲*/

/* 健診書ULD画面ラジオボタン */
.kenshinsyo-custom-radio input[type=radio] {
    position : absolute;
    clip : rect(0 0 0 0);
}

/* ラジオボタン用(ラベルフォーカス時) */
.kenshinsyo-custom-radio input[type=radio]:focus + label {
    outline : 0;
    -webkit-box-shadow : 0 0 0 3px rgba(2, 117, 216, .25);
    box-shadow : 0 0 0 3px rgba(2, 117, 216, .25);
    border-radius : 10px;
}

/* ラジオボタン用ラベル */
.kenshinsyo-custom-radio label {
    box-sizing : border-box;
    position : relative;
    display : inline-block;
    margin : 0;
    padding : 12px 12px 12px 44px;
    vertical-align : middle;
    height : 100%;
    width : 100%;
    cursor : pointer;
}

/* ラジオボタン用ラベルのafter要素 */
.kenshinsyo-custom-radio label:after {
    position : absolute;
    top : 28px;
    left : 12px;
    display : block;
    margin-top : -10px;
    width :13px;
    height : 13px;
    border : 1px solid #bbb;
    border-color : #999999;
    border-radius : 10px;
    content : '';
}

/* ラジオボタン用ラベルのbefore要素 */
.kenshinsyo-custom-radio label:before {
    -webkit-transition : opacity 0.2s linear;
    transition : opacity 0.2s linear;
    position : absolute;
    top : 28px;
    left : 14px;
    display : block;
    margin-top : -8px;
    width : 9px;
    height : 9px;
    border : 2px solid #bbb;
    border-radius : 50%;
    border-color : #0275d8;
    background-color : #0275d8;
    content : '';
    opacity : 0;
}

/* ラジオボタン2用ラベルのチェックのbefore要素 */
.kenshinsyo-custom-radio input[type=radio]:checked + label:before {
    opacity : 1;
}

/* ラジオボタン用2ラベルのチェックのafter要素 */
.kenshinsyo-custom-radio input[type=radio]:checked + label:after {
    border-color : #0275d8;
}

/*------------------------------------*/
/*申込者情報確認*/
/*------------------------------------*/
/*
 * 本件と同時申込予定と既加入分の保険金額合計部分
 */
 .padding-left-0px {
    padding-left: 0px;
}
/* １行分の定義 */
.moshikomijoho-hoken-gokei-row-wrap,
.moshikomijoho-kikanyu-hoken-gokei-row-wrap {
    margin-left: 0px;
    margin-right: 0px;
}
.moshikomijoho-hoken-gokei-row-wrap {
    background-color: #FFFCE6;
    padding-left: 20px;
    padding-right: 20px;
}
.moshikomijoho-hoken-gokei-top {
    border-top: 2px solid #DCDCDC;
}
.moshikomijoho-kikanyu-hoken-gokei-top {
    border-top: 1px solid #DCDCDC;
}
.moshikomijoho-hoken-gokei-bottom,
.moshikomijoho-kikanyu-hoken-gokei-bottom {
    margin-bottom: 15px;
}
.moshikomijoho-hoken-gokei-bottom {
    border-bottom: 2px solid #DCDCDC;
}
.moshikomijoho-kikanyu-hoken-gokei-bottom {
    border-bottom: 1px solid #DCDCDC;
}
/* １カラムの定義 */
.moshikomijoho-hoken-gokei-1row,
.moshikomijoho-kikanyu-hoken-gokei-1row {
    padding-left: 6px;
}
.moshikomijoho-hoken-gokei-1row {
    border-left: 2px solid #d9d9d9;
    border-right: 2px solid #d9d9d9;
    background-color:#F2F5FA;
}
.moshikomijoho-kikanyu-hoken-gokei-1row {
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
}
/* ２カラム（ラベル部分）の定義 */
.moshikomijoho-hoken-gokei-row-label,
.moshikomijoho-kikanyu-hoken-gokei-row-label {
    padding-left: 6px;
}
.moshikomijoho-hoken-gokei-row-label {
    border-top: 1px solid #DCDCDC;
    border-left: 2px solid #d9d9d9;
    background-color:#F2F5FA;
}
.moshikomijoho-kikanyu-hoken-gokei-row-label {
    border-left: 1px solid #d9d9d9;
}
/* ２カラム（値部分）の定義 */
.moshikomijoho-hoken-gokei-row-value,
.moshikomijoho-kikanyu-hoken-gokei-row-value {
    text-align: right;
    padding-bottom: 2px;
    }
.moshikomijoho-hoken-gokei-row-value {
    border-top: 1px solid #DCDCDC;
    border-right: 2px solid #d9d9d9;
    background-color:#F2F5FA;
}
.moshikomijoho-kikanyu-hoken-gokei-row-value {
    border-right: 1px solid #d9d9d9;
}
/* エラー時の定義 */
.moshikomijoho-error {
    width: 100%;
    background-color:initial;
}
p.moshikomijoho-error {
    background-color:initial;
    text-align: left;
}

/* １カラムの定義 */
/* ２カラム（ラベル部分）の定義 */
/* ２カラム（値部分）の定義 */

/*------------------------------------*/
/*最終確認*/
/*------------------------------------*/
/*
 * 本件と同時申込予定と既加入分の保険金額合計部分
 */
.saisyukakunin-hoken-gokei-bottom {
    margin-bottom: 15px;
}

.contants-item-sticky {
    position: sticky;
    top: 0;
    z-index: 999;
}
.contants-item-sticky-color {
    background: white;
    color: black;
}
.contants-ichijihozon-button-sticky-color {
    color: #026DC9;
}
.contants-modoru-button-sticky-color {
    color: #575757;
}
/****************************************************************/
.nolink a {
    pointer-events: none;
    color: #333333;
}

/*チェック時白い部分が2重に見えるため指定なし*/
.form-check-input:checked {
    background-image: initial;
}

/* 電話番号 */
.tel a{
    pointer-events:none !important;
    text-decoration: none !important;
    color: black !important;
}

/* メールアドレス */
.mail a{
    pointer-events:none !important;
    text-decoration: none !important;
    color: black !important;
}