@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
///////////////////////////////// */
/* /////////////////////////////////
  margin-top
///////////////////////////////// */
/* ///////////////////////////////////////////
  how_to_choice.scss
  ランドセル選びブログに関する記述
/////////////////////////////////////////// */
.page--how_to_choice {
  /*
  .how_to_choice__category {
    @include makeContainer;
    @include smartphone { margin-top: 25px; }
    @include screen { margin-top: 90px; }

    &__list {
      @include smartphone {
        @include flex2C($width:49%, $margin:0 2% 0 0);
      }
      @include screen {
        @include flex5C($justify:center, $width:20%, $margin:0);
      }

      li {
        a {
          @include makeButton;
          border-radius: 6px;
          font-family: $accentFont;
          font-weight: normal;
          font-size: 90%;
          line-height: 1.25;
        }

        @include smartphone {
          &:nth-of-type(n+3) { margin-top: 10px;}
          a { height: 2.4em; }
        }

        @include screen {
          padding: 0 5px;
          &:nth-of-type(n+6) { margin-top: 10px;}
          a { height: 40px; }
        }
      }
    }
  }

  .how_to_choice__posts {
    @include makeContainer;
    @include smartphone { margin-top: 20px; }
    @include screen { margin-top: 50px; }

    &__list {}
  }

  .mod__pagination {
    @include smartphone { margin-top: 20px; }
    @include screen { margin-top: 50px; }
  }
  */
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice {
    padding: 0 0 30px 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice {
    padding: 0 0 100px 0;
  }
}
.page--how_to_choice .how_to_choice__intro {
  display: flex !important;
  background: #000;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__intro {
    flex-direction: column-reverse;
    justify-content: flex-end;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__intro {
    flex-direction: row-reverse;
    justify-content: flex-end;
    position: relative;
    z-index: 2;
  }
  .page--how_to_choice .how_to_choice__intro::after {
    width: 50%;
    height: 100%;
    content: "";
    background: #f5f2ef;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
  }
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__intro .text {
    padding: 20px;
    background: #f5f2ef;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__intro .text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 2;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1219px) {
  .page--how_to_choice .how_to_choice__intro .text {
    width: 50%;
    padding: 30px;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1220px) {
  .page--how_to_choice .how_to_choice__intro .text {
    max-width: 640px;
    padding: 50px 80px 50px 50px;
  }
}
.page--how_to_choice .how_to_choice__intro .text .mod__heading01 {
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__intro .text .mod__heading01 {
    font-size: 2rem;
    margin-bottom: 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__intro .text .mod__heading01 {
    font-size: 3rem;
    margin-bottom: 45px;
  }
}
.page--how_to_choice .how_to_choice__intro .text .mod__heading01::after {
  display: none;
}
.page--how_to_choice .how_to_choice__intro .text p {
  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 print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__intro .text p {
    line-height: 1.8;
    font-size: 1.6rem;
  }
  .page--how_to_choice .how_to_choice__intro .text p::before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    margin-top: calc((1 - 1.8) * 0.5em);
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--how_to_choice .how_to_choice__intro .text p:nth-of-type(1) br {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__intro .text p:nth-of-type(n+2) {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__intro .text p:nth-of-type(n+2) {
    margin-top: 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__intro figure {
    width: 50%;
  }
}
.page--how_to_choice .how_to_choice__intro figure img {
  display: block;
  width: 100%;
  max-width: 640px;
  height: auto;
  margin: 0 auto;
  max-width: none;
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__intro figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.page--how_to_choice .how_to_choice__message {
  display: block;
  max-width: 1060px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__message {
    padding: 50px 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--how_to_choice .how_to_choice__message {
    padding: 100px 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--how_to_choice .how_to_choice__message {
    padding: 100px 80px;
  }
}
.page--how_to_choice .how_to_choice__message p {
  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 print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__message p {
    line-height: 1.8;
    font-size: 1.6rem;
  }
  .page--how_to_choice .how_to_choice__message p::before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    margin-top: calc((1 - 1.8) * 0.5em);
  }
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__message p:nth-of-type(n+2) {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__message p:nth-of-type(n+2) {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__message ol {
    margin-top: 45px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__message ol {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 95px;
  }
}
.page--how_to_choice .how_to_choice__message ol 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;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__message ol li {
    font-size: 1.6rem;
  }
  .page--how_to_choice .how_to_choice__message ol li:nth-child(n+2) {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__message ol li {
    width: 48.8889%;
    max-width: 440px;
    font-size: 2.2rem;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1219px) {
  .page--how_to_choice .how_to_choice__message ol li {
    max-width: none;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__message ol li:nth-child(n+3) {
    margin-top: 20px;
  }
}
.page--how_to_choice .how_to_choice__message ol li a {
  line-height: 1.4;
  color: #fff;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page--how_to_choice .how_to_choice__message ol li a::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__message ol li a {
    padding: 15px 20px;
    border-radius: 6px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__message ol li a {
    height: 140px;
    padding: 0 30px;
    border-radius: 12px;
  }
}
.page--how_to_choice .how_to_choice__message ol li a:hover {
  background: #fff !important;
}
.page--how_to_choice .how_to_choice__message ol li:nth-child(1) a {
  background: #81c6ee;
  border: 2px solid #81c6ee;
}
.page--how_to_choice .how_to_choice__message ol li:nth-child(1) a:hover {
  color: #81c6ee;
}
.page--how_to_choice .how_to_choice__message ol li:nth-child(2) a {
  background: #9ecb57;
  border: 2px solid #9ecb57;
}
.page--how_to_choice .how_to_choice__message ol li:nth-child(2) a:hover {
  color: #9ecb57;
}
.page--how_to_choice .how_to_choice__message ol li:nth-child(3) a {
  background: #a290c0;
  border: 2px solid #a290c0;
}
.page--how_to_choice .how_to_choice__message ol li:nth-child(3) a:hover {
  color: #a290c0;
}
.page--how_to_choice .how_to_choice__message ol li:nth-child(4) a {
  background: #ef888c;
  border: 2px solid #ef888c;
}
.page--how_to_choice .how_to_choice__message ol li:nth-child(4) a:hover {
  color: #ef888c;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info {
    padding-bottom: 50px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info .summary {
    padding: 25px 20px;
    margin-bottom: 50px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info .summary {
    padding: 45px 30px;
    margin-bottom: 100px;
  }
}
.page--how_to_choice .how_to_choice__info .summary h2,
.page--how_to_choice .how_to_choice__info .summary p {
  text-align: center;
}
.page--how_to_choice .how_to_choice__info .summary h2 {
  line-height: 1.4;
  color: #fff;
  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;
}
.page--how_to_choice .how_to_choice__info .summary h2::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info .summary h2 {
    font-size: 2rem;
    margin-bottom: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info .summary h2 {
    font-size: 3.6rem;
    margin-bottom: 40px;
  }
}
.page--how_to_choice .how_to_choice__info .summary p {
  color: #3f3f3f;
  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 print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info .summary p {
    font-size: 1.6rem;
  }
}
.page--how_to_choice .how_to_choice__info .summary p span {
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info .mod__heading02 {
    line-height: 1.4;
    height: auto;
    padding: 25px 20px;
    margin-bottom: 50px;
  }
  .page--how_to_choice .how_to_choice__info .mod__heading02::before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    margin-top: calc((1 - 1.4) * 0.5em);
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info .mod__heading02 {
    height: 180px;
    margin-bottom: 100px;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__failure .summary {
  background: #81c6ee;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__failure .case {
  border: 1px solid #81c6ee;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__failure .case {
    width: auto;
    padding: 20px 20px 25px 20px;
    border-radius: 6px;
    margin: 0 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__failure .case {
    padding: 30px 30px 35px 30px;
    border-radius: 12px;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1219px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__failure .case {
    width: auto;
    margin: 0 30px;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1220px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__failure .case {
    max-width: 900px;
    margin: 0 auto;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__failure .case:nth-of-type(2) p:nth-of-type(1) {
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__failure .case:nth-of-type(n+3) {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__failure .case:nth-of-type(n+3) {
    margin-top: 30px;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__failure .case h3 {
  line-height: 1.3;
  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--how_to_choice .how_to_choice__info#how_to_choice__failure .case h3::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.3) * 0.5em);
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__failure .case h3 {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__failure .case h3 {
    font-size: 2.4rem;
    letter-spacing: -0.05em;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__failure .case h3 span {
  display: inline-block;
  background: url("../images/common/underline-lightblue.gif") center bottom repeat-x;
  background-size: 11px;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__failure .case h3 span {
    margin-bottom: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__failure .case h3 span {
    margin-bottom: 20px;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__failure .case h4 {
  line-height: 1.4;
  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;
  text-align: center;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__failure .case h4::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__failure .case h4 {
    font-size: 1.8rem;
    margin: 25px 0 -10px 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__failure .case h4 {
    font-size: 2.4rem;
    margin: 45px 0 -15px 0;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__failure .case figure {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  position: relative;
  background: #f4efe4;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__failure .case figure {
    margin: 20px 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__failure .case figure {
    margin: 30px auto;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__failure .case figure::before {
  display: block;
  content: "";
  padding-top: 47.1428%;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__failure .case figure img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__failure .case p {
  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 print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__failure .case p {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__failure .case p:nth-of-type(n+2) {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__failure .case p:nth-of-type(n+2) {
    margin-top: 25px;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__failure .case p span {
  background: url("../images/common/underline-lightblue.gif") center bottom repeat-x;
  background-size: 11px;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .summary {
  background: #9ecb57;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point > ol {
  border: 2px solid #9ecb57;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point > ol {
    width: auto;
    padding: 20px 20px 25px 20px;
    border-radius: 6px;
    margin: 0 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point > ol {
    padding: 30px 30px 35px 30px;
    border-radius: 12px;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1219px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point > ol {
    width: auto;
    margin: 0 30px;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1220px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point > ol {
    max-width: 900px;
    margin: 0 auto;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point > ol li {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point > ol li:nth-child(n+2) {
  margin-top: 15px;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point > ol li:nth-child(1) h3::before {
  content: "1";
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point > ol li:nth-child(2) h3::before {
  content: "2";
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point > ol li:nth-child(3) h3::before {
  content: "3";
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point > ol li:nth-child(4) h3::before {
  content: "4";
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point > ol li:nth-child(5) h3::before {
  content: "5";
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point > ol li:nth-child(6) h3::before {
  content: "6";
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point > ol li:nth-child(7) h3::before {
  content: "7";
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point > ol li:nth-child(8) h3::before {
  content: "8";
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point > ol li:nth-child(9) h3::before {
  content: "9";
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point > ol li:nth-child(10) h3::before {
  content: "10";
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point > 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;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point > ol li h3 {
    line-height: 1.2;
    font-size: 1.8rem;
    margin-bottom: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point > ol li h3 {
    line-height: 1.2;
    font-size: 2.4rem;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1219px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point > ol li h3 {
    width: 240px;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1220px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point > ol li h3 {
    width: 28.7081%;
    max-width: 240px;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point > ol li h3::before {
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  background: #9ecb57;
  border-radius: 50%;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point > ol 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--how_to_choice .how_to_choice__info#how_to_choice__point > ol li h3::before {
    min-width: 40px;
    min-height: 40px;
    max-width: 40px;
    max-height: 40px;
    line-height: 40px;
    margin-right: 15px;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point > ol li p {
  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 print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point > ol li p {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1219px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point > ol li p {
    width: calc(100% - 240px);
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1220px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point > ol li p {
    width: 71.2919%;
    max-width: 596px;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex {
  display: block;
  max-width: 1060px;
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex {
    padding: 55px 20px 50px 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex {
    padding: 105px 30px 100px 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex {
    padding: 105px 80px 100px 80px;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(n+3)::before {
  height: 5px;
  content: "";
  background: #9ecb57;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(n+3)::before {
    width: 50px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(n+3)::before {
    width: 100px;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(2) h3::before {
  content: "1";
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(2) > div {
    margin: 20px 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(2) > div {
    margin: 35px 0;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(2) > div table {
  border-collapse: collapse;
  border: 2px solid #6f9f14;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(2) > div table {
    width: 750px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(2) > div table {
    width: 100%;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(2) > div table tr {
  border-bottom: 2px solid #6f9f14;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(2) > div table tr th,
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(2) > div table tr td {
  font-size: 1.6rem;
  text-align: center;
  padding: 12px 15px;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(2) > div table tr th {
  color: #fff;
  background: #6f9f14;
  border-right: 2px solid #fff;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(2) > div table tr th:first-of-type(1) {
    width: 190px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(2) > div table tr th:first-of-type(1) {
    width: 340px;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(2) > div table tr th:nth-of-type(n+2) {
  width: 100px;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(2) > div table tr th:last-of-type {
  width: 98px;
  border-right: none;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(2) > div table tr td {
  color: #000;
  border-right: 2px dotted #6f9f14;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(2) p:nth-of-type(1) {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(2) p:nth-of-type(1) {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(2) p:nth-of-type(1) {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(2) p:nth-of-type(n+2) {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(2) p:nth-of-type(n+2) {
    margin-top: 30px;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(2) p span {
  background: url("../images/common/underline-yellowishgreen.gif") center bottom repeat-x;
  background-size: 11px;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(2) .comparison-chart {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 40px auto;
  border-left: 2px solid #6f9f14;
  border-right: 2px solid #6f9f14;
  overflow-x: scroll;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(2) .comparison-chart {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(2) .comparison-chart {
    margin-top: 40px;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(2) .comparison-chart .category {
  grid-row: 1/2;
  min-width: 260px;
  background: #6f9f14;
  color: #ffffff;
  text-align: center;
  word-break: keep-all;
  letter-spacing: 0.1em;
  line-height: 40px;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(2) .comparison-chart .category:nth-of-type(n + 2) {
  border-left: 2px solid #FFF;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(2) .comparison-chart .feature {
  grid-row: 2/3;
  padding: 20px 10px 40px;
  color: #6f9f14;
  border-left: 2px dotted #6f9f14;
  border-bottom: 2px solid #6f9f14;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(2) .comparison-chart .feature:nth-of-type(1) {
  border-left: none;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(2) .comparison-chart .merit {
  position: relative;
  grid-row: 3/4;
  padding: 30px 10px 40px;
  border-left: 2px dotted #6f9f14;
  border-bottom: 2px solid #6f9f14;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(2) .comparison-chart .merit:nth-of-type(2) {
  border-left: none;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(2) .comparison-chart .merit::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  background: url(../../assets/images/page/how_to_choice/icon_merit.svg) center no-repeat #ffffff;
  background-size: contain;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(2) .comparison-chart .merit ul {
  padding-left: 1em;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(2) .comparison-chart .merit li {
  list-style: disc;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(2) .comparison-chart .demerit {
  position: relative;
  grid-row: 4/5;
  padding: 30px 10px 20px;
  border-left: 2px dotted #6f9f14;
  border-bottom: 2px solid #6f9f14;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(2) .comparison-chart .demerit:nth-of-type(3) {
  border-left: none;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(2) .comparison-chart .demerit::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  background: url(../../assets/images/page/how_to_choice/icon_demerit.svg) center no-repeat #ffffff;
  background-size: contain;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(3) {
  /*
  table {
    height: 0;
    background: url('../images/page/how_to_choice/point-table.png') center center no-repeat;
    background-size: contain;
    display: block;
    overflow: hidden;
    @include smartphone {
      width: 100%;
      padding-top: 25.26315%;
      margin: 20px auto;
    }
    @include screen {
      margin: 35px auto;
      @include tablet {
        width: 100%;
        padding-top: 25.26315%;
      }
      @include desktop {
        width: 855px;
        padding-top: 216px;
      }
    }
  }
  */
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(3) h3::before {
  content: "2";
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(3) > div {
    margin: 20px 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(3) > div {
    margin: 35px 0;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(3) > div table {
  border-collapse: collapse;
  border: 2px solid #6f9f14;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(3) > div table {
    width: 750px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(3) > div table {
    width: 100%;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(3) > div table tr {
  border-bottom: 2px solid #6f9f14;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(3) > div table tr th,
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(3) > div table tr td {
  font-size: 1.6rem;
  text-align: center;
  padding: 12px 15px;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(3) > div table tr th {
  color: #fff;
  background: #6f9f14;
  border-right: 2px solid #fff;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(3) > div table tr th:first-of-type(1) {
    width: 190px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(3) > div table tr th:first-of-type(1) {
    width: 340px;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(3) > div table tr th:nth-of-type(n+2) {
  width: 100px;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(3) > div table tr th:last-of-type {
  width: 98px;
  border-right: none;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(3) > div table tr td {
  color: #000;
  border-right: 2px dotted #6f9f14;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(3) p:nth-of-type(n+2) {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(3) p:nth-of-type(n+2) {
    margin-top: 30px;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(4) h3::before {
  content: "3";
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(4) figure {
  max-width: 475px;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(4) figure::before {
  padding-top: 64.21%;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(4) figure img {
  max-width: 475px;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(4) p {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(4) p:nth-of-type(1) {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(4) p:nth-of-type(1) {
    font-size: 1.8rem;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(4) ul li {
  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;
  text-align: center;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(4) ul li span {
  background: url("../images/common/underline-yellowishgreen.gif") center bottom repeat-x;
  background-size: 11px;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(5) h3::before {
  content: "4";
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(5) p:nth-of-type(n+2) {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(5) p:nth-of-type(n+2) {
    margin-top: 30px;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(5) p:nth-of-type(1) {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(5) p:nth-of-type(1) {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(5) p:nth-of-type(1) {
    font-size: 1.8rem;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(5) p:nth-of-type(2) {
  font-weight: bold;
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(5) p:nth-of-type(2) {
    margin-top: 35px;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(5) ul li {
  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;
  text-align: center;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(5) ul li span {
  background: url("../images/common/underline-yellowishgreen.gif") center bottom repeat-x;
  background-size: 11px;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(6) h3::before {
  content: "5";
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(6) p:nth-of-type(n+2) {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(6) p:nth-of-type(n+2) {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(6) p:nth-of-type(1) {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(6) p:nth-of-type(1) {
    font-size: 1.8rem;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(6) p span {
  background: url("../images/common/underline-yellowishgreen.gif") center bottom repeat-x;
  background-size: 11px;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(7) h3::before {
  content: "6";
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(7) p:nth-of-type(n+2) {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(7) p:nth-of-type(n+2) {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(7) p:nth-of-type(1) {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(7) p:nth-of-type(1) {
    font-size: 1.8rem;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(7) p span {
  background: url("../images/common/underline-yellowishgreen.gif") center bottom repeat-x;
  background-size: 11px;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(8) h3::before {
  content: "7";
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(8) p:nth-of-type(3), .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(8) p:nth-of-type(n+5) {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(8) p:nth-of-type(3), .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(8) p:nth-of-type(n+5) {
    margin-top: 30px;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(8) p:nth-of-type(1) {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(8) p:nth-of-type(1) {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(8) p:nth-of-type(1) {
    font-size: 1.8rem;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(8) h4 {
  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;
  text-align: center;
  margin-bottom: 3px;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(8) h4 {
    font-size: 1.6rem;
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(8) h4 {
    font-size: 1.8rem;
    margin-top: 35px;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(8) span {
  background: url("../images/common/underline-yellowishgreen.gif") center bottom repeat-x;
  background-size: 11px;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(9) h3::before {
  content: "8";
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(9) p:nth-of-type(n+2) {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(9) p:nth-of-type(n+2) {
    margin-top: 30px;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(9) p:nth-of-type(1) {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(9) p:nth-of-type(1) {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(9) p:nth-of-type(1) {
    font-size: 1.8rem;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(9) p span {
  background: url("../images/common/underline-yellowishgreen.gif") center bottom repeat-x;
  background-size: 11px;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(10) h3::before {
  content: "9";
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(10) ol {
    margin: 20px 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(10) ol {
    margin: 40px 0;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(10) ol li {
  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;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(10) ol li {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(10) ol li {
    font-size: 1.8rem;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(10) ol li span {
  background: url("../images/common/underline-yellowishgreen.gif") center bottom repeat-x;
  background-size: 11px;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(11) h3::before {
  content: "10";
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(11) figure::before {
  padding-top: 54.2857142857%;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(11) p:nth-of-type(n+2) {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(11) p:nth-of-type(n+2) {
    margin-top: 30px;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(11) p:nth-of-type(1) {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(11) p:nth-of-type(1) {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(11) p:nth-of-type(1) {
    font-size: 1.8rem;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex:nth-of-type(11) p span {
  background: url("../images/common/underline-yellowishgreen.gif") center bottom repeat-x;
  background-size: 11px;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex 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;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex h3 {
    font-size: 1.8rem;
    margin-bottom: 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex h3 {
    font-size: 2.4rem;
    margin-bottom: 50px;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex h3::before {
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  background: #9ecb57;
  border-radius: 50%;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex 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--how_to_choice .how_to_choice__info#how_to_choice__point .ex h3::before {
    min-width: 40px;
    min-height: 40px;
    max-width: 40px;
    max-height: 40px;
    line-height: 40px;
    margin-right: 15px;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex figure {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  position: relative;
  background: #f4efe4;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex figure {
    margin-bottom: 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex figure {
    margin-bottom: 45px;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex figure::before {
  display: block;
  content: "";
  padding-top: 47.1428%;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex figure img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point .ex p {
  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 print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point .ex p {
    font-size: 1.6rem;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__point > p {
  line-height: 1.4;
  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;
  /*
  display: flex;
  justify-content: center;
  align-items: center;
  */
  background: #e2efcc;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point > p {
    width: auto;
    font-size: 1.8rem;
    padding: 15px 20px;
    border-radius: 6px;
    margin: 0 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point > p {
    font-size: 2.25rem;
    padding: 25px 30px;
    border-radius: 12px;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1219px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point > p {
    width: auto;
    margin: 0 30px;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1220px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__point > p {
    max-width: 900px;
    letter-spacing: -0.05em;
    margin: 0 auto;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__trend .mod__heading02 {
  background: #a290c0;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__trend p,
.page--how_to_choice .how_to_choice__info#how_to_choice__trend h3,
.page--how_to_choice .how_to_choice__info#how_to_choice__trend ol li {
  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--how_to_choice .how_to_choice__info#how_to_choice__trend p,
  .page--how_to_choice .how_to_choice__info#how_to_choice__trend h3,
  .page--how_to_choice .how_to_choice__info#how_to_choice__trend ol li {
    padding: 0 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__trend p,
  .page--how_to_choice .how_to_choice__info#how_to_choice__trend h3,
  .page--how_to_choice .how_to_choice__info#how_to_choice__trend ol li {
    font-size: 1.6rem;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__trend > p {
  display: block;
  max-width: 1060px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__trend > p {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__trend > p {
    padding: 0 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__trend > p {
    padding: 0 80px;
  }
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__trend > p {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__trend > p {
    margin-top: 30px;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__trend h3 {
  font-weight: bold;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__trend h3 {
    line-height: 1.4;
    font-size: 1.6rem;
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__trend h3 {
    font-size: 1.8rem;
    margin-top: 35px;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__trend ol li {
  text-align: center;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__trend ol li span {
  background: url("../images/common/underline-lightpurple.gif") center bottom repeat-x;
  background-size: 11px;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__trend ul {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__trend ul {
    padding: 0 20px;
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__trend ul {
    width: 636px;
    margin: 25px auto 0 auto;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__trend ul li {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__trend ul li {
    width: calc(50% - 7.5px);
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__trend ul li {
    width: 46.0692%;
    max-width: 293px;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__trend ul li p {
  line-height: 1.4;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__trend ul li p {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__trend ul li p {
    font-size: 1.8rem;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__trend ul li figure {
  width: 100%;
  position: relative;
  background: #f4efe4;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__trend ul li figure::before {
  display: block;
  content: "";
  padding-top: 110.921%;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__trend ul li figure img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__roles {
  position: relative;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__roles .mod__heading02 {
  background: #ef888c;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__roles::after {
  width: auto;
  max-width: 1120px;
  height: 1px;
  content: "";
  background: #ccc;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles::after {
    width: calc(100% - 40px);
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles::after {
    width: calc(100% - 60px);
  }
}
@media print, screen and (min-width: 1220px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles::after {
    width: calc(100% - 160px);
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__roles p {
  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 print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles p {
    font-size: 1.6rem;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__roles > ul,
.page--how_to_choice .how_to_choice__info#how_to_choice__roles > p {
  display: block;
  max-width: 1060px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles > ul,
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles > p {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles > ul,
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles > p {
    padding: 0 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles > ul,
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles > p {
    padding: 0 80px;
  }
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles > ul {
    margin-bottom: 40px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles > ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: 85px;
  }
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles > ul li:nth-child(n+2) {
    margin-top: 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles > ul li {
    width: 50%;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__roles > ul li h3,
.page--how_to_choice .how_to_choice__info#how_to_choice__roles > ul li p {
  text-align: center;
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles > ul li h3,
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles > ul li p {
    font-size: 1.8rem;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__roles > ul li h3 {
  line-height: 1;
  color: #fff;
  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;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles > ul li h3 {
    margin-bottom: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles > ul li h3 {
    margin-bottom: 20px;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__roles > ul li h3 span {
  padding: 3px 5px;
  background: #ef888c;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__roles > ul li p {
  line-height: 1.7;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles > p:nth-of-type(n+2) {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles > p:nth-of-type(n+2) {
    margin-top: 30px;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__roles .roles__mv {
  display: block;
  max-width: 860px;
  margin: 0 auto;
  margin: 0 auto;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles .roles__mv {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles .roles__mv {
    padding: 0 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles .roles__mv {
    padding: 0 80px;
  }
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles .roles__mv {
    margin-bottom: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles .roles__mv {
    margin-bottom: 40px;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__roles .roles__mv img {
  max-width: 100%;
  height: auto;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__roles .research {
  border: 1px solid #ef888c;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles .research {
    padding: 20px 20px 25px 20px;
    border-radius: 6px;
    margin: 0 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles .research {
    padding: 30px 30px 35px 30px;
    border-radius: 12px;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1219px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles .research {
    width: auto;
    margin: 0 30px;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1220px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles .research {
    max-width: 900px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles .research:nth-of-type(1) {
    margin-top: 45px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles .research:nth-of-type(1) {
    margin-top: 95px;
  }
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles .research:nth-of-type(n+2) {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles .research:nth-of-type(n+2) {
    margin-top: 30px;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__roles .research:last-of-type p:nth-of-type(1) {
  text-align: center;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__roles .research 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--how_to_choice .how_to_choice__info#how_to_choice__roles .research h3 {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles .research h3 {
    font-size: 2.4rem;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__roles .research h3 span {
  background: url("../images/common/underline-pink.gif") center bottom repeat-x;
  background-size: 11px;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles .research ul {
    margin: 15px 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles .research ul {
    max-width: 648px;
    display: flex;
    justify-content: space-between;
    margin: 20px auto;
  }
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles .research ul li:nth-child(1) {
    margin-top: -20px;
  }
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles .research ul li:nth-child(n+2) {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles .research ul li {
    width: 48.9198%;
    max-width: 317px;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__roles .research ul li img {
  display: block;
  width: 100%;
  max-width: 640px;
  height: auto;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles .research figure {
    margin: 15px 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles .research figure {
    margin: 20px 0;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__roles .research figure img {
  display: block;
  width: 100%;
  max-width: 650px;
  height: auto;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles .research p:nth-of-type(n+2) {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__info#how_to_choice__roles .research p:nth-of-type(n+2) {
    margin-top: 35px;
  }
}
.page--how_to_choice .how_to_choice__info#how_to_choice__roles .research p a {
  text-decoration: underline;
}
.page--how_to_choice .how_to_choice__info#how_to_choice__roles .research p a:hover {
  text-decoration: none;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__article {
    padding: 50px 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__article {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__article .mod__heading01 {
    padding: 0 20px;
  }
}
.page--how_to_choice .how_to_choice__article .mod__heading01 span {
  display: block;
  margin-bottom: 5px;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__article .mod__heading01 span {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__article .mod__heading01 span {
    font-size: 2.4rem;
  }
}
.page--how_to_choice .how_to_choice__article .mod__heading01::after {
  display: none;
}
.page--how_to_choice .how_to_choice__article .htc__blog__posts {
  display: block;
  max-width: 1280px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__article .htc__blog__posts {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--how_to_choice .how_to_choice__article .htc__blog__posts {
    padding: 0 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--how_to_choice .how_to_choice__article .htc__blog__posts {
    padding: 0 80px;
  }
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__article .htc__blog__posts {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__article .htc__blog__posts {
    margin-top: 50px;
  }
}
.page--how_to_choice .how_to_choice__article .button {
  margin-left: auto;
  margin-right: auto;
  width: auto !important;
  width: 320px;
  max-width: 320px;
}
@media only screen and (max-width: 768px) {
  .page--how_to_choice .how_to_choice__article .button {
    padding: 0 20px;
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__article .button {
    margin-top: 50px;
  }
}
.page--how_to_choice .how_to_choice__article .button a {
  width: 100%;
  max-width: 100%;
  height: 50px;
  color: #f7a1cb;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  border: 1px solid #f7a1cb;
  background-color: #fff;
  cursor: pointer;
  transition: all 0.2s linear;
  position: relative;
  margin: 0 auto;
  text-align: left;
  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;
}
.page--how_to_choice .how_to_choice__article .button a::after {
  width: 0;
  height: 0;
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #f7a1cb;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 17px;
  margin: auto 0;
}
@media print, screen and (min-width: 769px) {
  .page--how_to_choice .how_to_choice__article .button a:hover {
    color: #fff;
    background-color: #f7a1cb;
    text-decoration: none;
  }
  .page--how_to_choice .how_to_choice__article .button a:hover::after {
    border-color: transparent transparent transparent #fff;
  }
}

/*=================================
  news
=================================*//*# sourceMappingURL=how_to_choice.css.map */