@charset "UTF-8";
 
body	{
	font-family: '�ᥤ�ꥪ', 'Hiragino Kaku Gothic Pro', sans-serif;
	margin-bottom: 0px;
}
body {
}

 
/*navbar-static */
.menu{
    margin: 0
} 
 
/* main1-app */
.main1-app {
    padding: 110px 0 0 0;
}
 
.main1-app img {
	display: block;
	max-width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	vertical-align: bottom;
}
 
.main1-app h1 {
	margin: 0 0 30px 0;
	font-size: 50px;
	font-family: sans-serif;
	line-height: 1.2;
	color: #effc7e;
}
.main1-app h1 small {
	color: #effc7e;
}

 
.main1-app p {
    margin: 0 0 25px 0;
	font-size: 20px;
	line-height: 1.5;
}
 
.main1-app .button {
    text-shadow: none;
}
 
 
/* main1-app  */
.main1-app {
	background-image: url(../img/skyscraper-1149478_1920.jpg);
	background-position: 50% 45%;
	background-size: cover;
	color: #fff;
	text-shadow: 1px 1px 3px #000;
}


/* main1-app  */
@media (max-width: 450px) {
 
	.main1-app {
        padding: 30px 0 0 0;
    }
	.main1-app h1 {
        font-size: 40px;
    }
	.main1-app p{
        font-size: 16px;
    }
 
} 

/* main2-app Bootstrap-���󥰥�ڡ������� */
.main2-app {
    padding: 70px 0 70px 0;
	background-color: #fff;
	text-align: center;
}
 
.main2-app img	{
    max-width: 100%;
	height: auto;
	margin: 20px auto 30px auto;
	vertical-align: bottom;
}
 
.main2-app h2	{
	margin: 0 0 15px 0;
	font-size: 30px;
	line-height: 1.2;
}
 .main2-sub h3 {
		color: #5eabe4;
}
.main2-app p	{
    margin: 0 0 50px 0;
	font-size: 16px;
	line-height: 1.5;
}

/* main3-app Bootstrap-���󥰥�ڡ������*/
.main3-app	, .main5-app , .main7-app	{
	padding-top: 70px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0px;
	background-color: #5eabe4;
	color: #fff;
}
 
.main3-app img , .main5-app img	, .main7-app img	{
    display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto 35px auto;
	vertical-align: bottom;
}
 
.main3-app h2, .main5-app h2, .main7-app h2{
	margin: 0 0 20px 0;
	font-size: 28px;
	line-height: 1.5;
	color: #EFFC7E;
}
 
.main3-app p,.main5-app p, .main7-app p{
	margin: 0 0 20px 0;
	font-size: 16px;
	line-height: 1.5;
	text-align: left;
}

/* main4-app Bootstrap-���󥰥�ڡ������� */
.main4-app , .main6-app{
    padding: 70px 0 50px 0;
	background-color: #fff;
	color: #000;
}
 
.main4-app img , .main6-app img{
    display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto 35px auto;
	vertical-align: bottom;
}
 
.main4-app h2 , .main6-app h2{
	margin: 0 0 50px 0;
	font-size: 28px;
	line-height: 1.5;
	color: #5eabe4;
}
 
.main4-app p , .main6-app p{
	margin: 0 0 20px 0;
	font-size: 16px;
	line-height: 1.5;
	text-align: left;
}

/* main8-app Bootstrap-���󥰥�ڡ������� */
.main8-app{
	padding: 70px 0 50px 0;
	background-color: #fff;
	color: #000;
	border-top: 5px solid #5eabe4;
}
.main8-app.table.table-striped thead tr th {
	text-align: center;

}
 .main8-app tr .active {
	text-align: center;
	vertical-align: middle;
}
.main8-app h2 {
	color: #5eabe4;
}



/* �եå��� Bootstrap-���󥰥�ڡ�������*/
.footer{
	padding: 15px 0 25px 0;
	background-color: #353535;
	color: #fff;
}
 
.footer p{
    margin: 0;
	font-size: 13px;
	line-height: 1.6;
}
 
.tel{
    padding-bottom: 15px;
}
 
.footer address{
	margin: 0 0 3px 0;
	font-size: 13px;
	line-height: 1.6;
}
 
/* essential */
.essential{
    color: #ff0000;
    font-weight: normal;
    font-size: 120%;
}
 
/* �ե����� */
.form-control{
    margin-bottom: 5px;
}
 
@media screen and (min-width: 768px) {
.formarea{
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
	text-align: center;
}
.regist_button{
    margin-left: 125px;
}
}
 
.copyarea{
    padding: 30px 0 0px 0;
	background-color: #353535;
	color: #fff;
}

/* �ڡ����ȥå� */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 80%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 25px 0;
    text-align: center;
    display: block;
    border-radius: 10px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}