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

/*!----------------
共有スタイル
-----------------*/

/*!Style
-------------------------------------*/
*{box-sizing:border-box}
html{font-size: 16px;color:#000;scroll-behavior: smooth;}
body{margin:0;padding:0;font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";background:url("img/bg.png") no-repeat fixed;}
img{vertical-align:bottom;}
ul{list-style: none;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
a:hover img{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)"}
h1,h2{margin: 0;padding:0;}

.slide_start{animation: slideinTop 0.8s forwards 0.1s;opacity: 0;}
.zoom_start{animation: zoomIn 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;opacity: 0;}

/*!大枠
-------------------------------------*/
#stage{margin:0 auto;padding:0;width:100%;text-align:center;position: relative;}

/*!スマホ枠
-------------------------------------*/
#sp_main{display: flex;flex-direction: column;align-items: center;max-width: 480px;margin: 0 auto;background: #fff;overflow: hidden;}

@media screen and (max-width:480px) {	
#sp_main{max-width: 100%;}
}
	
/*!header
-------------------------------------*/
.lp_header{width: 100%;margin: 0 auto;position: relative;background: url("img/header_bg.jpg") top center no-repeat;background-size:cover;height: 0;padding-top: 60%;}
.lp_header h1{margin: auto;width:90%;max-width:464px;animation: zoomIn 0.8s 0.5s forwards;position: absolute;top:2%;left:0;right:0;opacity: 0;}
.lp_header h1 img{width:100%;}
.lp_header h2{margin: auto;width:90%;max-width:454px;animation: zoomIn 0.8s 1s forwards;position: absolute;top:67%;left:0;right:0;opacity: 0;}
.lp_header img{width:100%;}
.lp_header p.one{margin: 0 auto 2px;width:15%;max-width:44px;animation: slideinTop 0.8s 1.5s forwards;opacity: 0;padding: 0;height: 17px;}
.lp_header p.two{margin: 0 auto 2px;width:15%;max-width:44px;animation: slideinTop 0.8s 1.8s forwards;opacity: 0;padding: 0;height: 17px;}
.lp_header p.three{margin: 0 auto 2px;width:15%;max-width:44px;animation: slideinTop 0.8s 2.1s forwards;opacity: 0;padding: 0;height: 17px;}
.lp_header p img{width:100%;}

/* div.header{padding: 1.4em 0 1em;opacity: 0;}
div.header img{width:100%;} */


/*!main
-------------------------------------*/
.lp_main{width: 100%;margin: 5em auto 0;}

/*!01
-------------------------------------*/
#camp01{width: 100%;margin: 0 auto;background: url("img/main_bg01.jpg") top center no-repeat;background-size: 100%;}
#camp01 h3{margin: auto;width:100%;max-width:480px;text-align: left;opacity: 0;}
#camp01 h3 img{width:100%;}

@media screen and (max-width:480px) {
#camp01 h3{}
}

/*!02
-------------------------------------*/
#camp02{width: 100%;margin: 5em auto 0;padding: 0 0 8em;background: url("img/main_bg02.jpg") top center no-repeat;background-size: 100%;}
#camp02 h3{margin: auto;width:100%;max-width:480px;text-align: left;opacity: 0;}
#camp02 h3 img{width:100%;}

@media screen and (max-width:480px) {
#camp02 h3{}
}

/*!03
-------------------------------------*/
#camp03{width: 100%;margin: 0 auto;padding: 0 0 5em;background:#edffd9 url("img/main_bg03.jpg") bottom center no-repeat;background-size: 100%;}
#camp03 h3{margin: auto;width:100%;max-width:480px;text-align: left;opacity: 0;}
#camp03 h3 img{width:100%;}

@media screen and (max-width:480px) {
#camp03 h3{}
}

/*!04
-------------------------------------*/
#camp04{width: 100%;margin: 0 auto;background: url("img/main_bg04.jpg") center center no-repeat;background-size: 100%;}
#camp04 h3{margin: auto;width:100%;max-width:480px;text-align: left;opacity: 0;}
#camp04 h3 img{width:100%;}

@media screen and (max-width:480px) {
#camp04 h3{}
}

/*!05
-------------------------------------*/
#camp05{width: 100%;margin: 5em auto 0;padding: 0 0 5em;}
#camp05 h3{margin: auto;width:100%;max-width:480px;text-align: left;opacity: 0;}
#camp05 h3 img{width:100%;}

@media screen and (max-width:480px) {
#camp05 h3{}
}



/*!01キャンペーン説明
-------------------------------------*/
#camp_more{margin: 0 0 3em;padding:0;}
#camp_more h3 img{width:100%;max-width:480px;}
#camp_more ul{margin: 0 auto;padding:0;width: 90%;}
#camp_more p{margin: 1em auto;width: 90%;text-align: left;}

#camp_more div.one{margin: 1em auto;padding: 0.5em;width: 90%;background: #66c8e6;}
#camp_more div.one h3{margin: 0;padding: 0 0.5em 0.5em;color:#fff;font-size: 1.4em}
#camp_more div.one h4{margin: 0;padding: 0.5em;background: #fff;color: #66c8e6;}
#camp_more table.one {margin: auto;width:90%;border-collapse:  collapse;}
#camp_more table.one th,#camp_more table.one td {border: solid 1px #66c8e6;}
#camp_more ul.one li{padding: 0.5em;}
#camp_more ul.one li:nth-child(odd){background: #baefff;}

#camp_more div.two{margin: 1em auto;padding: 0.5em;width: 90%;background: #a8b300;}
#camp_more div.two h3{margin: 0;padding: 0 0.5em 0.5em;color:#fff;font-size: 1.4em}
#camp_more div.two h4{margin: 0;padding: 0.5em;background: #fff;color: #a8b300;}
#camp_more table.two {margin: auto;width:90%;border-collapse:  collapse;}
#camp_more table.two th,#camp_more table.two td {border: solid 1px #a8b300;}
#camp_more table.two .bg{background: #f9fcd1;}

#camp_more div.three{margin: 1em auto;padding: 0.5em;width: 90%;background: #66c8e6;}
#camp_more div.three h3{margin: 0;padding: 0 0.5em 0.5em;color:#fff;font-size: 1.4em}
#camp_more div.three h4{margin: 0;padding: 0.5em;background: #fff;color: #66c8e6;}
#camp_more table.three {margin: auto;width:90%;border-collapse:  collapse;}
#camp_more table.three th,#camp_more table.three td {border: solid 1px #66c8e6;}
#camp_more table.three .bg{background: #baefff;}

#camp_more div.four{margin: 1em auto;padding: 0.5em;width: 90%;background: #a8b300;}
#camp_more div.four h3{margin: 0;padding: 0 0.5em 0.5em;color:#fff;font-size: 1.4em}
#camp_more div.four h4{margin: 0;padding: 0.5em;background: #fff;color: #a8b300;}
#camp_more ul.four li{padding: 0.5em;}
#camp_more ul.four li:nth-child(odd){background: #f9fcd1;}

#camp_more div.five{margin: 1em auto;padding: 0.5em;width: 90%;background: #66c8e6;}
#camp_more div.five h3{margin: 0;padding: 0 0.5em 0.5em;color:#fff;font-size: 1.4em}
#camp_more div.five h4{margin: 0;padding: 0.5em;background: #fff;color: #66c8e6;}
#camp_more table.five {margin: auto;width:90%;border-collapse:  collapse;}
#camp_more table.five th,#camp_more table.five td {border: solid 1px #66c8e6;}
#camp_more ul.five li{padding: 0.5em;}
#camp_more ul.five li:nth-child(odd){background: #ffd7fe;}
#camp_more table.five .bg{background: #baefff;}



@media screen and (max-width:480px) {
#camp_more div.one h3,
#camp_more div.two h3{font-size: 1.2em}
}

/*!footer
-------------------------------------*/
/* footer{font-size: 0.8em;text-align: center;padding: 0.5em 0;color: #fff;background: #a8b300;width:100%;} */


/*!アニメーション
-------------------------------------*/

/*上から下*/
@keyframes slideinTop{
  0% {transform: translateY(-50px);}
  100% {transform: translateY(0);opacity: 1;}
}


/*ズームイン*/
@keyframes zoomIn {
  0% {transform: scale(0.8);opacity: 0;}
  100% {opacity: 1;transform: scale(1);}
}