@charset "utf-8";



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

 * import (css, font, etc)

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





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

 * Basic styles

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

html{
	line-height: 2em;
	font-weight: 400;
	letter-spacing: .02em;
	font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: subpixel-antialiased;
	
	/*font-feature-settings : "palt";*/ /* iphoneでバグる */
}
@media (max-width: 768px){
	html{
		font-size: 80%;
		line-height: 2em;
	}
}
.body{
	margin: 0;
	padding: 0;
}
img{
	border: 0 none;
	vertical-align: middle;
}
input, textarea, button, select{
	font-size: 1rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a{
	transition: opacity 150ms ease-out;
}
a:hover{
	opacity: .65;
}

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

.a{
	color: #308BD9;
	cursor: pointer;
	text-decoration: underline;
}
.a:hover{
	text-decoration: none;
	
	filter: hue-rotate(90deg);
	-webkit-filter: hue-rotate(90deg);
}
.a:active{}
.a:visited{}
@media (min-width: 769px){
	.sp-a{
		color: inherit;
		text-decoration: none;
		pointer-events: none;
	}
}
@media (max-width: 768px){
	.pc-a{
		color: inherit;
		text-decoration: none;
		pointer-events: 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;
}





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

 * Aqua bank EC Basic skin

--------------------------------------------------*/
.aquabankBody{
	margin: 0;
	right: 0;
	color: #111111;
}
a{
	color: #308BD9;
	text-decoration: none;
}





/* test */
@media (min-width: 769px){
	input[type=radio],
	input[type=checkbox]{
		width: 1.3em;
		height: 1.3em;
		vertical-align: middle;
		margin: 0 .3125em;
	}
}
@media (max-width: 768px){
	input[type=radio],
	input[type=checkbox]{
		width: 1.5em;
		height: 1.5em;
		font-size: 1.5em;
	}
}
/*
@-moz-document url-prefix(){
	input[type=radio],
	input[type=checkbox]{
		width: 1rem;
		height: 1rem;
		margin: 0.46875em;
		transform: scale(1.3);
	}
}
*/





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

 * animation

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

.hover-zoom{
	transform: scale(1);
	-webkit-transform: scale(1);
	
	transition: transform .3s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition: transform .3s cubic-bezier(0.23, 1, 0.32, 1);
}
.hover-zoom:hover{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}




.hover-fade{
	opacity: 1;
	
	transition: opacity .15s ease-out;
	-webkit-transition: opacity .15s ease-out;
}
.hover-fade:hover{
	opacity: .6;
}



/* not support (IE11) */
.hover-invert{
	transition: filter .15s ease-out;
	-webkit-transition: filter .15s ease-out;
}
.hover-invert:hover{
	filter: invert(100%);
	-webkit-filter: invert(100%);
}






@keyframes kf-fadein{
	0% { opacity:0; }
	100% { opacity:1; }
}
@-webkit-keyframes kf-fadein{
	0% { opacity:0; }
	100% { opacity:1; }
}




@keyframes kf-zoomin{
	0% {
		opacity:0;
		transform: scale(.95);
	}
	100% {
		opacity:1;
		transform: scale(1);
	}
}
@-webkit-keyframes kf-zoomin{
	0% {
		opacity:0;
		-webkit-transform: scale(.95);
	}
	100% {
		opacity:1;
		-webkit-transform: scale(1);
	}
}




@keyframes kf-accordion{
	0%{
		opacity: 0;
		transform: translateY(-20px);
	}
	100%{
		opacity: 1;
		transform: translateY(0px);
	}
}





@keyframes kf-gnavi_appearance{
	from{
		transform: translateY(-100%);
	}
	to{
		transform: translateY(0%);
	}
}



/*
@keyframes kf-accordion{
	from{
		transform: scaleY(0);
	}
	to{
		transform: scaleY(1);
	}
}
*/




@keyframes kf-hero_slider{
	from{
		opacity: 0;
		transform: scale(1.2);
	}
	5%{
		opacity: 1;
	}
	to{
		transform: scale(1);
	}
}







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

 * 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;
}

.dummy{
	text-align: center;
	padding:  1em;
	border: 3px dotted #f00;
	animation: kf-blink 320ms ease-in infinite alternate;
	-webkit-animation: kf-blink 320ms ease-in infinite alternate;
}

@keyframes kf-blink{
	from 	{ opacity: 1; }
	to 		{ opacity: 0; }
}
@-webkit-keyframes kf-blink{
	from 	{ opacity: 1; }
	to 		{ opacity: 0; }
}






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

 * Utilities

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

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




.fit{
	width: 100%;
}
.fit--fixed{
	max-width: 100%;
}
@media (min-width: 769px){
	.pc-fit{
		width: 100%;
	}
	.pc-fit--fixed{
		max-width: 100%;
	}
}
@media (max-width: 768px){
	.sp-fit{
		width: 100%;
	}
	.sp-fit--fixed{
		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; }
}

.important{
	color: #AE2C31 !important;
}

.must{
	color: #AE2C31 !important;
	font-size: .875em;
	line-height: 1.5em;
}

/* 改行 (1行落とす) */
.drop{
	margin-bottom: 1em;
}











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


/* jsがoffの警告 */
.noscript{
	color: #f00;
	font-weight:bold;
	text-align:center;
	background: #fee;
	border: 1px solid red;
}





/* scroller */
@media (max-width: 768px){
	.sp-scroller{
		overflow: auto;
		white-space: nowrap;
	}
}




/* layout */
.fluid{
	display: table;
	margin-left: auto;
	margin-right: auto;
}
.fluid--left 	{ margin-left: inherit; }
.fluid--right 	{ margin-right: inherit; }
@media (min-width: 769px){
	.pc-fluid{
		display: table;
		margin-left: auto;
		margin-right: auto;
	}
	.pc-fluid--left 	{ margin-left: inherit; }
	.pc-fluid--right 	{ margin-right: inherit; }
}
@media (max-width: 768px){
	.sp-fluid{
		display: table;
		margin-left: auto;
		margin-right: auto;
	}
	.sp-fluid--left 	{ margin-left: inherit; }
	.sp-fluid--right 	{ margin-right: inherit; }
}





/* table */
.table_block,
.table_block thead,
.table_block tbody,
.table_block tr,
.table_block th,
.table_block td{
	display: block;
}
@media (min-width: 769px){
	.pc-table_block,
	.pc-table_block thead,
	.pc-table_block tbody,
	.pc-table_block tr,
	.pc-table_block th,
	.pc-table_block td{
		display: block;
	}
}
@media (max-width: 768px){
	.sp-table_block,
	.sp-table_block thead,
	.sp-table_block tbody,
	.sp-table_block tr,
	.sp-table_block th,
	.sp-table_block td{
		display: block;
	}
}




/* counter */
.counter1{
	counter-reset:  counter1__count;
}
.counter1__count{
	counter-increment: counter1__count;
}
.counter1__count:before{
	content: counter(counter1__count);
}

.counter2{
	counter-reset:  counter2__count;
}
.counter2__count{
	counter-increment: counter2__count;
}
.counter2__count:after{
	content: counter(counter2__count, decimal-leading-zero);
}




/* input */
.input--error{
	background-color: #fee;
}
.input--w0		{	width: 0%;		box-sizing: border-box;	}
.input--w5		{	width: 5%;		box-sizing: border-box;	}
.input--w10		{	width: 10%;		box-sizing: border-box;	}
.input--w15		{	width: 15%;		box-sizing: border-box;	}
.input--w20		{	width: 20%;		box-sizing: border-box;	}
.input--w25		{	width: 25%;		box-sizing: border-box;	}
.input--w30		{	width: 30%;		box-sizing: border-box;	}
.input--w35		{	width: 35%;		box-sizing: border-box;	}
.input--w40		{	width: 40%;		box-sizing: border-box;	}
.input--w45		{	width: 45%;		box-sizing: border-box;	}
.input--w50		{	width: 50%;		box-sizing: border-box;	}
.input--w55		{	width: 55%;		box-sizing: border-box;	}
.input--w60		{	width: 60%;		box-sizing: border-box;	}
.input--w65		{	width: 65%;		box-sizing: border-box;	}
.input--w70		{	width: 70%;		box-sizing: border-box;	}
.input--w75		{	width: 75%;		box-sizing: border-box;	}
.input--w80		{	width: 80%;		box-sizing: border-box;	}
.input--w85		{	width: 85%;		box-sizing: border-box;	}
.input--w90		{	width: 90%;		box-sizing: border-box;	}
.input--w95		{	width: 95%;		box-sizing: border-box;	}
.input--w100	{	width: 100%;	box-sizing: border-box;	}





/* media */
.media{
	display: -webkit-box;
	-webkit-box-pack: justify;
	display: flex;
	display: -ms-flex;
	display: -webkit-flex;
}
.media__image{
	margin-right: 1.25rem;
	
	flex-grow: 0;
	-webkit-flex-grow: 0;
}
.media__image--right{
	margin-left: 20px;
	margin-right: 0;
	
	order: 1;
	-webkit-order: 1;
}
.media__image--left{
	margin-left: 0px;
	margin-right: 20px;
	
	order: -1;
	-webkit-order: -1;
}
.media__body{
	flex-grow: 1;
	-webkit-flex-grow: 1;
}
.media--top{
	align-items: flex-start;
	-webkit-align-items: flex-start;
}
.media--middle{
	align-items: center;
	-webkit-align-items: center;
}
.media--bottom{
	align-items: flex-end;
	-webkit-align-items: flex-end;
}
.media--center{
	justify-content: center;
	-webkit-justify-content: center;
}
.media--center .media__body{
	flex-grow: 0;
	-webkit-flex-grow: 0;
}
@media (min-width: 769px){
	.pc-media{
		display: flex;
		display: -webkit-flex;
	}
	.pc-media__image{
		margin-right: 1.25rem;

		flex-grow: 0;
		-webkit-flex-grow: 0;
	}
	.pc-media__image--right{
		margin-left: 20px;
		margin-right: 0;

		order: 1;
		-webkit-order: 1;
	}
	.pc-media__image--left{
		margin-left: 0px;
		margin-right: 20px;

		order: -1;
		-webkit-order: -1;
	}
	.pc-media__body{
		flex-grow: 1;
		-webkit-flex-grow: 1;
	}
	.pc-media--top{
		align-items: flex-start;
		-webkit-align-items: flex-start;
	}
	.pc-media--middle{
		align-items: center;
		-webkit-align-items: center;
	}
	.pc-media--bottom{
		align-items: flex-end;
		-webkit-align-items: flex-end;
	}
	.pc-media--center{
		justify-content: center;
		-webkit-justify-content: center;
	}
	.pc-media--center .pc-media__body{
		flex-grow: 0;
		-webkit-flex-grow: 0;
	}
}
@media (max-width: 768px){
	.sp-media{
		display: flex;
		display: -webkit-flex;
	}
	.sp-media__image{
		margin-right: 1.25rem;

		flex-grow: 0;
		-webkit-flex-grow: 0;
	}
	.sp-media__image--right{
		margin-left: 20px;
		margin-right: 0;

		order: 1;
		-webkit-order: 1;
	}
	.pc-media__image--left{
		margin-left: 0px;
		margin-right: 20px;

		order: -1;
		-webkit-order: -1;
	}
	.sp-media__body{
		flex-grow: 1;
		-webkit-flex-grow: 1;
	}
	.sp-media--top{
		align-items: flex-start;
		-webkit-align-items: flex-start;
	}
	.sp-media--middle{
		align-items: center;
		-webkit-align-items: center;
	}
	.sp-media--bottom{
		align-items: flex-end;
		-webkit-align-items: flex-end;
	}
	.sp-media--center{
		justify-content: center;
		-webkit-justify-content: center;
	}
	.sp-media--center .sp-media__body{
		flex-grow: 0;
		-webkit-flex-grow: 0;
	}
}





/* grid */
.grid{
	margin-left: -1.5rem;
	
	display: -webkit-box;
	-webkit-box-pack: justify;
	display: flex;
	display: -ms-flex;
	display: -webkit-flex;
}
.grid__item{
	margin-left: 1.5rem;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
	flex-grow: 1;
	-ms-flex-grow: 1;
	-webkit-flex-grow: 1;
	
	flex-basis: 100%;
	-ms-flex-basis: 100%;
	-webkit-flex-basis: 100%;
}
@media (min-width: 769px){
	.pc-grid{
		margin-left: -1.5rem;

		display: -webkit-box;
		-webkit-box-pack: justify;
		display: flex;
		display: -ms-flex;
		display: -webkit-flex;
	}
	.pc-grid__item{
		margin-left: 1.5rem;

		box-sizing: border-box;
		-webkit-box-sizing: border-box;

		flex-grow: 1;
		-ms-flex-grow: 1;
		-webkit-flex-grow: 1;

		flex-basis: 100%;
		-ms-flex-basis: 100%;
		-webkit-flex-basis: 100%;
	}
}
@media (max-width: 768px){
	.sp-grid{
		margin-left: -1.5rem;

		display: -webkit-box;
		-webkit-box-pack: justify;
		display: flex;
		display: -ms-flex;
		display: -webkit-flex;
	}
	.sp-grid__item{
		margin-left: 1.5rem;

		box-sizing: border-box;
		-webkit-box-sizing: border-box;

		flex-grow: 1;
		-ms-flex-grow: 1;
		-webkit-flex-grow: 1;

		flex-basis: 100%;
		-ms-flex-basis: 100%;
		-webkit-flex-basis: 100%;
	}
	.pc-grid__item{
		margin-bottom: 1rem;
	}
}





/* web safe color 216 patterns. */
.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

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

/* custom select */
.js-custom_select{
	position: relative;
}
.js-custom_select .custom_select__select{
	width: 100%;
	position: relative;
	z-index: 2;
	opacity: 0;
}
.js-custom_select .custom_select__select select{
	cursor: pointer;
}
.js-custom_select .custom_select__label{
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	text-align: center;
}





/* hide */
.js-show{}
.js-show__target{
	position: fixed;
	left: 100%;
	top: 100%;
}
.js-show.is-active .js-show__target{
	position: static;
	left: auto;
	top: auto;
	
	animation: kf-fadein .3s ease-in-out both;
	-webkit-animation: kf-fadein .3s ease-in-out both;
}






/* 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%;
}





/* js-accordion */
.js-accordion{}
.js-accordion__trigger{}
.js-accordion__target{
	position: fixed;
	left: 110%;
}
.js-accordion.js-accordion--active .js-accordion__target{
	position: static;
	left: auto;
	
	animation: kf-accordion .3s ease-in-out both;
	-webkit-animation: kf-accordion .3s ease-in-out both;
}
.js-accordion__trigger--arrow1{
	display: block;
	position: relative;
}
.js-accordion__trigger--arrow1:after{
	content: "";
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;
	width: 10px;
	height: 10px;
	margin: auto;
	
	border-style: solid;
	border-color: #fff;
	border-width: 0 2px 2px 0;
	
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	
	transition: transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-webkit-transition: transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.js-accordion--active .js-accordion__trigger--arrow1:after{
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}






/* tab base */
.js-tab,
.js-tab2{}
.js-tab_switch,
.js-tab2_switch{}
.js-tab_item,
.js-tab2_item{
	position: absolute;
	left: -9999px;
	top: -9999px;
}
.js-tab_item.is-active,
.js-tab2_item.is-active{
	position: static;
	
	animation: kf-zoomin .3s ease-out both;
	-webkit-animation: kf-zoomin .3s ease-out both;
}
@media (min-width: 769px){
	.pc-js-tab,
	.pc-js-tab2{}
	.pc-js-tab_switch,
	.pc-js-tab2_switch{}
	.pc-js-tab_item,
	.pc-js-tab2_item{
		position: absolute;
		left: -9999px;
		top: -9999px;
	}
	.pc-js-tab_item.pc-is-active,
	.pc-js-tab2_item.pc-is-active{
		position: static;

		animation: kf-zoomin .3s ease-out both;
		-webkit-animation: kf-zoomin .3s ease-out both;
	}
}
@media (max-width: 768px){
	.sp-js-tab,
	.sp-js-tab2{}
	.sp-js-tab_switch,
	.sp-js-tab2_switch{}
	.sp-js-tab_item,
	.sp-js-tab2_item{
		position: absolute;
		left: -9999px;
		top: -9999px;
	}
	.sp-js-tab_item.sp-is-active,
	.sp-js-tab2_item.sp-is-active{
		position: static;

		animation: kf-zoomin .3s ease-out both;
		-webkit-animation: kf-zoomin .3s ease-out both;
	}
}






/* more */
.js-more{}
.js-more__item{
	position: fixed;
	left: 110%;
}
.js-more__item--active{
	position: static;
	left: auto;
	
	animation: kf-fadein .3s ease-in-out both;
	-webkit-animation: kf-fadein .3s ease-in-out both;
}





/* js-readmore */
.js-readmore{}
.js-readmore__target{
	position: fixed;
	left: 110%;
}
.js-readmore.js-readmore__target--active .js-readmore__target{
	position: static;
	left: auto;
	
	animation: kf-fadein .3s ease-in-out both;
	-webkit-animation: kf-fadein .3s ease-in-out both;
}
.js-readmore.js-readmore__target--active .js-readmore__trigger{
	display: none;
}





/* loading */
.js-loading{
	position: fixed;
	left: 110%;
}
.is-complete{
	position: static;
	left: auto;
	
	animation: kf-fadein .3s ease-in-out both;
	-webkit-animation: kf-fadein .3s ease-in-out both;
}





/* agree (regist) */
.js-agree{}
.js-agree__trigger{}
.js-agree__target{
	transition: opacity 150ms ease-out;
}
.js-agree__target.js-agree--disable{
	opacity: .4;
	cursor: default;
	pointer-events: none !important;
}





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

 * Space Design

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

/* space */
.gap0{
	margin: 0 !important;
	padding: 0 !important;
}
.gap-a1{
	padding: 11.25rem !important;
}
.gap-a2{
	padding: 9.375rem !important;
}
.gap-a3{
	padding: 7.5rem !important;
}
.gap-a4{
	padding: 6.25rem !important;
}
.gap-a5{
	padding: 5rem !important;
}
.gap-a6{
	padding: 3.75rem !important;
}
.gap-a7{
	padding: 2.5rem !important;
}
.gap-a8{
	padding: 1.25rem !important;
}
.gap-a9{
	padding: .625rem !important;
}
.gap-vp1{
	padding-top: 11.25rem !important;
	padding-bottom: 11.25rem !important;
}
.gap-vp2{
	padding-top: 9.375rem !important;
	padding-bottom: 9.375rem !important;
}
.gap-vp3{
	padding-top: 7.5rem !important;
	padding-bottom: 7.5rem !important;
}
.gap-vp4{
	padding-top: 6.25rem !important;
	padding-bottom: 6.25rem !important;
}
.gap-vp5{
	padding-top: 5rem !important;
	padding-bottom: 5rem !important;
}
.gap-vp6{
	padding-top: 3.75rem !important;
	padding-bottom: 3.75rem !important;
}
.gap-vp7{
	padding-top: 2.5rem !important;
	padding-bottom: 2.5rem !important;
}
.gap-vp8{
	padding-top: 1.25rem !important;
	padding-bottom: 1.25rem !important;
}
.gap-vp9{
	padding-top: .625rem !important;
	padding-bottom: .625rem !important;
}
.gap-vm1{
	margin-top: 11.25rem !important;
	margin-bottom: 11.25rem !important;
}
.gap-vm2{
	margin-top: 9.375rem !important;
	margin-bottom: 9.375rem !important;
}
.gap-vm3{
	margin-top: 7.5rem !important;
	margin-bottom: 7.5rem !important;
}
.gap-vm4{
	margin-top: 6.25rem !important;
	margin-bottom: 6.25rem !important;
}
.gap-vm5{
	margin-top: 5rem !important;
	margin-bottom: 5rem !important;
}
.gap-vm6{
	margin-top: 3.75rem !important;
	margin-bottom: 3.75rem !important;
}
.gap-vm7{
	margin-top: 2.5rem !important;
	margin-bottom: 2.5rem !important;
}
.gap-vm8{
	margin-top: 1.25rem !important;
	margin-bottom: 1.25rem !important;
}
.gap-vm9{
	margin-top: .625rem !important;
	margin-bottom: .625rem !important;
}
.gap-t1{
	margin-top: 11.25rem !important;
}
.gap-t2{
	margin-top: 9.375rem !important;
}
.gap-t3{
	margin-top: 7.5rem !important;
}
.gap-t4{
	margin-top: 6.25rem !important;
}
.gap-t5{
	margin-top: 5rem !important;
}
.gap-t6{
	margin-top: 3.75rem !important;
}
.gap-t7{
	margin-top: 2.5rem !important;
}
.gap-t8{
	margin-top: 1.25rem !important;
}
.gap-t9{
	margin-top: .625rem !important;
}
.gap-b1{
	margin-bottom: 11.25rem !important;
}
.gap-b2{
	margin-bottom: 9.375rem !important;
}
.gap-b3{
	margin-bottom: 7.5rem !important;
}
.gap-b4{
	margin-bottom: 6.25rem !important;
}
.gap-b5{
	margin-bottom: 5rem !important;
}
.gap-b6{
	margin-bottom: 3.75rem !important;
}
.gap-b7{
	margin-bottom: 2.5rem !important;
}
.gap-b8{
	margin-bottom: 1.25rem !important;
}
.gap-b9{
	margin-bottom: .625rem !important;
}
@media (min-width: 769px){
	.pc-gap0{
		margin: 0;
		padding: 0;
	}
	.pc-gap-a1{
		padding: 11.25rem !important;
	}
	.pc-gap-a2{
		padding: 9.375rem !important;
	}
	.pc-gap-a3{
		padding: 7.5rem !important;
	}
	.pc-gap-a4{
		padding: 6.25rem !important;
	}
	.pc-gap-a5{
		padding: 5rem !important;
	}
	.pc-gap-a6{
		padding: 3.75rem !important;
	}
	.pc-gap-a7{
		padding: 2.5rem !important;
	}
	.pc-gap-a8{
		padding: 1.25rem !important;
	}
	.pc-gap-a9{
		padding: .625rem !important;
	}
	.pc-gap-vp1{
		padding-top: 11.25rem !important;
		padding-bottom: 11.25rem !important;
	}
	.pc-gap-vp2{
		padding-top: 9.375rem !important;
		padding-bottom: 9.375rem !important;
	}
	.pc-gap-vp3{
		padding-top: 7.5rem !important;
		padding-bottom: 7.5rem !important;
	}
	.pc-gap-vp4{
		padding-top: 6.25rem !important;
		padding-bottom: 6.25rem !important;
	}
	.pc-gap-vp5{
		padding-top: 5rem !important;
		padding-bottom: 5rem !important;
	}
	.pc-gap-vp6{
		padding-top: 3.75rem !important;
		padding-bottom: 3.75rem !important;
	}
	.pc-gap-vp7{
		padding-top: 2.5rem !important;
		padding-bottom: 2.5rem !important;
	}
	.pc-gap-vp8{
		padding-top: 1.25rem !important;
		padding-bottom: 1.25rem !important;
	}
	.pc-gap-vp9{
		padding-top: .625rem !important;
		padding-bottom: .625rem !important;
	}
	.pc-gap-vm1{
		margin-top: 11.25rem !important;
		margin-bottom: 11.25rem !important;
	}
	.pc-gap-vm2{
		margin-top: 9.375rem !important;
		margin-bottom: 9.375rem !important;
	}
	.pc-gap-vm3{
		margin-top: 7.5rem !important;
		margin-bottom: 7.5rem !important;
	}
	.pc-gap-vm4{
		margin-top: 6.25rem !important;
		margin-bottom: 6.25rem !important;
	}
	.pc-gap-vm5{
		margin-top: 5rem !important;
		margin-bottom: 5rem !important;
	}
	.pc-gap-vm6{
		margin-top: 3.75rem !important;
		margin-bottom: 3.75rem !important;
	}
	.pc-gap-vm7{
		margin-top: 2.5rem !important;
		margin-bottom: 2.5rem !important;
	}
	.pc-gap-vm8{
		margin-top: 1.25rem !important;
		margin-bottom: 1.25rem !important;
	}
	.pc-gap-vm9{
		margin-top: .625rem !important;
		margin-bottom: .625rem !important;
	}
	.pc-gap-t1{
		margin-top: 11.25rem !important;
	}
	.pc-gap-t2{
		margin-top: 9.375rem !important;
	}
	.pc-gap-t3{
		margin-top: 7.5rem !important;
	}
	.pc-gap-t4{
		margin-top: 6.25rem !important;
	}
	.pc-gap-t5{
		margin-top: 5rem !important;
	}
	.pc-gap-t6{
		margin-top: 3.75rem !important;
	}
	.pc-gap-t7{
		margin-top: 2.5rem !important;
	}
	.pc-gap-t8{
		margin-top: 1.25rem !important;
	}
	.pc-gap-t9{
		margin-top: .625rem !important;
	}
	.pc-gap-b1{
		margin-bottom: 11.25rem !important;
	}
	.pc-gap-b2{
		margin-bottom: 9.375rem !important;
	}
	.pc-gap-b3{
		margin-bottom: 7.5rem !important;
	}
	.pc-gap-b4{
		margin-bottom: 6.25rem !important;
	}
	.pc-gap-b5{
		margin-bottom: 5rem !important;
	}
	.pc-gap-b6{
		margin-bottom: 3.75rem !important;
	}
	.pc-gap-b7{
		margin-bottom: 2.5rem !important;
	}
	.pc-gap-b8{
		margin-bottom: 1.25rem !important;
	}
	.pc-gap-b9{
		margin-bottom: .625rem !important;
	}
}
@media (max-width: 768px){
	.sp-gap0{
		margin: 0;
		padding: 0;
	}
	.sp-gap-a1{
		padding: 11.25rem !important;
	}
	.sp-gap-a2{
		padding: 9.375rem !important;
	}
	.sp-gap-a3{
		padding: 7.5rem !important;
	}
	.sp-gap-a4{
		padding: 6.25rem !important;
	}
	.sp-gap-a5{
		padding: 5rem !important;
	}
	.sp-gap-a6{
		padding: 3.75rem !important;
	}
	.sp-gap-a7{
		padding: 2.5rem !important;
	}
	.sp-gap-a8{
		padding: 1.25rem !important;
	}
	.sp-gap-a9{
		padding: .625rem !important;
	}
	.sp-gap-vp1{
		padding-top: 11.25rem !important;
		padding-bottom: 11.25rem !important;
	}
	.sp-gap-vp2{
		padding-top: 9.375rem !important;
		padding-bottom: 9.375rem !important;
	}
	.sp-gap-vp3{
		padding-top: 7.5rem !important;
		padding-bottom: 7.5rem !important;
	}
	.sp-gap-vp4{
		padding-top: 6.25rem !important;
		padding-bottom: 6.25rem !important;
	}
	.sp-gap-vp5{
		padding-top: 5rem !important;
		padding-bottom: 5rem !important;
	}
	.sp-gap-vp6{
		padding-top: 3.75rem !important;
		padding-bottom: 3.75rem !important;
	}
	.sp-gap-vp7{
		padding-top: 2.5rem !important;
		padding-bottom: 2.5rem !important;
	}
	.sp-gap-vp8{
		padding-top: 1.25rem !important;
		padding-bottom: 1.25rem !important;
	}
	.sp-gap-vp9{
		padding-top: .625rem !important;
		padding-bottom: .625rem !important;
	}
	.sp-gap-vm1{
		margin-top: 11.25rem !important;
		margin-bottom: 11.25rem !important;
	}
	.sp-gap-vm2{
		margin-top: 9.375rem !important;
		margin-bottom: 9.375rem !important;
	}
	.sp-gap-vm3{
		margin-top: 7.5rem !important;
		margin-bottom: 7.5rem !important;
	}
	.sp-gap-vm4{
		margin-top: 6.25rem !important;
		margin-bottom: 6.25rem !important;
	}
	.sp-gap-vm5{
		margin-top: 5rem !important;
		margin-bottom: 5rem !important;
	}
	.sp-gap-vm6{
		margin-top: 3.75rem !important;
		margin-bottom: 3.75rem !important;
	}
	.sp-gap-vm7{
		margin-top: 2.5rem !important;
		margin-bottom: 2.5rem !important;
	}
	.sp-gap-vm8{
		margin-top: 1.25rem !important;
		margin-bottom: 1.25rem !important;
	}
	.sp-gap-vm9{
		margin-top: .625rem !important;
		margin-bottom: .625rem !important;
	}
	.sp-gap-t1{
		margin-top: 11.25rem !important;
	}
	.sp-gap-t2{
		margin-top: 9.375rem !important;
	}
	.sp-gap-t3{
		margin-top: 7.5rem !important;
	}
	.sp-gap-t4{
		margin-top: 6.25rem !important;
	}
	.sp-gap-t5{
		margin-top: 5rem !important;
	}
	.sp-gap-t6{
		margin-top: 3.75rem !important;
	}
	.sp-gap-t7{
		margin-top: 2.5rem !important;
	}
	.sp-gap-t8{
		margin-top: 1.25rem !important;
	}
	.sp-gap-t9{
		margin-top: .625rem !important;
	}
	.sp-gap-b1{
		margin-bottom: 11.25rem !important;
	}
	.sp-gap-b2{
		margin-bottom: 9.375rem !important;
	}
	.sp-gap-b3{
		margin-bottom: 7.5rem !important;
	}
	.sp-gap-b4{
		margin-bottom: 6.25rem !important;
	}
	.sp-gap-b5{
		margin-bottom: 5rem !important;
	}
	.sp-gap-b6{
		margin-bottom: 3.75rem !important;
	}
	.sp-gap-b7{
		margin-bottom: 2.5rem !important;
	}
	.sp-gap-b8{
		margin-bottom: 1.25rem !important;
	}
	.sp-gap-b9{
		margin-bottom: .625rem !important;
	}
}









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

 * Components (Parts)

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


/* title */
.title1{
	display: flex;
	
	color: #9DA6AE;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.25em;
}
.title1:before{
	content: "";
	margin-right: .5em;
	border-right: 8px solid #9DA6AE;
}

.title2{
	font-size: 1.125rem;
	font-weight: bold;
	line-height: 1.5em;
	
	padding-bottom: .25em;
	border-bottom: 1px solid #9DA6AE;
}
.title3{
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1.75em;
}
.title3--skin1{
	color: #2C72AE;
}
.title4{
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1.5em;
	
	
	color: #2C72AE;
	padding-left: 1em;
	padding-top: .5em;
	padding-bottom: .5em;
	border-left: 6px solid;
	background-color: #F7F7F7;
}




/* link */
.link1{
	display: inline-flex;
	text-decoration: underline;
}
.link1:after{
	content: ">";
	display: block;
	padding-left: .5em;
}
.link1:hover{
	text-decoration: none;
}
.link2{
	text-decoration: underline;
}
.link3{
	color: #9DA6AE;
	text-decoration: underline;
	
	display: inline-flex;
	align-items: center;
}
.link3:before{
	content: "» ";
	white-space: pre;
}





/* button */
.button1{
	cursor: pointer;
	border: 0 none;
	width: 100%;
	box-sizing: border-box;
	
	display: block;
	padding: .75em 1em;
	border-radius: 4px;
	box-shadow: 3px 3px 0 rgba(0,0,0,.3);
	
	color: #fff;
	font-size: 1.125em;
	font-weight: bold;
	line-height: 1.75em;
	text-align: center;
	background-color: #9DA6AE;
}
.button1:hover{
	transform: translate(1px, 1px);
	box-shadow: 2px 2px 0 rgba(0,0,0,.3);
}
.button1:active{
	transform: translate(3px, 3px);
	box-shadow: none;
}
.button1--small{
	font-size: 1em;
	padding-top: .25em;
	padding-bottom: .25em;
}
.button1--skin0{
	background-color: #000;
}
.button1--skin1{
	color: #308BD9;
	background-color: #fff;
}
.button1--skin2{
	background-color: #2C72AE;
}
.button1--skin3{
	background-color: #308BD9;
}
.button1--skin4{
	background-color: #39BD9E;
}
.button1--skin5{
	background-color: #CED2D6;
}
.button1--skin6{
	background-color: #F39800;
}
.button1--skin7{
	background-color: #CCCCCC;
}

@media (min-width: 769px){
	.pc-button1--small{
		font-size: 1em;
		padding-top: .25em;
		padding-bottom: .25em;
	}
}
@media (max-width: 768px){
	.sp-button1--small{
		font-size: 1em;
		padding-top: .25em;
		padding-bottom: .25em;
	}
}



.button2{
	cursor: pointer;
	border: 0 none;
	width: 100%;
	box-sizing: border-box;
	
	display: block;
	padding: .5em 1em;
	border-radius: 4px;
	
	color: #fff;
	font-weight: bold;
	line-height: 1.75em;
	text-align: center;
	background-color: #9DA6AE;
}
.button2--inline{
	width: auto;
	display: inline-block;
}
.button2--skin0{
	background-color: #000;
}
.button2--skin1{
	color: #308BD9;
	background-color: #fff;
}
.button2--skin2{
	background-color: #2C72AE;
}
.button2--skin3{
	background-color: #308BD9;
}
.button2--skin4{
	background-color: #39BD9E;
}
.button2--skin5{
	background-color: #CED2D6;
}
.button2--skin6{
	background-color: #F39800;
}




.buttonDelete{
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	border: 0 none;
	border-radius: 99em;
	box-sizing: border-box;
	
	margin: 0;
	padding: .5em;
	line-height: 1em;
	
	color: #fff;
	background-color: #808283;
	
	transition: opacity 150ms ease-out;
}
.buttonDelete:hover{
	opacity: .7;
}





/* button frame */
.buttonFrame1{
	margin: 0;
	padding: 0;
	list-style: none;
}
.buttonFrame1__item{}

@media (min-width: 769px){
	.buttonFrame1{
		display: flex;
		justify-content: center;
	}
	.buttonFrame1__item{
		flex: 0 1 400px;
	}
	.buttonFrame1__item:not(:first-child){
		margin-left: 3em;
	}
}
@media (max-width: 768px){
	.buttonFrame1{
		padding-left: 6%;
		padding-right: 6%;
		box-sizing: border-box;
	}
	.buttonFrame1__item{}
	.buttonFrame1__item:not(:first-child){
		margin-top: 2em;
	}
}


.buttonFrame2{
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (min-width: 769px){
	.buttonFrame2{
		display: flex;
	}
	.buttonFrame2__item{
		flex: 0 1 400px;
	}
	.buttonFrame2__item:not(:first-child){
		margin-left: 3em;
	}
}
@media (max-width: 768px){
	.buttonFrame2{
		padding-left: 6%;
		padding-right: 6%;
		box-sizing: border-box;
	}
	.buttonFrame2__item{}
	.buttonFrame2__item:not(:first-child){
		margin-top: 2em;
	}
}


.buttonFrame3{
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (min-width: 769px){
	.buttonFrame3{
		display: flex;
		justify-content: flex-end;
	}
	.buttonFrame3__item{
		flex: 0 1 400px;
	}
	.buttonFrame3__item:not(:first-child){
		margin-left: 3em;
	}
}
@media (max-width: 768px){
	.buttonFrame3{
		padding-left: 6%;
		padding-right: 6%;
		box-sizing: border-box;
	}
	.buttonFrame3__item{}
	.buttonFrame3__item:not(:first-child){
		margin-top: 2em;
	}
}

.buttonFrame4{
	margin: 0;
	padding: 0;
	list-style: none;
}
.buttonFrame4__item{}

@media (min-width: 769px){
	.buttonFrame4{
		display: flex;
		justify-content: center;
	}
	.buttonFrame4__item{
		flex: 0 1 600px;
	}
	.buttonFrame4__item:not(:first-child){
		margin-left: 3em;
	}
}
@media (max-width: 768px){
	.buttonFrame4{
		padding-left: 6%;
		padding-right: 6%;
		box-sizing: border-box;
	}
	.buttonFrame4__item{}
	.buttonFrame4__item:not(:first-child){
		margin-top: 2em;
	}
}



/* label */
.label1{
	padding: .125em 1.5em;
	
	color: #fff;
	font-weight: bold;
	background-color: #9DA6AE;
}
.label1--skin1{
	background-color: #f39800;
}




/* frame */
.frame1{
	padding: 1.875em;
	border: 1px solid #808283;
}
.frame2{
	padding: 1.875em;
	border: 1px solid;
}





/* icon frame */
.iconFrame1{
	display: flex;
	align-items: center;
}
.iconFrame1__body{
	flex: 1 0 auto;
}
.iconFrame1__icon{
	flex: 0 0 auto;
}
.iconFrame1__icon:first-child{
	margin-right: 1em;
}
.iconFrame1__icon:last-child{
	margin-left: 1em;
}


.iconFrame2{
	display: flex;
	justify-content: center;
	align-items: center;
}
.iconFrame2__body{}
.iconFrame2__icon{}
.iconFrame2__icon:first-child{
	margin-right: .5em;
}
.iconFrame2__icon:last-child{
	margin-left: .5em;
}


.iconFrame3{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.iconFrame3__icon{}
.iconFrame3__body{}
.iconFrame3__icon:first-child{
	margin-right: .5em;
}
.iconFrame3__icon:last-child{
	margin-left: .5em;
}





/* photo frame */
.photoFrame1{
	border: 1px solid #9DA6AE;
}

.photoFrame2{
	display: block;
	position: relative;
}
.photoFrame2__image{
	width: 100%;
}
.photoFrame2__label{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	padding: 1em;
	box-sizing: border-box;
	
	color: #fff;
	background-color: rgba(0,0,0,.5);
	text-align: center;
}





/* separate */
.separate1{
	border: 0;
	border-bottom: 1px solid #808283;
}





/* pager frame */
.pagerFrame1{
	margin: 0;
	padding: 0;
	list-style: none;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.pagerFrame1__item{}
.pagerFrame1__item:not(:first-child){
	margin-left: 1em;
}
.pagerFrame1__link{
	color: #111111;
}
.pagerFrame1__link--current{
	color: #308BD9;
}



.pagerFrame2{
	margin: 0;
	padding: 0;
	list-style: none;
}
.pagerFrame2__item{}

@media (min-width: 769px){
	.pagerFrame2{
		display: inline-grid;
		grid-column-gap: 2em;
		grid-row-gap: 1em;
		grid-template-columns: auto auto auto;
	}
	.pagerFrame2__item{}
}
@media (max-width: 768px){}

@media all and (-ms-high-contrast: none) and (min-width: 769px){
	.pagerFrame2{
		display: -ms-inline-grid;
		-ms-grid-columns: auto auto auto;
	}
	.pagerFrame2__item{
		margin-right: 2em;
		margin-bottom: 1em;
	}
	.pagerFrame2__item:nth-child(1){
		-ms-grid-column: 1;
		-ms-grid-row: 1;
	}
	.pagerFrame2__item:nth-child(2){
		-ms-grid-column: 2;
		-ms-grid-row: 1;
	}
	.pagerFrame2__item:nth-child(3){
		-ms-grid-column: 3;
		-ms-grid-row: 1;
	}
	.pagerFrame2__item:nth-child(4){
		-ms-grid-column: 1;
		-ms-grid-row: 2;
	}
	.pagerFrame2__item:nth-child(5){
		-ms-grid-column: 2;
		-ms-grid-row: 2;
	}
	.pagerFrame2__item:nth-child(6){
		-ms-grid-column: 3;
		-ms-grid-row: 2;
	}
	.pagerFrame2__item:nth-child(7){
		-ms-grid-column: 1;
		-ms-grid-row: 3;
	}
	.pagerFrame2__item:nth-child(8){
		-ms-grid-column: 2;
		-ms-grid-row: 3;
	}
	.pagerFrame2__item:nth-child(9){
		-ms-grid-column: 3;
		-ms-grid-row: 3;
	}
}




/* form frame */
.formFrame1{
	width: 100%;
	border-collapse: collapse;
}
.formFrame1__head,
.formFrame1__body{
	text-align: left;
	vertical-align: top;
}
.formFrame1__head{
	font-weight: bold;
	
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.formFrame1__body{}

@media (min-width: 769px){
	.formFrame1{}
	.formFrame1 tr:not(:last-child) .formFrame1__head,
	.formFrame1 tr:not(:last-child) .formFrame1__body{
		padding-bottom: 1em;
	}
	.formFrame1__head{
		padding-right: 1.5em;
		white-space: nowrap;
	}
	.formFrame1__body{
		width: 100%;
	}
}
@media (max-width: 768px){
	.formFrame1{}
	.formFrame1 tr{
		display: flex;
		flex-direction: column;
	}
	.formFrame1 tr:not(:last-child){
		padding-bottom: 1em;
	}
	.formFrame1__head,
	.formFrame1__body{
		display: block;
	}
	.formFrame1__head{}
	.formFrame1__body{}
}

.formFrame2{
	width: 100%;
	border-collapse: collapse;
}
.formFrame2 tr{
	border-bottom: 1px solid #9DA6AE;
}
.formFrame2__head,
.formFrame2__body{
	text-align: left;
	vertical-align: top;
}
.formFrame2__head{}
.formFrame2__body{}

@media (min-width: 769px){
	.formFrame2{}
	.formFrame2__head,
	.formFrame2__body{
		padding-top: 1em;
		padding-bottom: 1em;
	}
	.formFrame2 tr:first-child .formFrame2__head,
	.formFrame2 tr:first-child .formFrame2__body{
		padding-top: 0;
	}
}
@media (max-width: 768px){
	.formFrame2,
	.formFrame2 tr,
	.formFrame2 thead,
	.formFrame2 tbody,
	.formFrame2__head,
	.formFrame2__body{
		display: block;
	}
	.formFrame2 tr{
		padding-bottom: 1em;
	}
	.formFrame2 tr:not(:last-child){
		margin-bottom: 1em;
	}
}


.formFrame3{
	width: 100%;
	border-collapse: collapse;
}
.formFrame3__head,
.formFrame3__body{
	text-align: left;
	vertical-align: top;
}
.formFrame3__head{}
.formFrame3__body{}

.formFrame3head{
	display: flex;
	align-items: center;
}
.formFrame3head__note{}
.formFrame3head__must{}

@media (min-width: 769px){
	.formFrame3{
		border-top: 1px dotted #9DA6AE;
	}
	.formFrame3__head,
	.formFrame3__body{
		padding-top: 1.25em;
		padding-bottom: 1.25em;
		border-bottom: 1px dotted #9DA6AE;
	}
	.formFrame3__head{
		padding-right: 1.25em;
		white-space: nowrap;
	}
	.formFrame3head{
		justify-content: space-between;
	}
	.formFrame3__body{
		width: 100%;
	}
}
/*
@media (min-width: 769px){
	.formFrame3{
		border-top: 1px dotted #9DA6AE;
	}
	.formFrame3 tr{
		display: flex;
		align-items: flex-start;
		
		padding-top: 1.25em;
		padding-bottom: 1.25em;
		border-bottom: 1px dotted #9DA6AE;
	}
	.formFrame3__head{
		flex: 0 0 auto;
		
		display: flex;
		justify-content: space-between;
		align-items: center;
		
		padding-right: 1.25em;
	}
	.formFrame3__body{
		flex: 1 1 auto;
	}
}
*/
@media (max-width: 768px){
	.formFrame3,
	.formFrame3 tr,
	.formFrame3 thead,
	.formFrame3 tbody,
	.formFrame3__head,
	.formFrame3__body{
		display: block;
	}
	
	.formFrame3 tr{
		padding-top: 1.25em;
		padding-bottom: 1.25em;
		
		border-style: dotted;
		border-color: #9DA6AE;
		border-width: 0 0 1px 0;
	}
	.formFrame3 tr:first-child{
		border-top-width: 1px;
	}
	.formFrame3__head{}
	.formFrame3__body{}
}




/* form parts */
.input1{
	padding: .25em .5em;
	border: 1px solid #9DA6AE;
	box-sizing: border-box;
	
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5em;
	letter-spacing: .02em;
	font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.input1::-webkit-input-placeholder 		{ color: #ccc; }
.input1::-moz-placeholder 				{ color: #ccc; }
.input1:-ms-input-placeholder 			{ color: #ccc; }

@media (max-width: 768px){
	.input1{
		font-size: 16px; /* fix for iphone */
	}
}

.formError{
	color: #AE2C31;
	font-size: .875em;
	line-height: 1.75em;
}
.formSample{
	color: #9DA6AE;
	font-size: .875em;
	line-height: 1.75em;
}
.formNotice{
	color: #9DA6AE;
	font-size: .875em;
	line-height: 1.75em;
}




/* table */
.table1{
	width: 100%;
	border-collapse: collapse;
}
.table1__thead{}
.table1__tbody{
	border: 1px solid #f7f7f7;
}
.table1__tbody > tr:nth-child(2n+1){
	background-color: #f7f7f7;
}
.table1__cell{
	padding: .25em .5em;
	text-align: left;
}
.table1__cell--head{}
.table1__cell--body{
	font-size: .875em;
	line-height: 1.75em;
}
.table1__tbody .table1__cell{}



.table2{
	border-collapse: collapse;
}
.table2__thead{
	color: #fff;
	background-color: #2C72AE;
}
.table2__tbody{
	background-color: #fff;
}
.table2__cell{
	padding: .25em 1.25em;
	border: 1px solid #111111;
	
	text-align: inherit;
	font-weight: inherit;
}
.table2__cell--head{}
.table2__cell--body{}
.table2__cell--bg1{
	background-color: #E5E6E6;
}
.table2__cell--bg2{
	background-color: #F7F7F7;
}






/* indent */
.indent1{
	padding-left: 3.5em;
	box-sizing: border-box;
}
@media (max-width: 768px){
	.indent1{
		padding-left: 1.5em;
		padding-right: 1.5em;
	}
}





/* scroller */
.scroller1{
	height: 20em;
	overflow: auto;
}






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

 * Layout (Basic)

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

/* container */
@media (min-width: 769px){
	.sitewidth,
	.pc-sitewidth{
		width: 1024px;
		margin-left: auto;
		margin-right: auto;
		box-sizing: border-box;
	}
}
@media (max-width: 768px){
	.sitewidth,
	.sitewidthFlex__item,
	.sp-sitewidth,
	.sp-sitewidthFlex__item{
		margin-left: 3.33%;
		margin-right: 3.33%;
		box-sizing: border-box;
	}
}
@media (min-width: 769px){
	.sitewidthFlex,
	.pc-sitewidthFlex{
		display: grid;
		/*grid-template-columns: auto minmax(1024px, 94%) auto;*/
		grid-template-columns: auto minmax(1024px, 1200px) auto;
		grid-template-areas: ". contents .";
	}
	.sitewidthFlex__item,
	.pc-sitewidthFlex__item{
		grid-area: contents;
	}
}
@media all and (-ms-high-contrast: none) and (min-width: 769px){
	.sitewidthFlex,
	.pc-sitewidthFlex{
		display: -ms-grid;
		-ms-grid-columns: auto 1fr auto;
	}
	.sitewidthFlex__item,
	.pc-sitewidthFlex__item{
		-ms-grid-column: 2;
		
		max-width: 1200px;
		min-width: 1024px;
		margin-left: auto;
		margin-right: auto;
		box-sizing: border-box;
	}
}

.g-container{}
.anchor{
	position: relative;
	z-index: -1;
}

@media (min-width: 769px){
	.g-container{
		min-width: 1024px;
		
		position: relative;
		padding-top: 110px;
	}
	.anchor{
		display: block;
		margin-top: -85px;
		padding-top: 85px;
	}
}
@media (max-width: 768px){
	.g-container{
		min-width: 320px;
		
		position: relative;
		padding-top: 140px;
	}
	.anchor{
		display: block;
		margin-top: -140px;
		padding-top: 140px;
	}
}





/* header */

.g-header{}

.g-headerMain{
	position: absolute;
	z-index: 9;
	top: 0;
	left: 0;
	right: 0;
	background-color: #fff;
}
.g-headerMain.is-sticky{
	position: fixed;
	animation: kf-gnavi_appearance 300ms ease-out;
}
.g-headerMain__inner{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.g-headerSub{}
.g-headerSub__inner{}

/* online / offline switch */
.is-offline .state-online{
	display: none;
}
.is-online .state-offline{
	display: none;
}

@media (min-width: 769px){
	.g-header{}
	.g-headerMain{
		height: 110px;
		box-shadow: 0px 0px 6px rgba(0,0,0,.3);
	}
	.g-headerMain.is-sticky{
		height: 85px;
	}
	.g-headerMain__inner{}
	.g-headerSub{
		color: #fff;
		background-color: #2C72AE;
		background-image: linear-gradient(#125086 5%, #2c72ac);
		
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.g-headerSub__inner{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	
	.h-contact{
		flex: 0 0 auto;
	}
	.h-userInfo{
		flex: 1 1 auto;
		margin-left: 1em;
	}
	
}
@media (max-width: 768px){
	.g-header{}
	.g-headerMain{
		position: fixed;
		
		height: 140px;
		min-width: 320px;
		overflow: hidden;
	}
	.g-headerMain__inner{}
	
	.h-logo{
		order: 1;
	}
	.h-navi{
		order: 3;
	}
	.h-contactNavi{
		order: 2;
	}
	
	.g-headerSub{}
	.g-headerSub__inner{}
}
@media all and (-ms-high-contrast: none) and (min-width: 769px){
	.g-headerMain__inner{
		height: 110px;
	}
	.g-headerMain.is-sticky .g-headerMain__inner{
		height: 85px;
	}
}



.h-logo{
	margin: 0;
	padding: 0;
}
.h-logo__link{
	display: block;
	
	display: flex;
	align-items: center;
}
.h-logoMain{}
.h-logoCatch{
	margin-left: 1rem;
}
.h-logo__img{}

@media (min-width: 769px){
	.h-logo{}
	.h-logoMain{}
	.h-logoCatch{}
	.g-headerMain.is-sticky .h-logoCatch{
		display: none;
	}
	.h-logoMain > .h-logo__img{
		width: 180px;
	}
}
@media (max-width: 768px){
	.h-logo{
		margin-top: 12px;
		margin-bottom: 8px;
		margin-left: 4vw;
	}
	.h-logoMain{
		height: 35px;
	}
	.h-logoCatch{
		display: none;
	}
	.h-logo__img{
		height: 100%;
	}
}


.h-navi{
	margin: 0;
	padding: 0;
	list-style: none;
	
	display: flex;
}
.h-navi__item{}
.h-navi__link{
	display: block;
	text-align: center;
}
.h-navi__icon{
	display: block;
}
.h-navi__label{
	display: block;
}

@media (min-width: 769px){
	.h-navi{
		width: 45%;
		justify-content: space-between;
	}
	.g-headerMain.is-sticky .h-navi{
		width: auto;
	}
	.h-navi__item{}
	.h-navi__item:not(:first-child){
		margin-left: 2vw;
	}
	.h-navi__link{
		color: #2c72ae;
		
		font-size: .875em;
		line-height: 1.5em;
	}
	.h-navi__icon{
		margin-bottom: .5em;
	}
	.g-headerMain.is-sticky .h-navi__icon{
		margin-bottom: 0;
	}
	.h-navi__label{}
	
	
	.h-navi__item--product{}
	.h-navi__item--guide{}
	.h-navi__item--company{}
	.h-navi__item--login{}
	.h-navi__item--mypage{}
	.h-navi__item--cart,
	.h-navi__item--contact{
		display: none;
	}
	.g-headerMain.is-sticky .h-navi__item--cart,
	.g-headerMain.is-sticky .h-navi__item--contact{
		display: block;
		height: 100%;
	}
	.g-headerMain.is-sticky .h-navi__item:last-child{
		margin-left: 0;
		border-left: 1px solid #fff;
	}
	
	.g-headerMain.is-sticky .h-navi{
		height: 100%;
	}
	.g-headerMain.is-sticky .h-navi__item--cart .h-navi__link,
	.g-headerMain.is-sticky .h-navi__item--contact .h-navi__link{
		
		color: #fff;
		background-color: #2c72ae;
		box-sizing: border-box;
		
		padding: .65em;
		
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		
	}
	
	.g-headerMain.is-sticky .h-navi__item--company{
		display: none;
	}
	
	.g-headerMain.is-sticky .h-navi__item--product,
	.g-headerMain.is-sticky .h-navi__item--guide,
	.g-headerMain.is-sticky .h-navi__item--login,
	.g-headerMain.is-sticky .h-navi__item--mypage{
		align-self: center;
	}
	
	.g-headerMain.is-sticky .h-navi__item--product .h-navi__link,
	.g-headerMain.is-sticky .h-navi__item--guide .h-navi__link,
	.g-headerMain.is-sticky .h-navi__item--login .h-navi__link,
	.g-headerMain.is-sticky .h-navi__item--mypage .h-navi__link{
		display: flex;
		align-items: center;
	}
	
	.g-headerMain.is-sticky .h-navi__item--product .h-navi__icon,
	.g-headerMain.is-sticky .h-navi__item--guide .h-navi__icon,
	.g-headerMain.is-sticky .h-navi__item--login .h-navi__icon,
	.g-headerMain.is-sticky .h-navi__item--mypage .h-navi__icon{
		margin-right: .625em;
	}
}
@media (max-width: 768px){
	.h-navi{
		width: 100%;
		height: 70px;
		padding: 4px 4px 4px 0;
		box-sizing: border-box;
		
		background-color: #95B8D6;
		box-shadow: inset 0px 3px 3px rgba(0,0,0,.3);
	}
	.h-navi__item{
		flex: 1 1 33.33%;
		background-color: #fff;
		
		margin-left: 4px;
	}
	.h-navi__link{
		display: flex;
		flex-direction: column;
		justify-content: center;
		
		height: 100%;
		box-sizing: border-box;
		
		color: #2c72ae;
		font-size: .85em;
		line-height: 1.5em;
	}
	.h-navi__icon{
		margin-bottom: .125em;
	}
	.h-navi__iconImage{
		height: 25px;
	}
	.h-navi__label{}
	
	
	.h-navi__item--guide,
	.h-navi__item--company,
	.h-navi__item--contact{
		display: none;
	}
	.h-navi__item--product{
		order: 2;
	}
	.h-navi__item--login{
		order: 1;
	}
	.h-navi__item--mypage{
		order: 1;
	}
	.h-navi__item--cart{
		order: 3;
	}
}



@media (min-width: 769px){
	.h-contactNavi{
		display: none;
	}
}
@media (max-width: 768px){
	.h-contactNavi{
		margin: 0;
		padding: 0;
		list-style: none;
		
		display: flex;
		
		height: 50px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.h-contactNavi__item{
		text-align: center;
		height: 100%;
		margin-right: 1em;
		
		min-width: 20vw;
		
		font-size: .7em;
		line-height: 1.5em;
	}
	.h-contactNavi__link{
		display: flex;
		flex-direction: column;
		justify-content: center;
		
		height: 100%;
		padding: 0 .625em;
		box-sizing: border-box;
		
		color: #fff;
		font-weight: bold;
		background-color: #308BD9;
		border-radius: 5px;
	}
	.h-contactNavi__icon{
		display: block;
	}
	.h-contactNavi__iconImage{
		width: 22.5px;
	}
	.h-contactNavi__label{
		display: block;
	}
}


@media (min-width: 769px){
	.h-contact{
		display: flex;
		align-items: center;
	}
	.h-contat__heading{
		margin: 0;
		padding: 0;
		margin-right: 2rem;
		
		font-size: 1.125em;
		font-weight: bold;
		line-height: 1.5em;
	}
	.h-contactTel{
		margin-right: 2rem;
		text-align: center;
	}
	.h-contactTel__label{
		font-size: 1.5em;
		font-weight: 500;
		line-height: 1.5em;
		letter-spacing: .2em;
	}
	.h-contactTel__time{
		margin: 0;
		padding: 0;
		
		font-size: .75em;
		line-height: 1.5em;
	}
	.h-contactMail{}
	.h-contactMail__button{
		color: #2c72ae;
		padding:  .25em 2.5em;
	}
}
@media (max-width: 768px){
	.h-contact{
		display: none;
	}
}


.h-userInfo{}
.h-userInfo__name{}
.h-userInfoNavi{
	margin: 0;
	padding: 0;
	list-style: none;
}
.h-userInfoNavi__item{}
.h-userInfoNavi__link{
	font-weight: bold;
}
.h-userInfoNavi__link--cart{
	display: inline-flex;
	align-items: center;
}
.h-userInfoNavi__link--cart:before{
	content: "";
	display: block;
	
	width: 1em;
	height: 1em;
	margin-right: .5em;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../img/base/userinfo__cart.png);
}

@media (min-width: 769px){
	.h-userInfo{
		text-align: right;
	}
	.h-userInfo__name{}
	.h-userInfoNavi{}
	.h-userInfoNavi__item{}
	.h-userInfoNavi__link{
		color: #fff;
	}
}
@media (max-width: 768px){
	.h-userInfo{}
	.h-userInfo__name{
		color: #308BD9;
		margin-top: .25em;
	}
	.h-userInfoNavi{
		display: none;
	}
	.h-userInfoNavi__item{}
	.h-userInfoNavi__link{}
}





/* footer sitenavi */

.g-sitenavi{
	margin-top: 10.75em;
	margin-bottom: 3.75em;
}
.g-sitenavi__inner{}

@media (min-width: 769px){
	.g-sitenavi{}
	.g-sitenavi__inner{
		display: flex;
		justify-content: space-between;
	}
	.g-sitemapGrid{
		flex: 0 1 50%;
	}
	.g-contact{
		flex: 0 0 420px;
	}
}
@media (max-width: 768px){
	.g-sitenavi{}
	.g-sitenavi__inner{}
}



.g-sitemapGrid{}
.g-sitemapGrid__item{}
.g-sitemapGrid__item--product{}
.g-sitemapGrid__item--service{}

@media (min-width: 769px){
	.g-sitemapGrid{
		display: flex;
		justify-content: space-between;
	}
	.g-sitemapGrid__item{
		flex: 0 0 40%;
	}
	.g-sitemapGrid__item--product{}
	.g-sitemapGrid__item--service{}
}
@media (max-width: 768px){
	.g-sitemapGrid{}
	.g-sitemapGrid__item{}
	.g-sitemapGrid__item--product{
		display: none;
	}
	.g-sitemapGrid__item--service{}
}



.g-sitemap{
	margin: 0;
	padding: 0;
	list-style: none;
}
.g-sitemap__heading{
	color: #808283;
	font-weight: bold;
}
.g-sitemap__item{}
.g-sitemap__link{
	color: #111111;
	font-weight: bold;
}

@media (min-width: 769px){
	.g-sitemap{
		margin-bottom: 1em;
	}
	.g-sitemap--lv2{
		margin-left: .75em;
		font-size: .875em;
		line-height: 1.75em;
	}
	.g-sitemap__heading{}
	.g-sitemap__item{}
	.g-sitemap--lv2 .g-sitemap__item{
		margin-top: 1em;
	}
	.g-sitemap__link{}
	
	.g-sitemap__item--faq{}
	.g-sitemap__item--guide{}
	.g-sitemap__item--contact{}
	.g-sitemap__item--product{
		display: none;
	}
}
@media (max-width: 768px){
	.g-sitemap{
		display: flex;
		flex-direction: column;
	}
	.g-sitemap__heading{
		display: none;
	}
	.g-sitemap__item{
		order: 2;
		border-top: 1px solid #9DA6AE;
	}
	.g-sitemap__item--faq{}
	.g-sitemap__item--guide{
		order: 2;
	}
	.g-sitemap__item--contact{
		display: none;
	}
	.g-sitemap__item--product{
		order: 0;
		border-top: 0 none;
	}
	.g-sitemap__link{
		display: block;
		position: relative;
		text-align: center;
		padding: 1.5em;
		background-color: #F7F7F7;
	}
	.g-sitemap__link:after{
		content: "";
		display: block;
		
		position: absolute;
		top: 0;
		right: 1em;
		bottom: 0;
		
		width: .6em;
		height: .6em;
		margin: auto;
		
		border-style: solid;
		border-color: #9DA6AE;
		border-width:  2px 2px 0 0;
		
		transform: rotate(45deg);
	}
	
	
}



.g-footNav{
	margin: 0;
	padding: 0;
	list-style: none;
}
.g-footNav__item{}

@media (min-width: 769px){
	.g-footNav{}
	.g-footNav__item{}
	.g-footNav__button{
		font-size: .875em;
		padding: .25em .5em;
	}
}
@media (max-width: 768px){
	.g-footNav{}
	.g-footNav__item{}
}



.g-contact{
	padding: 1.5em;
	box-sizing: border-box;
	border: 1px solid #808283;
}
.g-contact__heading{
	color: #808283;
	font-size: 1.25em;
	font-weight: bold;
	border-bottom: 1px solid #808283;
	
	margin: 0;
	padding: 0;
	padding-bottom: .5em;
}
.g-contact__tel{
	padding-top: 1em;
	padding-bottom: 1em;
}
.g-contact__telNumber{
	margin: 0;
	padding: 0;
	
	font-size: 1.6em;
	letter-spacing: .145em;
	font-weight: bold;
	text-align: center;
}
.g-contact__telLink{
	color: #808283;
}
.icon-tel{
	margin-right: .25em;
}
.g-contact__time{
	margin: 0;
	padding: 0;
	margin-top: .5em;
	
	font-size: .75em;
	line-height: 1.5em;
	text-align: center;
}

@media (min-width: 769px){
	.g-contact{}
	.g-contact__heading{}
	.g-contact__telNumber{}
	.g-contact__time{}
}
@media (max-width: 768px){
	.g-contact{
		margin-top: 1.75em;
		margin-left: 3%;
		margin-right: 3%;
		
		text-align: center;
		border-width: 5px;
	}
	.g-contact__heading{}
	.g-contact__telNumber{}
	.g-contact__time{}
}



.g-contactNav{}
.g-conactNav__item{}

@media (min-width: 769px){
	.g-contactNav{}
	.g-conactNav__item{}
}
@media (max-width: 768px){
	.g-contactNav{}
	.g-conactNav__item{}
}





/* footer */
.g-footer{
	color: #fff;
	background-color: #2C72AE;
}
.g-footer a{
	color: #fff;
}
.g-footer__inner{
	padding-top: 3.125em;
	padding-bottom: 1.25em;
}
.g-footerLogo{
	text-align: center;
}
.g-footerLogo__link{}
.g-footerLogo__img{}
.g-footerNavi{
	margin: 0;
	padding: 0;
	list-style: none;
}
.g-footerNavi__item{}
.g-footerNavi__link{}
.g-footerCopyright{
	margin: 0;
	text-align: center;
}
.g-copyright{}

@media (min-width: 769px){
	.g-footer{}
	.g-footer__inner{
		position: relative;
	}
	.g-footerLogo{
		margin-top: 2.5em;
		margin-bottom: 2.5em;
	}
	.g-footerLogo__link{}
	.g-footerLogo__img{
		width: 180px;
	}
	.g-footerNavi{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		
		margin-bottom: 1.25em;
	}
	.g-footerNavi__item{
		font-size: .875em;
		line-height: 1em;
	}
	.g-footerNavi__item:not(:first-child){
		margin-left: 1em;
		padding-left: 1em;
		border-left: 2px solid #fff;
	}
	.g-footerNavi__link{
		font-weight: bold;
	}
	.g-footerCopyright{}
	.g-copyright{}
}
@media (max-width: 768px){
	.g-footer{
		position: relative;
		padding-top: 3em;
	}
	.g-footer__inner{
		display: flex;
		flex-direction: column;
	}
	.g-footerLogo{
		order: 2;
		
		margin-bottom: 1em;
	}
	.g-footerLogo__link{}
	.g-footerLogo__img{
		width: 110px;
	}
	.g-footerNavi{
		order: 1;
		margin-bottom: 3.125em;
	}
	.g-footerNavi__item{
		text-align: center;
	}
	.g-footerNavi__link{
		display: inline-block;
		padding: 1em;
	}
	.g-footerCopyright{
		order: 3;
	}
	.g-copyright{}
}





/* pagetop */
.pagetop{}
.pagetop__link{
	display: block;
	overflow: hidden;
	text-align: center;
	
	padding: 1em;
	line-height: 1.25em;
	
	color: #fff;
	background-color: #9DA6AD;
	
	box-sizing: border-box;
}
.pagetop__link:before{
	content: "";
	display: block;
	
	width: 1.5em;
	height: 1.5em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: .25em;
	
	border-style: solid;
	border-color: #fff;
	border-width: 3px 3px 0 0;
	
	transform: rotate(-45deg);
}

@media (min-width: 769px){
	.pagetop{
		position: absolute;
		top: 0;
		right: 0;
		width: 100px;
	}
	.pagetop__link{
		height: 100px;
		
		display: flex;
		flex-direction: column;
		justify-content: center;
		
		font-size: .75em;
		font-weight: bold;
		
		border-radius: 2px;
	}
}
@media (max-width: 768px){
	.pagetop{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
	}
	.pagetop__link{}
	.pagetop__link:before{
		width: 1em;
		height: 1em;
	}

}












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

 * contents

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

/* bread crumbs */
.breadcrumbs{
	padding-top: .5em;
	padding-bottom: .5em;
	background-color: #f7f7f7;
}
.breadcrumbs__inner{
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1em;
	font-weight: normal;
	line-height: 2em;
}
.breadcrumbs__items{
	list-style: none;
	margin: 0;
	padding: 0;
	
	display: flex;
	flex-wrap: wrap;
}
.breadcrumbs__item{
	
}
.breadcrumbs__item:not(:last-child){
	margin-right: 1em;
}
.breadcrumbs__item:not(:first-child):before{
	content: ">";
	margin-right: 1em;
}
.breadcrumbs__link{
	display: inline-flex;
	align-items: center;
}
.breadcrumbs__link--home:before{
	content: "";
	margin-right: .5em;
	vertical-align: middle;
	
	width: 1em;
	height: 1em;
	
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../img/base/breadcrumb__icon--home.png);
}

@media (min-width: 769px){
	.breadcrumbs{}
	.breadcrumbs__inner{}
	.breadcrumbs__items{}
	.breadcrumbs__item{
		font-size: .75em;
		line-height: 1.5em;
	}
	.breadcrumbs__link{}
	.breadcrumbs__link--home{}
}

@media (max-width: 768px){
	.breadcrumbs{}
	.breadcrumbs__inner{}
	.breadcrumbs__items{}
	.breadcrumbs__item{
		font-size: .9375em;
		line-height: 1.5em;
	}
	.breadcrumbs__link{}
	.breadcrumbs__link--home{}
}




/* page heading */
.pageHeading{
	margin: 0;
	padding: 0;
	padding-top: 1em;
	padding-bottom: 1em;
	text-align: center;
	border-bottom: 1px solid #9DA6AE;
}
.pageHeading--free{
	padding-top: 0;
	border-bottom: 0 none;
}
.pageHeading__main{
	font-size: 1.2em;
	font-weight: 500;
	line-height: 2em;
}
.pageHeading__sub{
	color: #308BD9;
	font-size: .65em;
	font-weight: 400;
	letter-spacing: .1em;
}

@media (min-width: 769px){
	.pageHeading{}
	.pageHeading__main{}
	.pageHeading__sub{}
}
@media (max-width: 768px){
	.pageHeading{}
	.pageHeading__main{}
	.pageHeading__sub{}
}




/* column frame */
.m-columnFrame{}
.m-columnFrame__main{}
.m-columnFrame__side{}

@media (min-width: 769px){
	.m-columnFrame{
		display: flex;
	}
	.m-columnFrame__main{
		flex: 1 1 auto;
	}
	.m-columnFrame__side{
		flex: 0 0 225px;
		box-sizing: border-box;
		margin-right: 3%;
	}
}
@media (max-width: 768px){
	.m-columnFrame{}
	.m-columnFrame__main{}
	.m-columnFrame__side{}
}




/* side navi */
.sideNavi{
	margin: 0;
	padding: 0;
	list-style: none;
}
.sideNavi__title{
	color: #fff;
	font-weight: bold;
	text-align: center;
	background-color: #9DA6AE;
	
	padding: 1em;
}
.sideNavi__menuIcon{}
.sideNavi__item{}
.sideNavi__link{}

@media (min-width: 769px){
	.sideNavi{}
	.sideNavi__title{
		border-radius: 3px;
	}
	.sideNavi__menuIcon{
		display: none;
	}
	.sideNavi__item{}
	.sideNavi__link{
		display: block;
		padding: .8em 1em;
		border-bottom: 1px solid #9DA6AE;
		
		color: #111111;
	}
	.sideNavi__link:hover,
	.sideNavi__link.is-active{
		color: #308BD9;
	}
	.sideNavi__link.is-active:before{
		content: "▶";
		display: inline-block;
		text-indent: -1.25em;
	}
}
@media (max-width: 768px){
	.sideNavi{}
	.sideNavi--wrap{
		margin-bottom: 2em;
	}
	.sideNavi__title.js-opener__trigger{
		cursor: pointer;
		padding: 1.5em;
	}
	.sideNavi--accordion{
		display: none;
	}
	.sideNavi.js-opener--active .sideNavi--accordion{
		display: block;
		
		animation: kf-accordion 300ms ease-out;
	}
	.sideNavi__title{}
	.sideNavi__menuIcon{
		font-size: .75em;
		line-height: 1em;
	}
	.sideNavi__menuIcon:after{
		content: "";
		
		display: block;
		
		width: 1em;
		height: 1em;
		margin: auto;
		
		border-style: solid;
		border-width: 0 3px 3px 0;
		
		transform: rotate(45deg);
	}
	.sideNavi.js-opener--active .sideNavi__menuIcon:after{
		transform: rotate(225deg);
		position: relative;
		top: .5em;
	}
	.sideNavi__item{}
	.sideNavi__link{
		display: block;
		position: relative;
		
		padding: 1.5em;
		
		color: #111111;
		text-align: center;
		background-color: #CED2D6;
		border-top: 1px solid #fff;
		
	}
	.sideNavi__link:after{
		content: "";
		
		display: block;
		position: absolute;
		
		top: 0;
		right: 1em;
		bottom: 0;
		margin: auto;
		
		width: .6em;
		height: .6em;
		line-height: 1em;
		
		
		border-color: #808283;
		border-style: solid;
		border-width: 2px 2px 0 0;
		
		transform: rotate(45deg);
	}
	.sideNavi__link.is-active{
		color: #fff;
		background-color: #308BD9;
	}
}




/* thanks frame */
.thanksFrame{
	text-align: center;
	
	padding-top: 3.5rem;
	padding-bottom: 3.5rem;
}



/*add_20190902_追加*/
@media (min-width: 769px){
	.serial_item{
		margin-bottom: 3em;
	}
}
@media (max-width: 768px){
	.serial_item{
		margin-bottom: 1em;
	}
}

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

 * etc

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