@media screen and (min-width: 768px) {
  .content {
    min-height: 840px;
    background-color: #F6F6F6;
    box-sizing: border-box;
    padding: 80px 0;
  }

  .content_subtitle {
    margin-top: 36px;
    font-size: 24px;
    font-weight: 500;
  }

  .content_text1 {
  	 margin-top: 40px;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
  }

  .content_text2 {
    margin-top: 20px;
    font-size: 16px;
    line-height: 30px;
  }

  #map {
    margin-top: 40px;
    width: 100%;
    height: 510px;
    border: 1px solid #ccc;
  }
}

@media screen and (max-width: 767px) {
  .container {
    padding-bottom: 1.5rem;
  }
  
  .container>div:nth-child(n+2) {
    padding: 1.25rem .625rem 0 .625rem;
    color: #000;
  }
  
  .content_text1>div:nth-child(n+2) {
    padding-top: .25rem;
  }
  
  .content_subtitle {
    font-size: 1.25rem;
  }
  
  .content_text2>div, .content_text2 {
    line-height: 1.5rem;
	font-size: .75rem;
	color: #333;
  }
  
  .content_text2>div>span {
	  font-weight: bold;
  }
  
  #map {
    padding-top: 0;
    margin: 3rem .625rem 1.5rem .625rem;
	border: 1px solid #ccc;
    height: 10rem;
  }
  
  .content_text1>div:first-child {
	  font-size: .94rem;
  }
  
  .content_subtitle {
	  font-size: .94rem;
	  font-weight: bold;
  }
}