@charset "utf-8";

/************************************************
 footer
************************************************/

#footer {
	position: relative;
	width: 100%;
    background-color: #050c8a;
}
#footer .bottom p {
	text-align: center;
	color: #fff;
}
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
    z-index:10000;
}
#page-top a {
    background: #050c8a;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 10px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
    line-height:1.3;
    border:1px solid #fff;
}

#page-top a:hover {
    text-decoration: none;
    background: #999;
}
	#footer .bottom ul li a {
		display: block;
        color:#fff;
        background:url(../images/common/ico_arrow02_2.png) left center no-repeat;
        padding-left:14px;
	}

/* 768px以下の記述
------------------*/
@media screen and (max-width:767px){
	#footer {
		margin-top: 30px;
	}
	#footer .menu {
		padding: 15px 0 30px;
		border-top: 1px solid #e6e6e6;
	}

	#footer .menu .logo {
		margin: 0 15px 12px;
	}
	#footer .menu .logo .sub {
		margin: 6px 0 0 40px;
	}
	#footer .menu .sns {
		margin-left: 53px;
	}
	#footer .menu .sns ul li {
		float: left;
		margin-right: 18px;
	}

	#footer .bottom {
		padding: 5px 0 0;
	}

	#footer .pageTop {
		right: 15px;
	}

	#footer .menu .r_block h2 {
		margin: 30px 15px 0;
		line-height: 1em;
		position: relative;
	}
	#footer .menu .r_block h2 a {
		height: 26px;
		position: relative;
		display: block;
	}
	#footer .menu h2 a:before {
		content: "";
		position: absolute;
		line-height: 1em;
		left: 0;
		top: 0;
		width: 14px;
		height: 14px;
		display: block;
		background-image: url(../images/common/ico_arrow02.png);
		background-repeat: no-repeat;
		background-position: left center;
	}

	#footer .menu .r_block ul li {
		font-size: 90%;
		line-height: 1.4em;
		border-top: 1px dotted #e6e6e6;

		background-image: url(../images/common/ico_arrow03.png);
		background-repeat: no-repeat;
		background-position: 20px center;
	}
	#footer .menu .r_block ul li a {
		display: block;
		padding: 10px 35px;
	}


	#footer .bottom ul li {
		font-size: 90%;
		line-height: 1.4em;
		border-bottom: 1px dotted #fff;

		background-image: url(../images/common/ico_arrow03.png);
		background-repeat: no-repeat;
		background-position: 20px center;
        padding-left:15px;
	}
	#footer .bottom ul li a {
		display: block;
		padding: 10px 25px;
	}
	#footer .bottom ul.uneisyutai li {
		font-size: 90%;
		line-height: 1.4em;
		border-bottom: none;

		background-image: url(../images/common/ico_arrow03.png);
		background-repeat: no-repeat;
		background-position: 20px center;
        padding-left:15px;
	}

	#footer .bottom p {
		font-size: 80%;
		padding: 5px;
	}
}

/* 768px以上の記述
------------------*/
@media screen and (min-width:768px){
	#footer {
        padding: 30px 0 30px;
	}


	#footer .bottom {
	}

	#footer .bottom ul {
		display: table;
		margin: 0 auto;
	}


	#footer .bottom ul li {
		display: table-cell;
		padding: 0 15px;
		font-size: 82%;
		line-height: 1.8em;
		position: relative;
	}

	#footer .bottom p {
		font-size: 82%;
		padding: 10px 0;
	}

	#footer .menu .logo .sub {
		margin: 6px 0 0 36px;
	}
	#footer .menu .sns {
		margin: 10px 0 0 36px;
	}
	#footer .menu .sns ul li {
		float: left;
		margin-right: 18px;
	}


	#footer .menu .r_block li:before {
		content: "";
		background-image: url(../images/common/ico_arrow03.png);
		background-repeat: no-repeat;
		position: absolute;
		top: 6px;
		left: 0;
		width: 20px;
		height: 20px;
		display: block;
	}

	#footer .menu .r_block li {
		margin: 0 0 2px 0;
		line-height: 1.6em;
		font-size: 82%;
		padding: 0 0 0 10px;

		position: relative;

	}
	#footer .menu .r_block ul {
		margin-bottom: 20px;
	}

	#footer .box01 {
		position: absolute;
		top: 0;
		left: 0;
		width: 176px;
	}

	#footer .box02 {
		margin-left: 182px;
		width: 170px;
	}

	#footer .box03 {
		position: absolute;
		top: 0;
		left: 360px;
		width: 200px;
	}

	#footer .box04 {
		position: absolute;
		top: 0;
		left: 556px;
	}
}


/* 1280px以上の記述
------------------*/
@media screen and (min-width:1280px){

	.top #footer {
	}

	.top #footer .menu .l_block {
		width: 291px;
	}
	.top #footer .menu .r_block {
		width: 897px;
	}

	.top #footer .menu .logo img {
		width: 244px;
	}
	.top #footer .menu .logo img.sub {
		width: 153px;
	}

	.top #footer .menu .logo .sub {
		margin: 6px 0 0 40px;
	}
	.top #footer .menu .sns {
		margin: 10px 0 0 40px;
	}

	.top #footer .menu .r_block li {
	}

	.top #footer .box01 {
		position: absolute;
		top: 0;
		left: 0;
		width: 244px;
	}

	.top #footer .box02 {
		margin-left: 244px;
		width: 213px;
	}

	.top #footer .box03 {
		position: absolute;
		top: 0;
		left: 457px;
		width: 178px;
	}

	.top #footer .box04 {
		position: absolute;
		top: 0;
		left: 655px;
	}
}