@charset "utf-8";

*{
	box-sizing: border-box;
	font-size: 16px;
}

/*大きさの計算*/
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
_::-webkit-full-page-media,
_:future,
:root 



/*iOSフォーム要素の初期化*/
input, button, textarea, select {
	-webkit-appearance: none;
	appearance: none;
}

body {
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%; /*スマホ横向き時のフォントサイズ*/
	text-size-adjust: 100%; /*スマホ横向き時のフォントサイズ*/
	-webkit-font-feature-settings: 'palt';/*文字詰め*/
	font-feature-settings: 'palt';/*文字詰め*/
}

body *{
  box-sizing: inherit; /* box-sizingの値は継承されないので明示的に設定 */
  width: 100%;
}

img {
	border: 0;
	vertical-align: bottom;
	width: 100%;
}

.lp-content{
	max-width: 750px;
	margin: 0 auto;
	background: white;
}



.cta{
	position: relative;
}

.shiny-btn{
	position: absolute;
	max-width: 95%;
	bottom:8%;
	left: 0;
	right: 0;
	margin: auto;
	color: #ffffff;
    overflow: hidden;
}

.shiny-btn::after {
    content: '';
    position: absolute;
    left: -100px;
    width: 50px;
    height: 50px;
    background-image: linear-gradient(100deg,  rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 0%);
    
    /* アニメーション */
    animation-name: shiny;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}
.btntop{
	position: absolute;
	z-index: 1;
	max-width: 40%;
	bottom: 71%;
	left: 0;
	right: 0;
	margin: auto;
}

@keyframes shiny {
    0% {
        transform: scale(0) rotate(25deg);
        opacity: 0;
    }

    50% {
        transform: scale(1) rotate(25deg);
        opacity: 1;
    }

    100% {
        transform: scale(50) rotate(25deg);
        opacity: 0;
    }
}

.cta2{
	position: relative;
}

.shiny-btn2 {
    position: absolute;
	bottom: 10%;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 95%;
    color: #ffffff;
    overflow: hidden;
}

.shiny-btn2::after {
    content: '';
    position: absolute;
    left: -100px;
    width: 50px;
    height: 50px;
    background-image: linear-gradient(100deg,  rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 0%);
    
    /* アニメーション */
    animation-name: shiny;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.btntop2{
	position: absolute;
	z-index: 1;
	max-width: 40%;
	bottom: 72%;
	left: 0;
	right: 0;
	margin: auto;
}

.lp-content
{
	background-color: #1D150C;
}

.aga{
	background-color: #f8f8f8;
}

a:hover {
    opacity: 0.8;
}

/***フッター***/
.footer-section {
    background: lightgrey; 
	padding: 2rem;
	text-align: center;
}

.footer-menu {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-bottom: 10px;
}

.footer-menu a {
    color: black;
    font-size: 1rem;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

@media screen and (max-width:750px){
.aga{
	margin-top: -1px;}
}