@charset "utf-8";


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

 * breakpoints

--------------------------------------------------*/
@media (min-width: 769px){}
@media (max-width: 768px){}




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

 * import (css, font, etc)

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





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

 * Basic styles

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

html{
	line-height: 2em;
	font-family: "Roboto Condensed", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;

	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: subpixel-antialiased;
	
	/*font-feature-settings : "palt";*/ /* iphoneでバグる */
}
@media (max-width: 768px){
	html{
		font-size: 78%;
		font-size: 3.33vw;
		line-height: 2em;
	}
}
.g-body{
	margin: 0;
	padding: 0;
}
img{
	border: 0 none;
	vertical-align: middle;
}
input, textarea, button, select{
	font-size: inherit;
	font-family: inherit;
	font-weight: inherit;
	line-height: inherit;
}

/* initialize [r]eset */
.r{
	margin: 0;
	padding: 0;
	vertical-align: top;
	
	list-style: none;
	
	font-size: 1em;
	font-style: normal;
	font-weight: 300;
	
	border: none;
	border-spacing: 0;
	border-collapse: collapse;
	
	appearance: none;
	-webkit-appearance: none;
}

.figure{
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
}

.h{
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
	
	font-weight: bold;
	line-height: 2em;
}
.h0{
	margin: 0;
	padding: 0;
	font-weight: bold;
}

.p{
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
}
.p0{
	margin: 0;
	padding: 0;
}

.small{
	font-size: .75em;
	line-height: 1.5em;
}

.big{
	font-size: 1.25em;
	line-height: 1.5em;
}
.italic{
	font-style: italic;
}

.underline{
	text-decoration: underline;
}

.strong{
	font-weight: bold !important;
}

.light{
	font-weight: normal !important;
}

.ul{
	margin: 0;
	padding: 0;
	margin-left: 1.2em;
	list-style: disc;
}

.ol{
	margin: 0;
	padding: 0;
	margin-left: 1.2em;
	list-style: decimal;
}







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

 * animation

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

@keyframes kf-fadein{
	from{
		opacity:0;
	}
}

@keyframes kf-zoomin{
	from{
		opacity:0;
		transform: scale(.95);
	}
}










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

 * template modules

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

/* debug */
.template__parts{
	overflow: hidden;
	line-height: 1.5em;
	background-color: #ddd;
}
.template__block{
	margin-bottom: 200px;
}
.template__title{
	background: #efefef;
	border-bottom: 3px solid #ccc;
	padding: 10px;
	margin-bottom: 10px;
	
	font-size: 2em;
	font-weight: bold;
	line-height: 1.5em;
	text-align: center;
}
.template__separate{
	height: 0;
	border: 0;
	border-bottom: 1px dotted #666;
	margin-top: 30px;
	margin-bottom: 30px;
}







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

 * Utilities

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

/* responsive */
@media (min-width: 769px){ .for-sp{ display: none !important; } }
@media (max-width: 768px){ .for-pc{ display: none !important; } }




.fit{
	width: 100%;
}
.auto-fit{
	max-width: 100%;
}
@media (min-width: 769px){
	.pc-fit{
		width: 100%;
	}
	.pc-auto-fit{
		max-width: 100%;
	}
}
@media (max-width: 768px){
	.sp-fit{
		width: 100%;
	}
	.sp-auto-fit{
		max-width: 100%;
	}
}






/* text */
.t-center 			{ text-align: center; }
.t-left 			{ text-align: left; }
.t-right 			{ text-align: right; }
@media (min-width: 769px){
	.pc-t-center 	{ text-align: center; }
	.pc-t-left 		{ text-align: left; }
	.pc-t-right 	{ text-align: right; }
}
@media (max-width: 768px){
	.sp-t-center 	{ text-align: center; }
	.sp-t-left 		{ text-align: left; }
	.sp-t-right 	{ text-align: right; }
}









/* [annot]ation */
.annotation{
	margin: 0;
	padding: 0;
	list-style:none;
}
.annotation__item{
	padding-left: 1em;
	text-indent: -1em;
}




/* scroller */
.scroller{
	overflow: auto;
}





/* media */
@media (min-width: 769px){
	.media{
		display: flex;
	}
	.media__image{
		flex: 0 1 auto;
		max-width: 40%;
	}
	.media__image:not(.media__image--right){
		margin-right: 1.25em;
	}
	.media__image--right{
		order: 1;
		margin-left: 1.25em;
	}
	.media__body{
		flex: 1 1 auto;
	}
}
@media (max-width: 768px){
	.media__image{
		text-align: center;
	}
	.media__image + .media__body,
	.media__body + .media__image{
		margin-top: 1em;
	}
}





/* web safe color 216 pattern */
.color-000{ color: #000 !important; }	.color-ffc{ color: #ffc !important; }	.color-9f9{ color: #9f9 !important; }	.color-6ff{ color: #6ff !important; }	.color-33f{ color: #33f !important; }	.color-f0f{ color: #f0f !important; }
.color-333{ color: #333 !important; }	.color-ff9{ color: #ff9 !important; }	.color-6f6{ color: #6f6 !important; }	.color-3ff{ color: #3ff !important; }	.color-00f{ color: #00f !important; }	.color-f0c{ color: #f0c !important; }
.color-666{ color: #666 !important; }	.color-ff6{ color: #ff6 !important; }	.color-3f3{ color: #3f3 !important; }	.color-0ff{ color: #0ff !important; }	.color-30f{ color: #30f !important; }	.color-c09{ color: #c09 !important; }
.color-999{ color: #999 !important; }	.color-ff3{ color: #ff3 !important; }	.color-0f0{ color: #0f0 !important; }	.color-0cf{ color: #0cf !important; }	.color-30c{ color: #30c !important; }	.color-f3c{ color: #f3c !important; }
.color-ccc{ color: #ccc !important; }	.color-ff0{ color: #ff0 !important; }	.color-0f3{ color: #0f3 !important; }	.color-09c{ color: #09c !important; }	.color-63f{ color: #63f !important; }	.color-906{ color: #906 !important; }
.color-fff{ color: #fff !important; }	.color-cf0{ color: #cf0 !important; }	.color-0c3{ color: #0c3 !important; }	.color-3cf{ color: #3cf !important; }	.color-309{ color: #309 !important; }	.color-c39{ color: #c39 !important; }

.color-f30{ color: #f30 !important; }	.color-9c0{ color: #9c0 !important; }	.color-3f6{ color: #3f6 !important; }	.color-069{ color: #069 !important; }	.color-63c{ color: #63c !important; }	.color-f6c{ color: #f6c !important; }
.color-c30{ color: #c30 !important; }	.color-cf3{ color: #cf3 !important; }	.color-093{ color: #093 !important; }	.color-39c{ color: #39c !important; }	.color-96f{ color: #96f !important; }	.color-f09{ color: #f09 !important; }
.color-f63{ color: #f63 !important; }	.color-690{ color: #690 !important; }	.color-3c6{ color: #3c6 !important; }	.color-6cf{ color: #6cf !important; }	.color-60f{ color: #60f !important; }	.color-603{ color: #603 !important; }
.color-930{ color: #930 !important; }	.color-9c3{ color: #9c3 !important; }	.color-6f9{ color: #6f9 !important; }	.color-09f{ color: #09f !important; }	.color-306{ color: #306 !important; }	.color-936{ color: #936 !important; }
.color-c63{ color: #c63 !important; }	.color-cf6{ color: #cf6 !important; }	.color-0f6{ color: #0f6 !important; }	.color-036{ color: #036 !important; }	.color-639{ color: #639 !important; }	.color-c69{ color: #c69 !important; }
.color-f96{ color: #f96 !important; }	.color-9f0{ color: #9f0 !important; }	.color-063{ color: #063 !important; }	.color-369{ color: #369 !important; }	.color-96c{ color: #96c !important; }	.color-c06{ color: #c06 !important; }
.color-f60{ color: #f60 !important; }	.color-360{ color: #360 !important; }	.color-396{ color: #396 !important; }	.color-69c{ color: #69c !important; }	.color-60c{ color: #60c !important; }	.color-f9c{ color: #f9c !important; }

.color-630{ color: #630 !important; }	.color-693{ color: #693 !important; }	.color-6c9{ color: #6c9 !important; }	.color-06c{ color: #06c !important; }	.color-c9f{ color: #c9f !important; }	.color-f39{ color: #f39 !important; }
.color-963{ color: #963 !important; }	.color-9c6{ color: #9c6 !important; }	.color-0c6{ color: #0c6 !important; }	.color-9cf{ color: #9cf !important; }	.color-93f{ color: #93f !important; }	.color-f06{ color: #f06 !important; }
.color-c96{ color: #c96 !important; }	.color-6c0{ color: #6c0 !important; }	.color-9fc{ color: #9fc !important; }	.color-39f{ color: #39f !important; }	.color-90f{ color: #90f !important; }	.color-903{ color: #903 !important; }
.color-c60{ color: #c60 !important; }	.color-cf9{ color: #cf9 !important; }	.color-3f9{ color: #3f9 !important; }	.color-06f{ color: #06f !important; }	.color-609{ color: #609 !important; }	.color-c36{ color: #c36 !important; }
.color-fc9{ color: #fc9 !important; }	.color-9f3{ color: #9f3 !important; }	.color-0f9{ color: #0f9 !important; }	.color-039{ color: #039 !important; }	.color-93c{ color: #93c !important; }	.color-f69{ color: #f69 !important; }
.color-f93{ color: #f93 !important; }	.color-6f0{ color: #6f0 !important; }	.color-096{ color: #096 !important; }	.color-36c{ color: #36c !important; }	.color-c6f{ color: #c6f !important; }	.color-c03{ color: #c03 !important; }
.color-f90{ color: #f90 !important; }	.color-390{ color: #390 !important; }	.color-3c9{ color: #3c9 !important; }	.color-69f{ color: #69f !important; }	.color-90c{ color: #90c !important; }	.color-f36{ color: #f36 !important; }

.color-960{ color: #960 !important; }	.color-6c3{ color: #6c3 !important; }	.color-6fc{ color: #6fc !important; }	.color-03c{ color: #03c !important; }	.color-c3f{ color: #c3f !important; }	.color-f03{ color: #f03 !important; }
.color-c93{ color: #c93 !important; }	.color-9f6{ color: #9f6 !important; }	.color-0c9{ color: #0c9 !important; }	.color-36f{ color: #36f !important; }	.color-c0f{ color: #c0f !important; }	.color-300{ color: #300 !important; }
.color-fc6{ color: #fc6 !important; }	.color-3c0{ color: #3c0 !important; }	.color-3fc{ color: #3fc !important; }	.color-03f{ color: #03f !important; }	.color-303{ color: #303 !important; }	.color-633{ color: #633 !important; }
.color-c90{ color: #c90 !important; }	.color-6f3{ color: #6f3 !important; }	.color-0fc{ color: #0fc !important; }	.color-003{ color: #003 !important; }	.color-636{ color: #636 !important; }	.color-600{ color: #600 !important; }
.color-fc3{ color: #fc3 !important; }	.color-3f0{ color: #3f0 !important; }	.color-033{ color: #033 !important; }	.color-336{ color: #336 !important; }	.color-606{ color: #606 !important; }	.color-966{ color: #966 !important; }
.color-fc0{ color: #fc0 !important; }	.color-030{ color: #030 !important; }	.color-366{ color: #366 !important; }	.color-006{ color: #006 !important; }	.color-969{ color: #969 !important; }	.color-933{ color: #933 !important; }

.color-330{ color: #330 !important; }	.color-363{ color: #363 !important; }	.color-066{ color: #066 !important; }	.color-669{ color: #669 !important; }	.color-939{ color: #939 !important; }	.color-900{ color: #900 !important; }
.color-666{ color: #666 !important; }	.color-060{ color: #060 !important; }	.color-699{ color: #699 !important; }	.color-339{ color: #339 !important; }	.color-909{ color: #909 !important; }	.color-c99{ color: #c99 !important; }
.color-660{ color: #660 !important; }	.color-696{ color: #696 !important; }	.color-399{ color: #399 !important; }	.color-009{ color: #009 !important; }	.color-c9c{ color: #c9c !important; }	.color-c66{ color: #c66 !important; }
.color-996{ color: #996 !important; }	.color-393{ color: #393 !important; }	.color-099{ color: #099 !important; }	.color-99c{ color: #99c !important; }	.color-c6c{ color: #c6c !important; }	.color-c33{ color: #c33 !important; }
.color-993{ color: #993 !important; }	.color-090{ color: #090 !important; }	.color-9cc{ color: #9cc !important; }	.color-66c{ color: #66c !important; }	.color-c3c{ color: #c3c !important; }	.color-cc0{ color: #cc0 !important; }
.color-990{ color: #990 !important; }	.color-9c9{ color: #9c9 !important; }	.color-6cc{ color: #6cc !important; }	.color-33c{ color: #33c !important; }	.color-c0c{ color: #c0c !important; }	.color-fcc{ color: #fcc !important; }

.color-cc9{ color: #cc9 !important; }	.color-6c6{ color: #6c6 !important; }	.color-3cc{ color: #3cc !important; }	.color-00c{ color: #00c !important; }	.color-fcf{ color: #fcf !important; }	.color-f99{ color: #f99 !important; }
.color-cc6{ color: #cc6 !important; }	.color-3c3{ color: #3c3 !important; }	.color-0cc{ color: #0cc !important; }	.color-ccf{ color: #ccf !important; }	.color-f9f{ color: #f9f !important; }	.color-f66{ color: #f66 !important; }
.color-cc3{ color: #cc3 !important; }	.color-0c0{ color: #0c0 !important; }	.color-cff{ color: #cff !important; }	.color-99f{ color: #99f !important; }	.color-f6f{ color: #f6f !important; }	.color-f33{ color: #f33 !important; }
.color-cc0{ color: #cc0 !important; }	.color-cfc{ color: #cfc !important; }	.color-9ff{ color: #9ff !important; }	.color-66f{ color: #66f !important; }	.color-f3f{ color: #f3f !important; }	.color-f00{ color: #f00 !important; }

.bg-000{ background-color: #000 !important; }	.bg-ffc{ background-color: #ffc !important; }	.bg-9f9{ background-color: #9f9 !important; }	.bg-6ff{ background-color: #6ff !important; }	.bg-33f{ background-color: #33f !important; }	.bg-f0f{ background-color: #f0f !important; }
.bg-333{ background-color: #333 !important; }	.bg-ff9{ background-color: #ff9 !important; }	.bg-6f6{ background-color: #6f6 !important; }	.bg-3ff{ background-color: #3ff !important; }	.bg-00f{ background-color: #00f !important; }	.bg-f0c{ background-color: #f0c !important; }
.bg-666{ background-color: #666 !important; }	.bg-ff6{ background-color: #ff6 !important; }	.bg-3f3{ background-color: #3f3 !important; }	.bg-0ff{ background-color: #0ff !important; }	.bg-30f{ background-color: #30f !important; }	.bg-c09{ background-color: #c09 !important; }
.bg-999{ background-color: #999 !important; }	.bg-ff3{ background-color: #ff3 !important; }	.bg-0f0{ background-color: #0f0 !important; }	.bg-0cf{ background-color: #0cf !important; }	.bg-30c{ background-color: #30c !important; }	.bg-f3c{ background-color: #f3c !important; }
.bg-ccc{ background-color: #ccc !important; }	.bg-ff0{ background-color: #ff0 !important; }	.bg-0f3{ background-color: #0f3 !important; }	.bg-09c{ background-color: #09c !important; }	.bg-63f{ background-color: #63f !important; }	.bg-906{ background-color: #906 !important; }
.bg-fff{ background-color: #fff !important; }	.bg-cf0{ background-color: #cf0 !important; }	.bg-0c3{ background-color: #0c3 !important; }	.bg-3cf{ background-color: #3cf !important; }	.bg-309{ background-color: #309 !important; }	.bg-c39{ background-color: #c39 !important; }

.bg-f30{ background-color: #f30 !important; }	.bg-9c0{ background-color: #9c0 !important; }	.bg-3f6{ background-color: #3f6 !important; }	.bg-069{ background-color: #069 !important; }	.bg-63c{ background-color: #63c !important; }	.bg-f6c{ background-color: #f6c !important; }
.bg-c30{ background-color: #c30 !important; }	.bg-cf3{ background-color: #cf3 !important; }	.bg-093{ background-color: #093 !important; }	.bg-39c{ background-color: #39c !important; }	.bg-96f{ background-color: #96f !important; }	.bg-f09{ background-color: #f09 !important; }
.bg-f63{ background-color: #f63 !important; }	.bg-690{ background-color: #690 !important; }	.bg-3c6{ background-color: #3c6 !important; }	.bg-6cf{ background-color: #6cf !important; }	.bg-60f{ background-color: #60f !important; }	.bg-603{ background-color: #603 !important; }
.bg-930{ background-color: #930 !important; }	.bg-9c3{ background-color: #9c3 !important; }	.bg-6f9{ background-color: #6f9 !important; }	.bg-09f{ background-color: #09f !important; }	.bg-306{ background-color: #306 !important; }	.bg-936{ background-color: #936 !important; }
.bg-c63{ background-color: #c63 !important; }	.bg-cf6{ background-color: #cf6 !important; }	.bg-0f6{ background-color: #0f6 !important; }	.bg-036{ background-color: #036 !important; }	.bg-639{ background-color: #639 !important; }	.bg-c69{ background-color: #c69 !important; }
.bg-f96{ background-color: #f96 !important; }	.bg-9f0{ background-color: #9f0 !important; }	.bg-063{ background-color: #063 !important; }	.bg-369{ background-color: #369 !important; }	.bg-96c{ background-color: #96c !important; }	.bg-c06{ background-color: #c06 !important; }
.bg-f60{ background-color: #f60 !important; }	.bg-360{ background-color: #360 !important; }	.bg-396{ background-color: #396 !important; }	.bg-69c{ background-color: #69c !important; }	.bg-60c{ background-color: #60c !important; }	.bg-f9c{ background-color: #f9c !important; }

.bg-630{ background-color: #630 !important; }	.bg-693{ background-color: #693 !important; }	.bg-6c9{ background-color: #6c9 !important; }	.bg-06c{ background-color: #06c !important; }	.bg-c9f{ background-color: #c9f !important; }	.bg-f39{ background-color: #f39 !important; }
.bg-963{ background-color: #963 !important; }	.bg-9c6{ background-color: #9c6 !important; }	.bg-0c6{ background-color: #0c6 !important; }	.bg-9cf{ background-color: #9cf !important; }	.bg-93f{ background-color: #93f !important; }	.bg-f06{ background-color: #f06 !important; }
.bg-c96{ background-color: #c96 !important; }	.bg-6c0{ background-color: #6c0 !important; }	.bg-9fc{ background-color: #9fc !important; }	.bg-39f{ background-color: #39f !important; }	.bg-90f{ background-color: #90f !important; }	.bg-903{ background-color: #903 !important; }
.bg-c60{ background-color: #c60 !important; }	.bg-cf9{ background-color: #cf9 !important; }	.bg-3f9{ background-color: #3f9 !important; }	.bg-06f{ background-color: #06f !important; }	.bg-609{ background-color: #609 !important; }	.bg-c36{ background-color: #c36 !important; }
.bg-fc9{ background-color: #fc9 !important; }	.bg-9f3{ background-color: #9f3 !important; }	.bg-0f9{ background-color: #0f9 !important; }	.bg-039{ background-color: #039 !important; }	.bg-93c{ background-color: #93c !important; }	.bg-f69{ background-color: #f69 !important; }
.bg-f93{ background-color: #f93 !important; }	.bg-6f0{ background-color: #6f0 !important; }	.bg-096{ background-color: #096 !important; }	.bg-36c{ background-color: #36c !important; }	.bg-c6f{ background-color: #c6f !important; }	.bg-c03{ background-color: #c03 !important; }
.bg-f90{ background-color: #f90 !important; }	.bg-390{ background-color: #390 !important; }	.bg-3c9{ background-color: #3c9 !important; }	.bg-69f{ background-color: #69f !important; }	.bg-90c{ background-color: #90c !important; }	.bg-f36{ background-color: #f36 !important; }

.bg-960{ background-color: #960 !important; }	.bg-6c3{ background-color: #6c3 !important; }	.bg-6fc{ background-color: #6fc !important; }	.bg-03c{ background-color: #03c !important; }	.bg-c3f{ background-color: #c3f !important; }	.bg-f03{ background-color: #f03 !important; }
.bg-c93{ background-color: #c93 !important; }	.bg-9f6{ background-color: #9f6 !important; }	.bg-0c9{ background-color: #0c9 !important; }	.bg-36f{ background-color: #36f !important; }	.bg-c0f{ background-color: #c0f !important; }	.bg-300{ background-color: #300 !important; }
.bg-fc6{ background-color: #fc6 !important; }	.bg-3c0{ background-color: #3c0 !important; }	.bg-3fc{ background-color: #3fc !important; }	.bg-03f{ background-color: #03f !important; }	.bg-303{ background-color: #303 !important; }	.bg-633{ background-color: #633 !important; }
.bg-c90{ background-color: #c90 !important; }	.bg-6f3{ background-color: #6f3 !important; }	.bg-0fc{ background-color: #0fc !important; }	.bg-003{ background-color: #003 !important; }	.bg-636{ background-color: #636 !important; }	.bg-600{ background-color: #600 !important; }
.bg-fc3{ background-color: #fc3 !important; }	.bg-3f0{ background-color: #3f0 !important; }	.bg-033{ background-color: #033 !important; }	.bg-336{ background-color: #336 !important; }	.bg-606{ background-color: #606 !important; }	.bg-966{ background-color: #966 !important; }
.bg-fc0{ background-color: #fc0 !important; }	.bg-030{ background-color: #030 !important; }	.bg-366{ background-color: #366 !important; }	.bg-006{ background-color: #006 !important; }	.bg-969{ background-color: #969 !important; }	.bg-933{ background-color: #933 !important; }

.bg-330{ background-color: #330 !important; }	.bg-363{ background-color: #363 !important; }	.bg-066{ background-color: #066 !important; }	.bg-669{ background-color: #669 !important; }	.bg-939{ background-color: #939 !important; }	.bg-900{ background-color: #900 !important; }
.bg-666{ background-color: #666 !important; }	.bg-060{ background-color: #060 !important; }	.bg-699{ background-color: #699 !important; }	.bg-339{ background-color: #339 !important; }	.bg-909{ background-color: #909 !important; }	.bg-c99{ background-color: #c99 !important; }
.bg-660{ background-color: #660 !important; }	.bg-696{ background-color: #696 !important; }	.bg-399{ background-color: #399 !important; }	.bg-009{ background-color: #009 !important; }	.bg-c9c{ background-color: #c9c !important; }	.bg-c66{ background-color: #c66 !important; }
.bg-996{ background-color: #996 !important; }	.bg-393{ background-color: #393 !important; }	.bg-099{ background-color: #099 !important; }	.bg-99c{ background-color: #99c !important; }	.bg-c6c{ background-color: #c6c !important; }	.bg-c33{ background-color: #c33 !important; }
.bg-993{ background-color: #993 !important; }	.bg-090{ background-color: #090 !important; }	.bg-9cc{ background-color: #9cc !important; }	.bg-66c{ background-color: #66c !important; }	.bg-c3c{ background-color: #c3c !important; }	.bg-cc0{ background-color: #cc0 !important; }
.bg-990{ background-color: #990 !important; }	.bg-9c9{ background-color: #9c9 !important; }	.bg-6cc{ background-color: #6cc !important; }	.bg-33c{ background-color: #33c !important; }	.bg-c0c{ background-color: #c0c !important; }	.bg-fcc{ background-color: #fcc !important; }

.bg-cc9{ background-color: #cc9 !important; }	.bg-6c6{ background-color: #6c6 !important; }	.bg-3cc{ background-color: #3cc !important; }	.bg-00c{ background-color: #00c !important; }	.bg-fcf{ background-color: #fcf !important; }	.bg-f99{ background-color: #f99 !important; }
.bg-cc6{ background-color: #cc6 !important; }	.bg-3c3{ background-color: #3c3 !important; }	.bg-0cc{ background-color: #0cc !important; }	.bg-ccf{ background-color: #ccf !important; }	.bg-f9f{ background-color: #f9f !important; }	.bg-f66{ background-color: #f66 !important; }
.bg-cc3{ background-color: #cc3 !important; }	.bg-0c0{ background-color: #0c0 !important; }	.bg-cff{ background-color: #cff !important; }	.bg-99f{ background-color: #99f !important; }	.bg-f6f{ background-color: #f6f !important; }	.bg-f33{ background-color: #f33 !important; }
.bg-cc0{ background-color: #cc0 !important; }	.bg-cfc{ background-color: #cfc !important; }	.bg-9ff{ background-color: #9ff !important; }	.bg-66f{ background-color: #66f !important; }	.bg-f3f{ background-color: #f3f !important; }	.bg-f00{ background-color: #f00 !important; }





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

 * javascript modules

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

/* convert background */
.js-bg{
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.js-bg__trigger{
	visibility: hidden;
}
.js-bg__hide{
	display: block;
	position: fixed;
	left: 110%;
}





/* jsin */
.a-target{
	visibility: hidden;
}
.js-in--active .a-target{
	visibility: visible;
}

.a-target:nth-child( 1){ animation-delay: 0000ms !important; }
.a-target:nth-child( 2){ animation-delay: 0090ms !important; }
.a-target:nth-child( 3){ animation-delay: 0180ms !important; }
.a-target:nth-child( 4){ animation-delay: 0270ms !important; }
.a-target:nth-child( 5){ animation-delay: 0360ms !important; }
.a-target:nth-child( 6){ animation-delay: 0450ms !important; }
.a-target:nth-child( 7){ animation-delay: 0540ms !important; }
.a-target:nth-child( 8){ animation-delay: 0630ms !important; }
.a-target:nth-child( 9){ animation-delay: 0720ms !important; }
.a-target:nth-child(10){ animation-delay: 0810ms !important; }
.a-target:nth-child(11){ animation-delay: 0900ms !important; }
.a-target:nth-child(12){ animation-delay: 0990ms !important; }
.a-target:nth-child(13){ animation-delay: 1080ms !important; }
.a-target:nth-child(14){ animation-delay: 1170ms !important; }
.a-target:nth-child(15){ animation-delay: 1260ms !important; }
.a-target:nth-child(16){ animation-delay: 1350ms !important; }
.a-target:nth-child(17){ animation-delay: 1440ms !important; }
.a-target:nth-child(18){ animation-delay: 1530ms !important; }

.a-fade.js-in--active .a-target{
	animation: jsin-fadeIn 360ms ease-out both;
}
.a-blur.js-in--active .a-target{
	animation: jsin-blurIn 64.0ms linear both;
}
.a-slide.js-in--active .a-target{
	animation: jsin-slideIn 640ms ease-out both;
}
.a-zoom.js-in--active .a-target{
	animation: jsin-zoomIn 640ms ease-out both;
}
.a-hero.js-in--active .a-target{
	animation: jsin-hero 1280ms ease-out both;
}

@keyframes jsin-fadeIn{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}

@keyframes jsin-blurIn{
	from{
		opacity: 0;
		filter: blur(5rem);
	}
	to{
		opacity: 1;
		filter: blur(0);
	}
}

@keyframes jsin-slideIn{
	from{
		opacity: 0;
		transform: translateY(2rem);
	}
	to{
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes jsin-zoomIn{
	from{
		opacity: 0;
		transform: scale(1.75);
	}
	to{
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes jsin-hero{
	from{
		opacity: .5;
		transform: scale(1.2);
		filter: blur(2em);
	}
	to{
		opacity: 1;
		transform: scale(1);
		filter: blur(0);
	}
}





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

 * Space Design

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

/* space */
.gap0{
	margin: 0;
	padding: 0;
}

.gap-a9{
	padding: 11.25rem !important;
}
.gap-a8{
	padding: 9.375rem !important;
}
.gap-a7{
	padding: 7.5rem !important;
}
.gap-a6{
	padding: 6.25rem !important;
}
.gap-a5{
	padding: 5rem !important;
}
.gap-a4{
	padding: 3.75rem !important;
}
.gap-a3{
	padding: 2.5rem !important;
}
.gap-a2{
	padding: 1.25rem !important;
}
.gap-a1{
	padding: .625rem !important;
}

.gap-vp9{
	padding-top: 11.25rem !important;
	padding-bottom: 11.25rem !important;
}
.gap-vp8{
	padding-top: 9.375rem !important;
	padding-bottom: 9.375rem !important;
}
.gap-vp7{
	padding-top: 7.5rem !important;
	padding-bottom: 7.5rem !important;
}
.gap-vp6{
	padding-top: 6.25rem !important;
	padding-bottom: 6.25rem !important;
}
.gap-vp5{
	padding-top: 5rem !important;
	padding-bottom: 5rem !important;
}
.gap-vp4{
	padding-top: 3.75rem !important;
	padding-bottom: 3.75rem !important;
}
.gap-vp3{
	padding-top: 2.5rem !important;
	padding-bottom: 2.5rem !important;
}
.gap-vp2{
	padding-top: 1.25rem !important;
	padding-bottom: 1.25rem !important;
}
.gap-vp1{
	padding-top: .625rem !important;
	padding-bottom: .625rem !important;
}

.gap-vm9{
	margin-top: 11.25rem !important;
	margin-bottom: 11.25rem !important;
}
.gap-vm8{
	margin-top: 9.375rem !important;
	margin-bottom: 9.375rem !important;
}
.gap-vm7{
	margin-top: 7.5rem !important;
	margin-bottom: 7.5rem !important;
}
.gap-vm6{
	margin-top: 6.25rem !important;
	margin-bottom: 6.25rem !important;
}
.gap-vm5{
	margin-top: 5rem !important;
	margin-bottom: 5rem !important;
}
.gap-vm4{
	margin-top: 3.75rem !important;
	margin-bottom: 3.75rem !important;
}
.gap-vm3{
	margin-top: 2.5rem !important;
	margin-bottom: 2.5rem !important;
}
.gap-vm2{
	margin-top: 1.25rem !important;
	margin-bottom: 1.25rem !important;
}
.gap-vm1{
	margin-top: .625rem !important;
	margin-bottom: .625rem !important;
}

.gap-t9{
	margin-top: 11.25rem !important;
}
.gap-t8{
	margin-top: 9.375rem !important;
}
.gap-t7{
	margin-top: 7.5rem !important;
}
.gap-t6{
	margin-top: 6.25rem !important;
}
.gap-t5{
	margin-top: 5rem !important;
}
.gap-t4{
	margin-top: 3.75rem !important;
}
.gap-t3{
	margin-top: 2.5rem !important;
}
.gap-t2{
	margin-top: 1.25rem !important;
}
.gap-t1{
	margin-top: .625rem !important;
}

.gap-b9{
	margin-bottom: 11.25rem !important;
}
.gap-b8{
	margin-bottom: 9.375rem !important;
}
.gap-b7{
	margin-bottom: 7.5rem !important;
}
.gap-b6{
	margin-bottom: 6.25rem !important;
}
.gap-b5{
	margin-bottom: 5rem !important;
}
.gap-b4{
	margin-bottom: 3.75rem !important;
}
.gap-b3{
	margin-bottom: 2.5rem !important;
}
.gap-b2{
	margin-bottom: 1.25rem !important;
}
.gap-b1{
	margin-bottom: .625rem !important;
}










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

 * Components (Parts)

--------------------------------------------------*/
@media (min-width: 769px){}
@media (max-width: 768px){}













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

 * Layout (Basic)

--------------------------------------------------*/
@media (min-width: 769px){}
@media (max-width: 768px){}






/********* container *********/
.g-container{
	
}

@media (min-width: 769px){ .g-container:not(.g-container--noheader){ padding-top: 135px; } }
@media (max-width: 768px){ .g-container:not(.g-container--noheader){ padding-top:  80px; } }

/* theme control */
.theme1 .theme2__item, .theme1 .theme3__item, .theme1 .theme4__item, .theme1 .theme5__item,
.theme2 .theme1__item, .theme2 .theme3__item, .theme2 .theme4__item, .theme2 .theme5__item,
.theme3 .theme1__item, .theme3 .theme2__item, .theme3 .theme4__item, .theme3 .theme5__item,
.theme4 .theme1__item, .theme4 .theme2__item, .theme4 .theme3__item, .theme4 .theme5__item,
.theme5 .theme1__item, .theme5 .theme2__item, .theme5 .theme3__item, .theme5 .theme4__item{
	display: none !important;
}






/* theme color */
.theme1,
.theme1 .pickup-header__number,
.theme1 .contents__number,
.theme1 .contents__title,
.theme1 .ism-header,
.theme1 .ism-section-grid__body{
	color: #fff;
	background-color: #71AC96;
}
.theme2,
.theme2 .pickup-header__number,
.theme2 .contents__number,
.theme2 .contents__title,
.theme2 .ism-header,
.theme2 .ism-section-grid__body{
	color: #fff;
	background-color: #344898;
}
.theme3,
.theme3 .pickup-header__number,
.theme3 .contents__number,
.theme3 .contents__title,
.theme3 .ism-header,
.theme3 .ism-section-grid__body{
	color: #fff;
	background-color: #FF3366;
}
.theme4,
.theme4 .pickup-header__number,
.theme4 .contents__number,
.theme4 .contents__title,
.theme4 .ism-header,
.theme4 .ism-section-grid__body{
	color: #fff;
	background-color: #BC3F9F;
}
.theme5,
.theme5 .pickup-header__number,
.theme5 .contents__number,
.theme5 .contents__title,
.theme5 .ism-header,
.theme5 .ism-section-grid__body{
	color: #fff;
	background-color: #FF6600;
}










/********* g navi *********/
.g-nav{}



/*** Gnav Level 2 ***/
.g-nav__toggle{
	box-sizing: border-box;
	cursor: pointer;
	
	position: fixed;
	z-index: 3;
	top: 1em;
	right: 1em;
	
	width: 40px;
	height: 40px;
	
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background-color: transparent;
}
.g-nav__toggle-icon{
	width: 100%;
}

.g-nav__effect{
	box-sizing: border-box;
	
	position: fixed;
	z-index: 1;
	top: 1em;
	right: 1em;
	
	width: 40px;
	height: 40px;
	border-radius: 100vmax;
	
	color: #FF3366;
	background-color: currentcolor;
	box-shadow: 0 0 0 150vmax;
	
	transition-duration: 300ms;
	transition-timing-function: ease-out;;
	transition-property: box-shadow visibility;
}

@media all and (-ms-high-contrast:none){
	.g-nav__effect{
		border-radius: 100vw;
		box-shadow: 0 0 0 150vw;
	}
}

.g-nav__body{
	box-sizing: border-box;
	
	position: fixed;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	
	padding: 10vmin;
	
	overflow: auto;
	
	color: #fff;
	/*background-color: rgba(0,0,0,.75);*/
	
	
	transition: transform 300ms ease-out;
	transform-origin: right top;
}
.g-nav__body:after{
	content: "";
	box-sizing: border-box;
	display: block;
	height: 10vmin;
}

/* Level 2 active */
.js-nav.js-nav--active .g-nav__toggle-icon--open,
.js-nav:not(.js-nav--active) .g-nav__toggle-icon--close{
	display: none;
}
.js-nav:not(.js-nav--active) .g-nav__effect{
	box-shadow: 0 0 0 0;
	visibility: hidden;
}
.js-nav:not(.js-nav--active) .g-nav__body{
	transform: scale(0);
}



/*** Gnav Level 3 ***/
.g-nav-header{
	margin-bottom: 3em;
}
.g-nav-header__title{
	max-width: 100%;
}

@media (min-width: 769px){
	.g-nav-header{
		max-width: 65%;
	}
}
@media (max-width: 768px){
	.g-nav-header{
		max-width: 80%;
	}
}



.g-nav-list{}
.g-nav-list__items{
	list-style: none;
	margin: 0;
	padding: 0;
	
	margin-bottom: -1em;
}
.g-nav-list__item{
	margin-bottom: 1em;
}
.g-nav-list__more{
	display: flex;
	align-items: center;
	
	color: inherit;
	text-decoration: inherit;
}
.g-nav-list__number{
	line-height: 1.25;
	
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	
	padding: 1em;
	
	width: 4em;
	height: 4em;
	
	border: 1px solid;
}
.g-nav-list__number:before{
	content: "ISM";
	display: block;
}
.g-nav-list__label{}
.g-nav-list__number + .g-nav-list__label{
	margin-left: 1em;
}

@media (min-width: 769px){
	.g-nav-list__items{
		display: flex;
		flex-wrap: wrap;
		
		margin-left: -5%;
	}
	.g-nav-list__item{
		box-sizing: border-box;
		flex: 0 0 45%;
		margin-left: 5%;
	}
}
@media (max-width: 768px){
	.g-nav-list__items{
		
	}
	.g-nav-list__item{
		
	}
}



.g-nav-footer{
	text-align: right;
}
.g-nav-footer:before{
	content: "";
	display: block;
	
	border-top: 1px solid;
	
	margin-top: 3em;
	margin-bottom: 3em;
}
.g-nav-sitelogo{
	display: block;
	max-width: 50%;
	margin-left: auto;
}
.g-nav-sitelogo__data{
	max-width: 100%;
}

@media (max-width: 768px){
	.g-nav-footer:before{
		margin-left: -10vmin;
		margin-right: -10vmin;
	}
}









/********* header *********/
.g-header{
	color: #fff;
	background-color: #28323C;
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	
	box-sizing: border-box;
	
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.g-header__inner{}

@media (min-width: 769px){
	.g-header{
		height: 135px;
	}
}
@media (max-width: 768px){
	.g-header{
		height:  80px;
	}
}



/* grid */
.h-grid{}
.h-grid__logo{}
.h-grid__pageback{
	line-height: 1;
}

@media (min-width: 769px){
	.h-grid{
		padding-left: 2.5%;
	}
	.h-grid__logo{
		margin-top: .65em;
	}
	.h-grid__pageback{}
}
@media (max-width: 768px){
	.h-grid{
		display: flex;
		align-items: center;
		
		box-sizing: border-box;
		padding-left: 3%;
		padding-right: 3%;
	}
	.h-grid__logo{
		order: 1;
		
		flex: 1 1 auto;
		text-align: center;
	}
	.h-grid__pageback{
		flex: 0 0 0;
		width: 0;
		position: relative;
	}
}



/* logo */
.h-logo{}
.h-logo__home{
	color: inherit;
	text-decoration: inherit;
	
	display: inline-flex;
	flex-direction: column;
}
.h-logo__data{}
.h-logo__catch{
	line-height: 2;
	font-size: 0.75em;
	margin: 0;
	margin-top: .25em;
}

@media (min-width: 769px){
	.h-logo__data{
		width: 210px;
	}
	.h-logo__catch{
		font-size: 1em;
	}
}
@media (max-width: 768px){
	.h-logo__data{
		width: 155px;
	}
	.h-logo__catch{
		font-size: 0.75em;
	}
}



/* pageback */
.h-pageback{
	color: inherit;
	font-weight: bold;
	text-decoration: inherit;
	
	display: inline-flex;
	align-items: center;
}
.h-pageback:before{
	content: "";
	margin-right: .5em;
	
	
	width: 1em;
	height: 1em;
	
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../img/base/arrow--left.png);
}










/********* page top *********/
.g-pagetop{
	position: sticky;
	bottom: 0;
	text-align: right;
	
	height: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	
	
	pointer-events: none;
}
.g-pagetop__inner{
	padding-left: 2.5%;
	padding-right: 2.5%;
}
.g-pagetop__trigger{
	/*position: fixed;
	right: 0;
	bottom: 0;*/
	
	line-height: 1;
	font-weight: bold;
	text-decoration: inherit;
	
	width: 4em;
	height: 4em;
	
	box-sizing: border-box;
	border-radius: .25em;
	
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	
	color: #fff;
	background-color: #3C454E;
	box-shadow: 0 0 .33em rgba(0,0,0, .2);
	
	pointer-events: auto;
}
.g-pagetop__trigger:before{
	content: "";
	margin-bottom: .5em;
	
	width: 1em;
	height: 1em;
	
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../img/base/arrow--up.png);
}








/********* page back *********/
.g-breadcrumb{
	color: #fff;
	background-color: #28323C;
}
.g-breadcrumb__list{
	list-style: none;
	margin-block: 0;
	padding-block: 1.38em 0;
	
	display: flex;
	flex-wrap: nowrap;
}
.g-breadcrumb__list > *{
	font-size: .875em;
}
.g-breadcrumb__list > :not(:first-child)::before{
	content: "›";
	margin-inline: .75em;
}
.g-breadcrumb__list :any-link{
	color: inherit;
}
.g-breadcrumb__list :any-link:not(:hover){
	text-decoration: none;
}
.g-breadcrumb__list > :last-child :any-link{
	pointer-events: none;
}




/********* page back *********/
.g-pageback{
	color: #fff;
	background-color: #28323C;
	
	padding-top: 1.38em;
	padding-bottom: 1.38em;
	
	padding-left: 2.5%;
	padding-right: 2.5%;
}
.g-pageback__inner{}
.g-pageback__link{
	color: inherit;
	font-weight: bold;
	text-decoration: inherit;
	
	display: inline-flex;
	align-items: center;
}
.g-pageback__link::before{
	content: "";
	margin-right: .5em;
	
	width: 1em;
	height: 1em;
	
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../img/base/arrow--left.png);
}

@media (min-width: 769px){
	.g-pageback{
		padding-left: 2.5%;
		padding-right: 2.5%;
	}
}
@media (max-width: 768px){
	.g-pageback{
		padding-left: 3%;
		padding-right: 3%;
	}
}








/********* footer *********/
.g-footer{
	color: #fff;
	background-color: #28323C;
	
	padding-top: 1.38em;
	padding-bottom: 1.38em;
}
.g-footer__inner{}

/* combo */
.g-pageback + .g-footer{
	padding-top: 0;
}



/* grid */
.f-grid{
	display: flex;
}
.f-grid__sns{
	order: 1;
}
.f-grid__main{
	flex: 1 1 auto;
}

@media (min-width: 769px){
	.f-grid{
		padding-left: 2.5%;
		padding-right: 2.5%;
	}
	.f-grid__sns{}
	.f-grid__main{}
}
@media (max-width: 768px){
	.f-grid{
		padding-left: 3%;
		padding-right: 3%;
	}
	.f-grid__sns,
	.f-grid__main{
		
	}
	.f-grid__sns{
		
	}
	.f-grid__main{
		
	}
}



/* logo */
.f-logo{
	line-height: 2;
	font-size: .75em;
}
.f-logo__home{
	color: inherit;
	text-decoration: none;
	
	display: inline-flex;
	flex-direction: column;
}
.f-logo__catch{
	margin: 0;
}
.f-logo__data{}
.f-copyright{}
.f-copyright__note{}

@media (min-width: 769px){
	.f-logo__data{
		width: 186px;
	}
}
@media (max-width: 768px){
	.f-logo__data{
		width: 100px;
	}
}



.f-logo-slide{
	margin: 0;
	padding: 0;
	list-style: none;
}
.f-logo-slide__item{}

@media (min-width: 769px){
	.f-logo-slide{
		width: 186px;
	}
}
@media (max-width: 768px){
	.f-logo-slide{
		width: 100px;
	}
}



/* sns */
.f-sns{
	margin: 0;
	padding: 0;
	list-style: none;
}
.f-sns__item{}
.f-sns__item + .f-sns__item{
	margin-top: .25em;
}
.f-sns__more{}
.f-sns__icon{
	width: 1.5em;
}




/* copyright */
.f-copyright{
	font-weight: bold;
}
.f-copyright__note{
	font-size: .75em;
}










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

 * common contents style

--------------------------------------------------*/
@media (min-width: 769px){}
@media (max-width: 768px){}
























@media (min-width: 769px){}
@media (max-width: 768px){}