@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] - 縮小を停止するウィンドウ幅
 */
 @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");

 /**
  * イージングプロパティ
  * https://github.com/dmnsgn/sass-easing
  */

body {
  margin: 0;
}

#golf-collection {
  /*-----------------------------------
		reset css
	-----------------------------------*/
  margin: 0;
  background: white;
  color: #082415;
  font-family: var(--font-default);
  line-height: 1;
}

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

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

#golf-collection ol, #golf-collection ul {
  list-style: none;
}

#golf-collection blockquote, #golf-collection q {
  quotes: none;
}

#golf-collection blockquote:before, #golf-collection blockquote:after,
#golf-collection q:before, #golf-collection q:after {
  content: '';
  content: none;
}

#golf-collection table {
  border-collapse: collapse;
  border-spacing: 0;
}

#golf-collection * {
  box-sizing: border-box;
}

#golf-collection a {
  color: inherit;
  text-decoration: none;
}

#golf-collection img {
  display: block;
  width: 100%;
  max-width: 100%;
}

#golf-collection video {
  vertical-align: top;
}

#golf-collection picture {
  display: block;
}

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

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

#golf-collection .lacosteBold {
  font-family: var(--font-heading);
}

#golf-collection .maincolor {
  color: #06532A;
}

#golf-collection .button__wrapper {
  background-color: #f4f4f4;
}

@media screen and (min-width: 768px) {
  #golf-collection .button__wrapper {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}

@media screen and (max-width: 767px) {
  #golf-collection .button__wrapper {
    padding-top: 9.33333vw;
    padding-bottom: 9.33333vw;
    padding-left: 11.33333vw;
    padding-right: 11.33333vw;
  }
}

@media screen and (min-width: 768px) {
  #golf-collection .button__wrapper .button__flex {
    display: flex;
    justify-content: center;
  }
}

@media screen and (min-width: 768px) {
  #golf-collection .button__wrapper .button {
    width: 290px;
    height: 60px;
  }
}

@media screen and (max-width: 767px) {
  #golf-collection .button__wrapper .button {
    width: 100%;
    height: 16vw;
  }
}

@media screen and (min-width: 768px) {
  #golf-collection .button__wrapper .button:not(:first-child) {
    margin-left: 100px;
  }
}

@media screen and (max-width: 767px) {
  #golf-collection .button__wrapper .button:not(:first-child) {
    margin-top: 8vw;
  }
}

#golf-collection .button__wrapper .button .button__link {
  background: #06532A;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}

@media screen and (min-width: 768px) {
  #golf-collection .button__wrapper .button .button__link {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  #golf-collection .button__wrapper .button .button__link {
    font-size: 4.26667vw;
  }
}

@media screen and (min-width: 768px) {
  #golf-collection .mainVisual {
    padding-top: 35px;
  }
}

#golf-collection .mainVisual .inner {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

#golf-collection .mainVisual .video__wrapper {
  position: relative;
  width: 100%;
}

@media screen and (min-width: 768px) {
  #golf-collection .mainVisual .video__wrapper {
    padding-top: calc(1127 / 2000 * 100%);
  }
}

@media screen and (max-width: 767px) {
  #golf-collection .mainVisual .video__wrapper {
    padding-top: calc(666 / 375 * 100%);
  }
}

#golf-collection .mainVisual .video__wrapper video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 768px) {
  #golf-collection .about {
    padding-top: 70px;
    padding-bottom: 80px;
  }
}

@media screen and (max-width: 767px) {
  #golf-collection .about {
    padding-top: 13.33333vw;
    padding-bottom: 13.33333vw;
  }
}

@media screen and (min-width: 768px) {
  #golf-collection .about .about__inner {
    max-width: 1366px;
    margin-left: auto;
    margin-right: auto;
  }
}

#golf-collection .about .about__heading {
  text-align: center;
}

@media screen and (min-width: 768px) {
  #golf-collection .about .about__heading {
    line-height: 1;
    font-size: 65px;
  }
}

@media screen and (max-width: 767px) {
  #golf-collection .about .about__heading {
    line-height: calc(100 / 120);
    font-size: 12vw;
  }
}

@media screen and (min-width: 768px) {
  #golf-collection .about .about__flex {
    display: flex;
    justify-content: center;
    margin-top: 75px;
  }
}

@media screen and (max-width: 767px) {
  #golf-collection .about .about__flex {
    padding-top: 13.33333vw;
  }
}

@media screen and (min-width: 768px) {
  #golf-collection .about .about__image {
    flex-shrink: 0;
    width: calc(683 / 1366 * 100%);
  }
}

@media screen and (max-width: 767px) {
  #golf-collection .about .about__image {
    width: 100%;
  }
}

#golf-collection .about .about__image figcaption {
  line-height: 1.4;
}

@media screen and (min-width: 768px) {
  #golf-collection .about .about__image figcaption {
    font-size: 10px;
    margin-top: 10px;
  }
}

@media screen and (max-width: 767px) {
  #golf-collection .about .about__image figcaption {
    margin-top: 1.33333vw;
    padding-left: 6.66667vw;
    font-size: 2.66667vw;
  }
}

@media screen and (min-width: 768px) {
  #golf-collection .about .about__contents {
    padding-left: 40px;
    padding-top: 75px;
    max-width: 500px;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  #golf-collection .about .about__contents {
    padding-top: 9.33333vw;
    padding-left: 6.66667vw;
    padding-right: 6.66667vw;
  }
}

#golf-collection .about .about__text {
  line-height: calc(48 / 32);
}

@media screen and (min-width: 768px) {
  #golf-collection .about .about__text {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  #golf-collection .about .about__text {
    font-size: 4vw;
  }
}

@media screen and (min-width: 768px) {
  #golf-collection .about .about__text:not(:first-of-type) {
    margin-top: 2em;
  }
}

@media screen and (max-width: 767px) {
  #golf-collection .about .about__text:not(:first-of-type) {
    margin-top: 10.66667vw;
  }
}

@media screen and (min-width: 768px) {
  #golf-collection .content01 {
    padding-top: 80px;
  }
}

@media screen and (max-width: 767px) {
  #golf-collection .content01 {
    padding-top: 13.33333vw;
  }
}

@media screen and (min-width: 768px) {
  #golf-collection .content01 .content01__inner {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
  }
}

@media screen and (max-width: 767px) {
  #golf-collection .content01 .content01__inner {
    padding-left: 6.66667vw;
    padding-right: 6.66667vw;
  }
}

@media screen and (min-width: 768px) {
  #golf-collection .content01 .content01__block {
    width: calc(400 / 900 * 100%);
  }
}

@media screen and (min-width: 768px) {
  #golf-collection .content01 .content01__block:not(:first-child) {
    margin-left: 100px;
    padding-top: 150px;
  }
}

@media screen and (max-width: 767px) {
  #golf-collection .content01 .content01__block:not(:first-child) {
    padding-top: 13.33333vw;
  }
}

@media screen and (min-width: 768px) {
  #golf-collection .content01 .content01__image figcaption {
    font-size: 10px;
    margin-top: 10px;
  }
}

@media screen and (max-width: 767px) {
  #golf-collection .content01 .content01__image figcaption {
    margin-top: 1.33333vw;
    font-size: 2.66667vw;
  }
}

#golf-collection .content01 .content01__heading {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  #golf-collection .content01 .content01__heading {
    margin-top: 20px;
    font-size: 18px;
  }
}

@media screen and (max-width: 767px) {
  #golf-collection .content01 .content01__heading {
    margin-top: 6vw;
    font-size: 4.53333vw;
  }
}

@media screen and (min-width: 768px) {
  #golf-collection .content01 .content01__text {
    line-height: calc(48 / 30);
    font-size: 15px;
    margin-top: 15px;
  }
}

@media screen and (max-width: 767px) {
  #golf-collection .content01 .content01__text {
    line-height: calc(44 / 30);
    font-size: 4vw;
    margin-top: 4vw;
  }
}

@media screen and (min-width: 768px) {
  #golf-collection .content02 {
    padding-top: 60px;
  }
}

@media screen and (max-width: 767px) {
  #golf-collection .content02 {
    padding-top: 13.33333vw;
  }
}

@media screen and (min-width: 768px) {
  #golf-collection .content02 .content02__inner {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 768px) {
  #golf-collection .content02 .content02__block:not(:first-of-type) {
    margin-top: 60px;
  }
}

@media screen and (max-width: 767px) {
  #golf-collection .content02 .content02__block:not(:first-of-type) {
    padding-top: 13.33333vw;
  }
}

#golf-collection .content02 .content02__block picture {
  width: 100%;
}

#golf-collection .content02 .content02__headig {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  #golf-collection .content02 .content02__headig {
    font-size: 18px;
    margin-top: 25px;
  }
}

@media screen and (max-width: 767px) {
  #golf-collection .content02 .content02__headig {
    font-size: 4.13333vw;
    margin-top: 6vw;
    padding-left: 6.66667vw;
    padding-right: 6.66667vw;
  }
}

@media screen and (min-width: 768px) {
  #golf-collection .content02 .content02__text {
    line-height: calc(48 / 30);
    margin-top: 15px;
    font-size: 15px;
  }
}

@media screen and (max-width: 767px) {
  #golf-collection .content02 .content02__text {
    line-height: calc(44 / 30);
    font-size: 3.73333vw;
    margin-top: 4vw;
    padding-left: 6.66667vw;
    padding-right: 6.66667vw;
  }
}

@media screen and (min-width: 768px) {
  #golf-collection .content03 {
    padding-top: 75px;
    padding-bottom: 80px;
  }
}

@media screen and (max-width: 767px) {
  #golf-collection .content03 {
    padding-top: 16vw;
    padding-bottom: 13.33333vw;
  }
}

#golf-collection .content03 .content03__inner {
  position: relative;
}

@media screen and (min-width: 768px) {
  #golf-collection .content03 .content03__inner {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    height: 74vw;
  }
}

@media screen and (min-width: 768px) and (min-width: 1000px) {
  #golf-collection .content03 .content03__inner {
    height: 740px;
  }
}

@media screen and (min-width: 768px) {
  #golf-collection .content03 figcaption {
    margin-top: 10px;
    font-size: 10px;
  }
}

@media screen and (max-width: 767px) {
  #golf-collection .content03 figcaption {
    line-height: calc(20 / 11);
    font-size: 2.66667vw;
    margin-top: 1.33333vw;
    padding-left: 1.2em;
    text-indent: -1.5em;
  }
}

@media screen and (min-width: 768px) {
  #golf-collection .content03 .content03_01 {
    position: absolute;
    top: 0vw;
    left: 0vw;
    right: 0vw;
    width: 34.9vw;
    margin: auto;
  }
}

@media screen and (min-width: 768px) and (min-width: 1000px) {
  #golf-collection .content03 .content03_01 {
    top: 0px;
  }
}

@media screen and (min-width: 768px) and (min-width: 1000px) {
  #golf-collection .content03 .content03_01 {
    left: 0px;
  }
}

@media screen and (min-width: 768px) and (min-width: 1000px) {
  #golf-collection .content03 .content03_01 {
    right: 0px;
  }
}

@media screen and (min-width: 768px) and (min-width: 1000px) {
  #golf-collection .content03 .content03_01 {
    width: 349px;
  }
}

@media screen and (max-width: 767px) {
  #golf-collection .content03 .content03_01 {
    width: 64vw;
    margin-left: 29.33333vw;
  }
}

@media screen and (max-width: 767px) {
  #golf-collection .content03 .content03__flex {
    display: flex;
    justify-content: space-between;
    margin-top: 6.66667vw;
  }
}

@media screen and (min-width: 768px) {
  #golf-collection .content03 .content03_02 {
    position: absolute;
    top: 6vw;
    left: 0vw;
    width: 27.8vw;
  }
}

@media screen and (min-width: 768px) and (min-width: 1000px) {
  #golf-collection .content03 .content03_02 {
    top: 60px;
  }
}

@media screen and (min-width: 768px) and (min-width: 1000px) {
  #golf-collection .content03 .content03_02 {
    left: 0px;
  }
}

@media screen and (min-width: 768px) and (min-width: 1000px) {
  #golf-collection .content03 .content03_02 {
    width: 278px;
  }
}

@media screen and (max-width: 767px) {
  #golf-collection .content03 .content03_02 {
    width: 42.13333vw;
    margin-left: 2.66667vw;
  }
}

@media screen and (min-width: 768px) {
  #golf-collection .content03 .content03_03 {
    position: absolute;
    top: 16vw;
    right: 0vw;
    width: 29.6vw;
  }
}

@media screen and (min-width: 768px) and (min-width: 1000px) {
  #golf-collection .content03 .content03_03 {
    top: 160px;
  }
}

@media screen and (min-width: 768px) and (min-width: 1000px) {
  #golf-collection .content03 .content03_03 {
    right: 0px;
  }
}

@media screen and (min-width: 768px) and (min-width: 1000px) {
  #golf-collection .content03 .content03_03 {
    width: 296px;
  }
}

@media screen and (max-width: 767px) {
  #golf-collection .content03 .content03_03 {
    width: 44vw;
    margin-left: 2.4vw;
  }
}

@media screen and (min-width: 768px) {
  #golf-collection .content03 .content03_04 {
    position: absolute;
    bottom: 0vw;
    right: 0vw;
    left: 0vw;
    width: 35.4vw;
    margin: auto;
  }
}

@media screen and (min-width: 768px) and (min-width: 1000px) {
  #golf-collection .content03 .content03_04 {
    bottom: 0px;
  }
}

@media screen and (min-width: 768px) and (min-width: 1000px) {
  #golf-collection .content03 .content03_04 {
    right: 0px;
  }
}

@media screen and (min-width: 768px) and (min-width: 1000px) {
  #golf-collection .content03 .content03_04 {
    left: 0px;
  }
}

@media screen and (min-width: 768px) and (min-width: 1000px) {
  #golf-collection .content03 .content03_04 {
    width: 354px;
  }
}

@media screen and (max-width: 767px) {
  #golf-collection .content03 .content03_04 {
    margin-top: 6.66667vw;
    width: 53.33333vw;
    margin-left: auto;
    margin-right: auto;
  }
}
/*# sourceMappingURL=common.css.map */