@charset "utf-8";
html,body,h1,h2,h3,h4,ul,ol,dl,li,dt,dd,p,div,span,img,a,table,tr,th,td,article,header,footer,aside,figure,figcaption,nav,section{margin:0;padding:0;border:0;}
ul,ol {
  list-style: none;
}
html{
  font-size: 10px;
  font-size: 2.6666vw;
  scroll-behavior: smooth;
}
@media (min-width:768px) {
  html {
    font-size: 10px;
  }
}
body {
  color: #000;
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'MS PGothic', arial, helvetica, sans-serif;
  font-feature-settings : "pkna";
  font-size: 2em;
  line-height: 1.8;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}
img {
  vertical-align: top;
  width: 100%;
}
a {
  color: #000;
  text-decoration: none;
}
iframe {
  width: 100%;
}
.sp_only {
  display: block !important;
}
.pc_only {
  display: none !important;
}
.display_none {
  display: none !important;
}
@media (min-width:768px) {
  .sp_only {
    display: none !important;
  }
  .pc_only {
    display: block !important;
  }
}

.wrap {
  overflow: hidden;
  position: relative;
}

.header_inner,
.block_inner,
.footer_inner {
  margin: 0 auto;
  max-width: 1278px;
}

.header {
  background: #fafafa;
  border-bottom: 0.1rem solid #e8e8e8;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 100;
}
.nav_header ul {
  display: flex;
  flex-wrap: wrap;
  line-height: 1;
}
.nav_header .nav_logo {
  width: 13.62%;
}
.nav_header .nav_space_01 {
  width: 3.6%;
}
.nav_header .nav_campaign {
  width: 7.52%;
}
.nav_header .nav_space_02 {
  width: 6.11%;
}
.nav_header .nav_works {
  width: 5.17%;
}
.nav_header .nav_space_03 {
  width: 7.2%;
}
.nav_header .nav_contact {
  width: 6.11%;
}
.nav_header .nav_space_04 {
  width: 19.2%;
}
.nav_header .nav_info_mail {
  width: 15.18%;
}
.nav_header .nav_info_phone {
  width: 16.28%;
}
.nav_header .nav_item a {
  display: block;
  position: relative;
}
@media (min-width:768px) {
  .nav_header .nav_item a::after {
    background: #ffb200;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: height 0.1s;
    width: 100%;
  }
  .nav_header .nav_item a:hover::after {
    height: 0.3rem;
  }
}

.main {
  padding-top: 5.32%;
}
@media (min-width:1278px) {
  .main {
    padding-top: 68px;
  }
}

.bnr_2col_block {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.bnr_2col_block .bnr_item {
  margin-left: 23.48%;
  width: 23.48%;
}
.bnr_2col_block .bnr_item:first-child {
  margin-left: 0;
}
.bnr_2col_block .bnr_item a {
  display: block;
  transition: opacity 0.3s;
}
.bnr_2col_block .bnr_item a:hover {
  opacity: 0.7;
}

.lnk_sns_block {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  max-width: 128rem;
}
.lnk_sns_item {
  margin-left: 1rem;
  width: 2.58%;
}
.lnk_sns_item:first-child {
  margin-left: 0;
}
.lnk_sns_item a {
  display: block;
  transition: opacity 0.3s;
}
.lnk_sns_item a:hover {
  opacity: 0.7;
}

.footer_logo {
  background: #e8e8e8;
}
.footer_logo .footer_inner {
  text-align: right;
}
.footer_logo .logo_footer {
  margin: 0 auto;
  padding: 3rem 0 2.1rem;
  width: 50%;
}
@media (min-width:768px) {
  .footer_inner {
    max-width: 128rem;
  }
  .footer_logo .logo_footer {
    padding: 5rem 0 3.6rem;
    width: 34.56%;
  }
}

.footer_top .footer_inner {
  display: flex;
  justify-content: flex-end;
}
.footer_top .footer_top_sns {
  margin-left: 1%;
  width: 2.58%;
}
.footer_top .footer_top_sns:first-child {
  margin-left: 0;
}
.footer_top .footer_top_sns a {
  display: block;
}
.footer_top .footer_top_copyright {
  width: 31.18%;
}
@media (min-width:768px) {
  .footer_top .footer_top_sns a {
    transition: opacity 0.3s;
  }
  .footer_top .footer_top_sns a:hover {
    opacity: 0.7;
  }
}