@charset "UTF-8";
.main section.feature .sub .text p, .main section.point .list .text p, .main .history .list .item p, .main .lineup .item .summary .text p, .main .lineup .item .detail .about .text p, .main .support .sub--01 p, .main .support .sub--02 p, .main .voice .item .text p {
  line-height: 1.8571428571;
}
.main section.feature .sub .text p::before, .main section.point .list .text p::before, .main .history .list .item p::before, .main .lineup .item .summary .text p::before, .main .lineup .item .detail .about .text p::before, .main .support .sub--01 p::before, .main .support .sub--02 p::before, .main .voice .item .text p::before, .main section.feature .sub .text p::after, .main section.point .list .text p::after, .main .history .list .item p::after, .main .lineup .item .summary .text p::after, .main .lineup .item .detail .about .text p::after, .main .support .sub--01 p::after, .main .support .sub--02 p::after, .main .voice .item .text p::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.main section.feature .sub .text p::before, .main section.point .list .text p::before, .main .history .list .item p::before, .main .lineup .item .summary .text p::before, .main .lineup .item .detail .about .text p::before, .main .support .sub--01 p::before, .main .support .sub--02 p::before, .main .voice .item .text p::before {
  margin-bottom: -0.4285714286em;
}
.main section.feature .sub .text p::after, .main section.point .list .text p::after, .main .history .list .item p::after, .main .lineup .item .summary .text p::after, .main .lineup .item .detail .about .text p::after, .main .support .sub--01 p::after, .main .support .sub--02 p::after, .main .voice .item .text p::after {
  margin-top: -0.4285714286em;
}
@media screen and (max-width: 750px) {
  .main section.feature .sub .text p, .main section.point .list .text p, .main .history .list .item p, .main .lineup .item .summary .text p, .main .lineup .item .detail .about .text p, .main .support .sub--01 p, .main .support .sub--02 p, .main .voice .item .text p {
    line-height: 1.5384615385;
  }
  .main section.feature .sub .text p::before, .main section.point .list .text p::before, .main .history .list .item p::before, .main .lineup .item .summary .text p::before, .main .lineup .item .detail .about .text p::before, .main .support .sub--01 p::before, .main .support .sub--02 p::before, .main .voice .item .text p::before, .main section.feature .sub .text p::after, .main section.point .list .text p::after, .main .history .list .item p::after, .main .lineup .item .summary .text p::after, .main .lineup .item .detail .about .text p::after, .main .support .sub--01 p::after, .main .support .sub--02 p::after, .main .voice .item .text p::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main section.feature .sub .text p::before, .main section.point .list .text p::before, .main .history .list .item p::before, .main .lineup .item .summary .text p::before, .main .lineup .item .detail .about .text p::before, .main .support .sub--01 p::before, .main .support .sub--02 p::before, .main .voice .item .text p::before {
    margin-bottom: -0.2692307692em;
  }
  .main section.feature .sub .text p::after, .main section.point .list .text p::after, .main .history .list .item p::after, .main .lineup .item .summary .text p::after, .main .lineup .item .detail .about .text p::after, .main .support .sub--01 p::after, .main .support .sub--02 p::after, .main .voice .item .text p::after {
    margin-top: -0.2692307692em;
  }
}

.gHeader .gNav .btn--menu, .main .lineup .item .summary .nav .btn--detail {
  border: none;
  padding: 0;
  background: transparent;
  border-radius: 0;
  color: inherit;
}

@media screen and (hover: hover) and (pointer: fine) {
  .hov, .gHeader .gNav .btn--contact, .main .lineup .item .summary .nav .btn--cv, .main .cv .btn, .main .contact {
    transition: opacity 0.3s;
  }
  @supports (filter: brightness(100%)) {
    .hov, .gHeader .gNav .btn--contact, .main .lineup .item .summary .nav .btn--cv, .main .cv .btn, .main .contact {
      transition-property: filter;
    }
  }
  .hov:hover, .gHeader .gNav .btn--contact:hover, .main .lineup .item .summary .nav .btn--cv:hover, .main .cv .btn:hover, .main .contact:hover {
    opacity: 0.8;
  }
  @supports (filter: brightness(100%)) {
    .hov:hover, .gHeader .gNav .btn--contact:hover, .main .lineup .item .summary .nav .btn--cv:hover, .main .cv .btn:hover, .main .contact:hover {
      filter: brightness(105%);
      opacity: 1;
    }
  }
}

* {
  -webkit-tap-highlight-color: transparent;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
table,
tr,
th,
td,
form,
figure {
  font-size: inherit;
  margin: 0;
  padding: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

summary {
  display: block;
}

table {
  border-collapse: collapse;
  empty-cells: show;
}

th,
td {
  text-align: left;
  vertical-align: top;
}

li {
  list-style: none;
}

img {
  vertical-align: top;
  height: auto;
}

input,
textarea,
select {
  color: inherit;
  font-family: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

button {
  color: inherit;
  font-family: inherit;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
          appearance: textfield;
}

select::-ms-expand {
  display: none;
}

[disabled] {
  cursor: not-allowed;
}

input[type=button]:not([disabled]), input[type=submit]:not([disabled]), input[type=reset]:not([disabled]),
button[type=button]:not([disabled]),
button[type=submit]:not([disabled]),
button[type=reset]:not([disabled]) {
  cursor: pointer;
}

@media (prefers-reduced-motion: reduce) {
  * {
    -webkit-animation: none !important;
            animation: none !important;
    transition-duration: 0s !important;
    transition-delay: 0s !important;
  }
}
img,
video {
  max-width: 100%;
  height: auto;
}

:root {
  font-size: 100px;
}
@media screen and (max-width: 1400px) and (min-width: 751px) {
  :root {
    font-size: 7.1428571429vw;
  }
}
@media screen and (max-width: 750px) {
  :root {
    font-size: 13.3333333333vw;
  }
}

body {
  min-height: 100vh;
  min-height: 100dvh;
  color: #000;
  font-family: "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif;
  font-size: 0.16rem;
  letter-spacing: 0;
  line-height: 1.8571428571;
}
@media screen and (max-width: 750px) {
  body {
    font-size: 0.26rem;
    line-height: 1.5384615385;
  }
}

.wrap {
  width: 12rem;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 750px) {
  .wrap {
    width: auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
}

.sp {
  display: none;
}

@media screen and (max-width: 750px) {
  .pc {
    display: none;
  }
  .sp {
    display: revert;
  }
}
@media screen and (min-width: 751px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}
@-webkit-keyframes circle {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes circle {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes updown {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, 25%, 0);
  }
}
@keyframes updown {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, 25%, 0);
  }
}
.gHeader {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9000;
  background: rgba(255, 255, 255, 0.9);
}
.gHeader .wrap {
  height: 0.6rem;
  position: relative;
}
@media screen and (max-width: 750px) {
  .gHeader .wrap {
    height: 1.2rem;
  }
}
.gHeader .logo {
  width: 1.62rem;
  position: absolute;
  top: 0.19rem;
}
@media screen and (max-width: 750px) {
  .gHeader .logo {
    width: 2.93rem;
    position: absolute;
    top: 0.39rem;
    z-index: 1;
  }
}
.gHeader .logo img {
  width: 100%;
}
.gHeader .gNav .btn--menu {
  display: none;
}
@media screen and (max-width: 750px) {
  .gHeader .gNav .btn--menu {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.3rem;
    height: 1.2rem;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
  }
}
.gHeader .gNav .btn--menu .bar {
  width: 0.9rem;
  height: 0.24rem;
  position: relative;
}
.gHeader .gNav .btn--menu .bar::before, .gHeader .gNav .btn--menu .bar::after {
  display: block;
  width: 100%;
  height: 0.04rem;
  position: absolute;
  left: 0;
  background: #545454;
  transition: 0.2s;
}
.gHeader .gNav .btn--menu .bar::before, .gHeader .gNav .btn--menu .bar::after {
  content: "";
  transition-property: transform;
}
.gHeader .gNav .btn--menu .bar::before {
  top: 50%;
  transform: translate3D(0, -0.12rem, 0);
}
.gHeader .gNav .btn--menu .bar::after {
  bottom: 50%;
  transform: translate3D(0, 0.12rem, 0);
}
@media screen and (max-width: 750px) {
  .gHeader .gNav.ready .navigation {
    transition: transform 0.4s;
  }
}
@media screen and (max-width: 750px) {
  .gHeader .gNav.active .btn--menu .bar::before {
    transform: translate3D(0, -50%, 0) rotate(135deg);
  }
  .gHeader .gNav.active .btn--menu .bar::after {
    transform: translate3D(0, 50%, 0) rotate(45deg);
  }
  .gHeader .gNav.active .navigation {
    transform: translate3d(0, 0, 0);
  }
}
@media screen and (max-width: 750px) {
  .gHeader .gNav .navigation {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
    height: 100vh;
    height: 100dvh;
    padding: 2.02rem 0 0.64rem;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    transform: translate3d(100%, 0, 0);
    transition: transform 0.8s;
  }
}
.gHeader .gNav .navigation .list {
  display: flex;
  justify-content: center;
  gap: 0 0.28rem;
}
@media screen and (max-width: 750px) {
  .gHeader .gNav .navigation .list {
    display: block;
  }
}
@media screen and (max-width: 750px) {
  .gHeader .gNav .navigation .list li {
    margin: 0.4rem 0 0;
  }
}
.gHeader .gNav .navigation .list a {
  display: block;
  line-height: 0.6rem;
}
@media screen and (max-width: 750px) {
  .gHeader .gNav .navigation .list a {
    font-size: 0.38rem;
    line-height: 3;
    text-align: center;
  }
}
.gHeader .gNav .navigation .sns {
  display: none;
}
@media screen and (max-width: 750px) {
  .gHeader .gNav .navigation .sns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 0.97rem;
  }
  .gHeader .gNav .navigation .sns .x {
    width: 0.47rem;
  }
  .gHeader .gNav .navigation .sns .yt {
    width: 0.64rem;
  }
}
.gHeader .gNav .btn--contact {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 0.4rem;
  position: absolute;
  top: 0.1rem;
  right: 0.12rem;
  background: #6ecdec;
  color: #fff;
  font-size: 0.16rem;
}
@media screen and (max-width: 750px) {
  .gHeader .gNav .btn--contact {
    width: 2.12rem;
    height: 1.2rem;
    top: 0;
    right: 1.3rem;
    font-size: 0.26rem;
  }
}

.main {
  padding: 0 0 1.2rem;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  .main {
    padding: 0 0 1.3rem;
  }
}
.main .anchor {
  position: absolute;
  top: -0.5rem;
  left: 0;
}
@media screen and (max-width: 750px) {
  .main .anchor {
    top: -1.2rem;
  }
}
.main sup {
  font-size: 0.5em;
}
.main .reg {
  font-size: 0.8em;
  margin: 0 0.1em 0 -0.2em;
}
.main .ttl--01 {
  font-size: 0.32rem;
  font-weight: 500;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .main .ttl--01 {
    font-size: 0.46rem;
  }
}
.main .hero {
  background-image: url(../imgs/hero.jpg), linear-gradient(90deg, transparent, transparent 50%, #fdf3e7 50%, #fdf3e7), url(../imgs/bg.jpg);
  background-position: 50% 0, 0 0, 50% 0;
  background-size: 14rem auto, cover, 5.5rem auto;
  background-repeat: no-repeat, no-repeat, repeat;
}
@media screen and (max-width: 750px) {
  .main .hero {
    background: url(../imgs/hero_sp.jpg) 0 0/100% auto no-repeat;
  }
}
.main .hero .inner {
  box-sizing: border-box;
  width: calc(50% - 1.44rem);
  height: 7rem;
  margin: 0 0 0 auto;
  padding: 2.27rem 0 0;
  opacity: 0;
  transform: translate3d(2rem, 0, 0);
  transition: 1s;
  transition-property: opacity, transform;
}
@media screen and (max-width: 750px) {
  .main .hero .inner {
    width: auto;
    height: 13.02rem;
    margin: 0;
    padding: 8.26rem 0 0 0.5rem;
  }
}
body.ready .main .hero .inner {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.main .hero .siteTitle {
  margin: 0 0 0 0.08rem;
  border-bottom: 1px solid #a5a5a5;
  padding: 0 0 0.27rem;
}
@media screen and (max-width: 750px) {
  .main .hero .siteTitle {
    margin: 0;
    padding: 0 0 0.26rem;
  }
}
.main .hero .siteTitle img {
  width: 3.72rem;
}
@media screen and (max-width: 750px) {
  .main .hero .siteTitle img {
    width: 4.54rem;
  }
}
.main .hero .siteTitle span {
  display: block;
  margin: 0.11rem 0 0;
  font-size: 0.23rem;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main .hero .siteTitle span {
    margin: 0.2rem 0 0;
    font-size: 0.31rem;
  }
}
.main .hero p {
  line-height: 1.5555555556;
  margin: 0 0 0 0.08rem;
  padding: 0.24rem 0 0;
  font-size: 0.18rem;
}
.main .hero p::before, .main .hero p::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.main .hero p::before {
  margin-bottom: -0.2777777778em;
}
.main .hero p::after {
  margin-top: -0.2777777778em;
}
@media screen and (max-width: 750px) {
  .main .hero p {
    margin: 0;
    padding: 0.3rem 0 0;
    font-size: 0.26rem;
  }
}
.main .hero .point {
  display: flex;
  gap: 0 0.24rem;
  margin: 0.3rem 0 0;
}
@media screen and (max-width: 750px) {
  .main .hero .point {
    gap: 0 0.26rem;
    margin: 0.38rem 0 0 -0.12rem;
  }
}
.main .hero .point li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  aspect-ratio: 1/1;
  background: #fff;
  border-radius: 50%;
  font-size: 0.16rem;
}
@media screen and (max-width: 750px) {
  .main .hero .point li {
    width: 1.86rem;
    font-size: 0.26rem;
    line-height: 1.3461538462;
    text-align: center;
  }
}
.main .lead {
  box-sizing: border-box;
  margin: 0.3rem 0 0;
  height: 5.19rem;
  padding: 0.68rem 0 0;
  background: url(../imgs/img01.jpg) 50% 0/12rem auto no-repeat;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .main .lead {
    height: 12rem;
    padding: 1.05rem 0 0;
    background-image: url(../imgs/img01_sp.jpg);
    background-position: 50% 100%;
    background-size: 6.5rem auto;
  }
}
.main .lead .catch {
  line-height: 1.2698412698;
  font-size: 0.63rem;
}
.main .lead .catch::before, .main .lead .catch::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.main .lead .catch::before {
  margin-bottom: -0.1349206349em;
}
.main .lead .catch::after {
  margin-top: -0.1349206349em;
}
@media screen and (max-width: 750px) {
  .main .lead .catch {
    line-height: 1.3285714286;
    font-size: 0.7rem;
  }
  .main .lead .catch::before, .main .lead .catch::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main .lead .catch::before {
    margin-bottom: -0.1642857143em;
  }
  .main .lead .catch::after {
    margin-top: -0.1642857143em;
  }
}
.main .lead p {
  line-height: 1.7857142857;
  padding: 0.4rem 0 0;
}
.main .lead p::before, .main .lead p::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.main .lead p::before {
  margin-bottom: -0.3928571429em;
}
.main .lead p::after {
  margin-top: -0.3928571429em;
}
@media screen and (max-width: 750px) {
  .main .lead p {
    line-height: 1.7391304348;
    padding: 0.6rem 0 0;
    font-size: 0.23rem;
  }
  .main .lead p::before, .main .lead p::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main .lead p::before {
    margin-bottom: -0.3695652174em;
  }
  .main .lead p::after {
    margin-top: -0.3695652174em;
  }
}
.main section.feature {
  position: relative;
}
.main section.feature .ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.3rem;
}
@media screen and (max-width: 750px) {
  .main section.feature .ttl {
    display: block;
    box-sizing: border-box;
    height: 2.64rem;
    padding: 1.4rem 0 0;
  }
}
.main section.feature .sub .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  width: 7.9rem;
  height: 2.4rem;
  background: #fff;
}
@media screen and (max-width: 750px) {
  .main section.feature .sub .text {
    width: 7rem;
    height: auto;
    padding-top: 0.64rem;
    padding-bottom: 0.72rem;
  }
}
.main section.feature .sub .text .sttl {
  display: flex;
  align-items: flex-end;
  font-weight: 500;
}


.main section.feature .sub.sub--02 .text .sttl {
  align-items: center;
}

@media screen and (max-width: 750px) {
	.main section.feature .sub.sub--02 .text .sttl {
	  align-items: flex-end;
	}
}

.main section.feature .sub .text .sttl .num {
  display: block;
  width: 1.5rem;
  margin: -0.18em 0 -0.06em;
  font-size: 1.19rem;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main section.feature .sub .text .sttl .num {
    width: auto;
    margin-right: 0.1rem;
  }
}
.main section.feature .sub .text .sttl .name {
  line-height: 1.6923076923;
  display: block;
  width: calc(100% - 1.5rem);
  padding: 0 0 0.06rem;
  font-size: 0.26rem;
  white-space: nowrap;
}
.main section.feature .sub .text .sttl .name::before, .main section.feature .sub .text .sttl .name::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.main section.feature .sub .text .sttl .name::before {
  margin-bottom: -0.3461538462em;
}
.main section.feature .sub .text .sttl .name::after {
  margin-top: -0.3461538462em;
}
@media screen and (max-width: 750px) {
  .main section.feature .sub .text .sttl .name {
    line-height: 1.4666666667;
    padding: 0 0 0.08rem;
    font-size: 0.3rem;
  }
  .main section.feature .sub .text .sttl .name::before, .main section.feature .sub .text .sttl .name::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main section.feature .sub .text .sttl .name::before {
    margin-bottom: -0.2333333333em;
  }
  .main section.feature .sub .text .sttl .name::after {
    margin-top: -0.2333333333em;
  }
}
.main section.feature .sub .text p {
  padding: 0.32rem 0 0;
}
.main section.feature .sub--01 .text, .main section.feature .sub--03 .text, .main section.feature .sub--05 .text {
  margin: 0 -1rem 0 auto;
  padding-left: 0.9rem;
  padding-right: 1rem;
  -webkit-clip-path: polygon(0.7rem 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0.7rem 0, 100% 0, 100% 100%, 0 100%);
}
@media screen and (max-width: 750px) {
  .main section.feature .sub--01 .text, .main section.feature .sub--03 .text, .main section.feature .sub--05 .text {
    margin: 0 -0.5rem 0 auto;
    padding-left: 0.94rem;
    padding-right: 0.5rem;
  }
}
.main section.feature .sub--02 .text, .main section.feature .sub--04 .text, .main section.feature .sub--06 .text {
  margin: 0 auto 0 -1rem;
  padding-left: 1rem;
  padding-right: 0.9rem;
  -webkit-clip-path: polygon(0 0, calc(100% - 0.7rem) 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, calc(100% - 0.7rem) 0, 100% 100%, 0 100%);
}
@media screen and (max-width: 750px) {
  .main section.feature .sub--02 .text, .main section.feature .sub--04 .text, .main section.feature .sub--06 .text {
    margin: 0 -0.5rem 0 auto;
    padding-left: 0.94rem;
    padding-right: 0.5rem;
    -webkit-clip-path: polygon(0.7rem 0, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(0.7rem 0, 100% 0, 100% 100%, 0 100%);
  }
}
.main section.feature .sub--01 {
  background-color: #feedd9;
  background-image: url(../imgs/img02.jpg), linear-gradient(transparent, transparent 1.6rem, #fff 1.6rem, #fff 4rem, transparent 4rem, transparent);
  background-position: 50% 0, 100% 0;
  background-size: 14rem auto, 50% 100%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 750px) {
  .main section.feature .sub--01 {
    background: #feedd9 url(../imgs/img02_sp.jpg) 0 100%/100% auto no-repeat;
  }
}
.main section.feature .sub--01 .wrap {
  box-sizing: border-box;
  height: 5.63rem;
  padding-top: 1.6rem;
  position: relative;
}
@media screen and (max-width: 750px) {
  .main section.feature .sub--01 .wrap {
    height: 12rem;
    padding-top: 0.9rem;
  }
}
.main section.feature .sub--01 .text .sttl .num {
  color: #f9b972;
}
@media screen and (max-width: 750px) {
  .main section.feature .sub--01 .text .sttl .num {
    margin-right: 0;
  }
}
.main section.feature .sub--01 .note {
  line-height: 1.8333333333;
  padding: 0 0 0.28rem;
  font-size: 0.12rem;
  position: absolute;
  right: 0;
  bottom: 0;
}
.main section.feature .sub--01 .note::before, .main section.feature .sub--01 .note::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.main section.feature .sub--01 .note::before {
  margin-bottom: -0.4166666667em;
}
.main section.feature .sub--01 .note::after {
  margin-top: -0.4166666667em;
}
@media screen and (max-width: 750px) {
  .main section.feature .sub--01 .note {
    line-height: 1.25;
    padding: 0.3rem 0 0;
    font-size: 0.2rem;
    position: static;
  }
  .main section.feature .sub--01 .note::before, .main section.feature .sub--01 .note::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main section.feature .sub--01 .note::before {
    margin-bottom: -0.125em;
  }
  .main section.feature .sub--01 .note::after {
    margin-top: -0.125em;
  }
}
.main section.feature .sub--02 {
  padding: 1.14rem 0 1.06rem;
  background-color: #fef8db;
  background-image: linear-gradient(transparent, transparent 1.6rem, #fff 1.6rem, #fff 4rem, transparent 4rem, transparent);
  background-position: 0 0;
  background-size: 50% 100%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 750px) {
  .main section.feature .sub--02 {
    padding: 0.9rem 0 0.84rem;
    background-image: none;
  }
}
.main section.feature .sub--02 .wrap {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: auto;
}
@media screen and (max-width: 750px) {
  .main section.feature .sub--02 .wrap {
    display: block;
  }
}
.main section.feature .sub--02 .text {
  grid-row: 1/2;
  grid-column: 1/2;
  justify-self: flex-start;
  margin: 0.46rem 0 0;
  position: relative;
}
@media screen and (max-width: 750px) {
  .main section.feature .sub--02 .text {
    margin: 0;
  }
}
.main section.feature .sub--02 .text .sttl .num {
  color: #ffeb79;
}
.main section.feature .sub--02 .text p {
  width: 5.8rem;
}
.main section.feature .sub--02 .image {
  grid-row: 1/2;
  grid-column: 1/2;
  justify-self: flex-end;
  width: 6.22rem;
}
@media screen and (max-width: 750px) {
  .main section.feature .sub--02 .image {
    width: auto;
    margin: 0.84rem 0 0;
  }
}
.main section.feature .sub--03 {
  background-color: #f4fedb;
  background-image: url(../imgs/img04.jpg), linear-gradient(transparent, transparent 1.6rem, #fff 1.6rem, #fff 4rem, transparent 4rem, transparent);
  background-position: 50% 0, 100% 0;
  background-size: 14rem auto, 50% 100%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 750px) {
  .main section.feature .sub--03 {
    background: #f4fedb url(../imgs/img04_sp.jpg) 0 100%/100% auto no-repeat;
  }
}
.main section.feature .sub--03 .wrap {
  box-sizing: border-box;
  height: 6rem;
  padding-top: 1.6rem;
  position: relative;
}
@media screen and (max-width: 750px) {
  .main section.feature .sub--03 .wrap {
    height: 12rem;
    padding-top: 0.9rem;
  }
}
.main section.feature .sub--03 .text .sttl .num {
  color: #abf972;
}
.main section.feature .sub--04 {
  background-color: #defde6;
  background-image: url(../imgs/img05.jpg), linear-gradient(transparent, transparent 1.6rem, #fff 1.6rem, #fff 4.52rem, transparent 4.52rem, transparent);
  background-position: 50% 0, 0 0;
  background-size: 14rem auto, 50% 100%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 750px) {
  .main section.feature .sub--04 {
    background: #defde6 url(../imgs/img05_sp.jpg) 0 100%/100% auto no-repeat;
  }
}
.main section.feature .sub--04 .wrap {
  box-sizing: border-box;
  height: 5.63rem;
  padding: 1.6rem 0 0;
}
@media screen and (max-width: 750px) {
  .main section.feature .sub--04 .wrap {
    height: 12rem;
    padding-top: 0.9rem;
  }
}
@media screen and (min-width: 751px) {
  .main section.feature .sub--04 .text {
    height: 2.92rem;
  }
}
@media screen and (max-width: 750px) {
  .main section.feature .sub--04 .text {
    padding-bottom: 0.4rem;
  }
}
.main section.feature .sub--04 .text .sttl .num {
  color: #68e28d;
}
.main section.feature .sub--05 {
  background-color: #defdfb;
  background-image: url(../imgs/img06.jpg), linear-gradient(transparent, transparent 1.6rem, #fff 1.6rem, #fff 4.52rem, transparent 4.52rem, transparent);
  background-position: 50% 0, 100% 0;
  background-size: 14rem auto, 50% 100%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 750px) {
  .main section.feature .sub--05 {
    background: #defdfb url(../imgs/img06_sp.jpg) 0 100%/100% auto no-repeat;
  }
}
.main section.feature .sub--05 .wrap {
  box-sizing: border-box;
  height: 6rem;
  padding-top: 1.6rem;
  position: relative;
}
@media screen and (max-width: 750px) {
  .main section.feature .sub--05 .wrap {
    height: 12rem;
    padding-top: 0.9rem;
  }
}
@media screen and (min-width: 751px) {
  .main section.feature .sub--05 .text {
    height: 2.92rem;
  }
}
.main section.feature .sub--05 .text .sttl .num {
  color: #68d8e2;
}
.main section.feature .sub--05 .balloon {
  box-sizing: border-box;
  width: 2.3rem;
  padding: 0.14rem 0.14rem 0.18rem;
  position: absolute;
  left: 2.44rem;
  bottom: 0.35rem;
  background: #fff;
  border-radius: 0.24rem;
}
@media screen and (max-width: 750px) {
  .main section.feature .sub--05 .balloon {
    width: 3.18rem;
    padding: 0.2rem 0.22rem 0.24rem;
    left: 3.82rem;
    bottom: 0.65rem;
    border-radius: 0.24rem;
  }
}
.main section.feature .sub--05 .balloon::before {
  content: "";
  display: block;
  width: 0.65rem;
  height: 0.3rem;
  position: absolute;
  top: 1.28rem;
  right: 100%;
  background: #fff;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%);
}
@media screen and (max-width: 750px) {
  .main section.feature .sub--05 .balloon::before {
    width: 0.9rem;
    height: 0.43rem;
    top: 1.77rem;
  }
}
.main section.feature .sub--05 .balloon .label {
  font-size: 0.18rem;
  font-weight: 500;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .main section.feature .sub--05 .balloon .label {
    font-size: 0.25rem;
  }
}
.main section.feature .sub--05 .balloon .image {
  width: 1.46rem;
  margin: 0.1rem auto 0;
}
@media screen and (max-width: 750px) {
  .main section.feature .sub--05 .balloon .image {
    width: 2.02rem;
    margin: 0.16rem auto 0;
  }
}
.main section.feature .sub--05 .balloon p {
  line-height: 1.4285714286;
  padding: 0.16rem 0 0;
  font-size: 0.15rem;
}
.main section.feature .sub--05 .balloon p::before, .main section.feature .sub--05 .balloon p::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.main section.feature .sub--05 .balloon p::before {
  margin-bottom: -0.2142857143em;
}
.main section.feature .sub--05 .balloon p::after {
  margin-top: -0.2142857143em;
}
@media screen and (max-width: 750px) {
  .main section.feature .sub--05 .balloon p {
    line-height: 1.4736842105;
    padding: 0.2rem 0 0;
    font-size: 0.19rem;
  }
  .main section.feature .sub--05 .balloon p::before, .main section.feature .sub--05 .balloon p::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main section.feature .sub--05 .balloon p::before {
    margin-bottom: -0.2368421053em;
  }
  .main section.feature .sub--05 .balloon p::after {
    margin-top: -0.2368421053em;
  }
}
.main section.feature .sub--05 .balloon .note {
  padding: 0.1rem 0 0;
  font-size: 0.12rem;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main section.feature .sub--05 .balloon .note {
    padding: 0.14rem 0 0;
    font-size: 0.17rem;
  }
}
.main section.feature .sub--06 {
  background-color: #def0fd;
  background-image: url(../imgs/img08.jpg), linear-gradient(transparent, transparent 1.6rem, #fff 1.6rem, #fff 4.52rem, transparent 4.52rem, transparent);
  background-position: 50% 0, 0 0;
  background-size: 14rem auto, 50% 100%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 750px) {
  .main section.feature .sub--06 {
    background: #def0fd url(../imgs/img08_sp.jpg) 0 100%/100% auto no-repeat;
  }
}
.main section.feature .sub--06 .wrap {
  box-sizing: border-box;
  height: 6rem;
  padding: 1.6rem 0 0;
}
@media screen and (max-width: 750px) {
  .main section.feature .sub--06 .wrap {
    height: 12rem;
    padding-top: 0.9rem;
  }
}
@media screen and (min-width: 751px) {
  .main section.feature .sub--06 .text {
    height: 2.92rem;
  }
}
.main section.feature .sub--06 .text .sttl .num {
  color: #6893e2;
}
.main section.feature .append {
  padding: 1.3rem 0;
}
@media screen and (max-width: 750px) {
  .main section.feature .append {
    padding: 1.4rem 0;
  }
}
.main section.feature .append .video {
  width: 8rem;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .main section.feature .append .video {
    width: auto;
  }
}
.main section.feature .append .video iframe {
  width: 100%;
  aspect-ratio: 16/9;
}
.main section.point {
  padding: 1.2rem 0;
  background: #feeddb;
  position: relative;
}
@media screen and (max-width: 750px) {
  .main section.point {
    padding: 1.6rem 0 1.4rem;
  }
}
.main section.point .ttl {
  font-size: 0.32rem;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .main section.point .ttl {
    font-size: 0.46rem;
  }
}
.main section.point .list {
  display: flex;
  flex-wrap: wrap;
  width: 10rem;
  margin: 0.8rem auto 0;
}
@media screen and (max-width: 750px) {
  .main section.point .list {
    display: block;
    width: auto;
    margin: 0.8rem 0 0;
  }
}
.main section.point .list .text {
  text-align: center;
}
.main section.point .list .text .name {
  line-height: 1.75;
  padding: 0.4rem 0 0;
  font-size: 0.24rem;
  font-weight: 500;
}
.main section.point .list .text .name::before, .main section.point .list .text .name::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.main section.point .list .text .name::before {
  margin-bottom: -0.375em;
}
.main section.point .list .text .name::after {
  margin-top: -0.375em;
}
@media screen and (max-width: 750px) {
  .main section.point .list .text .name {
    line-height: 1.6666666667;
    padding: 0.5rem 0 0;
    font-size: 0.3rem;
    font-weight: 500;
  }
  .main section.point .list .text .name::before, .main section.point .list .text .name::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main section.point .list .text .name::before {
    margin-bottom: -0.3333333333em;
  }
  .main section.point .list .text .name::after {
    margin-top: -0.3333333333em;
  }
}
.main section.point .list .text p {
  padding: 0.3rem 0 0;
}
@media screen and (max-width: 750px) {
  .main section.point .list .text p {
    padding: 0.4rem 0 0;
  }
}
.main section.point .list .item--01 {
  width: 4.5rem;
}
@media screen and (max-width: 750px) {
  .main section.point .list .item--01 {
    width: auto;
  }
}
.main section.point .list .item--01 .image {
  width: 5.26rem;
  margin: 0 -0.38rem;
}
@media screen and (max-width: 750px) {
  .main section.point .list .item--01 .image {
    width: 6.35rem;
    margin: 0 0 0 0.14rem;
  }
}
.main section.point .list .item--02 {
  width: 4.5rem;
  margin: 0 0 0 1rem;
  position: relative;
}
@media screen and (max-width: 750px) {
  .main section.point .list .item--02 {
    width: auto;
    margin: 0.9rem 0 0;
  }
}
.main section.point .list .item--02 .badge {
  width: 1.17rem;
  position: absolute;
  top: -0.56rem;
  right: 0.52rem;
}
@media screen and (max-width: 750px) {
  .main section.point .list .item--02 .badge {
    width: 1.42rem;
    top: -0.71rem;
    right: 1.18rem;
  }
  .main section.point .list .item--02 .badge img {
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .main section.point .list .item--02 .image {
    width: 5.45rem;
    margin: 0 auto;
  }
}
.main section.point .list .item--03 {
  width: 100%;
}
@media screen and (max-width: 750px) {
  .main section.point .list .item--03 {
    margin: 0.9rem 0 0;
  }
}
.main section.point .list .item--03 .image {
  width: 8.6rem;
  margin: 0 auto -0.18rem;
}
@media screen and (max-width: 750px) {
  .main section.point .list .item--03 .image {
    width: 5.53rem;
    margin: 0 auto;
  }
}
.main .history {
  padding: 1.2rem 0 0;
  position: relative;
}
@media screen and (max-width: 750px) {
  .main .history {
    padding: 1.5rem 0 0;
  }
}
.main .history .prepend p {
  line-height: 1.6;
  padding: 0.6rem 0 0;
  font-size: 0.2rem;
  text-align: center;
}
.main .history .prepend p::before, .main .history .prepend p::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.main .history .prepend p::before {
  margin-bottom: -0.3em;
}
.main .history .prepend p::after {
  margin-top: -0.3em;
}
@media screen and (max-width: 750px) {
  .main .history .prepend p {
    line-height: 1.5384615385;
    padding: 0.45rem 0 0;
    font-size: 0.26rem;
  }
  .main .history .prepend p::before, .main .history .prepend p::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main .history .prepend p::before {
    margin-bottom: -0.2692307692em;
  }
  .main .history .prepend p::after {
    margin-top: -0.2692307692em;
  }
}
.main .history .list {
  width: 10rem;
  margin: 0.9rem auto 0;
  background: linear-gradient(90deg, transparent, transparent 1.83rem, #e9e9e9 1.83rem, #e9e9e9 1.85rem, transparent 1.85rem, transparent);
}
@media screen and (max-width: 750px) {
  .main .history .list {
    width: auto;
    background: linear-gradient(90deg, transparent, transparent calc(50% - 0.015rem), #e9e9e9 calc(50% - 0.015rem), #e9e9e9 calc(50% + 0.015rem), transparent calc(50% + 0.015rem), transparent);
  }
}
.main .history .list .item {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: 3.66rem 1fr;
  gap: 0.3rem 0.5rem;
  margin: 0.7rem 0 0;
  padding: 0.1rem 0 0;
  background: #fff;
}
@media screen and (max-width: 750px) {
  .main .history .list .item {
    grid-template-columns: 4.18rem 1fr;
    gap: 0.3rem 0.3rem;
    padding: 0.1rem 0 0.2rem;
  }
}
.main .history .list .item .image {
  grid-row: 1/3;
  grid-column: 1/2;
  align-self: flex-start;
  padding: 0 0 0.1rem;
}
@media screen and (max-width: 750px) {
  .main .history .list .item .image {
    grid-row: 1/2;
    padding: 0;
  }
}
.main .history .list .item .headline {
  grid-row: 1/2;
  grid-column: 2/3;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main .history .list .item .headline {
    align-self: flex-end;
    padding: 0 0 0.5rem;
  }
}
.main .history .list .item .headline .year {
  margin: -0.18em 0 -0.06em;
  color: #6ecdec;
  font-size: 0.67rem;
}
@media screen and (max-width: 750px) {
  .main .history .list .item .headline .year {
    font-size: 0.58rem;
  }
}
.main .history .list .item .headline .name {
  padding: 0.1rem 0 0;
  color: #545454;
  font-size: 0.24rem;
  font-weight: 500;
}
@media screen and (max-width: 750px) {
  .main .history .list .item .headline .name {
    line-height: 1.25;
    padding: 0.2rem 0 0;
    font-size: 0.28rem;
  }
  .main .history .list .item .headline .name::before, .main .history .list .item .headline .name::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main .history .list .item .headline .name::before {
    margin-bottom: -0.125em;
  }
  .main .history .list .item .headline .name::after {
    margin-top: -0.125em;
  }
}
.main .history .list .item p {
  grid-row: 2/3;
  grid-column: 2/3;
}
@media screen and (max-width: 750px) {
  .main .history .list .item p {
    grid-row: 2/3;
    grid-column: 1/3;
  }
}
@media screen and (min-width: 751px) {
  .main .history .list .item--01 {
    margin: 0;
    padding: 0;
  }
}
@media screen and (max-width: 750px) {
  .main .history .list .item--01 .headline {
    padding-bottom: 0.6rem;
  }
}
@media screen and (max-width: 750px) {
  .main .history .list .item--05 .headline, .main .history .list .item--06 .headline {
    padding-bottom: 0.3rem;
  }
}
.main .history .list .item--07 .image {
  padding: 0;
}
.main .lineup {
  margin: 1rem 0 0;
  padding: 1.2rem 0 0;
  position: relative;
}
@media screen and (max-width: 750px) {
  .main .lineup {
    margin: 0;
    padding: 1.6rem 0 0;
  }
}
.main .lineup .prepend p {
  line-height: 1.6;
  padding: 0.4rem 0 0;
  font-size: 0.2rem;
  text-align: center;
}
.main .lineup .prepend p::before, .main .lineup .prepend p::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.main .lineup .prepend p::before {
  margin-bottom: -0.3em;
}
.main .lineup .prepend p::after {
  margin-top: -0.3em;
}
@media screen and (max-width: 750px) {
  .main .lineup .prepend p {
    line-height: 1.5384615385;
    padding: 0.45rem 0 0;
    font-size: 0.26rem;
  }
  .main .lineup .prepend p::before, .main .lineup .prepend p::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main .lineup .prepend p::before {
    margin-bottom: -0.2692307692em;
  }
  .main .lineup .prepend p::after {
    margin-top: -0.2692307692em;
  }
}
.main .lineup .item {
  margin: 0.1rem 0 0;
}
@media screen and (max-width: 750px) {
  .main .lineup .item {
    margin: 0.2rem 0 0;
  }
}
.main .lineup .item .summary {
  background: #feeddb;
}
.main .lineup .item .summary .wrap {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: 7.35rem 1fr;
  box-sizing: border-box;
}
@media screen and (max-width: 750px) {
  .main .lineup .item .summary .wrap {
    display: block;
    padding: 0.8rem 1rem;
  }
}
.main .lineup .item .summary .text {
  grid-row: 1/2;
  grid-column: 1/2;
  padding: 0.46rem 0 0;
}
@media screen and (max-width: 750px) {
  .main .lineup .item .summary .text {
    padding: 0;
  }
}
.main .lineup .item .summary .text .category {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 0.1rem;
  background: #6ecdec;
  color: #fff;
  font-size: 0.28rem;
  font-weight: 700;
  line-height: 0.4rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item .summary .text .category {
    padding: 0 0.18rem;
    font-size: 0.36rem;
    line-height: 0.6rem;
  }
}
.main .lineup .item .summary .text .catch {
  line-height: 1.4583333333;
  padding: 0.3rem 0 0;
  font-size: 0.24rem;
  font-weight: 500;
}
.main .lineup .item .summary .text .catch::before, .main .lineup .item .summary .text .catch::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.main .lineup .item .summary .text .catch::before {
  margin-bottom: -0.2291666667em;
}
.main .lineup .item .summary .text .catch::after {
  margin-top: -0.2291666667em;
}
@media screen and (max-width: 750px) {
  .main .lineup .item .summary .text .catch {
    line-height: 1.4285714286;
    font-size: 0.28rem;
  }
  .main .lineup .item .summary .text .catch::before, .main .lineup .item .summary .text .catch::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main .lineup .item .summary .text .catch::before {
    margin-bottom: -0.2142857143em;
  }
  .main .lineup .item .summary .text .catch::after {
    margin-top: -0.2142857143em;
  }
}
.main .lineup .item .summary .text .name {
  padding: 0.3rem 0 0;
  font-size: 0.34rem;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main .lineup .item .summary .text .name {
    font-size: 0.43rem;
  }
}
.main .lineup .item .summary .text .tag {
  display: flex;
  gap: 0 0.08rem;
  margin: 0.3rem 0 0;
}
@media screen and (max-width: 750px) {
  .main .lineup .item .summary .text .tag {
    gap: 0.16rem 0.14rem;
    flex-wrap: wrap;
  }
}
.main .lineup .item .summary .text .tag li {
  padding: 0 0.1rem;
  background: #fff;
  border-radius: 0.14rem;
  color: #f9b972;
  font-size: 0.13rem;
  line-height: 0.28rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item .summary .text .tag li {
    padding: 0 0.18rem;
    border-radius: 0.25rem;
    font-size: 0.24rem;
    line-height: 0.5rem;
  }
}
.main .lineup .item .summary .text p {
  width: 5.9rem;
  padding: 0.2rem 0 0;
}
@media screen and (max-width: 750px) {
  .main .lineup .item .summary .text p {
    line-height: 1.3461538462;
    width: auto;
    padding: 0.3rem 0 0;
  }
  .main .lineup .item .summary .text p::before, .main .lineup .item .summary .text p::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main .lineup .item .summary .text p::before {
    margin-bottom: -0.1730769231em;
  }
  .main .lineup .item .summary .text p::after {
    margin-top: -0.1730769231em;
  }
}
.main .lineup .item .summary .text p + p {
  padding: 0.4rem 0 0;
}
.main .lineup .item .summary .image {
  grid-row: 1/3;
  grid-column: 2/3;
}
.main .lineup .item .summary .nav {
  grid-row: 2/3;
  grid-column: 1/2;
  align-self: flex-end;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  width: 5.9rem;
  padding: 0 0 0.5rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item .summary .nav {
    display: block;
    width: auto;
    margin: 0.3rem 0 0;
    padding: 0;
  }
}
.main .lineup .item .summary .nav .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.88rem;
  height: 0.6rem;
  font-size: 0.16rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item .summary .nav .btn {
    width: auto;
    height: 1.1rem;
    font-size: 0.28rem;
  }
}
.main .lineup .item .summary .nav .btn--cv {
  background: #6ecdec;
  color: #fff;
}
.main .lineup .item .summary .nav .btn--detail {
  box-shadow: inset 0 0 0 1px #000;
  position: relative;
}
@media screen and (max-width: 750px) {
  .main .lineup .item .summary .nav .btn--detail {
    margin: 0.12rem 0 0;
    width: 100%;
  }
}
.main .lineup .item .summary .nav .btn--detail::before {
  content: "";
  display: block;
  width: 0.13rem;
  height: 0.08rem;
  position: absolute;
  top: calc(50% - 0.04rem);
  right: 0.19rem;
  background: url(../imgs/arw01.svg) 50% 50%/contain no-repeat;
  transition: transform 0.4s;
}
@media screen and (max-width: 750px) {
  .main .lineup .item .summary .nav .btn--detail::before {
    width: 0.24rem;
    height: 0.16rem;
    top: calc(50% - 0.08rem);
    right: 0.37rem;
  }
}
.main .lineup .item .summary .nav .btn--detail.active::after {
  content: "を閉じる";
}
.main .lineup .item .summary .nav .btn--detail.active::before {
  transform: scale(1, -1);
}
.main .lineup .item .detail {
  display: none;
}
.main .lineup .item .detail .about {
  display: flex;
  padding: 0.8rem 0 0.6rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item .detail .about {
    display: block;
  }
}
.main .lineup .item .detail .about .text .catch {
  line-height: 1.5833333333;
  font-size: 0.24rem;
  font-weight: 700;
}
.main .lineup .item .detail .about .text .catch::before, .main .lineup .item .detail .about .text .catch::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.main .lineup .item .detail .about .text .catch::before {
  margin-bottom: -0.2916666667em;
}
.main .lineup .item .detail .about .text .catch::after {
  margin-top: -0.2916666667em;
}
@media screen and (max-width: 750px) {
  .main .lineup .item .detail .about .text .catch {
    line-height: 1.5625;
    font-size: 0.32rem;
  }
  .main .lineup .item .detail .about .text .catch::before, .main .lineup .item .detail .about .text .catch::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main .lineup .item .detail .about .text .catch::before {
    margin-bottom: -0.28125em;
  }
  .main .lineup .item .detail .about .text .catch::after {
    margin-top: -0.28125em;
  }
}
.main .lineup .item .detail .about .text .catch strong {
  font-weight: inherit;
  background: linear-gradient(0deg, transparent, transparent 0.04rem, #f9b972 0.04rem, #f9b972 0.12rem, transparent 0.12rem, transparent);
}
@media screen and (max-width: 750px) {
  .main .lineup .item .detail .about .text .catch strong {
    background: linear-gradient(0deg, transparent, transparent 0.08rem, #f9b972 0.08rem, #f9b972 0.24rem, transparent 0.24rem, transparent);
  }
}
.main .lineup .item .detail .about .text p {
  padding: 0.2rem 0 0;
}
@media screen and (max-width: 750px) {
  .main .lineup .item .detail .about .text p {
    padding: 0.5rem 0 0;
  }
}
.main .lineup .item .detail .recommend {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  border-top: 1px solid #bfbfbf;
  padding: 0.6rem 0;
}

.main .lineup .item.item--02 .detail .recommend {
  align-items: center;
}



@media screen and (max-width: 750px) {
  .main .lineup .item .detail .recommend {
    display: block;
  }
}
.main .lineup .item .detail .recommend .text .label {
  font-size: 0.24rem;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main .lineup .item .detail .recommend .text .label {
    font-size: 0.32rem;
  }
}
.main .lineup .item .detail .recommend .text .list {
  margin: 0.28rem 0 0;
}
@media screen and (max-width: 750px) {
  .main .lineup .item .detail .recommend .text .list {
    margin: 0.6rem 0 0;
  }
}
.main .lineup .item .detail .recommend .text .list li {
  margin: 0.16rem 0 0;
}
@media screen and (max-width: 750px) {
  .main .lineup .item .detail .recommend .text .list li {
    margin: 0.3rem 0 0;
  }
}
.main .lineup .item .detail .recommend .text .list .primary {
  line-height: 2;
  padding: 0 0 0 0.34rem;
  background: url(../imgs/blt01.png) 0 0.1rem/0.23rem auto no-repeat;
  font-size: 0.18rem;
  font-weight: 700;
}
.main .lineup .item .detail .recommend .text .list .primary::before, .main .lineup .item .detail .recommend .text .list .primary::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.main .lineup .item .detail .recommend .text .list .primary::before {
  margin-bottom: -0.5em;
}
.main .lineup .item .detail .recommend .text .list .primary::after {
  margin-top: -0.5em;
}
@media screen and (max-width: 750px) {
  .main .lineup .item .detail .recommend .text .list .primary {
    padding: 0 0 0 0.54rem;
    background-position: 0 0.2rem;
    background-size: 0.34rem auto;
    font-size: 0.28rem;
  }
}
.main .lineup .item .detail .recommend .text .list .note {
  line-height: 1.8571428571;
  padding: 0.16rem 0 0;
  font-size: 0.15rem;
}
.main .lineup .item .detail .recommend .text .list .note::before, .main .lineup .item .detail .recommend .text .list .note::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.main .lineup .item .detail .recommend .text .list .note::before {
  margin-bottom: -0.4285714286em;
}
.main .lineup .item .detail .recommend .text .list .note::after {
  margin-top: -0.4285714286em;
}
@media screen and (max-width: 750px) {
  .main .lineup .item .detail .recommend .text .list .note {
    line-height: 1.5384615385;
    padding: 0.36rem 0 0;
    font-size: 0.26rem;
  }
  .main .lineup .item .detail .recommend .text .list .note::before, .main .lineup .item .detail .recommend .text .list .note::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main .lineup .item .detail .recommend .text .list .note::before {
    margin-bottom: -0.2692307692em;
  }
  .main .lineup .item .detail .recommend .text .list .note::after {
    margin-top: -0.2692307692em;
  }
}
.main .lineup .item .detail .data {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  border-top: 1px solid #bfbfbf;
  padding: 0.5rem 0 0.4rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item .detail .data {
    display: block;
    padding: 0.6em 0 0.4rem;
  }
}
@media screen and (max-width: 750px) {
  .main .lineup .item .detail .data .table {
    width: calc(100% + 0.5rem);
    margin: 0 -0.5rem 0 0;
    overflow-x: scroll;
  }
}
.main .lineup .item .detail .data .table table {
  width: 9.75rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item .detail .data .table table {
    width: 12.792rem;
  }
}
.main .lineup .item .detail .data .table table th,
.main .lineup .item .detail .data .table table td {
  box-sizing: border-box;
  height: calc(0.4rem - 1px);
  border-right: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
  font-size: 0.15rem;
  vertical-align: middle;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .main .lineup .item .detail .data .table table th,
.main .lineup .item .detail .data .table table td {
    height: calc((0.4rem - 1px) * 1.3);
    font-size: 0.195rem;
  }
}
.main .lineup .item .detail .data .table table th {
  width: 1.11rem;
  border-left: 1px solid #bfbfbf;
  background: #d5d5d5;
}
@media screen and (max-width: 750px) {
  .main .lineup .item .detail .data .table table th {
    width: 1.56rem;
  }
}
.main .lineup .item .detail .data .table table td {
  width: 2.16rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item .detail .data .table table td {
    width: 2.808rem;
  }
}
.main .lineup .item .detail .data .table table td img {
  margin: 0 -1px 0 0;
  -webkit-clip-path: polygon(0 0, calc(100% - 1px) 0, calc(100% - 1px) 100%, 0 100%);
          clip-path: polygon(0 0, calc(100% - 1px) 0, calc(100% - 1px) 100%, 0 100%);
}
@media screen and (max-width: 750px) {
  .main .lineup .item .detail .data .table table td img {
    width: 100%;
    margin: 0;
    -webkit-clip-path: none;
            clip-path: none;
  }
}
.main .lineup .item .detail .data .table table .image th,
.main .lineup .item .detail .data .table table .image td {
  height: auto;
  border-right-color: transparent;
}
.main .lineup .item .detail .data .table table .image th {
  border-left-color: transparent;
  background: transparent;
}
.main .lineup .item .detail .data .table table .size th,
.main .lineup .item .detail .data .table table .size td {
  text-indent: 0;
  background: #e4e3e3;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .main .lineup .item .detail .data .table table .package td img {
    width: calc(100% - 2px);
    margin: 1px;
  }
}
.main .lineup .item .detail .data .product {
  width: 2rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item .detail .data .product {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: auto 1fr;
    gap: 0 0.6rem;
    width: auto;
    margin: 0.7rem 0 0;
  }
  .main .lineup .item .detail .data .product img {
    grid-row: 1/2;
    grid-column: 1/2;
  }
}
.main .lineup .item .detail .data .product figcaption {
  padding: 0.12rem 0 0;
}
@media screen and (max-width: 750px) {
  .main .lineup .item .detail .data .product figcaption {
    grid-row: 1/2;
    grid-column: 2/3;
    align-self: flex-end;
    padding: 0;
  }
}
.main .lineup .item .detail .data .product figcaption .name {
  line-height: 1.6153846154;
  font-size: 0.13rem;
  font-weight: 700;
}
.main .lineup .item .detail .data .product figcaption .name::before, .main .lineup .item .detail .data .product figcaption .name::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.main .lineup .item .detail .data .product figcaption .name::before {
  margin-bottom: -0.3076923077em;
}
.main .lineup .item .detail .data .product figcaption .name::after {
  margin-top: -0.3076923077em;
}
@media screen and (max-width: 750px) {
  .main .lineup .item .detail .data .product figcaption .name {
    line-height: 1.4285714286;
    font-size: 0.28rem;
  }
  .main .lineup .item .detail .data .product figcaption .name::before, .main .lineup .item .detail .data .product figcaption .name::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main .lineup .item .detail .data .product figcaption .name::before {
    margin-bottom: -0.2142857143em;
  }
  .main .lineup .item .detail .data .product figcaption .name::after {
    margin-top: -0.2142857143em;
  }
}
.main .lineup .item .detail .data .product figcaption .note {
  line-height: 1.5833333333;
  padding: 0.08rem 0 0;
  font-size: 0.12rem;
}
.main .lineup .item .detail .data .product figcaption .note::before, .main .lineup .item .detail .data .product figcaption .note::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.main .lineup .item .detail .data .product figcaption .note::before {
  margin-bottom: -0.2916666667em;
}
.main .lineup .item .detail .data .product figcaption .note::after {
  margin-top: -0.2916666667em;
}
@media screen and (max-width: 750px) {
  .main .lineup .item .detail .data .product figcaption .note {
    line-height: 1.25;
    padding: 0.14rem 0 0;
    font-size: 0.24rem;
  }
  .main .lineup .item .detail .data .product figcaption .note::before, .main .lineup .item .detail .data .product figcaption .note::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main .lineup .item .detail .data .product figcaption .note::before {
    margin-bottom: -0.125em;
  }
  .main .lineup .item .detail .data .product figcaption .note::after {
    margin-top: -0.125em;
  }
}
.main .lineup .item .detail .data .product figcaption .note + .name {
  padding: 0.22rem 0 0;
}
@media screen and (max-width: 750px) {
  .main .lineup .item .detail .data .product figcaption .note + .name {
    padding: 0.5em 0 0;
  }
}
.main .lineup .item--01 {
  margin: 0.8rem 0 0;
}
@media screen and (min-width: 751px) {
  .main .lineup .item--01 .summary .wrap {
    height: 5.6rem;
  }
}
@media screen and (min-width: 751px) {
  .main .lineup .item--01 .summary .text {
    padding: 0.5rem 0 0;
  }
}
@media screen and (min-width: 751px) {
  .main .lineup .item--01 .summary .text .catch {
    padding: 0.18rem 0 0;
  }
}
@media screen and (min-width: 751px) {
  .main .lineup .item--01 .summary .text .name {
    padding: 0.26rem 0 0;
  }
}
.main .lineup .item--01 .summary .image img {
  width: 5.98rem;
  max-width: none;
  margin: 0.17rem -0.78rem 0 -0.46rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--01 .summary .image img {
    margin: 0.3rem -0.32rem 0 -0.16rem;
  }
}
.main .lineup .item--01 .summary .nav {
  padding: 0 0 0.35rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--01 .summary .nav {
    padding: 0;
  }
}
.main .lineup .item--01 .detail .about {
  align-items: flex-start;
}
.main .lineup .item--01 .detail .about .text {
  width: 7.35rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--01 .detail .about .text {
    width: auto;
  }
}
.main .lineup .item--01 .detail .about .image {
  width: 3.4rem;
  position: relative;
  margin: -0.08rem 0 0 0.45rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--01 .detail .about .image {
    width: 5.1rem;
    margin: 0.66rem 0 0 0.7rem;
  }
}
.main .lineup .item--01 .detail .about .image figcaption {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  top: 2.02rem;
  right: 0;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--01 .detail .about .image figcaption {
    top: 2.98rem;
    right: auto;
    left: 2.54rem;
  }
}
.main .lineup .item--01 .detail .about .image figcaption .name {
  font-size: 0.18rem;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--01 .detail .about .image figcaption .name {
    font-size: 0.27rem;
  }
}
.main .lineup .item--01 .detail .about .image figcaption .note {
  line-height: 2;
  padding: 0.18rem 0 0;
  font-size: 0.15rem;
  text-align: center;
}
.main .lineup .item--01 .detail .about .image figcaption .note::before, .main .lineup .item--01 .detail .about .image figcaption .note::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.main .lineup .item--01 .detail .about .image figcaption .note::before {
  margin-bottom: -0.5em;
}
.main .lineup .item--01 .detail .about .image figcaption .note::after {
  margin-top: -0.5em;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--01 .detail .about .image figcaption .note {
    line-height: 1.8095238095;
    padding: 0.26rem 0 0;
    font-size: 0.21rem;
  }
  .main .lineup .item--01 .detail .about .image figcaption .note::before, .main .lineup .item--01 .detail .about .image figcaption .note::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main .lineup .item--01 .detail .about .image figcaption .note::before {
    margin-bottom: -0.4047619048em;
  }
  .main .lineup .item--01 .detail .about .image figcaption .note::after {
    margin-top: -0.4047619048em;
  }
}
.main .lineup .item--01 .detail .recommend .text {
  width: 6.2rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--01 .detail .recommend .text {
    width: auto;
  }
}
.main .lineup .item--01 .detail .recommend .image {
  width: 5.17rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--01 .detail .recommend .image {
    width: auto;
    margin: 0.6rem 0 0;
  }
}
.main .lineup .item--01 .detail .data .table table {
  width: 9.75rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--01 .detail .data .table table {
    width: 12.792rem;
  }
}
.main .lineup .item--01 .detail .data .table table td {
  width: 1.08rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--01 .detail .data .table table td {
    width: 1.404rem;
  }
}
.main .lineup .item--01 .detail .data .product img {
  width: 1.77rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--01 .detail .data .product img {
    width: 2.13rem;
  }
}
.main .lineup .item--01 .detail .data .product figcaption {
  padding: 0 0 0.4rem;
}
@media screen and (min-width: 751px) {
  .main .lineup .item--02 .summary .wrap {
    height: 5.6rem;
  }
}
.main .lineup .item--02 .summary .image {
  padding: 0.25rem 0 0 0.05rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--02 .summary .image {
    padding: 0.4rem 0 0 0.12rem;
  }
}
.main .lineup .item--02 .summary .image img {
  width: 4.55rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--02 .summary .image img {
    width: 5.31rem;
  }
}
.main .lineup .item--02 .summary .nav {
  padding: 0 0 0.6rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--02 .summary .nav {
    padding: 0;
  }
}
.main .lineup .item--02 .detail .about {
  align-items: flex-start;
}
.main .lineup .item--02 .detail .about .text {
  width: 6rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--02 .detail .about .text {
    width: auto;
  }
}
.main .lineup .item--02 .detail .about .image figcaption .name {
  font-size: 0.18rem;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--02 .detail .about .image figcaption .name {
    font-size: 0.27rem;
  }
}
.main .lineup .item--02 .detail .about .image--01 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--02 .detail .about .image--01 {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 1.86rem 1fr;
    gap: 0 0.3rem;
    margin: 0.3rem 0 0;
  }
}
.main .lineup .item--02 .detail .about .image--01 img {
  width: 1.22rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--02 .detail .about .image--01 img {
    grid-row: 1/2;
    grid-column: 1/2;
    width: 1.86rem;
  }
}
@media screen and (max-width: 750px) {
  .main .lineup .item--02 .detail .about .image--01 figcaption {
    grid-row: 1/2;
    grid-column: 2/3;
    align-self: center;
  }
}
.main .lineup .item--02 .detail .about .image--01 .name {
  padding: 0.12rem 0 0;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--02 .detail .about .image--01 .name {
    padding: 0;
  }
}
.main .lineup .item--02 .detail .about .image--02 {
  width: 4.03rem;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--02 .detail .about .image--02 {
    width: auto;
    margin: 0.3rem 0 0;
  }
}
.main .lineup .item--02 .detail .about .image--02 .name {
  padding: 0.2rem 0 0;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--02 .detail .about .image--02 .name {
    padding: 0.3rem 0 0;
  }
}
.main .lineup .item--02 .detail .about .image--02 .note {
  line-height: 1.4285714286;
  padding: 0.12rem 0 0;
  font-size: 0.15rem;
}
.main .lineup .item--02 .detail .about .image--02 .note::before, .main .lineup .item--02 .detail .about .image--02 .note::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.main .lineup .item--02 .detail .about .image--02 .note::before {
  margin-bottom: -0.2142857143em;
}
.main .lineup .item--02 .detail .about .image--02 .note::after {
  margin-top: -0.2142857143em;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--02 .detail .about .image--02 .note {
    line-height: 1.4285714286;
    padding: 0.2rem 0 0;
    font-size: 0.21rem;
  }
  .main .lineup .item--02 .detail .about .image--02 .note::before, .main .lineup .item--02 .detail .about .image--02 .note::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main .lineup .item--02 .detail .about .image--02 .note::before {
    margin-bottom: -0.2142857143em;
  }
  .main .lineup .item--02 .detail .about .image--02 .note::after {
    margin-top: -0.2142857143em;
  }
}
.main .lineup .item--02 .detail .recommend .text {
  width: 6.2rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--02 .detail .recommend .text {
    width: auto;
  }
}
.main .lineup .item--02 .detail .recommend .image {
  width: 5.01rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--02 .detail .recommend .image {
    width: auto;
    margin: 0.35rem 0 0;
  }
}
.main .lineup .item--02 .detail .data .product img {
  width: 1.77rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--02 .detail .data .product img {
    width: 2.13rem;
  }
}
@media screen and (max-width: 750px) {
  .main .lineup .item--02 .detail .data .product figcaption {
    margin: 0 0 0 -1.36rem;
  }
}
@media screen and (min-width: 751px) {
  .main .lineup .item--03 .summary .wrap {
    height: 5.6rem;
  }
}
.main .lineup .item--03 .summary .image {
  padding: 0.4rem 0 0 0.05rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--03 .summary .image {
    width: 5.06rem;
    margin: 0.4rem auto 0;
    padding: 0;
  }
}
.main .lineup .item--03 .summary .image img {
  width: 4.55rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--03 .summary .image img {
    width: auto;
  }
}
.main .lineup .item--03 .summary .nav {
  padding: 0 0 0.65rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--03 .summary .nav {
    padding: 0;
  }
}
.main .lineup .item--03 .detail .about {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--03 .detail .about {
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
  }
}
.main .lineup .item--03 .detail .about .text {
  width: 6rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--03 .detail .about .text {
    width: 100%;
  }
}
.main .lineup .item--03 .detail .about .image figcaption .name {
  font-size: 0.18rem;
  font-weight: 500;
  line-height: 1;
}
.main .lineup .item--03 .detail .about .image--01 {
  text-align: center;
}
@media screen and (min-width: 751px) {
  .main .lineup .item--03 .detail .about .image--01 {
    width: 1.46rem;
    margin: 0 0 0 auto;
    padding: 0.4rem 0 0;
  }
}
@media screen and (max-width: 750px) {
  .main .lineup .item--03 .detail .about .image--01 {
    width: 1.86rem;
    margin: 0.3rem 0 0;
  }
}
.main .lineup .item--03 .detail .about .image--01 .name {
  padding: 0.16rem 0 0;
}
.main .lineup .item--03 .detail .about .image--02 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
}
@media screen and (min-width: 751px) {
  .main .lineup .item--03 .detail .about .image--02 {
    margin: 0 0 0 0.36rem;
    padding: 0.34rem 0 0;
  }
}
@media screen and (max-width: 750px) {
  .main .lineup .item--03 .detail .about .image--02 {
    margin: 0.3rem 0 0;
  }
}
.main .lineup .item--03 .detail .about .image--02 img {
  width: 0.86rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--03 .detail .about .image--02 img {
    width: 1.04rem;
  }
}
.main .lineup .item--03 .detail .about .image--02 .name {
  padding: 0.04rem 0 0;
}
.main .lineup .item--03 .detail .about .image--03 {
  width: 2.18rem;
  margin: 0 0 0 0.3rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--03 .detail .about .image--03 {
    width: 2.64rem;
    margin: 0;
  }
}
.main .lineup .item--03 .detail .recommend .text {
  width: 6.2rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--03 .detail .recommend .text {
    width: auto;
	margin-bottom: 0.5rem;
  }
}
.main .lineup .item--03 .detail .recommend .image {
  width: 5.2rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--03 .detail .recommend .image {
    width: 6.55rem;
    margin: 0.4rem 0 0;
  }
}
.main .lineup .item--03 .detail .data .product img {
  width: 1.8rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--03 .detail .data .product img {
    width: 2.19rem;
  }
}
@media screen and (min-width: 751px) {
  .main .lineup .item--04 .summary .wrap {
    height: 5.88rem;
  }
}
.main .lineup .item--04 .summary .image {
  /*margin: 0 0 0 -0.28rem;*/
  padding: 0.4rem 0 0;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--04 .summary .image {
    width: 5.33rem;
    margin: 0.2rem 0 0;
    padding: 0;
  }
}
.main .lineup .item--04 .summary .image img {
  width: 4.55rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--04 .summary .image img {
    width: auto;
  }
}
.main .lineup .item--04 .summary .nav {
  padding: 0 0 0.6rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--04 .summary .nav {
    padding: 0;
  }
}
.main .lineup .item--04 .detail .about {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--04 .detail .about {
    display: block;
  }
}
.main .lineup .item--04 .detail .about .text {
  width: 6.3rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--04 .detail .about .text {
    width: auto;
  }
}
.main .lineup .item--04 .detail .about .text .catch {
  white-space: nowrap;
}
.main .lineup .item--04 .detail .about .text p + p {
  padding: 0.38rem 0 0;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--04 .detail .about .text p + p {
    padding: 0.5rem 0 0;
  }
}
.main .lineup .item--04 .detail .about .image figcaption .name {
  line-height: 1.2222222222;
  font-size: 0.18rem;
  font-weight: 500;
}
.main .lineup .item--04 .detail .about .image figcaption .name::before, .main .lineup .item--04 .detail .about .image figcaption .name::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.main .lineup .item--04 .detail .about .image figcaption .name::before {
  margin-bottom: -0.1111111111em;
}
.main .lineup .item--04 .detail .about .image figcaption .name::after {
  margin-top: -0.1111111111em;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--04 .detail .about .image figcaption .name {
    line-height: 1.5416666667;
    font-size: 0.24rem;
  }
  .main .lineup .item--04 .detail .about .image figcaption .name::before, .main .lineup .item--04 .detail .about .image figcaption .name::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main .lineup .item--04 .detail .about .image figcaption .name::before {
    margin-bottom: -0.2708333333em;
  }
  .main .lineup .item--04 .detail .about .image figcaption .name::after {
    margin-top: -0.2708333333em;
  }
}
.main .lineup .item--04 .detail .about .image--01 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 0 0 auto;
  padding: 0.4rem 0 0;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--04 .detail .about .image--01 {
    display: flex;
    gap: 0 0.4rem;
    margin: 0.7rem 0 0;
    padding: 0 0 0 0.24rem;
  }
}
@media screen and (max-width: 750px) {
  .main .lineup .item--04 .detail .about .image--01 figure:first-child {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.main .lineup .item--04 .detail .about .image--01 figure:first-child img {
  width: 1.09rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--04 .detail .about .image--01 figure:first-child img {
    width: 1.6rem;
  }
}
.main .lineup .item--04 .detail .about .image--01 figure:last-child {
  margin: 0.3rem 0 0;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--04 .detail .about .image--01 figure:last-child {
    margin: 0;
  }
}
.main .lineup .item--04 .detail .about .image--01 figure:last-child img {
  width: 1.02rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--04 .detail .about .image--01 figure:last-child img {
    width: 1.53rem;
  }
}
.main .lineup .item--04 .detail .about .image--01 .name {
  padding: 0.2rem 0 0;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--04 .detail .about .image--01 .name {
    padding: 0.3rem 0 0;
  }
}
.main .lineup .item--04 .detail .about .image--02 {
  width: 4.03rem;
  margin: 0 0 0 0.15rem;
  padding: 0.34rem 0 0;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--04 .detail .about .image--02 {
    width: auto;
    margin: 0.3rem 0 0;
    padding: 0;
  }
}
.main .lineup .item--04 .detail .about .image--02 .name {
  padding: 0.2rem 0 0;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--04 .detail .about .image--02 .name {
    padding: 0.24rem 0 0;
  }
}
.main .lineup .item--04 .detail .about .image--02 .note {
  line-height: 1.4285714286;
  padding: 0.12rem 0 0;
}
.main .lineup .item--04 .detail .about .image--02 .note::before, .main .lineup .item--04 .detail .about .image--02 .note::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.main .lineup .item--04 .detail .about .image--02 .note::before {
  margin-bottom: -0.2142857143em;
}
.main .lineup .item--04 .detail .about .image--02 .note::after {
  margin-top: -0.2142857143em;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--04 .detail .about .image--02 .note {
    line-height: 1.4285714286;
    padding: 0.2rem 0 0;
    font-size: 0.21rem;
  }
  .main .lineup .item--04 .detail .about .image--02 .note::before, .main .lineup .item--04 .detail .about .image--02 .note::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main .lineup .item--04 .detail .about .image--02 .note::before {
    margin-bottom: -0.2142857143em;
  }
  .main .lineup .item--04 .detail .about .image--02 .note::after {
    margin-top: -0.2142857143em;
  }
}
.main .lineup .item--04 .detail .recommend .text {
  width: 5.8rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--04 .detail .recommend .text {
    width: auto;
  }
}
.main .lineup .item--04 .detail .recommend .image {
  width: 5.54rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--04 .detail .recommend .image {
    width: 6.52rem;
    margin: 0.35rem -0.02rem 0 0;
  }
}
.main .lineup .item--04 .detail .recommend .image figcaption {
  padding: 0.18rem 0 0;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--04 .detail .recommend .image figcaption {
    padding: 0.2rem 0 0;
    font-size: 0.24rem;
  }
}
.main .lineup .item--04 .detail .data .product img {
  width: 1.86rem;
}
@media screen and (max-width: 750px) {
  .main .lineup .item--04 .detail .data .product img {
    width: 2.27rem;
  }
}
.main .support {
  padding: 1.1rem 0 1.2rem;
}
@media screen and (max-width: 750px) {
  .main .support {
    padding: 1.3rem 0 1.4rem;
  }
}
.main .support .wrap {
  display: flex;
  gap: 1.3rem 0.8rem;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (max-width: 750px) {
  .main .support .wrap {
    display: block;
  }
}
.main .support .sub--01, .main .support .sub--02 {
  width: 4.5rem;
}
@media screen and (max-width: 750px) {
  .main .support .sub--01, .main .support .sub--02 {
    display: flex;
    flex-direction: column;
    width: 6.45rem;
  }
}
.main .support .sub--01 .ttl, .main .support .sub--02 .ttl {
  line-height: 1.8333333333;
  font-size: 0.24rem;
  font-weight: 500;
  text-align: center;
}
.main .support .sub--01 .ttl::before, .main .support .sub--01 .ttl::after, .main .support .sub--02 .ttl::before, .main .support .sub--02 .ttl::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.main .support .sub--01 .ttl::before, .main .support .sub--02 .ttl::before {
  margin-bottom: -0.4166666667em;
}
.main .support .sub--01 .ttl::after, .main .support .sub--02 .ttl::after {
  margin-top: -0.4166666667em;
}
@media screen and (max-width: 750px) {
  .main .support .sub--01 .ttl, .main .support .sub--02 .ttl {
    line-height: 1.5625;
    padding: 0.4rem 0 0;
    font-size: 0.32rem;
  }
  .main .support .sub--01 .ttl::before, .main .support .sub--01 .ttl::after, .main .support .sub--02 .ttl::before, .main .support .sub--02 .ttl::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main .support .sub--01 .ttl::before, .main .support .sub--02 .ttl::before {
    margin-bottom: -0.28125em;
  }
  .main .support .sub--01 .ttl::after, .main .support .sub--02 .ttl::after {
    margin-top: -0.28125em;
  }
}
.main .support .sub--01 .note, .main .support .sub--02 .note {
  padding: 0.24rem 0 0;
  font-size: 0.12rem;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .main .support .sub--01 .note, .main .support .sub--02 .note {
    padding: 0.3rem 0 0;
    font-size: 0.22rem;
  }
}
@media screen and (max-width: 750px) {
  .main .support .sub--01 .image, .main .support .sub--02 .image {
    order: 1;
  }
}
@media screen and (max-width: 750px) {
  .main .support .sub--01 {
    margin: 0 auto;
  }
  .main .support .sub--01 .ttl {
    order: 2;
  }
  .main .support .sub--01 .note {
    order: 3;
  }
}
.main .support .sub--01 .image {
  margin: 0.2rem 0 0;
}
@media screen and (max-width: 750px) {
  .main .support .sub--01 .image {
    margin: 0;
  }
}
.main .support .sub--01 p {
  padding: 0.35rem 0.25rem 0;
}
@media screen and (max-width: 750px) {
  .main .support .sub--01 p {
    padding: 0.6rem 0.5rem 0;
    order: 4;
  }
}
@media screen and (max-width: 750px) {
  .main .support .sub--02 {
    margin: 1.4rem auto 0;
  }
  .main .support .sub--02 .ttl {
    order: 2;
  }
}
.main .support .sub--02 .image {
  margin: 0.56rem 0 0;
}
@media screen and (max-width: 750px) {
  .main .support .sub--02 .image {
    margin: 0;
  }
}
.main .support .sub--02 p {
  padding: 0.5rem 0 0;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .main .support .sub--02 p {
    padding: 0.6rem 0.5rem 0;
    order: 3;
    text-align: left;
  }
}
.main .support .sub--03 {
  width: 8rem;
}
@media screen and (max-width: 750px) {
  .main .support .sub--03 {
    width: auto;
    margin: 1.4rem 0 0;
  }
}
.main .support .sub--03 .ttl {
  font-size: 0.32rem;
  font-weight: 500;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .main .support .sub--03 .ttl {
    font-size: 0.46rem;
  }
}
.main .support .sub--03 .video {
  margin: 0.5rem 0 0;
}
@media screen and (max-width: 750px) {
  .main .support .sub--03 .video {
    margin: 0.7rem -0.5rem 0;
  }
}
.main .support .sub--03 .video iframe {
  width: 100%;
  aspect-ratio: 16/9;
}
.main .cv {
  padding: 1.1rem 0 0.7rem;
  background: #feeddb;
}
@media screen and (max-width: 750px) {
  .main .cv {
    padding: 1.45rem 0 1.4rem;
  }
}
.main .cv .wrap {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr 5.68rem;
}
@media screen and (max-width: 750px) {
  .main .cv .wrap {
    display: block;
  }
}
.main .cv .image {
  grid-row: 1/3;
  grid-column: 2/3;
}
@media screen and (max-width: 750px) {
  .main .cv .image {
    width: 6.62rem;
    margin: 0 -0.12rem 0 0;
  }
}
.main .cv .image img {
  width: 5.77rem;
  max-width: none;
  margin: 0 -0.09rem 0 0;
}
@media screen and (max-width: 750px) {
  .main .cv .image img {
    width: auto;
    max-width: 100%;
    margin: 0;
  }
}
.main .cv p {
  line-height: 1.75;
  padding: 0.5rem 0 0 0.6rem;
  font-size: 0.32rem;
  font-weight: 500;
}
.main .cv p::before, .main .cv p::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.main .cv p::before {
  margin-bottom: -0.375em;
}
.main .cv p::after {
  margin-top: -0.375em;
}
@media screen and (max-width: 750px) {
  .main .cv p {
    padding: 0.4rem 0.8rem 0;
  }
}
.main .cv .btn {
  align-self: flex-start;
  display: block;
  width: 4rem;
  margin: 0.78rem 0 0 0.78rem;
  background: #6ecdec;
  color: #fff;
  font-size: 0.2rem;
  line-height: 0.8rem;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .main .cv .btn {
    width: 5.5rem;
    margin: 0.65rem auto 0;
    font-size: 0.28rem;
    line-height: 1.1rem;
  }
}
.main .voice {
  padding: 1.2rem 0 0;
  position: relative;
}
@media screen and (max-width: 750px) {
  .main .voice {
    padding: 1.4rem 0 0;
  }
}
.main .voice .prepend + .item {
  margin-top: 0.9rem;
}
@media screen and (max-width: 750px) {
  .main .voice .prepend + .item {
    margin-top: 0.7rem;
  }
}
.main .voice .item {
  display: flex;
  justify-content: space-between;
  width: 10.1rem;
  margin: 0.6rem 0 0 0.75rem;
}
@media screen and (max-width: 750px) {
  .main .voice .item {
    display: block;
    width: auto;
    margin: 0.8rem 0 0;
  }
}
.main .voice .item .image {
  width: 2.26rem;
}
@media screen and (max-width: 750px) {
  .main .voice .item .image {
    width: 3.47rem;
    margin: 0 auto;
  }
}
.main .voice .item .text {
  width: 7.28rem;
  padding: 0.5rem 0 0;
}
@media screen and (max-width: 750px) {
  .main .voice .item .text {
    width: auto;
  }
}
.main .voice .item .text .catch {
  font-size: 0.24rem;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main .voice .item .text .catch {
    line-height: 1.6666666667;
    font-size: 0.3rem;
    font-weight: 700;
  }
  .main .voice .item .text .catch::before, .main .voice .item .text .catch::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main .voice .item .text .catch::before {
    margin-bottom: -0.3333333333em;
  }
  .main .voice .item .text .catch::after {
    margin-top: -0.3333333333em;
  }
}
.main .voice .item .text p {
  padding: 0.24rem 0 0;
}
@media screen and (max-width: 750px) {
  .main .voice .item .text p {
    padding: 0.5rem 0 0;
  }
}
.main .voice .item .text .name {
  padding: 0.2rem 0 0;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main .voice .item .text .name {
    padding: 0.4rem 0 0;
  }
}
.main .contact {
  display: flex;
  box-sizing: border-box;
  width: 9.84rem;
  margin: 1rem auto 0;
  border: 1px solid #9ed5e1;
}
@media screen and (max-width: 750px) {
  .main .contact {
    display: block;
    width: 5.5rem;
    margin: 1.5rem auto 0;
    border: none;
  }
}
.main .contact .image {
  width: 4.22rem;
}
@media screen and (max-width: 750px) {
  .main .contact .image {
    width: auto;
  }
}
.main .contact .text {
  flex-grow: 1;
  padding: 0.76rem 0 0 1rem;
  background: #6ecdec;
  color: #fff;
  font-size: 0.28rem;
  line-height: 1.4285714286;
  font-weight: 500;
}
@media screen and (max-width: 750px) {
  .main .contact .text {
    padding: 0.58rem 0 0.72rem 0.6rem;
    font-size: 0.4rem;
    line-height: 1.375;
  }
}

.gFooter {
  color: #545454;
  font-weight: 500;
  text-align: center;
}
.gFooter .ci {
  padding: 0.7rem 0 0.6rem;
  background: #f2f2f2;
}
@media screen and (max-width: 750px) {
  .gFooter .ci {
    padding: 1.9rem 0 1.5rem;
  }
}
.gFooter .ci .logo--01 {
  width: 3.02rem;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .gFooter .ci .logo--01 {
    width: 4.21rem;
  }
}
.gFooter .ci .logo--01 img {
  width: 100%;
}
.gFooter .ci .logo--02 {
  width: 2.11rem;
  margin: 0.1rem auto 0;
}
@media screen and (max-width: 750px) {
  .gFooter .ci .logo--02 {
    width: 2.94rem;
    margin: 0.12rem auto 0;
  }
}
.gFooter .ci .name {
  margin: 0.28rem 0 0;
  font-size: 0.16rem;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .gFooter .ci .name {
    margin: 0.38rem 0 0;
    font-size: 0.22rem;
  }
}
.gFooter .ci .sns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 0.3rem;
  margin: 0.36rem 0 0;
}
@media screen and (max-width: 750px) {
  .gFooter .ci .sns {
    gap: 0 0.98rem;
    margin: 0.76rem 0 0;
  }
}
.gFooter .ci .sns .x {
  width: 0.3rem;
}
@media screen and (max-width: 750px) {
  .gFooter .ci .sns .x {
    width: 0.46rem;
  }
}
.gFooter .ci .sns .yt {
  width: 0.46rem;
}
@media screen and (max-width: 750px) {
  .gFooter .ci .sns .yt {
    width: 0.64rem;
  }
}
.gFooter .copyright {
  font-size: 0.12rem;
  line-height: 0.55rem;
}
@media screen and (max-width: 750px) {
  .gFooter .copyright {
    font-size: 0.22rem;
    line-height: 0.8rem;
  }
}

.loading {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background: #fff;
}

.bold {
	font-weight: bold;
}