@charset "utf-8";

/** |READ ME| **********************************************************************************************************

"forgot"

Cascading Style Sheet Setting File

Ver.20221017

------------------------------------------------------------------------------------------------------------------------

********************************************************************************************************** |READ ME| **/
body {
    background:#F7F7F7;
}
.forgot-main {
    padding:0;
}
.forgot-inner {
    max-width:1100px;
    margin:0 auto;
    text-align:left;
    padding-bottom:170px;
}
.forgot-content-ttl {
    font-size:20px;
    font-weight:bold;
}
.forgot-content-txt {
    margin-top:30px;
}
.forgot-content {
    margin-top:80px;
}
.forgot-content-l,
.forgot-content-r {
    background:#fff;
    width:480px;
    border-radius:5px;
    box-sizing:border-box;
    padding:50px 55px;
}
.forgot-content-l img {
    display:block;
    width:100%;
}
.forgot-box{
  background:#fff;
  border-radius:5px;
  box-sizing:border-box;
  padding:50px 80px;
  text-align:left;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.forgot-box + .forgot-box{
  margin-top:50px;
}
.forgot-box-l{
  padding: 0 30px 0 0;
}
.forgot-box-r img{
  max-width:225px;
  width:100%;
  height:auto;
}
.forgot-content-subttl {
    color:#F03;
    font-size:20px;
    font-weight:bold;
}
.forgot-content-subtxt {
    font-size:16px;
    font-weight:bold;
}
.forgot-content-subtxt a{
    color:#000;
    text-decoration: underline;
    opacity:1;
}
.forgot-content-subtxt a:hover{
    color:#000;
    text-decoration: none;
    opacity:1;
}
.forgot-content-udbox + .forgot-content-udbox {
    margin-top:70px;
}
.forgot-content-udbox-ttl {
    font-size:20px;
    font-weight:bold;
}
.forgot-content-udbox-tel {
    display:block;
    font-size:38px;
    font-weight:bold;
    line-height:1;
    margin:18px 0 6px;
    pointer-events:none;
}
.forgot-content-udbox-ttl-s{
  font-size:14px;
}
.forgot-btn {
    display:block;
    font-size:14px;
    padding-left:85px;
    padding-right:47px;
    position:relative;
    line-height:38px;
    border:1px solid #333;
    border-radius:20px;
    max-width:225px;
    width:100%;
    box-sizing:border-box;
}
.forgot-btn::before {
    content:"";
    display:block;
    position:absolute;
    top:12px;
    left:30px;
    background:url("../img/forgot/forgot-btn-item.png");
    width:17px;
    height:14px;
}
@media (max-width:640px) {
  .forgot-main {
      padding:0;
  }
  .forgot-inner {
      padding-bottom:100px;
  }
  .forgot-content-ttl {
      font-size:16px;
      font-weight:bold;
  }
  .forgot-content-txt {
      margin-top:10px;
  }
  .forgot-content {
      margin-top:50px;
  }
  .forgot-content-l,
  .forgot-content-r {
      background:#fff;
      width:100%;
      border-radius:5px;
      box-sizing:border-box;
      padding:20px 20px;
  }
  .forgot-box{
    padding:30px;
    text-align:center;
    display:block;
  }
  .forgot-box + .forgot-box{
    margin-top:30px;
  }
  .forgot-box-l{
    padding:0;
  }
  .forgot-content-r {
      margin-top:30px;
  }
  .forgot-content-udbox + .forgot-content-udbox {
      margin-top:30px;
  }
  .forgot-content-udbox-ttl {
      font-size:16px;
  }
  .forgot-content-udbox-tel {
      font-size:28px;
      font-weight:bold;
      line-height:1;
      margin:18px 0 6px;
      pointer-events:auto;
  }
  .forgot-content-subttl{
      padding: 0 0 5px;
  }
  .forgot-content-subtxt{
      padding: 0 0 10px;
  }
  .forgot-btn {
      margin: auto;
      padding-left:65px;
      padding-right:27px;
  }
}