.p-mv {

  margin-top: -18rem;

  text-align: right;

  position: relative;

}
/*.gnwh .p-mv {
  background:url(/dr-new/assets/img/gnwh/mv.png)no-repeat;
  background-size:cover;
}*/
@media screen and (max-width: 767px) {

  .p-mv {

    margin: 12.2666666667vw 0 16vw;

  }

}

.p-mv img {

  width: 100%;

}

.p-mv-title {

  text-align: left;

  letter-spacing: 2px;

  font-size: 2.5rem;

}

@media screen and (max-width: 767px) {

  .p-mv-title {

    position: absolute;

    right: 0;

    bottom: 11.7333333333vw;

    width: 50.6666666667vw;

    font-size: 3.4666666667vw;

    letter-spacing: 0;

    line-height: 1.4;

  }

}

.p-mv-title img {

  display: inline-block;

  margin-top: 0.5rem;

}

.p-mv-tag {

  display: -ms-flexbox;

  display: -webkit-box;

  display: flex;

  -ms-flex-pack: start;

  -webkit-box-pack: start;

          justify-content: flex-start;

  -ms-flex-align: start;

  -webkit-box-align: start;

          align-items: flex-start;

  gap: 0.2rem;

  margin: 2.3rem 0 1rem;

}
.p-mv-tag_2nd {

  display: -ms-flexbox;

  display: -webkit-box;

  display: flex;

  -ms-flex-pack: start;

  -webkit-box-pack: start;

          justify-content: flex-start;

  -ms-flex-align: start;

  -webkit-box-align: start;

          align-items: flex-start;

  gap: 0.2rem;

  margin: 1rem 0 1rem;

}

@media screen and (max-width: 767px) {

  .p-mv-tag {

    margin-top: 2.6666666667vw;

  }
  .p-mv-tag_2nd {

    margin-top: 1vw;

  }

}

.p-mv-tag li,
.p-mv-tag_2nd li {

  font-size: 1.2rem;

  line-height: 1;

  background: #dbdcdb;

  display: inline-block;

  padding: 0 0.5rem;

  height: 1.8rem;

  display: -ms-flexbox;

  display: -webkit-box;

  display: flex;

  -ms-flex-pack: center;

  -webkit-box-pack: center;

          justify-content: center;

  -ms-flex-align: center;

  -webkit-box-align: center;

          align-items: center;

}

@media screen and (max-width: 767px) {

  .p-mv-tag li,
    .p-mv-tag_2nd li  {

    font-size: 2.4vw;

    padding: 0 0.5333333333vw;

  }

}

.p-mv-txt {

  width: 36rem;

  position: absolute;

  right: calc(50% - 56rem);

  bottom: 2rem;

  text-shadow: 0 0 3px rgb(255, 255, 255);

}

@media screen and (max-width: 767px) {

  .p-mv-txt {

    position: relative;

    right: 0;

    bottom: 5.3333333333vw;

    width: 90%;

    margin: 0 auto;

  }

}

.p-mv-txt .btn {

  margin: 3.7rem 0 0 auto;

}

.p-mv-txt .btn .arrow {

  -webkit-transform: translateY(-50%) rotate(135deg);

          transform: translateY(-50%) rotate(135deg);

}

@media print, screen and (min-width: 768px) {

  .p-mv-bg {

    max-width: 103.2rem;

    position: relative;

    right: calc(50% - 49rem);

    top: 3rem;

  }

}

@media screen and (max-width: 767px) {

  .p-mv-bg {

    max-width: 95%;

    margin-bottom: 3rem;

  }

}



.c-feature {

  padding: 0;

  margin-top: 13.5rem;

}

@media screen and (max-width: 767px) {

  .c-feature {

    margin-top: 10.6666666667vw;

  }

}

.c-feature-about,
.c-feature-about_gnwh {

  background-color: #f7f7f7;

  margin-bottom: 18.5rem;

}
.c-feature-about_gnwh {
  padding:40px 20px;
}

@media screen and (max-width: 767px) {

  .c-feature-about,
.c-feature-about_gnwh {

    margin-bottom: 18.6666666667vw;

  }

}
.gnwh .c-feature-about-txt {
  margin:20px 10px;
}
.c-feature-headline {

  margin-bottom: 3.5rem;

}

.c-feature-list {

  gap: 9rem 0;

}
.gnwh .comparison {
  margin-bottom:120px;
}
.c-feature-list-unit .txt .head {

  display: -ms-flexbox;

  display: -webkit-box;

  display: flex;

  -ms-flex-pack: start;

  -webkit-box-pack: start;

          justify-content: flex-start;

  -ms-flex-align: center;

  -webkit-box-align: center;

          align-items: center;

  min-height: 5.7rem;

}

.c-feature-spec {

  margin-top: 11rem;

}

.c-feature-spec-headline {

  margin-bottom: 6.8rem;

}



.p-timing {

  background: #111;

  margin-top: 16.8rem;

  padding: 13rem 0 16rem;

}

@media screen and (max-width: 767px) {

  .p-timing {

    margin-top: 20vw;

    padding: 18.6666666667vw 0 13.3333333333vw;

  }

}

.p-timing-headline {

  font-size: 2.4rem;

  color: #fff;

  text-align: center;

}

@media screen and (max-width: 767px) {

  .p-timing-headline {

    font-size: 5.0666666667vw;

    line-height: 1.4;

  }

}

.p-timing-note {

  font-size: 1.6rem;

  color: #fff;

  text-align: center;

}

@media screen and (max-width: 767px) {

  .p-timing-note {

    font-size: 3.4666666667vw;

    letter-spacing: -0.1333333333vw;

    margin-top: 1.3333333333vw;

  }

}

.p-timing-scroll {

  margin: 6.8rem 0 0;

  text-align: center;

}

@media screen and (max-width: 767px) {

  .p-timing-scroll {

    margin: 8vw 0 0;

    padding-bottom: 8vw;

    overflow-x: auto;

  }

}

.p-timing-scroll img {

  width: 100%;

}

@media screen and (max-width: 767px) {

  .p-timing-scroll img {

    height: 64vw;

    width: auto;

    max-width: none;

    margin-left: -37.3333333333vw;

  }

}

.p-timing-caution {

  display: block;

  text-align: left;

  color: #666;

  margin: 8vw 0 0 45.3333333333vw;

  position: relative;

  width: 93.3333333333vw;

}

.p-timing-caution:before {

  content: "";

  width: 4vw;

  height: 1px;

  background: #666;

  position: absolute;

  top: calc(50% - 1.3333333333vw);

  right: 0;

  -webkit-transform: rotate(35deg);

          transform: rotate(35deg);

}

.p-timing-caution:after {

  content: "";

  width: 80vw;

  height: 1px;

  background: #666;

  position: absolute;

  top: 50%;

  right: 0;

}



@-webkit-keyframes flash {

  0%, 100% {

    opacity: 1;

  }

  50% {

    opacity: 0;

  }

}



@keyframes flash {

  0%, 100% {

    opacity: 1;

  }

  50% {

    opacity: 0;

  }

}

.p-item {

  padding: 16rem 0 15rem;

}

@media screen and (max-width: 767px) {

  .p-item {

    padding: 18.6666666667vw 0;

  }

}

.p-item-headline {

  font-size: 8.9rem;

  line-height: 0.4382022472;

  font-weight: bold;

  text-indent: -0.5rem;

  margin-bottom: 9.5rem;

}

@media screen and (max-width: 767px) {

  .p-item-headline {

    font-size: 11.4666666667vw;

    margin-bottom: 13.3333333333vw;

  }

}

.p-item-headline .ja {

  font-size: 2rem;

  line-height: 1.95;

  display: block;

  margin-top: 2.5rem;

  text-indent: -0.2rem;

}

@media screen and (max-width: 767px) {

  .p-item-headline .ja {

    margin-top: 2.6666666667vw;

    font-size: 3.2vw;

    letter-spacing: -0.2666666667vw;

  }

}

.p-item-nav {

  display: -ms-flexbox;

  display: -webkit-box;

  display: flex;

  -ms-flex-pack: start;

  -webkit-box-pack: start;

          justify-content: flex-start;

  -ms-flex-align: stretch;

  -webkit-box-align: stretch;

          align-items: stretch;

  margin-bottom: 13rem;

}

@media screen and (max-width: 767px) {

  .p-item-nav {

    margin-bottom: 18.6666666667vw;

  }

}

.p-item-nav li {

  border: 1px solid #e5e5e5;

}

@media screen and (max-width: 767px) {

  .p-item-nav li {

    width: 25%;

  }

}

.p-item-nav li + li {

  border-left: none;

}

.p-item-nav li a {

  padding-top: 1.7rem;

  display: block;

  position: relative;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

@media print, screen and (min-width: 768px) {

  .p-item-nav li a:hover {

    opacity: 0.7;

  }

}

@media screen and (max-width: 767px) {

  .p-item-nav li a {

    padding: 2.6666666667vw 0;

  }

}

.p-item-nav li a:after {

  content: "";

  width: 0.6rem;

  height: 0.6rem;

  margin: 0 auto;

  position: absolute;

  left: 0;

  right: 0;

  bottom: 1rem;

  border-top: 1px solid #e5e5e5;

  border-right: 1px solid #e5e5e5;

  -webkit-transform: rotate(135deg);

          transform: rotate(135deg);

}

@media screen and (max-width: 767px) {

  .p-item-nav li a:after {

    width: 1.0666666667vw;

    height: 1.0666666667vw;

    bottom: 2.1333333333vw;

  }

}

.p-item-content {

  position: relative;

  display: -ms-flexbox;

  display: -webkit-box;

  display: flex;

  -ms-flex-pack: justify;

  -webkit-box-pack: justify;

          justify-content: space-between;

  -ms-flex-align: start;

  -webkit-box-align: start;

          align-items: flex-start;

}

@media screen and (max-width: 767px) {

  .p-item-content {

    display: block;

  }

}

.p-item-content .main {

  margin-left: 4.5rem;

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

}

@media screen and (max-width: 767px) {

  .p-item-content .main {

    margin-left: 0;

  }

}

.p-item-content .side {

  margin-top: 1rem;

  width: 13rem;

  position: sticky;

  top: 8rem;

  left: 0;

  border-top: 1px solid #111;

  padding-top: 2.5rem;

}

@media screen and (max-width: 767px) {

  .p-item-content .side {

    position: static;

    width: 100%;

    margin: 0 0 6.6666666667vw;

    padding-top: 3.7333333333vw;

  }

}

@media screen and (max-width: 767px) {

  .p-item-content .side .p-item-content-ttl .c-icnset {

    display: -ms-flexbox;

    display: -webkit-box;

    display: flex;

    -ms-flex-pack: start;

    -webkit-box-pack: start;

            justify-content: flex-start;

    -ms-flex-align: center;

    -webkit-box-align: center;

            align-items: center;

    padding-left: 4vw;

    text-align: left;

  }

  .p-item-content .side .p-item-content-ttl .c-icnset img {

    height: 10.6666666667vw;

  }

  .p-item-content .side .p-item-content-ttl .c-icnset-txt {

    text-align: left;

    -webkit-transform: none;

            transform: none;

    font-size: 3.7333333333vw;

    padding-left: 5.3333333333vw;

  }

}

.p-item-content .itemlist {

  display: -ms-grid;

  display: grid;

  -ms-grid-columns: (1fr)[3];

  grid-template-columns: repeat(3, 1fr);

  border-left: 1px solid #e5e5e5;

  margin-bottom: 7.5rem;

}

@media screen and (max-width: 767px) {

  .p-item-content .itemlist {

    -ms-grid-columns: (1fr)[2];

    grid-template-columns: repeat(2, 1fr);

  }

}

.p-item-content .itemlist li {

  border-top: 1px solid #e5e5e5;

  border-right: 1px solid #e5e5e5;

  border-bottom: 1px solid #e5e5e5;

  text-align: center;

}

.p-item-content .itemlist li a {

  display: block;

  padding: 2rem 2rem 1rem;

}

@media screen and (max-width: 767px) {

  .p-item-content .itemlist li a {

    padding: 2.6666666667vw;

  }

}

@media print, screen and (min-width: 768px) {

  .p-item-content .itemlist li a {

    -webkit-transition: 0.3s;

    transition: 0.3s;

  }

  .p-item-content .itemlist li a:hover {

    background: #f1f1f1;

  }

}

.p-item-content .itemlist li .img {

  display: -ms-flexbox;

  display: -webkit-box;

  display: flex;

  -ms-flex-pack: center;

  -webkit-box-pack: center;

          justify-content: center;

  -ms-flex-align: center;

  -webkit-box-align: center;

          align-items: center;

  height: 18rem;

  width: 27rem;

}

@media screen and (max-width: 767px) {

  .p-item-content .itemlist li .img {

    margin: 0 auto;

    width: auto;

    height: 32vw;

  }

  .p-item-content .itemlist li .img img {

    width: auto;

  }

}

.p-item-content .itemlist li p {

  text-align: left;

}

.p-item-content .itemlist li p.m-name {

  font-size: 1.6rem;

  margin-top: 1.6rem;

  font-weight: bold;

  line-height: 1.5;

}

@media screen and (max-width: 767px) {

  .p-item-content .itemlist li p.m-name {

    font-size: 3.4666666667vw;

  }

}

@media screen and (max-width: 767px) {

  .p-item-content .itemlist li p.m-ex {

    font-size: 2.6666666667vw;

  }

}

@media print, screen and (min-width: 768px) {

  .p-item-content .itemlist li:nth-of-type(n+4) {

    border-top: none;

  }

}

@media screen and (max-width: 767px) {

  .p-item-content .itemlist li:nth-of-type(n+3) {

    border-top: none;

  }

}

.p-item-content .itemlist-ttl {

  font-size: 2rem;

  font-weight: bold;

  padding-left: 2.5rem;

  position: relative;

  margin-bottom: 1rem;

}

@media screen and (max-width: 767px) {

  .p-item-content .itemlist-ttl {

    font-size: 3.7333333333vw;

    padding-left: 5.3333333333vw;

    margin-bottom: 2.6666666667vw;

  }

}

.p-item-content .itemlist-ttl:before {

  content: "";

  background: url(../img/icn_itemlist.svg) no-repeat left top/contain;

  width: 2rem;

  height: 2rem;

  position: absolute;

  left: 0;

  top: 50%;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

}

@media screen and (max-width: 767px) {

  .p-item-content .itemlist-ttl:before {

    width: 3.7333333333vw;

    height: 3.7333333333vw;

    margin-top: 0.2666666667vw;

  }

}

.p-item-btn {

  margin-top: 8rem;

}

@media screen and (max-width: 767px) {

  .p-item-btn {

    margin-top: 13.3333333333vw;

  }

}

.p-item-btn a {

  margin: 0 auto;

  width: 56rem;

  height: 5rem;

  display: -ms-flexbox;

  display: -webkit-box;

  display: flex;

  -ms-flex-pack: center;

  -webkit-box-pack: center;

          justify-content: center;

  -ms-flex-align: center;

  -webkit-box-align: center;

          align-items: center;

  border: 1px solid #e5e5e5;

  position: relative;

}

@media screen and (max-width: 767px) {

  .p-item-btn a {

    width: 100%;

    height: 17.3333333333vw;

  }

}

@media print, screen and (min-width: 768px) {

  .p-item-btn a {

    -webkit-transition: 0.3s;

    transition: 0.3s;

  }

  .p-item-btn a:hover {

    background: #f1f1f1;

  }

}

.p-item-btn a:before {

  content: "";

  position: absolute;

  left: calc(50% - 12rem);

  bottom: -0.2rem;

  width: 12.3rem;

  height: 4rem;

  background: url(../img/icn_item_btn.svg) no-repeat left top/contain;

}

@media screen and (max-width: 767px) {

  .p-item-btn a:before {

    width: 18.6666666667vw;

    height: 8vw;

    left: 10.6666666667vw;

    bottom: auto;

    top: calc(50% - 3.7333333333vw);

  }

}

.p-item-btn a:after {

  content: "";

  position: absolute;

  right: 1.5rem;

  top: 50%;

  -webkit-transform: translateY(-50%) rotate(45deg);

          transform: translateY(-50%) rotate(45deg);

  width: 0.6rem;

  height: 0.6rem;

  border-top: 1px solid #bebebe;

  border-right: 1px solid #bebebe;

}

.p-item-btn a span {

  font-size: 1.4rem;

  margin-left: 16rem;

  letter-spacing: -0.5px;

}

@media screen and (max-width: 767px) {

  .p-item-btn a span {

    font-size: 3.4666666667vw;

    line-height: 1.4;

    margin-left: 12vw;

  }

}

.p-item-btn.m-dl {

  margin-top: 4rem;

}

@media screen and (max-width: 767px) {

  .p-item-btn.m-dl {

    margin-top: 5.3333333333vw;

  }

}

.p-item-btn.m-dl a:before {

  content: none;

}

.p-item-btn.m-dl a:after {

  content: "";

  position: absolute;

  right: 1.5rem;

  top: 50%;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  background: url(../img/icn_window.svg) no-repeat left top/cover;

  width: 0.9rem;

  height: 0.9rem;

  border: none;

}

@media screen and (max-width: 767px) {

  .p-item-btn.m-dl a:after {

    width: 2.4vw;

    height: 2.4vw;

  }

}

.p-item-btn.m-dl a span {

  margin: 0;

}



.c-lineup {

  padding: 6rem 0 15rem;

}

@media screen and (max-width: 767px) and (max-width: 767px) {

  .c-lineup {

    padding: 5.3333333333vw 0 21.3333333333vw;

  }

}



.c-bnr {

  padding: 15rem 0;

}

@media screen and (max-width: 767px) {

  .c-bnr {

    padding: 18.6666666667vw 0;

  }

}



.p-ged-feature {

  display: -ms-flexbox;

  display: -webkit-box;

  display: flex;

  -ms-flex-pack: justify;

  -webkit-box-pack: justify;

          justify-content: space-between;

  -ms-flex-align: start;

  -webkit-box-align: start;

          align-items: flex-start;

  gap: 3.5rem;

  padding: 5rem 0 4rem;

}

@media screen and (max-width: 767px) {

  .p-ged-feature {

    display: block;

    padding: 0 0 10.6666666667vw;

  }

}

.p-ged-feature-main {

  width: 51.2rem;

}

@media screen and (max-width: 767px) {

  .p-ged-feature-main {

    width: 100%;

  }

}

.p-ged-feature-main .c-feature-list {

  display: block;

  padding-top: 0;

}

.p-ged-feature-main .c-feature-list-unit {

  width: 100%;

}

.p-ged-feature-sub {

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

}

.p-ged-feature-sublist {

  display: -ms-flexbox;

  display: -webkit-box;

  display: flex;

  -ms-flex-pack: justify;

  -webkit-box-pack: justify;

          justify-content: space-between;

  -ms-flex-align: start;

  -webkit-box-align: start;

          align-items: flex-start;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

@media screen and (max-width: 767px) {

  .p-ged-feature-sublist {

    display: block;

    margin-top: 5.3333333333vw;

  }

}

.p-ged-feature-sublist li {

  width: 26rem;

}

@media screen and (max-width: 767px) {

  .p-ged-feature-sublist li {

    width: 100%;

  }

  .p-ged-feature-sublist li img {

    width: 100%;

  }

}

@media screen and (max-width: 767px) {

  .p-ged-feature-sublist li + li {

    margin-top: 5.3333333333vw;

  }

}

.p-ged-feature-sublist li .txt {

  margin-top: 2rem;

}

@media screen and (max-width: 767px) {

  .p-ged-feature-sublist li .txt {

    margin-top: 5.3333333333vw;

  }

}

.p-ged-feature-sublist li .txt .head {

  position: relative;

}

.p-ged-feature-sublist li .txt .head .ttl {

  font-size: 1.6rem;

  line-height: 1.875;

  font-weight: bold;

}

@media screen and (max-width: 767px) {

  .p-ged-feature-sublist li .txt .head .ttl {

    font-size: 4vw;

  }

}

.p-ged-feature-sublist li .txt .detail {

  margin-top: 1rem;

  font-size: 1.4rem;

  line-height: 1.9285714286;

}

@media screen and (max-width: 767px) {

  .p-ged-feature-sublist li .txt .detail {

    margin-top: 1.3333333333vw;

    font-size: 3.4666666667vw;

  }

}

.p-ged-feature-sublist li .txt .detail .note {

  font-size: 1.2rem;

}

@media screen and (max-width: 767px) {

  .p-ged-feature-sublist li .txt .detail .note {

    font-size: 2.9333333333vw;

  }

}

.p-ged-feature-sublist li.m-note {

  margin-top: 1rem;

  width: 100%;

}

.p-ged-feature-sublist li.m-note p.detail {

  font-size: 1.2rem;

  line-height: 1.5;

}

@media screen and (max-width: 767px) {

  .p-ged-feature-sublist li.m-note p.detail {

    margin-top: 2.6666666667vw;

    font-size: 1.1rem;

  }

}



/*current*/

.gek .l-header-menu li:nth-child(2) a {

  color: #d32b2b;

}

@media screen and (max-width: 767px) {

  .gek .l-header-menu li:nth-child(2) a {

    color: #111;

  }

}

@media print, screen and (min-width: 768px) {

  .gek .c-feature-about {

    margin-top: 0rem;

    padding: 6.3rem 9rem;

  }

}

.gek .c-feature-about-ttl {

  width: 23rem;

  margin-left: 5rem;

}

@media screen and (max-width: 767px) {

  .gek .c-feature-about-ttl {

    width: 40vw;

    margin-left: auto;

  }

}



/*ged*/

@media print, screen and (min-width: 768px) {

  .ged .p-mv {

    padding-bottom: 0rem;

  }

}

@media print, screen and (min-width: 768px) {

  .ged .p-mv-bg {

    max-width: 104.2rem;

    right: calc(50% - 50rem);

    top: 3rem;

  }

}

.ged .p-mv-txt {

  bottom: 1rem;

}

.ged .p-mv-txt .btn {

  margin-top: 3.5rem;

}

@media print, screen and (min-width: 768px) {

  .ged .p-mv-title img {

    margin-left: -1rem;

    width: 33.4rem;

  }

}

@media print, screen and (min-width: 768px) {

  .ged .c-feature-about {

    margin-top: 1rem;

    padding: 6.3rem 11rem;

  }

}

.ged .c-feature-about-ttl {

  width: 23rem;

  margin-left: 1.8rem;

}

@media screen and (max-width: 767px) {

  .ged .c-feature-about-ttl {

    width: 37.3333333333vw;

    margin-left: auto;

  }

}

.ged .l-header-menu li:nth-child(3) a {

  color: #d32b2b;

}

@media screen and (max-width: 767px) {

  .ged .l-header-menu li:nth-child(3) a {

    color: #111;

  }

}

.gnwh .l-header-menu li:nth-child(4) a {

  color: #d32b2b;

}

@media screen and (max-width: 767px) {

  .gnwh .l-header-menu li:nth-child(4) a {

    color: #111;

  }

}

@media screen and (max-width: 767px) {
/*===========
.scroll-box
===========*/
.scroll-box {
  overflow-x: auto;
  padding-bottom: 10px;
  -webkit-overflow-scrolling: touch;
}
.scroll-box div img {
  max-width: 100%;
  min-width: 600px;
  vertical-align: top;
}
  
/*===========
scrollbar
===========*/
/*スクロールバー全体の高さ*/
.scroll-box::-webkit-scrollbar {
  height: 4px;
}
/*スクロールバー全体の背景*/
.scroll-box::-webkit-scrollbar-track {
  background: #eee;
}
/*スクロールバーの動く部分*/
.scroll-box::-webkit-scrollbar-thumb {
  background: #aaa;
  border: none;
}
/*スクロールバーの動く部分のホバー（マウスオーバー）*/
.scroll-box::-webkit-scrollbar-thumb:hover {
  background: #999;
}
  
}