@charset "UTF-8";
.cf:before, .cf:after {
	content: " ";
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
 *zoom: 1;
}


/*ここから見える*/
/*===================================*/
body {
	background:#cccccc;
	font-family: 'Helvetica Neue', 'Helvetica', "a-otf-midashi-go-mb31-pr6n", 'Hiragino Kaku Gothic Pro';
	color:#000;
	line-height: 1.8;
	max-width:100%;
	position: relative;
	font-feature-settings : "palt";
}
a {
text-decoration: none;
color:inherit;
}
#logo img{
	width:100%;
	height:100%;
		margin: 0;
	padding: 0;
	vertical-align: bottom;
}

/*
#logo{
	margin-top:4.685%;
	margin-left:4.685%;
	margin-right:2.3228125%;
	width:92.98711875%;
	height:auto;
}*/
#logo{
	margin-top:-webkit-calc(4.685% + 10px);
	margin-top:-calc(4.685% + 10px);
	margin-left:-webkit-calc(4.685% + 10px);
	margin-left:-calc(4.685% + 10px);
	margin-right:-webkit-calc(2.3228125% + 10px);
	margin-right:-calc(2.3228125% + 10px);
	width:-webkit-calc(92.98711875% - 20px);
	width:-calc(92.98711875% - 20px);
	height:auto;
}
.content{
	margin-left:-webkit-calc(4.685% + 10px);
	margin-left:-calc(4.685% + 10px);
	margin-right:-webkit-calc(4.685% + 10px);
	margin-right:-calc(4.685% + 10px);
}
#company{
	margin-top:8.5%;
    font-weight:600;
   font-size:5.5vw;
   letter-spacing:0.03em}
address{
	margin-top:2.7%;
	font-size:5.2vw;
	line-height:1.5;
	font-weight:500;
	letter-spacing:0.04em}
.fontsize{
	font-size:89%;
}

.sp #st_add{
	margin-top:5vw;
	line-height:1.3;}
#st_add_en{
	margin-top:2vw;
}


.pc{display:none;}
.google_link{
	width:33%;
	margin-top:5.625%;
}

.bros_map{
	margin-top:6vw;
	width:100%;
	height:100%;
	padding: 0;
	vertical-align: bottom;
}

#ikg_link{
	width:29.21875%;
	margin-top:9%;
}
footer{
	margin-top:3.75%;
	font-size:3.125vw;
}

.slider {
	position: relative;
  padding: 30px 0 0;
}

.txt-wrp {
  position: absolute;
	left: 50%;
  z-index: 100;
	width: 90%;
	margin-left: -45%;

}

.txt-wrp p {
	width: 40%;
	margin-top: 80px;
	filter: drop-shadow(0px 0px 8px rgba(0,0,0,0.6));
}

.btn_frame {
	width: 260px;
	margin-top: 80px;
	margin-bottom: 60px;
	margin-left: 60%;
	position: absolute;
	z-index: 101;
}

.btn_interview {
	width: 260px;
	margin-top: 150px;
	margin-bottom: 60px;
	margin-left: 60%;
	position: absolute;
	z-index: 101;
}

.btn_website {
	width: 260px;
	margin-top: 220px;
	margin-bottom: 60px;
	margin-left: 60%;
	position: absolute;
	z-index: 101;
}

.fade li img {
  width: 100%;
}

@media only screen and (min-width: 768px) {
#logo{
	margin-top:4.685%;
	margin-left:11.666%;
	margin-right:9.668%;
	width:78.666%;
	height:auto;
}
.content{
	margin-left:11.666%;
	margin-right:11.666%;
}
#company{
	margin-top:7vw;
    font-weight:600;
   font-size:2.5vw}

footer{
	margin-top:8%;
	font-size:12px;
}
.sp{display: none;}
.pc{display:inline-block;}
address{
	margin-top:1.666666%;
	font-size:1.62916666vw;
	line-height:1.3;
	font-weight:500;
	letter-spacing:0.04em}
#st_add{
	line-height:1.3;}

#st_add_ja{
	float:left;
	width:22vw;
}

#st_add_en{
	margin-top:0;
	float:left;
	width:25vw;
}

.st_add_fl{
	display:block;
	float:left;
}
#ele_add{
	width:22.7vw;
	float:right;
	position: absolute;
	margin-left: 650px;
}
_::content, _:future, #ele_add:not(*:root) {
  width:22.2vw;
  float:right;
}

.google_link{
	width:12.916666666667vw;
	margin-top:5.625%;
}

.bros_map{
	margin-top:1.666666%;
}
#ikg_link{
	width:12.916666666667vw;
	margin-top:2.5%;
}
footer{
	margin-top:2.5%;
	font-size:12px;
}

.slider {
  padding: 70px 0 0;
}

.btn_interview_2 {
	display: none;
}

}
@media screen and (min-width: 1200px) {
#logo{
	margin-top:60px;
	width:943.977px;
	margin-left:calc((100% - 920px) / 2) ;
	height:auto;
}

#logo img {
	width:943.977px;
	height:auto;
	padding:0;
	vertical-align: bottom;
}
.content{
	margin-left:calc((100% - 920px) / 2) ;
	margin-right:calc((100% - 920px) / 2) ;
}
#company{
	margin-top:75px;
    font-weight:600;
   font-size:30px}

address{
	margin-top:20px;
	font-size:19.55px;
	line-height:1.2;
	font-weight:500;
	letter-spacing:0.04em;}
.fontsize{
	font-size:17px;
}

#st_add {
    margin-top: 0;
}
#st_add_ja{
	width:260px;
}
#st_add_en{
	margin-top:0;
	float:left;
	width:270px;
}

#ele_add{
	width:271.6px;
	float:right;
}
_::content, _:future, #ele_add:not(*:root) {
  width:265.07px;
  float:right;
}

.google_link{
	width:155px;
	margin-top:50px;
}
.bros_map{
	margin-top:20px;
	width:100%;
	height:100%;
	padding: 0;
	vertical-align: bottom;
}
#ikg_link{
	width:155px;
	margin-top:30px;
}
footer{
	margin-top:25px;
	font-size:12px;
}

.txt-wrp {
	width: 920px;
	margin-left: -460px;
}

}

@media screen and (max-width: 640px){

.txt-wrp p {
	width: 70%;
	margin-top: 10%;
	margin-left: 8px;
	filter: drop-shadow(0px 0px 8px rgba(0,0,0,0.6));
}

.btn_website {
	width: 70%;
	margin-left: 1.5em;
	position: absolute;
  	bottom: -30px;
	z-index: 101;
}

.btn_interview {
	display: none;
}

.btn_interview_2 {
	width: 70%;
	margin-left: 1.5em;
	position: absolute;
  	bottom: 90px;
}

.btn_frame {
	width: 70%;
	margin-left: 1.5em;
	position: absolute;
  	bottom: 90px;
	z-index: 101;
}



}

@media (orientation: landscape) and (max-width: 767px){
 
.btn_interview {
	display: none;
}

.btn_interview_2 {
	width: 40%;
	margin-left: 2.7em;
	position: absolute;
  	bottom: 30px;
}
 
}