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

/* 基本カラー  */
/* color:var(--basic-color); で利用 */
:root {
	--basic-color:#ec4e9d;
}

/* color:var(--basic-color2); で利用 */
:root {
	--basic-color2:#fecb09;
}


/*===========================
f-qr
===========================*/
.f-qr{
	width: 110px;
	margin:0 0 2em 3em;
}
.f-qr img{
	width: 110px;
}
@media screen and (max-width: 768px) {
	.f-qr {
		box-sizing: border-box;
		margin:0 0 2em 0;
		width:100%;
	}
}


.qr{
	margin: 10px auto 0;
	width: 130px;
}




.t01{
	text-align: center;
	margin-bottom: 25px;
	font-size: 1.4em;
}
.t01 span{
	color: #fff;
	padding: 5px 15px;
	background-color: var(--basic-color);
	border-radius: 20px;
}
@media screen and (max-width: 600px) {
	.t01{
			font-size: 1.2em;
	}
}

.t02{
	position: relative;
	margin-bottom: 50px;
}

.t02 p::after{
content: '';
	position: absolute;
	bottom: -20px;
	display: inline-block;
	width: 100px;
	height: 2px;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: var(--basic-color);
}


/*===========================
contactBtnWrap
===========================*/
.contactBtnWrap.linebtn a{
	background-color: #19c019;
}

/*===========================
sd01
===========================*/
.sd01{
	 background: linear-gradient(90deg, rgb(255, 252, 254), rgb(255, 245, 254));
	box-shadow: 5px 5px 5px #c2c2c2;
}


/*===========================
txt01
===========================*/
.txt01{
	background-color: var(--basic-color);
	font-size: 1.8em;
	color: #fff;
	text-align: center;
	padding: 15px;
	border-radius: 20px;
	line-height: 130%;
	box-sizing: border-box;
	box-shadow: 5px 5px 5px #c2c2c2;
}
@media screen and (max-width: 768px) {
	.txt01{
		font-size: 1.4em;
	}
}



/*===========================
width
===========================*/
@media screen and (max-width: 768px) {
	.w100Tablet{
		width: 100% !important;
		box-sizing: border-box;
	}
}

/*===========================
title-af-none
===========================*/
.title-af-none{
	text-shadow: none;
}
.title-af-none:after{
	content: none;
}

/*===========================
font
===========================*/
.fw-b{font-weight: bold;}