@charset "UTF-8";
body {
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}

img {
  width: 100%;
}

ul li {
  list-style: none;
}

table {
  border-spacing: 0;
}

body * {
  color: #000;
  line-height: 1;
  margin: 0;
  padding: 0;
}

a {
  color: #000;
  text-decoration: none;
  vertical-align: baseline;
  display: block;
}

a:hover, button:hover {
  opacity: 0.8;
}

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

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

.lp_wrap {
  margin: 0 auto;
  width: 100%;
  max-width: 2000px;
  overflow-x: hidden;
  position: relative;
}
@media screen and (max-width: 750px) {
  .lp_wrap {
    width: 100vw;
  }
}

.inner {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
}
@media screen and (max-width: 1300px) {
  .inner {
    width: 750px;
    margin-left: auto;
    margin-right: 50px;
  }
}
@media screen and (max-width: 1080px) {
  .inner {
    margin: 0 auto;
  }
}
@media screen and (max-width: 750px) {
  .inner {
    width: 100vw;
  }
}

/* ========================================
  ファーストビュー
======================================== */
.fv_area {
  background: url("../img/fv_bg.jpg") no-repeat top center;
  background-size: 100% 1000px;
  height: 1000px;
}
@media screen and (max-width: 750px) {
  .fv_area {
    background-size: 100% 133.33vw;
    height: 133.33vw;
  }
}

/*./fv_area*/
/* ========================================
  offer_area
======================================== */
.offer_area {
  background: url("../img/offer_bg.jpg") no-repeat top center;
  background-size: 100% 300px;
  height: 300px;
}
@media screen and (max-width: 750px) {
  .offer_area {
    background-size: 100% 40vw;
    height: 40vw;
  }
}
.offer_area .btn {
  display: block;
  width: 606px;
  margin: 0 auto;
  filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.6));
  overflow: hidden;
  border-radius: 60px;
  position: relative;
}
@media screen and (max-width: 750px) {
  .offer_area .btn {
    width: 80.8vw;
    border-radius: 8vw;
    filter: drop-shadow(1.33vw 1.33vw 1.33vw rgba(0, 0, 0, 0.6));
  }
}
.offer_area .btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
  width: 20%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
  transform: skewX(-25deg);
  animation: shine 3s ease-in-out infinite;
}

/*./offer_area*/
@keyframes shine {
  0% {
    left: -75%;
  }
  40% {
    left: 125%;
  }
  100% {
    left: 125%;
  }
}
/* ========================================
  achievements_area
======================================== */
.achievements_area {
  background: url("../img/achievements_bg.jpg") no-repeat top center;
  background-size: 100% 3050px;
  height: 3050px;
}
@media screen and (max-width: 750px) {
  .achievements_area {
    background-size: 100% 406.67vw;
    height: 406.67vw;
  }
}

/*./achievements_area*/
/* ========================================
  sell_area
======================================== */
.sell_area {
  background: url("../img/sell_bg.jpg") no-repeat top center;
  background-size: 100% 1973px;
  height: 1973px;
}
@media screen and (max-width: 750px) {
  .sell_area {
    background-size: 100% 263.07vw;
    height: 263.07vw;
  }
}

/*./sell_area*/
/* ========================================
  consultation_area
======================================== */
.consultation_area {
  background: url("../img/consultation_bg.jpg") no-repeat top center;
  background-size: 100% 1218px;
  height: 1218px;
}
@media screen and (max-width: 750px) {
  .consultation_area {
    background-size: 100% 162.4vw;
    height: 162.4vw;
  }
}

/*./consultation_area*/
/* ========================================
  reason_area
======================================== */
.reason_area {
  background: url("../img/reason_bg.jpg") no-repeat top center;
  background-size: 100% 5361px;
  height: 5361px;
}
@media screen and (max-width: 750px) {
  .reason_area {
    background-size: 100% 714.8vw;
    height: 714.8vw;
  }
}

/*./reason_area*/
/* ========================================
  voice_area
======================================== */
.voice_area {
  background: url("../img/voice_bg.jpg") no-repeat top center;
  background-size: 100% 3301px;
  height: 3301px;
}
@media screen and (max-width: 750px) {
  .voice_area {
    background-size: 100% 440.13vw;
    height: 440.13vw;
  }
}

/*./voice_area*/
/* ========================================
  flow_area
======================================== */
.flow_area {
  background-color: #e8e9e2;
}

/*./flow_area*/
/* ========================================
  qa_area
======================================== */
.qa_area {
  background: url("../img/qa_bg.jpg") no-repeat top center, #e8e9e2;
  background-size: 100% 330px,100%;
  padding-bottom: 100px;
}
@media screen and (max-width: 750px) {
  .qa_area {
    background-size: 100% 44vw, 100%;
    padding-bottom: 13.33vw;
  }
}
.qa_area dl {
  margin-top: 34px;
}
@media screen and (max-width: 750px) {
  .qa_area dl {
    margin-top: 4.53vw;
  }
}
.qa_area dt {
  padding-top: 36px;
  padding-bottom: 36px;
  position: relative;
}
@media screen and (max-width: 750px) {
  .qa_area dt {
    padding-top: 4.8vw;
    padding-bottom: 4.8vw;
  }
}
.qa_area dt.active span::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.qa_area dt span {
  position: absolute;
  display: block;
  position: absolute;
  right: 50px;
  top: 50%;
  transform: translate(0%, -50%);
  width: 40px;
  height: 40px;
}
@media screen and (max-width: 750px) {
  .qa_area dt span {
    right: 6.67vw;
    width: 5.33vw;
    height: 5.33vw;
  }
}
.qa_area dt span::before, .qa_area dt span::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #1b2944;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.3s ease-in-out;
}
.qa_area dt span::after {
  width: 1px;
  height: 100%;
  transform: translate(-50%, -50%) rotate(0deg);
}
.qa_area dt::after {
  content: "";
  display: block;
  width: 650px;
  height: 1px;
  background: #1b2944;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0%);
}
@media screen and (max-width: 750px) {
  .qa_area dt::after {
    width: 86.67vw;
  }
}
.qa_area dt:first-of-type::after {
  display: none;
}
.qa_area dd {
  margin-top: 24px;
  margin-bottom: 61px;
  display: none;
}
@media screen and (max-width: 750px) {
  .qa_area dd {
    margin-top: 3.2vw;
    margin-bottom: 8.13vw;
  }
}

/*./qa_area*/
/* ========================================
  footer
======================================== */
footer {
  background-color: #e8e9e2;
}
footer ul {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
footer li {
  padding: 0 28px;
  border-right: 1px solid #1b2944;
}
@media screen and (max-width: 750px) {
  footer li {
    padding: 0 3.73vw;
  }
}
footer li:nth-of-type(1) {
  width: 182px;
}
@media screen and (max-width: 750px) {
  footer li:nth-of-type(1) {
    width: 24.27vw;
  }
}
footer li:nth-of-type(2) {
  width: 181px;
}
@media screen and (max-width: 750px) {
  footer li:nth-of-type(2) {
    width: 24.13vw;
  }
}
footer li:nth-of-type(3) {
  width: 349px;
  border: none;
}
@media screen and (max-width: 750px) {
  footer li:nth-of-type(3) {
    width: 46.53vw;
  }
}

/*/footer*/
/*固定背景*/
.background-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/fixed_bg.jpg") no-repeat center center;
  background-size: 2000px 1300px;
  z-index: -1;
}
@media screen and (max-width: 750px) {
  .background-fixed {
    display: none;
  }
}

.contents_wrap {
  width: 100%;
  max-width: 2000px;
  margin: 0 auto;
}
@media screen and (max-width: 1300px) {
  .contents_wrap {
    width: 100vw;
  }
}
@media screen and (max-width: 750px) {
  .contents_wrap {
    width: 100vw;
  }
}

/*吸着左*/
.l_menu {
  position: fixed;
  left: -0;
  top: 50%;
  transform: translate(0%, -50%);
  width: 358px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
}
@media screen and (max-width: 2000px) {
  .l_menu {
    width: calc((100vw - 750px)/2);
  }
}
@media screen and (max-width: 1300px) {
  .l_menu {
    width: calc(100vw - 800px);
  }
}
@media screen and (max-width: 1080px) {
  .l_menu {
    display: none;
  }
}
.l_menu .tit {
  width: 232px;
}
.l_menu ul {
  width: 232px;
  margin-top: 37px;
}
.l_menu li {
  margin-top: 33px;
}

/*吸着右*/
.r_menu {
  position: fixed;
  right: -0;
  top: 50%;
  transform: translate(0%, -50%);
  width: 358px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 2000px) {
  .r_menu {
    width: calc((100vw - 750px)/2);
  }
}
@media screen and (max-width: 1300px) {
  .r_menu {
    display: none;
  }
}
.r_menu .qr {
  width: 200px;
}

.contents_area {
  width: 750px;
}
@media screen and (max-width: 750px) {
  .contents_area {
    width: 100vw;
  }
}

/*# sourceMappingURL=style.css.map */