@charset "UTF-8";
/* CSS Document */


.inner {
	width:70%;
	padding:0 15%;
	margin:0 auto;
	text-align:left;
}


/*===============================================
画面が横向きの場合（タブレット用）
===============================================*/
@media screen and (orientation: landscape) {
   /* タブレット横向きの場合のスタイル */
   #top {
	background:url(../img/mainimg.jpg) 50% 30% no-repeat;
	background-size:contain;	
	}
	#Badge .BadgeIn {
		padding:10px 0 !important;
	}
	.section .bottom .fltR {
		margin-bottom:-250px;
	}
	.section .fltL .right {
		text-align:right;
	}
}

/*===============================================
画面が縦向きの場合（タブレット用）
===============================================*/
@media screen and (orientation: portrait) {
   /* タブレット縦向きの場合のスタイル */
   #top {
	background:url(../img/mainimg.jpg) 20% 20% no-repeat;
	background-size:140%;
	}
	#header .header_inner .applink a {
		padding:12px 5px !important;
	}
	
	#Badge {
		padding:40px 0;
	}
	
	.inner {
		width:80%;
		padding:0 10%;
		margin:0 auto;
	}
	.slide img {
		width:80%;
	}
	#point01 .fltL,
	#point02 .fltL,
	#point03 .fltL,
	#point04 .fltL,
	#point05 .fltL {
		float:none !important;
		margin-bottom:30px;
		width:100%;
		margin-right:0 !important;
		font-size:160%;
	}
	#point01 .fltR,
	#point02 .fltR,
	#point03 .fltR,
	#point04 .fltR,
	#point05 .fltR {
		float:none !important;
		margin:40px auto 0 !important;
	}
	.section .fltL .right {
		float:left !important;
		margin-right:20px !important;
		padding-top:20px;	
	}
	
	#about .marginB {
		margin-bottom:100px;
	}
	#contact {
		background:#FFF;
	}
	#contact .applink {
		margin:60px 0 !important;
	}
}


/*--- #top ---*/
#header {
	border-top:10px solid #005FA9;
	position:absolute;
	top:0;
	background:#FFF;
	width:100%;
	height:73px;
}
#header .header_inner {
	padding:10px;
}
#header .header_inner .torigin {
	float:left;
}
#header .header_inner .hplink {
	text-align:left;
	float:left;
	padding:30px 0 0 0;
}
#header .header_inner .hplink a:before {
	content:"▶︎";
	color:#005FA9;
}
#header .header_inner .applink {
	float:right;
}
#header .header_inner .applink a {
	display:block;
	padding:12px 20px;
	background:#005FA9;
	border-radius:7px;
	text-decoration:none;
	color:#FFF;
}

#Badge {
	background:#DDD;
	width:100%;
	position:absolute;
	bottom:0;
}
#Badge .BadgeIn {
	width:80%;
	padding:2% 10%;
	margin:0 auto;
}

.BadgeIn .google {
	width:48%;
	margin-right:4%;
	float:left;
	font-size:70%;
 }
 .BadgeIn .app {
	width:48%;
	float:right;
	font-size:70%;
}


/*--- #flow ---*/
#flow .bg01 {
	background: -webkit-linear-gradient( #FFF 0%, #2EB6C8 100%);
	background: linear-gradient( #FFF 0%, #2EB6C8 100%);
}
#flow .bg02 {
	background: -webkit-linear-gradient( #FFF 0%, #29A5C9 100%);
	background: linear-gradient( #FFF 0%, #29A5C9 100%);
}
#flow .bg03 {
	background: -webkit-linear-gradient( #FFF 0%, #0386C8 100%);
	background: linear-gradient( #FFF 0%, #0386C8 100%);
}
#flow .bg04{
	background: -webkit-linear-gradient( #FFF 0%, #166BB9 100%);
	background: linear-gradient( #FFF 0%, #166BB9 100%);
}
#flow .bg05 {
	background: -webkit-linear-gradient( #FFF 0%, #0050A1 100%);
	background: linear-gradient( #FFF 0%, #0050A1 100%);
}



/*--- #point ---*/
#point01 {background:#2693FF;}
#point02 {background:#0064B4;}
#point03 {background:#337AC1;}
#point04 {background:#006DD9;}
#point05 {background:#248FC4;}

#point01,
#point02,
#point03,
#point04,
#point05 {
	color:#FFF;
	text-align:left;
}

#point01 h2,
#point02 h2,
#point03 h2,
#point04 h2,
#point05 h2 {
	font-size:290%;
	line-height:1.6em;
	margin:15px 0;
}
#point01 h3,
#point02 h3,
#point03 h3,
#point04 h3,
#point05 h3 {
	font-size:280%;
	font-weight:normal;
}
#point01 h3 span,
#point02 h3 span,
#point03 h3 span,
#point04 h3 span,
#point05 h3 span {
	font-size:60%;
	font-weight:normal;
}

#point01 .fltL,
#point02 .fltL,
#point03 .fltL,
#point04 .fltL,
#point05 .fltL {
	width:56%;
	padding-right:4%;
	font-size:160%;
}

#point01 .fltR,
#point02 .fltR,
#point03 .fltR,
#point04 .fltR,
#point05 .fltR {
	width:40%;
}
/*--- /#point ---*/




/*--- #about ---*/
#about {
	background:#FFF;
}
#about .marginB {
	margin-bottom:40px;
}

dl.list {
	clear:both;
	margin-bottom:10px;
}
dl.list dt {
	float:left;
	width:10em;	
}
dl.list dt:before {
	content:"・";
}
dl.list dd {
	margin-left:10em;
}
/*--- /#about ---*/


/*--- #contact ---*/
#contact {
	background:#FFF;
}
#contact .BadgeIn {
	text-align:center !important;
}
#contact .applink a {
	display:block;
	padding:12px 0;
	background:#005FA9;
	border-radius:7px;
	text-decoration:none;
	text-align:center;
	font-size:120%;
	color:#FFF;
	margin:30px auto 40px;
	width:30em;
}
/*#contact .tel {
	width:690px;
	margin:0 auto;
}*/
/*--- /#contact ---*/