@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=BIZ+UDGothic&family=BIZ+UDPGothic&family=BIZ+UDPMincho&display=swap');
@charset "UTF-8";

/* ==================================================
 Variables
================================================== */

:root{
    --colorSchemeBase       : #008000 /*#008000*/;
    --colorSchemeLightBase  : #ebfaec; /*235,250,236*/
    --colorSchemeAccent     : #ff6600;
    --colorSchemeLightAccent: #fff0d2;
    --colorSchemeAttention  : #cc0000;
    --colorSchemeBright     : #ffffff;
    --colorSchemeDarkGray   : #666666;
    --colorSchemeGray       : #cccccc;
    --colorSchemeLightGray  : #f6f6f6;

    --colorSchemeLightAccent: rgba(255,255,200,1);
    --colorSchemeLightBlue: #fcfdff;
    --colorSchemeLink:#0000cc;

    --colorDeepGreen  :#008000;
    --colorLightGreen :#ebfaec;
    --colorDeepBlue   :hsl(211  98%  32%);/*#024FA1;*/
    --colorLightBlue  :hsl(211  98%  92%);/*rgba(2, 79,161,0.1)*/
    --colorDeepYellow :hsl( 50  98%  46%);/*#024FA1;*/
    --colorLightYellow:hsl( 50  98%  81%);/*rgba(2, 79,161,0.1)*/

    --colorWhite:#ffffff;
    --colorBlack:#000000;
    --colorHover:#ffffaa;
/*
    薄いグレー：#f5f5f5  238,235,230
    グレー    ：#A9A292  169,162,146
    濃いグレー：#4d4d4d   78, 68, 66
    パープル  ：#872481  135, 36,129
    赤        ：#B81D21  184, 29, 33
    橙        ：#E99847  233,152, 71
    緑        ：#018D5E    1,141, 94
    青        ：#024FA1    2, 79,161

*/
}

/* ==================================================
 Normalize
================================================== */

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,summary,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: top;
    -webkit-tap-highlight-color: #4d4d4d;
    color:#4d4d4d;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block;
}
ol,ul {
    list-style: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
sup {
    vertical-align: top;
}
a, .module-link {
    width: auto;
    color: inherit;
    text-decoration: underline;
    color:#024FA1;
    cursor: pointer;
}
b{
    font-weight:800;
}
wbr + span {
    white-space: nowrap;
}
img {
    /*width: 100%;*/
}

input,
textarea,
button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    vertical-align: middle;
    outline: none;
}

select {
  /*-webkit-appearance: none;
    appearance: none;*/
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    vertical-align: middle;
    outline: none;
}
select.center {
    text-align-last: center;
    text-align: -webkit-center;
}
input[type="text"],
input[type="search"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="date"],
input[type="time"],
input[type="number"],
select {
    width: 100%;
    min-height: 45px;
    padding: 0 10px .15em;
    background-color: #fff ;
    background-repeat: no-repeat;
    border: 1px solid #008000;
    border-radius: 5px;
}

input[type="text"].readonly,
input[type="search"].readonly,
input[type="tel"].readonly,
input[type="email"].readonly,
input[type="password"].readonly,
input[type="date"].readonly,
input[type="time"].readonly,
input[type="number"].readonly,
select.readonly {
    color:var(--colorSchemeDarkGray);
    background-color:var(--colorSchemeLightGray);
    cursor:default;
}

input[type="button"].readonly,
input[type="radio"].readonly+label
{
    color:var(--colorSchemeDarkGray);
    cursor:unset;
}

input[type="text"].disabled,
input[type="search"].disabled,
input[type="tel"].disabled,
input[type="email"].disabled,
input[type="password"].disabled,
input[type="date"].disabled,
input[type="time"].disabled,
input[type="number"].disabled,
select.disabled {
    border: 1px solid var(--colorSchemeGray);
    background-color:var(--colorSchemeLightGray);
}

input[type="text"],
textarea
{
    font-size:15px;
}

textarea {
    width: 100%;
    min-height: 8em;
    padding: 10px .15em 10px .15em;
    background-color: #fff;
    background-repeat: no-repeat;
    border: 1px solid #008000; 
    border-radius: 5px;
    line-height:1.1em;
}
textarea:focus {
    border: 1px solid #008000;
}
textarea:placeholder{
    color: #A9A292; 
}
textarea:focus::placeholder{
    color: #fff; 
}
textarea:-ms-input-placeholder {
    color: #A9A292;
}

textarea.readonly {
    color:var(--colorSchemeDarkGray);
    background-color:var(--colorSchemeLightGray);
}
textarea.disabled {
    color:var(--colorSchemeDarkGray);
    border: 1px solid var(--colorSchemeGray);
    background-color:var(--colorSchemeLightGray);
}

.input-textarea            {display:block       ;margin: 0px  0px  0px  0px;padding: 0px  0px  0px  0px;border:0px solid #f00   ;}
.input-textarea>textarea   {position:unset;      resize: none;width: 100%;height:100%;overflow: hidden;ime-mode:active;}


input[type="text"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
input[type="number"]:focus{
    /*padding-right: 8px;
    padding-left: 8px;
    background-color: #fff;
    border: 1px solid #008000;*/
}

html {
    /*overflow-y: scroll;*/
}
body {
    position: relative;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-family: "BIZ UDPGothic","Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, Osaka, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overscroll-behavior-y: none;
    overscroll-behavior: none;
}
*, *:before, *:after {
    box-sizing: border-box;
}


/* Button
------------------------------ */
.button-box{
    display:inline-block;
    margin:0px 10px 0px 10px;
    padding: 7px 10px  7px 10px;
    border:1px solid #008000; 
    border-radius: 100vh;
    color:#008000;
    background-color:#ebfaec ;
    font-size:15px;
    font-weight:800;
    cursor:pointer;
    text-align:center;
    overflow:hidden;
    width:180px;
    transition-property:background-color;
    transition-duration:300ms;
}
.button-box:hover{
    border:1px solid #008000;
    background-color:#008000 ;
    color:#fff;
}
.button-box:focus      
{
    border:1px solid #008000;
}

.button-box.light{
    border:1px solid #008000; 
    background-color:#fff;
    color:#008000;
}
.button-box.red{
    border:1px solid #cc0000; 
    background-color:#cc0000;
    color:#ffffff;
}
.button-box.light-red{
    border:1px solid #cc0000;
    background-color:#fff0d2;
    color:#cc0000;
}
.button-box.light-red:hover{
    border:1px solid #cc0000;
    background-color:#cc0000;
    color:#ffffff;
}
.button-box.disabled{
    border:1px solid #A9A292; 
    background-color:#A9A292;
    color:#fff;
    cursor:initial;
}

.button-box.mini{
    display:inline-block;
    margin:0px 5px 0px 5px;
    padding: 2px 5px  2px 5px;
    border:1px solid #008000; 
    border-radius: 5px;
    font-size:12px;
    cursor:pointer;
    text-align:center;
    overflow:hidden;
    width:auto;
}

.button-box.mini.disabled{
    border-color:#A9A292;
}

.button-box.micro{
    display:inline-block;
    margin:0px 5px 0px 5px;
    padding: 1px 3px  1px 3px;
    border:1px solid #008000; 
    border-radius: 50vh;
    color:#fff;
    background-color:#008000 ;
    font-size:12px;
    cursor:pointer;
    text-align:center;
    overflow:hidden;
}
.button-box.micro.disabled{
    border-color:#A9A292;
}

.button-box.micro.red{
    border:1px solid #cc0000; 
    background-color:#cc0000;
    color:#ffffff;
}
.button-box.red.disabled{
    border-color:#A9A292;
}

.mini-button-box{
    display:inline-block;
    margin:0px 5px 0px 5px;
    padding: 2px 5px  2px 5px;
    border:0px solid #024FA1;
    border-radius: 5px;
    color:#fff;
    background-color:#008000 ;
    font-size:12px;
    cursor:pointer;
    text-align:center;
    overflow:hidden;
    width:auto;
}
.mini-button-box.light-blue{
    display:inline-block;
    margin:0px 5px 0px 5px;
    padding: 2px 5px  2px 5px;
    border:1px solid #024FA1;
    border-radius: 5px;
    color:#024FA1;
    background-color:#fafafa;
    font-size:12px;
    cursor:pointer;
    text-align:center;
    overflow:hidden;
    width:auto;
}

.hyperlink{
    display:inline-block;
    margin:0px 10px 0px 10px;
    padding: 7px 10px  7px 10px;
    border:0px solid rgba(255,255,255,0);
    background-color:rgba(255,255,255,0);
    cursor:pointer;
    color:#0000aa;
    text-decoration:underline;
 } 
.hyperlink:focus{
    border:1px dashed #024FA1;
 } 


.switch-box                                                  {                   display:inline-block;margin: 0px  0px  0px  0px;padding: 0px  0px  0px  0px;border:0px solid #cccccc;width:100px;height:21px;}
.switch-box>input[type="checkbox"]                           {                   display:none        ;margin: 0px  0px  0px  0px;padding: 0px  0px  0px  0px;border:0px solid #cccccc;}
.switch-box>input[type="checkbox"]              +label       {position: relative;display:block       ;margin: 0px  0px  0px  0px;padding: 0px  0px  0px  0px;border:1px solid #008000;width:100% ;height:100%;background-color:#ffffff;box-sizing: border-box;border-radius:6px;}
.switch-box>input[type="checkbox"]:checked      +label       {                                                                                                                                                background-color:#008000;}
.switch-box>input[type="checkbox"]              +label:before{position: absolute;display:block       ;margin: 0px  0px  0px  0px;padding: 0px  0px  0px  0px;border:0px solid #008000;width: 20px;height:15px;background-color:#008000;top:2px;left:2px;border-radius:6px;transition:300ms;content: ""}
.switch-box>input[type="checkbox"]:checked      +label:before{background-color:#fff;transform:translateX( 75px);}
.switch-box>input[type="checkbox"]              +label:after {position: absolute;display:flex        ;margin: 0px  0px  0px  0px;padding: 0px 10px  0px 10px;border:0px solid #cccccc;width: 90px;height:100%;color: #008000;content:'';font-size: 12px;align-items:center;transition:300ms;font-weight:400}
.switch-box>input[type="checkbox"]:not(:checked)+label:after {color: #000000;transform:translateX(20px);}
.switch-box>input[type="checkbox"]:checked      +label:after {color: #000000;}

/*--------------------------------------------------------*/
.grid-button-box{
    display:inline-block;
    margin:0px 5px 0px 5px;
    padding: 2px 5px  2px 5px;
    border:1px solid #008000; 
    border-radius: 5px;
    color:#008000;
    background-color:#ffffff ;
    font-size:12px;
    cursor:pointer;
    text-align:center;
    overflow:hidden;
    width:auto;
    transition:500ms;transition-property:background-color,color;
}
.grid-button-box:hover,
.grid-button-box:focus
{
    color:#ffffff;
    background-color:#008000;
}
.grid-button-box.disabled{
    border:1px solid #A9A292; 
    background-color:#A9A292;
    color:#fff;
    cursor:initial;
}

.grid-link.disabled{
    cursor:default;
    text-decoration:none;
}

/*--------------------------------------------------------*/


.button-box-collection            {display:flex        ;margin:30px  0px  0px  0px;padding: 0px  0px 30px  0px;border:0px solid #0000ff;justify-content:space-around;align-items:center;}
.button-box-collection.horizontal {flex-direction:column}
.button-box-collection>.cancel    {display:inline-block;margin:20px  0px  0px  0px;padding: 0px  0px  0px  0px;border:0px solid #0000ff;color:#0000aa;text-decoration:underline;cursor:pointer;}

.mobile .button-box-collection         {margin:0px  0px  0px  0px;padding: 0px  0px 0px  0px;}
.mobile .button-box-collection>.cancel {display:inline-block;margin:0px}

.button-box-collection.micro            {margin: 0px  0px  0px  0px;padding: 0px  0px  0px  0px;border:0px solid #0000ff;}
.button-box-collection.micro>.cancel    {margin: 0px  0px  0px  0px;padding: 0px  0px  0px  0px;border:0px solid #0000ff;}

.button-box-single                        {display:flex        ;margin:20px 20px 20px 20px;padding: 0px  0px  0px  0px;border:0px solid #0000ff;justify-content:center;align-items:center;flex-direction:column;text-align:center}
.button-box-single>.button-box            {                     max-width:250px;width:180px;}
.button-box-single>.hyperlink             {                     margin:10px  0px  0px  0px;padding: 0px  0px  0px  0px;font-size:12px;font-weight:300;}


.button-box-collection>input.button           {display:flex        ;margin:10px 10px 10px  0px;padding: 0px  0px  0px  0px;border:1px solid #008000;background-color:#ebfaec;color:#008000;width:120px;height:35px;align-items:center;justify-content:center;cursor:pointer;border-radius:5px;transition:500ms;transition-property:background-color,color;}
.button-box-collection>input.button:hover     {background-color:#008000;color:#ffffff}
.button-box-collection>input.button.red       {border:1px solid #cc0000; background-color:#cc0000;color:#ffffff;}


.modal-content>.button-box-collection {padding-bottom:0px;}

/*Body*/
body>form>.admin-bar                         {display:block       ;margin: 0px  0px  0px  0px;padding: 0px  0px  0px  0px;border:0px solid #ccc;background-color:#cccccc;text-align:center;}
body>form>.admin-bar>.admin-info             {display:block       ;margin: 0px  0px  0px  0px;padding: 0px  0px  0px  0px;border:0px solid #ccc;}
body.general                                 {background-color:#ebfaec;}
body.general>form>main                       {display:flex        ;margin: 0px  0px  0px  0px;padding: 0px  0px  0px  0px;border:0px solid #0000ff;                         justify-content:center;width:100%;}
body.general>form>main>.main-center          {display:block       ;margin: 0px  0px 20px  0px;padding: 0px  0px 20px  0px;border:0px solid #ff00ff;background-color:#ffffff;width:1000px;}


body.popup                                 {background-color:rgba(0, 0, 0, .5);}
body.popup>form>main                       {display:flex        ;margin: 0px  0px  0px  0px;padding: 0px  0px  0px  0px;border:0px solid #0000ff;                         justify-content:center;width:100%;}
body.popup>form>main>.main-center          {display:block       ;margin:20px  0px 20px  0px;padding: 0px  0px 20px  0px;border:0px solid #ff00ff;background-color:#ffffff;width:1000px;border-radius:10px;}

body.wide                                    {background-color:#ebfaec;}
body.wide>form>.admin-bar                    {                                                                                                                          min-width:1400px;}
body.wide>form>main                          {display:flex        ;margin: 0px  0px  0px  0px;padding: 0px  0px  0px  0px;border:0px solid #0000ff;                     min-width:1400px;justify-content:center;}
body.wide>form>main>.main-center             {display:block       ;margin: 0px  0px 20px  0px;padding: 0px  0px 20px  0px;border:0px solid #ff00ff;background-color:#ffffff;width:1400px;}
body.wide>form>main>.main-center>.title      {display:block       ;margin:20px 20px  0px 20px;padding: 0px  0px  0px  0px;border:0px solid #ff00ff;font-size:24px;}

body.design                                     {min-width:100%;width:fit-content; border-radius:0px; background-color: rgba(0, 0, 0, .5);/*background-color:var(--colorSchemeLightGray);*/}
body.design>form>main                           {display:flex        ;margin: 0px  0px  0px  0px;padding: 0px 10px 20px 10px;border:  0px solid #0000ff;justify-content:center;}
body.design>form>main>.test-mode {position:fixed;display:block       ;margin: 0px  0px  0px  0px;padding: 2px 10px  2px  0px;border:  0px solid #0000ff;text-align:center;width:100%; color:#fff;background-color:var(--colorDeepBlue);}
@media screen and (max-width: 285mm) 
{
    body.design>form>main                        {display:flex        ;margin: 0px  0px  0px  0px;padding: 0px  0px  0px 0px;border:  0px solid #0000ff;justify-content:center;}
}

body.mobile                                     {display:block       ;margin: 0px  0px  0px  0px;padding: 0px  0px  0px  0px;border:0px solid #0000ff;height:100vh;border-radius:0px; background-color: rgba(0, 0, 0, 0);}
body.mobile>form>main                           {display:block       ;margin: 0px  0px  0px  0px;padding: 0px  0px  0px  0px;border:0px solid #0000ff;height:100vh;justify-content:center;}
@media screen and (max-width: 285mm) 
{
    body.mobile>form>main                        {display:flex        ;margin: 0px  0px  0px  0px;padding: 0px  0px  0px 0px;border:  0px solid #0000ff;justify-content:center;}
}

body.enquete                                    {min-width:100%;width:fit-content; border-radius:0px; background-color: rgba(0, 0, 0, 0.5);/*background-color:var(--colorSchemeLightGray);*/}
body.enquete>form>main                          {display:flex        ;margin: 0px  0px  0px  0px;padding: 0px 20px 20px 20px;border:0px solid #0000ff;justify-content:center;}
body.enquete>form>main>.main-center             {display:block       ;margin:20px  0px 30px  0px;padding:10px 20px 20px 20px;border:1px solid var(--colorSchemeGray);background-color:#ffffff;border-radius:10px;box-sizing:content-box;width:800px;overflow:hidden;}
body.enquete>form>main>.main-center.shadow      {box-shadow:0 1.9px 2.5px rgba(0, 0, 0, 0.057),0 5px 6.1px rgba(0, 0, 0, 0.076),0 10.1px 11.4px rgba(0, 0, 0, 0.086),0 19.2px 19.8px rgba(0, 0, 0, 0.092),0 38.4px 34.8px rgba(0, 0, 0, 0.1),0 101px 74px rgba(0, 0, 0, 0.13);}

@media screen and (max-width: 840px) 
{
    body.enquete                                    {}
    body.enquete>form>main                          {}
    body.enquete>form>main>.main-center             {width:100%;}
}
@media screen and (max-width: 575px) 
{
    body.enquete                                    {background:#fff}
    body.enquete>form>main                          {padding:0px;}
    body.enquete>form>main>.main-center             {margin:0px;border:0px;width:100%;border-radius:0px;}
    body.enquete>form>main>.main-center.shadow      {box-shadow:none}
}

body.no-login                                 {display:block       ;margin: 0px  0px  0px  0px;padding: 0px  0px  0px  0px;border:0px solid #00f;min-height:100vh;height: auto;}
body.no-login>form                            {display:block       ;margin: 0px  0px  0px  0px;padding: 0px  0px  0px  0px;border:0px solid #f00;}
body.no-login>form>.menu                      {display:flex        ;margin: 0px  0px  0px  0px;padding: 0px  0px  0px  0px;border:0px solid #00f;min-height: 20px;height: auto;             justify-content:center;}
body.no-login>form>.menu>.menu-center         {display:block       ;margin: 0px  0px  0px  0px;padding: 0px  0px  0px  0px;border:0px solid #f0f;min-height: 20px;height: auto;width:1200px;overflow:visible;}
body.no-login>form>main                       {display:flex        ;margin: 0px  0px  0px  0px;padding: 0px  0px  0px  0px;border:0px solid #00f;height: auto;             justify-content:center;}
body.no-login>form>main>.main-center          {display:block       ;margin: 0px  0px  0px  0px;padding:20px 20px 20px 20px;border:0px solid #99c;height: auto;width:1200px;overflow:visible;}

body.operator                                                       {min-width:100%;width:fit-content;height:100%;}
body.operator>form>.admin-bar                                       {                                 height:20px;                                                                                         }
body.operator>form>main                           {position:relative;display:block       ;margin: 0px  0px  0px  0px;padding: 0px  0px  0px  0px;border:0px solid #f00000;height:100vh                    }
body.operator>form>main>.main-content                               {display:flex        ;margin: 0px  0px  0px  0px;padding: 0px  0px  0px  0px;border:0px solid var(--colorDeepBlue);min-height:100vh;overflow:visible}
body.operator>form>main>.main-content>.side-menu                    {display:block       ;margin: 0px  0px  0px  0px;padding: 0px  0px  0px  0px;border:1px solid var(--colorDeepBlue);min-width:200px;background-color:var(--colorDeepBlue);}
body.operator>form>main>.main-content>.side-menu>ul                 {display:flex        ;margin: 0px  0px 20px  0px;padding: 0px  0px 20px  0px;border:0px solid #ff00ff;flex-direction:column;height:100%}
body.operator>form>main>.main-content>.side-menu>ul>li              {display:flex        ;margin: 0px  0px  0px  0px;padding: 0px  0px  0px  0px;border-top:1px solid var(--colorWhite);color:var(--colorWhite);align-items:center;}
body.operator>form>main>.main-content>.side-menu>ul>li.button       {                                                padding: 0px 10px  0px 10px;                                                                                  height:40px;cursor:pointer;transition:500ms;transition-property:background-color,color;}
body.operator>form>main>.main-content>.side-menu>ul>li.button:hover {background-color:var(--colorLightBlue );color:var(--colorDeepBlue);}
body.operator>form>main>.main-content>.side-menu>ul>li:first-child  {border-top:0}
body.operator>form>main>.main-content>.side-menu>ul>li.current      {background-color:var(--colorLightYellow);color:var(--colorBlack);}
body.operator>form>main>.main-content>.side-menu>ul>li.current:hover{background-color:var(--colorLightYellow);color:var(--colorBlack);}
body.operator>form>main>.main-content>.side-menu>ul>li.buffer       {height:80px;}
body.operator>form>main>.main-content>.side-menu>ul>li>.icon        {display:inline-block;margin: 0px  0px  0px  0px;padding: 0px  0px  0px  0px;border:0px solid var(--colorDeepBlue);width:15px;color:inherit;}
body.operator>form>main>.main-content>.side-menu>ul>li>.label       {display:inline-block;margin: 0px  0px  0px  0px;padding: 0px  0px  0px  0px;border:0px solid var(--colorDeepBlue);           color:inherit;}

body.operator>form>main>.main-content>.side-menu>ul>li>ul                  {display:block       ;margin: 0px  0px  0px  0px;padding: 0px 10px  0px 10px;border:1px solid var(--colorWhite);background-color:var(--colorWhite);width:100%}
body.operator>form>main>.main-content>.side-menu>ul>li>ul>li               {display:flex        ;margin: 5px  0px  5px  0px;padding: 0px 10px  0px 10px;border:0px solid var(--colorWhite);background-color:var(--colorWhite);color:var(--colorDeepBlue);align-items:center;border-left:3px solid var(--colorDeepBlue);width:100%}
body.operator>form>main>.main-content>.side-menu>ul>li>ul>li:last-child   {margin-bottom:20px}
body.operator>form>main>.main-content>.side-menu>ul>li>ul>li.button       {                                                                                                                                                              height:30px;cursor:pointer;transition:500ms;transition-property:background-color,color;}
body.operator>form>main>.main-content>.side-menu>ul>li>ul>li.button:hover {background-color:var(--colorLightBlue  );color:var(--colorDeepBlue);}
body.operator>form>main>.main-content>.side-menu>ul>li>ul>li.current      {background-color:var(--colorLightYellow);color:var(--colorBlack);border-left:3px solid var(--colorDeepYellow)}
body.operator>form>main>.main-content>.side-menu>ul>li>ul>li.current:hover{background-color:var(--colorLightYellow);color:var(--colorBlack);border-left:3px solid var(--colorDeepYellow)}

body.operator>form>main>.main-content>.side-menu>ul>li>ul>li>.icon        {display:inline-block;margin: 0px  0px  0px  0px;padding: 0px  0px  0px  0px;border:0px solid var(--colorDeepBlue);width:15px;color:inherit;}
body.operator>form>main>.main-content>.side-menu>ul>li>ul>li>.label       {display:inline-block;margin: 0px  0px  0px  0px;padding: 0px  0px  0px  0px;border:0px solid var(--colorDeepBlue);           color:inherit;}

body.operator>form>main>.main-content>.main-center                          {display:block       ;margin: 0px 20px  0px 20px;padding: 0px  0px  0px  0px;border      :0px solid #ff0000             ;min-width:1000px;flex:1;background-color:#ffffff;overflow:visible}
body.operator>form>main>.main-content>.main-center>.survey-name             {display:flex        ;margin: 0px  0px  0px  0px;padding: 0px  0px  0px  0px;border      :0px solid #ff00ff;background-color:var(--colorWhite   );align-items:center;height:40px;}
body.operator>form>main>.main-content>.main-center>.survey-name>.icon       {display:inline-block;margin: 0px  5px  0px  0px;padding: 0px  0px  0px  0px;border      :0px solid #ff00ff;background-color:var(--colorDeepBlue   );height:10px;width:10px;}
body.operator>form>main>.main-content>.main-center>.survey-name>.label      {display:inline-block;margin: 0px  0px  0px  0px;padding: 0px  0px  0px  0px;border      :0px solid #ff00ff;font-size:15px;}
body.operator>form>main>.main-content>.main-center>.survey-name>.label>a    {font-size:inherit;}

body.operator>form>main>.main-content>.main-center>.survey-name>.separator  {display:block       ;margin: 0px 10px  0px 10px;padding: 0px  0px  0px  0px;border:0px solid #008000;}
body.operator>form>main>.main-content>.main-center>.page-title              {display:block       ;margin: 0px  0px 20px  0px;padding: 0px  0px  0px  0px;border      :0px solid #ff00ff             ;font-size:20px;}



@media screen and (max-width:1400px) {
    body.wide                       {background-color:#ffffff;}
    body.wide>form>main             {}
}
@media screen and (max-width: 1000px) {
    body.general>form>main          {display:block;}
}

@media screen and (max-width: 900px) {
    body.design>form>main           {display:block;}
}

/* site-operator-menu*/
.site-operator-menu                            {display:flex        ;margin: 0px  0px  0px  0px;padding: 0px  0px  0px  0px;border-bottom:1px solid #008000;justify-content:space-around}
.site-operator-menu>li.blank                   {display:flex        ;margin:10px 10px 10px 10px;padding: 0px  0px  0px  0px;border:0px solid #024FA1;flex:1;}
.site-operator-menu>li.button                  {display:flex        ;margin:10px 10px 10px 10px;padding: 0px  0px  0px  0px;border:1px solid #024FA1;background-color:rgba(2, 79,161,0.05);color:#024FA1;width:120px;height:35px;align-items:center;justify-content:center;cursor:pointer;border-radius:5px;transition:500ms;transition-property:background-color,color;}
.site-operator-menu>li.button:hover            {background-color:#024FA1;color:#ffffff}
.site-operator-menu>li.button.current          {background-color:#024FA1;color:#ffffff;cursor:default !important}
.site-operator-menu>li.button.disabled         {background-color:#cccccc;color:#ffffff;cursor:default !important;border:1px solid #666666}
.site-operator-menu>li.button.mini             {font-size:10px;}

.site-operator-survey-menu                     {display:flex        ;margin: 0px  0px  0px  0px;padding: 0px  0px  0px  0px;border:0px solid #008000;}
.site-operator-survey-menu>li.blank            {display:flex        ;margin:10px  0px 10px  0px;padding: 0px  0px  0px  0px;border:0px solid #008000;flex:1;}
.site-operator-survey-menu>li.button           {display:flex        ;margin:10px 10px 10px  0px;padding: 0px  0px  0px  0px;border:1px solid #008000;background-color:#ebfaec;color:#008000;width:120px;height:35px;align-items:center;justify-content:center;cursor:pointer;border-radius:5px;transition:500ms;transition-property:background-color,color;}
.site-operator-survey-menu>li.button:hover     {background-color:#008000;color:#ffffff}
.site-operator-survey-menu>li.button.current   {background-color:#008000;color:#ffffff;cursor:default !important}
.site-operator-survey-menu>li.button.disabled  {background-color:#cccccc;color:#ffffff;cursor:default !important;border:1px solid #666666}
.site-operator-survey-menu>li.button.mini      {font-size:10px;}


/* side-entry form*/
.side-entryform-popup                                {position:fixed   ;display:block       ;margin: 0px  0px  0px  0px;padding: 0px  0px  0px  0px;border:0px solid #000                      ;width:800px;height:100%;right:0px;z-index:11;background-color:#fff;}
@media screen and (max-width: 800px) {
    .side-entryform-popup{width:100%;}
}
.side-entryform-popup>.form                          {position:relative;display:block       ;margin: 0px  0px  0px  0px;padding: 0px  0px  0px  0px;border:1px solid var(--colorSchemeBase)    ;width:100% ;                      z-index:12;background-color:#fff;box-sizing:padding-box}
.side-entryform-popup>.form>.content                 {                  display:block       ;margin: 0px  0px  0px  0px;padding: 0px  0px  0px  0px;border:0px solid #008000                   ;            height:100%;                        overflow-y:scroll;}
.side-entryform-popup>.form>.content>.footer-buffer  {                  display:block       ;margin:20px  0px  0px  0px;padding: 0px  0px  0px  0px;border:0px solid #f00000                   ;}
.side-entryform-popup>.form>.loader                  {position:absolute;display:block       ;margin: 0px  0px  0px  0px;padding: 0px  0px  5px  0px;border:1px solid #000000                   ;width:100%;height:100%;top:0px;}
.side-entryform-popup>.form>.footer                  {position:absolute;display:block       ;margin: 0px  0px  0px  0px;padding: 0px  0px  5px  0px;border-top:1px solid var(--colorSchemeLightGray);width:100%;background-color:#fff;right:0px;bottom:0px;}
.side-entryform-popup>.form>.footer>.button-box-collection{margin:10px  0px 10px  0px;padding: 0px  0px  0px  0px;}
.side-entryform-popup>.back                          {position:fixed   ;display:block       ;margin: 0px  0px  0px  0px;padding: 0px  0px  0px  0px;border:0px solid #000                      ;top:0;bottom:0;left:0;right:0;   z-index:10;background-color:rgba(255,55,255,0);width:100%;height:100%;}




/* Modal
------------------------------ */

.module-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.module-modal.is-visible {
    display: block;
}
.module-modal>.modal-inner-1 {
    width: 100%;
    height: 100%;
    overflow: auto;
}
.module-modal>.modal-inner-1>.modal-inner-2 {
    position: relative;
    width: 100%;
    max-width: 560px;
    margin: 10px auto;
}

.module-modal.wide>.modal-inner-1>.modal-inner-2{
    max-width: 900px;
}

.module-modal>.modal-inner-1>.modal-inner-2>.modal-content {
    width: 560px;
    padding: 20px 20px 10px 20px;
    background-color: #fff;
    border-radius: 10px;
}


.module-modal.wide>.modal-inner-1>.modal-inner-2>.modal-content {
    width:900px;
}
.module-modal>.modal-inner-1>.modal-inner-2>.modal-content .modal-image{
	object-fit: contain;
	width :100%;
}
.module-modal>.modal-inner-1>.modal-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
}

.module-modal>.modal-inner-1 .modal-loader {
    display:none;
    position: absolute;
    top:0px;
    left:0px;
    width: 100%;
    height:100%;
    background-color:rgba(0,0,0,0.1);
}


.module-modal.center>.modal-inner-1 {
    display:flex;
    justify-content:center;
    align-items:center;
}
.module-modal.center>.modal-inner-1>.modal-inner-2 {
    width: auto;
    max-width: unset;
    margin: 0px 10px 60px 10px;
}


.module-modal>.modal-inner-1>.modal-inner-2>.modal-content>.modal-title {
    color: #4d4d4d; 
    font-size: 22px;
    font-weight: 800;
    text-align:center;
}
.module-modal>.modal-inner-1>.modal-inner-2>.modal-content>.modal-title>div ,
.module-modal>.modal-inner-1>.modal-inner-2>.modal-content>.modal-title>span {
    color: inherit; 
    font-size: inherit;
    font-weight: inherit;
    text-align:inherit;
}
.module-modal>.modal-inner-1>.modal-inner-2>.modal-content>.modal-title>.remarks{
    display:block;
    font-size: 15px;
}
.module-modal>.modal-inner-1>.modal-inner-2>.modal-content>.modal-note {
    margin-top: 20px;
    font-size: 15px;
}
.module-modal .modal-button {
    display: flex;
    margin-top: 40px;
}
.module-modal .modal-button li {
    flex-grow: 1;
    flex-basis: 0;
    margin-left: 20px;
}
.module-modal .modal-button li:first-child {
    margin-left: 0;
}


.body-onmodal{
    /*overflow-y:hidden;*/
    -ms-overflow-style: none;
}
.body-onmodal::-webkit-scrollbar{
  display: none;
}


.module-modal.mobile-yoko                                                           {margin: 0px;padding:0px;}
.module-modal.mobile-yoko>.modal-inner-1                                            {margin: 0px;padding:0px;}
.module-modal.mobile-yoko>.modal-inner-1>.modal-inner-2                             {margin-top: 0px;margin-bottom: 0px;padding:0px;max-height:100vh;/*overflow:hidden;*/}
.module-modal.mobile-yoko>.modal-inner-1>.modal-inner-2>.modal-content              {margin: 0;padding:0;}

/*.module-modal.mobile-yoko.center>.modal-inner-1>.modal-inner-2 {
    height:unset;
}*/

.module-modal.mobile-yoko>.modal-inner-1>.modal-inner-2>.modal-content {
    padding: 0px 20px 0px 20px;
    background-color: #ffffff;
    
}

@media screen and (max-width:900px) {
    .module-modal.wide {
        
    }
    .module-modal.wide .modal-inner-2 {
        max-width:unset;
        width:100%;
        margin: 0px auto;
        padding:0px;
        border-radius:0;
    }

    .module-modal.wide>.modal-inner-1>.modal-inner-2>.modal-content {
        width:100%;
    }

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

    .module-modal {
        
    }
    .module-modal .modal-inner-2 {
        max-width: 575px;
        margin: 0px auto;
        padding:0px;
        border-radius:0;
    }

    .module-modal.center>.modal-inner-1>.modal-inner-2 {
        width: 100%;
        margin: 0px;
    }


    .module-modal>.modal-inner-1>.modal-inner-2>.modal-content {
        width: 100%;
        padding: 25px 0px 30px 0px;
        border-radius:0;
    }
    .module-modal>.modal-inner-1>.modal-inner-2>.modal-content>.modal-title {
        margin-bottom: 0px;
        font-size: 15px;
    }
    .module-modal>.modal-inner-1>.modal-inner-2>.modal-content>.modal-title + * {
        margin-top: 0px;
    }
    .module-modal>.modal-inner-1>.modal-inner-2>.modal-content>.modal-note {
        margin-top: 20px;
        font-size: 15px;
    }
    .module-modal .modal-button {
        margin-top: 30px;
    }
    .module-modal .modal-button li {
        margin-left: 15px;
    }
    .module-modal .modal-button li:first-child {
        margin-left: 0;
    }

}



.module-modal.layer1 {
    z-index: 990;
}
.module-modal.layer1 .modal-inner-2 {
    z-index: 992;
    padding:0px !important;
}
.module-modal.layer1 .modal-bg {
    z-index: 991;
}

.module-modal.layer1 .modal-loader {
    z-index: 995;
}



.module-modal.layer2 {
    z-index: 980;
}
.module-modal.layer2 .modal-inner-2 {
    z-index: 982;
}
.module-modal.layer2 .modal-bg {
    z-index: 981;
}
.module-modal.layer2 .modal-loader {
    z-index: 985;
}


.module-modal.layer3 {
    z-index: 970;
}
.module-modal.layer3 .modal-inner-2 {
    z-index: 972;
}
.module-modal.layer3 .modal-inner-2>.modal-content-back{
    z-index: 973;
}
.module-modal.layer3 .modal-bg {
    z-index: 971;
}
.module-modal.layer3 .modal-loader {
    z-index: 975;
}




/* Loader
---------------------------------------
最低heightは、120px;
*/

.loder-parent {
	position: relative;
	display:flex;
    flex-direction: column;
    justify-content:center;
    align-items:center;
	width:100%;
	height:100%;
	border:0px solid #cccccc;
}
.loder-parent>.loader-message{
    display:block;
    margin :10px  0px  0px  0px;
    padding: 5px 10px  5px 10px;
    background-color:#fff;
    color:#4d4d4d;
    border-radius:5px;
}
.loder-parent>.loader1 {
	width: 64px;
	height: 64px;
	border:1px solid #fff;
	border-radius: 50%;
	perspective: 800px;
	background-image: radial-gradient(circle farthest-corner at center, #018D5E 0%, #fff  50%);
}

.loder-parent>.loader1>.loader1-inner {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-radius: 50%;  
}

.loder-parent>.loader1>.loader1-inner.one {
  left: 0%;
  top: 0%;
  animation: animation-loader1-inner1 1s linear infinite;
  border-bottom: 3px solid #018D5E;
}

.loder-parent>.loader1>.loader1-inner.two {
  right: 0%;
  top: 0%;
  animation: animation-loader1-inner2 1s linear infinite;
  border-right: 3px solid #018D5E;
}

.loder-parent>.loader1>.loader1-inner.three {
  right: 0%;
  bottom: 0%;
  animation: animation-loader1-inner3 1s linear infinite;
  border-top: 3px solid #018D5E;
}

.loder-parent.mini>.loader1 {
	width: 20px;
	height: 20px;
	perspective: 250px;
}
.loder-parent.mini>.loader1>.loader1-inner.one {
  border-bottom: 1px solid #018D5E;
}

.loder-parent.mini>.loader1>.loader1-inner.two {
  border-right: 1px solid #018D5E;
}
.loder-parent.mini>.loader1>.loader1-inner.three {
  border-top: 1px solid #018D5E;
}


@keyframes animation-loader1-inner1 {
  0% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}

@keyframes animation-loader1-inner2 {
  0% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}

@keyframes animation-loader1-inner3 {
  0% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}

/* Maggese Loader
---------------------------------------
最低heightは、65px;
*/
.message-loader                   {display:flex       ;margin: 0px  0px  0px  0px;padding:12px  0px 10px  0px;border:0px solid #000;align-items:start ;justify-content:space-around;width:100%;height:40px;}
.message-loader>.char-at          {display:flex       ;margin: 0px  5px  0px  5px;padding: 0px  0px  0px  0px;border:0px solid #000;align-items:center;justify-content:center      ;min-width:25px;width:25px;height:25px;color:#fff;background:var(--colorSchemeBase);border-radius: 50%;font-size:15px;overflow:hidden}
.message-loader.animation>.char-at{animation:animation-message-loader 900ms ease-out infinite;}

@keyframes animation-message-loader {
  0%   {transform:translateY(  0px);}
  2%   {transform:translateY( -2px);}
  15%  {transform:translateY(-10px);}
  18%  {transform:translateY(-12px);}
  35%  {transform:translateY(  0px);}
  37%  {transform:translateY( -1px);}
  45%  {transform:translateY( -4px);}
  60%  {transform:translateY(  0px);}
  100% {transform:translateY(  0px);}
}