@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-style: normal;
}
body {
	font-family: sans-serif;
	font-size: 100%;
}
img {
	max-width: 100%;
	vertical-align: bottom;
}
hr {
	border: none;
	outline: none;
	border-top: solid 3px #c8c8c8;
}
a#pagetop {
	width: 0;
	height: 0;
}
.cf:after {
	content: "";
	display: block;
	clear: both;
}
.border_y {
	background: url(../images/sec_ttl_border.png) left bottom repeat-x;
}


@media screen and (min-width: 741px) {

	.ly_sp { display: none; }

	/* header
	--------------------------------------------------- */
	header p {
		padding: 2em 0;
		text-align: center;
	}
	nav {
		background: #419988;
	}
	nav ul {
		width: 960px;
		margin: 0 auto;
		border-left: solid 1px #fff;
	}
	nav ul li {
		float: left;
		width: 33.3%;
	}
	nav ul li a {
		position: relative;
		display: block;
		box-sizing: border-box;
		width: 100%;
		padding: 0 1em 0 1.8em;
		border-right: solid 1px #fff;
		text-decoration: none;
		color: #fff;
		transition: 0.5s;
	}
	nav ul li:nth-child(1),
	nav ul li:nth-child(2),
	nav ul li:nth-child(3) {
		border-bottom: solid 1px #fff;
	}
	nav ul li a:before {
		content: "";
		position: absolute;
		display: inline-block;
		left: 10px;
		top: 1.5em;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 6px 0 6px 10px;
		border-color: transparent transparent transparent #ffffff;
		transition: 0.5s;
	}
	nav ul li a:hover {
		background: rgba(255,255,255,0.7);
		color: #419988;
	}
	nav ul li a:hover:before {
		border-color: transparent transparent transparent #419988;
	}
	nav ul li a span {
		display: table-cell;
		height: 4em;
		vertical-align: middle;
		line-height: 1.2;
		font-size: 93.75%;
	}
	
	/* .sec01_head
	--------------------------------------------------- */
	.sec01_head .title {
		margin-top: 35px;
		padding: 0 0 20px 50px;
		background: url(../images/sec01/sec01_ttlbg.png) center bottom no-repeat;
		text-align: center;
	}
	.sec01_head .title em {
		display: none;
	}
	.sec01_head .title span {
		position: relative;
		display: block;
		width: 851px;
		height: 83px;
		margin: 0 auto;
		overflow: hidden;
	}
	.sec01_head .title span img {
		position: relative;
		top: 80px;
		opacity: 0;
		transition: 1s;
	}
	.sec01_head .title span img.ttl01 { transition-delay: 0.6s; }
	.sec01_head .title span img.ttl02 { transition-delay: 0.7s; }
	.sec01_head .title span img.ttl03 { transition-delay: 0.8s; }
	.sec01_head .title span img.ttl04 { transition-delay: 0.9s; }
	.sec01_head .title span img.ttl05 { transition-delay: 1.0s; }
	.sec01_head .title span img.ttl06 { transition-delay: 1.1s; }
	.sec01_head .title span img.ttl07 { transition-delay: 1.2s; }
	.sec01_head .title span img.ttl08 { transition-delay: 1.3s; }
	.sec01_head .title span img.ttl09 { transition-delay: 1.4s; }
	.sec01_head .title span img.ttl10 { transition-delay: 1.5s; }
	.sec01_head .title span img.ttl11 { transition-delay: 1.6s; }
	.sec01_head .title span img.ttl12 { transition-delay: 1.7s; }
	.sec01_head .title span img.ttl13 { transition-delay: 1.8s; }
	.sec01_head .title span img.ttl14 { transition-delay: 1.9s; }
	.sec01_head .title span img.ttl15 { transition-delay: 2.0s; }
	.sec01_head .title span img.ttl16 { transition-delay: 2.1s; }
	.sec01_head .title span img.ttl17 { transition-delay: 2.2s; }
	.sec01_head.on .title span img {
		position: absolute;
		left: 0;
		top: 0;
		opacity: 1;
	}
	.sec01_head .lead {
		width: 960px;
		margin: 30px auto;
		font-size: 112.5%;
		font-weight: bold;
		color: #C6343F;
	}
	
	/* .sec01
	--------------------------------------------------- */
	.sec01 {
		width: 960px;
		margin: 0 auto;
	}
	.sec01 .subttl {
		margin-top: 2em;
		font-size: 250%;
		font-weight: bold;
		color: #419988;
	}
	.sec01 .subttl span {
		display: inline-block;
		background-position: left 40px;
	}
	.sec01 .text {
		margin-top: 1em;
	}
	.graph01 {
		position: relative;
		width: 700px;
		margin: 0 auto;
		padding-top: 80px;
		text-align: center;
	}
	.graph01_switch {
		position: absolute;
		bottom: 50px;
	}
	.graph01 .g_parts {
		opacity: 0;
		transition: opacity 1s;
	}
	.graph01.on .g_parts {
		opacity: 1;
	}
	.graph01 .g_parts.g_ttl {
		position: absolute;
		right: 70px;
		top: 30px;
	}
	.graph01 .g_parts.g_img {
		position: absolute;
		right: 16px;
		top: 170px;
		transition-delay: 1.8s;
	}
	.graph01 ul {
		display: inline-block;
	}
	.graph01 li {
		position: relative;
		float: left;
		margin-right: 15px;
	}
	.graph01 li span {
		position: absolute;
		display: inline-block;
		left: 0;
		top: 0;
		width: 35px;
		height: 270px;
		background: #fff;
		transition: height 1s;
	}
	.graph01.on li span {
		height: 0;
	}
	.graph01 li.list01 span { transition-delay: 0.1s; }
	.graph01 li.list02 span { transition-delay: 0.2s; }
	.graph01 li.list03 span { transition-delay: 0.3s; }
	.graph01 li.list04 span { transition-delay: 0.4s; }
	.graph01 li.list05 span { transition-delay: 0.5s; }
	.graph01 li.list06 span { transition-delay: 0.6s; }
	.graph01 li.list07 span { transition-delay: 0.7s; }
	.graph01 li.list08 span { transition-delay: 0.8s; }
	.graph01 li.list09 span { transition-delay: 0.9s; }
	.graph01 li.list10 span { transition-delay: 1.0s; }
	.graph01 li.list11 span { transition-delay: 1.1s; }
	.graph01 li.list12 span { transition-delay: 1.2s; }
	.graph01 li.list13 span { transition-delay: 1.3s; }
	
	/* .sec02
	--------------------------------------------------- */
	.sec02 {
		width: 960px;
		margin: 0 auto;
	}
	.sec02 .subttl {
		margin-top: 2em;
		font-size: 250%;
		font-weight: bold;
		color: #419988;
	}
	.sec02 .subttl span {
		display: inline-block;
		background-position: left 40px;
	}
	.sec02 .text {
		margin-top: 1em;
	}
	.graph02 {
		margin-top: 40px;
	}
	.graph02 .g_ttl {
		float: left;
		margin-left: 30px;
	}
	.graph02 .g_main {
		float: right;
		width: 620px;
		margin-right: 80px;
	}
	.graph02 .g_main h4 {
		float: left;
	}
	.graph02 .g_main dl {
		float: right;
	}
	.graph02 .g_main dt {
		float: left;
	}
	.graph02 .g_main dd {
		position: relative;
		padding: 0 0 10px 218px;
	}
	.graph02 .g_main dd span {
		position: absolute;
		right: 0;
		top: 0;
		width: 350px;
		height: 79px;
		background: #fff;
		transition: width ease-in 1s;
	}
	.graph02.on .g_main dd span {
		width: 0;
	}
	.graph02 .g_main dd.list01 span { transition-delay: 0.5s; }
	.graph02 .g_main dd.list02 span { transition-delay: 1.0s; }
	.graph02 .g_main dd.list03 span { transition-delay: 1.5s; }
	.graph02 .g_sub {
		position: relative;
		float: right;
		width: 620px;
		margin: 30px 80px 0 0;
		padding: 30px 0 15px;
		border: solid 2px #585858;
		border-radius: 10px;
	}
	.graph02 .g_sub h5 {
		position: absolute;
		left: 20px;
		top: -20px;
	}
	.graph02 .g_sub .img {
		text-align: center;
	}
	
	/* .sec03
	--------------------------------------------------- */
	.sec03 {
		margin-top: 50px;
		padding: 50px 0;
		background: #F7F5F2;
	}
	.sec03 .inside {
		width: 960px;
		margin: 0 auto;
	}
	.sec03 .title {
		padding-left: 25px;
		border-left: solid 10px #C6343F;
		line-height: 1;
		font-size: 250%;
		font-weight: bold;
		color: #C6343F;
	}
	.sec03 .title span {
		margin-top: 10px;
		display: block;
	}
	.sec03 .lead {
		margin-top: 1.5em;
		font-size: 112.5%;
		font-weight: bold;
	}
	.sec03 .inbox {
		position: relative;
		box-sizing: border-box;
		width: 454px;
		height: 587px;
		margin-top: 60px;
		padding: 100px 35px 0;
		border: solid 2px #C6343F;
		border-radius: 10px;
	}
	.sec03 .inbox h3 {
		position: absolute;
		left: 50%;
		top: -30px;
		margin-left: -51px;
	}
	.sec03_01 {
		float: left;
	}
	.sec03_02 {
		float: right;
	}
	.sec03 .inbox h4 {
		font-size: 155.5%;
		font-weight: bold;
		color: #C6343F;
	}
	.sec03 .inbox .text {
		margin-top: 1em;
	}
	.sec03 .inbox .subttl {
		margin-top: 1em;
	}
	.sec03 .graph03 {
		margin-top: 1em;
		width: 168px;
		text-align: center;
	}
	.sec03 .graph03 .img {
		margin-bottom: 1em;
		opacity: 0;
		transform: scale(0, 0);
		transition: 1s;
		transition-delay: 1s;
	}
	.sec03 .graph03.on .img {
		opacity: 1;
		transform: scale(1, 1);
	}
	.sec03 .graph03_01 {
		float: left;
	}
	.sec03 .graph03_02 {
		float: right;
	}
	.sec03 .graph03 p {
		margin-top: 0.5em;
		padding: 0.2em 0;
		border-radius: 4px;
		background: #585858;
		color: #fff;
	}
	.sec03 .sec03_02 .subttl {
		float: left;
		margin-top: 30px;
	}
	.sec03 .sec03_02 .img {
		float: right;
		margin-top: 120px;
		transform: scale(0.8,0.8);
		opacity: 0;
		transition: 1s;
		transition-delay: 1s;
	}
	.sec03 .sec03_02 .img.on {
		transform: scale(1,1);
		opacity: 1;
	}
	.sec03 .sec03_02 .text {
		clear: both;
		padding-top: 2em;
	}
	
	/* .sec04
	--------------------------------------------------- */
	.sec04 {
		width: 960px;
		margin: 0 auto;
		padding: 55px 0 80px;
	}
	.sec04 .title {
		padding-left: 25px;
		border-left: solid 10px #419988;
		line-height: 1;
		font-size: 250%;
		font-weight: bold;
		color: #419988;
	}
	.sec04 .title span {
		display: block;
		margin-top: 10px;
	}
	.sec04 .subttl {
		position: relative;
		margin: 2em 0 1em;
		padding-left: 1em;
		font-size: 125%;
		font-weight: bold;
		color: #419988;
	}
	.sec04 .subttl:before {
		content: "";
		position: absolute;
		display: inline-block;
		left: 0;
		top: 0.4em;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 7px 0 7px 10px;
		border-color: transparent transparent transparent #419987;
	}
	.sec04 .img01 {
		display: table;
		width: 100%;
		text-align: center;
	}
	.sec04 .img01 li {
		display: table-cell;
		width: 20%;
		vertical-align: bottom;
	}
	.sec04 .img01 li img {
		opacity: 0;
		transform: rotate(20deg) scale(0.7, 0.7);
		transition: 1.1s;
	}
	.sec04 .img01.on li img {
		opacity: 1;
		transform: rotate(0deg) scale(1, 1);
	}
	.sec04 .img01.on li.list02 img { transition-delay: 0.2s; }
	.sec04 .img01.on li.list03 img { transition-delay: 0.4s; }
	.sec04 .img01.on li.list04 img { transition-delay: 0.6s; }
	.sec04 .img01.on li.list05 img { transition-delay: 0.8s; }
	.sec04 .img01 li .cap {
		display: block;
		height: 3em;
		margin-top: 1em;
		line-height: 1.2;
		font-weight: bold;
		color: #419988;
		opacity: 0;
		transition: 2s;
	}
	.sec04 .img01.on li .cap {
		opacity: 1;
	}
	.sec04 .img02 {
		position: relative;
		width: 820px;
		height: 400px;
		margin: 0 auto;
	}
	.sec04 .img02 li {
		position: absolute;
		display: table;
		box-sizing: border-box;
		width: 126px;
		height: 165px;
		margin-top: 20px;
		padding: 10px 0 40px;
		background: url(../images/sec04/sec04_img06.png) no-repeat;
		text-align: center;
		transform: scale(0,0);
		opacity: 0;
		transition: 1s;
	}
	.sec04 .img02.on li {
		margin-top: 0;
		transform: scale(1,1);
		opacity: 1;
	}
	.sec04 .img02 li span {
		display: table-cell;
		vertical-align: middle;
		line-height: 1.2;
		font-size: 125%;
		font-weight: bold;
		color: #419988;
	}
	.sec04 .img02 li.list01 { top: 0;			left: 76px;		transition-delay: 0.5s; }
	.sec04 .img02 li.list02 { top: 0;			left: 228px;	transition-delay: 0.6s; }
	.sec04 .img02 li.list03 { top: 0;			left: 381px;	transition-delay: 0.7s; }
	.sec04 .img02 li.list04 { top: 0;			left: 532px;	transition-delay: 0.8s; }
	.sec04 .img02 li.list05 { top: 0;			left: 690px;	transition-delay: 0.9s; }
	.sec04 .img02 li.list06 { top: 114px;	left: 0;			transition-delay: 1.0s; }
	.sec04 .img02 li.list07 { top: 114px;	left: 153px;	transition-delay: 1.1s; }
	.sec04 .img02 li.list08 { top: 114px;	left: 304px;	transition-delay: 1.2s; }
	.sec04 .img02 li.list09 { top: 114px;	left: 455px;	transition-delay: 1.3s; }
	.sec04 .img02 li.list10 { top: 114px;	left: 614px;	transition-delay: 1.4s; }
	.sec04 .img02 li.list11 { top: 237px;	left: 76px;		transition-delay: 1.5s; }
	.sec04 .img02 li.list12 { top: 237px;	left: 228px;	transition-delay: 1.6s; }
	.sec04 .img02 li.list13 { top: 237px;	left: 381px;	transition-delay: 1.7s; }
	.sec04 .img02 li.list14 { top: 237px;	left: 532px;	transition-delay: 1.8s; }
	.sec04 .img02 li.list15 { top: 237px;	left: 690px;	transition-delay: 1.9s; }
	
	/* .sec05
	--------------------------------------------------- */
	.sec05 {
		padding: 50px 0;
		background: #f9f2f2;
	}
	.sec05 .inside {
		width: 960px;
		margin: 0 auto;
	}
	.sec05 .title {
		padding-left: 25px;
		border-left: solid 10px #C6343F;
		line-height: 1;
		font-size: 250%;
		font-weight: bold;
		color: #C6343F;
	}
	.sec05 .title span {
		margin-top: 10px;
		display: block;
	}
	.sec05 .inbox {
		position: relative;
		margin-top: 65px;
		padding: 25px;
		border-radius: 10px;
		background: #fff;
	}
	.sec05 .inbox .subttl {
		text-align: center;
		font-size: 150%;
		font-weight: bold;
		color: #C6343F;
	}
	.sec05 .inbox ul {
		display: table;
		width: 100%;
	}
	.sec05 .inbox ul li {
		float: left;
		display: table;
		width: 165px;
		height: 107px;
		margin: 20px 20px 0 0;
		transform: scale(0,0);
		opacity: 0;
		transition: 1s;
		transition-delay: 1s;
	}
	.sec05 .inbox ul li.on {
		transform: scale(1,1);
		opacity: 1;
	}
	.sec05 .inbox ul li:nth-child(5n) {
		margin-right: 0;
	}
	/*.sec05 .inbox ul li.cat01 span {
		background: #eb758f;
	}
	.sec05 .inbox ul li.cat02 span {
		background: #7bc13c;
	}
	.sec05 .inbox ul li.cat03 span {
		background: url(../images/sec05/sec05_bg03.png) center repeat-y;
	}*/
	.sec05 .inbox ul li span {
		display: table-cell;
		width: 165px;
		height: 107px;
		background: #fff0a7;
		vertical-align: middle;
		text-align: center;
		color: #c73944;
	}
	.sec05 .arw {
		text-align: center;
		opacity: 0;
		transition: 1s;
		transition-delay: 2.5s;
	}
	.sec05.on .arw {
		opacity: 1;
	}
	.sec05 .catch {
		margin-top: 0.5em;
		text-align: center;
		font-size: 250%;
		font-weight: bold;
		color: #C6343F;
		opacity: 0;
		transition: 1s;
		transition-delay: 3s;
	}
	.sec05.on .catch {
		opacity: 1;
	}
	
	/* .sec06
	--------------------------------------------------- */
	.sec06 {
		width: 960px;
		margin: 0 auto;
		padding: 55px 0 80px;
	}
	.sec06 .title {
		text-align: center;
		line-height: 1;
		font-size: 250%;
		font-weight: bold;
		color: #eb758f;
	}
	.sec06 .title span {
		display: inline-block;
		margin-bottom: -5px;
		padding-bottom: 10px;
		border-bottom: solid 5px #eb758f;
	}
	.sec06 .title small {
		font-size: 46%;
	}
	.sec06 .catch {
		position: relative;
		width: 447px;
		height: 205px;
		margin: 40px auto 0;
		background: url(../images/sec06/sec06_cth_bg.png) center top no-repeat;
		text-align: center;
		opacity: 0;
		transition: 1s;
		transition-delay: 1s;
	}
	.sec06 .catch.on {
		opacity: 1;
	}
	.sec06 .catch img {
		position: absolute;
		left: 0;
		top: 40px;
		opacity: 0;
		transition: 1s;
		transition-delay: 1.5s;
	}
	.sec06 .catch.on img {
		top: 0;
		opacity: 1;
	}
	.sec06 .inbox {
		float: left;
		width: 448px;
		height: 300px;
		margin-top: 50px;
	}
	.sec06 .inbox:nth-of-type(even) {
		float: right;
	}
	.sec06 .inbox .subindex {
		width: 10em;
		padding: 0.3em 0;
		border-radius: 5px;
		background: #eb758f;
		line-height: 28px;
		text-align: center;
		font-size: 150%;
		color: #fff;
	}
	.sec06 .inbox .subindex span {
		display: inline-block;
		margin-left: 0.3em;
	}
	.sec06 .inbox .subttl {
		margin-top: 0.5em;
		line-height: 1.2;
		font-size: 154%;
		font-weight: bold;
		color: #eb758f;
	}
	.sec06 .inbox .sublead {
		margin-top: 1em;
		font-size: 120%;
		font-weight: bold;
		color: #969696;
	}
	.sec06 .inbox .text {
		margin-top: 1em;
		line-height: 1.6;
	}
	.sec06 .inbox_graph {
		float: left;
		width: 460px;
		margin-top: 75px;
	}
	.sec06 .inbox_graph:nth-of-type(even) {
		float: right;
	}
	.sec06 .inbox_graph .subttl {
		position: relative;
		margin-bottom: 1em;
		padding-left: 0.75em;
		font-size: 180%;
		font-weight: bold;
		color: #eb758f;
	}
	.sec06 .inbox_graph .subttl:before {
		content: "";
		position: absolute;
		display: inline-block;
		left: 0;
		top: 0.5em;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 7px 0 7px 12px;
		border-color: transparent transparent transparent #eb758f;
	}
	.graph04 {
		position: relative;
	}
	.graph04 .base {
		opacity: 0;
		transition: 1s;
		transition-delay: 0.5s;
	}
	.graph04.on .base {
		opacity: 1;
	}
	.graph04 li {
		position: absolute;
		margin-top: 30px;
		opacity: 0;
		transition: 1s;
	}
	.graph04.on li {
		margin-top: 0;
		opacity: 1;
	}
	.graph04 .list01 { top: 150px;	left: 292px;	transition-delay: 1.0s; }
	.graph04 .list02 { top: 276px;	left: 314px;	transition-delay: 1.2s; }
	.graph04 .list03 { top: 331px;	left: 170px;	transition-delay: 1.4s; }
	.graph04 .list04 { top: 241px;	left: 106px;	transition-delay: 1.6s; }
	.graph04 .list05 { top: 105px;	left: 0px;		transition-delay: 1.8s; }
	.graph04 .list06 { top: 20px;		left: 55px;		transition-delay: 2.0s; }
	.graph04 .list07 { top: 0px;		left: 233px;	transition-delay: 2.2s; }
	.graph05 {
		position: relative;
		padding-top: 25px;
		text-align: center;
	}
	.graph05 .base {
		opacity: 0;
		transition: 1s;
		transition-delay: 0.5s;
	}
	.graph05.on .base {
		opacity: 1;
	}
	.graph05 li {
		position: absolute;
	}
	.graph05 .list01 {
		top: 119px; width: 100%;
	}
	.graph05 .list01 img {
		transform: scale(2,2);
		opacity: 0;
		transition: 1s;
		transition-delay: 1s;
	}
	.graph05.on .list01 img {
		transform: scale(1,1);
		opacity: 1;
	}
	.graph05 .cap {
		position: relative;
		width: 313px;
		margin: 55px auto 0;
	}
	.graph05 .cap_num {
		position: absolute;
		bottom: 0;
		right: 30px;
		transform: scale(2,2);
		opacity: 0;
		transition: 1s;
		transition-delay: 1s;
	}
	.graph05.on .cap_num {
		transform: scale(1,1);
		opacity: 1;
	}
	
	/* .sec07
	--------------------------------------------------- */
	.sec07 {
		width: 960px;
		margin: 0 auto;
		padding: 55px 0 80px;
	}
	.sec07 .title {
		text-align: center;
		line-height: 1;
		font-size: 250%;
		font-weight: bold;
		color: #7bc13c;
	}
	.sec07 .title span {
		display: inline-block;
		margin-bottom: -5px;
		padding-bottom: 10px;
		border-bottom: solid 5px #7bc13c;
	}
	.sec07 .title small {
		font-size: 46%;
	}
	.sec07 .catch {
		position: relative;
		width: 447px;
		height: 205px;
		margin: 40px auto 0;
		background: url(../images/sec07/sec07_cth_bg.png) center top no-repeat;
		text-align: center;
		opacity: 0;
		transition: 1s;
		transition-delay: 1s;
	}
	.sec07 .catch.on {
		opacity: 1;
	}
	.sec07 .catch img {
		position: absolute;
		left: 0;
		top: 40px;
		opacity: 0;
		transition: 1s;
		transition-delay: 1.5s;
	}
	.sec07 .catch.on img {
		top: 0;
		opacity: 1;
	}
	.sec07 .inbox {
		float: left;
		width: 448px;
		height: 300px;
		margin-top: 50px;
	}
	.sec07 .inbox:nth-of-type(even) {
		float: right;
	}
	.sec07 .inbox .subindex {
		width: 10em;
		padding: 0.3em 0;
		border-radius: 5px;
		background: #7bc13c;
		line-height: 28px;
		text-align: center;
		font-size: 150%;
		color: #fff;
	}
	.sec07 .inbox .subindex span {
		display: inline-block;
		margin-left: 0.3em;
	}
	.sec07 .inbox .subttl {
		margin-top: 0.5em;
		line-height: 1.2;
		font-size: 154%;
		font-weight: bold;
		color: #7bc13c;
	}
	.sec07 .inbox .sublead {
		margin-top: 1em;
		font-size: 120%;
		font-weight: bold;
		color: #969696;
	}
	.sec07 .inbox .text {
		margin-top: 1em;
		line-height: 1.6;
	}
	.sec07 .inbox_graph {
		float: left;
		width: 460px;
		margin-top: 75px;
	}
	.sec07 .inbox_graph:nth-of-type(even) {
		float: right;
	}
	.sec07 .inbox_graph .subttl {
		position: relative;
		margin-bottom: 1em;
		padding-left: 0.75em;
		font-size: 180%;
		font-weight: bold;
		color: #7bc13c;
	}
	.sec07 .inbox_graph .subttl:before {
		content: "";
		position: absolute;
		display: inline-block;
		left: 0;
		top: 0.5em;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 7px 0 7px 12px;
		border-color: transparent transparent transparent #7bc13c;
	}
	.graph06 {
		position: relative;
	}
	.graph06 .base {
		opacity: 0;
		transition: 1s;
		transition-delay: 0.5s;
	}
	.graph06.on .base {
		opacity: 1;
	}
	.graph06 li {
		position: absolute;
		margin-top: 30px;
		opacity: 0;
		transition: 1s;
	}
	.graph06.on li {
		margin-top: 0;
		opacity: 1;
	}
	.graph06 .list01 { top: 108px;	left: 313px;	transition-delay: 1.0s; }
	.graph06 .list02 { top: 235px;	left: 221px;	transition-delay: 1.2s; }
	.graph06 .list03 { top: 156px;	left: 121px;	transition-delay: 1.4s; }
	.graph06 .list04 { top: 37px;		left: 0px;		transition-delay: 1.6s; }
	.graph06 .list05 { top: 29px;		left: 184px;	transition-delay: 1.8s; }
	.graph07 {
		position: relative;
		text-align: center;
	}
	.graph07 .base {
		opacity: 0;
		transition: 1s;
		transition-delay: 0.5s;
	}
	.graph07.on .base {
		opacity: 1;
	}
	.graph07 li {
		position: absolute;
	}
	.graph07 .list01 {
		top: 94px; width: 100%;
	}
	.graph07 .list01 img {
		transform: scale(2,2);
		opacity: 0;
		transition: 1s;
		transition-delay: 1s;
	}
	.graph07.on .list01 img {
		transform: scale(1,1);
		opacity: 1;
	}
	.graph07 .cap {
		position: relative;
		width: 313px;
		margin: 30px auto 0;
	}
	.graph07 .cap_num1 {
		position: absolute;
		top: 0;
		right: 30px;
		transform: scale(2,2);
		opacity: 0;
		transition: 1s;
		transition-delay: 1s;
	}
	.graph07.on .cap_num1 {
		transform: scale(1,1);
		opacity: 1;
	}
	.graph07 .cap_num2 {
		position: absolute;
		bottom: 0;
		left: 5px;
		opacity: 0;
		transition: 1.5s;
		transition-delay: 1s;
	}
	.graph07.on .cap_num2 {
		opacity: 1;
	}
	
	/* .sec08
	--------------------------------------------------- */
	.sec08 {
		width: 960px;
		margin: 0 auto;
		padding: 40px 0 80px;
	}
	.sec08 .arrow {
		text-align: center;
		opacity: 0;
		transition: 1s;
		transition-delay: 1s;
	}
	.sec08 .arrow.on {
		opacity: 1;
	}
	.sec08 .catch {
		margin-top: 1em;
		text-align: center;
		line-height: 1.75;
		font-size: 250%;
		font-weight: bold;
		color: #c6343f;
		opacity: 0;
		transition: 1s;
		transition-delay: 1.5s;
	}
	.sec08 .catch.on {
		opacity: 1;
	}
	.sec08 .bnr {
		margin-top: 60px;
		text-align: center;
	}
	.sec08 .bnr li {
		display: inline-block;
		margin: 0 0.5em;
		vertical-align: bottom;
	}
	.sec08 .bnr li span {
		display: block;
		height: 3.5em;
		margin-left: 0.5em;
		text-align: left;
		font-variant-position: 125%;
		font-weight: bold;
	}
	.sec08 .bnr li:first-of-type span {
		color: #eb758f;
	}
	.sec08 .bnr li:nth-last-of-type(2) span {
		color: #7bc13c;
	}
	.sec08 .bnr li:last-of-type span {
		line-height: 3.5;
		color: #585858;
	}
	
	/* footer
	--------------------------------------------------- */
	footer {
		border-top: solid 3px #c8c8c8;
	}
	.footer_in {
		width: 940px;
		margin: 0 auto;
		padding: 24px 0 20px;
	}
	.footer_logo {
		float: left;
		margin-right: 70px;
	}
	.footer_nav {
		float: left;
		width: 510px;
	}
	.footer_nav li {
		display: inline-block;
		margin: 0 1em 0.5em 0;
	}
	.footer_nav li a {
		display: block;
		font-size: 81.25%;
		padding-left: 1.5em;
		background: url(../images/footer_arrow.png) left center no-repeat;
		text-decoration: none;
		color: #656464;
	}
	.copyright {
		width: 100%;
		padding: 1em 0;
		border-top: solid 1px #c8c8c8;
		text-align: center;
		font-size: 68.75%;
		color: #656464;
	}
	
	/* pagetop
	--------------------------------------------------- */
	#pagetop {
		position: fixed;
		right: 3%;
		bottom: 120px;
	}
	#pagetop a {
		position: relative;
		display: block;
		width: 68px;
		height: 68px;
		border-radius: 34px;
		background: #c6343f;
		text-indent: -9999px;
		transition: 0.3s;
	}
	#pagetop a:before {
		content: "";
		position: absolute;
		display: inline-block;
		top: 50%;
		left: 50%;
		width: 0;
		height: 0;
		margin: -14px 0 0 -13.5px;
		border-style: solid;
		border-width: 0 13.5px 24px 13.5px;
		border-color: transparent transparent #ffffff transparent;
	}
	#pagetop a:hover {
		opacity: 0.8;
	}

}