@charset "UTF-8";
body {
  font-family: "Noto Sans JP", sans-serif;
}

* {
  box-sizing: border-box;
}

img {
  width: 100%;
}

#mv, #page_header {
  padding-top: 56px;
}

header {
  width: 100%;
  position: fixed;
  z-index: 999;
  background-color: #fff;
}
header .header_logo_pc {
  width: 204px;
  margin: 10px 20px;
}
@media screen and (max-width: 300px) {
  header .header_logo_pc {
    width: 66vw;
  }
}
header .header_logo_pc img {
  width: 100%;
}
header .header_menu_area {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1080px) {
  header .header_menu_area .pc_nav {
    display: none;
  }
}
header .header_menu_area .pc_nav ul {
  display: flex;
  align-items: flex-end;
}
header .header_menu_area .pc_nav li {
  padding-right: 15px;
}
header .header_menu_area .pc_nav li:nth-child(3) {
  margin-left: 5px;
}
header .header_menu_area .pc_nav li:nth-child(3) img {
  width: 103px;
}

#mv {
  overflow: hidden;
}
#mv .mv_area {
  background-image: url("../images/top/pc-mv.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  #mv .mv_area {
    background-image: url("../images/top/sp-mv.jpg");
  }
}
#mv .mv-1 {
  position: relative;
  z-index: 10;
  padding-top: 7%;
  padding-bottom: 4%;
}
#mv .mv-2-3 {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  padding-bottom: 4%;
}
#mv .mv-2-3 .mv-2 {
  width: 39%;
  filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.5));
}
#mv .mv-2-3 .mv-3 {
  width: 60%;
  position: relative;
}
#mv .mv-2-3 .mv-3::after {
  position: absolute;
  content: "";
  width: 142%;
  height: 106%;
  top: -6.5%;
  left: 0;
  background-image: url("../images/top/mv-3.png");
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}
#mv .mv-4 {
  filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.5));
  padding-bottom: 4%;
}

#cv01, #cv02 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#cv01 .cv_area, #cv02 .cv_area {
  position: relative;
}
@media screen and (max-width: 768px) {
  #cv01 .cv_area.p_b_30, #cv02 .cv_area.p_b_30 {
    padding-bottom: 1.2vw;
  }
}
#cv01 .cv_area img, #cv02 .cv_area img {
  width: 73%;
  position: relative;
  z-index: 1;
}
#cv01 .cv_area .f_s_12, #cv02 .cv_area .f_s_12 {
  position: relative;
  z-index: 1;
}
#cv01 .cv_area::after, #cv02 .cv_area::after {
  position: absolute;
  content: "";
  background-image: url("../images/top/cv_back02.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  right: 0px;
  bottom: 0;
  width: 221px;
  height: 314px;
  z-index: 0;
}
@media screen and (max-width: 930px) {
  #cv01 .cv_area::after, #cv02 .cv_area::after {
    right: 0vw;
    width: 213px;
    height: 305px;
  }
}
@media screen and (max-width: 930px) and (max-width: 768px) {
  #cv01 .cv_area::after, #cv02 .cv_area::after {
    width: 26vw;
    height: 37vw;
  }
}

#cv01 {
  background-image: url("../images/top/cv_back01.jpg");
}
#cv01 .img_cv img {
  margin-top: -45px;
}
@media screen and (max-width: 768px) {
  #cv01 .img_cv img {
    margin-top: -6vw;
  }
}

#cv02 {
  background-image: url("../images/top/cv_back02.jpg");
}
@media screen and (max-width: 768px) {
  #cv02 .p_t_30 {
    padding-top: 1vw;
  }
}

#onayami .onayami_area {
  background-image: url("../images/top/back_support.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  #onayami .onayami_area {
    background-image: url("../images/top/onayami_back_sp.png");
  }
}
#onayami .onayami_area .onayami01 {
  width: 230px;
}
@media screen and (max-width: 768px) {
  #onayami .onayami_area .onayami01 {
    width: 30vw;
  }
}
#onayami .onayami_area .onayami02 {
  width: 460px;
}
@media screen and (max-width: 768px) {
  #onayami .onayami_area .onayami02 {
    width: 60vw;
  }
}
#onayami .onayami_area .onayami03 {
  width: 576px;
}
@media screen and (max-width: 768px) {
  #onayami .onayami_area .onayami03 {
    width: 75vw;
  }
}
#onayami .onayami_area .onayami_y {
  width: 92px;
}
@media screen and (max-width: 768px) {
  #onayami .onayami_area .onayami_y {
    width: 12vw;
  }
}
#onayami .onayami_area02 {
  background-image: url("../images/top/onayami05_back_pc01.png"), url("../images/top/onayami05_back_pc02.png");
  background-position: left, right;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  height: 524px;
}
@media screen and (max-width: 768px) {
  #onayami .onayami_area02 {
    background-image: url("../images/top/onayami05_back_sp.png");
    height: 69vw;
  }
}
#onayami .onayami_area02 .onayami04 {
  width: 476px;
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  #onayami .onayami_area02 .onayami04 {
    top: 3vw;
    width: 62vw;
  }
}

#support {
  background-color: #f0f0f0;
  -webkit-clip-path: polygon(100% 0, 100% 90%, 50% 100%, 0 90%, 0 0, 50% 10%);
          clip-path: polygon(100% 0, 100% 90%, 50% 100%, 0 90%, 0 0, 50% 10%);
  margin-top: -115px;
}
@media screen and (max-width: 768px) {
  #support {
    margin-top: -11vw;
  }
}
#support .support01 {
  width: 583px;
}
@media screen and (max-width: 768px) {
  #support .support01 {
    width: 76vw;
  }
}
#strength .strength_ttl01 {
  width: 337px;
  position: absolute;
  top: -20px;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  #strength .strength_ttl01 {
    width: 44vw;
    top: -3vw;
  }
}
#strength .strength_ttl02 {
  width: 600px;
}
@media screen and (max-width: 768px) {
  #strength .strength_ttl02 {
    width: 78vw;
  }
}
#strength .strength_text {
  padding: 20px;
  background-color: #0078c8;
  margin-top: -1px;
}
@media screen and (max-width: 768px) {
  #strength .strength_text {
    padding: 2vw;
  }
}
#strength .strength01 {
  text-align: center;
}
#strength .strength01 img {
  width: auto;
  height: 138px;
}
@media screen and (max-width: 768px) {
  #strength .strength01 img {
    height: 18vw;
  }
}

#omakase .omakase01 {
  width: 576px;
}
@media screen and (max-width: 768px) {
  #omakase .omakase01 {
    width: 75vw;
  }
}
#omakase .omakase02 {
  width: 92px;
}
@media screen and (max-width: 768px) {
  #omakase .omakase02 {
    width: 12vw;
  }
}

#flow .flow01 {
  width: 500px;
}
@media screen and (max-width: 768px) {
  #flow .flow01 {
    width: 65vw;
  }
}
#flow .flow02 {
  margin-top: -50px;
}
@media screen and (max-width: 768px) {
  #flow .flow02 {
    margin-top: -6vw;
  }
}

#voice .width768, #voice .width768_100 {
  background-color: #f0f0f0;
}
#voice .voice_ttl {
  width: 568px;
}
@media screen and (max-width: 768px) {
  #voice .voice_ttl {
    width: 74vw;
  }
}
#voice .name {
  border-bottom: 1px solid #0078c8;
  padding: 10px 0;
}
@media screen and (max-width: 768px) {
  #voice .name {
    padding: 1vw 0;
  }
}
#voice .text {
  padding: 30px;
}
@media screen and (max-width: 768px) {
  #voice .text {
    padding: 3vw;
  }
}
#voice .text .f_s_14 {
  font-size: 2rem;
  line-height: 4.5rem;
}
@media screen and (max-width: 768px) {
  #voice .text .f_s_14 {
    line-height: 6.5vw;
    font-size: 3.5vw;
  }
}

.mendan_ttl {
  background: linear-gradient(180deg, #0078c8 0%, #0078c8 20%, #00c8ff 100%);
}

#contact, #contact02 {
  background-color: #f0f0f0;
}
#contact .ttl_contact, #contact02 .ttl_contact {
  background-color: #f00078;
  padding: 23px;
  position: relative;
}
@media screen and (max-width: 768px) {
  #contact .ttl_contact, #contact02 .ttl_contact {
    padding: 3vw;
  }
}
#contact .ttl_contact::after, #contact02 .ttl_contact::after {
  position: absolute;
  content: "";
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 30px;
  height: 13px;
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
          clip-path: polygon(50% 100%, 0 0, 100% 0);
  background-color: #f00078;
}

.btn01 {
  position: relative;
  display: inline-block;
  padding: 10px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border-radius: 5px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .btn01 {
    padding: 1.5vw;
  }
}
.btn01.b_color01 {
  color: #fff;
  background-color: #f00078;
  border-bottom: 5px solid #c80050;
}
.btn01.b_color01:hover {
  margin-top: 3px;
  background: #f00078;
  border-bottom: 2px solid #c80050;
}
.btn01.b_color02 {
  color: #fff;
  background-color: #00b400;
  border-bottom: 5px solid #008200;
}
.btn01.b_color02:hover {
  margin-top: 3px;
  background: #00b400;
  border-bottom: 2px solid #008200;
}
.btn01.b_color03 {
  color: #fff;
  background-color: #0000c8;
  border-bottom: 5px solid #000082;
}
.btn01.b_color03:hover {
  margin-top: 3px;
  background: #0000c8;
  border-bottom: 2px solid #000082;
}
.btn01 span.cta01, .btn01 span.cta02 {
  position: relative;
  display: inline-block;
}
.btn01 span.cta01::after, .btn01 span.cta02::after {
  position: absolute;
  content: "";
  background-image: url("../images/top/btn.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.btn01 span.cta01::after {
  top: 10px;
  right: -28px;
  width: 24px;
  height: 25px;
}
@media screen and (max-width: 768px) {
  .btn01 span.cta01::after {
    width: 3.7vw;
    height: 3.7vw;
    top: 0.911vw;
    right: -5vw;
  }
}
.btn01 span.cta02 {
  padding: 3px;
  color: #fff;
}
.btn01 span.cta02::after {
  top: 8px;
  right: -15px;
  width: 14px;
  height: 19px;
}
@media screen and (max-width: 768px) {
  .btn01 span.cta02::after {
    width: 3.7vw;
    height: 3.7vw;
    top: 0.911vw;
    right: -5vw;
  }
}

/*　faq　*/
#faq .ttl {
  width: 322px;
}
@media (max-width: 768px) {
  #faq .ttl {
    width: 42vw;
  }
}
#faq .faq_area .faq_nai ul {
  width: 100%;
}
#faq .faq_area .faq_nai ul li {
  border-top: 1px dashed #0078c8;
}
#faq .faq_area .faq_nai ul table {
  width: 100%;
}
#faq .faq_area .faq_nai ul table td:nth-child(1) {
  width: 76px;
}
@media (max-width: 768px) {
  #faq .faq_area .faq_nai ul table td:nth-child(1) {
    width: 10vw;
  }
}
#faq .faq_area .faq_nai ul table td:nth-child(2) {
  padding-top: 10px;
}
@media (max-width: 768px) {
  #faq .faq_area .faq_nai ul table td:nth-child(2) {
    padding-top: 3vw;
  }
}
#faq .faq_area .faq_nai ul table .line {
  font-weight: bold;
}
#faq .faq_area .faq_nai .faq_q, #faq .faq_area .faq_nai .faq_a {
  font-weight: bold;
  position: relative;
  z-index: 1;
  padding-left: 20px;
  color: #fff;
  font-family: "Bebas Neue", cursive;
}
@media (max-width: 768px) {
  #faq .faq_area .faq_nai .faq_q, #faq .faq_area .faq_nai .faq_a {
    padding-left: 3vw;
  }
}
#faq .faq_area .faq_nai .faq_q::after, #faq .faq_area .faq_nai .faq_a::after {
  position: absolute;
  content: "";
  left: 2px;
  border-radius: 100%;
  height: 50px;
  width: 50px;
  z-index: -1;
}
@media (max-width: 768px) {
  #faq .faq_area .faq_nai .faq_q::after, #faq .faq_area .faq_nai .faq_a::after {
    height: 7vw;
    width: 7vw;
  }
}
#faq .faq_area .faq_nai .faq_q {
  padding-top: 10px;
  display: inline-block;
}
#faq .faq_area .faq_nai .faq_q::after {
  background-color: #0078c8;
  top: 4px;
}
@media (max-width: 480px) {
  #faq .faq_area .faq_nai .faq_q::after {
    top: 1.5vw;
  }
}
#faq .faq_area .faq_nai .faq_a::after {
  background-color: #f00078;
  top: -7px;
}
@media (max-width: 768px) {
  #faq .faq_area .faq_nai .faq_a::after {
    top: -1.5vw;
  }
}
#faq .faq_area .faq_nai .faq_a02.f_s_14 {
  line-height: 45px;
}
@media (max-width: 768px) {
  #faq .faq_area .faq_nai .faq_a02.f_s_14 {
    line-height: 3.5rem;
  }
}
#faq .f_s_14 {
  line-height: 6.4vw;
}/*# sourceMappingURL=main.css.map */