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

/*--------------------------------------------
#about_us（私たちのできること）
--------------------------------------------*/

.box3_1 {
	margin-top: 1em;
    display: flex;
}
.box3_1 li {
	width: calc((100% - 4%) / 3);
	margin-right: 2%;
	margin-bottom: 1em;
	background: #ffefdc;
	border-radius: 20px;
	padding: 1em;
	box-sizing: border-box;
	color: #ff7800;
    font-size: 95%;
}
.box3_1 li:last-child {
	margin-right: 0;
}

.box3_1 li p {
    font-family: dnp-shuei-mgothic-std, sans-serif;
    font-weight: 600;
    font-size: 150%;
    margin-top: 10px;
}
.box3_1 li:nth-of-type(1) p:before {
    content: "";
    background: url("../img/icon1.svg") no-repeat center;
    background-size: contain;
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
    vertical-align: -8px;
    margin-right: 5px;
}
.box3_1 li:nth-of-type(2) p:before {
    content: "";
    background: url("../img/icon2.svg") no-repeat center;
    background-size: contain;
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
    vertical-align: -8px;
    margin-right: 5px;
}
.box3_1 li:nth-of-type(3) p:before {
    content: "";
    background: url("../img/icon3.svg") no-repeat center;
    background-size: contain;
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
    vertical-align: -8px;
    margin-right: 5px;
}

@media screen and (max-width: 768px) {
    .box3_1 {
		margin: 0 10px;
        display: block;
	}
	.box3_1 li {
		width: 100%;
		margin-right: 0;
	}
}

h3 {
    color: #ff7800;
    font-size: 165%;
    font-family: dnp-shuei-mgothic-std, sans-serif;
    border-bottom: 2px solid #ff7800;
    padding: 0.5em;
    margin-bottom: 1em;
    margin-top: 3em;
    letter-spacing: 1px;
}

.faq-list {
    color: #ff7800;
    text-align: left;
}
.faq-list dt {
    font-family: dnp-shuei-mgothic-std, sans-serif;
    font-size: 140%;
    font-weight: 600;
    margin-top: 1em;
    padding-left: 2.2em;
    text-indent: -2.2em;
    letter-spacing: 0.5px;
}
.faq-list dt:before {
    content: "";
    background: url("../img/icon4.svg") no-repeat center;
    background-size: contain;
    width: 2em;
    height: 1.5em;
    display: inline-block;
    margin-right: 0.2em;
    vertical-align: -8px;
}
.faq-list dd {
    background: #ffffc8;
    padding: 1em 1.5em;
    border-radius: 10px;
    margin-top: 1em;
    line-height: 1.6em;
}