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


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

.contents {
	padding-bottom: 60px;
}

/* contents01 */

.contents01 > div:not(:last-child) {
    margin-bottom: 50px;
}

.contents01 > div.title_contents {
    margin-bottom: 30px;
}

/* contents02 */

.contents02 {
    padding: 25px 6%;
    border-radius: 15px;
}
    
/* contents03 */

.contents03 {
    min-height: 50vh;
}
    
.contents03 h2 {
    font-size: 22px;
}


/* layout01 */

.layout01 h4 {
    font-size: 15px;
    letter-spacing: 0.05em;
}
    
.contents03 .layout01 h4 {
    font-size: 14px;
    padding: 30px 0px 40px;
}

/* layout02 */

.layout02 h5, .layout02 h5 a {
    font-size: 35px;
}

.layout02 h5 {
    padding-left: 42px;
    margin-bottom: 15px;
}

.layout02 h5::before {
top: 5px;
	height: 35px;
}


/* layout03 */

.layout03 ul li:not(:last-child) {
    margin-bottom: 20px;
}


/* contact */

.contact {
    width: 100%;
}

.contact .box-input {
    flex-direction: column;
    gap:10px;
}
  
.contact .box-input .lay01 {
   width: 100%;
}
    
.contact .box-input:last-child .lay01 {
   padding-top: 0px;
}
    
.contact .box-input .lay02 {
   width: 100%;
}
    
.contact .box-input2 .inputbox input {
    width: 100%;
}

.contact .whitebox {
   padding:12px 15px;
}

input,textarea,button, select{
	padding:12px 15px;
}

select{
background-size: auto 16px;
}

textarea[type="textarea"] {
	padding:12px 15px;
}

    
table.formtable tr {
    flex-direction: column;
    gap:10px;
}

table.formtable th {
	width: 100%;
}
    
table.formtable td {
	padding:12px 15px;
}


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