@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] - 縮小を停止するウィンドウ幅
 */
/**
 * フォントサイズの可変
 *
 * @param {number} $fontsize 基準となるフォントサイズ
 * @param {number} $basewidth 基準となる幅
 * @param {number} $maxwidth フォントサイズの拡大をとめる幅（未指定時は上限なし）
 * @param {number} $minwidth フォントサイズの縮小をとめる幅（未指定時は下限なし）
 */
body {
  margin: 0;
}

.our-preferred__main {
  /*-----------------------------------
		reset css
	-----------------------------------*/
  margin: 0;
  overflow-x: hidden;
  background: #F4EDE4;
  color: #292929;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
  width: 100%;
  line-height: 1;
}

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

.our-preferred__main article,
.our-preferred__main aside,
.our-preferred__main details,
.our-preferred__main figcaption,
.our-preferred__main figure,
.our-preferred__main footer,
.our-preferred__main header,
.our-preferred__main hgroup,
.our-preferred__main menu,
.our-preferred__main nav,
.our-preferred__main section {
  display: block;
}

.our-preferred__main ol,
.our-preferred__main ul {
  list-style: none;
}

.our-preferred__main a,
.our-preferred__main li {
  display: block;
}

.our-preferred__main blockquote,
.our-preferred__main q {
  quotes: none;
}

.our-preferred__main blockquote:before,
.our-preferred__main blockquote:after,
.our-preferred__main q:before,
.our-preferred__main q:after {
  content: '';
  content: none;
}

.our-preferred__main table {
  border-collapse: collapse;
  border-spacing: 0;
}

.our-preferred__main * {
  box-sizing: border-box;
}

.our-preferred__main a {
  color: inherit;
  text-decoration: none;
  transition: opacity .3s ease-in-out;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .our-preferred__main a:hover {
    opacity: .6;
  }
}

.our-preferred__main img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
}

.our-preferred__main picture {
  display: block;
}

.our-preferred__main button {
  border: none;
  cursor: pointer;
  transition: opacity .3s ease-in-out;
}

@media screen and (min-width: 768px) {
  .our-preferred__main button:hover {
    opacity: .6;
  }
}

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

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

.our-preferred__main .en {
  font-family: "Lacoste Bold", "Meiryo UI", メイリオ, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Helvetica, Arial, sans-serif;
}

.our-preferred__main .midium-break {
  display: none;
}

@media screen and (max-width: 1200px) {
  .our-preferred__main .midium-break {
    display: inline;
  }
}

.our-preferred__main .mobile-break {
  display: none;
}

@media screen and (max-width: 767px) {
  .our-preferred__main .midium-break {
    display: none;
  }
  .our-preferred__main .mobile-break {
    display: inline;
  }
}

.our-preferred__main .frontview__wrapper {
  position: relative;
  margin-bottom: 3.19444vw;
}

.our-preferred__main .frontview__wrapper .frontview__copy {
  position: absolute;
  font-size: calc(36 / 720 * 100vh);
  line-height: calc(55 / 38);
  font-weight: bold;
  color: white;
  width: 100%;
  text-align: center;
  top: calc(110 / 720 * 100vh);
}

@media screen and (max-width: 1200px) {
  .our-preferred__main .frontview__wrapper .frontview__copy {
    top: calc(60 / 720 * 100vh);
  }
}

.our-preferred__main .frontview__wrapper .frontview__subcopy {
  position: absolute;
  font-size: calc(18 / 720 * 100vh);
  line-height: calc(22 / 18);
  color: white;
  width: 100%;
  text-align: center;
  top: calc(172 / 720 * 100vh);
}

.our-preferred__main .frontview__wrapper .frontview {
  width: 100%;
  height: 75vh;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .our-preferred__main .frontview__wrapper .frontview__copy {
    font-size: 5.33333vw;
    top: 111.2vw;
  }
  .our-preferred__main .frontview__wrapper .frontview__subcopy {
    font-size: 4.26667vw;
    top: 123.46667vw;
  }
  .our-preferred__main .frontview__wrapper .frontview {
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .our-preferred__main .frontview__wrapper {
    margin-bottom: 6.4vw;
  }
}

.our-preferred__main .top-description {
  margin: 0 auto;
  line-height: 1.4;
  text-align: center;
  width: 41.66667vw;
  font-size: 1.21528vw;
  margin-bottom: 3.47222vw;
}

@media screen and (max-width: 767px) {
  .our-preferred__main .top-description {
    line-height: 1.6;
    width: 88vw;
    font-size: 4.48vw;
    margin-bottom: 5.33333vw;
  }
}

.our-preferred__main .description__section {
  background-color: #06532A;
  color: white;
  padding-top: 3.19444vw;
  padding-bottom: 3.47222vw;
  margin-bottom: 3.33333vw;
}

.our-preferred__main .description__section .description__title {
  text-align: center;
  font-weight: bold;
  font-size: 1.66667vw;
  margin-bottom: 2.08333vw;
}

.our-preferred__main .description__section .description__body {
  margin: 0 auto;
  line-height: 1.7;
  text-align: center;
  width: 41.66667vw;
  font-size: 1.00694vw;
  margin-bottom: 1.94444vw;
}

.our-preferred__main .description__section .description__anchor {
  color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  margin: 0 auto;
  width: 6.94444vw;
  height: 3.19444vw;
  font-size: 0.90278vw;
}

@media screen and (max-width: 767px) {
  .our-preferred__main .description__section {
    padding-top: 8.53333vw;
    padding-bottom: 9.86667vw;
    margin-bottom: 12vw;
  }
  .our-preferred__main .description__section .description__title {
    line-height: 1.3;
    font-size: 5.33333vw;
    margin-bottom: 3.73333vw;
  }
  .our-preferred__main .description__section .description__body {
    font-size: 4vw;
    width: 80vw;
    margin-bottom: 5.33333vw;
  }
  .our-preferred__main .description__section .description__anchor {
    width: 26.66667vw;
    height: 12.26667vw;
    font-size: 3.46667vw;
  }
}

.our-preferred__main .nominated__section {
  width: 100%;
}

.our-preferred__main .nominated__section .nominated__title {
  text-align: center;
  font-weight: bold;
  font-size: 1.66667vw;
  margin-bottom: 3.26389vw;
}

.our-preferred__main .nominated__section .nominated-cotton {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 3.125vw;
  -moz-column-gap: 7.91667vw;
  column-gap: 7.91667vw;
}

.our-preferred__main .nominated__section .nominated-cotton .nominated-cotton__video {
  width: 55.97222vw;
  height: 55.97222vw;
}

.our-preferred__main .nominated__section .nominated-cotton .nominated-cotton__body {
  width: 24.58333vw;
}

.our-preferred__main .nominated__section .nominated-cotton .nominated-cotton__body .nominated-cotton__title {
  font-weight: bold;
  line-height: 1.3;
  font-size: 1.38889vw;
  margin-bottom: 1.25vw;
}

.our-preferred__main .nominated__section .nominated-cotton .nominated-cotton__body .nominated-cotton__description {
  line-height: 1.7;
  font-size: 1.00694vw;
}

.our-preferred__main .nominated__section .article-list {
  display: flex;
  justify-content: center;
  -moz-column-gap: 0.55556vw;
  column-gap: 0.55556vw;
  margin-bottom: 5.55556vw;
}

.our-preferred__main .nominated__section .article-list .article-list__item {
  width: 22.63889vw;
}

.our-preferred__main .nominated__section .article-list .article-list__item .article-list__article {
  width: 100%;
}

.our-preferred__main .nominated__section .article-list .article-list__item .article-list__article .article-list__image {
  width: 100%;
  height: auto;
  margin-bottom: 1.25vw;
}

.our-preferred__main .nominated__section .article-list .article-list__item .article-list__article .article-list__title {
  font-weight: bold;
  font-size: 1.38889vw;
  margin-bottom: 0.83333vw;
}

.our-preferred__main .nominated__section .article-list .article-list__item .article-list__article .article-list__body {
  line-height: 1.7;
  font-size: 1.04167vw;
}

@media screen and (max-width: 767px) {
  .our-preferred__main .nominated__section {
    margin-bottom: 13.86667vw;
  }
  .our-preferred__main .nominated__section .nominated__title {
    line-height: 1.3;
    font-size: 5.33333vw;
    margin-bottom: 9.06667vw;
  }
  .our-preferred__main .nominated__section .nominated-cotton {
    display: block;
  }
  .our-preferred__main .nominated__section .nominated-cotton .nominated-cotton__video {
    width: 100%;
    height: auto;
    margin-bottom: 7.46667vw;
  }
  .our-preferred__main .nominated__section .nominated-cotton .nominated-cotton__body {
    margin: 0 auto;
    width: 90.66667vw;
  }
  .our-preferred__main .nominated__section .nominated-cotton .nominated-cotton__body .nominated-cotton__title {
    line-height: 1.6;
    font-size: 4.53333vw;
    margin-bottom: 1.6vw;
  }
  .our-preferred__main .nominated__section .nominated-cotton .nominated-cotton__body .nominated-cotton__description {
    line-height: 1.75;
    font-size: 4vw;
    margin-bottom: 16vw;
  }
  .our-preferred__main .nominated__section .article-list {
    margin: 0 auto;
    display: block;
    width: 90.66667vw;
  }
  .our-preferred__main .nominated__section .article-list .article-list__item {
    width: 100%;
    margin-bottom: 9.6vw;
  }
  .our-preferred__main .nominated__section .article-list .article-list__item .article-list__article .article-list__image {
    margin-bottom: 6.4vw;
  }
  .our-preferred__main .nominated__section .article-list .article-list__item .article-list__article .article-list__title {
    font-size: 4.53333vw;
    margin-bottom: 4vw;
  }
  .our-preferred__main .nominated__section .article-list .article-list__item .article-list__article .article-list__body {
    font-size: 4vw;
  }
}

.our-preferred__main .other-cotton {
  width: 100%;
  margin-bottom: 4.16667vw;
}

.our-preferred__main .other-cotton .other-cotton__title {
  font-weight: bold;
  text-align: center;
  width: 100%;
  font-size: 1.66667vw;
  margin-bottom: 3.26389vw;
}

.our-preferred__main .other-cotton .other-cotton__list {
  width: 100%;
  display: flex;
  justify-content: center;
  -moz-column-gap: 0.55556vw;
  column-gap: 0.55556vw;
}

.our-preferred__main .other-cotton .other-cotton__list .other-cotton__item {
  width: 45.83333vw;
}

.our-preferred__main .other-cotton .other-cotton__list .other-cotton__item .other-cotton__article {
  width: 100%;
}

.our-preferred__main .other-cotton .other-cotton__list .other-cotton__item .other-cotton__article .other-cotton__image {
  width: 100%;
  height: auto;
  margin-bottom: 1.11111vw;
}

.our-preferred__main .other-cotton .other-cotton__list .other-cotton__item .other-cotton__article .other-cotton__video {
  width: 100%;
  height: auto;
  margin-bottom: 1.11111vw;
}

.our-preferred__main .other-cotton .other-cotton__list .other-cotton__item .other-cotton__article .other-cotton__title {
  text-align: start;
  font-size: 1.38889vw;
  margin-bottom: 0.83333vw;
}

.our-preferred__main .other-cotton .other-cotton__list .other-cotton__item .other-cotton__article .other-cotton__body {
  line-height: 1.7;
  font-size: 1.04167vw;
}

.our-preferred__main .other-cotton .other-cotton__list .other-cotton__item--cols4 {
  width: 22.63889vw;
}

@media screen and (max-width: 767px) {
  .our-preferred__main .other-cotton .other-cotton__title {
    font-size: 5.33333vw;
    margin-bottom: 6.93333vw;
  }
  .our-preferred__main .other-cotton .other-cotton__list {
    margin: 0 auto;
    display: block;
    width: 90.66667vw;
  }
  .our-preferred__main .other-cotton .other-cotton__list .other-cotton__item {
    width: 100%;
    margin-bottom: 14.93333vw;
  }
  .our-preferred__main .other-cotton .other-cotton__list .other-cotton__item .other-cotton__article .other-cotton__image {
    margin-bottom: 6.4vw;
  }
  .our-preferred__main .other-cotton .other-cotton__list .other-cotton__item .other-cotton__article .other-cotton__video {
    margin-bottom: 5.33333vw;
  }
  .our-preferred__main .other-cotton .other-cotton__list .other-cotton__item .other-cotton__article .other-cotton__title {
    font-size: 4.53333vw;
    margin-bottom: 4.8vw;
  }
  .our-preferred__main .other-cotton .other-cotton__list .other-cotton__item .other-cotton__article .other-cotton__body {
    font-size: 4vw;
  }
  .our-preferred__main .other-cotton .other-cotton__list .other-cotton__item--cols4 .other-cotton__article .other-cotton__title {
    font-size: 5.33333vw;
  }
}

.our-preferred__main .other-cotton.other-cotton--last {
  margin-bottom: 7.29167vw;
}

@media screen and (max-width: 767px) {
  .our-preferred__main .other-cotton.other-cotton--last {
    margin-bottom: 14.4vw;
  }
}

.our-preferred__main .report {
  margin-bottom: 3.125vw;
}

.our-preferred__main .report .report__title {
  text-align: center;
  font-weight: bold;
  font-size: 1.66667vw;
  margin-bottom: 1.25vw;
}

.our-preferred__main .report .report__description {
  text-align: center;
  margin-bottom: 1.94444vw;
  font-size: 1.04167vw;
}

.our-preferred__main .report .report__anchor {
  margin: 0 auto;
  background-color: #06532A;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 11.80556vw;
  height: 3.19444vw;
  font-size: 0.90278vw;
}

@media screen and (max-width: 767px) {
  .our-preferred__main .report {
    margin-bottom: 14.13333vw;
  }
  .our-preferred__main .report .report__title {
    font-size: 5.33333vw;
    margin-bottom: 4vw;
  }
  .our-preferred__main .report .report__description {
    line-height: 1.7;
    font-size: 4vw;
    margin-bottom: 5.33333vw;
  }
  .our-preferred__main .report .report__anchor {
    width: 45.33333vw;
    height: 12.26667vw;
    font-size: 3.46667vw;
  }
}
/*# sourceMappingURL=common.css.map */