@charset "UTF-8";
@media (max-width: 750px){
/*-----------------------------------------------------
 sp layout
-------------------------------------------------------*/

/******************************
 セミナー
******************************/
.seminar .area ul {
	margin: 6% 6% 10%;
}
.seminar .area ul li {
	display: flex;
	flex-direction: column;
	border-radius: 20px;
	background: #fff;
	padding: 5vw 6vw;
}

.seminar .area ul li .date_and_time {
	display: grid;
	align-items: center;
	grid-template-columns: 6vw auto auto;
	gap: 2vw;
}
.seminar .area ul li .date_and_time img {
}
.seminar .area ul li .date_and_time p .date {
	font-size: 5vw;
}
.seminar .area ul li .date_and_time p .time {
	font-size: 4vw;
}
.seminar .area ul li .place {
	font-size: 3.6vw;
}

/******************************
 FLOW
******************************/
.flow {
	padding: 12vw 7.0vw;
	background: #ddf7ff;
}

/******************************
 FAQ
******************************/
.faq {
	padding: 10vw 6.0vw 14vw;
}
.faq .q_list li .q::before {
	width: 5vw;
	height: 5vw;
	background-size: cover;
}
.faq .q_list li .q .opener {
	width: 4.8vw;
	height: 4.8vw;
	background-size: cover;
}
.faq .q_list li.open .q .opener {
	background-size: cover;
}
.faq .q_list li .a {
	margin-top: -2vw;
}
.faq .q_list li .a p {
	padding: 5vw 4vw;
}


/*-----------------------------------------------------*/
}