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



  .logoWrap span {
    display: none;
  }

  .logoWrap img {
    width: 220px;
  }

  /*----------------------------

  .mainVisual {
    background-image: url(../img/main_visual7.jpg);
    background-size: cover;
    background-position: 100% 0%;
    height: 580px;
    min-height: 70vh;
    max-height: 90vh;
  }*/
    
  .mainVisual {
      background: url(../img/main_visual7.jpg) no-repeat center / cover;
      padding-top: 104%;
  }

  .toseki {
    right: 10px;
    top: 90px;
    font-size: 10px;
  }


  .toseki .logo {
    width: 70px;
  }

  .setuppers {
    margin: auto;
    left: 0;
    right: 0px;
    bottom: 20px;
    max-width: 90%;
  }

  .setuppers .logo {
    width: 100%;
  }

  .catch img {
    width: 30%;
    position: absolute;
    right: 15px;
    top: 100px;
  }




  /*----------------------------*/

  .flexCont {
    margin: 40px auto;
    flex-direction: column;
  }

  .reverse {
    flex-direction: column-reverse;
  }

  .flexCont .item {
    width: 94%;
    margin: 0 auto;
    margin-bottom: 40px;
  }

  .reverse .item:first-child {
    margin-bottom: 0px;
  }

  .btn {
    margin: 30px auto;
  }

	.btn2 {
  max-width: 500px;
		width: 90%;
  line-height: 60px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  display: block;
  background: linear-gradient(-45deg, #ff5500 0%, #ff5500 50%, #008b8b 50%, #008b8b 100%);
  color: #fff;
  text-decoration: none;
  margin: 0 0 20px 0;
	padding: 2%;
}

  p.width90 {
    width: 100%;
  }


  #message {
    height: auto;
    padding: 30px 10px;
    background-image: url(../img/worker.jpg);
    background-size: cover;
    background-position: 50% 50%;
  }


  .contBox-1 {
    width: 100%;
    margin-left: auto;
  }



  .title-1.ex2 {
    font-size: 20px;
    margin-top: 20px;
    text-align: center;
  }


  .title-2 {
    flex-direction: column;
    margin-bottom: 0px;
    padding-top: 50px;
  }

  .title-2 img {
    width: 280px;
    margin-bottom: 10px;
  }

  .title-2 span {
    font-size: 24px;
  }


  .title-4 {
    font-size: 24px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 40px;
  }

  .title-5 {
    width: 80%;
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 30px;
  }

  .title-5.ex {
    margin: 0 auto;
    margin-bottom: 20px;
  }



  img.center {
    display: block;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  img.center.pc {
    display: none;
  }

  img.center.sp {
    display: block;
  }

  p.ex3 {
    width: 100%;
    margin: 0 auto;
  }




  .flexCont.three .item {
    width: 100%;
  }

  .flexCont.four .item {
    width: 100%;
  }



  /*----------------------------*/


  iframe {
    max-width: 100%;
  }

  .borderBox {
    max-width: 100%;
    margin-top: 10px;
  }

  .borderBox.ex {
    max-width: 100%;
    width: 94%;
  }

  .borderBox.ex .catch {
    font-size: 30px;
    width: 40%;
  }

  .borderBox.ex .txt {
    width: 60%;
  }



  /*----------------------------*/


  .targetBox {
    width: 100%;
    margin: 30px auto;
  }

  .targetBox .txt {
    display: block;
    font-size: 15px;
  }

  .targetBox .itemWrap {
    width: 30%;
  }

  .targetBox .itemWrap.img {
    width: 40%;
  }

  .targetBox .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
  }

  .targetBox .item.ex {
    margin-bottom: 0px;
  }

  .circle {
    width: 75px;
    height: 75px;
  }

  .circle.ex {
    width: 60px;
    height: 60px;
    border-radius: 30px;
  }


  .circle .title {
    font-size: 10px;
  }

  .circle .number {
    font-size: 28px;
  }

  .circle.ex .number {
    font-size: 28px;
  }


  .borderBox.ex {
    flex-direction: column;
  }

  .borderBox.ex.last {
    margin-bottom: 50px;
  }



  .borderBox.ex .catch {
    font-size: 26px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
  }

  .borderBox.ex .txt {
    text-align: center;
    width: 100%;
  }



  /*----------------------------*/


  form {
    width: 94%;
    margin: 60px auto;
    color: #fff;
  }

  form label {
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin-right: 0px;
  }

  form .item {
    flex-direction: column;
    margin-bottom: 20px;
  }

  ::placeholder {
    font-size: 16px;
    color: #bbb;
  }


  .item.year {
    font-size: 20px;
    margin: 0;
    margin-top: 20px;
  }

  .item.year .inner {
    flex-wrap: wrap;
    justify-content: center;
  }


  .item.year .inner div {
    margin-right: 30px;
  }

  .item.year .inner div:nth-child(2n) {
    margin-right: 0px;
  }

  .item.year .inner.last {
    margin-right: 0px;
  }

  .yearWrap {
    margin-bottom: 20px;
  }

  .yearWrap .title {
    text-align: center;
    background-color: #002A67;
    margin: 0;
    font-size: 20px;
  }

  .yearWrap .sub {
    text-align: left;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 30px;
    font-size: 14px;
    width: 80%;

  }













  /*----------------------------*/

}