@charset "UTF-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	text-align:center;
	font-family:"ヒラギノ丸ゴ Pro W3", "Hiragino maru Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	list-style:none;
}

#mainContents {
	width: 90%;
	margin: 0 auto;
	padding:1px;
	background:center 10% url(point20220804.png) no-repeat;
	background-size: 100%;
	background-size:contain;
}

#mainContents .logo img {
	max-width:500px;
	width:60%;
	margin:45% auto 10%;
	display:block;
}

a { text-decoration:none; }
a:hover { text-decoration:none; }

p {
	letter-spacing:0.3em;
	color:#333333;
	font-size:0.7em;
	width:auto;
}

#mainContents .main-btn {
	display:block;
	width:500px;
	height:93px;
	margin:10px auto 10px;
	background:center 10% url(btn.png) no-repeat;
	background-size: 100%;
	background-size:contain;
}

#mainContents .main-btn  a {
	/*font-size:3em;
	line-height:2.6em;
	letter-spacing:0.4em;*/
	text-indent:-9999px;
	white-space:nowrap;
	display:block;
	width:100%;
	height:100%;
	margin:10px auto 0;
	color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	}

 #mainContents .non-btn a {
	width: inherit;
	margin:25px auto 0px;
	color:#DB2D8B;
	font-weight:bold;
	font-size:0.9em;
	letter-spacing:0.35em;
	border-bottom:1px solid rgba(222,45,138,0.85);
	display:inline-block;
}

footer {
	display:block;
	padding:10px 0 0 0;
	text-align:center;
	letter-spacing:0.4em;
	color:#333333;
	font-size:0.8em;
	line-height:1.2em;
}

h3 {
	font-size:16px;
	 padding-bottom:0px;
	color:#333;
	text-shadow:0px 0px 5px rgba(255,255,255,1);
	-ms-filter:"progid:DXImageTransform.Microsoft.Glow(Color = #FFFFFF ,Strength = 5)";zoom:1;
	filter:progid:DXImageTransform.Microsoft.Glow(Color = #FFFFFF ,Strength = 5);
	 }
/*------------------------------------------------------------------------------------------
	Layout:PC(824px~)
------------------------------------------------------------------------------------------*/

@media screen and (min-width:824px) {

#mainContents .logo img {
	max-width:450px;
}

 #mainContents .non-btn a {
	margin:5% auto 10%;
}

}

/*------------------------------------------------------------------------------------------
	Layout:Tablet(640px~824px)
------------------------------------------------------------------------------------------*/

@media screen and (min-width:640px) and (max-width:824px) {

#mainContents .logo img {
	max-width:450px;
	margin-bottom:80px;
}

 #mainContents .non-btn a {
	margin:5% auto 10%;
}
}

/*------------------------------------------------------------------------------------------
	Layout:Mobile(~640px)
------------------------------------------------------------------------------------------*/

@media screen and (max-width:640px) {
#mainContents .logo img {
    display: block;
    max-width:300px;
    width: 60%;
}

#mainContents .main-btn {
	display:block;
	width: inherit;
	height:88px;
	margin:10px auto 10px;
	background:center 15% url(btn.png) no-repeat;
	background-size: 100%;
	background-size:contain;
}
}
/*------------------------------------------------------------------------------------------
	Layout:Mobile(~640px)
------------------------------------------------------------------------------------------*/

@media screen and (max-width:320px) {
#mainContents .non-btn a {
    margin:0% auto 5%;
    font-size:1em;
    line-height: 1.2em;
}
}

/*
==============================================
fadeIn
==============================================
*/

.fadeIn{
	animation-name: fadeIn;
	-webkit-animation-name: fadeIn;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes fadeIn {
	0% {
		transform: scale(0);
		opacity: 0.0;		
	}
	60% {
		transform: scale(1.1);	
	}
	80% {
		transform: scale(0.9);
		opacity: 1;	
	}	
	100% {
		transform: scale(1);
		opacity: 1;	
	}		
}

@-webkit-keyframes fadeIn {
	0% {
		-webkit-transform: scale(0);
		opacity: 0.0;		
	}
	60% {
		-webkit-transform: scale(1.1);
	}
	80% {
		-webkit-transform: scale(0.9);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}		
}