/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
    color: #404040;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

body {
    font: 16px/26px Helvetica, Helvetica Neue, Arial;
}

.wrapper {
    width: 90%;
    margin: 0 5%;
}

/* ===================
    ALL: Orange Theme
   =================== */

.header-container {
    border-bottom: 20px solid #e44d26;
}

.footer-container,
.main aside {
    border-top: 20px solid #e44d26;
}

.header-container,
.footer-container,
.main aside {
    background: #f16529;
}

.title {
    color: white;
}

/* ==============
    MOBILE: Menu
   ============== */

nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

nav a {
    display: block;
    margin-bottom: 10px;
    padding: 15px 0;

    text-align: center;
    text-decoration: none;
    font-weight: bold;

    color: white;
    background: #e44d26;
}

nav a:hover,
nav a:visited {
    color: white;
}

nav a:hover {
    text-decoration: underline;
}

/* ==============
    MOBILE: Main
   ============== */

.main {
    padding: 30px 0;
}

.main article h1 {
    font-size: 2em;
}

.main aside {
    color: white;
    padding: 0px 5% 10px;
}

.footer-container footer {
    color: white;
    padding: 20px 0;
}

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */

input {
    font-size: 14px !important;
}



/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 480px) {

/* ====================
    INTERMEDIATE: Menu
   ==================== */

    nav a {
        float: left;
        width: 27%;
        margin: 0 1.7%;
        padding: 25px 2%;
        margin-bottom: 0;
    }

    nav li:first-child a {
        margin-left: 0;
    }

    nav li:last-child a {
        margin-right: 0;
    }

/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */

    nav ul li {
        display: inline;
    }

    .oldie nav a {
        margin: 0 0.7%;
    }
}

@media only screen and (min-width: 1024px) {

/* ====================
    WIDE: CSS3 Effects
   ==================== */

    .header-container,
    .main aside {
        -webkit-box-shadow: 0 5px 10px #aaa;
           -moz-box-shadow: 0 5px 10px #aaa;
                box-shadow: 0 5px 10px #aaa;
    }

/* ============
    WIDE: Menu
   ============ */

    .title {
        float: left;
    }

    nav {
        float: right;
        width: 38%;
    }

/* ============
    WIDE: Main
   ============ */

    .main article {
        float: left;
        width: 57%;
    }

    .main aside {
        float: right;
        width: 28%;
    }
}

@media only screen and (min-width: 1140px) {

/* ===============
    Maximal Width
   =============== */

    .wrapper {
        width: 1026px; /* 1140px - 10% for margins */
        margin: 0 auto;
    }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.white-space_pre {
    white-space: pre;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* ==========================================================================
   Override styles
   ========================================================================== */

/* ----- jQuery UI Datepicker ---- */
/* カレンダーのWidgetを他の項目より前面に表示 */
.ui-datepicker {
  z-index: 100 !important;
}

/* ==========================================================================
   common
   ========================================================================== */

.onlySP {
    display: none;
}
@media screen and (max-width: 1024px) {
.onlySP {
    display: inline-block;
}
}

.c-table_fixed {
    table-layout: fixed;
}
.c-table_pd tr > * {
    padding-left: 1em !important;
    padding-right: 1em !important;
    word-break: break-word;
}

.mnAuto {
  min-width: auto !important;
}

.wAuto {
    width: auto !important;
}

.w0 {
  width: 0 !important;
}

.w1per {
    width: 1% !important;
}
.w2per {
    width: 2% !important;
}
.w3per {
    width: 3% !important;
}
.w4per {
    width: 4% !important;
}
.w5per {
    width: 5% !important;
}
.w6per {
    width: 6% !important;
}
.w7per {
    width: 7% !important;
}
.w8per {
    width: 8% !important;
}
.w9per {
    width: 9% !important;
}
.w10per {
    width: 10% !important;
}
.w11per {
    width: 11% !important;
}
.w12per {
    width: 12% !important;
}
.w13per {
    width: 13% !important;
}
.w14per {
    width: 14% !important;
}
.w15per {
    width: 15% !important;
}
.w16per {
    width: 16% !important;
}
.w17per {
    width: 17% !important;
}
.w18per {
    width: 18% !important;
}
.w19per {
    width: 19% !important;
}
.w20per {
    width: 20% !important;
}
.w21per {
    width: 21% !important;
}
.w22per {
    width: 22% !important;
}
.w23per {
    width: 23% !important;
}
.w24per {
    width: 24% !important;
}
.w25per {
    width: 25% !important;
}
.w26per {
    width: 26% !important;
}
.w27per {
    width: 27% !important;
}
.w28per {
    width: 28% !important;
}
.w29per {
    width: 29% !important;
}
.w30per {
    width: 30% !important;
}
.w31per {
    width: 31% !important;
}
.w32per {
    width: 32% !important;
}
.w33per {
    width: 33% !important;
}
.w34per {
    width: 34% !important;
}
.w35per {
    width: 35% !important;
}
.w36per {
    width: 36% !important;
}
.w37per {
    width: 37% !important;
}
.w38per {
    width: 38% !important;
}
.w39per {
    width: 39% !important;
}
.w40per {
    width: 40% !important;
}
.w41per {
    width: 41% !important;
}
.w42per {
    width: 42% !important;
}
.w43per {
    width: 43% !important;
}
.w44per {
    width: 44% !important;
}
.w45per {
    width: 45% !important;
}
.w46per {
    width: 46% !important;
}
.w47per {
    width: 47% !important;
}
.w48per {
    width: 48% !important;
}
.w49per {
    width: 49% !important;
}
.w50per {
    width: 50% !important;
}
.w51per {
    width: 51% !important;
}
.w52per {
    width: 52% !important;
}
.w53per {
    width: 53% !important;
}
.w54per {
    width: 54% !important;
}
.w55per {
    width: 55% !important;
}
.w56per {
    width: 56% !important;
}
.w57per {
    width: 57% !important;
}
.w58per {
    width: 58% !important;
}
.w59per {
    width: 59% !important;
}
.w60per {
    width: 60% !important;
}
.w61per {
    width: 61% !important;
}
.w62per {
    width: 62% !important;
}
.w63per {
    width: 63% !important;
}
.w64per {
    width: 64% !important;
}
.w65per {
    width: 65% !important;
}
.w66per {
    width: 66% !important;
}
.w67per {
    width: 67% !important;
}
.w68per {
    width: 68% !important;
}
.w69per {
    width: 69% !important;
}
.w70per {
    width: 70% !important;
}
.w71per {
    width: 71% !important;
}
.w72per {
    width: 72% !important;
}
.w73per {
    width: 73% !important;
}
.w74per {
    width: 74% !important;
}
.w75per {
    width: 75% !important;
}
.w76per {
    width: 76% !important;
}
.w77per {
    width: 77% !important;
}
.w78per {
    width: 78% !important;
}
.w79per {
    width: 79% !important;
}
.w80per {
    width: 80% !important;
}
.w81per {
    width: 81% !important;
}
.w82per {
    width: 82% !important;
}
.w83per {
    width: 83% !important;
}
.w84per {
    width: 84% !important;
}
.w85per {
    width: 85% !important;
}
.w86per {
    width: 86% !important;
}
.w87per {
    width: 87% !important;
}
.w88per {
    width: 88% !important;
}
.w89per {
    width: 89% !important;
}
.w90per {
    width: 90% !important;
}
.w91per {
    width: 91% !important;
}
.w92per {
    width: 92% !important;
}
.w93per {
    width: 93% !important;
}
.w94per {
    width: 94% !important;
}
.w95per {
    width: 95% !important;
}
.w96per {
    width: 96% !important;
}
.w97per {
    width: 97% !important;
}
.w98per {
    width: 98% !important;
}
.w99per {
    width: 99% !important;
}
.w100per {
    width: 100% !important;
}

.w10px {
    width: 10px !important;
}
.w20px {
    width: 20px !important;
}
.w30px {
    width: 30px !important;
}
.w40px {
    width: 40px !important;
}
.w44px {
  width: 44px !important;
}
.w50px {
    width: 50px !important;
}
.w55px {
    width: 50px !important;
}
.w60px {
    width: 60px !important;
}
.w69px {
    width: 69px !important;
}
.w70px {
    width: 70px !important;
}
/* ADD-STR 2022/09/05 */ 
.w74px {
    width: 74px !important;
}
/* ADD-END 2022/09/05 */ 
.w80px {
    width: 80px !important;
}
.w90px {
    width: 90px !important;
}
.w95px {
    width: 95px !important;
}
.w100px {
    width: 100px !important;
}
.w105px {
    width: 105px !important;
}
.w107px {
  width: 107px !important;
}
.w110px {
    width: 110px !important;
}
.w120px {
    width: 120px !important;
}
.w130px {
    width: 130px !important;
}
.w132px {
  width: 132px !important;
}
.w140px {
    width: 140px !important;
}
.w150px {
    width: 150px !important;
}
.w160px {
    width: 160px !important;
}
.w170px {
    width: 170px !important;
}
.w180px {
    width: 180px !important;
}
.w190px {
    width: 190px !important;
}
.w200px {
    width: 200px !important;
}
.w210px {
    width: 210px !important;
}
.w220px {
    width: 220px !important;
}
.w230px {
    width: 230px !important;
}
.w240px {
    width: 240px !important;
}
.w250px {
    width: 250px !important;
}
.w260px {
  width: 260px !important;
}
.w264px {
  width: 264px !important;
}
.w320px {
  width: 320px !important;
}
.w420px {
  width: 420px !important;
}
.w480px {
  width: 480px !important;
}
.w541px {
    width: 541px !important;
  }
.w648px {
  width: 648px !important;
}
.w659px {
  width: 659px !important;
}
.w720px {
  width: 710px !important;
}
.w770px {
  width: 770px !important;
}
.w840px {
    width: 840px !important;
}
.w960px {
  width: 960px !important;
}
.w1120px {
    width: 1120px !important;
}
.min-w90px {
  min-width: 90px;
}
.min-w840px {
    min-width: 840px !important;
}
.max-w900px {
    max-width: 900px !important;
}
.w56 {
  width: 56px;
}
.w72 {
  width: 72px;
}
.w88 {
  width: 88px;
}
.w94 {
  width: 94px;
}
.w100 {
  width: 100px !important;
}
.w115 {
  width: 115px;
}
.w128 {
  width: 128px;
}
.w180 {
  width: 180px !important;
}

.w240 {
  min-width: 240px !important;
  width: auto;
}
.w250 {
  width: 250px !important;
}
.w264 {
  width: 264px;
}
.w320 {
  width: 320px;
}
.w375 {
    width: 375px;
}
.w390 {
    width: 390px
}
.w520 {
  width: 520px;
}
.w9em {
  width: 9em;
}
.w26em {
  width: 26em !important;
}
.w30em {
  width: 30em !important;
}

/* 高さ調整 */
.h3em {
  height: 3em;
}
.va_top {
  vertical-align: top;
}

.mt0 {margin-top: 0px !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}
.mt70 {margin-top: 70px !important;}
.mt150 {margin-top: 150px !important;}
.mt-10 {margin-top: -10px !important;}
.mt-9px {margin-top: -9px !important;}
.mt-10px {margin-top: -10px !important;}
.mt-18px {margin-top: -18px !important;}
.mt-60px {margin-top: -60px !important;}
.mt-110px {margin-top: -110px !important;}
.mt-6p9mm {margin-top: -6.9mm !important;}

.mb0 {margin-bottom: 0px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb21 {margin-bottom: 21px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb-10 {margin-bottom: -10px !important;}
.mb-27 {margin-bottom: -27px !important;}

.ml0 {margin-left: 0px !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}
.ml4em {margin-left: 4em;}
.ml10px {margin-left: 10px;}
.ml60px {margin-left: 60px;}
.ml65px {margin-left: 65px;}
.ml26px {margin-left: 26px;}
.ml95px {margin-left: 95px;}
.ml-18px {margin-left: -18px;}
.ml-5em {margin-left: -5em !important;}
.ml-6em {margin-left: -6em !important;}
.ml-8em {margin-left: -8em !important;}
.ml1per {margin-left: 1% !important;}
.ml4per {margin-left: 4% !important;}
.mr0 {margin-right: 0px !important;}
.mr4 {margin-right: 4px !important;}
.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;}
.mr45 {margin-right: 45px !important;}
.mr50 {margin-right: 50px !important;}
.mr2em {margin-right: 2em;}
.mt20px {margin-top: 20px;}

.pt0 {padding-top: 0px !important;}
.pt5 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;}
.pt35 {padding-top: 35px !important;}
.pt40 {padding-top: 40px !important;}
.pt45 {padding-top: 45px !important;}
.pt50 {padding-top: 50px !important;}

.pb0 {padding-bottom: 0px !important;}
.pb5 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb25 {padding-bottom: 25px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb35 {padding-bottom: 35px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb45 {padding-bottom: 45px !important;}
.pb50 {padding-bottom: 50px !important;}

.pl0 {padding-left: 0px !important;}
.pl5 {padding-left: 5px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pl25 {padding-left: 25px !important;}
.pl30 {padding-left: 30px !important;}
.pl35 {padding-left: 35px !important;}
.pl40 {padding-left: 40px !important;}
.pl45 {padding-left: 45px !important;}
.pl50 {padding-left: 50px !important;}
.pl5px {padding-left: 5px;}
.pl1em {padding-left: 1em;}

.pr0 {padding-right: 0px !important;}
.pr5 {padding-right: 5px !important;}
.pr10 {padding-right: 10px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}
.pr25 {padding-right: 25px !important;}
.pr30 {padding-right: 30px !important;}
.pr35 {padding-right: 35px !important;}
.pr40 {padding-right: 40px !important;}
.pr45 {padding-right: 45px !important;}
.pr50 {padding-right: 50px !important;}
.pr60 {padding-right: 60px !important;}
.pr1em {padding-right: 1em;}

.a_right {
    text-align: right;
}
.a_center {
    text-align: center;
}

.border_all_none {
    border: none !important;
}

tr.app_error_message > td {
  color: #fd2222 !important;
  text-align: left !important;
  font-size: smaller !important;
}

/* 2021/04/07 APP用のエラーメッセージのCSSを追加 */
.app_error_message {
  color: #fd2222;
  text-align: left;
  font-size: smaller;
}
.app_warning_message {
  color: #f9870d;
  text-align: left;
  font-size:smaller;
}
.app_information_message {
  color: #000;
  text-align: left;
  font-size:smaller;
}
/* 2021/04/12 改行なしのCSSを追加 */
.span_nowrap{
  white-space: nowrap;
}

/* 添付ファイル表示画面 モーダル */
.attachment_modal {
    height: 1200px;
}
/* 添付ファイル表示画面 拡大/縮小 */
.attachment_zoom {
    width: 860px;
    text-align: right;
}

/* 添付ファイル表示画面 ボタン */
.attachment_btn {
    position: absolute;
    bottom: 0px;
    width: 900px;
    z-index: 0;
}

/* 添付ファイル表示画面 スクロール */
.attachment_scroll {
    position: absolute;
    height: 80vh;
    overflow: auto;
    z-index: 1;
}

.attachment_scroll_draggable {
    overflow: visible;
}

.attachment_scroll_for_kinden_img {
    overflow: visible;
}


/* ADD-ST 20210524 */
.attachmentsErrMsg {
    color: #fd2222;
    margin: -23px 12px 0px;
}
/* ADD-ED 20210524 */

/* ADD-ST 20210616 */
.attachments_app {
    max-width: 100%;
    height: auto;
}
/* ADD-ED 20210616 */

/* ADD-ST 20210709 */
/* テキストが長い場合に3点リーダーを表示する */
.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.max_w170 {
	max-width: 170px;
}
.max_w120 {
	max-width: 120px;
}

.max_w280 {
    max-width: 280px;
}

/* ADD-ED 20210709 */

/* ADD-ST 20230124 */
/* テキストが長い場合に3点リーダーを表示する(2行表示用) */
.text-ellipsis_2line {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
/* ADD-ED 20230124 */

/* ADD-ST 20220106 */
.rAuto {
	right: auto !important;
}
/* ADD-ED 20220106 */

/** ADD 20220404 */
.inline_block {
	display: inline-block;
}

/** ADD 20220408 */
.disable_content:after {
    content: none !important;
}

/** accordion */
.c-ac_pc_head {
    position: relative;
    border-bottom: 3px solid #E4E9F4;
}
.c-ac_pc_head:after {
    position: absolute;
    content: "";
    width: 30px;
    height: 20px;
    left: 50px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 100%;
    background: #fff url(/assets/img/icon-arrow-bottom-98dc172abe2e24db38dd93de940baaf9.svg) no-repeat center;
}
.c-ac_pc_head.is-show:after {
    background: #fff url(/assets/img/icon-arrow-top-ddd9b51286c19846eea08bbb0138eaca.svg) no-repeat center;
}
.c-ac_pc_body {
    display: none;
}