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


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

	
.main-contents section:not(:last-child) {
	margin-bottom: 60px;
}

/*contents01*/

.contents01 .lay01 {
	padding: 0px 6%;
}
	
.contents01 .lay02 {
	padding-top: 40px;
}

.contents01 p, .contents02 p {
	line-height: 2.2;
	text-align: left;
}

.contents01 h5, .contents01 h5 a {
	font-size: 34px;
	letter-spacing: 0.05em;
}

.contents01 h5::before {
	font-size: 20px;
}


/*contents02*/

.contents02 .lay01 {
	text-align: left;
	padding: 40px 6%;
}

	

.contact-wrap {
	width: 88%;
}

/*contact*/

form.contact {
	width: 100%;
}

.contact div.button {
	width: 100%;
	margin-top: 40px;
}

.contact button img {
	width: 90%;
	max-width: 320px;
height: auto;
}



/* dl
---------------------------------------------------- */

dl dt,dd {
	font-size: 16px;
}


.com02 {
	width: 100%;
	flex-direction: column;
}

	.com02 dt {
		width: 100%;
	}
		
	.com02 dd {
		width: 100%;
	line-height: 150%;
		padding-left: 0px;
	}

.com02 dd input {
	width: 100%;
	}
	
.dd-radio {
	flex-direction: column;
	}
	
.com02 dd.dd-radio input {
	width: auto;
	}

.com02 textarea {
	width: 100%;
}
	
	
    .pc-view {
        display: none;
    }
    .sp-view {
        display: block;
    }
   
}