/* ======================================================
 * pickups_vision.css
 * ------------------------------------------------------
 * @media print, screen and (min-width: 768px)
 * - Common
 * - Override
 * - Parts
 * - Clearfix
 * PC Media Queries
 * @media only screen and (max-width: 767px)
 * - Common
 * - Override
 * - Parts
 * - Clearfix
 * SP Media Queries
 * Print
====================================================== */
/* ======================================================
 * Config
====================================================== */
/* ======================================================
 * Mixin
====================================================== */
/* ------------------------------------------------------
 * gen-fetch-breakpoint
------------------------------------------------------ */
/* ------------------------------------------------------
 * gen-media-breakpoint-up
 * @requires
 * - gen-fetch-breakpoint
------------------------------------------------------ */
/* ------------------------------------------------------
 * gen-media-breakpoint-down
 * @requires
 * - gen-fetch-breakpoint
------------------------------------------------------ */
/* ------------------------------------------------------
 * gen-media-breakpoint-between
 * @requires
 * - gen-fetch-breakpoint
------------------------------------------------------ */
/* ------------------------------------------------------
 * gen-child-margin-top
------------------------------------------------------ */
/* ------------------------------------------------------
 * gen-child-margin-bottom
------------------------------------------------------ */
/* ======================================================
 * PC
====================================================== */
.pageContents .mainContents {
  margin-bottom: 0;
  padding-bottom: 0;
}

@media print, screen and (min-width: 768px) {
  .util-pc-hidden {
    display: none;
  }
}
@media only screen and (max-width: 767.98px) {
  .util-sp-hidden {
    display: none;
  }
}
.vision-main-visual {
  position: relative;
  overflow: visible;
  /*  START  */
}
.vision-main-visual img {
  image-rendering: -webkit-optimize-contrast;
}
.vision-main-visual__bg01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 1s ease-out;
  background: url("/pickups/img/vision_bg01.png") no-repeat 50% 0;
}
@media only screen and (max-width: 767.98px) {
  .vision-main-visual__bg01 {
    background-size: auto 270px;
  }
}
.vision-main-visual__bg02 {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/pickups/img/vision_copy_bg.png") no-repeat 50% 0;
  transition: all 1s ease-out;
}
@media only screen and (max-width: 767.98px) {
  .vision-main-visual__bg02 {
    background-size: auto 270px;
  }
}
.vision-main-visual__inner {
  margin: 0 auto;
  position: relative;
  overflow: visible;
}
@media print, screen and (min-width: 768px) {
  .vision-main-visual__inner {
    max-width: 1200px;
    height: 600px;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-main-visual__inner {
    width: 100%;
    height: 270px;
  }
}
.vision-main-visual__logo {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  overflow: visible;
}
@media print, screen and (min-width: 768px) {
  .vision-main-visual__logo {
    width: 256px;
    height: 364px;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-main-visual__logo {
    width: 128px;
    height: 182px;
  }
}
.vision-main-visual__logo > * {
  position: absolute;
  line-height: 0;
  transition: all 1s ease-out;
}
.vision-main-visual__logo .item01 {
  left: 38.671875%;
  top: 0;
  width: 23.4375%;
}
.vision-main-visual__logo .item02 {
  left: 0.390625%;
  top: 24.1758241%;
  width: 24.21875%;
}
.vision-main-visual__logo .item03 {
  left: 0.390625%;
  top: 35.1648351648%;
  width: 6.25%;
}
.vision-main-visual__logo .item04 {
  left: 8.984375%;
  top: 35.1648351648%;
  width: 6.25%;
}
.vision-main-visual__logo .item05 {
  left: 17.96875%;
  top: 35.1648351648%;
  width: 6.25%;
}
.vision-main-visual__logo .item06 {
  left: 0.390625%;
  top: 47.5274725275%;
  width: 24.21875%;
}
.vision-main-visual__logo .item07 {
  left: 27.34375%;
  top: 24.4505494505%;
  width: 20.703125%;
}
.vision-main-visual__logo .item08 {
  left: 35.9375%;
  top: 30.2197802198%;
  width: 12.5%;
}
.vision-main-visual__logo .item09 {
  left: 26.953125%;
  top: 41.2087912088%;
  width: 22.265625%;
}
.vision-main-visual__logo .item10 {
  left: 26.953125%;
  top: 49.4505494505%;
  width: 22.265625%;
}
.vision-main-visual__logo .item11 {
  left: 0.390625%;
  top: 57.967032967%;
  width: 48.046875%;
}
.vision-main-visual__logo .item12 {
  left: 0.390625%;
  top: 66.4835164835%;
  width: 24.21875%;
}
.vision-main-visual__logo .item13 {
  left: 51.5625%;
  top: 24.4505494505%;
  width: 20.703125%;
}
.vision-main-visual__logo .item14 {
  left: 75.390625%;
  top: 24.4505494505%;
  width: 20.3125%;
}
.vision-main-visual__logo .item15 {
  left: 79.6875%;
  top: 24.4505494505%;
  width: 19.921875%;
}
.vision-main-visual__logo .item16 {
  left: 51.171875%;
  top: 40.9340659341%;
  width: 9.765625%;
}
.vision-main-visual__logo .item17 {
  left: 51.171875%;
  top: 48.9010989011%;
  width: 9.765625%;
}
.vision-main-visual__logo .item18 {
  left: 62.890625%;
  top: 40.9340659341%;
  width: 10.15625%;
}
.vision-main-visual__logo .item19 {
  left: 62.890625%;
  top: 48.9010989011%;
  width: 10.15625%;
}
.vision-main-visual__logo .item20 {
  left: 75.390625%;
  top: 41.2087912088%;
  width: 24.21875%;
}
.vision-main-visual__logo .item21 {
  left: 75.390625%;
  top: 46.7032967033%;
  width: 24.21875%;
}
.vision-main-visual__logo .item22 {
  left: 75.390625%;
  top: 52.1978021978%;
  width: 24.21875%;
}
.vision-main-visual__logo .item23 {
  left: 51.5625%;
  top: 57.4175824176%;
  width: 48.046875%;
}
.vision-main-visual__logo .item--finish {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.vision-main-visual__copy {
  opacity: 0;
  flex-shrink: 0;
  transition: all 1s ease-out;
}
@media print, screen and (min-width: 768px) {
  .vision-main-visual__copy {
    margin-top: -70px;
    width: 761px;
    height: 130px;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-main-visual__copy {
    margin-top: -32px;
    width: 345px;
    height: 59px;
  }
}
.vision-main-visual__bg {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .vision-main-visual__bg {
    max-width: 1200px;
    height: 600px;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-main-visual__bg {
    width: 100%;
    height: 270px;
  }
}
.vision-main-visual.is-start .item01 {
  left: -60.9375%;
  top: 52.1978021978%;
  width: 23.4375%;
}
.vision-main-visual.is-start .item02 {
  left: 224%;
  top: 54%;
  transform: rotate(34.92deg);
  width: 24.21875%;
}
.vision-main-visual.is-start .item03 {
  left: 150%;
  top: -2%;
  transform: rotate(-55.95deg);
  width: 6.25%;
}
.vision-main-visual.is-start .item04 {
  left: -59%;
  top: -4%;
  transform: rotate(47.49deg);
  width: 6.25%;
}
.vision-main-visual.is-start .item05 {
  left: 294%;
  top: 39%;
  transform: rotate(-56.29deg);
  width: 6.25%;
}
.vision-main-visual.is-start .item06 {
  left: 92%;
  top: 23%;
  transform: rotate(36.62deg);
  width: 24.21875%;
}
.vision-main-visual.is-start .item07 {
  left: 92%;
  top: 76%;
  transform: rotate(-68.44deg);
  width: 20.703125%;
}
.vision-main-visual.is-start .item08 {
  left: -116%;
  top: 70%;
  transform: rotate(50.02deg);
  width: 12.5%;
}
.vision-main-visual.is-start .item09 {
  left: 21%;
  top: 74%;
  transform: rotate(63.03deg);
  width: 22.265625%;
}
.vision-main-visual.is-start .item10 {
  left: 204%;
  top: 87%;
  transform: rotate(-76.78deg);
  width: 22.265625%;
}
.vision-main-visual.is-start .item11 {
  left: 229%;
  top: 8%;
  transform: rotate(-40.65deg);
  width: 48.046875%;
}
.vision-main-visual.is-start .item12 {
  left: 183%;
  top: 37%;
  transform: rotate(30.32deg);
  width: 24.21875%;
}
.vision-main-visual.is-start .item13 {
  left: 153%;
  top: 64%;
  transform: rotate(23.52deg);
  width: 20.703125%;
}
.vision-main-visual.is-start .item14 {
  left: -187%;
  top: 10%;
  transform: rotate(28.19deg);
  width: 20.3125%;
}
.vision-main-visual.is-start .item15 {
  left: -29%;
  top: 87%;
  transform: rotate(-48.63deg);
  width: 19.921875%;
}
.vision-main-visual.is-start .item16 {
  left: -15%;
  top: 29%;
  width: 9.765625%;
}
.vision-main-visual.is-start .item17 {
  left: 142%;
  top: 98%;
  width: 9.765625%;
}
.vision-main-visual.is-start .item18 {
  left: 267%;
  top: 91%;
  width: 10.15625%;
}
.vision-main-visual.is-start .item19 {
  left: -153%;
  top: 41%;
  width: 10.15625%;
}
.vision-main-visual.is-start .item20 {
  left: 2%;
  top: 7%;
  transform: rotate(-30.23deg);
  width: 24.21875%;
}
.vision-main-visual.is-start .item21 {
  left: -103%;
  top: 28%;
  transform: rotate(29.79deg);
  width: 24.21875%;
}
.vision-main-visual.is-start .item22 {
  left: -211%;
  top: 61%;
  transform: rotate(-57.22deg);
  width: 24.21875%;
}
.vision-main-visual.is-start .item23 {
  left: -177%;
  top: 88%;
  transform: rotate(41.62deg);
  width: 48.046875%;
}
.vision-main-visual.is-anime01 .vision-main-visual__bg01 {
  opacity: 0;
}
.vision-main-visual.is-anime02 .vision-main-visual__logo__img {
  transition: all 1.5s ease-out;
  opacity: 0;
}
.vision-main-visual.is-anime02 .item--finish {
  opacity: 1;
}
.vision-main-visual.is-anime03 .item--finish {
  transform: scale(1.165, 1.165) rotate(0.1deg);
}
.vision-main-visual.is-anime04 .item--finish {
  opacity: 0;
}
.vision-main-visual.is-anime05 .vision-main-visual__copy {
  opacity: 1;
}
.vision-main-visual.is-anime06 .vision-main-visual__bg02 {
  opacity: 1;
}

.vision-section + .vision-section {
  border-top: 1px solid #ddd;
}
@media print, screen and (min-width: 768px) {
  .vision-section + .vision-section {
    margin-top: 3.75rem;
    padding-top: 2.5rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-section + .vision-section {
    margin-top: 2.5rem;
    padding-top: 1.25rem;
  }
}

.vision-container.bg-type01 {
  background-color: #eff2f5;
}
.vision-container.bg-type02 {
  background-color: #1b9bac;
}
.vision-container.bg-type03 {
  background-color: #fff;
}
.vision-container.bg-type04 {
  background-color: #eff2f5;
}
@media print, screen and (min-width: 768px) {
  .vision-container.bg-type04 > .container > .contents {
    padding: 3.5rem 0 3.5rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container.bg-type04 > .container > .contents {
    padding: 3rem 0 1.5rem;
  }
}
.vision-container.bg-type04 > .container > .contents > section > .heading-lv2 {
  margin-top: 0;
}
.vision-container > .container {
  padding-bottom: 0;
}
.vision-container > .container > .contents {
  margin-bottom: 0;
  padding: 5rem 0 3.75rem;
}
@media only screen and (max-width: 767.98px) {
  .vision-container > .container > .contents {
    padding: 2.14rem 0 1.875rem;
  }
}

.vision-container p {
  margin-bottom: 0;
  display: block;
}

@media print, screen and (min-width: 768px) {
  .vision-link-anc {
    margin-bottom: 3.25rem;
  }
}
@media print, screen and (min-width: 768px) {
  .vision-link-anc .link-anc {
    font-size: .9375rem;
    padding: .8rem .8rem .8rem 1.6rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-link-anc .link-anc {
    padding: 10px 5px 10px 15px;
  }
}
.vision-link-anc .link-anc span {
  margin: 0;
}

.vision-container .vision-container-box {
  position: relative;
  margin: 0 auto;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-container-box {
    max-width: 1200px;
    padding: 4rem 1rem 3rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-container-box {
    padding: 2.2rem 1rem .9375rem;
  }
}
.vision-container .vision-container-box::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: url("/pickups/img/vision_im17.png") no-repeat 0 0;
  background-size: contain;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-container-box::before {
    width: 128px;
    height: 32px;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-container-box::before {
    width: 60px;
    height: 16px;
  }
}
.vision-container .vision-container-box__lead {
  text-align: center;
  font-weight: bold;
  color: #fff;
  line-height: 1.9;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-container-box__lead {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-container-box__lead {
    font-size: 1.125rem;
  }
}
.vision-container .vision-heading01 {
  display: flex;
  position: relative;
}
.vision-container .vision-heading01__number {
  margin: 0;
  padding: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  margin-right: 1.8rem;
  background-color: #e94829;
  font-family: Arial, Helvetica, "sans-serif";
  color: #fff;
  font-size: 2.5rem;
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-heading01__number {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    font-size: 1.423rem;
    margin-right: 0;
  }
}
.vision-container .vision-heading01__wrap {
  flex-grow: 1;
}
.vision-container .vision-heading01__title {
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 1.875rem;
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-heading01__title {
    display: flex;
    align-items: center;
    padding-left: 4rem;
    min-height: 50px;
    font-size: 1.35rem;
  }
}
.vision-container .vision-heading01__text {
  margin: 0;
  padding: 0;
  margin-top: 1.2rem;
}
.vision-container .vision-column01 {
  display: flex;
  justify-content: space-between;
  margin-top: 2.5rem;
  padding: 2.5rem;
  border-radius: 10px;
  background-color: #fff;
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column01 {
    flex-flow: row wrap;
    margin-top: 1rem;
    padding: 1rem;
  }
}
.vision-container .vision-column01 > .colum__item {
  width: calc((100% - 200px) / 6);
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column01 > .colum__item {
    width: calc((100% - 32px) / 3);
  }
}
.vision-container .vision-column01__img {
  text-align: center;
}
.vision-container .vision-column01__text {
  margin-top: 1.5rem;
  text-align: center;
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column01__text {
    margin-top: 1rem;
  }
}
.vision-container .vision-heading02 {
  margin-top: 2.5rem;
  padding: 4.3rem 0 1rem;
  background: url("/pickups/img/vision_im07.png") no-repeat 50% 0;
  border-bottom: 1px solid #ddd;
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-heading02 {
    margin-top: 1rem;
    background-size: 95px 32px;
    padding: 3.8rem 0 .875rem;
  }
}
.vision-container .vision-heading02__title {
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 1.625rem;
  color: #4b4948;
  text-align: center;
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-heading02__title {
    font-size: 1.1875rem;
  }
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column02 {
    display: flex;
    justify-content: space-between;
    margin-top: 1.875rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column02 {
    margin-top: 1.25rem;
  }
}
.vision-container .vision-column02__item {
  border-radius: 10px;
  background-color: #fff;
  overflow: hidden;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column02__item {
    width: calc((100% - 72px) / 3 - 0.01px);
  }
}
.vision-container .vision-column02__item > dt {
  background-color: #7d7a78;
  text-align: center;
  color: #fff;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column02__item > dt {
    font-size: 1.375rem;
    padding: .55rem 1rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column02__item > dt {
    font-size: 1.125rem;
    padding: .7rem 1rem;
  }
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column02__item > dd {
    padding: 1.875rem 1.875rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column02__item > dd {
    padding: 1.125rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column02__item + .vision-column02__item {
    margin-top: 1.25rem;
  }
}
.vision-container .vision-column02__column01 {
  display: flex;
  justify-content: space-between;
}
.vision-container .vision-column02__column01__item {
  margin-top: 1rem;
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column02__column01__item {
    width: calc((100% - 36px) / 2 - 0.01px);
  }
}
.vision-container .vision-column02__img {
  text-align: center;
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column02__img > img {
    max-width: 85px;
  }
}
.vision-container .vision-column02__text {
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column02__text {
    margin-top: 1.5rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column02__text {
    margin-top: .875rem;
  }
}
.vision-container .vision-column03 {
  display: flex;
  justify-content: space-between;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column03 {
    margin-top: 1.875rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column03 {
    margin-top: 1rem;
  }
}
.vision-container .vision-column03__item {
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column03__item {
    width: calc((100% - 36px) / 2 - 0.01px);
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column03__item {
    display: flex;
    flex-flow: column;
    width: calc((100% - 32px) / 2 - 0.01px);
    padding-bottom: 50px;
  }
}
.vision-container .vision-column03__item > dt {
  background-color: #7d7a78;
  border-radius: 10px 10px 0 0;
  text-align: center;
  color: #fff;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column03__item > dt {
    font-size: 1.375rem;
    padding: .55rem 1rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column03__item > dt {
    font-size: 1.125rem;
    padding: .7rem 1rem;
  }
}
.vision-container .vision-column03__item > dd {
  background-color: #fff;
  border-radius: 0 0 10px 10px;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column03__item > dd {
    padding: 1.875rem 1.875rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column03__item > dd {
    padding: 1rem;
    flex-grow: 1;
  }
}
.vision-container .vision-column03__item::after {
  display: block;
  content: "";
  position: absolute;
  bottom: 4px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: url("/pickups/img/vision_im07.png") no-repeat 0 0;
  background-size: contain;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column03__item::after {
    width: 126px;
    height: 43px;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column03__item::after {
    width: 95px;
    height: 32px;
  }
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column03__column01 {
    display: flex;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column03__column01 {
    display: flex;
    flex-flow: column;
  }
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column03__column01__detail {
    flex-grow: 1;
    margin-right: 2.5rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column03__column01__detail {
    text-align: center;
  }
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column03__column01__img {
    flex-shrink: 0;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column03__column01__img {
    margin-top: .7rem;
  }
}
.vision-container .vision-column03__img {
  text-align: center;
}
.vision-container .vision-box01 {
  border: 2px solid #1b9bac;
  background-color: #f8feff;
  border-radius: 10px;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-box01 {
    margin-top: 1.875rem;
    padding: 1.5rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-box01 {
    margin-top: 1rem;
    padding: 1.25rem;
  }
}
.vision-container .vision-box01__title {
  text-align: center;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-box01__title {
    font-size: 1.375rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-box01__title {
    font-size: 1.125rem;
  }
}
.vision-container .vision-box01__img {
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-box01__img {
    margin-top: 1.5rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-box01__img {
    margin-top: 1rem;
  }
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column04 {
    margin-top: 1.875rem;
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column04 {
    margin-top: 1rem;
  }
}
.vision-container .vision-column04__item {
  position: relative;
  border-radius: 10px;
  border: 1px solid #ddd;
  background-color: #fff;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column04__item {
    width: calc((100% - 76px) / 2 - 0.01px);
  }
}
.vision-container .vision-column04__item > dt {
  background-color: #7d7a78;
  border-radius: 10px 10px 0 0;
  text-align: center;
  color: #fff;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column04__item > dt {
    font-size: 1.375rem;
    padding: .55rem 1rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column04__item > dt {
    font-size: 1.125rem;
    padding: .7rem 1rem;
  }
}
.vision-container .vision-column04__item > dd {
  background-color: #fff;
  border-radius: 0 0 10px 10px;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column04__item > dd {
    padding: 1.875rem 1.875rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column04__item > dd {
    padding: 1.125rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column04__item:last-child {
    margin-top: 3.5rem;
  }
}
.vision-container .vision-column04__item:last-child::before {
  display: block;
  content: "";
  position: absolute;
  background: url("/pickups/img/vision_im24.png") no-repeat 0 0;
  background-size: contain;
  width: 26px;
  height: 26px;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column04__item:last-child::before {
    margin: auto 0;
    top: 0;
    bottom: 0;
    left: -52px;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column04__item:last-child::before {
    margin: 0 auto;
    top: -2.5rem;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
.vision-container .vision-column04__column01 {
  display: flex;
  justify-content: space-between;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column04__column01 {
    margin-top: 1.375rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column04__column01 {
    margin-top: 1rem;
  }
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column04__column01__item {
    width: calc((100% - 25px) / 2 - 0.01px);
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column04__column01__item {
    width: calc((100% - 10px) / 2 - 0.01px);
  }
}
.vision-container .vision-column04__column01 + * {
  margin-top: 1.375rem;
}
.vision-container .vision-column04__copy {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #eff2f5;
  border-radius: 2rem;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column04__copy {
    padding: .5rem 1rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column04__copy {
    padding: .5rem .5rem;
  }
}
.vision-container .vision-column04__img {
  margin: 0;
  text-align: center;
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column04__img > img {
    max-width: 60px;
  }
}
.vision-container .vision-column04__img-v2 {
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column04__img-v2 {
    margin-top: 2rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column04__img-v2 {
    margin-top: 1rem;
  }
  .vision-container .vision-column04__img-v2 > img {
    max-width: 230px;
  }
}
.vision-container .vision-column04__text {
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column04__text {
    margin-top: 1.5rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column04__text {
    margin-top: .7rem;
  }
}
.vision-container .vision-column04__inner + .vision-column04__inner {
  margin-top: 1rem;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column05 {
    margin-top: 1.875rem;
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column05 {
    margin-top: 1rem;
  }
}
.vision-container .vision-column05__item {
  border-radius: 10px;
  background-color: #eff2f5;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column05__item {
    width: calc((100% - 72px) / 3 - 0.01px);
    padding: 1.875rem 1.875rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column05__item {
    padding: 1.125rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column05__item + .vision-column05__item {
    margin-top: 1.25rem;
  }
}
.vision-container .vision-column05__lead {
  text-align: center;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column05__lead {
    font-size: 1.375rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column05__lead {
    font-size: 1.125rem;
    line-height: 1.4;
  }
}
.vision-container .vision-column05__lead__plus {
  display: block;
  color: #1b9bac;
}
.vision-container .vision-column05__text {
  margin-top: 1.2rem;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column06 {
    margin-top: 1.875rem;
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column06 {
    margin-top: 1rem;
  }
}
.vision-container .vision-column06__item {
  position: relative;
  border-radius: 10px;
  border: 1px solid #ddd;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column06__item {
    width: calc((100% - 104px) / 3 - 0.01px);
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column06__item + .vision-column06__item {
    margin-top: 4rem;
  }
}
.vision-container .vision-column06__item > dt {
  border-radius: 10px 10px 0 0;
  background-color: #7d7a78;
  text-align: center;
  color: #fff;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column06__item > dt {
    font-size: 1.375rem;
    padding: .55rem 1rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column06__item > dt {
    font-size: 1.125rem;
    padding: .7rem 1rem;
  }
}
.vision-container .vision-column06__item > dd {
  background-color: #fff;
  border-radius: 0 0 10px 10px;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column06__item > dd {
    padding: 1.875rem 1.5rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column06__item > dd {
    padding: 1.25rem;
  }
}
.vision-container .vision-column06__item:last-child::before {
  display: block;
  content: "";
  position: absolute;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column06__item:last-child::before {
    top: 0;
    bottom: 0;
    left: -40px;
    width: 22px;
    height: 63px;
    margin: auto 0;
    background: url("/pickups/img/vision_im29.png") no-repeat 0 0;
    background-size: contain;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column06__item:last-child::before {
    background: url("/pickups/img/vision_im07.png") no-repeat 0 0;
    background-size: contain;
    top: -2.8rem;
    left: 0;
    right: 0;
    width: 95px;
    height: 32px;
    margin: 0 auto;
  }
}
.vision-container .vision-column06__item--center {
  display: flex;
  flex-flow: column;
  border: none;
  border-radius: 10px;
  background-color: #eff2f5;
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column06__item--center {
    margin-top: 4rem;
  }
}
.vision-container .vision-column06__item--center > dt {
  border-radius: 10px 10px 0 0;
  background-color: #1b9bac;
  color: #fff;
  text-align: center;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column06__item--center > dt {
    font-size: 1.375rem;
    padding: 1rem 1rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column06__item--center > dt {
    font-size: 1.125rem;
    padding: .7rem 1rem;
  }
}
.vision-container .vision-column06__item--center > dd {
  flex-grow: 1;
  display: flex;
  flex-flow: column;
  justify-content: center;
  background-color: #eff2f5;
  border-radius: 0 0 10px 10px;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column06__item--center > dd {
    padding: 1.875rem 1.5rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column06__item--center > dd {
    padding: 1.25rem;
  }
}
.vision-container .vision-column06__item--center::before {
  display: block;
  content: "";
  position: absolute;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column06__item--center::before {
    background: url("/pickups/img/vision_im29.png") no-repeat 0 0;
    background-size: contain;
    top: 0;
    bottom: 0;
    left: -40px;
    width: 22px;
    height: 63px;
    margin: auto 0;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column06__item--center::before {
    background: url("/pickups/img/vision_im07.png") no-repeat 0 0;
    background-size: contain;
    top: -2.8rem;
    left: 0;
    right: 0;
    width: 95px;
    height: 32px;
    margin: 0 auto;
  }
}
.vision-container .vision-column06__text {
  text-align: center;
}
.vision-container .vision-column06__img {
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column06__img {
    margin-top: 4rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column06__img {
    margin-top: 1rem;
  }
  .vision-container .vision-column06__img > img {
    max-width: 215px;
  }
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column06__list {
    margin-top: 1.5rem;
  }
}
.vision-container .vision-column06__list > li {
  position: relative;
  padding-left: 2rem;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column06__list > li {
    font-size: 1.25rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column06__list > li {
    font-size: 1rem;
  }
}
.vision-container .vision-column06__list > li + li {
  margin-top: .6rem;
}
.vision-container .vision-column06__list__number {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: .2rem;
  left: 0;
  border-radius: 50%;
  background-color: #1b9bac;
  color: #fff;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column06__list__number {
    font-size: 1.25rem;
    width: 26px;
    height: 26px;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column06__list__number {
    font-size: 1rem;
    width: 21px;
    height: 21px;
  }
}
.vision-container .vision-column06__value {
  margin-top: 1rem;
  display: flex;
}
.vision-container .vision-column06__value__img {
  flex-shrink: 0;
  margin-right: 1rem;
}
.vision-container .vision-column06__value__detail {
  flex-grow: 1;
}
.vision-container .vision-column06__value__detail__title {
  font-weight: bold;
  color: #1b9bac;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column06__value__detail__title {
    font-size: 1.25rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column06__value__detail__title {
    font-size: 1rem;
  }
}
.vision-container .vision-column06__value__detail__text {
  margin-top: .5rem;
}
.vision-container .vision-img {
  margin-top: 2rem;
}
.vision-container .vision-note {
  margin-top: 2rem;
  font-size: .75rem;
  color: #7d7a78;
}
.vision-container .vision-note + .vision-note {
  margin-top: .5rem;
}
.vision-container .vision-column07 {
  margin-top: 1.875rem;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column07 {
    margin-top: 1.875rem;
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column07 {
    margin-top: 1.25rem;
  }
}
.vision-container .vision-column07__item {
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column07__item {
    width: calc((100% - 72px) / 3 - 0.01px);
  }
}
.vision-container .vision-column07__item > dt {
  position: relative;
  padding-left: 3rem;
  font-size: 1.25rem;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column07__item > dt {
    font-size: 1.25rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column07__item > dt {
    font-size: 1.125rem;
  }
}
.vision-container .vision-column07__item > dt::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  width: 31px;
  height: 31px;
  background: url("/pickups/img/vision_im36.png") no-repeat 0 0;
  background-size: contain;
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column07__item > dt::before {
    top: -.2rem;
  }
}
.vision-container .vision-column07__item > dd {
  margin-top: 1rem;
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column07__item + .vision-column07__item {
    margin-top: 1.875rem;
  }
}
.vision-container .vision-column07__img {
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column07__img {
    margin-top: 1.5rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column07__img {
    margin-top: 1rem;
  }
}
.vision-container .vision-column07__img-v2 {
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .vision-container .vision-column07__img-v2 {
    margin-top: 1.5rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .vision-container .vision-column07__img-v2 {
    margin-top: 1rem;
  }
  .vision-container .vision-column07__img-v2 > img {
    max-width: 80%;
  }
}

/* ======================================================
 * PC Media Queries
====================================================== */
/* ======================================================
 * SP
====================================================== */
@media only screen and (max-width: 767.98px) {
  /* ------------------------------------------------------
   * Common
  ------------------------------------------------------ */
  /* ------------------------------------------------------
   * Override
  ------------------------------------------------------ */
  /* ------------------------------------------------------
   * Parts
  ------------------------------------------------------ */
  /* ----- diversity-read ----- */
  /* ------------------------------------------------------
   * Clearfix
  ------------------------------------------------------ */
  .clearfix::after {
    display: block;
    clear: both;
    content: "";
  }
}
/* ======================================================
 * SP Media Queries
====================================================== */
/* ======================================================
 * Print
====================================================== */