@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
body {
 font-family: 'Noto Sans JP', sans-serif;
 font-size: 100%;
 width: 1000px;
 margin: 0 auto;
 font-size: 16px;
 -webkit-font-feature-settings: "pkna";
 font-feature-settings: "pkna";
}

a img {
 border: none;
}

a img:hover {
 opacity: 0.9;
}

.cf:after {
 content: " ";
 display: block;
 clear: both;
}

#headbar p {
 width: 100%;
 text-align: right;
 font-size: 80%;
}

#headbar p a {
 text-decoration: none;
}

h1 {
 margin: 0;
}

.main {
 background: #1FBBFC;
 position: relative;
}

.main:after {
 position: relative;
 content: '';
 display: block;
 width: 100%;
 height: 200px;
 background: url('../images/main_btm.png') no-repeat top, #fff;
 z-index: 0;
}

.safe_member a{
	text-align: center;
	position: absolute;
	width: 150px;
	background: #fff;
	color: #1FBBFC;
	font-size:80%;
	font-weight: 800;
	padding: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
	box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
	right: 5px;
	top:5px;
	text-decoration: none;
	display: block;
}

.safe_member a:hover{
	-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.1);
	box-shadow: 2px 2px 6px rgba(0,0,0,0.1);
	background: #FFF64D;
}
.safe_member .small{
	font-size: 75%;
	font-weight: 500;
}




/*arr_btn*/

.arr_btn {
 width: 46px;
 height: 46px;
 background: url('../images/arr_btn.png') no-repeat;
 position: absolute;
 bottom: 120px;
 margin: 0 auto;
 left: 0;
 right: 0;
 cursor: pointer;
 z-index: 2000;
}

.description {
 text-align: center;
 margin: 30px;
}

.description p {
 color: #fff;
 font-weight: 300;
 width: 70%;
 margin: 0 auto;
 line-height: 1.7;
 font-size: 17px;
 word-spacing: 1.3;
}

.video_area{
	margin-top: 70px;
}


.feature {
 margin: 100px 10px 60px 10px;
}

.feature img {
 float: left;
 margin-left: 40px;
}

.feature_text {
 width: 60%;
 padding-left: 350px;
}

.feature h2 {
 border-left: #FFFF00 10px solid;
 padding-left: 10px;
 font-size: 30px;
 color: #fff;
 font-weight: 300;
 word-spacing: 1;
 -webkit-font-feature-settings: "palt";
 font-feature-settings: "palt";
}

.feature li {
 -webkit-font-feature-settings: "palt";
 font-feature-settings: "palt";
 color: #fff;
 font-size: 16px;
 font-weight: 300;
 padding: 5px;
 line-height: 1.7;
 list-style: square;
}

.feature li span {
 font-weight: 500;
 font-size: 17px;
 color: #FFFF00;
}

.btn_detail {
 display: block;
 padding: 8px 10px;
 background: #FFF64D;
 color: #1FBBFC;
 font-size: 18px;
 font-weight: 500;
 width: 150px;
 text-decoration: none;
 text-align: center;
 float: right;
 margin-right: 30px;
}

.btn_detail:hover {
 background: #FFE650;
}

.campaign_area {
 margin-top: -100px;
 padding-top: 110px;
 background: url('../images/bg_circle.png');
 text-align: center;
 position: relative;
 z-index: 1000;
}

.cam_detail {
 width: 100%;
 text-align: center;
 margin: 0 auto 60px;
}

.btn_apply {
 margin: 30px 0;
}

.notice {
 width: 80%;
 margin: 50px auto;
 background: #F2F2F2;
 color: #555;
 text-align: left;
}

.notice h3 {
 background: #8D9CA0;
 color: #fff;
 padding: 10px;
 font-weight: 300;
 font-size: 23px;
 margin: 0;
}

.notice ul {
 padding: 35px 50px;
 margin: 0;
}

.notice ul li {
 font-size: 15px;
 padding: 5px;
 font-weight: 300;
}

#copyright {
 text-align: right;
 border-top: 1px solid #ccc;
 padding-top: 30px;
}


/*goto_top*/

#goto_top {
 width: 100px;
 height: 100px;
 border-radius: 50%;
 background: #FFFF00;
 position: fixed;
 right: 10px;
 bottom: 30px;
 cursor: pointer;
}

#goto_top span {
 display: block;
 width: 90px;
 margin: 0 auto;
 color: #1FBBFC;
 font-weight: 300;
 font-size: 26px;
 text-align: center;
 padding-top: 30px;
}


/*0302 video追加*/
.video_area{
	text-align: center;
}

.video_area video{
	padding: 3px;
	background: #fff;
	-webkit-box-shadow: 2px 4px 10px rgba(0,0,0,0.1);
	box-shadow: 2px 4px 10px rgba(0,0,0,0.1);
}