@charset "UTF-8";
/*------------------------------------------------------------content*/
.list_basic li {
	position: relative;
	margin-bottom: 8px;
	padding-left: 14px;
}
.list_basic li::before {
	position: absolute;
	top:5px;
	left:0;
	display: block;
	width: 9px;
	height: 9px;
	content: "";
	border-radius: 50%;
	background: #fca932;
}


/*-------------------------------------------common*/
section h4 {
	position: relative;
	margin-bottom: 15px;
	padding-bottom:12px;
	text-align: center;
	line-height: 1.4;
	font-size:18px;
	font-weight: bold;
	color:#0fc373;
}
section h4::after {
	position: absolute;
	left:50%;
	bottom:0;
	display: block;
	width: 120px;
	height: 0;
	margin-left: -60px;
	content:"";
	border-bottom: dotted 5px #fca932;
}
@media print, screen and (min-width:768px) {
section h4 {
	position: relative;
	margin-bottom: 20px;
	padding-bottom:15px;
	line-height: 1.4;
	font-size:22px;
}
}
@media print, screen and (min-width:992px) {
section h4 {
	position: relative;
	margin-bottom: 20px;
	padding-bottom:15px;
	line-height: 1.4;
	font-size:30px;
}
}

.figbox div {
	text-align: left;
}
.figbox figure {
	margin-top: 15px;
}
.figbox figure figcaption {
	margin-top: 5px;
}
@media print, screen and (min-width:768px) {
.figbox figure figcaption {
	font-size:16px;
}
}
@media print, screen and (min-width:992px) {
.figbox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	}
}



/*-------------------------------------------section01*/
#sec01 h5 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size:16px;
	font-weight: bold;
}
@media print, screen and (min-width:768px) {
#sec01 h5 {
	font-size:20px;
}
}
@media print, screen and (min-width:992px) {
#sec01 .figbox {
	flex-direction: row-reverse;
	justify-content: center;
}
#sec01 .figbox figure {
	margin-right: 50px;
}
}

/*-------------------------------------------section02*/
#sec02 ol {
	list-style: none;
}
#sec02 ol li {
	position: relative;
	margin-bottom: 8px;
	padding-left: 26px;
}
#sec02 ol li::before {
	position: absolute;
	top:0;
	left:0;
	display: block;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	content: "";
	color:#fff;
	font-size:16px;
	font-weight: bold;
	border-radius: 50%;
	background: #0fc373;
}
#sec02 ol li:first-child::before {
	content: "1";
}
#sec02 ol li:nth-child(2)::before {
	content: "2";
}
#sec02 ol li:nth-child(3)::before {
	content: "3";
}
#sec02 ol li:nth-child(4)::before {
	content: "4";
}
#sec02 ol li:nth-child(5)::before {
	content: "5";
}
#sec02 ol li:nth-child(6)::before {
	content: "6";
}
#sec02 .figbox figure img {
	width: 280px;
	height: auto;
}

@media print, screen and (min-width:768px) {
#sec02 ol li {
	position: relative;
	margin-bottom: 10px;
	padding-left: 40px;
}
#sec02 ol li::before {
	top:-3px;
	width: 28px;
	height: 28px;
	line-height: 28px;
	font-size:22px;
}
#sec02 .figbox figure img {
	width: auto;
	height: auto;
}
}
@media print, screen and (min-width:992px) {
#sec02 .figbox figure {
	margin-left: 50px;
}
}

/*-------------------------------------------section03*/
#sec03 .figbox div p {
	margin-bottom: 15px;
}
@media print, screen and (min-width:992px) {
#sec03 .figbox {
	flex-direction: row-reverse;
}
#sec03 .figbox figure {
	margin-right: 50px;
}
}