@import url(../fix_page.css);

.p-cover {
	height: clamp(120px, 38.182px + 21.818vw, 300px);
}

.p-cover__title,
.p-cover__sub {
	text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.85);
}

.content_area {
    padding: 10px 0 var(--size-10-20);
	.lead_box {
		text-align: center;
		margin:var(--size-15-20) auto var(--size-30-50);
		& p {
			margin-bottom:var(--size-5-10);
			line-height:1.6;
		}
	}
	& h2 {
/* 		font-size: var(--size-18-24);
		font-weight: 800;
		margin-bottom: var(--size-20-30);
		background: #aaa;
		color: #fff;
		text-align: center;
		padding: var(--size-10-15);
	}
	& h2 + p {
		text-align: center;
		margin-bottom: 1.5;
	} 
	& h3 {
	    text-align: center;*/
	}
}

.support_lst {
	margin:0 0 var(--size-20-30) !important;
	overflow:hidden;
	& li {
/* 		display:block; */
		text-align:left;
		margin:var(--size-10-15) var(--size-10-15) var(--size-15-20);
		background-size: cover;
		border:1px solid #eee;
		& a {
			display:block;
			position:relative;
			height: clamp(170px, 110.909px + 15.758vw, 300px);
			padding:0 var(--size-10-40);
		}
		& a:hover {
			background:rgba(0, 0, 0, 0.3);
			text-decoration:none !important;
			& section {
			transform: translateY(-50%) scale(1.06);
			}
		}
		& section {
			position:absolute;
			top:50%;
			left:7%;
			transform: translateY(-50%);
			width:min(86%, 400px);
			background:rgba(255, 255, 255, .8);
			padding:var(--size-15-30);
			margin:0 ;
			border-radius:var(--size-5-10);
			transition:transform 0.3s;
		}
		& h2 {
			font-size:var(--size-15-20);
			margin-bottom:var(--size-10-15);
			text-align: center;
		}
		& p {
			margin-bottom:0;
			font-size:var(--size-13-15);
			line-height:1.6;
		}
		& > p {
			display:none !important;
		}
	}
	.example_li {
		background:url(/wp/wp-content/uploads/2021/05/sup-02.jpg);
	}
	.flow_li {
		background:url(/wp/wp-content/uploads/2021/05/sup-01.jpg);
	}
	.faq_li {
		background:url(/wp/wp-content/uploads/2021/05/sup-03.jpg);
	}
	.afterfaq_li {
		background:url(/wp/wp-content/uploads/2022/01/sup-04.jpg);
	}
}

@keyframes slideLeft {
    0% {
        left: ;
    }

    100% {
        left: 10px;
    }
}