@charset "utf-8";
/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none;}table{border-collapse:collapse;border-spacing:0;}img{vertical-align:bottom;}input[type="text"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border:none;}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border:none;cursor:pointer;background:none;padding:0;}h1,h2,h3,h4,h5,h6{font:inherit;}
/*================================================
 *  一般・共通設定
 ================================================*/
:root {
	--sceneOne:#FFDBE8;
	--sceneTwo:#FFF;
	--sceneF:#F00;
	--white:#FFF;
}
html {
	font-size:62.5%;
}
body {
	background:var(--sceneTwo);
	font-size:1rem;
	line-height:1;
	color:;
	font-weight:400;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	text-size-adjust:100%;
	font-family:"メイリオ","ヒラギノ明朝 Pro", "游明朝体", "Yu Mincho", YuMincho, "MS P明朝", "MS PMincho", serif;
}
*, *:before, *:after {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
}
.mplus1p {
	font-family:"M PLUS 1 Code", monospace;
	font-optical-sizing:auto;
	font-weight:<weight>;
	font-style:normal;
}
.BIZUDPGothic {
	font-family:"BIZ UDPGothic", monospace;
	font-optical-sizing:auto;
	font-weight:<weight>;
	font-style:normal;
}
.noto-sans-jp {
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
}
.inner {
	width:1000px;
	margin:0 auto;
}
a {
	text-decoration:none;
	transition:all ease-in-out 0.5s;
}
@media screen and (max-width:640px) {
.inner {
	width:100%;
}
}
/*================================================
 *  ヘッダー
 ================================================*/



@media screen and (max-width:640px) {
}
/*================================================
 *  メイン
 ================================================*/
.scene1 {
	background:var(--sceneOne);
}
.scene2 {
	background:url(../images/entry_bg.jpg) center center no-repeat;
}
.scene3 {
	background:var(--sceneTwo);
}
.entry {
	position:relative;
	text-align:center;
}
.entry img {
	width:100%;
	line-height:0;
}
.ofp {
	position:absolute;
	top:42%;
	left:0;
	width:100%;
	transform:translateY(-42%);
}
.ofp img {
	width:100%;
	line-height:0;
}
.btn {
	position:absolute;
	bottom:11%;
	left:50%;
	width:800px;
	transform:translateX(-50%);
}
.btn img {
	width:100%;
	line-height:0;
}
.step {
	position:relative;
}
.step img {
	width:100%;
	line-height:0;
}
.step .step_box {
	position:absolute;
	width:646px;
}
.step .step_box.one {
	top:22%;
	left:50%;
	transform:translate(-50%, -22%);
}
.step .step_box.two {
	top:58%;
	left:50%;
	transform:translate(-50%, -58%);
}
.step .step_box.three {
	bottom:100px;
	left:50%;
	transform:translateX(-50%);
}
.recommend {
	text-align:center;
}
.recommend img {
	width:auto;
	line-height:0;
}
.participate {
	position:relative;
	text-align:center;
}
.participate img {
	width:auto;
	line-height:0;
}
.participate span {
	position:absolute;
	content:"";
	top:0;
	left:0;
	right:0;
	display:inline-block;
	width:100%;
}
.participate span img {
	width:100%;
	line-height:0;
}
.head img {
	width:100%;
	line-height:0;
}
.talk {
	text-align:center;
	padding-bottom:100px;
}
.talk img {
	width:auto;
	line-height:0;
}
@media screen and (max-width:640px) {

.scene2 {
	background:url(../images/entry_bg.jpg) center center no-repeat;
	background-size:auto 100%;
}
.ofp {
	position:absolute;
	top:42%;
	left:0;
	width:100%;
	transform:translateY(-42%);
}
.btn {
	position:absolute;
	bottom:10%;
	left:50%;
	width:80%;
	transform:translateX(-50%);
}
.step .step_box {
	width:65%;
}
.step .step_box.one {
	top:22%;
	left:50%;
	transform:translate(-50%, -22%);
}
.step .step_box.two {
	top:58%;
	left:50%;
	transform:translate(-50%, -58%);
}
.step .step_box.three {
	bottom:5%;
	transform:translate(-50%, 5%);
}
.recommend img {
	width:100%;
}
.participate img {
	width:60%;
}

.talk {
	padding-bottom:5em;
}
.talk img {
	width:80%;
}
}
/*================================================
 *  フッター
 ================================================*/
footer {
	background:var(--sceneF);
}
.copy {
	color:var(--white);
	text-align:center;
	padding:50px 0;
	margin:100px 0 0;
}
.copy a {
	color:var(--white);
}

@media screen and (max-width:640px) {
.copy {
	color:var(--white);
	text-align:center;
	padding:20px 0;
	margin:50px 0 0;
}
}





/*================================================
 *  アニメーション
 ================================================*/
.animated {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
@-webkit-keyframes heartBeat {
	0%{-webkit-transform:scale(1);transform:scale(1);}
	5%{-webkit-transform:scale(1.3);transform:scale(1.3);}
	10%{-webkit-transform:scale(1);transform:scale(1);}
	14%{-webkit-transform:scale(1.3);transform:scale(1.3);}
	24%{-webkit-transform:scale(1);transform:scale(1);}
	100%{-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes heartBeat {
	0%{-webkit-transform:scale(1);transform:scale(1);}
	5%{-webkit-transform:scale(1.3);transform:scale(1.3);}
	10%{-webkit-transform:scale(1);transform:scale(1);}
	14%{-webkit-transform:scale(1.3);transform:scale(1.3);}
	24%{-webkit-transform:scale(1);transform:scale(1);}
	100%{-webkit-transform:scale(1);transform:scale(1);}
}
.heartBeat {
	animation:heartBeat 3s linear infinite;
	transform-origin:50% 50%;
}
@-webkit-keyframes slideInDown {
	0%{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}
	to{-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes slideInDown {
	0%{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}
	to{-webkit-transform:translateZ(0);transform:translateZ(0)}
}
.slideInDown {
	opacity:1;
	-webkit-animation-name:slideInDown;
	animation-name:slideInDown
}
@-webkit-keyframes flash {
	from,50%,to{opacity:1;}
	25%,75%{opacity:0;}
}
@keyframes flash {
	from,50%,to{opacity:1;}
	25%,75%{opacity:0;}
}
.flash {
	-webkit-animation-name:flash;
	animation-name:flash;
	animation-duration:3s;
}