@charset "UTF-8";
/*
Theme Name: Make Therapist theme
Description: 受講生の活躍 ビフォー＆アフター
*/

main .sec_cont:not(:first-of-type) {
	padding-top: 0;
}

/* intro */
.intro .txtarea {
	margin-bottom: 2em;
}
.arealink {
	display: flex;
	justify-content: space-between;
}
.arealink li {
	width: 24%;
}
.arealink li a {
	color: #e5730e;
	font-size: 2.1rem;
	text-align: center;
	display: inline-block;
	border: 6px solid #f4c094;
	border-radius: 2em;
	background: #ffffff;	
	padding-bottom: 0.5em;
	position: relative;
}
.arealink li:nth-of-type(2) a {
	color: #ef436b;
	border-color: #f8adb8;
}
.arealink li:nth-of-type(3) a {
	color: #4987cc;
	border-color: #b6c8df;
}
.arealink li:nth-of-type(4) a {
	color: #2ab971;
	border-color: #a9dcbb;
}
.arealink li a:after {
	content: "";
	position: absolute;
	display: block;
	width: 26px;
	height: 26px;
	background: #333 url("../images/common/icon_arrow_v.png") no-repeat 58% 50% / auto 0.7em;
	bottom: 0.8em;
	right: 0.7em;
	border-radius: 50%;
}
.arealink li a .imgarea {
	margin-bottom: 0.4em;
}
.arealink li a .imgarea img {
	border-radius: 1.7em 1.7em 0 0;
}
#age40 .midashi_bgorg {
	background: #ef436b;
}
#age50 .midashi_bgorg {
	background: #4987cc;
}
#age60 .midashi_bgorg {
	background: #2ab971;
}
.voicelist .item {
	border-bottom: none;
}

@media screen and (max-width: 768px) {
	.arealink {
		flex-wrap: wrap;
	}
	.arealink li {
		width: 49%;		
	}
	.arealink li:nth-of-type(1),
	.arealink li:nth-of-type(2) {
		margin-bottom: 2%;
	}
	.arealink li a {		
		font-size: 1.7rem;		
		border-width: 4px;
		border-radius: 1.5em;		
	}	
	.arealink li a:after {		
		bottom: 2em;
		right: 0.3em;
	}
	.arealink li a .imgarea img {
		border-radius: 1.3em 1.3em 0 0;
	}
}