.header__wrap {
  width: 100%; }
.header__contents__top {
  max-width: 1100px;
  margin: 0 auto;
  padding: 30px 0;
  display: flex;
  justify-content: space-between; }
.header__contents__logo {
  width: 20%; }
  .header__contents__logo img {
    width: 100%; }
.header__contents__topnav {
  width: 40%; }
  .header__contents__topnav--list {
    padding-top: 15px; }
    .header__contents__topnav--list-inner {
      width: 100%;
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-around; }
      .header__contents__topnav--list-inner li {
        width: 30%;
        text-align: center; }
        .header__contents__topnav--list-inner li a {
          font-weight: bold; }
.header__contents__mainbnr__wrap {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto; }
.header__contents__mainbnr__content {
  display: flex;
  flex-wrap: nowrap; }
  .header__contents__mainbnr__content img.left {
    width: 65%; }
  .header__contents__mainbnr__content img.right {
    width: 35%; }

.main__contents__wrap {
  width: 100%;
  margin: 50px 0; }
.main__contents__container {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto; }
.main__contents__item-list__content h2 {
  text-align: center;
  margin-bottom: 50px;
  font-size: 2vw; }
.main__contents__item-list__list {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between; }
  .main__contents__item-list__list li {
    width: 22%;
    margin-bottom: 50px; }
    .main__contents__item-list__list li img {
      width: 100%; }

.footer__aboutUs__wrap {
  width: 100%;
  margin: 100px 0;
  border-top: 1px solid #DDD; }
.footer__aboutUs__container {
  width: 700px;
  margin: 0 auto;
  padding: 70px 0 0; }
  .footer__aboutUs__container h2 {
    width: 700px;
    margin: 0 auto 20px auto;
    font-weight: bold; }
  .footer__aboutUs__container ul li {
    margin: 0 0 10px; }
.footer__logo-copy {
  padding: 100px 0 0;
  border-top: 1px solid #DDD; }
  .footer__logo-copy--logo {
    width: 100%;
    text-align: center; }
    .footer__logo-copy--logo img {
      width: 30%;
      max-width: 400px; }
  .footer__logo-copy--copy {
    margin-top: 100px;
    width: 100%;
    background: #FF3900;
    padding: 15px;
    text-align: center; }
    .footer__logo-copy--copy p {
      color: #fff; }