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

/*------------------------------
	common style
-------------------------------- */
body {
	/*font-size: 16px;   fontsize_m.cssで標準のfontsizeを設定、fontsize_l.css　で書き換える*/
	line-height: 1.75em;
	color: #333;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 500;
	background-color: #FeFeFe;
}
img {
	max-width: 100%;
	height: auto;
}
h1 {
	font-size: 1.25rem;
}
.sans-serif{
     font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}

@media screen and (max-width: 400px) {
	body {
		font-size: 14px;
	}
}

/*------------------------------
	responsive
-------------------------------- */
@media screen and (min-width: 601px) {
	.pcnone {
		display: none;
	}
}
@media screen and (max-width: 600px) {
	.spnone {
		display: none;
	}
}
/*------------------------------
	a link,visited,active,hover
-------------------------------- */
a {
	color: #1773B1;
	text-decoration: underline;
}
a:active,
a:hover {
	color: #2C97DF;
	text-decoration: none;
}
.button:hover, 
.hover:hover {
	cursor: pointer;
}

.hover:hover {
	opacity: 0.7;
	transition: all 0.3s ease;
}

.button:hover {
	transform: translateY(1px);
}

a[target="_blank"]:after {
	content: '\f35d';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #aaa;
	font-size: 0.75rem;
	padding-left: 0.45rem;
	text-decoration: none;
	display: inline-block;
}
a[href$=".xlsx"]:before, 
a[href$=".xlsm"]:before, 
a[href$=".xlsb"]:before, 
a[href$=".xltx"]:before, 
a[href$=".xltm"]:before, 
a[href$=".xls"]:before, 
a[href$=".xlt"]:before, 
a[href$=".xml"]:before, 
a[href$=".xlam"]:before, 
a[href$=".xla"]:before, 
a[href$=".xlw"]:before, 
a[href$=".xlr"]:before {
	/*content: '';
	background-image: url("../img/icon/xls.png");
	display: inline-block;
	width: 1rem;
	height: 1rem;
	margin-right: 0.4rem;
	background-repeat: no-repeat;
    background-size: contain;
	vertical-align: middle;*/
	content: '\f1c3'; /*excelアイコン*/
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 1rem;
	color: #107c41;
	padding-right: 0.5rem;
}
a[href$=".doc"]:before, 
a[href$=".docm"]:before, 
a[href$=".docx"]:before, 
a[href$=".dot"]:before {
	/*content: '';
	background-image: url("../img/icon/doc.png");
	display: inline-block;
	width: 1rem;
	height: 1rem;
	margin-right: 0.4rem;
	background-repeat: no-repeat;
    background-size: contain;
	vertical-align: middle;*/
	content: '\f1c2'; /*excelアイコン*/
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 1rem;
	color: #185abd;
	padding-right: 0.5rem;
}
a[href$=".pdf"]:before {
	content: '\f1c1'; /*pdfアイコン*/
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 1rem;
	color: #ff2116;
	padding-right: 0.5rem;
}

a[target="_blank"].icon-none:after {
	content: none;
}
a[href$=".xlsx"].icon-none:before, 
a[href$=".xlsm"].icon-none:before, 
a[href$=".xlsb"].icon-none:before, 
a[href$=".xltx"].icon-none:before, 
a[href$=".xltm"].icon-none:before, 
a[href$=".xls"].icon-none:before, 
a[href$=".xlt"].icon-none:before, 
a[href$=".xml"].icon-none:before, 
a[href$=".xlam"].icon-none:before, 
a[href$=".xla"].icon-none:before, 
a[href$=".xlw"].icon-none:before, 
a[href$=".xlr"].icon-none:before {
	content: none;
}

/*------------------------------
	ul, ol
-------------------------------- */
.list-reset {
	margin-left: 0;
    padding-left: 0;
    list-style: none;
}
.inner {
	width: 900px;
	margin: 0 auto;
}

@media screen and (max-width: 1028px) {
	.inner {
		width: calc(100% - 6rem);
		margin: 0 auto;
	}
	.inner.inner__pc-only {
		/*PC版でのみ左右に余白、それ以外では100%になるinner*/
		width: 100%;
	}
}

@media screen and (max-width: 1000px) {
	.inner {
		width: calc(100% - 4rem);
	}
}

@media screen and (max-width: 600px) {
	.inner {
		width: calc(100% - 3rem);
	}
}

@media screen and (max-width: 400px) {
	.inner {
		width: calc(100% - 1.5rem);
	}
}