@charset "utf-8";
html {
    scroll-behavior: smooth;
}

p {
	letter-spacing: 0.08em;
	font-weight: 700;
}
.end_text {
	display: block;
}
/* position=========================■  */
.dpib {
	display: inline-block;
}
/* position=========================■  */
.por {
	position: relative; 
}
.tac {
	text-align: center;
}
.tal {
	text-align: left;
}
/* margin=========================■  */
.mt20{
	margin-top: 20px;
}

.mt40{
	margin-top: 40px;
}
@media screen and (max-width: 640px) {
.mt40{
	margin-top: 40px;
}
}

.mtb80{
	margin: 80px 0;
}
@media screen and (max-width: 640px) {
	.mtb80{
		margin: 40px 0;
	}
}

.mlr10 {
	margin: 0 5px;
}

.mb40 {
	margin-bottom: 40px;
}

.center {
	margin: 0 auto;
}

/*color=========================■  */
.fc_white {
	color: #fff;
}
/*font size=========================■  */

.small {
	font-size: 14px;
}

.fsls {
	font-size: 25px;
}

.fsl {
	font-size: 30px;
	color: #ff0000;
}

@media screen and (max-width: 640px) {
	.fsl {
		font-size: 20px;
	}
}

/*font size=========================■  */

.fw900 {
	font-weight: 900;
}

/* 使用する色は color: var( ); にて下記を引っ張る */
:root {
	--main-color1: #B50081;
	--main-color2: #F86ACF;
	--main-color3: #F9F0F3;
	--sub-color: #D13F93;
	--mono-tone1: #F0F0F0;
	--mono-tone2: #676767;
	--mono-tone3: #707070;
	--sub-color2: #FFF8CA;
	--sub-color3: #EF4050;
}