.pc{
  display: block;
}

.sp{
  display: none;
}


body{
  width: 100%;
}

#wrapper2{
  width: 100%;
  max-width: 1387px;
  margin: 0 auto;
  display: block;
  background-position: center top;
  background-size: 100% auto;
  background-image:url(../images/2ndtopback.jpg);
  background-repeat: no-repeat;
}

#container{
  width: 100%;
  max-width: 800px;
  display: block;
  margin: 0 auto;
}


.aw_section{
  text-align:center;
  margin:3vh auto 0;
  width:100%;
  max-width:830px;
  display:block;
  position:relative;
}

.aw_section_box{
  width: 85%;
  margin: 0 7.5%;
  padding: 0;
  display: flex;
  position: absolute;
  bottom: 5%;
}

.aw_section_box .img_box{
  width: 31%;
  margin: 0 1%;
}

.aw_section_box2 {
  width: 50%;
  margin: 0 9%;
  padding: 0;
  display: flex;
  position: absolute;
  bottom: 8%;
}

.aw_section_box2 .img_box{
  width: 48%;
  margin: 0 1%;
}

.aw_section_box a :hover{
  opacity: 0.7;
}

.img_box img,.img_box2 img,.sec_images{
  width: 100%;
  border: solid 2px rgb(226, 187, 49);
  box-sizing:border-box;
}

.flex_box{
  display: flex;
}

.ud_link{
  width:55%;
  margin:5em auto;
}

.w50{
  width: 50%;
  display: block;
  margin: 0 5%;
}

.logo-sp{
  width: 85%;
  display: block;
  margin: 0 auto;
  max-width: 700px;
}

#foot_con{
  background-image: url(../images/aw/aw_foot_image.jpg);
  background-repeat: no-repeat;
}


@media (max-width: 800px)
{
  .pc{
    display: none;
  }

  .sp{
    display: block;
  }

  #kt{
    width: 45%;
    max-width: 170px;
  }

  #wrapper2{
    width: 100%;
    max-width: 1387px;
    margin: 0 auto;
    display: block;
    background-position: center top;
    background-size: 130% auto;
    background-repeat: no-repeat;
  }

  .gn{
    height: auto;
  }

  .gn ul{
    width: 90%;
    max-width: 360px;
    display: block;
    margin: 0 auto;
  }

  .gn ul li{
    width: 49%;
  }

  .ud_link{
    width:95%;
    margin:4vh auto;
  }

  #foot_text{
    font-size: 11px;
    width: 90%;
    margin: 0 auto;
    display: block;
  }
}