@charset "shift-jis";

/* --------------------------------------------------------------------
	Financial Academy
	
	Style Info: sitemap
	
-------------------------------------------------------------------- */

#main{ padding-bottom: 0;}

a:hover { text-decoration: none;}

.head{
	width: 90%;
    max-width: 1000px;
    margin: 20px auto 58px;
    font-size: 30px;
    font-weight: bold;
}
.head .en{
	display: block;
    color: #1c2569;
    font-size: 24px;
    font-family: 'Josefin Slab', serif;
}

.sitemap_wrapper{
	background-color: #E8E9F0;
    padding: 64px 0;
}

.sitemap_inner{
	box-sizing: border-box;
    width: 90%;
    max-width: 1000px;
    margin: auto;
    background-color: #fff;
    border-radius: 20px;
    padding: 76px;
}

.buttons{
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1em 20px;
}
.buttons a{
	display: block;
	background-color: #F3F3F2;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.728%22%20height%3D%2212.728%22%20viewBox%3D%220%200%2012.728%2012.728%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_30%22%20data-name%3D%22%E3%83%91%E3%82%B9%2030%22%20d%3D%22M273.821%2C721.4h8v8%22%20transform%3D%22translate(322.14%20-703.017)%20rotate(45)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');
	background-position: 24px center;
	background-size: 10px;
	background-repeat: no-repeat;
	border-radius: 5px;
	color: #333;
	font-size: 16px;
	font-weight: bold;
	padding: .75em 3.3em;
	transition: all .3s;
}
.buttons a:hover{
	background-position-x: 27px;
}

.ttl_list {
	font-size: 20px;
	font-weight: bold;
	margin-top: 3em;
}
.ttl_list::after {
	content: "";
	display: block;
	width: 48px;
	height: 3px;
	background-color: #1c2569;
	border-radius: 2px;
	margin: 6px auto 18px 0;
}

.links{ line-height: 1.6;}
.links li + li{ margin-top: 1em;}
.links a{
	display: inline-block;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.485%22%20height%3D%228.485%22%20viewBox%3D%220%200%208.485%208.485%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_18%22%20data-name%3D%22%E3%83%91%E3%82%B9%2018%22%20d%3D%22M273.821%2C721.4h5v5%22%20transform%3D%22translate(320.018%20-703.017)%20rotate(45)%22%20fill%3D%22none%22%20stroke%3D%22%231c2569%22%20stroke-width%3D%222%22%20opacity%3D%220.5%22%2F%3E%3C%2Fsvg%3E');
	background-position: -3px .5em;
	background-size: 8px;
	background-repeat: no-repeat;
	color: #000;
	padding-left: 18px;
	transition: all .3s;
}
.links a:hover{
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.485%22%20height%3D%228.485%22%20viewBox%3D%220%200%208.485%208.485%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_18%22%20data-name%3D%22%E3%83%91%E3%82%B9%2018%22%20d%3D%22M273.821%2C721.4h5v5%22%20transform%3D%22translate(320.018%20-703.017)%20rotate(45)%22%20fill%3D%22none%22%20stroke%3D%22%231c2569%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');
	background-position-x: left;
}

@media screen and (min-width: 600px) {
	.sitemap_inner{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 80px 20px;
	}

	.buttons{
		grid-column: 1/3;
	}

	.ttl_list:first-child {
		margin-top: 0;
	}
}

@media screen and (max-width: 999px) {
	.buttons{
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 599px){
	#breadcrumbs{ display: none;}
  
	.sitemap_wrapper{
	  padding: 24px 0;
	}
	.sitemap_inner{
	  padding: 24px;
	}
  
	.head {
	  margin: 20px auto 50px;
	  font-size: 24px;
	}
	.head .en {
	  font-size: 20px;
	}

	.buttons{
		gap: 8px 10px;
	}
	.buttons a{
		background-position-x: 6px;
		background-size: 10px;
		font-size: 14px;
		padding: .75em .25em .75em 1.7em;
	}
	.buttons a:hover{
		background-position-x: 9px;
	}
	
	.ttl_list {
		font-size: 18px;
		font-weight: bold;
	}
	.ttl_list:not(:first-child) {
		margin-top: 2.6em;
	}
	.ttl_list::after {
		width: 38px;
	}
}