#container .contents {
      font-size: 1rem;
    }
    /*-----------------------------------

      information

    -----------------------------------*/
    #container .top {
      width: 1200px;
      display: flex;
      margin: 50px auto auto;
    }

    #container .top .appearance {
      width: 189px;
      height: 209px;
    }

    #container .top .appearance img {
      width: 100%;
    }

    #container .top nav .item {
      width: 152px;
      margin-left: 90px;
      padding: 15px 0;
      border-bottom: 1px solid #ddd;
      list-style: none;
      display: inline-block;
    }

    #container .top nav .orange {
      color: #e94709;
      font-size: .875rem;
      margin-bottom: 9px;
    }

    #container .top nav .index {
      display: flex;
      justify-content: space-between;
    }

    #container .top nav .index span {
      font-weight: 700;
    }

    #container .top nav img {
      width: 20px;
      float: right;
      margin: 8px 0;
      height: 10px;
    }

    #container .top nav .sp-arrow {
      display: none;
    }

    #container .information {
      width: 100%;
      background-color: #f9f9f7;
    }

    #container .information .container {
      width: 1200px;
      padding-top: 85px;
      margin: -40px auto auto;
      display: flex;
      padding-bottom: 80px;
    }

    #container .information .container .left {
      width: 400px;
    }

    #container .information .container .left .orange {
      color: #e94709;
      font-size: .875rem;
      margin-bottom: 27px;
    }

    #container .information .container .left .title {
      font-size: 1.5625rem;
      font-weight: 700;
    }

    #container .information .container .right {
      width: 770px;
    }

    #container .information .container .right table {
      border-collapse: collapse;
      text-align: left;
    }

    #container .information .container .right table .sp-br {
      display: none;
    }

    #container .information .container .right table .business-content td ol {
      list-style-type: none;
    }

    #container .information .container .right table .business-content td ol li {
      display: flex;
    }

    #container .information .container .right table .business-content td ol li .number {
      margin-right: 2rem;
    }

    #container .information .container .right table .business-content td ol li span:last-child {
      font-feature-settings: "palt";
    }

    #container .information .container .right table tr {
      border-bottom: 1px solid #ddd;
      line-height: 2;
    }

    #container .information .container .right table tr:last-child {
      border-bottom: none;
    }

    #container .information .container .right table tr th {
      width: 280px;
      font-weight: 400;
      padding-top: 28px;
      vertical-align: top;
    }

    #container .information .container .right table tr td {
      width: 460px;
      padding-top: 28px;
      padding-bottom: 20px;
      line-height: 2;
    }

    #container .information .container .right table tr ul {
      padding-left: 1em;
    }

    #container .information .container .right table tr ul li {
      list-style-type: disc;
    }

    #container .information .container .right table tr .decoration-none {
      list-style-type: none;
      margin-left: 5rem;
    }

    #container .information .container .right table tr:nth-child(2) {
      border-bottom: none;
    }

    #container .information .container .right table tr:nth-child(2) td {
      padding-bottom: 0;
    }

    .history {
      width: 1200px;
      display: flex;
      margin: 130px auto auto;
    }

    .history .left {
      width: 250px;
    }

    .history .left .orange {
      color: #e94709;
      font-size: .875rem;
      margin-bottom: 27px;
    }

    .history .left .title {
      font-size: 1.5625rem;
      font-weight: 700;
    }

    .history .right,
    .history .right ul {
      width: 100%;
    }

    .history .right ul li {
      width: 100%;
      list-style-type: none;
      border-bottom: 1px solid #ddd;
      padding-bottom: 20px;
      padding-top: 10px;
      display: flex;
    }

    .history .right ul li span:first-child {
      flex: 20;
    }

    .history .right ul li span:last-child {
      flex: 80;
    }

    .history .right ul li:first-child {
      padding-top: 0;
    }

    .access {
      width: 1200px;
      margin-right: auto;
      margin-left: auto;
      margin-top: 110px;
      padding-bottom: 30px;
    }

    .access .orange {
      color: #e94709;
      font-size: .875rem;
      margin-bottom: 27px;
    }

    .access .title {
      font-size: 1.5625rem;
      font-weight: 700;
    }

    .access address {
      font-style: normal;
    }

    .access .title {
      margin-bottom: 112px;
    }

    .access .container {
      height: 560px;
      margin-bottom: 160px;
      display: flex;
      justify-content: center;
    }

    .access .container .left {
      width: 365px;
    }

    .access .container .right {
      width: 835px;
    }

    .access .factory-name,
    .access .main-text {
      font-size: 1.1875rem;
      font-weight: 700;
    }

    .access .factory-name {
      margin-top: 76px;
      border-bottom: 1px solid #ddd;
      line-height: 2.4;
    }

    .access .address {
      margin-top: 10px;
      display: flex;
      line-height: 2.1;
    }

    .access .address .item {
      width: 56px;
    }

    .access .directions {
      width: 365px;
      height: 126px;
      margin-top: 25px;
      border: 1px solid #ddd;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .access .directions .icon {
      margin-right: 29px;
    }

    .access .directions .icon img {
      width: 30px;
    }

    .access .directions .subtext {
      margin-top: 10px;
      display: flex;
    }

    .access .directions .subtext .text {
      font-size: .875rem;
      width: 195px;
    }

    .access .directions .subtext img {
      margin-top: 26px;
      margin-left: 29px;
    }

    .access .google-map {
      width: 750px;
      height: 450px;
      margin-left: 85px;
      background-color: #ddd;
    }

    .access .photo {
      width: 300px;
      height: 180px;
    }

    .access .photo img {
      width: 100%;
    }

    @media screen and (max-width:1240px) {
      #container .top {
        width: 90%;
     }

      #container .top nav {
        width: 100%;
     }

      #container .top nav ul {
        display: flex;
        width: 100%;
     }

      #container .top nav ul .item {
        margin-left: 50px;
     }

      #container .top nav ul .item .index {
        padding-right: 20px;
     }

      .access,
      .history,
      #container .information .container {
        width: 90%;
     }

      .access .container {
        display: flex;
     }

      .access .container .left {
        width: 30%;
     }

      .access .container .right .google-map {
        width: 90%;
     }

      .access .container .right .google-map iframe {
        width: 100%;
     };
    }

    @media screen and (max-width:1080px) {
      #container .top {
        display: flex;
        flex-direction: column-reverse;
        margin-top: 10px;
     }

      #container .top .appearance {
        display: none;
     }

      #container .top nav ul {
        width: 100%;
        flex-wrap: wrap;
     }

      #container .top nav ul .item {
        width: 50%;
        height: 54px;
        margin-left: 0;
        padding-left: 20px;
        border: 1px solid #999;
     }

      #container .top nav ul .item .orange {
        display: none;
     }

      #container .top nav ul .item .index span {
        font-weight: 400;
     }

      #container .top nav ul .item .sp-arrow {
        display: block;
     }

      #container .top nav ul .item .pc-arrow {
        display: none;
     }

      #container .top nav ul .item:first-child,
      #container .top nav ul .item:nth-child(3) {
        border-right: none;
     }

      #container .top nav ul .item:first-child,
      #container .top nav ul .item:nth-child(2) {
        border-bottom: none;
     }

      #container .information .container {
        position: relative;
        flex-direction: column;
        padding-top: 10px;
        margin-top: 120px;
     }

      #container .information .container .left {
        width: 100%;
        position: absolute;
        top: -56px;
     }

      #container .information .container .left .orange {
        margin-bottom: 0;
     }

      #container .information .container .right,
      #container .information .container .right table {
        width: 100%;
     }

      #container .information .container .right table .sp-br {
        display: none;
     }

      .history {
        display: block;
        margin-top: 70px;
     }

      .history .left .orange {
        margin-bottom: 9px;
     }

      .history .right {
        margin-top: 46px;
     }

      .access {
        margin-top: 70px;
     }

      .access .orange {
        margin-bottom: 9px;
     }

      .access .title {
        margin-bottom: 46px;
     }

      .access .container {
        display: block;
        height: auto;
        margin-bottom: 80px;
     }

      .access .container .left {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
     }

      .access .container .left .photo {
        width: 45%;
        height: auto;
     }

      .access .container .left address {
        width: 45%;
     }

      .access .container .left address .factory-name {
        margin-top: 0;
     }

      .access .container .left .directions {
        width: 330px;
        margin: 25px auto auto;
     }

      .access .container .right {
        width: 100%;
     }

      .access .container .right .google-map {
        width: 60%;
        height: 330px;
        margin: 25px auto auto;
        min-width: auto;
     };
    }

    @media screen and (max-width:600px) {
      #container .top nav ul .item .sp-arrow {
        width: 10px;
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
     }

      #container .top nav ul .item .index span {
        font-size: 1.3rem;
     }

      #container .information .container {
        margin-top: 100px;
        padding-bottom: 25px;
     }

      #container .information .container .right table tr td {
        width: 552px;
     }

      .access,
      .history {
        margin-top: 60px;
     }

      .access .container {
        margin-bottom: 60px;
     }

      .access .container .left .photo {
        width: 35%;
        height: 80px;
     }

      .access .container .left address {
        width: 61%;
     }

      .access .container .left address .item {
        width: 16%;
     }

      .access .container .left .directions {
        height: 90px;
        width: 100%;
     }

      .access .container .left .directions .subtext img {
        margin-left: 0;
     }

      .access .container .right .google-map {
        height: 220px;
        width: 100%;
        margin-top: 25px;
        margin-left: 0;
     };
    }