@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;
}

table td{
	background: #fff;
}

table tr:nth-child(odd) td {
  background: #d8eaf5;
}

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: center;
  border: 1px solid;
}

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";
  display: flex;
  flex-direction: column;
  flex: auto;
  min-width: 0;
  min-height: 650px;
}

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;
}
.l-frame__row {
  flex: 5;
  min-width: 0;
  display: flex;
}
.l-frame__main {
  display: flex;
  flex: auto;
  min-width: 0;
}
.l-frame__sidebar {
  flex: 0 0 265px;
  background: #162337;
  /* height: max-content; */
}
.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__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: 50%;
}
.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;
}

.c-button--ranking{
    margin : 0 !important;
}

/* End Custom */
.c-button, .c-button__movie {
  min-width: 120px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  background: #1c325c;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  height: 30px;
  padding: 0 16px;
  border-radius: 3px;
  user-select: none;
  cursor: pointer;
}
.c-button-register, .c-button__movie {
  min-width: 120px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  background: #0bba01;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  height: 30px;
  padding: 0 16px;
  border-radius: 3px;
  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: #069BDD;
  border-color: #069BDD; */
}
.c-button--sub:hover {
  background: #465300;
  border-color: #465300;
}

.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: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;
}

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: 130px;
}

.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__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;
}
.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--full {
  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;
}
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: #eee;
} */
.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;
  /* Adjust Middle */
  height: 100%;
}
.p-auth__box {
  /* width: 360px; */
  width: 543px;
  padding: 56px 40px;
  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-auth__box__body .c-button--large {
    font-weight: 600;
}

.p-header {
  background: #fff;
  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);
}
.p-header__image {
  /* flex: 0 0 180px; */
  margin: 0 auto 0 0;
  width: 266px;
  display: inline-flex;
  background: #162337;
  padding: 14px;
  margin-left: -17px;
}
.p-header__image__logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  width: 100%;
}
.p-header__text {
  flex: auto;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.p-header__list {
  display: flex;
  align-items: center;
}
.p-header__list__item + .p-header__list__item {
  margin: 0 0 0 16px;
  padding: 0 0 0 16px;
  border-left: 1px solid #b6bccc;
}
.p-header__list__item__name {
  color: #444444;
}
.p-header__list__item__button {
  color: #91A6BE;
  cursor: pointer;
}
.p-header__list__item__button:hover {
  color: #1150A5;
}

.p-sidebar__list__item__button {
  color: #fff;
  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 #2C3849;
}
.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: #D32320;
    border-left: 5px solid #D32320;

}
.sub-hidden {
    display: none;
}
/* end custom */

.is-active .p-sidebar__list__item__button {
  color: #fff;
  border-left: 5px solid #c16005;
}
.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: 32px;
  margin: 0 8px 0 0;
  background: rgba(255, 255, 255, 0.3);
}
.p-sidebar__list .dashboard .c-image {
  height: 14px;
  width: 14px;
  background: url(/image/icon/dashboard_icon_red.svg);
  /* background: url(/image/icon/icon_dashboard.svg); */
}
.dashboard.is-active  .c-image {
  background: url(/image/icon/dashboard_icon_red.svg);
  width: 14px;
  height: 14px;
  /* background: url(/image/icon/icon_red_dashboard.svg); */
}
.p-sidebar__list .logout_side .c-image {
  height: 14px;
  width: 14px;
  background: url(/image/icon/logout_icon.svg);
  /* background: url(/image/icon/icon_dashboard.svg); */
}
.logout_side.is-active  .c-image {
  background: url(/image/icon/logout_icon.svg);
  width: 14px;
  height: 14px;
  /* background: url(/image/icon/icon_red_dashboard.svg); */
}
.p-sidebar__list .user .c-image {
  height: 14px;
  width: 14px;
  background: url(/image/icon/cycle.svg);
  /* background: url(/image/icon/icon_user.svg); */
}
.user.is-active  .c-image {
  height: 14px;
  width: 14px;
  background: url(/image/icon/cycle.svg);
  /* background: url(/image/icon/icon_red_user.svg); */
}
.p-sidebar__list .company .c-image {
    height: 25px;
    width: 25px;
    background: url(/image/icon/icon_red_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_orange_contact.svg);
}
.p-sidebar__list .account .c-image {
    width: 17px;
    height: 17px;
    margin: 0 13px 0 3px;
    background: url(/image/icon/icon_orange_account.svg);
}
    .account.is-active .p-sidebar__list__item__button  .c-image {

    background: url(/image/icon/icon_orange_account.svg);
}

.p-index {
    /* max-width: 1280px; */
    width: 100%;
    flex: auto;
    min-width: 0;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    padding: 16px;
    background: #F5F5F5;
}
.p-index__head {
    width: 100%;
    background: #F5F5F5;
    /* background: #fff; */
    display: flex;
    align-items: center;
    height: 64px;
    /* border-bottom: 1px solid #eee; */
    /* padding: 0 16px; */
}
.p-index__head__title {
    flex: none;
    display: flex;
    align-items: center;
    padding-top: 0px;
    /* padding-top: 35px; */
}
.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); */
    background: url(/image/icon/icon_orange_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: #F5F5F5;
  /* 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;
}

.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 100px;
  margin: 0 0 0 10px;
}
.p-filter__sub_2 {
  /* flex: 0 0 100px; */
  margin: 0 0 0 0px;
}
.p-filter__sub_2 button {
  background: #1c325c;
}
.p-filter__sub button {
  background: #1c325c;
}
.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;
  display: flex;
  justify-content: flex-end;
  margin: 0 0 0 600px;
}

/* 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: 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;
  border-top: 1px solid;
  border-right: 1px solid;
  border-left: 1px solid;
  background: antiquewhite;
}
.p-table__data {
  border-bottom: 1px solid #91A6BE;
}
.p-table__data__tableRow {
  border-bottom: 1px solid #e6e9f1;
  transition: all 0.1s ease;
}
.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: px;
}
.p-table__tableHead--second {
  width: px;
}
.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__forget {
    text-align: center;
    padding-top: 20px;
}

.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 100px;
  position: relative;
}
.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;
}

/* 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% */
    text-align: initial;
    max-width: 615px;
    height: 401px;
    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;
}
.margin-top--01 {
    margin-top: 35px;
}
.margin-top--02 {
    margin-top: 10px;
}

.margin-top--20 {
    margin-top: 20px;
}
.margin-bottom--01 {
    margin-bottom: 10px;
}
.margin-bottom--60 {
    margin-bottom: 60px;
}
.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--15 {
    padding :10px;
}
.padding-02 {
    padding :25px;
}
.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;
}

.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-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% - 30px) / 2);
  margin-bottom: 15px;
  border-radius: 5px;
  border: 1px solid #1781EB;
}
.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: 100px;
}
.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: 10px 0;
  width: 100%;
  color: #E81C1C;
  border-radius: 2px;
}

.p-formError--admin .message{
    text-align : center !important;
}

.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;
}

td.p-table__tableData {
  border: 1px solid;
}

.id_textbox{
  margin-left: 67px;
  width: 170%;
}

.password_textbox{
  margin-left: 10px;
  width: 195%;
}

.c-button-login {
  min-width: 120px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  background: #162337;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  height: 30px;
  padding: 0 16px;
  border-radius: 3px;
  user-select: none;
  cursor: pointer;
  padding: 20px;
}
.c-button-export {
  min-width: 120px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    background: #C16005;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    height: 61px;
    padding: 0 16px;
    border-radius: 3px;
    user-select: none;
    cursor: pointer;
    padding: 20px;
    width: 165px;
    margin-right: 30px;
    margin-top: 27px;
}

.filter_select{
  margin-left: 55px;
  width: 1;
  width: 65px;
  height: 31px;
  border-radius: 4px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
}

.filter_select_2{
  margin-left: 14px;
  width: 1;
  width: 395px;
  height: 47px;
  border-radius: 4px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
}

.filter_select_label{
  display: inline-block;
}
.filter_select_label_2{
  display: inline-block;
  margin-top: 77px;
  margin-bottom: 62px;
}

span.select-label {
  margin-left: 14px;
}

.count-label{
  margin-left: -170px;
}

span.button_less::before{
  content: "";
    width: 100px;
    height: 17.05px;
    position: relative;
    top: -11px;
    display: block;
    width: 7.05px;
    right: -16px;
    transform: translateY(-50%);
    pointer-events: none;
    background: url(../../image/icon/less_than.svg);
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
span.greater_than::after{
  content: "";
  width: 100px;
  height: 16.22px;
  position: relative;
  top: -28px;
  display: block;
  width: 7.11px;
  right: -42px;
  transform: translateY(-50%);
  pointer-events: none;
  background: url(../../image/icon/greater_than.svg);
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

button.close_button_modal {
  background: none;
  border: none;
  padding: 0;
  position: relative;
  left: 121px;
}

button.close_button_modal::before{
  content: "";
  width: 100px;
  height: 18.22px;
  position: relative;
  top: 9px;
  display: block;
  width: 16.11px;
  right: 0px;
  transform: translateY(-50%);
  pointer-events: none;
  background: url(../../image/icon/close_modal_icon.svg);
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

button.close_button_modal_reduction {
  background: none;
  border: none;
  padding: 0;
  position: relative;
  left: 70px;
}

button.close_button_modal_reduction::before{
  content: "";
  width: 100px;
  height: 18.22px;
  position: relative;
  top: 9px;
  display: block;
  width: 16.11px;
  right: 0px;
  transform: translateY(-50%);
  pointer-events: none;
  background: url(../../image/icon/close_modal_icon.svg);
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.label_upload_file{
  text-align: center;
  font-size: 14px;
  font-weight: 700;
}

.tableFixHead {
  overflow-y: auto; /* make the table scrollable if height is more than 200 px  */
  height: 273px; /* gives an initial height of 200px to the table */
}
.tableFixHead thead th {
  position: sticky; /* make the table heads sticky */
  top: 0px; /* table head will be placed from the top of the table and sticks to it */
}
table {
  border-collapse: collapse; /* make the table borders collapse to each other */
  width: 100%;
}
th,
td {
  padding: 8px 16px;
  border: 1px solid #ccc;
  font-size: 14px;
}
th {
  background: #162337;
  color: #fff;
  font-size: 12px;
}

span.dashboard_label{
  text-align: center;
  font-size: 16px;
  font-weight: 700;
}

.tbody_color{
  background: #fff;;
}

.pagination {
  /* margin-top: 20px; */
  margin-bottom: 20px;
  margin-bottom: 20px;
  position: relative;
  top: -20px;
  left: 12px;
}

.pagination li {
  display: inline-block;
  margin-right: 5px;
}

.pagination li a {
  padding: 5px 10px;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  color: #333;
}

.pagination li a:hover {
  background-color: #ddd;
}

.pagination .active a {
  background-color: #007bff;
  border-color: #007bff;
  color: #fff;
}

.pagination .disabled {
  opacity: 0.5;
  pointer-events: none;
}

.pagination .arrow {
  background-image: url("path/to/arrow-icon.png");
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
  display: inline-block;
}

#myBtn.unclickable  {
  background-color: gray;
  color: white;
  pointer-events: none;
}

#recommendLoader {
    display: flex;
    justify-content: center;
    scale: 0.5;
}

.list_button {
  font-size: 10px;
  background-color: #00285F;
  color: white;
  white-space: nowrap;
  cursor: pointer;
}

.list_button2 {
  font-size: 10px;
  background-color: #00285F;
  color: white;
  white-space: nowrap;
  cursor: pointer;
}