:root {
	--header-color: #eaf8ff;
	--main-color: #00a1e9;
	--accent-color: #fc0;
	--sub-color: #a3e6f5;
	--bg-color: #fffdb5;
	--bg-color02: #ebf6ea;
	--bg-color03: #ffe8e8;
	--text-color: #333;
	--aka-color: #d3405c;
	--dodger-color: dodgerblue;
	--turquoise-color: #0fbcbf;
	--shiro-color: #fff;
	--yello-color: #f2db00;
	--btn-color01: #f04d27;
	--btn-color02: #e9bc00;
	--btn-color03: #eff9f9;
	--btn-color04: #f9f5e4;
	--border-color: #ccc;
	--empha-color: #dd1c08;
}

/* color */
.co_aka {
	color: #cd2c24;
}

.co_green {
	color: #25a227;
}

.co_pink {
	color: #fc1d5b;
}

.co_ao {
	color: #008bd9;
}

/* flex_box */
.flex_box,
.flex_box_re {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.flex_between {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.flex_stretch {
	align-items: stretch;
}

.flex_start {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;
}

.flex_around {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
}

.flex_column {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 90%;
	margin: 10px auto;
}

.yesno_flex {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: 30px auto;
}

.flex_20 {
	width: 22%;
	margin: 0 auto;
}

.flex_30 {
	width: 28%;
	margin: 0 auto;
}

.flex_35 {
	width: 32%;
	margin: 0 auto;
}

.flex_40 {
	width: 38%;
	margin: 0 auto;
}

.flex_45 {
	width: 43%;
	margin: 0 auto;
}

.flex_50 {
	width: 48%;
	margin: 0 auto;
}

.flex_55 {
	width: 53%;
	margin: 0 auto;
}

.flex_60 {
	width: 58%;
	margin: 0 auto;
}

.flex_65 {
	width: 63%;
	margin: 0 auto;
}

.flex_70 {
	width: 68%;
	margin: 0 auto;
}

.flex_90 {
	width: 90%;
	margin: 0 auto;
}

.flex_100 {
	width: 100%;
	margin: 10px auto;
	text-align: center;
}

.flex_box img,
.flex_between img,
.flex_start img,
.flex_around img,
.flex_column img,
.selsct_flex00 img,
.flex_box_re img {
	width: 100%;
}

/* font */
.bbb {
	font-weight: bold;
}

.bbbb {
	font-size: 150%;
	font-weight: 700;
}

.msg_aka {
	margin-top: 10px;
	font-size: 155%;
	font-weight: 700;
	color: var(--empha-color);
	text-align: center;
}

.fo_150 {
	width: 95%;
	margin: 10px auto 0;
	font-size: 150%;
	font-weight: bold;
	text-align: center;
}

.te_cent {
	text-align: center;
}

.te_left {
	text-align: left;
}
/* img */
.img_60 {
	width: 60%;
	margin: 0 auto;
}

.img_60 img {
	width: 100%;
}
/* other */
.un_yello {
	background: linear-gradient(transparent 60%, #f1f000 0%);
}

.pa5 {
	padding: 5px 0;
}

.pa10 {
	padding: 10px 0;
}

.pa20 {
	padding: 20px 0;
}

.wi95 {
	width: 95%;
	margin: 0 auto;
}

.wi90 {
	width: 90%;
}

.sp_on {
	display: none;
}

.sp_none {
	display: block;
}

.akawaku {
	padding: 0 10px;
	margin: 5px;
	font-size: 150%;
	font-weight: bold;
	line-height: 1;
	color: #eb1e1e;
	border: 2px solid #eb1e1e;
}

.akawaku02 {
	display: inline-block;
	margin: 5px;
	line-height: 1.7;
}
/* footer */
footer {
	padding: 20px 0 50px;
	background: #fff;
	border-top: dotted 2px var(--main-color);
}

.footer_logo {
	width: 30%;
	margin: 20px auto 10px;
}

.footer_logo img {
	width: 100%;
	margin: 0 auto;
}

span.aks {
	display: inline-block;
}

.tel-btn {
	display: inline-flex;
	align-items: center;
	padding: 10px 20px;
	font-size: 110%;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background: #28a745;
	border-radius: 50px;
	transition: 0.2s;
}

.tel-btn::before {
	content: "\260E";
}

.tel-btn:hover {
	background: #1e7e34;
}
/* animation */
.fade-in {
	animation: fadeIn 0.6s ease-out forwards;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateX(-10px);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}

@media screen and (max-width: 890px) {
	.flex_box,
	.flex_between,
	.flex_start,
	.flex_around {
		flex-direction: column;
		width: 100%;
		margin: 10px auto;
	}

	.flex_box_re {
		flex-direction: column-reverse;
		width: 100%;
		margin: 10px auto;
	}

	.yesno_flex {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin: 30px auto;
	}

	.flex_20 {
		width: 60%;
		margin: 8px auto;
	}

	.flex_30 {
		width: 50%;
	}

	.flex_40 {
		width: 85%;
	}

	.flex_35,
	.flex_65,
	.flex_45,
	.flex_50,
	.flex_55,
	.flex_60,
	.flex_70,
	.flex_90 {
		width: 95%;
	}

	.footer_logo {
		width: 60%;
		margin: 20px auto 10px;
	}

	.sp_on {
		display: block;
	}

	.sp_none {
		display: none;
	}

	.pc_on {
		display: block;
	}

	.pc_none {
		display: none;
	}

	.bbbb {
		font-size: 130%;
	}

	.msg_aka {
		width: 96%;
		margin: 0 auto;
		margin-top: 30px;
		font-size: 140%;
	}
}

@media screen and (max-width: 600px) {
	.flex_20 {
		width: 86%;
		margin: 8px auto;
	}

	.flex_35,
	.flex_65,
	.flex_30,
	.flex_40,
	.flex_45,
	.flex_50,
	.flex_55,
	.flex_60,
	.flex_70,
	.flex_90,
	.flex_75 {
		width: 98%;
	}

	.flex_column {
		width: 100%;
	}

	.akawaku02 {
		display: inline-block;
		margin: 5px;
		line-height: 1.7;
	}

	.msg_aka {
		width: 97%;
		margin: 0 auto;
		margin-top: 30px;
		font-size: 125%;
	}
}