@charset "UTF-8";
/* CSS Document */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	color:#404040;
	font-family:"UD新ゴ L";
}
body h1{
	font-size:1px;
	color:white;
}
body h2{
	font-size:36px;
	font-weight:normal;
	color:#404040;
}
body h2 a{
	font-style:normal;
	font-weight:normal;
	color:#404040;
}
body h2 a:hover{
	opacity:0.7;
}

/*=======================
.cf
=======================*/
.cf {
  *zoom: 1; }

.cf:before, .cf:after {
  content: " ";
  display: table; }

.cf:after {
  clear: both; }

/*=======================
.sticky-navigation
=======================*/
.sticky-navigation{
    background: #404040;
    width:100%;
    height:50px;
    text-transform: uppercase;
    z-index:100;
}
.sticky-navigation.stuck{
    position: fixed;
}
.sticky-navigation ul{
	max-width:1100px;
	width:100%;
    list-style-type: none;
	padding-top:14px;
	margin:0 auto 0 auto;
	position: relative;
	text-align: right;
}
.sticky-navigation ul li{
	display: inline;
	vertical-align: middle;
}
.sticky-navigation ul li img{
	height: auto;
}
.sticky-navigation ul li:nth-child(1) img{
	max-width: 58px;
	width: 5.2727%;
}
.sticky-navigation ul li:nth-child(2) img{
	max-width: 80px;
	width: 7.2727%;
}
.sticky-navigation ul li:nth-child(3) img{
	max-width: 61px;
	width: 5.5454%;
}
.sticky-navigation ul li:nth-child(4) img{
	max-width: 73px;
	width: 6.6363%;
}
.sticky-navigation ul li:nth-child(5) img{
	max-width: 76px;
	width: 6.9090%;
}
.sticky-navigation ul li:nth-child(6) img{
	max-width: 99px;
	width: 9%;
}
.sticky-navigation a{
	padding-left: 2.4545%;
    text-decoration: none;
}
.sticky-navigation a:hover{
	opacity:0.5;
}
#top_logo{
	max-width: 1100px;
	width: 100%;
	position: relative;
	margin: auto;
}
#top_logo .inner{
	max-width: 228px;
	width: 20.7272%;
	position: absolute;
	top: 14px;
	left: 0;
}
#top_logo img{
	width: 100%;
	height: auto;
}/*
.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 168px;
    z-index: 100;
    float: right;
}


/* PC */
@media screen and (min-width: 751px) {
	/*=======================
	.sp
	=======================*/
	.sp {
		display: none !important;
	}
}

/* SP */
@media screen and (max-width: 750px){
	/*=======================
	.pc
	=======================*/
	.pc {
		display: none !important;
	}

	/*=======================
	.sticky-navigation
	=======================*/
	.sticky-navigation ul{
		display: none;
		position: fixed;
		width: 100%;
		padding: 0;
		top: 50px;
		background: rgba(64,64,64,0.5);
	}
	.sticky-navigation ul li{
		display: block;
		width: 100%;
		border-bottom: 1px solid #404040;
	}
	.sticky-navigation ul li:nth-child(1) img{
		max-width: 58px;
		/*width: 7.7333%;*/
		width: auto;
	}
	.sticky-navigation ul li:nth-child(2) img{
		max-width: 80px;
		/*width: 10.6666%;*/
		width: auto;
	}
	.sticky-navigation ul li:nth-child(3) img{
		max-width: 61px;
		/*width: 8.1333%;*/
		width: auto;
	}
	.sticky-navigation ul li:nth-child(4) img{
		max-width: 73px;
		/*width: 9.7333%;*/
		width: auto;
	}
	.sticky-navigation ul li:nth-child(5) img{
		max-width: 76px;
		/*width: 10.1333%;*/
		width: auto;
	}
	.sticky-navigation ul li:nth-child(6) img{
		max-width: 99px;
		/*width: 13.2%;*/
		width: auto;
	}
	.sticky-navigation a{
		display: block;
		width: 100%;
		padding-left: 0;
		text-decoration: none;
		text-align: center;
		padding: 10px 0;
	}
	.sticky-navigation a:hover{
		opacity: 1;
	}
	#top_logo{
		max-width: 336px;
		width: 44.8%;
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		left: 5.7333%;
		margin: 0;
	}
	#top_logo .inner{
		max-width: 336px;
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
	}
.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    z-index: 100;
    float: right;
}

	/*=======================
	#sp_menu_btn
	=======================*/
	#sp_menu_btn{
		width: 50px;
		height: 50px;
		position: absolute;
		top: 0;
		right: 0;
		background: #595959;
	}
	.menu-trigger,
	.menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.sticky-navigation a.menu-trigger {
		position: relative;
		width: 20px;
		height: 14px;
		margin: auto;
		padding: 0;
		top: 18px;
	}
	.menu-trigger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #37c988;
	}
	.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 {
		-webkit-animation: menu-close .6s;
		animation: menu-close .6s;
	}
	.menu-trigger.active {
		-webkit-animation: menu-open .6s;
		animation: menu-open .6s;
	}
	@-webkit-keyframes menu-close {
		30% {
			-webkit-transform: scale(0);
			opacity: 0;
		}
		100% {
			-webkit-transform: scale(1);
			opacity: 1;
		}
	}
	@keyframes menu-close {
		30% {
			transform: scale(0);
			opacity: 0;
		}
		100% {
			transform: scale(1);
			opacity: 1;
		}
	}
	@-webkit-keyframes menu-open {
		30% {
			-webkit-transform: scale(0);
			opacity: 0;
		}
		100% {
			-webkit-transform: scale(1);
			opacity: 1;
		}
	}
	@keyframes menu-open {
		30% {
			transform: scale(0);
			opacity: 0;
		}
		100% {
			transform: scale(1);
			opacity: 1;
		}
	}
	.menu-trigger.active span:nth-of-type(1) {
		-webkit-transform: translateY(6px) rotate(-45deg);
		transform: translateY(6px) rotate(-45deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
		opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
		-webkit-transform: translateY(-6px) rotate(45deg);
		transform: translateY(-6px) rotate(45deg);
	}

}