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

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

/*!Style
-------------------------------------*/
*{box-sizing:border-box}
html{font-size: 16px;color:#000;}
body{margin:0;padding:0;font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";}
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;}
.red{font-weight: bold;color:#ff0000;}

/*!大枠
-------------------------------------*/
#stage{margin:0 auto;padding:0;width:100%;text-align:center;position: relative;background: url("img/bg.jpg") top center fixed;background-size:cover;}

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

@media screen and (max-width:480px) {	
#sp_main{max-width: 100%;}
}
	
/*!header
-------------------------------------*/
.lp_header{width: 100%;margin: 0 auto;position: relative;background-size:cover;height: 0;padding-top: 65%;}
.lp_header h1{width:100%;max-width:480px;text-align: left;animation: slideinTop 1s forwards;position: absolute;top:0;left:0;opacity: 0;}
.lp_header h1 img{width:100%;}
.lp_header h2{margin: auto;width:90%;max-width:432px;animation: zoomIn 0.8s 0.5s forwards;position: absolute;top:75%;left:0;right:0;opacity: 0;}
.lp_header img{width:100%;}

div.lp_header_img{opacity: 0;}
div.lp_header_img img{width:100%;}



/*!main
-------------------------------------*/
main{width: 100%;margin: 0 auto;}

/*!01
-------------------------------------*/
#camp01{width: 100%;margin: 0 auto;position: relative;background: url("img/main_bg01.jpg") top center no-repeat;background-size:cover;height: 0;padding-top: 133%;}
#camp01 h3{margin: auto;width:100%;max-width:466px;text-align: left;position: absolute;top:8%;left:0;right:0;opacity: 0;}
#camp01 h3 img{width:100%;}

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

/*!02
-------------------------------------*/
#camp02{width: 100%;margin: 0 auto;position: relative;background: url("img/main_bg02.jpg") top center no-repeat;background-size:cover;height: 0;padding-top: 137%;}
#camp02 h3{margin: auto;width:100%;max-width:466px;text-align: left;position: absolute;top:-34px;left:0;right:0;opacity: 0;z-index: 100;}
#camp02 h3 img{width:100%;}

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

/*!03
-------------------------------------*/
#camp03{width: 100%;margin: 0 auto;position: relative;background: url("img/main_bg03.jpg") top center no-repeat;background-size:cover;height: 0;padding-top: 128%;}
#camp03 h3{margin: auto;width:100%;max-width:463px;text-align: left;position: absolute;top:50px;left:0;right:0;opacity: 0;}
#camp03 h3 img{width:100%;}

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



/*!01キャンペーン説明
-------------------------------------*/
#camp_more{margin: 5em 0 3em;padding:0;}
#camp_more h3 img{width:95%;max-width:453px;}

#camp01_more div.blue{margin: 0 auto;padding: 0.5em;width: 90%;background: #45bffe;}
#camp01_more div.blue h3{margin: 0;padding: 0 0.5em 0.5em;color:#fff;font-size: 1.4em}
#camp01_more div.blue h4{margin: 0;padding: 0.5em;background: #fff;color: #45bffe;}
#camp01_more div.green{margin: 0 auto 0.5em;padding: 0.5em;width: 90%;background: #66b8b0;}
#camp01_more div.green h3{margin: 0;padding: 0 0.5em 0.5em;color:#fff;font-size: 1.4em}
#camp01_more div.green h4{margin: 0;padding: 0.5em;background: #fff;color: #66b8b0;}
#camp01_more table {margin: auto;width:90%;border-collapse:  collapse;}
#camp01_more th,td {border: solid 1px #66b8b0;background: #fff;}
#camp01_more .yellow{background:#fffabd !important;}

#camp02_more div.pink{margin: 3em auto 0.5em;padding: 0.5em;width: 90%;background: #ff7dd3;}
#camp02_more div.pink h3{margin: 0;padding: 0 0.5em 0.5em;color:#fff;font-size: 1.4em}
#camp02_more div.pink h4{margin: 0;padding: 0.5em;background: #fff;color: #ff7dd3;}
#camp02_more ul{margin: 0 auto;padding: 0;width: 90%;}
#camp02_more ul li{padding: 0.5em;background: #fff;}
#camp02_more ul li:nth-child(odd){background: #fde7f6;}

#camp03_more div.purple{margin: 3em auto 0.5em;padding: 0.5em;width: 90%;background: #c773d8;}
#camp03_more div.purple h3{margin: 0;padding: 0 0.5em 0.5em;color:#fff;font-size: 1.4em}
#camp03_more div.purple h4{margin: 0;padding: 0.5em;background: #fff;color: #c773d8;}
#camp03_more a{margin: auto;padding: 0.5em;width: 90%;background: #251654;color:#fff;display: block;border-radius: 50px;}
#camp03_more a:hover{background: #c773d8;}


/*!footer
-------------------------------------*/
footer{font-size: 0.8em;text-align: center;padding: 0.5em 0;color: #fff;background: #FF70A0;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);}
}

.footer {
  padding: 0;
}

.article {
  margin-bottom: 0!important;
}
body {
    background: url(img/bg.jpg) no-repeat fixed;
}