/*--------------------------------------------------------*/

/*  フォント＆フォントカラー　*/

/*--------------------------------------------------------*/

body {
	font-family: var(--font_txt);
	font-size:14px;
	line-height:2.0em;
	letter-spacing:0.07em;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}

:root {

  --font_title: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic Medium", "Yu Gothic", "Meiryo", sans-serif;

  --font_txt: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic Medium", "Yu Gothic", "Meiryo", sans-serif;

  --font_eng: 'Roboto',sans-serif;

  --text_color: #666;

  --logo_color: #A5A5A5;

}

/*--------------------------------------------------------*/

/*  画像　*/

/*--------------------------------------------------------*/

body img{
	vertical-align:bottom;
	border:0;
	font-size:0;
	line-height:0;
	margin: 0;
	padding: 0;
}

img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
	-webkit-backface-visibility: hidden;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {

img {
	image-rendering: -webkit-optimize-contrast;
}

}

/*--------------------------------------------------------*/

/*  リンク　*/

/*--------------------------------------------------------*/

@media print, screen and (min-width: 768px){

a.anchor{
	display: block;
	padding-top: 80px;
	margin-top: -80px;
}

a {text-decoration: underline;}
a:hover {text-decoration: none;}

a {
overflow: hidden;
}

a.underline{
	text-decoration: underline;
}
a.underline:hover{
	text-decoration: none;
}

}

@media screen and (max-width: 768px){

a.anchor{
	display: block;
	padding-top: 0px;
	margin-top: 0px;
}

a {text-decoration: underline;}
a:link {color:#2477B8;}
a:visited {color:#2477B8;}
a:active {color:#2477B8;}
a:hover {color:#2477B8; text-decoration: none;}

a {
overflow: hidden;
}

a.underline{
	text-decoration: underline;
}
a.underline:hover{
	text-decoration: none;
}

}

/*--------------------------------------------------------*/

/*  ページトップボタン　*/

/*--------------------------------------------------------*/

@media screen and (min-width: 768px){

#page-top {
	position: fixed;
	bottom: 0px;
	right: 20px;
	font-size: 13px;
	line-height:1.2em;
	font-family: 'Roboto Condensed',sans-serif;
	font-weight:400;
	font-feature-settings : "palt";
	letter-spacing:1.0px;
}
#page-top a {
	background: #173B63;
	text-decoration: none;
	color: #FFF;
	width: 60px;
	padding: 10px 0 18px;
	text-align: center;
	display: block;
	border-radius: 8px;
}
#page-top a:hover {
	opacity: .8;
}

}

@media print, screen and (max-width: 768px){

#page-top{
	display:none;
}

}