/* 採用お問い合わせ */
body {
	margin: 0;
	padding: 0;
	background: #fff;
	color: #000;
	font-size: 17px;
	font-family: 'M PLUS 1p';
}
#head {
}
h1 {
	display: none;
}
.contactBody {
	display: block;
	width: 800px;
	margin:0 auto 50px auto;
}
h2{
	display:block;
	width: 800px;
	padding: 10px 0 0 0 ;
	margin: 27px 0 30px 0;
	text-align: center;
	background: #81be25;/* color */
	border-radius: 10px;
}
h2 img{ width: 300px; height: 50px; margin: 2px 0 -2px 0; }
h3{
	display:block;
	width: 800px;
	padding: 10px 0 0 0 ;
	margin-bottom: 10px;
	text-align: center; 
}

p.text{ margin: 10px 10px 10px 45px ; line-height: 1.8em;}
p.time{ margin: 5px 10px 15px 45px ; line-height: 1.8em;}
a.tel{ display:block; margin:22px 45px 0 45px ; font-style: normal; font-weight: bold; color:#e60012; font-size: 31px; text-decoration:none;}
p.text.conf{ margin:10px 0; text-align: center;}

/* for table */
#form {
	width: 800px;
	margin-bottom: 20px;
}
#form tr{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: 10px 10px;}
#form tr:nth-child(3){
  margin: 30px 10px 10px 10px;
}
#form tr:nth-child(5) {
  margin: 30px 10px;
}
#form tr:nth-child(6) {
  margin: 30px 10px;
}
#form th {
  display: flex;
  align-items: center;
	text-align: left;
	font-weight: normal; 
	letter-spacing: 0.05em;
	background: #d3e8b3; /* color */
	padding: 23px 15px 23px 25px ;
	width: 230px;
	border-radius: 12px 0 0 12px;
}
#form td {
  display: flex;
  align-items: center;
	width: 475px;
	padding: 10px ;
	border: 1px solid #81be25 ; /* color */
	border-radius: 0 12px 12px 0;
}

#form tr:nth-child(6) td {
	padding: 0 10px ;
}

#form tr.check th{
	background: #fff;}

#form tr.check td{
	border: none;}

#form tr input {
	width: 500px;
	height: auto;
	outline: none;
    border: none;
	font-size: 18px;
	margin: 10px 20px;
}
/* チェックボックス03 */
input[type=checkbox] {
    display: none;
}
.checkbox03 {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 30px;
    position: relative;
    width: auto;
}
.checkbox03::before {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    content: '';
    display: block;
    height: 16px;
    left: 5px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 16px;
}
.checkbox03::after {
    border-right: 5px solid #81be25; /* color */
    border-bottom: 5px solid #81be25; /* color */
    content: '';
    display: block;
    height: 13px;
    left: 7px;
    margin-top: -12px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: rotate(45deg) translate3d(0,2px,0) scale3d(.7,.7,1);
    transition: transform .2s ease-in-out, opacity .2s ease-in-out;
    width: 9px;
}
input[type=checkbox]:checked + .checkbox03::before {
    border-color: #666;
}
input[type=checkbox]:checked + .checkbox03::after {
    opacity: 1;
    transform: rotate(45deg) scale3d(1,1,1);
}
/* チェックボックス */

#form tr textarea:focus,
#form tr textarea{ border: none; margin: 0 10px 0 10px; padding: 0; width: 580px; height: 240px; outline: none; font-size: 18px; }

p.btn input {
border:none; box-shadow:none; display:block; background:#81be25; width: 776px; margin: 0 auto; /* color */
padding:22px 15px; text-align: center; border-radius: 11px; 
color:#fff; font-weight:bold; font-size: 18px; letter-spacing: 0.1em;
}

p.btn input.back{ background:#ccc; }
p.btn input:hover {background:#6aa117; transition : 1s;} /* color */
p.btn input.back:hover{ background:#aaa; }

a.priLink{display:block; background:#fff; width: 744px; margin: 32px auto;
padding:24px 15px; text-align: center; border-radius: 10px; border: 1px solid #666;
color:#000; font-weight:bold; font-size: 15px; text-decoration: none; }
a.priLink:hover{ background: #ddd; transition : 1s;}

/* for message */
p.msg {
	color: #dd0000;
	margin: 2em;
	text-align: center;
}
span.msg {
	color: #dd0000;
}

/* for back-button */
form.back {
	margin-top: 2em;
}

footer{ text-align:center; margin-top: -10px; }
footer img{ margin-bottom:-23px; width: 420px; height: 100px; }
footer br.sp{ display: none; }
address{ display:inline;}
.name	{ font-size: 18px; font-style:normal; margin: 0; padding: 0; }
.add	{ font-size: 14px; font-style:normal; margin: 0; padding: 0; }
.copy	{ font-size: 11px; margin: 0; padding: 0; }

/* タブレット用 */

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

.contactBody { width: auto;}
	h2{ width: auto; margin: 10px 13px; }
	h3{	width: auto;}
	p.text{ text-align:left; margin: 0; padding: 10px 30px; line-height: normal; }
	p.text br{ display: none; }
	#form { width: 100%; }
	#form tr { display: block; width: auto; }  
	#form th { display: block; width: auto; padding: 10px 0; border-radius: 10px; text-align: center; }
	#form td { display: block; width: auto; border: none; text-align: center; padding: 10px; }
	#form tr.check td{ text-align: left; padding-top: 10px; }
	#form tr.check th{ background: #d3e8b3;} /* color */
	#form tr:nth-child(3),
	#form tr:nth-child(5),
	#form tr:nth-child(6){ margin: 10px;}
	#form tr:nth-child(7) { margin: 30px 10px 10px 10px;}
	
	#form tr input { width: 100%; margin: 0; }
	#form tr textarea:focus,
	#form tr textarea{ width: 100%; margin: 0; border: 1px solid #81be25; text-align: left;} /* color */
	#form tr:nth-child(6) td { padding:10px 10px 0 10px; }
	
	p.btn{ display:block; padding: 0 15px; }
	p.btn input { width: 100%; margin: 0; }
	p.btn br{ display: none; }
	
	a.kakuninn { width: auto; margin: 0 15px; }
	a.priLink{ width: auto; margin: 0 15px; }
	p.thanksMg1{ padding: 0 20px; }
	p.thanksMg2{ padding: 20px 20px; }
	
	p.btn input.back{ margin-bottom: 10px; }
	
	footer br.sp{ display: block; }
	
	a[href*="tel:"] {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	}
}

/* スマホ用 */
@media only screen and (max-width: 480px) {
	
a.tel{ margin: 20px 0 0 0 ; text-align: center; font-size: 25px; }
p.time{ width: 100%; margin: 0 0 30px 0; font-size: 14px; text-align: center; }
footer img{ width:90%; height: auto; margin: 10px; }
}