@charset "UTF-8";
/** ------------------------------------------------------------------------------------------------------------------ */
/** [global] */
/** ------------------------------------------------------------------------------------------------------------------ */
html {
    -webkit-text-size-adjust: none !important;
    font-weight: 100;
    font-size: 1rem;
    height: 100%;
}
body {
     -moz-font-feature-settings : "palt";
     -webkit-font-feature-settings : "palt";
     font-feature-settings : "palt";
     font-family: "Kozuka Gothic Pro", "Hiragino Kaku Gothic Pro", Meiryo, Helvetica, Arial, Verdana, sans-serif;
     /*font-family: "Times New Roman", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;*/
     word-wrap: break-word;
     word-break: break-all;
     background: linear-gradient(180deg,rgb(220, 235, 179),rgb(147, 202, 154));
     font-weight: 100;
     font-size: 1rem;
     height: 100%;
     color: #000;
     -webkit-font-smoothing: subpixel-antialiased;
     -moz-osx-font-smoothing: unset;
    @media only screen and(
     -webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
        -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
    }
}
@media screen and (max-width: 640px){
body { background: #fff; }
}


a:hover { opacity: .5; transition: opacity .4s ease; -webkit-transition: opacity .4s ease; }


input {
  outline: none;
  background: linear-gradient(180deg,rgb(242, 242, 242),rgb(244, 244, 244));
  border: none;
  border-bottom: 1px solid rgb(229, 229, 229);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  padding: 7.5px 10px;
  font-size: 16px;
  letter-spacing: 0.5px;
  font-weight: 600;
  color: rgb(73, 132, 52);
  cursor: pointer;
  width: 100px;
}
input.ng {
  outline: none;
  background: linear-gradient(180deg,rgb(251, 232, 232),rgb(251, 198, 235));
  border: none;
  border-bottom: 1px solid rgb(229, 229, 229);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  padding: 7.5px 10px;
  font-size: 16px;
  letter-spacing: 0.5px;
  font-weight: 600;
  color: rgb(206, 49, 85);
  cursor: pointer;
  width: 100px;
}

button {
  outline: none;
  background: linear-gradient(180deg,rgb(241, 255, 201),rgb(154, 205, 155));
  border: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  padding: 10px 10px;
  font-size: 10px;
  letter-spacing: 0.5px;
  font-weight: 600;
  color: rgb(73, 132, 52);
  text-shadow: 0px 1px 0px white;
  cursor: pointer;
  width: 100px;
}
/** ------------------------------------------------------------------------------------------------------------------ */
.login_1                      {position: relative;height: 100vh;}
.login_1_w                    { height: 100%; }
.login_1_1                    { height: 100%; }
.login_1_1_w                  { height: 100%; }
.login_1_1_1                  { height: 100%; }
.login_1_1_1_w                { height: 100%;width: 100%;display: table;}
.login_1_1_1_1                { display: table-cell;vertical-align: middle;width: 50%;}
.login_1_1_1_1_w              {padding: 0 20px 0 0;}
.login_1_1_1_1_w img          {  }
.login_1_1_1_2                {display: table-cell;vertical-align: middle;box-shadow: -1px 1px 1px 0px rgba(0, 0, 0, 0.2);-webkit-box-shadow: -1px 0 1px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow: -1px 1px 1px 0px rgba(0, 0, 0, 0.2);background: linear-gradient(180deg,rgb(255, 255, 255),rgb(255, 255, 255));}
.login_1_1_1_2_w              {}
.login_1_1_1_2_1              {margin: 0 0 20px;}
.login_1_1_1_2_1_w            {font-family: 'Open Sans Condensed', sans-serif;padding: 0 30px;}
.login_1_1_1_2_1_w h1         {word-break: normal;font-size: 22px;font-weight: bold;padding: 10px 0 5px;border-bottom: 1px solid rgb(230, 243, 215);color: rgb(79, 144, 56);}
.login_1_1_1_2_1_w div        {word-break: normal;font-size: 11px;letter-spacing: .5px;padding: 5px 0 10px;color: rgb(138, 196, 74);}
.login_1_1_1_2_2              {margin: 0 0 30px;}
.login_1_1_1_2_2_w            {padding: 0 30px;text-align: right;}
.login_1_1_1_2_2_1            {  }
.login_1_1_1_2_2_1_w          {display: table;width:  100%;}
.login_1_1_1_2_2_1_1          {display: table-cell;vertical-align: middle;}
.login_1_1_1_2_2_1_1_w        {  }
.login_1_1_1_2_2_1_1_w input  {width: 100%;padding: 7px;}
.login_1_1_1_2_2_1_2          {display: table-cell;vertical-align: middle;width: 100px;}
.login_1_1_1_2_2_1_2_w        {padding: 0 0 0 10px;}
.login_1_1_1_2_2_1_2_w button {width: 100%;}
.login_1_1_1_2_2_1_2_w a      {  }
.login_1_1_1_2_3              {}
.login_1_1_1_2_3_w            {padding: 0 30px 30px;text-align: left;}
.login_1_1_1_2_3_w table                          {width: 100%;}
.login_1_1_1_2_3_w table tbody                    {  }
.login_1_1_1_2_3_w table tbody tr                 {  }
.login_1_1_1_2_3_w table tbody tr td              { font-size: 11px;color: rgb(138, 196, 74); }
.login_1_1_1_2_3_w table tbody tr td:nth-child(1) {width: 1px;white-space: nowrap;}
.login_1_1_1_2_3_w table tbody tr td:nth-child(2) {padding: 0 0 0 5px;}

.login_1_1_1_2_4              {padding: 0 30px;}
.login_1_1_1_2_4_w            {border-top: 1px solid rgb(230, 244, 215);padding: 5px 0;text-align: right;font-size: 10px;letter-spacing: .25px;color: rgb(138, 196, 74);}
.login_1_1_1_2_4_w small      {  }
.login_1_1_1_2_4_w small a    {padding: 0 2px;text-decoration: none;font-weight: bolder;color: rgb(137, 184, 110);}
.login_1_img_v {display: block;width: auto;height: 100%;margin: 0 0 0 auto;}
.login_1_img_h {display: none;width: 100%;height: auto;}
/** ------------------------------------------------------------------------------------------------------------------ */
/** @responsive */
@media screen and (max-width: 800px){
.login_1_img_v {display: none;}
.login_1_img_h {display: block;}
.login_1                      {}
.login_1_w                    {}
.login_1_1                    {}
.login_1_1_w                  {}
.login_1_1_1                  {}
.login_1_1_1_w                {
  display: block;
  height: auto;
  position: relative;
}
.login_1_1_1_w img            {}
.login_1_1_1_1                {
  display: block;
  vertical-align: baseline;
  width: auto;
  height: auto;
}
.login_1_1_1_1_w              {
  padding: 0;
  min-width: 640px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
}
.login_1_1_1_2                {
  display: block;
  vertical-align: baseline;
  height: auto;
  position: relative;
  width: 100%;
  top: 300px;
  box-shadow: 0 -1px 1px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 -1px 1px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 -1px 1px 0px rgba(0, 0, 0, 0.2);
}
.login_1_1_1_2_w              {
  padding: 50px 0;
}
.login_1_1_1_2_1              {}
.login_1_1_1_2_1_w            {}
.login_1_1_1_2_1_w h1         {}
.login_1_1_1_2_1_w div        {}
.login_1_1_1_2_2              {}
.login_1_1_1_2_2_w            {}
.login_1_1_1_2_2_1            {}
.login_1_1_1_2_2_1_w          {}
.login_1_1_1_2_2_1_1          {}
.login_1_1_1_2_2_1_1_w        {}
.login_1_1_1_2_2_1_1_w input  {}
.login_1_1_1_2_2_1_2          {}
.login_1_1_1_2_2_1_2_w        {}
.login_1_1_1_2_2_1_2_w button {}
.login_1_1_1_2_2_1_2_w a      {}
.login_1_1_1_2_3              {}
.login_1_1_1_2_3_w            {}
.login_1_1_1_2_4              {  }
.login_1_1_1_2_4_w            {  }
.login_1_1_1_2_4_w small      {  }
.login_1_1_1_2_4_w small a    {  }
}


@media screen and (max-width: 640px){
.login_1_1_1_1_w{left: 50%;-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);transform: translate(-50%, 0);background: linear-gradient(180deg,rgb(220, 235, 179),rgb(147, 202, 154));}
}

.logout_1                   { height: 100%;background: rgb(249, 249, 249); }
.logout_1_w                 { height: 100%; }
.logout_1_1                 { height: 100%; }
.logout_1_1_w               { height: 100%; }
.logout_1_1_1               { height: 100%; }
.logout_1_1_1_w             { height: 100%; position: relative; }
.logout_1_1_1_1             { position: absolute; display: none; }
.logout_1_1_1_1_w           {  }
.logout_1_1_1_1_w h1        {  }
.logout_1_1_1_2             { position: absolute;height: 100%;display: table;width: 100%;left: 0;right: 0;margin: 0 auto;}
.logout_1_1_1_2_w           { display: table-cell;vertical-align: middle;padding: 30px;}
.logout_1_1_1_2_1           {  }
.logout_1_1_1_2_1_w         {  }
.logout_1_1_1_2_2           {max-width: 180px;margin: 0 auto;}
.logout_1_1_1_2_2_w         {  }
.logout_1_1_1_2_2_w a       {display: block;text-decoration: none;padding: 5px 0;}
.logout_1_1_1_2_2_w a:hover { opacity: .9; }
.logout_1_1_1_2_2_w a img   {display: block;width: 100%;height: auto;}
.logout_1_1_1_2_3           {max-width: 280px;margin: 0 auto;}
.logout_1_1_1_2_3_w         {padding: 5px 0;font-size: 10px;text-align: center;color: rgb(228, 228, 228);}
.logout_1_1_1_2_4           {  }
.logout_1_1_1_2_4_w         { text-align: center;padding: 10px 0;}
.logout_1_1_1_2_4_w button  {  }
.logout_1_1_1_2_5           {  }
.logout_1_1_1_2_5_w         { padding: 10px 0;}
.logout_1_1_1_2_5_w small   { font-size: 10px;letter-spacing: .25px;color: rgb(138, 196, 74);display: block;text-align: center;}
.logout_1_1_1_2_5_w small a { padding: 0 2px;text-decoration: none;font-weight: bolder;color: rgb(137, 184, 110);}