@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap");

footer .area_contact {
  /* margin: 0 0 -2px; */
  padding: 10px 0 10px; !important;
  text-align: center;
  color: #fff;
  background: url(../img/common/footer_contact_bg.jpg) no-repeat center top;
  background-size: cover;
  position: relative;
}

@media screen and (min-width: 769px) {
  .article_main .wrapper {
    max-width: 1200px;
    width: 100%;
    margin: 0px auto 0 !important;
    padding: 0 0 13px;
    position: relative;
  }

  .article_main .wrapper::before {
    content: '';
    display: block;
    min-width: 1300px;
    width: 100vw;
    height: 100%;
    padding-bottom: 0px; !important;
    background: #fff;
    position: absolute;
    top: 0px; !important;
    left: -80px;
    -webkit-box-shadow: 0px 0px 24px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 24px 10px rgba(0, 0, 0, 0.1);
    z-index: 1;
  }
}

@media screen and (max-width: 1400px) {
  .article_main .wrapper::before {
    left: -5%;
  }
}
@media screen and (max-width: 1337px) {
  .article_main .wrapper::before {
    left: -5%;
  }
}

.article_main .area_contents,
.article_main aside {
  position: relative;
  z-index: 1;
}

.logo_lan {
        padding: 20px!important;
	width: 80% !important;
	max-width: 380px !important;
}

@media screen and (max-width:768px) {
	section{
		margin-top: 0vw !important; 
	}
	section:first-child{
		margin-top: 0vw !important; 
	}
}

section:first-child{
	margin-top: 0px !important;
}