@charset "utf-8";

/* -----------------------------------------------------------------
 footer
----------------------------------------------------------------- */
.g_ft {
	position:relative;
}
@media print, screen and (min-width: 1024px) {
}
@media print, screen and (min-width: 1350px) {
}

/* -----------------------------------------------------------------
 box_1st
----------------------------------------------------------------- */
.g_ft .box_1st {
	background:#063e8d;
}
@media print, screen and (min-width: 1024px) {
.g_ft .box_1st {
	display: flex;
	flex-direction:column;
}
.g_ft .box_1st .ft_nav {
	order:2;
	position: relative;
}
.g_ft .box_1st .ft_nav_aside {
	order:1;
}
}
@media print, screen and (min-width: 1350px) {
}

/* -----------------------------------------------------------------
 ft_nav
----------------------------------------------------------------- */
.g_ft .ft_nav {
}
.g_ft .ft_nav .nav_ttl{
	display: flex !important;
	justify-content: space-between;
	align-items: center;
	padding:1.3em 1.1em 1.3em 1em;
	border-bottom:#fff 1px solid;
}
.g_ft .ft_nav .accordion:nth-of-type(1) .nav_ttl,
.g_ft .ft_nav .accordion:nth-of-type(2) .nav_ttl,
.g_ft .ft_nav .accordion:nth-of-type(3) .nav_ttl {
	padding-left:3.2em;
}
.g_ft .ft_nav .accordion:nth-of-type(1) .nav_ttl {
	background:url(/library/common/img/nav/ico_search_white.svg) no-repeat left 1em center;
	background-size:1.5em;
}
.g_ft .ft_nav .accordion:nth-of-type(2) .nav_ttl {
	background:url(/library/common/img/nav/ico_info_white.svg) no-repeat left 1em center;
	background-size:1.5em;
}
.g_ft .ft_nav .accordion:nth-of-type(3) .nav_ttl {
	background:url(/library/common/img/nav/ico_pin_white.svg) no-repeat left 1em center;
	background-size:1.5em;
}
.g_ft .ft_nav .nav_ttl .txt {
	font-size:15px;
	font-size:1.07rem;
	color:#fff;
}
.g_ft .ft_nav .accordion .nav_ttl::after {
	content:"";
	display:block;
	width:7.5px;
	height:11px;
	background:url(/library/common/img/arrow_std_white.svg) no-repeat center center;
	background-size:100%;
	transition: transform .3s;
	transform:rotate(90deg);
}
.g_ft .ft_nav .accordion.on .nav_ttl::after {
	transform:rotate(-90deg);
}
.g_ft .ft_nav .accordion_body {
	border-bottom:#fff 1px solid;
}
.g_ft .ft_nav .nav_item a {
	display: flex;
	align-items: center;
	padding:1.1em .7em 1.1em 1.5em;
}
.g_ft .ft_nav .nav_item a::before {
	content:"";
	display:block;
	width:7.5px;
	height:11px;
	background:url(/library/common/img/arrow_std_white.svg) no-repeat center center;
	background-size:100%;
}
.g_ft .ft_nav .nav_item .txt {
	padding-left:.9em;
	font-size:15px;
	font-size:1.07rem;
	color:#fff;
}
@media print, screen and (min-width: 1024px) {
.g_ft .ft_nav {
	padding: 65px 65px;
}
.g_ft .ft_nav .accordion {
	overflow:hidden;
}
.g_ft .ft_nav .accordion {
	float:left;
	width:calc(25% - 40px);
	max-width:232px;
	margin-right:40px;
}
.g_ft .ft_nav .nav_ttl{
	padding:1em 5px;
}
.g_ft .ft_nav .accordion:nth-of-type(1) .nav_ttl {
	padding-left:2em;
	background:url(/library/common/img/nav/ico_search_white.svg) no-repeat left center;
	background-size:1.5em;
}
.g_ft .ft_nav .accordion:nth-of-type(2) .nav_ttl {
	padding-left:1.6em;
	background:url(/library/common/img/nav/ico_info_white.svg) no-repeat left center;
	background-size:1.5em;
}
.g_ft .ft_nav .accordion:nth-of-type(3) .nav_ttl {
	padding-left:1.6em;
	background:url(/library/common/img/nav/ico_pin_white.svg) no-repeat left center;
	background-size:1.5em;
}
.g_ft .ft_nav .nav_ttl .txt {
	font-size:17px;
	font-size:1.06rem;
}
.g_ft .ft_nav .accordion .nav_ttl::after {
	width:6px;
	height:14px;
	background:url(/library/common/img/arrow_condensed_white_op50.svg) no-repeat center center;
	background-size:100%;
}
.g_ft .ft_nav .nav_ttl.single{
	width:calc(25% - 40px);
	max-width:232px;
}

.g_ft .ft_nav .accordion_body {
	display:block !important;
	border-bottom:none;
}
.g_ft .ft_nav .nav_item a {
	padding: .4em 0;
}
.g_ft .ft_nav .nav_item a::before {
	display:none;
}
.g_ft .ft_nav .nav_item .txt {
	padding-left:0;
	font-size:15px;
	font-size:0.94rem;
}
/*-- hover --*/
.g_ft .ft_nav a.nav_ttl .txt,
.g_ft .ft_nav .nav_item a .txt {
	transition:all .3s;
}
.g_ft .ft_nav a.nav_ttl:hover .txt,
.g_ft .ft_nav .nav_item a:hover .txt {
	opacity:.7;
}
}
@media print, screen and (min-width: 1350px) {
.g_ft .ft_nav {
	padding: 65px 65px;
	padding:65px 65px 65px calc((100vw - 1300px) / 2) ;
}
.g_ft .ft_nav .accordion {
	float:left;
	width:232px;
	margin-right:40px;
}
}


/* -----------------------------------------------------------------
 ft_nav_aside
----------------------------------------------------------------- */
.g_ft .ft_nav_aside {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.g_ft .ft_nav_aside .nav_ttl {
	display: flex;
	justify-content: center;
	flex-direction:column;
	align-items: center;
	width:50%;
	min-height:4.4em;
	border-bottom:#fff 1px solid;
	text-align:center;
	font-size:13px;
	font-size:0.93rem;
	color:#fff;
}
.g_ft .ft_nav_aside .nav_ttl:nth-of-type(2n) {
	border-left:#fff 1px solid;
}
.g_ft .ft_nav_aside .nav_ttl span {
	display:inline-block;
}
@media print, screen and (min-width: 375px) {
.g_ft .ft_nav_aside .nav_ttl {
	flex-direction:row;
}
}
@media print, screen and (min-width: 1024px) {
.g_ft .ft_nav_aside {
	flex-wrap: nowrap;
	justify-content:flex-end;
	margin-top:16px;
	margin-right:20px;
}
.g_ft .ft_nav_aside .nav_ttl {
	width:auto;
	min-height:2.68em;
	padding:0 1.8em;
	border-bottom:none;
	border-left:#6e8fbd 1px solid;
	font-size:14px;
	font-size:0.88rem;
}
.g_ft .ft_nav_aside .nav_ttl:nth-of-type(2n) {
	border-left:#6e8fbd 1px solid;
}
.g_ft .ft_nav_aside .nav_ttl:last-of-type {
	border-right:#6e8fbd 1px solid;
}
/*-- hover --*/
.g_ft .ft_nav_aside a.nav_ttl {
	transition:all .3s;
}
.g_ft .ft_nav_aside a.nav_ttl:hover {
	opacity:.7;
}

}
@media print, screen and (min-width: 1350px) {
.g_ft .ft_nav_aside {
	margin-right:32px;
}
}




/* -----------------------------------------------------------------
 ft_mylibrary
----------------------------------------------------------------- */
/*---------- visibility ----------*/
.g_ft .box_1st >.ft_mylibrary {
	display: flex;
}
.g_ft .ft_nav .ft_mylibrary {
	display: none;
}
@media print, screen and (min-width: 1024px) {
.g_ft .box_1st >.ft_mylibrary {
	display: none;
}
.g_ft .ft_nav .ft_mylibrary {
	display: block;
}
}


/*---------- common ----------*/
.g_ft .ft_mylibrary {
	justify-content: center;
	align-items: center;
	padding:23px 0;
}
.g_ft .ft_mylibrary .btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width:120px;
	padding:.8em 1em .8em 2.2em;
	background:#fff url(../img/nav/ico_mylibrary_navy.svg) no-repeat left 1.5em center;
	background-size:1em;
	border-radius:3em;
	line-height:1.2;
	text-align:center;
	font-size:11px;
	font-size:0.79rem;
	color:#063e8d;
}
@media print, screen and (min-width: 1024px) {
/*-- hover --*/
.g_ft .ft_mylibrary .btn {
	transition:all .3s;
}
.g_ft .ft_mylibrary .btn:hover {
	background:#f1f6fd url(../img/nav/ico_mylibrary_navy.svg) no-repeat left 1.5em center;
	background:rgba(255,255,255,.85) url(../img/nav/ico_mylibrary_navy.svg) no-repeat left 1.5em center;
	background-size:1em;
}
}
@media print, screen and (min-width: 1350px) {
.g_ft .ft_nav .ft_mylibrary {
	display: inline-block;
	position:absolute;
	top:calc(65px + 13px);
	right:calc((100vw - 1300px) / 2);
	padding:0;
}
}


/* -----------------------------------------------------------------
 box_2nd
----------------------------------------------------------------- */
.g_ft .box_2nd {
	padding:2em 3.4vw;
	font-size:12px;
	font-size:0.86rem;
	color:#666666;
}
.g_ft .box_2nd >p + p {
	margin-top:.8em;
}
.g_ft .box_2nd p >span {
	display:block;
}
.g_ft .box_2nd a {
	text-decoration:underline;
	color:#063e8d;
}
.g_ft .box_2nd .copyright {
	display:block;
	margin-top:.8em;
	text-transform: uppercase;
}
@media print, screen and (min-width: 1024px) {
.g_ft .box_2nd {
	padding:2em 20px;
}
.g_ft .box_2nd p >span {
	display:inline-block;
	margin-left:.5em;
}
/*-- hover --*/
.g_ft .box_2nd a:hover {
	text-decoration:none;
}

}
@media print, screen and (min-width: 1350px) {
.g_ft .box_2nd {
	padding:2em 40px;
}
}

/* -----------------------------------------------------------------
 gotop
----------------------------------------------------------------- */
.g_ft .gotop {
	position:fixed;
	bottom:20px;
	right:-53px;
	right:0px;
	width:52px;
	height:73px;
	background:rgba(255,255,255,.75);
	border:#063e8d 1px solid;
	border-right:none;
	border-top-left-radius:8px;
	border-bottom-left-radius:8px;
	box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.15);
	transition: all .2s;
	z-index: 100;
}
.g_ft .gotop a {
	display:block;
	width:51px;
	height:73px;
}
.g_ft .gotop img {
	width:25px;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
.g_ft .gotop.hide {
	opacity:0;
	transform:translateY(50px);
}
@media print, screen and (min-width: 1024px) {
}
@media print, screen and (min-width: 1350px) {
}