@charset "UTF-8";

.wf-hannari {
	font-family: "Hannari";
}
main{
	margin: 0 auto;
	width: 90%;
}
main p span{
	color:red;
}
main .section_box {
	display: flex;
	justify-content: space-between;
	margin: 0 auto 40px;
	width: 100%;
}

/*Lesson=========================================*/
main h3, .work__list h3 {
	margin-left: 2%;
	font-size: 1.6rem;
	line-height: 2;
}
main .c6215 {
	display: none;
}
section.work{
	margin:0 0 0 0;
	width:48%;
}
section.work ul {
	padding-left: 20px;
	width: 96%;
	list-style: disc;
}
section.work li {
	font-size: 1.1rem;
	line-height: 1.6;
}
section.work li span {
	color: red;
}
section.work li.nomarker {
	list-style: none;
	font-size: 0.85rem;
	line-height: 1.2;
}
.work__list {
	margin: 20px auto;
	padding-bottom: 30px;
	width: 96%;
//	background:azure;
}
.work__list section {
	margin-bottom: 40px;
}
.work__list h3 {
	margin: 0;
}
.work__list ul {
	display: flex;
	justify-content: space-between;
	margin: 10px auto 0;
	align-items: center;
}
.work__list li {
	width: 30%;
}
.work__list p {
	margin-left: 20px;
	font-size: 1.3rem;
	line-height: 1.4;
}
.work__list p.ask {
	padding: 30px 0;
}
.fee{
	float:left;
	margin:0 0 3%;
	width:56%;
}
.fee ul{
	margin:0 0 6% 2%;
	padding:3%;
	width:90%;
}
.fee li{
	font-size:1em;
	line-height:1.6em;
}
.fee li span{
	margin-left:12%;
}
#caution {
	width:50%;
}
#caution ul {
	padding-left: 20px;
	width: 96%;
	list-style: disc;
	background: lightgray;
}
#caution li {
	font-size: 1em;
	line-height: 1.6;
}
#catch {
	margin: 30px auto;
	width: 70%;
}
#catch h2 {
	font-size: 1.8rem;
	line-height: 1.8;
}
#catch p {
	font-size: 1rem;
	line-height: 1.6;
}

@media screen and (max-width:770px){
	main .section_box {
		flex-direction: column;
	}
	section.work,section.work__list {
		margin: 0 auto 20px;
		width: 90%;
	}
	main h3, .work__list h3 {
		margin-left: 0;
		font-size: 1.4rem;
		line-height: 1.6;
	}
	main .c6215 {
		display: block;
		margin-bottom: 20px;
	}
	.work__list ul {
		flex-direction: column;
		margin: 0 auto;
		width: 94%;
	}
	.work__list li {
		font-size: 0.9rem;
		line-height: 1.4;
	}
	.work__list li {
		margin-bottom: 20px;
		width: 80%;
	
	}
}