@media screen and (max-width:700px) {
    /*== ブレークポイント =============================================================================*/
    html {
      font-size: 4.2vw;
    }
    body {
      width: 100%;
      margin: auto;
      text-align: center;
    }
    /*共通マージン設定*/
    .mb1x1 {
      margin-bottom: 3rem !important;
    }
    .mb1x2 {
      margin-bottom: 1.8rem !important;
    }
    .mb1x3 {
      margin-bottom: 0.5rem !important;
    }
    .mb1x4 {
      margin-bottom: 2rem !important;
    }
    .pb1x1 {
      padding-bottom: 1rem !important;
    }
    .pt1x1 {
      padding-top: 1rem !important;
    }
	  

	  .main img{
		  width: 97vw;
	  }
    hr {
      width: 97vw;
    }

    .main .itemttl {
      padding: 1rem 0.6rem 0.5rem;
      margin: 0.5rem;
      font-size: 5.6vw;
      line-height: 6.5vw;
      color: #FFFFFF;
    }
    .main .itemttl02 {
      padding: 1rem 0.6rem 0.5rem;
      margin: 0.5rem;
      font-size: 5.6vw;
      line-height: 6.5vw;
      color: #FFFFFF;
    }
 .main .itemttl .txsmall {
      font-size: 3.8vw;
      line-height: 4vw;
 }
    .flexbox01 {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
    }
    .flexbox01 > div {
      width: 100%;
    }
    .about02 {
      width: 100vw;
      padding: 0;
    }
    .about02 .flexbox01 {
      margin: auto;
    }
    .about02 .image01 img {
      width: 90vw;
      margin: 0 0 0.5em;
    }
    .about02 .image02 img {
      width: 90vw;
      margin: 0 0 1em;
      padding-left: 0;
    }
    /*== ブレークポイント =============================================================================*/
  }