@charset "utf-8";

/* ===================================================================
FRAME
=================================================================== */

/* FRAME BASIC
--------------------*/

.s-frame {
    position: relative;
    background: #FFF;
    box-shadow: 2px 2px 5px rgba(0 0 0 / .1);
}

/* FRAME PADDING
--------------------*/

.s-frame[class*=_p-l] { padding: 30px 50px; }
.s-frame[class*=_p-m] { padding: 25px; }

/* ===================================================================
HEADING
=================================================================== */

/* HEADING H2
--------------------*/

.s-h2 {
    position: relative;
    padding: 0 0 5px;
    font-size: 30px;
    text-align: center;
    letter-spacing: 3px;
}

.s-h2:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100px;
    height: 5px;
    background: #2B3B56;
}

/* HEADING H2 MARGIN
--------------------*/

.s-h2[class*=_m-l] { margin: 0 0 60px; }
.s-h2[class*=_m-m] { margin: 0 0 30px; }

/* HEADING H3
--------------------*/

.s-h3-inner {
    display: flex;
    justify-content: flex-start;
    margin: 0 0 15px;
    padding: 0 0 2px;
    border-bottom: 2px solid #2B3B56;
}

.s-h3 {
    font-size: 20px;
}

/* HEADING H3 WIDTH
--------------------*/

.s-h3[class*=_w-1]  { width:   1%; }
.s-h3[class*=_w-2]  { width:   2%; }
.s-h3[class*=_w-3]  { width:   3%; }
.s-h3[class*=_w-4]  { width:   4%; }
.s-h3[class*=_w-5]  { width:   5%; }
.s-h3[class*=_w-6]  { width:   6%; }
.s-h3[class*=_w-7]  { width:   7%; }
.s-h3[class*=_w-8]  { width:   8%; }
.s-h3[class*=_w-9]  { width:   9%; }
.s-h3[class*=_w-10]  { width:  10%; }

.s-h3[class*=_w-11]  { width:  11%; }
.s-h3[class*=_w-12]  { width:  12%; }
.s-h3[class*=_w-13]  { width:  13%; }
.s-h3[class*=_w-14]  { width:  14%; }
.s-h3[class*=_w-15]  { width:  15%; }
.s-h3[class*=_w-16]  { width:  16%; }
.s-h3[class*=_w-17]  { width:  17%; }
.s-h3[class*=_w-18]  { width:  18%; }
.s-h3[class*=_w-19]  { width:  19%; }
.s-h3[class*=_w-20]  { width:  20%; }

.s-h3[class*=_w-21]  { width:  21%; }
.s-h3[class*=_w-22]  { width:  22%; }
.s-h3[class*=_w-23]  { width:  23%; }
.s-h3[class*=_w-24]  { width:  24%; }
.s-h3[class*=_w-25]  { width:  25%; }
.s-h3[class*=_w-26]  { width:  26%; }
.s-h3[class*=_w-27]  { width:  27%; }
.s-h3[class*=_w-28]  { width:  28%; }
.s-h3[class*=_w-29]  { width:  29%; }
.s-h3[class*=_w-30]  { width:  30%; }

.s-h3[class*=_w-31]  { width:  31%; }
.s-h3[class*=_w-32]  { width:  32%; }
.s-h3[class*=_w-33]  { width:  33%; }
.s-h3[class*=_w-34]  { width:  34%; }
.s-h3[class*=_w-35]  { width:  35%; }
.s-h3[class*=_w-36]  { width:  36%; }
.s-h3[class*=_w-37]  { width:  37%; }
.s-h3[class*=_w-38]  { width:  38%; }
.s-h3[class*=_w-39]  { width:  39%; }
.s-h3[class*=_w-40]  { width:  40%; }

.s-h3[class*=_w-41]  { width:  41%; }
.s-h3[class*=_w-42]  { width:  42%; }
.s-h3[class*=_w-43]  { width:  43%; }
.s-h3[class*=_w-44]  { width:  44%; }
.s-h3[class*=_w-45]  { width:  45%; }
.s-h3[class*=_w-46]  { width:  46%; }
.s-h3[class*=_w-47]  { width:  47%; }
.s-h3[class*=_w-48]  { width:  48%; }
.s-h3[class*=_w-49]  { width:  49%; }
.s-h3[class*=_w-50]  { width:  50%; }

.s-h3[class*=_w-51]  { width:  51%; }
.s-h3[class*=_w-52]  { width:  52%; }
.s-h3[class*=_w-53]  { width:  53%; }
.s-h3[class*=_w-54]  { width:  54%; }
.s-h3[class*=_w-55]  { width:  55%; }
.s-h3[class*=_w-56]  { width:  56%; }
.s-h3[class*=_w-57]  { width:  57%; }
.s-h3[class*=_w-58]  { width:  58%; }
.s-h3[class*=_w-59]  { width:  59%; }
.s-h3[class*=_w-60]  { width:  60%; }

.s-h3[class*=_w-61]  { width:  61%; }
.s-h3[class*=_w-62]  { width:  62%; }
.s-h3[class*=_w-63]  { width:  63%; }
.s-h3[class*=_w-64]  { width:  64%; }
.s-h3[class*=_w-65]  { width:  65%; }
.s-h3[class*=_w-66]  { width:  66%; }
.s-h3[class*=_w-67]  { width:  67%; }
.s-h3[class*=_w-68]  { width:  68%; }
.s-h3[class*=_w-69]  { width:  69%; }
.s-h3[class*=_w-70]  { width:  70%; }

.s-h3[class*=_w-71]  { width:  71%; }
.s-h3[class*=_w-72]  { width:  72%; }
.s-h3[class*=_w-73]  { width:  73%; }
.s-h3[class*=_w-74]  { width:  74%; }
.s-h3[class*=_w-75]  { width:  75%; }
.s-h3[class*=_w-76]  { width:  76%; }
.s-h3[class*=_w-77]  { width:  77%; }
.s-h3[class*=_w-78]  { width:  78%; }
.s-h3[class*=_w-79]  { width:  79%; }
.s-h3[class*=_w-80]  { width:  80%; }

.s-h3[class*=_w-81]  { width:  81%; }
.s-h3[class*=_w-82]  { width:  82%; }
.s-h3[class*=_w-83]  { width:  83%; }
.s-h3[class*=_w-84]  { width:  84%; }
.s-h3[class*=_w-85]  { width:  85%; }
.s-h3[class*=_w-86]  { width:  86%; }
.s-h3[class*=_w-87]  { width:  87%; }
.s-h3[class*=_w-88]  { width:  88%; }
.s-h3[class*=_w-89]  { width:  89%; }
.s-h3[class*=_w-90]  { width:  90%; }

.s-h3[class*=_w-91]  { width:  91%; }
.s-h3[class*=_w-92]  { width:  92%; }
.s-h3[class*=_w-93]  { width:  93%; }
.s-h3[class*=_w-94]  { width:  94%; }
.s-h3[class*=_w-95]  { width:  95%; }
.s-h3[class*=_w-96]  { width:  96%; }
.s-h3[class*=_w-97]  { width:  97%; }
.s-h3[class*=_w-98]  { width:  98%; }
.s-h3[class*=_w-99]  { width:  99%; }
.s-h3[class*=_w-100] { width: 100%; }

/* HEADING H4
--------------------*/

.s-h4 {
    margin: 0 0 20px;
    font-size: 20px;
    text-align: center;
}

/* HEADING H5
--------------------*/

.s-h5 {
    position: relative;
    margin: 0 0 15px;
    padding: 0 0 0 12px;
    font-size: 18px;
    line-height: calc(22 / 18);
}

.s-h5:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
    width: 4px;
    height: 90%;
    border-radius: 2px;
    background: #2B3B56;
}

/* ===================================================================
TEXT
=================================================================== */

/* TEXT TEXT-ALIGN
--------------------*/

.s-text[class*=_l-pcleft] { text-align: left; }
.s-text[class*=_l-pccenter] { text-align: center }
.s-text[class*=_l-pcright] { text-align: right; }

/* TEXT FONT-SIZE
--------------------*/

.s-text[class*=_f-l] { font-size: 20px; }

/* TEXT TYPE
--------------------*/

.s-text[class*=_t-b] { font-weight: 700; }
.s-text[class*=_t-red] { color: #D32626; }

/* TEXT MARGIN
--------------------*/

.s-text[class*=_m-top-pc10] { margin: 10px 0 0; }
.s-text[class*=_m-top-pc20] { margin: 20px 0 0; }
.s-text[class*=_m-top-pc30] { margin: 30px 0 0; }
.s-text[class*=_m-top-pc40] { margin: 40px 0 0; }
.s-text[class*=_m-top-pc50] { margin: 50px 0 0; }
.s-text[class*=_m-top-pc60] { margin: 60px 0 0; }
.s-text[class*=_m-top-pc70] { margin: 70px 0 0; }
.s-text[class*=_m-top-pc80] { margin: 80px 0 0; }
.s-text[class*=_m-top-pc90] { margin: 90px 0 0; }
.s-text[class*=_m-top-pc100] { margin: 100px 0 0; }

.s-text[class*=_m-bottom-pc10] { margin: 0 0 10px; }
.s-text[class*=_m-bottom-pc20] { margin: 0 0 20px; }
.s-text[class*=_m-bottom-pc30] { margin: 0 0 30px; }
.s-text[class*=_m-bottom-pc40] { margin: 0 0 40px; }
.s-text[class*=_m-bottom-pc50] { margin: 0 0 50px; }
.s-text[class*=_m-bottom-pc60] { margin: 0 0 60px; }
.s-text[class*=_m-bottom-pc70] { margin: 0 0 70px; }
.s-text[class*=_m-bottom-pc80] { margin: 0 0 80px; }
.s-text[class*=_m-bottom-pc90] { margin: 0 0 90px; }
.s-text[class*=_m-bottom-pc100] { margin: 0 0 100px; }

.s-text[class*=_m-both-pc10] { margin: 10px 0; }
.s-text[class*=_m-both-pc20] { margin: 20px 0; }
.s-text[class*=_m-both-pc30] { margin: 30px 0; }
.s-text[class*=_m-both-pc40] { margin: 40px 0; }
.s-text[class*=_m-both-pc50] { margin: 50px 0; }
.s-text[class*=_m-both-pc60] { margin: 60px 0; }
.s-text[class*=_m-both-pc70] { margin: 70px 0; }
.s-text[class*=_m-both-pc80] { margin: 80px 0; }
.s-text[class*=_m-both-pc90] { margin: 90px 0; }
.s-text[class*=_m-both-pc100] { margin: 100px 0; }

/* ===================================================================
LINK TEXT
=================================================================== */

.s-link-text {
    color: #E38C00;
    text-decoration: underline;
    word-break: break-all;
}

/* ===================================================================
IMG
=================================================================== */

.s-img[class*=_w-pc25]  { width:  25%; margin: 0 auto 0 0; }
.s-img[class*=_w-pc50]  { width:  50%; margin: 0 auto 0 0; }
.s-img[class*=_w-pc75]  { width:  75%; margin: 0 auto 0 0; }
.s-img[class*=_w-pc100] { width: 100%; margin: 0; }

/* ===================================================================
TAG LIST
=================================================================== */

/* TAG LIST BASIC
--------------------*/

.s-taglist > ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.s-taglist > ul > li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 10px 15px 0;
    font-size: 15px;
    padding: 4px 12px;
    background: #DEE4EF;
    border-radius: 20px;
}

/* ===================================================================
BUTTON
=================================================================== */

/* BUTTON INNER
--------------------*/

.s-btn-inner {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* BUTTON INNER LOCATION
--------------------*/

.s-btn-inner[class*=_l-start] { justify-content: flex-start; }
.s-btn-inner[class*=_l-end] { justify-content: flex-end; }

/* BUTTON INNER TYPE
--------------------*/

.s-btn-inner[class*=_t-column] { flex-direction: column; }

.s-btn-inner[class*=_t-column] [class^=s-btn][class*=_w-s],
.s-btn-inner[class*=_t-column] [class^=s-btn][class*=_w-m],
.s-btn-inner[class*=_t-column] [class^=s-btn][class*=_w-l] { margin: 0 0 20px; }

.s-btn-inner[class*=_t-column] [class^=s-btn][class*=_w-s]:last-of-type,
.s-btn-inner[class*=_t-column] [class^=s-btn][class*=_w-m]:last-of-type,
.s-btn-inner[class*=_t-column] [class^=s-btn][class*=_w-l]:last-of-type { margin: 0; }

/* BUTTON INNER MARGIN
--------------------*/

.s-btn-inner[class*=_m-top-pc10]  { margin: 10px 0 0; }
.s-btn-inner[class*=_m-top-pc20]  { margin: 20px 0 0; }
.s-btn-inner[class*=_m-top-pc30]  { margin: 30px 0 0; }
.s-btn-inner[class*=_m-top-pc40]  { margin: 40px 0 0; }
.s-btn-inner[class*=_m-top-pc50]  { margin: 50px 0 0; }
.s-btn-inner[class*=_m-top-pc60]  { margin: 60px 0 0; }
.s-btn-inner[class*=_m-top-pc70]  { margin: 70px 0 0; }
.s-btn-inner[class*=_m-top-pc80]  { margin: 80px 0 0; }
.s-btn-inner[class*=_m-top-pc90]  { margin: 90px 0 0; }
.s-btn-inner[class*=_m-top-pc100] { margin: 100px 0 0; }

.s-btn-inner[class*=_m-bottom-pc10]  { margin: 0 0 10px; }
.s-btn-inner[class*=_m-bottom-pc20]  { margin: 0 0 20px; }
.s-btn-inner[class*=_m-bottom-pc30]  { margin: 0 0 30px; }
.s-btn-inner[class*=_m-bottom-pc40]  { margin: 0 0 40px; }
.s-btn-inner[class*=_m-bottom-pc50]  { margin: 0 0 50px; }
.s-btn-inner[class*=_m-bottom-pc60]  { margin: 0 0 60px; }
.s-btn-inner[class*=_m-bottom-pc70]  { margin: 0 0 70px; }
.s-btn-inner[class*=_m-bottom-pc80]  { margin: 0 0 80px; }
.s-btn-inner[class*=_m-bottom-pc90]  { margin: 0 0 90px; }
.s-btn-inner[class*=_m-bottom-pc100] { margin: 0 0 100px; }

.s-btn-inner[class*=_m-both-pc10]  { margin: 10px 0; }
.s-btn-inner[class*=_m-both-pc20]  { margin: 20px 0; }
.s-btn-inner[class*=_m-both-pc30]  { margin: 30px 0; }
.s-btn-inner[class*=_m-both-pc40]  { margin: 40px 0; }
.s-btn-inner[class*=_m-both-pc50]  { margin: 50px 0; }
.s-btn-inner[class*=_m-both-pc60]  { margin: 60px 0; }
.s-btn-inner[class*=_m-both-pc70]  { margin: 70px 0; }
.s-btn-inner[class*=_m-both-pc80]  { margin: 80px 0; }
.s-btn-inner[class*=_m-both-pc90]  { margin: 90px 0; }
.s-btn-inner[class*=_m-both-pc100] { margin: 100px 0; }

/* BUTTON WIDTH
--------------------*/

.s-btn-inner [class^=s-btn][class*=_w-s] { min-width: 90px; }
.s-btn-inner [class^=s-btn][class*=_w-m] { width: 310px; }
.s-btn-inner [class^=s-btn][class*=_w-l] { width: 500px; }

.s-btn-inner [class^=s-btn][class*=_w-m] a,
.s-btn-inner [class^=s-btn][class*=_w-m] button,
.s-btn-inner [class^=s-btn][class*=_w-l] a,
.s-btn-inner [class^=s-btn][class*=_w-l] button { min-height: 40px; }

/* BUTTON MARGIN
--------------------*/

.s-btn-inner [class^=s-btn] { margin: 0; }

.s-btn-inner [class^=s-btn][class*=_w-s] { margin: 0 15px 0 0; }
.s-btn-inner [class^=s-btn][class*=_w-m] { margin: 0 50px 0 0; }

.s-btn-inner [class^=s-btn][class*=_w-s]:last-of-type,
.s-btn-inner [class^=s-btn][class*=_w-m]:last-of-type {
    margin: 0;
}

/* BUTTON BASIC
--------------------*/

.s-btn-inner [class^=s-btn] {
    position: relative;
}

.s-btn-inner [class^=s-btn] a,
.s-btn-inner [class^=s-btn] button {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 5px 25px;
    font-size: 15px;
    font-weight: 700;
    border-radius: 50px;
    cursor: pointer;
    transition: color .3s ease-out 0s;
}

.s-btn-inner [class^=s-btn] a span,
.s-btn-inner [class^=s-btn] button span {
    position: relative;
    z-index: 2;
}

/* BUTTON COLOR
--------------------*/

body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn] a,
body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn] button { color: #FFF; background: #144399; border: 1px solid #144399; }
body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn] a,
body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn] button { color: #FFF; background: #0F958A; border: 1px solid #0F958A; }

/* BUTTON BEFORE
--------------------*/

.s-btn-inner [class^=s-btn] a:before,
.s-btn-inner [class^=s-btn] button:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 100%;
    background: #FFF;
    border-radius: 50px;
    z-index: 1;
}

/* BUTTON HOVER
--------------------*/

body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn] a:hover,
body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn] button:hover { color: #144399; }
body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn] a:hover,
body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn] button:hover { color: #0F958A; }

.s-btn-inner [class^=s-btn] a:hover:before,
.s-btn-inner [class^=s-btn] button:hover:before {
    width: 100%;
    transition: width .3s ease-out 0s;
}

/* BUTTON TYPE [BASIC]
--------------------*/

.s-btn-inner [class^=s-btn][class*=_t-basic] a span:before,
.s-btn-inner [class^=s-btn][class*=_t-basic] button span:before {
	content: '';
	position: absolute;
	top: 50%;
	right: calc(100% + 10px);
	transform: translate(0, -50%) rotate(45deg);
	width: 5px;
	height: 5px;
}

body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn][class*=_t-basic] a span:before,
body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn][class*=_t-basic] button span:before { border-top: 1px solid #144399; border-right: 1px solid #144399; }
body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn][class*=_t-basic] a span:before,
body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn][class*=_t-basic] button span:before { border-top: 1px solid #0F958A; border-right: 1px solid #0F958A; }

/* BUTTON TYPE [REVERSE - BASIC]
--------------------*/

body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn][class*=_t-rev-basic] a,
body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn][class*=_t-rev-basic] button { color: #144399; background: #FFF; border: 1px solid #144399; }
body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn][class*=_t-rev-basic] a,
body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn][class*=_t-rev-basic] button { color: #0F958A; background: #FFF; border: 1px solid #0F958A; }

body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn][class*=_t-rev-basic] a:before,
body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn][class*=_t-rev-basic] button:before { background: #144399; }
body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn][class*=_t-rev-basic] a:before,
body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn][class*=_t-rev-basic] button:before { background: #0F958A; }

body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn][class*=_t-rev-basic] a:hover,
body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn][class*=_t-rev-basic] button:hover,
body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn][class*=_t-rev-basic] a:hover,
body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn][class*=_t-rev-basic] button:hover { color: #FFF; }

.s-btn-inner [class^=s-btn][class*=_t-rev-basic] a span:before,
.s-btn-inner [class^=s-btn][class*=_t-rev-basic] button span:before {
	content: '';
	position: absolute;
	top: 50%;
	right: calc(100% + 10px);
	transform: translate(0, -50%) rotate(45deg);
	width: 5px;
	height: 5px;
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
}

/* BUTTON TYPE [DISABLED]
--------------------*/

.s-btn-inner [class^=s-btn][class*=_t-disabled] a,
.s-btn-inner [class^=s-btn][class*=_t-disabled] button {
    cursor: default;
    pointer-events: none;
}

body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn][class*=_t-disabled] a,
body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn][class*=_t-disabled] button,
body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn][class*=_t-disabled] a,
body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn][class*=_t-disabled] button { color: #FFF; background: #CECECE; border: 1px solid #CECECE; }

.s-btn-inner [class^=s-btn][class*=_t-disabled] a:before,
.s-btn-inner [class^=s-btn][class*=_t-disabled] button:before {
    content: none;
}

/* BUTTON TYPE [RED]
--------------------*/

body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn][class*=_t-red] a,
body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn][class*=_t-red] button,
body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn][class*=_t-red] a,
body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn][class*=_t-red] button { color: #FFF; background: #AF4D4D; border: 1px solid #AF4D4D; }

body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn][class*=_t-red] a:hover,
body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn][class*=_t-red] button:hover,
body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn][class*=_t-red] a:hover,
body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn][class*=_t-red] button:hover { color: #AF4D4D; }

.s-btn-inner [class^=s-btn][class*=_t-red] a span:before,
.s-btn-inner [class^=s-btn][class*=_t-red] button span:before {
	content: '';
	position: absolute;
	top: 50%;
	right: calc(100% + 10px);
	transform: translate(0, -50%) rotate(45deg);
	width: 5px;
	height: 5px;
    border-top: 1px solid #AF4D4D;
    border-right: 1px solid #AF4D4D;
}

/* BUTTON TYPE [REVERSE - RED]
--------------------*/

body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn][class*=_t-rev-red] a,
body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn][class*=_t-rev-red] button,
body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn][class*=_t-rev-red] a,
body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn][class*=_t-rev-red] button { color: #AF4D4D; background: #FFF; border: 1px solid #AF4D4D; }

body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn][class*=_t-rev-red] a:before,
body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn][class*=_t-rev-red] button:before,
body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn][class*=_t-rev-red] a:before,
body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn][class*=_t-rev-red] button:before { background: #AF4D4D; }

body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn][class*=_t-rev-red] a:hover,
body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn][class*=_t-rev-red] button:hover,
body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn][class*=_t-rev-red] a:hover,
body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn][class*=_t-rev-red] button:hover { color: #FFF; }

.s-btn-inner [class^=s-btn][class*=_t-rev-red] a span:before,
.s-btn-inner [class^=s-btn][class*=_t-rev-red] button span:before {
	content: '';
	position: absolute;
	top: 50%;
	right: calc(100% + 10px);
	transform: translate(0, -50%) rotate(45deg);
	width: 5px;
	height: 5px;
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
}

/* BUTTON TYPE [REVERSE - BACK]
--------------------*/

body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn][class*=_t-rev-back] a,
body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn][class*=_t-rev-back] button { color: #144399; background: #FFF; border: 1px solid #144399; }
body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn][class*=_t-rev-back] a,
body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn][class*=_t-rev-back] button { color: #0F958A; background: #FFF; border: 1px solid #0F958A; }

body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn][class*=_t-rev-back] a:before,
body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn][class*=_t-rev-back] button:before { background: #144399; }
body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn][class*=_t-rev-back] a:before,
body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn][class*=_t-rev-back] button:before { background: #0F958A; }

body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn][class*=_t-rev-back] a:hover,
body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn][class*=_t-rev-back] button:hover,
body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn][class*=_t-rev-back] a:hover,
body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn][class*=_t-rev-back] button:hover { color: #FFF; }

.s-btn-inner [class^=s-btn][class*=_t-rev-back] a span:before,
.s-btn-inner [class^=s-btn][class*=_t-rev-back] button span:before {
	content: '';
	position: absolute;
	top: 50%;
	right: calc(100% + 10px);
	transform: translate(0, -50%) rotate(-45deg);
	width: 6px;
	height: 6px;
}

body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn][class*=_t-rev-back] a span:before,
body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn][class*=_t-rev-back] button span:before { border-top: 1px solid #144399; border-left: 1px solid #144399; }
body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn][class*=_t-rev-back] a span:before,
body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn][class*=_t-rev-back] button span:before { border-top: 1px solid #0F958A; border-left: 1px solid #0F958A; }

body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn][class*=_t-rev-back] a:hover span:before,
body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn][class*=_t-rev-back] button:hover span:before,
body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn][class*=_t-rev-back] a:hover span:before,
body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn][class*=_t-rev-back] button:hover span:before { border-top: 1px solid #FFF; border-left: 1px solid #FFF; }

/* BUTTON TYPE [SECURITY - BASIC], [REQUEST - BASIC]
--------------------*/

.s-btn-inner [class^=s-btn][class*=_t-s-basic] a,
.s-btn-inner [class^=s-btn][class*=_t-s-basic] button { color: #FFF; background: #144399; border: 1px solid #144399; }
.s-btn-inner [class^=s-btn][class*=_t-r-basic] a,
.s-btn-inner [class^=s-btn][class*=_t-r-basic] button { color: #FFF; background: #0F958A; border: 1px solid #0F958A; }

.s-btn-inner [class^=s-btn][class*=_t-s-basic] a:hover,
.s-btn-inner [class^=s-btn][class*=_t-s-basic] button:hover { color: #144399; }
.s-btn-inner [class^=s-btn][class*=_t-r-basic] a:hover,
.s-btn-inner [class^=s-btn][class*=_t-r-basic] button:hover { color: #0F958A; }

.s-btn-inner [class^=s-btn][class*=_t-s-basic] a span:before,
.s-btn-inner [class^=s-btn][class*=_t-s-basic] button span:before,
.s-btn-inner [class^=s-btn][class*=_t-r-basic] a span:before,
.s-btn-inner [class^=s-btn][class*=_t-r-basic] button span:before {
	content: '';
	position: absolute;
	top: 50%;
	right: calc(100% + 10px);
	transform: translate(0, -50%) rotate(45deg);
	width: 5px;
	height: 5px;
}

.s-btn-inner [class^=s-btn][class*=_t-s-basic] a span:before,
.s-btn-inner [class^=s-btn][class*=_t-s-basic] button span:before { border-top: 1px solid #144399; border-right: 1px solid #144399; }
.s-btn-inner [class^=s-btn][class*=_t-r-basic] a span:before,
.s-btn-inner [class^=s-btn][class*=_t-r-basic] button span:before { border-top: 1px solid #0F958A; border-right: 1px solid #0F958A; }

/* BUTTON TYPE [SECURITY - REVERSE - BASIC], [REQUEST - REVERSE - BASIC]
--------------------*/

.s-btn-inner [class^=s-btn][class*=_t-s-rev-basic] a,
.s-btn-inner [class^=s-btn][class*=_t-s-rev-basic] button { color: #144399; background: #FFF; border: 1px solid #144399; }
.s-btn-inner [class^=s-btn][class*=_t-r-rev-basic] a,
.s-btn-inner [class^=s-btn][class*=_t-r-rev-basic] button { color: #0F958A; background: #FFF; border: 1px solid #0F958A; }

.s-btn-inner [class^=s-btn][class*=_t-s-rev-basic] a:before,
.s-btn-inner [class^=s-btn][class*=_t-s-rev-basic] button:before { background: #144399; }
.s-btn-inner [class^=s-btn][class*=_t-r-rev-basic] a:before,
.s-btn-inner [class^=s-btn][class*=_t-r-rev-basic] button:before { background: #0F958A; }

.s-btn-inner [class^=s-btn][class*=_t-s-rev-basic] a:hover,
.s-btn-inner [class^=s-btn][class*=_t-s-rev-basic] button:hover,
.s-btn-inner [class^=s-btn][class*=_t-r-rev-basic] a:hover,
.s-btn-inner [class^=s-btn][class*=_t-r-rev-basic] button:hover { color: #FFF; }

.s-btn-inner [class^=s-btn][class*=_t-s-rev-basic] a span:before,
.s-btn-inner [class^=s-btn][class*=_t-s-rev-basic] button span:before,
.s-btn-inner [class^=s-btn][class*=_t-r-rev-basic] a span:before,
.s-btn-inner [class^=s-btn][class*=_t-r-rev-basic] button span:before {
	content: '';
	position: absolute;
	top: 50%;
	right: calc(100% + 10px);
	transform: translate(0, -50%) rotate(45deg);
	width: 5px;
	height: 5px;
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
}

/* BUTTON TYPE [SECURITY - REVERSE - BACK], [REQUEST - REVERSE - BACK]
--------------------*/

.s-btn-inner [class^=s-btn][class*=_t-s-rev-back] a,
.s-btn-inner [class^=s-btn][class*=_t-s-rev-back] button { color: #144399; background: #FFF; border: 1px solid #144399; }
.s-btn-inner [class^=s-btn][class*=_t-r-rev-back] a,
.s-btn-inner [class^=s-btn][class*=_t-r-rev-back] button { color: #0F958A; background: #FFF; border: 1px solid #0F958A; }

.s-btn-inner [class^=s-btn][class*=_t-s-rev-back] a:before,
.s-btn-inner [class^=s-btn][class*=_t-s-rev-back] button:before { background: #144399; }
.s-btn-inner [class^=s-btn][class*=_t-r-rev-back] a:before,
.s-btn-inner [class^=s-btn][class*=_t-r-rev-back] button:before { background: #0F958A; }

.s-btn-inner [class^=s-btn][class*=_t-s-rev-back] a:hover,
.s-btn-inner [class^=s-btn][class*=_t-s-rev-back] button:hover,
.s-btn-inner [class^=s-btn][class*=_t-r-rev-back] a:hover,
.s-btn-inner [class^=s-btn][class*=_t-r-rev-back] button:hover { color: #FFF; }

.s-btn-inner [class^=s-btn][class*=_t-s-rev-back] a span:before,
.s-btn-inner [class^=s-btn][class*=_t-s-rev-back] button span:before,
.s-btn-inner [class^=s-btn][class*=_t-r-rev-back] a span:before,
.s-btn-inner [class^=s-btn][class*=_t-r-rev-back] button span:before {
	content: '';
	position: absolute;
	top: 50%;
	right: calc(100% + 10px);
	transform: translate(0, -50%) rotate(-45deg);
	width: 5px;
	height: 5px;
}

.s-btn-inner [class^=s-btn][class*=_t-s-rev-back] a span:before,
.s-btn-inner [class^=s-btn][class*=_t-s-rev-back] button span:before { border-top: 1px solid #144399; border-left: 1px solid #144399; }
.s-btn-inner [class^=s-btn][class*=_t-r-rev-back] a span:before,
.s-btn-inner [class^=s-btn][class*=_t-r-rev-back] button span:before { border-top: 1px solid #0F958A; border-left: 1px solid #0F958A; }

.s-btn-inner [class^=s-btn][class*=_t-s-rev-back] a:hover span:before,
.s-btn-inner [class^=s-btn][class*=_t-s-rev-back] button:hover span:before,
.s-btn-inner [class^=s-btn][class*=_t-r-rev-back] a:hover span:before,
.s-btn-inner [class^=s-btn][class*=_t-r-rev-back] button:hover span:before { border-top: 1px solid #FFF; border-left: 1px solid #FFF; }

/* BUTTON TYPE [SECURITY - LOGIN], [REQUEST - LOGIN]
--------------------*/

.s-btn-inner [class^=s-btn][class*=_t-s-login] a,
.s-btn-inner [class^=s-btn][class*=_t-s-login] button { color: #FFF; background: #144399; border: 1px solid #144399; }
.s-btn-inner [class^=s-btn][class*=_t-r-login] a,
.s-btn-inner [class^=s-btn][class*=_t-r-login] button { color: #FFF; background: #0F958A; border: 1px solid #0F958A; }

.s-btn-inner [class^=s-btn][class*=_t-s-login] a:hover,
.s-btn-inner [class^=s-btn][class*=_t-s-login] button:hover { color: #144399; }
.s-btn-inner [class^=s-btn][class*=_t-r-login] a:hover,
.s-btn-inner [class^=s-btn][class*=_t-r-login] button:hover { color: #0F958A; }

.s-btn-inner [class^=s-btn][class*=_t-s-login] a span:before,
.s-btn-inner [class^=s-btn][class*=_t-s-login] button span:before,
.s-btn-inner [class^=s-btn][class*=_t-r-login] a span:before,
.s-btn-inner [class^=s-btn][class*=_t-r-login] button span:before {
	content: '';
	position: absolute;
	top: 50%;
	right: calc(100% + 10px);
	transform: translate(0, -50%);
	width: 19px;
	height: 19px;
    background: url(../../images/common/button/login/white.svg) 50% 50% / contain no-repeat, transparent;
}

.s-btn-inner [class^=s-btn][class*=_t-s-login] a:hover span:before,
.s-btn-inner [class^=s-btn][class*=_t-s-login] button:hover span:before {
    background: url(../../images/common/button/login/blue.svg) 50% 50% / contain no-repeat, transparent;
}

.s-btn-inner [class^=s-btn][class*=_t-r-login] a:hover span:before,
.s-btn-inner [class^=s-btn][class*=_t-r-login] button:hover span:before {
    background: url(../../images/common/button/login/green.svg) 50% 50% / contain no-repeat, transparent;
}

/* BUTTON TYPE [SECURITY - REGIST], [REQUEST - REGIST]
--------------------*/

.s-btn-inner [class^=s-btn][class*=_t-s-regist] a,
.s-btn-inner [class^=s-btn][class*=_t-s-regist] button { color: #144399; background: #FFF; border: 1px solid #144399; }
.s-btn-inner [class^=s-btn][class*=_t-r-regist] a,
.s-btn-inner [class^=s-btn][class*=_t-r-regist] button { color: #0F958A; background: #FFF; border: 1px solid #0F958A; }

.s-btn-inner [class^=s-btn][class*=_t-s-regist] a:before,
.s-btn-inner [class^=s-btn][class*=_t-s-regist] button:before { background: #144399; }

.s-btn-inner [class^=s-btn][class*=_t-r-regist] a:before,
.s-btn-inner [class^=s-btn][class*=_t-r-regist] button:before { background: #0F958A; }

.s-btn-inner [class^=s-btn][class*=_t-s-regist] a:hover,
.s-btn-inner [class^=s-btn][class*=_t-s-regist] button:hover,
.s-btn-inner [class^=s-btn][class*=_t-r-regist] a:hover,
.s-btn-inner [class^=s-btn][class*=_t-r-regist] button:hover { color: #FFF; }

.s-btn-inner [class^=s-btn][class*=_t-s-regist] a span:before,
.s-btn-inner [class^=s-btn][class*=_t-s-regist] button span:before,
.s-btn-inner [class^=s-btn][class*=_t-r-regist] a span:before,
.s-btn-inner [class^=s-btn][class*=_t-r-regist] button span:before {
	content: '';
	position: absolute;
	top: 50%;
	right: calc(100% + 10px);
	transform: translate(0, -50%);
	width: 19px;
	height: 19px;
}

.s-btn-inner [class^=s-btn][class*=_t-s-regist] a span:before,
.s-btn-inner [class^=s-btn][class*=_t-s-regist] button span:before {
    background: url(../../images/common/button/regist/blue.svg) 50% 50% / contain no-repeat, transparent;
}

.s-btn-inner [class^=s-btn][class*=_t-r-regist] a span:before,
.s-btn-inner [class^=s-btn][class*=_t-r-regist] button span:before {
    background: url(../../images/common/button/regist/green.svg) 50% 50% / contain no-repeat, transparent;
}

.s-btn-inner [class^=s-btn][class*=_t-s-regist] a:hover span:before,
.s-btn-inner [class^=s-btn][class*=_t-s-regist] button:hover span:before,
.s-btn-inner [class^=s-btn][class*=_t-r-regist] a:hover span:before,
.s-btn-inner [class^=s-btn][class*=_t-r-regist] button:hover span:before {
    background: url(../../images/common/button/regist/white.svg) 50% 50% / contain no-repeat, transparent;
}

/* BUTTON TYPE [ADD]
--------------------*/

body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn][class*=_t-add] a span:before,
body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn][class*=_t-add] button span:before,
body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn][class*=_t-add] a span:before,
body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn][class*=_t-add] button span:before {
	content: '';
	position: absolute;
	top: 50%;
	right: calc(100% + 10px);
	transform: translate(0, -50%);
	width: 18px;
	height: 19px;
    background: url(../../images/common/button/add/white.svg) 50% 50% / contain no-repeat, transparent;
}

body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn][class*=_t-add] a:hover span:before,
body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn][class*=_t-add] button:hover span:before {
    background: url(../../images/common/button/add/blue.svg) 50% 50% / contain no-repeat, transparent;
}

body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn][class*=_t-add] a:hover span:before,
body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn][class*=_t-add] button:hover span:before {
    background: url(../../images/common/button/add/green.svg) 50% 50% / contain no-repeat, transparent;
}

/* BUTTON TYPE [UPDATE]
--------------------*/

body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn][class*=_t-update] a span:before,
body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn][class*=_t-update] button span:before,
body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn][class*=_t-update] a span:before,
body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn][class*=_t-update] button span:before {
	content: '';
	position: absolute;
	top: 50%;
	right: calc(100% + 10px);
	transform: translate(0, -50%);
	width: 18px;
	height: 19px;
    background: url(../../images/common/button/update/white.svg) 50% 50% / contain no-repeat, transparent;
}

body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn][class*=_t-update] a:hover span:before,
body.s-pagetype[class*=_t-s] .s-btn-inner [class^=s-btn][class*=_t-update] button:hover span:before {
    background: url(../../images/common/button/update/blue.svg) 50% 50% / contain no-repeat, transparent;
}

body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn][class*=_t-update] a:hover span:before,
body.s-pagetype[class*=_t-r] .s-btn-inner [class^=s-btn][class*=_t-update] button:hover span:before {
    background: url(../../images/common/button/update/green.svg) 50% 50% / contain no-repeat, transparent;
}

/* ===================================================================
MORE BUTTON
=================================================================== */

/* MORE BUTTON AREA
--------------------*/

.s-more-area {
    height: 350px;
    overflow: hidden;
}

.s-more-area.show {
    height: auto;
    overflow: unset;
}

/* MORE BUTTON BASIC
--------------------*/

.s-more-btn {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
}

.s-more-btn.hide {
    display: none;
}

.s-more-btn button {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 5px 25px 5px 10px;
    font-size: 15px;
    font-weight: 700;
    border-radius: 50px;
    cursor: pointer;
    transition: color .3s ease-out 0s;
}

.s-more-btn button span {
    position: relative;
    z-index: 2;
}

.s-more-btn button span:before {
	content: '';
	position: absolute;
	top: 50%;
	left: calc(100% + 10px);
	transform: translate(0, -50%) rotate(45deg);
	width: 5px;
	height: 5px;
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}

/* MORE BUTTON COLOR
--------------------*/

body.s-pagetype[class*=_t-s] .s-more-btn button { color: #FFF; background: #144399; border: 1px solid #144399; }
body.s-pagetype[class*=_t-r] .s-more-btn button { color: #FFF; background: #0F958A; border: 1px solid #0F958A; }

/* MORE BUTTON BEFORE
--------------------*/

.s-more-btn button:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 100%;
    background: #FFF;
    border-radius: 50px;
    z-index: 1;
}

/* MORE BUTTON HOVER
--------------------*/

body.s-pagetype[class*=_t-s] .s-more-btn button:hover { color: #144399; }
body.s-pagetype[class*=_t-r] .s-more-btn button:hover { color: #0F958A; }

.s-more-btn button:hover:before {
    width: 100%;
    transition: width .3s ease-out 0s;
}

body.s-pagetype[class*=_t-s] .s-more-btn button:hover span:before { border-right: 1px solid #144399; border-bottom: 1px solid #144399; }
body.s-pagetype[class*=_t-r] .s-more-btn button:hover span:before { border-right: 1px solid #0F958A; border-bottom: 1px solid #0F958A; }

/* ===================================================================
TAB
=================================================================== */

/* TAB BASIC
--------------------*/

.s-tab > ul {
    display: flex;
    justify-content: space-between;
}

.s-tab > ul > li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: auto;
    width: 100%;
    min-height: 40px;
    margin: 0 4px;
    padding: 5px 10px;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    transition: opacity .5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

body.s-pagetype[class*=_t-s] .s-tab > ul > li { color: #FFF; background: #144399; }
body.s-pagetype[class*=_t-r] .s-tab > ul > li { color: #FFF; background: #0F958A; }

.s-tab > ul > li:first-of-type { margin: 0 4px 0 0; }
.s-tab > ul > li:last-of-type { margin: 0 0 0 4px; }

body.s-pagetype[class*=_t-s] .s-tab > ul > li.active { color: #144399; background: #FFF; }
body.s-pagetype[class*=_t-r] .s-tab > ul > li.active { color: #0F958A; background: #FFF; }

.s-tab > ul > li:not(.active):hover {
    opacity: .7;
}

/* TAB DETAIL
--------------------*/

.s-tab > dl > dd {
	display: none;
}

.s-tab > dl > dd.active {
	display: block;
}

/* ===================================================================
TOGGLE
=================================================================== */

/* TOGGLE BASIC
--------------------*/

.s-toggle {
    margin: 0 0 60px;
}

.s-toggle-title {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 40px;
    padding: 0 0 0 40px;
    color: #FFF;
    font-size: 18px;
    font-weight: 700;

}

.s-toggle-title:not(.inoperable) {
    cursor: pointer;
    transition: opacity .5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.s-toggle-title:not(.inoperable):hover {
    opacity: .7;
}

body.s-pagetype[class*=_t-s] .s-toggle-title { background: #144399; }
body.s-pagetype[class*=_t-r] .s-toggle-title { background: #0F958A; }

.s-toggle-title:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background: url(../../images/common/toggle/search.svg) 50% 50% / contain no-repeat, transparent;
}

.s-toggle-title:not(.inoperable):after {
    content: '';
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
}

.s-toggle-title:not(.inoperable):not(.open):after { background: url(../../images/common/toggle/plus.svg) 50% 50% / contain no-repeat, transparent; }
.s-toggle-title:not(.inoperable).open:after { background: url(../../images/common/toggle/minus.svg) 50% 50% / contain no-repeat, transparent; }

/* ===================================================================
BASIC LIST
=================================================================== */

.s-basiclist > ul > li {
    margin: 0 0 15px;
    padding: 0 0 15px;
    border-bottom: 1px solid #B4C0D6;
}

/* ===================================================================
FLEX CENTER
=================================================================== */

/* FLEX CENTER BASIC
--------------------*/

.s-flex-center {
    display: flex;
    justify-content: center;
}

/* ===================================================================
FLEX
=================================================================== */

/* FLEX BASIC
--------------------*/

.s-flex {
    display: flex;
    justify-content: space-between;
}

/* FLEX LOCATION
--------------------*/

.s-flex[class*=_l-start] { align-items: flex-start; }
.s-flex[class*=_l-center] { align-items: center; }
.s-flex[class*=_l-end] { align-items: flex-end; }

/* FLEX WIDTH
--------------------*/

.s-flex-l[class*=_w-1],
.s-flex-r[class*=_w-1]  { width:  1%; }
.s-flex-l[class*=_w-2],
.s-flex-r[class*=_w-2]  { width:  2%; }
.s-flex-l[class*=_w-3],
.s-flex-r[class*=_w-3]  { width:  3%; }
.s-flex-l[class*=_w-4],
.s-flex-r[class*=_w-4]  { width:  4%; }
.s-flex-l[class*=_w-5],
.s-flex-r[class*=_w-5]  { width:  5%; }
.s-flex-l[class*=_w-6],
.s-flex-r[class*=_w-6]  { width:  6%; }
.s-flex-l[class*=_w-7],
.s-flex-r[class*=_w-7]  { width:  7%; }
.s-flex-l[class*=_w-8],
.s-flex-r[class*=_w-8]  { width:  8%; }
.s-flex-l[class*=_w-9],
.s-flex-r[class*=_w-9]  { width:  9%; }
.s-flex-l[class*=_w-10],
.s-flex-r[class*=_w-10] { width: 10%; }

.s-flex-l[class*=_w-11],
.s-flex-r[class*=_w-11] { width: 11%; }
.s-flex-l[class*=_w-12],
.s-flex-r[class*=_w-12] { width: 12%; }
.s-flex-l[class*=_w-13],
.s-flex-r[class*=_w-13] { width: 13%; }
.s-flex-l[class*=_w-14],
.s-flex-r[class*=_w-14] { width: 14%; }
.s-flex-l[class*=_w-15],
.s-flex-r[class*=_w-15] { width: 15%; }
.s-flex-l[class*=_w-16],
.s-flex-r[class*=_w-16] { width: 16%; }
.s-flex-l[class*=_w-17],
.s-flex-r[class*=_w-17] { width: 17%; }
.s-flex-l[class*=_w-18],
.s-flex-r[class*=_w-18] { width: 18%; }
.s-flex-l[class*=_w-19],
.s-flex-r[class*=_w-19] { width: 19%; }
.s-flex-l[class*=_w-20],
.s-flex-r[class*=_w-20] { width: 20%; }

.s-flex-l[class*=_w-21],
.s-flex-r[class*=_w-21] { width: 21%; }
.s-flex-l[class*=_w-22],
.s-flex-r[class*=_w-22] { width: 22%; }
.s-flex-l[class*=_w-23],
.s-flex-r[class*=_w-23] { width: 23%; }
.s-flex-l[class*=_w-24],
.s-flex-r[class*=_w-24] { width: 24%; }
.s-flex-l[class*=_w-25],
.s-flex-r[class*=_w-25] { width: 25%; }
.s-flex-l[class*=_w-26],
.s-flex-r[class*=_w-26] { width: 26%; }
.s-flex-l[class*=_w-27],
.s-flex-r[class*=_w-27] { width: 27%; }
.s-flex-l[class*=_w-28],
.s-flex-r[class*=_w-28] { width: 28%; }
.s-flex-l[class*=_w-29],
.s-flex-r[class*=_w-29] { width: 29%; }
.s-flex-l[class*=_w-30],
.s-flex-r[class*=_w-30] { width: 30%; }

.s-flex-l[class*=_w-31],
.s-flex-r[class*=_w-31] { width: 31%; }
.s-flex-l[class*=_w-32],
.s-flex-r[class*=_w-32] { width: 32%; }
.s-flex-l[class*=_w-33],
.s-flex-r[class*=_w-33] { width: 33%; }
.s-flex-l[class*=_w-34],
.s-flex-r[class*=_w-34] { width: 34%; }
.s-flex-l[class*=_w-35],
.s-flex-r[class*=_w-35] { width: 35%; }
.s-flex-l[class*=_w-36],
.s-flex-r[class*=_w-36] { width: 36%; }
.s-flex-l[class*=_w-37],
.s-flex-r[class*=_w-37] { width: 37%; }
.s-flex-l[class*=_w-38],
.s-flex-r[class*=_w-38] { width: 38%; }
.s-flex-l[class*=_w-39],
.s-flex-r[class*=_w-39] { width: 39%; }
.s-flex-l[class*=_w-40],
.s-flex-r[class*=_w-40] { width: 40%; }

.s-flex-l[class*=_w-41],
.s-flex-r[class*=_w-41] { width: 41%; }
.s-flex-l[class*=_w-42],
.s-flex-r[class*=_w-42] { width: 42%; }
.s-flex-l[class*=_w-43],
.s-flex-r[class*=_w-43] { width: 43%; }
.s-flex-l[class*=_w-44],
.s-flex-r[class*=_w-44] { width: 44%; }
.s-flex-l[class*=_w-45],
.s-flex-r[class*=_w-45] { width: 45%; }
.s-flex-l[class*=_w-46],
.s-flex-r[class*=_w-46] { width: 46%; }
.s-flex-l[class*=_w-47],
.s-flex-r[class*=_w-47] { width: 47%; }
.s-flex-l[class*=_w-48],
.s-flex-r[class*=_w-48] { width: 48%; }
.s-flex-l[class*=_w-49],
.s-flex-r[class*=_w-49] { width: 49%; }
.s-flex-l[class*=_w-50],
.s-flex-r[class*=_w-50] { width: 50%; }

.s-flex-l[class*=_w-51],
.s-flex-r[class*=_w-51] { width: 51%; }
.s-flex-l[class*=_w-52],
.s-flex-r[class*=_w-52] { width: 52%; }
.s-flex-l[class*=_w-53],
.s-flex-r[class*=_w-53] { width: 53%; }
.s-flex-l[class*=_w-54],
.s-flex-r[class*=_w-54] { width: 54%; }
.s-flex-l[class*=_w-55],
.s-flex-r[class*=_w-55] { width: 55%; }
.s-flex-l[class*=_w-56],
.s-flex-r[class*=_w-56] { width: 56%; }
.s-flex-l[class*=_w-57],
.s-flex-r[class*=_w-57] { width: 57%; }
.s-flex-l[class*=_w-58],
.s-flex-r[class*=_w-58] { width: 58%; }
.s-flex-l[class*=_w-59],
.s-flex-r[class*=_w-59] { width: 59%; }
.s-flex-l[class*=_w-60],
.s-flex-r[class*=_w-60] { width: 60%; }

.s-flex-l[class*=_w-61],
.s-flex-r[class*=_w-61] { width: 61%; }
.s-flex-l[class*=_w-62],
.s-flex-r[class*=_w-62] { width: 62%; }
.s-flex-l[class*=_w-63],
.s-flex-r[class*=_w-63] { width: 63%; }
.s-flex-l[class*=_w-64],
.s-flex-r[class*=_w-64] { width: 64%; }
.s-flex-l[class*=_w-65],
.s-flex-r[class*=_w-65] { width: 65%; }
.s-flex-l[class*=_w-66],
.s-flex-r[class*=_w-66] { width: 66%; }
.s-flex-l[class*=_w-67],
.s-flex-r[class*=_w-67] { width: 67%; }
.s-flex-l[class*=_w-68],
.s-flex-r[class*=_w-68] { width: 68%; }
.s-flex-l[class*=_w-69],
.s-flex-r[class*=_w-69] { width: 69%; }
.s-flex-l[class*=_w-70],
.s-flex-r[class*=_w-70] { width: 70%; }

.s-flex-l[class*=_w-71],
.s-flex-r[class*=_w-71] { width: 71%; }
.s-flex-l[class*=_w-72],
.s-flex-r[class*=_w-72] { width: 72%; }
.s-flex-l[class*=_w-73],
.s-flex-r[class*=_w-73] { width: 73%; }
.s-flex-l[class*=_w-74],
.s-flex-r[class*=_w-74] { width: 74%; }
.s-flex-l[class*=_w-75],
.s-flex-r[class*=_w-75] { width: 75%; }
.s-flex-l[class*=_w-76],
.s-flex-r[class*=_w-76] { width: 76%; }
.s-flex-l[class*=_w-77],
.s-flex-r[class*=_w-77] { width: 77%; }
.s-flex-l[class*=_w-78],
.s-flex-r[class*=_w-78] { width: 78%; }
.s-flex-l[class*=_w-79],
.s-flex-r[class*=_w-79] { width: 79%; }
.s-flex-l[class*=_w-80],
.s-flex-r[class*=_w-80] { width: 80%; }

.s-flex-l[class*=_w-81],
.s-flex-r[class*=_w-81] { width: 81%; }
.s-flex-l[class*=_w-82],
.s-flex-r[class*=_w-82] { width: 82%; }
.s-flex-l[class*=_w-83],
.s-flex-r[class*=_w-83] { width: 83%; }
.s-flex-l[class*=_w-84],
.s-flex-r[class*=_w-84] { width: 84%; }
.s-flex-l[class*=_w-85],
.s-flex-r[class*=_w-85] { width: 85%; }
.s-flex-l[class*=_w-86],
.s-flex-r[class*=_w-86] { width: 86%; }
.s-flex-l[class*=_w-87],
.s-flex-r[class*=_w-87] { width: 87%; }
.s-flex-l[class*=_w-88],
.s-flex-r[class*=_w-88] { width: 88%; }
.s-flex-l[class*=_w-89],
.s-flex-r[class*=_w-89] { width: 89%; }
.s-flex-l[class*=_w-90],
.s-flex-r[class*=_w-90] { width: 90%; }

.s-flex-l[class*=_w-91],
.s-flex-r[class*=_w-91] { width: 91%; }
.s-flex-l[class*=_w-92],
.s-flex-r[class*=_w-92] { width: 92%; }
.s-flex-l[class*=_w-93],
.s-flex-r[class*=_w-93] { width: 93%; }
.s-flex-l[class*=_w-94],
.s-flex-r[class*=_w-94] { width: 94%; }
.s-flex-l[class*=_w-95],
.s-flex-r[class*=_w-95] { width: 95%; }
.s-flex-l[class*=_w-96],
.s-flex-r[class*=_w-96] { width: 96%; }
.s-flex-l[class*=_w-97],
.s-flex-r[class*=_w-97] { width: 97%; }
.s-flex-l[class*=_w-98],
.s-flex-r[class*=_w-98] { width: 98%; }
.s-flex-l[class*=_w-99],
.s-flex-r[class*=_w-99] { width: 99%; }

/* ===================================================================
FLEX UNIQUE
=================================================================== */

/* FLEX UNIQUE TYPE 024, 027, 078
--------------------*/

.s-flex-u-024-inner > dl,
.s-flex-u-027-inner > dl,
.s-flex-u-078-inner > dl {
    display: flex;
    justify-content: space-between;
}

.s-flex-u-024-inner > dl + dl,
.s-flex-u-027-inner > dl + dl,
.s-flex-u-078-inner > dl + dl {
    margin: 5px 0 0;
}

.s-flex-u-024-inner > dl > dt,
.s-flex-u-027-inner > dl > dt,
.s-flex-u-078-inner > dl > dt {
    width: 180px;
    font-weight: 700;
    text-align: right;
}

.s-flex-u-024-inner > dl > dd,
.s-flex-u-027-inner > dl > dd,
.s-flex-u-078-inner > dl > dd {
    width: calc(100% - 180px);
}

/* FLEX UNIQUE TYPE 080, 099
--------------------*/

.s-flex-u-080-inner,
.s-flex-u-099-inner {
    padding: 0 0 0 12px;
}

.s-flex-u-080-inner > dl,
.s-flex-u-099-inner > dl {
    display: flex;
    justify-content: space-between;
}

.s-flex-u-080-inner > dl + dl,
.s-flex-u-099-inner > dl + dl {
    margin: 5px 0 0;
}

.s-flex-u-080-inner > dl > dt,
.s-flex-u-099-inner > dl > dt {
    width: 100px;
}

.s-flex-u-080-inner > dl > dd,
.s-flex-u-099-inner > dl > dd {
    width: calc(100% - 100px);
}

/* FLEX UNIQUE TYPE 028, 079
--------------------*/

.s-flex-u-028-inner,
.s-flex-u-079-inner {
    margin: 60px 0 0;
}

.s-flex-u-028-inner > dl > dd:nth-of-type(1),
.s-flex-u-079-inner > dl > dd:nth-of-type(1) {
    margin: 0 0 10px;
}

/* ===================================================================
TABLE
=================================================================== */

/* TABLE BASIC
--------------------*/

.s-table table {
    position: relative;
	display: table;
	table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
}

.s-table table thead { display: table-header-group; }
.s-table table tbody { display: table-row-group; }

.s-table table tr th,
.s-table table tr td {
    padding: 15px 20px;
    text-align: left;
	vertical-align: middle;
    border: 2px solid #FFF;
    border-left: none;
    border-right: none;
}

.s-table table tr th {
    width: 24%;
    font-weight: 700;
	background: #CECECE;
}

.s-table table tr td {
    width: 76%;
	background: #EBEBEB;
}

.s-table table tr.red th { color: #FFF; background: #D32626 }
.s-table table tr.red td { background: #FFD5D5 }

/* ===================================================================
TABLE LAYOUT LIST
=================================================================== */

/* TABLE LAYOUT LIST BASIC
--------------------*/

.s-tablelayoutlist > ul > li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 15px;
    padding: 0 0 15px;
    border-bottom: 1px solid #B4C0D6;
}

.s-tll-detail { padding: 0 30px 0 0; }
.s-tll-detail:last-of-type { padding: 0; }

/* TABLE LAYOUT LIST TEXT
--------------------*/

.s-tll-detail span.bold { font-weight: 700; }

/* TABLE LAYOUT LIST WIDTH
--------------------*/

.s-tll-detail[class*=_w-pc0]   { display: none; }
.s-tll-detail[class*=_w-pc1]   { width:   1%; }
.s-tll-detail[class*=_w-pc2]   { width:   2%; }
.s-tll-detail[class*=_w-pc3]   { width:   3%; }
.s-tll-detail[class*=_w-pc4]   { width:   4%; }
.s-tll-detail[class*=_w-pc5]   { width:   5%; }
.s-tll-detail[class*=_w-pc6]   { width:   6%; }
.s-tll-detail[class*=_w-pc7]   { width:   7%; }
.s-tll-detail[class*=_w-pc8]   { width:   8%; }
.s-tll-detail[class*=_w-pc9]   { width:   9%; }
.s-tll-detail[class*=_w-pc10]  { width:  10%; }

.s-tll-detail[class*=_w-pc11]  { width:  11%; }
.s-tll-detail[class*=_w-pc12]  { width:  12%; }
.s-tll-detail[class*=_w-pc13]  { width:  13%; }
.s-tll-detail[class*=_w-pc14]  { width:  14%; }
.s-tll-detail[class*=_w-pc15]  { width:  15%; }
.s-tll-detail[class*=_w-pc16]  { width:  16%; }
.s-tll-detail[class*=_w-pc17]  { width:  17%; }
.s-tll-detail[class*=_w-pc18]  { width:  18%; }
.s-tll-detail[class*=_w-pc19]  { width:  19%; }
.s-tll-detail[class*=_w-pc20]  { width:  20%; }

.s-tll-detail[class*=_w-pc21]  { width:  21%; }
.s-tll-detail[class*=_w-pc22]  { width:  22%; }
.s-tll-detail[class*=_w-pc23]  { width:  23%; }
.s-tll-detail[class*=_w-pc24]  { width:  24%; }
.s-tll-detail[class*=_w-pc25]  { width:  25%; }
.s-tll-detail[class*=_w-pc26]  { width:  26%; }
.s-tll-detail[class*=_w-pc27]  { width:  27%; }
.s-tll-detail[class*=_w-pc28]  { width:  28%; }
.s-tll-detail[class*=_w-pc29]  { width:  29%; }
.s-tll-detail[class*=_w-pc30]  { width:  30%; }

.s-tll-detail[class*=_w-pc31]  { width:  31%; }
.s-tll-detail[class*=_w-pc32]  { width:  32%; }
.s-tll-detail[class*=_w-pc33]  { width:  33%; }
.s-tll-detail[class*=_w-pc34]  { width:  34%; }
.s-tll-detail[class*=_w-pc35]  { width:  35%; }
.s-tll-detail[class*=_w-pc36]  { width:  36%; }
.s-tll-detail[class*=_w-pc37]  { width:  37%; }
.s-tll-detail[class*=_w-pc38]  { width:  38%; }
.s-tll-detail[class*=_w-pc39]  { width:  39%; }
.s-tll-detail[class*=_w-pc40]  { width:  40%; }

.s-tll-detail[class*=_w-pc41]  { width:  41%; }
.s-tll-detail[class*=_w-pc42]  { width:  42%; }
.s-tll-detail[class*=_w-pc43]  { width:  43%; }
.s-tll-detail[class*=_w-pc44]  { width:  44%; }
.s-tll-detail[class*=_w-pc45]  { width:  45%; }
.s-tll-detail[class*=_w-pc46]  { width:  46%; }
.s-tll-detail[class*=_w-pc47]  { width:  47%; }
.s-tll-detail[class*=_w-pc48]  { width:  48%; }
.s-tll-detail[class*=_w-pc49]  { width:  49%; }
.s-tll-detail[class*=_w-pc50]  { width:  50%; }

.s-tll-detail[class*=_w-pc51]  { width:  51%; }
.s-tll-detail[class*=_w-pc52]  { width:  52%; }
.s-tll-detail[class*=_w-pc53]  { width:  53%; }
.s-tll-detail[class*=_w-pc54]  { width:  54%; }
.s-tll-detail[class*=_w-pc55]  { width:  55%; }
.s-tll-detail[class*=_w-pc56]  { width:  56%; }
.s-tll-detail[class*=_w-pc57]  { width:  57%; }
.s-tll-detail[class*=_w-pc58]  { width:  58%; }
.s-tll-detail[class*=_w-pc59]  { width:  59%; }
.s-tll-detail[class*=_w-pc60]  { width:  60%; }

.s-tll-detail[class*=_w-pc61]  { width:  61%; }
.s-tll-detail[class*=_w-pc62]  { width:  62%; }
.s-tll-detail[class*=_w-pc63]  { width:  63%; }
.s-tll-detail[class*=_w-pc64]  { width:  64%; }
.s-tll-detail[class*=_w-pc65]  { width:  65%; }
.s-tll-detail[class*=_w-pc66]  { width:  66%; }
.s-tll-detail[class*=_w-pc67]  { width:  67%; }
.s-tll-detail[class*=_w-pc68]  { width:  68%; }
.s-tll-detail[class*=_w-pc69]  { width:  69%; }
.s-tll-detail[class*=_w-pc70]  { width:  70%; }

.s-tll-detail[class*=_w-pc71]  { width:  71%; }
.s-tll-detail[class*=_w-pc72]  { width:  72%; }
.s-tll-detail[class*=_w-pc73]  { width:  73%; }
.s-tll-detail[class*=_w-pc74]  { width:  74%; }
.s-tll-detail[class*=_w-pc75]  { width:  75%; }
.s-tll-detail[class*=_w-pc76]  { width:  76%; }
.s-tll-detail[class*=_w-pc77]  { width:  77%; }
.s-tll-detail[class*=_w-pc78]  { width:  78%; }
.s-tll-detail[class*=_w-pc79]  { width:  79%; }
.s-tll-detail[class*=_w-pc80]  { width:  80%; }

.s-tll-detail[class*=_w-pc81]  { width:  81%; }
.s-tll-detail[class*=_w-pc82]  { width:  82%; }
.s-tll-detail[class*=_w-pc83]  { width:  83%; }
.s-tll-detail[class*=_w-pc84]  { width:  84%; }
.s-tll-detail[class*=_w-pc85]  { width:  85%; }
.s-tll-detail[class*=_w-pc86]  { width:  86%; }
.s-tll-detail[class*=_w-pc87]  { width:  87%; }
.s-tll-detail[class*=_w-pc88]  { width:  88%; }
.s-tll-detail[class*=_w-pc89]  { width:  89%; }
.s-tll-detail[class*=_w-pc90]  { width:  90%; }

.s-tll-detail[class*=_w-pc91]  { width:  91%; }
.s-tll-detail[class*=_w-pc92]  { width:  92%; }
.s-tll-detail[class*=_w-pc93]  { width:  93%; }
.s-tll-detail[class*=_w-pc94]  { width:  94%; }
.s-tll-detail[class*=_w-pc95]  { width:  95%; }
.s-tll-detail[class*=_w-pc96]  { width:  96%; }
.s-tll-detail[class*=_w-pc97]  { width:  97%; }
.s-tll-detail[class*=_w-pc98]  { width:  98%; }
.s-tll-detail[class*=_w-pc99]  { width:  99%; }
.s-tll-detail[class*=_w-pc100] { width: 100%; }

/* ===================================================================
FORM
=================================================================== */

/* FORM INPUT
--------------------*/

.s-form-input {
    position: relative;
    width: 100%;
}

.s-form-input[class*=_w-m] { width: 170px; }
.s-form-input[class*=_w-l] { width: 100%; }

.s-form-input input {
    display: block;
    width: 100%;
    height: 40px;
    padding: 5px 10px !important;
    background: #FFF;
    border: 1px solid #B4C0D6 !important;
}

.s-form-input input[disabled] {
    background: #EBEBEB;
}

/* FORM INPUT DATE
--------------------*/

.s-form-input-date {
    position: relative;
    width: 170px;
}

.s-form-input-date:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 15px;
    width: 12px;
    height: 12px;
    background: url(../../images/common/form/calendar.svg) 50% 50% / contain no-repeat, transparent;
    pointer-events: none;
}

.s-form-input-date input[type=date] {
    display: block;
    width: 100%;
    height: 40px;
    padding: 5px 40px 5px 10px;
    background: #FFF;
    border: 1px solid #B4C0D6;
}

.s-form-input-date input[type=date]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    background: transparent;
    z-index: 1;
}

.s-form-input-date input {
    display: block;
    width: 100%;
    height: 40px;
    padding: 5px 10px !important;
    background: #FFF;
    border: 1px solid #B4C0D6 !important;
}
/* FORM INPUT CALENDAR
--------------------*/

.s-form-input-calendar {
    position: relative;
    width: 390px;
}

.s-form-input-calendar:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 15px;
    width: 12px;
    height: 12px;
    background: url(../../images/common/form/calendar.svg) 50% 50% / contain no-repeat, transparent;
}

.s-form-input-calendar input[type=text] {
    display: block;
    width: 100%;
    height: 40px;
    padding: 5px 40px 5px 10px;
    background: #FFF;
    border: 1px solid #B4C0D6;
}

/* FORM INPUT NUMBER
--------------------*/

.s-form-input-number {
    position: relative;
    width: 170px;
}

.s-form-input-number .spinner-up,
.s-form-input-number .spinner-down {
    position: absolute;
    transform: translate(0, -50%);
    right: 15px;
    width: 12px;
    height: 10px;
    cursor: pointer;
    transition: opacity .5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.s-form-input-number .spinner-up:hover,
.s-form-input-number .spinner-down:hover {
    opacity: .7;
}

.s-form-input-number .spinner-up {
    top: 32.5%;
    background: url(../../images/common/form/arrow-up.svg) 50% 50% / contain no-repeat, transparent;
}

.s-form-input-number .spinner-down {
    top: 67.5%;
    background: url(../../images/common/form/arrow-down.svg) 50% 50% / contain no-repeat, transparent;
}

.s-form-input-number input[type=number] {
    display: block;
    width: 100%;
    height: 40px;
    padding: 5px 40px 5px 10px;
    background: #FFF;
    border: 1px solid #B4C0D6;
}

/* FORM INPUT FILE
--------------------*/

.s-form-input-file {
    position: relative;
    cursor: pointer;
}

.s-form-input-file input[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    pointer-events: none;
}

.s-form-input-file .s-form-input-file-name {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    padding: 10px 0 0;
    color: #E38C00;
    text-decoration: underline;
}

/* FORM CHECK
--------------------*/

.s-form-check input[type=checkbox] {
    display: none;
}

.s-form-check label {
	position: relative;
	display: block;
	width: 100%;
    margin: 0 0 15px;
    padding: 0 0 0 30px;
    cursor: pointer;
}

.s-form-check label:last-of-type {
    margin: 0;
}

.s-form-check label:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background: #FFF;
    border: 1px solid #B4C0D6;
}

.s-form-check input[type=checkbox]:checked + label:after {
	content: '';
    display: block;
    position: absolute;
	top: 50%;
	left: 7px;
	transform: translateY(-60%) rotate(40deg);
    width: 5px;
    height: 10px;
    background: transparent;
    border-bottom: 3px solid #AF4D4D;
    border-right: 3px solid #AF4D4D;
}

/* FORM RADIO
--------------------*/

.s-form-radio input[type=radio] {
    display: none;
}

.s-form-radio label {
	position: relative;
	display: block;
	width: 100%;
    margin: 0 0 15px;
    padding: 0 0 0 30px;
    cursor: pointer;
}

.s-form-radio label:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background: #FFF;
    border: 1px solid #B4C0D6;
	border-radius: 50%;
}

.s-form-radio input[type=radio]:checked + label:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
    left: 7px;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
	background: #AF4D4D;
	border-radius: 50%;
}

/* FORM SELECT
--------------------*/

.s-form-select {
	position: relative;
    width: 100%;
}

.s-form-select[class*=_w-m] { width: 170px; }
.s-form-select[class*=_w-l] { width: 100%; }

.s-form-select:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 15px;
    width: 12px;
    height: 10px;
    background: url(../../images/common/form/arrow-down.svg) 50% 50% / contain no-repeat, transparent;
    pointer-events: none;
}

.s-form-select select {
    display: block;
    width: 100%;
    height: 40px;
    padding: 5px 40px 5px 10px;
    background: #FFF;
    border: 1px solid #B4C0D6;
}

/* FORM SELECT COLOR
--------------------*/

.s-form-select-color {
	position: relative;
    width: 500px;
    margin: 0 0 30px auto;
}

.s-form-select-color:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translate(0, -50%);
    width: 18px;
    height: 19px;
    background: url(../../images/common/button/update/white.svg) 50% 50% / contain no-repeat, transparent;
    z-index: 1;
}

body.s-pagetype[class*=_t-s] .s-form-select-color:hover:before { background: url(../../images/common/button/update/blue.svg) 50% 50% / contain no-repeat, transparent; }
body.s-pagetype[class*=_t-r] .s-form-select-color:hover:before { background: url(../../images/common/button/update/green.svg) 50% 50% / contain no-repeat, transparent; }

.s-form-select-color select {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 40px;
    padding: 5px 25px 5px 45px;
    color: #FFF;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    border-radius: 50px;
    cursor: pointer;
    transition: color .3s ease-out 0s, background-color .3s ease-out 0s;
}

body.s-pagetype[class*=_t-s] .s-form-select-color select { background: #144399; border: 1px solid #144399; }
body.s-pagetype[class*=_t-r] .s-form-select-color select { background: #0F958A; border: 1px solid #0F958A; }

body.s-pagetype[class*=_t-s] .s-form-select-color select:hover { color: #144399; background: #FFF; }
body.s-pagetype[class*=_t-r] .s-form-select-color select:hover { color: #0F958A; background: #FFF; }

/* FORM TEXTAREA
--------------------*/

.s-form-textarea textarea {
    display: block;
    width: 100%;
    min-width: 300px;
    max-width: 100%;
    height: 90px;
    padding: 5px 10px !important;
    background: #FFF;
    border: 1px solid #B4C0D6 !important;
}

.s-form-textarea textarea[disabled] {
    background: #EBEBEB;
}

/* FORM MULTIPLE
--------------------*/

.s-form-multiple {
    padding: 2px;
    border: 1px solid #B4C0D6;
}

.s-form-multiple-inner {
    display: flex;
    justify-content: space-between;
}

.s-form-multiple-list {
    width: calc(100% - 120px);
}

.s-form-multiple-list > ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.s-form-multiple-list > ul > li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18%;
    margin: 3px 1%;
    font-size: 15px;
    padding: 4px 30px 4px 12px;
    background: #DEE4EF;
    border-radius: 20px;
}

.s-form-multiple-list > ul > li span {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 10px;
    width: 8px;
    height: 8px;
    background: url(../../images/common/form/delete.svg) 50% 50% / contain no-repeat, transparent;
    cursor: pointer;
    transition: opacity .5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.s-form-multiple-list > ul > li span:hover {
    opacity: .7;
}

.s-form-multiple-menu {
    display: flex;
    width: 80px;
}

.s-form-multiple-delete,
.s-form-multiple-add {
    position: relative;
    width: 40px;
    margin: 3px 0;
    cursor: pointer;
    transition: opacity .5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.s-form-multiple-delete:hover,
.s-form-multiple-add:hover {
    opacity: .7;
}

.s-form-multiple-delete {
    border-right: 1px solid #B4C0D6;
}

.s-form-multiple-delete:before,
.s-form-multiple-add:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.s-form-multiple-delete:before {
    width: 12px;
    height: 12px;
    background: url(../../images/common/form/delete.svg) 50% 50% / contain no-repeat, transparent;
}

.s-form-multiple-add:before {
    width: 12px;
    height: 10px;
    background: url(../../images/common/form/arrow-down.svg) 50% 50% / contain no-repeat, transparent;
}

/* ===================================================================
FORM LIST
=================================================================== */

/* FORM LIST BASIC
--------------------*/

.s-formlist > dl {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: 0 0 20px;
}

.s-formlist > dl > dt {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    font-size: 18px;
    font-weight: 700;
    text-align: right;
}

/* FORM LIST ATTENTION
--------------------*/

.s-formlist-attention {
    margin: 5px 0 0;
    font-size: 14px;
}

/* FORM LIST RED ICON
--------------------*/

.s-formlist span.red-icon {
    display: inline-block;
    min-width: 44px;
    margin: 2px 10px 0 0;
    color: #FFF;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    line-height: 1;
    background: #AF4D4D;
    border-radius: 50px;
}

.s-formlist span.indigo-icon {
    position: absolute;
    top: 7.5px;
    left: 0;
    display: inline-block;
    width: 120px;
    margin: 0 10px 0 0;
    color: #FFF;
    padding: 7px 12px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    line-height: 1;
    background: #2B3B56;
    border-radius: 50px;
}

/* FORM LIST TYPE
--------------------*/

.s-formlist[class*=_t-1] > dl > dt { width: 30%; padding: 7.5px 25px 0 0; }
.s-formlist[class*=_t-1] > dl > dd { width: 70%; }
.s-formlist[class*=_t-1] > dl > dd.confirm { padding: 9.5px 0 0; }
.s-formlist[class*=_t-1] > dl > dd.confirm-img { width: 500px; margin: 0 auto 0 0; }

.s-formlist[class*=_t-2] > dl > dt { width: 45%; padding: 7.5px 25px 0 0; }
.s-formlist[class*=_t-2] > dl > dd { width: 55%; }
.s-formlist[class*=_t-2] > dl > dd.confirm { padding: 9.5px 0 0; }
.s-formlist[class*=_t-2] > dl > dd.confirm-img { width: 500px; margin: 0 auto 0 0; }

.s-formlist[class*=_t-3] > dl > dt { width: 22%; padding: 7.5px 25px 0 0; }
.s-formlist[class*=_t-3] > dl > dd { width: 78%; }
.s-formlist[class*=_t-3] > dl > dd.confirm { padding: 9.5px 0 0; }
.s-formlist[class*=_t-3] > dl > dd.confirm-img { width: 500px; margin: 0 auto 0 0; }

.s-formlist[class*=_t-4] > dl > dt { width: 52%; padding: 7.5px 25px 0 0; }
.s-formlist[class*=_t-4] > dl > dd { width: 48%; }
.s-formlist[class*=_t-4] > dl > dd.confirm { padding: 9.5px 0 0; }
.s-formlist[class*=_t-4] > dl > dd.confirm-img { width: 500px; margin: 0 auto 0 0; }

.s-formlist[class*=_t-5] > dl > dt { justify-content: flex-start; width: 14%; padding: 7.5px 25px 0 0; }
.s-formlist[class*=_t-5] > dl > dd { width: 86%; }
.s-formlist[class*=_t-5] > dl > dd.confirm { padding: 9.5px 0 0; }
.s-formlist[class*=_t-5] > dl > dd.confirm-img { width: 500px; margin: 0 auto 0 0; }

.s-formlist[class*=_t-6] > dl > dt { width: 18%; padding: 7.5px 25px 0 0; }
.s-formlist[class*=_t-6] > dl > dd { width: 82%; }
.s-formlist[class*=_t-6] > dl > dd.confirm { padding: 9.5px 0 0; }
.s-formlist[class*=_t-6] > dl > dd.confirm-img { width: 500px; margin: 0 auto 0 0; }

/* FORM LIST DL TYPE
--------------------*/

.s-formlist[class*=_t-1] > dl[class*=_t-wrap],
.s-formlist[class*=_t-2] > dl[class*=_t-wrap],
.s-formlist[class*=_t-3] > dl[class*=_t-wrap],
.s-formlist[class*=_t-4] > dl[class*=_t-wrap],
.s-formlist[class*=_t-5] > dl[class*=_t-wrap],
.s-formlist[class*=_t-6] > dl[class*=_t-wrap] { align-items: center; flex-wrap: wrap; }

.s-formlist[class*=_t-1] > dl[class*=_t-wrap] > dt,
.s-formlist[class*=_t-2] > dl[class*=_t-wrap] > dt,
.s-formlist[class*=_t-3] > dl[class*=_t-wrap] > dt,
.s-formlist[class*=_t-4] > dl[class*=_t-wrap] > dt,
.s-formlist[class*=_t-5] > dl[class*=_t-wrap] > dt,
.s-formlist[class*=_t-6] > dl[class*=_t-wrap] > dt { justify-content: flex-start; width: calc(100% - 170px); margin: 0 0 15px; }

.s-formlist[class*=_t-1] > dl[class*=_t-wrap] > dd,
.s-formlist[class*=_t-2] > dl[class*=_t-wrap] > dd,
.s-formlist[class*=_t-3] > dl[class*=_t-wrap] > dd,
.s-formlist[class*=_t-4] > dl[class*=_t-wrap] > dd,
.s-formlist[class*=_t-5] > dl[class*=_t-wrap] > dd,
.s-formlist[class*=_t-6] > dl[class*=_t-wrap] > dd { width: 100%; }

.s-formlist > dl[class*=_t-wrap] span.indigo-icon {
    position: relative;
    top: 0;
    margin: 0 0 15px;
}

/* ===================================================================
FORM LIST UNIQUE
=================================================================== */

/* FORM LIST UNIQUE TYPE 1 案件実施期間, 基本勤務時間
--------------------*/

.s-formlist-1-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.s-formlist-1-inner > dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 47.5%;
}

.s-formlist-1-inner > dl > dt { width: 35%; font-weight: 700; }
.s-formlist-1-inner > dl > dd { width: 65%; }

/* FORM LIST UNIQUE TYPE 2 勤務場所
--------------------*/

.s-formlist-2-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.s-formlist-2-inner > dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.s-formlist-2-inner > dl:nth-of-type(1) { width: 51%; }
.s-formlist-2-inner > dl:nth-of-type(2) { width: 45.5%; }

.s-formlist-2-inner > dl:nth-of-type(1) > dd { width: 46.5%; }
.s-formlist-2-inner > dl:nth-of-type(2) > dd { width: 100%; }

/* FORM LIST UNIQUE TYPE 3 必要資格
--------------------*/

.s-formlist-3-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.s-formlist-3-inner > dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.s-formlist-3-inner > dl:nth-of-type(1) { width: 31%; }
.s-formlist-3-inner > dl:nth-of-type(2) { width: 65.5%; }

.s-formlist-3-inner > dl > dd { width: 100%; }

/* ===================================================================
IMAGE LIST
=================================================================== */

/* IMAGE LIST BASIC
--------------------*/

.s-imagelist > ul {
    display: flex;
    justify-content: space-between;
    padding: 50px 0 0;
}

.s-imagelist > ul > li {
    position: relative;
    flex: 1;
    margin: 0 12.5px;
    padding: 60px 15px 15px 15px;
    background: #FFF;
    border-radius: 30px 30px 0 0;
    box-shadow: 2px 2px 5px rgba(0 0 0 / .1);
}

.s-imagelist-img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 2px 2px 5px rgba(0 0 0 / .15);
}

.s-imagelist-body {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.s-imagelist-title {
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    line-height: calc(22 / 18);
    letter-spacing: 1px;
}

.s-imagelist-detail {
    margin: 0 0 20px;
    font-size: 14px;
}

.s-imagelist-link {
    margin: auto 0 0;
}

/* ===================================================================
FLOW LIST
=================================================================== */

/* FLOW LIST BASIC
--------------------*/

.s-flowlist {
    margin: 0 0 10px;
}

.s-flowlist > ul {
    display: flex;
    justify-content: space-between;
}

.s-flowlist > ul > li {
    position: relative;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 60px 0 0;
    font-weight: 700;
    text-align: center;
    letter-spacing: 1px;
}

.s-flowlist > ul > li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 50px;
    height: 50px;
}

/* FLOW LIST TYPE
--------------------*/

.s-flowlist[class*=_t-s] > ul > li { color: #144399; }
.s-flowlist[class*=_t-r] > ul > li { color: #0F958A; }

.s-flowlist[class*=_t-s] > ul > li:nth-of-type(1):before { background: url(../../images/common/flowlist/security/step1.svg) 50% 50% / contain no-repeat, transparent; }
.s-flowlist[class*=_t-s] > ul > li:nth-of-type(2):before { background: url(../../images/common/flowlist/security/step2.svg) 50% 50% / contain no-repeat, transparent; }
.s-flowlist[class*=_t-s] > ul > li:nth-of-type(3):before { background: url(../../images/common/flowlist/security/step3.svg) 50% 50% / contain no-repeat, transparent; }
.s-flowlist[class*=_t-s] > ul > li:nth-of-type(4):before { background: url(../../images/common/flowlist/security/step4.svg) 50% 50% / contain no-repeat, transparent; }
.s-flowlist[class*=_t-r] > ul > li:nth-of-type(1):before { background: url(../../images/common/flowlist/request/step1.svg) 50% 50% / contain no-repeat, transparent; }
.s-flowlist[class*=_t-r] > ul > li:nth-of-type(2):before { background: url(../../images/common/flowlist/request/step2.svg) 50% 50% / contain no-repeat, transparent; }
.s-flowlist[class*=_t-r] > ul > li:nth-of-type(3):before { background: url(../../images/common/flowlist/request/step3.svg) 50% 50% / contain no-repeat, transparent; }
.s-flowlist[class*=_t-r] > ul > li:nth-of-type(4):before { background: url(../../images/common/flowlist/request/step4.svg) 50% 50% / contain no-repeat, transparent; }

/* ===================================================================
CHECK LIST
=================================================================== */

.s-checklist {
    margin: 0 0 60px;
}

.s-checklist > ul {
    display: flex;
    justify-content: space-between;
}

.s-checklist > ul > li {
    position: relative;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 12.5px;
}

.s-checklist > ul > li > i {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    color: #FFF;
    border-radius: 50%;
    overflow: hidden;
    z-index: 1;
}

.s-checklist > ul > li:before,
.s-checklist > ul > li:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 50%;
    height: 4px;
    background: #CECECE;
}

.s-checklist > ul > li:before { left: 0; }
.s-checklist > ul > li:after { right: 0; }

.s-checklist > ul > li:first-of-type:before,
.s-checklist > ul > li:last-of-type:after { content: none; }

/* STEP0 DONE
--------------------*/

.s-checklist[class*=_l-step0-done] > ul > li:nth-of-type(1) > i { background: url(../../images/common/checklist/step1.svg) 50% 50% / contain no-repeat, #AF4D4D; }
.s-checklist[class*=_l-step0-done] > ul > li:nth-of-type(2) > i { background: url(../../images/common/checklist/step2.svg) 50% 50% / contain no-repeat, #CECECE; }
.s-checklist[class*=_l-step0-done] > ul > li:nth-of-type(3) > i { background: url(../../images/common/checklist/step3.svg) 50% 50% / contain no-repeat, #CECECE; }
.s-checklist[class*=_l-step0-done] > ul > li:nth-of-type(4) > i { background: url(../../images/common/checklist/step4.svg) 50% 50% / contain no-repeat, #CECECE; }

/* STEP1 DONE
--------------------*/

.s-checklist[class*=_l-step1-done] > ul > li:nth-of-type(1) > i { background: url(../../images/common/checklist/check.svg) 50% 50% / contain no-repeat, #AF4D4D; }
.s-checklist[class*=_l-step1-done] > ul > li:nth-of-type(2) > i { background: url(../../images/common/checklist/step2.svg) 50% 50% / contain no-repeat, #AF4D4D; }
.s-checklist[class*=_l-step1-done] > ul > li:nth-of-type(3) > i { background: url(../../images/common/checklist/step3.svg) 50% 50% / contain no-repeat, #CECECE; }
.s-checklist[class*=_l-step1-done] > ul > li:nth-of-type(4) > i { background: url(../../images/common/checklist/step4.svg) 50% 50% / contain no-repeat, #CECECE; }

.s-checklist[class*=_l-step1-done] > ul > li:nth-of-type(1):after,
.s-checklist[class*=_l-step1-done] > ul > li:nth-of-type(2):before { background: #AF4D4D; }

/* STEP2 DONE
--------------------*/

.s-checklist[class*=_l-step2-done] > ul > li:nth-of-type(1) > i { background: url(../../images/common/checklist/check.svg) 50% 50% / contain no-repeat, #AF4D4D; }
.s-checklist[class*=_l-step2-done] > ul > li:nth-of-type(2) > i { background: url(../../images/common/checklist/check.svg) 50% 50% / contain no-repeat, #AF4D4D; }
.s-checklist[class*=_l-step2-done] > ul > li:nth-of-type(3) > i { background: url(../../images/common/checklist/step3.svg) 50% 50% / contain no-repeat, #AF4D4D; }
.s-checklist[class*=_l-step2-done] > ul > li:nth-of-type(4) > i { background: url(../../images/common/checklist/step4.svg) 50% 50% / contain no-repeat, #CECECE; }

.s-checklist[class*=_l-step2-done] > ul > li:nth-of-type(1):after,
.s-checklist[class*=_l-step2-done] > ul > li:nth-of-type(2):before,
.s-checklist[class*=_l-step2-done] > ul > li:nth-of-type(2):after,
.s-checklist[class*=_l-step2-done] > ul > li:nth-of-type(3):before { background: #AF4D4D; }

/* STEP3 DONE
--------------------*/

.s-checklist[class*=_l-step3-done] > ul > li:nth-of-type(1) > i { background: url(../../images/common/checklist/check.svg) 50% 50% / contain no-repeat, #AF4D4D; }
.s-checklist[class*=_l-step3-done] > ul > li:nth-of-type(2) > i { background: url(../../images/common/checklist/check.svg) 50% 50% / contain no-repeat, #AF4D4D; }
.s-checklist[class*=_l-step3-done] > ul > li:nth-of-type(3) > i { background: url(../../images/common/checklist/check.svg) 50% 50% / contain no-repeat, #AF4D4D; }
.s-checklist[class*=_l-step3-done] > ul > li:nth-of-type(4) > i { background: url(../../images/common/checklist/step4.svg) 50% 50% / contain no-repeat, #AF4D4D; }

.s-checklist[class*=_l-step3-done] > ul > li:after,
.s-checklist[class*=_l-step3-done] > ul > li:before { background: #AF4D4D; }

/* STEP4 DONE COMPLETE
--------------------*/

.s-checklist[class*=_l-step4-done] > ul > li:nth-of-type(1) > i { background: url(../../images/common/checklist/check.svg) 50% 50% / contain no-repeat, #AF4D4D; }
.s-checklist[class*=_l-step4-done] > ul > li:nth-of-type(2) > i { background: url(../../images/common/checklist/check.svg) 50% 50% / contain no-repeat, #AF4D4D; }
.s-checklist[class*=_l-step4-done] > ul > li:nth-of-type(3) > i { background: url(../../images/common/checklist/check.svg) 50% 50% / contain no-repeat, #AF4D4D; }
.s-checklist[class*=_l-step4-done] > ul > li:nth-of-type(4) > i { background: url(../../images/common/checklist/check.svg) 50% 50% / contain no-repeat, #AF4D4D; }

.s-checklist[class*=_l-step4-done] > ul > li:after,
.s-checklist[class*=_l-step4-done] > ul > li:before { background: #AF4D4D; }

/* ===================================================================
BADGE
=================================================================== */

/* BADGE BASIC
--------------------*/

.s-badge {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1px;
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
    width: 25px;
    height: 25px;
    background: #D32626;
    border-radius: 50%;
    z-index: 5;
}

/* BADGE LOCATION
--------------------*/

.s-badge[class*=_l-top-left] {top: 0; left: 0; transform: translate(0, -50%); }
.s-badge[class*=_l-top-left-inset] {top: 2px; left: 2px; transform: translate(0, 0); }
.s-badge[class*=_l-left] {top: 50%; left: 0; transform: translate(-50%, -50%); }
.s-badge[class*=_l-left-inset] {top: 50%; left: 2px; transform: translate(0, -50%); }
.s-badge[class*=_l-left-out] {top: 50%; left: auto; right: calc(100% + 5px); transform: translate(0, -50%); }
.s-badge[class*=_l-bottom-left] {bottom: 0; left: 0; transform: translate(0, 50%); }
.s-badge[class*=_l-bottom-left-inset] {bottom: 2px; left: 2px; transform: translate(0, 0); }

.s-badge[class*=_l-top-right] {top: 0; right: 0; transform: translate(0, -50%); }
.s-badge[class*=_l-top-right-inset] {top: 2px; right: 2px; transform: translate(0, 0); }
.s-badge[class*=_l-right] {top: 50%; right: 0; transform: translate(50%, -50%); }
.s-badge[class*=_l-right-inset] {top: 50%; right: 2px; transform: translate(0, -50%); }
.s-badge[class*=_l-right-out] {top: 50%; right: auto; left: calc(100% + 5px); transform: translate(0, -50%); }
.s-badge[class*=_l-bottom-right] {bottom: 0; right: 0; transform: translate(0, 50%); }
.s-badge[class*=_l-bottom-right-inset] {bottom: 2px; right: 2px; transform: translate(0, 0); }

/* ===================================================================
PAGINATION
=================================================================== */

.s-pagination > ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.s-pagination > ul > li {
    margin: 0 2.5px;
}

.s-pagination > ul > li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    border: 1px solid #B4C0D6;
    border-radius: 50%;
    transition: background-color .5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.s-pagination > ul > li:not(.current) a {
    background: #FFF;
}

.s-pagination > ul > li:not(.current) a:hover {
    background: #B4C0D6;
}

body.s-pagetype[class*=_t-s] .s-pagination > ul > li.current a { color: #FFF; background: #144399; }
body.s-pagetype[class*=_t-r] .s-pagination > ul > li.current a { color: #FFF; background: #0F958A; }

/* ===================================================================
BREADCRUMB
=================================================================== */

/* BREADCRUMB BASIC
--------------------*/

.s-breadcrumb {
    padding: 25px 0;
}

.s-breadcrumb-list > ul {
	display: flex;
	justify-content: flex-start;
	align-items : center;
    flex-wrap: wrap;
    /* position: absolute; */
    bottom: 13.5rem;
}

.s-breadcrumb-list > ul > li {
	position: relative;
	padding: 0 20px 0 0;
    font-size: 14px;
    color: rgba(43 59 86 / .6);
}

.s-breadcrumb-list > ul > li:first-of-type {
	padding: 0 20px 0 22.5px;
}

.s-breadcrumb-list > ul > li:first-of-type i[class^=fa-] {
    position: absolute;
    top: 50%;
    transform: translate(0, -65%);
    left: 0;
}

.s-breadcrumb-list > ul > li:last-of-type:not(:first-of-type) {
	padding: 0;
}

.s-breadcrumb-list > ul > li:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 9px;
	transform: translate(0, -65%) rotate(45deg);
	width: 6px;
	height: 6px;
	border-top: 1px solid #2B3B56;
	border-right: 1px solid #2B3B56;
}

.s-breadcrumb-list > ul > li:last-of-type:after {
	content: none;
}

.s-breadcrumb-list > ul > li a {
    color: #2B3B56;
    transition: opacity .5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.s-breadcrumb-list > ul > li a:hover {
    opacity: .7;
}

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

    /* ===================================================================
    FRAME
    =================================================================== */

    /* FRAME PADDING
    --------------------*/

    .s-frame[class*=_p-l] { padding: 30px 20px; }
    .s-frame[class*=_p-m] { padding: 20px 10px; }

    /* ===================================================================
    HEADING
    =================================================================== */

    /* HEADING H2
    --------------------*/

    .s-h2 {
        padding: 0 0 4px;
        font-size: 24px;
        letter-spacing: 2px;
    }

    .s-h2:after {
        width: 80px;
        height: 4px;
    }

    /* HEADING H2 MARGIN
    --------------------*/

    .s-h2[class*=_m-l] { margin: 0 0 40px; }

    /* HEADING H4
    --------------------*/

    .s-h4 {
        font-size: 16px;
    }

    /* HEADING H5
    --------------------*/

    .s-h5 {
        margin: 0 0 10px;
        font-size: 16px;
        line-height: calc(22 / 16);
    }

    /* ===================================================================
    TEXT
    =================================================================== */

    /* TEXT TEXT-ALIGN
    --------------------*/

    .s-text[class*=_l-spleft] { text-align: left; }
    .s-text[class*=_l-spcenter] { text-align: center; }
    .s-text[class*=_l-spright] { text-align: right; }

    /* TEXT FONT-SIZE
    --------------------*/

    .s-text[class*=_f-l] { font-size: 16px; }

    /* TEXT MARGIN
    --------------------*/

    .s-text[class*=_m-top-sp0] { margin: 0; }
    .s-text[class*=_m-top-sp10] { margin: 10px 0 0; }
    .s-text[class*=_m-top-sp20] { margin: 20px 0 0; }
    .s-text[class*=_m-top-sp30] { margin: 30px 0 0; }
    .s-text[class*=_m-top-sp40] { margin: 40px 0 0; }
    .s-text[class*=_m-top-sp50] { margin: 50px 0 0; }
    .s-text[class*=_m-top-sp60] { margin: 60px 0 0; }
    .s-text[class*=_m-top-sp70] { margin: 70px 0 0; }
    .s-text[class*=_m-top-sp80] { margin: 80px 0 0; }
    .s-text[class*=_m-top-sp90] { margin: 90px 0 0; }
    .s-text[class*=_m-top-sp100] { margin: 100px 0 0; }
    
    .s-text[class*=_m-bottom-sp0] { margin: 0; }
    .s-text[class*=_m-bottom-sp10] { margin: 0 0 10px; }
    .s-text[class*=_m-bottom-sp20] { margin: 0 0 20px; }
    .s-text[class*=_m-bottom-sp30] { margin: 0 0 30px; }
    .s-text[class*=_m-bottom-sp40] { margin: 0 0 40px; }
    .s-text[class*=_m-bottom-sp50] { margin: 0 0 50px; }
    .s-text[class*=_m-bottom-sp60] { margin: 0 0 60px; }
    .s-text[class*=_m-bottom-sp70] { margin: 0 0 70px; }
    .s-text[class*=_m-bottom-sp80] { margin: 0 0 80px; }
    .s-text[class*=_m-bottom-sp90] { margin: 0 0 90px; }
    .s-text[class*=_m-bottom-sp100] { margin: 0 0 100px; }
    
    .s-text[class*=_m-both-sp0] { margin: 0; }
    .s-text[class*=_m-both-sp10] { margin: 10px 0; }
    .s-text[class*=_m-both-sp20] { margin: 20px 0; }
    .s-text[class*=_m-both-sp30] { margin: 30px 0; }
    .s-text[class*=_m-both-sp40] { margin: 40px 0; }
    .s-text[class*=_m-both-sp50] { margin: 50px 0; }
    .s-text[class*=_m-both-sp60] { margin: 60px 0; }
    .s-text[class*=_m-both-sp70] { margin: 70px 0; }
    .s-text[class*=_m-both-sp80] { margin: 80px 0; }
    .s-text[class*=_m-both-sp90] { margin: 90px 0; }
    .s-text[class*=_m-both-sp100] { margin: 100px 0; }

    /* ===================================================================
    IMG
    =================================================================== */

    .s-img[class*=_w-sp25]  { width:  25%; margin: 0 auto 0 0; }
    .s-img[class*=_w-sp50]  { width:  50%; margin: 0 auto 0 0; }
    .s-img[class*=_w-sp75]  { width:  75%; margin: 0 auto 0 0; }
    .s-img[class*=_w-sp100] { width: 100%; margin: 0; }

    /* ===================================================================
    BUTTON
    =================================================================== */

    /* BUTTON INNER
    --------------------*/

    .s-btn-inner {
        flex-direction: column;
    }

    /* BUTTON INNER LOCATION
    --------------------*/

    .s-btn-inner[class*=_l-start] { justify-content: center; align-items: flex-start; }
    .s-btn-inner[class*=_l-end] { justify-content: center; align-items: flex-end; }

    /* BUTTON INNER TYPE
    --------------------*/

    .s-btn-inner[class*=_t-row] { flex-direction: row; }

    .s-btn-inner[class*=_t-row] [class^=s-btn][class*=_w-s] { margin: 0 15px 0 0; }
    .s-btn-inner[class*=_t-row] [class^=s-btn][class*=_w-m] { margin: 0 50px 0 0; }
    
    .s-btn-inner[class*=_t-row] [class^=s-btn][class*=_w-s]:last-of-type,
    .s-btn-inner[class*=_t-row] [class^=s-btn][class*=_w-m]:last-of-type {
        margin: 0;
    }

    .s-btn-inner[class*=_t-row][class*=_l-start] { justify-content: flex-start; align-items: center; }
    .s-btn-inner[class*=_t-row][class*=_l-end] { justify-content: flex-end; align-items: center; }

    /* BUTTON INNER MARGIN
    --------------------*/

    .s-btn-inner[class*=_m-top-sp10]  { margin: 10px 0 0; }
    .s-btn-inner[class*=_m-top-sp20]  { margin: 20px 0 0; }
    .s-btn-inner[class*=_m-top-sp30]  { margin: 30px 0 0; }
    .s-btn-inner[class*=_m-top-sp40]  { margin: 40px 0 0; }
    .s-btn-inner[class*=_m-top-sp50]  { margin: 50px 0 0; }
    .s-btn-inner[class*=_m-top-sp60]  { margin: 60px 0 0; }
    .s-btn-inner[class*=_m-top-sp70]  { margin: 70px 0 0; }
    .s-btn-inner[class*=_m-top-sp80]  { margin: 80px 0 0; }
    .s-btn-inner[class*=_m-top-sp90]  { margin: 90px 0 0; }
    .s-btn-inner[class*=_m-top-sp100] { margin: 100px 0 0; }

    .s-btn-inner[class*=_m-bottom-sp10]  { margin: 0 0 10px; }
    .s-btn-inner[class*=_m-bottom-sp20]  { margin: 0 0 20px; }
    .s-btn-inner[class*=_m-bottom-sp30]  { margin: 0 0 30px; }
    .s-btn-inner[class*=_m-bottom-sp40]  { margin: 0 0 40px; }
    .s-btn-inner[class*=_m-bottom-sp50]  { margin: 0 0 50px; }
    .s-btn-inner[class*=_m-bottom-sp60]  { margin: 0 0 60px; }
    .s-btn-inner[class*=_m-bottom-sp70]  { margin: 0 0 70px; }
    .s-btn-inner[class*=_m-bottom-sp80]  { margin: 0 0 80px; }
    .s-btn-inner[class*=_m-bottom-sp90]  { margin: 0 0 90px; }
    .s-btn-inner[class*=_m-bottom-sp100] { margin: 0 0 100px; }

    .s-btn-inner[class*=_m-both-sp10]  { margin: 10px 0; }
    .s-btn-inner[class*=_m-both-sp20]  { margin: 20px 0; }
    .s-btn-inner[class*=_m-both-sp30]  { margin: 30px 0; }
    .s-btn-inner[class*=_m-both-sp40]  { margin: 40px 0; }
    .s-btn-inner[class*=_m-both-sp50]  { margin: 50px 0; }
    .s-btn-inner[class*=_m-both-sp60]  { margin: 60px 0; }
    .s-btn-inner[class*=_m-both-sp70]  { margin: 70px 0; }
    .s-btn-inner[class*=_m-both-sp80]  { margin: 80px 0; }
    .s-btn-inner[class*=_m-both-sp90]  { margin: 90px 0; }
    .s-btn-inner[class*=_m-both-sp100] { margin: 100px 0; }

    /* BUTTON BASIC
    --------------------*/

    .s-btn-inner [class^=s-btn] a,
    .s-btn-inner [class^=s-btn] button {
        font-size: 14px;
    }

    /* BUTTON WIDTH
    --------------------*/

    .s-btn-inner [class^=s-btn][class*=_w-m],
    .s-btn-inner [class^=s-btn][class*=_w-l] { width: 100%; max-width: 310px; }

    /* BUTTON MARGIN
    --------------------*/

    .s-btn-inner [class^=s-btn][class*=_w-s],
    .s-btn-inner [class^=s-btn][class*=_w-m] { margin: 0 0 20px; }

    /* ===================================================================
    TAB
    =================================================================== */

    /* TAB BASIC
    --------------------*/

    .s-tab > ul > li {
        min-height: 50px;
        margin: 0 1px;
        padding: 5px 2px;
        font-size: 12px;
    }

    .s-tab > ul > li:first-of-type { margin: 0 1px 0 0; }
    .s-tab > ul > li:last-of-type { margin: 0 0 0 1px; }

    /* ===================================================================
    TOGGLE
    =================================================================== */

    /* TOGGLE BASIC
    --------------------*/

    .s-toggle {
        margin: 0 0 40px;
    }

    /* ===================================================================
    FLEX
    =================================================================== */

    /* FLEX BASIC
    --------------------*/

    .s-flex {
        display: block;
    }

    .s-flex-l {
        margin: 0 0 10px;
    }

    /* FLEX WIDTH
    --------------------*/

    .s-flex-l[class*=_w-1],  .s-flex-r[class*=_w-1],
    .s-flex-l[class*=_w-2],  .s-flex-r[class*=_w-2],
    .s-flex-l[class*=_w-3],  .s-flex-r[class*=_w-3],
    .s-flex-l[class*=_w-4],  .s-flex-r[class*=_w-4],
    .s-flex-l[class*=_w-5],  .s-flex-r[class*=_w-5],
    .s-flex-l[class*=_w-6],  .s-flex-r[class*=_w-6],
    .s-flex-l[class*=_w-7],  .s-flex-r[class*=_w-7],
    .s-flex-l[class*=_w-8],  .s-flex-r[class*=_w-8],
    .s-flex-l[class*=_w-9],  .s-flex-r[class*=_w-9],
    .s-flex-l[class*=_w-10], .s-flex-r[class*=_w-10],
    .s-flex-l[class*=_w-11], .s-flex-r[class*=_w-11],
    .s-flex-l[class*=_w-12], .s-flex-r[class*=_w-12],
    .s-flex-l[class*=_w-13], .s-flex-r[class*=_w-13],
    .s-flex-l[class*=_w-14], .s-flex-r[class*=_w-14],
    .s-flex-l[class*=_w-15], .s-flex-r[class*=_w-15],
    .s-flex-l[class*=_w-16], .s-flex-r[class*=_w-16],
    .s-flex-l[class*=_w-17], .s-flex-r[class*=_w-17],
    .s-flex-l[class*=_w-18], .s-flex-r[class*=_w-18],
    .s-flex-l[class*=_w-19], .s-flex-r[class*=_w-19],
    .s-flex-l[class*=_w-20], .s-flex-r[class*=_w-20],
    .s-flex-l[class*=_w-21], .s-flex-r[class*=_w-21],
    .s-flex-l[class*=_w-22], .s-flex-r[class*=_w-22],
    .s-flex-l[class*=_w-23], .s-flex-r[class*=_w-23],
    .s-flex-l[class*=_w-24], .s-flex-r[class*=_w-24],
    .s-flex-l[class*=_w-25], .s-flex-r[class*=_w-25],
    .s-flex-l[class*=_w-26], .s-flex-r[class*=_w-26],
    .s-flex-l[class*=_w-27], .s-flex-r[class*=_w-27],
    .s-flex-l[class*=_w-28], .s-flex-r[class*=_w-28],
    .s-flex-l[class*=_w-29], .s-flex-r[class*=_w-29],
    .s-flex-l[class*=_w-30], .s-flex-r[class*=_w-30],
    .s-flex-l[class*=_w-31], .s-flex-r[class*=_w-31],
    .s-flex-l[class*=_w-32], .s-flex-r[class*=_w-32],
    .s-flex-l[class*=_w-33], .s-flex-r[class*=_w-33],
    .s-flex-l[class*=_w-34], .s-flex-r[class*=_w-34],
    .s-flex-l[class*=_w-35], .s-flex-r[class*=_w-35],
    .s-flex-l[class*=_w-36], .s-flex-r[class*=_w-36],
    .s-flex-l[class*=_w-37], .s-flex-r[class*=_w-37],
    .s-flex-l[class*=_w-38], .s-flex-r[class*=_w-38],
    .s-flex-l[class*=_w-39], .s-flex-r[class*=_w-39],
    .s-flex-l[class*=_w-40], .s-flex-r[class*=_w-40],
    .s-flex-l[class*=_w-41], .s-flex-r[class*=_w-41],
    .s-flex-l[class*=_w-42], .s-flex-r[class*=_w-42],
    .s-flex-l[class*=_w-43], .s-flex-r[class*=_w-43],
    .s-flex-l[class*=_w-44], .s-flex-r[class*=_w-44],
    .s-flex-l[class*=_w-45], .s-flex-r[class*=_w-45],
    .s-flex-l[class*=_w-46], .s-flex-r[class*=_w-46],
    .s-flex-l[class*=_w-47], .s-flex-r[class*=_w-47],
    .s-flex-l[class*=_w-48], .s-flex-r[class*=_w-48],
    .s-flex-l[class*=_w-49], .s-flex-r[class*=_w-49],
    .s-flex-l[class*=_w-50], .s-flex-r[class*=_w-50],
    .s-flex-l[class*=_w-51], .s-flex-r[class*=_w-51],
    .s-flex-l[class*=_w-52], .s-flex-r[class*=_w-52],
    .s-flex-l[class*=_w-53], .s-flex-r[class*=_w-53],
    .s-flex-l[class*=_w-54], .s-flex-r[class*=_w-54],
    .s-flex-l[class*=_w-55], .s-flex-r[class*=_w-55],
    .s-flex-l[class*=_w-56], .s-flex-r[class*=_w-56],
    .s-flex-l[class*=_w-57], .s-flex-r[class*=_w-57],
    .s-flex-l[class*=_w-58], .s-flex-r[class*=_w-58],
    .s-flex-l[class*=_w-59], .s-flex-r[class*=_w-59],
    .s-flex-l[class*=_w-60], .s-flex-r[class*=_w-60],
    .s-flex-l[class*=_w-61], .s-flex-r[class*=_w-61],
    .s-flex-l[class*=_w-62], .s-flex-r[class*=_w-62],
    .s-flex-l[class*=_w-63], .s-flex-r[class*=_w-63],
    .s-flex-l[class*=_w-64], .s-flex-r[class*=_w-64],
    .s-flex-l[class*=_w-65], .s-flex-r[class*=_w-65],
    .s-flex-l[class*=_w-66], .s-flex-r[class*=_w-66],
    .s-flex-l[class*=_w-67], .s-flex-r[class*=_w-67],
    .s-flex-l[class*=_w-68], .s-flex-r[class*=_w-68],
    .s-flex-l[class*=_w-69], .s-flex-r[class*=_w-69],
    .s-flex-l[class*=_w-70], .s-flex-r[class*=_w-70],
    .s-flex-l[class*=_w-71], .s-flex-r[class*=_w-71],
    .s-flex-l[class*=_w-72], .s-flex-r[class*=_w-72],
    .s-flex-l[class*=_w-73], .s-flex-r[class*=_w-73],
    .s-flex-l[class*=_w-74], .s-flex-r[class*=_w-74],
    .s-flex-l[class*=_w-75], .s-flex-r[class*=_w-75],
    .s-flex-l[class*=_w-76], .s-flex-r[class*=_w-76],
    .s-flex-l[class*=_w-77], .s-flex-r[class*=_w-77],
    .s-flex-l[class*=_w-78], .s-flex-r[class*=_w-78],
    .s-flex-l[class*=_w-79], .s-flex-r[class*=_w-79],
    .s-flex-l[class*=_w-80], .s-flex-r[class*=_w-80],
    .s-flex-l[class*=_w-81], .s-flex-r[class*=_w-81],
    .s-flex-l[class*=_w-82], .s-flex-r[class*=_w-82],
    .s-flex-l[class*=_w-83], .s-flex-r[class*=_w-83],
    .s-flex-l[class*=_w-84], .s-flex-r[class*=_w-84],
    .s-flex-l[class*=_w-85], .s-flex-r[class*=_w-85],
    .s-flex-l[class*=_w-86], .s-flex-r[class*=_w-86],
    .s-flex-l[class*=_w-87], .s-flex-r[class*=_w-87],
    .s-flex-l[class*=_w-88], .s-flex-r[class*=_w-88],
    .s-flex-l[class*=_w-89], .s-flex-r[class*=_w-89],
    .s-flex-l[class*=_w-90], .s-flex-r[class*=_w-90],
    .s-flex-l[class*=_w-91], .s-flex-r[class*=_w-91],
    .s-flex-l[class*=_w-92], .s-flex-r[class*=_w-92],
    .s-flex-l[class*=_w-93], .s-flex-r[class*=_w-93],
    .s-flex-l[class*=_w-94], .s-flex-r[class*=_w-94],
    .s-flex-l[class*=_w-95], .s-flex-r[class*=_w-95],
    .s-flex-l[class*=_w-96], .s-flex-r[class*=_w-96],
    .s-flex-l[class*=_w-97], .s-flex-r[class*=_w-97],
    .s-flex-l[class*=_w-98], .s-flex-r[class*=_w-98],
    .s-flex-l[class*=_w-99], .s-flex-r[class*=_w-99] { width: 100%; }

    /* ===================================================================
    FLEX UNIQUE
    =================================================================== */

    /* FLEX UNIQUE TYPE 024, 027, 078
    --------------------*/

    .s-flex-u-024-inner,
    .s-flex-u-027-inner,
    .s-flex-u-078-inner {
        padding: 0 0 0 12px;
    }

    .s-flex-u-024-inner > dl,
    .s-flex-u-027-inner > dl,
    .s-flex-u-078-inner > dl {
        display: flex;
        justify-content: flex-start;
    }

    .s-flex-u-024-inner > dl > dt,
    .s-flex-u-027-inner > dl > dt,
    .s-flex-u-078-inner > dl > dt {
        flex: none;
        width: auto;
        text-align: left;
    }

    .s-flex-u-024-inner > dl > dd,
    .s-flex-u-027-inner > dl > dd,
    .s-flex-u-078-inner > dl > dd {
        width: auto;
    }

    /* FLEX UNIQUE TYPE 028, 079
    --------------------*/

    .s-flex-u-028-inner,
    .s-flex-u-079-inner {
        margin: 40px 0;
    }

    .s-flex-u-028-inner > dl,
    .s-flex-u-079-inner > dl {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .s-flex-u-028-inner > dl > dd:nth-of-type(1),
    .s-flex-u-079-inner > dl > dd:nth-of-type(1) {
        width: calc(100% - 55px);
        margin: 0;
    }

    .s-flex-u-028-inner > dl > dd:nth-of-type(1) .s-imagelist-title,
    .s-flex-u-079-inner > dl > dd:nth-of-type(1) .s-imagelist-title {
        font-size: 15px;
    }

    .s-flex-u-028-inner > dl > dd:nth-of-type(2),
    .s-flex-u-079-inner > dl > dd:nth-of-type(2) {
        width: 40px;
    }

    /* ===================================================================
    TABLE
    =================================================================== */

    /* TABLE BASIC
    --------------------*/

    .s-table table tr th,
    .s-table table tr td {
        padding: 7.5px 10px;
    }

    .s-table table tr th {
        width: 32%;
    }

    .s-table table tr td {
        width: 68%;
    }

    /* ===================================================================
    TABLE LAYOUT LIST
    =================================================================== */

    /* TABLE LAYOUT LIST BASIC
    --------------------*/

    .s-tablelayoutlist > ul > li {
        flex-wrap: wrap;
    }

    .s-tll-detail { padding: 0; }

    /* TABLE LAYOUT LIST TEXT BLOD
    --------------------*/

    .s-tll-detail[class*=_t-sp-b] { font-weight: 700; }

    /* TABLE LAYOUT LIST WIDTH
    --------------------*/

    .s-tll-detail[class*=_w-sp0]   { display: none; }
    .s-tll-detail[class*=_w-sp1]   { width:   1%; }
    .s-tll-detail[class*=_w-sp2]   { width:   2%; }
    .s-tll-detail[class*=_w-sp3]   { width:   3%; }
    .s-tll-detail[class*=_w-sp4]   { width:   4%; }
    .s-tll-detail[class*=_w-sp5]   { width:   5%; }
    .s-tll-detail[class*=_w-sp6]   { width:   6%; }
    .s-tll-detail[class*=_w-sp7]   { width:   7%; }
    .s-tll-detail[class*=_w-sp8]   { width:   8%; }
    .s-tll-detail[class*=_w-sp9]   { width:   9%; }
    .s-tll-detail[class*=_w-sp10]  { width:  10%; }

    .s-tll-detail[class*=_w-sp11]  { width:  11%; }
    .s-tll-detail[class*=_w-sp12]  { width:  12%; }
    .s-tll-detail[class*=_w-sp13]  { width:  13%; }
    .s-tll-detail[class*=_w-sp14]  { width:  14%; }
    .s-tll-detail[class*=_w-sp15]  { width:  15%; }
    .s-tll-detail[class*=_w-sp16]  { width:  16%; }
    .s-tll-detail[class*=_w-sp17]  { width:  17%; }
    .s-tll-detail[class*=_w-sp18]  { width:  18%; }
    .s-tll-detail[class*=_w-sp19]  { width:  19%; }
    .s-tll-detail[class*=_w-sp20]  { width:  20%; }

    .s-tll-detail[class*=_w-sp21]  { width:  21%; }
    .s-tll-detail[class*=_w-sp22]  { width:  22%; }
    .s-tll-detail[class*=_w-sp23]  { width:  23%; }
    .s-tll-detail[class*=_w-sp24]  { width:  24%; }
    .s-tll-detail[class*=_w-sp25]  { width:  25%; }
    .s-tll-detail[class*=_w-sp26]  { width:  26%; }
    .s-tll-detail[class*=_w-sp27]  { width:  27%; }
    .s-tll-detail[class*=_w-sp28]  { width:  28%; }
    .s-tll-detail[class*=_w-sp29]  { width:  29%; }
    .s-tll-detail[class*=_w-sp30]  { width:  30%; }

    .s-tll-detail[class*=_w-sp31]  { width:  31%; }
    .s-tll-detail[class*=_w-sp32]  { width:  32%; }
    .s-tll-detail[class*=_w-sp33]  { width:  33%; }
    .s-tll-detail[class*=_w-sp34]  { width:  34%; }
    .s-tll-detail[class*=_w-sp35]  { width:  35%; }
    .s-tll-detail[class*=_w-sp36]  { width:  36%; }
    .s-tll-detail[class*=_w-sp37]  { width:  37%; }
    .s-tll-detail[class*=_w-sp38]  { width:  38%; }
    .s-tll-detail[class*=_w-sp39]  { width:  39%; }
    .s-tll-detail[class*=_w-sp40]  { width:  40%; }

    .s-tll-detail[class*=_w-sp41]  { width:  41%; }
    .s-tll-detail[class*=_w-sp42]  { width:  42%; }
    .s-tll-detail[class*=_w-sp43]  { width:  43%; }
    .s-tll-detail[class*=_w-sp44]  { width:  44%; }
    .s-tll-detail[class*=_w-sp45]  { width:  45%; }
    .s-tll-detail[class*=_w-sp46]  { width:  46%; }
    .s-tll-detail[class*=_w-sp47]  { width:  47%; }
    .s-tll-detail[class*=_w-sp48]  { width:  48%; }
    .s-tll-detail[class*=_w-sp49]  { width:  49%; }
    .s-tll-detail[class*=_w-sp50]  { width:  50%; }

    .s-tll-detail[class*=_w-sp51]  { width:  51%; }
    .s-tll-detail[class*=_w-sp52]  { width:  52%; }
    .s-tll-detail[class*=_w-sp53]  { width:  53%; }
    .s-tll-detail[class*=_w-sp54]  { width:  54%; }
    .s-tll-detail[class*=_w-sp55]  { width:  55%; }
    .s-tll-detail[class*=_w-sp56]  { width:  56%; }
    .s-tll-detail[class*=_w-sp57]  { width:  57%; }
    .s-tll-detail[class*=_w-sp58]  { width:  58%; }
    .s-tll-detail[class*=_w-sp59]  { width:  59%; }
    .s-tll-detail[class*=_w-sp60]  { width:  60%; }

    .s-tll-detail[class*=_w-sp61]  { width:  61%; }
    .s-tll-detail[class*=_w-sp62]  { width:  62%; }
    .s-tll-detail[class*=_w-sp63]  { width:  63%; }
    .s-tll-detail[class*=_w-sp64]  { width:  64%; }
    .s-tll-detail[class*=_w-sp65]  { width:  65%; }
    .s-tll-detail[class*=_w-sp66]  { width:  66%; }
    .s-tll-detail[class*=_w-sp67]  { width:  67%; }
    .s-tll-detail[class*=_w-sp68]  { width:  68%; }
    .s-tll-detail[class*=_w-sp69]  { width:  69%; }
    .s-tll-detail[class*=_w-sp70]  { width:  70%; }

    .s-tll-detail[class*=_w-sp71]  { width:  71%; }
    .s-tll-detail[class*=_w-sp72]  { width:  72%; }
    .s-tll-detail[class*=_w-sp73]  { width:  73%; }
    .s-tll-detail[class*=_w-sp74]  { width:  74%; }
    .s-tll-detail[class*=_w-sp75]  { width:  75%; }
    .s-tll-detail[class*=_w-sp76]  { width:  76%; }
    .s-tll-detail[class*=_w-sp77]  { width:  77%; }
    .s-tll-detail[class*=_w-sp78]  { width:  78%; }
    .s-tll-detail[class*=_w-sp79]  { width:  79%; }
    .s-tll-detail[class*=_w-sp80]  { width:  80%; }

    .s-tll-detail[class*=_w-sp81]  { width:  81%; }
    .s-tll-detail[class*=_w-sp82]  { width:  82%; }
    .s-tll-detail[class*=_w-sp83]  { width:  83%; }
    .s-tll-detail[class*=_w-sp84]  { width:  84%; }
    .s-tll-detail[class*=_w-sp85]  { width:  85%; }
    .s-tll-detail[class*=_w-sp86]  { width:  86%; }
    .s-tll-detail[class*=_w-sp87]  { width:  87%; }
    .s-tll-detail[class*=_w-sp88]  { width:  88%; }
    .s-tll-detail[class*=_w-sp89]  { width:  89%; }
    .s-tll-detail[class*=_w-sp90]  { width:  90%; }

    .s-tll-detail[class*=_w-sp91]  { width:  91%; }
    .s-tll-detail[class*=_w-sp92]  { width:  92%; }
    .s-tll-detail[class*=_w-sp93]  { width:  93%; }
    .s-tll-detail[class*=_w-sp94]  { width:  94%; }
    .s-tll-detail[class*=_w-sp95]  { width:  95%; }
    .s-tll-detail[class*=_w-sp96]  { width:  96%; }
    .s-tll-detail[class*=_w-sp97]  { width:  97%; }
    .s-tll-detail[class*=_w-sp98]  { width:  98%; }
    .s-tll-detail[class*=_w-sp99]  { width:  99%; }
    .s-tll-detail[class*=_w-sp100] { width: 100%; margin: 0 0 10px; }

    /* ===================================================================
    FORM
    =================================================================== */

    /* FORM INPUT
    --------------------*/

    .s-form-input[class*=_w-m] { width: 100%; }

    /* FORM INPUT DATE
    --------------------*/

    .s-form-input-date { width: 100%; }
    .s-form-input-date[class*=_w-m] { width: 170px; }
    .s-form-input-date[class*=_w-l] { width: 100%; }

    /* FORM INPUT CALENDAR
    --------------------*/

    .s-form-input-calendar { width: 100%; }

    /* FORM INPUT NUMBER
    --------------------*/

    .s-form-input-number {
        width: 100%;
    }

    /* FORM SELECT
    --------------------*/

    .s-form-select[class*=_w-m] { width: 100%; }

    /* FORM SELECT COLOR
    --------------------*/

    .s-form-select-color {
        width: 100%;
        max-width: 310px;
    }

    /* FORM TEXTAREA
    --------------------*/

    .s-form-textarea textarea {
        min-width: auto;
    }

    /* FORM MULTIPLE
    --------------------*/
    
    .s-form-multiple-list {
        width: calc(100% - 90px);
    }
    
    .s-form-multiple-list > ul > li {
        width: 48%;
        margin: 3px 1%;
        font-size: 12px;
        padding: 4px 30px 4px 12px;
    }
    
    .s-form-multiple-menu {
        width: 70px;
    }
    
    .s-form-multiple-delete,
    .s-form-multiple-add {
        width: 35px;
    }
    
    /* ===================================================================
    FORM LIST
    =================================================================== */

    /* FORM LIST BASIC
    --------------------*/

    .s-formlist > dl {
        display: block;
    }

    .s-formlist > dl > dt {
        justify-content: flex-start;
        margin: 0 0 5px;
        font-size: 16px;
        text-align: left;
    }

    /* FORM LIST ATTENTION
    --------------------*/

    .s-formlist-attention {
        margin: 3px 0 0;
        font-size: 12px;
    }

    /* FORM LIST RED ICON
    --------------------*/

    .s-formlist span.red-icon {
        margin: 0 10px 0 0;
    }

    .s-formlist span.indigo-icon {
        position: relative;
        top: 0;
        margin: 0 0 15px;
    }

    /* FORM LIST TYPE
    --------------------*/

    .s-formlist[class*=_t-1] > dl > dt { width: 100%; padding: 0; }
    .s-formlist[class*=_t-1] > dl > dd { width: 100%; }
    .s-formlist[class*=_t-1] > dl > dd.confirm { padding: 0; }
    .s-formlist[class*=_t-1] > dl > dd.confirm-img { width: 100%; }

    .s-formlist[class*=_t-2] > dl > dt { width: 100%; padding: 0; }
    .s-formlist[class*=_t-2] > dl > dd { width: 100%; }
    .s-formlist[class*=_t-2] > dl > dd.confirm { padding: 0; }
    .s-formlist[class*=_t-2] > dl > dd.confirm-img { width: 100%; }

    .s-formlist[class*=_t-3] > dl > dt { width: 100%; padding: 0; }
    .s-formlist[class*=_t-3] > dl > dd { width: 100%; }
    .s-formlist[class*=_t-3] > dl > dd.confirm { padding: 0; }
    .s-formlist[class*=_t-3] > dl > dd.confirm-img { width: 100%; }

    .s-formlist[class*=_t-4] > dl > dt { width: 100%; padding: 0; }
    .s-formlist[class*=_t-4] > dl > dd { width: 100%; }
    .s-formlist[class*=_t-4] > dl > dd.confirm { padding: 0; }
    .s-formlist[class*=_t-4] > dl > dd.confirm-img { width: 100%; }

    .s-formlist[class*=_t-5] > dl > dt { width: 100%; padding: 0; }
    .s-formlist[class*=_t-5] > dl > dd { width: 100%; }
    .s-formlist[class*=_t-5] > dl > dd.confirm { padding: 0; }
    .s-formlist[class*=_t-5] > dl > dd.confirm-img { width: 100%; }

    .s-formlist[class*=_t-6] > dl > dt { width: 100%; padding: 0; }
    .s-formlist[class*=_t-6] > dl > dd { width: 100%; }
    .s-formlist[class*=_t-6] > dl > dd.confirm { padding: 0; }
    .s-formlist[class*=_t-6] > dl > dd.confirm-img { width: 100%; }

    /* FORM LIST DL TYPE
    --------------------*/

    .s-formlist[class*=_t-1] > dl[class*=_t-wrap] > dt,
    .s-formlist[class*=_t-2] > dl[class*=_t-wrap] > dt,
    .s-formlist[class*=_t-3] > dl[class*=_t-wrap] > dt,
    .s-formlist[class*=_t-4] > dl[class*=_t-wrap] > dt,
    .s-formlist[class*=_t-5] > dl[class*=_t-wrap] > dt,
    .s-formlist[class*=_t-6] > dl[class*=_t-wrap] > dt { width: 100%; margin: 0 0 5px; }

    /* ===================================================================
    FORM LIST UNIQUE
    =================================================================== */

    /* FORM LIST UNIQUE TYPE 1 案件実施期間, 基本勤務時間
    --------------------*/

    .s-formlist-1-inner { display: block; }

    .s-formlist-1-inner > dl { width: 100%; }

    .s-formlist-1-inner > dl + dl { margin: 5px 0 0; }

    .s-formlist-1-inner > dl > dt { width: 30%; }
    .s-formlist-1-inner > dl > dd { width: 70%; }

    /* FORM LIST UNIQUE TYPE 2 勤務場所
    --------------------*/

    .s-formlist-2-inner { display: block; }

    .s-formlist-2-inner > dl:nth-of-type(1),
    .s-formlist-2-inner > dl:nth-of-type(2) { width: 100%; }

    .s-formlist-2-inner > dl + dl { margin: 5px 0 0; }

    .s-formlist-2-inner > dl:nth-of-type(1) > dd { width: 48.5%; }

    /* FORM LIST UNIQUE TYPE 3 必要資格
    --------------------*/

    .s-formlist-3-inner { display: block; }

    .s-formlist-3-inner > dl:nth-of-type(1),
    .s-formlist-3-inner > dl:nth-of-type(2) { width: 100%; }

    .s-formlist-3-inner > dl + dl { margin: 5px 0 0; }

    /* ===================================================================
    IMAGE LIST
    =================================================================== */

    /* IMAGE LIST BASIC
    --------------------*/

    .s-imagelist > ul {
        display: block;
        padding: 0;
    }

    .s-imagelist > ul > li {
        position: relative;
        margin: 0 0 10px;
        padding: 20px 20px 15px;
        border-radius: 60px 0 0 0;
    }

    .s-imagelist > ul > li:last-of-type {
        margin: 0;
    }

    .s-imagelist-img {
        position: absolute;
        top: 0;
        left: 0;
        transform: translate(0, 0);
        width: 50px;
        height: 50px;
    }

    .s-imagelist-body {
        display: block;
        height: auto;
    }

    .s-imagelist-title {
        margin: 0 0 20px;
        padding: 0 100px 0 45px;
        font-size: 16px;
        text-align: left;
        line-height: calc(22 / 18);
    }

    .s-imagelist-detail {
        font-size: 13px;
    }

    .s-imagelist-link {
        margin: 0;
    }

    /* IMAGE LIST ABSOLUTE
    --------------------*/

    .s-imagelist[class*=_l-absolute] .s-imagelist-title {
        padding: 0 100px 0 45px;
    }

    .s-imagelist[class*=_l-absolute] .s-imagelist-detail {
        margin: 0;
    }

    .s-imagelist[class*=_l-absolute] .s-imagelist-link {
        position: absolute;
        top: 15px;
        right: 20px;
    }

    /* IMAGE LIST RELATIVE
    --------------------*/

    .s-imagelist[class*=_l-relative] .s-imagelist-title {
        padding: 0 0 0 45px;
    }

    .s-imagelist[class*=_l-relative] .s-imagelist-detail {
        margin: 0 0 10px;
    }

    .s-imagelist[class*=_l-relative] .s-imagelist-link {
        display: flex;
        justify-content: flex-end;
    }

    /* ===================================================================
    FLOW LIST
    =================================================================== */

    /* FLOW LIST BASIC
    --------------------*/

    .s-flowlist {
        margin: 0 0 5px;
    }

    .s-flowlist > ul > li {
        padding: 30px 0 0;
    }

    .s-flowlist > ul > li:before {
        width: 25px;
        height: 25px;
    }

    /* ===================================================================
    CHECK LIST
    =================================================================== */

    .s-checklist {
        margin: 0 0 30px;
    }

    .s-checklist[class*=_t-column] {
        margin: 0;
    }

    .s-checklist[class*=_t-column] > ul {
        flex-direction: column;
    }

    .s-checklist[class*=_t-column] > ul > li {
        padding: 36px 0;
    }

    .s-checklist[class*=_t-column] > ul > li:before,
    .s-checklist[class*=_t-column] > ul > li:after {
        left: 50%;
        transform: translate(-50%, 0);
        width: 4px;
        height: 50%;
    }

    .s-checklist[class*=_t-column] > ul > li:before { top: 0; }
    .s-checklist[class*=_t-column] > ul > li:after { bottom: 0; }

    /* ===================================================================
    BREADCRUMB
    =================================================================== */

    /* BREADCRUMB BASIC
    --------------------*/

    .s-breadcrumb-list > ul > li:first-of-type i[class^=fa-] {
        transform: translate(0, -50%);
    }

    .s-breadcrumb-list > ul > li:after {
        transform: translate(0, -50%) rotate(45deg);
    }
    #breadcrumb__list, .s-breadcrumb-list > ul{
        bottom: 33.5rem;
        /* position: inherit; */
    }
    .s-breadcrumb {
        padding: 25px 0;
    }

}