@charset "UTF-8";
/* 本体 */
html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
body {
	line-height: 1;
	background:linear-gradient(to right,#07abcd, #ffffff,#07abcd);
	/*background-color:linear-gradient(to right,#fff000,#00b900,#fff000) ;
	/*background: url("../images/bg.png") repeat;*/
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

}

ul, ol {
	list-style: none;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px; 
}

* html .clearfix {
	height: 1px;
}

header {
	position: relative;
	width: 100%;
	padding:0;
	background: #FFF;
}

header h1 {
	width: 95%;
	margin: 0 auto;
}

.img {
	line-height: 0!important;
}


/***各コンテンツ**/

.content1{
	width:100%;
	margin:0 auto;
}

.content2{
	background-image: url("../img/back3.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	margin:0 auto;
	width:100%;
	padding-bottom:15%;
	margin-top:-5%;
	position: relative;
}

.content3{
	background-image: url("../img/back4.png");
	background-repeat: no-repeat;
	background-size:contain;
	width:100%;
	margin:0 auto;
	text-align: center;
	margin-top:-15%;
	position: relative;
}

.content4{
	background-image: url("../img/back5.png");
	background-repeat: no-repeat;
	background-size:cover;
	width:100%;
	margin:0 auto;
	text-align: center;
	margin-top:-20%;
	z-index:666;
}

.content5{
	background-image: url("../img/back6.png");
	background-repeat: no-repeat;
	background-size:cover;
	width:100%;
	margin:0 auto;
	text-align: center;
	margin-top:-33%;
}


.kuhaku{
	padding:17%;
}

.jouge{
	margin-top:5%;
	margin-bottom:5%;
	/*animation:growIn 1s ease;*/
}
.sec1{
	/*animation: fadeInDown 1s ease;*/
}

.sec2{
	margin-top:-17%;
}

.sec3{
	width:100%;
	margin:0 auto;
	text-align:center;
	/*animation: fadeInLeft 1s ease;*/
	margin-bottom:5%;
	position: relative;
}

.sec3-1{
	width:100%;
	margin:0 auto;
	text-align:center;
}
.sec4{
	width:100%;
	margin:0 auto;
	text-align: center;
	padding-bottom:3%;
	padding-top:18%;
}

.sec5{
	width:100%;
	margin:0 auto;
	text-align: center;
	margin-top:-5%;
	padding-bottom:7%;
}

.sec6{
	width:100%;
	margin:0 auto;
	text-align: center;
}

.myrow1{
	display:-webkit-flex;
	display:flex;
	padding-bottom:28%;
	width:100%;
	margin:0 auto;
	text-align:center;
}
.myrow2{
	display:-webkit-flex;
	display:flex;
	padding-bottom:5%;
}

.myrow{
	width:100%;
	margin:0 auto;
	display:-webkit-flex;
	display:flex;
	text-align: center;
}

.col-1 img{
	width:100%;
	margin:0 auto;
	text-align:center;
}
.mycol-1 img{
	flex:1;
	animation: pulse 3.5s infinite;
}
.mycol-2{flex:2;}
.mycol-3{flex:3;}
.mycol-4{flex:4;}
.mycol-5{flex:5;}
.mycol-6{flex:6;}

/**************/

/*ボタン*/

.btn_frame {
	margin: 0;
	display: block;
	background-size: 100%;
}
.btn_frame2 {
	margin:0;
	display: block;
	background-size: 100%;
}
.btn_a {
	width: 100%;
	padding: 4% 0 0 0;
	margin: 0 auto;
}
/*********/

/*フッター*/
footer {
	border-top:3px solid #00b900;
	padding: 3% 0 0 0;
	position:relative;
	z-index: 9999;
	background: #FFF;
	color: #00b900;
	margin-top:10%;
}
footer a {
	color:#00b900;
	text-decoration: none;
	font-family:'arial black','Yu Gothic';
	font-weight: 700;
}

.praibate {
	text-align: center;
	padding: 0 20px 0 0;
}

.ftcopy {
	text-align: center;
	padding-top:10px;
	padding-bottom:2em;
	color: #00b900;
	font-size: 15px;
}


/* 各アニメーション */
.post .inner {
  -moz-transform: scale(1.0);
  -webkit-transform: scale(1.0);
  -ms-transform: scale(1.0);
  transform: scale(1.0);
  -moz-transition: opacity 1.25s ease, -moz-transform 1s ease;
  -webkit-transition: opacity 1.25s ease, -webkit-transform 1s ease;
  -ms-transition: opacity 1.25s ease, -ms-transform 1s ease;
  transition: opacity 1.25s ease, transform 1s ease;
  position: relative;
  z-index: 2;
}
#one.post .inner {
  opacity: 0;
  transform: translate3d(0, 0, 0);
}
#one.post .inner.current {
  opacity: 1;
  transform: none
}
#two.post .inner {
  opacity: 0;
  transform: translate3d(200px, 0, 0);
}
#two.post .inner.current {
  opacity: 1;
  transform: none
}
#three.post .inner {
  opacity: 0;
  transform: translate3d(-200px, 0, 0);
}
#three.post .inner.current {
  opacity: 1;
  transform: none
}
#four.post .inner {
  opacity: 0;
  transform: translate3d(200px, 0, 0);
}
#four.post .inner.current {
  opacity: 1;
  transform: none
}
.pc,.sp {display: none;}


/****メディアスクリーン設定****/

/* PC */
@media screen and (min-width: 480px) {
  .pc {
	  display: block;
	}

  #wrap {
	width: 800px;
	margin: 0 auto;
	overflow: hidden;
}

	.btn_frame {
		margin: 0;
		display: block;
		background-size: 100%;
	}
	.btn_a {
		width: 90%;
		padding:0;
		margin: 3% auto;
	}
	header span {height: 10px;}




}



/* SP */
@media screen and (max-width:700px){

	#wrap{
		margin: auto;
		width:100%;
		overflow:hidden;
		text-align:center;
	}

  .sp {display: block;}

  .myrow{
	-webkit-flex-direction:column;
	flex-direction:column;
	width:75%;
  }
}

.btn-green img{
	width:100%;
	margin:0 auto;
	margin-top:5%;
	margin-bottom:5%;
	position: relative;
	z-index: 9999;

}