@charset "UTF-8";
body {
  background: #011a2d;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 750px) {
  body .business {
    display: block;
  }
}
body header .header_logo {
  padding-left: 20px;
}
@media screen and (max-width: 750px) {
  body header .header_logo {
    padding-left: 2.666667vw;
  }
}
body header .logo {
  width: auto;
  height: 45px;
  margin: 20px 25px 20px 0px;
}
@media screen and (max-width: 750px) {
  body header .logo {
    margin: 2.666667vw 3.333333vw 2.666667vw 0px;
  }
}
body header .nav_btn {
  margin: 15px;
}
@media screen and (max-width: 750px) {
  body header .nav_btn {
    margin: 2vw;
  }
}
body header .nav_btn.navy {
  margin: 15px 65px;
}
@media screen and (max-width: 750px) {
  body header .nav_btn.navy {
    margin: 2vw 8.666667vw;
    z-index: 100000;
    position: fixed;
    right: 0;
  }
}
body .sp-nav {
  z-index: 10000;
  position: fixed;
  inset: 0;
  height: -moz-fit-content;
  height: fit-content;
  display: block;
  background: #dfdfdf;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  transform: translateY(-100%);
}
body .sp-nav ul {
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
body .sp-nav ul li {
  margin: 0;
  padding: 0;
}
body .sp-nav ul li span {
  font-size: 15px;
  color: #e1e1e1;
}
body .sp-nav ul li a,
body .sp-nav ul li span {
  padding: 18px 0;
}
body .sp-nav ul li.close {
  position: relative;
  padding-left: 20px;
}
body .sp-nav ul li.close ::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 16px;
  height: 1px;
  background: #fff;
  transform: rotate(45deg);
}
body .sp-nav ul li.close ::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 16px;
  height: 1px;
  background: #fff;
  transform: rotate(-45deg);
}
body .toggle {
  transform: translateY(0);
  opacity: 1;
}
body main {
  background: #011a2d;
}
body main.bg_wolf {
  background: url(./img/wolf_part.png) left calc(50% - 372px) top 24%/auto auto no-repeat, url(./img/wolf_part.png) right calc(50% - 310px) bottom 34%/auto auto no-repeat;
}
@media screen and (max-width: 750px) {
  body main.bg_wolf {
    background: url(./img/wolf_part.png) left 60% top 123vw/66.666667vw auto no-repeat, url(./img/wolf_part.png) left 60% top 279vw/66.666667vw auto no-repeat;
  }
}
@media screen and (max-width: 414px) {
  body main.bg_wolf {
    background: url(./img/wolf_part.png) left 60% top 123vw/66.666667vw auto no-repeat, url(./img/wolf_part.png) left 60% top 286vw/66.666667vw auto no-repeat;
  }
}
body .movie {
  position: absolute;
  top: -85px;
  right: 0;
  width: 85%;
  z-index: 10;
  max-width: 1000px;
}
@media screen and (max-width: 750px) {
  body .movie {
    width: 100%;
    height: 80vw;
    position: static;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
body .top_banner {
  max-width: 500px;
  width: 500px;
  height: 500px;
}
@media screen and (max-width: 750px) {
  body .top_banner {
    width: 66.6666667vw;
    height: 66.6666667vw;
  }
}
body .banner_photo {
  max-width: 500px;
}
@media screen and (max-width: 750px) {
  body .banner_photo {
    width: 66.6666667vw;
    height: 66.6666667vw;
  }
}
body .banner_text {
  font-size: 24px;
}
@media screen and (max-width: 750px) {
  body .banner_text {
    font-size: 3.2vw;
  }
}
body .bg1 {
  height: 330px;
  position: absolute;
  overflow: visible;
  top: 90px;
  right: 1000px;
}
@media screen and (max-width: 750px) {
  body .bg1 {
    height: 34.2vw;
    top: 80vw;
    right: 0;
  }
}
body .fv {
  height: 764px;
    background: url(./img/bg2.jpg) left 40px top 491px/auto 130px no-repeat, url(./img/bg3.jpg) right 350px top 471px/auto 245px no-repeat, url(./img/bg4.jpg) right 0 top 501px/auto 155px no-repeat;
}
body .fv .fc {
  position: absolute;
  z-index: 10;
  top: 44%;
  left: 5%;
}
@media screen and (max-width: 750px) {
  body .fv {
    height: 33vw;
    background: url(./img/bg2.jpg) left 0 top 4vw/auto 20vw no-repeat, url(./img/bg3.jpg) left 37vw top 16vw/auto 14vw no-repeat, url(./img/bg4.jpg) left 37vw top 16vw/auto 14vw no-repeat;
  }
}
body .top {
  background: url(./img/bg5.jpg) left 0 top 430px/auto 287px no-repeat, url(./img/bg6.jpg) right 459px top 695px/auto 97px no-repeat, url(./img/bg7.jpg) right 0 top 615px/auto 200px no-repeat, url(./img/bg8.jpg) left 0 top 1050px/auto 166px no-repeat, url(./img/bg9.jpg) right 50px top 1110px/auto 180px no-repeat;
}
@media screen and (max-width: 750px) {
  body .top {
    background: url(./img/bg5.jpg) left 0 top 84vw/auto 31.3vw no-repeat, url(./img/bg6.jpg) right 20vw top 115vw/auto 12.9vw no-repeat, url(./img/bg7.jpg) right -19.4vw top 83vw/auto 26.6vw no-repeat, url(./img/bg8.jpg) left -3.6vw top 154vw/auto 22.1vw no-repeat, url(./img/bg9.jpg) right 0 top 159vw/auto 24vw no-repeat;
  }
}
@media screen and (max-width: 414px){
  body .top {
    background: url(./img/bg5.jpg) left 0 top 87vw/auto 31.3vw no-repeat, url(./img/bg6.jpg) right 20vw top 116vw/auto 12.9vw no-repeat, url(./img/bg7.jpg) right -19.4vw top 87vw/auto 26.6vw no-repeat, url(./img/bg8.jpg) left -3.6vw top 157.5vw/auto 22.1vw no-repeat, url(./img/bg9.jpg) right 0 top 162.5vw/auto 24vw no-repeat;
}
}
body .ds_f {
  display: flex;
}
body .sp_ds_f {
  display: flex;
}
@media screen and (max-width: 750px) {
  body .sp_ds_f {
    display: block;
  }
}
@media screen and (max-width: 750px) {
  body .pc_ds_f {
    display: flex;
  }
}
body .js_b {
  justify-content: space-between;
}
body address {
  font-style: normal;
}
body .copy {
  text-align: center;
  font-size: 10px;
}
@media screen and (max-width: 750px) {
  body .copy {
    font-size: 2.4vw;
  }
}
body .awajishima_logo {
  height: 77px;
  width: auto;
  margin-left: 15px;
}
@media screen and (max-width: 750px) {
  body .awajishima_logo {
    height: 10.266667vw;
    margin-left: 0;
    margin-top: 2vw;
  }
}
body .wolf_logo {
  height: 77px;
  width: auto;
}
@media screen and (max-width: 750px) {
  body .wolf_logo {
    height: 10.266667vw;
  }
}
body .banner_logo {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 1;
  height: 60px;
  width: auto;
}
@media screen and (max-width: 750px) {
  body .banner_logo {
    height: 8vw;
    top: 2.666667vw;
    left: 2.666667vw;
  }
}
body .h0 {
  position: absolute;
  top: 212px;
  left: 100px;
  z-index: 100;
}
@media screen and (max-width: 750px) {
  body .h0 {
    left: 5vw;
    top: 44.5vw;
  }
}
body .h0 img {
  height: 315px;
  width: auto;
}
@media screen and (max-width: 750px) {
  body .h0 img {
    height: 42vw;
  }
}
body .h0_jp {
  font-size: 24px;
}
@media screen and (max-width: 750px) {
  body .h0_jp {
    font-size: 4vw;
  }
}
body .h0_pages {
  padding: 0;
  align-items: flex-end;
  line-height: 1.5;
  position: absolute;
  top: 80%;
  left: 8%;
}
@media screen and (max-width: 750px) {
  body .h0_pages.privacy {
    top: 47%;
  }
}
body .h0_pages img {
  height: 95px;
  width: 100%;
}
@media screen and (max-width: 750px) {
  body .h0_pages img {
    height: 12.666667vw;
  }
}
body .h0_pages img.pc_none {
  height: 26.666667vw;
}
body .store_font {
  position: absolute;
  top: -5%;
  left: 4%;
}
body h1 {
  font-size: 12px;
  margin: auto;
  white-space: nowrap;
}
@media screen and (max-width: 750px) {
  body h1 {
    font-size: 2.666667vw;
  }
}
body h2 {
  font-style: normal;
}
body h2.white {
  color: #e1e1e1;
  line-height: 38px;
  padding: 0;
}
body h2.headline {
  position: relative;
  margin-bottom: 30px;
}
@media screen and (max-width: 750px) {
  body h2.headline {
    margin-bottom: 4vw;
  }
}
body h2.headline.contact {
  margin-top: 120px;
}
@media screen and (max-width: 750px) {
  body h2.headline.contact {
    margin-top: 16vw;
  }
}
body h3 {
  color: #e1e1e1;
}
body h3.overview {
  font-size: 30px;
  padding: 150px 0 40px;
  text-align: center;
  font-weight: 400;
}
@media screen and (max-width: 750px) {
  body h3.overview {
    font-size: 4vw;
    padding: 20vw 0 5.333333vw;
  }
}
body h3.access {
  font-size: 30px;
  padding: 100px 0 40px;
  text-align: center;
  font-weight: 400;
}
@media screen and (max-width: 750px) {
  body h3.access {
    font-size: 4vw;
    padding: 13.333333vw 0 5.333333vw;
  }
}
body h3.headline {
  font-size: 40px;
  font-weight: normal;
  text-align: left;
}
@media screen and (max-width: 750px) {
  body h3.headline {
    font-size: 6.666667vw;
  }
}
body h3.awaji_headline {
  font-size: 30px;
  font-weight: 300;
  text-align: left;
  margin-bottom: 25px;
  line-height: 2;
}
@media screen and (max-width: 750px) {
  body h3.awaji_headline {
    margin: 0 0 2.666667vw;
    font-size: 4vw;
  }
}
body .map {
  width: 100%;
  height: 400px;
}
@media screen and (max-width: 750px) {
  body .map {
    height: 66.666667vw;
  }
}
body .service_list {
  padding: 20px 0;
}
@media screen and (max-width: 750px) {
  body .service_list {
    padding: 2.666667vw 0;
  }
}
@media screen and (max-width: 750px) {
  body .service_list li {
    margin-bottom: 3.333333vw;
  }
}
body .about_space {
  margin: 0 100px 150px;
}
@media screen and (max-width: 750px) {
  body .about_space {
    margin: 0 5.333333vw 13.333333vw;
  }
}
body .text_box {
  background-color: #dfdfdf;
  padding: 60px;
  margin: 150px 100px 100px;
  line-height: 2;
}
@media screen and (max-width: 750px) {
  body .text_box {
    margin: 20vw 6.666667vw 13.333333vw;
    padding: 5.333333vw;
  }
}
body .text_box.not_found {
  padding: 60px 60px 160px;
  margin: 100px 100px 50px;
  line-height: normal;
}
@media screen and (max-width: 750px) {
  body .text_box.not_found {
    padding: 4vw;
    margin: 13.333333vw 5.333333vw 5.333333vw;
  }
}
body .text_box.about {
  margin: 0;
  padding: 50px;
  font-size: 14px;
}
@media screen and (max-width: 750px) {
  body .text_box.about {
    padding: 4vw;
    font-size: 2.6666667vw;
  }
}
body .text_box.about tbody td {
  padding-bottom: 10px;
  color: #011a2d;
  font-weight: 400;
}
@media screen and (max-width: 750px) {
  body .text_box.about tbody td {
    padding-bottom: 2vw;
  }
}
body .text_box.recruit {
  margin: 0;
  padding: 60px;
  font-size: 14px;
}
@media screen and (max-width: 750px) {
  body .text_box.recruit {
    padding: 5.333333vw;
    font-size: 2.6666667vw;
  }
}
body .text_box.thanks {
  margin: 150px 100px 0;
}
@media screen and (max-width: 750px) {
  body .text_box.thanks {
    margin: 20vw 5.333333vw 0;
  }
}
body .text_box p {
  font-size: 14px;
  color: #011a2d;
  font-weight: 400;
}
@media screen and (max-width: 750px) {
  body .text_box p {
    font-size: 2.666667vw;
  }
}
body .text_box p.under_space {
  margin-bottom: 40px;
}
@media screen and (max-width: 750px) {
  body .text_box p.under_space {
    margin-bottom: 8vw;
  }
}
body .text_box p.not_found {
  font-size: 40px;
}
@media screen and (max-width: 750px) {
  body .text_box p.not_found {
    font-size: 5.333333vw;
  }
}
body .text_box p.not_found_text {
  font-size: 24px;
  font-weight: 100;
}
@media screen and (max-width: 750px) {
  body .text_box p.not_found_text {
    font-size: 3.2vw;
  }
}
body .text_box tbody td {
  padding-bottom: 30px;
  color: #011a2d;
  font-weight: 400;
}
@media screen and (max-width: 750px) {
  body .text_box tbody td {
    padding-bottom: 4.666667vw;
  }
}
@media screen and (max-width: 750px) {
  body .text_box .sp_space {
    margin-bottom: 4.666667vw;
  }
}
body .text_box .pc_space {
  margin-right: 60px;
}
@media screen and (max-width: 750px) {
  body .text_box .pc_space {
    margin: 0;
  }
}
body .recruit_link {
  border-bottom: 1px solid #011a2d;
  font-size: 14px;
  color: #011a2d;
}
@media screen and (max-width: 750px) {
  body .recruit_link {
    font-size: 2.6666667vw;
  }
}
body p,
body span,
body address {
  font-size: 18px;
}
body .jp {
  font-size: 18px;
  margin-bottom: auto;
  margin-top: auto;
  z-index: 10;
  margin-left: 20px;
}
@media screen and (max-width: 750px) {
  body .jp {
    font-size: 2.666667vw;
    margin-left: 2.666667vw;
  }
}
body .icon {
  display: inline;
  width: 16px;
  margin-left: 20px;
}
body .ghost-btn {
  width: 100%;
}
body .ghost-btn.space {
  margin-bottom: 30px;
}
@media screen and (max-width: 750px) {
  body .ghost-btn.space {
    margin-bottom: 4vw;
  }
}
body .ghost-btn.thanks_btn {
  width: 360px;
  margin: 50px auto 100px;
}
@media screen and (max-width: 750px) {
  body .ghost-btn.thanks_btn {
    width: 48vw;
    margin: 6.666667vw auto 13.333333vw;
  }
}
body .ghost-btn.thanks_btn a {
  border: 1px solid #e1e1e1;
  color: #e1e1e1;
  display: block;
  padding: 20px 0;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
}
@media screen and (max-width: 750px) {
  body .ghost-btn.thanks_btn a {
    padding: 2.666667vw 0;
    font-size: 2.666667vw;
  }
}
body .ghost-btn.thanks_btn a:hover .t_arrow::before,
body .ghost-btn.thanks_btn a:hover .c_arrow::before {
  border-top: 1px solid #011a2d;
  border-right: 1px solid #011a2d;
}
body .ghost-btn a {
  border: 1px solid #e1e1e1;
  color: #e1e1e1;
  display: block;
  padding: 14px;
  text-align: center;
  text-decoration: none;
}
@media screen and (max-width: 750px) {
  body .ghost-btn a {
    padding: 1.866667vw;
    font-size: 2.4vw;
  }
}
body .ghost-btn a.awajishima {
  font-size: 14px;
  padding: 20px 2px 0;
  font-weight: 500;
}
@media screen and (max-width: 750px) {
  body .ghost-btn a.awajishima {
    font-size: 2.666667vw;
    padding: 2.666667vw 0.266667vw;
  }
}
body .ghost-btn a.ec_link {
  font-size: 24px;
  text-align: left;
  width: 430px;
  font-weight: 100;
}
@media screen and (max-width: 750px) {
  body .ghost-btn a.ec_link {
    font-size: 5.333333vw;
    padding-left: 50px;
    width: 100%;
    height: 102px;
  }
}
body .ghost-btn a.recruit {
  padding: 14px 0 0;
}
@media screen and (max-width: 750px) {
  body .ghost-btn a.recruit {
    padding: 1.866667vw 0 0;
  }
}
body .ghost-btn a:hover {
  color: #011a2d;
  background: #e1e1e1;
}
body .ghost-btn a:hover .s_arrow::before {
  border-top: 1px solid #021a2c;
  border-right: 1px solid #021a2c;
}
body .ghost-btn a:hover .awaji_arrow::before {
  border-top: 1px solid #021a2c;
  border-right: 1px solid #021a2c;
}
body .ghost-btn a:hover .ec_arrow::before {
  border-top: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
}
body .ghost-btn .yakiniku_link {
  display: flex;
  border-bottom: 0px;
  margin: 0;
  text-align: left;
  font-size: 14px;
}
@media screen and (max-width: 750px) {
  body .ghost-btn .yakiniku_link {
    font-size: 2.666667vw;
  }
}
body .ghost-btn .yakiniku_link:hover .fill_icon {
  fill: #011a2d;
}
body .ec_btn {
  width: 100%;
  font-weight: 100;
}
body .ec_btn a {
  border: 1px solid #e1e1e1;
  color: #e1e1e1;
  display: block;
  padding: 15px;
  text-decoration: none;
}
@media screen and (max-width: 750px) {
  body .ec_btn a {
    padding: 2vw;
  }
}
body .ec_btn a:hover {
  background: #E1E1E1;
  color: #011a2d;
}
body .ec_btn a:hover .ec_span {
  color: #011a2d;
}
body .ec_btn a:hover .ec_arrow::before {
  border-top: 1px solid #011a2d;
  border-right: 1px solid #011a2d;
}
body .ec_btn a p {
  font-size: 24px;
}
@media screen and (max-width: 750px) {
  body .ec_btn a p {
    font-size: 5.333333vw;
  }
}
body .ec_btn a span {
  font-size: 14px;
  font-weight: 500;
}
@media screen and (max-width: 750px) {
  body .ec_btn a span {
    font-size: 2.666667vw;
  }
}
body footer,
body p,
body span,
body a,
body td,
body li {
  color: #e1e1e1;
}
body footer.bold,
body p.bold,
body span.bold,
body a.bold,
body td.bold,
body li.bold {
  font-weight: bold;
}
body header,
body footer,
body .info {
  background: #dfdfdf;
}
body header h1,
body header h2,
body header h3,
body header a,
body header p,
body header address,
body footer h1,
body footer h2,
body footer h3,
body footer a,
body footer p,
body footer address,
body .info h1,
body .info h2,
body .info h3,
body .info a,
body .info p,
body .info address {
  color: #021a2c;
}
body .feed {
  background: #011f36;
}
body .feed a:hover {
  color: #b4a176;
}
body .feed a:hover .fill_icon {
  fill: #b4a176;
}
body .gold,
body a:hover {
  color: #b4a176;
}
body .gold .s_arrow::before,
body a:hover .s_arrow::before {
  border-top: 1px solid #b4a176;
  border-right: 1px solid #b4a176;
}
body .gold .license,
body a:hover .license {
  color: #b4a176;
}
body .mincyou {
  font-family: "BIZ UDMincho", serif;
  letter-spacing: 0.2em;
  line-height: 1.9;
}
@media screen and (max-width: 750px) {
  body .mincyou {
    font-size: 3.2vw;
    letter-spacing: normal;
  }
}
@media screen and (max-width: 750px) {
  body .mincyou span {
    font-size: 3.2vw;
  }
}
body .mincyou.about {
  margin-left: 30px;
  font-size: 30px;
  line-height: 1.8;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 750px) {
  body .mincyou.about {
    margin-left: 4vw;
    font-size: 4vw;
  }
}
body .license {
  border: 1px solid;
  margin-right: 10px;
  font-size: 12px;
}
@media screen and (max-width: 750px) {
  body .license {
    font-size: 1.866667vw;
  }
}
body .business_banner {
  position: relative;
}
body .bg_dark {
  background-color: #062335;
  display: inline-block;
  mix-blend-mode: multiply;
  position: absolute;
  opacity: 0.63;
}
body .bg_dark:hover {
  mix-blend-mode: normal;
  opacity: 0;
}
body .bg_dark img {
  display: block;
  opacity: 0.5;
  width: 100%;
}
body .bg_dark img:hover {
  opacity: 1;
}
body .about_us {
  padding: 130px 0 150px;
}
@media screen and (max-width: 750px) {
  body .about_us {
    padding: 17.333333vw 0 20vw;
  }
}
@media screen and (max-width: 414px){
  body .about_us {
    padding: 10vw 0 20.666667vw;
  }
}
body .about_us .us_banner {
  background-image: url(./img/us_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 6rem 2rem;
}
body .company-profile-access {
  height: 240px;
  width: 100%;
  background: url(./img/us_bg.png);
  background-position: top 85% left;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 750px) {
  body .company-profile-access {
    height: 32vw;
  }
}
body .company-profile-access img {
  opacity: 1;
  height: 55px;
  width: auto;
}
@media screen and (max-width: 750px) {
  body .company-profile-access img {
    height: 7.333333vw;
  }
}
body .bannner_font_yakiniku,
body .bannner_font_awajishima {
  opacity: 1;
  height: 55px;
  width: auto;
}
@media screen and (max-width: 750px) {
  body .bannner_font_yakiniku,
  body .bannner_font_awajishima {
    height: 7.33333vw;
  }
}
body .arrow {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
}
body .arrow::before, body .arrow::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
body .s_arrow::before {
  left: 5px;
  width: 9px;
  height: 9px;
  border-top: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  transform: rotate(45deg);
  transition: inherit;
}
body .p_arrow::before {
  left: 5px;
  width: 9px;
  height: 9px;
  border-top: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  transform: rotate(45deg);
  transition: inherit;
}
@media screen and (max-width: 750px) {
  body .p_arrow::before {
    right: -18.333333vw;
    top: -4.533333vw;
  }
}
body .t_arrow::before {
  left: -100px;
  top: -4px;
  width: 9px;
  height: 9px;
  border-top: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  transform: rotate(225deg);
  transition: inherit;
}
@media screen and (max-width: 750px) {
  body .t_arrow::before {
    left: -10.333333vw;
    top: -0.533333vw;
  }
}
body .c_arrow::before {
  left: -100px;
  top: -4px;
  width: 9px;
  height: 9px;
  border-top: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  transform: rotate(225deg);
  transition: inherit;
}
@media screen and (max-width: 750px) {
  body .c_arrow::before {
    left: -10.333333vw;
    top: -4.533333vw;
  }
}
body .awaji_arrow::before {
  width: 9px;
  height: 9px;
  border-top: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  transform: rotate(135deg);
  transition: inherit;
  top: -20px;
}
@media screen and (max-width: 750px) {
  body .awaji_arrow::before {
    top: -2.666667vw;
  }
}
body .ec_arrow::before {
  top: -41px;
  right: -85%;
  width: 25px;
  height: 25px;
  border-top: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  transform: rotate(45deg);
  transition: inherit;
}
@media screen and (max-width: 750px) {
  body .ec_arrow::before {
    top: -8.266667vw;
    right: -85%;
    width: 4vw;
    height: 4vw;
  }
}
body .l_arrow_y {
  position: absolute;
  top: 38%;
  left: 5%;
}
body .l_arrow_y::before {
  left: 89%;
  width: 60px;
  height: 60px;
  border-top: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  transform: rotate(45deg);
}
@media screen and (max-width: 750px) {
  body .l_arrow_y::before {
    width: 8vw;
    height: 8vw;
  }
}
body .l_arrow_a {
  position: absolute;
  top: 38%;
  left: 5%;
}
body .l_arrow_a::before {
  left: 95%;
  width: 60px;
  height: 60px;
  border-top: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  transform: rotate(45deg);
}
@media screen and (max-width: 750px) {
  body .l_arrow_a::before {
    width: 8vw;
    height: 8vw;
  }
}
body .l_arrow_c {
  position: absolute;
  top: 30%;
  left: 5%;
}
body .l_arrow_c img {
  opacity: 1;
}
body .l_arrow_c:before {
  position: absolute;
  left: 96%;
  width: 60px;
  height: 60px;
  border-top: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  transform: rotate(45deg);
}
@media screen and (max-width: 750px) {
  body .l_arrow_c:before {
    width: 8vw;
    height: 8vw;
  }
}
body .main_visual {
  position: relative;
}
body .contents {
  padding: 0 100px;
}
body .contents.awajishima {
  background: url(./img/awaji_bg.png);
  background-repeat: no-repeat;
  background-position: top 3% left 50%;
}
@media screen and (max-width: 750px) {
  body .contents {
    padding: 0 5.3vw;
  }
}
body .contents .business li a {
  font-size: 14px;
}
@media screen and (max-width: 750px) {
  body .contents .business li a {
    font-size: 2.666667vw;
  }
}
@media screen and (max-width: 750px) {
  body .contents .business li {
    display: block;
  }
}
@media screen and (max-width: 750px) {
  body .contents .business {
    overflow-x: scroll;
  }
}
body .feed {
  padding: 0 67px 75px;
}
@media screen and (max-width: 750px) {
  body .feed {
    padding: 0 0 10vw;
  }
}
body .feed a {
  font-size: 18px;
}
@media screen and (max-width: 750px) {
  body .feed a {
    font-size: 2.666667vw;
  }
}
body .wolf {
  padding: 150px 100px;
  background-image: url(./img/wolf_bg.jpg);
  background-size: cover;
}
@media screen and (max-width: 750px) {
  body .wolf {
    padding: 20vw 5.333333vw;
  }
}
body .wolf .text {
  margin: 0 0 1rem;
  font-size: 14px;
}
@media screen and (max-width: 750px) {
  body .wolf .text {
    font-size: 2.666667vw;
  }
}
body .split_btn {
  margin: 0 auto;
  width: 50%;
}
@media screen and (max-width: 750px) {
  body .split_btn {
    width: 100%;
  }
}
body .split_btn.recruit {
  margin-top: 100px;
  width: 400px;
}
@media screen and (max-width: 750px) {
  body .split_btn.recruit {
    margin-top: 13.333333vw;
    width: 58.666667vw;
  }
}
body .footer_menu {
  padding: 60px 40px;
}
@media screen and (max-width: 750px) {
  body .footer_menu {
    padding: 0 5.333333vw 8vw;
  }
}
body .footer_menu .logo {
  width: auto;
  height: 77px;
  padding: 0 30px 0 0;
}
@media screen and (max-width: 750px) {
  body .footer_menu .logo {
    height: 14.4vw;
    padding: 0 4vw 0 0;
  }
}
body .footer_menu p,
body .footer_menu address {
  font-size: 12px;
}
@media screen and (max-width: 750px) {
  body .footer_menu p,
  body .footer_menu address {
    font-size: 2.4vw;
  }
}
body .footer_menu .footer_menu_block h3 {
  border-bottom: solid 2px;
  font-size: 14px;
  margin-bottom: 20px;
  text-align: inherit;
}
@media screen and (max-width: 750px) {
  body .footer_menu .footer_menu_block h3 {
    font-size: 2.666666vw;
    margin: 8vw 0 4vw;
  }
}
body .footer_menu .footer_menu_block h3 a {
  font-weight: bold;
}
body .footer_menu .footer_menu_block li {
  font-size: 12px;
}
@media screen and (max-width: 750px) {
  body .footer_menu .footer_menu_block li {
    font-size: 2.666667vw;
    margin-bottom: 4vw;
  }
}
@media screen and (max-width: 750px) {
  body .footer_menu .footer_menu_block {
    padding-right: 5.333333vw;
  }
}
@media screen and (max-width: 750px) {
  body .footer_menu .footer_menu_block.right {
    padding-right: 0px;
  }
}
body .nav_menu {
  padding: 30px 90px;
  margin: 0 auto;
  max-width: 1200px;
}
@media screen and (max-width: 750px) {
  body .nav_menu {
    padding: 0 13.333333vw;
    margin: 5.333333vw 0;
  }
}
body .nav_menu p,
body .nav_menu address {
  font-size: 14px;
}
body .nav_menu .s_arrow::before {
  left: 5px;
  width: 7px;
  height: 7px;
  border-top: 1px solid gray;
  border-right: 1px solid gray;
  transform: rotate(45deg);
}
body .nav_menu .nav_menu_block {
  padding-right: 4rem;
  font-weight: 400;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 1rem;
}
@media screen and (max-width: 750px) {
  body .nav_menu .nav_menu_block {
    padding-right: 0;
  }
}
body .nav_menu .nav_menu_block h3 {
  border-bottom: solid 2px;
  font-size: 14px;
  margin: 0 0 1rem;
}
@media screen and (max-width: 750px) {
  body .nav_menu .nav_menu_block h3 {
    font-size: 2.666667vw;
  }
}
body .nav_menu .nav_menu_block li {
  font-size: 12px;
  margin-bottom: 10px;
}
@media screen and (max-width: 750px) {
  body .nav_menu .nav_menu_block li {
    margin-bottom: 4vw;
    font-size: 2.666667vw;
  }
}
body .info {
  padding: 60px 0 0;
}
@media screen and (max-width: 750px) {
  body .info {
    padding: 8vw 0 0;
  }
}
body .info .company {
  border-left: solid 2px #021a2c;
  padding-left: 10px;
  line-height: 1.3;
}
@media screen and (max-width: 750px) {
  body .info .company {
    padding-left: 1.333333vw;
  }
}
body .Form {
  padding: 60px;
  margin: 150px 100px 0;
}
@media screen and (max-width: 750px) {
  body .Form {
    margin: 20vw 5.333333vw 0;
    padding: 5.333333vw;
  }
}
body select {
  padding: 2px 2px 2px 10px;
  box-shadow: 0px 0px 5px 2px #ccc inset;
  border: solid 1px;
}
body .Form-Item-Label {
  color: #011a2d;
  min-width: 150px;
  font-size: 14px;
}
@media screen and (max-width: 750px) {
  body .Form-Item-Label {
    width: 100%;
    font-size: 4vw;
  }
}
body .Form-Item-Input,
body .Form-Item-Textarea {
  width: 100%;
  padding: 2px 2px 2px 10px;
  box-shadow: 0px 0px 5px 2px #ccc inset;
  border: solid 1px;
}
body .Form-Item-Input.post_code,
body .Form-Item-Textarea.post_code {
  width: 30%;
}
body .Form-Item-Label-Required {
  color: #ff0000;
  padding-left: 5px;
}
body input.ghost-btn {
  border: 1px solid #fff;
  color: #fff;
  display: block;
  font-size: 14px;
  padding: 20px 0;
  text-align: center;
  text-decoration: none;
  background: rgba(0, 0, 0, 0);
  margin: 50px auto 100px;
  width: 360px;
}
body input.ghost-btn:hover {
  color: #021a2c;
  background: #fff;
}
@media screen and (max-width: 750px) {
  body input.ghost-btn {
    margin: 6.666667vw auto 13.333333vw;
    width: 48vw;
    font-size: 2.666667vw;
    padding: 2.666667vw 0;
  }
}
body .mv {
  height: 15rem;
  background-color: #efefef;
}
@media screen and (max-width: 750px) {
  body .mv {
    height: 6rem;
  }
}
body .item {
  vertical-align: top;
  width: 84px;
}
@media screen and (max-width: 750px) {
  body .item {
    width: 16vw;
  }
}
body .yakiniku_item {
  vertical-align: top;
  width: fit-content;
  white-space: nowrap;
}
@media screen and (max-width: 750px) {
  body .yakiniku_item {
    width: 16vw;
  }
}
body .ikebukuro_block {
  margin: 230px 0 180px;
  flex-direction: row-reverse;
}
@media screen and (max-width: 750px) {
  body .ikebukuro_block {
    margin: 24vw 0 17.333333vw;
  }
}
body .license_block {
  margin: 150px 0;
  padding: 0 100px;
}
@media screen and (max-width: 750px) {
  body .license_block {
    margin: 13.333333vw 0;
    padding: 0 5.333333vw;
  }
}
body .license_block span {
  font-size: 12px;
}
@media screen and (max-width: 750px) {
  body .license_block span {
    font-size: 2.666667vw;
  }
}
body .license_block tbody {
  font-size: 14px;
}
@media screen and (max-width: 750px) {
  body .license_block tbody {
    font-size: 2.666667vw;
  }
}
body .license_block .license_contents {
  padding: 30px;
  border: solid 1px #fff;
}
@media screen and (max-width: 750px) {
  body .license_block .license_contents {
    padding: 4vw;
  }
}
body .asterisk::before {
  content: "※";
  margin-left: -1rem;
}
body .dot::before {
  content: "・";
  margin-left: -1rem;
}
body .coron::before {
  content: "：";
  margin-left: -1rem;
}
body .other {
  color: #011a2d;
  margin: -1em;
  font-size: 14px;
}
@media screen and (max-width: 750px) {
  body .other {
    font-size: 2.666667vw;
  }
}
body .another {
  color: #011a2d;
  margin: -1em;
  font-size: 14px;
}
@media screen and (max-width: 750px) {
  body .another {
    font-size: 2.666667vw;
  }
}
body .ikebukuro_store,
body .kanda_store {
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 750px) {
  body .ikebukuro_store,
  body .kanda_store {
    width: auto;
    margin: 0 5.333333vw 6.666667vw;
  }
}
body .ikebukuro_wolf {
  padding: 0rem 40px 0 100px;
  width: 500px;
  z-index: 1;
}
@media screen and (max-width: 750px) {
  body .ikebukuro_wolf {
    padding: 0 5.333333vw;
    width: 100%;
  }
}
body .ikebukuro_wolf table {
  margin: 30px 0 40px;
}
@media screen and (max-width: 750px) {
  body .ikebukuro_wolf table {
    margin: 4vw 0 5.333333vw;
  }
}
body .ikebukuro_wolf table tbody {
  color: #fff;
  font-size: 14px;
}
@media screen and (max-width: 750px) {
  body .ikebukuro_wolf table tbody {
    font-size: 2.666667vw;
  }
}
@media screen and (max-width: 750px) {
  body .ikebukuro_wolf span {
    font-size: 1.866667vw;
  }
}
body .ikebukuro_wolf .bland {
  font-size: 14px;
}
@media screen and (max-width: 750px) {
  body .ikebukuro_wolf .bland {
    font-size: 2.666667vw;
  }
}
body .kanda_wolf {
  padding: 0rem 100px 0 40px;
  width: 500px;
  z-index: 1;
}
@media screen and (max-width: 750px) {
  body .kanda_wolf {
    padding: 0 5.333333vw;
    width: 100%;
  }
}
body .kanda_wolf table {
  margin: 30px 0 40px;
}
@media screen and (max-width: 750px) {
  body .kanda_wolf table {
    margin: 4vw 0 5.333333vw;
  }
}
body .kanda_wolf table tbody {
  color: #fff;
  font-size: 14px;
}
@media screen and (max-width: 750px) {
  body .kanda_wolf table tbody {
    font-size: 2.666667vw;
  }
}
@media screen and (max-width: 750px) {
  body .kanda_wolf span {
    font-size: 1.866667vw;
  }
}
@media screen and (max-width: 750px) {
  body .order1 {
    order: 1;
  }
}
body .order2 {
  margin: 0 0 30px;
}
@media screen and (max-width: 750px) {
  body .order2 {
    order: 2;
    margin: 4vw 0 0;
  }
}
body .awaji_text {
  width: 50%;
}
body .awaji_text p {
  margin-bottom: 30px;
  line-height: 2;
  font-size: 14px;
  font-weight: 400;
}
@media screen and (max-width: 750px) {
  body .awaji_text p {
    margin-bottom: 5.333333vw;
    font-size: 2.6666667vw;
  }
}
body .awaji_text p span {
  font-size: 14px;
}
@media screen and (max-width: 750px) {
  body .awaji_text p span {
    font-size: 2.6666667vw;
  }
}
body .awaji_text.left {
  padding: 0 0 0 70px;
}
@media screen and (max-width: 750px) {
  body .awaji_text.left {
    padding: 0;
  }
}
body .awaji_text.right {
  padding: 0 70px 0 0;
}
@media screen and (max-width: 750px) {
  body .awaji_text.right {
    padding: 0;
  }
}
@media screen and (max-width: 750px) {
  body .awaji_text {
    width: 100%;
  }
}
body .awaji_photo {
  z-index: 1;
  position: relative;
}
@media screen and (max-width: 750px) {
  body .awaji_photo {
    width: 100%;
    margin-bottom: 5.33333vw;
  }
}
body .awajishima_address {
  font-size: 14px;
  margin-left: 30px;
}
body .awajishima_address table {
  margin-right: 40px;
}
@media screen and (max-width: 750px) {
  body .awajishima_address table {
    margin: 0 0 4vw;
  }
}
@media screen and (max-width: 750px) {
  body .awajishima_address {
    font-size: 2.666667vw;
    margin-left: 2vw;
  }
}
body .awajishima_address a {
  margin-bottom: 10px;
}
body .awajishima_link {
  font-size: 14px;
}
@media screen and (max-width: 750px) {
  body .awajishima_link {
    font-size: 2.6666667vw;
  }
}
body .furusato {
  border: solid 1px #fff;
  padding: 20px;
  margin: 150px 0;
  font-weight: 500;
}
@media screen and (max-width: 750px) {
  body .furusato {
    padding: 2.666667vw;
    margin: 20vw 0;
  }
}
body .furusato p {
  font-size: 14px;
}
@media screen and (max-width: 750px) {
  body .furusato p {
    font-size: 2.6666667vw;
  }
}
body .license_store {
  margin-right: 30px;
}
@media screen and (max-width: 750px) {
  body .license_store {
    margin: 0;
  }
}
body .license_store table {
  margin-top: 30px;
}
@media screen and (max-width: 750px) {
  body .license_store table {
    margin-top: 4vw;
  }
}
body .license_store .license_store_name {
  padding: 0 0 0 30px;
}
@media screen and (max-width: 750px) {
  body .license_store .license_store_name {
    padding: 0 0 0 4vw;
  }
}
body .license_store .seizansyou {
  height: 100px;
}
@media screen and (max-width: 750px) {
  body .license_store .seizansyou {
    height: 13.333333vw;
  }
}
body .fill_icon {
  fill: #E1E1E1;
  margin: auto 0;
}
body .fill_icon .instagram {
  margin-left: 20px;
  height: 20px;
}
@media screen and (max-width: 750px) {
  body .fill_icon .instagram {
    margin-left: 2.666667vw;
    height: 2.666667vw;
  }
}
body .fill_icon .yakiniku_icon {
  height: 23px;
  margin-right: 10px;
}
@media screen and (max-width: 750px) {
  body .fill_icon .yakiniku_icon {
    height: 3.066667vw;
  }
}
body .fill_icon .yakiniku_icon.map {
  width: 23px;
}
@media screen and (max-width: 750px) {
  body .fill_icon .yakiniku_icon.map {
    width: 3.066667vw;
  }
}
body .fill_icon .awajishima_icon {
  margin-right: 10px;
  height: 16px;
}
@media screen and (max-width: 750px) {
  body .fill_icon .awajishima_icon {
    height: 2.666667vw;
    margin-right: 1.333333vw;
  }
}
body .fill_icon .awajishima_icon.map {
  width: 16px;
}
body .fill_icon .vending_machine_icon {
  height: 16px;
  margin-left: 10px;
}
@media screen and (max-width: 750px) {
  body .fill_icon .vending_machine_icon {
    height: 2.666667vw;
    margin-left: 1.333333vw;
  }
}
body .awajishima_link:hover .fill_icon {
  fill: #b4a176;
  margin: auto 0;
}
body .contact_link {
  font-size: 12px;
  font-weight: 400;
}
@media screen and (max-width: 750px) {
  body .contact_link {
    font-size: 2.666667vw;
  }
}
@media screen and (max-width: 750px) {
  body .pc_block {
    display: none;
  }
}
body .sp_block {
  display: none;
}
@media screen and (max-width: 750px) {
  body .sp_block {
    display: block;
  }
}
body .yakiniku_business {
  letter-spacing: normal;
  margin-left: 30px;
  font-size: 24px;
}
@media screen and (max-width: 750px) {
  body .yakiniku_business {
    margin-left: 4vw;
    font-size: 3.2vw;
  }
}
body .small_font {
  font-size: 10px;
}
body .vending_machine {
  margin: 140px 0 0;
  flex-direction: row-reverse;
}
@media screen and (max-width: 750px) {
  body .vending_machine {
    margin: 18.666667vw 0 0;
  }
}
body .awaji_info {
  border: solid 1px #fff;
  padding: 30px;
  margin: 40px 0 210px;
}
@media screen and (max-width: 750px) {
  body .awaji_info {
    padding: 2.666667vw;
    margin: 5.333333vw 0 28vw;
  }
}
@media screen and (max-width: 750px) {
  body .awaji_info .awajishima_store {
    height: 20.666667vw;
  }
}
body .instagram_store {
  padding-top: 30px;
}
@media screen and (max-width: 750px) {
  body .instagram_store {
    margin: 0 9.333333vw;
    padding-bottom: 2.666667vw;
  }
}
body .frozen_vending_machine_font {
  position: absolute;
  height: 105px;
  top: -23%;
  left: 4%;
  z-index: 2;
}
@media screen and (max-width: 750px) {
  body .frozen_vending_machine_font {
    height: 14vw;
  }
}
body .ec_mail_order_font {
  height: 105px;
  position: absolute;
  top: -25%;
  left: 5%;
  z-index: 2;
}
@media screen and (max-width: 750px) {
  body .ec_mail_order_font {
    height: 14vw;
    top: -19%;
  }
}
body .awajishima_red_farm_font {
  position: absolute;
  height: 105px;
  top: -21%;
  left: 3%;
  z-index: 2;
}
@media screen and (max-width: 750px) {
  body .awajishima_red_farm_font {
    height: 14vw;
  }
}
body .kimuchi_manufacturing_block {
  margin: 170px 0;
  flex-direction: row-reverse;
}
@media screen and (max-width: 750px) {
  body .kimuchi_manufacturing_block {
    margin: 22.666667vw 0;
  }
}
body .kimuchi_manufacturing_block .kimuchi_manufacturing_font {
  position: absolute;
  top: -15%;
  left: 3%;
  height: 105px;
  z-index: 2;
}
@media screen and (max-width: 750px) {
  body .kimuchi_manufacturing_block .kimuchi_manufacturing_font {
    height: 14vw;
  }
}
body .awaji_btn {
  margin: 100px 0 150px;
}
@media screen and (max-width: 750px) {
  body .awaji_btn {
    margin: 13.333333vw 0 13.333333vw;
  }
}
body .awajishima_kimuchi_font {
  top: 50%;
  left: 8%;
  width: 53%;
}
body .font {
  z-index: 100;
  height: 50px;
  width: auto;
}
@media screen and (max-width: 750px) {
  body .font {
    height: 6.6vw;
  }
}
body .feather {
  position: absolute;
  z-index: 0;
  top: -60px;
  left: -58px;
}
@media screen and (max-width: 750px) {
  body .feather {
    top: -8vw;
    left: -7.7vw;
    height: 21.8vw;
  }
}
@media screen and (max-width: 750px) {
  body .feather.yakiniku {
    top: -11.733333vw;
    left: -5.277778vw;
    height: 21.8vw;
    z-index: -1;
  }
}
body .feather.awajishima {
  position: absolute;
  z-index: 1;
  top: -125px;
  left: -58px;
}
@media screen and (max-width: 750px) {
  body .feather.awajishima {
    top: -16.666667vw;
    left: -7.7vw;
    height: 21.8vw;
  }
}
body .business_banner a:hover .bg_dark {
  opacity: 0;
}
body .pages_fv {
  height: 240px;
  background-image: url(./img/yakiniku_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
body .pages_fv.privacy_policy_fv {
  background-image: url(./img/pc_privacy_bg.png);
}
@media screen and (max-width: 750px) {
  body .pages_fv.privacy_policy_fv {
    background-image: url(./img/sp_privacy_bg.png);
  }
}
body .pages_fv.about_fv {
  background-image: url(./img/pc_about_bg.png);
}
@media screen and (max-width: 750px) {
  body .pages_fv.about_fv {
    background-image: url(./img/sp_about_bg.png);
  }
}
body .pages_fv.recruit_fv {
  background-image: url(./img/pc_recruit_bg.png);
}
@media screen and (max-width: 750px) {
  body .pages_fv.recruit_fv {
    background-image: url(./img/sp_recruit_bg.png);
  }
}
body .pages_fv.contact_fv {
  background-image: url(./img/pc_contact_bg.png);
}
@media screen and (max-width: 750px) {
  body .pages_fv.contact_fv {
    background-image: url(./img/sp_contact_bg.png);
  }
}
body .pages_fv.awaji_fv {
  background-image: url(./img/awajishima_kimuchi_bg.png);
  background-position: top 26% left 0;
}
body .pages_fv.awaji_fv .pages_title h2 img {
  height: 205px;
  width: auto;
  top: 36%;
  left: 100px;
  position: absolute;
}
@media screen and (max-width: 750px) {
  body .pages_fv.awaji_fv .pages_title h2 img {
    height: 27.333333vw;
    top: 45%;
    left: 5.333333vw;
  }
}
body .pages_fv.awaji_fv .pages_title h2 span {
  top: 108%;
  position: absolute;
  left: 400px;
  font-size: 24px;
}
@media screen and (max-width: 750px) {
  body .pages_fv.awaji_fv .pages_title h2 span {
    top: 101%;
    left: 45.333333vw;
    font-size: 4vw;
  }
}
@media screen and (max-width: 750px) {
  body .pages_fv {
    height: 37.333333vw;
  }
}
body .pages_title {
  height: 240px;
  position: relative;
}
@media screen and (max-width: 750px) {
  body .pages_title {
    height: 37.333333vw;
  }
}
@media screen and (max-width: 750px) {
  body .paste_sp {
    height: 29.333333vw;
    margin-bottom: 5.333333vw;
  }
}
@media screen and (max-width: 750px) {
  body .fish_sp {
    height: 29.333333vw;
    margin-right: 4vw;
    margin-bottom: 5.333333vw;
  }
}
body .kimuchi_manufacturing_sp {
  margin-bottom: 300px;
}
@media screen and (max-width: 750px) {
  body .kimuchi_manufacturing_sp {
    margin-bottom: 4vw;
  }
}
body .vegetable_sp {
  height: 100%;
  max-width: 50%;
  margin-right: 30px;
}
@media screen and (max-width: 750px) {
  body .vegetable_sp {
    margin-right: 4vw;
  }
}
body .bridge_sp {
  margin: 40px 0 30px;
}
@media screen and (max-width: 750px) {
  body .bridge_sp {
    margin: 5.333333vw 0 4vw;
  }
}
body .kimuchi_sp {
  margin: 30px 0 20px;
  width: 100%;
}
@media screen and (max-width: 750px) {
  body .kimuchi_sp {
    margin: 4vw 0 2.666667vw;
  }
}
body #about_awajishima_kimuchi {
  margin: 0 0 50px;
}
@media screen and (max-width: 750px) {
  body #about_awajishima_kimuchi {
    margin: 0 0 6.666667vw;
  }
}

.pc_none {
  display: none;
}
@media screen and (max-width: 750px) {
  .pc_none {
    display: block;
  }
}

@media screen and (max-width: 750px) {
  .sp_none {
    display: none;
  }
}

.box {
  max-width: 1200px;
  width: 100%;
  margin: auto;
}

.openbtn {
  position: relative;
  cursor: pointer;
  width: 50px;
  height: 50px;
  z-index: 100000;
}
.openbtn.navy {
  position: fixed;
}
.openbtn.navy span {
  background: #011a2d;
}
@media screen and (max-width: 750px) {
  .openbtn.navy {
    right: 2vw;
  }
}

.openbtn span {
  display: inline-block;
  transition: all 0.4s;
  position: absolute;
  left: 14px;
  height: 4px;
  background: #fff;
  width: 50%;
}
@media screen and (max-width: 750px) {
  .openbtn span {
    background: #011a2d;
  }
}

.openbtn span:nth-of-type(1) {
  top: 15px;
}

.openbtn span:nth-of-type(2) {
  top: 23px;
}

.openbtn span:nth-of-type(3) {
  top: 31px;
}

.openbtn.active span:nth-of-type(1) {
  top: 18px;
  left: 18px;
  transform: translateY(6px) rotate(-45deg);
  width: 30%;
}

.openbtn.active span:nth-of-type(2) {
  opacity: 0;
}

.openbtn.active span:nth-of-type(3) {
  top: 30px;
  left: 18px;
  transform: translateY(-6px) rotate(45deg);
  width: 30%;
}

.indent {
  padding-left: 1em;
  text-indent: -1em;
}

.annotation {
  color: #ff0000;
  font-size: 10px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 5px;
}
@media screen and (max-width: 750px) {
  .annotation {
    font-size: 2.4vw;
  }
}

.form-space {
  width: 100%;
}

.form-margin {
  margin-bottom: 20px;
}
@media screen and (max-width: 750px) {
  .form-margin {
    margin-bottom: 6.666667vw;
  }
}

.form_error {
  margin: 150px 100px 0;
  padding: 60px;
  background: #dfdfdf;
}
@media screen and (max-width: 750px) {
  .form_error {
    margin: 20vw 5.333333vw 0;
    padding: 0 5.333333vw 9.333333vw;
  }
}

.buttons {
  display: flex;
  margin: 50px auto 100px;
  justify-content: center;
}
@media screen and (max-width: 750px) {
  .buttons {
    margin: 6.666667vw auto 13.333333vw;
  }
}

.lastbutton,
.syusei {
  border: 1px solid #fff;
  padding: 20px 0;
  text-align: center;
  width: 360px;
  font-size: 14px;
}
@media screen and (max-width: 750px) {
  .lastbutton,
  .syusei {
    width: 42.666667vw;
    padding: 2.666667vw 0;
    font-size: 2.666667vw;
  }
}
.lastbutton:hover,
.syusei:hover {
  background: #dfdfdf;
  color: #011a2d;
}
.lastbutton:hover .c_arrow::before,
.syusei:hover .c_arrow::before {
  border-top: 1px solid #011a2d;
  border-right: 1px solid #011a2d;
}
.lastbutton:hover .p_arrow::before,
.syusei:hover .p_arrow::before {
  border-top: 1px solid #011a2d;
  border-right: 1px solid #011a2d;
}

.lastbutton {
  margin-left: 20px;
}
@media screen and (max-width: 750px) {
  .lastbutton {
    margin-left: 2vw;
  }
}

.syusei {
  margin-right: 20px;
}
@media screen and (max-width: 750px) {
  .syusei {
    margin-right: 2vw;
  }
}

.thanks_text {
  margin-bottom: 30px;
}

.red {
  color: #ff0000;
  font-size: 14px;
}
@media screen and (max-width: 750px) {
  .red {
    font-size: 2.666667vw;
  }
}

.form_error * {
  color: #011a2d;
  font-size: 14px;
}
@media screen and (max-width: 750px) {
  .form_error * {
    font-size: 4vw;
  }
}

.form_error .form-table th,
.form_error .form-table td {
  word-break: break-all;
  padding: 10px 0;
}
@media screen and (max-width: 750px) {
  .form_error .form-table th,
  .form_error .form-table td {
    padding: 0;
  }
}

.form-table td span {
  color: #000;
}

.button_wrap {
  color: #fff;
  position: relative;
  width: 360px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .button_wrap {
    width: 48vw;
  }
}

html {
  scroll-behavior: smooth;
}

@media screen and (max-width: 750px) {
  table.form-table,
  table.form-table tr,
  table.form-table th,
  table.form-table td {
    display: block;
  }
}
.form_error .form-table th {
  text-align: left;
}
@media screen and (max-width: 750px) {
  .form_error .form-table th {
    margin: 9.333333vw 0 2.666667vw;
  }
}/*# sourceMappingURL=style.css.map */