@charset "UTF-8";
/**
 * メディアクエリ
 * @param {string} $mode - max または min
 * @param {number} $width - 設定値
 */
/**
 * メディアクエリ PC
 * @param {number} [$width:$breakpoin] - 設定値
 */
/**
 * メディアクエリ TABLET
 * @param {number} [$width:$breakpoin] - 設定値
 */
/**
 * メディアクエリ SP
 * @param {number} [$width:$breakpoin] - 設定値
 */
/**
 * メディアクエリによるIE11ハック（ChromiumベースのEdgeは除外できる。旧Edgeは除外できない）
 */
/**
 * VW計算
 * @param {string} $property  - プロパティ
 * @param {number} $value - 基準となる値
 * @param {number} $basewidth - 基準となるウィンドウ幅
 * @param {number} [$maxwidth:0] - 拡大を停止するウィンドウ幅
 * @param {number} [$minwidth:0] - 縮小を停止するウィンドウ幅
 */
@font-face {
  font-family: "Lacoste";
  src: url("../../assets/fonts/Lacoste-Regular.woff") format("woff");
}

@font-face {
  font-family: "Lacoste Bold";
  src: url("../../assets/fonts/Lacoste-Bold.woff") format("woff");
}

@font-face {
  font-family: "Lacoste Heavy";
  src: url("../../assets/fonts/Lacoste-Heavy.woff") format("woff");
}

/**
 * イージングプロパティ
 * https://github.com/dmnsgn/sass-easing
 */
@font-face {
  font-family: "Lacoste";
  src: url("/static/fonts/Lacoste-Regular.woff") format("woff");
}

@font-face {
  font-family: "Lacoste Black";
  src: url("/static/fonts/Lacoste-Black.woff") format("woff");
}

@font-face {
  font-family: "Lacoste Bold";
  src: url("/static/fonts/Lacoste-Bold.woff") format("woff");
}

@font-face {
  font-family: "Lacoste Medium";
  src: url("/static/fonts/Lacoste-Medium.woff") format("woff");
}

@font-face {
  font-family: "Lacoste Heavy";
  src: url("../../assets/fonts/Lacoste-Heavy.woff") format("woff");
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
}
main {background:white!important;}

#polo-fit-guide {
  --base-font:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ",  Helvetica, Arial, sans-serif;
  --lacoste-font: "Lacoste", "Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Helvetica, Arial, sans-serif;
  --lacoste-font-bold: "Lacoste Bold", "Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Helvetica, Arial, sans-serif;
  --lacoste-font-black: "Lacoste Black", "Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Helvetica, Arial, sans-serif;
  --lacoste-font-Medium: "Lacoste Medium", "Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Helvetica, Arial, sans-serif;
  --Lacoste-Heavy: "Lacoste Heavy", "Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Helvetica, Arial, sans-serif;
  --color-green: #105A33;
  background: #ffffff;
  color: #292929;
  font-family: var(--base-font);
  line-height: 1;
  overflow: hidden;
}

#polo-fit-guide div, #polo-fit-guide span, #polo-fit-guide applet, #polo-fit-guide object, #polo-fit-guide iframe,
#polo-fit-guide h1, #polo-fit-guide h2, #polo-fit-guide h3, #polo-fit-guide h4, #polo-fit-guide h5, #polo-fit-guide h6, #polo-fit-guide p, #polo-fit-guide blockquote, #polo-fit-guide pre,
#polo-fit-guide a, #polo-fit-guide abbr, #polo-fit-guide acronym, #polo-fit-guide address, #polo-fit-guide big, #polo-fit-guide cite, #polo-fit-guide code,
#polo-fit-guide del, #polo-fit-guide dfn, #polo-fit-guide em, #polo-fit-guide img, #polo-fit-guide ins, #polo-fit-guide kbd, #polo-fit-guide q, #polo-fit-guide s, #polo-fit-guide samp,
#polo-fit-guide small, #polo-fit-guide strike, #polo-fit-guide strong, #polo-fit-guide sub, #polo-fit-guide sup, #polo-fit-guide tt, #polo-fit-guide var,
#polo-fit-guide b, #polo-fit-guide u, #polo-fit-guide i, #polo-fit-guide center,
#polo-fit-guide dl, #polo-fit-guide dt, #polo-fit-guide dd, #polo-fit-guide ol, #polo-fit-guide ul, #polo-fit-guide li,
#polo-fit-guide fieldset, #polo-fit-guide form, #polo-fit-guide label, #polo-fit-guide legend,
#polo-fit-guide table, #polo-fit-guide caption, #polo-fit-guide tbody, #polo-fit-guide tfoot, #polo-fit-guide thead, #polo-fit-guide tr, #polo-fit-guide th, #polo-fit-guide td,
#polo-fit-guide article, #polo-fit-guide aside, #polo-fit-guide canvas, #polo-fit-guide details, #polo-fit-guide embed,
#polo-fit-guide figure, #polo-fit-guide figcaption, #polo-fit-guide footer, #polo-fit-guide header, #polo-fit-guide hgroup,
#polo-fit-guide menu, #polo-fit-guide nav, #polo-fit-guide output, #polo-fit-guide ruby, #polo-fit-guide section, #polo-fit-guide summary,
#polo-fit-guide time, #polo-fit-guide mark, #polo-fit-guide audio, #polo-fit-guide video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  letter-spacing: 0.03em;
}

#polo-fit-guide article, #polo-fit-guide aside, #polo-fit-guide details, #polo-fit-guide figcaption, #polo-fit-guide figure,
#polo-fit-guide footer, #polo-fit-guide header, #polo-fit-guide hgroup, #polo-fit-guide menu, #polo-fit-guide nav, #polo-fit-guide section {
  display: block;
}

#polo-fit-guide ol, #polo-fit-guide ul {
  list-style: none;
}

#polo-fit-guide blockquote, #polo-fit-guide q {
  quotes: none;
}

#polo-fit-guide blockquote:before, #polo-fit-guide blockquote:after,
#polo-fit-guide q:before, #polo-fit-guide q:after {
  content: '';
  content: none;
}

#polo-fit-guide table {
  border-collapse: collapse;
  border-spacing: 0;
}

#polo-fit-guide * {
  box-sizing: border-box;
}

#polo-fit-guide a {
  color: inherit;
  text-decoration: none;
}

#polo-fit-guide img,
#polo-fit-guide video {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

#polo-fit-guide picture {
  display: block;
}

@media screen and (max-width: 767px) {
  #polo-fit-guide .pc {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  #polo-fit-guide .sp {
    display: none !important;
  }
}

#polo-fit-guide .lacoste-font {
  font-family: var(--lacoste-font);
}

#polo-fit-guide .lacoste-font-bold {
  font-family: var(--lacoste-font-bold);
  font-weight: normal;
}

#polo-fit-guide .lacoste-font-black {
  font-family: var(--lacoste-font-black);
  font-weight: normal;
}

@media screen and (min-width: 768px) {
  #polo-fit-guide.index .guide {
    width: calc(clamp(0px, calc(1200 / 1366 * 100vw), calc(1200 / 1366 * 1366 * 1px)) * 1);
  }
}

#polo-fit-guide .guide {
  text-align: center;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  #polo-fit-guide .guide {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  #polo-fit-guide .guide {
    padding-left: calc(clamp(0px, calc(20 / 750 * 100vw), calc(20 / 750 * 100vw)) * 1);
    padding-right: calc(clamp(0px, calc(20 / 750 * 100vw), calc(20 / 750 * 100vw)) * 1);
  }
}

#polo-fit-guide .guide .logo {
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  #polo-fit-guide .guide .logo {
    margin-top: calc(clamp(0px, calc(47 / 1366 * 100vw), calc(47 / 1366 * 1366 * 1px)) * 1);
    width: calc(clamp(0px, calc(127 / 1366 * 100vw), calc(127 / 1366 * 1366 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #polo-fit-guide .guide .logo {
    margin-top: calc(clamp(0px, calc(60 / 750 * 100vw), calc(60 / 750 * 100vw)) * 1);
    width: calc(clamp(0px, calc(181 / 750 * 100vw), calc(181 / 750 * 100vw)) * 1);
  }
}

#polo-fit-guide .guide .title {
  font-family: "Lacoste Heavy";
}

@media screen and (min-width: 768px) {
  #polo-fit-guide .guide .title {
    line-height: .8;
    font-size: calc(clamp(0px, calc(78 / 1366 * 100vw), calc(78 / 1366 * 1366 * 1px)) * 1);
    margin-top: calc(clamp(0px, calc(15 / 1366 * 100vw), calc(15 / 1366 * 1366 * 1px)) * 1);
    margin-bottom: calc(clamp(0px, calc(35 / 1366 * 100vw), calc(35 / 1366 * 1366 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #polo-fit-guide .guide .title {
    line-height: .8;
    letter-spacing: 0;
    font-size: calc(clamp(0px, calc(90 / 750 * 100vw), calc(90 / 750 * 100vw)) * 1);
    margin-top: calc(clamp(0px, calc(15 / 750 * 100vw), calc(15 / 750 * 100vw)) * 1);
    margin-bottom: calc(clamp(0px, calc(40 / 750 * 100vw), calc(40 / 750 * 100vw)) * 1);
  }
}

#polo-fit-guide .guide .lead {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  #polo-fit-guide .guide .lead {
    font-size: calc(clamp(0px, calc(18 / 1366 * 100vw), calc(18 / 1366 * 1366 * 1px)) * 1);
    margin-bottom: calc(clamp(0px, calc(61 / 1366 * 100vw), calc(61 / 1366 * 1366 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #polo-fit-guide .guide .lead {
    font-size: calc(clamp(0px, calc(28 / 750 * 100vw), calc(28 / 750 * 100vw)) * 1);
    line-height: 1.71;
    margin-bottom: calc(clamp(0px, calc(60 / 750 * 100vw), calc(60 / 750 * 100vw)) * 1);
  }
}

#polo-fit-guide .guide .guide-list {
  display: flex;
  flex-flow: row wrap;
  position: relative;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  #polo-fit-guide .guide .guide-list {
    -moz-column-gap: calc(clamp(0px, calc(10 / 750 * 100vw), calc(10 / 750 * 100vw)) * 1);
    column-gap: calc(clamp(0px, calc(10 / 750 * 100vw), calc(10 / 750 * 100vw)) * 1);
    row-gap: calc(clamp(0px, calc(10 / 750 * 100vw), calc(10 / 750 * 100vw)) * 1);
  }
}

#polo-fit-guide .guide .guide-list .guide-list-item {
  position: relative;
  width: 100%;
  height: 100%;
  transition: all 0.3s;
}

@media screen and (min-width: 768px) {
  #polo-fit-guide .guide .guide-list .guide-list-item {
    width: calc(clamp(0px, calc(290 / 1366 * 100vw), calc(290 / 1366 * 1366 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #polo-fit-guide .guide .guide-list .guide-list-item {
    width: calc(clamp(0px, calc(350 / 750 * 100vw), calc(350 / 750 * 100vw)) * 1);
  }
}

@media screen and (min-width: 768px) {
  #polo-fit-guide .guide .guide-list .guide-list-item:hover {
    opacity: .8;
    transition: all 0.3s;
  }
}

#polo-fit-guide .guide .guide-list .guide-list-detail {
  position: relative;
}

#polo-fit-guide .guide .guide-list .guide-list-title {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  background: rgba(0, 0, 0, 0.15);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (min-width: 768px) {
  #polo-fit-guide .guide .guide-list .guide-list-title {
    height: calc(clamp(0px, calc(60 / 1366 * 100vw), calc(60 / 1366 * 1366 * 1px)) * 1);
    font-size: calc(clamp(0px, calc(20 / 1366 * 100vw), calc(20 / 1366 * 1366 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #polo-fit-guide .guide .guide-list .guide-list-title {
    height: calc(clamp(0px, calc(73 / 750 * 100vw), calc(73 / 750 * 100vw)) * 1);
    font-size: calc(clamp(0px, calc(28 / 750 * 100vw), calc(28 / 750 * 100vw)) * 1);
  }
}

#polo-fit-guide .guide .guide-list .guide-list-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

#polo-fit-guide .guide .guide-nav {
  display: flex;
  flex-flow: row wrap;
}

@media screen and (min-width: 768px) {
  #polo-fit-guide .guide .guide-nav {
    height: calc(clamp(0px, calc(45 / 1366 * 100vw), calc(45 / 1366 * 1366 * 1px)) * 1);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: calc(clamp(0px, calc(40 / 1366 * 100vw), calc(40 / 1366 * 1366 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #polo-fit-guide .guide .guide-nav {
    margin-bottom: calc(clamp(0px, calc(60 / 750 * 100vw), calc(60 / 750 * 100vw)) * 1);
  }
}

#polo-fit-guide .guide .guide-nav .guide-nav-item {
  position: relative;
}

@media screen and (min-width: 768px) {
  #polo-fit-guide .guide .guide-nav .guide-nav-item {
    width: calc(clamp(0px, calc(260 / 1366 * 100vw), calc(260 / 1366 * 1366 * 1px)) * 1);
    height: 100%;
  }
}

@media screen and (max-width: 767px) {
  #polo-fit-guide .guide .guide-nav .guide-nav-item {
    width: 50%;
    height: calc(clamp(0px, calc(85 / 750 * 100vw), calc(85 / 750 * 100vw)) * 1);
  }
}

@media screen and (min-width: 768px) {
  #polo-fit-guide .guide .guide-nav .guide-nav-item:not(:last-child) {
    border-right: 2px solid #D6D6D6;
  }
}

@media screen and (max-width: 767px) {
  #polo-fit-guide .guide .guide-nav .guide-nav-item:nth-child(odd) {
    border-right: 2px solid #D6D6D6;
  }
}

@media screen and (max-width: 767px) {
  #polo-fit-guide .guide .guide-nav .guide-nav-item:nth-last-of-type(n+3) {
    border-bottom: 2px solid #D6D6D6;
  }
}

#polo-fit-guide .guide .guide-nav .guide-nav-link {
  font-family: var(--lacoste-font-Medium);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  transition: all 0.3s;
}

@media screen and (min-width: 768px) {
  #polo-fit-guide .guide .guide-nav .guide-nav-link {
    font-size: calc(clamp(0px, calc(20 / 1366 * 100vw), calc(20 / 1366 * 1366 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #polo-fit-guide .guide .guide-nav .guide-nav-link {
    font-size: calc(clamp(0px, calc(32 / 750 * 100vw), calc(32 / 750 * 100vw)) * 1);
  }
}

@media screen and (min-width: 768px) {
  #polo-fit-guide .guide .guide-nav .guide-nav-link:hover {
    opacity: .8;
    transition: all 0.3s;
  }
}

#polo-fit-guide .guide .guide-nav .guide-nav-active {
  color: #105A33;
  font-family: var(--lacoste-font-black);
  font-weight: normal;
  pointer-events: none;
}

#polo-fit-guide .guide .guide-detail {
  margin: 0 auto;
  display: flex;
  position: relative;
}

@media screen and (min-width: 768px) {
  #polo-fit-guide .guide .guide-detail {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  #polo-fit-guide .guide .guide-detail {
    flex-flow: column nowrap;
  }
}

#polo-fit-guide .guide .guide-detail .guide-detail-img {
  position: relative;
  width: 100%;
  background-color: #F7F7F7;
}

@media screen and (min-width: 768px) {
  #polo-fit-guide .guide .guide-detail .guide-detail-img {
    flex: 1;
  }
}

#polo-fit-guide .guide .guide-detail .guide-detail-img video {
  position: relative;
}

@media screen and (min-width: 768px) {
  #polo-fit-guide .guide .guide-detail .guide-detail-img video {
    aspect-ratio: 1074 / 806;
  }
}

@media screen and (max-width: 767px) {
  #polo-fit-guide .guide .guide-detail .guide-detail-img video {
    aspect-ratio: 1074 / 806;
  }
}

@media screen and (max-width: 767px) {
  #polo-fit-guide .guide .guide-detail .guide-detail-img::before, #polo-fit-guide .guide .guide-detail .guide-detail-img::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background: #fff;
    left: 0;
    z-index: 2;
  }
}

@media screen and (max-width: 767px) {
  #polo-fit-guide .guide .guide-detail .guide-detail-img::before {
    top: 0;
  }
}

@media screen and (max-width: 767px) {
  #polo-fit-guide .guide .guide-detail .guide-detail-img::after {
    background: #F7F7F7;
    bottom: -1px;
  }
}

#polo-fit-guide .guide .guide-detail .guide-detail-lead {
  background: #F7F7F7;
}

@media screen and (min-width: 768px) {
  #polo-fit-guide .guide .guide-detail .guide-detail-lead {
    flex: 1;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    text-align: left;
    font-size: calc(clamp(0px, calc(18 / 1366 * 100vw), calc(18 / 1366 * 1366 * 1px)) * 1);
    line-height: 1.77;
  }
}

@media screen and (max-width: 767px) {
  #polo-fit-guide .guide .guide-detail .guide-detail-lead {
    font-size: calc(clamp(0px, calc(28 / 750 * 100vw), calc(28 / 750 * 100vw)) * 1);
    line-height: 1.71;
    padding-top: calc(clamp(0px, calc(45 / 750 * 100vw), calc(45 / 750 * 100vw)) * 1);
    padding-bottom: calc(clamp(0px, calc(55 / 750 * 100vw), calc(55 / 750 * 100vw)) * 1);
  }
}

@media screen and (min-width: 768px) {
  #polo-fit-guide .guide .guide-detail .guide-detail-inner {
    padding-left: calc(clamp(0px, calc(100 / 1366 * 100vw), calc(100 / 1366 * 1366 * 1px)) * 1);
    padding-right: calc(clamp(0px, calc(80 / 1366 * 100vw), calc(80 / 1366 * 1366 * 1px)) * 1);
  }
}

#polo-fit-guide .guide .guide-detail .guide-detail-title {
  color: #105A33;
  font-family: var(--lacoste-font-black);
  line-height: 1;
}

@media screen and (min-width: 768px) {
  #polo-fit-guide .guide .guide-detail .guide-detail-title {
    font-size: calc(clamp(0px, calc(40 / 1366 * 100vw), calc(40 / 1366 * 1366 * 1px)) * 1);
    margin-bottom: calc(clamp(0px, calc(23 / 1366 * 100vw), calc(23 / 1366 * 1366 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #polo-fit-guide .guide .guide-detail .guide-detail-title {
    font-size: calc(clamp(0px, calc(50 / 750 * 100vw), calc(50 / 750 * 100vw)) * 1);
    margin-bottom: calc(clamp(0px, calc(40 / 750 * 100vw), calc(40 / 750 * 100vw)) * 1);
  }
}

@media screen and (min-width: 768px) {
  #polo-fit-guide .guide .guide-detail::before, #polo-fit-guide .guide .guide-detail::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    background: #fff;
    left: 0;
    z-index: 2;
  }
}

@media screen and (min-width: 768px) {
  #polo-fit-guide .guide .guide-detail::before {
    top: 0;
  }
}

@media screen and (min-width: 768px) {
  #polo-fit-guide .guide .guide-detail::after {
    bottom: 0;
  }
}

#polo-fit-guide .check {
  text-align: center;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  #polo-fit-guide .check {
    width: calc(clamp(0px, calc(1200 / 1366 * 100vw), calc(1200 / 1366 * 1366 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #polo-fit-guide .check {
    padding-left: calc(clamp(0px, calc(20 / 750 * 100vw), calc(20 / 750 * 100vw)) * 1);
    padding-right: calc(clamp(0px, calc(20 / 750 * 100vw), calc(20 / 750 * 100vw)) * 1);
  }
}

#polo-fit-guide .check .title {
  letter-spacing: 0;
}

@media screen and (min-width: 768px) {
  #polo-fit-guide .check .title {
    font-size: calc(clamp(0px, calc(42 / 1366 * 100vw), calc(42 / 1366 * 1366 * 1px)) * 1);
    margin-top: calc(clamp(0px, calc(100 / 1366 * 100vw), calc(100 / 1366 * 1366 * 1px)) * 1);
    margin-bottom: calc(clamp(0px, calc(60 / 1366 * 100vw), calc(60 / 1366 * 1366 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #polo-fit-guide .check .title {
    font-size: calc(clamp(0px, calc(50 / 750 * 100vw), calc(50 / 750 * 100vw)) * 1);
    margin-top: calc(clamp(0px, calc(115 / 750 * 100vw), calc(115 / 750 * 100vw)) * 1);
    margin-bottom: calc(clamp(0px, calc(60 / 750 * 100vw), calc(60 / 750 * 100vw)) * 1);
  }
}
/*# sourceMappingURL=common.css.map */