@charset "utf-8";


* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	-ms-touch-action: none;
}

body,ul,li {
	padding: 0;
	margin: 0;
	border: 0;
}

p {
	margin: 0 0 30px;
}

img {
	display: block;
}


body {
	font-family: Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Arial, Sans-serif;
	font-size: 30px;
	-webkit-text-size-adjust: 100%;
}




body.android .ios,
body.ios .android {
	display: none;
}



.frame {
	padding: 30px 40px;
}

section.alert {
	background: #ffeded!important;
	color: #ff0000;
    font-size: 25px;
	font-weight: bold;
	padding: 20px 10px;
	text-align: center;
}


section.top {
	background: #00b9ef;
/*
	padding-top: 30px;
*/
	width: 100%;
}

section.top img {
	width: 100%;
}


section:not(.top) {
	/*
	background: #f3f3f3;
	*/
	background: #fff;
	
}

section.announce {
/*
	margin-top: 60px;
*/
	margin-top: 30px;
	text-align: center;
}

section.announce .frame {
	padding-left: 0;
	padding-right: 0;
}

section.announce .title {
	font-size: 30px;
	padding-bottom: 20px;
line-height: 40px;
/*
	white-space: nowrap;
*/
}

section.announce img {
	margin-left: auto;
	margin-right: auto;
}

section.announce .btn-dl {
	display: none;
	margin-bottom: 35px;
width: 340px;
}

body.android .btn-dl.android,
body.ios .btn-dl.ios {
	display: block;
}

section.announce .report {
	font-size: 24px;
	margin-bottom: 30px;
}

section.announce .report-campaign {
	color: #00b9ef;
}

section.point .btn-box-st-wrap a,
section.announce .report-campaign a {
	background: #ffda2a;
	box-sizing: border-box;
	color: #000;
	display: inline-block;
	font-family : "HiraKakuProN-W6", "ヒラギノ角ゴ ProN W6", "ＭＳ Ｐゴシック", sans-serif;
	padding: 20px 20px 20px 50px;
	position: relative;
	text-decoration: none;
	width: 560px;
}

section.point .btn-box-st-wrap a::before,
section.announce .report-campaign a::before {
	border: 8px solid transparent;
	border-top: 8px solid #000;
	content: "";
	height: 0;
	left: 30px;
	position: absolute;
	top: 50%;
	width: 0;
}


section.video {
	text-align: center;
}

section.video a {
	display: inline-block;
	margin: 0 auto;
	position: relative;
	text-decoration: none;
}

section.video a img {
	position: relative;
	z-index: 1;
}
section.video a img.play {
	left: 50%;
	margin: -25px 0 0 -25px;
	position: absolute;
	top: 50%;
	z-index: 2;
}


/*
section.what {
	padding-bottom: 60px;
}
section.what img {
	margin: 0 auto 30px;
}
*/

section.point {
/*
	border-top: solid 2px #ccc;
*/
	text-align: center;
}

section.point .frame {
	padding: 0;
}


section.point .point-wrap {
/*
	border-bottom: solid 2px #ccc;
*/
	padding: 0 40px;
}

section.point .point-wrap .title {
	font-size: 40px;
	margin: 60px 0 30px;
}

section.point .point-wrap .txt {
	background: #fff;
	font-size: 30px;
	margin: 20px 0 30px;
	text-align: left;
}

section.point .point-wrap img {
	margin: 0 auto;
}

section.point .point-wrap a:not(.move) {
	color: #00b9ef;
    font-weight: bold;
}


section.use img {
	margin: 0 auto 20px;
}

section.use img.step1 {
	margin-bottom: 40px;
}

section.use img + .note {
	margin-bottom: 40px;
}

/*
section.campaign {
	border-top: solid 2px #ccc;
}
*/
/*
section.campaign .list {
padding: 0 60px;
}
*/

section.campaign .list a {
	color: #00b9ef;
/*
    color: #000;
*/
	display: block;
/*
	text-decoration: none;
*/
margin-bottom: 45px;
}


section.campaign .list img {
	margin-bottom: 25px;
	width: 100%;
}

section.campaign .list .ttl {
	color: #00b9ef;
	margin-bottom: 25px;
}

/*
section.other .sns {
	border-top: solid 2px #00b9ef;
	border-bottom: solid 2px #00b9ef;
	overflow: hidden;
	padding: 25px 0 35px;
	text-align: center;
	white-space: nowrap;
}

section.other .sns .ttl {
	color: #00b9ef;
}

section.other .sns a {
	display: inline-block;
}
section.other .sns a img {
	display: inline!important;
	width: 205px;
}

section.other .note {
	margin-bottom: 0;
}

section.other .back-top-wrap {
	background: #fff;
	border-top: solid 2px #ccc;
	text-align: center;
}

section.other .back-top-wrap .back-top {
	color: #00b9ef;
	position: relative;
}

section.other .back-top-wrap .back-top::before {
	border: 14px solid transparent;
	border-bottom: 14px solid #00b9ef;
	content: "";
	height: 0;
	left: -35px;
	position: absolute;
	top: -5px;
	width: 0;
}
*/


/*
footer {
	background: #fff;
	border-top: solid 2px #ccc;
	font-size: 24px;
	text-align: center;
}

footer .link-wrap {
	margin-bottom: 15px;
}

footer .link-wrap div {
	margin-bottom: 10px;
}

footer .link-wrap a {
	color: #00b9ef;
}

footer .link-wrap div:nth-child(1) a:first-child {
	display: inline-block;
	margin-right: 25px;
}


footer .link-wrap div:nth-child(1) a:last-child {
	display: inline-block;
	margin-left: 25px;
}
*/



/* android4 bug */
* {
	max-height: 999999px;
}

section.use p,
section.campaign p,
section.campaign .list .ttl,
.note .row div {
	/*
	background-color: #f3f3f3;
	*/
	background-color: #fff;
}

footer p {
	background-color: #fff;
}
/* android4 bug */











/*
.sec-ttl {
	background: #00b9ef;
	color: #fff;
	font-size: 30px;
	padding: 25px 35px;
	text-align: center;
}
*/
.sec-ttl {
	font-size: 40px;
	padding-top: 60px;
	text-align: center;
}

.step-ttl {
	background: #00b9ef;
	color: #ffda2a;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 20px;
	padding: 15px 35px;
	text-align: center;
	
}

.video-wrap {
	text-align: center;
}

.note {
	margin-bottom: 30px;
}
.note .row {
	display: table;
background: #fff;
}

.note .row div {
	/*
	font-size: 24px;
	*/
	display: table-cell;
	vertical-align: top;
}
/*
.note .row div:nth-child(1) {
	width: 30px;
}
*/


.btn-box-wrap {
	text-align: center;
}

.btn-box {
	background: #00b9ef;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-size: 34px;
	padding: 30px 0;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 3px #008ab3;
	width: 530px;
}

/*
section.announce .title,
*/
.btn-box,
.sec-ttl,
section.point .point-wrap .title,
section.announce .report-campaign a,
section.campaign .list .ttl,
section.other .back-top-wrap .back-top {
	font-family : "HiraKakuProN-W6", "ヒラギノ角ゴ ProN W6", "ＭＳ Ｐゴシック", Sans-serif;
}



.sml {
    font-size: 25px;
}

.mdl {
    font-size: 30px;
}

.btn-box-st-wrap {
text-align: center;
}