@charset "UTF-8";
/*--------------------------------------------------------
定数
--------------------------------------------------------*/

@media screen and (max-width: 1801px) {
  .visible1800 {
    display: block;
    margin: auto;
  }
  .hidden1800 {
    display: none;
  }
  .contents1800 {
    width: 100%;
  }
}

@media screen and (max-width: 1201px) {
  .hidden1200 {
    display: none;
  }
}

@media screen and (max-width: 1001px) {
  .visible1000 {
    display: block;
    margin: auto;
  }
  .hidden1000 {
    display: none;
  }
}
@media screen and (max-width: 901px) {
  .visible900 {
    display: block;
  }
  .hidden900 {
    display: none;
  }
  .contents {
    width: 100%;
  }
  .img_center {
    margin-left: 0px;
  }
  body {
    min-width: 100%;
  }
  img {
    max-width: 100%;
    height: auto;
  }
  .margin_300p {
    margin-top: -30%;
  }
  .margin_255p {
    margin-top: -30%;
  }
  .margin_150p {
    margin-top: -10%;
  }
  .margin_135p {
    margin-top: -15%;
  }
  .margin100p {
    margin-top: 10%;
  }
  .margin50p {
    margin-top: 5%;
  }
  .padding100p {
    padding-top: 10%;
  }
  .paddingb100p {
    padding-bottom: 10%;
  }
  .margin_100p {
    margin-top: -10%;
  }
  .margin_80p {
    margin-top: -8%;
  }
}

@media screen and (max-width: 751px) {
  .visible750 {
    display: block;
    margin: auto;
  }
  .hidden750 {
    display: none;
  }
}
@media screen and (max-width: 701px) {
  .visible700 {
    display: block;
    margin: auto;
  }
  .hidden700 {
    display: none;
  }
}
@media screen and (max-width: 651px) {
  .visible650 {
    display: block;
    margin: auto;
  }
  .hidden650 {
    display: none;
  }
}
@media screen and (max-width: 611px) {
  .visible610 {
    display: block;
    margin: auto;
  }
  .hidden610 {
    display: none;
  }
}
@media screen and (max-width: 601px) {
  .visible600 {
    display: block;
    margin: auto;
  }
  .hidden600 {
    display: none;
  }
}

@media screen and (max-width: 501px) {
}

@media screen and (max-width: 401px) {
  .visible400 {
    display: block;
    margin: auto;
  }
  .hidden400 {
    display: none;
  }
}

@media screen and (max-width: 321px) {
  .visible320 {
    display: block;
    margin: auto;
  }
  .hidden320 {
    display: none;
  }
}

/*--------------------------------------------------------
サイト毎に変化のある定数
--------------------------------------------------------*/

/*--------------------------------------------------------
各種レイアウト
--------------------------------------------------------*/

/*フォント*/

@media screen and (max-width: 1801px) {
}

@media screen and (max-width: 1301px) {
}

@media screen and (max-width: 1001px) {
}
@media screen and (max-width: 901px) {
}
@media screen and (max-width: 701px) {
}

@media screen and (max-width: 601px) {
}

@media screen and (max-width: 501px) {
}

@media screen and (max-width: 451px) {
}

@media screen and (max-width: 401px) {
}

@media screen and (max-width: 351px) {
}

/*その他レイアウト*/

@media screen and (max-width: 1801px) {
}

@media screen and (max-width: 1100px) {
  .blom_m01,
  .blom_m02,
  .blom_m03 {
    max-width: 1100px;
    width: 100%;
  }
  .blom_m02 {
    position: static;
    transform: translate(0);
  }
  .box1 {
    margin-top: 3.7%;
  }
  .nav_list {
    width: auto;
  }
}
@media screen and (max-width: 901px) {
  /*top ↓*/
  .blom_m01,
  .blom_m03 {
    max-width: 1200px;
    width: auto;
  }
  .copyright,
  .copyright a {
    height: unset;
  }
  .box1 {
    margin-top: 50px;
  }
  .blom_m05 {
    width: 100%;
    top: 30%;
  }
  .blom_m06 {
    width: 100%;
    top: 72%;
  }
  .blom_m08 {
    width: 100%;
  }
  .blom_m09 {
    width: 100%;
  }
  /*.blom_m16 {
    margin-top: -55.5%;
  }*/
  .blom_m17 {
    margin-top: -12%;
  }
  .blom_m19 {
    width: 100%;
  }
  .blom_m26 {
    width: 100%;
  }
  .blom_m28 {
    width: 100%;
  }
  .blom_m29 {
    width: 100%;
  }
  /*top ↑*/
  .overlay .w35 {
    width: 50%;
  }
}

@media screen and (max-width: 731px) {
}

@media screen and (max-width: 701px) {

}

@media screen and (max-width: 651px) {
  .overlay .font20 {
    font-size: 17px;
  }
}

@media screen and (max-width: 551px) {
  .overlay .w35 {
    width: 70%;
  }
}

@media screen and (max-width: 501px) {
  /*top ↓*/
  .blom_m01,
  .blom_m03 {
    width: 100%;
  }

}

@media screen and (max-width: 471px) {
  .box1 {
    margin-top: 11%;
  }
}

@media screen and (max-width: 451px) {
  .overlay .font20 {
    font-size: 15px;
  }
}

@media screen and (max-width: 381px) {
  .overlay .font20 {
    font-size: 13px;
  }
}

@media screen and (max-width: 331px) {
  .overlay .font20 {
    font-size: 12px;
  }
}

/*--------------------------------------------------------
各種レイアウト
--------------------------------------------------------*/
