@charset "UTF-8";
/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*
$color1: #1f3134; //黒っぽい緑
$color2: #ff0033; //赤
$color3: #b40034; //エンジ色
$color4: #0f3784; //青

//2022～
$color5: #aac467; //黄緑
$color7: #595757; //濃グレー

$mainColor: $color1;
$accentColor: #fff; //白

//2022～
$fontColor: $color7;

$bgColor1: #f8eef7; //薄ピンク
$bgColor2: #e0eff2; //水色
$bgColor3: #f4efe4; //ベージュ
$bgColor4: #f5f2ef; //グレーっぽいベージュ
$bgColor5: #fffee6; //薄黄色

$bdColor1: #d5d7d6; //グレー

$pastelColor1: #e3a7c8;
$pastelColor2: #f3efa1;
$pastelColor3: #a8cae5;
$pastelColor4: #ed7986;

$pastelColor1-dark: #eca1ca;
$pastelColor2-dark: #e6d223;
$pastelColor3-dark: #7ebded;

$mkColor1: #f6d1e5; //薄ピンク
$mkColor2: #c6e0f6; //水色
$mkColor3: #faf3b1; //黄色

//2022～
$boysColor: #5aa7ab;
$girlsColor: #ab226d;
$boysBgColor: #d4e5e6;
$girlsBgColor: #eadfe4;

$btnColor: #9fa0a0;
*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*--------------------
～2021用フォント設定
--------------------*/
@font-face {
  font-family: "HoshizoraMincho";
  src: url(./../images/font/StarSkyMincyou-Regular.woff2) format("woff2");
  src: url(./../images/font/StarSkyMincyou-Regular.woff) format("woff");
}
/*--------------------
2022～フォント設定
--------------------*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* ///////////////////////////////////////////
  cozy.scss
  フジタの背負い心地
  NICE&COZY
/////////////////////////////////////////// */
.page--cozy {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif;
}
@media only screen and (max-width: 768px) {
  .page--cozy {
    padding: 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cozy {
    padding: 0;
  }
}
.page--cozy .page__title {
  position: relative;
  /*
  @include smartphone { margin-bottom: 200px; }
  @include screen { margin-bottom: 500px;}

  &::after {
    width: 100%;
    content: "";
    display: block;
    background: url(../images/page/cozy/pagetitle-after.jpg) center top no-repeat #e3e3e3;
    background-size: cover;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    @include smartphone {
      height: 200px;
      bottom: -200px;
    }
    @include screen {
      height: 500px;
      bottom: -500px;
    }
  }
  */
}
.page--cozy .cozy__headerImage {
  max-width: 758px;
  margin: 0 auto;
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__headerImage {
    padding: 80px 50px;
  }
}
@media only screen and (max-width: 768px) {
  .page--cozy .cozy__headerImage {
    padding: 30px;
  }
}
.page--cozy .cozy__headerImage img {
  display: block;
  width: 100%;
  max-width: 640px;
  height: auto;
  margin: 0 auto;
}
.page--cozy .cozy__intro {
  display: block;
  max-width: 1280px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--cozy .cozy__intro {
    padding: 0px 20px 30px 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--cozy .cozy__intro {
    padding: 100px 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--cozy .cozy__intro {
    padding: 0 80px 100px 80px;
  }
}
.page--cozy .cozy__intro h2 {
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  line-height: 1.4;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--cozy .cozy__intro h2 {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__intro h2 {
    font-size: 3rem;
  }
}
.page--cozy .cozy__intro h2 > span {
  display: block;
}
@media only screen and (max-width: 768px) {
  .page--cozy .cozy__intro h2 > span {
    font-size: 2rem;
    margin: 10px -20px 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__intro h2 > span {
    font-size: 3.6rem;
    margin-top: 15px;
  }
}
.page--cozy .cozy__intro h2 > span > span {
  background: linear-gradient(transparent 60%, #faf3b1 60%);
}
.page--cozy .cozy__intro h2 > span > span span {
  font-size: 1.16em;
  display: inline-block;
  padding: 0 0.1em;
}
@media only screen and (max-width: 768px) {
  .page--cozy .cozy__intro h2 > span > span span {
    font-size: 2.4rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__intro h2 > span > span span {
    font-size: 4.2rem;
  }
}
.page--cozy .cozy__intro p {
  max-width: 900px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--cozy .cozy__intro p {
    margin-top: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__intro p {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .page--cozy .cozy__intro p:first-of-type {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__intro p:first-of-type {
    margin-top: 70px;
  }
}
.page--cozy .cozy__intro ol {
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  background-color: #f9fdfd;
}
@media only screen and (max-width: 768px) {
  .page--cozy .cozy__intro ol {
    margin-top: 20px;
    padding: 20px;
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--cozy .cozy__intro ol {
    margin-top: 50px;
    padding: 50px;
    font-size: 2rem;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--cozy .cozy__intro ol {
    margin-top: 100px;
    padding: 100px 140px;
    font-size: 2.4rem;
  }
}
.page--cozy .cozy__intro ol li {
  line-height: 1.4;
  position: relative;
}
.page--cozy .cozy__intro ol li::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin: auto 0;
  position: absolute;
  border-style: solid;
  border-color: transparent transparent transparent #3f3f3f;
}
@media only screen and (max-width: 768px) {
  .page--cozy .cozy__intro ol li::before {
    border-width: 6px 0 6px 8px;
    top: 5px;
    left: 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__intro ol li::before {
    border-width: 9px 0 9px 12px;
    top: 7px;
    left: 0;
  }
}
@media only screen and (max-width: 768px) {
  .page--cozy .cozy__intro ol li {
    margin-top: 8px;
    padding-left: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__intro ol li {
    margin-top: 15px;
    padding-left: 25px;
  }
}
.page--cozy .cozy__intro ol li:first-child {
  margin-top: 0;
}
.page--cozy .cozy__intro ol li a {
  display: block;
}
.page--cozy .cozy__content {
  /*
  &.content2 {
    //メリットデメリット
    .merit {
      li {
        &:first-child {
          h3 {
            background: linear-gradient(transparent 60%,$mkColor2 60%);
          }
        }
        &:nth-child(2) {
          h3 {
            background: linear-gradient(transparent 60%,$mkColor1 60%);
          }
        }
      }
    }
  }
  */
}
@media only screen and (max-width: 768px) {
  .page--cozy .cozy__content {
    padding-bottom: 50px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__content {
    padding-bottom: 100px;
  }
}
.page--cozy .cozy__content .mod__heading02 {
  height: auto;
  display: block;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--cozy .cozy__content .mod__heading02 {
    padding: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__content .mod__heading02 {
    padding: 40px;
  }
}
.page--cozy .cozy__content .mod__heading02 span {
  color: #faf3b1;
  display: inline;
}
.page--cozy .cozy__content__container {
  display: block;
  max-width: 1060px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--cozy .cozy__content__container {
    padding: 0px 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--cozy .cozy__content__container {
    padding: 0px 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--cozy .cozy__content__container {
    padding: 0px 80px;
  }
}
@media only screen and (max-width: 768px) {
  .page--cozy .cozy__content__container p {
    margin-top: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__content__container p {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .page--cozy .cozy__content__container p:first-of-type {
    margin-top: 30px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__content__container p:first-of-type {
    margin-top: 70px;
  }
}
.page--cozy .cozy__content__container figure {
  position: relative;
  background-color: #f9fdfd;
  margin: 0 auto;
}
.page--cozy .cozy__content__container figure::before {
  display: block;
  content: "";
}
.page--cozy .cozy__content__container figure img {
  display: block;
  width: 100%;
  height: auto;
  /*
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  */
}
.page--cozy .cozy__content__container > figure {
  max-width: 700px;
}
@media only screen and (max-width: 768px) {
  .page--cozy .cozy__content__container > figure {
    margin: 20px auto;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__content__container > figure {
    margin: 50px auto;
  }
}
.page--cozy .cozy__content__container > figure.vertical {
  max-width: 300px;
}
@media only screen and (max-width: 768px) {
  .page--cozy .cozy__content__container > ul, .page--cozy .cozy__content__container > ol {
    margin: 20px auto;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__content__container > ul, .page--cozy .cozy__content__container > ol {
    margin: 50px auto;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__content__container > ul.col2, .page--cozy .cozy__content__container > ol.col2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: flex-start;
  }
  .page--cozy .cozy__content__container > ul.col2 > *, .page--cozy .cozy__content__container > ol.col2 > * {
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
  }
  .page--cozy .cozy__content__container > ul.col2 > *, .page--cozy .cozy__content__container > ol.col2 > * {
    width: 47.22%;
    margin: 0;
  }
  .page--cozy .cozy__content__container > ul.col2 > *:nth-child(2n), .page--cozy .cozy__content__container > ol.col2 > *:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  .page--cozy .cozy__content__container > ul.col2 li, .page--cozy .cozy__content__container > ol.col2 li {
    margin-top: 5px;
  }
  .page--cozy .cozy__content__container > ul.col2 li:first-child, .page--cozy .cozy__content__container > ol.col2 li:first-child {
    margin-top: 0;
  }
}
.page--cozy .cozy__content__container > ul.col2 li h3, .page--cozy .cozy__content__container > ol.col2 li h3 {
  background: linear-gradient(transparent 60%, #faf3b1 60%);
}
@media only screen and (max-width: 768px) {
  .page--cozy .cozy__content__container > ul.col1 li, .page--cozy .cozy__content__container > ol.col1 li {
    margin-top: 20px;
  }
  .page--cozy .cozy__content__container > ul.col1 li:first-child, .page--cozy .cozy__content__container > ol.col1 li:first-child {
    margin-top: 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__content__container > ul.col1 li, .page--cozy .cozy__content__container > ol.col1 li {
    margin-top: 30px;
  }
  .page--cozy .cozy__content__container > ul.col1 li:first-child, .page--cozy .cozy__content__container > ol.col1 li:first-child {
    margin-top: 0;
  }
}
.page--cozy .cozy__content__container > ul.col1 li p, .page--cozy .cozy__content__container > ol.col1 li p {
  text-align: left;
}
.page--cozy .cozy__content__container > ul.col1 li p:first-of-type, .page--cozy .cozy__content__container > ol.col1 li p:first-of-type {
  margin-top: 0;
}
.page--cozy .cozy__content__container > ul li, .page--cozy .cozy__content__container > ol li {
  border: solid 2px #4d4d4d;
  border-radius: 12px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--cozy .cozy__content__container > ul li, .page--cozy .cozy__content__container > ol li {
    padding: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__content__container > ul li, .page--cozy .cozy__content__container > ol li {
    padding: 30px;
  }
}
.page--cozy .cozy__content__container > ul li h3, .page--cozy .cozy__content__container > ol li h3 {
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  line-height: 1.4;
  text-align: center;
  display: inline;
}
@media only screen and (max-width: 768px) {
  .page--cozy .cozy__content__container > ul li h3, .page--cozy .cozy__content__container > ol li h3 {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__content__container > ul li h3, .page--cozy .cozy__content__container > ol li h3 {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 768px) {
  .page--cozy .cozy__content__container > ul li figure, .page--cozy .cozy__content__container > ol li figure {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__content__container > ul li figure, .page--cozy .cozy__content__container > ol li figure {
    margin-top: 25px;
  }
}
.page--cozy .cozy__content__container > ul li ul, .page--cozy .cozy__content__container > ol li ul {
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 1em;
}
@media only screen and (max-width: 768px) {
  .page--cozy .cozy__content__container > ul li ul, .page--cozy .cozy__content__container > ol li ul {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__content__container > ul li ul, .page--cozy .cozy__content__container > ol li ul {
    margin-top: 25px;
  }
}
.page--cozy .cozy__content__container > ul li ul li, .page--cozy .cozy__content__container > ol li ul li {
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  padding: 0;
  border: none;
  text-align: left;
  list-style-type: disc;
  list-style-position: outside;
}
@media only screen and (max-width: 768px) {
  .page--cozy .cozy__content__container > ul li ul li, .page--cozy .cozy__content__container > ol li ul li {
    margin-top: 5px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__content__container > ul li ul li, .page--cozy .cozy__content__container > ol li ul li {
    margin-top: 10px;
  }
}
.page--cozy .cozy__content__container > ul li ul li:first-child, .page--cozy .cozy__content__container > ol li ul li:first-child {
  margin-top: 0;
}
.page--cozy .cozy__content__container .marker {
  background: linear-gradient(transparent 60%, #faf3b1 60%);
}
.page--cozy .cozy__content.content1 .cube li:first-child h3 {
  background: linear-gradient(transparent 60%, #c6e0f6 60%);
}
@media only screen and (max-width: 768px) {
  .page--cozy .cozy__content.content1 .cube figure {
    max-width: 300px;
  }
}
.page--cozy .cozy__content.content1 .shoulder li:first-child h3 {
  background: linear-gradient(transparent 60%, #c6e0f6 60%);
}
@media only screen and (max-width: 768px) {
  .page--cozy .cozy__content.content1 .shoulder figure {
    max-width: 300px;
  }
}
.page--cozy .cozy__content.content2 .shoulder li:first-child h3 {
  background: linear-gradient(transparent 60%, #c6e0f6 60%);
}
@media only screen and (max-width: 768px) {
  .page--cozy .cozy__content.content2 .shoulder figure {
    max-width: 300px;
  }
}
.page--cozy .cozy__content.content4 li:nth-child(1) h3::before {
  content: "1";
}
.page--cozy .cozy__content.content4 li:nth-child(2) h3::before {
  content: "2";
}
.page--cozy .cozy__content.content4 li:nth-child(3) h3::before {
  content: "3";
}
.page--cozy .cozy__content.content4 li:nth-child(4) h3::before {
  content: "4";
}
.page--cozy .cozy__content.content4 li:nth-child(5) h3::before {
  content: "5";
}
.page--cozy .cozy__content.content4 li h3 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.page--cozy .cozy__content.content4 li h3::before {
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  background: #faf3b1;
  border-radius: 50%;
}
@media only screen and (max-width: 768px) {
  .page--cozy .cozy__content.content4 li h3::before {
    min-width: 30px;
    min-height: 30px;
    max-width: 30px;
    max-height: 30px;
    line-height: 30px;
    margin-right: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__content.content4 li h3::before {
    min-width: 40px;
    min-height: 40px;
    max-width: 40px;
    max-height: 40px;
    line-height: 40px;
    margin-right: 15px;
  }
}
.page--cozy .cozy__content.content4 li h3 span {
  text-align: left;
}
.page--cozy .cozy__content.content4 li h3 span span {
  background: linear-gradient(transparent 60%, #faf3b1 60%);
}
.page--cozy .cozy__content.content4 li figure {
  max-width: 700px;
  margin: 30px auto;
}
.page--cozy .cozy__content.content4 div > h3 {
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--cozy .cozy__content.content4 div > h3 {
    font-size: 2rem;
    margin-top: 40px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__content.content4 div > h3 {
    font-size: 3.6rem;
    margin-top: 90px;
  }
}
.page--cozy .cozy__content.content4 div > h3 span {
  background: linear-gradient(transparent 60%, #faf3b1 60%);
}
@media only screen and (max-width: 768px) {
  .page--cozy .cozy__content.content4 div > h3 + p {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__content.content4 div > h3 + p {
    margin-top: 60px;
  }
}
.page--cozy .cozy__content.content6 > h3 {
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  line-height: 1.4;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--cozy .cozy__content.content6 > h3 {
    font-size: 2.4rem;
    margin-top: 40px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__content.content6 > h3 {
    font-size: 3.6rem;
    margin-top: 90px;
  }
}
.page--cozy .cozy__content.content6 > h3 > span {
  background: linear-gradient(transparent 50%, #faf3b1 50%);
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__content.content6 > h3 > span {
    margin: 0 10px;
  }
}
.page--cozy .cozy__content.content6 > h3 > span span {
  padding: 0 0.1em;
}
@media only screen and (max-width: 768px) {
  .page--cozy .cozy__content.content6 > h3 > span span {
    font-size: 3rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__content.content6 > h3 > span span {
    font-size: 4.2rem;
  }
}
.page--cozy .cozy__content.content6 .cozy__content__feature {
  max-width: 100%;
  padding: 0;
  display: flex;
  justify-content: flex-end;
}
@media only screen and (max-width: 768px) {
  .page--cozy .cozy__content.content6 .cozy__content__feature {
    padding: 0 20px;
    flex-direction: column-reverse;
    margin-top: 50px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__content.content6 .cozy__content__feature {
    margin-top: 100px;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1220px) {
  .page--cozy .cozy__content.content6 .cozy__content__feature {
    align-items: center;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__content.content6 .cozy__content__feature:nth-of-type(odd) {
    flex-direction: row-reverse;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__content.content6 .cozy__content__feature:nth-of-type(even) {
    flex-direction: row;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__content.content6 .cozy__content__feature .text {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1219px) {
  .page--cozy .cozy__content.content6 .cozy__content__feature .text {
    width: 50%;
    padding: 0 30px !important;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1220px) {
  .page--cozy .cozy__content.content6 .cozy__content__feature .text {
    max-width: 640px;
    padding: 0 50px 0 50px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__content.content6 .cozy__content__feature .text p:first-of-type {
    margin-top: 0;
  }
}
.page--cozy .cozy__content.content6 .cozy__content__feature .text .mod__heading01 {
  line-height: 1.4;
}
.page--cozy .cozy__content.content6 .cozy__content__feature .text .mod__heading01::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
}
@media only screen and (max-width: 768px) {
  .page--cozy .cozy__content.content6 .cozy__content__feature .text .mod__heading01 {
    margin-bottom: 15px;
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__content.content6 .cozy__content__feature .text .mod__heading01 {
    letter-spacing: -0.05em;
    margin-bottom: 35px;
    font-size: 2.4rem;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--cozy .cozy__content.content6 .cozy__content__feature .text .mod__heading01 {
    margin: 0 -50px 35px;
  }
}
.page--cozy .cozy__content.content6 .cozy__content__feature .text .mod__heading01::after {
  display: none;
}
.page--cozy .cozy__content.content6 .cozy__content__feature .text .mod__heading01 span {
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  .page--cozy .cozy__content.content6 .cozy__content__feature .text .mod__heading01 span.em {
    font-size: 2.4rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__content.content6 .cozy__content__feature .text .mod__heading01 span.em {
    font-size: 3.6rem;
  }
}
.page--cozy .cozy__content.content6 .cozy__content__feature figure {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .page--cozy .cozy__content.content6 .cozy__content__feature figure {
    margin-bottom: 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__content.content6 .cozy__content__feature figure {
    width: 50%;
  }
}
.page--cozy .cozy__content.content6 .cozy__content__feature figure::before {
  display: block;
  content: "";
  /*
  padding-top: 53.85%;
  @include tablet {
    padding-top: 100%;
  }
  */
}
.page--cozy .cozy__content.content6 .cozy__content__feature figure img {
  display: block;
  width: 100%;
  height: auto;
  /*
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  */
  -o-object-fit: cover;
     object-fit: cover;
}
.page--cozy .cozy__content.content6 p > span {
  display: block;
  text-align: center;
}
.page--cozy .cozy__content.content6 p > span:nth-of-type(n+2) {
  margin-top: 0.4em;
}
.page--cozy .cozy__content.content6 p > span .marker {
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
}
.page--cozy .cozy__content.content6 aside {
  background-color: #f9fdfd;
  border-radius: 12px;
}
@media only screen and (max-width: 768px) {
  .page--cozy .cozy__content.content6 aside {
    margin-top: 20px;
    padding: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__content.content6 aside {
    margin-top: 50px;
    padding: 30px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__content.content6 aside div {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    align-content: flex-start;
  }
  .page--cozy .cozy__content.content6 aside div > * {
    order: 0;
    flex: 0 1 auto;
    align-self: center;
  }
}
.page--cozy .cozy__content.content6 aside div figure {
  width: 200px;
}
@media only screen and (max-width: 768px) {
  .page--cozy .cozy__content.content6 aside div figure {
    margin-bottom: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__content.content6 aside div figure {
    margin: 0 30px 0 0;
  }
}
.page--cozy .cozy__content.content6 aside div figure img {
  border-radius: 50%;
}
.page--cozy .cozy__content.content6 aside div h4 {
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  line-height: 1.4;
}
@media only screen and (max-width: 768px) {
  .page--cozy .cozy__content.content6 aside div h4 {
    font-size: 2rem;
    text-align: center;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__content.content6 aside div h4 {
    font-size: 3.6rem;
  }
}
.page--cozy .cozy__content.content6 aside div h4 span {
  padding: 0 0.1em;
}
@media only screen and (max-width: 768px) {
  .page--cozy .cozy__content.content6 aside div h4 span {
    font-size: 2.4rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__content.content6 aside div h4 span {
    font-size: 4.2rem;
  }
}
@media only screen and (max-width: 768px) {
  .page--cozy .cozy__content.content6 aside p:first-of-type {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__content.content6 aside p:first-of-type {
    margin-top: 30px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--cozy .cozy__content.content7 .cozy__content__container {
    text-align: center;
  }
}/*# sourceMappingURL=cozy.css.map */