@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500&family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap');

.pane-contents {padding: 0;}
/* ------------
base
------------ */
.page-metainsole picture {display: block;}
.page-metainsole em {font-style: normal;}
.page-metainsole sup {
  position: relative;
  top: -7px;
}
.page-metainsole [loading="lazy"] {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}
.page-metainsole .visuallyHidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
  clip-path: inset(0px 0px 99.9% 99.9%);
}
.page-metainsole, .c-modalContentsArea {
  font-weight: 500;
  font-family: 'Zen Old Mincho', serif;
  letter-spacing: .1em;
  color: #000;
  overflow: hidden;
}
.page-metainsole .news-txt,
.page-metainsole .news-list-txt,
.page-metainsole .intro-lyt-txt,
.page-metainsole .func-list-txt,
.page-metainsole .point-leadTxt,
.page-metainsole .point1-lyt-txt,
.page-metainsole .point4-comment,
.page-metainsole .reason-txt,
.page-metainsole .obsession-txt,
.page-metainsole .customer-list-ttl,
.page-metainsole .customer-listInfo-item,
.page-metainsole .specification-infoList,
.page-metainsole .specification-lyt-color,
#js-modalContentsArea .modal-nomalTxt,
#js-modalContentsArea .modal-note {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
.page-metainsole h2, .page-metainsole h3, .page-metainsole h4, .c-modalContentsArea h2, .c-modalContentsArea h3 {
  margin: 0;
  padding: 0;
}
.pane-main .page-metainsole a {color: #000;}
@media screen and (max-width: 768px) {
  .pane-footer {margin-top: 0;}
  .page-metainsole .pcOnly {display: none;}
  .page-metainsole, .c-modalContentsArea {
    font-size: calc(13 / 375 * 100vw);
    line-height: 1.8;
  }
  .page-metainsole .metainsole-contentsInner {
    padding: 0 20px;
  }
}
@media screen and (min-width: 769px) {
  .page-metainsole .pcOnly {display: inline-block;}
  .page-metainsole .spOnly {display: none;}
  .page-metainsole, .c-modalContentsArea {
    font-size: 16px;
    line-height: 2;
  }
  .page-metainsole .metainsole-contentsInner {
    margin: 0 auto;
    width: 1200px;
  }
}
@media screen and (min-width: 1600px) {
  .page-metainsole .metainsole-contentsInner {
    width: 1300px;
  }
}

/* ------------
common
------------ */
.page-metainsole .metainsole-hdg {
  font-size: 38px;
  font-weight: bold;
  line-height: 1.57;
  text-align: center;
}
.page-metainsole .metainsole-hdg-inner {
  padding: 0 1em;
  display: inline-block;
  position: relative;
  z-index: 0;
}
.page-metainsole .metainsole-hdg-inner::after {
  position: absolute;
  content: "";
  top: calc(100% - 25px);
  left: 0;
  z-index: -1;
  width: 100%;
  height: 20px;
  background-color: #d0f1ff;
}
@media screen and (max-width: 768px) {
  .page-metainsole .metainsole-hdg {
    font-size: calc(22 / 375 * 100vw);
  }
  .page-metainsole .metainsole-hdg-inner::after {
    top: calc(100% - 10px);
    height: 12px;
  }
}

.page-metainsole .metainsole-linkList {
  margin-top: 20px;
}
.page-metainsole .metainsole-linkList-item + .metainsole-linkList-item {
  margin-top: 20px;
}
.page-metainsole .metainsole-linkList-anc {
  padding-left: 40px;
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  text-decoration: underline;
  position: relative;
}
.page-metainsole .metainsole-linkList-anc:hover {
  opacity: .7;
}
.page-metainsole .metainsole-linkList-anc::before,
.page-metainsole .metainsole-linkList-anc::after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  margin-top: 2px;
}
.page-metainsole .metainsole-linkList-anc::before {
  left: 0;
  z-index: 1;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #009389;
}
.page-metainsole .metainsole-linkList-anc::after {
  left: 10px;
  z-index: 2;
  width: 7px;
  height: 9px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAATCAYAAABPwleqAAAAAXNSR0IArs4c6QAAAO1JREFUOE+NlG0RwjAQRHcVgBPqAFAADgAJKAAnFAUgAQdQJ6DgmGUSJk0u09yfzrR59/FyUwKAmc0B3AAcSb70riUY4DuATQAOJPsm2MzOAE7Z4Z7kYSoBK7A4tb8m+a4liW1vAajVWXZQoBK4Hn5wmLsLCRZOJdfDH06sq4MoL81TeBjBSReexMKDC4cuJj1U4ZBAI+wcBwPJrta2Nu4CQNXzuJLc62UBm5msC9Qzj5H13LYqCVTlND4AVvl9p/dcMzwEsNg0rWfTfN6KCn4AWE7NV4Ml5pl8dOdz4XCfUi9R1fmqcEzQ+hOIib7+nmYUSFk7hwAAAABJRU5ErkJggg==) no-repeat center / contain;
}
.page-metainsole .metainsole-linkList.row {
  display: flex;
}
.page-metainsole .metainsole-linkList.row .metainsole-linkList-item + .metainsole-linkList-item {
  margin: 0 0 0 30px;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .page-metainsole .metainsole-linkList {
    margin-top: 20px;
  }
  .page-metainsole .metainsole-linkList-item + .metainsole-linkList-item {
    margin-top: 10px;
  }
  .page-metainsole .metainsole-linkList-anc {
    padding-left: calc(30 / 375 * 100vw);
    font-size: calc(15 / 375 * 100vw);
  }
  .page-metainsole .metainsole-linkList-anc::before,
  .page-metainsole .metainsole-linkList-anc::after {
    margin-top: calc(2 / 375 * 100vw);
  }
  .page-metainsole .metainsole-linkList-anc::before {
    width: calc(22 / 375 * 100vw);
    height: calc(22 / 375 * 100vw);
  }
  .page-metainsole .metainsole-linkList-anc::after {
    left: calc(8 / 375 * 100vw);
    width: calc(8 / 375 * 100vw);
    height: calc(10 / 375 * 100vw);
  }
  .page-metainsole .metainsole-linkList.row {
    display: block;
  }
  .page-metainsole .metainsole-linkList.row .metainsole-linkList-item + .metainsole-linkList-item {
    margin: 10px 0 0;
    display: block;
  }
}

.metainsole-mv {
  position: relative;
  z-index: 9;
}
@media screen and (min-width: 769px) {
  .metainsole-mv {
    padding: 110px 0;
    text-align: center;
    background: url(../../../img/usr/freepage/metainsole/mv_bg.png) no-repeat center / cover;
  }
}
@media screen and (max-width: 768px) {
  .metainsole-mv img {
    width: 100%;
  }
}

/* ------------
Fix link
------------ */
.page-metainsole .fixed-buy {
  position: fixed;
  left: 20px;
  bottom: 10px;
  z-index: 9;
}
.page-metainsole .fixed-buy-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 345px;
  height: 44px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  border-radius: 100px;
  overflow: hidden;
  position: relative;
  z-index: 0;
  transition: opacity .3s linear;
  opacity: 0;
  pointer-events: none;
}
.page-metainsole .is-active.fixed-buy .fixed-buy-link {
  opacity: 1;
  pointer-events: auto;
}
.pane-main .page-metainsole .fixed-buy-link {color: #fff;}
.page-metainsole .fixed-buy-link::before,
.page-metainsole .fixed-buy-link::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
}
.page-metainsole .fixed-buy-link::before {
  width: 100%;
  z-index: -2;
  background: linear-gradient(-45deg, rgba(11,155,164,1) 0%, rgba(12,119,187,1) 100%);
}
.page-metainsole .fixed-buy-link::after {
  width: 0;
  z-index: -1;
  background-color: #0B9BA4;
  transition: width .3s linear;
}
.page-metainsole .fixed-buy-link:hover {
  text-decoration: none;
}
.page-metainsole .fixed-buy-link:hover::after {
  width: 100%;
}
.page-metainsole .fixed-buy-link span {
  padding: 0 0 3px 30px;
  position: relative;
}
.page-metainsole .fixed-buy-link span::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 24px;
  height: 21px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAAsCAYAAADFP/AjAAAAAXNSR0IArs4c6QAAAwdJREFUaEPtWu11FDEM1FQAVwGkAkgFQAVwFQAVECoAKgAqIFRAqABSAUcFJBUQKhje3LPv+fa8e/7adX5Ev7WyxpLHkrwg+crM3pnZQ0uTCwDrNNU+WiD5JwOQ9/ItgE99XD6+qkBdmdmD46p7GpcAnmZ+s5i6QL0ws/dm9ihj1RsAqwz9nSrJx2Z2r+TbI99cA1CADKnGSXKge+KNpNhwYL4VpHqKea+zAXCaA+qnmT0JVlgDuEhdkaSyQYQ0t6xzQIkY3gQefQAgR5PEseyXJOU6pSxQov7QqSyyIHnfnV2dqVYim0MuWOVESs78CrwpJotWiEiemdnHwN52o5NB6cNasmgFxtshqTP9PLC7vT9zQVWRxQyg/pqZUtDLKYBNLqgqsmgJiqQu/x+BTd1T21IvF1QVWTQGNdzgrwDkXzaoW0MWJEVaIZO+BnCeDeq2kAVJpZkK8VBWAG5KQXUni8hF/hvALmpZZ8pFqjtZkFSavQzCtFfdlIDqThYko1TuQZaA6koWrtoPK5t/AMK7Ko/9gpu8qg2pofZItf8dgHrCnWRHyp2rbmRBcrj2jsqL068nWbhKX+cplINmtTRSXcjCjR7UPXvZo/LaSHUhiwiVfwag9mNPiiLVq7KIjPOeAdAZawZqUbKIULkBiAalJlLDykIgD3athr4H3yrlQ+o+oPKqM+XSb0gWDf1PMjU6Ja6J1JAskjxpqDQ6dywGNXIJN/R50tTkJKsWlGoupeFe7TUzMo2W9fKy7Z1iUgVqZueLzd+BKt66hT+8i9TCG168XFWkXOnix74bMxPVjrJSiZeu3dAamiDJtiqJ7eNac/aLVMxaQ4upyJxcNBWcm8Kq1RheGZNvzkWRihWXgaOjNVkqGK9HUtEfe7ZtW1EceRW8AnCSCyCmH3llCdWibYcUSiM1+dQ51hLkAj0C6mA24e2XglILELbVob9ZL4xTQJeOlA6u8j32/8XoDhZEaiwj5ilo3ZBejaJaEIG7NLNz//KQC2BM351fZYYI49o1omdTV8d/nOZi4435u3cAAAAASUVORK5CYII=) no-repeat center / contain;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .page-metainsole .fixed-buy {
    left: 10px;
    width: calc(100% - 74px);
  }
  .page-metainsole .fixed-buy-link {
    width: 100%;
  }
  .page-metainsole .fixed-buy-link span {
    padding-bottom: 2px;
  }
}

/* ------------
MOVIE
------------ */
.page-metainsole .area-info {
  margin-top: 120px;
  position: relative;
  z-index: 5;
}
.page-metainsole .area-info-movie {
  margin: 0 auto;
  width: 1060px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .page-metainsole .area-info {
    margin-top: 40px;
    padding: 0 20px;
  }
  .page-metainsole .area-info-movie {
    width: 100%;
  }
}

/* ------------
NEWS
------------ */
.page-metainsole .area-info-news {
  margin-top: 100px;
}
.page-metainsole .news-txt {
  margin-top: 50px;
  text-align: center;
}
.page-metainsole .news-list {
  margin: 30px auto 0;
  padding: 0 140px;
  width: 1240px;
  box-sizing: content-box;
  position: relative;
}
@media screen and (min-width: 769px) and (max-width: 1600px) {
  .page-metainsole .news-list {
    padding: 0 calc(140 / 1920 * 100vw);
    width: calc(1240 / 1920 * 100vw);
  }
}
.page-metainsole .news-list-item {
  margin: 0 20px;
  width: 100%;
}
.news-list-itemAnc {
  display: block;
}
.news-list-itemAnc:hover {
  text-decoration: none;
}
.news-list-itemAnc .news-list-img {
  overflow: hidden;
}
.news-list-itemAnc img {
  transition: transform .3s linear;
}
.news-list-itemAnc:hover img {
  transform: scale(1.1);
}
.page-metainsole .news-list-date {
  margin-top: 25px;
}
.page-metainsole .news-list-txt {
  margin-top: 10px;
}
.page-metainsole .news-list-new {
  margin-left: 10px;
  font-size: 17px;
  color: #f00;
}
.page-metainsole .area-info-news .slick-arrow {
  top: 127px;
}
@media screen and (max-width: 768px) {
  .page-metainsole .area-info-news {
    margin-top: 50px;
  }
  .page-metainsole .news-txt {
    margin-top: 25px;
  }
  .page-metainsole .news-listWrap {
    margin: 0 -20px;
  }
  .page-metainsole .news-list {
    margin: 20px 0 0;
    padding: 0;
    width: 100%;
  }
  .page-metainsole .news-list-item {
    margin: 0 10px;
  }
  .page-metainsole .news-list-date {
    margin-top: 10px;
    padding: 0 20px;
  }
  .page-metainsole .news-list-txt {
    margin-top: 5px;
  }
  .page-metainsole .news-list-new {
    font-size: calc(11 / 375 * 100vw);
  }
  .page-metainsole .area-info-news .slick-arrow {
    top: 50%;
  }
  .page-metainsole .area-info-news .slick-arrow.slick-prev {
    left: 4%;
  }
  .page-metainsole .area-info-news .slick-arrow.slick-next {
    right: 4%;
  }
}

/* ------------
100 year
------------ */
.page-metainsole .area-intro {
  margin-top: -230px ;
  padding: 430px 10px 480px;
  background-color: #f5f5f5;
  clip-path: polygon(0 15%, 100% 0%, 100% 100%, 0% 100%);
  position: relative;
  z-index: 4;
}
.page-metainsole .metainsole-hdg-year {
  display: block;
  font-size: 25px;
}
.page-metainsole .intro-lyt {
  margin: 100px auto 0;
  display: flex;
  width: 1710px;
}
.page-metainsole .intro-lyt-desc {
  margin-top: 110px;
  padding: 40px 20px;
  width: 900px;
  min-height: 670px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #fff;
  position: relative;
  z-index: 2;
}
.page-metainsole .intro-lyt-img {
  margin-left: -190px;
  width: 1000px;
  position: relative;
  z-index: 1;
}
.page-metainsole .intro-lyt-ttl,
.page-metainsole .intro-lyt-txt {
  margin-left: auto;
  margin-right: auto;
  width: 555px;
}
@media screen and (min-width: 769px) and (max-width: 1600px) {
  .page-metainsole .intro-lyt {
    width: calc(1710 / 1920 * 100vw);
  }
  .page-metainsole .intro-lyt-desc {
    width: calc(900 / 1920 * 100vw);
    min-height: calc(670 / 1920 * 100vw);
  }
  .page-metainsole .intro-lyt-img {
    margin-left: calc(-190 / 1920 * 100vw);
    width: calc(1000 / 1920 * 100vw);
  }
  .page-metainsole .intro-lyt-ttl,
  .page-metainsole .intro-lyt-txt {
    width: 90%;
  }
}
.page-metainsole .intro-lyt-ttl {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.92;
}
.page-metainsole .intro-lyt-ttl em {
  font-weight: bold;
}
.page-metainsole .intro-lyt-txt {
  margin-top: 50px;
}
.page-metainsole .intro-lyt-txt + .intro-lyt-txt {margin-top: 1em;}

@media screen and (max-width: 768px) {
  .page-metainsole .area-intro {
    margin-top: calc(-30 / 375 * 100vw);
    padding: calc(100 / 375 * 100vw) 0 calc(150 / 375 * 100vw);
    clip-path: polygon(0 6%, 100% 0%, 100% 100%, 0% 100%);
  }
  .page-metainsole .metainsole-hdg-year {
    font-size: calc(13 / 375 * 100vw);
  }
  .page-metainsole .intro-lyt {
    margin: 40px 0 0;
    display: block;
    width: 100%;
  }
  .page-metainsole .intro-lyt-desc {
    margin: 0;
    padding: 30px 20px;
    width: 100%;
    min-height: initial;
  }
  .page-metainsole .intro-lyt-img {
    margin: 10px 0 0;
    width: 100%;
  }
  .page-metainsole .intro-lyt-ttl,
  .page-metainsole .intro-lyt-txt {
    width: 100%;
  }
  .page-metainsole .intro-lyt-ttl {
    font-size: calc(16 / 375 * 100vw);
  }
  .page-metainsole .intro-lyt-txt {
    margin-top: 30px;
  }
}

/* ------------
sole
------------ */
.page-metainsole .area-func {
  margin-top: -440px;
  padding: 480px 10px 520px;
  background: url(../../../img/usr/freepage/metainsole/bg_func.png) no-repeat top left / 100% 100%;
  position: relative;
  z-index: 5;
}
.page-metainsole .area-func::before,
.page-metainsole .area-func::after {
  position: absolute;
  content: "";
  background: no-repeat center / contain;
}
.page-metainsole .area-func::before {
  top: 80px;
  left: 60px;
  width: 688px;
  height: 624px;
  background-image: url(../../../img/usr/freepage/metainsole/img_func_insole01.png);
}
.page-metainsole .area-func::after {
  right: -228px;
  bottom: -60px;
  width: 712px;
  height: 588px;
  background-image: url(../../../img/usr/freepage/metainsole/img_func_insole02.png);
}
@media screen and (min-width: 769px) and (max-width: 1600px) {
  .page-metainsole .area-func::before {
    top: calc(80 / 1920 * 100vw);
    left: calc(60 / 1920 * 100vw);
    width: calc(688 / 1920 * 100vw);
    height: calc(624 / 1920 * 100vw);
  }
  .page-metainsole .area-func::after {
    right: calc(-228 / 1920 * 100vw);
    bottom: calc(-60 / 1920 * 100vw);
    width: calc(712 / 1920 * 100vw);
    height: calc(588 / 1920 * 100vw);
  }
}
.page-metainsole .func-logo {
  margin: 0 auto;
  max-width: 284px;
  text-align: center;
}
.page-metainsole .func-hdg {
  margin-top: 60px;
  font-size: 55px;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
.page-metainsole .func-hdg-inner {
  display: inline-block;
}
.page-metainsole .func-list {
  margin-top: 60px;
  display: flex;
  justify-content: center;
}
.page-metainsole .func-list-item {
  margin-right: 20px;
  padding: 25px 25px 35px;
  text-align: center;
  background-color: #fff;
}
.page-metainsole .func-list-item:last-child {margin-right: 0;}
.page-metainsole .func-list-ttl {
  font-weight: bold;
}
.page-metainsole .func-list-ttl .ja {
  display: block;
  font-size: 34px;
  font-weight: bold;
  color: #005dab;
}
.page-metainsole .func-list-ttl [lang="en"] {
  color: #009389;
}
.page-metainsole .func-list-img {
  margin-top: 15px;
}
.page-metainsole .func-list-txt {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .page-metainsole .area-func {
    margin-top: calc(-90 / 375 * 100vw);
    padding: calc(100 / 375 * 100vw) 20px calc(130 / 375 * 100vw);
    background-size: 1920px 150%;
    background-position: top 60% left 45%;
    clip-path: polygon(0 6%, 100% 0%, 100% 94%, 0% 100%);
  }
  .page-metainsole .area-func::before,
  .page-metainsole .area-func::after {
    content: none;
  }
  .page-metainsole .func-logo {
    margin: 0 auto;
    width: calc(120 / 375 * 100vw);
  }
  .page-metainsole .func-hdg {
    margin-top: 30px;
    font-size: calc(22 / 375 * 100vw);
  }
  .page-metainsole .func-list {
    margin-top: 30px;
    display: block;
  }
  .page-metainsole .func-list-item {
    margin-right: 0;
    padding: 20px 10px;
  }
  .page-metainsole .func-list-item + .func-list-item {margin-top: 10px;}
  .page-metainsole .func-list-ttl .ja {
    font-size: calc(18 / 375 * 100vw);
  }
  .page-metainsole .func-list-img {
    margin-top: 10px;
  }
  .page-metainsole .func-list-txt {
    margin-top: 15px;
  }
}

/* ------------
POINT
------------ */
.page-metainsole .area-point {
  position: relative;
  z-index: 5;
}
.page-metainsole .area-point::after {
  position: absolute;
  content: "";
  right: -65px;
  bottom: -170px;
  z-index: 6;
  width: 654px;
  height: 374px;
  background: url(../../../img/usr/freepage/metainsole/img_point5_03.png) no-repeat center / contain;
}
@media screen and (max-width: 768px) {
  .page-metainsole .area-point::after {
    content: none;
  }
}

.page-metainsole .point-hdgLv2 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 50px;
  font-weight: bold;
}
.page-metainsole .point-hdgLv2 .pointBg {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  font-size: 55px;
  color: #fff;
  background: linear-gradient(135deg, rgba(19,121,187,1) 0%, rgba(26,154,165,1) 100%);
}
.page-metainsole .point-hdgLv2 .pointBg + .pointBg {
  margin: 0 10px 0 3px;
}
.page-metainsole .point-hdgLv2 .pointEm {
  margin-left: 5px;
  padding: 0 5px 0 8px;
  display: inline-block;
  font-size: 50px;
  font-weight: bold;
  color: #005dab;
  position: relative;
  z-index: 0;
}
.page-metainsole .point-hdgLv2 .pointEm::after {
  position: absolute;
  content: "";
  top: calc(100% - 35px);
  left: 0;
  z-index: -1;
  width: 100%;
  height: 40px;
  background-color: #d0f1ff;
}
.page-metainsole .point-hdgLv2 .pointEm b {
  font-size: 60px;
}
@media screen and (max-width: 768px) {
  .page-metainsole .area-point {
    margin-top: 30px;
  }
  .page-metainsole .point-hdgLv2 {
    flex-wrap: wrap;
    font-size: calc(22 / 375 * 100vw);
  }
  .page-metainsole .point-hdgLv2 .pointBg {
    width: calc(40 / 375 * 100vw);
    height: calc(40 / 375 * 100vw);
    font-size: calc(22 / 375 * 100vw);
  }
  .page-metainsole .point-hdgLv2 .pointBg + .pointBg {
    margin: 0 5px 0 3px;
  }
  .page-metainsole .point-hdgLv2 .pointEm {
    font-size: calc(18 / 375 * 100vw);
  }
  .page-metainsole .point-hdgLv2 .pointEm::after {
    top: calc(100% - 16px);
    height: 20px;
  }
  .page-metainsole .point-hdgLv2 .pointEm b {
    font-size: calc(24 / 375 * 100vw);
  }
}

.page-metainsole .point-nav {
  margin-top: 75px;
  display: flex;
  justify-content: center;
}
.page-metainsole .point-nav-item {
  width: 100%;
}
.page-metainsole .point-nav-item + .point-nav-item {
  border-left: 1px dotted #707070;
}
.page-metainsole .point-nav-anc {
  padding-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 180px;
  font-weight: bold;
  text-align: center;
  position: relative;
}
.page-metainsole .point-nav-anc::after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  display: block;
  width: 16px;
  height: 16px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAANCAYAAABLjFUnAAAAAXNSR0IArs4c6QAAAQJJREFUOE+VkrFVAzEQRGeSS3EJ7gC7Ap4rsQhWKdABdGBSbcBRCe4A04FLgFTJ8vaezDt0Z/tOobT7d3ZGFJEVyW3O+aVt22/MPP1+isiO5IOZ7VV1M4cVQlg0TfMJYAngieXiCODGzF5V9XEqUET2JO8AfKWUVvTGItUnwMzuVbW9BjxtBOAn57x0izpYAQaSb2bmvm1U9XAOKCJdbRm+PtX+wfwhxuiKtgCOOef1WCC+BYAPkot6i3+wAnRFt2OBVIa/p5RCX/0AdimQ2vDahgHsXCBjhk+C1YGQ3AF4rg2fDKsC6fqufZvRNfsTY4xdIAAGhs9S5sUlkJBS8lUvnl8cZqDgXXOCUwAAAABJRU5ErkJggg==) no-repeat center / contain;
}
.page-metainsole .point-nav-anc:hover {
  text-decoration: none;
  opacity: .7;
}
.page-metainsole .point-nav-num {
  font-size: 46px;
  color: #009389;
}
.page-metainsole .point-nav-anc [lang="en"] {
  font-size: 12px;
  color: #009389;
}
.page-metainsole .point-nav-txt {
  margin-top: 10px;
  display: block;
  font-size: 18px;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .page-metainsole .point-nav {
    margin: 30px -20px 0;
    padding: 0;
    flex-wrap: wrap;
    justify-content: center;
  }
  .page-metainsole .point-nav-item {
    width: calc(100% / 3);
    display: flex;
    justify-content: center;
    align-items: flex-start;
    text-align: center;
  }
  .page-metainsole .point-nav-item:nth-child(n + 4) {
    margin-top: 20px;
  }
  .page-metainsole .point-nav-item:nth-child(4) {
    border-left: none;
  }
  .page-metainsole .point-nav-anc {
    padding: 0 5px 25px;
    min-height: initial;
    height: 100%;
    display: flex;
    justify-content: flex-start;
  }
  .page-metainsole .point-nav-num {
    font-size: calc(18 / 375 * 100vw);
  }
  .page-metainsole .point-nav-anc [lang="en"] {
    font-size: calc(10 / 375 * 100vw);
  }
  .page-metainsole .point-nav-txt {
    margin: 5px 0 0;
    font-size: calc(14 / 375 * 100vw);
  }
}

.page-metainsole .area-point-wrap {
  margin-top: 170px;
}
.page-metainsole .area-point-wrap + .area-point-wrap {
  margin-top: 140px;
}
.page-metainsole .area-point-wrap.line {
  padding-top: 140px;
  position: relative;
}
.page-metainsole .area-point-wrap.line::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 83%;
  height: 1px;
  background-color: #bfbfbf;
}
@media screen and (max-width: 768px) {
  .page-metainsole .area-point-wrap {
    margin-top: 50px;
  }
  .page-metainsole .area-point-wrap + .area-point-wrap {
    margin-top: 60px;
  }
  .page-metainsole .area-point-wrap.line {
    padding-top: 60px;
  }
}

.page-metainsole .point-hdgLv3 {
  display: inline-flex;
  align-items: flex-end;
  font-weight: bold;
  white-space: pre;
  line-height: 1;
}
.page-metainsole .point-hdgLv3-num {
  font-size: 120px;
  color: transparent;
  background: linear-gradient(313deg, rgba(0,188,175,1) 0%, rgba(19,121,187,1) 100%);
  -webkit-background-clip: text;
}
.page-metainsole .point-hdgLv3-txtWrap {
  margin: 0 0 10px 20px;
  display: block;
}
.page-metainsole .point-hdgLv3-txtWrap [lang="en"] {
  font-size: 24px;
  color: #009389;
}
.page-metainsole .point-hdgLv3-ttl {
  margin-top: 20px;
  display: block;
  font-size: 46px;
}

@media screen and (max-width: 768px) {
  .page-metainsole .point-hdgLv3 {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    font-weight: bold;
    white-space: pre;
    line-height: 1;
  }
  .page-metainsole .point-hdgLv3-num {
    font-size: calc(60 / 375 * 100vw);
  }
  .page-metainsole .point-hdgLv3-txtWrap {
    margin: 0 0 5px 10px;
  }
  .page-metainsole .point-hdgLv3-txtWrap [lang="en"] {
    font-size: calc(12 / 375 * 100vw);
  }
  .page-metainsole .point-hdgLv3-ttl {
    margin-top: 10px;
    font-size: calc(22 / 375 * 100vw);
  }
}

/* 1 */
.page-metainsole .point-hdgRow {
  display: flex;
  align-items: flex-end;
}
.page-metainsole .point-hdgRow .point-leadTxt {
  margin-left: 55px;
}
.page-metainsole .point1-gifTtl {
  margin-top: 88px;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
}
.page-metainsole .point1-gifImg {
  margin: 15px auto 0;
  max-width: 860px;
  text-align: center;
}
.page-metainsole .point1-testImg {
  margin: 15px auto 0;
  max-width: 552px;
  text-align: center;
}
.page-metainsole .point1-lyt {
  margin-top: 88px;
  display: flex;
}
.page-metainsole .point1-lyt-item {
  width: 100%;
}
.page-metainsole .point1-lyt-item + .point1-lyt-item {
  margin-left: 60px;
}
.page-metainsole .point1-btnModal {
  margin-top: 60px;
  text-align: center;
}
.page-metainsole .point1-btnModal-anc {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 345px;
  height: 44px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  border-radius: 100px;
  background-color: #009389;
  transition: .3s linear;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.page-metainsole .point1-btnModal-anc::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  z-index: -1;
  height: 100%;
  background: linear-gradient(-45deg, rgba(11,155,164,1) 0%, rgba(12,119,187,1) 100%);
  transition: width .3s linear;
}
.page-metainsole .point1-btnModal-anc:hover {
  text-decoration: none;
}
.page-metainsole .point1-btnModal-anc:hover::before {
  width: 100%;
}
.page-metainsole .point1-hdgLv4 {
  font-size: 26px;
  font-weight: bold;
}
.page-metainsole .point1-hdgLv4::before {
  margin-right: 9px;
  content: "";
  display: inline-block;
  vertical-align: baseline;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 17px 9.5px 0 9.5px;
  border-radius: 2px;
  border-color: #009389 transparent transparent transparent;
}
.page-metainsole .point1-lyt-txt {
  margin-top: 20px;
}
.page-metainsole .point1-lyt-img {
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .page-metainsole .point-hdgRow {
    display: block;
  }
  .page-metainsole .point-hdgRow .point-leadTxt {
    margin: 20px 0 0;
  }
  .page-metainsole .point1-gifTtl {
    margin-top: 30px;
    font-size: calc(15 / 375 * 100vw);
  }
  .page-metainsole .point1-gifImg,
  .page-metainsole .point1-testImg {
    margin-top: 10px;
  }
  .page-metainsole .point1-lyt {
    margin-top: 30px;
    display: block;
  }
  .page-metainsole .point1-lyt-item + .point1-lyt-item {
    margin: 20px 0 0;
  }
  .page-metainsole .point1-btnModal {
    margin-top: 30px;
  }
  .pane-main .page-metainsole .point1-btnModal-anc {
    width: 100%;
    min-width: initial;
    height: 40px;
    font-size: 16px;
    color: #fff;
  }
  .page-metainsole .point1-hdgLv4 {
    font-size: calc(15 / 375 * 100vw);
  }
  .page-metainsole .point1-hdgLv4::before {
    margin-right: 5px;
    border-width: calc(8 / 375 * 100vw) calc(5 / 375 * 100vw) 0 calc(5 / 375 * 100vw);
  }
  .page-metainsole .point1-lyt-txt {
    margin-top: 10px;
  }
  .page-metainsole .point1-lyt-img {
    margin: 10px auto 0;
    display: block;
  }
}

/* 2 */
.area-point-wrap.point2::after {
  position: absolute;
  content: "";
  top: -374px;
  right: -225px;
  z-index: -1;
  width: 972px;
  height: 1076px;
  background: url(../../../img/usr/freepage/metainsole/bg_point2.png) no-repeat center / contain;
}
.page-metainsole .point2-lyt {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
}
.page-metainsole .point2-lyt-main {
  margin-left: 6%;
  width: 50%;
  display: flex;
  flex-direction: column;
}
.page-metainsole .point2-lyt-main .point-hdgLv3 {
  margin-top: 50px;
  order: 2;
}
.page-metainsole .point2-lyt-main .point-leadTxt {
  margin-top: 40px;
  order: 3;
}
.page-metainsole .point2-lyt-img {
  width: 44%;
  max-width: 850px;
}
.page-metainsole .point2-gifImg1 {
  margin-left: auto;
  order: 1;
  width: 460px;
}
.page-metainsole .point2-gifImg2 {
  margin-top: 160px;
  max-width: 700px;
  order: 4;
}

@media screen and (max-width: 768px) {
  .page-metainsole .point2-lyt {
    padding: 0 20px;
    display: block;
  }
  .page-metainsole .point2-lyt-main {
    margin-left: 0;
    width: 100%;
    display: block;
  }
  .page-metainsole .point2-lyt-main .point-hdgLv3 {
    margin-top: 0;
  }
  .page-metainsole .point2-lyt-main .point-leadTxt {
    margin-top: 20px;
  }
  .page-metainsole .point2-lyt-img {
    margin-top: 10px;
    width: 100%;
  }
  .page-metainsole .point2-gifImg1 {
    margin: 10px 0 0;
    width: 100%;
  }
  .page-metainsole .point2-gifImg2 {
    margin: 10px 0 0;
  }
}

/* 3 */
.page-metainsole .point3 {
  margin-top: 115px;
  padding: 630px 10px 460px;
  background: url(../../../img/usr/freepage/metainsole/bg_point3.png) no-repeat top left / 100% 100%;
  position: relative;
  z-index: 5;
}
.page-metainsole .point3 .point-hdgLv3-ttl,
.page-metainsole .point3 .point-leadTxt {
  color: #fff;
}
.page-metainsole .point3 .point-hdgLv3-txtWrap [lang="en"] {
  color: #00c6b8;
}
.page-metainsole .point3 .point-leadTxt {
  margin-top: 40px;
  max-width: 580px;
}
.page-metainsole .point3-lyt {
  margin-top: 145px;
  display: flex;
}
.page-metainsole .point3-lyt-item + .point3-lyt-item {
  margin-left: 15px;
}
.page-metainsole .point3-point {
  padding: 10px 15px 10px 10px;
  display: inline-block;
  color: #00ffed;
  background-color: #09324a;
  position: absolute;
  z-index: 10;
}
.page-metainsole .point3-point dt {
  display: block;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  z-index: 0;
}
.page-metainsole .point3-point dt::after {
  position: absolute;
  content: "";
  top: 50%;
  z-index: -1;
  background: no-repeat center / contain;
}
.page-metainsole .point3-point dd {
  margin: 2px 0 0 18px;
  font-size: 14px;
  line-height: 1.78;
}
.page-metainsole .point3-point.outer {
  top: calc(50% - 270px);
  right: calc(50% - 250px);
}
.page-metainsole .point3-point.outer dt::after {
  right: -68px;
  width: 73px;
  height: 31px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAAAfCAYAAACrpOA2AAAAAXNSR0IArs4c6QAAA15JREFUaEPtmdFrm1UYxp/nfE3yhSluMNhQhIFgtbM5SXu3G70YrOlUvHB463/grf+BN174Hzjst1pZyy5GO60MirA5BnNtN8YQRNELBWUDoWuS5juPnKwJrXzp0jRJ2yXnKiHnfc55f3nPm+c7Ieoj/87RkNkbAGYRxxdLq4u/Nj7r8xes55/OFz8IDK/U30v6UVJUjoOvcW/+cT9zakDKjhW/APjJ/2FIqJBaiMWo8vjJPH5bKvUbsAakcKz4kODwTgAE/QthFs5EpZX5JQDqB2A1SGF+4hSN2VUPEvA7hEsu5nRldf7+8wxrE9LkxzT4sv1EtQowWi9hCg8W/mpf52BGPoU0Vpwh+NFetyjBAbgOKCrF8RxWF9f2qnkQ4j0kZguTj0Ac7eSGJK2BvCK4qPxT6TqwVO2kfi+1mMpP5ocM7nZ1UelvADNV56KNle9ud3WtLogzLEx8SprPuqCdKCngoT+OqMbTh8WwMiwUl0i+3StIW9c5LIaVmULxcwJnAIySfGE/YNXWFOZiaKZy99rsvu2hycINM+kbeGbs3GtSYA1kCVgBOZKnerpp6ZHAy5Sm1pev3TwIhnUrpGQWw++/mM1u5JwHZ2gJWklvkTzSbXh1wyqHi+WVhZ+7vV4z/WdDSo5kJjfxuqGxCnzVMada9fHVLiZyxzlMlSv4pteGtV1IySzGz74UurTdBGYJWZGnCWQ7BW8/DGtnISWTMOlC8Y3AH1PIwvc5wIJ8ea/gthvWb78Hao6/46MXkJI3PXr+WGiQV+Bqfa5WdcIIyUx7WepPJ0w7MdpYXlhuT6NJb+mk2N61LgTp0bURk3JWMDkPjqIFcWI32nXDykr81fr9xT92E5s0d/8qaTc7H3/veOgqecJY+aqjvD15k2BqJxlJ/r7rB4hRKeZcuzeshwNSEonx8VQqPnE6gLPiZtWRvucdT5q+7Ya1fOQqHlyutPo9HV5IzTIcmTyZCZ01NT8HD80f12GCQ42Q7YbV//mx43j+ICWlO3IhnQqfjAZylkTOw/M/FiCOCfrF37DK8VIzw9ofkJrViX33lQyr1vc6mJo9qQq4VebQDO5c/ace1t+QmsBLF4ofbn3QHkB6VkPyT/4tzOn7KQNILZTAANIAUgsEWpgyqKQWIP0H3axSLyWXpIwAAAAASUVORK5CYII=);
}
.page-metainsole .point3-point.inner {
  top: calc(50% - 205px);
  right: 190px;
}
.page-metainsole .point3-point.inner dt::after {
  top: 100%;
  left: -100px;
  width: 105px;
  height: 26px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAAAaCAYAAAC0NHJVAAAAAXNSR0IArs4c6QAAA15JREFUaEPtmcFvG0UYxd+btbN2GipB1IqoRQLahkJTe1Y5IXGoQEpJBceeOHFD4j/gxI2/gVNv/QeQkiKh3npszYU7B67AjB0FJ+nOQ7O2QwWRlSYbvE7XkrUra/abb9/vm7fzrYn6UwkF2p3Nq6FBSykjaEVYAV/vPdt6xEpk+EolcT9Z6Oy+bxq5lWgJWBIW4PK/ZQjAV3vPtr6vIZ1lgXxwZ6m90O4GE1dIASMTdItg6zjTSvhu2Nv6poZ0HLWOM6b72ZWUB5bGFECEuDpwjeSJNZb0cNjb/uLEAY6T9/kccz9ZyHbeS0QbDEYrBLIgL5V9v5KeDHvbH9WQpinb2bjQNs1uQG45tiyRawTaZQM5Mp7021+97bdqSBN11u+upCFaFS0MLFTY1XUS5n8BcsQkkjTsLTVfRUhmYX1jNQnGBjHj2LJAXp4VjGnz6oDXzjek9c8X23reCS9sdQXcJrBYRSBH5aScH58fSJ2Ny2nDZEYc7ayIDOKNWdpVGYWggC/nEZJJO5/eMA0WzSAOm0G8WYYoVYsh4NtqQ7r6Ybu5fPF2ktBiDARAh+SFqol5VvkIelAdSNnmpTQgMwkOVwiIVQLJWQkwD3EFPZ4JpLR7b9UwdEWTAerG1yUAV+ZBtJfJUVAfoCPkJPxJckfSAERfwoBAn9RAQp/BDEKCvgka5Dn7JgmD4YH6+OXHP84W0tt3Ws3XF9eS2JUbZCp6D0W7WnqZm53FWEEHBL0kR8AJ8ATjcXyu4nz0W/CEcYHBGRk/NPsOT3/yZeVdHqSbnyy32o2MMlaTZpC8OSu7ErBLRSHpATkA8RuFc7G6geAF4wyCC6A3kMuZuH3te5iWw9MfdssS+bRxTgKJ6frmuwq0ZrSzyorunLhy2mQm18dOO1oCREfKKx6jZYB+dIwVDC/IhULo3OdInGHu9mQ8etu/Awhl5TPrONMhXd9MmxfNWqLcTv6IAtgl8NrULvlFq+DEMo6yipHQ0Spy5D5B4sZW0QegWYtTlfn/gXTr7hutdPTuSsAqqHcArEDYwX8sI1ZzrGD4ALnCKkC/j+eualZRFaFPk8chpKa9ZxMEN/z50a+nCVhfW74CJ3kmlZ9FHXGqAjWkOSiQGlINaQ4UmIMU65VUQ5oDBeYgxb8BRDRlLdFlAckAAAAASUVORK5CYII=);
}
.page-metainsole .point3-point.side {
  top: calc(50% - 70px);
  right: 370px;
}
.page-metainsole .point3-point.side dt::after {
  left: -113px;
  width: 118px;
  height: 25px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHYAAAAZCAYAAADkBdqeAAAAAXNSR0IArs4c6QAAAlpJREFUaEPt109u00AUBvDvTUirrgoLioQ4AdlQcQU2iA3cBG4C5+imCJEsYJEL5A8gdc2KBfNStRJqEseeD40dVASYNKnj2sl4Y1uyPc/v529sC8JSzw48frK/l+y2CNcSgxYpDwVsxZRns2F7KPW8qy2qOgcQIvf/1YXE8UU07BwH2Ko8I0sC5pXtwFfTfud1gC0btiDA/LL5ZtzvvAyw64JdO2BO4cTb8aD9PMBeF/amAPPqJj6NB+1HAfaqsFUDzA0szyf9zu0A+2eDagL4v+dx7C7ubC/sBgDm4cYOh5sPu8GAebD+X3ZzYDcYkOA5ABWIArAElKAa+rXf99sNdaROnVh8eX9WP9iaA5Kc/g4EUCWFgiU9kFFCrHPUaCdR9KYW6MZX/cb7dVx1YWsASMKJ4NQnaA6UpgmUSywwTVIDsJNoojjp/lgWaZXjbx62QoAkfdM9SgYESZMkzOCcoZoE1t1yGmFX0Xt3CsCt0vh1n1MebMmABGfzKS4F8u+mdJ9UCqzxa1ATNnRGYzHbszg5itbd8LKuXzzsGgBJUiBnPj1ZojyKT1GWJvpkGaiLYU2TOsVM0fvoPzi2dlkd9hqABC7+AkrTJGmaSKjxU59zGpEWn/dHwFGytUor3Phi2AWABBIhR5dpSt9L2Wc55+kirKPTRjPRySj+jq/dyQq1hlOW6MAl7BwQ5ANneE8gBxAeALKz6J8JAJcYMxxaQgcy2MOnd4G4icGHbyWMGYYooQOLp+ISighDFN+BAFt8TytxxQBbCYbiiwiwxfe0ElcMsJVgKL6In5Fewig0mgi4AAAAAElFTkSuQmCC);
}

@media screen and (min-width: 769px) and (max-width: 1600px) {
  .page-metainsole .point3-point.outer {
    top: calc(883 / 1920 * 100vw);
    right: calc(706 / 1920 * 100vw);
  }
  .page-metainsole .point3-point.inner {
    top: calc(1006 / 1920 * 100vw);
    right: calc(65 / 1920 * 100vw);
  }
  .page-metainsole .point3-point.side {
    top: calc(1172 / 1920 * 100vw);
    right: calc(236 / 1920 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .page-metainsole .point3 {
    margin-top: 50px;
    padding: calc(100 / 375 * 100vw) 20px calc(130 / 375 * 100vw);
    background-size: 1920px 150%;
    background-position: top 60% left 40%;
    clip-path: polygon(0 6%, 100% 0%, 100% 94%, 0% 100%);
  }
  .page-metainsole .point3 .point-leadTxt {
    margin-top: 20px;
    max-width: initial;
  }
  .page-metainsole .point3-lyt {
    margin-top: 30px;
    display: block;
  }
  .page-metainsole .point3-lyt-item {
    text-align: center;
  }
  .page-metainsole .point3-lyt-item + .point3-lyt-item {
    margin: 10px 0 0;
  }
  .page-metainsole .point3-point {
    margin-top: 10px;
    padding: 10px 5px 10px;
    display: block;
    text-align: center;
    position: static;
  }
  .page-metainsole .point3-point dt {
    font-size: calc(14 / 375 * 100vw);
  }
  .page-metainsole .point3-point dt::after {
    content: none;
  }
  .page-metainsole .point3-point dd {
    margin: 5px 0 0;
    font-size: calc(12 / 375 * 100vw);
  }
}

/* 4 */
.page-metainsole .point4-hdgLyt {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.page-metainsole .point4-hdgLyt-main {
  padding-right: 60px;
  width: 45%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.page-metainsole .point4-hdgLyt-img {
  margin: 0 -60px 0 3%;
  width: 50%;
}
@media screen and (min-width: 769px) {
  .page-metainsole .point4-hdgLyt-img img {
    max-width: 960px;
  }
}
.page-metainsole .point4 .point-leadTxt {
  margin: 10px -60px 0 0;
  width: 100%;
}
.page-metainsole .point4-lyt {
  margin-top: 68px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
}
.page-metainsole .point4-lyt-desc {
  margin-left: 48px;
  width: 625px;
}
.page-metainsole .point4-lyt-img {
  width: 550px;
}

@media screen and (min-width: 769px) and (max-width: 1600px) {
  .page-metainsole .point4-hdgLyt-main {
    padding-right: calc(60 / 1920 * 100vw);
    width: calc(752 / 1920 * 100vw);
  }
  .page-metainsole .point4-hdgLyt-img {
    margin: 0 calc(-60 / 1920 * 100vw) 0 calc(56 / 1920 * 100vw);
    width: calc(850 / 1920 * 100vw);
  }
  .page-metainsole .point4 .point-leadTxt {
    margin: 10px calc(-60 / 1920 * 100vw) 0 0;
  }
  .page-metainsole .point4-lyt-desc {
    margin-left: 48px;
    width: calc(625 / 1920 * 100vw);
  }
  .page-metainsole .point4-lyt-img {
    width: calc(550 / 1920 * 100vw);
  }
}

.page-metainsole .point4-hdgLv4 {
  font-size: 25px;
  font-weight: bold;
}
.page-metainsole .point4-comment {
  margin-top: 20px;
}
.page-metainsole .point4-comment + .point4-comment {
  margin-top: 1.5em;
}
.page-metainsole .point4-ttl {
  margin: 20px 0 0;
  font-size: 25px;
}
.page-metainsole .point4-ttl em {
  font-weight: bold;
}
.page-metainsole .point4-ttlWrapper {
  margin-top: 40px;
  width: 592px;
  display: inline-block;
}
.page-metainsole .point4-ttlWrapper > *:first-child {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .page-metainsole .point4-hdgLyt {
    padding: 0 20px;
    display: block;
  }
  .page-metainsole .point4-hdgLyt-main {
    padding-right: 0;
    width: 100%;
    display: block;
  }
  .page-metainsole .point4-hdgLyt-img {
    margin: 10px 0 0;
    width: 100%;
  }
  .page-metainsole .point4 .point-leadTxt {
    margin: 20px 0 0;
    max-width: initial;
  }
  .page-metainsole .point4-lyt {
    margin-top: 50px;
    padding: 0 20px;
    display: block;
  }
  .page-metainsole .point4-lyt-desc {
    margin-left: 0;
    width: 100%;
  }
  .page-metainsole .point4-lyt-img {
    margin-top: 10px;
    width: 100%;
    text-align: center;
  }
  .page-metainsole .point4-hdgLv4 {
    font-size: calc(18 / 375 * 100vw);
  }
  .page-metainsole .point4-comment {
    margin-top: 20px;
  }
  .page-metainsole .point4-comment + .point4-comment {
    margin-top: 1.3em;
  }
  .page-metainsole .point4-ttl {
    margin: 20px 0 0;
    font-size: calc(18 / 375 * 100vw);
  }
  .page-metainsole .point4-ttlWrapper {
    margin-top: 20px;
    width: 100%;
    display: block;
  }
}

/* 5 */
.area-point-wrap.point5 {
  position: relative;
}
.area-point-wrap.point5::after {
  position: absolute;
  content: "";
  top: -524px;
  right: -400px;
  z-index: -1;
  width: 1219px;
  height: 1330px;
  background: url(../../../img/usr/freepage/metainsole/bg_point5.png) no-repeat center / contain;
}
.page-metainsole .point5-hdgLyt {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
.page-metainsole .point5-hdgLyt-main {
  margin-left: 120px;
}
.page-metainsole .point5-hdgLyt-img {
  margin-left: -200px;
}
.page-metainsole .point5-gifImg {
  width: 630px;
}
.page-metainsole .point5-gifImg + .point5-gifImg {
  margin: 63px 0 0 100px;
}
.page-metainsole .point5 .point-leadTxt {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .page-metainsole .point5-hdgLyt {
    display: block;
  }
  .page-metainsole .point5-hdgLyt-main {
    margin-left: 0;
  }
  .page-metainsole .point5-hdgLyt-img {
    margin-left: 0;
  }
  .page-metainsole .point5-gifImg {
    margin: 10px 0 0;
    width: 100%;
    text-align: center;
  }
  .page-metainsole .point5-gifImg + .point5-gifImg {
    margin: 10px 0 0;
  }
  .page-metainsole .point5 .point-leadTxt {
    margin-top: 20px;
  }
}

/* ------------
REASON
------------ */
.page-metainsole .area-reason {
  margin-top: -60px;
  padding: 430px 10px 545px;
  background-color: #eaecf0;
  clip-path: polygon(0 20%, 100% 0%, 100% 80%, 0% 100%);
  position: relative;
  z-index: 4;
}
.page-metainsole .reason-leadTxt {
  margin-top: 50px;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
}
.page-metainsole .reason-txt {
  margin-top: 30px;
  text-align: center;
}
.page-metainsole .reason-imgList {
  margin-top: 50px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.page-metainsole .reason-imgList-item:first-child {
  margin-right: 45px;
  width: 850px;
}
.page-metainsole .reason-imgList-item:nth-child(2) {
  width: 405px;
}
.page-metainsole .reason-imgList-item:nth-child(n + 3) {
  margin: 45px 33px 0 0;
  width: calc((100% - 33px * 3) / 4);
}
.page-metainsole .reason-imgList-item:last-child {
  margin-right: 0;
}

@media screen and (min-width: 769px) and (max-width: 1600px) {
  .page-metainsole .reason-imgList-item:first-child {
    margin-right: calc(45 / 1920 * 100vw);
    width: calc(850 / 1920 * 100vw);
  }
  .page-metainsole .reason-imgList-item:nth-child(2) {
    width: calc(405 / 1920 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .page-metainsole .area-reason {
    margin-top: 30px;
    padding: calc(100 / 375 * 100vw) 20px;
    clip-path: polygon(0 6%, 100% 0%, 100% 94%, 0% 100%);
    z-index: 5;
  }
  .page-metainsole .reason-leadTxt {
    margin-top: 25px;
    font-size: calc(18 / 375 * 100vw);
  }
  .page-metainsole .reason-txt {
    margin-top: 20px;
    text-align: left;
  }
  .page-metainsole .reason-imgList {
    margin-top: 30px;
  }
  .page-metainsole .reason-imgList-item:first-child {
    margin-right: 0;
    width: 66%;
  }
  .page-metainsole .reason-imgList-item:nth-child(2) {
    width: calc(34% - 10px);
  }
  .page-metainsole .reason-imgList-item:nth-child(n + 3) {
    margin: 10px 0 0;
    width: calc((100% - 10px) / 2);
  }
  .page-metainsole .reason-imgList-item:nth-child(2n) {
    margin-left: 10px;
  }
  .page-metainsole .reason-imgList-item:nth-child(-n + 2) {
    height: calc(130 / 375 * 100vw);
    overflow: hidden;
  }
  .page-metainsole .reason-imgList-item:last-child {
    margin-right: 0;
  }
  .page-metainsole .reason-imgList-item img {
    width: 100%;
  }
}

/* ------------
obsession
------------ */
.page-metainsole .area-obsession {
  margin-top: 100px;
  padding: 0 10px;
}
.page-metainsole .obsession-mainImg {
  margin-top: 55px;
  text-align: center;
}
.page-metainsole .obsession-lyt {
  margin-top: 35px;
  display: flex;
  align-items: center;
}
.page-metainsole .obsession-lyt-desc {
  width: calc(100% - 690px);
}
.page-metainsole .obsession-leadTxt {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.92;
}
.page-metainsole .obsession-leadTxt em {
  font-weight: bold;
}
.page-metainsole .obsession-txt {
  margin-top: 30px;
}
.page-metainsole .obsession-txt + .obsession-txt {
  margin-top: 1.5em;
}
.page-metainsole .obsession-imgList {
  margin-left: 60px;
  width: 630px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

@media screen and (min-width: 769px) and (max-width: 1600px) {
  .page-metainsole .obsession-lyt-desc {
    width: calc(100% - calc(690 / 1920 * 100vw));
  }
  .page-metainsole .obsession-imgList {
    margin-left: calc(60 / 1920 * 100vw);
    width: calc(630 / 1920 * 100vw);
  }
}

.page-metainsole .obsession-imgList-item {
  width: calc((100% - 30px) / 2);
}
.page-metainsole .obsession-imgList-item:nth-child(2n) {
  margin-left: 30px;
}
.page-metainsole .obsession-imgList-item:nth-child(n + 3) {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .page-metainsole .area-obsession {
    margin-top: 50px;
    padding: 0;
  }
  .page-metainsole .obsession-mainImg {
    margin-top: 30px;
  }
  .page-metainsole .obsession-lyt {
    margin-top: 20px;
    display: block;
  }
  .page-metainsole .obsession-lyt-desc {
    width: 100%;
  }
  .page-metainsole .obsession-leadTxt {
    font-size: calc(16 / 375 * 100vw);;
  }
  .page-metainsole .obsession-txt {
    margin-top: 20px;
  }
  .page-metainsole .obsession-txt + .obsession-txt {
    margin-top: 1.3em;
  }
  .page-metainsole .obsession-imgList {
    margin: 20px 0 0;
    width: 100%;
  }
  .page-metainsole .obsession-imgList-item {
    width: calc((100% - 10px) / 2);
  }
  .page-metainsole .obsession-imgList-item:nth-child(2n) {
    margin-left: 10px;
  }
  .page-metainsole .obsession-imgList-item:nth-child(n + 3) {
    margin-top: 10px;
  }
  .page-metainsole .obsession-imgList-item img {
    width: 100%;
  }
}

/* ------------
customer
------------ */
.page-metainsole .area-customer {
  margin-top: 100px;
  padding: 420px 10px;
  background: url(../../../img/usr/freepage/metainsole/bg_customer.png) no-repeat top left / 100% 100%;
  position: relative;
  z-index: 5;
}
.page-metainsole .customer-hdg {
  font-size: 38px;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
.page-metainsole .customer-list {
  margin: 70px auto 0;
  width: 1146px;
}
.page-metainsole .customer-list-item {
  display: flex;
  align-items: center;
}
.page-metainsole .customer-list-item + .customer-list-item {
  margin-top: 100px;
}
.page-metainsole .customer-list-item:nth-child(even) {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.page-metainsole .customer-list-ttl {
  margin-top: 155px;
  width: 180px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  position: relative;
  z-index: 1;
}
.page-metainsole .customer-list-ttl::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  z-index: -1;
  width: 170px;
  height: 36px;
  border-radius: 100px;
  background-color: #005dab;
}
.page-metainsole .customer-list-ttl::after {
  position: absolute;
  content: "";
  top: -150px;
  left: 0;
  z-index: -2;
  width: 180px;
  height: 180px;
  background: no-repeat center / contain;
}
.page-metainsole .customer-list-ttl.ill01::after {
  background-image: url(../../../img/usr/freepage/metainsole/img_customer01.png);
}
.page-metainsole .customer-list-ttl.ill02::after {
  background-image: url(../../../img/usr/freepage/metainsole/img_customer02.png);
}
.page-metainsole .customer-list-ttl.ill03::after {
  background-image: url(../../../img/usr/freepage/metainsole/img_customer03.png);
}
.page-metainsole .customer-list-ttl.ill04::after {
  background-image: url(../../../img/usr/freepage/metainsole/img_customer04.png);
}
.page-metainsole .customer-list-ttl.ill05::after {
  background-image: url(../../../img/usr/freepage/metainsole/img_customer05.png);
}
.page-metainsole .customer-list-desc {
  width: calc(100% - 240px);
  border-radius: 20px;
  background-color: #fff;
  position: relative;
}
.page-metainsole .customer-list-desc::before {
  position: absolute;
  content: "";
  top: 57px;
  width: 62px;
  height: 21px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAAVCAYAAAAeql2xAAAAAXNSR0IArs4c6QAAATtJREFUWEfl2ElOAzEQheE/zNMZQIR5FnAB1lmz5uRwDbYPPcmWWqGC2glJd9yWokSRN1+V7XJ5xACGpBfgFrgBHoGvUU1uSU/AXUI+pO/zyLh2cEnbwFUCGpk/Bm62TWRv4ZKMuAyA/m+rLXDWvM7hCehsNbPn3wbuLArsHC5pAzgLgF62u8sCrgwuyavodAp4D1wDe6sG/js8AU+CDLpkHPQFuBBc0nEAdF087DuwCC7pHZg0auLRugJL4d/Afm3YpicsZ5LegI/BZXw604PZ422WeHCqu2T54uGyVcep3iYQeU4KyDioAnXU8ZJgeG71N7c5AuJmxHf1vFXynd13dXdiSxmdNymzVJLcgUXd2UUV3VlpOqvvx0sDks6R5/Tqkl9hvH3cEf4avV3q88D/2DavjTc3P0l9/gB6a1TjctFFEgAAAABJRU5ErkJggg==) no-repeat center / contain;
}
.page-metainsole .customer-list-item:nth-child(odd) .customer-list-desc {
  margin-left: 60px;
  padding: 25px 40px 20px 60px;
}
.page-metainsole .customer-list-item:nth-child(even) .customer-list-desc {
  margin-right: 60px;
  padding: 25px 60px 20px 40px;
}
.page-metainsole .customer-list-item:nth-child(odd) .customer-list-desc::before {
  left: -46px;
}
.page-metainsole .customer-list-item:nth-child(even) .customer-list-desc::before {
  right: -46px;
  transform: scale(-1, 1);
}
.page-metainsole .customer-txt {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.8;
}
.page-metainsole .customer-txt b {
  padding: 0 2px 2px;
  font-weight: 500;
  background: linear-gradient(transparent 70%, #fff791 0%);
}
.page-metainsole .customer-listInfo {
  margin-top: 10px;
  display: flex;
}
.page-metainsole .customer-listInfo-item {
  font-size: 14px;
}
.page-metainsole .customer-listInfo-item + .customer-listInfo-item::before {
  margin-left: 1em;
  padding-right: 1em;
  display: inline-block;
  content: "/";
}

@media screen and (max-width: 768px) {
  .page-metainsole .area-customer {
    margin-top: 50px;
    padding: calc(100 / 375 * 100vw) 0 calc(130 / 375 * 100vw);
    background-size: 1920px 150%;
    background-position: top 60% left 45%;
    clip-path: polygon(0 6%, 100% 0%, 100% 94%, 0% 100%);
  }
  .page-metainsole .customer-hdg {
    font-size: calc(22 / 375 * 100vw);
  }
  .page-metainsole .customer-list {
    margin: 70px 0 0;
    width: 100%;
  }
  .page-metainsole .customer-list-item {
    display: block;
  }
  .page-metainsole .customer-list-item + .customer-list-item {
    margin-top: 65px;
  }
  .page-metainsole .customer-list-ttl {
    /* margin: 0 0 0 70px;
    padding: 5px 15px 0;
    width: initial;
    min-width: 100px;
    display: inline-block;
    font-size: calc(12 / 375 * 100vw);
     */
    margin: 0 auto;
    padding: 5px 15px 0;
    width: calc(105 / 375 * 100vw);
    font-size: calc(12 / 375 * 100vw);
    position: relative;
    top: 2px;
    z-index: 10;
  }
  .page-metainsole .customer-list-ttl::before {
    top: calc(-1 / 375 * 100vw);
    width: 100%;
    height: calc(30 / 375 * 100vw);
  }
  .page-metainsole .customer-list-ttl::after {
    top: calc(-38 / 375 * 100vw);
    left: calc(-70 / 375 * 100vw);
    width: calc(70 / 375 * 100vw);
    height: calc(70 / 375 * 100vw);
  }
  .page-metainsole .customer-list-desc {
    width: 100%;
  }
  .page-metainsole .customer-list-item:nth-child(odd) .customer-list-desc,
  .page-metainsole .customer-list-item:nth-child(even) .customer-list-desc {
    margin: 0;
    padding: 15px;
    border-radius: 10px;
    position: relative;
    z-index: 9;
  }
  .page-metainsole .customer-list-item:nth-child(odd) .customer-list-desc::before,
  .page-metainsole .customer-list-item:nth-child(even) .customer-list-desc::before {
    content: none;
  }
  .page-metainsole .customer-txt {
    font-size: calc(14 / 375 * 100vw);
    text-align: justify;
  }
  .page-metainsole .customer-listInfo {
    margin-top: 5px;
    display: inline-block;
  }
  .page-metainsole .customer-listInfo-item {
    display: inline;
    font-size: calc(10 / 375 * 100vw);
  }
  .page-metainsole .customer-listInfo-item + .customer-listInfo-item::before {
    margin-left: 5px;
    padding-right: 5px;
  }
}

/* ------------
specification
------------ */
.page-metainsole .area-specification {
  padding: 0 10px;
}
.page-metainsole .specification-list {
  margin-top: 70px;
}
.page-metainsole .specification-item {
  display: flex;
  align-items: flex-start;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.page-metainsole .specification-desc {
  margin-left: 40px;
  width: calc(100% - 760px);
}
.page-metainsole .specification-imgList {
  width: 720px;
}

@media screen and (min-width: 769px) and (max-width: 1600px) {
  .page-metainsole .specification-desc {
    margin-left: calc(40 / 1920 * 100vw);
    width: calc(100% - calc(760 / 1920 * 100vw));
  }
  .page-metainsole .specification-imgList {
    width: calc(720 / 1920 * 100vw);
  }
}

.page-metainsole .specification-hdgLv3 {
  font-size: 32px;
  font-weight: bold;
}
.page-metainsole .specification-infoList {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
}
.page-metainsole .specification-infoList-item:nth-child(-n + 2) {
  width: 50%;
}
.page-metainsole .specification-infoList-item:nth-child(n + 3) {
  margin-top: 20px;
  width: 100%;
}
.page-metainsole .specification-hdgLv4 {
  font-weight: bold;
  color: #009389;
}
.page-metainsole .specification-hdgLv4::before {
  content: "\3010";
}
.page-metainsole .specification-hdgLv4::after {
  content: "\3011";
}
.page-metainsole .specification-dl {
  margin: 10px 0 0 1em;
}
.page-metainsole .specification-dl-item {
  display: flex;
}
.page-metainsole .specification-dl-ttl {
  padding-right: 1em;
  white-space: pre;
  position: relative;
}
.page-metainsole .specification-dl-ttl::after {
  position: absolute;
  content: "\FF1A";
  top: 0;
  right: 0;
}
.page-metainsole .widthFix .specification-dl-ttl {
  width: 76px;
  box-sizing: content-box;
}
.page-metainsole .specification-txt {
  margin: 10px 0 0 1em;
}
.page-metainsole .specification-lyt {
  margin-top: 10px;
  display: flex;
  align-items: baseline;
}
.page-metainsole .specification-lyt-price {
  margin-left: 10px;
  font-size: 18px;
}
.page-metainsole .specification-lyt-price .priceYen {
  font-size: 24px;
  font-weight: bold;
}
.page-metainsole .specification-lyt-price .priceNum {
  font-size: 32px;
}
.page-metainsole .area-specification .metainsole-linkList-anc {
  padding-left: 38px;
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  .page-metainsole .area-specification {
    padding: 0;
  }
  .page-metainsole .specification-list {
    margin-top: 30px;
  }
  .page-metainsole .specification-item {
    align-items: center;
    flex-direction: column-reverse;
  }
  .page-metainsole .specification-desc {
    margin: 20px 0 0;
    width: 100%;
  }
  .page-metainsole .specification-imgList {
    width: 100%;
  }
  .page-metainsole .specification-hdgLv3 {
    font-size: calc(18 / 375 * 100vw);
  }
  .page-metainsole .specification-infoList {
    margin-top: 15px;
    display: block;
  }
  .page-metainsole .specification-infoList-item:nth-child(-n + 2) {
    width: 100%;
  }
  .page-metainsole .specification-infoList-item,
  .page-metainsole .specification-infoList-item:nth-child(n + 3) {
    margin-top: 10px;
  }
  .page-metainsole .widthFix .specification-dl-ttl {
    width: calc(76 / 375 * 100vw);
  }
  .page-metainsole .specification-dl,
  .page-metainsole .specification-txt {
    margin: 5px 0 0;
  }
  .page-metainsole .specification-lyt {
    margin-top: 15px;
  }
  .page-metainsole .specification-lyt-price {
    font-size: calc(14 / 375 * 100vw);
  }
  .page-metainsole .specification-lyt-price .priceYen {
    font-size: calc(16 / 375 * 100vw);
  }
  .page-metainsole .specification-lyt-price .priceNum {
    font-size: calc(18 / 375 * 100vw);
  }
  .page-metainsole .area-specification .metainsole-linkList-anc {
    padding-left: calc(30 / 375 * 100vw);
    font-size: calc(15 / 375 * 100vw);
  }
}

/* ------------
trivia
------------ */
.page-metainsole .area-trivia {
  margin-top: 170px;
}
.page-metainsole .area-trivia-inner {
  position: relative;
  z-index: 1;
}
.page-metainsole .trivia-line {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 946px;
  height: calc(100% + 100px);
  background-color: transparent;
  transform: translateY(-50%);
}
.page-metainsole .trivia-line::before,
.page-metainsole .trivia-line::after {
  position: absolute;
  content: "";
  z-index: 1;
  width: 98px;
  height: 98px;
}
.page-metainsole .trivia-line::before {
  top: 0;
  left: 0;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.page-metainsole .trivia-line::after {
  right: 0;
  bottom: 0;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.page-metainsole .trivia-hdg {
  font-size: 38px;
  font-weight: bold;
  text-align: center;
}
.page-metainsole .trivia-list {
  margin: 28px auto 0;
  max-width: 1300px;
  position: relative;
  z-index: 100;
}
.page-metainsole .trivia-list::before,
.page-metainsole .trivia-list::after {
  position: absolute;
  content: "";
  top: 0;
  z-index: 5;
  width: 10%;
  height: 100%;
}
.page-metainsole .trivia-list::before {
  left: 0;
  background: linear-gradient(90deg, #fff 0%, transparent 100%);
}
.page-metainsole .trivia-list::after {
  right: 0;
  background: linear-gradient(90deg, transparent 0%, #fff 100%);
}
.page-metainsole .trivia-list-item-inner {
  margin: 0 auto;
  width: 750px;
}
.page-metainsole .trivia-list-hdg {
  font-size: 25px;
  font-weight: bold;
  text-align: center;
}
.page-metainsole .trivia-list-txt {
  margin-top: 90px;
  font-size: 14px;
  line-height: 2.28;
}
.page-metainsole .trivia-list-txt + .trivia-list-txt {
  margin-top: 1.5em;
}
.page-metainsole .trivia-list-lyt {
  margin-top: 50px;
  display: flex;
  align-items: flex-start;
}
.page-metainsole .trivia-list-lyt-txt {
  width: calc(100% - 401px);
  font-size: 14px;
  line-height: 2.28;
}
.page-metainsole .trivia-list-lyt-img {
  margin-right: 18px;
  width: 383px;
}
.page-metainsole .trivia-list-box {
  margin-top: 20px;
  padding: 30px 15px;
  background-color: #eee;
}
.page-metainsole .trivia-list-box-txt {
  text-align: center;
}
.page-metainsole .trivia-list .slick-arrow {
  top: 50%;
  margin-top: -45px;
}
.page-metainsole .trivia-list .slick-arrow.slick-prev {
  left: 150px;
}
.page-metainsole .trivia-list .slick-arrow.slick-next {
  right: 150px;
}

@media screen and (max-width: 768px) {
  .page-metainsole .area-trivia {
    margin-top: 100px;
  }
  .page-metainsole .trivia-line {
    width: 90%;
    height: calc(100% + 50px);
  }
  .page-metainsole .trivia-line::before,
  .page-metainsole .trivia-line::after {
    width: calc(50 / 375 * 100vw);
    height: calc(50 / 375 * 100vw);
  }

  .page-metainsole .trivia-hdg {
    font-size: calc(22 / 375 * 100vw);
  }
  .page-metainsole .trivia-list {
    margin: 20px 0 0;
  }
  .page-metainsole .trivia-list::before,
  .page-metainsole .trivia-list::after {
    width: 10%;
  }
  .page-metainsole .trivia-list-item-inner {
    width: 90%;
  }
  .page-metainsole .trivia-list-hdg {
    font-size: calc(18 / 375 * 100vw);
  }
  .page-metainsole .trivia-list-txt {
    margin-top: 45px;
    font-size: calc(14 / 375 * 100vw);
    text-align: justify;
    line-height: 2;
  }
  .page-metainsole .trivia-list-txt + .trivia-list-txt {
    margin-top: 1.3em;
  }
  .page-metainsole .trivia-list-lyt {
    margin-top: 25px;
    display: block;
  }
  .page-metainsole .trivia-list-lyt-txt {
    width: 100%;
    font-size: calc(14 / 375 * 100vw);
    text-align: justify;
    line-height: 2;
  }
  .page-metainsole .trivia-list-lyt-img {
    margin: 10px 0 0;
    width: 100%;
  }
  .page-metainsole .trivia-list-box {
    margin-top: 15px;
    padding: 15px;
  }
  .page-metainsole .trivia-list-box-txt {
    text-align: left;
  }
  .page-metainsole .trivia-list .slick-arrow {
    opacity: .5;
  }
  .page-metainsole .trivia-list .slick-arrow.slick-prev {
    left: 4%;
    transform: translateY(-50%) scale(-1, 1);
  }
  .page-metainsole .trivia-list .slick-arrow.slick-next {
    right: 4%;
    transform: translateY(-50%);
  }
}

/* ------------
collaboration
------------ */
.page-metainsole .area-collaboration {
  margin-top: 130px;
  padding: 170px 10px;
  background-color: #eaecf0;
}
.page-metainsole .collaboration-hdg {
  font-size: 38px;
  font-weight: bold;
  text-align: center;
}
.page-metainsole .collaboration-lyt {
  margin-top: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.collaboration-lyt-img.madras {
  width: 317px;
  text-align: right;
}
@media screen and (min-width: 769px) {
  .collaboration-lyt-img.madras img {
    width: 216px;
  }
}
.page-metainsole .collaboration-lyt .multiplied {
  margin: 0 30px;
  font-size: 80px;
  color: #999;
}
.page-metainsole .collaboration-txt {
  margin-top: 50px;
  text-align: center;
}
.page-metainsole .collaboration-txt + .collaboration-txt {
  margin-top: 1.5em;
}

.page-metainsole .collaboration-movie {
  margin: 46px auto 0;
  max-width: 1061px;
  text-align: center;
}
.page-metainsole .collaboration-pdf {
  margin-top: 30px;
  text-align: center;
}
.page-metainsole .collaboration-pdf-anc {
  text-decoration: underline;
}
.page-metainsole .collaboration-pdf-anc:hover {
  opacity: .7;
}

@media screen and (max-width: 768px) {
  .page-metainsole .area-collaboration {
    margin-top: 60px;
    padding: 60px 0;
  }
  .page-metainsole .collaboration-hdg {
    font-size: calc(22 / 375 * 100vw);
  }
  .page-metainsole .collaboration-lyt {
    margin-top: 30px;
  }
  .collaboration-lyt-img {
    width: calc(160 / 375 * 100vw);
  }
  .collaboration-lyt-img.madras {
    width: calc(120 / 375 * 100vw);
  }
  .page-metainsole .collaboration-lyt .multiplied {
    margin: 0 10px;
    font-size: calc(40 / 375 * 100vw);
  }
  .page-metainsole .collaboration-txt {
    margin-top: 30px;
    text-align: center;
  }
  .page-metainsole .collaboration-txt + .collaboration-txt {
    margin-top: 1.3em;
  }
  .page-metainsole .collaboration-txt.spAlL {
    margin-top: 40px;
    font-size: calc(12 / 375 * 100vw);
    text-align: left;
  }

  .page-metainsole .collaboration-movie {
    margin: 30px 0 0;
    max-width: initial;
  }
  .page-metainsole .collaboration-pdf {
    margin-top: 20px;
  }
}

/* ------------
bnr
------------ */
.page-metainsole .area-bnr {
  margin: 100px auto 0;
  max-width: 1000px;
  text-align: center;
}
.page-metainsole .firstrow{
	justify-content: center;
}
.page-metainsole .secondrow {
  margin-top: 30px;
}
.page-metainsole .area-intro .area-bnr {
  margin: 0 auto 200px;
}
.page-metainsole .area-bnr.row {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.page-metainsole .area-bnr.row > a {
  width: calc((100% - 30px) / 2);
}
@media screen and (max-width: 768px) {
  .page-metainsole .area-bnr {
    margin: 60px 20px 0;
  }
  .page-metainsole .secondrow {
    margin-top: 15px;
  }
  .page-metainsole .area-intro .area-bnr {
    margin: 0 20px 80px;
  }
  .page-metainsole .area-bnr.row {
    display: block;
  }
  .page-metainsole .area-bnr.row > a {
    width: 100%;
    display: block;
  }
  .page-metainsole .area-bnr.row > a + a {
    margin-top: 15px;
  }
}

/* ------------
動画サムネイル用
------------ */
.page-metainsole .movie-thum {
  overflow: hidden;
  cursor: pointer;
  position: relative;
}
.page-metainsole .movie-thum::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  margin: auto;
  width: 135px;
  height: 103px;
  background: url(../../../img/usr/freepage/metainsole/btn_play.png) no-repeat center / contain;
}
.page-metainsole .movie-thum img {
  transition: transform .3s linear;
}
.page-metainsole .movie-thum:hover img {
  transform: scale(1.1);
}

@media screen and (min-width: 769px) and (max-width: 1600px) {
  .page-metainsole .movie-thum::before {
    width: calc(135 / 1920 * 100vw);
    height: calc(103 / 1920 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .page-metainsole .movie-thum::before {
    width: calc(76 / 375 * 100vw);
    height: calc(57 / 375 * 100vw);
  }
}

/* ------------
動画
------------ */
.page-metainsole .movie-wrap {
  padding-top: 56.25%;
  width: 100%;
  position: relative;
  z-index: 0;
}
.page-metainsole .movie-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/* ------------
slick
------------ */
.page-metainsole .slick-arrow {
  position: absolute;
  z-index: 1;
  padding: 0;
  width: 90px;
  height: 90px;
  font-size: 0;
  color: transparent;
  border: none;
  background: url(data:image/png;base64,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) no-repeat center / contain;
  cursor: pointer;
  transition: .3s ease;
}
.page-metainsole .slick-arrow.slick-prev {
  left: 0;
  transform: scale(-1, 1);
}
.page-metainsole .slick-arrow.slick-next {
  right: 0;
}
.page-metainsole .slick-arrow:hover {
  opacity: .7;
}
.page-metainsole .slick-arrow.slick-disabled {
  opacity: 0;
}
.page-metainsole .slick-dots {
  margin-top: 20px;
  display: flex;
  justify-content: center;
}
.page-metainsole .slick-dots > li + li {
  margin-left: 9px;
}
.page-metainsole .slick-dots button {
  padding: 0;
  width: 12px;
  height: 12px;
  font-size: 0;
  color: transparent;
  border: none;
  border-radius: 50%;
  background-color: #eee;
}
.page-metainsole .slick-dots .slick-active button {
  background-color: #888;
}
@media screen and (max-width: 768px) {
  .page-metainsole .slick-arrow {
    width: calc(45 / 375 * 100vw);
    height: calc(45 / 375 * 100vw);
  }
  .page-metainsole .slick-dots button {
    width: calc(10 / 375 * 100vw);
    height: calc(10 / 375 * 100vw);
  }
}

/* ------------
Modal
------------ */
.c-modalOverlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99998;
  background-color: rgba(0, 0, 0, .8);
}
.c-modal {
  position: absolute;
  top: 50vh;
  left: 50vw;
  transform: translateY(-50%) translateX(-50%);
  z-index: 99999;
  width: 100%;
  max-width: 800px;
  height: auto;
  overflow-y: visible;
}
.c-modal.is-contentsOver {
  height: 80%;
}
.c-modal__inner {
  padding: 50px 50px 60px;
  max-height: 80%;
  background-color: #fff;
  overflow-y: auto;
  position: relative;
  top: 0;
}
.is-contentsOver .c-modal__inner {
  max-height: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.c-modal-btn {
  position: absolute;
  top: -22px;
  right: -22px;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 0;
  border: 2px solid #000;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
}
.c-modal-btn::before, .c-modal-btn::after {
  position: absolute;
  content: "";
  top: 19px;
  right: 7px;
  width: 25px;
  height: 3px;
  background-color: #000;
}
.c-modal-btn::before {
  transform: rotate(45deg);
}
.c-modal-btn::after {
  transform: rotate(-45deg);
}
body.is-modalOpen {
  overflow: hidden;
}
.is-hidden {
  display: none;
}

@media screen and (max-width: 768px) {
  .c-modal {
    width: calc(100% - calc(52 / 750 * 100vw));
    max-width: initial;
  }
  .c-modal__inner {
    padding: calc(80 / 750 * 100vw) calc(40 / 750 * 100vw);
  }
  .c-modal-btn {
    top: calc(-15 / 750 * 100vw);
    right: -10px;
    width: calc(30 / 375 * 100vw);
    height: calc(30 / 375 * 100vw);
  }
  .c-modal-btn::before, .c-modal-btn::after {
    top: calc(13 / 375 * 100vw);
    right: calc(4 / 375 * 100vw);
    width: calc(17 / 375 * 100vw);
    height: 2px;
  }
}

/* ------------
Modal inner contents
------------ */
#js-modalContentsArea .modal-hdgLv2 {
  margin-top: 80px;
  font-size: 38px;
  font-weight: bold;
  text-align: center;
}
#js-modalContentsArea .modal-hdgLv3 {
  margin-top: 50px;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
}
#js-modalContentsArea .c-modal__inner > *:first-child {margin-top: 0;}

#js-modalContentsArea .modal-lytCol2 {
  margin-top: 30px;
  display: flex;
  justify-content: center;
}
#js-modalContentsArea .modal-lytCol2-item + .modal-lytCol2-item {
  margin-left: 10px;
}
#js-modalContentsArea .modal-cap {
  margin-top: 5px;
  display: block;
  font-size: 12px;
  text-align: center;
}
#js-modalContentsArea .modal-nomalTxt {
  margin-top: 30px;
}
#js-modalContentsArea .modal-nomalTxt + .modal-nomalTxt {
  margin-top: 1.5em;
}

#js-modalContentsArea .modal-img {
  margin-top: 20px;
  text-align: center;
}
#js-modalContentsArea .modal-tbl {
  margin: 20px auto 0;
  width: 400px;
  table-layout: fixed;
  border-collapse: collapse;
  border: 2px solid #707070;
}
#js-modalContentsArea .modal-tbl.w600 {
  width: 600px;
}
#js-modalContentsArea .modal-tbl thead .bg {
  color: #fff;
  background-color: #707070;
}
#js-modalContentsArea .modal-tbl th,
#js-modalContentsArea .modal-tbl td {
  padding: 10px;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #707070;
}

#js-modalContentsArea .modal-lytCol2Over {
  margin-top: 30px;
  display: flex;
  justify-content: center;
}
#js-modalContentsArea .modal-lytCol2Over-item + .modal-lytCol2Over-item {
  margin-left: 40px;
}

@media screen and (max-width: 768px) {
  #js-modalContentsArea .modal-hdgLv2 {
    margin-top: 40px;
    font-size: calc(22 / 375 * 100vw);
  }
  #js-modalContentsArea .modal-hdgLv3 {
    margin-top: 20px;
    font-size: calc(16 / 375 * 100vw);
  }

  #js-modalContentsArea .modal-lytCol2 {
    margin-top: 20px;
  }
  #js-modalContentsArea .modal-lytCol2-item + .modal-lytCol2-item {
    margin-left: 5px;
  }
  #js-modalContentsArea .modal-cap {
    margin-top: 3px;
    font-size: calc(11 / 375 * 100vw);
  }
  #js-modalContentsArea .modal-nomalTxt {
    margin-top: 20px;
  }
  #js-modalContentsArea .modal-nomalTxt + .modal-nomalTxt {
    margin-top: 1.3em;
  }

  #js-modalContentsArea .modal-img {
    margin-top: 10px;
  }
  #js-modalContentsArea .modal-tbl {
    margin: 10px auto 0;
    width: 100%;
  }
  #js-modalContentsArea .modal-tbl.w600 {
    width: 100%;
  }
  #js-modalContentsArea .modal-tbl th,
  #js-modalContentsArea .modal-tbl td {
    padding: 10px 0;
    font-size: calc(12 / 375 * 100vw);
  }

  #js-modalContentsArea .modal-lytCol2Over {
    margin-top: 20px;
    display: block;
  }
  #js-modalContentsArea .modal-lytCol2Over-item + .modal-lytCol2Over-item {
    margin: 10px 0 0;
  }
  #js-modalContentsArea  img {
    width: 100%;
    height: initial;
  }
}

/* ------------
Animation
------------ */
/* common */
.page-metainsole .ani-slideUp,
.page-metainsole .ani-fadeInLeft,
.page-metainsole .ani-fadeInRight {opacity: 0;}

/* aniLine */
.page-metainsole .ani-line .metainsole-hdg-inner::after,
.page-metainsole .point-hdgLv2.ani-line .pointEm::after {
  width: 0;
}
.page-metainsole .is-active.ani-line .metainsole-hdg-inner::after,
.page-metainsole .point-hdgLv2.is-active.ani-line .pointEm::after {
  animation: aniLine .5s ease-in forwards;
}
@keyframes aniLine {
  0% {width: 0%;}
  100% {width: 100%;}
}

/* slideUp */
.page-metainsole .is-active.ani-slideUp {
  animation: slideUp .8s .1s forwards;
}
@media screen and (min-width: 768px) {
  .page-metainsole .func-list-item:nth-child(2).is-active.ani-slideUp,
  .page-metainsole .point-nav-item:nth-child(2).is-active.ani-slideUp,
  .page-metainsole .reason-imgList-item:nth-child(2).is-active.ani-slideUp,
  .page-metainsole .point1-lyt-item:nth-child(2).is-active.ani-slideUp {animation-delay: .3s;}
  .page-metainsole .func-list-item:nth-child(3).is-active.ani-slideUp,
  .page-metainsole .point-nav-item:nth-child(3).is-active.ani-slideUp,
  .page-metainsole .reason-imgList-item:nth-child(3).is-active.ani-slideUp {animation-delay: .5s;}
  .page-metainsole .point-nav-item:nth-child(4).is-active.ani-slideUp,
  .page-metainsole .reason-imgList-item:nth-child(4).is-active.ani-slideUp {animation-delay: .7s;}
  .page-metainsole .point-nav-item:nth-child(5).is-active.ani-slideUp,
  .page-metainsole .reason-imgList-item:nth-child(5).is-active.ani-slideUp {animation-delay: .9s;}
  .page-metainsole .reason-imgList-item:nth-child(2).is-active.ani-slideUp {animation-delay: 1.1s;}
}
@keyframes slideUp {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* fadeInLeft */
.page-metainsole .is-active.ani-fadeInLeft {
  animation: fadeInLeft 1s .1s forwards;
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0)
  }
}

/* fadeInRight */
.page-metainsole .is-active.ani-fadeInRight {
  animation: fadeInRight 1s .1s forwards;
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0)
  }
}

/* zoomOut */
.page-metainsole .ani-zoomOut {overflow: hidden;}
.page-metainsole .obsession-mainImg.is-active.ani-zoomOut img {animation: zoomOut 2s .2s forwards;}
@keyframes zoomOut {
  0% {
    opacity: 0;
    transform: scale(1.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

/* zoomIn */
.page-metainsole .collaboration-lyt {
  opacity: 0;
  transform: scale(0.5);
}
.page-metainsole .is-active.ani-zoomIn {animation: zoomIn 1s .2s forwards;}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

/* txtBg */
.page-metainsole .ani-txtBg {
  position: relative;
  overflow: hidden;
}
.page-metainsole .ani-txtBg::before {
  content: "";
  display: block;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  transform: translateX(-100%);
}
.page-metainsole .ani-txtBg.wh::before {
  background: linear-gradient(135deg, rgba(19,121,187,1) 0%, rgba(26,154,165,1) 100%);
}
.page-metainsole .ani-txtBg.is-active::before {
  will-change: animation;
  animation: txtBg .8s .1s ease-in forwards;
}
.page-metainsole .ani-txtBg .ani-txtBg-inner {
  position: relative;
  z-index: 1;
  opacity: 0;
}
.page-metainsole .ani-txtBg.is-active .ani-txtBg-inner {
  animation: fadeIn .5s ease-out .7s 1 forwards;
}
@keyframes txtBg {
  0% {
    transform: translate(-100%, 0);
  }
  50% {
    transform: translate(0, 0);
  }
  99% {opacity: 1;}
  100% {
    transform: translate(100%, 0);
    opacity: 0;
  }
}

/* fadeColor */
@keyframes fadeColor {
  0% {color: transparent;}
  100% {color: initial;}
}

/* fadeIn */
.page-metainsole .is-active.ani-fadeIn {
  animation: fadeIn 1s ease-in forwards;
}
@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.page-metainsole .metainsole-data-inner .metainsole-hdg-inner{padding: 0;}
.page-metainsole .metainsole-data-inner p{
  font-size: 26px;
  text-align: center;
  font-weight: 600;
  margin-top: 50px;
}

.page-metainsole .metainsole-data-inner .area-bnr{margin-top: 65px;}

@media screen and (max-width: 768px) {
  .page-metainsole .metainsole-data-inner .metainsole-hdg-inner{
    display: block;
    width: 80%;
    margin: 0 auto;
  }
  .page-metainsole .metainsole-data-inner p{
    font-size: calc(14 / 375* 100vw);
    margin-top: 18px;
  }
  .page-metainsole .metainsole-data-inner .area-bnr{margin-top: 17px;}
}

/* お客様の声 */
.page-metainsole ul.revico-star-graph-list{display: none;}
.page-metainsole .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--comment--more{display: none;}
.page-metainsole .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--comment{word-break: break-all;}

html[data-browse-mode=P] .revico-star-simple-wrapper .revico-star-block--total{
  margin-top: 0px;
  margin-right: 0;
}

html[data-browse-mode=S] .page-metainsole .revico-review-comment-detail--comment--content{
  display: -webkit-box;
  line-clamp: 8;
  -webkit-line-clamp: 8;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media screen and (min-width: 769px) {
  .metainsole-mv {
    background: none !important;
    padding: 0 !important;
  }
}