@charset "UTF-8";
/* ! --------------------------------------------------
Foundation [サイト全体のデフォルトスタイル]
-------------------------------------------------- */
/* ! --------------------------------------------------
BreakPoint
-------------------------------------------------- */
/* ! ==================================================
Color
================================================== */
/* ! ==================================================
Size
================================================== */
/* ! ==================================================
Color
================================================== */
.c-background--main {
    background: #1150a5;
}
.c-background--accent {
    background: #e41f1f;
}
.c-background--sub {
    background: #069bdd;
}
.c-background--title {
    background: #222222;
}
.c-background--base {
    background: #444444;
}
.c-background--second {
    background: #999999;
}
.c-background--third {
    background: #aaaaaa;
}
.c-background--form {
    background: #91a6be;
}
.c-background--formLine {
    background: #ccc;
}
.c-background--form--high {
    background: #518acc;
}
.c-background--line {
    background: #b6bccc;
}
.c-background--background {
    background: #e6e9f1;
}
.c-background--background--light {
    background: #fafafd;
}
.c-background--error {
    background: #f75769;
}
.c-background--alert {
    background: #f75769;
}
.c-background--alertBackground {
    background: #ffeef0;
}
.c-background--correct {
    background: #4ad1a2;
}
.c-background--blue {
    background: #1781eb;
}
.c-background--deep--blue {
    background: #1b264c;
}
.c-background--thin--blue {
    background: #cbdbf1;
}
.c-background--white {
    background: #fff;
}
.c-background--red {
    background: #d32320;
}
.c-background--black {
    background: #000;
}
.c-background--gray {
    background: #ddd;
}

/* ! ==================================================
Size
================================================== */
/* ! ==================================================
stripUnit
================================================== */
/* ! ==================================================
rem
================================================== */
/* ! ==================================================
zindex
================================================== */
/* ! --------------------------------------------------
Responsive
-------------------------------------------------- */
html {
    color: #000;
    background: #fff;
    -webkit-font-smoothing: antialiased;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
xmp {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,
img {
    border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: normal;
}

ol,
ul {
    list-style: none;
}

caption,
th {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before,
q:after {
    content: "";
}

abbr,
acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    *font-size: 100%;
}

legend {
    color: #000;
}

input,
select,
textarea,
button {
    outline: none;
}

*,
*:before,
*:after {
    box-sizing: border-box;
    min-height: 0%;
}

body {
    color: #000;
    -webkit-text-size-adjust: 100%;
}

img {
    max-width: 100%;
    vertical-align: bottom;
}

/* ! --------------------------------------------------
Html,Body
-------------------------------------------------- */
html {
    /* min-height: 100vh; */
    /* min-width: 1080px; */
    /* display: flex; */
}

body {
    font-size: 1rem;
    font-family: "Roboto", "Noto Sans JP", -apple-system, "BlinkMacSystemFont",
        "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", sans-serif,
        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
        "Noto Color Emoji";
    font-feature-settings: "palt";
    flex-direction: column;
    flex: auto;

    min-height: 650px;
    background: #daedf9;
}

form {
    width: 100%;
}

/* ! --------------------------------------------------
Text
-------------------------------------------------- */
p {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.71429em;
    letter-spacing: 0.04em;
    word-break: break-all;
}
@media screen and (max-width: 1280px) {
    p {
        line-height: 1.71429em;
    }
}

a {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.5em;
    text-decoration: none;
    cursor: pointer;
}

::selection {
    color: #fff;
    background: #b6bccc;
}

/* ! --------------------------------------------------
枠組み
-------------------------------------------------- */
.l-frame {
    flex: auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    background: #daedf9;
}
.l-frame__row {
    flex: 5;
    min-width: 0;
    display: flex;
}
.l-frame__main {
    display: flex;
    flex: auto;
    min-width: 0;
}
.l-frame .l-frame__header {
    background: #8ec2ed;
}
.l-frame__sidebar {
    flex: 0.1 0 216px;
    background: #8ec2ed;

    border-right: 1px solid #ffffff;
}
.l-frame__footer {
    height: auto;
}

.l-container {
    max-width: 1280px;
    width: 100%;
    padding: 0 1rem;
    margin: 0 auto;
}
.l-container--full {
    max-width: none;
}

/* ! --------------------------------------------------

- レイアウト

-------------------------------------------------- */
.l-12 {
    display: flex;
    flex-wrap: wrap;
    /*
    $breakPoints: (
      'pc-wide': 'screen and (max-width: 1440px)',
      'pc': 'screen and (max-width: 1280px)'
    );
  */
}
.l-12__1 {
    display: flex;
    flex-direction: column;
    width: 8.3333333333%;
}
.l-12__1_5 {
    display: flex;
    width:31%;
}
.l-12__2 {
    display: flex;
    flex-direction: column;
    width: 16.6666666667%;
}
.l-12__3 {
    display: flex;
    flex-direction: column;
    width: 25%;
}
.l-12__4 {
    display: flex;
    flex-direction: column;
    width: 33.3333333333%;
}
.l-12__5 {
    display: flex;
    flex-direction: column;
    width: 41.6666666667%;
}
.l-12__6 {
    display: flex;
    flex-direction: column;
    width: 60%;
}
.l-12__7 {
    display: flex;
    flex-direction: column;
    width: 58.3333333333%;
}
.l-12__8 {
    display: flex;
    flex-direction: column;
    /* width: 66.6666666667%; */
}
.l-12__9 {
    display: flex;
    flex-direction: column;
    width: 75%;
}
.l-12__10 {
    display: flex;
    flex-direction: column;
    width: 83.3333333333%;
}
.l-12__11 {
    display: flex;
    flex-direction: column;
    width: 91.6666666667%;
}
.l-12__12 {
    display: flex;
    flex-direction: column;
    width: 100%;
}
@media screen and (max-width: 1280px) {
    .l-12__1--pc {
        display: flex;
        flex-direction: column;
        width: 8.3333333333%;
    }
    .l-12__2--pc {
        display: flex;
        flex-direction: column;
        width: 16.6666666667%;
    }
    .l-12__3--pc {
        display: flex;
        flex-direction: column;
        width: 25%;
    }
    .l-12__4--pc {
        display: flex;
        flex-direction: column;
        width: 33.3333333333%;
    }
    .l-12__5--pc {
        display: flex;
        flex-direction: column;
        width: 41.6666666667%;
    }
    .l-12__6--pc {
        display: flex;
        flex-direction: column;
        width: 50%;
    }
    .l-12__7--pc {
        display: flex;
        flex-direction: column;
        width: 58.3333333333%;
    }
    .l-12__8--pc {
        display: flex;
        flex-direction: column;
        width: 66.6666666667%;
    }
    .l-12__9--pc {
        display: flex;
        flex-direction: column;
        width: 75%;
    }
    .l-12__10--pc {
        display: flex;
        flex-direction: column;
        width: 83.3333333333%;
    }
    .l-12__11--pc {
        display: flex;
        flex-direction: column;
        width: 91.6666666667%;
    }
    .l-12__12--pc {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
}
@media screen and (max-width: 1080px) {
    .l-12__1--note {
        display: flex;
        flex-direction: column;
        width: 8.3333333333%;
    }
    .l-12__2--note {
        display: flex;
        flex-direction: column;
        width: 16.6666666667%;
    }
    .l-12__3--note {
        display: flex;
        flex-direction: column;
        width: 25%;
    }
    .l-12__4--note {
        display: flex;
        flex-direction: column;
        width: 33.3333333333%;
    }
    .l-12__5--note {
        display: flex;
        flex-direction: column;
        width: 41.6666666667%;
    }
    .l-12__6--note {
        display: flex;
        flex-direction: column;
        width: 50%;
    }
    .l-12__7--note {
        display: flex;
        flex-direction: column;
        width: 58.3333333333%;
    }
    .l-12__8--note {
        display: flex;
        flex-direction: column;
        width: 66.6666666667%;
    }
    .l-12__9--note {
        display: flex;
        flex-direction: column;
        width: 75%;
    }
    .l-12__10--note {
        display: flex;
        flex-direction: column;
        width: 83.3333333333%;
    }
    .l-12__11--note {
        display: flex;
        flex-direction: column;
        width: 91.6666666667%;
    }
    .l-12__12--note {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
}
.l-12--gap8 {
    margin: -4px;
}
.l-12--gap8 > * {
    padding: 4px;
}
.l-12--gap16 {
    margin: -8px;
}
.l-12--gap16 > * {
    padding: 8px;
}
.l-12--gap24 {
    margin: -12px;
}
.l-12--gap24 > * {
    padding: 12px;
}
.l-12--gap32 {
    margin: -16px;
}
.l-12--gap32 > * {
    padding: 16px;
}
.l-12--gap40 {
    margin: -20px;
}
.l-12--gap40 > * {
    padding: 20px;
}
@media screen and (max-width: 1280px) {
    .l-12--gap8--pc {
        margin: -4px;
    }
    .l-12--gap8--pc > * {
        padding: 4px;
    }
    .l-12--gap16--pc {
        margin: -8px;
    }
    .l-12--gap16--pc > * {
        padding: 8px;
    }
    .l-12--gap24--pc {
        margin: -12px;
    }
    .l-12--gap24--pc > * {
        padding: 12px;
    }
    .l-12--gap32--pc {
        margin: -16px;
    }
    .l-12--gap32--pc > * {
        padding: 16px;
    }
    .l-12--gap40--pc {
        margin: -20px;
    }
    .l-12--gap40--pc > * {
        padding: 20px;
    }
}
@media screen and (max-width: 1080px) {
    .l-12--gap8--note {
        margin: -4px;
    }
    .l-12--gap8--note > * {
        padding: 4px;
    }
    .l-12--gap16--note {
        margin: -8px;
    }
    .l-12--gap16--note > * {
        padding: 8px;
    }
    .l-12--gap24--note {
        margin: -12px;
    }
    .l-12--gap24--note > * {
        padding: 12px;
    }
    .l-12--gap32--note {
        margin: -16px;
    }
    .l-12--gap32--note > * {
        padding: 16px;
    }
    .l-12--gap40--note {
        margin: -20px;
    }
    .l-12--gap40--note > * {
        padding: 20px;
    }
}
.l-12__auto {
    flex: auto;
    min-width: 0;
}
.l-12__fix10 {
    flex: 0 0 10px;
    min-width: 0;
}
.l-12__fix20 {
    flex: 0 0 20px;
    min-width: 0;
}
.l-12__fix30 {
    flex: 0 0 30px;
    min-width: 0;
}
.l-12__fix40 {
    flex: 0 0 40px;
    min-width: 0;
}
.l-12__fix50 {
    flex: 0 0 50px;
    min-width: 0;
}
.l-12__fix60 {
    flex: 0 0 60px;
    min-width: 0;
}
.l-12__fix70 {
    flex: 0 0 70px;
    min-width: 0;
}
.l-12__fix80 {
    flex: 0 0 80px;
    min-width: 0;
}
.l-12__fix90 {
    flex: 0 0 90px;
    min-width: 0;
}
.l-12__fix100 {
    flex: 0 0 100px;
    min-width: 0;
}
.l-12__fix110 {
    flex: 0 0 110px;
    min-width: 0;
}
.l-12__fix120 {
    flex: 0 0 120px;
    min-width: 0;
}
.l-12__fix130 {
    flex: 0 0 130px;
    min-width: 0;
}
.l-12__fix140 {
    flex: 0 0 140px;
    min-width: 0;
}
.l-12__fix150 {
    flex: 0 0 150px;
    min-width: 0;
}
.l-12__fix160 {
    flex: 0 0 160px;
    min-width: 0;
}
.l-12__fix170 {
    flex: 0 0 170px;
    min-width: 0;
}
.l-12__fix180 {
    flex: 0 0 180px;
    min-width: 0;
}
.l-12__fix190 {
    flex: 0 0 190px;
    min-width: 0;
}
.l-12__fix200 {
    flex: 0 0 200px;
    min-width: 0;
}
.l-12__fix210 {
    flex: 0 0 210px;
    min-width: 0;
}
.l-12__fix220 {
    flex: 0 0 220px;
    min-width: 0;
}
.l-12__fix230 {
    flex: 0 0 230px;
    min-width: 0;
}
.l-12__fix240 {
    flex: 0 0 240px;
    min-width: 0;
}
.l-12__fix250 {
    flex: 0 0 250px;
    min-width: 0;
}
.l-12__fix260 {
    flex: 0 0 260px;
    min-width: 0;
}
.l-12__fix270 {
    flex: 0 0 270px;
    min-width: 0;
}
.l-12__fix280 {
    flex: 0 0 280px;
    min-width: 0;
}
.l-12__fix290 {
    flex: 0 0 290px;
    min-width: 0;
}
.l-12__fix300 {
    flex: 0 0 300px;
    min-width: 0;
}
.l-12__fix310 {
    flex: 0 0 310px;
    min-width: 0;
}
.l-12__fix320 {
    flex: 0 0 320px;
    min-width: 0;
}
.l-12__fix330 {
    flex: 0 0 330px;
    min-width: 0;
}
.l-12__fix340 {
    flex: 0 0 340px;
    min-width: 0;
}
.l-12__fix350 {
    flex: 0 0 350px;
    min-width: 0;
}
.l-12__fix360 {
    flex: 0 0 360px;
    min-width: 0;
}
.l-12__fix370 {
    flex: 0 0 370px;
    min-width: 0;
}
.l-12__fix380 {
    flex: 0 0 380px;
    min-width: 0;
}
.l-12__fix390 {
    flex: 0 0 390px;
    min-width: 0;
}
.l-12__fix400 {
    flex: 0 0 400px;
    min-width: 0;
}
.l-12__fix410 {
    flex: 0 0 410px;
    min-width: 0;
}
.l-12__fix420 {
    flex: 0 0 420px;
    min-width: 0;
}
.l-12__fix430 {
    flex: 0 0 430px;
    min-width: 0;
}
.l-12__fix440 {
    flex: 0 0 440px;
    min-width: 0;
}
.l-12__fix450 {
    flex: 0 0 450px;
    min-width: 0;
}
.l-12__fix460 {
    flex: 0 0 460px;
    min-width: 0;
}
.l-12__fix470 {
    flex: 0 0 470px;
    min-width: 0;
}
.l-12__fix480 {
    flex: 0 0 480px;
    min-width: 0;
}
.l-12__fix490 {
    flex: 0 0 490px;
    min-width: 0;
}
.l-12__fix500 {
    flex: 0 0 500px;
    min-width: 0;
}
.l-12__fix510 {
    flex: 0 0 510px;
    min-width: 0;
}
.l-12__fix520 {
    flex: 0 0 520px;
    min-width: 0;
}
.l-12__fix530 {
    flex: 0 0 530px;
    min-width: 0;
}
.l-12__fix540 {
    flex: 0 0 540px;
    min-width: 0;
}
.l-12__fix550 {
    flex: 0 0 550px;
    min-width: 0;
}
.l-12__fix560 {
    flex: 0 0 560px;
    min-width: 0;
}
.l-12__fix570 {
    flex: 0 0 570px;
    min-width: 0;
}
.l-12__fix580 {
    flex: 0 0 580px;
    min-width: 0;
}
.l-12__fix590 {
    flex: 0 0 590px;
    min-width: 0;
}
.l-12__fix600 {
    flex: 0 0 600px;
    min-width: 0;
}
@media screen and (max-width: 1280px) {
    .l-12__fix10--pc {
        flex: 0 0 10px;
        min-width: 0;
    }
    .l-12__fix20--pc {
        flex: 0 0 20px;
        min-width: 0;
    }
    .l-12__fix30--pc {
        flex: 0 0 30px;
        min-width: 0;
    }
    .l-12__fix40--pc {
        flex: 0 0 40px;
        min-width: 0;
    }
    .l-12__fix50--pc {
        flex: 0 0 50px;
        min-width: 0;
    }
    .l-12__fix60--pc {
        flex: 0 0 60px;
        min-width: 0;
    }
    .l-12__fix70--pc {
        flex: 0 0 70px;
        min-width: 0;
    }
    .l-12__fix80--pc {
        flex: 0 0 80px;
        min-width: 0;
    }
    .l-12__fix90--pc {
        flex: 0 0 90px;
        min-width: 0;
    }
    .l-12__fix100--pc {
        flex: 0 0 100px;
        min-width: 0;
    }
    .l-12__fix110--pc {
        flex: 0 0 110px;
        min-width: 0;
    }
    .l-12__fix120--pc {
        flex: 0 0 120px;
        min-width: 0;
    }
    .l-12__fix130--pc {
        flex: 0 0 130px;
        min-width: 0;
    }
    .l-12__fix140--pc {
        flex: 0 0 140px;
        min-width: 0;
    }
    .l-12__fix150--pc {
        flex: 0 0 150px;
        min-width: 0;
    }
    .l-12__fix160--pc {
        flex: 0 0 160px;
        min-width: 0;
    }
    .l-12__fix170--pc {
        flex: 0 0 170px;
        min-width: 0;
    }
    .l-12__fix180--pc {
        flex: 0 0 180px;
        min-width: 0;
    }
    .l-12__fix190--pc {
        flex: 0 0 190px;
        min-width: 0;
    }
    .l-12__fix200--pc {
        flex: 0 0 200px;
        min-width: 0;
    }
    .l-12__fix210--pc {
        flex: 0 0 210px;
        min-width: 0;
    }
    .l-12__fix220--pc {
        flex: 0 0 220px;
        min-width: 0;
    }
    .l-12__fix230--pc {
        flex: 0 0 230px;
        min-width: 0;
    }
    .l-12__fix240--pc {
        flex: 0 0 240px;
        min-width: 0;
    }
    .l-12__fix250--pc {
        flex: 0 0 250px;
        min-width: 0;
    }
    .l-12__fix260--pc {
        flex: 0 0 260px;
        min-width: 0;
    }
    .l-12__fix270--pc {
        flex: 0 0 270px;
        min-width: 0;
    }
    .l-12__fix280--pc {
        flex: 0 0 280px;
        min-width: 0;
    }
    .l-12__fix290--pc {
        flex: 0 0 290px;
        min-width: 0;
    }
    .l-12__fix300--pc {
        flex: 0 0 300px;
        min-width: 0;
    }
    .l-12__fix310--pc {
        flex: 0 0 310px;
        min-width: 0;
    }
    .l-12__fix320--pc {
        flex: 0 0 320px;
        min-width: 0;
    }
    .l-12__fix330--pc {
        flex: 0 0 330px;
        min-width: 0;
    }
    .l-12__fix340--pc {
        flex: 0 0 340px;
        min-width: 0;
    }
    .l-12__fix350--pc {
        flex: 0 0 350px;
        min-width: 0;
    }
    .l-12__fix360--pc {
        flex: 0 0 360px;
        min-width: 0;
    }
    .l-12__fix370--pc {
        flex: 0 0 370px;
        min-width: 0;
    }
    .l-12__fix380--pc {
        flex: 0 0 380px;
        min-width: 0;
    }
    .l-12__fix390--pc {
        flex: 0 0 390px;
        min-width: 0;
    }
    .l-12__fix400--pc {
        flex: 0 0 400px;
        min-width: 0;
    }
    .l-12__fix410--pc {
        flex: 0 0 410px;
        min-width: 0;
    }
    .l-12__fix420--pc {
        flex: 0 0 420px;
        min-width: 0;
    }
    .l-12__fix430--pc {
        flex: 0 0 430px;
        min-width: 0;
    }
    .l-12__fix440--pc {
        flex: 0 0 440px;
        min-width: 0;
    }
    .l-12__fix450--pc {
        flex: 0 0 450px;
        min-width: 0;
    }
    .l-12__fix460--pc {
        flex: 0 0 460px;
        min-width: 0;
    }
    .l-12__fix470--pc {
        flex: 0 0 470px;
        min-width: 0;
    }
    .l-12__fix480--pc {
        flex: 0 0 480px;
        min-width: 0;
    }
    .l-12__fix490--pc {
        flex: 0 0 490px;
        min-width: 0;
    }
    .l-12__fix500--pc {
        flex: 0 0 500px;
        min-width: 0;
    }
    .l-12__fix510--pc {
        flex: 0 0 510px;
        min-width: 0;
    }
    .l-12__fix520--pc {
        flex: 0 0 520px;
        min-width: 0;
    }
    .l-12__fix530--pc {
        flex: 0 0 530px;
        min-width: 0;
    }
    .l-12__fix540--pc {
        flex: 0 0 540px;
        min-width: 0;
    }
    .l-12__fix550--pc {
        flex: 0 0 550px;
        min-width: 0;
    }
    .l-12__fix560--pc {
        flex: 0 0 560px;
        min-width: 0;
    }
    .l-12__fix570--pc {
        flex: 0 0 570px;
        min-width: 0;
    }
    .l-12__fix580--pc {
        flex: 0 0 580px;
        min-width: 0;
    }
    .l-12__fix590--pc {
        flex: 0 0 590px;
        min-width: 0;
    }
    .l-12__fix600--pc {
        flex: 0 0 600px;
        min-width: 0;
    }
}
@media screen and (max-width: 1080px) {
    .l-12__fix10--note {
        flex: 0 0 10px;
        min-width: 0;
    }
    .l-12__fix20--note {
        flex: 0 0 20px;
        min-width: 0;
    }
    .l-12__fix30--note {
        flex: 0 0 30px;
        min-width: 0;
    }
    .l-12__fix40--note {
        flex: 0 0 40px;
        min-width: 0;
    }
    .l-12__fix50--note {
        flex: 0 0 50px;
        min-width: 0;
    }
    .l-12__fix60--note {
        flex: 0 0 60px;
        min-width: 0;
    }
    .l-12__fix70--note {
        flex: 0 0 70px;
        min-width: 0;
    }
    .l-12__fix80--note {
        flex: 0 0 80px;
        min-width: 0;
    }
    .l-12__fix90--note {
        flex: 0 0 90px;
        min-width: 0;
    }
    .l-12__fix100--note {
        flex: 0 0 100px;
        min-width: 0;
    }
    .l-12__fix110--note {
        flex: 0 0 110px;
        min-width: 0;
    }
    .l-12__fix120--note {
        flex: 0 0 120px;
        min-width: 0;
    }
    .l-12__fix130--note {
        flex: 0 0 130px;
        min-width: 0;
    }
    .l-12__fix140--note {
        flex: 0 0 140px;
        min-width: 0;
    }
    .l-12__fix150--note {
        flex: 0 0 150px;
        min-width: 0;
    }
    .l-12__fix160--note {
        flex: 0 0 160px;
        min-width: 0;
    }
    .l-12__fix170--note {
        flex: 0 0 170px;
        min-width: 0;
    }
    .l-12__fix180--note {
        flex: 0 0 180px;
        min-width: 0;
    }
    .l-12__fix190--note {
        flex: 0 0 190px;
        min-width: 0;
    }
    .l-12__fix200--note {
        flex: 0 0 200px;
        min-width: 0;
    }
    .l-12__fix210--note {
        flex: 0 0 210px;
        min-width: 0;
    }
    .l-12__fix220--note {
        flex: 0 0 220px;
        min-width: 0;
    }
    .l-12__fix230--note {
        flex: 0 0 230px;
        min-width: 0;
    }
    .l-12__fix240--note {
        flex: 0 0 240px;
        min-width: 0;
    }
    .l-12__fix250--note {
        flex: 0 0 250px;
        min-width: 0;
    }
    .l-12__fix260--note {
        flex: 0 0 260px;
        min-width: 0;
    }
    .l-12__fix270--note {
        flex: 0 0 270px;
        min-width: 0;
    }
    .l-12__fix280--note {
        flex: 0 0 280px;
        min-width: 0;
    }
    .l-12__fix290--note {
        flex: 0 0 290px;
        min-width: 0;
    }
    .l-12__fix300--note {
        flex: 0 0 300px;
        min-width: 0;
    }
    .l-12__fix310--note {
        flex: 0 0 310px;
        min-width: 0;
    }
    .l-12__fix320--note {
        flex: 0 0 320px;
        min-width: 0;
    }
    .l-12__fix330--note {
        flex: 0 0 330px;
        min-width: 0;
    }
    .l-12__fix340--note {
        flex: 0 0 340px;
        min-width: 0;
    }
    .l-12__fix350--note {
        flex: 0 0 350px;
        min-width: 0;
    }
    .l-12__fix360--note {
        flex: 0 0 360px;
        min-width: 0;
    }
    .l-12__fix370--note {
        flex: 0 0 370px;
        min-width: 0;
    }
    .l-12__fix380--note {
        flex: 0 0 380px;
        min-width: 0;
    }
    .l-12__fix390--note {
        flex: 0 0 390px;
        min-width: 0;
    }
    .l-12__fix400--note {
        flex: 0 0 400px;
        min-width: 0;
    }
    .l-12__fix410--note {
        flex: 0 0 410px;
        min-width: 0;
    }
    .l-12__fix420--note {
        flex: 0 0 420px;
        min-width: 0;
    }
    .l-12__fix430--note {
        flex: 0 0 430px;
        min-width: 0;
    }
    .l-12__fix440--note {
        flex: 0 0 440px;
        min-width: 0;
    }
    .l-12__fix450--note {
        flex: 0 0 450px;
        min-width: 0;
    }
    .l-12__fix460--note {
        flex: 0 0 460px;
        min-width: 0;
    }
    .l-12__fix470--note {
        flex: 0 0 470px;
        min-width: 0;
    }
    .l-12__fix480--note {
        flex: 0 0 480px;
        min-width: 0;
    }
    .l-12__fix490--note {
        flex: 0 0 490px;
        min-width: 0;
    }
    .l-12__fix500--note {
        flex: 0 0 500px;
        min-width: 0;
    }
    .l-12__fix510--note {
        flex: 0 0 510px;
        min-width: 0;
    }
    .l-12__fix520--note {
        flex: 0 0 520px;
        min-width: 0;
    }
    .l-12__fix530--note {
        flex: 0 0 530px;
        min-width: 0;
    }
    .l-12__fix540--note {
        flex: 0 0 540px;
        min-width: 0;
    }
    .l-12__fix550--note {
        flex: 0 0 550px;
        min-width: 0;
    }
    .l-12__fix560--note {
        flex: 0 0 560px;
        min-width: 0;
    }
    .l-12__fix570--note {
        flex: 0 0 570px;
        min-width: 0;
    }
    .l-12__fix580--note {
        flex: 0 0 580px;
        min-width: 0;
    }
    .l-12__fix590--note {
        flex: 0 0 590px;
        min-width: 0;
    }
    .l-12__fix600--note {
        flex: 0 0 600px;
        min-width: 0;
    }
}
.l-12--nowrap {
    flex-wrap: nowrap;
}
.l-12--start {
    align-items: flex-start;
}
.l-12--center {
    align-items: center;
    justify-content: center;
}
.l-12--right {
    align-items: flex-end;
}
.l-12__line {
    width: 100%;
}
.l-12__line:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #b6bccc;
}

.c-text__lv1 {
    font-size: 48px;
    line-height: 1.45833em;
    letter-spacing: 0.04em;
}
.c-text__lv2 {
    font-size: 32px;
    line-height: 1.5em;
    letter-spacing: 0.04em;
}
.p-questionForm__head__title strong,
.p-questionForm__head__title span,
.p-problemDetail__head__title strong,
.p-problemDetail__head__title span,
.p-questionSidebar__creating .cnt strong,
.p-questionSidebar__people .cnt strong,
.p-questionSidebar__holding .cnt,
.p-questionList__part__head--playing .p-buttonWrap .time,
.p-questionList__part__head__title strong,
.p-detail__main__head__title,
.p-index__head__title,
.p-auth__box__head__title,
.c-text__lv3 {
    font-size: 24px;
    line-height: 1.45833em;
    letter-spacing: 0.04em;
}
.p-questionSidebar__creating .cnt span,
.p-questionSidebar__people .cnt span,
.p-questionSidebar__category .cnt,
.p-questionList__part__quest__answer__list--text > li .c-only .number strong,
.p-questionList__part__quest__answer__list--text
    > li
    .c-response
    .number
    strong,
.p-questionList__part__quest__answer__list--image > li .c-only .number strong,
.p-questionList__part__quest__answer__list--image > li .c-text .number strong,
.p-questionList__part__head__title span,
.p-questionList__part__head__title,
.p-detailBox__head__title,
.c-text__lv4 {
    font-size: 18px;
    line-height: 1.5em;
    letter-spacing: 0.04em;
}
.p-questionForm__head__title,
.p-problemDetail__head__title,
.p-questionSidebar__creating .cnt,
.p-questionSidebar__people .cnt,
.p-sidebar__list__item__button,
.c-input--file label:after,
.c-text__lv5 {
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.04em;
}
.p-listFlex__item__label,
.p-list__item__label,
.p-header__list__item__button,
.p-header__list__item__name,
.c-text__lv6 {
    font-size: 13px;
    line-height: 1.45455em;
    letter-spacing: 0.04em;
}
.p-list__item__label__twitter {
    font-size: 13px;
    line-height: 1.45455em;
}
.p-questionList__part__quest__answer__list--text > li .c-only .number,
.p-questionList__part__quest__answer__list--text > li .c-response .number,
.p-questionList__part__quest__answer__list--image > li .c-only .number,
.p-questionList__part__quest__answer__list--image > li .c-text .number,
.p-table__item__status .label,
.p-table__item--private,
.p-table__item--release,
.c-text__lv7 {
    font-size: 12px;
    line-height: 1.45455em;
    letter-spacing: 0.04em;
}
.p-detailBox__head__title,
.p-detail__main__head__title,
.p-index__head__title,
.p-auth__box__head__title,
.c-text__bold {
    font-weight: 500;
}
.c-text__note {
    color: #999999;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.45455em;
    letter-spacing: 0;
    display: inline-block;
}
.p-filter__list__item__label,
.c-text__unit {
    font-weight: 400;
    font-size: 12px;
    line-height: 1em;
    margin: 0 2px;
    letter-spacing: 0;
    display: inline-block;
}
.c-text--center {
    text-align: center;
}
.c-text--ellipsis {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.c-text__color--accent {
    color: #e41f1f;
}

.c-text__color--accent {
    color: #e41f1f;
}

/* Custom Text Color */
.c-text__color--gray {
    color: #505050;
}

/* Custom Add .p-table__item--danger, .p-table__item--dark font-wegiht 700  */
.p-questionForm__head__title strong,
.p-questionForm__head__title span,
.p-problemDetail__head__title strong,
.p-problemDetail__head__title span,
.p-questionSidebar__category .cnt,
.p-questionList__part__quest__answer__list--text > li .c-only .number strong,
.p-questionList__part__quest__answer__list--text
    > li
    .c-response
    .number
    strong,
.p-questionList__part__quest__answer__list--image > li .c-only .number strong,
.p-questionList__part__quest__answer__list--image > li .c-text .number strong,
.p-questionList__part__head__title strong,
.p-questionList__part__head__title span,
.p-table__item--private,
.p-table__item--release,
.p-table__item--danger,
.p-table__item--dark,
.c-text__weight--700 {
    font-weight: 700;
}
/* End  Custom*/

.p-problemDetail__body__list .fourth:before,
.p-problemDetail__body__list .third:before,
.p-problemDetail__body__list .second:before,
.p-problemDetail__body__list .reply:before,
.p-questionList__part__quest__answer__list--text .fourth .suzi,
.p-questionList__part__quest__answer__list--text .third .suzi,
.p-questionList__part__quest__answer__list--text .second .suzi,
.p-questionList__part__quest__answer__list--text .reply .suzi,
.p-questionList__part__quest__answer__list--image .fourth .suzi,
.p-questionList__part__quest__answer__list--image .third .suzi,
.p-questionList__part__quest__answer__list--image .second .suzi,
.p-questionList__part__quest__answer__list--image .reply .suzi,
.p-questionList__part__head--playing .p-buttonWrap .time,
.c-text__weight--600 {
    font-weight: 600;
}
.p-questionForm__head__title,
.p-problemDetail__head__title,
.p-questionSidebar__creating .cnt,
.p-questionSidebar__people .cnt,
.p-questionSidebar__holding .cnt,
.p-questionList__part__head__title,
.is-active .p-sidebar__list__item__button,
.p-sidebar__list__item__button,
.c-text__weight--500 {
    font-weight: 500;
}
.c-text__weight--400 {
    font-weight: 400;
}
.c-text__weight--300 {
    font-weight: 300;
}

/* ! ==================================================

- イメージ[サムネイル、アイキャッチなど]

================================================== */
/* ! --------------------------------------------------

- イメージ

-------------------------------------------------- */
.c-image {
    display: block;
    width: 100%;
    height: auto;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.c-image:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%;
}
.c-image--8 {
    max-width: 8px;
}
.c-image--16 {
    max-width: 16px;
}
.c-image--24 {
    max-width: 24px;
}
.c-image--32 {
    max-width: 32px;
}
.c-image--40 {
    max-width: 40px;
}
.c-image--48 {
    max-width: 48px;
}
.c-image--56 {
    max-width: 56px;
}
.c-image--64 {
    max-width: 64px;
}
.c-image--72 {
    max-width: 72px;
}
.c-image--80 {
    max-width: 80px;
}
.c-image--88 {
    max-width: 88px;
}
.c-image--96 {
    max-width: 96px;
}
.c-image--104 {
    max-width: 104px;
}
.c-image--112 {
    max-width: 112px;
}
.c-image--120 {
    max-width: 120px;
}
.c-image--128 {
    max-width: 128px;
}
.c-image--136 {
    max-width: 136px;
}
.c-image--144 {
    max-width: 144px;
}
.c-image--152 {
    max-width: 152px;
}
.c-image--160 {
    max-width: 160px;
}
.c-image--168 {
    max-width: 168px;
}
.c-image--176 {
    max-width: 176px;
}
.c-image--184 {
    max-width: 184px;
}
.c-image--192 {
    max-width: 192px;
}
.c-image--200 {
    max-width: 200px;
}
.c-image--208 {
    max-width: 208px;
}
.c-image--216 {
    max-width: 216px;
}
.c-image--224 {
    max-width: 224px;
}
.c-image--232 {
    max-width: 232px;
}
.c-image--240 {
    max-width: 240px;
}
.c-image--248 {
    max-width: 248px;
}
.c-image--256 {
    max-width: 256px;
}
.c-image--264 {
    max-width: 264px;
}
.c-image--272 {
    max-width: 272px;
}
.c-image--280 {
    max-width: 280px;
}
.c-image--288 {
    max-width: 288px;
}
.c-image--296 {
    max-width: 296px;
}
.c-image--304 {
    max-width: 304px;
}
.c-image--312 {
    max-width: 312px;
}
.c-image--320 {
    max-width: 320px;
}
.c-image--328 {
    max-width: 328px;
}
.c-image--336 {
    max-width: 336px;
}
.c-image--344 {
    max-width: 344px;
}
.c-image--352 {
    max-width: 352px;
}
.c-image--360 {
    max-width: 360px;
}
.c-image--368 {
    max-width: 368px;
}
.c-image--376 {
    max-width: 376px;
}
.c-image--384 {
    max-width: 384px;
}
.c-image--392 {
    max-width: 392px;
}
.c-image--400 {
    max-width: 400px;
}
.c-image--standard:before {
    padding-top: 75%;
}
.c-image--wide:before {
    padding-top: 56.25%;
}
.c-image--round {
    border-radius: 50%;
}

/* Custom Image */

.c-image__choices img {
    object-fit: contain !important;
    height: 100% !important;
    width: 100%;
    object-position: bottom;
}

.c-image__choices--play {
    width: 120px !important;
    height: 80px !important;
}

/* End Custom */
.c-button,
.c-button__movie {
    min-width: 120px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    background: #1150a5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    height: 30px;
    padding: 0 16px;
    border-radius: 5px;
    user-select: none;
    cursor: pointer;
}
.c-button:hover {
    background: #092c5b;
}
.c-button--accent {
    background: #e41f1f;
    border-color: #e41f1f;
}
.c-button--accent:hover {
    background: #c31717;
    border-color: #c31717;
}
.c-button--sub {
    background: #f9d149;
    border-color: #f1c841;
}
.c-button--sub:hover {
    background: #057fb5;
    border-color: #057fb5;
}

.c-button--default {
    background: #fff;
    border-color: #1c274d;
    color: #000;
}
.c-button--default:hover {
    background: rgb(235, 235, 235);
    border-color: #1c274d;
    color: #000;
}

.c-button--deep-blue {
    background: #10356a;
    border-color: #10356a;
}
.c-button--save {
    height: 40px;
    width: 148px;
    background-color: #1150a5;
}
.c-button--additional {
    width: 250px;
    height: 40px;
    background-color: #00285f;
}
.c-button--twitter {
    background-color: #50abf1;
    border-color: #50abf1;
}
.c-button--twitter:hover {
    background-color: #438cc4;
    border-color: #438cc4;
}
.c-button--large {
    height: 48px;
}
.c-button--small {
    height: 28px;
    min-width: 0;
}
.c-button--full {
    width: 100%;
    min-width: 0;
    padding: 0 4px;
}
.c-button--medium {
    min-width: 90px;
}
/* Custom Wide Button */
.c-button--wide {
    min-width: 160px;
    min-height: 35px;
}

.c-button--hidden {
    display: none;
}

.c-button--long {
    max-width: 250px;
    width: 100%;
}

/*  End Custom */
.c-button--red {
    background: #d32320;
}
.c-button--red:hover {
    background: #fff;
    color: #d32320;
    border: 1px solid #d32320;
}
.c-button--gray,
.c-button--gray__movie {
    background: #ddd;
}
.c-button--gray--back {
    background: #ddd;
}
.c-button--gray:hover,
.c-button--gray__movie:hover {
    background: #ddd;
    /* cursor: not-allowed; */
    /*
  	    background: color("white");
  	    color: color("black");
  	    border: 1px solid #D6D5D5;
  */
}
.c-button--gray--back:hover {
    background: #ddd;
    /*
  	    background: color("white");
  	    color: color("black");
  	    border: 1px solid #D6D5D5;
  */
}
/* Custom color for c-button */
.c-button--secondary {
    background: #dedede;
}
.c-button--secondary_search {
    background: #dedede;
}
.c-button--secondary:hover {
    background: #dedede;
}

.c-button--fontWeight {
    font-weight: 600;
}

/* End Custom */
.c-button--black {
    background: #000;
}
.c-button--danger {
    background: rgb(199, 7, 7);
}
.c-button--black:hover {
    background: #fff;
    color: #000;
    border: 1px solid #000;
}
.c-button--backbtn {
    background: #ddd;
    color: #fff;
    border: 1px solid #d6d5d5;
    cursor: pointer;
}
.c-button--backbtn:hover {
    background-color: #dedede;
    color: #333;
}
textarea,
.c-input--select select,
.c-input textarea,
.c-input input {
    font-size: 13px;
    word-break: break-all;
    height: 40px;
    padding: 0 8px;
    width: 100%;
    border: 1px solid #4a4a4a;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

textarea:disabled,
.c-input--select select:disabled,
.c-input input:disabled {
    color: #999999;
    border-color: #b6bccc;
    background: #e6e9f1;
    pointer-events: none;
}

.c-input {
    display: inline-flex;
    /* position: relative; */
}

.c-input-choices {
    display: block;
    position: relative;
}

.c-input--half > input {
    width: 100%;
    max-width: 160px;
}

.c-input .c-input--select select:focus,
.c-input--select .c-input select:focus,
.c-input textarea:focus,
.c-input input:focus {
    border-color: #518acc;
    background: #518acc0a;
}
.c-input--text:focus-within {
    border-color: #f0f0f0;
    background-color: #f0f0f0;
    position: relative;
}
.c-input--text:focus-within::after {
    content: "";
    width: 25px;
    height: 8px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    pointer-events: none;
    background: url(../.../../image/icon/link_x.svg);
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.c-input ::-webkit-input-placeholder {
    color: #aaaaaa;
}
.c-input :-ms-input-placeholder {
    color: #aaaaaa;
}
.c-input ::-moz-placeholder {
    color: #aaaaaa;
}
.c-input textarea {
    padding: 5px 8px;
    resize: none;
    min-height: 120px;
    border-radius: 3px;
    resize: none;
    border: 1px solid #ccc;
    border-radius: 3px;
    resize: none;
    border: 1px solid #ccc;
}
.c-input textarea[data-option="size-l"] {
    min-height: 200px;
}
.c-input input[type="number"]::-webkit-outer-spin-button,
.c-input input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.c-input input[type="number"] {
    -moz-appearance: textfield;
}
.c-input--textarea textarea {
    min-height: 240px !important;
}
.c-input--keyword {
    position: relative;
    cursor: pointer;
}
.c-input--keyword:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url(../.../../image/icon/gray_keyword.svg);
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    position: absolute;
    top: 50%;
    left: 6px;
    transform: translateY(-50%);
    z-index: 1;
}

/* custom */
.c-input--text .percentage {
    max-width: 40px;
}

.c-input__postTitle {
    margin: 8px 0 0;
    padding: 12px 0 0;
}
.c-input--date {
    position: relative;
    cursor: pointer;
}
.c-input--date:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url(../.../../image/icon/gray_date.svg);
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    position: absolute;
    top: 50%;
    left: 6px;
    transform: translateY(-25%);
    z-index: 1;
}

.c-input--date .flatpickr {
    padding: 0px 8px 0 30px;
}

/* end custom */
.c-input--select {
    min-width: 120px;
}
.c-input--select__iconSelect {
    position: relative;
}
.c-input--select__iconSelect:after {
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    pointer-events: none;
    background: url(../.../../image/icon/blue_select.svg);
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.c-input--select_year {
    min-width: auto;
}
.c-input--select_year_iconSelect {
    position: relative;
}
.c-input--select_year_iconSelect:after {
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
    pointer-events: none;
    background: url(../.../../image/icon/blue_select.svg);
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.c-input--select_month {
    min-width: auto;
}
.c-input--select_month_iconSelect {
    position: relative;
}
.c-input--select_month_iconSelect:after {
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    top: 50%;
    right: 57px;
    transform: translateY(-50%);
    pointer-events: none;
    background: url(../.../../image/icon/blue_select.svg);
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}


.c-input--select__iconTriangle {
    position: relative;
}
.c-input--select__iconTriangle:after {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    pointer-events: none;
    background: url(../.../../image/icon/triangle.svg);
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.c-input--select__iconCalendar {
    position: relative;
}
.c-input--select__iconCalendar:after {
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    pointer-events: none;
    background: url(../.../../image/icon/blue_calendar.svg);
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.c-input--select__iconTime {
    position: relative;
}
.c-input--select__iconTime:after {
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    pointer-events: none;
    background: url(../.../../image/icon/blue_time.svg);
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.c-input--select__iconX {
    position: relative;
}
.c-input--select__iconX:after {
    content: "";
    width: 25px;
    height: 8px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    pointer-events: none;
    background: url(../.../../image/icon/link_x.svg);
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.c-input--select select {
    padding-right: 24px;
    min-width: 120px;
}
.c-input .c-input--radio input[type="radio"],
.c-input--radio .c-input input[type="radio"],
.c-input .c-input--checkbox input[type="checkbox"],
.c-input--checkbox .c-input input[type="checkbox"] {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
}
.c-input .c-input--radio label:before,
.c-input--radio .c-input label:before,
.c-input .c-input--checkbox label:before,
.c-input--checkbox .c-input label:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(../.../../image/icon/radio_no.svg);
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    position: absolute;
    top: 50%;
    left: -4px;
    transform: translateY(-50%);
}
.c-input .c-input--radio label,
.c-input--radio .c-input label,
.c-input .c-input--checkbox label,
.c-input--checkbox .c-input label {
    font-size: 13px;
    line-height: 1em;
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 12px 0 20px;
    position: relative;
    user-select: none;
    cursor: pointer;
}
.c-input--checkbox {
    display: flex;
    flex-wrap: wrap;
    width: auto;
}
.c-input--checkbox--column {
    flex-direction: column;
}
.c-input--checkbox__group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.c-input--checkbox input[type="checkbox"]:checked + label {
    color: #518acc;
}
.c-input--checkbox input[type="checkbox"]:checked + label:before {
    background: url(../img/admin/p-input/checkbox--checked.svg);
}
.c-input--checkbox label:before {
    background: url(../img/admin/p-input/checkbox.svg);
}
.c-input--checkbox label:last-of-type {
    padding-right: 0;
}
label.c-input__approval {
    border: 1px solid #91a6be;
    padding: 0 24px 0 40px;
    border-radius: 3px;
}
label.c-input__approval:before {
    left: 4px;
}
:checked + label.c-input__approval {
    color: #4ad1a2 !important;
    border-color: #4ad1a2;
    background: #4ad1a244;
}
:checked + label.c-input__approval:before {
    background: url(../img/admin/p-input/checkbox--correct.svg) !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.c-input--radio {
    display: flex;
    flex-wrap: wrap;
    width: auto;
    word-break: break-all;
    height: 40px;
    padding: 0 12px;
    /* border: 1px solid #4A4A4A; */
    border-radius: 3px;
    white-space: nowrap;
}
.c-input--radio__group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.c-input--radio input[type="radio"]:checked + label {
    position: relative;
}
.c-input--radio input[type="radio"]:checked + label:before {
    background: url(../.../../image/icon/radio.svg);
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: -4px;
    transform: translateY(-50%);
}
.c-input--radio label {
    position: relative;
}
.c-input--radio label:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(../.../../image/icon/radio_no.svg);
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 1;
}

/* Custom Radio Color */

.c-input--radio.c-input--red_radio label:before {
    background: url(../.../../image/icon/radio_default.svg);
}

.c-input--radio.c-input--red_radio input[type="radio"]:checked + label:before {
    background: url(../.../../image/icon/red_radio.svg);
}

/* End Custom */
.c-input--radio--label {
    margin: -2px;
}
.c-input--radio--label label {
    margin: 2px;
    border: 1px solid #b6bccc;
    border-radius: 2px;
    padding-left: 24px;
    cursor: pointer;
}
.c-input--radio--label label:hover {
    color: #518acc;
    border-color: #518acc;
}
.c-input--radio--label label:before {
    left: 4px;
    width: 16px;
    height: 16px;
    background: url(../img/admin/p-input/radio.svg);
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.c-input--radio--label label:last-of-type {
    padding-right: 12px;
}
.c-input--radio--label input[type="radio"]:checked + label {
    color: #fff;
    border-color: #518acc;
    background: #518acc;
}
.c-input--radio--label input[type="radio"]:checked + label:before {
    background: url(../img/admin/p-input/radio--checked--white.svg);
}
.c-input--radio--label input[type="radio"]:checked + label.label--error {
    border-color: #f75769;
    background: #f75769;
}
.c-input--radio--label input[type="radio"]:checked + label.label--correct {
    border-color: #4ad1a2;
    background: #4ad1a2;
}
.c-input--file {
    display: flex;
    flex-direction: column;
    position: relative;
}
.c-input--file input[type="file"] {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
}
.c-input--file label {
    background: #eceeef;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
    height: 150px;
}
.c-input--file label:after {
    content: "";
    background-position: 50% !important;
    background-repeat: no-repeat !important;
    background: url(./../image/img/img_upload.svg) no-repeat center center;
    font-size: 11px !important;
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 148px;
    transition: all 0.2s ease;
    position: absolute;
    top: 0;
    left: 0;
}
.c-input--file label:hover:after {
    opacity: 0.7;
}

/* Custom Stye */
.c-input--file__image {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.c-input--file__clear {
    background: inherit !important;
}

.c-input--file label.c-input--file__clear:after {
    background: inherit !important;
}
/* End Custom */
.c-input--file .c-image:before {
    padding-top: 0;
}
.c-input--file .c-button--remove {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}
.c-input--file--four label:after {
    height: 98px;
}
.c-input--date input[type="date"],
.c-input--date input[type="time"],
.c-input--time input[type="date"],
.c-input--time input[type="time"] {
    width: 100px;
    position: relative;
}
.c-input--date input[type="date"]::-webkit-calendar-picker-indicator,
.c-input--date input[type="time"]::-webkit-calendar-picker-indicator,
.c-input--time input[type="date"]::-webkit-calendar-picker-indicator,
.c-input--time input[type="time"]::-webkit-calendar-picker-indicator {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.c-input--large input {
    font-size: 16px;
}
.c-input--unit {
    padding: 0 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.c-input--error:before {
    color: #f75769 !important;
}
.c-input--error input,
.c-input--error select,
.c-input--error textarea {
    border-color: #f75769;
}
.c-input--error input::-webkit-input-placeholder,
.c-input--error select::-webkit-input-placeholder,
.c-input--error textarea::-webkit-input-placeholder {
    color: #f75769aa;
}
.c-input--error input:-ms-input-placeholder,
.c-input--error select:-ms-input-placeholder,
.c-input--error textarea:-ms-input-placeholder {
    color: #f75769 !important;
}
.c-input--error input::-moz-placeholder,
.c-input--error select::-moz-placeholder,
.c-input--error textarea::-moz-placeholder {
    color: #f75769 !important;
}
.c-input--link {
    background: #ddd;
    border: 1px solid #ddd !important;
}
.c-input--link:hover {
    background: #ddd;
    border: 1px solid #ddd !important;
}
.c-input--harf {
    display: inline-block;
    vertical-align: middle;
    width: 40%;
}

.c-input--harf input {
    width: 80%;
}

.c-input--full-multi {
    display: inline-block;
    vertical-align: middle;
    width: 90%;
}

.c-input--full-multi input,
.c-input--full-multi select {
    width: 70%;
}

.c-input--full-tel {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
}

.c-input--full-tel input {
    width: 20%;
}

.c-input--full-multi--select__iconSelect {
    position: relative;
}
.c-input--full-multi--select__iconSelect:after {
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    top: 50%;
    right: 23%;
    transform: translateY(-50%);
    pointer-events: none;
    background: url(../.../../image/icon/blue_select.svg);
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}




.c-input--full {
    width: 100%;
}
.c-input--full_purchase_supplier {
    width: 240%;
}
.c-input--full_select {
    width: 100%;
}
.c-input--half_one {
    width: 100%;
}
.c-input--half_two {
    width: 100%;
}
.c-input--full input,
.c-input--full textarea {
    width: 100%;
}
.c-input--width160 {
    min-width: 160px;
}
.c-input--width180 {
    min-width: 180px;
}
.c-input--width200 {
    min-width: 200px;
}
.c-input--width205 {
    min-width: 205px;
}

.c-input--width209 {
    min-width: 209px;
}
.c-input--width230 {
    min-width: 230px;
}

.c-input--width240 {
    min-width: 240px;
}

.c-input--width280 {
    min-width: 280px;
}
.c-input--width320 {
    min-width: 280px;
}
textarea {
    padding: 5px 8px;
    resize: none;
    min-height: 120px;
    border-radius: 3px;
    resize: none;
    border: 1px solid #4a4a4a;
}

[class*="unit_min"] {
    flex: 0 0 3px;
    /* padding: 0; */
    padding: 5px 5px 5px 5px;
}

.c-number__lv7,
.c-number__lv6,
.c-number__lv5,
.c-number__lv4,
.c-number__lv3,
.c-number__lv2,
.c-number__lv1 {
    line-height: 1em;
    letter-spacing: 0em;
    font-weight: 700;
}

.c-number__lv1 {
    font-size: 48px;
}
.c-number__lv2 {
    font-size: 32px;
}
.c-number__lv3 {
    font-size: 24px;
}
.c-number__lv4 {
    font-size: 20px;
}
.c-number__lv5 {
    font-size: 16px;
}
.c-number__lv6 {
    font-size: 14px;
}
.c-number__lv7 {
    font-size: 12px;
}

/* Custom Number Color */
.c-number--blue {
    color: #1150a5;
}
/* Custom Video Hidden */
.c-video--hidden {
    display: none;
}
/* End Custom */

.p-html {
    background: #daedf9;
}
.p-html--auth {
    background: #000 url(.../../image/admin/auth/background.jpg);
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.p-auth {
    flex: auto;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.p-auth__box {
    width: 360px;
    padding: 56px 40px 80px;
    background: #fff;
    box-shadow: 0px 16px 12px -8px rgba(0, 0, 0, 0.2);
}
.p-auth__box__head {
    margin: 0 0 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.p-auth__box__head__logo {
    margin: 0 0 16px;
}
.p-auth__box__body .c-input input {
    height: 40px;
}
.p-auth__box__body .c-button {
    box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.1);
}

.p-header {
    position: relative;
}
.p-header > .l-container {
    height: 3rem;
    display: flex;
    align-items: center;
    max-width: none;
    /* box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.1); */
    box-shadow: 0px 2px 2px -1px #ffffff;
}
.p-header__image {
/*    flex: 0 0 180px; */
    flex: 0 0 30%;
    margin: 0 auto 0 0;
}
.p-header__image__logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.p-header__text {
    flex: auto;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.p-header__btn__cont {
}
.p-header__btn {
    font-size: 14px;
    font-family: "Noto Sans JP";
    color: #333;
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid #1478b8;
    border-radius: 5px;
    padding: 5px 35px;
    cursor: pointer;
}
.p-header__btn:hover {
    background: #daedf9;
}
.p-header__list {
    display: flex;
    align-items: center;
    text-align: center;
}
.p-header__list__item + .p-header__list__item {
    margin: 0 0 0 16px;
    padding: 0 0 0 16px;
}
.p-header__list__item__name {
    color: #444444;
}
.p-header__list__item__button {
    color: #000000;
    cursor: pointer;
}
.border-right__white {
    border-right: solid 1px #fff;
    border-left: solid 1px #fff;
}
.p-header__list__item__button:hover {
    color: #1150a5;
}

.p-sidebar__list__item__button {
    color: #1478b8;
    height: 64px;
    display: flex;
    align-items: center;
    padding: 0 8px 0 16px;
    border-left: 4px solid transparent;
    cursor: pointer;
    position: relative;
    /* border-bottom: 1px solid #707070; */
}
.p-sidebar__list__item__button:hover {
    background: rgba(255, 255, 255, 0.3);
}

/*start custom changes */
.side-custom {
    padding: 0 8px 0 16px;
    border-left: 4px solid transparent;
}

.p-sidebar__list__item--sub {
    height: 30px;
    border-left: 5px solid #d32320;
}
a.is-active {
    color: #1478b8;
    border-bottom: 3px solid #1478b8;
}
.sub-hidden {
    display: none;
}
/* end custom */

.is-active .p-sidebar__list__item__button {
    /* color: #D32320;
  border-left: 5px solid #D32320; */

    background: #daedf9;
}

.p-sidebar__list__item__button__notification {
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    line-height: 1em;
    letter-spacing: 0;
    height: 14px;
    min-width: 14px;
    border-radius: 100px;
    padding: 0 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: red;
    position: absolute;
    top: 8px;
    left: 40px;
}
.p-sidebar__list__item__button .c-image {
    width: 25px;
    height: 25px;
    margin: 0 8px 0 0;
    /* background: url(./../image/icon/icon_user.svg); */
    /* background: rgba(255, 255, 255, 0.3); */
}

.p-sidebar__list .buyer .c-image {
    height: 25px;
    width: 25px;
    background: url(./../image/icon/icons_buyer.png);
}
.p-sidebar__list .stock .c-image {
    height: 25px;
    width: 25px;
    background: url(./../image/icon/icon_stock.png);
}
.p-sidebar__list .master .c-image {
    height: 25px;
    width: 25px;
    background: url(./../image/icon/icon_master.png);
}
.p-sidebar__list .boxIcon .c-image {
    height: 19px;
    width:  19px;
    background: url(./../image/icon/box.png);
}
.boxIcon.is-active .c-image {
    background: url(./../image/icon/box_red.png);
}

.buyer.is-active .c-image {
    background: url(./../image/icon/icon_red_cart.png);
}

.stock.is-active .c-image {
    background: url(./../image/icon/icon_red_stocks.png);
}

.master.is-active .c-image {
    background: url(./../image/icon/icon_red_master.png);
}

.p-sidebar__list .dashboard .c-image {
    height: 25px;
    width: 25px;
    background: url(./../image/icon/icon_dashboard.svg);
}
.dashboard.is-active .c-image {
    background: url(./../image/icon/icon_red_dashboard.svg);
}
.p-sidebar__list .user .c-image {
    height: 25px;
    width: 25px;
    background: url("./../image/icon/icon_user.svg");
}
.user.is-active .c-image {
    background: url("./../image/icon/icon_red_user.svg");
}
.p-sidebar__list .company .c-image {
    height: 25px;
    width: 25px;
    background: url("./../image/icon/icon_company.svg");
}
.company.is-active .c-image {
    background: url(./../image/icon/icon_red_company.svg);
}
.p-sidebar__list .quiz .c-image {
    height: 25px;
    width: 25px;
    background: url(./../image/icon/icon_quiz.svg);
}
.quiz.is-active .c-image {
    background: url(./../image/icon/icon_red_quiz.svg);
}

.p-sidebar__list .news .c-image {
    height: 25px;
    width: 25px;
    background: url(./../image/icon/icon_newss.svg);
}
.news.is-active .c-image {
    background: url(./../image/icon/icon_red_news.svg);
}
.p-sidebar__list .event .c-image {
    height: 19px;
    width: 18px;
    margin: 0 11px 0 4px;
    background: url(./../image/icon/icon_calendar.svg);
}
.is-active.event .c-image {
    background: url(./../image/icon/icon_red_calendar.svg);
}

.p-sidebar__list .setting .c-image {
    height: 23px;
    width: 20px;
    margin: 0 10px 0 3px;
    background: url(./../image/icon/icon_file-configuration.svg);
}
.setting.is-active .c-image {
    background: url(./../image/icon/icon_red_file-configuration.svg);
}
.p-sidebar__list .contact .c-image {
    height: 25px;
    width: 25px;
    background: url(./../image/icon/icon_contact.svg);
}
.contact.is-active .c-image {
    background: url(./../image/icon/icon_red_contact.svg);
}
.p-sidebar__list .account .c-image {
    width: 17px;
    height: 17px;
    margin: 0 13px 0 3px;
    background: url(./../image/icon/icon_account.svg);
}
.account.is-active .p-sidebar__list__item__button .c-image {
    background: url(./../image/icon/icon_red_account.svg);
}

.p-sidebar__list .staff_application .c-image {
    height: 25px;
    width: 25px;
    background: url(./../image/icon/icon_application.svg);
}
.staff_application.is-active .c-image {
    background: url(./../image/icon/icon_red_application.svg);
}

.p-index {
    max-width: 1280px;
    width: 100%;
    flex: auto;
    min-width: 0;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    padding: 16px;
}
.p-index__head {
    width: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    padding-left: 16px;
    height: 64px;
    /* border-bottom: 1px solid #eee; */
    /* padding: 0 16px; */
}
.p-index__head_search {
    width: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    padding-left: 16px;
    margin-top: -27px;
    margin-bottom: 22px;
    justify-content: center;
    /* height: 64px; */
    /* border-bottom: 1px solid #eee; */
    /* padding: 0 16px; */
}
.p-index__head__title {
    flex: none;
    display: flex;
    align-items: center;
    font-size: 16px;
}
.p-index__head__title .c-image {
    width: 24px;
    margin: 0 8px 0 0;
}
.p-index__head__title .c-image--user {
    height: 25px;
    width: 25px;
    background: url(./../image/icon/icon_red_user.svg);
}
.p-index__head__title .c-image--account {
    height: 25px;
    width: 25px;
    background: url(./../image/icon/icon_red_account.svg);
}
.p-index__head__title .c-image--company {
    height: 25px;
    width: 25px;
    background: url(./../image/icon/icon_red_company.svg);
}
.p-index__head__title .c-image--quiz {
    height: 25px;
    width: 25px;
    background: url(./../image/icon/icon_red_quiz.svg);
}
.p-index__head__title .c-image--news {
    height: 25px;
    width: 25px;
    background: url(./../image/icon/icon_red_news.svg);
}
.p-index__head__title .c-image--contact {
    height: 25px;
    width: 25px;
    background: url(./../image/icon/icon_red_contact.svg);
}
.p-index__head__title .c-image--setting {
    height: 25px;
    width: 25px;
    background: url(./../image/icon/icon_red_file-configuration.svg);
}
.p-index__head__title .c-image--event {
    height: 25px;
    width: 25px;
    background: url(./../image/icon/icon_red_calendar.svg);
}
.p-index__head__title .p-text {
    margin-left: 24px;
}
.p-index__head__action {
    flex: auto;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.p-index__body {
    width: 100%;
    background: #fff;
    flex: auto;
    min-width: 0;
    padding: 16px;
}
.p-index__body .p-filter {
    margin-bottom: 24px;
}

.p-detail {
    width: 100%;
    flex: auto;
    min-width: 0;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 24px 16px;
}
.p-detail--narrow {
    max-width: 640px;
}
.p-detail__sidebar {
    flex: 0 0 240px;
    margin: 0 16px 0 0;
    background: #fff;
    padding: 16px;
    box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.1);
}
.p-detail__main {
    flex: auto;
    min-width: 0;
    max-width: 960px;
    padding: 40px;
    background: #fff;
    box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.1);
    position: relative;
    /* temporary changes */
    margin-top: 35px;
}
.p-detail__main__back {
    position: absolute;
    top: -1px;
    left: 0;
    transform: translateX(-50%);
}
.p-detail__main__back__button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: #fff;
    border: 1px solid #000;
}
.p-detail__main__back__button:hover {
    background: #f2f3f6;
}
.p-detail__main__back__button:before {
    content: "";
    height: 35px;
    width: 35px;
    background-size: contain;
    background: url(./../image/icon/back_arrow.svg) no-repeat center center;
}
.p-detail__main__head {
    margin: 0 0 24px;
    display: flex;
    align-items: center;
}
.p-detail__main__head .c-image {
    width: 24px;
    margin: 0 8px 0 0;
}
.p-detail__main__head__action {
    margin: 0 0 0 auto;
    padding-top: 47px;
}
.p-detail__foot {
    margin: 40px 0 0;
    width: 100%;
}

.p-detailBox {
    width: 100%;
}

.p-detailBox-half {
    width: 50%;
}

.p-detailBox + .p-detailBox {
    margin-top: 40px;
}
.p-detailBox__head {
    height: 40px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ccc;
    border-left: 3px solid #ccc;
    padding: 0 0 8px 16px;
    margin: 0 0 24px;
}
.p-detailBox__head__action {
    margin: 0 0 0 auto;
}
.p-filter {
    display: flex;
}
.p-filter__main {
    flex: auto;
    min-width: 0;
}
.p-filter__sub {
    flex: 0 0 64px;
    margin: 0 0 0 10px;
}
.p-filter__sub button {
    background: #000;
}
.p-filter__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    margin: -4px;
}
.p-filter__list__item {
    display: flex;
    align-items: center;
    padding: 4px;
}
.p-filter__list__item__label {
    margin: 0 4px 0 0;
}
.p-filter__list__item__data .c-input select {
    height: 30px;
    border-radius: 0;
}
.p-filter__list__item__data .c-input input {
    height: 30px;
    border-radius: 0;
}
.p-filter__list__item__data__flex {
    display: flex;
    align-items: center;
    margin: -4px;
}
.p-filter__list__item__data__flex > li {
    margin: 4px;
}

.p-buttonWrap {
    display: flex;
    position: relative;
    z-index: 0;
    margin: -2px;
}

/* Custom */
.p-buttonWrap .c-button,
.p-buttonWrap .c-button__movie {
    min-height: 35px;
    margin: 4px;
}

.p-buttonWrap__text--right {
    text-align: right;
}
/* End Custom */

.p-buttonWrap--right {
    justify-content: center;
    /* justify-content: flex-end; */
}
.p-buttonWrap--center {
    justify-content: center;
}
.p-buttonWrap--reverse {
    flex-direction: row-reverse;
}
.p-buttonWrap--auto {
    flex: auto;
    min-width: 0;
}
.p-buttonWrap--full {
    width: 100%;
}
.p-buttonWrap > * {
    margin: 2px;
}

.p-text {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    margin: -4px;
}
.p-text > * {
    display: block;
    margin: 4px;
}
.p-text--narrow {
    margin: -2px;
}
.p-text--narrow > * {
    margin: 2px;
}
.p-text--wide {
    margin: -8px;
}
.p-text--wide > * {
    margin: 8px;
}
.p-text--right {
    justify-content: flex-end;
}

/* Custom Margin Right for pText */
.p-text.p-text--narrow .c-number__lv7 {
    font-weight: 100 !important;
    padding-right: 10px;
}

.p-text--marginRight {
    margin-right: 15px;
}

/* End Custom */

/* ! ==================================================

- テーブルセット

================================================== */
/* ! --------------------------------------------------

- テーブルセット

-------------------------------------------------- */
.p-tableSet__head {
    padding: 4px 0;
    display: flex;
}
.p-tableSet__head .p-buttonArea {
    margin: 0 0 0 auto;
}
.p-tableSet__foot {
    display: flex;
    align-items: center;
    padding: 8px 0;
}
.p-tableSet__foot .p-pagination {
    margin: 0 0 0 auto;
}
.p-tableSet__foot .p-buttonArea {
    margin: 0 0 0 auto;
}
.p-tableSet__place__count {
    font-size: 12px;
}
.p-tableSet__statusLegend {
    display: flex;
    margin: 0 0 0 auto;
}
.p-tableSet__statusLegend .c-status {
    color: #999999;
    font-size: 11px;
    line-height: 1em;
    height: 1em;
    padding: 0 0 0 16px;
    margin: 0 0 0 16px;
}
.p-tableSet__statusLegend .c-status:before {
    width: 12px;
    height: 12px;
}

.p-table {
    width: 100%;
}
.p-table__head {
    border-bottom: 1px solid #91a6be;
}
.p-table__data {
    border-bottom: 1px solid #91a6be;
}
.p-table__data__tableRow {
    border-bottom: 1px solid #e6e9f1;
    transition: all 0.1s ease;
    background-color: #cacaca;
}
.p-table__data__tableRow[data-href],
.p-table__data__tableRow[data-remodal-target],
.p-table__data__tableRow.js-trigger__overview--open {
    cursor: pointer;
}
.p-table__data__tableRow[data-href]:hover,
.p-table__data__tableRow[data-remodal-target]:hover,
.p-table__data__tableRow.js-trigger__overview--open:hover {
    background: #e6e9f1;
}
.p-table__data__tableRow:last-of-type {
    border-bottom: none;
}
.p-table__data__tableRow--checked {
    background: #e41f1f33;
}
.p-table__data__tableRow--checked:hover {
    background: #e41f1f33 !important;
}
.p-table__foot {
    border-top: 1px solid #91a6be;
    border-bottom: 1px solid #91a6be;
}
.p-table__tableHead--dateTime {
    width: 160px;
}
.p-table__tableHead--count {
    width: 0px;
}
.p-table__tableHead--second {
    width: 0px;
}
.p-table__tableHead--auto {
    width: auto;
}
.p-table__tableHead .p-table__item {
    color: #000;
    font-size: 11px;
    display: inline-flex;
    flex-wrap: wrap;
    /* position: relative; */
}
.p-table__tableHead .p-table__item .c-text__note {
    color: #91a6be;
}
.p-table__tableHead .p-table__item .full {
    display: block;
    width: 100%;
}
.p-table__tableHead .p-table__item > [data-table-sort],
.p-table__tableHead .p-table__item[data-table-sort] {
    padding-right: 24px;
    transition: all 0.1s ease;
    cursor: pointer;
    position: relative;
}
.p-table__tableHead .p-table__item > [data-table-sort]:before,
.p-table__tableHead .p-table__item[data-table-sort]:before {
    content: "";
    display: block;
    width: 24px;
    height: 32px;
    background: url(../img/admin/p-table/ascending.svg);
    background-size: 16px 16px !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    transition: all 0.2s ease;
    z-index: 1;
    opacity: 0.2;
}
.p-table__tableHead .p-table__item > [data-table-sort]:hover,
.p-table__tableHead .p-table__item[data-table-sort]:hover {
    color: #518acc;
}
.p-table__tableHead .p-table__item > [data-table-sort]:hover:before,
.p-table__tableHead .p-table__item[data-table-sort]:hover:before {
    opacity: 1;
}
.p-table__tableHead .p-table__item > [data-table-sort="asc"]:before,
.p-table__tableHead .p-table__item[data-table-sort="asc"]:before {
    opacity: 1;
}
.p-table__tableHead .p-table__item > [data-table-sort="asc"]:hover:before,
.p-table__tableHead .p-table__item[data-table-sort="asc"]:hover:before {
    background: url(../img/admin/p-table/descending.svg);
}
.p-table__tableHead .p-table__item > [data-table-sort="desc"]:before,
.p-table__tableHead .p-table__item[data-table-sort="desc"]:before {
    opacity: 1;
    background: url(../img/admin/p-table/descending.svg);
}
.p-table__tableHead .p-table__item > [data-table-sort="desc"]:hover:before,
.p-table__tableHead .p-table__item[data-table-sort="desc"]:hover:before {
    background: url(../img/admin/p-table/ascending.svg);
}
.p-table__tableData > .nodata {
    padding: 12px 0;
    text-align: center;
    color: #aaa;
}
.p-table__control {
    position: relative;
}
.p-table__data__tableRow:hover .p-table__control .p-table__item {
    opacity: 0;
    pointer-events: none;
}
.p-table__control__body {
    padding: 4px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    transition: all 0.1s ease;
}
.p-table__data__tableRow:hover .p-table__control__body {
    opacity: 1;
    pointer-events: all;
}
.p-table__control__list {
    display: flex;
    align-items: center;
}
.p-table__control__list > li {
    padding: 0 4px;
}
.p-table__item {
    font-size: 12px;
    min-height: 32px;
    display: flex;
    align-items: center;
    padding: 4px;
    transition: all 0.1s ease;
}
.p-table__item--release {
    background: #1150a5;
    color: #fff;
    padding: 0 18px;
    min-height: 24px;
}

/* Custom Status Theme */

.p-table__item--danger {
    background: #db2220;
    color: #fff;
    padding: 0 18px;
    min-height: 24px;
}

.p-table__item--dark {
    background: #0f0f0f;
    color: #fff;
    padding: 0 18px;
    min-height: 24px;
}

.p-table__item--gray {
    background: #bebebf;
    color: #fff;
    padding: 0 18px;
    min-height: 24px;
    text-align: center;
}

.tooltip_question_title {
    position: relative;
    cursor: pointer;
    display: inline-block;
}
.tooltip_question_title i {
    margin: 0;
    padding: 0;
}
.description_question_title {
    display: none;
    position: absolute;
    padding: 10px;
    font-size: 12px;
    line-height: 1.6em;
    color: #fff;
    border-radius: 5px;
    background: #000;
    width: 370px;
}
.description_question_title:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    border: 15px solid transparent;
    border-top: 15px solid #000;
    margin-left: -15px;
}
.tooltip_question_title:hover .description_question_title {
    display: inline-block;
    top: -150px;
    left: 0px;
}

/* End Custom */

.p-table__item--private {
    border: 1px solid #1150a5;
    color: #1150a5;
    padding: 0 18px;
    min-height: 24px;
}
.p-table__item--column {
    flex-direction: column;
    align-items: flex-start;
}
.p-table__item--columnEnd {
    flex-direction: column;
    align-items: flex-end;
}
.p-table__item--thin {
    min-height: 32px;
}
.p-table__item--price {
    text-align: right;
    justify-content: flex-end;
    padding-right: 20px;
}
.p-table__item__photo .c-image {
    width: 112px;
}
.p-table__item__photo--machine .c-image {
    width: 80px;
}
.p-table__item__photo--head .c-image {
    width: 64px;
}
.p-table__item__user {
    display: flex;
    align-items: center;
}
.p-table__item__user .c-image {
    width: 32px;
    margin: 0 8px 0 0;
}
.p-table__item__user__text {
    flex: none;
}
.p-table__item__user__text .id {
    line-height: 1em;
}
.p-table__item__logo {
    flex: auto;
    min-width: 1px;
    display: flex;
    align-items: center;
}
.p-table__item__logo__img {
    max-width: 100px;
    width: 100%;
    height: auto;
    margin: 0 10px 0 0;
}
.p-table__item--fromTo {
    display: flex;
    flex-wrap: wrap;
}
.p-table__item--fromTo .from {
    width: 120px;
    text-align: right;
}
.p-table__item--fromTo .to {
    width: 140px;
    padding-left: 20px;
    position: relative;
}
.p-table__item--fromTo .to:before {
    content: "";
    display: block;
    width: 20px;
    height: 16px;
    background: url(../img/admin/p-fromTo/arrow.svg);
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.p-table__item__checkboxStatus .c-image {
    width: 24px;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.p-table__item__checkboxStatus__checked {
    background: url(../img/admin/p-table/checked.svg);
}
.p-table__item__checkboxStatus__unchecked {
    background: url(../img/admin/p-table/unchecked.svg);
}
.p-table__item__status .label {
    color: #518acc;
    border-left: 3px solid #518acc;
    padding: 0 0 0 5px;
}
.p-table__item__status .label--error {
    color: #f75769;
    border-color: #f75769;
}
.p-table__item__status .label--correct {
    color: #4ad1a2;
    border-color: #4ad1a2;
}
.p-table--fixed {
    table-layout: fixed;
}

.p-table--block .p-table__head__tableRow {
    display: flex;
    align-items: center;
    background: #fafafd;
}
.p-table--block .p-table__data {
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
    height: 240px;
}
.p-table--block .p-table__data::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
.p-table--block .p-table__data::-webkit-scrollbar-track {
    border-radius: 2px;
    background: #f2f4f7;
}
.p-table--block .p-table__data::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #0a237244;
}
.p-table--block .p-table__data:hover::-webkit-scrollbar-thumb {
    background: #0a2372;
}
.p-table--block .p-table__data__tableRow {
    display: flex;
    margin-right: -8px;
}
.p-table--block .p-table__data--scroll400 {
    height: 400px;
}
.p-table--block .p-table__tableData {
    flex: auto;
    min-width: 0;
}
.p-table--block .p-table__tableHead {
    flex: auto;
    min-width: 0;
}
.p-table--block .p-table__tableHead--dateTime {
    flex: 0 0 160px;
}
.p-table--block .p-table__tableHead--count {
    flex: 0 0 px;
}
.p-table--block .p-table__tableHead--second {
    flex: 0 0 px;
}

.p-bread {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.p-bread__list {
    display: flex;
    align-items: center;
}
.p-bread__list__item__button {
    border: 1px solid #cbcbcb;
    color: #bebebf;
    padding: 5px 10px;
}
.p-bread__list__item__button--current {
    border: 1px solid #db2220;
    color: #db2220;
}

/* Custom bread list <a> non-click */
.p-bread__list__item__static {
    cursor: default;
}

/* Custom bread list margin */
.p-bread__list__item {
    padding: 0 2px;
}

/* End Custom */

.p-list {
    display: flex;
    flex-direction: column;
}
.p-list__heading {
    background-color: #cbdbf1;
    border-bottom: 1px solid #000;
    display: flex;
    align-items: center;
    height: 35px;
    padding-left: 11px;
    margin: 0 0 25px;
    font-size: 16px;
    line-height: 1;
    color: #1b264c;
    font-weight: bold;
}
.p-list__item {
    display: flex;
}

/* Custom List Item for Input */
.p-list__heading--bottom {
    margin-top: 25px;
}

.p-list__item--center {
    align-items: center;
}

.p-list__item__buttons {
    margin-top: 50px;
}

.p-list__item__input {
    display: block;
}

.p-list__item__input .c-input {
    margin-top: 10px;
}

.p-list__item__input .c-input--text {
    margin-top: 14px;
}

.p-list__item .c-input--select__iconCalendar {
    margin-right: 5px;
    width: 100%;
    max-width: 148px;
}

.p-modal__buttonArea .c-button--secondary {
    margin-right: 5px;
}

.p-list__item__input .c-input--select__iconTime {
    width: 100%;
    max-width: 148px;
}

.p-list__item__hidden {
    display: none;
}

.p-list__status {
    padding-bottom: 20px;
}
/* End Custom */

/* Custom List Item for Input Recommend */
.p-recommend {
    font-size: 12px;
}
/* End Custom */

.p-list__item + .p-list__item {
    margin: 8px 0 0;
    padding: 12px 0 0;
}
.p-list--line .p-list__item + .p-list__item {
    border-top: 1px solid #b6bccc;
}
.p-list--column .p-list__item {
    flex-wrap: wrap;
}
.p-list__item__label {
    letter-spacing: 0;
    display: inline-block;
    margin: 0 16px 0 0;
    flex: 0 0 155px;
    position: relative;
}
.p-list__item__label_two {
    letter-spacing: 0;
    display: inline-block;
    margin: 0 16px 0 0;
    flex: 0 0 125px;
    position: relative;
    margin-left: 25px;
}
.p-list--column .p-list__item__label {
    flex: 0 0 100%;
    margin: 0 0 4px;
}
.p-list__item__label .required {
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 100px;
    background: red;
    position: absolute;
    top: -6px;
    left: 0;
}
.p-list__item__data,
.p-list__item__data--group {
    color: #444444;
    font-size: 15px;
    flex: auto;
    min-width: 0;
}

/*Custom Item Data */
.p-list__item__data .p-list__item__data__body {
    font-size: 17px;
}

/*End Custom*/

.p-list__item__data__scroll {
    max-height: 100px;
    overflow: auto;
}
.p-list__item__data__scroll::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
.p-list__item__data__scroll::-webkit-scrollbar-track {
    border-radius: 2px;
    background: #f2f4f7;
}
.p-list__item__data__scroll::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #0a2372;
}
.p-list__item__fileList__choices {
    width: 100%;
    display: flex;
    flex-wrap: none;
    margin: -3px;
}
.p-list__item__fileList {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: -3px;
}
.p-list__item__fileList > li {
    width: 50%;
    padding: 3px;
}
.p-list__item__fileList__choice > li {
    width: 100%;
    padding: 3px;
}
.p-list__item__fileList > li .c-input {
    height: 100px;
}
.p-list__item__fileList .reply .c-input {
    position: relative;
}
/* .p-list__item__fileList__choice > li .c-input {
  height: 100px;
} */
.p-list__item__fileList__choice .reply .c-input {
    position: relative;
}
.p-list__item__fileList__choice .reply-text .c-input:after {
    position: absolute;
    content: "1";
    background: #1781eb;
    color: #fff;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10% 0% 0% 10%;
}
.p-list__item__fileList__choice .text-edit0 .c-input:after {
    position: absolute;
    content: "1";
    border: 1px solid #1781eb;
    background: #fff;
    color: #1781eb;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10% 0% 0% 10%;
}
.p-list__item__fileList__choice .text-edit-is-answer0 .c-input:after {
    position: absolute;
    content: "1";
    background: #1781eb;
    color: #fff;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10% 0% 0% 10%;
}
.p-list__item__fileList__choice .text-edit1 .c-input:after {
    position: absolute;
    content: "2";
    border: 1px solid #1781eb;
    background: #fff;
    color: #1781eb;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10% 0% 0% 10%;
}
.p-list__item__fileList__choice .text-edit-is-answer1 .c-input:after {
    position: absolute;
    content: "2";
    background: #1781eb;
    color: #fff;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10% 0% 0% 10%;
}
.p-list__item__fileList__choice .text-edit2 .c-input:after {
    position: absolute;
    content: "3";
    border: 1px solid #1781eb;
    background: #fff;
    color: #1781eb;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10% 0% 0% 10%;
}
.p-list__item__fileList__choice .text-edit-is-answer2 .c-input:after {
    position: absolute;
    content: "3";
    background: #1781eb;
    color: #fff;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10% 0% 0% 10%;
}
.p-list__item__fileList__choice .text-edit3 .c-input:after {
    position: absolute;
    content: "4";
    border: 1px solid #1781eb;
    background: #fff;
    color: #1781eb;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10% 0% 0% 10%;
}
.p-list__item__fileList__choice .text-edit-is-answer3 .c-input:after {
    position: absolute;
    content: "4";
    background: #1781eb;
    color: #fff;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10% 0% 0% 10%;
}
.p-list__item__fileList .reply .c-input:after {
    position: absolute;
    content: "1";
    background: #1781eb;
    color: #fff;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.p-list__item__fileList .second .c-input {
    position: relative;
}
.p-list__item__fileList .second .c-input:after {
    position: absolute;
    content: "2";
    border: 1px solid #1781eb;
    background: #fff;
    color: #1781eb;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.p-list__item__fileList__choice .second-text .c-input:after {
    position: absolute;
    content: "2";
    border: 1px solid #1781eb;
    background: #fff;
    color: #1781eb;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10% 0% 0% 10%;
}
.p-list__item__fileList .third .c-input {
    position: relative;
}
.p-list__item__fileList .third .c-input:after {
    position: absolute;
    content: "3";
    border: 1px solid #1781eb;
    background: #fff;
    color: #1781eb;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.p-list__item__fileList__choice .third-text .c-input:after {
    position: absolute;
    content: "3";
    border: 1px solid #1781eb;
    background: #fff;
    color: #1781eb;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10% 0% 0% 10%;
}
.p-list__item__fileList .fourth .c-input {
    position: relative;
}
.p-list__item__fileList .fourth .c-input:after {
    position: absolute;
    content: "4";
    border: 1px solid #1781eb;
    background: #fff;
    color: #1781eb;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.p-list__item__fileList__choice .fourth-text .c-input:after {
    position: absolute;
    content: "4";
    border: 1px solid #1781eb;
    background: #fff;
    color: #1781eb;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10% 0% 0% 10%;
}
.p-list__item__textList {
    width: 100%;
}
.p-list__item__textList > li .c-input input {
    padding: 0 0 0 30px;
}
.p-list__item__textList .reply .c-input {
    position: relative;
}
.p-list__item__textList .reply .c-input:after {
    position: absolute;
    content: "1";
    background: #1781eb;
    color: #fff;
    top: 4px;
    left: 4px;
    width: 25px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px 0 0 4px;
}
.p-list__item__textList .second .c-input {
    position: relative;
}
.p-list__item__textList .second .c-input:after {
    position: absolute;
    content: "2";
    border: 1px solid #1781eb;
    background: #fff;
    color: #1781eb;
    top: 4px;
    left: 4px;
    width: 25px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px 0 0 4px;
}
.p-list__item__textList .third .c-input {
    position: relative;
}
.p-list__item__textList .third .c-input:after {
    position: absolute;
    content: "3";
    border: 1px solid #1781eb;
    background: #fff;
    color: #1781eb;
    top: 4px;
    left: 4px;
    width: 25px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px 0 0 4px;
}
.p-list__item__textList .fourth .c-input {
    position: relative;
}
.p-list__item__textList .fourth .c-input:after {
    position: absolute;
    content: "4";
    border: 1px solid #1781eb;
    background: #fff;
    color: #1781eb;
    top: 4px;
    left: 4px;
    width: 25px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px 0 0 4px;
}

/* Custom Choice Style for Edit */

.p-list__item__fileList > li .c-input,
.p-list__item__textList > li .c-input {
    position: relative;
}
.p-list__item__fileList__choice > li .c-input,
.p-list__item__textList > li .c-input {
    position: relative;
}

.p-list__item__fileList > li .c-input:after,
.p-list__item__textList > li .c-input:after {
    position: absolute;
    content: "";
    border: 1px solid #1781eb;
    background: #fff;
    color: #1781eb;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-list__item__fileList > li.c-content0 .c-input:after,
.p-list__item__textList > li.c-content0 .c-input:after {
    content: "1";
}
.p-list__item__fileList > li.c-content1 .c-input:after,
.p-list__item__textList > li.c-content1 .c-input:after {
    content: "2";
}
.p-list__item__fileList > li.c-content2 .c-input:after,
.p-list__item__textList > li.c-content2 .c-input:after {
    content: "3";
}
.p-list__item__fileList > li.c-content3 .c-input:after,
.p-list__item__textList > li.c-content3 .c-input:after {
    content: "4";
}
.p-list__item__fileList__choice > li.c-content0 .c-input:after,
.p-list__item__textList > li.c-content0 .c-input:after {
    content: "1";
}
.p-list__item__fileList__choice > li.c-content1 .c-input:after,
.p-list__item__textList > li.c-content1 .c-input:after {
    content: "2";
}
.p-list__item__fileList__choice > li.c-content2 .c-input:after,
.p-list__item__textList > li.c-content2 .c-input:after {
    content: "3";
}
.p-list__item__fileList__choice > li.c-content3 .c-input:after,
.p-list__item__textList > li.c-content3 .c-input:after {
    content: "4";
}
.p-list__item__fileList > li.answer .c-input:after,
.p-list__item__textList > li.answer .c-input:after {
    background: #1781eb;
    color: #fff;
}
.p-list__item__fileList__choice > li.answer .c-input:after,
.p-list__item__textList > li.answer .c-input:after {
    background: #1781eb;
    color: #fff;
}
/* End Custom */

.p-listFlex {
    display: flex;
    flex-direction: column;
}
.p-listFlex__item + .p-listFlex__item {
    margin: 8px 0 0;
    padding: 12px 0 0;
}
.p-list--line .p-listFlex__item + .p-listFlex__item {
    border-top: 1px solid #b6bccc;
}
.p-listFlex--column .p-listFlex__item {
    flex-wrap: wrap;
}
.p-listFlex__item__label {
    letter-spacing: 0;
    display: inline-block;
    margin: 0 16px 0 0;
    flex: 0 0 100px;
    position: relative;
}
.p-listFlex--column .p-listFlex__item__label {
    flex: 0 0 100%;
    margin: 0 0 4px;
}
.p-listFlex__item__label .required {
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 100px;
    background: red;
    position: absolute;
    top: -6px;
    left: 0;
}
.p-listFlex__item__data {
    margin: 10px 0 0;
    color: #444444;
    font-size: 15px;
    flex: auto;
    min-width: 0;
}
.p-listFlex__item__data__scroll {
    max-height: 100px;
    overflow: auto;
}
.p-listFlex__item__data__scroll::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
.p-listFlex__item__data__scroll::-webkit-scrollbar-track {
    border-radius: 2px;
    background: #f2f4f7;
}
.p-listFlex__item__data__scroll::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #0a2372;
}

.p-questionList > li + li {
    margin: 50px 0 0;
    padding: 30px 0 0;
}
.p-questionList .regenerated {
    border-left: 3px solid #ccc;
    padding: 0 0 0 12px;
}
.p-questionList .no-playing {
    border-left: 3px solid #ccc;
    padding: 0 0 0 16px;
}
/* Custom for Start End Movie */
.p-questionList .no-playing__movie {
    border-left: 3px solid #ccc;
    padding: 0 0 0 16px;
}
.p-questionList .playing {
    border-left: 3px solid #d92220;
    padding: 0 0 0 16px;
}
.p-questionList .playing .p-questionList__part__head__title span {
    color: #d32320;
}
.p-questionList .playing .p-questionList__part__head__title strong {
    color: #d32320;
}
.p-questionList__part__head__title {
    display: flex;
    align-items: center;
}
.p-questionList__part__head__title span {
    color: #1781eb;
}
.p-questionList__part__head__title strong {
    margin: 0 5px 0 0;
    color: #1b264c;
}
.p-questionList__part__head--playing .p-buttonWrap {
    margin: 0 0 0 auto;
    align-items: center;
}
.p-questionList__part__head--playing .p-buttonWrap .time {
    margin: 0 10px 0 0;
    display: flex;
    align-items: center;
    color: #d32320;
}
.p-questionList__part__head--playing .p-buttonWrap .time:before {
    content: "";
    width: 20px;
    height: 20px;
    margin: 0 5px 0 0;
    background-size: contain !important;
    background-position: 50% !important;
    background-repeat: no-repeat !important;
    background: url(./../image/icon/icon_clock.svg) no-repeat center center;
}
.p-questionList__part__body {
    margin: 20px 0 0;
}
.p-questionList__part__quest__image img {
    height: 100px;
    max-width: 100%;
    object-fit: contain;
}
.p-questionList__part__quest__text {
    margin: 20px 0 0;
}
.p-questionList__part__quest__answer {
    margin: 20px 0 0;
}
.p-questionList__part__quest__answer__list--image {
    display: flex;
    margin: -3px;
}
.p-questionList__part__quest__answer__list--image > li {
    padding: 3px;
}
.p-questionList__part__quest__answer__list--image > li .c-image {
    display: block;
    width: 100%;
    height: auto;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.p-questionList__part__quest__answer__list--image > li .c-image img {
    height: 100px;
    max-width: 100%;
    object-fit: contain;
}
.p-questionList__part__quest__answer__list--image > li .c-image:before {
    padding-top: 0;
}
.p-questionList__part__quest__answer__list--image > li .c-text {
    text-align: center;
    margin: 5px 0 0;
    background: #cbdbf1;
}
.p-questionList__part__quest__answer__list--image > li .c-text .number {
    color: #1781eb;
}
.p-questionList__part__quest__answer__list--image > li .answer {
    background: #1781eb;
}
.p-questionList__part__quest__answer__list--image > li .answer .number {
    color: #fff;
}
.p-questionList__part__quest__answer__list--image > li .c-only {
    text-align: center;
    margin: 5px 0 0;
    background: #ffeef0;
}
.p-questionList__part__quest__answer__list--image > li .c-only .number {
    color: #d32320;
}
.p-questionList__part__quest__answer__list--image .reply {
    position: relative;
    /*
  							position: relative;
  							&:before{
  								position: absolute;
  						    content: "1";
  						    background: color("blue");
  						    color: color("white");
  						    @extend %c-text__weight--600;
  						    top: 3px;
  						    left: 3px;
  						    width: 18px;
  						    height: 18px;
  						    display: flex;
  						    align-items: center;
  						    justify-content: center;
  							}
  */
}
.p-questionList__part__quest__answer__list--image .reply .suzi {
    background: #1781eb;
    color: #fff;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 3px;
    left: 3px;
}
.p-questionList__part__quest__answer__list--image .second {
    position: relative;
    /*
  							&:before{
  								position: absolute;
  						    content: "2";
  						    border: 1px solid #1781EB;
  						    background: color("white");
  						    color: color("blue");
  						    @extend %c-text__weight--600;
  						    top: 3px;
  						    left: 3px;
  						    width: 18px;
  						    height: 18px;
  						    display: flex;
  						    align-items: center;
  						    justify-content: center;
  							}
  */
}
.p-questionList__part__quest__answer__list--image .second .suzi {
    background: #1781eb;
    color: #fff;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 3px;
    left: 3px;
}
.p-questionList__part__quest__answer__list--image .third {
    position: relative;
    /*
  							&:before{
  								position: absolute;
  						    content: "3";
  						    border: 1px solid #1781EB;
  						    background: color("white");
  						    color: color("blue");
  						    @extend %c-text__weight--600;
  						    top: 3px;
  						    left: 3px;
  						    width: 18px;
  						    height: 18px;
  						    display: flex;
  						    align-items: center;
  						    justify-content: center;
  							}
  */
}
.p-questionList__part__quest__answer__list--image .third .suzi {
    background: #1781eb;
    color: #fff;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 3px;
    left: 3px;
}
.p-questionList__part__quest__answer__list--image .fourth {
    position: relative;
    /*
  							&:before{
  								position: absolute;
  						    content: "4";
  						    border: 1px solid #1781EB;
  						    background: color("white");
  						    color: color("blue");
  						    @extend %c-text__weight--600;
  						    top: 3px;
  						    left: 3px;
  						    width: 18px;
  						    height: 18px;
  						    display: flex;
  						    align-items: center;
  						    justify-content: center;
  							}
  */
}
.p-questionList__part__quest__answer__list--image .fourth .suzi {
    background: #1781eb;
    color: #fff;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 3px;
    left: 3px;
}
.p-questionList__part__quest__answer__list--text {
    display: flex;
    flex-wrap: wrap;
    margin: -3px;
    display: flex;
}
.p-questionList__part__quest__answer__list--text > li {
    padding: 3px;
    width: 50%;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}
.p-questionList__part__quest__answer__list--text > li .c-response {
    text-align: center;
    margin: 5px 0 0;
    background: #cbdbf1;
}
.p-questionList__part__quest__answer__list--text > li .c-response .number {
    color: #1781eb;
}
.p-questionList__part__quest__answer__list--text > li .c-only {
    text-align: center;
    margin: 5px 0 0;
    background: #ffeef0;
}
.p-questionList__part__quest__answer__list--text > li .c-only .number {
    color: #d32320;
}
.p-questionList__part__quest__answer__list--text .reply {
    flex: 1 1 auto;
    display: flex;
    /*
  							display: flex;
  							flex-direction: row;
  							align-items: center;
  */
    /*
  							&:before{
  						    content: "1";
  						    background: color("blue");
  						    color: color("white");
  						    @extend %c-text__weight--600;
  						    width: 18px;
  						    height: 18px;
  						    display: flex;
  						    align-items: center;
  						    justify-content: center;
  						    margin: 0 8px 0 0;
  							}
  */
}
.p-questionList__part__quest__answer__list--text .reply .suzi {
    background: #1781eb;
    color: #fff;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 8px 0 0;
}
.p-questionList__part__quest__answer__list--text .second {
    display: flex;
    /*
  							flex-direction: row;
  							align-items: center;
  							&:before{
  						    content: "2";
  						    border: 1px solid #1781EB;
  						    background: color("white");
  						    color: color("blue");
  						    @extend %c-text__weight--600;
  						    width: 18px;
  						    height: 18px;
  						    display: flex;
  						    align-items: center;
  						    justify-content: center;
  						    margin: 0 8px 0 0;
  							}
  */
}
.p-questionList__part__quest__answer__list--text .second .suzi {
    background: #1781eb;
    color: #fff;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 8px 0 0;
}
.p-questionList__part__quest__answer__list--text .third {
    display: flex;
    /*
  							flex-direction: row;
  							align-items: center;
  							&:before{
  						    content: "3";
  						    border: 1px solid #1781EB;
  						    background: color("white");
  						    color: color("blue");
  						    @extend %c-text__weight--600;
  						    width: 18px;
  						    height: 18px;
  						    display: flex;
  						    align-items: center;
  						    justify-content: center;
  						    margin: 0 8px 0 0;
  							}
  */
}
.p-questionList__part__quest__answer__list--text .third .suzi {
    background: #1781eb;
    color: #fff;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 8px 0 0;
}
.p-questionList__part__quest__answer__list--text .fourth {
    display: flex;
    /*
  							flex-direction: row;
  							align-items: center;
  							&:before{
  						    content: "4";
  						    border: 1px solid #1781EB;
  						    background: color("white");
  						    color: color("blue");
  						    @extend %c-text__weight--600;
  						    width: 18px;
  						    height: 18px;
  						    display: flex;
  						    align-items: center;
  						    justify-content: center;
  						    margin: 0 8px 0 0;
  							}
  */
}
.p-questionList__part__quest__answer__list--text .fourth .suzi {
    background: #1781eb;
    color: #fff;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 8px 0 0;
}

.p-questionSidebar__category .cnt {
    margin: 12px 0 0;
    background: #000;
    color: #fff;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.p-questionSidebar__people .cnt strong {
    color: #1781eb;
}
.p-questionSidebar__creating .cnt strong {
    color: #1781eb;
}
.p-questionSidebar > li + li {
    border-top: 1px solid #e5e6ea;
    padding: 16px 0 0;
    margin: 16px 0 0;
}

.p-status {
    display: flex;
    margin: 0 0 20px;
}
.p-status .type {
    display: flex;
    align-items: center;
    background: #000;
    color: #fff;
    padding: 0 15px;
}
.p-status .default {
    display: flex;
    align-items: center;
    background: #1150a5;
    color: #fff;
    padding: 0 15px;
}
.p-status .display {
    /* display: flex;
  align-items: center; */
    margin: 0 0 0 5px;
    padding: 0 15px;
    background: #fff;
    color: #1150a5;
    border: 1px solid #1150a5;
    min-width: 100px;
    text-align: center;
}

.p-problemDetail > li {
    list-style-type: none;
}
.p-problemDetail > li + li {
    margin: 50px 0 0;
}
.p-problemDetail__head__title {
    padding: 4px 10px;
    border-bottom: 1px solid #000;
    background: #cbdbf1;
}
.p-problemDetail__head__title span {
    color: #1781eb;
}
.p-problemDetail__head__title strong {
    margin: 0 5px 0 0;
    color: #1b264c;
}
.p-problemDetail__body {
    margin: 25px 0 0;
}
.p-problemDetail__body__list--image {
    display: flex;
}
.p-problemDetail__body__list--image > li + li {
    margin: 0 0 0 8px;
}
.p-problemDetail__body__list--image > li .c-image {
    width: 100px;
    height: 75px;
}
.p-problemDetail__body__list--image > li .c-image:before {
    padding-top: 0;
}
/* Custom Styles for Show Quiz Page */

.p-problemDetail__body__list--image > li .c-image:before,
.p-problemDetail__body__list--text > li .c-text:before {
    position: absolute;
    content: "";
    border: 1px solid #1781eb;
    background: #fff;
    color: #1781eb;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-problemDetail__body__list--image > li.c-content0 .c-image:before,
.p-problemDetail__body__list--text > li.c-content0 .c-text:before {
    content: "1";
}

.p-problemDetail__body__list--image > li.c-content1 .c-image:before,
.p-problemDetail__body__list--text > li.c-content1 .c-text:before {
    content: "2";
}

.p-problemDetail__body__list--image > li.c-content2 .c-image:before,
.p-problemDetail__body__list--text > li.c-content2 .c-text:before {
    content: "3";
}

.p-problemDetail__body__list--image > li.c-content3 .c-image:before,
.p-problemDetail__body__list--text > li.c-content3 .c-text:before {
    content: "4";
}

.p-problemDetail__body__list--image > li.answer .c-image:before,
.p-problemDetail__body__list--text > li.answer .c-text:before {
    background: #1781eb;
    color: #fff;
}

.p-problemDetail__body__list--text > li .c-text__sub {
    margin: unset !important;
}

.p-problemDetail__body__list--text > li .c-text__sub span {
    margin-left: 40px;
}
/* End Custom */
.p-problemDetail__body__list--text > li + li {
    margin: 10px 0 0;
}
.p-problemDetail__body__list--text > li .c-text {
    margin: 0 0 0 28px;
}
.p-problemDetail__body__list .reply {
    position: relative;
}
.p-problemDetail__body__list .reply:before {
    position: absolute;
    background: #1781eb;
    color: #fff;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.p-problemDetail__body__list .second {
    position: relative;
}
.p-problemDetail__body__list .second:before {
    position: absolute;
    border: 1px solid #1781eb;
    background: #fff;
    color: #1781eb;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.p-problemDetail__body__list .third {
    position: relative;
}
.p-problemDetail__body__list .third:before {
    position: absolute;
    border: 1px solid #1781eb;
    background: #fff;
    color: #1781eb;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.p-problemDetail__body__list .fourth {
    position: relative;
}
.p-problemDetail__body__list .fourth:before {
    position: absolute;
    border: 1px solid #1781eb;
    background: #fff;
    color: #1781eb;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Custom Style for problemDetail */
.p-problemDetail.p-problemDetail__choices > li + li {
    margin: 16px 0 !important;
}

.p-problemDetail__choices .p-problemDetail__head {
    cursor: pointer;
}

.p-problemDetail__choices .p-problemDetail__head__title {
    display: inline-flex;
    width: 100%;
    align-items: center;
}

.p-problemDetail__choices .p-problemDetail__head__title:after {
    content: "";
    width: 25px;
    height: 25px;
    pointer-events: none;
    background: url(../.../../image/icon/icon_arrow_down.svg);
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    margin-left: auto;
}

.p-problemDetail__choices .p-problemDetail__body {
    margin: 0 0 50px 0 !important;
}
/* end */

.p-questionForm > li {
    list-style-type: none;
}
.p-questionForm > li + li {
    margin: 50px 0 0;
}
.p-questionForm__head__title {
    padding: 0 10px;
    border-bottom: 1px solid #000;
    background: #cbdbf1;
}
.p-questionForm__head__title span {
    color: #1781eb;
}
.p-questionForm__head__title strong {
    margin: 0 5px 0 0;
    color: #1b264c;
}
.p-questionForm .js-button-toggle {
    cursor: pointer;
    position: relative;
}
.p-questionForm .js-button-toggle:after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url(../.../../image/icon/blue_select.svg);
    background-size: contain !important;
    position: absolute;
    top: 5px;
    right: 10px;
}
.p-questionForm__body {
    margin: 25px 0 0;
}
.p-questionForm .js-target-toggle {
    display: none;
}

.js-show .js-button-toggle:after {
    transform: translate(0%, 0%) rotate(180deg);
}
.js-show .js-target-toggle {
    display: block;
}

/*
- モーダル
//ニックネーム
//ルール
//退出
-------------------------------------------------- */
.p-modal .remodal-close {
    position: absolute;
    top: 0;
    right: 0px;
    background: none;
    border: none;
}
.p-modal--head {
    border-radius: 3px 3px 0 0;
    background: #1d4e90;
}
.p-modal--head--text {
    padding: 8px 0;
}
.p-modal--head--text .nickname {
    color: #fff;
}
.p-modal--body {
    margin: 15px 0;
}
.p-modal--body--text .cnt {
    font-size: 15px;
}
.p-modal--body--text .description {
    color: #444242;
}
.p-modal--body--list .p-formList__item__head {
    text-align: left;
}
.p-modal--body .p-modal__buttonArea {
    margin: 15px 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.p-modal--body .p-modal__buttonArea a {
    margin: 15px 0 0;
}
.p-modal--rule .p-modal--body .p-modal--body--text {
    text-align: left;
}
.p-modal--exit .p-modal__buttonArea {
    flex-direction: row;
    justify-content: center;
}
.p-modal--exit .p-modal__buttonArea button + button {
    margin: 0 0 0 10px;
}

/* Custom Modal Title */
.p-modal--title {
    border-bottom: 2px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.p-modal__buttonArea .p-list__item {
    justify-content: end;
}

.p-modal__buttonArea .c-button--secondary {
    font-weight: 600;
}

.p-modal .p-list__item__input {
    font-size: 14px;
    margin-bottom: 8px;
}

.p-modal {
    margin: 15px 30px 30px 30px;
}

/* End Custom */

/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */
/* Default theme styles for the background */
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
    -webkit-filter: blur(3px);
    filter: blur(3px);
}

/* Default theme styles of the overlay */
.remodal-overlay {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(8px);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
    -webkit-animation-name: remodal-overlay-opening-keyframes;
    animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
    -webkit-animation-name: remodal-overlay-closing-keyframes;
    animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */
/* Default theme styles of the modal dialog */
.remodal {
    box-sizing: border-box;
    width: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    color: #2b2e38;
    background: #fff;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
    -webkit-animation-name: remodal-opening-keyframes;
    animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
    -webkit-animation-name: remodal-closing-keyframes;
    animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */
.remodal,
.remodal-wrapper:after {
    vertical-align: middle;
}

/* Close button */
.remodal-close:before {
    font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
    font-size: 25px;
    line-height: 35px;
    position: absolute;
    top: -35px;
    right: 0;
    display: block;
    width: 35px;
    content: "×";
    text-align: center;
    color: #fff;
    border: none;
    background: none;
}

/* Dialog buttons */
.remodal-confirm,
.remodal-cancel {
    font: inherit;
    display: inline-block;
    overflow: visible;
    min-width: 110px;
    margin: 0;
    padding: 12px 0;
    cursor: pointer;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    border: 0;
    outline: 0;
}

.remodal-confirm {
    color: #fff;
    background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
    background: #66bb6a;
}

.remodal-cancel {
    color: #fff;
    background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
    background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */
.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/* Keyframes
   ========================================================================== */
@-webkit-keyframes remodal-opening-keyframes {
    from {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0;
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0);
    }
}
@keyframes remodal-opening-keyframes {
    from {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0;
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0);
    }
}
@-webkit-keyframes remodal-closing-keyframes {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        opacity: 0;
        -webkit-filter: blur(0);
        filter: blur(0);
    }
}
@keyframes remodal-closing-keyframes {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        opacity: 0;
        -webkit-filter: blur(0);
        filter: blur(0);
    }
}
@-webkit-keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
/* Media queries
   ========================================================================== */
@media only screen and (min-width: 641px) {
    .remodal {
        max-width: 700px;
    }
}
/* IE8
   ========================================================================== */
.lt-ie9 .remodal-overlay {
    background: #2b2e38;
}

.lt-ie9 .remodal {
    width: 700px;
}

/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */
/* Hide scroll bar */
html.remodal-is-locked {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
}

/* Anti FOUC */
.remodal,
[data-remodal-id] {
    display: none;
}

/* Necessary styles of the overlay */
.remodal-overlay {
    position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    display: none;
}

.c-tbl-pmc {
    width: 100%;
}
/* Necessary styles of the wrapper */
.remodal-wrapper {
    min-height: 750px;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 20px;
    margin: 0 0 40px;
    display: none;
    text-align: center;
    -webkit-overflow-scrolling: touch;
}
.remodal-wrapper:after {
    display: inline-block;
    height: 100%;
    margin-left: -0.05em;
    content: "";
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
    .remodal-overlay,
    .remodal-wrapper {
        max-width: 480px;
    }
}
/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: flex;
    flex: auto;
    margin: 0 auto;
    background: rgba(30, 25, 25, 0.38);
    min-height: 100vh;
    min-width: 360px;
    display: flex;
    overflow-x: hidden;
}

/* Necessary styles of the modal dialog */
.remodal {
    position: relative;
    outline: none;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    border-radius: 5px;
}

.remodal-is-initialized {
    /* Disable Anti-FOUC */
    display: inline-block;
}

.p-remodal {
    max-height: 100%;
    margin: 0 auto;
    background: transparent;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    display: none;
}
.remodal-is-opened .p-remodal {
    display: inline-flex;
}
.p-remodal__layout {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: left;
    border: 1px solid;
    box-shadow: 0px 2px 12px -4px #9c9faa65;
    background: #fff;
}
.p-remodal__scroll {
    max-height: 100%;
    overflow: auto;
    flex: auto;
    min-width: 0;
}
.p-remodal__scroll::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
.p-remodal__scroll::-webkit-scrollbar-track {
    border-radius: 2px;
    background: #f2f4f7;
}
.p-remodal__scroll::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #0a2372;
}
.p-remodal__head {
    width: 100%;
    flex: none;
    padding: 24px;
    border-bottom: 1px solid #e5f0ff;
}
.p-remodal__middle {
    padding: 12px 24px;
    border-bottom: 1px solid #e5f0ff;
    flex: none;
    margin-bottom: -1px;
}
.p-remodal__body {
    width: 100%;
    min-height: 240px;
}
.p-remodal__contents {
    text-align: left;
    width: 100%;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 24px 24px 36px;
}
.p-remodal__foot {
    width: 100%;
    flex: none;
    border-top: 1px solid #e5f0ff;
    padding: 24px;
}
.p-remodal__foot .p-buttonWrap {
    justify-content: center;
}
.p-remodal__foot .p-buttonWrap .c-button {
    min-width: 160px;
}
.p-remodal.remodal-is-opened {
    opacity: 1;
    pointer-events: all;
}
.p-remodal__closeButton {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    overflow: visible;
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    text-decoration: none;
    color: #95979c;
    border: 0;
    outline: 0;
    border-radius: 50%;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
}
.p-remodal__closeButton:hover,
.p-remodal__closeButton:focus {
    color: #2b2e38;
}
.p-remodal__closeButton:before {
    font-size: 20px;
    width: 32px;
    line-height: 32px;
}
.p-remodal--narrow {
    max-width: 480px;
}
.p-remodal--wide {
    max-width: 960px;
    width: 100%;
}

.p-remodal--form {
    text-align: initial;
    max-width: 550px;
    width: 100%;
}

.label-text {
    padding: 4px 10px;
    background: #f0f0f0;
    line-height: 1.5em;
    letter-spacing: 0.04em;
    margin-bottom: 18px;
}
.p-content__label {
    margin-bottom: 18px;
}
.p-content:nth-child(3) {
    border-bottom: solid 1px #b6bccc;
    margin-bottom: 18px;
}
.p-list__item--borderBottom {
    border-bottom: solid 1px #b6bccc;
    margin-bottom: 18px;
}
.label-link {
    font: 15px Noto Sans CJK JP;
    margin-left: 33px;
    line-height: 1.5em;
    letter-spacing: 0.04em;
    color: #707070;
}
.c-button-blur {
    background-color: "#DEDEDE";
}
.margin-space--1 {
    margin-right: 12px;
}
.center-auto {
    margin: 0 auto;
}
.margin-top--35 {
    margin-top: 35px;
}
.margin-top--02 {
    margin-top: 10px;
}

.margin-top--02 {
    margin-top: 5px;
}
.margin-top--20 {
    margin-top: 20px;
}
.margin-bottom--10 {
    margin-bottom: 10px;
}
.margin-bottom--20 {
    margin-bottom: 20px;
}
.margin-bottom--30 {
    margin-bottom: 30px;
}
.margin-bottom--60 {
    margin-bottom: 60px;
}
.margin-bottom--full {
    margin-bottom: auto;
}
.c-button-full-width {
    width: 100%;
}

.spacer-1-bottom {
    margin-bottom: 50px;
}

/* custom  */
.bg-base {
    background: #eeeeee;
}

.bg-gray__input {
    background: #f0f0f0;
}

.p-detail-flex {
    width: 100%;
    margin: 0 auto;
    padding: 0%;
}
.li-main {
    flex: auto;
    min-width: 0;
    max-width: 960px;

    background: #fff;
    box-shadow: 0px 2px 2px -1px rgb(0 0 0 / 10%);
    position: relative;
}
.li-image img {
    max-width: 180px;
    height: 160px;
}
.list-questions {
    padding-top: 25px;
}
.p-detailBox__action {
    font-weight: 600;
    font-size: 14px;
    color: #adabab;
    letter-spacing: 0.05em;
}
.p-detailBox__head-1 {
    height: 40px;
    display: flex;
    align-items: center;
}

.p-counting p {
    background: #1150a5;
    /* content: ""; */
    position: absolute;
    color: #fff;
    padding: 6px;
    font-weight: 600;
    font-size: 12px;
    text-align: center;
    height: 35px;
    top: 8%;
    left: 0px;
    width: 35px;
    transform: translatey(-50%);
    background-size: contain;
}

.li-input {
    padding: 10px;
}
.padding-01 {
    padding: 10px;
}
.padding-left__10 {
    padding-left: 10px;
}
.padding-left--30 {
    padding-left: 30px;
}
.padding-25 {
    padding: 25px;
}
.padding-top--5 {
    padding-top: 5px;
}

.padding-top--20 {
    padding-top: 20px;
}
.padding-bottom--01 {
    padding-bottom: 10px;
}
.th-icon--up {
    position: relative;
    cursor: pointer;
}
.th-icon--up:before {
    content: "";
    display: block;
    width: 20px;
    height: 15px;
    margin-left: 2px;
    background: url(../.../../image/icon/up_down.svg);
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    position: absolute;
    top: 35%;
    left: 100%;
    transform: translateY(-25%);
    z-index: 1;
}
.item-up {
    position: relative;
    bottom: 70px;
}
.list-questions #sortlist li {
    cursor: pointer;
}

.c-message--full {
    font-size: 10px;
    color: #df201f;
}

.p-questionList__part__quest__p-questionList__part__quest img {
    height: 55px;
    object-fit: contain;
    width: 236px;
    margin-top: -4%;
    transform: scale(0.9);
}

.p-detailBox__head__action_button {
    margin-left: 68%;
    margin-top: 1%;
}

.p-detailBox__head__action_button_delete {
    margin-left: 85%;
    margin-top: 1%;
}

.p-detailBox__head__action_button_edit {
    margin-left: 85%;
    margin-top: 1%;
}

.p-detailBox__head__action_new {
    margin-left: -1%;
    margin-top: 3%;
}
/* end */
/*# sourceMappingURL=style--admin.css.map */
@keyframes sortlist {
    0% {
        transform: rotate(0deg);
    }
    10% {
        transform: rotate(-8deg);
    }
    30% {
        transform: rotate(6deg);
    }
    55% {
        transform: rotate(-3deg);
    }
    80% {
        transform: rotate(1deg);
    }
    100% {
        transform: rotate(-1deg);
    }
}
.sortlist {
    animation-name: sortlist;
    animation-duration: 4s;
    animation-delay: -2s;
}

.img_preview {
    max-width: 150px;
}

.c-input--files label {
    background: #fff;
    /* background: #ECEEEF; */
    border-radius: 3px;
    cursor: pointer;
    position: relative;
    height: 152px;
    width: 91%;
    margin-top: 10%;
}

.li-image img {
    max-width: 180px;
    height: 160px;
    object-fit: contain;
}

element.style {
}
.c-button--small {
    height: 28px;
    min-width: 0;
}

.c-tab {
    min-width: 120px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    background: #c7c7c7;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    height: 30px;
    padding: 0 16px;
    user-select: none;
    cursor: pointer;
}

.c-tab--active {
    background: #113364;
    border: #1d4e90;
}

.button-tabs {
    border-bottom: solid 2px #113364;
    position: absolute;
    top: -37px;
    left: 0px;
    width: 100%;
}
.button-tabs .mytabs {
    margin-left: 25px;
}

.title-tabs--danger {
    border-bottom: solid 1px #ffd7d6;
    height: 40px;
    display: flex;
    align-items: center;
    border-left: 3px solid #d92220;
    padding: 0 0 8px 16px;
    margin: 0 0 24px;
    position: absolute;
    top: 37px;
    left: 45px;
    width: 90%;
}
.text-danger {
    color: #d92220;
}
.text-information {
    color: #000000;
}

.text-primary {
    color: #00285e;
}

.text-success {
    color: rgba(25,135,84,1);
}

.form_check {
    color: #5a7a9e;
}

.container-modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding: 25px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(30, 25, 25, 0.38);
}

.container-modal .modal-content {
    background-color: #fefefe;
    margin: auto;
    margin-top: 10%;
    padding: 20px;
    border: 1px solid #888;
    width: 40%;
}
.container-modal .modal-content .modal-title {
    padding: 10px;
    border-bottom: solid 1px #ced3d8;
    margin-bottom: 15px;
}

.container {
    width: 100%;
}

/* .container-modal .modal-content .modal-title {
    font-size: 16px;
} */
.modal-body {
    text-align: center;
}
.modal-body .modal-message {
    font-size: 16px;
}

.modal-footer {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.close-modal:hover,
.close-modal:focus {
    text-decoration: none;
    cursor: pointer;
}

.text--position_left {
    text-align: left;
}

/* Event index accordion styles */
.e-accordion input,
.no_visuable {
    display: none;
}

.e-list--questions {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 1px;
}

.e-questions-item {
    height: 0;
    overflow-y: hidden;
}

#question_item_accordion:checked ~ .e-list--questions li {
    height: auto;
    opacity: 1;
    background: #f1f1f1;
    padding: 10px;
}

#question_item_accordion:checked ~ .e-list--questions li:last-child {
    margin-bottom: 20px;
}

.e-accordion label:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-top: #000 2px solid;
    border-right: #000 2px solid;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    /* position:absolute; */
    right: 2%;
    top: 0;
    bottom: 15%;
    margin: auto;
}

.e-accordion input[type="checkbox"]:checked label:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-top: #000 2px solid;
    border-right: #000 2px solid;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    /* position:absolute; */
    right: 2%;
    top: 7%;
    bottom: 0;
    margin: auto;
}

/* for dashboard */
/* .dashboard {
  width: 100%;
  display: flex;
  position: relative;
  overflow: auto;
} */

.total {
    width: 320px;
}

.total_item {
    width: 100%;
    margin-bottom: 15px;
    background-color: white;
    padding: 18px;
    border-radius: 5px;
    border: 1px solid #1781eb;
}

.total_item h3 {
    display: flex;
    align-items: center;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #1c274d;
}

.total_item h3 img {
    width: 26px;
    margin-right: 6px;
}

.total_item h3 button {
    margin-left: auto;
    background-color: #1c274d;
    border: 0;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 26px;
    width: 70px;
    color: white;
    font-size: 16px;
    font-weight: 500;
    white-space: nowrap;
}

.total_item .count {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: #444444;
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
}

.total_item .count span {
    margin-right: 5px;
    font-size: 40px;
    color: #1781eb;
    font-weight: 700;
}

.chart {
    flex: 1;
    margin-left: 15px;
}

.chart .chart_item {
    padding: 25px 20px;
    background-color: white;
    margin-bottom: 15px;
    border-radius: 5px;
    margin-right: 15px;
    /* border: 1px solid #1781EB; */
}

.chart .chart_item .heading {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.chart .chart_item .heading h3 {
    display: flex;
    align-items: center;
    font-size: 22px;
    color: #1c274d;
    font-weight: bold;
    margin-right: auto;
}

.chart .chart_item .heading h3 img {
    width: 24px;
    margin-right: 6px;
}

.chart .chart_item .heading h3 span {
    font-weight: 500;
    color: #444444;
    margin-left: 10px;
}

.chart .chart_item .heading .switch {
    display: flex;
    align-items: center;
    margin-left: 10px;
}

.chart .chart_item .heading .switch button {
    border: 1px solid #1781eb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    white-space: nowrap;
}

.chart .chart_item .heading .status {
    /* display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  margin-left: auto; */
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
    max-width: 500px;
    width: 350px;
    margin-left: auto;
    align-items: baseline;
}

.chart .chart_item .heading .status .type {
    font-size: 15px;
    font-weight: 600;
    color: #666666;
    margin-right: 10px;
}

.chart .chart_item .heading .status .number {
    font-size: 40px;
    color: #1781eb;
    font-weight: 700;
    margin-right: 10px;
}

.chart .chart_item .heading .status .unit {
    font-size: 22px;
    font-weight: 700;
    margin-right: 10px;
}

.chart .chart_item .heading .status .divider {
    color: #080808;
    font-size: 40px;
    margin-right: 10px;
}

.chart .chart_item .heading select {
    width: 92px;
    height: 28px;
    border: 1px solid #363636;
    padding-left: 14px;
    border-radius: 4px;
    font-size: 17px;
}

.chart .chart_item .area_chart {
    display: flex;
    padding-left: 30px;
    padding-right: 30px;
}

.chart .chart_item .area_chart .area_part {
    width: 480px;
    height: 315px;
    background-image: url(".../../image/img/area.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    margin-right: 40px;
}

.chart .d-flex {
    display: flex;
    flex-wrap: wrap;
}

.chart .d-flex .circle-chart {
    background-color: white;
    padding: 15px;
    margin-right: 15px;
    width: calc((100% - 10px) / 2);
    margin-bottom: 15px;
    border-radius: 5px;
}
.access_ranking {
    height: 385px;
}

.p__rank-list li {
    margin: 5px 5px 5px 0px;
}

.p-list__rank {
    padding: 10px;
    border-bottom: 1px solid #eaeff2;
}

.rank {
    padding-top: 5px;
    height: 30px;
    text-align: center;
    width: 30px;
    font-weight: 900;
    font-size: 14px;
    color: #fff;
    background-size: contain;
}
.bg__rank--1 {
    background: #d7bc1c;
}
.bg__rank--2 {
    background: #98a1bb;
}
.bg__rank--3 {
    background: #d78b31;
}

.bg__rank--default {
    background: #caceda;
}

.bg__blue {
    background: #1781eb;
}
.p-label__white {
    color: #fff;
}
.p-label__lightBlue {
    color: #1781eb;
}
.c-font__weight--600 {
    font-weight: 600;
}
.margin-left--100 {
    margin-left: 0px;
    /* margin-left: 100px; */
}

.margin-left--101 {
    margin-left: -162px;
}

.margin-left--26 {
    margin-left: 0px;
}

.margin-left--55 {
    margin-left: 55px;
}
.margin-right--15 {
    margin-right: 15px;
}
.margin-right--5 {
    margin-right: 5px;
}

.margin-left--10 {
    margin-left: 10px;
}
.margin-left--auto {
    margin-left: auto;
}
.margin-left--25 {
    margin-left: 25px;
}

.area__list--table {
    margin: 10px;
    width: 100%;
}
.area__list--table tr {
    border-bottom: 1px solid #d8d8d8;
    margin-right: 10px;
    margin-left: 10px;
}

.radial__list {
    width: 15px;
    height: 15px;
    -moz-border-radius: 70px;
    -webkit-border-radius: 70px;
    border-radius: 70px;
    margin: 5px;
}

.radial__bg--blue {
    background: #4a2ab1;
}

.radial__bg--violet {
    background: #0086fb;
}
.radial__bg--green {
    background: #00c59f;
}

.radial__bg--darkgreen {
    background: #0bba01;
}

.radial__bg--gold {
    background: #ffd700;
}

.radial__bg--orange {
    background: #ff9900;
}

.radial__bg--red {
    background: #ff0000;
}

.radial__bg--pink {
    background: #ffc9d2;
}

.radial__bg--purple {
    background: #884898;
}

.text__head--default {
    align-items: center;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #1c274d;
}

.chart__setting--select select {
    width: 92px;
    height: 28px;
    border: 1px solid #363636;
    padding-left: 14px;
    border-radius: 4px;
    font-size: 17px;
}

.p-formError {
    margin: 3px 0;
    width: 100%;
    color: #e81c1c;
    border-radius: 2px;
}
.p-formError .message {
    text-align: left;
    width: 100%;
    position: relative;
}

.message_title {
    padding-top: 77px;
    margin-left: -158px;
}

h6.p-detailBox__head__message {
    font-size: small;
}
.date-select select {
    width: 92px;
    height: 28px;
    border: 1px solid #363636;
    padding-left: 14px;
    border-radius: 4px;
    font-size: 17px;
}

.p-header__title {
    padding: 10px;
    color: #1478b8;
    box-shadow: 0px 2px 2px -1px #ffffff;
    /* display: inline-block; */
}

.p-header__title .p-content {
    font-size: 16px;
    font-weight: 600;
    margin-left: 10px;
}

.inline__display {
    display: inline;
    margin-left: 10px;
}
.inline-flex {
    display: inline_flex;
}
.p-settings__title {
    margin: 3px 0 0 3px;
}
p.item-input {
    min-width: 155px;
    margin-left: 15px;
}

.p-settings__url {
    width: calc((100% - 20px) / 5);
    font-weight: 500;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* border: 1px solid transparent; */
    height: 30px;
    padding: 0 5px;
    min-width: 120px;
    background: #cce4f7;
    color: #000;
    font-size: 16px;
    /* border: #EEEEEE solid 2px; */
}

.p-header__image img {
    width: 100%;
}
.no__padding {
    padding: 0;
}
.border-top__gray {
    border-top: #eeeeee solid 2px;
}

li.p-sidebar__list__item.default {
    background: #8ec2ed;
}

li.p-sidebar__list__item.default a {
    pointer-events: none;
}

.p_container--form {
    background: #fff;
    border-radius: 4px;
    padding: 40px 0;
    margin: 20px 10px 10px;
}
.pagination li {
    display: inline;
}
.pagination > li > a.page-prev,
.pagination > li > span.page-prev,
.pagination > li > a.page-next,
.pagination > li > span.page-next {
    background-color: #1e4f78;
    color: #fff;
}
.pagination > li > a.page-prev,
.pagination > li > span.page-prev {
    position: absolute;
    right: 60px;
}
.pagination > li > a.page-prev,
.pagination > li > span.page-prev {
    position: absolute;
    right: 60px;
}

.pagination > li > a,
.pagination > li > span {
    padding: 5px 10px;
    margin-left: 3px;
    margin-right: 3px;
    line-height: 1.42857143;
    color: #1478b8;
    background-color: #ecf0f1;
    border: 0px;
    font-size: 10px;
}

.pagination > li.active > span {
    color: #efefef;
    background-color: #4e4c4e;
}

.pagination > li.disabled > span {
    color: #909090;
    background-color: #c4bebe;
}

.btn__list input {
    margin: 10px 10px 0 55px;
    border: none;
    height: 25px;
    border: solid 2px #c5c0c0;
    padding: 0px 8px 0 30px;
}

.url__list a {
    margin: 10px 10px 0 55px;
    border: none;
    height: 25px;
    color: #1478b8;
}
.url__list a::after {
    content: "\a";
    white-space: pre;
}

.btn__list--search {
    margin-left: 50px;
    margin-top: 10px;
    margin-right: 10px;
}

.container_form {
    flex: 1;
    margin-left: 15px;
    padding-top: 20px;
}
.container_item {
    padding: 25px 20px;
    background-color: white;
    margin-bottom: 15px;
    margin-right: 15px;
}
.display__none {
    display: none;
}
.display-inline_flex {
    display: inline-flex;
}
.full-width {
    width: 100%;
}
.p-header__btn--back {
    position: absolute;
    top: 45px;
    top: 100px;
    min-width: 165px;
    margin: 0 45px 0 33px;
}

ul.p-sidebar__list {
    /* margin-top: 45px; */
}
.p-sidebar__top {
    display: flex;
    justify-content: center;
    padding: 15px 10px;
}
.p-sidebar__top__btn {
    font-size: 16px;
    font-family: "Noto Sans JP";
    color: #1478b8;
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid #1478b8;
    border-radius: 5px;
    padding: 5px 35px;
    cursor: pointer;
}
.p-sidebar__top__btn:hover {
    background: #daedf9;
}
.url-list ul {
    margin: 10px 10px 0 55px;
    border: none;
    height: 25px;
}

.grade-list table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

.grade-list td,
.grade-list th {
    border: 1px solid #eeeeee;
    /* text-align: left; */
    padding: 8px;
    padding-right: 35px;
}

meter {
    height: 30px;
}
meter::-webkit-meter-bar {
    background: none;
    background-color: whiteSmoke;
    box-shadow: 0 5px 5px -5px #00f inset;
    border-radius: 2px;
}

meter::-webkit-meter-optimum-value {
    box-shadow: 0 5px 5px -5px #999 inset;
    background: #da4c4d;
    background-size: 100% 100%;
}

meter::after {
    content: attr(data-value);
    position: relative;
    left: 3.6em;
    top: -24.7px;
}

.url__list.is-active {
    background: #daedf9;
}

.text-small {
    font-size: 21px;
}

ul.sub-list {
    list-style-type: circle;
}
.single-line {
    display: inline-block;
}
.init-bullet:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: white;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}
.bullet-circle {
    height: 8px;
    width: 8px;
    background-color: #000;
    border-radius: 50%;
}

.calc-by--1 {
    width: calc((100% -20px) / 1);
}
.calc-by--2 {
    width: 62%;
    /* width: calc((100% -20px) / 1); */
}
.calc-by--3 {
    width: 62%;
    /* width: calc((100% -20px) / 1); */
}

.master-list table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}
.master-list {
    overflow-x: auto;
}

.master-list th,
td {
    text-align: center;
    padding: 8px;
    border: solid 1px #ffff;
}
.master-list th {
    background: #1e4f78;
    color: #ffffff;
    font-weight: 500;
}
.master-list tr:nth-child(even) {
    background: #daedf9;
}
.master-list tr:nth-child(odd) {
    background: #b1d4f3;
}
.master-list tr:hover {
    background-color: #8ec2ed;
}

.master-list--default table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

.master-list--default th,
td {
    text-align: center;
    padding: 8px;
    border: solid 1px #ffff;
}
.master-list--default th {
    background: #e2e3e2;
    color: #1478b8;
    font-weight: 500;
}
.master-list--default tr {
    background: #daedf9;
}
/* .master-list-default tr:nth-child(odd){
    background: #b1d4f3;
} */
.master-list--default tr:hover {
    background-color: #8ec2ed;
}
.container-list .container-title h2 {
    color: #51829e;
    font-weight: 600;
    font-size: 18px;
    padding: 10px;
}
.container-title {
    display: inline-flex;
}

.container-label p {
    padding: 10px 10px 10px 0;
}

.container-box {
    border: solid 2px #eee;
    padding: 10px 10px 20px 10px;
}

.justify-content__center {
    justify-content: center;
}

nav.p-sidebar {
    position: relative;
}

p.link__list1 {
    position: absolute;
    top: -35px;
    right: -140px;
    width: 100%;
    color: #1478b8;
}
p.link__list2 {
    position: absolute;
    top: -80px;
    right: -163px;
    width: 100%;
    color: #1478b8;
}

/* パン屑＠ナビメニューのサブメニュ */
p.link__list3 {
    position: absolute;
    top: -35px;
/*    right: -240px; */
    left: 140px;
    width: 112%;
    color: #1478b8;
}

/* パン屑＠ナビメニュー */
p.p-content__url.inline__display {
/*    margin-left: 71px;*/
	margin-left: 5px;
}

a.items.sub-menu-show:hover {
    border-bottom: solid 2px #1478b8;
}

a.single-line.ul-is__active {
    color: #1478b8;
    border-bottom: 2px solid #1478b8;
}
.grade-ranking {
    position: relative;
}
.text-size__20 {
    font-size: 20px;
}
.crown-size__default {
    font-size: 25px;
}
.text-color__pencil {
    color: #f0c82a;
}
.text-color__rank-1 {
    color: #ffcb37;
}
.text-color__rank-2 {
    color: #b7becf;
}

.text-color__rank-3 {
    color: #c56332;
}
.text-color__rank-default {
    color: #0f6ccd;
}
.grade-ranking {
    display: flex;
}
.grade-ranking .rank-label {
    margin-left: 5px;
    margin-top: 8px;
}
.rank-number--1 {
    color: #ec0c31;
}
.rank-number--2 {
    color: #1478b8;
}
.rank-number--default {
    color: #ffffff;
}
.grade-ranking .rank-number {
    position: absolute;
    top: 0;
    left: 11px;
    font-size: 16px;
    font-weight: 600;
}

.print-ico {
    height: 25px;
    width: 25px;
    margin: auto;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background: url(./../image/ico/print.ico);
    transform: scaleX(-1);
}

.pencil-ico {
    height: 25px;
    width: 25px;
    margin: auto;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background: url(./../image/ico/pencil.ico);
    transform: scaleX(-1);
}

.database-ico {
    height: 25px;
    width: 25px;
    margin: auto;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background: url(./../image/ico/database.ico);
}

.text-input {
    position: relative !important;
    left: 0 !important;
    display: inline-block;
}
.text-contents {
    display: contents;
}

.master-search {
    padding: 10px;
    border: solid 2px #eeee;
    margin-bottom: 25px;
}

.text-input__label {
    /* position: relative; */
    padding-top: 14px;
    background: #ffffcc;
    color: #1478b8;
    font-weight: 500;
    border: solid 1px #eee;
}

.text-align__right {
    text-align: right;
}
.text-align__left {
    text-align: left;
}

.border-bottom--5 {
    border-bottom: solid 5px #7e7e7e;
    margin-bottom: 10px;
}

a.items.is-active.sub-menu-show {
    border-bottom: 2px solid #1478b8;
}
.is-bold {
    font-weight: 700;
}

.input-width--135 {
    max-width: 135px;
    padding: 0px !important;
    text-align: center;
}
.btn__list {
    display: inline-flex;
}

.btn__list p {
    padding-top: 10px;
}
.btn__list ::placeholder {
    color: #36454f;
}
.input-from {
    display: inline-flex;
    margin-left: 80px;
    width: 100%;
}

.p-header__menu {
    background: #fff;
    padding: 15px;
    color: #1478b8;
    height: 65px;
}

.toggle-menu {
    width: 50px;
    height: 50px;
    display: inline-block;
    position: relative;
    top: -5px;
    float: right;
    z-index: 1000;
}

.toggle-menu i {
    position: absolute;
    display: block;
    height: 2px;
    background: #0094fc;
    width: 30px;
    left: 0px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.toggle-menu i:nth-child(1) {
    top: 16px;
}

.toggle-menu i:nth-child(2) {
    top: 24px;
}

.toggle-menu i:nth-child(3) {
    top: 32px;
}

.toggle-menu.active i:nth-child(1) {
    top: 25px;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.toggle-menu.active i:nth-child(2) {
    background: transparent;
}

.toggle-menu.active i:nth-child(3) {
    top: 25px;
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
}

.menu-drawer {
    width: 400px;
    background-color: #ccc;
    height: 900px;
    position: absolute;
    right: -550px;
    top: 0;
    transition: right linear 0.2s;
    padding: 50px;
}

.open {
    right: 0px;
    transition: right linear 0.2s;
}

.menu-drawer li {
    font-family: lato;
    font-weight: bold;
    margin-bottom: 30px;
    font-size: 50px;
    text-align: center;
}

.menu-drawer a {
    text-decoration: none;
    color: #555;
}
.menu-drawer a:hover {
    color: #0094fc;
}

.btn-search {
    margin-right: 10px;
}
th {
    text-align: center;
}
@media screen and (max-width: 785px) {
    .l-frame__sidebar {
        position: fixed;
        top: 0;
        z-index: 500;
        flex: 0.1 0 216px;
        left: 0;
        height: 100%;
        transform: translateX(-100%);
        transition: transform 0.5s;
    }
    .opened-sidebar {
        transform: translateX(0);
        transition: transform 0.5s;
    }
    .p-header__btn--back {
        display: none;
    }
}
@media screen and (max-width: 785px) {
    html {
        /* min-width: 667px; */
        -moz-transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -o-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(1);
    }
}

@media (min-width: 785px) {
    .p-header__menu {
        cursor: pointer;
        display: none;
    }
    .close-btn {
        display: none;
    }
}
@media screen and (max-width: 390px) {
    .margin-left--101 {
        margin-left: 100px;
    }
    .calc-by--3 {
        width: 227px;
    }
}
@media screen and (max-width: 320px) {
    .margin-left--101 {
        margin-left: 100px;
    }
    .calc-by--3 {
        width: 227px;
    }
}

.animate {
    transform: translateX(0);
    transition: transform 0.5s;
}
.icn-caret-active {
    transform: rotate(88deg);
    transition-duration: 500ms;
}

.c-icn-caret {
    display: inline-flex;
    transition-duration: 500ms;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url(./../image/icon/caret-right-solid.svg);
    mask-image: url(./../image/icon/caret-right-solid.svg);
    background-color: #1478b8;
    width: 20px;
    height: 20px;
    margin-left: -3px;

    /* content: "";
    display: block;
    width: 37px;
    height: 37px;
    mask-image: url(../../image/icon/caret-right-solid);
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    position: relative;
    top: 50%;
    left: 10%;
    z-index: 1;
    transform: translateY(-50%);
    background: blue; */
}

/* @media (max-width: 800px) {
    html {
        min-width: 1080px;
    }
}

@media (min-width: 400px) {
    html {

    }
} */

.open-nav {
    color: #1478b8;
    margin-right: 45px;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb:horizontal {
    background: #1478b8;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:horizontal:hover {
    background: #33affc;
}

.half_one_label {
    margin-right: 7px;
}
.half_two_label {
    margin-right: 7px;
    margin-left: 10px;
}

.c-button--secondary_service {
    background: #dedede;
    margin-left: -4px;
}
.c-button--secondary_service_two {
    background: #dedede;
    margin-left: 10px;
}

button.p_header-logout {
    border: none;
    background: #8ec2ed;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.71429em;
    letter-spacing: 0.04em;
    word-break: break-all;
}
.width-full {
    width: 100%;
}
.icon_ranking {
    background: url(../../image/icon/icon_ranking.png) no-repeat left 17px;
    height: 25px;
    width: 25px;
    margin: auto;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.icon_userinfo {
    background: url(../../image/user_info.png) no-repeat left 17px;
    height: 25px;
    width: 25px;
    margin: auto;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.icon_info {
    background: url(../../image/icon/info.png) no-repeat left 17px;
    height: 25px;
    width: 25px;
    margin: auto;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.icon_contract {
    background: url(../../image/icon/icon_contract.png) no-repeat left 17px;
    height: 25px;
    width: 25px;
    margin: auto;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.info_box {
    clear: both;
    background: url(../../image/icon/icon_info.png) no-repeat left #fff2f2;
    font-size: 14px;
    border: 1px #c8ebf9 solid;
    background-position: 15px 10px;
    padding: 20px 0px 15px 60px;
    margin: 15px 0 10px 0;
}
.grade-list {
    overflow: auto;
}
.grade-list table tbody tr th {
    min-width: 155px;
}
td {
    padding: 4px 6px;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    background-color: #fff;
}
td.first {
    border-top: 1px solid #e5e5e5;
    text-align: left;
}
td.value {
    background-image: url(../../image/gif/gridline58.gif);
    background-repeat: repeat-x;
    background-position: left top;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    padding: 0;
    border-bottom: none;
    background-color: transparent;
    border-bottom: 1px solid #e5e5e5;
}
td.value img {
    vertical-align: middle;
    margin: 5px 5px 5px 0;
}
.line_bar {
    height: 16px;
}

.cont-warning {
    font-size: 14px;
    color: #ff0000;
    padding: 5px 0 5px 0;
    font-weight: bold;
}
.cont-warning2 {
    font-size: 12px;
    color: #b32729;
    font-weight: 600;
}
.content_form {
    width: 100%;
    display: inline-flex;
}
.sidebarmenu {
    margin: 0px 0;
    padding: 0;
    width: 195px;
}
.sidebarmenu a.menuitem {
    text-align: center;
}
.sidebarmenu a.menuitem_red {
    color: #fff;
    display: block;
    position: relative;
    width: 100%;
    height: 31px;
    margin: 0 0 5px 0;
    line-height: 31px;
    padding: 0px 0 0 10px;
    text-decoration: none;
    background: linear-gradient(
        180deg,
        rgba(246, 85, 66, 1) 30%,
        rgba(255, 147, 154, 1) 98%
    );
    border-radius: 5px;
    /* background: url(../../image/red_bt.gif) no-repeat left 17px; */
    /* background-size: contain !important; */
    /* background-position: center center !important; */
    /* background-repeat: no-repeat !important; */
}
.sidebarmenu a.menuitem {
    background: linear-gradient(
        180deg,
        rgba(80, 188, 232, 1) 5%,
        rgba(33, 201, 243, 1) 99%,
        rgba(176, 229, 229, 1) 100%
    );
    border-radius: 5px;
    font-size: 11px;
    color: #fff;
    display: block;
    position: relative;
    width: 100%;
    height: 31px;
    margin: 0 0 5px 0;
    line-height: 31px;
    padding: 0px 0 0 10px;
    text-decoration: none;
}
.sidebar_box {
    width: 195px;
    padding: 15px 0 5px 0;
}
.sidebar_box_content {
    width: 100%;
    height: auto;
    background-color: #fff2f2;
    display: block;
    border-radius: 5px;
    padding: 10px 0px 10px 10px;
}
.sidebar_box_content-2 {
    width: 100%;
    height: auto;
    background-color: #fff2f2;
    display: inline-flex;
    border-radius: 5px;
    padding: 10px 0px 10px 10px;
}
.sidebarmenu a.menuitem_grey {
    background: linear-gradient(
        to top,
        lightgrey 0%,
        lightgrey 1%,
        #e0e0e0 26%,
        #efefef 48%,
        #d9d9d9 75%,
        #bcbcbc 100%
    );
    border-radius: 5px;
    color: #333;
    display: block;
    position: relative;
    width: 100%;
    height: 31px;
    margin: 0 0 5px 0;
    line-height: 31px;
    padding: 0px 0 0 10px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}
.sidebarmenu a.menuitem_grey:hover {
    background: linear-gradient(to top, #c4c5c7 0%, #dcdddf 52%, #ebebeb 100%);
}
.sidebarmenu a.menuitem_green {
    background: linear-gradient(
        180deg,
        rgba(169, 194, 64, 1) 14%,
        rgba(180, 202, 89, 1) 98%
    );
    border-radius: 5px;
    color: #fff;
    display: block;
    position: relative;
    width: 100%;
    height: 31px;
    margin: 0 0 5px 0;
    line-height: 31px;
    padding: 0px 0 0 10px;
    text-decoration: none;
}

.sidebar_icon_right {
    margin-left: auto;
}

.sidebar_box_content h4 {
    margin: auto 0 auto 0;
}
.content_sidebar {
    margin: 0px 0px 15px 50px;
    padding: 25px 25px 25px 50px;
    background: #fff;
}

.sidebarmenu a strong {
    color: #fff;
    font-size: 14px;
}
.sidebar_box_content h4 {
    color: #ff4500;
    font-size: 18px;
}
.icon-area {
    font-size: 14px;
}
#bread_crumbs {
    /* width: 600px; */
    width: 100%;
    height: 40px;
    padding: 5px 0 5px 10px;
    font-size: 20px;
    color: #3e3d3e;
    background: #eeeeff;
    vertical-align: middle;
    border: solid 1px #bbccdd;
    margin: 0 0 20px 0;
    text-align: center;
    font-weight: bold;
}

.content-item {
    padding: 25px 20px;
    background-color: white;
    margin-bottom: 15px;
    margin-right: 15px;
    width: 100%;
}
.content-selection {
    background: url(../../image/icon/content-select.png) no-repeat left 17px;
    height: 25px;
    width: 25px;
    margin: auto;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.border-bottom--red {
    border-bottom: solid 5px #ff4d47;
    margin-bottom: 10px;
}
.menuitem_content {
    color: #fe887d;
    font-size: 18px;
    border-color: #fef3f2;
    border-width: 20px;
}

.sidebar_box {
    width: 195px;
    padding: 15px 0 5px 0;
}

.sidebar_box_content h3 {
    color: #ff524d;
    float: left;
    font-size: 18px;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}
.sidebar_box_content-2 h4 {
    color: #ff524d;
    float: left;
    font-size: 18px;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}
.sidebar_box_content ul li {
    padding: 5px 0 5px 10px;
    background: url(../../image/list_bullet.gif) no-repeat left top;
    background-position: 0px 10px;
}

.sidebar_box_title {
    display: inline-flex;
    padding: 0 0 10px 0;
}
img.sidebar_icon_right {
    float: right;
    padding: 0 0 0 0;
    margin-left: 55px;
}

.form {
    width: 600px;
    float: left;
    clear: both;
}

fieldset {
    border: none;
    clear: both;
}
.entryform {
    width: 100%;
}
.entryform th {
    font-size: 14px;
    font-weight: normal;
    padding: 10px;
    text-align: left;
    background-color: #ffe1e1;
    color: #003366;
    border: 1px solid #cccccc;
    width: 25%;
    vertical-align: middle;
}
.entryform td {
    font-size: 14px;
    font-weight: normal;
    padding: 10px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    text-align: left;
}
.entryform .button_ef {
    text-align: center;
}
a.button,
a.button_long,
span.button,
del.button {
    display: -moz-inline-box;
    cursor: pointer;
    border: none;
    font-size: 0;
    line-height: 0;
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 30px;
    text-decoration: none;
    color: #2e523b;
    font-style: normal;
    margin: 0 6px 0px 0;
    padding: 0 10px 0 0;
    vertical-align: middle;
}
a.button span {
    white-space: nowrap;
    cursor: pointer;
    color: #222;
    display: -moz-inline-box;
    display: inline-block;
    line-height: 1;
    letter-spacing: 0 !important;
    font-family: "Arial" !important;
    font-size: 12px !important;
    font-style: normal;
    width: 150px;
    height: 30px;
    text-align: center;
    padding: 10px 20px 20px 10px;
    margin: 0 -16px 5px 10px;
    border: none;
    vertical-align: text-top;
    border: 1px solid #888889;
    border-radius: 10px;
}
.icon_important {
    background: url(../../image/img_icon/icon_important.png) no-repeat left 17px;
    height: 25px;
    width: 25px;
    margin: auto;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.bg-boder-error {
    border-bottom: 5px #ff524d solid;
}

.box-expl {
    background: #ecf8fd;
    border: 0 solid #c8ebf9;
    padding: 10px;
    font-size: 14px;
}

.box-expl-footer {
    width: 100%;
    margin-top: 45px;
    border-top: 2px solid #eee;
}

.box-expl-footer .box-expl-title {
    /* display: inline-flex;
    width: 100%; */
    margin: 15px auto;
}

.box-expl-footer .box-expl-title p {
    color: #aa0000;
    font-size: 14px;
    margin: 0 auto;
}

.box-expl-cnt {
    background: #fff;
    border: 2px solid #eee;
    padding: 10px;
}
.box-expl-body {
    border: 2px solid #3399ff;
    margin: 15px 0 30px 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 55px;
}
.post-rel {
    position: relative;
    margin: auto;
    display: flex;
}
.box-expl .box-expl-cnt .box-expl-body .post-rel p {
    position: relative;
    bottom: 70px;
}
.lbl-exp-default {
    background: #1f95d4;
    color: #fff;
    font-weight: 600;
    min-width: 270px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    height: 30px;
    padding: 0 16px;
    border-radius: 20px;
    user-select: none;
}
.fnt-wght-bld {
    font-weight: 600;
}
.fnt-size--16 {
    font-size: 16px;
}
.box-expl-form {
    width: 100%;
}
.bxl-ft p {
    font-size: 14px;
}
.box-apl-list {
    padding: 5px 30px 5px 30px;
}
.box-apl-list li {
    margin-bottom: 15px;
}
.box-apl-list ul li p {
    font-size: 14px;
}
.bg-pink {
    background: #ffc0cb;
}
.dpl-flex {
    display: flex;
}
.lbl-desc {
    padding: 5px 30px 5px 30px;
    font-size: 14px;
}

@media only screen and (max-width: 1062px) {
    .c-input--full {
        overflow-x: auto;
    }
}
.exp-list {
    margin-top: 45px;
    width: 450px;
}
.exp-list ul li {
    border: 2px solid #eee;
    display: flex;
    height: 45px;
}
fieldset#contract_field4 {
    margin: 10px;
}
.price_content {
    border-collapse: collapse;
    margin: 5px 0 5px 0;
    width: 100%;
}
.price_content th {
    font-size: 12px;
    font-weight: normal;
    padding: 10px;
    text-align: left;
    background-color: #fa9c3c;
    color: #003366;
    border: 1px solid #000;
    vertical-align: middle;
    width: 17%;
}

.price_content td {
    font-size: 12px;
    font-weight: normal;
    padding: 10px;
    border: 1px solid #000;
    background-color: #ffffff;
    text-align: left;
    width: 5%;
}
.price_content td:first-child p {
    text-align: right;
}
.price_content th:nth-child(1) {
    width: 10px;
}
.price_content th:nth-child(2) {
    width: 35%;
}
.payment_method {
    border-collapse: collapse;
    margin: 5px 0 5px 0;
    width: 100%;
}
.payment_method th {
    font-size: 12px;
    font-weight: normal;
    padding: 10px;
    text-align: left;
    background-color: #ffe0e0;
    color: #696565;
    border: 1px solid #cccccc;
    vertical-align: middle;
    width: 17%;
}
.payment_method td {
    font-size: 12px;
    font-weight: normal;
    padding: 10px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    text-align: left;
    color: #003366;
    font-weight: bold;
}
.payment_method ul#square {
    list-style-type: square;
    font-size: 14px;
    color: #003366;
}
.payment_method ul#disc {
    list-style-type: disc;
    font-size: 12px;
    margin-left: 10px;
    color: #003366;
}

.xboxcontent ul#square {
    list-style-type: square;
    padding-left: 15px;
}
.payment_method p {
    text-align: left;
}
.cash-register {
    background: url(../../image/cash_register.png) no-repeat left 17px;
    height: 25px;
    width: 25px;
    margin: auto;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.exp-list ul li span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.price_content tr:nth-child(even) {
    background-color: grey;
}

.lbl-number {
    background: #f3e3e2;
    border-right: 2px solid #eee;
    width: 500px;
    margin: 10px 0 0 25px;
}
.lbl-number th {
    background: #f3e3e2;
    border: 2px solid #eee;
    width: 10%;
    text-align: left;
    padding-left: 10px;
}
.lbl-number td {
    vertical-align: top;
    border: 2px solid #eee;
}
.lbl-warning {
    color: #fc4103;
}

.c-form {
    box-shadow: 0 0 10px #555151;
    width: 750px;
    padding: 15px;
    margin: 10px;
}
.c-form .c-form-header span {
    color: #4281f5;
    font-size: 15px;
    font-weight: 600;
}
.c-form .c-form-header .c-header-line {
    border-top: 2px solid #999;
    border-bottom: 2px solid #999;
    color: #51829e;
    padding: 5px;
    margin-top: 10px;
    font-size: 18px;
}

.c-form .c-form-body {
    margin-top: 10px;
}
.c-form .c-form-body p {
    color: #51829e;
    font-weight: 600;
    font-size: 12px;
}
.c-form .c-form-body .c-link {
    text-decoration: underline;
    color: #51829e;
    font-size: 16px;
    font-family: "Century Gothic";
}
.c-form .c-form-body span {
    color: #51829e;
    font-size: 18px;
    margin-right: 10px;
}
.c-form-body .c-ind {
    text-indent: 15px;
}
.warning li p {
    color: #fc4103;
}
.content p {
    font-size: 14px;
    color: #003366;
}

.c-form-list {
    margin-top: 45px;
}
.c-form-list td,
.c-form-list th {
    border: 2px solid #fff;
    padding: 8px;
}

.c-form-list tbody {
    width: 100%;
}
.c-form-list {
    border: 2px solid #4281f5;
    border-collapse: collapse;
    width: 100%;
    font-size: 14px;
}
.c-form-list .list {
    width: 100%;
}
.c-form-list th {
    background-color: #daedf9;
    color: #000;
    font-size: 14px;
    font-family: "Century Gothic";
}
.c-form-list td {
    background-color: #eceded;
    color: #000;
    font-size: 18px;
    font-family: "Century Gothic";
}
.c-button-second {
    background: radial-gradient(
        ellipse at 50% 50%,
        rgba(160, 154, 154, 1) 9%,
        rgba(84, 76, 76, 1) 98%
    );
    box-shadow: 0 0 5px #999;
    border: 1px solid #000;
    border-radius: 5px;
    font-size: 18px;
    width: 35%;
    justify-content: center;
    padding: 5px;
    margin-top: 10px;
}
.c-button-second span {
    color: #fff;
}
.c-button-2 {
    text-align: center;
}
.c-button-2 a {
    text-align: center;
}
.c-button-second:hover {
    background-position: 0 -60px;
    text-decoration: none;
}

/* staff name */
.l-12__6.flex {
    display: flex;
    width: 50%;
}

span.staffName {
    margin-top: 5px;
    margin-right: 5px;
}

/*terms and services */
.btn_terms {
    border-radius: 4px;
    border-color: gray;
    width: 30%;
}
.terms_container {
    padding-top: 5px;
    width: 60%;
}
.input_terms {
    width: 100%;
    display: flex;
}
.terms_pdf {
    width: 100%;
    margin-right: 20px;
    border: 1px solid black;
    text-align: center;
    background-color: white;
    padding-top: 5px;
}
.terms_text_area {
    width: 100%;
    height: 360px;
    resize: none;
    margin-top: 20px;
}
.textarea_dimensions {
    height: 100%;
    width: 100%;
}
.terms_checkbox {
    display: flex;
}
.terms_check {
    width: 30px;
    height: auto;
    border: 1px solid black;
    background-color: white;
    margin: -1px;
}
.terms_description {
    height: auto;
    width: 100%;
    margin-left: 10px;
    border: 1px solid black;
    background-color: white;
    padding-left: 7px;
}
.terms_checkbox_adjust {
    display: flex;
    width: 100%;
}
.terms_checkboxes_adjust {
    padding-top: 60px;
}
/*end terms and services*/

/* Start admin dashboard settings */

.dashboard_input_container {
    margin-bottom: 35px;
}

.dashboard_row {
    display: flex;
    margin-bottom: 5px;
}

.dashboard_title {
    margin-bottom: 20px;
    margin-top: 30px;
}

.dashboard_input {
    margin-left: 15px;
}

.dashboard_label {
    width: 7%;
    min-width: 7%;
}

.dashboard_input {
    width: 80%;
    display: flex;
}

.dashboard_input_text {
    width: 50%;
    padding-left: 10px;
}

h3.margin-bottom_set {
    margin-top: -40px;
    margin-bottom: 25px;
}

select.dashboard_input_text.\.dropdown-toggle {
    background-image: url(../.../../image/dropdown.png) !important;
    background-repeat: no-repeat !important;
    background-position-x: 100% !important;
    background-position-y: 50% !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
    appearance: none !important;
    padding: 2px;
}
select.dashboard_input_text.\.dropdown-toggle.dropdown-toggle::-ms-expand {
    display: none;
}

.container_item_dashboard_setting {
    padding: 25px 20px;
    margin-bottom: 15px;
    margin-right: 15px;
    background-color: transparent !important;
}
/* End admin dashboard settings */

/*Start service detail page*/
.service_detail_container {
    font-size: 62.5%;
}

body.service_detail_body {
    width: 100%;
    font-size: 1.4rem;
    overflow-x: hidden;
    color: #000000;
    -webkit-text-size-adjust: 100%;
    word-wrap: break-word;
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro",
        "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
    max-width: 640px;
    margin: 0 auto;
    border-left: solid 1px #333333;
    border-right: solid 1px #333333;
    background-color: transparent;
}

header.service_detail_header {
    width: 100%;
}

div#header_catch {
    width: 100%;
    max-width: 638px;
    margin: 0 auto;
    background: #ffffff;
    border-bottom: 1px solid #000000;
    transition: 0.8s;
    transition-delay: 0.1s;
}

div#header_catch h1 {
    width: 54%;
    float: left;
    padding: 3% 0 0 0;
    margin-left: 3%;
    max-width: 300px;
    font-size: 1.6em;
    font-weight: bold;
    margin-top: -5px;
}

a.service_detail_h1 {
    font-size: 18px;
    font-weight: bold;
}

.service_detail_a_menu {
    text-decoration: none;
    color: #4972b0 !important;
}

div#header_catch h1 a,
div#header_catch h1 a:visited {
    color: #000000;
    text-decoration: none;
}

div#header_catch ul {
    text-align: center;
    float: right;
    width: 37.5%;
}

div#header_catch ul li {
    display: inline-block;
    border-left: 1px solid #000;
    width: 48%;
    height: 60px;
}

div#header_catch ul li a {
    text-align: center;
    display: flex;
    padding: 0 2%;
    align-items: center;
    height: 100%;
    justify-content: center;
}

.clearfix::after {
    content: "" !important;
    clear: both !important;
    height: 0 !important;
    display: block !important;
    visibility: hidden !important;
}

.box {
    max-width: 640px;
    width: 90%;
    margin: 0 auto;
}

p.catch_img {
    margin: 6% auto;
    width: 96%;
}

.service_img {
    width: 100%;
    display: block;
    object-fit: contain;
}

h3.box_ttl1 {
    font-size: 1.1em;
    width: 100%;
}

h3.box_ttl1 span {
    font-weight: normal;
}

.box.sec1 {
    border-top: 1px solid #000000;
    width: 96%;
    margin: 5% 0;
}

.sec2_txt1 {
    font-size: 1.1em;
    line-height: 1.4em;
}

.box.sec2 {
    border-top: 1px solid #000000;
    margin: 4% auto;
    padding: 4% 0 0;
}
.box.sec6 {
    border-top: 1px solid #000000;
    margin: 10% auto;
    padding: 4% 0 0;
}
.sec6_txt2 {
    font-size: 1.4em;
    color: #000033;
    text-align: center;
}
.sec6_txt2 p.dl_btn {
    width: 80%;
    margin: 0 auto;
}
.sec6_dl_btn p.dl_btn a {
    display: block;
    background: #888888;
    text-align: center;
    color: #ffffff;
    font-size: 1.1em;
    padding: 5% 0;
    margin: 3% auto 0;
    border-radius: 5px;
}
.sec6_txt2 label {
    font-size: 1.4em;
    color: #000033;
    font-weight: bold;
}
.sec6_txt2 p {
    line-height: 1.4em;
}
h3.box_ttl2 {
    font-size: 1.8em;
    font-weight: bold;
}
p.dl_btn {
    width: 100%;
    max-width: 100%;
}
p.sec_img {
    margin: 3% auto;
    width: 96%;
}

.sec2_txt1 {
    font-size: 1.1em;
    line-height: 1.4em;
}

.sec2_txt1 span {
    color: #137252;
    font-weight: bold;
    display: block;
}

.service_detail_footer {
    width: 100%;
    color: #ffffff;
}

div.footer_box {
    padding: 5% 0;
    background: #49494a;
    max-width: 640px;
}

ul.footer_menu {
    width: 60%;
    margin: 0 auto 5%;
    text-align: center;
    border: solid 1px #ffffff;
}

ul.footer_menu li {
    width: 49%;
    display: inline-block;
}

ul.footer_menu li a:visited {
    color: #ffffff;
}

ul.footer_menu li a {
    display: block;
    padding: 2% 0;
    background: url(../image/general/arrow.png) no-repeat 98% center;
}

ul.footer_menu li:nth-child(2n + 2) {
    border-left: 1px solid #ffffff;
}

ul.footer_menu li a:visited {
    color: #ffffff;
}

ul.footer_link {
    width: 60%;
    margin: 0 auto;
    text-align: center;
}

ul.footer_link li.f_company {
    width: 25%;
}

footer a {
    color: #ffffff;
}

ul.footer_link li.f_privacy {
    width: 50%;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}

ul.footer_link li.f_term {
    width: 25%;
}

ul.footer_link li.f_law {
    width: 60%;
}

p.copyright {
    text-align: center;
    margin: 3% auto 0;
}

.footer_menu_links {
    margin: auto;
    width: 58%;
    display: flex;
    justify-content: space-between;
    height: 17px;
}
div.footer_menu_divider {
    border-left: 1px solid;
    border-right: 1px solid;
    padding-left: 25px;
    padding-right: 25px;
}

.footer_last_menu {
    margin: auto;
    margin-top: 20px;
    width: 52%;
    text-align:center;
}

.ft_menu {
    position: fixed;
    bottom: 0;
    z-index: 1;
    background: rgba(73, 119, 171, 0.7);
    width: 100%;
    transition: 0.8s;
    transition-delay: 0.1s;
    /* opacity: 0; */
    display: none;
    max-width: 640px;
}

.ft_menu_box {
    width: 100%;
    text-align: center;
    padding: 3% 0;
}

.ft_menu_box li.ft_btn {
    width: 75%;
}

.ft_menu_box li {
    display: inline-block;
}

.ft_menu_box li.ft_btn a {
    color: #ffffff;
    display: block;
    background: #ff9d1e;
    padding: 4% 0;
    margin-right: 5%;
    border-radius: 5px;
}

.ft_menu_box li a {
    font-size: 1.5em;
    font-weight: bold;
}

.ft_menu_box li.pagetop {
    width: 15%;
}

.ft_menu_box li.pagetop a {
    color: #4977ab;
    display: block;
    background: #ffffff;
    padding: 20% 0;
    border-radius: 5px;
}

.fa,
.fas {
    font-weight: 900;
}

.fa,
.far,
.fas {
    font-family: "Font Awesome 5 Free";
}

.fa,
.fab,
.fal,
.far,
.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.fa-angle-up:before {
    content: "\f106";
}
/*end service*/

/*settingpaymentmethod*/
.checkbox_payment {
    display: flex;
    height: 24px;
}
.checkbox_payment_descriptions {
    padding: 4px;
    font-weight: 100;
    font-family: "Yu Gothic";
}
.checkbox_payment_adjust {
    width: 24px;
}
.container_payment_method {
    padding-left: 20px;
    padding-top: 5px;
}
.payment_method_title {
    padding-bottom: 3px;
    font-family: "Yu Gothic";
}
/*end settingpaymentmethod*/

/*inquiry form*/
/*end inquiry form*/

/*acquisition default setting*/
.acquisition_adjust {
    display: -webkit-box;
    width: 100%;
    height: 18px;
}
.acquisition_description {
    font-family: Yu Gothic;
}
input.acquisition_check {
    width: 20px;
    height: 20px;
}
.acquisition_adjust2 {
    display: flex;
}
.th_acquisition {
    width: 230px;
    border: none;
    padding: 0;
    padding-right: 0;
}
th.th_acquisition_indent {
    padding-left: 25px !important;
    border: none;
    padding: 0;
}
.th_acquisition_adjust {
    width: 50px;
}
.box_acquisition {
    border: 1px solid black;
    width: 45px;
    border-radius: 2px;
    background-color: white;
}
.ac_span_adjust {
    padding-left: 8px;
}
.acquisition_small_adjust {
    display: flex;
    height: 17px;
    width: 96px;
    border: none;
    padding: 0;
}
.acquisition_check.check_hidden {
    visibility: hidden;
}
.label_box {
    margin-left: -37px;
}
p.p_label_adjust {
    margin-top: -3px;
}
.select_adjust {
    width: 50px;
}
.th_acquisition_fix {
    padding: 0px;
}
/*end acquisition default setting*/
/* Start Responsive Service details page */
/* ----------- iPhone 6, 6S, 7 and 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
    .service_detail_container {
        font-size: 62.5%;
    }
    body.service_detail_body {
        width: 100%;
        max-width: 100%;
        font-size: 2.4rem;
        overflow-x: hidden;
        -webkit-text-size-adjust: 100%;
        word-wrap: break-word;
    }

    div#header_catch,
    div.footer_box,
    .ft_menu {
        max-width: 100%;
    }

    div#header_catch h1 {
        margin-top: -10px;
    }

    .box {
        max-width: 100%;
    }

	div#header_catch ul li a,
	div#header_catch ul li button{
        font-size: 12px;
/*		width: 37.5%;*/
	}

    div#header_catch ul li {
        height: 78px;
    }

    .box-desc .box-r {
        font-size: 12px;
    }
    .box-desc .box-r a,
    .box-desc .box-l p{
        font-size: 12px;
    }
    p.sec3_txt_exp {
        font-size: 12px;
    }

    p.dl_btn {
        font-size: 11px;
    }

    a.header-txt-size {
	    font-size: 0.9rem;
	    white-space: nowrap;
    }

    a.service_detail_h1 {
        font-size: 29px;
    }

    .service_detail_a_menu {
        font-size: 20px;
    }

    ul.footer_menu {
/*
        width: 65%;
        transform: scale(1.2);
*/
        width: 80%;
        transform: scale(0.9);
    }

	ul.footer_menu li {
		width: 45%;
	}

    a.a_footer_menu {
        font-size: 1rem;
    }

    p.copyright {
        font-size: 0.9rem;
    }
    div.footer_menu_divider {
        padding-left: 53px !important;
        padding-right: 53px !important;
    }

    .footer_menu_links {
        width: 70% !important;
        height: 28px !important;
    }
}

/* ----------- iPhone 4 and 4S ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
    .service_detail_container {
        font-size: 62.5%;
    }
    body.service_detail_body {
        width: 100%;
        max-width: 100%;
        font-size: 2.4rem;
        overflow-x: hidden;
        -webkit-text-size-adjust: 100%;
        word-wrap: break-word;
    }

    div#header_catch,
    div.footer_box,
    .ft_menu {
        max-width: 100%;
    }

    div#header_catch h1 {
        margin-top: -10px;
    }

    .box {
        max-width: 100%;
    }

    div#header_catch ul li {
        height: 78px;
    }

    a.service_detail_h1 {
        font-size: 29px;
    }

    .service_detail_a_menu {
        font-size: 20px;
    }

    ul.footer_menu {
        width: 65%;
    }

    a.a_footer_menu {
        font-size: 1.3rem;
    }

    .sec2_txt1 {
        font-size: 1.7em;
        line-height: 1.5em;
    }

    a.a_footer_menu {
        font-size: 1.5rem;
    }

    p.copyright {
        font-size: 1.2rem;
    }
    div.footer_menu_divider {
        padding-left: 45px !important;
        padding-right: 45px !important;
    }

    .footer_menu_links {
/*
        width: 60% !important;
        height: 28px !important;
*/
        width: 80% !important;
        height: 15px !important;
    }
}
/* End Responsive Service details page */
.error-list {
    background: url(../../image/img/error-list.svg) no-repeat left 17px;
    height: 30px;
    width: 50px;
    margin: auto;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.spc-btwn {
    display: flex;
    justify-content: space-between;
}
.error-lst-btn {
    border-style: double;
    background: #53beea;
    color: #fff;
    font-size: 14px;
    padding: 5px;
}
.error-lst-btn-1 {
    border: none;
    border-radius: 10px;
    background: radial-gradient(
        circle,
        rgba(233, 201, 33, 1) 0%,
        rgba(248, 212, 91, 1) 35%,
        rgba(255, 227, 0, 1) 100%
    );
    box-shadow: 0px 10px 10px -10px rgb(0 0 0 / 20%);
    color: #fff;
    font-size: 14px;
    padding: 5px 25px;
}

.error-lst-tbl {
    overflow-x: auto;
    border: none;
    margin: 10px 0;
}
.error-lst-tbl table {
    width: 100%;
}
.error-lst-tbl th {
    background: #e2e3e2;
    color: #3766bd;
    font-size: 14px;
    padding: 10px;
    font-weight: bold;
    border: 1px solid #fff;
}
.error-lst-tbl th:first-child {
    border-top-left-radius: 5px;
}
.error-lst-tbl th:last-child {
    border-top-right-radius: 5px;
}
.error-lst-tbl td {
    background-color: #facccc;
    color: #686c9d;
    font-size: 14px;
    padding: 10px;
    height: 100px;
}
.txt-red {
    color: #ff6048;
}
.txt-blue {
    color: #5c859b;
}
.error-lst-btn-2 {
    border: 1px solid #999999;
    border-radius: 10px;
    background: radial-gradient(
        circle,
        rgba(242, 242, 243, 1) 0%,
        rgba(241, 240, 241, 1) 54%,
        rgba(224, 225, 224, 1) 100%
    );
    color: #333;
    font-size: 14px;
    padding: 5px 10px;
    box-shadow: 0px 10px 10px -10px rgb(0 0 0 / 20%);
}

/* setting payment */
.container_item_1 {
    padding: 25px 20px;
    margin-bottom: 15px;
    margin-right: 15px;
}

.l_12_cont {
    display: flex;
}
.--pay-label {
    min-width: 200px;
    height: 49px;
}
.btn_center {
    text-align: center;
}
.btn_payment--width {
    width: 20%;
}
/*end of setting payment */
/*setting payment adjust*/
.container_item.container_item_background_adjust {
    background-color: transparent;
}
.p-index__head.p_index_head_adjust {
    height: 0px;
}
.td_paymentmethod_style {
    background-color: #daedf9;
    border-bottom: 1px solid white;
    border-left: 1px solid white;
}

.table_importantsettings {
    width: 100%;
}
.importantsettings_container {
    padding-right: 20px;
}
.importantsettings_container_container {
    width: 100%;
}
.th_importantsettings_border {
    border: 1px solid #bfbfbf;
    width: 120px;
}
.table_importantsettings_container {
    border-collapse: collapse;
}
.th_importantsettings_border.th_importantsettings_background {
    background-color: #ffffcc;
    height: 40px;
}
.inputtext_importantsettings {
    background-color: #daedf9;
    border-color: #bfbfbf;
    width: 93%;
}
.inputtext_importantsettings.select_importantsettings {
    width: 93%;
}
.btn_container_payment_adjust {
    display: flex;
    justify-content: center;
}
button.btn_setting_paymentmethod_adjust {
    width: 240px;
    height: 30px;
    border-radius: 5px;
    margin-top: 7px;
    text-align: center;
    border-color: #a6a6a6;
    background-color: #bfbfbf;
}
/*end payment adjust*/
.menusearch-txt {
    border: 1px solid #ad1212;
    color: #ad1212;
    text-align: center;
    font-size: 20px;
    padding: 10px;
    margin: 0 25px;
}
.menusearch-txt p {
    font-size: 16px;
}
.gmo-id-cont {
    background-color: #ffffcc;
    color: #326586;
    font-size: 14px;
    padding: 15px;
    justify-content: center;
    border: 1px solid #e8cfa1;
}
.ms-id-table {
    border: 1px solid #e8cfa1;
}
input.admin-npt {
    height: 25px;
    width: 200px;
    border: 1px solid #e8cfa1;
}
.text-align__center {
    text-align: center;
}
.ms-search-btn {
    font-size: 22px;
    background: hsla(0, 85%, 59%, 1);
    color: #fff;
    box-shadow: 0px 10px 10px -10px rgb(0 0 0 / 20%);
    height: 50px;
    padding: 10px 50px;
    border: none;
    font-weight: bold;
    border-radius: 5px;
}
/* .ms-search-btn:after{
  content: ' \25B6';
} */
.ms-search-btn:before {
    content: "";
    display: block;
    position: absolute;
    margin-left: 75px;
    margin-top: 10px;
    width: 15px;
    height: 15px;
    pointer-events: none;
    background: url(../../image/icon/arrow-r.svg);
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.menu-srch-btn {
    border-style: double;
    background: dimgray;
    color: #fff;
    font-size: 14px;
    padding: 5px 15px;
    color: #eee;
}
select.menu-srch {
    width: 500px;
}
/*start historylist page*/
.historylist_adjust {
    display: flex;
    border-bottom: 5px solid #7e7e7e;
    font-size: 25px;
    color: #245d97;
    letter-spacing: 5px;
    font-weight: 500;
}
.history_sub_div {
    display: flex;
    border: 1px solid #7e7e7e;
    padding: 8px;
    margin-top: 8px;
}
.history_body_adjust {
    padding: 10px;
}
.btn_history_list {
    width: 100px;
    border-radius: 7px;
    border: none;
    background-color: #f8d148;
    margin-left: 25px;
    font-weight: bold;
    color: #7e7e7e;
}
.p_history_list {
    padding-right: 10px;
    padding-left: 10px;
}
.history_truck_icon {
    background: url(../../image/img/delivery.svg) no-repeat left 17px;
    height: 34px;
    width: 54px;
    margin-right: 7px;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.history_adjust2 {
    width: 97%;
}
/*end history list*/

/* End Responsive Service details page */

/* Start setting important matter page */

.important_matter_container {
    padding-top: 5px;
    width: 60%;
    margin-bottom: 20px;
}

.important_matter_textarea {
    margin-left: 26.1px;
    margin-top: 2px;
}

.textarea_important_matter {
    height: 210px;
    width: 550px;
    font-size: 14px;
    padding-left: 12px;
}

.important_matter_description {
    height: auto;
    width: 550px;
    /* margin-left: 10px; */
    border: 1px solid black;
    background-color: white;
    padding-left: 12px;
}

input.important_matter_check {
    width: 50px;
    margin-right: -10px;
    margin-left: -14px;
}
/* End setting important matter page */

/* Start dealerMaster update */

.checkbox_part_dealer_master {
    display: flex;
}

.dealer_master_checkbox {
    margin-left: 40px;
}

.checkbox_label_dealer {
    font-size: 13px;
}

/* end dealerMaster update */
/* End Responsive Service details page */

/* customerManagement/search*/
.--search_center {
    text-align: center;
}
/*customer management*/

.p-table__cm-item {
    font-size: 12px;
    min-height: 32px;
    /* display: flex; */
    align-items: center;
    padding: 4px;
    transition: all 0.1s ease;
    text-align: center;
}

.paginate.cm_margin {
    margin-right: auto;
    margin-left: auto;
}
/* end customer management*/

/* Start dealerMaster 3rd tab */

span.dealerMaster_title_3 {
    margin-left: 15px;
}

p.item-input_dm {
    min-width: 120px;
    margin-left: 0px;
}

/* div.btn-search.margin-bottom--20 {
    display: flex;
    justify-content: center;
} */

/* End dealerMaster 3rd tab */
/*main menu animation*/
/* .items.sub-menu-show{
    display: none;
} */
/*main menu animation*/
.url__list {
    display: none;
}
/*end main menu animation*/

/*acquisition button save*/
.btn_acquisition_save {
    width: 220px;
    border-radius: 16px;
    height: 35px;
    border: none;
    background-color: #dedede;
    color: #fff;
}
.a_acquisition_save {
    font-weight: 600;
    font-size: 18px;
}
.btn_acquisition_adjust {
    margin-top: 30px;
    text-align: center;
    width: 50%;
}
/*end line button save*/
/*admin*/
.admin_container {
    height: 150px;
    width: 100%;
    border: 1px solid black;
}
.admin_body.admin_body_adjust {
    padding-top: 35px;
}
/*end admin*/
/*manage_system*/
.dashboard_small_container {
    height: 23px;
    width: 22px;
    border: 1px solid black;
    background-color: white;
    border-color: gray;
    margin-right: 5px;
}
.dashboard_input_text.dashboard_input_text_adjust.\.dropdown-toggle {
    width: 53%;
}
ul.manage_system_ul {
    list-style: disc;
    padding-left: 30px;
}
/*end manage_system*/
/*updated service master*/
.btn_servicemaster_edit {
    width: 100px;
    border-radius: 25px;
    border: none;
    background-color: #dedede;
}
.btn_servicemaster_href {
    font-size: 15px;
    font-weight: 600;
    color: white;
    font-family: Noto Sans NOTO SANS JP;
}
/*end service master*/
/*important matter*/
button.btn_important_matter {
    width: 300px;
    border-radius: 20px;
    border: none;
    color: white;
    font-weight: bold;
    font-size: 25px;
    background-color: DEDEDE;
}
.btn_important {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}
/*end important matter*/

/******* start primary store*********/
.store_master_btn {
    margin-bottom: 55px;
    justify-content: flex-end;
}

.l-12.l-12--gap24.primary_store_container {
    justify-content: space-between;
}

.l-12__3_primary_store_right_btn {
    display: flex;
    flex-direction: column;
}

input.date {
    border: 1px solid #dedede;
    line-height: 14px !important;
}
/******* end primary store*********/
/*start offer selectservice*/
.checkbox-update.checkbox_enable {
    appearance: auto;
}
.supplier_container {
    display: flex;
    /* justify-content: space-between; */
    /* background: red; */
    margin: auto;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.supplier_input1 {
    width: 120px;
    height: 30px;
    margin-left: 32px;
}
.supplier_input2 {
    width: 120px;
    height: 30px;
}
.supplier_input3 {
    width: 120px;
    height: 30px;
}
.supplier_input4 {
    width: 120px;
    height: 30px;
}
.hide {
    display: block;
}
.supplier_label2 {
    min-width: 54px;
    margin-right: 6px;
}
.supplier_label3 {
    margin-right: 10px;
}
label.supplier_label2_adjust {
    margin-left: 20px;
    min-width: 36px;
}
.supplier_label4 {
    margin-left: 20px;
    min-width: 36px;
}

label.supplier_label1 {
    min-width: 72px;
}
/*end offer selectservices*/

/* start purchasing_management */
.select_purchasing_management {
    width: 100%;
    padding: 8px;
    border: 1px solid #4a4a4a;
    border-radius: 3px;
}
/* end purchasing_management */

/*update register button color*/
.c_btn_updt_clr {
    background-color: #ffffcc;
    border-color: #ffffcc;
    color: black;
}
/*end update register button*/
/* start hyperlink class */
.name_hyperlink {
    color: -webkit-link;
    text-decoration: underline;
}
/*end hyperlink class*/

.l-search-1 {
    display: flex;
}

/* start products_list */

.delete_btn_products {
    margin-left: 15px;
}

/* end products list */
.btn-main {
    border: 1px solid #8c8989;
    background: linear-gradient(to bottom, #ffffff 50%, #dfdfdf 100%);
    border-radius: 5px;
    padding: 3px 39px;
    height: 25px;
    margin: 3px 15px;
    /* box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1); */
}

.thanks_page {
    /* background-color: #daedf9; */
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
}

.thanks_title p {
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    padding-top: 48px;
    color: #518acc;
}
.thanks_button {
    margin-top: 394px;
    width: auto;
    /* font-size: 56px; */
}

.t_btn-label {
    text-align: center;
    background-color: #518acc;
    width: 359px;
    padding: 20px;
    margin: auto;
    border-radius: 41px;
}

.t_btn-label a {
    font-size: 37px;
    color: white;
}

/*Regist Page*/
.g_header {
    background: #25397a;
    border-bottom: none;
    height: 12px;
}
.g_footer {
    background: #25397a;
    border-top: 3px solid #d5e3f5;
    text-align: center;
    color: #ffffff;
    font-size: 0.6em;
    padding: 8px;
}
.regist_background {
    /* background: white url(../../public/image/regist/foot-bg.png) repeat scroll left top;
        padding-bottom: 15px;
        width: 100%; */
}

.regist_logo {
    width: 100%;
    background: #fff none repeat scroll 0 0;
    border-radius: 0 0 6px 6px / 0 0 6px 6px;
    padding: 10px;
    box-shadow: 0px 0px 6px rgb(37 57 122 / 90%);
    margin-bottom: 4%;
}
.regist_logo img {
    width: auto;
    height: 158px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    display: block;
    object-fit: cover;
    image-rendering: crisp-edges;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
}
.regist_background {
    display: flex;
    justify-content: center;
}

.regist_container {
    max-width: 600px;
    width: 94%;
    margin: 0 auto;
    padding-bottom: 15px;
}

.c-regist>.regist_infomation{
    width: 100%;
    min-height: 500px;
    background: #fff none repeat scroll 0 0;
/* border-radius: 0 0 6px 6px / 0 0 6px 6px; */
    border-radius: 6px;
    padding: 10px;
    box-shadow: 0px 0px 6px rgb(37 57 122 / 90%);
    margin-bottom: 4%;
}

.regist_main_adjust {
}
.service_box {
    width: 85%;
    text-align: center;
    margin: 0 auto 0%;
}
.regist_main {
    background: #fff none repeat scroll 0 0;
    border-radius: 6px;
    padding: 10px;
    box-shadow: 0px 0px 6px rgb(37 57 122 / 90%);
}
.regist_main {
    min-height: 500px;
}

.ttl-yellow {
    font-size: 1.8em;
    padding: 10px;
    color: #25397a;
    border-radius: 6px;
    background: #fff09b;
    font-family: "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3",
        "Hiragino Kaku Gothic ProN", Meiryo, Arial, sans-serif;
    font-weight: 100;
    font-size: 2.4em;
}
.pb20 {
    padding-bottom: 20px;
}
.mb40 {
    margin-bottom: 40px;
}
.mb15 {
    margin-bottom: 15px;
}
.r-btn {
    background: rgba(0, 0, 0, 0)
        linear-gradient(to bottom, #395bbf 0%, #25397a 100%) repeat scroll 0 0;
    color: #ffffff;
    font-family: "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3",
        "Hiragino Kaku Gothic ProN", Meiryo, Arial, sans-serif;
}
a.btn {
    text-decoration: none;
    border-radius: 5px;
    display: block;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 13px 0;
    text-align: center;
}
.regist_body {
    font-family: "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3",
        "Hiragino Kaku Gothic ProN", Meiryo, Arial, sans-serif;
    line-height: 1.4;
    color: #000000;
    font-size: 1.4em;
}
.regist_p {
    font-family: "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3",
        "Hiragino Kaku Gothic ProN", Meiryo, Arial, sans-serif;
    line-height: 1.4;
    color: #4b4b4b;
    font-size: 1.4em;
}
.g_footer_in {
    font-family: "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3",
        "Hiragino Kaku Gothic ProN", Meiryo, Arial, sans-serif;
    line-height: 1.4;
    color: #ffffff;
    font-size: 1.4em;
}
.regist_background_ultmt {
    background: white url("../image/regist/foot-bg.png");
    width: 100%;
}
.regist_cookie {
    display: flex;
    position: fixed;
    padding: 1em 1.8em;
    bottom: 0;
    width: 100%;
    height: auto;
    background-color: rgb(239, 239, 239);
}
.resgist_cookie_textbody {
    /* font-family: Helvetica,Calibri,Arial,sans-serif; */
    font-size: smaller;
    line-height: 1.7em;
    font-weight: 400;
    width: 100%;
}
.regist_cc_allow {
    color: rgb(255, 255, 255);
    border-color: transparent;
    background-color: rgb(142, 199, 96);
}

.regist_cc_allow.regist_btn {
    display: block;
    padding: 0.4em 0.8em;
    font-size: 0.9em;
    font-weight: 700;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    white-space: nowrap;
    margin-top: 20px;
}

.regist_close.regist_close_css:hover {
    opacity: 10;
}
.regist_cc_allow.regist_btn:hover {
    background-color: rgb(180, 237, 134);
    color: white;
}
.regist_close.regist_close_css {
    display: block;
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    font-size: 1.6em;
    opacity: 0.9;
    line-height: 0.75;
}
.p_regist_deco {
    text-decoration: underline;
}
.regist_cookie {
    animation: opac 0.8s;
}
@keyframes opac {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@media only screen and (max-width: 375px) {
    h2.ttl-yellow.mb15 {
        font-size: 1.8rem;
    }
    .regist_p {
        font-size: 0.8em;
    }
    .r-btn.btn {
        font-size: 1.1em !important;
    }
    .g_footer_in {
        font-size: 1.6rem;
    }
}

@media only screen and (max-width: 373px) {
    .g_footer_in {
        font-size: 1.1rem;
    }
}
@media only screen and (max-width: 736px) {
    .regist_cookie {
        display: block;
    }
    .regist_cc_allow.regist_btn {
        width: fit-content;
    }
}
@media only screen and (max-width: 597px) {
    .regist_cc_allow.regist_btn {
        white-space: normal;
        text-align: center;
        width: min-content;
        font-weight: bold;
    }
    .regist_cookie {
        display: flex;
    }
}

@media only screen and (max-width: 413px) {
    .regist_cookie {
        display: block;
    }
    .regist_cc_allow.regist_btn {
        width: fit-content;
    }
}
@media only screen and (max-width: 900px) {
    .regist_cc_allow.regist_btn {
        white-space: normal;
    }
}
@media only screen and (max-width: 792px) {
    .regist_cc_allow.regist_btn {
        white-space: normal;
    }
}
@media only screen and (max-width: 500px) {
    h2.ttl-yellow.mb15 {
        font-size: 1.8em;
    }
    .regist_p {
        font-size: 1.1em;
    }
    .g_footer_in {
        font-size: 1.1rem;
    }
}
@media only screen and (max-width: 319px) {
    h2.ttl-yellow.mb15 {
        font-size: 2.4em;
    }
    .regist_p {
        font-size: 1.1em;
    }
    .regist_p {
        font-size: 1.4em;
    }
    .r-btn.btn {
        font-size: 1.8em !important;
    }
}

table.login_tbl {
    width: 100%;
}
table.login_tbl tr td {
    border: none;
}
table.login_tbl th {
    padding: 2% 0;
    font-weight: 800;
}
table.login_tbl input.txt1 {
    width: 100%;
    border: solid 1px #333;
    min-height: 40px;
    font-size: 1.4em;
}

.dl_btn {
    width: 100%;
    max-width: 98%;
    margin: 0 auto 10%;
}
.dl_btn button {
    display: block;
    background: #888888;
    text-align: center;
    color: #ffffff;
    font-size: 1.1em;
    padding: 4% 0;
    width: 100%;
    border: none;
    margin: 3% auto 0;
    border-radius: 5px;
}

.btn-lg-mgn-t {
    margin-top: 22px;
}

.bg-logout {
    cursor: pointer;
    margin: 0 auto;
    border: none;
    background: transparent;
    text-align: center;
    display: flex;
    font-size: 14px;
    padding: 0 2%;
    align-items: center;
    height: 100%;
    justify-content: center;
}

/*End Regist Page*/

/* Correspondence Form */
.co-res-form {
    padding: 10px;
}

.co-res-form-container {
    background: #ccc;
    padding: 20px;
    padding-bottom: 40px;
    margin-bottom: 15px;
    border-radius: 1rem;
}
.co-res-form-container form {
    display: flex;
}
.co-res-form-container form button {
    display: initial;
    height: 100%;
    align-self: end;
}
.cor-res-form-text {
    display: flex;
    width: 70%;
    margin: 0 10px;
}
.cor-res-form-text textarea {
    height: 100%;
}
.co-res-form-select select {
    width: 100%;
    margin: auto;
}
.cor-res-form-text label {
    width: 100%;
    max-width: 3rem;
}
.co-res-form-select {
    width: 100%;
    max-width: 14rem;
}
.co-res-form-select .cor-res-first-select {
    display: flex;
    margin-bottom: 2rem;
}
.co-res-form-select .cor-res-first-select label {
    width: 100%;
    max-width: 3rem;
}
.select-gender-cont {
    margin: 10px 10px 0 55px;
    width: 100%;
}
.select-gender-cont select#date {
    width: 100%;
    padding: 0px 8px 0 30px;
    border: solid 2px #c5c0c0;
}
.margin-bottom--200 {
    margin-bottom: 200px;
}
form.confirm--admin, .complete--admin{
    display: flex;
    justify-content: center;
}
form.confirm--admin button, a.complete--admin {

    padding: 0 20px;
    border-radius: 5px;
    align-items: center;
    border: 1px solid #acacac;
    margin-top: 5%;
    cursor: pointer;
    border-bottom-width: 2px;
    color: #000;
}
form.confirm--admin button:hover,  a.complete--admin:hover{
    background-color: #d6d5d5;
    border-bottom-width: 1px;
    border-top-width: 2px;
}

/* End Correspondence Form */

.notice-cont {
    margin: 0 50px;
    text-align: center;
    border: 2px solid #dadada;
    background: white;
    padding: 3px 3px;
    width: 58%;
}
.txt-mrn{
    color: #b32729;
}
.txt-red{
    color: red;
}
.confirm-cont {
    width: 80%;
    background: #dbedf8;
    padding: 15px;
    border-radius:10px;
}
.confirm_container {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    background: white;
}
.btn-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40%;
    margin: 10px auto;
    text-align: -webkit-center;
}
.btn-flex button {
    width: 60%;
}
.btn-wdth{
    width: 50%;
}

.header-txt-size{
    font-size: 1.475rem;
}

.font-color{
    color: #1478b8;
}

.contact-res-form-container {
    background: #ccc;
    padding: 20px;
    padding-bottom: 40px;
    margin-bottom: 15px;
    border-radius: 1rem;
}
.contact-res-form-container form {
    display: block;
}
.contact-res-form-container form button {
    display: initial;
    align-self: end;
}
.contact-area {
    display: flex;
    margin: 15px 0px;

}
.cntct-lbl {
    width: 87px;
    text-align: right;
    margin-right: 4px;
}
.width-txtarea {
    width: 88%;
    margin: 0px 5px 0px 0px;
}


.grade-chart-list {
	width: 100%;
	min-height: 50px;
	max-height: 600px;
	overflow: auto;
}
.grade-chart-list table tbody tr th {
	min-width: 155px;
}

.grade-chart-list::-webkit-scrollbar{
	width: 10px;
	height: 10px;
}
.grade-chart-list::-webkit-scrollbar-track{
	background-color: #ccc;
}
.grade-chart-list::-webkit-scrollbar-thumb{
	background-color: #17585d;
}

.responsive_tbl table{
	font-family: arial, sans-serif;
	border-collapse: collapse;
	width: 100%;
	height: 300px;
}
.responsive_tbl th,td{
	text-align: center;
	padding: 8px;
	border: solid 1px #ffff;
	height: 50px;
	vertical-align: middle;
}

.responsive_tbl th{
	background: #1e4f78;
	color: #ffffff;
	font-weight: 500;
}

.responsive_tbl tr:nth-child(even) {
	background: #daedf9;
}
.responsive_tbl tr:nth-child(odd) {
	background: #b1d4f3;
}

.responsive_tbl tr{
	background: #daedf9;
}

.responsive_tbl td:nth-of-type(1){
	background: #fff;
}

.responsive_tbl td{
	background-color: transparent;
}

.responsive_tbl tr:hover {
	background-color: #8ec2ed;
}

.fixed_column,
.fixed_cell
{
	position: sticky;
	left: 0;
	top: 0;
	background: #fff;
	&:before{
		content: "";
		position: absolute;
		top: -1px;
		left: -1px;
		width: 100%;
		height: 100%;
		border: 1px solid #eeeeee;
	}
}

.fixed_cell{
	z-index: 2;
}
.fixed_column{
	z-index: 1;
}

.required_red {
    color: red;
}

.validation_message{
    position: relative;
    top: 34px;
    /* left: -10%; */
}

.validation_message_left{
    left: -26%;
    width: 15%;
    font-size: 15px;
}
.validation_message_left_2{
    left: -30%;
    width: 18%;
    font-size: 15px;
}

.system_input_container {
    margin-bottom: 35px;
}

.system_input_container .text-danger {
    margin: 0px 10px;
}


.system-input input[type="text"],
.system-input input[type="date"],
.system-input input[type="month"] {
    font-size: 13px;
    word-break: break-all;
    height: 40px;
    padding: 0 8px;
    width: 20%;
    border: 1px solid #4a4a4a;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.system-input input[type="file"] {
    font-size: 13px;
    word-break: break-all;
    height: 40px;
    padding: 0 8px;
    width: 50%;
}


.system_row .p-list__item__label {
    font-size: 13px;
    letter-spacing: 0;
    display: inline-block;
    margin: 16px 0;
    flex: 0 0 155px;
    position: relative;
}

/* ページTOP */
#page-top a{
	display: flex;
	justify-content:center;
	align-items:center;
/*	background:#942D2F; */
	background:#2f40e2;
	border-radius: 5px;
	width: 90px;
	height: 30px;
	color: #fff;
	text-align: center;
	text-transform: uppercase; 
	text-decoration: none;
	font-size:0.6rem;
	transition:all 0.3s;
}

#page-top a:hover{
	background: #777;
}

/* リンクを右下に固定 */
#page-top {
	position: fixed;
	right: 10px;
	bottom:50px;
	z-index: 2;
	/*はじめは非表示*/
	opacity: 0;
	transform: translateY(100px);
}

/* ページ下部 */
#page-down a{
	display: flex;
	justify-content:center;
	align-items:center;
/*	background:#942D2F; */
	background:#2f40e2;
	border-radius: 5px;
	width: 90px;
	height: 30px;
	color: #fff;
	text-align: center;
	text-transform: uppercase; 
	text-decoration: none;
	font-size:0.6rem;
	transition:all 0.3s;
}

#page-down a:hover{
	background: #777;
}

/*リンクを右下に固定*/
#page-down {
	position: fixed;
	right: 10px;
	bottom:10px;
	z-index: 2;
	/*はじめは非表示*/
	opacity: 0;
	transform: translateY(100px);
}

/*　上に上がる動き　*/
#page-top.UpMove,#page-down.UpMove{
	animation: UpAnime 0.5s forwards;
}

@keyframes UpAnime{
	from {
		opacity: 0;
		transform: translateY(100px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/*　下に下がる動き　*/
#page-top.DownMove,#page-down.DownMove{
	animation: DownAnime 0.5s forwards;
}

@keyframes DownAnime{
	from {
		opacity: 1;
		transform: translateY(0);
	}
	to {
		opacity: 1;
		transform: translateY(100px);
	}
}