@charset "utf-8";

body {
  text-align: center;
}

.logo-area {
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.logo-area .logo {
  width: 137px;
  display: inline-block;
}
.logo-area .close .ico {
  width: 21px;
  height: 21px;
  display: inline-block;
  position: relative;
}
.logo-area .close {
  display: inline-flex;
  align-items: center;
}
.logo-area .close .text {
  display: inline-block;
  padding: 1px 25px 0 0;
}
.logo-area .close .ico::before,
.logo-area .close .ico::after {
  width: 100%;
  height: 3px;
  display: block;
  background: #7e8697;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1px;
  content: "";
}
.logo-area .close .ico::before {
  transform: rotate(45deg);
}
.logo-area .close .ico::after {
  transform: rotate(-45deg);
}

.border-box {
  padding: 95px 15px 65px;
  border: solid 10px #dbe3ee;
}
.border-box .title {
  font-size: 2.4rem;
  color: #1149a6;
}
.border-box .desc {
  margin-top: 3.5em;
}
.border-box .url {
  margin: 1.4em 0 0.9em;
  word-break: break-all;
}
.border-box a.rwd-button-link {
  width: 287px;
  display: block;
  margin: 0 auto;
}

.copyright {
  margin-top: 38px;
  padding: 0.55em 0;
  background: #3b3b3b;
  color: #fff;
}

@media print, screen and (max-width: 767px){
  body {
    text-align: left;
  }
  
  .logo-area {
    height: 62px;
  }
  .logo-area .logo {
    width: 109px;
  }
  .logo-area .close .text {
    padding: 1px 10px 0 0;
  }
  
  .border-box {
    padding: 45px 22px;
    border-width: 7px;
  }
  .border-box .title {
    font-size: 2.0rem;
    line-height: 1.4 !important;
  }
  .border-box .desc {
    margin-top: 2.5em;
  }
  .border-box .url {
    margin: 2em 0 0.9em;
  }
  .border-box a.rwd-button-link {
    width:   100%;
    margin-bottom: 0 !important;
  }
  
  .copyright {
    margin-top: 25px;
    padding: 0.8em 0;
    text-align: center;
    font-size: 1.3rem;
  }
}