/*========================================================
* layout - footer.css
========================================================*/
.l-footer{
  background-color: #fff;
  padding: 70px 20px 80px;
}

.l-footer__inner{
  margin: 0 auto;
  max-width: 720px;
  text-align: center;
}

.l-footer-nav{
  margin-top: 50px;
}

/*========================================================
* layout - header.css
========================================================*/
header{
  position: fixed;
  z-index: 100;
  width: 100%;
}

.l-header{
  background-color: #fff;
  height: 160px;
  line-height: 160px;
}

.l-header__inner{
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1260px;
  display: flex;
  justify-content: space-between;
}

/*========================================================
* layout - main.css
========================================================*/
main{
  margin: 0 auto 0;
  padding: 160px 0 0;
}

/*========================================================
* layout - top.css
========================================================*/
.l-mv{
  position: relative;
  padding-top: 160px;
}

.l-top-service{
  position: relative;
}

.l-top-service__inner{
  position: relative;
  max-width: 1120px;
  margin: 120px auto 160px;
  padding: 0 20px;
}

.l-top-descBox__right{
  align-self: center;
  padding-right: 18px;
}

.l-top-descBox__left{
  align-self: center;
}

.l-top-descBox-text{
  margin-top: 30px;
}

.l-top-descBox-ul{
  margin: 20px 0 ;
}

.l-top-descBox-li + .l-top-descBox-li{
  margin-top: 10px;
}

.l-top-news{
  margin: 100px 0;
  padding: 0 20px;
}

.l-news-list{
  max-width: 900px;
  margin: 70px auto 0;
}

.l-news-title{
  margin-bottom: 15px;
}

.l-line{
  margin: 60px 0 0;
}

.l-line__inner{
  text-align: center;
}

/*========================================================
* layout - about.css
========================================================*/
.l-about__title{
  margin-bottom: 30px;
}

.l-about-agentrec{
  padding: 120px 20px 0;
}

.l-mvv{
  padding: 0 20px;
}

.l-about-mvv{
  max-width: 900px;
  margin: 90px auto 120px;
  padding: 50px 55px;
  border: 4px solid #f4810e;
  border-radius: 30px;
}

.l-greetings{
  position: relative;
  padding-top: 50px;
  padding-bottom: 100px;
}

.l-about-chat{
  background-image: url('../img/about-bg.png');
  background-size: cover;
  background-repeat: no-repeat;
  padding: 100px 20px 100px;
}

.l-about-inner{
  margin: 0 auto;
  max-width: 900px;
}

.l-character-list{
  margin-top: 25px;
}

.l-character-desc{
  padding-left: 30px;
}

.l-character-name{
  margin-top: 35px;
}

.l-character-career{
  margin: 12px 0 25px;
}

.l-character-career-item + .l-character-career-item{
  margin-top: 10px;
}

.l-company{
  margin: 100px 0;
}

.l-company-box{
  margin-left: 60px;
  padding-top: 25px;
}

.l-company-list{
  margin-top: 60px;
}

.l-contact-list{
  margin-top: 80px;
}

.l-contact-tell__label{
  margin-bottom: 10px;
}
/*========================================================
* layout - privecypolicy.css
========================================================*/
.l-privacypolicy__title{
  margin-top: 100px;
  margin-bottom: 100px;
}

.l-privacypolicy{
  position: relative;
}

.l-privacypolicy__inner{
  max-width: 1040px;
  margin: 120px auto;
  padding: 0 20px;
}

/*========================================================
* layout - contact.css
========================================================*/
.l-contact__title{
  margin-top: 100px;
  margin-bottom: 100px;
}


/*========================================================
* layout - company.css
========================================================*/
.l-company__title{
  margin-top: 100px;
  margin-bottom: 100px;
}

.l-company-desc__dl{
  margin: 10px 0;
}

.l-googlemap{
  margin-top: 100px;
}

/*========================================================
* layout - service.css
========================================================*/
.l-servive-titleLeft{
  position: relative;
  margin-top: 120px;
  margin-bottom: 70px;
}

.l-service-desc-left{
  margin: 70px 40px 0 0;
  max-width: 540px;
}

.l-service-desc-right{
  margin: 70px 0 0 40px;
  max-width: 540px;
}

.l-service-img__cover{
  margin-top: 20px;
  margin-left: 60px;
}

.l-chat-box__margin{
  margin-top: 120px;
}

.c-sec-subtitle-service{
  margin: 20px 0 35px;
}

.l-company-img__cover{
  margin-top: 15px;
}

.l-titleOnBox{
  max-width: 1040px;  
  margin: 70px auto 60px;
  padding: 0 20px;
}

/*========================================================
* layout - single.css
========================================================*/
.l-single{
  position: relative;
}

.l-single__inner{
  max-width: 1040px;
  margin: 0 auto;
  padding: 150px 20px 200px;
}

.l-single-title{
  margin-bottom: 30px;
}

.l-single-content{
  margin-top: 70px;
  line-height: 1.5;
}

.l-top-btn__inner{
  text-align: center;
  margin-top: 60px;
}