@charset "UTF-8";

/* ********** ユーティリティ ********** */
/* PC/SPオンリー */
.u-pconly {
	display:block;	
}
br.u-pconly {
	display:inline-block;	
}
.u-sponly {
	display:none;
}
/* フレックスボックス */
.u-fjc {
	justify-content:center;
}
.u-fjs {
	justify-content:space-between;
}
.u-fje {
	justify-content:flex-end;
}
.u-fja {
	justify-content:space-around;
}
.u-fac {
	align-items:center;
}
.u-fas {
	align-items:flex-start;
}
.u-fae {
	align-items:flex-end;
}
/* 幅指定 */
[class*="u-w"] {
  margin-left: auto;
  margin-right: auto;
}
[class*="u-w95"] {
	max-width: 1368px;
	width:95%;
}
[class*="u-w90"] {
	max-width: 1296px;
	width:90%;
}
.u-w90--nl {
    max-width: none;
	width:90%;
}
[class*="u-w85"] {
	max-width: 1224px;
	width:85%;
}
[class*="u-w80"] {
	max-width: 1152px;
	width: 80%;
}
[class*="u-w75"] {
	max-width: 1080px;
	width:75%;
}
[class*="u-w70"] {
	max-width: 1008px;
	width: 70%;
}
[class*="u-w65"] {
	max-width: 936px;
	width: 65%;
}
[class*="u-w60"] {
	max-width: 864px;
	width: 60%;
}
[class*="u-w55"] {
	max-width: 792px;
	width: 55%;
}
[class*="u-w50"] {
	max-width: 720px;
	width: 50%;
}
[class*="u-w45"] {
	max-width: 648px;
	width: 45%;
}
[class*="u-w40"] {
	max-width: 576px;
	width:40%;
}
[class*="u-w35"] {
	max-width: 504px;
	width:35%;
}
[class*="u-w30"] {
	max-width: 432px;
	width:30%;
}
[class*="u-w25"] {
	max-width: 360px;
	width:25%;
}
[class*="u-w20"] {
	max-width: 288px;
	width:20%;
}
[class*="u-w15"]  {
	max-width: 216px;
	width:15%;
}
[class*="u-w10"]  {
	max-width: 144px;
	width:10%;
}
.u-w100 {
	max-width: 1440px;
	width:100%;
}
.u-w95--l,
.u-w90--l,
.u-w85--l,
.u-w80--l,
.u-w75--l,
.u-w70--l,
.u-w65--l,
.u-w60--l,
.u-w55--l,
.u-w50--l,
.u-w45--l,
.u-w40--l,
.u-w35--l,
.u-w30--l,
.u-w25--l,
.u-w20--l,
.u-w15--l,
.u-w10--l {
	margin-left:0;
}
.u-w95--r,
.u-w90--r,
.u-w85--r,
.u-w80--r,
.u-w75--r,
.u-w70--r,
.u-w65--r,
.u-w60--r,
.u-w55--r,
.u-w50--r,
.u-w45--r,
.u-w40--r,
.u-w35--r,
.u-w30--r,
.u-w25--r,
.u-w20--r,
.u-w15--r,
.u-w10--r {
	margin-right:0;
}

/* 上下パディング */
.u-ptb90 {
	padding-top:calc(90 * var(--px));
	padding-bottom:calc(90 * var(--px));
}
.u-ptb80 {
	padding-top:calc(80 * var(--px));
	padding-bottom:calc(90 * var(--px));
}
.u-ptb70 {
	padding-top:calc(70 * var(--px));
	padding-bottom:calc(70 * var(--px));
}
.u-ptb60 {
	padding-top:calc(60 * var(--px));
	padding-bottom:calc(60 * var(--px));
}
.u-ptb50 {
	padding-top:calc(50 * var(--px));
	padding-bottom:calc(50 * var(--px));
}
.u-ptb40 {
	padding-top:calc(40 * var(--px));
	padding-bottom:calc(40 * var(--px));
}
.u-ptb30 {
	padding-top:calc(30 * var(--px));
	padding-bottom:calc(30 * var(--px));
}
.u-ptb20 {
	padding-top:calc(20 * var(--px));
	padding-bottom:calc(20 * var(--px));
}
.u-ptb10 {
	padding-top:calc(10 * var(--px));
	padding-bottom:calc(10 * var(--px));
}
.u-ptb120 {
	padding-top:calc(120 * var(--px));
	padding-bottom:calc(120 * var(--px));
}
.u-ptb110 {
	padding-top:calc(110 * var(--px));
	padding-bottom:calc(110 * var(--px));
}
.u-ptb100 {
	padding-top:calc(100 * var(--px));
	padding-bottom:calc(100 * var(--px));
}
/* パディングトップ */
.u-pt90 {
	padding-top:calc(90 * var(--px));
}
.u-pt80 {
	padding-top:calc(80 * var(--px));
}
.u-pt70 {
	padding-top:calc(70 * var(--px));
}
.u-pt60 {
	padding-top:calc(60 * var(--px));
}
.u-pt50 {
	padding-top:calc(50 * var(--px));
}
.u-pt40 {
	padding-top:calc(40 * var(--px));
}
.u-pt30 {
	padding-top:calc(30 * var(--px));
}
.u-pt20 {
	padding-top:calc(20 * var(--px));
}
.u-pt10 {
	padding-top:calc(10 * var(--px));
}
.u-pt120 {
	padding-top:calc(120 * var(--px));
}
.u-pt110 {
	padding-top:calc(110 * var(--px));
}
.u-pt100 {
	padding-top:calc(100 * var(--px));
}
/* パディングボトム */
.u-pb90 {
	padding-bottom:calc(90 * var(--px));
}
.u-pb80 {
	padding-bottom:calc(80 * var(--px));
}
.u-pb70 {
	padding-bottom:calc(70 * var(--px));
}
.u-pb60 {
	padding-bottom:calc(60 * var(--px));
}
.u-pb50 {
	padding-bottom:calc(50 * var(--px));
}
.u-pb40 {
	padding-bottom:calc(40 * var(--px));
}
.u-pb30 {
	padding-bottom:calc(30 * var(--px));
}
.u-pb20 {
	padding-bottom:calc(20 * var(--px));
}
.u-pb10 {
	padding-bottom:calc(10 * var(--px));
}
.u-pb120 {
	padding-bottom:calc(120 * var(--px));
}
.u-pb110 {
	padding-bottom:calc(110 * var(--px));
}
.u-pb100 {
	padding-bottom:calc(100 * var(--px));
}
/* 上下マージン */
.u-mtb90 {
	margin-top:calc(90 * var(--px));
	margin-bottom:calc(90 * var(--px));
}
.u-mtb80 {
	margin-top:calc(80 * var(--px));
	margin-bottom:calc(80 * var(--px));
}
.u-mtb70 {
	margin-top:calc(70 * var(--px));
	margin-bottom:calc(70 * var(--px));
}
.u-mtb60 {
	margin-top:calc(60 * var(--px));
	margin-bottom:calc(60 * var(--px));
}
.u-mtb50 {
	margin-top:calc(50 * var(--px));
	margin-bottom:calc(50 * var(--px));
}
.u-mtb40 {
	margin-top:calc(40 * var(--px));
	margin-bottom:calc(40 * var(--px));
}
.u-mtb30 {
	margin-top:calc(30 * var(--px));
	margin-bottom:calc(30 * var(--px));
}
.u-mtb20 {
	margin-top:calc(20 * var(--px));
	margin-bottom:calc(20 * var(--px));
}
.u-mtb10 {
	margin-top:calc(10 * var(--px));
	margin-bottom:calc(10 * var(--px));
}
.u-mtb120 {
	margin-top:calc(120 * var(--px));
	margin-bottom:calc(120 * var(--px));
}
.u-mtb110 {
	margin-top:calc(110 * var(--px));
	margin-bottom:calc(110 * var(--px));
}
.u-mtb100 {
	margin-top:calc(100 * var(--px));
	margin-bottom:calc(100 * var(--px));
}
/* マージントップ */
.u-mt90 {
	margin-top:calc(90 * var(--px));
}
.u-mt80 {
	margin-top:calc(80 * var(--px));
}
.u-mt70 {
	margin-top:calc(70 * var(--px));
}
.u-mt60 {
	margin-top:calc(60 * var(--px));
}
.u-mt50 {
	margin-top:calc(50 * var(--px));
}
.u-mt40 {
	margin-top:calc(40 * var(--px));
}
.u-mt30 {
	margin-top:calc(30 * var(--px));
}
.u-mt20 {
	margin-top:calc(20 * var(--px));
}
.u-mt10 {
	margin-top:calc(10 * var(--px));
}
.u-mt120 {
	margin-top:calc(120 * var(--px));
}
.u-mt110 {
	margin-top:calc(110 * var(--px));
}
.u-mt100 {
	margin-top:calc(100 * var(--px));
}
/* マージンボトム */
.u-mb90 {
	margin-bottom:calc(90 * var(--px));
}
.u-mb80 {
	margin-bottom:calc(80 * var(--px));
}
.u-mb70 {
	margin-bottom:calc(70 * var(--px));
}
.u-mb60 {
	margin-bottom:calc(60 * var(--px));
}
.u-mb50 {
	margin-bottom:calc(50 * var(--px));
}
.u-mb40 {
	margin-bottom:calc(40 * var(--px));
}
.u-mb30 {
	margin-bottom:calc(30 * var(--px));
}
.u-mb20 {
	margin-bottom:calc(20 * var(--px));
}
.u-mb10 {
	margin-bottom:calc(10 * var(--px));
}
.u-mb120 {
	margin-bottom:calc(120 * var(--px));
}
.u-mb110 {
	margin-bottom:calc(110 * var(--px));
}
.u-mb100 {
	margin-bottom:calc(100 * var(--px));
}
/* 背景カラー */
.u-cgray {
	background:#eee;
}
.u-cwhite {
	background:#fff;
}
/* フォント */
.u-ffe {
	font-family: 'Roboto Condensed', sans-serif; 
}
.u-tac {
	text-align:center;
}
/* アイコン */
.u-pdf:before,
.u-word:before,
.u-excel:before {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	display: inline-block;
}
.u-pdf:before {
	content: "\f1c1";
	color:#f13232;
}
.u-word:before {
	content: "\f1c2";
	color:#014fd1;
}
.u-excel:before {
	content: "\f1c3";
	color:#009546;
}
/* **************************************************************** */
/* ********************** スマートフォン対応 ************************* */

@media screen and (max-width:810px) {
	/* PC/SPオンリー */
	.u-sponly {
		display:block;	
	}
	br.u-sponly {
	    display:inline-block;	
	}
	.u-pconly,
	br.u-pconly	{
		display:none;	
	}
	/* 幅 */
	[class*="u-w1"],
	[class*="u-w9"],
	[class*="u-w8"],
	[class*="u-w7"],
	[class*="u-w6"],
	[class*="u-w5"],
	[class*="u-w4"], 
	[class*="u-w3"],
	[class*="u-w2"] {
		width:96%;
		max-width:100%;
		margin-right: auto;
		margin-left: auto;
	/*	padding-right: unset;
		padding-left: unset; */
	}
	/* 上下パディング */
	.u-ptb120,
	.u-ptb110,
	.u-ptb100,
	.u-ptb90, 
	.u-ptb80, 
	.u-ptb70 {
		padding-top:60px;
		padding-bottom:60px;
	}
	.u-ptb60, 
	.u-ptb50 {
		padding-top:40px;
		padding-bottom:40px;
	}
	.u-ptb40, 
	.u-ptb30 {
		padding-top:30px;
		padding-bottom:30px;
	}
	.u-ptb20 {
		padding-top:20px;
		padding-bottom:20px;
	}
	.u-ptb10 {
		padding-top:10px;
		padding-bottom:10px;
	}
	/* パディングトップ */
	.u-pt120,
	.u-pt110,
	.u-pt100,
	.u-pt90, 
	.u-pt80, 
	.u-pt70 {
		padding-top:60px;
	}
	.u-pt60, 
	.u-pt50 {
		padding-top:40px;
	}
	.u-pt40, 
	.u-pt30 {
		padding-top:30px;
	}
	.u-pt20 {
		padding-top:20px;
	}
	.u-pt10 {
		padding-top:10px;
	}
	/* パディングボトム */
	.u-pb120,
	.u-pb110,
	.u-pb100,
	.u-pb90, 
	.u-pb80, 
	.u-pb70 {
		padding-bottom:60px;
	}
	.u-pb60, 
	.u-pb50 {
		padding-bottom:40px;
	}
	.u-pb40, 
	.u-pb30 {
		padding-bottom:30px;
	}
	.u-pb20 {
		padding-bottom:20px;
	}
	.u-pb10 {
		padding-bottom:10px;
	}
	/* 上下マージン */
	.u-mtb120,
	.u-mtb110,
	.u-mtb100,
	.u-mtb90, 
	.u-mtb80, 
	.u-mtb70 {
		margin-top:60px;
		margin-bottom:60px;
	}
	.u-mtb60, 
	.u-mtb50 {
		margin-top:40px;
		margin-bottom:40px;
	}
	.u-mtb40, 
	.u-mtb30 {
		margin-top:30px;
		margin-bottom:30px;
	}
	.u-mtb20 {
		margin-top:20px;
		margin-bottom:20px;
	}
	.u-mtb10 {
		margin-top:10px;
		margin-bottom:10px;
	}
	/* マージントップ */
	.u-mt120,
	.u-mt110,
	.u-mt100,
	.u-mt90, 
	.u-mt80, 
	.u-mt70 {
		margin-top:60px;
	}
	.u-mt60, 
	.u-mt50 {
		margin-top:40px;
	}
	.u-mt40, 
	.u-mt30 {
		margin-top:30px;
	}
	.u-mt20 {
		margin-top:20px;
	}
	.u-mt10 {
		margin-top:10px;
	}
	/* マージンボトム */
	.u-mb120,
	.u-mb110,
	.u-mb100,
	.u-mb90, 
	.u-mb80, 
	.u-mb70 {
		margin-bottom:60px;
	}
	.u-mb60, 
	.u-mb50 {
		margin-bottom:40px;
	}
	.u-mb40, 
	.u-mb30 {
		margin-bottom:30px;
	}
	.u-mb20 {
		margin-bottom:20px;
	}
	.u-mb10 {
		margin-bottom:10px;
	}
}