@charset "utf-8";
/* ----------------------------------------------
	相談支援CSS
------------------------------------------------- */

/*基本*/
h1 {
	background-color: rgba(232, 55, 86, .35);
}
section.yunon {
	width: 94%;
	padding: 25px 3%;
}
div.wrapper section.yunon:first-child {
	padding-top: 0;
}
section.yunon .block {
	margin: 20px auto;
}
div.about-yunon {
	margin: 80px auto;
}
div.about-yunon-inner {
	width: 98%;
	margin: 30px auto;
}
h2.about-title {
	position: relative;
	height: 60px;
	line-height: 60px;
	padding: 0 0 0 55px;
	font-size: 1.15em;
	white-space: nowrap;
	color: #660012;
	background-color: rgba(232, 55, 86, .35);
	background-color:  rgba(255, 243, 82, 1);
	border-radius: 30px;
	margin-bottom: 40px;
}
h2.about-title::before {
	position: absolute;
	display: block;
	content: "";
	left: 12px;
	top: 15px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: rgba(232, 55, 86, 1);
}
h3 {
	color: rgba(232, 55, 86, 1);
}
@media screen and (max-width: 767px){
	h2.about-title.small {
		font-size: .90em;
	}
}

/*リンクボタン*/
.mylink {
	width: 96%;
	max-width: 500px;
	margin: 25px auto;
}
.mylink a {
	display: inline-block;
	width: 100%;
	padding: 10px 0;
	border: 2px solid rgba(232, 55, 86, 1);
	border-radius: 15px;
	text-align: center;
	text-decoration: none;
	color: rgba(232, 55, 86, 1);
	font-weight: bold;
}
.mylink a:hover {
	background-color: rgba(232, 55, 86, .20);
}
.mylink a::after {
	font-family: "Font Awesome 7 Free";
	font-weight: 900;
	margin-left: 0.5rem;
}
.mylink.price a::after {
	content: "\f101";
}
.mylink.contact a::after {
	content: "\f0e0";
}


/*タブレット以上*/
@media screen and (min-width: 768px) {
	section.yunon {
		width: 90%;
		padding: 40px 5%;
	}
	section.yunon .block ,
	.comment {
		margin: 30px auto;
	}
	div.about-day-inner {
		width: 96%;
		margin: 40px auto 20px auto;
	}	
	dl.schedule ,
	ul.flow ,
	dl.own {
		margin: 30px auto;
	}
	table.limit {
		font-size: 1.0em;
		margin: 30px auto;
	}
}
