@charset "UTF-8";

/*--------- Bootstrap overwrite & customize ---------*/
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

body,
tooltip,
popover {
	font-family: "source-han-sans-japanese", -apple-system, BlinkMacSystemFont, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Verdana, Meiryo, "M+ 1p", sans-serif;
	font-weight: 300;
}


@media (min-width: 1400px) {
  .container {
    max-width: 1350px;
  }
}
/*SourceHanSansJP font-weight 300 400 500 700*/
.txt-gothic {
	font-family: source-han-sans-japanese,sans-serif;
	font-style: normal;
}
/*SourceHanSerif font-weight 600 700*/
.txt-mincho {
	font-family: source-han-serif-japanese,serif;
	font-style: normal;
}
/*Facit-Semibold font-weight 600*/
.txt-en-gothic {
	font-family: jaf-facitweb,sans-serif;
	font-weight: 600;
	font-style: normal;
}
/*MatisseProN-M font-weight 600 700*/
.txt-matisse {
	font-family: fot-matisse-pron,sans-serif;
	font-weight: 500;
	font-style: normal;
}
.fw-300 {
	font-weight: 300;
}
.fw-400 {
	font-weight: 400;
}
.fw-500 {
	font-weight: 500;
}
.fw-600 {
	font-weight: 600;
}
.fw-700 {
	font-weight: 700;
}
.fs-08em {
	font-size:.8em!important;
}
.fs-09em {
	font-size:.9em!important;
}
.fs-1em {
	font-size:1em!important;
}
.fs-1-1em {
	font-size:1.1em!important;
}
.fs-1-2em {
	font-size:1.2em!important;
}
.fs-1-5em {
	font-size:1.5em!important;
}
.fl-1-5em {
	line-height: 1.5em;
}
.fl-1-6em {
	line-height: 1.6em;
}
.fl-1-7em {
	line-height: 1.7em;
}
.fl-1-8em {
	line-height: 1.8em;
}
.text-c-default {
	color:#111 !important;
}
.text-c666666 {
	color:#666 !important;
}
.text-c999999 {
	color:#999 !important;
}
.text-8c8c8c {
	color:#8c8c8c !important;
}
.text-cff6600 {
	color:#ff6600 !important;
}
.text-ffff00 {
	color:#ffff00 !important;
}
.text-00ccf9 {
	color:#00ccf9 !important;
}
.text-006600 {
	color:#006600 !important;
}
.text-262673 {
	color:#262673 !important;
}
.bg-c111111 {
	background-color:#111 !important;
}
.bg-c666666 {
	background-color:#666 !important;
}
.bg-c999999 {
	background-color:#999 !important;
}
.bg-c8c8c8c {
	background-color:#8c8c8c !important;
}
.bg-cff6600 {
	background-color:#ff6600 !important;
}
.bg-f1eccb {
	background-color:#f1eccb !important;
}
.bg-c5dbef {
	background-color:#c5dbef !important;
}
.bg-aedfdc {
	background-color:#aedfdc !important;
}
/*List Styles*/
ul {
	padding-left:1.5em;
}
ol {
	padding-left:1.5em;
}
.no-style {
	list-style: none;
	margin-bottom: 0;
	padding:0;
}
ul.list-style-1 > li.no-style:before {
	content: none;
}
dl.no-style dt {
	float:left;
	font-weight: 400;
	clear:both;
}
dl.no-style dd {
	overflow: hidden;
}
ul.list-style-1,
ul.list-style-2 {
	list-style: none;
	margin-bottom: 0;
	padding:0;
	padding-left:1.5em;
}
ul.list-style-1 > li:before,
ul.list-style-2 > li:before {
content:'\025CF';
display: inline-block;
margin-left:-1.5em;
	width:1.5em;
}
ul.list-style-2 > li:before {
color:#ff6600;
}
ul.list-style-3 {
	list-style: none;
	margin-bottom: 0;
	padding:0;
	padding-left:1em;
}
ul.list-style-3 > li:before {
content:'\30FB';
display: inline-block;
margin-left:-1em;
	width:1em;
}
ul.list-style-4 {
	list-style: none;
	margin-bottom: 0;
	padding:0;
	padding-left:1em;
}
ul.list-style-4 > li:before {
content:'\02013';
font-weight: bold;
display: inline-block;
margin-left:-1em;
	width:1em;
}

/*--------- Bootstrap column ---------*/
.col-2-4, .col-sm-2-4, .col-md-2-4, .col-lg-2-4 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-2-4 {
	-ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}
@media (min-width: 576px) {
	.col-sm-2-4 {
		-ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
	}
}
@media (min-width: 768px) {
	.col-md-2-4 {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
	.col-md-offset-2-4 {
		margin-left: 4.3333333%;
	}
}
@media (min-width: 992px) {
	.col-lg-2-4 {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
	.col-lg-offset-2-4 {
		margin-left: 4.3333333%;
	}
}
@media (min-width: 1200px) {
	.col-xl-2-4 {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
	.col-xl-offset-2-4 {
		margin-left: 4.3333333%;
	}
}
/*--------- Bootstrap gutter ---------*/
.gutter-50{
margin-left:-25px;
margin-right:-25px;
}
.gutter-50 > [class*='col-'] {
padding-left:25px;
padding-right:25px;
}
.gutter-46{
margin-left:-23px;
margin-right:-23px;
}
.gutter-46 > [class*='col-'] {
padding-left:23px;
padding-right:23px;
}
.gutter-40{
margin-left:-20px;
margin-right:-20px;
}
.gutter-40 > [class*='col-'] {
padding-left:20px;
padding-right:20px;
}
.gutter-20{
margin-left:-10px;
margin-right:-10px;
}
.gutter-20 > [class*='col-'] {
padding-left:10px;
padding-right:10px;
}
.gutter-16{
margin-left:-8px;
margin-right:-8px;
}
.gutter-16 > [class*='col-'] {
padding-left:8px;
padding-right:8px;
}
.gutter-10{
margin-left:-5px;
margin-right:-5px;
}
.gutter-10 > [class*='col-'] {
padding-left:5px;
padding-right:5px;
}
.gutter-06{
margin-left:-3px;
margin-right:-3px;
}
.gutter-06 > [class*='col-'] {
padding-left:3px;
padding-right:3px;
}
@media (min-width: 768px) {
.gutter-md-50{
	margin-left:-25px;
	margin-right:-25px;
	}
	.gutter-md-50 > [class*='col-'] {
	padding-left:25px;
	padding-right:25px;
	}
	.gutter-md-46{
	margin-left:-23px;
	margin-right:-23px;
	}
	.gutter-md-46 > [class*='col-'] {
	padding-left:23px;
	padding-right:23px;
	}
	.gutter-md-40{
	margin-left:-20px;
	margin-right:-20px;
	}
	.gutter-md-40 > [class*='col-'] {
	padding-left:20px;
	padding-right:20px;
	}
	.gutter-md-30{
	margin-left:-15px;
	margin-right:-15px;
	}
	.gutter-md-30 > [class*='col-'] {
	padding-left:15px;
	padding-right:15px;
	}
	.gutter-md-20{
	margin-left:-10px;
	margin-right:-10px;
	}
	.gutter-md-20 > [class*='col-'] {
	padding-left:10px;
	padding-right:10px;
	}
	.gutter-md-16{
	margin-left:-8px;
	margin-right:-8px;
	}
	.gutter-md-16 > [class*='col-'] {
	padding-left:8px;
	padding-right:8px;
	}
	.gutter-md-10{
	margin-left:-5px;
	margin-right:-5px;
	}
	.gutter-md-10 > [class*='col-'] {
	padding-left:5px;
	padding-right:5px;
	}
	.gutter-md-06{
	margin-left:-3px;
	margin-right:-3px;
	}
	.gutter-md-06 > [class*='col-'] {
	padding-left:3px;
	padding-right:3px;
	}
}
/*--------- Margin ---------*/
.m-0 { margin: 0 !important; }
.m-1rem { margin: 1rem !important; }
.m-1-5rem { margin: 1.5rem !important; }
.m-2rem {	margin: 2rem !important; }
.m-2-5rem { margin: 2.5rem !important; }
.m-3rem { margin: 3rem !important; }
.m-3-5rem {	margin: 3.5rem !important; }
.m-4rem { margin: 4rem !important; }
.m-4-5rem {	margin: 4.5rem !important; }
.mt--05rem {	margin-top: -.5em !important; }
.mt--1-5rem {	margin-top: -1.5em !important; }
.mt--2-5rem {	margin-top: -2.5em !important; }
.mt-0 { margin-top: 0 !important; }
.mt-05rem { margin-top: 0.5rem !important; }
.mt-1rem { margin-top: 1rem !important; }
.mt-1-5rem { margin-top: 1.5rem !important; }
.mt-2rem {	margin-top: 2rem !important; }
.mt-2-5rem { margin-top: 2.5rem !important; }
.mt-3rem { margin-top: 3rem !important; }
.mt-3-5rem {	margin-top: 3.5rem !important; }
.mt-4rem { margin-top: 4rem !important; }
.mt-4-5rem {	margin-top: 4.5rem !important; }
.mb-0 { margin-bottom: 0 !important; }
.mb-05rem { margin-bottom: .5rem !important; }
.mb-1rem { margin-bottom: 1rem !important; }
.mb-1-5rem { margin-bottom: 1.5rem !important; }
.mb-2rem {	margin-bottom: 2rem !important; }
.mb-2-5rem { margin-bottom: 2.5rem !important; }
.mb-3rem { margin-bottom: 3rem !important; }
.mb-3-5rem {	margin-bottom: 3.5rem !important; }
.mb-4rem { margin-bottom: 4rem !important; }
.mb-4-5rem {	margin-bottom: 4.5rem !important; }
.ml-0 { margin-left: 0 !important; }
.ml-05rem { margin-left: 0.5rem !important; }
.ml--1rem { margin-left: -1rem !important; }
.ml--1-5rem { margin-left: -1.5rem !important; }
.ml-1rem { margin-left: 1rem !important; }
.ml-1-5rem { margin-left: 1.5rem !important; }
.ml-2rem {	margin-left: 2rem !important; }
.ml-2-5rem { margin-left: 2.5rem !important; }
.ml-3rem { margin-left: 3rem !important; }
.ml-3-5rem {	margin-left: 3.5rem !important; }
.ml-4rem { margin-left: 4rem !important; }
.ml-4-5rem {	margin-left: 4.5rem !important; }
.mr-0 { margin-right: 0 !important; }
.mr-05rem { margin-right: 0.5rem !important; }
.mr-1rem { margin-right: 1rem !important; }
.mr-1-5rem { margin-right: 1.5rem !important; }
.mr-2rem {	margin-right: 2rem !important; }
.mr-2-5rem { margin-right: 2.5rem !important; }
.mr-3rem { margin-right: 3rem !important; }
.mr-3-5rem {	margin-right: 3.5rem !important; }
.mr-4rem { margin-right: 4rem !important; }
.mr-4-5rem {	margin-right: 4.5rem !important; }
@media (min-width: 768px) {
	.m-md-0 { margin: 0 !important; }
	.m-md-1rem { margin: 1rem !important; }
	.m-md-1-5rem { margin: 1.5rem !important; }
	.m-md-2rem {	margin: 2rem !important; }
	.m-md-2-5rem { margin: 2.5rem !important; }
	.m-md-3rem { margin: 3rem !important; }
	.m-md-3-5rem {	margin: 3.5rem !important; }
	.m-md-4rem { margin: 4rem !important; }
	.m-md-4-5rem {	margin: 4.5rem !important; }
	.mt-md-0 { margin-top: 0 !important; }
	.mt-md-1rem { margin-top: 1rem !important; }
	.mt-md-1-5rem { margin-top: 1.5rem !important; }
	.mt-md-2rem {	margin-top: 2rem !important; }
	.mt-md-2-5rem { margin-top: 2.5rem !important; }
	.mt-md-3rem { margin-top: 3rem !important; }
	.mt-md-3-5rem {	margin-top: 3.5rem !important; }
	.mt-md-4rem { margin-top: 4rem !important; }
	.mt-md-4-5rem {	margin-top: 4.5rem !important; }
	.mb-md-0 { margin-bottom: 0 !important; }
	.mb-md-1rem { margin-bottom: 1rem !important; }
	.mb-md-1-5rem { margin-bottom: 1.5rem !important; }
	.mb-md-2rem {	margin-bottom: 2rem !important; }
	.mb-md-2-5rem { margin-bottom: 2.5rem !important; }
	.mb-md-3rem { margin-bottom: 3rem !important; }
	.mb-md-3-5rem {	margin-bottom: 3.5rem !important; }
	.mb-md-4rem { margin-bottom: 4rem !important; }
	.mb-md-4-5rem {	margin-bottom: 4.5rem !important; }
	.ml-md-0 { margin-left: 0 !important; }
	.ml-md-1rem { margin-left: 1rem !important; }
	.ml-md-1-5rem { margin-left: 1.5rem !important; }
	.ml-md-2rem {	margin-left: 2rem !important; }
	.ml-md-2-5rem { margin-left: 2.5rem !important; }
	.ml-md-3rem { margin-left: 3rem !important; }
	.ml-md-3-5rem {	margin-left: 3.5rem !important; }
	.ml-md-4rem { margin-left: 4rem !important; }
	.ml-md-4-5rem {	margin-left: 4.5rem !important; }
	.mr-md-0 { margin-right: 0 !important; }
	.mr-md-1rem { margin-right: 1rem !important; }
	.mr-md-1-5rem { margin-right: 1.5rem !important; }
	.mr-md-2rem {	margin-right: 2rem !important; }
	.mr-md-2-5rem { margin-right: 2.5rem !important; }
	.mr-md-3rem { margin-right: 3rem !important; }
	.mr-md-3-5rem {	margin-right: 3.5rem !important; }
	.mr-md-4rem { margin-right: 4rem !important; }
	.mr-md-4-5rem {	margin-right: 4.5rem !important; }
}
/*--------- Padding ---------*/
.p-0 { padding: 0 !important; }
.p-05rem { padding: 0.5rem !important; }
.p-1rem { padding: 1rem !important; }
.p-1-5rem { padding: 1.5rem !important; }
.p-2rem {	padding: 2rem !important; }
.p-2-5rem { padding: 2.5rem !important; }
.p-3rem { padding: 3rem !important; }
.p-3-5rem {	padding: 3.5rem !important; }
.p-4rem { padding: 4rem !important; }
.p-4-5rem {	padding: 4.5rem !important; }
.pt-0 { padding-top: 0 !important; }
.pt-05rem { padding-top: 0.5rem !important; }
.pt-1rem { padding-top: 1rem !important; }
.pt-1-5rem { padding-top: 1.5rem !important; }
.pt-2rem {	padding-top: 2rem !important; }
.pt-2-5rem { padding-top: 2.5rem !important; }
.pt-3rem { padding-top: 3rem !important; }
.pt-3-5rem {	padding-top: 3.5rem !important; }
.pt-4rem { padding-top: 4rem !important; }
.pt-4-5rem {	padding-top: 4.5rem !important; }
.pb-0 { padding-bottom: 0 !important; }
.pb-05rem { padding-bottom: 0.5rem !important; }
.pb-1rem { padding-bottom: 1rem !important; }
.pb-1-5rem { padding-bottom: 1.5rem !important; }
.pb-2rem {	padding-bottom: 2rem !important; }
.pb-2-5rem { padding-bottom: 2.5rem !important; }
.pb-3rem { padding-bottom: 3rem !important; }
.pb-3-5rem {	padding-bottom: 3.5rem !important; }
.pb-4rem { padding-bottom: 4rem !important; }
.pb-4-5rem {	padding-bottom: 4.5rem !important; }
.pb-5rem {	padding-bottom: 5rem !important; }
.pb-5-5rem {	padding-bottom: 5.5rem !important; }
.pl-0 { padding-left: 0 !important; }
.pl-05rem { padding-left: 0.5rem !important; }
.pl-1rem { padding-left: 1rem !important; }
.pl-1-5rem { padding-left: 1.5rem !important; }
.pl-2rem {	padding-left: 2rem !important; }
.pl-2-5rem { padding-left: 2.5rem !important; }
.pl-3rem { padding-left: 3rem !important; }
.pl-3-5rem {	padding-left: 3.5rem !important; }
.pl-4rem { padding-left: 4rem !important; }
.pl-4-5rem {	padding-left: 4.5rem !important; }
.pr-0 { padding-right: 0 !important; }
.pr-05rem { padding-right: 0.5rem !important; }
.pr-1rem { padding-right: 1rem !important; }
.pr-1-5rem { padding-right: 1.5rem !important; }
.pr-2rem {	padding-right: 2rem !important; }
.pr-2-5rem { padding-right: 2.5rem !important; }
.pr-3rem { padding-right: 3rem !important; }
.pr-3-5rem {	padding-right: 3.5rem !important; }
.pr-4rem { padding-right: 4rem !important; }
.pr-4-5rem {	padding-right: 4.5rem !important; }
@media (min-width: 768px) {
	.p-md-0 { padding: 0 !important; }
	.p-md-1rem { padding: 1rem !important; }
	.p-md-1-5rem { padding: 1.5rem !important; }
	.p-md-2rem {	padding: 2rem !important; }
	.p-md-2-5rem { padding: 2.5rem !important; }
	.p-md-3rem { padding: 3rem !important; }
	.p-md-3-5rem {	padding: 3.5rem !important; }
	.p-md-4rem { padding: 4rem !important; }
	.p-md-4-5rem {	padding: 4.5rem !important; }
	.pt-md-0 { padding-top: 0 !important; }
	.pt-md-1rem { padding-top: 1rem !important; }
	.pt-md-1-5rem { padding-top: 1.5rem !important; }
	.pt-md-2rem {	padding-top: 2rem !important; }
	.pt-md-2-5rem { padding-top: 2.5rem !important; }
	.pt-md-3rem { padding-top: 3rem !important; }
	.pt-md-3-5rem {	padding-top: 3.5rem !important; }
	.pt-md-4rem { padding-top: 4rem !important; }
	.pt-md-4-5rem {	padding-top: 4.5rem !important; }
	.pb-md-0 { padding-bottom: 0 !important; }
	.pb-md-1rem { padding-bottom: 1rem !important; }
	.pb-md-1-5rem { padding-bottom: 1.5rem !important; }
	.pb-md-2rem {	padding-bottom: 2rem !important; }
	.pb-md-2-5rem { padding-bottom: 2.5rem !important; }
	.pb-md-3rem { padding-bottom: 3rem !important; }
	.pb-md-3-5rem {	padding-bottom: 3.5rem !important; }
	.pb-md-4rem { padding-bottom: 4rem !important; }
	.pb-md-4-5rem {	padding-bottom: 4.5rem !important; }
	.pl-md-0 { padding-left: 0 !important; }
	.pl-md-1rem { padding-left: 1rem !important; }
	.pl-md-1-5rem { padding-left: 1.5rem !important; }
	.pl-md-2rem {	padding-left: 2rem !important; }
	.pl-md-2-5rem { padding-left: 2.5rem !important; }
	.pl-md-3rem { padding-left: 3rem !important; }
	.pl-md-3-5rem {	padding-left: 3.5rem !important; }
	.pl-md-4rem { padding-left: 4rem !important; }
	.pl-md-4-5rem {	padding-left: 4.5rem !important; }
	.pr-md-0 { padding-right: 0 !important; }
	.pr-md-1rem { padding-right: 1rem !important; }
	.pr-md-1-5rem { padding-right: 1.5rem !important; }
	.pr-md-2rem {	padding-right: 2rem !important; }
	.pr-md-2-5rem { padding-right: 2.5rem !important; }
	.pr-md-3rem { padding-right: 3rem !important; }
	.pr-md-3-5rem {	padding-right: 3.5rem !important; }
	.pr-md-4rem { padding-right: 4rem !important; }
	.pr-md-4-5rem {	padding-right: 4.5rem !important; }
}
html {
font-size: 75%;/*12px*/
height: 100%;
}

@media (min-width: 768px) {
html { font-size: 100%;/*16px*/ }
}

body {
min-width: 100%;
min-height: 100%;
color: #111;
background-color: #fff;
-webkit-font-feature-settings : "palt";
-moz-font-feature-settings : "palt";
font-feature-settings : "palt";
word-wrap: break-word;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphenates: auto;
hyphens: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
letter-spacing: 0.04em;
line-height: 1.65;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, body {
		font-feature-settings: "pkna";
	}
}
a {
  color: inherit;
		transition: .3s ease-in-out;
}
a:hover {
	color: #ff6600;
	text-decoration: none;
}
a,button {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-touch-callout: none;
	outline: none;
	border: none;
	cursor: pointer;
}
a:focus,button:focus {
	outline: none;
}
a[href^="tel:"] {
	cursor: default;
}
img {
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	border: none;
	max-width: 100%;
	height: auto;
}
sup {
	vertical-align:text-top;
	line-height:1;
	font-size:.8rem;
}
sub {
	vertical-align:text-bottom;
	line-height:1;
	font-size:.8rem;
}
a.link-txt-1 {
	color: #ff6600;
}
a.link-txt-1:hover {
	color: rgba(255,102,0,.7);
}
@media (max-width: 767px) {
	a:hover {
		color: #111;
		text-decoration: none;
	}
	a.link-txt-1 {
		color: #ff6600;
	}
	a.link-txt-1:hover {
		color: #ff6600;
	}
}
/*--------- Acc Nav ---------*/
#page-top,
#blockskip{
	position: absolute;
	top: 0px;
	right: 1px;
	display: run-in;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	border-style: none;
	overflow: hidden;
}
/*--------- Structure ---------*/
#fadelayer {
	min-width: 100%;
	min-height: 100%;
	overflow-x: hidden;
	position: fixed;
	background-color: rgba(255,255,255,.8);
	z-index: 1100;
	top: 0;
	left: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.body-wrap {
	position:relative;
}
#content-body {
	display:block;
	overflow: hidden;
}
.page-mv + .body-container > .page-lead:first-child {
	margin-top:-45px;
}
@media (max-width: 767px) {
	.page-mv + .body-container > .page-lead:first-child {
		margin-top:0;
	}
}
.page-main-col {
	border-bottom:1px solid #ddd;
}
.page-side-col {
	border-bottom:1px solid #ddd;
	position: relative;
}
.page-side-col::before {
	content:'';
	position: absolute;
	left:15px;
	top:0;
	bottom:0;
	width: 1px;
	background-color: #ddd;
	z-index: 10;
}
.page-side-col .side-col-inner {
	margin-left:1.5rem;
}
@media (max-width: 767px) {
	.page-main-col {
		border-bottom:0;
	}
	.page-side-col {
		border-bottom:0;
	}
	.page-side-col::before {
		content:none;
	}
	.page-side-col .side-col-inner {
		margin-left:0;
	}
}
/*--------- Global header ---------*/
#gl-header {
	position: fixed;
	z-index: 1200;
	top:0;
	width:100%;
	min-height: 115px; /*-- 修正 130 115--*/
	-webkit-transition:transform .4s;
	transition:transform .4s;
	background-color:#fff;
}
#home #gl-header {
	background-color:transparent;
}
#gl-header.hide {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}
#gl-header.active,
#gl-header.u-active,
#gl-header.h-active{
	background-color:#fff !important;
}
#gl-header a {
	color:#111;
}
#gl-header .logo {
	position: absolute;
	left:30px;
	top:12px; /*-- 修正 16 12--*/
}
#gl-header .logo .logo-img {
	width:90px; /*-- 修正 102 90--*/
	vertical-align: middle;
	margin-right: 1rem;
}
#gl-header .logo .logo-txt {
	font-size:1.20rem; /*-- 修正 1.27 1.20--*/
	font-weight: 700;
	letter-spacing: .08em;
}
#gl-header .logo a {
	transition: opacity .3s;
}
#gl-header .logo a:hover .logo-txt {
	opacity: .7;
}
#gl-header .logo1 { /*-- pexip logo--*/
	position: absolute;
	right:30px;
	top:16px;
}
#gl-header .logo1 .logo-img {
	width:300px;
	margin-right: 1rem;
}
.logo,.logo1 {
	position: relative;
}
#gl-header #head-util-nav {
	position: absolute;
	right:30px;
	top:45px; /*-- 修正 37 45--*/
	list-style: none;
	margin:0;
	padding:0;
}
#gl-header #head-util-nav > li {
	margin-right: 30px;
	vertical-align: middle;
}
#gl-header #head-util-nav > li.lang {
	margin-right: 0;
}
#gl-header #head-util-nav a {
	display:block;
	transition: 0.3s ease-in-out;
}
#gl-header #head-util-nav .search i,
#gl-header #head-util-nav .lang i{
	font-size:1.13rem;
	line-height: 1.13rem;
	transition: 0.3s ease-in-out;
}
#gl-header #head-util-nav .faq {
	font-weight: 500;
	letter-spacing: .08em;
	font-size:1.1rem;
	font-family: 'Helvetica Neue', Helvetica, arial, "source-han-sans-japanese", -apple-system, BlinkMacSystemFont, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Verdana, Meiryo, "M+ 1p", sans-serif;
	line-height: 1.13rem;
}
#gl-header #head-util-nav a:hover i,
#gl-header #head-util-nav .faq a:hover {
	color: #ff6600;
}
#gl-header #head-util-nav .nav-item a {
	color: #ff6600;
}
@media (max-width: 767px) {
	#gl-header #head-util-nav .nav-item {
		width: 33.33%;
		text-align: center;
	}
}
#gl-header #head-util-nav .nav-item a:hover {
	color: #000;
}
#gl-header #head-util-nav a.active i {
	color: #ff6600;
}
#gl-header #head-nav-area {
	padding-top:75px; /*-- 修正 93 75--*/
	min-height: 115px; /*-- 修正 130 115--*/
}
#gl-header #head-nav-btn {
	display:none;
}
#gl-header #head-nav {
	list-style: none;
	margin:0 auto;
	padding:0;
	height: 37px;
	max-width:1025px;
}
#gl-header #head-nav > li {
	font-weight: 500;
	white-space: nowrap;
}
#gl-header #head-nav > li a {
	display:block;
	height: 100%;
	padding:0 1em;
	position:relative;
}
@media (max-width: 991px) {
	#gl-header #head-nav > li a {
		padding:0;
	}
}
#gl-header #head-nav > li a::after {
	transition: all .3s;
	position: absolute;
	bottom: 5px;
	left: 50%;
	right: 50%;
	margin: auto;
	content: '';
	color: transparent;
	background: #111;
	height: 2px;
	visibility: hidden;
}
#gl-header #head-nav > li.current a::after,
#gl-header #head-nav > li a.active::after {
	left: .8em;
	right: .8em;
	visibility: visible;
}
#gl-header #head-nav .sub-nav {
	display:none;
}
#gl-header .global-nav-dd {
	width:100%;
	position: relative;
}
#gl-header #head-nav > li a.link-contact:hover {
	color: #ff6600;
}
/*----- Dropdown menu cont -----*/
#gl-header .global-nav-dd .u-sub-nav {
	visibility: hidden;
	opacity:0;
	z-index: -2;
	transition: all .3s;
	background-color:#eee;
	position: absolute;
	top:0;
	width:100%;
	height: 1px;
}
#gl-header .global-nav-dd .u-sub-nav.active {
	visibility:visible;
	opacity:1;
	z-index: 1;
	height: 300px;
}
#gl-header .global-nav-dd .u-sub-nav .inner-area {
	padding:0 50px;
	height: 100%;
	position: relative;
}
#gl-header .global-nav-dd .u-sub-nav .close-btn {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	height:35px;
	width:35px;
	position: relative;
	cursor: pointer;
	position:absolute;
	top:45px;
	right:50px;
}
#gl-header .global-nav-dd .u-sub-nav .close-btn::before,
#gl-header .global-nav-dd .u-sub-nav .close-btn::after {
	content:'';
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #111;
	border-radius: 0px;
	transition: 0.3s ease-in-out;
}
#gl-header .global-nav-dd .u-sub-nav .close-btn::before {
	top:0;
	-webkit-transform: translateY(17px) rotate(45deg);
  transform: translateY(17px) rotate(45deg);
}
#gl-header .global-nav-dd .u-sub-nav .close-btn::after {
	bottom:0;
	-webkit-transform: translateY(-17px) rotate(-45deg);
  transform: translateY(-17px) rotate(-45deg);
}
#gl-header .global-nav-dd .u-sub-nav .close-btn:hover::before,
#gl-header .global-nav-dd .u-sub-nav .close-btn:hover::after {
	background-color: #ff6600;
}
#gl-header .global-nav-dd .u-sub-nav .area-ttl {
	font-size:1.5rem;
	font-weight: 500;
	letter-spacing: .1em;
	line-height: 1.2;
	position:absolute;
	top:45px;
	left:50px;
}
#gl-header .global-nav-dd .u-sub-nav .search-area {
	position:relative;
	width:100%;
	height:3rem;
	}
#gl-header .global-nav-dd .u-sub-nav .search-area .t-box{
	height:3rem;
	width:100%;
	padding:0 5.5rem 0 2rem;
	position:absolute;
	left:0;
	top:0;
	border-radius:25px;
	border: 0;
	box-shadow: none;
	outline:0;
	background:#fff;
	vertical-align: middle;
}
#gl-header .global-nav-dd .u-sub-nav .search-area .t-box:placeholder-shown {
				color: #888; letter-spacing: .08em; font-family: sans-serif; }
/* Google Chrome, Safari, Opera 15+, Android, iOS */
#gl-header .global-nav-dd .u-sub-nav .search-area .t-box::-webkit-input-placeholder {
				color: #888; letter-spacing: .08em; font-family: sans-serif; }
/* Firefox 18- */
#gl-header .global-nav-dd .u-sub-nav .search-area .t-box:-moz-placeholder {
				color: #888; letter-spacing: .08em; opacity: 1; font-family: sans-serif; }
/* Firefox 19+ */
#gl-header .global-nav-dd .u-sub-nav .search-area .t-box::-moz-placeholder {
				color: #888; letter-spacing: .08em; opacity: 1; font-family: sans-serif; }
/* IE 10+ */
#gl-header .global-nav-dd .u-sub-nav .search-area .t-box:-ms-input-placeholder {
				color: #888; letter-spacing: .08em; line-height: normal; font-family: sans-serif; }
#gl-header .global-nav-dd .u-sub-nav .search-area .submit-btn {
	height:3rem;
	width:5rem;
	position:absolute;
	right:0;
	top:0;
	background:#111;
	color:#fff;
	border:none;
	border-radius:0 25px 25px 0;
	line-height: 3rem;
	font-size: 1.3rem
}
#gl-header .global-nav-dd .u-sub-nav .search-area + .area-note {
	width:100%;
	text-align: right;
	margin-top:.3rem;
	font-size:.75rem;
}
#gl-header .global-nav-dd .u-sub-nav .lang-btns {
	margin:0;
	padding:0;
	list-style: none;
	text-align:center;
	letter-spacing: -.4em;
}
#gl-header .global-nav-dd .u-sub-nav .lang-btns .lang-btn {
	display:inline-block;
	width:210px;
	line-height: 2em;
	background-color:#fff;
	letter-spacing: .02em;
}
#gl-header .global-nav-dd .u-sub-nav .lang-btns .lang-btn a {
	display:block;
	background-color: #111;
	color:#fff;
	transition: 0.3s ease-in-out;
}
#gl-header .global-nav-dd .u-sub-nav .lang-btns .lang-btn a:hover {
	background-color: #999;
}
#gl-header .global-nav-dd .sub-nav {
	visibility: hidden;
	opacity:0;
	-webkit-transform: matrix(1, 0, 0, 1, 0, -10);
	transform: matrix(1, 0, 0, 1, 0, -10);
	z-index: -2;
	transition: all .3s;
	background-color:#fff;
	position: absolute;
	top:0;
	width:100%;
}
#gl-header .global-nav-dd .sub-nav.active {
	visibility:visible;
	opacity:1;
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	transform: matrix(1, 0, 0, 1, 0, 0);
	z-index: 10;
}
#gl-header .global-nav-dd .sub-nav .inner-area {
	padding:45px 50px;
	position: relative;
}

@media (max-width: 767px) {
	#gl-header {
		height:55px;
		min-height: 0;
	}
	#gl-header .logo {
		position:relative;
		left:auto;
		top:auto;
		z-index: 3;
		margin-left: 15px;
	}
	#gl-header .logo .logo-img {
		width:55px;
	}
	#gl-header .logo .logo-txt {
		font-size:1.20rem; /*-- 修正 1.27 1.20--*/

	}
	#gl-header .logo a:hover .logo-txt {
		opacity: 1;
	}
	#gl-header #head-nav-btn {
  display:block;
  padding:6px 12px;
  border:solid 0px #aaa;
  border-radius:0px;
  position:absolute;
  top:20px;
  right:15px;
  cursor:pointer;
		z-index: 5;
 }
 #gl-header #head-nav-btn {
  outline:none
 }
 #gl-header #head-nav-btn span {
  display:inline-block;
  text-indent:-9999px;
 }
 .menu-trigger,
 .menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
 }
 .menu-trigger {
  position: relative;
  width: 30px;
  height: 14px;
 }
 .menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #111;
  border-radius: 0px;
 }
 .menu-trigger span:nth-of-type(1) {
  top: 0;
 }
 .menu-trigger span:nth-of-type(2) {
  top: 6px;
 }
 .menu-trigger span:nth-of-type(3) {
  bottom: 0;
 }
 .menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(6px) rotate(-315deg);
  transform: translateY(6px) rotate(-315deg);
 }
 .menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
 }
 .menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-6px) rotate(315deg);
  transform: translateY(-6px) rotate(315deg);
 }
	#gl-header #head-nav-area {
		position: absolute;
		top:0;
		left:0;
		width:100%;
		max-width:100%;
		margin-top:0;
		padding-right: 0;
		padding-left: 0;
		padding-top:0;
		min-height: 0;
		background-color: #fff;
		visibility: hidden;
		opacity:0;
		-webkit-transform: matrix(1, 0, 0, 1, 0, -10);
		transform: matrix(1, 0, 0, 1, 0, -10);
		z-index: -2;
		transition: all .3s;
	}
	#gl-header #head-nav-area.active {
		visibility:visible;
		opacity:1;
		-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
		transform: matrix(1, 0, 0, 1, 0, 0);
		z-index: 1;
	}
	#gl-header #head-nav-area .head-nav-inner {
		width:100%;
		max-height: calc(100vh - 55px);
		margin-top:55px;
		padding-top:31px;
		padding-right: 2.14rem;
		padding-left: 2.14rem;
		padding-bottom:20px;
		overflow-y: scroll;
	}
	#gl-header #head-util-nav {
		position:static;
	}
	#gl-header #head-util-nav > li {
		margin-right: 0;
		width:50%;
		float:left;
		margin-bottom: 1.3rem;
	}
	#gl-header #head-util-nav a {
		display:inline;
	}
	#gl-header #head-util-nav .faq {
		margin-right: 5%;
		width:50%;
		padding:.5em 0 .5em .5em;
		border-bottom: 1px solid #dcdcdc;
	}
	#gl-header #head-util-nav .lang {
		width:45%;
	}
	#gl-header #head-util-nav .faq a {
		display:block;
	}
	#gl-header #head-util-nav .search i,
	#gl-header #head-util-nav .lang i{
		font-size:1.13rem;
	}
	#gl-header #head-util-nav a:hover i,
	#gl-header #head-util-nav .faq a:hover {
		color: #111;
	}

	#gl-header #head-util-nav .lang i {
		display:inline-block;
		width:34%;
		text-align:center;
	}
	#gl-header #head-util-nav .lang .lang-btns {
		display:inline-block;
		width:100%;
		text-align:center;
	}
	#gl-header #head-util-nav .lang .lang-btns .lang-btn {
		display:inline-block;
		width:50%;
		line-height: 2em;
		background-color:#dcdcdc;
	}
	#gl-header #head-util-nav .lang .lang-btns .lang-btn a {
		display:block;
		background-color: #111;
		color:#fff;
	}
	#gl-header #head-util-nav .search {
		float:none;
		clear:both;
		width:100%;
	}
	#gl-header #head-util-nav .search-area{
		position:relative;
		width:100%;
		height:2.5rem;
	}
	#gl-header #head-util-nav .search-area .t-box{
		height:2.5rem;
		width:100%;
		padding:0 5.5rem 0 1rem;
		position:absolute;
		left:0;
		top:0;
		border-radius:25px;
		border: 0;
		box-shadow: none;
		outline:0;
		background:#eee;
		vertical-align: middle;
	}
	#gl-header #head-util-nav .search-area .t-box:placeholder-shown {
					color: #888; }
	/* Google Chrome, Safari, Opera 15+, Android, iOS */
	#gl-header #head-util-nav .search-area .t-box::-webkit-input-placeholder {
					color: #888; }
	/* Firefox 18- */
	#gl-header #head-util-nav .search-area .t-box:-moz-placeholder {
					color: #888; opacity: 1; }
	/* Firefox 19+ */
	#gl-header #head-util-nav .search-area .t-box::-moz-placeholder {
					color: #888; opacity: 1; }
	/* IE 10+ */
	#gl-header #head-util-nav .search-area .t-box:-ms-input-placeholder {
					color: #888; }
	#gl-header #head-util-nav .search-area .submit-btn {
		height:2.5rem;
		width:5rem;
		position:absolute;
		right:0;
		top:0;
		background:#111;
		color:#fff;
		border:none;
		border-radius:0 25px 25px 0;
		line-height: 2.5rem;
	}
	#gl-header #head-util-nav .search .area-note {
		font-size:.7rem;
		margin-bottom: 0;
		margin-top:.1rem;
	}
	#gl-header #head-util-nav .mail-btn {
		margin-bottom: .6rem;
	}
	#gl-header #head-util-nav .util-btn {
		float:none;
		clear:both;
		width:100%;
	}
	#gl-header #head-util-nav .util-btn a {
		display:block;
		padding:0.6em .8em;
		background-color:#111;
		color:#fff !important;
		font-size:.94rem;
		font-weight: 700;
		letter-spacing: .1em;
	}
	#gl-header #head-util-nav .util-btn a i {
		color:#fff;
		margin-right: .3em;
	}
	#gl-header #head-nav {
		list-style: none;
		margin:0;
		padding:0;
		max-width: initial;
		max-width: auto;
		height: auto;
	}
	#gl-header #head-nav > li {
		border-bottom:1px solid #ddd;
		line-height: 1.4;
		white-space:normal;
	}
	#gl-header #head-nav li.sub-nav-head.open {
		border-bottom:none !important;
	}
	#gl-header #head-nav li.sub-nav-head {
		position: relative;
	}
	#gl-header #head-nav li.sub-nav-head > a {
		margin-right: 30px;
	}
	#gl-header #head-nav li.sub-nav-head > .toggle-btn {
		position: absolute;
		top:5px;
		right:0;
		width:30px;
		height: 30px;
		margin:auto;
	}
	#gl-header #head-nav li.sub-nav-head > .toggle-btn::before {
		content:'';
		position: absolute;
		right:0;
		top:0;
		bottom:0;
		margin:auto;
		width:15px;
		height: 1px;
		background-color: #111;
	}
	#gl-header #head-nav li.sub-nav-head > .toggle-btn::after {
		content:'';
		position: absolute;
		right:7px;
		top:0;
		bottom:0;
		margin:auto;
		width:1px;
		height: 15px;
		background-color: #111;
	}
	#gl-header #head-nav li.sub-nav-head.open > .toggle-btn::before {
		background-color: #ff6600;
	}
	#gl-header #head-nav li.sub-nav-head.open > .toggle-btn::after {
		content:none;
	}
	#gl-header #head-nav > li a::after {
		content:none;
	}
	#gl-header #head-nav li a {
		display:block;
		padding:1em 0;
		height:auto;
	}
	#gl-header #head-nav li.current {
	}
	#gl-header #head-nav .sub-ttl-txt {
		padding:.8em 0;
		display:inline-block;
	}
	#gl-header #head-nav .sub-nav {
		display:none;
		list-style: none;
		margin:0 -2.14rem;
		padding:0 2.14rem 0 3.14rem;
		background-color:#f4f2f2;
	}
	#gl-header #head-nav .sub-nav > dt {
		padding-top:.7em;
	}
	#gl-header #head-nav .sub-nav > dd {
		font-weight: 400;
	}
	#gl-header #head-nav .sub-nav > dd > a {
		color:#555;
	}
	#gl-header #head-nav .sub-nav > li,
	#gl-header #head-nav .sub-nav > dd{
		border-bottom:1px solid #d2d0d0;
		margin-bottom: 0;
	}
	#gl-header #head-nav .sub-nav > li:last-child,
	#gl-header #head-nav .sub-nav > dd:last-child{
		border-bottom: none;
	}
	#gl-header #head-nav .sub-nav a {
		color:#555;
	}
	#gl-header #head-nav .sub-nav .sub-nav {
		background-color:#dcdbdb;
		margin: 0 -2.14rem 0 -3.14rem;
  padding: 0 2.14rem 0 3.14rem;
	}
	#gl-header #head-nav .sub-nav .sub-nav > li {
		border-bottom-color:#bfbebe;
	}
	#gl-header #head-nav .sub-nav .sub-nav .sub-nav {
		background-color:#7e7d7d;
	}
	#gl-header #head-nav .sub-nav .sub-nav .sub-nav > li {
		border-bottom-color:#6d6c6c;
	}
	#gl-header #head-nav .sub-nav .sub-nav .sub-nav a {
		color:#fff;
	}
	#gl-header .global-nav-dd {
		display:none;
	}
}
/*--------- Floating right side menu ---------*/
#floating-r-menu {
	position: fixed;
	right: 0;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	-ms-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
	z-index: 1000;
}
#floating-r-menu .menu-list {
	margin:0;
	padding:0;
	list-style: none;
	position:absolute;
	top:0;
	left:0;
	width:16rem;
	letter-spacing: normal;
	-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
#floating-r-menu .menu-list .floting-btn,
#floating-r-menu .menu-list #goto-top-btn {
	-webkit-transform: translate(-3.2rem, 0);
    -ms-transform: translate(-3.2rem, 0);
    transform: translate(-3.2rem, 0);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#floating-r-menu .menu-list .floting-btn:hover {
	-webkit-transform: translate(-16rem, 0);
    -ms-transform: translate(-16rem, 0);
    transform: translate(-16rem, 0);
}
#floating-r-menu .menu-list a {
	background-color:rgba(17,17,17,1);
	padding:1rem;
	display:block;
	color:#fff;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#floating-r-menu .menu-list a:hover {
	background-color:rgba(17,17,17,.6);
}
#floating-r-menu .menu-list i {
	font-size:1.2rem;
	margin-right: 1rem;
}
#floating-r-menu .menu-list .tel-btn i {
	margin-left:-.1em;
}
#floating-r-menu .menu-list #goto-top-btn {
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	opacity: 0;
	visibility: hidden;
}
#floating-r-menu .menu-list #goto-top-btn.active {
	opacity: 1;
	visibility:visible;
}
@media (max-width: 767px) {
	#floating-r-menu .menu-list .floting-btn:hover {
	-webkit-transform: translate(-3.2rem, 0);
				-ms-transform: translate(-3.2rem, 0);
				transform: translate(-3.2rem, 0);
	}
	#floating-r-menu .menu-list a:hover {
		background-color:rgba(17,17,17,1);
	}
	#floating-r-menu .menu-list .floting-btn {
		position: relative;
	}
	#floating-r-menu .menu-list .floting-btn .btn-mask {
		position: absolute;
		top:0;
		bottom:0;
		left:0;
		width:3.2rem;
	}
	#floating-r-menu .menu-list .floting-btn.active {
		-webkit-transform: translate(-16rem, 0);
    -ms-transform: translate(-16rem, 0);
    transform: translate(-16rem, 0);
	}

}
/*--------- Slick Slider ---------*/
.slidewrapper {
	position:relative;
	padding-bottom: 1px;
}
.slidewrapper .arrows {
	position: absolute;
	top:0;
	bottom:0;
	right:0;
	left: 0;
	margin:auto;
	height: 1px;
}
.slidewrapper .slick-prev {
	right:100%;
	left:auto;
	z-index: 100;
}
.slidewrapper .slick-next {
	left:100%;
	z-index: 100;
}
.slidewrapper .slick-prev, .slidewrapper .slick-next {
	width:50px;
 height:60px
}
.slidewrapper .slick-prev:before, .slidewrapper .slick-next:before {
	content:none;
}
.slidewrapper .slick-prev:before,.slidewrapper .slick-prev:after, .slidewrapper .slick-next:before, .slidewrapper .slick-next:after {
	content:"";
	position: absolute;
	top:0;
	bottom:0;
	margin:auto;
	transition: all 0.3s ease-in-out;
}
.slidewrapper .slick-prev::before {
	left:0;
	width:25px;
	height: 2px;
	background-color:#111;
}
.slidewrapper .slick-prev::after {
	left:0;
	width: 16px;
	height: 16px;
	border-bottom: 2px solid #111;
	border-left: 2px solid #111;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.slidewrapper .slick-next::before {
	right:0;
	width:25px;
	height: 2px;
	background-color:#111;
}
.slidewrapper .slick-next::after {
	right:0;
	width: 16px;
	height: 16px;
	border-top: 2px solid #111;
	border-right: 2px solid #111;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.slidewrapper .slick-prev:hover::before,
.slidewrapper .slick-next:hover::before{
	background-color:#ff6600;
}
.slidewrapper .slick-prev:hover::after,
.slidewrapper .slick-next:hover::after{
	border-color:#ff6600;
}
.slidewrapper .slick-slide {
	outline: none
}
.slidewrapper .slick-dotted.slick-slider {
	margin-bottom: 50px;
}
.slidewrapper .slick-dots {
	bottom:-45px;
}
.slidewrapper .slick-dots li {
	margin: 0 1px;
	width:15px;
}
.slidewrapper .slick-dots li button {
	padding: 0;
}
.slidewrapper .slick-dots li button:before {
 font-size: 11px;
	opacity: .4;
	color: black;
}
.slidewrapper .slick-dots li.slick-active button:before {
	opacity: 1;
	color: #ff6600;
}
.slidewrapper .slick-slider{
  opacity: 0;
  transition: opacity .3s linear;
}
.slidewrapper .slick-slider.slick-initialized{
  opacity: 1;
}
@media (max-width: 767px) {
	.container .slidewrapper.sp-full {
		margin-left:-15px;
		margin-right: -15px;
	}
	.container .slidewrapper.sp-full .row {
		margin-left:0;
		margin-right:0;
	}
	.slidewrapper .slick-prev:hover::before,
	.slidewrapper .slick-next:hover::before{
		background-color:#111;
	}
	.slidewrapper .slick-prev:hover::after,
	.slidewrapper .slick-next:hover::after{
		border-color:#111;
	}
}
/*--------- Photo Swaipe ---------*/
.photoswipe,.photoswipe a {
		cursor:zoom-in;
	}
@media (min-width: 768px) {
	.pc-photoswipe,.pc-photoswipe a {
		cursor:zoom-in;
	}
	.sp-photoswipe,.sp-photoswipe a {
		cursor: default;
	}
}
@media (max-width: 767px) {
	.pc-photoswipe,.pc-photoswipe a {
		cursor: default;
	}
	.sp-photoswipe,.sp-photoswipe a {
		cursor:zoom-in;
	}
	.sp-photoswipe {
		position: relative;
	}
	.sp-photoswipe::after {
		content: "\f00e";
		font-family: "Font Awesome 5 Free";
		-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;
		font-weight:900;
		color:rgba(17,17,17,1);
		position: absolute;
		bottom:-1rem;
		right:2rem;
		line-height: 2rem;
		text-align: center;
		margin:auto;
		transform: scale(1.5,1.5);
		width: 2rem;
		height: 2rem;
		min-width: 2rem;
		font-size:1.5rem;
		transition: all .3s ease-in-out;
	}
}

/*--------- Side Navi ---------*/
.page-side-col .side-nav {
	list-style: none;
	margin:0;
	padding:0;
	padding-left:1.5rem;
	max-width: initial;
	max-width: auto;
	height: auto;
}
.page-side-col .side-nav li {
	position: relative;
}
.page-side-col .side-nav > li {
	border-bottom:1px solid #dddddd;
	line-height: 1.4;
	font-size:1.125rem;
	font-weight: 500;
	white-space:normal;
}
.page-side-col .side-nav > li:first-child {
	border-top:1px solid #dddddd;
}
.page-side-col .side-nav li.sub-nav-head.open {
	border-bottom:none !important;
}
.page-side-col .side-nav li.sub-nav-head.open > a {
	color:#111;
	font-weight: 500;
}
.page-side-col .side-nav li.sub-nav-head {
	position: relative;
}
.page-side-col .side-nav li.sub-nav-head > a {
	margin-right: 30px;
}
.page-side-col .side-nav li.sub-nav-head > .toggle-btn {
	position: absolute;
	top:0;
	right:0;
	width:30px;
	height: 3.4em;
	margin:auto;
	cursor: pointer;
}
.page-side-col .side-nav li.sub-nav-head > .toggle-btn::before {
	content:'';
	position: absolute;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	width:16px;
	height: 2px;
	background-color: #111;
}
.page-side-col .side-nav li.sub-nav-head > .toggle-btn::after {
	content:'';
	position: absolute;
	right:7px;
	top:0;
	bottom:0;
	margin:auto;
	width:2px;
	height: 16px;
	background-color: #111;
}
.page-side-col .side-nav li.sub-nav-head.open > .toggle-btn::before {
	background-color: #ff6600;
}
.page-side-col .side-nav li.sub-nav-head.open > .toggle-btn::after {
	content:none;
}
.page-side-col .side-nav > li a::after {
	content:none;
}
.page-side-col .side-nav li a {
	display:block;
	padding:1em 0;
	height:auto;
	position: relative;
	transition: all .3s ease-in-out;
}
.page-side-col .side-nav li a:hover {
	color:rgba(17,17,17,0.60);
}
.page-side-col .side-nav li.current::before {
	content:'';
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	/*margin-right: -500%;
	padding-right: 500%;*/
	margin-right: -1.5rem;
	padding-right: 1.5rem;
	margin-left:-1.5rem;
	padding-left: 1.5rem;
	background-color: #555;
}
.page-side-col .side-nav li.current > a,
.page-side-col .side-nav li.current > a:hover{
	color:#fff !important;
}
.page-side-col .side-nav .sub-ttl-txt {
	padding:.8em 0;
	display:inline-block;
}
.page-side-col .side-nav .sub-nav {
	display:none;
	list-style: none;
	margin:0 -1.5rem 0 -1.5rem;
	padding:0 1.5rem 0 1.5rem;
	/*margin-right: -500%;
	padding-right: 500%;*/
	background-color:#f4f2f2;
	font-size:1rem;
	font-weight: 400;
	position: relative;
}
.page-side-col .side-nav .sub-nav > dt {
	padding-top:.7em;
}
.page-side-col .side-nav .sub-nav > dd {
	font-weight: 400;
}
.page-side-col .side-nav .sub-nav > dd > a {
	color:#666;
}
.page-side-col .side-nav .sub-nav > li,
.page-side-col .side-nav .sub-nav > dd{
	border-bottom:1px solid #ddd;
	margin-bottom: 0;
}
.page-side-col .side-nav .sub-nav > li:last-child,
.page-side-col .side-nav .sub-nav > dd:last-child{
	border-bottom: none;
}
.page-side-col .side-nav .sub-nav a {
	color:#555;
}
.page-side-col .side-nav .sub-nav a:hover {
	color:rgba(85,85,85,0.60);
}
.page-side-col .side-nav .sub-nav .sub-nav {
	background-color:#dcdbdb;

}
.page-side-col .side-nav .sub-nav .sub-nav > li {
	border-bottom-color:#bfbebe;
}
.page-side-col .side-nav .sub-nav .sub-nav .sub-nav {
	background-color:#7e7d7d;
}
.page-side-col .side-nav .sub-nav .sub-nav .sub-nav > li {
	border-bottom-color:#6d6c6c;
}
.page-side-col .side-nav .sub-nav .sub-nav .sub-nav a {
	color:#fff;
}
.page-side-col .side-nav .sub-nav .sub-nav .sub-nav a:hover {
	color:rgba(255,255,255,0.60);
}
@media (max-width: 767px) {
	.page-side-col .side-nav > li:first-child {
		border-top:none;
	}
	.page-side-col .side-nav li a:hover {
		color:rgba(17,17,17,1);
	}
	.page-side-col .side-nav li.current::before {
		/*margin-left: -500%;
		padding-left: 500%;*/
	}
	.page-side-col .side-nav {
		padding-left:0;
	}
	.page-side-col .side-nav .sub-nav {
		/*margin-left: -500%;
		padding-left: 500%;*/
	}
	.page-side-col .side-nav .sub-nav a:hover {
		color:rgba(85,85,85,1);
	}
	.page-side-col .side-nav .sub-nav .sub-nav .sub-nav a:hover {
		color:rgba(255,255,255,1);
	}
}
/*--------- Global footer ---------*/
#gl-footer {
	width:100%;
}
#gl-footer	#foot-nav {
	margin:5.25rem 0;
	padding:0;
	list-style: none;
}
#gl-footer	#foot-nav a {
	transition: all .3s ease-out;
	color:#111;
	display:block;
}
#gl-footer	#foot-nav > li {
	width:19%;
	text-align: center;
	padding:0 15px;
}
#gl-footer	#foot-nav > li.tel {
	width: 24%;
}
#gl-footer	#foot-nav > li:first-child {
	padding-left:0;
}
#gl-footer	#foot-nav > li:last-child {
	padding-right:0;
}
#gl-footer	#foot-nav .fig {
	width: 135px;
	max-width:100%;
	margin:0 auto;
	display: block;
	transition: all .15s ease-out;
	-webkit-transform: translateY(0);
 transform: translateY(0);
}
#gl-footer	#foot-nav .fig img {
	max-width: initial;
	width:100%;
}
#gl-footer	#foot-nav > li .nav-ttl {
	display:block;
	font-weight: 700;
	margin-top: 1.1rem;
	transition: all .3s ease-out;
}
#gl-footer	#foot-nav > li.tel .fig{
	width:49px;
	margin-bottom: .625rem;
	line-height: 1.2;
}
#gl-footer	#foot-nav > li.tel .num {
	display:block;
	font-size:1.6rem;
	font-weight: 700;
	line-height: 1;
	margin-bottom: .18rem;
}
#gl-footer	#foot-nav > li.tel .note {
	display:block;
	font-size:.69rem;
	font-weight: 700;
}
#gl-footer	#foot-nav li > a:hover .fig {
	-webkit-transform: translateY(-12px);
 transform: translateY(-12px);
}
#gl-footer	#foot-nav li > a:hover .nav-ttl{
	color:rgba(17,17,17,0.60);
}
#gl-footer	.footer-area {
	background-color:#111;
	color:#fff;
	padding:2.5rem 0;
}
#gl-footer	.logo {
	width:83px;
}
#gl-footer	.logo img {
	width:100%;
}
#gl-footer	#foot-util-nav {
	margin:0;
	padding: 0;
	list-style: none;
	font-size:.875rem;
}
#gl-footer	#foot-util-nav > li {
	display:inline-block;
	vertical-align: middle;
	padding-left:1.64em;
}
#gl-footer	#foot-util-nav a {
	color:#fff;
	display:block;
	position: relative;
}
#gl-footer	#foot-util-nav a::after {
	transition: all .3s;
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
	margin: auto;
	width: 0%;
	content: '';
	color: transparent;
	background: #fff;
	height: 1px;
}
#gl-footer	#foot-util-nav a:hover::after {
	width:100%;
}
#gl-footer	.copyright {
	display:block;
	font-size:.69rem;
}
@media (max-width: 767px) {
	#gl-footer	#foot-nav {
		margin:0;
	}
	#gl-footer	#foot-nav > li {
		width:50%;
		text-align: center;
		padding:3rem 15px;
		position:relative;
	}
	#gl-footer	#foot-nav > li.tel {
		width: 100%;
		border-bottom:1px solid #eee;
		padding-top:6rem;
	}
	#gl-footer	#foot-nav > li:first-child {
		padding-left:15px;
	}
	#gl-footer	#foot-nav > li:last-child {
		padding-right:15px;
	}
	#gl-footer	#foot-nav > li:nth-child(2) {
		border-bottom:1px solid #eee;
	}
	#gl-footer	#foot-nav > li:nth-child(3) {
		border-bottom:1px solid #eee;
	}
	#gl-footer	#foot-nav > li:nth-child(2)::after,
	#gl-footer	#foot-nav > li:nth-child(4)::after {
		content:'';
		position: absolute;
		bottom:0;
		right: 0;
		width:1px;
		height: calc(100% - 3rem);
		background-color: #eee;
	}
	#gl-footer	#foot-nav > li:nth-child(4)::after {
		top:0;
		bottom:auto;
	}
	#gl-footer	#foot-nav .fig {
		max-width: 135px;
		width:75%;
	}
	#gl-footer	#foot-nav > li.tel .fig{
		max-width: 35px;
		margin-bottom: 0;
		margin-right: .6rem;
		display:inline-block;
		vertical-align: middle;
	}
	#gl-footer	#foot-nav > li.tel .num {
		display:inline-block;
		vertical-align: middle;
		font-size:1.6rem;
		font-weight: 700;
		line-height: 1;
		margin-bottom:0;
	}
	#gl-footer	#foot-nav > li.tel .note {
		display:block;
		margin:1em 0;
		font-size:.8rem;
		font-weight: 700;
	}
	#gl-footer	#foot-nav > li.tel .nav-ttl {
		position: absolute;
		top:3rem;
		margin-top:0;
		left:0;
		width:100%;
		text-align: center;
	}
	#gl-footer	#foot-nav li > a:hover .fig {
		-webkit-transform: none;
		transform: none;
	}
	#gl-footer	#foot-nav li > a:hover .nav-ttl{
		color:rgba(17,17,17,1);
	}
	#gl-footer	.footer-area {
		padding:3.5rem 0;
	}
	#gl-footer	.logo {
		padding:2.3rem 0;
		display:block;
		text-align: center;
		width: 100%;
	}
	#gl-footer	.logo .logo-img {
		width: 80px;
	}
	#gl-footer	#foot-util-nav {
		font-size:1rem;
	}
	#gl-footer	#foot-util-nav > li {
		display:block;
		border-bottom: 1px solid #343434;
		padding:0;
	}
	#gl-footer	#foot-util-nav a {
		padding:1.2em 0;
		display:block;
	}
	#gl-footer	#foot-util-nav a::after {
		content:none;
	}
	#gl-footer	.copyright {
		display:block;
		text-align: center;
		font-size:.69rem;
	}
}
