@charset 'UTF-8';

/*==========================================================================

   mixin

===========================================================================*/
/*--------------------------------------------------------------------------
   html
---------------------------------------------------------------------------*/
/* media query -> sp
=================================================================*/
@media only screen and (max-width: 767px) {
	html {
		width: 100%;
		height: 100%;
	}
}

/*--------------------------------------------------------------------------
   head
---------------------------------------------------------------------------*/
head {
	font-family: 'pc';
	
}

/* media query -> sp
=================================================================*/
@media only screen and (max-width: 767px) {
	head {
		font-family: 'sp';
	}
}

/*--------------------------------------------------------------------------
   body
---------------------------------------------------------------------------*/
body {
	min-width: 1200px;
	color: #222;
	font-family: 'Source Sans Pro', 'Noto Sans Japanese', 'Hiragino Sans', 'ヒラギノ角ゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', Osaka, Verdana, sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 2.1;
	

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* media query -> sp
=================================================================*/
@media only screen and (max-width: 767px) {
	body {
		width: 100%;
		min-width: 320px;
		height: auto;
		font-size: 12px;
		line-height: 1.5;
	}
}

/*--------------------------------------------------------------------------
   a
---------------------------------------------------------------------------*/
a {
	color: inherit;
	outline: none;

	-webkit-tap-highlight-color: transparent;
}

a:link,
a:visited {
	text-decoration: none;
}

/*--------------------------------------------------------------------------
   reset
---------------------------------------------------------------------------*/
img {
	vertical-align: top;
}

ul {
	list-style: none;
}

/*--------------------------------------------------------------------------
   selection
---------------------------------------------------------------------------*/
::-moz-selection {
	background-color: #b3d4fc;
	color: #fff;
	text-shadow: none;
}

::selection {
	background-color: #b3d4fc;
	color: #fff;
	text-shadow: none;
}

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

Super Form Reset

A couple of things to watch out for:

- IE8: If a text input doesn't have padding on all sides or none the text won't be centered.
- The default border sizes on text inputs in all UAs seem to be slightly different. You're better off using custom borders.
- You NEED to set the font-size and family on all form elements
- Search inputs need to have their appearance reset and the box-sizing set to content-box to match other UAs
- You can style the upload button in webkit using ::-webkit-file-upload-button
- ::-webkit-file-upload-button selectors can't be used in the same selector as normal ones. FF and IE freak out.
- IE: You don't need to fake inline-block with labels and form controls in IE. They function as inline-block.
- By turning off ::-webkit-search-decoration, it removes the extra whitespace on the left on search inputs

----------------------------------------------------------------------------------------------------*/
input,
label,
select,
button,
textarea {
	display: inline-block;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	vertical-align: middle;
	white-space: normal;
	-webkit-appearance: none;

	   -moz-appearance: none;
	        appearance: none;
}

/* Remove the stupid outer glow in Webkit */
input:focus,
select:focus,
textarea:focus {
	outline: 0;
}

/* Box Sizing Reset
-----------------------------------------------*/
/* All of our custom controls should be what we expect them to be */
input,
textarea {
	box-sizing: content-box;
}

/* These elements are usually rendered a certain way by the browser */
button,
input[type=reset],
input[type=button],
input[type=submit],
input[type=checkbox],
input[type=radio],
select {
	box-sizing: border-box;
}

/* Text Inputs
-----------------------------------------------*/
/* Button Controls
-----------------------------------------------*/
input[type=checkbox],
input[type=radio] {
	width: 13px;
	height: 13px;
}

/* File Uploads
-----------------------------------------------*/
/* Search Input
-----------------------------------------------*/
/* Make webkit render the search input like a normal text field */
input[type=search] {
	-webkit-box-sizing: content-box;
	-webkit-appearance: textfield;
}

/* Turn off the recent search for webkit. It adds about 15px padding on the left */
::-webkit-search-decoration {
	display: none;
}

/* Buttons
-----------------------------------------------*/
button,
input[type='reset'],
input[type='button'],
input[type='submit'] {
	/* Fix IE7 display bug */
	overflow: visible;
	width: auto;
}

/* IE8 and FF freak out if this rule is within another selector */
::-webkit-file-upload-button {
	padding: 0;
	border: 0;
	background: none;
}

/* Textarea
-----------------------------------------------*/
textarea {
	/* Turn off scroll bars in IE unless needed */
	overflow: auto;
	/* Move the label to the top */
	vertical-align: top;
}

/* Selects
-----------------------------------------------*/
select[multiple] {
	/* Move the label to the top */
	vertical-align: top;
}

/*==========================================================================

   mixin

===========================================================================*/
/*--------------------------------------------------------------------------
   l-page
---------------------------------------------------------------------------*/
.l-page-wrapper {
	overflow: hidden;
}

.l-page__main {
	padding-top: 81px;
}

/* media query -> sp
=================================================================*/
@media only screen and (max-width: 767px) {
	.l-page-wrapper {
		overflow: hidden;
		width: 100%;
		height: 100%;
	}
	.l-page__main {
		padding-top: 0;
	}
	.l-page {
		overflow-x: hidden;
		width: 100%;
		height: 100%;

		-webkit-overflow-scrolling: touch;
	}
	.is-loading .l-page {
		overflow-y: hidden;
	}
}

/*==========================================================================

   mixin

===========================================================================*/
/*--------------------------------------------------------------------------
   l-wrap
---------------------------------------------------------------------------*/
.l-wrap {
	position: relative;
	width: 1160px;
	margin: 0 auto;
}

/* media query -> sp
=================================================================*/
@media only screen and (max-width: 767px) {
	.l-wrap {
		width: auto;
		padding: 0 20px;
	}
}


/*--------------------------------------------------------------------------
   inner
---------------------------------------------------------------------------*/
.inner {
	width: 1200px;
	margin: 0 auto;
}

/* media query -> sp
=================================================================*/
@media only screen and (max-width: 767px) {
	.inner {
		width: auto;
	}
}




/*==========================================================================

   mixin

===========================================================================*/
/*--------------------------------------------------------------------------
   SHOW / HIDE
---------------------------------------------------------------------------*/
/*
 show / hide
 -- レスポンシブ用 表示/非表示
*/
.mi-pc {
	display: block;
}

img.mi-pc {
	display: inline;
}

.mi-sp {
	display: none;
}

.mi-min-sp {
	display: none;
}

/* media query -> sp
========================================*/
@media only screen and (max-width: 767px) {
	.mi-pc,
	img.mi-pc {
		display: none;
	}
	.mi-sp {
		display: block;
	}
	img.mi-sp {
		display: inline;
	}
}

/* media query -> min
========================================*/
@media only screen and (max-width: 374px) {
	.mi-min-sp {
		display: block;
	}
}

/*--------------------------------------------------------------------------
   TEXT
---------------------------------------------------------------------------*/
/*
 note
 -- 改行時、一文字目に余白を持たせる
*/
.mi-note,
.mi-list-note li {
	padding-left: 1em;
	text-indent: -1em;
}



/*--------------------------------------------------------------------------
   .global-header
---------------------------------------------------------------------------*/
.global-header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	min-width: 1200px;
	padding: 0 40px 0 0;
	/*box-shadow: 0 2px 16px -5px rgba(0, 0, 0, .3);*/
	background: #fff;
	display: flex;
	flex-flow: wrap;
	justify-content: space-around;
	
	font-family: 'Source Sans Pro', sans-serif;
	letter-spacing: 1px;

	/* 縦方向の並び順*/
	/*    
	flex-start：上揃え（デフォルト）
	flex-end：下揃え
	center：中央揃え
	baseline：ベースライン
	stretch：伸縮
	*/
	align-items: center;
}
.global-header .header-Inner{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	display: flex;
	flex-flow: wrap;
	justify-content: space-around;

	/* 縦方向の並び順*/
	/*    
	flex-start：上揃え（デフォルト）
	flex-end：下揃え
	center：中央揃え
	baseline：ベースライン
	stretch：伸縮
	*/
	align-items: center;	
}

.global-header__logo {
	position: absolute;
	left: 50%;
	top: 10px;
	margin-left: -35px;
}

/* media query -> sp
=================================================================*/
@media only screen and (max-width: 767px) {
	.global-header {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 2;
		width: 100%;
		min-width: 100%;
		padding: 0 40px 0 0;
		box-shadow: 0 2px 16px -5px rgba(0, 0, 0, .3);
		background: #fff;
		display: block;
		flex-flow: wrap;
		justify-content: flex-end;
		font-family: 'Source Sans Pro', sans-serif;
font-weight: 600;
		letter-spacing: 1px;
		align-items: inherit;
	}
	.global-header .header-Inner{
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
		display: block;
		flex-flow: wrap;
		justify-content: space-around;

		/* 縦方向の並び順*/
		/*    
		flex-start：上揃え（デフォルト）
		flex-end：下揃え
		center：中央揃え
		baseline：ベースライン
		stretch：伸縮
		*/
		align-items: center;	
	}
	
	.global-header__logo {
		position: absolute;
		left: 50%;
		top: 5px;
		margin-left: -24px;
	}
}

.global-header__nav {
	overflow: hidden;
}

.global-header__nav > ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	margin-left: 32px
}

.global-header__nav > ul > li {
	margin: 0 17px;
}

.global-header__nav > ul > li:first-child {
	margin-left: 0;
}
.global-header__nav > ul > li:last-child {
	margin-right: 0;
}
.global-header__nav > ul > li:nth-child(4) {
	margin-left: 180px;
}

.global-header__nav > ul > li > a,
.global-header__nav > ul > li > span {
	display: block;
	position: relative;
	padding: 23px 0;
	font-size: 17px;
	font-weight: 600;
}

.global-header__nav > ul > li > a:before,
.global-header__nav > ul > li > span:before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #000;
	content: '';
	-webkit-transform: scaleX(0);
	    -ms-transform: scaleX(0);
	        transform: scaleX(0);
}

/*--------------------------------------------------------------------------
   .global-header-menu active
---------------------------------------------------------------------------*/
.active-menu .global-header__cover {
	/*opacity: 1;*/
}

/* media query -> sp
=================================================================*/
@media only screen and (max-width: 767px) {
	.active-menu .global-header__nav {
		pointer-events: inherit;
		opacity: 1;
	}
	.active-menu .global-header__trg-menu a:before {
		-webkit-transition-delay: 0s;
		        transition-delay: 0s;
		opacity: 0;
	}
	.active-menu .global-header__trg-menu a:after {
		-webkit-transition-delay: .3s;
		        transition-delay: .3s;
		opacity: 1;
	}
	.active-menu .global-header__cover {
		pointer-events: inherit;
		opacity: 1;
	}
}


/* media query -> anima
=================================================================*/
@media only screen and (min-width: 768px) {
	.global-header__nav > ul > li > a,
	.global-header__nav > ul > li > span {
		-webkit-transition: color .3s;
		        transition: color .3s;
	}
	.global-header__nav > ul > li > a:before,
	.global-header__nav > ul > li > span:before {
		-webkit-transition: -webkit-transform .3s cubic-bezier(.645, .045, .355, 1);
		        transition: -webkit-transform .3s cubic-bezier(.645, .045, .355, 1);
		        transition:         transform .3s cubic-bezier(.645, .045, .355, 1);
		        transition:         transform .3s cubic-bezier(.645, .045, .355, 1), -webkit-transform .3s cubic-bezier(.645, .045, .355, 1);
	}
	
	.global-header__nav > ul > li.active > a,
	.global-header__nav > ul > li.active > span,
	.global-header__nav > ul > li:hover > a,
	.global-header__nav > ul > li:hover > span {
		color: #ccc;
	}
	.global-header__nav > ul > li.active > a:before,
	.global-header__nav > ul > li.active > span:before,
	.global-header__nav > ul > li:hover > a:before,
	.global-header__nav > ul > li:hover > span:before {
		-webkit-transform: scaleX(1);
		    -ms-transform: scaleX(1);
		        transform: scaleX(1);
	}
	.global-header__nav > ul > li:hover .low {
		pointer-events: inherit;
		opacity: 1;
	}
	.global-header__nav > ul > li .low ul:hover li a {
		opacity: .7;
	}
	.global-header__nav > ul > li .low ul:hover li a:hover {
		opacity: 1;
	}
	.global-header__nav > ul > li .low ul:hover li a:hover .box-img .photo {
		-webkit-transform: scale(1.05);
		    -ms-transform: scale(1.05);
		        transform: scale(1.05);
	}
}

/* media query -> sp
=================================================================*/
@media only screen and (max-width: 767px) {
	.global-header {
		position: relative;
		min-width: inherit;
		padding: 0;
		width: 100%;
	}
	.global-header__logo {
		float: left;
	}
	.global-header__logo img{
		width:70%;
	}
	.global-header__nav {
		position: absolute;
		top: 50px;
		left: 0;
		z-index: 5;
		float: none;
		width: 100%;
		background: #000;
	}
	.global-header__nav > ul > li:nth-child(4) {
    margin-left: 0;
}
	.global-header__nav > ul {
		display: block;
		margin-left: 0;
	}
	.global-header__nav > ul > li {
		margin: 0;
		background: #333;
	}
	.global-header__nav ul li .sub_txt{
		margin-left: 20px;
		font-size: 0.8em;
	}
	.global-header__nav > ul > li:first-child {
		margin-left: 0;
	}
	.global-header__nav > ul > li > a,
	.global-header__nav > ul > li > span {
		padding: 20px;
		border-bottom: 1px solid rgba(255, 255, 255, .3);
		color: #fff;
		font-size: 15px;
	}
	.global-header__nav > ul > li > a:before,
	.global-header__nav > ul > li > span:before {
		display: none;
	}
	.global-header__nav > ul > li > a:after,
	.global-header__nav > ul > li > span:after {
		position: absolute;
		top: 50%;
		right: 20px;
		width: 15px;
		height: 15px;
		margin-top: -7px;
		background: url(/assets/img/common/ico_arw02_sp.png) no-repeat 0 0;
		background-size: 15px;
		content: '';
	}
	
	.global-header__nav > ul > li.ico_blank a:after,
	.global-header__nav > ul > li.ico_blank span:after {
		position: absolute;
		top: 50%;
		right: 20px;
		width: 15px;
		height: 15px;
		margin-top: -7px;
		background: url(/assets/img/common/ico_blank_sp.png) no-repeat 0 0;
		background-size: 15px;
		content: '';
	}
	
	.global-header__nav > ul > li > span:after {
		background-image: url(/assets/img/common/ico_plus_sp.png);
		-webkit-transition: -webkit-transform .3s;
		        transition: -webkit-transform .3s;
		        transition:         transform .3s;
		        transition:         transform .3s, -webkit-transform .3s;
	}
	.global-header__nav .low {
		display: block;
		overflow: hidden;
		position: static;
		left: 0;
		width: 100%;
		height: 0;
		padding: 0;
		background: none;
		-webkit-transition: height .3s;
		        transition: height .3s;
	}
	.global-header__nav .low .l-wrap {
		padding: 0;
	}
	.global-header__nav .low ul {
		display: block;
		margin: 0;
	}
	.global-header__nav .low ul li {
		margin: 0;
		background: none;
	}
	.global-header__nav .low ul li a {
		display: block;
		padding: 20px 20px 20px 40px;
		border-bottom: 1px solid rgba(255, 255, 255, .3);
	}
	.global-header__nav .low ul li .box-img {
		display: none;
	}
	.global-header__nav .low ul li .box-txt {
		position: relative;
		padding: 0;
		border: none;
		background: none;
		text-align: left;
		color: #fff;
		font-size: 14px;
		font-weight: 400;
	}
	.global-header__nav .low ul li .box-txt:before {
		position: absolute;
		top: 50%;
		right: 0;
		width: 15px;
		height: 15px;
		margin-top: -7px;
		background: url(/assets/img/common/ico_arw02_sp.png) no-repeat 0 0;
		background-size: 15px;
		content: '';
	}
	.global-header__nav .low:before {
		display: none;
	}
	.global-header__nav .open:after {
		-webkit-transform: rotate(-180deg);
		    -ms-transform: rotate(-180deg);
		        transform: rotate(-180deg);
	}
	.global-header__nav .open .low {
		height: 186px;
	}
	.global-header__nav .btn {
		padding: 40px 20px;
	}
	.global-header__nav .btn a {
		display: block;
		padding: 17px 10px;
		font-size: 14px;
		font-weight: 600;
	}
	.global-header__btn {
		margin-top: 10px;
	}
	.global-header__btn a {
		width: 111px;
		font-size: 10px;
	}
	.global-header__btn a:before {
		right: 10px;
	}
	.global-header__trg {
		float: right;
		right: 0;
		margin-left: 10px;
		display: block;
	}
	.global-header__trg a {
		display: block;
		position: relative;
		width: 50px;
		height: 50px;
		background: #000;
	}
	.global-header__trg a .txt {
		position: absolute;
		bottom: 11px;
		left: 0;
		width: 100%;
		text-align: center;
		color: #fff;
		font-size: 8px;
		font-weight: 600;
	}
	.global-header__cover {
		top: 60px;
	}
}

/* media query -> min
=================================================================*/
@media only screen and (max-width: 374px) {
	.global-header__logo {
		    margin: 0 0 0 -25px;
	}
	.global-header__logo img {
		height: auto;
	}
}

/*--------------------------------------------------------------------------
   .global-header-menu set
---------------------------------------------------------------------------*/
.global-header__cover {
	-webkit-transition: opacity .3s;
	        transition: opacity .3s;
	pointer-events: none;
	opacity: 0;
	background: rgba(0, 0, 0, .5);
}

/* media query -> sp
=================================================================*/
@media only screen and (max-width: 767px) {
	.global-header__nav {
		-webkit-transition: opacity .8s;
		        transition: opacity .8s;
		pointer-events: none;
		opacity: 0;
	}
	.global-header__trg-menu a:before,
	.global-header__trg-menu a:after {
		-webkit-transition: opacity .5s;
		        transition: opacity .5s;
	}
	.global-header__trg-menu a:before {
		-webkit-transition-delay: .3s;
		        transition-delay: .3s;
	}
	.global-header__trg-menu a:after {
		-webkit-transition-delay: 0s;
		        transition-delay: 0s;
		opacity: 0;
	}
}



.menuArea{
	width: 50px;
	height: 50px;
	position: absolute;
	right: 0;
	top: 0;
	background: #000;
	cursor: pointer;
	zoom:0.5;
}

.menu {
  position: absolute;
	    right: 15px;
    top: 15px;
  display: inline-block;
  width: 21px;
  height: 21px;
  cursor: pointer;
	background: #000;
}
.menu-line {
  top: 17px;
}
.menu-inner::after,
.menu-inner::before {
  content: "";
}
.menu-line,
.menu-inner::after,
.menu-inner::before {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  transition: .15s ease-out;
  background-color: #fff;
}
.menu-inner::after {
  top: 34px;
}
/* 真ん中の線のアニメーション */
.menu:hover .menu-line {
  width: 0;
  opacity: 0;
  transform: translateX(20px) rotate(90deg);
}
/* 上の線のアニメーション */
.menu:hover .menu-inner::before {
  width: 44px;
  transform: translateY(17px) translateX(3px) rotate(-135deg);
}
/* 下の線のアニメーション */
.menu:hover .menu-inner::after {
  width: 44px;
  transform: translateY(-17px) translateX(3px) rotate(135deg);
}





/*--------------------------------------------------------------------------
   .global-header-menu active animate
---------------------------------------------------------------------------*/
/* media query -> sp
=================================================================*/
@media only screen and (max-width: 767px) {
	.global-header .hamburger-menu {
		position: absolute;
		top: 12px;
		bottom: 0;
		left: 0;
		right: 0;
		width: 27px;
		height: 30px;
		margin: auto;
		cursor: pointer;
	}
	.global-header .bar,
	.global-header .bar:after,
	.global-header .bar:before {
		display: block;
		width: 27px;
		height: 2px;
		border-radius: 10px;
	}
	.global-header .bar {
		position: relative;
		background: white;
		-webkit-transition: all 0ms 300ms;
		        transition: all 0ms 300ms;
		-webkit-transform: translateY(7px);
		    -ms-transform: translateY(7px);
		        transform: translateY(7px);
	}
	.global-header .bar:before {
		position: absolute;
		bottom: 7px;
		left: 0;
		background: white;
		content: '';
		-webkit-transition: bottom 300ms 300ms cubic-bezier(.23, 1, .32, 1), -webkit-transform 300ms cubic-bezier(.23, 1, .32, 1);
		        transition: bottom 300ms 300ms cubic-bezier(.23, 1, .32, 1), -webkit-transform 300ms cubic-bezier(.23, 1, .32, 1);
		        transition: bottom 300ms 300ms cubic-bezier(.23, 1, .32, 1), transform 300ms cubic-bezier(.23, 1, .32, 1);
		        transition: bottom 300ms 300ms cubic-bezier(.23, 1, .32, 1), transform 300ms cubic-bezier(.23, 1, .32, 1), -webkit-transform 300ms cubic-bezier(.23, 1, .32, 1);
	}
	.global-header .bar:after {
		position: absolute;
		top: 7px;
		left: 0;
		background: white;
		content: '';
		-webkit-transition: top 300ms 300ms cubic-bezier(.23, 1, .32, 1), -webkit-transform 300ms cubic-bezier(.23, 1, .32, 1);
		        transition: top 300ms 300ms cubic-bezier(.23, 1, .32, 1), -webkit-transform 300ms cubic-bezier(.23, 1, .32, 1);
		        transition: top 300ms 300ms cubic-bezier(.23, 1, .32, 1), transform 300ms cubic-bezier(.23, 1, .32, 1);
		        transition: top 300ms 300ms cubic-bezier(.23, 1, .32, 1), transform 300ms cubic-bezier(.23, 1, .32, 1), -webkit-transform 300ms cubic-bezier(.23, 1, .32, 1);
	}
	.active-menu .global-header .bar {
		background: rgba(255, 255, 255, 0);
	}
	.active-menu .global-header .bar:after {
		top: 0;
		-webkit-transition: top 300ms cubic-bezier(.23, 1, .32, 1), -webkit-transform 300ms 300ms cubic-bezier(.23, 1, .32, 1);
		        transition: top 300ms cubic-bezier(.23, 1, .32, 1), -webkit-transform 300ms 300ms cubic-bezier(.23, 1, .32, 1);
		        transition: top 300ms cubic-bezier(.23, 1, .32, 1), transform 300ms 300ms cubic-bezier(.23, 1, .32, 1);
		        transition: top 300ms cubic-bezier(.23, 1, .32, 1), transform 300ms 300ms cubic-bezier(.23, 1, .32, 1), -webkit-transform 300ms 300ms cubic-bezier(.23, 1, .32, 1);
		-webkit-transform: rotate(45deg);
		    -ms-transform: rotate(45deg);
		        transform: rotate(45deg);
	}
	.active-menu .global-header .bar:before {
		bottom: 0;
		-webkit-transition: bottom 300ms cubic-bezier(.23, 1, .32, 1), -webkit-transform 300ms 300ms cubic-bezier(.23, 1, .32, 1);
		        transition: bottom 300ms cubic-bezier(.23, 1, .32, 1), -webkit-transform 300ms 300ms cubic-bezier(.23, 1, .32, 1);
		        transition: bottom 300ms cubic-bezier(.23, 1, .32, 1), transform 300ms 300ms cubic-bezier(.23, 1, .32, 1);
		        transition: bottom 300ms cubic-bezier(.23, 1, .32, 1), transform 300ms 300ms cubic-bezier(.23, 1, .32, 1), -webkit-transform 300ms 300ms cubic-bezier(.23, 1, .32, 1);
		-webkit-transform: rotate(-45deg);
		    -ms-transform: rotate(-45deg);
		        transform: rotate(-45deg);
	}
}






.global-header__nav > ul > li .low {
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    pointer-events: none;
    opacity: 0;
}
.global-header__nav .low {
	overflow: hidden;
	position: absolute;
	left: 0;
	z-index: 1;
	width: 100%;
	padding: 10px 5px;
	background: #FFF;
	box-shadow: 0 2px 16px -5px rgba(0, 0, 0, .3);
}

.global-header__nav .low ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	margin: 0 0;
}

.global-header__nav .low ul li {
	margin: 0 5px;
	background: #FFF;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	
}

.global-header__nav .low ul li a {
	display: block;
}

.global-header__nav .low ul li .box-img {
	overflow: hidden;
	position: relative;
}

.global-header__nav .low ul li .box-img p{
	height: 250px;
	background-position: center top;
	text-align: center;
	display: flex;          /* 2 */
    justify-content: center;/* 3 */
    align-items: center;    /* 4 */
	color: #FFF;
	font-size: 32px;
}
.global-header__nav .low ul li .box-img .photo span{
	display: block;
	font-size: 20px;
}

.global-header__nav .low ul li .box-txt {
	position: relative;
	margin-top: -250px;
	padding:  0;
	background: none;
	text-align: center;
	color: #FFF;
	font-size: 16px;
	font-weight: 400;
	height: 250px;
	font-family: 'Source Sans Pro', sans-serif;
	line-height: 1.4;
	letter-spacing: 3px;
	display: flex;          /* 2 */
    justify-content: center;/* 3 */
    align-items: center;    /* 4 */
	
	display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    flex-direction:column;
	font-size: 32px;
}
.global-header__nav .low ul li .box-txt span{
	display: block;
	font-family:'Noto Serif Japanese','Hiragino Mincho Pro','ヒラギノ明朝 Pro W3';
	font-size: 20px;
	letter-spacing: 1px;
}

.global-header__nav .low ul li .box-txt:before {
	position: absolute;
	top: 50%;
	right: 10px;
	width: 18px;
	height: 18px;
	margin-top: -9px;
	/*background: url(/assets/img/common/ico_arw04.png) no-repeat 0 0;*/
	content: '';
}

.global-header__nav .low:before {
	/*position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 0;
	height: 0;
	border: solid transparent;
	border-width: 6px;
	border-color: rgba(209, 8, 31, 0);
	border-top-color: #d1081f;
	content: '';
	pointer-events: none;*/
}

.global-header__nav .low--01:before {
	/*margin-left: 438px;*/
}

/*--------------------------------------------------------------------------
   .global-header-menu active
---------------------------------------------------------------------------*/
.active-menu .global-header__cover {
	opacity: 1;
}

/* media query -> sp
=================================================================*/
@media only screen and (max-width: 767px) {
	.active-menu .global-header__nav {
		pointer-events: inherit;
		opacity: 1;
	}
	.active-menu .global-header__trg-menu a:before {
		-webkit-transition-delay: 0s;
		        transition-delay: 0s;
		opacity: 0;
	}
	.active-menu .global-header__trg-menu a:after {
		-webkit-transition-delay: .3s;
		        transition-delay: .3s;
		opacity: 1;
	}
	.active-menu .global-header__cover {
		pointer-events: inherit;
		opacity: 1;
	}
}



/* media query -> anima
=================================================================*/
@media only screen and (min-width: 768px) {
	.global-header__nav > ul > li > a,
	.global-header__nav > ul > li > span {
		-webkit-transition: color .3s;
		        transition: color .3s;
	}
	.global-header__nav > ul > li > a:before,
	.global-header__nav > ul > li > span:before {
		-webkit-transition: -webkit-transform .3s cubic-bezier(.645, .045, .355, 1);
		        transition: -webkit-transform .3s cubic-bezier(.645, .045, .355, 1);
		        transition:         transform .3s cubic-bezier(.645, .045, .355, 1);
		        transition:         transform .3s cubic-bezier(.645, .045, .355, 1), -webkit-transform .3s cubic-bezier(.645, .045, .355, 1);
	}
	.global-header__nav > ul > li .low {
		-webkit-transition: opacity .3s;
		        transition: opacity .3s;
		pointer-events: none;
		opacity: 1;
	}
	.global-header__nav > ul > li .low {
		display: none;
	}
	.global-header__nav > ul > li .low a {
		-webkit-transition: opacity .3s;
		        transition: opacity .3s;
	}
	.global-header__nav > ul > li .low a .box-img .photo {
		-webkit-transition: -webkit-transform .5s;
		        transition: -webkit-transform .5s;
		        transition:         transform .5s;
		        transition:         transform .5s, -webkit-transform .5s;
		background-size: cover;
	}
	
	.global-header__nav > ul > li.active > a:before,
	.global-header__nav > ul > li.active > span:before,
	.global-header__nav > ul > li:hover > a:before,
	.global-header__nav > ul > li:hover > span:before {
		-webkit-transform: scaleX(1);
		    -ms-transform: scaleX(1);
		        transform: scaleX(1);
	}
	.global-header__nav > ul > li:hover .low {
		pointer-events: inherit;
		opacity: 1;
	}
	.global-header__nav > ul > li .low ul:hover li a {
		opacity: .7;
	}
	.global-header__nav > ul > li .low ul:hover li a:hover {
		opacity: 1;
	}
	.global-header__nav > ul > li .low ul:hover li a:hover .box-img .photo {
		-webkit-transform: scale(1.05);
		    -ms-transform: scale(1.05);
		        transform: scale(1.05);
	}
}


.fnav{
	min-width: 1200px;
	overflow: hidden;
	display: flex;    /* 2 */
    justify-content: center;/* 3 */
    align-items: center;    /* 4 */
	margin: 40px 0 35px 0;
}
.fnav li{
	margin:0 22px 0 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
}
.fnav li::after{
	content: "";
	display: inline;
	width: 1px;
	height: 10px;
	margin-left: 20px;
	border-right: 1px solid #CCCCCC;
}
.fnav li:last-child::after{
	display: none;
}

.fnav > li:hover > a,
.fnav_02 > li:hover > a,
.fnav_02 > p:hover > a{
		color: #ccc;
	-webkit-transition: color .3s;
		        transition: color .3s;
}

.fnav_02{
	min-width: 1200px;
	overflow: hidden;
	display: flex;    /* 2 */
    justify-content: center;/* 3 */
    align-items: center;    /* 4 */
	margin: 40px 0 35px 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
}
.fnav_02 > p {
	float: left;
	margin-right: 27px;
}

.fnav_02 > p > a:link:after {
    content: '';
    display: inline-block;
    height: 13px;
    width: 15px;
	background: url(/assets/img/common/ico_blank_01.png) right 0 no-repeat;
	margin-left: 7px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
}
.sns_ico{
	overflow: hidden;
	margin-left: 190px;
}
.sns_ico li{
	float: left;
	margin-right: 15px;
}



/* media query -> sp
=================================================================*/
@media only screen and (max-width: 767px) {
	#GlobalFooter .l-wrap{
		padding: 0;
	}
	.fnav{
		min-width: 100%;
		overflow: hidden;
		display: block;
		justify-content: flex-start;
		align-items: flex-start;
		text-align: left;
		margin: 0 0 0 0;
		border-top: 1px solid #CCC;
	}
	.fnav li{
		margin:0 0 0 0;
		width: 100%;
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: 600;
		font-size: 15px;
		text-align: left;
		border-bottom: 1px solid #CCC;
		display: block;
		position: relative;
	}
	.fnav li::after{
		content: "";
		display: inline-block;
		width: 12px;
		height: 14px;
		border-right: none;
		background: url(/assets/img/common/ico_arrow_02.png) right 0 no-repeat;
		background-size: cover;
		float: right;
		position: absolute;
		right:5%;
		top:25px
	}
	.fnav li a{
		padding: 20px 5%;
		display: block;
	}
	.fnav li:last-child::after{
		display: block;
	}

	.fnav > li:hover > a,
	.fnav_02 > li:hover > a,
	.fnav_02 > p:hover > a{
			color: #ccc;
			-webkit-transition: color .3s;
			transition: color .3s;
			display: block;
	}

	.fnav_02{
		min-width: 100%;
		overflow: hidden;
		display: block;    /* 2 */
		margin:  0;
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: 600;
		font-size: 15px;
		text-align: left;
	}
	
	.fnav_02 > p {
		float: none;
		margin-right: 0;
		border-bottom: 1px solid #CCC;
		display: block;
		position: relative;
	}
	
	.fnav_02 p a{
		padding: 20px 5%;
		display: block;
	}

	.fnav_02 > p > a:link:after {
		content: '';
		display: inline-block;
		height: 11px;
		width: 13px;
		background: url(/assets/img/common/ico_blank_02.png) right 0 no-repeat;
		background-size: cover;
		margin-left: 0;
		float: right;
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: 600;
		position: absolute;
		right:5%;
		top:25px
	}
	.sns_ico{
		overflow: hidden;
		margin-left: 0;
		background: #EEEEEE;
		display: flex;
		justify-content: center;/* 3 */
    align-items: center;    /* 4 */
	}
	.sns_ico li{
		width: 50px;
		float: none;
		margin-right: 15px;
		padding: 30px 0;
	}
	.sns_ico li img{
		width: 50px;
	}
	.sns_ico p{
		width: 50px;
		float: none;
		margin-right: 15px;
		padding: 30px 0;
	}
	.sns_ico p img{
		width: 50px;
	}
	.logo_f{
		margin-bottom: 30px;
		width: 30%;
	}
	
}







/* media query -> sp
=================================================================*/
@media only screen and (max-width: 767px) {
	.global-header__cover {
		top: 60px;
	}
}

/*--------------------------------------------------------------------------
   .global-header-menu set
---------------------------------------------------------------------------*/
.global-header__cover {
	-webkit-transition: opacity .3s;
	        transition: opacity .3s;
	pointer-events: none;
	opacity: 0;
}


.l-page__main::before {
    content: "";
    display: none;
    width: 100%;
    height: 1000px;
    background: #000;
    position: absolute;
    opacity: 0.5;
    left: 0;
    top: 0;
}

/*--------------------------------------------------------------------------
   .global-header-menu active
---------------------------------------------------------------------------*/
.active-menu .global-header__cover {
	opacity: 1;
}
.l-page__main .covers {
		display: none;
		height: 0;
	}

/* media query -> sp
=================================================================*/
@media only screen and (max-width: 767px) {
	.active-menu .global-header__cover {
		pointer-events: inherit;
		opacity: 1;
	}
	.l-page__main .covers {
		display: none;
		height: 0;
	}
	.active-menu .l-page__main .covers {
    display: block;
    width: 100%;
    height: auto;
    background: #000;
    position:fixed;
    opacity: 0.5;
    left: 0;
    top: 0;
	z-index: 1;
}
}



.tg_cont{
	display: none;
}
/* media query -> sp
=================================================================*/
@media only screen and (max-width: 767px) {
	.tg_cont li{
		padding: 12px 20px 12px 60px;
		border-bottom: 1px solid rgba(0, 0, 0, .3);
		color: #000;
		font-size: 15px;background: #FFF;
		position: relative;
		line-height: 1.2;
	}
	.tg_cont li .sub_txt02{
		display: block;
    	font-size: 0.8em;
	}
	
	.tg_cont li > a{
		display: block;
	}
	.tg_cont li a:after{
		position: absolute;
		top: 50%;
		left: 20px;
		width: 15px;
		height: 15px;
		margin-top: -7px;
		background: url(/assets/img/common/ico_arrow_02.png) no-repeat 0 0;
		background-size: 15px;
		content: '';
	}
}









.buttons {
  display: inline-block;
  width: 200px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
}
.buttons::before,
.buttons::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.buttons,
.buttons::before,
.buttons::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.buttons {
  position: relative;
  z-index: 2;
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
  line-height: 54px;
}
.buttons:hover {
  background-color: #fff;
  border-color: #000;
  color: #000;
}
.buttons::before,
.buttons::after {
  top: 0;
  width: 50%;
  height: 100%;
  background-color: #000;
}
.buttons::before {
  right: 0;
}
.buttons::after {
  left: 0;
}
.buttons:hover::before,
.buttons:hover::after {
  width: 0;
  background-color: #000;
}





/*　ブログボタン　*/
.btn_blog{
	width:140px;
	position: absolute;
	right:50px;
	top:11px;
	font-family: 'Source Sans Pro', sans-serif;
}
.btn_blog a{
	display: block;
}
.btn_blog.buttons {
  display: inline-block;
  height: 27px;
  text-align: center;
  text-decoration: none;
  line-height: 26px;
  outline: none;
}
.btn_blog.buttons::before,
.btn_blog.buttons::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.btn_blog.buttons,
.btn_blog.buttons::before,
.btn_blog.buttons::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.btn_blog.buttons {
  z-index: 2;
  background-color: #FFF;
  border: 1px solid #000;
  color: #000;
  line-height: 26px;
}
.btn_blog.buttons:hover {
  background-color: #000;
  border-color: #000;
  color: #FFF;
}
.btn_blog.buttons::before,
.btn_blog.buttons::after {
  top: 0;
  width: 50%;
  height: 100%;
  background-color: #FFF;
}
.btn_blog.buttons::before {
  right: 0;
}
.btn_blog.buttons::after {
  left: 0;
}
.btn_blog.buttons:hover::before,
.btn_blog.buttons:hover::after {
  width: 0;
  background-color: #FFF;
}

.btn_blog a:link:after {
    content: '';
    display: inline-block;
    height: 13px;
    width: 15px;
	background: url(/assets/img/common/ico_blank_01.png) right 0 no-repeat;
	margin-left: 7px;
 
}


/*　オンラインボタン　*/
.btn_online{
	width:140px;
	position: absolute;
	right:50px;
	top:43px;
	font-family: 'Source Sans Pro', sans-serif;
}
.btn_online a{
	display: block;
}
.btn_online.buttons {
  display: inline-block;
  height: 27px;
  text-align: center;
  text-decoration: none;
  line-height: 26px;
  outline: none;
}
.btn_online.buttons::before,
.btn_online.buttons::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.btn_online.buttons,
.btn_online.buttons::before,
.btn_online.buttons::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.btn_online.buttons {
  z-index: 2;
  background-color: #000;
  border: 1px solid #000;
  color: #FFF;
  line-height: 26px;
}
.btn_online.buttons:hover {
  background-color: #FFF;
  border-color: #000;
  color: #000;
}
.btn_online.buttons::before,
.btn_online.buttons::after {
  top: 0;
  width: 50%;
  height: 100%;
  background-color: #000;
}
.btn_online.buttons::before {
  right: 0;
}
.btn_online.buttons::after {
  left: 0;
}
.btn_online.buttons:hover::before,
.btn_online.buttons:hover::after {
  width: 0;
  background-color: #000;
}

.btn_online a:link:after {
    content: '';
    display: inline-block;
    height: 13px;
    width: 15px;
	background: url(/assets/img/common/ico_blank_02.png) right 0 no-repeat;
	margin-left: 7px;
 
}


/*　ヘッダーSNSボタン　*/
.btn_sns{
	width:148px;
	position: absolute;
	left:50px;
	top:24px;
	overflow: hidden;
}
.btn_sns p{
	width: 36px;
	margin-right: 10px;
	float: left;
}









/*--------------------------------------------------------------------------
   sec-footer
---------------------------------------------------------------------------*/
.sec-footer{
	clear: both;
	height: 260px;
	position: relative;
	margin: 0 0 60px 0;
	display: flex;          /* 2 */
    align-items: center;    /* 4 */
	cursor: pointer;
	overflow: hidden;
}

.sec-footer::before{
	content: "";
	position: absolute;
	top:0;
	width: 100%;
	height: 260px;
	background: #000;
    opacity: .50;
	z-index: -1;
	-webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
	
}
.sec-footer:hover::before{
    opacity: .40;
	z-index: -1;
	-webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
	
}
.sec-footer::after{
	content: "";
    width: 100%;
    height: 260px;
    background: url(/assets/img/common/bg_footer.png) left 0 no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
	top:0;
    z-index: -2;
	-webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
	-moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.sec-footer:hover::after{
	-webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
	-moz-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
	
}
.footer-txt{
	display: flex;          /* 2 */
    align-items: center;    /* 4 */
	
}
.footer-txt-Inner{
	text-align: center;
    width: 100%;
}
.footer-txt-Inner p.ttl{
	color: #FFF;
	font-size: 34px;
	line-height: 1.3;
	margin-bottom: 30px;
	font-family: 'Source Sans Pro', sans-serif;
	letter-spacing: 6px;
}
.footer-txt-Inner p.ttl span{
	font-family:'Noto Serif Japanese','Hiragino Mincho Pro','ヒラギノ明朝 Pro W3';
	font-weight: 500;
	font-size: 18px;
	display: block;
	letter-spacing: 1px;
}
.footer-txt-Inner p.txt{
	font-family:'Noto Serif Japanese','Hiragino Mincho Pro','ヒラギノ明朝 Pro W3';
	font-weight: 500;
	color: #FFF;
	font-size: 28px;
	line-height: 1.3;
}
.footer-txt-Inner p.txt::after{
	content: "";
	width: 16px;
    height: 16px;
    background: url(/assets/img/common/ico_arrow.png) no-repeat 50% 0;
    background-size: cover;
    position: absolute;
	margin-top: 11px;
	margin-left: 15px;
}

.list-mv07{
	opacity: 0;
	transition: .8s;
	transform: translate(0,30px); 
	-webkit-transform: translate(0,30px); 
}
.mv07{
	opacity: 1.0;
	transition: .8s;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

.tac{
	text-align: center;
}

.l-wrap {
    position: relative;
    width: 100%;
    margin: 0 auto;
}
.copy{
	padding-top:25px;
	margin-top:0;
	margin-bottom: 20px;
	border-top:1px solid #CCCCCC;
	color: #AAAAAA;
}


/* media query -> sp
=================================================================*/
@media only screen and (max-width: 767px) {
	
	.list-mv07{
	opacity: 1;
	transition: .8s;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0); 
	}
	.mv07{
		opacity: 1.0;
		transition: .8s;
		transform: translate(0,0); 
		-webkit-transform: translate(0,0);
	}
	
	
	/*　ヘッダーSNSボタン　*/
	.btn_sns02{
		width:100%;
		position: relative;
		left: 0;
		top:0;
		overflow: hidden;
		background: #EEEEEE;
		padding:20px 0 20px 20px;
		display: flex;
		flex-flow: wrap;
		justify-content: space-around;
		align-items: center;
		text-align: center;
	}
	.btn_sns02 p{
		width: 50px;
		margin-right: 20px;
		float: left;
	}
	.btn_sns02 p img{
		width: 50px;
	}

	/*--------------------------------------------------------------------------
	   sec-footer
	---------------------------------------------------------------------------*/
	.sec-footer{
		clear: both;
		height: auto;
		padding: 20px 0;
		position: relative;
		margin: 0 0 60px 0;
		display: flex;          /* 2 */
		align-items: center;    /* 4 */
		cursor: pointer;
		overflow: hidden;
	}

	.sec-footer::before{
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		background: #000;
		opacity: 1;
		z-index: -1;
		background: url(/assets/img/common/bg_footer_sp.png) center 50% no-repeat;
		background-size: cover;

	}
	.sec-footer::after{
		content: "";
		width: 100%;
		height: 100%;
		background: url(/assets/img/common/bg_footer.png) center 50% no-repeat;
		background-size: cover;
		background-attachment:inherit;
		background-repeat: no-repeat;
		background-position: center center;
		position: absolute;
		z-index: -2;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
		transition: all .3s ease-out;
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		display: none;
	}
	.footer-txt{
		display: block; 

	}
	.footer-txt-Inner{
		text-align: center;
		width: 100%;
		padding: 0 3%;
	}
	.footer-txt-Inner p.ttl{
		color: #FFF;
		font-size: 20px;
		line-height: 1.3;
		padding: 0 0 15px 0;
		margin-bottom: 0
	}
	.footer-txt-Inner p.ttl span{
		font-family:'Noto Serif Japanese','Hiragino Mincho Pro','ヒラギノ明朝 Pro W3';
		font-weight: 500;
		font-size: 14px;
		display: block;
	}
	.footer-txt-Inner p.txt{
		font-family:'Noto Serif Japanese','Hiragino Mincho Pro','ヒラギノ明朝 Pro W3';
		font-weight: 500;
		color: #FFF;
		font-size: 14px;
		line-height: 1.3;
	}
	.footer-txt-Inner p.txt::after{
		content: "";
		width: 8px;
		height: 8px;
		background: url(/assets/img/common/ico_arrow.png) no-repeat 50% 0;
		background-size: cover;
		position: absolute;
		margin-top: 6px;
		margin-left: 5px;
	}
	
	.l-page-wrapper {
		overflow: hidden;
		width: 100%;
		height: 100%;
	}
	.l-page__main {
		padding-top: 0;
	}
	.l-page {
		overflow-x: hidden;
		width: 100%;
		height: 100%;

		-webkit-overflow-scrolling: touch;
	}
	.is-loading .l-page {
		overflow-y: hidden;
	}
	/*　ブログボタン　*/
	.btn_blog.buttons{
		display: none;
	}
	
	/*　オンラインボタン　*/
	.btn_online.buttons{
		display: none;
	}


	.w100{
		width: 100%;
	}
	
}

 @font-face{
	font-family:'honoka';
	font-style:normal;
	src:url('/assets/font/font_1_honokamin.eot');
	src:url('/assets/font/font_1_honokamin?#iefix') format('embedded-opentype'),
	url('/assets/font/font_1_honokamin.woff') format('woff'),
	url('/assets/font/font_1_honokamin.ttf') format('truetype');
}