@charset "UTF-8";
/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}
/*================================================
 *  一般・共通設定
 ================================================*/
html {
	font-size:62.5%; /*ベースを10pxにしています*/
}
* {
	box-sizing:border-box;
}
a {
 color:#000;
}
/*================================================
 *  フロート回避
 ================================================*/
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}
/*================================================
 *  
 ================================================*/
@media screen and (min-width:751px) {
/*画面幅が751px以上の時*/
body {
	width:750px;
	margin:0 auto;
}
}
/*================================================
 *  
 ================================================*/
div {
	width:100%;
	line-height:0;
}
div img {
	width:100%;
	line-height:0;
}
.entry_box {
	background:#19bb03;
	padding:2.42vw 4.93% 3.865vw;
}
.tab {
	position:relative;
}
.tab span {
	position:absolute;
	left:0;
	bottom:0;
}
.tab span img {
	width:50%;
	line-height:0;
}
@media screen and (max-width:360px) {
   /*画面幅が360px以下の時*/
.tab span img {
	width:43%;
	line-height:0;
}
}
@media (min-width: 361px) and (max-width: 411px) {
   /* ここに幅が361px～411pxまでの CSS を記述 */
.tab span img {
	width:45%;
	line-height:0;
}
}
@media screen and (min-width:751px) {
/*画面幅が751px以上の時*/
.tab span img {
	width:90%;
	line-height:0;
}
}
.entry_box2 {
	background:#ffffcd;
	padding:0 5.33% 3.865vw;
}
@media screen and (min-width:751px) {
/*画面幅が751px以上の時*/
.entry_box {
	background:#19bb03;
	padding:10px 7.93% 30px;
}
}
/*	ボタンのアニメーション1	*/
.yureru-js {
	animation: yureru-js 1.25s infinite;
}
@keyframes yureru-js {
 0% {transform: scale(1.0, 1.0) translate(0%, 0%);}
 20% {transform: scale(1.0, 1.05) translate(-2%, -1.5%) skew(3deg, 0deg);}
 50% {ttransform: scale(1.0, 0.95) translate(2%, 1.5%) skew(-3deg, 0deg);}
 65% {transform: scale(1.0, 1.02) translate(0.5%, -0.5%) skew(-1.5deg, 0deg);}
 80% {transform: scale(1.0, 0.975) translate(-0.5%, 0.5%) skew(1.5deg, 0deg);}
 100% {transform: scale(1.0, 1.0) translate(0%, 0%);}
}
/*	ボタンのアニメーション2	*/

/*	ボタンのアニメーション2	*/
.arrow-js {
	animation: arrow-js 1.5s infinite;
}
@keyframes arrow-js {
 0% {transform: translate(170%, -18%);}
 100% {transform:  translate(170%, 0);}
}
/*	ボタンのアニメーション2	*/

/*	ボタンのアニメーション3	*/
.entry-js {
	animation: entry-js 1.5s infinite;
}
@keyframes entry-js {
 0% {transform:scale(1, 1);}
 45% {transform:scale(.95, .95);}
 100% {transform:scale(1.02, 1.02);}
}
/*	ボタンのアニメーション3	*/

/*================================================
 *  
 ================================================*/
footer {
	padding-top:3vh;
	padding-bottom:22vh;
	text-align:center;
}
footer p {
	font-size:2.9vw;
	padding-top:2.9vw;
}
button {
	border:none;
}
.fixed_btn {
	position:fixed;
	bottom:0;
	left:0; 
	padding:0;
}
@media screen and (min-width:751px) {
footer p {
	font-size:14px;
	padding-top:20px;
}
}


.info_bg {
	background:#ffffcd;
	padding-top:2.9vw;
}
ul.info {
	font-size:2.9vw;
	line-height:1.3;
}
ul.info li {
	padding:0.5rem 4% 0.2rem;
	border-bottom:solid 1px #f9f9aa;
}
@media screen and (min-width:751px) {
ul.info {
	font-size:14px;
	line-height:1.3;
}
}