@charset "utf-8";
a {
  color:#2d3940;
  text-decoration:underline;
  cursor:pointer;
}
a:hover {
  color:#3ac;
  text-decoration:underline;
}
a.underline {
  color: #2d3940;
  text-decoration: underline;
}
.article {
  margin: 50px auto;
  width: 680px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .article {
    margin: 0 auto;
    width: 100% !important;
  }
}

.mypage_header {
  background: #00796b;
  border-bottom: 2px solid #D0D3D3;
  color: #ffffff;
}

.mypage_logo {
  width: 200px;
  display: flex;
  min-height: 60px;
}
@media only screen and (max-width: 768px) {
  .mypage_logo {
    min-height: 50px;
  }
}
.mypage_logo img {
  height: 22px;
  margin: auto auto auto 10px;
}

.btn_login {
  display: inline-block;
  min-width: 110px;
  max-width: 300px;
  width: 100%;
  margin: auto;
  background: #f7f7f7;
  color: #4792E0;
  border-radius: 6px;
  border: 2px solid #ffffff;
  text-decoration: none;
  font-size: 16px;
  cursor: pointer;
  padding: 10px 15px;
  vertical-align: middle;
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.16);
  -webkit-appearance: none;
}

.remember_pass {
  font-size: 13px;
}
#login_newReg {
  display: inline-block;
  margin: 35px auto 35px auto;
  text-align: center;
}
#login_newReg li {
  margin: 20px 0;
}
#login_newReg li a {
  color: #2D3940;
  text-decoration:underline;
}

.cmn_table {
  width: 100%;
  margin: 20px 0;
}
@media screen and (max-width: 767px) {
  .cmn_table {
    font-size: 90%;
  }
}
.cmn_table tr {
  border-bottom: 5px solid #fff;
}
@media screen and (min-width: 768px) {
  .cmn_table tr:not(:last-child) {
    border-bottom: 1px solid #ccc;
  }
}
.cmn_table th,
.cmn_table td {
  padding: 10px;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .cmn_table th,
  .cmn_table td {
    display: block;
    list-style: none;
  }
}
.cmn_table th {
  font-weight: normal !important;
  background: #f5f5f5;
  color: #34a38b;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .cmn_table th {
    width: 20%;
  }
}
.cmn_table td {
  background: #efefef;
}
.cmn_table input {
  width: 100% !important;
  padding: 5px !important;
  min-height: 36px !important;
  font-size: 16px !important;
}
.cmn_table select {
  padding: 5px;
}
.cmn_table .checkbox_text {
  margin: 3px;
}

.foot_menu {
  margin-top: 50px;
  background: #E0F2F1;
  font-size: 12px;
  color: #3F515A; }
.foot_menu ul {
  display: flex; }
.foot_menu li:not(:first-child)::before {
  content: "|"; }
.foot_menu li a {
  display: inline-block;
  color: inherit;
  padding: 10px; }
@media screen and (min-width: 768px) {
  .foot_menu li a {
    padding: 19px; } }

.footer {
  margin-top: 10px;
  text-align: center;
  font-size: 12px;
  color: #3F515A;
  background: #fff;
  padding: 0;
}