body {
  padding: 100px 0 0 0;
  background-color: #E0F6FC; }

@media (max-width: 768px) {
  body {
    padding: 86px 0 0 0; } }
/*max-width:768px*/
/*max-width:480px*/
.header_box {
  background-color: inherit; }
  .header_box:before {
    display: none; }
  .header_box h1 {
    background: none; }

/**************/
.contact {
  padding: 100px 0;
  width: calc(100% - 100px);
  max-width: 1140px;
  margin: 0 auto; }
  .contact h2 {
    margin: 0 0 30px;
    position: relative;
    padding: 30px 0 0;
    background: url("../images/index/menu_ttl.svg") left top no-repeat; }
  .contact p {
    font: 1.8rem/2.2em "Noto Sans", sans-serif;
    font-weight: 500;
    letter-spacing: 0.03em;
    margin: 0 0 10px; }
  .contact dl {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    font: 1.7em/2em "Noto Sans", sans-serif;
    font-weight: 400;
    letter-spacing: 0.03em; }
  .contact dt {
    border-right: 1px solid #ccc;
    padding: 0 0 5px; }
  .contact dd {
    padding: 0 0 5px 25px; }
    .contact dd .one {
      display: none; }
  .contact div {
    padding: 50px 0 40px; }
    .contact div.jp {
      border-bottom: 1px solid #C6D0DB; }
      .contact div.jp h2 {
        font: 3rem/1.3em "Noto Sans", sans-serif;
        font-weight: 600;
        letter-spacing: 0.07em; }
      .contact div.jp dt {
        width: 80px; }
      .contact div.jp dd {
        width: calc(100% - 80px); }
    .contact div.en h2 {
      font: 4rem/1.3em "Montserrat", sans-serif;
      font-weight: 600; }
    .contact div.en dt {
      width: 95px; }
    .contact div.en dd {
      width: calc(100% - 95px); }

/*min-width:1920px*/
/*max-width:1280px*/
/*max-width:1024px*/
@media (max-width: 768px) {
  .contact {
    padding: 60px 0 100px;
    width: calc(100% - 60px); }
    .contact p {
      font: 1.7rem/2.2em "Noto Sans", sans-serif;
      font-weight: 500; }
    .contact dl {
      font: 1.6em/2em "Noto Sans", sans-serif;
      font-weight: 400; }
    .contact dd {
      padding: 0 0 5px 20px; }
    .contact div.jp dt {
      width: 70px; }
    .contact div.jp dd {
      width: calc(100% - 70px); }
    .contact div.en h2 {
      font: 3.5rem/1.3em "Montserrat", sans-serif;
      font-weight: 600; }
    .contact div.en dt {
      width: 85px; }
    .contact div.en dd {
      width: calc(100% - 85px); } }
/*max-width:768px*/
@media (max-width: 480px) {
  .contact {
    padding: 20px 0 20px 0;
    width: calc(100% - 50px);
    max-width: 375px; }
    .contact p {
      font: 1.6rem/2.2em "Noto Sans", sans-serif;
      font-weight: 500; }
    .contact h2 {
      font: 2.6rem/1.3em "Noto Sans", sans-serif;
      font-weight: 600;
      margin: 0 0 20px;
      padding: 25px 0 0 0; }
    .contact dl {
      font: 1.5rem/2em "Noto Sans", sans-serif;
      font-weight: 400; }
    .contact dd {
      padding: 0 0 10px 20px; }
      .contact dd .one {
        display: block; }
    .contact div.jp dt {
      width: 60px; }
    .contact div.jp dd {
      width: calc(100% - 60px); }
    .contact div.en h2 {
      font: 3rem/1.3em "Montserrat", sans-serif;
      font-weight: 600; }
    .contact div.en dt {
      width: 75px; }
    .contact div.en dd {
      width: calc(100% - 75px); } }
/*max-width:480px*/