@charset "UTF-8";
/*
2021.04更新作業以降用css
*/
.p-pichan__header {
  padding-top: 90px;
  position: relative;
  text-align: center;
  z-index: 2;
}
@media all and (min-width: 768px) {
  .p-pichan__header {
    border-bottom: 5px solid #d3d8e3;
  }
}
@media screen and (max-width: 767px) {
  .p-pichan__header {
    padding-top: 26px;
  }
}
.p-pichan__header::before {
  background-image: url(../img/project/pichan/city.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -3px;
  content: "";
  height: 97px;
  left: 0;
  position: absolute;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-pichan__header::before {
    background-image: url(../img/project/pichan/city-sp.png);
    background-size: 566px auto;
    bottom: 15px;
    height: 54px;
  }
}

.p-pichan__mv {
  position: relative;
  z-index: 9;
}
.p-pichan__mv img {
  margin-bottom: -42px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .p-pichan__mv img {
    margin-bottom: -15px;
  }
}

.p-pichan__body {
  background-color: #c2ecff;
  background-image: url(../img/project/pichan/cloud.png);
  background-position: center top 290px;
  background-repeat: no-repeat;
  background-size: 1912px auto;
  padding-bottom: 105px;
  padding-top: 120px;
}
@media screen and (max-width: 767px) {
  .p-pichan__body {
    padding-bottom: 60px;
    padding-top: 80px;
  }
}

.p-pichan__panel {
  background-color: #fff;
  border-radius: 30px;
  padding: 0 50px 55px 50px;
}
@media screen and (max-width: 767px) {
  .p-pichan__panel {
    padding: 0 20px 40px;
  }
}
.p-pichan__panel + .p-pichan__panel {
  margin-top: 155px;
}

.p-pichan__balloonTtl {
  text-align: center;
}
.p-pichan__balloonTtl img {
  display: inline;
  margin-top: -38px;
}

.p-pichan__twoCols {
  margin-top: 45px;
}
@media all and (min-width: 768px) {
  .p-pichan__twoCols {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  .p-pichan__twoCols {
    margin-top: 25px;
  }
}
.p-pichan__twoCols.-top {
  margin-top: 0;
}
@media all and (min-width: 768px) {
  .p-pichan__twoCols.-top {
    align-items: flex-start;
  }
}
@media all and (min-width: 768px) {
  .p-pichan__twoCols.-reverse {
    flex-direction: row-reverse;
  }
}

@media screen and (max-width: 767px) {
  .p-pichan__img01 img {
    margin-left: auto;
    margin-right: auto;
  }
}

@media all and (min-width: 768px) {
  .p-pichan__prof {
    width: 530px;
  }
}
@media screen and (max-width: 767px) {
  .p-pichan__prof {
    margin-top: 20px;
  }
}
.p-pichan__prof div {
  padding-bottom: 15px;
  padding-top: 15px;
}
@media all and (min-width: 768px) {
  .p-pichan__prof div {
    display: flex;
    flex-wrap: wrap;
  }
}
.p-pichan__prof div + div {
  border-top: 1px dashed #bababa;
}
.p-pichan__prof dt {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 16px;
  font-weight: 700;
}
@media all and (min-width: 768px) {
  .p-pichan__prof dt {
    padding-left: 10px;
    width: 195px;
  }
}
@media screen and (max-width: 767px) {
  .p-pichan__prof dt {
    font-size: 15px;
  }
}
.p-pichan__prof dt span {
  align-items: center;
  background-color: #f1db28;
  border-radius: 19px;
  display: inline-flex;
  height: 38px;
  justify-content: center;
  padding-left: 1em;
  padding-right: 1em;
}
@media screen and (max-width: 767px) {
  .p-pichan__prof dt span {
    border-radius: 17px;
    height: 34px;
  }
}
.p-pichan__prof dd {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5556;
  padding-top: 5px;
}
@media all and (min-width: 768px) {
  .p-pichan__prof dd {
    width: calc(100% - 195px);
  }
}
@media screen and (max-width: 767px) {
  .p-pichan__prof dd {
    font-size: 16px;
  }
}

ul.p-pichan__secretList {
  margin-top: 65px;
}
@media screen and (max-width: 767px) {
  ul.p-pichan__secretList {
    margin-top: 35px;
  }
}
ul.p-pichan__secretList li + li {
  border-top: 1px dashed #bababa;
  margin-top: 50px;
  padding-top: 55px;
}
@media screen and (max-width: 767px) {
  ul.p-pichan__secretList li + li {
    margin-top: 25px;
    padding-top: 25px;
  }
}

@media screen and (max-width: 767px) {
  .p-pichan__secret {
    margin-top: 20px;
  }
}
.p-pichan__secret dt {
  align-items: center;
  display: flex;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 28px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-pichan__secret dt {
    font-size: 18px;
  }
}
.p-pichan__secret dt div {
  align-items: center;
  background-color: #f1db28;
  border-radius: 25px;
  display: inline-flex;
  font-size: 20px;
  height: 50px;
  justify-content: center;
  margin-right: 25px;
  padding-left: 1em;
  padding-right: 1em;
}
@media screen and (max-width: 767px) {
  .p-pichan__secret dt div {
    border-radius: 17px;
    font-size: 15px;
    height: 34px;
    margin-right: 10px;
  }
}
.p-pichan__secret dt div span {
  display: inline-block;
  font-size: 26px;
  padding-bottom: 3px;
}
@media screen and (max-width: 767px) {
  .p-pichan__secret dt div span {
    font-size: 17px;
    padding-bottom: 1px;
  }
}
.p-pichan__secret dd {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.7778;
  margin-top: 35px;
}
@media screen and (max-width: 767px) {
  .p-pichan__secret dd {
    font-size: 16px;
    margin-top: 15px;
  }
}

@media all and (min-width: 768px) {
  .p-pichan__img02 {
    width: calc(100% - 560px);
  }
}
.p-pichan__img02 img {
  margin-left: auto;
  margin-right: auto;
}

@media all and (min-width: 768px) {
  .p-pichan__secret {
    width: 560px;
  }
}

.p-pichan__lineTtl {
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .p-pichan__lineTtl {
    margin-top: 50px;
  }
}
.p-pichan__lineTtl img {
  margin-left: auto;
  margin-right: auto;
}

ul.p-pichan__lineList {
  margin-top: 70px;
}
@media all and (min-width: 768px) {
  ul.p-pichan__lineList {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  ul.p-pichan__lineList {
    margin-top: 35px;
  }
}
@media screen and (max-width: 767px) {
  ul.p-pichan__lineList li + li {
    margin-top: 20px;
  }
}
ul.p-pichan__lineList li a img {
  margin-left: auto;
  margin-right: auto;
  transition: 0.4s;
}
@media all and (min-width: 768px) {
  ul.p-pichan__lineList li a:hover img {
    opacity: 0.8;
  }
}

@media all and (min-width: 768px) {
  .l-header {
    height: 100px;
  }
}

.l-header__logo::before {
  content: none;
}
.l-header__logo img {
  width: 655px;
}
@media screen and (max-width: 767px) {
  .l-header__logo img {
    width: 240px;
  }
}

@media all and (min-width: 768px) {
  .l-main {
    padding-top: 100px;
  }
}

@media all and (min-width: 768px) {
  .l-sitemap {
    padding-bottom: 35px;
  }
}

@media all and (min-width: 768px) {
  .l-sitemap__col.-main {
    padding-bottom: 20px;
  }
}

ul.l-sitemap__otherLinkList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  width: 210px;
}
ul.l-sitemap__otherLinkList li:first-child {
  margin-bottom: 30px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  ul.l-sitemap__otherLinkList li:first-child {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 767px) {
  ul.l-sitemap__otherLinkList li {
    width: auto;
  }
}
@media all and (min-width: 768px) {
  ul.l-sitemap__otherLinkList li a:hover img {
    opacity: 0.8;
  }
}
ul.l-sitemap__otherLinkList li a img {
  transition: 0.4s;
}

.l-gnav2 {
  background-color: #005192;
  display: none;
  height: calc(100vh - 100px);
  overflow-y: scroll;
  position: absolute;
  right: 0;
  top: 100px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .l-gnav2 {
    height: calc(100vh - 60px);
    top: 60px;
  }
}

.l-gnav2__inner {
  padding-bottom: 120px;
  padding-top: 60px;
}

ul.l-gnav2__linkList li {
  font-size: 22px;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 767px) {
  ul.l-gnav2__linkList li {
    font-size: 18px;
  }
}
ul.l-gnav2__linkList li + li {
  margin-top: 42px;
}
ul.l-gnav2__linkList li a {
  color: #fff;
  position: relative;
  text-decoration: none;
}
ul.l-gnav2__linkList li a::before {
  background: #fff;
  bottom: -4px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}
@media all and (min-width: 768px) {
  ul.l-gnav2__linkList li a::before {
    transform: scale(0, 1);
    transform-origin: right top;
    transition: transform 0.3s;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  }
}
@media all and (min-width: 768px) {
  ul.l-gnav2__linkList li a:hover::before {
    transform: scale(1, 1);
    transform-origin: left top;
  }
}
ul.l-gnav2__linkList li a {
  text-decoration: none;
}

ul.l-gnav2__snsList {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 70px;
}
@media screen and (max-width: 767px) {
  ul.l-gnav2__snsList {
    margin-top: 60px;
  }
}
ul.l-gnav2__snsList li {
  margin-left: 15px;
  margin-right: 15px;
  text-align: center;
  width: 55px;
}
@media screen and (max-width: 767px) {
  ul.l-gnav2__snsList li {
    margin-left: 8px;
    margin-right: 8px;
    width: 45px;
  }
}
@media all and (min-width: 768px) {
  ul.l-gnav2__snsList li a:hover img {
    opacity: 0.8;
  }
}
ul.l-gnav2__snsList li a img {
  margin-left: auto;
  margin-right: auto;
  transition: 0.4s;
}

.l-hamburger2 {
  background-color: #005192;
  background-image: url(../img/layout/hamburger2/line.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 60px 60px;
  height: 100px;
  position: fixed;
  right: 0;
  top: 0;
  width: 100px;
  z-index: 102;
}
@media screen and (max-width: 767px) {
  .l-hamburger2 {
    background-size: 45px 45px;
    height: 60px;
    width: 60px;
  }
}
.l-hamburger2.-active {
  background-image: url(../img/layout/hamburger2/x.svg);
}

.l-sitemap {
  background-color: #d3d8e3;
}

.l-colophon {
  background-color: #005192;
}

.l-toTop2 {
  bottom: 0;
  position: fixed;
  right: 0;
  transition: 0.2s;
  z-index: 100;
}
@media all and (min-width: 768px) {
  .l-toTop2:hover {
    opacity: 0.8;
  }
}
@media screen and (max-width: 767px) {
  .l-toTop2 img {
    width: 50px;
  }
}

@media all and (min-width: 768px) {
  .c-newsList div:hover {
    background-color: #fff;
  }
}

.c-inPageNav__linkList.-business {
  justify-content: flex-start;
}
.c-inPageNav__linkList.-business li {
  width: 25%;
}
@media screen and (max-width: 767px) {
  .c-inPageNav__linkList.-business li {
    width: 50%;
  }
}
.c-inPageNav__linkList.-business li:nth-child(1) {
  border-bottom: 1px solid #d3d8e3;
}
.c-inPageNav__linkList.-business li:nth-child(2) {
  border-bottom: 1px solid #d3d8e3;
}
.c-inPageNav__linkList.-business li:nth-child(3) {
  border-bottom: 1px solid #d3d8e3;
}
.c-inPageNav__linkList.-business li:nth-child(4) {
  border-bottom: 1px solid #d3d8e3;
  position: relative;
}
@media all and (min-width: 768px) {
  .c-inPageNav__linkList.-business li:nth-child(4)::before {
    background-color: #d3d8e3;
    bottom: 0;
    content: "";
    height: 100%;
    position: absolute;
    right: -1px;
    width: 1px;
  }
}
.c-inPageNav__linkList.-business li:nth-child(5) {
  border-bottom: 1px solid #d3d8e3;
}
.c-inPageNav__linkList.-business li:nth-child(6) {
  border-bottom: 1px solid #d3d8e3;
}
.c-inPageNav__linkList.-business li:nth-child(7) {
  border-bottom: 1px solid #d3d8e3;
}
@media screen and (max-width: 767px) {
  .c-inPageNav__linkList.-business li:nth-child(7) {
    border-bottom: 1px solid #d3d8e3;
  }
}
.c-inPageNav__linkList.-business li:nth-child(8) {
  border-bottom: 1px solid #d3d8e3;
  position: relative;
}
@media all and (min-width: 768px) {
  .c-inPageNav__linkList.-business li:nth-child(8)::before {
    background-color: #d3d8e3;
    bottom: 0;
    content: "";
    height: 100%;
    position: absolute;
    right: -1px;
    width: 1px;
  }
}
@media screen and (max-width: 767px) {
  .c-inPageNav__linkList.-business li:nth-child(8) {
    border-bottom: 1px solid #d3d8e3;
  }
}
@media screen and (max-width: 767px) {
  .c-inPageNav__linkList.-business li:nth-child(9) {
    border-bottom: 1px solid #d3d8e3;
  }
}

@media all and (min-width: 768px) {
  .c-spacer {
    margin-top: -100px;
    padding-top: 100px;
  }
}

.p-indx__carousel::before {
  content: none;
}
.p-indx__carousel::after {
  content: none;
}

.p-indx__carouselInner::before {
  content: none;
}
.p-indx__carouselInner::after {
  content: none;
}

.mv_pc::after {
  content: none;
}

.p-indx__mv .p-indx__carousel {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media all and (min-width: 768px) {
  .p-indx__mv .p-indx__carousel {
    height: auto;
  }
}

@media all and (min-width: 768px) {
  .p-indx__mv .mv_pc {
    height: auto !important;
    padding-top: 56.4%;
  }
}

.p-index__intro2 {
  padding-bottom: 135px;
  padding-top: 100px;
}
@media screen and (max-width: 767px) {
  .p-index__intro2 {
    padding-bottom: 80px;
    padding-top: 60px;
  }
}

.p-index__intro2HeadingBig {
  color: #f1db28;
  font-size: 60px;
  font-weight: 700;
  line-height: 1.333;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-index__intro2HeadingBig {
    font-size: 36px;
  }
}

.p-index__intro2Heading {
  color: #005192;
  font-size: 34px;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-top: 50px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-index__intro2Heading {
    font-size: 22px;
    line-height: 1.428;
    margin-top: 30px;
  }
}

.p-index__intro2Txt {
  color: #005192;
  font-size: 20px;
  font-weight: 700;
  line-height: 2.5;
  margin-top: 45px;
}
@media screen and (max-width: 767px) {
  .p-index__intro2Txt {
    font-size: 16px;
    line-height: 2.25;
    margin-top: 30px;
  }
}

.p-index__intro2Movie {
  margin-top: 55px;
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}
.p-index__intro2Movie iframe {
  height: 100% !important;
  position: absolute;
  right: 0;
  top: 0;
  width: 100% !important;
}

.p-index__movie {
  margin-top: -40px;
}

.p-index__movieHeading {
  position: relative;
  text-align: center;
  z-index: 1;
}

.p-index__movieHeading img {
  margin-left: auto;
  margin-right: auto;
  width: 266px;
}

.p-index__movieSwiper {
  margin-top: 60px;
}
.p-index__movieSwiper .swiper {
  overflow: clip;
  padding-bottom: 35px;
}
.p-index__movieSwiper .swiper-slide {
  width: 600px;
}
@media screen and (max-width: 767px) {
  .p-index__movieSwiper .swiper-slide {
    width: 280px;
  }
}
.p-index__movieSwiper .swiper-slide a {
  cursor: pointer;
  display: block;
  position: relative;
}
.p-index__movieSwiper .swiper-slide a::before {
  background-image: url(../img/project/index/play.svg);
  background-repeat: no-repeat;
  content: "";
  height: 66px;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 66px;
}
.p-index__movieSwiper .swiper-slide-active a::before {
  opacity: 1;
}
.p-index__movieSwiper .swiper-pagination {
  bottom: 0;
}
.p-index__movieSwiper .swiper-pagination-bullet {
  height: 12px;
  width: 12px;
}
.p-index__movieSwiper .swiper-pagination-bullet-active {
  background-color: #005192;
}
.p-index__movieSwiper .swiper-button-prev {
  height: 35px;
  left: 60px;
  top: 50%;
  transform: translateY(-50%);
  width: 35px;
}
@media screen and (max-width: 767px) {
  .p-index__movieSwiper .swiper-button-prev {
    left: 10px;
  }
}
.p-index__movieSwiper .swiper-button-prev::after {
  content: "nonte";
}
.p-index__movieSwiper .swiper-button-next {
  height: 35px;
  right: 60px;
  top: 50%;
  transform: translateY(-50%);
  width: 35px;
}
@media screen and (max-width: 767px) {
  .p-index__movieSwiper .swiper-button-next {
    right: 10px;
  }
}
.p-index__movieSwiper .swiper-button-next::after {
  content: "nonte";
}

.p-index__campaign {
  margin-top: 110px;
}
@media screen and (max-width: 767px) {
  .p-index__campaign {
    background-color: transparent;
  }
}
@media all and (min-width: 768px) {
  .p-index__campaign::before {
    background-color: transparent;
  }
}

@media screen and (max-width: 767px) {
  .p-index__campaign {
    padding-top: 0;
  }
}
.p-index__news::before {
  background-color: #ebebeb;
}
@media all and (min-width: 768px) {
  .p-index__news::after {
    background-color: #ebebeb;
  }
}

.p-index__service2 {
  background-color: #005192;
  padding-bottom: 110px;
  padding-top: 100px;
}
@media screen and (max-width: 767px) {
  .p-index__service2 {
    padding-bottom: 26.666vw;
  }
}

@media all and (min-width: 768px) {
  .p-index__service2TwoCols {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

@media all and (min-width: 768px) {
  .p-index__service2Body {
    width: 400px;
  }
}

.p-index__service2Txt {
  color: #fff;
  font-size: 18px;
  line-height: 2.222;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .p-index__service2Txt {
    font-size: 16px;
  }
}

.p-index__service2action {
  margin-top: 35px;
}

.p-index__service2Btn {
  align-items: center;
  background-color: #f1db28;
  border: 2px solid transparent;
  border-radius: 40px;
  box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.1);
  color: #005192;
  display: flex;
  font-size: 20px;
  font-weight: 700;
  height: 80px;
  justify-content: center;
  position: relative;
  text-decoration: none;
  z-index: 1;
}
@media all and (min-width: 768px) {
  .p-index__service2Btn {
    width: 390px;
  }
}
@media screen and (max-width: 767px) {
  .p-index__service2Btn {
    background-size: 10px 18px;
    border-radius: 35px;
    height: 70px;
    margin-left: auto;
    margin-right: auto;
    max-width: 305px;
  }
}
@media all and (min-width: 768px) {
  .p-index__service2Btn:hover {
    background-color: #005192;
    border-color: #fff;
    color: #fff;
  }
}
@media all and (min-width: 768px) {
  .p-index__service2Btn:hover::before {
    background-color: transparent;
  }
}
@media all and (min-width: 768px) {
  .p-index__service2Btn:hover i {
    animation-delay: 0s;
    animation-duration: 0.4s;
    animation-fill-mode: both;
    animation-name: bounceRight;
    animation-timing-function: cubic-bezier(0.5, 0.03, 0.5, 0.9);
  }
}
@media all and (min-width: 768px) {
  .p-index__service2Btn:hover i::after {
    border-right-color: #fff;
    border-top-color: #fff;
  }
}
.p-index__service2Btn span {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
}
.p-index__service2Btn i {
  height: 10px;
  position: absolute;
  right: 20px;
  top: 50%;
  width: 10px;
}
.p-index__service2Btn i::after {
  border-right: 2px solid #005192;
  border-top: 2px solid #005192;
  content: "";
  display: block;
  height: 10px;
  transform: rotate(45deg) translateY(-50%);
  width: 10px;
}
@media screen and (max-width: 767px) {
  .p-index__service2Btn i::after {
    height: 10px;
    width: 10px;
  }
}

.p-index__service2Link {
  height: 502px;
  position: relative;
  width: 497px;
}
@media screen and (max-width: 767px) {
  .p-index__service2Link {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 21.333vw;
    width: 85%;
  }
}
.p-index__service2Link::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.p-index__service2Logo {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.p-index__service2Logo::before {
  border: 2px solid #fff;
  border-radius: 50%;
  content: "";
  height: 386px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 386px;
}
@media screen and (max-width: 767px) {
  .p-index__service2Logo::before {
    height: 68.9285714286vw;
    width: 68.9285714286vw;
  }
}
@media screen and (max-width: 767px) {
  .p-index__service2Logo img {
    width: 34.8214285714vw;
  }
}

.p-index__service2Item {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.p-index__service2Item li {
  position: absolute;
}
.p-index__service2Item li:nth-child(1) {
  left: 10px;
  top: -275px;
}
@media screen and (max-width: 767px) {
  .p-index__service2Item li:nth-child(1) {
    left: 1.7857142857vw;
    top: -49.1071428571vw;
  }
}
.p-index__service2Item li:nth-child(2) {
  left: 130px;
  top: -185px;
}
@media screen and (max-width: 767px) {
  .p-index__service2Item li:nth-child(2) {
    left: 23.2142857143vw;
    top: -33.0357142857vw;
  }
}
.p-index__service2Item li:nth-child(3) {
  bottom: -90px;
  left: 152px;
}
@media screen and (max-width: 767px) {
  .p-index__service2Item li:nth-child(3) {
    bottom: -16.0714285714vw;
    left: 27.1428571429vw;
  }
}
.p-index__service2Item li:nth-child(4) {
  bottom: -220px;
  left: 80px;
}
@media screen and (max-width: 767px) {
  .p-index__service2Item li:nth-child(4) {
    bottom: -39.2857142857vw;
    left: 14.2857142857vw;
  }
}
.p-index__service2Item li:nth-child(5) {
  bottom: -220px;
  left: -210px;
}
@media screen and (max-width: 767px) {
  .p-index__service2Item li:nth-child(5) {
    bottom: -39.2857142857vw;
    left: -37.5vw;
  }
}
.p-index__service2Item li:nth-child(6) {
  bottom: -90px;
  left: -282px;
}
@media screen and (max-width: 767px) {
  .p-index__service2Item li:nth-child(6) {
    bottom: -16.0714285714vw;
    left: -50.3571428571vw;
  }
}
.p-index__service2Item li:nth-child(7) {
  left: -260px;
  top: -185px;
}
@media screen and (max-width: 767px) {
  .p-index__service2Item li:nth-child(7) {
    left: -46.4285714286vw;
    top: -33.0357142857vw;
  }
}
.p-index__service2Item li:nth-child(8) {
  left: -140px;
  top: -275px;
}
@media screen and (max-width: 767px) {
  .p-index__service2Item li:nth-child(8) {
    left: -25vw;
    top: -49.1071428571vw;
  }
}
.p-index__service2Item li:nth-child(9) {
  bottom: -254px;
  left: -65px;
}
@media screen and (max-width: 767px) {
  .p-index__service2Item li:nth-child(9) {
    bottom: -45.3571428571vw;
    left: -11.6071428571vw;
  }
}
.p-index__service2Item li a {
  background-color: #fff;
  border-radius: 50%;
  display: block;
  height: 130px;
  width: 130px;
}
@media screen and (max-width: 767px) {
  .p-index__service2Item li a {
    height: 23.2142857143vw;
    width: 23.2142857143vw;
  }
}
@media all and (min-width: 768px) {
  .p-index__service2Item li a:hover {
    background-color: #f1db28;
  }
}
.p-index__service2Item li a img {
  vertical-align: bottom;
}
@media screen and (max-width: 767px) {
  .p-index__service2Item li a img {
    width: 100%;
  }
}

.p-company__outlineInfo dt {
  color: #fff;
}

.p-company__outlineInfo dd {
  color: #fff;
}

.p-policy__spiritHeading img {
  width: 766px;
}

.p-policy__spiritTxt {
  font-size: 18px;
  line-height: 2;
  margin-top: 95px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-policy__spiritTxt {
    font-size: 16px;
  }
}
.p-policy__spiritTxt + .p-policy__spiritTxt {
  margin-top: 36px;
}

.p-policy__spiritArrow {
  margin-bottom: 60px;
  margin-top: 90px;
  text-align: center;
}

.p-policy__spiritHeading2nd {
  font-size: 50px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-policy__spiritHeading2nd {
    font-size: 30px;
  }
}
.p-policy__spiritHeading2nd span {
  align-items: center;
  background-color: #F1DB40;
  border-radius: 20px;
  display: flex;
  font-size: 24px;
  height: 40px;
  justify-content: center;
  line-height: 1;
  margin-left: auto;
  margin-right: auto;
  width: 156px;
}
@media screen and (max-width: 767px) {
  .p-policy__spiritHeading2nd span {
    border-radius: 18px;
    font-size: 20px;
    height: 36px;
    width: 140px;
  }
}

.p-policy__spiritHeading3rd {
  align-items: center;
  background-color: #075192;
  border-radius: 30px;
  color: #fff;
  display: flex;
  font-size: 26px;
  font-weight: 700;
  height: 60px;
  justify-content: center;
  margin-top: 90px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-policy__spiritHeading3rd {
    border-radius: 25px;
    font-size: 20px;
    height: 50px;
  }
}
.p-policy__spiritHeading3rd + .p-policy__spiritTxt {
  margin-top: 60px;
}
.p-policy__spiritHeading3rd span {
  color: #F1DB40;
  font-size: 20px;
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  .p-policy__spiritHeading3rd span {
    font-size: 16px;
  }
}

.p-policy__spiritPoint {
  min-height: 72px;
}

.p-policy__sloganTxt {
  color: #fff;
}

@media all and (min-width: 768px) {
  .p-policy__things::before {
    background-color: #005192;
  }
}
@media screen and (max-width: 767px) {
  .p-policy__things {
    background-color: #005192;
  }
}
@media screen and (max-width: 767px) {
  ul.p-policy__thingsPointList li {
    margin-left: auto;
    margin-right: auto;
  }
}
.p-policy__sdgs {
  padding-bottom: 50px;
  padding-top: 100px;
}
@media screen and (max-width: 767px) {
  .p-policy__sdgs {
    padding-top: 60px;
  }
}

.p-policy__sdgsHeading {
  font-size: 36px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-policy__sdgsHeading {
    font-size: 28px;
    line-height: 1.4;
  }
}

.p-policy__sdgsTxt {
  font-size: 18px;
  line-height: 2;
  margin-top: 35px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-policy__sdgsTxt {
    font-size: 16px;
  }
}

ul.p-policy__sdgsList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  margin-top: 45px;
}
@media all and (min-width: 768px) {
  ul.p-policy__sdgsList {
    width: 800px;
  }
}
@media screen and (max-width: 767px) {
  ul.p-policy__sdgsList {
    max-width: 318px;
  }
}
@media screen and (max-width: 767px) {
  ul.p-policy__sdgsList {
    margin-bottom: -10px;
  }
}
ul.p-policy__sdgsList li {
  width: 154px;
}
@media screen and (max-width: 767px) {
  ul.p-policy__sdgsList li {
    margin-bottom: 10px;
    max-width: 154px;
    width: calc(50% - 5px);
  }
}

.p-business2__body {
  background-color: #ebebeb;
  padding-bottom: 115px;
  padding-top: 100px;
}

ul.p-business2__serviceList {
  margin-bottom: -60px;
}
@media all and (min-width: 768px) {
  ul.p-business2__serviceList {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  ul.p-business2__serviceList {
    margin-bottom: -40px;
  }
}
ul.p-business2__serviceList > li {
  margin-bottom: 60px;
  position: relative;
}
@media all and (min-width: 768px) {
  ul.p-business2__serviceList > li {
    width: 480px;
  }
}
@media screen and (max-width: 767px) {
  ul.p-business2__serviceList > li {
    margin-bottom: 40px;
  }
}

.p-business2__serviceIcon {
  margin-top: -45px;
  text-align: center;
}
.p-business2__serviceIcon img {
  margin-left: auto;
  margin-right: auto;
}
.p-business2__serviceIcon span {
  border-radius: 50%;
  box-shadow: 5px 8px 5px rgba(0, 0, 0, 0.08);
  display: block;
  height: 90px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 90px;
}
.p-business2__serviceIcon a {
  border-radius: 50%;
  box-shadow: 5px 8px 5px rgba(0, 0, 0, 0.08);
  display: block;
  height: 90px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  transition: 0.4s;
  width: 90px;
}
@media all and (min-width: 768px) {
  .p-business2__serviceIcon a:hover {
    opacity: 0.9;
  }
}

.p-business2__serviceHeading {
  font-size: 26px;
  margin-top: 20px;
  text-align: center;
}

.p-business2__serviceTxt {
  font-size: 16px;
  line-height: 2.062;
  margin-top: 25px;
}
@media screen and (max-width: 767px) {
  .p-business2__serviceTxt {
    font-size: 15px;
    line-height: 1.75;
    margin-top: 15px;
  }
}

.p-business2__serviceNote {
  font-size: 14px;
  line-height: 2;
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .p-business2__serviceNote {
    font-size: 13px;
    line-height: 1.75;
    margin-top: 15px;
  }
}
.p-business2__serviceNote::before {
  content: "※";
}

ul.p-business2__linkList {
  margin-top: 10px;
}
@media all and (min-width: 768px) {
  ul.p-business2__linkList {
    display: flex;
    flex-wrap: wrap;
  }
}
ul.p-business2__linkList li {
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  ul.p-business2__linkList li {
    font-size: 13px;
  }
}
@media all and (min-width: 768px) {
  ul.p-business2__linkList li + li {
    margin-left: 25px;
  }
}
@media screen and (max-width: 767px) {
  ul.p-business2__linkList li + li {
    margin-top: 10px;
  }
}
ul.p-business2__linkList li a {
  color: #005192;
  padding-left: 25px;
  position: relative;
}
@media screen and (max-width: 767px) {
  ul.p-business2__linkList li a {
    padding-left: 22px;
  }
}
ul.p-business2__linkList li a::before {
  background-image: url(../img/project/business2/arrow.svg);
  background-repeat: no-repeat;
  background-size: 18px 18px;
  content: "";
  height: 18px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
}
@media screen and (max-width: 767px) {
  ul.p-business2__linkList li a::before {
    background-size: 16px 16px;
    height: 16px;
    width: 16px;
  }
}
@media all and (min-width: 768px) {
  ul.p-business2__linkList li a:hover {
    text-decoration: none;
  }
}

.p-business2__serviceTel {
  font-size: 28px;
  font-weight: 700;
  margin-top: 25px;
}
@media screen and (max-width: 767px) {
  .p-business2__serviceTel {
    margin-top: 15px;
    text-align: center;
  }
}
.p-business2__serviceTel a {
  color: #005192;
  padding-left: 28px;
  position: relative;
}
.p-business2__serviceTel a::before {
  background-image: url(../img/project/business2/phone.svg);
  background-repeat: no-repeat;
  background-size: 20px 30px;
  content: "";
  height: 30px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
}
@media all and (min-width: 768px) {
  .p-business2__serviceTel a:hover {
    text-decoration: none;
  }
}
.p-business2__serviceTel span {
  font-size: 16px;
  margin-left: 20px;
}

ul.p-business2__serviceOptionList {
  margin-top: 20px;
}
@media all and (min-width: 768px) {
  ul.p-business2__serviceOptionList {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  ul.p-business2__serviceOptionList {
    margin-top: 25px;
  }
}
@media all and (min-width: 768px) {
  ul.p-business2__serviceOptionList.-insurance {
    margin-top: 50px;
  }
}
@media all and (min-width: 768px) {
  ul.p-business2__serviceOptionList li + li {
    margin-left: 10px;
  }
}
@media screen and (max-width: 767px) {
  ul.p-business2__serviceOptionList li + li {
    margin-top: 12px;
  }
}
@media all and (min-width: 768px) {
  ul.p-business2__serviceOptionList li a:hover img {
    opacity: 0.8;
  }
}
@media screen and (max-width: 767px) {
  ul.p-business2__serviceOptionList li img {
    margin-left: auto;
    margin-right: auto;
  }
}
ul.p-business2__serviceOptionList li img.-rakuten {
  width: 186px;
}
ul.p-business2__serviceOptionList li img.-keeper {
  width: 236px;
}
ul.p-business2__serviceOptionList li img.-haisya {
  width: 279px;
}
ul.p-business2__serviceOptionList li img.-car-leasing {
  width: 279px;
}
ul.p-business2__serviceOptionList li img.-fitness {
  width: 411px;
}
ul.p-business2__serviceOptionList li img.-eneos-denki {
  width: 185px;
}
ul.p-business2__serviceOptionList li img.-duskin {
  width: 323px;
}

ul.p-business2__serviceHelpList {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}
@media all and (min-width: 768px) {
  ul.p-business2__serviceHelpList {
    bottom: 44px;
    position: absolute;
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  ul.p-business2__serviceHelpList {
    justify-content: center;
    margin-top: 23px;
  }
}
ul.p-business2__serviceHelpList li {
  width: 64px;
}
ul.p-business2__serviceHelpList li + li {
  margin-left: 12px;
}
@media all and (min-width: 768px) {
  ul.p-business2__serviceHelpList li a:hover img {
    opacity: 0.8;
  }
}

.p-ss__areaHeading {
  background-color: #005192;
  color: #fff;
}

.p-ss__areaBody {
  background-color: #ebebeb;
}

.p-ssDetail__header::before {
  background-color: #ebebeb;
}
@media all and (min-width: 768px) {
  .p-ssDetail__header::after {
    background-color: #ebebeb;
  }
}

.p-privacy__intro::before {
  background-color: #ebebeb;
}
@media all and (min-width: 768px) {
  .p-privacy__intro::after {
    background-color: #ebebeb;
  }
}

.p-single__header::before {
  background-color: #ebebeb;
}
@media all and (min-width: 768px) {
  .p-single__header::after {
    background-color: #ebebeb;
  }
}

.p-news__yearHeading {
  background-color: #005192;
  color: #fff;
}

.p-campaign__yearHeading {
  background-color: #005192;
  color: #fff;
}

.c-contact__body::before {
  background-color: #ebebeb;
}
@media all and (min-width: 768px) {
  .c-contact__body::after {
    background-color: #ebebeb;
  }
}

.p-index__bnr a + a {
  margin-top: 50px;
}

.p-sns__header {
  margin-bottom: -20px;
  margin-top: 95px;
}
@media screen and (max-width: 767px) {
  .p-sns__header {
    margin-bottom: 5px;
    margin-top: 50px;
  }
}

.p-sns__navSnsList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: -40px;
}
@media screen and (max-width: 767px) {
  .p-sns__navSnsList {
    display: block;
  }
}
.p-sns__navSnsList li {
  margin-bottom: 40px;
  width: 480px;
}
@media screen and (max-width: 767px) {
  .p-sns__navSnsList li {
    width: auto;
  }
}

.p-sns__nav {
  background-color: #005192;
  padding-bottom: 100px;
  padding-top: 100px;
}
@media screen and (max-width: 767px) {
  .p-sns__nav {
    padding-bottom: 60px;
    padding-top: 60px;
  }
}

.p-sns__card {
  background-color: #fff;
  height: 100%;
  padding: 65px 45px 60px 45px;
}
@media screen and (max-width: 767px) {
  .p-sns__card {
    padding: 30px;
  }
}

.p-sns__brand {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  height: 100px;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .p-sns__brand {
    height: auto;
  }
}

.p-sns__logo {
  width: 100px;
}
@media screen and (max-width: 767px) {
  .p-sns__logo {
    width: 60px;
  }
}

.p-sns__body {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  width: calc(100% - 140px);
}
@media screen and (max-width: 767px) {
  .p-sns__body {
    width: calc(100% - 80px);
  }
}
.p-sns__body span {
  display: block;
  font-size: 16px;
  font-weight: 400;
  margin-top: 5px;
}

.p-sns__cardTxt {
  font-size: 16px;
  line-height: 1.875;
  margin-top: 35px;
}

.p-sns__cardAction {
  margin-top: 40px;
}

.p-sns__cardBtn {
  align-items: center;
  background-color: #F1DB40;
  border-radius: 30px;
  color: #005192;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  height: 60px;
  justify-content: center;
  text-decoration: none;
}
@media all and (min-width: 768px) {
  .p-sns__cardBtn:hover {
    background-color: #005192;
    color: #fff;
  }
}

.p-sns__instagram {
  padding-bottom: 100px;
  padding-top: 100px;
}

.p-sns__instagramHeading {
  font-size: 40px;
  font-weight: 700;
  text-align: center;
}

ul.p-sns__instagramGallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: -10px;
  margin-top: 80px;
}
ul.p-sns__instagramGallery li {
  background-color: #EBEBEB;
  margin-bottom: 10px;
  width: 191px;
}
@media screen and (max-width: 767px) {
  ul.p-sns__instagramGallery li {
    width: calc(50% - 5px);
  }
}
ul.p-sns__instagramGallery li img {
  width: 100%;
}

.p-indx__mv2 {
  position: relative;
}

.p-indx__mv2Button {
  position: absolute;
  z-index: 1;
}
.p-indx__mv2Button:hover img {
  transform: scale(1.1, 1.1);
}
.p-indx__mv2Button img {
  transition: 0.2s;
}
.p-indx__mv2Button.-button-01 {
  height: 7.4056603774vw;
  left: 56.6037735849vw;
  top: 7.641509434vw;
  width: 5.0471698113vw;
}
@media screen and (max-width: 1000px) {
  .p-indx__mv2Button.-button-01 {
    height: 74.0412px;
    left: 565.92px;
    top: 76.3992px;
    width: 50.4612px;
  }
}
.p-indx__mv2Button.-button-02 {
  height: 7.4056603774vw;
  left: 61.5094339623vw;
  top: 7.9245283019vw;
  width: 5.0943396226vw;
}
@media screen and (max-width: 1000px) {
  .p-indx__mv2Button.-button-02 {
    height: 74.0412px;
    left: 614.9664px;
    top: 79.2288px;
    width: 50.9328px;
  }
}
.p-indx__mv2Button.-button-02:hover img {
  transition: 0.2s;
}
.p-indx__mv2Button.-button-03 {
  height: 7.4056603774vw;
  left: 66.3679245283vw;
  top: 9.2924528302vw;
  width: 5.0943396226vw;
}
@media screen and (max-width: 1000px) {
  .p-indx__mv2Button.-button-03 {
    height: 74.0412px;
    left: 663.5412px;
    top: 92.9052px;
    width: 50.9328px;
  }
}
.p-indx__mv2Button.-button-04 {
  height: 2.8301886792vw;
  left: 73.1132075472vw;
  top: 7.4528301887vw;
  width: 2.3113207547vw;
}
@media screen and (max-width: 1000px) {
  .p-indx__mv2Button.-button-04 {
    height: 28.296px;
    left: 730.98px;
    top: 74.5128px;
    width: 23.1084px;
  }
}
.p-indx__mv2Button.-button-05 {
  height: 2.8773584906vw;
  left: 77.2641509434vw;
  top: 8.2075471698vw;
  width: 2.3113207547vw;
}
@media screen and (max-width: 1000px) {
  .p-indx__mv2Button.-button-05 {
    height: 28.7676px;
    left: 772.4808px;
    top: 82.0584px;
    width: 23.1084px;
  }
}
.p-indx__mv2Button.-button-06 {
  height: 2.8773584906vw;
  left: 81.4622641509vw;
  top: 8.820754717vw;
  width: 2.3113207547vw;
}
@media screen and (max-width: 1000px) {
  .p-indx__mv2Button.-button-06 {
    height: 28.7676px;
    left: 814.4532px;
    top: 88.1892px;
    width: 23.1084px;
  }
}
.p-indx__mv2Button.-button-07 {
  height: 3.3490566038vw;
  left: 60.141509434vw;
  top: 23.4905660377vw;
  width: 9.1037735849vw;
}
@media screen and (max-width: 1000px) {
  .p-indx__mv2Button.-button-07 {
    height: 33.4836px;
    left: 601.29px;
    top: 234.8568px;
    width: 91.0188px;
  }
}
.p-indx__mv2Button.-button-08 {
  height: 4.7641509434vw;
  left: 79.7641509434vw;
  top: 17.7830188679vw;
  width: 7.7830188679vw;
}
@media screen and (max-width: 1000px) {
  .p-indx__mv2Button.-button-08 {
    height: 47.6316px;
    left: 797.4756px;
    top: 177.7932px;
    width: 77.814px;
  }
}
.p-indx__mv2Button.-button-09 {
  height: 4.1037735849vw;
  left: 58.9150943396vw;
  top: 17.4528301887vw;
  width: 9.2924528302vw;
}
@media screen and (max-width: 1000px) {
  .p-indx__mv2Button.-button-09 {
    height: 41.0292px;
    left: 589.0284px;
    top: 174.492px;
    width: 92.9052px;
  }
}
.p-indx__mv2Button.-button-10 {
  height: 5.0471698113vw;
  left: 71.5094339623vw;
  top: 35vw;
  width: 7.7830188679vw;
}
@media screen and (max-width: 1000px) {
  .p-indx__mv2Button.-button-10 {
    height: 50.4612px;
    left: 714.9456px;
    top: 349.9272px;
    width: 77.814px;
  }
}
.p-indx__mv2Button.-button-11 {
  height: 5.9433962264vw;
  left: 41.6509433962vw;
  top: 9.0566037736vw;
  width: 7.7830188679vw;
}
@media screen and (max-width: 1000px) {
  .p-indx__mv2Button.-button-11 {
    height: 59.4216px;
    left: 416.4228px;
    top: 90.5472px;
    width: 77.814px;
  }
}
.p-indx__mv2Button.-button-12 {
  height: 5.8018867925vw;
  left: 25.4245283019vw;
  top: 57.2169811321vw;
  width: 9.4339622642vw;
}
@media screen and (max-width: 1000px) {
  .p-indx__mv2Button.-button-12 {
    height: 58.0068px;
    left: 254.1924px;
    top: 572.0508px;
    width: 94.32px;
  }
}
.p-indx__mv2Button.-button-13 {
  height: 5.0471698113vw;
  left: 9.9528301887vw;
  top: 14.7169811321vw;
  width: 7.7830188679vw;
}
@media screen and (max-width: 1000px) {
  .p-indx__mv2Button.-button-13 {
    height: 50.4612px;
    left: 99.5076px;
    top: 147.1392px;
    width: 77.814px;
  }
}
.p-indx__mv2Button.-button-14 {
  height: 5vw;
  left: 24.1509433962vw;
  top: 11.5094339623vw;
  width: 7.7830188679vw;
}
@media screen and (max-width: 1000px) {
  .p-indx__mv2Button.-button-14 {
    height: 49.9896px;
    left: 241.4592px;
    top: 115.0704px;
    width: 77.814px;
  }
}
.p-indx__mv2Button.-button-15 {
  height: 6.8867924528vw;
  left: 23.679245283vw;
  top: 17.4528301887vw;
  width: 7.7830188679vw;
}
@media screen and (max-width: 1000px) {
  .p-indx__mv2Button.-button-15 {
    height: 68.8536px;
    left: 236.7432px;
    top: 174.492px;
    width: 77.814px;
  }
}
.p-indx__mv2Button.-button-16 {
  height: 7.0283018868vw;
  left: 32.4056603774vw;
  top: 11.0849056604vw;
  width: 7.7830188679vw;
}
@media screen and (max-width: 1000px) {
  .p-indx__mv2Button.-button-16 {
    height: 70.2684px;
    left: 323.9892px;
    top: 110.826px;
    width: 77.814px;
  }
}
.p-indx__mv2Button.-button-17 {
  height: 5.1886792453vw;
  left: 43.0660377358vw;
  top: 6.320754717vw;
  width: 7.7830188679vw;
}
@media screen and (max-width: 1000px) {
  .p-indx__mv2Button.-button-17 {
    height: 51.876px;
    left: 430.5708px;
    top: 63.1944px;
    width: 77.814px;
  }
}
.p-indx__mv2Button.-button-17:hover img {
  transform: scale(1);
}
.p-indx__mv2Button.-button-18 {
  height: 5.1886792453vw;
  left: 31.4150943396vw;
  top: 23.679245283vw;
  width: 7.7830188679vw;
}
@media screen and (max-width: 1000px) {
  .p-indx__mv2Button.-button-18 {
    height: 51.876px;
    left: 314.0856px;
    top: 236.7432px;
    width: 77.814px;
  }
}
.p-indx__mv2Button.-button-19 {
  height: 4.7641509434vw;
  left: 74.6226415094vw;
  top: 49.6226415094vw;
  width: 7.7830188679vw;
}
@media screen and (max-width: 1000px) {
  .p-indx__mv2Button.-button-19 {
    height: 47.6316px;
    left: 746.0712px;
    top: 496.1232px;
    width: 77.814px;
  }
}
.p-indx__mv2Button.-button-20 {
  height: 11.0849056604vw;
  left: 74.2924528302vw;
  top: 55.6132075472vw;
  width: 13.1132075472vw;
}
@media screen and (max-width: 1000px) {
  .p-indx__mv2Button.-button-20 {
    height: 110.826px;
    left: 742.77px;
    top: 556.0164px;
    width: 131.1048px;
  }
}
.p-indx__mv2Button.-button-21 {
  height: 9.6vw;
  left: 50%;
  top: 42.4vw;
  transform: translateX(-50%);
  width: 42.6666666667vw;
}
.p-indx__mv2Button.-button-22 {
  height: 4.9528301887vw;
  left: 62.5471698113vw;
  top: 2.6886792453vw;
  width: 7.7358490566vw;
}
@media screen and (max-width: 1000px) {
  .p-indx__mv2Button.-button-22 {
    height: 49.518px;
    left: 625.3416px;
    top: 26.8812px;
    width: 77.3424px;
  }
}
.p-indx__mv2Button.-button-22:hover img {
  transform: scale(1);
}
.p-indx__mv2Button.-button-23 {
  height: 5vw;
  left: 21.7924528302vw;
  top: 30.8490566038vw;
  width: 7.7830188679vw;
}
@media screen and (max-width: 1000px) {
  .p-indx__mv2Button.-button-23 {
    height: 49.9896px;
    left: 217.8792px;
    top: 308.4264px;
    width: 77.814px;
  }
}
.p-indx__mv2Button.-button-23:hover img {
  transform: scale(1);
}
.p-indx__mv2Button.-button-24 {
  height: 5.0943396226vw;
  left: 22.4056603774vw;
  top: 45.3773584906vw;
  width: 7.7830188679vw;
}
@media screen and (max-width: 1000px) {
  .p-indx__mv2Button.-button-24 {
    height: 50.9328px;
    left: 224.01px;
    top: 453.6792px;
    width: 77.814px;
  }
}
.p-indx__mv2Button.-button-24:hover img {
  transform: scale(1);
}
.p-indx__mv2Button.-button-25 {
  height: 5.1886792453vw;
  left: 13.3490566038vw;
  top: 55.7075471698vw;
  width: 7.7830188679vw;
}
@media screen and (max-width: 1000px) {
  .p-indx__mv2Button.-button-25 {
    height: 51.876px;
    left: 133.4628px;
    top: 556.9596px;
    width: 77.814px;
  }
}
.p-indx__mv2Button.-button-25:hover img {
  transform: scale(1);
}
.p-indx__mv2Button.-button-26 {
  height: 1.4622641509vw;
  left: 7.9245283019vw;
  top: 64.2452830189vw;
  width: 16.3679245283vw;
}
@media screen and (max-width: 1000px) {
  .p-indx__mv2Button.-button-26 {
    height: 14.6196px;
    left: 79.2288px;
    top: 642.3192px;
    width: 163.6452px;
  }
}
.p-indx__mv2Button.-button-26:hover img {
  transform: scale(1);
}
.p-indx__mv2Button.-button-27 {
  height: 5.0943396226vw;
  left: 15.4245283019vw;
  top: 10.5188679245vw;
  width: 7.8301886792vw;
}
@media screen and (max-width: 1000px) {
  .p-indx__mv2Button.-button-27 {
    height: 50.9328px;
    left: 154.2132px;
    top: 105.1668px;
    width: 78.2856px;
  }
}
.p-indx__mv2Button.-button-28 {
  height: 7.358490566vw;
  left: 58.9622641509vw;
  top: 48.679245283vw;
  width: 7.8301886792vw;
}
@media screen and (max-width: 1000px) {
  .p-indx__mv2Button.-button-28 {
    height: 73.5696px;
    left: 589.5px;
    top: 486.6912px;
    width: 78.2856px;
  }
}

.modal_nav {
  background-color: #F1DB40;
  border-radius: 20px;
  margin-bottom: 55px;
  margin-top: 55px;
  padding-bottom: 65px;
  padding-top: 15px;
  width: calc(100% - 36px);
}
.modal_nav .modal_close {
  background-image: url(../img/project/index/modal-close.svg);
  background-repeat: no-repeat;
  background-size: 30px 30px;
  height: 30px;
  margin-bottom: 20px;
  margin-right: 10px;
  width: 30px;
}
.modal_nav .modal_close::before {
  content: none;
}
.modal_nav .modal_close::after {
  content: none;
}

.modal_nav_text {
  margin-bottom: 35px;
  text-align: center;
}

.modal_nav_sec + .modal_nav_sec {
  margin-top: 30px;
}

.modal_nav_heading {
  color: #075192;
  font-size: 18px;
  font-weight: 900;
  margin-bottom: 20px;
  text-align: center;
}
.modal_nav_heading span {
  display: inline-block;
  padding-bottom: 8px;
  position: relative;
}
.modal_nav_heading span::before {
  background-color: #075192;
  bottom: 0;
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 123px;
}

.modal_nav_menu li + li {
  margin-top: 10px;
}

.modal_nav_button {
  align-items: center;
  background-color: #fff;
  background-image: url(../img/project/index/modal-button-arrow.png);
  background-position: right 12px center;
  background-repeat: no-repeat;
  background-size: 12px auto;
  border: 1px solid #707070;
  border-radius: 20px;
  color: #000;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 240px;
  text-decoration: none;
}

.p-ss_shopSumallyHeader {
  height: 135px;
}
.p-ss_shopSumallyHeader {
  align-items: flex-start;
  padding-top: 17px;
}

ul.p-ss_shopSumallyCatList {
  bottom: auto;
  margin-bottom: -3px;
  padding-left: 10px;
  padding-right: 10px;
  top: 75px;
}
@media screen and (max-width: 767px) {
  ul.p-ss_shopSumallyCatList {
    padding-left: 13px;
    padding-right: 13px;
  }
}
ul.p-ss_shopSumallyCatList li {
  margin-bottom: 3px;
}
ul.p-ss_shopSumallyCatList li a img.-timy {
  width: 75px;
}

.p-index__service2Heading {
  margin-right: -83px;
}
@media screen and (max-width: 767px) {
  .p-index__service2Heading {
    margin-right: 0;
  }
}

.p-company__outline::before {
  background-position: center top;
}

.p-company__outlineHeading.-next {
  padding-top: 80px;
}

.p-company__outlineHeading img {
  width: 232px;
}

ul.c-inPageNav__linkList li a {
  background-position: center bottom 13px;
}

@media screen and (max-width: 767px) {
  ul.c-inPageNav__linkList li a {
    line-height: 1.2;
    padding-top: 15px;
  }
}