@charset "utf-8";


.areaPro {
  margin-top: 43px;
  width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
  color: #000;
}

.proTextArea {
  width: 49%;
}

.proTitle {
  font-size: 25px;
  color: #004A8A;
  font-weight: 700;
}

.proText {
  margin-top: 15px;
  font-size: 16px;
  line-height: 2;
}

.addressArea {
  display: block;
  width: 49%;
  height: 400px;
}

/*----------------------------------------
  画面の横幅が450pxまで
----------------------------------------*/
@media (max-width: 450px) {

  .areaPro {
    margin-top: 5vw;
  }

  .proTextArea {
    width: 100%;
  }

  .proTitle {
    font-size: 5vw;
    color: #004A8A;
    line-height: 1.5;
  }

  .proText {
    margin-top: 2.5vw;
    font-size: 3.5vw;
    line-height: 1.5;
  }

  .proTrans {
    width: 100%;
    text-align: end;
    font-size: 3.5vw;
    margin-top: 6.25vw;
  }

  .addressArea {
    margin-top: 2.22vw;
    width: 100%;
    height: 85vw;
  }

}