﻿@charset "utf-8";
/* CSS Document */
*{
	margin: 0;
	padding: 0;
} 
body {
	font-size: 16px;
	letter-spacing: 1px;
	font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
}
a{
	text-decoration: none;
}
.cta {
    position: absolute;
}
.cta_box{
    position:relative;
}
#wrap{
  max-width: 562.5px;
  margin: 0 auto;
}
#wrap {
    background: white;
    box-shadow: 0px 0px 20px #00000036;
}
img {
    width: 100%;
    vertical-align: bottom;
}
.box2 .cta {
    padding-bottom: 30px;
}
.cta {
    width: 100%;
    text-align: center;
    padding-bottom: 50px;
    bottom: 0;
}
.cta img {
    width: 85%;
}
.cta a {
    display: block;
    transition: all 0.3s;
    margin-top: 20px;
}
.cta a:hover{
	transform:translateY(-5px);
}
.logo {
    text-align: center;
    margin: 20px 0;
}
div#copyright {
    text-align: center;
    color: white;
    background: #141414;
    padding: 10px;
}
div#box1 {
    margin-bottom: 40px;
}
.logo img {
    width: 60%;
}

.box4 {
    margin: 50px 0;
}
.mocchiri {
    animation: yureru-s 2s infinite;
}
@keyframes yureru-s {
    0% {
        transform: translate(2px, 0px);
    }
    5% {
        transform: translate(-2px, 0px);
    }
    10% {
        transform: translate(2px, 0px);
    }
    15% {
        transform: translate(-2px, 0px);
    }
    20% {
        transform: translate(2px, 0px);
    }
    25% {
        transform: translate(-2px, 0px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}