@charset "UTF-8";
/* CSS Document */

/* ------------------------------
フォント指定
------------------------------ */

body {
font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}
input {
font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}
textarea {
font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}

/* ------------------------------
Clearfix
------------------------------ */

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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* ------------------------------
サイト共通
------------------------------ */

html{
}

body{

}

h1,h2,h3,h4{
text-indent:-10000px;
overflow:hidden;
}

a{
color:#ed5768;
}

a:hover{
color:#a18f8b;
}

a:hover{
}

p{
	line-height:150%;
	margin:0 0 30px;
}

strong{
	font-weight:bold;
}

h4{
}

p.notice{
	color:#d7373a;
	font-size:90%;	
}

a#scroll_link{
	position: absolute;
	bottom: 20px;
	left: 50%;
	z-index: 2;
	display: inline-block;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	text-decoration: none;
	color: #9a9a9a;
}

a#scroll_link {
	padding-top: 70px;
}
a#scroll_link span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	border-left: 1px solid #9a9a9a;
	border-bottom: 1px solid #9a9a9a;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb 1.5s infinite;
	animation: sdb 1.5s infinite;
	box-sizing: border-box;
}
@-webkit-keyframes sdb {
	0% {
		-webkit-transform: rotate(-45deg) translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-webkit-transform: rotate(-45deg) translate(-20px, 20px);
		opacity: 0;
	}
}
@keyframes sdb {
	0% {
		transform: rotate(-45deg) translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: rotate(-45deg) translate(-20px, 20px);
		opacity: 0;
	}
}


/* ------------------------------
footer
------------------------------ */

div#footer{
	width:960px;
	margin:0 auto 40px;
	position:relative;	
}

div#footer p{
	text-align:center;
	font-size:86%;	
}

/* ------------------------------
CONTENTS
------------------------------ */

div#section0{
	background:url(../../images/sp1/body_bg.png);
}

.header_item1{
 -webkit-animation-duration: 0.3s;
  animation-delay:0.3s;
	-webkit-animation-duration: 3s;
  animation-duration: 3s;
}

.header_item2{
 -webkit-animation-duration: 0.8s;
  animation-delay:0.8s;
	-webkit-animation-duration: 3s;
  animation-duration: 3s;
}

div#section0 h1{
	width:323px;
	height:170px;
	position:relative;
	margin:0 auto 30px;
	background:url(../../images/sp1/top_logo.png) no-repeat;
}

div#section0 h2{
	width:378px;
	height:16px;
	position:relative;
	margin:0 auto;
	background:url(../../images/sp1/top_text.png) no-repeat;
}

div#section1{
	background:#fff51f;	
}

div#section1 h2{
	width:459px;
	height:147px;
	position:relative;
	margin:0 auto 50px;
	background:url(../../images/sp1/sp_title.png) no-repeat;
}

div#section1 h3.sp_text1{
	width:666px;
	height:72px;
	position:relative;
	margin:0 auto 30px;
	background:url(../../images/sp1/sp_text1.png) no-repeat;
}

div#section1 h3.sp_text2{
	width:308px;
	height:145px;
	position:relative;
	margin:0 auto 30px;
	background:url(../../images/sp1/sp_text2.png) no-repeat;
}

div#section1 h3.sp_text3{
	width:729px;
	height:62px;
	position:relative;
	margin:0 auto;
	background:url(../../images/sp1/sp_text3.png) no-repeat;
}

.text_anime1{	
 -webkit-animation-duration: 0.3s;
  animation-delay:0.3s;
}

.text_anime2{	
 -webkit-animation-duration: 0.5s;
  animation-delay:0.5s;
}

.text_anime3{	
 -webkit-animation-duration: 0.7s;
  animation-delay:0.7s;
}

.text_anime4{	
 -webkit-animation-duration: 0.9s;
  animation-delay:0.9s;
}


#section2{
	min-height:100%;
	background:#fff51f;	
}

#section3{
	min-height:100%;
}

#section3 p{
	text-align: center;
	line-height: 180%;
}

#section4{
	background:url(../../images/sp1/body_bg.png);
}


.aza{	
 -webkit-animation-duration: 0.5s;
  animation-delay:0.5s;
}


.slide1{	
 -webkit-animation-duration: 0.2s;
  animation-delay:0.2s;
}

.slide2{	
 -webkit-animation-duration: 0.4s;
  animation-delay:0.4s;
}

.slide3{	
 -webkit-animation-duration: 0.6s;
  animation-delay:0.6s;
}

.animation1{	
 -webkit-animation-duration: 1.2s;
  animation-delay:1.2s;
}

.animation2{	
 -webkit-animation-duration: 1.4s;
  animation-delay:1.4s;
}

.animation3{	
 -webkit-animation-duration: 1.6s;
  animation-delay:1.6s;
}

div.item1{
	background-color:#ededea;
	height: 100%;
	position: relative;
	  width : 33.33333% ;
	  width : -webkit-calc(100% / 3) ;
	  width : calc(100% / 3) ;
	float: left;
}

div.item2{
	background-color:#ece5d5;
	height: 100%;
	position: relative;
	  width : 33.33333% ;
	  width : -webkit-calc(100% / 3) ;
	  width : calc(100% / 3) ;
	float: left;
}

div.item3{
	background-color:#adccc4;
	height: 100%;
	position: relative;
	  width : 33.33333% ;
	  width : -webkit-calc(100% / 3) ;
	  width : calc(100% / 3) ;
	float: left;
}

div.item4{
	background-color:#44454c;
	height: 100%;
	position: relative;
	padding: 0 30px;
}

div.item4 p{
	color: #fff;
	line-height: 180%;
}

div.item4 strong{
	font-size: 143%;
	color: #fff718;
}

div.item4 ul{
	margin: 0 0 20px;
}

div.item4 li{
	color: #fff;
	line-height: 180%;
	text-align: center;
}

div.item5{
	background-color:#f5ffd9;
	height: 100%;
	position: relative;
	padding: 0 30px;
}

div.item5 p{
	color: #4f3b13;
	line-height: 180%;
}

div.item5 strong{
	font-size: 143%;
	color: #bf5271;
	
}

div.item5 h4{
	width:174px;
	height:101px;
	position:relative;
	margin:0 auto 30px;
	background:url(../../images/sp1/sil.png) no-repeat;
}

div.item6{
	background-color:#bcdce1;
	height: 100%;
	position: relative;
	padding: 0 30px;
}

div.item6 p{
	color: #101645;
	line-height: 180%;
}

div.item6 strong{
	font-size: 143%;
	color: #8f6111;
	
}
.text{
	position: relative;
  top: 10%;
  -webkit-transform: translateY(-10%);
  transform: translateY(-10%);
}

p.resize1{
   max-width: 236px;
	position: relative;
	margin: 0 auto 30px;
}


p.resize2{
   max-width: 346px;
	position: relative;
	margin: 0 auto 30px;
}


p.resize3{
   max-width: 368px;
	position: relative;
	margin: 0 auto 30px;
}

img.max_img{
	width: 100%;
	display: block;
}


h3.bland_img1{
	max-width:402px;
	max-height: 214px;
	position:relative;
	margin:0 auto;
	  top: 36%;
	  -webkit-transform: translateY(-36%);
	  transform: translateY(-36%);
}

h3.bland_img2{
	max-width:324px;
	max-height: 238px;
	position:relative;
	margin:0 auto;
	  top: 36%;
	  -webkit-transform: translateY(-36%);
	  transform: translateY(-36%);
}

h3.bland_img3{
	max-width:325px;
	max-height: 226px;
	position:relative;
	margin:0 auto;
	  top: 36%;
	  -webkit-transform: translateY(-36%);
	  transform: translateY(-36%);
}

h4{
	background:url(../../images/sp1/footer.png) no-repeat;
	width: 187px;
	height: 193px;
	margin: 0 auto 30px;
}

#section4 p.notice {
  color:#A18F8B;
  font-size:86%;
  margin:0 auto 10px;
}

#section4 p{
	text-align:center;
	line-height:150%;
	color: #6A6A6A;
}

#section4 p.gree{
	font-size: 106%;
	color: #ba6a58;
	font-weight: bold;
	margin: 0 auto 12px;
}

#section4 a.top_bt{
    width: 171px;
    height: 27px;
    margin: 20px auto 25px;
    background: url(../../images/sp1/top_link_bt.png) no-repeat;
    text-indent: -10000px;
    overflow: hidden;
    display: block;
}

#section4 a.top_bt:hover{
	background-position: 0 -27px;
}