.mv_wrap{
  background: url(../img/timecapsule/mv.png) center no-repeat fixed;
}
.mv_img_chara{
  width: 100%;
  height: 100%;
  background: url(../img/timecapsule/mv_chara.png)  no-repeat center bottom / auto 100%;
}
.mv_img_logo{
  width: 85%;
}
.detail_in{
  background: url(../img/timecapsule/bg.png) no-repeat center top / 80% auto fixed;
}
.detail_wrap{
  background: #000;
}
.detail_in:after{
  display: none;
}
.inn_sns{
  max-width: 800px;
  margin-top: 120px;
}
.agree{
  text-align: left;
  padding: 20px;
  font-size: 1.6rem;
  border: solid 1px #fff;
  overflow: scroll;
  height: 300px;
  max-width: 800px;
  margin: 80px auto 0;
}
.inn_sns{
  margin-top: 30px;
}
.agree_ttl{
  display: block;
  text-align: center;
  font-weight: bold;
}
.agree_strong{
  font-weight: bold;
}
.link_txt{
  text-decoration: underline;
}
.link_txt:hover{
  text-decoration: none;
}
.ttl_line{
  margin-top: 100px;
}
.ttl_line img {
  transform: skewX(-10deg);
}
.overview{
  overflow: hidden;
  text-align: left;
  font-size: 1.6rem;
  width: 800px;
  margin:  80px auto 0;
  line-height: 1.8;
}
.overview dt{
  float: left;
  clear: both;
  width: 180px;
  font-weight: bold;
  padding: 20px 0;
}
.overview dd{
  padding-left: 180px;
  padding: 20px 0 20px 180px;
  
}
.overview dd:nth-of-type(n+2){
  
}
.overview{
  text-align: center;
  font-size: 2rem;
}
.overview span{
  display: inline-block;
  font-weight: bold;
  margin-right: 40px;
}
.form_wrap{
  padding: 20px 20px 50px;
  margin: 70px auto 0;
  text-align: left;
  border: 1px solid #fff; 
  max-width: 800px;
}
.form-group{
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #cccccc;
}
.no_line{
  border: none;
}
.notetext{
  font-size: 1.4rem;
  margin-top: 5px;
}
.text-danger{
  color: #c73b3b;
  font-size: 1.4rem;
  margin-top: 5px;
  display: block;
  font-weight: bold;
}
.required{
  width: auto;
  display: inline-block;
  margin-left: 0.25em;
  padding: 0px 8px;
  line-height: 18px;
  font-size: 0.75em;
  color: #fff;
  background-color: #c73b3b;
  border-radius: 4px;
  height: 20px;
}
.form-control-label{
  display: block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
  font-size: 1.6rem;
}
.form_wrap input[type="text"],.form_wrap input[type="email"],.form_wrap input[type="tel"],.form_wrap input[type="url"],.form_wrap textarea {
  height: 1.75em;
  width: 60%;
  min-width: 500px;
  max-width: 100%;
  line-height: 1.75em;
  padding: 2px 4px;
  border: 1px solid #6a767d;
  transition: all 0.3s;
  width: 100%;
  color: #000;
  font-size: 1.6rem;
}
.form_wrap input[type="file"]{
  font-size: 1.6rem;
}
.form_wrap textarea{
  height: 10em;
}
.form-check-input{
  appearance: auto;
  margin-right: 10px;
}
.agree{
  margin-top: 20px;
}
.agree a{
  display: inline;
  padding: 0;
  border: none;
}
.form-check {
  text-align: center;
  font-size: 1.6rem;
  margin-top: 30px;
}
.center{
  text-align: center
}
.button {
  max-width: 320px;
  width: 100%;
  height: 60px;
  font-size: 2rem;
  background: #000;
  border: solid 2px #fff;
  transform-origin: center center;
  font-weight: 700;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: .3s ease color;
  padding: 0;
  color: #fff;
  border-radius: 0;
  position: relative;
  vertical-align: bottom;
}
.form_btn{
  text-align: center;
}
.button::after {
  content: "";
  width: 8px;
  height: 8px;
  display: inline-block;
  position: absolute;
  border: solid #fff 3px;
  border-left: none;
  border-bottom: none;
  border-radius: 1px;
  top: calc(50% - 5px);
  transition: .3s;
  transform: rotate(45deg) scale(1, 1);
  right: 15px;
}
.button:hover {
  background: #fff;
  color: #000;
}
.button:hover:after{
  border-color: #000;
}
.col-xs-9{
  font-size: 1.6rem;
}
.line_top{
  border-top: 1px solid;
  padding-top: 20px;
}
.contact_info{
  padding: 50px 100px;
  font-size: 1.6rem;
  max-width: 800px;
  margin: 80px auto;
  border: 1px solid #fff;
  text-align: left;
}
.contact_info .ttl{
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 20px;
}
.contact_info a{
  text-decoration: underline;
}
.contact_info a:hover{
  text-decoration: none;
}
.contact_info p + p{
  margin-top: 10px;
}
.contact_info ul{
  font-size: 1.4rem;
  margin-top: 20px;
}

.en_page .overview span{
  /* text-align: left; */
  display: block;
}
@media only screen and (max-width: 768px) {
  .mv_sec {
    height: 55vh;
  }
  .mv_img_chara{
      background-image: url(../img/timecapsule/mv_chara-sp.png);
      /* background-size: auto 90%; */
  }
  .detail_in{
      background: url(../img/timecapsule/bg.png) no-repeat center / 125% auto fixed;
  }
  .agree{
    margin-top: 50px;
  }
  .overview{
    width: 100%;
    margin: 50px auto 0;
    text-align: left;
  }
  .overview dt{
    float: none;
    padding-bottom: 0;
  }
  .overview span{
    display: block;
  }
  .overview dt:first-of-type{
    padding-top: 0;
  }
  .overview dd{
    padding-left: 0;
    padding-top: 0;
  }
  .overview dd:last-of-type{
    padding-bottom: 0;
  }
  .form_wrap input[type="text"], .form_wrap input[type="email"], .form_wrap input[type="tel"], .form_wrap input[type="url"], .form_wrap textarea {
    min-width: 100%;
  }
  .contact_info{
    padding: 30px 10px;
  }
  .contact_info p span{
    display: block;
  }
  .contact_info li{
    padding-left: 1em;
    text-indent: -1em;
  }
  .button + .button{
    margin-top: 30px;
  }
}