@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;500;700&display=swap");

* {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

}



html {

  font-size: 62.5%;

}

html.is-fixed {

  overflow: auto;

}



body {

  color: #111;

  font-size: 1.4rem;

  line-height: 2;

  font-family: "Noto Sans JP", sans-serif;

}

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

  body {

    min-width: 1200px;

  }

}

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

  body {

    font-size: 3.2vw;

  }

}

body.is-fixed {

  overflow: hidden;

  height: 100%;

}



.l-container {

  position: relative;

}



a:link, a:visited {

  color: #111;

}



dl, ul, ol {

  margin: 0;

  padding: 0;

}



img {

  image-rendering: -webkit-optimize-contrast;

  vertical-align: middle;

}



.safari img {

  image-rendering: auto;

}



label {

  cursor: pointer;

}



/* link

--------------------------------------------------*/

a {

  color: inherit;

  /*&:hover,

  &:focus {

  	text-decoration: underline;

  }*/

}

a:link, a:active, a:visited {

  text-decoration: none;

}



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

  a[href^="tel:"] {

    display: inline-block;

    pointer-events: none;

  }

  .js-imgHover a:hover,

  .js-imgHover a:hover img {

    opacity: 1;

  }

  a,

  a * {

    outline: 1px solid transparent;

    outline: none;

  }

}

.m-red {

  color: #d32b2b;

}



.m-blue {

  color: #133CC3;

}



.m-bold {

  font-weight: bold;

}



.m-en {

  font-family: Arial, serif;

}



.u-over {

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.u-over:hover {

  opacity: 0.7;

}



.c-inner {

  width: 110rem;

  margin: 0 auto;

}

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

  .c-inner {

    width: 100%;

    padding: 0 6%;

  }

}



.c-breadcrumbs {

  padding: 2.4rem 0;

  margin-top: 7rem;

  position: relative;

  z-index: 2;

}

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

  .c-breadcrumbs {

    display: none;

  }

}

.c-breadcrumbs ol {

  margin-left: 3rem;

  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;

}

.c-breadcrumbs ol li {

  font-size: 1.2rem;

  line-height: 2;

}

.c-breadcrumbs ol li a {

  display: inline-block;

  padding-right: 3rem;

  margin-right: 1rem;

  position: relative;

  color: #bcbcbc;

}

.c-breadcrumbs ol li a:before {

  content: "";

  background: #bcbcbc;

  position: absolute;

  right: 0;

  top: 50%;

  width: 2.3rem;

  height: 1px;

}

.c-breadcrumbs ol li:last-child a {

  color: #111;

}

.c-breadcrumbs ol li:last-child a:before {

  content: none;

}

.c-breadcrumbs ol li:last-child {

  pointer-events: none;

}
@media screen and (min-width: 1201px) {
  .r_nav li {
    background: #fff;
    border-radius: 10px;
    margin:20px 0;
  }
  .digiratche {
    background: #fff;
    border-radius: 10px;
    margin:20px 0;
    padding:10px 30px;
  }
  .r_nav li.memorque{
    width: 48%;
    padding: 30px;
    margin:0 10px 0 0;
  }
  .r_nav li.memorquepro{
    width: 48%;
    padding: 30px;
    margin:0 0 0 10px ;
  }
  .p-mv .digiratche{  width:100%;  }
  .c-inner .digiratche{  width:98%;  }

  .r_nav li.memorque , 
  .r_nav li.memorquepro ,
  .digiratche {
    box-shadow: 4px 4px 4px #eee;
  }

  .digiratche .innerwrap { width:99%;}
  .digiratche .innerwrap li {display: inline-block;}
  .digiratche li.l_degi {width: 49%;}
  .digiratche li.r_degi {width: 50%; vertical-align: top;}
}

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

  .r_nav li.memorque,
  .r_nav li.memorquepro,
 .digiratche {
    background: #fff;
    border-radius: 10px;
    padding: 40px;
    margin:20px auto;
    box-shadow: 4px 4px 4px #c9c9c9;
    width:100%;
  }
  }

/*-------------- parts --------------*/

.c-btn-arrow {

  display: block;

  width: 3.6rem;

  height: 3.6rem;

  border: 1px solid #dcdcdc;

  border-radius: 100px;

  position: relative;

  -webkit-transition: 0.3s;

  transition: 0.3s;

  overflow: hidden;

}

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

  .c-btn-arrow {

    width: 5.6vw;

    height: 5.6vw;

  }

}

.c-btn-arrow:before {

  content: "";

  position: absolute;

  left: calc(50% - 0.4rem);

  top: calc(50% - 0.3rem);

  width: 0.5rem;

  height: 0.5rem;

  border-top: 1px solid #dcdcdc;

  border-right: 1px solid #dcdcdc;

  -webkit-transform: rotate(45deg);

          transform: rotate(45deg);

}

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

  .c-btn-arrow:before {

    left: calc(50% - 1.0666666667vw);

    top: calc(50% - 0.5333333333vw);

  }

}

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

  .c-btn:hover .c-btn-arrow {

    border-color: #111;

    -webkit-transform: translateZ(0) scale(1.1, 1.1);

            transform: translateZ(0) scale(1.1, 1.1);


  }

  .c-btn:hover .c-btn-arrow:before {

    border-color: #111;

    -webkit-animation: "btn-arrow" 1s ease 0s forwards;

            animation: "btn-arrow" 1s ease 0s forwards;

  }

}



@-webkit-keyframes btn-arrow {

  0% {

    left: calc(50% - 0.3rem);

  }

  60% {

    left: 100%;

    opacity: 1;

  }

  61% {

    left: 102%;

    opacity: 0;

  }

  62% {

    left: -4%;

    opacity: 0;

  }

  63% {

    left: -2%;

    opacity: 1;

  }

  100% {

    left: calc(50% - 0.3rem);

  }

}



@keyframes btn-arrow {

  0% {

    left: calc(50% - 0.3rem);

  }

  60% {

    left: 100%;

    opacity: 1;

  }

  61% {

    left: 102%;

    opacity: 0;

  }

  62% {

    left: -4%;

    opacity: 0;

  }

  63% {

    left: -2%;

    opacity: 1;

  }

  100% {

    left: calc(50% - 0.3rem);

  }

}

.c-squarebtn {

  font-size: 1.3rem;

  border: none;

  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: 5rem;

  width: 100%;

  position: relative;

  margin-top: 3.5rem;

  -webkit-transition: 0.3s;

  transition: 0.3s;

  -webkit-box-shadow: inset 0 0 0 1px #b5b5b5;

          box-shadow: inset 0 0 0 1px #b5b5b5;


}

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

  .c-squarebtn {

    height: 10.6666666667vw;

    font-size: 3.2vw;

    letter-spacing: 0.2666666667vw;

  }

}

.c-squarebtn:before, .c-squarebtn:after {

  -webkit-box-sizing: inherit;

          box-sizing: inherit;

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  border: 1px solid transparent;

  width: 0;

  height: 0;

}

.c-squarebtn:before {

  top: 0;

  right: 0;

}

.c-squarebtn:after {

  bottom: 0;

  left: 0;

}

.c-squarebtn .arrow {

  display: inline-block;

  position: absolute;

  right: 1.6rem;

  top: calc(50% - 0.2rem);

  width: 0.6rem;

  height: 0.6rem;

  border-top: 1px solid #b5b5b5;

  border-right: 1px solid #b5b5b5;

  -webkit-transform: rotate(45deg);

          transform: rotate(45deg);

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

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

  .c-squarebtn:hover {

      background:#ffefef;

  }

  .c-squarebtn:hover:before, .c-squarebtn:hover:after {

    width: 100%;

    height: 100%;

  }

  .c-squarebtn:hover:before {

    /*border-bottom-color: #111;
    border-right-color: #111;*/
    border-bottom-color: #111;

    border-right-color: #111;

    -webkit-transition: width 0.25s ease-out 0.25s, height 0.25s ease-out;

    transition: width 0.25s ease-out 0.25s, height 0.25s ease-out;

  }

  .c-squarebtn:hover:after {

    border-top-color: #111;

    border-left-color: #111;

    -webkit-transition: border-color 0s ease-out 0.25s, width 0.25s ease-out 0.75s, height 0.25s ease-out 0.5s;

    transition: border-color 0s ease-out 0.25s, width 0.25s ease-out 0.75s, height 0.25s ease-out 0.5s;

  }

  .c-squarebtn:hover .arrow {

    border-top: 1px solid #111;

    border-right: 1px solid #111;

    right: 2rem;

  }

}



.c-bgbtn {

  overflow: hidden;

  position: relative;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.c-bgbtn:before {

  content: "";

  background: #111;

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: -100%;

  -webkit-transition: 0.3s;

  transition: 0.3s;

  z-index: 0;

}

.c-bgbtn .txt {

  z-index: 1;

}

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

  .c-bgbtn-wrap:hover .c-bgbtn {

    color: #fff;

  }

  .c-bgbtn-wrap:hover .c-bgbtn:before {

    top: 0;

  }

}



.c-ullink {

  position: relative;

}

.c-ullink:after {

  content: "";

  width: 0;

  height: 1px;

  background: #fff;

  position: absolute;

  bottom: 0;

  left: 0;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

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

  .c-ullink:hover:after {

    width: 100%;

  }

}



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

  .c-over {

    -webkit-transition: 0.3s;

    transition: 0.3s;

  }

  .c-over:hover {

    opacity: 0.7;

  }

}



.c-post .aligncenter {

  display: block;

  margin: 0 auto;

  text-align: center;

}

.c-post .alignright {

  float: right;

  margin: 0 0 0 1em;

}

.c-post .alignleft {

  float: left;

  margin: 0 1em 0 0;

}

.c-post .wp-caption,

.c-post [class*=wp-image] {

  margin-top: 1.5em;

  text-align: center;

}

.c-post strong {

  font-weight: bold;

}

.c-post em {

  font-style: italic;

}

.c-post blockquote {

  display: block;

  position: relative;

  padding: 10px 15px 10px 60px;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  font-style: italic;

  background: #efefef;

  color: #555;

  margin: 1.5em;

}

.c-post blockquote:before {

  display: inline-block;

  position: absolute;

  top: 10px;

  left: 10px;

  content: "“";

  color: #cfcfcf;

  font-size: 3em;

  line-height: 1;

  font-weight: 900;

}

.c-post hr {

  clear: both;

}

.c-post .wp-block-embed.alignleft,

.c-post .wp-block-embed.alignright,

.c-post .wp-block[data-align=left] > [data-type="core/embed"],

.c-post .wp-block[data-align=right] > [data-type="core/embed"] {

  max-width: 500px;

}

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

  .c-post .wp-block-embed iframe {

    height: auto;

    aspect-ratio: 3/2;

  }

}



/* --------------------------------------------------

  display

-------------------------------------------------- */

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

  .pc {

    display: none !important;

  }

}

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

  .sp {

    display: none !important;

  }

}

/* --------------------------------------------------

  cleafix

-------------------------------------------------- */

.u-clearfix:after {

  display: block;

  clear: both;

  content: "";

}



/* --------------------------------------------------

  align

-------------------------------------------------- */

.u-alignL {

  text-align: left;

}



.u-alignC {

  text-align: center;

}



.u-alignR {

  text-align: right;

}



/* --------------------------------------------------

  preload

-------------------------------------------------- */

.u-preload * {

  -webkit-transition: none !important;

  transition: none !important;

}



/* --------------------------------------------------

  font,text

-------------------------------------------------- */

.u-underline {

  text-decoration: underline !important;

}



.u-bold {

  font-weight: bold;

}



/*共通section*/

/*FEATURE*/

.c-feature {

  padding: 15rem 0;

  overflow: hidden;

  position: relative;

  z-index: 0;

  -webkit-clip-path: inset(0);

          clip-path: inset(0);

}

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

  .c-feature {

    padding: 18.6666666667vw 0 16vw;

  }

}

.c-feature-headline {

  font-size: 8.9rem;

  letter-spacing: -0.016em;

  line-height: 0.4382022472;

  font-weight: bold;

  text-indent: -0.5rem;

  margin-bottom: 6rem;

}

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

  .c-feature-headline {

    font-size: 11.7333333333vw;

    margin-bottom: 10.6666666667vw;
  line-height: 0.8;
  }

}

.c-feature-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) {

  .c-feature-headline .ja {

    font-size: 3.2vw;

    margin-top: 3.2vw;

  }

}

.c-feature-lead {

  font-size: 1.8rem;

  margin-bottom: 9.4rem;

}

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

  .c-feature-lead {

    font-size: 3.7333333333vw;

    margin-bottom: 8vw;

  }

}

.c-feature-list {

  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;

  padding-top: 5rem;

}

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

  .c-feature-list {

    display: block;

    padding-top: 0;

  }

}

.c-feature-list-unit {

  width: 46.5%;

}

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

  .c-feature-list-unit {

    width: 100%;

  }

}

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

  .c-feature-list-unit + .c-feature-list-unit {

    margin-top: 10.6666666667vw;

  }

}

.c-feature-list-unit.m-new .img {

  position: relative;

  position: relative;

}

.c-feature-list-unit.m-new .img:before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  background: url(../img/icn_new.png) no-repeat left top/contain;

  width: 6rem;

  height: 6rem;

  z-index: 2;

}

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

  .c-feature-list-unit.m-new .img:before {

    width: 8vw;

    height: 8vw;

  }

}

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

  .c-feature-list-unit.m-new .img:before {

    width: 12vw;

    height: 12vw;

  }

}

.c-feature-list-unit .txt {

  margin-top: 2.8rem;

}

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

  .c-feature-list-unit .txt {

    margin-top: 5.3333333333vw;

  }

}

.c-feature-list-unit .txt .head {

  position: relative;

  padding-left: 5rem;

  min-height: 5rem;

}

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

  .c-feature-list-unit .txt .head {

    padding-left: 10.6666666667vw;

  }

}

.c-feature-list-unit .txt .head .num {

  position: absolute;

  display: inline-block;

  width: 3rem;

  left: 0;

  top: 0.7rem;

}

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

  .c-feature-list-unit .txt .head .num {

    width: 7.2vw;

    top: 1.3333333333vw;

  }

}

.c-feature-list-unit .txt .head .ttl {

  font-size: 2rem;

  letter-spacing: -0.022em;

  line-height: 1.5;

  font-weight: bold;

}

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

  .c-feature-list-unit .txt .head .ttl {

    font-size: 4.5333333333vw;

  }

}

.c-feature-list-unit .txt .head .tag {

  margin-top: 0.5rem;

  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.1rem;

}

.c-feature-list-unit .txt .head .tag li {

  font-size: 1.1rem;

  color: #fff;

  background: #a6a6a6;

  width: 8rem;

  height: 2.2rem;

  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) {

  .c-feature-list-unit .txt .head .tag li {

    font-size: 2.4vw;

    width: 16vw;

    height: 4.8vw;

  }

}

.c-feature-list-unit .txt .head .tag li.m-off {

  background: #f6f6f6;

}

.c-feature-list-unit .txt .detail {

  margin-top: 2rem;

  font-size: 1.6rem;

  line-height: 2;

}

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

  .c-feature-list-unit .txt .detail {

    margin-top: 4.8vw;

    font-size: 3.4666666667vw;

  }

}

.c-feature-list-unit .txt .detail .note {

  font-size: 1.2rem;
  line-height: 1.4;
  display: block;

}

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

  .c-feature-list-unit .txt .detail .note {

    font-size: 2.9333333333vw;

  }

}

.c-feature-spec {

  margin-top: 12.5rem;

}

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

  .c-feature-spec {

    margin-top: 16vw;

  }

}

.c-feature-spec-headline {

  font-size: 3.2rem;

  font-weight: bold;

  margin-bottom: 5.5rem;

  text-align: center;

}

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

  .c-feature-spec-headline {

    font-size: 6.4vw;

    margin-bottom: 8vw;

  }

}

.c-feature-spec-list {

  display: -ms-flexbox;

  display: -webkit-box;

  display: flex;

  -ms-flex-pack: center;

  -webkit-box-pack: center;

          justify-content: center;

  -ms-flex-align: start;

  -webkit-box-align: start;

          align-items: flex-start;

  gap: 5rem;

}

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

  .c-feature-spec-list {

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    gap: 10.6666666667vw 8vw;

  }

}

.c-feature-spec-list li {

  border-top: 1px solid #dcdcdc;

  padding-top: 3.7rem;

  width: 20rem;

}

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

  .c-feature-spec-list li {

    width: calc(50% - 4vw);

    padding-top: 5.3333333333vw;

  }

}

.c-feature-spec-list li p {

  line-height: 1.7;

  min-height: 12rem;

  line-break: strict;

  overflow-wrap: break-word;

  word-wrap: break-word;

}

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

  .c-feature-spec-list li p {

    min-height: 32vw;

  }

}

.c-feature-spec-list li p .note {

  display: block;

  font-size: 1.1rem;

  line-height: 1.4;

  margin-top: 0.5rem;

}

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

  .c-feature-spec-list li p .note {

    font-size: 2.9333333333vw;

    margin-top: 1.3333333333vw;

  }

}

.c-feature-about {

  background: #fff url(../img/bg_feature_about_pc.png) no-repeat center center/100% 100%;

  padding: 8.3rem 15rem;

  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;

  margin-bottom: 15.5rem;

}

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

  .c-feature-about {

    background: #fff url(../img/bg_feature_about_sp.png) no-repeat center center/100% 100%;

    display: block;

    padding: 6.6666666667vw 5.3333333333vw;

    margin-bottom: 18.6666666667vw;

  }

}

.c-feature-about-ttl {

  width: 25rem;

  margin-right: 5rem;

  margin-left: 1.3rem;

}

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

  .c-feature-about-ttl {

    display: block;

    width: 40vw;

    margin: 0 auto 4vw;

  }

}

.c-feature-about-txt {

  font-size: 1.6rem;

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

}

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

  .c-feature-about-txt {

    font-size: 3.2vw;

    font-weight: bold;

    line-height: 1.8;

  }

}



/*LINEUP*/

.c-lineup {

  background: #f3f3f3;

  padding: 17.5rem 0 19rem;

}

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

  .c-lineup {

    padding: 18.6666666667vw 0 16vw;

  }

}

.c-lineup-headline {

  font-size: 8.9rem;

  line-height: 0.4382022472;

  font-weight: bold;

  text-indent: -0.5rem;

  margin-bottom: 6.2rem;

}

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

  .c-lineup-headline {

    font-size: 11.4666666667vw;

    margin-bottom: 8vw;

  }

}

.c-lineup-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) {

  .c-lineup-headline .ja {

    margin-top: 2.6666666667vw;

    font-size: 3.2vw;

    letter-spacing: -0.2666666667vw;

  }

}

.c-lineup-unit {

  display: -ms-flexbox;

  display: -webkit-box;

  display: flex;

  -ms-flex-pack: justify;

  -webkit-box-pack: justify;

          justify-content: space-between;

  -ms-flex-align: stretch;

  -webkit-box-align: stretch;

          align-items: stretch;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}
.lineup_fotter ul li {display: inline-block;}
.wrapmemo {
   display: flex;
    flex-wrap: wrap;
    /*justify-content: space-around;   */
    margin-bottom: 30px;
    border-bottom:1px solid #ddd;
    padding: 0 0 30px;
    background: #fff;
}

.memorque{
    margin-top: 1rem;
  width: 50rem;


}
.memorquepro {

  margin-left: 5rem;

  width: calc(1100px / 2);
  position: relative;

}
@media screen and (max-width: 767px) {
.memorque ,
.memorquepro {
  width: 100%;
  margin:20px 0 0;
}

}
.c-lineup-unit .img {


  margin-left: 5rem;

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

  position: relative;
}

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

  .c-lineup-unit .img {

    width: 100%;

    margin-top: 0;

  }

}

.c-lineup-unit .txt {

  margin-top: 1rem;

  width: 60rem;

}

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

  .c-lineup-unit .txt {

    margin-left: 0;

    margin-top: 5.3333333333vw;

  }

}

.c-lineup-unit .txt .ttl, 
.wrapmemo .ttl,
.r_nav .ttl {

  margin-bottom: 2.5rem;

}

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

  .c-lineup-unit .txt .ttl,
.wrapmemo .ttl,
.r_nav .ttl
   {

    margin-bottom: 2.6666666667vw;

  }

}

.c-lineup-unit .txt .ttl .ja,
.wrapmemo .ja,
.r_nav .ja {

  display: block;

  font-size: 1.8rem;

  font-weight: bold;

  margin-bottom: 1rem;

}

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

  .c-lineup-unit .txt .ttl .ja,
.wrapmemo .ja,
.r_nav .ja
   {

    font-size: 2.9333333333vw;

    display: block;

  }

}

.c-lineup-unit .txt .ttl img {

  height: 5rem;

  width: auto;

}

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

  .c-lineup-unit .txt .ttl img {

    height: 8vw;

  }

}

.c-lineup-unit .txt .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: -1rem 0 2rem;

}

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

  .c-lineup-unit .txt .tag {

    margin-top: 2.6666666667vw;

  }

}

.c-lineup-unit .txt .tag 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) {

  .c-lineup-unit .txt .tag li {

    font-size: 2.4vw;

    padding: 0 0.5333333333vw;

  }

}

.c-lineup-unit .txt .btn {

  margin-top: 3rem;

}

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

  .c-lineup-unit .txt .btn {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

  }

}*/

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

  .c-lineup-unit .txt .btn {

    margin-top: 6.6666666667vw;

  }

}

/*.c-lineup-unit:nth-of-type(2), .c-lineup-unit.m-fdr {

  margin-top: 8rem;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: reverse;

      -ms-flex-direction: row-reverse;

          flex-direction: row-reverse;

}

.c-lineup-unit:nth-of-type(3) {
    margin-top: 8rem;
}

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

  .c-lineup-unit:nth-of-type(2), .c-lineup-unit.m-fdr {

    margin-top: 16vw;

  }

}

.c-lineup-unit:nth-of-type(2) .txt, .c-lineup-unit.m-fdr .txt {

  margin: 0 5rem 0 0;

}

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

  .c-lineup-unit:nth-of-type(2) .txt, .c-lineup-unit.m-fdr .txt {

    margin: 5.3333333333vw 0 0;

  }

}
*/


/*BMR*/

.c-bnr {

  padding: 18rem 0 17rem;

}

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

  .c-bnr {

    padding: 18.6666666667vw 0 18.6666666667vw;

  }

}

.c-bnr-item {

  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: 23rem;

  background: url(../img/bg_basicinfo_pc.png) no-repeat left top/cover;

  border: 1px solid #f3f3f3;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

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

  .c-bnr-item:hover {

    border: 1px solid #111;

  }

}

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

  .c-bnr-item {

    background: url(../img/bg_basicinfo_sp.png) no-repeat left top/cover;

    height: 60vw;

  }

}

.c-bnr-item-content {

  color: #111;

  text-align: center;

  margin-top: 2.5rem;

}

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

  .c-bnr-item-content {

    margin-top: 24vw;

  }

}

.c-bnr-item-content .catch {

  font-size: 1.6rem;

  line-height: 1.5;

}

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

  .c-bnr-item-content .catch {

    font-size: 2.9333333333vw;

    font-weight: bold;

  }

}

.c-bnr-item-content .ttl {

  margin-bottom: 2rem;

  font-size: 3.2rem;

  letter-spacing: 0.1em;

  line-height: 1.21875;

  font-weight: bold;

}

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

  .c-bnr-item-content .ttl {

    font-size: 5.8666666667vw;

    letter-spacing: 0;

    margin-bottom: 2.6666666667vw;

  }

}

.c-bnr-item-content .more {

  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;

  background: #fff;

  height: 4rem;

  width: 18rem;

  margin: 0 auto;

}

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

  .c-bnr-item-content .more {

    font-size: 2.6666666667vw;

    width: 36vw;

    height: 8vw;

  }

}



/*各商品ラインナップ、アイコンと文字のボタン*/

.c-icnset {

  height: 10.8rem;

  width: 12.8rem;

  display: block;

  text-align: center;

  position: relative;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

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

  .c-icnset {

    width: auto;

    height: auto;

  }

}

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

  .c-icnset:hover {

    opacity: 0.7;

  }

}

.c-icnset img {

  width: auto;

  height: 6.3rem;

  display: inline-block;

  margin-bottom: 0.5rem;

}

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

  .c-icnset img {

    height: 9.3333333333vw;

    margin-bottom: 0vw;

  }

}

.c-icnset img.m-v2 {

  height: 5.5rem;

  margin-top: 0.8rem;

}

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

  .c-icnset img.m-v2 {

    height: 8.8vw;

    margin-bottom: 0vw;

    margin-top: 0.5333333333vw;

  }

}

.c-icnset-txt {

  font-size: 1.05rem;

  display: block;

  font-style: normal;

  font-weight: bold;

  text-align: center;

}

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

  .c-icnset-txt {

    font-size: 2.4vw;

    -webkit-transform: scale(0.7);

            transform: scale(0.7);

  }

}



.c-mv {

  text-align: right;

  position: relative;

  height: 29.7rem;

}

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

  .c-mv {

    margin: 12.2666666667vw 0 0;

    height: auto;

  }

}

.c-mv img {

  width: 100%;

}

.c-mv-txt {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 3rem;

  margin: 0 auto;

}

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

  .c-mv-txt {

    position: static;

    height: 40vw;

    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;

  }

}

.c-mv-title {

  font-size: 2rem;

  line-height: 1.95;

  font-weight: bold;

  text-indent: -0.5rem;

  margin-bottom: 6.2rem;

  text-align: left;

}

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

  .c-mv-title {

    font-size: 5.3333333333vw;

    margin: 0;

    text-align: center;

  }

}

.c-mv-title .ja {

  font-size: 7.5rem;

  letter-spacing: -0.04em;

  line-height: 0.52;

  display: block;

  margin-bottom: 2.5rem;

  text-indent: -0.2rem;

}

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

  .c-mv-title .ja {

    margin-bottom: 2.6666666667vw;

    font-size: 10.6666666667vw;

    letter-spacing: -0.2666666667vw;

  }

}

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

  .c-mv-bg {

    max-width: 62.5rem;

    position: relative;

    top: -1rem;

    right: calc(50% - 65rem);

  }

}

.c-mv-lead {

  font-size: 1.8rem;

  font-weight: bold;

  text-align: left;

}



.l-header {

  background: #fff;

  position: relative;

  width: 100%;

  z-index: 99;

  -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);

          box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);

  position: fixed;

  top: 0;

  left: 0;

  -webkit-transition: 0.3s;

  transition: 0.3s;

  /* /toggle */

}

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

  .l-header {

    -webkit-box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.1);

            box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.1);

    border-bottom: 1px solid #ececec;

  }

}

.l-header.is-top {

  top: 4rem;

}

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

  .l-header.is-top {

    top: 3rem;

  }

}

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

  .l-header.is-active {

    top: 0;

  }

  .l-header.is-active.is-top {

    top: 3rem;

  }

}

.l-header-gnav {

  height: 7rem;

  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) {

  .l-header-gnav {

    padding: 0 4%;

    display: -ms-flexbox;

    display: -webkit-box;

    display: flex;

    -ms-flex-pack: justify;

    -webkit-box-pack: justify;

            justify-content: space-between;

    -ms-flex-align: center;

    -webkit-box-align: center;

            align-items: center;

    height: 5rem;

  }

}

.l-header-logo {

  margin-right: 4rem;

  width: 12.6rem;

}

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

  .l-header-logo {

    width: 10rem;

    line-height: 0;

  }

}

.l-header-menu {

  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;

  gap: 2.2rem;

}

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

  .l-header-menu {

    display: none;

    position: absolute;

    left: 0;

    top: 5rem;

    width: 100%;

    background: #fff;

    padding: 4vw 6% 13.3333333333vw;

  }

}

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

  .l-header-menu li {

    border-bottom: 1px solid #ddd;

  }

}

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

  .l-header-menu li:nth-child(1) {

    border-top: 1px solid #ddd;

  }

}

.l-header-menu li a {

  font-size: 1.5rem;

}

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

  .l-header-menu li a {

    -webkit-transition: 0.3s;

    transition: 0.3s;

  }

  .l-header-menu li a:hover {

    color: #a0a0a0;

  }

}

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

  .l-header-menu li a {

    display: block;

    padding: 2.6666666667vw 6.6666666667vw 2.6666666667vw 1.3333333333vw;

    font-size: 3.4666666667vw;

    position: relative;

  }

  .l-header-menu li a:before {

    content: "";

    position: absolute;

    right: 1.3333333333vw;

    top: calc(50% - 0.8vw);

    border-top: 1px solid #ddd;

    border-right: 1px solid #ddd;

    width: 1.6vw;

    height: 1.6vw;

    -webkit-transform: rotate(45deg);

            transform: rotate(45deg);

  }

}

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

  .l-header-toggle {

    display: inline-block;

    -webkit-transition: all 0.4s;

    transition: all 0.4s;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    width: 25px;

    height: 7px;

    z-index: 10;

    position: relative;

  }

  .l-header-toggle span {

    display: inline-block;

    -webkit-transition: all 0.4s;

    transition: all 0.4s;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    position: absolute;

    left: 0;

    width: 100%;

    height: 1px;

    background-color: #111;

    border-radius: 0;

  }

  .l-header-toggle span:nth-of-type(1) {

    top: 0;

  }

  .l-header-toggle span:nth-of-type(2) {

    bottom: 0;

  }

  .l-header-toggle.is-active span:nth-of-type(1) {

    -webkit-transform: translateY(3px) rotate(25deg);

            transform: translateY(3px) rotate(25deg);

  }

  .l-header-toggle.is-active span:nth-of-type(2) {

    -webkit-transform: translateY(-3px) rotate(-25deg);

            transform: translateY(-3px) rotate(-25deg);

  }

}

.l-header.is-scroll {

  position: fixed;

  top: 0;

  left: 0;

}



.fixedbg {

  background: rgba(0, 0, 0, 0.5);

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  pointer-events: none;

  opacity: 0;

  -webkit-transition: 0.3s;

  transition: 0.3s;

  z-index: 90;

}

.fixedbg.is-active {

  opacity: 1;

  pointer-events: auto;

}

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

  .sp_none {display: none;}
}
@media screen and (min-width: 1201px) {

  .pc_none {display: none;}
}
/*********************/
#contact {
  margin-bottom: 20px;
}
#contact ul li{
  display: inline-block;
  margin:0 4px;}
#contact ul li ,
#contact02 ul li{

  vertical-align: top;
  text-align: center;
  border: 1px solid #e5e5e5; padding:20px; 
}
#contact h3,
#contact02 h3 {
    font-size: 2rem;
    line-height: 1.95;
    display: block;
    margin-top: 2.5rem;
    text-indent: -0.2rem;
}
#contact h3 span, #contact02 h3 span {font-size: 3rem;}
#contact p , #contact02 p{margin:0px 0 20px;}
#contact a , #contact02 a {    width:100%; }
#contact ul li a:hover , #contact02 ul li a:hover { opacity:0.7; background:#ffefef; }

  @media screen and (min-width: 768px) {
    #contact ul li{  width: 46%;}
    #contact02 ul li{  width: 80%; margin: 0 auto;}
  }

  @media screen and (max-width: 767px) {
    #contact ul li{  width: 80%; margin: 0 auto;}

  }