/*----------------------------------------------------------
///////全体レイアウトCSS/////
----------------------------------------------------------*/
@charset "UTF-8";


body {
  min-width:1024px;
  font-family: 'Noto Sans JP', sans-serif;
  background: #ffffff;
  -webkit-appearance: none;
  -webkit-text-size-adjust: 100%;
}

a:link, a:visited, a:hover, a:active {
  color:#297ae9;
}

.sheet {
  max-width:700px;
  background: white; /* 背景を白く */
  box-shadow: 0 0.5mm 2mm rgba(0, 0, 0, 0.3); /* ドロップシャドウ */
  margin: 5mm auto;
  font-size: 13px;
  clear: both;
}

select,button {
    font-family: 'Noto Sans JP', sans-serif;
    background: #f3f3f3;
}
button a {
  text-decoration: none;
}
.center {
  text-align: center;
}
.left {
  text-align: left;
}

.right {
  text-align: right;
}
.clear{
  clear:both;
}

input::placeholder {
  font-weight: normal;
  opacity: 0.5;
  color: #717171;
}


.main_box{
  margin:50px auto 80px auto;
  width:900px;
  overflow:hidden;
}

.main_box .logo{
  width:220px;
  height:60px;
  display:block;
  float:right;
}
.main_box .logo img{
  width:100%;
}
.main_box .login_box{
  margin:100px auto 100px auto;
  padding:50px;
  width:820px;
  height:360px;
  display:block;
  background-color:#e8e8e8;
  box-sizing: border-box;
}

.main_box .login_box .lbox{
  width:330px;
  height:260px;
  display:block;
  float:left;
}
.main_box .login_box .rbox{
  margin-left:30px;
  padding-left:30px;  
  width:360px;
  height:260px;
  display:block;
  border-left:dashed 1px #fff;
  float:left;
  box-sizing: border-box;
}

.main_box .login_box .rbox .txt1{
  margin-top:0px;
  width:320px;
  height:30px;
  display:block;
  font-size:14px;
  text-align:center;
  color:#717171;
}
.main_box .login_box .rbox .txt2{
  margin-top:5px;
  width:320px;
  height:30px;
  display:block;
  font-size:24px;
  text-align:center;
  color:#515151;
letter-spacing:0.1em;
}
.main_box .login_box .rbox .txt3 a{
  margin-top:120px;
  width:320px;
  height:25px;
  display:block;
  font-size:14px;
  text-align:left;
  color:#595757;
  line-height:40px;
  text-decoration:none;
}

.main_box .login_box .rbox .txt3 img{
  margin:0 10px 0 18px;
  width:25px;
  float:left;
}

.main_box .login_box .rbox .txt4{
  margin:5px 0 0 55px;
  width:280px;
  height:40px;
  display:block;
  font-size:10px;
  text-align:left;
  color:#b5b5b6;
  line-height:15px;
}
.main_box .login_box .rbox .txt44{
  margin:70px 0 0 0px;
  width:280px;
  height:40px;
  display:block;
  font-size:10px;
  text-align:left;
  color:#b5b5b6;
  line-height:15px;
}
.main_box .login_box .rbox .txt5{
  margin-top:10px;
  width:320px;
  height:25px;
  display:block;
  font-size:14px;
  text-align:left;
  color:#595757;
  line-height:40px;
  text-decoration:none;
}
.main_box .login_box .rbox .txt5 img{
  margin:0 10px 0 0px;
  width:25px;
  float:left;
}
.main_box .login_box .rbox .txt6{
  margin:30px 0 0 0;
  width:320px;
  display:block;
  font-size:14px;
  text-align:left;
  color:#595757;
  line-height:26px;
  text-decoration:none;
}
.main_box .login_box .lbox .title{
  margin-bottom:15px;
  width:320px;
  height:30px;
  display:block;
  font-size:21px;
  text-align:left;
  color:#818181;
  line-height:44px;
}
.main_box .login_box .lbox .mtitle{
  margin-top:60px;
  width:320px;
  height:30px;
  display:block;
  font-size:14px;
  text-align:left;
  color:#818181;
  line-height:44px;
}
.main_box .login_box .lbox .title span{
  margin-left:15px;
  font-size:13px;
  line-height:44px;
}
.main_box .login_box .lbox .title img{
  margin:0 15px 0 15px;
  width:25px;
  float:left;
}

.main_box .login_box .lbox .tbox{
  padding:0 8px;
  margin-top:15px;
  width:320px;
  height:40px;
  display:block;
  text-align:left;
  text-align:14px;
  color:#333;
  background-color:#fff;
  border:none;
  box-sizing: border-box;
}

.main_box .login_box .lbox .bn a{
  padding:0 8px;
  margin-top:40px;
  width:320px;
  height:50px;
  display:block;
  text-align:center;
  text-align:18px;
  color:#fff;
  background-color:#21539d;
  border:none;
  line-height:51px;
  text-decoration:none;
  box-sizing: border-box;
}

.main_box .login_box .lbox .bn a:hover{
  background-color:#717171;
}
.main_box .login_box .lbox .bn2 a{
  padding:0 8px;
  margin-top:60px;
  width:320px;
  height:50px;
  display:block;
  text-align:center;
  text-align:18px;
  color:#fff;
  border:none;
  line-height:51px;
  text-decoration:none;
  background-color:#717171;
  box-sizing: border-box;
}

.main_box .login_box .lbox .bn2 a:hover{
  background-color:#21539d;
}


.toiawase{
	margin:0 auto;
	width:100%;
	text-align:center;
	font-size:16px;
        color:#717171;
}



*{box-sizing:border-box}html{line-sizing:normal}body{margin:0}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.17rem}h4{font-size:1rem}h5{font-size:.83rem}h6{font-size:.67rem}h1{margin:.67em 0}pre{white-space:pre-wrap}hr{border-style:solid;border-width:1px 0 0;color:inherit;height:0;overflow:visible}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle;max-width:100%}canvas,img,svg,video{height:auto}audio{width:100%}img{border-style:none}svg{overflow:hidden}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}table{border-collapse: collapse;border-spacing: 0;}
button {background: none;border: none;outline: none;-webkit-appearance: none;-moz-appearance: none;}