@charset "utf-8";
/*===========================
add
===========================*/





.catch2 {
	color:var(--basic-color);
}

.catch3 {
	color:var(--basic-color);
}

.txtIcon {
	padding:0.1em 2.5em 0.1em 2.5em;
	background-color:var(--basic-color);
}

.txtIconBlock {
	padding:0.2em 2.5em 0.2em 2.5em;
	background-color:var(--basic-color);
}

.boxFrame {
	border:3px solid var(--basic-color);
	background: rgba(255,255,255,.8);
}

.boxSimple {
	border-radius: 10px;
	padding:1.5em;
	background: rgba(255,255,255,.9);
	border-color: rgba(220, 135, 185,.15);
}

ul.liCheck li:before , ul.liCheckInline li:before , ul.liCheck2Div li:before , ul.liCheck3Div li:before , ul.liCheck4Div li:before {
	color:var(--basic-color);
}

ul.liCircle li::before , ul.liInline li::before ,  ul.liInline2Div li::before , ul.liInline3Div li::before , ul.liInline4Div li::before {
	background-color:var(--basic-color);
}

.answer-text:before {
	background:var(--basic-color);
}

.question-title:before {
	background:#666365;
}

.flex_type1{
    justify-content: center !important;
}

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

    .flex_type1 .f-item1-3{
        width: 50%;
    }
}




ul.liPaint {
    display: flex;
	justify-content: space-evenly;
	justify-content: flex-start;
	flex-wrap: wrap;;
}

ul.liPaint li {
	display:inline-block;
    padding: 0.2em 1em;
	margin:0 0.2em 0.2em 0.2em;
    font-size: 1em;
    box-sizing: border-box;
    vertical-align: top;
    background-color: #37719B;
    color: #FFF;
    margin-bottom: 5px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
	text-align:center;
}

.li2Div-t li {
    width: 48%;
}

@media screen and (max-width: 768px) {
	ul.liPaint {
		display: block;
	}
	.li2Div-t{
		margin-bottom: .5em;
	}
	.li2Div-t li {
		width: 100%;
		margin-bottom: .5em;
	}

}