@charset "utf-8";

/**
*
*  global_footer.css
*  フッター
*
*/

/*--------------------------------------------------------------------------
	Footer
---------------------------------------------------------------------------*/
	#Footer {
		position: relative;
		background: #006DAD;
	}
	#Footer > .inline {
		position: relative;
		padding: 50px 60px 40px;
		overflow: hidden;
	}
/* @pc **************************************************/
@media all and (max-width: 1260px){
	#Footer > .inline {
		padding: 50px 40px 40px;
	}
}
/* @sp **************************************************/
@media all and (max-width: 1100px){
	#Footer > .inline {
		padding: 12px 25px 22px;
	}
}


/*--------------------------------------------------------------------------
	ページトップ  .ft_pagetop
---------------------------------------------------------------------------*/
	.ft_pagetop {
		position: absolute;
		top: 50px;
		right: 60px;
		height: 76px;
	}
	.ft_pagetop a {
		display: block;
		height: 76px;
	}
	.ft_pagetop .img {
		position: absolute;
		right: 0;
		-webkit-animation: float 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
				animation: float 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
	}
	.ft_pagetop a:hover .img {
		-webkit-animation: pagetop_img .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
				animation: pagetop_img .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	}
	
	@keyframes float {
		0% {
			-webkit-transform: translateY(0);
							transform: translateY(0);
		}
		50% {
			-webkit-transform: translateY(15px);
							transform: translateY(15px);
		}
		100% {
			-webkit-transform: translateY(0);
							transform: translateY(0);
		}
	}
	@-webkit-keyframes float {
		0% {
			-webkit-transform: translateY(0);
							transform: translateY(0);
		}
		50% {
			-webkit-transform: translateY(15px);
							transform: translateY(15px);
		}
		99.9%,to{
			-webkit-transform: translateY(0);
							transform: translateY(0);
		}
	}
	
	@-webkit-keyframes pagetop_txt {
		0% {
			-webkit-transform: scale(0);
					transform: scale(0);
		}
		100% {
			-webkit-transform: scale(1);
					transform: scale(1);
		}
	}
	@keyframes pagetop_txt {
		0% {
			-webkit-transform: scale(0);
					transform: scale(0);
		}
		100% {
			-webkit-transform: scale(1);
					transform: scale(1);
		}
	}
	@-webkit-keyframes pagetop_img {
		0% {
			-webkit-transform: translateY(-10%);
					transform: translateY(-10%);
		}
		20% {
			-webkit-transform: translateY(10%);
					transform: translateY(10%);
		}
		40% {
			-webkit-transform: translateY(-8%);
					transform: translateY(-8%);
		}
		60% {
			-webkit-transform: translateY(6%);
					transform: translateY(6%);
		}
		80% {
			-webkit-transform: translateY(-2%);
					transform: translateY(-2%);
		}
		100% {
			-webkit-transform: translateY(0%);
					transform: translateY(0%);
		}
	}
	@keyframes pagetop_img {
		0% {
			-webkit-transform: translateY(-10%);
					transform: translateY(-10%);
		}
		20% {
			-webkit-transform: translateY(10%);
					transform: translateY(10%);
		}
		40% {
			-webkit-transform: translateY(-8%);
					transform: translateY(-8%);
		}
		60% {
			-webkit-transform: translateY(6%);
					transform: translateY(6%);
		}
		80% {
			-webkit-transform: translateY(-2%);
					transform: translateY(-2%);
		}
		100% {
			-webkit-transform: translateY(0%);
					transform: translateY(0%);
		}
	}
	@media all and (max-width: 1280px){
		.ft_pagetop {
			right: 25px;
		}
	}
/* @sp **************************************************/
@media all and (max-width: 1100px){
	.ft_pagetop {
		position: relative;
		top: auto;
		right: auto;
		width: 35px;
		height: 35px;
		margin: 20px auto 0;
	}
	.ft_pagetop .img {
		width: 35px;
		height: 35px;
	}
	.ft_pagetop a {
		width: auto;
		height: auto;
	}
}


/*--------------------------------------------------------------------------
	サイトマップ  .ft_sitemap
---------------------------------------------------------------------------*/
	.ft_sitemap {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-left: 20px;
		margin-bottom: 150px;
	}
	.ft_sitemap a {
		color: #fff;
		text-decoration: none;
	}
	.ft_sitemap a br {
		display: none;
	}
	.ft_sitemap a:hover {
		text-decoration: underline;
	}
	.ft_sitemap ul {
		width: 33%;
	}
	.ft_sitemap ul li {
		margin-top: 10px;
		font-size: 13px;
	}
	.ft_sitemap ul li:first-child {
		margin-top: 0;
	}
	.ft_sitemap li a span {
		margin: 0 10px;
		color: #000;
	}
	.ft_sitemap li a:hover span {
		color: #FFF;
	}
	.ft_sitemap + .ft_sitemap {
		position: absolute;
		top: 230px;
		left: 0;
		width: calc(100% - 120px);
		height: 50px;
		margin: 20px auto;
		padding: 0 80px;
		background: #8093AD;
		justify-content: left;
		align-items: center;
	}
	.ft_sitemap + .ft_sitemap ul {
		width: auto;
	}
	.ft_sitemap + .ft_sitemap ul li {
		margin-top: 0;
		margin-right: 50px;
	}
/* @pc **************************************************/
@media all and (min-width: 768px){
	/* IE11,Edge */
	_:-ms-lang(x)::-ms-backdrop,
	.ft_sitemap {
		justify-content: space-around !important;
	}
}
/* @pc **************************************************/
@media all and (max-width: 1260px){
	.ft_sitemap a br {
		display: block;
	}
	.ft_sitemap .list01 {
		width: 160px;
	}
	.ft_sitemap .list02 {
		width: 160px;
	}
	.ft_sitemap .list03 {
		width: 130px;
	}
}
/* @sp **************************************************/
@media all and (max-width: 1100px){
	.ft_sitemap {
		flex-direction: column;
		margin-right: 0;
		margin-bottom: 0;
	}
	.ft_sitemap a {
		position: relative;
		display: block;
		padding: 20px 0;
		color: #FFF;
		line-height: 1;
		text-align: center;
		border-bottom: 1px solid #6A9AB7;
		-webkit-transition: background .6s cubic-bezier(0.19, 1, 0.22, 1);
						transition: background .6s cubic-bezier(0.19, 1, 0.22, 1);
	}
	.ft_sitemap a br {
		display: none !important;
	}
	.ft_sitemap a:hover {
		text-decoration: none;
		background: #00588C;
	}
	.ft_sitemap .list01,
	.ft_sitemap .list02,
	.ft_sitemap .list03 {
		width: auto;
	}
	.ft_sitemap ul li {
		margin-top: 0;
		font-size: 12px;
	}
	.ft_sitemap li a span {
		position: absolute;
		bottom: 10px;
		left: 50%;
		margin: 0;
		color: #F5E52B;
		transform: translate(-50%,0);
	}
	.ft_sitemap + .ft_sitemap {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		position: relative;
		top: inherit;
		bottom: 0;
		left: inherit;
		width: 100%;
		height: inherit; 
		margin: inherit;
		padding: 0;
		background: unset;
	}
	.ft_sitemap + .ft_sitemap ul {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		width: 50%;
		padding: 0;
	}
	.ft_sitemap + .ft_sitemap ul li {
		width: 100%;
		margin-right: 0;
	}
	.ft_sitemap + .ft_sitemap a {
		padding: 20px 7px;
		min-height: 23px;
	}
}


/*--------------------------------------------------------------------------
	フッターロゴ  .ft_logo
---------------------------------------------------------------------------*/
	.ft_logo {
		position: absolute;
		width: 60%;
		right: 60px;
		bottom: 40px;
		text-align: right;
	}
	.ft_logo:first-child {
		left: 52px;
	}
	.ft_logo a {
		text-decoration: none;
	}
	.ft_logo img {
		display:inline-block;
		width: 180px;
	}
	.ft_logo img:nth-of-type(2) {
		margin-left: 5%;
	}
/* @sp **************************************************/
@media all and (max-width: 1100px){
	.ft_logo {
		margin: 25px 0 10px;
		position: static;
		text-align: center;
		width: auto;
	}
	.ft_logo img {
		width: 100px;
		height: auto;
	}
	.ft_logo img:nth-of-type(2) {
		margin-left: 5%;
	}
}


/*--------------------------------------------------------------------------
	コピーライト  .ft_copy
---------------------------------------------------------------------------*/
	.ft_copy {
		margin-top: 64px;
		color: #fff;
		font-size: 11px;
		text-align: left;
		letter-spacing: .1em;
	}
/* @sp **************************************************/
@media all and (max-width: 1100px){
	.ft_copy {
		margin-top: 8px;
		font-size: 10px;
		text-align: center;
	}
}