@charset "UTF-8";
/*! Writen  by SCSS */
ul.breadlist {
  padding: 3px 3px; }

.main {
  position: relative;
  z-index: 5;
  width: 100%;
  height: calc(100vh - 84px); }
  @media screen and (max-width: 767px) {
    .main {
      height: calc(100svh - 49px - 115px);
      height: auto;
      aspect-ratio: 800 / 1000; } }
  .main #mvideo {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    z-index: 6;
    display: block;
    line-height: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .main::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background: #363530;
    z-index: 7; }

.l-info,
.fbg,
.main,
.l-header {
  overflow: hidden; }

.breadlist_wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 50;
  /*	body & {
  		position: fixed;
  	}
  	body.on & {
  		position: absolute;
  	}*/ }

ul.breadlist {
  max-width: 100%; }
  ul.breadlist li {
    color: #fff; }
    ul.breadlist li:last-child {
      display: none; }
    ul.breadlist li:after {
      color: #fff; }
    ul.breadlist li:nth-child(2) a {
      pointer-events: none; }
    ul.breadlist li:nth-child(2)::after {
      content: none; }
    ul.breadlist li a {
      color: #fff; }

.obi1 {
  background: linear-gradient(180deg, #3f0000, #4b0000, #770005); }
  .obi1 .inn {
    padding: 10px 10px;
    background: url("../images/top/obi1_bg.png") center center;
    background-size: auto 95%;
    background-repeat: no-repeat;
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 30px; }
    @media screen and (max-width: 480px) {
      .obi1 .inn {
        background-size: auto 60%;
        flex-direction: column;
        align-items: center;
        gap: 10px; } }
    .obi1 .inn p {
      line-height: 1;
      color: #fff;
      letter-spacing: 0.1em;
      font-size: clamp(14px, calc(43vw / 12.8), 43px); }
      @media screen and (max-width: 480px) {
        .obi1 .inn p {
          font-size: calc(22vw / 3.9); } }
      .obi1 .inn p .c {
        color: #d2a362; }
      .obi1 .inn p .l1 {
        font-size: 210%;
        display: inline-block;
        transform: translateY(0.05em); }
      .obi1 .inn p .l2 {
        font-size: 150%; }
      .obi1 .inn p .l3 {
        font-size: 130%; }
      .obi1 .inn p .s1 {
        font-size: 85%; }
      .obi1 .inn p .line_box {
        position: relative; }
        .obi1 .inn p .line_box .line {
          position: absolute;
          top: -1.3em;
          left: 0;
          width: 100%;
          text-align: center;
          font-size: 35%; }

.inner {
  width: calc(100% - 40px);
  margin-inline: auto;
  max-width: 1140px; }

.bg_wrap {
  background: url("../images/top/bg.jpg") center center/cover; }

.merit_wrap {
  padding: 50px 0; }
  @media screen and (max-width: 480px) {
    .merit_wrap {
      padding: 0 0 30px; } }
  .merit_wrap .inner {
    max-width: 1460px;
    width: calc(100% - 20px); }
  .merit_wrap .merit {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 0;
    margin-bottom: 45px;
    font-weight: bold;
    font-size: clamp(14px, calc(20vw / 15), 20px);
    font-size: clamp(14px, calc(22vw / 15), 22px); }
    @media screen and (max-width: 480px) {
      .merit_wrap .merit {
        font-size: calc(17vw / 3.9);
        font-size: calc(19vw / 3.9);
        font-size: calc(18vw / 3.9);
        margin-bottom: 40px;
        display: block;
        margin-inline: auto; } }
    .merit_wrap .merit li {
      border-right: solid 1px #6d6b6b;
      width: calc(100% / 3);
      display: flex;
      align-items: center;
      justify-content: center;
      color: #595757; }
      @media screen and (max-width: 480px) {
        .merit_wrap .merit li {
          width: 100%;
          border-right: none;
          border-bottom: solid 1px #6d6b6b;
          padding: 0.6em 0 0.7em; } }
      .merit_wrap .merit li:nth-child(4), .merit_wrap .merit li:nth-child(1) {
        border-left: solid 1px #6d6b6b; }
        @media screen and (max-width: 480px) {
          .merit_wrap .merit li:nth-child(4), .merit_wrap .merit li:nth-child(1) {
            border-left: none; } }
      .merit_wrap .merit li p {
        line-height: 1.1;
        letter-spacing: 0.1em;
        letter-spacing: 0.12em; }
        @media screen and (max-width: 480px) {
          .merit_wrap .merit li p {
            line-height: 1; } }
        .merit_wrap .merit li p.ll {
          font-size: clamp(14px, calc(25vw / 15), 25px); }
          @media screen and (max-width: 480px) {
            .merit_wrap .merit li p.ll {
              font-size: calc(20vw / 3.9); } }
        .merit_wrap .merit li p.ss {
          font-size: clamp(14px, calc(20vw / 15), 20px); }
          @media screen and (max-width: 480px) {
            .merit_wrap .merit li p.ss {
              font-size: calc(16vw / 3.9); } }
        .merit_wrap .merit li p.ls {
          letter-spacing: 0.06em; }
          @media screen and (max-width: 480px) {
            .merit_wrap .merit li p.ls {
              letter-spacing: 0; } }
        .merit_wrap .merit li p .b {
          font-weight: 800; }
        .merit_wrap .merit li p .c {
          color: #b28247; }
        .merit_wrap .merit li p .l1 {
          font-size: 180%;
          display: inline-block;
          transform: translateY(0.05em); }
        .merit_wrap .merit li p sup {
          font-size: 40%; }
        .merit_wrap .merit li p .sup_box {
          display: inline-block;
          position: relative; }
          .merit_wrap .merit li p .sup_box sup {
            position: absolute;
            right: 0;
            top: -1em; }
  .merit_wrap .info {
    letter-spacing: 0.11em;
    line-height: 1.1;
    font-size: clamp(14px, calc(36vw / 11.8), 36px);
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    justify-content: center;
    gap: 0 0.4em;
    gap: 0 1.4em;
    gap: 0 .7em; }
    @media screen and (max-width: 480px) {
      .merit_wrap .info {
        line-height: 1.3;
        font-size: calc(22vw / 3.9); } }
    @media screen and (max-width: 480px) {
      .merit_wrap .info {
        flex-direction: column;
        align-items: center;
        gap: 12px;
        text-align: center; } }
    .merit_wrap .info .c {
      color: #7a0004; }
    .merit_wrap .info .l {
      padding: 0 0.2em;
      font-size: 65%;
      display: flex;
      align-items: center;
      justify-content: center;
      border-top: solid 1px #6d6b6b;
      border-bottom: solid 1px #6d6b6b; }
      @media screen and (max-width: 480px) {
        .merit_wrap .info .l {
          width: 100%;
          padding: 0.7em 0.2em 0.5em;
          font-size: 60%;
          font-size: 70%; } }

.s_ttl {
  font-size: clamp(14px, calc(21vw / 11.8), 21px);
  font-size: clamp(14px, calc(22vw / 11.8), 23px);
  line-height: 1;
  color: #c9a063;
  letter-spacing: 0.1em;
  font-weight: bold; }
  @media screen and (max-width: 480px) {
    .s_ttl {
      font-size: calc(16vw / 3.9);
      font-size: calc(18vw / 3.9); } }

.more a {
  font-size: clamp(12px, calc(17vw / 11.8), 17px);
  line-height: 1;
  letter-spacing: 0.1em;
  text-decoration: none;
  color: #b28247;
  transition: all 0.3s ease-in-out 0s; }
  @media screen and (max-width: 480px) {
    .more a {
      font-size: calc(13vw / 3.9); } }
  .more a:hover {
    color: #fff; }
  .more a .y {
    margin-left: 0.2em;
    display: inline-block;
    letter-spacing: -0.2em;
    transform: scaleX(0.5); }
.more.of p {
  font-size: clamp(12px, calc(17vw / 11.8), 17px);
  line-height: 1;
  letter-spacing: 0.1em;
  color: #fff; }
  @media screen and (max-width: 480px) {
    .more.of p {
      font-size: calc(13vw / 3.9); } }

.concept {
  margin-bottom: 80px;
  margin-bottom: 140px;
  background: url("../images/top/c_01.jpg") center center no-repeat;
  background-color: #35342f;
  padding: 60px 0;
  padding: 100px 0;
  padding: 140px 0;
  color: #fff; }
  @media screen and (max-width: 960px) {
    .concept {
      background-size: 100% auto; } }
  @media screen and (max-width: 480px) {
    .concept {
      margin-bottom: 40px; } }
  @media screen and (max-width: 480px) {
    .concept {
      padding: 80px 0;
      background-size: auto 70%; } }
  .concept .c1 {
    font-size: clamp(14px, calc(43vw / 11.8), 43px);
    line-height: 1.8;
    letter-spacing: 0.2em; }
    @media screen and (max-width: 480px) {
      .concept .c1 {
        font-size: calc(18vw / 3.9);
        font-size: calc(20vw / 3.9); } }
  .concept .c2 {
    font-size: clamp(14px, calc(22vw / 11.8), 22px);
    line-height: 3.4;
    letter-spacing: 0.15em; }
    @media screen and (max-width: 480px) {
      .concept .c2 {
        font-size: calc(15vw / 3.9);
        font-size: calc(16.5vw / 3.9);
        letter-spacing: 0.1em;
        line-height: 2.8; } }

.future li {
  background: linear-gradient(-135deg, #7c736c, #363530);
  margin-bottom: 110px; }
  @media screen and (max-width: 480px) {
    .future li {
      margin-bottom: 40px; } }
  .future li .inner {
    display: flex;
    justify-content: space-between;
    width: 100%; }
    @media screen and (max-width: 480px) {
      .future li .inner {
        flex-direction: column-reverse; } }
    .future li .inner .txt {
      display: flex;
      align-items: center;
      text-align: left; }
      @media screen and (max-width: 480px) {
        .future li .inner .txt {
          text-align: center; }
          .future li .inner .txt .inn {
            width: 100%; } }
      .future li .inner .txt .f1 {
        color: #c9a063;
        font-size: clamp(14px, calc(12vw / 11.8), 21px);
        font-size: clamp(14px, calc(22vw / 11.8), 23px);
        line-height: 1.5;
        letter-spacing: 0.1em;
        margin-bottom: 0.4em;
        font-weight: bold; }
        @media screen and (max-width: 480px) {
          .future li .inner .txt .f1 {
            font-size: calc(16vw / 3.9);
            font-size: calc(18vw / 3.9); } }
      .future li .inner .txt .f2 {
        color: #fff;
        font-size: clamp(14px, calc(21vw / 11.8), 21px);
        line-height: 2;
        letter-spacing: 0.1em;
        margin-bottom: 1.2em; }
        @media screen and (max-width: 480px) {
          .future li .inner .txt .f2 {
            font-size: calc(19vw / 3.9); } }
    .future li .inner .img .cap {
      bottom: -1.8em; }
      @media screen and (max-width: 480px) {
        .future li .inner .img .cap {
          right: 5px;
          left: auto;
          text-align: right;
          bottom: 5px; } }
    .future li .inner .img img {
      width: 100%;
      height: 100%;
      object-fit: contain; }
    .future li .inner .img .figure {
      width: 100%;
      height: 100%; }
    .future li .inner .img .slideimg {
      width: 100%;
      height: 100%; }
  .future li:nth-child(2n) {
    background: linear-gradient(-135deg, #363530, #7c736c); }
    .future li:nth-child(2n) .inner {
      flex-direction: row-reverse; }
      @media screen and (max-width: 480px) {
        .future li:nth-child(2n) .inner {
          flex-direction: column-reverse; } }
  .future li.qua .inner .txt {
    width: calc(340% / 11.4);
    padding-left: calc(50% / 11.4);
    background: url("../images/top/img_qua02.png") center left no-repeat; }
    @media screen and (max-width: 480px) {
      .future li.qua .inner .txt {
        width: 100%;
        padding: 40px 20px 40px 40px;
        background-size: auto 82%;
        background-size: auto 74%;
        background-position: center center; } }
  .future li.qua .inner .img {
    width: calc(900% / 11.4);
    margin-right: calc(-120% / 11.4); }
    @media screen and (max-width: 480px) {
      .future li.qua .inner .img {
        width: 100%; } }
  .future li.des .inner .txt {
    width: calc(340% / 11.4); }
    @media screen and (max-width: 480px) {
      .future li.des .inner .txt {
        width: 100%;
        padding: 20px 0 20px 20px;
        padding: 20px 40px 20px; } }
    .future li.des .inner .txt .inn {
      padding: calc(40% / 11.4) 0 calc(50% / 11.4) calc(50% / 11.4);
      border-bottom: solid  #93928f;
      border-left: solid  #93928f;
      border-width: 1.5rem; }
      @media screen and (max-width: 767px) {
        .future li.des .inner .txt .inn {
          border-width: 0.8rem; } }
      @media screen and (max-width: 480px) {
        .future li.des .inner .txt .inn {
          width: 100%;
          padding: 0 10px 15px 10px;
          border-bottom: solid 10px #93928f;
          border-left: solid 10px #93928f; } }
  .future li.des .inner .img {
    width: calc(713% / 11.4);
    margin-top: calc(-33% / 11.4);
    margin-bottom: calc(-33% / 11.4); }
    @media screen and (max-width: 480px) {
      .future li.des .inner .img {
        width: 100%;
        margin: 0 auto; } }
  .future li.pla .inner .txt {
    width: calc(340% / 11.4); }
    @media screen and (max-width: 480px) {
      .future li.pla .inner .txt {
        width: 100%;
        padding: 20px;
        padding: 40px 20px; } }
  .future li.pla .inner .img {
    width: calc(765% / 11.4);
    margin-top: calc(-33% / 11.4);
    margin-bottom: calc(-33% / 11.4); }
    @media screen and (max-width: 480px) {
      .future li.pla .inner .img {
        width: 100%;
        margin: 0 auto; } }
  .future li.bra .inner .txt {
    width: calc(300% / 11.4); }
    @media screen and (max-width: 480px) {
      .future li.bra .inner .txt {
        width: 100%;
        padding: 20px;
        padding: 40px 20px; } }
  .future li.bra .inner .img {
    width: calc(778% / 11.4); }
    @media screen and (max-width: 480px) {
      .future li.bra .inner .img {
        width: 100%; } }
.future .op {
  opacity: 0;
  transition: all 1.2s ease-in-out 0.2s !important; }
  .future .op.p-view {
    opacity: 1; }

.cbtn_wrap {
  padding-bottom: 80px; }
  @media screen and (max-width: 480px) {
    .cbtn_wrap {
      padding-bottom: 40px; } }
  .cbtn_wrap .cbtn {
    max-width: 1140px;
    width: calc(100% - 40px);
    margin: 0 auto;
    display: flex; }
    @media screen and (max-width: 480px) {
      .cbtn_wrap .cbtn {
        flex-direction: column; } }
    .cbtn_wrap .cbtn li {
      width: calc(380% / 11.4);
      position: relative; }
      @media screen and (max-width: 480px) {
        .cbtn_wrap .cbtn li {
          width: 100%; } }
      .cbtn_wrap .cbtn li a {
        text-decoration: none;
        display: block;
        position: relative; }
        .cbtn_wrap .cbtn li a .txt {
          position: absolute;
          inset: 0;
          display: flex;
          justify-content: center;
          align-items: center;
          text-align: center; }
          .cbtn_wrap .cbtn li a .txt .t1 {
            color: #c9a063;
            font-size: clamp(12px, calc(21vw / 11.4), 21px);
            line-height: 1.5;
            letter-spacing: 0.1em;
            margin-bottom: 0.4em;
            font-weight: 700; }
            @media screen and (max-width: 480px) {
              .cbtn_wrap .cbtn li a .txt .t1 {
                font-size: calc(16vw / 3.9); } }
          .cbtn_wrap .cbtn li a .txt .t2 {
            color: #fff;
            font-size: clamp(14px, calc(19vw / 11.8), 19px);
            line-height: 1.7;
            letter-spacing: 0.1em;
            margin-bottom: 1.2em; }
            @media screen and (max-width: 480px) {
              .cbtn_wrap .cbtn li a .txt .t2 {
                font-size: calc(18vw / 3.9); } }
          .cbtn_wrap .cbtn li a .txt .more p {
            font-size: clamp(9px, calc(17vw / 11.8), 17px);
            line-height: 1;
            letter-spacing: 0.1em;
            text-decoration: none;
            color: #fff;
            transition: all 0.3s ease-in-out 0s; }
            @media screen and (max-width: 480px) {
              .cbtn_wrap .cbtn li a .txt .more p {
                font-size: calc(13vw / 3.9); } }
            .cbtn_wrap .cbtn li a .txt .more p .y {
              margin-left: 0.2em;
              display: inline-block;
              letter-spacing: -0.2em;
              transform: scaleX(0.5);
              transition: all 0.3s ease-in-out 0s;
              color: #afa15b; }
        .cbtn_wrap .cbtn li a:hover .more p {
          color: #afa15b; }
          .cbtn_wrap .cbtn li a:hover .more p .y {
            color: #fff; }

.cbg,
.fbg {
  position: relative;
  z-index: 5;
  background: #fff; }

.l-info {
  padding: 60px 0 90px; }
  @media screen and (max-width: 480px) {
    .l-info {
      padding: 40px 15px 50px; } }

@keyframes scrollLine {
  0% {
    transform: translateX(-100%); }
  100% {
    transform: translateX(100%); } }
.p-conversion__btn {
  margin-bottom: 30px; }
  @media screen and (max-width: 767px) {
    .p-conversion__btn {
      margin-top: 0; } }

.p-summary {
  padding-bottom: 20px; }

.no_links a {
  pointer-events: none; }
@media screen and (min-width: 768px) {
  .no_links .ex_item {
    display: flex;
    flex-direction: column; }
    .no_links .ex_item .img2 {
      margin-top: auto; } }
.no_links .mimg::after,
.no_links .img2::after {
  content: none !important; }

.breadlist {
  display: none; }

div.contents_wrap {
  position: relative; }

.top-merit-section {
  padding: 8rem 0;
  background: #e6e6e6; }
  @media screen and (max-width: 767px) {
    .top-merit-section {
      padding: 3rem 0; } }
  .top-merit-section--narrow {
    margin-top: 3rem; }
  @media screen and (max-width: 767px) {
    .top-merit-section .u-mt-large {
      margin-top: 1.5em !important; } }
.top-merit-title {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 2;
  letter-spacing: 0.5em;
  color: #000;
  text-align: center;
  margin-bottom: 3rem; }
  @media screen and (max-width: 767px) {
    .top-merit-title {
      font-size: calc(1.425rem + 1.3125vw);
      letter-spacing: 0.4em; } }
.top-merit-panel {
  padding: 1rem;
  border: 1px solid #9f8b49; }
  .top-merit-panel h3 {
    font-size: 1.8rem;
    line-height: 2;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-align: center;
    color: #9f8b49;
    margin-bottom: 0; }
    @media screen and (max-width: 767px) {
      .top-merit-panel h3 {
        font-size: calc(1.305rem + 0.4125vw); } }
@media screen and (max-width: 767px) {
  .top-merit-list {
    width: 100%; } }
.top-merit-list .p-limited-list-item::before, .top-merit-list .p-limited-list-item::after {
  background: #e6e6e6; }
.top-merit-step {
  font-family: "Cardo", Georgia, Times, "Times New Roman", serif;
  color: #000; }
  .top-merit-step-title {
    color: #000; }

.p-limited-title {
  display: flex;
  align-items: center;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 2;
  letter-spacing: 0.15em;
  margin-bottom: 3rem; }
  .p-limited-title::before, .p-limited-title::after {
    content: "";
    flex-grow: 1;
    height: 1px;
    background: #000;
    display: block; }
  .p-limited-title::before {
    margin-right: 2rem; }
  .p-limited-title::after {
    margin-left: 2rem; }
  @media screen and (max-width: 767px) {
    .p-limited-title {
      font-size: 1.5rem; } }
  .p-limited-title--white {
    color: #fff; }
    .p-limited-title--white::before, .p-limited-title--white::after {
      background: #fff; }
.p-limited-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex; }
  @media screen and (max-width: 767px) {
    .p-limited-list {
      flex-wrap: wrap;
      width: 90%;
      margin: 0 auto; } }
  .p-limited-list-item {
    width: 100%;
    flex-grow: 1;
    padding: 1rem 0;
    background: #fff;
    position: relative; }
    .p-limited-list-item:not(:first-child)::before, .p-limited-list-item:not(:first-child)::after {
      content: "";
      display: block;
      width: 10px;
      height: 55%;
      background: #e6e6e6;
      position: absolute; }
      @media screen and (max-width: 767px) {
        .p-limited-list-item:not(:first-child)::before, .p-limited-list-item:not(:first-child)::after {
          width: 55%;
          height: 15px; } }
    .p-limited-list-item:not(:first-child)::before {
      top: 0;
      left: -3%;
      transform-origin: right top;
      transform: rotate(-15deg) translateY(-4px); }
      @media screen and (max-width: 767px) {
        .p-limited-list-item:not(:first-child)::before {
          top: -20px;
          left: 0;
          transform-origin: left bottom;
          transform: rotate(8deg) translateX(-14px); } }
    .p-limited-list-item:not(:first-child)::after {
      bottom: 0;
      left: -3%;
      transform-origin: right bottom;
      transform: rotate(15deg) translateY(4px); }
      @media screen and (max-width: 767px) {
        .p-limited-list-item:not(:first-child)::after {
          top: -20px;
          right: 0;
          left: auto;
          transform-origin: right bottom;
          transform: rotate(-8deg) translateX(14px); } }
    @media screen and (max-width: 767px) {
      .p-limited-list-item {
        padding: 2.5rem 0; } }
.p-limited-step {
  font-size: 1.4rem;
  line-height: 1.6;
  letter-spacing: 0.15em;
  text-align: center;
  font-family: "Open Sans", Helvecica, Arial, "游ゴシック", "YuGothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #9f8b49; }
  .p-limited-step span {
    font-size: 1.8em; }
  .p-limited-step-title {
    font-size: 1.8rem;
    line-height: 1.6;
    letter-spacing: 0.15em;
    text-align: center;
    font-weight: 700;
    color: #9f8b49;
    margin-bottom: 1.5rem; }
  .p-limited-step-text {
    font-size: 1.3rem;
    line-height: 2;
    letter-spacing: 0.15em;
    text-align: center; }

.c-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 4.5em;
  font-size: 1.8rem;
  color: #fff;
  line-height: 1.4;
  letter-spacing: 0.15em;
  padding: 1rem 0;
  background: #000;
  position: relative;
  text-decoration: none;
  transition: all 0.5s;
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    .c-button {
      width: 80%;
      height: 3em; } }
  .c-button::before {
    position: absolute;
    top: 50%;
    left: 2em;
    transform: translateY(-50%);
    display: block;
    content: "";
    width: 11px;
    height: 12px;
    background: url(../images/common/cmn_icon_arrow2.svg) left top/11px 12px no-repeat; }
  .c-button::after {
    content: "";
    display: block;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    border: 1px solid #fff;
    position: absolute;
    top: 3px;
    left: 3px; }
  .c-button:hover {
    opacity: 0.8;
    color: #fff; }
  .c-button--block {
    display: block;
    transition: all 0.5s; }
    .c-button--block:hover {
      opacity: 0.7; }

.top-button {
  margin-bottom: 2rem; }
  .top-button-list {
    list-style: none;
    padding: 0;
    margin: 0; }
    .top-button-list-item {
      margin-bottom: 1rem; }
      .top-button-list-item:last-child {
        margin-bottom: 0; }
  .top-button--entry {
    background: #9f8b49;
    background: #9a556c; }

.fbox {
  display: flex;
  justify-content: center;
  padding: 0 20px 40px; }
  .fbox p:first-child {
    margin-right: 20px; }
  @media screen and (max-width: 767px) {
    .fbox {
      display: block;
      padding: 0 20px 40px; }
      .fbox p:first-child {
        margin-right: 0; } }

.ceil {
  max-width: 400px;
  width: 33.34%; }

.floor {
  width: 33.33%; }

.round {
  width: 33.33%; }

.shadow {
  text-shadow: 0px 0px 0px #FFFFFF, 0px 0px 1px #FFFFFF, 0px 0px 2px #FFFFFF, 0px 0px 3px #FFFFFF, 0px 0px 4px #FFFFFF, 0px 0px 5px #FFFFFF, 0px 0px 6px #FFFFFF, 0px 0px 7px #FFFFFF, 0px 0px 8px #FFFFFF, 0px 0px 9px #FFFFFF, 0px 0px 10px #FFFFFF; }

.shadow2 {
  box-shadow: 0px 0px 0px #FFFFFF, 0px 0px 1px #FFFFFF, 0px 0px 2px #FFFFFF, 0px 0px 3px #FFFFFF, 0px 0px 4px #FFFFFF, 0px 0px 5px #FFFFFF, 0px 0px 6px #FFFFFF, 0px 0px 7px #FFFFFF, 0px 0px 8px #FFFFFF, 0px 0px 9px #FFFFFF, 0px 0px 10px #FFFFFF; }

.media {
  color: blue; }
  @media screen and (max-width: 960px) {
    .media {
      color: yellow; } }
  @media screen and (max-width: 768px) {
    .media {
      color: red; } }

.bdr {
  border: solid 1px; }
  .bdr_2 {
    border: solid 2px; }

/*.parallax {
	opacity: 0;
	transition:all 0.8s ease-in-out 0s;
	
	
	&.p-view {
		filter:none;
		opacity: 1;
		transform: none;
	}
}
*/
.anq {
  position: absolute;
  top: -139px; }
  @media screen and (max-width: 767px) {
    .anq {
      top: -49px; } }

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