#contact .pageTitle{
	background-image: url("../img/contact/pc/img_01.png");
	background-size: cover;
}
#apply .pageTitle{
	background-image: url("../img/apply/pc/img_01.png");
	background-size: cover;
}

/* common start */
.contact-tel .contact-secHeader{
	margin-bottom: 5px;
}
.contact-line .contact-secHeader{
	margin-bottom: 30px;
}
.contact-mail .contact-secHeader{
	margin-bottom: 70px;
}
.contact-secHeader div{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 5px;
}
.contact-secHeader div h2{
	font-size: 2.5rem;
	font-weight: bold;
	color: #5990CC;
	margin-left: 15px;
	letter-spacing: 2px;
}
.contact-tel .contact-secHeader p{
	text-align: right;
	padding-right: 5px;
}
.contact-line .contact-secHeader div h2{
	color: #00B900;
}
.contact-line .contact-secHeader p{
	display: inline-block;
	padding-left: 140px;
}
.contact-mail .contact-secHeader div h2{
	color: #bfd63e;
}
.contact-mail .contact-secHeader p{
	display: inline-block;
	padding-left: 155px;
}
/* common end */

/*move start*/
.contact-move{
	text-align: center;
	border-bottom: solid 5px #5990CC;
}
.contact-move .inner div{
	display: inline-block;
	background-color: #f9f9f9;
	padding: 50px 60px;
	border: solid 3px #dedede;
}
.contact-move div p{
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 30px;
	letter-spacing: 2px;
}
/*move end*/

/* tel start */
.contact-tel{
	border-bottom: solid 5px #00B900;
}
.contact-tel-container{
	display: flex;
	justify-content: center;
	align-items: center;
}
.contact-tel-please{
	width: 37%;
}
_::-webkit-full-page-media, _:future, :root .contact-tel-content div {
    justify-content: space-around;
}
.contact-tel-please span{
	color: #5990CC;
	font-weight: bold;
	letter-spacing: 2px
}
.contact-tel-content-num{
	font-size: 4rem;
	font-weight: bold;
	color: #5990CC;
	letter-spacing: 3px;
}
_:lang(x)::-ms-, .contact-tel-content-num {
	letter-spacing: 5.5px;
}
.contact-tel-line{
	width: 2px;
	height: 110px;
	background-color: #dedede;
	margin: 0 70px;
}
.contact-tel .btn{
	display: none;
}
/* tel end */

/* line start */
.contact-line{
	text-align: center;
	border-bottom: solid 5px #bfd63e;
}
/* line end */

/* mail start */
.contact-mail{
	border-bottom: solid 5px #bfd63e;
	text-align: center;
}
.contact-mail-content{
	box-sizing: border-box;
	background-color: #f9f9f9;
	padding: 70px;
}
.contact-mail  table{
	width: 100%;
	margin: 0 auto;
}
.contact-mail  th{
	width: 30%;
	font-size: 1.8rem;
	font-weight: bold;
	padding: 30px 20px 30px 0;
	border-right: solid 1px #dedede;
	text-align: left;
	border-bottom: solid 1px #dedede;
}
.contact-mail table tr:last-of-type th{
	vertical-align: top;
}
.contact-mail th label,
.contact-mail th p{
	font-weight: bold;
}
.contact-mail th span{
	background-color: red;
	font-size: 1.4rem;
	font-weight: bold;
	color: white;
	margin-left: 20px;
	padding: 1px 3px;
}
.contact-mail td{
	width: 70%;
	padding: 30px 0 30px 50px;
	text-align: left;
	border-bottom: solid 1px #dedede;
}
.contact-mail .wpcf7-list-item{
	display: block;
	margin: 0 0 10px 0;
}
.contact-mail .wpcf7-list-item:last-of-type{
	margin-bottom: 0;
}
.contact-mail table{
	border-top: solid 1px #dedede;
}
.contact-mail tr:first-of-type input,
.contact-mail tr:nth-of-type(2) input,
.contact-mail tr:nth-of-type(3) input,
.contact-mail tr:nth-of-type(4) input,
.contact-mail tr:nth-of-type(5) input,
.contact-mail tr:nth-of-type(6) input,
.contact-mail tr:nth-of-type(7) input,
.contact-mail tr:nth-of-type(8) input{
	width: 100%;
	height: 50px;
	border: solid 1px #dedede;
	padding-left: 15px;
	box-sizing: border-box;
}
.contact-mail textarea{
	width: 100%;
	height: 200px;
	border: solid 1px #dedede;
	padding: 10px;
	box-sizing: border-box;
}
.espf-b-confirm{
	width: 150px;
	color: #222222;
}
.espf-b-back{
	height: 50px;
	margin-bottom: 30px;
}
.espf-b-submit{
	height: 50px;
}
.wpcf7-form-control.wpcf7-submit{
	width: 350px;
	height: 70px;
	margin: 70px 0 0;
	background-color: #bfd63e;
	color: #222222;
	border: none;
	font-size: 1.8rem;
	letter-spacing: 3px;
	transition: 0.5s;
}
.wpcf7-form-control.wpcf7-submit:hover{
	opacity: 0.8;
	cursor: pointer;
}
.wpcf7 form.sent .wpcf7-response-output{
	margin-top: 70px;
	text-align: center;
	padding: 15px;
}
.contact-mail-content .template select{
	border: solid 1px #dedede;
	padding: 3px 10px 3px 5px;
}
form p{
	padding-left: 0!important;
}
.apply-terms{
	padding: 50px 0;
	margin-bottom: 70px;
	border: solid 3px #bfd63e;
}
.apply-terms p{
	margin-bottom: 20px;
}
.apply-terms a{
	font-size: 2rem;
	font-weight: bold;
	color: #5990CC;
	border-bottom: solid 1px #5990cc;
	transition: 0.3s;
}
.apply-terms a:hover{
	opacity: 0.7;
}
.contact-mail.apply .contact-mail-blockHeader{
	margin-bottom: 50px;
}
.contact-mail.apply .contact-mail-blockHeader h2{
	font-size: 2rem;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 2px;
	margin-bottom: 20px;
}
.contact-mail.apply .contact-mail-blockHeader p{
	line-height: 1.7;
	letter-spacing: 2px;
}
/* mail end */



@media screen and (max-width:767px){
  body{
      font-size: 1.4rem;
  }
  .inner{
      box-sizing: border-box;
      width: 100%;
      padding: 0 20px;
  }
  img{
      width: 100%;
      height: auto;
  }
  .pcOnly{
		display: none;
  }
  .spOnly{
		display: block;
  }
  
	/*共通 start*/
	.section{
		padding: 60px 0;
	}
	/*共通 end*/
	
	#contact .pageTitle{
		background-image: url("../img/contact/sp/img_01.png");
		background-size: cover;
		background-position: bottom;
	}
	#apply .pageTitle{
		background-image: url("../img/apply/sp/img_01.png");
		background-size: cover;
		background-position: bottom;
	}
	
	#contact .btn,
	#apply .btn{
		width: 240px;
	}
	
	/* common start */
	.contact-tel-container{
		text-align: center;
	}
	.contact-secHeader{
		display: inline-block;
	}
	.contact-tel .contact-secHeader{
		margin-bottom: 20px;
	}
	.contact-line .contact-secHeader{
		margin-bottom: 30px;
	}
	.contact-mail .contact-secHeader{
		margin-bottom: 50px;
	}
	.contact-secHeader div{
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 5px;
	}
	.contact-secHeader div img{
		width: 13%;
	}
	.contact-secHeader div h2{
		font-size: 2rem;
		font-weight: bold;
		color: #5990CC;
		margin-left: 10px;
		letter-spacing: 2px;
	}
	.contact-tel .contact-secHeader p{
		display: block;
		text-align: right;
		padding-right: 5px;
		padding-left: 0;
	}
	.contact-line .contact-secHeader div h2{
		color: #00B900;
	}
	.contact-line .contact-secHeader p{
		display: block;
		padding-right: 5px;
		padding-left: 0;
		text-align: right;
	}
	.contact-mail .contact-secHeader div h2{
		color: #bfd63e;
	}
	.contact-mail .contact-secHeader p{
		display: block;
		padding-right: 5px;
		padding-left: 0;
		text-align: right;
	}
	/* common end */
	
	/*move start*/
	.contact-move{
		text-align: center;
		border-bottom: solid 5px #5990CC;
		padding: 20px 0;
	}
	.contact-move .inner{
		padding: 0 20px;
	}
	.contact-move .inner div{
		display: block;
		background-color: #f9f9f9;
		padding: 30px 15px;
	}
	.contact-move div p{
		font-size: 1.4rem;
		line-height: 1.7;
		margin-bottom: 30px;
		text-align: center;
	}
	/*move end*/

	/* tel start */
	.contact-tel{
		border-bottom: solid 5px #5990CC;
	}
	.contact-tel-container{
		display: block;
		justify-content: center;
		align-items: center;
	}
	.contact-tel-please{
		width: 100%;
		text-align: left;
	}
	.contact-tel-please span{
		color: #5990CC;
		font-weight: bold;
		letter-spacing: 2px
	}
	.contact-tel-content-num{
		font-size: 2rem;
		font-weight: bold;
		color: #5990CC;
		letter-spacing: 3px;
		text-align: center;
		line-height: 1;
		margin-bottom: 10px;
	}
	.contact-tel-line{
		width: 100%;
		height: 1px;
		background-color: #dedede;
		margin: 25px auto;		
	}
	.contact-tel .btn{
		background-color: #5990CC;
		display: block;
    font-weight: bold;
    width: 268px;
    margin: 0 auto 30px;
    padding: 10px 0;
    border: none;
    box-shadow: 5px 5px 10px grey;
    text-align: center;
    position: relative;
    transition: 0.5s;
		color: white;
	}
	.contact-tel .btn::before{
		color: white;
	}
	/* tel end */
	
	/* line start */
	.contact-line{
		text-align: center;
		border-bottom: solid 5px #00B900;
	}
	.contact-line .btn{
		background-color: #00B900;
		display: block;
    font-weight: bold;
    width: 268px;
    margin: 0 auto;
    padding: 10px 0;
    border: none;
    box-shadow: 5px 5px 10px grey;
    text-align: center;
    position: relative;
    transition: 0.5s;
		color: white;
	}
	.contact-line .btn::before{
		color: white;
	}
	/* line end */
	
	/* mail start */
	.contact-mail .inner{
		padding: 0;
	}
	.contact-mail-content{
		padding: 50px 20px 0;
	}
	.contact-mail th span {
    font-size: 1.4rem;
    padding: 2px 3px;
		margin-left: 10px;
}
	.contact-mail th{
		display: block;
    box-sizing: border-box;
		width: 100%;
		font-size: 1.6rem;
    padding: 20px 0;
		border-right: 0;
		border-bottom: 0;
	}
	.contact-mail td{
		display: block;
    box-sizing: border-box;
		width: 100%;
		padding: 0 0 20px 0;
	}
	.contact-mail .wpcf7-form-control.wpcf7-submit{
		width: 100%;
		margin: 50px 0 0;
		padding-left: 0;
	}
	.contact-mail-content .template select{
		box-sizing: border-box;
		width: 100%;
		padding: 15px 0;
	}
	form p{
		width: 100%;
		padding-left: 0!important;
	}
	.apply-terms{
		padding: 0 0;
		background-color: #fff;
		margin-bottom: 60px;
		border: none;
	}
	.apply-terms p{
		margin-bottom: 30px;
	}
	.apply-terms a{
		display: block;
		font-size: 1.4rem;
		font-weight: bold;
		color: #fff;
		border-bottom: solid 1px #5990cc;
		transition: 0.3s;
		background-color: #5990cc;
		padding: 10px 0;
		width: 80%;
		margin: 0 auto;
		position: relative;
	}
	.apply-terms a::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f054';
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: 10px;
    right: 20px;
    transition: 0.3s;
}
	.apply-terms a:hover{
		opacity: 0.7;
	}
	.contact-mail.apply .contact-mail-blockHeader{
		margin-bottom: 50px;
	}
	.contact-mail.apply .contact-mail-blockHeader h2{
		font-size: 2rem;
		font-weight: bold;
		line-height: 1;
		letter-spacing: 2px;
		margin-bottom: 30px;
	}
	.contact-mail.apply .contact-mail-blockHeader p{
		line-height: 2;
		letter-spacing: 2px;
		text-align: left;
	}
	/* mail end */
	
	
	
}