@charset "UTF-8";
/* CSS Document */


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

共通フォントスタイル

-------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');

html { font-size: 62.5% ; }
body {
    font-size: 1.6rem;
	-webkit-text-size-adjust: 100%;
	line-height: 1.8;
	font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:500;
	letter-spacing:0.1em;
	color: #242424;
}
@media (min-width: 1280px) {
body {
    font-size: calc(1.4rem + ((1vw - 12.8px) * 0.625));
  }
}
@media (min-width: 1920px) {
body {
    font-size: 1.8rem;
  }
}

.x-small { font-size: 1.0rem; }
.small { font-size: 1.2rem; }
.large { font-size: 1.6rem; }
.x-large { font-size: 2.0rem; }
.xx-large { font-size: 2.4rem; }
.xxx-large { font-size: 2.8rem; }

a { text-decoration:none; }
a:link,
a:visited { color: #242424; }
a:hover,
a:active { color:#999; }

.txt-red {
	color:#ff0000;
}

/* txt-link
-------------------------------------------------------*/
.txt-link a {
	position: relative;
	display: inline-block;
	text-decoration: none !important;
	padding: 0 5px;
}
.txt-link a:link, .txt-link a:visited {
	color: #f242424;
}
.txt-link a:hover, .txt-link a:active {
	color: #242424;
}
.txt-link a::after {
	content: '';
	position: absolute;
	top:50%;
	left: 0;
	width: 100%;
	height: 5px;
	margin-top:-3px;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	transform-origin: right top;
	background-color: #000;
	-webkit-transition: transform .3s;
	transition: transform .3s;
}
.txt-link a:hover::after {
	transform-origin: left top;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
}