@charset "UTF-8";


body{
    position:relative;

}


.header:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  display: inline-block;
  width: 98%;
  height: 1px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #b2b2b2;
}

.main-container{
  width: 100%;
  padding: 0px 40px 100px;
  overflow:hidden;
}

@media screen and (max-width : 640px) {
.main-container{
  position:relative;
  width: 100%;
  padding: 0 20px 50px;
  overflow:hidden;
}
}

.article-container{
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    /* position:relative; */
}

.article-container .main-title{
    font-size: 2.6rem;
    font-weight: 500;
    text-align: center;
    position:relative;
    margin:50px 0 50px;
}

.article-container  .main-title:before{
  content: '';
  position: absolute;
  left: 50%;
  bottom: -15px;
  display: inline-block;
  width: 40px;
  height: 3px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #1e3188;
}

.article-container .thanks-title{
    font-size: 2.4rem;
    font-weight: 500;
    text-align: center;
    margin:50px 0 30px;
}

.article-container .thanks-container{
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -60%);
    -webkit-transform: translate(-50%, -60%);
    -ms-transform: translate(-50%, -60%);
    text-align: center
    
}

.article-container .thanks-container p{
  text-align:center;
}

footer{
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
}

.hissu{
  color:red;
}