@charset "UTF-8";
.main_outer2 {
  /* --------------------------------------------------------
* 洗車の教科書
-------------------------------------------------------- */
  /* --------------------------------------------------------
* メインビジュアル
-------------------------------------------------------- */
  /* --------------------------------------------------------
* 基本を学ぶ
-------------------------------------------------------- */
  /* --------------------------------------------------------
* まずはこれから！
-------------------------------------------------------- */
  /* --------------------------------------------------------
* シャンプー洗車の後は？
-------------------------------------------------------- */
  /*# sourceMappingURL=style.css.map */ }
  .main_outer2 .u-is-pc {
    display: block; }
  @media all and (max-width: 767px) {
    .main_outer2 .u-is-pc {
      display: none; } }
  .main_outer2 .u-is-sp {
    display: none; }
  @media all and (max-width: 767px) {
    .main_outer2 .u-is-sp {
      display: block; } }
  .main_outer2 main {
    background-image: url(../img/bg_pattern.jpg); }
  .main_outer2 main .content {
    margin: 0 auto;
    width: 1120px;
    letter-spacing: 0.02em; }
  .main_outer2 main .content.p-sensya-lower .bg-white {
    background-color: #fff; }
  .main_outer2 main .content.p-sensya-lower .bg-gray {
    background-color: #f4f4f4; }
  @media all and (max-width: 767px) {
    .main_outer2 main .content {
      width: 100%;
      padding: 0; } }
  .main_outer2 .p-sensya-top {
    width: 100%;
    padding: 0 0 60px;
    background-image: url(../img/bg_pattern.jpg); }
  @media all and (max-width: 767px) {
    .main_outer2 .p-sensya-top {
      overflow-x: hidden;
      padding: 0 0 22.4vw; } }
  .main_outer2 .p-sensya-top__heading {
    width: 1120px;
    margin: auto;
    font-size: 0; }
  @media all and (max-width: 767px) {
    .main_outer2 .p-sensya-top__heading {
      width: 100%; } }
  .main_outer2 .p-sensya-top__heading .p-sensya-top__mainvisual {
    width: 100%;
    height: 380px;
    background: url(../img/top/mainvisual_pc.jpg) center no-repeat;
    background-size: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  @media all and (max-width: 767px) {
    .main_outer2 .p-sensya-top__heading .p-sensya-top__mainvisual {
      width: 100%;
      height: 57.3333333333vw;
      background: url(../img/top/mainvisual_sp.jpg) center top no-repeat;
      background-size: cover; } }
  .main_outer2 .p-sensya-top__heading .p-sensya-top__mainvisual__title {
    width: 600px; }
  @media all and (max-width: 767px) {
    .main_outer2 .p-sensya-top__heading .p-sensya-top__mainvisual__title {
      width: 80%; } }
  .main_outer2 .p-sensya-top__heading .p-sensya-top__mainvisual__title img {
    width: 100%; }
  .main_outer2 .p-sensya-top__heading .p-sensya-top__heading__statement {
    width: 1120px;
    height: 162px;
    margin: auto;
    background: url(../img/top/statement_pc.png) center no-repeat;
    background-size: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: 28px;
    padding-left: 11px; }
  @media all and (max-width: 767px) {
    .main_outer2 .p-sensya-top__heading .p-sensya-top__heading__statement {
      width: 100%;
      height: 26.9333333333vw;
      background: url(../img/top/statement_sp.png) center no-repeat;
      background-size: cover;
      padding: 3.5% 0 0 2%; } }
  .main_outer2 .p-sensya-top__heading .p-sensya-top__heading__statement p {
    margin: auto;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ffffff; }
  @media all and (max-width: 767px) {
    .main_outer2 .p-sensya-top__heading .p-sensya-top__heading__statement p {
      font-size: 3.2vw;
      line-height: 1.6666666667; } }
  .main_outer2 .p-sensya-top__contents {
    width: 1120px;
    margin: 46px auto 0; }
  @media all and (max-width: 767px) {
    .main_outer2 .p-sensya-top__contents {
      width: 100%;
      padding: 0 4.6666666667vw;
      margin: 8.45vw auto 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; } }
  .main_outer2 .p-sensya-top__contents .p-sensya-top__contents__heading {
    position: relative;
    width: 100%;
    margin: auto;
    text-align: center;
    overflow: hidden; }
  .main_outer2 .p-sensya-top__contents .p-sensya-top__contents__heading::before,
  .main_outer2 .p-sensya-top__contents .p-sensya-top__contents__heading::after {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #accae9;
    z-index: 1; }
  .main_outer2 .p-sensya-top__contents .p-sensya-top__contents__heading::before {
    left: -724px; }
  @media all and (max-width: 767px) {
    .main_outer2 .p-sensya-top__contents .p-sensya-top__contents__heading::before {
      left: -73vw; } }
  .main_outer2 .p-sensya-top__contents .p-sensya-top__contents__heading::after {
    right: -724px; }
  @media all and (max-width: 767px) {
    .main_outer2 .p-sensya-top__contents .p-sensya-top__contents__heading::after {
      right: -73vw; } }
  .main_outer2 .p-sensya-top__contents .p-sensya-top__contents__heading h2 {
    position: relative;
    display: inline-block;
    font-size: 30px;
    font-weight: 500;
    text-align: center;
    letter-spacing: 0.009em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #004696;
    margin: auto;
    z-index: 2; }
  .main_outer2 .p-sensya-top__contents .p-sensya-top__contents__heading h2::before, .main_outer2 .p-sensya-top__contents .p-sensya-top__contents__heading h2::after {
    display: inline-block;
    width: 29px;
    height: 17px;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  @media all and (max-width: 767px) {
    .main_outer2 .p-sensya-top__contents .p-sensya-top__contents__heading h2::before, .main_outer2 .p-sensya-top__contents .p-sensya-top__contents__heading h2::after {
      width: 5.8666666667vw;
      height: 3.7333333333vw; } }
  .main_outer2 .p-sensya-top__contents .p-sensya-top__contents__heading h2::before {
    left: -58px;
    background-image: url("../img/top/lead_drop_left.png"); }
  @media all and (max-width: 767px) {
    .main_outer2 .p-sensya-top__contents .p-sensya-top__contents__heading h2::before {
      left: -10.145vw; } }
  .main_outer2 .p-sensya-top__contents .p-sensya-top__contents__heading h2::after {
    right: -58px;
    background-image: url("../img/top/lead_drop_right.png"); }
  @media all and (max-width: 767px) {
    .main_outer2 .p-sensya-top__contents .p-sensya-top__contents__heading h2::after {
      right: -10.145vw; } }
  @media all and (max-width: 767px) {
    .main_outer2 .p-sensya-top__contents .p-sensya-top__contents__heading h2 {
      font-size: 5.6vw; } }
  .main_outer2 .p-sensya-top__contents .p-sensya-top__contents__heading + .p-sensya-top__contents__inner {
    margin: 33px auto 0; }
  @media all and (max-width: 767px) {
    .main_outer2 .p-sensya-top__contents .p-sensya-top__contents__heading + .p-sensya-top__contents__inner {
      margin: 5.915vw auto 0; } }
  .main_outer2 .p-sensya-top__contents .p-sensya-top__contents__inner {
    width: 100%; }
  .main_outer2 .p-sensya-top__contents .p-sensya-top__contents__inner + .p-sensya-top__contents__inner {
    margin-top: 38px; }
  @media all and (max-width: 767px) {
    .main_outer2 .p-sensya-top__contents .p-sensya-top__contents__inner + .p-sensya-top__contents__inner {
      margin-top: 6.5vw; } }
  .main_outer2 .p-sensya-top__contents .p-sensya-top__contents__inner:not(:last-of-type) {
    padding-bottom: 39px;
    border-bottom: 1px solid #e5e5e5; }
  @media all and (max-width: 767px) {
    .main_outer2 .p-sensya-top__contents .p-sensya-top__contents__inner:not(:last-of-type) {
      padding-bottom: 0;
      border-bottom: none; } }
  .main_outer2 .p-sensya-top__contents .p-sensya-top__contents__inner .p-sensya-top__contents__inner__heading {
    width: 100%;
    font-size: 24px;
    line-height: 26px;
    font-weight: bold;
    letter-spacing: 0.0085em;
    margin: 0;
    color: #004696;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .main_outer2 .p-sensya-top__contents .p-sensya-top__contents__inner .p-sensya-top__contents__inner__heading.c-ttl-02::before {
    content: "";
    background: url("../img/top/ttl_drop.png") no-repeat;
    display: inline-block;
    width: 22px;
    height: 24px;
    margin-right: 9px;
    background-size: contain;
    -webkit-transform: translate(0, 3px);
            transform: translate(0, 3px); }
  @media all and (max-width: 767px) {
    .main_outer2 .p-sensya-top__contents .p-sensya-top__contents__inner .p-sensya-top__contents__inner__heading.c-ttl-02::before {
      width: 5.8666666667vw;
      height: 4.825vw;
      vertical-align: middle;
      background-position: left;
      background-size: auto 100%;
      -webkit-transform: none;
              transform: none;
      margin: 0;
      -webkit-transform: translate(0, -15%);
              transform: translate(0, -15%); } }
  @media all and (max-width: 767px) {
    .main_outer2 .p-sensya-top__contents .p-sensya-top__contents__inner .p-sensya-top__contents__inner__heading {
      font-size: 4.8vw;
      letter-spacing: 0.035em; } }
  .main_outer2 .p-sensya-top__at-first {
    width: 100%;
    padding: 40px;
    border-radius: 2px;
    background: #ebebeb;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 39px auto 0; }
  @media all and (max-width: 767px) {
    .main_outer2 .p-sensya-top__at-first {
      width: 100vw;
      overflow: hidden;
      padding: 5.3333333333vw 4.6666666667vw 2.925vw;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border-radius: 0;
      margin: 4vw -4.6666666667vw 0; } }
  .main_outer2 .p-sensya-top__at-first .p-sensya-top__at-first__list {
    list-style: none;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  @media all and (max-width: 767px) {
    .main_outer2 .p-sensya-top__at-first .p-sensya-top__at-first__list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .main_outer2 .p-sensya-top__at-first .p-sensya-top__at-first__item {
    width: 500px;
    padding: 0; }
  @media all and (max-width: 767px) {
    .main_outer2 .p-sensya-top__at-first .p-sensya-top__at-first__item {
      width: 100%; } }
  .main_outer2 .p-sensya-top__at-first .p-sensya-top__at-first__item img {
    width: 100%; }
  .main_outer2 .p-sensya-top__at-first .p-sensya-top__at-first__item a {
    width: 100%;
    display: block;
    font-size: 0; }
  .main_outer2 .p-sensya-top__at-first .p-sensya-top__at-first__item::before {
    display: none; }
  .main_outer2 .p-sensya-top__at-first .p-sensya-top__at-first__item__textbox {
    width: 500px;
    margin: 7px auto 0;
    padding: 15px 25px 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #fff; }
  @media all and (max-width: 767px) {
    .main_outer2 .p-sensya-top__at-first .p-sensya-top__at-first__item__textbox {
      width: 100%;
      padding: 0;
      background: none;
      margin: 2.3vw auto 0; } }
  .main_outer2 .p-sensya-top__at-first .p-sensya-top__at-first__item__heading {
    margin: 0;
    font-size: 18px;
    line-height: 1.3333333333;
    letter-spacing: 0.025em;
    font-weight: bold;
    color: #333333; }
  @media all and (max-width: 767px) {
    .main_outer2 .p-sensya-top__at-first .p-sensya-top__at-first__item__heading {
      font-size: 4vw;
      letter-spacing: 0.02em; } }
  .main_outer2 .p-sensya-top__at-first .p-sensya-top__at-first__item__about {
    margin: 4px auto 0;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.0195em;
    color: #333333; }
  @media all and (max-width: 767px) {
    .main_outer2 .p-sensya-top__at-first .p-sensya-top__at-first__item__about {
      margin: 1vw auto 0;
      font-size: 3.2vw;
      letter-spacing: 0.025em;
      line-height: 1.5; } }
  @media all and (max-width: 767px) {
    .main_outer2 .p-sensya-top__at-first .p-sensya-top__at-first__item + .p-sensya-top__at-first__item {
      margin-top: 5.55%; } }
  @media all and (max-width: 767px) {
    .main_outer2 .p-sensya-top__wash-after {
      overflow: hidden; } }
  .main_outer2 .p-sensya-top__wash-after .p-sensya-top__wash-after__links {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 37px auto 0; }
  @media all and (max-width: 767px) {
    .main_outer2 .p-sensya-top__wash-after .p-sensya-top__wash-after__links {
      margin: 3.55vw auto 0; } }
  .main_outer2 .p-sensya-top__wash-after .p-sensya-top__wash-after__links__item {
    width: 540px;
    padding: 0; }
  @media all and (max-width: 767px) {
    .main_outer2 .p-sensya-top__wash-after .p-sensya-top__wash-after__links__item {
      width: 100%; } }
  @media all and (max-width: 767px) {
    .main_outer2 .p-sensya-top__wash-after .p-sensya-top__wash-after__links__item:not(:last-of-type) {
      padding: 0 0 2.6666666667vw;
      margin: 0 auto 2.6666666667vw;
      border-bottom: 0.2666666667vw solid #90b1d3; } }
  @media all and (max-width: 767px) {
    .main_outer2 .p-sensya-top__wash-after .p-sensya-top__wash-after__links__item:last-of-type {
      margin-bottom: 0; } }
  .main_outer2 .p-sensya-top__wash-after .p-sensya-top__wash-after__links__item:nth-of-type(n+3) {
    margin-top: 40px; }
  @media all and (max-width: 767px) {
    .main_outer2 .p-sensya-top__wash-after .p-sensya-top__wash-after__links__item:nth-of-type(n+3) {
      margin-top: 0; } }
  .main_outer2 .p-sensya-top__wash-after .p-sensya-top__wash-after__links__item::before {
    display: none; }
  .main_outer2 .p-sensya-top__wash-after .p-sensya-top__wash-after__links__item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  @media all and (max-width: 767px) {
    .main_outer2 .p-sensya-top__wash-after .p-sensya-top__wash-after__links__item a img {
      width: 45.3333333333vw;
      height: auto; } }
  .main_outer2 .p-sensya-top__wash-after .p-sensya-top__wash-after__links__textarea {
    width: 230px; }
  @media all and (max-width: 767px) {
    .main_outer2 .p-sensya-top__wash-after .p-sensya-top__wash-after__links__textarea {
      width: 41.8666666667vw; } }
  .main_outer2 .p-sensya-top__wash-after .p-sensya-top__wash-after__links__new {
    margin: 0;
    font-size: 18px;
    line-height: 1;
    font-weight: bold;
    color: #ed1a3a;
    letter-spacing: 0.02em; }
  @media all and (max-width: 767px) {
    .main_outer2 .p-sensya-top__wash-after .p-sensya-top__wash-after__links__new {
      font-size: 4vw;
      letter-spacing: 0.025em; } }
  .main_outer2 .p-sensya-top__wash-after .p-sensya-top__wash-after__links__heading {
    margin: 0;
    font-size: 18px;
    line-height: 1.3333333333;
    font-weight: bold;
    color: #333333;
    letter-spacing: 0.025em; }
  @media all and (max-width: 767px) {
    .main_outer2 .p-sensya-top__wash-after .p-sensya-top__wash-after__links__heading {
      font-size: 4vw;
      line-height: 1.2666666667;
      letter-spacing: 0.025em; } }
  .main_outer2 .p-sensya-top__wash-after .p-sensya-top__wash-after__links__about {
    margin: 6px 0 0;
    font-size: 13px;
    line-height: 24px;
    color: #333333;
    letter-spacing: 0.1125em; }
  @media all and (max-width: 767px) {
    .main_outer2 .p-sensya-top__wash-after .p-sensya-top__wash-after__links__about {
      font-size: 3.2vw;
      line-height: 1.5;
      margin: 1.2vw auto 0;
      letter-spacing: 0.025em; } }
  .main_outer2 main {
    position: relative; }
  .main_outer2 .p-sensya-goTop {
    cursor: pointer;
    width: 60px;
    height: 60px;
    position: fixed;
    z-index: 10; }
  @media all and (min-width: 768px) {
    .main_outer2 .p-sensya-goTop {
      bottom: 20px;
      right: 20px; } }
  @media all and (max-width: 767px) {
    .main_outer2 .p-sensya-goTop {
      bottom: 3vw;
      right: 3vw; } }
  .main_outer2 .p-sensya-goTop::before {
    content: "";
    display: block;
    background-image: url(/template/img/common/footer-totop-icn.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
    width: 60px;
    height: 60px; }
/*# sourceMappingURL=style.css.map */