/*------------------------
    style
------------------------*/
/* setting */
/*
:root
{
	--def_bg_blue:		#EAF1FD;
	
}
*/
/* base */
/*------------------------
    _reset
------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*------------------------
    _base
------------------------*/
/*//--------------
	ALL
--------------//*/
* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
}

body, input, textarea, select {
  color: #333;
  /*line-height:1.7;*/
  font-size: 1.4rem;
  position: relative;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

/* module */
/* editor */
html {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  background-color: #47b9e9;
  background-image: linear-gradient(to bottom, #fff 0%, #fff 21%, #52c3f1 88%, #47b9e9 100%);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  min-width: 768px;
  font-family: 'Noto Sans JP', 'sans-serif';
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  position: relative;
  margin: 0;
  padding: 0;
}

img {
  width: 100%;
  height: auto;
}

#content header {
  max-width: 1400px;
  margin: 0 auto;
}
#content header .logo_corp {
  width: 168px;
  font-size: 1px;
  line-height: 0%;
  margin: 36px 0 38px 44px;
}
#content header .logo_corp img {
  width: 100%;
  height: auto;
}
#content main .sec_login_dialog {
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0px 2px 0px 0px rgba(43, 82, 118, 0.27);
  width: 560px;
  margin: 0 auto;
  padding: 0 0 28px 0;
}
#content main .sec_login_dialog .mv {
  width: 100%;
  margin-bottom: 40px;
}
#content main .sec_login_dialog .logo_site {
  width: 382px;
  margin: 0 auto 32px auto;
}
#content main .sec_login_dialog .lb {
  border-left: 5px solid #52c3f1;
  font-family: 'Noto Sans JP', 'sans-serif';
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  line-height: 1.5;
  margin-bottom: 8px;
  padding: 0 0 0 8px;
}
#content main .sec_login_dialog .sec_user_id {
  width: 382px;
  margin: 0 auto 24px auto;
}
#content main .sec_login_dialog .sec_user_id .user_id input {
  border: 4px solid #0096e0;
  border-radius: 6px;
  width: 100%;
  height: 60px;
  font-size: 2.4rem;
  line-height: 1.2;
  box-sizing: border-box;
  padding: 0 0.2em;
}
#content main .sec_login_dialog .sec_password {
  width: 382px;
  margin: 0 auto 24px auto;
}
#content main .sec_login_dialog .sec_password .password input {
  border: 4px solid #0096e0;
  border-radius: 6px;
  width: 100%;
  height: 60px;
  font-size: 2.4rem;
  line-height: 1.2;
  box-sizing: border-box;
  padding: 0 0.2em;
}
#content main .sec_login_dialog .sec_language {
  width: 382px;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  align-content: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto 58px auto;
}
#content main .sec_login_dialog .sec_language .language_wrap {
  position: relative;
}
#content main .sec_login_dialog .sec_language .language_wrap .language {
  border: 2px solid #57b0e6;
  border-radius: 100vmax;
  background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 90%, #e0e0e0 100%);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% 100%;
  width: 252px;
  height: 50px;
  font-size: 1.8rem;
  line-height: 1.2;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  box-sizing: border-box;
  position: relative;
  padding: 10px 20px 10px 20px;
}
#content main .sec_login_dialog .sec_language .language_wrap::after {
  content: '>';
  color: #54c3f1;
  font-size: 1.8rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  position: absolute;
  right: 20px;
  top: 53%;
  pointer-events: none;
  transform: translateY(-50%) rotate(90deg) scaleY(150%);
}
#content main .sec_login_dialog .sec_submit .btn_submit {
  position: relative;
  margin-bottom: 30px;
  cursor: pointer;
  transition: opacity 0.4s;
}
#content main .sec_login_dialog .sec_submit .btn_submit:hover {
  opacity: 0.7;
}
#content main .sec_login_dialog .sec_submit .btn_submit button {
  border: 0 none;
  background-color: #0096e0;
  width: 100%;
  height: 70px;
  color: #fff;
  font-size: 3.0rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin-bottom: 0px;
  padding-left: 0px;
}
#content main .sec_login_dialog .sec_submit .btn_submit::before {
  content: '>';
  color: #0096e0;
  font-size: 4rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  position: absolute;
  right: 32.5px;
  top: 35px;
  z-index: 10;
  transform: translate(50%, -50%) scaleX(80%);
}
#content main .sec_login_dialog .sec_submit .btn_submit::after {
  content: '';
  background-color: #003669;
  width: 65px;
  height: 70px;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 5;
  pointer-events: none;
}
#content main .sec_login_dialog .sec_submit .forgot {
  color: #333;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  padding: 0 20px;
}
#content main .sec_login_dialog .sec_submit .forgot a {
  color: #3399cc;
  margin-left: 0.5em;
  text-decoration: underline;
}
#content main .sec_login_dialog .sec_submit .forgot a:hover {
  text-decoration: none;
}
#content footer {
  padding: 24px 20px;
}
#content footer .txt {
  color: #333;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.8;
  text-align: center;
}
#content footer .txt a {
  color: #333;
  text-decoration: underline;
}
#content footer .txt a:hover {
  text-decoration: none;
}