@charset "UTF-8";
/* ! --------------------------------------------------
Foundation [サイト全体のデフォルトスタイル]
-------------------------------------------------- */
/* ! --------------------------------------------------
BreakPoint
-------------------------------------------------- */
/* ! ==================================================
Color
================================================== */
/* ! ==================================================
Size
================================================== */
/* ! ==================================================
Color
================================================== */
.c-background--main{background:#1150A5;}
.c-background--accent{background:#E41F1F;}
.c-background--sub{background:#069BDD;}
.c-background--title{background:#222222;}
.c-background--base{background:#444444;}
.c-background--second{background:#999999;}
.c-background--third{background:#aaaaaa;}
.c-background--form{background:#91A6BE;}
.c-background--formLine{background:#ccc;}
.c-background--form--high{background:#518acc;}
.c-background--line{background:#b6bccc;}
.c-background--background{background:#e6e9f1;}
.c-background--background--light{background:#fafafd;}
.c-background--error{background:#F75769;}
.c-background--alert{background:#F75769;}
.c-background--alertBackground{background:#FFEEF0;}
.c-background--correct{background:#4AD1A2;}
.c-background--blue{background:#1781EB;}
.c-background--deep--blue{background:#1B264C;}
.c-background--thin--blue{background:#CBDBF1;}
.c-background--white{background:#fff;}
.c-background--red{background:#D32320;}
.c-background--black{background:#000;}
.c-background--gray{background:#ddd;}

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

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

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

fieldset,img{border:0;}

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

ol,ul{list-style:none;}

caption,th{text-align:left;}

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

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

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

sup{vertical-align:text-top;}

sub{vertical-align:text-bottom;}

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

legend{color:#000;}

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

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

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

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

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

body{font-size:1rem;font-family:"Roboto","Noto Sans JP",-apple-system,"BlinkMacSystemFont","Segoe UI","Roboto","Helvetica Neue","Arial","Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-feature-settings:"palt";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 200px;background:#000;height:max-content;}
.l-frame__footer{height:auto;}
.l-container{max-width:unset;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:#1150A5;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:#057fb5;border-color:#057fb5;}
.c-button--default{background:#fff;border-color:#1C274D;color:#000;}.c-button--default:hover{background:rgb(235,235,235);border-color:#1C274D;color:#000;}



.c-button--deep-blue{background:#10356A;border-color:#10356A;}
.c-button--save{height:40px;width:148px;background-color:#1150A5;}
.c-button--additional{width:250px;height:40px;background-color:#00285F;}
.c-button--twitter{background-color:#50ABF1;border-color:#50ABF1;}
.c-button--twitter:hover{background-color:#438cc4;border-color:#438cc4;}
.c-button--large{height:48px;}
.c-button--small{height:28px;min-width:0;}
.c-button--full{width:100%;min-width:0;padding:0 4px;}
.c-button--medium{min-width:90px;}
/* Custom Wide Button */
.c-button--wide{min-width:160px;min-height:35px;}
.c-button--hidden{display:none;}
.c-button--long{max-width:250px;width:100%;}

/*  End Custom */
.c-button--red{background:#D32320;}
.c-button--red:hover{background:#fff;color:#D32320;border:1px solid #D32320;}
.c-button--gray,.c-button--gray__movie{background:#ddd;}
.c-button--gray--back{background:#ddd;}
.c-button--gray:hover,.c-button--gray__movie:hover{background:#ddd;cursor:not-allowed;/*	    background:color("white");	    color:color("black");	    border:1px solid #D6D5D5;*/}
.c-button--gray--back:hover{background:#ddd;/*	    background:color("white");	    color:color("black");	    border:1px solid #D6D5D5;*/}
/* Custom color for c-button */
.c-button--secondary{background:#DEDEDE;}
.c-button--secondary: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;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;}
.p-header__image__logo{display:inline-flex;align-items:center;justify-content:center;}
.p-header__text{flex:auto;min-width:0;display:flex;align-items:center;justify-content: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 #707070;}
.p-sidebar__list__item__button:hover{background:rgba(255,255,255,0.3);}

/*start custom changes */
.side-custom{padding:0 8px 0 16px;border-left:4px solid transparent;}
.p-sidebar__list__item--sub{ height:30px; border-left:5px solid #D32320;}
a.is-active{color:#D32320;border-left:5px solid #D32320;}
.sub-hidden{display:none;}
/* end custom */

.is-active .p-sidebar__list__item__button{color:#D32320;border-left:5px solid #D32320;}
.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);}
.dashboard.is-active  .c-image{background:url(../image/icon/icon_red_dashboard.svg);}
.user.is-active  .c-image{background:url(../image/icon/icon_red_user.svg);}
.p-sidebar__list .company .c-image{height:25px;width:25px;background:url(../image/icon/icon_company.svg);}
.company.is-active .c-image{background:url(../image/icon/icon_red_company.svg);}
.p-sidebar__list .quiz .c-image{height:25px;width:25px;background:url(../image/icon/icon_quiz.svg);}
.quiz.is-active  .c-image{background:url(../image/icon/icon_red_quiz.svg);}
.p-sidebar__list .news .c-image{height:25px;width:25px;background:url(../image/icon/icon_newss.svg);}
.news.is-active .c-image{background:url(../image/icon/icon_red_news.svg);}
/* .p-sidebar__list .event .c-image{height:19px;width:18px;margin:0 11px 0 4px;background:url(../image/icon/icon_calendar.svg);} */
/* .is-active.event .c-image{background:url(../image/icon/icon_red_calendar.svg);} */


.p-sidebar__list .setting .c-image{height:23px;width:20px;margin:0 10px 0 3px;background:url(../image/icon/icon_file-configuration.svg);}
.setting.is-active .c-image{background:url(../image/icon/icon_red_file-configuration.svg);}
.p-sidebar__list .contact .c-image{height:25px;width:25px;background:url(../image/icon/icon_contact.svg);}
.contact.is-active .c-image{background:url(../image/icon/icon_red_contact.svg);}
.p-sidebar__list .account .c-image{width:17px;height:17px;margin:0 13px 0 3px;background:url(../image/icon/icon_account.svg);}  .account.is-active .p-sidebar__list__item__button  .c-image {
  background:url(../image/icon/icon_red_account.svg);}
.p-index{max-width:1925px;width:100%;flex:auto;min-width:0;margin:0 auto;display:flex;flex-direction:column;padding:24px;}
.p-index__head{width:100%;display:flex;align-items:center;height:64px;padding:0 16px;}
.p-index__head__title{flex:none;display:flex;align-items:center;padding:8px 0;}
.p-index__head__title .c-image{width:24px;margin:0 8px 0 0;}
.p-index__head__title .c-image--user{height:25px;width:25px;background:url(../image/icon/icon_red_user.svg);}
.p-index__head__title .c-image--account{height:25px;width:25px;background:url(../image/icon/icon_red_account.svg);}
.p-index__head__title .c-image--company{height:25px;width:25px;background:url(../image/icon/icon_red_company.svg);}
.p-index__head__title .c-image--quiz{height:25px;width:25px;background:url(../image/icon/icon_red_quiz.svg);}
.p-index__head__title .c-image--news{height:25px;width:25px;background:url(../image/icon/icon_red_news.svg);}
.p-index__head__title .c-image--contact{height:25px;width:25px;background:url(../image/icon/icon_red_contact.svg);}
.p-index__head__title .c-image--setting{height:25px;width:25px;background:url(../image/icon/icon_red_file-configuration.svg);}.p-index__head__title .c-image--event{height:25px;width:25px;background:url(../image/icon/icon_red_calendar.svg);}
.p-index__head__title .p-text{margin-left:24px;}
.p-index__head__action{flex:auto;min-width:0;display:flex;align-items:center;justify-content:flex-end;}
.p-index__body{width:100%;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 64px;margin:0 0 0 10px;}
.p-filter__sub button{background:#000;}
.p-filter__list{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;margin:-4px;}
.p-filter__list__item{display:flex;align-items:center;padding:4px;}
.p-filter__list__item__label{margin:0 4px 0 0;}
.p-filter__list__item__data .c-input select{height:30px;border-radius:0;}
.p-filter__list__item__data .c-input input{height:30px;border-radius:0;}
.p-filter__list__item__data__flex{display:flex;align-items:center;margin:-4px;}
.p-filter__list__item__data__flex > li{margin:4px;}
.p-buttonWrap{display:flex;position:relative;z-index:0;margin:-2px;}

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

.p-buttonWrap--right{justify-content:flex-end;}
.p-buttonWrap--center{justify-content:center;}
.p-buttonWrap--reverse{flex-direction:row-reverse;}
.p-buttonWrap--auto{flex:auto;min-width:0;}
.p-buttonWrap--full{width:100%;}
.p-buttonWrap > *{margin:2px;}
.p-text{display:flex;flex-wrap:wrap;align-items:baseline;margin:-4px;}
.p-text > *{display:block;margin:4px;}
.p-text--narrow{margin:-2px;}
.p-text--narrow > *{margin:2px;}
.p-text--wide{margin:-8px;}
.p-text--wide > *{margin:8px;}
.p-text--right{justify-content:flex-end;}

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

/* End Custom */

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

- テーブルセット

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

- テーブルセット

-------------------------------------------------- */
.p-tableSet__head{padding:4px 0;display:flex;}
.p-tableSet__head .p-buttonArea{margin:0 0 0 auto;}
.p-tableSet__foot{display:flex;align-items:center;padding:8px 0;}
.p-tableSet__foot .p-pagination{margin:0 0 0 auto;}
.p-tableSet__foot .p-buttonArea{margin:0 0 0 auto;}
.p-tableSet__place__count{font-size:12px;}
.p-tableSet__statusLegend{display:flex;margin:0 0 0 auto;}
.p-tableSet__statusLegend .c-status{color:#999999;font-size:11px;line-height:1em;height:1em;padding:0 0 0 16px;margin:0 0 0 16px;}
.p-tableSet__statusLegend .c-status:before{width:12px;height:12px;}
.p-table{width:100%;}
.p-table__head{border-bottom:1px solid #91A6BE;}
.p-table__data{border-bottom:1px solid #91A6BE;}
.p-table__data__tableRow{border-bottom:1px solid #e6e9f1;transition:all 0.1s ease;}
.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{}
.p-table__tableHead--second{}
.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;}
.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%}
.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;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:#89e7ff}
.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;}
.c-dashboard--quiz_rank{width:100%;}
.c-dashboard--quiz_rank .c-dashboard--quiz_title{margin-left:10px;}
.c-dashboard--quiz_rank .c-dashboard--quiz_ml-auto{margin-left:auto;}


/* hcustom */
.p-sidebar__list .dashboard .c-image{height:14px;width:17px;background:url(../image/icon/dashboard.svg);}
.p-sidebar__list .user .c-image{height:14px;width:17px;background:url(../image/icon/profile.svg);}
.p-sidebar__list .point .c-image{height:15px;width:17px;background:url(../image/icon/refresh.svg);}
.p-sidebar__list .event .c-image{height:auto;width:19px;background:url(../image/icon/bronze_crown.svg);filter: brightness(0) saturate(100%) invert(65%) sepia(11%) saturate(2202%) hue-rotate(131deg) brightness(95%) contrast(93%);}
.p-sidebar__list .prize .c-image{height:auto;width:19px;background:url(../image/icon/breadcrumbs.svg);}
.p-sidebar__list .notification .c-image{height:auto;width:19px;background:url(../image/icon/ico_news.svg);filter: brightness(0) saturate(100%) invert(65%) sepia(11%) saturate(2202%) hue-rotate(131deg) brightness(95%) contrast(93%);}
.p-sidebar__list .icons .c-image{height:auto;width:19px;background:url(../image/icon/icon_file-configuration.svg);filter: brightness(0) saturate(100%) invert(65%) sepia(11%) saturate(2202%) hue-rotate(131deg) brightness(95%) contrast(93%);}
.p-sidebar__list .version .c-image{height:auto;width:19px;background:url(../image/icon/ico_about.svg);filter: brightness(0) saturate(100%) invert(65%) sepia(11%) saturate(2202%) hue-rotate(131deg) brightness(95%) contrast(93%);}
.p-sidebar__list .comment .c-image{height:auto;width:19px;background:url(../image/icon/ico_privacy.svg);filter: brightness(0) saturate(100%) invert(65%) sepia(11%) saturate(2202%) hue-rotate(131deg) brightness(95%) contrast(93%);}

:root {
    --form-control-color: #1d4e90;
    --form-control-disabled: #959495;
}

*,
*:before,
*:after {
    box-sizing: border-box;
}

body {
    margin: 0;
}



.form-control {
    font-family: system-ui, sans-serif;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.1;
    display: grid;
    grid-template-columns: 1em auto;
    gap: 0.5em;
}

.form-control + .form-control {
    margin-top: 1em;
}

.form-control--disabled {
    color: var(--form-control-disabled);
    cursor: not-allowed;
}

input[type="checkbox"] {
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    /* Remove most all native input styles */
    appearance: none;
    /* For iOS < 15 */
    /* Not removed via appearance */
    margin: 0;

    font: inherit;
    color: currentColor;
    width: 1.35em;
    height: 1.35em;
    border: 0.15em solid currentColor;
    border-radius: 0.15em;
    transform: translateY(-0.075em);

    display: grid;
    place-content: center;
}

input[type="checkbox"]::before {
    content: "";
    width: 0.75em;
    height: 0.75em;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    transform: scale(0);
    transform-origin: bottom left;
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--form-control-color);
    /* Windows High Contrast Mode */
    background-color: CanvasText;
}

input[type="checkbox"]:checked::before {
    transform: scale(1);
}
body {
    font-family: Arial, sans-serif;
}


.url-container {
    display: flex;
    margin-bottom: 10px;
}

.url-label, .url-input {
    font-size: 16px;
    font-weight: 700;
    flex: 0 0 160px;
}

.url-input input {
    /*padding: 10px;*/
    width: 100px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.p-list__item-field{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 10px;
}

.p-list__item-field__label{
    width: 75px;
    margin-right: 20px;
    font-weight: 700;
}
.c-input--versions{
    width: 150px;
    display: flex;
    flex-direction: column;
}


.c-input--url{
    width: 400px;
    display: flex;
    flex-direction: column;
}
.c-input--error-message{
    margin-top: 8px;
    width: 300px;
}