@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Special+Gothic+Expanded+One&display=swap');

/* FONTS
font-family: "Special Gothic Expanded One", sans-serif;

*/

/* MATERIALS */

a:link{
	color:#164c8f;
	text-decoration:none;
}

a:visited{
	color:#164c8f;
	text-decoration:none;
}

a:hover{
	color:#1a58a6;
	text-decoration:none;
}

a:active{
	color:#1a58a6;
	text-decoration:none;
}

a.btn_more{
	display:table;
	margin: 10% auto 0;
	padding:0.7em 3em 0.7em 1em;
	font-family: "Special Gothic Expanded One", sans-serif;
	font-size:20px;
	color:#fff;
	border:1px solid #fff;
	border-radius:30px;
	background: #153d70 url("../img/interface/ico_arrow.svg") no-repeat right 0.8em center / 27px;
}

a.btn_more:hover{
	background-position:right 0.6em center;
	transition:0.2s;
}

a.btn_back{
	display:table;
	margin: 10% auto 0;
	padding:0.7em 1em 0.7em 3em;
	font-family: "Special Gothic Expanded One", sans-serif;
	font-size:20px;
	color:#fff;
	border:1px solid #fff;
	border-radius:30px;
	background: #153d70 url("../img/interface/ico_arrow_left.svg") no-repeat left 0.8em center / 27px;
}

a.btn_back:hover{
	background-position:left 0.6em center;
	transition:0.2s;
}

a.btn_top{
	display:table;
	padding:0.7em 1em 0.7em 2.5em;
	font-family: "Special Gothic Expanded One", sans-serif;
	font-size:20px;
	color:#fff;
	border:1px solid #fff;
	border-radius:30px;
	background: #153d70 url("../img/interface/ico_arrow_top.svg") no-repeat left 0.8em center / 27px;
}

a.btn_top:hover{
	background-position:left 0.8em bottom 20px;
	transition:0.2s;
}


@media only screen and (max-width:767px){
	a.btn_more{
		font-size:5vw;
		border-radius:2em;
		background-size:1em;
	}
	a.btn_back{
		font-size:5vw;
		border-radius:2em;
		background-size:1em;
	}
}

/* INTERFACE */

html{
	scroll-behavior: smooth;
}

body{
	-webkit-text-size-adjust:100%;
	margin:0;
	padding:0;
	background-color:#fff;
	color:#333;
	font-family:"Noto Sans JP", sans-serif;
}

a {
	word-break: break-all;
}