@charset "utf-8";

a{
	text-decoration:underline;
	color:#fff;
}

p{
	margin:0;
	font-size:1.3em;
}

.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }

.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }

.pt5{ padding-top: 5px !important; }
.pt6{ padding-top: 6px !important; }
.pt7{ padding-top: 7px !important; }
.pt8{ padding-top: 8px !important; }
.pt10{ padding-top: 10px !important; }
.pt12{ padding-top: 12px !important; }
.pt15{ padding-top: 15px !important; }
.pt20{ padding-top: 20px !important; }
.pt25{ padding-top: 25px !important; }
.pt30{ padding-top: 30px !important; }
.pt40{ padding-top: 40px !important; }
.pt50{ padding-top: 50px !important; }

.txt_l{ text-align: left; }
.txt_r{ text-align: right; }
.txt_c{ text-align: center; }

.float_l{ float: left; }
.float_r{ float: right; }
.clear{ clear: both; }

/* @end */

/* @group Header */

body{
	color:#fff;
}

#wrap{
	background-size:cover;
/* ------------------------------------------- */
	height:2000px; 　/*この数字を調整します*/
/* ------------------------------------------- */
}

#content{
	background:url(../img/light.png) no-repeat center top;
	background-size:300px 100px;
	width:320px;
	margin:0 auto;
}

h1{
	width:50%;
	margin:0 auto;
	padding:0.6em 0;
}

h2{
	margin:0 auto;
	width:60%;
	height:60%;
}

h3{
	font-size:1.7em;
	margin:0 0 0.3em 0;
}

.box{
	background-color: rgba(255, 255, 255, 0.2);
	margin:2px;
	padding:1.5em 0.7em;
	overflow:hidden;
}

.tit_1{
	float:left;
	width:30%;
	margin:0;
	font-size:1.4em;
	font-weight:normal;
}

.comp_info{
	float:left;
	width:70%
}

.icon{
	float:left;
	overflow:hidden;
	width:33%;
	margin-bottom:1.3em;
}

.description{
	font-size:0.9em !important;
	width:63%;
	float:right;
	line-height:1.2;
	margin-bottom:1em;
}

.bt_apps{
	clear:both;
	overflow:hidden;
}

.bt_apps li{
	width:47%;
	float:left;
	margin-left:3%;
}

footer{
	color:#fff;
	text-align:center;
	font-size:1.2em;
	padding:0.8em 0;
}

.backtotop{
	position: fixed;
	right:-2.5em;
	bottom:0.4em;
	display: none;
}

.backtotop img{
	width:50%;
	height:50%;
}


/*768px*/
@media screen and (min-width : 768px){
/*768px以上のcssを記述*/
body{
	color:#fff;
	font-family:"メイリオ",Meiryo,"'Century Gothic',ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}


#wrap{
	-moz-background-size:cover;
	background-size:cover;
/* ------------------------------------------- */
	height:2000px; /*この数字を調整します*/
/* ------------------------------------------- */
}


#content{
	width:600px;
	margin:0 auto;
	background:url(../img/light.png) no-repeat center top;
	background-size:600px 200px;
}

h1{
	width:100%;
	text-align:center;
	padding:1em 0;
}

h2{
	text-align:center;
	width:100%;
	height:100%;
}

h3{
	font-size:1.8em;
	margin:0 0 0.4em 0;
}

.box{
	background-color: rgba(255, 255, 255, 0.2);
	margin:2px;
	padding:2em 1.5em;
	overflow:hidden;
}

.tit_1{
	float:left;
	width:15%;
	margin:0 0 0 30%;
	font-size:1.4em;
	font-weight:normal;
}

.comp_info{
	float:left;
	width:55%
}

.icon{
	float:left;
	overflow:hidden;
	width:30%;
	margin-bottom:1.3em;
}

.description{
	font-size:0.8em !important;
	width:70%;
	float:right;
	line-height:1.6;
	margin-bottom:1em;
}


.bt_apps{
	clear:both;
	overflow:hidden;
	width:65%;
	margin:0 auto;
}

.bt_apps li{
	float:left;
}

footer{
	color:#fff;
	text-align:center;
	font-size:1.2em;
	padding:1.5em 0 0 0;
}

.backtotop{
	position: fixed;
	right:1em;
	bottom:1em;
	display: none;
}

.backtotop a:hover{
	opacity:0.5;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	border-style:none;
}

.backtotop img{
	width:100%;
	height:100%;
}
}