@charset "UTF-8";

a:link, a:visited, a:hover, a:active {
  color: #000;
}

.pc-hidden {
display: none !important;
}
.sp-hidden {
display: block !important;
}

/*=====================================================
	ウィンドウ幅が767px以上の場合に適用
=====================================================*/
@media screen and (min-width: 767px) {
	
/*=====================================================
	contents-wrapper
=====================================================*/
header .inner{
	position: relative;
	box-sizing: border-box;
	width:100%;
	margin:60px 0 0 0;
}
header h1{
	float: left;
	font-family: 'Montserrat', sans-serif;
	font-size: 1.5em;
	font-weight: 700;
}
header p{
	position:absolute;
	left:230px;
	top:8px;
	font-family: 'Montserrat', sans-serif;
	font-size: 0.8em;
}

header .headerPC{
	float: right;
	position:absolute;
	right:0;
	top:-10px;
}
header .headerPC ul{
	list-style: none;
}
	
header .headerPC li{
	float: left;
	margin-left:30px;
	font-family: 'Montserrat', sans-serif;
	font-size: 0.9em;
	font-weight: 600;
	color: #000;
}

header .headerPC li span{
	border-bottom:1px solid #000;
	color: #000;
}
	
header .headerPC li a:link, 
header .headerPC li a:visited, 
header .headerPC li a:hover, 
header .headerPC li a:active {
	color: #000;
}

header .headerPC li a:hover{
	text-decoration: none;
	border-bottom:1px solid #000;	
}
	


}


/*=====================================================
	ウィンドウ幅が最大767pxまでの場合に適用
=====================================================*/
@media screen and (max-width: 767px) {
header .inner{
	position: relative;
	box-sizing: border-box;
	width:100%;
	margin:30px 0 0 0;
}
header h1{
	font-family: 'Montserrat', sans-serif;
	font-size: 5vw;
	font-weight: 700;
	margin:0;
}
header p{
	font-size: 2.5vw;
	clear:left;
}
	
.pc-hidden {
display: block !important;
}
.sp-hidden {
display: none !important;
}

}




/*=====================================================
	追加CSS
=====================================================*/
 
#footer {
	text-align: center;
	margin:50px 0;
}

#footer p{
	font-family: 'Montserrat', sans-serif;
	font-size: 0.7em;
}

.row img {
	transition: opacity 2s;
	opacity: 0;
}

.row img.lazyloaded {
	opacity: 1;
}

.drawer-toggle:focus {
	outline: none;
}

.drawer-menu .navi_item {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: 600;
	padding: 40px 30px 10px;
	display: block;
	color: #000;
}

/* .headerSP {
	display: none;
}

@media screen and (max-width: 767px) {
	.headerSP {
		display: block;
	}
} */

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}