@charset "UTF-8";
/* --------------------------------------------------
 * Base Style Sheet
 * 2018/06/03 -
-------------------------------------------------- */
/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, /*ol, ul, li,*/
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	border: 0;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
* {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
/* INIT */
html {
	font-size: 62.5%;
}
body {
	/* font-family: "游ゴシック", YuGothic, "Hiragino Sans", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
	font-family: "Noto Sans JP", sans-serif;
	line-height: 1;
	-webkit-text-size-adjust: 100%;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
button, input, select, textarea {
	font-size: 100%;
	font-family: inherit;
}
textarea {
	resize: vertical;
}
@media all and (-ms-high-contrast:none) {
	body {
		font-family: "メイリオ", Meiryo, "游ゴシック", YuGothic, "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
}
/* fontawesome */
@font-face {
  font-family: 'fa_custom';
  src:  url('../fonts/fa_custom.eot?5kgalk');
  src:  url('../fonts/fa_custom.eot?5kgalk#iefix') format('embedded-opentype'),
url('../fonts/fa_custom.ttf?5kgalk') format('truetype'),
url('../fonts/fa_custom.woff?5kgalk') format('woff'),
url('../fonts/fa_custom.svg?5kgalk#fa_custom') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa-custom_b:before,
.fa-custom_a:after,
.nav-global_list li a:after,
.header-search:after,
#nav-pagetop .link-pagetop a:after {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-family: 'fa_custom' !important;
	font-variant: normal;
	font-weight: normal;
	speak: none;
	text-rendering: auto;
	text-transform: none;
	line-height: 1;
}
.icon-fa_home:before { content: "\f015"; }
.icon-fa_gear:before { content: "\f013"; }
.icon-fa_check-circle:before { content: "\f058"; }


/* --------------------------------------------
 * Default Element Styles
----------------------------------------------- */
/* LISTS */
ul, ol, dl {}

/* LIST CLASS  */
.horizontal,
.vertical,
.inline,
.custom,
.list-accordion {
	margin: 0;
	list-style: none;
	padding: 0;
}
.horizontal {}
	.horizontal > li { float: left; }
.inline {}
	.inline > li {
		display: inline-block;
		letter-spacing: normal;
	}
.inline.nospace {}
	.inline.nospace > li {}
.custom.icon {}
	.custom.icon > li {
		background-repeat: no-repeat;
		background-position: 0 .4em;
		padding-left: 15px;
	}
.list-accordion {}
.imgText {
	background: none;
	border: none;
	font-size:100%;
	line-height:normal;
	margin:0;
	padding:0;
	text-indent:0;
}

/* IMG */
.replace-img {
	display: block;
	overflow: hidden;
	position: absolute;
	text-indent: 100%;
	white-space: nowrap;
}

/* LINES */
hr { clear: both; }

/* LINKS */
a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:focus {
	outline: none;
}
	a img {
		border: none;
	}

sub, sup { font-size: 70%; }

/* --------------------------------------------
CLEAR -HACK:CLEARFIX-
----------------------------------------------- */
#container:after, #nav-global:after,
#contents:after, #mainCol:after, #nav-bottom:after, #footer:after,
.horizontal:after,
.inBlockLimg:after, .inBlockRimg:after,
.clr:after {
	content: "";
    clear: both;
    display: block;
}

/* --------------------------------------------
Page Layout
----------------------------------------------- */
body {}
#container {
	text-align: left;
}

/* MAIN CONTENT STYLE
----------------------- */
#contents {}
#mainCol,#mainBody,#subCol,#exCol {}

/* MAIN COLUMN STYLE
----------------------- */
#mainCol {}
#mainBody {}

/* SUB COLUMN STYLE
----------------------- */
#subCol {}
@media only screen and ( max-width : 767px ) {
	#subCol {
		padding: 15px 10px;
	}
}

/* EXTRA COLUMN STYLE
----------------------- */
#exCol {}

/* FOOTER STYLE
----------------------- */
#footer {
	clear: both;
	margin: 0 auto;
	text-align: center;
}


/* GLOBAL NAVIGATION STYLE
----------------------- */
#navcontainer {
}

/* PAGE HEAD STYLE
----------------------- */
#pageHead {
}

/* PAGE Bottom STYLE
----------------------- */
#pageBottom{
}

/* YOUR HERE STYLE
----------------------- */
#yrHere {
	clear: both;
}

/* RETURN TO PAGE TOP STYLE
----------------------- */
.toTop {}

/* PAGE BOTTOM NAVIGATION STYLE
----------------------- */
#btmNav {
clear:both;
text-align:center;
}

/* --------------------------------------------
 * Page Layout Patterns
----------------------------------------------- */
/* Only MainColumn */
.oneColumn #mainCol {}
.oneColumn #mainBody {}

@media print, screen and ( min-width : 768px ) {
	#mainBody { font-size: 1.4rem; }
	/* Only MainColumn */
	.oneColumn #mainBody { }

	/* SubColumn | MainColumn */
	.sm #mainBody { float: right; }
	.sm #subCol { float: left; }

	/* MainColumn | SubColumn */
	.ms #mainBody { float: left; }
	.ms #subCol { float: right; }

	/* SubColumn | MainColumn | ExtraColumn */
	.smx #mainCol { float: left; }
		.smx #mainBody { float: right; }
		.smx #subCol { float: left; }
	.smx #exCol { float: right; }

	/* ExtraColumn | MainColumn | SubColumn */
	.xms #mainCol { float: right; }
		.xms #mainBody { float: left; }
		.xms #subCol { float: right; }
	.xms #exCol { float: left; }
}
/* ------------------------------
* All Content Block Style
* ------------------------------ */
.mainBlock {}
.itemBlockH2, .itemBlockH3, .itemBlockH4, .itemBlockH5, .itemBlockH6, .formBlock {}

/* ------------------------------
* All inBlock** Style
* ------------------------------ */
.inBlockLimg img {
	float: left;
	margin:0 .75em .75em 0;
}
.inBlockLimg .cap {float:left;margin:0 .75em .25em 0;}
.inBlockLimg .cap img {float:none;margin:0;}

.inBlockRimg img {
	float:right;
	margin:0 0 .75em .75em;
}
.inBlockRimg .cap {float:right; margin:0 0 .25em .75em;}
.inBlockRimg .cap img {float:none; margin:0;}
@media only screen and ( max-width : 767px ) {
  .inBlockLimg .cap,
	.inBlockRimg .cap,
	.inBlockLimg img,
	.inBlockRimg img {
		display: block;
		float: none;
		height: auto;
		margin: 10px auto;
		max-width: 100%;
	}
  .inBlockLimg .cap img,
	.inBlockRimg .cap img {
		margin: 10px auto;
	}
}


/* ------------------------------
 * grid
 * ------------------------------ */
.row {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.start {
	display: flex;
	justify-content: flex-start;
}
.u-flxAi-ce {
	align-items: center;
}
.pdf-download .row {
	justify-content: center;
}
.col { width: 100%; }
	/* default */
	.span-1 { width: 8.33333333%; }
	.span-2 { width: 16.66666666%; }
	.span-3 { width: 25%; }
	.span-4 { width: 33.33333333%; }
	.span-5 { width: 41.7%; }
	.span-6 { width: 50%; }
	.span-7 { width: 58.3%; }
	.span-8 { width: 66.66666666%; }
	.span-9 { width: 75%; }
	.span-10 { width: 83.33333333%; }
	.span-11 { width: 91.66666666%; }
	.span-12 { width: 100%; }

	/* offset */
	.span-offset-1 { margin-left: 8.33333333%; }
	.span-offset-2 { margin-left: 16.66666666%; }
	.span-offset-3 { margin-left: 25%; }
	.span-offset-4 { margin-left: 33.33333333%; }
	.span-offset-5 { margin-left: 41.66666666%; }
	.span-offset-6 { margin-left: 50%; }
	.span-offset-7 { margin-left: 58.33333333%; }
	.span-offset-8 { margin-left: 66.66666666%; }
	.span-offset-9 { margin-left: 75%; }
	.span-offset-10 { margin-left: 83.33333333%; }
	.span-offset-11 { margin-left: 91.66666666%; }
	.span-offset-12 { margin-left: 100%; }

	/* gutter default ( percent ) */
	.gutter > .span-1 { width: 7.416666666%; }
	.gutter > .span-2 { width: 15.83333333%; }
	.gutter > .span-3 { width: 24.25%; }
	.gutter > .span-4 { width: 32.66666666%; }
	.gutter > .span-5 { width: 41.08333333%; }
	.gutter > .span-6 { width: 49.5%; }
	.gutter > .span-7 { width: 57.91666666%; }
	.gutter > .span-8 { width: 66.33333333%; }
	.gutter > .span-9 { width: 74.75%; }
	.gutter > .span-10 { width: 83.16666666%; }
	.gutter > .span-11 { width: 91.58333333%; }
	.gutter > .span-12 { width: 100%; }
	/* gutter default offset ( percent ) */
	.gutter > .span-offset-1 { margin-left: 8.33333333%; }
	.gutter > .span-offset-2 { margin-left: 16.66666666%; }
	.gutter > .span-offset-3 { margin-left: 25%; }
	.gutter > .span-offset-4 { margin-left: 33.33333333%; }
	.gutter > .span-offset-5 { margin-left: 41.66666666%; }
	.gutter > .span-offset-6 { margin-left: 50%; }
	.gutter > .span-offset-7 { margin-left: 58.33333333%; }
	.gutter > .span-offset-8 { margin-left: 66.66666666%; }
	.gutter > .span-offset-9 { margin-left: 75%; }
	.gutter > .span-offset-10 { margin-left: 83.33333333%; }
	.gutter > .span-offset-11 { margin-left: 91.66666666%; }
	.gutter > .span-offset-12 { margin-left: 100%; }


	/* gutter pixel */
	.gutter.px > .span-1 {
		width: -webkit-calc( 100%/12 - 20px*11/12 - 0.01px );
		width: calc( 100%/12 - 20px*11/12 - 0.01px );
   }
	.gutter.px > .span-2 {
		width: -webkit-calc( 100%/6 - 20px*5/6 - 0.01px );
		width: calc( 100%/6 - 20px*5/6 - 0.01px );
   }
	.gutter.px > .span-3 {
		width: -webkit-calc( 100%/4 - 20px*3/4 - 0.01px );
		width: calc( 100%/4 - 20px*3/4 - 0.01px );
   }
	.gutter.px > .span-4 {
		width: -webkit-calc( 100%/3 - 20px*2/3 - 0.01px );
		width: calc( 100%/3 - 20px*2/3 - 0.01px );
   }
	.gutter.px > .span-5 {
		width: -webkit-calc( 100%/12*5 - 20px*7/12 - 0.01px );
		width: calc( 100%/12*5 - 20px*7/12 - 0.01px );
   }
	.gutter.px > .span-6 {
		width: -webkit-calc( 100%/2 - 20px*1/2 - 0.01px );
		width: calc( 100%/2 - 20px*1/2 - 0.01px );
   }
	.gutter.px > .span-7 {
		width: -webkit-calc( 100%/12*7 - 20px*5/12 - 0.01px );
		width: calc( 100%/12*7 - 20px*5/12 - 0.01px );
   }
	.gutter.px > .span-8 {
		width: -webkit-calc( 100%/12*8 - 20px*3/4 - 0.01px );
		width: calc( 100%/12*8 - 20px*4/12 - 0.01px );
   }
	.gutter.px > .span-9 {
		width: -webkit-calc( 100%/12*9 - 20px*1/4 - 0.01px );
		width: calc( 100%/12*9 - 20px*3/12 - 0.01px );
   }
	.gutter.px > .span-10 {
		width: -webkit-calc( 100%/12*10 - 20px*1/6 - 0.01px );
		width: calc( 100%/12*10 - 20px*1/6 - 0.01px );
   }
	.gutter.px > .span-11 {
		width: -webkit-calc( 100%/12*11 - 20px*1/12 - 0.01px );
		width: calc( 100%/12*11 - 20px*1/12 - 0.01px );
   }
	.gutter.px > .span-12 { width: 100%; }

	/* gutter pixel offset */
	.gutter.px > .span-offset-1 {
		margin-left: -webkit-calc( 100%/12 - 20px*11/12 - 0.01px );
		margin-left: calc( 100%/12 - 20px*11/12 - 0.01px );
   }
	.gutter.px > .span-offset-2 {
		margin-left: -webkit-calc( 100%/6 - 20px*5/6 - 0.01px );
		margin-left: calc( 100%/6 - 20px*5/6 - 0.01px );
   }
	.gutter.px > .span-offset-3 {
		margin-left: -webkit-calc( 100%/4 - 20px*3/4 - 0.01px );
		margin-left: calc( 100%/4 - 20px*3/4 - 0.01px );
   }
	.gutter.px > .span-offset-4 {
		margin-left: -webkit-calc( 100%/3 - 20px*2/3 - 0.01px );
		margin-left: calc( 100%/3 - 20px*2/3 - 0.01px );
   }
	.gutter.px > .span-offset-5 {
		margin-left: -webkit-calc( 100%/12*5 - 20px*7/12 - 0.01px );
		margin-left: calc( 100%/12*5 - 20px*7/12 - 0.01px );
   }
	.gutter.px > .span-offset-6 {
		margin-left: -webkit-calc( 100%/2 - 20px*1/2 - 0.01px );
		margin-left: calc( 100%/2 - 20px*1/2 - 0.01px );
   }
	.gutter.px > .span-offset-7 {
		margin-left: -webkit-calc( 100%/12*7 - 20px*5/12 - 0.01px );
		margin-left: calc( 100%/12*7 - 20px*5/12 - 0.01px );
   }
	.gutter.px > .span-offset-8 {
		margin-left: -webkit-calc( 100%/12*8 - 20px*3/4 - 0.01px );
		margin-left: calc( 100%/12*8 - 20px*4/12 - 0.01px );
   }
	.gutter.px > .span-offset-9 {
		margin-left: -webkit-calc( 100%/12*9 - 20px*1/4 - 0.01px );
		margin-left: calc( 100%/12*9 - 20px*3/12 - 0.01px );
   }
	.gutter.px > .span-offset-10 {
		margin-left: -webkit-calc( 100%/12*10 - 20px*1/6 - 0.01px );
		margin-left: calc( 100%/12*10 - 20px*1/6 - 0.01px );
   }
	.gutter.px > .span-offset-11 {
		margin-left: -webkit-calc( 100%/12*11 - 20px*1/12 - 0.01px );
		margin-left: calc( 100%/12*11 - 20px*1/12 - 0.01px );
   }
	.gutter.px > .span-12 { margin-left: 100%; }


@media print, screen and ( min-width : 768px ) {}
@media only screen and ( max-width : 767px ) {
	.span-s-3 { width: 25%; }
	.span-s-4 { width: 33.33333333%; }
	.span-s-6 { width: 50%; }
	.span-s-8 { width: 66%; }
	.span-s-12 { width: 100% !important; margin-left: 0 !important; }
	.gutter.px .span-s-12 + .span-s-12 { margin-top: 5px; }
	.flex-between_v__sp { -webkit-align-content: space-between; align-content: space-between; }
}

/* ------------------------------
 * utilities
 * ------------------------------ */
/* margin */
.mt0  { margin-top: 0 !important; }
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }
.mt100{ margin-top: 100px !important; }

.mb0   { margin-bottom: 0px !important; }
.mb05  { margin-bottom: 5px !important; }
.mb10  { margin-bottom: 10px !important; }
.mb15  { margin-bottom: 15px !important; }
.mb20  { margin-bottom: 20px !important; }
.mb25  { margin-bottom: 25px !important; }
.mb30  { margin-bottom: 30px !important; }
.mb40  { margin-bottom: 40px !important; }
.mb50  { margin-bottom: 50px !important; }
.mb60  { margin-bottom: 60px !important; }
.mb70  { margin-bottom: 70px !important; }
.mb80  { margin-bottom: 80px !important; }
.mb90  { margin-bottom: 90px !important; }
.mb100 { margin-bottom: 100px !important; }

.m_auto { margin-left: auto; margin-right: auto; }

/* overflow */
.ovf-h { overflow: hidden; }

/*  border */
.bdr-t { border-top: 1px solid #CCC; }
.bdr-r { border-right: 1px solid #CCC; }
.bdr-b { border-bottom: 1px solid #CCC; }
.bdr-l { border-left: 1px solid #CCC; }

/* font */
@media print, screen and ( min-width : 768px ) {
	.fz16--pc { font-size: 1.6rem; }
}

/* slick.js */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before,
.slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

html { scroll-snap-type: y proximity; scroll-padding-top: 120px; }