@charset "UTF-8";

*,body,
h1,h2,h3,h4,h5,h6,
ul,ol,li,dl,dt,dd, p
form,legend,pre,blockquote {
	margin:0px;
	padding:0px;
}

ul,li {
	list-style:none;
}


fieldset,img {
	margin:0px;
	padding:0px;
	border:0px;
}

body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333333;
	line-height:1;
	font-size: 13px;
}

a,
a:link {
	color:#03C;
}

a:hover{
	text-decoration:none;
}
address, em {
	font-style: normal;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
section {
	text-align: center;
}
body {
	background-color:#fff; text-align:center;
}

#wrapper {
	max-width: 1500px;
	min-width: 951px;
	width: 100%;
	margin: 0 auto;
}

section>img,
.bg>img {
	min-width: 951px;
}

.mv{
	position: relative;

}

.mv .mv_anm01{
	width: 369px;
    min-width: auto;
    position: absolute;
    right: 317px;
    bottom: 155px;
}

.mv .mv_anm02{
	width: 383px;
	min-width: auto;
	position: absolute;
	right: 265px;
    bottom: 220px;
}

.cv .inner{
	position: relative;
	margin: 0 auto;
}

.cv a{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 104px;
	width: 814px;
}

.cnt03{
	position: relative;
}

.cnt03 a{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 30px;
	width: 814px;
}

.cnt04_anm{
	position: relative;
}

.cnt04_anm01{
	position: absolute;
    bottom: 209px;
    left: 464px;
}

.cnt04_anm02{
	position: absolute;
	bottom: 209px;
    right: 464px;
}

#footer {
	background-color: #01b8ce;
	padding: 40px 10px;
}
#footer a,
#footer address {
	text-decoration: none;
	color: #fff
}
#footer ul {
	display: flex;
	justify-content: center;
	font-size: 21px;
	margin-bottom: 20px;
}
#footer li {
	padding: 5px 20px 5px;
}
#footer li:not(:last-child) {
	border-right: solid 1px #fff;
}
#footer address {
	font-size: 18px;
}


@media screen and (max-width: 1500px) {
	.mv .mv_anm01{
		width: 24.6vw;
		right: 21.133vw;
		bottom: 10.333vw;
	}

	.mv .mv_anm02{
		width: 25.533vw;
		right: 17.667vw;
		bottom: 14.667vw;
	}
	.cv a{
		bottom: 6.933vw;
		width: 54.267vw;
	}

	.cnt03 a{
		bottom: 2vw;
		width: 54.267vw;
	}

	.cnt04_anm01{
		bottom: 13.933vw;
		left: 30.933vw;
		width: 20vw;
	}

	.cnt04_anm02{
		bottom: 13.933vw;
		right: 30.933vw;
		width: 20vw;
	}
}

@media screen and (max-width: 950px) {
	.mv .mv_anm01{
		width: 234px;
		right: 201px;
		bottom: 98px;
	}

	.mv .mv_anm02{
		width: 243px;
		right: 168px;
		bottom: 139px;
	}
	.cv a {
		bottom: 66px;
		width: 530px;
	}

	.cnt03 a{
		bottom: 20px;
		width: 530px;
	}

	.cnt04_anm01{
		bottom: 130px;
		left: 300px;
		width: 180px;
	}

	.cnt04_anm02 {
		bottom: 130px;
		right: 300px;
		width: 180px;
	}
}


/*--- cssアニメーション ここから ---*/
.keyframe {
  animation-name: anim_sc;
  transform: scale(0.95, 0.95);
}

@keyframes anim_sc {
  100% {
    transform: scale(1, 1);
  }
}

.animation01 {
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1.5s;
}

.animation02 {
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 2s;
}

/*--- cssアニメーション ここまで ---*/