@charset "utf-8";
/*
 * ==========================================================================
 *
 * [content]
 *
 * ==========================================================================
 */
/**
 * 幅指定
 */
.w33p { width: 33%; }
.w48p { width: 48%; }
.w49p { width: 49%; }
.w50p { width: 50%; }
.w90p { width: 90%; }
.w110 { width: 110px; }
.w120 { width: 120px; }
.w130 { width: 130px; }
.w140 { width: 140px; }
.w150 { width: 150px; }
.w160 { width: 160px; }
.w170 { width: 170px; }
.w180 { width: 180px; }
.w190 { width: 190px; }
.w200 { width: 200px; }
.w210 { width: 210px; }
.w220 { width: 220px; }
.w230 { width: 230px; }
.w240 { width: 240px; }
.w250 { width: 250px; }
.w260 { width: 260px; }
.w270 { width: 270px; }
.w280 { width: 280px; }
.w290 { width: 290px; }
.w300 { width: 300px; }
.w310 { width: 310px; }
.w320 { width: 320px; }
.w330 { width: 330px; }
.w340 { width: 340px; }
.w400 { width: 400px; }
.w410 { width: 410px; }
.w420 { width: 420px; }
.w430 { width: 430px; }
.w440 { width: 440px; }
.w450 { width: 450px; }
.w470 { width: 470px; }
.w480 { width: 480px; }
.w490 { width: 490px; }
.w500 { width: 500px; }
.w510 { width: 510px; }
.w520 { width: 520px; }
.w540 { width: 540px; }
.w550 { width: 550px; }
.w570 { width: 570px; }
.w680 { width: 680px; }
.w1em { width: 1em; }
.w2em { width: 2em; }
.w3em { width: 3em; }
.w3hem { width: 3.5em; }
.w4em { width: 4em; }
.w4hem { width: 4.5em; }
.w5em { width: 5em; }
.w5hem { width: 5.5em; }
.w6em { width: 6em; }
.w6hem { width: 6.5em; }
.w7em { width: 7em; }
.w8em { width: 8em; }
.w9em { width: 9em; }
.w10em { width: 10em; }
.w11em { width: 11em; }
.w12em { width: 12em; }
.w13em { width: 13em; }
.w14em { width: 14em; }
.w15em { width: 15em; }
.w16em { width: 16em; }
.w17em { width: 17em; }
.w18em { width: 18em; }
.w19em { width: 19em; }
.w20em { width: 20em; }
/**
 * レイアウト
 */
.mL1hem { margin-left: 1.5em; }
.mL2em { margin-left: 2em; }
.mL2hem { margin-left: 2.5em; }
.mL3em { margin-left: 3em; }
.mL3hem { margin-left: 3.5em; }
.mL4em { margin-left: 4em; }
.mL4hem { margin-left: 4.5em; }
.mL5em { margin-left: 5em; }
.mL6em { margin-left: 6em; }
.mL7em { margin-left: 7em; }
.mL8em { margin-left: 8em; }
.mB60 { margin-bottom: 60px; }
.mB70 { margin-bottom: 70px; }
.mB80 { margin-bottom: 80px; }
/**
 * 文字サイズ
 */
.s0-8r { font-size: 0.8rem; }
.s1-0r { font-size: 1.0rem; }
.s1-1r { font-size: 1.1rem; }
.s1-2r { font-size: 1.2rem; }
.s1-3r { font-size: 1.3rem; }
.s1-4r { font-size: 1.4rem; }
.s1-5r { font-size: 1.5rem; }
.s1-6r { font-size: 1.6rem; }
.s1-7r { font-size: 1.7rem; }
.s1-8r { font-size: 1.8rem; }
.s1-9r { font-size: 1.9rem; }
.s2-0r { font-size: 2.0rem; }
.s2-1r { font-size: 2.1rem; }
.s2-2r { font-size: 2.2rem; }
.s2-3r { font-size: 2.3rem; }
.s2-4r { font-size: 2.4rem; }
.s2-5r { font-size: 2.5rem; }
.s2-6r { font-size: 2.6rem; }
.s2-8r { font-size: 2.8rem; }
.s2-9r { font-size: 2.9rem; }
.s3-0r { font-size: 3.0rem; }
.s3-3r { font-size: 3.3rem; }
.s3-4r { font-size: 3.4rem; }
.s3-5r { font-size: 3.5rem; }
.s3-8r { font-size: 3.8rem; }
.s4-0r { font-size: 4.0rem; }
.s5-0r { font-size: 5.0rem; }
/**
 * 見出し
 */
.headStyle01 {
	font-size: 2.3rem;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 30px;
	position: relative;
}
	.headStyle01::before,
	.headStyle01::after {
		display: block;
		content: "";
		width: 50%;
		height: 8px;
		background: #b4b4b4;
		position: absolute;
		top: 0.5em;
		-webkit-transform:skewX(-18deg);
		    -ms-transform:skewX(-18deg);
		        transform:skewX(-18deg);
	}
	.headStyle01::before { left: 0; }
	.headStyle01::after { right: 0; }
.headStyle02 {
	color: #666;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 20px;
}
/**
 * リスト
 */
.listStyle01 {
	padding: 0;
	margin: 0;
}
	.listStyle01 > li {
		list-style-type: disc;
		margin-left: 1.5em;
		position: relative;
	}
.listStyle02 {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
/**
 * ボックス
 */
.sectionVox {}
#loaderVox {
	background: scroll url(../../images/content/content/ico_loader.gif) no-repeat center center;
	height: 50px;
	margin-bottom: 25px;
}
/**
 * ボタン
 */
.btnStyle01 {}
/**
 * テーブル
 */
.tableStyle01 {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #aaa;
}
	.tableStyle01 th,
	.tableStyle01 td {
		line-height: 1.5;
		text-align: left;
		padding: 10px 0;
		border-bottom: 1px solid #aaa;
	}
	.tableStyle01 th {
		white-space: nowrap;
		font-size: 1.6rem;
		font-weight: bold;
		vertical-align: top;
		padding-right: 10px;
	}
	.tableStyle01 td { padding-left: 20px; }
.tableStyle02 {
	line-height: 1.8;
	width: 100%;
	border-collapse: collapse;
}
	.tableStyle02 th {
		white-space: nowrap;
		font-weight: bold;
		text-align: left;
		padding-right: 20px;
	}
/**
 * scroll
 */
.scrollVox {
	padding-bottom: 10px;
	overflow-x: auto;
}
.scrollVox::-webkit-scrollbar { height: 10px; }
.scrollVox::-webkit-scrollbar-track {
	background: #eee;
	border-radius: 10px;
}
.scrollVox::-webkit-scrollbar-thumb {
	background: #666;
	border-radius: 10px;
}
/**
 * alphaBg & popupWrapper
 */
#alphaBg {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 200;
	background: #fff;
	display: none;
	opacity: 0;
}
.popupWrapper {
	display: none;
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0;
	width: 1000px;
	margin-left: -500px;
	z-index: 2100;
	/*visibility: hidden;*/
}
	.popupWrapper .closeVox {
		height: 30px;
	}
	.popupWrapper .popupCloseBt {
		position: absolute;
		top: 0;
		right: 0;
		width: 30px;
		height: 30px;
	}
		.popupWrapper .popupCloseBt span {
			display: block;
			width: 30px;
			height: 2px;
			background: #9F9F95;
			position: absolute;
			left: 50%;
			top: 50%;
			margin: -5px 0 0 -15px;
		}
		.popupWrapper .popupCloseBt span:nth-child(1) {
			-webkit-transform: rotate(-45deg);
		      -ms-transform: rotate(-45deg);
		          transform: rotate(-45deg);
		}
		.popupWrapper .popupCloseBt span:nth-child(2) {
			-webkit-transform: rotate(45deg);
		      -ms-transform: rotate(45deg);
		          transform: rotate(45deg);
		}
	.popupWrapper .contentWrapper {}
#popupContents {
	display: none;
}
/**
 * transition series
 */
.trOp01 {
	-webkit-transition: opacity .2s linear;
	-ms-transition: opacity .2s linear;
	transition: opacity .2s linear;
}
.trOp01:hover,
.trOp01.active {
	opacity: 0.6;
}
.trScl01 {
	-webkit-transition: transform .5s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: transform .5s cubic-bezier(0.19, 1, 0.22, 1);
	transition: transform .5s cubic-bezier(0.19, 1, 0.22, 1);
}
.trScl01:hover,
.trScl01.active {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	z-index: 1;
}
.trSwR01 {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	    -ms-transform: perspective(1px) translateZ(0);
	        transform: perspective(1px) translateZ(0);
	position: relative;
	-webkit-transition: color .5s linear;
	    -ms-transition: color .5s linear;
	        transition: color .5s linear;
}
.trSwR01::before {
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: scaleX(0);
	    -ms-transform: scaleX(0);
	        transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	    -ms-transform-origin: 0 50%;
	        transform-origin: 0 50%;
	-webkit-transition: transform .5s cubic-bezier(0.19, 1, 0.22, 1);
	    -ms-transition: transform .5s cubic-bezier(0.19, 1, 0.22, 1);
	        transition: transform .5s cubic-bezier(0.19, 1, 0.22, 1);
}
.trSwR01.active::before,
.trSwR01:hover::before {
	-webkit-transform: scaleX(1);
	    -ms-transform: scaleX(1);
	        transform: scaleX(1);
}
/**
 * ホバー用
 */
.hvStyleWrapper {}
	.hvStyleWrapper a {
		text-decoration: none;
		color: #333;
	}
.hvStyle01 {}
/**
 * フォーム
 */
.formErrVox {
  display: none;
  border: 10px solid #ffdada;
  padding: 10px;
  color: #c00000 !important;
}
body.error .formErrVox {
  display: block;
}
.caution {
  margin-top: 5px;
  color: #c00000;
}
/**
 * その他
 */
.sclObj {
	transform-origin: center top;
	transform: scale(0.8);
}
/**
 ****************************************************
 *
 * screens larger than 1024
 *
 ****************************************************
 */
@media screen and (min-width: 1025px) {
	.pcDspNone { display: none; }
}	/*  @media END */
/**
 ****************************************************
 *
 * screens smaller than 1025
 *
 ****************************************************
 */
@media screen and (max-width: 1024px) {
	.spDspNone { display: none; }
	.fitImg { max-width: 100%; }
	.s0-8r { font-size: 0.6rem; }
	.s1-0r { font-size: 1.0rem; }
	.s1-1r { font-size: 1.1rem; }
	.s1-2r { font-size: 1.1rem; }
	.s1-3r { font-size: 1.1rem; }
	.s1-4r { font-size: 1.2rem; }
	.s1-5r { font-size: 1.2rem; }
	.s1-6r { font-size: 1.2rem; }
	.s1-7r { font-size: 1.3rem; }
	.s1-8r { font-size: 1.3rem; }
	.s1-9r { font-size: 1.3rem; }
	.s2-0r { font-size: 1.4rem; }
	.s2-1r { font-size: 1.4rem; }
	.s2-2r { font-size: 1.4rem; }
	.s2-3r { font-size: 1.5rem; }
	.s2-4r { font-size: 1.5rem; }
	.s2-5r { font-size: 1.5rem; }
	.s2-6r { font-size: 1.6rem; }
	.s2-8r { font-size: 1.6rem; }
	.s2-9r { font-size: 1.6rem; }
	.s3-0r { font-size: 1.7rem; }
	.s3-3r { font-size: 1.7rem; }
	.s3-4r { font-size: 1.7rem; }
	.s3-5r { font-size: 1.7rem; }
	.s3-8r { font-size: 1.8rem; }
	.s4-0r { font-size: 3.0rem; }
	.s5-0r { font-size: 3.5rem; }
	/**
	 * 見出し
	 */
	.headStyle01 { font-size: 1.8rem; }
	.headStyle01::before,
	.headStyle01::after {
		height: 4px;
		top: 50%;
		margin-top: -2px;
	}
	.headStyle02 {
		font-size: 1.8rem;
		margin-bottom: 10px;
	}
	/**
	 * ボタン
	 */
	.btnStyle01 {}
		.btnStyle01 span,
		.btnStyle01 a {
			width: 215px;
			padding: 15px 0;
		}
	/**
	 * テーブル用スタイル
	 */
	table colgroup col { width: auto !important; }
	table.vertical,
	table.vertical caption,
	table.vertical thead,
	table.vertical tbody,
	table.vertical tr,
	table.vertical th,
	table.vertical td {
		display: block;
		width: 100%;
		border: none;
	}
		table.vertical tbody th,
		table.vertical tbody td { margin-top: -1px; }
	/**
	 * transition series
	 */
	.trOp01 {
		transition: none;
	}
	.trOp01:hover {
		opacity: 1.0;
	}
	.trScl01 {
		transition: none;
	}
	.trScl01:hover {
		transform: scale(1.0);
	}


}	/*  @media END */