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


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


/* contents01 */

.contents01 .layout-whiteback {
	padding: 40px 25px;
}

/* contents02 */

.contents02 .box-text {
	text-align: left;
	margin-bottom: 15px;
}
	
.contents02 .box-text br {
	display: none;
}

/* layout01 */

.layout01 {
	width: 100%;
	max-width: 400px;
}

.layout01 .box {
	padding: 20px;
}

.layout01 h6 {
	font-size: 17px;
}

/* layout02 */

.layout02 {
	padding: 40px 25px 60px;
}


.box-inner {
  justify-content: center;
	gap:55px 0px;
}

.layout02 .box {
	width: 100%;
	padding: 25px 25px 40px;
	text-align: left;
}

.layout02 .box::before {
	height: 90px;
	margin-bottom: -55px;
}

.layout02 h3 {
	font-size: 30px;
}
    
.contents01 p.text-kome {
	font-size: 12px;
    line-height: 1.4;
}

/* layout03 */

.layout03 th, .layout03 td {
	padding: 25px 0px;
	display: block;
}
	
.layout03 th {
	padding-bottom: 0px;
}


/* layout04 */

.faq-box {
	padding: 20px;
}

.faq {
	padding: 20px;
	padding-right: 35px;
}

.faq h6, .faq-box p {
	padding-left: 30px;
}

.faq h6::before, .faq-box p::before {
	font-size: 20px;
}

.faq::before{
    right: 20px;
    
}
.faq::after{    
    right: 20px;
}



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