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

@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700,500);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);
@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,500,700,800);
@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400);
@font-face {
  font-family: 'koz';
  src: url(../fonts/KozGoPro-Regular.ttf);
}
/* line 10, ../src/html/sass/style.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-smoothing: antialiased;
  text-rendering: auto;
}

/* line 21, ../src/html/sass/style.scss */
body {
  font-family: "游ゴシック", "YuGothic","Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  color: #222;
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 1.8;
  letter-spacing: 1px;
  min-width: 1080px;
}

/* line 32, ../src/html/sass/style.scss */
img {
  display: block;
  width: 100%;
  height: auto;
}

/* line 38, ../src/html/sass/style.scss */
a img {
  border: none;
  height: auto;
}

/* line 43, ../src/html/sass/style.scss */
section {
  position: relative;
  min-width: 1080px;
}

/* line 48, ../src/html/sass/style.scss */
.pc {
  display: block;
}

/* line 51, ../src/html/sass/style.scss */
.sp {
  display: none;
}

/* line 55, ../src/html/sass/style.scss */
::-webkit-input-placeholder {
  color: #aaa;
}

/* line 58, ../src/html/sass/style.scss */
::-moz-placeholder {
  color: #aaa;
}

/* line 61, ../src/html/sass/style.scss */
:-ms-input-placeholder {
  color: #aaa;
}

/* line 64, ../src/html/sass/style.scss */
:-o-input-placeholder {
  color: #aaa;
}

/* line 68, ../src/html/sass/style.scss */
input[type=checkbox] {
  display: none;
}

/* line 73, ../src/html/sass/style.scss */
input[type=radio], input[type=checkbox] {
  display: none;
  margin: 0;
}
/* line 77, ../src/html/sass/style.scss */
input[type=radio] + label, input[type=checkbox] + label {
  padding: 0 0 0 24px;
  position: relative;
  display: inline-block;
  cursor: pointer;
}
/* line 83, ../src/html/sass/style.scss */
input[type=radio] + label::before, input[type=checkbox] + label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  background: #FFF;
}
/* line 96, ../src/html/sass/style.scss */
input[type=radio] + label::before {
  border: 2px solid #ccc;
  border-radius: 30px;
}
/* line 100, ../src/html/sass/style.scss */
input[type=checkbox] + label::before {
  border: 2px solid #ccc;
}
/* line 103, ../src/html/sass/style.scss */
input[type=radio]:checked + label::after, input[type=checkbox]:checked + label::after {
  content: "";
  position: absolute;
  top: 50%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
}
/* line 111, ../src/html/sass/style.scss */
input[type=radio]:checked + label::after {
  left: 5px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  background: #222;
  border-radius: 8px;
}
/* line 119, ../src/html/sass/style.scss */
input[type=checkbox]:checked + label::after {
  left: 3px;
  width: 16px;
  height: 8px;
  margin-top: -8px;
  border-left: 3px solid #222;
  border-bottom: 3px solid #222;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* line 131, ../src/html/sass/style.scss */
.roboto {
  font-family: 'Raleway', sans-serif;
}

/* line 135, ../src/html/sass/style.scss */
.clearfix:after {
  content: ' ';
  display: block;
  clear: both;
}

/* line 141, ../src/html/sass/style.scss */
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

/* line 149, ../src/html/sass/style.scss */
.container {
  position: relative;
  width: 980px;
  margin: 0 auto;
  display: block;
}
/* line 154, ../src/html/sass/style.scss */
.container:after {
  content: ' ';
  display: block;
  clear: both;
}
/* line 159, ../src/html/sass/style.scss */
.container.sp {
  display: none;
}
/* line 162, ../src/html/sass/style.scss */
.container.pc {
  display: block;
}

/* line 166, ../src/html/sass/style.scss */
.comming {
  font-family: 'Raleway', sans-serif;
  color: #888;
  font-size: 38px;
  font-weight: bold;
  text-align: center;
}

/* line 173, ../src/html/sass/style.scss */
.bg_white {
  background: #fff;
}

/* line 177, ../src/html/sass/style.scss */
.wp-pagenavi {
  text-align: center;
  margin: 1rem 0;
}

/* line 181, ../src/html/sass/style.scss */
.wp-pagenavi a,
.wp-pagenavi span {
  border: 1px solid #111 !important;
  padding: 7px 10px !important;
  margin: 5px !important;
}
/* line 186, ../src/html/sass/style.scss */
.wp-pagenavi a.current,
.wp-pagenavi span.current {
  color: #fff;
  background: #111;
}

/* line 191, ../src/html/sass/style.scss */
.wp-pagenavi a {
  color: #888;
}

/* line 196, ../src/html/sass/style.scss */
.customize-support #mainMenu {
  top: 32px !important;
}

/* line 201, ../src/html/sass/style.scss */
.viewmore {
  font-family: 'Montserrat', sans-serif;
  font-weight: lighter;
}

/* line 206, ../src/html/sass/style.scss */
#loading_page {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 100;
}
/* line 214, ../src/html/sass/style.scss */
#loading_page .loader {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.8);
  transform: translate(-50%, -50%) scale(0.8);
}
/* line 220, ../src/html/sass/style.scss */
#loading_page .loader svg path,
#loading_page .loader svg rect {
  fill: rgba(0, 0, 0, 0.6);
}

/* line 227, ../src/html/sass/style.scss */
#background {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  z-index: -99;
}
/* line 234, ../src/html/sass/style.scss */
#background video {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: -100;
}

/* line 243, ../src/html/sass/style.scss */
#contents {
  width: 100%;
  height: auto;
  margin: 0 auto;
  z-index: 0;
}
/* line 248, ../src/html/sass/style.scss */
#contents .sub_ttl {
  font-family: 'Raleway', sans-serif;
  display: block;
  position: relative;
  text-align: center;
  margin-bottom: 30px;
}
/* line 254, ../src/html/sass/style.scss */
#contents .sub_ttl.roboto {
  font-family: 'Roboto Condensed';
  padding-top: 1rem;
}
/* line 257, ../src/html/sass/style.scss */
#contents .sub_ttl.roboto span {
  font-size: 32px;
  letter-spacing: 2px;
}
/* line 264, ../src/html/sass/style.scss */
#contents .sub_ttl span {
  display: inline-block;
  padding: 1rem 2rem 0.5rem;
  font-size: 27px;
  font-weight: 500;
  letter-spacing: 3px;
}
/* line 272, ../src/html/sass/style.scss */
#contents .sub_ttl img {
  height: 50px;
  width: auto;
  margin: 50px 0 10px;
}
/* line 279, ../src/html/sass/style.scss */
#contents .sub_ttl.mine_logo span img {
  height: 30px;
}
/* line 281, ../src/html/sass/style.scss */
#contents .sub_ttl.mine_logo span img.pc {
  display: block;
}
/* line 284, ../src/html/sass/style.scss */
#contents .sub_ttl.mine_logo span img.sp {
  display: none;
}
/* line 290, ../src/html/sass/style.scss */
#contents .sub_ttl.interview_magFix {
  margin-top: 0rem;
  margin-bottom: 0;
}

/* line 297, ../src/html/sass/style.scss */
#main-contents {
  margin: 0 auto 7rem;
  min-height: 460px;
}
/* line 300, ../src/html/sass/style.scss */
#main-contents.margin0 {
  margin: 0 auto;
}

/* line 305, ../src/html/sass/style.scss */
.viewTrans {
  display: block;
  text-align: center;
  text-decoration: none;
  position: relative;
  z-index: 5;
  overflow: hidden;
  border: 1px solid #111;
  border-radius: 50px;
  font-size: 15px;
  font-weight: lighter;
  letter-spacing: 4px;
  color: #fff;
  background: #111;
  -webkit-transition: all .3s;
  transition: all .3s;
}
/* line 322, ../src/html/sass/style.scss */
.viewTrans span {
  position: relative;
  z-index: 9;
}
/* line 326, ../src/html/sass/style.scss */
.viewTrans.white {
  border: 1px solid #fff;
  color: #111;
  background: #fff;
}
/* line 330, ../src/html/sass/style.scss */
.viewTrans.white:hover {
  color: #fff;
}
/* line 332, ../src/html/sass/style.scss */
.viewTrans.white:hover:after {
  background: #111;
}
/* line 336, ../src/html/sass/style.scss */
.viewTrans.white.border {
  background: #111;
  border: 1px solid #fff;
  color: #fff;
}
/* line 340, ../src/html/sass/style.scss */
.viewTrans.white.border:hover {
  color: #111;
}
/* line 342, ../src/html/sass/style.scss */
.viewTrans.white.border:hover:after {
  background: #fff;
}
/* line 348, ../src/html/sass/style.scss */
.viewTrans.border {
  background: #fff;
  border: 1px solid #111;
  color: #111;
}
/* line 352, ../src/html/sass/style.scss */
.viewTrans.border:hover {
  color: #fff;
}
/* line 354, ../src/html/sass/style.scss */
.viewTrans.border:hover:after {
  background: #111;
}
/* line 359, ../src/html/sass/style.scss */
.viewTrans:hover {
  color: #111;
}
/* line 361, ../src/html/sass/style.scss */
.viewTrans:hover:after {
  -webkit-transform: scale(1.2) rotate(180deg);
  transform: scale(1.2) rotate(180deg);
  background: #fff;
}
/* line 367, ../src/html/sass/style.scss */
.viewTrans::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
/* line 378, ../src/html/sass/style.scss */
.viewTrans::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 387, ../src/html/sass/style.scss */
.listTrans li {
  position: relative;
}
/* line 389, ../src/html/sass/style.scss */
.listTrans li a {
  display: block;
  cursor: pointer;
}
/* line 392, ../src/html/sass/style.scss */
.listTrans li a * {
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
}
/* line 401, ../src/html/sass/style.scss */
.listTrans li a:hover .thumb img {
  -webkit-filter: blur(7px);
  filter: blur(7px);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
/* line 411, ../src/html/sass/style.scss */
.listTrans li a:hover .ttl {
  bottom: 10%;
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
}
/* line 417, ../src/html/sass/style.scss */
.listTrans li a:hover hr {
  bottom: 3%;
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
}
/* line 423, ../src/html/sass/style.scss */
.listTrans li a:hover .overlay {
  opacity: 1;
}
/* line 427, ../src/html/sass/style.scss */
.listTrans li a .thumb {
  position: relative;
  overflow: hidden;
}
/* line 430, ../src/html/sass/style.scss */
.listTrans li a .thumb img {
  width: 100%;
}
/* line 434, ../src/html/sass/style.scss */
.listTrans li a .ttl {
  position: absolute;
  bottom: 15%;
  opacity: 0;
  color: #fff;
  text-align: left;
  font-size: 14px;
  margin: 0 1rem;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  z-index: 6;
  -moz-transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -ms-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-filter: blur(7px);
  filter: blur(7px);
}
/* line 456, ../src/html/sass/style.scss */
.listTrans li a hr {
  position: absolute;
  left: 50%;
  margin-left: -47%;
  bottom: 32%;
  display: block;
  width: 94%;
  height: 2px;
  background: #fff;
  color: #fff;
  border: none;
  z-index: 6;
  opacity: 0;
}
/* line 475, ../src/html/sass/style.scss */
.listTrans li a .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  opacity: 0;
  background: rgba(0, 0, 0, 0.1);
}
/* line 484, ../src/html/sass/style.scss */
.listTrans li a .overlay:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("../images/dotted-cover.png") repeat;
}

/* line 498, ../src/html/sass/style.scss */
.table dl {
  display: table;
  table-layout: fixed;
  width: 100%;
}
/* line 502, ../src/html/sass/style.scss */
.table dl dt {
  display: table-cell;
  width: 20%;
}
/* line 506, ../src/html/sass/style.scss */
.table dl dd {
  display: table-cell;
  width: 40%;
}

/* line 513, ../src/html/sass/style.scss */
.exp-area {
  position: relative;
  margin: 5px 0;
  padding: 70px 30px 70px;
  overflow: hidden;
}
/* line 518, ../src/html/sass/style.scss */
.exp-area .bg_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}
/* line 525, ../src/html/sass/style.scss */
.exp-area .manage {
  font-size: 14px;
}
/* line 528, ../src/html/sass/style.scss */
.exp-area h3 {
  font-weight: bold;
  font-size: 26px;
}
/* line 531, ../src/html/sass/style.scss */
.exp-area h3 span {
  font-size: 14px;
  line-height: 0.8rem;
  vertical-align: text-bottom;
  margin-left: 1rem;
  font-weight: lighter;
}
/* line 539, ../src/html/sass/style.scss */
.exp-area .txt {
  font-size: 13px;
  margin-top: 1rem;
}

/* line 546, ../src/html/sass/style.scss */
.message-content .ttl {
  font-size: 24px;
  font-weight: bold;
  color: #111;
}
/* line 552, ../src/html/sass/style.scss */
.message-content .txt {
  margin: 10px 0 35px;
}
/* line 555, ../src/html/sass/style.scss */
.message-content img {
  display: inline-block;
  margin-bottom: 35px;
}
/* line 559, ../src/html/sass/style.scss */
.message-content .message_content_thumb {
  margin-bottom: 35px;
}
/* line 561, ../src/html/sass/style.scss */
.message-content .message_content_thumb img {
  margin-bottom: 0;
}

/* line 568, ../src/html/sass/style.scss */
#main {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
}
/* line 573, ../src/html/sass/style.scss */
#main #scr {
  width: 4%;
  height: auto;
  margin: 0 auto 5rem;
  text-align: center;
  display: block;
  cursor: pointer;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
/* line 585, ../src/html/sass/style.scss */
#main #scr:hover {
  opacity: 0.6;
}
/* line 588, ../src/html/sass/style.scss */
#main #scr img {
  height: auto;
  margin: 0 auto 80px auto;
}

/* line 595, ../src/html/sass/style.scss */
#sp_sub_contents {
  display: none;
}

/* line 598, ../src/html/sass/style.scss */
#sub_contents,
#sp_sub_contents {
  background: #000;
}
/* line 601, ../src/html/sass/style.scss */
#sub_contents.white,
#sp_sub_contents.white {
  background: none;
}
/* line 611, ../src/html/sass/style.scss */
#sub_contents.white ul li a,
#sp_sub_contents.white ul li a {
  color: #000;
}
/* line 613, ../src/html/sass/style.scss */
#sub_contents.white ul li a:hover,
#sp_sub_contents.white ul li a:hover {
  color: #aaa;
}
/* line 615, ../src/html/sass/style.scss */
#sub_contents.white ul li a:hover:after,
#sp_sub_contents.white ul li a:hover:after {
  color: #000;
}
/* line 623, ../src/html/sass/style.scss */
#sub_contents ul,
#sp_sub_contents ul {
  text-align: center;
  margin: 0;
}
/* line 626, ../src/html/sass/style.scss */
#sub_contents ul li,
#sp_sub_contents ul li {
  display: inline-block;
}
/* line 630, ../src/html/sass/style.scss */
#sub_contents ul li:last-child a:after,
#sp_sub_contents ul li:last-child a:after {
  display: none;
}
/* line 635, ../src/html/sass/style.scss */
#sub_contents ul li a,
#sp_sub_contents ul li a {
  position: relative;
  color: #fff;
  text-decoration: none;
  padding: 3px 10px;
  margin: 3px 15px;
  font-size: 13px;
  display: block;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
/* line 648, ../src/html/sass/style.scss */
#sub_contents ul li a:after,
#sp_sub_contents ul li a:after {
  content: '|';
  display: block;
  position: absolute;
  right: -1rem;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  font-weight: lighter;
}
/* line 658, ../src/html/sass/style.scss */
#sub_contents ul li a:hover,
#sp_sub_contents ul li a:hover {
  color: #aaa;
}
/* line 660, ../src/html/sass/style.scss */
#sub_contents ul li a:hover:after,
#sp_sub_contents ul li a:hover:after {
  color: #fff;
}

@keyframes logoAnima {
  0% {
    transform: scale(1);
  }
  35% {
    transform: scale(0.9);
  }
  70% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes logoAnima {
  0% {
    transform: scale(1);
  }
  35% {
    transform: scale(0.9);
  }
  70% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
/* line 699, ../src/html/sass/style.scss */
#breadcrumb {
  margin: 10px 0 40px;
}
/* line 701, ../src/html/sass/style.scss */
#breadcrumb a {
  color: #000;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}

/* line 709, ../src/html/sass/style.scss */
#mainMenu {
  position: fixed;
  top: 0;
  width: 100%;
  margin: 0 auto;
  text-decoration: none;
  text-align: center;
  z-index: 99;
  background: rgba(255, 255, 255, 0.9);
  border-bottom: solid 1px #ccc;
}
/* line 719, ../src/html/sass/style.scss */
#mainMenu * {
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
/* line 726, ../src/html/sass/style.scss */
#mainMenu.top {
  background: none;
  border-bottom: none;
}
/* line 729, ../src/html/sass/style.scss */
#mainMenu.top #logo {
  position: relative;
  display: block;
  left: initial;
  margin: 30px auto 0;
}
/* line 735, ../src/html/sass/style.scss */
#mainMenu.top .wh {
  display: none;
}
/* line 738, ../src/html/sass/style.scss */
#mainMenu.top .bl {
  display: none;
}
/* line 743, ../src/html/sass/style.scss */
#mainMenu.top nav li a {
  color: #fff;
}
/* line 745, ../src/html/sass/style.scss */
#mainMenu.top nav li a:after {
  background: #fff;
}
/* line 752, ../src/html/sass/style.scss */
#mainMenu.recruit_head {
  background: none;
  border-bottom: 0;
}
/* line 755, ../src/html/sass/style.scss */
#mainMenu.recruit_head .wh {
  display: block;
}
/* line 758, ../src/html/sass/style.scss */
#mainMenu.recruit_head .bl {
  display: none;
}
/* line 763, ../src/html/sass/style.scss */
#mainMenu.recruit_head nav li a {
  color: #fff;
}
/* line 765, ../src/html/sass/style.scss */
#mainMenu.recruit_head nav li a:after {
  background: #fff;
}
/* line 772, ../src/html/sass/style.scss */
#mainMenu .wh {
  display: none;
}
/* line 775, ../src/html/sass/style.scss */
#mainMenu .bl {
  display: block;
}
/* line 778, ../src/html/sass/style.scss */
#mainMenu #logo {
  position: absolute;
  left: 0;
  width: 10%;
  margin: 9px auto 0;
  display: inline-block;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
/* line 789, ../src/html/sass/style.scss */
#mainMenu #logo:hover {
  opacity: 0.6;
}
/* line 795, ../src/html/sass/style.scss */
#mainMenu nav {
  display: inline-block;
}
/* line 797, ../src/html/sass/style.scss */
#mainMenu nav li {
  float: left;
}
/* line 800, ../src/html/sass/style.scss */
#mainMenu nav li.active a {
  color: #000;
}
/* line 802, ../src/html/sass/style.scss */
#mainMenu nav li.active a:after {
  background: #000;
}
/* line 807, ../src/html/sass/style.scss */
#mainMenu nav li a {
  position: relative;
  display: block;
  margin: 10px 10px 5px;
  padding: 7px 10px;
  font-size: 13px;
  text-decoration: none;
  font-weight: bold;
  color: #000;
}
/* line 816, ../src/html/sass/style.scss */
#mainMenu nav li a:after {
  content: ' ';
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -50%;
  display: block;
  height: 2px;
  width: 0%;
  background: #000;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
/* line 833, ../src/html/sass/style.scss */
#mainMenu nav li a:hover:after {
  width: 100%;
}

/* line 846, ../src/html/sass/style.scss */
#top #bg,
#top_hasVideo #bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-width: 900px;
  z-index: -1;
}
/* line 855, ../src/html/sass/style.scss */
#top #bg.overlay_black:before,
#top_hasVideo #bg.overlay_black:before {
  content: ' ';
  display: block;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 6;
}
/* line 867, ../src/html/sass/style.scss */
#top #bg.overlay_black #bg_movie img,
#top_hasVideo #bg.overlay_black #bg_movie img {
  height: 135vh;
}
/* line 873, ../src/html/sass/style.scss */
#top #bg #bg_movie video,
#top_hasVideo #bg #bg_movie video {
  width: 100%;
  min-width: 1080px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 5;
}
/* line 883, ../src/html/sass/style.scss */
#top #bg #bg_movie img,
#top_hasVideo #bg #bg_movie img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  width: auto;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 1;
}
/* line 893, ../src/html/sass/style.scss */
#top #bg #bg_movie *::-webkit-media-controls-panel,
#top_hasVideo #bg #bg_movie *::-webkit-media-controls-panel {
  display: none !important;
  -webkit-appearance: none;
}
/* line 897, ../src/html/sass/style.scss */
#top #bg #bg_movie *::--webkit-media-controls-play-button,
#top_hasVideo #bg #bg_movie *::--webkit-media-controls-play-button {
  display: none !important;
  -webkit-appearance: none;
}
/* line 901, ../src/html/sass/style.scss */
#top #bg #bg_movie *::-webkit-media-controls-start-playback-button,
#top_hasVideo #bg #bg_movie *::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}
/* line 907, ../src/html/sass/style.scss */
#top .top_ttl,
#top_hasVideo .top_ttl {
  text-align: center;
  padding: 50px 0;
  width: 250px;
  margin: 0 auto;
  display: block;
}
/* line 914, ../src/html/sass/style.scss */
#top #main,
#top_hasVideo #main {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  min-height: 45rem;
}
/* line 920, ../src/html/sass/style.scss */
#top #main #copy,
#top_hasVideo #main #copy {
  width: 85%;
  margin: 32% auto 28%;
}
/* line 924, ../src/html/sass/style.scss */
#top #main #scr,
#top_hasVideo #main #scr {
  width: 6%;
  height: auto;
  margin: 0 auto 5rem;
  text-align: center;
  display: block;
  cursor: pointer;
}
/* line 933, ../src/html/sass/style.scss */
#top .works,
#top_hasVideo .works {
  background: #fff;
  padding: 0;
}
/* line 936, ../src/html/sass/style.scss */
#top .works .works_list,
#top_hasVideo .works .works_list {
  text-align: center;
}
/* line 938, ../src/html/sass/style.scss */
#top .works .works_list li,
#top_hasVideo .works .works_list li {
  width: 33.3%;
  margin: 0;
  float: left;
  display: inline-block;
  vertical-align: top;
}
/* line 944, ../src/html/sass/style.scss */
#top .works .works_list li a,
#top_hasVideo .works .works_list li a {
  display: block;
}
/* line 949, ../src/html/sass/style.scss */
#top .works .viewmore,
#top_hasVideo .works .viewmore {
  padding: 40px 0;
  line-height: 40px;
  text-align: center;
  font-size: 23px;
  font-weight: bold;
  display: block;
  text-decoration: none;
  color: #000;
  vertical-align: middle;
  letter-spacing: 3px;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
/* line 965, ../src/html/sass/style.scss */
#top .works .viewmore:hover,
#top_hasVideo .works .viewmore:hover {
  background: #000;
  color: #fff;
  letter-spacing: 7px;
}
/* line 971, ../src/html/sass/style.scss */
#top .works .viewmore i,
#top_hasVideo .works .viewmore i {
  margin-left: 1rem;
  font-size: 26px;
}
/* line 975, ../src/html/sass/style.scss */
#top .works .viewmore img,
#top_hasVideo .works .viewmore img {
  width: 1rem;
  line-height: 2.4rem;
  display: inline-block;
  vertical-align: baseline;
  margin-left: 1rem;
}
/* line 984, ../src/html/sass/style.scss */
#top .instagramjp,
#top_hasVideo .instagramjp {
  background: #fff;
  color: #fff;
  text-align: center;
}
/* line 988, ../src/html/sass/style.scss */
#top .instagramjp h2,
#top_hasVideo .instagramjp h2 {
  font-size: 3rem;
}
/* line 990, ../src/html/sass/style.scss */
#top .instagramjp h2 img,
#top_hasVideo .instagramjp h2 img {
  width: 100%;
  display: block;
}
/* line 995, ../src/html/sass/style.scss */
#top .instagramjp p,
#top_hasVideo .instagramjp p {
  position: absolute;
  top: -10rem;
  display: block;
  width: 100%;
  margin: 1.2rem auto 2rem;
  font-size: 16px;
  line-height: 1.5;
  font-weight: lighter;
}
/* line 1005, ../src/html/sass/style.scss */
#top .instagramjp .overlay,
#top_hasVideo .instagramjp .overlay {
  background: rgba(0, 0, 0, 0.5);
}
/* line 1008, ../src/html/sass/style.scss */
#top .instagramjp .link,
#top_hasVideo .instagramjp .link {
  position: relative;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
/* line 1017, ../src/html/sass/style.scss */
#top .instagramjp .link:hover,
#top_hasVideo .instagramjp .link:hover {
  opacity: 0.8;
}
/* line 1022, ../src/html/sass/style.scss */
#top .main-service,
#top_hasVideo .main-service {
  text-align: center;
  height: 430px;
  overflow: hidden;
}
/* line 1026, ../src/html/sass/style.scss */
#top .main-service.mine,
#top_hasVideo .main-service.mine {
	background-image: url("../images/honey_green_10.jpg");
  /* background: #000; */
  color: #fff;
  height:auto;
}
/* line 1030, ../src/html/sass/style.scss */
#top .main-service.mine h2 img,
#top_hasVideo .main-service.mine h2 img {
  width: auto;
  height: 1.9rem;
}
/* line 1036, ../src/html/sass/style.scss */
#top .main-service.gini,
#top_hasVideo .main-service.gini {
  background: #fff;
}
/* line 1039, ../src/html/sass/style.scss */
#top .main-service.gini h2 img,
#top_hasVideo .main-service.gini h2 img {
  width: auto;
  height: 4rem;
}
/* line 1045, ../src/html/sass/style.scss */
#top .main-service .left,
#top_hasVideo .main-service .left {
  width: 50%;
  float: left;
  display: inline-block;
  vertical-align: top;
}
/* line 1050, ../src/html/sass/style.scss */
#top .main-service .left img,
#top_hasVideo .main-service .left img {
  position: absolute;
  left: 5%;
  bottom: 0%;
  width: 36%;
}
/* line 1057, ../src/html/sass/style.scss */
#top .main-service .right,
#top_hasVideo .main-service .right {
  width: 50%;
  float: right;
  display: inline-block;
  text-align: left;
  vertical-align: top;
  padding-left: 2rem;
}
/* line 1064, ../src/html/sass/style.scss */
#top .main-service .right h2,
#top_hasVideo .main-service .right h2 {
  font-size: 5rem;
  padding: 4rem 0 3rem;
}
/* line 1068, ../src/html/sass/style.scss */
#top .main-service .right .txt,
#top_hasVideo .main-service .right .txt {
  padding-bottom: 2rem;
  line-height: 2;
}
/* line 1072, ../src/html/sass/style.scss */
#top .main-service .right .viewmore,
#top_hasVideo .main-service .right .viewmore {
  width: 46%;
  padding: 0.7rem 0;
  display: inline-block;
}
/* line 1076, ../src/html/sass/style.scss */
#top .main-service .right .viewmore.border,
#top_hasVideo .main-service .right .viewmore.border {
  margin-left: 1rem;
}
/* line 1081, ../src/html/sass/style.scss */
#top .main-service .right .kind,
#top_hasVideo .main-service .right .kind {
  font-weight: lighter;
  padding: 2rem 0 4rem;
}
/* line 1087, ../src/html/sass/style.scss */
#top .eimy,
#top_hasVideo .eimy {
  background: #fff;
}
/* line 1089, ../src/html/sass/style.scss */
#top .eimy a,
#top_hasVideo .eimy a {
  display: block;
}
/* line 1091, ../src/html/sass/style.scss */
#top .eimy a img,
#top_hasVideo .eimy a img {
  width: 100%;
  display: block;
}
/* line 1097, ../src/html/sass/style.scss */
#top .company,
#top_hasVideo .company {
  width: 100%;
  text-align: center;
}
/* line 1100, ../src/html/sass/style.scss */
#top .company .bg_white,
#top_hasVideo .company .bg_white {
  background: #fff;
  padding-bottom: 50px;
}
/* line 1104, ../src/html/sass/style.scss */
#top .company h2,
#top_hasVideo .company h2 {
  position: relative;
  text-align: center;
  padding: 50px 0 50px;
}
/* line 1108, ../src/html/sass/style.scss */
#top .company h2 img,
#top_hasVideo .company h2 img {
  width: 40%;
  display: inline-block;
}
/* line 1112, ../src/html/sass/style.scss */
#top .company h2 .overlay,
#top_hasVideo .company h2 .overlay {
  background: rgba(0, 0, 0, 0.3);
}
/* line 1121, ../src/html/sass/style.scss */
#top .company .txt,
#top_hasVideo .company .txt {
  padding: 40px 0 15px;
  width: 70%;
  margin: 0 auto;
  line-height: 2;
  font-weight: lighter;
}
/* line 1128, ../src/html/sass/style.scss */
#top .company .en_jp,
#top_hasVideo .company .en_jp {
  font-family: 'Raleway', sans-serif;
  text-align: center;
  font-weight: bold;
}
/* line 1132, ../src/html/sass/style.scss */
#top .company .en_jp a,
#top_hasVideo .company .en_jp a {
  color: #aaa;
}
/* line 1134, ../src/html/sass/style.scss */
#top .company .en_jp a.on,
#top_hasVideo .company .en_jp a.on {
  color: #000;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
/* line 1141, ../src/html/sass/style.scss */
#top .company .en_jp a.on:hover,
#top_hasVideo .company .en_jp a.on:hover {
  color: #888;
}
/* line 1145, ../src/html/sass/style.scss */
#top .company .en_jp a.off,
#top_hasVideo .company .en_jp a.off {
  text-decoration: none;
  cursor: text;
}
/* line 1149, ../src/html/sass/style.scss */
#top .company .en_jp a .middle,
#top_hasVideo .company .en_jp a .middle {
  color: #555;
}
/* line 1154, ../src/html/sass/style.scss */
#top .company .viewmore,
#top_hasVideo .company .viewmore {
  width: 17%;
  padding: 0.7rem 0;
  margin: 25px auto 0;
}

/* line 1164, ../src/html/sass/style.scss */
#about .thumb_img {
  width: 100%;
}
/* line 1166, ../src/html/sass/style.scss */
#about .thumb_img.foot {
  margin-top: 5rem;
}
/* line 1170, ../src/html/sass/style.scss */
#about .msg_page_ttl {
  position: relative;
  margin-bottom: 2rem;
  font-family: 'Montserrat', sans-serif;
}
/* line 1176, ../src/html/sass/style.scss */
#about .msg_page_ttl .span_txt {
  position: static;
}
/* line 1179, ../src/html/sass/style.scss */
#about .msg_page_ttl span {
  position: relative;
  color: #fff;
  font-size: 3.6rem;
  letter-spacing: 0.8rem;
  padding-left: 0.6rem;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 50%;
  left: 27%;
  line-height: 1.3;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/* line 1195, ../src/html/sass/style.scss */
#about .msg_page_ttl span:after {
  position: absolute;
  content: ' ';
  left: 0;
  bottom: -0.1rem;
  width: 100%;
  height: 4px;
  background: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.1);
}
/* line 1208, ../src/html/sass/style.scss */
#about .ceo .exp-area {
  margin: 5px 0 40px;
  text-align: right;
  color: #222;
}
/* line 1220, ../src/html/sass/style.scss */
#about .message-content .ttl {
  font-size: 28px;
}
/* line 1225, ../src/html/sass/style.scss */
#about .message-top-area .top_ttl {
  font-size: 38px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
}
/* line 1230, ../src/html/sass/style.scss */
#about .message-top-area .top_ttl .f_light {
  font-weight: 100;
}
/* line 1234, ../src/html/sass/style.scss */
#about .message-top-area .txt {
  background-color: #f2f1eb;
  padding: 1rem 1.5rem;
  margin: 2rem 0 3rem;
  border: 2px solid #e2e2e2;
}
/* line 1241, ../src/html/sass/style.scss */
#about .question_area {
  margin-bottom: 3rem;
}
/* line 1243, ../src/html/sass/style.scss */
#about .question_area .question_ttl {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  color: #333;
  padding-left: 1.5rem;
  line-height: 1.3;
  margin: 0.2rem 0 0.5rem;
}
/* line 1251, ../src/html/sass/style.scss */
#about .question_area .question_ttl:before {
  content: ' ';
  display: block;
  width: 1rem;
  height: 2px;
  background: #111;
  position: absolute;
  left: 0;
  top: 0.8rem;
}
/* line 1262, ../src/html/sass/style.scss */
#about .question_area .question_txt_area {
  margin: 1rem 0 1rem;
}
/* line 1265, ../src/html/sass/style.scss */
#about .question_area .name {
  position: relative;
  margin-right: 0.5rem;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  border-radius: 2px;
}
/* line 1272, ../src/html/sass/style.scss */
#about .question_area .name:after {
  content: ":";
  position: absolute;
  right: -0.5rem;
  color: #111;
}
/* line 1278, ../src/html/sass/style.scss */
#about .question_area .name.red {
  color: #d45151;
}
/* line 1281, ../src/html/sass/style.scss */
#about .question_area .name.blue {
  color: #2e89ef;
}
/* line 1284, ../src/html/sass/style.scss */
#about .question_area .name.green {
  color: #82c16b;
}
/* line 1288, ../src/html/sass/style.scss */
#about .question_area .txt {
  display: inline;
  vertical-align: middle;
}
/* line 1293, ../src/html/sass/style.scss */
#about .officer_top {
  margin-bottom: 3rem;
}
/* line 1296, ../src/html/sass/style.scss */
#about .officer {
  margin: 0 0 7rem;
}
/* line 1300, ../src/html/sass/style.scss */
#about .officer-container {
  width: auto;
  min-width: 980px;
  max-width: 1300px;
  padding: 0 3rem;
}
/* line 1308, ../src/html/sass/style.scss */
#about .overview video {
  width: 100%;
  display: block;
  margin: 0 0 50px;
}
/* line 1313, ../src/html/sass/style.scss */
#about .overview .table {
  width: 80%;
  margin: 0 auto;
}
/* line 1316, ../src/html/sass/style.scss */
#about .overview .table dl {
  margin: 3px;
}
/* line 1318, ../src/html/sass/style.scss */
#about .overview .table dl dt {
  background: #DFDEDE;
  border-right: 3px solid #fff;
  padding: 1rem;
  font-weight: bold;
}
/* line 1324, ../src/html/sass/style.scss */
#about .overview .table dl dd {
  background: #F9F9F9;
  padding: 1rem;
}
/* line 1327, ../src/html/sass/style.scss */
#about .overview .table dl dd .manage {
  width: 40%;
  display: inline-block;
}
/* line 1331, ../src/html/sass/style.scss */
#about .overview .table dl dd.sp {
  display: none;
}
/* line 1334, ../src/html/sass/style.scss */
#about .overview .table dl dd a {
  text-decoration: underline;
  color: #111;
}
/* line 1343, ../src/html/sass/style.scss */
#about .vision_mission .content_ttl {
  text-align: center;
  margin: 20px 0;
}
/* line 1346, ../src/html/sass/style.scss */
#about .vision_mission .content_ttl span {
  display: inline-block;
  font-family: 'Raleway', sans-serif;
  font-size: 26px;
  font-weight: bold;
  padding: 5px 50px;
  border-bottom: 2px solid #000;
}
/* line 1357, ../src/html/sass/style.scss */
#about .vision_mission .vision .content_sub_ttl img {
  width: auto;
  height: 6rem;
  font-size: 24px;
  display: block;
  margin: 70px auto 100px;
}
/* line 1365, ../src/html/sass/style.scss */
#about .vision_mission .vision ul {
  text-align: center;
}
/* line 1367, ../src/html/sass/style.scss */
#about .vision_mission .vision ul li {
  width: 25%;
  display: inline-block;
  margin: 0 10px;
}
/* line 1371, ../src/html/sass/style.scss */
#about .vision_mission .vision ul li img {
  display: block;
}
/* line 1376, ../src/html/sass/style.scss */
#about .vision_mission .vision .txt {
  text-align: center;
  margin-top: 90px;
}
/* line 1380, ../src/html/sass/style.scss */
#about .vision_mission .vision .big_txt {
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  margin: 35px 0 70px;
}
/* line 1387, ../src/html/sass/style.scss */
#about .vision_mission .mission {
  background: url(../images/vision_mission/mission_backG.png) no-repeat;
  background-size: 60%;
  background-position: 50% 97%;
  padding: 40px 0 70px;
}
/* line 1393, ../src/html/sass/style.scss */
#about .vision_mission .mission .content_sub_ttl img {
  width: auto;
  height: 5rem;
  display: block;
  margin: 80px auto;
}
/* line 1400, ../src/html/sass/style.scss */
#about .vision_mission .mission ul {
  text-align: center;
}
/* line 1402, ../src/html/sass/style.scss */
#about .vision_mission .mission ul li {
  width: 27%;
  display: inline-block;
  text-align: center;
  vertical-align: top;
}
/* line 1407, ../src/html/sass/style.scss */
#about .vision_mission .mission ul li img {
  display: inline-block;
  width: auto;
  height: 4rem;
}
/* line 1412, ../src/html/sass/style.scss */
#about .vision_mission .mission ul li .sub_txt {
  margin-top: 10px;
}

/* line 1422, ../src/html/sass/style.scss */
#service #works_slide {
  position: relative;
}
/* line 1427, ../src/html/sass/style.scss */
#service .works .ttl {
  font-size: 17px;
  font-weight: bold;
}
/* line 1431, ../src/html/sass/style.scss */
#service .works .txt {
  margin: 1.5rem 0 2rem;
}
/* line 1435, ../src/html/sass/style.scss */
#service #related_works {
  position: relative;
  width: 100%;
}
/* line 1438, ../src/html/sass/style.scss */
#service #related_works .bx-pager,
#service #related_works .bx-controls-direction {
  display: none;
}
/* line 1442, ../src/html/sass/style.scss */
#service #related_works ul {
  position: relative;
  width: 100%;
}
/* line 1445, ../src/html/sass/style.scss */
#service #related_works ul li {
  text-align: center;
  width: 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 1.1rem;
}
/* line 1464, ../src/html/sass/style.scss */
#service #related_works ul li .ttl {
  font-size: 13px;
  padding-bottom: 10px;
}
/* line 1477, ../src/html/sass/style.scss */
#service .works_list ul li {
  width: 33.3%;
  float: left;
  padding: 1px;
}
/* line 1488, ../src/html/sass/style.scss */
#service .works_main .works_video video {
  width: 100%;
}
/* line 1492, ../src/html/sass/style.scss */
#service .works_main .thumb {
  display: block;
  margin-top: 10px;
}
/* line 1495, ../src/html/sass/style.scss */
#service .works_main .thumb.pc {
  display: block;
}
/* line 1498, ../src/html/sass/style.scss */
#service .works_main .thumb.sp {
  display: none;
}
/* line 1502, ../src/html/sass/style.scss */
#service .works_main .ttl {
  font-size: 17px;
  font-weight: bold;
  margin: 40px 0 25px;
}
/* line 1507, ../src/html/sass/style.scss */
#service .works_main .txt {
  font-size: 13px;
  margin-bottom: 40px;
}
/* line 1516, ../src/html/sass/style.scss */
#service .works_eimy .box_1 {
  background: #000;
  color: #fff;
  text-align: center;
}
/* line 1520, ../src/html/sass/style.scss */
#service .works_eimy .box_1 .top_exp {
  width: 35%;
  margin: 5rem auto 1rem;
  display: inline-block;
}
/* line 1525, ../src/html/sass/style.scss */
#service .works_eimy .box_1 h2 {
  width: 70%;
  display: inline-block;
  margin: 20px 0;
}
/* line 1530, ../src/html/sass/style.scss */
#service .works_eimy .box_1 .txt {
  margin: 10px 0 40px;
}
/* line 1533, ../src/html/sass/style.scss */
#service .works_eimy .box_1 .img_content {
  margin: 1% 0;
}
/* line 1535, ../src/html/sass/style.scss */
#service .works_eimy .box_1 .img_content img {
  width: 49.5%;
  display: inline-block;
  float: left;
}
/* line 1539, ../src/html/sass/style.scss */
#service .works_eimy .box_1 .img_content img:nth-child(2) {
  float: right;
}
/* line 1544, ../src/html/sass/style.scss */
#service .works_eimy .box_1 .official_img {
  width: 35%;
  display: inline-block;
  padding-bottom: 1.5rem;
}
/* line 1549, ../src/html/sass/style.scss */
#service .works_eimy .box_1 .social {
  padding: 6rem 0 4rem;
}
/* line 1552, ../src/html/sass/style.scss */
#service .works_eimy .box_1 .social .ul a {
  display: inline-block;
  width: 21%;
  padding: 0.2rem 0;
  margin: 0 0.2rem;
  border: 1px solid #fff;
}
/* line 1558, ../src/html/sass/style.scss */
#service .works_eimy .box_1 .social .ul a:hover {
  border: 1px solid #fff;
}
/* line 1565, ../src/html/sass/style.scss */
#service .works_eimy .box_2 {
  text-align: left;
}
/* line 1567, ../src/html/sass/style.scss */
#service .works_eimy .box_2 .left {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
}
/* line 1572, ../src/html/sass/style.scss */
#service .works_eimy .box_2 .right {
  text-align: center;
  width: 49.5%;
  display: inline-block;
  vertical-align: middle;
}
/* line 1577, ../src/html/sass/style.scss */
#service .works_eimy .box_2 .right .top_txt {
  width: 60%;
  display: inline-block;
  padding: 1% 0 2%;
}
/* line 1582, ../src/html/sass/style.scss */
#service .works_eimy .box_2 .right .txt {
  font-size: 12px;
}
/* line 1585, ../src/html/sass/style.scss */
#service .works_eimy .box_2 .right .ul {
  margin-top: 3%;
}
/* line 1587, ../src/html/sass/style.scss */
#service .works_eimy .box_2 .right .ul a {
  display: inline-block;
  width: 11rem;
  padding: 0.2rem 0;
  margin: 0 0.2rem;
}
/* line 1600, ../src/html/sass/style.scss */
#service .social ul li {
  display: inline-block;
  margin-right: 0.5rem;
}
/* line 1605, ../src/html/sass/style.scss */
#service .social ul li a {
  font-size: 11px;
  letter-spacing: 4px;
  display: block;
  width: 180px;
  text-align: center;
  padding: 10px;
  color: #fff;
  text-decoration: none;
  border-radius: 50px;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
/* line 1622, ../src/html/sass/style.scss */
#service .social ul li.official a {
  background: #000;
  border: 2px solid #000;
}
/* line 1625, ../src/html/sass/style.scss */
#service .social ul li.official a:hover {
  background: #fff;
  color: #000;
}
/* line 1632, ../src/html/sass/style.scss */
#service .social ul li.fb a {
  background: #3b5997;
  border: 2px solid #3b5997;
}
/* line 1635, ../src/html/sass/style.scss */
#service .social ul li.fb a:hover {
  background: #fff;
  color: #3b5997;
}
/* line 1642, ../src/html/sass/style.scss */
#service .social ul li.tw a {
  background: #55abed;
  border: 2px solid #55abed;
}
/* line 1645, ../src/html/sass/style.scss */
#service .social ul li.tw a:hover {
  background: #fff;
  color: #55abed;
}
/* line 1652, ../src/html/sass/style.scss */
#service .social ul li.insta a {
  background: #3f729a;
  border: 2px solid #3f729a;
}
/* line 1655, ../src/html/sass/style.scss */
#service .social ul li.insta a:hover {
  background: #fff;
  color: #3f729a;
}

/* line 1667, ../src/html/sass/style.scss */
#service_all #main-contents {
  margin: 0 auto 1rem;
}
/* line 1670, ../src/html/sass/style.scss */
#service_all .sub_ttl {
  margin-bottom: 10px;
}
/* line 1673, ../src/html/sass/style.scss */
#service_all .service_sub_txt {
  text-align: center;
}
/* line 1676, ../src/html/sass/style.scss */
#service_all .content_ttl {
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
}
/* line 1680, ../src/html/sass/style.scss */
#service_all .agency {
  padding: 0 0 4rem;
}
/* line 1682, ../src/html/sass/style.scss */
#service_all .agency .content_ttl {
  position: relative;
  text-align: center;
  font-size: 24px;
  margin-top: 2rem;
  letter-spacing: 2px;
}
/* line 1688, ../src/html/sass/style.scss */
#service_all .agency .content_ttl span {
  position: relative;
  display: inline-block;
}
/* line 1691, ../src/html/sass/style.scss */
#service_all .agency .content_ttl span:after {
  position: absolute;
  content: ' ';
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 130%;
  height: 1px;
  background: #111;
}
/* line 1703, ../src/html/sass/style.scss */
#service_all .agency .content_ttl .fa {
  display: none;
}
/* line 1707, ../src/html/sass/style.scss */
#service_all .agency .agency_list {
  text-align: center;
  margin: 3rem 0;
}
/* line 1711, ../src/html/sass/style.scss */
#service_all .agency .agency_list li img {
  width: 100%;
  margin: 0 auto;
  display: block;
}
/* line 1718, ../src/html/sass/style.scss */
#service_all .agency .sub_agency_txt {
  text-align: center;
  margin: 2rem 0;
}
/* line 1722, ../src/html/sass/style.scss */
#service_all .agency .agency_box_area {
  text-align: center;
  padding: 1rem 0 2rem;
}
/* line 1725, ../src/html/sass/style.scss */
#service_all .agency .agency_box_area .agency_box {
  width: 40%;
  display: inline-block;
  margin: 0rem 2rem;
}
/* line 1729, ../src/html/sass/style.scss */
#service_all .agency .agency_box_area .agency_box h3 {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding: 0.3rem 0;
  letter-spacing: 2px;
}
/* line 1736, ../src/html/sass/style.scss */
#service_all .agency .agency_box_area .agency_box h3:after {
  position: absolute;
  content: ' ';
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  height: 1px;
  background: #111;
}
/* line 1748, ../src/html/sass/style.scss */
#service_all .agency .agency_box_area .agency_box p {
  text-align: left;
  padding: 0.5rem 0;
  line-height: 1.9;
  font-size: 12px;
}
/* line 1758, ../src/html/sass/style.scss */
#service_all .service_box {
  padding: 3rem 0;
}
/* line 1760, ../src/html/sass/style.scss */
#service_all .service_box.bg_f7 {
  background: #F7F7F7;
}
/* line 1763, ../src/html/sass/style.scss */
#service_all .service_box .content_ttl {
  position: relative;
  font-size: 24px;
  text-align: center;
  letter-spacing: 3px;
}
/* line 1768, ../src/html/sass/style.scss */
#service_all .service_box .content_ttl span {
  position: relative;
  display: inline-block;
}
/* line 1771, ../src/html/sass/style.scss */
#service_all .service_box .content_ttl span:after {
  position: absolute;
  content: ' ';
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 130%;
  height: 1px;
  background: #111;
}
/* line 1783, ../src/html/sass/style.scss */
#service_all .service_box .content_ttl .fa {
  display: none;
}
/* line 1787, ../src/html/sass/style.scss */
#service_all .service_box .service_content {
  padding: 2rem 0;
}
/* line 1789, ../src/html/sass/style.scss */
#service_all .service_box .service_content .thumb {
  display: inline-block;
  width: 42%;
  vertical-align: top;
}
/* line 1793, ../src/html/sass/style.scss */
#service_all .service_box .service_content .thumb.pc {
  display: inline-block;
}
/* line 1796, ../src/html/sass/style.scss */
#service_all .service_box .service_content .thumb.sp {
  display: none;
}
/* line 1800, ../src/html/sass/style.scss */
#service_all .service_box .service_content .txt_box {
  display: inline-block;
  width: 48%;
  vertical-align: top;
  margin-left: 4%;
}
/* line 1805, ../src/html/sass/style.scss */
#service_all .service_box .service_content .txt_box:after {
  content: " ";
  display: block;
  clear: both;
}
/* line 1810, ../src/html/sass/style.scss */
#service_all .service_box .service_content .txt_box h2 {
  font-size: 18px;
  letter-spacing: 1px;
  font-weight: bold;
}
/* line 1815, ../src/html/sass/style.scss */
#service_all .service_box .service_content .txt_box p {
  font-size: 12px;
  margin: 1.5rem 0;
}
/* line 1818, ../src/html/sass/style.scss */
#service_all .service_box .service_content .txt_box p a {
  color: #111;
}
/* line 1820, ../src/html/sass/style.scss */
#service_all .service_box .service_content .txt_box p a:hover {
  text-decoration: none;
}
/* line 1825, ../src/html/sass/style.scss */
#service_all .service_box .service_content .txt_box .link {
  position: relative;
  top: 0.7rem;
  display: inline-block;
  font-size: 14px;
}
/* line 1830, ../src/html/sass/style.scss */
#service_all .service_box .service_content .txt_box .link a {
  color: #111;
}
/* line 1832, ../src/html/sass/style.scss */
#service_all .service_box .service_content .txt_box .link a:hover {
  text-decoration: none;
}
/* line 1837, ../src/html/sass/style.scss */
#service_all .service_box .service_content .txt_box .more_link {
  float: right;
  display: inline-block;
  text-align: right;
}
/* line 1841, ../src/html/sass/style.scss */
#service_all .service_box .service_content .txt_box .more_link li {
  display: inline-block;
  margin-left: 0.5rem;
}
/* line 1844, ../src/html/sass/style.scss */
#service_all .service_box .service_content .txt_box .more_link li.br {
  display: none;
}
/* line 1847, ../src/html/sass/style.scss */
#service_all .service_box .service_content .txt_box .more_link li a {
  display: block;
}
/* line 1849, ../src/html/sass/style.scss */
#service_all .service_box .service_content .txt_box .more_link li a img {
  display: block;
  width: auto;
  height: 2rem;
}
/* line 1862, ../src/html/sass/style.scss */
#service_all .viewmore_area.contact_btn {
  text-align: center;
}
/* line 1864, ../src/html/sass/style.scss */
#service_all .viewmore_area.contact_btn .viewmore {
  font-size: 15px;
}
/* line 1867, ../src/html/sass/style.scss */
#service_all .viewmore_area.contact_btn .sub_txt {
  color: #8B8989;
}
/* line 1872, ../src/html/sass/style.scss */
#service_all .viewmore {
  width: 24%;
  padding: 0.5rem 0;
  margin: 10px auto;
  font-size: 13px;
}

/* line 1888, ../src/html/sass/style.scss */
#news #contents .sub_ttl {
  margin-bottom: 0px;
}
/* line 1891, ../src/html/sass/style.scss */
#news #contents #sub_contents {
  margin-bottom: 30px;
}
/* line 1895, ../src/html/sass/style.scss */
#news .exp-area {
  margin: 5px 0 40px;
}
/* line 1899, ../src/html/sass/style.scss */
#news .news-list li {
  position: relative;
  width: 33.3%;
  float: left;
  margin: 3px 0;
  padding: 0.3rem;
}
/* line 1909, ../src/html/sass/style.scss */
#news .news-list li a {
  display: block;
  color: #333;
  text-decoration: none;
}
/* line 1913, ../src/html/sass/style.scss */
#news .news-list li a .thumb {
  position: relative;
  height: 12rem;
  overflow: hidden;
  border: 1px solid #ccc;
}
/* line 1918, ../src/html/sass/style.scss */
#news .news-list li a .thumb img {
  height: 100%;
  width: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/* line 1931, ../src/html/sass/style.scss */
#news .news-list li a .txt {
  font-weight: bold;
  font-size: 0.9rem;
  padding: 0.5rem 0;
}
/* line 1937, ../src/html/sass/style.scss */
#news .news-list li a .txt .ttl {
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  height: 4.7rem;
  overflow: hidden;
}
/* line 1945, ../src/html/sass/style.scss */
#news .news-list li a .txt .date {
  font-size: 0.7rem;
  display: block;
  margin-top: 0.3rem;
}
/* line 1949, ../src/html/sass/style.scss */
#news .news-list li a .txt .date.sp {
  display: block;
}
/* line 1952, ../src/html/sass/style.scss */
#news .news-list li a .txt .date.pc {
  display: none;
}
/* line 1961, ../src/html/sass/style.scss */
#news .news_single .thumb {
  display: block;
  margin-bottom: 35px;
}
/* line 1965, ../src/html/sass/style.scss */
#news .news_single .ttl {
  font-size: 18px;
  font-weight: bold;
}
/* line 1969, ../src/html/sass/style.scss */
#news .news_single .txt {
  margin: 10px 0 80px;
}
/* line 1973, ../src/html/sass/style.scss */
#news .news_single .txt h1 {
  font-size: 18px;
}
/* line 1976, ../src/html/sass/style.scss */
#news .news_single .txt h2 {
  font-size: 17px;
}
/* line 1979, ../src/html/sass/style.scss */
#news .news_single .txt h3 {
  font-size: 16px;
}
/* line 1982, ../src/html/sass/style.scss */
#news .news_single .txt .wp-caption {
  max-width: 100%;
}
/* line 1985, ../src/html/sass/style.scss */
#news .news_single .txt img {
  width: auto;
  max-width: 100%;
  height: auto;
}
/* line 1989, ../src/html/sass/style.scss */
#news .news_single .txt img.aligncenter {
  margin: 0 auto;
}
/* line 1992, ../src/html/sass/style.scss */
#news .news_single .txt img.alignright {
  float: right;
  clear: both;
}
/* line 1997, ../src/html/sass/style.scss */
#news .news_single .txt strong {
  font-weight: bold;
}
/* line 2001, ../src/html/sass/style.scss */
#news .news_single .txt ul li {
  list-style-type: disc;
}
/* line 2006, ../src/html/sass/style.scss */
#news .news_single .txt ol li {
  list-style-type: decimal;
}

/* line 2015, ../src/html/sass/style.scss */
#history .history_dl {
  width: 100%;
  margin-top: 3px;
}
/* line 2018, ../src/html/sass/style.scss */
#history .history_dl dl {
  font-size: 13px;
  display: table;
  width: 100%;
}
/* line 2022, ../src/html/sass/style.scss */
#history .history_dl dl dt {
  display: table-cell;
  width: 10%;
  text-align: center;
  border-right: 3px solid #fff;
  background: #DFDEDE;
  height: 100%;
  padding: 1rem;
  font-weight: bold;
}
/* line 2023, ../src/html/sass/style.scss */
#history .history_dl dl dt:nth-child(2) {
  width: 8%;
}
/* line 2035, ../src/html/sass/style.scss */
#history .history_dl dl dd {
  display: table-cell;
  padding: 0.2rem 1rem;
  background: #F9F9F9;
  text-align: left;
}
/* line 2042, ../src/html/sass/style.scss */
#history .history_dl dl:first-child dd {
  padding: 1rem 1rem 0.5rem;
}
/* line 2047, ../src/html/sass/style.scss */
#history .history_dl dl:last-child dd {
  padding: 1rem;
}

/* line 2056, ../src/html/sass/style.scss */
#modal_video {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
/* line 2066, ../src/html/sass/style.scss */
#modal_video .video_area {
  position: relative;
  z-index: 5;
  max-width: 880px;
  width: 90%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/* line 2075, ../src/html/sass/style.scss */
#modal_video .video_area video {
  position: relative;
  width: 100%;
}
/* line 2079, ../src/html/sass/style.scss */
#modal_video .video_area .close_btn {
  position: absolute;
  bottom: -2.2rem;
  right: 0;
  height: 1.5rem;
  cursor: pointer;
}
/* line 2085, ../src/html/sass/style.scss */
#modal_video .video_area .close_btn img {
  height: 100%;
  width: auto;
}
/* line 2091, ../src/html/sass/style.scss */
#modal_video .modal_overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.73);
}

/* line 2103, ../src/html/sass/style.scss */
#recruit_main {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
}
/* line 2109, ../src/html/sass/style.scss */
#recruit_main .container {
  width: 880px;
  height: 100vh;
  padding-top: 25vh;
}
/* line 2116, ../src/html/sass/style.scss */
#recruit_main #main_txt {
  text-align: center;
  overflow: hidden;
}
/* line 2119, ../src/html/sass/style.scss */
#recruit_main #main_txt img {
  width: auto;
  height: 12.05vh;
  display: inline-block;
  margin: 0 0.6vh;
  vertical-align: middle;
  transform: translate(0, 120%);
  -webkit-transform: translate(0, 120%);
  -webkit-transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 2120, ../src/html/sass/style.scss */
#recruit_main #main_txt img:first-child {
  margin-left: 0;
  height: 12.9vh;
}
/* line 2124, ../src/html/sass/style.scss */
#recruit_main #main_txt img:nth-child(3) {
  margin-left: 0.9vh;
}
/* line 2127, ../src/html/sass/style.scss */
#recruit_main #main_txt img:nth-child(4) {
  margin: 0 1vh;
}
/* line 2130, ../src/html/sass/style.scss */
#recruit_main #main_txt img.show {
  transform: translate(0, 0%);
  -webkit-transform: translate(0, 0%);
}
/* line 2146, ../src/html/sass/style.scss */
#recruit_main #main_sub_txt {
  text-rendering: optimizeLegibility;
  font-family: 'Roboto Condensed';
  color: #fff;
  text-align: center;
  font-size: 16.4vh;
  font-weight: bold;
  line-height: 21.5vh;
  letter-spacing: 4.2px;
  opacity: 0.9;
  overflow: hidden;
}
/* line 2163, ../src/html/sass/style.scss */
#recruit_main #main_sub_txt.show {
  opacity: 0.9;
  -webkit-filter: blur(0px);
  filter: blur(0px);
}
/* line 2168, ../src/html/sass/style.scss */
#recruit_main #main_sub_txt span {
  display: inline-block;
  transform: translate(0, 120%);
  -webkit-transform: translate(0, 120%);
  -webkit-transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 2174, ../src/html/sass/style.scss */
#recruit_main #main_sub_txt span.show {
  transform: translate(0, 0%);
  -webkit-transform: translate(0, 0%);
}
/* line 2180, ../src/html/sass/style.scss */
#recruit_main .arrow_scroll {
  width: 3.1rem;
  margin: 0 auto;
  display: block;
  position: absolute;
  bottom: 20vh;
  left: 50%;
  margin-left: -2rem;
  cursor: pointer;
}
/* line 2191, ../src/html/sass/style.scss */
#recruit_main .arrow_scroll.pc {
  display: block;
}
/* line 2194, ../src/html/sass/style.scss */
#recruit_main .arrow_scroll.sp {
  display: none;
}
/* line 2199, ../src/html/sass/style.scss */
#recruit_main .play_btn {
  font-family: 'Roboto Condensed';
  position: absolute;
  right: 0;
  bottom: 20vh;
  cursor: pointer;
}
/* line 2205, ../src/html/sass/style.scss */
#recruit_main .play_btn img {
  height: 2.3rem;
  width: auto;
}

/* line 2211, ../src/html/sass/style.scss */
#next_area {
  height: 100vh;
}

/* line 2214, ../src/html/sass/style.scss */
#recruit_main_top {
  background: #F4F4F4;
}
/* line 2216, ../src/html/sass/style.scss */
#recruit_main_top .rec_min_container {
  position: relative;
  width: 880px;
  margin: 0 auto;
  display: block;
}
/* line 2222, ../src/html/sass/style.scss */
#recruit_main_top .recruit_news {
  background: #222222;
  color: #fff;
  padding: 3rem;
  position: absolute;
  left: 0;
  right: 0;
  top: -5rem;
}
/* line 2230, ../src/html/sass/style.scss */
#recruit_main_top .recruit_news .rec_news_ttl {
  font-size: 1.5rem;
  font-family: 'Raleway';
  font-weight: normal;
  border-bottom: 1px solid #fff;
  padding-bottom: 0.5rem;
}
/* line 2237, ../src/html/sass/style.scss */
#recruit_main_top .recruit_news .rec_news_descript {
  font-size: 0.8125rem;
  letter-spacing: 1px;
  padding-top: 1.1rem;
}
/* line 2243, ../src/html/sass/style.scss */
#recruit_main_top .recruit_middle_area {
  padding: 11rem 0 6rem;
}
/* line 2245, ../src/html/sass/style.scss */
#recruit_main_top .recruit_middle_area .recruit_middle_wrapper {
  position: relative;
}
/* line 2249, ../src/html/sass/style.scss */
#recruit_main_top .recruit_middle_area .recruit_middle_wrapper .middle_ttl {
  font-family: 'Roboto Condensed';
  font-size: 4.2rem;
  font-weight: bold;
  letter-spacing: 3px;
  position: absolute;
  left: -3.3rem;
  top: 0.5rem;
  line-height: 4.7rem;
}
/* line 2259, ../src/html/sass/style.scss */
#recruit_main_top .recruit_middle_area .recruit_middle_wrapper .middle_box {
  width: 55%;
  right: -3.3rem;
  bottom: -6.6rem;
  position: absolute;
  background: #222222;
}
/* line 2265, ../src/html/sass/style.scss */
#recruit_main_top .recruit_middle_area .recruit_middle_wrapper .middle_box p {
  color: #fff;
  font-size: 1rem;
  letter-spacing: 0.8px;
  line-height: 2;
  font-weight: bold;
  padding: 2.5rem;
}
/* line 2273, ../src/html/sass/style.scss */
#recruit_main_top .recruit_middle_area .recruit_middle_wrapper .middle_box .wantedly_link {
  font-size: 1.25rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  background: #fff;
  display: block;
  color: #222;
  border: 4px solid #222222;
  padding: 1rem 0;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
/* line 2285, ../src/html/sass/style.scss */
#recruit_main_top .recruit_middle_area .recruit_middle_wrapper .middle_box .wantedly_link:hover {
  background: #9C9C9C;
  color: #fff;
}
/* line 2293, ../src/html/sass/style.scss */
#recruit_main_top .recruit_about {
  padding-bottom: 5rem;
}
/* line 2295, ../src/html/sass/style.scss */
#recruit_main_top .recruit_about .recruit_sub_ttl {
  font-size: 3rem;
  font-family: 'Roboto Condensed';
  letter-spacing: 3px;
  font-weight: bold;
}
/* line 2301, ../src/html/sass/style.scss */
#recruit_main_top .recruit_about .rec_about_box {
  padding: 3rem;
  background: #fff;
}
/* line 2304, ../src/html/sass/style.scss */
#recruit_main_top .recruit_about .rec_about_box:after {
  content: ' ';
  display: block;
  clear: both;
}
/* line 2309, ../src/html/sass/style.scss */
#recruit_main_top .recruit_about .rec_about_box .rec_about_thumb {
  display: inline-block;
  width: 41.6%;
  padding-right: 7rem;
  vertical-align: middle;
}
/* line 2315, ../src/html/sass/style.scss */
#recruit_main_top .recruit_about .rec_about_box .rec_about_descript {
  display: inline-block;
  width: 57.7%;
  font-size: 1rem;
  line-height: 2;
  letter-spacing: 0.89px;
  vertical-align: middle;
}

/* line 2326, ../src/html/sass/style.scss */
#recruit_main_bottom {
  overflow: hidden;
}
/* line 2329, ../src/html/sass/style.scss */
#recruit_main_bottom.interview_page .recruit_interview {
  padding-top: 0;
}
/* line 2331, ../src/html/sass/style.scss */
#recruit_main_bottom.interview_page .recruit_interview .rec_inter_area {
  background: none;
}
/* line 2333, ../src/html/sass/style.scss */
#recruit_main_bottom.interview_page .recruit_interview .rec_inter_area .rec_inter_box {
  margin-bottom: 8rem;
}
/* line 2339, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_service {
  position: relative;
}
/* line 2341, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_service:before {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 97%;
  background: #222;
}
/* line 2350, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_service .recruit_sub_ttl {
  font-family: 'Roboto Condensed';
  font-size: 2.25rem;
  letter-spacing: 3px;
  color: #fff;
  font-weight: bold;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
/* line 2359, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_service .rec_service_area {
  text-align: center;
}
/* line 2361, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_service .rec_service_area:after {
  content: ' ';
  display: block;
  clear: both;
}
/* line 2366, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_service .rec_service_area .rec_service_box {
  width: 32.6%;
  display: inline-block;
  float: left;
  vertical-align: top;
  color: #222222;
  background: #FFFFFF;
  border: 1px solid #E1E1E1;
  letter-spacing: 1px;
  text-decoration: none;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
/* line 2378, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_service .rec_service_area .rec_service_box:hover {
  background: #DDDCDC;
}
/* line 2381, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_service .rec_service_area .rec_service_box:hover .rec_service_thumb img {
  width: 110%;
}
/* line 2388, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_service .rec_service_area .rec_service_box:nth-child(2) {
  margin: 0 1%;
}
/* line 2391, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_service .rec_service_area .rec_service_box h3 {
  font-size: 1.75rem;
  font-weight: bold;
  text-align: center;
  font-family: 'Roboto Condensed';
  padding: 2rem 0 1rem;
}
/* line 2398, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_service .rec_service_area .rec_service_box p {
  font-size: 0.8125rem;
  padding: 0 1.5rem 0;
  height: 10.5rem;
  line-height: 2;
  text-align: left;
}
/* line 2405, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_service .rec_service_area .rec_service_box .rec_service_thumb {
  position: relative;
  margin-top: 1.5rem;
  height: 12.8rem;
  overflow: hidden;
  background: #fff;
}
/* line 2411, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_service .rec_service_area .rec_service_box .rec_service_thumb img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 101%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all .25s ease;
  transition: all .25s ease;
}
/* line 2425, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_interview {
  padding-top: 5rem;
}
/* line 2427, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_interview .recruit_sub_ttl {
  font-family: 'Roboto Condensed';
  font-size: 3rem;
  letter-spacing: 3px;
  color: #fff;
  font-weight: bold;
}
/* line 2434, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_interview .rec_inter_area {
  background: #F4F4F4;
  padding-top: 1rem;
  text-align: center;
}
/* line 2438, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_interview .rec_inter_area .rec_inter_box {
  position: relative;
  width: 30%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 7rem;
  text-align: left;
}
/* line 2445, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_interview .rec_inter_area .rec_inter_box.mgb_more {
  margin-bottom: 8rem;
}
/* line 2448, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_interview .rec_inter_area .rec_inter_box:nth-child(3n+2) {
  margin: 0 4.5%;
}
/* line 2456, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_interview .rec_inter_area .rec_inter_box .rec_inter_txt {
  display: block;
  text-decoration: none;
  color: #111;
  position: absolute;
  bottom: -20%;
  width: 85%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  border: 4px solid #111111;
  background: #fff;
  padding: 1.5rem;
  letter-spacing: 1px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
/* line 2472, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_interview .rec_inter_area .rec_inter_box .rec_inter_txt:hover {
  background: #9C9C9C;
  color: #fff;
}
/* line 2475, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_interview .rec_inter_area .rec_inter_box .rec_inter_txt:hover .box_ttl,
#recruit_main_bottom .recruit_interview .rec_inter_area .rec_inter_box .rec_inter_txt:hover .name {
  color: #fff;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
/* line 2482, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_interview .rec_inter_area .rec_inter_box .rec_inter_txt .box_ttl {
  font-size: 1.125rem;
  font-weight: bold;
  color: #111;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  -moz-box-orient: vertical;
  -moz-line-clamp: 3;
  height: 6rem;
  overflow: hidden;
}
/* line 2496, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_interview .rec_inter_area .rec_inter_box .rec_inter_txt .name {
  font-size: 0.75rem;
  font-weight: bold;
  color: #888888;
  margin-top: 1rem;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  -moz-box-orient: vertical;
  -moz-line-clamp: 2;
  height: 2.7rem;
  overflow: hidden;
}
/* line 2514, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_interview .link_area {
  text-align: center;
  padding: 2rem 0 5rem;
}
/* line 2518, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_interview .go_interview {
  font-size: 1.5rem;
  font-weight: bold;
  border: 4px solid #111111;
  text-align: center;
  padding: 1rem 0;
  display: inline-block;
  text-decoration: none;
  width: 31.5rem;
  color: #111;
  letter-spacing: 1.2px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
/* line 2531, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_interview .go_interview:hover {
  background: #9C9C9C;
  color: #fff;
}
/* line 2535, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_interview .go_interview .fa {
  display: none;
  position: absolute;
  font-size: 2rem;
  vertical-align: middle;
  line-height: 2.8rem;
  margin-left: -3rem;
}
/* line 2543, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_interview .go_interview span {
  line-height: 2.8rem;
  vertical-align: middle;
}
/* line 2549, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_activity {
  background: #fff;
  padding-top: 4.5rem;
}
/* line 2552, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_activity .recruit_sub_ttl {
  font-family: 'Roboto Condensed';
  font-size: 3rem;
  letter-spacing: 3px;
  font-weight: bold;
}
/* line 2557, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_activity .recruit_sub_ttl .sub {
  display: inline-block;
  font-size: 1.5rem;
  letter-spacing: 1.3px;
  font-family: 'Roboto Condensed';
  margin-left: 2rem;
  font-weight: normal;
}
/* line 2564, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_activity .recruit_sub_ttl .sub .sp {
  display: none;
}
/* line 2567, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_activity .recruit_sub_ttl .sub .pc {
  display: inline-block;
}
/* line 2573, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_activity .insta_list .insta_thumb {
  position: relative;
  width: 32.6%;
  display: inline-block;
  margin-bottom: 1.1%;
  vertical-align: top;
  overflow: hidden;
}
/* line 2580, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_activity .insta_list .insta_thumb:nth-child(3n+2) {
  margin: 0 0.6%;
}
/* line 2583, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_activity .insta_list .insta_thumb img {
  position: relative;
}
/* line 2585, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_activity .insta_list .insta_thumb img.height_max {
  position: absolute;
  height: 100%;
  width: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/* line 2597, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_activity .insta_link_area {
  text-align: center;
  padding: 2rem 0 5rem;
}
/* line 2601, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_activity .go_insta {
  font-size: 1.5rem;
  font-weight: bold;
  border: 4px solid #111111;
  text-align: center;
  padding: 1rem 0;
  display: inline-block;
  text-decoration: none;
  width: 31.5rem;
  color: #111;
  letter-spacing: 1.2px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
/* line 2614, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_activity .go_insta:hover {
  background: #9C9C9C;
  color: #fff;
}
/* line 2618, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_activity .go_insta .fa {
  display: none;
  position: absolute;
  font-size: 2rem;
  vertical-align: middle;
  line-height: 2.8rem;
  margin-left: -3rem;
}
/* line 2626, ../src/html/sass/style.scss */
#recruit_main_bottom .recruit_activity .go_insta span {
  line-height: 2.8rem;
  vertical-align: middle;
}
/* line 2632, ../src/html/sass/style.scss */
#recruit_main_bottom #entry_bg_video {
  position: absolute;
  top: -18vh;
  z-index: -1;
  width: 100%;
}
/* line 2638, ../src/html/sass/style.scss */
#recruit_main_bottom .entry_area {
  text-align: center;
  padding: 2rem 0 3.5rem;
  background: rgba(0, 0, 0, 0.3);
}
/* line 2642, ../src/html/sass/style.scss */
#recruit_main_bottom .entry_area .entry_ttl {
  font-family: 'Roboto Condensed';
  letter-spacing: 1px;
  color: #fff;
  font-size: 3rem;
  font-weight: bold;
  margin-bottom: 0.2rem;
}
/* line 2650, ../src/html/sass/style.scss */
#recruit_main_bottom .entry_area .recruit_contact_btn {
  font-size: 1.5rem;
  font-weight: bold;
  display: inline-block;
  background: rgba(255, 255, 255, 0.85);
  color: #2F3036;
  border: 4px solid #2F3036;
  text-align: center;
  text-decoration: none;
  padding: 1rem 0;
  width: 31.5rem;
  letter-spacing: 2px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
/* line 2664, ../src/html/sass/style.scss */
#recruit_main_bottom .entry_area .recruit_contact_btn:hover {
  background: #9C9C9C;
  color: #fff;
}
/* line 2668, ../src/html/sass/style.scss */
#recruit_main_bottom .entry_area .recruit_contact_btn .sp {
  display: none;
}
/* line 2672, ../src/html/sass/style.scss */
#recruit_main_bottom .entry_area .sub_txt {
  margin-top: 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: 1px;
}
/* line 2678, ../src/html/sass/style.scss */
#recruit_main_bottom .entry_area .sub_txt a {
  color: #fff;
}

/* line 2691, ../src/html/sass/style.scss */
#recruit .exp-area {
  margin: 5px 0 40px;
}
/* line 2695, ../src/html/sass/style.scss */
#recruit .recruit video {
  display: block;
  width: 100%;
  margin: 0 0 50px;
}
/* line 2701, ../src/html/sass/style.scss */
#recruit .interview {
  letter-spacing: 2px;
}
/* line 2704, ../src/html/sass/style.scss */
#recruit .interview .exp-top-area .top-area {
  background: #111;
}
/* line 2706, ../src/html/sass/style.scss */
#recruit .interview .exp-top-area .top-area .left_img {
  width: 59.4%;
  vertical-align: middle;
}
/* line 2709, ../src/html/sass/style.scss */
#recruit .interview .exp-top-area .top-area .left_img.pc {
  display: inline-block;
}
/* line 2712, ../src/html/sass/style.scss */
#recruit .interview .exp-top-area .top-area .left_img.sp {
  display: none;
}
/* line 2716, ../src/html/sass/style.scss */
#recruit .interview .exp-top-area .top-area .right-info {
  width: 40%;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  padding: 0 40px;
}
/* line 2722, ../src/html/sass/style.scss */
#recruit .interview .exp-top-area .top-area .right-info .manage {
  font-size: 15px;
  margin-bottom: 10px;
}
/* line 2726, ../src/html/sass/style.scss */
#recruit .interview .exp-top-area .top-area .right-info h3 {
  font-size: 36px;
  font-weight: bold;
}
/* line 2729, ../src/html/sass/style.scss */
#recruit .interview .exp-top-area .top-area .right-info h3 span {
  display: block;
  font-size: 14px;
  font-weight: lighter;
}
/* line 2737, ../src/html/sass/style.scss */
#recruit .interview .exp-top-area .bottom-area {
  padding: 35px 0 70px;
}
/* line 2743, ../src/html/sass/style.scss */
#recruit 　
.interview-list li {
  position: relative;
  width: 50%;
  float: left;
  margin: 3px 0;
}
/* line 2748, ../src/html/sass/style.scss */
#recruit 　
.interview-list li:nth-child(odd) {
  padding-right: 3px;
}
/* line 2751, ../src/html/sass/style.scss */
#recruit 　
.interview-list li:nth-child(even) {
  padding-left: 3px;
}
/* line 2754, ../src/html/sass/style.scss */
#recruit 　
.interview-list li a {
  display: block;
  color: #111;
}
/* line 2757, ../src/html/sass/style.scss */
#recruit 　
.interview-list li a img {
  width: 100%;
}
/* line 2763, ../src/html/sass/style.scss */
#recruit 　
.interview-list li a .txt {
  position: absolute;
  bottom: 20%;
  left: 10%;
}
/* line 2769, ../src/html/sass/style.scss */
#recruit 　
.interview-list li a .txt h3 {
  font-size: 1.6rem;
  font-weight: bold;
}
/* line 2772, ../src/html/sass/style.scss */
#recruit 　
.interview-list li a .txt h3 span {
  font-size: 0.9rem;
  display: block;
}
/* line 2781, ../src/html/sass/style.scss */
#recruit .recruit_side {
  font-size: 13px;
  font-weight: bold;
  width: 30%;
  float: left;
  margin-top: 40px;
  position: relative;
}
/* line 2788, ../src/html/sass/style.scss */
#recruit .recruit_side.fixed {
  position: fixed;
  top: 50px;
}
/* line 2791, ../src/html/sass/style.scss */
#recruit .recruit_side.fixed.bottomFixed {
  position: absolute;
  top: initial;
  bottom: -40px;
}
/* line 2798, ../src/html/sass/style.scss */
#recruit .recruit_side a:hover {
  opacity: 0.7;
}
/* line 2803, ../src/html/sass/style.scss */
#recruit .recruit_side ul li {
  list-style-type: disc;
  list-style-position: inside;
}
/* line 2806, ../src/html/sass/style.scss */
#recruit .recruit_side ul li a {
  color: #000;
  text-decoration: none;
  font-size: 13px;
  margin: 7px 0;
  display: inline-block;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
/* line 2817, ../src/html/sass/style.scss */
#recruit .recruit_side ul li a:hover {
  opacity: 0.5;
}
/* line 2825, ../src/html/sass/style.scss */
#recruit .Department_ttl {
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 2px;
  margin-left: 10px;
  border-bottom: 2px solid #111;
  display: inline-block;
}
/* line 2834, ../src/html/sass/style.scss */
#recruit .recruit_ttl {
  font-size: 21px;
  font-weight: bold;
  letter-spacing: 2px;
  padding: 30px 0px 0px;
}
/* line 2840, ../src/html/sass/style.scss */
#recruit .recruit_right {
  width: 70%;
  float: right;
  margin-top: 40px;
}
/* line 2845, ../src/html/sass/style.scss */
#recruit .recruit_bn {
  width: 220px;
}
/* line 2848, ../src/html/sass/style.scss */
#recruit .recruit_dl {
  width: 100%;
  margin: 50px 0;
}
/* line 2851, ../src/html/sass/style.scss */
#recruit .recruit_dl.first {
  margin-top: 0;
}
/* line 2854, ../src/html/sass/style.scss */
#recruit .recruit_dl .recruit_ttl {
  margin-left: 10px;
}
/* line 2858, ../src/html/sass/style.scss */
#recruit .recruit_dl#internship .recruit_ttl {
  display: none;
}
/* line 2861, ../src/html/sass/style.scss */
#recruit .recruit_dl#internship .Department_ttl {
  display: inline-block;
}
/* line 2865, ../src/html/sass/style.scss */
#recruit .recruit_dl dl {
  font-size: 12px;
  display: table;
  width: 100%;
}
/* line 2869, ../src/html/sass/style.scss */
#recruit .recruit_dl dl dt {
  display: table-cell;
  width: 20%;
  height: 100%;
  padding: 10px;
  font-weight: bold;
}
/* line 2876, ../src/html/sass/style.scss */
#recruit .recruit_dl dl dd {
  display: table-cell;
  padding: 5px 10px;
}
/* line 2881, ../src/html/sass/style.scss */
#recruit .recruit_dl dl:first-child dd {
  padding: 10px;
}
/* line 2886, ../src/html/sass/style.scss */
#recruit .recruit_dl dl:last-child dd {
  padding: 10px;
}
/* line 2892, ../src/html/sass/style.scss */
#recruit .fix_btn {
  position: fixed;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 50px;
  line-height: 47px;
  background: #222;
  color: #fff;
  font-size: 20px;
  letter-spacing: 2px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  border-top: 2px solid #222;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
/* line 2913, ../src/html/sass/style.scss */
#recruit .fix_btn i {
  margin-left: 10px;
  vertical-align: middle;
}
/* line 2917, ../src/html/sass/style.scss */
#recruit .fix_btn:hover {
  background: #fff;
  color: #222;
  letter-spacing: 5px;
}

/* line 2926, ../src/html/sass/style.scss */
#access #main-contents {
  margin: 0 auto;
}
/* line 2929, ../src/html/sass/style.scss */
#access #map_canvas {
  height: 400px;
}
/* line 2932, ../src/html/sass/style.scss */
#access .access_box {
  text-align: center;
  margin-bottom: 60px;
}
/* line 2935, ../src/html/sass/style.scss */
#access .access_box .left_logo {
  width: 15%;
  display: inline-block;
  margin-right: 60px;
  text-align: center;
  vertical-align: top;
  padding-top: 5px;
}
/* line 2942, ../src/html/sass/style.scss */
#access .access_box .left_logo img {
  margin-bottom: 25px;
  height: 2.5rem;
  width: auto;
  display: inline-block;
}
/* line 2949, ../src/html/sass/style.scss */
#access .access_box .right_detail {
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
/* line 2953, ../src/html/sass/style.scss */
#access .access_box .right_detail h3 {
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
  letter-spacing: 1px;
}
/* line 2959, ../src/html/sass/style.scss */
#access .access_box .right_detail p {
  line-height: 2;
}
/* line 2962, ../src/html/sass/style.scss */
#access .access_box .right_detail a {
  color: #111;
}

/* line 2970, ../src/html/sass/style.scss */
#contact .contact {
  width: 70%;
  margin: 0 auto;
  text-align: center;
}
/* line 2975, ../src/html/sass/style.scss */
#contact .contact.finish .viewmore {
  width: 40%;
  padding: 5px 0;
  margin: 50px auto;
}
/* line 2979, ../src/html/sass/style.scss */
#contact .contact.finish .viewmore:hover {
  color: #000;
}
/* line 2985, ../src/html/sass/style.scss */
#contact .ajax-loader {
  display: none !important;
}
/* line 3013, ../src/html/sass/style.scss */
#contact .exp {
  text-align: center;
  line-height: 1.2;
}
/* line 3017, ../src/html/sass/style.scss */
#contact .contact-table {
  text-align: left;
}
/* line 3019, ../src/html/sass/style.scss */
#contact .contact-table dl {
  margin: 20px 0;
}
/* line 3021, ../src/html/sass/style.scss */
#contact .contact-table dl input,
#contact .contact-table dl textarea {
  width: 100%;
  padding: 0.3rem;
  font-size: 0.9rem;
  line-height: 1.3;
  border: 1px solid #222;
}
/* line 3029, ../src/html/sass/style.scss */
#contact .contact-table dl textarea {
  height: 15rem;
  line-height: 1.8;
}
/* line 3033, ../src/html/sass/style.scss */
#contact .contact-table dl select {
  position: relative;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #111;
  background: #fff;
  border-radius: 0;
  display: block;
  padding: 0.3rem 2rem 0.3rem 0.5rem;
  text-align: center;
  background: url(../images/arrow_bottom.png) no-repeat;
  background-size: 0.8rem;
  background-position: right 0.4rem center;
}
/* line 3047, ../src/html/sass/style.scss */
#contact .contact-table dl dt {
  margin-bottom: 0.3rem;
}
/* line 3049, ../src/html/sass/style.scss */
#contact .contact-table dl dt .req {
  background: #bf3232;
  color: #fff;
  font-size: 0.8rem;
  font-weight: lighter;
  padding: 0.2rem 0.3rem;
  margin-left: 0.5rem;
}
/* line 3060, ../src/html/sass/style.scss */
#contact .contact-table dl dd .file_list.none {
  display: none;
}
/* line 3063, ../src/html/sass/style.scss */
#contact .contact-table dl dd .file_list .file {
  border: 1px solid #111;
  background: #111;
  color: #fff;
  padding: 0.5rem;
  border: 1px solid #222;
  cursor: pointer;
}
/* line 3070, ../src/html/sass/style.scss */
#contact .contact-table dl dd .file_list .file input {
  opacity: 0;
  width: 0;
  margin-bottom: 1rem;
}
/* line 3077, ../src/html/sass/style.scss */
#contact .contact-table dl dd .file_name {
  vertical-align: middle;
  padding: 0.2rem 0.5rem;
  display: inline-block;
  margin-left: 1rem;
  padding: 0.2rem 0.5rem;
}
/* line 3102, ../src/html/sass/style.scss */
#contact .contact-table dl dd.sns_input textarea {
  height: 7rem;
}
/* line 3109, ../src/html/sass/style.scss */
#contact .pri_txt {
  margin-bottom: 0.5rem;
}
/* line 3112, ../src/html/sass/style.scss */
#contact .main_check {
  margin: 2rem 0;
}
/* line 3114, ../src/html/sass/style.scss */
#contact .main_check.txt_align_center {
  margin: 0;
}
/* line 3118, ../src/html/sass/style.scss */
#contact #recaptcha {
  display: inline-block;
}
/* line 3121, ../src/html/sass/style.scss */
#contact .send {
  padding: 0.7rem 7rem;
  margin: 3rem auto;
  font-size: 1.1rem;
  cursor: pointer;
}
/* line 3127, ../src/html/sass/style.scss */
#contact .send:hover {
  background: #fff;
}
/* line 3131, ../src/html/sass/style.scss */
#contact .exp_txt {
  font-size: 0.7rem;
}
/* line 3134, ../src/html/sass/style.scss */
#contact .wpcf7-response-output {
  text-align: center;
  padding: 0.5rem;
}

/* line 3142, ../src/html/sass/style.scss */
#privacy .exp {
  text-align: center;
  padding: 2rem 5rem;
}
/* line 3147, ../src/html/sass/style.scss */
#privacy .privacy-area .ttl {
  font-size: 20px;
  font-weight: bold;
  margin-top: 1.5rem;
}
/* line 3152, ../src/html/sass/style.scss */
#privacy .privacy-area .txt {
  font-size: 13px;
  margin: 1rem 0 1.5rem;
}
/* line 3155, ../src/html/sass/style.scss */
#privacy .privacy-area .txt .sub {
  display: block;
  margin-left: 3rem;
}

/* line 3164, ../src/html/sass/style.scss */
#footer {
  position: relative;
  width: 100%;
  height: auto;
  text-align: center;
  background: #fff;
  color: #555;
  font-size: 0.8rem;
  padding: 0 0 2rem;
  z-index: 100;
}
/* line 3174, ../src/html/sass/style.scss */
#footer.layer {
  	background-image: url("../images/honey_green_10.jpg");
  /*background: #00a29a;*/
  color: #fff;
}
/* line 3180, ../src/html/sass/style.scss */
#footer.layer .right .sub_list li a {
  color: #fff;
}
/* line 3187, ../src/html/sass/style.scss */
#footer .container {
  text-align: left;
}
/* line 3189, ../src/html/sass/style.scss */
#footer .container.pc {
  padding-top: 2rem;
}
/* line 3191, ../src/html/sass/style.scss */
#footer .container.pc.social_footer {
  padding-top: 0;
}
/* line 3196, ../src/html/sass/style.scss */
#footer .contact_footer {
  padding: 2.5rem 0;
  background: url(../images/bk_footer.png) no-repeat;
  background-size: cover;
}
/* line 3200, ../src/html/sass/style.scss */
#footer .contact_footer .viewmore {
  width: 24%;
  font-size: 17px;
  background: rgba(255, 255, 255, 0.6);
  border: none;
  padding: 0.8rem 0;
  margin: 20px auto 10px;
}
/* line 3208, ../src/html/sass/style.scss */
#footer .contact_footer .sub_txt {
  color: #fff;
  letter-spacing: 2px;
}
/* line 3213, ../src/html/sass/style.scss */
#footer .foot_sns_main {
  display: inline-block;
  vertical-align: bottom;
  margin-left: 3rem;
}
/* line 3217, ../src/html/sass/style.scss */
#footer .foot_sns_main li {
  display: inline-block;
  vertical-align: bottom;
  margin-left: 0.3rem;
}
/* line 3221, ../src/html/sass/style.scss */
#footer .foot_sns_main li:first-child {
  margin-left: 0;
}
/* line 3224, ../src/html/sass/style.scss */
#footer .foot_sns_main li a {
  color: #fff;
  font-size: 1.8rem;
  display: inline-block;
  height: auto;
  vertical-align: top;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
/* line 3232, ../src/html/sass/style.scss */
#footer .foot_sns_main li a:hover {
  opacity: 0.6;
}
/* line 3235, ../src/html/sass/style.scss */
#footer .foot_sns_main li a i {
  vertical-align: top;
}
/* line 3241, ../src/html/sass/style.scss */
#footer #foot_sns_main_sp {
  display: none;
}
/* line 3244, ../src/html/sass/style.scss */
#footer .left {
  width: 70%;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  padding-top: 2rem;
}
/* line 3250, ../src/html/sass/style.scss */
#footer .left .left_top {
  margin-bottom: 1rem;
}
/* line 3252, ../src/html/sass/style.scss */
#footer .left .left_top .logo {
  width: 25%;
  display: inline-block;
  vertical-align: bottom;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
/* line 3258, ../src/html/sass/style.scss */
#footer .left .left_top .logo:hover {
  opacity: 0.6;
}
/* line 3265, ../src/html/sass/style.scss */
#footer .left .address,
#footer .left .tel_foot {
  font-size: 11px;
}
/* line 3270, ../src/html/sass/style.scss */
#footer .right {
  width: 25%;
  display: inline-block;
  vertical-align: bottom;
  text-align: right;
  font-size: 11px;
}
/* line 3276, ../src/html/sass/style.scss */
#footer .right .sub_list {
  margin-top: 1rem;
  text-align: left;
}
/* line 3279, ../src/html/sass/style.scss */
#footer .right .sub_list li {
  position: relative;
  display: inline-block;
  margin: 0 0.7rem;
}
/* line 3283, ../src/html/sass/style.scss */
#footer .right .sub_list li:first-child {
  margin: 0 0.7rem 0 0;
}
/* line 3286, ../src/html/sass/style.scss */
#footer .right .sub_list li a {
  text-decoration: none;
  color: #fff;
}
/* line 3303, ../src/html/sass/style.scss */
#footer .right .privacy_foot {
  color: #fff;
  text-decoration: none;
  letter-spacing: 2px;
}
/* line 3311, ../src/html/sass/style.scss */
#footer .sns {
  position: absolute;
  right: 0;
  top: -2.5rem;
}
/* line 3315, ../src/html/sass/style.scss */
#footer .sns li {
  display: inline-block;
  vertical-align: middle;
}
/* line 3318, ../src/html/sass/style.scss */
#footer .sns li .fb-like {
  position: relative;
  vertical-align: top;
}
/* line 3323, ../src/html/sass/style.scss */
#footer .sns li .twitter-share-button {
  position: relative !important;
  top: 3px !important;
  vertical-align: top;
}

/* line 3332, ../src/html/sass/style.scss */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
/* line 3363, ../src/html/sass/style.scss */
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* line 3394, ../src/html/sass/style.scss */
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/* line 3427, ../src/html/sass/style.scss */
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* line 3453, ../src/html/sass/style.scss */
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}



/* ここから追加　*/

.pc_honey{
	margin:0 auto;
	width:50%;
}

#honey_store{
	display: block;
    width: 30%;
    height: auto;
	margin: 20px auto;
}

span{
	font-size:18px;
}

.honey_insta{
	display:none;
}

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

.copy{
	text-align:right;
}



/* ---------- ヘッダーの設定 ---------- */
/* グローバルナビゲーションの設定 */
/* header */
#top-head {
    position: absolute;
    width: 100%;
    top: -100px;
    margin: 100px auto 0;
    padding: 10px 0 10px;
/*    background: rgba(255,255,255,.7); */
    z-index: 999;
	font-weight: 600;
}

#top-head a,
#top-head {
    color: #FFF;
    text-decoration: none;
}

#top-head .inner {
    position: relative;
}

/* Fixed */
#top-head.fixed {
    margin-top: 0;
    top: 0;
    position: fixed;
    background-color: #0F0F0F;
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
}

#top-head a.fixed {
    color: #F0F0F0;
}

#top-head .inner {
    position: relative;
	 display:block;
/*    width: 527px; */
    margin: 0 auto;
}

/* Toggle Button */
#nav-toggle {
    display: none;
}

#nav-toggle div {
    position: relative;
}

#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #F0F0F0;
    left: 0;
    -webkit-transition: 0.35s ease-in-out;
    -moz-transition: 0.35s ease-in-out;
    transition: 0.35s ease-in-out;
}

#nav-toggle span:nth-child(1) {
    top: 0;
}

#nav-toggle span:nth-child(2) {
    top: 11px;
}

#nav-toggle span:nth-child(3) {
    top: 22px;
}

#global-nav ul {
/*    position: absolute;
    right: 0;
    bottom: 0; */
	margin: 0 auto;
    display: table;
}

#global-nav ul li {
    float: left;
    font-size: 20px;
    letter-spacing: 0.1em;
}

#global-nav ul li a {
    padding-right: 30px;
}

#global-nav ul li a:hover {
    color:#bbb;
}