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


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

/* contents02 */

.contents02 {
    padding: 40px 0px;
}

/* layout01 */

.layout01 {
    text-align: left;
    padding: 0px 6%;
}

/* layout02 */

.layout02 {
    padding: 45px 6%;
}

.layout02 h2, .layout02 h3, .layout02 h4, .layout02 p {
    letter-spacing: 0.05em;
}

.layout02 h2 {
    font-size: 24px;
}

.layout02 h3 {
    padding: 15px 0px 35px;
    text-align: left;
}

.layout02 h4 {
    font-size: 19px;
    margin-bottom: 35px;
}
    
.layout02 p {
   text-align: left;
}


/* layout03 */

.layout03 {;
    padding: 45px 0px 70px;
}

/* faq-box */

.layout-faq {
    width: 88%;
}

.layout-faq .box:not(:last-child) {
    margin-bottom: 25px;
}

.faq-box {
	padding-left: 90px;
    height: auto;
    padding-top: 10px;
}

.faq-box::before {
	height: 79px;
}

.faq {
    height: 70px;
}

.faq h6 {
	font-size: 16px;
    padding-left: 90px;
    padding-right: 25px;
    height: 70px;

}

.faq h6::before {
	height: 70px;
}

.faq-box p {
    height: auto;
}

.faq::before,
.faq::after{
    width: 20px;
    
}
.faq::before{
    right: 0px;
    
}
.faq::after{    
    right: 0px;

}


/*contact*/

.contact {
	width: 88%;
}
	
.contact table tr {
	gap:15px;
}	
    
.contact table tr:not(:last-child) {
	padding-bottom: 30px;
}

.contact table tr td:first-child {
	font-size: 18px;
}

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

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

	
table.formtable tr {
	gap:15px;
}

table.formtable tr:not(:last-child) {
	padding-bottom: 30px;
}

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;
    }
   
}