@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: 800px;
    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 .inner{
   margin:100px 0 50px; 
 }

.article-container .inner .text{
   font-size: 1.6rem
 }

.article-container .inner .subtitle{
   font-size: 1.8rem;
   line-height:2;
    font-weight: 500;
    border-bottom: 1px solid #333;
    margin:0 0 10px;
 }

.article-container .inner .title{
   font-size: 2rem;
   line-height:2;
    font-weight: 500;
    margin:0 0 10px;
 }

@media screen and (max-width : 640px) {
  .article-container .inner{
   margin:50px 0 30px; 
 }
.article-container .inner .text{
   font-size: 1.4rem
 }
}