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


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

/* layout01 */

.layout01 {
  justify-content: center;
	gap:20px;
}

.layout01 .box-img {
	width: 100%;
}

.layout01 .box-text {
	width: 100%;
	padding-left: 0px;
}

.layout01 h6, .layout01 h6 a {
	font-size: 35px;
}

.layout01 h6::before {
	font-size: 20px;
}

/* layout02 */

.layout02 {
  text-align: left;
}
	
	
/*contact*/
.contact {
	width: 88%;
}
	
.contact table tr {
	gap:10px;
	padding: 15px 0px;
	flex-direction: column;
}	

.contact table tr td:first-child {
	width: 100%;
	padding-right: 0px;
	font-size: 16px;
}

.contact table tr td:last-child {
	width: 100%;
}

.contact table tr td input.radio {
	width: 10%;
	height:auto;
}

	
#formWrap {
	padding-top: 30px;
	padding-bottom: 30px;
}
	
#formWrap .center {
	width:100%;
}

	
table.formtable td, table.formtable th {
	display: block;
}

table.formtable th {
	width: 100%;
	margin-bottom: 5px;
}
	
table.formtable td:last-child {
}
	

span.text003 {
	display: inline-block;
	padding-right:30px;
}
	
.contact .checktext {
	padding-top: 30px;
}

.contact .checktext h6 {
	font-size: 16px;
}
	
.contact .checktext div.box-text p {
	font-size: 14px;
}

.contact .checktext div.box-text .box-box {
	padding: 20px;
}

	

    .pc-view {
        display: none;
    }
    .sp-view {
         display: inline-block;
    }
   
}