@charset "utf-8";

/* contents */
#contents {
}
img#balloon01,
img#balloon02,
img#balloon03,
img#balloon04,
img#balloon05,
img#balloon06 {
	opacity: 0;
}
.poyonTop {
  animation: poyonTop 0.6s linear 0s 1;
}
 
@keyframes poyonTop {
  0%   { transform: scale(0.9, 1.1) translate(0%, -35%); }
  10%  { transform: scale(0.9, 1.1) translate(0%, -7%); }
  20%  { transform: scale(1.1, 0.8) translate(0%, 10%); }
  30%  { transform: scale(0.95, 1.05) translate(0%, -5%); }
  40%  { transform: scale(0.97, 1.1) translate(0%, -15%); }
  50%  { transform: scale(0.97, 1.1) translate(0%, -5%); }
  60%  { transform: scale(1.05, 0.95) translate(0%, 2.5%); }
  70%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}
.poyon {
  animation: poyon 0.7s linear 0s 1;
}
 
@keyframes poyon {
  0%   { transform: scale(0.8, 1.2) translate(0%, -70%); }
  10%  { transform: scale(0.8, 1.2) translate(0%, -15%); }
  20%  { transform: scale(1.2, 0.6) translate(0%, 20%); }
  30%  { transform: scale(0.9, 1.1) translate(0%, -10%); }
  40%  { transform: scale(0.95, 1.2) translate(0%, -30%); }
  50%  { transform: scale(0.95, 1.2) translate(0%, -10%); }
  60%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  70%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}
.section01 {
	background-color: #edfafb;
}
.section01 .inner {
	height: 540px;
}
.section01 h2 {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
.section01 p {
	color: #009FE8;
	text-align: center;
}
.section01 .leftBox {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 490px;
	height: 420px;
	background-image: url(../images/section01_img01.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.section01 .rightBox {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 490px;
	height: 420px;
	background-image: url(../images/section01_img02.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.section01 .leftBox .balloon {
	position: absolute;
	left: 0;
	bottom: 130px;
}
.section01 .rightBox .balloon {
	position: absolute;
	left: 0;
	bottom: 130px;
}
.section02 {
	background-color: #009fe8;
	padding-top: 40px;
}
.section02 .inner {
	height: 600px;
}
.section02 h2 {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 80px;
}
.section02 p {
	color: #FFF;
	text-align: center;
}
.section02 .leftBox {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 490px;
	height: 480px;
}
.section02 .rightBox {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 490px;
	height: 480px;
}
.section02 p.lastP {
	position: absolute;
	bottom: 230px;
	left: 0;
	right: 0;
}
.section02 p.inquiryBtn {
	position: absolute;
	bottom: 120px;
	left: 0;
	right: 0;
}
.section02 .telBox {
	position: absolute;
	bottom: 40px;
	left: 0;
	right: 0;
	background-color: #2e3192;
	border-radius: 8px;
	margin-left: auto;
	margin-right: auto;
	width: 500px;
	height: 80px;
	-webkit-transition: 0.1s ease-in-out;
	-moz-transition: 0.1s ease-in-out;
	-o-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;
}
.section02 .telBox:hover {
	opacity: 0.7 !important;
	filter: alpha(opacity=70) !important;
}
.section02 .telBox a {
	display: block;
	color: #FFF;
	line-height: 80px;
	font-weight: normal;
	font-size: 35px;
	text-align: center;
	padding-left: 36px;
	background-image: url(images/icon_tel.png);
	background-repeat: no-repeat;
	background-position: 90px center;
	background-size: 36px 36px;
}
.section03 {
	background-color: #edfafb;
}
.section03 .inner {
	height: 470px;
}
.section03 h2 {
	text-align: center;
	padding-top: 60px;
	padding-bottom: 40px;
}
.section03 p {
	color: #2E3192;
	text-align: center;
}
.section03 p.lastP {
	position: absolute;
	margin-bottom: 0px !important;
	line-height: 0px !important;
	bottom: 0;
	left: 0;
	right: 0;
}
.section04 {
	padding-bottom: 10px;
}
.section04 .inner {
	height: 580px;
	background-image: url(../images/section04_img01.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.section04 h2 {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 20px;
}
.section04 p {
	text-align: center;
}
.section04 p.lastP {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.section04  .balloon {
	width: 238px;
	height: 159px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 170px;
	margin-left: auto;
	margin-right: auto;
}
.section05 {
	background-color: #edfafb;
}
.section05 .inner {
	height: 590px;
}
.section05 h2 {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 20px;
}
.section05 p {
	padding-bottom: 10px;
	text-align: center;
}
.section05 .leftBox {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 400px;
	height: 340px;
	background-image: url(../images/section05_img01.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.section05 .centerBox {
	position: absolute;
	left: 400px;
	bottom: 0;
	width: 350px;
	height: 340px;
	background-image: url(../images/section05_img02.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.section05 .rightBox {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 150px;
	height: 340px;
	background-image: url(../images/section05_img03.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.section05 .leftBox .balloon {
	position: absolute;
	left: 0;
	top: 40px;
}
.section05 .centerBox .balloon {
	position: absolute;
	left: 0;
	top: 0;
}
.section05 .rightBox .balloon {
	position: absolute;
	left: -140px;
	top: 40px;
}
.section06 {
}
.section06 .inner {
	height: 590px;
}
.section06 h2 {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 20px;
}
.section06 h3 {
	height: 65px;
}
.section06 p {
	padding-bottom: 10px;
	text-align: left;
}
.section06 .leftBox {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 270px;
	height: 230px;
}
.section06 .centerBox {
	position: absolute;
	left: 360px;
	bottom: 0;
	width: 270px;
	height: 230px;
}
.section06 .rightBox {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 270px;
	height: 230px;
}
.section06 .leftBox .balloon {
	position: absolute;
	left: 40px;
	top: -240px;
}
.section06 .centerBox .balloon {
	position: absolute;
	left: 40px;
	top: -240px;
}
.section06 .rightBox .balloon {
	position: absolute;
	left: 40px;
	top: -240px;
}
.section07 {
	background-color: #009fe8;
}
.section07 .inner {
	height: 290px;
}
.section07 h2 {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 20px;
}
.section07 h3 {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 10px;
}
.section07 p {
	color: #FFF;
	text-align: center;
}
.section07 p.plus {
	padding-top: 28px;
}
.section07 .leftBox {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 460px;
	height: 123px;
}
.section07 .leftBox p {
	text-align: right !important;
}
.section07 .rightBox {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 460px;
	height: 123px;
}
.section07 .rightBox p {
	text-align: left !important;
}
.section07 p.cautionP {
	position: absolute;
	top: 210px;
	right: 0;
}
.section07 p.lastP {
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
}
.section07 p.inquiryBtn {
	position: absolute;
	bottom: 40px;
	left: 0;
	right: 0;
}
.section08 {
	background-color: #edfafb;
}
.section08 .inner {
	height: 410px;
}
.section08 h2 {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 20px;
}
.section08 .sec08_ba01,
.section08 .sec08_ba02,
.section08 .sec08_ba03,
.section08 .sec08_ba04,
.section08 .sec08_ba05 {
	display: inline-block;
}
.section08 #balloon10,
.section08 #balloon11,
.section08 #balloon12,
.section08 #balloon13,
.section08 #balloon14 {
	display: inline-block;
	width: 190px;
	height: 139px;
	text-indent:-9999px;
	background-repeat: no-repeat;
	background-position: left top;
}
.section08 .balloon {
	margin-top: 60px;
}
.section08 #balloon10 {
	background-image: url(../images/section08_img01_balloon.png);
}
.section08 #balloon11 {
	background-image: url(../images/section08_img02_balloon.png);
}
.section08 #balloon12 {
	background-image: url(../images/section08_img03_balloon.png);
}
.section08 #balloon13 {
	background-image: url(../images/section08_img04_balloon.png);
}
.section08 #balloon14 {
	background-image: url(../images/section08_img05_balloon.png);
}
.section09 {
	text-align: center;
	padding-top: 70px;
	padding-bottom: 0px;
}




@media screen and (max-width: 800px) {
	.section01 {
		background-color: #edfafb;
	}
	.section01 .inner {
		height: auto;
	}
	.section01 h2 {
		text-align: center;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.section01 p {
		padding-left: 10px;
		padding-right: 10px;
	}
	.section01 h2 img {
		width: 95%;
		height: auto;
	}
	.section01 p {
		color: #009FE8;
		text-align: left;
	}
	.section01 .leftBox {
		position: relative;
		left: auto;
		bottom: auto;
		width: 98%;
		height: 190px;
		background-image: url(../images/section01_img01.png);
		background-repeat: no-repeat;
		background-position: right bottom;
		background-size: 216px 190px;
	}
	.section01 .rightBox {
		position: relative;
		right: auto;
		bottom: auto;
		width: 98%;
		height: 230px;
		background-image: url(../images/section01_img02.png);
		background-repeat: no-repeat;
		background-position: right bottom;
		background-size: 142px 203px;
	}
	.section01 .leftBox .balloon {
		position: absolute;
		left: 20px;
		bottom: 100px;
	}
	.section01 .leftBox .balloon img {
		width: 132px;
		height: auto;
	}
	.section01 .rightBox .balloon {
		position: absolute;
		left: 20px;
		bottom: 100px;
	}
	.section01 .rightBox .balloon img {
		width: 151px;
		height: auto;
	}
	.section02 {
		background-color: #009fe8;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.section02 .inner {
		height: auto;
	}
	.section02 h2 {
		text-align: center;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-bottom: 20px;
	}
	.section02 h2 img {
		width: 176px;
		height: auto;
	}
	.section02 p {
		color: #FFF;
		text-align: center;
		padding-left: 10px;
		padding-right: 10px;
	}
	.section02 .leftBox {
		position: relative;
		left: auto;
		bottom: auto;
		width: 100%;
		height: auto;
	}
	.section02 .rightBox {
		position: relative;
		right: auto;
		bottom: auto;
		width: 100%;
		height: auto;
	}
	.section02 .leftBox img,
	.section02 .rightBox img {
		width: 300px;
		height: auto;
	}
	.section02 p img {
		width: 30px;
		height: auto;
	}
	.section02 p.lastP {
		position: relative;
		bottom: auto;
		left: auto;
		right: auto;
	}
	.section02 p.inquiryBtn {
		position: relative;
		bottom: auto;
		left: auto;
		right: auto;
		margin-top: 30px;
	}
	.section02 .telBox {
		position: relative;
		bottom: auto;
		left: auto;
		right: auto;
		background-color: #2e3192;
		border-radius: 8px;
		margin-left: auto;
		margin-right: auto;
		width: 260px;
		height: 48px;
		-webkit-transition: 0.1s ease-in-out;
		-moz-transition: 0.1s ease-in-out;
		-o-transition: 0.1s ease-in-out;
		transition: 0.1s ease-in-out;
	}
	.section02 .telBox:hover {
		opacity: 0.7 !important;
		filter: alpha(opacity=70) !important;
	}
	.section02 .telBox a {
		display: block;
		color: #FFF;
		line-height: 48px;
		font-weight: normal;
		font-size: 18px;
		text-align: center;
		padding-left: 20px;
		background-image: url(images/icon_tel.png);
		background-repeat: no-repeat;
		background-position: 50px center;
		background-size: 18px 18px;
	}
	.section03 {
		background-color: #edfafb;
	}
	.section03 .inner {
		height: auto;
	}
	.section03 h2 {
		text-align: center;
		padding-top: 30px;
		padding-bottom: 10px;
	}
	.section03 h2 img {
		height: 17px;
		width: auto;
	}
	.section03 p {
		color: #2E3192;
		text-align: center;
	}
	.section03 p.lastP {
		position: relative;
		margin-bottom: 0px !important;
		line-height: 0px !important;
		bottom: auto;
		left: auto;
		right: auto;
		overflow: hidden
	}
	.section03 p.lastP img {
		width: 120%;
		height: auto;
		margin-left: -20%;
	}
	.section04 {
		padding-bottom: 60px;
	}
	.section04 .inner {
		height: auto;
		background-image: url(../images/section04_img01.png);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 320px 157px;
		padding-bottom: 170px;
	}
	.section04 h2 {
		text-align: center;
		padding-top: 40px;
		padding-bottom: 20px;
	}
	.section04 h2 img {
		height: 17px;
		width: auto;
	}
	.section04 p {
		color: #938d8a;
		text-align: left;
		font-size: 90%;
		padding-left: 10px;
		padding-right: 10px;
	}
	.section04 p.lastP {
		color: #009fe8;
		position: absolute;
		bottom: -60px;
		left: 0;
		right: 0;
		padding-left: 10px;
		padding-right: 10px;
	}
	.section04  .balloon {
		width: 119px;
		height: 80px;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 80px;
		margin-left: auto;
		margin-right: auto;
	}
	.section04  .balloon img {
		width: 119px;
		height: 80px;
	}
	.section05 {
		background-color: #edfafb;
	}
	.section05 .inner {
		height: auto;
	}
	.section05 h2 {
		text-align: center;
		padding-top: 30px;
		padding-bottom: 20px;
	}
	.section05 h2 img {
		height: 17px;
		width: auto;
	}
	.section05 p {
		color: #938d8a;
		font-size: 90%;
		padding-bottom: 10px;
		text-align: left;
		padding-left: 10px;
		padding-right: 10px;
	}
	.section05 .leftBox {
		position: relative;
		left: auto;
		bottom: auto;
		width: 153px;
		height: 170px;
		margin-left: auto;
		margin-right: auto;
		background-image: url(../images/section05_img01.png);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 153px 121px;
	}
	.section05 .centerBox {
		position: relative;
		left: auto;
		bottom: auto;
		width: 153px;
		height: 200px;
		margin-left: auto;
		margin-right: auto;
		background-image: url(../images/section05_img02.png);
		background-repeat: no-repeat;
		background-position: right bottom;
		background-size: 97px 146px;
	}
	.section05 .rightBox {
		position: relative;
		right: auto;
		bottom: auto;
		width: 153px;
		height: 170px;
		margin-left: auto;
		margin-right: auto;
		background-image: url(../images/section05_img03.png);
		background-repeat: no-repeat;
		background-position: right bottom;
		background-size: 53px 129px;
	}
	.section05 .leftBox .balloon {
		position: absolute;
		left: -20px;
		top: 20px;
	}
	.section05 .centerBox .balloon {
		position: absolute;
		left: -20px;
		top: 20px;
	}
	.section05 .rightBox .balloon {
		position: absolute;
		left: 0px;
		top: 20px;
	}
	.section05 .balloon img {
		width: 95px;
		height: auto;
	}
	.section06 {
	}
	.section06 .inner {
		height: auto;
	}
	.section06 h2 {
		text-align: center;
		padding-top: 30px;
		padding-bottom: 20px;
	}
	.section06 h2 img {
		height: 17px;
		width: auto;
	}
	.section06 h3 {
		height: auto;
		padding-left: 10px;
		padding-right: 10px;
	}
	.section06 p {
		padding-bottom: 10px;
		text-align: left;
		color: #938d8a;
		font-size: 90%;
		padding-left: 10px;
		padding-right: 10px;
	}
	.section06 .leftBox {
		position: relative;
		left: auto;
		bottom: auto;
		width: 100%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	.section06 .centerBox {
		position: relative;
		left: auto;
		bottom: auto;
		width: 100%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	.section06 .rightBox {
		position: relative;
		right: auto;
		bottom: auto;
		width: 100%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	.section06 .leftBox h3 span {
		color: #009fe8;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.section06 .centerBox h3 span {
		color: #2e60cb;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.section06 .rightBox h3 span {
		color: #2e3192;
		font-weight: bold ;
		margin-bottom: 10px;
	}
	.section06 .leftBox .balloon {
		position: relative;
		left: auto;
		top: auto;
	}
	.section06 .centerBox .balloon {
		position: relative;
		left: auto;
		top: auto;
	}
	.section06 .rightBox .balloon {
		position: relative;
		left: auto;
		top: auto;
		width: 80px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	.section06 .balloon {
		width: 80px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
		margin-bottom: 10px;
	}
	.section06 .balloon img {
		width: 80px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	.section07 {
		background-color: #009fe8;
	}
	.section07 .inner {
		height: auto;
	}
	.section07 h2 {
		text-align: center;
		padding-top: 30px;
		padding-bottom: 20px;
	}
	.section07 h2 img {
		height: 17px;
		width: auto;
	}
	.section07 h3 {
		text-align: center;
		padding-top: 0px;
		padding-bottom: 10px;
	}
	.section07 h3 img {
		width: 178px;
		height: auto;
	}
	.section07 p {
		color: #FFF;
		text-align: left;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 90%;
	}
	.section07 p.plus {
		padding-top: 0px;
		padding-left: 10px;
		padding-right: 10px;
		text-align: center;
	}
	.section07 .leftBox {
		position: relative;
		left: auto;
		bottom: auto;
		width: 100%;
		height: auto;
		margin-top: 30px;
	}
	.section07 .leftBox p {
		text-align: center !important;
	}
	.section07 .leftBox p img {
		width: 300px;
		height: 53px;
	}
	.section07 .rightBox {
		position: relative;
		right: auto;
		bottom: auto;
		width: 100%;
		height: auto;
	}
	.section07 .rightBox p {
		text-align: center !important;
	}
	.section07 .rightBox p img {
		width: 300px;
		height: 53px;
	}
	.section07 p.cautionP {
		position: relative;
		top: auto;
		right: auto;
		text-align: right !important;
	}
	.section07 p.lastP {
		position: relative;
		bottom: auto;
		left: auto;
		right: auto;
		padding-bottom: 30px;
		margin-bottom: 0px !important;
		font-size: 70%;
		text-align: center;
	}
	.section07 p.inquiryBtn {
		position: absolute;
		bottom: 40px;
		left: 0;
		right: 0;
	}
	.section08 {
		background-color: #edfafb;
	}
	.section08 .inner {
		height: auto;
	}
	.section08 h2 {
		text-align: center;
		padding-top: 30px;
		padding-bottom: 20px;
	}
	.section08 h2 img {
		height: 17px;
		width: auto;
	}
	.section08 .sec08_ba01,
	.section08 .sec08_ba02,
	.section08 .sec08_ba03,
	.section08 .sec08_ba04,
	.section08 .sec08_ba05 {
		display: block;
		text-align: center;
	}
	.section08 #balloon10,
	.section08 #balloon11,
	.section08 #balloon12,
	.section08 #balloon13,
	.section08 #balloon14 {
		display: block;
		width: 149px;
		height: 155px;
		text-indent:-9999px;
		background-repeat: no-repeat;
		background-position: left top;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
	}
	.section08 .balloon {
		margin-top: 0px;
	}
	.section08 #balloon10 {
		background-image: url(../images/section08_img01_balloon_sp.png);
		background-size: 149px 155px;
	}
	.section08 #balloon11 {
		background-image: url(../images/section08_img02_balloon_sp.png);
		background-size: 149px 155px;
	}
	.section08 #balloon12 {
		background-image: url(../images/section08_img03_balloon_sp.png);
		background-size: 149px 155px;
	}
	.section08 #balloon13 {
		background-image: url(../images/section08_img04_balloon_sp.png);
		background-size: 149px 155px;
	}
	.section08 #balloon14 {
		background-image: url(../images/section08_img05_balloon_sp.png);
		background-size: 149px 127px;
	}
	.section09 {
		text-align: center;
		padding-top: 40px;
		padding-bottom: 0px;
	}
}