@charset "utf-8";
/* CSS Document */
*{
	box-sizing:border-box;
	padding:0;
	margin:0;
	word-break:normal;
	word-wrap:break-word;

}
body{
	font-family:  'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	background-color:#fff;
	color:#000;
}
img{
	vertical-align:bottom;
	margin:0;
	padding:0;
	border:0;
	max-width:100%;
}
.clearfix:before,
.clearfix:after{
	display: table;
  	content: " ";
}
.clearfix:after{
	clear: both;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}
table {
  background-color: transparent;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
ul li{
	list-style:none;
}
h1,h2,h3,h4,h5,h6,p{
	margin:0px;
}
h1{
	font-size:300%;
}
h2{
	font-size:250%;
}
h3{
	font-size:200%;
}
h4{
	font-size:150%;
}
h5{
	font-size:125%;
}

.fixedcontainer{
	width:1000px;
	margin:0 auto;
	padding:0px;
}
a:visited,
a:link,
a:hover,
a:active,
a:focus{
	outline:none;
	text-decoration:none;
}
a:hover{
	opacity:0.8;
	transition:opacity 0.5s ease;
}
.btn-area:hover{
	opacity:0.8;
	transition:opacity 0.5s ease;
}

.red{
	color:#ed1c24;
}
.bkyellow{
	background-color:#fff100;
}
.bold{
	font-weight:bold;
}
.btline{
	text-decoration:underline;	
}
.underline{
	text-decoration:underline;
}
.text-center{
	text-align:center;
}
.text-left{
	text-align:left;
}
.text-right{
	text-align:right;
}
.visible-sp{
	display:none;
}
.hidden-sp{
	display:block;
}
.visible-xs{
	display:none;
}
.hidden-xs{
	display:block;
}
.visible-500{
	display:none;
}
.hidden-500{
	display:block;
}
/*-------------header----------------------*/
.main{
	background:url(../images/img-1.png) no-repeat top center;
	height:286px;	
}




/*-----------        -----------------*/
.img-btn{
	position:relative;	
}

.img1-btn1{
	position:absolute;
	top:42%;
	left:16%;
	max-width:689px;
	width:69%;	
}

.img1-btn2{
	position:absolute;
	top:72%;
	left:16%;
	max-width:689px;
	width:69%;		
}
.btn-area{
	width:100%;	
}


.img1-btn3{
	position:absolute;
	top:52%;
	left:16%;
	max-width:689px;
	width:69%;		
}

/*-----------        -----------------*/

.img2-btn1{
	position:absolute;
	top:42%;
	left:16%;
	max-width:689px;
	width:69%;	
}

.img2-btn2{
	position:absolute;
	top:72%;
	left:16%;
	max-width:689px;
	width:69%;		
}

.img2-btn3{
	position:absolute;
	top:52.5%;
	left:10%;
	max-width:372px;
	width:38%;			
}
.img2-btn4{
	position:absolute;
	top:52.5%;
	left:53%;
	max-width:372px;
	width:38%;			
}

/*-----------        -----------------*/


.img3-btn3{
	position:absolute;
	top:37%;
	left:10%;
	max-width:372px;
	width:38%;			
}
.img3-btn4{
	position:absolute;
	top:37%;
	left:53%;
	max-width:372px;
	width:38%;			
}
.img3-btn5{
	position:absolute;
	top:67.3%;
	left:32%;
	max-width:372px;
	width:38%;			
}


/*-----------        -----------------*/

.img4-btn3{
	position:absolute;
	top:37%;
	left:10%;
	max-width:372px;
	width:38%;			
}
.img4-btn4{
	position:absolute;
	top:37%;
	left:53%;
	max-width:372px;
	width:38%;			
}
.img4-btn5{
	position:absolute;
	top:63.5%;
	left:10%;
	max-width:372px;
	width:38%;			
}
.img4-btn6{
	position:absolute;
	top:63.5%;
	left:53%;
	max-width:372px;
	width:38%;			
}








.inner{
	padding:10px 0;
	display:-webkit-flex;
    display:-webkit-box;
    display:-moz-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
	justify-content:space-between;
	align-items:center;	
}
.footer-content{
	background-color:#eeeeef;
	font-size:14px;
}
.footer-content a{
	font-size:14px;	
}
a:link, a:visited, a:active{
	color:#000;
	text-decoration:none;
	transition:0.5s;	
}




/*-----------  anima btn      -----------------*/

.animated.infinite{
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
}
.shake{
	-webkit-animation-name:shake;
	animation-name:shake;	
}
.animated{
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}

@keyframes shake {
from {
    -webkit-transform: translate3d(0, 1, 5);
    transform: translate3d(0, 1, 5);
  }
10% {
    -webkit-transform: translate3d(-15px, 0, 0);
    transform: translate3d(-15px, 0, 0);
  }
20% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
30% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
40% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
50% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
60% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }
70% {
    -webkit-transform: translate3d(-2px, 0, 0);
    transform: translate3d(-2px, 0, 0);
  }
80% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
90% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
to {
    -webkit-transform: translate3d(0, 1, 1);
    transform: translate3d(0, 1, 1);
  }
}