@charset "UTF-8";
/* CSS Document */


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

/* contents01 */

.contents01 .box-inner {
	width: 88%;
	padding: 50px 0px;
}

.contents01 .lay01 .box-tel {
  justify-content: flex-start;
    align-items: flex-start;
	gap:10px;
	width: 300px;
	margin: 0px auto;
}

.contents01 h2, .contents01 h1 {
	font-size: 18px;
	margin-bottom: 40px;
	letter-spacing: 0em;
}

.contents01 .lay01 h4, .contents01 .lay01 h4:nth-child(2) {
	padding-left: 110px;
}
    
.contents01 .lay01 h4 span, .contents01 .lay01 h4:nth-child(2) span {
	font-size: 28px;
}

.contents01 .lay01 h4::before, .contents01 .lay01 h4:nth-child(2)::before {
top: 3px;
	font-size: 14px;
	width: 100px;
}
.contents01 .lay01 h5 {
	font-size: 14px;
	padding: 20px 0px 40px;
	text-align: center;
}

.contents01 .lay01 p {
	font-size: 14px;
}


/* contact */

.contact .box {
  justify-content: center;
	padding: 20px 5px;
}

.contact .box .box001 {
	width: 100%;
	padding-top: 0px;
}


.contact .box .box002 {
	width: 100%;
	padding-left: 0px;
}


input,textarea,button{
	font-size: 16px;
}

.button {
	margin-top: 40px;
}

button span, a.btn-mail, .btn-box input, .btn-back, .center-box input {
	font-size: 16px;
	width: 280px;
}

.btn-box {
	padding-top: 50px;
}

.contact h5 {
	font-size: 18px;
}


#formWrap {
	font-size:14px;
}

table.formtable td, table.formtable th {
	padding: 20px 5px;
	display: block;
}	
table.formtable th {
	width: 100%;
	border-bottom-style : none;
	padding-bottom: 0px;
}

.contact .checktext {
	padding-top: 50px;
}

.contact .checktext h6 {
	font-size: 18px;
	margin-bottom: 30px;
}

.contact .checktext .box-pp {
	padding: 40px 25px;
	height: 250px;
}

.contact .checktext .box-pp p, .box-ppcheck p {
    font-size: 14px;
}

.box-ppcheck {
	padding-top: 40px;
}

.pp-check {
	padding: 20px 0px;
}
    
.pp-check span {
	margin-left: 15px;
}
    .pc-view {
        display: none;
    }
    .sp-view {
        display: inline-block;
    }
	
}
