/* CSS Document */

.contact.inner {
  background-color: white;
  box-sizing: border-box;
  width: 92%;
  max-width: 1120px;
  margin-right: auto;
  margin-left: auto;
  padding: 4.33em;
}


.contact_p1{
	font-size:18px;
	text-align:center;}

.contact_p2{
	font-size:16px;
	text-align:center;
	color:#900;
	padding:15px 0;}

.contact_p2 span{
	font-size:42px;
	font-weight:bold;}

.contact_p3{
	font-size:16px;
	text-align:center;}


@media (max-width: 640px) {
  .under section {
    padding: 10vw 0;
  }
}
.under .pageTitle {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  background: url(../images/contact/main.jpg) no-repeat center center/cover;
  width: 100%;
  height: 30em;
}
@media (max-width: 640px) {
  .under .pageTitle {
    height: 50vw;
  }
}
.under .pageTitle span {
  display: block;
  color: white;
  font-weight: 500;
}
.under .pageTitle .jp {
  font-size: 2em;
  letter-spacing: 0.1em;
}
.under .pageTitle .en {
  font-size: 1.33em;
  padding-top: 1em;
}
@media (max-width: 640px) {
  .under .pageTitle .jp {
  font-size: 1.6em;
}
.under .pageTitle .en {
  font-size: 1em;
  line-height: 1.6;
}

}




@media (min-width: 641px) {
	.sp{
		display:none;}
	
}




@media (max-width: 640px) {
  .contact.inner {
    padding: 6vw 4vw;
  }
  .pc{
		display:none;}
  
}