@charset "UTF-8";
@import 'https://fonts.googleapis.com/css?family=Comfortaa:300,400,700&subset=cyrillic,cyrillic-ext,latin-ext';
/*全体のフォント*/
html{
  font-size: 100%;

}
/**/
body{
  font-family:"Yu Gothic Medim",YuGothic,"游ゴシック体",sans-serif;
  line-height: 1.7;
    background:linear-gradient(#9fca99,#e1eec1);
}
.main-nav{
  display: flex;
  font-size: 1.25rem;
  text-transform: uppercase;
  margin-top:34px;
  list-style:none;
}
.main-nav li{
  margin-left: 36px;
}
.main-nav a{
  color; #432;
}
.main-nav a:hover{
  color: #0bd;
}
.page-header{
  display:flex;
  justify-content: space-between;
}
.wrapper{
  max-width:1100px;
  margin:  auto;

}

/*見出し*/
.page-title{
  font-size:5rem;
  font-family: 'Philosopher',serif;
  text-transform: uppercase;
  font-weight: normal;
  text-align: center;
  margin-top;10%;
}
.big-bg{
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}
#home{

  background-image: url(images/DSC_0027.JPG);
  background-blend-mode:hard-light;
  min-height:100vh;
}
#home .page-title{
  text-transform: none;
  margin-top:30px;
}
.rekisi{
  color:#fff000;
  font-size:130%;
  line-height:2;
  margin-top:150px;
}
button {color:#eb1777;;background:transparent;border-width:2px;border-style: solid;border-color:#eb1777;position:relative;margin:1em;display:inline-block;padding:0.5em 1em;transition:all 0.3s ease-in-out;text-align:center;
font-family:Comfortaa;font-weight:bold}
button:before, button:after {content:'';display:block;position:absolute;border-color:#eb1777;box-sizing:border-box;border-style:solid;width:1em;height:1em;transition:all 0.3s ease-in-out}
button:before {top:-6px;left:-6px;border-width:2px 0 0 2px;z-index:5;}
button:after {bottom:-6px;right:-6px;border-width:0 2px 2px 0;}
button:hover:before, button:hover:after {width:calc(100% + 12px);
  height:calc(100% + 12px);border-color:#eb1777;}
button:hover {color:#fff;background-color:#eb1777;border-color:#eb1777;}
.panel {max-width:960px;text-align:center;position:relative;margin:auto;}
b
/*------------------------------------------------------------------
仕事内容*/
#work{
  background-image: url(images/job-top.JPG);
  background-repeat: no-repeat;
}
.grid{
  margin-top: 6%;
  margin-bottom:50px;
}
.job{
  line-height:2;
}
#pagetop{
  font-size:150%;
}
/*-------------------------------------------------------------------
求人*/


.offer_contents{
  font-size: 150%;
}
.emphasis{
  color: #ed1c24;
}
.offer_btn{
  margin-left:120px;
}
/*----------------------------------------------------------------
問い合わせ*/
#contact{
  background-image: url(images/one.gif);
  background-repeat: no-repeat;
  background-size:30%;
  background-position:0px 80px;
  font-size:120%;
}

.contact_contents{
  text-align: center;
  }
.contact_image{
  width: 30%;
  margin-left:400px;

}
/*-----------------------------------------------------------------
フッター*/
footer{
    background: #00a096;
    text-align:center;
    padding: 10px;
}
footer p{
  color: #fff;
  font-size: 0.875rem;
}
/*モバイル用*/
@media(max-width:414px){
  .menu-content{
    margin-top:20%;
  }

.rekisi{
  margin-top: 300px;
  font-size:130%;
  color:#000;
}
}