@charset "utf-8";

/* ========== text ========== */

.help-col2 {
	overflow: hidden;
	width: 100%;
	margin-top: 1.25em;
	margin-bottom: 1em;
}

.help-col2_1 {
	display: inline-block;
	width: 10%;
	float: left;
	min-width: 72px;
}

.help-col2_2 {
	display: inline-block;
	width: 85%;
	float: left;
	margin-left: 5px;
}

.c-figure-03 .help-col2_1 {
	width: 15%;

}

.c-figure-03 .help-col2_2 {
	width: 80%;
}

.v-top {
	vertical-align: top!important;
}

.v-top-text {
	margin-top: -4px;
}

.normal {
	font-weight: normal!important;
}

@media only screen and (max-width: 977px) {
	.c-figure-05 .c-column-group .col-unit-1\/2{
		float: none;
		width: 100%;
	}
	.c-figure-05 .c-column-group .col-unit-1\/2 .c-copy-01.c-space-p12{
		margin-top: 0 !important;
	}
}

@media only screen and (max-width: 640px) {
	.help-col2 {
		overflow: hidden;
		width: 100%;
		margin-top: 1.25em;
		margin-bottom: 1em;
	}
	
	.help-col2_1 {
		display: inline-block;
		width: 15%;
		float: left;
		min-width: 54px;
	}
	
	.help-col2_2 {
		display: inline-block;
		width: 80%;
		float: left;
		margin-left: 5px;
	}

	.help-col2_3 {
		display: inline-block;
		width: 60%;
		float: left;
	}
	
	.help-col2_4 {
		display: inline-block;
		width: 35%;
		float: left;
		margin-left: 5px;
	}
}


/* ========== c-icon--modal ========== */

.c-login_area a.c-btn-account.size-01.icon-blank.c-icon--modal > .label:before {
	mask-image: url(/assets/img/icon__modaal.svg)!important;
    -webkit-mask-image: url(/assets/img/icon__modaal.svg)!important;
	width: 1.3em;
	height: 1.3em;
	background-color: #eb5505
}
@media only screen and (max-width: 640px) {
	.c-login_area a.c-btn-account.size-01.icon-blank.c-icon--modal > .label:before {
		width: 25px;
		height: 25px;
	}
}
.c-login_area a.c-btn-account.size-01.icon-blank.c-icon--modal > .label {
	padding-left: 10px;
}

/* ========== sty-column-group =========*/
.sty-column-group {
	display: flex;
	justify-content: space-around;
}
@media only screen and (max-width: 640px) {
	.sty-column-group {
		gap: 20px;
	}
}

/* ========== tel-icon ========== */
@media only screen and (max-width: 640px) {
    .tel-icon img {
        width: 25px;
	}
}