/* CSS Document */
body{
	background:#ffffff;
	}
body {
  -webkit-text-size-adjust: 100%;
}
#wrapper{
	width:100%;
	padding:0;
	margin:0 auto;
	}

/* navi
---------------------------------------------------------*/
#navi{
	margin-top:30px;
	}
#top #navi{
	}
#navi h1{
	float:left;
	margin-bottom:3em;
	display:none;
	}
#navi ul{
    display: flex;
	justify-content: space-around;
	}
#navi li{
    color: #000;
    float: left;
	margin-right: 1%;
    margin-top: 0px;
	height:20px !important;
	}
#navi .dot{
	margin-top:5px;
	}
#navi li.bn{
    margin-right: 0 !important;
    position: absolute;
    right: 0;
    top: -5px;
	}
#navi li.bn a{
	display:inline-block;
	height:0px;
	}
#navi li.bn a img{
	max-width:100%;
	height:100%;
	}
#top #navi{
	padding-bottom:0em;
	}
#top #navi li{
	}
#navi .sns{
	width:100%;
	height:70px;
	position:relative;
	display: flex;
	z-index: 100;
}
#navi .sns .instagram1{
	position:absolute;
	top:10px;
	left:58%;
}
#navi .sns .instagram2{
	position:absolute;
	top:10px;
	left:74%;
}
#navi .sns .instagram3{
	position:absolute;
	top:10px;
	left:88%;
}
#top #navi .sns{
	position:relative;
	height:50px;
}
#top #navi .sns .instagram1{
	position:absolute;
	top:-10px;
	left:55%;
}
#top #navi .sns .instagram2{
	position:absolute;
	top:-10px;
	left:72%;
}
#top #navi .sns .instagram3{
	position:absolute;
	top:-10px;
	left:88%;
}

#btn-menu{
    color: #fcb0f1;
    font-family: "nordbold";
    font-size: 270%;
	display:none;
	}	
	
/* content
---------------------------------------------------------*/

#content{
	clear:both;
	padding-bottom:1em;
	position:relative;
	min-height:400px;
	}
#content h1{
    font-family: 'nordbold';
    font-size: 530%;
    left: 150px;
    position: absolute;
    top: -105px;
	}

#top #content h1{
    position:static;
	top:inherit;
	left:inherit;
	margin:0 auto;
	text-align:center;
	}
	
#top .sns{
    margin: 20px auto 0;
    text-align: center;
    position: relative;
	}	
#top .sns li{
    display: inline-block;
	}
#top .sns li a:hover{
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .75; /* FF lt 1.5, Netscape */
	}
#top .sns li img{
    height: 100% !important;
    width: auto;
	}
/*#top .sns #left{
    bottom: -15px;
    position: absolute;
    left: -10px;

	}
#top .sns #right{
    bottom: -15px;
    position: absolute;
    right: -15px;

	}*/
#top .footer_button ul{
    display: flex;

	}
#top #btn-company{
    position: absolute;
	right: 2%;
    bottom: -45px;

	}
#top #btn-recruit{
    position: absolute;
	left: 2%;
    bottom: -45px;
	}
/* footer
---------------------------------------------------------*/

#footer{
	clear:both;
	}
#footer #copy{
	text-align:center;
	font-size:80%;	
	letter-spacing: 0.1em;
	font-family: 'FuturaStdMedium';
	display: flex;
	justify-content: center;
	}
#footer #copy .logo_footer{
	width: 35%;
	/*width: 50%;*/
	padding: 0 0.8em;
	}

.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
 
.clearfix:after {
clear: both;
}
 
.clearfix {
*zoom: 1;
}



#slide {
width:100%;
height:auto;
margin:0 auto;
position:relative;
}
#slide img {
position:absolute;
width:100%;
left:0;
top:0;
}

/* Media Query
---------------------------------------------------------*/

@media screen and (min-width: 769px) {
#wrapper{
	width:860px;
	padding:20px 60px;
	margin:0 auto;
	}
#navi .dot{
	margin-top:3px;
	}
#navi{
	padding: 0 9%;
	}
#navi li{
	margin-right: 14px;
	}
#navi .nav01 img{
	width:44px !important;
	}
#navi .nav02 img{
	width:120px !important;
	}
#navi .nav03 img{
	width:135px !important;
	}
#navi .nav04 img{
	width:112px !important;
	}
#navi .nav05 img{
	width:48px !important;
	}
#navi .nav06 img{
	width:110px !important;
	}
#navi .sns{
	width:860px;
}
#navi .sns .instagram1{
	left:445px;
}
#navi .sns .instagram2{
	left:565px;
}
#navi .sns .instagram3{
	left:670px;
}
#top #navi{
	padding: 0 9%;
	}
#top #navi li{
	}
#top #navi .nav01 img{
	width:44px !important;
	}
#top #navi .nav02 img{
	width:120px !important;
	}
#top #navi .nav03 img{
	width:135px !important;
	}
#top #navi .nav04 img{
	width:112px !important;
	}
#top #navi .nav05 img{
	width:48px !important;
	}
#top #navi .nav06 img{
	width:110px !important;
	}
#top #navi .sns{
	width:860px;
}
#top #navi .sns .instagram1{
	left:390px;
}
#top #navi .sns .instagram2{
	left:510px;
}
#top #navi .sns .instagram3{
	left:620px;
}
#top #btn-company{
	right: 2%;
    bottom: -45px;

	}
#top #btn-recruit{
	left: 2%;
    bottom: -45px;
	}
#top #btn-company img{
	width: 100px;
	}
#top #btn-recruit img{
	width: 100px;
	}
#slide {
	width:700px;
	height:622px;
}
#footer #copy{
	margin-top: 25px
	}
#footer #copy .logo_footer{
	width: 21% !important;
	/*width: 30% !important;*/
	}
} 

@media screen and (max-width: 768px) {
img{
	max-width:100% !important;
	height:auto !important;
	}
.entry-content{
	padding: 0 2%;
	}
#navi{
	padding: 0 1%;
	}
#top #navi{
	padding: 0 1%;
	}
#navi .img{
	width:100%;
	}
#slide li {
	width:100% !important;
}
.footer_button li{
	width: 50%;
	}
#top #btn-company{
    bottom: -15px;
	text-align: right;

	}
#top #btn-recruit{
    bottom: -15px;
	text-align: left;
	}
#top #btn-company img{
	width: 30%;
	}
#top #btn-recruit img{
	width: 30%;
	}
}