@charset "utf-8";

/**
 * introTextWrap
 */
.introTextWrap {
	width: var(--common-in-width);
	margin: 40px auto 0;
}
@media screen and (max-width:767px){
	.introTextWrap {
		margin: 20px auto 0;
		padding: 0 20px;
	}
}

/* deco */
.introTextWrap:before {
    content: '';
    background-color: rgb(var(--main-color));
    display: block;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-image: url(../img/common/title_accent.svg);
    mask-image: url(../img/common/title_accent.svg);
    width: 72px;
    height: 32px;
    margin: 0 auto 30px;
}
@media screen and (max-width:767px){
	.introTextWrap:before {
		width: 42px;
		height: 19px;
		margin: 0 auto 20px;
	}
}

/* text */
.introText {
	font-size: 20px;
	font-weight: 700;
	line-height: 2.3;
	text-align: center;
}
@media screen and (max-width:767px){
	.introText {
		font-size: 12px;
		width: 125%;
		position: relative;
		left: -12.5%;
	}
}

/* introTitle */
.introTitle {
	font-size: 26px;
	font-weight: 700;
	text-align: center;
}
@media screen and (max-width:767px){
	.introTitle {
		font-size: 18px;
	}
}

.introTitle__in {
	border-bottom: 2px solid rgb(var(--main-color));
}