@charset "utf-8";
/* -----------------------------------------
リセット・設定用css

＜class名ルール＞
このファイルで使用するclassには以下の接頭語を付加する。
（他のcssファイルでは不要）
・汎用クラス：「.c_xxx」（common）
・モジュール：「.m_xxx」（module）
・モジュール内のパーツ：「.p_xxx」（parts）
・モジュールの状態：「.s_xxx」（state）
※JSのみで使用：「.js_xxx」
----------------------------------------- */

/* flame
----------------------------------------- */

.sec01 {
	overflow: hidden;
}

@media screen and (max-width: 1099px) {
	.sec01 {
		max-width: 900px;
	}
}

.ttl {
	display: none;
}
.ttl img {
	width: 270px;
}

@media screen and (max-width: 680px) {
	.ttl {
		display: block;
		text-align: center;
		padding: 13px 0;
	}
}

/* content
----------------------------------------- */

.border {
	border: 3px solid #1bb8ce;
	border-radius: 9px;
	margin: 0 0 15px 20px;
	padding: 15px 30px;
}
.border p {
	font-size: 92.9%;
}
.border p:first-child {
	padding-bottom: 10px;
}

.txt01 {
	font-size: 115.4%;
	font-weight: bold;
	color: #009049;
	padding-bottom: 15px;
}
.txt02 {
	color: #fff;
	font-weight: bold;
	background-color: #f44443;
	border-radius: 3px;
	padding: 1px 5px 0 5px;
}
.txt03 {
	text-align: right;
	padding: 5px 0 10px;
	font-size: 85.7%;
}
@media screen and (max-width: 800px) {
	.border {
		margin: 0 0 15px 0;
	}
}
@media screen and (max-width: 680px) {
	.border p {
		line-height: 1.8;
	}
}

.table01 {
	border-top: 1px solid #b2b3b5;
	border-left: 1px solid #b2b3b5;
	margin: 15px 0 0;
	width: 100%;
}

.table01 th {
	text-align: center;
	width: 105px;
}

.table01 td {
	padding: 5px 5px;
}

.table01 th,
.table01 td{
	border-right: 1px solid #b2b3b5;
	border-bottom: 1px solid #b2b3b5;
}

.table01 th > img {
	padding: 5px 25px;
}

.table01 th:last-of-type > img {
	padding: 0;
}

.sec01,
.fig01 {
	margin: 0 auto 40px;
	max-width: 700px;
}

.sec01:last-child {
	margin-bottom: 130px;
}

.fig01 {
	text-align: center;
}

.innerFig01 {
	margin-left: 19px;
}

.innerFig01 img:last-child {
	display: none;
}

.innerSection {
	margin: 0 10px 0 30px;
}

.txtS {
	font-size: 87.5%;
	line-height: 1.5;
}

.bgColor01 {
	background-color: #d6f3dd;
}

.bgColor02 {
	background-color: #ddf6c2;
}

.bgColor03 {
	background-color: #ffd6d3;
}

.bgColor04 {
	padding: 7px;
	background-color: #ffeaea;
}

@media screen and (max-width: 800px) {
	.innerSection {
		margin: 0 10px;
	}
	.innerFig01 {
		margin-left: 0;
	}
}

@media screen and (max-width: 680px) {
	.innerFig01 > img:last-child {
		display: block;
	}
	.innerFig01 > img:first-child {
		display: none;
	}
}

/* 
----------------------------------------- */